/* Contest Specific Styles
	Markup Structure Examples:

	1.) DropDown Select
	<div class="dropdown clearfix">
		<label>Question Text</label>
		<select><option>Answer Text</option></select>
	</div>

	2.) Radio Button List
	<div class="radiolist clearfix">
		<div>Question Text</div>
		<ol>
		  <li><input type="radio"/><label>Answer Text</label></li>
		</ol>
	</div>
	
	3.) Check Box List
	<div class="checklist clearfix">
		<div>Question Text</div>
		<ol>
		  <li><input type="radio"/><label>Answer Text</label></li>
		</ol>
	</div>
	
	4.) Text Field
	<div class="textfield clearfix">
		<label>Question Text</label><input type="Text" />
	</div>
	

*/
 div.contestDescription {
 	padding: 10px 10px 0 10px;
 }
 dl {margin:10px ;}
 div.info {margin: 20px 0;border-top:1px solid #ccc;}
  
.dropdown label, .textfield label, .caafield label, .agefield label, .remember label {
	/*border: 1px solid #ddd;*/
	width: 180px;
	padding-right: 8px;
	float:left;
	font-weight: bold;
}
.remember ol li label {font-weight:normal;width:auto;padding-left:8px;width:180px;}



.radiolist ol li{
list-style-type: lower-latin;
}
.radiolist ol li input {width:auto;}
.radiolist ul li{
list-style-type: none;
margin: 5px 0 0 170px;
}	  

.radiolist li label {margin-left:5px;}

.textfield input, .radiolist li input, .dropdown select { width: 200px; }
select option {padding-right:5px;}
.caaInputGroup input {width:auto;}
.remember input {float:left;}
	  
input#optin {margin-right: 5px;width:auto; }

#contest_form { margin:20px 0 30px 10px; width:700px; }
#contest_form div{ padding:5px 0 ;}
#contest_form form div{ clear:both ;}

#contest_form form div.caaInputGroup,
#contest_form form div.yearMonthInputGroup {clear:none;float:left}

#contest_form div.checklist div, 
#contest_form div.radiolist div {font-weight:bold;}
#contest_form div.checklist ol,
#contest_form div.radiolist ol {margin-left: 190px;}
#contest_form div.checklist ol input,
#contest_form div.radiolist ol input {margin-right: 5px;}	
#contest_form div.checklist ol li,	  
#contest_form div.radiolist ol li{list-style-type: none; }

#contest_form div.error{
	padding:0px; margin:0;
}
#contest_form div.error li.errorItem span, #contest_form div.error li.errorItem br {display:none;}
#contest_form div.error ul{ margin:0; padding:0; }
#contest_form div.error li{ padding:5px 0; color:red; list-style:none; }
#contest_form div.error input{
	background-color:#FFEC86;
}
h3.error {color:red;}

#contest_form hr {
	border:0;
	border-top: 1px solid #333;
height:1px;
}
#contest_buttons{	  }
#q1 ol li{
	list-style-type: none;
}

#contest_form .remember li {list-style-type:none;float:left;}
#contest_form .remember input {width:auto;font-weight:normal;}

#contest_form .button {margin: 10px 0 0 190px;}

#main .border {border: 1px solid #333;}


/* prizes */
div.prizes {width: 700px;}
div.prizes div.image {width: 210px;margin-top:12px;}
div.prizes div.winners {width: 430px;}

* html a.help {background-color:none;display:inline-block;}
a.help span {
	display:none;
}
a.help:hover {background-color:#ccc;}
a.help:hover span {
	display:block;
	position:absolute;
	width:200px;
	padding: 10px;
	border: 1px dashed #000;
	background-color:#ccc;
	color: #000;

	}
* html a.help:hover span {	margin-left:-100px;}
	
/* Contest Buttons */
.fillerup09_button_home, .fillerup09_button_home:visited {
	display: block;
	font: 11px tahoma;
	color:#FFFFFF;
	text-align: center;
	line-height: 23px;
	width: 223px;
	height: 79px;
	background: url(/media/contests/fillerup09_bttn_click_to_play.png) no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
}
.fillerup09_button_home:hover{ background-position: 0px -79px; 
	color:#FAFDB9;
}



.fillerup09_button_small, .fillerup09_button_small:visited,
.fillerup09_button_medium, .fillerup09_button_medium:visited,
.fillerup09_button_large, .fillerup09_button_large:visited {
	display: block;
	font: bold 11pt Trebuchet MS, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:31px 0 0 16px;
	height: 48px;
	background-position: 0px 0px;
	text-decoration: none;
}
.fillerup09_button_small:visited,
.fillerup09_button_small {
	width: 213px;
	background: url(/media/contests/fillerup09_bttn_small.png) no-repeat;
	padding:31px 0 0 8px;
}
.fillerup09_button_medium {
	width: 336px;
	background: url(/media/contests/fillerup09_bttn_medium.png) no-repeat;	 /*bttn_small.png doesn't have logo. change off contest*/
}
.fillerup09_button_large {
	width: 385px;
	background: url(/media/contests/fillerup09_bttn_large.png) no-repeat;
}

	
.fillerup09_button_small:hover,
.fillerup09_button_medium:hover,
.fillerup09_button_large:hover{ 
	background-position: 0px -79px; 
	color:#FAFDB9;
	text-decoration:underline;
}

/*specific forms...*/
#contest_form h1 {clear:both;}
#contest_form .inputs {width:340px;}
#contest_form .actionDiv {width:350px;}
#contest_form #lf {padding-bottom:30px;border-bottom:1px solid #A5BADA;}

#submitPFDiv {margin-left:180px;}
#lf .textfield label, #lf .remember label {width:130px;}
#lf .textfield input, .radiolist li input, .dropdown select { width: 150px; }


#contest_form div.question,
#contest_form div.answer {
	background-image: none;
	padding:0 25px 0 10px;
}