body {
	margin: 0;
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	background-color: black;
}

	#bgWrapper {
		background-repeat: no-repeat;
		background-position: top center;
		width: 950px;
		margin: 0 auto;
	}

img { border: none; display: block; }

p {
	margin: 5px 0 20px 15px;
	line-height: 1.5em;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	margin: 35px 0 7px 0;
	color: #e8e8e8;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 15px 0 7px 0;
	color: #e8e8e8;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
}

h4 {
	font-size: 12px;
	font-weight: normal;
}

ul {
	padding: 0 0 0 30px;
	margin: 0 0 20px 0;
}

	ul.subList { 
		margin-bottom: 3px; 
		font-style: italic;
		font-size: 11px;
	}

li {
	padding: 0;
	margin: 0;
}

	span.filesize {
		font-style: italic;
		color: #aaa;
		font-size: 11px;
	}

a { text-decoration: none; }

	a:link { color: #7ad5ff; }
	a:visited { color: #cbefff; }
	a:active { color: #f4e942; }
	a:hover { color: #cbefff; }


a.externalLink { font-size: 9px; }

	div.external { color: #f4e942; }
	a.external:link { color: #f4e942; }
	a.external:visited { color: #fffaaa; }
	a.external:active { color: #ffffff; }
	a.external:hover { color: #fffaaa; }


a.internalLink { font-size: 9px; }



/* stuff to handle auto-clearing of elements with floats without the need for a clearing div */
/* thanks to: http://www.positioniseverything.net/easyclearing.html */
.clearMe:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 1%;
	font-size: 0.1em;
	line-height: 0;
}

/* patch to make easyclearing hack work in IE7 */
/* thanks to: http://www.tanfa.co.uk/archives/show.asp?var=300 */
.clearMe { display: inline-block; }
.clearMe { display: block; }

#pageHeader {
	width: 950px;
	height: 246px;
	margin: 0 auto;
}

#pageBody {
	width: 950px;
	margin: 0 auto;
}

	#menu {
		position: relative;
		width: 950px;
		height: 75px;
		margin-bottom: -25px;
	}

		#menu div.menuItem {
			position: absolute;
			height: 75px;
			top: 0px;
		}

			#menuLeftMargin { left: 0px; width: 116px; }
			#menuHome { left: 116px; width: 129px; }
			#menuServices { left: 116px; width: 129px; }
			#menuCrew { left: 245px; width: 95px; }
			#menuNews { left: 340px; width: 102px; }
			#menuReels { left: 442px; width: 104px; }
			#menuCredits { left: 546px; width: 118px; }
			#menuOpportunities { left: 664px; width: 183px; }
			#menuRightMargin { left: 847px; width: 103px; }

			#menu a.menuLink {
				position: absolute;
				display: block;
				text-decoration: none;
				z-index: 3;
				width: 100%;
				height: 48px;
				background-image: url('x.gif'); /* for IE 6/7; without this, the anchor area has problems */
			}

				#menu a.menuLink span {
					width: 100%;
					height: 100%;
					display: block;
					visibility: hidden;
				}

				div.menuItem span {
					position: absolute;
					z-index: 1;
				}

				div.menuItem span.menuOver {
					z-index: 2;
					opacity: 0;
					filter: alpha(opacity=0);
					margin: 0 -10px;
				}

				div.menuItem span.menuDown { visibility: hidden; }

		#pageContent {
			margin: 0 84px 0 100px;
			padding-bottom: 25px;
			position: relative;
		}

			.leftCol {
				float: left;
				width: 460px;
			}

			.rightCol {
				float: right;
				width: 250px;
			}

			.leftColEq {
				float: left;
				width: 355px;
			}

			.rightColEq {
				float: right;
				width: 355px;
			}


#pageFooter {
	width: 950px;
	margin: auto;
	text-align: center;
	font-size: 10px;
}
	#pageFooter table { margin: 15px auto; }
	#pageFooter td { padding: 0 10px; }

	#pageFooter a { color: white; }
	#pageFooter a:hover { color: #f4e942; }


