.user-infor
{
	background: url(../images/CandidateBottombrg.gif) repeat;
	height:20px;
}
.titleLine
{
	background-color:Red;
	height:2px;
}
.titleContent{
	font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 14px;	
	font-weight:bold;
	height:22px;
	text-align:left;
	color:#5d5d5d;
	padding-left:5px;
	
}
.banner-CandidateBG
{
	background: url(../images/hrm_Candidate_bg.jpg) repeat;
	height : 134px;
}
.footer
{
	font: 10px Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	text-align: center;	
	color: #666666;
	background: url(../images/bottombrg.gif) repeat;
	height : 30px;
}
.footer a:link, .footer a:visited{
	color: #666666;
	text-decoration: none;
	
}
/* make hover by changing vertical position of background to -22px (the tab_dim2.gif is 44px high) */
.footer a:hover {
	text-decoration: none;
	color: #000000;
}

.textBox {
	font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 11px;	
	border: 1px solid #a9a9a9;
	background-color:#FFFFFF;
}

.labelPrintTitleCenter
{
	font-family: Times New Roman;
	font-size: 14pt;
	font-weight:bold;
	color: #000000;	
}
.labelPrintTitleLeft
{
	font-family: Times New Roman;
	font-size: 10pt;
	font-weight:bold;
	color: #000000;	
	text-decoration: underline;
}
.labelPrintTitleLeftSub
{
	font-family: Times New Roman;
	font-size: 10pt;	
	color: #000000;		
}
.labelPrintBold
{
	font-family: Times New Roman;
	font-size: 10pt;
	color: #000000;	
	font-weight:bold;
}
.labelPrint
{
	font-family: Times New Roman;
	font-size: 10pt;
	color: #000000;	
}
.label
{
	font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 11px;
	color: #000000;	
}

.labelTitle
{
	font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 11px;
	font-weight:bold;
	color: #000000;	
}
.labelTitleCenter
{
	font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 15px;
	font-weight:bold;
	color: #000000;	
}
.dropDownList {
	font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 11px;	
	border: 1px solid #a9a9a9;
	color: #000000;
}
.value
{
	font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 11px;
	color: #000000;
	
}
/** FOR TABLE ****************************************************************************/

.tableBorderPrint
{
	border: 1px solid black;
    border-collapse: collapse;	
	background-color:White;	
}
.tableBorder
{
	border-top: 1px solid #add3fa;
	border-right: 1px solid #add3fa;
	border-left: 1px solid #add3fa;
	border-bottom: 1px solid #add3fa;
	background-color:White;
}
.tdTitle
{
	background-color : #f0e490;
	padding:1px 3px 1px 3px;
	border-top: 0px none #000000;
	border-right: 0px none #000000;
	border-left: 0px none #000000;
	border-bottom: 0px none #000000;
	text-align :left;
	height : 18px;
}
.tdTitleCenter
{
	background-color : #fed636;
	padding:1px 3px 1px 3px;
	border-top: 0px none #000000;
	border-right: 0px none #000000;
	border-left: 0px none #000000;
	border-bottom: 0px none #000000;
	text-align :center;
	height : 18px;
}
.tdLabel
{
	background-color : #d8d8d8;
	padding:1px 3px 1px 3px;
	border-top: 0px none #000000;
	border-right: 0px none #000000;
	border-left: 0px none #000000;
	border-bottom: 0px none #000000;
	text-align :right;
	height : 18px;
}
.tdValue
{
	background-color : #ebebeb;
	padding:1px 3px 1px 3px;
	border-top: 0px none #000000;
	border-right: 0px none #000000;
	border-left: 0px none #000000;
	border-bottom: 0px none #000000;
	text-align:left;
	height : 18px;
}
.tdTable
{
	background-color : #ebebeb;
	padding:1px 3px 1px 3px;
	border-top: 0px none #000000;
	border-right: 0px none #000000;
	border-left: 0px none #000000;
	border-bottom: 0px none #000000;	
	height : 18px;
}
.tdLabel1
{
	background-color : #f3f4f9;
	padding:1px 3px 1px 3px;
	border-top: 0px none #000000;
	border-right: 0px none #000000;
	border-left: 0px none #000000;
	border-bottom: 0px none #000000;
	height : 18px;
}
.tdValue1
{
	background-color : #efefef;
	padding:1px 3px 1px 3px;
	border-top: 0px none #000000;
	border-right: 0px none #000000;
	border-left: 0px none #000000;
	border-bottom: 0px none #000000;	
	height : 18px;
}
.tdListBox1
{
	background-color : #e6f1f3;
	padding:1px 1px 1px 1px;
	border-top: 0px none #000000;
	border-right: 0px none #000000;
	border-left: 0px none #000000;
	border-bottom: 0px none #000000;
}
.tdListBox2
{
	background-color : #f2fdff;
	padding:1px 1px 1px 1px;
	border-top: 0px none #000000;
	border-right: 0px none #000000;
	border-left: 0px none #000000;
	border-bottom: 0px none #000000;
}


