body { background-color: #400101; background-image: url(../images/background.jpg); background-repeat: repeat-x; background-position:top; margin:0px; 
       font-family:Arial;
}
img { border:none; }
.clearfix { clear:both; height: 0px;}

#outerHolder { position:relative; background-color: #f0cc98; width: 860px; margin: 45px auto 10px auto; min-height: 500px; padding: 20px 0px 20px 0px; }
#outerHolder #headerHolder { position: relative; width:820px; height:400px; background-image: url(../images/cran_headline.jpg); 
                             margin: 0px auto 0px auto;
}

#outerHolder #headerHolder #bottleCap { position:absolute; top: 200px; left: -35px; }
#outerHolder #headerHolder #newspaper { position: absolute; top: -45px; left: 580px; }

#outerHolder #mainContent { position: relative; background-color:White; width: 734px; margin: 0px auto 0px auto; 
                            border: 3px solid #e2a854; border-top: none; padding: 40px;
}

#outerHolder #mainContent #headline { position:relative; z-index: 1000; }
#outerHolder #mainContent #defaultHeadline { position:relative; z-index: 1000; }
#outerHolder #mainContent .prelaunch { width: 530px; font-size:14px; line-height: 20px; }
#outerHolder #mainContent .prelaunch a { color:Black; }
#outerHolder #mainContent .entryOver { margin: 25px 0px 25px 0px; }

#outerHolder #mainContent #entryButtonHolder { position: relative; height:0px; }
#outerHolder #mainContent #entryButton { position:absolute; left: 300px; top: -20px;}

#outerHolder #mainContent h2 { font-size:18px; color:#be2124; }
#outerHolder #mainContent .bottle { position:absolute; top: 24px; left: 570px; z-index: 500; }

#outerHolder #mainContent #factTable { border-top: 1px solid black; border-right:1px solid black; margin: 10px 0px 10px 0px; }
#outerHolder #mainContent #factTable th { text-align:left;  }
#outerHolder #mainContent #factTable th,  #factTable td { border-left: 1px solid black; border-bottom: 1px solid black; padding:5px; }
#outerHolder #mainContent #factTable td { }
#outerHolder #mainContent #factTable .selected { background-color:Green; color:White; }
#outerHolder #mainContent #factTable .selectedFinalist { background-color:Blue; color:White; }
#outerHolder #mainContent #factTable .pastSelect { background-color:Maroon; color:White; }

/*real facts listing on main page*/
#outerHolder #mainContent .realFactsHolder { position:relative; padding: 7px 7px 1px 7px; background-color: #f8e4c7; }
#outerHolder #mainContent .realFactsHolder .realFact { border: 1px solid #e7b46a; background-color:White; 
color: #8c6239; padding: 15px 0px 15px 45px; font-size:14px; font-weight:bold; margin: 0px 0px 7px 0px;
background-image: url(../images/arrow.jpg); background-repeat:no-repeat;
background-position: left;
}
#outerHolder #mainContent .realFactsHolder .realFact p { margin:0px; padding:0px; width:462px; line-height: 22px; }
#outerHolder #mainContent .realFactsHolder .realFact .submitter { font-size:10px; color: Black; }
#outerHolder #mainContent .realFactsHolder .realFact .submitter span { color:#932222; }

/*entry form*/
#outerHolder #mainContent #entryHeadline { position:relative; z-index:1000; }
#outerHolder #mainContent #openingParagraph { font-size:12px; font-weight:bold; line-height:normal; width:538px; margin-bottom: 0px; }
#outerHolder #mainContent #openingParagraph a { color:Black; }

#outerHolder #mainContent #formHolder .wholeWidth { float:left; width: 528px; padding-right:10px; }
#outerHolder #mainContent #formHolder .threeQuartrersWidth { float:left; width: 387px;  padding-right:10px; }
#outerHolder #mainContent #formHolder .halfWidth { float:left; width: 255px; padding-right:10px; }
#outerHolder #mainContent #formHolder .quarterWidth { float:left; width: 122px; padding-right:10px; }
#outerHolder #mainContent #formHolder .formBox { width:100%; border: 1px solid #afafaf; }
#outerHolder #mainContent #formHolder p { margin: 10px 0px 0px 0px; font-size:10px; color:#7c7b7b; }
#outerHolder #mainContent span { color:Red; }
#outerHolder #mainContent #formHolder .mobileOptin { display:none; }

