/*======================================================================*/
/* DOCEBO LMS - Learning management 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: Verdana, Arial, Sans-Serif;
	font-size: small;
	margin: 0;
	padding: 0;
	color: #000000;
	height: 100%;
	background: #ccddff;
}

a {
	color: #336699;

}

a:hover {
}

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

form {
	margin: 0;
	padding: 0;
}

.padding05 {
	margin: 0;
	padding: 0.5em;
}

/* XXX: Layout classes ============================================*/

div.layout_header {
	margin: 0;
	padding: 0;
	height: 126px;
	background-color: #336699;
	background-image: url('../images/header_back.png');
	background-position: bottom left;
	background-repeat: repeat-x;
	overflow: hidden;
}
	
	div.layout_header .left_logo{
		float: left;
		margin: 0;
	}
	
	div.layout_header .right_logo{
		float: right;
		margin: 0;
	}

div.layout_menu_over {
	margin: 0;
	padding: 0;
}

div.layout_colum_container {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ccddff;
}

	div.layout_colum_left {
		float: left;
		margin: 0;
		padding: 0;
		width: 25%;
	}
	
	div.layout_colum_right {
		float: right;
		margin: 0;
		padding: 0;
		width: 75% !important;		/* this is for IE 	*/
		width: 72%;					/* 					*/
	}
	

div.layout_footer {
	clear: both;
	margin: 0.80em 0 0 0;
	padding: 3px;
	background-image: url('../images/footer_back.png');
	background-position: center center;
	background-repeat: repeat-x;
}
	
	div.layout_footer a {
		color: #ffffff;
	}
	
	.powered_by {
		vertical-align: middle;
		text-align: right;
	}
	
	.powered_by img {
		margin: 0 8px 0 0;
	}

/* XXX: content area ==============================================*/

.area_block {
	margin: 0.40em 0.40em 0;
	padding: 0.20em 0.20em 0.60em 0.20em;
	background: #ffffff;
	border: 1px solid #336699;
	border-bottom: 0px none;
}
	
	.area_block h1 {
		margin: 0.40em 0.40em;
		font-weight: bold;
		font-size: 1.60em;
		padding: 0.6em 4px 0.6em 56px;
		background-repeat: no-repeat;
		background-position: center left;
	}
	
	.area_block ul.navigation {
		list-style: none;
		padding: 0;
		margin: -0.4em 0 0 0.2em;
	}
		
		.area_block ul.navigation li {
			display: inline;
			padding: 0;
			margin: 0;
		}
			
			.area_block ul.navigation li a {
				margin: 0 0.2em;
			}
			
.std_block {
	margin: 0 0.40em 0;
	padding: 0.20em;
	background: #ffffff;
	border: 1px solid #336699;
	border-top: 0px none;
}

/* XXX: external webpages list =====================================*/

.login_menu_box {
	margin: 0.40em;
	padding: 0;
	background: #ffffff;
	border: 1px solid #336699;
}

	.login_menu_box ul.log_list {
		margin: 0;
		padding: 0.20em;
		list-style-type: none;
	}
		
		.login_menu_box ul.log_list li {
			margin: 0;
			padding: 0.20em;
		}
	
	.login_menu_box a.voice {
		display: block;
		padding: 2px 6px;
		color: #336699;
		line-height: 1.3em;
		font-size: 1em;
		background: #aabbff;
		vertical-align: middle;
		border: 1px solid #336699;
	}
	
	.login_menu_box a.voice:hover {
		background: #ccddff;
	}

/* XXX: home block (container of web-pages)========================*/

.home_block {
	margin: 0.40em;
	padding: 0.40em;
	background: #ffffff;
	border: 1px solid #336699;
}

	.home_block h1 {
		margin: 0.40em 1em;
		padding: 0;
		font-size: 1.20em;
	}
	
	.home_block .home_textof {
		
	}

/* XXX: news block (container of news list)========================*/

