/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

/* General styles
----------------------------------------------------------*/
.fl{float:left;}
.fr{float:right;}
.clr{clear:both;}
.lh {line-height:65px;}
body{
/*    background:#000000 url("../images/bg3.jpg") repeat center top;*/
    background:#000000 url("../images/bg4.jpg") repeat center top;
    font-family:"Trebuchet MS", Helvetica, sans-serif;
    font-size:12px;
    line-height:13px; 
    color:whitesmoke;
}
#wrapper{
    position:relative;
    margin:0 auto;
    width:1000px;
    height:700px;
	min-height:750px;
    text-align:center;
}
#wrapper.thankyou,
#wrapper.submit,
#wrapper.home {
	width:900px;
}
h1,h2,a.submit-prediction{text-indent:-9999px;white-space:nowrap;}
h1{}
h2{}
h3{}
p{}
a:link,a:visited{color:whitesmoke;text-decoration: none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:hover,a:active{outline:none;}

/* Landing Page
----------------------------------------------------------*/
.prize {
	padding-top:30px;
}
.abs {
	position:absolute;
}
.mute {
	display:none;
}
#channel1{
	bottom: 10px;
	position: absolute;
	right: 0;
}
#muteButton {height: 30px; left: 0; position: absolute !important; bottom: 10px; width: 30px;}
#muteOn {width:30px; height:30px;}
#muteOff {width:30px; height:30px;}
#wrapper.thankyou,
#wrapper.submit,
#wrapper.home{
    background: transparent url("../images/home.png") no-repeat center top;
}
.submit .center {
	margin-top:145px !important;
}
.thankyou .center {
	margin-top:170px !important;
}
.thankyou .center,
.submit .center,
.home .center{
    width:530px;
    margin:0 auto;
    margin-top:247px;
}
.thankyou .center h3,
.thankyou .center p,
.thankyou .center a,
.submit .center h3,
.submit .center p,
.submit .center a,
.home .center h3,
.home .center p,
.home .center a,
#footer{margin:0 auto;}
.thankscopy {
	font-size: 24px !important;
	line-height: 24px !important;
	padding-top:30px;
}
a.submit-prediction{
    display:block;
    width:448px;
    height:49px;
    background: transparent url("../images/submit-btn-home.png") no-repeat center top;
    outline: none;
}
a.submit-prediction.active{
    background: transparent url("../images/submit-btn-home-a.png") no-repeat center top;
}
.thankyou .center p{
	margin-top: 10px;
	min-height: 70px;
	text-align: justify;
}
.submit .center p{
	margin-top: 10px;
	min-height: 70px;
	text-align: justify;
}
.home .center p{
    margin-top:30px;
    text-align:justify;
/*    text-justify:newspaper;*/
}
#footer{
    width: 180px;
    margin-top:32px;
}
#footer.updated{
	width: 450px;
}
#footer.updated p{
	text-align:center;
	margin-right:15px;
}
.footer-img {
	padding: 0 15px;
	vertical-align: middle;
}
/* Contest Page
----------------------------------------------------------*/
#wrapper.thankyou{
    background: transparent url("../images/thankyou.png") no-repeat center top;
}
#wrapper.submit{
    background: transparent url("../images/submit.png") no-repeat center top;
}
#wrapper.contest{
    background: transparent url("../images/selection.png") no-repeat center top;
}
#contest{
/*    margin:0 auto;*/
/*    margin-top:77px;*/
position:absolute;
top:77px;
left:0;
width:100%;

    text-align:center;
    overflow:hidden;
    /*    border:1px dotted yellowgreen;*/
}
#teams-away, #teams-home{
    width:460px;
	height:50px;
}
/*#teams{
        height:56px;
    overflow:hidden;
}*/

