html							{ background: #e5e5ed url(/assets/images/layout/html.gif) repeat-y center 0; }
body 							{ background: #e5e5ed; padding: 15px 0 0; }



/* DIV CLASSES
-------------------------------------------------------------*/

.box							{ border-bottom: 1px dotted #b0afaf; margin-bottom: 1em; }
               	   	
.col 							{ color: #000; float: left; margin: 0 10px 0 0; width: 180px; }
.last							{ margin: 0; }

.col ul							{ list-style: none; }
.col ol							{ margin-left: 20px; }
	.col ul#sitemap,
	.col ul#sitemap ul			{ list-style-type: disc; }
		.col ul#sitemap ul		{ margin: 8px 0 0 14px; }
		
.col li							{ font-size: 11px; margin: 0 0 15px; }
	.col ul#sitemap li			{ font-weight: bold; }
	.col ul#sitemap ul li		{ font-weight: normal; }
	
.col li img						{ float: left; margin: 0 10px 0 0; }
.col h2							{ margin: 0 0 0.75em; }


.homecol h2,
.homecol li 					{ border-bottom: 1px dotted #b0afaf; }
.homecol li						{ padding-bottom: 0.75em; margin-bottom: 0.75em; }
.downloads li					{ float: left; width:100%; }
.downloads a.more				{ color: #000; }
                     	
.main							{ width: 370px; margin: 0 10px 0 0; float: left; }
.main ul						{ list-style: square; margin-left: 15px; }
	.main li					{  }
.main p.sectionnav				{ text-align: right; }
 
.main .news						{ margin-bottom: 10px; }                    	
.main .news span				{ color: #007fab; }
.main .news h2					{ font-size: 1.1em; font-weight: normal; }
.main .news p a					{ font-weight: bold; }

.main .disclaimer				{ background: #eee; border: 1px solid #ddd; margin-bottom: 10px; padding: 10px; }
.main .disclaimer p				{ color: #555; }


.main table						{ border-bottom: 1px dotted #b0afaf; font-size: 1.1em; line-height: 1.5em; margin-bottom: 20px; padding-bottom: 20px; text-align: left; width: 370px; }

thead tr th 					{ border-bottom: 1px dotted #b0afaf; color: #007fab; font-weight: bold; padding-bottom: 5px; }
tbody tr:first-child td			{ padding-top: 5px; }
tbody tr td:first-child			{ width: 230px; }

tr.total_tr td					{ font-weight: bold; }

th.col1							{ width: 170px; }
th.col2, 			
th.col3							{ width: 70px; }

.main table tfoot td			{ padding: 5px 0 0; }
.main table tfoot				{ border-top: 1px dotted #b0afaf; font-size: 0.9em; padding: 5px 0 0; }


#operations_map					{ height: 117px; position: relative; }
#operations_map img				{ position: absolute; z-index: 50; }
#operations_map a				{ background-image:url('/assets/images/content/dot.png');background: display: block; height: 5px; position: absolute; width: 5px; z-index: 100; }
a#map_uk						{ top: 17px; left: 121px; }
a#map_netherlands				{ top: 18px; left: 129px; }
a#map_italy						{ top: 32px; left: 140px; }
a#map_guyane					{ top: 88px; left: 34px; }
a#map_spain						{ top: 33px; left: 118px; }



.sub							{ margin: 0; width: 180px; }         	
.sub .news span,     	
.sub .news h4					{ border: none; margin: 0 0 2px; padding: 0; }
.sub .news ul					{ border: none; }
.sub .news li					{ border-bottom: 1px dotted #b0afaf; margin-bottom: 0.75em; }
                     	
.downloads h4					{ border: none; margin: 0; padding: 0; }
.downloads li					{ border-bottom: 1px dotted #b0afaf; margin-bottom: 1em; padding-bottom: 1em; }

.sub .contact					{ margin: -1px 0 0; }

.linklist 						{ clear: both; margin: 1em 0; }
.linklist li					{ margin: 0; position: relative; }
.linklist p						{ margin: -1.1em 0 0.25em; padding-left: 1.2em; }

.shares				  			{ margin-bottom: 20px; }
.shares a			  			{ color: #007fab; font-weight: bold; }
.shares span		  			{ color: #000; display: block; font-size: 2em; font-weight: bold; margin: 0 0 5px; }
.shares div			  			{ float: left; width: 75px; }
.shares div.wide	  			{ margin-left: 5px; width: 100px; }
.shares strong		  			{ font-size: 1.2em; }
.shares .graph		  			{ border-top: 1px dotted #b0afaf; clear: left; float: none; padding: 5px 0; width: auto; }
.homecol.shares p	  			{ margin-bottom: 1em; }
                    		

/* INFOPANEL
---------------*/

.infopanel			  			{ height: 158px; margin: 0 0 17px; padding: 7px; }
* html .infopanel				{ padding: 5px; }


/*
=======================================================
NEED TO CREATE CUSTOM EE DROP DOWN TO CHOOSE CLASS TYPE
=======================================================
*/

.purple .infopanel			{ background: #eae6ed; }
.blue .infopanel			{ background: #e5f2f6; }


.stats h3			  		{ margin: 0; }
.stats ul			  		{ list-style: none; margin-bottom: 10px; }
.stats li			  		{ border-bottom: 1px dotted #b3b2b2; font-weight: bold; line-height: 2.25em; margin: 0; }
.stats span			  		{ font-size: 1.4em; }
.stats p				  	{ font-size: 1.1em; }
.stats p a			  		{ color: #007fab; font-weight: bold; }
                    		
.overlay				  	{ background: url(/assets/images/layout/overlay.png); color: #fff; height: 217px; position: absolute; right: 0; top: 0; width: 180px; }
.overlay h3			  		{ color: #fff; }
.overlay p			  		{ padding: 0 0 1em; }
.overlay form		  		{ border-bottom: 1px dotted #fff !important; margin: 0 0 15px; padding: 0 0 15px; }
               		
.splash 				  	{ margin: 0 0 20px; position: relative; width: 750px; }
.splash .overlay	  		{ background: url(/assets/images/layout/register-overlay.png); height: 190px; padding: 20px 5px; width: 170px; }
.splash .overlay h3 		{ color: #fff; }

.register form				{ border-bottom: 1px dotted #b3b2b2; margin: -5px 0 10px; padding: 0 0 10px; }
.register .textfield 		{ background: url(/assets/images/layout/register-textfield.png) no-repeat 0 0; border: none; font-size: 1em; height: 17px; margin: 0 0 5px; padding: 2px 5px 0; width: 157px; }
.register .formbutton	{ margin-right: 5px; }
.register p					{ font-size: 1.1em; }
               		
.image						{ margin: 0 0 15px; position: relative; }

.grid ul					{ float: left; list-style: none; margin: 0 0 0 -12px; }
.grid li					{ border-bottom: 1px dotted #b3b2b2; float: left; margin: 0 0 10px 12px; padding: 0 0 10px; width: 115px; display: inline; }
.grid img					{ margin: 0 !important; display: inline; }
                     	
.people h5					{ border-top: 1px dotted #b3b2b2; margin: 10px 0 0; padding: 6px 0 0; }
.people h5 a				{ color: #007fab; }
.people a	 				{ font-weight: bold; }
.people p					{ margin: 0; }
span.jobtitle				{ display: block; font-size: 1.2em; font-weight: normal; margin: 0 0 1em; }
                     	
.partners h5,        	
.reports h5					{ border-top: 1px dotted #b3b2b2; display: block; margin: 2px 0 0; padding: 5px 0 0; }
.partners h5				{ color: #6d6f72; }
.partners li				{ margin-bottom: 2em;height:135px; }
.people img,         	
.partners img,       	
.reports img				{ float: none !important; }
                     	
.reports li					{ margin-bottom: 15px; min-height: 160px; height: auto !important; height: 160px; position: relative; }
.reports li p				{ margin: 0; }

.reports li	a.download		{ font-size: 10px; font-weight: bold; letter-spacing: -0.025em; position: absolute; bottom: 0.5em; }
.reports li	p.download		{ font-size: 10px; font-weight: bold; color:#666666;font-size: 11px; position: absolute; bottom: 0.5em; }
.reports img				{ margin: 0 auto !important; display: block; }



/* MASTHEAD
-------------------------------------------------------------*/

#masthead							{ border-bottom: 1px dotted #b3b2b2; height: 140px; padding: 10px 0 2px; position: relative; top: 0; }

#masthead h1.logo					{ border: none; padding: 0; text-indent: -9999px; }
#masthead .logo						{ background: url(/assets/images/layout/logo.png) no-repeat 0 0; display: block; height: 102px; margin: 2px 0 15px; width: 55px; }

#masthead .logo span				{ display: block; height: 0; overflow: hidden; }
#masthead p.intro					{ color: #001f89; font-size: 1.2em; left: 220px; line-height: 1.1em; position: absolute; top: 45px; width: 300px; }
#masthead .toolbar					{ position: absolute; right: 0; text-align: right; top: 20px; }
#masthead .toolbar a					{ color: #939598; }
#masthead .toolbar form				{ float: left; margin-top: 40px; }
#masthead .toolbar label,
#masthead .toolbar input			{ display: block; float: left; }
#masthead .toolbar label			{ color: #001f89; font-weight: bold; padding: 4px 6px 0 0; }
#masthead .toolbar .textfield		{ background: url(/assets/images/layout/textfield.gif) no-repeat 0 0; border: none; float: left; height: 18px; margin: 1px 5px 0 0; padding: 1px 5px 0; width: 101px; }


/* MAIN NAVIGATION
------------------------*/

#main_nav							{ background: url(/assets/images/layout/nav-strip.gif) repeat-x 0 0; float: left; height: 18px; width: 100%; -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; }
#main_nav ul						{ float: left; list-style: none; }
#main_nav li						{ background: url(/assets/images/layout/nav-separator.gif) no-repeat right 0; float: left; }
#main_nav a							{ display: block; float: left; height: 16px; font-size: 10px; margin-right: 1px; padding: 2px 25px 0; }

#main_nav ul li:first-child,
#main_nav ul li:first-child a	 	{ -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; }
#main_nav li.on,
#main_nav a:hover					{ background: #007fab; }



/* SITE CONTAINERS
-------------------------------------------------------------*/

#container								{ background: #fff url(/assets/images/layout/masthead-bg.gif) no-repeat 0 0; margin: 0 auto; padding: 0 30px; position: relative; width: 750px; }


/* SUBNAV
------------------------*/

#subnav							  	{ float: left; margin: 0 10px 0 0; min-height: 1px; width: 180px; }
#subnav ul							{ border-top: 1px solid #c4cee1; list-style: none; }
#subnav ul ul						{ border: none; }
#subnav ul ul a						{ padding-left: 20px; }
#subnav li	 						{ border-bottom: 1px solid #c4cee1; }
#subnav li li						{ border-bottom: none; border-top: 1px solid #c4cee1; }
#subnav a							{ display: block; margin: 1px 0; padding: 0 0 0 10px; }
* html #subnav ul ul li				{ height: 1.6em; overflow: hidden; }
#subnav ul ul ul a					{ padding-left: 40px; }

#subnav li.on,
#subnav li a:hover					{ background: #d9ecf2; }

#subnav li.on li,
#subnav li a:hover					{ background: #fff; }

#subnav li li.on,
#subnav li li a:hover				{ background: #e7ebf3; }


/* MAIN CONTENT
------------------------*/

#crumbtrail							{ color: #001f87; height: 24px; padding: 10px 0 0; }
#crumbtrail ul						{ float: left; list-style: none; }
#crumbtrail li						{ float: left; }
#crumbtrail a						{ color: #818386; }
#crumbtrail a.on					{ color: #001f87; }


#main 								{ float: left; padding: 0 0 60px; width: 560px; }

ul.entries li						{  }


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

#footer								{ background: #fff url(/assets/images/layout/footer-bg.gif) no-repeat 0 0; margin-left: -30px; padding: 30px; position: relative; width: 750px; }
#footer p, #footer a				{ color: #999; font-size: 1em !important; }
#footer p.credit					{ position: absolute; top: 30px; right: 30px; }
#footer p.credit a					{ font-weight: bold; }




/* FORMS
-------------------------------------------------------------*/

/* GENERAL FORM STYLING
------------------------*/

.form fieldset						{ border-bottom: 1px solid #eee; margin-bottom: 15px; padding-bottom: 15px; }
.form input[type="text"],
.form input[type="submit"]			{ background-color: #e8e8e8; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 5px; }

.form input[type="submit"]			{ border: none; margin: 0 auto; }
.form input:hover[type="submit"]	{ cursor: pointer; }

.form input[type="text"]			{ border: 2px solid #e8e8e8; }

.form input[type="text"]:focus,
.form textarea:focus				{ border: 2px solid #ffbe00; }


form.contact						{ border-top: 1px dotted #b3b2b2; margin: 20px 0 0; padding: 20px 0 0; }
form.contact div					{ float: left; }
form.contact div.submit				{ padding: 10px 0 0 115px; }

form.contact input#submit			{ background: url(/assets/images/icons/button_submit.png) top no-repeat; border: none; display: block; height: 15px; text-indent: -9999px; width: 48px; }
form.contact input#submit:hover		{ background: url(/assets/images/icons/button_submit.png) bottom no-repeat; cursor: pointer; }


form.contact label					{ display: block; float: left; font-size: 1.1em; font-weight: bold; width: 115px; }
form.contact .textfield				{ background: url(/assets/images/layout/contact-textfield.gif) no-repeat 0 0; border: none; float: left; margin: 0 0 17px; padding: 3px 5px 7px; width: 139px; }
form.contact .textarea				{ background: url(/assets/images/layout/contact-textarea.gif) no-repeat 0 0; height: 134px; padding: 5px; width: 233px; }
form.contact textarea				{ border: none; height: 134px; width: 233px; }


/* SEARCH BAR
------------------------*/

form#search_bar	input.text			{ background: #000; border: 1px solid #666; float: left; padding: 3px; width: 140px; }
form#search_bar .button				{ background: #000; border: 1px solid #666; float: left; height: 21px; -moz-border-radius-topright: 5px ; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px ; -webkit-border-bottom-right-radius: 5px; }


/* SEARCH RESULTS
-------------------------------------------------------------*/

#search_results						{ border-collapse: collapse; margin-top: 20px; width: 100%; }
#search_results th					{ font-weight: bold; text-align: left; padding: 0 0 10px 10px; }
#search_results td					{ padding: 10px 30px 10px 5px; }
                                 	
#search_results td.search_title		{ padding-left: 10px; width: 40%; }
#search_results td.search_channel	{ padding-left: 10px; width: 55%; }
                                 	
#search_results td.resultRowOne 	{ background-color: #f0f0f0; border-bottom: 1px solid #ccc; }
#search_results td.resultRowTwo 	{ border-bottom: 1px solid #eee; }