@charset "utf-8";
#html_header, .html_section, #html_footer, #html_sidebar, #html_nav, .html_article{
	display: block;
}
/* LAYOUT ------------------------------------------ */
body {
	background-color: #fff;
	font-size: 0.9em;
	color: #222;
	font-family: Verdana, Arial, sans-serif;
	margin: 0;
	padding: 0;
}
#doc  {
	min-width: 830px;
	max-width: 1500px;
	width:90%;
	margin: 0 auto;
	background-color: #E0E0E0;
	color : #222;
}
/* HEADER & NAVIGATION ------------------------------ */
#html_header {
	background: #4a4a4a;
	padding: 0 25px;
	margin: 0;
}
#html_header_heading {
	padding: 10px 0px ;
	display: flex;
	align-items:center;
}
#html_header_heading_image {
	height: 32px;
	width: 32px;
	float: left;
}
#html_header_heading_text {
	margin-left: 20px;
	font-weight: bold;
	font-size: 2.2em;
	text-shadow: #222 3px 3px 5px;
	color: #E0E0E0;
}
#html_nav{
	margin: 0;
	padding: 0;
	clear: both;
}
#html_header #html_nav ul {
	list-style-type: none;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#html_header #html_nav ul li {
	display: inline;
	margin: 0;
	padding: 0;
}
#html_header #html_nav ul li a {
	display: inline-block;
	padding: 2px 12px;
	margin-right: 7px;
	color: #fff;
	background-color: #4A658C;
	text-decoration: none;
	border: 1px solid #4A658C;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}
#html_header #html_nav ul .active a,
#html_header #html_nav ul li a:active,
#html_header #html_nav ul li a:hover {
	background-color: #eee;
	border-color: #eee;
	color: #444;
}
.i_heading{
	margin: 0 10px 0 0;
	vertical-align:middle;
}
.d_heading{
	text-align:center;
	border-bottom: 1px solid #4a4a4a;
	border-top: 1px solid #4a4a4a;
}
.s_heading{
	vertical-align:middle;
}
/* CONTENT ------------------------------------------ */
#breadcrumb{
	margin: 0;
	padding: 0 0 7px 0;
	border: 0;
}
#content_container {
	min-width: 830px;
	position: relative;
	/*height: 100%;*/
	padding: 0;
	margin: 0;
	background: #eee;
}
#content {
	padding: 20px 15px 15px 15px;
	height:100%;
	margin: 0;
	margin-right: 270px;
}
#td_status{
	width: 100%;
	height: 20px;
	margin: 0;
	padding: 5px;
	border: 0;
	border-top: 1px solid #4a4a4a;
	background-color: #ddd;
}
/* SIDEBAR ------------------------------------------ */
#html_sidebar_container{
	position: absolute;
	right: 0px;
	top: 0px;
	bottom: 0px;
	padding: 0;
	padding-top: 15px;
	margin: 0;
	/*float: right;*/
	background: #c1c1c1;
	color: #eee;
	overflow: auto;
}
#html_sidebar{
	margin: 0;
	padding: 0 10px;
	margin: auto;
	width: 250px;
}
@media only screen and (max-width: 1300px) {
	#doc  {
		display: table; 
	}
}
@media only screen and (max-width: 1100px) {
	#doc  {
		width: 100%; 
	}
	#content {
		margin-right: 0px;
	}
	#html_sidebar_container {
		position: static;
		width: 100%;
	}
}
.d_sidebar_item{
	margin: 0;
	margin-bottom: 15px;
	padding: 7px 7px 7px 7px;
	border: 2px solid #eee;
	box-shadow: 4px 4px 6px #777;
	background-color: #4a4a4a;
}
.d_sidebar_item:first-child{
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}
.d_sidebar_item:last-child{
	margin: 0;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}
