/*

Created by SHpartners


Customer:	Textirama vzw
Domain:  	www.moodbrussels.com/
Author:  	Vince Delhaye

Last updated: 19-04-2010

ToC

 	    1. Font sizes and styles
 	    2. Structure
 	    3. Margins
 	    4. Standard elements
 	    5. Link styles
 	    6. Navigation


*/





/**************************/
/*  Font sizes and styles */
/**************************/


body {
	background: url(../images/MD2010background7.jpg) no-repeat;
	background-color: #d0d4dd;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 100%;
}

body {
	behavior: url(csshover.htc);
}


h1 { font-size: 1.3em; line-height: 1; margin-bottom: 0.5em; color: #ffffff; font-weight: normal;}
h2 { font-size: 1.2em; font-weight: bold; margin: 0px; padding: 5px 0px 3px 0px; color: #3d746b; line-height: 110%;}
h3 { font-size: 1.0em; margin: 1em 0 0.45em 0; color: #4c9e4e; font-weight: bold;}

th {
	background: #f0f0f0;
	color: #666;
	border-bottom: 1px solid #999;
	border-left: 1px solid #fff;
}

#logo-print {display: none;}



/***************************/
/* ------------- STRUCTURE */	
/***************************/

#wrapper {
	margin: 40px auto;
	/* width: 994px; */
	width: 990px;
	}

	#header {
		height: 227px;
		/* width: 840px; */
		width: 900px;
		clear: both;
		margin-bottom: 10px;
	}
	
		/*
#header #top-navigation #search-bar {
			height: 29px;
			text-transform: uppercase;
			color: white;
			background: url('../images/MD2010bck_top_navigation.gif') repeat-x;
			float: left;
			width: 200px;
			border-right: 1px solid #7c8137;
		}
	
*/
	#body {
		/* width: 840px; */
		width: 856px;
		clear: both;
	}
	
		#body #left-navigation {
			width: 155px;
			float: left;
			margin-right: 10px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			
		}
	
		#body #content-home {
			/* width: 654px; */
			width: 676px;
			background-color: white;
			float: left;
			padding: 0px 0px 15px 0px; 
		}
			
		#body #content {
			/* width: 634px; */
			width: 634px;
			/* background: url('../images/contentwhite.jpg') no-repeat; */
			min-height: 400px;
			background-color: white;
			float: left;
			padding: 10px 22px 15px 20px; 
		}
	
		/*
#body #content #news, #body #content-home #news  {
			width: 294px;
			float: left;
			background-color: white;
		}
*/
		
			}
			
			/*
#news .moviemenu{
				width: 279;
				float: left;
				padding-left: 5px;
			}
			
			#news .foto{
				width: 120px;
				float: left;
				padding: 0 0 0 10px;
			}
			
			#news .text{
				width: 150px;
				float: left;
				padding: 0 2px 2px 10px; 
			}
			
			#news .newsitem{
				padding: 35px 5px 0px 15px; 
		    }
*/
			
		
		
		
		
		#body #content-home #moodtv {
			width: 366px;
			float: right;
		}
		
		
		
		
		
			/*
#moodtv .player{
				width: 360px;
				float: right;
				background-color: #e1e1e1;
				padding-right: 0px;
				min-height: 400px;
			}
*/
			
			/*
#moodtv .playertext{
				padding: 20px 15px 10px 10px;
			}
*/
			
		/*
	#moodtv .newsitem{
				width: 230px;
				padding: 35px 5px 15px 15px; 
		}
*/
		
		
		
	#wrapper #main {
		float: left;
		/* width: 825px; */
		width: 840px;
	}
	
	#wrapper #banner img {
		padding: 0 0 9px 10px;
		float: left;
	}
	
	#bannernetwork {
		padding-top: 100px;
		padding-left: 10px;
		padding-bottom: 8px;
		float: left;
		height: 28px;
		width: 120px;
		text-transform: uppercase;
		color: white;
		float: left;
				
	}
	
	#otherpartners {
		padding-top: 237px;
		padding-left: 10px;
		float: left;
		}
	
	#partners {
		padding-top: 8px;
		padding-left: 10px;
		float: left;
		}
	

	#header-image {
		/* width: 825px; */
		width: 842px;
		height: 28px;
	}
	
	#page-header, .home-page-header {
		float: left;
		padding: 6px 0 9px 10px;
		/* width: 649px; */
		width: 666px;
		height: 16px;
		background-color: #ccd65c;
	}
	
	#imageNewsPage_byid {
				padding-top: 10px;
				padding-left: 10px;
				float: right;
				border-color:#FFFFFF;
				font-style: italic;
				font-size: smaller;
			}
	
	
	.home-page-header {
		width: 306px;
	}

	
		#page-header h1 {
			color: #000000;
			font-weight: bold;
			text-transform: uppercase;
			letter-spacing: 3px;
			width: 300px;
			float: left;
			font-size: 1.0em;
			height: 20px;
			padding: 4px 0px 3px 5px;
		}
		
		/*

		#page-header h1 {
			color: #5f857e;
			font-weight: bold;
			text-transform: uppercase;
			letter-spacing: 3px;
			width: 200px;
			float: left;
			background-color: #f2f2f2;
			height: 20px;
			padding: 5px 0px 3px 5px;
		}
*/
		
		
		.home-page-header h1 {
			color: #5f857e;
			font-weight: bold;
			text-transform: uppercase;
			width: 80px;
			float: left;
			font-size: 0.8em;
			letter-spacing: 3px;
			padding: 5px 0 3px 5px;
		}
				
		
		
		#page-header .utilities, .home-page-header .utilities {
			float: right;
			padding-right: 4px;
		}
		
		#page-headerStreaming .utilities2 {
			background-color: fuchsia;
			width: 69px;
		}
		
			#page-header .utitilies .rss {
				border: 1px solid grey;
			}
			
		
		#news-preview-title{
		width: 600px;
		}	
			
		#news-preview{
		padding-right: 0px;
		}	
	
		#news-preview-image{
		width: 270px;
		float: right;
		}
		
		#news-preview-hr{
		float: right;
		width: 630px;
		}

