/* General */

* {
	font-family: Arial;
}

td {
	vertical-align: top;
}

html {
	font-size: 75%;
}

html, body {
	margin: 0px;
	padding: 0px;
	background-color: white;
}

p {
	margin: 0px;
	padding: 0px;
	xmargin-bottom: 1em;
}

table {
	font-size: 100%; 
}

.no-overflow-198 {
	width: 198px;
	overflow: hidden;
}

form {
	padding: 0px;
	margin: 0px;
}

a { /* standard link style */
	color: #003466;
	text-decoration: underline;
}

a:hover {
	color: #CB9800;
}

a:hover strong {
	color: #CB9800;
}

select, input {
	font-size: 90%;
	color: black;
}

img {
	border-color: #0C5590;
}

a:hover img {
	border-color: #CB9800;
}

/* shoppingcart in left menu bar */
div.shopping_blocktitle {
	color: white;
	background-color: #7497C1;
	font-weight: bold;
	padding-left: 10px;
	font-size: 110%;
	padding-top: 2px;
	padding-bottom: 2px;
}

#shoppingcart_items {
	padding: 6px 0px 6px 10px;
	font-size: 90%;
	background-color: #EEF3F8;
}

#shoppingcart_total {
	background-color: #EEF3F8;
	color: #003466;
	font-weight: bold;
	font-size: 90%;
	padding: 3px 0px 3px 10px;
}

#shoppingcart_checkout {
	background-color: #EEF3F8;
	padding: 7px 0px 7px 10px;
}

div.shopping_closingbar {
	background-color: #7497C1;
	font-size: 2px;
	margin: 0px;
	padding: 0px;
	height: 4px;
}

input.text, select {
	border: 1px solid #7F9DB9;
}

select {
	margin: 0px;
	padding: 0px;
}

h2, h3, h4 {
	margin: 0px;
}


h1 {
	color: #003466;
	font-size: 18px;
	font-weight: normal;
}

h2, h3, h4 {
	color: #0C5590;
	font-weight: bold;
	font-size: 100%;
}

h4 {
	margin-top: 0.75em;
}

ol {
	margin: 0px;
	padding: 0px;
	padding-left: 16px;
	margin-left: 16px;
}

ol li span {
	color: black;
}


br.clear {
	clear: both;
}	


/* general UL styles */
ul {
	margin: 0px;
	padding: 0px;
	padding-left: 16px;
}

ul li {
	list-style-image: url(../images/bullets/linklist_bullet_yellow_other.gif);
}

ul li a {
	font-weight: normal;
}

*html ul li {
	list-style-image: url(../images/bullets/linklist_bullet_yellow_ie.gif);
}

ul li ul li {
	list-style-image: url(../images/bullets/yellow_block.gif);
}

ul li ul li ul li {
	list-style-image: url(../images/bullets/yellow_block.gif);
}
/* ------------------- */


/* general text colors */
.textwhite { color: white;}
.textblue { color: #0C5590; }
.textyellow { color: #CC9900; }
.textgreen { color: #1A9837; }

/* general background colors */
.bg_lightblue { background-color: #E0E9F3;}

/* general bold text will be dark blue */

b, strong {
	color: #003466;
}


.bottomalign {
	vertical-align: bottom;
}

.middlealign {
	vertical-align: middle;
}

table.generic_button td {
	margin: 0px;
	padding: 0px;
}

table.generic_button td.buttontext {
	background-color: #7497C1;
	color: white;
	font-weight: bold;
	font-size: 11px;
	vertical-align: middle;
}

table.generic_button td.buttontext a, table.generic_button td.buttontext a:hover {
	color: white;
	text-decoration: none;
}


/* Top table (search, country select) */

td#topleft {
	vertical-align: bottom;
	height: 96px;
}

td#topmiddle {
	vertical-align: bottom;
	height: 96px;
}

td#topright {
	background-color: #E0E9F3;
	height: 96px;
	background-repeat: no-repeat;
	background-position: 50% 0%;
}

/* country images for Choose Country box */
.countryimage_uk {background-image: url(../images/countries/uk.jpg)}

td#topright .container {
	margin-left: 10px; 
	margin-top: 10px;
}

#topmenuitems {
	padding-left: 16px;
}

#topmenuitems a {
	color: #003366;
	font-weight: bold;
	font-size: 90%;
	text-decoration: none;
	float: left;
	
	padding-bottom: 5px;
	padding-right: 10px;
	margin-right: 9px;

	border-right: 2px solid #CB9800;
	white-space: nowrap;
	/*text-transform: capitalize;*/
}

#topmenuitems a.last {
	border: none;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	white-space: nowrap;
}

#topmenuitems a:hover {
	color: #CC9900;
}

