/* Mobile CSS Document */

body{  
	margin: 0 auto;
	float: none;
	width:100%;
}

#wrapper{
	margin: 0 auto;	
	padding: 0pt;	
	height: 100%;
	min-height:100%;
	float:none;
	width:100%;
}

.fltfx{ 
	clear: both;
	display:block;
}

.bdr{
	border: 1px solid #7cb3e1;
}
.bdrT{
	border-top:1px solid #a5a5a5;
}

.bdrL{
	border-left:1px solid #a5a5a5;
}

.bdrR{
	border-right:1px solid #a5a5a5;
}

.bdrB{
	border-bottom:1px solid #a5a5a5;
}

.btn{
	background-image:url('../images/bg_button.gif');
	width:82px;
	height:22px;
	border: 1px solid #ffffff;
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;
	cursor:pointer;	
	color:#FFFFFF;
}

.btn40{
      background-image:url(../images/bg_btn.gif);
      width:40px;
      height:22px;
      border: 1px solid #ffffff;
      font-family:Verdana, Arial, sans-serif;
      font-size:11px;
      cursor:pointer;
      color:#FFFFFF;
}

.mwRefresh{
	  background-image:url('../images/btn_Refresh.gif');
      width:55px;
      height:20px;
}

.b5Refresh{
      background-image:url('../images/btn_Refresh.gif');
      width:56px;
      height:21px;
      border: 0px;
      font-family:Verdana, Arial, sans-serif;
      font-size:11px;

}


/**********************************************
Padding Classes                         
**********************************************/

.pA2{
	padding: 2px 2px 2px 2px;
}

.pT1{
	padding-top:1px;
}

.pT2{
	padding-top:2px;	
}

.pR2{
	padding-right: 2px;	
}

.pB2{
	padding-bottom: 2px;	
}

.pL2{
	padding-left: 2px;	
}

.pT3{
	padding-top:3px;	
}

.pR3{
	padding-right: 3px;	
}

.pB3{
	padding-bottom: 3px;	
}

.pL3{
	padding-left: 3px;	
}

.pT4{
	padding-top:4px;	
}

.pR4{
	padding-right: 4px;	
}

.pB4{
	padding-bottom: 4px;	
}

.pL4{
	padding-left: 4px;	
}



/**********************************************
Margin Classes                         
**********************************************/

.mT2{
	margin-top: 2px;
}

.mR2{
	margin-right: 2px;
}

.mB2{
	margin-bottom: 2px;
}

.mL2{
	margin-left: 2px;
}

.mT3{
	margin-top: 3px;
}

.mR3{
	margin-right: 3px;
}

.mB3{
	margin-bottom: 3px;
}

.mL3{
	margin-left: 3px;
}

.mT4{
	margin-top: 4px;
}

.mR4{
	margin-right: 4px;
}

.mB4{
	margin-bottom: 4px;
}

.mL4{
	margin-left: 4px;
}

.mT6{
	margin-top: 6px;
}

/**********************************************
Text Classes                         
**********************************************/

.txtLf{
	text-align: Left;
}

.txtRt{
	text-align:right;
}

.txtCt{
	text-align:center;
}

.txtbd{
	font-weight: bold;
}

.txtuc{
	text-transform:uppercase;
}

.tcB{
	color: #064aae;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.tcR{
	color:#c60303;
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;
	font-weight: bold;	
}

/**** Static Text Classes ****/

.stTxt10{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #06377c;
}

.stTxt{	
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;
	font-weight: bold;
    color:#000000;	
}

.stTxtC1{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #000000;
}

.tcBk{
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;
	color:#000000;
}

.tcBkIndex{
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;
	color:#000000;
}

.headerText{
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;
	color:#000000;	
	font-weight:bold;	
	line-height: 140%;
}

/**********************************************
Float Classes                        
**********************************************/
.flLt{
	float:left;	
}

.flRt{
	float:right;
}


/**** Link Text Classes *****/

.tcW{
	color:#FFFFFF;
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;
	font-weight: bold;	
}

