/* =====================================================================	
	 	bright.css
========================================================================		
   	Author: James Dacosta
   	Date: 23 May 2008
------------------------------------------------------------------------
	Styles for flanders site added by Bright Interactive
========================================================================*/ 

h2.large {
	margin:1em 0;
	font-size: 1.2em;
}

/* Override absolute widths and heights set by WD for elements like input buttons */
.auto{width:auto !important; height:auto !important;}

.editable{background:#fffb98;}

.front_edit{color:#111; text-decoration:none; text-transform:uppercase; font-size:9px; font-family:verdana !important; float:right;}

.cms_event{float:left;  margin-bottom:15px !important; overflow:hidden;}

.capitalise{text-transform:capitalize !important;}

#offer_set{float:left; width:100%; overflow:hidden;}

.offer_desc{ width:148px; float:right;}

.offer_img {float:left; width:80px; }

.offer_item{ float:left; width:100%; margin-bottom:17px;}

#offer_set .divider_3 {float:left;}

h1.underline {
	padding-bottom: 1em !important;
	background: url(/images/rule_dashed.gif) bottom left repeat-x;
	margin: 0 0 1em 0;
	}

div.padded {
	padding-left:10px;
	}	

div.sub_content_wide {
	margin: 15px 10px 0px 0px;
	padding: 0px 0px 0px 62px;
	width:358px;
	float:left;
}

div.bright_image_col {
	float:right;
	width: 230px;
	margin:0 0 1em 1em;
	text-align:right;
}


div.cool_col {
	float:right;
	margin:0 0 0 10px;
	padding:0px 0px 0px 0px;
	width:235px;
}

.cmscontent a:link,.cmscontent a:visited{color: #aa1b6e; text-decoration: none; font-size: 1.0em; font-weight: bold;}

.cmscontent a:hover {color: #000000; text-decoration: none; font-size: 1.0em; font-weight: bold;}

.cmscontent a:active {color: #aa1b6e; font-size: 1.0em; font-weight: bold;} 

/* links on homepage featured destination */
div.home_featured_destination p{
	margin:0;
}
div.home_featured_destination a{
	color:#D18316;
	font-weight:bold;
	text-decoration: none;
}
div.home_featured_destination a:hover{
	color:#898989;
}
/* Nav bar - non js version
------------------------------------------------------------------------*/
ul.bright_nav { 
	background: #898989; 
	clear: both;
	padding: 0; margin:0; list-style: none;
	}
ul.bright_nav li {float:left}	
ul.bright_nav a{
	height:22px;
	float:left;
	line-height:22px;
	text-align: center;
	color:#fff; text-decoration: none;
	text-indent: -999999px;
	overflow: hidden; 
	}
ul.bright_nav li#nav_destinations a{
	background: url(../images/nav/1.gif) top left no-repeat;
	width:105px;
	}	
ul.bright_nav li#nav_discover a{
	background: url(../images/nav/2.gif) top left no-repeat;
	width:136px;
	}		
ul.bright_nav li#nav_accomodation a{
	background: url(../images/nav/3.gif) top left no-repeat;
	width:129px;
	}	
ul.bright_nav li#nav_getting_there a{
	background: url(../images/nav/4.gif) top left no-repeat;
	width:111px;
	}	
ul.bright_nav li#nav_promotions a{
	background: url(../images/nav/5.gif) top left no-repeat;
	width:96px;
	}	
ul.bright_nav li#nav_whats_on a{
	background: url(../images/nav/6.gif) top left no-repeat;
	width:88px;
	}	
ul.bright_nav li#nav_brochure a{
	background: url(../images/nav/7.gif) top left no-repeat;
	width:91px;
	}						
ul.bright_nav li#nav_info a{
	background: url(../images/nav/8.gif) top left no-repeat;
	width:98px;
	}		
ul.bright_nav li#nav_contact a{
	background: url(../images/nav/9.gif) top left no-repeat;
	width:107px;
	}
ul.bright_nav li#nav_default a{
	background: url(../images/nav/mice_nav_h.gif) top left no-repeat;
	width:62px;
	}
ul.bright_nav li#nav_ff a{
	background: url(../images/nav/mice_nav_ff.gif) top left no-repeat;
	width:135px;
	}
ul.bright_nav li#nav_services a{
	background: url(../images/nav/mice_nav_os.gif) top left no-repeat;
	width:104px;
	}
ul.bright_nav li#nav_special_offers a{
	background: url(../images/nav/mice_nav_so.gif) top left no-repeat;
	width:108px;
	}
