/********************************************************/
/*	LAYOUT												*/
/********************************************************/
body
{
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	font-family: Tahoma, Verdana, MS Sans Serif;
	font-size: 11px;
	color: #000000;
	line-height: 140%;
}

/* DIV */
#master_content
{
	width: 100%;
	clear: both;
}
.master_left
{
	width: 160px;
	color: #ffffff;
	background-color: #333333;
	padding: 5px;
	padding-left: 10px;
	white-space: nowrap;
}
.master_left_nopadding
{
	background-color: #333333;
}
.master_left div.group
{
	padding-top: 10px;
}
.master_right
{
	background-color: #fff;
	padding: 5px;
}
.harizontal
{
	width: 100%;
	height: 5px;
	background-color: #333333;
}
div#master_footer
{
	padding-top: 15px;
	padding-bottom: 20px;
	padding-left: 1px;
	line-height: 120%;
	font-family: Tahoma, Verdana, MS Sans Serif;
	font-size: 11px;
	clear: both;
}
.page_title
{
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
.page_title hr
{
	color: #eb720a;
}
#page_content
{
	/*background-color: #f5f5f5;*/
	padding: 10px;
	min-height: 400px;
	vertical-align: top;
	clear: both;
}
#page_content td
{
	vertical-align: top;
}

/********************************************************/
/*	CONTROLS												*/
/********************************************************/

/* BUTTON */
.button_normal
{
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	width: 80px;
	cursor: pointer;
}
.button_medium
{
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	width: 100px;
	cursor: pointer;
}
.button_large
{
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	width: 120px;
	cursor: pointer;
}
.button_special
{
	font-family: Tahoma, Verdana, Arial;
	font-size: 14px;
	width: 120px;
	cursor: pointer;
}
/* DROPDOWNLIST */

.dropdownlist_normal
{
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
}

/* GRIDVIEW */
.gridview_normal
{
	width: 100%;
	border: solid 1px #dcdcdc;
	color: #333333;
	border-collapse: collapse;
}
.gridview_normal .padding_left
{
	padding-left: 5px;
}
.gridview_normal .RowStyle, .gridview_normal .RowStyle td
{
	background-color: #f1f1f1;
	font-size: 11px;
	padding-top: 3px;
}
.gridview_normal .AlternatingRowStyle, .gridview_normal .AlternatingRowStyle td
{
	background-color: #ffffff;
	font-size: 11px;
	padding-top: 3px;
}
.gridview_normal .EditRowStyle
{
}
.gridview_normal .SelectedRowStyle, .gridview_normal .SelectedRowStyle td
{
	color: #333333;
	background-color: #fff1ce;
	padding-top: 3px;
}
.gridview_normal .HeaderStyle, .gridview_normal .HeaderStyle tr, .gridview_normal .HeaderStyle th
{
	height: 25px;
	color: #ffffff;
	background-color: #333333;
	font-weight: bold;
	font-size: 11px;
	vertical-align: middle;
}
.gridview_normal .FooterStyle
{
}
.gridview_normal .PagerStyle
{
	color: #ffffff;
	background-color: #333333;
	font-weight: bold;
	text-align: right;
}

/* LABEL */
.label_page_title
{
	font-family: Arial, Verdana, Tahoma;
	font-size: 20px;
	color: #006702;
}
.label_group_title
{
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}
.label_login_title
{
	font-family: Arial, Verdana, Tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #ff7200;
}
.label_error
{
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #ff0000;
}
.label_success
{
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #ff7200;
}
.label_message
{
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #ff7200;
}
.label_caption_control
{
	font-weight: bold;
}

/* TEXTBOX */
.textbox_normal
{
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
}
.textbox_large
{
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	width: 250px;
}

.table#full
{
	width: 100%;
}
.td_caption
{
	width: 20%;
}
/********************************************************/
/*	HYPERLINK											*/
/********************************************************/
.hyperlink_sub_title, .hyperlink_sub_title:link
{
	color: #ffff80;
	font-size: 11px;
	font-weight: bold;
	display: list-item;
	text-decoration: none;
}
.hyperlink_sub_title:hover
{
	color: #999;
}
.hyperlink_sub_title_supervisor, .hyperlink_sub_title_supervisor:link
{
	color: #ff7200;
	font-size: 11px;
	font-weight: bold;
	display: list-item;
	text-decoration: none;
}
.hyperlink_sub_title_supervisor:hover
{
	color: #999;
}

.hyperlink_header, .hyperlink_header:link
{
	color: #ff7200;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
.hyperlink_header:hover
{
	color: #999;
}

.title01
{
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 10px;
}
.title02
{
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 10px;
}
.other_content
{
	border: #dcdcdc 1px solid;
	padding: 10px;
}
.quiz_question
{
	border: #dcdcdc 1px solid;
}
.quiz_question_header
{
	background-color: #D6E7E1;
	border-bottom: #dcdcdc 1px solid;
	font-size: 12px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
}
.quiz_question_body
{
	padding: 10px;
}

.other_content ul
{
	padding: 0;
	margin: 0;
}
.other_content ul li
{
	list-style: none;
	background: transparent url(images/bullet_orange_arrow.png) no-repeat center left;
	padding: 5px 0 5px 20px;
}


/********************************************************/
/*	PANEL												*/
/********************************************************/
.panel_group
{
	padding-left: 29px;
}
/*********************************************************/
/* HIEUNT												 */
/*********************************************************/
.counterbox
{
	background: url(images/counterbox.gif) no-repeat top;
	width: 61px;
	height: 66px;
	padding: 3px 0 0 0;
	color: #333;
}
.counter-num
{
	font-size: 120%;
	font-weight: bold;
	font-family: Georgia, "Times New Roman" , Times, serif;
	text-align: center;
	list-style: none;
}
.counter-txt
{
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	list-style: none;
}
.counter-image
{
	font-size: 75%;
	background: url(images/type.jpeg) no-repeat;
	color: #FFFFFF;
	width: 30px;
}

.library-bg
{
	background: #FFFAFF repeat;
}
.counter-type-pdf
{
	background: url(../images/icon_pdf.gif) no-repeat;
}
.counter-type-doc
{
	background: url(../images/icon_doc.gif) no-repeat;
}
.counter-type-docx
{
	background: url(../images/icon_doc.gif) no-repeat;
}
.counter-type-xls
{
	background: url(../images/icon_xls.gif) no-repeat;
}
.counter-type-xlsx
{
	background: url(../images/icon_xls.gif) no-repeat;
}
.counter-type-ppt
{
	background: url(../images/icon_ppt.gif) no-repeat;
}
.counter-type-pptx
{
	background: url(../images/icon_ppt.gif) no-repeat;
}
.counter-type-rar
{
	background: url(../images/icon_rar.gif) no-repeat;
}
.counter-type-zip
{
	background: url(../images/icon_zip.gif) no-repeat;
}
.counter-type-waiting
{
	background: url(../images/icon_waiting.gif) no-repeat;
}
.counter-type-approved
{
	background: url(../images/icon_approved.gif) no-repeat;
}
.counter-type, .counter-type-approved
{
	text-indent: -2000em;
	z-index: 900;
	position: relative;
	top: 3px;
	left: -3px;
	width: 29px;
	height: 11px;
}

hr .gray
{
	background: #ddd;
	color: #ddd;
	border: none;
	width: 100%;
}
table.library_control_bg1
{
	background: url(images/library_control_bg.png);
}
table.library_control_bg2
{
	background: url(images/library_control_bg.png) no-repeat scroll right bottom;
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	text-align: center;
}
.rcbox_library
{
	margin: -10px auto;
	padding-right: 15px;
	width: 200px !important;
}
.rcbox_library_title
{
	font-size: 14px;
	left: 10px;
	position: relative;
	text-align: center;
	top: 5px;
}

/* For AutoComplete Textbox */
.completion_list
{
	z-index: 100;
}

#gallery
{
	padding: 10px;
}
#gallery ul img
{
	border: 5px solid #3e3e3e;
	border-width: 5px 5px 20px;
}
#gallery ul a:hover img
{
	border: 5px solid #fff;
	border-width: 5px 5px 20px;
	color: #fff;
}
#gallery ul a:hover
{
	color: #fff;
}