.cornerBlueBox {
	background: url(images/cornerBlueTL.png) no-repeat top left;
}
.cornerBlueTop {
	background: url(images/cornerBlueTR.png) no-repeat top right;
}
.cornerBlueBottom {
	background: url(images/cornerBlueBL.png) no-repeat bottom left;
}
.cornerBlueBottom div {
	background: url(images/cornerBlueBR.png) no-repeat bottom right;
}
.cornerBlueContent {
	background: url(images/cornerBlueBorder.png) top right repeat-y;
}

.cornerBlueTop div,.cornerBlueTop,
.cornerBlueBottom div, .cornerBlueBottom {
	width: 100%;
	height: 35px;
	font-size: 1px;
}
.cornerBlueContent, .cornerBlueBottom {
	margin-top: -19px;
}
.cornerBlueContent { 
	padding: 0 15px; 
}


.cornerOrangeBox {
	background: url(images/cornerOrangeTL.png) no-repeat top left;
}
.cornerOrangeTop {
	background: url(images/cornerOrangeTR.png) no-repeat top right;
}
.cornerOrangeBottom {
	background: url(images/cornerOrangeBL.png) no-repeat bottom left;
}
.cornerOrangeBottom div {
	background: url(images/cornerOrangeBR.png) no-repeat bottom right;
}
.cornerOrangeContent {
	background: url(images/cornerOrangeBorder.png) top right repeat-y;
}

.cornerOrangeTop div,.cornerOrangeTop,
.cornerOrangeBottom div, .cornerOrangeBottom {
	width: 100%;
	height: 35px;
	font-size: 1px;
}
.cornerOrangeContent, .cornerOrangeBottom {
	margin-top: -19px;
}
.cornerOrangeContent { 
	padding: 0 15px; 
}


.boxLightBlue {
	background: #f0ffff;
	border: 4px solid #d4efef;
	padding: 7px;
	margin: 10px 0;
}
.lightBlueCorner_TL{
	margin: -11px 0 0 -11px;
	float: left;
	width: 13px;
	height: 13px;
	padding: 3px;
	background: url(images/corner_BTL.png) no-repeat left top;
}
.lightBlueCorner_TR{
	margin: -11px -17px 0 0;
	float: right;	
	width: 13px;
	height: 13px;	
	padding: 3px;
	background: url(images/corner_BTR.png) no-repeat left top;
}
.lightBlueCorner_BL{
	margin: -3px 0 -11px -11px;
	float: left;
	width: 13px;
	height: 13px;
	padding: 3px;
	background: url(images/corner_BBL.png) no-repeat left top;
}
.lightBlueCorner_BR{
	float: right;
	margin: -3px -17px -4px 0;
	width: 13px;
	height: 13px;
	padding: 3px;
	background: url(images/corner_BBR.png) no-repeat left top;
}

.boxLightYellow {
	background: #fff;
	border: 4px solid #faebb3;
	padding: 7px;
	margin: 10px 0;
}

.lightYellowCorner_TL{
	margin: -11px 0 0 -11px;
	float: left;
	width: 13px;
	height: 13px;
	padding: 3px;
	background: url(images/corner_YTL.png) no-repeat left top;
}
.lightYellowCorner_TR{
	margin: -11px -17px 0 0;
	float: right;	
	width: 13px;
	height: 13px;	
	padding: 3px;
	background: url(images/corner_YTR.png) no-repeat left top;
}
.lightYellowCorner_BL{
	margin: -3px 0 -11px -11px;
	float: left;
	width: 13px;
	height: 13px;
	padding: 3px;
	background: url(images/corner_YBL.png) no-repeat left top;
}
.lightYellowCorner_BR{
	float: right;
	margin: -3px -17px -4px 0;
	width: 13px;
	height: 13px;
	padding: 3px;
	background: url(images/corner_YBR.png) no-repeat left top;
}

.bullet_A {
	padding-bottom:10px;
}
.box {
	border: 1px solid #bed6f8;
	padding: 20px;
	margin: 10px;
}
.bullet_A li {
	background:  url(images/bulletRed.png) no-repeat left 4px;
	font-weight: bold;
	padding: 0 0 5px 10px;
}

.rich-datalist {
	padding-bottom:10px;
}

.rich-list-item {
	background:  url(images/bulletRed.png) no-repeat left 4px;
	font-weight: bold;
	padding: 0 0 5px 10px;
}

.bullet_B {
	padding-bottom:10px;
}
.bullet_B li {
	background:  url(images/bulletOrange.png) no-repeat left 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	padding: 0 0 5px 15px;
}
.emphasized {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;	
}
.emphasizedBig {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;	
}
.labelSteps {
	border: none !important;
	position: relative;
	margin: 10px 0 15px -10px;
}

.panel {
	border: 1px solid #000273;
	padding: 1px;
	background-color: #FFF;
	font: normal normal normal 11px Arial, Helvetica, sans-serif;
	color: #000;
}

.panelLogin {
	border: 1px solid #000273;
	padding: 1px;
	background-color: #FFF;
	font: normal normal normal 11px Arial, Helvetica, sans-serif;
	color: #000;
	width: 965px;
}

.panelSetup {
	float: left;
	width: 100%;
	margin-top: 25px;
	padding: 0px;
	border-left: 0px;
	border-right: 0px;
}

