/* section: stylized tags */

body
{
	margin: 0;
	padding: 0;
	background: #fff;
	text-align: center;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
}

.safari body
{
	line-height: 1.6em;
}

img
{
	border: none;
}

p.first
{
	margin-top: 0 !important;
}

a
{
	text-decoration: none;
}

	a:hover
	{
		text-decoration: underline;
	}

h1
{
	color: #000;
	font-size: 2em;
	font-weight: bold;
}

h2
{
	color: #000;
	font-size: 1.4em;
	font-weight: bold;
}

h3
{
	font-size: 1.8em;
	font-weight: bold;
}

/* end section */

/* section: global classes */

.wrapper
{
	overflow: auto;
	zoom: 1;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.linkable a
{
	width: 100%;
	height: 100%;
	display: block;
	cursor: pointer;
}

.linkable a span
{
	display: none;
}

.round-button
{
	width: 97px;
	height: 21px;
	padding: 0 9px;
	position: relative;
}

	.round-button em
	{
		font-style: normal;
		color: #fff;
		display: block;
	}

	.round-button .lt
	{
		position: absolute;
		width: 9px;
		height: 21px;
		left: 0;
		top: 0;
		background: url(../../images/bg/btn-lt.gif) no-repeat;
	}
	
	.round-button .rt
	{
		position: absolute;
		width: 9px;
		height: 21px;
		right: 0;
		top: 0;
		background: url(../../images/bg/btn-rt.gif) no-repeat;
	}
	
	.round-button .center
	{
		background: #000;
		text-align: center;
		height: 13px;
		padding: 2px 0;
		border-top: 2px solid #fff;
		border-bottom: 2px solid #fff;
	}
	
		.safari .round-button .center
		{
			padding: 1px 0 3px 0;
		}
	
	.round-button a
	{
		text-decoration: none !important;
	}
/* end section */

/* section: page layout and navigation */

#main-box
{
	position: relative;
	margin: 0 auto;
	width: 850px;
	padding-bottom: 10px;
	font-size: 1em;
	text-align: left;
	overflow: auto;
	zoom: 1;
}

#header-nav
{
	padding: 7px 23px 0 0;
	position: relative;
	height: 62px;
	text-align: right;
	color:#666262;
}
	
	#header-nav a
	{
		color: #666262;
	}

	#header-nav img
	{
		position: absolute;
	}

#nav
{
	position: relative;
	height: 24px;
	padding-left: 100px;
	background: url(../../images/bg/nav-bg.gif) left -21px repeat-x;
	z-index: 10;
}
	
	#nav ul
	{
		margin: 0;
		padding: 0;
		overflow: auto;
		zoom: 1;
	}
	
	#nav li
	{
		margin: 0 10px;
		padding: 0;
		list-style: none;
		float: left;
		font-size: 1.1em;
		color: #fff;
	}
	
		#nav li a
		{
			color: #fff;
		}
	
	#nav dl
	{
		margin: 0;
		padding: 0;
		position: relative;
	}
	
	#nav dt
	{
		background: none;
		padding: 3px 10px 4px;
		margin-bottom: 2px;
		cursor: pointer;
		white-space: nowrap;
	}
	
	.safari #nav dt
	{
		padding-top: 2px;
		padding-bottom: 3px;
	}

	#nav dt
	{
		font-weight: bold;
	}
	
	#nav dd
	{
		display: none;
		background: #c60c30;
		margin: 0;
		padding: 2px 10px;
		top: 5px;
		left: 0;
	}
	
	#nav dl:hover dt,
	#nav a:hover dt,
	#nav dl dt.on
	{
		background: url(../../images/bg/nav-bg.gif) left top repeat-x;
	}
		
	#nav li:hover dd,
	#nav li a:hover dd
	{
		display:block;
	}
	
	#nav dl a
	{
		display: block;
		text-decoration: none;
	}
	
	#nav li:hover dd a,
	#nav li a:hover dd a
	{
		display: block;
		color: #000;
	}

	#nav li:hover dd a:hover,
	#nav li a:hover dd a:hover
	{
		color: #fff;
	}
		
#footer
{
	padding: 0 24px;
	color: #808285;
}

#footer-copyright-nav
{
	overflow: auto;
	zoom: 1;
	border-bottom: 1px solid #bbb;
	padding: 5px;
}

#footer-copyright{
	float: left;
	display: inline;
}

#footer-nav{
	float: right;
	display: inline;
}

	#footer-nav a
	{
		color: #808285;
	}

