HTML,body
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	height:100%;
	/*background-color:#d2d2d2;*/
	font-size:10pt;
	text-align:left;
}

body{

}

.rel {
	margin: 0px 0 0 0px; /*50px 0 0 33px;*/
	padding:0px; /*25px;*/
	position: relative;
	z-index: inherit;
	zoom: 1; /* For IE6 */
}


#div_body
{
	margin:0px 0px 0px 0px;
	width:100%;
	height:100%;
}

label.error {
	font-weight: bold;
	color: red;
	padding: 2px 8px;
	margin-top: 2px;
}


#div_body .border
{
	float:left; /*----------------------------------------------------new*/
	margin:0px auto;
	padding:0px 0px 0px 0px;
	
	/* 3 attributes come together */
	min-width:982px;
	/*max-width:1400px;*/
	width:100%;
	/* 3 attributes come together */

	
	height:auto;
	border:0px red solid;
}

.div_center
{

	/* 3 attributes come together */
	min-width:982px;
	/*max-width:1400px;*/
	width:100%;
	/* 3 attributes come together */

	margin:0px;
	padding:0px;
	border:none;
	
	text-align:center;
}

.tool
{
	margin:0 auto;;
	padding:0px 0px 0px 0px;
	width:100%;
	background-repeat:repeat-x;
	z-index:0;	/* alway float over div */
	height:0px;  /* =0 vi no che logo */
	/*background-image:url('/images/layout/top_tool_frame_picture.png');*/
	position:absolute;
}

#div_body .tool #tool_frame
{

	/* 3 attributes come together */
	min-width:982px;
	/*max-width:1400px;*/
	width:100%;
	/* 3 attributes come together */

	margin:0px auto; /* auto center parent div */
	padding:0px 0px 0px 0px;

	height:50px;
	background-color:gray;
	border: 0px white solid;
}


#div_body .header
{
	float:left; /*----------------------------------------------------new*/
	margin:inherit;
	padding:0px 0px 0px 0px;
	width:100%;
	height:auto;

	background-image:url('/images/layout/course-header-bg.jpg');
	background-position:left bottom;

}

#div_body .header .header_frame
{
	float:left; /*----------------------------------------------------new*/
	margin:0px auto; /* auto center parent div */
	padding:0px 0px 0px 0px;

	/* 3 attributes come together */
	min-width:982px;
	/*max-width:1400px;*/
	width:100%;
	/* 3 attributes come together */

	height:100%;
	border: 0px white solid;

	/*
	background-image:url('/images/layout/course-header-center-bg.jpg');
	background-position:center;
	*/
	
}

#div_body .title
{
	float:left; /*----------------------------------------------------new*/
	margin:inherit;
	padding:0px 0px 0px 0px;
	width:100%;
	height:40px;
	
	background-image:url('/images/layout/course-title-2-bg.jpg');
	background-repeat:repeat-x;

}

#div_body .title .title_frame
{
	float:left; /*----------------------------------------------------new*/
	margin:0px auto; /* auto center parent div */
	padding:0px 0px 0px 0px;

	/* 3 attributes come together */
	min-width:982px;
	/*max-width:1400px;*/
	width:100%;
	/* 3 attributes come together */

	height:40px;
}


#div_body .content
{

	float:left; 
	width:100%;
	margin:0 auto;
	padding:0px 0px 0px 0px;
	min-height:300px;

	/*
	background-image:url('/images/layout/frame_bg.png');
	background-position:center center;
	background-repeat:repeat-y;
	*/
	background-image:url('/images/layout/course-body-bg.jpg');
	
}

#div_body .content .content_frame
{

	float:left; 
	position:relative;
	
	margin:0px auto; 
	margin-left:0px;
	padding:0px 0px 0px 0px;

	/* 3 attributes come together */
	min-width:982px;
	/*max-width:1400px;*/
	width:100%;
	/* 3 attributes come together */
	
	
	min-height:300px;
	height:100% !important;

	border: 0px white solid;
	text-align:left;
	


	background-image:url('/images/layout/course-vertical-line.jpg');
	background-position:198px;
	background-repeat:repeat-y;

	
	

}

.content_frame_left
{
	float:left; /*----------------------------------------------------new*/
	margin:0px auto; /* auto center parent div */
	padding:0px 0px 0px 0px;

	width:18%;
	
	height:auto;
	border: 0px white solid;
	text-align:left;	
	
	display:block;
	position:relative;

	

}

.content_frame_right
{
	float:left; /*----------------------------------------------------new*/
	position:relative;

	margin:0px auto; /* auto center parent div */
	padding:0px 0px 0px 10px;
	
	min-width:780px;
	width:80%;
	
	height:inherit;
	border: 0px white solid;
	text-align:left;	
	
	display:block;
	

	
	
}

.panel_div_left
{
	float:left;
	position:relative;
	
	min-width:350px;
	width:76%;
	min-height:400px;
	
	/*background-color:gray;*/
	
}