#panelMyTimeWelcome {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.dpwPanelDefaultWidth {
	width: 721px;
}

.dpwPanelNotificationPreferences {
	width: 698px;
}

.dpwPanelNotificationPreferences1 {
	width: 698px;
	height: 90px;
}
			
#panelDonorResetPassword {
	width: 330px;
}

.panelHeader {
	padding: 3px;
	background-color: #000273;
	color: #FFF;
	font-weight: bold;
}

.panelHeaderSetup {
	float: left;
	width: 715px;
	margin: 1px;
}

.panelHeaderLogin {
	background-color: #C0D667;
	color: #000273;
	border: solid 1px #000273;
}

.panelBody {
	background-color: #FFF;
}

.panelBodyLogin {
	background-color: #FAF8CF;
	padding: 8px;
}

.panelBodyDPW {
	padding: 20px 10px 0px 1px;
}

.panelBodyDPWSchedulePreference {
	padding: 20px 10px 10px 1px;
}

.panelBodyDPWNotificationPreference1, .panelBodyDPWMarketingInfo {
	padding: 20px 10px 10px 0px;
}

.panelBodyDPWNotificationPreference2 {
	padding: 20px 10px 10px 20px;
}

.panelBodyDefaultPadding {
	padding: 10px;
}

#panelBodySessionExpiredLogin {
	width:600px;
	align:center;
	padding: 10px;
}

.panelBodySetup {
	float: left;
	padding: 20px;
}

.dpwForm, .defaultForm {
	margin-top: 12px;
}

.dpwLabelContainer, .defaultLabelContainer {
	margin-bottom: 4px;
}
.dpwLabelSide, .defaultLabelSide {
	display: inline-block;
	text-align: right;
	width: 165px;
	margin-left: 0px;
	margin-right: 3px;
}
.dpwFieldSide, .defaultFieldSide {
	display: inline-block;
	width: 350px;
}
.dpwFieldSideEmergencyContact {
	width: 300px;
}
.dpwFieldSideDonorCenter {
	width: 380px;
}
.dpwButtonContainer, .defaultButtonContainer {
	margin-top: 20px;
	margin-left: 167px;
	margin-bottom: 20px;
}
.dpwButtonContainerDonorCenter {
	margin-left: 170px;
}

.dpwButtonContainerSchedulePreference, .dpwButtonContainerMarketingInfo {
	margin-left: 0px;
}

#schedulePreferencesInterfaceContainer, #notificationPreferencesInterfaceContainer {
	margin-top: 20px;
	padding-left: 9px;
}

#rememberMeContainer {
	margin-top: 15px;
}

#buttonLogin {
	margin-bottom: 15px;
}

.modalPanelMargin  {
	margin: 15px 0px 15px 0px;
}

#addressAndHoursTableContainer {
	float:left;
	width: 230px;
}

.hoursTable {
	border-color: #C0C0C0;
}
.hoursTableHeader {
	text-align: center;
	background-color: #ECF4FE;
	padding: 2px;
	padding-top: 3px;
	padding-bottom: 4px;
}
.hoursTableContent {
	padding: 4px;
}

.fivePixelWidthSpacer {
	width: 5px;
	display: inline-block;
}

.tenPixelWidthSpacer {
	width: 10px;
	display: inline-block;
}

.fifteenPixelWidthSpacer {
	width: 15px;
	display: inline-block;
}

.twentyPixelWidthSpacer {
	width: 20px;
	display: inline-block;
}

.twentyFivePixelWidthSpacer {
	width: 25px;
	display: inline-block;
}

.thirtyPixelWidthSpacer {
	width: 30px;
	display: inline-block;
}

.seventyPixelWidthSpacer {
	width: 70px;
	display: inline-block;
}

.ninetyPixelWidthSpacer {
	width: 90px;
	display: inline-block;
}

.rich-calendar-today {
   background-color: #FFFFFF;
   color: #000000;
   text-color: #000000;   
}

.rich-calendar-holly {
   background-color: #FFFFFF;
}

.rich-calendar-boundary-dates {
   background-color: #FFFFFF;
   color: #FFFFFF;
}


.labelSteps {
	border: none !important;
	position: relative;
	margin: 10px 0 15px -10px;
}

#promoPanel {
	float: left;
	width: 550px;
}

#promoPanelBody {
	padding: 10px;
}

#stepImageContainer img {
	display: inline;
}
#maxNumberOfOptionsAllowedToSelectContainer {
	padding: 15px 0px 15px 0px;
}
#marketingCheckBoxesContainer td {
	height: 20px;
	padding-right: 20px;
}

#promoPanelLeftColumn {
	float: left; 
	width: 230px;
}

.panelHelpHeader {
	background: #c0d667 url(images/portletHeader_L.png) no-repeat left top;
	width: 165px;
	color: #000273;	
	border: none;
	padding: 3px 5px;
	font: normal normal bold 11px Arial, Helvetica, sans-serif;
}
.panelHelp {
	padding: 0;
	border: none;
	width: 175px;
	margin-top: 12px;
}
.panelHelpBody {
	border: 1px solid #bed6f8;
	border-top: none;
	background: #faf1d0;
	padding: 10px 20px 10px 10px;
	font: normal normal normal 11px Arial, Helvetica, sans-serif;
}

