@charset "UTF-8"; /* CSS Document */ /* ORIGINAL...NOT USED ONCE ON PBS #pbsnavbar { width: 100%; height: 28px; background: #FFFFFF; text-align:center; } */ table#pbs_gnav_t { width: 100%; background-color:#FFFFFF; } table#pbs_gnav_t table {width: 900px; margin:0 auto;} .container { margin:0; overflow:hidden; padding:0; width:100%; } body { color:#FFFFFF; padding-bottom: 30px; text-align:center; font-family:Arial, Helvetica, sans-serif; } /* STYLES FOR VARIOUS PAGES */ body.bodyhome { background: #255643 url(../images/bg/home_bg.jpg) no-repeat scroll center 116px; } body.bodystories { background: #1C555E url(../images/bg/real_stories_bg.jpg) no-repeat scroll center 116px; } body.bodytools { background: #484822 url(../images/bg/tools_resources_bg.jpg) no-repeat scroll center 116px; } body.bodyvideo { background: #603E25 url(../images/bg/video_bg.jpg) no-repeat scroll center 116px; } body.bodyshare { background: #3E4363 url(../images/bg/share_your_stories_bg.jpg) no-repeat scroll center 116px; } body.bodyeducators { background: #364B50 url(../images/bg/educators_families_bg.jpg) no-repeat scroll center 116px; } body.bodypress { background: #60393A url(../images/bg/press_room_bg.jpg) no-repeat scroll center 116px; } body.bodyabout { background: #503D51 url(../images/bg/about_us_bg.jpg) no-repeat scroll center 116px; } body.bodycontact { background: #503D51 url(../images/bg/misc_bg.jpg) no-repeat scroll center 116px; } body.bodymisc { background: #503D51 url(../images/bg/misc_bg.jpg) no-repeat scroll center 116px; } body.bodyvocab { background: #503D51 url(../images/bg/misc_bg.jpg) no-repeat scroll center 116px; } body.bodyplaceholder { background: #8AC26A url(../images/bg/placeholder_bg.jpg) no-repeat scroll center 116px; } body.bodygame { background: #503D51 url(../images/bg/misc_bg.jpg) no-repeat scroll center 116px; } #page { /* May be necessary to wrap the entire site with this because IE6 won't allow transparency to a BG image on the tag - NOT CURRENTLY USED */ background: transparent url(../images/home_bg_test.png) no-repeat scroll top center; } #window { margin: 0 auto; width: 900px; text-align:left; /* resets the text align to left */ } #header { } #logosearch { width: 900px; height: 43px; margin: 0 auto; padding: 0; } #wnedlogo { position:absolute; width: 77px; height:28px; left: 50%; margin: -28px 0 0 -450px; padding: 0; } #fullfooter, #rightfooter { height: 80px; text-align:center; font-size: 85%; } #fullfooter { width: 900px; /* Works with any width page */ } #rightfooter { width: 525px; /* Works with any width page */ margin: 0 0 0 375px; } .fullheight { margin-top: 5px; height: 30px; } .rightheight { margin-top: 5px; height: 40px; } #footerwrap {width: 522px; margin: 0 auto; padding: 0;} #fullfooter p.foot, #rightfooter p.foot {display: block; float:left; margin: 0 7px 0 8px!important; padding: 0;} #fullfooter p.btm, #rightfooter p.btm {display: block; float:center; margin: 0 7px 0 8px!important; padding: 0;} #fullfooter p.text, #rightfooter p.text {margin: 15px 7px 0 8px!important; display:block; float:left;} #fullfooter a, #fullfooter a:link, #fullfooter a:visited, #rightfooter a, #rightfooter a:link, #rightfooter a:visited { color: #FFFFFF; } #fullfooter a:hover, #rightfooter a:hover { text-decoration: none; } a, a:link, a:visited { color: #ADC7FF;} a:hover { color: #FFFFFF;} /* LOGO & SEARCH BOX */ a.logo { float: left; display: block; width: 470px; height:30px; margin: 5px 0 0 15px; } #search { display:block; float:right; padding:0; width: 185px; height: 22px; margin: 10px 10px 0 0; } #search input { background:transparent url(../images/search_bg.png) no-repeat scroll 0 0; border:none; font-size:1.0em; color:#444444; padding:3px; width:118px; height:16px; float:left; } #search input:focus, #search input:hover { background:transparent url(../images/search_bg.png) no-repeat scroll 0px -22px; } #search a { background:transparent url(../images/search_bg.png) no-repeat scroll -189px 0px; border:none; color:#952200; padding:0px; font-weight: bold; height:22px; width:61px; float:left; display: block; } #search a:hover { background:transparent url(../images/search_bg.png) no-repeat scroll -189px -22px; color:#fff; } /* PRIMARY NAV */ #primarynav { width: 900px; height:18px; margin: 0 auto; padding: 0; overflow: hidden; } #primarynav ul#primary li a.tab { background-image:url(../images/primary_nav_bg.gif); background-repeat:no-repeat; float:left; height:0; overflow:hidden; padding-top:18px; } #primary li#nav-stories a { background-position:0 0; width:128px; } #primary li#nav-stories ul { margin-left:-450px; } #primary li#nav-video a { background-position:-128px 0; width:65px; } #primary li#nav-game a { background-position:-193px 0; width:94px; } #primary li#nav-tools a { background-position:-287px 0; width:137px; } #primary li#nav-share a { background-position:-424px 0; width:141px; } #primary li#nav-educators a { background-position:-565px 0; width:150px; } #primary li#nav-press a { background-position:-715px 0; width:99px; } #primary li#nav-about a { background-position:-814px 0; width:86px; } #primary li#nav-about ul { margin-left:363px; } #primary li#nav-stories a:hover { background-position:0 -18px; } #primary li#nav-video a:hover { background-position:-128px -18px; } #primary li#nav-game a:hover { background-position:-193px -18px; } #primary li#nav-tools a:hover { background-position:-287px -18px; } #primary li#nav-share a:hover { background-position:-424px -18px; } #primary li#nav-educators a:hover { background-position:-565px -18px; } #primary li#nav-press a:hover { background-position:-715px -18px; } #primary li#nav-about a:hover { background-position:-814px -18px; } #primary.stories li#nav-stories a { background-position:0 -18px !important; } #primary.video li#nav-video a { background-position:-128px -18px !important; } #primary.game li#nav-game a { background-position:-193px -18px !important; } #primary.tools li#nav-tools a { background-position:-287px -18px !important; } #primary.share li#nav-share a { background-position:-424px -18px !important; } #primary.educators li#nav-educators a { background-position:-565px -18px !important; } #primary.press li#nav-press a { background-position:-715px -18px !important; } #primary.about li#nav-about a { background-position:-814px -18px !important; } #primary { font-family:Verdana, Geneva, sans-serif; font-size: 77%; margin:0; padding:0; } #primary ul { display:block; position:absolute; top:205px; left: 50%; } #primary ul.children { margin:0; padding:0; border-bottom:3px solid #F6921D; z-index:100; visibility:hidden; } #primary li { /* background:#969696 url(images/bg_grey_tab.gif) no-repeat scroll left top; */ display:inline; float:left; height:auto; } #primary li li { /* background:#FFF0CE none repeat scroll 0%; */ display:block; float:none; border-top: 1px solid #666666; } #primary ul li a { background: #181818 none no-repeat scroll top left; line-height:18px; display: block; color: #FFFFFF; width:104px!important; padding-left: 10px; text-decoration:none; } #primary ul li a.real-stories { width:190px!important; } #primary ul li a.real-stories-last { width:190px!important; border-bottom: 0; } #primary ul a.last { border-bottom: 0; } #primary ul a:hover, #primary ul a.selected { background: #444444 none no-repeat scroll top left; } #primary li:hover ul, #primary li.sf ul { visibility:visible; } #primary li:hover ul ul, #primary li.sf ul ul { visibility:hidden; } #primary li:hover ul, #primary li li:hover ul, #primary li.sf ul, #primary li li.sf ul { visibility:visible; } /* GLOBAL CONTENT */ #heading { min-height: 80px; } #heading.right { width: 525px; margin: 23px 0 23px 375px; } #heading.full { width: 900px; } #heading.full img { margin: 23px 0 23px 0; display:block; } #rightcontent { padding: 0; width: 525px; margin: 0 0 0 375px; } #leftcontent { width: 370px; margin: 0; padding: 0; float:left; display:inline; } .bbg { /* Sets alpha black BG on various elements */ background: url(../images/black_transbg.png) repeat scroll top left; } .bigbg { /* never know when you might need a big transparent bg -- IE6 */ background: url(..images/black_transbg_big.png) repeat top left; } img.left { float: left; margin: 3px 10px 10px 0px; } .cta a.doc {padding-right: 18px; background: url(../images/cta_doc.gif) no-repeat top right;} .cta a.pdf {padding-right: 18px; background: url(../images/cta_pdf.gif) no-repeat top right;} .cta a.web {padding-right: 18px; background: url(../images/cta_web.gif) no-repeat top right;} .bodymisc p {margin: 0;} .bodymisc p.cta {margin: 3px 0 15px 0!important;} .bodymisc p.cta a {color: #ADC7FF; text-decoration:none; font-weight:bold; font-family: Verdana, Arial, sans-serif; margin: 0;} .bodymisc p.cta a:hover {color: #FFFFFF;} .bodyplaceholder p {margin: 0;} .bodyplaceholder p.cta {margin: 3px 0 15px 0!important;} .bodyplaceholder p.cta a {color: #ADC7FF; text-decoration:none; font-weight:bold; font-family: Verdana, Arial, sans-serif; margin: 0;} .bodyplaceholder p.cta a:hover {color: #FFFFFF;} p.quote-bio { text-align:right; font-weight:bold; text-decoration:none; } a.quote-bio { text-decoration:none; } /* HOME CONTENT */ #homerow1, #homerow2, #homerow3 { margin: 0 0 5px 0; } #homerow3 {background:url(../images/black_transbg_row_260x260.png) no-repeat 0 0;} #homewyntk { float: left; padding: 10px 5px 10px 10px;} #homevideo { height: 288px; width: 512px; padding: 6px 6px 6px 7px; float:left;} #homewyntk { height: 150px; width: 390px; margin: 0 5px 0 0; overflow:hidden;} #homewyntk li.long-item {padding-bottom: 15px;} #homebanner {height: 170px; width: 115px; float:left; overflow: hidden;} #homepoll {min-height: 180px; width: 260px; margin: 0 5px 0 0; padding: 0; float:left;} #homepoll h3 {margin: 10px 0 0 10px; float:left; width: 250px; display:inline;} #homepoll a.castyourvote { width: 260px; display:block; padding-top: 90px; background:url(../images/cast_your_vote.png) no-repeat 0 -10px; height:0; overflow:hidden; } #homepoll #castyourvoteholder { position: relative; height: 30px; } #castyourvote h3 { position:absolute; top: 10px; left: 10px; } #homepoll a.castyourvote:hover { background:url(../images/cast_your_vote.png) no-repeat 0 -110px; } #homerqra {min-height: 170px; width: 260px; padding: 10px 0 0 0; float: left;} /* equals 170px tall */ #homerqra #rqraholder {position:relative; height: 75px;} #rqraholder h3 { position:absolute; top: 0; left: 10px; } #rqraholder p { position: absolute; top: 23px; left: 15px; width: 220px; font-size: 93%; } img.rqratext {margin-left: 5px;} #homebanner ul, #homebanner ul li {margin: 0; padding: 0; list-style:none; border: none;} .bodyhome #make_it_and_keep_it_pane, .bodyhome #make_your_money_work_pane, .bodyhome #dig_out_of_debt_pane, .bodyhome #save_more_spend_less_pane, .bodyhome #insure_your_future_pane, .bodyhome #do_it_yourself_pane { height: 112px; width: 205px; font-size: 93%; } .bodyhome #make_it_and_keep_it_pane a, .bodyhome #make_your_money_work_pane a, .bodyhome #dig_out_of_debt_pane a, .bodyhome #save_more_spend_less_pane a, .bodyhome #get_insured_pane a, .bodyhome #do_it_yourself_pane a, .bodyhome #make_it_and_keep_it_pane a:link, .bodyhome #make_your_money_work_pane a:link, .bodyhome #dig_out_of_debt_pane a:link, .bodyhome #save_more_spend_less_pane a:link, .bodyhome #insure_your_future_pane a:link, .bodyhome #do_it_yourself_pane a:link, .bodyhome #make_it_and_keep_it_pane a:visited, .bodyhome #make_your_money_work_pane a:visited, .bodyhome #dig_out_of_debt_pane a:visited, .bodyhome #save_more_spend_less_pane a:visited, .bodyhome #insure_your_future_pane a:visited, .bodyhome #do_it_yourself_pane a:visited { font-weight: bold; color: #ADC7FF; text-decoration: none; } .bodyhome #make_it_and_keep_it_pane a:hover, .bodyhome #make_your_money_work_pane a:hover, .bodyhome #dig_out_of_debt_pane a:hover, .bodyhome #save_more_spend_less_pane a:hover, .bodyhome #insure_your_future_pane a:hover, .bodyhome #do_it_yourself_pane a:hover { color: #FFFFFF; } /* PLACEHOLDER CONTENT */ #placeholdervideo { height: 216px; padding: 2px 2px 22px 2px; width: 384px; margin: 0 0 5px 0;} /* STORIES CONTENT */ /* STORIES Left Column */ #storiesintro, #storiescastmember, #storiesexperts, #storiesstats { margin: 0 0 5px 0; width: 350px; padding: 10px;} #storiesintro { height: 145px;} #storiescastmember { height: 110px; } #storiesexperts { height: 520px;} #storiesstats { height: 145px;} /* STORIES Right Column */ #storiestools, #storieswyntk { margin: 0 0 5px 0; width: 505px; padding: 10px;} #storiesvideo { height: 288px; padding: 6px 6px 6px 7px; width: 512px; margin: 0 0 5px 0;} #storiestools { height: 520px;} #storieswyntk { height: 145px;} /* STORIES ALL */ body.bodystories h2 { margin-bottom: 10px; } /* STORIES SECTIONS */ #storiesintro p {font-size: 93%; margin-bottom: 10px; } #storiesintro p.last {margin-bottom: 0px; } #storiescastmember p {font-size: 93%; } #storiescastmember p.last {margin-bottom: 0px; } #storiesexperts h2 {margin-bottom: 15px;} #storiesexperts h3 {font-size: 108%; margin: 15px 0 0 5px;} #storiesexperts h3.first {margin-top: 0px;} #storiesexperts h3 a {color:#ADC7FF; text-decoration:none;} #storiesexperts h3 a:hover {color:#FFFFFF;} #storiesexperts p { font-size: 93%; margin: 5px 0 0 10px; } /* CHAPTER PANES */ #intro_pane, #cast_pane, #experts_pane, #stats_pane { width: 350px; } #experts_pane { height: 460px; } #stats_pane { height: 100px; } #intro_pane { height: 145px; } #cast_pane { height: 110px; } #storiesstats ul {margin: .5em .5em 0 2em!important; } #storiesstats li {font-size: 93%; } #storiesstats ul ul li {list-style-type: circle;} #storiesstats ul ul {list-style-type: circle; margin: .1em 0 .25em 2em!important; } #storieswyntk ul, #storieswyntk ol { margin: .5em .5em 0 2em; } #storieswyntk li { font-size: 93%; } #storiestools div { width: 234px; height: 78px; float: left; display: inline; border-bottom: 1px solid #999999; padding: 8px; } #storiestools div.left { border-right: 1px solid #999999; } #storiestools div.right { } #storiestools div.last { border-bottom: none!important; } #storiestools h3 {font-size: 95%; color: #FFFFFF; letter-spacing:0!important; margin-bottom: 3px;} #storiestools p {font-size: 85%;} #storiestools p.cta {margin-top: 5px; display:inline; float:left; } #storiestools p.cta a {font-size: 116%; font-weight: bold; color: #ADC7FF; text-decoration:none;} #storiestools p.cta a:hover {color: #FFFFFF;} .highslide-body h3 {text-align:left; margin: 0 0 10px 10px;} .highslide-body p {margin: 10px; text-align:left; line-height:1.3em; } .highslide-body img.left {float: left; margin: 4px 21px 16px 10px; } .highslide-body img.right {float: right; margin: 4px 0 18px 20px; } /* VOCAB CONTENT */ .bodyvocab h2 { margin-bottom: 30px!important;} /* VIDEO CONTENT */ #videointro, #videotabs, #videotranscript { margin: 0 0 5px 0; width: 505px; } .bodyvideo p.cta {margin-top: 10px;} .bodyvideo p.cta a {color: #ADC7FF; text-decoration:none; font-weight:bold; font-family: Verdana, Arial, sans-serif; margin: 10px 0 0 0; display: block;} .bodyvideo p.cta a:hover {color: #FFFFFF;} #videointro { padding: 10px; } #videointro p {margin-bottom: 10px; } #videointro p.last {margin-bottom: 0px; } #videovideo { height: 288px; width: 512px; padding: 6px 6px 6px 7px; margin: 0 0 5px 0;} #videotabs {padding: 10px;} #videotabs div.container { margin-bottom: 5px; } .thumb {width: 113px; height: 63px; float:left; margin: 0 0 0 0; border: 1px solid #cccccc; } .descript {margin: 0 0 0 125px;} #videotranscript {padding: 10px;} #chapters_pane, #man_on_the_street_pane, #expert_voices_pane, #host_extras_pane, #cash_comix_pane { height: 210px; width: 481px; } /* TOOLS RESOURCES CONTENT */ #toolsintro, #toolshalf, #toolsglossary, #toolsweblinks, #toolsthirds { margin: 0 0 5px 0; } #toolsintro { padding: 10px; width: 505px; } .bodytools p {margin: 0!important;} .bodytools p.cta {margin: 3px 0 15px 0!important;} .bodytools p.cta a {color: #ADC7FF; text-decoration:none; font-weight:bold; font-family: Verdana, Arial, sans-serif; margin: 0;} .bodytools p.cta a:hover {color: #FFFFFF;} #toolshalf { background:url(../images/black_transbg_row_260x260.png) no-repeat 0 0;} #toolscalc { height: 110px; width: 240px; margin: 0 5px 0 0; padding: 10px; float:left;} #toolsquiz {height: 110px; width: 240px; padding: 10px; float:left;} #toolsglossary {height: 335px; padding: 10px; width: 505px; } #toolsweblinks {padding: 10px; width: 505px; } #toolsthirds {background:url(../images/black_transbg_row_171x171x171.png) no-repeat 0 0;} #toolsclassroom {height: 110px; width: 151px; margin: 0 6px 0 0; padding: 10px; float:left;} #toolsyouth {height: 110px; width: 151px; margin: 0 6px 0 0; padding: 10px; float:left;} #toolsnatlorg {height: 110px; width: 151px; margin:0; padding: 10px; float:left;} #toolsglossary_pane { height:225px; width:487px; } #make_it_and_keep_it_pane, #make_your_money_work_pane, #digging_out_of_debt_pane, #start_saving_pane, #get_insured_pane, #do_it_yourself_pane, #general_resources_pane { height:245px; width: 295px; } /* SHARE YOUR STORIES CONTENT */ #shareintro, #sharecomments { width: 860px; padding: 20px; margin: 0 0 5px 0; } #shareintro p {margin-bottom: 0!important; } #sharecomments { height:1300px; } /* EDUCATORS FAMILIES CONTENT */ #educatorsintro, #educatorshalf, #educatorsglossary, #educatorsweblinks, #educatorsthirds { margin: 0 0 5px 0; } .bodyeducators p {margin: 0!important;} .bodyeducators p.cta {margin: 3px 0 15px 0!important;} .bodyeducators p.cta a {color: #ADC7FF; text-decoration:none; font-weight:bold; font-family: Verdana, Arial, sans-serif; margin: 0;} .bodyeducators p.cta a:hover {color: #FFFFFF;} .bodyeducators h4 {font-size: 108%;} #educatorsintro { padding: 10px; width: 505px; } #educatorshalf { background:url(../images/black_transbg_row_260x260.png) no-repeat 0 0;} #educatorsclassroom { width: 240px; margin: 0 5px 0 0; padding: 10px; float:left;} #educatorsyouth{width: 240px; padding: 10px; float:left;} #educatorstrans { width: 240px; margin: 0 5px 0 0; padding: 10px; float:left;} #educatorsnat { width: 240px; padding: 10px; float:left;} #educatorsglossary {height: 335px; padding: 10px; width: 505px; } #educatorsweblinks {padding: 10px; width: 505px; } #educatorsglossary_pane { height:225px; width:487px; } #web_exclusives_pane, #make_it_and_keep_it_pane, #make_your_money_work_pane, #dig_out_of_debt_pane, #save_more_spend_less_pane, #insure_your_future_pane, #do_it_yourself_pane { height: 245px; width: 295px; } /* PRESS CONTENT */ #pressintro, #pressrelease, #pressbios, #pressqa, #presshalf, #pressnatadvisory { margin: 0 0 5px 0; } .bodypress p.cta {margin-top: 5px; } .bodypress p.cta a {font-weight: bold; color: #ADC7FF; text-decoration:none;} .bodypress p.cta a:hover {color: #FFFFFF;} .bodypress h2 {margin-bottom: 5px;} #presslogin {position:absolute; width: 225px; height: 60px; top: 135px; margin-left: 235px; left: 50%;} #presslogin a.login { display:block; float:left; background: url(../images/button_login.gif) no-repeat top left; float:left; height:0; overflow:hidden; padding-top:17px; width: 62px; margin: 0 10px 0 0; } #presslogin a.register, #presslogin a.register:link, #presslogin a.register:visited { color: #ADC7FF; font-size: 85%; text-decoration:none; } #presslogin a.register:hover { color: #FFFFFF; } #pressintro { padding: 10px; width: 505px; } #pressrelease {padding: 10px; width: 505px; } #pressbios {padding: 10px; width: 505px; } #pressbios h2 {float: left;} #pressbios img { float: left; margin: 3px 15px 10px 0px; } #pressqa {padding: 10px; width: 505px; } #pressqa p {margin-bottom: 10px;} #pressqa p.cta {margin-bottom: 0px;} #pressnatadvisory {padding: 10px; width: 505px; } #presshalf { background:url(../images/black_transbg_row_260x260.png) no-repeat 0 0;} #pressfinancial { width: 240px; margin: 0 5px 0 0; padding: 10px; float:left;} #pressnatoutreach { width: 240px; padding: 10px; float:left;} #presshost_pane, #presscast_pane, #pressexperts_pane { height:210px; width:480px; } #pressbios #tabs h3 {margin: 3px 0 10px 0; font-size:138.5%; padding: 0;} /* scrolling content on Press Downloads page */ #pressscroll { height: 420px; width: 850; overflow-y: auto; overflow-x: hidden; padding: 0 10px 0 0; } #pressscroll div { width: 150px; height: 250px; margin: 10px 0px 0px 17px; padding: 0; float:left; display:inline; } #pressscroll div.first { margin-left: 0px; } #pressscroll div img { margin-bottom: 5px; } #pressscroll div p { font-size: 93% } /* ABOUT US CONTENT */ #aboutintro, #aboutproducers, #aboutfunder, #aboutweb { margin: 0 0 5px 0; width: 505px; padding: 10px; } body.bodyabout h2 { margin-bottom: 10px; } #aboutintro {} #aboutintro p {margin-bottom: 10px;} #aboutintro p.last {margin-bottom: 0px;} #aboutproducers {} #aboutproducers div.logo {float: left; width: 145px; height: 150px; display:block; margin: 5px 10px 0 5px} #aboutproducers div.wned, #aboutproducers div.workingdog { width: 325px; margin: 0 0 0 160px;} #aboutproducers p {margin-bottom: 10px;} #aboutproducers p.last {margin-bottom: 0px;} #aboutproducers h3 {margin-bottom:5px;} #aboutfunder { } #aboutfunder div.logo {float: left; width: 145px; height: 150px; display:block; margin: 5px 10px 0 5px} #aboutfunder div.hsbc {width: 325px; margin: 0 0 0 160px;} #aboutfunder p {margin-bottom: 10px;} #aboutfunder p.last {margin-bottom: 0px;} #aboutfunder h3 {margin-bottom: 5px; } #aboutweb {} #aboutweb div.webleft {float: left; width: 210px; display:block; margin: 0 0 0 20px;} #aboutweb div.webright {width: 230px; margin: 0 0 0 260px; display:block;} #aboutweb p {margin-bottom: 15px;} #aboutweb h3 {margin-bottom: 10px;;} #aboutweb h4 {color:#FFFFFF; margin-bottom: 2px; font-size: 108%} #aboutweb p.last {margin-bottom: 0px;} /* CONTACT & FORM */ #contactintro { margin: 0 0 5px 0; width: 505px; padding: 10px; } body.bodycontact h2 { margin-bottom: 10px; } #contactintro p, #contactform p {margin-bottom: 10px;} #contactform #sendEmail {padding: 0 0 10px 20px;} #contactform h2.success {color:#6C0;} #contactform a.submitform { background:transparent url(../images/form_submit_bg.gif) no-repeat scroll 0px -23px; border:none; color:#ffffff; padding:0px; font-weight: bold; height:23px; width:61px; display: block; margin: 20px 0 0 0; } #contactform a.submitform:hover { background:transparent url(../images/form_submit_bg.gif) no-repeat scroll 0px 0px; color:#fff; } #contactform .alert, #contactform .error { color: #FF0000; } #contactform .error { display: block; margin: 5px 0 0 0; } #contactform label { cursor: pointer; display: block; line-height: 1.5em; margin-top: 10px; } #contactform input { width: 230px; } #contactform textarea { height: 200px; width: 465px; } #contactform p.loading {margin-top: 20px;} #contactform input, #contactform textarea { font-size: 100%; } /* FULL CONTENT */ /* These styles used on the "more" pages */ #fullcontent p, #fullsidebarcontent p { margin-bottom: 1em; font-size: 108%; } #fullcontent p.last, #fullsidebarcontent p.last { margin-bottom: 0; } #fullcontent h2, #fullsidebarcontent h2, #sidebarcontent h2 { margin: 40px 0 10px 0; } #fullcontent h2.top, #fullsidebarcontent h2.top, #sidebarcontent h2.top {margin-top: 0px;} #sidebarcontent h2 { } #sidebarcontent p { } #fullcontent { /* full width column 900px...a departure from the standard as this gets the BG image added, not just a wrapper */ width: 860px; margin: 0 0 5px 0; padding: 20px; min-height: 460px; } #fullcontentwrap { width: 900px; margin: 0 0 5px 0; } #fullsidebarcontent { /* almost full width at 700px...also a departure from the standard as this gets the BG image added, not just a wrapper */ width: 700px; float: left; display: inline; height: 560px; } .height940 {height: 940px!important;} .height980 {height: 980px!important;} .height560 {height: 560px!important;} .height840 {height: 840px!important;} .height900 {height: 900px!important;} .height720 {height: 720px!important;} .height850 {height: 850px!important;} .height840 {height: 840px!important;} .height1020 {height: 1020px!important;} .height920 {height: 920px!important;} .height800 {height: 800px!important;} .height700 {height: 700px!important;} .height640 {height: 640px!important;} .height550 {height: 550px!important;} .height740 {height: 740px!important;} #sidebarcontent { /* right sidebar content */ width: 195px; height: 560px; margin: 0 0 0 705px; } #sidebarcontent p.printthispage img { margin-bottom: -1px; } #fullsidebarcontent div, #sidebarcontent div { padding: 20px; } /* GLOSSARY */ ul#glossaryindex { width: 479px; margin: 5px auto; text-align: center; height: 20px; border-bottom: 1px solid #999999; padding: 0 0 6px 0; } #glossaryindex li { width: 17px; height: 19px; display:block; float:left; padding: 0; margin: 0; line-height: 19px; } #glossaryindex li.bookend { font-weight: bold; font-size: 146.5%; color: #FFA42B; width: 10px; } /* HEADINGS */ h2, h3 {color: #F8942D; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif;letter-spacing: -1px;} h2 {font-size: 153.9%; line-height: 25px;} h3 {font-size: 123.1%;} /* GROUP */ #groupbg {display:block; width:260px; height:95px; background:url(../images/rqra_group.png); margin: 0; padding: 0; zoom: 1;} #group { background:url(../images/rqra_group.png); display:block; width:260px; height:95px; position:relative; margin: 0; padding: 0; z-index:50; zoom: 1;} #group.none {background:transparent url(../images/rqra_group.png) no-repeat 0 -700px;} #group a {color:#000;} #group dt {visibility:hidden;} * html a#title2 {height:0px; he\ight:0;} a#simmons {display:block; width:36px; height:0; padding-top:95px; overflow:hidden; position:absolute; left:0px; top:0px; } * html a#simmons {height:95px; he\ight:0;} a#simmons:hover {overflow:hidden;} a#lwin {display:block; width:30px; height:0; padding-top:95px; overflow:hidden; position:absolute; left:36px; top:0px;} * html a#lwin {height:95px; he\ight:0;} a#lwin:hover {overflow:hidden;} a#mccormick {display:block; width:37px; height:0; padding-top:95px; overflow:hidden; position:absolute; left:66px; top:0px;} * html a#mccormick {height:95px; he\ight:0;} a#mccormick:hover {overflow:hidden;} a#woods {display:block; width:72px; height:0; padding-top:95px; overflow:hidden; position:absolute; left:103px; top:0px;} * html a#woods {height:95px; he\ight:0;} a#woods:hover {overflow:hidden;} a#james {display:block; width:44px; height:0; padding-top:95px; overflow:hidden; position:absolute; left:175px; top:0px;} * html a#james {height:95px; he\ight:0;} a#james:hover {overflow:hidden;} a#bouchard {display:block; width:41px; height:0; padding-top:95px; overflow:hidden; position:absolute; left:219px; top:0px;} * html a#bouchard {height:95px; he\ight:0;} a#bouchard:hover {overflow:hidden;} /* SCROLLER CSS */ div#wn { float:left; margin-right:8px; } div#scrollbar { float:left; } .clearer { clear:left; } /* IMAGE REPLACEMENT - USE FOR REFERENCE - TO BE DELETED BEFORE LAUNCH */ #ID_OF_ELEMENT { padding: 20px 0 0 0; overflow: hidden; background-image: url("hello_world.gif"); background-repeat: no-repeat; height: 0px !important; height /**/:20px; } /* SCROLLPANES */ .jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; } .jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: transparent url(../images/scrollpane_bg.gif) repeat-y top center; } .jScrollPaneDrag { position: absolute; background: transparent url(../images/scrollpane_drag_bg.gif) repeat-y top center; cursor: pointer; overflow: hidden; } .jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; background-color: transparent; } .jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; background-color: transparent; } a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; height:9px; } a.jScrollArrowUp:hover { /*background-color: #f60;*/ } a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; height:9px; } a.jScrollArrowDown:hover { /*background-color: #f60;*/ } a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/ } a.jScrollArrowUp { background: url(../images/scrollpane_arrow_top.png) no-repeat center top; } a.jScrollArrowUp:hover { background-position: 0 0; } a.jScrollArrowDown { background: url(../images/scrollpane_arrow_bottom.png) no-repeat 0 0; } a.jScrollArrowDown:hover { background: url(../images/scrollpane_arrow_bottom.png) no-repeat 0 0; } a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /* background: url(../images/scrollpane_arrow_top.png) no-repeat 0 0; */ } .holder { float:left; margin:0; padding: 0; display:inline; width: 100%; } .scroll-pane { padding: 0!important; margin: 0!important; float:left; overflow:auto; background: none repeat scroll 0 0; } .scroll-pane p {padding: 0; margin: 0 0 10px 0;} .scroll-pane p.last {padding: 0; margin: 0;!important} .glossactive {text-decoration: none; color: #FFFFFF!important; font-weight:bold;} .add-content {color: #FFA42B; font-weight:bold;} .add-content:hover {color: #FFFFFF; } /* HIDDEN FOR NOW #pane1 { background:#transparent none repeat scroll 0 0; float:left; height:225px; overflow:auto; width:498px; } */ /* POllS */ /* ----------- Background Box Div styles ----------- */ .pds-box { width: 240px; /* for fixed width enter value here, max width 700px */ height: 60px; color: #FFFFFF; /* border: 1px solid #CC0000; */ background: transparent none; text-align: left; margin:0; padding: 0; } .pds-box-outer { background: transparent none; } .pds-box-inner { background: transparent none; } .pds-box-top { background: transparent none; padding: 0; } /* ----------- Question Box Div styles ----------- */ .pds-question { background: transparent none; padding: 2px 0px 0px 10px; } /* ----------- Answer Box Div styles ----------- */ .pds-answer { display: none; } /* ----------- Vote Box Div styles ----------- */ .pds-vote { display: none; } /* SEARCH RESULTS */ .result {} .result-title {} .result-set {color: #FFFFFF;} .results-head {color: #F8942D; background-color: transparent; font-weight: bold;} .results-nav {color: #F8942D; background-color: transparent; font-weight: bold;} .result-number {font-weight: normal;} .result-abstract {font-weight: normal;} .keymatch-header {color: #F8942D; background-color: transparent; font-weight: bold;} .keymatch {color: #FFFFFF; font-weight: normal; text-align: left}