.panel_div_right
{
	float:left;
	position:relative;
	
	width:22%;
	
	min-height:400px;
	/*background-color:red;*/
	
	
}

.panel_header_left
{
	float:left;
	height:40px;
	width:100%;
	line-height:40px;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14pt;
	
	border-bottom:1px #E1E1E1 solid;
	margin-bottom:10px;
	
	
}

#div_body .footer
{
	float:left; /*----------------------------------------------------new*/
	margin:inherit;
	padding:0px 0px 0px 0px;
	width:100%;
	height:280px;

	background-image:url('/images/layout/course-footer-bg.jpg');
	background-repeat:repeat-x;
	background-position:center top;
	
}

#div_body .footer_bg
{
	float:left; /*----------------------------------------------------new*/
	margin:inherit;
	padding:0px 0px 0px 0px;
	width:100%;
	height:188px;
	
	/*
	background-position:center top;
	background-image:url('/images/layout/logo_hallo.png');
	background-repeat:no-repeat;
	*/
	
}

#div_body .footer .footer_frame
{
	float:left; /*----------------------------------------------------new*/
	margin:0px auto; /* auto center parent div */
	padding:0px 0px 0px 0px;

	/* 3 attributes come together */
	min-width:982px;
	/*max-width:1200px*/
	width:100%;
	/* 3 attributes come together */

	height:180px;
	border: 0px;
	/*background-image:url('/images/layout/footer_frame_bg.jpg');
	background-repeat:repeat-x;*/
}


