/* ---------------------------------------------------------- Democratic Congressional Campaign Committee CSS Managed by: Blue State Digital TABLE OF CONTENT 01 - GLOBAL BROWSER RESET 02 - COMMON STYLE 03 - LAYOUT 04 - HOMEPAGE 05 - SUBPAGES 06 - FRAMEWORK 07 - UTILITY COLOR GUIDE (Main Site Colors and their Hex Codes) ---------------------------------------------------------- */ /* 01 =GLOBAL BROWSER RESET ---------------------------------------------------------- */ /* YUI Reset version: 2.7.0 */ html { color: #000; background: #FFF; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,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,optgroup { font-style: inherit; font-weight: inherit; } del,ins { text-decoration: none; } li { list-style: none; } caption, th { text-align: left; } h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; } q:before, q:after { content: ''; } abbr,acronym { border: 0; font-variant: normal; } sup { vertical-align: baseline; } sub { vertical-align: baseline; } /*because legend doesn't inherit in IE */ legend { color: #000; } input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; } /*@purpose To enable resizing for IE */ /*@branch For IE6-Win, IE7-Win */ input,button,textarea,select { *font-size: 100%; } /* 02 =COMMON STYLE ---------------------------------------------------------- */ html { background: #f2f9fc url(/page/-/img/background4.png) repeat-x center top; } body { background: transparent url(/page/-/wrapper/img/Website-2014-Win.png) no-repeat center top; font-family: Arial, sans-serif; color: #333333; font-size: 12px; } h1 { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #00508d; font-size: 22px; text-transform: uppercase; margin: 10px 0 20px; } h2 { color: #333; font-size: 16px; margin: 20px 0; } h3 { color: #00508d; font-size: 14px; margin: 15px 0; } h4 { font-size: 12px; text-transform: uppercase; font-weight: bold; margin: 10px 0; } h5 { font-weight: bold; margin: 10px 0; } h1 a, h2 a, h3 a, h4 a, h5 a { color: inherit; } a { text-decoration: none; color: #00508d; } a:hover { color: #b71400; } .base p { line-height: 20px; margin: 10px 0; } .base blockquote { color: #00508d; font-size: 15px; font-style: italic; margin: 20px 60px; padding: 0 0 0 20px; border-left: 2px solid #00508d; line-height: 28px; } .base cite { font-size: 10px; color: #737373; display: block; font-style: normal; line-height: normal; } .base ul { margin: 10px 30px; } .base ol { margin: 10px 48px; } .base ul li, .base ol li { font-size: 13px; line-height: 18px; } .base ul li { list-style-position: outside; background: url(/page/-/img/bullet.png) no-repeat left 3px; padding: 0 20px; } .base ol li { list-style: decimal outside; padding: 0 2px; } .base li ol { margin: 5px 33px; } .base li ol li { list-style: lower-latin outside; } .base li ul { margin: 5px 15px; } input.text, input[type=text] { color: #333; } input.blur { color: #333; } .base hr { border: 1px solid #eee; margin: 10px; } .base .date { font-size: 11px; color: #999; font-weight: bold; text-transform: uppercase; } .base p.date { margin: 10px 0 0; line-height: normal; } .button { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 1px 1px 2px #BBBBBB; -webkit-box-shadow: 1px 1px 2px #BBBBBB; box-shadow: 1px 1px 2px #BBBBBB; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 15px; line-height: 15px; text-transform: uppercase; border: none; display: block; font-weight: bold; text-align: center; text-shadow: 0 2px 3px #333; color: #fff; padding: 7px 0; } .button:hover, .button:active { color: #fff; text-shadow: none; -moz-box-shadow: inset 1px 0 2px #444; -webkit-box-shadow: 1px 0 2px #444; box-shadow: 1px 0 2px #444; } .button.white { background: #eee; background-image: -moz-linear-gradient(center top, #eee, #ccc); background-image:-webkit-gradient(linear, center top, center bottom, from(#eee), to(#ccc)); border-top: 1px solid #fff; color: #00508D; text-shadow: 0 1px 1px #fff; -moz-box-shadow: 1px 1px 2px #666; -webkit-box-shadow: 1px 1px 2px #666; box-shadow: 1px 1px 2px #666; } .button.white:hover { background: #ccc; background-image: -moz-linear-gradient(center bottom, #eee, #ccc); background-image:-webkit-gradient(linear, center bottom, center top, from(#eee), to(#ccc)); border-top: 1px solid #ccc; color: #00508D; text-shadow: none; } .button.blue { background: #003e75; background-image: -moz-linear-gradient(center top, #005ca4, #003e75); background-image:-webkit-gradient(linear, center top, center bottom, from(#005ca4), to(#003e75)); border-top: 1px solid #337bb4; } .button.blue:hover { background: #005ca4; background-image: -moz-linear-gradient(center bottom, #005ca4, #003e75); background-image:-webkit-gradient(linear, center bottom, center top, from(#005ca4), to(#003e75)); border-top: 1px solid #003267; } .button.red { background: #9f0105; background-image: -moz-linear-gradient(center top, #e3060f, #9f0105); background-image:-webkit-gradient(linear, center top, center bottom, from(#e3060f), to(#9f0105)); border-top: 1px solid #e85157; } .button.red:hover { background: #e3060f; background-image: -moz-linear-gradient(center bottom, #e3060f, #9f0105); background-image:-webkit-gradient(linear, center bottom, center top, from(#e3060f), to(#9f0105)); border-top: 1px solid #8f0000; } /* 03 =LAYOUT ---------------------------------------------------------- */ #container { width: 980px; margin: 0 auto; } #header { width: 980px; height: 184px; position: relative; z-index: 3; } a#header-logo { display: block; width: 660px; float: left; height: 130px; text-indent: -9999em; overflow: hidden; } a#header-logo:active { border: none; } form#qksignup { float: right; width: 261px; margin: 15px 0 0 0; } form#qksignup fieldset { width: 211px; } form#qksignup legend { font-size: 18px; color: #fff; text-transform: uppercase; text-shadow: 1px 1px 1px #003f70; font-family: Trebuchet MS, Arial, Helvetica sans-serif; } form#qksignup input { margin: 5px 0 0; } form#qksignup input.text { background: #fff; padding: 7px 10px 8px; color: #b2b2b2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 12px; } #paypal {font-size;90%;margin:10px;color:#f0efef; width:250px; height:40px; text-align:right; float:right} #paypal a { border:none; } #paypal a img { display: block; margin-top:5px; border:none; float: right; } form#qksignup input#qksignup-email { width: 185px; } form#qksignup input#qksignup-zip { float: left; width: 85px; } form#qksignup input#qksignup-submit { float: right; width: 97px; padding: 6px 0; line-height: 20px; } /*** ESSENTIAL STYLES ***/ .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: 13em; /* 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: 40px; /* 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: 13em; /* 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: 13em; /* match ul width */ top: 0; } /*** SKIN ***/ ul#header-nav { clear: both; float: none; width: 970px; height: 54px; padding: 0 0 0 10px; position: relative; z-index: 4; } .sf-menu li { float: left; display: inline; height: 37px; padding: 7px 0 10px; z-index: 5; width: auto; } .sf-menu li a { display: block; height: 17px; line-height: 17px; padding: 10px 6px 10px 5px; font-size: 13px; text-transform: uppercase; color: #4c4c4c; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-weight: bold; } .sf-menu li:hover a.nav-top, .sf-menu li.sfHover a.nav-top, .sf-menu li a.nav-top:hover, .sf-menu li a.nav-top:active { outline: 0; color: #fff; text-shadow: 1px 1px 0px #666; background: url(/page/-/img/header-nav-top-hover.png) repeat-y right top; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; } .sf-menu li.home { padding: 7px 15px 10px 8px; width: 13px; } .sf-menu li.home a { padding: 0; width: 13px; height: 37px; text-indent: -9999em; overflow: hidden; background: url(/page/-/img/header-nav-home.png) no-repeat -13px 13px; } .sf-menu li.home a:hover { background-position: 0 13px; } .sf-menu li.about { width: 61px; } .sf-menu li.races { width: 94px; } .sf-menu li.action { width: 117px; } .sf-menu li.news { width: 90px; } .sf-menu li.video { width: 55px; } .sf-menu li.blog { width: 52px; } .sf-menu li.store { width: 57px; } .sf-menu li.es { width: 77px; } .sf-menu li.es a { text-transform: capitalize; color: #999999; text-align: right; padding-right: 0; } .sf-menu li.es a:focus, .sf-menu li.es a:hover, .sf-menu li.es a:active { color: #ccc; background: none; text-shadow: none; } .sf-menu li.contribute { float: right; height: 54px; padding: 0; width: 313px; } .sf-menu li.contribute a { display: block; width: 313px; height: 54px; text-indent: -9999em; overflow: hidden; padding: 0; background: url(/page/-/img/nav_contribute.png) no-repeat left top; } .sf-menu li.contribute a:hover { text-shadow: none; background: url(/page/-/img/nav_contribute.png) no-repeat left -68px; } .sf-menu li ul { background: #3d6a8d url(/page/-/img/header-nav-dropdown.png) repeat-x center top; -webkit-border-radius: 3px; -webkit-border-top-left-radius: 0; -moz-border-radius: 3px; -moz-border-radius-topleft: 0; border-radius: 3px; border-top-left-radius: 0; padding: 10px; box-shadow: 1px 1px 1px #ccc; -moz-box-shadow: 1px 1px 1px #ccc; -webkit-box-shadow: 1px 1px 1px #ccc; margin: 4px 0 0; z-index: 99; } .sf-menu li ul li { background: #fff; display: block; float: none; height: auto; padding: 0; } .sf-menu li ul li:first-child { -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .sf-menu li ul li:last-child { -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .sf-menu li li a { color: #333333; font-size: 12px; line-height: 16px; height: auto; margin: 0 5px; padding: 8px 5px; border-top: 1px solid #e3e3e3; text-transform: capitalize; font-family: Arial, sans-serif; font-weight: normal; } .sf-menu li li:first-child a { border: none; } .sf-menu li li a:hover { background: none; color: #b71400; text-shadow: none; } #main { width: 980px; background: transparent url(/page/-/img/main_background.png) repeat-y 0px top; padding: 0 0 40px; } #main-background { width: 960px; padding: 0 10px; background: transparent url(/page/-/img/content_background4.png) no-repeat 0px top; position: relative; z-index: 1; min-height: 483px; height: auto !important; height: 483px; } #content { width: 600px; padding: 0 20px; float: left; z-index: 3; position: relative; } .full-width #content { width: 920px; padding: 0 20px; } #sidebar { width: 310px; padding: 0 10px 0 0; float: right; position: relative; z-index: 2; } #sidebar #sidebar-background { padding: 15px 20px 40px; background: #f2f2f2; background-image: -moz-linear-gradient(center top, #fff, #f2f2f2, #f2f2f2, #f2f2f2, #f2f2f2, #f2f2f2, #f2f2f2, #f2f2f2, #f2f2f2, #fff); background-image:-webkit-gradient(linear, center top, center bottom, from(#fff), color-stop(0.1, #f2f2f2), color-stop(0.9, #f2f2f2), to(#fff)); } #sidebar .block { margin: 0 auto 15px; } #sidebar h2 { border-bottom: 1px solid #d9d9d9; padding: 5px 0; text-shadow: 1px 1px 0 #d9d9d9; font-size: 18px; margin: 10px 0 15px; color: #4c4c4c; text-transform: uppercase; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; } #sidebar .block:first-child h2 { margin: 0 0 10px; padding: 0 0 5px; } #sidebar #sidebar-video { border-bottom: 1px solid #d9d9d9; line-height: 18px; margin-bottom: 15px; padding-bottom: 5px; } #sidebar #sidebar-video h2 { padding: 0; border: none; } #sidebar #sidebar-video p { color: #737373; } #sidebar #sidebar-video ul li { padding: 0 15px; list-style-position: outside; background: url(/page/-/img/bullet.png) no-repeat left 3px; } #sidebar #sidebar-video a.more { display: block; float: right; color: #999999; font-size: 11px; font-weight: bold; } #sidebar #sidebar-video a.more:hover { color: #b71400; } #sidebar #sidebar-facebook { padding: 12px 15px; font-family: Arial, sans-serif; text-shadow: 2px 2px 8px #333; color: #fff; background: #003e75; background-image: -moz-linear-gradient(center top, #005ca4, #003e75); background-image:-webkit-gradient(linear, center top, center bottom, from(#005ca4), to(#003e75)); border: none; border-top: 1px solid #337bb4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 1px 1px 2px #ccc; -webkit-box-shadow: 1px 1px 2px #ccc; box-shadow: 1px 1px 2px #ccc; } #sidebar #sidebar-facebook a { display: block; color: #fff; } #sidebar #sidebar-facebook a:hover { color: #005ca4; } #sidebar #sidebar-facebook .image { width: 65px; float: left; } #sidebar #sidebar-facebook .image img { display: block; width: 50px; height: 50px; } #sidebar #sidebar-facebook .text { width: 175px; float: right; } #sidebar #sidebar-facebook .text a { margin: 0 0 5px; } #sidebar #sidebar-facebook .text a strong { font-size: 18px; font-weight: bold; } #sidebar .tweet .date { margin: 5px 0; color: #999; } #sidebar .tweet .status { background: url(/page/-/img/twitter.png) no-repeat 0 0; padding: 0 0 0 50px; margin: 5px 0 15px; min-height: 35px; } #sidebar ul#sidebar-socnet { width: 230px; height: 36px; display: block; } #sidebar ul#sidebar-socnet li { float: left; display: inline; width: 34px; padding: 0 0 0 15px; height: 36px; } #sidebar ul#sidebar-socnet li:first-child { padding: 0; } #sidebar ul#sidebar-socnet li a { display: block; width: 34px; height: 36px; display: block; text-indent: -9999em; overflow: hidden; background: url(/page/-/img/sidebar-socnet.png) no-repeat 0 0; } #sidebar ul#sidebar-socnet li.facebook a:hover { background-position: 0 -36px; } #sidebar ul#sidebar-socnet li.twitter a { background-position: -53px 0; } #sidebar ul#sidebar-socnet li.twitter a:hover { background-position: -53px -36px; } #sidebar ul#sidebar-socnet li.youtube a { background-position: -107px 0; } #sidebar ul#sidebar-socnet li.youtube a:hover { background-position: -107px -36px; } #sidebar ul#sidebar-socnet li.mobile a { background-position: -161px 0; } #sidebar ul#sidebar-socnet li.mobile a:hover { background-position: -161px -36px; } #sidebar ul#sidebar-socnet li.blog a { background-position: -215px 0; } #sidebar ul#sidebar-socnet li.blog a:hover { background-position: -215px -36px; } #sidebar #sidebar-grassroots .tweet { background: url(/page/-/img/sidebar-divider.png) no-repeat center bottom; padding: 0 0 10px; margin: 0 0 10px; } #sidebar #sidebar-grassroots .tweet .image { float: left; width: 45px; padding: 5px 0 0; } #sidebar #sidebar-grassroots .tweet .image a { border: 1px solid #fff; display: block; width: 35px; height: 35px; } #sidebar #sidebar-grassroots .tweet .image a:hover { border: 1px solid #d9d9d9; } #sidebar #sidebar-grassroots .tweet .image img { width: 35px; height: 35px; display: block; } #sidebar #sidebar-grassroots .tweet .status { background: none; padding: 0; float: right; width: 225px; min-height: 40px; } #sidebar #sidebar-grassroots .tweet .status a.user { font-weight: bold; } #sidebar #sidebar-member a.button { width: 270px; } #get-involved a.button { margin: 0 0 10px; } #get-involved a.volunteer { float: left; width: 115px; } #get-involved a.register { float: right; width: 140px; } #get-involved a.store { clear: both; float: none; width: 270px; } form#cse-search-box { margin: 15px 0; } form#cse-search-box legend { color: #4c4c4c; text-transform: uppercase; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 18px; margin: 10px 0 0; text-shadow: 1px 1px 0 #d9d9d9; } form#cse-search-box input.text { background: #f3f3f3 url(/page/-/img/search-background.png) no-repeat 10px center; padding: 8px 10px 8px 35px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; float: left; width: 175px; border-top: 2px solid #dbdbdb; border-bottom: 2px solid #efefef; border-left: 2px solid #dbdbdb; border-right: 2px solid #efefef; } form#cse-search-box input.buttonImage { float: right; } #sidebar .small_map { width: 250px; height: 182px; position: relative; left: 0; top: 0; } #footer { width: 960px; padding: 0 10px; background: #f2f9fc url(/page/-/img/footer_background.png) no-repeat center top; color: #bfbfbf; font-size: 11px; line-height: 15px; } #footer a { color: #466e8c; } #footer a:hover { color: #666; } ul#footer-nav { width: 800px; margin: 0 auto 20px; display: block; height: 35px; } ul#footer-nav li { float: left; display: inline; height: 35px; line-height: 35px; } ul#footer-nav li a { text-transform: uppercase; font-weight: bold; border-left: 1px solid #466e8c; padding: 0 10px; } ul#footer-nav li:first-child a { border: none; } #footer div { width: 500px; margin: 20px auto; } #disclaimer { border: 1px solid #bfbfbf; padding: 10px; } /* 04 =HOMEPAGE ---------------------------------------------------------- */ #home h2, #races h2, #news.index h2 { border-bottom: 1px solid #d9d9d9; padding: 5px 0; text-shadow: 1px 1px 0 #d9d9d9; font-size: 18px; margin: 10px 0 15px; color: #4c4c4c; text-transform: uppercase; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; } body#home #main-background { background-image: url(/page/-/img/content_background_home4.png); } #home #content { width: 630px; padding: 0 0 0 10px; } #home #sidebar #sidebar-background { background: none; } #home #upper { height: 413px; margin-bottom: 20px; } #feature { width: 628px; height: 428px; margin: 1px 0 0; position: relative; float: right; overflow: hidden; } #feature #cycle a { display: block; width: 628px; height: 365px; } #feature #cycle a img { display: block; height: 365px; margin: 0 auto; } #feature #pager { position: absolute; bottom: 0; left: 0; width: 628px; height: 77px; overflow: hidden; z-index: 6; margin: 0; } #feature #pager li { float: left; display: inline; width: 157px; height: 77px; z-index: 7; background: none; padding: 0; background: url(/page/-/img/feature-pager.png) no-repeat -158px bottom; } #feature #pager li:first-child { background-position: -160px bottom; } #feature #pager li a { display: block; width: 157px; height: 46px; padding: 21px 0 10px; text-align: center; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #4c4c4c; font-size: 19px; text-transform: uppercase; line-height: 46px; overflow: hidden; } #feature #pager li a:hover { background: url(/page/-/img/feature-pager.png) no-repeat 0 bottom; color: #fff; } #feature #pager li.activeSlide a { background: url(/page/-/img/feature-pager.png) no-repeat 0 bottom; color: #fff; } #feature #pager li.activeSlide a:hover { color: #eee; } #cycle_map, #races-map { width: 630px; height: 365px; overflow: hidden; position: relative; } .content-column { width: 290px; } .content-column.left { float: left; padding: 0 20px 0 10px; } .content-column.right { float: right; padding: 0 20px 0 0; } /*#home #get-involved a.volunteer { width: 130px; }*/ #home #get-involved a.register { width: 150px; } /*#home #get-involved a.store { width: 290px; }*/ #special-campaigns { line-height: 22px; font-size: 14px; } #home form#cse-search-box input.text { background: #fff; } #petition-holder { clear: both; margin: 0 10px 0 0; padding: 10px 0; } #take-action { } #take-action-holder { background: #f8f8f8; border: 1px solid #e8e8e8; padding: 20px; } #take-action h3 { float: left; margin: 0; padding: 0 0 5px; font-size: 12px; width: 240px; } #take-action h3 a { color: #00508d; line-height: 18px; } #take-action h3 a:hover { color: #b71400; } #take-action h3 span { text-transform: uppercase; display: block; font-size: 11px; font-weight: bold; color: #999999; margin: 0 0 5px; } form#petition { float: right; margin: 0; padding: 0; width: 314px; } form#petition legend { font-size: 14px; line-height: 18px; color: #333; white-space: normal; float: left; margin: 0 0 15px; } form#petition legend span { width: 211px; display: block; } form#petition input.text { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border-top: 2px solid #dbdbdb; border-bottom: 2px solid #efefef; border-left: 2px solid #dbdbdb; border-right: 2px solid #efefef; margin: 0 0 10px; color: #b2b2b2; padding: 9px 10px 7px; } form#petition input#petition-email { width: 290px; } form#petition input#petition-firstname { width: 128px; float: left; } form#petition input#petition-lastname { width: 128px; float: right; } form#petition input#petition-zip { width: 190px; float: left; } form#petition input#petition-submit { width: 94px; float: right; padding: 6px 0; line-height: 21px; } form#petition .required { color: #b2b2b2; font-size: 10px; margin: 0; } /* 05 =SUBPAGES ---------------------------------------------------------- */ .index .base ul { margin: 0; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; } .index .base ul li { padding: 10px 20px; background: #f6f6f6; } .index .base ul li.even { background: #fff; } .index .base ul li p.date { margin: 0; } .index .base ul li h3 { margin: 0; } .index .base a.more { display: block; text-align: right; margin: 10px 0 20px; padding: 10px 0; } .index .base p.pagination { margin: 0; padding: 20px 0; text-align: right; font-size: 14px; border-top: 1px solid #d9d9d9; } .canvas { margin: -220px auto; width: 630px; height: 365px; position:relative; /* clipped because canvas is larger than map */ /*clip:rect(200px,612px,792px,0px);*/ } #news.index .base h2 { margin: 10px 0 0; padding: 0 0 10px; } #updates.index .base ul { border-top-width: 2px; } #press.index .base ul { border-top-width: 2px; } #updates.index .base h2, #press.index .base h2, #blog.index .base h2 { margin: 0; } #updates.index .base h2, #press.index .base h2 { font-size: 14px; } #updates.index .base h2 a, #press.index .base h2 a, #blog.index .base h2 a { color: #00508D; } #blog.index .base .entry { border-top: 1px solid #d9d9d9; padding: 10px 0; } #blog.index .base .entry a.more { margin: 0; float: right; width: 75px; text-align: center; height: 20px; line-height: 20px; } .base .share { width: auto; float: left; height: 20px; line-height: 20px; padding: 10px 0; display: inline; } .base .share .facebook { float: left; } .base .share .twitter { float: left; } .base .share .gplusone { float: left; } .entry .base .share { float: right; width: auto; padding: 0px 0px 10px 10px; height: auto; line-height: normal; display: inline } .entry .base .facebook { float: right; padding: 0px 5px 0px 5px} .entry .base .twitter { float: right; padding: 0px 5px 0px 5px} .entry .base .gplusone { float: right; padding: 0px 5px 0px 5px} #races-map-container { z-index: 99; position: absolute; top: 0; right: -310px; width: 350px; } #races-map-close { background: url(/page/-/img/map-rollover-close.png) no-repeat; height: 31px; width: 31px; position: absolute; right: 0; top: 0; display: block; } #races-map-arrow { background: url(/page/-/img/map-rollover-arrow.png) no-repeat; height: 60px; width: 28px; position: absolute; left: 0; top: 40px; } #races-map-main { background: #004b85; background-image: -moz-linear-gradient(center bottom, #00284d, #004b85); background-image:-webkit-gradient(linear, center bottom, center top, from(#00284d), to(#004b85)); color: #fff; border: 2px solid #00274b; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 10px; -webkit-box-shadow: 1px 1px 5px #666666; -moz-box-shadow: 1px 1px 5px #666666; box-shadow: 1px 1px 5px #666666; margin: 10px 12px 0 26px; padding: 15px; } #races-map-main h2 { border-bottom: 1px solid #76a1c8; color: #fff; font-family: Arial, sans-serif; font-size: 18px; margin: 0; padding: 0 0 5px; text-shadow: none; text-transform: none; } #races-map-info { overflow: auto; height: 275px; margin: 10px 0; } #races-map-info a { color: #76a1c8; } #races-map-info a:hover { color: #b71400; } #races-map-info h3 { font-weight: bold; font-size: 12px; color: #fff; text-transform: uppercase; margin: 10px 0; } #races-map-info h3:first-child { margin: 0 0 10px; } #races-map-info h4 { margin: 0; font-weight: normal; text-transform: none; } #races-map-info p { margin: 0; line-height: normal; } #races-map-info a.more { display: block; margin: 0; padding: 0; text-align: left; } #races-map-info .candidate, #races-map-info .video { margin: 5px 0; } #races-map-info .image { float: left; padding: 0 15px; } #races-map-info .image a { display: block; border: 1px solid #fff; } #races-map-info .image a img { display: block; } #races-map-info .candidate .image { width: 40px; } #races-map-info .candidate .image a {width: 38px; } #races-map-info .candidate .image a img { width: 38px; } #races-map-info .video .image { width: 90px; } #races-map-info .video .image a {width: 88px; } #races-map-info .video .image a img { width: 88px; } #races-map-info .info { margin: 0 15px; } #races-map-buttons { margin: 0; padding: 15px 0 0; border-top: 1px solid #76a1c8; } #races-map-buttons a.button { width: 135px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } a#races-map-contribute { float: left; width: 140px; } a#races-map-learn { float: right; } #races .content-column.left { width: 150px; padding: 0 20px 0 0; } #races .content-column.right { width: 430px; padding: 0; } #races .content-column.right ul li { margin: 0 0 5px; } #races .base ul { margin: 10px 0; } #races.entry .base h1 { margin: 0; font-size: 18px; } #races.entry .base h1 a { font-size: 12px; text-transform: capitalize; font-weight: bold; margin: 0 10px; } #races.entry .base h2 { font-size: 14px; margin: 20px 0 10px; } #races.entry .base p.candidates { margin: 0 0 10px; font-weight: bold; font-size: 10px; color: #999; font-family: Arial, sans-serif; padding: 0; text-transform: uppercase; line-height: 10px; } #races.entry .base .content-column.right h2:first-child { padding-top: 0; margin-top: 0; } #races.entry .base .content-column.right h2:first-child span.the-choice { display: block; float: left; width: 50%; line-height: 20px; } #races.entry .base .content-column.right h2:first-child .share { width: 50%; padding: 0; } #races.entry #media-videos h2 { margin: 0; padding: 0 10px 5px; border: none; background: #fff; text-align: right; } #races.entry #race-candidate { background: #003e75; background-image: -moz-linear-gradient(center top, #005ca4, #003e75); background-image:-webkit-gradient(linear, center top, center bottom, from(#005ca4), to(#003e75)); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 1px 1px 2px #BBBBBB; -webkit-box-shadow: 1px 1px 2px #BBBBBB; box-shadow: 1px 1px 2px #BBBBBB; padding: 10px; width: 130px; } #races.entry #race-candidate h2 { border-bottom: 1px solid #003D6E; margin: 0; text-shadow: 1px 1px 0 #000000; font-size: 18px; color: #fff; padding: 0 0 5px; } #races.entry #race-candidate h3 { border-top: 1px solid #337AB1; padding: 10px 0; color: #509ACB; font-size: 12px; margin: 0; } #races.entry #race-candidate img { display: block; } #races.entry #race-candidate a.candidate { display: block; width: 130px; border: 1px solid #003D6E; } #races.entry #race-candidate a.candidate img { width: 130px; } #races.entry #race-candidate ul { margin: 10px 0 0 6px; display: block; } #races.entry #race-candidate ul li { background: none; padding: 0 0 0 10px; float: left; display: inline; } #races.entry #race-candidate ul li:first-child { padding: 0; } #races.entry #race-candidate ul li a { background: url(/page/-/img/races-icons.png) no-repeat -34px 1px; height: 36px; display: block; width: 34px; text-indent: -9999em; overflow: hidden; } #races.entry #race-candidate ul li a:hover { background-position: 0 1px; } #races.entry #race-candidate ul li.website a { background-position: -34px -102px; } #races.entry #race-candidate ul li.website a:hover { background-position: 0 -102px; } #races.entry #race-candidate ul li.twitter a { background-position: -34px -50px; } #races.entry #race-candidate ul li.twitter a:hover { background-position: 0 -50px; } #races.entry a#races-hit-site { margin: 10px 0; padding: 10px; text-decoration: underline} #races.entry #race-related { clear: both; float: none; margin: 20px 0 0; } #media-videos { width: 600px; margin: 0 0 20px; } #media-videos h2 { border: none; background: #fff; margin: 0; } #media-videos #media-videos-content { padding: 5px; background: #d9d9d9; } #media-videos .content-column.left { width: 475px; float: left; padding: 0; } #media-videos .content-column.right { width: 110px; float: right; padding: 0; } #media-videos ul#media-videos-other { display: block; margin: 0; } #media-videos ul#media-videos-other li { padding: 0; background: none; width: 110px; margin: 0 0 5px; } #media-videos ul#media-videos-other li a { display: block; width: 100px; font-size: 9px; line-height: 10px; border: 5px solid #eee; background: #eee; text-align: center; } #media-videos ul#media-videos-other li a:hover { border-color: #003E75; background: #003E75; color: #fff; } #media-videos ul#media-videos-other li a img { width: 100px; display: block; margin: 0 auto 5px; } #media-videos ul#media-videos-other li.currentvideo a { border-color: #003E75; background: #003E75; color: #fff; } #news.index #media-videos a.more, #media-videos a.more { display: block; width: 110px; text-align: center; padding: 0; margin: 0; } #media #media-videos-feature { width: 580px; border: 10px solid #eee; background: #eee; margin: 0 0 10px; } #media ul#media-videos-other { margin: 10px auto; width: 600px; height: 150px; border: none; height: 170px; overflow: hidden; } #media ul#media-videos-other li { display: inline; float: left; padding: 0 5px; width: 140px; background: none; } #media ul#media-videos-other li a { display: block; width: 120px; border: 10px solid #eee; font-size: 10px; line-height: 12px; text-align: center; background: #eee; } #media ul#media-videos-other li a:hover { border-color: #003E75; background: #003E75; color: #fff; } #media ul#media-videos-other li a img { display: block; margin: 0 auto 5px; width: 120px; } #media #media-videos-nav { clear: both; float: none; text-transform: uppercase; letter-spacing: 2px; word-spacing: 2px; padding: 20px; text-align: center; } #search .base h1 { margin: 10px 0 0; } #search .base form#cse-search-box { margin: 0 0 10px; } #search .base form#cse-search-box legend { text-indent: -9999em; overflow: hidden; height: 0; line-height: 0; } #search .base form#cse-search-box input.text { width: 84%; } #search .base .cse-branding-bottom .cse-branding-form { margin: 0; } body#guide .base .content-column.left { width: 600px; padding: 0; } body#guide .base .content-column.right { width: 300px; padding: 0; } body#guide .base .tag { background: #f1f1f1; border-bottom: 2px solid #fff; border-top: 1px solid #ddd; padding: 20px; } body#guide .base .tag .tag-left { width: 60px; float: left; } body#guide .base .tag .example .tag-left { text-transform: uppercase; font-weight: bold; color: #000; } body#guide .base .tag .code .tag-left { text-transform: lowercase; color: #333; font-family: Courier, Courier New, sans-serif; } body#guide .base .tag .tag-right { width: 480px; float: right; } body#guide .base .tag .code { padding: 20px 0 0; } body#guide .base .tag .code code { background: #f6f6f6; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #fff; border-bottom: 1px solid #fff; padding: 10px; display: block; } body#guide .base .tag .example .tag-right { -webkit-box-shadow: 0 0 25px #e5e5e5; -moz-box-shadow: 0 0 25px #e5e5e5; box-shadow: 0 0 25px #e5e5e5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 438px; padding: 10px 20px; background: #fff; } body#guide .base .tag p.note { border-left: 5px solid #990000; background: #E65057; padding: 5px 10px; line-height: normal; font-size: 12px; color: #fff; margin: 20px 0 0; } body#guide .base .tag p.note span { text-transform: uppercase; font-weight: bold; color: #990000; letter-spacing: 1px; } /* 06 =FRAMEWORK ---------------------------------------------------------- */ body.no-nav { background:transparent url(/page/-/wrapper/img/Website-2014-Win.png) no-repeat center top} .no-nav #main-background { background-image: url(/page/-/img/content_background5.png); } .no-nav #header { height: 137px; } .no-nav a#header-logo { width: 980px; float: none; height: 137px; } .no-nav h1 { margin: 20px 0; } .no-nav #footer { padding: 40px 10px 0; } .no-nav ul#footer-nav { display: none; } body.StopBenefitCuts { background-image: url(/page/-/images/mainsite/stop_benefit_cuts.png); } .StopBenefitCuts #main-background { background-image: url(/page/-/img/content_background5.png); } .StopBenefitCuts #header { height: 137px; } .StopBenefitCuts a#header-logo { width: 980px; float: none; height: 137px; } .StopBenefitCuts h1 { margin: 20px 0; } .StopBenefitCuts #footer { padding: 40px 10px 0; } .StopBenefitCuts ul#footer-nav { display: none; } body.wikipocrisy { background-image: url(/page/-/images/mainsite/wikipocrisy.png); } .wikipocrisy #main-background { background-image: url(/page/-/img/content_background5.png); } .wikipocrisy #header { height: 137px; } .wikipocrisy a#header-logo { width: 980px; float: none; height: 137px; } .wikipocrisy h1 { margin: 20px 0; } .wikipocrisy #footer { padding: 40px 10px 0; } .wikipocrisy ul#footer-nav { display: none; } #framework #lettersmain #lettersmainleft #lettersdata #datatable td { font-size: 12px; } #framework #header_msg { font-size: 12px; } #framework #countdown { font-size: 12px; } /* CreditCardTypeSelector widget */ .creditCardTypeSelector li.card { padding: 0; } /* Fix for credit card column being too narrow */ #framework tr.bsd-tableRow td.label { width: 50%; } /*Overrides the .base styles*/ /*=TYPOGRAPHY ------------------------------------------------------ */ #framework h1, #framework .basic .main #eventdetail .title, /*Event Title*/ #framework #profiledetail #sectionheader, #framework #stdheader #title /*Page title on Outreach pages*/ { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #00508d; font-size: 22px; text-transform: uppercase; margin: 10px 0 20px; } #framework #contribution .contribheader, /*Section headers on Contribute form*/ #framework h2, #framework #sectionheader, #framework .widget_header, #framework .widget_title, #framework #community .communitypostinlist .title, /*Blog post title on community web page*/ #framework #community .header, /*Community page headers */ #framework #community .communitypostfull .title, /*Community title for full blog post*/ #framework #community .journaltitle, #framework #community .journalarchive .journalarchivetitle, #framework a#host-button, #framework #loginform .logintitle, #framework #signupform .signuptitle, #framework #outreach_content #loginform .logintitle, #framework #outreach_content #signupform .signuptitle, #framework #manageform .managetitle, #framework #forgotpw .header { text-shadow: 1px 1px 0 #d9d9d9; font-size: 16px; margin: 10px 0 15px; color: #4c4c4c; text-transform: uppercase; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; } #framework h3, #framework .basic .main .typedescheader, #framework #community .postlist table.head .text, /*Table heading on Community Dashboard page*/ #framework #community .subheader, /*Subheader on the Community Blog Entry Preview page*/ #framework #community .profileteaser .title, /* Profile teaser title on Blog home page*/ #framework #odgettingstarted .odsechead, #framework #odprogress .odsechead, #framework #odyourpage .odsechead, #framework #odstats .odsechead, #framework #odaddress .odsechead, #framework #odgroup .odsechead, #framework #outreach_content .omhead { color: #00508d; font-size: 14px; margin: 15px 0; } #framework h4, #framework h5 { font-size: 12px; font-weight: bold; line-height: 18px; } /*HEADERS WITH BOTTOM BORDERS*/ #framework #contribution .contribheader, /*Section headers on Contribute form*/ #framework #sectionheader, #framework .sectionheader, #framework .header, #framework .basic .main .typedescheader, #framework #community .header /*Community page headers */ #framework #community .communitypostfull .title, /*Community title for full blog post*/ #framework #community .journaltitle, #framework #community .journalarchive .journalarchivetitle, #framework #stdheader, /*Header for Outreach pages*/ #framework #community .profileteaser .title, /* Profile teaser title on Blog home page*/ #framework #odgettingstarted .odsechead, #framework #odprogress .odsechead, #framework #odyourpage .odsechead, #framework #odstats .odsechead, #framework #odaddress .odsechead, #framework #odgroup .odsechead, #framework #outreach_content .omhead, #framework #manageform .managetitle, #framework #forgotpw .header { border-bottom: 1px solid #d9d9d9; padding: 5px 0; } /*WIDGET HEADERS*/ #framework .widget_header { background: #eee; border-bottom: 1px solid #ddd; margin-bottom: 6px; padding: 5px 10px; position: relative; } /*SUB-HEADERS*/ #framework .widget_subheader, /*Widget Subheader on the dashboard*/ #framework #community .subheader /*Subheader on the Community Blog Entry Preview page*/ { background: #F2F7F7; border-bottom: 1px solid #ddd; padding: 5px 10px; } /*=FORM ELEMENTS ------------------------------------------------------ */ #framework .checkbox, #framework .radiobutton, #framework.label, #framework .text, #framework input[type=checkbox], #framework input[type=text] { margin: 0 .5em 0 0; } /*=BUTTONS ------------------------------------------------------ */ /*INPUT BUTTONS*/ #framework input[type=button], #framework input[type=submit], #framework .submit, #framework #invitationpage #submit_button, #framework #date-filter, #framework .loginbutton input, #framework .signupbutton input, #framework #community input[type=submit], #framework .utils_search button { cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 1px 1px 2px #BBBBBB; -webkit-box-shadow: 1px 1px 2px #BBBBBB; box-shadow: 1px 1px 2px #BBBBBB; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 15px; line-height: 15px; text-transform: uppercase; border: none; display: block; text-align: center; text-shadow: 0 2px 3px #333; color: #fff; padding: 10px; background: #9f0105; background-image: -moz-linear-gradient(center top, #e3060f, #9f0105); background-image:-webkit-gradient(linear, center top, center bottom, from(#e3060f), to(#9f0105)); border-top: 1px solid #e85157; } /*Targets most Buttons*/ /*INPUT HOVER STATES Note this will only work for modern browsers*/ #framework input[type=button]:hover, #framework input[type=submit]:hover, #framework input:hover.submit, #framework #invitationpage input:hover#submit_button, #framework button:hover#date-filter, #framework .loginbutton input:hover, #framework .signupbutton input:hover, #framework #community input[type=submit]:hover, #framework .utils_search button:hover { background: #e3060f; background-image: -moz-linear-gradient(center bottom, #e3060f, #9f0105); background-image:-webkit-gradient(linear, center bottom, center top, from(#e3060f), to(#9f0105)); border-top: 1px solid #8f0000; } /*RSVP and DETAILS BUTTONS*/ #framework #event_results .event_footer .links { float: left; } #framework #event_results .event_footer .links .detail_button, #framework #event_results .event_footer .links .rsvp_button { float: right; } #framework #event_results .event_footer .links .detail_button a, #framework #event_results .event_footer .links .rsvp_button a { display: block; margin-left: 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 2px 10px; } #framework #event_results .event_footer .links .detail_button a { background: #eee; border: 1px solid #ccc; padding: 2px 10px 1px; } #framework #event_results .event_footer .links .rsvp_button a { background: #555; color: #fff; padding: 3px 10px 2px; } #framework #event_results .event_footer .links .detail_button a:hover, #framework #event_results .event_footer .links .rsvp_button a:hover { background: #33; border-color: #333; color: #eee; } /*Hover state for RSVP and Details buttons*/ /*CONTACT IMPORTER BUTTOM FOR SHARE AND INVITE FORMS*/ #framework #contact_importer_button { background: #eee; background-image: -moz-linear-gradient(center top, #eee, #ccc); background-image:-webkit-gradient(linear, center top, center bottom, from(#eee), to(#ccc)); color: #00508D; text-shadow: 0 1px 1px #fff; -moz-box-shadow: 1px 1px 2px #666; -webkit-box-shadow: 1px 1px 2px #666; box-shadow: 1px 1px 2px #666; width: 320px; font-size: 12px; padding: 5px; margin: 10px 0; border: none; } #framework #contact_importer_button:hover { background: #ccc; background-image: -moz-linear-gradient(center bottom, #eee, #ccc); background-image:-webkit-gradient(linear, center bottom, center top, from(#eee), to(#ccc)); border-top: 1px solid #ccc; color: #00508D; text-shadow: none; } /*SEARCH BUTTON*/ #framework .search_form button {} /*=CONTRIBUTION FORM ------------------------------------------------------ */ #framework #contribution .contribcolumn tr td.contribheader { padding: 10px 0 5px; font-weight:bold} #framework #contribution .contribcolumn tr td { padding: 5px 0 0; } #framework #contribution .contribcolumn tr td td { padding: 0; } #framework #contribution .contribcolumn p.employer { margin: 0 0 5px; line-height: normal; } #framework #contribution span.radio { padding: 0 10px 0 5px;} #framework #contribution span.disclaimer li { padding: 0 10px; font-size: 90%; } #framework #contribution input#processbutton { margin: 0 auto; width: 200px; } #framework #contribution #tickets td { vertical-align: middle; padding: 0px 0px 10px; } #framework #contribution #tickets tr:first-child td { padding-top: 5px; } #framework #contribution #tickets td#t_q { padding: 10px 0; } #framework #contribution label#user_entered_amt_label {font-weight:normal} #framework #contribution input#user_entered_amt {float:left} #framework #contribution span#user_entered_amt_symbol {display:none} #framework #contribution .ticket_desc {font-size: 95%;} /*=TEXT INPUT FIELDS AND TEXTAREAS ------------------------------------------------------ */ #framework #contribution label.fieldlabel, #framework #invitationpage label { display: block; padding: 0 0 5px; text-transform: none; font-size: 12px; } #framework #signup label.field { padding: 5px 0; display: block; } #framework input.text, #framework input[type=text], #framework textarea { background-color: #f3f3f3; padding: 5px 10px; border-top: 2px solid #dbdbdb; border-bottom: 2px solid #efefef; border-left: 2px solid #dbdbdb; border-right: 2px solid #efefef; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /*Use this definition to target most of the text input fields*/ /*=TABS ------------------------------------------------------ */ /*FRAMEWORK TABS*/ #framework #blue_hat { background: none; border-bottom: 1px solid #ddd; height: 43px; } #framework #blue_hat ul { display: inline; float: right; height: auto; margin: 0 5px; padding: 18px 0 0 0; } #framework #blue_hat li { background: #eee; border: 1px solid #ddd; border-top-left-radius: 3px; display: inline; float: right; padding: 5px 10px 4px; text-decoration: none; } #framework #blue_hat li a { color: #888; text-decoration: none; } #framework #blue_hat .blue_hat_active { background: none; border-bottom: 1px solid #fff; font-weight: bold; } #framework #blue_hat .blue_hat_active a { color: #555; } #framework #blue_hat li a:hover { background: none; color: #555; } /*EVENT TABS*/ #framework ul#event_order { border-bottom: 1px solid #ddd; clear: both; float: left; list-style-type: none; margin: 0 0 10px 0; top: 0; width: 100%; } #framework ul#event_order li { background: #eee; border: 1px solid #ddd; color: #888; display: inline; float: left; margin: 0 0 -1px 5px; padding: 5px 10px 4px; text-decoration: none; } #framework ul#event_order li a { color: #888; } #framework ul#event_order a:hover { color: #555; } #framework ul#event_order li.active { background: none; border-bottom: 1px solid #fff; font-weight: bold; } #framework ul#event_order li.active a { color: #555; } /*WIDGET TABS*/ /*Note that the active tab background color should be the same as the .widget_header background color under the WIDGET HEADERS category above*/ #framework .widget_tabs { margin: 0; padding: 0; } #framework .widget_tabs li { border-top-left-radius: 3px; float: left; list-style: none; padding: 5px 10px 4px 10px; margin: 0 5px 0 0; list-style-type: none; } #framework .widget_tabs li.active_tab { background: #eee; font-weight: bold; } #framework .widget_tabs li.inactive_tab { background: #ddd; } /*FRIENDS TABS*/ #framework #friends_tabs { border-bottom: 1px solid #ddd; margin: 18px 0 6px 0; } #framework #friends_tabs ul { margin: 0; padding: 5px 0 0 0; list-style: none; } #framework #friends_tabs li { border-top-left-radius: 3px; border-top-right-radius: 3px; display: inline; float: left; margin: 0 0 -1px 5px; list-style-type: none; padding: 5px 10px 4px; } #framework #friends_tabs ul li.active_tab { background: none; border: 1px solid #ddd; border-bottom: 1px solid #fff; } #framework #friends_tabs ul li.active_tab a { color: #555; font-weight: bold; } #framework #friends_tabs ul li.inactive_tab { background: #eee; border: 1px solid #ddd; } /*=SPEAKOUT TABS*/ #framework #speakout #tabs { margin-top: 18px; } #framework #speakout #nav-tabs { border-bottom: 1px solid #ddd; clear: both; float: left; list-style-type: none; margin: 0 0 18px 0; top: 0; width: 100%; } #framework #speakout #nav-tabs li { background: #eee; border: 1px solid #ddd; color: #888; display: inline; float: left; margin: 0 5px -1px 0; padding: 5px 10px 4px; text-decoration: none; } #framework #speakout #nav-tabs li.tab-on { background: none; border-bottom: 1px solid #fff; color: #555; font-weight: bold; } /*YUI POP OVER This controls the style of the pop over opened after clicking the contact importer button As noted above, in order for this to work the body id should be "bsd" ------------------------------------------------------ */ #bsd .yui-panel { border: 1px solid #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #bsd .yui-panel-container.shadow .underlay { display: none; } #bsd .yui-panel .container-close { right: 10px; } /*This targets the close button in the popover. You can replace the default image with one of your choosing. Image dimensions should be 12px square*/ #bsd .yui-panel .hd { background: #eee; color: #333; border: none; border-bottom: 1px solid #ddd; font-size: 18px; font-weight: bold; line-height: 24px; margin-bottom: 6px; padding: 10px; } #bsd .yui-panel .bd { font-size: 12px; line-height: 18px; padding: 6px; } #bsd #contact_importer_wrapper { margin: 0; } #bsd #contact_importer_wrapper #contact_importer_error { margin: 18px 0 0 0; } #bsd #contact_importer_dialog .button-group button { background: #eee; border: 1px solid #ddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; padding: 3px 10px; } /*Contact Listings*/ #bsd #contact_importer_wrapper #results_table_header { background: #eee; } #bsd #contact_importer_wrapper #results_table_outer { border: 1px solid #ddd; } /*=LAYOUT ------------------------------------------------------ */ /*SOCIAL NET WIDGET COLUMNS*/ #framework #widget_group_1 { float: left; width: 49%; } /*Left column*/ #framework #widget_group_2 { float: right; width: 49%; } /*Right column*/ /*SPEAKOUT*/ #framework #speakout table { clear: left; margin: 0 20px 18px 0; } /*MOBILE DONATION*/ body.mobile { background: none; margin: 0; padding: 0 0 50px; } body.mobile #framework { margin: 0 auto; position: relative; width: 320px; padding-left: 0px; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; } body.mobile #framework input.text, body.mobile #framework input[type="text"], body.mobile #framework textarea { padding: 6px; font-size: 16px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } body.mobile #logo { color: #0b197b; height: 43px; width: 101px; overflow: hidden; font-size: 15px; margin: 10px 0 0; position: relative; } body.mobile #logo span { display: block; position: absolute; top: 0; left: 0; height: 43px; width: 101px; background: url("/page/-/wrapper/img/uww-logo.png") 0 0 no-repeat; } body.mobile table { border-spacing: 0; } body.mobile form#contribution { background: transparent; } body.mobile #contribution td.contribcolumn > table { width: 280px !important; } body.mobile #contribution table tbody tr td.contribcolumn table tbody tr td table { width: 280px; } body.mobile input[type="text"], body.mobile input.text { padding: 3px 4px; } /*body.mobile input { font-size: 10px; }*/ body.mobile select { font-size: 16px; } body.mobile #firstname, body.mobile #lastname { width: 130px; } body.mobile #addr1, body.mobile #addr2, body.mobile #email { width: 300px; } body.mobile #city { width: 100px; } body.mobile #state_cd { width: 60px; } body.mobile #zip { width: 70px; } body.mobile #cc_number { width: 100px; } body.mobile #contribution label .radio, body.mobile #contribution table.amounts, body.mobile #contribution table.amounts label .radio, body.mobile #contribution label, body.mobile #contribution .fieldlabel { font-weight: bold; font-size: 16px; } body.mobile #contribution table.amounts, body.mobile #contribution table.amounts label .radio { font-size: 12px; } body.mobile .cc_type_cd { margin-bottom: 4px; float: left; clear: left;} body.mobile #contribution label[for^="cc"] { float: left; clear: left; padding-bottom: 8px; margin: -18px 0px 0px 15px;} body.mobile #contribution table.amounts input[type="text"] { width: 40px; } body.mobile #contribution table tbody tr td.contribbutton table { width: 320px; } body.mobile #contribution table tbody tr td.contribbutton table tbody tr td { background: transparent; } body.mobile #contribute_footnote { margin: 20px; padding: 10px; } body.mobile #framework #contribution #processbutton { margin: 15px 0; } body.mobile .bsd-contribForm-belowContent { font-size: 12px; } body.mobile #framework #contribution label.fieldlabel, body.mobile #framework #invitationpage label { font-size: 16px; } /*=PLEASE DO NOT DELETE OR MODIFY ANY OF THE STYLES BELOW ------------------------------------------------------ */ #framework #widget_directory_search_groups_by_keyword { float: none !important; } /* 07 =UTILITY ---------------------------------------------------------- */ .cufon-loading .cufon { visibility: hidden !important; } .stretcher { clear: both; height: 1px; visibility: hidden; } .nomargin { margin-bottom: 0px; } .floatl { float: left; margin: 0; padding: 0 10px 10px 0; } .floatr { float: right; margin: 0; padding: 0 0 10px 10px; } .nomargin { padding: 0; } img.floatl { padding: 0; margin: 0 15px 10px 0; border: 5px solid #d9d9d9; } img.floatr { padding: 0; margin: 0 0 10px 15px; border: 5px solid #d9d9d9; } .noborder { border: none !important; } .clear { clear:both; height:0; margin:0; font-size: 1px; line-height: 0; } .required { color: red; } i, em { font-style: italic; } b, strong { font-weight: bold; } sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative;} sup { bottom: 1ex; } sub { top: .5ex; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} .clearfix {display:block;} @import url(http://www.google.mw/cse/api/branding.css)