.tdButton
{
	background-color : #8c8d8e;
	padding:2px 2px 2px 2px;
	border-top: 0px none #000000;
	border-right: 0px none #000000;
	border-left: 0px none #000000;
	border-bottom: 0px none #000000;
}

.tdTreeView
{
	background-color : #f3f4f9;
	padding:1px 3px 1px 3px;
	border-top: 0px none #000000;
	border-right: 0px none #000000;
	border-left: 0px none #000000;
	border-bottom: 0px none #000000;
}

.table-detail-header
{
	font-weight: bold;
	font-size: 11px;
	color: Black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #bCbCbC;
	padding-left: 18px;
	padding-right: 18px;
}
.tdLabel-detail
{
	background-color : #f3f4f9;
	padding:1px 3px 1px 3px;
	border-top: 0px none #000000;
	border-right: 0px none #000000;
	border-left: 0px none #000000;
	border-bottom: 0px none #000000;
	text-align :right;	
	height : 18px;
	color: #003066;	
}

.tdValue-detail
{
	background-color : #efefef;
	padding:1px 3px 1px 3px;
	border-top: 0px none #000000;
	border-right: 0px none #000000;
	border-left: 0px none #000000;
	border-bottom: 0px none #000000;
	text-align:left;
	height : 18px;
	color:Black;
}
.tdValue-detail-dif
{
	background-color : #efefef;
	padding:1px 3px 1px 3px;
	border-top: 0px none #000000;
	border-right: 0px none #000000;
	border-left: 0px none #000000;
	border-bottom: 0px none #000000;
	text-align:left;
	color : Red;
	height : 18px;
}

table.popupMarkDetail {
    background-color: #E2EDF3;
    border: 2px solid #990000;
}
td.popupMarkDetail {
    padding: 2px 2px 2px 8px;
    background-color: #FFCC33;

}

/*** For Grid *****************************************************/
.grid-Border
{
	border: #d5d5d5;
	border-width:0px;
}

.grid-header
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #000000;	
	background: url(../images/GridHeader-BG.gif) repeat;
	height : 25px;
}

.grid-header1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #000000;	
	background: url(../images/GridHeader-BG1.gif) repeat;
	height : 18px;
}
.grid-header2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #FFFFFF;	
	
	background: url(../images/GridHeader-BG2.gif) repeat;
	height : 18px;
}
.grid-header-detail
{
	background-color:#cccc99;	
	height : 18px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 10px;	
	color: #000000;	
}
.grid-item
{
	font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 10px;	
	background-color : #f1f2f4;	
	height : 16px;
	padding-left : 2px;
	padding-top : 2px;
	padding-bottom : 2px;
	
}
.grid-atlternating-item
{
	font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 10px;
	background-color : #fffafa;
	height : 16px;
	padding-left : 2px;
	padding-top : 2px;
	padding-bottom : 2px;
	
}
.grid-item:hover
{
	background-color: #fcf4dd;
    font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 10px;
	padding-left : 2px;
	padding-top : 2px;
	padding-bottom : 2px;	
}
.grid-atlternating-item:hover
{
	background-color: #fcf4dd;
    font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 10px;
	padding-left : 2px;
	padding-top : 2px;
	padding-bottom : 2px;	
}
.grid-paper
{
	font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 10px;
	text-align :center;
	background-color : #434343;
}
.grid-paper a:link,.grid-paper a:link,.grid-paper a:visited
{
	font-weight: bold;
	font-size: 10px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.grid-paper a:hover
{
	color: #FFFFFF;
	text-decoration: none;
}

.grid-footer
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #000000;	
	background-color: #99cccc;
	height : 18px;
	
}
.grid-SelectedRowStyle
{
    background-color: #fcf4dd;      
    font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 10px;
	padding-left : 2px;
	padding-top : 2px;
	padding-bottom : 2px;	
}
.grid-item-Warning
{
	font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 10px;
	background-color : #cccc00;	
	height : 16px;
	padding-left : 2px;
	padding-top : 2px;
	padding-bottom : 2px;
}
/*** For DataList *****************************************************/
.dataList-header
{	
	background: url(../images/bottombrg.gif) repeat;
	height : 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 10px;
	font-weight:bold;		
	color: #000000;	
}
.dataList-header1
{	
	background: url(../images/bottombrg.gif) repeat;
	height : 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 10px;	
	color: #000000;	
}

.dataList-header-label
{
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 10px;
	color: #000000;		
}
.dataList-header-value
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	font-weight: bold;
	color: #000000;	
}

