/* 
 * Type: Main CSS
 * Version: 1.0 (2012.05.21.)
 * 
 * Copyright 2012
 * © All right reserved!
 *  
 * 2012
 *
 */



/* -----------------------------------------
   Shared Styles
----------------------------------------- */

* { margin: 0; padding: 0; }

html, body {
	width: 100%;
}

body {
	background: #ffffff url(../img/new_bg.png) top repeat-x;
	font-weight:normal;
	font-size:13px;
	color:#464646;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 1.2em;
}

img {
	border: none;
}

:focus {
	outline: none;
}

a {
	text-decoration: none;
}

.clear {
	clear: both;
	float: none;
}

.left {float: left;}
.right {float: right;}

.hide {display: none;}

.h40 {
	height: 40px;
}

.h20 {
	height: 20px;
}

.mL10 {
	margin-left: 10px;
}

.mL20 {
	margin-left: 20px;
}

.mT10 {
	margin-top: 10px;
}

.mTB20 {
	padding: 0 0 20px 0;
	display: inline-block;
}

.mTB10 {
	display: inline-block;
	padding: 0 0 10px 20px;
}

.w407 {
	width: 350px;
	height: 236px;
	text-align: center;
}

.w224 {
	width: 264px;
}

.yellow {
	background: #eec33a;
}

.yellow-line {
	border-bottom: 2px solid #eec33a;
	font-weight: bold;
}

.marginLeft {
	margin-left: 5px;
}

/*	--------------------------------------------------
	::: Main structure
	::: Head
	::::: Head - Menu
	::: Main Page
	::::: Main Page - Slider
	::::: Main Page - Boxes
	::: Footer
	-------------------------------------------------- */

/* Main structure
---------------------------------------------*/

#wrapper {
	width: 930px;
	margin: 0 auto;
	padding: 0;
}

	#head {
		height: 162px;
		background: url(../img/new_head.png) no-repeat center bottom;
	}



/* Head
---------------------------------------------*/

.derex_logo {
	padding: 20px 0 0 20px;
}

.pc_logo {
	padding: 25px 59px 0 0;
}

	/* Head - Menu
	---------------------------------------------*/
	
	ul#menu {
		margin: -1px 0 0 0;
		padding: 0;
		line-height:1.3;
	}
	
		ul#menu li {
			list-style: none;
		}
		
			ul#menu li a {
				display: block;
				margin: 0 40px 0 0;
				padding: 13px 10px 13px 10px;
				float: left;
				color: #231f20;				
			}
			
				ul#menu li a:hover {
					background: url(../img/menu_hover.jpg) repeat-x;
				}
			
			ul#menu li a.selected {
				background: url(../img/menu_hover.jpg) repeat-x;
			}


#container {
	border-left: 1px solid #d3d2d2;
	border-right: 1px solid #d3d2d2;
	min-height: 450px;
	width: 930px;
}


/* Main Page - Slider
---------------------------------------------*/

#slides {
	position: relative;
	text-align: right;
	margin: 0;
	padding: 0;
	width:930px;	
	height:275px;
}

.slides_container {
	width:930px;
	display:none;
	background: aqua;
}	

.slides_container div {
	width:930px;
	height:275px;
	display:block;
}

.pagination {
	list-style:none;
	margin:0;
	padding:0;
	background: url(../img/slider_pag_bg.png) repeat-x;
	width: 930px;
	position: absolute;
	bottom: -2px;
	height: 41px;
	z-index: 99999;
	right: 0;
}

ul.pagination li {
	display: inline-block;
}		
	
	.pagination a {
		padding: 10px 8px 0 0;
		font-style: italic;
		color: white;
		display: block;
				
	}
	
	.pagination .current a {
		color: #414141;
	}


/* Main Page - Boxes
---------------------------------------------*/

.box-large {
	width: 330px;
}

.box-small {
	width: 266px;
}

.box h2 {
	font-weight: normal;
	font-size: 24px;
	color: #524e4f;
	background:url(../img/y_arrow.png) no-repeat;
	padding: 0 0 0 23px;
	margin: 0 0 10px 0;
	line-height: 1.4em;
}

