/* ie fix */ #volGenBoxesWrap div { float: left; } #askaquestion2 { background:url("../images/presentation/dotted-border-grey.gif") repeat-x scroll left bottom transparent; clear:both; float:left; margin:10px 0 !important; padding:0 0 17px;text-decoration:underline !important; width:450px;} /* ie did you know box cms edit mode fix */ #did-you-know div div div div { float:left; } .volunteeringAbout #summaryWrap { font-size: 1em !important; } #podplayer { position: relative; left: -30px; } .main-content-right.snippet.grey {padding: 0px !important;} #volunteeringTab { padding: 0px !important; } #volunteeringTab .tabcontent { position:relative; left: 3px; } #nav-secondary { min-height:230px; } #section-volunteering a { color: #003a56; font-weight: bold; } #section-volunteering a:hover {} /* Don't forget to add ../ in front of paths when moving this to a css file */ /* Page options */ #section-volunteering div#header-2012 div#header-list-container ul#page-option-list li a, div#header-2012 div#header-list-container ul#font-size-list li a { color: #7d7d7d; } /* dropdown buttons */ #section-volunteering div#header-2012 div#nav-primary-container ul#nav-primary li a.header-dropdown { background:url("../images/icons/header-drop-down-icon-dark.gif") no-repeat scroll right center transparent; } #section-volunteering div#header-2012 div#nav-primary-container ul#nav-primary li a.header-closeup { background:url("../images/icons/header-arrow-up-icon-dark.gif") no-repeat scroll right center transparent; } /* change the width of the dropdown button to 17px in main css, line 385 div#nav-primary-container ul#nav-primary li a.header-dropdown, div#header-2012 div#nav-primary-container ul#nav-primary li a.header-closeup */ #section-volunteering div#Content { background:url("../images/volunteers/pink-line.png") no-repeat scroll 5px bottom transparent; padding-bottom:35px; } #section-volunteering div#supportersFooter { clear:both; margin:10px 0 0 20px; overflow: hidden; width: 950px; } #section-volunteering #supportersFooter #supportersFooterHl { /*border-bottom:1px dotted #5B5D5E;*/ color: #003B57; font-weight: bold; padding-bottom: 4px; text-align: center; margin: 0px 2px 0px 3px } #section-volunteering #supportersFooter #supportersFooterWrap { /* float:left; */ clear: both; margin: 8px 0px 0px 3px; height: 44px; } #section-volunteering #supportersFooter #supportersFooterWrap div { /* float: left; */ /* margin-right: 9px; */ width: 108px; /* height: 58px; */ overflow:hidden; margin: 0 auto; } #section-volunteering #footer-2012 { margin-top:15px; } #section-volunteering #volunteeringHeader { clear:both; float:left; margin:0 0 5px; overflow:hidden; padding:0; width:990px; } #section-volunteering div#section-highlight { background-color:#d6d6d6; } #section-volunteering div#header-2012 div#breadcrumb-2012 { color:#7D7D7D; } #section-volunteering body#section-volunteering div#section-highlight div { width:151px; } #section-volunteering body#section-volunteering div#section-highlight div { margin-left:113px; } #section-volunteering #page-2012 div#sidebar-right-2012 { margin-top:0px; } /* MODULES */ #section-volunteering #sidebar-right-2012 #modulePink { background:url("../images/volunteers/modulebg1.png") no-repeat scroll left top transparent; color:white; font-size:1.1em; line-height:1.2em; letter-spacing:0.3px; padding:11px 10px 10px 10px; margin-bottom: 10px; clear: both; } #section-volunteering #sidebar-right-2012 #modulePink .modulePinkDesc { background:#DF0094; left:-10px; padding:2px 10px 10px; position:relative; width:194px; } #section-volunteering #sidebar-right-2012 #modulePink a, #section-volunteering #sidebar-right-2012 #moduleBlue a { color: white; } #section-volunteering #sidebar-right-2012 #moduleBlue { /*background:url("../images/volunteers/modulebg2.png") no-repeat scroll left top transparent;*/ background:url("../images/volunteers/modulebg1.png") no-repeat scroll left top transparent; color:white; font-size:1.1em; line-height:1em; letter-spacing:0.3px; padding:11px 10px 10px 10px; margin-bottom: 10px; clear: both; } #section-volunteering #sidebar-right-2012 #moduleBlue .moduleBlueDesc { /*background:#183850;*/ background:#DF0094; left:-10px; padding:2px 10px 10px; position:relative; width:194px; } #section-volunteering #sidebar-right-2012 #moduleBlue .moduleBlueDesc a { text-decoration: underline; } #section-volunteering #sidebar-right-2012 .moduleHeadline { font-size:1.1em; padding:4px 0; font-weight: bold; } #section-volunteering #sidebar-right-2012 #moduleContentFormats { } #section-volunteering #sidebar-right-2012 #moduleContentFormats #moduleContentFormatsHL { background:url("../images/volunteers/modulebg3.png") no-repeat scroll left top transparent; color:white; font-size:1.2em; height:14px; padding:14px 10px 10px; } #section-volunteering #sidebar-right-2012 #moduleContentFormats .moduleContentFormats { border-left: 1px solid #cecece; border-right: 1px solid #cecece; border-bottom: 1px solid #cecece; margin-bottom: 10px; } #section-volunteering #sidebar-right-2012 #moduleContentFormats .moduleContentFormats ul { padding: 10px; } #section-volunteering #sidebar-right-2012 #moduleContentFormats .moduleContentFormats ul li { border-bottom:1px dotted #484848; color:#464646; font-size:1em; letter-spacing:0.1px; line-height:1.2em; padding:14px 10px 13px 68px; } #section-volunteering #sidebar-right-2012 #moduleContentFormats .moduleContentFormats ul li.lastli { border-bottom: 0px !important; } #section-volunteering #sidebar-right-2012 #moduleContentFormats .moduleContentFormats ul li a { color:#464646 !important; } #section-volunteering #sidebar-right-2012 #moduleContentFormats .moduleContentFormats ul li a:hover { color:#003A56 !important; text-decoration: none; } #section-volunteering #sidebar-right-2012 #moduleContentFormats .moduleContentFormats ul li#read { background:url("../images/volunteers/easyread.png") no-repeat scroll 3px -3px transparent; height:54px; } #section-volunteering #sidebar-right-2012 #moduleContentFormats .moduleContentFormats ul li#sign { background:url("../images/volunteers/hands.png") no-repeat scroll left 11px transparent; } #section-volunteering #sidebar-right-2012 #moduleContentFormats .moduleContentFormats ul li#mp3 { background:url("../images/volunteers/notes.png") no-repeat scroll 6px 17px transparent; } #section-volunteering #sidebar-right-2012 #moduleGeneric { color:white; margin-bottom: 10px; clear: both; } #section-volunteering #sidebar-right-2012 #moduleGeneric .moduleGeneric-hl { color:#white; font-size:1.2em; font-weight:bold; padding:5px 10px; background: #09f; } #section-volunteering #sidebar-right-2012 #moduleGeneric .moduleGeneric-copy { background: url("../get-involved/volunteer/images/promo3content.png") no-repeat scroll left bottom #0099FF; font-size:1.15em; line-height:1.4em; padding:5px 18px; margin-right: 1px; } #section-volunteering #sidebar-right-2012 #moduleGeneric .moduleGeneric-hl a, #section-volunteering #sidebar-right-2012 #moduleGeneric .moduleGeneric-copy a { color:#white !important; } #section-volunteering #sidebar-right-2012 #moduleOtherOpp { margin-bottom: 10px; clear: both; } #moduleOtherOpp-copy:hover { color: white !important; text-decoration: none; border: none ;} #section-volunteering #sidebar-right-2012 #moduleOtherOpp #moduleOtherOpp-hl { background:url("../images/volunteers/otheropp-header.png") no-repeat scroll left top transparent; height:146px; text-indent:-7777px; } #section-volunteering #sidebar-right-2012 #moduleOtherOpp #moduleOtherOpp-copy { background:url("../images/volunteers/otheropp-footer.png") no-repeat scroll left top transparent; color:#fff; font-weight:bold; height:34px; letter-spacing:0.3px; line-height:1.3em; padding:7px 10px; } #section-volunteering #sidebar-right-2012 #moduleOtherOpp #moduleOtherOpp-copy a { color:#fff; } #section-volunteering div#sidebar-right-2012 #did-you-know.snippet div.snippet-header { background:url("../images/volunteers/didyouknow-header.png") no-repeat scroll left top transparent; color:#fff; padding-bottom:12px; padding-top:19px; } #section-volunteering div#sidebar-right-2012 #did-you-know .slider { width: 217px; height: 90px; clear: both; float: left; height: auto !important; padding-bottom:19px; } div#page-2012 div.snippet div.navigation { /* width: 80px !important; */ left:10px; position:relative; } #section-volunteering div#sidebar-right-2012 #did-you-know.snippet div.slider { background: url("../images/volunteers/didyouknow-footer.png") no-repeat scroll left bottom #004964 !important; } #section-volunteering div#sidebar-right-2012 div.snippet div.slider .content { color:#fff; padding-left:52px; padding-top:10px; width:157px; } #section-volunteering div#sidebar-right-2012 div.snippet h2 { margin-bottom:0; margin-top:-1px; } #section-volunteering div#sidebar-right-2012 div#did-you-know { border-bottom: 0px; background: none; margin-bottom: 10px; /* would be great to have this as a clear! */ } #section-volunteering div#Content div.snippet div.slider { min-height: 87px; } #section-volunteering div#sidebar-right-2012 div.snippet div.navigation .prev { background:url("../images/arrows/prev-white-on-blue.gif") no-repeat scroll left top transparent !important; } #section-volunteering div#sidebar-right-2012 div.snippet div.navigation .next { background:url("../images/arrows/next-white-on-blue.gif") no-repeat scroll left top transparent !important; } #section-volunteering div#sidebar-right-2012 #related-images div.snippet-header, #section-volunteering div#sidebar-right-2012 #related-videos div.snippet-header { background:url("../images/volunteers/related-header.png") no-repeat scroll left top transparent !important; color: white; padding-top:15px; } #section-volunteering div#sidebar-right-2012 #related-images div.snippet-header a, #section-volunteering div#sidebar-right-2012 #related-videos div.snippet-header a { color: white; } #section-volunteering .navigation a:focus { border: none; } /* not working */ #section-volunteering div.footer-column-2012 ul li a { color: #5e5e5e !important; } #section-volunteering div.main-content-left, div#Content div.main-content-left { padding:0px; } #section-volunteering #AdditionalContent { width: 100%;} #section-volunteering #AdditionalContent .main-content-left.latestNews { position: relative; left: -6px !important; width: 222px !important; overflow: hidden; margin-right:4px !important; } #section-volunteering #AdditionalContent .main-content-right.latestBlog { position: relative; left: -2px !important; width: 222px !important; overflow: hidden; } #section-volunteering #volunteeringTab { background:url("../images/volunteers/tabbed-header.png") no-repeat scroll left top transparent; width:226px; margin-right: 0px !important; margin-bottom: 20px; overflow:hidden; width:224px; } #section-volunteering #volunteeringTab .tabname { color:#003B57; font-weight:bold; height:32px; padding:10px 0 0 10px; clear: both; font-size:1.05em; } #section-volunteering #volunteeringTab .tabcontent { background:url("../images/volunteers/tabbed-bg.png") repeat-y scroll left top transparent; clear:both; height:178px; overflow:hidden; padding:0 10px 15px 5px; margin-left: -3px; } #section-volunteering #volunteeringTab .tabfoot { background:url("../images/volunteers/tabbed-bg.png") repeat-y scroll left top transparent; clear: both; margin-left: -3px; float: left; overflow:hidden; width:224px; } #section-volunteering #volunteeringTab .tabfoot .tabfootinner { background:none repeat scroll 0 0 #E9F0F7; margin-left:3px; margin-right:4px; color: #003b57; padding:5px 8px; width: 208px; } #section-volunteering #volunteeringTab ul { margin-top:2px; padding-left:6px; } #section-volunteering #volunteeringTab ul, #section-volunteering #volunteeringTab ul li { list-style-image: none; } #section-volunteering #volunteeringTab ul#communityAvatars li { float:left; margin:0 8px 6px 7px; overflow:hidden; width:50px; } #section-volunteering #volunteeringTab ul#communityAvatars li a { font-size: 0.95em; float:left; } #section-volunteering #volunteeringTab.main-content-right { /* background-position: 0px !important; */ } #section-volunteering #volunteeringTab.main-content-right .tabfoot .tabfootinner { text-align:right; } #section-volunteering #volunteeringTab ul#communityTweets li { font-size:1em; line-height:1.1em; list-style-image:none; margin-bottom:12px; } /* -------- Landing.ccs ( identified through the volunteeringLanding class )---------- */ #Content.volunteeringLanding {margin-left:0px;width:990px;} #Content.volunteeringLanding .welcome{font-family:Arial,Helvetica,sans-serif;font-size:18px;color:#004153;margin:0 0 0 20px;float:left;font-weight:bold;} #Content.volunteeringLanding #point{float:right;margin:0;} #Content.volunteeringLanding .box{float:left;width:220px;padding:0 0 0 20px;} #Content.volunteeringLanding .pink-header{font-family:Arial,Helvetica,sans-serif;font-size:15px;color:#df0094;font-weight:bold;} #Content.volunteeringLanding .blue-header{font-family:Arial,Helvetica,sans-serif;font-size:15px;color:#0099ff;font-weight:bold;} #Content.volunteeringLanding .landing-align{padding:10px 0 7px 0;} #Content.volunteeringLanding .pink-button{width:200px;height:34px;background-image:url(../images/volunteers/landing/pink-button.png)} #Content.volunteeringLanding .blue-button{width:200px;height:34px;background-image:url(../images/volunteers/landing/blue-button.png)} #Content.volunteeringLanding .pink-button a, #Content.volunteeringLanding .blue-button a{font-family:Arial,Helvetica,sans-serif;font-weight:bold;font-size:14px;color:#FFF;display:block;padding:10px 0 0 10px;} #Content.volunteeringLanding .blue-button-large{width:215px;height:69px;background-image:url(../images/volunteers/landing/blue-button-large.png)} #Content.volunteeringLanding .blue-button-large a{font-family:Arial,Helvetica,sans-serif;font-weight:bold;font-size:17px;color:#FFF;display:block;padding:31px 0 0 40px;} #Content.volunteeringLanding .bg-large{width:222px;height:239px;background-image:url(../images/volunteers/landing/bg-large.png)} #Content.volunteeringLanding .blue-txt-large{font-family:Arial,Helvetica,sans-serif;font-size:17px;color:#0099ff;font-weight:bold;} #Content.volunteeringLanding .latest-title-position{padding:25px 0 0 10px;} #Content.volunteeringLanding .grey-text{font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#8a8a8a;font-weight:bold;} #Content.volunteeringLanding .latest-content-position{padding:0 0 0 10px;} /* -------- game-prompt.ccs ( identified through the volunteeringLanding class )---------- */ #Content.volunteeringGamePrompt {margin-left:0;width:990px;} #Content.volunteeringGamePrompt #game{/* dont show the dotted border in firefox 3.6.2 */ outline:none;} #Content.volunteeringGamePrompt #game-prompt2{margin:-118px 0 0 0;padding:0;height:465px;} #Content.volunteeringGamePrompt #block1{float:left;margin:0;width:161px;} #Content.volunteeringGamePrompt #block1 .title{font-family:Arial,Helvetica,sans-serif;font-size:24px;font-weight:bold;color:#0098fe;margin:10px 0 0 20px;} #Content.volunteeringGamePrompt #block1 .text{margin:0 0 0 40px;} #Content.volunteeringGamePrompt #block2{float:left;margin:0;} #Content.volunteeringGamePrompt #block3{float:left;margin:0 9px 0 8px;position:relative;top:-15px;} #Content.volunteeringGamePrompt #block4{float:left;margin:0;width:214px;} #Content.volunteeringGamePrompt #block4 .title{margin:0 0 0 10px;} #Content.volunteeringGamePrompt #block4 .title a{font-family:Arial,Helvetica,sans-serif;font-size:24px;font-weight:bold;color:#df0094;line-height:1em;} #Content.volunteeringGamePrompt #block4 .text{margin:10px 0 0 10px;} #Content.volunteeringGamePrompt #block5{float:left;margin:0;} #Content.volunteeringGamePrompt #block6{float:left;margin:0;width:180px;} #Content.volunteeringGamePrompt #block6 .title{margin:30px 0 0 30px;} #Content.volunteeringGamePrompt #block6 .title a{font-family:Arial,Helvetica,sans-serif;font-size:24px;font-weight:bold;} #Content.volunteeringGamePrompt #block6 .text{margin:12px 0 0 30px;} #Content.volunteeringGamePrompt #block7{float:right;margin:0;} #Content.volunteeringGamePrompt #block1 .title img { margin-right: 6px; } #Content.volunteeringGamePrompt #block4 .title img { margin-left: 6px; } #Content.volunteeringGamePrompt #block6 .title img { margin-left: 6px; } /* -------- Invite template ---- */ #Content.volunteeringInvite #video {margin:10px 0 0 10px;} #Content.volunteeringInvite h1{color:#003a56;margin-bottom:10px;} #Content.volunteeringInvite h2{color:#003A56;font-size:1.3em;padding:30px 0 0 90px;background:url("../images/volunteers/bluepole.png") no-repeat scroll 0 0 transparent;} #Content.volunteeringInvite #volunteeringInviteWrap{margin-left:46px;font-size:1.070em;letter-spacing:0.25px;line-height:1.3em;} #Content.volunteeringInvite #volunteeringInviteAbout{margin-top:19px;color:#555555;} #Content.volunteeringInvite #volunteeringInviteBoxes{width:870px;color:#003a56;line-height:1.375em;margin-left:12px;} #Content.volunteeringInvite #inviteBoxesRow1, #Content.volunteeringInvite #inviteBoxesRow2, #Content.volunteeringInvite #inviteBoxesRow3, #Content.volunteeringInvite #inviteBoxesRow4{clear:both;margin-bottom:10px;float:left;width:840px;} #Content.volunteeringInvite .InviteBox{padding:10px 10px 10px 65px;} #Content.volunteeringInvite #inviteBoxesRow1 .InviteBox{min-height:55px;} #Content.volunteeringInvite #inviteBoxesRow2 .InviteBox{min-height:90px;} #Content.volunteeringInvite #inviteBoxesRow3 .InviteBox{min-height:90px;} #Content.volunteeringInvite #inviteBoxesRow4 .InviteBox{min-height:55px;} #Content.volunteeringInvite #inviteBoxesRow1 .InviteBoxLeft{background:url("../images/volunteers/invite/head.jpg") no-repeat scroll 7px 7px #f2f5f6} #Content.volunteeringInvite #inviteBoxesRow1 .InviteBoxRight{background:url("../images/volunteers/invite/inviteicon4.png") no-repeat scroll 7px 7px #f2f5f6} #Content.volunteeringInvite #inviteBoxesRow2 .InviteBoxLeft{background:url("../images/volunteers/invite/inviteicon2.png") no-repeat scroll 7px 7px #f2f5f6} #Content.volunteeringInvite #inviteBoxesRow2 .InviteBoxRight{background:url("../images/volunteers/invite/inviteicon5.png") no-repeat scroll 7px 7px #f2f5f6} #Content.volunteeringInvite #inviteBoxesRow3 .InviteBoxLeft{background:url("../images/volunteers/invite/inviteicon1.png") no-repeat scroll 7px 7px #f2f5f6} #Content.volunteeringInvite #inviteBoxesRow3 .InviteBoxRight{background:url("../images/volunteers/invite/inviteicon6.png") no-repeat scroll 7px 7px #f2f5f6} #Content.volunteeringInvite #inviteBoxesRow4 .InviteBoxLeft{background:url("../images/volunteers/invite/firstaid.jpg") no-repeat scroll 7px 7px #f2f5f6} #Content.volunteeringInvite #volunteeringInviteBoxes .InviteBoxLeft, #Content.volunteeringInvite #volunteeringInviteBoxes .InviteBoxRight{width:339px;} #Content.volunteeringInvite #volunteeringInviteBoxes .InviteBoxLeft{float:left;} #Content.volunteeringInvite #volunteeringInviteBoxes .InviteBoxRight{margin-left:10px;float:right;} #Content.volunteeringInvite #inviteMainCopyWrap{background:url("../images/volunteers/bluepole.png") no-repeat scroll 0 0 transparent;clear:both;float:left;margin-top:10px;padding-top:30px;} #Content.volunteeringInvite #inviteMainCopyWrap ul{color:#555555;font-size:0.95em;margin-left:2em;width:830px;} #Content.volunteeringInvite #inviteMainCopyWrap ul li{list-style-type:circle;list-style-image:url(../images/volunteers/listitem.png);list-style-position:outside;padding-bottom:8px;} #Content.volunteeringInvite #inviteTerms{background:url("../images/volunteers/bluepole.png") no-repeat scroll 0 41px transparent;clear:both;float:left;margin-top:18px;padding-left:20px;width:100%;margin-bottom:-10px;} #Content.volunteeringInvite #inviteTerms label{margin-left:10px;font-weight:bold;} #Content.volunteeringInvite #inviteButtons{clear:both;float:left;height:47px;margin-left:-20px;margin-top:65px;width:100%;font-size:0.97em;} #Content.volunteeringInvite #inviteButtons a{color:white;font-size:1.075em;letter-spacing:0.03em;} #Content.volunteeringInvite #inviteButtons #backButtonInv a{background:url("../images/volunteers/invite/button1.png") no-repeat scroll 0 0 transparent;display:block;width:204px;height:25px;float:left;padding:15px 0px 0px 31px;} #Content.volunteeringInvite #inviteButtons #otherButton a{background:url("../images/volunteers/invite/button2.png") no-repeat scroll 0 0 transparent;display:block;width:260px;height:25px;float:left;padding:15px 0px 0px 12px;margin-left:5px;} #Content.volunteeringInvite #inviteButtons #applyButton input{display:block;float:right;margin-top:-5px;width:147px;margin-right:40px;} .volunteeringDiaries #summaryWrap{font-size:1.1em !important;line-height:1.2em;padding-bottom:10px;} .volunteeringDiaries .volDiary{background:url("../images/volunteers/diarybg.png") repeat-y scroll left top transparent;overflow:hidden;width:227px;} .volunteeringDiaries .volDiaryOuterWrap{overflow:hidden;width:227px;margin-bottom:20px;} .volunteeringDiaries .volDiaryOuterWrap.left{float:left;} .volunteeringDiaries .volDiaryOuterWrap.right{float:right;} .volunteeringDiaries #volDiariesWrap{left:-3px;margin-top:20px;position:relative;} .volunteeringDiaries #volDiariesWrap h2{color:#004a64;padding-left:3px;} .volunteeringDiaries .volDiary img{padding-left:4px;} .volunteeringDiaries .volDiary .volunteerDiaryCopyWrap{padding:10px;} .volunteeringDiaries #volDiariesFoot{background:url("../images/volunteers/vertdotbg.png") repeat-x scroll left top transparent;clear:both;height:36px;margin:0px 10px;padding-top:10px;} .volunteeringDiaries #volDiariesFoot div{text-align:center;color:#003b57;font-weight:bold;} .volunteeringDiaries #volDiariesFoot a{float:right;position:relative;top:-17px;text-decoration:underline;} #backButton{background:url("../images/volunteers/bluearrowleft.png") no-repeat scroll left 2px transparent;clear:both;color:#003A56 !important;float:left;font-size:1em;font-weight:bold;height:30px;margin-top:20px;padding-left:20px;width:430px;} #section-volunteering .volGenBox{background:url("../images/volunteers/diarybg.png") repeat-y scroll left top transparent;overflow:hidden;width:227px;} #section-volunteering .volGenBoxWrap{overflow:hidden;width:227px;margin-bottom:20px;} #section-volunteering .volGenBoxWrap.left{float:left;} #section-volunteering .volGenBoxWrap.right{float:right;} #section-volunteering .volGenBoxWrap{left:-3px;margin-top:20px;position:relative;} #section-volunteering .volGenBoxWrap h2{color:#004a64;padding-left:3px;} #section-volunteering .volGenBox img{padding-left:4px;} #section-volunteering .volGenBox .volGenBoxCopyWrap{padding:10px;height:40px;} #section-volunteering .someWrap { margin-bottom: 20px; clear: both; float: left;} #section-volunteering .left { float: left; } #section-volunteering .right{ float: right; } #section-volunteering .left, #section-volunteering .right { width: 226px; overflow: hidden; margin-bottom: 10px; } #section-volunteering .volunteeringVidsAndStories h2 { color: #004a64; margin-top: 20px; } #section-volunteering .volGenFoot {background:url("../images/volunteers/vertdotbg.png") repeat-x scroll left top transparent;float:left;height:36px;margin-top:-15px;padding-top:10px;width:100%;margin-bottom:10px;} #section-volunteering .volGenFoot div{text-align:center;color:#003b57;font-weight:bold;} #section-volunteering .volGenFoot a{float:right;position:relative;top:-17px;text-decoration:underline;} /* volunteeringDiary */ .volunteeringDiary #topImageWrapperDiary{height:210px;overflow:hidden;width:500px;} .volunteeringDiary #topImageWrapperDiary img{float:left;} .volunteeringDiary #topImageWrapperDiary #topImageWrapperDiaryCopy{background:none repeat scroll 0 0 #004A64;color:white;float:left;height:180px;padding:10px;width:166px;line-height:1.075em;letter-spacing:0.4px;} .volunteeringDiary #topImageWrapperDiary #diaryHL{font-size:1.15em;margin-top:4px;margin-bottom:8px;} .volunteeringDiary #topImageWrapperDiary #diaryCopy{line-height:1.075em;letter-spacing:0.4px;} .volunteeringDiary #topImageWrapperDiaryWrap{width:300px;overflow:hidden;float:left;} .volunteeringDiary #titleWrap{color:#004a63;font-size:1.2em;font-weight:bold;} .volunteeringDiary #postDateWrap{background:url("../images/presentation/dotted-border-grey.gif") repeat-x scroll left bottom transparent;font-size:1em;height:26px;margin:1px 0 7px;width:454px;} .volunteeringDiary div.blog-comment-form-footer{width:433px;} /* -------- kitsite addons ---------------------------------- */ body#section-volunteering div#section-highlight div{width:152px;} body#section-volunteering div#section-highlight div{margin-left:113px;} #section-volunteering #volunteeringFeature{color:white;left:-33px;margin-bottom:15px;overflow:hidden;position:relative;width:486px;} #section-volunteering #volunteeringFeature h1{background:#0099ff;height:31px;font-size:1.4em;padding:9px 0px 0px 17px;margin:0px;} #section-volunteering div#MainContent{overflow:visible;} #section-volunteering #sidebar-left-2012{background:url("../images/volunteers/featurecut2.png") no-repeat scroll -31px 0 transparent;position:relative;z-index:200;overflow:visible !important;width:252px !important;margin-right:0px !important;min-height:200px;} #section-volunteering #pageSubline{background:url("../images/volunteers/featurefooter.gif") no-repeat scroll right 0 transparent;height:35px;padding-left:40px;padding-top:8px;} #section-volunteering #nav-secondary{width:210px;} #section-volunteering #summaryWrap{background:url("../images/presentation/dotted-border-grey.gif") repeat-x scroll left bottom transparent;font-size:1.2em;padding-bottom:12px;width:453px;} #section-volunteering #bodyWrap{margin-top:6px;width:453px;} #section-volunteering #AdditionalContent div.snippet h2{float:left;font-size:1.1em;padding:7px 10px;width:204px;} #section-volunteering #AdditionalContent div.snippet .date{color:#676767;} #section-volunteering #AdditionalContent div.grey div.content{background:url("../images/volunteers/snippet-bg.png") no-repeat scroll left top transparent !important;left:-1px;padding:8px 11px !important;position:relative;width:204px;} /* map */ .volunteeringMap #map-collection-184 { width: 700px; height: 550px; margin-bottom: 10px; } .volunteeringMap #supermap { background: white; padding: 20px; } .volunteeringMap #supermap a { padding: 0px 5px;} .volunteeringMap #sidebar-right-2012 { display: none !important; } .volunteeringMap #mapCopyWrap { padding: 10px; width: 660px; } /* accessible + password form styling */ #tooltip { left: 0; position: absolute; z-index: 3000; font-size: 12px; border: 3px solid #9edbff; padding: 10px; background: #FFFFFF; background: rgba(255,255,255,.92); max-width: 250px; overflow:hidden; padding: 5px; -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5); } .volunteering-form fieldset { border: none; position: relative; padding-top: 30px; margin-bottom: 4em; } .volunteering-form div { display: block; clear: both; margin-top: 5px; overflow: hidden; } .volunteering-form label { display: block; width: 190px; line-height: 20px; padding: 4px 10px 4px 4px; font-weight: bold; text-align: right; float: left; margin: 0; color: #666666; } .volunteering-form span.help { display: none; } .volunteering-form p.label-desc { display: block; clear: both; margin-top: 5px; margin-bottom: 10px; } .volunteering-form select, .volunteering-form input, .volunteering-form textarea { float: none; line-height: 20px; } .volunteering-form select:focus, .volunteering-form input:focus, .volunteering-form textarea:focus { outline: 1px dotted #0085ff; } .volunteering-form input { width: 210px; } #button-submit-container input { width: 320px; } .volunteering-form select { border: 1px solid #bbbbbb; height: 28px; padding: 4px; width: 214px; } .volunteering-form textarea { height: 120px; width: 210px; } .volunteering-form div.missing label, .volunteering-form .errmsg { color: #DF0094; } .volunteering-form div.missing input, .volunteering-form div.missing select, .volunteering-form div.missing textarea { border-color: #DF0094; } .volunteering-form h2 { color: #0085ff; font-size: 16px; margin: 10px 0px; padding: 0 0px 5px 0px; border-bottom: 1px dotted #9a9a9a; } .volunteering-form legend { position: absolute; } .volunteering-form legend span { color: #0085ff; display: block; width: 450px; position: absolute; font-size: 16px; margin: -25px 0 0 0; padding: 0 0px 5px 0px; border-bottom: 1px dotted #9a9a9a; } .volunteering-form span.required { color: #DF0094; margin-left: 2px; margin-right: 2px; } .volunteering-form span.help-icon { position: relative; display: block; float: right; right: 17px; top: 3px; width: 20px; height: 20px; overflow:hidden; } .volunteering-form span.help-icon span { position: absolute; width: 14px; height: 14px; border: 3px solid #ffffff;; background: #ffffff url(../images/icons/help-14x14.gif) center center no-repeat; text-align: center; vertical-align: middle; } .volunteering-form #button-submit-container { text-align: center; } .volunteering-form #button-submit-container input { padding: 20px; font-size: 20px; /* width: 300px; */ } /* content specific */ #form-access-now div#box-medical-condition-details { display: none; } #form-access-now div#box-medical-condition-details.required { display: block; } /* comments ----------------------------- */ #section-volunteering #commentStatFoot { padding:10px 0px; background: url("../images/volunteers/vertdotbg.png") repeat-x scroll left top transparent; float: left; width: 452px; padding-bottom: 10px;} #section-volunteering #commentsTotal { background:url("../images/volunteers/comment.png") no-repeat scroll 0 0 transparent;color:#004A63;float:left;font-weight:bold;padding-left:19px;} #section-volunteering #commentsSignIn { font-weight: bold; float: right; } #section-volunteering #commentsSignIn a { color: #004a63 !important; } #section-volunteering #commentsTotal, #commentsSignIn {font-size: 1.05em;}