body { background: #000; font-size: 120%; }
#container { width: 977px; margin: 10px auto; }

#error		{ width: 60%; border: 1px dashed red; text-align: center; padding: 25px 10px; margin: 10px auto; background: white; }
.err		{ color: red; margin: 8px 0px; font-weight: bold; }
.err li		{ margin-bottom: 3px; }

#appreciation a			{ color: #000; text-decoration: none; }
#appreciation a:hover	{ color: #ffea01; background: #000; text-decoration: none; }
#appreciation h1		{ font-size: 180%; color: #333333; margin: 15px 0px 10px 160px; }

#appreciation #header  	{ height: 464px; }
#appreciation #content 	{ background: #ffea01; width: 957px; padding: 20px 10px; }
#appreciation #intro	{ float: right; width:45%; margin-right: 20px;}
#appreciation #content #intro p:first-child:first-letter { font-size: 440%; color: #00aaef; float: left; line-height: 80%; vertical-align: bottom;}
#appreciation #intro p 	{ clear: both; font-size: 120%; line-height: 130%; vertical-align: text-top; margin-bottom: 15px;}
#appreciation #intro p.resort { font-style: italic;  margin-left: 30px; }
#appreciation #intro p.resort span { font-weight: bold; }

#appreciation #intro_enter 	{ float: left; }
#appreciation #enter_box	{ background: #00aaef; color: #fff; padding: 20px 20px 10px 20px; width: 380px; margin: 0px 0px 20px 40px;}
#appreciation #enter_box div:first-child { color: #fff; font-size: 200%; margin-bottom: 15px; }
#appreciation #enter_box ul	{ list-style-type: decimal; padding-left: 30px;  }
#appreciation #enter_box li { padding-bottom: 10px; line-height: 125%; font-size: 110%; }
#appreciation div#button 	{ margin: 60px auto 40px auto; width: 400px;}
#appreciation div#button a 	{ border: 6px double #999999; padding: 20px; width: 200px; margin: 0px 0px 0px 120px; font-size: 300%; color: #999999; }
#appreciation div#button a:hover { background: #999999; color: white; text-decoration: none;}
#appreciation #dealership 	{ margin: 0px 0px 0px 40px; }
#appreciation #dealership li{ border: 1px solid #ffea01; background: #666; width: 130px; height: 20px; cursor: pointer; color: #fff;}
#appreciation #dealership li.one { padding: 8px 0px 2px 10px; }
#appreciation #dealership li.two { padding: 3px 0px 7px 10px;}
#appreciation #dealership .selected { background-color: #fff; color: #000; border-right: 1px solid #fff; }
#appreciation #dealership_address { color: #000; width: 227px; height: 298px; padding: 20px 10px 0px 40px; float: right; background: #fff; font-size: 120%; border: 1px solid #ffea01; border-left: 0px;}
#appreciation #dealership_address h2 { margin-bottom: 5px; }
#appreciation #dealership_address img { margin: 10px 0px; }
#appreciation #enter_btn	{ margin-top: 40px; margin-bottom: 30px;}
#appreciation #code_sample { width: 650px; margin: 0 auto; line-height: 120%;}
#appreciation #code_sample h3 { text-align: left; margin: 15px 0px 10px 0px; }

/*
#appreciation #winner { margin: 0px 0px 10px 0px; }
#appreciation #winner #past a{ display: block; width: 420px; height: 35px; font-size: 150%; vertical-align: bottom; padding: 10px 5px 20px 0px; background: #000; color: #ffea01; text-align: center;}
#appreciation #winner #past a span 	{ font-size: 60%; }
#appreciation #winner #past a:hover { background: #00aaef; color: white; text-decoration: none; }
*/

#appreciation #winner { margin: 40px 20px; width: 100%; }
#appreciation #winner { margin: 0px auto; width: 800px; }
#appreciation #winner #past a{ display: block; width: 100%; height: 50px; font-size: 150%; vertical-align: bottom; padding: 15px 5px 20px 0px; background: #000; color: #ffea01; text-align: center;}
#appreciation #winner #past a span { display: block; margin-top: 10px; font-size: 60%; }
#appreciation #winner #past a:hover { background: #00aaef; text-decoration: none; color: white; }


#code_form{ text-align: center; margin: 40px 0px;}
#code_box { border: 5px solid #00aaef; font-size: 4.0em; font-weight: bold; text-align: center; padding: 7px 0px;  color: #ffea01; background: black; }
input#code_btn { font-size: 28px; font-weight: bold; }

#ballot_form form	{ margin: 0px 0px 0px 25%; }
#ballot_form label  { text-align: right; width: 150px; float: left; vertical-align: middle; padding-top: 4px; margin-right: 5px;  line-height: 120%; font-size: 120%; }
#ballot_form p		{  font-size: 130%; vertical-align: middle; line-height: 130%;}
#ballot_form input.box, #ballot_form select	{ border: 1px solid #999; font-size: 130%; margin-bottom: 5px;  }
#ballot_form #buttons { margin: 15px 0px 0px 170px; }

#rules 				{ color: #333333; text-decoration: underline; cursor: pointer; }
#rules:hover		{ color: #666666; text-decoration: none; }
#rules_list 		{ display: none; font-family:  'Trebuchet MS', Verdana, Arial; height: 400px; background: white; overflow: auto; border: 1px solid #cccccc; margin: 20px 0px; padding: 10px; position: relative; left: -100px;}
#rules_list h1	 	{ font-size: 150%; text-align: center; margin: 0px; color: #000000; }
#rules_list h2	 	{ font-size: 130%; text-align: center; }
#rules_list ul 		{ list-style-type: decimal; margin: 20px 10px 0px 30px; }
#rules_list li		{ margin-bottom: 10px; }

#floater_style		{ background: black url("../../images/10th_anniversary/welcome1.jpg") repeat-y top right; color: white; height: 560px; padding: 20px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; overflow:auto;}
#floater_style h1	{ font-weight: bold; font-size: 32px; color: #00aaef; letter-spacing: -3px; margin-bottom: 20px;}
#floater_style ul 	{ font-size: 20px; margin: 0px 30px;}
#floater_style li	{ padding: 10px 0px 0px 5px; margin-top: 10px;}
#floater_style li:hover { color: #ffea01; cursor: pointer;}
#floater_style li div { }
#floater_style li div.showing { background: #ffea01; color: black; }
#floater_style li p		{ font-size: 14px; display: none; background: #fff; color: black; padding: 10px; opacity:0.8;filter:alpha(opacity=80) }

* html .btn span, * html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }
.btn 		{ display: block; position: relative; background: #aaa; padding: 5px; width: 120px; margin: 0px auto; color: #000; text-decoration: none; cursor: pointer; text-align: center;}
.btn * 		{ font-style: normal; background-image: url(../../images/btn3.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i 		{ background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; }
.btn span 	{ background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span 	{ background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
.btn.code_btn	{ background: #00aaef; font-size: 150%; color: #000; font-weight: bold; width: 150px  }
.btn.code_btn span { padding: 10px 0px 15px 10px; color: #fff; }
.btn.code_btn:hover span { color: #ffea01; }
.btn:hover 	{ background-color: #666666; text-decoration: none; color: #ffea01; }
.btn[class] { background-image: url(../../images/shade.png); background-position: bottom;}