h2 {
	font: normal 22px Roboto, Helvetica, tahoma, arial, sans-serif;
}

a {
	text-decoration: none;
	color: #0d7deb;
}

.serverLink {
	color: #fff !important;
	text-decoration: underline;
}

/* a:visited {
	color: #0d7deb;
} */

li.x-menu-list-item a:visited {
	color: #000;
}

/* a:hover {
	color: #54b2fb;
	text-decoration: underline;
} */

/* .x-btn .menuBtn a:hover { */
/* 	color: #54b2fb; */
/* 	text-decoration: none; */
/* } */

.itemSmallFont {
	font-size: 15px;
}

.navButton .x-btn-mc .x-btn-text {
	font-weight: bold;
}

.navTopMenu {
	font-size: 14px;
	font-weight: bold;
	float: right;
	padding-right: 30px;

	margin-left: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	line-height: 18px;
	
}
.fbLike {
	  padding-left: 49px;
	  padding-right: 50px;
	  margin-top: 11px;
}

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
    margin: 0;
    padding: 0;
    font-family: Roboto, Helvetica, "Segoe UI", Verdana, Tahoma, Arial;
}

/*
h2{font:normal 22px tahoma, arial, helvetica, sans-serif;}

a, a:visited{text-decoration:none;color:#0d7deb;}
a:hover {color:#54b2fb;text-decoration:underline;}

*/	
/* @media print {
	.print-only {
		display: block;
	}	
}   */

.cs-print-only {
	display: none;
} 

#loading{
    position:absolute;
    left:40%;
    top:40%;
    padding:2px;
    z-index:20001;
    height:auto;
    border:1px solid #ccc;
}
#loading a {
    color:#225588;
}
#loading .loading-indicator{
    background:white;
    color:#444;
    font:bold 13px Roboto, Helvetica, tahoma,arial;
    padding:10px;
    z-index:20001;
    margin:0;
    height:auto;
}
#loadingSub{
    position:absolute;
    left:40%;
    top:40%;
    padding:2px;
    z-index:20001;
    height:auto;
    border:1px solid #ccc;
}
#loadingSub a {
    color:#225588;
}
#loadingSub .loading-indicator{
    background:white;
    color:#444;
    font:bold 13px Roboto, Helvetica, tahoma,arial;
    padding:10px;
    z-index:20001;
    margin:0;
    height:auto;
}
#loadingSub-msg {
    font: normal 10px Roboto, Helvetica, arial,tahoma,sans-serif;
    padding-left:15px;
}
#tblBrowserVersion {font:normal 12px Roboto, Helvetica, tahoma, arial, sans-serif;}
.itemSmallFont {font:normal 12px Roboto, Helvetica, tahoma, arial, sans-serif;}