#topmenuitems a.active {
	color: #CC9900;
}

.toptextindicator {
	font-weight: bold;
	font-size: 90%;
	vertical-align: middle;
}

#topsearchbox {
	padding-bottom: 26px;
	margin-right: 8px;
}



/* Middle table (My GKI, visual, Quick Buy)*/

td#middleleft {
	background-color: #0C5590;
	color: white;
	font-weight: bold;
	font-size: 90%;
}

td#middleleft div {
	margin-left: 11px;
	margin-top: 5px;
}

td#middlemiddle {
	background-color: #E0E9F3;
}	

td#middleright {
	color: white;
}

td#middleright .container {
	margin-left: 10px;
	xmargin-top: 38px;
	margin-right: 5px;
}

/* big */
.quickbuybig { background-image: url(/images/header_visuals/quickbuy_bg_large.gif); background-repeat: no-repeat;}
.quickbuybig_disabled { background-image: url(/images/header_visuals/quickbuy_bg_large_disabled.gif); background-repeat: no-repeat;}
.quickbuybig .container {
	margin-top: 40px;
}

/* small */
.quickbuysmall { background-image: url(/images/header_visuals/quickbuy_bg_small.gif); background-repeat: no-repeat;}
.quickbuysmall .container {
	margin-top: 30px;
}

#chooseCountryForm { margin-top: 8px; }
*html #chooseCountryForm { margin-top: 6px; }
#quickBuyForm { margin-top: 0px; }
#coursesByThemeForm {margin-top: 8px; } 

#chooseCountryForm select, #quickBuyForm select {
	width: 155px;
}

#chooseCountryForm input, #quickBuyForm input, #coursesByThemeForm input {
	position: absolute; 
	margin-left: 6px; 
	margin-top: 1px;
}

#coursesByThemeForm select {
	width: 240px;
}

/* Bottom table (left menu, content, ads, quicklinks, courses) */

td#bottomleft {
	background-color: #E0E9F3;
	height: 400px;
}

/* hor. ruler */
div.article_ruler_blue, div.article_ruler_white {background-repeat: repeat-x}
div.article_ruler_blue { background-image: url(../images/content_ruler_blue.gif); }
div.article_ruler_white { background-image: url(../images/content_ruler_white.gif);}

/* blockquotes bottom right column + content column(s)*/
td#bottomright blockquote {
	margin: 0px;
	padding: 0px 10px 6px 10px;
}

/* (general) UL's & OL's in right column */
td#bottomright .wide UL, td#bottomright .wide OL {
	margin-right: 10px;
	margin-left: 10px;
}

td#bottomright .wide UL UL {
	margin-left: 0px;
}


/* no extra left/right spacing for UL & OL in blockquote in a wide field */
td#bottomright .wide blockquote UL, td#bottomright .wide blockquote OL {
	margin-left: 0px;
	margin-right: 0px;
	xcolor: red;
}

td#contentleft blockquote, td#contentright blockquote {
	margin: 0px;
	padding: 6px 9px 6px 9px;
}

td#contentleft blockquote UL, td#contentright blockquote UL, td#contentleft blockquote OK, td#contentright blockquote OL {
	margin-left: 0px;
	margin-right: 0px;
}


/* left menu */
td#bottomleft div#leftmenuitems ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	list-style-image: none;
}

td#bottomleft div#leftmenuitems ul li {
	list-style-image: none;
}


td#bottomleft div#leftmenuitems ul li a {
	display: block;
	text-decoration: none;	
	color: #003366;
	font-weight: bold;
	background-color: #CBD8E7;
	font-size: 90%;	
	padding-left: 10px;
	border-bottom: 1px solid #E0E9F3;
	
	padding-top: 2px; /* Other browsers */
	padding-bottom: 2px; /* Other browsers */
}

* html td#bottomleft div#leftmenuitems ul li a {
	height: 19px; /* IE */
	padding-top: 2px; /* IE */
}


td#bottomleft div#leftmenuitems ul li a:hover {
	background-color: #B1C3D7;
}

/* active menu-item */

td#bottomleft #leftmenuitems ul li a.active, td#bottomleft div#leftmenuitems ul li a.active:hover {
	background-image: url(../images/leftmenu_arrowright_white.gif);
	background-repeat: no-repeat;
	background-position: 176px 6px;
	background-color: #B1C3D7;
}


/* submenu's */
td#bottomleft #leftmenuitems {
	/* text-transform: capitalize; */
}

td#bottomleft #leftmenuitems ul li ul li a {
	background-color: #EEF3F8;
	color: black;
	font-weight: normal;
	font-size: 90%;
	padding-left: 26px;
	background-image: url(../images/leftmenu_arrowleft_yellow.gif);
	background-repeat: no-repeat;
	background-position: 10px 5px;
	border-bottom: 1px solid #B5C7DC;
}

