@charset "utf-8";

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td{
	border:0 none;
	margin:0;
	padding:0;
}
html, body{
	height:100%;
}
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body {	
	line-height: 1.231;	
	-webkit-font-smoothing: antialiased;		
}

body, button, input, select, textarea { color: #ffffff; font-family: Verdana, sans-serif; }

select { color: #ffffff;}

.wrapper{
	clear: both;
  	margin: auto;	
	min-height:100%;
}
.header, .footer{display:block; z-index:100; position:fixed; width:100%;}
.header{top:0; max-height:100px; height:auto;}
.header2{top:0;position:absolute; z-index:100; max-height:90px; height:auto; display:block; margin-left:auto; margin-right:auto; width:89%;}

.indexLength{width:120px;}

.footer{bottom:0; height:60px;}
#container, .clsWindow{
	height:100%;
	margin:119px 0 -60px 0;
	overflow:auto;	
}
ul{list-style-type:none;list-style-image:none;}
.row { overflow:hidden; position:absolute; left:0; right:0;}
.scroll-x{ overflow-x:auto;}
.scroll-y{overflow-y:auto;}
.header .row{ height:130px; top:0;}
.body .row{top:130px; bottom:150px;}
.footer .row{height:150px; bottom:0;}

.loginfield {
	min-width: 250px; 
	max-width:auto;
	height: 25px; 
	color: #1bc3ff;
	background-position:right center; 
	background-repeat:no-repeat;
	background-color:#1a1a1a;

}

/**********************************************
 alignment styles                              
**********************************************/
.taC { text-align:center;}
.taL { text-align:left;}
.taR, .txtRt { text-align:right;}
.taT { vertical-align:top;}
.taM { vertical-align:middle;}

/**********************************************
font styles                              
**********************************************/
h1{
	margin:0 29%;
	display:block;	
}
h3{vertical-align:middle;}

.fs09 { font-size:9px;}
.fs10 { font-size:10px;}
.fs11 { font-size:11px;}
.fs13 { font-size:13px;}
.fs14 { font-size:14px;}
.fs15 { font-size:15px;}
.fs16 { font-size:16px;}
.fs24 { font-size:24px;}

.txtuc{text-transform:uppercase;}

/**********************************************
border styles                             
**********************************************/

.bo0{ border:0px solid;}
.bo1{ border:1px solid;}
.borrt{border-right: 1px dashed #4e4e4e;}

.boc01{ border-color:#000000;}

.boR0{border-radius:5px 5px 5px 5px;}

.bdr{border:1px solid #000000;}

/**********************************************
float styles                             
**********************************************/

.flRt { float:right;} 
.flLt { float:left;}

.center {
  margin-left: auto;
  margin-right: auto; }

/**********************************************
display styles                             
**********************************************/
.dspIb{	display:inline-block; }
/**********************************************
generic styles                             
**********************************************/  
.oh{overflow:hidden;}
.os{overflow:auto;}
.h1px{height:1px;}
.dbl{display:block;}
.h25{height:35px;}

/* === Clearfix === */
.clear {
	clear:both;	
}
.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	height:0;
	line-height:0;
	visibility:hidden;
	width:0
}
* html .clearfix, :first-child+html .clearfix {
	zoom:1
}

.lh01 {line-height:16px;}
.lh02 {line-height:50px;}

.bd{font-weight:bold;}

/**********************************************
padding styles                             
**********************************************/
.p0{padding:0px;}

.pR05{padding-right:0.5%;}
.pL05{padding-left:0.5%;}
.pT05{padding-top:0.5%;}
.pB05{padding-bottom:0.5%;}

.pR1{padding-right:1%;}
.pL1{padding-left:1%;}
.pT1{padding-top:1%;}
.pB1{padding-bottom:1%;}

.pR2{padding-right:2%;}
.pL2{padding-left:2%;}
.pT2{padding-top:2%;}
.pB2{padding-bottom:2%;}

.pR4{padding-right:4%;}
 pR12{padding-right:12%;}
.pL4{padding-left:4%;}

.pL25{padding-left:25%; }
.pA05{padding:1%;}
.pA2{padding:2%;}

.pA2p{padding:2px;}

/**********************************************
margin styles                             
**********************************************/ 
.mT2px{margin-top:2px;}

.mR2{margin-right:2%;}
.mL2{margin-left:2%;}
.mT2{margin-top:2%;}
.mB2{margin-bottom:2%;}

.mR1{margin-right:1%;}
.mL1{margin-left:1%;}
.mT1{margin-top:1%;}
.mB1{margin-bottom:1%;}

.mT05{margin-top:5px;}
.mL05{margin-left:0.5%;}
.mR05{margin-right:0.5%;}
.mB05{margin-bottom:0.5%;}
/**********************************************
Form styles                             
**********************************************/ 
.filterBox{
	padding: 1%;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	margin-top:1%;
	margin-bottom:1%;
	border-radius:5px 5px 5px 5px;
	width:90%;
}
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
input[type="email"], input[type="password"]{
	height:25px;
	vertical-align:middle;
	width:auto;
}
input[type="password"]{
	vertical-align:middle;
	width:auto;
	padding: 5px;
}
#boxlogin [type="text"]{ width:100%;}

button, input[type="button"], input[type="reset"] { 
	cursor: pointer; 
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance:button;	
	font-size:11px;
	font-weight:bold;
	line-height:16px;
	border-radius:2px;
	-moz-border-radius:2px;	
	-webkit-border-radius:2px;
	display:inline-block;
	width:auto;
}
input[type="submit"]{
    cursor: pointer; 
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance:button;		
	font-size:11px;
	font-weight:bold;
	line-height:22px;
	display:inline-block;
	height: 40px;
	width:auto;
    }
input[type="date"], input[type="text"], input[type="number"], input[type="email"], input[type="password"], input[type="checkbox"], input[type="radio"] {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing:border-box;
	}
input[type="checkbox"], input[type="radio"] { 
	vertical-align:middle; 
}
input[type="radio"]:checked:after{
	display:inline-block;
	position:relative;
	left:1px;
	top:1px;
}

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; resize: vertical; }

input, textarea{
	background:none repeat scroll 0 0 #000000;
	border-radius:5px 5px 5px 5px;
	box-shadow:0 0 8px rgba(0, 0, 0, 0.1);	
	border:1px solid #000000;	
	padding:5px;
	margin:0.5%;	
}
label{
	cursor: pointer;
	display:inline-block;
	text-align:right;
	vertical-align:middle;
	padding: 2px;		
}

.loginfield input[type="text"]{
	height:28px;
	vertical-align:middle;
	width:auto;
}
#txtClientID{background-image: url(../images/Tablet/loginuserid.png);}
#txtPassword, #txtNewPwd, #txtConfirmPwd{background-image: url(../images/Tablet/loginPWD.png);}
#txtEmailID{background-image: url(../images/Tablet/loginEmail.png);}



/**********************************************
Form styles ENDS                           
**********************************************/ 

/**********************************************
Table styles                             
**********************************************/ 
td { vertical-align:middle; }
/**********************************************
Width                             
**********************************************/ 
.w5{width:5%;}
.w10{width:10%;}
.w15{width:15%;}
.w20{width:20%;}
.w25{width:25%;}
.w28{width:28%;}
.w30{width:30%;}
.w40{width:40%;}
.w50{width:50%;}
.w60{width:60%;}
.w70{width:70%;}
.w80{width:80%;}
.w90{width:90%;}
.w100{width:100%;}

.wp1{width:150px;}
.wp2{max-width: 63px;}
.wp145{width:145px;}
.wp3{width: 100px;}
/**********************************************
Height                          
**********************************************/ 
.ht01{height:35px;}
.ht02{height:25px;}
.ht03{height:15px;}

/**********************************************
Grid styles                             
**********************************************/ 
.col0{width:99.99%; float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.col1{width:20%; float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.col2{width:75%; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.col3{width:60%; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.col4{width:24.9%; float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.col5{width:49.5%; float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.col6{width:15%; float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.col7{width:34%; float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.col8{width:16.5%; float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}


/**********************************************
Footer styles                             
**********************************************/ 
#footer{
	bottom:0;
	left:0;
	position:fixed;
	width:100%;	
	margin:0 auto;
}


/**********************************************
Styles for order entry slider                         
**********************************************/ 
.uldesign { margin: 0; padding: 0; list-style: none;}
.slidewrap2 .carousel-tabs {
  padding: 0;
  margin: 1em 0;
  clear: both;
}
.slidewrap2 .carousel-tabs li {
  display: inline-block; 
  padding: 0 2px;
}
.slidewrap2 .carousel-tabs a {
  background: #dddddd;
  display: inline-block;
  height: 10px;
  text-indent: -9999px;
  width: 10px;
  border-radius: 5px;
}
.ie .slidewrap2 .carousel-tabs li,
.ie .slidewrap2 .carousel-tabs a { 
  display: block;
  float: left;
}
.slidewrap2 .carousel-tabs .carousel-active-tab a {
	background: #777777;
}
.events {
	font: normal 11px/1.4 arial, helvetica, sans-serif;
}

/**********************************************
Styles for order entry slider ENDS                       
**********************************************/ 

/**********************************************
Styles for order entry Buy/Sell Button                       
**********************************************/ 
.toggleBS {
		position:relative;
		width:100%;
		height:50px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		text-align:center;
	  }
.toggleBS input {
		width:100%;
		height:50px;
		position:relative;
        
		cursor:pointer;
		opacity:0;
		filter:alpha(opacity=0);
	  }
.toggleB label {
		width:100%;
		position:relative;
		background-image:url('../images/Tablet/buy.png');
	    background-repeat:no-repeat;
	    -webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		font:normal 11px Arial,Sans-Serif;
		color:#666666;
		text-shadow:0 1px 0 white;
		cursor:pointer;
		height: 50px;
	  }
.toggleS label {
		width:100%;
		position:relative;	
	    background-image:url('../images/Tablet/sell.png') ;
	    background-repeat:no-repeat;
	    -webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		cursor:pointer;
		height: 50px;
	  }
.toggleBS label:before {
		content:attr(data-off);
		position:relative;
		top:6px;
		right:0;
		left:0;
		z-index:4;
	  }
.toggleBS label:after {
		content:attr(data-on);
		position:relative;
		right:0;
		bottom:11px;
		left:0;
		color:#666666;
		text-shadow:0 -1px 0 #eeeeee;
	  }
.toggleBS input:checked + label {
	   background-image:url('../images/Tablet/sell.png') ;
	   position:relative;
	   }
.toggleBS input:checked:hover + label {
	   position:relative;
	  }
.toggleBS input:checked + label:before {
		position:relative;
	  }
.toggleBS input:checked + label:after {
		position:relative;
		color:#aaaaaa;
		text-shadow:none;
	  }
	  
/**********************************************
Styles for order entry Buy/Sell Button ENDS                     
**********************************************/ 

/**********************************************
Styles for Action button                    
**********************************************/ 
.MWpopupMenu {
  display: none;
  position: absolute;
  width: 390px;
}
.scroll-ios{
	overflow:scroll !important;
	-webkit-overflow-scrolling: touch !important;
	padding:1px 0 0 0; 
}

.OBpopupMenu{
  display: none;
  position: absolute;
  width: 450px;
}

/**********************************************
Styles for Action button ENDS              
**********************************************/

/**********************************************
Styles for Alert type Pop-up             
**********************************************/ 

#confirmModalOverlay {background-color:#eeeeee; cursor:auto;}
#confirmModal {position:absolute; top:-175px; left:-130px; min-height:130px; width:320px; font-family:'Trebuchet MS', Verdana, Arial; font-size:11px; text-align:left; padding-bottom:8px; background:#ffffff; border:2px solid #000000;}
#confirmModal .header1 {height:30px; width:100%; background: url("../Images/tablet/bg-tile-brick.png") repeat scroll 0 0 transparent; color:#ffffff; font-size:1.1em; font-weight:bold; line-height:30px;top:0px;}
#confirmModal .header1 span {padding-left:8px;}
#confirmModal .header1 img {padding-left:200px;}
#confirmModal .message {color:#333333; text-align:left; margin:0; padding-bottom:2px; padding:12px 10px; font-size:14px;}
#confirmModal .buttons {width:175px; float:left; padding:30px 70px 0;} 
#confirmModal .buttons div {float:left; margin-left:30px; width:70px; height:22px; color:#ffffff; font-weight:500; text-align:center; background-image: -moz-linear-gradient(top, #313131, #000000); /* FF3.6 */
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #000000),color-stop(1, #313131)); /* Saf4+, Chrome */
-webkit-box-shadow: #4b4b4b 0px 1px 3px;
-moz-box-shadow: #4e4e4e 0px 1px 3px;
box-shadow: #e3e3e3 0px 1px 3px; border:1px solid #ffffff; cursor:pointer;} 
#confirmModal a.modalCloseX,
#confirmModal a.modalCloseX:link,
#confirmModal a.modalCloseX:active,
#confirmModal a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:1.1em; position:absolute; top:-1px; left:300px; color:#ffffff;}
#confirmModal a.modalCloseX:hover {color:#9bb3b3;}

/**********************************************
Styles for Alert type Pop-up ENDS           
**********************************************/ 


/* Added for Online Messages tablet Slider Style: By:- Umashankar Sahu */

.es-content{
	margin:0px 25px;
}
.es-carousel-wrapper{
	background: #000;
	padding: 5px 25px 5px 5px;
	position:relative;
}
.es-carousel{
	overflow:hidden;
	background:#000;
	border: 2px solid #000;
}
.es-carousel ul{
	width: 3460px;
	display: block; margin-left: 0px; margin-bottom: 0px;
	margin: 0;
	padding: 0px;
}
.es-carousel ul li{
	margin-right: 5px; 
	height:54px;	
	margin-bottom: 0px;
	padding: 0;
	float:left;
	display:block;
	background-image:transparent url(../images/Tablet/topleftOM.png) no-repeat top right;
	background: -moz-linear-gradient(100% 100% 90deg, #385667, #26404f);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#385667), to(#26404f));
    background: -webkit-linear-gradient(#385667, #26404f);
    background: -o-linear-gradient(#385667, #26404f);
    background: -ms-linear-gradient(top, #385667 0%,#26404f 100%); /* IE10+ */ 
    background: linear-gradient(top, #385667 0%,#26404f 100%); /* W3C */
	top: 0;
	border: none;
	right: 0;
}
.es-carousel ul li a{
	display:block;
	text-decoration: none;
	color: #fff;
	border-color:#000;
}
.es-carousel ul li a span{
	display:block;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	color: #fff;
}
.es-carousel ul li a img{
	display:block;
	border:none;
	max-height:100%;
	max-width:100%;
}
.es-nav{
	background-color: red;
}
.es-nav img{
	position: absolute;
	top: 10%;
	right: 3px;
	width:18px;
	height:18px;
	margin-top:0px;
}
.es-nav span{
	position:absolute;
	top:50%;
	right: 5px;	
	background:transparent url(../images/Tablet/navOM.png) no-repeat top left;
	width:14px;
	height:26px;
	margin-top:-13px;
	text-indent:-9000px;
	cursor:pointer;
	opacity:0.8;
}
.es-nav span.es-nav-next{
	right:5px;
	top: 80%;
	left:auto;
	background-position:top right;
}
.es-nav span:hover{
	opacity:1.0;
}

/* Online Messages Slider Style */

#ftrSpMar_gvFTGrid th{padding:5px 8px;}
#FTReportGridUC2_gvFTGrid  th{padding:5px 8px;}
.cmbDepathDisplay{ display:none;}