#footer-disclaimer
{
	padding-top: 5px;
	font-size: 0.9em;
}

/* end section */

/* section: page layouts */

#page-body-box
{
	position: relative;
	padding: 150px 0 0 21px;
}

#page-body
{
	padding: 0 40px 20px 94px;
	width: 385px;
	background: #c60c30;
}

	#page-body h2
	{
		font-size: 1.8em;
		font-weight: bold;
	}
	
		#page-body h2.days-left
		{
			margin-top: -15px;
		}
		
			.safari #page-body h2.days-left
			{
				margin: 20px 0 30px 0;
			}
	
		#page-body h2.days-left span
		{
			position: relative;
			top: 15px;
			font-size: 3.6em;
			font-weight: bold;
			color: #fff;
		}
	
	#page-body h4
	{
		font-size: 1.1em;
		font-weight: bold;
		text-decoration: underline;
		color: #000;
		margin-bottom: 0;
	}
	
		#page-body h4 a
		{
			color: #000;
		}
	
	#page-body h5
	{
		font-size: 1.5em;
		font-weight: bold;
		color: #fff;
		margin: 0;
	}
	
	#page-body table
	{
		font-size: 1em;
	}
	
		#page-body table td
		{
			padding: 0 3px 3px 0;
		}
	
	#page-body p
	{
		font-size: 1.1em;
		color: #fff;
	}
	
	#page-body a
	{
		color: #fff;
		font-weight: bold;
		text-decoration: underline;
	}
	
	#page-body .step p
	{
		margin-left: -10px;
		padding-left: 40px;
	}
	
	#page-body #step1 p {background: url(../../images/bg/1.gif) no-repeat;}
	#page-body #step2 p {background: url(../../images/bg/2.gif) no-repeat;}
	#page-body #step3 p {background: url(../../images/bg/3.gif) no-repeat;}

.home-page #page-body-box
{
	padding: 0;
	padding-top: 371px;
}

.home-page .phaseSubmit
{
	background: url(../../images/bg/home-vote.jpg);
}

.home-page .phaseVote
{
	background: url(../../images/bg/home-vote.jpg);
}

.home-page .phaseWin
{
	background: url(../../images/bg/home-win.jpg);
}

	.home-page #page-body-box #flashcontent
	{
		position: absolute;
		top: 128px;
		left: 423px;
	}

	.home-page #page-body-box .win-link
	{
		position: absolute;
		top: 87px;
		left: 332px;
		width:500px;
		height:230px;
	}
	
	.home-page #clickbox
	{
		position: absolute;
		width: 850px;
		height: 371px;
		top:0;
		left: 0;
	}
	
	.home-page #boxes
	{
		background: #000;
		padding: 3px 20px;
		overflow: auto;
		zoom: 1;
	}
	
		.home-page #boxes .box
		{
			position: relative;
			float: left;
			width: 268px;
			height: 124px;
			background: #c60c30 url(../../images/bg/home-box-bg.gif) repeat-x;
		}
		
			.fr .home-page #boxes .box
			{
				height: 144px;
			}
		
		.home-page #boxes #box1,
		.home-page #boxes #box2
		{
			margin: 0 3px 0 0;
		}
		
		.home-page #boxes .box .round-button
		{
			position: absolute;
			right: 20px;
			bottom: 10px;
		}
		
		.home-page #boxes .box p
		{
			color: #fff;
			margin: 10px 20px 0;
			font-size: 1.1em;
		}
		
		.home-page #boxes .box h1
		{
			margin: 5px 0 0 20px;
		}
		
			.safari .home-page #boxes .box h1
			{
				margin: 8px 0 0 20px;
			}
		
		.home-page #boxes .box h2
		{
			margin: 0 0 0 98px;
		}

		.home-page #boxes #box3 p
		{
			margin: 10px 20px 0 132px;
		}
		
		.home-page #boxes #box3 h1
		{
			margin: 5px 0 0 132px;
		}

			.safari .home-page #boxes #box3 h1
			{
				margin: 8px 0 0 132px;
			}
		
		.home-page #boxes #box3 h2
		{
			text-align: right;
			margin: 0 20px;
		}

.how-page #page-body-box
{
	background: #000 url(../../images/bg/how.jpg) no-repeat;
}

.guidelines-page #page-body-box
{
	background: #000 url(../../images/bg/guidelines.jpg) no-repeat;
}

.challenge-page #page-body-box
{
	background: #000 url(../../images/bg/challenge.jpg) no-repeat;
}