.box h2 a{
	color: #524e4f;
}

.box h2 a:hover{
	color: #eec33a;
}

.box h3 {
	font-size: 14px;
	color: #231f20;
	margin: 0 0 8px 10px;
	padding: 0;
}

.box p {
	font-size: 12px;
	color: #231f20;
	margin: 8px 0 8px 10px;
	padding: 0;
	width: 261px;
}


.partners img {
	margin-left: 0px;
	margin-top: 35px;
}

.partners p {
	width: 210px;
	margin: 5px 0 10px 10px;
	padding: 0;
}

/* Main Page - News
---------------------------------------------*/

.news-item {
	margin-bottom: 30px;
	margin-left: 10px;
	margin-top: 5px;
	width: 307px;
}

	.news-item h3 {
		font-size: 14px;
		color: #231f20;
		margin: 0 0 8px 0;
		padding: 0;
	}
	
	.news-item p {
		font-size: 12px;
		color: #231f20;
		margin: 0 0 8px 0;
		padding: 0;
	}
	
	.news-item a {
		color: #3e96bc;
		font-size: 12px;
		font-style: italic;
	}
	
		.news-item a:hover {
			color: #524e4f;
		}
		

.inthemedia-item {
	margin-bottom: 30px;
	margin-left: 10px;
	margin-top: 5px;
	width: 307px;
}

	.inthemedia-item img {
		float: left;
		margin: 0 10px 0 0;
	}
	
	.inthemedia-item h3 {
		font-size: 14px;
		color: #231f20;
		margin: 0 0 8px 0;
		padding: 0;
		width: 260px;
	}
	
	.inthemedia-item p {
		font-size: 12px;
		color: #231f20;
		margin: 0 0 8px 0;
		padding: 0;
	}
	
	.inthemedia-item h3 a {
		color: #524e4f;
		font-size: 12px;
		font-weight: bold;
	}
	
		.inthemedia-item h3 a:hover {
			color: #eec33a;
		}

a.yellow-link {
	color: #eec33a;
	font-weight: bold;
	font-size: 12px;
}

	a.yellow-link:hover {
		color: #524e4f;
	}

/* SubPage - News
---------------------------------------------*/
	
#news {
	width: 928px;
}

	.big-box-news {
		width: 699px;
		border-right: 1px solid #d3d2d2;		
		padding-top: 30px;
	}
	
	.small-box-news {
		width: 228px;		
		padding-top: 30px;
	}
	
.big-news-item {
	margin-bottom: 30px;
}