.notRequired {
	font-weight: normal;
}

.fieldLevelHelp {
	display: inline-block;
	color:#5121a7; /* blue */
	text-decoration:none; /* underline;*/
	margin-left:1px;
	font-weight: normal;
	text-align: left;
}
a.toolTipLink {
    position: relative; /*this is the key*/
    z-index: 24;
    text-decoration: none;
    color: #5121a7;
}
a.toolTipLink:hover {
	z-index: 25;
}
a.toolTipLink .toolTip {
	display: none;
}
a.toolTipLink:hover .toolTip { /*the span will display just on :hover state*/
    display: block;
    position: absolute;
    top: 2em; left: 2em; width: 15em;
    width: 150px;
	padding: 7px;
	border: 1px solid #ff9a00;
}

.rich-tab-header{
	color: #FFFFFF;
    font-weight: bold;
} 

.rich-tabhdr-cell-active{
    font-weight: bold;
    color: #000273;
}

.rich-tab-active {
    font-weight: bold;
    color: #000273;
}

.toolTip {
	width:150px;
	background-color:#f8f5be; /* light yellow */
	color:#000000;
}

.fieldLevelHelp {
   color:#5121a7; /* blue */
   text-decoration:none; /* underline;*/
   margin-left:1px;
}

#childCareRadioButtonsContainer {
	display: inline-block;
	vertical-align: middle;
}

.dr-tbpnl-tbtopbrdr {
	padding: 0 !important; margin: 0 !important;
}

#tools{
	float: right;
	padding: 5px;
	width: 200px;
	text-align: center;
}
#tools a{
	text-decoration: underline;
}

#toolsWider{
	float: right;
	padding: 5px;
	width: 500px;
	text-align: center;
}
#toolsWider a{
	text-decoration: underline;
}

#logout {

}

#login{
	padding: 5px 0;
	font-weight: bold;
	text-decoration: none;
	float: right;
	position: relative;
	right: 0;
}
a:hover#login{
	color: #000;
}

html,body,div,pre,form,fieldset,input,h1,h2,h3,h4,h5,h6,p,textarea,ul,ol,li,dl,dt,dd,blockquote,th,td {  
	margin: 0; 
	padding: 0; 
}

.quickDonationScheduleColumnHeader {
	background-color: lightgreen;
}

.notAnAppointmentTimeSlot {
	background-color: grey;
}

.leftAlign {
	text-align: left; 
}

.rightAlign {
	text-align: right; 
}

.boldFieldLabel {
	font-weight: bold; 
}

boldFieldValue {
	font-weight: bold; 
	font-color: red;
}

.pageHeaderLabel {
	font-weight: bold; 
}

.noAppointmentAvailable {
	background-color: red;
}

.upcomingAppointment {
	background-color: green;
}

.clickable {
	cursor: pointer;
	vertical-align: top;
}

table { 
	border-collapse: collapse; 
	border-spacing: 0; 
}


/** Try: Start **/
.contains {
	position: relative;
	left: 2px;
	top: 2px;
	color: #ccc;
	font-weight: bold;
}
.text {
	position: absolute;
	left: -2px;
	top: -2px;
	color: #000;
}
div.rounded-box {
    width: 9em;
    background-color: #E6E6E6;
    margin: 3px;
}
div.top-left-corner, div.bottom-left-corner, div.top-right-corner, div.bottom-right-corner {
	position: absolute;
	width: 20px;
	height: 20px;
	background-color: #FFF;
	overflow:hidden;
}
div.top-left-inside, div.bottom-left-inside, div.top-right-inside, div.bottom-right-inside {
	position: relative;
	font-size: 150px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #E6E6E6;
	line-height: 40px;
}
div.top-left-corner {
	top: 0px;
	left: 0px;
}
div.bottom-left-corner {
	bottom: 0px;
	left: 0px;
}
div.top-right-corner {
	top: 0px;
	right: 0px;
}
div.bottom-right-corner {
	bottom: 0px;
	right: 0px;
}
div.top-left-inside {
	left: -8px;
}
div.bottom-left-inside {
	left: -8px;
	top: -17px;
}
div.top-right-inside {
	left: -25px;
}
div.bottom-right-inside {
	left: -25px;
	top: -17px;
}
div.box-contents {
	position: relative;
	padding: 8px;
	color: #000;
}
/** try - End **/


fieldset, img {  
	border: 0; 
} 
address, caption, cite, code { 
	font-style: normal; 
	font-weight: normal; 
} 
ul { 
	list-style: none; 
} 
caption,th { 
	text-align: left; 
} 
h1, h2, h3, h4, h5, h6 { 
	font-size: 100%; 
	font-weight: normal; 
} 
q:before, q:after { 
	content: ''; 
} 
abbr, acronym { 
	border: 0; 
}
/*Base Styles*/
body {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	color: #4b090d;
}
/*Load ASAP*/
#masthead h1 {
	height: 76px;
	display: block;
	text-indent: -9999px;
	background: url(images/bannerMain.png) no-repeat left top;
}
#masthead h1 a {
	width: 285px;
	height: 100%;
	display: block;
	outline: none;
}
#leftSidebar, #content p,
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, 
#content pre, #content ol, #content ul {
	margin: 0 10px 0 10px;
	padding: 10px 0;
}