.a_message{text-decoration:underline;font-weight:bold;color:#336699;} /* This is url style before hover*/
.a_message:hover{text-decoration:none;} /* This is url style after hover */

.a_function_button{text-decoration:none; font-weight:bold;color:#336699; cursor:pointer; } 
.a_function_button:hover{text-decoration:underline; color:#DF8600; cursor:pointer;} 


.a_navigate_title
{
		font-size:14pt;
		font-weight:bold;
		text-decoration:none;
		color:#000000;
		outline:none;
}
.a_navigate_title:hover
{
	text-decoration:underline;
	color:#FFFFFF;
}

.a_list_item
{
	text-decoration:none;
	color:black;
}

.a_list_item:hover{
	color:#006699;
	text-decoration:underline;	
}

.a_sort
	{
		color:#006699;
		text-decoration:none;
	}
.a_sort:hover
	{
		text-decoration:underline;
	}



.div_row{float:left; clear:both; width:100%; padding:3px 0px 3px 0px; margin:5px 0px 0px 0px;}

.div_row2{float:left; clear:both; width:100%; padding:3px 0px 3px 0px; margin:5px 0px 0px 0px;}

.div_row:hover{/*background-color:#DDEEFF;*/}
.frame_background {background-color:#FFFFFF;}


.label_title{height:25px; line-height: 25px; float:left; width:200px; text-align:right; padding-right: 10px; color:#808080;} /* Style for <label> tag */
.label_content{height:25px; line-height: 25px; float:left; width:auto; text-align:left; padding-left: 2px;} /* Style for <label> tag */

.textbox{height:25px; border:1px #9FBFDF solid; width:250px; font-size:12pt; padding:2px 5px 2px 5px } /* Style for <input type="text" /> */

.combobox{height:25px; font-size:12pt; margin:0px; } /* Style for <select> */

.radiobox{height:25px;float:left; margin-right:5px;} /* style for <input type="radio" /> */

.checkbox{margin-right:5px;} /* Style for <input type="checkbox" /> */

.radio_title{height:20px; line-height: 25px; float:left; display:block; margin-right:5px;} /* Style for the text after <input type="radio" /> */

.req{color:red;} /* Style for the Star ( require symbol ) */
select{border:1px #9FBFDF solid; font-size:12px;}
textarea {}

.button{height:28px; border:1px #9FBFDF solid;} /* Style for submit, button */

.form_button_important{
	 border:1px #B9DCFF solid; color:#EAEAEA; height:30px; line-height:28px; vertical-align:middle; 
	 background-color:#006699;
	 cursor:pointer;
}

.form_button{
	 border:1px #B0D8FF solid; color:#000000; height:30px; line-height:28px; vertical-align:middle; 
	 background-color:#C4E1FF;
	 cursor:pointer;
}


.edit_button{
	 border:1px #d9d6d6 solid;height:30px; background-color:transparent;  line-height:28px; vertical-align:middle; 
	 margin-top:2px;
	 background-image:url('/images/button/edit.jpg');
	 background-repeat:no-repeat; width:90px;
}

.err{float:left; clear:left; margin:5px 0px 0px 160px; color:red; width:100%; display:none;} /* Style for Error Message */

.question{
	background-image:url('/images/icon/help.png');
	background-repeat:no-repeat;
	background-position:0px center;
	margin-left:20px;
	width:30px;
	height:30px;
}
.question:hover{
	background-position:-30px center;
}

.div_title_frame
{
	clear:both;
	width:100%;
	height:35px;

	/*background-color:#66a4c8;*/

	color:black;
	/*background-image:url('/images/background/bg_row_header.jpg');
	background-repeat:repeat-x;
	background-position:left center;*/

	border-bottom:1px #CCCCCC solid;

	margin:0px auto;
	padding:0px;
	font-weight:bold;
}
.div_title_frame span
{
	float:left;
	clear:both;
	width:auto;
	height:35px;
	line-height:35px;
	vertical-align:middle;
	margin-left:10px;
}

.div_title_frame a
{
	color:#336699;
	text-decoration:none
}

.div_title_frame a:hover
{
	color:#336699;
	text-decoration:underline;
}


.fieldset_frame
{
	background-color:transparent; border:0px;
}

/*Div-border*/
.div_box
{
	padding: 0;
	float: left;
	clear: both;
	width: 100%;
	background: url('/images/box/box-br.jpg') no-repeat bottom right;
	overflow: hidden;	
}

.left
{
	padding: 0;
	float: left;
	clear: both;
	width: 100%;
	background: url('/images/box/box-bl.jpg') no-repeat bottom left;
	overflow: hidden;	
}

.right
{
	padding: 0;
	float: left;
	clear: both;
	width: 100%;
	background: url('/images/box/box-tr.jpg') no-repeat top right;
	/*overflow: hidden;*/	
}
.top
{
	float: left;
	clear: both;
	width: 100%;

	padding: 5px 5px 8px 5px;
	background: url('/images/box/box-tl.jpg') no-repeat top left;
	overflow: hidden;		
}


.span_static_label{
	float:left;
	height:30px;
	line-height:30px;
	vertical-align:middle;
	color:gray;		
	text-align:right;
	width:150px;	
	background-color:#DDEEFF;
	margin:1px;
}

.span_static_value{

	background-color:#DDEEFF;	
	float:left;
	margin:1px;
	padding-left:3px;
	height:30px;
	line-height:30px;
	vertical-align:middle;	
	
	text-align:left;
	width:160px;
}
.span_static_label2{
	color:gray;	
	float:left;
	height:30px;
	line-height:30px;
	vertical-align:middle;
	text-align:right;
	background-color:#DDEEFF;
	width:290px;	
	margin:1px;
}
.span_static_value2{
	background-color:#DDEEFF;	
	float:left;
	margin:1px;
	padding-left:3px;
	height:30px;
	line-height:30px;
	vertical-align:middle;	
	
	text-align:left;
	width:100px;
}
.a_statictis
{
	color:#336699;
	text-decoration:none;	
	line-height:25px;
	height:25px;
	vertical-align:middle;
	margin-right:20px;
	font-weight:bold;
	
}
.a_statictis:hover
{
	color:#336699;
	text-decoration:underline;
	
}

/*-----------------------------table category--------------------------*/

	#table_list,.table_list
	{
		font-size:10pt;
		border:1px #D2E8FF solid;
		font-size:9pt;
	}
	#table_list .row_header,.table_list .row_header
	{
		font-weight:bold;
	 	height:30px;
		line-height:30px;	
		background-color:#FFFFFF;
		background-image:url('/images/background/table_header.jpg');
		background-repeat:repeat-x;	
		color:#006699;
	}
	#table_list .row_item,.table_list .row_item
	{
		height:35px;	
		line-height:35px;

	}
	.ul_function
	{
		height:40px; 
		line-height:40px; 
		vertical-align:middle;
		width:auto; list-style:none; float:right;	
		text-align:right;
		padding-left:40px;
		padding-right:5px;
		margin:1px 0px 0px 0px;
		
		
		background-image:url('/images/background/bg_function.png'); 
		background-repeat:no-repeat; 
		background-position:left center;		
	}

	.ul_function li
	{
		list-style:none; float:left;
		margin:0px 2px 0px 2px;	
		color:gray;	
		float:left;
		height:100%;
		line-height:40px;
	}

	.ul_function a
	{
		float:left;
		background-position: left 7px;	
		height:40px;
		line-height:40px;
		vertical-align:middle;
	}

	.ajax_text_message
	{
		float:left; width:93%; border:1px #CC6600 solid; background:#FFE6CC; display:none;
		line-height:25px;
		margin:5px 0px 5px 0px;
		padding:5px;
	}

/*Div-border*/
.div_box
{
	padding: 0;
	float: left;
	clear: both;
	width: 100%;
	background: url('/images/box/box-br.jpg') no-repeat bottom right;
	overflow: hidden;	
}

.left
{
	padding: 0;
	float: left;
	clear: both;
	width: 100%;
	background: url('/images/box/box-bl.jpg') no-repeat bottom left;
	overflow: hidden;	
}

.right
{
	padding: 0;
	float: left;
	clear: both;
	width: 100%;
	background: url('/images/box/box-tr.jpg') no-repeat top right;
	/*overflow: hidden;*/	
}
.top
{
	float: left;
	clear: both;
	width: 100%;

	padding: 5px 5px 8px 5px;
	background: url('/images/box/box-tl.jpg') no-repeat top left;
	overflow: hidden;		
}