﻿body
{
    font-family: Arial Tahoma;
    font-size: 12px;
    border: 0;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    color: #555555;
    background-color: #379BB9;
}

/* CSS To change placeholder (watermark) text color of textbox and textarea */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder
{
    color: #AAAAAA;
    font-style:italic;
}
/* CSS  To change placeholder (watermark) text color of textbox and textarea Firefox browser version < 19 */
input:-moz-placeholder, textarea:-moz-placeholder
{
    color: #AAAAAA;
    font-style:italic;
    opacity: 1;
}
/*  CSS To change placeholder (watermark) text color of textbox and textarea Firefox browser > 19 */
input::-moz-placeholder, textarea::-moz-placeholder
{
    color: #AAAAAA;
    font-style:italic;
    opacity: 1;
}
/*  CSS To change placeholder (watermark) text color of textbox and textarea Internet Explorer 10 */
input:-ms-input-placeholder, textarea:-ms-input-placeholder
{
    color: #AAAAAA;
    font-style:italic;
}

.HVCT_blueFrame
{
	background-color: #B5DEEA;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	border: solid 1px #FFFFFF;
	padding:10px;
}

.HVCT_blueFrame2
{
	background-color: #E9F0FA;
	border: solid 1px #CCDAE5;
	padding:10px;
}

.divPhieu
{
	background-color: #FFFFFF;
	background-image:url(../images/bgPhieu.jpg);
	background-repeat: repeat-y;
	background-position:center top;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	border: solid 1px #CCDAE5;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, .3);
	padding:10px;
}

.chonUngVien
{
	font-style:normal;
}

.khongChonUngVien
{
	background-image:url(../images/line02.jpg);
	background-repeat: repeat-x;
	background-position:center center;
	font-style:italic;
}

.divIsChon
{
	background-image:url(../images/duyet-icon.png);
	background-repeat: no-repeat;
	width:25px;
	height:25px;
}

.WhiteFrame
{
	background-color: rgba(255, 255, 255, 0.9);
	border-radius: 8px;
	-webkit-border-radius: 8px;
	padding:30px;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
	/*border: solid 1px #E8C595;*/
}
.div_TextBoxUsername
{
	background-color:#FFFFFF;
	border-radius: 4px;
	-webkit-border-radius: 4px;	
	background-image:url(../images/username.jpg);
	background-repeat:no-repeat;
	width:250px;
	padding:4px;
	padding-left:35px;
	border:solid 1px #3DB3EB;
}
.div_TextBoxPassword
{
	background-color:#FFFFFF;
	border-radius: 4px;
	-webkit-border-radius: 4px;	
	background-image:url(../images/password.jpg);
	background-repeat:no-repeat;
	width:250px;
	padding:4px;
	padding-left:35px;
	border:solid 1px #3DB3EB;
}

.HVCT_breadcrumb
{
	background:url(../images/breadcrumbBG.jpg);
}
.HVCT_leftArrow
{
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 4.5px 4px 4.5px 0;
	line-height: 0px;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.HVCT_rightArrow
{
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 4.5px 0 4.5px 4px;
	line-height: 0px;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.HVCT_td_bgBlue td
{
    background-color: #e6eef0 !important;
    border-bottom: #e6eef0 !important;
}

.HVCT_tr_bgGray td
{
    background-color: #F0F0F0 !important;
}

.HVCT_button
{
    outline: none;
    display:inline-block;
}

.HVCT_emptyData
{
    font-family: Arial, Tahoma;
    font-size: 12px;
    color: #333333;
    font-weight: bold;
}
.HVCT_text
{
    font-family: Arial, Tahoma;
    font-size: 12px;
    color: #333333;
}
.HVCT_textBlack
{
    font-family: Arial, Tahoma;
    font-size: 12px;
    color: #000000; 
}
.HVCT_textSmall
{
    font-family: Arial, Tahoma;
    font-size: 11px;
    color: #666666;
}
.HVCT_textBoxSearch
{
    font-family: Arial, Tahoma;
    font-size: 12px;
    color: #333333;
    background-color:#D2E0EC;
    border:solid 1px #FFFFFF;
}

.TextBox_noBoder
{
	font-family: Arial, Tahoma;
	color: #666666;
    font-size: 13px;
    font-weight: bold;
    border:solid 0px #FFFFFF;
}

.HVCT_textBold
{
    font-family: Arial, Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #666666;
}

.HVCT_textBoldBlack
{
    font-family: Arial, Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}

.HVCT_textBoldSmall
{
    font-family: Arial, Tahoma;
    font-size: 10px;
    font-weight: bold;
    color: #666666;
}
.HVCT_textTitle
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: #3399CC;
}

.HVCT_textTitleBlack
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 15px;
    color: #000000; 
}