#contentFloatingHeight p, #contentFloatingHeight h1, #contentFloatingHeight h2,
#contentFloatingHeight h3, #contentFloatingHeight h4, #contentFloatingHeight h5,
#contentFloatingHeight h6, #contentFloatingHeight pre, #contentFloatingHeight ol, #contentFloatingHeight ul {
	/*Arun margin: 0 10px 0 10px;*/
}

#contentWide p, 
#contentWide h1, #contentWide h2, #contentWide h3, #contentWide h4, #contentWide h5, #contentWide h6, 
#contentWide pre, #contentWide ol, #contentWide ul {
	margin: 0 30px 0 30px;
}

#contentWideFloatingHeight p, 
#contentWideFloatingHeight h1, #contentWideFloatingHeight h2, #contentWideFloatingHeight h3,
#contentWideFloatingHeight h4, #contentWideFloatingHeight h5, #contentWideFloatingHeight h6, 
#contentWideFloatingHeight pre, #contentWideFloatingHeight ol, #contentWideFloatingHeight ul {
	margin: 0 30px 0 30px;
}

#contentMediumFloatingHeight p, 
#contentMediumFloatingHeight h1, #contentMediumFloatingHeight h2, #contentMediumFloatingHeight h3, 
#contentMediumFloatingHeight h4, #contentMediumFloatingHeight h5, #contentMediumFloatingHeight h6, 
#contentMediumFloatingHeight pre, #contentMediumFloatingHeight ol, #contentMediumFloatingHeight ul {
	margin: 0 30px 0 30px;
}

#contentMedium p, 
#contentMedium h1, #contentMedium h2, #contentMedium h3, #contentMedium h4, #contentMedium h5, #contentMedium h6, 
#contentMedium pre, #contentMedium ol, #contentMedium ul {
	margin: 0 30px 0 30px;
}

#leftSidebar p{
	margin: 0 5px 0 5px;
}

.whiteLink {
	color: #fff;
	text-decoration:none;
}

a, a:visited, a:active {
	color: #006699;
	text-decoration: none;
}
a:hover {
	color: #0099ff;
	text-decoration: underline;
}

a:link img, a:visited img, a:active img {
	border: 3px solid #e1e1e1;
	text-decoration: none;
}

a:hover img {
	border: 3px solid #464646;
}
.floatRight {
	float: right;
}
.floatLeft {
	float: left;
}
.clear {
	clear: both;
}
.clearLeft {
	clear: left;
}

.vertTop {
	vertical-align: top;
}

h1, h2, h3, h4, h5, h6 {
	color: #000;
	font-weight: bold;
}

div.navigation {
	margin-left: 50px;
	margin-bottom: 20px;
}
/*------------/*

/*Layout*/
#wrapper { 
	margin: 0 auto; 
	width: 970px;
	text-align: left;
}
#inner { 
	width: 970px; 
	float: left; 	
	background: #f5f7f2 url(images/backgroundContent.png) no-repeat left 120px;
}
/* Masthead (Header) */
#masthead {
	width: 970px; 
	height: 70px;
	margin: 0 auto;
	background: #fff url(images/bg_masthead.jpg) repeat-x left top;
}
#masthead ul {
	display: block;
	width: 100%;
}
#masthead ul li {
	display: block;
	width: 110px;
	float: left;
	line-height: 30px;
	text-align: center;
}
#masthead ul li a {
	color: #600000;
	text-decoration: none;
}
#masthead ul li a:hover {
	color: #600000;
	border-bottom: 1px solid #600000;
}

.scheduledAppointmentType {
	font-size: 12px;
	text-align: center;
	width: 100px;
}

#myApptsCalendarHeader {
	height: 35px;
}

#myApptsCalendarHeader div {
	float: left;
	height: 25px;
	padding-top: 3px;
}
#previousMonth div {
	width: 30px;
}
#currentMonth div {
	width: 100px;
}
#nextMonth div {
	width: 30px;
	float: right;
}

.calendarHeader1 {
	text-align: left;
	width: 40%;
}

.calendarHeader2 {
	text-align: center;
	width: 35%;
	font-weight: bold;
}

.calendarHeader3 {
	text-align: right;
	width: 25%;
}

#imageloop {
	position: relative !important;
	float: right !important;
	width: 300px !important;
	height: 300px !important;
}
#imageloop img {
	position: absolute !important;
	display: block !important;
	float: left !important;
	top: 0 !important;
	right: 0 !important;
}

.donorLoginHomeCol1 {
	vertical-align: top;
}

.donorLoginHomeCol2 {
	vertical-align: top;
}

.topHeaderCol1 {
	text-align: right;
	width: 900px;
	height: 14px;
}

.centerHoursCol1, .centerHoursCol2, .centerHoursCol3,
.appointmentSetupCol1, .appointmentSetupCol2, .appointmentSetupCol3,
.scheduleDisplayCol1, .scheduleDisplayCol2 {
	vertical-align: top;
}

.centerHoursCenterAddressRowContainer {
	float: left;
	clear: right;
	margin-bottom: 4px;
}