#outerHolder #mainContent #formHolder #realFactHolder { position:relative; background-color:#f8e6cd; 
padding:10px 10px 10px 10px; margin-top: 15px; border: 1px solid #fcdebb; min-height: 140px;
}
#outerHolder #mainContent #formHolder #realFactHolder #realFactLeft { float:left; width:470px; }
#outerHolder #mainContent #formHolder #realFactHolder #realFactLeft #opener { color: #800202; margin: 0px 0px 0px 0px; }
#outerHolder #mainContent #formHolder #realFactHolder #realFactLeft #opener strong { font-size: 17px; }
#outerHolder #mainContent #formHolder #realFactHolder #realFactLeft #rules { margin: 2px 0px 5px 0px; }
#outerHolder #mainContent #formHolder #realFactHolder #realFactLeft #rules a { color:#7C7B7B }
#outerHolder #mainContent #formHolder #realFactHolder #realFactRight { float:right; width: 235px; text-align:center; }
#realFactRight #realFactImage { margin-top: 50px; }
#outerHolder #mainContent #formHolder #realFactHolder #remainderHolder { }

#outerHolder #mainContent #formHolder .checkbox { font-size:10px; color:#7c7b7b; }
#outerHolder #mainContent #formHolder #submitHolder { margin-top: 20px; }
#outerHolder #mainContent #formHolder .submitImage { float:left; }
#outerHolder #mainContent #formHolder #submitRules { float: left; width: 370px; margin: 0px 0px 0px 20px; }
#outerHolder #mainContent #formHolder #submitRules a { color: #840202; }
#outerHolder #mainContent #formHolder #throbberHolder { position: relative; width:220px; height:19px; padding-top: 10px; left: -6px; }

/*confirmation dialogs*/
#outerHolder #mainContent #submitConfirm { position: absolute; width:534px; border: 17px solid #840202; top: 70px; left: 120px; z-index:5000; display:none; }
#submitConfirm #submitConfirmContent { position:relative; background-color:White; padding: 18px; }
#submitConfirm #submitConfirmContent #profoundProseImage { margin-top: 20px; }
#submitConfirm #submitConfirmContent #closeImage { position:absolute; right:7px; top: 7px; }
#submitConfirm #submitConfirmContent p { width:300px; font-size:14px; line-height:23px; }
#submitConfirm #submitConfirmContent span { color:#be2124; font-weight:bold; }
#submitConfirm #submitConfirmContent #confirmCap { position: absolute; bottom: 0px; right: 0px; }

#outerHolder #mainContent #submitDeny { position: absolute; width:534px; border: 17px solid #840202; top: 70px; left: 120px; z-index:5000; display:none; }
#submitDeny #submitDenyContent { position:relative; background-color:White; padding: 18px; }
#submitDeny #submitDenyContent #denyCloseImage { position:absolute; right:7px; top: 7px; }
#submitDeny #submitDenyContent #quotaReachedImage { margin-top: 20px; }
#submitDeny #submitDenyContent p { font-size:18px; font-weight:bold; line-height:28px; width:300px; }
#submitDeny #submitDenyContent #denyCap { position: absolute; bottom: 0px; right: 0px; width:150px; }

/*footer*/
#footerLinks { font-size: 10px; color: #e1994d; text-align:center; }
#footerLinks a { color: #e1994d; text-decoration:none; }
#copyright { padding: 10px 0px 45px 0px; text-align:center; color: White; font-size:9px; }

/*rules page*/

#outerHolder #mainContent #rules {  }
#outerHolder #mainContent #rules h1 { text-align:center; font-size: 28px; margin-top: 0px; color:#be2124; }
#outerHolder #mainContent #rules td { padding: 5px; vertical-align:top; }
#outerHolder #mainContent #rules th { padding: 5px; text-align:left; vertical-align: top; }
#outerHolder #mainContent #rules .underline { text-decoration:underline; }

/*entry over styles*/

#outerHolder #mainContent .entryOverHeadline { font-size: 22px; margin-top: 0px; }

/*voting phase styles*/

#outerHolder #mainContent #votingHomeLeft { position:relative; float: left; width:525px; }

#outerHolder #mainContent #votingHomeRight { position:relative; float:left; width:188px; margin: 0px 0px 0px 18px; }

