/*
B1  	#dcf0ff
B2		#43b2e6
B3		#004cae
B4		#003473
O		#ff6600
G		#f9d918
Gr1		
*/

@import url(typography.css);

body {
	
}

html {
	background: #dcf0ff url(../gfx/bg_canvas.gif) top repeat-x;	
}

.clearFix, .clear {
	width:100%;
	overflow:hidden;
}

input.radio,
input.checkbox {
	vertical-align:middle;
	float: left;
	display: inline;
	margin: 5px;
}

form legend {
	display:none;
}


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

div.formRow {
	background: #fff;
	margin-bottom: 1px;
	padding: 5px 10px;
	height: 100%;
	overflow: hidden;
}

label { font-weight: bold; }

/* Fieldsets */
fieldset    {}
legend      {font-weight: bold; font-size:1.2em; }

/* Text fields */
input.text, input.title   { width: 300px; margin:0.5em 0.5em 0.5em 0; }
input.text, input.title   { border:1px solid #bbb; background:#f6f6f6; padding:5px; }
input.text:focus,
input.title:focus         { border:1px solid #999; background:#fff; }
input.title               { font-size:1.5em; }

/* Textareas */
textarea            { width: 400px; height: 250px; margin:0.5em 0.5em 0.5em 0; }
textarea            { border:1px solid #bbb; background:#eee; padding:5px; }
textarea:focus      { border:1px solid #999; background:#fff; }

/* Select fields */
select              { border:1px solid #ccc; background:#f6f6f6; width:200px; }
select:focus        { border:1px solid #999; background:#fff; }


/* Success, error & notice boxes for messages and errors. */
.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }

/* buttons */

a.button {
	margin:0 0.583em 0.667em 0;
	padding:5px 10px 5px 7px;   /* Links */
  	display: block;
	float: right;
  	border:1px solid #dedede;
  	border-top:1px solid #eee;
  	border-left:1px solid #eee;
  	background-color:#f5f5f5;
  	font-size:100%;
  	line-height:130%;
  	text-decoration:none;
  	font-weight:bold;
  	color:#565656;
  	cursor:pointer;
}

a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}

/* Button colors
-------------------------------------------------------------- */

/* Standard */

a.button {
	background: url(../gfx/bg_button.gif) bottom repeat-x #56b9e8;
	border: 1px solid #fff;
	color: #fff !important;
}

a.button:hover{
	background: #56b9e8;
}

a.button:active{
	background: #358eba;
}

/* disabled */

a.disabled {
	background: #ccc;
	color: #ddd;
	cursor: default;
}

a.disabled:hover {
	background: #ccc;
	color: #ddd;
	cursor: default;
}

a.disabled:active {
	background: #ccc;
	color: #ddd;
	cursor: default;
}

/* secondary */

body .secondary {
	background: #dcf0ff;
	color: #43b2e6 !important;
	
}

a.secondary:hover {
	background: #fff;
	color: #43b2e6 !important;
}

a.secondary:active {
	background: #43b2e6;
	color: #fff !important;	
}

/* chrome apppages */

div#header {
	height: 58px;
	background: #000;
	border-bottom: 1px solid #969696;
	position: relative;
}

div#header h1 {
	margin: 0;
	padding: 0;
}

body.tk div#header h1 {
	width: 649px;
	height: 58px;
	text-indent: -1234em;
	overflow: hidden;
	background: url(../gfx/bg_h1_tk.gif) no-repeat;
}



div#header ul#siteMenu {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 130px;
	height: 23px;
}

div#header ul#siteMenu li {
	margin: 0;
	display: inline;
	float: left;
}
div#header ul#siteMenu li a {
	display: block;
	margin: 0;
}

div#header ul#siteMenu li.close a {
	width: 128px;
	height: 23px;
	text-indent: -1234em;
	overflow: hidden;
	background: url(../gfx/bg_siteMenu_close.gif) no-repeat;	
}

div#header ul#siteMenu li.close a:hover {
	background: url(../gfx/bg_siteMenu_close_hover.gif) no-repeat;	
}

div#header ul#siteMenu li.help a {
	width: 45px;
	height: 23px;
	text-indent: -1234em;
	overflow: hidden;
	background: url(../gfx/bg_siteMenu_help.gif) no-repeat;	
}