.centerHoursCenterAddressLabelSide {
	float: left;
	width: 100px;
	margin-left: 20px;
	text-align: left;
}

.donor1DayCol1 {
	width: 15%;
	text-align: left;
}

.donor1DayCol2 {
	width: 70%;
	text-align: center;
}

.donor1DayCol3 {
	width: 15%;
	text-align: right;
}

.donor1DayCalendarCol1 {
	width: 5%;
	text-align: left;
}

.donor1DayCalendarCol2 {
	width: 60%;
	text-align: center;
}

.donor1DayCalendarCol3 {
	width: 30%;
	text-align: right;
}

.staff3DayCol1 {
	width: 300px;
	vertical-align: top;
}
.staff3DayCol2 {
	width: 300px;
	vertical-align: top;
}
.staff1DayCol1 {
	width: 450px;
	vertical-align: top;
}
.staff1DayCol2 {
	width: 25px;
	vertical-align: top;
}
.staff1DayCol3 {
	width: 350px;
	vertical-align: top;
}
.cal1MonthCol1 {
	vertical-align: top;
}

.cal1MonthCol2 {
	vertical-align: bottom;
}
.childCareCol1 {
	font-size: 12px;
	width: 150px;
}
.childCareCol2 {
	font-size: 12px;
	width: 150px;
}
.childCareCol3 {
	font-size: 12px;
	width: 150px;
}

headerText {
	white-space: nowrap;
}

.appointmentTime {
	font-size: 12px;
	width: 75px;
	white-space: nowrap;
}

.appointmentTypeCol1 {
	font-size: 12px;
	width: 150px;
	white-space: nowrap;
}

.appointmentTypeCol2 {
	font-size: 12px;
	width: 60px;
}

.appointmentTypeCol3 {
	font-size: 12px;
	width: 30px;
	cursor: pointer;
}

.generalSetupCol1 {
	width: 60px;
}

.generalSetupCol2 {
	width: 400px;
}

.generalSetupCol3 {
	width: 200px;
}

.generalSetupCol4 {
	width: 25px;
}

.generalSetupCol5 {
	width: 100px;
}

.donorRegistrationCol1 {
	width: 160px;
	text-align: right;
}

.donorRegistrationCol2 {
	width: 200px;
	text-align: left;
}

.donorRegistrationCol3 {
	width: 290px;
	text-align: left;
}

.donorProfileCol1 {
	width: 180px;
	text-align: right;
	vertical-align: top;
}

.donorProfileCol2 {
	width: 420px;
	vertical-align: top;  
}

.donorProfileCol3 {
	width: 200px;
	vertical-align: top;
	padding-left: 1px;
}

.donorPhoneCol1 {
	text-align: left;
	vertical-align: top;
}

.donorPhoneCol2 {
	width: 15px;
	text-align: left;
	vertical-align: top;  
}

.donorPhoneCol3 {
	width: 15px;
	text-align: left;
	vertical-align: top;    
}

.emergencyContactCol1 {
	width: 80px;
	text-align: right;
}

.emergencyContactCol2 {
	width: 250px;
}

.emergencyContactCol2Button {
 	width: 450px;
}

.emergencyContactCol3 {
	width: 400px;
	padding-left: 1px;
}

.emergencyContactCol3Button {
	width: 200px;
	padding-left: 1px;
}

.emergencyContactCol4 {
	width: 200px;
}

.notificationPreferencesCol1 {
	width: 20px;
}

.notificationPreferencesCol2 {
	width: 100px;
}

.notificationPreferencesCol3 {
	width: 100px;
}

.notificationPreferencesCol4 {
	width: 200px;
}

.notificationPreferencesCol5 {
	width: 150px;
}

.notificationPreferencesCol6 {
	width: 100px;
}

.notificationPreferencesReminderCol1 {
	width: 20px;
}

.notificationPreferencesReminderCol2 {
	width: 100px;
}

.notificationPreferencesReminderCol3 {
	width: 150px;
}

.notificationPreferencesReminderCol4 {
	width: 100px;
}

.notificationPreferencesReminderCol5 {
	width: 100px;
}

.marketingPromoCol1 {
	width: 100px;
}

.marketingPromoCol2 {
	width: 100px;
}

.marketingPromoCol3 {
	width: 200px;
}

.marketingPromoCol4 {
	width: 200px;
}

/*Content*/
#content {
	width: 568px;
	height: 400px;
	float: left;
	margin: 0;
}
#promoMain  {
	width: auto;
	height: 398px;
	float: right;
	margin: 0;
	padding: 0;
}
#promoMain img  {
	width: 568px; 
	height: 398px;
}
#contentFloatingHeight {
	width: 550px;
	float: left;
}
#contentWide {
	width: 935px;
	height: 500px;
	float: left;
}
#contentWideFloatingHeight {
	width: 935px;	
	float: left;
}

#contentMedium {
	width: 725px;
	height: 500px;
	float: left;
}

#contentMediumFloatingHeight {
	width: 725px;
	float: left;
}

#content div.article, #contentFloatingHeight div.article, 
#contentWide div.article, #contentWideFloatingHeight div.article, 
#contentMedium div.article, #contentMediumFloatingHeight div.article {
	margin-bottom: 40px;
}

