body {
padding: 0;
margin: 0;
font-family: Geneva,Trebuchet MS,Lucida,Arial,sans-serif;
font-size:12px;
background: #EBEBEB;
color: #303030;
} 

a {
text-decoration: underline;
color: #466a02;
} 

a:hover {
text-decoration: underline;
}

#container {
margin: 15px auto 15px auto;
width: 880px;
padding: 0px;

}

#menulinks {
padding:0px 0px;
background: #ccc;
color:#000;
}

#menulinks a {
color:#000;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}

#menulinks a:hover {
text-decoration:underline;
}

#shadow {
background:url(images/header-shadow.gif) top center no-repeat;
height:15px;
}


#logo {
padding:10px 20px;
background: #2f462b;
}


h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
font-weight:normal;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
}


h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#000;
}

p {
margin: 0 0 15px 0;
line-height: 1.5em;
text-align: left;
}

#main {
width: 830px;
padding: 25px;
padding-top:5px;
margin-top:10px;
border: 1px solid #CCCCCC;
background:#ffffff;
}



.formfield {
margin-bottom:7px;
width:180px;
}

.formfieldphone {
margin-bottom:7px;
width:162px;
}

.bookingfield {
margin-bottom:7px;
}

.formshort {
margin-bottom:7px;
width:100px;
}

.formlong {
margin-bottom:7px;
width:340px;
height:70px;

}

.block {
background: #f0f0f0;
padding: 15px;
} 


#footer {
clear: both;
color: #808080;
font-size: 0.9em;
padding: 20px 0 10px 0;
text-align: center;
background: url(images/header-shadow.gif) top center no-repeat;
}

#footer a {
color: #808080;
}

div.message {
	width: auto;
	height: 24px;
	font-size: 12px;
	color:  #c00;
	line-height: 22px;
}

img#loader {
	position: absolute;
	left: 885px;
}



.right {
text-align: right;
}

a img {
border: 0;
}

.photo {
padding: 5px;
display: block;
margin: 0 auto 15px auto;
background-color: #f0f0f0;
} 

.hide {
display: none;
} 


#content {
	width: 650px;
	margin: 0px auto;
	padding: 0px 15px 11px 15px;
	background-color: #fff;
}





dl {
	position: relative;
	padding: 30px 0px;
}

dl dt {
	position: absolute;
	left: -165px;
	width: 150px;
	text-align: right;
}

dl dt span {
	background-color: #ccc;
	font: Normal 20px Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #fff;
	padding: 0px 5px 0px 5px;
}

dl dd {
	font-size: 16px;
	color: #444;
	line-height: 20px;
	letter-spacing: -1px;
	padding: 0px 0px 10px 0px;
}

dl dd a {
	font-size: 18px;
	font-weight: Bold;
	color: #930707;
    text-decoration:  none;
}


img#loader {
	position: absolute;
	left: 885px;
}

div#UserUsername_autoComplete {
    position         :absolute;
    width            :250px;
    background-color :white;
    margin           :0px;
    padding          :0px;
}

div#UserUsername_autoComplete ul{
	list-style-type: none;
}

div#UserUsername_autoComplete ul li.selected {
	background-color: #ffb;
}

.additional {
width:250px;
height:65px;
}

/* Tables */

td.greybox {
background:#CCCCCC;
border:1px solid #009900;
}

table.yellowbox {
background:url(images/address.png) no-repeat;
padding:2px 3px;
width:200px;
margin-top:13px;
}

table.outbound {
background:url(images/outbound.png) no-repeat;
height:120px;
}

table.return {
background:url(images/return.png) no-repeat;
height:120px;
}

table.schedule {
background:url(images/schedule.png) 0 15px no-repeat;
height:120px;
}

table.schedulesingle {
background:url(images/schedule_single.png) 0 15px no-repeat;
height:120px;
}

table.details {
background:url(images/details.png) no-repeat;
height:120px;
}

table.single {
background:url(images/single.png) 0 15px no-repeat;
height:135px;
}

table.booking_details {
    background:url(images/journey.png) no-repeat;
    width:450px;
    padding:50px 20px 20px 20px;
    float:left;
    margin-right:25px;
}

table.driver_details {
    background:url(images/driver_details.png) no-repeat;
    width:300px;
    padding:50px 20px;
    float:left;
    height:350px;
    margin-bottom:70px;
}

table.customer_details {
    background:url(images/customer_details.png) no-repeat;
    width:300px;
    padding:50px 20px;
    float:left;
    margin-right:185px;
}

table.update_details {
    background:url(images/update1.png) no-repeat;
    width:400px;
    height:400px;
    padding:50px 20px;
    float:left;
    margin-right:20px;
}

