
/*======================================================================*/
/* DOCEBO - The E-Learning Suite										*/
/* ==================================================================== */
/* 																		*/
/* Copyright (c) 2006													*/
/* 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:category list ==================================================*/
p.category_path{margin:4px; padding:0; font-size:0.80em; font-weight:bold; }
p.category_path a{padding:2px 5px; color:#ADCAEA; font-weight:bold; text-decoration:none; }
p.category_path a:hover{padding:1px 4px; background:#ffffff; border:1px solid #B1B3BF; }
ul.category_list{margin:1em 0; padding:0; list-style:none; line-height:1.3em; }
ul.category_list li{display:inline; margin:0; padding:0; }
ul.category_list li a{float:left; width:300px; margin:0 10px; padding:6px 4px 4px 56px; height:48px; color:#ADCAEA;font-weight:normal; text-decoration:none; background:url('../images/standard/folder.gif') 3px 3px no-repeat; }
ul.category_list li a:hover{padding:5px 3px 3px 55px; background-position:2px 2px; background-color:#ccddff; border:1px solid #B1B3BF; }
ul.category_list li b{color:#000000; font-size:0.80em; }
ul.category_list li.empty_folder a{background-image:url('../images/standard/folder_empty.gif'); font-weight:bold; }
ul.category_list li.empty_folder a:hover{color:#000; }


/* XXX:course list ===================================================*/
p.no_course_found{font-weight:bold; }
#search_coursecatalogue{position:relative; margin:0 6px 6px; padding:0 6px 6px; background:#ffffff; border:1px solid #B4B3B8; position:relative; font-size:0.8em; }
#advanced_search_link{font-size:0.8em; padding:0 20px 0 0; background-position:100% 40%; background-repeat:no-repeat; position:absolute; top:2px; right:3px; }
.adv_link{background-image:url('../images/standard/more.gif'); }
.adv_link_exp{background-image:url('../images/standard/less.gif') }
#advanced_search{margin:0; padding:0; }
#mycourse_top{margin:0.8em;padding:0;}
.mycourse_left{float:right;width:300px;margin:0px;padding:0px;}
#mycourse_right{text-align:left;margin:0 320px 0 0;}
#mycourse_asses, #mycourse_list, #mycoursepath_list{position:relative;margin:0 8px 24px;padding:0px 10px;background:#ffffff;border:1px solid #4D5A86;}
#mycourse_asses{padding-bottom:4px;}
#mycourse_list{background:#E1EBF4; }
#mycourse_asses h1, #mycourse_middle h1,#mycourse_list h1,#mycoursepath_list h1{margin:10px 0 0 10px;padding:0;font-size:1.4em;color:#485581;}


/* my course list ================================================== */
#mycourse_list{background:#E1EBF4; }
#mycourse_list div.course_container{position:relative;margin:20px 10px;}
#mycourse_list div.course_container h2{margin:8px 0 8px 30px;padding:0;font-size:1.2em;background:#C8CCD8;border: 0px none;}
#mycourse_list div.cc_inprogress h2{background:#65A4CF;}
#mycourse_list div.cc_begin h2{background:#485581;}
#mycourse_list div.course_container h2 img{position:absolute;left:0px;padding:1px;vertical-align:middle;border:1px solid #485581;}
#mycourse_list div.course_container h2 a{display:block;width:100%;padding:2px;color:#ffffff;text-decoration:none;}
#mycourse_list div.course_container h2 a:hover{text-decoration:underline;}
#mycourse_list div.course_container h2 a span {margin-left:10px; font-size: 0.6em;}
#mycourse_list div.course_container p{background:#ffffff;margin:0 0 0 30px;padding:4px 6px;font-size:0.8em;}

#course_filter div {white-space: nowrap;}

/* assessment ============================================ */
#mycourse_asses h2{margin:10px 8px 4px 8px;padding:8px;font-size:1.0em;background:#E1EBF4;}
#mycourse_asses h2 a{text-decoration:none;padding-left:12px;}
#mycourse_asses p{font-size:0.8em;margin:0;padding:0px 4px 0px 30px;}
ul.course_advertising{position:absolute;bottom:2px;right:2px;margin:0;padding:0;list-style:none;text-align:left;}
ul.course_advertising li{display:inline;margin:0;padding:0 6px 0 0;}
ul.course_advertising .advice_to_read{}
ul.course_advertising .forum_to_read{}
ul.course_advertising .lobj_to_read{}


/* coursepath ================================================== */
#mycoursepath_list{}
#mycoursepath_list div.course_container{position:relative;margin:20px 10px;}
#mycoursepath_list div.course_container h2{margin:8px 0 8px 30px;padding:0;font-size:1.2em;background:#C8CCD8;border:0px none;}
#mycoursepath_list div.cc_inprogress h2{background:#65A4CF;}
#mycoursepath_list div.cc_begin h2{background:#485581;}
#mycoursepath_list div.course_container h2 img{position:absolute;left:0px;padding:1px;vertical-align:middle;border:1px solid #485581;}
#mycoursepath_list div.course_container h2 a{display:block;width:100%;padding:2px;color:#ffffff;text-decoration:none;}
#mycoursepath_list div.course_container h2 a:hover{text-decoration:underline;}
#mycoursepath_list div.course_container p{background:#ffffff;margin:0 0 0 30px;padding:4px 6px;font-size:0.8em;}

/* course catalogue ================================================== */
#coursecatalogue_tab_container{margin: 15px 0 0 0;padding:0;}
#main_container_noh #coursecatalogue{background:#ffffff; margin-top: 0px; padding-top: 8px;}
#coursecatalogue div.course_container{position:relative;margin:20px 10px;}
#coursecatalogue div.course_container h2{margin:8px 0 8px 30px;padding:2px;font-size:1.2em;background:#485581;color: #ffffff;}
#coursecatalogue div.course_container h2 img{position:absolute;left:0px;padding:1px;vertical-align:middle;border:1px solid #485581;}
#coursecatalogue div.course_container h2 a{display:block;width:100%;padding:2px;color:#ffffff;text-decoration:none;}
#coursecatalogue div.course_container h2 a:hover{text-decoration:underline;}
#coursecatalogue div.course_container p{background:#ffffff;margin:0 0 0 30px;padding:4px 6px;font-size:0.8em;}


div.coursepath_container h2 { background:#E1EBF4;  margin: 10px 0 4px 0; padding: 4px 6px 6px 12px; font-size: 1.2em; color: #485581;border-bottom:1px solid #485581; }

#mycoursepath_list div.coursepath_container h3 { margin: 4px 12px 1px 30px; padding: 0; color: #485581; font-weight: normal; font-size: 0.8em;}
#mycoursepath_list div.coursepath_container h4 { margin: 0 0 10px 0; padding: 0; color: #959595; }

div.coursepath_container h2.pathtitle { position:relative; margin: 10px 0 4px 0; padding: 4px 6px 6px 12px; font-size: 1.2em; color: #485581;border-bottom:1px solid #485581; }

	span.coursepath_subscribe {margin-right:10px; font-size: 0.8em; color: #000;}
	span.coursepath_status {margin-right:10px; font-size: 0.8em; color: #000;}

	p.course_support_info {
		margin: 0;
		padding: 0;
		font-size: 0.8em;
	}
	div.coursepath_container h4 { margin: 0 0 10px 0; padding: 0; color: #959595; font-size: 0.8em; }

	div.coursepath_container ul.coursepath_mainslot { list-style: none; margin: 0; padding: 0; }
	div.coursepath_container ul.coursepath_otherslot { list-style: none; margin: 0; padding: 0; }
	div.coursepath_container ul li.path_course { margin: 0 0 10px 20px; padding: 4px; background: #E1EBF4; }
	div.coursepath_container ul li.path_odd { background: #ffffff; }


ul.course_score{position:absolute;bottom:24px;right:8px;margin:0;padding:0;width:75px;list-style:none;text-align:center;}
	ul.course_score li.current_score{width:52px; height:52px;margin:0 auto; padding:0;font-size:1.6em; font-weight:bold; text-align:center;background:url('../images/coursecatalogue/score_block.png') 50% 50% no-repeat;}
	ul.course_score li.current_score span{font-size:0.5em; }
	ul.course_score li.score_it{margin:4px 0 4px 0; padding:0; clear:left; font-size:0.8em; }
	ul.course_score a.good,ul.course_score a.bad{margin:0; padding:0; text-decoration:none; }
	ul.course_score a.good img,ul.course_score a.bad img{display:inline; }
	ul.course_advertising li.advertising{display:inline; margin:1px; }
	ul.course_score li.third_action{margin:0 auto;padding:0;font-weight:bold; text-align:center; font-size:0.7em;background-position:0 0; background-repeat:no-repeat;color:#ffffff; border:1px solid #fff;text-transform:uppercase;}
	ul.course_score li.third_action a{display:block;padding:0;color:#ffffff;text-decoration:none;text-transform:uppercase;}
	ul.course_score li img{display:none; }
	ul.course_score li a:hover{background:#cccccc; }
	ul.course_score li.can_buy{background:#febf00; }
	ul.course_score li.can_prenote{background:#117ce7; }
	ul.course_score li.can_subscribe{background:#64e009; }
	ul.course_score li.can_reserve{background:#117ce7;}
	ul.course_score li.impossible{background:#ff0000; }
	ul.course_score li.in_cart{background:#febf00; }
	ul.course_score li.subscribed{background:#7e8082; }
	ul.course_score li.waiting_admin{background:#7e8082; }
	ul.course_score li.waiting_buyer{background:#7e8082; }
	ul.course_score li.waiting_payment{background:#7e8082; }

/*======================================================================*/

/* XXX: course edition =========================================================*/

tr.edition_line {}
tr.line-0 { background-color: #edf3ff; }
tr.line-1 { background-color: #e1e7ff; }
tr.edition_line td.name_col { padding-left: 32px;  color: #006; }

ul.course_editions { list-style: none; margin: 0; }

#coursecatalogue div.course_container p.editions_actions {font-size:0.8em; margin: 0 0 0 10px; padding: 0; background: transparent;}

ul.course_editions b.course_title {
	display: block;
	padding: 2px 6px;
	margin: 15px 0 0 10px;
	color: #ffffff;
	background: #65A4CF;
}

/* course cart ======================================================= */

#cart_link {
	position: relative;
}

#the_cart {
	position: absolute;
	left: -25px;
	top: 20px;
	width: 320px;
	padding: 8px;
	color: #000;
	background: #fff;
	border: 1px solid #000;
	z-index: 5000;
}

/* user dashboard ==================================================== */
.user_presentation{margin:0 0 15px;padding:4px;background:#E1EBF4;border:1px solid #495682;}
	.user_presentation .mini_block{margin:0;padding:0;}
	.user_presentation .spacer{margin:0 0 6px;height:4px;}
	.user_presentation h1{margin:0px;padding:4px 8px;font-size:1.00em;background:url('../images/mycourses/ico_contact.gif') 97% 50% no-repeat;}
	.user_presentation h1 span{padding-left:8px;font-size:0.80em;font-weight:normal;}
	.user_presentation .avatar_photo img{border:4px solid #495682;}
	.user_presentation .avatar_photo p{float:left;margin:0;padding:6px 0;width:40%;margin:0 4%;text-align:center;font-size:0.8em;color:#495682;}
	.user_presentation p.userinfo{margin:6px;padding:2px 8px;color:#ffffff;background:#495682;}
	
.course_news h2,
.course_search h2{color:#495682;font-weight:bold;font-size:1.2em;text-align:left;margin:0;padding: 4px 0px 8px 15px;letter-spacing:1px;}

.course_news,
.course_search,
.course_stat{margin:10px 0px 10px;padding:4px;color:#495682;background:#E1EBF4;border:1px solid #495682;}
	.course_stat table{line-height:1.5em;width:95%;margin:0 auto;}
	.course_stat caption{color:#495682;font-weight:bold;font-size:1.2em;text-align:left;padding: 4px 0px 8px 15px;letter-spacing:1px;}
	.course_stat tr th{color:#495682;text-align:left;font-weight:normal;margin:4px auto;}
	.course_stat tr td{text-align:center;background:#65A4CF;}
	.course_stat tr td a{color:#ffffff;font-weight:bold;text-decoration:none;padding:2px 8px 2px 6px;}
	.course_stat tr td a:hover{text-decoration:underline;}

	.course_search h2 {display:none;}
	.course_search div {position: relative;padding: 5px;line-height:2em;}
	.course_search p{margin:0;padding:0;display:inline;}
	.course_search .floating{margin:0 10px 0 0;vertical-align:middle;}
	.course_search .textfield_nowh{vertical-align:middle;border:1px solid #495682;}
	.course_search .dropdown_nowh{vertical-align:middle;border:1px solid #495682;}
	#apply_filter{position:absolute;bottom:5px;right:10px;font-size:1em;font-family:verdana;padding:1px 4px;color:#ffffff;background:#65A4CF;border:0px none;}	
	
	.course_news h3{margin:0px;padding:0px 4px;font-size:1em;color:#000000;}
	.course_news div.news_list{}
	.course_news  .news_textof{font-size:0.80em;margin:0 0 8px 0;color:#000000;}
	.course_news .news_textof .news_data{font-weight:bold;color:#000000;}

/* lo tab ===================================================== */
	
.lo_tab{position:relative;margin:0 8px;padding:0;height:32px;}
	.lo_tab h1{position:absolute;padding:0;margin:0;bottom:2px;left:10px;color:#65A4CF;font-size:1.4em;}
	.lo_tab h1 span {color:#485581;font-size: 0.8em;font-weight: normal;}

	.lo_tab ul.flat_tab {border: 0px; position:absolute;bottom:0; right:0;}
	
.lo_tab .no_tab {}

div.ajcom_comment {
	margin: 10px 0 10px 0;
	padding: 0;
}

	div.ajcom_comment h2 {
		margin: 0;
		padding: 2px 6px;
		font-size: 0.8em;
		font-weight: bold;
		color:#fff;
		background: #485581;
		border: 1px solid #485581;
		border-bottom: 0px none;
		position: relative;
	}
	
	div.ajcom_comment h2 img { margin: 0 4px 0 0; vertical-align: middle; border: 1px solid #fff; }
		
	div.ajcom_comment h2 span.ajcom_date {
		margin: 0 0 0 4px;
		padding: 0;
		color: #fff;
	}
	
	div.ajcom_comment p.ajcom_textof {
		margin: 0;
		padding: 2px 7px;
		font-size: 0.8em;
		background: #B4CDE1;
	}
	
	#ajax_comment_add p {
		text-align: center;
	}
	
	
	.double_height {min-height: 140px;height:auto !important;height:140px;}
	#coursecatalogue div.double_height p {padding-right:80px;}

#mycoursepath_list div.course_container h2 img.image_lock,
#mycourse_asses div.course_container h2 img.image_lock,
#mycourse_list div.course_container h2 img.image_lock {top: 22px;border:0px none;}