td#bottomleft #leftmenuitems ul li ul li a:hover {
	background-color: #EEF3F8;
	color: #CC9900;
	background-image: url(../images/leftmenu_arrowleft_yellow.gif);
	background-repeat: no-repeat;
	background-position: 10px 5px;
}

td#bottomleft #leftmenuitems ul li ul li a.active {
	background-color: #EEF3F8;
	color: #CC9900;
	background-image: url(../images/leftmenu_arrowleft_yellow.gif);
	background-position: 10px 5px;
}

td#bottomleft #leftmenuitems ul li ul li a.active:hover {
	background-color: #EEF3F8;
	color: #CC9900;
	background-image: url(../images/leftmenu_arrowleft_yellow.gif);
	background-repeat: no-repeat;
	background-position: 10px 5px;
}



/* content columns (left & right) */

td#contentright {
	background-color: #E0E9F3;
}

td#contentleft .container {
	margin-top: 20px;
	margin-left: 14px;
	margin-right: 12px;
}


/* articles, bigger margins */

td#contentleft .article_container {
	margin-top: 20px;
	margin-left: 29px;
	margin-right: 29px;
}

td#contentright .container {
	margin-top: 20px;
	margin-left: 14px;
	margin-right: 12px;
}

td#contentleft .article_container h1 {
	margin-top: 5px;
}


/* Courses by theme */
div.coursesbytheme {
	background-color: #0C5590;
	color: white;
	padding-left: 20px;
	padding-top: 11px;
	padding-bottom: 20px;
}


/* Footers */
div.contentfooter {
	color: #4F4F4F;
	font-size: 95%;
	padding-top: 9px;
	padding-left: 30px;
	padding-bottom: 5px;
}

.smallpadding div.contentfooter {
	padding-left: 16px;
}

div.formfooter {
	color: #4F4F4F;
	font-size: 95%;
	padding: 15px 5px 10px 0px;
}


/* Article titles */
.article_smalltitle {
	color: #CC9900;
	font-size: 90%;
}

.course_code, .chapeau {
	color: #CC9900;
	font-size: 100%;
	font-weight: bold;
	text-transform: uppercase;
}


/* crumbtrail */
div.crumbtrail {
	background-color: #E0E9F3;
	font-size: 90%;
	padding-top: 1px;
	padding-bottom: 3px;
	padding-left: 29px;
	color: black;
	height: 14px;
	overflow: hidden;
}

*html div.crumbtrail {
	height: 18px;
}

div.crumbtrail a {
	color: #0C5590;
}

div.crumbtrail a:hover {
	color: #CC9900;
}

div.crumbtrail span {
	color: #0C5590;
}

#crumbtrailSwap {
	color: black;
}


/* bottom right (ad, quicklinks, bookings) */

td#bottomright {
	font-size: 90%;
}

td#bottomright .wide {
	margin: 0px;
}


/* ----- */
td#bottomright .wide img {
	width: 198px;
}
td#bottomright .wide blockquote img {
	width: auto;
}
/* ------ */


td#bottomright .quicklinks {
	padding-right: 9px;
}

td#bottomright h2 {
	font-size: 110%;
} 


td.bottomright_adsonly { background-color: white; }
td.bottomright_adsonly .container { margin-top: 11px; margin-left: 10px;}

td.bottomright_quicklinks_white { background-color: white;}
td.bottomright_quicklinks_white .container { margin-top: 20px; margin-left: 10px; margin-right: 10px;}