#outerHolder #mainContent #finalTenHolder { position:relative; background-color: #ae0200; padding: 14px 14px 14px 14px; min-height:700px; }
#outerHolder #mainContent #finalTenHolder #finalTenHeadline { position:relative;  }

#outerHolder #mainContent #finalTenHolder .finalistHolder { position:relative; padding: 7px; background-color:White; height: 78px; margin-top: 12px; }
#outerHolder #mainContent #finalTenHolder .finalistHolder img { float:left; }
#outerHolder #mainContent #finalTenHolder .finalistHolder p { float:left; font-size: 14px; color:#79502b; width: 375px; margin: 0px 0px 0px 10px; }
#outerHolder #mainContent #finalTenHolder .finalistHolder .finalist { font-size: 12px; color:Black; margin-top: 13px; }
#outerHolder #mainContent #finalTenHolder .finalistHolder .finalist span { color: #7a1114; }

#outerHolder #mainContent #voteCounterHolder { position: relative; background-color: #8e643a; width: 178px; padding: 9px 9px 9px 9px; }
#outerHolder #mainContent #voteCounterHolder img { position:relative; left: 3px; }
#outerHolder #mainContent #voteCounterHolder #totalVotesHolder { background-color:White; }
#outerHolder #mainContent #voteCounterHolder #totalVotesHolder h3 { background-color: #b1181b; margin: 0px; color: White; font-size: 18px; text-align: center; padding: 4px; }
#outerHolder #mainContent #voteCounterHolder #totalVotesHolder h2 { color:Black; margin: 0px; font-size: 46px; text-align:center; }
#outerHolder #mainContent #voteCounterHolder h3 { font-size: 16px; text-align:center; color:#ff9f00; margin: 0px; padding: 7px 0px 0px 0px; }
#outerHolder #mainContent #voteCounterHolder p { font-size: 12px; color: White; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align:center; }

#outerHolder #mainContent .voteNowImage { position: relative; margin: 10px 0px 0px 5px; }

#outerHolder #mainContent #bottomBottomHolder { position: relative; height: 0px; text-align: left; }
#outerHolder #mainContent .bottomBottle { position:absolute; left: 528px; top: -310px; }
#outerHolder #mainContent .topBottle { position:relative; margin: 10px 0px 0px -10px; }

/*voting page*/

#outerHolder #mainContent #voteLeftHolder { position:relative; float:left; width: 525px; }
#outerHolder #mainContent #voteRightHolder { position: relative; float: left; width: 339px; }

#outerHolder #mainContent #voteEntryHolder { position: relative; background-color: #f6e1c5; border: 1px solid #fcd7b2; padding: 8px; }
#outerHolder #mainContent #voteEntryHolder p { margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; font-size: 11px; color: #6d0103; }
#outerHolder #mainContent #voteEntryHolder strong { font-size: 16px; font-weight: bold; }
#outerHolder #mainContent #voteEntryHolder .fieldHolder { padding-top: 0px; }
#outerHolder #mainContent #voteEntryHolder .field { width: 100%; }
#outerHolder #mainContent #voteEntryHolder span { color: Red; }

#outerHolder #mainContent #captchaHolder { width: 400px; }
#outerHolder #mainContent #captchaHolder p { color: #696868; font-size: 11px; margin: 15px 0px 5px 0px; }
#outerHolder #mainContent #captchaHolder span { color:Red; }
#outerHolder #mainContent #captchaHolder ul li { font-size: 11px; margin: 5px 0px 0px -22px; }
#outerHolder #mainContent #captchaHolder img { float: right; border: 1px solid #e2a854; }
#outerHolder #mainContent #captchaHolder input { float:left; border: 1px solid #e2a854; width: 192px; height: 29px; font-size: 20px; }

#outerHolder #mainContent #voteSubmitHolder { position:relative; height: 26px; margin: 30px 0px 0px 0px; }
#outerHolder #mainContent #voteSubmitHolder .voteSubmitImage { position:relative; float:left; }
#outerHolder #mainContent #voteSubmitHolder p { float:left; width: 350px; margin: 0px 0px 0px 10px; padding: 0px; font-size: 10px; color: #676767; }
#outerHolder #mainContent #voteSubmitHolder a { color: #842325; }