div#header ul#siteMenu li.help a:hover {
	background: url(../gfx/bg_siteMenu_help_hover.gif) no-repeat;	
}

div#menu {
	height: 34px;
	background: #7f7f7f url(../gfx/bg_menu.gif) bottom repeat-x;
	border-bottom: 1px solid #fff;
}

div#menu h2 {
	margin:0 0 0 20px;
	text-indent:-1234em;
	height:34px;	
	background:url(../gfx/bg_h2_menu_verdwnl.gif) 0 0 no-repeat;
}

div#menu ul li.makeMap a {
	display: block;
	width: 124px;
	height: 34px;
	overflow: hidden;
	text-indent: -1234em;
	background: url(../gfx/bg_menu_makeMap.gif) top no-repeat;
}

div#menu ul li.makeMap a:hover {
	background: url(../gfx/bg_menu_makeMap_hover.gif) top no-repeat;
}

div#menu ul li.greyed a {
	background: url(../gfx/bg_menu_makeMap_greyed.gif) top no-repeat;
	cursor: default;
}
div#menu ul li.greyed a:hover {
	background: url(../gfx/bg_menu_makeMap_greyed.gif) top no-repeat;
	cursor: default;
}


div#canvas {
	padding: 20px;
}

div#appHolder {
		
}

ul#appTabs {
	display: block;
	width: 100%;
	overflow: hidden;
}

ul#appTabs li  {
	background: url(../gfx/bg_appTab_right.gif) right top no-repeat;
	padding: 0 13px 0 0;
	white-space: nowrap;
	position: relative;
	float: left;
	width: 15%;
	min-width: 150px;	
}

ul#appTabs li a {
	display: block;
	background: url(../gfx/bg_appTab_left.gif) left top no-repeat;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: block;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	letter-spacing: 1px;
}

ul#appTabs li.selected {
	background: url(../gfx/bg_appTab_sel_right.gif) right top no-repeat;
}

ul#appTabs li.selected a {
	background: url(../gfx/bg_appTab_sel_left.gif) left top no-repeat;
	color: #fff;
}

ul#appTabs li em {
	padding: 9px 0 7px 15px;
	margin: 0 20px 0 0;
	font-weight: bold;
	line-height: 1em;
}

ul#appTabs div.closeTab {
	width: 13px;
	height: 13px;
	position: absolute;
	right: 10px;
	top: 9px;
}

ul#appTabs div.closeTab a {
	overflow: hidden;
	background: url(../gfx/appTab_close.gif) no-repeat;
	width: 13px;
	height: 13px;
	display: block;
	text-indent: -1234em;
	overflow: hidden;
}

ul#appTabs li.selected div.closeTab a {
	background: url(../gfx/appTab_sel_close.gif) no-repeat;
}

/* YUI tabs CSS */

.yui-navset .yui-nav li,.yui-navset .yui-navset-top .yui-nav li,.yui-navset .yui-navset-bottom .yui-nav li {
	margin: 0;
}

.yui-navset-left .yui-nav li,.yui-navset-right .yui-nav li {
	margin:0 0 0.5em;
}

.yui-navset .yui-navset-left .yui-nav,.yui-navset .yui-navset-right .yui-nav,.yui-navset-left .yui-nav,.yui-navset-right .yui-nav { 
	width:6em;
}

.yui-navset-top .yui-nav,.yui-navset-bottom .yui-nav {
	width:auto;
}

.yui-navset .yui-navset-left,.yui-navset-left {
	padding:0 0 0 6em;
}

.yui-navset-right {
	padding:0 6em 0 0;
}

.yui-navset-top,.yui-navset-bottom {
	padding:auto;
}

.yui-nav,.yui-nav li {
	margin:0;padding:0;list-style:none;
}

.yui-navset li em {}

.yui-navset {
	position:relative;zoom:1;
}

.yui-navset .yui-content {
	zoom:1;
}

.yui-navset .yui-nav li,.yui-navset .yui-navset-top .yui-nav li,.yui-navset .yui-navset-bottom .yui-nav li{
	display:inline-block;display:-moz-inline-stack;*display:inline;vertical-align:bottom;cursor:pointer;zoom:1;
}

.yui-navset-left .yui-nav li,.yui-navset-right .yui-nav li {
	display:block;
}

.yui-navset .yui-nav a {
	position:relative;
}