.systemHeaderURLStyle {font:normal 11px Roboto, Helvetica, tahoma, arial, sans-serif;cursor:pointer; color:#0d7deb;}
.sideMenu {font:normal 13px Roboto, Helvetica, tahoma, arial, sans-serif;cursor:pointer; color:#666;display:block;font-weight:bold;padding:3px;}
.sideMenuLabel {font:normal 13px Roboto, Helvetica, tahoma, arial, sans-serif; color:#157fcc;display:block;font-weight:bold;padding:3px;}
.sideMenu:hover {background-color: #eee;}
.ClickURLStyle {font:normal 13px Roboto, Helvetica, tahoma, arial, sans-serif;cursor:pointer; color:#0d7deb;}

.fieldStyle {
	font: normal 13px/17px Roboto, helvetica, arial, verdana, sans-serif;
	font-size: 12px;
}
/*	.ClickURLStyle:hover {text-decoration: underline;}	*/

/* control side menu header expand collapse style */
.sidemenuCls .x-panel-header-default {
	background-color: #add2ed;
}
.sidemenuCls .x-panel-header-title-default {
	color: #157fcc;
}
.sidemenuCls .x-panel-header-default-sidemenuCollapsedCls {
	background-color: #157fcc;
}
.sidemenuCls .x-panel-header-default-sidemenuCollapsedCls .x-panel-header-title-default {
	color: #ffffff;
}
.sidemenuCls .x-panel-header-default .x-tool-tool-el {
    background-color: #add2ed;
}
.sidemenuCls.x-sidemenuCollapsedCls .x-panel-header-default .x-tool-tool-el {
    background-color: #157fcc;
} 
/* --- control side menu header expand collapse style */


.portalFontStyle {font:normal 11px Roboto, Helvetica, tahoma, arial, sans-serif;}
.portalLabel {text-align:right;padding-right:10px;padding-top:3px;background:#F6F6F6;}
.portalValue, .reportValue {text-align:left;padding-left:5px;padding-right:5px;}
.reportLabel {text-align:right;padding-right:5px;padding-top:3px;background:#F6F6F6;height:20px;font-family: /*Segoe UI, Verdana,*/ Roboto, Helvetica, Tahoma, Arial; font-size:12px;}
.reportValueStyle {font-family: /*Segoe UI, Verdana,*/ Roboto, Helvetica, Tahoma, Arial; font-size:12px;padding-top:3px;width:143px;border:0px none;}
.reportUrl {font-family: /*Segoe UI, Verdana,*/ Roboto, Helvetica, Tahoma, Arial; font-size:12px;}

.menuTpl {border-spacing:0px;border-collapse:collapse;width:100%}
table.menuTpl tr td {padding:3px;font-size:12px;}
tr.x-grid-header-ct td {border-right: 1px solid #c2c2c2;color: #666;}
/* .myloading { */
/* 	position:absolute; */
/*     left:40%; */
/*     top:40%; */
/*     padding:2px; */
/*     z-index:20001; */
/*     height:auto; */
/*     border:1px solid #ccc; */
/* 	 background:white; */
/*     color:#444; */
/*     font:bold 13px tahoma,arial,helvetica; */
/*     padding:10px; */
/*     margin:0; */
/*     height:auto; */
/* 	padding:15px 50px 40px 80px;background:#fbfbfb url( '../../images/default/shared/large-loading.gif' ) no-repeat 10px 10px;line-height:16px; */

/* } */
.processing{
    position:absolute;
    padding:2px;
    z-index:20001;
    height:auto;
    border:1px solid #ccc;
}
.processing a {
    color:#225588;
}
/* .processing .processing-indicator{ */
/*     background:white; */
/*     color:#444; */
/*     font:bold 13px tahoma,arial,helvetica; */
/*     padding:10px; */
/*     margin:0; */
/*     height:auto; */
/*     color:#444; */
/*     font:bold 13px tahoma,arial,helvetica; */
/*     padding:10px; */
/*     margin:0; */
/*     height:auto; */
/* 	padding:15px 10px 10px 40px;background:#fbfbfb url( '../../images/default/shared/large-loading.gif' ) no-repeat 10px 10px;line-height:16px; */
/* } */
.processing-msg {
    font: normal 10px Roboto, Helvetica, arial,tahoma,sans-serif;
    margin-left:15px;
}
/*html, body {
    margin:0;
    padding:0;
    border:0 none;
    overflow:auto;
    height:100%;
}*/
.noneStyle {background:#eeeeee;border:1px solid #b5b5bf;height:22px;font-size: 12px;
    padding-left: 5px;}


/*==================================================================================
*/
.loading{
    position:absolute;
    left:40%;
    top:40%;
    padding:2px;
    z-index:20001;
    height:auto;
    border:1px solid #ccc;
}
.loading a,
.loading a:hover,/* fixed IE 6 */
.loading a:visited{/* fixed IE 6 */
    color:#225588;
}


.loading .loading-indicator{
    background:white;
    color:#444;
    font:bold 13px Roboto, Helvetica, tahoma,arial;
    padding:10px;
    z-index:20001;
    margin:0;
    height:auto;
}
/* override */
.ext-el-mask{
	opacity:0.4;
}
.ext-el-mask-black{
	background-color:#000000;
}

/* loading mask */
.loading-msg {
    font: normal 12px Roboto, Helvetica, arial,tahoma,sans-serif;
/*     padding-left:15px; */
    margin-left:15px;
}
.mask-url  {
	margin-left: 10px;
	color: #225588;
	font-family: Roboto, Helvetica, "Segoe UI", Verdana, Tahoma, Arial;
	font-size: 13px;
	font-weight: bold;
}
.x-mask-msg-inner {
	background-color: #ffffff;
	padding: 6px 5px;
}
.x-mask-msg-text {
/* 	background:#FBFBFB url(../../images/default/shared/large-loading.gif) no-repeat scroll 5px 5px; */
	background-position: 5px center;
	line-height:16px;
	padding:5px 10px 5px 25px;
}
/* loading mask */

/*.add-trigger {
  background-image: url(../../images/sprite/add-trigger-blue-3.png);
/*   background-position: -44px 0; 
}*/

.menuBtn {
/* 	border-color: #99bbe8;
	border-width: 2px; */
}

.addTranBtn {
/* 	border: 2px solid #157fcc; */
}

.tranToolbar {
	background-color: #157fcc;/*#e1f4ff;/*#d0ecff;*/
}

.tranToolbar .x-toolbar-text-default {
	font-weight: bold;	
	color: #ffffff;
}

/*.menuAddAddBtn { /*, .menuAddAddBtn.x-btn-over.x-btn-default-toolbar-small {
  background: url(../../images/icons/add_add_button_red.gif);
  width: 32px !important;
/*   background-position: -44px 0; 
}*/

/* .add-new-trigger { */
/* /*     background: url(../../images/sprite/addTrigger.gif); */ 
/* /*     background: url(../../images/icons/add_new.gif); */ 
/*     width: 17px; */
/*     border-width: 0 0 1px; */
/*     border-color: #b5b8c8; */
/*     border-style: solid; */
/* } */

/* .x-monthpicker-years { */
/* 	height: 235px; */
/* } */

.all-employee-default-selection {
	font-weight: bold;	
/* 	color: #000000 !important; */
	text-align: center;
}

.x-body, body {
	font-size: 12px;
	background: initial;
	color: #333333;
}

.x-panel-header-default-horizontal, .x-panel-header-default-horizontal .x-header-noborder {
	padding: 6px 9px 6px 9px !important;
}

.x-column-header {
	font-size: 12px;
}

.x-column-header-inner {
	padding-left: 4px;
	padding-right: 4px;
}

.x-form-cb-label-default {
	font-size: 12px;	
}

.x-form-item-label, .x-form-item .x-form-field {
	font-size: 12px;
}


.cs-column-right-align, .cs-column-right-align div {
	text-align: right !important;
}

.cs-column-img-center, .cs-column-img-center .x-grid-cell-inner {
	padding: 1px 2px 0px 2px;
}

.cs-column-approved, .cs-column-approved div {
	color:green;
	font-weight:bold;
}

.cs-column-rejected, .cs-column-rejected div {
	color:red;
	font-weight:bold;
}

.cs-column-cancelled, .cs-column-cancelled div {
	color:#FF8C00;
	font-weight:bold;
}

.cs-column-review-in-progress, .cs-column-review-in-progress div {
/* 	color:red; */
	font-weight:bold;
}

.cs-column-absent, .cs-column-absent div {
	color:red;
	font-weight:bold;
}

.cs-column-in, .cs-column-in div {
	color:green;
	font-weight:bold;
}

.cs-column-invalid-break-time, .cs-column-invalid-break-time div {
	color:red;
}

.cs-preview-with-margin-bottom {
	margin-bottom:40px !important;
}

/* .x-tab-bar-default-horizontal { */
/* 	height: 20px; */
/* } */
/* .x-tab-default-top { */
/* 	padding: 4px 12px 4px 12px; */
/* } */

.moduleTab .x-tab-bar-strip {
    top: 22px !important; /* Default value is 20, we add 20 = 40 */
}

.moduleTab .x-tab-bar .x-tab-bar-body {
    height: 22px !important; /* Default value is 23, we add 20 = 43 */
    border: 0 !important; /* Overides the border that appears on resizing the grid */
}

.moduleTab .x-tab-bar .x-tab-bar-body .x-box-inner {
    height: 22px !important; /* Default value is 21, we add 20 = 41 */
}

.moduleTab .x-tab-bar .x-tab-bar-body .x-box-inner .x-tab {
    height: 22px !important; /* Default value is 21, we add 20 = 41 */
}

.moduleTab .x-tab-bar-default-horizontal {
    height: 28px;
}

.moduleTab .x-tab-default-top {
	padding: 5px 12px 0px 12px;
}
/* .moduleTab .x-tab-bar .x-tab-bar-body .x-box-inner .x-tab button { */
/*     height: 13px !important; Default value 13, we add 20 = 33 */
/*     line-height: 13px !important; Default value 13, we add 20 = 33 */
/* } */

/*

a.x-menu-item:visited{
	color:#222222;
}
a.x-menu-item:hover{
	color:#222222;
} */
/*==================================================================================
 * maininfo.jsp
 */
h2, .h2 {font:normal 22px Roboto, Helvetica, tahoma, arial, sans-serif;}	
font {font:normal 13px Roboto, Helvetica, tahoma, arial, sans-serif;}
/*
a {text-decoration:none;color:#0d7deb;}
a:visited {color:#0d7deb;}
a:hover {color:#54b2fb;text-decoration:underline;}*/


.tdStyle {
	padding:3px 4px 3px 4px;
	border: 1px solid #f1f1f1;
	/* word-break:keep-all;/*break-all;*/
/* 	background-color:#f1f1f1; */
}
td.tdTitle{
	background-color:#f1f1f1;
}
.tdFirstCol div{
	padding-left:10px;
}
.tdEndSpacer {
	border-width: 0px;
	min-width:15px;
}
div.subtotal {
	text-align: right;
	min-width: 70px;
}
div.unit {
	text-align: right;
	min-width: 40px;
}
div.statutory {
	padding-left: 20px;
}

/* FF */
table.cs-print, div.cs-print{
/* 	table-layout:fixed; */
}
/* table.cs-print td div{
	overflow:auto;
} */

.forumTdStyle {
	padding:8px 12px 8px 12px;
	background-color:#f1f1f1;
}

.forumTopicImg {
	padding: 2px;
	vertical-align: top;
}

.forumTdContentStyle {
	padding:8px 12px 8px 12px;
}

.forumCommentStyle {
	padding:8px 12px 8px 12px;
	background-color:#DFE8F6;
}

.forumCommentAttachmentStyle {
	padding:8px 12px 8px 12px;
	background-color:#cdf6cf;
}

.printContent {
	text-align:center;
	height:100%;
	padding-top:30px;
	
/* 	overflow:auto; */
/* 	padding-top: 30px;  */
/* 	padding-bottom: 40px; */
}

/*==================================================================================*/

/*==================================================================================*/
/** custom gridPanel's font-size to 12px */
.x-grid-hd-row td, .x-grid-row td, .x-grid-summary-row td {
font-family:Roboto, Helvetica, arial,tahoma,sans-serif;
font-size:12px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}

.x-grid-row-inactive td {/*border:1px solid #ddd;background:#ddd;*/color:red}
.x-grid-row-cancellation-request td {/*border:1px solid #ddd;background:#ddd;*/background-color:yellow}
.x-grid-row-translation-changed td {/*border:1px solid #ddd;background:#ddd;*/background-color:yellow}

.button-black-text .x-btn-inner-default-small {
    color: #555555 !important;
}

.processedEmployee td { /*, processedEmployeeId .x-grid-row-alt .x-grid-td td {*/
	background-color: #EEEEEE !important;
}

.wordBreakStyle {word-break:break-all;}

.radio-font {
	font-size: 12px;
	padding-left: 19px;
	vertical-align: sub;
}


/*.custom-combobox-item-header {
	font:normal 11px Roboto, Helvetica, tahoma, arial, sans-serif;
	background:#D0DEF0 url(../../images/default/toolbar/bg.gif) repeat-x scroll left top;
	border-color:#A9BFD3;
	border-style:solid;
	border-width:0pt 1pt 1px;
}*/

table.custom-combobox-item-header, table.custom-combobox-item{
    table-layout:fixed;
	width:1px;
}

.custom-combobox-item {
    font:normal 11px Roboto, Helvetica, tahoma, arial, sans-serif;
    border:1px solid #fff;
    border-bottom:1px solid #eeeeee;
    white-space:normal;
    color:#555;
}

.custom-combobox-item td, .custom-combobox-item-header td{
    overflow:hidden;
	padding-left:3px;
}


/*
.custom-combobox-item-header td div.ytb-text {
	padding-left:3px;
}*/



/* grin in menu */
.custom-x-menu-gridmenu .x-grid-row td, .custom-x-menu-gridmenu .x-grid-summary-row td{
	vertical-align:middle;
}

.custom-x-menu-gridmenu{
	border:0px;
	padding:0px;
}



.custom-x-menu-gridmenu .x-grid-hd-inner{
	/*padding:1px 1px 1px 3px;*/
}
.custom-x-menu-gridmenu .x-grid-hd-row td{
	font:normal 11px Roboto, Helvetica, tahoma, arial, sans-serif;
}

.custom-x-menu-gridmenu .x-grid-row td{
	font:normal 11px Roboto, Helvetica, tahoma, arial, sans-serif;
    color:#555;
    border-bottom:1px solid #eeeeee;
}

.report-header {
	font: normal 12px Roboto, Helvetica, tahoma, arial, sans-serif;
}

#CS_ns_index_div_page_desc {
	display:none;
}

.initAd {
	display:none;
}

#CS_ns_index_div_employer_ad_1 .initAd, #CS_ns_index_div_employee_ad_1 .initAd {
	display:inline-block;width:300px;height:250px
}

#divEmployeeLoginMsg {
	display:none;
}

#video-panel #start-camera{
    display: none;
    border-radius: 3px;
    max-width: 400px;
    color: #fff;
    background-color: #448AFF;
    text-decoration: none;
    padding: 15px;
    opacity: 0.8;
    margin: 50px auto;
    text-align: center;
}

#video-panel #error-message{
    width: 100%;
    background-color: #ccc;
    color: #9b9b9b;
    font-size: 18px;
    padding: 55px 10px;
    text-align: center;
    display: none;
}

#video-panel video#camera-stream{
    display: none;
    width: 100%;
}

#video-panel img#snap{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    display: none;
}

#video-panel video#camera-stream.visible,
#video-panel img#snap.visible,
#video-panel #error-message.visible
{
    display: block;
}

@media(max-width: 1000px){
    #video-panel #start-camera.visible{
        display: block;
    }
}

