/* Base CSS styles that will not change in any theater. */

/*  
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! EXTREMELY IMPORTIANT !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
DO NOT LET A VALIDATOR "CORRECT" ANY OF OUR CSS SHEETS. IT WILL DESTROY THEM FOR INTERNET EXPLORER! (85% OF OUR AUDIANCE.)

Currently, the ONLY browser that is completely compliant is safari on mac.
These style sheets use multiple css tricks/hacks to account for a wide variety of browsers, not just mozilla & safari.

Anywhere you see "*html" , that style is an IE ONLY style hack. This is to account for IE's brken box module. It is NOT incorrect, Mozilla simply does not recognize that selector. 
If this page is converted into PHP in the future, these will be removed in favor of a PHP browser check.

This ".clearitem:after{}" is another css trick to correct float issues in Mozilla. A validator will say it is incorrect. DO NOT REMOVE IT.

Hopefully these hacks can be removed in several years after the major browsers catch up with css compliance.
*/


/* These are the primary default values for the site
--------------------------------------------------------*/
body{
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	}
.clearitem:after{
	content:".";
	clear:both;
	height:0;
	visibility:hidden;
	display:block;
	}
#base_spacer{
	width:100%;
	height:4px;
	}
.copywrite{
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	}
.welcome{
	 font-size:14px;
	 font-weight:bold;
	}
.titles{
	font-weight:bold;
	font-size:18px;
	color:#343851;
	}
hr{
	height:2px;
	}
th{
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	padding:0px;
	}
td{
	vertical-align:top;
	}
a{
	text-decoration:none;
	}
a:hover{
	text-decoration:underline;
	}
	
ul a {
	font-size:11px;
	text-decoration:underline;
	}
h1{
	font-size:16px;
	}
.promo,
.promo a{
	font-size:22px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	}
#also_found_in .title{
	font-weight:bold;
	}
	
/* Flags
----------------------------------------------------*/
#flags a{
	background:none transparent 0% 0%;
	padding:0 4px 0 0;
	margin:0px;
	}
#flags a img{
	border:1px black solid;
	}
#flags a:hover{
	background:none;
	}
#flags a:hover img{
	border:1px red solid;
	}


#myaccount #align_flags{
	
	}
#myaccount #flags{
	width:700px;
	text-align:left;
	float:left;
	padding:0;
	margin:0;
	position:relative;
	margin:6px;
	}

	
/* Section headers
--------------------------------------------------- */
.sectionheader{
	font-size:16px;
	font-family:arial,sans-serif;
	font-weight:bold;
	text-align:center; 
	}	

/* Form Elements on the signup page 
   At this point, this page can not be customized.
--------------------------------------------------- */
.signup{
	color:black;
	}
.signup a{
	color:maroon;
	text-transform:capitalize;
	font-weight:bold;
	}
.signup a:hover{
	color:red;
	}
.signup .pageheader{
	padding:2px;
	}
.search select{
	width:160px;
	}
select{
	font-size:9px;
	color:black;
	}
	
/* Form elements
--------------------------------------------------- */
input{
	font-size:10px;
	}
form{
	margin:0px;
	padding:2px;
	}
textarea{
	font-size:11px;
	}
.text_field{
	border:#FF0000 1px solid;
	color:#FFFFFF;
	background:#000000;
	font-size:11px;
	}
input.submit{
	background:navy;
	border:2px outset blue;
	color:white;
	font-weight:bold;
	}
#myaccount input.submit{
	font-size:14px;
	margin-bottom:10px;
	}
	
	
/* Default plain text areas. 
   This is always whie so we have something we can always have one background color for.
--------------------------------------------------------------------------------------- */	
.plaintext{
	font-size:12px;
	}
.plaintext a{
	font-weight:bold;
	}
.plaintext a,
.plaintext a:hover{
	 text-decoration:none;
	}
.plaintext_buttons{
	color:#000;
	}
.plaintext_buttons a{
	font-weight:bold;
	color:#990000;
	}
.plaintext_buttons a:hocer{
	color:#FF0000;
	}


/* 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 will keep the border off of custom ct headers
----------------------------------------------------- */
.pageheader{
	font-weight:bold;
	font-size:14px; 
	}
.pageheader img,
.pageheader a img{
	border:0px;
	}
	
/* These are for the primary table color sets. These are used everywhere.
------------------------------------------------------------------------- */	
.featuredMovie a{
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
	}
.featuredMovie a:hover,
.featuredMovie a:visited{
	 text-decoration:none;
	}
.featuredMovie .title a{
	font-size:14px;
	font-weight:bold;
	font-weight:bold;
	}
.featuredMovie .title a:hover{
	text-decoration:none;
	}
.featuredMovie .studio{
	 font-size:12px;
	}
.featuredMovie .studio a{
	font-size:11px;
	font-weight:bold; 
	}
.featuredMovie .studio a:hover{
	 text-decoration:none;
	}
.featuredMovie .content{
	 font-size:11px;
	}
