
/* -------------------------------------------------------------- 
CSS ------------- # {}
-------------------------------------------------------------- */

html{
height: 100%;
}

body{
background: #fff;
margin-top: 0;
height: 100%;
color: #666666;
font-size: 12px;
font-family: Arial, Verdana, sans-serif;
letter-spacing: .5px;
}

* html .container{
height: 100%;
}

h1{
font-size: 18px;
color: #d81520;
font-weight: normal;
}

h1 a{
font-weight: normal;
}

h2{
font-size: 12px;
color: #d81520;
font-weight: bold;
}

label{
float: left;
/* width: 80px; */
font-weight: normal;
margin-right: 5px;
}

div.quiz_content table label {
    float: none;
}
div.quiz_content table,
div.quiz_content tr,
div.quiz_content th,
div.quiz_content td {
vertical-align: top;
}

input{
margin-right: 7px;
}

a{
color: #e11622;
}

a:hover{
color: #660000;
}

textarea{
height: 85px;
}

#container_bg{
background: #ffffff url(../images/bg.jpg) repeat-x top center;
width: 100%;
}

.container{
min-height: 100%;
}

#header{
height: 170px;
margin-bottom: 50px;
*margin-bottom: 40px;
}

#footer{
margin: 30px 0 0 0;
padding-bottom: 25px;
}

#footer .small{
line-height: 12px;
}

#nav li, #quiz li{
list-style-type: none;
}

.left{
float: left;
}

.right{
float: right;
}

.clear{
clear: both;
}


#home .container{
text-align: center;
}

.imgMargin{
margin-top: 210px;
}

#leftImg{
margin-top: 410px;
margin-right: 0;
text-align: right;
}

#content{
min-height: 840px;
padding: 20px;
margin: 0;
}

#sidebar{
text-align: left;
margin-top: 140px;
}

#sidebar ul{
margin: 0;
padding: 0;
}

#quiz{
background: url(../images/vote_bg.gif) no-repeat top left;
margin-top: 20px;
}

#quiz .box{
margin-bottom: 0;
padding: 15px;
}

.quiz_content{
margin: 15px;
*margin: 15px 5px 10px 5px;
}

#quiz_bottom{
background: url(../images/vote_bg_bottom.gif) no-repeat top left;
min-height: 68px;
height:auto !important;
height:68px;
}

#quiz_bottom .quiz_content{
margin: 0 15px 15px 15px;
}

#quiz h2{
color: #333333;
}

.noBullets{
list-style-type: none;
}

#enterForm li, #signIn li{
margin: 5px 0 5px 0;
}

#enterForm ul{
margin: 0;
padding: 0;
}

#enterForm #labels{
margin-top: 2px;
}

#enterForm {
margin-top: 20px;
}

#enterForm label{
text-align: right;
}

.phone{
margin: 0 4px 0 4px;
}

#closed #enterForm label{
text-align: left;
}

#closed #signIn, #closed #enterForm{
margin-top: 100px;
}

#promoSignup ul{
list-style: none;
}

#thanks #content h2{
margin-bottom: 0;
}

#submitBtn{
margin-top: 15px;
}

#btnSignIn{
margin-left: 17px;
}

#forgotPassword{
margin-right: 14px;
text-align: right;
}

#signIn ul{
margin: 0;
padding: 0;
list-style: none;
}

#inputDiv{
width: 200px;
}

.inline_headline{
margin: 0 10px 0 0;
}

#talesCols{
margin-top: 35px;
}

#talesCols .tale{
margin-top: 10px;
}

#talesCols #divider{
margin-top: 0;
}

.red{
color: #e11622;
}

.black{
color: #000000;
}

.remaining1{
padding-left: 117px;
font-size: 10px;
padding-bottom: 5px;
}

.small{
font-size: 10px;
}

#divider{
margin: 10px 0 15px 0;
}

/* DIFFERENT CONTENT BGs */
#content_bg{
min-height: 840px;
height:auto !important;
height: 840px;
margin: 0;
}

#enter #content_bg{
background: url(../images/content_bg_enter.jpg) no-repeat top center;
}

#closed #content_bg{
background: url(../images/content_bg_closed.jpg) no-repeat top center;
}

#rules #content_bg{
background: url(../images/content_bg_rules.jpg) no-repeat top center;
}

#tales #content_bg{
background: url(../images/content_bg_tales.jpg) no-repeat top center;
}

#thanks #content_bg{
background: url(../images/content_bg_thanks.jpg) no-repeat top center;
}




