﻿* {
  margin: 0;
  padding: 0;
}

body 
{
	background: #00a4e4 url(images/bk_content.gif) repeat-x top;	
	font-family:Verdana, sans-serif;
	font-size:10px;
	padding:0;
    margin:0 auto;
    color:#000000;
    height:auto;
}

hr
{
	background-color: #4BBFF0;
	height:1px;
	color:#4BBFF0;
	width:100%;
	border:0;
	margin: 5px 0 5px 0;	
}

.selectedlink
{
	color:#000000;
}

#librarynav
{
	margin-bottom:2px;
	color:#4BBFF0;
}

#librarynav a
{
	font-weight:bold;
}

#profile
{
	width:700px;	
}

#videoplayer
{
	height:510px;
	width:1020px;
	margin-bottom:20px;
	
}

#agewrapper
{
	background: #00a4e4 url(images/bk_ageVerification.jpg) repeat-x top;	
	height:816px;
	width:1020px;
	margin: 0 auto;		
}

#vidlibrary
{
	width:700px;
}

#regspotlights
{
	position:absolute;
	top:260px;
	left:550px;
	width:600px

}

#regspotlights img
{
	float:left;
	padding-right:20px;
}

#wrapper {
	width:1020px;
	margin: 0 auto;
	height:auto; 
	text-align: left;
	height:100%;
	position:relative;
}

#headerflash
{
	margin-bottom:20px;
}

#utilityform
{
	width:500px;
	float:left;
	display:inline;
}

#regBack 
{
	width:1020px;
	float:left;
}

#regForm 
{
	/*	background: url(images/bk_registration.jpg) no-repeat left top;	*/
	width:480px;
	margin-left:100px;
	float:left;	
}



#content
{
	padding-top:20px;
	width:950px;
	margin: 0 auto;
	
}

#intro, #callout
{
	float:left;
	padding-top:35px;
}

#intro
{
	width:340px;
	background: url(images/hdr_sml_upload.gif) no-repeat top left;
}

#intro p
{
	font-size:12px;
	font-weight:bold;
}

#intro p.first
{
padding-top:0;
}


#latest
{
	width:340px;
	margin-left:20px;
	height:300px;
	float:left;	
}

#callout
{
	margin-left:20px;
	width:230px;
}

#spotlights {margin: 0 auto;clear:left;height:120px;}
#spotlights .spot {float:left;padding-left:22px;height:120px;display:block;}
#spotlights .spot.first {padding-left:0;}

#vidlibrary{float:left;}

#vidlibsidebar {width:220px;float:right;margin-top:45px;margin-right:50px;}
#vidlibsidebar .spot {height:120px;display:block;margin-bottom:10px;}

.firstvideo
{
	margin-left:0;
}


.clear 
{
	clear:both;
}


p, h2
{
	padding-top:5px;
	padding-bottom:2px;
}

p 
{
	font-size:12px; 
	line-height:1.4em;
}

table tr td p 
{
	font-size:12px; 
	line-height:1em;
}



