/*-- Style Sheet Name   : local_css_ccmovies.css
---- Creation Date      : Apr 20 2006
---- Revision           : 1.0
---- Author             : Robert Scott-Buccleuch
---- Summary            : local styles controling the movies section. Also overriding some global styles
------------------------------------------------------------------------------------------------------------------------------------------*/

/*-- Fixes and Hackes
-------------------------- this is a mozilla fix to expand a collasped floated div due to a bug ------------------------------------------*/
.clearfix:after {
    content             : "."; 
    display             : block; 
    height              : 0; 
    clear               : both; 
    visibility          : hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*------------------------------------------------ OVERRIDES GLOBAL STYLES --------------------------------------------------------------*/

/*-- cream color for ccmovies background
-----------------------------------------------------------------------------------------------------------------------------------------*/
.pageContentBG{
 background-color       : #ffffd9;
 }

/*-- Link Overrides
-----------------------------------------------------------------------------------------------------------------------------------------*/


/* xxxxxxxxxxxxxxxxxxxxxxxxx B4 BRENDAN xxxxxxxxxxxxxxxxxxxxxxxxx
.toutText, .toutText A:link, .toutText A:visited, .toutText A:active, .toutText U {color:#ff0000;}, .toutText	a:hover	{color:#000000;}
A:link,A:visited,A:active,.text A:link,.text A:visited,.text A:active{text-decoration:underline;color:#000000;}
A:hover,.text A:hover {text-decoration: underline;color: #000000;}*/

.text, .text a:link, .text	a:visited, .text a:active, .toutText, .toutText a:link, .toutText a:visited, .toutText a:active, U {
	color:#000000;
}

.text	a:hover, .toutText a:hover, .on .toutText U, a:hover {
	color:#ff6600;
	text-decoration:underline;
}

.toutText U, U, .text:link, a:visited {
	text-decoration:underline;
}

/*-- Tout Overrides
-----------------------------------------------------------------------------------------------------------------------------------------*/
.m1_holder, .m1_holder_over, .m1_holder_multiLink, .m1_holder_multiLink_over{
 background-image       : url(/images/ccmovies/site/common/d9.gif);
 background-repeat      : no-repeat;
 background-position    : 0px 0px;
 }
.header_2, .toutlessHeader{
 color                  : #ffffff;
 background-color       : #999531;
 }
.header{
 background             : #e87e24;
 color                  : #000;
}
.j1 .header{
	height: 16px;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxx B4 BRENDAN xxxxxxxxxxxxxxxxxxxxxxxxx

.on .toutText U, .toutText a:hover{
 color                  : #000;*/															/* White enphasized font rolls to #f2ee54, if white font is ever in the jhtml */
/* }*/
.m1 .header{ padding-left:3px;}
.m1_holder .off .m1 .m1_pad img, .m1_holder .on .m1 .m1_pad img{ margin-left: 3px; }

.videoNavRight2{
	margin                 : 10px;
}
/*--
--- For the features page
-----------------------------------------------*/
.holdM4img{
	width: 200px;
	height: 160px;
}
.toutText{
	height:auto;
}
/*-----------------------------------------------*/


/*-- Ad and Nav Overrides
-----------------------------------------------------------------------------------------------------------------------------------------*/
#ad_336x280{
 background-color       : #000000;
 }
#ad_160x600{
	background             : transparent;
}
.moviesNavPosition	{
 position               : absolute;
 top                    : 150px;
 left                   : -10px;
 }
.moviesHomeNavPosition {
 position               : absolute;
 top                    : 175px;
 left                   : -10px;
}	

#sendToAFriend{
	position: relative;
	top:30px;
}
#sendToAFriend div.sendToAFriendHolder a.text{
	padding-left: 25px;
	text-decoration:underline;
}

/*-- Section Overrides
-----------------------------------------------------------------------------------------------------------------------------------------*/
#content_duplex{
	padding-top            : 20px;
}

	.section_110{
	margin                 : 0;
	padding                : 0;
	width                  : 110px;
 float                  : left;
	display:inline;
	
	}
.section_440{
	margin                 : 5px 0 5px 8px;
}
.featureHeight{
	height: 259px;
}
/*------------------------------------------------ PAGE LEVEL STYLES --------------------------------------------------------------------*/

/*-- atoz Movies and People
-----------------------------------------------------------------------------------------------------------------------------------------*/
#alphaList_bg{
	z-index:10;
	background-image: url("../../images/ccmovies/site/atoz/bg_alpha_index_middle.gif");
	background-position: 10px 0;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	width:440px;
	float: left;	
	text-align:left;
}
#atozTop_instr p{
	width: 215px;
	padding:0;
	margin:0;
	height: 60px;
}
#al_expand_left{
	background: transparent url("../../images/ccmovies/site/atoz/bg_alpha_right_expand.gif") no-repeat 0 0;
	height: 580px;
	margin:0 0 0 10px;
	padding:0;
}
#al_expand_right{
 background: url("../../images/ccmovies/site/atoz/bg_alpha_left_expand.gif");
	background-repeat: repeat-y;
	background-position: 0 0;
	height: 580px;
}
#alphaList_bottom{
	background-image: url("../../images/ccmovies/site/atoz/bg_alpha_bottom.gif");
	background-repeat: no-repeat;
	background-position: 10px 100%;
	padding-bottom:70px;
}
#alphaList_bg ul.leftList, #alphaList_bg ul.rightList{
	margin: 20px 25px;
	padding: 0;
	list-style:none;
	width:180px;
}
#alphaList_bg ul.leftList li, #alphaList_bg ul.rightList li{
	line-height : 1.5em;
}
#alphaList_bg ul.leftList li a, #alphaList_bg ul.rightList li a{
	text-decoration: underline;
}
#alphaList_bg ul.leftList li a:hover, #alphaList_bg ul.rightList li a:hover{
	text-decoration: underline;
	color: #fff;
}
.rightList{
	float: right;
	clear: right;
	position: relative;
	left: -20px;
}