.HVCT_textRed
{
    font-family: Arial, helvetica, Sans-Serif;
    font-size: 14px;
    color: #C00000;
}
.HVCT_textBlue
{
    font-size: 14px;
    color: #0099CC;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    font-weight: bold;
}

.HVCT_textGray
{
    font-size: 12px;
    color: #85929A;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    font-weight: bold;
}
.HVCT_textKey
{
    font-size: 12px;
    color: #3399CC !important;
    font-family: Arial, Helvetica, sans-serif !important;
    text-align: left;
    font-weight: bold;
}

.HVCT_textMessage
{
    font-size: 12px;
    color: #CC7A00 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: bold;
}

.HVCT_textNote
{
    font-size: 12px;
    color: #0066CC !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: bold;
}

.HVCT_textNote td
{
    font-size: 12px;
    color: #0066CC !important;
    font-family: Arial, Helvetica, sans-serif !important;
    text-align: center;
    font-weight: bold;
}

.HVCT_textRight
{
    font-size: 12px;
    color: #131313;
    font-family: Arial, Helvetica, sans-serif;
    text-align: right;
}
.HVCT_textCenter
{
    font-size: 12px;
    color: #131313;
    font-family: Arial;
    text-align: center;
}
.HVCT_textWhite
{
    font-size: 12px;
    color: #FFFFFF !important;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}
.HVCT_smallText
{
    font-family: Arial, Tahoma;
    font-size: 10px;
    color: #666666;
}
.HVCT_title
{
    font-size: 18px !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; /*arial,MS Sans Serif,sans-serif;*/
    color: #3399CC;
    font-weight: bold;
}
.HVCT_titleWhite
{
    font-size: 22px !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; /*arial,MS Sans Serif,sans-serif;*/
    color: #FFFFFF;
    font-weight: bolder;
}
.HVCT_titleBlue
{
    font-size: 16px !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; /*arial,MS Sans Serif,sans-serif;*/
    color: #4999B4;
    font-weight: bolder;
}

.HVCT_titleGray
{
    font-size: 16px !important;
    line-height:35px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; /*arial,MS Sans Serif,sans-serif;*/
    color: #888888;
    font-weight: bold;
}
.HVCT_titleOrange
{
    font-size: 16px;
    font-family: arial,MS Sans Serif,sans-serif;
    color: #E0591F; /*#FF6600;*/
    font-weight: bold;
}
.HVCT_titleRed
{
    font-size: 15px !important;
    font-family: arial,MS Sans Serif,sans-serif;
    color: #FF6600;
    font-weight: bold;
}
.HVCT_iconOrange
{
    background-image: url(../images/icon02.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.HVCT_link
{
    font-size: 12px;
    font-family: arial, Tahoma;
    color: #3399CC;
    text-decoration: none;
}
.HVCT_link:hover
{
    font-size: 12px;
    font-family: arial, Tahoma;
    color: #EE5C1E;      
}

.HVCT_linkWhite
{
    font-size: 12px;
    font-family: arial, Tahoma;
    color: #FFFFFF;
    text-decoration: none;
    font-weight:bold;
}
.HVCT_linkWhite:hover
{
    font-size: 12px;
    font-family: arial, Tahoma;
    color: #FFFF00;
    font-weight:bold;
}

.HVCT_linkBold
{
    font-size: 12px;
    font-family: arial, Tahoma;
    color: #3399CC;
    text-decoration: none;
    font-weight:bold;
}
.HVCT_linkBold:hover
{
    font-size: 12px;
    font-family: arial, Tahoma;
    color: #EE5C1E;
    font-weight:bold;
}
.HVCT_leftTopBlueFrame
{
    background-image: url(../images/leftTopBlueFrame.png);
    background-position: left top;
    font-family: Arial;
    font-size: 5px;
}
.HVCT_centerTopBlueFrame
{
    background-image: url(../images/centerTopBlueFrame.jpg);
    background-position: left top;
    font-family: Arial;
}
.HVCT_rightTopBlueFrame
{
    background-image: url(../images/rightTopBlueFrame.png);
    background-position: right top;
    font-family: Arial;
    font-size: 5px;
}
.HVCT_leftMidleBlueFrame
{
    background-image: url(../images/leftMidleBlueFrame.jpg);
    background-position: left top;
}
.HVCT_rightMidleBlueFrame
{
    background-image: url(../images/rightMidleBlueFrame.jpg);
    background-position: right top;
}
.HVCT_backLeftTree
{
    background-image: url(../images/backLeftTree2.jpg);
    background-repeat: repeat-y;
    background-position: inherit;
    height: 80%;
}
.HVCT_leftBottomBlueFrame
{
    background-image: url(../images/leftBottomBlueFrame.png);
    font-family: Arial;
    font-size: 8px;
    background-position: left bottom ;
}
.HVCT_centerBottomBlueFrame
{
    background-image: url(../images/centerBottomBlueFrame.jpg);
    font-family: Arial;
    background-position: center bottom;
}
.HVCT_rightBottomBlueFrame
{
    background-image: url(../images/rightBottomBlueFrame.png);
    font-family: Arial;
    font-size: 8px;
    background-position: right bottom ;
}
.HVCT_loginIcon
{
    background-image: url(../images/login.png);
    background-repeat: no-repeat;
    background-position:top right;
    font-size: 18px;
    font-family: arial, Tahoma;
}
.HVCT_iconLabel
{
    background-image: url(../images/iconLabel.png);
    background-repeat: no-repeat;
    background-position: center center;
    font-size: 18px;
    font-family: arial, Tahoma;
}
.HVCT_iconTopLabel
{
    background-image: url(../images/iconLabel.png);
    background-repeat: no-repeat;
    background-position: top center;
    font-size: 18px;
    font-family: arial, Tahoma;
}
.HVCT_titleWithBackground
{
    background-image: url(../images/backTitle.jpg);
    background-repeat: repeat-x;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
}
.HVCT_midleTD
{
    background-image: url(../images/midleTD.jpg);
    font-family: Arial;
    font-size: 18pt;
}

.HVCT_toolBar
{
    background-image: url(../images/toolBarBG.jpg);
}

.HVCT_toolBar td
{
    background-color: Transparent !important;
    border-bottom-style: none !important;
}

.HVCT_groupToolbar
{
    -moz-transition: all 0.218s ease 0s;
    -moz-user-select: none;
    	border: 1px solid #9DCDF9;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 0px 1px rgba(0, 0, 0, 0.1);
	cursor: pointer;
	height: 55px;
	outline: medium none;
	padding: 1px 1px 0px 2px;
	text-align: center;
	background: linear-gradient(to bottom, #D1E7FC, #BBDCFB);
}

.HVCT_smallToolBar
{
    background-image: url(../images/smallToolBarBG.jpg);
}

.HVCT_smallToolBar td
{
    background-color: Transparent !important;
    border-bottom-style: none !important;
}

.HVCT_treeNormalStyle
{
    padding-right: 1px;
    padding-left: 1px;
    padding-bottom: 1px;
    color: #527A8F !important;
    border-top-style: none;
    padding-top: 1px;
    border-right-style: none;
    border-left-style: none;
    background-color: transparent;
    border-bottom-style: none;
    font-family: Arial, Tahoma;
    font-weight: bold;
    font-size: 12px;
    outline: none;
}
.HVCT_treeHoverStyle
{
    padding-right: 1px;
    padding-left: 1px;
    padding-bottom: 1px;
    color: #FF6600 !important;
    border-top-style: none;
    padding-top: 1px;
    border-right-style: none;
    border-left-style: none;
    background-color: transparent;
    border-bottom-style: none;
    font-family: Arial, Tahoma;
    font-weight: bold;
    font-size: 12px;
}
.HVCT_treeDisabledStyle
{
    background-color: transparent;
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;
    border-top-style: none;
    color: Gray !important;
    padding-bottom: 1px;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
    font-family: Arial, Tahoma;
    font-weight: bold;
    font-size: 12px;
}
.HVCT_treeSelectedStyle
{
    padding: 0px;
	background-color: Silver !important;
    	border-bottom-color: #999999 !important; /*border-bottom-style: solid !important;*/
    	border-bottom-width: 1px !important;
    	border-left-color: #999999 !important; /*border-left-style: solid !important;*/
    	border-left-width: 1px !important;
    	border-right-color: #999999 !important; /*border-right-style: solid !important;*/
    	border-right-width: 1px !important;
    	border-top-color: #999999 !important; /*border-top-style: solid !important;*/
    	border-top-width: 1px !important;
    	color: white !important;
    	font-family: Arial, Tahoma !important;
    	font-weight: bold;
    	font-size: 12px !important;
}
.HVCT_gridGrayStyle_header
{
    background-image: url(../images/Grid_GrayStyle/headerbg.jpg);
    font-family: Arial;
    font-size: 12px;
    color: #5F6B74;
    padding-left: 8px;
}
.HVCT_itemCreatedBackground
{
    background-color: #009900;
}
.HVCT_itemUpdatedBackground
{
    background-color: #009999;
}
.HVCT_itemDeletedBackground
{
    background-color: #14FFFF;
}
.HVCT_operationSuccessBackground
{
    background-color: #999900;
}
.HVCT_operationFailureBackground
{
    background-color: #990000;
}
.HVCT_exceptionBackground
{
    background-color: #FF1414;
}

.HVCT_EditItem
{
    background-color: #8FBC8F;
}
.HVCT_SelectedItem
{
    background-color: #9ACD32;
}
.HVCT_InsertItem
{
    background-color: #FFFACD;
}

.HVCT_error
{
    color: #FF0000;
    height: 25px;
    vertical-align: middle;
    text-align: center;
    font-family: "Tahoma";
    font-size: 11px;
}
hr
{
    border: solid 1px #CBD8E0;
    border-collapse: collapse;
}
.HVCT_normal_text
{
    font-family: Arial, Tahoma;
    color: #5F6B74;
    font-size: 11px;
}
.HVCT_bold_blue_text
{
    font-family: Arial, Tahoma;
    color: #43608B;
    font-weight: bold;
    margin-bottom: 10px;
}

.HVCT_tableNoBorder
{
    color: #5F6B74;
    padding: 0;
    margin: 0;
    font-family: Arial;
    font-size: 12px;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0px solid Transparent;
}
.HVCT_tableNoBorder td
{
    border: 0px solid Transparent;
    padding-left: 4px;
}
.HVCT_tableNoBorder th
{
    vertical-align: middle;
    font-weight: bold;
    border: 0px solid Transparent;
    padding-left: 4px;
}

.danhSachPhieu_table
{
	border-collapse: collapse;
    border-spacing: 0;
}

.danhSachPhieu_table td
{
    padding: 3px;
}

.danhSachUngVien_table
{
	font-family: Arial;
    border-collapse: collapse;
    border-spacing: 0;
}

.danhSachUngVien_table th
{
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    border-top: 1px solid #E9EAEB;
    padding: 4px;
}
.danhSachUngVien_table td
{
    border-top: 1px solid #E9EAEB;
    padding: 4px;
    font-size: 14px;
}

.HVCT_table
{
    color: #5F6B74;
    padding: 0;
    margin: 0;
    font-family: Arial;
    font-size: 12px;
    border-collapse: collapse;
    border-spacing: 0;
}
.HVCT_table td
{
    border: 1px solid #CBD8E0;
    padding: 2px;
}
.HVCT_table th
{
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    border: 1px solid #CBD8E0;
    padding: 6px;
}
.HVCT_table tr.header, .HVCT_table th.header
{
    background-image: url(../images/grd_head.png);
    height: 28px;
    text-align: center;
    font-weight: bold;
    padding-left: 0;
}

/*
.HVCT_table tr.header td
{
    background-image: url(../images/grd_head.png);
    height: 25px;
    text-align: center;
    font-weight: bold;
    border: 1px solid #CBD8E0;
    padding-left: 0;
}*/

.HVCT_table tr.header td a:link
{
    text-decoration:none;
}

.HVCT_table tr.header th a:link
{
    text-decoration:none;
}
.HVCT_table tr.footer
{
    background-image: url(../images/grd_head.png);
    height: 25px;
    border: 1px solid #CBD8E0 !important;
    word-spacing: 4px;
}
.HVCT_table tr.footer td
{
    color: #5F6B74 !important;
    background-color: #F0F7FA !important;
    border: 0;
}

.HVCT_table tr.normal
{
    color: #5F6B74 !important;
    background-color: White !important;
    height: 25px;
    vertical-align: middle;
    text-align: left;
}
.HVCT_table tr.alternate
{
    color: #5F6B74 !important;
    background-color: #F0F7FA !important;
    height: 25px;
    vertical-align: middle;
    text-align: left;
}
.HVCT_table tr.normal a:link, .HVCT_table tr.alternate a:link
{
    text-decoration: none;
    color: #0F7A9D;
    text-align: left;
}
.HVCT_table tr.normal a:link:hover, .HVCT_table tr.alternate a:link:hover
{
    color: #FFFFFF;
    text-align: left;
}
.HVCT_table tr.selected_row
{
    background-color: #85B0D3 !important;
    height: 25px;
    vertical-align: middle;
    text-align: left;
}
.HVCT_table tr.selected_row a:link
{
    color: #FFFFFF !important;
    text-decoration: none;
    text-align: left;
}
.HVCT_table tr.normal:hover, .HVCT_table tr.alternate:hover
{
    color: #FFFFFF !important;
    background-color: #78CDED !important;
    height: 25px;
    text-align: left;
}

/* -------- CSS for ajax__myTab ------------ */
.ajax__myTab .ajax__tab_header
{
    font-family: Tahoma, Arial;
    font-size: 11px;
    background-color: #DCE6F5;
    background-image: url(../images/tabHeaderBG.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
    padding-bottom: 3px;
}
.ajax__myTab .ajax__tab_outer
{
    padding-left: 0px;
    height: 22px;
    background-image: url(../images/tabbg_disactived.jpg);
    margin-left: 2px;
    border-right: solid 1px #6f9dd9;
    border-top: solid 1px #6f9dd9;
    border-left: solid 1px #6f9dd9;
    cursor: pointer;
}
.ajax__myTab .ajax__tab_inner
{
    padding-left: 3px;
    background-image: url(wpresources/skin/images/HeaderBlue.png);
}
.ajax__myTab .ajax__tab_tab
{
    margin: 0;
    outline: none;
}
.ajax__myTab .ajax__tab_hover .ajax__tab_outer
{
    background-image: url(../images/tabbg_disactived_hover.jpg);
}
.ajax__myTab .ajax__tab_hover .ajax__tab_inner
{
    color: #FF0000;
}
.ajax__myTab .ajax__tab_hover .ajax__tab_tab
{
}
.ajax__myTab .ajax__tab_active .ajax__tab_outer
{
    border-top: Solid 1px #6f9dd9;
    border-left: Solid 1px #6f9dd9;
    border-right: Solid 1px #6f9dd9;
    background-image: url(../images/tabbg_actived.jpg);
}
.ajax__myTab .ajax__tab_active .ajax__tab_inner
{
    background-image: url(../images/tabbg_actived.jpg);
    font-family: Tahoma, Arial;
    font-size: 11px;
    font-weight: bold;
    color: #416AA3 !important;
}
.ajax__myTab .ajax__tab_active .ajax__tab_tab
{
}
.ajax__myTab .ajax__tab_body
{
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    border-top: 0;
    background-color: #ffffff;
    overflow: auto;
}

.ajax__myTabNoheader .ajax__tab_header
{
    height:0px;
}
/* CSS for Button */
.HVCT_buttonOver 
{
    -moz-transition: all 0.218s ease 0s;
    -moz-user-select: none;
    	border: 1px solid #C6C6C6;
	border-radius: 2px 2px 2px 2px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	cursor: pointer;
	height: 27px;
	line-height: 24px;
	outline: medium none;
	padding: 0 8px;
	text-align: center;
	background-image: linear-gradient(top,whiteSmoke,#F1F1F1);
	font-family: arial,sans-serif;
	font-weight:bold;
	color: #666666;
}

.HVCT_buttonNormal 
{
    -moz-transition: all 0.218s ease 0s;
    -moz-user-select: none;
    	border-radius: 2px 2px 2px 2px;
	cursor: pointer;
	height: 27px;
	line-height: 27px;
	outline: medium none;
	padding: 0 8px;
	text-align: center;
	background-image: linear-gradient(top,whiteSmoke,#F1F1F1);
}
.HVCT_buttonText 
{    
    font-family: Arial;
    font-size:12px;
    font-weight:bold;
    color: #818181;
    text-decoration: none;
}

.HVCT_colorCheckbox
{
	width: 14px; 
	height: 14px; 
	display: inline-block;
	cursor: pointer;
}

.HVCT_selectedColorCheckbox
{
	background: url('../images/selected-icon.png') no-repeat;
    height: 10px;
    width: 10px;
    margin-left: 2px;
    margin-top: 2px;
}


.HVCT_userControlFooterDiv
{
    height: 300px;
}

.HVCT_textboxDisable
{
    font-family: Arial, Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #3399CC;
    border:0px;
    background-color:Transparent;
    text-align: center;    
}
.HVCT_hide
{
    display: none;
}
.HVCT_display
{
    display: block;
}
.HVCT_selectedArea
{
     background-color:#FFD1B2;
}
.HVCT_deSelectedArea
{
     background-color:white;
}
.HVCT_tableDiem
{
    color: #5F6B74;
    padding: 0;
    margin: 0;
    font-family: Arial;
    font-size: 12px;
    border-collapse: collapse;
    border-spacing: 0;
}
.HVCT_tableDiem td
{
    border: 1px solid #CBD8E0;  
    height:30px;  
    min-width:50px;
    width:50px;
    text-align: center;
    white-space:nowrap;
}
.HVCT_tableDiem tr.header
{
    background-image: url(../images/grd_head.png);    
    text-align: center;
    font-weight: bold;
    padding-left: 0;
}
.HVCT_tableDiem .header td
{
    height:24px;
    min-width:50px;
    width:50px;   
    white-space:pre-wrap !important; 
}
.HVCT_tableDiem tr.normal
{
    color: #5F6B74 !important;
    background-color: White !important;
    height: 25px;
    vertical-align: middle;
    text-align: left;
}
.HVCT_tableDiem tr.alternate
{
    color: #5F6B74 !important;
    background-color: #F0F7FA !important;
    height: 25px;
    vertical-align: middle;
    text-align: left;
}
.HVCT_tdGhiChu
{
    min-width:100px !important; 
    width:100px !important;
}
.HVCT_tdHeaderGhiChu
{
    min-width:120px !important; 
    width:120px !important;
}

.HVCT_tableDD
{
    color: #5F6B74;
    padding: 0;
    margin: 0;
    font-family: Arial;
    font-size: 12px;
    border-collapse: collapse;
    border-spacing: 0;
}
.HVCT_tableDD td
{
    border: 1px solid #CBD8E0;  
    height:24px;  
    min-width:110px;
    width:110px;
    text-align: center;
    white-space:nowrap;
}
.HVCT_tableDD tr.header
{
    background-image: url(../images/grd_head.png);    
    text-align: center;
    font-weight: bold;
    padding-left: 0;
}
.HVCT_tableDD .header td
{
    height:51px;
    min-width:110px;
    width:110px;        
}
.HVCT_tableDD tr.normal
{
    color: #5F6B74 !important;
    background-color: White !important;
    height: 25px;
    vertical-align: middle;
    text-align: left;
}
.HVCT_tableDD tr.alternate
{
    color: #5F6B74 !important;
    background-color: #F0F7FA !important;
    height: 25px;
    vertical-align: middle;
    text-align: left;
}
.HVCT_tableKH
{
    color: #5F6B74;
    padding: 0;
    margin: 0;
    font-family: Arial;
    font-size: 12px;
    border-collapse: collapse;
    border-spacing: 0;
}
.HVCT_tableKH td
{
    border: 1px solid #CBD8E0;  
    height:109px;
    min-width: 160px;
    width:160px;
    text-align: center;
    /*white-space:nowrap;*/   
}
.HVCT_tableKH tr.header
{
    background-image: url(../images/grd_head.png);    
    text-align: center;
    font-weight: bold;
    padding-left: 0;
}
.HVCT_tableKH .header td
{
    height:24px;
    min-width:160px;
    width:160px;
}
.HVCT_tableKH tr.normal
{
    color: #5F6B74 !important;
    background-color: White !important;
    height: 25px;
    vertical-align: middle;
    text-align: left;
}
.HVCT_tableKH tr.alternate
{
    color: #5F6B74 !important;
    background-color: #F0F7FA !important;
    height: 25px;
    vertical-align: middle;
    text-align: left;
}
.HVCT_tableQLKH
{
    color: #5F6B74;
    padding: 0;
    margin: 0;
    font-family: Arial;
    font-size: 12px;
    border-collapse: collapse;
    border-spacing: 0;
}
.HVCT_tableQLKH td
{
    border: 1px solid #CBD8E0;  
    height:72px;  
    min-width:200px;
    width:200px;
    text-align: center;
    /*white-space:nowrap;*/   
}
.HVCT_tableQLKH tr.header
{
    background-image: url(../images/grd_head.png);    
    text-align: center;
    font-weight: bold;
    padding-left: 0;
}
.HVCT_tableQLKH .header td
{
    height:24px;
    min-width:200px;
    width:200px;        
}
.HVCT_tableQLKH tr.normal
{
    color: #5F6B74 !important;
    background-color: White !important;
    height: 25px;
    vertical-align: middle;
    text-align: left;
}
.HVCT_tableQLKH tr.alternate
{
    color: #5F6B74 !important;
    background-color: #F0F7FA !important;
    height: 25px;
    vertical-align: middle;
    text-align: left;
}

.HVCT_tableCP
{
    color: #5F6B74;
    padding: 0;
    margin: 0;
    font-family: Arial;
    font-size: 12px;
    border-collapse: collapse;
    border-spacing: 0;
}
.HVCT_tableCP td
{
    border: 1px solid #CBD8E0;  
    height:50px;  
    min-width:150px;
    width:150px;
    text-align: center;
    white-space:nowrap;
}
.HVCT_tableCP tr.header
{
    background-image: url(../images/grd_head.png);    
    text-align: center;
    font-weight: bold;
    padding-left: 0;
}
.HVCT_tableCP .header td
{
    height:25px;
    min-width:150px;
    width:150px;        
}
.HVCT_tableCP tr.normal
{
    color: #5F6B74 !important;
    background-color: White !important;
    height: 25px;
    vertical-align: middle;
    text-align: left;
}
.HVCT_tableCP tr.alternate
{
    color: #5F6B74 !important;
    background-color: #F0F7FA !important;
    height: 25px;
    vertical-align: middle;
    text-align: left;
}

.HVCT_tableKHTT
{
    color: #5F6B74;
    padding: 0;
    margin: 0;
    font-family: Arial;
    font-size: 12px;
    border-collapse: collapse;
    border-spacing: 0;
}
.HVCT_tableKHTT td
{
    border: 1px solid #CBD8E0;  
    height:25px;  
    min-width:170px;
    width:170px;      
    white-space:nowrap; 
}
.HVCT_tdHeaderKH
{  
    text-align:left; 
}
.HVCT_tableKHTT tr.header
{
    background-image: url(../images/grd_head.png);       
    font-weight: bold;
    padding-left: 0;
    text-align: center; 
}

.HVCT_tdHeaderLop
{    
    height:25px;
    min-width:854px !important;
    width:854px !important;   
    text-align:center;       
}
.HVCT_tdHeaderThu
{   
    height:25px;
    min-width:170px !important;
    width:170px !important;
    text-align:center;     
}
.HVCT_tableKHTT tr.normal
{
    color: #5F6B74 !important;
    background-color: White !important;
    height: 25px;
    vertical-align: middle;
    text-align: left;
}
.HVCT_tableKHTT tr.alternate
{
    color: #5F6B74 !important;
    background-color: #F0F7FA !important;
    height: 25px;
    vertical-align: middle;
    text-align: left;
}

.HVCT_Blue
{
    font-weight:bold;
    font-size:10px;   
    color:#0033CC;
    text-decoration: none;
}
.HVCT_Green
{
    font-weight:bold;
    font-size:10px;   
    color:#33CC33;
    text-decoration: none;
}
.HVCT_Red
{
    font-weight:bold;
    font-size:10px;   
    color:#FF0000;
    text-decoration: none;
}
.HVCT_Orange
{
    font-weight:bold;
    font-size:10px;   
    color:#FF9900;
    text-decoration: none;
}

.HVCT_ImgMaxWidth550px
{
	max-width:550px;
}

.HVCT_LoaiKHHoc
{
	/*font-family: Arial, Tahoma;
    font-size: 12px;*/
    color: #006600;
}
.HVCT_LoaiKHThi
{
	font-family: Arial, Tahoma;
    font-size: 12px;
    color: #8C0000;
}
.HVCT_LoaiKHNghienCuu
{
	font-family: Arial, Tahoma;
    font-size: 12px;
    color: #006666;
}
.HVCT_LoaiKHThaoLuan
{
	font-family: Arial, Tahoma;
    font-size: 12px;
    color: #00008C;
}
.HVCT_LoaiKHKiemTra
{
	font-family: Arial, Tahoma;
    font-size: 12px;
    color: #666600;
}
.HVCT_tableLich
{    
    font-family: Arial;
    font-size: 12px;
    border: 1px solid #CBD8E0;  
}
.HVCT_tableLich td
{    
    border: 1px solid #CBD8E0;  
    height:30px;    
    width:30px;   
    font-weight:bold;
    text-align: center; 
    white-space:nowrap;
}
.HVCT_tableLich th
{    
    border: 1px solid #CBD8E0;  
    background-color: #F0F7FA;
    height:30px;
    width:30px;  
    vertical-align: middle;
    text-align: center;
}
#divHoc
{
    background-color: #CCFF99;  
    height:50%;
    width:100%;
}
#divThi
{
    background-color: #FFDBB8;  
    height:50%;
    width:100%;
}
#divKT
{
    background-color: #33CCFF;  
    height:50%;
    width:100%;
}
#divTL
{
    background-color: #FF9966;  
    height:50%;
    width:100%;
}
#divTT
{
    background-color: #CC99FF;  
    height:50%;
    width:100%;
}
#divNC
{
    background-color: #FFFFAD;  
    height:50%;
    width:100%;
}
#divKhac
{
    background-color: #D9FFFF;  
    height:50%;
    width:100%;
}
#divNone
{      
    height:50%;
    width:100%;
}
.HVCT_tableLichChiTiet
{    
    font-family: Arial;
    font-size: 10px;
    border: 1px solid #CBD8E0;  
}
.HVCT_tableLichChiTiet td
{    
    border: 1px solid #CBD8E0;  
    height:122px;    
    width:150px;   
    font-weight:bold;
    text-align: center; 
    /*white-space:nowrap;*/
}
.HVCT_tableLichChiTiet th
{    
    border: 1px solid #CBD8E0;  
    background-color: #F0F7FA;
    height:30px;
    width:150px;  
    vertical-align: middle;
    text-align: center;
    font-weight:bold;
    font-size:12px;
}
#divNone2
{      
    height:2px;
    width:100%;      
}

#divNgay_CT
{      
    width:100%; 
    font-size:12px;
    font-weight:bold;
    text-align:left;      
}

.imgCalendar
{
	vertical-align: middle;
}

.rate_1
{
	font-weight:bold;
	font-size:15px;
	color:#FF0000
}

.rate_2
{
	font-weight:bold;
	font-size:15px;
	color:#FF9326;
}

.rate_3
{
	font-weight:bold;
	font-size:15px;
	color:#B28500;
}

.rate_4
{
	font-weight:bold;
	font-size:15px;
	color:#019CD8;
}

.rate_5
{
	font-weight:bold;
	font-size:15px;
	color:#00DD00;
}

/*------------------CSS For Mobile---------------------*/
/*Các CSS trong vùng này sẽ có một phiên bản ở file mobile.css để xử lý giao diện Mobile*/

.mobileLogo
{
	background-image: url(../images/logo_whiteBG.png);
	background-position:center center;
	background-repeat:no-repeat;
	height: 150px;
}

.mobileTenHocVien
{
	font-family: Times New Roman, Arial, Tahoma;
	font-size: 1.2vw;
	font-weight: bold;
	color: #FFFFFF;
	line-height:28px;
}

.mobileTenPhanMem
{
	font-family: Times New Roman, Arial, Tahoma;
	font-size: 1.7vw;
	font-weight: bold;
	color: #FFFFFF;
	line-height:50px;
}

.mobileContainer
{
	width:100%;
}
/*------------------END CSS For Mobile---------------------*/

/*------------------CSS For Print---------------------*/
.print_table
{
	border-collapse: collapse;
	color: #000000;
}

.print_table th
{
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    border: 1px solid #555555;
    font-family: Times New Roman;
    font-size: 14pt;
    padding: 5px;
    background-image: url(../images/grd_head.png);
}

.print_table td
{
	vertical-align: middle;
	font-family: Times New Roman;
    font-size: 14pt;
    border: 1px solid #555555;
    padding: 2px;
    text-align: left;
}

.print_table tr.normal
{
    background-color: White !important;
    height: 25px;
    vertical-align: middle;
}

.print_table tr.alternate
{
    background-color: #F0F7FA !important;
    height: 25px;
    vertical-align: middle;
}

.print_text
{
	font-family: Times New Roman;
    font-size: 14pt;
    line-height: 24px;
    color:#333333;
}

.print_textCenter
{
	font-family: Times New Roman;
    font-size: 14pt;
    line-height: 20px;
    color:#333333;
    text-align: center;
}

.print_textBold
{
	font-family: Times New Roman;
    font-size: 14pt;
    font-weight: bold;
}

.print_title
{
	font-family: Times New Roman;
    font-size: 15pt;
    font-weight: bold;
}

.print_textItalic
{
	font-family: Times New Roman;
    font-size: 15pt;
    font-style: italic;
}
/*------------------End CSS For Print---------------------*/

/*------------------CSS For News---------------------*/
.tableUpdate
{
    color: #5F6B74;
    padding: 0;
    margin: 0;
    font-family: Arial;
    font-size: 12px;
    border-collapse: collapse;
    border-spacing: 0;
}
.tableUpdate th
{
    vertical-align: top;
    text-align: left;
    font-family: Arial;
    font-weight: bold;
    padding-left: 10px !important;
    border: 1px solid #DDDDDD;
    padding-top: 12px;
    padding-bottom: 10px;
    background: linear-gradient(#F9F9F9, #EFEFEF);
}

.tableUpdate th .labelIcon
{
	padding-left: 0px !important;
	border-right: none;
}

.tableUpdate td
{
    border: 1px solid #DDDDDD;
    padding: 4px;
    background-color: #FFFFFF;
}

.form-group
{
    margin-left: 20px !important;
    margin-right: 0px !important;
}
.form-group .control-label
{
    background-image: url(../Image/iconLabel.png);
    background-repeat: no-repeat;
    background-position: left center;
    text-align: left;
    font-size: 13px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-right:0px;
}
.form-group select
{
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    font-size: 14px;
    height: 30px;
    line-height: 1.42857;
    padding: 4px 8px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    max-width: 700px;
}

.form-group input
{
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 4px 8px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    width:100%;
}

h3 
{
    color: #2f6f9f !important;
    text-align: center;
    font-size: 22px !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

/*------------------End  CSS For News---------------------*/