a {color:#fff;text-decoration:none;}
a:hover {text-decoration:underline;}

/*---- Share Buttons ---*/
#btnShare a, #btnEmail a
{
	height:36px;
	display:block;
	text-indent:-1500px;
	overflow:hidden;
	float:left;

}

#btnShare a
{
	width:123px;
	background:url(images/bt_socialNetworks.gif) no-repeat 0 0;

}

#btnEmail a
{
	width:107px;
	background:url(images/bt_emailFriend.gif) no-repeat 0 0;	
	margin-left:15px;
}
  
/*---- Rate Buttons ---*/
#btnRate0 a, #btnRate1 a, #btnRate2 a, #btnRate3 a, #btnRate4 a, #btnRate5 a
{
	width:68px;
	height:57px;
	display:block;
	text-indent:-1500px;
	overflow:hidden;
	float:left;
	margin-left:2px;
}

#btnRate0 a
{
	clear:left;
	margin-left:0;	
}

#btnRate0 a {background:url(images/bt_rating_0.gif) no-repeat 0 0;}
#btnRate1 a {background:url(images/bt_rating_1.gif) no-repeat 0 0;}
#btnRate2 a {background:url(images/bt_rating_2.gif) no-repeat 0 0;}
#btnRate3 a {background:url(images/bt_rating_3.gif) no-repeat 0 0;}
#btnRate4 a {background:url(images/bt_rating_4.gif) no-repeat 0 0;}
#btnRate5 a {background:url(images/bt_rating_5.gif) no-repeat 0 0;}

#btnRate0 a:hover,
#btnRate1 a:hover,
#btnRate2 a:hover,
#btnRate3 a:hover,
#btnRate4 a:hover,
#btnRate5 a:hover,
#btnEmail a:hover,
#btnShare a:hover
{background-position:  bottom left;}


/*---- Buttons ---*/
.btnEnterVideo a
{
	background:url(images/bt_lrg_enter.gif) no-repeat 0 0;
	width:220px;
	height:44px;
	display:block;
	text-indent:-1500px;
	overflow:hidden;
}

.btnRegister a, .btnEnter a,.btnLogin a,.btnUpload a, .btnNewUpload a, .btnCancel a
{
	width:110px;
	height:26px;
	display:block;
	text-indent:-1500px;
	overflow:hidden;
}

.btnVote a
{
	background:url(images/bt_vote.gif) no-repeat 0 0;
	width:220;
	height:34px;
	display:block;
	text-indent:-1500px;
	overflow:hidden;
	
}

.btnChangeVote a
{
	background:url(images/bt_changeVote.gif) no-repeat 0 0;
	width:401;
	height:34px;
	display:block;
	text-indent:-1500px;
	overflow:hidden;
	
}

.btnCancel a
{
	background:url(images/bt_cancel.gif) no-repeat 0 0;
}

.btnNewUpload a
{
	background:url(images/bt_newUpload.gif) no-repeat 0 0;
}


.btnEnter a
{
	background:url(images/bt_enter.gif) no-repeat 0 0;
}

.btnRegister a
{
	background:url(images/bt_register.gif) no-repeat 0 0;
}

.btnLogin a
{
		background:url(images/bt_login.gif) no-repeat 0 0;
}

.btnUpload a
{
		background:url(images/bt_upload.gif) no-repeat 0 0;
}


.btnLogin a:hover,
.btnEnterVideo a:hover,
.btnRegister a:hover,
.btnUpload a:hover,
.btnCancel a:hover,
.btnNewUpload a:hover,
.btnChangeVote a:hover,
.btnVote a:hover,
.btnEnter a:hover {
	background-position:  bottom left;
}

    
        


/*---- Forms ---*/


fieldset
{
	margin:0 0;
	padding:0;
	border:0;

}

input,select
{
	width:200px;
}


fieldset p 
{
	padding:5px 0 0 0;
	margin:0;
	line-height:1.0em;	
}

fieldset table label 
{
	float:none;
	width: 50px;
}

label
{
	float:left;
	width:14em;
	color:#000000;
	line-height:1.1em;
}

.wideLabel
 {
 	width:100%;
 	margin-bottom:5px;
 }

.errorLabel {font-size:12px;color:#7BCFFF;}
.errorstar {color:#7BCFFF;}

.requiredField {font-weight:bold;font-size:18px;}

.rulescheck
{
	width:350px;

}
.rulescheck input 
{
	width:auto;
	margin-right: 1em;
	float:left;
	background:#ffffff;	
}

.rulescheck label 
{
	font-size:10px;
	width:280px;
	color:#000;

}

.checkbox 
{
	padding-top:5px;
	width:450px;
	display:block;
	clear:left;
}

/* :KLUDGE: Explicitly set the nline to make the checkbox drop for IE6- */
* html .checkbox{
	display:inline;
}

* html .rulescheck{
	display:inline;
}

.checkbox input 
{
	width:auto;
	margin-right: 1em;
	float:left;	
}

.checkbox label 
{
	font-size:10px;
	float:left;
	width:320px;
}

input[type="text"],input[type="password"], textarea, select {
	border-top: 1px solid #006396;
	border-left: 1px solid #006396;
	border-bottom: 1px solid #006396;
	border-right: 1px solid #006396;
	color:#fff;
	background:#0197D4;  
}


#regForm INPUT,#enterCode INPUT,  #loginForm INPUT  
{
	padding:2px;
	border-top: 1px solid #006396;
	border-left: 1px solid #006396;
	border-bottom: 1px solid #006396;
	border-right: 1px solid #006396;
	color:#fff;
	background:#0197D4;
}

#regForm .checkbox INPUT 
{
	width:auto;
	margin-right: 1em;
	float:left;
	border:0;
	background:#00a4e4;
}

#regForm .radiobox INPUT 
{
	
	border:0;
	background:#00a4e4;
	float:left;
	width:15px;
	margin-right:10px;
}

#regForm fieldset table input
{
	width:20px;
	float:none;
	border:0;
	background:#00a4e4;

}

#regForm .rulescheck INPUT 
{
	width:auto;
	margin-right: 1em;
	float:left;
	border:0;
	background:#FFF;
}

.hiddenSubmit {display:none;}


#footer
{
	clear:left;
	margin: 50px auto;
	width:950px;
	font-size:11px;
	color:#fff;
	font-weight:bold;
	padding-bottom:10px;
}


#footerLogos
{
	width:350px;
	float:right;
}

#footerLogos a
{
padding-left:20px;
}

#footerlinks {float:left;width:600px;padding-top:10px;}
#footerlinks a {font-size:10px;color:#fff;font-weight:normal;}

.minirules {width:500px;}	
.minirules p 
{
	font-family:Arial;
	font-size:10px;
	color:#7BCFFF;
	padding-top:2px;
	
}

div.terms {
   width:380px;
   height:80px;
   border:1px solid #666666;
   background:#fff;
   color:#666666;
   padding:6px;
   overflow:auto;
   clear:left;
   margin-bottom:20px;
   margin-top:10px;
}

div.terms p, div.terms li {font:normal 11px/15px arial;color:#666666;}
div.terms h3 {font:bold 14px/19px arial;color:#666666;}
div.terms h4 {font:bold 12px/17px arial;color:#666666;}
div.terms strong {color:#666666;}
div.terms ol {padding-bottom:5px;}