body 
{
	background-color:White;
	text-align:left;
	font-size:12px;
	font-family:Tahoma, Arial, sans-serif;
	margin:0px;
}

.clear
{
	clear:both;
	font-size:0px;
}

.popupFormUpdateGV .bgButton .cBtnIcon
{
	margin:0 0 0 5px;
}

.bgBtnFuncDefault
{
	border-bottom: 1px solid #888;
	border-top: 1px solid #888;
	margin-bottom: 5px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d5d5d5), to(#efefef));/* IE6-9 */
	}

.cAjaxLoader
{
	background-image:url("AjaxLoader.gif");
	background-repeat:no-repeat;
	background-position:center 20px;
	height:40px;
}

td
{
	font-family:Tahoma, Arial, sans-serif;
	font-size:12px;
}

.listRow th, .listRow td
{
	padding: 3px;
}

.titleDetail {
	color:#00339b;
	font-size:12px;
	font-weight:bold;
}

.inputText
{
	border:1px solid #7F9DB9;
}
.w200px
{
	width:200px;
}
.w250px
{
	width:250px;
}
.w300px
{
	width:300px;
}
.w350px
{
	width:350px;
}
.w450px
{
	width:450px;
}
.w50px
{
	width:50px;
}
.w30px
{
	width:30px;
}
.w40px
{
	width:40px;
}
.w60px
{
	width:60px;
}
.w80px
{
	width:80px;
}
.w90px
{
	width:90px;
}
.w100px
{
	width:100px;
}
.w120px
{
	width:120px;
}
.w100percent
{
	width:100%;
}
.w150px
{
	width:150px;
}

.inputTextWhite
{
	border:1px solid #fff;
}
.page span
{
	padding: 2px;
	font-weight: bold;
}
.page .link
{
	cursor: pointer;
	color: #0000FF;
}
.page .linkOver
{
	cursor: pointer;
	color: #FF0000;
}
.errorsMsg
{
	color :Red;
	text-align :left;
}
.table
{
	border-collapse: collapse;
}
.table th, .table td
{
	padding: 3px;
}

.table7px
{
	margin-top:3px;
	border-collapse: collapse;
}
.table7px th, .table7px td
{
	padding: 7px;
}

.arrow
{
	font-weight:bold; color:Red;
}

/*-------------------------containerLU----------------------*/
.cContainerLU
{
	width: 200px;
}
.cContainerLU .cArrow
{
	height:100%;
	width: 12px;
	position:absolute; top:45%; left:1px;
}
.cContainerLU .arrow
{
	background-image: url(/Images/Icon-1.png);
	background-position: -4px -13px;
	background-repeat: no-repeat;
	height:16px;
	width:9px;
	margin:auto;
}
.cContainerLU .containerLU
{
	min-height:30px;
	max-height:300px;
	overflow-y:auto;
	z-index:5;
	background-color: #fff;
	border: 1px solid #8c8c8c;
	-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
	-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
	box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-left:10px;
}
.cContainerLU .containerLU .iUser
{
	padding:5px;
	cursor:pointer;
}
.cContainerLU .containerLU .iUser:hover
{
	background:#046078;
	color:White;
}
.cContainerLU .containerLU .iUser .code
{
	width:50px; display:inline-block;
}
.cContainerLU .containerLU .iUser .name
{
	width:120px; display:inline-block;
}

/*-------------------------popupListMenu----------------------*/
.popupListMenu
{
	width: 150px;
	height:50px;
	z-index:5;
}
.popupListMenu .cArrowN
{
	height:12px;
	width: 150px;
	position:absolute; top:0px; left:0px;
}
.popupListMenu .arrowN
{
	background-image: url(/Images/Icon-1.png);
	background-position: 0 -31px;
	background-repeat: no-repeat;
	height:12px;
	width:20px;
	margin:auto;
}
.popupListMenu .containerN
{
	background-color: #fff;
	border: 1px solid #c5c5c5;
	-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
	-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
	box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-top:10px;
}
.popupListMenu .containerN .row
{
	padding:5px;
	text-align:center;
}
.popupListMenu .containerN .row .containerDDL,
.popupListMenu .containerN .row .cBtnIcon
{
	margin:auto;
}

/*==============================Title=====================================*/
.titleTextSub
{
	padding: 4px !important;
	color: #000000 !important;
	font-weight: bold;
	font-size: 14px;
}

.headerTitle
{
	color:Black;
	padding:5px !important;
	border-bottom:solid 1px Black;
	margin-bottom:5px;
	height:13px;
}
.headerTitle .title
{
	text-align:right;
	font-weight:bold;
	font-size:15px;
}
.titleName
{
	text-align:center;
	font-weight:bold;
	font-size:12px;
	color:#283B56 !important;
	padding:4px !important;
}
.headerTitleGreen
{
	text-align:center;
	font-weight:bold;
	font-size:13px;
	color:White !important;
	background-color:#6E89DD !important;
	padding:10px !important;
}

.headerTitleGreen th
{
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	color: White !important;
	background-color: #6E89DD !important;
	padding: 5px !important;
}

.padding3px
{
}

.padding3px th
{
	padding: 4px !important;
}

.padding3px td
{
	padding: 4px !important;
}

.textAlignCenter

