﻿body        { color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.altcolor,
.altText    { color:#616161; }
    
.pageHeading,
.pageheading    { color:#000000; font-size:24px; font-weight:normal; }
.heading        { color:#000000; font-size:21px; font-weight:normal; }
.subHeading,
.subHeading1    { color:#000000; font-size:20px; font-weight:normal; font-family:Tahoma, Arial, Sans-Serif; }
.subHeading2    { color:#000000; font-size:17px; font-weight:normal; font-family:Tahoma, Arial, Sans-Serif; }
.subHeading3    { color:#333333; font-size:15px; font-weight:bold; }

hr       { }
hr.space { }
.hr      { }

p        { }
p.normal { }
p.fancy  { }

a { text-decoration: none; color:#0D71AD; }
a:focus, a:hover { text-decoration: none; color:#09486F; }

.buttonContainer a,
.buttonContainer button      { background-image:url(../images/buttons/button.jpg); padding-right:15px; height:22px; font:11px Arial, Helvetica; color:#FFFFFF; font-weight:normal; }
.buttonContainer a span,
.buttonContainer button span { background-image:url(../images/buttons/button.jpg); padding-left: 15px; height:22px; line-height:20px; }
.buttonContainer a:hover     { color:#FFFFFF; text-decoration:none; }

div.errormsg { background-color:#42963A; color:White; font-size:11px; padding:5px; border:solid 5px #74C76D; }

.termsAndConditions 	{ height:160px;font-size:10px; overflow:scroll; background:#EFEFEF; border:solid 1px #000000; padding:10px; line-height:1.4em; }




/* ==| Volunteer Manager Form | == */
.volunteer .sortText { color:#333333;}
.volunteer .arrow	{ cursor: pointer; }
.volunteer .arrow-collapse{ background:transparent url(../images/volunteer/upArrow.jpg) left top no-repeat; }
.volunteer .arrow-expand{ background:transparent url(../images/volunteer/downArrow.jpg) left top no-repeat; }
.volunteer .shiftSectionWrapper { border-bottom: 1px solid #000000; }
.volunteer .mainContainer { color:#333333; border-bottom: 1px solid #B2B2B2; }
.volunteer .mainContainer h3 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#0D71AD; }
.volunteer .mainContainer h4 { border-bottom:1px solid #CEE6F6; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#666666; font-weight:bold;}	
.volunteer .mainContainer .innerContainer { background-color:#E4F2F7; }
.volunteer .shiftHeaders { font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; }
.volunteer .shiftItem, 
.volunteer .fieldContainer label, 
.volunteer .fieldContainer .fieldLegend{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000000; }
.volunteer .shiftItem .hr { background-color:#BABABA; }	
.volunteer .shift .fieldContainer.checkbox	{ padding-top:4px; }
.volunteer .shifts .password { background-color:transparent; }
.volunteer .shifts .password label { font-weight:bold; color:#666; font-size:12px; }

.shifts .password input { border:1px solid #000000;}

#lbl_termsAccept { width:650px; margin-right: 0 !important;}
#div_termsAccept { padding:0 0 20px 0 !important;}

.categoryName { display:inline-block; padding:0 4px 0 0;}
.tooltipIcon { display:inline-block; background:transparent url(../images/volunteer/tooltip.png) left top no-repeat; height:16px; width:16px;}
.tooltip { background:#FFFFFF; border:solid 2px #F9C125; color:#000000; padding:10px; width:250px; white-space:normal; text-align:left;}

/* ==| Volunteer Manager Confirmation | == */
#VolunteerConfirmationWpr {}
#VolunteerConfirmationWpr .confirmationItemWpr {}
#VolunteerConfirmationWpr .InformationCt { background-color:#E4F2F7; color:#333; }
#VolunteerConfirmationWpr .contactTable .innerWpr { padding:20px;}
#VolunteerConfirmationWpr .heading { font-size:16px; font-weight:normal; color:#000000; text-align:left; line-height:normal; padding:0;}
#VolunteerConfirmationWpr .name { font-weight:bold;}
#VolunteerConfirmationWpr .title { background-color:#CDE7EF; font-size:14px; font-weight:bold; color:#427FBA; height:34px; line-height:34px; padding: 0 0 0 20px;}
#VolunteerConfirmationWpr .subtitle { color:#666666; font-weight:bold; padding:4px 0 0 20px;}
#VolunteerConfirmationWpr .formItem { padding:8px 0 8px 20px;}
#VolunteerConfirmationWpr .spacer { border-bottom:solid 1px #000000;}

