﻿@charset "utf-8";
/* CSS Document */





/* __________.__________.__________.__________.__________.__________ LAYERS */



div#layer_site,

div#layer_site_start,

div#layer_site_error {

	margin: 10px auto 10px auto;

	}



/* __________.__________.__________ layers / TEXT */



div#layer_title p {
	
	left: 280px;

	}



div#layer_time p {

	left: 800px;

	}





/* __________.__________.__________.__________.__________.__________ IMAGES */



/* __________.__________.__________ images / HEADER */



div#layer_content {

	background: url(images/bg_top.jpg) no-repeat top;

	}

div#layer_content_start {

	background: url(images/bg_top_start.jpg) no-repeat top;

	}

div#layer_content_error {

	background: url(images/bg_top_error.jpg) no-repeat top;

	}
	
/* __________.__________.__________ images / NAVIGATON */



a.link_navi_img {

	background-position: 0 1px;

	}





/* __________.__________.__________.__________.__________.__________ BORDERS */



div#layer_site,

div#layer_site_start,

div#layer_site_error {

	border: 1px solid #000000;

	}



table.table_border {

	border: 1px solid #D8E2EF;

	border-collapse: collapse;

	}

table.table_border td {

	border: 1px solid #D8E2EF;

	}





/* __________.__________.__________.__________.__________.__________ FORMS */



select.form_select,

textarea.form_textarea,
textarea.form_textarea_single,
input.form_text {

	border: 1px solid #000000;

	}





/* __________.__________.__________.__________.__________.__________ TYPOGRAPHY */



* {

	color: #000000;

	font-family: Arial, Helvetica, sans-serif;

	line-height: 22px;

	font-size: 14px;

	font-variant: normal;

	font-weight: normal;

	}

p {

	color: #000000;

	font: normal 14px/22px Arial, Helvetica, sans-serif;

	}



p.text_title {

	color: #FFFFFF;

	font: bold 15px/22px Arial, Helvetica, sans-serif;

	}

p.text_title_sub {

	color: #FFFFFF;

	font: bold 15px/22px Arial, Helvetica, sans-serif;

	}



td {

	color: #000000;

	font: normal 14px Arial, Helvetica, sans-serif;

	}
	
td.table_head {

	color: #000000;

	font: bold 14px/22px Arial, Helvetica, sans-serif;

	vertical-align: top;

	}
	
td.td_title {
	
	color: #000000;

	font: bold 14px/22px Arial, Helvetica, sans-serif;

	}



p#text_required {

	color: #000000;

	font: normal 14px/22px Arial, Helvetica, sans-serif;

	margin: 10px 0 0 0;

	}

.text_required_question {

	color: #FF0000;

	}
	
.text_error,
p.text_error {

	color: #FF0000;

	font: normal 12px/22px Arial, Helvetica, sans-serif;

	}



/* __________.__________.__________ typography / START (INDEX, PASSWORD) */



p.text_title_start {

	color: #FFFFFF;

	font: bold 15px/22px Arial, Helvetica, sans-serif;

	}



/* __________.__________.__________ typography / QUESTIONS */



p.text_time_remain {

	color: #FFFFFF;

	font: bold 15px/22px Arial, Helvetica, sans-serif;

	}

p.text_time_expired {

	color: #FF0000;

	font: bold 15px/22px Arial, Helvetica, sans-serif;

	}



p.text_category_title {

	color: #000000;

	font: bold 14px/22px Arial, Helvetica, sans-serif;
	
	margin: 20px 0 0 0;

	}

p.text_category_description {

	color: #000000;

	font: normal 14px/22px Arial, Helvetica, sans-serif;

	}



p.text_question_number {

	color: #000000;

	font: bold 20px/30px Arial, Helvetica, sans-serif;

	}

p.text_question_title {

	color: #000000;

	font: bold 14px/22px Arial, Helvetica, sans-serif;

	}

p.text_question_description {

	color: #000000;

	font: normal 14px/22px Arial, Helvetica, sans-serif;

	}



/* __________.__________.__________ typography / RESULTS */



p.text_results_title {

	color: #000000;

	font: bold 14px/22px Arial, Helvetica, sans-serif;

	}



p.text_results_answer_your {

	color: #000000;

	font: italic bold 14px/22px Arial, Helvetica, sans-serif;

	margin: 10px 0 0 0;

	}

p.text_results_answer_correct {

	color: #000000;

	font: italic bold 14px/22px Arial, Helvetica, sans-serif;

	}
	
p.text_results_answer_success {

	color: #34558C;

	font: normal 14px/22px Arial, Helvetica, sans-serif;

	}



/* __________.__________.__________ typography / STATISTICS */	



p.text_statistics_text {
	
	color: #000000;

	font: normal 14px/22px Arial, Helvetica, sans-serif;

	}



/* __________.__________.__________ typography / NAVIGATION */



p.link_navi {

	}



p.link_navi a {

	color: #34558C;

	font: bold 14px/30px Arial, Helvetica, sans-serif;

	padding: 0 0 0 22px;

	text-decoration: none;

	}
	
div#layer_content_customerLogo {	
	height: 86px;
	margin: 72px 0 0 814px;
	position: absolute;
	width: 188px;
}

div#layer_content_customerLogo img {
	max-height:86px;
	max-width:188px;
}


div#layer_content_customerLink{
	height: 50px;
	margin: 7px 0 0 814px;
	position: absolute;
	background:url(images/transparent.png);
	width: 188px;
	z-index:100;
}