.textAlignCenter td
{
	text-align: center;
}

.headerTitleGreenChild
{
	background-color: #8FBCF3;
	color: White;
	padding: 5px;
	font-weight:bold;
}

.headerTitleGreen a
{
	color:White;
}

.module td 
{
	background-color:#D7DEF3 !important;
	font-weight:bold;
}

/*==============================Row=====================================*/

.Row
{
	background-color: #FFF;
}

.AlternatingRow
{
	background-color: #EAEFFE;
}

.overRow
{
	background-color:#FFFFCC !important;
}

.selectedRow
{
	background-color: #FFFF99;
}

.parentAtt
{
	background-color: #E4CAFF;
}

option 
{
	margin-left: 5px;
}
.protect
{
	background-color: #FFFFFF;
	-moz-opacity:.50;
	filter:alpha(opacity=50);	
	opacity:.50;
	
}

.popup
{
	background-color: #FFFFFF;

}
.popup .title
{
	padding: 6px;
	text-align: center;
	background-color: #6E89DD;
	color: #FFFFFF;
	font-weight: bold;
}

.popup .content
{
	padding: 4px;
}

.popup .command
{
	text-align: center;
	padding: 4px;
}

.button
{
	text-align: center;
	padding: 4px;
}

.popup_protect
{
	background-color: #FFFFFF;
	-moz-opacity:.50;
	filter:alpha(opacity=50);	
	opacity:.50;
}


.mainStyle
{
	padding-left:10px;
}

/*==============================Welcome=====================================*/
.textWelcome
{
	height: 400px;
	width: 100%;
	text-align: center;
	vertical-align: middle;
}

.textWelcome span
{
	font-size:xx-large; margin:auto;
	padding-top:150px; display:block
}

/*============================================================================*/
/*==============================Grid View=====================================*/
/*============================================================================*/
.gridView .gridViewTitle td, .gridView .gridViewTitle th
{
	background-color:#DDECFF;
	background-image:url("/ToolsJS/GridView/Images/BgHeader.gif");
	background-repeat:repeat-x;
	font-weight:bold;
	text-align:center;
	padding:4px;
	color:#283B56 !important;
}
.gridView .gridViewTitle a
{
	font-weight:bold;
	text-align:center;
	padding:4px;
	color:#283B56 !important;
}