table.booking_summary {
    background:url(images/booking_summary.png) no-repeat;
    width:300px;
    height:350px;
    padding:50px 20px;
    float:left;
}

table.user_details {
    background:url(images/user_details.png) no-repeat;
    width:500px;
    height:400px;
    padding:50px 20px;
    float:left;
}

table.edit_user_details {
    background:url(images/edit_user_info.png) no-repeat;
    width:500px;
    height:400px;
    padding:50px 20px;
    float:left;
}





td.bookbox {
text-align:left;
padding-left:45px;
padding-top:5px;
}

td.bookboxleft {
text-align:left;
padding-left:30px;
padding-top:5px;
}

td.address {
background:url(images/personal_info.png) 0px 10px no-repeat;
padding: 50px 15px;
}


td {
padding:3px;
}

td.row {
border:solid 1px #999999;
border-top:0px;
border-right:0px;
}


td.rowend {
border:solid 1px #999999;
border-top:0px;
border-right:solid 1px #999999
}

tr.odd {
background:#fff;
padding: 3px 8px;
}

table.bookings {
    background:url(images/table_header.png) no-repeat;
}

th {
padding:5px 5px;
border:0px;
border-left:1px solid #999999;
color: #fff;
font-weight:normal;
}

th.begin {
border-left:0px;
}


th a {
   	background:#f2f2f2;
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}

th a:hover {
	background: #ccc;
	color: #333;
	text-decoration: none;
}


table tr.altrow td {
	background: #f4f4f4;
}

td.actions {
	text-align: center;
	white-space: nowrap;
}

td.actions a {
	margin: 0px 6px;
}

.cake-sql-log table {
	background: #f4f4f4;
}

.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
}

ul, li {
	margin: 0 0px;
}

div.error-message {
	clear: both;
	color: #333333;
	background: #F7D9D6;
	border:1px solid #FF8484;
	padding:2px;
	text-align:left;
}

#key img {
    float:left;
    border:1px solid #888;
    }

/* Menus */

#dropline {position:relative; font-size:12px; height:20px; background:#ccc;}

#dropline, #dropline ul {padding:0; margin:0; list-style:none; width:800px;}

#dropline table {border-collapse:collapse; margin:-1px -10px; padding:0; width:0; height:0; font-size:12px;}
#dropline li {float:left; height:20px; margin-right:1px;}
#dropline li a {float:left; display:block; height:30px; line-height:20px; padding:2px 15px 2px 5px; font-family:arial, sans-serif; font-size:12px; color:#000; text-decoration:none; font-weight:normal; outline:0}
#dropline li a.down {background:url('http://developers.is-a-geek.com/dev-meridians/app/webroot/css/images/down.png') no-repeat right 7px;}
#dropline li ul li a.down {font-size:15px; color:#ff0; font-weight:normal;}

#dropline li a:hover {white-space:nowrap; color:#333;}
#dropline li a.down:hover {white-space:nowrap; color:#333; background:url('http://developers.is-a-geek.com/dev-meridians/app/webroot/css/images/down.png') no-repeat right 7px;}

#dropline li:hover > a {color:#333;}
#dropline li:hover > a.down {color:#333; background:url('http://developers.is-a-geek.com/dev-meridians/app/webroot/css/images/down.png') no-repeat right 7px;}

#dropline li ul {position:absolute; top:30px; left:-9999px; z-index:10;}
#dropline li ul.floatRight li {float:right;}

#dropline :hover ul,
#dropline :hover ul :hover ul,
#dropline :hover ul :hover ul :hover ul,
#dropline :hover ul :hover ul :hover ul :hover ul,
#dropline :hover ul :hover ul :hover ul :hover ul :hover ul {left:0; background:url('images/subback.png') left bottom;}

#dropline :hover ul ul,
#dropline :hover ul :hover ul ul,
#dropline :hover ul :hover ul :hover ul ul,
#dropline :hover ul :hover ul :hover ul :hover ul ul {left:-9999px; top:38px; background:transparent;}

ul#booking_tabs {
    list-style:none;
    margin-left:0px;
    margin-top:15px;
    margin-bottom:15px;
    padding:0px;
    }

ul#booking_tabs li {
    width:199px;
    padding:8px 0px;
    margin:0px;
    float:left;
    background:url(images/tab.png) no-repeat;
    text-align:center;
    }
ul#booking_tabs li.selected {
    background:url(images/tab_select.png) no-repeat;
    }

ul#booking_tabs li a {
    text-decoration:none;
    color:#fff;
    }

ul#payments li {
    float:left;
    list-style:none;
    margin-left:5px;
    }