#outerHolder #mainContent #voteThrobber { position: absolute; left: 450px; width:32px; height: 32px; }

#outerHolder #mainContent #voteBottoleHolder { position: relative; height: 0px; text-align: left; }
#outerHolder #mainContent #voteBottleImage { position: absolute; left: 525px; top: -333px; }

#outerHolder #mainContent .voteMsgHolder { position:relative; height: 0px; text-align:left; z-index: 1000; }
#outerHolder #mainContent .voteMsg { position: absolute; width: 488px; height: 236px; top: 0px; left: 100px; background-color:White; z-index: 1000;
                                     border: 17px solid #840202; padding: 20px 0px 0px 15px; display:none;
    }
    
#outerHolder #mainContent .voteMsg .bottleSmall { position: absolute; top: 20px; left: 340px; z-index: 1000; }
#outerHolder #mainContent .voteMsg p { float:left; font-size: 18px; font-weight: bold; width: 306px; line-height: 30px; }
#outerHolder #mainContent .voteMsg .close { position: absolute; top: 10px; left: 470px; z-index: 2000; }

#outerHolder #mainContent #tfCalloutHolder { background-color: #f6e1c4; border: 1px solid #fbd3aa; padding: 40px 0px 0px 15px; 
                                             margin: 35px 0px 0px 0px; position:relative;
}
#outerHolder #mainContent #tfCalloutHolder p { font-size: 15px; font-weight:bold; color: #be2124; margin-top: 5px;}
#outerHolder #mainContent #tfCalloutHolder a { color: #be2124; text-decoration: none; }
#outerHolder #mainContent #tfCalloutHolder .tfArrow { position: absolute; top: -35px; left: 0px; }

#outerHolder #mainContent #tfCalloutHolder #tfFormHolder { position:relative; height: 0px; text-align: left; z-index: 5000; display:none; }

#outerHolder #mainContent #tfCalloutHolder #tfFormHolder #tfForm { position: absolute; border: 17px solid #710104; padding: 18px 18px 18px 18px;
                                                                   background-color:White; width: 464px; top: -335px; left: -440px; z-index: 5000;
                                                                   
}

#outerHolder #mainContent #tfCalloutHolder #tfFormHolder #tfForm .tfClose { position: absolute; top: 15px; left: 465px; }
#outerHolder #mainContent #tfCalloutHolder #tfFormHolder #tfForm p { font-size: 18px; font-weight: bold; line-height: 30px; color: Black; }
#outerHolder #mainContent #tfCalloutHolder #tfFormHolder #tfForm #tfFields { position: relative; background-color: #f6e1c4; border: 1px solid #fcd8b2;
                                                                             padding: 10px 10px 10px 10px; margin: 0px 0px 20px 0px; height: 370px;
}
#outerHolder #mainContent #tfCalloutHolder #tfFormHolder #tfForm #tfFields p { position: relative; font-size: 10px; color: #6d0103; margin: 5px 0px 0px 0px; padding: 0px; 
                                                                               line-height: normal;
}
#outerHolder #mainContent #tfCalloutHolder #tfFormHolder #tfForm #tfFields .fieldHolder { margin: 2px 0px 0px 0px; padding: 0px; }
#outerHolder #mainContent #tfCalloutHolder #tfFormHolder #tfForm #tfFields strong { font-size: 14px; }
#outerHolder #mainContent #tfCalloutHolder #tfFormHolder #tfForm #tfFields .field { width: 100%; }
#outerHolder #mainContent #tfCalloutHolder #tfFormHolder #tfForm #tfFields .multiline { height: 100px; }
#outerHolder #mainContent #tfCalloutHolder #tfFormHolder #tfForm #tfFields .wholeWidth { float: left; width: 420px; padding: 0px 10px 0px 0px; }
#outerHolder #mainContent #tfCalloutHolder #tfFormHolder #tfForm #tfFields .halfWidth { float: left; width: 200px; padding: 0px 20px 0px 0px; }
#outerHolder #mainContent #tfCalloutHolder #tfFormHolder .tfThrobber { margin: 2px 0px 0px 20px; }

/*winner page*/

#outerHolder #mainContent #winner { position: relative;  }
#outerHolder #mainContent #winner p { font-size: 18px; font-weight:bold; color: #b1181b; text-align:justify; }
#outerHolder #mainContent #winner p strong { font-size: 28px; }