#content ul, #content ol, #contentFloatingHeight ul, #contentFloatingHeight ol, 
#contentWide ul, #contentWide ol, #contentWideFloatingHeight ul, #contentWideFloatingHeight ol, 
#contentMedium ul, #contentMedium ol, #contentMediumFloatingHeight ul, #contentMediumFloatingHeight ol  {
	margin-bottom: 15px;
}
#content ul li, #contentFloatingHeight ul li, #contentWide ul li, #contentWideFloatingHeight ul li, 
#contentMedium ul li, #contentMediumFloatingHeight ul li {
	padding-left: 20px;
	margin-bottom: 5px;
	margin-left: 20px;
}
#content ol li, #contentFloatingHeight ol li, #contentWide ol li, #contentWideFloatingHeight ol li, 
#contentMedium ol li, #contentMediumFloatingHeight ol li  {
	margin-left: 40px;
	margin-bottom: 5px;
}
#content h2, #contentFloatingHeight h2,  #contentWide h2, #contentWideFloatingHeight h2, 
#contentMedium h2, #contentMediumFloatingHeight h2 {
	display: block;
	border-top: 1px solid #cccccc;
}
#content h2, #content h2 a, #content h2 a:visited, #content h2 a:active, 
#contentWide h2, #contentWide h2 a, #contentWide h2 a:visited, #contentWide h2 a:active, 
#contentMedium h2, #contentMedium h2 a, #contentMedium h2 a:visited, #contentMedium h2 a:active {
	font: bold 26px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	line-height: 26px;
	text-decoration: none;
}
#content h2 a:hover, #contentWide h2 a:hover, #contentMedium h2 a:hove {
	text-decoration: underline;
}
#content h3, #contentWide h3, #contentMedium h3 {
	font: bold 17px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 24px;
	padding-bottom: 5px;
}
#content h4, #contentWide h4, #contentMedium h4 {
	color: #333333;
	font-size: 15px;
	line-height: 15px;
	padding-top: 5px;
	padding-bottom: 3px;
}
#content p, #contentWide p, #contentMedium p  {
	line-height: 20px;
	margin-bottom: 15px;
}
#content p.meta, #contentWide p.meta, #contentMedium p.meta {
	font-size: 11px;
	padding-bottom: 20px;
	color: #999999;
	line-height: 11px;
	display: block;
	background: url(images/dots_horizontal.jpg) repeat-x bottom left;
}
#content p.meta span.authorInfo, #contentWide p.meta span.authorInfo, #contentMedium p.meta span.authorInfo {
	float: left;
}
span.metaComment {
	float: left;
	padding-left: 20px;
	margin-left: 5px;
}

#content a.more-link, #contentWide a.more-link, #contentMedium a.more-link  {
	text-decoration: none;
	display: block;
	height: 26px;
	width: 140px;
	line-height: 26px;
	text-align: center;
	background: #fff url(images/bg_masthead.jpg) repeat-x left top;
	color: #CCCCCC;
}
#content a.more-link:hover, #contentWide a.more-link:hover, #contentMedium a.more-link:hover {
	text-decoration: underline;
}
/*Comments*/
#comments {
	font-size: 12px;
	margin-left: 0;
}
#comments p {
	line-height: 15px;
}
#comments form {
	margin-left: 40px;
}
#comments a {
	color: #003366;
}
h3.commentSum {
	border-top: 5px solid #CCCCCC;
	display: block;
	background: #fff url(images/dots_horizontal.jpg) repeat-x bottom left;
}

#comments span img.gravatar {
	float: right;
	width: 80px;
	height: 80px;
}

#comments h5 {
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}
#comments h5 a {
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	text-decoration: none;
}
#comments h5 a:hover {
	text-decoration: underline;
}
p.userCommentDate {
	color: #999999;
}
div.userComment {
	padding: 15px 0;
	background: url(images/dots_horizontal.jpg) repeat-x bottom left;
	color: #333333;
}
div.authorComment {
	padding: 15px 0;
	background: #e5e5e5 url(images/dots_horizontal.jpg) repeat-x bottom left;
}
#comments p.commentDate {
	font-size: 11px;
	color: #999999;
	line-height: 11px;
}

/*Sidebar*/
#leftSidebar {  
	width: 175px;
	float: left;
}
#sidebar {
	width: 200px;
	float: right;
	margin: 0;
	padding: 0;
	border-left: 7px solid #fff;
	background: #94dded;
}
#sidebar #promotion a,
#sidebar #promotion img,
#sidebar #promotion img:hover {
	border: none;
	border-collapse: collapse;
	padding: 0;
	margin: -1px 0;
}
span.sideCommentNum {
	padding-left: 14px;
}

