﻿/* no background for popup window */
#noBg {background:#fff none;}
#noBg p {padding:5px 0;}
#noBg ul li {list-style:none;}

/* Dynamic watch list */
.nochangeBox{font-size:12px; font-weight:bold; color: #FFFFFF; background-color: #000000; height:16px; width:80px; text-align:center; border-style: solid; border-color: #F0B93A; border-width: 0px; display: block; text-align: right}
.changeBoxRed{font-size:12px; font-weight:normal; color: #FFFFFF; background-color: #FF0F0F; height:16px; width:80px; text-align:center; border-style: solid; border-color: #F0B93A; border-width: 0px; display: block; text-align: right}
.changeBoxGreen{font-size:12px; font-weight:normal; color:#000000; background-color: #80FF80; height:16px; width:80px; text-align:center; border-style: solid; border-color: #9A9A9A; border-width: 0px; display: block; text-align: right}
.dynamicWLDefault {font-size:12px; font-weight:normal; color: #FFFFFF; background-color: #000000; height:16px; width:80px; text-align:center; border-style: solid; border-color: #F0B93A; border-width: 0px; display:block; text-align: right}
.dynamicWLRed {font-size:12px; font-weight:normal; color: #FFFFFF; background-color: #FF0000; height:16px; width:80px; text-align:center; border-style: solid; border-color: #F0B93A; border-width: 0px; display: block; text-align: right}
.dynamicWLGreen {font-size:12px; font-weight:normal; color:#000000; background-color: #00FF00; height:16px; width:80px; text-align:center; border-style: solid; border-color: #9A9A9A; border-width: 0px; display: block; text-align: right}
.tdBgDark { color: #fff; background-color:#0C0E2F; border:1px solid #0C0E2F; height:20px;}
.whitetext {color:#fff; font-size:12px;}
.black {background-color:#000;}


/* Login page */
#MainPanelCell {margin:0px auto;}
#login-content {margin: 0px auto 0px auto; padding: 0px; border:0; width:750px;}
#side-login {float: left; width: 410px;}
#side-banner { float: left; width: 320px;}
.BannerBg{ background:url(../../Images/zh-tw/account/banner_1dollar_trade.jpg) no-repeat; width:357px; height:76px;}
.BannerOpenAccount{ float:right; padding: 8px 17px 25px 0}
#login-agreement { clear: both;	background: #fff; padding:8px; margin-left:8px; margin-right:8px;}
.login-headerLogo{padding:0;}
.login-headerChat{padding:0; float:right; cursor:pointer;}

/* Sogo login and Guest login */
#loginWrapper {margin:20px 0 0 0; float:left; clear:left;}
#sogoUser {margin:0 0 0 50px; width:250px; float:left;}
#sogoUser h4 {font-size:18px; font-weight:bold; color:#306caf; padding-bottom:10px;}
#sogoUser a { padding:2px;}
#sogoUser h3 {font-size:12px; text-align:center; margin:10px 0; border:1px solid #cacaca; width:213px; padding:3px; background-color:#ddedff;}
#sogoUser h3 a {display:block; text-align:center; background-color:#ddedff;}
#sogoUser h3 a:hover {background-color:#306caf; color:#fff;}
.loginBox { margin:0 0 10px 0; position:relative;}
.loginBoxTop {background:url(../../Images/en-us/home/LoginBox_top.gif) no-repeat bottom left; width:219px; height:5px;}
.loginBoxMid {border-left:1px solid #b4b4b4; border-right:1px solid #b4b4b4; background-color:#e0e7f1; width:217px;}
.loginBoxMid h1 {font-size:12px; font-weight:bold; color:#363636; margin:5px 0 0 10px; width:200px; border-bottom:1px solid #cacaca; text-align:left;}
.loginBoxBtm {background:url(../../Images/en-us/home/LoginBox_bottom.gif) no-repeat top left; width:219px; height:5px; clear:both;}
iframe.loginIframe { width:98%; margin-left:3px; height:125px; background-color:transparent;}
#loginDivider {background-color:#e0e7f1; width:2px; height:500px; float:left; margin:0 25px;}
#guestUser {margin:0 50px 0 0; width:350px; float:right;}
*html #guestUser {margin: 0 10px 0 0;}
#loginDivider {background-color:#e0e7f1; width:3px; height:515px; float:left; margin:0 25px;}
#guestUser {margin:0 50px 0 0; width:350px; float:right;}
#guestUser h4 {font-size:18px; font-weight:bold; color:#306caf; padding-bottom:10px;}

.sogologinBox {background-color:#ebeef0; margin:0; /*overflow:hidden;*/ border:1px solid #b2b2b2; height:1%; float:left; width:220px; /*For Firefox 3 and Webkit*/-moz-border-radius: 3px; -webkit-border-radius: 3px;}
.sogologinInner {border:1px solid #fff; float:left; /*overflow:hidden;*/ height:1%; width:218px; /*For Firefox 3 and Webkit*/ -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.sogologinLinks {clear:left; padding:10px 0;}

/*.guestloginBox {background:url(../../Images/en-us/account/GuestLoginBox_mid.gif) repeat-y top left; width:302px; margin:0 0 10px 0; position:relative;}
.guestloginBoxTop {background:url(../../Images/en-us/account/GuestLoginBox_top.gif) no-repeat top left; width:302px; height:5px;}
.guestloginBoxMid {}
.guestloginBoxMid table {width:250px; margin-left:20px;} 
.guestloginBoxMid table td {font-size:12px; font-weight:bold; color:#363636; text-align:left; line-height:35px;}
.guestloginBoxMid h3 {width:200px; display:block; font-size:12px; margin:20px 0 10px 20px;}
.guestloginBoxMid table td input {width:120px;}
.guestloginBoxMid div#divider {border-bottom:1px solid #cacaca; width:260px; margin:10px 20px 5px 20px;}
.guestloginBoxBtm {background:url(../../Images/en-us/account/GuestLoginBox_bottom.gif) no-repeat bottom left; width:302px; height:4px; clear:both;}*/

.guestLoginBtn {background-color: #306CAF; border: medium none; width: 102px; height: 22px; background: url(../../Images/zh-tw/buttons/express_loginbtn.jpg) no-repeat;  cursor: pointer; margin:10px 0 0 95px;}
.signUpBtn {margin:10px 0; background-color: #306CAF; border: medium none; width: 106px; height: 22px; background: url(../../Images/zh-tw/account/SignMeUp_btn.jpg) no-repeat;  cursor: pointer; margin:10px 0 10px 95px;}
.validatorMessage {color:#ff0000; margin:10px 0 0 10px; float:left;}
.guestloginBox {background-color:#ebeef0; margin:0; /*overflow:hidden;*/ border:1px solid #b2b2b2; height:1%; float:left; width:300px; /*For Firefox 3 and Webkit*/-moz-border-radius: 3px; -webkit-border-radius: 3px;}
.guestloginInner {border:1px solid #fff; float:left; /*overflow:hidden;*/ height:1%; width:298px; /*For Firefox 3 and Webkit*/ -moz-border-radius: 3px; -webkit-border-radius: 3px;}
fieldset.guestloginContent {margin:0; padding:0; border-style:none; float:left; clear:left; width:100%;}
fieldset.guestloginContent legend {margin-left:10px; color:#000; font-weight:bold;}
fieldset.guestloginContent ol {padding:1em 1em 0 1em; list-style:none; float:left; margin:0;}
fieldset.guestloginContent li {float:left; clear:left; width:100%; padding-bottom:.5em;}
fieldset.guestloginContent label {float:left; width:6em; margin-right:1em; font-weight:bold; font-size:12px;}
fieldset.guestloginContent input {width:150px;}
.Hdivider {width:278px; height:2px; margin:10px; padding:0; background:url(../../Images/en-us/trade/Hdivider.gif) repeat-x top left; float:left;}
.guestloginInner h3 {font-size:12px; margin:5px 10px; display:inline;}
#ctl00_ContentPlaceHolder1_UpdatePanel15 {float:left; margin:10px; }
#ctl00_ContentPlaceHolder1_UpdatePanel15 img {border:1px solid #ccc; width:160px; height:47px;}
#ctl00_ContentPlaceHolder1_btnRefresh {width:80px; float:left; margin:30px 0 0 0;}



a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#306caf;
    text-decoration:none}

a.info:hover{z-index:25; text-decoration:underline;}

a.info span{display: none; }

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:180px; padding:6px;
    border:1px solid #abc6e4;
    background-color:#fff; color:#000; text-align:left; text-decoration:none;}

/* account login style new*/
#accLogin {background:url(../../Images/zh-tw/account/bg_login.jpg) no-repeat; width:383px; height:329px;}


/* account login new gray box*/
#accLoginTop {background:url(../../Images/zh-tw/account/bg_loginTop.png) no-repeat; width:397px; height:35px;}
#accLoginTop p { display:inline;}
#accLoginTop h2 {font-size:12px; color:#363636; padding:13px 0 5px 39px;}
#justopenacc { float:right; margin:-21px 25px 0 0;}
#accLoginMid {background:url(../../Images/zh-tw/account/bg_loginMid.png) no-repeat; width:397px; height:212px; text-align:left; padding:0 5px 0 10px;}
#accLoginMid p {text-align:left; padding:0px; font-weight:lighter;}
#accLoginMid h2 {text-align:left; padding:0px; font-size:12px; font-weight:bold; margin-top:4px;}
#accLoginMid a:link {padding:0px; font-size:x-small; font-weight:lighter;}
#accLoginMid a:hover {padding:0px; font-size:x-small; font-weight:lighter; text-decoration:none;}
#accLogin {margin:2px; width:375px; padding:5px 0 0 5px; border:0px;}
#accLoginBtm {background:url(../../Images/zh-tw/account/bg_loginBot.png) no-repeat; width:397px; height:85px;}
#accLogin2 {margin:2px; width:375px; padding:5px 0 0 5px}



/* account login style */
#accountLoginTop {background:url(../../Images/zh-tw/account/account_top.jpg) no-repeat; width:418px; height:33px;}
#accountLoginTop p { display:inline;}
#justopenaccount {width:150px; margin:-20px 15px 0px 255px; position:absolute; text-align:right;}
#warningarea {font-weight:bold; font-size:13px; padding:0; margin:0;}

#accountLoginTop h2 {font-size:14px; color:#363636; padding:10px 0 5px 40px; border-bottom:1px solid #cacaca;}

.lockIcon {position:absolute; margin-left:15px; margin-top:5px;}
#accountLoginMid {background:url(../../Images/zh-tw/account/account_mid.jpg) repeat-y; width:418px; text-align:left;}
#accountLoginMid p {text-align:left; padding:5px 0 0 15px;}
.accountHelp { color:#306caf; margin-left:370px;  margin-top:-20px; text-align:left; position:absolute;}
.validation {border:1px solid #AF250A; padding:5px; margin:5px 15px; color:#ff0000;}
#accountLogin {margin:2px; width:410px; padding:5px 0 0 10px}
#accountLogin p{margin:2px; padding:2px 0px 3px 0px}
#accountLogin h1 {font-weight:bold; font-size:12px; margin:5px;}

#signInbtn {padding:5px;}
#accountLoginBtm {background:url(../../Images/zh-tw/account/account_btm.jpg) no-repeat; width:418px; height:3px;}
#accountLoginLine {background:url(../../Images/zh-tw/home/line.gif) repeat-x; width:395px; height:1px; margin-top:4px; margin-left:13px; position:absolute;}

h1 {font-weight:bold; font-size:12px; padding:0; margin:0;}
h2 {font-weight:bold; font-size:14px; padding:0; margin:0;}

.textBox{ color: #000; background-color:#FFF; border:1px solid #666666; padding:1px 5px 1px 2px; width:120px}

.example {font-size:10px; color:#666; padding-left:5px;}
.forgotSpace {padding:0 0 10px 5px;}
.forgotList { list-style:none; padding:0 0 10px 10px;}

#openAccTop {background:url(../../Images/zh-tw/account/account_top.jpg) no-repeat; width:418px; height:33px; margin-top:10px;}
#openAccTop h4 {font-size:16px; color:#363636; padding:10px 0 5px 15px; float:left;}
#openAccMid {background:url(../../Images/zh-tw/account/account_mid.jpg) repeat-y; width:418px; text-align:left;}
#openAccMid p {text-align:left; padding:0px 0 0 15px;}
#openAccMid a img {text-align:left; padding:14px 5px 5px 18px;}
#openAccBtm {background:url(../../Images/zh-tw/account/account_btm.jpg) no-repeat; width:418px; height:3px;} /**/



	/* height extender */
#heightExtend {height:480px;}
#heightExtend2 {height:80px;}

/* package switch */
#packageConfirm p {margin:0; padding:5px;}
.highlightR4 {font-size:12px; font-weight:normal; background-color: #C9E2FE; height:16px; text-align:center; border-style: solid; border-color: #1598EA; border-width: 1px; padding:0px 3px; margin:0px 5px;}
.highlightR3 {font-size:12px; font-weight:normal; background-color: #E5E5E5; height:16px; text-align:center; border-style: solid; border-color: #9A9A9A; border-width: 1px; padding:0px 3px; margin:0px 5px;}
.highlightR2 {font-size:12px; font-weight:normal; background-color: #FFE88E; height:16px; text-align:center; border-style: solid; border-color: #F0B93A; border-width: 1px; padding:0px 3px; margin:0px 5px;}
.highlightR1 {font-size:12px; font-weight:normal; background-color: #FED295; height:16px; text-align:center; border-style: solid; border-color: #A17B3C; border-width: 1px; padding:0px 3px; margin:0px 5px;}

/* Account Overview page */
.accountH1 {font-size:14px; font-weight:bold; color:#306caf;}
.accountH2 {font-size:12px; padding:0 2px 0 2px; font-weight:bold; color:#306caf; text-decoration:none;}
a.accountH2:link {font-size:12px; font-weight:bold; color:#306caf; text-decoration:none;}
a.accountH2:visited {font-size:12px; font-weight:bold; color:#306caf; text-decoration:none;}
a.accountH2:hover {font-size:12px; font-weight:bold; color:#E68B2C; text-decoration:none;}
.accountH3 {font-size:12px; font-weight:bold; color:#363636;}
.accountH4a {background-color:#FAF1CC; font-size:13px; font-weight:bold; color:#306caf;}
.accountH4b {font-size:13px; font-weight:bold; color:#306caf;}
.accountH4 {background-color:#FAF1CC; font-size:13px; font-weight:bold;}
a.accountH4:link {color:#306caf; text-decoration:none;}
a.accountH4:visited {color:#306caf; text-decoration:none;}
a.accountH4:hover {color:#E68B2C; text-decoration:none;}

.notification { font-weight:bold; text-decoration:none;}
a.notification:link {font-weight:bold; color:#306caf; text-decoration:none;}
a.notification:visited {font-weight:bold; color:#306caf; text-decoration:none;}
a.notification:hover {font-weight:bold; color:#E68B2C; text-decoration:none;}

.message { font-weight:bold; text-decoration:none;}
a.message:link {font-weight:bold; color:#306caf; text-decoration:none;}
a.message:visited {font-weight:bold; color:#306caf; text-decoration:none;}
a.message:hover { font-weight:bold; color:#E68B2C; text-decoration:none;}

.accountTextSmall {font-size:10px; font-weight:normal; text-decoration:underline;}
a.accountTextSmall:link {font-size:10px; font-weight:normal; color:#306caf; text-decoration:underline;}
a.accountTextSmall:visited {font-size:10px; font-weight:normal; color:#306caf; text-decoration:underline;}
a.accountTextSmall:hover {font-size:10px; font-weight:normal; color:#E68B2C; text-decoration:underline;}

.accountTextSidebar {font-size:10px; color:#363636; line-height:15px;}

.backtoHome { font-weight:bold;}
a.backtoHome:link {color:#363636; text-decoration:underline;}
a.backtoHome:visited {color:#363636; text-decoration:underline;}
a.backtoHome:hover {color:#E68B2C; text-decoration:underline;}

#accountHeader {margin:5px 0 0 5px;}
#accountHeader h4 {font-size: 16px;
            border-bottom: 1px solid #cacaca;
            margin: 25px 8px 28px 0px;}
#accountHeader h4 span{  font-family:Verdana; color:#3B3B3B; border-style: none; border-width: 1px; padding:1px 4px 1px 4px;font-weight:normal;  font-size:12px;}
.alignRgt {text-align:right;}
.alignRgtBold {text-align:right; font-weight:600;}
.alignLet {text-align:left;}
.alignLetBold {text-align:left; font-weight:600;}
#accountHeader p { display:inline;}
#accountHeader a.autorefresh {color:#306caf; text-decoration:none; margin-top:5px;}
#accountHeader a.autorefresh:hover {color:#306caf; text-decoration:none; margin-top:5px;}
.divider {width:2px; float:left; padding:0px 5px; margin-top:5px;}
.autorefresh {float:left;}

#accountContainer {margin:5px 0 0 0; padding:0px; clear:left;}
#accountContainer_wide {margin:0; padding:0; float:left;}
#accountContainer h4 {font-size:14px; text-align:center;}




/* account box */
#accountTitle {margin:5px 0px 0px 5px; position:absolute;}
#accountLine {border-top:solid 1px #cacaca; width:442px; margin:22px 3px 0px 3px; position:absolute;}
#accountLeftbar {background-image:url(../../Images/zh-tw/account/account_barleft.gif); background-repeat:no-repeat; width:4px; height:485px; margin:0; float:left;}
#accountBox {background-image:url(../../Images/zh-tw/account/account_bkgrnd.gif); background-repeat:repeat-x; width:450px; height:485px; margin:0; float:left;}
#accountRightbar {background-image:url(../../Images/zh-tw/account/account_barright.gif); background-repeat:no-repeat; width:4px; height:485px; margin:0; float:left;}
.Table-DashBorder{color: #3B3B3B; line-height: 16px; border-style: dashed; border-color: #bbbbbb; border-width: 1px;}

/* Message Center */
#accountMessageContent {width:130px; margin:-15px 10px 0px 577px; position:absolute; text-align:right;}
.teaminfo {font-size:14px;color:#333; margin: 0px 6px 0px 6px; background-color:#fff; padding:10px 0px 10px 10px;}

/* Notification */
#accountNotificationContent {width:100px; margin:-15px 10px 0px 477px; position:absolute; text-align:right;}
#accountNotificationContent1 {width:100px; margin:-15px 10px 0px 477px; position:absolute; text-align:right;}
#accountNotificationDivider {width:5px; margin:-13px 15px 0px 582px; position:absolute; text-align:center;}


#accountNotificationContentN {width:100px; margin:-11px 10px 0px -100px; position:absolute; text-align:right;}
#accountNotificationContent1N {width:100px; margin:-11px 10px 0px -100px; position:absolute; text-align:right;}
#accountNotificationDividerN {width:5px; margin:-13px 15px 0px 0px; position:absolute; text-align:center;}


/* buying power tip */
.buyingpower {text-decoration:none; cursor:help; background-color:#FAF1CC; font-weight:bold; margin:0px 0px 0px 0px; padding:2px 0px; }
.buyingpoweramount {text-decoration:none; background-color:#FAF1CC; margin:0px 0px 0px 0px; padding:2px 0px; }
.buyingpowersmall {text-decoration:none; font-size:9px; cursor:help;}


/* account value and package */
#accountContent1Container {width:442px; margin:25px 5px 0px 5px; position:absolute;}
.accountContent1 {line-height:17px;}
#accountPackagelink { font-weight:normal; color:#886021;}
#accountUpgradelink { font-weight:normal; color:#363636; padding-left:20px; padding-right:10px; line-height:20px;}
#accountFund { background-color:#FAF1CC; margin:135px 20px 0px 93px; padding:3px 5px; position:absolute; color:#363636; text-decoration:none;}
#accountFundStats { background-color:#FAF1CC; margin:20px 0px 0px 93px; padding:2px 5px; position:absolute;}
#accountContentLineDotted0 {border-top:dotted 1px #cacaca; width:442px; margin:130px 4px 0px 4px; padding:3px 5px; position:absolute;}
#accountContentLineDotted1 {border-top:dotted 1px #cacaca; width:442px; margin:153px 4px 0px 4px; position:absolute;}


/* pending real-time orders */
#accountContent2Container {margin:158px 10px 0px 0px; position:absolute;}
#accountFundicon {background-image:url(../../Images/zh-tw/fund/transfer_small.jpg); background-repeat:no-repeat; width:67px; height:59px; margin-left:5px; position:absolute;}
#accountContent2 {width:355px; margin:0px 10px 0px 93px; position:absolute; clear:none;}
#accountContent2 ul {LIST-STYLE-IMAGE: url(../../Images/zh-tw/home/clear.gif); margin:5px 0px; }	
#accountPending { background-color:#FAF1CC; margin:238px 10px 0px 93px; padding:3px 5px; position:absolute; color:#363636; text-decoration:none;}
#accountPendingStats { background-color:#FAF1CC; margin:238px 10px 0px 180px; padding:2px 5px; position:absolute;}
#accountContentLineDotted2 {border-top:dotted 1px #cacaca; width:442px; margin:263px 4px 0px 4px; position:absolute;}


/*scheduled investment plans */
#accountContent3Container {margin:268px 10px 0px 0px; position:absolute;}
#accountPendingicon {background-image:url(../../Images/zh-tw/account/pending.jpg); background-repeat:no-repeat; width:73px; height:61px; margin-left:5px; position:absolute;}  
#accountContent3 {width:355px; margin:0px 10px 0px 93px; position:absolute; clear:none;}
#accountContent3 ul {LIST-STYLE-IMAGE: url(../../Images/zh-tw/home/clear.gif); margin:5px 0px;}	
#accountAutoPlan { background-color:#FAF1CC; margin:345px 10px 0px 93px; padding:3px 5px; position:absolute; color:#363636; text-decoration:none;}
#accountAutoPlanStats { background-color:#FAF1CC; margin:345px 10px 0px 165px; padding:2px 5px; position:absolute;}
#accountContentLineDotted3 {border-top:dotted 1px #cacaca; width:442px; margin:370px 4px 0px 4px; position:absolute;}



/* fund transfer overview*/
#accountContent4Container {margin:378px 10px 0px 0px; position:absolute;}
#accountAutoPlanicon {background-image:url(../../Images/zh-tw/account/autoplan.jpg); background-repeat:no-repeat; width:70px; height:51px; margin-left:5px; position:absolute;}
#accountContent4 {width:355px; margin:0px 10px 0px 93px; position:absolute; clear:none;}
#accountContent4 ul {LIST-STYLE-IMAGE: url(../../Images/zh-tw/home/clear.gif); margin:5px 0px; }
#accountTransferPending { background-color:#FAF1CC; margin:425px 10px 0px 93px; padding:3px 5px; position:absolute; color:#363636; text-decoration:none;}
#accountTransferPendingStats { background-color:#FAF1CC; margin:425px 10px 0px 143px; padding:2px 5px; position:absolute;}
#accountTransferHistory { margin:425px 10px 80px 190px; padding:3px 5px; position:absolute; font-weight:normal; color:#363636; text-decoration:none;}
#accountTransferProcessing { background-color:#FAF1CC; margin:448px 10px 0px 93px; padding:3px 5px; position:absolute; color:#363636; text-decoration:none;}
#accountTransferProcessingStats { background-color:#FAF1CC; margin:448px 10px 0px 159px; padding:2px 5px; position:absolute;}
#accountTransferUnsettled { background-color:#FAF1CC; margin:448px 10px 80px 190px; padding:3px 5px; position:absolute; font-weight:normal; color:#363636; text-decoration:none;}


	/* positions box */
#positionsSide {float:left; margin:0 0 10px 20px;}
#positionsTitle {margin:5px 0px 0px 5px; position:absolute;}
#positionsLeftbar {background-image:url(../../Images/zh-tw/account/account_barleft_small.gif); background-repeat:no-repeat; width:4px; height:115px; margin:0; float:left;}
#positionsBox {background-image:url(../../Images/zh-tw/account/account_bkgrnd_small.gif); background-repeat:repeat-x; width:230px; height:115px; margin:0; float:left;}
#positionsRightbar {background-image:url(../../Images/zh-tw/account/account_barright_small.gif); background-repeat:no-repeat; width:4px; height:115px; margin:0; float:left;}
#positionsLine {border-top:solid 1px #cacaca; width:224px; margin:20px 3px 0px 3px; position:absolute;}
#positionsContent { width:224px; margin:23px 3px 0px 3px; position:absolute; }
#positionsLineDotted {border-top:dotted 1px #cacaca; width:220px; margin:15px 3px 0px 3px; position:absolute;}
.BtnPosition {background-color:#e6e6e6; font-size:12px; font-weight:normal; color:#000; text-decoration:none; width:100px; height:23px; border:solid 1px #808080; margin-top:3px;}


	/* activities box */
#activitiesSide {float:left; margin:0 0 10px 20px;}
#activitiesTitle {margin:5px 0px 0px 5px; position:absolute;}
#activitiesLeftbar {background-image:url(../../Images/zh-tw/account/account_barleft_small.gif); background-repeat:no-repeat; width:4px; height:115px; margin:0; float:left;}
#activitiesBox {background-image:url(../../Images/zh-tw/account/account_bkgrnd_small.gif); background-repeat:repeat-x; width:230px; height:115px; margin:0; float:left;}
#activitiesRightbar {background-image:url(../../Images/zh-tw/account/account_barright_small.gif); background-repeat:no-repeat; width:4px; height:115px; margin:0; float:left;}
#activitiesLine {border-top:solid 1px #cacaca; width:224px; margin:20px 3px 0px 3px; position:absolute;}
#activitiesContent { width:224px; margin:23px 3px 0px 3px; position:absolute; }
#activitiesLineDotted {border-top:dotted 1px #cacaca; width:220px; margin:15px 3px 0px 3px; position:absolute;}



	/* orderstatus box */
#orderstatusSide {float:left; margin:0 0 10px 20px;}
#orderstatusTitle {margin:5px 0px 0px 5px; position:absolute;}
#orderstatusLeftbar {background-image:url(../../Images/zh-tw/account/account_barleft_small.gif); background-repeat:no-repeat; width:4px; height:115px; margin:0; float:left;}
#orderstatusBox {background-image:url(../../Images/zh-tw/account/account_bkgrnd_small.gif); background-repeat:repeat-x; width:230px; height:115px; margin:0; float:left;}
#orderstatusRightbar {background-image:url(../../Images/zh-tw/account/account_barright_small.gif); background-repeat:no-repeat; width:4px; height:115px; margin:0; float:left;}
#orderstatusLine {border-top:solid 1px #cacaca; width:224px; margin:20px 3px 0px 3px; position:absolute;}
#orderstatusContent { width:224px; margin:23px 3px 0px 3px; position:absolute; }
#orderstatusLineDotted {border-top:dotted 1px #cacaca; width:220px; margin:15px 3px 0px 3px; position:absolute;}


	/* watchlist box */
#watchlistSide {float:left; margin:0 0 10px 20px;}
#watchlistTitle {margin:5px 0px 0px 5px; position:absolute;}
#watchlistLeftbar {background-image:url(../../Images/zh-tw/account/account_barleft_small.gif); background-repeat:no-repeat; width:4px; height:115px; margin:0; float:left;}
#watchlistBox {background-image:url(../../Images/zh-tw/account/account_bkgrnd_small.gif); background-repeat:repeat-x; width:230px; height:115px; margin:0; float:left;}
#watchlistRightbar {background-image:url(../../Images/zh-tw/account/account_barright_small.gif); background-repeat:no-repeat; width:4px; height:115px; margin:0; float:left;}
#watchlistLine {border-top:solid 1px #cacaca; width:224px; margin:20px 3px 0px 3px; position:absolute;}
#watchlistContent { width:224px; margin:23px 3px 0px 3px; position:absolute; }
#watchlistLineDotted {border-top:dotted 1px #cacaca; width:220px; margin:15px 3px 0px 3px; position:absolute;}
a.addWL:link, a.addWL:visited {color:#363636; margin:3px 5px; width:150px; height:22px; background: url(../../Images/zh-tw/buttons/AddWL_Btn.gif) no-repeat; display:block; float:left;}
a.addWL:hover, a.addWL:active {color:#306caf; width:150px; height:22px; background: url(../../Images/zh-tw/buttons/AddWL_Btn_hover.gif) no-repeat; display:block;}
a.editWL:link, a.editWL:visited {color:#363636; margin:3px 5px; width:48px; height:22px; background: url(../../Images/zh-tw/buttons/EditWL_Btn.gif) no-repeat; display:block; float:left;}
a.editWL:hover, a.editWL:active {color:#306caf; width:48px; height:22px; background: url(../../Images/zh-tw/buttons/EditWL_Btn_hover.gif) no-repeat; display:block;}
a.exportMW:link, a.exportMW:visited {color:#363636; margin:3px 5px; width:110px; height:22px; background: url(../../Images/zh-tw/buttons/Export_Btn.gif) no-repeat; display:block; float:left;}
a.exportMW:hover, a.exportMW:active {color:#306caf; width:110px; height:22px; background: url(../../Images/zh-tw/buttons/Export_Btn_hover.gif) no-repeat; display:block;}


/* Package page and Upgrade Package Page */
#UpgradeError { width:686px; text-align:center; margin-left:10px;}
#description {margin:10px 0px 0px 0px; padding-left:40px; float:left;}
#compareBtn {float:left; margin:10px 0px 0px 10px;}
.promotionbkgrnd {  color: #3B3B3B; background-color:#ddedff; border-bottom:2px solid #ffffff;}

#packageContainer { margin:0; float:left;}
#packageHeader { margin:0; float:right;}
#pricingHeaderR1 {margin:15px 170px 8px 0; float:right;}
/*#pricingHeaderR3 {margin:4px 60px 28px 0; float:right;}*/

	/* Upgarde button for IE6 Only */
* html #pricingHeaderR1 {margin:10px 80px 8px 0; float:right;}
/** html #pricingHeaderR3 {margin:0 60px 0 0; float:right;}

.package1 {background:url(../../Images/zh-tw/home/standard_btn.gif) no-repeat; width:186px; height:48px; display:block;}
.package1:hover {background:url(../../Images/zh-tw/home/standard_btn_hover.gif) no-repeat; width:186px; height:48px; display:block;}
#pricingHeaderR2 {margin:0;}
.package3 {background:url(../../Images/zh-tw/home/premium_btn.gif) no-repeat; width:186px; height:48px; display:block;}
.package3:hover {background:url(../../Images/zh-tw/home/premium_btn_hover.gif) no-repeat; width:186px; height:48px; display:block;}
*/
#packageBox {width:970px; float:left; margin:5px 0 0 10px;}
#packageFeatures {background-color:#fff; width:465px; height:335px; float:left; border-top:1px solid #cacaca; border-left:1px solid #cacaca; border-right:1px solid #cacaca; font-size:12px;}
#packageFeatures td {border-bottom:1px solid #cacaca; text-align:center; height:37px;}
/*#packageR3 {background:url(../../Images/en-us/home/premium_bkgrnd.jpg) repeat-x; width:256px; height:335px; float:left; border-top:1px solid #cacaca; font-size:12px;}
#packageR3 td {border-bottom:1px solid #cacaca; text-align:center; height:37px;}
#packageR2 {background-color:#FFE88E; width:179px; height:476px; border-top:1px solid #cacaca;; float:left;}*/
#packageR1 {background:url(../../Images/en-us/home/standard_bkgrnd.jpg) repeat-x; width:505px; height:335px; float:left; border-top:1px solid #cacaca; border-left:1px solid #cacaca; border-right:1px solid #cacaca; font-size:12px;}
#packageR1 td {border-bottom:1px solid #cacaca; text-align:center; height:37px;}

#pricingalert {width:580px; line-height:18px; background-color:#FFE88E; border:1px solid #F0B93A; margin:-18px 0px 0px 12px; padding-left:5px; position:absolute; color:#363636; text-align:left; font-weight:normal; font-size:13px; text-decoration:none;}
#pricingalert2 {width:580px; line-height:18px; background-color:#FFE88E; border:1px solid #F0B93A; margin-left:12px; padding-left:5px; position:absolute; color:#363636; text-align:left; font-weight:normal; font-size:13px; text-decoration:none;}
#pricingalert3 {width:580px; line-height:18px; background-color:#FFE88E; border:1px solid #F0B93A; margin:-18px 0px 0px 0px; padding-left:0px; position:absolute; color:#363636; text-align:center; font-weight:normal; font-size:13px; text-decoration:none;}


#sharedisclaimer {margin:5px 0 0 15px; float:left; clear:left; width:970px;}

		/* Open button */
#accountOpenBtn { background-image:url(../../Images/zh-tw/whySS/open_account.gif); background-repeat:no-repeat; width:214px; height:48px; margin:10px 0px 0px 350px; float:left; clear:both;}

/*PDF icon */
#pdfcontainer {margin:0px; padding:0px; float:left;}
#pdficon { background-image:url(../../Images/zh-tw/Icons/getacro.gif); background-repeat:no-repeat; width:112px; height:33px; margin:3px 5px 0px 0px; float:left;}
#pdftext { font-weight:normal; color:#666; margin:0px; padding:2px; float:left;}

#error {float:left; clear:left; margin:5px 0;}
#form1099 {float:left; clear:left; margin:5px 0; width:750px;}

/* Select Upgrade Page */
#upgradeBox {background:#fff url(../../Images/zh-tw/trade/StatusBox_mid.jpg) repeat-y top left; width:617px; margin-top:10px;}
#upgradeBoxTop {background:#fff url(../../Images/zh-tw/trade/StatusBox_top.jpg) no-repeat top left; width:617px; height:32px;}
#upgradeBoxTop h4 {font-size:12px; font-weight:bold; border-bottom:1px solid #cacaca; padding:5px 0px; text-align:left; width:95%; margin-left:10px;}
#upgradeBoxMid {text-align:left;}
#upgradeBoxMid ul {margin-left:35px;}
#upgradeBoxMid ul li {list-style:square; margin:5px 0; padding:5px 0 0 0px;}
#upgradeBoxMid table {margin-left:25px;}
#content1 {padding:0 0 10px 0px; border-bottom:1px dotted #cacaca; width:95%; margin-left:20px;}
#content2 {padding:10px 0 10px 20px;}
#upgradeBoxBtm {background:#fff url(../../Images/zh-tw/trade/StatusBox_bottom.jpg) no-repeat top left; width:617px; height:3px;}

/* Upgrade Modal box */
.selectUpgradeCurrent {text-align:left; border-bottom:1px dotted #cacaca; margin:5px 0 10px 100px; width:550px;}
.selectUpgradeCurrent ul {margin-left:35px;}
.selectUpgradeCurrent ul li {list-style:square; margin:5px 0; padding:5px 0 0 0px;}
.selectUpgradeNext {text-align:left; margin:5px 0 10px 100px; width:550px;}
.selectUpgradeNext ul {margin-left:35px;}
.selectUpgradeNext ul li {list-style:square; margin:5px 0; padding:5px 0 0 0px;}
.modalError {font-size:12px; margin:10px auto; padding:5px; color:#ff0000;} 

/* Compare Us page */
.openBtn { background-image:url(../../Images/zh-tw/whySS/open_account.gif); background-repeat:no-repeat; width:214px; height:48px; margin:10px 0px 0px 250px; float:left; clear:both;}


/* Account Settings page */
.width130 {width:130px; padding:3px 5px;}
.width110 {width:110px; padding:3px 5px;}
.width190 {width:190px; padding:3px 5px;}
.width35 {width:35%; padding:2px 10px;}
.width5 {width:5%; padding:2px 0;}
.width60 {width:60%; padding:2px 0;}
.width20 {width:20%; padding:3px 5px;}
.width80 {width:80%; padding:3px 5px;}
.employerInfo {padding-left:5px;} 

	/* For modal pop-up */
.mainModal {margin:5px auto; width:550px;}
.mainModal p {margin:10px; text-align:left;}
.modalTable {text-align:left; margin:0;}
.modalTable td {width:50%; padding:5px;}
.pwdTextBox {background-color:#FFF; border:1px solid #666666; padding:2px; width:100px; cursor:text;}
.emailTextBox {background-color:#FFF; border:1px solid #666666; padding:2px; width:190px; cursor:text;}
.questionAnswerBox {background-color:#FFF; border:1px solid #666666; padding:2px; width:195px; cursor:text;}

	/*security help */
#securityContainer {margin:0 0 0 10px; padding:0px; border-bottom:1px solid #cacaca; width:550px; float:left;}
#securityHelp {float:right; width:200px; margin:0;}
#securityHelp h1 {background-color:#EFEFEF; border:1px solid #cacaca; padding:3px; font-size:12px;}
#securityHelp ul li {margin:5px 3px; list-style:none;}
#securityHelp ul li a {text-decoration:underline;}
.helpContent {background-color:#EFEFEF; padding:5px;}


	/* Message Center Compose styles */
	
#supportContainer3 {margin:0; float:left;}
#supportLeftbar {background-image:url(../../Images/zh-tw/help/support_barleft.gif); background-repeat:no-repeat; width:4px; height:455px; margin:10px 0px 0px 15px; position:absolute;}
#supportBox {background-image:url(../../Images/zh-tw/help/support_barbkgrnd.gif); background-repeat:repeat-x; width:450px; height:455px; margin:10px 0px 0px 19px; position:absolute;}
#supportRightbar {background-image:url(../../Images/zh-tw/help/support_barright.gif); background-repeat:no-repeat; width:4px; height:455px; margin:10px 0px 0px 469px; position:absolute;}

#supportTitle {margin:5px 0px 0px 5px; float:left; border-bottom:solid 1px #cacaca; display:inline;}
#supportTitle h2 {font-size:14px; font-weight:bold; float:left;}
#supportTitle p {float:right; }

#supportContent1b {width:450px; margin:0px; float:left;}
#supportContent1b p {margin:10px 0 0 15px;}
#supportRequired2 {width:450px; margin:0px; float:left;}
#supportRequired2 p {margin:10px 0 0 15px;}

#supportContent32 {width:450px; margin:0px; float:left;}
#supportContent32 p {margin:15px 0 0 15px;}

#supportLogin {width:30px; margin:60px 16px 0px 400px; position:absolute; clear:none;}
#supportButtons { width:450px; margin:470px 0px 0px 20px;}
.supportSpacer {padding-top:5px;}


/* Title start */
.Title1 {font-size: 18px; color: #3B3B3B; font-weight: bold;}
.Title2 { font-size: 14px; color: #3B3B3B; font-weight: bold;}
.Title3 {font-size: 13px; color: #3B3B3B; font-weight: bold;}
.Title4 {font-size: 12px; color: #3B3B3B; font-weight: bold;}
.TitleLine {border-bottom:1px solid #cacaca; padding:2px 0px 1px 2px;}
/* Title end */





	/* shared style */
.titleBk {background-color:#d4ebfa; padding:2px 0px 2px 5px; border-bottom:1px solid #77B3EF;}
.inlineText {padding:5px 2px 5px 5px;  color:#363636; border-bottom:1px dotted #cacaca;}
.Text2 {padding:5px 2px 5px 5px; color:#363636;}



/* preferences style */

.titleBk2 {background-color:#fbd35a; padding:2px 0px; border-bottom:1px solid #77B3EF; text-align:center;}
.titleBk3 {background-color:#306caf; padding:2px 0px; border-bottom:1px solid #77B3EF; text-align:center; color:#fff;}
.inlineText2 {padding:5px 2px 5px 5px; color:#363636; border-bottom:1px dotted #cacaca; text-align:center;}
#features {position:absolute; margin:15px 0px 0px 20px; width:600px;}
#orders {position:absolute; margin:265px 0px 0px 20px; width:495px;}
#price2 {position:absolute; margin:410px 0px 0px 20px; width:495px;}
#account {position:absolute; margin:795px 0px 0px 20px; width:495px;}



/* Error Varidate */
.rederror {text-decoration:none; font-size:10px; color:#ED1C24; font-weight:normal;}
.rederror-va {text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; color:#ED1C24; font-weight:bold}


.tderror{ table-layout:auto;  text-decoration:none; font-size:10px; color:#ED1C24; font-weight:normal; border-style: solid; background-color:Transparent; border-color: #CC3300; border-width: 1px; padding-left: 8px; padding-right: 8px; padding-top: 5px; padding-bottom: 5px;}
.tderrorNoBorder{ table-layout:auto;  text-decoration:none; font-size:12px; color:#ED1C24; font-weight:normal; border-width: 1px;  background-color:Transparent;}
.tderrorNoBorder2{ table-layout:auto;  text-decoration:none; font-size:10px; color:#ED1C24; font-weight:normal; background-color:Transparent; border-style: solid; border-color: #CC3300; border-width: 1px; padding-left: 8px; padding-right: 8px; padding-top: 1px; padding-bottom: 1px;}
.tderrorNoBorder3{ table-layout:auto;  text-decoration:none; color:#ED1C24; font-weight:normal; background-color:Transparent; border-width: 1px; padding-left: 8px; padding-right: 8px; padding-top: 2px; padding-bottom: 2px;}

.tderror2{ color:#ED1C24; font-weight:normal; border-style: solid; border-color: #CC3300; border-width: 1px; margin:1000px 0px 0px 0px;}



/* Greybox styles */
#GB_overlay {background-color: #306caf; position: absolute; margin: auto; top: 0; left: 0; z-index: 100;}
#GB_window {left: 0; top: 0; font-size: 1px; position: absolute; overflow: visible; z-index: 150;}
#GB_window .content {width: auto; margin: 0; padding: 0;}
#GB_frame {border: 0; margin: 0; padding: 0; overflow: auto; white-space: nowrap;}

.GB_Gallery {margin: 0 22px 0 22px;}
.GB_Gallery .content {background-color: #fff; border: 3px solid #ddd;}
.GB_header {top: 10px; left: 0; margin: 0; z-index: 500; position: absolute; border-bottom: 2px solid #555; border-top: 2px solid #555;}
.GB_header .inner { background-color: #306caf; font-family: Arial, Verdana, sans-serif; padding: 2px 20px 2px 20px;}
.GB_header table { margin: 0; width: 100%; border-collapse: collapse;}
.GB_header .caption {text-align: left; color: #eee; white-space: nowrap; font-size: 20px;}
.GB_header .close { text-align: right;}
.GB_header .close img {z-index: 500; cursor: pointer;}
.GB_header .middle {white-space: nowrap; text-align: center;}

#GB_middle {color: #eee;}
#GB_middle img {cursor: pointer; vertical-align: middle;}
#GB_middle .disabled {cursor: default;}
#GB_middle .left {padding-right: 10px;}
#GB_middle .right {padding-left: 10px;}

.GB_Window .content {background-color: #fff; border: 3px solid #ccc; border-top: none;}
.GB_Window .header {border-bottom: 1px solid #aaa; border-top: 1px solid #999; border-left: 3px solid #ccc; border-right: 3px solid #ccc; margin: 0; height: 22px; font-size: 12px; padding: 3px 0; color: #333;}
.GB_Window .caption {font-size: 12px; text-align: left; font-weight: bold; white-space: nowrap; padding-right: 20px;}
.GB_Window .close { text-align: right; }
.GB_Window .close span {font-size: 12px; cursor: pointer; }
.GB_Window .close img {cursor: pointer; padding: 0 3px 0 0;}
.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }



a.info2{
    position:relative; /*this is the key*/
    z-index:24;}

a.info2:hover{z-index:25;}

a.info2 span{display: none;}

a.info2:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    font-style: normal;
    top:2em; right:2em; width:20em;
    border:1px solid #2D6596;
    background-color:#fff; color:#000;
    padding:8px 8px 8px 8px;
    text-align: left}
    
/* Refer friend page */
.referTitle {background: url(../../Images/zh-tw/account/refer_title_TW.png) no-repeat top left; display:block; width:880px; height:45px; margin:10px 0 10px 8px;}
.referPic {margin:10px 0 0 0;}
#leftContent { width:425px; float:left; margin:0 10px;}
#leftContent p {text-align:justify; line-height:18px;}
#rightContent {width:500px; float:right; margin:0 10px;}
#rightContent p {font-size:12px; margin:0 0 10px 0; float:left;}
#rightContent h4 {float:left; font-size:14px; width:485px;}
.referTextBox { font-weight:normal; color:#000; border:solid 1px #363636;  margin-top:5px; padding:3px; }
#ctl00_ContentPlaceHolder1_Tabs_body {background-color:#efeeee; float:left;}
#accountContainer_wide .ajax__tab_body {background-color:#EFEEEE; width:969px;}
	/* Tab Unselected  */
#accountContainer_wide .ajax__tab_tab {background:transparent url(../../Images/en-us/account/Refer_tab.jpg) repeat-x; height:23px; font-size:12px; font-weight:bold; color:#666; padding:4px 10px 0 10px;}
#accountContainer_wide .ajax__tab_outer {background:transparent url(../../Images/en-us/account/Refer_tab.jpg) repeat-x; height:23px; font-size:12px; border-right:1px solid #999; border-top:1px solid #999; border-bottom:1px solid #999; margin-right:5px;}
#accountContainer_wide .ajax__tab_inner {background:transparent url(../../Images/en-us/account/Refer_tab.jpg) repeat-x; height:23px; font-size:12px; border-left:1px solid #999;}
	/* Tab Hover */
#accountContainer_wide .ajax__tab_hover .ajax__tab_tab {background:transparent url(../../Images/en-us/account/Refer_tabHover.jpg) repeat-x; height:23px; font-size:12px; font-weight:bold; color:#363636; padding:4px 10px 0 10px; }
#accountContainer_wide .ajax__tab_hover .ajax__tab_outer {background:transparent url(../../Images/en-us/account/Refer_tabHover.jpg) repeat-x; height:23px; border-right:1px solid #f1990e; border-top:1px solid #f1990e; border-bottom:1px solid #999; margin-right:5px;}
#accountContainer_wide .ajax__tab_hover .ajax__tab_inner {background:transparent url(../../Images/en-us/account/Refer_tabHover.jpg) repeat-x; height:23px; border-left:1px solid #f1990e;}
	/* Tab Selected */
#accountContainer_wide .ajax__tab_active .ajax__tab_tab {background:transparent url(../../Images/en-us/account/Refer_tabSelected.jpg) repeat-x; height:24px; font-size:12px; font-weight:bold; color:#363636; padding:4px 10px 0 10px;}
#accountContainer_wide .ajax__tab_active .ajax__tab_outer {background:transparent url(../../Images/en-us/account/Refer_tabSelected.jpg) repeat-x top; height:24px; border-right:1px solid #999; border-top:1px solid #999; border-bottom:1px solid #efeeee; margin-right:5px;}
#accountContainer_wide .ajax__tab_active .ajax__tab_inner {background:transparent url(../../Images/en-us/account/Refer_tabSelected.jpg) repeat-x; height:24px; border-left:1px solid #999;}
.sendButton {background: transparent url(../../Images/zh-tw/account/send_btn_TW.jpg) no-repeat; width:77px; height:27px; border:0px solid #000; display:block; cursor:pointer; float:left; margin:0 0 10px 415px;}
/*a.sendButton:link, a.sendButton:visited {background: transparent url(../../Images/en-us/account/send_btn.jpg) no-repeat; width:77px; height:27px; border:0px solid #000; display:block; cursor:pointer; float:left; margin:0 0 10px 415px;}
a.sendButton:hover, a.sendButton:active {background: transparent url(../../Images/en-us/account/send_btn_hover.jpg) no-repeat;}*/

.alternateTitle {color:#2278ba; font-weight:bold; font-size:14px;}
.alternateMethod {background-color:#e8f1f5; border:1px solid #2278ba; float:left; padding:5px; width:485px;}
.referCode {float:left; padding:0 3px 5px 0;}
.referCode h5, .referCode a, .referCode span, .referralLink h5 { font-size:12px; float:left;}
.referCode a {padding:0 3px;}
.referCode input { font-size:17px; font-weight:bold; width:150px; float:left; border:0px solid #cacaca; background-color:Transparent; margin:-2px 3px 5px 3px;}
.referralLink { float:left; padding:0 3px 5px 0;}
.referralLink a {font-weight:bold; clear:left; display:block;}

#ctl00_ContentPlaceHolder1_Tabs_Panel1_divClose {font-weight:bold; font-size:10px; padding:5px; background-color:#cacaca;}
#ctl00_ContentPlaceHolder1_Tabs_Panel1_divClose span input {margin-left:15px;}
ul#legend {font-size:12px; background-color:#fff; border: 1px solid #cacaca; width:100%; float:left; list-style-type:none; margin-top:10px;}
ul#legend li h4 {float:left; padding:5px; clear:left; width:120px; font-size:12px;}
ul#legend li p {float:left; padding:5px; margin:0;}
ul#legend li p.legendText {clear:left;}
.referDataBorders {border-top:1px solid #7ab3db; border-bottom:1px solid #7ab3db; clear:left;}
.referDataBorders th, .referDataBorders td {padding-left:5px;}

.promoLandingBox {width:970px; height:580px;}
.promoLandingBox h2 {font-size:14px; float:left; margin:10px 0 5px 0;}
.promoLandingBox p {float:right; margin:10px 0 5px 0;}
#ctl00_ContentPlaceHolder1_Tabs_Panel2_gvReferInfo {background-color:#fff;}


/* Watch List page */
#FlashContainer { margin:0 0 10px 0; float:left;}
#formFlashIcon { margin:0 5px; float:left;}
#formFlashText { width:600px; color:#666; margin:0 0 0 5px; float:left;}

.validatorCalloutHighlight 
{
    background-color: #FFFACD; 
}

.tdDataBg {background: url(../../Images/zh-tw/watchlist/bg_td.gif) repeat-x ;}
.tdDot35 {  color: #3B3B3B; background-color: #FFFFFF; height:35px; background-image:url(../../Images/zh-tw/Fund/bg_dot_h35.gif); background-repeat:repeat-x}
#ctl00_ContentPlaceHolder1_lblTotalItems {margin:0 10px; padding:0 10px; font-weight:bold; border-left:1px solid #306caf;}

/* for Small key pad */
#ctl00_ContentPlaceHolder1_Smallkeypad1_KeypadTable tr td {border:solid 2px #fff; padding:0px;}
#ctl00_ContentPlaceHolder1_Smallkeypad1_KeypadTable tr td:hover {border:solid 2px #24be10; background-color:#fff; padding:0px;}
	/* Following hack for IE6 or below only */
* html #ctl00_ContentPlaceHolder1_Smallkeypad1_KeypadTable tr td a {border:solid 2px #fff; background-color:#fff; display:block; padding:0px;}
* html #ctl00_ContentPlaceHolder1_Smallkeypad1_KeypadTable tr td a:link {border:solid 2px #fff; background-color:#fff; display:block; padding:0px;}
* html #ctl00_ContentPlaceHolder1_Smallkeypad1_KeypadTable tr td a:hover {border:solid 2px #24be10; background-color:#fff; display:block; padding:0px;}
	/* End hack */


/* Pacakage detail page */
.packageTable {margin:10px 0 10px 0; padding:5; width:100%;}
.packageTable td {padding:3px;}
.packageBorderBottom { font-size:12px; border-bottom: 1px solid #cacaca;}
.packageName {font-weight:bold; font-size:12px;}
.packageinfo {border:1px solid #306caf; font-size:12px; background-color:#ddedff; padding:3px; width:95%;}
.promoTable { margin:10px 0 0 0; padding:0; width:100%;}
.promoTable td {padding:3px; font-size:12px;}
.promoHeader {font-weight:bold; background-color:#ddedff;}
.promoData {width:100%; padding:0;}
.promoData td {padding:3px;}
.promoItem {border-bottom:1px dotted #cacaca; padding:5px 0;}
.promoBanner {text-align:center; font-size:14px; font-weight:bold;}
.promoBanner p {margin:10px;}

/* New Account Overview */

#contentOverview {
	/* background: #FFF url(../../Images/SecurityCenter/bg_menu.gif) repeat-x scroll center top;*/
	/* width: 990px; */

	margin: 0px auto;
	padding: 8px 0px 0px 0px;
	border: 0px solid #000;
	font-size: 12px;
}

#colOneOverview { float: left; width: 412px; margin:0 0 0 5px;}

/* colOne Box */
.panelBoxOne {/*background:transparent url(../../Images/en-us/Account/col1_mid.jpg) repeat-y top left;*/background-color: #EDEDED; width:410px;}
.panelBoxOneTop {/*background:transparent url(../../Images/en-us/Account/col1_top.jpg) no-repeat top left;*/background-color: #EDEDED; width:410px; height:24px; text-align:left;}
.panelBoxOneTop span {font-weight:bold; position:absolute;font-size: 14px; margin:5px 0 0 10px; color:#D95E12;}
.panelBoxOneTop a.title {font-weight:bold; margin:5px 0 0 10px; font-size:12px; position:absolute;}
.panelBoxOneMid { padding:6px; }
/*.panelBoxOneMid td{ padding: 3px 5px 3.5px 10px;}*/


.panelBoxOneMid td{ padding: 5px 2px 5px 2px;}
.panelBoxOneMid td.alignRgt {text-align:right;}
.panelBoxOneMid td.alignRgtBold {text-align:right; font-weight:bold; color:#2f2f2f;}
.panelBoxOneMid p {font-size:12px; margin:10px auto; width:400px; text-align:left;}
.panelBoxOneBtm {background:#fff url(../../Images/zh-tw/Account/col1_bot.jpg) no-repeat top left; width:410px; height:9px; clear:both;}

.positionChart { text-align:center; padding:2px; margin-top:2px;}
.rowStyle { height:18px;}

#colTwoOverview { float: right; width:100%; max-width: 540px; margin:0 8px 0 0;}


/* colTwo Box */
.panelBoxTwo {background:transparent url(../../Images/zh-tw/Account/col2_mid.jpg) repeat-y top left; width:100%; max-width:540px;}
.panelBoxTwoTop {background:transparent url(../../Images/zh-tw/Account/col2_top.jpg) no-repeat top left; width:100%; max-width:540px; height:24px; text-align:left;}
.panelBoxTwoTop span {font-weight:bold; position:absolute; margin:5px 0 0 10px;}
.panelBoxTwoTop a.title {font-weight:bold; margin:5px 0 0 10px; font-size:12px; position:absolute;}
.panelBoxTwoMid { padding:5px; }
.panelBoxTwoMid td{ padding: 3px 5px 4px 10px;}
.panelBoxTwoMid img { padding:0 3px 0 3px;}
.panelBoxTwoMid p {font-size:12px; margin:10px auto; width:100%; max-width:500px; text-align:left;}
.panelBoxTwoBtm {background:#fff url(../../Images/zh-tw/Account/col2_bot.jpg) no-repeat top left; width:100%; max-width:540px; height:9px; clear:both;}


.panelBoxTwoOA {background:transparent url(../../Images/en-us/Account/colOptA_mid.png) repeat-y top left; width:100%; max-width:992px;}
.panelBoxTwoMidOA { padding:5px; }
.panelBoxTwoMidOA td{ padding: 3px 5px 4px 10px;}
.panelBoxTwoMidOA img { padding:0 3px 0 3px;}
.panelBoxTwoMidOA p {font-size:11px; margin:10px auto; width:960px; text-align:left;}


.panelBoxTwoprepay {background:transparent url(../../Images/en-us/Account/col2prepmid.gif) repeat-y top left; width:100%; max-width:540px;}
.panelBoxTwoTopprepay {background:transparent url(../../Images/en-us/Account/col2preptop.gif) no-repeat top left; width:100%; max-width:540px; height:24px; text-align:left;}
.panelBoxTwoTopprepay span {font-weight:bold; position:absolute; margin:5px 0 0 10px;}
.panelBoxTwoTopprepay span a { font-size:12px;}
.panelBoxTwoTopprepay a.title {font-weight:bold; margin:5px 0 0 10px; font-size:12px; position:absolute;}

.panelBoxTwoMidprepay { padding:5px; background:transparent url(../../Images/en-us/Account/col2prepmid.gif)}
.panelBoxTwoMidprepay td{ padding: 3px 5px 4px 10px;}
.panelBoxTwoMidprepay img { padding:0 3px 0 3px;}
.panelBoxTwoMidprepay p {font-size:12px; margin:10px auto; width:100%; max-width:500px; text-align:left;}

.panelBoxTwoBtmprepay {background:#fff url(../../Images/en-us/Account/col2prepbot.gif) no-repeat top left; width:100%; max-width:540px; height:9px; clear:both;}



#ctl00_ContentPlaceHolder1_openorderDiv a.openOrders {font-size:16px; font-weight:bold;}

.panelBox { border: 1px solid #c1d7f2; background-color:#FFF; margin-left:2px; padding:3px; font-size:12px;}
.panelBoxMsg { border: 1px solid #c1d7f2; background-color:#ffffb8; padding:3px; font-size:1em; }
.panelBox2 { background:transparent url(../../Images/zh-tw/Account/bg_open_order.jpg) repeat-x top left; border: 1px solid #c1d7f2; margin-left:4px; padding:3px; font-size:0.9em;}
.panelBoxPosition { background:transparent url(../../Images/zh-tw/Account/bg_open_order.jpg) repeat-x top left; border: 0px solid #c1d7f2; padding:2px;}
.panelBoxPosition2 { background:transparent url(../../Images/zh-tw/Account/bg_positionBox.gif) repeat-x top left; border: 0px; padding:2px;}
.panelBgGrid { background:transparent url(../../Images/zh-tw/Account/bg_grid_view.jpg) repeat-x top left; border: 0px solid #c1d7f2;}
.panelBgGridHeader { background:transparent url(../../Images/zh-tw/Account/bg_grid_view_header.jpg) repeat-x top left;}
.panelBgGridFooter { font-weight:bold; background-color:#d5e2f2; height:20px;}


.panelBoxTextBtm {padding: 6px 0 0px 15px; font-size:12px; width:100%; max-width:380px;}
.panelBoxTextBtm span{ padding:5px 0 0px 96px; color:#215b9b;}

.changeUp { color:#009900}
.changeDown { color:#FF0000}

#panelBoxTextTrade { font-weight:normal; margin:0 0 0 8px;}
#panelBoxTextPosition { font-weight:bold; margin:0 0 0 8px; padding:0px;}

#content h3 {color: #2F73B8;}
#content { padding-top:20px;}

.IconClose {background-image:url(../../Images/zh-tw/Icons/delete.gif); width:18px; height:11px; background-repeat:no-repeat; cursor:pointer; text-decoration:none; }
.rfSEND {background-image:url(../../Images/zh-tw/Account/rf_bt_send.gif); width:96px; height:49px; background-repeat:no-repeat; cursor:pointer; text-decoration:none; }

#quickTips h4 {font-size:12px;}
.quickTipsAcct { padding:3px;}
.quickTipsWatch {border:1px solid #FFCF4F; background-color:#f5e9bd; font-weight:normal; width:335px; padding:0 5px;}

/* McAffe activation page */
#McaffeActivateContainer { background:url(../../Images/zh-tw/McAffe/activate_grnd.jpg) no-repeat; width:761px; height:667px; position:relative; margin:20px auto;}
.activatetitle {position:absolute; margin:20px 35px;}
.intro {position:absolute; margin:65px 35px; width:700px;}
.Qualified {position:absolute; margin:120px 35px; background:url(../../Images/zh-tw/McAffe/qualified_box.jpg) no-repeat; width:689px; height:90px;}
.Qualified p {font-size:14px; padding:5px 5px 0 10px; line-height:18px;}
.Notqualified {position:absolute; margin:120px 35px; background:url(../../Images/zh-tw/McAffe/Notqualified_box.jpg) no-repeat; width:689px; height:90px;}
.Notqualified p {font-size:14px; padding:5px 5px 0 10px; line-height:18px;}
.Notqualified a {font-size:14px; color:#363636; text-decoration:underline;}
.Notqualified a:hover {color:#306caf; text-decoration:none;}
.activateBox {position:absolute; margin:230px 15px 0 20px;}
.promoBtn { background:url(../../Images/zh-tw/McAffe/promoCode_btn.png) no-repeat; width:184px; height:34px; display:block; position:absolute; margin:235px 15px 0 270px;}
a.promoBtn:hover {background:url(../../Images/zh-tw/McAffe/promoCode_btn_hover.png) no-repeat;}
.promoCode {font-size:16px; font-weight:bold; position:absolute; margin:245px 15px 0 500px;}
.mcafeeBtn { background:url(../../Images/zh-tw/McAffe/getMcAffe_btn.png) no-repeat; width:358px; height:43px; display:block; position:absolute; margin:300px 15px 0 270px;}
a.mcafeeBtn:hover {background:url(../../Images/zh-tw/McAffe/getMcAffe_btn_hover.png) no-repeat;}
.promoHelp {position:absolute; margin:270px 15px 0 275px;}
.whatis { position:absolute; margin:345px 15px 0 275px;}
#howto {position:absolute; margin:420px 0 0 35px;}
#howto h3 {font-size:14px;}
#howto ul { list-style:square; margin:5px 0 0 15px;}
#howto ul li {padding:3px 0;}
#terms {position:absolute; margin:550px 0 0 35px; font-size:10px;width:700px;}
#terms p {font-size:12px; text-align:justify;}

#AcctPromosWrapper { float:right; width:540px; margin:10px 8px 50px 0;}
.AcctPromos {width:267px; height:37px; position:absolute; margin:0;}
.AcctPromos2 {width:267px; height:37px; position:absolute; margin:-37px 0 0 273px;}

/* Low margin page */
#contentMain {margin:5px 0 0 5px;}
#contentMain h5 {font-size:12px; border-bottom:1px solid #cacaca; margin:15px 0 5px 0;}
#contentMain p {margin:5px 0;}
#contentMain p.disclaimer {font-size:10px;}
.table1 {margin:0; padding:0; width:100%; text-align:left; font-size:12px;}
.table1 th {background-color:#B1D3F7; line-height:25px; border-bottom:1px solid #363636; padding-left:5px;}
.table1 td {border-bottom:1px solid #cacaca; padding:5px; width:50%;}
.table1 td span {margin-left:67px;}
.table3 {margin:0; padding:0; width:100%; text-align:center; font-size:12px;}
.table3 th {background-color:#cacaca; line-height:25px; border-bottom:1px solid #363636; border-right:1px solid #fff; padding-left:5px; color:#363636; width:12%;}
.table3 th.sogo {background-color:#306caf; color:#fff; border-bottom:1px solid #fff; width:25%; font-size:14px;}
.table3 th.balance, .table3 td.balance {text-align:left;}
.table3 td {border-bottom:1px solid #cacaca; padding:5px;}
.table3 td.sogo {background-color:#306caf; color:#fff; border-right:1px solid #fff; font-size:14px; font-weight:bold;}
#links a {display:block; font-size:14px; font-weight:bold; margin:10px 0;}

/* DRIP page */
.dripContent {width:100%;}


#ctl00_ContentPlaceHolder1_TabContainer1_allpositions{ height:260px;}
#ctl00_ContentPlaceHolder1_TabContainer1_longPositions{ height:260px;}
#ctl00_ContentPlaceHolder1_TabContainer1_shortPositions { height:260px;}
#ctl00_ContentPlaceHolder1_TabContainer1_body{ height:260px; border-bottom:solid 1px #999; float:left; width:98%}
#ctl00_ContentPlaceHolder1_tabUpdatePanel{height:298px;}


/* Account Overview Search Symbol*/
input.goBtn 
{
background: url(../../Images/Buttons/bt_smb_Accsearch.gif) no-repeat scroll 0 0;  
color:#363636;
float: right; 
cursor:pointer;
margin:-20px 70px 0 8px;
font-weight:normal;
height:18px;
text-align:center;
width:40px;
}
input.inputBox {border:1px solid #363636; width: 74px; height:18px; padding:0px 1px;}

#accountHeader h4 span.symbolsearch {float:right;  margin:-10px -65px 0 0; width:250px; font-weight:bold; font-size:12px; background-color:#fff; padding:0 0 0 10px;}

/* To target a safari browser issue */

@media screen and (-webkit-min-device-pixel-ratio:0){

    #accountHeader h4 span.symbolsearch { margin:5px -70px 0 0;}
    /* Tabs */
    #accountContainer_wide .ajax__tab_outer {border-bottom:1px solid #efeeee;}
	#accountContainer_wide .ajax__tab_hover .ajax__tab_outer {border-bottom:1px solid #efeeee;}
  }   


/* NEW user steps */

#steps {background-color:#fff9de; border:0px; padding:0; margin:0 5px 0 4px;}
#banner { width:500px; padding:3px; }
#banner span{ font-size:13.5pt;color:#1b8040;font-weight:bold; line-height:25px;}
#des { width:500px; padding:6px; background-color:#fff; border:1px solid #c0c09f;}
#des2 { width:500px;}
#des2 span{ font-size:13.5pt;color:#1b8040;font-weight:bold; line-height:25px;}

#tab0 { background:url(../../Images/Account/no0.gif) no-repeat;}
#tab1 { background:url(../../Images/Account/no1.gif) no-repeat;}
#tab2 { background:url(../../Images/Account/no2.gif) no-repeat;}


#panelNewTwo {background:transparent url(../../Images/Account/newUser_mid.gif) repeat-y top left; width:540px;}
#panelNewTwoTop {background:transparent url(../../Images/Account/newUser_top.gif) no-repeat top left; width:540px;  height:26px; text-align:left;}
#panelNewTwoTop span {font-weight:bold; position:absolute; margin:8px 0 0 10px;}
#panelNewTwoMid {padding:5px;}
#panelNewTwoBtm {background:#fff url(../../Images/Account/newUser_bot.gif) no-repeat top left; width:540px; height:9px; clear:both;}


.clear {clear:both; margin:0px;}
.clear5 {clear:both; margin: 5px 0 5px 0;}

a.newUser {text-decoration:underline; font-size:11pt;color:#1b8040;font-weight:bold}
a.newUser:hover {text-decoration:none; font-size:11pt;color:#134984;font-weight:bold}

a.stepNew {text-decoration:none; font-size:13.5pt;color:#1b8040;font-weight:bold; line-height:25px;}
a.stepNew:hover {text-decoration:underline; font-size:13.5pt;color:#134984;font-weight:bold; line-height:25px;}

a.get100 {margin:0 0 0 10px; border:none;}

/* Account History (Activity) */
.activityTopBar {border:1px solid #b3b3b3; background-color:#f0f0f0; width:988px; float:left; margin:0 0 5px 0; font-size:12px;}
.innerBorder {background:#f0f0f0 url(../../Images/en-us/trade/TopBar_fill.gif) repeat-x; height:23px; border:1px solid #fff; padding:3px 0; width:986px; float:left;}
.innerBorder span {float:left; margin:5px; font-weight:bold;}
.innerBorder select {width:190px; margin:3px 5px 0 5px; float:left; border:1px solid #666666;}
.innerBorder input {float:left; margin:5px;}
#ctl00_ContentPlaceHolder1_activityListView_activitypager table {margin:5px 0 2px 5px;}

/* Data Content styles */
.dataHeader {font-weight:bold; color:#363636; background:#d1d1d1 url(../../Images/en-us/trade/HeadBar_fill.gif) repeat-x; height:23px;}
.dataHeader th { border-top:1px solid #c4c4c4;}
.dataHeader th.headerLeft, .dataContent tr td.contentLeft {text-align:left; padding:0 5px;}
.dataHeader th.headerRgt, .dataContent tr td.contentRgt {text-align:right; padding:0 5px;}

.dataContent {margin:0; padding:0; width:100%; clear:left;}
.dataContent tr td {border-bottom:1px dotted #cacaca; line-height:25px; padding-left:3px;width:18%;}
.dataContent tr td.noline {border:none;}

.dataWrapper {float:left; border-top:1px solid #EFEEEE; border-left:1px solid #999; border-right:1px solid #999; border-bottom:1px solid #999; width:988px; background-color:#fff;}
.dataWrapper .dataBorders .dataSymbols {padding-left:5px;}
.dataBorders {margin:0; padding:0 5px 0 5px;}

#chartTabContainer {border-top:1px solid #999; border-left:1px solid #999; border-right:1px solid #999; float:left; width:988px; margin-top:-1px; text-align:center;}

/* Positions */
#statusTabs {margin:0; background-color:Transparent; overflow:hidden;}
#statusTabs a {border-top:solid 1px #999b9a; border-left:solid 1px #999b9a; border-right:solid 1px #999b9a; border-bottom:solid 0px #999; background:#bdbcbc; margin:0 8px 0 0; display:block; width:100px; height:21px; float:left; padding:5px 5px 1px 5px; text-align:center; color:#fff; font-weight:bold; position:relative;}
#statusTabs a:hover {background: url(../../Images/en-us/account/Position_tabHover.jpg) repeat-x; cursor:hand; border-top:solid 1px #f1990e; border-left:solid 1px #f1990e; border-right:solid 1px #f1990e; border-bottom:solid 0px #999;}
#statusTabs a.Tabselected {background: #00adef; cursor:hand;}
#ctl00_ContentPlaceHolder1_showHidecheckboxPanel {float:right;}

/* Position charts */
.chartContent {border-bottom:solid 0px #fff;}
.chartHeight {height:210px;}


/* WatchList */
.dataRowStyle {margin:5px 0; border-bottom:1px dotted #cacaca; font-size:12px; line-height:25px; text-align:left;}
.dataRowStyle td { padding:0 5px;}
.dataHeaderStyle {font-weight:bold; color:#363636; line-height:23px; background:#d1d1d1 url(../../Images/en-us/trade/HeadBar_fill.gif) repeat-x; border-top:1px solid #c4c4c4;}
.dataHeaderStyle a {color:#363636;}
.dataHeaderStyle th { padding:0 5px;}
#ctl00_ContentPlaceHolder1_UpdateProgress1 { margin:5px;}

.dataPagerStyle {background:#d1d1d1 url(../../Images/en-us/trade/FootBar_fill.gif) repeat-x; line-height:15px; border-bottom:1px solid #c4c4c4;}
.dataPagerStyle a {background-color:#f0f0f0; padding:0 3px; border:1px solid #b3b3b3; color:#363636; display:inline-block; cursor:pointer;}
.dataPagerStyle a:hover, .dataPaging a:active {background-color:#F7BD2F; color:#363636; padding:0 3px;}
.dataPagerStyle span{ font-size:12px; font-weight:bold; color:#fff; background-color:#4ba2fa; padding:1px 3px;}
	/* watchlist create */
.innerBorder input.wlName {margin:3px 5px; width:250px;}
.innerBorder input.Form-SmallButtonBg {margin:0 5px; border:0px solid #666;}
.innerBorder input#ctl00_ContentPlaceHolder1_chkDefault {border:0px solid #666;}
.innerBorder label {float:left; margin:5px 0;}
.innerBorder img {float:left; margin:0 5px 0 15px;}
#ctl00_ContentPlaceHolder1_symbolUpdatePanel {margin:-3px 5px 0 5px; float:left;}
#ctl00_ContentPlaceHolder1_symbolUpdatePanel input.wlSymbol {width:250px;}
#ctl00_ContentPlaceHolder1_dtgPortfolio tr.dataHeader td {border-top:1px solid #c4c4c4;}
#ctl00_ContentPlaceHolder1_dtgPortfolio tr td {padding:0 5px;}
.wlButtons {text-align:right;}
.wlButtons input {margin:20px;}
	/* watchlist edit */
.innerBorder input.wlSymbolEdit {width:250px; margin:1px 5px;}
	/* DataGrid clear */
#ctl00_ContentPlaceHolder1_UpdatePanel1, #ctl00_ContentPlaceHolder1_datagridUpdatePanel, #ctl00_ContentPlaceHolder1_gridUpdatePanel, #ctl00_ContentPlaceHolder1_datagridPanel, #ctl00_ContentPlaceHolder1_Tabs_Panel2_UpdatePanel1 {clear:left;}
#ctl00_ContentPlaceHolder1_portfolioGridView, #ctl00_ContentPlaceHolder1_dtgPortfolio {width:100%;}

/* Forgot password note */
#Notes {float:right; width:430px;}

.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:15px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(../../Images/en-us/fund/Note800x1600.png) no-repeat top right;
 _background-image:url(../../Images/en-us/fund/note-white.gif);
}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialog .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:15px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
  
}

.dialog h1 {
 padding-bottom:0px; font-size:12px; 
}


/* Forget password page */
.progressSteps {float:left; margin:20px 0 10px 0; width:100%;}
.progressSteps ol { list-style-type:none; float:left; padding:0; margin:0;}
.progressSteps ol li {float:left; padding:0 4px 0 8px; line-height:21px;}
.progressSteps ol li.stepSelected {background-color:#3d8fff; color:#fff;}
.progressSteps ol li.stepImg {padding:0; background:transparent url(../../Images/en-us/account/step_selected.gif) no-repeat; width:22px; height:21px;}
.progressSteps ol li.stepImg2 {padding:0; background:transparent url(../../Images/en-us/account/step_normal.gif) no-repeat; width:22px; height:21px;}
.progressSteps ol li.stepImg3 {padding:0; background:transparent url(../../Images/en-us/account/step_end.gif) no-repeat; width:22px; height:21px;}
.progressSteps ol li.stepImg4 {padding:0; background:transparent url(../../Images/en-us/account/step_selected_end.gif) no-repeat; width:22px; height:21px;}
.progressSteps ol li.stepImg5 {padding:0; background:transparent url(../../Images/en-us/account/step_end_blue.gif) no-repeat; width:22px; height:21px;}
.progressSteps ol li.stepNormal {background-color:#eaeaea; color:#999;}
.accountBox {background-color:#ebeef0; margin:5px 0 0 0;  border:1px solid #b2b2b2; height:1%; float:left; width:550px; /*For Firefox 3 and Webkit*/-moz-border-radius: 3px; -webkit-border-radius: 3px;}
.accountInner {border:1px solid #fff; float:left;  height:1%; width:548px; /*For Firefox 3 and Webkit*/ -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.accountInner h3 {margin:10px 0 0 10px; font-size:14px; float:left;}
.accountInner a.info {float:right; padding:10px 5px 0 0;}
.accountInner img.lockIcon {position:relative; float:left;}
.acctHdivider {width:530px; height:2px; margin:5px 10px; padding:0; background:url(../../Images/en-us/trade/Hdivider.gif) repeat-x top left; float:left;}
fieldset.forgotPassword {margin:0; padding:0; border-style:none; float:left; clear:left; width:100%;}
fieldset.forgotPassword legend {margin-left:10px; color:#000; font-weight:bold;}
fieldset.forgotPassword ol {padding:1em 1em 0 1em; list-style:none; float:left; margin:0;}
fieldset.forgotPassword li {float:left; clear:left; width:100%; padding-bottom:1em;}
fieldset.forgotPassword label {float:left; width:16em; margin-right:1em; font-weight:bold; font-size:12px;}
#ctl00_ContentPlaceHolder1_UpdatePanel18 {float:left; margin:0 10px 0 0;}
#ctl00_ContentPlaceHolder1_UpdatePanel18 img {border:1px solid #ccc; width:160px; height:47px;}
.passwordNote {float:left; margin:10px;}
.accountInner input.Form-ButtonBg {float:right; margin:10px;}
.accountInner span.AccFontSmall {font-size:12px;}
fieldset.forgotPassword label.short {width:12em;}
fieldset.forgotPassword input.textBox2 {width:220px; background-color:#fff; border:1px solid #666666; padding:1px 5px 1px 2px;}
.accountInner p.hint {margin:5px 0 0 160px;}
.accountInner ul.hintList {list-style-type:circle; margin-left:170px;} 
.confirmContent {float:left; margin:10px;}

/* Market Movers */
#ctl00_ContentPlaceHolder1_marketMoverGridView {float:left;}
.moversTopbar {float:left; background-color:#f0f0f0; width:990px;}
.moversType {float:left; font-weight:bold; padding:3px 5px;}
.moversTime {float:right; padding:3px 5px;}
.findSymbolMovers {float:right; width:230px;}


/* Interest Rates pages styles */
#CommissionsContent { float:left; margin: 0 0 0 5px; padding:0; width:1000px;}
.divbox{ float:left; margin:10px; padding:0; width:470px;}
.Commissions_div {background-image:url(../../Images/Home/commissions_div_bg.gif); background-position:center bottom; background-repeat:no-repeat; float:left; width:470px; padding-bottom:8px; margin-bottom:20px;}
.Commissions_div h6 {background-image:url(../../Images/Home/commissions_tittle_bg.jpg); background-position:center top; background-repeat:no-repeat; height:52px; margin:0; padding:0; width:470px;}
.Commissions_div h6 span {color:#443C40; font-size:14px; font-weight:bold; line-height:28px; padding-left:12px;}
.Commissions_div ul {line-height:16px; list-style-type:none; margin-left:2px; width:466px;}
.Commissions_div li {background-image:url(../../Images/Sitemap/Help_sitemap_li_bg.jpg); background-position:center bottom; background-repeat:repeat-x; margin:0px; padding-left:10px; color:#306caf; line-height:20px;}
.Commissions_div td { background-color:#f0f5f9; color:#363636; padding-left:6px; padding-right:6px; padding-top:4px; padding-bottom:4px; width:232px;}
.Commissions_div p { margin:8px; color:#000;}
.Commissions_div li.noline{background:none;}
.Commissions_div li table {margin-left:-10px;}

.AcctIDClass {position:absolute; margin:5px 0 0 190px;}





/* Prepay */