/* =Teams helmets
----------------------------------------------------------*/
.ui-draggable{cursor: move;}
#teams-away{
    margin-left:18px;
    /*    border:1px dotted green;*/
}
#teams-bye{
    /*    border:1px dotted orange;*/
    width:42px;
    margin:0 auto;
}
#teams-home{
    margin-right:20px;
    /*    border:1px dotted green;*/
}
#teams-away div,#teams-bye div,#teams-home div{
    width:57px;
    height:50px;
}
#teams-away div{
    float:left;
}
#teams-home div{
    float:right;
}
#teams-home div.pushleft{
   width:60px;
}
#team-1{background:transparent url("../images/sprite.png") -1px 0 no-repeat !important;}
#team-2{background:transparent url("../images/sprite.png") -58px 0 no-repeat !important;}
#team-3{background:transparent url("../images/sprite.png") -115px 0 no-repeat !important;}
#team-4{background:transparent url("../images/sprite.png") -172px 0 no-repeat !important;}
#team-5{background:transparent url("../images/sprite.png") -229px 0 no-repeat !important;}
#team-6{background:transparent url("../images/sprite.png") -286px 0 no-repeat !important;}
#team-7{background:transparent url("../images/sprite.png") -343px 0 no-repeat !important;}
#team-8{background:transparent url("../images/sprite.png") -400px 0 no-repeat !important;}

#team-9{background:transparent url("../images/sprite.png") -479px 0px no-repeat !important;}

#team-17{background:transparent url("../images/sprite.png") -1px -125px no-repeat !important;}
#team-16{background:transparent url("../images/sprite.png") -58px -125px no-repeat !important;}
#team-15{background:transparent url("../images/sprite.png") -115px -125px no-repeat !important;}
#team-14{background:transparent url("../images/sprite.png") -172px -125px no-repeat !important;}
#team-13{background:transparent url("../images/sprite.png") -229px -125px no-repeat !important;}
#team-12{background:transparent url("../images/sprite.png") -286px -125px no-repeat !important;}
#team-11{background:transparent url("../images/sprite.png") -343px -125px no-repeat !important;}
#team-10{background:transparent url("../images/sprite.png") -400px -125px no-repeat !important;}
/*
#team-18{background:transparent url(../images/sprite.png) -942px 0 no-repeat !important;}


#away-1{background:transparent url(../images/sprite.png) -24px 0 no-repeat !important;}
#away-2{background:transparent url(../images/sprite.png) -76px 0 no-repeat !important;}
#away-3{background:transparent url(../images/sprite.png) -128px 0 no-repeat !important;}
#away-4{background:transparent url(../images/sprite.png) -180px 0 no-repeat !important;}
#away-5{background:transparent url(../images/sprite.png) -232px 0 no-repeat !important;}
#away-6{background:transparent url(../images/sprite.png) -284px 0 no-repeat !important;}
#away-7{background:transparent url(../images/sprite.png) -336px 0 no-repeat !important;}
#away-8{background:transparent url(../images/sprite.png) -388px 0 no-repeat !important;}

#bye-9{background:transparent url(../images/sprite.png) -457px 0 no-repeat !important;}

#home-10{background:transparent url(../images/sprite.png) -890px 0 no-repeat !important;}
#home-11{background:transparent url(../images/sprite.png) -838px 0 no-repeat !important;}
#home-12{background:transparent url(../images/sprite.png) -786px 0 no-repeat !important;}
#home-13{background:transparent url(../images/sprite.png) -734px 0 no-repeat !important;}
#home-14{background:transparent url(../images/sprite.png) -682px 0 no-repeat !important;}
#home-15{background:transparent url(../images/sprite.png) -630px 0 no-repeat !important;}
#home-16{background:transparent url(../images/sprite.png) -578px 0 no-repeat !important;}
#home-17{background:transparent url(../images/sprite.png) -526px 0 no-repeat !important;}
#home-18{background:transparent url(../images/sprite.png) -942px 0 no-repeat !important;}
*/

