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;



}

#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;



}

#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;


}

.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;



}

#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;
}


.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;
}