/* =Framework Tweaks =================================================================================================================*/ /* ---------------------------------------------------------- Servicemembers Legal Defense Network Last Update: July 14, 2011 TABLE OF CONTENT 01 - GLOBAL BROWSER RESET 02 - COMMON STYLE 03 - STRUCTURE 04 - UTILITY ---------------------------------------------------------- */ /* @group 01 - GLOBAL BROWSER RESET */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset,img { border: 0; } address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; } ol,ul { list-style: none; padding-left: 5px;} 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; } iframe { border: 0; } /* @end */ /* @group 02 - COMMON STYLES */ form { display: inline; } input { font: 12px Arial, Helvetica, sans-serif; } p { font-size: 1em; line-height: 1.5em; color: #000; } .interior p, .oneCol p { margin: 1.5em 0; } .interior a, .oneCol a { color: #006699; text-decoration: underline; font-style: italic; } h1 {font-size: 30px; color: #569FD3; line-height: 1.5em; letter-spacing: -2px; text-transform:uppercase;} h2 {font-size: 20px; color: #569FD3; line-height: 1.5em; letter-spacing: 0px;} h3 {font-size: 15px; color: #c00; text-transform:uppercase;} h4, h5 {font-size; 14px; color: #000; text-transform:uppercase;} h1, h2, h4, h6 { font-weight:bold; } blockquote { font-size: 1em; line-height: 1.5em; color: #666; margin-left: 30px; padding-left: 15px; border-left: 3px solid #006192; } .interior ol, .oneCol ol { list-style-type: decimal; } .interior ul, .oneCol ul { list-style-image: url(/page/-/images/site/bullet-redarrow.gif); } .interior ul ul, .oneCol ul ul { list-style-type: disc; list-style-image: none;} .interior ol, .interior ul, .oneCol ol, .oneCol ul { margin: 1em 0; } .interior li, .oneCol li { font-size: 1em; line-height: 1.25em; font-weight: normal; margin: 1em 0 1em 1em; } form#signup td { padding: 5px 0; } form#signup td input.radiobutton { margin: 5px; } form#signup td input.checkbox { margin: 5px; } .interior #dsq-content ul, .oneCol #dsq-content ul { list-style-image: none; } /* @end */ /* @group 03 - STRUCTURE */ html { background: url(/page/-/images/sldn_header_background.png) repeat-x; } body { background: url(/page/-/images/sldn_header.png) no-repeat 50% 0; font: 62.5% "Lucida Grande", "Lucida Sans", Geneva, Verdana, sans-serif; min-width: 960px; color: #666; } /* @group Header */ /* - header part - */ #header { background: url(/page/-/images/sldn_header.png) no-repeat 50% 0; width: 1000px; height: 221px; margin: 0 auto; position: relative; z-index: 10000; } /* - logo - */ .logo { background: url(/page/-/images/outserve-sldn-logo.png) no-repeat; width: 236px; height: 136px; display: block; position: absolute; top: 15px; left: 27px; } .logo a { width: 236px; height: 140px; display: block; text-indent: -9999px; overflow: hidden; } /* - header formbox - */ .sign-up { width: 340px; height: 100px; overflow: hidden; padding: 5px 10px; position: absolute; top: 40px; right: 0; } .sign-up h4, .sign-up p { display: inline; color: #fff; } .sign-up p { font-size: 15px; text-transform:uppercase; letter-spacing: 1px;} .sign-up div { width: 228px; float: left; overflow: hidden; } .sign-up #quick-email { width: 140px; float: left; margin-right: 5px; } .sign-up #quick-zip { width: 60px; float: right; } .sign-up #quick-email, .sign-up #quick-zip { font-size: 11px; background: #fff; height: 18px; color: #6c6c6c; margin-top: 6px; padding: 4px 5px; -moz-border-radius: 5px; border-radius: 5px; border: none;} .sign-up .submit { float: right; margin-top: 5px; } /* - navigation - */ .navigation { text-align: left; width: 985px; position: absolute; top: 171px; margin-left: 15px !important; z-index: 100; } .navigation a { text-transform: uppercase; color: #fff; font-size: 16px; padding: 15px 12px 15px 12px; text-decoration: none;} .navigation a:hover {color: #daeffd;} .navigation .group { margin: 0 10px 0 10px;} .navigation .group a { padding: 15px 2px 0px 2px; } .navigation .group li:last-child {margin-right: 10px;} .navigation .group a { font-weight: bold; } .navigation li { float:left !important; padding-left: 2px; } .navigation li.bold {font-weight:bold;} .navigation li.divider {border-right: 1px solid #569FD3;margin-right:12px;} .navigation li.divider a {padding-right: 24px; } .navigation li:hover ul, .navigation li.sfhover ul { left: auto; } .navigation li ul li, .navigation li ul li a { text-align:left; height: auto; clear: both; padding: 0; z-index: 39; } .navigation li ul { position: absolute; width: 15em; left: -9999em; margin-top: 1px; } .navigation li ul li a { height: auto; text-indent: 0; font-size: 1.25em; text-transform: uppercase; line-height: 1em; border: 1px solid #003e64; z-index: 1100; color: #fff; text-decoration: none; padding: .75em 1em !important; background: #569FD3; } .navigation li ul li a:hover { background: #7bb4d2; } .navigation li ul.full li a { width: 250px; } /*** ESSENTIAL STYLES ***/ .sf-menu .sf-sub-indicator {display:none;} .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 43px; /* match top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } /* @end */ /* @group Main Section */ /* Homepage Styles */ #main { background-image: url(/page/-/images/site/sldn-content-bg.gif); background-repeat:repeat-y; width: 1001px; overflow: hidden; padding: 0 0px 10px; margin: 0 auto; font-size: 1.3em; display: block; } .homepage .blog { width: 332px; float: left; } .txt-hold .post { width: 282px; margin: 0 auto; } div.first { border-top: none; } .post { border-top: 1px solid #ccc; padding: 10px 0; } .post p { margin: ; } .txt-hold .post .dateline { display: block; } .post .dateline { font: bold .77em Arial, Helvetica, sans-serif; color: #c00; text-transform: uppercase; } .txt-hold .post h4 { display: inline; } .post h4 { font-size: 1.15em; color: #569FD3; } .post h4 a { color: #569FD3; text-decoration: none; font-style: normal; } .post h4.news-title { display: inline; } .post p.marg { margin-top: 20px; } .post p a { font-style: italic; color: #569FD3; text-decoration: none; } .post a:hover { text-decoration: underline; } .post ul { margin-left: 35px; } .post ul li { background: url(/page/-/images/site/bullet.gif) no-repeat 0 50%; line-height: 19px; padding-left: 10px; } .post ul a { color: #666; text-decoration: none; } .post ul a:hover { text-decoration: underline; } .news { width: 331px; float: right; } .news img { border: 6px solid #e0e0e0; display: block; margin: 20px auto 8px; } #content.homepage { width: 666px; float: left; z-index: 0; position: relative; margin-left: 4px; padding-left: 1px; } #content.interior { width: 605px; float: left; margin: 20px 0 0 30px; display: inline; } #home-top { background: #e1e1e1; background: -moz-linear-gradient(top, #ffffff 0%, #e1e1e1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e1e1e1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#e1e1e1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#e1e1e1 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#e1e1e1 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #ffffff 0%,#e1e1e1 100%); /* W3C */ height: 370px; width: 100%; position: absolute; left: 0; } #homeFeature { margin-left: -4px; width: 660px;height: 274px; border: 6px solid #e0e0e0; background: url(/page/-/images/site/lift.gif) repeat-x bottom left; background-color: #fff; z-index: 0; position: relative; overflow: hidden; } #homeFeature .feature {width: 648px; height: 273px;} #homeFeature #featureOne {display: block;} #homeFeature p { color: #fff; background: rgba(0, 0, 0, 0.5); margin: 0 15px; padding: 15px; position: absolute; top: 280px; width: 590px; } #homerotator {position: relative;} #home-rotator-pager { position: absolute; top: 253px; left: 520px; } #home-rotator-pager a { -moz-border-radius: 15px; border-radius: 15px; background-color: #fff; display: block; float: left; margin-right: 5px; color: #fff; font-size: 1.2em; text-decoration: none; padding: 0px 5px; } #home-rotator-pager a.activeSlide { color: #b10000; background: #b10000; } #featureBan {position: relative;} #featureBan .featureOverlay {display: block; width: 648px; height: 273px; position: absolute; top: 0; left: 0; z-index: 5;} #featureBan #illustration {position: absolute; top: -13px; left: 0; width: 259px; height: 286px; z-index: 4;} #featureBan #illustration img {border: none;} #featureBan #textblock {width: 408px; position: absolute; top: 35px; left: 230px; display: block; z-index: 4;} #featureBan h1 {background: url(/page/-/images/site/lift-h1.gif) no-repeat; height: 64px; text-indent: -9999px; overflow: hidden;} #featureBan h1 a {display: block; height: 64px; width: 394px; } #featureBan p {font-size: 1.08em; line-height: 1.78em;} #featureBan p strong {font-size: 1.43em; font-weight: normal; color: #333; } #featureBan p a {font-style: italic; color: #006294; text-decoration: none; } #featureBan p a:hover {text-decoration: underline;} #featureBan #petition { background: url(/page/-/images/site/petition.gif) no-repeat; height: 46px; float: left; margin: 17px 0 0 90px; } #featureBan #petition a { background: url(/page/-/images/site/sub-petition.gif) no-repeat 100% 0; height: 46px; float: left; font-size: 1.15em; line-height: 40px; font-weight: bold; color: #fff; word-spacing: 2px; text-decoration: none; margin-right: -15px; padding: 0 15px; position: relative; } #feeds {width:625px; padding-left:20px; margin-top: 10px;} #feeds h1 {margin-bottom: 10px;} #feeds h1 span {font-size: 15px; color: #696969; font-weight: normal; letter-spacing: 0px;} #feeds ul.feednav {padding-left: 0;} #feeds ul.feednav li {border: 1px solid #ccc; float: left; background-color:#fff;} #feeds ul.feednav li a { font-size: 17px; color: #919191; text-decoration: none;} #feeds ul.feednav li, ul#feed-nav li a {padding: 5px 13px;} #feeds ul.feednav li.active { border-bottom-width:0px; padding-bottom:6px;} #feeds ul.feednav li.active a {color: #000;} #feeds ul.feednav li img { margin-bottom: -3px;} #feed-1, #feed-2, #feed-3 { margin-top: -1px; border: 1px solid #ccc; padding: 10px 30px;} /* Framework Pages */ #main.bsd { background: none; } #content.interior.bsd { width: 887px; background: none; } #body-bsd #main { background: none } #body-bsd #content { width: 887px; background: none; } #signup .text { height: 15px; border: 1px solid #999; padding: 2px 4px; margin: 3px 0 15px; font: 10.5px Arial, sans-serif; color: #666; } #signup label { font-size: 1em; color: #333; } #signup .input_email, #signup .input_addr1, #signup .input_addr2 { width: 325px; } #signup .input_firstname { width: 140px; margin-right: 18px; } #signup .input_lastname { width: 155px; } #signup .input_addr1 { margin-bottom: 5px; } #signup .input_city { width: 110px; margin-right: 15px; } #signup .select_state_cd { width: 100px; margin-right: 15px; } #signup .input_zip { width: 60px; } #signup .textarea { width: 330px; font: 1.05em Verdana, Arial, sans-serif; color: #666; padding: 2px; } #signup .submit { margin-top: 10px; } form#contribution { font-size: 1em; color: #666; } #contribution .contribheader { font-size: 1.3em; color: #3292ad; } #contribution .text { height: 15px; border: 1px solid #999; padding: 2px 4px; margin-bottom: 10px; font: 10.5px Arial, sans-serif; color: #666; } #contribution .input_firstname, #contribution .input_lastname { width: 150px; } #contribution .input_addr1, #contribution .input_addr2 { width: 365px; } #contribution .select_state_cd, #contribution .select_country { margin-bottom: 10px; } #contribution .employer { margin: 10px 0; } #contribution .radiobutton { margin: 10px 5px 10px 15px; } #contribution #payment_options label { margin-left: 10px; } #contribution #cc_expir_month, #contribution #cc_expir_year { margin: 0 0 10px 10px; } #contribution #cc_number { margin-left: 10px; } #contribution .legal_confirm_checkbox { margin: 10px; } #contribution .contribcolumn ol { margin: 0 4.5em; } #contribution .submit { width: 130px; margin: 15px 0; } /* @end */ /* @group Sidebar */ .sidebar { width: 274px; display: inline; float: right; margin-top: 12px; position:relative; margin-right: 30px;} .sidebar img.button { margin-bottom: 5px; } #sponsorLogos { height:210px; margin-bottom:10px; margin-left:15px; } .blogroll h3 { text-transform: uppercase; } .contribute { background: url(/page/-/images/site/contribute.gif) no-repeat; height: 63px; overflow: hidden; text-align: center; line-height: 63px; } .contribute a { font-size: 20px; color: #fff; text-decoration: none; letter-spacing: 6px; } .help { background: url(/page/-/images/site/help.gif) repeat-y; margin-top: 5px; } .help-top { background: url(/page/-/images/site/help-top.gif) no-repeat; } .help-bot { background: url(/page/-/images/site/help-bot.gif) no-repeat 0 100%; min-height: 58px; padding: 24px 0 12px 25px; } * html .help-bot { height: 58px; } .help h3 { font-size: 18px; color: #fff; letter-spacing: 1px; } .help a { font-size: 14px; font-style: italic; color: #fff; text-decoration: none; letter-spacing: 1px; } .help a:hover { text-decoration: underline; } .congress { background: url(/page/-/images/site/congress.gif) no-repeat; height: 135px; overflow: hidden; margin-top: 5px; text-align: center; } .congress h3 { font-size: 23px; color: #fff; letter-spacing: 1px; margin: 18px 0 14px; } .congress a { background: url(/page/-/images/site/congress-a.gif) no-repeat; width: 172px; height: 33px; display: block; font-size: 14px; line-height: 28px; font-style: italic; color: #fff; text-decoration: none; text-align: center; margin: 8px auto 0; } .events { background: url(/page/-/images/site/event-bg.gif) repeat-y; } .sub-events { background: url(/page/-/images/site/event-bottom.gif) no-repeat 0 100%; min-height: 74px; text-align: center; padding: 0px 0 10px; } * html .sub-events { height: 74px; } .events h3, .events h3 a { font-size: 18px; color: #006091; letter-spacing: 2px; background: url(/page/-/images/site/event-top.gif) no-repeat top; padding-top: 20px; } .events h3 a { text-decoration: none; background: none; outline: none; } .events ul { line-height: 16px; margin-top: 5px; padding: 0 15px 7px; } .events ul a { font-size: .92em; color: #969696; text-decoration: none; } .events ul a:hover { text-decoration: underline; } .sidebar .twtr-doc { border: 1px solid #006192; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; } .flickr_badge_image {margin:0px;display:inline;} .flickr_badge_image img {border: 0px solid #666666 !important; padding:1px; margin:2px; height: 86px; width: 86px;} #flickr_badge_wrapper {margin: 25px 0 25px 0; width:277px;text-align:left;} .sidebar .yt-icon, .sidebar .fr-icon { height: 24px; position: relative; top: 21px;} .sidebar .yt-icon { left: 226px; } .sidebar .fr-icon { left: 206px; } .sidebar h2 { font-size:1.4em; margin-bottom:4px; } .sidebar .sldn-gear { margin: 6px 0 0 20px;} /* @end */ /* @group News Section */ .news-breadcrumbs { text-align: left; } h2.mediacenter-title { margin: 45px 0 0; } h2.mediacenter-title a { text-decoration: none; font-size: 1.2em; font-weight: bold; } p.clips-footer { text-align: right; border-top: 1px solid #ccc; margin: 0; padding-top: 5px; } /* @end */ /* @group Footer */ /* - footer part - */ #footer { background: #b10000 url(/page/-/wrapper/img/footer-bg.png) repeat-x; width: 100%; height: 42px; line-height: 20px; float: left; border-top: 5px solid #c4c4c4; } #footer div { width: 960px; padding: 0 0 0 20px; margin: 0 auto; } #footer p { font-size: 1.1em; color: #fff; float: left; width: 75%; padding-top: 13px;} #footer p a:link, #footer p a:visited { color: #fff; text-decoration: none; } #footer p a:hover, #footer p a:active { text-decoration: underline; } #footer #cse-search-box { width: 200px; float: right; background: #FFF; padding: 0 8px; margin-top: 6px; height: 30px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-box-shadow: inset 0 0 5px #8c8c8c; -webkit-box-shadow: inset 0 0 5px #8c8c8c; box-shadow: inset 0 0 5px #8c8c8c; } #footer #cse-search-box input[type=image] { position: relative; top: 4px; } #footer #cse-search-box input[type=text] { border: none; color: #6d6d6d; font-style: italic; font-size: 14px; width: 180px; height: 22px; background: none; margin-top: 4px; } #footer input.submit {background-image:url(/page/-/wrapper/img/search.png); text-indent: -100px; border:none; height: 16px; width:16px; position: relative;} /* @end */ /* @group Interior - Blog */ #content.interior .post.blurb p { margin: 0; } /* COMMENTS */ #post .entry .bookmarks { float: right; } #post .entry .comments { border-top: 1px solid #666; } #post .entry .comments p { margin: 5px 0; } #post .entry .comments a { font-weight: bold; text-decoration: none; text-transform: lowercase; } #post #comments { margin-bottom: 50px; } #post #comments h2 { margin-bottom: 10px; } #post #comments .comment { border-bottom: 1px solid #a7a7a7; padding: 20px 10px; margin: 0 10px; } #post #comments .commentInfo { margin-bottom: 10px; } #post #comments .commentName { font-size: 1.4em; font-weight: bold; } #post #comments .commentInfo .commentDate { color: #666; font-weight: normal; } #post #comments .comment p { margin: 0; } #commentPost #comment_form fieldset { width: 375px; margin: 0 auto; } #commentPost #comment_form .text, #commentPost #comment_form .textarea { border: 1px solid #999; padding: 2px 4px; font: 10.5px Verdana, Arial, sans-serif; color: #666; } #commentPost #comment_form .text { width: 250px; height: 15px; } #commentPost #comment_form .textarea { width: 250px; } #commentPost #comment_form label { display: inline-block; vertical-align: top; width: 80px; } #commentPost #comment_form p img { vertical-align: middle; margin-right: 10px; } #comments .commentInfo { font-weight: bold; } /* @end */ /* SEARCH STYLES */ .interior .interior-searchbox { display: block; width: 300px; margin: 0 auto; } .interior #sitesearch { height: 15px; border: 1px solid #999; padding: 2px 4px; margin-bottom: 15px; font: font: 12px Arial, Helvetica, sans-serif; color: #666; margin-right: 10px; } /* @group Tools */ #outreach_content a { color: #006699; } #outreach_content #loginform td.error { padding: 10px; } #outreach_content #loginform { margin-bottom: 15px; } #outreach_content #breadcrumb { padding: 3px; } #outreach_content #outreachsettings input.text { padding: 3px; color: #666; margin-left: 5px; } #outreach_content .logintitle, #outreach_content .signuptitle { padding-bottom: 5px; } #outreach_content #loginform input, #outreach_content #signupform input { margin: 0 0 7px 5px; } #outreach_content td.logindesc, #outreach_content td.signupdesc { padding: 10px; } #outreach_content #outreachsettings2 #nextcenter { padding: 7px; } #outreach_content #outreachsettings3 label { display: block; padding-bottom: 10px; } .side-content-block {margin: 0 0 10px 0; border: 5px solid #CCCCCC;} /* @end */ /* @end */ /* @group 04 - UTILITY */ .floatl { float: left; } .floatr { float: right; } .required { color: red; } strong { font-weight: bold; } em { font-style: italic; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: block; } /* =ACTION =================================================================================================================*/ #action-bar { letter-spacing: 0px; } #action-bar .action-button { padding: 20px 20px 0;display: block; width: 257px; height: 39px; background: url(/page/-/images/sldn_action-center-button-blue.png) no-repeat; margin: 8px 0; line-height: 58px; text-align: left; text-decoration: none; color: #fff; font-size: 20px; text-transform: uppercase; font-weight: bold; } #action-bar .action-button.blue { color: #569FD3; } #action-bar p { color: white; font-variant: small-caps; text-align: center; font-size: 21px; margin-bottom: 0; line-height: 1; margin-top: 7px; } #action-bar ul { padding-top: 30px; background: url(/page/-/images/shine.jpg) center top no-repeat; } .action-social ul {float: right;} .action-social li {float: left; list-style:none; padding: 0 !important; margin: 0 7px 0 0 !important;} #TACont { width: 100%; height: 100%; background: #fff; } #TA { margin: 0 auto; padding: 20px 0 0 0; } #TABorderTop { background: url(/page/-/images/site/borderTop.png); height: 9px; width: 956px; overflow: hidden; } #TAMain { background: url(/page/-/images/site/borderMain.png) repeat-y; padding: 3px 0 1px 12px; } #TAInnerTop { background: url(/page/-/images/site/takeActionHeader.png); height: 62px; width: 932px; overflow: hidden; text-indent: -900em; } #TAInnerMain { background: #003255 url(/page/-/images/site/mainMain.png) repeat-x; width: 932px; } #TAInnerBottom { background: url(/page/-/images/site/mainBottom.png); height: 8px; width: 932px; overflow: hidden; } #TAborderBottom { background: url(/page/-/images/site/borderBottom.png); height: 11px; width: 956px; overflow: hidden; } #takeAction { color: #fff; font-family: Helvetica, Arial, sans-serf; } .actionInputText input, #actionOther { background: #fff url(http://www.sldn.org/page/-/images/site/TAInputBg.png) repeat-x; } #pInfo, #interestedIn, #actionSubmit { float: left; margin: 10px 0 0 30px; overflow: hidden } #pInfo legend { text-indent: -900em; } .actionInputText { background: url(/page/-/images/site/fieldBg.png) no-repeat; height: 52px; width: 250px; padding: 11px 10px 0 10px; margin: 0 0 10px 0; } .actionInputText label { float: left; } .actionInputText input { width: 160px; height: 14px; border: 1px solid #369; float: right; padding: 4px; margin: -3px 0 0 0; } #pInfo p { margin: -15px 0 7px 0; color: #ccc; } #interestedIn { margin: 22px 0 0 30px; width: 300px; } #interestedIn legend { font-size: 28px; font-weight: bold; margin: 0 0 20px 0; color: #fff; } .actionInputCheck { margin: 0 0 35px 10px; font-size: 16px; } #actionOther { width: 210px; height: 14px; border: 1px solid #369; padding: 4px; margin: 0 0 0 10px; } input#actionSubmit { background: url(/page/-/images/site/joinUs.png); border: none; height: 318px; width: 267px; text-indent: -900em; margin: 5px 0 0 20px; cursor: pointer; font-size: 0px; display: block; line-height: 0px; } #TASubCont { margin: 30px 0 30px 0; } .TASubColumn { float: left; width: 306px; margin: 0 0 0 0; } .TASubColumn.middle { margin: 0 20px 0 20px; } .TASubHeader { background: url(/page/-/images/site/subHeader.png) repeat-x; height: 40px; width: 286px; padding: 22px 0 0 20px; overflow: hidden; } .TASubMain { background: #fff url(/page/-/images/site/subMainOutlineBg.png) repeat-y; min-height: 300px; padding: 0 0 0 12px; } .TASubMainInner { background: #003255 url(/page/-/images/site/subMainBg.png) repeat-x; min-height: 300px; padding: 20px 0 0 15px; width: 267px; } .TASubBottom { background: url(/page/-/images/site/subBottom.png); height: 19px; width: 306px; overflow: hidden; } .TASubHeader h2 { color: #fff; font-family: Helvetica, Arial, sans-serif; font-size: 24px; font-weight: bold; } .TASubHeader h2.advocate { background: url(/page/-/images/site/advocateIcon.png) no-repeat; padding: 0 0 0 45px; } .TASubHeader h2.spreadWord { background: url(/page/-/images/site/speakOutIcon.png) no-repeat; padding: 0 0 0 40px; } .TASubHeader h2.pride { background: url(/page/-/images/site/prideIcon.png) no-repeat; padding: 2px 0 0 60px; } .TASubMain a { color: #fff; font-family: Helvetica, Arial, sans-serif; text-decoration: none; font-size: 14px; font-weight: bold; padding: 10px 0 10px 0; } .TASubMain ul li { background: url(/page/-/images/site/subArrow.png) no-repeat; padding: 0 0 0 18px; display: block; margin: 0 0 30px 0; } .actionHeader { background: url(/page/-/images/site/actionHeader.png) no-repeat; height: 116px; text-indent: -900em; width: 956px; display: block; margin: 0 0 15px 0; } .actionHeaderS { background: url(/page/-/images/site/actionHeaderSmall.png) no-repeat; height: 116px; text-indent: -900em; width: 618px; display: block; margin: 0 0 15px 0; } div#content.oneCol { padding: 20px 0 30px 0; background: #fff; margin: 0 0 -10px 0; } /* =Discharge Ticker =================================================================================================================*/ #dischargeTicker { background: url(/page/-/images/discharge_tickerfull.jpg) no-repeat; height: 183px; width: 276px; position: relative; margin: 0 0 5px 0; } #dischargeTickerLarge { background: url(/page/-/images/sldn_counter_bigger.jpg) no-repeat; height: 150px; width: 400px; position: relative; margin: 20px auto 40px auto; top: 10px; } #dischargeTicker h3, #dischargeTickerLarge h3 { text-indent: -900em; } #dischargeTicker .number { font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 50px; font-weight: bold; color: #9d0000; text-align: center; margin: 52px 0 0 15px; letter-spacing: 5px; } #dischargeTickerLarge .number { font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 50px; font-weight: bold; color: #9d0000; text-align: center; margin: 45px 0 0 25px; letter-spacing: 10px; } #dischargeTicker .moreInfo a { display: block; text-indent: -900em; height: 183px; width: 276px; position: absolute; top: 0; left: 0; } #dischargeTickerLarge .moreInfo a { display: block; text-indent: -900em; height: 150px; width: 400px; position: absolute; top: 0; left: 0; } #widget { margin: 0 0 30px 0; } #widget h4 { margin: 0 0 10px 0; } #widgetLight { float: left; } #widgetDark { float: right; } .copyCode { height: 80px; width: 272px; margin: 10px 0 0 0; } /* =Framework Tweaks =================================================================================================================*/ #framework { } /* default heading */ #framework #SKIN #sectionheader h1, #framework #SKIN h2 { } #framework a { font-weight: normal; } /* reset all to non bold */ #framework input.text, #framework textarea, #framework select { } #framework select { padding: 2px; } #framework #SKIN .main { border: none; margin: 10px 0; } #framework #SKIN .main p, #framework #SKIN .main h3, #framework #SKIN .main h4, #framework #SKIN .main .table_container { padding-left: 0; } #framework #SKIN .main p { font-size: 12px; } #framework #SKIN .standard_form .form_field { margin-bottom: 15px; } #framework #SKIN .standard_form .form_label { text-align: right; line-height: 1.3em; } #framework #SKIN .standard_form .form_input { margin-left: 10px; } #framework #SKIN .odd { background: #f0f0f0; } #framework #SKIN p, #framework #SKIN li, #framework #SKIN td, #framework #SKIN th, #framework #SKIN label, #framework #SKIN div, #framework #SKIN a { font-size: 9.5pt;} /* signup */ /* EVENTS */ #framework #SKIN #eventdetail { padding: 0; } #framework #SKIN #eventdetail .title { font-weight: normal; font-size: 16px; } #framework #SKIN #eventdetail .description { font-size: 12px; } #framework #SKIN #eventdetail #detailtable { background: #fff; border: none; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } #framework #SKIN #eventdetail #detailtable td { padding: 5px; } /* @end */ .cufon-loading * { visibility: hidden !important;