@charset "UTF-8"; /*********************************************************************************/ /* Generic CSS */ /*********************************************************************************/ body {font: 70% Verdana, Helvetica, sans-serif; background:#fff url(../img/bg.gif) 0 0 repeat-x; margin: 0; padding: 0; text-align: center; color: #333333;} #bgWrap {background: url(../img/footerBG.jpg) 0 bottom repeat-x;} img {border:0;} a {color:#0099ff;} /*a {color:#154297;} */ a:hover {color:#008CC7;} p {padding:0 0 1.3em 0; line-height:1.3em; margin:0;} p.noMargin {padding:0;} p.marginTop {padding:1.3em 0 0 0;} .hide {display:none;} .clearFloats {clear:both;} .noTopMargin {margin-top:0 !important;} .smallGap {margin-bottom:5px !important;} ul.copyList {margin:0 0 1.3em 2em; padding:0;} hr {clear:both; border:0; margin:10px 0; padding:0; background: url(../img/dotted_horizontal_light.gif) repeat-x 0 bottom;} .center { text-align: center !important; } .right { text-align: right !important; } .floatRight { float: right; } .floatLeft { float: left; } /*********************************************************************************/ /* Main Layout CSS */ /*********************************************************************************/ #container {width: 900px; margin:0 auto; padding:0px; text-align:left; position:relative;} #header {width:900px; height:75px;} #header h1 { margin:0; padding:0;} #header h1 a {float:right; margin:0; background:url(../img/logo.gif) 0 0 no-repeat; width:251px; height:65px; display:block;} #header h1 img {display:none;} #header h2 { margin:0; padding:0; float:left; margin:34px 0 0 0;} #mainContent { width:830px; padding:20px 0 10px 0; margin:0 0 0 70px; float:left; display:inline; min-height:300px; height:auto!important; height:300px; position:relative;} #mainContent #leftCopy {float:left; width:590px;} #mainContent #rightCopy {float:right; width:220px;} #mainContent #copyFull {float:left; width:590px;} #mainContent #leftCol {float:left; width:220px; } #mainContent .mapCol {width:305px !important;} body.nominate #mainContent #rightCopy {float:right; width:590px;} body.entry #mainContent #rightCopy {float:right; width:590px;} /* custom #mainContent */ body.nominate .noMargin {margin-left:0 !important; padding:0 !important; width:900px !important;} body.nominate div.results {margin:25px 0 0 0 !important; padding:0 !important; width:900px !important;} #mainContent .backTop {float:left; width:100%; margin:20px 0 0; border-top:1px solid #F9B479;} #mainContent .backTop a { padding-right:16px; float:right; background:url(../img/backTop_arrow.gif) right center no-repeat; font-weight:bold; margin:5px 0;} a.impactLink {font-size:100%; font-weight:bold; text-decoration:none;} a.impactLink span {text-decoration:underline;} .imapctDetail {font-size:100%; font-weight:bold;} .imapctDetail .smallText {font-weight:normal; font-size:90%;} .leftHighlighBox {background:url(../img/leftHighlightBox.gif) 0 0 no-repeat; width:372px; height:46px; line-height:46px; text-align:center; margin:0 0 10px 19px; font-size:110%; font-weight:bold;} #copyFull .leftHighlighBox {margin-left:136px;} a.moreLink {font-weight:bold; text-decoration:none; float:right; margin-bottom:10px;} a.moreLink span {text-decoration:underline;} a.boxMoreLink {font-weight:bold; text-decoration:none; float:right; text-align:right; padding-top:5px; width:100%; background: url(../img/dotted_horizontal_light.gif) repeat-x 0 0;} a.boxMoreLink span {text-decoration:underline;} #rightCopy .boxMoreLink { background:none; padding:5px 10px 0; width:190px;} #leftCol .desc {width:230px; margin-left:40px;} #leftCol .leftColWrapper {margin:20px 0 0 58px;} .messageProfile {float:left; margin:0 15px 10px 0; width:156px;} .messageProfile p {margin:0; padding:3px; width:150px; text-align:center; background:#ddd; font-style:italic; font-size:90%; color:#666;} .messageCopy {float:left; width:410px;} .mediaPlayer {width:766px !important; padding:0 10px !important; margin:0 51px 0 !important;} #copyFull h4 {font-size:110%; padding:0; margin:5px 0 10px 0;} /*********************************************************************************/ /* HERO IMAGES */ /*********************************************************************************/ #hero {position:absolute; left:-130px; top:175px; z-index:0;} #hero2 {position:absolute; left:-210px; top:160px; z-index:0;} #hero .courier {width:210px; height:236px; background:url(../img/heros/courier.png) 0 0 no-repeat;} #hero2 .textile {width:270px; height:233px; background:url(../img/heros/textile.png) 0 0 no-repeat;} /*********************************************************************************/ /* HOME Layout CSS */ /*********************************************************************************/ #homeHero {margin:0 22px;} #homeFlash {position:relative; background:url(../img/homeFlashReplace/bg.jpg); height:416px; margin-top:2px;} #homeFlash #cornerFix {background:url(../img/homeCornerFix.gif) no-repeat; width:14px; height:9px; position:absolute; top:36px; left:0; z-index:1005} #homeFlash #dialogue {position:absolute; left:259px; top:100px; background: url(../img/homeFlashReplace/dialogueBox.jpg) no-repeat; width:369px; height:261px; z-index:1} #homeFlash #hmBtnOne{position:absolute; left:130px; top:340px; z-index:2; display:block; width:300px; height:62px; background:url(../img/homeFlashReplace/btn1.gif);} #homeFlash #hmBtnOne:hover {background:url(../img/homeFlashReplace/btn1.gif) no-repeat 0 -62px;} #homeFlash #hmBtnTwo{position:absolute; right:143px; top:340px; z-index:2; display:block; width:300px; height:62px; background:url(../img/homeFlashReplace/btn2.gif);} #homeFlash #hmBtnTwo:hover {background:url(../img/homeFlashReplace/btn2.gif) no-repeat 0 -62px;} #homeFlash #dialogue .dialogueTextBox {margin:153px 0 0 31px; position:relative; } #homeFlash #dialogue .submitField{position:absolute; left:0; top:0; width:200;} #homeFlash #dialogue .submitBtn {position:absolute; right:60px; top:50; display:block; width:247px; height:37px; bottom:100px; background:url(../img/homeFlashReplace/btn_dialogue2.png); } #homeFlash #dialogue .submitBtn:hover {background:url(../img/homeFlashReplace/btn_dialogue2.png) no-repeat 0 -37px;} #homeContent { width:900px;padding:10px 0; margin:0; background: #19A2EA url(../img/homeContent_bg.jpg) 0 top repeat-x; position:relative; } #homeContent .homeTopRight {background: url(../img/homeContent_topRight.gif) 0 0 no-repeat; width:20px; height:20px; position:absolute; top:0; right:0;} #homeContent .homeBotLeft {background: url(../img/homeContent_botLeft.gif) 0 0 no-repeat; width:20px; height:20px; position:absolute; bottom:0; left:0;} #homeContent .first {margin-left:10px;} #homeContent .homeBox {float:left; position:relative; display:inline; padding:0; width:293px;} #homeContent .homeBox .boxCopy {padding:8px 10px 5px 20px; height:151px; background:url(../img/homeBox_bg.jpg) 0 bottom no-repeat; width:263px;} #homeContent .homeBox .boxCopy .boxScroll {height:140px; overflow:auto; width:255px;} #homeContent .homeBox .boxCopy p {font-size:95%; line-height:1.4em;} #homeContent .homeBox .boxCopy p.dots {border-top:1px dotted #333; padding-top:5px; margin-top:5px;} #homeContent .homeBox .boxCopy p.date {margin-bottom:10px;} #homeContent .homeBox .boxCopy a.date {font-weight:bold; text-decoration:none;} #homeContent .homeBox .boxNews {padding-top:10px;} #homeContent .homeBox a.startNom {float:left; border:0; background:url(../img/buttons/startNom.gif) 0 0 no-repeat; width:207px; height:37px; text-indent:-999em; margin-left:20px;} #homeContent .homeBox a.startNom:hover {background-position:-207px 0;} #homeContent .homeBox h2 {text-indent:-999em; height:13px; margin:10px 0 10px 12px; padding:0; width:250px;} #homeContent .homeBox h2 a {display:block; width:250px; height:13px;} #homeContent .homeBox h2.nominate {background:url(../img/homeHeaders/nominateNow.gif) 0 0 no-repeat;} #homeContent .homeBox h2.whosNominated {background:url(../img/homeHeaders/whosNominated.gif) 0 0 no-repeat;} #homeContent .homeBox h2.sponsors {background:url(../img/homeHeaders/sponsors.gif) 0 0 no-repeat;} #homeContent .homeBox h2.events {background:url(../img/homeHeaders/events.gif) 0 0 no-repeat;} #homeContent .homeBox h2.news {background:url(../img/homeHeaders/news.gif) 0 0 no-repeat;} #homeContent .homeBox h2.qa {background:url(../img/homeHeaders/qa.gif) 0 0 no-repeat;} #homeContent .homeBox h2.completeEntry {background:url(../img/homeHeaders/completeEntry.gif) 0 0 no-repeat;} #homeContent .homeBox h2.program {background:url(../img/homeHeaders/program.gif) 0 0 no-repeat;} #homeContent .homeBox h2.programOverview {background:url(../img/homeHeaders/programOverview.gif) 0 0 no-repeat;} #homeContent .homeBox h2.ticketSales {background:url(../img/homeHeaders/ticketSales.gif) 0 0 no-repeat;} #homeContent .homeBox h2.nomination {background:url(../img/homeHeaders/nomination.gif) 0 0 no-repeat;} #homeContent .homeBox h2.network {background:url(../img/homeHeaders/network.gif) 0 0 no-repeat;} #homeContent .homeBox h2.pca {background:url(../img/peoplechoice/peoplesChoice.gif) 0 0 no-repeat;} #homeContent .homeBox .sponsorBig {height:150px;} #homeContent .homeBox .boxCopy h3 {font-size:100%; margin:0 0 6px; padding:5px 0 0 0;} #homeContent .homeBox a.moreLink {padding:0 10px 0 0; width:222px; text-align:right; font-weight:normal; color:#fff;} #homeContent .nominateBox {margin:6px 0px; width:222px;} #homeContent .nominateBox p {margin:0 0 5px 0; padding:0; font-weight:bold; text-align:center;} #homeContent .nominateBox .nominate {float:left; width:100%; margin-bottom:10px; padding-bottom:10px; background: url(../img/dotted_horizontal_light.gif) repeat-x 0 bottom;} #homeContent .nominateBox .enter {float:left; width:100%;} #homeContent .nominateBox a {float:left; margin-left:52px;} #homeContent .homeBox .article { position:relative; background: url(../img/dotted_horizontal_light.gif) repeat-x 0 bottom; margin-top:0.5em;} #homeContent .homeBox .end {background:none !important;} #homeContent .homeBox .article h3 {margin:0 0 2px 0; padding:0 3.5em 0 0; font-size:100%;} #homeContent .homeBox .article .date { position:absolute; right:0; top:2px; color:#666; font-style:italic; font-size:90%;} #homeContent .homeBox .article p { line-height:1.2em; padding:0.3em 0 0.8em 0;} #homeContent .homeBox .sponsors {} #homeContent .homeBox .sponsors h3 {margin:0 0 6px 0; padding:5px 5px 0 5px; font-size:100%;} #homeContent .homeBox .sponsors p {padding:0 5px 1em 5px;} #homeContent .homeBox .sponsors .logo { width:100%; text-align:center; padding-bottom:1em;} #homeContent .homeBox ul {margin:0 0 0 5px; padding:5px 0 0 0; list-style:none; border-top:1px solid #d1ecfb; clear:right; height:100px; overflow:auto;} #homeContent .homeBox ul li {padding:0 0 6px 10px; background:url(../img/arrow_small.gif) 0 0.4em no-repeat;} #homeContent .homeBox ul li li {padding:0; background-image:none;} /*********************************************************************************/ /* Right Box */ /*********************************************************************************/ .rightBox {background: url(../img/rightBox_bg.jpg) 0 bottom no-repeat; clear:left; padding-bottom:15px; margin-bottom:10px; float:left; width:220px;} .rightBox .copy { padding:10px 15px;} #mainContent .rightBox h3 {text-indent:-999em; height:39px; padding:0; margin:0;} #mainContent .rightBox h4 {padding:0; margin:0; clear:both; font-size:100%;} #mainContent .rightBox h3.contact {background:url(../img/boxHeaders/contact.gif) 0 0 no-repeat;} #mainContent .rightBox h3.alreadyEntered {background:url(../img/boxHeaders/alreadyEntered.gif) 0 0 no-repeat;} #mainContent .rightBox h3.benefitsPrizes {background:url(../img/boxHeaders/benefitsPrizes.gif) 0 0 no-repeat;} #mainContent .rightBox h3.importantDates {background:url(../img/boxHeaders/importantDates.gif) 0 0 no-repeat;} #mainContent .rightBox h3.theirJourney {background:url(../img/boxHeaders/theirJourney.gif) 0 0 no-repeat;} #mainContent .rightBox h3.askQuestion {background:url(../img/boxHeaders/askQuestion.gif) 0 0 no-repeat;} #mainContent .rightBox h3.speakerProfile {background:url(../img/boxHeaders/speakerProfile.gif) 0 0 no-repeat;} #mainContent .rightBox h3.latestNews {background:url(../img/boxHeaders/latestNews.gif) 0 0 no-repeat;} #mainContent .rightBox h3.navigation {background:url(../img/boxHeaders/navigation.gif) 0 0 no-repeat;} #mainContent .rightBox h3.program {background:url(../img/boxHeaders/events.gif) 0 0 no-repeat;} #mainContent .rightBox h3.needHelp {background:url(../img/boxHeaders/needHelp.gif) 0 0 no-repeat;} #mainContent .rightBox h3.pca {background:url(../img/boxHeaders/pca.gif) 0 0 no-repeat;} #mainContent .rightBox ul.rightNav { padding: 0px; margin: 0px; list-style: none; } #mainContent .rightBox ul.rightNav ul { padding: 0px; margin: 0px; list-style: none; } #mainContent .rightBox ul.rightNav li {margin:2px 0;} #mainContent .rightBox ul.rightNav li a {font-weight:bold;} #mainContent .rightBox ul.rightNav ul li {padding:0 0 3px 10px; background:url(../img/arrow_small.gif) 0 0.4em no-repeat; font-weight:bold;} #mainContent .rightBox ul.rightNav ul li a {font-weight:normal;} .rightBox ul {margin:3px 10px; padding:0; list-style:none; float:left; display:inline;} .rightBox ul li { margin:0; padding:0; min-height:15px; height:auto!important; height:15px; float:left; width:188px; border-bottom:1px solid #d1ecfb; display:inline; } .rightBox ul li {margin:0 5px 0 0; padding:0 5px 0 8px; line-height:34px; display:block; text-decoration:none; color:#666666; font-weight:bold;} /*********************************************************************************/ /* Blue Box */ /*********************************************************************************/ .blueBox {background: url(../img/blueBox_BG.gif) 0 bottom no-repeat; clear:left; padding-bottom:15px; margin-bottom:10px; float:left; width:220px;} .blueBox .copy { padding:10px 15px;} #mainContent .blueBox h3 {text-indent:-999em; height:37px; padding:0; margin:0;} #mainContent .blueBox h3.latesttNoms {background:url(../img/boxHeaders/latestNoms.gif) 0 0 no-repeat;} #mainContent .blueBox h3.nomMap {background:url(../img/boxHeaders/nomMap.gif) 0 0 no-repeat;} .blueBox ul.nomList { margin:0 10px; padding:0; list-style:none;} .blueBox ul.nomList li {margin:0; padding:4px 10px; border-bottom:1px solid #D1ECFB;} .blueBox ul.nomList li a {padding:5px 0 5px 36px; text-decoration:none; display:block; background:url(../img/mapMarker.gif) 0 center no-repeat; color:#666; min-height: 20px;} .blueBox ul.nomList li a:hover {color:#008CC7;} .blueBox p {margin:10px 10px 0 20px;} .blueBox div { margin-left: 20px; } .deepBlueBox {background: url(../img/DeepBlueBox_BG.gif) 0 bottom no-repeat; clear:left; padding-bottom:15px; margin:10px 0; float:left; width:220px;} .deepBlueBox .copy { padding:10px 15px;} #mainContent .deepBlueBox h3 {text-indent:-999em; height:37px; padding:0; margin:0;} #mainContent .deepBlueBox h3.nomBus {background:url(../img/boxHeaders/nombus.gif) 0 0 no-repeat;} .deepBlueBox p {margin:10px 10px 0 20px;} /*********************************************************************************/ /* Orange Box Box */ /*********************************************************************************/ .orangeBox {background: url(../img/orangeBox_BG.gif) 0 bottom no-repeat; clear:left; padding-bottom:15px; margin-bottom:10px; float:left; width:220px;} .orangeBox .copy { padding:10px 15px;} #mainContent .orangeBox h3 {text-indent:-999em; height:39px; padding:0; margin:0;} #mainContent .orangeBox h4 {padding:0; margin:0; clear:both; font-size:100%;} #mainContent .orangeBox h3 {text-indent:-999em; height:37px; padding:0; margin:0;} #mainContent .orangeBox h3.alreadyNom {background:url(../img/boxHeaders/alreadyNom.gif) 0 0 no-repeat;} #mainContent .orangeBox h3.nomFound {background:url(../img/boxHeaders/nomFound.gif) 0 0 no-repeat;} #mainContent .orangeBox h3.youareNom {background:url(../img/boxHeaders/youareNom.gif) 0 0 no-repeat;} #mainContent .orangeBox h3.yourAccount {background:url(../img/boxHeaders/yourAccount.gif) 0 0 no-repeat;} .orangeBox .nomDetails { padding:10px 20px 10px; min-height:100px; height:auto !important; height:100px;} .orangeBox .nomDetails dl {margin:0 0 10px 0; padding:0;} .orangeBox .nomDetails dt {margin:0;} .orangeBox .nomDetails dd {margin:0; padding:0 0 10px 0; font-weight:bold;} .orangeBox ul {margin:3px 10px; padding:0; list-style:none; float:left; display:inline;} .orangeBox ul li { margin:0; padding:0; min-height:15px; height:auto!important; height:15px; float:left; width:188px; border-bottom:1px solid #fcd9bc; display:inline; } .orangeBox ul li {margin:0 5px 0 0; padding:0 5px 0 8px; line-height:34px; display:block; text-decoration:none; color:#666666; font-weight:bold;} .orangeBox ul li a {text-decoration:none; display:block;} .orangeBox ul li a:hover {text-decoration:underline;} .orangeBox ul li.selected { background:#fde8d7;} .mapArrow {position:absolute; left:278px; top:116px; width:176px; height:63px; background:url(../img/mapArrow.png) 0 0 no-repeat; z-index:900;} /*********************************************************************************/ /* Left Box */ /*********************************************************************************/ .leftBox {background: url(../img/leftBox_bg.gif) 0 bottom no-repeat; clear:left; padding-bottom:15px; float:left; width:590px;} .leftBox .copy { padding:10px 15px;} .leftBox_top {width:590px; margin:0; background: url(../img/leftBox_top.gif) 0 0 no-repeat; height:20px; line-height:0; font-size:0;} #mainContent .leftBox h3 {text-indent:-999em; height:39px; padding:0; margin:0;} #mainContent .leftBox h4 {padding:0; margin:0; font-size:110%;} #mainContent .leftBox h3.benefitsPrizes {background:url(../img/boxHeaders/benefitsPrizes2.gif) 0 0 no-repeat;} /*********************************************************************************/ /* Headers */ /*********************************************************************************/ .header {width:865px; margin:0; padding:10px 0 0 35px; background: url(../img/headerBar.jpg) 0 0 no-repeat; height:38px; clear:left;} .header h1{ margin:0; padding:0; color:#fff; text-indent:30px; font-size:120%; width:500px; height:26px; text-indent:-999em;} body.nominate .header {background: url(../img/headerBar_nom.jpg) 0 0 no-repeat;} body.nominate .orangeCorner {background: url(../img/headerBar_orange.jpg) 0 0 no-repeat; height:36px;} body.nominate .whiteCorner {background: url(../img/headerBar.jpg) 0 0 no-repeat; height:36px;} .header h1.nomination{background:url(../img/headers/nomination.gif) 0 0 no-repeat;} .header h1.entry{background:url(../img/headers/entry.gif) 0 0 no-repeat;} .header h1.programOverview{background:url(../img/headers/program_overview.gif) 0 0 no-repeat;} .header h1.nominateNow{background:url(../img/headers/nominateNow.gif) 0 0 no-repeat;} .header h1.nominateNowClosed{background:url(../img/headers/nominateNowClosed.gif) 0 0 no-repeat;} .header h1.keyDates{background:url(../img/headers/key_dates.gif) 0 0 no-repeat;} .header h1.awards{background:url(../img/headers/awards.gif) 0 0 no-repeat;} .header h1.faqs{background:url(../img/headers/faq.gif) 0 0 no-repeat;} .header h1.news{background:url(../img/headers/news.gif) 0 0 no-repeat;} .header h1.help{background:url(../img/headers/contact.gif) 0 0 no-repeat;} .header h1.contact{background:url(../img/headers/contact.gif) 0 0 no-repeat;} .header h1.sponsors{background:url(../img/headers/sponsors.gif) 0 0 no-repeat;} .header h1.ceo{background:url(../img/headers/CEO_Message.gif) 0 0 no-repeat;} .header h1.ambassador{background:url(../img/headers/ambassador.gif) 0 0 no-repeat;} .header h1.about{background:url(../img/headers/about.gif) 0 0 no-repeat;} .header h1.austrade{background:url(../img/headers/austrade.gif) 0 0 no-repeat;} .header h1.guidelines{background:url(../img/headers/guidelines.gif) 0 0 no-repeat;} .header h1.pastWinners{background:url(../img/headers/past_winners.gif) 0 0 no-repeat;} .header h1.testimonials{background:url(../img/headers/testimonials.gif) 0 0 no-repeat;} .header h1.highlights{background:url(../img/headers/video_highlights.gif) 0 0 no-repeat;} .header h1.journeys{background:url(../img/headers/journeys.gif) 0 0 no-repeat;} .header h1.judgingProcess{background:url(../img/headers/judgingProcess.gif) 0 0 no-repeat;} .header h1.photoHighlights{background:url(../img/headers/photo_highlights.gif) 0 0 no-repeat;} .header h1.events{background:url(../img/headers/events.gif) 0 0 no-repeat;} .header h1.myAccount{background:url(../img/headers/myAccount.gif) 0 0 no-repeat;} .header h1.onlineQA{background:url(../img/headers/onlineQA.gif) 0 0 no-repeat;} .header h1.prizes{background:url(../img/headers/prizes_benefits.gif) 0 0 no-repeat;} .header h1.finalists{background:url(../img/headers/finalists.gif) 0 0 no-repeat;} .header h1.peoplechoiceaward{background:url(../img/headers/peoplechoiceaward.gif) 0 0 no-repeat;} #mainContent h2 {color:#003399; margin:0 0 10px 0; padding:0; font-size:140%;} body.entry #mainContent h2 {font-size:180%; font-weight:normal;} #mainContent h3 {color:#003399; margin:10px 0 5px 0; padding:5px; background:#eee; font-size:120%; clear:both;} /*********************************************************************************/ /* Access Tool Toolbox */ /*********************************************************************************/ #accessWrap {min-width:960px; position:relative; width:100%;} ul.accessTools {position:absolute; top:6px; right:0; list-style:none; margin:0; padding:0; background:#009FDA url(../img/accessTools_bg.jpg) bottom left no-repeat; width:30px; height:80px;} ul.accessTools li {} ul.accessTools li a {width:16px; height:16px; display:block; border:0; margin:7px 0 0 8px;} ul.accessTools li.share a {background: url(../img/access_share.gif) 0 0 no-repeat;} ul.accessTools li.print a {background: url(../img/access_print.gif) 0 0 no-repeat;} ul.accessTools li.send a {background: url(../img/access_send.gif) 0 0 no-repeat;} ul.accessTools li a:hover {background-position: -16px 0px;} ul.accessTools li a span {display:none;} /*********************************************************************************/ /* Prompt Bar */ /*********************************************************************************/ #promptBar { width:900px; float:left; height:62px; position:relative; background:#f1f1f1} #promptBar .pbcornerfix {position:absolute; top:-13px; left:0; background:url(../img/promptHeaders/corner_yellow.gif) no-repeat 0 0; width:35px; height:15px;} #promptBar .caption {float:left; width:308px;} #promptBar .desc {float:left; width:570px;} #promptBar .desc p {margin-top:18px;} #promptBar h2 {width:310px; height:60px; margin:0; padding:0; text-indent:-999em; float:left;} #promptBar h2.form {background:url(../img/promptHeaders/hdr_form2.gif) 0 0 no-repeat;} #promptBar h2.nomstep-1a {background:url(../img/promptHeaders/nomPrompt_1a.gif) 0 0 no-repeat;} #promptBar h2.nomstep-1b {background:url(../img/promptHeaders/nomPrompt_1b.gif) 0 0 no-repeat;} #promptBar h2.nomstep-1c {background:url(../img/promptHeaders/nomPrompt_1c.gif) 0 0 no-repeat;} #promptBar h2.nomstep-1d {background:url(../img/promptHeaders/nomPrompt_1d.gif) 0 0 no-repeat;} #promptBar h2.nomstep-1e {background:url(../img/promptHeaders/nomPrompt_1e.gif) 0 0 no-repeat;} #promptBar h2.nomstep-2 {background:url(../img/promptHeaders/nomPrompt_2.gif) 0 0 no-repeat;} #promptBar h2.nomstep-3 {background:url(../img/promptHeaders/nomPrompt_3.gif) 0 0 no-repeat;} #promptBar table.searchTable {padding:15px 0 0 0; width:560px; height:40px;} #promptBar table.searchTable input {width:430px; font-size:125%; padding:4px; border:1px solid #999;} #promptBar table.searchTable a.searchBut {background:transparent url(../img/buttons/search.gif) no-repeat scroll 0 0; border:0 none; height:28px; text-indent:-999em; width:116px; display:block; margin-left:10px;} #promptBar table.searchTable a.searchBut:hover {background-position:-116px;} #promptBar table.searchTable td.add {padding-top:4px; font-size:90%; color:#666;} #promptBar h3 { font-size:180%; font-weight:normal; color:#0057a8; margin:15px 0 0 0; padding:0;} .nominate h2.hdrNominate-s1 {width:310px; height:60px; margin:0; padding:0; text-indent:-999em; background:url(../img/promptHeaders/hdr_form1.gif) 0 0 no-repeat;} .nominate h2.hdrNominate-s2 {width:310px; height:60px; margin:0; padding:0; text-indent:-999em; background:url(../img/promptHeaders/hdr_searchforanom.gif) 0 0 no-repeat;} /*********************************************************************************/ /* Top Navigation */ /*********************************************************************************/ #topNav ul {margin:0; padding:0; width:900px; list-style:none; display:inline; height:45px; float:left; z-index:1000;} #topNav ul li {float:left; margin:0; padding:0; position:relative; z-index:1000;} #topNav ul li a {display:block; overflow:hidden; background:url(../img/topNav.jpg) no-repeat 0 0; text-indent:-999em; height:45px;} #topNav ul li a.home {width:99px;} #topNav ul li a.awards {width:146px; background-position:-99px 0;} #topNav ul li a.about {width:102px; background-position:-245px 0;} #topNav ul li a.sponsors {width:124px; background-position:-347px 0;} #topNav ul li a.news {width:96px; background-position:-471px 0;} #topNav ul li a.winners {width:182px; background-position:-567px 0;} #topNav ul li a.help {width:151px; background-position:-749px 0;} #topNav ul li a.home:hover {background-position: 0 -45px;} #topNav ul li a.awards:hover {background-position: -99px -45px;} #topNav ul li a.about:hover {background-position: -245px -45px;} #topNav ul li a.sponsors:hover {background-position: -347px -45px;} #topNav ul li a.news:hover {background-position: -471px -45px;} #topNav ul li a.winners:hover {background-position: -567px -45px;} #topNav ul li a.help:hover {background-position: -749px -45px;} #topNav ul li.selected a.home {background-position: 0 -90px;} #topNav ul li.selected a.awards {background-position: -99px -90px;} #topNav ul li.selected a.about {background-position: -245px -90px;} #topNav ul li.selected a.sponsors {background-position: -347px -90px;} #topNav ul li.selected a.news {background-position: -471px -90px;} #topNav ul li.selected a.winners {background-position: -567px -90px;} #topNav ul li.selected a.help {background-position: -749px -90px;} /* Drop Menu */ #topNav ul li ul {float:none; display:none; margin:0; padding:0px 0 20px 0; list-style:none; height:auto!important; position:absolute; left:3px; top:43px; background: url(../img/topNav_dropBG.png) bottom right no-repeat; width: 128px; z-index:1000;} #topNav ul li ul.awards {background: url(../img/topNav_awardsDrop.png) bottom left no-repeat; width: 160px; } #topNav ul li ul.winners {background: url(../img/topNav_winnerDrop.png) bottom right no-repeat; width: 196px;} #topNav ul li ul.about {background: url(../img/topNav_helpDrop.png) bottom right no-repeat; width: 116px;} #topNav ul li:hover ul, #topNav ul li.over ul {display:block; z-index:1000; } #topNav ul li ul li {float:none;} #topNav ul li li a {background:none; padding:5px; margin:0; color:#333333; text-indent:0em; text-decoration:none; font-size:90%; height:auto !important; width:108px;} #topNav ul li li.selected a, #topNav ul li li a:hover{color:#fff; background:#289be7;} #topNav ul li ul.awards li a {width:128px; margin:0 4px;} #topNav ul li ul.winners li a {width:163px; margin:0 4px;} #topNav ul li ul.about li a {width:83px; margin:0 4px;} #topNav ul li ul div.dropWrap {background: url(../img/topNav_dropShadow.png) top right no-repeat; padding-top:5px;} #topNav ul li ul li ul { display: none !important; } /* Drop Menu - sub-sub */ #topNav ul li ul li a.submenu { background-image: url(../img/arrow_small.gif); background-repeat: no-repeat; background-position: right center; } #topNav ul li ul li:hover ul.submenu { display: block !important; position: absolute; left: 150px; top: -4px; width: auto; padding:4px 8px 20px 0; } #topNav ul li ul.awards li ul.submenu {left:145px;} #topNav ul li ul.winners li ul.submenu {left:163px;} #topNav ul li ul.about li ul.submenu {left:83px;} /*********************************************************************************/ /* Social Media Links */ /*********************************************************************************/ .socialLinks { position:absolute; top:120px; z-index:999; background:url(../img/socialMedia/bg.png) 0 0 no-repeat; padding:3px 0 3px 127px; white-space: nowrap;} .loggedOut_socialLinks {right:88px;} .loggedIn_socialLinks {right:208px;} .socialLinks h3 {display:none;} .socialLinks ul {margin:0; padding:0; list-style:none;} .socialLinks li { display:inline; margin:0; padding:0 2px;} /*********************************************************************************/ /* Login / My account Buton */ /*********************************************************************************/ #login {position:absolute; right:0px; top:120px; z-index:999;} #login a.login {border:0; background:url(../img/loginBut.png) 0 0 no-repeat; width:88px; height:31px; display:block;} #login a.login:hover {background-position:0 -31px;} #login a.logout {border:0; background:url(../img/logoutBut.png) 0 0 no-repeat; width:94px; height:31px; display:block;} #login a.logout:hover {background-position:0 -31px;} #login a span {display:none;} #myAccount {position:absolute; right:94px; top:120px; z-index:999;} #myAccount a.myAccount {border:0; background:url(../img/myaccountBut.png) 0 0 no-repeat; width:114px; height:31px; display:block;} #myAccount a.myAccount:hover {background-position:0 -31px;} #myAccount a span {display:none;} /*********************************************************************************/ /* Nomination Box */ /*********************************************************************************/ #mainContent #nominateBox {float:right; width:220px; background: url(../img/rightBox_bg.jpg) 0 bottom no-repeat;} #mainContent #nominateBox .header {width:220px; background:none; padding:0; margin:0;} #nominateBox .nominateBoxContent { width:220px; padding:10px 0 0; margin:0; float:left; display:inline;} #nominateBox .nominateLeft {float:left; width:50%; background: url(../img/dotted_vertical_light.gif) right 0 repeat-y;} #nominateBox .nominateRight {float:right; width:45%;} #nominateBox p {font-weight:bold; width:170px; float:left; margin:0; padding:0;} #nominateBox a {float:left;} #nominateBox a span {display:none;} #nominateBoxRight {background: url(../img/rightBox_bg.jpg) 0 bottom no-repeat; margin:0 0 15px; padding-bottom:20px; float:right; width:220px;} #mainContent #nominateBoxRight h3 {background: url(../img/boxHeaders/nominateNow.gif) no-repeat 0 0; height:39px; padding:0; margin:0; text-indent:-999em; width:220px;} #mainContent #nominateBoxRight h3.nominateNowClosed {background: url(../img/boxHeaders/nominateNow.gif);} #mainContent #nominateBoxRight h3.program {background: url(../img/boxHeaders/program.gif);} #mainContent #nominateBoxRight h3.network {background: url(../img/boxHeaders/network.gif);} #nominateBoxRight .nominateBoxContent {margin:6px 20px; width:182px;} #nominateBoxRight .nominateBoxContent p {margin:0 0 5px 0; padding:0; font-weight:bold;} #nominateBoxRight .notStrong p { font-weight: normal !important; } #nominateBoxRight .nominateBoxContent .nominate {float:left; width:100%; margin-bottom:10px; padding-bottom:10px; background: url(../img/dotted_horizontal_light.gif) repeat-x 0 bottom;} #nominateBoxRight .nominateBoxContent .enter {float:left; width:100%;} #nominateBoxRight .nominateBoxContent a {float:left; margin-left:25px;} /*********************************************************************************/ /* Nomination Map */ /*********************************************************************************/ #nomBusMap {} #nomBusMap h3 {background:transparent url(../img/nominateMap/map_hdr.gif) no-repeat 13px 8px; padding:10px 0 0 10px; margin: 0 0 0 0; text-indent:-999em;} #nomBusMap .nomBusTile {background:url(../img/nominateMap/map_bg.gif) repeat-y 0 0; width:210px;} #nomBusMap .nomBusBtm {background:url(../img/nominateMap/map_bg_bottom.gif) repeat-y 0 0; width:210px; height:17px;} #nomBusMap .innerTile {background:#fff; width:188px; margin:0 auto;} #nomBusMap .innerBtm {background:url(../img/nominateMap/map_white_bottom.gif) repeat-y 0 0; width:188px; height:16px; margin:0 auto;} #nomBusMap .nomDetails {padding:5px 13px 0 13px; border-top:1px solid #d7edfa;} #nomBusMap .nomDetails span {display:block; margin-bottom:10px; color:#0057a8; font-size:115%; font-weight:normal;} #nomBusMap p {padding:10px 0 0 20px; margin: 0 0 0 0;} #nomBusMap .nomMap {border:2px solid #fff;} #mainContent .pbcornerfix {position:absolute; top:-13px; left:0; background:url(../img/promptHeaders/corner_yellow.gif) no-repeat 0 0; width:35px; height:15px;} .mapSearchHolder {border:2px solid #aaada7; margin-top:2px; width:586px; height:496px;} .mapbg {background:url(../img/map_BG.jpg) no-repeat 0 0; position:relative;} .mapbg .popupSearch {width:494px; height:43px; padding-top:23px; background: url(../img/blue_popup_BG.gif) no-repeat 0 0; position:absolute; top: 130px; left: 46px;} .mapbg input {width: 368px; height:20px; padding:2px; border:1px solid #ccc; float:left; margin:0 5px 0 10px;} /*********************************************************************************/ /* Events Box */ /*********************************************************************************/ #rightCopy #eventsBox {background: url(../img/rightBox_bg.jpg) 0 bottom no-repeat; margin:0 0 15px; padding-bottom:20px; float:right; width:220px;} #rightCopy #eventsBox h3 {background: url(../img/boxHeaders/network.gif) no-repeat 0 0; height:39px; padding:0; margin:0; text-indent:-999em; width:220px;} #rightCopy #eventsBox .eventsBoxContent { width:190px; padding:10px 15px 0; margin:0; float:left; display:inline;} #eventsBox {background: url(../img/rightBox_bg.jpg) 0 bottom no-repeat; margin:0 0 15px; padding-bottom:20px; float:right; width:220px;} #eventsBox .header {width:220px; margin:0; padding:0; background:none;} #eventsBox .header h1 {width:220px;} #eventsBox .eventsBoxContent { width:180px; padding:10px 20px 0; margin:0; float:left; display:inline;} /*********************************************************************************/ /* Landing Video */ /*********************************************************************************/ .landingVideo {margin-bottom:15px;} /*********************************************************************************/ /* Data Collect Forms */ /*********************************************************************************/ .dataForm {} .dataForm .requiredKey {color:#FF0000; padding:0 0 2px; text-align:right; margin-top:-1em; font-size:90%;} .dataForm .wordCount {color:#ff0000; float:right; padding-right:5px; font-size:90%;} .dataForm .questionHint { font-size:90%; margin: 10px 0 0 0;} .dataForm td {vertical-align:top;} .dataForm h2 { font-size:120%; color:#19A2E9; margin:0 0 10px 0;} #mainContent .dataForm h3 {width:174px; float:left; clear:left; color:#fff; font-size:110%; background:#f9b479 url(../img/formHeader_bg.gif) bottom left no-repeat; text-align:right; position:relative; padding:6px 8px; margin:0; font-weight:normal; text-transform:uppercase; } body.entry #mainContent .dataForm h3 {float:left; clear:right !important;} #mainContent .dataForm h3 span {position:absolute; bottom:0; right:0; width:12px; height:12px; background: url(../img/formHeader_bg2.gif) 0 0 no-repeat; } #mainContent .dataForm .noHeading {position:absolute; bottom:0; right:0; width:12px; height:12px;} .dataForm .formBlock { display:inline; float:left; margin-bottom:12px; padding:8px 0 8px 10px; width:390px; border-top:1px solid #f9b479;} .dataForm .noLine { border-top: none; padding-left: 200px; } .dataForm .formElement {float:left; padding:6px 0px 6px 140px; width:260px;} .dataForm .formElement label, .dataForm .formElement .label {width:130px; margin-left: -140px; float: left; text-align:right; color:#333; font-weight:bold;} .dataForm .formElement label span { font-weight:normal; color:#333;} .dataForm .formElement .inputLeft {width:130px; float:left; text-align:right; padding:0 10px 0 0;} .dataForm .formElement .inputLeftMed {width:70px; float:left; text-align:right; padding:0 10px 0 0;} .dataForm .formElement .inputLeftSm {width:10px; float:left; padding:0 10px 0 0;} .dataForm .formElement .labelRight label{width:220px; float:none; text-align:left; padding:0;} .dataForm .formElement .labelRight table tr td { padding-bottom:10px; } .dataForm .formElement .labelRight table tr td { font-weight: bold; } .dataForm .formElement .labelRight .radioDescription{margin-left: 20px;} .dataForm .formElement td {vertical-align:top;} .dataForm .formElement .indented {margin-left:140px;} .dataForm .formElement .indented label {font-weight:normal; width:auto; text-align:left;} .dataForm .formElement a {text-decoration:none;} .dataForm .formElement a span {text-decoration:underline;} .dataForm .formElementFull { padding:6px 0px 6px 0px; } .dataForm .formElementFull .inputLeft { width:130px; margin-left: -140px; float:left; text-align:right; padding:0 10px 0 0; } .dataForm .radioList, .dataForm .checkList { padding: 0px 0px 10px 0px; } .dataForm .radioList label, .dataForm .checkList label { display: inline; float: none; width: auto; margin: 0px 15px 0px 3px; font-weight: bold; } .dataForm .question .radioList, .dataForm .question .checkList { padding-left: 20px; } .dataForm .question .radioList input, .dataForm .question .checkList input { float: left; margin-left: -20px; } .dataForm .question .radioList .inputField, .dataForm .question .checkList .inputField { margin: 5px 0px 0px 0px; } body.entry .dataForm .formBlock {float:right;} body.entry .dataForm .formBlock h4 { margin:0; padding:0 0 10px 0; font-size:130%; color:#FF6E00; position:relative;} body.entry .dataForm .formBlock h4 a {font-size:80%; font-weight:normal; position:absolute; right:10px; top:5px; background:url(../img/arrowDown.gif) right center no-repeat; padding-right:15px;} body.entry .dataForm .complete h4 {color:#03960A; padding-left:20px; background:url(../img/tick.gif) 0 0 no-repeat;} /* .dataForm .radioList {float: left; width:380px; margin: 10px 0px 10px 0px;} .dataForm .radioList .label {width:130px; float:left; text-align:right; padding:0 10px 0 0; color:#0b2265; font-weight:bold;} */ .dataForm .formMessage {width:370px; background-color:#fff; border:1px solid #ccc; padding:5px; font-size:90%; margin:5px 0 2px 0; float:left;} .dataForm .formMessage a {font-weight:bold;} .dataForm label span.red { color:#ff6e00; font-weight:normal;} .dataForm .submitButs {width:590px; border-top:1px solid #f9b479; float:left; padding-top:10px;} .dataForm .submitButs span {display:none;} .dataForm .loginBut {margin:5px 30px 5px 0; float:right;} .dataForm .formBlock input, .dataForm .formBlock select {margin:0;} .dataForm .formBlock input.inputField {border:1px solid #94A8C7; padding:2px;} .dataForm .formBlock .size1 {width:60px;} .dataForm .formBlock .size2 {width:120px;} .dataForm .formBlock .size3 {width:235px;} body.nominate .dataForm .formBlock .size3 {width:240px;} .dataForm .formBlock table input {margin:0 5px 0 0;} .dataForm .formBlock textarea.largeTextArea {border:1px solid #94A8C7; padding:2px; width:380px;} .dataForm .formEnd { margin:30px 0; padding:20px 0 8px 10px; border-top:1px solid #f9b479;} .dataForm .formExtra {display:inline; float:left; margin-bottom:10px; padding:8px 10px 8px 10px; width:389px;} .dataForm .formExtra input {margin:0 5px 0 0;} .dataForm ul {margin:0 0 0 5px; padding:0; list-style:none;} .dataForm ul li {padding:0 0 10px 10px; background:url(../img/arrow_small.gif) 0 0.4em no-repeat;} .dataForm ul li li {padding:0; background-image:none;} .dataForm table.categorySelect {} .dataForm table.categorySelect td {vertical-align:top; padding:0 0 8px 5px;} .dataForm table.categorySelect label {color:#0b2265; font-weight:bold;} .dataForm table.categorySelect label span {font-weight:normal; color:#333;} .dataForm ol.docUpload { margin-top:0;} .dataForm ol.docUpload li {padding:4px 0;} .warning {background:#FFA6A6 url(../img/errorIcon.gif) no-repeat scroll 2px 2px; margin:5px 0 12px; padding:5px 5px 5px 35px; border:1px solid #FF0000; clear:left; min-height: 20px;} dl.counter {margin:0; padding:0; font-size:90%;} dl.counter dt {float:left;} dl.counter dd {font-weight:bold;} dl.counter dd.max {color:#f00;} .dataForm .formBlock .multiInfoText { display: block; } .dataForm .formBlock .multiInfoTextHidden { display: none; } .dataForm .hintCopy {float:left; font-size:90%; color:#666; margin:5px 0; width:590px; text-align:right;} .dataForm .hintCopy strong { color:#333;} .dataForm img.shareIco {padding:2px; border:1px solid #39afec;} .dataForm a.editAddress {font-size:90%; text-decoration:underline; line-height:1em;} .dataForm a.editAddress:hover {color:#008CC7;} /*********************************************************************************/ /* Nomination Result list */ /*********************************************************************************/ .mapsearch {} .mapsearch h3.results {background:transparent url(../img/headings/hdr_result.gif) no-repeat 0 0 !important; width:195px; height:15px; text-indent:-999em;} .mapsearch h3.noresults {background:transparent url(../img/headings/hdr_noresult.gif) no-repeat 0 0 !important; width:195px; height:15px; text-indent:-999em;} .mapsearch h3.tooManyResults {background:transparent url(../img/headings/hdr_toomanyresults.gif) no-repeat 0 0 !important; width:195px; height:15px; text-indent:-999em;} .mapsearch h3.addbusiness {background:transparent url(../img/headings/hdr_addbusiness.gif) no-repeat 0 0 !important; width:195px; height:15px; text-indent:-999em;} table.resultlist {border-top:1px solid #666; border-bottom:1px solid #666;border-collapse:collapse; width:100%;} table.resultlist tr {} table.resultlist td {padding:15px 0;border-bottom:1px dotted #666;} table.resultlist td b {display:block;} .nomForm {} .nomForm fieldset {margin:8px 0; padding:0; border:0;} .nomForm fieldset label {font-weight:bold; float:left; display:block; width:140px; text-align:right; padding-right:8px;} .nomForm fieldset label.short {width:60px;} .nomForm fieldset label span {font-weight:normal; color:#FF6E00;} .nomForm fieldset input.text {width:285px; border:1px solid #94a8c7;} .nomForm fieldset input.text-sm {width:90px;} .nomForm fieldset input.text-m {width:140px;} .nomForm fieldset select {width:105px;} .nomForm fieldset .col-one {float:left; width:250px;} .nomForm fieldset .col-two {float:left; width:180px;} .nomForm fieldset.button {margin:80px 0;} .nomForm fieldset.button p {float:left;} .nomForm fieldset.button p span {font-weight:normal; color:#FF6E00;} .nomForm fieldset.button a.btnNominate {float:right;} .sharebox {width:590px; position:relative; background:#f1f1f1; padding-bottom: 15px;} .sharebox .topright {position:absolute; width:24px; height: 24px; background: url(../img/share_topright.gif) no-repeat 0 0; top:0; right:0;} .sharebox .bottomleft {position:absolute; width:24px; height: 24px; background: url(../img/share_bottomleft.gif) no-repeat 0 0; bottom:0; left:0;} .sharebox .share {margin-top:25px;} .sharebox .col {width: 260px; float:left; padding:15px 15px;} .sharebox .col h4 {margin:0; padding:0 0 10px 0; font-size:120%;} .sharebox .col p {margin:0; padding:0;} .sharebox .col ol {margin:10px; padding:0 10px 0 15px;} .sharebox .col ol li {margin-bottom:5px;} .sharebox .col .shareDiv {margin:3px 0 5px 0; overflow:hidden; height:32px;} .sharebox .col input {float:left; width:155px; height: 20px; padding:2px; color:#666; outline:0;} .sharebox .col a.copy {float:left; display:block; margin-left:8px;} .sharebox .col ul {margin:10px 0 0 0; padding:10px 0 0 0; list-style:none; border-top:1px dashed #333;} .sharebox .col ul li {float:left; background:none; padding: 0px; margin:0 0 0 2px} .sharebox .col ul li.label {font-weight:bold; line-height:2.3em;} .sharebox .col ul li a { margin-left: 0; } .sharebox .col ul li img {width: 27px !important; height: 27px !important;} /*********************************************************************************/ /* Financials Table */ /*********************************************************************************/ table.financialsTable {width:389px; font-family:Arial, Helvetica, sans-serif; line-height:1.1em; background:#ddd;} table.financialsTable th {text-align:left; padding:3px; background:#EEEEEE; } table.financialsTable td {vertical-align:top; padding:3px; background:#fff;text-align: center;} table.financialsTable td input.cellInput {width:60px; padding:0px; margin: 0 0 0 3px;} dl.tableHelp {margin:0; padding:0;} dl.tableHelp dt {float:left; font-weight:bold;} dl.tableHelp a {text-decoration:none;} dl.tableHelp a span {text-decoration:underline;} /*********************************************************************************/ /* Contact Form */ /*********************************************************************************/ .contactForm {margin-top:6px;} .contactForm .requiredKey {color:#FF0000; padding:0 0 2px; text-align:right; margin-top:-1em; font-size:90%;} .contactForm .formBlock {background-color:#F8F8F8; border:1px solid #E1E1E1; display:inline; float:left; margin-bottom:12px; padding:8px 10px 8px 10px;} .contactForm .formElement {float:left; padding:3px 0;} .contactForm .formElement label, .contactForm .formElement .label {width:200px; float:left; text-align:right; padding:0 10px 0 0; color:#0b2265; font-weight:bold;} .contactForm .formElement a {text-decoration:none;} .contactForm .formElement a span {text-decoration:underline;} .contactForm .formElement .indented {margin-left:210px;} .contactForm .formElement .indented input[type="checkbox"] { float: left; } .contactForm .formElement .indented label {font-weight:normal; width:auto; text-align:left; display: block; float:left; width: 240px; padding-left: 5px;} .contactForm label .red { color:#f00; font-weight:normal;} .contactForm .submitBut {width:100%;} .contactForm .submitBut a {margin-bottom:10px;} .contactForm .submitBut span {display:none;} .contactForm .formBlock input, .contactForm .formBlock select {margin:0;} .contactForm .formBlock input.inputField {border:1px solid #94A8C7; padding:2px;} .contactForm .formBlock .size1 {width:160px;} .contactForm .formBlock .size2 {width:260px;} .contactForm .formBlock table input {margin:0 5px 0 0;} .contactForm .formBlock textarea {border:1px solid #94A8C7; padding:2px; width:260px;} /*********************************************************************************/ /* People choice search */ /*********************************************************************************/ #mainContent .leftContent {float:left; width:590px; margin:0 10px 0 0;} #mainContent .rightContent {float:right; width:220px; background:url(../img/peoplechoice/side-tile.gif) no-repeat 0 bottom; padding-bottom:15px;} #mainContent .topmargin {margin-top:50px;} #mainContent .leftContent h1.findabusiness {background: url(../img/peoplechoice/hdr-findabusiness.gif) no-repeat 0 0; text-indent:-999em; width:151px; height:18px;} #mainContent .leftContent h2.subpeoplechoice {background: url(../img/peoplechoice/peoplechoicesub.gif) no-repeat 0 0; text-indent:-999em; width:500px; height:20px; margin:20px 0 10px 0;} #mainContent .leftContent h1.findabusiness {background: url(../img/peoplechoice/hdr-findabusiness.gif) no-repeat 0 0; text-indent:-999em; width:151px; height:18px;} #mainContent .searchbar {background:#c4e8fb; height:34px; position:relative} #mainContent .searchbar .search {position:relative; top:6px; left:10px;height:25px; width:250px;} #mainContent .searchbar .search label {position:absolute; left:0; top:2px; font-weight:bold;} #mainContent .searchbar .search input.text {position:absolute; border:1px solid #c5c4c4; color:#c5c4c4; height:16px; left:175px; top:0;} #mainContent .searchbar .search input.button {position:absolute; left:325px; top:0;} #mainContent .searchbar .corner {width:28px; height:15px; background:url(../img/peoplechoice/blue-corner.gif) no-repeat; position:absolute; top:0; right:0; } #mainContent .pages {background:#f1f1f1; height:22px; font-size:90%} #mainContent .pages p {font-weight:bold; color:#0043ac; width:100px; float:left; margin:3px 0 0 10px; padding:0;} #mainContent .pages ul {margin:0; padding:0; list-style:none; float:right; margin:3px 0 0 0; color:#3c6fbd;} #mainContent .pages li {float:left; margin-right:5px; padding:0 5px; border-right:1px solid #3c6fbd;} #mainContent .pages li a {color:#0043ac; text-decoration:none;font-weight:bold;} #mainContent .pages li a.active {text-decoration:underline} #mainContent .pages li.noborder {border:0;} #mainContent .pages li.inactive a {border:0; color:#a7b7d5;} #mainContent .pages ul.nominees {margin-left:60px;} #mainContent .bsresult {padding:15px 0;} #mainContent .item {border-bottom:1px dotted #ccc; padding:15px 0 15px 0;} #mainContent .item img {float:left; width:190px; margin:0 10px 0 0;} #mainContent .item .details {float:left; margin:5px 0 0 0; width:230px;} #mainContent .item .details p.desc {margin:0; padding:0 0 5px 0; color:#333} #mainContent .item .buttons {float:left;} #mainContent .item .buttons .voteFacebookSearchWrapper { display: none; width:150px; height:22px; padding-top: 2px; background: url(../img/peoplechoice/vote-fb.gif) no-repeat left top; margin:10px 0;} #mainContent .item .buttons .voteFacebookSearch { overflow: hidden; width: 88px !important; margin-left: 28px; } #mainContent .item .buttons .voteNormal { display: none; } #mainContent .item .buttons a {display:block; width:150px; height:24px; text-indent:-999em;} #mainContent .item .buttons a.vote {background:url(../img/peoplechoice/vote.gif) no-repeat 0 0; margin:10px 0;} #mainContent .item .buttons a.view {background:url(../img/peoplechoice/view.gif) no-repeat 0 0;} #mainContent .sidebar {width:206px; margin:8px auto 0 auto;} #mainContent .sidebar h3 {margin:0; padding:0; text-indent:-999em; height:38px;} #mainContent .sidebar h3.leaderboard {background:url(../img/peoplechoice/side-leaderboard.gif) no-repeat 0 0;} #mainContent .sidebar h3.sponsor {background:url(../img/peoplechoice/side-sponsor.gif) no-repeat 0 0;} #mainContent .sidebar h3.reported {background:url(../img/peoplechoice/side-reported.gif) no-repeat 0 0;} #mainContent .sidebar ul {margin:0; padding:0; background:url(../img/peoplechoice/side-bottom.gif) no-repeat 0 bottom; list-style:none; width:100%; padding-bottom:5px;} #mainContent .sidebar li {margin:0 3px 10px 3px; position:relative;} #mainContent .sidebar li b {font-weight:bold; color:#666666; background:#d1ecfb; display:block; padding:3px 3px 3px 10px; font-size:90%;} #mainContent .sidebar li p {margin:5px 0 0 0; padding:3px 3px 3px 10px; width:140px;} #mainContent .sidebar li a {float:right; margin-right:5px; margin-top: 8px;} #mainContent .sidebar .banner {margin-left:2px; background:url(../img/peoplechoice/side-bottom.gif) no-repeat 0 bottom;} /*********************************************************************************/ /* People choice info */ /*********************************************************************************/ .topsearchbar {background:#c4e8fb; height:34px; position:relative; margin:2px 0 0 20px;} .topsearchbar .search {position:relative; top:6px; left:10px;height:25px; width:250px; z-index:1} .topsearchbar .search label {position:absolute; left:0; top:2px; font-weight:bold;} .topsearchbar .search input.text {position:absolute; border:1px solid #c5c4c4; color:#c5c4c4; height:16px; left:55px; top:0;} .topsearchbar .search input.button {position:absolute; left:205px; top:0;} .topsearchbar .corner {width:18px; height:18px; background:url(../img/peoplechoice/cornerleft.gif) no-repeat; position:absolute; bottom:0; left:0; z-index:0} .business-name {background:#ffd9b2; color:#3c6fbd; padding:5px;} .business-name .name {float:left; font-size:120%;} .business-name .url {float:right} #mainContent .return {border-top:1px solid #c9c9c9; margin:0 0 20px 0} #mainContent .return a {display:block; background:#e8f6fd; padding:2px 0 5px 5px; margin-top:1px;} #mainContent .vote {background:url(../img/peoplechoice/vote-bg.gif) no-repeat; width:344px; height:45px; margin:0;} #mainContent .vote span {float:left; font-weight:700; color:#666666; margin:13px 0 0 15px;} #mainContent .vote a.btnvote {float:right; display:block; background: url(../img/peoplechoice/vote.gif); width:150px; height:24px; margin:9px 25px 0 0;} #mainContent .vote .voteFacebookProfile { position: absolute; left: 155px; margin-top: -1px; overflow: hidden; width: 102px; height: 40px; } #mainContent .vote .voteNormal { display: none; } #mainContent .line {border-bottom:1px solid #f1f1f1; height:2px; margin-top:15px;} #mainContent .tabs {height:60px; background:url(../img/peoplechoice/tab-tile.gif) repeat-x 0 bottom; margin:15px 0 0 0;} #mainContent .tabs .heading { float:left; width: 360px;} #mainContent .tabs .heading h2 {width:254px; height:15px; background:url(../img/peoplechoice/hdr-peoplechoice.gif) no-repeat 0 0; text-indent:-999em; margin:3px 0 0 5px; padding:0;} #mainContent .tabs a.about {float:left; display:block; width:87px; height:37px; background:url(../img/peoplechoice/tab-about.gif) no-repeat; text-indent:-999em; outline:0; margin-top:23px;} #mainContent .tabs a.map {float:left; display:block; width:132px; height:37px; background:url(../img/peoplechoice/tab-map.gif) no-repeat; text-indent:-999em; outline:0; margin-top:23px;} #mainContent .tabs a.active {background-position:0 -37px;} .nominee-details .item {border-bottom:1px solid #ccc !important; margin:0 0 15px 0;} .nominee-details .item .details {width:350px !important;} .nominee-details .item .details p {color:#666;} .nominee-details .item .details textarea {border:1px solid #94A8C7; padding:2px; width:100%;} .nominee-details .item .details .line-blue {border-bottom:1px dotted #def1fc; margin:10px 0; height:1px;} .nominee-details .item-map #pcaMainMap { height: 400px; width: 590px; } .people {width:590px; position:relative; background:#def1fc; border:1px solid #ccd0d4;} .people .topright {position:absolute; width:28px; height: 28px; background: url(../img/peoplechoice/share_topright.gif) no-repeat 0 0; top:-1px; right:-1px;} .people .bottomleft {position:absolute; width:28px; height: 28px; background: url(../img/peoplechoice/share_bottomleft.gif) no-repeat 0 0; bottom:-1px; left:-1px;} .locationBox {margin:15px 0 0 0;} .locationBox .map {float:left; width:191px; height:160px;} .locationBox .arrow {float:left; width:48px; height:160px; background:url(../img/peoplechoice/arrow_left.gif) no-repeat right 25px;} .locationBox .location {float:left; width:350px; height:160px; background:#ffb67f; position:relative;} .locationBox .location .cornertop {background:url(../img/peoplechoice/orange_topright.gif) no-repeat 0 0; width:24px; height:24px; position:absolute; top:0; right:0; z-index:0;} .locationBox .location .cornerbottom {background:url(../img/peoplechoice/orange_bottomleft.gif) no-repeat 0 0; width:26px; height:26px; position:absolute; bottom:0; left:0; z-index:0;} .locationBox .location h4 {text-indent:-999em; background:url(../img/peoplechoice/bussloc.gif) no-repeat 0 0; width:162px; height:13px; margin:15px 0 10px 15px; padding:0;} .locationBox .location .location-wrapper {background:#fff url(../img/peoplechoice/white_conerleft.gif) no-repeat left bottom; width:325px; height:114px; margin:0 auto; z-index:5; position:relative;} .locationBox .location span {display:block; padding:5px 10px 0 10px;} .locationBox .location strong {display:block; margin-bottom:2px; padding:0px 10px 0 10px;} .locationBox .location .viewmap {display:block; width:121px; height:28px; background:url(../img/peoplechoice/viewmap.gif) no-repeat 0 0; text-indent:-999em; margin:8px 0 0 10px;} * html .locationBox .location h4 {margin-bottom:5px;} /*********************************************************************************/ /* Buttons */ /*********************************************************************************/ a.next {float:right; border:0; background:url(../img/buttons/nextStep.gif) 0 0 no-repeat; width:133px; height:28px; text-indent:-999em;} a.next:hover {background-position:-133px 0;} a.previous {float:left; border:0; background:url(../img/buttons/previousStep.gif) 0 0 no-repeat; width:133px; height:28px; text-indent:-999em;} a.previous:hover {background-position:-133px 0;} a.saveChanges {float:right; border:0; background:url(../img/buttons/saveChanges.gif) 0 0 no-repeat; width:133px; height:28px; text-indent:-999em; margin-right: 5px;} a.saveChanges:hover {background-position:-133px 0;} a.submit {float:right; border:0; background:url(../img/buttons/submit.gif) 0 0 no-repeat; width:133px; height:28px; text-indent:-999em;} a.submit:hover {background-position:-133px 0;} a.send {float:right; border:0; background:url(../img/buttons/send.gif) 0 0 no-repeat; width:133px; height:28px; text-indent:-999em;} a.send:hover {background-position:-133px 0;} a.beginNomination {float:right; border:0; background:url(../img/buttons/beginNomination.gif) 0 0 no-repeat; width:138px; height:28px; text-indent:-999em;} a.beginNomination:hover {background-position:-138px 0;} a.beginEntry {float:right; border:0; background:url(../img/buttons/beginEntry.gif) 0 0 no-repeat; width:133px; height:28px; text-indent:-999em;} a.beginEntry:hover {background-position:-133px 0;} a.checkStatus {float:left; border:0; background:url(../img/buttons/checkStatus.gif) 0 0 no-repeat; width:133px; height:28px; text-indent:-999em; margin-left:30px;} a.checkStatus:hover {background-position:-133px 0;} a.loginEnter {float:right; border:0; background:url(../img/buttons/loginEnter.gif) 0 0 no-repeat; width:133px; height:28px; text-indent:-999em;} a.loginEnter:hover {background-position:-133px 0;} a.nominateYourself {float:right; border:0; background:url(../img/buttons/nominateYourself.gif) 0 0 no-repeat; width:163px; height:28px; text-indent:-999em;} a.nominateYourself:hover {background-position:-163px 0;} a.editDetails {float:left; border:0; background:url(../img/buttons/editDetails.gif) 0 0 no-repeat; width:133px; height:28px; text-indent:-999em;} a.editDetails:hover {background-position:-133px 0;} a.confirm {float:right; border:0; background:url(../img/buttons/confirm.gif) 0 0 no-repeat; width:133px; height:28px; text-indent:-999em;} a.confirm:hover {background-position:-133px 0;} a.downloadWith {float:right; border:0; background:url(../img/buttons/downloadWith.gif) 0 0 no-repeat; width:243px; height:28px; text-indent:-999em; margin-bottom:6px;} a.downloadWith:hover {background-position:-243px 0;} a.downloadWithout {float:right; border:0; background:url(../img/buttons/downloadWithout.gif) 0 0 no-repeat; width:243px; height:28px; text-indent:-999em;} a.downloadWithout:hover {background-position:-243px 0;} a.nominateHere {float:right; border:0; background:url(../img/buttons/nominateHere.gif) 0 0 no-repeat; width:133px; height:28px; text-indent:-999em;} a.nominateHere:hover {background-position:-133px 0;} a.enterHere {float:right; border:0; background:url(../img/buttons/enterHere.gif) 0 0 no-repeat; width:133px; height:28px; text-indent:-999em;} a.enterHere:hover {background-position:-133px 0;} a.contactForm {float:left; border:0; background:url(../img/buttons/contactForm.gif) 0 0 no-repeat; width:133px; height:28px; text-indent:-999em; margin:0 0 10px 30px;} a.contactForm:hover {background-position:-133px 0;} a.downloadPressRelease {float:right; border:0; background:url(../img/buttons/downloadPressRelease.gif) 0 0 no-repeat; width:207px; height:28px; text-indent:-999em; margin:-1.3em 0 10px 0;} a.downloadPressRelease:hover {background-position:-207px 0;} a.downloadEntryKit {float:right; border:0; background:url(../img/buttons/downloadEntryKit.gif) 0 0 no-repeat; width:207px; height:28px; text-indent:-999em; margin:-1.3em 0 10px 15px;} a.downloadEntryKit:hover {background-position:-207px 0;} a.download2009Video {float:right; border:0; background:url(../img/buttons/download2009Video.gif) 0 0 no-repeat; width:270px; height:28px; text-indent:-999em; margin:-1.3em 0 10px 0;} a.download2009Video:hover {background-position:-270px 0;} a.saveProgress {float:left; border:0; background:url(../img/buttons/saveProgress.gif) 0 0 no-repeat; width:194px; height:28px; text-indent:-999em;} a.saveProgress:hover {background-position:-194px 0;} a.moreInfo {float:right; border:0; background:url(../img/buttons/moreInfo.gif) 0 0 no-repeat; width:153px; height:28px; text-indent:-999em;} a.moreInfo:hover {background-position:-153px 0;} a.attendEvent {float:right; border:0; background:url(../img/buttons/attendEvent.gif) 0 0 no-repeat; width:133px; height:28px; text-indent:-999em;} a.attendEvent:hover {background-position:-133px 0;} a.login2 {float:right; border:0; background:url(../img/buttons/login.gif) 0 0 no-repeat; width:133px; height:28px; text-indent:-999em;} a.login2:hover {background-position:-133px 0;} a.purchaseTickets {float:right; border:0; background:url(../img/buttons/purchaseTickets.gif) 0 0 no-repeat; width:186px; height:28px; text-indent:-999em;} a.purchaseTickets:hover {background-position:-186px 0;} a.readMore {float:right; border:0; background:url(../img/buttons/readMore.gif) 0 0 no-repeat; width:133px; height:28px; text-indent:-999em;} a.readMore:hover {background-position:-133px 0;} a.continue {float:right; border:0; background:url(../img/buttons/continue.gif) 0 0 no-repeat; width:122px; height:28px; text-indent:-999em;} a.continue:hover {background-position:-122px 0;} a.buyTickets {float:right; border:0; background:url(../img/buttons/buyTickets.gif) 0 0 no-repeat; width:101px; height:28px; text-indent:-999em;} a.buyTickets:hover {background-position:-101px 0;} a.copy {float:right; border:0; background: url(../img/buttons/btn_copy.gif) 0 0 no-repeat; width:85px; height: 28px; text-indent:-999em;} a.copy:hover {background-position:-85px;} a.btnNominate {display:block; width:131px; height:29px; background:url(../img/buttons/btn_resultnom.gif) no-repeat 0 0; text-indent:-999em;} a.btnNominate:hover {background-position:-131px 0;} a.btnViewmap {display:block; width:91px; height:29px; background:url(../img/buttons/btn_viewmap.gif) no-repeat 0 0; text-indent:-999em;} a.btnViewmap:hover {background-position:0 1px;} .downloadBut {float:right; width:100%; margin:-10px 0 10px 0;} a.download {float:right; border:0; background:url(../img/buttons/download.gif) 0 0 no-repeat; width:133px; height:28px; text-indent:-999em;} a.download:hover {background-position:-133px 0;} a.thumbsBut {border:0; background:url(../img/buttons/thumbsup.gif) 0 0 no-repeat; width:141px; height:28px; text-indent:-999em; display:block; margin-left:22px;} a.thumbsBut:hover {background-position:-141px 0;} a.nomBut {border:0; background:url(../img/buttons/nomNow.gif) 0 0 no-repeat; width:161px; height:28px; text-indent:-999em; display:block; margin-left:10px;} a.nomBut:hover {background-position:-161px 0;} a.beginEntry {float:right; border:0; background:url(../img/buttons/beginEntry.gif) 0 0 no-repeat; width:133px; height:28px; text-indent:-999em;} a.beginEntry:hover {background-position:-133px 0;} a.gotoEntry {float:right; border:0; background:url(../img/buttons/gotoEntry.gif) 0 0 no-repeat; width:162px; height:28px; text-indent:-999em; margin:10px 0;} a.gotoEntry:hover {background-position:-162px 0;} a.gotoPeoplesChoice {float:right; border:0; background:url(../img/peoplechoice/gotoPeoplesChoice.gif) 0 0 no-repeat; width:215px; height:28px; text-indent:-999em; margin:10px 0;} a.gotoPeoplesChoice:hover {background-position:-215px 0;} a.viewTix {float:right; border:0; background:url(../img/buttons/viewTix.gif) 0 0 no-repeat; width:162px; height:28px; text-indent:-999em; margin:10px 0;} a.viewTix:hover {background-position:-162px 0;} a.getTickets {float:left; border:0; background:url(../img/buttons/getTickets.gif) 0 0 no-repeat; width:133px; height:28px; text-indent:-999em; margin-left:55px;} a.getTickets:hover {background-position:-133px 0;} a.btn_shviewmap {float:right; width:132px; height:28px; background:url(../img/buttons/btn_shviewmap.gif) 0 0 no-repeat; text-indent:-999em; margin-right:27px;} a.btn_shviewmap:hover {background-position:-132px 0;} a.nominateNow {width:157px; height:28px; background:url(../img/buttons/nominateNow.gif) 0 0 no-repeat; text-indent:-999em; display:block;margin:10px 0 0 10px;} a.nominateNow:hover {background-position:-157px 0;} a.voteNow {width:120px; height:28px; background:url(../img/buttons/voteNow.gif) 0 0 no-repeat; text-indent:-999em; display:block;margin:10px 0 0 10px;} a.voteNow:hover {background-position:-120px 0;} a.searchmap {width:91px; height:28px; background:url(../img/buttons/searchmap.gif) 0 0 no-repeat; text-indent:-999em; display:block; float:left;} /*********************************************************************************/ /* Left Progress Box */ /*********************************************************************************/ #progressBox { margin:0 0 20px; float:left; width:220px; background: url(../img/rightBox_bg.jpg) 0 bottom no-repeat;} .nomProgress {background: url(../img/nomProgressBox_BG.jpg) 0 bottom no-repeat; padding-bottom:20px;} #mainContent .nomProgress h3 {text-indent:-999em; height:37px; padding:0; margin:0; width:220px;} #mainContent .nomProgress h3.step1 {background: url(../img/boxHeaders/step1-3.gif) 0 0 no-repeat;} #mainContent .nomProgress h3.step2 {background: url(../img/boxHeaders/step2-3.gif) 0 0 no-repeat;} #mainContent .nomProgress h3.step3 {background: url(../img/boxHeaders/step3-3.gif) 0 0 no-repeat;} #mainContent #progressBox h3 {text-indent:-999em; height:37px; padding:0; margin:0; width:220px; background: url(../img/boxHeaders/entrySections.gif) 0 0 no-repeat;} #mainContent .nomProgress#progressBox h3 {text-indent:-999em; height:37px; padding:0; margin:0; width:220px; background: url(../img/boxHeaders/nominateNow.gif) 0 0 no-repeat;} #mainContent .eventProgress#progressBox h3 {text-indent:-999em; height:37px; padding:0; margin:0; width:220px; background: url(../img/boxHeaders/progress.gif) 0 0 no-repeat;} #progressBox ol {margin:3px 10px; padding:0; list-style:none; float:left; display:inline;} #progressBox ol li { margin:0; padding:0; min-height:15px; height:auto!important; height:15px; float:left; width:188px; position:relative; border-bottom:1px solid #d1ecfb; display:inline; } #progressBox ol li {margin:0 5px 0 0; padding:0 5px 0 8px; line-height:34px; display:block; text-decoration:none; color:#666666; font-weight:bold;} #progressBox ol li a {display:block; text-decoration:none; color:#999;} #progressBox ol li a:hover {text-decoration:underline;} #progressBox ol li.partial a, #progressBox ol li.complete a {color:#444;} #progressBox ol li.selected a {color:#0B2265;} #progressBox ol li span {text-indent:-999em; margin:0; padding:0; position:absolute; right:5px; top:10px; width:16px; height:16px; display:block; background: url(../img/progressBox/new.gif) 0 0 no-repeat;} #progressBox ol li.complete span {background: url(../img/progressBox/complete.gif) 0 0 no-repeat;} #progressBox ol li.partial span {background: url(../img/progressBox/partial.gif) 0 0 no-repeat;} #progressBox ol li.selected span {background-position: -16px 0 !important;} .nomProgress ol li {padding:0 5px 0 28px !important; background:url(../img/progressNumbers.gif) 0 0 no-repeat; width:168px !important;} .nomProgress ol li.prog0 {background-position:0 0;} .nomProgress ol li.prog1 {background-position:0 -43px;} .nomProgress ol li.prog2 {background-position:0 -86px;} #progressBox ol li.selected {background-color:#dcf1fc;} #progressBox ol li.inactive {color:#ccc;} #progressBox .progressSave {padding:0 0 15px 4px; margin:5px 0 0 10px; float:left; display:inline;} #progressBox .completed {padding:8px 12px 15px 37px; } #progressBox .completed h4 {margin:0; padding:10px 0px 10px 0px; width:145px; font-size:120%; text-align:center; color:#090;} dl.progressHint {font-size:85%; clear:left; padding:0 0 10px 0; margin:0; color:#666;} dl.progressHint dt {float:left; font-weight:bold;} /*********************************************************************************/ /* News */ /*********************************************************************************/ .newsArticle img {float:left; padding:1px; margin:0 10px 10px 0; border:1px solid #172d6b;} .newsArticle a.moreLink { margin-top:-5px;} .newsArticle h4 {margin:0 0 10px 0; font-size:100%;} .articlePic p {background:#DDDDDD none repeat scroll 0 0; color:#666666; font-size:90%; font-style:italic; margin:0 0 15px; padding:3px; text-align:center; width:202px;} .pageJump {float:left; width:100%; background:#ebebeb; position:relative; height:1.8em;} .topJump {margin-top:-15px; margin-bottom:15px;} .botJump {margin-bottom:-20px; margin-top:15px;} .pageJump dl {margin:0; padding:0; display:inline; position:absolute; right:5px; top:3px; line-height:1em;} .pageJump dt {float:left;} .pageJump dd {float:left; margin:0 0 0 5px; border-right:1px solid #333; padding:0 5px 0 0;} .pageJump dd.end {border:0;} .pageJump dd.selected a {font-weight:bold; text-decoration:none;} /*********************************************************************************/ /* Testimonials */ /*********************************************************************************/ #mainContent .testimonial img {float:left; margin:0 20px 10px 0;} #mainContent .testimonial .copy p.signOff {font-weight} #mainContent .testimonial .copy p {font-style:italic;} #mainContent .testimonial h4 {margin:0 0 0.6em 0; font-size:110%;} #mainContent .testimonial p.signOff { font-weight:bold;} /*********************************************************************************/ /* Online QA */ /*********************************************************************************/ #mainContent .qaListing {padding:0 0 10px 0; clear:both; min-height:70px; height:auto!important; height:70px; } #mainContent .qaListing h3 {} #mainContent .qaListing h4 {margin:0; padding:0 140px 0 0; font-size:120%;} #mainContent .qaListing h5 {margin:0; padding:0; font-size:100%; font-weight:normal;} #mainContent .qaListing .status {background-color:#F8F8F8; border:1px solid #E1E1E1; margin-bottom:10px; float: right; display: block; width: 120px; height: 45px; text-align: center; font-weight: bold; padding-top:10px;} #mainContent .qaListing .status .onnow { color: #009900; font-size:115%; } #mainContent .qaListing .status .finished { color: #ff0000; font-size:115%; } #mainContent .qaListing .status .pending { font-size:115%; } #mainContent .qaSession .question {background: #F0F0F0 url(../img/dotted_horizontal_light.gif) repeat-x 0 0; position:relative; padding:5px 10em 5px 5px;} #mainContent .qaSession .question .date {font-size: 80%; position:absolute; right:5px; top:5px; color:#777; } #mainContent .qaSession .answer {margin-bottom: 20px; padding:5px;} #mainContent .qaSession .submitQuestion {background: #F0F0F0; border:1px solid #E1E1E1; padding:10px; float:left; width:388px; margin-bottom:10px;} #mainContent .qaSession .submitQuestion label {color:#0B2265; font-weight:bold; padding:0 10px 0 0;} #mainContent .qaSession .submitQuestion textarea {width:386px; height:90px; margin-bottom:5px;} #mainContent .qaSession .copy .photo { width: 180px; margin: 0 auto;} #mainContent .qaSession .copy .photo img { width: 180px; margin-top: 10px;} #mainContent .qaSession .copy .text {margin: 15px 15px 15px 10px; padding:0;} /*********************************************************************************/ /* Past winners */ /*********************************************************************************/ .yearMenu {width:878px; background: #ff6e00 url(../img/yearMenu_bg.gif) 0 0 no-repeat; height:32px; padding:0; margin:0 0 0 20px;} .yearMenu ul {margin:0; padding:0 0 0 55px; list-style:none;} .yearMenu ul ul {display:none;} .yearMenu li { margin:0 0 0 8px; border-right:1px solid #fff; padding:0 8px 0 0; display:inline; line-height:30px;} .yearMenu li a {color:#003399;} .yearMenu li a:hover {color:#fff;} .yearMenu li.end {border:0;} .yearMenu li.selected a {font-weight:bold; color:#fff; text-decoration:none; font-size:110%;} .stateMenu {float:left; width:590px; background:#F9B479; padding:4px 0; margin-bottom:15px;} .stateMenu ul {margin:0; padding:0; list-style:none;} .stateMenu ul ul {display:none;} .stateMenu li { margin:0 0 0 8px; border-right:1px solid #333; padding:0 8px 0 0; display:inline;line-height:1em;} .stateMenu li.end {border:0;} .stateMenu li.selected a {font-weight:bold; text-decoration:none; font-size:110%;} #mainContent .winnersMenu {float:left; width:100%; background:#ebebeb; padding:4px 0; margin-top:-15px; margin-bottom:15px;} #mainContent .winnersMenu label {color:#0B2265; font-weight:bold; margin:0 5px; float:left;} #mainContent .winnersMenu li h3 { background:url(../img/winnersArrowDown.gif) right center no-repeat; margin:0; padding:0; color:#333; font-size:100%; padding:2px;} #mainContent .winnersMenu li.expanded h3 {background-image:url(../img/winnersArrowUp.gif)} #mainContent .winnersMenu ul {margin:0 10px 0 0; padding:0; list-style:none; position:relative; float:left; background:#fff; border:1px solid #94A8C7; height:16px; line-height:11px; padding:0;} #mainContent .winnersMenu ul.region, #mainContent .winnersMenu ul.region ul { width:140px;} #mainContent .winnersMenu ul.year, #mainContent .winnersMenu ul.year ul { width:60px;} #mainContent .winnersMenu ul.region li h3 {width:136px;} #mainContent .winnersMenu ul.year li h3 {width:56px;} #mainContent .winnersMenu ul li {margin:0; padding:0;} #mainContent .winnersMenu ul ul {position:absolute; top:16px; left:-1px; background:#fff; z-index:2000; border:1px solid #999; height:auto; display:none;} #mainContent .winnersMenu ul ul li a {text-decoration:none; color:#666; display:block; padding:2px;} #mainContent .winnersMenu ul ul li a:hover { color:#333; background:#ddd;} #mainContent .winnersMenu ul ul li.selected a {background:#289BE7; color:#fff;} .backMenu {float:left; width:646px; background:#ebebeb; padding:4px 0; margin-top:-15px; margin-bottom:15px; text-align:left;} .backMenuBot {float:left; width:646px; background:#ebebeb; padding:4px 0; margin-top:15px; margin-bottom:-20px; text-align:left;} .backMenu a, .backMenuBot a {padding-left:5px; font-weight:bold; text-decoration:none;} .backMenu a span, .backMenuBot a span {text-decoration:underline;} #mainContent .winner {padding:0; clear:both; width:590px; min-height:190px; height:auto!important; height:190px;} #mainContent .winner h3 {} #mainContent .winner h4 {margin:0; padding:0 140px 0 0; font-size:120%;} #mainContent .winner h5 {margin:0; padding:0; font-size:100%; font-weight:normal;} #mainContent .winner a.contactBusiness {float:right; border:0; background:url(../img/buttons/contactBusiness.gif) 0 0 no-repeat; width:197px; height:32px; text-indent:-999em; margin:0 0 0 10px;} #mainContent .winner a.contactBusiness:hover {background-position:-197px 0;} #mainContent .winner .winnerPic {clear:right; float:right; margin:1em 0 0 10px;} #mainContent .winner .copy {padding:1em 0 0 0;} #mainContent .winnerPic p {background:#DDDDDD none repeat scroll 0 0; color:#666666; font-size:90%; font-style:italic; margin:0 0 15px; padding:3px; text-align:center; width:202px;} #mainContent .winnerDetail h4 {margin:0; padding:0; font-size:100%;} #mainContent .winnerDetail .url {margin:0 0 1em;} /*********************************************************************************/ /* Sponsors */ /*********************************************************************************/ .sponsor {position:relative;} .sponsor .logo {position:absolute; left:0; top:3em; width:120px; text-align:center;} .sponsor .logo img {margin:5px 0;} .sponsor .copy {margin:0 0 20px 140px;} /*********************************************************************************/ /* FAQs */ /*********************************************************************************/ ul.leftBoxNav {margin:0 0 15px 0; padding:20px 20px 20px; background: url(../img/leftBox_bg.gif) no-repeat 0 bottom; list-style:none;} ul.leftBoxNav li {margin:2px 0;} ul.leftBoxNav li {padding:0 0 3px 10px; background:url(../img/arrow_small.gif) 0 0.4em no-repeat; font-weight:bold;} ul.leftBoxNav li a {font-weight:bold;} ul.leftBoxNav li .thumbnail { float: right;} ul.leftBoxNav li .light { font-weight: normal !important;} ul.faqList {margin:0; padding:0; list-style:none;} ul.faqList li {margin:5px 0;} ul.faqList li h4 {margin:0; padding:0; font-size:100%;} ul.faqList li h4 a {padding:0 0 0 20px; margin:0; background:url(../img/plus.gif) 5px center no-repeat; display:block; font-weight:normal;} ul.faqList li.expanded h4 a {background-image:url(../img/minus.gif); font-weight:bold;} ul.faqList li div {margin:5px 0 10px 20px;} ul.faqList li h5 {margin:0; font-size:100%;} /*********************************************************************************/ /* Prizes Benefits */ /*********************************************************************************/ table.prizesTable {margin-bottom:15px;} table.prizesTable thead th {background:#ccc; padding:3px 5px;} table.prizesTable td, table.prizesTable th { padding:3px 5px;} table.prizesTable tr.odd {background:#F0F0F0;} /*********************************************************************************/ /* Calendar */ /*********************************************************************************/ #calendar {position:relative;} #calendar table {width: 200px; padding: 0; margin:0 10px 10px; color: #616B76; text-align: center;} #calendar .nav a {text-decoration: none; font-size:130%; font-weight:bold; padding:0 10px;} #calendar .nav a.previousMonth {position:absolute; left:10px; top:6px;} #calendar .nav a.nextMonth {position:absolute; right:10px; top:6px;} #mainContent #calendar h4 {margin: 5px 10px 0; padding: 0; width:190px; color:#0b2265; text-align: center; font-weight:bold; line-height:1em; font-size:110%;} #calendar h4 span {font-weight:normal; font-size:80%;} #calendar th {font-weight: bold; color:#000;} #calendar .today, #calendar td.today a {color: #fff; font-weight: bold; background: #154297;} #calendar td.empty {background:none;} #calendar td {border: 1px solid #ccc; color:#0b2265; width: 20px; height: 25px; text-align: center; background:#fff;} #calendar td a {font-weight: bold; display: block; background:#c5e6fc; line-height:25px;} #calendar td a:hover {color: #fff; font-weight: bold; background: #154297;} #calendar .monthHidden { display: none; } #calendar .weekHidden { display: none; } #calendar .navHidden { display: none; } .calendarEventHidden { display: none; } .calendarEvent {background: #C5E6FC; margin:0 13px; padding:10px; width:172px;} .calendarEvent h4 {margin:0; padding:0; font-size:100%;} .calendarEvent h5 {margin:0 0 3px 0; padding:0; font-size:90%; font-weight:normal; font-style:italic;} .calendarEvent p {margin:0; padding:0; font-size:90%; color:#666; line-height:1.1em;} .calendarEvent a {font-size:90%; text-decoration:none; float:right; font-weight:bold;} .calendarEvent a span {text-decoration:underline;} #mainContent h3.keyDate {padding-right:7.5em;} #mainContent a.moreDates {font-weight:bold; text-decoration:none; margin-bottom:5px; padding-top:3px; background: url(../img/dotted_horizontal_light.gif) repeat-x 0 0; width:100%; text-align:right; float:right;} #mainContent a.moreDates span {text-decoration:underline;} #mainContent .inlineDate {color:#666; float:right; margin-top:-2.4em; padding-right:10px; font-style:italic;} /*********************************************************************************/ /* Footer */ /*********************************************************************************/ #footer .sponsors {width:800px; height:56px; padding:0; text-align:center; margin:30px 0 0 80px; float:left; display:inline;} #footer .noMargin {margin-top:0;} #footer .sponsors h4 {text-indent:-999em; margin:0 0 0 0; padding:0; float:left; background:url(../img/proudly_sponsored.jpg) 0 0 no-repeat; width:171px; height:37px;} #footer .sponsors ul {margin:0 0 0 -10px; padding:0; list-style:none; float:left;} #footer .sponsors li {float:left; margin:10px 20px 0 0; padding:0;} #footer .sponsorPrint {display:none;} #footer .footerNav {padding:0; line-height:30px; font-size:90%; text-align:center; clear:both;} #footer .footerNav ul {list-style:none; padding:0; margin:0;} #footer .footerNav ul li {display:inline; padding:0 15px; margin:0; border-right:1px solid #0057a8;} #footer .footerNav ul li a { color:#0057a8;} #footer .footerNav ul li a:hover {color:#008CC7;} #footer .footerNav ul li.end {border:0;} /*********************************************************************************/ /* Inline popups */ /*********************************************************************************/ .modalBackground { background-color: Black; filter: alpha(opacity=70); opacity: 0.7; } .modalPopup { width: 530px; background: url(../img/popup/popBG.png) top right no-repeat; color:#000000; background: url(../img/popup/popBG.png) top right no-repeat; padding:8px; } .modalPopupWide { width: 650px; height: 380px; background: url(../img/popup/popBG.png) top right no-repeat; color: #FFFFFF; border-color: #000000; border-width: 1px; border-style: solid; text-align: center; cursor: auto; font-size: medium; } .modalPopup .copy {padding:10px 20px 10px;} .modalPopup .copy h2 {font-size:110%; text-align:center; margin:5px 0; padding:0; color:#009fda;} .modalPopup table{ width:470px;} .modalPopup table td { vertical-align:top; padding:10px 10px 10px 0; border-bottom:1px solid #ccc;} .modalPopup table td.radio {width:10px; padding-right:5px;} /*** Overwrite form layout on layout.css ***/ .modalPopup .sendForm .formBlock {display:inline; float:left; padding:8px 10px 0px 10px; width:470px;} .modalPopup .sendForm .formElement {float:left; padding:4px 0; width:470px;} .modalPopup .sendForm .formElement label {width:130px; float:left; text-align:right; padding:0 10px 0 0; color:#0b2265; font-weight:bold;} .modalPopup .sendForm .formElement input, .sendForm .formElement textarea {float:left;border:1px solid #94A8C7; padding:2px;} .modalPopup .sendForm .formBlock .size1 {width:110px;} .modalPopup .sendForm .formBlock .size2 {width:200px;} .modalPopup .sendForm .formBlock .size3 {width:340px;} .modalPopup .sendForm .butLeft {margin:15px 0 5px 0; float:left;} .modalPopup .sendForm .butRight {margin:15px 0 5px 0; float:right;} .modalPopup a.submit {float:right; border:0; background:url(../img/buttons/submit.gif) 0 0 no-repeat; width:133px; height:28px; text-indent:-999em; margin:0 0 10px 0;} .modalPopup a.submit:hover {background-position:-133px 0;} .modalPopup a.continue {float:right; border:0; background:url(../img/buttons/continue.gif) 0 0 no-repeat; width:122px; height:28px; text-indent:-999em; margin:0 0 10px 0;} .modalPopup a.continue:hover {background-position:-122px 0;} .modalPopup a.searchAgain {float:left; border:0; background:url(../img/buttons/searchAgain.gif) 0 0 no-repeat; width:122px; height:28px; text-indent:-999em; margin:0 0 10px 0;} .modalPopup .sendForm .shareIco {border:1px solid #39AFEC; padding:2px;} /* IE6 hacks */ *html .modalPopup .sendForm .formBlock {width:460px} .modalPopup .popupTitle { background:#009fda url(../img/popup/popHeader_topRight.gif) top right no-repeat; padding:10px; } .modalPopup .popupTitle .popupWindowTitle { padding:0; color:#fff; font-weight:bold; padding:0; font-size:120%; text-align:center; } .modalPopup .popupContent { clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; } .modalPopup .closeAjaxWindow { position:absolute; top:-22px; right:20px;} .modalPopup .closeAjaxWindow a {background:url(../img/popup/closeBut.png) 0 0 no-repeat; display:block; width:30px; height:22px;} .modalPopup .closeAjaxWindow a:hover { background-position:-30px 0;} .modalPopup .closeAjaxWindow a span {display:none;} * html .modalPopup .closeAjaxWindow a{background-image: url(../img/popup/closeBut.gif);} /*********************************************************************************/ /* search results */ /*********************************************************************************/ .resultBlock { overflow: auto; max-height: 500px; margin-bottom: 40px; } /*********************************************************************************/ /* To be sorted / clarified */ /*********************************************************************************/ div#map { height: 496px; width: 586px; float: left; } div#sidebar { float: left; padding: 2px; width: 196px; } div#info-div { clear: both; } div#nominatingMap { height: 150px; width: 184px;} #mapReset {position:absolute; right:2px; z-index: 901;} #mapReset a {background: url(../img/buttons/btn_resetmap.png) no-repeat left top; width:76px; height:22px; display: block; } #mapReset a:hover { background-position: -77px top; } #mapReset a span { display: none; } .autoCompleteList { z-index: 10000000; list-style: none !important; margin: 0 !important; padding: 0 !important; border: solid 1px #999999; } .autoCompleteList li { padding: 20px; font-size: 13px; border-bottom: solid 1px #eeeeee; background-color: #f0f0f0; background-image: none !important; cursor: pointer; } .autoCompleteBusy { display: none; position: absolute; margin-left: 415px; margin-top: 4px; width: 18px; height: 18px; z-index: 99999; } .autoCompleteBusyUpdatePanel { position: absolute; margin-left: 415px; margin-top: 4px; width: 18px; height: 18px; z-index: 99999; } .popupSearch .autoCompleteBusy { margin-left: 360px;} .dataForm .formElement .autoCompleteBusy { margin-left: 355px; margin-top: 2px; } .ajaxBusyFixed { position: fixed; bottom: 40px; left: 40px; text-align: center; background-color: #ffffff; padding: 20px; } .percentTableTotal { background-color: #cccccc; font-weight: bold; color: #000000; width: 95%; } .percentTableTotal .not100, .percentTableTotal .over100 { color: Red; padding: 3px; } .percentTableTotal .is100, .percentTableTotal .under100 { color: #000000; padding: 3px; }