@charset "utf-8";
/* CSS Document */
/*Styles For The Scene Preview Page*/
#flashVidHolder  {
	width: 640px;
	height: 480px;
	border: 1px solid #b9b9b9;
	background-color: #000;
	float: none;
}
.flashvidpreview {
	height: 480px;
	width: 640px;
}
.joinVideo  {
	text-align: center;
	font-size: 20px;
	text-transform: uppercase;
}
#sceneData {
	margin-top: 12px;
	width: 628px;
	padding: 5px;
	height: auto;
	border: 1px solid #898989;
	text-align: left;
}
#sceneData h1, #sceneData h2 {
	font-size: 16px;
	text-transform: uppercase;
	padding-top: 4px;
	padding-bottom: 4px;
}
#sceneData h1.modelName {
	float: left;
}
#sceneData h2.dateAdded {
	float: right;
}
#sceneData p {
	font-size: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
}
#sceneData h3 {
	font-size: 14px;
	text-transform: uppercase;
	padding-top: 4px;
	padding-bottom: 4px;
	text-decoration: underline;
}
#sceneData ul#moreList {
	list-style-type: none;
	list-style-image: none;
	text-align: left;
}
#sceneData ul#moreList li {
	font-size: 12px;
	display: inline;
	padding-right: 5px;
}
#sceneData ul#moreList li a, #sceneData ul#movieList li a {
	text-decoration: underline;
	color: #70b1f5;
}
#sceneData #sceneDataLower {
	width: 628px;
	height: auto;
}
#sceneData #sceneDataLower #rateBox {
	width: 448px;
	height: auto;
	float: left;
	text-align: left;
	padding: 10px 5px 5px 5px;
	position: relative;
}
#sceneData #sceneDataLower #rateBox #ratingCenter {
	width: 345px;
	height: 40px;
	text-align: left;
	padding: 5px;
	text-transform: uppercase;
	background-image:url(/themes/templates/images/rate_bg.gif);
	background-position: left top;
	background-repeat: repeat-x;
	background-color: #bfbfbf;
	border: solid 1px #333;
	font-weight: bold;
	float: left;
	position: relative;
}
#ratingCenter p  {
	display: inline;
	float: left;
	padding-top: 5px;
	padding-right: 2px;
}
#rateBox #rateScene {
	width: 200px;
	height: 20px;
	text-align: center;
	margin: 0px;
	display: block;
	float: right;
	padding-top: 2px;
}
.rateScene {
	width: 230px;
	height: 20px;
	text-align: center;
	margin: 0px;
	display: inline;
	float: left;
}
#sceneData #sceneDataLower #rateBox #sceneRating {
	width: 355px;
	height: auto;
	float: left;
	text-align: right;
	padding: 0px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