.yui-navset .yui-nav li a,.yui-navset-top .yui-nav li a,.yui-navset-bottom .yui-nav li a {
	display:block;display:inline-block;vertical-align:bottom;zoom:1;
}

.yui-navset-left .yui-nav li a,.yui-navset-right .yui-nav li a {
	display:block;
}

.yui-navset-bottom .yui-nav li a {
	vertical-align:text-top;
}

.yui-navset .yui-nav li a em,.yui-navset-top .yui-nav li a em,.yui-navset-bottom .yui-nav li a em {
	display:block;
}

.yui-navset .yui-navset-left .yui-nav,.yui-navset .yui-navset-right .yui-nav,.yui-navset-left .yui-nav,.yui-navset-right .yui-nav {
	position:absolute;z-index:1;
}

.yui-navset-top .yui-nav,.yui-navset-bottom .yui-nav {
	position:static;
}

.yui-navset .yui-navset-left .yui-nav,.yui-navset-left .yui-nav {
	left:0;right:auto;
}

.yui-navset .yui-navset-right .yui-nav,.yui-navset-right .yui-nav {
	right:0;left:auto;
}

div#appContentHolder {
	background: #fff url(../gfx/bg_appContent.gif) left top no-repeat;

}

div#appContentHolder div.appRight {
	background: #fff url(../gfx/bg_appContent_right.gif) right top no-repeat;
	padding: 0;
	margin: 0 0 0 5px;
}

div#appContentHolder div.appContent {
	border-top: 1px solid #43b2e6;
	padding: 20px;
	margin: 0 4px 0 0;
	overflow: hidden;
}

div.appMenu {
	float: left;
	width: 20%;
}

div.appMenu ul {
	display: block;
}

div.appMenu ul li {
	margin-bottom: 10px;
	display: block;
	background: #f2f2f2;
}

div.appMenu ul li.active {
	background: #dcf0ff;
}

div.appMenu ul li.expanded {
	background: #43b2e6;
}

div.appMenu ul li ul {
	margin: 0;
	padding-bottom: 10px;
	display: none;
	background: #f2f2f2;
}




div.appMenu ul li.expanded ul {
	display: block;
	background: #43b2e6;	
}

div.appMenu ul li ul li {
	display: block;
	margin: 0;
	padding: 3px 10px;
}

div.appMenu ul li ul li.inactive a {
	color: #000;
	cursor: default;
}

div.appMenu ul li ul li.inactive a:hover {
	color: #000;
	cursor: default;
}

div.appMenu ul li.expanded ul li {
	background: #43b2e6;	
}

div.appMenu ul li a {
	padding: 10px;
	color: #ccc;
	cursor: default;
	display: block;
	font-weight: bold;
}

div.appMenu ul li a:hover {
	text-decoration: none;
}

div.appMenu ul li.active a {
	cursor: pointer;
	color: #43b2e6;
}

div.appMenu ul li.active a:hover {
	color: #fff;
	background: #43b2e6;
}

div.appMenu ul li.expanded a {
	cursor: pointer;
	color: #fff;
}

div.appMenu ul ul li a {
	text-decoration: none;
	font-weight: normal;
	padding: 0;
	display: block;
}

div.appMenu ul li.expanded ul li ul {
	display: none;
	padding-bottom: 0;
}

div.appMenu ul li ul li.inactive ul {
	display: block;
}

div.appMenu ul li ul li.inactive ul li a, div.appMenu ul li ul li.inactive ul li a:hover {
	cursor: pointer;
	cursor: hand;
	color: #fff;
	font-size: 11px;
}

div.app {
	float: left;
	width: 80%;
}

div#appIntro {
	padding: 20px;
	margin: 0 0 0 20px;
	background: #43b2e6;
	color: #fff;
	height: 100%;	
}

div#appIntro h2 {
	font-weight: bold;
	font-size: 1.5em;
	color: #dcf0ff;
	margin: 0 0 20px 0;
}

div#appIntro ul {
	
}

div#appIntro ul li, div#appIntro div.highlight {
	background: #fff;
	padding: 10px;
	color: #bbb;
	margin: 10px 0 0 0;
	height: 100%;
	overflow: hidden;
	position: relative;
}

div#appIntro ul li a.uitleg {
	padding: 0 0 0 15px;
	background: url(../gfx/icn_info.gif) left no-repeat;
}