/*Comments*/
#sidebar h2 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 0 0 0;
	margin-bottom: 5px;
	border-top: 5px solid #e5e5e5;
}
#sidebar h2, #sidebar ul, #sidebar ol, #sidebar p, #sidebar div {
	margin: 0 35px 5px 15px;
}
#sidebar div#promotion {
	margin: 0  0 30px 0;
}
#sidebar ul {
	font-size: 12px;
	margin-bottom: 30px;
}
#sidebar ul li {
	padding-top: 5px;
	display: block;
	background: transparent url(images/dots_horizontal.jpg) repeat-x left top;
}
#sidebar ul li a:link, #sidebar ul li a:visited, #sidebar ul li a:active {
	font: normal 12px/12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#sidebar ul li a:hover {
	text-decoration: underline;
}
#sidebar ul li.topCommenter {
	font-weight: bold;
}
#sidebar ul li.topCommenter a {
	font-weight: normal;
	display: block;
}
blockquote {
	color: #333333;
	font-style: italic;
	border-top: 1px solid #989898;
	border-bottom: 1px solid #989898;
	background-color: #e9e9e9;
}
#content blockquote p, #contentWide blockquote p, #contentMedium blockquote p {
	margin: 0;
}

/* Toolbar */
#toolbar {
	float: left;
	background: #c0d669 url(images/navbarMain.png) repeat-y left top;
	height: 35px;
	width: 100%;
	border: none;
	border-top: 7px solid #fff;
}
#toolbar ul {
	margin: 0px;
	padding: 0px;
	line-height: 35px;
	white-space: nowrap;
}
#toolbar li {
	list-style-type: none;
	display: inline;
	color: #000273;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Verdana, sans-serif; 
}
#toolbar li a {
	padding: 0px 6px 0px 10px;
	color: #000273;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Verdana, sans-serif;
}

#toolbar li span.userName {
	padding-left: 20px;
}

#toolbar li a:hover {
	text-decoration: underline;
}
/*Footer*/
#footer {
	clear: both;
	margin: 0 auto;
	height: 70px;
	padding-top: 50px;
	padding-left: 20px;
	background: #fff url(images/footer.png) no-repeat left top;
}
#footer p {
	margin-left: 20px;
	color: #fff;
	font-size: 11px;
	line-height: 40px;
}
/*special styles for articles*/
ul#vistamenu {
	display: block;
	width: 608px;
}
ul#vistamenu li {
	display: block;
	width: 152px;
	float: left;
	list-style: none;
}

/*image border*/
#content p img, #contentWide p img, #contentMedium p img {
	border: 1px solid #CCCCCC;
	padding: 4px;
}
#comments img.avatar {

}

/*pre tag*/
#content pre, #contentWide pre, #contentMedium pre { 
	border: 1px solid #e1e1e1; 
	background-color:#ebebeb; 
	font-size:12px;  
}

/*captions*/
#content span.figure-caption, #contentWide span.figure-caption, #contentMedium span.figure-caption  { 
	display: block; 
	width: 100%; 
	font-weight: bold; 
	font-size: 11px; 
	color: #666666; 
}

/*promotions*/
#sidebar ul.promotions li a, #sidebar ul.promotions li a img {
	border: none;
}

/* Buttons */
.btn_L {
	background: url(images/bttn_L.png)  no-repeat left top;
	padding-left: 4px;
	display: inline-block;
	margin-right: 15px;
	background-repeat: no-repeat;
	height: 20px;
}

input.btn {
	background: #ff9a00 url(images/bttn_R.png)  no-repeat right top;
	color: #000273;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border: none;
	cursor: pointer;
	padding: 0px 8px 2px 4px;
	height: 19px;
}

.btn_L_red_BG {
	background: url(images/bttn_L_red_BG.png)  no-repeat left top;
	padding-left: 4px;
	display: inline-block;
	margin-right: 15px;
	background-repeat: no-repeat;
	height: 20px;
}

input.btn_red_BG {
	background: #ff9a00 url(images/bttn_R_red_BG.png)  no-repeat right top;
	color: #000273;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border: none;
	cursor: pointer;
	padding: 0px 8px 2px 4px;
	height: 19px;
}
      
input.btnhov {
	border-top-color: #c63;
	border-left-color: #c63;
	border-right-color: #930;
	border-bottom-color: #930;
}   
   
h1 { 
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 22px;
	text-transform: lowercase;
	font-weight: normal;
	color: #d21034 !important;
}

.subHeader { 
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #d21034 !important;
}

/* Arun - drop shadow - Start */
.shd {
	display: block;
	position: relative;
	margin: 4px -4px -4px 4px;
}

/* ie6 ignores this selector */
html>body .shd {
	/* Arun margin: 10px -10px -10px 10px;*/
}

/* shadow corners */
.shd:before,
.shd:after {
	content: " ";
	display: block;
	width: 10px;
	height: 10px;
	background: inherit;	
}

.shd:before {
	position: absolute;
	top: 0;
	right: 0;
	margin: -10px 0 0 auto;
	background-position: right top;
}

.shd:after {
	margin: -10px 0 0 -10px;
	background-position: left bottom;
}

.shd .inner {
	display: block;
	position: relative;
	overflow: hidden; /* prevents margin leakage from child elements */
	left: -4px;
	top: -4px;
}

/* ie6 ignores this selector */
html>body .shd .inner {
	left: -10px;
	top: -10px;
	margin: 0;
}


/* helper classes (not shd related) */

.demo-shd {
	position: relative;
	border: 1px solid #999;
	padding: 10px;
}

.clear {
	clear: both;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0;
	border: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}

.left {
	float: left;
	display: inline; /* fixes ie double margin-left bug */
}

.right { 
	float: right; 
}

