/*
-----------------------------------------
CANNES LIONS 2008
main.css
created by: Chris Armstrong, Thoughtbubble Ltd
date: 12 October 2007
- main site stylesheet
-----------------------------------------
*/

/* defaults */
/* remove the inconsistent (among browsers) default padding or margin  */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }


.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 { 
	/* font-family: Trebuchet, Tahoma, Arial, Helvetica, Sans-Serif; */
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:0.75em; /* Dom: I've made the font size slightly smaller to alloe btter layouts in registrations and I think it works better for the rest of the site */
	background-color:#97D3E2;
}
p { margin-top:0px; margin-bottom:8px; }
h1 { font-size:1.8em; }
h2 { font-size:1.6em; }
h3 { font-size:1.4em; }
h4 { font-size:1.2em; }
h5 { font-size:1.0em; }
h6 { font-size:0.8em; }

ul {margin-left:15px;}
li { margin:6px 0; }
#ErrorDisplayInner li { margin:0; }

hr { border:0; color: #f00; background-color: #f00; height: 1px; } /* #ff7f00 */

/* Links */
a:link, a:visited { color:#00709e; text-decoration:none;  }
a:hover { color:#000000; text-decoration:underline; }


/* Links with blue backgrounds */
.center_column a:link, .center_column a:visited, .column_text a:link, .column_text a:visited, .left_column a:link, .left_column a:visited, .left_double_column a:link, .left_double_column a:visited, a.blue_link:link, a.blue_link:visited , .reg_logout_link a:link, .reg_logout_link a:visited { color:#000000; text-decoration:none;  background-color:#99CCFF; }
.center_column a:hover, .column_text a:hover, .left_column a:hover, .left_double_column a:hover, a.blue_link:hover { color:#FFFFFF; text-decoration:none; }

a:link img, a:visited img { background-color:transparent; }

/* Override some linke back to not blue background */
.gallery_paging_row a:link, .gallery_paging_row a:visited, .gallery_controls a:link, .gallery_controls a:visited, .module_285 a:link, .module_285 a:visited, .library_btns a:link, .library_btns a:visited, .image_gallery_tab_row a:link, .image_gallery_tab_row a:visited, a:link.noblue, a:visited.noblue { background:none; }


/* text styles */
.error_text { color:#FF0000; font-weight:bold; }
.header_text { background-color:#E0B853; }
.title_text { background-color:#FF7F00; font-size:1.3em; font-weight:bold; padding:2px 0px 2px 0px; }

.cms_header_text { background-color:#E0B853; font-weight:bold; border-left:5px solid #E0B853; border-right:5px solid #E0B853; position:relative; left:-5px; margin-bottom:5px; padding:1px 0px 1px 0px; line-height:1.4em; }

/*
-----------------------------------------
main site structure
-----------------------------------------
*/

/* head of site */
#PrintHeader { display:none; }
#headerWrapper { width:100%; min-width:840px; text-align:center; /*background-image:url(../images/layout/header_px.gif);*/ background-repeat:repeat-x; }
#logoBar { width:800px; margin:auto; text-align:left; position:relative; z-index:1000; }
#logoBar img { border:0; }
/* #logout_link { position:absolute; top:73px; left:668px; color:#ffffff; text-align:right; z-index:2; } */
#logout_link { position:absolute; top:33px; left:415px; color:#ffffff; text-align:right; z-index:2; }

#logout_link a:link, #logout_link a:visited { color:#ffffff; text-decoration:none; }
#logout_link a:hover { color:#000000; text-decoration:underline; }

#topNavBar { background-color:#000000; }
#topNavigation { width:840px; margin:auto; text-align:left; color:#FFFFFF; }

/* top navigation */
#topNavigation ul { list-style:none; margin-left:20px; }
#topNavigation ul li { display:inline; }
#topNavigation ul li div { height:34px; overflow:hidden; float:left; }

/* foot of site */
#bottomNavBar { background-color:#000000; }
#bottomNavigation { width:840px; margin:auto; text-align:left; color:#FFFFFF; }

/* bottom navigation */
#bottomNavigation ul { list-style:none; margin-left:20px; }
#bottomNavigation ul li { display:inline; }
#bottomNavigation ul li div { height:26px; overflow:hidden; float:left; }

#bottom_border_bar { width:100%; min-width:840px; background-image:url(../images/layout/footer_px.gif); margin-top:1px; background-repeat:repeat-x; height:9px; }


/* subnavigation */
ul.subnav { list-style:none; margin:0; padding:0; border:0; }
ul.subnav li { list-style:none; display:inline; }
ul.subnav li img { margin-bottom:3px; }
ul.subnav li ul { display:none; list-style:none; margin:0; padding:0; margin-bottom:2px; }
ul.subnav li ul li img { margin-bottom:1px; }

/* main site */
#mainWrapper { width:100%; min-width:840px; text-align:center; background-color:#FFFFFF; /*background-image:url(/images/layout/background.gif);*/ background-repeat:repeat-x; }
#pageWrapper { width:800px; margin:auto; text-align:left; padding-bottom:20px; position:relative; }

/* columns */
.left_column { float:left; width:295px; background-color:#FFFFFF; padding-top:5px; }

.center_column { float:left; width:295px; margin-left:8px; background-color:#FFFFFF; display:inline; padding-top:5px; }

.right_column { float:left; width:194px; margin-left:8px; display:inline; padding-top:5px; overflow:hidden; }
/* .right_column { position:absolute; top:5px; left:606px;} */
.home_right_column { float:left; width:194px; margin-left:8px; display:inline; padding-top:5px; background-color:#FFFFFF; }
.left_double_column {  float:left; width:598px; background-color:#FFFFFF; padding-top:5px; }
.left_triple_column {  float:left; width:800px; background-color:#FFFFFF; padding-top:5px; }
.left_double_column_no_bg {  float:left; width:598px; padding-top:0px; }

.column_text { padding:0px 5px 5px 5px; }
.page_header { margin:0px 0px 5px 0px; }

/* modules */
.module_block_image { margin:0px 5px 5px 5px; }
.module_block_text { margin:0px 5px 5px 5px; }

.module_large_intro { width:285px; margin:0px 0px 5px 5px; }
.module_194 { width:184px; margin:0px 0px 5px 5px; }
.module_285 { width:285px; margin:0px 0px 5px 5px; }
.module_588 { width:588px; margin:0px 0px 5px 5px; }
.module_header { margin:0px 0px 5px 0px; }
.module_special { margin:0px 0px 5px 0px; }

.module_trio_square { width:285px; margin:0px 0px 5px 5px; }
.module_trio_square_image { float:left; width:75px; height:70px;  }
.module_trio_square_link { float:left; width:200px; border-left:5px solid #99CCFF; position:relative; left:-5px; margin-bottom:5px; padding:2px 0px 2px 0px; }
.module_trio_square_link a { padding:2px 0px 2px 0px; }
.module_trio_square_text { }
.module_text { width:285px; margin:0px 0px 5px 5px; font-size:1.2em; line-height:1.1em; font-weight:bold; }

.module_trio_landscape { width:285px; margin:0px 0px 5px 5px; }
.module_trio_landscape_image { float:left; width:102px; height:70px;  }
.module_trio_landscape_link { float:left; width:175px; border-left:5px solid #99CCFF; position:relative; left:-5px; margin-bottom:5px; padding:2px 0px 2px 0px; }
.module_trio_landscape_link a { padding:2px 0px 2px 0px; }
.module_trio_landscape_text { }

.module_duo_link { float:left; width:285px; border-left:5px solid #99CCFF; position:relative; left:-5px; margin-bottom:5px; padding:2px 0px 2px 0px; }
.module_duo_link a { padding:2px 0px 2px 0px; }

.module_wall_one { width:285px; margin:0px 0px 5px 5px; }
.module_wall_two { float:left; width:140px; margin:0px 0px 5px 5px; display:inline; }

.news_module_link { width:285px; margin:0px 0px 5px 0px; }

.preview_module_back { float:left; font-size:1.2em; font-weight:bold; }
.preview_module_confirm { float:right; font-size:1.2em; font-weight:bold; }

.preview_module_back a:link, .preview_module_back a:visited { display:block; background-color:#FF0000; padding:2px 5px 2px 5px; color:#FFFFFF;  text-decoration:none;}
.preview_module_back a:hover {  }

.preview_module_confirm a:link, .preview_module_confirm a:visited { display:block; background-color:#399D30; padding:2px 5px 2px 5px; color:#FFFFFF;  text-decoration:none;}
.preview_module_confirm a:hover {  }

/* Page elements */
.sub_header_img { margin-top:5px; } /* used for sub header images */

.linked_content_link { margin-bottom:9px; line-height:1.4em; }
.linked_content_link a:link, .linked_content_link a:visited { color:#000000; text-decoration:none; background-color:#99CCFF; padding:2px 0px 2px 0px; border-left:5px solid #99CCFF; position:relative; left:-5px; font-weight:bold; }
.linked_content_link a:hover { color:#FFFFFF; text-decoration:none; }

.linked_content_header { margin-bottom:5px; color:#000000; text-decoration:none; background-color:#E0B853; padding:2px 0px 2px 0px; border-left:5px solid #E0B853; position:relative; left:-5px; display:inline; font-weight:bold; line-height:1.4em; }
.linked_content ul li { margin-bottom:8px; }

/*=---   POP UPS   ---=*/
#popup_bottom_bar { width:100%; min-width:600px; background-image:url(../images/layout/footer_px.gif); margin-top:1px; background-repeat:repeat-x; height:9px; }
#popup_top_bar { width:100%; min-width:600px; background-image:url(../images/layout/popup_top.gif); margin-top:1px; background-repeat:repeat-x; height:15px; }
.popup_content { background:#fff; padding:10px; }
.popup_content_flush { background:#fff; }
.popup_header { background:#fff; padding:15px 10px 10px 0; }
.popup_buttons { text-align:center; margin-top:15px; }
.popup_buttons a { margin:0 20px; }
.popup_content.buttons { text-align:center; }
.popup_content.buttons a:link { margin:0 20px; }

/*=---   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, input.smallinput1, input.smallinput2, select.smallselectinput, input.datetextinput, input.shortertextinput, input.input, input.smallselectinput, textarea, input.significantInputTextField, input.significantInputTextFieldWide, input.significantInputTextFieldSmall { border:1px solid #666; font-weight:normal; }
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;*/ }


/*=---   ERROR DISPLAY   ---=*/
#ErrorDisplay{
position:absolute; border: 2px solid #ff7f00; background-color: #fff; width: 620px;
display:none; z-index: 100; margin-left:-310px; text-align:left; overflow:hidden;
}
#ErrorDisplayInner { padding:0 10px 10px 10px; }
#ErrorDisplayInner ul { margin-top:5px; margin-bottom:5px; }
#ErrorButtons { margin-bottom:10px; text-align:center; }
#ErrorHeading{ margin-bottom:10px; }
#ErrorHeading h3 { float:left; font-size:1.1em; background-color:#FF7F00; font-size:1.3em; font-weight:bold; padding:2px 10px 2px 10px; margin-top:5px; }
/* Fix for IE6 Select z-index bug courtesy of http://www.hedgerwow.com/360/bugs/css-select-free.html */
#ErrorDisplay iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width:3000px;/*must have for any big value*/
	height:3000px/*must have for any big value*/;
}

/*=---   Listing   ---=*/

.listRow, .listRowAlt, .listRowSub { padding:2px 0; }
.listRowAlt { background-color:#f4fbfc; }
.listRowSub { border-top:1px solid #ff7f00; font-style:italic; }