ul.bright_nav li#nav_proposal a{
	background: url(../images/nav/mice_nav_rp.gif) top left no-repeat;
	width:156px;
	}
ul.bright_nav li#nav_enews a{
	background: url(../images/nav/mice_nav_en.gif) top left no-repeat;
	width:68px;
	}
ul.bright_nav li#nav_useful a{
	background: url(../images/nav/mice_nav_ui.gif) top left no-repeat;
	width:92px;
	}

ul.bright_nav a:hover,
ul.bright_nav li.OnMenu a {
	background-position: left -22px !important;
	}	
ul.bright_subnav {
	list-style: none;
	margin:0; padding:0;
	}
/* ul.bright_subnav li {
	padding-left: 11px;
	background: url(../images/nav/subnav_icon.gif) left 4px no-repeat;
}	
ul.bright_subnav li.current {
	background: url(../images/nav/subnav_icon_selected.gif) left 4px no-repeat;	
} */
ul.bright_subnav li {
	clear:left;
}
ul.bright_subnav li a {
	display:inline !important;
	}
	
ul.bright_subnav li.current a {
	font-weight: bold;
	color:#000 !important;
	}	
ul.bright_subnav li a span {
	/* padding-left: 12px; */
	float:left;
	height:1%;
}
ul.bright_subnav li a div {
	padding-left:0;
	height:1%;
	float:left;
	cursor: pointer;
	width: 120px;
}
	
