/* To centerize the body */
* {
	margin: 0;
}
#push{height:70px;}
form{margin-bottom:0px;}
.clsDivBody{border: 0px solid #669999;background-color : Transparent;}

html, body{background: #FFF url(../../Images/gplaypattern.png) repeat scroll 0 0;margin: 0px;padding: 0px;height:100%;line-height:20px;}

HR{border: 1px white solid;}
INPUT{color: black;font-size: 12px;font-family: Arial, Verdana;padding-right: 2px;padding-left: 2px;}
.btn.btn-link.AddNew{ font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;}
textarea{resize:none;}
button{}
TABLE {
    font-size: 12px;
    font-family: "Roboto",Helvetica Neue,Helvetica,Arial,sans-serif;
    border-collapse: collapse;
	border-spacing: 0;
}

option{height: auto;}
A{color: #0000FF;text-decoration: none;}
A:hover,a:active{COLOR: red;outline:0;}
a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
.clsDisabledLink{color: grey; cursor:text}

.page-content input
{
    width: auto;
    height: 30px;
    padding: 5px 5px;
}

.page-content input[type=radio], input[type=checkbox]
{
    position: relative;
    vertical-align: middle;
    bottom: 1px;
}

.panel{ min-height: 400px;}

button,input,textarea{margin:0;font-size:100%;vertical-align:middle;}
button,input{*overflow:visible;line-height:normal;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
label,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="radio"],input[type="checkbox"]{cursor:pointer;}
input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}
textarea{overflow:auto;vertical-align:top;}
label,input,button,textarea{font-size:12px;font-weight:normal;line-height:20px;}
input,button,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
label{display:inline;margin-bottom:0px;}
textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{background-color:#ffffff;border:1px solid #cccccc;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition:border linear .2s, box-shadow linear .2s;-moz-transition:border linear .2s, box-shadow linear .2s;-o-transition:border linear .2s, box-shadow linear .2s;transition:border linear .2s, box-shadow linear .2s;}
textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border-color:rgba(82, 168, 236, 0.8);outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);}
input[type="radio"],input[type="checkbox"]{margin: -2px 4px 0 0 !important;*margin-top:0;margin-top:1px;line-height:normal;}
input[type="fileF"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"]{width:auto;}
textarea{height:auto;}
textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{background-color:#ffffff;border:1px solid #cccccc;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition:border linear .2s, box-shadow linear .2s;-moz-transition:border linear .2s, box-shadow linear .2s;-o-transition:border linear .2s, box-shadow linear .2s;transition:border linear .2s, box-shadow linear .2s;}
textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border-color:rgba(82, 168, 236, 0.8);outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);}
input[type="radio"],input[type="checkbox"]{margin: -2px 4px 0 0 !important;*margin-top:0;margin-top:1px;line-height:normal;}
input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"]{width:auto;height: auto;
    top: 0px;
    left: 0px;
}
input:-moz-placeholder,textarea:-moz-placeholder{color:#999999;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999999;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999999;}

input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
    background-color: #EEEEEE;
    color: #333;
    cursor: not-allowed;
}
input[type="submit"].clsButtonOpenPopUp:disabled{ border: 1px solid #ddd; }
input[type="submit"].clsButtonOpenPopUp:disabled:hover{ background-color: transparent; }
/* Navigation Tabs Start */
input[type="text"].LoginUserID{ background: url("../../Images/login_username.png") no-repeat transparent;height: 25px;width: 140px;padding-left: 38px;box-shadow: none;color: #000;border: 0;}
input[type="password"].LoginPwd{ background: url("../../Images/login_password.png") no-repeat transparent;height: 25px;width: 140px;padding-left: 38px;box-shadow: none;color: #000;border: 0;}

/* For tabify */
.clsTDBGColor 
{
    height:25px;
    background-color: White;
    color: #000000;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size:12px;
    text-align:left;
}

/* New Classes */
.fieldset{border: 1px solid #BFBFBF;border-radius: 8px;margin: 15px 0;background-color: #fff;}
.title-reset{margin: 0;color: #fff;font-size: 13px;font-weight: bold;line-height: normal;}


.pnlFieldSet {
    border: 1px solid #BFBFBF;
    border-radius: 8px;
    margin: 15px 0;
    background-color: transparent;
}
tr.clsPnlHeader {height: 30px;}
tr.clsPnlHeader td {
    background-color: transparent;
}
tr.clsPnlHeader > td:first-child {
    border-radius: 0 0 8px 8px;
}
a.pnlCloseImg {
    background: url("../../images/x.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/x.png', sizingMethod='scale');
    cursor: pointer;
    display: inline;
    height: 29px;
    position: absolute;
    right: -12px;
    top: -8px;
    width: 25px;
    z-index: 3200;
}
.modal-open .container-fluid, .modal-open .container {
    -webkit-filter: blur(5px) grayscale(90%);
}

.padding-10{ padding: 10px !important;}
.padding-left-0{ padding-left: 0px !important;}
.padding-right-0{ padding-right: 0px !important;}
.padding-bottom-0{ padding-bottom: 0px !important;}
.padding-top-0{ padding-top: 0px !important;}
.margin-top-0{ margin-top: 0px !important;}
.margin-top-10{ margin-top: 10px !important;}
.margin-bottom-10{ margin-bottom: 10px !important;}
.margin-bottom-0{ margin-bottom: 0px !important;}
tr.clsGroupTitle{height:30px; font-weight:bold;}
.clsGroupTitle td {background: url('Images/TitleBg.jpg') 0 0 repeat;color:#fff;border-bottom: 2px solid #797979;}
tr.clsGroupTitle>td:first-child{border-radius: 8px 8px 0 0;padding-left: 10px;}
tr.clsRowFooter{height:30px;}
tr.clsRowFooter td{background-color:#fff;}
tr.clsRowFooter>td:first-child{border-radius:0 0 8px 8px;}
a.modalCloseImg {
    background: url("../../images/x.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/x.png', sizingMethod='scale');
    cursor: pointer;
    display: inline;
    height: 29px;
    position: absolute;
    right: -12px;
    top: 4px;
    width: 25px;
    z-index: 3200;
}

.clsTBHeadSubTitle {color: #005318;font-weight: bold;height: 25px;text-decoration: underline;}

.clsModalMainTitle{height: 35px;font-size: 15px;font-weight: bold;}
.clsModalMainTitle td {background: rgba(55, 71, 79, 1) 0 0 repeat;color:#fff;}
.clsModalMainTitle>td:first-child{border-radius: 5px 5px 0 0;padding-left: 10px;}

.clsNote{color: #194291;font-size: 11px;text-align: left;}

.clsTBColumn{height: 20px;background-color: #E1E1E1;color: #000;font-weight: normal;font-weight: bold;}
.clsTBColumn td, .clsTBColumn span {padding: 3px 0;}


.clsTBRow{vertical-align:middle;height:40px;background-color:White;color:#000;padding-top:2px;padding-bottom:2px;text-align:left}

.clsButton{display: inline;font: normal 12px Verdana, Geneva, sans-serif;font-style: normal;color: #fff;background: #1B60AE;border:1px solid #113F71;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;width: auto;height: 100%;padding: 5px;cursor: pointer;margin: 0 auto; min-width: 70px; height:28px;}
.clsButton:hover{cursor:pointer;position:relative;background: #F05A40; color: #ffffff; border-color:#CB2C3F}

.clsPrintButton{display: inline;font: normal 12px Verdana, Geneva, sans-serif;font-style: normal;font-weight: bold;color: #fff;background: #1B60AE;border:1px solid #113F71;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;width: auto;height: 100%;padding: 5px;cursor: pointer;margin: 0 auto; min-width: 70px; height:28px;}
.clsPrintButton:hover{cursor:pointer;position:relative;background: #F05A40; color: #ffffff; border-color:#CB2C3F}

.clsVoidButton{display: inline;font: normal 12px Verdana, Geneva, sans-serif;font-style: normal;font-weight: bold;color: #fff;background: red;border:1px solid #113F71;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;width: auto;height: 100%;padding: 5px;cursor: pointer;margin: 0 auto; min-width: 70px; height:28px;}
.clsVoidButton:hover{cursor:pointer;position:relative;background: #F05A40; color: #ffffff; border-color:#CB2C3F}

.clsConfirm{display: inline;font: normal 12px Verdana, Geneva, sans-serif;font-style: normal;color: #fff;background: #1B60AE;border:1px solid #113F71;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;width: auto;height: auto;padding: 2px 6px;cursor: pointer;margin: 0 auto;}
.clsButtonOpenPopUp{display: inline;font: normal 12px Verdana, Geneva, sans-serif;font-style: normal;color: #fff;background: #B70000;border:1px solid #CB2C3F;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;width: auto;height: auto;padding: 3px;cursor: pointer;margin: 0 auto}
.clsButtonOpenPopUp:hover{cursor:pointer;position:relative;background: #F05A40; color: #ffffff; border-color:#CB2C3F}

.clsExportButton{display: inline;font-style: normal;color: #fff;background: #91989E;border:1px solid #202020;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;width: auto;height: 100%;padding: 5px;cursor: pointer;min-width: 70px; height:28px;
    font-variant: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: normal;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
}
.clsExportButton:hover{cursor:pointer;position:relative;background: #F05A40; color: #ffffff; border-color:#CB2C3F}


.clsUploadButton
{
    border: 2pt double #202020;
    background-color: #91989E;
    font-weight: Bold;
    font-size: 11px;
    color: #FFF;
    padding-right: 4px;
    padding-left: 4px;
    height: 25px;
    cursor: pointer;
}

.clsFileUploadButton
{
    height: auto;
    width: 250px; 
}

.clsRemarks
{
	font-size: 11px;
	color: #194291;
	font-family: Arial, Helvetica, sans-serif;
}


.clsRptTitle
{
	font-weight: bold;
	font-size: 12px;
	color: White;
	background-color: Transparent;
}


.clsStatus{font-size: 12px;font-weight: bold;color: red;margin-top:5px;margin-bottom:5px;}
.clsStatus td{min-height:25px; border: #FED22F 1px solid;background-color:white;vertical-align: middle;text-align: center;}


/* GV Style */
.clsDataGridTable{color: #000000;text-align: left;font-family: "Roboto",Helvetica Neue,Helvetica,Arial,sans-serif;font-size: 12px;}
.clsDataGridHeader{color: #000000;background-color: white;text-decoration: none;font-weight: normal;padding: 2px;}
.clsDataGridHeader>th{padding: 4px;border-top: 2px solid #ddd;border-bottom: 1px solid black;font-size: 13px;border-right: 2px solid #ddd;border-left: 2px solid #ddd;}
.clsDataGridHeader a {text-decoration: none;color: #000;}
.clsDataGridData{background-color: #fff;}
.clsDataGridData>td, .clsDataGridAltData>td{ padding: 4px;vertical-align: top;border-top: 2px solid #ddd;border-right: none;border-left: none;word-wrap: break-word;}
.clsDataGridAltData{color: #000000;background-color: white;text-decoration: none;padding: 2px;vertical-align: top;}
.clsDataGridAltData:hover,.clsDataGridData:hover{ background-color:#E6EFFD;}
.clsDataGridFooter {text-decoration: none;}
.clsDataGridFooter td {border-top: 1px solid #ddd;padding: 4px;vertical-align: top;}
.clsDataGridFooter a {color: #FF0066;}
    /* Set footer padding style to zero as it affect the calender padding in grid view */
.clsDataGridFooter td.clsDataGridFooterNoPad td, .clsDataGridData td.clsDataGridDataNoPad td {padding: 0px;}
.clsDataGridData>td.clsNoRecord{font-size: 13px;font-weight :bold;height:30px;text-align:center;vertical-align:middle;}
.clsPager, .clsPager td{font-size: 12px;padding: 5px;font-weight: bold;	vertical-align: middle;text-align: left;background-color: #333333;}
.clsPager a{color:#FF0066;}
.clsPager a:active{color:#000;}
.clsPager A:hover{color: #000;text-decoration: underline;}
.clsPager, .clsPager TD
{
	font-weight: bold;
	color:white;	
	font-family: Arial, Verdana;
	font-size: 11px;
	vertical-align: middle;
	text-align: left;	
}

.clsPager A:link, .clsPager A:visited, .clsPager A:active
{	
	font-family: Arial, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: white;
	text-decoration: underline;
}

.clsPager A:hover
{
	font-family: Arial, Verdana;
	font-size: 11px;
    font-weight: bold;
    color: Blue;
	text-decoration: underline;
}

.clsDataGridSumFooter
{
	color : #000000;
	background-color: #EAEAEA;
	padding: 1px;
	border: #E1E1E1 1px solid;
	vertical-align: middle;
	text-align: Right;
}

.clsSubDataGridTable
{
    color: #000000;
    background-color: #C6E2FF;
    text-align: left;
        font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.clsSubDataGridHeader{color: #000000;background-color: #C6E2FF;text-decoration: none;font-weight: normal;text-align: left;border-color: #6E6E6E;padding: 3px;}

.clsSubDataGridHeader th{border: solid 2px #ccc; color:Black;}

.clsSubDataGridAltData
{
    color: #000000;
    background-color: #D3D2D2;
    text-decoration: none;
    text-align: center;
    padding: 1px;
    border: none;
    vertical-align: top;
    text-align: left;
}

.clsSubDataGridData
{
	color: #000000;
	background-color: #EFEFEF;
	padding: 1px;
    border: none;
	vertical-align: top;
	text-align: left;
}
/* Reporting - L1 Table Style */
.clsL1Table{color: #000000;background-color: #961011;text-align: left;}
.clsL1Header{font-family: Arial, Helvetica, sans-serif;font-size:12px;color:#000;background-color:#961011;text-decoration:none;font-weight:normal;text-align:left;border-color:#005318;padding:1px 1px 1px 1px;}
.clsL1Header th{border: solid 2px #961011;}
.clsL1Data{color:#000;background-color:#FFF;padding:1px;border:solid 1px #333;vertical-align:middle;}
.clsL1AltData{color:#000;background-color:#FFF;padding:1px;border:solid 1px #333;vertical-align:middle;}

/* Reporting - L2 Table Style */
.clsL2Table{color: #000000;background-color:#8B8B89;text-align: left;}
.clsL2Header{font-family: Arial, Helvetica, sans-serif;font-size:11px;color:#000;background-color:#8B8B89;text-decoration:none;font-weight:normal;text-align:left;border-color:#005318;padding:1px 1px 1px 1px;}
.clsL2Header th{border: solid 2px #8B8B89;}
.clsL2Data{color:#000;background-color:#FFF;padding:1px;border:solid 1px #333;vertical-align:middle;}
.clsL2AltData{color:#000;background-color:#FFF;padding:1px;border:solid 1px #333;vertical-align:middle;}

/* Reporting - L3 Table Style */
.clsL3Table{color: #000;background-color:#CCC;text-align: left;}
.clsL3Header{font-family: Arial, Helvetica, sans-serif;font-size:12px;color:#000000;background-color:#CCC;text-decoration:none;font-weight:normal;text-align:left;border-color:#005318;padding:1px 1px 1px 1px;}
.clsL3Header th{border: solid 2px #CCC;}
.clsL3Data{color:#000;background-color:#FFFF99;padding:1px;border:solid 1px #666;vertical-align:middle;}
.clsL3AltData{color: #000;background-color: #FFFF99;padding: 1px;border: solid 1px #666;vertical-align: middle;}

.clsDataListData
{
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	vertical-align: middle;
	background-color: #E8E8E8;
	height: 25px;
	width: 150px;
}

.clsDataListAltData
{
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	vertical-align: middle;
	background-color: #CCCCCC;
	height: 25px;
	width: 150px;
}

.clsDataListEmptyData
{
	background-color: White;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 30px;
	text-align: center;
}

.clsDLGiftHeader
{	
	font-weight: bold;
	font-size: 14px;
	color: white;
	background-color: #004080;
}

.clsDLGiftTable
{
	border-color:#004080;
	border-width:1px;
	border-style:solid;
	font-size: 12px;
	color: Black;
	background-color: #effbff;
}

.clsDLGiftData
{
	border-color:#004080;
	border-width:1px;
	border-style:solid;
	font-size: 12px;
	color: black;
}

.clsDLGiftFooter
{		
	font-size: 12px;
	font-weight: bold;
	color: black;
	background-color: #ffffff;
}


.clsNoRecord
{
	font-size: 11px;
    color: Black;
    font-weight :normal;
    height:20px;
    text-align:center;
    vertical-align:middle;
}

.clsFormSubHeader
{
    font-size: 9pt;
    font-family: Verdana;
    color: #009999;
    text-decoration: underline;
    font-weight: bold;
}

.clsMandatory{color:#ff0000;}

.collapsePanel {height:0px;background-color:white;overflow:hidden;}
.collapsePanelHeader.Role{background-color:#88C6ED;border-bottom:1px solid transparent;color: #000;height: 15px;margin-bottom: 5px;padding: 5px;}
.collapsePanelHeader{	
	background-color: rgba(55, 71, 79, 1);
	color :#fff;
	float:none;
	font-size: 14px;
	cursor: pointer; 	 
	vertical-align: middle;
	font-weight:bold;
	height: 20px;
	padding: 5px 10px ;
   -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}


.clsValidationErrMsg{font-weight: bold; font-size: 10px; color: Red;}

.clsRptSOptMain{font-size: 12px;color: #000000;font-weight: bold;cursor: pointer;}
.clsRptSOptTitleWhite{font-size: 12px;color: #000000;font-weight: normal;cursor: pointer;}

.clsRptSOptSub{font-size: 12px;color: #000000;}
 
.clsmodalBackground{
	background-color:Gray;
	filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity: 0.5;
}

.clsmodalPopup {
	background-color:white;
	box-shadow: 10px 10px 10px #A4A4A4; 
	-moz-border-radius: 5px; 
    border-radius: 5px; 
	font-family:Verdana;
	font-size:medium;
	  -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

/* Normal link button enabled/disabled property (e.g set link button enable=true) shows link button in enabled/disabled effect when in IE only.
 Apply css below to show same enabled/disabled effect for others browser */
.clsLinkButtonDisabled
{
    color: grey;
    cursor: default;
}

.clsLinkButtonEnabled
{
    color: #0000FF;
    cursor: pointer; 
    cursor: hand;
}


input.clsNumericTextBox {
    color: #333333;
    text-align: right;
    font-size: 12px;
    font-family: Arial, Verdana;
}

input.clsReadOnlyTextBox, textarea.clsReadOnlyTextBox
{
    color: #333333;
    font-size: 12px;
    font-family: Arial, Verdana;
    background-color: #FFFFCC;
}

input.clsNumericReadOnlyTextBox
{
    color: #333333;
    text-align: right;
    font-size: 12px;
    font-family: Arial, Verdana;
    background-color: #FFFFCC;
}


.clsHeaderContent{padding-top: 0;}
.clsMenuContent{background: url('Images/bg_white.png') #ffffff repeat; height:25px;}
.clsFooterContent{background: url('Images/bgFooter.jpg') #ffffff repeat; bottom: 0;right:0%;left:0%;  width:100%; color: #FFF;height:45px;position:static;}
.clsFooterFont{background-color: Transparent;color: #c3c3c3;vertical-align: middle;text-align: center;font-family: Arial, Helvetica, sans-serif;font-size: 11px;}

/* Message Box */
.message-box-container {background-color: #F5F5F5;border:1px solid #111;color:#000000;width:300px;border-radius: 0 0 0 0;position:fixed;z-index:9999999;top:50%;left: 50%;margin-left: -150px; margin-top: -70px;}
.message-box-header {display: block;font-weight: bold;height: 30px;position: relative}
.message-box-header.info {background-color: #BDE5F8}
.message-box-header.error {background-color: #FFBABA}
.message-box-header.success {background-color: #DFF2BF}
.message-box-header.warning {background-color: #FEEFB3}
.message-box-header.validation {background-color: #FFBABA}
.message-box-header-text {font-size: 14px;left: 10px;position: absolute;top: 8px}
.message-box-close {cursor:pointer;position:absolute;top:5px;right:5px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAORJREFUeNq0lU0OgjAQhRm5gUl3rLyBB3BDQjwI4TDcgmu4NqwNJGxdueqWA4zzCJoxtvxoeckLzbz2C5ShEDNHDiXis/gkPooPY/0uvomv4ov48bUSQGUSF+Ka51WPc0kzNGwvLnm9ynHtB5B+hGkoaWDB/6t4AZOFe7ZkTxMAc1dqreU0TbnrunetbVvOsmzIPMoBrFwJYGgCY8wAgjFGDZlHFYCNK9EAXPUYmUcNgL0v1dAFMKjfRSsVx/H0hC0eOfhLmWwbfTcYozbXNsEbO/int8nhEPz4CnbAUuhfwFOAAQAA48KKOuexjwAAAABJRU5ErkJggg==');width:20px;height:20px;vertical-align:middle}
.message-box-content {min-height:80px;padding: 15px 8px 8px 15px}
.message-box-content-text {font-size:13px;font-weight:normal;}
.message-box-icon {height:30px;display:block !important;left:0;position:relative;text-indent:-1000px;top:0}
.message-box-icon.info {background: url(Images/i_msg-note.gif) no-repeat;background-size:30px auto;}
.message-box-icon.error {background: url(Images/i_msg-error.gif) no-repeat;background-size:30px auto;}
.message-box-icon.success {background:url(Images/i_msg-success.gif) no-repeat;background-size:30px auto;}
.message-box-icon.warning {background: url(Images/i_msg-notice.gif) no-repeat;background-size:30px auto;}
.message-box-icon.validation {background: url(Images/i_msg-error.gif) no-repeat;background-size:30px auto;}

/* Validation Summary */
.validationsummary {border: 1px solid #FED22F;background: #FFFFCC url(Images/i_msg-notice.gif) no-repeat 12px 36px;padding: 5px 0px 13px 12px;margin-bottom: 8px;font-size: 12px;font-weight: bold;color: #56300a;width: 98.7%;}
.validationsummary ul {padding-top: 3px;padding-left: 60px;list-style:none;font-size: 12px;color:red;}
.validationsummary ul li {padding: 2px 0px 0px 15px;background-image:url(Images/Exclamation.gif);background-position:0px 3px;background-repeat:no-repeat;}

/* Style the Notice at Main Page */
.clsNotice {background: #b9dafb url(Images/bgNotice.gif) repeat-x top left;}
.clsNoticeTL {background: transparent url(Images/notice_TL.gif) no-repeat top left; width:10px; height: 10px;}
.clsNoticeTM {background: transparent url('Images/notice_TM.gif') repeat-x; height: 10px;}
.clsNoticeTR {background: transparent url(Images/notice_TR.gif) no-repeat top right; width:10px; height: 10px;}
.clsNoticeBL {background: transparent url(Images/notice_BL.gif) no-repeat bottom left; width:10px; height: 10px;}
.clsNoticeBM {background: transparent url(Images/notice_BM.gif) repeat-x; height: 10px;}
.clsNoticeBR {background: transparent url(Images/notice_BR.gif) no-repeat bottom right; width:10px; height: 10px;}
.clsNoticeContent {background: #b9dafb url(Images/bgNotice.gif) repeat-x top left; margin: 0;}


/* Tabs */
#tab.tabs {float:left;font-size:12px;font-weight:bold;height:25px;list-style:none outside none;margin:10px 0 0 0;padding:0 0 1px 0;z-index:0}
#tab.tabs li {-moz-border-colors: none;-moz-border-image: none;background:none repeat scroll 0 0 #848484;border:1px solid #999999;float:left;height:25px;line-height:25px;margin:0;overflow:hidden;padding:0;position:relative;background-position:left 0}
#tab.tabs li a {border:1px solid #FFFFFF;color:#ffffff;display: block;font-size: 12px;outline: medium none;padding: 0 20px;text-decoration: none;cursor:pointer;}
#tab.tabs li.active a {color:Purple;}
#tab.tabs li.active, #tab.tabs li.active a:hover{background: none repeat scroll 0 0 #FFFFFF;border-bottom: 0px solid #FFFFFF;z-index:0;cursor:default;}
.tab_container {-moz-border-colors: none;-moz-border-image: none;background: none repeat scroll 0 0 #EEEEEE;border:medium 0px 0px solid #999999;float: left;margin-left: 0;overflow: hidden;}
.tab_content {border:1px solid #999999}


div.MaskedDiv {
	visibility: hidden;
	position:absolute;
	left:0px;
	top:0px;
	font-family:verdana;
	font-weight:bold;
	padding:40px;
    z-index:100;
     background-color: Gray;
	/* ieWin only stuff */
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale);
	  filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity: 0.5;
}

div.ModalPopup {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	background-color: #ffffff;
	position:absolute;
	/* set z-index higher than possible */
	z-index:10000;
	visibility: hidden;
	 color: Black;
	border-style: solid;
	border-color: #999999;
	border-width: 1px;
    width: 300px;
    height :80px;
}


.clsProgressBar{top: 50%; left: 50%; width: 300px; height: 80px;margin-top: -40px; margin-left: -150px; border: 1px solid #999; background-color: #fff; position: fixed;color:#000;z-index:99999; display: inline;}
.clsProgressBar.hide{ display: none !important;}
.clsProgressPnlTransBox{top:0;left:0;width:100%;height:100%;position:fixed;background-color:#000000;border:1px solid black;opacity:0.6;filter:alpha(opacity=60); /* For IE8 and earlier */z-index:10000;}


/*This css class force the calender extender to display on top of CKEDITOR, 
if not the z-index of CKEDITOR is higher than the Calender Extender*/
.ajax__calendar_container { z-index : 100 ; }



/* back to top 
***********************************/
#backtotop {
        border:1px solid #ccc;
        background:#f7f7f7;
        color:#333;
        position:fixed; 
        cursor:pointer;
          bottom:10px;
        right:10px;
        width:100px;
        padding:5px;
        text-align:center;
}
/********************************/

.a-right {
    text-align: right !important;
}


.a-center {
    text-align: center !important;
    padding: 5px;
    margin-bottom: 1px;
}

/* Wizard - Side Bar */
.clsWizards {vertical-align: text-top;}
.clsWizard {vertical-align: text-top;}
.clsWizard table {border: solid 2px #008641; background-color: #008641;}
.clsWizard td,.clsWizard th{border: solid 2px #008641}
.clsWizardHeadTitle {background-color: white; font-weight: bold; color: #000; height: 25px; padding-left: 9px;}
.clsWizardButton {display: inline;font: normal 12px Verdana, Geneva, sans-serif;font-style: normal;color: #fff;background: #990000;border: 1px solid #CC0000;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;width: auto;height: 100%;padding: 5px;cursor: pointer;margin: 0 auto;min-width: 70px;}
.clsWizardButton:hover{cursor:pointer;position:relative;background: #F05A40; color: #ffffff; border-color:#CB2C3F}
.clsWizardSideBar {background-color: #EEEEEE; text-decoration: underline; color: #000000; width: 150px; height: 350px; border-left-style: solid; border-left-width: 1px; border-left-color: #EEEEEE; padding: 10px 10px 0px 10px; line-height: 30px;}
.clsWizardSideBar a:hover {background-color: #ADD4FB; color: #000000;}
.clsWizardSideBarButton {border: 1px solid #333333; background-color: #91989E; color: #FFFFFF; text-decoration: underline; font-weight: bold; padding-left: 5px; vertical-align: middle;}
.clsWizardSideBarFinishButton {border: 1px solid #333333; background-color: #91989E; color: #FFFFFF; font-weight: bold; padding-left: 5px; vertical-align: middle;}
.clsWizardSideBarButtonHighlight {border: 1px solid #333333; background-color: #ADD4FB; color: #FFFFFF; text-decoration: underline; font-weight: bold; padding-left: 5px; vertical-align: middle;}
.clsWizardMsg {height: 25px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: red; vertical-align: middle; text-align: left; font-size: 12px; padding: 1px; border:0;}
.clsWizardMsg td {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: red; vertical-align: middle; text-align: left; font-size: 12px; padding: 3px; border:0;}
.clsWizardMsg Table {height: 20px; margin-top: 5px; margin-bottom: 5px; border-right: #FED22F 1px solid; border-top: #FED22F 1px solid; border-left: #FED22F 1px solid; border-bottom: #FED22F 1px solid; background-color: white;}
/* Wizard - For Header */
.clsWizardListItemTitle {background: #D3D2D2;-moz-border-top-left-radius: 8px;-moz-border-top-right-radius: 8px;border-top-left-radius: 8px;border-top-right-radius: 8px;font-weight: bold;height:25px;color: #fff;padding: 0 10px 0 11px;}
/* Wizard - For Footer */
.clsWizardListItemBottom {background: #D3D2D2;-moz-border-bottom-left-radius: 8px;-moz-border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;height:25px;}
/* Wizard - For Item Row */
.clsWizardListItemRow {vertical-align:top;height:25px;background-color: #D3D2D2;color: #000000;padding-top: 2px;padding-bottom: 2px;font-size:12px;text-align:left;}

#wizHeader li .prevStep
{
    background-color: #669966;
}
#wizHeader li .prevStep:after
{
    border-left-color:#669966 !important;
}
#wizHeader li .currentStep
{
    background-color: #C36615;
}
#wizHeader li .currentStep:after
{
    border-left-color: #C36615 !important;
}
#wizHeader li .nextStep
{
    background-color:#C2C2C2;
}
#wizHeader li .nextStep:after
{
    border-left-color:#C2C2C2 !important;
}
#wizHeader
{
    list-style: none;
    overflow: hidden;
    font: 18px Helvetica, Arial, Sans-Serif;
    margin: 0px;
    padding: 0px;
}
#wizHeader li
{
    float: left;
}
#wizHeader li a
{
    color: white;
    text-decoration: none;
    padding: 10px 0 10px 55px;
    background: brown; /* fallback color */
    background: hsla(34,85%,35%,1);
    position: relative;
    display: block;
    float: left;
}
#wizHeader li a:after
{
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
    border-bottom: 50px solid transparent;
    border-left: 30px solid hsla(34,85%,35%,1);
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    z-index: 2;
}
#wizHeader li a:before
{
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid white;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-left: 1px;
    left: 100%;
    z-index: 1;
}        
#wizHeader li:first-child a
{
    padding-left: 10px;
}
#wizHeader li:last-child 
{
    padding-right: 50px;
}
#wizHeader li a:hover
{
    background: #FE9400;
}
#wizHeader li a:hover:after
{
    border-left-color: #FE9400 !important;
}

.func_desc {
    font-size: 14px;
}


/* Auto Complete */
.autoCompletionList {border: 1px solid #999999;background-color: White;margin: 0!important;padding: 2px;height: 100px;width:250px;overflow: auto;z-index: 2000;list-style-type:none;cursor:pointer;}
.autoCompletionListItem {color: #666666;}
.autoCompletionListItemHighlight {background-color: #FFFFCC;}


.title {
  background: #263238;
  color: #fff;
  font-family: 'Arial', sans-serif;
  font-weight: normal;
  font-size: 25px;
  padding: 10px 10px 10px 20px;
  margin-top: 0;
  margin-bottom: 20px;
}


.clsModalMainTitle
{
	height: 35px;
    font-size: 15px;
	font-weight: bold;
}
.clsModalMainTitle td {background: rgba(55, 71, 79, 1) 0 0 repeat;color:#fff;}
.clsModalMainTitle>td:first-child{border-radius: 5px 5px 0 0;padding-left: 10px;}

/* -- Tooltip Indicator -- */
.tooltipImg
{
    height: 16px;
    width: 16px;
    vertical-align: middle;
}

.clsPanelScroll {
  overflow-x: scroll;
}

/* -- Drop Down -- */
select {
    width: auto;
    border: 1px solid #cccccc;
    background-color: #ffffff;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    cursor: pointer;
    font-weight: normal;
    display: inline-block;
    margin-bottom: 5px;
    font-size: 12px;
    color: #000;
    border-radius: 4px;
    vertical-align: middle;
    padding: 5px !important;
}

.chkColDisp td {
   padding-right: 8px;
   padding-bottom: 8px;
}

/* -- Telerik Chart -- */
/* -- Header Background Color -- */
.div1_clr {
    background-color: #efe9d5;
    height: 76px;
}

.div2_clr {
    background-color: #e2e2e0;
    height: 76px;
}

.div3_clr {
    background-color: #f9e8f9;
    height: 76px;
}

.div4_clr {
    background-color: #e8e6ed;
    height: 76px;
}

.div5_clr {
    background-color: #d6e9c6;
    height: 76px;
}

.div6_clr {
    background-color: #f4dad9;
    height: 76px;
}

.div7_clr {
    background-color: #e6e8da;
    height: 76px;
}

.div8_clr {
    background-color: #dee2e8;
    height: 76px;
}

.div9_clr {
    background-color: #e6e8da;
    height: 76px;
}

.div10_clr {
    background-color: #e1f9d1;
    height: 76px;
}

/* -- Chart Box Shadow Layout -- */
.div1_shadow {
    box-shadow: 2px 2px 0px #c5c1b4;
}

.div2_shadow {
    box-shadow: 2px 2px 0px #e2e2e0;
}

.div3_shadow {
    box-shadow: 2px 2px 0px #f9e8f9;
}

.div4_shadow {
    box-shadow: 2px 2px 0px #e2e2e0;
}

.div5_shadow {
    box-shadow: 2px 2px 0px #d6e9c6;
}

.div6_shadow {
    box-shadow: 2px 2px 0px #f4dad9;
}

.div7_shadow {
    box-shadow: 2px 2px 0px #e6e8da;
}

.div8_shadow {
    box-shadow: 2px 2px 0px #dee2e8;
}

.div9_shadow {
    box-shadow: 2px 2px 0px #e6e8da;
}

.div10_shadow {
    box-shadow: 2px 2px 0px #e1f9d1;
}

.footer-pagination {
    position: relative !important;
    bottom: 0;
    width: 100%;
    height: 60px;
    background-color: #f8f9fa;
    border-top: 1px solid #dee2e6;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    font-size: 14px;
    box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.1);
    top: 10px !important;
}

.footer-pagination .record-count {
    color: #333;
}