.news_block {
	margin: 0.40em;
	padding: 0.40em;
	background: #ffffff;
	border: 1px solid #336699;
}
	.news_block h1 {
		margin:	0;
		padding: 3px 0 0 32px;
		background-image: url('../images/news/news_home.gif');
		background-position: 2px 2px; 
		background-repeat: no-repeat;
		font-size: 1.20em;
		height: 24px;
		width: 24px;
	}
	
	.news_block div.news_list {
	}
		
		.news_block div.news_list h2 {
			margin: 0.70em 0 0 0;
			padding: 0;
			font-weight: normal;
			font-size: 1.00em;
		}
		
		.news_block div.news_list p {
			margin: 0;
			padding: 0;
		}
		
		.news_block div.news_list .news_data {
			font-weight: bold;
			font-size: 0.80em;
		}
	
	.news_title_reading {
	}
	
	.news_block .news_title {
	}
	
	.news_block .news_data {
	}
	
	.news_block .news_textof {
	}

/* XXX: First line of the menu (Logout, Admin, Course name, Campus) =====*/

div.info_strip {
	clear: both;
	margin: 4px 0 0 0;
	padding: 0;
	line-height: 1.3em;
	border-bottom: 1px solid #336699;
	
	height: 22px;
}
	
	.info_strip a.general_voice {
		float: left;
		margin: 0 0 0 5px;
		padding: 0 8px 0 30px;
		
		color: #000000;
		font-size: 1em;
		font-weight: bold;
		
		height: 22px;
		background: url('../images/standard/campus.gif') 4px 50% no-repeat;*/
	}
	
	.info_strip a.general_voice:hover {
		text-decoration: none;
	}
	
	h1.course_name {
		float: left;
		margin: 0;
		padding: 0px 5px;
		
		color: #000000;
		font-size: 1.00em;
		font-weight: bold;
		
		height: 22px;
		background: url('../images/menu_strip_back.png') 0 0 repeat-x;
	}
	
	a.goto_admin {
		float: right;
		margin: 0;
		padding: 0 8px 0 30px;
		
		color: #000000;
		font-size: 1em;
		font-weight: bold;
		
		height: 22px;
		background: url('../images/standard/goto_admin.gif') 4px 50% no-repeat;
	}
	
	a.logout_voice {
		float: right;
		margin: 0 5px 0 0;
		padding: 0 8px 0 30px;
		
		color: #f00;
		font-size: 1em;
		font-weight: bold;
		
		height: 22px;
		background: url('../images/standard/logout.gif') 4px 50% no-repeat;
	}
	
	.admin_right {
		/*float: right;
		margin: 0 0 0 0.40em;
		padding: 1px*/
	}
	
	a.admin_logout_voice {
		/*padding: 1px 20px;
		color: #f00;
		background: #ffffff;
		border-left: 1px solid #000000;*/
	}

/* XXX: Second line of the menu, course dependent ===============*/

.menu_strip {
	clear: both;
	border-bottom: 1px solid #336699;
	margin: 0;
	padding: 0;
	
	height: 22px;
	/*background: url('../images/menu_strip2_back.png') 0 0 repeat-x;*/
	background: #ffffff;
}

	.menu_strip ul.menu_list_strip {
		clear: both;
		margin: 0;
		padding: 0px;
		list-style-type: none;
		height: 22px;
	}
	
		.menu_strip ul.menu_list_strip li {
			display: inline;
			margin: 2px 0px;
			padding: 0;
			vertical-align: middle;
			
		}
	
	.menu_strip ul.menu_list_strip a.bar {
		padding: 2px 10px 4px;
		font-size: 1em;
		border: 0px none;
		border-right: 1px solid #336699;
	}
	
	.menu_strip ul.menu_list_strip a.bar:hover {
		background: #aabbff;
	}
	
	.menu_strip ul.menu_list_strip em.select {
		padding: 2px 10px 4px;
		font-size: 1em;
		border: 0px none;
		
		font-size: 1em;
		font-weight: bold;
		font-style: normal;
		border-right: 1px solid #336699;
	}

/* XXX: Lateral menu (Modules) ====================*/

.menu_box {
	margin: 0.40em 0.40em;
	padding: 0;
	background: #ffffff;
	border: 1px solid #000000;
}
	
	.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;
		}
	
	.menu_box a.voice {
		display: block;
		font-size: 1em;
		padding: 0.20em 0.40em 0.40em 0.80em;
		margin: 0.20em 0;
	}
	
	.menu_box a.voice:hover {
		background: #aabbff;
	}
	
	/* 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 #000000;
		border-bottom: 1px solid #000000;
	}
	
	.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;
		}
		
		.menu_box ul.menu_box_list li strong.voice_selected {
			display: block;
			font-size: 1em;
			padding: 0.20em 0.40em 0.40em 0.80em;
			margin: 0.20em 0;
			background: #aabbff;
			border: 1px solid #336699;
			border-width: 1px 0px;
		}
	
/* NOTE: extra menu (not used now) ==================================*/