.prizes-page #page-body-box
{
	background: #000 url(../../images/bg/prizes.jpg) no-repeat;
}
	
	.prizes-page #page-body
	{
		padding-left: 21px;
		padding-right: 38px;
		width: 460px;
	}

.judges-page #page-body-box
{
	background: #000 url(../../images/bg/judges.jpg) no-repeat;
}

	.judges-page #page-body
	{
		padding-left: 21px;
		padding-right: 38px;
		width: 460px;
	}
	
.press-page #page-body-box
{
	background: #000 url(../../images/bg/press.jpg) no-repeat;
}

.w2010 #page-body-box
{
	background: #000 url(../../images/bg/winners-2010.jpg) no-repeat;
}

.w2009 #page-body-box
{
	background: #000 url(../../images/bg/winners-2009.jpg) no-repeat;
}

.w2008 #page-body-box
{
	background: #000 url(../../images/bg/winners-2008.jpg) no-repeat;
}

	.winners-page #page-body
	{
		padding-left: 21px;
		padding-right: 28px;
		width: 470px;
	}

.privacy-page #page-body-box
{
	background: #000 url(../../images/bg/privacy.jpg) no-repeat;
}

.terms-page #page-body-box
{
	background: #000 url(../../images/bg/terms.jpg) no-repeat;
}

.rules-page #page-body-box
{
	background: #000 url(../../images/bg/rules.jpg) no-repeat;
}

.video-page #page-body-box
{
	padding:0;
}

.video-page #page-body
{
	padding:0;
	width:inherit;
}


.confirmation-page #page-body-box
{
	background: #000 url(../../images/bg/confirmation.jpg) no-repeat;
}

	.confirmation-page #page-body
	{
		padding-left: 21px;
		padding-right: 38px;
		width: 460px;
	}

/* end section */

/* section: rounded corner boxes */

.round-corner
{
	position: relative;
	padding: 0 30px;
	margin: 0 0 7px 0;
	border: 2px solid #fff;
}

	.judges-page .round-corner
	{
		height: 125px;
	}
	
		.judges-page .round-corner .wrapper
		{
			margin-right: -30px;
			overflow: hidden;
		}
		
		.judges-page .round-corner .left
		{
			width: 290px;
		}
		
		.judges-page .round-corner h3
		{
			margin-top: 6px;
		}
		
		.judges-page .round-corner p
		{
			margin: 3px 0 0 0;
		}
		
		.judges-page .round-corner img
		{
			float: right;
		}
		
		.judges-page .round-corner .tl
		{
			margin: 0 0 -33px 0;
		}
		
		.judges-page .round-corner .br
		{
			margin: -33px 0 0 0;
		}
		
		.prizes-page .round-corner .right,
		.prizes-page .round-corner .left
		{
			width: 187px;
		}
		
	.round-corner div.image
	{
		position: absolute;
	}
		
	.round-corner #img1 {width: 270px; height: 198px; background: url(../../images/prizes/1.png) no-repeat; top: -20px; right: -40px;}
	.round-corner #img2 {width: 267px; height: 190px; background: url(../../images/prizes/2.png) no-repeat; top: -7px; left: -30px;}
	.round-corner #img3 {width: 241px; height: 167px; background: url(../../images/prizes/3.png) no-repeat; top: -7px; right: -30px;}
	.round-corner #img4 {width: 198px; height: 178px; background: url(../../images/prizes/4.png) no-repeat; top: -7px; left: 20px;}
	.round-corner #img5 {width: 188px; height: 156px; background: url(../../images/prizes/5.png) no-repeat; top: -7px; right: 50px;}
	.round-corner #img6 {width: 165px; height: 156px; background: url(../../images/prizes/6.png) no-repeat; top: -7px; left: 20px;}
	.round-corner #img7 {width: 150px; height: 67px; background: url(../../images/prizes/7.png) no-repeat; top: 20px; right: 60px;}

	.round-corner em
	{
		position: relative;
		display: block;
		height: 33px;
	}

	.round-corner .tl
	{
		top: -2px;
		left: -32px;
		background: url(../../images/bg/round-corners.gif) left top no-repeat;
		margin: 0 0 -25px 0;
	}
	
	.round-corner .br
	{
		top: 2px;
		right: -32px;
		background: url(../../images/bg/round-corners.gif) right -33px no-repeat;
		margin:  -25px 0 0 0;
	}
	
	.round-corner p
	{
		margin: 0;
	}
	
	.round-corner h3
	{
		color: #fff;
		margin: 0;
	}
	
	.round-corner ul
	{
		list-style: none;
		margin: 15px 0 0 0;
		padding: 0;
		font-size: 1.1em;
		color: #fff;
	}
	