/* Week Slots - Droppable
----------------------------------------------------------*/
#week-slots{
    overflow:hidden;
    margin-top:29px;
    padding: 0 46px;
	height:540px;
    
/*    border:1px solid green;*/
}
#weeks-left,
#weeks-right{
    width:405px;

/*    border:1px solid white;*/
}

#weeks-left{
    text-align:left;
    padding-left:11px;
	position:absolute;
}
#weeks-right{
    text-align:right;
    padding-right:14px;
}
#weeks-left .week {
    background: url("../images/left-helmet-bg.jpg") no-repeat scroll left -4px transparent;
}
#weeks-right .week {
	background: url("../images/right-helmet-bg.jpg") no-repeat scroll right -4px transparent;
}
.week{
    width:100%;
    height:50px;
    padding-bottom:10px;

/*    border:1px dotted red;*/
}
#weeks-left .left-bye{
    background:transparent url(../images/right-bye.png) top right no-repeat;
}
#weeks-right .right-bye{
    background:transparent url(../images/right-bye.png) top left no-repeat;
}
#weeks-left .left-blue{
/*    background:transparent url(../images/sprite.png) -10px -110px no-repeat !important;*/
    background:transparent url(../images/left-blue.png) top right no-repeat;
}
#weeks-left .left-red{
/*    background:transparent url(../images/sprite.png) -10px -171px no-repeat !important;*/
    background:transparent url(../images/left-red.png) top right no-repeat;
}
#weeks-right .right-blue{
    background:transparent url(../images/right-blue.png) top left no-repeat;
}
#weeks-right .right-red{
    background:transparent url(../images/right-red.png) top left no-repeat;
}

/*.helmet-drop{
    width:70px;
    height:50px;
}*/
#weeks-left .week-count,
#weeks-left .team-name{
    margin-left: 95px;
}
#weeks-right .week-count,
#weeks-right .team-name{
    margin-right: 100px;
}
.week-count{
    padding-top:6px;
    font-weight:bold;
    color:#ffffff;

}
.team-name{
    padding-top:5px;
    font-size: 19px;
    font-weight:bold;
    color:#424242;
}
.submit-teams-btn{
	display: block;
	left: 261px;
	position: absolute;
	top: 5px;
	width: 450px;
}
.submit-teams-btn .normal,
.submit-teams-btn .active
{
	position:absolute;
	top:0px;
	left:0px;
	width:450px;
	height:51px;
	display:block
}
.submit-teams-btn.hidden {
	display:none;
}
/*.hovered{border:1px dotted whitesmoke;}*/

#fullheightwrapper {
	background: url("../images/black_lozenge.png") repeat scroll left top transparent;
	margin: 0 auto;
	width: 900px;
}
#fullheightwrapper.fhcontest {
	width: 1000px;
}
#fname,
#lname,
#email,
#zip {
	background: url("../images/input-bg.png") no-repeat scroll left top transparent;
	border: medium none;
	color: #FFFFFF;
	display: block;
	font-size: 19px;
	height: 49px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 359px;
}
.checkbox {height: 22px; line-height: 22px; margin: 0 auto; position: relative; width: 315px;}
.checkbox .checkbox-a {display: inline-block; height: 22px; position: relative; vertical-align: middle; width: 315px;}
.checkbox .checkbox-a img{display: inline-block; left: 0; position: absolute; padding-top:3px; top: 0; vertical-align: middle; width: 17px;}
.checkbox .checkbox-a img.hidden {display:none;}
.checkbox span {color: #white; font-size: 12px; height: 27px; line-height: 22px; margin-left: 30px; text-align: center; display: inline-block;}
.submit-schedule {
  display: block;
  height: 27px;
  padding-top: 5px;
  width: 217px;
}
.thanks-copy {display: block; margin: 0 auto; width: 400px;}
.thanks-copy a{display:inline-block; width:139px; height:139px;}
.thanks-copy p {
	font-size: 17px;
	line-height:18px;
	text-align: center !important;
}