body, td, input, textarea
{
	font-family:Tahoma; font-size:11px;
}

.AjaxLoaderImg
{
	background:url(../Images/ajax-loader.gif) no-repeat;
	width:16px; height:16px; border:0px;
}

.content_main
{
	width:1008px; height:100%; margin:auto;
}

.content_header
{
	width:1008px; height:125px; text-align:left 
}

.hideObject
{
	top:-1000px; height:-1000px; visibility:hidden; position:absolute;
}

.panerWH
{
	width:1008px; height:125px;
}

.mainStyle
{
	padding-left:10px;
}

/*==============================Title=====================================*/

.titleBlock
{
	color: #3333CC;
	font-weight: bold;
}
.titleMessage
{
	font-weight:bold; color:Black; text-decoration:underline; 
}

.titleDetail
{
	font-weight:bold; color:Black; text-decoration:underline; 
	padding:3px; padding-left:15px; background-image:url(../Images/dot1.gif);
	background-position:left; background-repeat:no-repeat;
}

.headerTitle
{
	text-align:right;
	font-weight:bold;
	font-size:15px;
	color:Black;
	padding:15px !important;
	margin:10px 10px 10px 0px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:Black;
}
.headerTitle span
{
	font-weight:bold;
	font-size:15px;
	color:Black;
}

.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: 10px !important;
}

