/* --------------------------------------------------
Shooting People WATCH Style Sheet
Author:  Giles @ Pixeco.com
Created:  24/03/09
Modified: 24/03/09
-------------------------------------------------- */


/* =Importing rules
-------------------------------------------------------*/
 
@import url(/css/watch/film-view.css);
@import url(/css/watch/partner-channels.css);
@import url(/css/watch/fotm.css);



#contentWrapperWatch {
	width: 985px;
	margin: 50px auto 40px auto;
	line-height: 100%;
	clear: both;
	position: relative;
	/*font-size: 0.7em;*/	
	}
	#contentWrapperWatch:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
		}


/* COLUMN WRAPPERS - MAIN STRUCTURE ////////////////////////////////////////////////*/

#sideColumn {
	width: 240px; /* 240px */ 
	margin: 0 15px 0 0; 
	padding: 0 0 10px 0;
	float: left; 
	/*background: url(/images/community/sidecolbox_bg.gif) no-repeat top left;*/
	}

#right { 
	float: left;
	width: 728px; /* for the benefit of Firefox 2 */
	}


#mainColumn {
	width: 728px;
	padding: 0;
	float: left;
	}
	#mainColumn p {
		line-height: 1.3; 
		padding-bottom:12px;
		}
	



/* CONTAINER BOXES - MAIN CONTENT ////////////////////////////////////////////////*/

#mainColumn div.colLeft { 
	width: 355px;
	margin-right: 15px;
	float: left;
	}
#mainColumn div.colRight { 
	width: 355px;
	float: left;
	}


/* Removed this. Old and interferes with profiles.css */
/*.box {	
	}
	
	.box h1 { color:#fff100; }

	.box ul, 
	.box ol {
		margin: 0 3px;
		padding: 0;
		display: block;
		color: #fe0078;
		line-height: 100%;
	 	}

		.box li {
			border-top: 1px;
			border-bottom: 10px;
			border-right: 0;
			border-left: 0;
			margin: 0 0 3px 0;
			display: block;
			color: #fe0078;
			padding: 2px;
			line-height: 100%;
		 	}
 
		.box li a:link, 
		.box li a:visited { margin:0; padding:0; line-height:120%; }
		.box li a:hover { color:#fff; background-color:#5086ff; }*/
		
#contentWrapperWatch #mainColumn div.colRight ul { 
	line-height: 1.2;
	}
	#contentWrapperWatch #mainColumn div.colRight ul li { 
		margin-bottom: 5px;
		}

.boxfull {
	width: 978px;
	padding: 0;
	border: 0;
	margin: 3px;
	float: left;
	}
	
.boxhalf {
	width: 480px;
	padding: 0;
	border: 0;
	margin: 3px;
	float: left;
	}
	
.boxtwothirds {
	width: 645px;
	padding: 0;
	border: 0;
	margin: 3px;
	float: left;
	}

	.boxtwothirds li {
		width: 49%;
		float: left;
		clear: right;
		padding: 5px;
		}
	
.boxthird {
	width: 320px;
	padding: 0;
	border: 0;
	margin: 3px;
	float: left;
	}

	.boxthird li {
		background-image: url(/images/community/hatch_GonW.gif);
		}

.boxthirdsmall {
	width: 246px;
	padding: 0;
	border: 0;
	margin: 3px;
	float: left;
	}

.boxquarter {
	width: 236px;
	padding: 0 0 10px 0;
	margin: 0 7px 0 0;
	border: 0;
	float: left;
	display: inline;
	}

.boxquartersmall {
	width: 194px;
	padding: 0;
	border: 0;
	margin: 3px;
	float: left;
	}

.boxthreequarters {
	width: 728px;
	padding: 0;
	border: 0;
	margin: 0 0 3px 0;
	float: left;
	}

	.boxthreequarters ul {
		margin: 0;
		border: 0;
		padding: 0;
		}

		.boxthreequarters li {
			width: 32%;	
			margin: 4px 0 0 4px;
			padding: 2px;		
			float: left;
			overflow:visible;
			display: block;
			height: 120px;
			line-height: 140%;
			}
	