ul.movieList {
	padding: 0 0 0 15px;
	margin: 0;
}

	ul.movieList li {
		padding: 3px 5px 3px 115px;
		margin: 10px 0 20px 0;
		list-style-type: none;
		clear: left;
		display: block;
		background-image: url('white10.png');
		font-size: 11px;
	}

		/*
		ul.movieList.noThumbs li {
			padding: 3px 5px;
		}
		*/
		
		ul.movieList li.u {
			position: relative;
			padding-left: 137px;
		}
		
			html ul.movieList li.noThumb {
				padding: 3px 5px;
			}

			/*
			ul.movieList.noThumbs li.u {
				position: relative;
				padding-left: 25px;
			}
			*/

			html ul.movieList li.u.noThumb {
				position: relative;
				padding-left: 25px;
			}
			
			li.u input {
				position: absolute;
				top: 1px;
				left: 1px;
			}

		ul.movieList li img {
			float: left;
			padding: 25px;
			margin: -25px -25px -25px -137px;
			display: inline; /* for IE6 */
			background-image: url('thumbDropShadow.png');
			width: 102px;
			height: 57px;
		}

			/* stuff to handle auto-clearing of elements with floats without the need for a clearing div */
			/* thanks to: http://www.positioniseverything.net/easyclearing.html */
			ul.movieList li:after {
				content: ".";
				display: block;
				visibility: hidden;
				clear: both;
				height: 1%;
				font-size: 0.1em;
				line-height: 0;
			}

			/* patch to make easyclearing hack work in IE7 */
			/* thanks to: http://www.tanfa.co.uk/archives/show.asp?var=300 */
			ul.movieList li { display: inline-block; }
			ul.movieList li { display: block; }


		ul.movieList span.movieTitle {
			font-style: italic;
			font-size: 12px;
			font-weight: bold;
			color: #e8e8e8;
		}
		
		ul span.movieSubtitle {
			font-style: italic;
			font-size: 11px;
			color: #aaa;
		}		

		ul.movieList a {
			font-size: 11px;
		}


ul.contactList {
	margin: 0 0 0 15px;
	padding: 0;
}

	ul.contactList li {
		padding: 3px;
		margin: 15px 0;
		list-style-type: none;
		float: left;
		width: 238px;
		display: block;
	}


ul.headlineList li {
	margin: 15px 0;
	list-style-type: none;
}

	table.headlineList {
		border-collapse: collapse;
		margin: auto;
	}

		table.headlineList tbody tr:hover { background-image: url('white25.png'); }

			table.headlineList tbody tr:hover td.onhome { background-image: url('white25.png'); }

		table.headlineList tbody tr.selected { background-color: #9d6913; }

		table.headlineList tr.invisible {
			font-style: italic;
			color: #999;
		}

			table.headlineList tr.invisible a { color: #487e96; }
			table.headlineList tr.invisible a.external { color: #a0992b; }

			table.headlineList td {
				vertical-align: top;
				padding: 5px 5px;
				margin: 0;
			}

				table.headlineList td input {
					margin: 0 3px 0 0;
					padding: 0;
				}

				table.headlineList td a {
					font-size: 9px;
					display: block;
					float: left;
					clear: left;
					margin: -2px 0 0 5px;
					position: relative;
				}

			table.headlineList td.onhome {
				font-weight: bold;
				background-image: url('white10.png');
			}

	ul.headlineList li a {
		font-size: 9px;
		display: block;
		margin: -2px 0 0 5px;
		position: relative;
	}

ul.newsList {
	margin-bottom: 10px;
}

	ul.newsList li a {
		font-size: 9px;
	}


div.mediaPlayer {
	margin: auto;
	text-align: center;
}

div.jobDesc {
	display: none;
	margin: 5px 0 5px 20px;
	background-image: url('white10.png');
	padding: 1px 10px;
}

	div.jobDesc p {
		margin: 5px 0 20px 0;
	}

div.loginForm {
	width: 300px;
	text-align: right;
}

#serverResponse {
	font-style: italic;
	color: #bbb;
}

p.utilHelp {
	margin-top: 25px;
}

	p.utilHelp strong {
		/* color: #7ad5ff; */
	}

		p.utilHelp strong.highlight {
			background-image: url('white10.png');
			padding: 2px;
			margin: -2px;
		}

div.buttonBar {
	text-align: center;
	margin-bottom: 10px;
}

	div.buttonBar button { margin-bottom: 5px; }
	div.buttonBar button.moveButton { width: 30px; }

	div.buttonBar #debug {
		margin: 0 auto;
		font-style: italic;
		text-align: center;
		width: 750px;
	}


.editForm {
	margin: auto;
	border-collapse: collapse;
}

	.editForm td {
		padding: 2px 5px;
		text-align: left;
		line-height: 23px;
	}


	.editForm td.field {
		text-align: right;
		vertical-align: top;
		padding: 2px 5px;
		color: #aaa;
		white-space: nowrap;
	}

	.editForm td.value {
		width: 576px;
		padding: 0 3px;
	}
	
		.editForm td.value img.thumb {
			display: block;
			margin-bottom: 10px;
		}

		.editForm td.value div { padding: 2px; }

		.editForm td p {
			margin: 0 0 20px 0;
		}

		.editForm .mediaEdit {
			display: block;
			margin: 0 0 10px 0;
		}

		.editForm input {
			width: 450px;
		}

			.editForm input.checkbox {
				width: auto;
			}

		.editForm textarea {
			line-height: 23px;
			width: 572px;
		}

.uploadPanel {
	position: absolute;
	width: 530px;
	background-color: #262626;
	border-top: 2px solid #555;
	border-left: 2px solid #555;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
	left: 118px;
	top: 200px;
	padding: 10px 15px 10px 10px;
	visibility: hidden;
}

	.uploadPanel .closeBox {
		position: absolute;
		top: 0;
		right: 5px;
	}

	.uploadFile input {
		margin: 3px 0;
	}

	.uploadFile .progressBar {
		background-color: #7ad5ff !important;
	}

	p.fileNote {
		width: auto;
		font-style: italic;
		margin: 10px 0 0 0;
	}
	
#oppsList h2:hover { background-image: url('white25.png'); }
#oppsList h2.selected { background-color: #9d6913; }	
#oppsList li.invisible h2 {
	font-style: italic;
	color: #999;
}
	#oppsList li li:hover { background-image: url('white25.png'); }
	#oppsList li li.selected { background-color: #9d6913; }
	#oppsList li li.invisible {
		font-style: italic;
		color: #999;
	}	
	