/* Styles for user generated content 
------------------------------------------------------------------------*/
.forum-content{margin-bottom:10px;}
.forum-content ul, .forum-content ol{margin-left:35px; padding-left:0;}
.forum-content h1,.forum-content h2, .forum-content h3 {margin-bottom:10px;}
.forum-content h1{font-size:140%;}
.forum-content h2{font-size:120%;}
.forum-content h3{font-size:110%;}
.forum-content h4, .forum-content h5, .forum-content h6 {font-size:100%;}
.forum-content a {color:#AA1B6E; text-decoration:none; font-weight:bold;}
.forum-content a:hover {color:#000;}

.msg{background:#CEF6CC; padding:10px; border:1px solid #B1D3AF;}
.error{background:#fedcdf; padding:10px; border:1px solid #f5a8b0;}


/*=simple forms
------------------------------------------------------------------------*/
.simple{}
.simple fieldset{border:none;}
.simple fieldset, .simple fieldset ol{padding:0px;}
.simple li {display:block; clear:both; overflow:hidden; margin:0 0 4px 0 !important; padding:0; width:100% !important; }
.simple ol {float:left; width:100%; margin:0;}

.simple label, .simple span {
	display: block;
	width: 65%;
	float: left;
	margin:0; padding:0;
	line-height:1.8;
}

.simple fieldset fieldset{float:none; clear:both;}
.simple fieldset.stack label{float:none; clear:both;}

 
.simple input,
.simple textarea,
.simple select
{
	width:99%;
}

.simple label {
	text-align: left;
	width: 30%;
	padding-right: 5px; 
}

.simple #message{height:100px !important;}
.simple #submit {
	width:auto;
}

.manage_article {float:left; margin-right:8px; padding:0;}


.article_image {margin:0px; padding:0px; float:left; width:100%;}

.article_image_preview{ float:left; width:130px;}
.article_image_preview img {padding:5px; background:#ddd; float:left;}

.article_image_ctrl{padding:5px; float:left; }
.article_image_ctrl strong{ display:block; margin-bottom:4px;}
.article_image_ctrl .swap{display:block; float:left; margin-bottom:4px; padding:4px 0 4px 26px; background:url(/img/swap.gif) center left no-repeat;}
form.alignLeft label{text-align:left;}
form.alignRight label{text-align:right;}


.simple .w25{width:25%;}
.simple .w50{width:50%;}
.simple .w60{width:60%;}
.simple .w65{width:65%;}
.simple .w75{width:75%;}
.simple .w80{width:80%;}
.simple .w90{width:90%;}
.simple .w100{width:100%;}

.simple .h50 {height:50px;}
.simple .h100 {height:100px;}

.simple input.btn{width:auto;height:auto;}

#imagelist{float:left; width:580px; position:relative;}
#imagelist #main_imgs{ float:left; width:430px;}
#imagelist #other_imgs{ float:left; width:120px; position:absolute; top:0px; left:430px;}
#imagelist #other_imgs ul , #imagelist #other_imgs li {list-style-type:none; padding:0; margin:0;}
#imagelist #other_imgs li{margin-bottom:8px; float:left;}
#imagelist #other_imgs li a, #imagelist #other_imgs li a img{ float:left;}
#imagelist #other_imgs p {float:left; width:100px;}
#main_image{float:left; width:100%;}

#content_contain{min-height:400px;}

/* clearing
------------------------------------------------------------------------*/
.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 */



/* destinations
------------------------------------------------------------------------*/
div.dest_cat {
	float:left;
	width:150px;
	height: 14em;
	margin-right:20px;
	margin-bottom:1em;
	}	
	
div.dest_cat p {
	border-left:14px solid #333;
	padding-left:5px;
	margin:8px 0;
	color: #616161;
	min-height:50px;					
	}
* html div.dest_cat p { height:50px } 	/* IE 6 doesn't support min-height */

div.dest_cat a {
	font-weight: bold;
	text-decoration: none;
	}	
	
div.dest_cat p.antwerp {border-color:#FEC423;}		
div.dest_cat p.bruges {border-color:#1D649F}	
div.dest_cat p.brussels {border-color:#956E8E}	
div.dest_cat p.ghent {border-color:#00853E}	
div.dest_cat p.leuven {border-color:#9B8383}	
div.dest_cat p.mechelen {border-color:#D18316}	
div.dest_cat p.ostend {border-color:#00a8b4}
div.dest_cat p.coast {border-color:#00BFF3}	
div.dest_cat p.ypres {border-color:#B42C33}	


div.dest_cat p.activities {border-color:#86A20B;}		
div.dest_cat p.art {border-color:#88146A}	
div.dest_cat p.cool {border-color:#00A8B4}	
div.dest_cat p.gastronomy {border-color:#F0B600}	
div.dest_cat p.gay {border-color:#EE8CB1}	
div.dest_cat p.history {border-color:#E32219}	
div.dest_cat p.made {border-color:#B89D3A}	
div.dest_cat p.what {border-color:#E28000}	


/* top five things to do
------------------------------------------------------------------------*/
div.feature_box_small {
	clear:left;				/* styles also defined in styles.css */
	/* padding: 0 0 1em 0; */
	}
div.feature_box_small p{
	display: inline;
}
	

/* coast
------------------------------------------------------------------------*/

.coast_map_container {
	background: none!important;
}

.coast_map {
	margin: 12px 0 0 0px;
	width: 660px;

}

.quote-container {
	margin: 20px 0;
	font-weight: bold;
	color: #606060;
	font-size: 1.3em;
}

.quote-container span {
	font-family: Georgia, sans-serif;
	font-size: 1.5em;
}

#map_flash {
	width: 660px;
	height: 462px;

}


/* captioned images and general image alignment
------------------------------------------------------------------------*/	
/* except for cool item images */
img.img_cool {
	float: left;
	padding: 0px 10px 0px 0px; 
	margin:0;}

div.bright_image_col img {
	margin-bottom:1em
}	
div.bright_image_col div.captionedImage{
	float:right;
}	
div.bright_image_col div.captionedImage img {
	display:inline;
	margin-bottom:0em
}	
	
div.captionedImage {
	margin-bottom:1em;
	text-align:right;
}

div.captionedImage img { 
	margin-bottom:0 !important;
	display:block;
	}

div.captionedImage br {
	clear: both;
}

div.captionedImage p {
	padding-top: 0.5em;
	font-size: 0.9em;
}

div.ci_align_left {
	float: left;
	margin-right: 2em;
	text-align:left;
}

div.ci_align_right {
	float: right;
	margin-left: 2em;
	
}

div.coast_image {
	float: right;
	width: 232px;
}
div.coast_image img {
	width: 100%;
}


/* Put in correct width for this image channel, so that caption wraps under image */
div.ci_channel_body {
	width: 180px;
}

div.ci_channel_body2 {
	width: 227px;
}
div.ci_channel_large {
	width:600px;
}	

.presspeople {
	width: 240px;
	padding-right: 20px;
	float: left;
}
.fullclear {
	clear: left;
	width: 100%;
}
.fLeft {
	float: left;
	margin: 0 10px 10px 0;
	display: inline;
}
.compContent ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.compContent ul li {
	margin: 0;
	padding: 0 0 0 12px;
	background: url('/images/bullet.gif') no-repeat 0 0.375em;
}
.compImg ul li {
	padding: 0 0 0 154px;
	background: #FFF url('/images/bullet.gif') no-repeat 142px 0.375em;
}


.noborder {
	background: none!important;
}