div#appIntro ul li a.uitlegVideo {
	padding: 0 0 0 21px;
	background: url(../gfx/icn_video.gif) left no-repeat;
}

div#appIntro ul li a {
	color: #43b2e6;
	font-weight: bold;
}

div#appIntro h3 {
	font-size: 1.167em;
	margin-bottom: 10px;
}

div#appIntro li div.rightButton {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 150px;
}

div#appIntro ul li p {
	font-size: 0.917em;
	margin: 0;
}

div#appIntro ul li p.helpLinks {
	float: left;
}

div#appIntro ul li p.rightButton {
	float: right;
	display: inline;
}

div#tabContentFooter {
	height: 15px;
	background: url(../gfx/bg_appContentFooter.gif) left top no-repeat;
	
}

div#tabContentFooter div{
	display: inline;
	float: right;
	width: 15px;
	height: 15px;
	background: url(../gfx/bg_appContentFooter_right.gif) right top no-repeat;
	
}

div.notify {
	margin: 0;
	padding: 0 5px;
	display: block;
	clear: both;
	background:#f9d918;
	color: #000;
}

div.lightboxContent div.notify p {
	padding: 0;
	margin: 0;
	display: inline;
	color: #000;
}

/* lightbox content divs */

div#colorScheme,
div#dataDisplay,
div#licenceBox,
div#newMapSetup,
div#yearDiffSetup{
	padding: 0 10px 0 10px;
	color: #73766c;
	line-height: 1.5em;
}

div.lightboxContent h3 {
	margin: 10px 0;
}

div.lightboxContent p {
	margin-bottom: 20px;
}

div.lightboxContent form {
	margin: 10px 0 0 0;	
}

div#yearDiffSetup h2 {
	margin:0 0 10px 0;
}

/* tabs */

ul#legendWizardTabs {
	
}

ul.tabControls {
	padding: 5px 20px;
	margin: 0 -20px 10px -20px;
	z-index:1;
	position:relative;
	height: 100%;
	overflow: hidden;
	background: #fff;
	color: #73766C;
}

ul.tabControls li {
	display:inline;
	float:left;
}

ul.tabControls li a, ul.tabControls li a:hover  {
	display:block;
	text-decoration:none;
	padding: 5px 10px 5px 0;
	font-size:1em;
	line-height:normal;
	float:left;
	border-bottom:2px solid #ccc;
	color: #73766C;
}

ul.tabControls li a.disabled {
	cursor: default;
	background: #fff;
}

ul.tabControls li.selected a {
	font-weight: bold;
	border-bottom: 2px solid #73766C;
	color: #73766C;	
}

div.tabContentSet div.tabContent {
	margin-top:10px;
}

div.tabContentSet div.showTab {
	display:block;
}

div.tabContentSet div.hideTab {
	display:none;
}

div.lightboxFooterNav {
	padding:10px;
	text-align:right;
	background: #e1dfd4;
	height: 100%;
	overflow: hidden;
	margin: 10px -20px 0 -20px;
}

div.lightboxFooterNav a.tabLink.inactive {
	text-decoration:none;
	color:#999;
	cursor:arrow;
}

/* colorscheme wizard */

ul#colorSchemePreview {
	display:none;
}

ul#colorSchemePreview li {
	padding:0 8px 0 8px;
	line-height:10px;
	display:inline;
}

ul#colorSchemeSetup {
	
}

ul#colorSchemeSetup li {
	display:block;
	background: #fff;
	margin-bottom: 1px;
	padding: 5px 10px 5px 205px;
}

ul#colorSchemeSetup li a.previewColor,
a.previewColor {
	padding:0 10px;
	line-height:150%;
	cursor:pointer;
	border:1px solid #000;
	text-decoration:none;
	margin:0;
}

ul#colorSchemeSetup input.textField {
	border:none;
	background-color:#EEE;
	width:80px;
	height:18px;
	padding:2px
}

div#colorPickerContainer {
	height:205px;
	width:380px;
	position:absolute;
	z-index:99;
	background:#ddd;
	border:1px solid #000;
	display:none;
}

div#colorPicker button#setColor,
div#colorPicker button#cancelColorPicker {
	left:228px;
	top:168px;
	position:absolute;
}

div#colorPicker button#cancelColorPicker {
	left:288px;
}

div#colorPicker .hd {
	font-size:11px;
	display:none;
}