.titleAtt
{
	width: 110px;
	height: 100%;
	background-color: #F9F9F9;
	text-align: right;
	vertical-align: top;
	padding: 5px;
	color: #000;
	font-weight: bold;
}
.bgLine
{
	height:2px; width:110px; background-color:#000;
}
.bgLineContent
{
	height:2px; background-image:url(../Images/Line_1.gif); background-repeat:repeat-x; background-position:bottom;
}
.w200px
{
	width:200px;
}
.w250px
{
	width:250px;
}
.w300px
{
	width:300px;
}
.w350px
{
	width:350px;
}
.w450px
{
	width:450px;
}
.w30px
{
	width:30px;
}
.w40px
{
	width:40px;
}
.w50px
{
	width:50px;
}
.w60px
{
	width:60px;
}
.w70px
{
	width:70px;
}
.w80px
{
	width:80px;
}
.w90px
{
	width:90px;
}
.w100px
{
	width:100px;
}
.w100percent
{
	width:100%;
}
.w170px
{
	width:170px;
}
.w150px
{
	width:150px;
}
.noneLine
{
	text-decoration:none;
}
.styleFloatLeft
{
	float:left;
}
.protect
{
	background-color: #FFFFFF;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}
.table td, .table th, .table li
{
	padding :4px;
}
/*============================================================================*/
/*==============================Input=====================================*/
/*============================================================================*/
.inputText
{
	border:1px solid #7F9DB9;
}
.inputText:hover
{
	border: 1px solid #6699FF;
}

/*==============================LeftFrameSwitcher=====================================*/
.MainFrameBody {
  padding-left: 7px;
  background-image: url(../Themes/WinXp/Images/body_bg.gif);
  background-position: top left;
  background-repeat: repeat-y;
}

.LeftFrameSwitcher {
  position: fixed;
  left: 0;
  top: 50%;
  cursor: pointer;
}

* html .LeftFrameSwitcher {
  position: absolute;
}

/*==============================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
}

.errorsMsg
{
	color:Red;
	text-align: left;
}

.tableFilter
{
	margin:3px;
}
.tableFilter td
{
	padding:3px;
}

/*============================================================================*/
/*==============================Grid View=====================================*/
/*============================================================================*/
.gridView, .gridView thead, .gridView tbody, .gridView tfoot
{
	border-collapse:collapse; border-width:1px; text-align:left; border-style:solid;
}

.gridView td, .gridView th
{
	border-width:1px !important; border-style:solid; border-color:#CCCCCC; border-collapse: collapse;
}

.gridView .inputText
{
	border:1px solid #7F9DB9;
}

.gridView th
{
	padding:4px 6px 5px 4px;
}

.gridView td
{
	padding:4px;
}

.gridView .gridViewTitle td, .gridView .gridViewTitle th, .gridView .gridViewTitle a
{
	background-color:#6E89DD;
	color:#FFFFFF;
	font-weight:bold;
}

.gridView .gridViewFoot
{
	text-align:right;
}

.gridView .calcTotal
{
	font-weight:bold;
}

.gridView tr.bgColor{ background-color:#FFFFFF !important; }
.gridView tr.bgColor:hover{ background-color:#FFFF99 !important; }
.gridView tr.alternatingBgColor{ background-color:#D3DCFE !important; }
.gridView tr.alternatingBgColor:hover{ background-color:#FFFF99 !important; }

/*============================================================================*/
/*==============================Ghi chú=====================================*/
/*============================================================================*/

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

.noteDiv .textTitle
{
	color:Red; font-weight:bold; font-size:11px;
}
.noteText
{
	color:Red;
}

.imgBorder {
	border:1px solid #BBBBBB;
}
.selectNode
{
	background-color: #6666FF;
	color: #FFFFFF !important;
	border: 1px dotted #000000;
	
}
.node
{
	padding-right: 2px;
	padding-left: 2px;
	color:#000;
}
.selectedRow
{
	background-color: #F2FEC5;
}
tr.selectedRow:hover{ background-color:#FFFF99 !important; }
.unselectedRow
{
	background-color: #FFF;
}
tr.unselectedRow:hover{ background-color:#FFFF99 !important; }

.textUnAvailable
{
	padding:5px 0px;
	display:block;
	color:Red;
	text-align: left; 
}

.textAvailable
{
	padding:5px 0px;
	display:block;
	color:#3366cc;
	text-align: left; 
}

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

.tabWidth
{
	text-align: left; width: 600px;
}

.labelName
{
	font-weight:bold;
}

.block
{
	padding:3px 1px 3px 1px;
}
.blockDiv
{
	padding:4px;
}
.blockCommand
{
	padding:4px;
	text-align:center;
}
.lable
{
	text-align:right;
}

.line
{
	background-repeat:repeat-x; background-position:center;
	background-image:url(../Themes/WinXp/Images/Line.gif); font-size:0px;
	height:9px;
}

/*============================================================================*/
/*==============================Candidate=====================================*/
/*============================================================================*/

.containerBtnBottom
{
	text-align:right;
	padding:10px;
	width:620px
}

.step
{
	color:Black;
	margin:10px;
}

.step div
{
	padding:4px;
}

.step .select
{
	color:Red !important; font-weight:bold;
}

.step .noSelect
{
	color: #808080;
}

.containerCandidate
{
	text-align:left;
	color:Black;
}

.containerCandidate .sepHeight
{
	height:10px; font-size:0px;
}

.containerCandidate .line
{
	background-repeat:repeat-x; background-position:center;
	background-image:url(../Themes/WinXp/Images/Line.gif); font-size:0px;
	height:1px;
}

.containerCandidate .bgTitle
{
	background-image:url(../../Themes/Default/Images/BgBlockTitle.gif); width:180px; height:21px; font-weight:bold; text-align:center;
}

.containerCandidate .valueShow
{
	font-weight:bold;
}
.containerCandidate .valueNote
{
	font-weight: bold;
	color: #33A0D8;
}
.containerCandidate .companyName
{
	font-weight: bold;
	color: #FF8C55;
	font-size: 13px;
}


.containerCandidate .itemExperience div
{
	padding:4px;
}
.valueDate
{
	color: #999;
}

/*============================================================================*/
/*==============================mainPage=====================================*/
/*============================================================================*/

.mainPage
{
	
}

.mainPage .row
{
	clear:both;
}

.mainPage .sepHeight
{
	height:10px; font-size:0px;
}

.mainPage .col
{
	width:370px;
	padding-right:10px;
	float:left;
}

.mainPage .subRow
{
	padding:3px;
	clear:both;
}

.mainPage .containerListUser
{
	height:90px;
	overflow-y:auto;
}

.mainPage .containerListUser ul, 
.mainPage .containerListUser ol
{
	margin-top:0px;
}

.contentMessage
{
	border: 1px solid #0000FF;
}
.modalPopup
{
	background-color: #FFFFFF;
	border: 1px solid #999999;
}
.modalPopup .content
{
	padding:5px; text-align:justify; width:500px; 
	height:200px;
	overflow-y:auto;
}
.modalPopup .footer
{
	
	height:auto !important;
	padding:5px; text-align:right;
}
.modalPopupTitle
{
	cursor:move;
	font-weight:bold;
	text-align:center;
}
.modalPopupBg
{
	background-color:White; 
	filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5;
}
a.lable
{
	color: #0000CC;
	text-decoration: none;
}
a.lable:hove
{
	color: #CC00CC;
}
/*=================Tree====================*/

.title
{
	cursor:pointer;
}
.img
{
	width: 15px;
	height: 12px;
}

.ImgCollapse
{
	background:url(./icon_arrow.gif) no-repeat top left; 
	cursor: pointer;
}

.ImgCollapse:hover
{
	background:url(./icon_arrow.gif) no-repeat top right; 
	cursor: pointer;
}

.ImgExpand
{
	background:url(./icon_arrow.gif) no-repeat bottom left; 
	cursor: pointer;
}

.containerCategoryRelate
{
	height:300px; width:500px; overflow-y:auto;
}