.featuredMovie .content a,
.featuredMovie .content a:hover,
.featuredMovie .content a:visited{
	 text-decoration:underline;
	}



/* These styles are for the right side nav.
------------------------------------------------ */
.numbers{
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	vertical-align:top;
	padding-right:2px;
	}
.right .body{
	font-size:11px;
	}
.right .body a,
.right .body a:hover,
.right .body a:visited,
.right .body a:active{
	font-size:10px;
	}
.right .body a:hover,
.right .body a:visited{
	text-decoration:none;
	}
.right .plaintext{
	color:#000000;
	}
.right .plaintext a{
	color:#a40001;
	}
.right .plaintext a:hover{
	color:#FF0000;
	}
	

/* This is the primary style for the paging numbers.
-------------------------------------------------- */
.nextbuttons{
	text-transform:capitalize;
	font-size:12px;
	}
.nextbuttons a,
.nextbuttons a:hover{
	text-decoration:underline;
	font-weight:bold;
	}
.bg_text{
	font-size:14px;
	font-weight:bold;
	}


/* 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.
   This is also used for the Tips at the top of the site.
   ------------------------------------------------------------------------ */
#newsblurb{
	padding:3px;
	}
#newsblurb .blurbtext a{
	text-decoration:underline;
	width:100%;
	height:18px;
	}
#newsblurb .blurbtext a{
	height:18px;
	}
	
/* 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
------------------------------------------------------- */
#mainvideo h1,
#mainvideo .title{
	font-size:24px;
	}
#mainvideo .title{
	font-weight:normal;
	font-style:italic;
	}
#mainvideo .studio{
	font-size:12px;
	}

/* Styles for the reviews section of the video page.
------------------------------------------------------ */
#review .title{
	font-size:14px;
	font-weight:bold;
	}

/* Categories page
--------------------------------------------------------*/	
#categories .sectionheader,
#categories #list,
#categories #list_extras{
	width:95%;
	}
#categories #list td{
	padding-left:25px;
	}

/* These are for the viewing options links on the video page.
   This page is the same on all theaters so the colors can be embedded here.
-------------------------------------------------------------------------- */
#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  for the search box in the left side menu. 
   They are different than .left since the form element throws thigs off.
   -------------------------------------------------------------------- */
.search .body a{
	font-size:11px;
	}
.search .body a:hover{
	text-decoration:none;
	}
.search .base a{
	font-size:11px;
	}
.search .base a:hover{
	text-decoration:none;
	}
.search .highlight{
	font-size:12px;
	font-weight:bold;
	text-align:center;
	text-decoration:underline;
	}
.search .highlight a{
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
	}
	
/* These are for the rest of the left side styles
------------------------------------------------- */
.left .body{
	 font-size:11px;
	}
.left .body a{
	 font-size:11px;
	}
.left .body a:hover{
	 text-decoration:none;
	}
.left .body .highlight{
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
	}
.left .highlight a{
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
	}
.left .plaintext{
	width:164px;
	color:#a40001;
	font-size:11px;
	}


/* 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, Arial, Helvetica, 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;
	}

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


/* These are for the catagory page
----------------------------------------------------- */
.category_list a{
	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:bold;
	}
.dtphp_field_prompt{
	text-align:right;
	}
.dtphp_debug{
	color:#800000;
	font-size:8pt;
	}
.dtphp_message,
.dtphp_debug_sql,
.dtphp_debug_url{
	color:#800000;
	font-weight:bold;
	}
.dtphp_highlight{
	color:#0000FF;
	}


	
/* These are id styles for areas that already have classes but need fonts adjusted. Rarely used.
   Use the classes in the next sets for font adjustments whenever possible.
--------------------------------------------------------------------------------- */
#large_title{
	font-size:24px;
	}
#med_title{
	font-size:16px;
	font-weight:normal;
	font-style:italic;
	}

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

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

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

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

.ex_large,
.ex_large_bold,
.ex_large_italic,
.ex_large_bold_italic{
	font-size:22px;
	}
.ex_large_bold,
.ex_large_bold_italic{
	font-weight:bold;
	}
.ex_large_italic,
.ex_large_bold_italic{
	font-style:italic;
	}
	
/* Misc styles for director and series 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;
	}

/* Tab and submenu classes
------------------------------------------------ */
.tabs a{
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	}
.submenu{
	 font-size:12px;
	 font-weight:bold;
	}
.submenu a{
	font-size:12px;
	text-decoration:none;
	}


/* These are for the video page, they control the viewing options
------------------------------------------------------------------ */
#movie_options h4{
	 font-size:14px;
	}
#movie_options .option_block .option_body #viewing_options .plaintext a:visited{
	font-style:normal;
	}
	
	
/* These are for the viewing options block on video.k
-------------------------------------------------------------------- */
#viewing_options{
	font-size:11px;
	font-weight:normal;
	}
#viewing_options .option_type{
	font-weight:bold;
	font-size:12px;
	}
#viewing_options .option_links a{
	font-size:11px;
	}