.menu_box_extra {
	margin: 0.40em;
	padding: 0.40em;
	background: #ffffff;
	border: 1px solid #000000;
}
	
	.menu_box_extra img {
		margin: 0 0.40em 0 0;
	}
	
/* XXX: Dashboard for the course (Username, time, progress) ====================*/

.course_intest_box {
	margin: 0.40em 0.40em;
	padding: 0.20em;
	background: #ffffff;
	border: 1px solid #000000;
}

	.course_intest_box img.course_logo {
		margin: 0.60em 0.40em 0.20em 0.20em;
		max-width: 150px;
	}
	
.course_descr_box {
	margin: 0.40em 0.40em;
	padding: 0.80em;
	background: #ffffff;
	border: 1px solid #000000;
	font-size: 0.90em;
}

	.course_descr_box .course_user_name {
		clear: both;
		position: relative;
		text-align: right;
		margin: 0 0 0.60em 0;
	}

		.course_descr_box .course_user_name span {
			font-weight: bold;
			float: left;
			text-align: left;
		}
	
	.course_descr_box .course_time_in {
		clear: both;
		position: relative;
		text-align: right;
		margin: 0 0 0.60em 0;
	}

		.course_descr_box .course_time_in span.intest {
			font-weight: bold;
			float: left;
			text-align: left;
		}
		
	.course_descr_box .box_whois_online {
		clear: both;
		position: relative;
		text-align: right;
		margin: 0 0 0.60em 0;
	}
	
		.course_descr_box .box_whois_online span {
			font-weight: bold;
			float: left;
			text-align: left;
		}
		
	.course_descr_box .course_progress {
		clear: both;
		position: relative;
		text-align: right;
		margin: 0 0 0.60em 0;
	}
	
		.course_descr_box .course_progress span {
			font-weight: bold;
			float: left;
			text-align: left;
		}
	
	.course_descr_box .course_sponsor {
		clear: both;
		margin: 1.0em 0.40em 0.20em 0.20em;
	}
	
		.course_descr_box .course_sponsor img {
			max-width: 150px;
		}
		
/* XXX: course list ===============================================*/


ul.course_list_ext {
	list-style: none;
	margin: 2em 0 0 0;
	padding: 0;
	line-height: 1.3em;
}
	
	ul.course_list_ext li {
		float: left;
		margin: 0 2em 1em 1em;
		padding: 0;
	}
	
	ul.course_list_ext li a {
		float: left;
		height: 48px;
		padding: 6px 2px 2px 54px ;
		font-weight: normal;
		background-image: url('../images/standard/folder.gif');
		background-position: 2px 2px;
		background-repeat: no-repeat;
		
	}
	
	ul.course_list_ext li b {
		color: #000000;
		font-size: 0.80em;
	}
	
	ul.course_list_ext li div.textof {
	}
	
	h2.course_list_h2 {
		margin: 1em 0 0.80em 0;
		padding: 1em 0.80em 0.20em;
		font-size: 1.1em;
		border-top: 1px solid #215588;
	}
	
ul.course_list_ext_list.ext_list {
	list-style: none;
	margin: 2em 0 0 0;
	padding: 0;
	line-height: 1.3em;
}
	ul.course_list_ext_list li {
		margin: 0 0.5em 2em;
		padding: 0.20em;
		border-bottom: 1px solid #215588;
	}
	
	ul.course_list_ext_list li.ext_list h3 {
		margin: 0;
		padding: 0;
		font-size: 1.1em;
	}
	
		ul.course_list_ext_list li.ext_list h3 span.code_course {
			font-size: 0.80em;
			font-weight: normal;
		}
	
	ul.course_list_ext_list li.ext_list p {
		margin: 0.4em 0 0 0;
		padding: 0;
		font-size: 0.90em;
	}
	
	p.selling_line {
		text-align: right;
		margin: 0;
		padding: 1em 3em;
	}
	
		p.selling_line a {
			margin: 0 4em 0 0;
			font-weight: bold;
			color: #000000;
		}