ul.movieList li.invisible {
	font-style: italic;
	color: #999;
}

	ul.movieList li.invisible a { color: #487e96; }
	ul.movieList li.invisible a.external { color: #a0992b; }	
	ul.movieList li.invisible span.movieTitle { color: #999; }
	
	ul.movieList li.invisible img {
		opacity: 0.5;
	}
	
.noFile {
	font-style: italic;
	color: #bbb;
}


#cropPanel {
	position: absolute;
	width: 868px;
	background-color: #262626;
	border-top: 2px solid #555;
	border-left: 2px solid #555;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
	left: -52px;
	top: 100px;
	padding: 10px 15px 10px 10px;
	visibility: hidden;
}

	#cropPanel .closeBox {
		position: absolute;
		top: 0;
		right: 5px;
	}

	#cropTool {
		float: left;
		width: 576px;
		text-align: center;
		background-color: black;
		margin-bottom: 10px;
	}

		#cropTool .imgCrop_wrap { margin: auto; }

	#cropPreview {
		float: right;
		width: 102px;
		height: 57px;
		margin: 0;
		display: inline;
		margin-bottom: 10px;
	}
	
	
	
/*-------------- TOOL BAR --------------*/
#navBar {
	overflow:hidden;
	text-align:center;
	border-bottom: 2px solid #666;
	position:relative;
	background-color:#ccc;
	width: 100%;
	color: black;
	padding-top: 4px;
	background-image: url('template/u.toolbarLogo.jpg');
	background-repeat: no-repeat;
	background-position: top left;	
	font-size:11px;	
	font-family: Arial,Helvetica,sans-serif;
}
	#navBarContent {
		height:44px;
		position:relative;
	}
	
		#navBarTitle {
			padding:0 10px;
		}
		
		#navBarTitle a { color: black; }
		
		#productTitle {
			float:left;
			font-weight:bold;
		}

		#navBar .waiting {
			font-weight:bold;
			color:red;
		}

		#navBar .ready {
			font-weight:bold;
			color:green;
		}

		#tabsBarBorder {
			position:absolute;
			width:100%;
			margin:0;
			padding:0;
			left:0;
			bottom:0;
		}

			#tabsBar {
				margin:0 8px 0 9px;
			}

				#tabsBar div {
					line-height:1em;
					float:left;
					margin:0;
					padding:0;
					/* IEMac requires a width; there's a width override in common.php */
				}

	#tabsBar a {
		display:block;
		color:black;
		text-decoration:none;
		background:#ddd;
		margin:0;
		padding:0.25em 1em;
		border-left:1px solid #fff;
		border-top:1px solid #fff;
		border-right:1px solid #aaa;
		white-space: nowrap;
		font-size:11px;
	}

	#tabsBar a:hover,
	#tabsBar a:active,
	#tabsBar a.selectedTab:hover {
		background:#aaa;
	}

	#tabsBar a.selectedTab:link,
	#tabsBar a.selectedTab:visited {
		background:#bbb;
		position:relative;
		z-index:102;
	}
	
	
div.showRoom { padding-top: 135px; }

	div.showRoom h1 { 
		margin-top: 0; 
		color: black; 
	}

	div.showRoom li.selected a { color: yellow; }

div.showRoomLogout {
	position: absolute;
	top: 30px;
	right:-67px;
}

#homeEdit div,
#homeEdit span {
	margin: auto;
	display: block;
	width: 445px;
}
#homeEdit p {
	width: 445px;
	margin-left: auto;
	margin-right: auto;
}
#homeEdit textarea {
	width: 445px;
	margin: auto;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	line-height: 1.5em;
}

	#homeEdit span.editButtons {
		display: block;
	}