@charset "utf-8";

body{
    background:url('../Images/tablet/bg-tile-brick.png');
    background-repeat:repeat;
}

.navlinks{width:210px; background:#000000; border-radius:35px; height:22px; padding: 8px 2px 0 2px; margin-top:3px;}

.reportsPopup{  
    position:absolute;      
    width:100%;
    height:0px;
}
 
.col_1_2_footer{float:left;}	
.col_1_2_footer.last{float:right;}
.col_1_2_footer.last{padding: 4px 3px 0 3px; font-size:9px; line-height:12px;}

#TBar{right: 0px;z-index: 100px; margin: 0 5px 0 auto; line-height: 22px; width: 100px; padding: 5px; border: 1px solid #2a2a2a;}
#TBar ul li a{color: #00c0ff;}
#TBar ul{width:100%;}
#TBar ul li:hover{background: #303030;padding-left: 5px;color: #ffffff;}

.spacing{padding: 9px 6px 6px 6px; border-right: 1px solid #2a2a2a; border-top: 1px solid #000000; line-height:20px;}

#client_footer{border-left: 1px solid #000000; background:#1b1b1b;}
#FNav img{padding: 9px 6px 7px 6px;border-left: 1px solid #2a2a2a; border-bottom: 1px solid #2a2a2a;}
#TBar ul li a img{height:10px; width:8px;}              

.logo{float:left;}

.logo IMG{ width:auto; height:auto;}

.index li{float:left; padding:1%}
.index h3{padding-top:2%;}

#nav li{float:left; padding: 1.5% 2%;}

#menu li{
	float:left;	
	border-right:1px #000000 solid;
	border-left:1px #4e4e4e solid;
}

#menu li:last-child{ border-right:none}

#menu li a{text-decoration:none;}


#boxscroll3 {
	overflow: hidden;
}
#boxframe {
  position:absolute;  
  width:100%;
  height:500px;
  overflow:auto;	
}

#mwBtn li{float:right; padding:0.5% 1%;}

#mwGrid td{padding: 1px;}

/*-------Colors---------*/