/*==============================================================*/
	
	.img_courselist {
		width: 22px;
		margin: 0 2px;
	}
	
	.course_enter {
		font-weight: bold;
		color: #336699;
	}
	
	.course_locked {
		font-weight: bold;
		color: #666666;
	}
	
	.course_path {
		font-weight: bold;
		color: #360;
	}

table.course_path_block {
	width: 100% !important;
	width: 98%;
	margin: 0 auto 2.00em ;
	padding: 0;
	empty-cells: show;
	border-spacing: 0;
}

	table.course_path_block tr th {
		background: #9f9;
		border-top: 1px solid #360;
		border-bottom: 1px solid #360;
		text-align: left;
		font-size: 1em;
	}
	
	table.course_path_block tr .image {
		text-align: center;
		vertical-align: middle;
		width: 1px;
		padding: 0;
		margin: 0;
	}
	
	table.course_path_block caption {
		font-weight: bold;
	}
	
	table.course_path_block .status_course {
		font-size: 0.90em;
	}
	
	
	table.course_path_block tr .code_course {
		padding-left: 0.40em;
		width: 10%;
	}
	
	table.course_path_block tr .subscribe_course {
		padding-left: 0.40em;
		width: 25%;
	}
	
	table.course_path_block tr td.code_course {
		padding-left: 0.40em;
		width: 10%;
	}
	
	table.course_path_block tr td {
		vertical-align: top;
		padding: 0.40em 0 0.40em 0;
		border-bottom: 1px solid #360;
	}
	
	div.course_path_info {
		font-size: 0.90em;
	}
	
		div.course_path_info span {
			font-weight: bold;
		}
	
table.course_block  {
	width: 100% !important;
	width: 98%;
	margin: 0 auto 2.00em ;
	padding: 0;
	empty-cells: show;
	border-spacing: 0;
}

table.course_block_cell {
	margin: 0 auto;
	border-left: 1px solid #336699;
}

	table.course_block tr th {
		font-size: 1em;
		background: #ccddff;
		border-top: 1px solid #336699;
		border-bottom: 1px solid #336699;
		text-align: left;
	}
	
	table.course_block tr .image {
		text-align: center;
		vertical-align: middle;
		width: 1%;
		padding: 0 0.20em;
		margin: 0;
	}
	
	table.course_block caption {
		font-weight: bold;
	}
	
	table.course_block .status_course {
		font-size: 0.90em;
		vertical-align: top;
	}
	
	table.course_block tr .subscribe_course {
		padding-left: 0.40em;
		width: 25%;
	}
	
	table.course_block tr td {
		font-size: 1em;
		vertical-align: top;
		padding: 0.40em 0 0.40em 0;
		border-bottom: 1px solid #336699;
	}
	
	table.course_block tr .code_course {
		padding-left: 0.40em;
		width: 10%;
	}
	
	table.course_block tr td.level_course {
		padding-left: 0.40em;
	}
	
	div.course_extra_info {
		font-size: 1.0em;
	}
	
		div.course_extra_info span {
			font-weight: bold;
		}
		
		
/* XXX: course info ===============================================*/

.infocourse_coursename {
	font-size: 1.20em;
	font-weight: bold;
	padding: 0 0 0.80em 0.40em;
}

.infocourse_code span {
	font-weight: bold;
}

.infocourse_descr {
	font-weight: bold;
}

.infocourse_leveluserlist {
	margin: 1.0em 0;
}

	.infocourse_leveluserlist span {
		 font-weight: bold;
	}

.infocourse_materials {
	float: right;
	width: 50%;
}

.infocourse_attachment {
	margin: 0.50em;
	padding: 0.20em;
	border: 1px solid #000000;
}

.infocourse_lineextra {
	padding: 0 0 0.40em 0;
}

	.infocourse_lineextra span {
		font-weight: bold;
	}

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

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

	.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: #ffffff;
		background: #336699;
		border-left: 1px solid #000000;
		border-bottom: 1px solid #000000;
	}
	
	.test_answer tr.line_answer td {
		padding: 0.10em 0.20em;
		border-left: 1px solid #000000;
		border-bottom: 1px solid #000000;
	}
	
	.test_answer .test_text_answer {
		border: 1px solid #000000;
		width: 95%;
	}
	
	.test_answer .test_comment {
		margin: 0 0 0 0.40em;
		vertical-align: top;
		border: 1px solid #000000;
	}
	
	.test_answer .test_area_answer {
		margin: 0 0 0 0.40em;
		vertical-align: top;
		border: 1px solid #000000;
	}
	
	.test_answer .test_point {
		border: 1px solid #000000;
		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: #336699;
	text-align: center;
}

