/************************************************************************/
/* DOCEBO LMS - Learning Managment System								*/
/* ============================================							*/
/*																		*/
/* Copyright (c) 2004													*/
/* http://www.docebo.com												*/
/*																		*/
/* This program is free software. You can redistribute it and/or modify	*/
/* it under the terms of the GNU General Public License as published by	*/
/* the Free Software Foundation; either version 2 of the License.		*/
/************************************************************************/

/* XXX: xhtml tag style definition **************************************/

html {
	height: 100%;
}

body {
	font-family: "Trebuchet MS", "bitstream vera sans", arial,verdana,sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	color: #000;
	height: 100%;
	background: #EEE;
}

a {
	color: #920410;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: 0px none;
	font-style: italic;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

form {
	margin: 0;
	padding: 0;
}

	form .button,
	form .button_nowh,
	form .button_nopad {
		margin : 0 0 0.4em 0.4em;
		padding: 0 10px;
		color: #000;
		font-weight: bold;
		background: #EEE;
		border: 1px solid #555;
	}

	form .button:hover,
	form .button_nowh:hover,
	form .button_nopad:hover {
		background: #fafafa;
		border: 1px solid #AAA;
	}

	.form_elem {
		background: #DDD;
	}

	.form_header {
		color: #920410;
	}


/* XXX: WEBPAGE, NEWS and LOGIN ************************************/

/* XXX: menu */

.login_menu_box {
	margin: 0.40em;
	background: #EEE;
	border: 1px solid #555;
}

	/*= XXX: list webpages=*/

	.login_menu_box ul.log_list {
		margin: 0;
		list-style-type: none;
		padding: 0px;
	}

		.login_menu_box ul.log_list li {
			margin: 0;
			padding-top: 0.4em;
		}

	.login_menu_box a.voice {
		display: block;
		/* padding: 0.20em 0.20em 0.20em 0.40em; */
		text-decoration: none;
		color: #000;
		font-size: 1em;
		padding: 4px 10px;
	}

	.login_menu_box a.voice:hover {
		background: #fff;
		text-decoration: underline;
	}

	.login_menu_box .log_title_cat {
		margin: 0.40em 0 0 0;
		text-align: center;
		font-weight: bold;
	}

	/* XXX: form */

	.form_login {
		border: 0px none;
		margin: 0px;
		background: transparent;
		font-size: 0.9em;
	}

		.form_login .line_field {
			margin: 0.40em 0.20em;
		}

		.form_login .label_login {
			font-weight: bold;
			float: left;
			width: 40%;
		}

		.form_login .log_dropdown {
			width: 55%;
		}

			.form_login .log_textfield {
				width: 55%;
				padding: 0;
				border: 1px solid #666;
			}

		.form_login .line_button {
			text-align: right;
			margin: 0.20em 0.20em;
		}

			.form_login .line_button .log_button {
				margin: 0.40em 0;
				padding: 0 1em;
				font-size: 1.00em;
				font-weight: normal;
				color: #000;
				background: #ccc;
				font-family: Verdana, Arial, Sans-Serif;
				border: 1px solid #000;
			}

		.form_login .line_button .log_button_access {
			color: #000000;
			border: 1px solid #444;
			background: #EFEFEF;
			background: url('../images/standard/log_access.gif') 2px 0px no-repeat #EFEFEF;
		}
		



	.noaccess {
		margin: 0.20em 0.20em 1em;
		padding: 0.20em 0.40em;
		font-size: 0.90em;
		color: #f20;
		border: 1px solid #f20;
	}

	.logout {
		margin: 0.20em 0.20em 1em;
		padding: 0.20em 0.40em;
		font-size: 0.90em;
		color: #555;
		border: 1px solid #555;
	}

	.login_command_line {
		font-size: 1em;
		text-align: right;
		margin-top: 0.7em;
	}

	fieldset.fieldset_std {
		border: #555 1px solid;
	}

/* XXX: block */

.news_block {
	background: #fff;
	border: 1px solid #555;
	border-top: 0px none;
	margin: 0.40em;
	margin-top: 0px;
	padding: 0px;
}

.back_container {
	margin: 0px;
}

.home_block {
	margin: 0.40em;
	padding: 0;
	background: #fff;
	border: 1px solid #555;
}

	.home_block .home_title {
		margin: 1em;
		font-size: 1.20em;
		font-weight: bold;
	}

	.home_block .home_textof {
		margin: 0.80em;
		padding: 0;

	}

	.news_block .news_main_title {
		margin: 0.40em 0.40em 0;
		font-size: 1.20em;
		font-weight: bold;
	}

		.news_block .news_main_title img {
			margin: 0 0.40em;
			vertical-align: middle;
		}

	.news_title_reading {
		margin: 0 0 0.6em 1.4em;
		font-size: 1.40em;
		font-weight: bold;
	}

	.news_block .news_title {
		margin: 1em 0 0 1.40em;
		font-weight: bold;
	}

	.news_block .news_data {
		font-size: 0.80em;
		font-weight: bold;
	}

	.news_block .news_textof {
		margin: 0.20em 0.40em;
	}

/* XXX: lost password */

.lostpwd_box {
	margin: 1em;
	padding: 0.60em 0.60em 0 0.60em;
}

.lostpwd_logo {
	margin: 0 0.40em;
	padding: 0;
}

.form_right {
	margin: 0.60em 0 0 0;
	padding: 0.40em;
	text-align: right;
	background: #FAFAFA;
	border : 1px solid #666;
}

	.form_right .textfield {
		 margin : 0;
		 padding : 0;
		 border : 1px solid #666;
	}


/*= XXX: Info line===================================================*/

.info_strip {
	padding: 0.00em 0.00em;
	border-top: 1px solid #555;
	clear: both;
}

.info_strip_bottom_border {
	border-bottom: 1px solid #555;
}

	.info_strip .info_left {
		float: left;
		margin: 0 0.40em 0 0;
		padding: 0.10em 0;
	}

	.info_strip .info_right {
		float: right;
		margin: 0 0 0 0.40em;
		padding: 0.10em 0;
	}

	.info_strip a.general_voice {
		padding: 0.10em 1.00em;
		margin: 0;
		color: #000;
		background: #F00;
		font-weight: bold;
		text-decoration: none;
		border-right: 1px solid #000;
	}

	.info_strip a.general_voice:hover {
  		background: #FFF;
	}

	.info_strip a.logout_voice {
		background: #F0F0F0;
 	}

	.info_strip a.logout_voice:hover {
		background: #FFF;
	}

	.info_strip .name_course {
		font-weight: bold;
		margin-left: 0.40em;
	}

	a.logout_voice {
		padding: 0.10em 1.00em;
		margin: 0;
		color: #f00;
		background: #F0F0F0;
		font-weight: bold;
		text-decoration: none;
		border-left: 1px solid #211a49;
	}

	.admin_right {
		float: right;
		margin: 0 0 0 0.40em;
		padding: 1px
	}

	a.admin_logout_voice {
		padding: 1px 20px;
		color: #f00;
		background: #F0F0F0;
		text-decoration: none;
		border-left: 1px solid #000;
	}

/* XXX: menu over***************************************************/

.menu_strip {
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
}

	.menu_strip ul.menu_list_strip {
		margin: 1px  0;
		padding: 0;
		list-style-type: none;
	}

		.menu_strip ul.menu_list_strip li {
			display: inline;
			margin: 0;
			padding: 0;
		}

	.menu_strip ul.menu_list_strip a.bar {
		padding: 1px 20px;
		font-weight: bold;
		background: #fff;
		text-decoration: none;
		border-right: 1px solid #000;
	}

	.menu_strip ul.menu_list_strip a.bar:hover {
		background: #9af;
	}

	.menu_strip ul.menu_list_strip a.select {
		background: #9af;
	}

	.menu_strip ul.menu_list_strip a.select:hover {
		color: #fff;
		background: #2e73aa;
	}

/* XXX: lateral menu ***********************************************/

.menu_box {
	margin: 0.40em 0.40em;
	padding: 0;
	background: #fff;
	border: 1px solid #000;
}

	/*= NOTE: header=*/
	.menu_box .menu_intest {
		margin: 0;
		padding: 0.40em 0.80em 0.80em 0.80em;
		font-size: 1.20em;
		font-weight: bold;
	}

		.menu_box .menu_intest img {
			margin: 0 0.40em 0 0;
			padding: 0;
			vertical-align: middle;
		}

	/*= NOTE: links=*/
	.menu_box a.voice {
		display: block;
		padding: 0.40em 0.40em 0.40em 0.80em;
		text-decoration: none;
	}

	.menu_box a.voice:hover {
		background: #abf;
	}

	/*= NOTE: under menu box=*/
	.menu_box .menu_box_under {
		margin: 0.00em 0.00em 0.40em 1.00em;
		padding: 0.00em;
		border-left: 1px solid #000;
		border-bottom: 1px solid #000;
	}

	/*= NOTE: list=*/
	.menu_box ul.menu_box_list {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

		.menu_box ul.menu_box_list li {
			margin: 0;
			padding: 0;
		}

/*= NOTE: extra menu=*/

.menu_box_extra {
	margin: 0.40em;
	padding: 0.40em;
	background: #fff;
	border: 1px solid #000;
}

	.menu_box_extra img {
		margin: 0 0.40em 0 0;
	}

	.menu_box_extra .legend_line {
		padding: 0.20em 0;
		font-size: 0.80em;
		border-bottom: 1px solid #2e73aa;
	}

		.menu_box_extra .legend_line img {
			vertical-align: bottom;
		}

/*===================================================================*/
/*= XXX: Classes=for=tab=============================================*/
/*===================================================================*/

.TabView_container {
	margin: 0.20em 0.60em 0 0.60em;
	padding: 0 0.2em;
}

.TabView_content {
	background: #fff;
	border-width: 0px 2px 2px 2px;
	border-style: solid;
	border-color: #000;
}

	.TabView_content .std_block {
		margin: 0;
		border: 0px none;
	}

	.TabView_content .title-area {
		margin: 0.00em 0.00em 0.00em 0.00em;
		padding: 0.00em 1.00em;
		border: 0px none;
		font-size: 1.20em;
		font-weight: bold;
		color: #033;
		background: transparent;
	}

		.TabView_content .titleBlock img {
			padding-right: 0.60em;
		}

.TabView_spacer {
	float: left;
	width: 10px;
	padding: 0;
	margin:0;
}

.TabView_filler {
	padding: 4px 0 0 0;
	margin: 0;
	border-width: 0px 0px 2px 0px;
	border-style: solid;
	border-color: #000;
}

.TabView_hotspot {
	height: 22px;
	padding: 0;
	margin: 0;
	font-weight: bold;
	border: 0px none;
	background: transparent;
	cursor: pointer;
}

.TabElemDefault_active {
	float: left;
	padding: 0 0.40em 1px 0.40em;
	margin: 0;
	border-width: 2px 2px 0px 2px;
	border-style: solid solid none solid;
	border-color: #000;
	background: #fff;
}

	.TabElemDefault_active img {
		padding: 0;
		height: 22px;
		border: 0px none;
		vertical-align: middle;
	}

.TabElemDefault_inactive {
	float: left;
	padding: 0 0.40em 0 0.40em;
	margin: 0;
	border-width: 1px 1px 2px 1px;
	border-style: solid solid solid solid;
	border-color: #000;
	background: #ccc;
}

	.TabElemDefault_inactive img {
		padding: 0;
		height: 22px;
		border: 0px none;
		vertical-align: middle;
	}

/* XXX: course list ************************************************/
ul.course_list_ext {
	padding: 0.20em;
	list-style: none;
}

	ul.course_list_ext li {
		padding: 0.40em 0.20em;
	}

	ul.course_list_ext li a {
		font-size: 1.00em;
		font-weight: bold;
	}

	ul.course_list_ext li div.textof {
		margin: 0.60em 0;
		padding: 0.40em;
		border-bottom: 1px solid #555;
		border-left: 1px solid #555;
	}

/*= XXX: course list ================================================*/

table.course_block {
	width: 100%;
	margin: 0 0 2.00em 0;
	padding: 0;
	font-size: 1.00em;
	empty-cells: show;
	border-spacing: 0;
}



	table.course_block tr th {
		background: #cdf;
		border-top: 1px solid #555;
		border-bottom: 1px solid #555;
		text-align: left;
	}

	table.course_block caption {
		font-weight: bold;
	}

	table.course_block .status_course {
		font-size: 0.80em;
	}

	table.course_block tr td {
		vertical-align: top;
		padding: 0.60em 0 0.60em 0;
		border-bottom: 1px solid #555;
	}

	table.course_block tr td.code_course {
		padding-left: 0.40em;
	}

/*= XXX: test========================================================*/

.test_answer {
	width: 100% !important;
	width: 90%;
	margin: 0 0 2.00em 0;
	padding: 0;
	font-size: 1.00em;
	empty-cells: show;
	border-spacing: 0;
	background: #ccc;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
}

	.test_answer caption {
		font-weight: bold;
		text-align: left;
		padding: 0.40em 0.80em 0.20em;
	}

	.test_answer th {
		padding: 0.10em 0.20em;
		color: #fff;
		background: #2e73aa;
		border-left: 1px solid #000;
		border-bottom: 1px solid #000;
	}

	.test_answer tr.line_answer td {
		padding: 0.10em 0.20em;
		border-left: 1px solid #000;
		border-bottom: 1px solid #000;
	}

	.test_answer .test_text_answer {
		border: 1px solid #000;
		width: 95%;
	}

	.test_answer .test_area_answer,
	.test_answer .test_comment {
		border: 1px solid #000;
	}

	.test_answer .test_point {
		border: 1px solid #000;
		text-align: right;
	}

	.test_answer .test_ifcorrect {
		font-weight: bold;
		font-style: italic;
	}

	ul.test_info_list {
		margin: 0 0 0 0.60em;
		padding: 0.50em 2.00em;
		list-style: disc;
	}

		ul.test_info_list li {
			margin: 0 0 0.20em 0;
			padding: 0;
		}

/* NOTE: play test */

.test_title_play {
	margin: 0;
	padding: 0;

	font-weight: bold;
	font-size: 1.20em;
	color: #2e73aa;
	text-align: center;
}

.test_answer_space {
	margin: 0.40em;
	padding: 0.00em;
	background: #fff;
}

	/*= NOTE: this is for the question type 'title'=*/
	.test_answer_space .quest_title {
		margin: 0.40em 0 1.00em 0;
		padding: 0.30em;
		background: #cdf;
		border: 1px solid #9af;
	}

	/*= NOTE: container for one question=*/
	.test_answer_space .play_question {
		margin: 1.00em 0 0 0;
		padding: 0;
		background: #cdf;
		border: 1px solid #9af;
	}

	/*= NOTE: container of the question's title=*/
	.test_answer_space .title_question {
		margin: 0;
		padding: 4px;
		font-weight: bold;
	}

	/*= NOTE: answers of the question=*/
	.test_answer_space .answer_question {
		margin: 3px 0 0 20px;
		padding: 5px;
		background: #fff;
	}

		.test_answer_space .text_answer {
			/*font-weight: bold;*/
		}

		.test_answer_space .text_answer_none {
			/*font-weight: bold;*/
		}

		.test_answer_space .text_answer_ht {
			font-weight: bold;
		}

		.test_answer_space .text_answer_ht_none {
			font-weight: bold;
		}

		.test_answer_space .test_inline_select {
			margin: 0 0.20em;
			vertical-align: middle;
			/*font-weight: bold;*/
		}

		.test_answer_space .test_te_input {
			margin: 0 0.20em;
			vertical-align: middle;
			font-weight: bold;
		}

		.test_answer_space .test_as_select {
			vertical-align: middle;
			/*font-weight: bold;*/
		}

.set_time_row {
	margin: 0 5.00em 0 0;
	text-align: right;
}

.test_button_space {
	margin: 0;
	padding: 0.40em 1.40em;
	text-align: right;
}

	.test_button_space .test_button {
		margin: 0 1.00em;
		padding: 0 1.00em;
		font-size: 1.00em;
		font-weight: bold;
		background: #ddd;
		border: 1px solid #666;
	}

	.test_message {
		margin: 1.00em 3.00em 2.00em;
	}

.test_score_note {
	font-weight: bold;
	margin: 0 0 0.40em 0;
}

.test_quest_review_container {
	margin: 1.0em 0;
	padding: 0;
}

	.test_quest_review_container div.test_answer_comment {
		margin: 0.0em 0 2.0em;
		padding: 0.4em;
		border-right: 1px solid #9af;
		border-bottom: 1px solid #9af;
		border-left: 1px solid #9af;
	}

	.test_quest_review_container span.test_answer_correct {
		margin: 0 0.5em;
		color: #02f;
		font-weight: bold;
	}

	.test_quest_review_container span.test_answer_incorrect {
		color: #f20;
		font-weight: bold;
	}

	.test_quest_review_container span.test_score_positive {
		color: #02f;
	}

	.test_quest_review_container span.test_score_negative {
		color: #f20;
	}


/*= XXX: advice =====================================================*/

.advice_box {
	margin: 1em 0.50em 1.50em;
	border-bottom: 1px solid #000;
}

	.advice_box .advice_title {
		padding: 0.10em 0.40em;
		font-size: 1.20em;
		font-weight: bold;
		background: #bcf;
	}

		.advice_box .advice_title img {
			margin: 0 0.40em 0;
		}

	.advice_box .advice_who_when {
		font-size: 0.80em;
		text-align: right;
		padding: 0.10em 0.40em;
	}

	.advice_box .advice_text {
		padding: 0.40em;
	}

	.advice_box .advice_op_line {
		text-align: right;
		padding: 0.10em 0.40em;
	}


/* XXX: user profile ***********************************************/

table.profile_images {
	width: 100%;
}

	table.profile_images td {
		font-size: 0.80em;
		text-align: center;
	}


/* Type One ***********************************************************/

	/* NOTE: type-one line 1*/
	table.type-one tr.line-col td {
		background: #fff;
	}

	/* NOTE: type-one line 2*/
	table.type-one tr.line td {
		background: #CCC;
	}

	table.type-one tr th {
		background: #803131;
	}

	table.type-one td a {
		color: #000;
	}

/***************************************************************************/