/* ### general ### */
* { padding: 0px; margin: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #000; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #666; }
body { background: #efefef  url('../images/images_trainingv2/body.jpg') repeat-x; }
/* #d5e7f2*/
img { border: 0px; display: block; border-color: grey; }
a, input { outline: none; }

/* ### global classes ### */
.clear { clear: both; height: 0px; overflow: hidden; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%;}

/* ### main container ### */
#mainCntr { margin: 0 auto; width: 1200px; }

	/* ### header container ### */
	#headerCntr { position: relative; width: 1200px; height: 80px; }
	#headerCntr h1 { position: absolute; top: -1px; left: -27px; }
	#headerCntr h1 a { display: block; width: 213px; height: 75px; text-indent: -9999px; background: url('../images/images_trainingv2/kit.png') no-repeat; margin-left: 12px; }
	#headerCntr img { position: absolute; right: 0px; top: 5px; }
	
	/* ### content container ### */
	#contentCntr { padding: 35px 0px 24px 3px; overflow: hidden; width: 1197px; }
	
		/* ### left container ### */
		#leftCntr { padding-top: 29px; margin: 1px 22px 0px 0px; position: relative; float: left; width: 280px; background: url('../images/images_trainingv2/left-top.png') left top no-repeat; }
		#leftCntr #bottom { padding-bottom: 18px; width: 280px; background: url('../images/images_trainingv2/left-bottom.png') left bottom no-repeat; }
		#leftCntr #mid { width: 280px; overflow: hidden; background: url('../images/images_trainingv2/left-mid.png') repeat-y; }		
		
			/* ### content box ### */
			.contentBox { width: 280px; overflow: hidden; }
			.contentBox h2 { padding-left: 18px; position: absolute; top: 6px; left: 17px; font-size: 14px; width: 180px; color: #fff; background: url('../images/images_trainingv2/lock.png') left no-repeat; } 
			.contentBox .link { margin: 0px 8px 0px 6px; border-left: 1px solid #fafcfd; border-right: 1px solid #fafcfd; width: 266px; overflow: hidden; background: #f2f7fb; }
			.contentBox ul { list-style: none; margin-top: 9px; }
			.contentBox li { padding: 0px 0px 6px 10px; font-size: 12px; font-family: Helvetica, arial; font-weight: bold; width: 254px; float: left; background: url('../images/images_trainingv2/content-li-bg.gif') no-repeat; }
			/*.contentBox li:hover, .contentBox li.selected { background: url('../images/images_trainingv2/menu-li-hover.png') no-repeat; }*/
			.contentBox li.gap1 { padding-bottom: 5px; }
			.contentBox li.gap2 { padding-bottom: 4px; }
			.contentBox li.last { padding-bottom: 2px; }
			.contentBox li a { padding-left: 18px; display: block; height: 30px; line-height: 30px; color: #fff; text-decoration: none; background: url('../images/images_trainingv2/content-sep1.png') left no-repeat; }
			.contentBox li a:hover, .contentBox li.selected a { background: url('../images/images_trainingv2/content-hover-sep.png') left no-repeat; }
			.contentBox li li:hover { background: none!important; }
			.contentBox .link p { padding: 11px 0px 9px 3px; line-height: 18px; font-size: 12px; color: #000; }
			.contentBox li ul { padding-bottom: 16px; margin: 0px; display: block; margin-left: -10px; overflow: hidden; }
			.contentBox li li { padding: 0px 0px 0px 14px; background: none; font-size: 11px; width: 250px; font-weight: normal; font-family: Helvetica, arial; height: 25px; }
			.contentBox li li.bg, .contentBox li li.bg:hover { background: #fff!important; }
			.contentBox li li a { /*padding-left: 18px;*/ padding-left:0px; color: #285067; line-height: 25px; /*background: url('../images/images_trainingv2/drop-sep.png') left no-repeat!important;*/ }
			.contentBox li li a:hover { text-decoration: underline; }
			.contentBox .text { padding: 9px 0px 8px 13px; margin: 9px 9px 0px 7px; width: 251px; overflow: hidden; background: #e9e8e8; }
			.contentBox .text p { padding-right: 4px; font-size: 12px; color: #555555; line-height: 18px; }
			.contentBox .text a { color: #cc0018; }
			.contentBox .text a:hover { text-decoration: none; }
			.contentBox .text .lg_link_fr { color:black; text-decoration: none; position: relative; padding-left: 20px; line-height: 25px; margin: 1px 22px 0px 0px; background: url('../images/images_trainingv2/TK_france.png') left -2px no-repeat; }
			.contentBox .text .lg_link_uk { color:black; text-decoration: none; position: relative; padding-left: 20px; line-height: 25px; margin: 1px 22px 0px 0px; background: url('../images/images_trainingv2/TK_uk.png') left -2px no-repeat; }
			.contentBox .text .lg_link_es {color:black; text-decoration: none; position: relative; padding-left: 20px; line-height: 25px; margin: 1px 22px 0px 0px; background: url('../images/images_trainingv2/TK_spanish.png') left -2px no-repeat; }
			.contentBox .text .lg_link_fr:hover,.contentBox .text .lg_link_es:hover { text-decoration: underline },.contentBox .text .lg_link_uk:hover { text-decoration: underline }
			
			
			/* ### login box ### */
			.loginBox { width: 214px; min-height: 457px; }
			.loginBox h2 { padding-left: 18px; position: absolute; top: 6px; left: 17px; font-size: 14px; width: 180px; color: #fff; background: url('../images/images_trainingv2/lock.png') left no-repeat; }
			.loginBox fieldset { padding: 10px 8px 0px 6px; border: none; }
			.loginBox .login { padding: 17px 0px 13px 13px; width: 187px; background: #e9e8e8; }
			.loginBox .login p { padding-bottom: 9px; width: 100%; float: left; }
			.loginBox label { padding-left: 1px; width: 100%; float: left; font-size: 12px; color: #000; font-weight: bold; }
			.loginBox label span { padding-left: 4px; color: #555555; font-weight: normal; font-size: 10px; text-decoration: none; }
			.loginBox input.field { padding: 5px 0px 0px 6px; float: left; margin-top: 1px; width: 165px; font-size: 12px; color: #666666; height: 20px; border: none; background: url('../images/images_trainingv2/fieldset.png') no-repeat; }
			.loginBox label.second { padding-bottom: 1px; float: left; width: 100%; display: block; }
			.loginBox input.button { padding-left: 14px; margin-top: 7px; text-align: left; width: 171px; height: 27px; color: #fff; font-weight: bold; font-family: Helvetica, arial; border: none; cursor: pointer; background: url('../images/images_trainingv2/login-button.png') no-repeat left top; }
			.loginBox input.button:hover { background-position: left bottom; }
			.loginBox .password { padding: 9px 0px 14px 14px; overflow: hidden; margin-top: 13px; width: 186px; background: #e9e8e8; }
			.loginBox .password p { color: #666666; }
			.loginBox .password a { font-size: 12px; line-height: 18px; color: #cc0018; }
			.loginBox .password a:hover { text-decoration: none; }
			
		/* ### center container ### */
		#centerCntr { float: left; width: 668px; }
		#centerCntr.subpage { padding-top: 13px; margin: -3px 0px 0px -1px; float: left; width: 668px; background: url('../images/images_trainingv2/center-top.png') left top no-repeat; }
		#centerCntr #bottom1 { padding-bottom: 13px; width: 668px; background: url('../images/images_trainingv2/center-bottom.png') left bottom no-repeat; }
		#centerCntr #mid1 { padding: 9px 0px 0px 2px; width: 666px; overflow: hidden; background: url('../images/images_trainingv2/center-mid.png') repeat-y; }
		
			/* ### text box ### */
			.textBox { padding-bottom: 7px; width: 662px; overflow: hidden; }
			.textBox h2 { width: 662px; padding: 0px 22px; float: left; margin-bottom: 3px; line-height: 26px; font-size: 18px; color: #58798d; background-color: #f2f7fb; }
			.textBox h2.gap { margin-bottom: 9px; line-height: 21px; float: left; height: 26px; }
			.textBox p { padding: 15px 25px 0px 23px; font-size: 12px; color: #000; line-height: 18px; font-family: Helvetica, arial; }
			.textBox h3 { padding: 15px 25px 0px 23px; font-size: 18px; color: #000; font-family: Helvetica, arial; }
			.textBox h4 { padding: 15px 25px 0px 23px; font-size: 14px; color: #000; font-family: Helvetica, arial; }
			.textBox img { margin: 17px 0px 0px 25px; }
			.textBox .link { padding-left: 18px; margin: 11px 0px 0px 27px; display: block; color: #cc0018; line-height: 15px; background: url('../images/images_trainingv2/link-bg.png') left no-repeat; }
			.textBox .link:hover { text-decoration: none; }
			.textBox a { color: #cc0018; }
			.textBox a:hover { text-decoration: none; }
			
			/* ### form box ### */
			.formBox { padding-bottom: 11px; width: 666px; overflow: hidden; }
			.formBox h2 { width: 618px; padding: 0px 22px; float: left; margin-bottom: 3px; line-height: 26px; font-size: 18px; color: #58798d; background-color: #f2f7fb; }
			.formBox .gap { padding: 22px 10px 10px 24px; color: #000; line-height: 18px; }
			.formBox .form { padding: 20px 0px 8px 0px; margin-left: 23px; overflow: hidden; width: 581px; border-left: 15px #e0edf5 solid; border-top: 15px #e0edf5 solid; border-right: 20px #e0edf5 solid; border-bottom: 16px #e0edf5 solid; }
			.formBox fieldset { border: none; }
			.formBox .form p { padding-bottom: 15px; width: 100%; float: left; }
			.formBox label { padding-right: 13px; width: 106px; float: left; text-align: right; font-size: 12px; color: #000; font-weight: bold; line-height: 21px; }
			.formBox input.field { padding: 0px 10px; width: 261px; line-height: 25px; float: left; height: 25px; border: none; background: url('../images/images_trainingv2/field.gif') no-repeat; }
			.formBox em { float: left; width: 281px; height: 25px; font-style: normal; }
			.formBox select { width: 281px; height: 25px; }
			.formBox .select { position: absolute; float: none; margin: 0px; font-style: normal; padding: 0px 10px; width: 261px; height: 25px; line-height: 25px; font-size: 12px; color: #666666; display: block; overflow: hidden; background: url('../images/images_trainingv2/selectBg.png') no-repeat; }
			.formBox p span { float: left; margin: 7px 0px 0px 119px; font-style: italic; }
			.formBox p.last { padding-bottom: 14px; border-bottom: 15px #e0edf5 solid; }
			.formBox label.size { padding: 11px 0px 0px 21px; line-height: 19px; text-align: left; width: 100%; }
			.formBox .gap1 { margin-left: 24px; font-style: normal; font-size: 12px; color: #000; }
			.formBox .check { margin-right: 6px; }
			.formBox input.button1 { margin-top: 17px; width: 121px; height: 27px; margin-left: 23px; font-weight: bold; color: #fff; border: none; float: left; cursor: pointer; background: url('../images/images_trainingv2/cancel.png') no-repeat left top; }
			.formBox input.button2 { margin: 17px 27px 0px 0px; float: right; width: 121px; height: 27px; color: #fff; font-weight: bold; margin-left: 23px; border: none; cursor: pointer; background: url('../images/images_trainingv2/register.png') no-repeat left top; }
			.formBox input.button1:hover, .formBox input.button2:hover { background-position: left bottom; }
			.formBox .checkbox { margin: 0px; width: 19px; height: 19px; padding: 0 5px 0 0; background: url('../images/images_trainingv2/checkbox.gif') no-repeat; display: block; clear: left; float: left; }
			
			/* ### overview box ### */
			.overviewBox { width: 100%; float: left; }
			.overviewBox h2 { padding: 0px 22px; width:93%; margin: 0px 0px 15px 0px; line-height: 26px; font-size: 18px; color: #58798d; background-color: #f2f7fb  }
			.overviewBox h3 { padding: 0px 0px 0px 23px; }
			.overviewBox p { width: 625px; padding: 0px 0px 0px 23px; font-size: 12px; color: #000; line-height: 18px; font-family: Helvetica, arial; }
			.overviewBox .link { padding-top: 27px; }
			.overviewBox .link .all { margin-left: 22px; margin-top: 20px; color: #fff; padding: 10px; display: inline-block; height: 17px; background-color: #58798d; text-decoration: none; font-weight: bold; }
			.overviewBox .link .all:hover { text-decoration: none; background-color: #98adba; }
			
			.overviewBox .link button.button { padding-left: 10px; margin-left: 22px; margin-top: 7px; text-align: left; width: 200px; height: 27px; color: #fff; font-weight: bold; font-family: Helvetica, arial; border: none; cursor: pointer; background: url('../images/images_trainingv2/login-button.png') no-repeat left top; }
			.overviewBox .link button.button:hover { background-position: left bottom; }
			
			.overviewBox ul { margin-left: 22px; list-style: none; }
			.overviewBox li { padding-bottom: 5px; width: 100%; float: left; font-size: 14px; font-weight: bold; }
			.overviewBox li a { padding-left: 11px; line-height: 32px; color: #fff; text-decoration: none; width: 627px; display: block; background: url('../images/images_trainingv2/overview-li-bg.png') no-repeat; }
			.overviewBox li span { padding-left: 34px; }
			.overviewBox .bg1 { background: url('../images/images_trainingv2/bg1.png') left no-repeat; }
			.overviewBox .bg2 { background: url('../images/images_trainingv2/bg2.png') left no-repeat; }
			.overviewBox .bg3 { background: url('../images/images_trainingv2/bg3.png') left no-repeat; }
			.overviewBox .bg4 { background: url('../images/images_trainingv2/bg4.png') left no-repeat; }
			.overviewBox .bg5 { background: url('../images/images_trainingv2/bg5.png') left no-repeat; }
			.overviewBox li a:hover, .overviewBox li.selected a { background: url('../images/images_trainingv2/overview-hover.gif') no-repeat; }
			.overviewBox li ul { padding: 0px; margin: 0px; display: none; list-style: none; }
			.overviewBox li.selected ul { display: block; }
			.overviewBox li li { padding: 0px; float: left; width: 627px; background: none; }
			.overviewBox li li a { display: block; padding: 11px 0px 12px 0px; float: left; width: 627px; background: none !important; line-height: normal; }
			.overviewBox .left { padding: 3px 0px 0px 8px; width: 46px; float: left; display: block; }
			.overviewBox .right { padding: 0px !important; width: 570px; float: right; display: block; }
			.overviewBox .right em { display: block; font-style: normal; padding: 0px; font-size: 12px; width: 100%; font-weight: normal; color: #000; float: left; }
			.overviewBox li li strong { padding: 0px; color: #285067; display: block; font-size: 12px; font-weight: bold; line-height: normal; text-decoration: underline!important; background: none!important; }
			.overviewBox li li strong:hover { text-decoration: none!important; }
			.overviewBox li.bg { padding: 8px 0px 9px 0px; background: #f2f7fb; }
			
			
			
		/* ### right container ### */
		#rightCntr { float: right; width: 209px; }
		 	#rightCntr .head { font-size: 16px; color: #bf0016; padding-bottom: 15px; }
			/* ### image box ### */
			.imageBox { position: relative; width: 209px; margin-bottom: 6px; overflow: hidden; background: url('../images/images_trainingv2/image-mid.gif') repeat-y; }
			.imageBox { width: 209px; margin-bottom: 6px; background: url('../images/images_trainingv2/image-mid.gif') repeat-y; }
			.imageBox .top { background: url('../images/images_trainingv2/image-top.gif') left top no-repeat; }
			.imageBox .bottom { padding: 6px 0px 9px 6px; background: url('../images/images_trainingv2/image-bottom.gif') left bottom no-repeat; }
			.imageBox h2 { padding-left: 10px; position: absolute; bottom: 28px; left: 6px; width: 169px; height: 24px; font-size: 12px; color: #fff; font-weight: bold; line-height: 24px; background: url(../images/images_trainingv2/heading2.png) repeat-x; }
			/*.imageBox h3 { padding-left: 10px; position: absolute; top: 148px; left: 6px; width: 128px; height: 24px; font-size: 12px; color: #fff; font-weight: bold; line-height: 24px; background: url(../images/images_trainingv2/heading2.png) repeat-x; }*/

	/* ### logo container ### */
	#logoCntr {  float: right;      position: relative;      left: -50%;  margin-bottom: 20px;}
	#logoCntr .center { float: right;      position: relative;      left: 50%;}

	#logoCntr a { float: right; padding-right: 20px; }

	/* ### footer container ### */
	#footerCntr { overflow: hidden; width: 100%; min-height: 85px; background: url('../images/images_trainingv2/footer2.png') repeat-x; }
	#footerCntr .center { padding-top: 20px; margin: 0 auto; height:65px; width: 1200px; overflow: hidden; background: url('../images/images_trainingv2/footer-center2.png') no-repeat; }
	#footerCntr a { float: left; display: block; font-size: 12px; color: #969696; }
	#footerCntr a:hover { text-decoration: none; }
	#footerCntr span { float: right; color: #969696; font-size: 12px; }