.contentDiv {
	text-align:center;
	height:100%;
	padding-top:10px;	
}
.contentTitle {
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
}
.contentSubtitle {
	font-weight: normal;
	display:inline-block;
	text-align:right;
	width: 100%;
}
.contentView {
	text-align: center;
	max-width: 600px;
	margin:auto;
}
table.contentTable {
 	table-layout: fixed; 
 	border-spacing: 6px;
 	width: 100%;
 	font: normal 12px Roboto, helvetica, tahoma, arial, sans-serif;
 	text-align: left;
}
@media(max-width: 620px){
    .contentView {
    	/* width: calc(100% - 20px); */
        margin-left: 10px;
        margin-right: 10px;
    }
}
/* .addBtn {
	background: transparent url ('../images/icons/add_button.gif') center 0 no-repeat;
} */
/*
.portalFontStyle {font:normal 11px tahoma, arial, helvetica, sans-serif;}
.portalLabel {text-align:right;padding-right:10px;padding-top:3px;background:#F6F6F6;height:20px;}
.portalValue {text-align:left;padding-left:10px;}


.cs-form label{
	text-align:right;
	padding-right:10px;
	padding-top:3px;
	background:#F6F6F6;
	height:20px;
}

.cs-form .x-form-fiel{
	background:;
}
.cs-form input{
	border-color:transparent;
}
*/