.test_time_left {
	text-align: center;
	background: #ccddff;
	padding: 0.50em;
	border: 1px solid #336699;
}

	.test_time_left span {
		font-weight: bold;
		color: #ff0000;
	}

.test_answer_space {
	margin: 0.40em; 
	padding: 0.00em;
	background: #ffffff;
	line-height: 1.3em;
}

	/*= NOTE: this is for the question type 'title'=*/
	.test_answer_space .quest_title,
	.test_answer_space .quest_title_review  {
		font-style: italic;
		display: block;
		margin: 0.40em 0 1.00em 0;
		padding: 0.30em;
		background: #ccddff;
		border: 1px solid #aabbff;
	}
	
	.test_answer_space .quest_title_review {
		margin: 0.40em 0 2.00em 0;
	}
	
	/*= NOTE: container for one question=*/
	.test_answer_space .play_question {
		margin: 1.00em 0 0 0;
		padding: 0;
		background: #ccddff;
		border: 1px solid #aabbff;
	}
	
	/*= NOTE: container of the question's title=*/
	.test_answer_space .title_question {
		margin: 0;
		padding: 4px;
		font-weight: bold;
	}
	
	.test_answer_space .associate_colum_float {
		float: left;
		width: 40%;
	}
	
	/*= NOTE: answers of the question=*/
	.test_answer_space .answer_question {
		margin: 3px 0 0 20px;
		padding: 5px;
		background: #ffffff;
	}
		
		.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;
}

	.set_time_row input.button_nowh {
		margin: 0 0 0 3em;
	}

.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-weight: bold;
		background: #dddddd;
		border: 1px solid #666666;
	}

	.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 0;
	padding: 0;
}

	.test_quest_review_container div.test_answer_comment_nomargin, 
	.test_quest_review_container div.test_answer_comment {
		margin: 0.0em 0 2.0em;
		padding: 0.4em;
		border-right: 1px solid #aabbff;
		border-bottom: 1px solid #aabbff;
		border-left: 1px solid #aabbff;
	}
	
	.test_quest_review_container div.test_answer_comment_nomargin {
		margin: 0;
	}
	
	.test_quest_review_container .test_answer_correct {
		margin: 0 0.5em;
		color: #0022ff;
		font-weight: bold;
	}
	
	.test_quest_review_container .test_answer_incorrect {
		color: #ff0000;
		font-weight: bold;
	}
	
	.test_quest_review_container .test_score_positive {
		color: #0022ff;
	}
	
	.test_quest_review_container .test_score_negative {
		color: #ff0000;
	}
	
	
	.test_edit_scores {
		margin: 0.20em 0 2em;
	}

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

.advice_box {
	margin: 1em 0.50em 1.50em; 
	border-bottom: 1px solid #000000;
}
	
	.advice_box .advice_title {
		padding: 0.10em 0.40em;
		font-size: 1.20em;
		font-weight: bold;
		background: #ccddff;
	}
	
		.advice_box .advice_title img {
			margin: 0 0.40em 0;
		}
	
	.advice_box .advice_who_when {
		font-size: 0.90em;
		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.90em;
		text-align: center;
	}

/* XXX: forum =====================================================*/

