/* ---------------------------------------------------------- United Way 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 08 - SUPERFISH COLOR GUIDE (Main Site Colors and their Hex Codes) Dark blue: #0b197b Orange: #fc9f26; ---------------------------------------------------------- */ /* 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: #0a0d4c url("/page/-/wrapper/img/bg1.jpg") 50% 0 no-repeat;*/ height: 100%; } body { font: 62.5%/1.4 "Trebuchet MS", Helvetica, "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; color: #363636; height: 100%; /*background: #0a0d4c url("/page/-/wrapper/img/bg1.jpg") 50% 0 no-repeat;*/ } h1, h2, h3, h4 { color: #fc9f26; font-weight: bold; font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", sans-serif; } #content.base { padding: 25px 25px 50px; width: 570px; font-size: 13px; line-height: 1.4; } .full-width #content.base { width: 950px; } .full-width #sidebar-wrap { display: none; } h1 { font-size: 26px; text-transform: uppercase; margin-bottom: 20px; } h2, .h2 { font-size: 20px; margin: 10px 0 5px; line-height: 1.2; } h2 a:link, h2 a:visited { color: #fc9f26; } h2 a:active, h2 a:hover { color: #FCD57D; } h3 { font-size: 16px; margin-bottom: 5px; color: #515151; } h3.section-divider { border-top: 1px solid #bababa; margin-top: 30px; padding-top: 20px; } h4 { font-size: 14px; color: #515151; } h5 { font-size: 12px; font-weight: bold; color: #515151; } h6 { font-size: 12px; font-weight: bold; color: #363636; } #main-col h3 { margin-bottom: 0; } #main-col h4 { font-size: 13px; line-height: 1.4;} p, .text { font-size: 13px; margin-bottom: 12px; } input.text { margin: 0; } a:link, a:visited { color: #0b1980; text-decoration: none; font-weight: bold; } a:active, a:hover, a:focus { text-decoration: underline; color: #7c82ba; } blockquote { margin: 0 30px 20px; border-left: 5px solid #e2e3e4; padding-left: 20px; font-size: 12px; } .base ul, .base ol { font-size: 13px; margin-bottom: 12px; padding-left: 20px } .base li { list-style-position: outside; margin-bottom: 6px; } .base ul li { list-style-type: disc; } .base ol li { list-style-type: decimal; } .base li ul, .base li ol { padding-left: 40px; margin-bottom: 0; } a img { border: none; } /* 03 =LAYOUT ---------------------------------------------------------- */ #header { height: 103px; width: 1060px; margin-bottom: 30px;background-color:#FFFFFF;position:relative;right:30px; } #logo { width: 600px; color: #FFF; height: 103px; overflow: hidden; font-size: 45px; float: left; margin: 0; } #home #logo { height: 73px; padding-top: 30px; } #logo a { display: block; height: 73px; padding-top: 30px; text-indent: -9999em; width: 600px; color: #FFF; cursor: pointer; text-transform: uppercase; font-family: "Meta Bold", "Trebucher MS", Helvetica, Arial, sans-serif; cursor: pointer; } #logo span { display: block; position: absolute; top: 0; left: 0; height: 103px; width: 600px; background: url("/page/-/logos/uww-logo_2013.png") 0 0 no-repeat; } #logo a span { cursor: pointer; } #wrap { width: 1060px; margin: 0 auto; background: #0a0d4c; position: relative; } #inner-wrap { /*background: #0a0d4c url("/page/-/wrapper/img/wrap-bg1.png") 0 0 no-repeat;*/ padding: 0 30px; } #content-wrap { position: relative; background: #FFF url("/page/-/wrapper/img/sidebar-bg1.png") 100% 0 repeat-y; clear: both;} .full-width #content-wrap, #home #content-wrap { background: #FFF; } #content { float: left; } #meta-nav-wrap { background: #b4b4b4; color: #FFF; text-transform: uppercase; height: 37px; font-family: Helvetica, Arial, sans-serif; letter-spacing: 0.04em; z-index: 15; } #meta-nav { width: 1000px; margin: 0 auto; padding: 0 30px; } #meta-nav a:link, #meta-nav a:visited { color: #FFF; text-decoration: none; font-weight: normal; padding: 7px; position: relative; top: 3px; } #meta-nav a:hover, #meta-nav a:active { text-decoration: underline; } #meta-nav input { color: #4d4d4f; } #meta-nav li { float: left; border-left: 1px solid #d0d0d0; margin-top: 8px; height: 20px; } #meta-nav li.first { border: none; } #meta-nav li.first a { padding-left: 0; } /* #meta-nav p { float: right; margin: 9px 0 0; font-size: 10px; } */ #meta-nav form { float: right; padding-top: 4px; width: 360px; text-align: right; position: relative; z-index: 10; } #meta-nav form h5 { display: inline; font-weight: normal; font-size: 10px; position: relative; top: -14px; right: 130px; } #uww-local input.text { color: #4d4d4f; font-size: 12px; border: 1px inset #bababa; height: 16px; padding: 7px 4px 4px; position: absolute; right: 29px; top: 4px; width: 120px; } #uww-local label.error { position: absolute; color: #FFF; font-size: 10px; width: 157px; top: 37px; right: 0; text-align: left; line-height: 1.2 font-weight: bold; } #navigation { font-size: 14px; font-weight: bold; text-transform: uppercase; width: 1000px; background: #0e1a75 url("/page/-/wrapper/img/nav-bg.gif") 0 0 no-repeat; float: left; height: 40px; position: relative; z-index: 99;} #navigation ul { margin: 0; } #navigation li { float: left; border-left: 1px solid #0c1976; height: 25px; position: relative; top: 7px; } #navigation li.first { border: none; } #navigation li a:link, #navigation li a:visited { color: #969de1; padding: 12px 15px 0; letter-spacing: 0.08em; height: 28px; display: inline-block; position: relative; top: -7px; } #navigation li a:hover, #navigation li a:active { text-decoration: none; background: #323d93; } #navigation li li a:link, #navigation li li a:visited { padding: 5px 15px; height: auto; color: #FFF; display: block; top: 0; background: #888dbf; } #navigation li li a:hover, #navigation li li a:active { background: #313c93; } #navigation li li { font-size: 11px; font-weight: normal; height: auto; top: 0; border: none; } #navigation li ul { border-bottom: 5px solid #313c93; } #nav-donate { text-align: right; margin: 6px 28px 0 0; } #section-links { float: left; width: 570px; border-bottom: 1px solid #dfe0ee; padding-bottom: 5px; margin-bottom: 20px; } .full-width #section-links { width: 950px; } #section-links h5 { margin-bottom: 10px; } #section-links ul { font-size: 11px; width: 250px; float: left; margin-right: 20px; padding-left: 0; } #section-links li { list-style: none; } #section-links a:link, #section-links a:visited { font-weight: normal; color: #7b81b8; } #section-links a:visited, #section-links a:hover, #section-links a:active { color: #6d6f72; } /* #section-links li.current a { font-weight: bold; } */ #quick-signup { width: 351px; height: 78px; position: absolute; right: 30px; top: 0; padding: 25px 0 0 40px; } #quick-signup legend { color: #10167f; text-transform: uppercase; font-size: 14px; font-weight: bold; } #quick-signup #quick-email { width: 153px; left: 40px; } #quick-signup #quick-zip { width: 47px; left: 208px; } #quick-signup input.text { color: #363636; padding: 5px 3px 3px 5px; height: 17px; border: 1px inset #d7d7d7; font-size: 13px; position: absolute; bottom: 30px; } #quick-signup input.buttonImage { position: absolute; bottom: 30px; right: 30px; } #cse-search-box fieldset { position: relative; height: 30px; } #cse-search-box input.text { width: 215px; color: #363636; padding: 5px 3px 3px 5px; height: 17px; border: 1px inset #d7d7d7; font-size: 13px; position: absolute; bottom: 1px; left: 0; } #cse-search-box input.buttonImage { position: absolute; bottom: 0; right: 0; } #cse-search-box { margin: 0 auto; width: 320px; height: 35px; margin-top:-10px;margin-bottom:10px; } #cse-search-box label.error { position: absolute; color: #FFF; font-size: 10px; top: -13px; left: 0; z-index: 10; line-height: 1.2 font-weight: bold; text-transform: uppercase; } #action-box { float: right; width: 380px; height: 320px; padding-top: 30px; } #social-btns { position: relative; margin: 0 auto; width: 320px; } #action-box dt { background: url("/page/-/wrapper/img/action-btns.png") 0 0 no-repeat; width: 320px; height: 60px; color: #FFF; text-transform: uppercase; font-size: 22px; margin-bottom: 4px; letter-spacing: .05em; } #action-box dt a:link, #action-box dt a:visited { color: #FFF; width: 225px; position: absolute; height: 54px; padding-top: 6px; z-index: 2; padding-left: 95px; left: 0; } #action-box dt a:hover, #action-box dt a:active { background-image: url("/page/-/wrapper/img/action-btns-hv.png"); text-decoration: none; z-index: 2;} #action-box #advocate-btn, #action-box #advocate-btn a:hover, #action-box #advocate-btn a:active { background-position: 0 -64px; } #action-box #volunteer-btn, #action-box #volunteer-btn a:hover, #action-box #volunteer-btn a:active{ background-position: 0 -128px; } #action-box dd { position: absolute; left: 95px; top: 32px; color: #fed59b; font-size: 14px; z-index: 2; } #action-box #advocate-txt { top: 96px; } #action-box #volunteer-txt { top: 159px; } #action-box.kids-get-fit dt { background-image: url("/page/-/wrapper/img/action-btns-purple.png"); background-color: #6a70b0; } #action-box.kids-get-fit dt a:link, #action-box.kids-get-fit dt a:visited { color: #fdfcf8; } #action-box.kids-get-fit dt a:hover, #action-box.kids-get-fit dt a:active { background-image: url("/page/-/wrapper/img/action-btns-purple-hv.png"); } #action-box.kids-get-fit dd { color: #c1c6ee; } #action-box #give-btns { display: none; background: url("/page/-/wrapper/img/action-give-btns-bg.png") 0 0 no-repeat; height: 60px; width: 320px; margin-bottom: 4px; } #action-box #give-btns ul { padding-left: 74px; } #action-box #give-btns li { margin: 2px 2px 0 0; height: 56px; width: 80px; float: left; text-align: center; text-transform: uppercase; } #action-box #give-btns a:link, #action-box #give-btns a:visited { font-size: 18px; color: #FFF; line-height: .7; display: inline-block; padding-top: 10px; width: 80px; height: 46px; background: #f08f2d url("/page/-/wrapper/img/action-give-btns.png") 0 0 no-repeat; } #action-box #give-btns a:hover, #action-box #give-btns a:active { background-position: 100% 0; text-decoration: none; } #action-box #social-connect { height: 68px; width: 268px; padding: 12px 0 0 112px; background: url("/page/-/wrapper/img/social-sidebar1.png") 50% 0 no-repeat; } #social-connect li { float: left; } #social-connect li a { display: inline-block; width: 34px; height: 34px; margin: 0 8px 0 0; text-indent: -9999em; } #social-connect li a:focus { outline: none; } #home #social-connect li a { width: 44px; height: 44px; margin: 0 12px 0 0; } #main-image { width: 570px; } .entry { clear: both; padding: 30px 0; border-top: 1px solid #e9e9e9; width: 570px; margin: 0; } .entry h2 { margin-top: 0; } .caption { font-size: 11px; } .date, .byline { font-size: 10px; font-weight: bold; text-transform: uppercase; } .date { margin: 0; } #sidebar-wrap { background: #10167f url("/page/-/wrapper/img/sidebar-bg1.png") 0 0 repeat-y; width: 380px; float: right; line-height: 1.3; } #sidebar { background: #10167f url("/page/-/wrapper/img/sidebar-top1.jpg") 0 0 no-repeat; padding-top: 30px; } #sidebar h2 { text-transform: uppercase; padding: 5px 0 10px; } .side-box { clear: both; border: 4px solid #19205c; margin: 0 0 30px 30px; background: #282f70 url("/page/-/wrapper/img/sidebar-action.jpg") 0 0 no-repeat; color: #7b81b8; padding: 0 20px 20px; width: 273px; } #sidebar .side-box a:link, #sidebar .side-box a:visited { color: #FFF; } /* #sidebar-blog li p a:link, #sidebar-blog li p a:visited { color: #7B81B8; text-decoration: underline; } #sidebar-blog li p a:hover, #sidebar-blog li p a:active { color: #7B81B8; text-decoration: none; } */ #sidebar-action img { border: 1px solid #b3b3b7; width: 271px; } #sidebar-blog li { font-size: 13px; margin-bottom: 15px; } .side-box { background: #464fa4; border-color: #313c9c; color: #FFF; font-size: 14px; } #sidebar-signup p { font-weight: bold; } #sidebar-twitter li { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #233179; } #sidebar-signup fieldset { width: 273px; } #sidebar-signup legend { color: #FFF; font-weight: bold; padding-bottom: 10px; } #sidebar-signup input.text { padding: 5px 4px; font-size: 12px; color: #363636; margin-bottom: 4px; } #sidebar-email { width: 258px; } #sidebar-zip { width: 149px; position: relative; top: -10px; } #sidebar-signup label { font-size: 13px; } #sidebar-signup #sidebar-email-label, #sidebar-signup #sidebar-zip-label, #sidebar-signup #sidebar-digest-label { font-size: 14px; } #sidebar-signup #sidebar-digest-label { display: block; margin-bottom: 10px; } .position { font-weight: bold; } /* for the people section */ body.blog-entry #footer { margin-top: -11px; } #footer { clear: both; text-transform: uppercase; font-size: 10px; } #footer ul { height: 35px; padding-top: 20px; position: relative; } #footer ul#nav-links { float: left; left: -9px; } #footer li { float: left; letter-spacing: 0.04em; } #footer li.first { border: none; } #footer a:link, #footer a:visited { color: #7c82ba; padding: 0 9px; position: relative; top: 1px; } #footer a:hover, #footer a:active { text-decoration: underline; } #copyright { color: #bababa; text-align: center; background: #FFF url("/page/-/wrapper/img/footer.png") 0 -7px no-repeat; height: 27px; padding-top: 23px; margin: 0; } #copyrightnfl { color: #bababa; text-align: center; background: #FFF url("/page/-/wrapper/img/footernfl.gif") 0 0 no-repeat; height: 150px; padding-top: 20px; margin: 0; } /* 04 =HOMEPAGE ---------------------------------------------------------- */ #home #content { width: 1000px; } #home h2 { text-transform: uppercase; } #home #action-box { background: #0b197b url("/page/-/wrapper/img/home-actionbox.jpg") 0 -2px no-repeat; position: relative; } #home #action-box #social-connect { background: #969696 url("/page/-/wrapper/img/social-home.png") 50% 0 no-repeat; height: 60px; position: absolute; bottom: 0; left: 0; width: 290px; padding: 15px 0 0 90px; text-align: center; } #feature { width: 620px; height: 350px; float: left; position: relative; overflow: hidden; } .feature-caption { position: absolute; bottom: 0; left: 0; height: 75px; width: 620px; background-color: #CCCCCC; z-index: 4; overflow: hidden; } .feature-caption p { width: 280px; margin: 10px 0 0 20px; line-height: 1.3; } .feature-caption p .title { font-weight: bold; font-size: 18px; } .feature-caption #feature-action { position: absolute; bottom: 10px; left: 320px; } #pager { position: absolute; bottom: 30px; right: 20px; z-index: 10; width: 100px; } #pager-nums { text-align: center; } #pager a { width: 12px; height: 12px; overflow: hidden; background: url("/page/-/wrapper/img/rotator-circle.png") 0 0 no-repeat; display: inline-block; text-indent: -99999em; margin: 0 5px 0 0; } #pager a.activeSlide { background: url("/page/-/wrapper/img/rotator-circle-active.png") 0 0 no-repeat; } .slide, #rotator { height: 350px; width: 620px; } #main-col { width: 450px; padding: 25px; float: left; } #main-col img { margin-top: 5px; padding-right: 10px; } #main-col .entry { margin: 0 0 20px; } #side-col { padding: 25px 0 25px 0; width: 500px; float: left; } #summary { padding: 0 25px 0 25px; } #summary strong, #summary b { text-transform: uppercase; } #main-calltomentor { padding: 0 25px 0 0px; width:470px; height:132px } #main-calltomentor strong, #summary b { text-transform: uppercase; } #main-calltomentor img { padding: 0 0px 0 0px; margin:0px } #main-blogcontent { background: url("/page/-/wrapper/img/home-blog-bg.gif") 0 0 no-repeat; padding-top:20px;} #action-home { background: url("/page/-/wrapper/img/home-action-bg.gif") 0 0 no-repeat; padding: 25px 20px 0 25px; } #action-home .action { width: 212px; padding-right: 15px; } #action-home .action img { border: 1px solid #b8b8bc; } #main-col .more-link { margin-top: 10px; } .more-link { clear: both; } .more-link a { text-transform: uppercase; color: #363636; } #main-col .byline { clear: left; } /* 05 =SUBPAGES ---------------------------------------------------------- */ .base div.notice { background: #fef6e1; padding: 20px; margin: 20px 0; border: 1px solid #AAA; } body.blog-entry .entry { border-bottom: 1px solid #e9e9e9; } .entry-extra { float: left; width: 102px; margin-right: 15px; } .entry-extra-author { border-bottom: 1px solid #e9e9e9; margin-bottom: 15px; } .entry .entry-categories { text-transform: uppercase; border-top: 1px solid #e9e9e9; padding: 15px 0 0; margin-top: 10px; } .entry .entry-categories li { font-size: 10px; list-style: none; } #entry-social { border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; margin-bottom: 10px; height: 34px; } #entry-social .fb-like { margin-right: 10px; } #entry-social #___plusone_1, #entry-social .twitter-share-button { margin-right: 10px; position: relative; top: 3px; } #entry-social #___plusone_1 { top: 7px; } .author-entry h1 { border-bottom: 1px solid #e9e9e9; padding-bottom: 10px; } .author-entry .entry-extra img, .entry img { border: 0px solid #c6c6c6; } .caption { text-transform: uppercase; font-weight: bold; font-size: 10px; } .author-email a:link, .author-email a:visited { font-weight: normal; } .entry-summary { float: left; width: 453px; } p.byline { margin: 15px 0 0; color: #363636; } p.byline a:link, p.byline a:visited { color: #363636; text-decoration: underline; } p.byline a:hover, p.byline a:active { text-decoration: none; } #main-col .more-link { margin-top: 20px; } #main-col .entry { width: 450px; border: none; margin-bottom: 30px; padding: 0; } #main-col img { padding: 0; } #entry-prev, #entry-next { width: 220px; float: left; margin-top: 20px; line-height: 1.3; } #entry-prev h5, #entry-next h5 { font-weight: normal; font-size: 14px; margin-bottom: 3px; } #entry-prev { text-align: right; border-right: 1px solid #e9e9e9; padding: 0 20px 0 40px; } #entry-next { border-left: 1px solid #e9e9e9; position: relative; left: -1px; padding: 0 40px 0 20px; } .pagination { border-top: 1px solid #e9e9e9; padding: 15px 0 0 113px; } #blog-related { background: #ebebeb; clear: both; padding: 25px; } #blog-related h4 { text-transform: uppercase; font-weight: bold; color: #363636; font-size: 18px; margin-bottom: 10px; } .related-entry { float: left; width: 225px; margin-left: 16px; } .related-entry.first { margin-left: 0; } .related-entry h5 { font-size: 13px; } .related-entry img { border: 1px solid #bababa; } .fb-like-box { background: #FFF; margin: 0 0 30px 30px; } .fb-activity { background: #464FA4; margin: 0px 0 20px 0px; } .fb-like { width: 47px !important; } .entry-extra .fb-like { margin-bottom: 3px; } /* 06 =FRAMEWORK ---------------------------------------------------------- */ .bsd-contribForm-oneCol .bsd-contribForm-aboveContent { float: left; width: 450px; margin: 15px 40px 0 0; } /* this style allows you to position the form description to the left of the contribution form (note, you may have to adjust width and height depending on site layout and form options). */ .bsd-contribForm-oneCol .bsd-contribForm-belowContent { float: left; width: 100%; } /* this style makes sure the below form text spans the entire page. */ .bsd-contribForm-oneCol form#contribution { width: 450px; float: right; } #req-note { font-size: 12px; } .donate-skip { position: absolute; top: 30px; left: 755px; } .donate-skip a { color: #eba53d; } .donate-splash-btn { width: 200px; margin: 0 auto; } .donate-splash-btn a:link, .donate-splash-btn a:visited { color: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #323c88; padding: 10px 20px 14px 23px; font-size: 20px; text-transform: uppercase; background-image: -moz-linear-gradient(top, #323c88, #1c224e); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #323c88),color-stop(1, #1c224e)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#323c88', EndColorStr='#1c224e'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#323c88', EndColorStr='#1c224e')"; } .donate-splash-btn a:hover, .donate-splash-btn a:active { text-decoration: none; color: #c2cbe7; } #outreachpage #outreachpicture {float: left; padding: 15px; margin: -10px 0 0 0;} /* 07 =UTILITY ---------------------------------------------------------- */ .cufon-loading * { visibility: hidden !important; } .stretcher { clear: both; height: 1px; visibility: hidden; } .nomargin { margin-bottom: 0px; } .floatl { float: left; margin: 0; padding: 0 20px 10px 0; } .floatr { float: right; margin: 0; padding: 0 0 10px 20px; } .floatl-nomargin { float: left; margin: 0; padding: 0; } .floatr-nomargin { float: right; margin: 0; padding: 0; } .clear { clear:both; height:0; margin:0; font-size: 1px; line-height: 0; } 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;} /* jQuery UI Tabs */ /* * jQuery UI CSS Framework 1.8.13 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix {height:1%;} .ui-helper-clearfix {display:block;} /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework 1.8.13 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px */ /* Component containers ----------------------------------*/ .ui-widget { } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { } .ui-widget-content { } .ui-widget-content a { color: #333333; } .ui-widget-header { } .ui-widget-header a { } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { } .ui-state-hover a, .ui-state-hover a:hover { text-decoration: underline; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { } .ui-widget :active { outline: none; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { background: #666666 /*url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat*/; opacity: .50;filter:Alpha(Opacity=50); } .ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/* * jQuery UI Tabs 1.8.13 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Tabs#theming */ .ui-tabs { position: relative; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em 0 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* 08 =SUPERFISH ---------------------------------------------------------- */ /*** 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: 11em; /* 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: 33px; /* 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: 11em; /* 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; } /*** DEMO SKIN ***/ .sf-menu { float: left; margin-bottom: 1em; } .sf-menu li:hover, .sf-menu li.sfHover a, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: #323d93; outline: 0; } /*** arrows **/ .sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ } .sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; /*background: url('../images/arrows-ffffff.png') no-repeat -10px -100px;*/ /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } /* COLORBOX */ /* site-specific styles */ #lightbox { background: #FFF; width: 925px; height: 570px; margin: 0; padding: 0; position: relative; display: none; border: 5px solid #FFF; } #lb-header { height: 79px; background: #0c1a81; margin-bottom: 5px; } #lb-content { float: left; width: 425px; padding-left: 20px; height: 270px; } #lb-content img { border: 1px solid #235482; } #lightbox form { float: right; width: 422px; border: 1px solid #235482; background: #ededed url("/page/-/nfl/img/lightbox/header-bg.png") 0 0 no-repeat; margin-right: 20px; padding-top: 132px; height: 136px; } #lightbox #lb-signup input.text { color: #636568; border: 1px inset #ddd; font-size: 13px; padding: 6px 5px; margin-bottom: 13px; font-weight: bold; } #lightbox #lb-signup fieldset { border: none; } #lb-email { width: 361px; display: block; margin-left: 25px; } #lb-first, #lb-last { width: 169px; } #lb-first { margin-right: 9px; margin-left: 25px; } #lightbox #lb-signup #lb-zip { width: 100px; margin-left: 25px; position: relative; top: -12px; } #lb-submit { position: relative; top: -2px; } #lightbox p { font-size: 13px; color: #000; } #lightbox p#lb-rules { font-size: 11px; color: #505153; clear: both; margin: 0 15px; text-align: center; padding-top: 10px; } /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%; } #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:visible;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* ColorBox example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:#000 /*url(/page/-/wrapper/js/example2/images/overlay.png) repeat scroll 0 0*/;} #colorbox{} #cboxContent{margin-top:32px;} #cboxLoadedContent{background:#FFF; padding:0px;} #cboxLoadingGraphic{background:url(/page/-/wrapper/js/example2/images/loading.gif) center center no-repeat;} #cboxLoadingOverlay{background:#FFF;} #cboxTitle{position:absolute; top:-22px; left:0; color:#000;} #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(/page/-/wrapper/js/example2/images/controls.png) 0 0 no-repeat;} #cboxPrevious{background-position:0px 0px; right:44px;} #cboxPrevious.hover{background-position:0px -25px;} #cboxNext{background-position:-25px 0px; right:22px;} #cboxNext.hover{background-position:-25px -25px;} #cboxClose{background-position:-50px 0px; right:0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0;} #cboxClose.hover{background-position:-50px -25px;} .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;} .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;} /* Splash page */ #splash #wrap { padding-bottom: 30px; } #splash #inner-wrap { padding-bottom: 10px; } #splash #content { float: none; padding: 40px 0; } #splash-content { margin: 0 auto; width: 920px; background: #0B1980 url("/page/-/splash_screens/splash_one_million_1.jpg") 0 0 no-repeat; height: 347px; padding: 10px 10px 10px 0; } #message { background: #fc9f26; border: 3px solid #7b81b8; padding: 0 30px; text-align: center; width: 400px; height: 342px; float: right; color: #0b1980; } #message h2 { text-transform: uppercase; font-size: 62px; color: #08135f; margin-bottom: 0; } #message h3 { text-transform: uppercase; font-size: 26px; color: #08135f; background: url("/page/-/wrapper/img/stripes.png") 50% 50% no-repeat; margin-bottom: 0; position: relative; top: -8px; letter-spacing: .1em; font-weight: bold; } #message p { font-size: 14px; line-height: 1.2; font-weight: bold; text-align: left; padding: 0 25px; } #message p#pledge { color: #fff; } .skip { float: right; padding: 10px 40px 0 0; text-transform: uppercase; clear: right; } #splash form { position: relative; margin-top: 10px; } #splash #quick-first { width: 178px; left: 24px; } #splash #quick-last { width: 147px; left: 220px; } #splash #quick-email { width: 158px; left: 24px; } #splash #quick-zip { width: 52px; left: 200px; } #splash #auth { position: absolute; left: 25px; bottom: -55px; } #splash #authlabel { position: absolute; left: 41px; bottom: -57px; font-size: 12px; } #splash input.text { color: #363636; padding: 6px 4px 4px 7px; height: 23px; border: 1px inset #d7d7d7; font-size: 16px; position: absolute; top: 0; } #splash input.buttonImage { position: absolute; right: 20px; } #splash #logo span { cursor: default; } #splash-form #quick-email, #splash-form #quick-zip, #splash-form input.buttonImage { top: 40px; } #splash-form #auth { bottom: -80px; } #splash-form #authlabel { bottom: -82px; } #splash-form span { color: #fff; text-transform: uppercase; text-align: right; position: absolute; top: 82px; right: 20px; } #splash-form input.error { border: 2px solid red; } #splash-form label.error { display: none !important; } /* take-action/volunteer */ #volunteer #vol-precontent { padding: 25px 25px 50px; } #volunteer #pledge { background: #0b197b url("/page/-/wrapper/img/vol-pledge-bg.jpg") 0 0 no-repeat; height: 219px; width: 516px; padding: 18px 35px 18px; color: #FFF; float: left; } #volunteer #pledge h2 { font-size: 24px; color: #FFF; line-height: 1.3; margin-bottom: 25px; } #volunteer #pledge form { font-size: 12px; position: relative; } #volunteer #pledge form input.text { color: #10167f; background: #d1d3e7; font-size: 18px; padding: 7px 8px 8px 8px; width: 132px; margin: 0 1px 5px 0; border: 1px solid #888bbc; font-weight: bold; -moz-box-shadow: inset 0 0 2px 2px #acafd1; -webkit-box-shadow: inset 0 0 2px 2px #acafd1; box-shadow: inset 0 0 2px 2px #acafd1; } #volunteer #pledge form input.error { border: 1px solid red; } #volunteer #pledge form label.error { display: none !important; } #volunteer #pledge #vol-submit { position: absolute; top: 0; right: 0; } #volunteer #pledge #vol-auth, #volunteer #pledge #authlabel { margin-top: 10px; } #volunteer #pledge #authlabel { font-size: 13px; } #volunteer #pledge p#required { font-size: 11px; position: absolute; top: 96px; right: 0; width: 202px; } #volunteer #counter { width: 345px; height: 253px; background: url("/page/-/wrapper/img/vol-counter.jpg") 0 0 no-repeat; border: 3px solid #bababa; float: right; position: relative; } #volunteer #counter h3 { color: #FFF; background: #323232; border: 3px solid #363636; width: 305px; height: 75px; text-align: center; font-size: 18px; text-transform: uppercase; margin: 150px auto 0; line-height: 1.3; } #volunteer #counter h3 span { display: block; font-size: 30px; } #volunteer #content { width: 586px; padding-right: 0; } #volunteer #content h3 { color: #fc9f26; text-transform: uppercase; font-weight: bold; font-size: 24px; clear: left; } #volunteer .entry { border-bottom: 1px solid #c7c8ca; margin: 20px 0; width: 560px; clear: left; } #volunteer .entry-summary { width: 320px; } #volunteer .entry-thumb { width: 200px; } .full-width#volunteer #sidebar-wrap { width: 388px; background: none; display: block; border-left: 0px solid #bababa; margin-top: 25px; } #volunteer #sidebar { background: none; margin-right: 25px; } #vol-side-social, #vol-side-blog { background: #bababa; border: 3px solid #dcdcdc; width: 345px; color: #363636; margin-bottom: 20px; float: right; } #volunteer #sidebar div h4 { color: #FFF; text-transform: uppercase; text-align: center; font-size: 24px; line-height: 1.2; } .vol-side-header { padding: 15px; background: #bababa; } .vol-side-header p { font-weight: bold; font-size: 12px; line-height: 1.2; margin: 15px 0 0; } #vol-side-fb { border: 1px solid #375e99; padding: 15px 15px 0; background: #FFF; } #vol-side-fb-tab { border: 1px solid #375e99; background: #eeeff4; } #vol-side-fb-tab a { color: #36549c; } #vol-side-fb #fb-root { margin-top: 15px; } #vol-side-tw { border: 1px solid #009ceb; padding: 15px; background: #FFF; } #vol-side-tw-tab { border: 1px solid #009ceb; background: #e6f7ff; } #vol-side-tw-tab a { color: #33ccff; } #vol-side-tw .floatl { padding-right: 10px; } #vol-side-tw .twitter-share-button { display: block; float: right; margin-bottom: 10px; } #vol-side-tw .vol-side-tweet { clear: both; } #vol-side-tw p { font-size: 12px; } #vol-side-tabs li { font-size: 14px; font-weight: bold; } #vol-side-share { border: 1px solid #7b81b8; background: #FFF; font-size: 13px; } #vol-side-share input.text { font-size: 13px; padding: 4px 3px; width: 143px; margin: 0 0 5px 0; } #vol-side-share #vol-share-email { width: 300px; } #vol-side-share #vol-share-zip { width: 75px; } #vol-side-share textarea { width: 310px; height: 100px; font-size: 13px; width: 300px; padding: 4px 3px; } #vol-side-share .submit { border: none; color: #FFF; font-weight: bold; background: #555; padding: 7px 10px; cursor: pointer; } #vol-side-share-tab { border: 1px solid #7b81b8; background: #dadcf0; } #vol-side-share-tab a { color: #7b81b8; } #vol-side-share label { display: block; margin-top: 5px; } #vol-side-share input.error { border: 1px solid red; } #vol-side-share form label.error { display: none !important; } #vol-side-share label.error { color: #900; font-size: 10px; display: block; margin: -5px 0 5px; } #vol-side-share .vol-input-boxes {margin:5px;} #vol-side-share .vol-input-boxes h5 {font-size:13px; font-weight:normal; color:#000;} #vol-side-share .vol-input-boxes label {display:inline; padding: 3px; } #vol-side-share .vol-input-boxes input {margin:8px 0 8px 8px; } #vol-side-blog { border-color: #ccc; background: #dcdcdc; } #vol-side-blog ul { margin: 20px; } #vol-side-blog li { font-size: 12px; } #vol-side-blog .byline a { color: #363636; } #vol-side-blog a:link, #vol-side-blog a:visited { text-decoration: underline; } #vol-side-blog a:hover, #vol-side-blog a:active { text-decoration: none; } #vol-side-blog p { text-transform: uppercase; } /* NFL Equinox */ #equinox h1, #equinox h2 { float: left; width: 600px; margin: 0 55px 0 0; } #equinox h1 { font-size: 30px; line-height: 30px; margin-bottom: 30px; } #equinox h1 span { font-weight: normal; } #equinox h2 { width: 600px; font-weight: normal; font-size: 18px; line-height: 26px; color: #10157e; } #partners-logos { position: relative; right: 70px; top: -50px; width: 225px; text-align: center; } #nfl-play-60-logo { margin: 0 0 20px 0; } #class-cities { clear: both; margin: 60px 0 0 0; padding: 0; } #class-cities li { float: left; width: 189px; margin: 0 1px 0 0; padding: 8px 0; background: url('/page/-/wrapper/img/nav-bg.gif'); list-style-type: none; font-weight: bold; font-size: 16px; color: #fff; text-align: center; text-transform: uppercase; cursor: pointer; } #class-cities li:hover { background: #323D93; } .selected-city, .selected-city:hover { background: #e6e6e6 !important; color: #4d4d4d !important; } #class-list-wrapper { position: relative; margin: 0 0 50px 0; } .list-wrapper { position: absolute; top: 0; left: 0; width: 909px; margin: 0 auto; padding: 0 20px; background: #e6e6e6; } .class-list { /*position: absolute; top: 0; left: 0; background: #e6e6e6;*/ width: 909px; border: 0; } .class-list thead { font-weight: bold; font-size: 14px; text-transform: uppercase; border-bottom: 2px solid #142184; } .class-list thead td { padding: 25px 0 15px 0; } .class-list tbody tr { border-top: 1px solid #ccc; } .class-list tbody td { padding: 25px 0; font-size: 13px; } thead .list-date { width: 90px; padding: 25px 0 15px 20px !important; } tbody .list-date { width: 90px; padding: 25px 0 25px 20px !important; } .list-time { width: 150px; } .list-player { width: 249px; } .list-class { width: 140px; } .list-club { width: 170px; } .list-link { width: 110px; } .list-link a, .sold-out { display: block; width: 80px; margin: 0 0 0 3px; padding: 3px 0; font-weight: bold; font-size: 14px; color: #fff; text-transform: uppercase; text-align: center; } .list-link a { background: #fc9f26; } .list-link a:hover { background: #e89223; text-decoration: none; } .sold-out { background: #fe230a; } #class-descriptions h3 { margin: 0 0 20px 0; font-size: 22px; color: #fc9f25; text-transform: uppercase; } #class-descriptions ul { margin: 0; padding: 0; } #class-descriptions li { width: 430px; height: 160px; float: left; margin: 0; padding: 0 30px 10px 0; list-style-type: none; } #framework #speakout #tabs { margin-top: 18px; } #framework #speakout #nav-tabs, #framework #speakout #tip-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 td.tips { padding: 0 10px; } #framework #speakout #tip-tabs { width: 300px; } #framework #speakout #nav-tabs li, #framework #speakout #tip-tabs 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 #speakout #nav-tabs li.tab-on, #framework #speakout #tip-tabs li.tip-on { background: none; border-bottom: 1px solid #fff; color: #555; font-weight: bold; } #framework #speakout #nav-tabs li.tab-off, #framework #speakout #tip-tabs li.tip-off { cursor: pointer; } /* speakout v2 changes */ .bsd-speakout-landing .ui-widget p {;} .bsd-speakout-landing #participate .landing-button.submit { display:block; margin:10px 0 0 0; } .bsd-speakout-landing .ui-widget form strong {display:none;} /* remove this when bug gets fixed */ .bsd-speakout { padding:0 2%; } /* .bsd-speakout .bsd-page-content { border-top:1px solid #a8a8a8; padding:10px 0 0 0; } */ #speakout_form h4 { font-size:1.4em; margin:0 0 0.5em 0; } #speakout_form .left, .right { float:left; padding:0 2% 0 0; } #speakout_form .left { width:40%; border-right:1px solid #a8a8a8; margin:0 2% 0 0; } #speakout_form .bsd-speakout-show-addressinput { margin:0 0 20px; } #speakout_form .bsd-speakout-show-addressinput .bsd-speakout-show-formfield { margin:0 0 3%; } #speakout_form .bsd-speakout-show-addressinput input {width:75%;} #speakout_form .bsd-speakout-show-addressinput .firstname, #speakout_form .bsd-speakout-show-addressinput .lastname { float:left; width:37%; } #speakout_form .bsd-speakout-show-addressinput .firstname { margin:0 2% 0 0; } #speakout_form .bsd-speakout-show-addressinput .firstname input, #speakout_form .bsd-speakout-show-addressinput .lastname input {width:90%;} #speakout_form .recipient-category-name {font-weight:bold;} #speakout_form #recipient-list ol {padding:0;} #speakout_form #recipient-list li { list-style-type:none; clear:both; margin:5px 0 10px; } #speakout_form #recipient-list .recipient_check { float:left; margin:0 5px 0 0; } #speakout_form #recipient-list .recipient-name {display:block;} #speakout_form .right {width:50%} #speakout_form .right label {font-weight:bold;} #speakout_form .right input { margin:1% 0 2%; } #speakout_form .right textarea { width:95%; margin:1% 0 2%; resize:vertical; font-size:0.8em;