/* To centerize the body */
* {
	margin: 0;
}
#push{height:140px;}
form{margin-bottom:0px;}
.clsDivBody{border: 0px solid #669999;background-color : Transparent;}
.header{ background: url(../../Images/garden-header.png) no-repeat transparent;height: 80px;width: 1000px;position: relative;float: left;}
.header-link{ position: relative;float: right;top: -20px;z-index: 1;color: blue;}
.header-link a{ color: blue; }
.header-link a:hover{ color: #ff0000; }
html, body{background: #FFF url(Images/gplaypattern.png) repeat scroll 0 0;margin: 0px;padding: 0px;height:100%;line-height:20px;}
H2{font-weight: bold;}
h2.smallm_title{color:#111111;text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 rgba(255, 255, 255, 0.7);font-size:21px;font-weight:700;border-bottom:3px solid #c71b1b;margin:0 0 0px;}
.smallm_title{color:#111111;text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 rgba(255, 255, 255, 0.7);font-size:14px;font-weight:700;border-bottom:3px solid #c71b1b;margin:0 0 0px;}
.smallm_title span{padding-bottom:0px;display:inline-block;border-bottom:0px solid #c71b1b;position:relative;}
.smallm_title span.main{margin-top:10px;padding-bottom:9px;display:inline-block;border-bottom:0px solid #c71b1b;position:relative;font-size:21px;text-transform:uppercase;vertical-align: bottom;}
.smallm_title span.sub{padding-top: 10px;display:inline-block;position:absolute;font-weight: normal; font-size:14px;vertical-align: text-bottom;}
.smallm_title span.main:before{content:'';position:absolute;left:50%;bottom:0;margin-left:-2px;border:3px solid transparent;border-bottom-color:#c71b1b;}
.smallm_title.centered{text-align:center;}
.smallm_title.bigger{font-size:18px;}
.smallm_title span.lnkAction{ float: right;position: relative;font-size: 14px;margin-top: 15px;}
HR{border: 1px white solid;}
INPUT{color: black;font-size: 12px;font-family: Arial, Verdana;padding-right: 2px;padding-left: 2px;}

textarea
{
    color: black;
    font-size: 12px;
    font-family: Arial, Verdana;
	resize:none;
}

BUTTON
{
    WIDTH: 100px;
    HEIGHT: 40px;
    TEXT-ALIGN: center
}

TABLE {
    font-size: 12px;
    font-family: "Roboto",Helvetica Neue,Helvetica,Arial,sans-serif;
    border-collapse: collapse;
	border-spacing: 0;
}
OPTION{COLOR: black;HEIGHT: 20px;}
A{color: #0000FF;text-decoration: none;}
A:hover{COLOR: red;}

.input-append .active,.input-prepend .active{background-color:#a9dba9;border-color:#46a546;}

a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
a:hover,a:active{outline:0;}

.container {
    width:100%;
    background-color:#ffffff;
    float: none; 
    box-shadow: 0 1px 10px #A4A4A4; 
    border-radius: 5px; 
    margin-top: 10px; 
    padding: 15px;
    min-height: 500px;
}
.containerCardTxn {
    width:800px;
    background-color:#ffffff;
    float: none; 
    box-shadow: 0 1px 10px #A4A4A4; 
    border-radius: 5px; 
    padding: 15px;
    min-height: 400px;
}
.span12{width:980px;}
.span11{width:900px;}
.span10{width:820px;}
.span9{width:740px;}
.span8{width:660px;}
.span7{width:580px;}
.span6{width:500px;}
.span5{width:420px;}
.span4{width:340px;}
.span3{width:260px;}
.span2{width:180px;}
.span1{width:100px;}
.offset12{margin-left:980px;}
.offset11{margin-left:900px;}
.offset10{margin-left:820px;}
.offset9{margin-left:740px;}
.offset8{margin-left:660px;}
.offset7{margin-left:580px;}
.offset6{margin-left:500px;}
.offset5{margin-left:420px;}
.offset4{margin-left:340px;}
.offset3{margin-left:260px;}
.offset2{margin-left:180px;}
.offset1{margin-left:100px;}
.row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;}
.row-fluid:after{clear:both;}
.row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.127659574468085%;*margin-left:2.074468085106383%;}
.row-fluid [class*="span"]:first-child{margin-left:0;}
.row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.127659574468085%;}
.row-fluid .span12{width:100%;}
.row-fluid .span11{width:91.48936170212765%;*width:91.43617021276594%;}
.row-fluid .span10{width:82.97872340425532%;*width:82.92553191489361%;}
.row-fluid .span9{width:74.46808510638297%;*width:74.41489361702126%;}
.row-fluid .span8{width:65.95744680851064%;*width:65.90425531914893%;}
.row-fluid .span7{width:57.44680851063829%;*width:57.39361702127659%;}
.row-fluid .span6{width:48.93617021276595%;*width:48.88297872340425%;}
.row-fluid .span5{width:40.42553191489362%;*width:40.37234042553192%;}
.row-fluid .span4{width:31.914893617021278%;*width:31.861702127659576%;}
.row-fluid .span3{width:23.404255319148934%;*width:23.351063829787233%;}
.row-fluid .span2{width:14.893617021276595%;*width:14.840425531914894%;}
.row-fluid .span1{width:6.382978723404255%;*width:6.329787234042553%;}
.row-fluid .offset12{margin-left:104.25531914893617%;*margin-left:104.14893617021275%;}
.row-fluid .offset12:first-child{margin-left:102.12765957446808%;*margin-left:102.02127659574467%;}
.row-fluid .offset11{margin-left:95.74468085106382%;*margin-left:95.6382978723404%;}
.row-fluid .offset11:first-child{margin-left:93.61702127659574%;*margin-left:93.51063829787232%;}
.row-fluid .offset10{margin-left:87.23404255319149%;*margin-left:87.12765957446807%;}
.row-fluid .offset10:first-child{margin-left:85.1063829787234%;*margin-left:84.99999999999999%;}
.row-fluid .offset9{margin-left:78.72340425531914%;*margin-left:78.61702127659572%;}
.row-fluid .offset9:first-child{margin-left:76.59574468085106%;*margin-left:76.48936170212764%;}
.row-fluid .offset8{margin-left:70.2127659574468%;*margin-left:70.10638297872339%;}
.row-fluid .offset8:first-child{margin-left:68.08510638297872%;*margin-left:67.9787234042553%;}
.row-fluid .offset7{margin-left:61.70212765957446%;*margin-left:61.59574468085106%;}
.row-fluid .offset7:first-child{margin-left:59.574468085106375%;*margin-left:59.46808510638297%;}
.row-fluid .offset6{margin-left:53.191489361702125%;*margin-left:53.085106382978715%;}
.row-fluid .offset6:first-child{margin-left:51.063829787234035%;*margin-left:50.95744680851063%;}
.row-fluid .offset5{margin-left:44.68085106382979%;*margin-left:44.57446808510638%;}
.row-fluid .offset5:first-child{margin-left:42.5531914893617%;*margin-left:42.4468085106383%;}
.row-fluid .offset4{margin-left:36.170212765957444%;*margin-left:36.06382978723405%;}
.row-fluid .offset4:first-child{margin-left:34.04255319148936%;*margin-left:33.93617021276596%;}
.row-fluid .offset3{margin-left:27.659574468085104%;*margin-left:27.5531914893617%;}
.row-fluid .offset3:first-child{margin-left:25.53191489361702%;*margin-left:25.425531914893618%;}
.row-fluid .offset2{margin-left:19.148936170212764%;*margin-left:19.04255319148936%;}
.row-fluid .offset2:first-child{margin-left:17.02127659574468%;*margin-left:16.914893617021278%;}
.row-fluid .offset1{margin-left:10.638297872340425%;*margin-left:10.53191489361702%;}
.row-fluid .offset1:first-child{margin-left:8.51063829787234%;*margin-left:8.404255319148938%;}
[class*="span"].hide,.row-fluid [class*="span"].hide{display:none;}
[class*="span"].pull-right,.row-fluid [class*="span"].pull-right{float:right;}
.container{margin-right:auto;margin-left:auto;*zoom:1;}
.container:before,.container:after{display:table;content:"";line-height:0;}
.container:after{clear:both;}
.container-fluid{padding-right:20px;padding-left:20px;*zoom:1;}
.container-fluid:before,.container-fluid:after{display:table;content:"";line-height:0;}
.container-fluid:after{clear:both;}

.containerCardTxn{margin-right:auto;margin-left:auto;*zoom:1;}
.containerCardTxn:before,.containerCardTxn:after{display:table;content:"";line-height:0;}
.containerCardTxn:after{clear:both;}
.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;
}

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, a.btn-link{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;}
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],input[disabled]:hover, 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;  cursor: not-allowed;}

/* 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;}
.member-tab{clear:both;margin-top:48px;}
.tabs-stacked .open>a:hover,.tabs-stacked .open>a:focus{border-color:#999999;}
.tabbable{*zoom:1;}.tabbable:before,.tabbable:after{display:table;content:"";line-height:0;}
.tabbable:after{clear:both;}
.tab-content{overflow:auto;}
.tabs-below>.nav-tabs,.tabs-right>.nav-tabs,.tabs-left>.nav-tabs{border-bottom:0;}
.tab-content>.tab-pane,.pill-content>.pill-pane{display:none;}
.tab-content>.active,.pill-content>.active{display:block;}
.tabs-below>.nav-tabs{border-top:1px solid #ddd;}
.tabs-below>.nav-tabs>li{margin-top:-1px;margin-bottom:0;}
.tabs-below>.nav-tabs>li>a{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}.tabs-below>.nav-tabs>li>a:hover,.tabs-below>.nav-tabs>li>a:focus{border-bottom-color:transparent;border-top-color:#ddd;}
.tabs-below>.nav-tabs>.active>a,.tabs-below>.nav-tabs>.active>a:hover,.tabs-below>.nav-tabs>.active>a:focus{border-color:transparent #ddd #ddd #ddd;}
.tabs-left>.nav-tabs>li,.tabs-right>.nav-tabs>li{float:none;}
.tabs-left>.nav-tabs>li>a,.tabs-right>.nav-tabs>li>a{min-width:74px;margin-right:0;margin-bottom:3px;}
.tabs-left>.nav-tabs{float:left;margin-right:19px;border-right:1px solid #ddd;}
.tabs-left>.nav-tabs>li>a{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;}
.tabs-left>.nav-tabs>li>a:hover,.tabs-left>.nav-tabs>li>a:focus{border-color:#eeeeee #dddddd #eeeeee #eeeeee;}
.tabs-left>.nav-tabs .active>a,.tabs-left>.nav-tabs .active>a:hover,.tabs-left>.nav-tabs .active>a:focus{border-color:#ddd transparent #ddd #ddd;*border-right-color:#ffffff;}
.tabs-right>.nav-tabs{float:right;margin-left:19px;border-left:1px solid #ddd;}
.tabs-right>.nav-tabs>li>a{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;}
.tabs-right>.nav-tabs>li>a:hover,.tabs-right>.nav-tabs>li>a:focus{border-color:#eeeeee #eeeeee #eeeeee #dddddd;}
.tabs-right>.nav-tabs .active>a,.tabs-right>.nav-tabs .active>a:hover,.tabs-right>.nav-tabs .active>a:focus{border-color:#ddd #ddd #ddd transparent;*border-left-color:#ffffff;}




/* Navigation Tabs Settings End */

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

.padding-10{ padding: 12px !important;}
.padding-left-0{ padding-left: 0px !important;}
.padding-right-0{ padding-right: 0px !important;}
.margin-top-10{ margin-top: 10px !important;}
.margin-bottom-10{ margin-bottom: 10px !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;}

.clsTabTitle{height:30px; font-weight:bold;}
.clsTabTitle td {background: url('Images/TitleBg.jpg') 0 0 repeat;color:#fff;border-bottom: 2px solid #797979;}
.clsTabTitle>td:first-child{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: -8px;
    width: 25px;
    z-index: 3200;
}

/* New Classes End */

.clsHyCloseLink
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    vertical-align: middle;
}

.clsHylink, clsHylink A:link, .clsHylink A:visited, .clsHylink A:active
{	
	font-family: Arial, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFCC;
	text-decoration: underline;
}

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

.clsHrefTopBottom1, clsHrefTopBottom1 A:link, .clsHrefTopBottom1 A:visited, .clsHrefTopBottom1 A:active, .clsHrefTopBottom1 A:hover
{	
	font-family: Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
	color: blue;
	text-decoration: none;
}

.clsHrefTopBottom2, clsHrefTopBottom2 A:link, .clsHrefTopBottom2 A:visited, .clsHrefTopBottom2 A:active, .clsHrefTopBottom2 A:hover
{	
	font-family: Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #194291;
	text-decoration: none;
}

.clsVMTitle
{
    color: #000000;
    text-align:left;
    font-size :18px;
    font-weight:bold;
}

.clsVMSubTitle
{
    color: #000000;
    text-align:left;
    font-size :12px;
    font-weight:bold;
}

.clsVMContent
{
    color: #000000;
    text-align:left;
    font-size :12px;
}

.clsExplain
{
	color: #000000;
	padding-left:10px;
	padding-right:10px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align:left;
	font-size :7pt;
}

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

.clsPrintedRow
{
    color: green;
}

span#unbold
{
	font-weight: normal;
}
.clsTab
{
	background-color: #EAEAEA;
	color: #000000;
	padding-left:10px;
	padding-right:10px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align:left;
}
.clsTBTitle
{
	height: 20pt;
	background-image: url('../DefaultSkin/Images/Tile.gif');
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12pt;
}

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


.clsTBHeadTitle
{
	background-color: #EEEEEE;
	font-weight: bold;
	color: #000;
	height: 20px;
}

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


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

.clsTBTotalRow
{
    vertical-align:top; /* remove this if most of the page align affected*/
	height:30px;
	background-color: #EEEEEE;
	color: #000000;
	vertical-align: middle;
}

.clsGranTotalText
{
    font-size: 15px;
    color: #FF0000;
    font-weight: bold;
}

.clsGranTotalValue
{
    font-size: 15px;
    color: #000;
    font-weight: bold;
}

.clsTBMain
{
	vertical-align:top; 
	text-align:left;
	color: #000000;
	/*background-color: #C8E2F3;*/
	
}

/*Changing this style due to the main panel min height is not work in master content
 and it was apply to table */
.clsPanelMain 
{
	height:390px;	
	background-color:#EEE;
}

.clsPanelHeadTitle
{
	height: 15px;
	background-color: #0C62AC;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}

.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;
    font-family: Verdana, Geneva, sans-serif;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
}
.clsExportButton:hover{cursor:pointer;position:relative;background: #F05A40; color: #ffffff; border-color:#CB2C3F}


.clsLoginButton
{
    border: 0;
    background: #000 url(Images/login_Dark_Button.png);
    font-weight: Bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: white;
    height: 31px;
    cursor: pointer;
}

.clsFieldsetBtn
{
    border: 2pt double #113F71;
    background-color: #1B60AE;
    font-weight: Bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFF;
    padding-right: 4px;
    padding-left: 4px;
    height: 25px;
    cursor: pointer;
}
.clsFieldsetBtn:hover{cursor:pointer;position:relative;background: #F05A40; color: #ffffff; border-color:#CB2C3F}
.clsUploadButton
{
    border: 2pt double #202020;
    background-color: #91989E;
    font-weight: Bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFF;
    padding-right: 4px;
    padding-left: 4px;
    height: 25px;
    cursor: pointer;
}

.clsTBborder
{
    border: solid thin #0C62AC;
    background-color: Transparent;
}


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

.clsTitle
{
	height: 35px;
	font-weight: bold;
	font-size: 12pt;
	color: #000000;
	background-color: #B3D9FF;
}

.clsInforTitle
{
	font-weight: bold;
	font-size: 14pt;
	color: #008b8b;
	font-family : Arial;
}

.clsInforFont
{
	font-weight: bold;
	font-size: 10pt;
	color: #000000;
	font-family: Arial;
}

.clsHelpInforTitle
{
	font-weight: bold;
	font-size: 12pt;
	color: #008b8b;
	font-family : Arial;
}

.clsHelpInforFont
{
	font-size: 10pt;
	color: #000000;
	font-family: Arial;
}

.clsFont
{
	font-weight: bold;
	font-size: 8pt;
	color: #000000;
}

.clsDownloadFont
{
	font-size: 16px;
	font-weight: bold;
	color: #000099;
}

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

.clsExpTitle
{
	font-weight: bold;
	font-size: 18px;
	color: navy;
}

.clsStatus
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 1px;
    color: red;
    vertical-align: middle;
}

.clsNotify
{
    font-family: "Arial" , Verdana;
    font-weight: bold;
    font-size: 11px;
    color: red;    
    text-align: Left;
    vertical-align: middle;  
}

.clsStatus Table
{    
    height:25px; 
    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;
}

.clsMpxLabelView
{
	font-weight: bold;
	/*font-size: 12px;*/
	color: black;
}

.clsLabelView
{
	font-weight: bold;
	font-size: 12pt;
	color: black;
}

.clsFormTitle
{
	FONT-SIZE:16pt;
	Color:#006699;
	font-weight: bold;
}

/* GV Style */
.clsDataGridTable{color: #000000;text-align: left;font-family: "Roboto",Helvetica Neue,Helvetica,Arial,sans-serif;font-size: 13px;}
.clsDataGridHeader{color: #000000;background-color: #fff;text-decoration: none;font-weight: normal;}
.clsDataGridHeader>th{padding: 4px;border: 2px solid #ddd;font-size: 13px;}
.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;border-bottom: none;}
.clsDataGridAltData{color: #000000;background-color: white;text-decoration: none;text-align : center;padding: 2px;vertical-align: top;text-align: left;}
.clsDataGridAltData:hover,.clsDataGridData:hover{ background-color:#E6EFFD;}
.clsDataGridFooter{font-size: 13px;vertical-align:middle;text-align:right;font-weight: bold;text-decoration: none;}
.clsDataGridFooter a{color: #FF0066;}
.clsDataGridData>td.clsNoRecord{font-size: 13px;font-weight :bold;height:30px;text-align:center;vertical-align:middle;}

.clsExemptGridData{background-color: #fff;}
.clsExemptGridData>td, .clsExemptGridAltData>td{ padding: 4px;vertical-align: top;border: 2px solid #ddd;}
.clsExemptGridAltData{color: #000000;background-color: white;text-decoration: none;text-align : center;padding: 2px;vertical-align: top;text-align: left;}
.clsExemptGridAltData:hover, .clsExemptGridData:hover{ background-color:#E6EFFD;}
.clsExemptGridFooter{font-size: 13px;vertical-align:middle;text-align:right;font-weight: bold;text-decoration: none;}
.clsExemptGridFooter>td{border: 2px solid #ddd;}
.clsExemptGridFooter a{color: #FF0066;}

.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{background-color: #fff;color: #000000;text-align: left;font-family: "Roboto",Helvetica Neue,Helvetica,Arial,sans-serif;font-size: 13px;}
.clsSubDataGridHeader{color: #000000;background-color: #C6E2FF;text-decoration: none;font-weight: normal;text-align: left;border-color: #6E6E6E;padding: 3px;}
.clsSubDataGridHeader th{border: 2px solid #ccc; color:Black;padding: 2px;}

.clsSubDataGridData{color: #000000;background-color: #EFEFEF;border: none;vertical-align: top;text-align: left;}
.clsSubDataGridAltData{color: #000000;background-color: #D3D2D2;border: none;vertical-align: top;text-align: left;}
.clsSubDataGridData td, .clsSubDataGridAltData td{ padding: 3px;}

.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;
}

.clsCM1On
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 2px;
    COLOR: black;
    PADDING-TOP: 2px;
    TEXT-DECORATION: none
}
.clsCM1Over
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 2px;
    COLOR: black;
    PADDING-TOP: 2px;
    TEXT-DECORATION: none;
}
.clsCM2On
{
	font-family: Arial, Verdana;
	padding-left: 4px;
	font-weight: bold;
	font-size: 10px;
	padding-bottom: 2px;
	color: white;
	padding-top: 2px;
	text-decoration: none;
}
.clsCM2Over
{
	padding-right: 4px;
	padding-left: 4px;
	font-weight: bold;
	font-size: 10px;
	padding-bottom: 2px;
	color: White;
	padding-top: 2px;
	text-decoration: none;
}

.clsStyle1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: black;
}
.clsBgColor1
{
    BACKGROUND-COLOR: #ffffff
}
.clsBgColor2
{
    BACKGROUND-COLOR: #effbff
}
.clsLoadingMessage
{
    BORDER-RIGHT: 2px ridge;
    BORDER-TOP: 2px ridge;
    FONT-WEIGHT: bold;
    FONT-SIZE: 15px;
    Z-INDEX: 3;
    LEFT: 380px;
    BORDER-LEFT: 2px ridge;
    WIDTH: 250px;
    COLOR: black;
    BORDER-BOTTOM: 2px ridge;
    POSITION: absolute;
    TOP: 240px;
    HEIGHT: 130px;
    BACKGROUND-COLOR: #eeeeee
}

.clsHref
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: white;
}
.clsHref A:link
{
    COLOR: white;
    TEXT-DECORATION: underline
}
.clsHref A:visited
{
    FONT-SIZE: 12px;
    COLOR: white;
    TEXT-DECORATION: underline
}
.clsHref A:active
{
    COLOR: white;
    TEXT-DECORATION: underline
}
.clsHref A:hover
{
    COLOR: yellow;
    TEXT-DECORATION: underline
}

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


.clsMandatory
{
	
	color:#ff0000;
}

.clsMonthButton
{
	width:60px; 
	height:25px; 
	border-style:solid; 
	border-color:Silver;
}

.clsPanel
{
	text-align :center;
	
}


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

.clsPagingComboBox
{
	font-family: Verdana, 'Century Gothic';
	font-size: 8pt;
	color: #0000FF;
	font-weight: normal; 
 }


.clsPrevious
{
	background: #e0dfe3 url('../DefaultSkin/Images/Previous.png') no-repeat center;
	height:1.3em;
	width: 16px;
}

.clsNext{
    background:#e0dfe3 url('../DefaultSkin/Images/Next.png') no-repeat center;
    height:1.3em;
    width:16px;
}

.clsLast
{
	background:#e0dfe3 url('../DefaultSkin/Images/Last.png') no-repeat center;
	height:1.3em;
	width:20px;
}

.clsFirst
{
	background:#e0dfe3 url('../DefaultSkin/Images/First.png') no-repeat center;
	height:1.3em;
	width:20px;
}

.clsDemoTable
{
	border-right: #009999 1px solid;
	border-top: #009999 1px solid;
	border-left: #009999 1px solid;
	border-bottom: #009999 1px solid;
	background-color: #009999;
}

.clsDemoColumn
{
	color: #FFFFFF;
	background-color: #009999;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	text-align:center;
	font-weight:bold;
}

.clsDemoRow
{
	color: #000000;
	background-color:#EAEAEA;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	border-right: #009999 1px solid;
	border-top: #009999 1px solid;
	border-left: #009999 1px solid;
	border-bottom: #009999 1px solid;
}

.clsDemoAltRow
{
	color: #000000;
	background-color: #dcdcdc;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	border-right: #009999 1px solid;
	border-top: #009999 1px solid;
	border-left: #009999 1px solid;
	border-bottom: #009999 1px solid;
}

.flyOutDivCloseX
{
	background-color: #666666;
	color: #FFFFFF;
	font-weight: bold;
	border: outset thin #FFFFFF;
	padding-right: 5px;
	padding-left: 5px;
} 

/* For Header Title */

.clsListItemTitleTL 
{ 
    background: url('Images/Title_R_TL.png');
    width:10px;
    height:30px;
}

.clsListItemTitleTM 
{ 
   background-image: url(Images/Title_R_TM.png);
   font-weight: bold;
   height:30px;
   color: #fff;
}

.clsListItemTitleTR 
{ 
   background: url('Images/Title_R_TR.png');
   width:10px;
   height:30px;
}

/* For Header Sub Title */

.clsSubTitleL 
{ 
    background-image: url(Images/Subtitle_L.png);
    width:6px;
    height:30px;
}

.clsSubTitleM 
{ 
   background-image: url(Images/Subtitle_M.png);
   height:30px;
   color: #fff;
}

.clsSubTitleR 
{ 
   background-image: url(Images/Subtitle_R.png);
   width:6px;
   height:30px;
}

/* For Footer */
.clsListItemTitle
{
   background-image: url(Images/Title_R_TM.png);
   -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:30px;
   color: #fff;
   padding: 0 10px 0 11px;
}

.clsListItemBottom
{ 
    background: #fff;
    -moz-border-bottom-left-radius: 8px;
    -moz-border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    height:25px;
}

.clsListItemTitleTL
{
   -moz-border-top-left-radius: 8px;
   border-top-left-radius: 8px;
   font-weight: bold;
   height:30px;
   color: #fff;
   padding: 0;
}

.clsListItemTitleTR
{
   -moz-border-top-right-radius: 8px;
   border-top-right-radius: 8px;
   font-weight: bold;
   height:30px;
   color: #fff;
   padding: 0;
   text-align: right;
}

.clsListItemBottomBL 
{ 
    background-image: url(Images/Btm_R_BL.png);
    border-bottom-left-radius: 15px;
    height:30px;
}

.clsListItemBottomBM 
{ 
   background: #EEE url(Images/Btm_R_BM.png) repeat-x;
   height:30px;
   color: #000;
}

.clsListItemBottomBR 
{ 
   background-image: url(Images/Btm_R_BR.png);
   width:10px;
   height:30px;
}


.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-family: "Arial" , Verdana;
	font-weight: bold; 
	font-size: 10px; 
	color: Red;
}

.clsRptSOptMain
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    font-weight: bold;
}
  
.clsRptSOptSub
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
 }
 
.clsRptSOptTitle
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    font-weight: normal;
    cursor: pointer;
}

.clsRptSOptTitleWhite
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    font-weight: normal;
    cursor: pointer;
}

.clswatermark {
	background: #FFAAFF;
}

.clspopupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.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;
}

.clsLinkButton a:link, .clsLinkButton a:visited, .clsLinkButton a:active
{	
	font-family: Arial, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: Blue;
	text-decoration: underline;
}

.clsLinkButton a:hover
{
    color: Red;
}

/* 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;
    
    /* Use both (pointer and hand) for cross browser compatibility */
    cursor: pointer; 
    cursor: hand;
}

.adjustedZIndex     
{
    z-index: 1;
}

.accordionContent
{
    /*background-color: White;*/
    border: none;
    padding-top: 5px;
}

.clsAccTBRow
{
	vertical-align:top; /* remove this if most of the page align affected*/
	/*background-color: White;*/
	color: #000000;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align:left;
}

.clsToolTip
{
	background-color: #CCCCCC;
	border: thin solid #808080;
	padding-top:2px;
    padding-right:2px;
    padding-left:2px;
    padding-bottom:2px;
    position:absolute;
    display: none;
}

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;
}

input.clsNumericReadOnlyTextBox_Large
{
    color: #333333;
    text-align: right;
    width: 100px;
    height: 30px;
    font-size: 20px;
    font-family: Arial, Verdana;
    background-color: #FFFFCC;
}

input.clsNumericTextBox_Large
{
    color: #333333;
    text-align: right;
    width: 100px;
    height: 30px;
    font-size: 20px;
    font-family: Arial, Verdana;
}

.clsBlackborder
{
    background-color: #DAE8B7;
    border-right: #000000 thin solid;
    border-top: #000000 thin solid;
    border-left: #000000 thin solid;
    border-bottom: #000000 thin solid;
}

.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;}

.tab-box { 
  padding-bottom:5px;
}

.tab-box a {
  border:1px solid #DDD;
  color:#666666;
  padding: 5px 15px;
  text-decoration:none;
  background-color: #eee;
  vertical-align: middle;
}

.tab-box a.activeLink { 
  background-color: #fff; 
  border-bottom: 0; 
  padding: 6px 15px;
}

.tabcontent {background-color: White; width: 980px;}
.hide { display: none;}

/* Message Box */
.message-box-container {
    background-color: #F5F5F5;
    border:1px solid #111;
    color:#000000;
    min-width:300px;
    max-width: 600px;
    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;
}


/*========= Progress Bar Css ==============*/
.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:9999;
}
/*===========================*/

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

.clsfieldset {
    border: 1px solid #91989E;
      
    }
.clslegend
{
    display: block;
    margin-left: 5px;
}

.clsNumericAlignRight
{
    text-align: right;
}
.clsNumericAlignLeft
{
    text-align: Left;
}

/* portal title 
***********************************/
#divPortalTitle {
        border:1px solid #081820;
        background:#37474F;
        color:#fff;
        position:fixed; 
        cursor:pointer;
        top:63px;
        right:10px;
        width:120px;
        padding:5px;
        text-align:center;
}
/********************************/

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

.clsProDtlSDealPrice
{
    color: #FF0000;
    font-size: 14px;
    font-weight: bold;
}


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


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

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


/* For Main Screen Dash Board Title - Blue */
.clsBorderTopLeft
{ 
    background: url('Images/border_image/top_left_corner.png');
    width:20px;
    height:58px;
}

.clsBorderTopCenter 
{ 
   background: url('Images/border_image/top_center.png') repeat-x;
   font-weight: bold;
   height:58px;
   color: #fd0;
}

.clsBorderTopRight 
{ 
    background: url('Images/border_image/top_right_corner.png');
    width:20px;
    height:58px;
}

/* For Main Screen Dash Board Title - Yellow */
.clsBorderTopLeftYellow
{ 
    background: url('Images/border_image/top_left_corner_Yellow.png');
    width:20px;
    height:58px;
}

.clsBorderTopCenterYellow
{ 
   background: url('Images/border_image/top_center_Yellow.png') repeat-x;
   font-weight: bold;
   height:58px;
   color: #505;
}

.clsBorderTopRightYellow 
{ 
    background: url('Images/border_image/top_right_corner_Yellow.png');
    width:20px;
    height:58px;
}

/* For Main Screen Dash Board Content */

.clsBorderMiddleLeft 
{ 
    background: url(Images/border_image/middle_left.png) repeat-y;
    width:20px;
    height:35px;
}

.clsBorderMiddleRight 
{ 
   background: url(Images/border_image/middle_right.png) repeat-y;
    width:20px;
    height:35px;
}

/* For Main Screen Dash Board Footer */

.clsBorderBottomLeft
{ 
    background: url(Images/border_image/bottom_left_corner.png);
    width:20px;
    height:21px;
}

.clsBorderBottomCenter 
{ 
   background: url(Images/border_image/bottom_center.png) repeat-x;
   font-weight: bold;
   height:21px;
}

.clsBorderBottomRight 
{ 
    background: url(Images/border_image/bottom_right_corner.png);
    width:20px;
    height:21px;
}

/* For Card Transaction Dashboard */
.clsTxnBtn {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89C96B), color-stop(1, #6CAB4D));
	background:-moz-linear-gradient(top, #77b55a 5%, #6CAB4D 100%);
	background:-webkit-linear-gradient(top, #77b55a 5%, #6CAB4D 100%);
	background:-o-linear-gradient(top, #77b55a 5%, #6CAB4D 100%);
	background:-ms-linear-gradient(top, #77b55a 5%, #6CAB4D 100%);
	background:linear-gradient(to bottom, #77b55a 5%, #6CAB4D 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77b55a', endColorstr='#6CAB4D',GradientType=0);
	background-color:#77b55a;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #4b8f29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Verdana;
	font-size:20px;
	font-weight:bold;
	padding:15px 15px;
	text-decoration:none;
}
.clsTxnBtn:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6CAB4D), color-stop(1, #77b55a));
    background:-moz-linear-gradient(top, #6CAB4D 5%, #77b55a 100%);
    background:-webkit-linear-gradient(top, #6CAB4D 5%, #77b55a 100%);
    background:-o-linear-gradient(top, #6CAB4D 5%, #77b55a 100%);
    background:-ms-linear-gradient(top, #6CAB4D 5%, #77b55a 100%);
    background:linear-gradient(to bottom, #6CAB4D 5%, #77b55a 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6CAB4D', endColorstr='#77b55a',GradientType=0);
    background-color:#6CAB4D;
}
.clsTxnBtn:active {
	position:relative;
	top:1px;
}
.clsTxnBtnSelect {
	background-color:#ffffff;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:2px solid #6CAB4D;
	display:inline-block;
	cursor:pointer;
	color:#6CAB4D;
	font-family:Verdana;
	font-size:20px;
	font-weight:bold;
	padding:15px 15px;
	text-decoration:none;
}

.clsVoidTxnBtn {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e4685d), color-stop(1, #F0382B));
	background:-moz-linear-gradient(top, #e4685d 5%, #F0382B 100%);
	background:-webkit-linear-gradient(top, #e4685d 5%, #F0382B 100%);
	background:-o-linear-gradient(top, #e4685d 5%, #F0382B 100%);
	background:-ms-linear-gradient(top, #e4685d 5%, #F0382B 100%);
	background:linear-gradient(to bottom, #e4685d 5%, #F0382B 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4685d', endColorstr='#F0382B',GradientType=0);
	background-color:#e4685d;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #a12a23;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Verdana;
	font-size:20px;
	font-weight:bold;
	padding:15px 15px;
	text-decoration:none;
}
.clsVoidTxnBtn:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #F0382B), color-stop(1, #e4685d));
	background:-moz-linear-gradient(top, #F0382B 5%, #e4685d 100%);
	background:-webkit-linear-gradient(top, #F0382B 5%, #e4685d 100%);
	background:-o-linear-gradient(top, #F0382B 5%, #e4685d 100%);
	background:-ms-linear-gradient(top, #F0382B 5%, #e4685d 100%);
	background:linear-gradient(to bottom, #F0382B 5%, #e4685d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0382B', endColorstr='#e4685d',GradientType=0);
	background-color:#F0382B;
}
.clsVoidTxnBtn:active {
	position:relative;
	top:1px;
}
.clsVoidTxnBtnSelect {
	background-color:#ffffff;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:2px solid #e4685d;
	display:inline-block;
	cursor:pointer;
	color:#e4685d;
	font-family:Verdana;
	font-size:20px;
	font-weight:bold;
	padding:15px 15px;
	text-decoration:none;
}

.clsRegMbrBtn {
	-moz-box-shadow: 0px 10px 14px -7px #1b60ad;
	-webkit-box-shadow: 0px 10px 14px -7px #1b60ad;
	box-shadow: 0px 10px 14px -7px #1b60ad;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1b60ad), color-stop(1, #1b60ad));
	background:-moz-linear-gradient(top, #1f6dc7 5%, #1b60ad 100%);
	background:-webkit-linear-gradient(top, #1f6dc7 5%, #1b60ad 100%);
	background:-o-linear-gradient(top, #1f6dc7 5%, #1b60ad 100%);
	background:-ms-linear-gradient(top, #1f6dc7 5%, #1b60ad 100%);
	background:linear-gradient(to bottom, #1f6dc7 5%, #1b60ad 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f6dc7', endColorstr='#1b60ad',GradientType=0);
	background-color:#1f6dc7;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #1b60ad;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Verdana;
	font-size:20px;
	font-weight:bold;
	padding:15px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #1b60ad;
}
.clsRegMbrBtn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1b60ad), color-stop(1, #1f6dc7));
	background:-moz-linear-gradient(top, #1b60ad 5%, #1f6dc7 100%);
	background:-webkit-linear-gradient(top, #1b60ad 5%, #1f6dc7 100%);
	background:-o-linear-gradient(top, #1b60ad 5%, #1f6dc7 100%);
	background:-ms-linear-gradient(top, #1b60ad 5%, #1f6dc7 100%);
	background:linear-gradient(to bottom, #1b60ad 5%, #1f6dc7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b60ad', endColorstr='#1f6dc7',GradientType=0);
	background-color:#1b60ad;
}
.clsRegMbrBtn:active {
	position:relative;
	top:1px;
}

​.clsCardTxnHeader
{
    height:90px;
}
.clsCardTxnContent
{
    position:absolute;
    top: 90px;
    left:0px;
    right:0px;
    bottom:0px;
    overflow-y:scroll;        
}​
   
 .clsTrxnDivBody
{
    margin: 0 auto;
    border: 0px solid #669999;
    background-color : Transparent;
}
.clsTrxnDivBody:before,.clsTrxnDivBody:after{clear:both;content: "";display: table;line-height: 0;}

.clsTrxnFooterContent
{
   background-color:black; 
   bottom: 0;
   right:0%;
   left:0%;  
   width:100%;
   height: 150px;
   color: white;
   position:static;
 }
 
/* 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;}

.clsVerifyBox{border: 1px solid #9e9e9e; padding:10px;}
.clsBoxServiceType{border: 1px solid #9e9e9e; padding:0px;}


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

/* For hidden value itemtemplate in gridview*/
.displaynone{display:none}


/* For Login Panel*/
.logincontainer {
  width: 100%;
  height: 100%;
}

.loginwrapper {
isplay: block;
  width: 350px;
  perspective: 1000;
  margin-top: 10px;
}

.loginpanel {
  background: #FCFCFC;
  border: 4px solid #263238;
  border-radius: 8px;

}

.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;
}

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

.loginbutton {
  width: 150px;
  height: 40px;
  margin-bottom: 10px;
  
  border: none;
  border-radius: 4px;
  background-size: 500% 100%;
  background: rgba(20, 196, 148, 1);
  box-shadow: inset 0 0 0 0 #3FEFBF;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	transition: all ease 0.3s;
  
  color: #fff;
  font-family: 'Nunito', sans-serif;
  font-weight: 600;
  font-size: 15px;
}


.loginbutton:hover {
  box-shadow: inset 0 40px 0 0 #3FEFBF;;
}

.logintooltip {
  width: 35%;
  background: rgba(6, 41, 61, 1);
  font-size: 0.8em;
  color: #fff;
  font-family: 'Nunito', sans-serif;
  font-weight: normal;
  margin-left: 10px;
  padding: 7px;
  border-radius: 5px;
}


.logininput {
  padding: 5px;
  min-width: 60%;
  height: 30px;
  border-radius: 4px;
  border: none;
  font-family: 'Nunito', sans-serif;
  font-weight: normal;
}

.loginpanel-group {
  padding: 8px 8px 8px 8px;
}
.loginpinpanel .loginpanel-heading,
.loginpanel .checkbox {
  margin-bottom: 30px;
}
.loginpanel .checkbox {
  font-weight: normal;
}
.loginpanel .loginpanel-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.loginpanel .loginpanel-control:focus {
  z-index: 2;
}
.loginpanel input[type="text"] {
  margin-bottom: -1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.loginpanel input[type="password"] {
  margin-bottom: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}  


.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;
}

select, input[type="file"] {
    height: 30px;
    *margin-top: 4px;
    line-height: normal;
}

select {
    padding: 2px !important;
}
select {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 12px;
    color: #000;
    border-radius: 4px;
    vertical-align: middle;
}

select {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

select {
    font-weight: normal;
}

select{
    cursor: pointer;
}

select{
    margin-left: 0;
    margin-right: 0;
}

select {
    max-width: 100%;
}

/* Resize iEPS logo */
@media (min-width: 1200px) {
  .clsiEPSImgResize {   
    max-width: 600px;
  }
}
@media (max-width: 1199.99px) {
  .clsiEPSImgResize {   
    max-width: 450px;
  }
}
@media (max-width: 949.99px) {
  .clsiEPSImgResize {   
    max-width: 400px;
  }
}

@media (max-width: 749.99px) {
  .clsiEPSImgResize {   
    max-width: 450px;
  }
}

@media (max-width: 549.99px) {
  .clsiEPSImgResize {   
    max-width: 350px;
  }
}

@media (max-width: 399.99px) {
  .clsiEPSImgResize {   
    max-width: 200px;
  }
}

@media (max-width: 199.99px) {
  .clsiEPSImgResize {   
    max-width: 100px;
  }
}

.func_desc {
    font-size: 14px
}

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