.forum_table {
	margin: 0.40em 0 2.00em 0;
	padding: 0;
	border-spacing: 0;
	width: 100%;
	border-bottom: 1px solid #000000;
}
	
	.forum_table tr.forum_header th {
		padding: 0.20em 0.40em;
		text-align: left;
		font-weight: normal;
		background: #aabbff;
		font-size: 1em;
	}
	
	.forum_table .forum_title {
		font-size: 1.40em;
	}
	
		.forum_table .forum_title a {
			color: #000000;
		}
		
		.forum_table .forum_title a:hover {
			color: #000000;
		}
	
	.forum_table td {
		vertical-align: top;
	}
	
	.forum_notread {
		color: #336699;
		font-size: 0.90em;
		font-weight: bold;
	}
	
	.forum_table .image {
		text-align: center;
		vertical-align: middle;
		width: 1%;
	}
	
	.forum_table .forum_lastpost {
		font-size: 0.90em;
		font-style: italic;
	}
	
	.forum_table .forum_manag {
		text-align: right;
		padding: 0.20em 0 0 0;
	}
	
	.forum_action_top {
		margin: 0.80em 0 0.80em 0;
		padding: 0.20em;
		text-align: left;
		background: #ccddff;
		border: 1px solid #336699;
	}
	
	
	.forum_action_bottom {
		margin: 0.80em 0 0.80em 0;
		padding: 0.20em;
		text-align: right;
		background: #ccddff;
		border: 1px solid #336699;
	}
	
	.mess_author {
		font-weight: bold;
	}
	
	.forum_sender {
		width: 20%;
		vertical-align: top;
	}
	
	.forum_text {
		width: auto;
		vertical-align: top;
	}
	
	div.forum_author {
		font-weight: bold;
		font-size: 1.10em;
		margin: 0.40em 0.6em 0.20em;
	}
	
	div.forum_level {
		margin: 0 1.6em;
	}
	
	img.forum_avatar {
		margin: 0.6em 0.6em;
		max-width: 100px;
		max-height: 100px;
	}
	
	div.forum_numpost {
		margin: 0 0.6em;
	}
	
	
	/* XXX: forum post */
	
	.forum_post_posted {
		font-size: 0.90em;
		margin: 0.40em 2em 0.60em;
	}
	
	.forum_post_locked {
		font-size: 1.20em;
		color: #ff0000;
		margin: 1em;
	}
	
	.forum_post_title {
		font-size: 1.10em;
		font-weight: bold;
	}
	
	.forum_post_attach {
		text-align: right;
	}
	
	.forum_post_text {
		margin: 1.00em 0.60em 0.60em 0.60em;
	}
	
	.forum_post_modified_by {
		font-weight: bold;
		margin: 1.4em 0em 0.20em 0.2em;
	}
	
	.forum_post_sign_separator {
		border-top: 1px solid #000000;
		width: 40%;
		margin: 2em 0 0.60em 0;
	}
	
	.forum_post_sign {
		margin: 0.40em 0.40em 0.60em 0.60em;
	}
	
	.forum_action {
		text-align: right;
	}
	
	.forum_action a {
		margin: 0 0.2em 0 0.4em;
	}
	
	.forum_quote {
		background: #dddddd;
		border: 1px solid #666666;
		padding: 0.40em;
		margin: 0.20em;
	}
	
	.search_mask {
		text-align: right;
		margin: 0.20em 3em 2em 1em;
	}


/* XXX: corse report ==============================================*/

.transparent_test_button {
	margin: 0;
	background: transparent;
	border: 0px none;
	vertical-align: top;
	font-weight: bold;
	cursor: pointer;
	text-decoration: underline;
	color: #ffffff;
	
	width: auto;
	overflow: visible;
}

.line_users {
	width: 20%;
}

.cr_not_check {
	color: #000000;
}

.cr_not_passed {
	color: #ff0000;
}

.cr_passed {
	color: #00ff00;
}

.cr_max_score {
	font-weight: bold;
	color: #336699;
}

/** XXX: message ==================================================*/

.recipients {
	margin: 0.4em 0.4em 1em 0.4em;
	padding: 0.2em 0.4em;
	border: 1px solid #000000;
	overflow: auto;
	max-height: 120px;
}

h2.message_title {
	margin: 0.40em 0.40em 0.40em 0.40em;
	font-size: 1.20em;
	font-weight: normal;
}
	h2.message_title .send_date {
		font-size: 0.70em;
	}
	
	message_posted {
		width: 20%;
	}
	
.message_sender {
	margin: 0.40em 0.40em 0.40em 0.40em;
}

.message_textof {
	margin: 0.40em 0.40em 0.40em 0.40em;
}

.message_textof div {
	margin: 0.60em;
	border: 1px solid #000000;
}

.message_attach {
	margin: 0.60em 3em 1em 0.60em;
	text-align: right;
}

p.message_reply a {
	display: block;
	margin: 0;
	padding: 0 0 0 26px;
	vertical-align: middle;
	background-image: url('../images/message/reply.gif');
	background-repeat: no-repeat;
	background-position: left center;
	
	height: auto !important;
	height: 22px;
	min-height: 22px;
}

span.message_group_members {
	font-size: 0.80em;
	font-weight: normal;
	color: #336699;
}