.big-inthemedia-item {
	margin-bottom: 30px;
}

	.indeximage {
		width: 127px;
		margin: 50px 0 0 20px;
	}
	
	.indeximage2 {
		margin: 0px 0 0 20px;
	}
	
	.texts {
		width: 520px;
		margin: 0 0 0 20px;
	}
	
	.texts2 {
		width: 650px;
		margin: 0 0 0 20px;
	}
	
	p.date {
		font-size: 12px;
		font-style: italic;
		color: #7d7d7d;
		margin-bottom: 10px;
	}
	
	h3 {
		font-size: 20px;
		/*color: #eec33a;*/
		color: #524e4f;
		margin-bottom: 15px;
		line-height: 1.3em;
	}
	
	.big-inthemedia-item h3 a{
		font-size: 20px;
		color: #eec33a;
		margin-bottom: 15px;
		line-height: 1.3em;
	}
	
	h3.analys {
		margin-bottom: 5px;
	}
	
	p.simple, div.simple {
		color: #231f20;
		font-family: Georgia, Serif;
		font-size: 14px;
		line-height: 1.4em;
	}
	
	div.simple2 {
		color: #231f20;
		font-size: 13px;
	}
	
		div.simple2 p{
			margin: 6px 0;
			line-height: 1.5em;
			text-align: justify;
		}
	
	div.simple p{
		margin: 6px 0;
		line-height: 1.5em;
		text-align: justify;
	}
	
	div.simple p a, div.simple2 p a {
		color: #3e96bc;
	}
	
	div.simple p a:hover, div.simple2 p a:hover {
		text-decoration: underline;
	}
	
	a.more-blue {
		color: #3e96bc;
		font-size: 12px;
		font-style: italic;
	}
	
		a.more-blue:hover {
			color: #524e4f;
		}
		
	.fullwidth-box-news {
		width: 888px;
		padding: 30px 20px;
	}
	
	.fullwidth-box-news  a {
	
	color: #888888;
	
	}	
	
	.fullwidth-box-news  a:hover {
	
	color: #dfb636;
	
	}
	
	p.tag-title {
		font-weight: bold;
		color: #ca613f;
		display: block;
	}
	
	ul#tags {
		margin: 0 0 0 10px;
		padding: 0;
	}
	
		ul#tags li {
			display: inline-block;
			list-style: none;
			margin-right: 10px;
			margin-bottom: 8px;
		}
		
			ul#tags li a {
				color: #ca613f;
			}
			
				ul#tags li a:hover {
					color: #7D7D7D;
				}
	
	h1.h1tags {
		font-weight: normal;
		font-size: 26px;
		color: #ca613f;
		padding: 0 0 0 20px;
		margin: 0 0 10px 0;
		line-height: 1.4em;
	}
	
	h2.yellow-arrow {
		font-weight: normal;
		font-size: 24px;
		color: #524e4f;
		background:url(../img/y_arrow.png) no-repeat;
		padding: 0 0 0 23px;
		margin: 0 0 10px 10px;
		line-height: 1.4em;
	}
	
	.border {
		border: 1px solid #d3d4d6;
	}
	
	.factsheet {
		cursor: pointer;
	}
	
	.factsheet h3 {
		font-size: 14px;
		color: #FFF;
		padding: 10px 10px 5px 10px;
		border-bottom: 1px solid #f1cf61;
	}
	
	.factsheet table {
		margin: 10px 10px 5px 10px;
	}
	
	.factsheet td {
		padding: 3px 0;
		color: #524e4f;
	}

/* 404 page
---------------------------------------------*/	
	
#contentcontainererror {
	width: 90%;
	height: 450px;
	margin: 0 auto;
	padding-top: 30px;
}

	
	.errorbox {
		width: 50%;
		margin: 0 auto;
		text-align: center;
	}
	
	#contentcontainererror h1 {
		font-size: 155px;
		font-weight: normal;
		padding-left: 5px;
		display: block;
		color: #EEC33A;
		line-height: 1.3em;
	}
	
	#contentcontainererror h2 {
		font-weight: normal;
		font-size: 55px;
		width: 95%;
		color: #FFF;
		display: block;
		background: #EEC33A;
		padding: 10px;
		text-align: center;
		line-height: 1.3em;
	}
	
	#contentcontainererror h3 {
		font-weight: normal;
		font-size: 55px;
		width: 95%;
		color: #524E4F;
		text-align: center;
		margin-top: 116px;
		line-height: 1.3em;
		
	}


		/* Tabbed Content
		-------------------------------------------*/
		
		#tab-container {
			margin: 0 10px 0 20px;
		}
		
		.etabs { 
			margin: 0; 
			padding: 0; 
		}
		
		.tab { 
			display: inline-block;
			zoom:1; 
			*display:inline;
			cursor: pointer;
			width: 125px;
			text-align: center;
			padding-top: 5px;	
			height: 33px;		
		}
		
		.tab a { 
			font-size: 15px; 
			line-height: 2em; 
			display: block; 
			padding: 0; 
			outline: none;
			color: #404041;
			font-weight: bold;
			background: url(../img/tab_bg2.jpg) repeat-x;
			height: 33px;
		}
    		
    		.tab a:hover { 
    			color: #404041;
    		}
    		
    		.tab.active { 
    			padding-top: 3px; 
    			position: relative; 
    			background: url(../img/tab_bg.jpg) repeat-x;
    		}
    		
    		.tab a.active { 
    			color: #404041;
    		}
    		
    	.tab-container .panel-container { 
    		padding: 10px;
    		background: #f3f3f4;
    	}
    	
    	.panel-container p { 
    		line-height: 1.4em;
    		font-size: 13px;
    	}


