/* Newer CSS styles */
/*These are the primary default values for the site*/
body{font-family:arial,verdana,sans-serif; font-size:12px; margin:5px;}
th{font:12px arial,verdana,sans-serif; text-transform:uppercase; font-weight:bold; padding:0px;}
td{vertical-align:top;}
a{text-decoration:none; color:white;}/*remove color when ct admin is complete*/
a:hover{text-decoration:underline;}
ul a {font-size:11px; text-decoration:underline;}
#h1{font-size:16px; font-family:Arial, Helvetica, sans-serif; margin:0;}
h1{font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color: #006633; margin:0;}
#shadow{width:100%; height:18px;}

/*Form Elements*/
.signup_form .td{border:medium black;}
.signup{color:black;}
.signup a{color:maroon; text-transform:capitalize; font-weight:bold;}
.signup a:hover{color:red;}
.search select{width:160px;}
select{font:9px arial,verdana,sans-serif; color:black;}
input{font:10px arial,verdana,sans-serif;}
form{margin:0px; padding:2px;}
textarea{font:11px arial,verdana,sans-serif;}

/* localization editing style. */
/* This is used to show dagger and double dagger symbols onMouseOver when editing/translating text through ppvadmin */
.lexer {background:#FFFF00; color:red;}

/*This is the new way to make tabs, it will accomidate more languages*/
#tabs2 a{border-top:1px black solid; border-right:1px black solid; border-left:1px black solid; margin:0 4px 0 4px;}

/* This will keep the border off of custom ct headers */
.pageheader img, .pageheader a img{border:0px;}

/* These styles are for the right side nav. They are to adjust the nave so thast numbers will work. */
.numbers{text-decoration:none; font-size:11px; font-weight:bold; vertical-align:top; width:14px; padding-right:2px;}
.right .body{padding-left:4px; padding-right:4px;}
.right .body a, .right .body a:hover, .right .body a:visited, .right .body a:active{width:auto; padding:0px; font-size:10px;}
/* This will allow the headers on the right to expand in new mozilla browsers, like firefox. */
.right #shadow{height:auto;}

/*This will capitalize the first letter of each word in the page numbers, sorting options and results. 
Links will also be underlined*/
.nextbuttons{text-transform:capitalize; background:#3a5a91;}
.nextbuttons a{text-decoration:underline;}

/*This is for the page numbers that appear on the video page. This should eventually be created by ct admin.*/
#pagenumbers{font-size:12px; padding:2px;}

/*This adds some extra space around the news blurb on the front of the site.*/
#newsblurb{padding:3px;}
.blurbtext a{text-decoration:underline;}

/* This is for the news box on the left*/
#nav_news a{font-size:9px; padding-left:0px;}

/*These are for the main video table on Video.k*/
#video .title{font-size:14px; font-weight:bold;  font-style:normal;}
#mainvideo .title{font-size:24px; font-weight:normal; font-style:italic; padding-left:6px}
#mainvideo .studio{font-size:12px;}

/*This is for the large box covers*/
#cover{margin:6px;}

/*This is foor all box covers*/
.boxcover, #cover, #new_releases, #editors_picks, #popular_amateur{border:1px black solid;}

/*These are for the viewing options block on video.k*/
#viewing_options{font-size:11px; font-weight:normal; margin:2px; width:260px;}
#option_type{font-weight:bold; font-size:12px;}
#option_type .plaintext a{color:maroon;}
#option_type .plaintext a:hover{color:red;}
#option_type .plaintext a:visited{font-style:normal;}
#option_links a{font-size:11px;}

/*Styles for the reviews section of the video page*/
#review{border:1px black solid;}
#review .title{font-size:12px; font-weight:bold; padding-left:4px;}
#review .content{padding:4px; margin:0px 5px 5px 5px;}

/*These are for the viewing options links on the video page.*/
#product_view{margin:2px; padding:2px; border:1px black solid;}
#product_view a{color:black; background:white; padding:2px 8px 2px 8px; border:1px black solid; font-style:normal; font-size:11px; text-decoration:underline; text-transform:capitalize;}
#product_view a:hover{color:red;}
#product_view .faded{ color:#CCCCCC; text-decoration:none; background:white; border:1px black solid; padding:2px 8px 2px 8px; font-size:11px;}

/*These are overrides to make the search boxes on the left consistant with the other left menus*/
.search{width:182px;}
.search .body{padding:4px;}
.search .body a{padding-left:4px; width:168px; font-size:11px;}
.search .body a:hover{padding-left:4px; width:168px; font-size:11px;}
.search .base{padding:4px;}
.search .base a{padding-left:4px; padding-right:4px; width:168px; font-size:11px;}
.search .base a:hover{padding-left:4px; width:168px; font-size:11px;}

.left .body a{font-size:11px;}
.left .body .highlight{font-size:11px;}

#left_specials a{width:160px; font-size:11px;}
.left{width:182px;}
.left .plaintext{width:164px; color:#a40001; border:0px; font-size:11px; font-family:Arial, sans-serif;}
.left .plaintext a{font-size:11px; width:auto; text-transform:none; color:#a40001;}
.left .plaintext a:hover{width:auto; color:#000000;}


/*These are used in the new stars pages*/
.photo_small {border: 1px solid #000000; margin:0px; padding:0px;}
.plaintext a{text-decoration:underline;}

/*These are for the main warning tags on vod.com*/
#parent_warning{width:90px; border:1px black solid; text-transform:uppercase; font-size:8px; font-weight:bold; font-family:Verdana,sans-serif; text-align:center; float:right;}
#parent_warning .black_bg{background:black; color:white; letter-spacing:2px; padding:1px;}
#parent_warning .black_bg a{color:white; text-decoration:none;}
#warnings{background:white; color:black;}
#parent_warning #warnings a{color:black; text-decoration:none;letter-spacing:2px; font-size:8px;}
#parent_warning #warnings a:hover{color:red; text-decoration:none;}

/*These are for the offer code in different places.*/
/*These should also be removed in the near future.*/
#offercode_video{width:90%; margin-bottom:4px; font-size:24px; font-style:italic; border:3px white solid; padding:3px;}
#offercode_video a{text-decoration:underline;}
#offercode_video a:hover{text-decoration:none;}

/* These are for the studio listing pages. */
#studio_list a{line-height:20px; height:20px;}
#studio_key {font-size:11px; padding:4px; margin:2px; border:1px black solid; background:white;  line-height:18px;}

/*This is used on the signup page, this should be phased out*/
.newcustomer .title, .newcustomer .title, a{color:black;}

/*These are for the catagorys page*/
.category_list{ margin-bottom:4px;  vertical-align:top; text-align:left; display:block; width:80%; }
.category_list .studio{width:80%; border-right:1px black solid; border-left:1px black solid;  font-size:11px; font-weight:bold; vertical-align:top; display:block; height:42px; }
.category_list .studio a{padding-left:0px;}
.category_list a{font:Arial, Helvetica, sans-serif; font-size:11px; text-transform:none; line-height:16px;}
.category_key {font-size:11px; padding:4px; margin:2px 10px 2px 0; border:1px black solid;  line-height:18px; width:240px;}
#rss .content img{ margin:2px;}

/*These are the different error message styles used in the site*/	
.dtphp_error{color:red; font-weight:900;}
.dtphp_field_prompt{text-align:right;}
.dtphp_debug{color:#800000; font-size:8pt;}
.dtphp_message{color:#800000; font-weight:900;}
.dtphp_highlight{color:#0000FF;}
.dtphp_debug_sql{color:#000080; font-size: 8pt;}
.dtphp_debug_url{color:#000080; font-size: 8pt;}

/*Not Sure If these are still Used or not - They will be deleted if they can't be found*/
.navbar_link{font:8px arial,verdana,sans-serif;}
.navbar_current_page{font:8px arial,verdana,sans-serif; font-weight:bold;}
.prompts{text-align:center; font-weight:900; font-size:10pt; color:#343851;}
.contentarea{font-size:14px; background:#3a5a91;}
.contentarea .contentheader{color:#cc0000;}
.text_field{border:#FF0000 1px solid;	color:#FFFFFF;	background:#000000;	font-family:arial,helvetica; font-size:11px;}
.new_submit{border:#000000 1px solid;	color:#000000;	background:#BBBBBB;	font-family:arial,helvetica; font-size:11px; font-weight:bold;}

.head{FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: navy; font-family: Arial, Helvetica;}
.head2{FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: red; font-family: Arial, Helvetica;}
.gbody{color: black; font-size: 11px; font-family: Arial, Helvetica;}
.glink{color: #b1cdff; font-size: 12px;}
.glink1{FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #19418a;}
.video_title{font:16px "arial" ; font-weight:bold; color:black;}
	
/*These are id styles for area that already have classes but need fonts adjusted*/
#large_title{font-size:24px;}
#med_title{font-size:16px; font-weight:normal; font-style:italic;}

/*These are newer generic font classes*/
.mini{font-size:11px; font-weight:normal;}
.mini_italic{font-size:11px; font-weight:normal; font-style:italic;}

.small{font-size:11px;}
.small_bold{font-size:11px; font-weight:bold;}
.small_italic{font-size:11px; font-weight:normal; font-style:italic;}
.small_bold_italic{font-size:11px; font-weight:bold; font-style:italic;}

.med{font-size:14px;}
.med_bold{font-size:14px; font-weight:bold;}
.med_italic{font-size:14px; font-weight:normal; font-style:italic;}
.med_bold_italic{font-size:14px; font-weight:bold; font-style:italic;}

.large{font-size:18px;}
.large_bold{font-size:18px; font-weight:bold;}
.large_italic{font-size:18px; font-style:italic;}
.large_bold_italic{font-size:18px; font-weight:bold; font-style:italic;}

.ex_large{font-size:22px;}
.ex_large_bold{font-size:22px; font-weight:bold;}
.ex_large_italic{font-size:22px; font-style:italic;}
.ex_large_bold_italic{font-size:22px; font-weight:bold; font-style:italic;}

/* Misc styles for individual pages*/
#director .plaintext a, #series .plaintext a{color:#000000; font-size:11px;}
#director .plaintext a:hover, #series .plaintext a:hover{color:#A40001; font-size:11px;}

/* use this in a div, span or td tag to override the italic style applied to vlinks*/
.no_vlink a:visited{font-style:normal;}

.tabs a{font-size:12px;}
.submenu a{font-size:12px;}

/* This will re-layout the sample clips on the video page */

#clips li,
#clips ol{
	list-style:none;
	margin:0;
	padding:0;
}
#clips li{
	list-style:none;
	padding:5px;
	float:left;
	min-width:130px;
	max-width:170px;
}
*html #clips li{
	width:130px;
}
#clips{
	clear:right;
}
.clearitem:after{
	content:".";
	clear:both;
	height:0;
	visibility:hidden;
	display:block;
}