A.tcW{
	text-decoration:none;	
}

A.tcW:hover{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: underline;
}

.lnkTxt{
	color:#06377c;
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;
	font-weight: bold;			
}

A.lnkTxt{
	text-decoration:none;
}

A.lnkTxt:hover{
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;		
	color:#6f0111;
	text-decoration:underline;
}

.lnkTxt10{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #06377c;
	line-height: 120%;
}

A.lnkTxt10{
	text-decoration:none;
}

A.lnkTxt10:hover{
	font-family:Verdana, Arial, sans-serif;
	font-size:10px;		
	color:#6f0111;
	text-decoration:underline;
}

.lnkTxtB{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #06377c;
	line-height: 120%;
}

A.lnkTxtB{
	text-decoration:none;
}

A.lnkTxtB:hover{
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;		
	color:#6f0111;
	text-decoration:underline;
}

.ffV{
	font-family:Verdana, Arial, sans-serif;
}

.fs11{
	font-size:11px;		
}

.fs10{
	font-size:10px;	
}



.cptr{
	cursor:pointer;	
}

.submenuText{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	margin-left:10%;
	font-weight:bold;
	color: #000000;	
}

A.submenuText{
	text-decoration:none;
}

A.submenuText:hover{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	margin-left:10%;
	font-weight:bold;
	color: #015aac;
	text-decoration:underline;
}


/***** To be used for CA5 LBS ***/
.custArea5M{
	float: left;
	width:100%;
	padding-top: 4px;
	padding-bottom: 5px;
}


/**********************************************
Header Area                         
**********************************************/

#hdr{
	height: 100%;
}

#tphdr{
	background-color: #ffffff;
	width:100%;	
}

.logo{
	background-color:#ffffff;
	float:left;
	width:100%;
}

.tprt{
	float: right;		
	border-left: 1px #01446f dotted;
}

/*********************
Header Content
**********************/

.ttlHdr{
	background-image:url('../images/bg_loginHeader.gif');
	background-repeat:repeat-x;
	height: 23px;		
	border-left: 1px solid #a5a5a5; 
	border-right:1px solid #a5a5a5;	
	width:100%;
	font-family:Verdana, Arial, Sans-Serif;
	font-size:11px;		
}

/**********************************************
Order Entry Panel
**********************************************/

.oeB{
	background-color:#064aae;	
	color: #FFFFFF;
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;	
}

.oeS{
	background-color:#c60303;
	color: #FFFFFF;
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;
}


.txBxDis{
	width: 90px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	margin-top: 3px;
	background-color: #a9a9a9;
	text-transform:uppercase;
	color:#000000;
	font-weight:bold;
}

.txBxEn{
	width: 90px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	margin-top: 3px;
	background-color: #FFFFFF;
	text-transform:uppercase;
}

.dropdownSize{
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;
	margin-top: 3px;
}



/***********************************************************************************************************************
Login Page for Layout 1 & 2
**************************************************************************************************************************/

.loginCenter{
	width: 50%;
	margin-left:25%;
}

#loginContent{
	background-image:url('../images/loginContentBg.gif');
	background-repeat:repeat-x;	
	_height: 600px;
	min-height: 550px;
	background-color: #FFFFFF;
}

#rightSidebar{
	width: 340px;
	margin-top: 4px;
}

/******************
Login Box Header
*******************/
.ttlHdr{
	background-image:url(../images/bg_loginHeader.gif);
	background-repeat:repeat-x;
	height: 23px;	
	margin: 2px 0px 0px 0px;	
	border-left: 1px solid #a5a5a5; 
	border-right:1px solid #a5a5a5;	
	width:100%;
}

/*********************
Login Box Content Box
**********************/

.box{
	background-color: #edf2f8;
	border:1px solid #a5a5a5;
	color: #202020;
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;	
	height: 100%;
}

.boxNB{
	background-color: #edf2f8;
	color: #202020;
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;	
	height: 100%;
}