#form-cont {
	margin: 20px 0 0 20px;
	color: #231F20;
	font-weight: bold;
} 

	#form-cont label {
		color: #EDC238;
		font-weight: bold;
		display: block;
		margin-bottom: 15px;
	}  
	
	#form-cont p {
		display: inline-block;
		color: #524E4F;
		margin-right: 10px;
		font-weight: normal;
	} 
	
	#form-cont table td {
		padding-right: 40px;
	}
	
	#form-cont select#y_start, #form-cont select#y_end {
		width: 100px;
		margin-right: 10px;
	}
	
	#form-cont input[type="checkbox"] {
		margin-bottom: 6px;
	}
	
	#form-cont table#chart td {
		text-align: center;
		padding: 0 10px;
		font-weight: normal;
	}
	
	#form-cont table#chart td img {
		display: block;
		width: 46px;
		margin: 0 auto 5px auto;
	}
	
	#form-cont input[type="radio"] {
		margin-top: 5px;
	}
	
	#form-cont button#submit {
		border: none;
		background: url(../img/btn_bg.png) repeat-x;
		font-size: 16px;
		color: #000000;
		padding: 5px 14px;
	}
	

table.table-view {
	width: 100%;
	border: 1px solid #D3D2D2;
}

	table.table-view th {
		padding: 3px;
		border: 1px solid #D3D2D2;
		background-color: #ca613f;
		color: #fff;
		font-size: 9px;
	}  
	
	table.table-view td {
		padding: 3px;
		border: 1px solid #D3D2D2;
	}

/* Tooltips */

.tooltip-custom-2 {
	background-color:#EEC33A;
	border: 1px solid #EEC33A;
	font-size: 12px; 
	line-height: 16px; 
	position: absolute;
	padding: 10px;
	border-radius: 2px;
	text-align: center; 
	z-index: 9999999; 
	pointer-events: none;
	width: auto;
	color: #524E4F;
	text-align: left;
}

.tooltip-custom-2 .tooltip-arrow {
	text-shadow: 0px 0px 0px #EEC33A, 1px 0px 0px #EEC33A, -2px 0px 0px #EEC33A;
}

div.error, div.error1, div.error2 {
	margin-top: 10px;
}

div.error3 {
	margin-top: 10px;
	width: 500px;
	margin-left: 305px;
	text-align: left;
}

div.error3 span {
	padding: 5px 10px;
	background-color: red;
	color: #fff;
	font-size: 12px;
}

div.error span, div.error1 span, div.error2 span {
	padding: 5px 10px;
	background-color: red;
	color: #fff;
	font-size: 12px;
}

#error {
	background-color: #f2f2f4;
	width: 470px;
	height: 90px;
	text-align: left;
	padding: 5px;
}

	#error p {
		padding: 5px;
	}
	
	#error p.padleft {
		margin-left: 20px;
	}
	
	#error p.mtop {
		margin-top: 8px;
	}


/* Footer
---------------------------------------------*/

#footer {
	height: 65px;
	background: #eec33a;
	text-align: center;
	border-left: 1px solid #d3d2d2;
	border-right: 1px solid #d3d2d2;
}	

	#footer ul {
		margin: 0;
		padding: 0;
	}
	
		#footer ul li {
			margin: 16px 20px 0 0;
			padding: 0;
			list-style: none;
			display: inline-block;
		}
		
			#footer ul li a {
				color: #414141;
			}
			
				#footer ul li a:hover {
					color: #231f20;
				}
			
			#footer ul li a.selected {
				color: #231f20;
			}
			

.ui-multiselect { padding:2px 0 2px 4px; text-align:left }
.ui-multiselect span.ui-icon { float:right }
.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important }

.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px }
.ui-multiselect-header ul { font-size:0.9em }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
.ui-multiselect-header a { text-decoration:none }
.ui-multiselect-header a:hover { text-decoration:underline }
.ui-multiselect-header span.ui-icon { float:left }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }

.ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:10000; text-align: left }
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:scroll }
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px }
.ui-multiselect-checkboxes label input { position:relative; top:1px }
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none }