/*
#movie {
		width: 599px;
		left: -200px;
*/
		
		
		
		



#table-exhibition-page {
		width: 640px;
		}
		
		
		#table-exhibition-page  .text-nofoto{
			width: 640px;
			float: left;
			padding: 0 2px 20px 5px; 
		}
		
		#table-exhibition-page .foto{
			width: 120px;
			float: left;
		}
		
		#table-exhibition-page .text{
			width: 440px;
			float: right;
			padding: 0 2px 20px 5px; 
		}
		
		

/***************************/
/* --------------- MARGINS */	
/***************************/

p, div#content div  { 
	margin: 0 0 1.5em; 
	line-height: 1.5em;
}




/***************************/
/* ----- Standard elements */	
/***************************/




/***************************/
/* ---------- Links Styles */	
/***************************/

a:link {
	color: #2c586e;
}

a:visited {
	color: #2c586e;
}

a:hover {
	color: #2c586e;
	text-decoration: none;
}

a:active {
	color: #2c586e;
}

h2 a:link {
	color: #2c586e;
	text-decoration: none;
}

h2 a:visited {
	color: #2c586e;
	text-decoration: none;
}

h2 a:hover {
	color: #2c586e;
	text-decoration: none;
}

h2 a:active {
	color: #2c586e;
} 


/***************************/
/* ----------------- Table */	
/***************************/


table.exhibitors	{
	border-spacing: 5px
}




/***************************/
/* ------------ Navigation */	
/***************************/

#header #top-navigation ul {
	/* width: 624px; */
	width: 639px;
	text-transform: uppercase;
	color: white;
	background: url('../images/MD2010bck_top_navigation.gif') repeat-x;
	float: left;
}
	
			#header #top-navigation ul li {
				background: url('../images/MD2010bck_top_navigation.gif') repeat-x;
				float: left;
				border-right: 1px solid #7c8137;
				width: 140px;
				display: block;
				height: 29px;
				
			}

				#header #top-navigation ul li a {
					padding: 10px 15px 10px 15px;					
					margin: 0px;
					display: block;
					color: white;
					text-decoration: none;
					text-align: center;			
				}

				#header #top-navigation ul li a:hover {
					display: block;
					color: white;
					background: url('../images/MD2010bck_top_navigation_hover.gif') repeat-x;
					text-decoration: none;
					padding: 10px 15px 10px 15px;
				}
				
				#bannernetwork a {
					padding: 10px 15px 10px 15px;					
					margin: 0px;
					display: block;
					color: white;
					text-decoration: none;
					text-align: center;	
				}
				
				#bannernetwork a:hover {
					display: block;
					color: white;
					background: url('../images/MD2010bck_top_navigation_hover.gif') repeat-x;
					text-decoration: none;
					padding: 10px 15px 10px 15px;
				}
				
				
				
				
				
					
							
		#body #left-navigation ul {
			width: 157px;
			text-transform: uppercase;
			font-weight: bold;
			color: #333333;
			display: block;
		}
		
			#body #left-navigation ul li {
				display: block;
				background-color:  #0a273b;
				padding: 0px;
			}
			
			#body #left-navigation ul li a {
				display: block;
				color: white;
				text-decoration: none;
				padding: 8px 5px 8px 20px;
				margin: 0px;
				height: 15px;
				font-size: 0.7em;				
			}
	
			#body #left-navigation ul li a.current, #body #left-navigation ul li a.section {
				background-color: #013d57;
				color: #FFFFFF;
				font-size: 0.7em;
			}
			
			#body #left-navigation ul li a:hover {
				padding: 8px 5px 8px 20px;
				display: block;
				color: #d1dc57;
				text-decoration: none;
				font-size: 0.7em;
				
			}
			
			/****** SUBMENU ********/

			#body #left-navigation ul ul {
				width: 157px;
				text-transform: uppercase;
				color: #333333;
				background-color: #00435a;
				display: block;
			}

				#body #left-navigation ul ul li {
					display: block;
					background-color: #00435a;
					margin: 0px; padding: 0px;
				}
				
				#body #left-navigation ul ul li a {
					margin: 0px;
					display: block;
					color: black;
					text-decoration: none;
					font-size: 0.7em;
					color: #FFFFFF;
					height: 16px;
					padding-top: 9px;
					padding-left: 30px;
				}
			
				#body #left-navigation ul ul li a.current {
					background-color: #00435a;
					color: #ffffff;
				}
				
				#body #left-navigation ul ul li a:hover {
					display: block;
					color: #d1dc57;
					text-decoration: none;
					font-size: 0.7em;
					padding-left: 30px;
					padding-top: 9px;									
				}

				.section, .current {
					font-weight: bold;
				}
				
				.current {
					background: url('../images/bck_list_menu.png') no-repeat 6px 10px;
				}
				
				#body #left-navigation .bluedrop{
					background-color: #1cb2e4;
				}
				
	.press, .contact, .bluedrop, .trends-inspirations, .exhibitors-list, .exhibitor-zone, .what-is-mood, .warning, .images-2009 {
		margin-top: 8px;
	}


	#indigo{
		
		margin-top: 8px;
		width: 157px;
		}
		
	#expofil{
		
		width: 157px;
	}
	
	#searchform{
		
		color: black;
		margin-top: 24px;
		
	}
	
	#pre-register{
		
		width: 157px;
		height: 70px;
		margin-bottom: 8px;
		/* background: url('../images/DSTWeWere.jpg') no-repeat; */
	}