.boxNT{
	background-color:#edf2f8;
	color: #202020;
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;	
	height: 100%;	
}


.box a:link{
	color:#000000;	
	text-decoration:none;
}

.box a:visited{
	color:#000000;
	text-decoration:none;
}

.box a:hover{
	color:#6f0111;	
	text-decoration:underline;
}

div.row{
	clear:both;
	padding-top: 4px;
}

div.row span.label{
	float: left;	
	text-align: right;
	width: 90px;
}

div.row span.label1{
	float: left;	
	text-align: right;
	width: 110px;
}

div.row span.formw{
	float:right;
	text-align:left;
	width: 200px;
}

div.row span.formr{
	float:right;
	text-align:right;
	width: 150px;
}

.txtboxSizeNormal{
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;	
}

.btnBg{	
	margin-left:4px;
}

.userGuide{
	float: left;
	width: 100%;	
	margin-top: 5px;
	margin-bottom: 5px;	
}

/***************************************************************************************************************************
Best Five Page
****************************************************************************************************************************/

.b5B{
	background-color:#064aae;	
	color: #FFFFFF;
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;
	text-align:center;
	border: 1px solid #000000;
}

.b5S{
	background-color:#c60303;
	color: #FFFFFF;
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;
	text-align:center;
	border: 1px solid #000000;
}

.b5MBg{
	background-color: #06377c;
	font-family:Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	border: 1px solid #22638d;
	text-align:center;
}

.b5BTxt{
	color:#064aae;
	font-family:Verdana, Arial, sans-serif;
	font-size: 11px;
	border: 1px solid #015aac;
	text-align:right;
	width:25%;
}

.b5STxt{
	color:#c60303;
	font-family:Verdana, Arial, sans-serif;
	font-size: 11px;
	border: 1px solid #015aac;
	text-align:right;
	width:25%;
}

.w25{
	width:25%;
}

.w50{
	width:50%;
}

/***************************************************************************************************************************
Reports Page
****************************************************************************************************************************/

/*
#reports{
	width:1000px;
	float:left;
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;
	line-height: 160%;
	margin-top: 5px;
	margin-bottom: 0px;
}
*/

.grdEmpty{
	text-align:left;
	color: #c60303;
	font-weight: bold;
	height: 20px;
}

.grdHead{
	background-color: #06377c;
	color: #FFFFFF;
}

.grdAppBg{
	background-color: #015aac;
	color:#000000;	
}

.grdRows{
	background-color:#dbdbdb;
	color:#000000;
}

.grdAltRows{
	background-color:#f6f6f7;
	color: #000000;
}

.grdTotalRows{
	background-color: #99acbd;
}

.grdPager{
	background-color:#06377c;
	color:#ffffff;
}

.grdFooter{
	background-color:#000000;
	color:#FFFFFF;
}

/****************************************************************************************************************************
Funds View Page
****************************************************************************************************************************/

.fvAdd{
	color:#02752a;
	font-weight:bold;
	font-family:Verdana, Arial, sans-serif;
	font-size: 11px;
}

.fvLess{
	color:#06377c;
	font-weight:bold;
	font-family:Verdana, Arial, sans-serif;
	font-size: 11px;
}	


/**********************************************
Market Watch Content                          
**********************************************/
.mwMnu{
	background-color: #06377c;
}

.mwMnuTxt{
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;
	color: #FFFFFF;
	line-height: 120%;
}

.mwCntTxt{
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;
	color:#000000;
	line-height: 120%;
	height:17px;
}

.mwRwCsr{
	cursor:default;
	height:17px;
}

.mwSymTxt{
	font-family:Verdana, Arial, sans-serif;
	font-size:10px;
	color:#6b420d;
	line-height: 120%;
}

.oeBuy{
	background-color:#064aae;	
	color: #FFFFFF;
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;	
}
.oeSell{
	background-color:#c60303;
	color: #FFFFFF;
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;
}

.txtboxAddendum{
	width: 300px;
	height:250px;
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;
	margin-top: 3px;
}