/* ====== from queryLevel.jsp */
/*		.x-form-element {
			padding-left:60px;
			position:relative;
		}
		.x-grid-loading .x-btn-text {
			BACKGROUND-IMAGE: url(../images/icons/refresh.png)
		}
		.x-form-label-top .x-form-element {
			padding-left:0;
			padding-top:4px;
		}
		.x-form-element2 {
			padding-left:95px;
			position:relative;
		}
		.x-form-element3 {
			padding-left:50px;
			position:relative;
		}
		.x-form-invalid-icon2 {
			width:16px;
			height:18px;
			visibility:hidden;
			position:absolute;
			left:0;
			top:0;
			display:block;
			background:transparent url(../images/default/dd/drop-add.gif) no-repeat 0 2px;
			cursor:pointer;
		}
		fieldset legend {
			color:#15428B;
			font-family:tahoma,arial,helvetica,sans-serif;
			font-size:11px;
			font-size-adjust:none;
			font-stretch:normal;
			font-style:normal;
			font-variant:normal;
			font-weight:bold;
			line-height:normal;
		}*/
		
/* portal */
/* .x-portal .x-panel-dd-spacer { */
/*     margin-bottom:10px; */
/* } */

/* .x-portlet { */
/*     margin-bottom:10px; */
/* } */

/* /* Clean up the look of the portlets */
/* .x-portlet .x-panel-ml { */
/*     padding-left:2px; */
/* } */
/* .x-portlet .x-panel-mr { */
/*     padding-right:2px; */
/* } */
/* .x-portlet .x-panel-bl { */
/*     padding-left:2px; */
/* } */

/* .x-portlet .x-panel-br { */
/*     padding-right:2px; */
/* } */
/* .x-portlet .x-panel-body { */
/*     background:white; */
/* } */
/* .x-portlet .x-panel-mc { */
/*     padding-top:2px; */
/* } */
/* .x-portlet .x-panel-bc .x-panel-footer { */
/*     padding-bottom:2px; */
/* } */
/* .x-portlet .x-panel-nofooter .x-panel-bc { */
/*     height:2px; */
/* } */