.gridView tr.bgColor{ background-color:#FFFFFF !important; }
.gridView tr.bgColor:hover
{
	background-color:#FFFF99 !important;
	background-image: -webkit-linear-gradient(top, #fdfde0, #ffff99);
	background-image: linear-gradient(top, #fdfde0, #ffff99);
	background-image: -moz-linear-gradient(top, #fdfde0, #ffff99);
	background-image: -o-linear-gradient(top, #fdfde0, #ffff99);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfde0), to(#ffff99));
	color:Black !important;
}
.gridView tr.alternatingBgColor
{
	background-color:#eef3ff !important;
	background-image: -webkit-linear-gradient(top, #fcfdff, #eef3ff);
	background-image: linear-gradient(top, #fcfdff, #eef3ff);
	background-image: -moz-linear-gradient(top, #fcfdff, #eef3ff);
	background-image: -o-linear-gradient(top, #fcfdff, #eef3ff);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfdff), to(#eef3ff));
}
.gridView tr.alternatingBgColor:hover{ 
	
	background-color:#FFFF99 !important;
	background-image: -webkit-linear-gradient(top, #fdfde0, #ffff99);
	background-image: linear-gradient(top, #fdfde0, #ffff99);
	background-image: -moz-linear-gradient(top, #fdfde0, #ffff99);
	background-image: -o-linear-gradient(top, #fdfde0, #ffff99);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfde0), to(#ffff99));
	color:Black !important;
}
.gridView tr td
{
	padding:4px;
}

.titleBlock
{
	font-weight: bolder;
	font-size: 14px;
}
.block
{
	padding: 4px 1px 4px 1px;
}
.lable
{
	text-align: right;
}
.value
{
	text-align:left;
	font-weight:bold;
}
.valueNum
{
	text-align:right;
	font-weight:bold;
}


/*======category Tree====*/
.ImgArrowParent
{
	background:url(icon_arrow.gif) no-repeat top left; 
	cursor: pointer;
	width:15px; 
	height:12px;
}

.ImgArrowParent:hover
{
	background:url(icon_arrow.gif) no-repeat top right; 
	width:15px; 
	height:12px;
	cursor: pointer;
}

.ImgArrowParent_down
{
	background:url(icon_arrow.gif) no-repeat bottom left; 	width:15px; 
	height:12px;
	cursor: pointer;
}
.ImgArrowChild
{
	background:url(icon_arrow_sub.gif) no-repeat top left; 
	width:15px; 
	height:12px;
}

.noteDiv {
	background-color:#FFFF99;
	border-style:solid;
	border-width:1px;
	font-size:12px;
	margin:5px;
	padding:5px;
	text-align:left;
}

.fixDiv
{
	position:fixed;
}
.linkFake
{
	cursor:pointer;
}

.loaderDiv
{
	position:fixed;
	background-color:White;
	-moz-opacity:.50;
	filter:alpha(opacity=50);	
	opacity:.50;
	text-align:center;
	vertical-align:middle;

}
.loaderAjax
{
	background-image:url(ajax-loader.gif);
	background-repeat:no-repeat;
	background-position:center;	
	height: 40px;
	width: 300px;
}
.loaderAjaxDiv
{
	background-image:url(ajax-loader.gif);
	background-repeat:no-repeat;
	background-position:center;	
	height: 40px;
	width: 200px;
}
.button
{
	text-align : center;
	padding:3px;
}
.scrollDiv
{
	max-height:350px;
	overflow-y:auto;
	overflow-x:hidden;
	padding-right:18px;
}
.tipNote
{
	padding: 10px;
	width:400px;
	position: absolute;
	border: 1px solid #DDD;
	background-color: #F7F7F7;
	-webkit-box-shadow: 2px 2px 2px #A0A0A0;
	-moz-box-shadow: 2px 2px 2px #A0A0A0;
	box-shadow: 2px 2px 2px #A0A0A0;
	max-height:400px;
	overflow-y:auto;
}
.tipView
{
	border: 1px solid #0000CC;
	padding: 4px;
	max-width:350px;
	position: absolute;
	background-color: #FFFFFF;
}
.note IMG
{
	border-style: none;
}
.note label
{
	overflow: hidden;
	white-space:nowrap;
	margin-left:2px;
}
.note td,.note table,.note tbody
{
	padding:0px !important;
	border-style: none  !important;
}

.titleBlock
{
	font-size: 14px;	
	background-color: #3366FF;
	color: #FFFFFF;
	padding: 4px;
}
.titleText
{
	font-weight: bold;	
}

/*============================================================================*/
/*==============================BlockHome=====================================*/
/*============================================================================*/

.cBlockHome
{
	padding:5px;
	width:49%;
	float:left;
}

.cBlockHome a
{
	color:#3d76ff;
}
.cBlockHome a:hover
{
	color:#ff3600;
}

@media screen and (max-width: 600px) {
	.cBlockHome {
		width:96%;
	}
}

@media screen and (max-width: 1000px) {
	.cBlockHome {
		width:98%;
	}
}

.blockHomeAll
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #d4d4d4;
	margin-bottom:10px;
	-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.3);
	box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.3);
	background-color:#fff;
}

.blockHome
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #d4d4d4;
	margin-bottom:10px;
	-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.3);
	box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.3);
	width:100%;
	background-color:#fff;
}
.blockHome .titleNotice
{
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	border-bottom:1px solid #d4d4d4;
	height: 20px;
	color: #283b56;
	padding: 5px;
	font-size: 13px;
	font-weight: bold;
	
	background: #fceabb; /* Old browsers */
background: -moz-linear-gradient(top,  #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceabb), color-stop(50%,#fccd4d), color-stop(51%,#f8b500), color-stop(100%,#fbdf93)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */
	cursor:move;
}
.blockHome .title
{
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	border-bottom:1px solid #d4d4d4;
	height: 20px;
	color: #283b56;
	padding: 5px;
	font-size: 13px;
	font-weight: bold;
	
	background: #ebf1f6; /* Old browsers */
background: -moz-linear-gradient(top,  #ebf1f6 0%, #abd3ee 50%, #89c3eb 51%, #d5ebfb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf1f6), color-stop(50%,#abd3ee), color-stop(51%,#89c3eb), color-stop(100%,#d5ebfb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=0 ); /* IE6-9 */
	cursor:move;
	position:relative;
}
.blockHome .titleNotice a,
.blockHome .title a
{
	color:#283b56;
	font-size:13px;
	text-decoration:none;
}
.blockHome .titleNotice .showAll,
.blockHome .title .showAll
{
	float:right;
	padding:2px 10px 0 0;
}
.blockHome .title .cChooseDate
{
	position:absolute;
	top:5px;
	right:80px;
}
.blockHome .title .cChooseViewApproved
{
	position:absolute;
	top:5px;
	right:200px;
}
.blockHome .titleNotice a:hover,
.blockHome .titleNotice .showAll:hover,
.blockHome .title a:hover,
.blockHome .title .showAll:hover
{
	color:#ff5400;
}

.blockHome .content
{
	padding:5px;
}

.blockHome .listDiscussion
{
}

.blockHome .listDiscussion .iDis
{
	padding:3px;
}
.blockHome .cBtnDiscussion
{
	height:60px;
	position:relative;
	padding:5px;
}

.blockHome .cBtnDiscussion textarea
{
	width:100%;
	height:50px;
}

.blockHome .cBtnDiscussion input[type='button']
{
	padding: 3px;
	height: 55px;
	width:60px;
	margin: 0 0 0 10px;
}

.blockHome .listEm
{
	max-height:250px;
	overflow:auto;
}

.blockHome .listEm .iEm
{
	float:left;
	min-width:200px;
	padding:5px;
}

.blockHome .listEm .iEm img
{
	padding:5px;
}

.blockHome .listEm .iEm p
{
	padding:2px 0 0 0;
	margin:2px 0 0 0;
}

.cDiscussion
{
	height:60px;
	position:relative;
	padding:5px;
	width:680px;
	height: 140px;
}
.cDiscussion textarea
{
	width:600px;
	height:140px;
	position: absolute;
	top: 5px;
	left:5px;
}
.cDiscussion div {
	padding:3px;
}
.cDiscussion div input
{
	width:600px;
}
.cDiscussion input[type='button']
{
	padding: 3px;
	position: absolute;
	top: 5px;
	left: 615px;
	height: 140px;
	width:60px;
}

/*============================================================================*/
/*==============================BlockHome=====================================*/
/*============================================================================*/
.cIconIm
{
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin-right: 10px;
	height: 24px;
	line-height: 24px;
	padding:0 10px;
	outline: 0;
	position: relative;
	display: inline-block;
	background-color: #3b8200;
	background-image: -webkit-linear-gradient(top,#54bb00,#3b8200);
	background-image: -moz-linear-gradient(top,#54bb00,#3b8200);
	background-image: -ms-linear-gradient(top,#54bb00,#3b8200);
	background-image: -o-linear-gradient(top,#54bb00,#3b8200);
	background-image: linear-gradient(top,#54bb00,#3b8200);
	color: white;
	border: 1px solid transparent;
	text-shadow: 0 1px rgba(0, 0, 0, 0.1);
	text-transform: uppercase;
}
.cIconIm:hover
{
	background-color: #284e09;
	background-image: -webkit-linear-gradient(top,#408e00,#284e09);
	background-image: -moz-linear-gradient(top,#408e00,#284e09);
	background-image: -ms-linear-gradient(top,#408e00,#284e09);
	background-image: -o-linear-gradient(top,#408e00,#284e09);
	background-image: linear-gradient(top,#408e00,#284e09);
	color: white;
	border: 1px solid #152c01;
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
}

.cIcon
{
	padding:0 10px;
	border:1px solid #aaa;
	margin-left: -1px;
	background-color: transparent;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin-right: 10px;
	height: 24px;
	line-height: 24px;
	outline: 0;
	position: relative;
	display: inline-block;
	opacity: 0.8;
	background-image: -webkit-linear-gradient(top, #f9f9f9, #a9a9a9);
	background-image: linear-gradient(top, #f9f9f9, #a9a9a9);
	background-image: -moz-linear-gradient(top, #f9f9f9, #a9a9a9);
	background-image: -o-linear-gradient(top, #f9f9f9, #a9a9a9);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#a9a9a9));
}
.cIcon:hover
{
	border:1px solid #999;
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}
.cIcon div
{
	position: relative;
	display: inline-block;
}

.iconLabel
{
	background:url(../Images/BgIcon.png) no-repeat -48px 0; 
	width:24px; 
	height:24px;
}
.iconRecycle
{
	background:url(../Images/BgIcon.png) no-repeat 0 0; 
	width:24px; 
	height:24px;
}
.iconUpload
{
	background:url(../Images/BgIcon.png) no-repeat -24px 0; 
	width:24px; 
	height:24px;
}
.iconUnActive
{
	background:url(../Images/BgIcon.png) no-repeat -72px 0; 
	width:24px; 
	height:24px;
}
.iconAddNewFile
{
	background:url(../Images/BgIcon.png) no-repeat -96px 0; 
	width:24px; 
	height:24px;
}
.iconConfig
{
	background:url(../Images/Icons.png) no-repeat; 
	background-position:5px -898px;
	width:24px; 
	height:24px;
}
.iconGroupContact
{
	background:url(../Images/BgIcon.png) no-repeat -96px -24px; 
	width:24px; 
	height:24px;
}
.iconAddNewMail
{
	background:url(../Images/BgIcon.png) no-repeat -120px 0; 
	width:24px;
	height:24px;
}
.iconCommentMail
{
	background:url(../Images/BgIcon.png) no-repeat -120px -24px;
	width:24px;
	height:24px;
	float:left;
	margin-right:5px;
}
.iconReplyMail
{
	background:url(../Images/BgIcon.png) no-repeat 0 -24px; 
	width:24px; 
	height:24px;
	float:left;
	margin-right:5px;
}
.iconForwardMail
{
	background:url(../Images/BgIcon.png) no-repeat -24px -24px; 
	width:24px; 
	height:24px;
	float:left;
	margin-right:5px;
}
.iconMaximizeWindow
{
	background:url(../Images/BgIcon.png) no-repeat -48px -24px; 
	width:24px; 
	height:24px;
	float:left;
	margin-right:5px;
}
.iconMinimizeWindow
{
	background:url(../Images/BgIcon.png) no-repeat -72px -24px; 
	width:24px; 
	height:24px;
}
.iconDeleteMail
{
	background:url(../Images/BgIcon.png) no-repeat -24px -48px; 
	width:24px; 
	height:24px;
	float:left;
	margin-right:5px;
}
.iconPrintMail
{
	background:url(../Images/BgIcon.png) no-repeat 0 -48px; 
	width:24px; 
	height:24px;
	float:left;
	margin-right:5px;
}

.noBorder
{
	border:0 none #fff !important;
}
.noNote
{
	color:#e9e9e9;
	font-style:italic;
}

/*============================================================================*/
/*==========================MailBlockHome=====================================*/
/*============================================================================*/
.rowMail
{
	border-bottom:1px solid #e0e0e0;
}
.rowMail .colIsReceive
{
	float:left;
	width:20px;
	min-height:40px;
}
.rowMail .colIsReceive .iIsReceive
{
	background:url(/Images/Icons.png) no-repeat 50% -302px;
	font-size:0 !important;
	padding:0 !important;
	margin: 0 !important;
	height:16px;
	width:20px;
	margin-top:12px !important;
	cursor:pointer;
}
.rowMail .colIsReceive .iIsSent
{
	background:url(/Images/Icons.png) no-repeat 50% -282px;
	font-size:0 !important;
	padding:0 !important;
	margin: 0 !important;
	height:16px;
	width:20px;
	cursor:pointer;
	margin-top:12px !important;
}
.rowMail .colIsRead
{
	float:left;
	width:20px;
	min-height:40px;
}
.rowMail .colIsRead .iIsRead
{
	background:url(/Images/Icons.png) no-repeat 50% -242px;
	font-size:0 !important;
	padding:0 !important;
	margin: 0 !important;
	height:16px;
	width:20px;
	margin-top:12px !important;
	cursor:pointer;
}
.rowMail .colIsRead .iIsUnRead
{
	background:url(/Images/Icons.png) no-repeat 50% -222px;
	font-size:0 !important;
	padding:0 !important;
	margin: 0 !important;
	height:16px;
	width:20px;
	cursor:pointer;
	margin-top:12px !important;
}
.rowMail .colTotalComment
{
	float:left;
	width:24px;
	min-height:40px;
}
.rowMail .colTotalComment div
{
	margin-top:12px !important;
}

.rowMail .colContent
{
	float:left;
	width:380px;
	min-height:40px;
	padding-left:6px;
}

.rowMail .colContent .content
{
	padding:3px 3px 3px 3px;
	font-size:12px;
}
.rowMail .colInfo
{
	float:left;
	width:295px;
	min-height:40px;
	padding-left:6px;
}
.rowMail .colSendDate
{
	float:right;
	width:80px;
	min-height:40px;
}
.rowMail .colSendDate div
{
	padding:3px;
	text-align:right;
	font-size:12px;
}
.rowMail .colInfo .subject
{
	padding:3px 3px 3px 3px;
}
.rowMail .colInfo .subject a
{
	color:#007992;
	font-size:12px;
	text-decoration:none;
}
.rowMail .colInfo .subject a:hover
{
	color:#ff4e00;
}
.rowMail .createBy span
{
	padding:3px 3px 3px 3px;
	color:#909090;
	font-size:10px;
	font-weight:normal;
}

/*============================================================================*/
/*==========================MarkBlockHome=====================================*/
/*============================================================================*/
.totalMark
{
	color:Green;
	font-weight:bold;
}
.markTable
{
	
}
.markTable td
{
	border:0px none #000 !important;
	padding:2px !important;
}
.markTable .sep td
{
	font-size:0;
	height:3px;
}
.colorLevel
{
	float:left;
	margin-right:5px;
	border:1px solid #888;
	width:15px;
	height:15px;
}

/*---------------------- Comment ----------------------*/
.btnAddComment {
	-webkit-border-top-right-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-bottomright: 2px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	
	background: #a1c147; /* Old browsers */
	background: -moz-linear-gradient(top,  #a1c147 0%, #8fc400 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1c147), color-stop(100%,#8fc400)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a1c147 0%,#8fc400 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a1c147 0%,#8fc400 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a1c147 0%,#8fc400 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #a1c147 0%,#8fc400 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1c147', endColorstr='#8fc400',GradientType=0 ); /* IE6-9 */

	cursor:pointer;
	color:#000;
	border:1px solid #808080;
	line-height:12px;
	width: 10px;
	height:13px;
	font-size:12px;
}
.btnAddComment:hover
{
	background: #bddd49; /* Old browsers */
background: -moz-linear-gradient(top,  #bddd49 0%, #98e52b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bddd49), color-stop(100%,#98e52b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #bddd49 0%,#98e52b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #bddd49 0%,#98e52b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #bddd49 0%,#98e52b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #bddd49 0%,#98e52b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bddd49', endColorstr='#98e52b',GradientType=0 ); /* IE6-9 */
}

.hasComment {
	border: 1px solid #8a5603;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	display: block;
	height: 12px;
	width: 20px;
	color: #000;
	text-align: center;
	font-size: 9.5px;
	font-weight: normal;
	text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff;
	text-decoration: none;
	cursor: pointer;
	background: #f8b401; /* Old browsers */
	background: -moz-linear-gradient(top, #f8b401 0%, #de8901 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8b401), color-stop(100%,#de8901)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f8b401 0%,#de8901 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f8b401 0%,#de8901 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f8b401 0%,#de8901 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f8b401 0%,#de8901 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8b401', endColorstr='#de8901',GradientType=0 ); /* IE6-9 */
}
.noHasComment {
	background-color: #aeaeae;
	border: 1px solid #6c6c6c;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	display: block;
	height: 12px;
	width: 20px;
	color: #000;
	text-align: center;
	font-size: 10px;
	font-weight: normal;
	text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff;
	background-image: linear-gradient(top, #d8d8d8, #aeaeae);
	cursor:pointer;
}
.ghiChuCV {
	background-color: #e0dddd !important;
	border: 1px solid #e0dddd;
}
.cListCommentPopup {
	border: 1px solid #8c8c8c;
	background-color:whiteSmoke;
	-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 5px rgba(50, 50, 50, 0.75);
	margin-right:10px;
	position:absolute;
	width:500px;
}
.cListCommentPopup .cAllList
{
	min-height:50px;
	max-height:400px;
	padding:10px 10px 0 10px;
	overflow:auto;
}
.cListCommentPopup .arrowPop
{
	background-image: url('/Images/Icon-1.png');
	background-position:-14px -13px;
	background-repeat: no-repeat;
	height: 16px;
	width: 9px;
	right: -9px;
	top: 0px;
	margin-top: 40px;
	position:absolute;
}
.cListCommentPopup .btnFull
{
	background-image: url('/Images/BtnFull.jpg');
	background-position:0px 0px;
	background-repeat: no-repeat;
	height: 47px;
	width: 52px;
	right: 13px;
	top: 0px;
	position:absolute;
	z-index:500;
	cursor:pointer;
}
.cListCommentPopup .btnRestore
{
	background-image: url('/Images/BtnFull.jpg');
	background-position:0 -47px;
	background-repeat: no-repeat;
	height: 47px;
	width: 52px;
	right: 13px;
	top: 0px;
	position:absolute;
	z-index:500;
	cursor:pointer;
}
.popupLeft .arrowPop
{
	background-position:-5px -13px;
	left: -8px;
	top: 0px;
}
.cListCommentPopup .cList .titleMail
{
	background: #bfd255; /* Old browsers */
	background: -moz-linear-gradient(top,  #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#9ecb2d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */
	color:White;
	font-weight:bold;

	margin:-10px -10px 10px -10px;
	padding:10px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.comment-item
{
	clear: both;
	margin-bottom: 8px;
	position: relative;
}
.comment-item .c-avatar
{
	padding: 2px;
	width: 38px;
	height: 50px;
	display: block;
	float: left;
	margin-right: 10px;
	border: 1px solid #DFDFDF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 0px 5px #ebebeb;
	-webkit-box-shadow: 0 0px 5px #EBEBEB;
	-ms-box-shadow: 0 0px 5px #ebebeb;
	-o-box-shadow: 0 0px 5px #ebebeb;
	box-shadow: 0 0px 5px #EBEBEB;
}
.comment-item .c-avatar img
{
	width: 38px;
	height: 50px;
	border:0;
}
.comment-item p
{
	padding: 0;
	margin:0;
}
.comment-item .c-comAll
{
	margin-left: 58px;
	padding: 10px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	position: relative;
	border: 1px solid #DFDFDF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	color: #555;
	background-color:White;
}
.comment-item .c-comAll span
{
	font-size: 12px;
}

.comment-item .c-title
{
	padding:0 !important;
	margin:0 !important;
	color:#005586;
	font-size: 12px !important;
	display: block;
	margin-top: 5px;
	padding-top: 5px;
}
.comment-item .c-fullName
{
	display: block;
	font-size: 10px;
	padding:0;
	margin:0;
}
.comment-item .c-time
{
	display: block;
	color: #888;
	padding: 5px 0;
	position: absolute;
	right: 20px;
	top: 0px;
	font-size: 12px !important;
	margin-top: 5px;
}
.comment-item .c-content
{
	display: block;
	border-top: 1px solid #DFDFDF;
	color: #000;
	margin-top: 5px;
	padding-top: 5px;
}
.comment-item .c-arrow
{
	display: block;
	width: 10px;
	height: 20px;
	position: absolute;
	top: 0px;
	left: -9px;
	background: url(../Images/BgIcon.png) no-repeat;
	background-position: -150px 0;
}
.comment-item .c-iconFA
{
	cursor:default;
	float:left;
	padding:0 0 0 0; margin:0;
}
.comment-item .c-listFile
{
	border-top: 1px dashed #DFDFDF;
	font-size: 12px !important;
	margin-top: 5px;
	padding-top: 5px;
}
.comment-item .c-listFile ul
{
	padding:0 0 0 0; margin:0;
	list-style-type:none;
}
.comment-item .c-listFile li
{
	float:left;
	padding:0 3px 0 0;
}

.EORight
{
	background:url(/Images/Icons.png) no-repeat 50% -522px;
	width: 16px;
	height: 16px;
	display:block;
	float:left;
	margin: -1px 5px 0 0;
}

.EOWrong
{
	background:url(/Images/Icons.png) no-repeat 50% -542px;
	width: 16px;
	height: 16px;
	display:block;
	float:left;
	margin: -1px 5px 0 0;
}

.listAM
{
	overflow:auto;
	max-height:400px;
	line-height:15px;
	color:#484848;
}

.listAM .iAM 
{
	padding:3px;
}

.listAM .iAM .cConfirmation
{
	display:inline-block;
	border:1px solid #888;
	padding:2px 5px;
	margin: 0 0 0 5px;
	cursor:pointer;
	color:#fff;
	
	background: #a90329; /* Old browsers */
background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
background: linear-gradient(to bottom,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */

}
.listAM .iAM .cConfirmation:hover
{
	background: #8fc400; /* Old browsers */
	background: -moz-linear-gradient(top,  #8fc400 0%, #67a300 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fc400), color-stop(100%,#67a300)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #8fc400 0%,#67a300 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #8fc400 0%,#67a300 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #8fc400 0%,#67a300 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #8fc400 0%,#67a300 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc400', endColorstr='#67a300',GradientType=0 ); /* IE6-9 */

}

.listAM .iLine
{
	font-size:0;
	border-top:1px solid #c9c9c9;
	margin:3px 10px;
}

.isBonus
{
	color:Green;
}

.isPenalty
{
	color:Red;
}

.listAM .iAM .date {
	color:#ff4e00;
}

.listAM .iAM .info {
	color:#008dcb;
}

.listAM .iAM .msg {
}

.isBonus
{
	color:Green;
}

.isPenalty
{
	color:Red;
}
.acceptAss
{
	display:inline-block;
	border:1px solid #888;
	padding:2px 5px;
	margin: 0 0 0 5px;
	cursor:pointer;
	color:#fff;
	font-size:12px;
	
	background: #8fc400; /* Old browsers */
	background: -moz-linear-gradient(top,  #8fc400 0%, #67a300 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fc400), color-stop(100%,#67a300)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #8fc400 0%,#67a300 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #8fc400 0%,#67a300 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #8fc400 0%,#67a300 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #8fc400 0%,#67a300 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc400', endColorstr='#67a300',GradientType=0 ); /* IE6-9 */
	
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.noAcceptAss
{
	display:inline-block;
	border:1px solid #888;
	padding:2px 5px;
	margin: 0 0 0 5px;
	cursor:pointer;
	color:#fff;
	font-size:12px;
	
	background: #a90329; /* Old browsers */
background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
background: linear-gradient(to bottom,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.titleMailAss
{
	padding:10px;
	font-size:18px;
	text-align:center;
}

.tileLoi
{
	font-weight:bold;
}

.slTon label
{
	cursor:pointer;
	font-weight:bold;
	color:Red !important;
}
.lastNote td
{
	padding:0 !important;
}

.slMua label
{
	cursor:pointer;
	font-weight:bold;
	color:#00b934;
}

.slBan label
{
	cursor:pointer;
	font-weight:bold;
	color:#3D76FF;
}

.colStock
{
	background-color:#FFF0F0;
}

.colBuy
{
	background-color:#ECFFDD;
}

.colSell
{
	background-color:#DBFBFF;
}

.containerGV .gridView tr.selectionBgColor .colStock,
.containerGV .gridView tr.selectionBgColor .colBuy,
.containerGV .gridView tr.selectionBgColor .colSell
{
	background-color: #5f5c00 !important;
	background-image: -webkit-linear-gradient(top, #a29d00, #5f5c00);
	background-image: linear-gradient(top, #a29d00, #5f5c00);
	background-image: -moz-linear-gradient(top, #a29d00, #5f5c00);
	background-image: -o-linear-gradient(top, #a29d00, #5f5c00);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#a29d00), to(#5f5c00));
	color: #fff !important;
}
.containerAllBTD .containerGV .cBody tr.hover .colStock,
.containerAllBTD .containerGV .cBody tr.hover .colBuy,
.containerAllBTD .containerGV .cBody tr.hover .colSell,
.containerGV .gridView tr.bgColor:hover .colStock,
.containerGV .gridView tr.bgColor:hover .colBuy,
.containerGV .gridView tr.bgColor:hover .colSell,
.containerGV .gridView tr.alternatingBgColor:hover .colStock,
.containerGV .gridView tr.alternatingBgColor:hover .colBuy,
.containerGV .gridView tr.alternatingBgColor:hover .colSell,
.containerGV .gridView tr.selectionBgColor:hover .colStock,
.containerGV .gridView tr.selectionBgColor:hover .colBuy,
.containerGV .gridView tr.selectionBgColor:hover .colSell
{
	background-color:#FFFF99 !important;
	background-image: -webkit-linear-gradient(top, #fdfde0, #ffff99);
	background-image: linear-gradient(top, #fdfde0, #ffff99);
	background-image: -moz-linear-gradient(top, #fdfde0, #ffff99);
	background-image: -o-linear-gradient(top, #fdfde0, #ffff99);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfde0), to(#ffff99));
	color:Black !important;
}

.boxSave {
	background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
	border: 1px solid #888;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
	.boxSave .body {
		padding:10px 10px 0 10px !important;
		margin:0;
	}

.cBranchDepartment {
	position:relative;
}
	
.cBranchDepartment .cFunction {
	background-color:#fff;
	position:absolute;
	top:-2px;
	right:-12px;
	z-index:10;
}

.cCodeProduct {
	position:relative;
}
	
.cCodeProduct .cFunction {
	background-color:#fff;
	position:absolute;
	top:-2px;
	right:0px;
	z-index:10;
}

.inputFill {
	border: 0px none #000000;
	border-bottom: 1px dashed #000000;
	background-color: transparent;
	width:80px;
	padding:0;
}

.cListItemSearch {
	border:1px solid #888;
	background:#fff;
	max-height:300px;
	max-width:500px;
	overflow-y:auto;
	z-index:800000;
}
	.cListItemSearch div {
		padding:3px;
		white-space:nowrap;
		cursor:pointer;
	}
	.cListItemSearch div:hover {
		background:#B2C4E0;
		color:White;
	}

	.cConLastPhone {
		width:100%;
		margin:4px 0 5px 0;
	}
	.cConLastPhone .phoneNumber {
		width:15%;
		background:#000;
		color:red;
		font-size:28px;
		border:1px solid #888;
		height:30px;
		text-align:center;
		vertical-align:top;
	}
	.cConLastPhone .address {
		width:85%;
		font-size:28px;
		background:#f7f200;
		color:red;
		border:1px solid #888;
		height:30px;
	}
	

/*============================================================================*/
/*==============================menuRight=====================================*/
/*============================================================================*/


.menuRight .containerMenuBTDFirst
{
	font-size:12px;
	font-family:Tahoma, Arial, sans-serif;
	padding:0px; margin:0px; 
	background-color:#F0F0F0;
	background-image:url("/ToolsJS/Menu/Images/BgMenu.gif");
	background-repeat:repeat-y;
	background-position:left;
	position:absolute;
	-webkit-box-shadow: 2px 2px 2px #A0A0A0;
	-moz-box-shadow: 2px 2px 2px #A0A0A0;
	box-shadow: 2px 2px 2px #A0A0A0;
	border:solid 1px #BCBCBC;
	padding-top:2px;
	z-index:50000;
}

.menuRight .containerMenuBTDFirst .bgLine
{
	font-size:0px;
	background-image:url("/ToolsJS/Menu/Images/BgLine.gif");
	background-repeat:repeat-x;
	height:3px;
	margin-left:40px;
}

/*=================================Item===================================*/
.menuRight .containerMenuBTDFirst .item
{
	height:22px;
	margin:1px 5px 3px;
}

.menuRight .containerMenuBTDFirst .item .bgL
{
	padding-left:0px;
}

.menuRight .containerMenuBTDFirst .item .bgR
{
	padding-right:5px;
}

.menuRight .containerMenuBTDFirst .item .bgC
{
}

.menuRight .containerMenuBTDFirst .item .bgIcon
{
	padding-left:20px;
	background-repeat:no-repeat;
	background-position:center left;
	position:relative;
}

.menuRight .containerMenuBTDFirst .item .bgIcon img
{
	position:absolute;
	top:2px;
	left:2px;
}


.menuRight .containerMenuBTDFirst .item .contentMenu
{
	height:18px;
	padding:5px 0;
	display:table-cell;
}

.menuRight .containerMenuBTDFirst .item .contentMenu .title
{
	display:inline-block; float:left; padding:0 10px;
	white-space: nowrap;
	cursor:default;
}

.menuRight .containerMenuBTDFirst .item .contentMenu .shortcut
{
	display:inline-block; float:right; padding-left:10px;
	cursor:default;
}

/*=================================Chấm công===================================*/

.s-OFF
{
	background-color:#e8ffc2;
}

.s-Om
{
	background-color:#e8ffc2;
}

.s-C
{
	background-color:#e8ffc2;
}

.s-TS
{
	background-color:#e8ffc2;
}

.s-L
{
	background-color:#e8ffc2;
}

.s-P
{
	background-color:#e8ffc2;
}

.s-K
{
	background-color:#ff4e00;
	color:#fff !important;
}

/*=================================baseInfoUser===================================*/

.baseInfoUser {

}

.baseInfoUser td {
	padding-left:5px;
}

.baseInfoUser input[type=file] {
	padding:0px !important;
}

.cNoImage {
	background-image: url('../Images/NoImage.png');
	background-position:center center;
	background-repeat:no-repeat;
	width:100px;
	height:100px;
	border:1px solid #e0e0e0;
	margin-bottom:5px;
}

.cNoImage img {
	max-width:100px;
	max-height:100px;
}

.pac-container {
	z-index:1000000;
}


.weekend {
	background-color:#cfffa0;
}

.cChooseFile {
	position: relative;
	width: 100px;
	height: 130px;
	margin: auto;
}

	.cChooseFile input {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1000;
		opacity: 0;
		filter: alpha(opacity=0);
		cursor: pointer;
		width: 100px;
		height: 125px;
		cursor: pointer !important;
	}

.morning b {
	cursor:pointer;
}
.afternoon b {
	cursor: pointer;
}
.allDay b {
	cursor: pointer;
}
.overtime b {
	cursor: pointer;
}

::-webkit-scrollbar {
	-webkit-appearance: none;
}

	::-webkit-scrollbar:vertical {
		width: 12px;
	}

	::-webkit-scrollbar:horizontal {
		height: 12px;
	}

::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, .5);
	border-radius: 10px;
	border: 2px solid #ffffff;
}

::-webkit-scrollbar-track {
	border-radius: 10px;
	background-color: #ffffff;
}

.canNotSee {
	background-image: url(/ToolsJS/GridView/Images/IconEye.png);
	background-repeat: no-repeat;
	background-position: 0 2px;
	width: 20px;
	height: 20px;
	margin-left: 5px;
	cursor: pointer;
}
.canSee {
	background-image: url(/ToolsJS/GridView/Images/IconEye.png);
	background-repeat: no-repeat;
	background-position: -25px 2px;
	width: 20px;
	height: 20px;
	margin-left: 5px;
	cursor: pointer;
}

.colTotal {
	background-color: #eee;
	font-weight: bold;
}