/*
Cannes Archive 2008
/css/main.css
main site structure and common stylesheet
author: Chris Armstrong, thoughtbubble Ltd
created: 19 February 2008
*/

/*
red - #AF0A06;
red - #C60000

*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


body { 
	margin:0;
	padding:0;
	background-color:#2F2D2E;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	/* text-decoration: blink; */
}
body.playFilms { background-color:#fff; margin-top:5px; }

/* HTML STYLES */
h1 {}
h2 {}
h3 { font-size:130%; font-weight:normal; margin:10px 0 8px 0;  }

form { margin:0; padding:0; }

p { margin:2px 0 8px 0; } 
hr { border:0; color:#C7C3A8; background-color:#C7C3A8; height:1px; margin:0; padding:0; }

a:link, a:visited, a:hover { color:#C60000; text-decoration:underline; }
a.plain:link, a.plain:visited { text-decoration:none; }
a.plain:hover { text-decoration:underline; }

li { margin:6px 0; }
#ErrorDisplayInner li { margin:0; }
.submitBtn, a.closeLink { 
	border:1px solid #FFFFFF; 
	background-color:#000000; 
	color:#FFFFFF; 
	padding:2px 2px 2px 2px; 
	margin:0; 
	font-size:1.0em; 
	cursor:pointer;
	background-image:url(/images/layout/btn_bg.gif); 
	background-repeat:repeat-x;
}
.submitBtn:hover, a.closeLink:hover { color:#FFFFFF; border:1px solid #FF0000; }

a.closeLink { color:#ffffff; text-decoration:none; }
div.closeLink { margin:auto; text-align:center; }

.lesserBtn { 
	border:1px solid #ccc; 
	background-color:#e5e5e5; 
	color:#999; 
	padding:2px 2px 2px 2px; 
	margin:0; 
	font-size:1.0em; 
	cursor:pointer;
	background-repeat:repeat-x;
}
.lesserBtn:hover { color:#000; border:1px solid #FF0000; }


a.linkBtn:link, a.linkBtn:visited { 
	border:1px solid #FFFFFF; 
	background-color:#000000; 
	color:#FFFFFF; 
	padding:2px 5px 2px 5px; 
	margin:0; 
	font-size:1.0em; 
	cursor:pointer;
	background-image:url(/images/layout/btn_bg.gif); 
	background-repeat:repeat-x;
	text-decoration:none;
}

a.linkBtn:hover { color:#FFFFFF; border:1px solid #FF0000; }

/*
--------------------------------------
STRUCTURAL LAYOUT
--------------------------------------
*/
#mainWrapper { width:100%; text-align:center; }

#bgWrapper { 
	width:977px; 
	margin:auto; 
	background-color:#FFFFFF; 
	background-image:url(/images/layout/lion_bg.gif); 
	background-repeat:no-repeat;
	background-position:right bottom;
	}

#pageWrapper { 
	width:977px; 
	margin:auto; 
	text-align:left; 
	padding:0 0 0 0;
	position:relative;
	background-color:#FFFFFF;
	background-image:url(/images/layout/bg_light.gif); 
	background-repeat:repeat-y;
	background-position:left top;
	}
	
#popupWrapper { 
	background-color:#fff;
	margin:10px;
	padding:10px;
	}
	
#lightboxWrapper { 
	width:960px;
	background-color:#FFFFFF;
	text-align:left;
	padding:0;
	margin:auto;
	}
/*
--------------------------------------
LEFT COLUMN
--------------------------------------
*/

#left_col { float:left; width:217px; padding:0px 0px 0px 5px; }
#siteLogo { background-color:#000000; border-bottom:5px solid #FFFFFF; border-top:5px solid #FFFFFF; color:#FFFFFF; }

.left_col_section { background-color:#C7C3A8; border-bottom:5px solid #FFFFFF; }
.left_col_section_header { background-color:#000000; color:#FFFFFF; height:22px; font-size:1.0em; position:relative; background-image:url(/images/layout/section_header_bg.gif); background-repeat:repeat-x; }
.left_col_section_header_title { position:absolute; top:2px; left:10px; z-index:2; }
.left_col_section_header_left_corner { width:10px; height:22px; position:absolute; top:0; left:0; background-image:url(/images/layout/section_header_left_corner.gif); background-repeat:no-repeat; }
.left_col_section_header_right_corner { width:10px; height:22px; position:absolute; top:0; left:207px; background-image:url(/images/layout/section_header_right_corner.gif); background-repeat:no-repeat; }
.left_col_section_body { padding:2px 5px 2px 5px; background-image:url(/images/layout/left_section_bottom.gif); background-repeat:no-repeat; background-position:left bottom;  }
.left_col_section_footer { height:5px; }

/* login details */
.logoutLink { margin:5px 0px 5px 0px; }

/* login form */
#login_form { padding:5px 0px 5px 0px; margin:0; padding:0; }
#login_form label { float:left; width:60px; margin-bottom:2px; padding-top:4px; display:inline; }
#login_form .textinput { float:left; width:128px; margin-left:10px; margin-bottom:2px; height:18px; padding:2px 0; }

#login_form .login_forgotten_link { margin-bottom:8px; margin-top:8px; }
#login_form .login_forgotten_link a:link, #login_form .login_forgotten_link a:visited { text-decoration:none; }
#login_form .login_forgotten_link a:hover { color:#FF0000; text-decoration:none; }

#login_form .submitBtn { float:right;  }
#login_form label.rem_label { float:left; width:160px;  padding-top:2px;}
#login_form .rem_checkbox { float:right; text-align:right; width:15px; margin-top:8px; }

/* quick search */
#quick_search_form { padding:5px 0px 0px 0px; margin:0 0 8px 0; text-align:right; width:202px; }
#quick_search_form .textinput { float:left; width:202px; margin-bottom:2px; height:18px; padding:2px 0; }
#quick_search_form .submitBtn { float:right; margin-left:10px; margin-bottom:2px; margin-top:3px;  }

/* 
--------------------------------
main navigation 
--------------------------------
*/
div.left_navigation { background-color:#fff; margin:0; padding:0 0 4px 0; }
ul.left_navigation, ul.left_navigation li ul { margin:0; padding:0; list-style-type:none;  }
ul.left_navigation li { margin:0 0 2px 0; padding:1px 0 0 0;}
ul.left_navigation li ul li { margin:0 0 2px 0; padding:1px 0 0 0;}
* html ul.left_navigation li { margin:0 0 1px 0; padding:1px 0 1px 0;}
* html ul.left_navigation li ul li { margin:0 0 0 0; padding:0 0 1px 0;}

ul.left_navigation li a, ul.left_navigation li a:visited {
	display:block;
	border: solid #000;
	border-width: 0 1px;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #000;
	background-image:url(/images/layout/page_header_bg.gif);
	background-repeat:repeat-x;
	outline:none;
	
}

ul.left_navigation li a:hover { text-decoration:none; color:#FF0000; }
ul.left_navigation li ul { list-style:none; margin:0; padding:0; }
ul.left_navigation li ul li { margin:0; padding:0; display:block; }
ul.left_navigation li ul li a:link, ul.left_navigation li ul li a:visited {
	display:block;
	color:#FFFFFF;
	background-color:#AF0A06;
	text-decoration:none;
	padding:4px 0px 4px 10px;
	margin:0;
	outline:none;
	/*font-size:0.8em;*/
	background-image:url(/images/layout/sub_header_bg.gif);
	background-repeat:repeat-x;
}
ul.left_navigation li ul li a:hover { 
	text-decoration:none;
	background-color:#AF0A06;
	color:#000000;
}

/* nav on state */
ul.left_navigation li.navlinkOn a:link, ul.left_navigation li.navlinkOn a:visited { color:#FF0000; }
ul.left_navigation li.navlinkOn a:hover { color:#FF0000; }

ul.left_navigation li.navlinkOn ul li a:link, ul.left_navigation li.navlinkOn ul li a:visited { color:#FFFFFF; }
ul.left_navigation li.navlinkOn ul li a:hover { color:#000000; }

ul.left_navigation li ul li.subnavlinkOn a:link, ul.left_navigation li ul li.subnavlinkOn a:visited { color:#000000; }
ul.left_navigation li ul li.subnavlinkOn a:hover { color:#000000; }

/* For one pixel corners */
ul.left_navigation li a b {
  display: block; /* another must */
  position:relative; /* because the child elements are positioned */
  top: -1px; /* drag it up a little, creates the top notches */
  left: 0;
  border:solid #000;
  border-width:1px 0 0; /* top border only */
  font-weight:normal;
}
ul.left_navigation li a b b {
	border-width:0 0 1px; /* bottom border only */
	top: 2px; /* pushed down a little to create the bottom notches */
}
ul.left_navigation li a b b b { /* i don't think three-deep tag is even necessary */
	top:-1px;
	padding:1px 0px 1px 10px;
	border-width: 0;
}

#left_col_bottom_space { height:50px; background-image:url(/images/layout/left_section_top.gif); background-repeat:no-repeat; background-position:left top; margin:0; }
#left_col_bottom_space_foot { background-image:url(/images/layout/left_section_bottom.gif); background-repeat:no-repeat; background-position:left top; width:217px; height:12px; position:absolute; top:-23px; left:0;  }

/*
--------------------------------------
MAIN COLUMN
--------------------------------------
*/

#mainCol { float:left; width:745px; margin-left:5px; }
.column_text { padding: 5px 5px 5px 5px; }
.page_header { background-color:#000000; color:#FFFFFF; padding:2px 5px 2px 5px; margin:6px 0px 8px 0px; font-size:1.2em; background-image:url(/images/layout/page_header_bg.gif); background-repeat:repeat-x; }
.sub_header { background-color:#AF0A06; color:#FFFFFF; padding:2px 5px 2px 5px; margin:5px 0px 8px 0px; font-size:1.1em; background-image:url(/images/layout/sub_header_bg.gif); background-repeat:repeat-x; }
.pageContent { padding:0px 0px 0px 5px; }
.textContent { margin-right:200px; }
.sub_header a:link, .sub_header a:visited { color:#fff; font-weight:bold; text-decoration:none; }
.sub_header a:hover { text-decoration:underline; }


/*
--------------------------------------
PAGE FOOTER
--------------------------------------
*/

#footerBar {
	position:relative;
	background-color:#000000;
	color:#FFFFFF;
	font-size:0.85em;
	border:5px solid #FFFFFF;
	background-image:url(/images/layout/footer_bar_bg.gif); 
	background-repeat:repeat-x;
	background-position:left top;
	height:22px;
}

.footer_telephone { float:left; width:195px; text-align:center; display:inline; padding:1px 0px 0px 0px; font-size:1.2em; background-image:url(/images/layout/footer_bar_left.gif); background-repeat:no-repeat; background-position:0 0; height:22px; }
* html .footer_telephone { height:21px; }

ul.footer_navigation { float:left; width:600px; list-style:none; margin:0; padding:0; font-size:1.2em; }
ul.footer_navigation li { display:inline; margin:0; padding:0; }
ul.footer_navigation li a:link, ul.footer_navigation li a:visited {
	float:left;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	padding:1px 0px 0px 0px;
	width:150px;
	text-align:center;
}
ul.footer_navigation li a:hover { 
	text-decoration:none;
	color:#FF0000;
}

/* nav on state */
ul.footer_navigation li.navlinkOn a:link, ul.footer_navigation li.navlinkOn a:visited { color:#FF0000; }
ul.footer_navigation li.navlinkOn a:hover { color:#FF0000; }

.footer_cannes_link { float:left; width:167px; text-align:right; font-size:1.2em; display:inline; padding:1px 5px 0px 0px; background-image:url(/images/layout/footer_bar_right.gif); background-repeat:no-repeat; background-position:right top; height:22px; }
* html .footer_cannes_link { height:21px; }
.footer_cannes_link a:link, .footer_cannes_link a:visited { color:#FFFFFF; text-decoration:none; }
.footer_cannes_link a:hover { color:#FF0000; text-decoration:none; }




.left_double_column {  float:left; width:598px; background-color:#FFFFFF; padding-top:5px; }

/*=---   FORM ELEMENTS - Generic   ---=*/
label.mandatory, div.mandatory, p.mandatory { font-weight:bold; }
input.mandatory, select.mandatory { background-color:#f4fbfc; font-weight:normal; }
input.textinput, select.selectinput, select.smallselectinput, input.datetextinput, input.shortertextinput, input.input, input.smallselectinput, textarea, input.significantInputTextField, input.significantInputTextFieldWide, input.significantInputTextFieldSmall { border:1px solid #666; font-size:1em; }
textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em; }
textarea.mandatory { background-color:#f4fbfc; }

label.missing, div.missing, p.missing, .missing { color:#e00; }
input.missing, select.missing { border:1px solid #e00; /*background-color:#ffe5e5;*/ }

/*=- FORM ELEMENTS - Specific -=*/
.textinput { float:left; width:400px; padding:2px; margin-bottom:5px; margin-top:5px;}
.selectinput { float:left; width:408px; margin-bottom:5px; margin-top:5px; }
.textareainput { float:left; width:400px; padding:2px; margin-bottom:5px; }
.label { float:left; width:200px; margin-bottom:5px; margin-top:5px; margin-right:10px; }
.shortlabel { float:left; width:80px; margin-bottom:5px; margin-top:5px; margin-right:10px; cursor:pointer; }
.submit { float:right; margin-bottom:5px; }
.btn_go { margin-left:10px; margin-bottom:5px; margin-top:5px; }
input.checkbox_line { float:left; margin:10px 10px 5px 0px; }
div.checkbox_line { float:left; margin:10px 0px 5px 0px; }
input.unfixed { float:left; margin-bottom:5px; }
.inputHolder { float:left; width:580px; margin-bottom:5px; margin-top:5px; }
.inputHolderNarrow { float:left; width:420px; margin-bottom:5px; margin-top:5px; }
.top_label { margin:5px 0 0 0; width:430px; }
.form_right_top_label { float:left; width:410px; margin:0 0 5px 210px; display:inline; }


/* modules */

.text_box { background-color:#C7C3A8; }
.text_box_header { background-color:#000000; color:#FFFFFF; height:22px; font-size:1.0em; position:relative; background-image:url(/images/layout/section_header_bg.gif); background-repeat:repeat-x; }
.text_box_header_title { position:absolute; top:2px; left:5px; z-index:2; }
.text_box_header_title a:link, .text_box_header_title a:visited { color:#fff; text-decoration:none; }
.text_box_header_title a:hover { text-decoration:underline; }
.text_box_header_left_corner { width:10px; height:22px; position:absolute; top:0; left:0; background-image:url(/images/layout/section_header_left_corner.gif); background-repeat:no-repeat; }
.text_box_header_right_corner { width:10px; height:22px; position:absolute; top:0; left:235px; background-image:url(/images/layout/section_header_right_corner.gif); background-repeat:no-repeat; }
.text_box_body { padding:2px 5px 2px 5px; }
.text_box_footer { height:5px; }
.free_text { padding:5px; }

.module_playlist_item { width:240px; float:left; margin-bottom:8px; }
.module_playlist_thumbnail_col { float:left; width:95px; padding-top:0; }
.module_playlist_thumbnail { width:90px; }
.module_playlist_thumbnail img { border:0; }
.module_playlist_detail_col { float:left; width:145px; font-size:90%; }
.module_playlist_description { font-size:90%; border-bottom:1px solid #C7C3A8; margin-bottom:4px; }

.module_playlist_details_link { background-color:#000000; color:#FFFFFF; width:85px; padding:0 0 0 5px; height:16px; cursor:pointer; }
.module_playlist_details_link a:link, .module_playlist_details_link a:visited, .module_playlist_details_link a:hover { color:#FFFFFF; text-decoration:none; font-size:0.85em;  }

.subnav_link a:link, .subnav_link a:visited { float:left; font-size:0.9em; padding:3px 20px 3px 10px; background-color:#4EB60A; color:#FFFFFF; text-decoration:none; font-weight:bold; margin-bottom:10px; width:220px; }
.subnav_link a:hover { background-color:#75D519; }

.subnav_backlink a:link, .subnav_backlink a:visited { float:left; font-size:0.9em; padding:3px 20px 3px 10px; background-color:#FF0000; color:#FFFFFF; text-decoration:none; font-weight:bold; margin-bottom:10px; width:220px; }
.subnav_backlink a:hover { background-color:#FF552A; }

/* GENERIC STYLES */
.error { color:#ff0000; font-weight:bold; border:1px dotted #c00; padding:4px; }
.message { color:#cc0000; font-weight:bold; border:1px dotted #c00; padding:4px; }
.small { font-size:85%; }
.light { color:#666; }
.ajaxMsg { border:0; }
.border_top { border-top:1px solid #C7C3A8; }
div.content_limiter { width:650px; }