/* Global Styles
----------------------------------------- */
* { margin: 0; padding: 0; }
html { height: 100%; margin-bottom: 1px; }
body { background-color: #99b3cc; color: #333; font-family: Verdana, Geneva, sans-serif; font-size: 11px; margin: 0; }
img { border: none; }
p {font-size:1.1em; line-height:1.25em; }

h1 {font-size:1.4em; font-weight:bold;  }
h2 {
	color: #e32;
	font-family:'Gill Sans','lucida grande',helvetica, arial, sans-serif;
	font-size: 190%;
	margin: 0.3em 0;
	padding-top: 0.8em;
}
h3 { 
	color: #e32;
	font-family:'Gill Sans','lucida grande',helvetica, arial, sans-serif;
font-size:1.6em; font-weight:normal; color:#376692; margin:0px; padding:0px; margin-bottom:8px;  text-align:center }
h4 { 
	color: #e32;
	font-family:'Gill Sans','lucida grande',helvetica, arial, sans-serif;
font-size:1.6em; text-align:right; font-weight:normal; color:#376692; margin:0px; margin-top:5px; padding:0px; margin-bottom:8px;  text-align:center }

a:link { background-color: inherit; color: #666; text-decoration: underline; }
a:visited { background-color: inherit; color: #666; text-decoration: underline; }
a:hover { background-color: inherit; color: #555; text-decoration: none; }
a:active { background-color: inherit; color: #555; text-decoration: underline; }


/* CAKE STYLES */ /* ADMIN INTERFACE STYLES */
/* Tables */

table { background-color: #fff; color: #333; margin-bottom: 1px; width: 100%; }

th {
	background-color: #f2f2f2;
	border: 1px solid #bbb;
	font-size: 11px;
	text-align: center;
}
th a {
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}
th a:hover {
	background-color: #ccc;
	color: #333;
	text-decoration: none;
}

td {
	background: #fff;
	padding: 1px;
	text-align: center;
	vertical-align: middle;
}
table tr.altrow td {
	background: #f4f4f4;
}
td.actions {
	text-align: center;
	white-space: nowrap;
}
td.actions a {
	display: inline;
	margin: 0px 6px;
}
table.noborders {
	background: #fff;
	border: 0;
}
td.noborders {
	background: #fff;
	border: 0;
	padding: 1px;
	/*text-align: center;*/
	vertical-align: middle;
}

td.noborders input {
	background: #fff;
	color:#333;
	padding: 1px;
	vertical-align: middle;
}


table.leftalign, td.leftalign  {
	text-align: left;
	vertical-align: top;
	border: 0;
}

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

/* Paging */
div.paging {
	color: #ccc;
	margin-bottom: 2em;
}
div.paging div.disabled {
	color: #ddd;
	display: inline;
}
div.paging span {
}
div.paging span.current {
	color: #000;
}
div.paging span a {
}

/* Forms & Fieldsets */

fieldset { background-color: #fff; border: 1px solid #ccc; padding: 1px 20px; }
fieldset p { margin: 10px 0; }
fieldset table td { border:1px solid #ccc; }
fieldset legend { color: #e32; font-size: 120%; font-weight: bold; }
fieldset fieldset { margin-top: 0; margin-bottom: 20px; padding: 16px 0; }
fieldset fieldset legend { font-size: 120%; font-weight: normal; margin-left: 20px; }
fieldset fieldset div { margin: 0 20px; }
form div { margin:0 0 9px 0; padding: 0; vertical-align: text-top; }
form div.input { color: #444; }
form div.required { color: #333; font-weight: bold; }
/*
form div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
	margin-left: 140px;
}
*/

label { display: block; font-size: 110%; padding-right: 20px; }
input, textarea { /*clear: both;*/ display: block; font-size: 140%; font-family: arial, verdana, sans-serif; padding: 2px; font-weight:normal;	/*width: 100%;*/ }
select { clear: both; font-size: 120%; vertical-align: text-bottom; }
select[multiple=multiple] { width: 100%; }
option { font-size: 120%; padding: 0 3px; }
input[type=checkbox] { clear: left; float: left; margin: 0px 6px 7px 2px; width: auto; }
input[type=submit] { display: inline; font-size: 100%; border:1px solid #330000; background-color: #AA0000; color:#EEE; font-weight:bold;	padding: 1px; margin:0; cursor:pointer; width: auto; vertical-align: bottom; }

/* Notices and Errors */
div.message {
	clear: both;
	color: #900;
	font-size: 140%;
	font-weight: bold;
	margin: 1em 0;
}
div.error-message {
	clear: both;
	color: #900;
	font-weight: bold;
	margin:0px;
	padding:0px;
}
p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice {
	background-color: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background-color: green;
	color: #FFF;
}

/*  Actions  */
div.actions ul {
	margin: 0px 0;
	padding: 0;
}
div.actions li {
	display: inline;
	list-style-type: none;
	line-height: 2em;
	margin: 0 2em 0 0;
	white-space: nowrap;
}
div.actions ul li a {
	color: #003d4c;
	text-decoration: none;
}
div.actions ul li a:hover {
	color: #333;
	text-decoration: underline;
}


/* structure 
---------------------------------------------------- */
#logoprintable {display:none; }
#logonormal {margin-right:40px; border-bottom:1px solid #9bb3c9; }

#tertnav { margin-left:550px; }
#tertnav {color:#fff; background-color:inherit; }
#tertnav a {color:#fff; background-color:inherit; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; }
#tertnav a:hover {color:#fff; background-color:inherit; text-decoration:underline; }

/* Images
---------------------------------------------------- */
img.bbrlogo { margin:15px 0 -10px 50px; width:189px; height:57px; border:0; }

/* #menu
---------------------------------------------------- */
#menu { text-align:center; margin-top:35px; padding:0; color:#fff; font-size:1.0em; font-weight:bold; }
#menu a { color:#fff; text-decoration:none; }
#menu a:hover { text-decoration: underline; }



/* #debug
---------------------------------------------------- */
#debug {padding:2px 10px; color:#FFF; }
caption{padding:2px 10px; color:#FFF; }
div.blooddrives_list a { font-weight:normal; }
div.blooddrives_list table tr td { text-align:left;	padding: 5px; vertical-align: middle; }
div.blooddrives_list th { 
	text-align:left; 
	height:15px; 
	background: #fff;
	border-right: 1px solid #ccc;
	padding: 5px;
	vertical-align: middle;
}
fieldset legend { font-size:1.4em; font-weight: bold; }
blooddrive.fieldset legend { padding-bottom:0px; }
div.button input.button {
	padding:2px 3px;
	background-color:#A00;
	font-size:.9em;
	color:#EEE;
	text-decoration:none;
	font-weight:bold;
	border:1px solid #300;
}

a:link.button, a:visited.button, a:active.button { 
	border:1px solid #300; 
	background-color:#A00; 
	color:#EEE; 
	font-weight:bold; 
	font-size:0.9em; 
	text-decoration:none; 
	cursor:pointer; 
	padding: 3px 4px; 
}
a:hover.button { color:#999; }
div.drive_listing { margin-top:25px; }
span.center { text-align:center; margin:5px; }
div.appointments_form {}
div.blooddrive table td { border:none; }
div.appointment_change table td { border:none; }
div.locations_view table td { border:none; }
div.borderless table tr td th { border:none; }
div.confirm_appt table tr th td { border: 1px solid #ccc; }
/*
form .appt_select {
	border: 0;
	clear: none;
	margin-top: 0px;
	margin-left: 900px;
	background:#009966;
}
form div.appt_select input {
	border: 0;
	clear: none;
	margin-top: 0px;
	margin-left: 0px;
	background:#009966;
}
*/
/*.appt_select input[type=submit] {*/
div.appt_select input form {
	display: compact;
	font-size:  100%;
	text-decoration:underline;
	padding: 0px;
	width: auto;
	/*background:#009966;*/
	vertical-align: top;
}

.confirm_appt label { 
	text-align:left; 
	display: compact;
}
.confirm_appt input, textarea { display:inherit; font-size:inherit; clear:none; }
.confirm_appt input[type=radio] { 
	clear:none; float:left; padding:5px;
}
.confirm_appt input select { 
	display: compact;
	text-align:left; 
	padding: 0px;
	margin: 0px;
	float:left;
	clear: none;
	font-size: 100%;
	vertical-align: middle;
	position:relative; 
}
.confirm_appt fieldset label { clear: none; /* border: 4px dotted #ffcc00; background-color:#00FF99; */ margin-bottom:25px; }
.confirm_appt fieldset input[type=radio]  { position:relative; clear: none; /* border: 1px thin; background-color:#996699; */ text-align:left; margin:0px; padding:0px; }

/* The table of the blood center calendar */

.calendars { width: 600px; text-align:left; border: 0px solid #F00 }
.calendar-left { float:left; width: 175px; padding-right:20px; padding-left:110px;}
.calendar-right { float:left; width: 175px; padding-left:20px;}
.calendar-box { width: 175px; border:0px; }
.calendar-box th { margin:0px; padding:0px; border:0px;  }
.calendar-box tr td { padding:0px; border:0px;  }
.calendar-box a { font-weight:bold; }
.calendar-month { font-size:inherit; color:#000000; font-weight:bold; background-color:#FFFFFF; }

#drives_map { float:right; width:400px; margin-left:10px; margin-right:0; padding:0; }
#local_drives { height:400px; width:240px; overflow:auto; margin-top:10px;padding-right:5px; }

/* details view 
-------------------*/
.detaildetails { float:left; width:350px; text-align:left; }
.detailmap { float:left; width:390px; padding:5px; text-align:left; }




.whitebold { color: #fff; font-weight: bold; }
#bbr_return { margin:20px; text-align:center; }


/* FOLLOWING ADDED BY QS TO TRY AND HACK THE BBR-PROVIDED TABLE LAYOUT INTO PLACE. PLEASE, HALP!! */

.plain_table { background-color: #fff; border: solid 4px #fff; padding: 0; width: 950px; }
.plain_td { border-right: 0px; padding:0; vertical-align:top; text-align: left; }

/* END FUBAR HACK ATTEMPT */

#pagewrap { background: #99b3cc url(/img/body_bg.jpg) top center repeat-y; margin:0 auto; width: 100%; }

#contentwrap { border: 3px solid #fff; margin: 0 auto; text-align: left; width: 950px; }

#headerwrap { background-color: #366994; height: 110px; width: 950px; }
#logo { float: left; height: 69px; padding: 30px 0 5px 30px; width: 205px; }
#headerbg { float: right; padding: 0; width: 480px; }
#bluemenu { background-color: #fff; border-top: 3px solid #fff; border-bottom: 1px solid #778; height: 22px; width: 950px; }
#subheader { height: 53px; width: 950px; }
#bluewrapper { background-color: #366994; color: #fff; padding: 55px; width: 840px; }
#insidecontent { background-color: #fff; color: #333; padding: 10px; width: 820px; }

.blooddrive { background-color: #fff; float: left; font-size: 11px; line-height: 1.5em; padding: 5px; }
.blooddrive ol { padding: 10px 20px; }
.donor_login { background-color: #fff; float: left; font-size: 11px; line-height: 1.5em; padding: 5px; width: 400px; }
.donor_login form { padding: 10px 20px; }

.blooddrive .orange { float: left; height: 350px; width: 358px; }

.donor_login p, .donor_login ul { font-size: 11px; margin: 10px 0; }

.donor_login fieldset, .blooddrive fieldset {  }

#returnandnew { width: 820px; }

/* #footer
---------------------------------------------------- */
#footer { background: inherit; color: #ccc; line-height: 1.5em; padding:10px 0 20px 0; text-align: center; width:840px; }
#footer a { color: #ccc; }
#footer a:hover { color: #fff; }

#footerwrap { background: #99b3cc url(/img/footer_bg.jpg) top center repeat-x; height: 20px; margin:-1px auto; padding: 0 0 100px 0; width:100%; }

/* Self Cleared Float
----------------------------------------- */
#topnav:after,
#header:after,
#contentwrap:after,
#right:after,
#content:after,
#returnandnew:after,
#bluewrapper:after,
#insidecontent:after,
#copyright:after,
#footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 

.drivelisting:after,
.detailmap:after,
.detaildetails:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }