/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc */

/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* #Basic Styles
================================================== */
body {
	font: 16px/21px Arial, "Helvetica", sans-serif;
	color: #333;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}
.hide, .print {
	display: none !important;;
}
.desktop {display: block !important;}
.mobile {display: none !important;}
.bdrrad{-webkit-border-radius: 5px; border-radius: 5px;}
.clear {
	clear: both;
}
.right {
	float: right;
}
.left {
	float: left;
}
.center{text-align:center;}
/* #Typography
================================================== */
h1, h2, h3, h4, h5, h6 {
	color: #333;
	font-weight: bold;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: inherit;
}
h1 {
	font-size: 2.250em;
	padding: 22px 0px 15px 0px;
}
h2 {
	font-size: 1.5em;
	line-height: 40px;
	padding-bottom: 10px;
}
h3 {
	font-size: 1.750em;
	padding-bottom: 10px;
}
h4 {
	font-size: 1.125em;
	padding-bottom: 10px;
}
h5 {
	font-size: 0.750em;
	font-weight:normal;
	padding-bottom: 10px;
	color:#666;
}
p {
	margin: 0 0 20px 0;
}
p.last {
	margin: 0;
}
em {
	font-style: normal;
}
strong {
	font-weight: bold;
	color: #333;
}
small {
	font-size: 80%;
}

hr {
	border: solid #ddd;
	border-width: 1px 0 0;
	clear: both;
	margin: 10px 0 30px;
	height: 0;
}

/*checkbox*/

.all, .ro { float: left!important;
width: 50%!important;
}

/*.reg-Frm .t-Data.gl-Msgs td > .ro input[type="checkbox"]{

   background: transparent url(../wideimages/checkbox.png) no-repeat center top;

vertical-align: middle;

height: 19px;

width: 18px;

display: block;

}*/

.reg-Frm .t-Data.gl-Msgs td > .ro input[type=checkbox].regular-checkbox  {
	-webkit-appearance: none;
-moz-appearance: none;
appearance: none !important;
background-color: #fafafa;
/*border: 1px solid #a2a2a2;*/
/*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.01);*/
height: 15px;
width: 12px;
/*border-radius: 3px;*/
display: inline-block;
position: relative;
margin-left: 3px;
background: transparent url(../wideimages/checkbox.png) no-repeat center top;
}

.reg-Frm .t-Data.gl-Msgs td > .ro input[type=checkbox].regular-checkbox:active, .reg-Frm .t-Data.gl-Msgs td > .ro input[type=checkbox].regular-checkbox:checked:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.reg-Frm .t-Data.gl-Msgs td > .ro input[type=checkbox].regular-checkbox:checked {
	background: transparent url(../wideimages/checkbox.png) no-repeat center top;
    background-position: 0px -18px;
	
}

 /*.reg-Frm .t-Data.gl-Msgs td > .ro input[type=checkbox].regular-checkbox:checked:after {
	content: '\2714';
	font-size: 10px;
position: absolute;
top: -5px;
left: 2px;
color: #f05853;
}
*/

/* #Links
================================================== */
a, a:visited {
	color:#0067C9;
	text-decoration: none;
	outline: 0;
}
a:hover, a:focus {
	
}
p a, p a:visited {
	line-height: inherit;
}
/* #Lists
================================================== */
	ul, ol {
	margin-bottom: 20px;
}
ul {
	list-style: none outside;
}
ol {
	list-style: decimal;
}
/* #Forms
================================================== */

form {
	margin-bottom: 20px;
}
fieldset {
	margin:0px; padding:0px; border:0px;
}
fieldset > legend {
	display:none;
}
input[type="text"], input[type="password"], input[type="email"], textarea, select {
	border: 1px solid #ccc;
	padding: 3px 4px;
	outline: none;
	/*-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;*/
	font-size: 0.813em;
	color: #999;
	margin: 0;
	width: 200px;
	max-width: 100%;
	display: block;
	background: #fff;
	font-family: Arial,"Helvetica", sans-serif;
}
input.focused{color:#333; border-color:#333}
textarea {
resize:none;
}
select {
	padding: 0;
}
input[type="text"].error, input[type="password"].error, input[type="email"].error, textarea.error, select.error,.input-validation-error {
	border-color:#ffc223 !important; background-color:#ffffcc !important;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {color: #444;
	/*border: 1px solid #aaa;
	
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
	box-shadow:  0 0 3px rgba(0,0,0,.2);*/
}
.button input,.button button{border:0px;text-align:center; font-weight:bold;padding:16px; cursor:pointer; }
textarea {
	min-height: 60px;
}
label, legend {
	display: block;
	font-size: 0.875em;
	font-weight: bold!important
}
select {
	width: 220px;
}
.btn-Grad{color:#fff;
background: url(../wideimages/btnbg.jpg) #d81e05 left bottom repeat-x; /* Old browsers */
-webkit-border-radius: 5px;
border-radius: 5px;
cursor:pointer
}
.btn-Grad:hover{color:#fff;
background: url(../wideimages/roundbtnBgHover.png) #d81e05 left bottom repeat-x; /* Old browsers */
-webkit-border-radius: 5px;
border-radius: 5px;
cursor:pointer
}
button.btn-Grad{color:#fff;
background: #000; /* Old browsers */
-webkit-border-radius: 5px;
border-radius: 5px;
cursor:pointer
}
.active button.btn-Grad{display:none;}
.disabled button.btn-Grad{display:block;}
.disabled input.btn-Grad{display:none;}
.btn-Deactivate {width:auto; float:left; margin-left:10px; font-size:12px; height:36px; line-height:36px;}

/*Curvy Buttons*/
.MT a.round-Btn.wht{ display:inline-block; height:36px; line-height:36px; margin-left: 6px;}
a.round-Btn.btn-Wht:hover,a.round-Btn.btn-Wht:hover span{background: #ccc; color:#fff; border-radius: 5px 5px 5px }
.MT a.round-Btn.grad span,.MT a.round-Btn.wht span{ display:inline-block; padding:0px 11px; height:36px; line-height:36px; font-size:1.2em; font-weight:bold;}
.MT .c-Book a.round-Btn.wht {margin-left:209px!important; margin-right:0px!important;}

.btn-Wht{background:url(../wideimages/button_white.png) 0 0 no-repeat; margin-left:3px;}
.btn-Wht span{background:url(../wideimages/button_white.png) right -36px no-repeat; color:#666;}
.btnwgradred{background:url(../wideimages/button_wgradient_red.png) 0 0 no-repeat; margin-left:3px;display:inline-block; height:48px; line-height:48px;}
.btnwgradred span{background:url(../wideimages/button_wgradient_red.png) right -48px no-repeat; color:#666;display:inline-block; padding:0px 30px; height:48px; line-height:48px; color:#fff; font-weight: bold;}


/* Page Structure
================================================== */
#wrap {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background: #FFF;
}
header, footer, .main-Wrap, .wrapper {float: left;	width: 100%;}
.main-Wrap{min-height:350px;}
.main-Wrap .cnt-Area{width:960px; margin:0px auto; padding-left:18px;}
.main-Wrap .modalarea{width:643px\9!important; width: 623px; padding:40px!important; margin:0px;  float: left;}
.bgcolor { background:#000000 }


/* Modal CSS
================================================== */
.modal-overlay{background:#000; opacity:0.5; -webkit-opacity:0.5;}
.modal, .Modal{background-color: #FFFFFF; left:50%; position: absolute; top:5%; padding: 20px 38px 28px; display:none;}
.modal > .cont, .Modal > .cont{width:100%; float:left; position:relative; font-size:.850em;}
.modal > .cont > p:last-child, .Modal > .cont > p:last-child{margin:0px; padding:0px;}
.modal > .cont > p span, .Modal > .cont > p span{color:#E41600}
.modal > .cont > .modal-close, .Modal > .cont > .modal-close{background: url("../wideimages/bloodlogo.png") no-repeat scroll left -554px transparent; height: 45px; width: 45px; position:absolute; top: -35px; right: -55px; text-indent:-9999px;}
.Modal h4{font-size:1.5em; font-weight:bold;}


.reg-Mod{width: 642px;margin-left:-359px;}
.msg-Mod{width: 500px;margin-left:-288px;}
.preload-Mod{width: 24px;margin:-24px 0px 0px -50px; top:50%; background-color: #FFFFFF; left:50%; position: absolute; top:5%; padding: 20px 38px 20px; border:1px solid #ccc; display:none;}
.preload-Mod > .cont{width:24px; height:24px;background: url("../wideimages/animatedgif.gif") no-repeat scroll center center transparent; text-indent:-9999px;}

.msg-Mod h3{line-height:1em; padding-bottom:15px;}
.msg-Mod nav{width:100%; float:left; padding-top:15px;}
.msg-Mod div.field{width:100%; float:left; padding-top:10px;}
.msg-Mod div.field.btns{padding:20px 0 0 0;}
.msg-Mod div.field label{width:100px; display:inline; float:left; height:34px; line-height:34px; font-weight:bold; padding:0 0 0 10px;}
.msg-Mod div.field input, .con-Dtls input[type=text]{width:130px; display:inline; float:left; height:28px; line-height:28px; font-size:0.850em;}
.msg-Mod div.field .reset{padding:2px 0px 5px 0px ; height:auto; border:0px; background:#fff; color:#666; font-weight:bold;background: url("../wideimages/wingdings.png") no-repeat scroll 62px -440px transparent; width:80px;}
.msg-Mod div.field > label:first-child{padding:0px;}
.msg-Mod .registerForm label{font-size:0.900em; font-weight:bold;}
.msg-Mod .registerForm  .pwd-Stgn{float: left; margin-top: 15px; height:auto;}
.msg-Mod input{height:24px;font-size:0.850em;}
.msg-Mod .reg-Pwd-Old{padding-bottom:10px;}

.ifram-Mod{width: 500px;margin-left:-288px;}


.con-Dtls{width:600px; margin-left:-300px;}
#deleteAddressModal.con-Dtls{width:300px; margin-left:-150px;}
.searchPostCode.con-Dtls{width:450px; margin-left:-225px;}
.con-Dtls .cont > div, .con-Dtls .cont > div > div, .con-Dtls .cont .adds strong{width:100%; float:left;}
.con-Dtls div.field {margin-top:20px;}
.con-Dtls div.field > div{padding-top:5px;}
.modal .cont select, .Modal .cont select{width:100px; float:left;margin-right:10px;height: 36px;line-height: 36px; font-size:0.850em;}
.con-Dtls .cont .adds{margin:20px 0px;}
.con-Dtls .cont .adds strong{padding-bottom:5px;}
.modal .cont table, .Modal .cont table{width:100%; }
.con-Dtls .cont tr{padding:10px 0px 13px 0px; border-top:1px solid #ccc; width:100%; float:left;}
.modal.fav .cont table tr, .Modal.fav .cont table tr{padding-bottom:1px solid #333;}
.modal.fav .cont table tr td.locname, .Modal.fav .cont table tr td.locname{width:20%; font-weight:bold;}
.modal.fav .cont table tr td, .Modal.fav .cont table tr td{font-size:0.850em; padding:5px;}
.con-Dtls .cont tr:first-child{padding-top:5px;border-top:0px;}
.con-Dtls .cont td.lbl, .con-Dtls .cont td.addr{ font-size:0.850em; width:29%}
.con-Dtls .cont td.action{width:241px}
.con-Dtls .cont td.action input[type="radio"]{float:left;}
.con-Dtls .field.phn-Nos a{padding:8px 0 0 0; float:left; margin-left:15px; font-size:0.850em;}





/* Header
================================================== */
header {
	background: url("../wideimages/header_background.jpg") left top repeat-x;
	height: 152px;
}
.innerHeader {
	font-size: 0.813em;
	width: 976px;
	margin:0px auto;
}
.innerHeader > div:first-child {
	height:59px;
}
.innerHeader > div {
	width:100%;
	float:left;
}
header .nhslogo {
	background:url("../wideimages/bloodlogo.png") left 0px no-repeat;
	height: 44px;
	width: 75px;
	margin:13px 0 0 15px;
	text-indent:-9999px;
}
header .nhslogo a {
	display: block;
	height: 36px;
	width: 70px;
}
header .ggl-Srch {
	margin-left: 180px;
	margin-top: 28px;
	width: 471px;
}
header .globalnav_searchtext {border: 1px solid rgb(126, 157, 185); background: url("http://www.google.com/cse/intl/en/images/google_custom_search_watermark.gif") no-repeat scroll left center rgb(255, 255, 255);}
header .globalnav_searchtext:focus, header .globalnav_searchtext.focused{background:#fff;}
header .ggl-Srch input, header .ggl-Srch label {
	float:left
}
header .gobutton {
	background: url("../wideimages/bloodlogo.png") left -104px no-repeat;
	height: 22px;
	width: 29px;
	border:none!important;
	margin-left: 10px;
}
header input[type="text"] {
	margin: -1px 10px 0 0 ;
}
header .adminSignIn, header .usr-Pnl {
	margin-top: 27px;
	font-size:0.90em;
	color:#666;
	position:relative;
	z-index:1000;
	float:right;
}
header .adminSignIn > span{padding-right:3px;}
.ie7 header .usr-Pnl ul{right:-1px;}
header .usr-Pnl > a span{position:absolute; right:-1px; height:22px; width:26px; background:url("../wideimages/wingdings.png") 9px -362px no-repeat; text-indent:-9999px; top:-2px; z-index:1000;}
header .usr-Pnl > a.selected{color:#666;}
header .usr-Pnl > a.selected span{background-position: -36px -362px;}
header .usr-Pnl > a{padding-right:26px;}
header .usr-Pnl ul{position:absolute; width:156px; border:1px solid #ccc; border-bottom:0px;  background:#fff; right:0px; top:19px; z-index:999; 
 
-moz-box-shadow: 0px 2px 2px rgba(100,100,100,0.5);
-webkit-box-shadow: 0px 2px 2px rgba(100,100,100,0.5);
box-shadow: 0px 2px 2px rgba(100,100,100,0.5)
/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=130, Color='#B4B4B4')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=130, Color='#B4B4B4');
	display:none;}
header .usr-Pnl ul li{border-top:1px solid #ccc; display:block; position:relative;}
header .usr-Pnl ul li:first-child{border:0px;}
header .usr-Pnl ul li a{	padding:9px 17px; color:#333; display:block;}
header .usr-Pnl ul li a:hover{color:#d91f04;}
header .usr-Pnl ul li span.additionalinfo{right:17px; font-size:1.5em; color:#d91f04; position:absolute; line-height:1.1em; font-weight:bold; top:9px;}
header .usr-Pnl ul li.last-child{height:4px; font-size:0px; background:#d81e05;}
header .logo {
	background: url("../wideimages/bloodlogo.png") left -40px no-repeat transparent;
	width: 339px;
	min-height: 64px;
	margin-right:196px;
	text-indent:-9999px;
}

.innerHeader .maintitle {
	margin-bottom: 10px;
	padding: 0;
	width: 510px;
}
.innerHeader h1 {
	color: #FFFFFF;
	font-size: 1.8em;
	font-weight: normal;
}
.innerHeader h1 a {
	display: block;
	height: 44px;
	width: 340px;
}

.access_bar {
	margin: 30px 0 0;
	text-align: right;
	width: 300px;
}
.acs-Lnk {
	width: 234px;
}
.acs-Lnk ul {
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.acs-Lnk ul li {
	color: #FFFFFF;
	display: inline;
	line-height: 18px;
	padding-left: 3px;
}
.acs-Lnk ul li a {
	
	color: #FFFFFF;
	padding-right: 9px;
	text-decoration: none;
}
.textsizer {
	width: auto;
}
.textsizer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.textsizer ul a {
	color: #fff;
}
.textsizer ul#sizer li#sizer1 {
	font-size: 0.750em;
}
.textsizer ul li {
	float: left;
	font-weight: bold;
}
.textsizer ul#sizer li#sizer2 {
	font-size: 0.875em;
}
.textsizer ul#sizer li#sizer3 {
	font-size: 1em;
}
.textsizer ul#sizer li#sizer1 a {
	border: 1px solid #EFD8A4;
	display: block;
	height: 16px;
	margin: 0 1px 0 0;
	padding: 3px 0 0;
	text-align: center;
	width: 18px;

}
.textsizer ul#sizer li#sizer2 a {
	border: 1px solid #EFD8A4;
	display: block;
	height: 17px;
	margin: 0 1px 0 0;
	padding: 2px 0 0;
	text-align: center;
	width: 18px;
}
.textsizer ul li.active a, .textsizer ul li a:hover {
	background: none repeat scroll 0 0 #E1ACAC;
	color: #D20308;
}
.textsizer ul#sizer li#sizer3 a {
	border: 1px solid #EFD8A4;
	display: block;
	height: 19px;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 18px;
}
.book-To-Donate {
	background:url("../wideimages/bloodlogo.png") left -130px no-repeat;
	height: 67px;
	width: 94px;
}
.book-To-Donate a {
	display: block;
	height:50px;
	width: 90px;
}
/* Top Navigation
================================================== */
nav {
	font-size: .960em;
}
.row {
	width: 100%;
}
#nav, #nav ul {
	float: right;
	line-height: 1.5em;
	list-style-type: none;
	margin: 0;
	position: relative;
	z-index: 100;
}
.bgright {
	background: url("../wideimages/navigation_all_right.gif") no-repeat scroll right top transparent;
	padding: 0 3px 0 0;
	height: 39px;
	float: left;
	margin-top:-4px;
}
.bgleft {
	background: url("../wideimages/navigation_all_left.gif") no-repeat scroll left top #FFFFFF;
	padding: 3px 0 0 3px;
}
#nav li {
	float: left;
	position: relative;
	margin-bottom:0px;
}
ul.primary > li {
	border-bottom: 5px solid #CE0404;
	cursor: pointer;
}
#nav a {
	display: block;
	float: left;
	font-weight: bold;
	text-decoration: none;
}
ul.primary a:hover, ul.primary a.active {
	background-position: 0 -42px;
}
ul.primary a:hover, ul.primary a.active {
	border-bottom: 1px solid #CE0404;
	color: #FFFFFF;
}
ul.primary a {
	background: url("../wideimages/navigation_tabs_left.gif") no-repeat scroll left top transparent;
	border-bottom: 1px solid #FFFFFF;
	color: #710404;
	margin-right: 1px;
	padding: 0 0 0 3px;
}
ul.primary a.active span, ul.primary a:hover span {
	background-position: 100% -42px;
}
ul.primary a span {
	background: url("../wideimages/navigation_tabs_right.gif") no-repeat scroll right top transparent;
	cursor: pointer;
	display: block;
	float: left;
}

ul.primary a{background:url("../wideimages/navigation_tabs_left.gif") no-repeat left top;border-bottom:1px solid #fff;margin-right:1px;padding:0 0 0 3px;color:#710404;}
ul.primary a span {float:left;display:block;background:url("../wideimages/navigation_tabs_right.gif") no-repeat right top;padding:5px 7px;cursor:pointer;}/* CHANGE FOR DIFFERENT SKIN */
ul.primary a:hover,ul.primary a.active{border-bottom:1px solid #ce0404;color:#fff;}/* CHANGE FOR DIFFERENT SKIN */
ul.primary a:hover,ul.primary a.active {background-position:0 -42px;}
ul.primary a.active span,ul.primary a:hover span {background-position:100% -42px;}
ul.primary a.last{margin-right:0px;}
ul.primary li.border {border-bottom:5px solid #ce0404;cursor:pointer;}/* CHANGE FOR DIFFERENT SKIN */
ul.second{padding:0;}
ul.third{padding:0;}
ul.fouth{padding:0;}
ul.second a{/*background:#ce0404;*/background:#eaaea6;border-top:1px solid #fff;border-bottom:0;padding:5px 0px 5px 10px;color:#710404;}/* CHANGE FOR DIFFERENT SKIN */
ul.second a.first{border-top:0;}
ul.third a{/*background:#ce0404;*/background:#eaaea6;border-top:1px solid #fff;border-bottom:0;padding:5px 0px 5px 10px;color:#710404;}/* CHANGE FOR DIFFERENT SKIN */
ul.third a.first{border-top:0;}
ul.third a.onelevel{border:solid #eaaea6;border-width:1px 0 1px 0;}
ul.fouth a{/*background:#ce0404;*/background:#eaaea6;border-top:1px solid #fff;border-bottom:0;padding:5px 0px 5px 10px;color:#710404;}/* CHANGE FOR DIFFERENT SKIN */
ul.fouth a.first{border-top:0;}
ul.fouth a.onelevel{border:solid #eaaea6;border-width:1px 0 1px 0;}
ul.second a:hover{background:#d00204;border-bottom:0;padding-right:0;color:#fff;}/* CHANGE FOR DIFFERENT SKIN */
ul.third a:{background:#d00204;border-bottom:0;padding-right:0;color:#fff;}/* CHANGE FOR DIFFERENT SKIN */
ul.fouth a:hover{background:#d00204;border-bottom:0;padding-right:0;color:#fff;}/* CHANGE FOR DIFFERENT SKIN */
#nav li{float:left;position:relative;}
#nav ul{position:absolute;display:none;width:160px;top:2.3em;left:0;padding-top:6px;z-index:9999;}
#nav ul.right{position:absolute;display:none;width:160px;right:0;padding-top:6px;top:2.3em;margin-right:-0.2em;left:auto;}
#nav li ul a{width:143px;height:auto;float:left; padding-right:5px;}
#nav ul ul{top:auto;padding-top:0;}	
#nav li ul.left ul {left:12.7em;}
#nav li ul.right ul {left:-12.8em;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{display:none;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{display:block;}


/* Footer
================================================== */
footer {padding:38px 0px 20px;}
footer > .innerFooter{width:972px; margin:0px auto;}
footer > .innerFooter > div{width:100%; float:left; margin:22px 0px 1px;}
footer > .innerFooter > div.desktop{border-top:1px dotted #787a7d; padding-top: 25px;}
footer p{width: auto; float:left; margin:0px; padding:0px 8px; border-left:1px solid #6c6e71; line-height:12px; font-size:0.750em; font-family:Arial, "Helvetica", sans-serif; color:#666}
footer div > p:first-child{padding:0px 8px 0px 0px; border-left:0px;}
footer a {color:#d91f04 !important; text-decoration:underline;}
footer a:hover {text-decoration:none;}


/* #Calendar UI Styling
================================================== */
.ui-datepicker { width: 15em; display: none; background:#333;color:#fff; }
.ui-datepicker .ui-datepicker-group-first{ border-right:1px solid #666; margin-left:-1px; }
.ui-datepicker .ui-datepicker-group-last{ border-left:1px solid #666; margin-left:-1px; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.75em .3em 0em .3em ; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 15px; width: 18px; height: 18px; background:url("../wideimages/calendar_arrows.png"); cursor:pointer; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 15px; }
.ui-datepicker .ui-datepicker-prev { left:14px;  background-position:0px -46px;}
.ui-datepicker .ui-datepicker-next { right:14px;  background-position:0px -69px; }
.ui-datepicker .ui-datepicker-prev.ui-state-disabled { left:14px; background-position:0px -23px; }
.ui-datepicker .ui-datepicker-next.ui-state-disabled { right:14px; background-position:0px 0px; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; text-indent:-9999px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; font-size:.90em; font-weight:bold; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker .ui-datepicker-year {  color:#909090;}
.ui-datepicker table {width: 84%; font-size: .75em; border-collapse: collapse; margin: 0 1.65em .4em; }
.ui-datepicker th { padding: .30em .25em .20em .25em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 0px; text-align:center; }
.ui-datepicker td span, .ui-datepicker td a { padding: 3px 5px;text-decoration: none;color: white; }
.ui-datepicker td a:hover, .ui-datepicker .ui-state-active, .ui-datepicker  .ui-state-hover { background:#d91f04; -webkit-border-radius: 3px; border-radius:3px; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.ui-datepicker td.ui-state-disabled{height:0px;}
.ui-datepicker td.ui-state-disabled span, .ui-datepicker td.ui-state-disabled a {color:#666;}
.ui-datepicker td.ui-datepicker-today a {background:#575757; -webkit-border-radius: 3px; border-radius:3px;}
.ui-datepicker  .ui-datepicker-other-month{height:21px;  line-height:0px; font-size:0px; color:#333;}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:30em !important; margin-top:9px; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:75%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group {width: 49.5%; position: relative; zoom: 100%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear: both; width: 100%; font-size: 0em; position: absolute; top: 0px; margin-top: -7px; height: 7px; background: #CCC; background:url("../wideimages/calendar_arrows.png") 75px -96px no-repeat!important; }


/* Notification Bars
================================================== */
.msg{width:960px; margin:0px auto;}
.message{border:1px solid #fff; width:918px; position:relative; padding:17px 22px 14px 17px; margin:10px 0px; display:none;}
.message.active{display:block;}
.message span{position:absolute; text-indent:-9999px; font-size:0px;}
.message span.icon{ background:url("../wideimages/wingdings.png") 0px -173px no-repeat; left:18px; top:10px; width:36px; height:36px;}
.message span.close{ background:url("../wideimages/wingdings.png") 0px -141px no-repeat; right:6px; top:6px; height:12px; width:12px; cursor:pointer;}
.message > strong{font-size:1.125em; margin-left:50px; padding-bottom:7px;line-height: 1em; display:block}
.message p{margin:0px; margin-left:50px; font-size:0.875em; color:#666;}
.message.confirmation{background:#f5f9e6; border-color:#bed54e}
.message.information{background:#eefff9; border-color:#b9dbe9}
.message.error {background:#ffffcc; border-color:#ffc223}
.message.information span.icon{background-position:-64px -173px;}
.message.error span.icon{background-position:-128px -173px;}
.message.information span.close{background-position:-55px -141px;}
.message.error span.close{background-position:-110px -141px;}

/* BreadCrumbs
================================================== */
.breadcrumbs{width:960px; margin:0px auto; padding-left:18px;}
.breadcrumbs *{font-size:0.750em;}
.breadcrumbs strong, .breadcrumbs a, .breadcrumbs span{float:left;color:#525252; padding:0 5px 6px 0; font-weight:normal;}
.breadcrumbs a{color:#d91f04;}
.breadcrumbs span{font-weight:bold;}
.breadcrumbs span.sep{font-weight:normal;}


/* Login/RegisterForm
================================================== */
.sign-Reg-Blk,.fgt-Pwd-Eml {	background:url("../wideimages/onepxborder.gif") top center repeat-y; width: 700px; float: left}
.sign-Reg-Blk h2,.fgt-Pwd-Eml h2{font-size: 1.5em; font-weight: bold; padding-bottom: 10px; color: #333;}
.fgt-Pwd-Eml {	background-position: 321px top; width: 100%; margin-top: 30px;}
.fgt-Pwd-Eml.security, .sign-Reg-Blk.reset{background:none;}
.fgt-Pwd-Eml.security .fName, .fgt-Pwd-Eml.security .lName {width:178px;}
.fgt-Pwd-Eml.security .validation_message.dt { margin-top:20px    }.fgt-Pwd-Eml.security .validation_message.dt .icon {left:10px;    }
.fgt-Pwd-Eml.security .fgt-Eml, .sign-Reg-Blk.reset .register{padding-left:0px; width:auto}
.helpText {position:relative; display:inline-block;}
.sign-Reg-Blk .tootltip,.fgt-Pwd-Eml .tooltip, .audit table .tootltip{background-color:#333; border:none!important; color:#fff; top: -18px; left: 100px; z-index: 5}
.sign-Reg-Blk .tootltip .icon,.fgt-Pwd-Eml .tooltip .icon, .audit table .tootltip .icon{background: url("../wideimages/bloodlogo.png") no-repeat scroll -1px -497px transparent!important; height: 11px;  position: absolute; width: 9px; z-index: 3; margin-top: 23px!important; }
 .audit table .tootltip{width: 146px;
left: 26px;
height: 24px;
top: -4px;}
.audit table .tootltip .icon {
    margin-top: 7px !important;
left: 0px;
margin-left: -7px;
}
.sign-Reg-Blk .validation_message.bdId .icon,.fgt-Pwd-Eml .validation_message.bdId .icon,#updateUserAccountModal .validation_message .icon{background: url("../wideimages/validation_arrows.png") no-repeat scroll 0px -16px transparent; height: 9px; margin: -8px 0 0 0;  position: absolute; width: 9px; z-index: 3; left: 8px;}
.ie7 .sign-Reg-Blk .validation_message.bdId .icon,.ie7 .fgt-Pwd-Eml .validation_message.bdId .icon{ margin-top: -11px;}
.sign-Reg-Blk .validation_message.dt,.fgt-Pwd-Eml .validation_message.dt{ left:92px;}
.sign-Reg-Blk .validation_message.bdId,.fgt-Pwd-Eml .validation_message.bdId{position:relative; clear:both; top:-12px; left:0px; margin-top:4px; float:left;border: 2px solid #FFA113;display: inline-block; width:auto;}
#emailAddressModal .validation_message.dt {
border: 2px solid #FFA113;
width: auto;
padding: 0px 10px; top:4px;
}
.validation_message.tootltip{padding: 2px 11px;
font-size: 12px;
position: absolute !important;
}
.sign-Reg-Blk .validation_message.bdId .field-validation-error,.fgt-Pwd-Eml .validation_message.bdId .field-validation-error{padding:0px 10px; font-size:12px;}
 #updateUserAccountModal .validation_message.bdId,#deactivateAccountModal  .validation_message.bdId{border: 2px solid #FFA113;display: inline-block;font-size: 0.875em;margin-top: 10px;padding-left: 10px;padding-right: 10px; position: relative;}
#emailAddressModal .validation_message, #assignDonorIdModal  .validation_message{  font-size: 0.875em!important;margin-left: 15px; top: 25px;}
.sign-Reg-Blk .validation_message,
.fgt-Pwd-Eml .validation_message,
#emailAddressModal .validation_message,
#assignDonorIdModal ul{position:relative; width:100%; float:left;}
#assignDonorIdModal  .validation_message{position:absolute; border:2px solid #ffa113;  font-size: 0.75em;padding-right: 10px; padding-left:10px;}
.sign-Reg-Blk .validation_message .icon,.fgt-Pwd-Eml .validation_message .icon{background: url("../wideimages/validation_arrows.png") no-repeat scroll 0px 0px transparent; margin:6px 0px 0px -17px; height: 9px; position: absolute; width: 9px; z-index: 3;}

.cnt-Area .hd-Sub-Txt {font-size:0.875em; color:#666; margin: 10px 0;}

.sign-Reg-Blk .validation_message .icon,#emailAddressModal .validation_message .icon, #assignDonorIdModal  .validation_message .icon{background: url("../wideimages/validation_arrows.png") no-repeat scroll 0px 0px transparent; margin:6px 0px 0px -17px; height: 9px; position: absolute; width: 9px; z-index: 3;}
#deactivateAccountModal  .validation_message .icon{background: url("../wideimages/validation_arrows.png") no-repeat scroll 0px -16px transparent; height: 9px; margin: -8px 0 0 0;  position: absolute; width: 9px; z-index: 3; top:0px; left:8px;}
#deactivateAccountModal .type {width:118px;}
.cnt-Area .hd-Sub-Txt {font-size:0.875em; color:#666; margin: 7px 0;}

.cnt-Area ul.points {line-height: 20px; padding-left: 20px; color:#666; margin-bottom: 26px;}
.cnt-Area ul.points > li{ padding-left: 2px; list-style: disc; color:#F00;}
.cnt-Area ul.points > li p{ color:#666; margin:0px;font-size: 0.875em;}
.signInForm,.registerForm, .fgtPwdForm,.fgtEmailForm {margin-top: 6px;  width: 300px; position:relative}
p {font-size:14px;}
.asterisk,.red {color:#d91f04}
.disabled .asterisk,.disabled .red {color:#999}
.reg-Frm .btnWpr{width:300px;}
.signInForm .btnWpr {width:100%; float:left; margin-top:20px;    }
.register,.signIn,.emailAdd span,.postcode span, .dob-Frm span,.fName span,.lName span, .signIn-Pwd span,.fgt-Pwds,.fgt-Eml,.reg-Pwd span,.reg-Pwd-Cnfm span{float: left;}
input.postcode, .postcode {padding-top: 18px; margin-bottom:20px;}
.postcode input[type="text"] {width: 224px;}
.fName input[type="text"],.lName input[type="text"] {width: 168px;}
.fName,.lName,.u-Id {float: left; width: 168px;}
.lName {margin-left: 12px;margin-left: 21px\9; *margin-left:0px;*padding-left:21px;}
.fgt-Pwds {width: 321px;}
.fgt-Pwds .fgtPwdForm > div{width: 100%; float:left;}
.register{padding-left: 79px;}
.fgt-Eml {width: 368px; padding-left:35px;}
.fgtEmailForm > section:first-child {width: 600px;}
.fgtPwdEmailContarea p{font-size:0.875em; color:#666;}
.forgotmail {float: right; height: 48px; line-height:35px;}
.signInForm input.search_button,.fgtPwdForm input.search_button,.fgtEmailForm input.search_button,.signInForm button.search_button,.fgtPwdForm button.search_button,.fgtEmailForm button.search_button{width: 120px; height: 38px; padding:0px;}
.registerForm input.search_button , .fgtEmailForm input.search_button,.registerForm button.search_button , .fgtEmailForm button.search_button{width: 181px; height: 38px;padding:0px;}
.register input,.signIn input,.fgt-Pwds input,.fgt-Eml input,.register button,.signIn button,.fgt-Pwds button,.fgt-Eml button {margin-bottom: 16px;font-size: 0.875em; line-height:28px; width: 271px; margin-top: 6px; height: 28px;}
a.forgot {font-size: 12px; color: #d91f04!important; text-align:right}
.use-Fac-Twt {font-size: 0.875em; color: #333; font-weight: normal}
.use-Fac-Twt  a {display: block;height: 38px;width: 282px;text-indent:-9999px;}
.use-Fac-Twt  a.facebook {	background:url("../wideimages/bloodlogo.png") left -240px no-repeat;}
.use-Fac-Twt  a.twitter 	{background:url("../wideimages/bloodlogo.png") left -193px no-repeat;}
.use-Fac-Twt  p{margin-bottom: 10px; width: 282px;}
.use-Fac-Twt  p strong{display: inline-block;}
.use-Fac-Twt > p:first-child{margin-top: 16px;}
.signIn-Pwd,.reg-Pwd,.fgtEmailPwd{position:relative}
.rvl-Pwd{position:absolute; right: 1px; top: 0px; font-size: 0.750em;}
.rvl-Pwd > input {float: left; margin: 0px; width: 13px; height: 22px;}
.signInForm .rem-Me > label,.signInForm .rvl-Pwd > label {float: left; margin-left: 6px; font-size: 1em!important; font-weight: normal!important; color: #666!important;}
.active .signInForm .rem-Me > label,.active .signInForm .rvl-Pwd > label {color:#333!important}/*.reg-Pwd-Cnfm > .validation_message.bdId{padding:5px 8px; top: -6px;}*/
.rem-Me {font-size: 0.750em; margin-bottom:34px;padding-bottom:0px;padding-bottom:3px\9; }
.rem-Me > input{float: left;margin: 0px; width: 13px; height: 22px;}
.pwd-Stgn{font-size: 0.750em;margin-top:-6px; height: 20px\9; margin-top: -12px\9; height: 26px; width: 300px;}
.pwd-Stgn-Bar{background-color:#ccc; height: 4px; vertical-align:middle; margin-right: 12px\9; width: 166px;width: 162px\9; margin-top:9px\9; display:inline-block; position:relative; z-index:-1;}
.pwd-Stgn-Bar span { position:absolute; top: 0px; left: 0px; width: 100px; height: 4px;}
.pwd-Stgn-Bar .redBar { background-color:#fe0000;}
.pwd-Stgn-Bar .orangeBar { background-color:#ff6600;}
.pwd-Stgn-Bar .greenBar {background-color: #99cc00}
.pwd-Stgn > span:last-child {padding-left: 8px; margin-top:-7px;}
@media all and (min-width:0) {
    .pwd-Stgn > span:last-child {padding-left: 2px\0/; margin-top:2px\0/;} /* IE9-IE10 */
	.pwd-Stgn-Bar {width: 160px\0/;}
	}
.reg-Pwd > label:first-child {display: inline-block;}
.reg-Pwd > span:first-child {display: inline-block;}
.reg-Pwd  span.questionMark{float: none}
.reg-Pwd  span.questionMark a, .audit table  span.questionMark a {background: url("../wideimages/bloodlogo.png") no-repeat scroll 4px -859px transparent; height: 17px; width: 16px; display: inline-block; text-indent:-9999px;}
.reg-Pwd  .questionMark a:hover, .audit table  span.questionMark a:hover{background: url("../wideimages/bloodlogo.png") no-repeat scroll -12px -859px transparent; height: 17px; width: 17px; display: inline-block;}
/*.signInForm .button, .fgtPwdForm .button,.fgtEmailForm .button{margin-top: 25px;}*/

/*Modal*/
.modalarea .reg-Log-Cnt {float: left; line-height: 17px;}

/*Disbaled Class*/
.disabled .signInForm,.disabled .fgtEmailForm,.disabled .fgtPwdForm,.disabled .registerForm,.disabled h2,.disabled h2,.disabled  a.forgot,.disabled .use-Fac-Twt strong {color:#999!important}
.disabled .use-Fac-Twt  a.facebook {	background-position:left -411px;}
.disabled .use-Fac-Twt  a.twitter 	{background-position:left -456px;}
.disabled .btn-Grad, .btn-Grad.disabled{background: #cccccc;-webkit-border-radius: 5px;border-radius: 5px; border: none;}

/**Contact Details**/
#addressSearch {width:100%; float:left; margin-top:30px;}
#addressSearch > section {width:auto; float:left; padding-top:5px;}
#addressSearch > section.foundAdd { width:100%;}
#addressSearch > section.foundAdd li{font-size:1.2em}
#addressSearch > .btn-Srch {    margin-top:26px; margin-left:10px;}
#addressSearch .add-Type {width:90px;}
#addressSearch  .foundAdd > span,#addressSearch  .foundAdd > ul { width:100%; font-size:0.750em; display:block;}
.foundAdd > span{margin-top: 20px; margin-bottom: 5px; font-weight:bold !important;}
#btnAddAddress {    font-size:0.750em;}
.addEditable > div {    width:100%; float:left; padding-bottom:5px;}
.addEditable > div > section.field {    width:200px; float:left; padding-top:5px;}
.active .anotherNo a {    display:none;}
.field.two_col > div{width:50%; float:left;}
.field.two_col > div > span{width:140px; display:block; margin-left:101px;}
.field.two_col > div > label{padding-left:0px;}
.msg-Mod .validation_message{font-size:0.850em}

/* Registration Form
================================================== */
.reg-Frm,.dob-Frm {width:710px;}
.adm-Crt-Staff-Acc span.validation_message.gender {left:350px;}
.reg-Frm h2{font-size: 1.125em; font-weight: normal; padding-bottom: 10px; color: #666; line-height:1.2em;}
.reg-Frm h3{font-size: 0.750em; font-weight: normal; padding-bottom: 10px; color: #666; line-height:1.7em;}
.reg-Frm label{font-weight:bold; padding-bottom:5px; display:block;}
.reg-Frm select{border:1px solid #ccc; padding:9px 5px;-webkit-border-radius: 0px; -webkit-appearance: none; -moz-border-radius: 0px; -moz-appearance: none; float:left; }
.reg-Frm input{height:28px; float:left; line-height:1.9em}
.btnWpr.rgt {margin-top: 20px; float: left}
.buttons.cancelBtn input.reset{font-family:Arial, "Helvetica", sans-serif; font-size: .75em; font-weight: normal; padding-top:10px;}
.btnWpr.rgt input.reset {background-position:59px -436px}
.reg-Frm input[type=radio]{height:18px; margin:2px 5px 2px 0px ;}
.reg-Frm .field, .reg-Frm .buttons{position:relative; width:100%; float:left; padding-top:20px;}
.reg-Frm .buttons {width: 30%; float: left; display:inline-block; padding-top:0px}
.reg-Frm .foundAdd{width:100%; float:left;}
.reg-Frm .foundAdd span, .anotherNo, .reg-Frm .genderlabel {float:left;font-size:0.750em; color:#666; padding-right:10px; font-weight:normal; padding-left:5px;}
.registerform1 span.validation_message,.registerform1 span.icon, .home-Add span{float:left;font-size:0.750em; color:#666; padding-right:10px;}
.reg-Frm label span{float:none; font-weight:normal;font-size:0.850em;}
.reg-Frm .addional_info{width: 390px; padding-left: 11px; line-height: 18px; margin-top:-1px; float:left; font-size:0.750em; color:#666;}
.reg-Frm input[type=text]{width:170px; padding:3px 10px;}
.reg-Frm .day{width:68px}
.reg-Frm .title{width:100px}
.reg-Frm .month{width:118px; margin-left:10px;}
.reg-Frm .year{width:107px; margin-left:10px;}
.reg-Frm input.donorid{width:258px;}
.reg-Frm .asterisk, p  .asterisk{color:#d91f04; padding-left:3px;}
.reg-Frm .buttons .submit{padding:11px 0px; height:auto;border:0px;text-align:center; font-weight:bold; width:200px;}
.reg-Frm .buttons .reset{padding:5px 0px 5px 0px ; height:auto; border:0px; background:#fff; color:#666; font-weight:bold;background: url("../wideimages/wingdings.png") no-repeat scroll 62px -440px transparent; width:80px;}
.ie7 .reg-Frm .buttons .reset{background-position: 62px -431px!important;}

.reg-Frm .validation_message .icon,
.sign-Reg-Blk .validation_message .icon,.fgt-Pwd-Eml .validation_message .icon{background: url("../wideimages/validation_arrows.png") no-repeat scroll 0px 0px transparent; margin:6px 0px 0px -17px; height: 9px; position: absolute; width: 9px; z-index: 3;}

.reg-Frm .validation_message .icon, .sign-Reg-Blk .validation_message .icon{background: url("../wideimages/validation_arrows.png") no-repeat scroll 0px 0px transparent; margin:6px 0px 0px -17px; height: 9px; position: absolute; width: 9px; z-index: 3;}

.ie7 .reg-Frm .validation_message .icon{ margin:2px 0px 0px -17px;}
.reg-Frm .validation_message{position:absolute; border:2px solid #ffa113;  font-size: 0.75em;padding-right: 10px; padding-left:10px; top:51px; white-space:nowrap}
.reg-Frm .validation_message.dt{ left:382px;}
.reg-Frm .validation_message.bdId{position:relative; clear:both; top:0px; left:0px; margin-top:8px; display:inline-block; float:left;}
.ie7 .reg-Frm .validation_message.bdId{ width:180px;}
.reg-Frm .validation_message.title{ left:326px;}
.reg-Frm .validation_message.fName{ left:210px;}
.reg-Frm .validation_message.mName{ left:210px;}
.reg-Frm .validation_message.lName{ left:210px;}
.reg-Frm .validation_message.gender{ left:150px; top:45px;}


.dob-Frm .validation_message{top:140px;*top: 160px; left: 378px;}


.reg-Frm .validation_message.bdId .icon,.admin-Frm .validation_message.bdId .icon{background: url("../wideimages/validation_arrows.png") no-repeat scroll 0px -16px transparent; height: 9px; margin: -11px 0 0 0;  position: absolute; width: 9px; z-index: 1;}
.ie7 .reg-Frm .validation_message.bdId .icon{ margin-top: -12px;}

.anotherNo {display: inline-block; margin-left: 20px; margin-top:5px;}
.yr-Acc .anotherNo {margin-left: 0px;}

input.marginLt {margin-left: 20px;}
.home-Add span {display: block!important;width: 300px;float:none!important;word-wrap:break-word;}
.reg-Frm.msg-Frm.extended .jqTransformRadioWrapper {margin-top:2px;}
.reg-Frm.msg-Frm.extended .col1  .jqTransformCheckboxWrapper {width: 23px;}



/* Rounded Button Helper
================================================== */

a.back-Btn{background:url("../wideimages/landing_page_sprite.png") -144px -201px #fff no-repeat; float:left; display:inline-block; padding-left:18px; color:#333; font-size:0.750em; margin-bottom:20px;}
a.round-Btn,a.btnSubmitDeactivate
{-webkit-border-radius: 5px;	border-radius: 5px;	text-align:center;	color:#fff;	float:left;}
a.round-Btn.scurve{	-webkit-border-radius: 3px;	border-radius: 3px;}
a.round-Btn.grad,a.btnSubmitDeactivate
{	background: #d81e05; /* Old browsers */	background: -moz-linear-gradient(top, #d81e05 0%, #ab010a 100%); /* FF3.6+ */	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d81e05), color-stop(100%,#ab010a)); /* Chrome,Safari4+ */	background: -webkit-linear-gradient(top, #d81e05 0%,#ab010a 100%); /* Chrome10+,Safari5.1+ */	background: -o-linear-gradient(top, #d81e05 0%,#ab010a 100%); /* Opera 11.10+ */	background: -ms-linear-gradient(top, #d81e05 0%,#ab010a 100%); /* IE10+ */	background: linear-gradient(to bottom, #d81e05 0%,#ab010a 100%); /* W3C */	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d81e05', endColorstr='#ab010a',GradientType=0 );  IE6-9 */	}
a.round-Btn.grn{	background: #009966; /* Old browsers */}
a.round-Btn.red{	background: #d81e05; /* Old browsers */}
a.round-Btn.nml{	background: #fff;	color: #666;}
a.round-Btn.wht{	background: #fff;	color: #666;	border: 1px solid #ccc; font-weight:bold;}
a.round-Btn.wht:hover{	background: #666;	color:#fff;border: 1px solid #666;}
a.clearbtn { padding: 7px 12px; font-size:13px; margin-left:10px; float:left; text-decoration:underline;  }
a.clearbtn:hover {color:#333;}

a.round-Btn.grad:hover,a.btnSubmitDeactivate:hover{	background: #890304; /* Old browsers */	background: -moz-linear-gradient(top, #d81e05 0%, #890304 100%); /* FF3.6+ */	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d81e05), color-stop(100%,#890304)); /* Chrome,Safari4+ */	background: -webkit-linear-gradient(top, #d81e05 0%,#890304 100%); /* Chrome10+,Safari5.1+ */	background: -o-linear-gradient(top, #d81e05 0%,#890304 100%); /* Opera 11.10+ */	background: -ms-linear-gradient(top, #d81e05 0%,#890304 100%); /* IE10+ */	background: linear-gradient(to bottom, #d81e05 0%,#890304 100%); /* W3C */	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d81e05', endColorstr='#890304',GradientType=0 );  IE6-9 */}
a.round-Btn.red {background:#d81e05; }
.disabled a.round-Btn.grad, a.disabled.round-Btn.grad{background: #c5c5c5;}
.disabled a.round-Btn.grad:hover,a.disabled.round-Btn.grad:hover{background: #cccccc;}
a.btnSubmitDeactivate {margin-right:10px;}
a.round-Btn.search-Bar > span{padding:0px 39px; height:48px; line-height:48px; font-weight:bold;}
a.round-Btn.form{margin-right:10px;}
a.round-Btn.form > span{padding:0px 29px; height:34px; line-height:34px; font-size:0.850em;font-weight:bold;}
a.round-Btn.SF{float:right; position:absolute; right:19px; top:12px}
a.round-Btn.SF > span{padding:0px 44px; height:36px; line-height:36px; font-size:0.850em; font-weight:bold;}

.modal a.round-Btn{float:left; margin-right:10px;}
.modal a.round-Btn > span{float:left; height:36px; line-height:36px; font-size:1.029em; font-weight:bold; padding:0px 29px;}

a.round-Btn.tab.nw-Acc > span{padding:0px 22px 0px 47px;}
a.round-Btn.grn > span, a.round-Btn.red > span {padding:0px 12px; height: 19px; line-height: 19px;}

a.round-Btn.tab {display:inline-block;}
a.round-Btn.tab span,a.btnSubmitDeactivate span{padding:0px 24px; height:36px; line-height:36px;display:inline-block; font-size:0.778em;}
.ST a.round-Btn.tab span {font-size: .778em}


/* Admin
================================================== */
.AL{ border-top:1px solid #ccc; border-bottom:3px solid #d81e05; height: 60px; line-height: 56px; margin-top: 15px; z-index:2; position:relative}
.AD{ background: #f5f5f5 url("../wideimages/adminBg.png") left top repeat-x!important; border-bottom:1px solid #ccc; padding-bottom:20px; position:relative;}
.ST { padding-bottom: 10px;}
.acc-Req .AD {height:auto; background-color:transparent;padding-bottom: 40px;}
.hlth-Trvl .AD{padding-bottom: 0px;}
.acc-Req .AD p {font-size:.9em; color:#666; font-weight:bold; padding-top: 20px; margin:0px;}
.acc-Req .AD .ew {width: 270px;}
.AD .t-Data {margin-bottom: 26px;}
.AT{ background-color:#f5f5f5; padding-bottom: 60px; border-bottom: 1px solid #ccc}
.admin .paging .btnWpr .disabled { background:#cccccc; color: #ffffff}
.tab{font-size: 1.125em; color: #666; float: left; font-weight: bold;}
a.btnSubmitDeactivate{font-size: 1.125em; float: left; font-weight: bold;}
.tab li{float: left; margin-right: 32px; cursor:pointer}
.tab li.selected {background-image: url("../wideimages/tabSelected.png"); background-position: center 62px; background-repeat: no-repeat; color: #d91f04; cursor: pointer; height: 71px;}
.tab li.selected a {color: #d91f04;}
.tab li a {color: #666;} 
.tab li:first-child{margin-left: 18px;}
.admin a.round-Btn.tab {margin-right:5px;}
.admin a.round-Btn.btn-Wht {margin-left:25px;}
.admin .btnWpr {margin-top: 12px;}
a.round-Btn.nw-Acc {float: right!important}
a.round-Btn.wht{position:relative}
a.round-Btn.wht img{position: absolute; top: 10px; left: 16px; display:block}
.admin-Frm {margin-top:20px;}
.admin .paging .btnWpr .red span {height: 32px; line-height: 32px}
.admin-Frm .validation_message {float:left; font-size:12px; font-weight:normal;border:2px solid #ffa113;  font-size: 0.75em;padding-right: 10px; padding-left:10px; margin-top:10px;}
.admin-Frm .fName input,.admin-Frm .lName input,.admin-Frm .u-Id input{ height: 30px; line-height:30px; width: 209px; padding-left:12px; margin-top:6px; font-size:0.875em!important; }
.admin-Frm .fName,.admin-Frm .lName,.admin-Frm .u-Id {margin-right: 16px;margin-right:30px\9; width:227px  !important; ^margin-top:20px; font-weight: bold;}
.admin-Frm .lName {padding-left:0px!important; margin-left:0px;}

.admin-Frm .btnWpr {width: auto;margin-top: 27px;margin-left: 19px\9;^margin-top:49px; float:left;}
.admin-Frm .round-Btn.wht.tab{margin-left:12px;}
.admin-Frm .round-Btn.wht.tab span{padding:0px 25px;}
.t-Data th,.t-Data tr,.t-Data td{vertical-align:top; padding: 15px 16px 8px;text-align: left; font-weight: bold;}
.t-Data th{white-space: nowrap;}
.t-Data td.nonbold { font-weight: normal; font-size:12px;}
.t-Data td.status { font-weight: bold; font-size:12px;}
.t-Data tr.trOdd{background:rgb(245, 245, 245);}
.t-Data .btnWpr{margin: 0px;float:none;text-align:center}
.t-Data {width: 100%; color:#666;}
.t-Data thead { font-size:0.688em;}
.t-Data tbody {background-color:#fafafa;}
.t-Data a.round-Btn.grn > span, .t-Data a.round-Btn.red > span {padding: 0 9px; line-height:20px; height: 20px; height: 19px\9;}
.t-Data a.round-Btn {float:none; display:inline-block; }
.t-Data tbody td{font-size: 0.875em;}
.t-Data tbody td.fs {font-size: 0.750em; font-weight: normal}
.t-Data td {border: 1px solid #ccc;}
.t-Data .nrm td {font-size:12px; font-weight:normal;}
.t-Data .nrm td:last-child {text-align:center;}
/*.t-Data th {text-transform:uppercase}*/
.t-Data .nrm td:last-child a {color: #666; text-decoration:underline}
.t-Data .nrm td > a{padding-left:10px;}
.t-Data.gl-Msgs{margin-bottom:30px;}
.t-Data.gl-Msgs td > div{width:100%; float:left;}
.t-Data.gl-Msgs td > div > span{width:50%; float:left; height: 24px;}
.t-Data.gl-Msgs td > div input,.t-Data.gl-Msgs td > div label{width:auto; float:left;font-size:12px;}
.t-Data.gl-Msgs td > div input[type="checkbox"],.t-Data.gl-Msgs td > div label{height:auto;}
.reg-Frm .t-Data.gl-Msgs td .validation_message.bdId,.reg-Frm .t-Data.gl-Msgs td > div input { margin-bottom: 7px; margin-top: 3px;}
.t-Data a.round-Btn.tab > span  {font-size:0.698em;}
.t-Data .dwn-Arw {background: url("../wideimages/downArw.png") 2px 7px no-repeat; ^background-position: 2px 1px; cursor: pointer; height: 14px; width: 11px; display:inline-block; text-indent:-9999px;}
.t-Data .up-Arw {background: url("../wideimages/upArw.png") 2px 7px no-repeat; ^background-position: 2px 1px; cursor: pointer; height: 14px; width: 11px; display:inline-block; text-indent:-9999px;}

.a-Center {text-align:center!important}
.fw,.lw{width: 198px;}
.rw {width:76px;}
.sw {width: 76px;}
.ew{width: 390px;}
.optional.col1 {min-width: 67px}
.admin .paging ul {width: 450px; float: left;  margin:35px 0 0 0px;}
.admin .paging .under-Ln { text-decoration:underline; cursor:pointer}
.admin .paging li{float: left; font-size: 0.750em; color: #666; margin-right: 10px;}
.admin .paging li span{margin-left: 10px;}
.admin .paging .btnWpr {float:right!important; margin-top: 29px; font-weight:bold}
.admin .paging .btnWpr .dot{color:#666; border:none; background:none; margin-left:6px;}
.admin .paging .btnWpr a.round-Btn.tab { margin-left: 6px;}
.ie7 .admin .paging .btnWpr a.round-Btn.tab.next {width: 57px;}
.admin .paging .btnWpr span {height: 30px; padding: 0 11px; line-height: 30px; font-size: 0.667em;}
.admin .paging .btnWpr span span {height: 0px;padding: 0px;line-height: 0px;font-size: 1em;display: inline;}
.admin .paging .btnWpr .nml{border: 1px solid #ccc;}
.reg-Frm .validation_message.gender.role {left: 383px!important;}
.reg-Frm .field.new-Acc-Id{padding-top:10px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 .reg-Frm .validation_message.gender.role { left: 370px; }
 .reg-Frm .buttons .reset{background-position: 62px -437px;}
 .yr-Acc .rt-Link {width: 184px!important;}
}
.admin .yr-AccBg div.btnWpr {float: left; width: 100%}
#updateUserAccountModal .RadioButton{width:auto; float:left; margin-right:10px;}
#updateUserAccountModal .RadioButton label{display:inline; padding:5px 0 0 0px;}
#updateUserAccountModal .RadioButton > span{float: left;margin-top: 3px;}
.admin .fgt-Pwd-Eml {width:100%}
.admin .fgt-Eml {width: 42%; padding-left:0px;}
.admin .fgt-Pwds { float:right; width: 54%;}
.admin .fgt-Pwd-Eml {background-position: 44% top;}
.admin .donorSrchTbl th{ white-space:nowrap}
.admin .fgtEmailForm > section.md-fName {width: 600px;}
.admin .fgtEmailForm > section:first-child {width:auto;}
.admin .postcode {padding-top:0px;}
.admin .md-Gender .genderlabel {float: left;margin-top: 5px; margin-right: 30px;}
.admin .validation_message.gender{left: 169px;top: 25px;}
.admin .fgtEmailForm {width:100%}
.admin .donorSrch.btnWpr {padding: 10px 0 30px; width:100%; float:left;}
.admin .field{float: left; padding-bottom: 10px; position: relative; width: 100%;}
.admin .buttons .reset{padding:8px 0px 5px 5px ; height:auto; border:0px; background:#F5F5F5; color:#666; font-weight:bold; width:155px; cursor:pointer; float:left; font-size: .875em}
.admin .cancelBtn {float: left}
.admin .postcode input[type="text"] {width:271px;}
.admin .ew {width: 180px}
.admin .fw, .admin .lw,.admin .rw {width: 160px}
.admin .donorSrchTbl .fw {width:auto;}
a.bookother {display: block; float: left; width:100%; margin-top: 10px;}
a.bookother span {width:100%!important;}
/*BAU Release | URS 733 | ID 4 | Admin users should be able to delete a donor record*/
.verifyagain, .deleterecord{background: url("../wideimages/resend-link-btn.png") no-repeat;
font-size: 12px;
margin-top: 5px;
display: inline-block;
color: #ffffff !important;
width: 158px;
text-align: center;
height: 23px;
line-height: 23px;
}

/* Admin Global Messaging
================================================== */
.msg-Tbl{padding-bottom:15px;float: left;width: 100%;}
.global-Msg > ul {width:958px; border:1px solid #ccc; margin-top:50px; float:left;} 
.global-Msg .btnWpr .cancel{float:left; height:34px; line-height:34px; font-size:14px;}
.global-Msg  .extended{display:none;}
.global-Msg > ul > li{border-top:1px solid #ccc;width:100%; float:left;}
.global-Msg > ul > li:first-child{border-top:0px;}
.global-Msg > ul > li div.toggler{width:100%; float:left; padding:0px; background:#fff; height:60px; line-height:60px; }
.global-Msg > ul > li div.toggle{display:none;}
.global-Msg .toggler h3{width:570px; float:left; margin:0 0 0 20px; padding:left:30px; font-size:1.1em; padding:0 0 0 30px; background:url("../wideimages/wingdings.png") 0px -583px no-repeat;cursor:pointer}
.global-Msg .toggler.active  h3{background-position: 0px -540px;}
.global-Msg div.toggler > a{position:relative; font-size:0.750em; right:20px; top:23px; color:#666666; text-decoration:underline; line-height:1em; float:right; } 
.global-Msg div.toggler > span{float:left; font-size:0.750em;width: 246px;line-height: 19px; padding-top:20px; padding-left:10px;}
.global-Msg div.toggler > span > span{float:left; padding-right:5px; color:#666; font-weight:bold;}
.global-Msg div.toggler > span div.date {width: 85px;margin-left: 136px;margin-top: -9px;color: #666;}
.global-Msg div.toggler > span div.date .dtFr, .global-Msg div.toggler > span div.date .dtTo {font-weight:bold;}
.global-Msg div.toggler > span div.date .dtTo {display: block;}
.global-Msg div.toggler span .round-Btn, .global-Msg div.toggler span .round-Btn span{height:19px; line-height:19px; float:left;}
.global-Msg div.toggler span .round-Btn span{padding:0px 8px;}
.global-Msg div.toggler span .round-Btn span{}
.global-Msg div.toggle{background:#f5f5f5; width:918px; float:left; padding:20px;border-top:1px solid #ccc;}
.global-Msg div.msg { float: left; width: 513px;}
.global-Msg div.msg p a{font-size:12px; color:#666; text-decoration:underline; font-weight:bold;}
.global-Msg div.srch-Frm div.from_date {padding-left:0px;}

.global-Msg div.srch-Frm span.validation_message.bdId,
.global-Msg div.srch-Frm .from_date span.validation_message.bdId span, 
.global-Msg div.srch-Frm .until_date span.validation_message.bdId span {float:left; white-space:normal; clear:none;}

.global-Msg textarea{width: 502px; height:174px;}
.global-Msg div.srch-Frm > div > input[type="text"],.global-Msg table.gl-Msgs div input[type="text"] {padding: 5px 38px 5px 15px;  background-image: url("../wideimages/wingdings.png"); background-position:left top; background-repeat:no-repeat}
.global-Msg div.srch-Frm > div > input.focused,.global-Msg table.gl-Msgs div input.focused {background-image:url("../wideimages/wingdingsHover.png")}
.global-Msg div.srch-Frm div.from_date,.global-Msg div.srch-Frm div.until_date {width: 141px; float: left}
.global-Msg div.srch-Frm div.until_date > input,.global-Msg div.srch-Frm div.from_date > input,.global-Msg table.gl-Msgs div input.focused,.global-Msg table.gl-Msgs div input[type="text"]{background-position: 111px -94px; width: 88px; background-color:#fff; font-size:14px;}
.global-Msg .msg-Frm {float: left; width: 100%}
.global-Msg div.srch-Frm label {padding-top:16px;}
.global-Msg div.srch-Frm{position:inherit;height:auto;width:288px;padding-left:inherit;z-index:auto; float:right;}
.global-Msg .reg-Frm label span{float: right; color:#666;}
/*.global-Msg .reg-Frm label .t-Char{margin-right:226px;}*/
.global-Msg .reg-Frm label a {font-size:12px; font-weight:normal; margin-left:20px;}
.global-Msg .srch-Frm .field label{display: inline; padding-left:5px;}
.global-Msg .placeholdertext{width:512px; float:left; font-size:12px;}
.global-Msg .placeholdertextarea{width:512px; float:left; font-size:12px;}
.global-Msg .placeholderdatefrom{width:142px; float:left; font-size:12px;}
.global-Msg .placeholderdateuntil{width:142px; float:left; font-size:12px;}
.global-Msg .reg-Frm .placeholdertextarea * {font-size:12px; font-weight:normal; margin:0px; padding:0px;}
.global-Msg textarea.donorid {height: 90px;}
.global-Msg  span.questionMark{float: none; display:inline-block}
.global-Msg  span.questionMark a{background: url("../wideimages/bloodlogo.png") no-repeat scroll left -280px transparent; height: 12px; width: 12px; display: inline-block; text-indent:-9999px; float:left}
.global-Msg .questionMark a:hover,.global-Msg .questionMark.active > a,.global-Msg .questionMark a.focused{background-position: -12px -280px;}
.global-Msg .validation_message.tootltip{background: none repeat scroll 0 0 #000000;    color: #FFFFFF;    margin-left: 11px;    padding: 8px; top: -19px;    position: absolute;    z-index: 1; white-space:normal; border:0px;}
.global-Msg .validation_message.tootltip .icon{background: url("../wideimages/bloodlogo.png") no-repeat scroll -1px -497px transparent !important;    height: 9px;    left: 10px;    margin: 14px 0 0 -17px;    position: absolute;    width: 9px;    z-index: 3;}
.hyperlink_text {position: relative;float: left;width: 100%;}
.global-Msg p.msg{font-size: 12px;}
/* Your Account
================================================== */
.yr-Acc {width: 100%; float: left; padding: 39px 0px;}
.yr-Acc h4,.your_Acc p {padding-top: 10px;}
.yr-Acc h3 {font-size:1.5em;vertical-align:baseline;}
.yr-Acc h3 a{font-size:0.500em; color:#666; font-weight:normal; text-decoration:underline; padding-left:5px;}
.yr-Acc p {font-size:0.937em; color:#666}
.yr-Acc strong {color:#333;}
.yr-Acc .col_Lt {width: 500px; float: left;}
.yr-Acc .col_Rt {width: 358px; border-radius: 5px; border: 1px solid #ccc; padding: 15px 20px; float: right; background:#fff;}
.yr-Acc .col_Rt strong {padding-bottom: 10px;}
.yr-Acc a span{  display: inline-block; font-size: 14px; padding-bottom: 5px; cursor:pointer}
.yr-Acc .home-Add,.yr-Acc .home-Add span {width: 150px;float: left;}
.yr-Acc .rt-Link {float: right;  width: 170px;width: 184px\9;font-size: 14px;}
.yr-Acc .rt-Link a span{margin-top:10px;}
.yr-Acc .venues{border-bottom: 1px solid #ccc; padding: 10px 0; width:100%; float: left}
.yr-Acc .more_Loc{padding:10px 0 20px;}
.yr-AccBg {background-color:#f5f5f5;border-bottom:1px solid #ccc}
.yr-Acc .col_Lt .field label{display:inline;}
.yr-Acc .col_Lt .field{margin-top:15px;}
.yr-Acc .col_Lt .field .datePicker{margin:0 0 0 10px; display:inline; width:auto;background: url('../wideimages/wingdings.png') #fff 124px -97px no-repeat; height:25px; line-height:25px; margin-top:-5px;}
.yr-Acc .closest .venues{border-bottom: 0px solid #ccc; }
.yr-Acc .closest{padding:30px 0px 30px 0px;}
.yr-Acc .details, .yr-Acc .details section{width:100%; float:left;}
.yr-Acc .details strong,.yr-Acc .details span{width:50%; float:left;}
.yr-Acc .details{margin-bottom:38px;}
.yr-Acc .details section{ font-size:0.900em; color:#666;}



.col_Rt > section{ width:100%; float:left;margin-top:18px; padding-top:15px; border-top:2px solid #E2DED9;}
.col_Rt > section:first-child{margin-top:0; padding-top:0; border-top:0;}
.col_Rt > section > strong{font-size:0.850em; width:100%; float:left;}
.col_Rt > section > p, .col_Rt > section > div{font-size:0.750em; width:100%; float:left; margin-bottom:5px;}
.col_Rt > section > div{margin-top:5px;font-size:0.850em;}
a.welcomepack{background: white url('../wideimages/landing_page_sprite.png') -12px -626px no-repeat; font-size:0.850em; color:#d91f04; padding:3px 0 0 25px}
.col_Rt.social > section > strong{background: white url('../wideimages/landing_page_sprite.png') no-repeat; height:36px; line-height:36px; text-indent: 47px;}
.col_Rt.social > .facebook strong{background-position:1px -527px;} 
.col_Rt.social > .facebook label{width: 330px;float: left; display:inline; margin:0 0 0 3px;}
.col_Rt.social > .twitter strong{background-position:0px -576px;}
.col_Rt.social a.round-Btn > span{padding:0px 60px;line-height:36px;}
.col_Rt a.round-Btn.chg-Pass > span{padding:0px 24px;line-height:36px;}
.col_Rt a.round-Btn{margin-bottom:5px;}
.col_Rt a.round-Btn.hlt-chk > span{padding:0px 33px;line-height:36px;}


/* Autocomplete
================================================== */
.ui-autocomplete { position: absolute; cursor: default; padding: 1px 1px 1px 1px; background:#fff; z-index:999!important; border:1px solid #ccc;}       
.ui-autocomplete  .ui-state-focus{background:#DDDDDD;}
.ui-autocomplete-loading { background: white url('../wideimages/ui-anim_basic_16x16.gif') right center no-repeat; }
.ui-helper-hidden-accessible{display:none;}
/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
.ui-menu {list-style:none;padding: 5px 0px;margin: 0;display:block;}
.ui-menu .ui-menu {margin-top: -3px;}
.ui-menu .ui-menu-item {margin:0;padding: 0;width: 100%;}
.ui-menu .ui-menu-item a {text-decoration:none;display:block;padding:.3em 10px;line-height:1.5;zoom:1;font-size:0.750em; color:#333333;}
.ui-menu .ui-menu-item a strong{color:#d91f04}
.ui-menu .ui-menu-item a.ui-state-hover,.ui-menu .ui-menu-item a.ui-state-active {margin: -1px;}

/* Browse  & Travel
================================================== */
.BR .tiles{float:left; width:470px; padding-right:30px}
.BR .tiles { line-height:1.5em; }
.searchTerm{ float:left; width:460px; margin-top:65px}
.searchTerm label{ float:left; font-size:.875em; font-weight:normal; margin-right:20px;}
.srch-Frm div.searchTerm [type="text"] {
float:left;
width: 290px;
padding:8px 15px;
background-position: 290px -395px;
margin-right:10px;
margin-bottom:0;
font-size:.85em;
}
.srch-Frm .field{ float:left; width:100%; margin-top:10px;}
.srch-Frm div.searchTerm input.focused{ position:static!important}
.round-Btn span{ margin:0; padding:0; line-height:35px; height:35px; }
.srch-Frm-mgr {height: 113px; margin: 0 auto;padding-left: 18px;position: relative;width: 960px;z-index: 10;padding-bottom:20px;}
.srch-Frm-mgr > div > input[type="text"]{ height:18px; font-size:1.125em; line-height:21px; padding:13px 38px 15px 15px; margin:0px;background:url("../wideimages/wingdings.png") no-repeat; vertical-align:text-bottom;}
.srch-Frm-mgr > div > input.focused {background-image:url("../wideimages/wingdingsHover.png");  border-color:#000; position:absolute; z-index:1;}
.srch-Frm-mgr div.searchTerm [type="text"] {float:left;width: 290px;padding:8px 15px;background-position: 290px -395px;margin-right:10px;
margin-bottom:0;font-size:.85em;}
.srch-Frm-mgr .field{ float:left; width:100%; margin-top:10px;}
.srch-Frm-mgr div.searchTerm input.focused{ position:static!important}
.searchTerm .srch-Frm .round-Btn{padding:0 7px; margin:0;}
.searchTerm  .srch-Frm-mgr .round-Btn span{ margin:0; padding:0; }
.capsLtr{ text-transform:uppercase}
.termList{ padding:10px 0 0 0}
.termList span{ float:left; font-size:.875em; text-transform:uppercase; margin-right:20px;}
.alphaContainer, .alphaContainer>.wrapper{width:auto; float:left;}
.termList .alphaTermList li{float:left; margin-left:7px;}
.termList .alphaTermList li a{ float:left; width:20px; height:20px; color:#333 ; font-size:.875em ; padding:0; text-align:center}
.termList .alphaTermList li a:hover , .termList .alphaTermList li.selected a , .termList .alphaTermList li.selected a:hover { background:url(../wideimages/wingdings.png) no-repeat right bottom; color:#fff;}
.alf-Area{ float:left; padding:20px 0 40px 0; background:url("../wideimages/onepxborder.gif") 80px 0 repeat-y;}
.bigAlpha{float:left; width:80px}
.bigAlpha span{ float:left; font-size:4.5em; line-height:50px; font-weight:bold; padding:20px 0 0 0} 
.alphaList{float:left; width:800px; padding:10px 20px 0;}
.relWordLsit{ width:200px;}
.relWordLsit li{ float:left; width:100%; border-bottom:1px solid #d7d7d7; padding:5px 0; position:relative}
.relWordLsit li a{ color:#333; font-size:.875em ;}
.relWordLsit li.selected > a , .relWordLsit li a:hover{ color:#d91f04}
.relWordLsit li .arrow{ float:left; position:absolute; width:13px; height:17px; left:-11px; top:12px;   background:url(../wideimages/toolTipArrow.gif) no-repeat 0 0; z-index:999  }
.relWordLsit li .toolTip{background:#fff;width:500px; left:210px; top:0px; border:1px solid #d7d7d7;  padding:25px 40px; margin:-5px 0 0 13px; position:absolute}
.relWordLsit li .toolTip h3{ margin-bottom:10px; line-height:1em;}
.relWordLsit li .toolTip p{ font-size:.875em ; font-weight:normal; padding:0 0 10px 0 ; margin:0;}
.relWordLsit li .toolTip ul li{border-top:1px solid #d7d7d7; border-bottom:none; background:url(../wideimages/liDot.gif) no-repeat 0 15px; color:#666; font-size:.875em ; padding-left:10px;}
.srch-Rslt.AL{height:auto; line-height:1em;}
.srch-Rslt h2{font-size: 1.5em; line-height:1em;}
.srch-Rslt h2>span{font-size:0.550em; font-weight:normal; margin-left:17px;}
.srch-Rslt h2 .keyword{color:#d91f04;}
.srch-Rslt .back-Btn{line-height:20px; height:auto; margin:15px 0;}
.srch-Rslt .alf-Area{background:none;}
.srch-Rslt .alphaList {float: left; width: 800px; padding: 0;}
.srch-Rslt .relWordLsit{width:280px;}
.srch-Rslt .relWordLsit li .toolTip{left:304px}
a.tbd-Btn{background:url("../wideimages/tabbedBtn.png") no-repeat; height:24px; line-height:24px; color:#666; float:right; padding:0px 8px; font-size:12px; margin-top:18px;}
a.tbd-Btn.selected{color:#fff;}
.tbd-Btn.browse{background-position:0 0; border-right:1px solid #ccc;}
.tbd-Btn.map{background-position:right -24px;}
.tbd-Btn.browse.selected{background-position:0 -24px;}
.tbd-Btn.map.selected{background-position:right 0;}


/** Admin detail 
================================================== */

.oneCol{padding-top:20px; padding-bottom:20px;}
.acctAction{float:left; width:100%; padding-top:15px;}
.acctAction li{float:left; width:100%; margin-bottom:15px; font-size:.9em;}
.acctAction li dl {float:left; width:200px;font-weight:bold;}
.acctAction li dt{float:left; width:700px;}
.acctAction li dt span{float:left; width:200px; margin-right:20px; word-wrap:break-word;}
.acctAction li dt span a{ margin-right:0}
.acctAction li dt a{ float:left; margin-right:30px; font-size: .833em; text-decoration:underline; color:#666; }
.act-info{float:left; width:100%; margin-top:60px}
.act-info section{ float:left; width:100%; margin-bottom:10px;}
.act-info span{float:left; font-size:.9em}
.act-info .actLabel{ font-weight:bold; width:200px;  }
.oneCol .fgt-Pwd-Eml{ margin-top:20px;margin-bottom:30px;}
a.back-Btn{ background:url("../wideimages/landing_page_sprite.png") no-repeat scroll -144px -201px; float:none;}
.adDetail-Mod{width: 550px;margin-left:-275px;}
.modal.adDetail-Mod .modal p , .modal.adDetail-Mod .modal .round-Btn.grad span{ font-size:1.25em; margin-bottom:0}
.modal.adDetail-Mod table{ margin-bottom:20px;}
.modal.adDetail-Mod table thead th ,.modal.adDetail-Mod table td{ font-size:1.1em; padding: 8px 16px; text-align: left;}
.modal.adDetail-Mod table td { text-align: left; vertical-align: top; border: 1px solid #ccc;}
.modal.adDetail-Mod thead th{ font-weight:bold}
.modal.adDetail-Mod .col1{ width:100px; font-weight:bold;}
.modal.adDetail-Mod .col2{ width:120px;}
.modal.adDetail-Mod .col3{ width:120px;}
.modal.adDetail-Mod .modal-close{ margin-right:0}

.modal.adDetail-Mod .round-Btn span{ width:auto; font-size:1em; margin-right:0; font-weight:normal}
.modalForm{ margin-bottom:10px}
.modalForm label{ font-size:1.25em}
.modalForm label .required{float:none; width:auto; color:#F00}
.modalForm .textBox{ font-size:1.25em;}
.modal.adDetail-Mod .modal p , .modal.adDetail-Mod .modal .round-Btn.grad span{ font-size:1.25em; margin-bottom:0}
.modal.adDetail-Mod table{ margin-bottom:20px;}
.modal.adDetail-Mod table thead th ,.modal.adDetail-Mod table td{ font-size:1.1em; padding: 8px 16px; text-align: left;}
.modal.adDetail-Mod .modal table td { text-align: left; vertical-align: top; border: 1px solid #ccc;}
.modal.adDetail-Mod thead th{ font-weight:bold}
.modal.adDetail-Mod .col1{ width:100px; font-weight:bold;}
.modal.adDetail-Mod .col2{ width:120px;}
.modal.adDetail-Mod .col3{ width:120px;}
.modal.adDetail-Mod .modal-close{ margin-right:0}
/** Account Overview 
================================================== */
#inputAddress > div{width: 100%;float: left; padding-top:5px;}
#inputAddress > div .field{width: 50%;float: left;}
#inputAddress > div .field .validation_message.dt{width: 80%; float: left;font-size: 0.850em;}
#inputAddress > div .field label{font-weight:bold;}

.searchPostCode.Modal input.postcode {padding-top:0px; margin:0;}
.searchPostCode.Modal #addressSearch > .btn-Srch{padding:0px; margin-top:24px;}
.searchPostCode  #addressSearch{margin-top:10px;}
#addressSearch .field{position:relative;}
#addressSearch .field .validation_message{position:absolute; right:-300px; top:30px;}

#deleteAddressModal #deletedAddress *, #readOnlyAddress *{display:block;}
#deleteAddressModal .buttons{padding-top:10px;}
#addressSearch .addressTypeDropdown{width:100%; float:left;}
.Modal.con-Dtls input[type="text"]{width: 240px;}
.foundAdd > *{width:100%; float:left; margin:5px 0px}
.round-Btn span{font-weight: bold!important}
.innerHeader .headTitle{ float:right; font-size:14px; margin-top:30px; color:#fff; font-weight:bold;}
.admin-fgt-pwd {background: none;} 
.admin-fgt-pwd .fgt-Pwds {width: 100%;} 
.admin-fgt-pwd .fgtPwdForm {width: 100%;} 
.admin-fgt-pwd .fgtPwdForm h2 {clear: both; margin-top: 100px;}
.forgotmail a {font-size:12px; color:#d91f04!important;} 
.sharefacebookicon,.loc_Close {text-indent: -9999px; display: inline-block}
.admin .jqTransformSelectWrapper {background-color:#fff;}
.addional_info_roles {
    width:100%; float:left; font-size:12px; padding-top:5px;
}
.srch-Frm div.from_date > input {    background-position: 135px -90px;}
.specificDonors td > p {font-size:11px; font-weight:normal;}
.specificDonors .validation_message.bdId {width:auto;}
.specificDonors  .validation_message{ white-space:normal}
.ie8 .reg-Frm input[type=text]{padding:0px 10px 7px;}
.gt-ie6 .reg-Frm input[type=text]{padding:auto 10px auto;}
.donormsgcal .validation_message.bdId .icon {z-index: 1 !important;}
#emailAddressModal a.round-Btn.form > span,#emailAddressModal label,#emailAddressModal input[type="text"],#updateUserAccountModal a.round-Btn.form > span,#updateUserAccountModal label,#updateUserAccountModal input[type="text"] {font-size: 1.03em}
.message.deactivateaccount, .message.activateaccount, .message.deleteaccount, .message.contactDtlError, .message.assigndonorid, .message.matchdonor, .message.resetpassword  {
    width:500px
}
#updateUserAccountModal input[type="text"] {padding:11px}
.admin .fgtEmailForm .md-Gender input[type="radio"] { height: 19px; width: 14px; float: left}
.t-Data.gl-Msgs td:last-child {width: 150px!important}
span.disabled {color:#d91f04}
span.enabled {color:#009966}
span.verified {color:#FF6600}
.higherIndex {z-index:10 !important;}

/*Audit Event section*/
.admin-Frm.audit label {display:inline-block;}
.admin-Frm.audit select {color:#333;}
.admin-Frm.audit select {padding:5px; margin-top:3px;}
.admin-Frm.audit input[type='text'] {width:auto;height: 27px;line-height: 27px;padding-left: 12px;margin-top: 6px;font-size: 0.875em!important;}
.eventFilter, .filter {width:100%; float:left; margin-top:10px;}
.filter > div, .eventFilter > div {width: auto;float: left; margin: 0 0 0 10px;}
.eventType > span, .eventType > input {float:left;}
.eventType span.jqTransformRadioWrapper {margin-top:3px;}
.eventType > span {margin:9px 20px 0 0;}
.eventSubType select {width:auto;}
.admin-Frm.audit .filter .userName input[type='text'] {width:240px;}
.ie .admin-Frm.audit .filter .userName input[type='text'] {width:225px;}
.admin-Frm.audit .filter .donorID input[type='text'] {width:193px;}
.admin-Frm.audit .filter .startDate, .admin-Frm.audit .filter .endDate {width:169px;}
.admin-Frm.audit .filter .userName{width:258px;}
.ie .admin-Frm.audit .filter .userName{width:245px;}
.admin-Frm.audit .filter .donorID {width:211px;}
.admin-Frm.audit .eventSubType {width:auto;}
.audit .t-Data tbody td {font-weight:normal; font-size:12px;}
.audit .t-Data tbody td.status {font-weight:bold; width:200px;}
.admin-Frm.audit .datePicker {  background-image: url("../wideimages/wingdings.png"); background-position:138px -94px; background-repeat:no-repeat}
.admin-Frm.audit .datePicker.focused {background-image: url("../wideimages/wingdingsHover.png"); }
#historyBody {max-height: 342px;overflow: scroll;overflow-x: hidden;}
.trigViewStatusHistory {font-size:12px;margin-left:50px;color:#666 !important; text-decoration:underline; font-weight:normal;}
.altColor {background-color:rgb(245, 245, 245);}
.brdrTop {border-top:1px solid #ccc}
.noPad{ padding:0px !important}
.noPad div{padding:16px 16px 8px 16px;}
.w75{ width:75px !important;}
#deleteAccountModal{width: 500px;left: 50%;margin-left: -250px;}

@media (max-width: 768px) and (orientation: landscape),
(orientation: landscape) and (max-width: 1920px) {

    .reg-Pwd span.plus_sign1 {
    position: absolute;
    left: 76px;
    font-size: 19px;display: inline-block;
}
    
}
   
    
	.reg-Pwd span.questionMark a, .audit table span.questionMark a{ display:none}
	.reg-Pwd .pwd_dis{margin: 4px 0 0px 0;
width: 281px;

position: absolute;
top: 19px;
left: 302px;}
	.reg-Pwd .pwd_dis p{ font-size: .8em;}
	
}

/*@media (max-width: 1024px) and (orientation: landscape) and (max-width: 768px) {
   
	
    .reg-Pwd span.plus_sign1, .reg-Pwd .pwd_dis { display:none
    }

	.reg-Pwd span.questionMark a, .audit table span.questionMark a{ display:inline-block }
	.reg-Pwd .pwd_dis{margin: 4px 0 0px 0; width: 281px; display:block}
	.reg-Pwd .pwd_dis p{ font-size: .8em;}


}*/

@media only screen and (max-width:1024px) {
    header .logo, .innerHeader {
        /*width:auto;*/
    }

    .reg-Pwd span.plus_sign1 {
    position: absolute;
    left: 76px;
    font-size: 19px;display: inline-block;
}

    .reg-Pwd span.questionMark a, .audit table span.questionMark a{ display:none}
} 

/* Hide checkbox text */
.jqTransformCheckboxWrapper a.jqTransformCheckbox {
    text-indent: -9999999px;
    overflow: hidden;
}


.PasswordIndicator {
    font-size: .8em;
}


/*@media (max-width:767px){
	.reg-Pwd .pwd_dis{ display:none}
	
	
}*/