div#colorPicker .bd {
	background:none;
}

ul#dataArrangement li {
	float:left;
	display:block;
	width:160px;
	margin-right:20px;
}

ul#dataArrangement div.jumpIn   {
	margin:10px 0 0 18px;
}
ul#dataArrangement div.jumpIn p {
	font-size: 0.917em;
}

/* datatable */

div#dataTableDiv table,
div#ownMapDataTableDiv table {
	width:100%;
	font-size:85%;
}

div#dataTableDiv table caption,
div#ownMapDataTableDiv table  caption{
	display:none;
}

div#dataTableDiv table input.checkbox {
	vertical-align:middle;
	margin-right:5px;
}

div#dataTableDiv table tr.highlight td {
	background-color:#f9d918;
	color: #000;
}

.yui-dt-liner {
	padding:1px 10px !important;
}

/* forms */ 

form#licenceForm {
	margin-bottom:20px;
}

form#newMapSetupForm select,
form#ownDataMapForm select,
select.select{
	width:140px;
}

form#ownDataMapForm input.textField {
	width:136px;
}

form#ownDataMapForm input#mapNameInput {

	margin-left:5px;
}

div#lightboxContent label {
	float:left;
}

form#newGpsMapDisplayForm div.leftFormCol {
	float:left;
	width:300px;
}

form#newGpsMapDisplayForm div.rightFormCol {
	float:left;
	width:260px;
}

form#ownDataMapDataForm fieldset {
	margin-bottom:10px;
}
div#mapDetails,
div#backgroundDetails,
div#backgroundUploadProgress{
	display:none;
}

/* tooltip */

a.tooltip {
	line-height:12px;
	padding:0 3px 0 10px;
	text-decoration:none!important;
	cursor:help;
	font-weight:bold;
	width: 20px;
	height: 11px;
	background: url(../gfx/icn_info_blauw.gif) right no-repeat;
	text-indent: -1234em;
	overflow: hidden;
}

a.tooltip.noIcon {
	background:none !important;
	padding:0;
}


.yui-tt {
	width:160px;
	text-align:left;
	font-size:86%;
	z-index:99999;
}

.yui-tt .hd {
	font-weight:bold;
}

.yui-tt-shadow {
	bottom:-3px;
	left:-3px;
	right:-3px;
	top:2px;
	position:absolute;
	display:block;
	z-index:-1;
}

/* lightbox panel styling */ 

.mask {
  -moz-opacity: 0.75;
  opacity:.75;
  filter: alpha(opacity=75);
  background-color: #43b2e6;
}

div#lightboxPanel_c {
	background:#fff url(../gfx/ajax-loader.gif) center center no-repeat;
}

div#lightboxPanel.yui-panel {
	border: 1px solid #fff;
}

.yui-panel .container-close {
	cursor:pointer;
	height:15px;
	position:absolute;
	right: 0px;
	top:11px;
	width:28px;
	background:transparent url(../gfx/appTab_sel_close.gif) no-repeat scroll 0pt 0px;
}

div#lightboxPanel {
	/*background:#fff url(../gfx/ajax-loader.gif) center center no-repeat;*/
	background:#e1dfd4;
}

div#overlayPanel_c {
	
}

div#overlayPanel div.hd {
	display:none;
}

div#overlayPanel.toggleOut {
	height: auto !important;
	overflow: hidden;
}

div#lightboxPanel .lightboxScrollableContent {
	overflow:auto;
	height:420px;
	padding:10px;
}

.yui-panel .bd  {
	background: #ecebe0;
	padding: 0px;
}

.yui-panel .hd {
	background: #0077ad;
	color: #fff;
	font-size: 1.5em;
	border: none;
	padding: 10px;

}

div#UploadProgressContainer {
	background:#fff;
	border:1px solid #000;
	height:18px;

}

/*map*/

div#map {
	height: 500px;
	width: 100%;
	overflow: hidden;
	background: #fff;
	text-align: center;
	position: relative;
}

div#map img#mapImg {
	height: 100%;
}

#zoomInOnMap {
	position: absolute;
	top: 0px;
	left: 20px;
	z-index: 11;
	padding: 8px;
}

#zoomInOnMap h3 {
	margin-left: -5px;
	margin-bottom: 3px;
	font-size: 1em;
}