.boxthreequartersfaq {
	width: 728px;
	padding: 0;
	border: 0;
	margin: 0 0 3px 0;
	float: left;
	}
	
	.boxthreequartersfaq h1 { padding-bottom:5px; padding-top:3px; line-height:1em; }
	
.boxInner {
	padding: 10px;
	margin: 1px;
	}

.boxInnerWhite {
	padding: 11px 0 11px 0;
	margin: 1px;
	}
	
.boxcredit {
	}

	.boxcredit p { width:380px; padding:2px; margin:0 0 3px 0; display:block; font-size:80%; line-height:100%; }
	.boxcredit a:link, 
	.boxcredit a:visited { margin:0; padding:0; display:block; line-height:100%; }
	.boxcredit a:hover { background-color:transparent; }


.titleBox {
	padding: 0;
	border: 0;
	margin: 3px;
	float: left;
	width: 100%;
	}

.list li {
	border: 0 ;
	margin: 3px 0 3px 0;
	display: block;
	color:#666;
	padding: 4px 0 4px 0;
	line-height: 100%;
	background: none;
 	}

.sortBar {
	padding: 7px 10px 7px 10px; 
	margin: 1px 1px 15px 1px; 
	}

.last {
	margin-right: 0;
	}





/* COLOUR HATCHED BOXES ////////////////////////////////////////////////*/

.corner { float:right; padding:0; margin:0; }

