/* Table start temp - should really change these */
.tdGrayBorder{font-size: 11px; color: #3B3B3B; line-height: 16px; border-style: solid; border-color: #bdbdbd; border-width: 1px;}

.tdBgGray2{font-size: 10px; height:20px; color: #3B3B3B; background-color:#f5f8e3; border-style: solid; border-color: #e3e3e3; border-width: 1px; padding:2px 4px 2px 4px;}

.tdBgGray{font-size: 11px; height:20px; color: #3B3B3B; font-weight: bold; background-color:#E6E6E6; border-style: solid; border-color: #CCCCCC; border-width: 1px;}
.tdBgGrayNoBorder{font-size: 11px; height:20px; color: #3B3B3B; font-weight: bold; background-color:#E6E6E6; border-style: solid; border-color: #FFF; border-width: 0px}
.tdBgGray3{font-size: 11px; height:25px; color: #3B3B3B; font-weight: normal; background-color:#E6E6E6; border-style: solid; border-color: #CCCCCC; border-width: 1px}
.tdBgGray4{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #3B3B3B; vertical-align:middle; background: url(../Images/Bg/bg_line_gray25.gif); height:25px; padding-top:4px; padding-left:2px; padding-right:2px;}
.tdBgGray5{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #3B3B3B; vertical-align:middle; background: url(../Images/Bg/bg_line_gray25.gif); height:25px; padding-top:2px; padding-left:2px; padding-right:2px;}

.tdBgWhite{font-size: 11px; height:20px; color: #3B3B3B; font-weight: normal; background-color:#FFF; height:22px;}
.tdBgWhiteLine{font-size: 11px; color: #3B3B3B; font-weight: normal; background-color:#FFF; height:30px; border-bottom:1px solid #cacaca;}

.tdBgBlue{font-size: 11px; color: #3B3B3B; background-color:#b1d3f7; border-style: solid; border-color: #4883b4; border-width: 1px; height:20px;}
.tdBgBlue2{font-size: 11px; height:20px;  color: #3B3B3B; background-color:#ddedff; border-style: solid; border-color: #7ab3db; border-width: 1px; font-weight:bold;}
.tdBgBlue3{font-size: 11px; color: #3B3B3B; background-color:#ddedff;}
.tdBgBlue4{font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color: #3B3B3B; vertical-align:middle; border-bottom:1px solid #363636; background-color:#b1d3f7; height:30px; padding:4px;}

.tdBgBlueImage{background-color:#e5f6fe; padding: 5px 5px 5px 5px; border-style: solid; border-color: #78b6d4; border-width: 1px; width:549px;}
.tdBgBlueImage2{background-color:#78b6d4; padding: 5px 5px 5px 5px; border-style: solid; border-color: #78b6d4; border-width: 1px; width:680px;}

.tdStepGray{background-color:#a0a0a0;}
.tdStepBgGray{font-size: 10.5px; color: black; background-color:#e4e4e4; font-weight:normal; text-align:center;}
.tdStepBgBlue{font-size: 10.5px; color: black; background-color:#b0d2f6; font-weight:normal; text-align:center; width:33%;}
.tdStepBgWhite{font-size: 10.5px; color: black; background-color:#ffffff; font-weight:normal; text-align:center; width:33%;}
.tdStepBgGreen{font-size: 10.5px; color: black; background-color:#6fd271; font-weight:normal; text-align:center; width:33%;}
.tdStepBgBlue2{font-size: 10.5px; color: black; background-color:#b0d2f6; font-weight:normal; text-align:center; width:50%;}
.tdStepBgGreen2{font-size: 10.5px; color: black; background-color:#6fd271; font-weight:normal; text-align:center; width:50%;}
.tdStepBgWhite2{font-size: 10.5px; color: black; background-color:#ffffff; font-weight:normal; text-align:center; width:50%;}
.tdStepBgGray2{font-size: 10.5px; color: black; background-color:#e4e4e4; font-weight:normal; text-align:center; width:50%;}

.tdStepBgBlue4{font-size: 10.5px; color: black; background-color:#b0d2f6; font-weight:normal; text-align:center; width:25%;}
.tdStepBgGreen4{font-size: 10.5px; color: black; background-color:#6fd271; font-weight:normal; text-align:center; width:25%;}
.tdStepBgWhite4{font-size: 10.5px; color: black; background-color:#ffffff; font-weight:normal; text-align:center; width:25%;}
.stepBorders {border-top:1px solid #999999; border-bottom:1px solid #999999; margin:0; padding: 0;} 


.tdCPBgGray{font-size: 11px; color: black; background-color:#e4e4e4; font-weight:normal; text-align:left; padding-left:6px; padding-right:6px;}
.tdCPBgGrayBold{font-size: 11px; color: #1f64a0; background-color:#e4e4e4; font-weight:bold; text-align:left; padding-left:6px; padding-right:6px;}
.tdCPBgGray2{font-size: 11px; color: black; background-color:#f2f2f2; font-weight:normal; text-align:left; padding-left:6px; padding-right:6px;}
.tdCPBgGray2Bold{font-size: 11px; color: #1f64a0; background-color:#f2f2f2; font-weight:bold; text-align:left; padding-left:6px; padding-right:6px;}
.tdCPBgBlue{font-size: 12px; color: white; background-color:#66b3f2; font-weight:bold; text-align:left; padding-left:6px; padding-right:6px; padding-top:6px; padding-bottom:6px;}
.tdCPBgBlue2{font-size: 12px; color: black; font-weight:bold; text-align:left; padding-left:6px; padding-right:6px;}


.tdQuote{font-size: 11px; color: #3B3B3B; font-weight: normal; border-style: solid; border-color: #FFF; border-width: 1px; padding-left:2px; padding-right:2px;}

.MsgPopupText {font-size:12px; font-weight:normal; background-color: #FFFFFF; height:16px; width:80%; text-align:center; border-style: solid; border-color: #bdbdbd; border-width: 1px; padding-top:15px; padding-bottom:15px;}


.tdBgEnable{background: url(../Images/trade/bkgnd.gif);}
.tdBgDisable{background: url(../Images/trade/bkgnd_gray.gif);}

.tdDataBg {background: url(../Images/watchlist/bg_td.gif) repeat-x ; padding-top:4px; padding-bottom:2px;}


.tableBgGray{background-color:#fff; border-style: solid; border-color: #CCCCCC; border-width: 1px; text-align:center; padding: 3px 3px 3px 3px;}

.gridviewRowStyle{ padding-bottom:2px; padding-top:2px; margin-top:2px; }
/* Table end */


/* Date-grib start */
.tdDot45 {font-size: 11px; color: #3B3B3B; background-color: #FFFFFF; height:45px; background-image:url(../Images/Fund/bg_dot_h45.gif); background-repeat:repeat-x}
.tdDot35 {font-size: 11px; color: #3B3B3B; background-color: #FFFFFF; height:35px; background-image:url(../Images/Fund/bg_dot_h35.gif); background-repeat:repeat-x}
.tdDot35b {font-size: 11px; color: #3B3B3B; background-color: #FFFFFF; height:35px; background-image:url(../Images/Fund/bg_dot_h35b.gif); background-repeat:repeat-x}
.tdDot30 {font-size: 11px; color: #3B3B3B; background-color: #FFFFFF; height:35px; background-image:url(../Images/Fund/bg_dot_h30.gif); background-repeat:repeat-x}
.tdDot25 {font-size: 11px; color: #3B3B3B; background-color: #FFFFFF; height:35px; background-image:url(../Images/Fund/bg_dot_h25.gif); background-repeat:repeat-x}
.tdDot25b {font-size: 11px; color: #3B3B3B; background-color: #FFFFFF; height:35px; background-image:url(../Images/Fund/bg_dot_h25b.gif); background-repeat:repeat-x}
/* Date-grib end */



/* Form start */
.TextBox{font-size: 11px; color: #000; background-color:#FFF; border:1px solid #666666; padding:1px 0 1px 2px; width:160px}
.TextBox2{font-size: 11px; color: #000; background-color:#FFF; border:1px solid #666666; padding:1px 0; width:40px}
.TextBox2b{font-size: 10px; color: #666; background-color:#FFF; border:1px solid #666666; padding:1px 2px 1px 2px; width:40px}
.TextBox3{font-size: 13px; color: #000; font-weight:bold; text-align:center; background-color:#FFF; border:1px solid #666666; padding:1px 0; width:20px; height:20px;}

.TextBoxRight{font-size: 11px; color: #000; background-color:#FFF; border:1px solid #666666; padding:1px 4px 1px 0; text-align:right; width:160px;}
.TextBoxCenter{font-size: 11px; color: #000; background-color:#FFF; border:1px solid #666666; padding:1px 0; text-align:center; width:160px;}

.TextBoxG{font-size: 11px; color: #000; background-color:#e8fbe9; border:1px solid #666666; padding:1px 0 1px 3px; width:160px}
.TextBoxG2{font-size: 11px; color: #000; background-color:#e8fbe9; border:1px solid #666666; padding:1px; width:50px; text-align:center;}

.TextMode{font-size: 11px; height:15px; color: #3B3B3B; background-color:#FFF; border-style: solid; border-color: #CCCCCC; border-width: 1px; padding:6px 0;}

.TextBoxNoBorder{font-size: 11px; color: #000; font-weight:normal; background-color:Transparent; padding-right:2px; border-style:none;}
.TextBoxNoBorderRight{font-size: 11px; color: #000; font-weight:normal; background-color:Transparent; padding-right:2px; border-style:none; text-align:right; width:150px}

.TextBoxNoBorder2{font-size: 12px; color: #484848; font-weight:normal; background-color:Transparent; border-style:none;}

.TextBoxAcc {font-size: 11px; color: #000; background-color:#E8FBE9; border:1px solid #666666; padding:1px 0; width:140px; margin:5px; cursor:pointer;}

.TextBoxLogin {font-size: 14px; color: #000; background-color:#FFF; border:1px solid #666666; width:150px; height:20px; padding:1px 0 0 1px; cursor:pointer;}

.TextBoxAccPIN {font-size: 33px; letter-spacing:7px; font-weight:bold; color: #000; background-color:#E8FBE9; border:1px solid #666666; padding:2px 0 0 8px; width:126px; cursor:pointer;}
.TextBoxAccPhrase {font-size: 15px; color: #000; background-color:#E8FBE9; border:1px solid #666666; padding:5px 3px 5px 3px; width:170px; cursor:pointer;}
.TextBoxAccPhraseLogin {font-size: 14px; color: #000; font-weight:bold; border-style:none; background-color:Transparent; padding:5px 3px 5px 3px; width:260px;}

.TextBoxTrade {font-size: 11px; color: #000; background-color:#E8FBE9; border:1px solid #666666; padding:1px 0; width:60px; margin:2px 0; float:none;}
.DropDownTrade {font-size: 11px; color: #000; background-color:#E8FBE9; border:1px solid #666666; padding:1px 0; width:90px; margin:2px 0;}
.DropDownTradeType {font-size: 11px; color: #000; background-color:#E8FBE9; border:1px solid #666666; padding:1px 0; width:80px; margin:2px 0;}
.DropDownTradeWide {font-size: 11px; color: #000; display:block; background-color:#E8FBE9; border:1px solid #666666; padding:1px 0; width:130px; margin:2px 0; float:left;}
/* Form end */

/* Account settings */
.Table-CellBorderAcc{font-size: 11px; color: #3B3B3B; line-height: 16px; border-style: solid; border-color: #dcdcdc; border-width: 1px;}
.Table-CellNoBorderAcc{font-size: 11px; color: #3B3B3B; line-height: 16px;}
.Table-CellNoBorderAccBold{font-size: 11px; color: #3B3B3B; line-height: 16px; font-weight: bold;}
.Table-CellPadded{padding-left: 6px; padding-right: 12px; padding-top: 3px; padding-bottom: 3px }

.tdgrayAcc{font-size: 11px; color: #3B3B3B; font-weight: bold; background-color:#DDDDDD;  height:20px; border-style: solid; border-color: #CCCCCC; border-width: 1px}
.tdBarAcc{font-size: 11px; color: #ffffff; font-weight: bold; background-color:#DDDDDD;  border:solid 1px #cccccc;}
.tdContentAcc{font-size: 11px; color: #3B3B3B; line-height: 14px; padding-left: 10px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;}
.tdContentAccText{font-size: 11px; color: #3B3B3B; line-height: 14px; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;}
.tdContentAccHelp{font-size: 11px; color: #3B3B3B; line-height: 16px;}
.tdTextAcc{font-size: 11px; color: #3B3B3B; line-height: 16px;}
.tdContentPro{font-size: 11px; color: #3B3B3B; line-height: 13px; padding-top: 0px; padding-bottom: 0px;}



/* TAB Styles start */
#Tabmain{ width:100%;}
.TabTopGroup{ z-index:99; position:relative; background-image: url(../Images/TabStrip/tab_bg_bar.gif);}
.TabDefaultTab{ color:black; background-image: url(../Images/TabStrip/tab_bg.gif); font-size:11px;  font-weight:bold;  color:#A2A2A2; cursor:pointer;}
.TabDefaultTabHover{ color:black; background-image: url(../Images/TabStrip/hover_tab_bg.gif); font-size:11px; font-weight:bold; color:#363636; cursor:pointer;}
.TabSelectedTab{ color:black; background-image: url(../Images/TabStrip/selected_tab_bg.gif);  font-size:11px; font-weight:bold; color:#363636; cursor:pointer;}
.TabMultiPage{ overflow:visible; position:relative; padding:10px; top:-3px; left:1px; z-index:98; width:100%;}
.TabPageContent{ font-size:11px; color: #3B3B3B;}
.Tabtd{	background-color:#EAEAEA; height:22px; border-right: 1px solid white;}


.rMultiPage{ background-color:White; border: 1px solid #cecece; width:312px; height:100px; position:relative; top:-3px; left:1px; z-index:98;}
.rMultiPage2{ background-color:White; border: 1px solid #cecece; width:312px; height:155px; position:relative; top:-3px; left:1px; z-index:98;}


/* TAB Styles end */


/* Table Bg */
#Table-Container {margin:20px 0px 10px 10px; padding:0px; float:left; clear:left; display:inline;}
#Table-Box {background:#fff url(../../images/trade/TradeBox_mid.jpg) repeat-y top left; width:579px; margin-top:10px;}
#Table-BoxTop {background:#fff url(../../images/trade/TradeBox_top.jpg) no-repeat top left; width:579px; height:85px; text-align:center;}
#Table-BoxTop h4 {font-size:12px; font-weight:bold;}
#Table-BoxTop h5 {font-size:14px; font-weight:bold; padding:10px;}
#Table-BoxTop p {margin:5px 0;}
#Table-BoxTop p.small {font-size:10px; margin:-3px 1px;}
#Table-BoxMid
#Table-BoxBtm {background:#fff url(../../images/trade/TradeBox_bottom.jpg) no-repeat top left; width:579px; height:3px; clear:both;}


/* Bg Blue */
.Table-Grad {background: url(../Images/trade/bkgnd.gif) repeat-x; width:580px; border:0;}
.Table-GradTop {background: url(../Images/trade/bg_dot_top.gif) repeat-x;}
.Table-GradLeft {background: url(../Images/trade/bg_dot_left.gif) repeat-x;}
.Table-GradRight {background: url(../Images/trade/bg_dot_right.gif) repeat-x;}
.Table-GradBot {background: url(../Images/trade/bg_dot_bottom.gif) repeat-x;}


/* Bg Yellow */
.Table-Grad2 {background: url(../Images/trade/bkgnd_yellow.gif) repeat-x; width:580px; border:0;}


/* Bg Gray */
.Table-Grad3 {background: url(../Images/trade/bkgnd_gray.gif) repeat-x; width:580px; border:0;}



/* Confirm Bg */
#ConfirmBg {background: url(../Images/Bg/g_confirm.jpg) repeat-x; height:150px;}


.line {border-bottom:dotted 1px #cacaca; padding-bottom:5px;}




/* Table BG color BLUE YELLOW GRAY */
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 580px; /* ems so it will grow */
	background: url(../Images/Grib/sbbody-r.gif) no-repeat bottom right;
	float: left;
}

.sideboxYellow {
	margin: 0 auto; /* center for now */
	width: 580px; /* ems so it will grow */
	background: url(../Images/Grib/sbbody-ry.gif) no-repeat bottom right;
	float: left;
}

.sideboxGray {
	margin: 0 auto; /* center for now */
	width: 580px; /* ems so it will grow */
	background: url(../Images/Grib/sbbody-rg.gif) no-repeat bottom right;
	float: left;
}

.boxhead {
	background: url(../Images/Grib/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: left;
}
.boxhead h2 {
	background: url(../Images/Grib/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 15px;
	color: #666; 
	font-weight: bold; 
	font-size: 1.4em; 
	}

.boxhead h3 {
	background: url(../Images/Grib/sbhead-ly.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 15px;
	color: #666; 
	font-weight: bold; 
	font-size: 1.4em; 
	}

.boxhead h4 {
	background: url(../Images/Grib/sbhead-lg.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 15px;
	color: #666; 
	font-weight: bold; 
	font-size: 1.4em; 
	}

.boxhead p { margin: 0; border-bottom:1px solid #cacaca;}
.caption {padding: 0px 0px 0px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #666666;}
.TopLink {margin: -16px; padding: 0px 20px 0px; font-weight: normal; text-align: right; float:right; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}


.boxbody {
	background: url(../Images/Grib/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	line-height: 0.2em;
	padding: 0px 30px 120px;
}