/* (CC) 2008 Info.nl
Version 0.7 - release date:  july, 2008 

It defines all "common" styles: RESET tags, general definitions, header & breadcrums */

/* ++++++++++++++++++++ RESET TAGS +++++++++++++++++++++ */
* {margin:0; padding:0;}
body {background: #FFF url(../images/bg/bg-body.png) fixed repeat-y 50% 0; margin:0; padding:0; text-align:left;  font-size:62.5%; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; }
/* no background image and margins for the video popup page. see: https://jira.info.nl/jira/browse/DLAM-11 */
body#popup {background-image: none;}
#popup #content-center {float: none; width:auto;}
fieldset { border:0px solid #fff; }
table, td, th { Background: transparent; border-collapse: separate; vertical-align:top; }
img { border:none; }
ul { width:auto; list-style:none; }
abbr {text-decoration: none; border: 0}
a {text-decoration: none;}
/* ++++++++++++++++++++ End RESET TAGS ++++++++++++++++++++ */


#g-container {width: 760px; overflow: hidden; margin: 0 auto;}

/* ++++++++++++++++++ Header ++++++++++++++++++++ */	
#g-header {width: 760px; overflow: hidden; margin-bottom: 25px;}
	#g-logo {width: 190px; height: 80px; overflow: hidden; float: left;}
		#g-logo a, #g-logo span  {width: 128px; height: 20px; display: block; margin: 28px auto;}
	#g-header .title {float:left; margin: 30px 0 0 15px}
	
	.block-g-leaderboard {width: 570px; overflow: hidden; background: #abb0c6; border-bottom: 1px solid #fff;}
	#header-nav {width: 190px; height: 80px; background: #e7f2f8; float: right; overflow: hidden; }
		#header-nav #country-switch-wrapper {width: 100%; overflow: hidden; padding: 9px 5px; font-size: 1em}
		#header-nav #country-switch-wrapper ul li {float: left; padding: 0px 10px; border-right: 1px solid #00a6d6;}
			#header-nav #country-switch-wrapper ul li.last {border-right: none}
		
		#search-box #g-search-wrapper {font-size: 100%; width: 165px; overflow: hidden; margin: 0px 0px 3px 15px; font-size: 1.2em}
			.home #search-box #g-search-wrapper, .languagesplash #search-box #g-search-wrapper {margin-top: 12px}
			#search-box #g-search-wrapper input {font-size: 1em}
			#search-box #g-search-wrapper .sbox input{width: 102px; height: 15px; border: 1px solid #bbbbbd; float: left; padding: 3px 1px 0 1px}
			#search-box #g-search-wrapper .sbtn input{width: 54px; height: 20px; border: 1px solid #bbbbbd; float: right; padding-bottom: 0px; background: #e3e3e3; cursor: pointer; font-size: 11px;}
				#search-box #g-search-wrapper .sbtn input:hover {background: #00A6D6; color: #fff; border: 0}
		
		#g-nav-wrapper {float: left; overflow: hidden; padding: 0 9px;}
			#g-nav-wrapper ul li {float: left; padding: 0 6px; border-right: 1px solid #00a6d6;}
				#g-nav-wrapper ul li.last {border-right: none;}
				#g-nav-wrapper ul li a {text-decoration: underline; font-weight: bold;}
		
		.test #g-breadcrumb {width: 100%; position: fixed; padding-top: 3px}
			.test #g-breadcrumb ul li {float: left; margin-right: 20px; list-style-type: circle}

		#g-header-wrapper .navigation {float:right; width:570px; height:30px; background:#cdd0df}
			#g-header-wrapper .navigation .wrapper {margin:8px 5px 5px 10px;}
				#g-header-wrapper .navigation .wrapper ul li {float: left; padding: 0 10px; font-size: 1.1em; border-right: 1px solid #8A8889;}
					#g-header-wrapper .navigation .wrapper li#item1 {padding-left: 5px}
					#g-header-wrapper .navigation .wrapper ul li.last {border-right: 0;}
					#g-header-wrapper .navigation .wrapper ul li.active {font-weight: bold;}
				#g-header-wrapper .navigation .wrapper ul li span {color: #292931;}
				#g-header-wrapper .navigation a:hover {color: #333;}
				

/* Footer */
	#g-footer {clear:both; overflow:hidden; height:30px; background-color:#e0f0f8;}
/*  .home #g-footer, .aboutus #g-footer, .fundspage #g-footer, .iframe #g-footer { margin-left:0; }*/
		#g-footer ul {display: inline; float: right; padding:8px 0;}
			#g-footer ul li {border-right: 1px solid #00a6d6; display: inline; float: left; padding: 0 10px; }
        #g-footer ul li span { color:#00a6d6; }
			#g-footer ul li.last {border-right: none;}
        #g-footer a {color: #00a6d6; text-decoration:underline; }
        #g-footer a:hover {color:#171796;}