.tc1{color:#959595;} /*-------bright grey---------*/
.tc2{color:#1bc3ff; text-shadow:2px 2px 2px #000000;}  /*-------orange---------*/
.tc3{color:#00c0ff;} /*-------light blue---------*/
.tc4{color:#3d3d3d;} /*-------dark grey---------*/
.tc5{color:#000000;} /*-------black---------*/
.tc6{color:#e6f343;} /*-------yellow---------*/
.tc7{color:#ffffff;} /*-------white---------*/
.tc8{color:#315ff2;} /*-------bright blue---------*/
.tc9{color:#a3a3a3;} /*grey shade */
.tc10{color:#1bc3ff; font-weight:bold;} /*-------dark blue---------*/
.tcR{color:#e5535d;} /*-------red---------*/

/*-----Background Color---------*/
.oeBuySellTablet
{
   	background: #5f9f31;    
	border:1px solid #2d2d30;
	background: -moz-linear-gradient(100% 100% 90deg, #1f4701, #5f9f31);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1f4701), to(#5f9f31));
	background: -webkit-linear-gradient(#1f4701, #5f9f31);
	background: -o-linear-gradient(#1f4701, #5f9f31);
	background: -ms-linear-gradient(top, #1f4701 0%,#5f9f31 100%); /* IE10+ */
	background: linear-gradient(top, #1f4701 0%,#5f9f31 100%); /* W3C */               
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f4701', endColorstr='#5f9f31',GradientType=0 ); /* IE6-9 */    
    border-radius: 5px;
    margin: 1px;
    color: #ffffff; 
    text-shadow:1px 1px 1px #000000; 
    }
.oeSellBuyTablet
{
     background: #ff0012;       
   background: -moz-linear-gradient(100% 100% 90deg, #980610, #ff0012);
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#980610), to(#ff0012));
   background: -webkit-linear-gradient(#980610, #ff0012);
   background: -o-linear-gradient(#980610, #ff0012);
   background: -ms-linear-gradient(top, #980610 0%,#ff0012 100%); 
   background: linear-gradient(top, #980610 0%,#ff0012 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#980610', endColorstr='#ff0012',GradientType=0 );      
   border-radius:6px;
   padding: 4px 15px;    
   margin: 2px;  
   color: #ffffff;
   text-shadow:1px 1px 1px #000000;      
}

.bchigh{
	background: #5f9f31;    
	border:1px solid #2d2d30;
	background: -moz-linear-gradient(100% 100% 90deg, #1f4701, #5f9f31);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1f4701), to(#5f9f31));
	background: -webkit-linear-gradient(#1f4701, #5f9f31);
	background: -o-linear-gradient(#1f4701, #5f9f31);
	background: -ms-linear-gradient(top, #1f4701 0%,#5f9f31 100%); /* IE10+ */
	background: linear-gradient(top, #1f4701 0%,#5f9f31 100%); /* W3C */               
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f4701', endColorstr='#5f9f31',GradientType=0 ); /* IE6-9 */    
    border-radius: 5px;
    margin: 1px;
    color: #ffffff; 
    text-shadow:1px 1px 1px #000000;
}
.bclow{
	background: #e5535d;
	border: 1px solid #2d2d30;       
   background: -moz-linear-gradient(100% 100% 90deg, #980610, #e5535d);
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#980610), to(#e5535d));
   background: -webkit-linear-gradient(#980610, #e5535d);
   background: -o-linear-gradient(#980610, #e5535d);
   background: -ms-linear-gradient(top, #980610 0%,#e5535d 100%); /* IE10+ */
   background: linear-gradient(top, #980610 0%,#e5535d 100%); /* W3C */               
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#980610', endColorstr='#e5535d',GradientType=0 ); /* IE6-9 */     
    border-radius: 5px;
    margin: 1px;
    color: #ffffff; 
    text-shadow:1px 1px 1px #000000;
}
.bcgrey{
	background: #464646;    
	border: 1px solid #2d2d30;
	background: -moz-linear-gradient(100% 100% 90deg, #464646, #999999);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#464646), to(#999999));
	background: -webkit-linear-gradient(#464646, #999999);
	background: -o-linear-gradient(#464646, #999999);
	background: -ms-linear-gradient(top, #464646 0%,#999999 100%); /* IE10+ */
	background: linear-gradient(top, #464646 0%,#999999 100%); /* W3C */               
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#464646, endColorstr='#999999,GradientType=0 ); /* IE6-9 */       
	border-radius: 5px;
	margin: 1px;
	color: #ffffff; 
	text-shadow:1px 1px 1px #000000;
}

.bc2{
	background:#ffffff;
	background: -moz-linear-gradient(100% 100% 90deg, #c4c4c4, #ffffff);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#c4c4c4));
	background: -webkit-linear-gradient(#c4c4c4, #ffffff);
	background: -o-linear-gradient(#c4c4c4, #ffffff);
	background: -ms-linear-gradient(top, #ffffff 0%,#c4c4c4 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#c4c4c4 100%); /* W3C */	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c4c4c4',GradientType=0 ); /* IE6-9 */
}

.bc4{
    background: url('../Images/Tablet/header-bg.png') ;
    background-repeat:repeat-x;
    Border-top: solid 1px #5b5b5b;
    Border-bottom: solid 1px #5b5b5b;		
	width:100%;	
	height:35px;	
}

.bc5{
	background: -moz-linear-gradient(100% 100% 90deg, #323232, #030303);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#323232), to(#030303));
	background: -webkit-linear-gradient(#030303, #323232);
	background: -o-linear-gradient(#030303, #323232);
	background: -ms-linear-gradient(top, #323232 0%,#030303 100%); /* IE10+ */
	background: linear-gradient(top, #323232 0%,#030303 100%); /* W3C */	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323232', endColorstr='#030303',GradientType=0 ); /* IE6-9 */	
	border-top :1px  solid #007399;
	border-bottom :1px  solid #007399;	
}

.bc6{ border-bottom: 1px solid #2d2d30; }

.bc7{
	background-color:#141415; border-top: 1px solid #2d2d30;
    border-bottom: 1px solid #000000;
}

.bc9{ background: url('../Images/Tablet/Row-bg.png'); background-repeat:repeat-x;}

.bc10 {background-color:#c6c6c6;}

.bc11{
    background:#5f615f;
	background-image:url('../images/Tablet/filter-bg.png');
	background-repeat: repeat-x;		
	width:100%;		
	border-bottom:1px solid #464646;
}

.bc13{background-color: #727272;}

.bc14{
	background: #111111; /* Old browsers */
	background: -moz-linear-gradient(100% 100% 90deg, #000000, #111111);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#111111), to(#000000));
	background: -webkit-linear-gradient(#000000, #111111);
	background: -o-linear-gradient(#000000, #111111);
	background: -ms-linear-gradient(top, #111111 0%,#000000 100%); /* IE10+ */
	background: linear-gradient(top, #111111 0%,#000000 100%); /* W3C */	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#000000',GradientType=0 ); /* IE6-9 */		
	width:100%;		
}

.bc15{background-color: #292929;}

.oeBuy{    
	background: #6bff00;    
	/*border: 1px solid #2d2d30;*/
	background: -moz-linear-gradient(100% 100% 90deg, #1f4701, #6bff00);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1f4701), to(#6bff00));
	background: -webkit-linear-gradient(#1f4701, #6bff00);
	background: -o-linear-gradient(#1f4701, #6bff00);
	background: -ms-linear-gradient(top, #1f4701 0%,#6bff00 100%);
	background: linear-gradient(top, #1f4701 0%,#6bff00 100%);        
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f4701', endColorstr='#6bff00',GradientType=0 );       
    border-radius:6px;
	padding: 4px 15px;    
	margin: 2px;  
	color: #ffffff; 
	text-shadow:1px 1px 1px #000000;
}
.oeSell{   
   /*border: 1px solid #2d2d30;*/
   background: #ff0012;       
   background: -moz-linear-gradient(100% 100% 90deg, #980610, #ff0012);
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#980610), to(#ff0012));
   background: -webkit-linear-gradient(#980610, #ff0012);
   background: -o-linear-gradient(#980610, #ff0012);
   background: -ms-linear-gradient(top, #980610 0%,#ff0012 100%); 
   background: linear-gradient(top, #980610 0%,#ff0012 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#980610', endColorstr='#ff0012',GradientType=0 );      
   border-radius:6px;
   padding: 4px 15px;    
   margin: 2px;  
   color: #ffffff;
   text-shadow:1px 1px 1px #000000;      
}

.oeGrey{
	background: #7A797B;    
	/*border: 1px solid #2d2d30;*/
	background: -moz-linear-gradient(100% 100% 90deg, #303132, #7A797B);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#303132), to(#7A797B));
	background: -webkit-linear-gradient(#303132, #7A797B);
	background: -o-linear-gradient(#303132, #7A797B);
	background: -ms-linear-gradient(top, #303132 0%,#7A797B 100%);
	background: linear-gradient(top, #303132 0%,#7A797B 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303132', endColorstr='#7A797B',GradientType=0 );  
	padding: 4px 15px;             
	margin : 2px;
	color: #ffffff; 
	text-shadow:1px 1px 1px #000000;
	border-radius:6px;
	
}


/* Buttons */
.btn1 {
	color: #ffffff; 
	border: 1px solid #333333; 
	background: #2b2b2b; 
	background: -webkit-gradient(linear, left top, left bottom, from(#2b2b2b), to(#050505)); 
	background: -moz-linear-gradient(top, #2b2b2b, #050505); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2b2b', endColorstr='#050505');
	padding:8px;
	text-decoration:none;
	-webkit-box-shadow: #4a4a4a 0px 1px 3px 1px;
	-moz-box-shadow: #4a4a4a 0px 1px 3px 1px;
	box-shadow: #4a4a4a 0px 1px 3px 1px;
} 
.btn1:hover, .btn1:active{
    background: #f47c20; 
    border: 1px solid #333333; 
    background: -webkit-gradient(linear, left top, left bottom, from(#1f1f1f), to(#777777)); 
    background: -moz-linear-gradient(top, #1f1f1f, #777777); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f1f1f', endColorstr='#777777'); 
    padding:8px;
    -webkit-box-shadow: #4a4a4a 0px 1px 3px 1px;
	-moz-box-shadow: #4a4a4a 0px 1px 3px 1px;
	box-shadow: #4a4a4a 0px 1px 3px 1px;
    } 

.Crlbtn, .Custbtn{
    width:25px;
   border-top: 1px solid #96d1f8;
   border-left: 1px solid #96d1f8;
   padding: 5px 6px;
   -webkit-border-radius: 40px;
   -moz-border-radius: 40px;
   border-radius: 40px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 12px;
   font-weight: bold;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   background : #4a4a4a;
   opacity : 0.6;
}

.Crlbtn:hover {
	border-top-color: #28597a;
	background: #5dacfc; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #5dacfc 11%, #0217f9 86%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(11%,#5dacfc), color-stop(86%,#0217f9)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, #5dacfc 11%,#0217f9 86%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, #5dacfc 11%,#0217f9 86%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, #5dacfc 11%,#0217f9 86%); /* IE10+ */
	background: radial-gradient(ellipse at center, #5dacfc 11%,#0217f9 86%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5dacfc', endColorstr='#0217f9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	color: #000000;
	opacity : 1.0;
}

.Crlbtn:active {
	border-top-color: #28597a;
	background: #5dacfc; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #5dacfc 11%, #0217f9 86%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(11%,#5dacfc), color-stop(86%,#0217f9)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, #5dacfc 11%,#0217f9 86%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, #5dacfc 11%,#0217f9 86%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, #5dacfc 11%,#0217f9 86%); /* IE10+ */
	background: radial-gradient(ellipse at center, #5dacfc 11%,#0217f9 86%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5dacfc', endColorstr='#0217f9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	color: #000000;
   }

.Crlbtnactive, .Custbtnactive , .Crlbtnactive a{
    width:25px;
    border-top: 1px solid #96d1f8;
    border-left: 1px solid #96d1f8;
    padding: 5px 6px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    text-decoration: none;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    vertical-align: middle;
    border-top-color: #28597a;
    background: #5dacfc; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #5dacfc 11%, #0217f9 86%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(11%,#5dacfc), color-stop(86%,#0217f9)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, #5dacfc 11%,#0217f9 86%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, #5dacfc 11%,#0217f9 86%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, #5dacfc 11%,#0217f9 86%); /* IE10+ */
    background: radial-gradient(ellipse at center, #5dacfc 11%,#0217f9 86%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5dacfc', endColorstr='#0217f9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/**********************************************
Border styles                             
**********************************************/
.bor1{border: 1px solid #5C5C5C;}
.bor2{border: 1px solid #000000;}
.bor4{border-top: 1px solid #2a2a2a;}
.borbot{border-bottom: 1px solid #2e2823;}

/**********************************************
Link styles                             
**********************************************/
.navlinks a:link, .navlinks a:visited{color:#ffffff;}

a, a:hover{text-decoration:none;}

a:link, a:visited{color: #1bc3ff;}

a:hover{
	color: #ffffff;
    text-decoration: none;
}

a:active{color: #60a8fc;}


/**********************************************
Login Box styles                          
**********************************************/
#divLogin input[type="text"]{
	-moz-box-sizing:border-box;
	height:25px;
	vertical-align:middle;
	width:auto;
}

.bordered_box {
	text-align: left;
	border:1px solid #4e4e4e;
	line-height:21px;
	margin-bottom:20px;
	margin-top:1px;
}
.bordered_box .title {
	height:30px;
	margin:-2px -2px 0 -2px;
}
.bordered_box .title h1 {
	color:#111111;
	padding:5px 0 0 19px;
}

/*===============================================================================================
Wireframe                         
===============================================================================================*/
.idxW{width:100px;}

/* ================= Tabs ================= */
.tabs{
	width: 100%;
}
.tabs .container{
	width:100%;
	margin: 0 auto;
}
.tabs .col_1_2, .tabs .col_1_3, .tabs .col_1_4, .tabs .col_1_5, .tabs .col_2_3, .tabs .col_3_4{float:left;} 
.tabs ul {
	padding: 0;
	margin:0 0 0 20px;
}
.tabs ul li {
	float:left;
	margin:0 3px -2px 0;
	border:1px solid #4e4e4e;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}
.tabs ul li a {
	border-bottom: none;
	display: block;
	color: #ffffff;
	overflow: hidden;
	padding: 5px 15px 0 15px;
	height: 24px;
	background: #666666;
	font-size:12px;
}
.tabs ul li a:hover {
	background:#111111;
	color:#1bc3ff;
	text-decoration:none;
}
.tabs ul li.ui-tabs-selected a {
	background: #444444;
	color: #1bc3ff;
	border-bottom:1px solid #999999;
	margin-bottom:-2px;
}
.ui-tabs {
	position: relative;
	padding: 0;
	zoom: 1;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding:0;
	background: none;
}
.ui-tabs .ui-tabs-hide {
	display: none !important;
}
.content_text {
	padding:6px;
	height: auto;
	line-height:22px;
	font-size:12px;
	color:#a3a3a3;
}
/* ================= Tabs Ends ================= */
/* ================= Toggle Box ================= */
.toggle {
	font-size:12px;
	padding-top:1px;
	cursor:pointer;
	text-align: left;
	color: #ffffff;
	height:Auto;
}
.toggle_active {
	font-size:12px;
	color:#ffffff;
	cursor:pointer;
	height:Auto;	
}
.toggle_active p{
	width: 0;
	height: 0;
}
div.toggle.closed_toggle{
	height:0;
}
div.toggle.closed_toggle.toggle_active{
	height:0;
}
.toggle_container {
	text-align: left;
	line-height:22px;
	}

.toogle_box {
	position:relative;
	margin-bottom:20px;
	background-repeat: repeat-x;
	background-image: linear-gradient(top, #333333, #000000);
}
.toogle_box p{
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	text-align: left;
	color: #ffffff;
	line-height:22px;
	margin:0;
}
.toogle_box .toggle .icon {
	background:url("../images/tablet/toggle_open.png") no-repeat;
	width:25px;
	height: 25px;
	position:absolute;
	right: 10px;
	bottom: 1;
}
.toogle_box .toggle_active .icon {
	background:url("../images/tablet/toggle_close.png") no-repeat;
	width:25px;
	height:25px;
	position:absolute;
	right: 10px;
	bottom: 1;
}
/* ================= Toggle Box Ends   ================= */

.container .bannerform{
	text-align: center;	
	background-position: center;
	background-repeat: repeat-y;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	min-height:30px;
	padding: 2px;
	border-radius: 3px;
	width:340px;
	border: 1px solid #4e4e4e;	
}
.container .bannerform a{
	margin-left: 10%;	
}

/* ================= Container and Columns ================= */

.col_1_2 {
	float:left;
	margin:0 auto 0 0;
}
.col_2_3 {
	float:left;
	margin:0 auto 0 0;
}
.col_1_3 {
	float:left;
	margin:0 auto 0 0;
}
.col_1_4 {
	float:left;
	margin:0 auto 0 0;
}
.col_1_5 {
	float:left;
	margin:0 auto 0 0;
}
.col_3_4 {
	float:left;
	margin:0 auto 0 auto;
}

/* ================= Container and Columns Ends ================= */

/* ================= Form Components ================= */
label{
	cursor: pointer;
	display:inline-block;
	text-align:left;
	vertical-align:middle;
	width:auto;
}
select{
	background-color:transparent;
	background-color: #000000;
	background-image:url('../images/tablet/combobox.png');
    background-repeat: no-repeat;
	background-position: right center;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	border-radius:5px 5px 5px 5px;
	box-shadow:0 0 8px rgba(0, 0, 0, 0.1);	
	border:1px solid #000000;	
	padding:5px 15px 5px 5px;
	width:100%;
	cursor:pointer;
}

option{
    background: #111111;
    color: #a7a7a7;
}

input[type="number"]{
	background:none repeat scroll 0 0 #111111;
	border-radius:5px 5px 5px 5px;
	box-shadow:0 0 8px rgba(0, 0, 0, 0.1);	
	border:1px solid #000000;	
	padding: 0px;
	height: 25px;
	width:100%;
}

input[type="date"]{
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;
	box-sizing:border-box;
	height: 25px;
	vertical-align: middle;
}

input[type="text"]{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing:border-box;
	height:25px;
	width: 100%;
}

#changePwd input[type="text"]{
	width: auto;
}

#article{padding-top: 1px;}

/* ================= Radio Button ================= */	
#bounds, #bounds2 {
    margin:1px;
	margin-top: 14px;
	background: #1a1a1a;
    border-radius:4px;
    border:1px solid #D0D0D0;
    overflow:auto;
}
#bounds label span, #bounds2 label span {
    text-align:center;
    padding:5px 0px;
    display:block;
	color: #a3a3a3;
    border-radius:4px;
}
#bounds label input, #bounds2 label input {
    position:absolute;
    top:-20px;
}
#bounds input:checked + span, #bounds2 input:checked + span  {
    background-color: #0066FF;
    color:#F7F7F7;
	width:100%;
}
/* ================= Radio Button Ends ================= */	
/* ================= Form Components Ends ================= */

/* ================= Form Components Ends ================= */

/*===============================================================================================
Wireframe Ends                          
===============================================================================================*/

/****** Navigation Menu Styles **********************/
@media only screen and (max-width:740px){
	#containernav {width:100%; position:absolute; z-index:1000;background:url('../Images/tablet/bg-tile-brick.png');
		background-repeat:repeat;}
	#menu-btn{position:absolute;top:-12px;left:0;margin:0;}
	#menu-btn a{color:#ffffff;display :block;width:114px;height:50px;background:url(../images/btn-menu.png) no-repeat;text-indent:-9999px;}
	#menu-btn.open a{background-position:left bottom;}
	nav .content{position:relative; height:0px; left:-800px; width: 100%; top: 0px;}
	nav{position:absolute; top:34px; height:0px; width:100%;}
	.samplespacing{background: #333333; height:37px;}
}
#holdernav {display:block;}

nav { display:block; }
/* Navigation
-------------------------------------------------------------- */

/* clip skip link for screen readers */
#access {
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    overflow:visible;
    z-index:100;
}
/* style the main menu */
.sf-menu{
    border: 1px solid #000000;
    border-top: none;
    box-shadow:0 90px 80px rgba(0, 0, 0, 0.1);    
}

/* get rid of padding and margin off all ul's (not sure about using * here, could be better) */
.sf-menu, .sf-menu * {
    margin:0;
    padding:0;
    list-style:none;    
}
/* position all dropdowns off screen */
.sf-menu ul {
    position:absolute;
    top:-9999em;
     background-color:#333333;
     border-top: 1px solid #242324;
}
/* style the main nav list items */
.sf-menu li {
	border-top: 1px solid #658297;
	boder-left: 1px solid #587595;
	background: url('../Images/Tablet/bg-menu.png') ;
	background-repeat:repeat;    
	clear: left;
	float:left;
	position:relative;
	width: 100%;
}
/* change the main nav list items on hover */ 
.sf-menu li:hover {color: #ffffff;}
.sf-menu li ul li:hover{color: #ffffff;}

/* style all the links */
.sf-menu a{
    boder-left: 1px solid #587595;
	font-size: 15px;
	color:#ffffff; 
	text-shadow:2px 2px 2px #000000;
	display:block;
	padding: 7px 0;
	text-decoration: none;
	text-indent: 6px;
	border-right: 1px solid #000000;		
}

.sf-menu ul li a:hover{	
	color: #ffffff;
	display:block;
	border: 1px solid #242324;	
	background-color: #27323c;	
}

.sub-menu{font-weight:normal;background: #354551;}

.sf-menu ul li ul li a:hover{font-weight:normal;}

/* style the first drop */
.sf-menu li li{
    background: none;
    background-image: none;    
}

/* add a larger text indent for the first drop links */
.sf-menu li li a{    
}

/* position first drop */
.sf-menu li:hover ul{
    background:#1d1c1e;    	
	background: -moz-linear-gradient(100% 100% 90deg, #1d1c1e, #353436);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#353436), to(#1d1c1e));
	background: -webkit-linear-gradient(#1d1c1e, #353436);
	background: -o-linear-gradient(#1d1c1e, #353436);
	background: -ms-linear-gradient(top, #353436 0%,#1d1c1e 100%); /* IE10+ */
	background: linear-gradient(top, #353436 0%,#1d1c1e 100%); /* W3C */	
    top:auto; /* match top ul list item height */
    position:relative;    
}

/* make sure second drop is still off screen */
ul.sf-menu li:hover li ul{
	background:#1d1c1e;    	
	background: -moz-linear-gradient(100% 100% 90deg, #1d1c1e, #353436);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#353436), to(#1d1c1e));
	background: -webkit-linear-gradient(#1d1c1e, #353436);
	background: -o-linear-gradient(#1d1c1e, #353436);
	background: -ms-linear-gradient(top, #353436 0%,#1d1c1e 100%); /* IE10+ */
	background: linear-gradient(top, #353436 0%,#1d1c1e 100%); /* W3C */	
	position: absolute;
	top:-999em;
}

/* position second drop */
ul.sf-menu li li:hover ul {
    top:auto;
    position:relative;
}

/* make sure third drop is still off screen */
ul.sf-menu li li:hover li ul {
    position: absolute;
    top:-999em;
}

/* position third drop */
ul.sf-menu li li li:hover ul {
    top:auto;
    position:relative;
}

@media only screen and (min-width: 740px) {
	
	#menu-btn{display:none}
	#containernav .content{width:100%;margin:0}

	.samplespacing{
		display:none;
		visibility:hidden;	
	}
	
    /* set height so content isn't pushed down */
    /* set height so content isn't pushed down add z-index to keep drops above content */
    .sf-menu{
        height: 34px;
        z-index:100;
      background: url('../Images/Tablet/bg-menu.png') ;
    background-repeat:repeat-x;
    
    }
    /* restyle so main links are horizontally aligned */
    .sf-menu li 
    {
        border-top: 1px solid #658297;
        boder-left: 1px solid #587595;
            background: url('../Images/Tablet/bg-menu.png') ;
    background-repeat:repeat-x;
    height :30px;
        clear: none;
        width: 15.5%; /* this will need to be adjusted for your needs */
    }
    /* new style for drop list items */
    .sf-menu li li{
         background:#354551;    	
	    clear: left;
        width: 150%;
        
    }
    /* reset text indent on all drop a tags and set the width to 100% */
    .sf-menu li li a{
        
        width: 100%;
    }
    /* reposision and style the first drop */
    .sf-menu li:hover ul{
        background:#1d1c1e;    	
	background: -moz-linear-gradient(100% 100% 90deg, #1d1c1e, #353436);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#353436), to(#1d1c1e));
	background: -webkit-linear-gradient(#1d1c1e, #353436);
	background: -o-linear-gradient(#1d1c1e, #353436);
	background: -ms-linear-gradient(top, #353436 0%,#1d1c1e 100%); /* IE10+ */
	background: linear-gradient(top, #353436 0%,#1d1c1e 100%); /* W3C */	
        left: auto;
        position: absolute;
        top: -1;
        width: 100%;
        z-index: 100;
    }
    /* reposision and style the second drop */
    ul.sf-menu li li:hover ul{
        background: #000000;
        position: absolute;
        top: -1px;
        left:100%;
    }
    /* reposision and style the third drop */
    ul.sf-menu li li li:hover ul{
        background: #000000;
        position: absolute;
        top: -1px;
        left:100%;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
}
/******  Navigation Menu Styles  **********************/

/*===============================================================================================
Media Queries                          
*************************************************************************************************/
.container{
	padding-top: 5px;
	padding-bottom: 5px;
    margin: 0 auto;
}
.mAuto{
	margin: 0 36px 0 auto;
	width: auto;
}
.col_1_3{ \width: 310px; *width: 310px; _width: 310px; width:310px;}
/*@media only screen and (min-width: 1536px) and (max-width: 2048px) {
} /* Ipad 3 */

/*@media only screen and (min-width: 1025px) 
{
body{font-size: 11px;}
#CommonDiv
{
    padding:1% 10%; 
    height: 500px;    
    width:80%;
    position:absolute;
    top:130px;   
}
/* ================= Screen specific styles Ends ================= *
.bcgrey, .bchigh, .bclow{padding: 4px 15px;}
#WindowHeader{width:100%;}
#Commonframe{width: 80%; height: 520px;padding: 0; margin: 0; overflow-x: hidden;}
} /* all columns - 1 row *
*/

@media only screen and (min-width: 960px)
{
body{font-size: 11px;}
.OEPop{
    padding:1% 10%; 
    height: 500px;    
    width:80%;
    position:absolute;
    top:130px;  
}
.container {
	width: 942px;
	margin: 0 auto 0 auto;
}
.col_1_5 {
	width: 180px;
	margin: 0 4px;
}
.col_1_2 {
	width:440px;
	margin: 0 16px;
}
.col_1_3 {
	width: 310px;
	margin: 0 2px;
}
.col_2_3 {
	width: 615px;
	margin: 0 5px;
}
.col_1_4 {
	width: 230px;
	margin: 0 4px 0 2px;
}
.col_3_4 {
	width: 450px;
	margin: 0 3px 0 2px;
}
.col_1_5_pop{
    float: left;
    width: 24%;
	margin: 0 2px;
}
.col_1_2.last, .col_2_3.last, .col_1_3.last, .col_1_4.last, .col_3_4.last,.col_1_5_pop.last, .col_2_3.last, .col_1_5.last {
	margin-right:0;
}
/* ================= Container and Columns Ends ================= */
/* ================= Tabs ================= */
.tabs .col_1_2 {
	width: 450px;
	margin: 0;
}
.tabs .col_1_3 {
	width: 300px;
	margin:0;
}
/* ================= Tabs Ends ================= */
/* ================= Screen specific styles ================= */
#bounds label, #bounds2 label {
	width:46.5%;
}
.ws40{width:40%;}
label{
	text-align: right;
	width: auto;
}

input[type="date"]{
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;
	box-sizing:border-box;
	padding: 5px;
	width: 100%;
}
input[type="text"], input[type="number"]{
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;
	box-sizing:border-box;
	padding: 5px;
	width: 100%;
}
#amt input[type="text"]{
	-moz-box-sizing:border-box;
	-webkit-box-sizing: border-box;
	box-sizing:border-box;
	height:26px;
	width: 51%;
}
.fs12{font-size:13px;}
#moblogout{display: none; visibility: hidden;}
#WindowHeader{width:100%;}
#Commonframe{width: 80%; height: 520px;padding: 0; margin: 0; overflow-x: hidden;}
/* ================= Screen specific styles Ends ================= */
.bcgrey, .bchigh, .bclow{padding: 4px 15px;}
} /* all columns - 1 row */
@media only screen and (min-width: 801px) and (max-width: 959px) 
{
body{font-size: 11px;}
.OEPop
{
    padding:1% 10%; 
    height: 500px;    
    width:80%;
    position:absolute;
    top:130px;   
}
/* ================= Container and Columns ================= */
.container {
	width: 785px;
	margin: 0 auto;
}
.col_1_2 {
	width: 380px;
	margin: 0 6px;
}
.col_1_3 {
	width: 250px;
	margin: 0 6px;
}
.col_2_3 {
	width: 516px;
	margin: 0 4px;
}
.col_1_4 {
	width: 185px;
	margin: 0 6px;
}
.col_1_5 {
	width: 150px;
	margin: 0 3px;
}
.col_1_5_pop{
    float: left;
    width: 24%;
	margin: 0 2px;
   }
.col_1_2.last, .col_2_3.last, .col_1_3.last, .col_1_4.last, .col_3_4.last,.col_1_5_pop.last, .col_2_3.last, .col_1_5.last {
	margin-right:0;
}
/* ================= Container and Columns Ends ================= */
/* ================= Tabs ================= */
.tabs ul {
	margin:0 0 0 20px;
}
.tabs ul li {
	margin:0 3px -2px 0;
}
.content_text {
	padding:10px;
}
.tabs .col_1_2 {
	width: 368px;
	margin: 0 6px;
}
.tabs .col_1_3 {
	width: 250px;
	margin:0;
}
.tabs .col_1_2.last, .tabs .col_2_3.last, .tabs .col_1_3.last, .tabs .col_1_4.last, .tabs .col_3_4.last, .tabs .col_2_3.last, .tabs .col_1_5.last {
	margin-right:0;
}
/* ================= Tabs Ends ================= */
/* ================= Screen specific styles ================= */
#btn{text-align:center; padding-top:10px;}
input[type="date"]{width:100%;}
#amt input[type="text"]{
	height:25px;
	width: 73%;
}
#bounds label, #bounds2 label {
	width:45%;
}
.fs12{font-size:13px;}
.bcgrey, .bchigh, .bclow{padding: 4px 15px;}
#moblogout{display: none; visibility: hidden;}
#WindowHeader{width:100%;}
#Commonframe{width: 80%; height: 520px;padding: 0; margin: 0; overflow-x: hidden;}
/* ================= Screen specific styles Ends ================= */
} /* all columns - 1 row */

@media only screen and (min-width: 768px) and (max-width: 801px) 
{
body{font-size: 11px;}
.OEPop
{
      padding:1% 10% 0 10%; 
    height: 500px;    
    width:80%;
    position:absolute;
    top:130px;    
}
/* ================= Container and Columns ================= */
.container {
	width: 750px;
	margin: 0 auto 0 auto;
}
.col_1_2 {
	width: 340px;
	margin: 0 10px;
}
.col_1_3 {
	width: 230px;
	margin: 0 6px;
}
.col_2_3 {
	width: 500px;
	margin: 0 6px;
}
.col_1_4 {
	width: 180px;
	margin: 0 3px;
}
.col_1_5 {
	width: 140px;
	margin: 0 5px;
}
.col_3_4 {
	width: 450px;
}
.col_1_5_pop{
    float: left;
    width: 24%;
	margin: 0 2px;
   }
.col_1_2.last, .col_2_3.last, .col_1_3.last, .col_1_4.last, .col_3_4.last, .col_2_3.last, .col_1_5_pop.last, .col_1_5.last {
	margin-right:0;
}
/* ================= Container and Columns Ends ================= */
/* ================= Tabs ================= */
.tabs ul {
	margin:0 0 0 20px;
}
.tabs ul li {
	margin:0 3px -2px 0;
}
.content_text {
	padding:10px;
}
.tabs .col_1_2 {
	width: 340px;
	margin: 0 10px;
}
.tabs .col_1_3 
{
	width: 230px;
	margin: 0 5px;
}
.tabs .col_2_3 
{
	width: 500px;
	margin: 0 6px;
}
.tabs .col_1_4 
{
	width: 180px;
	margin: 0 3px;
}
.tabs .col_1_5 
{
	width: 140px;
	margin: 0 5px;
}
.tabs .col_3_4 
{
	width: 450px;
}
.tabs .col_1_2.last, .tabs .col_2_3.last, .tabs .col_1_3.last, .tabs .col_1_4.last, .tabs .col_3_4.last, .tabs .col_2_3.last, .tabs .col_1_5.last {
	margin-right:0;
}
/* ================= Tabs Ends ================= */
/* ================= Screen specific styles ================= */
label
{
    text-align: left;
}
#btn{text-align:center; padding-top:10px;}
#bounds label, #bounds2 label {
	width:45%;
}
#amt input[type="text"]{
	height:25px;
	width: 73%;
}
input[type="date"]{width:100%;}
.fs12{font-size:13px;}
.bcgrey, .bchigh, .bclow{padding: 4px 15px;}
#moblogout{display: none; visibility: hidden;}
#WindowHeader{width:100%;}
#Commonframe{width: 80%; height: 520px;padding: 0; margin: 0; overflow-x: hidden;}
/* ================= Screen specific styles Ends ================= */
} /* 3+ columns - 1 row */

@media only screen and (min-width: 641px) and (max-width: 767px) 
{
body{font-size: 11px;}
.OEPop
{
    padding:1% 10%; 
    height: 500px;    
    width:80%;
    position:absolute;
    top:130px;   
}
/* ================= Container and Columns ================= */
.pop{
  margin: 0 2px 5px 100px; 
}
.container {
	width: 620px;
	margin: 0 auto 0 auto;
}
.col_1_2 {
	width: 280px;
	margin: 0 15px;
}
.col_1_3 {
	width: 185px;
	margin: 0 6px;
}
.col_1_4 {
	width: 150px;
	margin: 0 2px;
}
.col_1_5 {
	width: 115px;
	margin: 0 4px;
}
.col_2_3 {
	width: 420px;
	margin: 0 4px;
}
.col_3_4 {
	width: 450px;
}
.col_1_5_pop
{
    float: left;
    width: 24%;
	margin: 0 2px;
}
.col_1_2.last, .col_2_3.last, .col_1_3.last,.col_1_5_pop.last, .col_1_4.last, .col_3_4.last, .col_2_3.last, .col_1_5.last {
	margin-right: 0;
}
/* ================= Container and Columns Ends ================= */
/* ================= Tabs ================= */
.tabs ul {
	margin:0 0 0 20px;
}
.tabs ul li {
	margin:0 3px -2px 0;
}
.content_text {
	padding:10px;
}
.tabs .col_1_2 {
	width: 280px;
	margin: 0 4px;
}
.tabs .col_1_3 
{
	width: 185px;
	margin: 0 4px;
}
.tabs .col_1_4 
{
	width: 150px;
	margin: 0 3px;
}
.tabs.col_1_5 
{
	width: 115px;
	margin: 0 4px;
}
.tabs .col_2_3 
{
	width: 420px;
	margin: 0 4px;
}
.tabs .col_3_4 
{
	width: 450px;
}
/* ================= Tabs Ends ================= */
/* ================= Screen specific styles ================= */
#btn{text-align:center; padding-top:10px;}
#bounds label, #bounds2 label {
	width:44%;
}
input[type="date"]{width:100%;}
#amt input[type="text"]{
	height:25px;
	width: 73%;
}
.fs12 { font-size:12px; }
.bcgrey, .bchigh, .bclow{padding: 4px 15px;}
#moblogout{display: none; visibility: hidden;}
#WindowHeader{width:100%;}
#Commonframe{width: 80%; height: 520px;padding: 0; margin: 0; overflow-x: hidden;}
/* ================= Screen specific styles Ends ================= */
} /* 3+ columns - 1 row */

@media only screen and (min-width: 601px) and (max-width: 640px) 
{
body{font-size: 10px;}
.OEPop
{
    padding:1% 10%; 
    height: 500px;    
    width:80%;
    position:absolute;
    top:130px;   
}
/* ================= Container and Columns ================= */
.container {
	width: 584px;
	margin: 0 auto 0 auto;
}
.col_1_2 {
	float:left;
	width: 280px;
	margin: 0 6px;
}
.col_1_3 {
	width: 185px;
	margin: 0 2px;
}
.col_1_4 {
	width: 140px;
	margin: 0 3px;
}
.col_1_5 {
	width: 112px;
	margin: 0 2px;
}
.col_1_5_pop{
    float: left;
    width: 24%;
	margin: 0 2px;    
}
.col_2_3 {
	width: 392px;
	margin: 0 2px;
}
.col_3_4 {
	width: 450px;
}
.col_1_2.last, .col_2_3.last, .col_1_3.last, .col_1_4.last, .col_3_4.last, .col_1_5_pop.last, .col_2_3.last, .col_1_5.last {
	margin-right:0;
}
/* ================= Container and Columns Ends ================= */
/* ================= Tabs ================= */
.tabs{
	width: 100%;
}
.tabs ul {
	margin:0 0 0 5px;
}
.tabs ul li {
	margin:0 2px -2px 0;
}
.content_text {
	padding:2px;
}
.tabs .col_1_2 {
	width: 280px;
	margin: 0 3px;
}
.tabs .col_1_3 
{
	width: 185px;
	margin: 0 3px;
}
.tabs .col_1_4 
{
	width: 150px;
	margin: 0 3px;
}
.tabs .col_1_5 
{
	width: 115px;
	margin: 0 4px;
}
.tabs .col_2_3 
{
	width: 420px;
	margin: 0 4px;
}
.tabs .col_3_4 
{
	width: 450px;
}
/* ================= Tabs Ends ================= */
/* ================= Screen specific styles ================= */
#amt input[type="text"]{
	height:25px;
	width: 73%;
}
input[type="date"]{width:100%;}
.idxW{width:100px;}
#btn{text-align:center; padding-top:10px;}
#bounds label, #bounds2 label {
	width:44%;
}
.fs12 { font-size:12px; }
.bcgrey, .bchigh, .bclow{padding: 4px 10px;}
#moblogout{display: none; visibility: hidden;}
/* ================= Screen specific styles Ends ================= */
.oeBuy, .oeSell, .oeGrey{padding: 4px 8px;}
#WindowHeader{width:100%;}
#Commonframe{width: 80%; height: 520px;padding: 0; margin: 0; overflow-x: hidden;}
} /* 3+ columns - 1 row */
@media only screen and (min-width: 481px) and (max-width: 600px) 
{
body{font-size: 11px;}
.OEPop
{
    padding:1% 10%; 
    height: 500px;    
    width:80%;
    position:absolute;
    top:130px;   
}
/* ================= Container and Columns ================= */
.container {
	width: 460px;
	margin: 0 auto;
	vertical-align:middle;
}
.col_1_2_footer.last p #first{float:left; text-align:left;}
.col_1_5_pop{float: left; width:48%; margin:0 2px;}
 .col_1_5_pop.last{margin-right:0px;}
.col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4{
	width:210px;
	margin: 0 6px;
}
.col_2_3{
	width:230px;
	margin: 0 6px;
}
.col_1_2.last, .col_2_3.last,.col_1_3.last, .col_1_5.last, .col_1_4.last, .col_3_4.last, .col_2_3.last {
	margin-right:0;
}
/* ================= Container and Columns Ends ================= */
/* ================= Tabs ================= */

.tabs .col_1_3 {
	float:left;
	width: 210px;
	margin:0;
}
.tabs ul {
	margin:0 0 0 5px;
}
.tabs ul li {
	margin:0 2px -2px 0;
}
.content_text {
	padding:10px;
}
/* ================= Tabs Ends ================= */
/* ================= Screen specific styles ================= */
#btn{text-align:center; padding-top:10px;}
label{
	text-align:left;
}

input[type="date"]{width:100%;}
#amt input[type="text"]{
	height:25px;
	width:82%;
}
#clearing, #tablogout{ display:none; visibility:hidden;}
.idxW{width:100px;}
#bounds label, #bounds2 label {
	width:47%;
}

#togglebtn{width:100%;}
.fs12 { font-size:12px; }
.bcgrey, .bchigh, .bclow{padding: 4px 2px;}
/* ================= Screen specific styles Ends ================= */
.oeBuy, .oeSell, .oeGrey{padding: 4px 8px;}
#WindowHeader{width:100%;}
#Commonframe{width: 80%; height: 520px;padding: 0; margin: 0; overflow-x: hidden;}
} /* 2 columns - 1 row */
@media only screen and (min-width: 320px) and (max-width: 480px) 
{
body{font-size: 9px;}
.OEPop
{
    padding:1% 0px; 
    height: 500px;    
    width:100%;
    position:absolute;
    top:130px;   
}
#WindowHeader{width:100%;}
#Commonframe{width: 100%; height: 520px;padding: 0; margin: 0; overflow-x: hidden;}
/* ================= Container and Columns ================= */
.col_1_2_footer{float:left;}
.col_1_2_footer.last{float:right; width:100%;}
.col_1_2_footer.last p{display:inline-block;}
.col_1_2_footer.last p #first{float:left; text-align:left}
.container {
	width: 303px;
	margin: 0 auto 0 auto;
}
.col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3, .col_1_5_pop {
	float:none;
	margin:0 auto;
	width:250px;
}
.col_1_2.last, .col_2_3.last, .col_1_3.last, .col_1_4.last, .col_1_5.last, .col_3_4.last, .col_3_4 .col_1_2.last, .col_1_5_pop.last{
	margin:0 auto;
}
/* ================= Container and Columns Ends ================= */
/* ================= Tabs ================= */
.tabs ul {
	margin: 0;
}
.tabs ul li {
	margin: 1px 1px -2px 1px;
}
.tabs ul li a {
	padding: 4px 1px 0 1px;
	height: 22px;
}
.content_text {
	padding:0;
	text-align:justify;
}
.content_text .col_1_2,.content_text .col_1_3, .content_text .col_1_4, .content_text .col_1_5, .content_text .col_3_4, .content_text .col_2_3, .content_text .col_1_2.last,.content_text .col_1_3.last, .content_text .col_1_4.last, .content_text .col_1_5.last, .content_text .col_3_4.last, .content_text .col_2_3.last {
	float:none;
	margin:0 6px;
	width:250px;
}
/* ================= Tabs Ends ================= */
/* ================= Screen specific styles ================= */
#bounds label, #bounds2 label {
	width:47%;
}
input[type="date"]{width:100%;}
#amt input[type="text"]{
	height:25px;
	width:82%;
}

.idxW{width:100px;}
#btn{text-align:center; padding-top:10px;}
.container .bannerform{
	text-align: left;
	background-color: #1a1a1a;
	max-height: auto;
	width:98%;
}
.container .bannerform a{
	color: #1bc3ff;
	margin-left: 5%;	
}
.fs12 { font-size:10px; }
/* ================= Screen specific styles Ends ================= */
.oeBuy, .oeSell,.oeGrey{padding: 4px 8px;}
.bcgrey, .bchigh, .bclow{padding: 4px 0px;}
#IUC_tdEx3, #Div2, #Div5, #Div10, #Div11, #Div6, #Div8, #clearing, #tablogout{display:none; visibility: hidden;}

} /* 1 columns - 1 row */
@media only screen and (min-width: 320px) and (max-width: 420px) {
/* ================= Container and Columns ================= */
.mAuto{
	margin: 0 auto 0 auto;
	
}
#IUC_tdEx1Value, #IUC_tdEx2Value{font-size:9px;}
h3 {font-size:10px;}
}
@media only screen and (min-width: 320px) and (max-width: 352px) 
{
    #IUC_tdEx2{display:none; visibility: hidden;}
    .bcgrey, .bchigh, .bclow{padding: 4px 4px;}
}

@media only screen and (max-width:319px){
body{font-size: 11px;}
/* ================= Container and Columns ================= */
.col_1_2_footer{float:left;}
.col_1_2_footer.last{float:right; width:100%;}
.col_1_2_footer.last p{display:inline-block;}
.col_1_2_footer.last p #first{float:left; text-align:left}
.container {
	width: 100%;
	margin: 0 auto;
}
.col_1_2, .col_1_3, .col_1_4, .col_1_5, .col_3_4, .col_2_3 {
	float:none;
	margin:0 auto;
	width:230px;
}
.col_1_2.last, .col_2_3.last, .col_1_3.last, .col_1_4.last, .col_1_5.last, .col_3_4.last, .col_3_4 .col_1_2.last{
	margin:0 auto;
}
/* ================= Container and Columns Ends ================= */
/* ================= Tabs ================= */
.tabs ul {
	margin: 0;
}
.tabs ul li {
	margin: 1px 1px -2px 0;
}
.tabs ul li a {
	padding: 4px 1px 0 1px;
	height: 22px;
}
.content_text {
	padding:2px;
	text-align:justify;
}
/* ================= Tabs Ends ================= */
/* ================= Screen specific styles ================= */
.mAuto{
	margin: 0 auto 0 auto;
	width: auto;
}
#bounds label, #bounds2 label {
	width:47%;
}
#btn{text-align:center; padding-top:10px;}
input[type="date"] {width:100%;}
#amt input[type="text"]{
	height:25px;
	width: 50%;
}
#footer ul li {max-width: 80px;}
#footer {text-align:center;}

.container .bannerform{
	text-align: left;
	background-color: #1a1a1a;
	max-height: auto;
	width:250px;
}
.container .bannerform a{
	color: #1bc3ff;
	margin-left: 0%;	
}
.fs12 {font-size:10px; }
#tablogout, #IUC_tdEx3, #IUC_tdEx2, #clearing{display: none; visibility: hidden;}

/* ================= Screen specific styles Ends ================= */
.oeBuy, .oeSell, .oeGrey{padding: 4px 8px;}
.mAuto{	margin: 0 auto 0 auto;}
#IUC_tdEx1Value, #IUC_tdEx2Value{font-size:9px;}
h3 {font-size:10px;}
} /* 1 columns - 1 row */


.visibleDiv{
	clear :both;
	/*z-index:5;
	position:fixed;*/
	top:79px;
}


@media only screen and (max-width:767px){
	.visibleDiv{
		/*position:fixed;*/
		top:79px;
	}

}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: potrait) {}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {}