﻿/*
 * 
 * 	Advantech - Video Contest
 *  Sarah Goin | E-dreamz 2009
 * 
 */

/* Navigation */
.navBarVC{height: 53px; width: 960px; position: absolute; bottom: 0; left: 0;}
 
#navVC {margin: 0; padding: 0; height: 53px; list-style: none; display: inline; overflow: hidden;}
#navVC li {margin: 0; padding: 0; list-style: none; display: inline;}
#navVC a {float: left; padding: 53px 0 0 0; width:320px; overflow: hidden; height: 0px !important; height /**/:53px; /* for IE5/Win only */}	
#navVC a:hover {background-position: 0 -53px;}
#navVC a:active, #navVC a.selected {background-position: 0 -106px;}
	
#tcontest a  {background: url(/images/video-contest/nav_contest.gif) top left no-repeat;}	
#tenter a  {background: url(/images/video-contest/nav_enter.gif) top left no-repeat;}
#tcast a  {background: url(/images/video-contest/nav_cast.gif) top left no-repeat;}
#tsubmission a  {background: url(/images/video-contest/nav_submission.gif) top left no-repeat;}

/* Buttons/Headers */
/*a.btn-back {float:left; width:142px; height:31px; background:url(/images/video-contest/btn-back.gif) 0 0 no-repeat; text-indent:-9999em; margin-left:15px; margin-top:10px;}*/
a.btn-vote-now {float:left; width:125px; height:31px; background:url(/images/video-contest/btn-vote-now.gif) 0 0 no-repeat; text-indent:-9999em; margin-top:5px;}
a.btn-vote-now:hover {background-position:0 -31px;}

a.btn-enter {float:left; width:125px; height:31px; background:url(/images/video-contest/btn-enter.jpg) 0 0 no-repeat; text-indent:-9999em; margin-left:0; margin-top:10px; }
a.btn-enter:hover {background-position:-125px 0;}

a.btn-watch {float:left; width:95px; height:16px; background:url(/images/video-contest/btn-watch.gif) 0 0 no-repeat; text-indent:-9999em; margin:0 8px 0 5px;}
/*a.btn-view {float:left; width:49px; height:16px; background:url(/images/video-contest/btn-view.gif) 0 0 no-repeat; text-indent:-9999em; margin:0 8px 0 5px;}*/
a.btn-vote {float:left; width:49px; height:16px; background:url(/images/video-contest/btn-vote.gif) 0 0 no-repeat; text-indent:-9999em;}
a.btn-view:hover, a.btn-vote:hover {background-position:0 -16px;}

h1.video {height:40px; margin-bottom:5px; text-indent: 0; background:none;}
h2.video {font-size:24px; color:#015792; font-weight:normal;}
h3.video {font-size:16px; color:#015792; font-weight:bold; margin:5px;}
h4.video {font-size:14px; color:#015792; font-weight:bold; margin-bottom:3px;}

.form-enter {float:left; margin-left:15px; width:535px;}
.submit-offline {float:right; width:325px; margin:15px;}
.submit-offline p{padding: 10px;}
.info-pop {width:600px;}

/* Contest Details */
#content {background:#fff url(/images/video-contest/bg-content.jpg) left top no-repeat;  padding: 45px 15px 20px 15px;}
.content-home { background:url(/images/video-contest/bg-content-home.jpg) left bottom no-repeat; margin:-20px -15px -45px -15px; padding: 20px 15px 20px 30px;}
.panel-img {margin-top:-1px;}
.contest-info {float:left; width:560px; margin-bottom:10px;}
.giftcard {float:right; width:320px; margin:10px 15px 0 0;}
.inspiration {float:left; width:100%;}

#videoRow{width: 930px; float: left; font-size: 11px;}
#videoRow h3{font-size: 16px;}
.videoItem {float:left; margin-right:12px;}
.videoItem.last {margin-right:0;}
 	#videoBlock, #videoBlock2, #videoBlock3{background:url(/images/video-contest/bg-video.png) 0 0 no-repeat; width:293px; height:267px; padding:8px; margin-left:-7px;}
	#textBlock3 { width: 293px; height: 267px; padding: 8px; margin-left: -7px;}
 	
/* Cast Vote */
.thumbRow {float:left; width:830px; padding:20px 50px; background:#d3a30a url(/images/video-contest/bg-thumbRow.gif) 0 0 repeat-x;}
.thumbItem {float:left; width:163px; margin-right:58px;}
.thumbItem.last {margin-right:0;}
.thumbItem h3{font-size: 12px; margin:0 0 5px 5px;}
.thumbItem .block {width:147px; min-height:170px; background:url(/images/video-contest/bg-block.png) bottom left no-repeat; padding:6px 8px;}
.thumbItem .block .name {font-size:12px; font-weight:bold; margin-top:5px; line-height:12px;}
.thumbItem .block .location {font-size:10px; font-weight:bold; margin-bottom:3px;}
.thumbItem .block .desc{font-size:10px;}

.video-info .name {font-size:15px; font-weight:bold; margin-top:8px; line-height:14px;}
.video-info .location {font-size:12px; font-weight:bold; margin-bottom:3px;}
.video-info .desc{font-size:12px; margin-bottom:10px;}

.terms {width:505px; height:200px; padding: 5px; border: 1px solid; overflow-y: scroll;}

.rules-regulations {height:500px; overflow:auto; padding-right:20px; border:1px solid #fff;}