body{font-size:16px;line-height:normal;font-family:Arial, Helvetica, sans-serif;color:#777;}
h1, h2, h3, h4, h5, form, table, td, p, a, ul{margin:0;padding:0;}
a{font-weight:normal;text-decoration:underline;cursor:pointer;color:#7C9C20;}
a:hover{color:#000;}
h1{font-size:30px;line-height:30px;font-weight:normal;color:#7C9C20;padding:0 0 10px 0;}
h2{font-size:19px;line-height:19px;font-weight:normal;color:#333;padding:0 0 10px 0;}
h3{font-size:18px;line-height:19px;font-weight:normal;padding:0 0 10px 0;}
p{padding:0 0 10px 0;margin:0;}

.top{float:right;}
.bold{font-weight:bold;}
.grey_button{font-weight:bold;}
.small{font-size:11px;}
.message{color:#02CDE4;font-size:18px;padding:0 0 10px 0;}
.error{color:#990000;}
.instructions{font-weight:bold;}
p.image{font-size:11px;}
#back_button{text-indent:-2000px;float:right;font-size:12px;line-height:20px;text-decoration:none;display:block;height:20px;width:60px;background:url(/images/back_button.gif) 0 -20px no-repeat;}
#back_button:hover{background-position:0 0;}
#back_button.centered{float:none;margin:0 auto;}

form, .big_grey_box{padding:20px 0 0 0;margin:0;}
form td{padding:0 10px 10px 0;}
form input{border:#b3b3b3 solid 1px;height:26px;line-height:26px;width:280px;padding:0;margin:0 0 0 0;}
form input.highlight{background:#F4FEE4;}
form select{border:#b3b3b3 solid 1px;}
form textarea{border:#b3b3b3 solid 1px;height:200px;width:280px;max-width:280px;padding:0;margin:0;}
#AgreetoTerms, #EmailUpdates, #TextUpdates{height:auto;width:auto;border:none;}
form .submit_button{margin:0 0 10px 0;display:block;height:32px;width:110px;border:none;background:url(/images/submit_large.gif) 0 -32px no-repeat;text-align:center;cursor:pointer;}
form .login_button{margin:0 0 10px 80px;display:block;height:32px;width:110px;border:none;background:url(/images/login_large.gif) 0 -32px no-repeat;text-align:center;cursor:pointer;}
form .send_password{margin:0 0 10px 0;display:block;height:32px;width:180px;border:none;background:url(/images/send_password.gif) 0 -32px no-repeat;text-align:center;cursor:pointer;}
form .donation{margin:0 0 10px 0;display:block;height:32px;width:180px;border:none;background:url(/images/complete_donation.gif) 0 -32px no-repeat;text-align:center;cursor:pointer;}
form .save_changes{margin:0 0 10px 0;display:block;height:32px;width:180px;border:none;background:url(/images/save_changes.gif) 0 -32px no-repeat;text-align:center;cursor:pointer;}
form .send_message{margin:0 0 10px 0;display:block;height:32px;width:110px;border:none;background:url(/images/send_button.gif) 0 -32px no-repeat;text-align:center;cursor:pointer;}
form .go{margin:0 0 0 0;display:block;height:24px;width:50px;border:none;background:url(/images/go_button.gif) 0 -24px no-repeat;text-align:center;cursor:pointer;}
form .submit_button:hover, form .login_button:hover, form .send_password:hover, form .save_changes:hover, form .donation:hover, form .send_message:hover, form .go:hover{background-position:0 0;}
p.required{padding:0 10px 0 0;margin:0;float:right;text-align:right;}
span.required, form span.small{padding:0 0 0 5px;}

form.search{padding:0;text-align:center;}
form.search input, form.search select{border:#A1E7E9 solid 1px;height:22px;line-height:22px;width:230px;color:#82BEC8;padding:0 0 0 4px;margin:0;}
form.search select{margin:0 0 5px;height:24px;line-height:normal;width:236px;padding:0;}
form.search select option{border:none;background:none;font-size:12px;}
form.search .search_button{margin:10px auto 5px;padding:0;display:block;height:24px;width:78px;border:none;background:url(/images/search.gif) 0 -24px no-repeat;text-align:center;cursor:pointer;}
form.search .search_button:hover{background-position:0 0;}
p.search{padding:0 18px 5px;color:#3C8A8E;font-size:17px;}
div.search{margin:0 0 8px 0;}

.dual_search{margin-bottom:9px;}
.dual_search .box_top{padding:0;}
.dual_search ul{margin:0;padding:0;list-style-type:none;}
.dual_search li{float:left;display:block;width:50%;text-align:center;}
.dual_search li a{display:block;text-align:center;height:20px;width:100%;}
.dual_search li.on a{font-size:16px;display:block;text-decoration:none;color:#3A828B;height:34px;line-height:40px;}
.dual_search li.on a:hover{cursor:default;}
.dual_search li.off a{font-size:14px;display:block;text-decoration:none;color:#6CA8AF;height:34px;line-height:40px;}
.dual_search li.off a:hover{color:#22636B;}
.dual_search p.search{clear:both;padding:12px 18px 5px;color:#3C8A8E;font-size:17px;}
.dual_search form{clear:both;}
#opportunities_search{background:url(/images/box_search_tab1.gif) 0 0 no-repeat;padding:0 0 0 0;}
#OpportunitiesSearchForm p.small{font-size:11px;padding-bottom:6px;color:#6CBABC;}
#micro_grants_search{background:url(/images/box_search_tab2.gif) 0 0 no-repeat;padding:0 0 0 0;}
.minimized{display:none;}
.maximized{display:block;}
#SearchOpportunityDates{padding:5px 17px 5px 14px;line-height:22px;color:#6DC2C4;}
#SearchOpportunityDates td{padding:0;}
#SearchOpportunityStartDate, #SearchOpportunityEndDate{width:68px;}
#OpportunitiesSearchForm #ot{height:78px;margin-bottom:0;}
#OpportunitiesSearchForm td.left{}
#OpportunitiesSearchForm td.middle{padding:0 0 0 5px;}
#OpportunitiesSearchForm td.right{text-align:right;padding:0;}

#volunteersKeyword{margin-bottom:6px;}

form.sign_up{padding:0 6px 0 0;text-align:center;}
form.sign_up input{border:#C4C4C4 solid 1px;height:22px;width:220px;color:#979797;padding:0 0 0 4px;margin:0 0 5px;}
form.sign_up .sign_up_button{margin:6px auto 0 auto;padding:0;display:block;height:24px;width:78px;border:none;background:url(/images/signup.gif) 0 -24px no-repeat;text-align:center;cursor:pointer;}
form.sign_up .sign_up_button:hover{background-position:0 0;}
p.sign_up{padding:4px 18px 8px;color:#676767;font-size:17px;}
form span.desc{font-size:12px;display:block;color:#999;}

#volunteerRegistration, #login, #listinglogin, #organizationApplication, #forgotpasswordlogin, #classifiedListingContactForm, #updateprofile, #createClassifiedListing, #updateClassifiedListing, #opportunityUpdate, #opportunitySubmission, #paymentform, #volunteerUpdateProfile, #requestMicroGrantForm, #contactUsForm, .big_grey_box{background:url(/images/box_grey_large.gif) 0 0 no-repeat;}
#volunteerRegistration table, #login table, #listinglogin table, #organizationApplication table, #forgotpasswordlogin table, #classifiedListingContactForm table, #updateprofile table, #createClassifiedListing table, #updateClassifiedListing table, #opportunityUpdate table, #opportunitySubmission table, #paymentform table, #volunteerUpdateProfile table, #requestMicroGrantForm table, #contactUsForm table, .big_grey_box_inside{background:url(/images/box_grey_large.gif) 0 bottom no-repeat;}
form table table{background:none!important;}
form table table td{padding-bottom:0;}

#becomeafan{padding:0 24px 0 18px;position:relative;white-space:nowrap;}
p.becomeafan{padding:4px 0 8px;margin:0 0 12px 0;border-bottom:#D3D3D3 solid 1px;color:#676767;font-size:17px;}
#becomeafan a{color:#F7F7F7;}
.socialicon{margin:0 10px 0 0;height:46px;width:46px;}
img.last{margin:0;}
#rss{position:absolute;top:0;right:0;text-align:right;padding:6px 28px 0 0;}
#rss .close{float:right;color:#000;text-decoration:none;font-weight:bold;padding:0 0 0 10px;}

.box_top{background:url(/images/box_top_blue.gif) 0 0 no-repeat;padding:18px 0 0 0;}
.box_bottom{height:18px;background:url(/images/box_bottom_blue.gif) bottom left no-repeat;}
.box_inside_top{padding:10px 0 0 0;width:244px;margin:0 auto;background:url(/images/box_inside_top_blue.gif) 0 0 no-repeat;}
.box_inside_bottom{height:12px;background:url(/images/box_inside_bottom_blue.gif) bottom left no-repeat;}
.box_inside{padding:4px 12px 0;font-size:12px;line-height:15px;}
.box_inside p{padding:0;color:#888;}

.box_grey_small_sides{background:url(/images/box_grey_small_sides.gif) 0 0 repeat-y;}
.box_grey_small_top{background:url(/images/box_grey_small_top.gif) 0 0 no-repeat;padding:25px 0 0 0;}
.box_grey_small_bottom{height:18px;background:url(/images/box_grey_small_bottom.gif) bottom left no-repeat;}

.box_grey_big_sides{background:url(/images/box_grey_big_sides.gif) 0 0 repeat-y;}
.box_grey_big_top{background:url(/images/box_grey_big_top.gif) 0 0 no-repeat;padding:25px 0 0 0;}
.box_grey_big_bottom{height:18px;background:url(/images/box_grey_big_bottom.gif) bottom left no-repeat;}

.box_grey_sidebar_sides{background:url(/images/box_grey_sidebar_sides.gif) 0 0 repeat-y;}
.box_grey_sidebar_top{background:url(/images/box_grey_sidebar_top.gif) 0 0 no-repeat;padding:10px 0 0 0;}
.box_grey_sidebar_bottom{height:14px;background:url(/images/box_grey_sidebar_bottom.gif) bottom left no-repeat;}

.box_info{width:225px;padding-top:12px;background:url(/images/box_info.gif) 0 0 no-repeat;}
.box_info_bottom{padding:0 17px 18px 12px;background:url(/images/box_info.gif) 0 bottom no-repeat;}

.box_info_bottom div{padding:0 0 5px 0;font-size:12px;}

.sidebar{margin:0 0 15px 5px;}

#categoryNav{padding:/*6px 20px 0 15px*/0;margin-bottom:0px;}
#categoryNav ul{margin:0;padding:0;list-style-type:none;}
#categoryNav ul.catNav{padding:40px 25px 0 35px;}
#categoryNav ul ul{/*border-top:#DADADA solid 1px;*/margin:4px 0 0 0;padding:8px 0 0px 0;}
#categoryNav li a{font-size:20px;color:#767676;text-decoration:none;cursor:default}
/*#categoryNav li a:hover{color:#000;}*/
#categoryNav li li{background:none;padding:0 0 0 0;}
#categoryNav li li a, #categoryNav li.current li a{font-size:18px;color:#959595;line-height:21px;}
#categoryNav li li a:hover, #categoryNav li.current li a:hover{/*color:#000;*/}
#categoryNav li.current a{color:#666;}
#categoryNav li.current li.current a{color:#767676;}

#categoryNav ul ul ul{border-top:none;/*border-bottom:#DADADA solid 1px;*/margin:0 0 0px 0;padding:2px 0 10px 0;}
#categoryNav li li li{padding:0 0 0 20px;}
#categoryNav li.current li.current li a{color:#959595;}
#categoryNav li.current li.current li a:hover{color:#333;}
#categoryNav li li li a, #categoryNav li.current li li a, #categoryNav li li.current li a{font-size:16px;line-height:19px;display:block;}
#categoryNav li li li a:hover, #categoryNav li.current li li a:hover{color:#333;cursor:pointer;}
#categoryNav li li.current li.current{background:url(/images/arrow.gif) 4px 5px no-repeat;}
#categoryNav li li.current li.current a{color:#000;}

#categoryNav .box_top{padding:0;background:url(/images/box_grey_tab1.gif) 0 0 no-repeat;}
#categoryNav ul.navs{margin:0;padding:0;list-style-type:none;}
#categoryNav ul.navs li{float:left;display:block;width:50%;text-align:center;}
#categoryNav ul.navs li a{display:block;text-align:center;height:20px;width:100%;cursor:pointer;}
#categoryNav ul.navs li.on a{font-size:16px;display:block;text-decoration:none;color:#454545;height:34px;line-height:40px;}
#categoryNav ul.navs li.on a:hover{cursor:default;}
#categoryNav ul.navs li.off a{font-size:14px;display:block;text-decoration:none;color:#767676;height:34px;line-height:40px;}
#categoryNav ul.navs li.off a:hover{color:#333;}

#have_tab{background:url(/images/box_grey_tab1.gif) 0 0 no-repeat;padding:0 0 0 0;}
#need_tab{background:url(/images/box_grey_tab2.gif) 0 0 no-repeat;padding:0 0 0 0;}

#categoryNav .box_bottom{height:18px;background:url(/images/box_grey_tab_bottom.gif) bottom left no-repeat;}


#contactUsDiv{}
#contactUsForm img, #classifiedListingContactForm img{float:left;margin-right:15px;}
input#security_code{float:left;width:115px;}
#contactUsTable td{padding:0 10px 10px 0;}
#contactUsTable td.left{}
#contactUsTable td.right{padding-right:0;}
#contactUsTable .right input, #contactUsTable .right textarea{width:260px;max-width:260px;margin-right:0;}
#Message{height:120px;max-height:120px;float:left;}
#submitDiv{text-align:right;}

.benefits{padding:0 20px 20px 20px;}
.benefits h2{color:#7C9C20;font-size:24px;padding:0 0 15px 0;}
.benefits ul{margin:0;padding:0;list-style-type:none;}
.benefits li{padding:0 0 10px 26px;font-size:16px;/*line-height:30px;*/background:url(/images/check_green.gif) 0 1px no-repeat;}
.benefits .left{padding:0 0 0 0px;}
.benefits .right{/*width:220px;*/padding:0 0 0 8px;}
.benefits img{width:180px;height:125px;margin:0 0 18px 0;border:#ccc solid 1px;}

.list div{clear:both;height:94px;width:650px;padding:6px 20px 0 20px;background:url(/images/box_list.gif) 0 0 no-repeat;line-height:20px;text-align:right;}
.list div:hover{background-position:0 -110px;cursor:pointer;}
.list div a{padding:0 0 0 /*20px*/;color:#237C84;}
.list div a:hover{color:#000;}
.list div a img{border:none;float:left;width:70px;height:70px;margin:4px 20px 0 0;}
.list div h4{margin:5px 0 0;padding:0 0 0 0;font-weight:normal;/*float:left;*/text-align:left;}
.list div h4 a{font-size:20px;line-height:normal;font-weight:normal;text-decoration:none;padding:0;margin:0;text-align:left;}
.list div p{text-align:left;padding-left:90px;}
.list input{width:auto;float:left;margin:0 10px 0;height:22px;border:none;}

/* classified listings */
h3.listing{font-size:12px;font-weight:normal;margin:0;padding:0 0 10px 0;}
h1 .lowlight{color:#999;font-size:26px;}

/* sharing */
#shareWrapper{padding:12px 22px 12px 18px;text-align:center;}
#shareTitle{font-weight:bold;padding:0 0 14px 0;}
#share ul{list-style-type:none;margin:0;padding:0;}
#share li{float:left;width:33%;padding:0 0 8px;}
#share img{height:40px;width:40px;}
#share_more, #share_close{display:none;}

/* Opportunities */
#opportunity h1{padding-top:10px;}
#opportunity h2{font-size:22px;line-height:22px;font-weight:normal;color:#7C9C20;padding:0 0 10px 0;}
#opportunity .rightSide{padding-left:7px;}
#opportunity #image{padding:0 0 10px 0;}
#opportunity #type, #opportunity #link, #opportunity #address, #opportunity #time{padding:10px 0 0 0;}
#opportunity #weatherWrapper{margin:14px 0 0 0;padding:8px 0 0 0;background:url(/images/small_white_box.gif) 0 0 no-repeat;display:block;}
#opportunity #weather{padding:0 0 8px 0;text-align:center;background:url(/images/small_white_box.gif) 0 bottom no-repeat;}
/*#opportunity #weather .wXbody{margin:0 auto;z-index:180px;}*/
#opportunity #weather img{display:block;position:relative;z-index:180;margin:0 auto;}
#opportunity #weather a{text-align:center;display:block;position:relative;z-index:190;margin:-13px 10px 0 10px;background:#fff;font-size:12px;}
#apply_to_volunteer{display:block;height:30px;width:220px;margin:10px 0 5px 0;background:url(/images/apply_to_volunteer.gif) 0 -30px no-repeat;}
#apply_to_volunteer:hover{background-position:0 0;}
#applyDiv{text-align:center;padding:10px 0 0 0;}
#apply_grey{display:block;height:30px;width:220px;margin:0 0 5px 0;background:url(/images/apply_grey.gif) 0 0 no-repeat;}
#embed_code{clear:both;text-align:center;padding:14px 11px 0 0;}
#Embed_Code{width:218px;height:70px;}
p.embed{font-size:12px;}
#opportunity #description{padding:12px 0 12px 0;margin:10px 0 14px;border-top:#DADADA solid 1px;border-bottom:#DADADA solid 1px;}
#opportunity #get_directions{float:right;font-size:12px;line-height:26px;}
#opportunity #map_div{clear:both;width:100%;height:280px;margin:8px 0 0 0;background:#F6F6F6;}
#opportunity .bold{font-weight:bold;color:#7A7A7A;}
#opportunity #map .bold{font-size:18px;line-height:normal;font-weight:normal;}
#opportunity #date .bold, #opportunity #address .bold{display:block;}
#pageNav{background:none;text-align:center;cursor:default;height:auto;}
#pageNav a{text-decoration:none;color:#7C9C20;padding:0 5px;}
#pageNav a:hover{color:#000;}
#pageNav .noLink{padding:0 5px;}
#map_canvas{border:#666 solid 1px; margin:0 0 15px 0;width:auto;position:relative;height:360px;clear:both;}

/* Micro Grants */
#microgrants_home_list h2{padding:20px 0 18px 0;color:#7C9C20;}
#micro_grant h1{padding-top:10px;font-size:26px;}
#micro_grant h2{font-size:22px;line-height:22px;font-weight:normal;color:#7C9C20;padding:0 0 10px 0;}
#micro_grant .rightSide{padding-left:7px;}
#micro_grant #address{padding:10px 0 10px 4px;color:#898989;}
#micro_grant #phone{padding:0 0 10px 4px;color:#898989;}
#micro_grant #fax{padding:0 0 10px 4px;color:#898989;}
#micro_grant #connect p{padding:0 0 4px 4px;color:#898989;}
#micro_grant #description{/*padding:12px 0 12px 0;margin:10px 0 20px;*/font-size:14px;}
#micro_grant #description img{float:left;margin:0 10px 5px 0;}
#micro_grant_info{margin-bottom:15px;padding:15px 65px 15px 45px;border-top:#DADADA solid 1px;border-bottom:#DADADA solid 1px;}
h2#amount_needed, h2#amount_donated{color:#777;padding:0 0 8px;}
#micro_grant #donate{text-align:right;}
div.success{background:url(/images/mg_success.gif) 120px 90px no-repeat;}
#micro_grant #increment_dropdown{clear:both;padding:7px 0 15px 0;}
#donationform{margin:0;padding:0;}
#donationform select{border:#AEC376 solid 1px;background:#FAFEEE;color:#777;font-size:16px;line-height:19px;margin:0 0 0 8px;}
#donationform .donate_button{float:right;margin:0 0 10px 0;display:block;height:32px;width:110px;border:none;background:url(/images/donate.gif) 0 -32px no-repeat;text-align:center;cursor:pointer;}
#donationform .donate_button:hover{background-position:0 0;}
#micro_grant .bold{font-weight:bold;color:#7A7A7A;}
#paymentform td.l{width:200px;}
#paymentform td.r{width:400px;}
#paymentform p{padding:0 70px 10px;}
#paymentform p.required{padding:0 10px 0 0 ;}
#paymentform h3{border-bottom:#ccc solid 1px;margin:0 10px 10px 20px;padding:0 0 15px;}
#CardTypeVISA, #CardTypeMC, #CardTypeAMEX, #CardTypeDISCOVER{width:auto;border:0;}
#paymentform table table{background:none;width:294px;}
#CardNumber{width:170px;}
#CardCVV{width:30px;}
#d{border:#ccc solid 1px;padding:20px;}
#d_print{text-decoration:none;float:right;line-height:16px;}
#d_print img{height:20px;width:21px;margin:0 0 -4px 2px;background:url(/images/print.gif) 0 0 no-repeat;}
#d_print:hover img{background-position:0 -20px;}

/* organizations */
.big_grey_box{margin:5px 0 14px;}
#org_apply{margin:0 0 0 0;display:block;height:24px;width:78px;border:none;background:url(/images/apply.gif) 0 -24px no-repeat;text-align:center;cursor:pointer;}
#org_apply:hover{background-position:0 0;}

#organization h1{padding-top:10px;}
#organization h1.organization_home{font-size:20px;color:#333;}
#organization h2{font-size:22px;line-height:22px;font-weight:normal;color:#7C9C20;padding:0 0 10px 0;}
#organization .rightSide{padding-left:7px;}
#organization #address{padding:10px 0 10px 4px;color:#898989;}
#organization #phone{padding:0 0 10px 4px;color:#898989;}
#organization #fax{padding:0 0 10px 4px;color:#898989;}
#organization #connect p{padding:0 0 4px 4px;color:#898989;}
#organization #connect #urlsbottom{background:url(/images/small_white_box.gif) 0 bottom no-repeat;padding-bottom:10px;}
#organization #connect #urls{background:url(/images/small_white_box.gif) 0 0 no-repeat;padding:10px 0 0 14px;}
#organization #connect #urls div{padding:0 0 5px 0;}
#organization #connect #urls .blogURL{padding:0 0 0;}
#organization #connect a{text-decoration:none;color:#898989;padding-left:22px;font-size:14px;line-height:16px;display:block;}
#organization #connect a:hover{color:#000;}
#organization #connect .websiteURL a{background:url(/images/website_16.gif) 0 0 no-repeat;}
#organization #connect .facebookURL a{background:url(/images/facebook_16.gif) 0 0 no-repeat;}
#organization #connect .twitterURL a{background:url(/images/twitter_16.gif) 0 0 no-repeat;}
#organization #connect .blogURL a{background:url(/images/blog_16.gif) 0 0 no-repeat;}
#organization #category{padding:0 0 10px 0;margin:0 0 12px;border-bottom:#DADADA solid 1px;font-size:12px;color:#9A9A9A;}
#organization #about{padding:0 0 12px 0;margin:0 0 20px;border-bottom:#DADADA solid 1px;}
#organization .bold{font-weight:bold;color:#7A7A7A;}

#organization #opportunities{padding:0 0 14px 0;}
#organization #opportunities div{clear:both;height:40px;padding:10px 18px 0 16px;line-height:20px;font-size:14px;background:url(/images/box_list_smallest.gif) 0 0 no-repeat;text-align:right;}
#organization #opportunities div:hover{background-position:0 -61px;cursor:pointer;}
#organization #opportunities div a{padding:0 0 0 12px;color:#237C84;}
#organization #opportunities div a:hover{color:#000;}
#organization #opportunities div h4{float:left;text-align:left;}
#organization #opportunities div h4 a{padding:0;text-decoration:none;font-size:16px;font-weight:bold;}
#organization #opportunities div p{font-size:14px;}

#updatevolunteersform{padding:0;font-size:12px;}
#updatevolunteersform table{margin:0;}
#updatevolunteersform td{cursor:default;padding:0;}
#col_checkbox p{padding:3px 0 0 0;}
#col_checkbox{width:22%;}
#col_actions{width:42%;}
#col_hours_rating{width:26%;}
#col_submit{width:10%;text-align:right;}
#select_opportunity{padding:5px 0 15px 0;}
#select_opportunity form{padding:0;display:inline;}
#updatevolunteersform input{display:inline;/*margin-right:0;*/}
#updatevolunteersform #select_all{width:auto;height:10px;line-height:10px;border:none;margin:0 0 -2px 0;/*display:inline;*/}
#updatevolunteersform #Hours{width:80px;height:18px;line-height:18px;font-size:14px;}


/* organization admin */
#updateprofile img{margin:0 0 10px 0;}

#myListings{padding:10px 4px 15px;} 
#myListings table{border:#E0C062 solid 1px;}
#myListings td{padding:5px 10px 5px 5px;white-space:nowrap;}
#myListings .topRow td{border-bottom:#E0C062 solid 1px;background:#F0E2B8;color:#B09136;font-weight:normal;font-size:14px;line-height:14px;}

.r_button{float:right;line-height:40px;padding-right:10px;}
.edit{text-align:center;color:#777;display:block;margin:15px 2px 0 0;font-size:18px;}
.edit:hover{color:#000;}
.edit_right{float:right;}

.list_small{padding:10px 0 0 0;}
.list_small div{height:45px;padding:15px 23px 0 12px;background:url(/images/box_list_smaller.gif) 0 0 no-repeat;}
.list_small div:hover{background-position:0 0;cursor:default;}
.list_small div a{padding:0 0 0 12px;}
.list_small div h4{width:350px;line-height:19px;overflow:hidden;margin:0;padding:0;white-space:nowrap;float:left;}
.list_small div h4 a{line-height:21px;}

.rollover div:hover{background-position:0 -70px;cursor:pointer;}

#OpportunityStartDate{margin-right:5px;}
#OpportunityStartDate, #OpportunityEndDate{width:124px;}
#descStart{float:left;}
#descEnd{float:left;padding-left:90px;}
#OpportunityRequestBackgroundCheck, #AcceptCharges, #AnonymousDonator{width:auto;margin:0 5px 0 0;padding:0;height:12px;}
#request_background_check{padding-top:10px;}

#opportunity #manage_volunteers{padding:0 0 14px 0;}
#opportunity #manage_volunteers div{clear:both;height:40px;padding:10px 18px 0 16px;line-height:20px;font-size:14px;background:url(/images/box_list_smallest.gif) 0 0 no-repeat;text-align:right;}
#opportunity #manage_volunteers div a{padding:0 0 0 12px;color:#237C84;}
#opportunity #manage_volunteers div a:hover{color:#000;}
#opportunity #manage_volunteers div h4{float:left;text-align:left;}
#opportunity #manage_volunteers div h4 a{padding:0;text-decoration:none;font-size:16px;font-weight:bold;}
#opportunity #manage_volunteers div p{font-size:14px;}

#manage_hours_rating form{padding:0;}
#manage_hours_rating .maximized{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/fff.png) 0 0 repeat;}
#manage_hours_rating .maximized div{position:relative;width:300px;padding:20px 16px 16px 16px;margin:0 auto;top:30%;background:#fff;border:#ccc solid 1px;}
#manage_hours_rating .maximized div a{float:right;text-decoration:none;font-weight:bold;color:#000;line-height:24px;}
#hoursFormDiv input, #ratingFormDiv input{display:inline;width:40px;margin-left:0px;}
#hoursFormDiv select{margin:0;display:inline;}
#hoursFormDiv input, #ratingFormDiv input.go{width:50px;margin:0 0 0 15px;}

/* Volunteers */
#vol_register{margin:0 0 0 0;display:block;height:24px;width:78px;border:none;background:url(/images/register.gif) 0 -24px no-repeat;text-align:center;cursor:pointer;}
#vol_register:hover{background-position:0 0;}

.inside {padding:5px 16px;}
.graphs{overflow:auto;padding:0 0 20px 0;}
.graphs .left{margin-right:20px;}
.volunteerInfo p{padding:0;}
.volunteerInfo h4.title{font-size:20px;font-weight:normal;text-align:center;margin:0;padding:0 0 10px 0;}
.volunteerInfo #volunteerCountDown{text-align:center;padding:10px 0 0 0;font-size:15px;}
.volunteerInfo #volunteerCountDown span{font-weight:bold;}
#volunteer h1{padding-top:10px;}
#volunteer h2{font-size:22px;line-height:22px;font-weight:normal;color:#7C9C20;padding:0 0 10px 0;}
#volunteer .rightSide{padding-left:7px;}
#volunteer #image{margin:0 0 12px 0;text-align:center;background:#C0C0C0;}
#name{font-size:18px;padding:0 0 10px 0;}
#volunteer .bold{font-weight:bold;color:#7A7A7A;}
#volunteer #rating .bold{font-size:16px;}
#rating img{margin:0 0 -7px 5px;}
#rewards{padding:12px 8px 0 0;text-align:center;overflow:auto;}
#rewards_div{float:left;width:100%;overflow:hidden;}
#rewards_div ul{list-style-type:none;margin:0;padding:0;clear:left;float:left;position:relative;left:50%;text-align:center;}
#rewards_div ul li{display:block;float:left;list-style:none;margin:0;padding:0;position:relative;right:50%;}
#rewards img{margin:0 10px;}

#volunteer #opportunities{padding:0 0 14px 0;}
#volunteer #opportunities div{clear:both;height:40px;padding:10px 18px 0 16px;line-height:20px;font-size:14px;background:url(/images/box_list_smallest.gif) 0 0 no-repeat;text-align:right;}
#volunteer #opportunities div:hover{background-position:0 -61px;cursor:pointer;}
#volunteer #opportunities.norollover div:hover{background-position:0 0;cursor:default;}
#volunteer #opportunities div a{padding:0 0 0 12px;color:#237C84;}
#volunteer #opportunities div a:hover{color:#000;}
#volunteer #opportunities div h4{float:left;text-align:left;}
#volunteer #opportunities div h4 a{padding:0;text-decoration:none;font-size:16px;font-weight:bold;}
#volunteer #opportunities div p{font-size:14px;}

#volunteer_opportunities_list{padding:10px 0 0 0;}
#volunteer_opportunities_list div{height:45px;padding:15px 23px 0 12px;background:url(/images/box_list_smaller.gif) 0 0 no-repeat;white-space:nowrap;}
#volunteer_opportunities_list div:hover{background-position:0 0;cursor:default;}
#volunteer_opportunities_list div a{padding:0 0 0 10px;}
#volunteer_opportunities_list div h4{width:310px;line-height:19px;overflow:hidden;margin:0;padding:0;white-space:nowrap;float:left;}
#volunteer_opportunities_list div h4 a{line-height:21px;padding:0 0 0 0;}

#graphs{padding:10px 0 0 0;}
#graphs div{width:338px;height:184px;margin:0 0 10px 0;padding:5px 0 0 0;float:left;border:#ccc solid 1px;}
#graphs div div{width:auto;height:auto;float:none;border:none;}
#graphs div.odd{margin-right:5px;}
#graphs #chart2{font-size:10px;line-height:12px;padding:5px;width:328px;height:179px;}
#chart2 h3{font-size:11px;line-height:11px;padding:0 0 8px;text-align:center;color:#454545;font-weight:bold;}
#chart2 ul{list-style-type:none;}
#chart2 li{padding:0 0 3px 10px}

/* Classifieds */
#classifieds_home{margin:10px 0 0 0;}
#classifieds_home .pad{width:14px;}
#classifieds_home .left{width:336px;}
#classifieds_home .right{width:336px;}
.classifieds_box{width:336px;background:url(/images/blue_box_336w.gif) 0 0 no-repeat;padding:16px 0 0;}
.classifieds_box_inside{background:url(/images/blue_box_336w.gif) 0 bottom no-repeat;padding:0 16px 16px 16px;}
.classifieds_home_list h2{color:#3A828B;font-size:19px;border-bottom:#84DEE9 solid 1px;}
.classifieds_home_list h4{font-size:15px;color:#888;padding:16px 0 5px 0;}
.classifieds_home_list a{text-decoration:none;color:#3A828B;font-size:14px;line-height:20px;}
.classifieds_home_list a:hover{color:#000;}

#classified_category_list div h4{width:500px;}

/* Date Picker */

/* Hide the input by using a className */
input.fd-hidden-input, select.fd-hidden-input{display:none;}
/* Screen reader class - hides it from the visual display */
.fd-screen-reader{position:absolute;left:-999em;top:0;width:1px;height:1px;overflow:hidden;outline: 0 none;-moz-outline: 0 none;} 
/* Disabled datePicker and activation button */
a.dp-disabled,
.dp-disabled table{opacity:.3 !important;filter:alpha(opacity=40);}
.dp-disabled,
.dp-disabled td,
.dp-disabled th,
.dp-disabled th span{cursor:default !important;          }
a.date-picker-control:focus,
div.datePicker table td:focus {overflow:hidden;outline:0 none;
	-moz-outline: 0 none;
	color:rgb(100,130,170) !important;}
/* The wrapper div */
div.datePicker{position:absolute;z-index:9999;text-align:center;
        /* Change the font-size to suit your design's CSS. The following line is for the demo that has a 12px font-size defined on the body tag */
        font:900 0.8em/1em Verdana, Sans-Serif;
        /* For Example: If using the YUI font CSS, uncomment the following line to get a 10px font-size within the datePicker */
        /* font:900 77%/77% Verdana, sans-serif; */
        /* Or, if you prefer a pixel precision */
        /* font:900 12px/12px Verdana, sans-serif; */
        background:transparent;
        /* Mozilla & Webkit extensions to stop text-selection. */
        -moz-user-select:none;
        -khtml-user-select:none;      
        }  
/* Styles for the static datePickers */
div.static-datepicker{position:relative;top:5px;left:0;}
div.datePicker table{width:auto;height:auto;} 
/* Draggable datepickers */
div.datePicker tfoot th.drag-enabled,
div.datePicker thead th.drag-enabled,
div.datePicker thead th.drag-enabled span{cursor:move;}
/* The iframe hack to cover selectlists in Internet Explorer <= v6 */
iframe.iehack{position:absolute;background:#fff;z-index:9998;padding:0;border:0;display:none;margin:0;}
/* The "button" created beside each input for non-static datePickers */
a.date-picker-control:link,
a.date-picker-control:visited{position:relative;display:-moz-inline-stack;border:0 none;padding:0;margin:0 0 0 4px;background:transparent url(/images/calendar.gif) no-repeat 50% 50%;width:27px;min-width:27px;height:24px;min-height:24px;line-height:1;cursor:pointer;visibility:visible;text-decoration:none;vertical-align:top;}
a.date-picker-control:hover,
a.date-picker-control:active,
a.date-picker-control:focus,
a.dp-button-active:link,
a.dp-button-active:visited,
a.dp-button-active:hover,
a.dp-button-active:active,
a.dp-button-active:focus{background:transparent url(/images/calendar.gif) no-repeat 50% 50% !important;}
/* Feed IE6 the following rule, IE7 should handle the min-width declared above */
* html a.date-picker-control{width:16px;}
/* IE, Safari & Opera. Seperate CSS rule seems to be required. */
a.date-picker-control{display:inline-block;}
a.date-picker-control span{display:block;width:16px;height:16px;margin:auto 0;}
/* Default "button" styles */
div.datePicker thead th span{display:block;padding:0;margin:0;text-align:center;line-height:1em;border:0 none;background:transparent;font-weight:bold;cursor:pointer;}
/* The "month, year" display */
div.datePicker th span.month-display,
div.datePicker th span.year-display{display:inline;text-transform:uppercase;letter-spacing:1px;font:normal 1.2em Verdana, Sans-Serif;cursor:default;          }
/* Next & Previous (month, year) buttons */
div.datePicker th span.prev-but,
div.datePicker th span.next-but{font-weight:lighter;font-size:2.4em;font-family: georgia, times new roman, palatino, times, bookman, serif;cursor:pointer !important;}
/* Hover effect for Next & Previous (month, year) buttons */
div.datePicker th span.prev-but:hover,
div.datePicker th span.next-but:hover,
div.datePicker th span.today-but:hover{color:#a84444;}
/* Today button */
div.datePicker th span.today-but{text-align:center;margin:0 auto;font:normal 1em Verdana, Sans-Serif;width:100%;text-decoration:none;padding-top:0.3em;text-transform:uppercase;vertical-align:middle;cursor:pointer !important          }
/* Disabled buttons */ 
div.dp-disabled th span.prev-but,
div.dp-disabled th span.next-but,
div.dp-disabled th span.today-but,
div.dp-disabled th span.prev-but:hover,
div.dp-disabled th span.next-but:hover,
div.dp-disabled th span.today-but:hover,
div.datePicker th span.prev-but.fd-disabled:hover,
div.datePicker th span.next-but.fd-disabled:hover,
div.datePicker thead th span.fd-disabled,
div.datePicker th span.fd-disabled:hover{color:#aaa;cursor:default !important;}   
/* The mon, tue, wed etc day buttons */
div.datePicker th span.fd-day-header{text-align:center;margin:0 auto;font:900 1em Verdana, Sans-Serif;text-decoration:none;text-transform:lowercase;cursor:pointer; }
/* The table */
div.datePicker table{    margin:0;padding:0px;border:1px solid #ccc;background:#fff url(/date-picker-v4/media/gradient-e5e5e5-ffffff.gif) repeat-x 0 -20px;text-align:center;border-spacing:2px;padding:0.3em; width:auto;  empty-cells:show;    -moz-border-radius:0.8em;border-radius:0.8em;        }
/* Common TD & TH styling */
div.datePicker table td,
div.datePicker table tbody th{border:0 none;padding:0;text-align:center;vertical-align:middle;cursor:pointer;background:#fff url(/date-picker-v4/media/gradient-e5e5e5-ffffff.gif) repeat-x 0 -40px;width:3em;height:3em;   overflow:hidden;      outline:transparent none 0px;        border:1px solid #ccc;text-transform:none;-moz-border-radius:2px;border-radius:2px;}
div.datePicker table td:focus,
div.datePicker table td:active{outline:0 none red;}
div.datePicker table th{border:0 none;padding:0;        font-weight:bold;color:#222;text-align:center;vertical-align:middle; text-transform:none;        }
div.datePicker table thead th{height:auto !important;}
div.datePicker table tbody th{    border:1px solid #dcdcdc;        }
/* Week number display */
div.datePicker table thead th.date-picker-week-header,
div.datePicker table tbody th.date-picker-week-header{font-style:oblique;  background:transparent;cursor:default;}
div.datePicker table thead th.date-picker-week-header{cursor:help;border:0 none;padding:0 0 0.2em 0;}
/* tfoot status bar */
div.datePicker tfoot th{cursor:default;font-weight:normal;text-transform:uppercase;letter-spacing:0.1em;border:0 none;background:#fff;height:2.8em;}
/* TD cell that is _not_ used to display a day of the month */
div.datePicker table tbody td.date-picker-unused{background:#fff url(/date-picker-v4/media/backstripes.gif);border-color:#dcdcdc; cursor:default !important;}

/* The TH cell used to display the "month, year" title */
div.datePicker table thead th.date-picker-title{width:auto;height:auto;padding:0.4em 0;}
/* The "mon tue wed etc" day header styles */
div.datePicker table thead th.date-picker-day-header{text-transform:lowercase;cursor:help;height:auto;}
/* The "todays date" style */
div.datePicker table tbody td.date-picker-today{background:#fff url(/date-picker-v4/media/bullet2.gif) no-repeat 0 0;color:rgb(100,100,100) !important;}

div.datePicker table tbody td.month-out.date-picker-highlight {color:#aa8866 !important;}
/* The "highlight days" style */
div.datePicker table tbody td.date-picker-highlight,
div.datePicker table thead th.date-picker-highlight{color:#a86666 !important;}
/* The "active cursor" style */
div.datePicker table tbody td.date-picker-hover{background:#fff url(/date-picker-v4/media/bg_header.jpg) no-repeat 0 0;cursor:pointer;border-color:rgb(100,130,170) !important;color:rgb(100,130,170); text-shadow: 0px 1px 1px #fff;     }
/* The "disabled days" style */
div.datePicker table tbody td.day-disabled{ background:#fff url(/date-picker-v4/media/backstripes.gif) no-repeat 0 0;color:#aaa !important;cursor:default;text-decoration:line-through;} 
div.datePicker table tbody td.month-out {border-color:#ddd;color:#aaa !important;background:#fff url(/date-picker-v4/media/gradient-e5e5e5-ffffff.gif) repeat-x 0 -40px;       } 
/* The "selected date" style */
div.datePicker table tbody td.date-picker-selected-date{color:#333 !important;border-color:#333 !important;}
/* The date "out of range" style */
div.datePicker table tbody td.out-of-range,
div.datePicker table tbody td.not-selectable{color:#ccc !important;font-style:oblique;background:#fcfcfc !important;cursor:default !important;   } 
/* Week number "out of range" && "month-out" styles */
div.datePicker table tbody th.month-out,
div.datePicker table tbody th.out-of-range{color:#aaa !important;font-style:oblique;background:#fcfcfc !important; }
/* week numbers "out of range" */
div.datePicker table tbody th.out-of-range{opacity:0.6;filter:alpha(opacity=60);}  
/* Used when the entire grid is full but the next/prev months dates cannot be selected */
div.datePicker table tbody td.not-selectable{opacity:0.8;filter:alpha(opacity=80);        }
div.datePicker table tbody tr{display:table-row;}
div.datePicker table tfoot sup{font-size:0.86em;letter-spacing:normal;text-transform:none;height: 0;
	line-height: 1;
	position: relative;
	top: -0.2em;	
	vertical-align: baseline !important;
	vertical-align: top;  }
div.datePicker table thead th.date-picker-day-header,
div.datePicker table thead span.month-display,
div.datePicker table thead span.year-display{ text-shadow: 0px 1px 1px #fff;        }
/* You can add focus effects (for everything but IE6) like so: */
div.datepicker-focus{/* Naughty, naughty - but we add a highlight using the table's border colour */outline:none;}
div.datepicker-focus table.datePickerTable{border-color:#999 !important;}
div.datePicker table tbody tr td:focus {overflow:hidden;outline:0 none;
	-moz-outline: 0 none;
	color:rgb(100,130,170) !important;	}
/* INTERNET EXPLORER WOES
   ======================
   
   Hover Effects
   -------------
   
   IE cannot deal with :focus on the TR so the datePicker script adds the class "dp-row-highlight" to the
   row currently being hovered over. This should enable you to add hover effects if desired.
   
   e.g. the following rule will highlight the cell borders in another colour when a row is moused over,
   it looks like crap though so I didn't include the rule within the demo:
   
div.datePicker table tbody tr.dp-row-highlight td
        {
        border-color:#aaa;
        }
*/

/* Remove the images for Internet Explorer <= v6 using the "* html" hack  
   This is a workaround for a nasty IE6 bug that never caches background images on dynamically created DOM nodes
   which means that they are downloaded for every cell for every table - nasty! */    
* html div.datePicker table td
        {
        background-image:none;}
* html div.datePicker table td.date-picker-unused{background:#f2f2f2;}
/* Chrome has problems with the -webkit-box-shadow and -webkit-border-radius styles together 
   Remove one or the other to get things looking less ugly */       
@media screen and (-webkit-min-device-pixel-ratio:0) {
        div.datePicker table
                {
                border-spacing:0.3em;
                /* Naughty, naughty */
                -webkit-box-shadow:0px 0px 5px #aaa;                 
                -webkit-border-radius:0.8em;                
                }          
        div.static-datepicker table
                {
                -webkit-box-shadow:0 0 0 transparent;
                }
        div.static-datepicker:focus table
                {
                -webkit-box-shadow:0px 0px 5px #aaa;
                }
        div.datePicker table td,
        div.datePicker table tbody th
                {
                padding:0.1em;
                -webkit-border-radius:2px;
                }
        div.datePicker table tbody td.date-picker-hover
                {                
                -webkit-box-shadow:0px 0px 1px rgb(100,130,170);
                }       
}
/* Untested webkit rules for fading out the disabled buttons - fingers crossed */
@-webkit-keyframes fadeout {
        to {                           
                opacity: 0.4;                         
        }                 
        from {
                opacity: 1.0;
                color:#222;
        }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
        div.datePicker table thead th span.fd-disabled {                              
                -webkit-animation-name: fadeout;
                -webkit-animation-duration: 3s;
                -webkit-animation-timing-function: ease-in-out;
        }
}