﻿
/* Grid style*/
.mGrid { width: 100%; background-color: #fff; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse:collapse; }
    .mGrid td { padding: 2px; border: solid 1px #c1c1c1; color: #000;font-size:13px;font-family:Arial; }
    .mGrid th { padding: 4px 2px; color: #fff; background: #424242 url(../images/grd_head.png) repeat-x top; border-left: solid 1px #525252; font-size: 0.9em; }
.mGrid .alt { /*background: #fcfcfc url(../images/grd_alt.png) repeat-x top;*/background-color:#eee; }
.mGrid .pgr {background: #424242 url(../images/grd_pgr.png) repeat-x top; }
    .mGrid .pgr table { margin: 5px 0; }
    .mGrid .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }   
    .mGrid .pgr a { color: #666; text-decoration: none; }
    .mGrid .pgr a:hover { color: #000; text-decoration: none; }
    
/* Paging Style*/
.paging-div
{
    font-size: 9px;
    position: relative;
    text-align: left;
    color: rgb(128, 128, 128);
    margin-bottom: 10px;
    margin-top: 10px;
    line-height: 100%;
    font-family: Verdana;
}
.paging-div div
{
    font-size: 9px;
    font-weight: normal;
    display: inline;
    list-style: none;
    text-align: center;
    margin: 2px 2px;
    font-family: Verdana;
}
.paging-div div span
{
    font-size: 9px;
    font-weight: normal;
    color: #800080;
    border: 1px #FF7C00 solid;
    padding: 3px 6px 3px 6px;
    font-family: Verdana;
    background-color: #DCCF00;
    background-image: url('../images/bgnumber_page_active1.png' );
    background-repeat: repeat-x;
    background-position: top left;
    border-radius: 0.3em;
    -moz-border-radius: 0.3em;
}
.paging-div div a       
{
    font-size: 9px;
    font-weight: normal;
    color: #000000;
    border: 1px #5699B9 solid;
    padding: 3px 6px 3px 6px;
    font-family: Verdana;
    text-decoration: none;
    background-image: url('../images/bgnumber_page.png' );
    background-repeat: repeat-x;
    background-position: top left;
    border-radius: 0.3em;
    -moz-border-radius: 0.3em;
}
.paging-div div a:hover
{
    font-size: 9px;
    font-weight: normal;
    color: #ff6600;
    border: 1px #FF7C00 solid;
    padding: 3px 6px 3px 6px;
    font-family: Verdana;
    background-color: #5F8FC5;
    text-decoration: none;
}
.paging-div .nav
{
    font-size: 9px;
    font-weight: normal;
    color: #A4A4A4;
    border: 1px #CCCCCC solid;
    padding: 3px 6px 3px 6px;
    font-family: Verdana;
    background-image: url('../images/bgnumber_page_none.png' );
    background-repeat: repeat-x;
    background-position: top center;
    border-radius: 0.3em;
    -moz-border-radius: 0.3em;
}
    
/* Tim kiem*/
.btn {background-image:-moz-linear-gradient(top,#f5f5f5,#f1f1f1);-moz-border-radius:2px;-moz-user-select:none;background-color:#f5f5f5;background-image:linear-gradient(top,#f5f5f5,#f1f1f1);background-image:-o-linear-gradient(top,#f5f5f5,#f1f1f1);border:1px solid #dcdcdc;border:1px solid rgba(0, 0, 0, 0.1);border-radius:2px;color:#666;cursor:default;font-family:arial,sans-serif;font-size:11px;font-weight:bold;height:29px;line-height:27px;margin:5px 6px;min-width:54px;padding:0 8px;text-align:center;cursor:pointer;min-width:100px;}
.btn-nomargin {background-image:-moz-linear-gradient(top,#f5f5f5,#f1f1f1);-moz-border-radius:2px;-moz-user-select:none;background-color:#f5f5f5;background-image:linear-gradient(top,#f5f5f5,#f1f1f1);background-image:-o-linear-gradient(top,#f5f5f5,#f1f1f1);border:1px solid #dcdcdc;border:1px solid rgba(0, 0, 0, 0.1);border-radius:2px;color:#666;cursor:default;font-family:arial,sans-serif;font-size:11px;font-weight:bold;height:29px;line-height:27px;margin:0px 5px;min-width:54px;padding:0 8px;text-align:center;cursor:pointer;min-width:100px;}
.btn:hover{background-image:-moz-linear-gradient(top,#f8f8f8,#f1f1f1);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.1);background-color:#f8f8f8;background-image:linear-gradient(top,#f8f8f8,#f1f1f1);background-image:-o-linear-gradient(top,#f8f8f8,#f1f1f1);border:1px solid #c6c6c6;box-shadow:0 1px 1px rgba(0,0,0,0.1);color:#333}
.btn:focus{border:1px solid #4d90fe;outline:none}
#tk_block{position:fixed;left:0;top:200px;vertical-align:middle;z-index:888;float:left;display:block;}
#tk_block .tk_btn{width:20px;height:80px;background-color:#ccc;float:left;cursor:pointer;background: url('../images/timkiemtt.png' ) top left no-repeat;}
#tk_block .tk_form {width:250px;min-height:300px;float:left;display:none;background-color:#fff;border:solid 1px #00B7E5;}
/*Input - Form*/
/*---------------------TUYEN DUNG ===========*/
.td_table{
    padding: 0px 10px 10px 10px ;margin-bottom:10px;
    -moz-border-radius:10px;
    background-color:#efefef;
    border:1px solid #efefef;
    border-radius:10px;}
.td_table .td_title {font-weight:bold;padding:10px;text-transform:uppercase;}
.td_table .td_content {background:#fff;color:#000;-moz-border-radius: 10px;-webkit-border-radius: 10px;border:solid 1px #fff;}
.td_head {font-weight:bold;color:#ff4500;}
.td_fieldname {font-weight:bold;text-align:right;width:20%;}
.td_control {text-align:left;}
.td_require {color:Red;width:10px;text-align:center;}
.list_dv_news{ width:100%;clear:both;}
.list_dv_news ul{ list-style:none; padding:5px 0px 0px;text-align:justify;margin:0px;}
.list_dv_news ul li{ background:url(../images/bullet_sp.png) no-repeat 0px 8px; padding-left:18px;padding-top:5px;padding-bottom:5px;}
.list_dv_news ul li a{text-decoration: none;}
.list_dv_news ul li .news_focus{ color: #ff6600;}
.list_dv_news ul li a:hover{color: #1789be;text-decoration: underline;}
.td-qc-img {background: #FFFFFF;
    width:250px;
    border: 1px #ccc solid;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    padding: 8px 9px 8px 9px;
    }
.td-cty-logo{background: #FFFFFF;
    width:110px;
    border: 1px #ccc solid;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    padding: 8px 9px 8px 9px;}
/*---------------------TUYEN DUNG ===========*/
.input_text
{
    padding: 2px;
    background: #FFFFFF;
    border-bottom-color: #b6b6b6;
    border-bottom-width: 1px;
    border-left-color: #b6b6b6;
    border-left-width: 1px;
    border-right-color: #b6b6b6;
    border-right-width: 1px;
    border-top-color: #b6b6b6;
    border-top-width: 1px;
    color: #000000;
    font-family: Tahoma;
    font-size: 11px;
    text-decoration: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.input_text,
.input_text_white,
.input_select,
.input_textarea {
	padding: 2px;
	background: #FFFFFF;
	border-bottom-color: #b6b6b6; 
	border-bottom-width: 1px;
	border-left-color: #b6b6b6; 
	border-left-width: 1px;
	border-right-color: #b6b6b6; 
	border-right-width: 1px;
	border-top-color: #b6b6b6; 
	border-top-width: 1px;
	color: #000000;
	font-family: Verdana; 
	font-size: 11px; 
	text-decoration: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.input_textarea
{
	width: 98%;
}
.input_text:hover
{
    background: #eeffff;
    border: solid #808080 1px;
}
DIV.block-info{float:left;padding:5px 0;}
.label-170{font-family:tahoma,verdana,arial,sans-serif !important;float:left;width:170px;padding-right:10px;text-align:right;margin:0px 0 0 0;font-weight:bold;vertical-align:top;height:100%;clear:right;font-size:12px;}
.label-140{font-family:tahoma,verdana,arial,sans-serif !important;float:left;width:170px;padding-right:10px;text-align:right;margin:0px 0 0 0;font-weight:bold;vertical-align:top;height:100%;clear:right;font-size:12px;}
.textinfo{border:solid 1px #fff;text-align:left;float:left;width:450px;}
.textinfo-shot{border:solid 1px #fff;text-align:left;float:left;width:320px;}
.textinfo-large{border:solid 1px #fff;text-align:left;float:left;width:620px;}
.field .genInfo-175{width:175px;}
.field .genInfo-400{width:400px;} 
.field .genInfo-70{width:70px;}
.field .genInfo-220{width:220px;}
.field .genInfo-600{width:600px;}
.field .input-set{float:left;height:20px;line-height:20px;border:1px solid #6598cb;margin:0 5px 0 0;padding:0;top:0;}
.field .input-multyset{float:left;border:1px solid #6598cb;margin:0 5px 0 0;padding:0;top:0;}
.field .input-setmulty{float:left;border:1px solid #6598cb !important;margin:0 5px 0 0;padding:0;top:0;}
.label-170 img.img_border{-moz-border-radius: 5px;-webkit-border-radius: 5px;border: 2px solid #1789be;padding: 10px;}
.required{color:#FF0000;margin-left:3px}

/* Rad control ---------------------------------------------------------------- */
div.radwindow_Vista table.titlebarcontrols ul.controlbuttons li{list-style:none;}
div.radwindow table.titlebarcontrols ul.controlbuttons li{list-style:none;}
div.radwindow_Vista table{z-index:999999 !important;}
div.radwindow_Vista table td.bodyleft{z-index:999999 !important;}
/* Rad editor */
.rade_module{display:none !important;}
.reTool .ResetContent
{
    background-image: url(../images/icon_cancel.gif);
}
.reToolbar.Telerik .ResetContent
{
   background-image: url('../images/icon_cancel.gif');
}
.rade_tool .ResetContent
{
   background-image: url('../images/cancel_icon.png');
   background-position:top center;
}
span.ToolStripName
{
    background-image:url('../images/1.gif');   
    background-position:top center;                                                              
}    
span.Emoticons
{
    background-image:url('../images/1.gif');      
    background-position:top center;                                                           
}
/*Rad panelbar*/
.RadPanelBar_WebBlue .rpRootGroup
{
	border: solid 1px #c5c6cc;
}

.RadPanelBar_WebBlue .rpRootGroup .rpItem
{
	border-top: solid 1px #c5c6cc !important;
	background-color:#fff !important;
}
.RadPanelBar_WebBlue .rpGroup .rpLink:hover
{
    background: #ffffcc;
}
.RadPanelBar_WebBlue .rpGroup .rpSelected .rpText
{
	background: #ffffcc;
}
/*menu*/
.RadMenu {z-index:100 !important;}
.RadMenu_Web20 {z-index:100 !important;}
/* Cho Process */
.loader
{
    background-image: url(../images/loading.gif);
    background-repeat: no-repeat;
    background-position: 5px center;
    z-index: 100;
    position: fixed;
    width: 120px;
    margin-left: -60px;
    top: 3px;
    right: 3px;
    cursor: wait;
    background-color: Yellow;
    padding: 10px 10px 10px 35px;
    color: #000;
    font-size: 12px;
    font-weight: bolder;
    font-family: Arial, Times New Roman, Tahoma, Verdana;
}
* html .loader
{
    position: absolute;
    margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) +                                                                'px' );
}
.overlay
{
    position: fixed;
    z-index: 99999999;
    top: 0px;
    left: 0px;
    width: 100% !important;
    height: 100% !important;
    filter: Alpha(Opacity=70);
    opacity: 0.70;
    -moz-opacity: 0.70;
    cursor: wait;
}
* html .overlay
{
    cursor: wait;
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight +                                                                'px' );
    width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth +                                                                'px' );
}
A.sh_master_step3_content
{
    color: #4685DF;
    text-decoration: none;
    font-size:13px;
    font-weight:bold;
}
A.sh_master_step3_content:hover
{
    color: #316ac5;
    font-style:italic;
}
/*Calendar style*/
#calendarDiv {
	font:10px arial;
	background:#FFF;
	width:205px;
	padding-bottom:20px;
	visibility:hidden
}

#calendarDiv,#calendarDiv .todaysDate,#calendarDiv .timeBar,#calendarDiv .monthYearPicker {
	position:absolute
}

#calendarDiv,#calendarDiv .selectBoxTime {
	border:1px solid #317082
}

#calendarDiv,#calendarDiv .selectBoxOver,#calendarDiv .selectBox,#calendarDiv .selectBoxTimeOver,#calendarDiv .selectBoxTime,#calendarDiv .monthYearPicker div {
	padding:1px
}

#calendarDiv img,#calendarDiv span,#calendarDiv .todaysDate div,#calendarDiv .timeBar div,#calendarDiv .topBar div {
	float:left
}

#calendarDiv .selectBoxOver,#calendarDiv .selectBox,#calendarDiv .selectBoxTimeOver,#calendarDiv .selectBoxTime {
	line-height:12px;
	padding-left:2px
}

#calendarDiv .selectBoxOver,#calendarDiv .selectBox,#calendarDiv .selectBoxTimeOver,#calendarDiv .selectBoxTime,#calendarDiv .monthYearPicker div,#calendarDiv td,#calendarDiv .topBar img {
	cursor:pointer
}

#calendarDiv td {
	padding:3px;
	margin:0;
	font-size:10px;
	text-align:right
}

#calendarDiv .selectBox {
	border:1px solid #e2ebed
}

#calendarDiv .selectBox,#calendarDiv .monthYearActive {
	color:#e2ebed
}

#calendarDiv .selectBox,#calendarDiv .selectBoxOver,#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver {
	position:relative
}

#calendarDiv .selectBoxOver,#calendarDiv .topBar,#calendarDiv .monthYearActive {
	background:#317082
}

#calendarDiv .selectBoxOver {
	border:1px solid #FFF
}

#calendarDiv .selectBoxOver,#calendarDiv .timeBar {
	color:#FFF
}

#calendarDiv .selectBoxTime,#calendarDiv .monthYearPicker {
	color:#317082
}

#calendarDiv .selectBoxTimeOver {
	border:1px solid #216072;
	color:#216072
}

#calendarDiv .topBar {
	height:16px
}

#calendarDiv .topBar,#calendarDiv .todaysDate {
	padding:2px
}

#calendarDiv .activeDay {
	color:#f00
}

#calendarDiv .todaysDate,#calendarDiv .timeBar,#calendarDiv .monthYearPicker {
	background:#e2ebed
}

#calendarDiv .todaysDate,#calendarDiv .timeBar {
	height:17px;
	line-height:17px
}

#calendarDiv .todaysDate {
	text-align:center;
	bottom:0;
	width:201px
}

#calendarDiv .timeBar {
	width:72px;
	right:0
}

#calendarDiv .timeBar div,#calendarDiv .topBar div {
	margin-right:1px
}

#calendarDiv .monthYearPicker {
	border:1px solid #aaa;
	left:0;
	top:15px;
	z-index:1000;
	display:none
}

#calendarDiv #monthSelect {
	width:70px
}

#calendarDiv .monthYearPicker div {
	float:none;
	clear:both;
	margin:1px
}