* html .rightList{
	left: 10px;
}
/*-- overriding style for atoz Movies and People
-----------------------------------------------*/


img.atozTop{
	position               : relative;
	left                   : 9px;
	top                    : 10px;
}
#alphaList_bg div.atoz_bucketPlacer{
	clear:right;
	float: right;
	position: relative;
	margin:0;
	padding-top:25px;
	left: -35px;
}

* html #alphaList_bg div.atoz_bucketPlacer{
	padding-top:50px;
}


#atoz_buttons{
	float:left;
	width:409px;
	margin:-60px 0 0 10px
}
#atoz_buttons a#atoz_next{
	margin-left: 200px; 
}
* html #atoz_buttons a#atoz_next{
	margin-left: 190px; 
}
#atoz_buttons a#atoz_prev{
	margin-left: 20px; 

}
div#holdOnAir div.m3_holder, div#holdOnAir div.toutText{
	height                 : auto;
}
div#holdOnAir div.onAirText{
	padding                : 0 0 0 0;
}


/*-- xsl pages
-----------------------------------------------------------------------------------------------------------------------------------------*/
.sectionHeader, .byLine, .sectionTitle	{
	font-weight            : bold;
	font-size              : 15px;
	font-family            : Arial, sans-serif;
	margin                 : 0;
	padding                : 0; 
	text-align             : left;
	padding-bottom		   : 5px;
	xxxwhite-space			   : nowrap;
	line-height: 100%;
}

.section {
	font-weight            : bold;
	font-size              : 22px;
	font-family            : Arial, sans-serif;
	margin                 : 0;
	padding                : 0; 
	text-align             : left;
	padding-bottom		   : 5px;
	XXXwhite-space			   : nowrap;
	line-height: 100%;
}

.sectionHeader{
	margin-bottom          : 5px;
}
.topTitle{
		width                  : 183px;
}
/*-- Used to pad the date in the title for a movie */
.sectionHeader span{
	padding-left           : 10px;
}
.sectionTitle, h3.byLine{
	font-size              : 11px;
	font-weight            : bold;
}

.sectionTitle{
	text-decoration        : underline;
	font-weight            : bold;
	margin-bottom          : 2px;
	
}
	.personContent, .movieContent{
	text-align             : left;
	width                  : 415px;
	padding                : 5px;
	}

	.personContent a, .movieContent a{
	text-decoration         : underline;
}
a.viewMore{
display                 : block;
text-decoration         : underline;
margin                  : 5px 0;
padding                 : 5px 0;
	
}
.personContent a:hover, .movieContent a:hover{
	color                  : #ff6600;
}

.personContent a.titleStyle, .movieContent a.titleStyle{
	text-decoration        : underline;
	font-weight            : bold;
	color                  : #000;
}
/*---- Titles ----------------------*/
.section_440 .imgH2Title{
	width                  : 220px;
	height                 : 50px;
	background             : url('../../../../images/ccmovies/site/headers/title_filmography.gif') 0 0 no-repeat;
	margin-left            : -14px;
}

/*
-- prefix mp: movie person
--         m: movie
--------------------------*/
#mpTitleBio{
	background             : url('../../../../images/ccmovies/site/headers/title_biography.gif') 0 0 no-repeat;
	margin-left            : -20px;
}
#mpTitleWorkedWith{
	background             : url('../../../../images/ccmovies/site/headers/title_worked_with.gif') 0 0 no-repeat;
	margin-left            : -20px;
}
#mpTitleAwards, #mTitleAwards{
	background             : url('../../../../images/ccmovies/site/headers/title_awards.gif') 0 0 no-repeat;
}
#mTitleCast_Crew{
	background             : url('../../../../images/ccmovies/site/headers/title_cast_crew.gif') 0 0 no-repeat;
	margin-left            : -20px;
}
#mTitlePlot{
	background             : url('../../../../images/ccmovies/site/headers/title_plot_summary.gif') 0 0 no-repeat;
	margin-left            : -20px;
}
#mTitleRelated_Movies{
	background             : url('../../../../images/ccmovies/site/headers/title_related_movies.gif') 0 0 no-repeat;
	margin-left            : -20px;
}
#mTitleReview{
	background             : url('../../../../images/ccmovies/site/headers/title_review.gif') 0 0 no-repeat;
	margin-left            : -20px;
}
#amgFooter, .container_footerD14{
	background             : #ffffd9;
	text-align             : center; 
}
.container_footerD14{
	height                 : 70px;
}
/*------------------------------------------------ Temp --------------------------------------------------------------------*/

img.moviePoster{
	float:left;
	margin: 5px 10px 5px 0;

}

ul{
	list-style             : none;
	margin                 : 5px 0;
	padding                : 0;

}
ul li{
	text-align             : left;
	line-height            : 1.5em;
}
ul li strong{
	padding                : 0 10px 0 0;
}
dt, dd a{line-height:1.5em;}

dl{
	width                  : 355px; 
}
ul span{
	padding : 0 3px;
}
.schCaption{
	margin: 1px 0;
	font-style: italic;
	width : 198px;
}
a#friendLink{
	text-decoration: underline;
}