.dataList-item
{
	font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 10px;
	background-color : #e6f1f3;	
	height : 16px;
	padding-left : 2px;
	padding-top : 2px;
	padding-bottom : 2px;
	border-bottom: 1px solid #d7d8da;
	border-top: 1px solid #d7d8da;
}
.dataList-atlternating-item
{
	font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 10px;
	background-color : #f2fdff;
	height : 16px;
	padding-left : 2px;
	padding-top : 2px;
	padding-bottom : 2px;
	border-bottom: 1px solid #d7d8da;
	border-top: 1px solid #d7d8da;
}
.dataList-Detail-item
{
	font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 10px;
	text-align:left;
	background: url(../images/bottombrg.gif) repeat; 
	height : 16px;
	padding-left : 2px;
	padding-top : 2px;
	padding-bottom : 2px;
	border-bottom: 1px solid #d7d8da;
	border-top: 1px solid #d7d8da;
}
.dataList-Detail-atlternating-item
{
	font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 10px;
	background-color : #FFFFFF;
	height : 16px;
	padding-left : 2px;
	padding-top : 2px;
	padding-bottom : 2px;
	border-bottom: 1px solid #d7d8da;
	border-top: 1px solid #d7d8da;
}
.dataList-Detail-label
{
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 10px;
	color: #000000;	
	font-weight: normal;	
}
.dataList-Detail-value
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #000000;	
}
.dataList-LastDetail-item
{
	font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 10px;	
	background-color : #f1f2f4;	
	height : 16px;
	padding-left : 2px;
	padding-top : 2px;
	padding-bottom : 2px;
	border-bottom: 1px solid #d7d8da;
	border-top: 1px solid #d7d8da;
	
}

.dataList-LastDetail-alternating-item
{
	font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 10px;
	background-color : #fffafa;
	height : 16px;
	padding-left : 2px;
	padding-top : 2px;
	padding-bottom : 2px;
	border-bottom: 1px solid #d7d8da;
	border-top: 1px solid #d7d8da;
}

.dataList-LastDetail-label
{
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 10px;
	font-weight: bold;
	color: #000000;		
}

.dataList-SelectedRowStyle
{
    background-color: #fcf4dd;
}

.label-dataList-do
{
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 10px;	
	color: Red;		
}

.label-dataList-done
{
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 10px;
	color: Black;		
}

.hyperlink-datalist-do:active,.hyperlink-datalist-do:link,.hyperlink-datalist-do:visited
{
	font-size: 10px;
	color: Red;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align : left;
}

.hyperlink-datalist-do:visited
{
	font-size: 10px;
	color: #2c7c1d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align : left;	
}

.hyperlink-datalist-do:hover
{
	color: Black;
	text-decoration: none;
}
.hyperlink-datalist-done:active,.hyperlink-datalist-done:link,.hyperlink-datalist-done:visited
{
	font-size: 10px;
	color: #2050a4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align : left;
}

.hyperlink-datalist-done:visited
{
	font-size: 10px;
	color: #2c7c1d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align : left;	
}

.hyperlink-datalist-done:hover
{
	color: Black;
	text-decoration: none;
}

.dataList-Detail-Department
{
	font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 10px;
	font-weight:bold;
	background-color : #FFFFFF;
	height : 16px;
	padding-left : 2px;
	padding-top : 2px;
	padding-bottom : 2px;
	border-bottom: 1px solid #d7d8da;
	border-top: 1px solid #d7d8da;
	color: Green;
}

/*** For Link **************************/
.hyperlink:active,.hyperlink:link,.hyperlink:visited
{	
	font-size: 10px;
	color: #2050a4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.hyperlink:hover
{
	color: Red;
	text-decoration: none;
}

.hyperlink-Grid:active,.hyperlink-Grid:link,.hyperlink-Grid:visited
{
	font-size: 10px;
	color: #4d4e53;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align : left;
	text-decoration: none;
	
}

.hyperlink-Grid:visited
{
	font-size: 10px;
	color: #2c7c1d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align : left;	
}

.hyperlink-Grid:hover
{
	color: Black;
	text-decoration: none;
}

.hyperlink:active,.hyperlink:link,.hyperlink:visited
{	
	font-size: 10px;
	color: #2050a4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.hyperlink:hover
{
	color: Red;
	text-decoration: none;
}

.hyperlink-DalaListDetail:active,.hyperlink-DalaListDetail:link,.hyperlink-DalaListDetail:visited
{
	font-size: 10px;
	color: Black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align : left;
	text-decoration: none;
}

.hyperlink-DalaListDetail:visited
{
	font-size: 10px;
	color: Black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align : left;	
	text-decoration: none;
}

.hyperlink-DalaListDetail:hover
{
	color: Red;
	text-decoration: underline;
}

.hyperlink-DalaListDetailTitle:active,.hyperlink-DalaListDetailTitle:link,.hyperlink-DalaListDetailTitle:visited
{
	font-size: 10px;
	color: Black;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align : left;
	text-decoration: none;
}

.hyperlink-DalaListDetailTitle:visited
{
	font-size: 10px;
	color: Black;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align : left;	
	text-decoration: none;
}

.hyperlink-DalaListDetailTitle:hover
{
	color: Red;
	font-weight:bold;
	text-decoration: underline;
}