.resetValue {
	display: block;
	width: 22px;
	height: 22px;
	text-indent: -1234em;
	background: url(../gfx/resetValue.gif) left top no-repeat;
	overflow: hidden;
}

.zoomIn { display: block; width: 13px; height: 13px; background: url(../gfx/zoomIn.gif) left top no-repeat; text-indent: -1234em; margin-left: 4px; overflow: hidden;}
.zoomOut { display: block; width: 13px; height: 13px; background: url(../gfx/zoomOut.gif) left top no-repeat; text-indent: -1234em; margin-left: 4px; margin-top: 5px; overflow: hidden;}

div#mapLegend {
	padding: 0;
}

div.mapLegendContainer div.yui-panel {
	border: 1px solid #7b7f75;
	background: #ECEBE0;
}

div#mapLegend  {
	position: relative;
}

div#mapLegend h2 {
	background: #43b2e6;
	text-indent: -1234em;
	overflow: hidden;
	height: 25px;
	cursor:move;
	margin: 0;
}

div#mapLegend div.mapTitle {
	border-top: 1px solid #b0b4a8;
	border-bottom: 1px solid #b0b4a8;
	padding: 10px;
	margin: 0;
	color: #000;
	font-weight: bold;
} 

div.mapTitle h3 {
	font-size: 1.167em;
	margin: 0 0 5px 0;
}

div.mapTitle p {
	font-size: 1em;
	margin: 0 !important;
}

div#mapLegend a.toggleLegend {
	position: absolute;
	right: 5px;
	top: 3px;
	width: 13px;
	height: 13px;
	text-indent: -1234em;
	overflow: hidden;
	background: url(../gfx/btn_minimize.gif) no-repeat;
	cursor: hand;
	cursor: pointer;
}

div#mapLegend div.legendFooter {
	border-top: 1px solid #b0b4a8;
	margin:5px 0;
	padding: 10px;
	font-weight: bold;
}

div#mapLegend ul span {
	padding:0 5px;
}

div.mapLegendContainer {
	position:absolute;
	height:20px;
	width:200px;
	right:40px;
	margin-top:-320px;
}

div#mapLegendContent h4 {
	padding: 0;
	margin: 10px 10px 5px 10px;
}

div#mapLegendContent p {
	margin: 0;
	padding: 0 10px;
}

div#mapLegendContent ul {
	margin: 10px;
}

div#mapLegendContent ul li {
	font-weight: bold;
	font-size: 0.917em;
}

div.editLegendHeader {
	background: #dcf0ff;
	margin: 0 -20px;
	padding: 10px 20px;
	font-weight: bold;
	color: #202020;
	border-bottom: 1px solid #0077AD;
}


div#footer {
	margin-top: 10px;
	text-align: center;
	color: #43B2E6;
}

/* Test classes Jaap */
.test {
	border: 1px solid #00ff00;
}



/*Landendocumentatie*/

body.ld div#header h1 {
	width: 658px;
	height: 58px;
	text-indent: -1234em;
	overflow: hidden;
	background: url(../gfx/bg_h1_ld.gif) no-repeat;
}

body.ld div#menu ul li.selCountry a {
	display: block;
	width: 105px;
	height: 34px;
	overflow: hidden;
	text-indent: -1234em;
	background: url(../gfx/bg_menu_selCountry.gif) top no-repeat;
}

body.ld div#menu ul li.selCountry a:hover {
	background: url(../gfx/bg_menu_selCountry_hover.gif) top no-repeat;
}



body.ld div#menu ul li.greyed a {
	background: url(../gfx/bg_menu_selCountry_greyed.gif) top no-repeat;
	cursor: default;
}

body.ld div#menu ul li.greyed a:hover {
	background: url(../gfx/bg_menu_selCountry_greyed.gif) top no-repeat;
	cursor: default;
}

body.ld div#countryAlfabet.highlight p {
	font-size: 14px;
	font-weight: bold;
}
body.ld div#countryAlfabet.highlight a {
	cursor: pointer;
	cursor: hand;
	padding: 3px;
}
body.ld div#countryAlfabet.highlight a:hover {
	color: #fff;
	background: #43B2E6;
	text-decoration: none;
}

div#alfabetLetter.floatLeft {
	margin-right: 40px;
	font-size: 30px;
}

div#countryList.floatLeft li {
	margin: 0;
	padding: 0;
}

