﻿/* ---- START OF GLOBAL ELEMENTS ---- */
*
{
    margin: 0;
    padding: 0;
}

ol, ul
{
	margin:8px 0;
	padding:0 0 0 20px
}
ol li, ul li
{
	margin:0 0 8px;
}


.center {margin 0 auto;}

html body
{
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
    line-height: 15px;
    background-color: #000;
    color: #fff;
}

html body#commercials
{
    background-color: #27565D;
    background-image: url(../i/bg_commercials.jpg);
	background-repeat: repeat-x;
}

a:link, a:active, a:visited
{
	color: #FFB005;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

/** Hack for IE to use PNG Background **/
* a, * input, .matchup_wrap, * textarea
{
	position: relative;
}

img
{   
	border: 0;
}

h1
{
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}

.h1
{
    display: block;
    padding: 0 0 5px 0;
}

h2
{
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 10px 0;
}

.h2
{
    display: block;
    padding: 0 0 7px 0;
}

h3
{
	font-size: 11px;
	font-weight: bold;
	margin: 0;
}

.lt td
{
   background-color: #67898E;
   padding: 10px 0 10px 15px; 
}

.dk td
{
   background-color: #5A7E83;
   padding: 10px 0 10px 15px;
}

p
{
	margin: 0 0 15px 0;	
}

ul
{
	margin: 0 0 15px 0;
}

.block
{
	display: block;
}

.clearer
{
    clear: both;
    height: 0;
    line-height: 0;
}

.clr
{
    clear: both;
}

.mainError
{
    padding: 0 4px;
    background-color: Red;
    color: #FFF;
	text-transform:uppercase;
	text-align:center;
}
.error
{
    padding: 0 2px;
    margin:0 auto;
    background-color: Red;
    color: #FFF;
	text-transform:uppercase;
	text-align:center;
	width:inherit;
	position:relative;
}

.error2
{
    padding: 0 3px 3px 0;
    color: Yellow;
}

.final_score
{
    text-align: center;
    margin: 10px 20px 0 0;
    font-size: 17px;
    line-height: 21px;
    font-weight: bolder;
}

.fl
{
    float: left;
}

.fr
{
    float: right;
}

.hr_61888D
{
    height: 1px;
    background-color: #96B1B5;
}

.note
{
    font-style: italic;
}

.c95999E
{
    color: #95999E;
}

.rel_holder
{
    position: relative;
}

.textfield
{
    margin: 0 0 3px 0;
    display: block;
}


/* ---- END OF GLOBAL ELEMENTS ---- */

/* ---- START OF MAIN LAYOUT ---- */
#wrap
{   
	margin: 0 auto;
	width: 840px;
	position: relative;
}

.logo
{
    position: absolute;
    width: 168px;
    height: 95px;
    top: 81px;
    left: 575px;
    display: block;
    z-index: 10;
}

#nav
{
    width: 700px;
    height: 34px;
    margin: 16px 0 0 10px;
}

#nav a
{
    display: block;
    float: left;
}

#nav a img
{
    display: block;
}

#top_hr
{
    width: 799px;
    height: 7px;
    border-top: 1px solid #B1B2B2;
    border-right: 1px solid #B1B2B2;
    border-left: 1px solid #B1B2B2;
    margin: 0 0 31px 3px;
}

#btm_hr
{
    clear: both;
    width: 799px;
    height: 7px;
    border-right: 1px solid #B1B2B2;
    border-left: 1px solid #B1B2B2;
    border-bottom: 1px solid #B1B2B2;
    margin: 30px 0 25px 2px;
}

#lcol
{
    width: 504px;
    float: left;
}

.padding_top_120 /* IE */
{
	padding-top:140px !important;
}

* > .padding_top_120 /* FireFox */
{
	padding-top:120px !important;
}

#rcol
{	
    display: inline;
    width: 332px;
    padding: 0px 0 0 0;
    float: right;
}

.rcol_position
{
    position:absolute;
    left: 504px;
}

#ftr
{
    color: #F19D17;
    text-align: center;
    font-size: 10px;
    padding: 0 0 10px 0;
}

#ftr .legal
{
    color: #fff;
}

#ftr a.caplink:link, a.caplink:active, a.caplink:visited
{
	color: #fff;
	text-decoration: none;
}

#ftr a.caplink:hover
{
    text-decoration: underline;
}

/* ---- END OF MAIN LAYOUT ---- */

.opc_fcol_wrap
{
    width: 769px;
    margin: 0 0 0 16px;   
}

.opc_lcol_wrap
{
    /*width: 479px;*/
    width: 487px;
    padding: 0 0 40px 18px;   
    margin-left: -6px;
}

.opc_rcol_wrap
{
    width: 280px;
    padding: 0 0 0 0;   
}

.opc_lcol_ltabl
{
    background-image: url(../i/bg_opc_tab_leftl.gif);
	background-repeat: no-repeat;
	padding: 6px 0px 0 6px;
	height: 24px;
	float: left;
}

.opc_lcol_ltabl_txt_on, .opc_lcol_ltabr_txt_on
{
    background-image: url(../i/bg_opc_tab_leftl.gif);
	background-repeat: no-repeat;
	height: 30px;
	float: left;
	padding: 0 0 0 15px;
}

.opc_lcol_ltabr_txt_on
{
    background-image: url(../i/bg_opc_tab_leftr.gif);
}

.opc_lcol_ltabl_txt_on a:link, .opc_lcol_ltabl_txt_on a:active, .opc_lcol_ltabl_txt_on a:visited, .opc_lcol_ltabr_txt_on a:link, .opc_lcol_ltabr_txt_on a:active, .opc_lcol_ltabr_txt_on a:visited
{
    display: block;
    padding: 6px 3px 0 9px;
    font-weight: bold;
    color: #FFB823;
	text-decoration: none;
}

.opc_lcol_ltabl_txt_on a:hover
{
	display: block;
    padding: 6px 3px 0 9px;
	text-decoration: underline;
}

.opc_lcol_ltabl_txt, .opc_lcol_ltabr_txt
{
	height: 30px;
	float: left;	 
}

.opc_lcol_ltabl_txt a:link, .opc_lcol_ltabl_txt a:active, .opc_lcol_ltabl_txt a:visited
{
    display: block;
    padding: 6px 3px 0 9px;
    font-weight: bold;
    color: #FFF;
	text-decoration: none;
}

.opc_lcol_ltabl_txt a:hover
{	
	display: block;
    padding: 6px 3px 0 9px;
	text-decoration: underline;
		
}

.opc_lcol_ltabr
{
    background-image: url(../i/bg_opc_tab_leftr.gif);
	background-repeat: no-repeat;
	background-position: 100% 0;
	height: 30px;
	width: 7px;
	float: left;
}

.opc_lcol_ltabr_txt, .opc_lcol_ltabr_txt_on
{
    height: 30px;
	float: left;
}



.opc_lcol_ltab
{
    height: 16px;
	padding: 14px 0 0 6px;
	background-repeat: no-repeat;
    background-image: url(../i/bg_opc_tab_left.png);
}

.opc_lcol_top
{
	height: 9px;
	background-image: url(../i/bg_opc_lcol_top.png);
	background-repeat: no-repeat;
}

.opc_fcol_top
{
	height: 10px;
	background: url(../i/bg_opc_fcol_top.png) no-repeat;
	_background-position: 0 -10000px;
}

.opc_rcol_top
{
    background-image: url(../i/bg_opc_rcol_top.gif);
	background-repeat: no-repeat;
	height: 10px;
}

.opc_lcol_top_round
{
    height: 9px;
	background: url(../img/bg_opc_lcol_top_round.png) no-repeat;
}

.opc_fcol_mid
{
	width: 674px;
	padding: 15px 60px 15px 35px;
	background: url(../i/bg_opc_fcol_mid.png);
}

.opc_lcol_mid
{
    width: 457px;
    padding: 15px 17px 15px 17px;
	background-image: url(../img/bg_opc_lcol_mid.png);
	background-repeat: no-repeat;
}

.opc_rcol_mid
{
    background-image: url(../i/bg_opc_rcol_mid.gif);
	background-repeat: repeat-y;
	width: 260px;
	padding: 10px 10px 5px 18px; 
}

.opc_fcol_btm
{
	height: 20px;
	background: url(../img/bg_opc_fcol_btm.png) no-repeat;
}

.opc_lcol_btm
{
	height: 19px;
	background: url(../img/bg_opc_lcol_btm.png) no-repeat;
}

.opc_rcol_btm
{
    background-image: url(../i/bg_opc_rcol_btm.gif);
	background-repeat: no-repeat;
	height: 13px;
}


/* ---- START FLASH WRAPPERS ---- */

#homeFlashWrap
{
    width: 505px;
    height: 366px;
}

#leaderboardWrap
{
    width: 284px;
    height: 220px;
    padding: 0 0 0 3px;
}

#voteWrap
{
    width: 284px;
    height: 447px;
}

#schedWrap
{
    width: 284px;
    height: 500px;
}

#commercWrap
{
    margin: 0 0 0 -20px;
}

#commTmbWrap
{
    margin: 15px 0 0 0
}

.commTmb
{
    background-image: url(../i/bg_comm_tmb.gif);
    background-repeat: no-repeat;
    width: 59px;
    height: 39px;
    padding: 5px 0 5px 4px;
    margin: 0 15px 20px 0;
    float: left;
    display: block;
}
/* ---- END FLASH WRAPPERS ---- */