.d_sidebar_item p{
	margin: 6px 0 6px 0;
}
/* FOOTER ------------------------------------------ */
#html_footer_container {
	margin: 0;
	padding: 0;
	width: 100%;
}
#html_footer {
	clear: both;
	background: #c1c1c1;
	text-align: center;
	padding: 10px 15px;
	margin: 0;
	font-size: 0.8em;
}
#html_footer a {
	color: #777;
}
.s_footerelement{
	margin: 0 15px;
	color: #777;
}
/* HEADINGS AND FONTS ------------------------------ */
.d_heading h1{
	min-height: 36px;
	margin: 12px;
}
h1{
	font-weight: bold;
	font-size: 1.9em;
	text-shadow: #bbb 3px 3px 5px;
}
h2{
	font-weight: bold;
	font-size: 1.4em;
}
h3{
	font-weight: bold;
	font-size: 1.1em;
}
h4{
	font-weight: bold;
	font-size: 1.2em;
	line-height: 40%;
	color: #eee;
	margin-top: 5px;
	margin-bottom: 12px;
}
#html_sidebar a{
	color: #79A4E0;
	font-weight: bold;
}
#html_sidebar a:hover, #html_sidebar a:active, #html_sidebar a:focus{
	color: #C16868;
}
#html_sidebar a:visited{
	color: #4E6B8E;
}
#html_sidebar a:visited:hover, #html_sidebar a:visited:active, #html_sidebar a:visited:focus{
	color: #C16868;
}
/* ADDITIONAL MARKUP AND HELPERS ------------------- */

label{
	margin-left: 3px;
}
.i_exp_action:hover{
	background-color: #ccc;
}
.d_exp_action{
	height: 40px;
	background-color: #aaa;
	float: left;
	margin: 0;
	padding: 0 4px 0 4px;
	border: 0;
	vertical-align: middle;
}
.d_exp_action_seperator{
	border: 0;
	height: 40px;
	width: 3px;
	float: left;
	margin: 0;
	padding: 0;
	background-color: #ddd;
}
.d_clear{
	clear: both;
	border: 0;
	margin: 0;
	padding: 0;
}
.clear{
	clear: both;
}
.t_invisible{
	border: 0;
	margin: 0;
	padding: 0;
}
.s_error{
	color: #DC6946;
}
.s_info{
	color: #EFB973;
}
.hidden{
	display: none;
}
.small_text{
	font-size: 0.85em;
}
.ul_img{
	list-style-image: url(/img/picto/16/accept.png);
}
.ul_vip{
	list-style-image: url(/img/picto/16/star.png);
}
.ul_img li, .ul_vip li{
	padding-bottom: 4px;
}
.t_normal{
	border: 1px solid #4a4a4a;
	margin: 10px 0 10px 0;
	padding: 0;
	width: 100%;
}
.t_normal tr{
	margin: 0;
	padding: 0;
}
.t_normal td, .t_normal th{
	margin: 0;
	padding: 5px;
	border: 1px solid #4a4a4a;
}
.t_normal tr td a:first-child{
	margin-right: 15px;
}
.ul_left{
	margin-left: 15px;
	padding-left: 0;
}
.redBox{
	margin: 10px 0 10px 0;
	padding: 10px;
	border: 2px dotted #ff0000;
	color: #ff0000;
	background-color: #ffaaaa;
}
.greenBox{
	margin: 10px 0 10px 0;
	padding: 10px;
	border: 2px dotted #00dd00;
	color: #00aa00;
	background-color: #ccffcc;
}
.yellowBox{
	margin: 10px 0 10px 0;
	padding: 10px;
	border: 2px dotted #cccc00;
	color: #aaaa00;
	background-color: #ffffaa;
}
.yellowSection{
	margin: 0 0 0 0;
	padding: 10px 0 10px 0;
	border: 0;
	border-bottom: 2px dotted #eecc00;
}
.yellowSectionFirst{
	margin: 0 0 0 0;
	padding: 10px 0 10px 0;
	border: 0;
	border-top: 2px dotted #eecc00;
	border-bottom: 2px dotted #eecc00;
}
.i_16{
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}
.tr_marked{
	background-color: #ffff00;
}
.tr_marked td{
	background-color: #ffff00;
}
.a_button{
	margin-right: 50px;
	background-color: #d4d4d4;
	border: 1px solid #707070;
	padding: 5px 8px;
	border-radius: 3px;
}
.a_button:hover{
	background-color: #f4f4f4;
}
.s_grayInfo{
	color: #707070;
	font-size: 0.8em;
}
.s_sidebar_link_alike{

}
.strike{
	text-decoration: line-through;
}
.b_center{
	border: 0;
	margin: 0;
	padding: 0;
	text-align: center;
}
.i_left{
	float:left;
	margin: 5px 20px 10px 0;
}
.i_center{
	margin: 8px;
}