.note {
	width: 200px;
	border: 1px solid #666;
	padding: 10px;
	background: #ffc;
	color: #333;
}

.ApplicationContextError  { 
    color: #FF0000; 
    font-family: Arial, Helvetica, sans-serif;
    font-size : 12px;
    font-weight: bold;
}

.Messages { 
    color : #FF0000; 
    font-family: Arial, Helvetica, sans-serif;
    font-size : 12px;
    font-weight: bold;
}

.ModalMessages {     
    font-family: Arial, Helvetica, sans-serif;
    font-size : 12px;    
}

.ValidateError { 
    color : #FF0000; 
    font-family: Arial, Helvetica, sans-serif;
    font-size : 12px;
    font-weight: bold;
}

.InfoMessage { 
    color : #FF0000; 
    font-family: Arial, Helvetica, sans-serif;
    font-size : 12px;
    font-weight: bold;
}

.blueInfoMessage { 
    color : #000273; 
    font-family: Arial, Helvetica, sans-serif;
    font-size : 95%;
    font-weight: bold;
}

.successfulMessage{ 
    color : #000273; 
    font-family: Arial, Helvetica, sans-serif;
    font-size : 95%;
    font-weight: bold;
}

.ExceptionError  { 
    color : #FF6347; 
    font-family: Arial, Helvetica, sans-serif;
    font-size : 95%;
    font-weight: bold;
}

.LogonError { 
    color: red; 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 95%;
    font-weight: bold;
    font-style: italic;
}
/* Arun - drop shadow - End */

.donorRegLabelSide {
	display: inline-block;
	text-align: right;
	width: 180px;
	margin-left: 21px;
	margin-right: 3px;
}
.donorRegLabelContainer {
	margin-bottom: 4px;
}
.donorRegButtonContainer {
	margin-top: 20px;
	margin-left: 204px;
}
.donorRegButtonContainer {
	margin-top: 20px;
	margin-left: 204px;
}
.reportFilterControlContainer {
	margin-top: 7px;
	margin-bottom: 4px;
	margin-left: 100px;								
}
.reportFilterLabelContainer {
	margin-top: 20px;
	margin-bottom: 30px;
}
.reportFilterFieldSide {
	display: inline-block;				
	padding-left: 15px;				
}
.reportFilterLabelSide {
	display: inline-block;
	width: 100px;
	text-align: right;
}
.reportFilterButtonContainer {			
	margin-top: 20px;
	margin-left: 215px;								
}
.setupFilterFieldSide {
	display: inline-block;				
	padding-left: 15px;
	padding-bottom: 5px;				
}
.setupFilterLabelSide {
	display: inline-block;
	width: 40px;
	text-align: right;
	padding-bottom: 5px;
}	
.setupDisplayLabelLeftSide {
	float: left;
	width: 150px;
	text-align: left;
}
.setupDisplayLabelRightSide {
	float: left;
	width: 100px;
	text-align: left;
}
.setupDisplayMiddleColumn {
	float: left;				
	padding-left: 10px;	
	width: 80px;
}
.setupDisplayFieldSide {
	float: left;				
	padding-left: 10px;
}						
.scheduleDisplayControlContainer {
	float: left;
	margin-top: 1px;			
	margin-left: 10px;								
}
.panelScheduleDisplay {
	float: left;
	height: 150px;
	border: 1px solid #000273;
	padding: 1px;
	background-color: #FFF;
	font: normal normal normal 11px Arial, Helvetica, sans-serif;
	color: #000;
}
.panelLeftScheduleDisplay {
	width: 330px;
}
.panelRightScheduleDisplay {
	width: 190px;
}
.panelSetupDisplay {
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 0px;
	border-left: 0px;
	border-right: 0px;
}
.appointmentTableHeader {
	background-color: #ECF4FE; 
	color: #000;
}	
.addressLabelSide {
	display: inline-block;
	text-align: left;
	width: 100px;
	margin-left: 20px;	
}

.checklistItem {
	float: left;
	clear: both;
	margin-top: 15px;
}

.checklistItem img, .checklistItem div {
	float: left;
}
.newHourOfAdj {
	float: left;
	width: 100px;
}
.newHourOfAdj2 {
	margin-bottom: 5px;
}
.leftPnlHdrQuickPhysical {
    background-color: #ECF4FE;
    height: 14px;
    text-align: left;
    vertical-align: middle;
    padding: 2px 0px 2px 2px;
    color: black;
    border: 1px solid #000273;
}
.selectDonorPadding {
	padding: 5px 0px 0px 5px;
}
.leftPnlLastPhysical {
	background: #ffffff; 
	padding: 5px; 
	border: 1px solid #7e8181;
}

#promoSetupCheckBoxes tr td {
	display: inline-block;
	margin-right: 15px;
}

.loginHomePanel {
	padding-bottom: 15px;
}

.confirmationModalPanel {
	font-size: 15px;
}
.confirmationModalPanel div {
	float: left;
}
.confirmationModalPanel div.subsection {
	margin-top: 10px;
}
.confirmationModalPanel .labelSide {
	width: 160px;
	text-align: right;
}
.confirmationModalPanel .buttonLeftPadding {
	padding-left: 168px;
}
.declamation {
	margin-left: 30px; 
	margin-bottom: 10px;"
}