/* XXX: statistics ================================================*/

.statsistic_for_selected {
	padding: 0 0.30em;
	font-weight: bold;
	background: #aabbff;
}
	
	div.container_graphic {
		padding: 0.80em;
		margin : 1.0em;
		background: #ffffff;
		border: 1px solid #000000;
	}
	
	div.container_graphic table {
		width: 100% !important;
		height: 170px;
		border: 1px solid #000000;
		empty-cells: show;
		border-spacing: 0;
	}
	
	tr.colum_isto td {
		padding: 0;
		margin: 0;
		color: #336699;
		font-size: 0.80em;
		text-align: center;
		vertical-align: bottom;
	}
	
	tr.colum_isto td div {
		padding: 0;
		margin: 0 -1px -1px 0;
		vertical-align: bottom;
		border: 1px solid #000000;
		border-bottom: 0px;
	}
	
	tr.colum_index td {
		padding: 0;
		color: #ffffff;
		font-weight: bold;
		font-size: 0.80em;
		background: #336699;
		text-align: center;
		border-top: 1px solid #000000;
		height: 1%;
	} 
	
.colored_isto {
	background: #aabbff;
}

/* XXX: Progress bar ==============================================*/

.progress_title {

}

.box_progress_bar {
	clear: both;
	position: relative;
	height: 16px;
	margin: 0;
	padding: 0;
	border: 1px solid #000000;
	background: #ffffff;
}

.box_progress_complete {
	clear: both;
	position: relative;
	height: 16px;
	margin: 0;
	padding: 0;
	border: 1px solid #000000;
	background: #0caa0c;
}

.box_progress_failed {
	clear: both;
	position: relative;
	height: 16px;
	margin: 0;
	padding: 0;
	border: 1px solid #000000;
	background: #ffcf31;
}

.bar_complete {
	float: left;
	height: 16px;
	margin: 0;
	padding: 0;
	border-right: 1px solid #000000;
	background: #0caa0c;
}

.bar_failed {
	float: left;
	height: 16px;
	margin: 0;
	padding: 0;
	border-right: 1px solid #000000;
	background: #ffcf31;
}

.box_whois_online {
	clear: both;
}

/* XXX: poll =========================================================*/

table.poll_report {
	width: 100% !important;
	margin: 0 auto;
	padding: 0;
	font-size: 1.00em;
	empty-cells: show;
	border-spacing: 0;
	border: 0px none;
}
	
	table.poll_report th {
		text-align: left;
	}
	
	
	table.poll_report th.text_answer {
		width: 30%;
	}

div.colored_row {
	height: 16px;
	text-align: center;
	background: #aabbff;
	border: 1px solid #000000;
}


/* XXX: project************************************************************/

.pagebox {
	margin: 0.00em 0.00em 0.20em;
	padding: 0.30em;
	color: #033000;
	background: #ffffff;
	border: 1px solid #666666;
} 

img.prjprogbar {
	height: 12px;
	margin: 0px;
	padding: 0px;
	border: 1px solid #0049ad;
}

img.prjprogbar_g {
	height: 12px;
	margin: 0px;
	padding: 0px;
	border: 1px solid #006409;
}

img.prjprogbar_r {
	height: 12px;
	margin: 0px;
	padding: 0px;
	border: 1px solid #7a0000;
}


.container_elem {
	margin: 1px 0.00em 1.00em 0.00em;
	padding: 0.20em;
	background: #dddddd;
	border-width: 0px 1px 1px 1px;
	border-style: dashed;
	border-color: #666666;
}

table.prjcontainer {
	border-spacing: 0;
	width: 100%;
}
	
	table.prjcontainer td {
		vertical-align: top;
		padding: 0.00em 0.20em;
	}

.prjaddrow {
	margin: 0.60em 0 0 0;
	padding: 0.20em 0.20em;
	background: #F4F4F4;
}

.descr_prj {
	margin: 1.00em;
	padding: 0.60em;
	border: 1px solid #bbbbbb;
}

.titleBlu {
	margin: 0.00em;
	padding: 0.10em;
	font-weight: bold;
	background: #556393;
	color: #ffeeee;
	border: 1px solid #666666;
}

td.image_td {
	width: 22px;
}

td.progress_td {
	width: 15%;
}

/* XXX: sysforum************************************************************/

.forumAction {
	text-align: right;
}

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