/* TOOLBOX ----------------------------------------- */
.tool_container{
	position: relative;
	display: inline-block;
	margin: 10px 0;
	padding: 0;
}
.form_value_container{
	position: absolute;
	padding: 5px;
	margin: 0;
	border: 1px solid black;
	border-radius: 2px;
	/* display: inline-block; */
	font-size: 0.9em;
	float:left;
	z-index:10;
}
.form_value_container_legend{
	padding: 5px;
	margin: 5px 10px 0 0;
	border: 1px solid black;
	border-radius: 2px;
	display: inline-block;
	font-size: 0.9em;
	float:left;
}
.tool_legend{
	display: inline-block;
	border: 0px;
	margin: 0 0 10px 0;
	padding: 0;
}
.color_default{
	background-color: #ddd;
}
.color_unused{
	background-color: #909090;
}
.color_input{
	background-color: #B8CCE4;
}
.color_input_invalid{
	background-color: #FFC7CE;
}
.color_output{
	background-color: #ddd; /*#CCDDBA;*/
}
.color_output_valid{
	background-color: #92D050;/*#84CE35;*/
}
.color_info_valid{
	background-color: #D8E4BC;
}
.style_not_selected{
	box-shadow: none;
}
.style_selected{
	box-shadow: 4px 4px 10px #a0a0a0;
}
.form_button_calc{
	position: absolute;
	margin: 0;
	top: 7px;
	left: 7px;
	font-size: 1.1em;
	z-index:20;
	float:left;
}
.form_button_reset{
	position: absolute;
	margin: 0;
	top: 7px;
	left: 77px;
	font-size: 1.1em;
	z-index:20;
	float:left;
}
.form_input_value{
	width: 70px;
	text-align: right; 
}
.form_select_mode_label{
	display: inline-block;
	margin-bottom: 5px;
}
.form_select_mode_box{
	float: left;
	display: inline-block;
	margin: 0 20px 10px 0;
	padding: 0;
	border: 0;
}
#mode{
	padding: 3px;
	font-size: 0.9em;
}
.result_table{
	border-collapse: collapse;
	margin: 10px 0;
	padding: 0;
}
.result_table th, .result_table td{
	border: 1px solid black;
	margin: 0;
	padding: 3px;
	font-size: 0.95em;
}
.result_table th{
	text-align: center;
	vertical-align: middle;
	line-height: 1em;
    border-bottom: 2px solid black !important;
}
.result_table_heading {
    background-color: #eee !important;
}
.result_table tr:nth-child(even) {
    background-color: #eee;
}
.result_table tr:nth-child(odd) {
    background-color: #d0d0d0;
}
.result_table tr:hover {
    background-color: #aaa;
}
.result_table_thick_right_border {
    border-right: 2px solid black !important;
}
.th_wrapper{
	display: table-cell;
	margin: 0;
	padding: 0;
	vertical-align:middle;
}
.th_text_wrapper{
	display: inline-block;
	vertical-align:middle;
	margin: 0 2px 0 0;
	padding: 0;
}
.th_sort_wrapper{
	display: inline-block;
	vertical-align:middle;
	margin: 6px 0 3px 3px;
	padding: 0;
}
.th_secondary{
	font-weight: normal;
	font-size: 0.85em;
}