#sceneRating .hiLite  {
	color: #cc0000;
}
#sceneData #sceneDataLower #movieLinks {
	width: 160px;
	height: auto;
	float: left;
	text-align: left;
	padding: 5px;
}
#sceneData #sceneDataLower #movieLinks ul#movieList {
	width: 160px;
	height: auto;
	list-style-type: none;
	list-style-image: none;
}
#sceneData #sceneDataLower #movieLinks ul#movieList li {
	list-style-type: none;
	list-style-image: none;
}
/*The Tabbed Panels For Scene Info (also uses previewPagePanels.css)*/
#previewTabs {
	width: 640px;
	height: auto;
}
#picsPreview, #vidsPreview, #commentsView {
	width: 632px;
	height: 300px;
	text-align: left;
}
#picPanel, #vidPanel  {
	width: 500px;
	height: 300px;
	float: left;
	margin: 0px;
}
#picPanel dl {
	width: 100px;
	height: 130px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0px;
	text-align: center;
	display: inline;
	float: left;
}
#picPanel dl dt {
	width: 87px;
	height: 129px;
	margin: auto;
}
#picPanel dl dt img {
	width: 85px;
	height: 127px;
	border: 1px solid #7b807a;
}
#picPanel dl dt a:hover img { 
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: .7;
}
#picPanel dl dd {
	font-weight: bold;
}
#vidText, #picText {
	width: 120px;
	padding: 5px;
	height: 300px;
	text-align: center;
	margin: 0px;
	float: left;
}
#vidText h1, #picText h1 {
	width: 120px;
	height: 21px;
	padding-top: 54px;
	background-position: top center;
	background-repeat: no-repeat;
	text-transform: uppercase;
	text-decoration: underline;
	font-size: 16px;
}
#vidText h1 {
	background-image: url(/themes/templates/images/movie_graphic.gif);
}
#picText h1 {
	background-image: url(/themes/templates/images/photo_graphic.gif);
}
#vidText ul, #picText ul {
	width: 114px;
	height: auto;
	list-style-type: disc;
	list-style-position: inside;
	font-size: 16px;
	font-weight: bold;
	color: #767676;
	text-align: left;
	margin: auto;
}
#vidText ul li, #picText ul li {
	padding-top: 2px;
	padding-bottom: 2px;
}
#vidText ul li .itemText, #picText ul li .itemText {
	color: #000;
}
#picText ul li {
	font-size: 12px;
}
#vidText p, #picText p {
	padding-top: 4px;
	padding-bottom: 2px;
	font-size: 12px;
	color: #6db5ff;
	text-align: left;
}
#vidPanel dl {
	width: 125px;
	height: 90px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
	text-align: center;
	display: inline;
	float: left;
}
#vidPanel dl dt {
	width: 119px;
	height: 90px;
	margin: auto;
	text-align: center;
}
#vidPanel dl dt img {
	width: 117px;
	/*height: 88px;*/
	border: 1px solid #7b807a;
}
#vidPanel dl dd {
	font-weight: bold;
}
/*For 16:9 WS*/
#vidPanelWS {
	width: 492px;
	height: 300px;
	float: left;
	margin: 0px;
}
#vidPanelWS dl {
	width: 164px;
	height: 90px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
	text-align: center;
	display: inline;
	float: left;
}
#vidPanelWS dl dt {
	width: 162px;
	height: 90px;
	margin: auto;
	text-align: center;
}
#vidPanelWS dl dt img {
	width: 160px;
	height: 90px;
	border: 1px solid #7b807a;
}
#vidPanelWS dl dd {
	font-weight: bold;
}
/*Styles For Varying Padding*/
#vidPanel, #vidPanelWS  {
	height: auto; 
	max-height: 300px;
}
.padding90  {
	padding-top: 90px; 
	padding-bottom: 90px;
}
.padding45  {
	padding-top: 45px; 
	padding-bottom: 45px;
}
.padding88  {
	padding-top: 88px; 
	padding-bottom: 88px;
}
.padding44  {
	padding-top: 44px; 
	padding-bottom: 44px;
}
#commentsArea {
	/*height: 300px;*/
	height: auto;
	overflow: auto;
	text-align: left;
}
#commentsArea h3 {
	font-size: 12px;
	font-weight: normal;
	padding-top: 5px;
	color: #767676;
}
#commentsArea h3 .userBold {
	font-weight: bold;
}
#commentsArea p {
	padding: 5px;
	border-bottom: 1px solid #ccc;
	color: #333;
}
#commentsArea .commentLink {
	float: right;
	padding: 5px;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
}
/*The Tabbed Panels For Related And Most Popular (also uses previewPagePanels.css)*/
#relatedScenes, #mostPopularScenes {
	width: 632px;
	height: auto;
	text-align: left;
}
#relatedScenesBox, #mostPopularBox {
	text-align: center;
}
#relatedScenesBox .topSection, #mostPopularBox .topSection {
	text-align: left;
	width: 600px;
	padding: 5px;
}
#relatedScenesBox h1, #mostPopularBox h1 {
	text-align: left;
	float: left;
	font-size: 12px;
	text-transform: uppercase;
	color: #5d5d5d;
}
#relatedScenesBox .topSection ul, #mostPopularBox .topSection ul {
	text-align: left;
	float: left;
	list-style-type: none;
	list-style-image: none;
}
#relatedScenesBox .topSection ul li, #mostPopularBox .topSection ul li {
	font-size: 12px;
	display: inline;
	padding-right: 2px;
}
#relatedScenesBox .topSection ul li a, #mostPopularBox .topSection ul li a {
	text-decoration: underline;
	color: #70b1f5;
}
#relatedScenesBox .thumbBox, #mostPopularBox .thumbBox {
	text-align: center;
	width: 600px;
	height: auto;
	border: solid 1px #7b7b7b;
	margin: 5px auto;
	padding: 5px;
}
#relatedScenesBox dl, #mostPopularBox dl {
	width:200px;
	height:190px;
	text-align:center;
	float:left;
	display:inline;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 2px;
	margin-left: auto;
}
#relatedScenesBox dl dt, #mostPopularBox dl dt {
	width: 184px;
	height: 139px;
	margin: auto;
}
#relatedScenesBox dl dt img, #mostPopularBox dl dt img {
	border:1px solid #000000;
	width:182px;
	height:137px;
}
#relatedScenesBox dl dd, #mostPopularBox dl dd {
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}
#relatedScenesBox .lowerSection, #mostPopularBox .lowerSection {
	text-align: center;
	width: 600px;
	padding: 5px;
}
#relatedScenesBox .lowerSection ul, #mostPopularBox .lowerSection ul {
	text-align: center;
	list-style-type: none;
	list-style-image: none;
	margin: auto;
	color: #999;
}
#relatedScenesBox .lowerSection ul li, #mostPopularBox .lowerSection ul li {
	font-size: 12px;
	display: inline;
	padding-right: 2px;
}
#relatedScenesBox .lowerSection ul li a, #mostPopularBox .lowerSection ul li a {
	text-decoration: underline;
	color: #70b1f5;
}