@charset "utf-8";
/* CSS Document */
body { background-color:#005284; font: 12px Verdana, Arial, Helvetica, sans-serif;}
.clear{clear:both; text-align: center;}
h1 { color:#0079c2; font-size:22px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; }
h2 { color:#0079c2; font-size:18px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:bold; }
sup { font-size: 9px;}
h2 sup { font-size: 9px;}

#container{ border:0; margin:0 auto; width:963px; background: #ffffff url(../images/container_bg.gif) repeat-y; }
#onlyong{ background: url(../images/logo.jpg) no-repeat left; float:left; height:54px; width:242px; }
#link{
	background-image:url(../images/arrow.jpg);
	background-position:center left;
	background-repeat:no-repeat;
	color:#8ec6dd;
	float:right;
	height:20px;
	margin-top:34px;
	padding-top:3px;
	padding-left:14px;
	text-align:left;
	width:175px;
}
#link a{color:#8ec6dd; text-decoration:none;}
#header{
	background: url(../images/banner_2.jpg) no-repeat 0 0;
	border: none;
	height: 285px;
	width: 963px;
	margin: 14px auto 0;
}
#logo { padding:14px 0 0 25px;}
#divider{
	background-color:#000000;
	border: solid 1px #FFF;
	border-bottom: none;
	clear:both;
	height:9px;
	width:961px;
	overflow: hidden;
}
#info { border: solid 1px #FFF; border-top: none; padding: 0 0 35px 0; width: 961px; }
#content { border:solid 1px #FFF; width:961px; padding: 0; background-image:url(../images/bckgrnd.jpg);background-repeat:repeat-x; }
#info .left{ float:left; margin:0px; padding: 20px 30px 40px; width:540px; background: #ffffff url(../images/left-bottom_bg.gif) bottom repeat-x; }
#info .left p { line-height: 20px; padding-bottom: 4px; }
#info .right p{ line-height: 20px; padding-bottom:10px;}
.disclaimer{ font-size:9pt; padding:15px; color:#6ea4cd;}
#info .right { background: url(../images/tab_bg.png) no-repeat; float:right; margin: 0; padding: 0; width:360px; }

#info .right-signup-page { background: none; float:right; margin: 0; padding: 20px; width:320px; }
#info .right-signup-page h2 {font-size: 17px;}
#info #box{ margin-top: 20px; background-color:#FFFFFF; border:solid 7px #61b4de; min-height:100px; width: 300px; }
#rulespage{	border:solid 1px #FFF; width:921px; padding:20px 20px 35px; background:#d3f8fe url(../images/bckgrnd.jpg) repeat-x 0px 700px; }
#rulespage p{ line-height:18px; padding-bottom:10px; }
#rulespage ul, #rulespage ol {margin:0 15px; padding:0;}
#rulespage li {margin:10px 0; padding:0;}

#box p{ font-size:11px; line-height:18px; margin:0 auto; padding:14px 16px; }
#box span{ margin:0 auto; color:#FF0000; font-size:9pt; font-weight:bold; padding:14px 16px;}
#login {padding-left: 25px; margin: 10px 0;}
#footer{ font-size:10px; color:#6ea4cd; clear:both; padding: 15px 0px; text-align: center; width: 963px; margin: 0 auto;}
#footer span{ padding-left:30px;}
#footer a{ color:#6ea4cd; text-decoration:underline; }
.footer_notes {text-align: left; color:#6EA4CD; font-size:10px; margin:10px 40px 0; padding-bottom:10px; }

ul {margin: 10px 0 20px 40px; }
ul li {margin-bottom: 10px;}
#small {font-size:10px;}

.alert { display: none; border: 1px solid #ff0000; background-color: #fff; text-align: center; color: #ff0000; font-weight: bold; padding: 10px;}

.error { color: #ff0000;}

#signup label { width: 80px; float:left; text-align: right; padding-right: 6px;}
#signup input { width: 220px; border: 1px solid #333; line-height: 18px; }
#signup div { display: block; clear:left; padding: 3px 0; }
#signup fieldset { margin: 0; border: none;}
#signup #state { width: 80px;}
#signup #zip { width: 77px; }
#signup #btn-submit {margin-left: 80px; font-weight: bold; width: 224px; height: 32px; background: url(../images/btn_submit-your-entry.gif) no-repeat 0px 2px; color: white; border: none; font-size: 18px;}
#signup #guess { width:90px; font-size: 14px; font-weight: bold;}

#signup #emailoptin { width:auto; }
#signup .optin label { float: none; }


#signup label.error {clear: both; margin-top: 5px; padding-left:90px; width:230px; text-align: left;}

.login label { width: 70px; float:left; margin-bottom:6px;}
.login input.btn { width:60px; margin-left:70px;}
.login div{ margin:0; padding:0;}
p.forgot { margin-top:0;}

#content .left { width: 600px; height: 850px; float: left; background: #000 url(../images/u2_content_bg_tile.gif) repeat-x bottom; }
#content .right { width: 338px; float: left;  padding: 30px 10px 30px 10px; line-height: 18px;  }

#submit { width: 62px; height: 20px; }

a img {border: none;}

hr {border: 0px solid #a3b5c0; border-bottom-width: 1px; margin: 0 20px; height: 1px; color: #a3b5c0;}

#info .left div h3 {color: #e03e3b; font-size: 24px; margin-bottom: 0; margin-top: 0; }
#info .left div h4 {color: #e03e3b; font-size: 12px; margin-bottom: 0; margin-top: 0; }
#info .left div h4 span {font-size: 17px;}
#info .left div p {margin-top: 0; }
#info .left div img {margin-right: 20px; margin-bottom: 16px}
#info .left div a {color: #0033ff; text-decoration: none; font-weight: bold; }
#info .left div a:hover {text-decoration: underlined; }

#tandc {padding: 20px;}
#info .no_bg {background: none;}

/* Contest specific styles */
#divider { font: 12px Geneva, Arial, Helvetica, sans-serif; padding: 0; margin: 0; background: #000 url(../images/pyramid_bg.jpg) no-repeat 172px 46px;}
#wrap { width: 100%; padding: 0 0 30px 0; position: relative; margin-top: 3px;}

#form_wrap { margin: 40px; color: #eee; background:#000000 url(../images/form_hof_logo.png) no-repeat 461px 198px;  position: relative;}
#form_wrap p {color: #999999;}
#form_wrap .optin p {color: #fff;}
#form_wrap p, #form_wrap h2, form_wrap h3 { width: 601px; font-weight: normal;}
#form_wrap h2 {font-size: 21px; color: #fff;}
#form_wrap h2 strong {font-size: 40px;}
#form_wrap h3 {font-size: 18px;}
#form_wrap p strong {color: #fff;}
#form_wrap p strong.highlight {color: #ff3333;}
#form_wrap h2 strong.highlight {color: #ff3333;}
#form_wrap #por-logo {float: right; margin: 10px 0 0 0; }

/* Drag and drop styles 005284  */
#album-titles {   padding: 37px 0 0 40px; margin: 0;}
#album-titles div.album { width:258px; height: 20px; margin: 0;	padding: 0 0 3px; }
.album span { float: left; display: block; color: #fff; padding: 2px 0 2px 5px; font-size: 12px;}
.album div { height: 18px; width: 18px; padding: 0; border: 1px solid #fff; color: #fff; display: block; float: left; font-weight: bold; background: #666; text-align: center; }
.album.ui-state-disabled div, #covers div.guess.ui-state-disabled { background: #666; }
.album.ui-state-disabled div { background: #005284; }

#album-titles .album a {color: #F00; padding-left: 4px; text-decoration: none; font-size: 10px;}
#covers  { background: none;}
#covers div.guess { background: #005284; border: 1px solid #fff; position: absolute; height:15px; margin:4px 0 0 4px; padding:2px; width:15px; font-weight: bold; color: #FFF; }
div.guess { cursor: move;}
#covers div.guess div { text-align: center; width:100%; height: 100%;  }
#covers { width: 332px;	}
.p-row-1 { top: 133px;}
.p-row-2 { top: 164px;}
.p-row-3 { top: 246px;}
.p-row-4 { top: 276px;}
.p-row-5 {top: 359px;}
.p-row-6 {top: 388px;}
.p-row-7 {top: 473px;}
.p-row-8 {top: 504px;}
.p-row-9 {top: 586px;}

/* grid is 57 wide */
.p-col-1 { left: 230px; }
.p-col-2 { left: 287px; }
.p-col-3 { left: 344px; }	
.p-col-4 { left: 401px; }
.p-col-5 { left: 458px; }	
.p-col-6 { left: 515px; }
.p-col-7 { left: 572px; }	
.p-col-8 { left: 629px; }	
.p-col-9 { left: 686px; }	

#play-tab { padding-bottom: 50px;}
#play-tab a { float: right; padding: 1px 34px 0 0; }

#instruction {padding: 25px 17px 0 10px; float: right; width: 290px }
#instruction h2 {color: #ffffff; font-size: 18px; margin-bottom: 0; font-weight: normal;}
#instruction p {color: #ffffff; font-size: 12px; line-height: 19px;}
#instruction a {color: #33ccff; text-decoration: underline; }
#instruction a:hover {color: #33ccff; text-decoration: none; }
#instruction a img {color: #33ccff; text-decoration: none; }

#header h1  { display: none;}
#header h2 { font: bold 18px/23px Verdana, Arial, Helvetica, sans-serif; color: #000; margin:165px 0 0 46px;}

#info .left .social p { margin:0; padding: 0 0 7px; font-size: 14px; color: #555;}