td.bottomright_quicklinks_blue { background-color: #E0E9F3;}
td.bottomright_quicklinks_blue .container { margin-top: 20px; margin-left: 10px; margin-right: 10px;}

td.bottomright_bookings {background-color: #E0E9F3; color: #0C5590;}
td.bottomright_bookings .container {margin-top: 10px; margin-left: 10px; margin-right: 10px;}

td.bottomright_bannerstop_blue { background-color: #E0E9F3; }
td.bottomright_bannerstop_blue .container { margin-top: 18px; margin-left: 10px; margin-right: 10px;}

td.bottomright_curriculumlist { background-color: #E0E9F3;}
td.bottomright_curriculumlist .container {margin-left: 10px; margin-right: 10px;}

#ads {margin-right: -11px; font-size: 7px;} /* the ads in the right column should not have the right-margin */
#ads img {margin-bottom: 8px;}


/* UL's with multiple levels (up to 3) */
.curriculum_list ul li {
	list-style-image: url(../images/bullets/course_catalog.gif);
	margin-top: 5px;
}

*html .curriculum_list ul li {
	list-style-image: url(../images/bullets/course_catalog_ie.gif);
	margin-top: 3px;
}


.list_multiple_levels ul li {
	list-style-image: url(../images/bullets/course_catalog_dot.gif);
	margin-top: 5px;
	font-weight: bold;
	color: #B38A0D;
}

.list_multiple_levels ul li span a {
	font-weight: bold;
	color: #B38A0D;
}

*html .list_multiple_levels ul li {
	list-style-image: url(../images/bullets/course_catalog_dot_ie.gif);
	margin-top: 5px;
}

.curriculum_list ul li ul li, .list_multiple_levels ul li ul li {
	font-weight: normal;
	color: black;
	list-style-image: url(../images/bullets/linklist_bullet_yellow_other.gif);
	margin-left: 0px;
}

*html .curriculum_list ul li ul li {
	list-style-image: url(../images/bullets/linklist_bullet_yellow_ie.gif); /* IE */
}

.list_multiple_levels ul li ul li ul li {
		list-style-image: url(../images/bullets/yellow_block.gif);
}

/* Employees */
div.employees div {
	background-color: #EEF3F8; 
	padding: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom: 1px dashed #7497C1;
}

/* Search results */
.searchresult {
	border: 1px dashed #1084BF; 
	padding: 10px;
	margin-top: 16px;
}

.newtext {
	color: CC9900;
	text-transform: uppercase;
	font-weight: bold;
}

.searchresult .newtext {
}

/* General datatables (standardtable) */
table.datatable {
	border-top: 1px solid #7F9DB9;
	border-left: 1px solid #7F9DB9;
	width: 92%;
}

table.datatable th {
	background-color: #EEF3F8;
	padding: 5px;
	color: #003466;
	border-bottom: 1px solid #7F9DB9;
	border-right: 1px solid #7F9DB9;
	vertical-align: top;
	text-align: left;
}

table.datatable td {
	padding: 5px;
	border-bottom: 1px solid #7F9DB9;
	border-right: 1px solid #7F9DB9;
}

table.datatable tbody th {
	background-color: #F7FAFC;
	font-weight: normal;
	text-align: left;
}

table.datatable b {
	color: #003466;
}

/* borderless datatable */
.datatable_borderless {
	border-top: 1px solid white;
	border-left: 1px solid white;
	width: 90%;
}
.datatable_borderless td {
	padding: 5px;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
}

/* certifications template -> first column width */



/* More dates table */
.moredates td {
	text-align: center;
	height: 100%;
}

table.moredates thead th {
	text-align: center;
}

table.moredates tbody th {
	background-color: transparent;
}

.moredates td a {
	display: block;
	width: 100%;
	height: 100%;
}

.moredates tbody div.infolayer {
	display: none;
	position: absolute;
	z-index: 2;
	xbackground-color: green;
	margin-top: 10px;
	text-align: left;
	width: 155px;
	padding: 10px 5px 10px 10px;
	border: 1px dashed #7497C1;
	background-color: white;
	margin-left: -6px;
}

*html .moredates tbody div.infolayer {
	margin-left: -32px; /* IE */
	width: 170px;
}

.moredates tbody div b {
	color: #003466;
}

.moredates tr.currentCountry th, .moredates tr.currentCountry {
	background-color: #F4E7BE;
}

/* added later by arnoud */
div.form {
	border: 1px dashed #003366; 
	padding: 10px 10px 10px 10px; 
	margin-top: 16px;
	xwidth: 90%;
}
table.form td {
	padding: 0px 0px 10px 0px;
}
table.form td input.text {
	width: 100%; 
	border: 1px solid #7F9DB9; 
	background: #EEF3F8;
}
table.form td textarea {
	border: 1px solid #7F9DB9;
	background: #EEF3F8;
}

/* put in cms css */
.cmsBox {
	border: 1px solid #FE3299;
}
.cmsBox h2, .cmsBox b {
	color: black;
}
.cmsBox .normal {
	font-weight: normal;
}
div.cmsBox {
	padding: 5px;
	font-size: 90%;
}
table.cmsBox  {
	font-size: 90%;
}
table.cmsBox td.middle {
	vertical-align: middle;
}
table.cmsBox th {
	border-bottom: 1px solid #FE3299;
}
table#inCmsBox {
	xwidth: 520px;
}
table#inCmsBox td {
	padding: 0px 0px 5px 0px;
}
.cmsBox span.input {
	width: 252px; 
	border: 1px solid #FE3299; 
	padding: 1px; 
	background: #FFBBDD;
}

/* for printint */
.floatRight {
	float: right;
	background: #E0E9F3;
	margin: 20px 0px 20px 20px;
	font-size: 90%;
}