#viewing_options .cost{
	float:right;
	width:90px;
	background:white;
	color:#000000;
	padding:2px;
	}



/* For the links on the video page that are under the box cover
------------------------------------------------------------------- */
#video_options .icon{
	display:block;
	float:left;
	width:40px;
	height:25px;
	text-align:center;
	position:relative;
	top:-5px;
	}
#video_options a{
	clear: left;
	padding-left: 10px;
	float: left;
	font-weight: bold;
	font-size: 14px;
	padding-bottom:5px;	
	font-style:normal;
	}
	
	
/* My Account width defaults
-------------------------------------------------------------- */
#myaccount_tabs,
#myaccount_submenu,
#myaccount_content{
	width:780px;
	}
	
#myaccount_submenu{
	border:0
	}
	
/* My Reviews page
--------------------------------------------------------------*/
#myreviews #review_list li{
	margin:0;
	padding:0;
	list-style:none;
}

/* For the small photos on the stars page
-------------------------------------------------------------- */
img.photo_small{
	margin:2px;
	padding:3px;
	}
	
	
/* Styles for the reviews page
---------------------------------------------------------------- */
#review_table{
	border:1px #000 solid;
	}
#review_table th{
	padding:5px;
	border-right:1px #000 solid;
	border-bottom:1px #000 solid;
	}
#review_table td{
	padding:3px;
	border-bottom:1px #000 solid;
	}
#review_table a{
	font-weight:bold;
	text-decoration:underline;
	}
#review_table a:hover{
	text-decoration:none;
	}
#review_table .review_number,
#review_table .review_rating{
	text-align:center;
	}


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

/* These are for the news and Tips boxes that appear at the top of the site after you log in.
-------------------------------------------------------------------------------------------- */
#news_boxes{
	font-size:12px;
	}
#news_boxes .notetext{
	font-size:14px;
	font-weight:bold;
	}
#news_boxes .notetext a{
	font-size:14px;
	font-weight:bold;
	}





/* ***************************************************************** */
/* These styles are specificially for the pages on the signup server */	
/* ***************************************************************** */

#clapboard .clapboard_body{
	color:#000;
	}
#clapboard .clapboard_body a{
	color:#a40001;
	text-decoration:underline;
	}
#clapboard .clapboard_body a:hover{
	color:#000;
	}
	
#wm_download_step1 #login_signup_table,
#wm_download_step2 #login_signup_table,
#purchase #login_signup_table{
	width:700px;
	}
#wm_download_step1 .newcustomer,
#wm_download_step2 .newcustomer,
#purchase .newcustomer{
	background:#F7EFEF;
	border-left:10px solid white;
	border-bottom:10px solid white;
	padding:6px;
	}
#wm_download_step1 .newcustomer .title,
#wm_download_step2 .newcustomer .title,
#purchase .newcustomer .title{
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	}
#wm_download_step1 .newcustomer .title a,
#wm_download_step2 .newcustomer .title a,
#purchase .newcustomer .title a{
	color:black
	}
#wm_download_step1 .newcustomer .title a:hover,
#wm_download_step2 .newcustomer .title a:hover,
#purchase .newcustomer .title a:hover{
	color:#a40001;
	text-decoration:underline;
	}
#wm_download_step1 .existingcustomer,
#wm_download_step2 .existingcustomer,
#purchase .existingcustomer{
	color:#000;
	background:white;
	border-right:10px solid white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:5px;
	padding-right:5px;
	width:230px;
	text-decoration:none;
	}
#wm_download_step1 .existingcustomer, a
#wm_download_step2 .existingcustomer a,
#purchase .existingcustomer a{
	color:#a40001;
	}
#wm_download_step1 .existingcustomer a:hover,
#wm_download_step2 .existingcustomer a:hover,
#purchase .existingcustomer a:hover{
	color:red;
	}
#wm_download_step1 .highlight,
#wm_download_step2 .highlight,
#purchase .highlight{
	font-weight:bold;
	color:maroon;
	}
#wm_download_step1 #selling_points li,
#wm_download_step2 #selling_points li,
#purchase #selling_points li{
	list-style:inside url(images/star_single.gif);
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#333333;
	}
#wm_download_step1 .newrelease,
#wm_download_step2 .newrelease,
#purchase .newrelease{
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:125px;
	}
#wm_download_step1 .header,
#wm_download_step2 .header,
#purchase .header{
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	background:#102C94;
	border:1px black solid;
	text-align:center;
	text-transform:uppercase;
	}

#wm_download_step1 #login_signup_table .newcustomer,
#wm_download_step2 #login_signup_table .newcustomer,
#purchase #login_signup_table .newcustomer{
	width:410px;
	padding:4px;
	margin:4px;
	}
/* Style for the dhtml tooltip
--------------------------------------------*/
#dhtmltooltip{
	font-size:12px;
	position: absolute;
	width: 100px;
	border: 1px solid black;
	padding: 2px;
	background: #ffffe1;
	color:#000;
	visibility: hidden;
	z-index: 100;
	text-align:left;
	}