.greybox { border:1px solid #363636; background-image:url(/images/community/hatch_GonBlack.gif); line-height:100%; }	
	.greybox h1, 
	.greybox h2 { color:#fff100; padding:2px; }
	.greybox h3 { color:#bfbfbf; }
	
.yellowbox { border:1px solid #fff200; background-image:url(/images/community/hatch_YonW.gif); }
	.yellowbox h1, 
	.yellowbox h2, 
	.yellowbox h3 { color:#777777; padding:2px; }

.bluebox { border:1px solid #5086ff; /* #a7c2ff */ background-image:url(/images/community/hatch_BonBlack.gif); }
	.bluebox h1, 
	.bluebox h2, 
	.bluebox h3 { color:#666; padding:2px; }

.magentabox { border:1px solid #fe0078; background-image:url(/images/community/hatch_MonW.gif); line-height:100%; }
	.magentabox h1, 
	.magentabox h2, 
	.magentabox h3 { color:#fe0078; padding:2px; }
	.magentabox a:link,
	.magentabox a:visited { padding:2px; }

.whitebox { border:0; background-color:#fff; }
	.whitebox h1, 
	.whitebox h2, 
	.whitebox h3 { color:#666; padding:2px; }

.yellowboxempty { border:1px solid #fff200; }
	.yellowboxempty h1, 
	.yellowboxempty h2, 
	.yellowboxempty h3 { color:#777777; padding:2px; }

.blueboxempty { border:1px solid #5086ff; /* #a7c2ff */ }
	.blueboxempty h1, 
	.blueboxempty h2, 
	.blueboxempty h3 { color:#aaa; padding:2px; }

.magentaboxempty { border:1px solid #fe0078; }
	.magentaboxempty h1, 
	.magentaboxempty h2, 
	.magentaboxempty h3 { color:#fe0078; padding:2px; }

.greyboxempty { border:1px solid #363636; }	
	.greyboxempty h1, 
	.greyboxempty h2 { color:#fff100; padding:2px; }
	.greyboxempty h3 { color:#bfbfbf; }

.yellowboxsolid { border:1px solid #fff200; background-image:url(/images/community/hatch_WonY.gif); }
	.yellowboxsolid h1, 
	.yellowboxsolid h2, 
	.yellowboxsolid h3 { color:#000; padding:2px; }

.blueboxsolid { border:1px solid #a7c2ff; background-image:url(/images/community/hatch_WonB.gif); }
	.blueboxsolid h1, 
	.blueboxsolid h2, 
	.blueboxsolid h3 { color:#fff; padding:2px; }

.magentaboxsolid { border:1px solid #fe0078; background-image:url(/images/community/hatch_WonM.gif); }
	.magentaboxsolid h1, 
	.magentaboxsolid h2, 
	.magentaboxsolid h3 { color:#fff; padding:2px; }
	
.greyboxsolid { border:1px solid #acacac; background-color:#eee; }
	.greyboxsolid h1, 
	.greyboxsolid h2, 
	.greyboxsolid h3 { color:#000; padding:2px; }
	




/* GENERAL STYLES ////////////////////////////////////////////////////*/

.column p {
	margin: 0 10px 10px 0;
	line-height: 110% ;
	/*background-color: #fff;*/
	}

.thumb {
	border: 1px solid #9c9e99;
	margin: 0 3px 3px 0;
	float: left;
	}
	
.thumbColumn {
	border: 1px solid #9c9c9a;
	margin: 5px 5px 7px 2px;
	float: left;
	}
	
img.thumbLarge,
a:visited img.thumbLarge {
	border: 1px solid #666;
	margin: 2px 0 10px 0;
	padding: 5px;
	float: left;
    background: #000;
	}
	a:hover img.thumbLarge {
	    background: #5086ff;
		}	
	
.thumblist li {
	padding: 2px;
	}
	
.mugshotMainpage {
	border: 1px solid #666;
	margin: 0 10px 10px 0;
	padding: 3px;
	background: #000;
	float: left;
	clear: both;
	}
	
hr.filmType {
	padding: 0; 
	margin: 0 0 10px 0;
	}
	
div.rule {
	border-top: 1px solid #9c9c9a;
	height: 2px;
	padding: 0; 
	margin: 0 0 10px 0;
	clear: both;
	}
	div.rule hr {
		display: none;
		}
	
#mainColumn div.boxquarter p.filmType {
	padding: 0 0 1px 0; 
	margin: 2px 0 11px 0;
	font-size: 11px; 
	color: #9c9c9a;
	font-weight: normal;
	text-transform: uppercase;
	clear: both;
	border-bottom: 1px solid #9C9C9A;
	}

.credits {
	padding: 0;
	margin: 0;
	}

	.credits a:link, 
	.credits a:visited { padding:0; margin:0; }
	.credits p { padding:0; margin:0; }

.midlist {
	padding-top: 10px;
	}

.Rate {
	text-align: center;
	}
	.Rate a:hover { background-image:url(/images/community/hatch_WonY_anim.gif); color:#000; }

.videoHolder {
	background-color: #000;
	text-align: center;
	padding: 0;
	border: 0;
	}

	.videoHolder h1, 
	.videoDisplay h2, 
	.videoDisplay h3 { padding:10px 0 0 2px; }
	.videoHolder p { padding:0; margin:0; font-size:100%; }
	.videoHolder a:link, 
	.videoDisplay a:visited { padding:0 6px 0 6px; margin:0; font-size:11px; font-weight:bold; color:#fff; background-image: url(/images/community/button_bg.gif); }
	.videoHolder a:hover { background-image:url(/images/community/hatch_WonB_anim.gif); color:#fff; text-decoration:none; }

.videoDisplay {
	padding: 1px 0 20px 0;
	margin: 3px;
	}
	
.comment-body {
	padding: 5px;
	border: 1px solid #797979;
	width: 680px;
	float: left;
	}

.comment-header {
	padding: 5px 0 5px 0;
	margin: 0 5px 5px 5px;
	border-bottom: 1px dotted #656565;
	height: 18px;
	line-height: 18px;
	}

.comment-date {
	color: #fff;
	font-weight: bold;
	}
	
.commentTitle {
	font-size: 105%;
	padding-top:10px;
	font-weight:bold;
	letter-spacing: -1px; 
	text-transform: lowercase; 
	color: #666;
	}

.commentAuthor {
	font-weight: bold;
	}
	
	

.rating {
	font-size: 10px;
	color: #fff;
	font-weight: bold;
	padding: 0;
	line-height: 10px;
	}

.creditimage {
	width: 64px;
	font-size: 10px;
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
	}

	.creditimage p { padding:0; margin:0; }
	
.hrprofile {
	padding: 0;
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	}


	

/* BUTTONS ////////////////////////////////////////////////////*/


.button {
	margin: 0;
	text-transform: uppercase;
	font-size: 10px;
	}
		
	.button a:link, 
	.button a:visited { padding:1px 2px 1px 2px; margin:0; display:block; height:12px; font-size:10px; line-height:100%; font-weight:bold; color:#fff; background-color:#666;  background-image:url(/images/community/button_bg.gif); }
	.button a:hover { background-image:url(/images/community/hatch_WonB_anim.gif); color:#fff; text-decoration:none; }
	
	.button img { 
		float: left; 
		padding-right: 3px; 
		}
	
.imagebutton {
	width: 50px;
	height: 100px;
	font-size: 10px;
	padding: 0 8px 0 0;
	display: block;
	margin: 0;
	float: left;
	}

.editbutton p {
	padding: 0;
	margin: 0;
	background-color: #fff;
	text-transform: uppercase;
	font-size: 10px;
	}
	
	.editbutton a:link, 
	.editbutton a:visited { padding:1px; font-size:10px; font-weight:bold; color:#000; background-color:#ff0; }
	.editbutton a:hover { background-image:url(/images/community/hatch_WonB_anim.gif); text-decoration:none; }

.photowidth { width:50px; }
.creditswidth { width:64px; }
.largewidth { width:120px; }
.buttoncenter { text-align:center; }

#search {
	float: left;
	padding-bottom: 15px;
	}

	#search input.text { 
		width: 155px; /* 170px */
		height: 34px; /* 44px */ 
		margin-right: 5px;
		padding: 10px 0 0 10px; 
		float: left;
		background-color: #363636;
		border: none; 
		font-family: "Helvetica", "Tahoma", "Arial", sans-serif; 
		font-size: 140%; 
		color: #fff;  
		}
	
input.recommendFriendEmail { 
	width: 155px; /* 170px */
	height: 34px; /* 44px */ 
	margin-right: 5px;
	padding: 10px 0 0 10px; 
	float: left;
	background-color: #363636;
	border: none; 
	font-family: "Helvetica", "Tahoma", "Arial", sans-serif; 
	font-size: 140%; 
	color: #fff;
	}

textarea.recommendFriendMessage { 
	width: 155px; /* 170px */
	height: 34px; /* 44px */ 
	margin-right: 5px;
	padding: 10px 0 0 10px; 
	float: left;
	background-color: #363636;
	border: none; 
	font-family: "Helvetica", "Tahoma", "Arial", sans-serif; 
	font-size: 140%; 
	color: #fff; 
	/*rows=2 cols=20*/ 
	}





/* UPLOAD PROGRESS BAR ////////////////////////////////////////////////////*/

.progressBar {
	position: relative;
	padding: 2px;
	width: 500px;
	height: 100px;
	font-size: 14px;
	}

.progressBar .background {
	border: solid 1px black;
	width: 570px;
	height: 20px;
	}
	
.progressBar .bar {
	position: relative;
	background-color: blue;
	width: 0px;
	height: 20px;
	}
	



/* BABELGUM PLAYER ////////////////////////////////////////////////////*/

.bgBigText {
	font-size: 210%;
	font-weight: bold;
	color: #fff200;
}

.bgMidText {
	font-size: 120%;
	font-weight: bold;
}