#language_chooser {
	float: right;
	width: 78px;
	background-color: #E7B5C8;
	height: 21px;						
}

	#language_chooser ul {
		margin: 0px; padding: 0px;
	}

	#language_chooser ul li{
		display: block;
		text-transform: uppercase;
		width: 26px;
		height: 25px;
		float: left;
		text-align: center;
		background-color: #E7B5C8;
	}
			
		#language_chooser ul li a {
			padding: 7px 0px 1px 0px;
			margin: 0px;
			display: block;
			color: #ac0043;
			background-color: #E7B5C8;
			text-decoration: none;
			width: 26px;
			height: 15px;						
		}
		
		#language_chooser ul li a:hover{
			display: block;
			color: #ac0043;
			background-color: #E7B5C8;
			text-decoration: none;
			width: 26px;	
			height: 15px;										
		}
	
		#language_chooser ul li.current a {
			background-color: #E7B5C8;
		}

		/* for the forum - dont know where else this should go */
		#RegisterLogin #email {
			width: 150px !important;
		}


		/* Enquiry form and generic styling */
		form,
		fieldset {
			border:0;
		}
		span.message,
		p.message {
			display:block;
			padding:5px;
			margin:10px;
		}

		#Form_Form div.field {
			margin-top: 15px;
			width: 100%;
			clear:left;
		}
		#Form_Form label {
		}
		#Form_Form label.left {
			float: left;
			width: 10em;
			padding: 3px;
		}
		#Form_Form label.right {
		}
		#Form_Form .FormHeading {
		}
		#Form_Form input.text,
		#Form_Form textarea,
		#Form_Form select,
		#Form_Form .numeric, #Form_Form .calendardate input {
			width: 200px;
			padding: 3px;
		}
		#Form_Form .calendardate input {
			width:80px !important;
		}
		#Form_Form select {
			width:208px;
		}
		#Form_Form .numeric {
			width: 25px;
			margin-right: 3px;
		}
		#Form_Form input.year {
			width: 35px;
		}
		#Form_Form .checkboxsetfield span {
			display: block;
		}
		#Form_Form .checkboxset .optionset,
		#Form_Form .optionset .optionset {
			padding-left: 17em;
		}
		#Form_Form .optionset li {
			list-style-type: none !important;
		}
		#Form_Form .dmycalendardate span {
			display: block;
		}
		#Form_Form p.checkbox {
			padding:10px 3px 0 10.5em;
		}
		#Form_Form p.field .right {
		}

		
		.required, .validation {
			color: #FF0806;
			border: 1px solid #FF0806;
			font-weight: bold;
		}
		
b, strong {
    font-weight: bold;
}

div#brand label { width: 100px; }
div#content table.exhibitors td, div#content table.exhibitors th { height: 16px; padding-top: 4px; }
div#content li { line-height: 18px; }
div#content h2 { padding-top: 12px; }
div#movie h2 { padding-top: 0px; }
div#movie h2 { padding-top: 0px; }
div#table-exhibition-page h2 { padding-top: 0px; }
div#news h2 { padding-top: 0px; }