/* end section */

/* section: judges */

.portrait
{
	position: absolute;
	bottom: 0;
	left: 0;
}

#charles-hamelin    {width: 144px; height: 124px; background: url(../../images/judges/charles-hamelin.png);}
#jeremy-wotherspoon {width: 137px; height: 124px; background: url(../../images/judges/jeremy-wotherspoon.png);}
#jessica-gregg      {width: 145px; height: 123px; background: url(../../images/judges/jessica-gregg.png);}
#denny-morrison     {width: 131px; height: 122px; background: url(../../images/judges/denny-morrison.png);}
#kristina-groves    {width: 159px; height: 122px; background: url(../../images/judges/kristina-groves.png);}
#kalyna-roberge     {width: 143px; height: 123px; background: url(../../images/judges/kalyna-roberge.png);}

/* end section */

/* all defs below are from previous iterations, need cleaning up*/

#video-box{
float:left;
padding:109px 0 0 358px;
width:320px;
}
#video-player{
float:left;
width:100%;
}
#video-copy{
float:left;
width:100%;
color:#fff;
font-size:10px;
padding-top:8px;
}
.content-box{
float:left;
padding:13px 0 13px 9px;
width:307px;
}
#submit-box-top{
float:left;
width:307px;
height:48px;
background:url(../images/module-prizes.gif) no-repeat top;
}
#winners2009-box-top{
float:left;
width:307px;
height:48px;
background:url(../images/module-winners2009.jpg) no-repeat top;
}
.box-middle{
float:left;
width:303px;
background:url(../images/module-middle.gif) no-repeat top;
background-color:#89BDD4;
border-left:2px solid #F6923C;
border-right:2px solid #F6923C;
}
.submit-box-copy{
float:left;
padding:8px 12px 0 12px;
color:#fff;
min-height:55px;
}
.box-bottom{
float:left;
width:307px;
height:20px;
background:url(../images/module-bottom.gif) no-repeat bottom;
}
.box-bottom div{
padding-left:111px;
}
#prizes-box-top{
float:left;
width:307px;
height:48px;
background:url(../images/module-submitvideo.gif) no-repeat top;
}
#begin-box-top{
float:left;
width:307px;
height:48px;
background:url(../images/module-voting-begins.gif) no-repeat top;
}
#votenow-box-top{
float:left;
width:307px;
height:48px;
background:url(../images/module-votenow.gif) no-repeat top;
}

/* ENTER PAGE */
.rules
{
	display:none;
}

input, select
{
	border: 1px solid #5dc0ea;
	width: 260px;
	color: #555;
	font-size: 12px;
}

iframe
{
	border: 1px solid #5dc0ea;
	width: 260px;
	height: 60px;
}

#birthDay, #birthMonth
{
	width:67px;
}

#birthYear
{
	width:68px;
}

#province
{
	width:262px;
}

#authorization, #optin
{
	width:auto;
	background:none;
}

#wait
{
	display: none;
}

form div#wait
{
	display: none;
}

.hidden
{
	display:none;
}

#enter-space
{
	float: left;
	display: inline;
	margin-left: 70px;
}

.entry-text p
{
	margin: 0;
}

.checkbox-item input
{
	border: none;
}

/* UPLOAD PAGE */
#imageUpload ol{
padding-left:20px;
color: #fff;
font-size: 1.1em;
}
#file-box{
padding-bottom:20px;
}
#file-box input{
width:325px;
}
#upload-box{
padding-bottom:10px;
}

.winner-box{
overflow: auto;
zoom: 1;
padding-bottom:15px;
border-bottom:1px solid #f26728;
margin-bottom:15px;
}
.winner-film{
float:left;
}
.winner-text{
float:left;
width:180px;
padding-left:10px;
}

.press-list{
padding-right: 80px;
}

/* NAVIGATION ITEMS */
#upload-box a{
height:15px;
background:0 -15px no-repeat;
display:block;
text-decoration:none;
float:left;
}
#entry-box a{
height:13px;
background:0 -13px no-repeat;
display:block;
text-decoration:none;
float:left;
}
.box-bottom a{
height:10px;
background:0 -10px no-repeat;
display:block;
text-decoration:none;
float:left;
}