div#countryArticle {
	padding: 0 20px;
}
div#countryArticle table {
	width: 100%;
	margin-bottom: 40px;
}

div#countryArticle table tr td, div#countryArticle table tr th {
	border-bottom: 1px solid #aaa;
	padding: 4px 0;
	vertical-align: top;
}

div#countryArticle table tr th {
	font-weight: bold;
	width: 30%;
}

div#countryArticle.appArticle h2 {
	color:	#43B2E6;
	font-size: 1.5em;
	font-weight: bold;
	margin: 0pt 0pt 20px;
}

div#countryArticle.appArticle h3 {
	color:	#43B2E6;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0pt 0pt 20px;
}

/*styling maptrainer*/

body.kv div#header h1 {
	width: 628px;
	height: 58px;
	text-indent: -1234em;
	overflow: hidden;
	background: url(../gfx/bg_h1_KV.gif) no-repeat;
}
body.kv div#maptrainerStart div.floatLeft {
	width: 50%;
}
body.kv div#maptrainerStart div.floatLeft li {
	margin: 0;
	padding: 0;
}
div#appIntro div.highlight h3 {
	color: #000;
}
div.mapNumber p {
	margin-bottom: 0;
	color: #000;
}
div#appIntro div#mapAnswers.highlight {
	padding: 20px 10px 10px 10px;
}

div#mapQuestion.highlight h3 {
	margin-bottom: 0;
}


div#mapAnswers.highlight a {
	font-weight: bold;
}

div#mapAnswers.highlight a:hover {
	text-decoration: none;
	color: #000;
}

div#mapAnswers.highlight a span {
	padding: 5px;
	background: #ddd;
	margin-right: 10px;
	line-height: 0;
	border: 1px solid #ddd;
}

div#mapAnswers.highlight a:hover span {
	padding: 5px;
	background: #fff;
	border: 1px solid #000;
	margin-right: 10px;
}

div#mapAnswers.highlight p.selected a {
	color: #000;
}

div#mapAnswers.highlight p.selected a span  {
	padding: 5px;
	background: #fff;
	border: 1px solid #000;	
}

div#mapAnswers.highlight p.false a {
	color: #ff0000;
}

div#mapAnswers.highlight p.false a span  {
	padding: 5px;
	background: pink;
	border: 1px solid #ff0000;	
}

div#mapAnswers.highlight p.true a {
	color: #158F00;
}

div#mapAnswers.highlight p.true a span  {
	padding: 5px;
	background: #92FF7F;
	border: 1px solid #158F00;	
}

div#mapAnswers.highlight p.submit a.button  {
	float: left;
}

div#mapAnswers.highlight p.falseInfo {
	padding: 5px;
	background: pink;
	border: 1px solid #ff0000;
	color: #ff0000;	
}

div#mapAnswers.highlight p.trueInfo  {
	padding: 5px;
	background: #92FF7F;
	border: 1px solid #158F00;
	color: #158F00;	
}

div#mapAnswers.highlight p.submit a.button  {
	float: left;
}


body.kv div.appMenu ul li ul li.active a {
	font-weight: bold;
	color: #000;
	cursor: default;
}

body.kv div.appMenu ul li ul li.inactive a {
	color: #8FCFFF;
}

body.kv div.appMenu ul li ul li a span {
	padding: 0 3px;
	border: 1px solid #fff;
	font-weight: bold;
	margin-right: 5px;
}

body.kv div.appMenu ul li ul li a:hover span,
body.kv div.appMenu ul li ul li.false a:hover span,
body.kv div.appMenu ul li ul li.true a:hover span {
	color: #000;
	border: 1px solid #fff;
	background: #fff;
}


body.kv div.appMenu ul li ul li.active a span,
body.kv div.appMenu ul li ul li.active a:hover span {
	border: 1px solid #000;
	background: #000;
	color: #fff;
}

body.kv div.appMenu ul li ul li.inactive a span,
body.kv div.appMenu ul li ul li.inactive a:hover span {
	border: 1px solid #8FCFFF;
	background: transparent;
	color: #8FCFFF;	
}

body.kv div.appMenu ul li ul li.true a span {
	background: #92FF7F;
	border: 1px solid #158F00;
	color: #158F00;
}

body.kv div.appMenu ul li ul li.false a span {
	background: pink;
	border: 1px solid #ff0000;
	color: #ff0000;
}