
/* Start CSS Reset Classes */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 * 
 */
 
 
/* Font size conversion chart 
10px = 77%
11px  = 85%
12px  =	93%
13px  =	100%
14px  =	108%
15px  = 116%
16px  =	123.1%
17px  =	131%
18px  =	138.5%
19px  =	146.5%
20px  =	153.9%
21px  =	161.6%
22px  =	167%
23px  =	174%
24px  =	182%
25px  =	189%
26px  =	197%
*/

body {font:13px arial,helvetica,clean,sans-serif; background-color:#ffffff;*font-size:small;*font:x-small;}
table {font-size:inherit;}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;}


/* Start CSS Reset Classes */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h3,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	}

table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* End CSS Reset Classes */

h1 {color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 131%;padding:0px 0px 2px 0px; margin:0px 0px 0px 0px;}

p{font-family:Arial, Helvetica, sans-serif;font-size:92%;line-height:153.9%;text-align:left;}

a {color:#0F57C2;text-decoration:none;}
a:hover {text-decoration:underline;}
a:visited {color:#800080;}


/*+++++++++++++++++++++++++++++++++*/
/* ----- BEGIN LAYOUT CLASSES -----*/
/*+++++++++++++++++++++++++++++++++*/

.layout-clear-left {clear: left;}
.layout-clear-right {clear: right;}
.layout-clear-both {clear: both;}
.layout-nav-region {padding:0;width:458px;}
.layout-tab-region{padding:0;width:458px;}
.layout-nav-region .layout-spacer-1{padding:0px 0px 10px 0px}
.layout-content-region {padding:0px 14px 0px 15px;width:429px;}
.layout-content-region .layout-spacer-1{padding:12px 0px 0px 0px}
.layout-content-region .layout-spacer-2{padding:8px 0px 0px 0px}
.layout-content-region .layout-spacer-3{padding:97px 0px 0px 0px}
.layout-footer-region {padding:0;width:458px;  position:absolute;}
.layout-footer-region .layout-spacer-1{padding-top:60px;}


/*---LAYOUT CLASSES FOR TRADE POPUP PAGE----*/
.container{height:475px;}
.container .top{height:328px;}
.container .bottom{height:80px;}
.layout-popup-nav-region{margin: 0;padding: 0 0 11px;width: 100%;}
.layout-popup-footer-region{margin: 0;padding: 0;width: 100%;}
.layout-popup-title-region {margin: 0;padding: 0 15px 11px; width: 596px;}
.layout-popup-main-content-region {margin: 0;padding: 0 15px;width: 596px;}
.layout-popup-title-region h1 {color: #408800;font-size: 131%;margin: 0;padding: 0;}
.layout-popup-footer-region .layout-spacer-1{padding-top:60px;}
/*++++++++++++++++++++++++++++++++++*/
/* ----- END OF LAYOUT CLASSES -----*/
/*++++++++++++++++++++++++++++++++++*/


/* ++++++++++++++++++++++++++++++++++++++++ */
/* ALL THE BELOW CLASSES ARE FOR COMPONENTS */
/* ++++++++++++++++++++++++++++++++++++++++ */
.header {background-color:#83B51F;padding:0;vertical-align:middle;height:27px;}
.header img {margin:4px 0px 0px 6px;}

/* ------ BEGIN NAV TAB BAR---- */
.tabcontainer{background:url(../images/navbg_trans.gif) repeat-x scroll left bottom;border-top:1px solid #FFFFFF;}
.tabcontainer ul {margin:0;padding:0;}
.tabcontainer ul li {width:152px; text-align:center; border-right:1px solid #FFFFFF; display:inline; float:left; font-family:arial; font-size:93%;  font-weight:bold;line-height:116%; margin:0;}
.tabcontainer ul li a {color:#FFFFFF;text-decoration:none;background-color:#3F8800; padding:1px 0px 4px 0px;display:block;width:100%;}
.tabcontainer ul li a:hover{background-color:#8cd600;text-decoration:none;}
.tabcontainer ul li a:visited{color:#FFFFFF;}
.tabcontainer ul a.selected {background-color:#D1E0B2;color:#000000}
.tabcontainer ul a.selected:visited {color:#000000}
.tabcontainer ul li.firsttab {width:150px; border-left:1px solid #FFFFFF;}
.tabcontainer ul li.lasttab{}
/* ------ END NAV TAB BAR---- */

/* ------ BEGIN ACCOUNT INFO SECTION ---- */
.account-info{font-size:93%;width:100%;float:left;}
.account-info .info-no{font-size:108%;color:#666666;font-weight:bold;padding:0px 0px 0px 2px;}
.account-info .account-text{float:left;}
.account-info .date-time{float:right;font-size:85%;color:#000000;}
/* ------END ACCOUNT INFO SECTION ---- */

/* ------ BEGIN MAIN CONTENT SECTION ---- */
.plus-minus-all {font-size:93%;font-weight:bold;padding:0px;margin:0px;}
.plus-minus-all img{padding:2px 3px 0px 0px;margin:0px 0px -1px 0px;}
.plus-minus-all #expand{display:block;padding:2px 0px 0px 0px;margin:0px 0px 0px 0px;}
.plus-minus-all #collapse{display:none;padding:0px 0px 0px 0px;margin:0px 0px 8px 0px;}
.trade-expand{padding:0px;margin:0px;}
.trade-expand ul{padding:0px;margin:0px;}
.trade-expand-plus{padding:2px 0px 0px 0px;background:url(../images/expand_blue.gif) no-repeat 0px 2px;}
.trade-expand-minus{padding: 2px 0px 0px 0px;background:url(../images/collapse_blue.gif) no-repeat 0px 2px;}
.trade-detail-show{display:block;padding:2px 0px 7px 0px;margin:0px;}
.trade-detail-hide{display:none;padding:0px;margin:0px;}
.byline{font-size:93%;font-weight:bold;color:#000000;}
.question-image{vertical-align: middle; margin-left:4px;padding-bottom:3px;}
.main-heading h2{font-size:131%;padding:0px;margin:9px 0px 5px 0px;}
.main-heading-border{border-bottom:1px solid #DBDCDE;padding:2px 0px 2px;}
.trading-profile-list h3{padding:0px;margin:0px;display:inline;font-size:131%;font-weight:bold;color:#408800;}
.trading-profile-list a h3{color:#408800;text-decoration:none;}
.trading-profile-list a:hover {text-decoration:none;}
.trading-profile-list{padding:0px 0px 0px 0px;margin:0px 0px 2px 0px;width:423px;}

/* ++++++++++++++++++++++++++++++++++++++++ */
/* CLASSES FOR TAB1 */
/* ++++++++++++++++++++++++++++++++++++++++ */

/* ------ BEGIN TRADE DESIGNATION SECTION ---- */
.trade-designations {margin-bottom:12px;width:100%;}
.trade-designations td{font-size: 93%;padding:3px 0px 2px 0px;line-height:138.5%;border-bottom:1px solid #D1DAE3;}
.trade-designations .border-none{border:0px;}
.trade-designations .first-col{padding-left:16px;}
.trade-designations .last-col{padding-right:5px;text-align:right;}
.trade-designations .last-col a{color:#0F57C2;}
/* ------ END TRADE DESIGNATION SECTION ---- */

/* ------ BEGIN TRADE LIQUIDATION SECTION ---- */
.trade-liquidations{width:100%;}
.trade-liquidations th{padding:2px 0px 4px 0px;font-size: 93%;line-height:138.5%;border-bottom:1px solid #D1DAE3;}
.trade-liquidations td{padding:3px 0px 4px 0px;line-height:138.5%;font-size: 93%;border-bottom:1px solid #D1DAE3;}
.trade-liquidations .border-none{border:0px;}
.trade-liquidations .first-col {padding-left:16px;}
.paragraph-note {font-size: 85%;line-height:13px;color:#666666;padding:6px 0px 11px;}
.paragraph-btm-spacing{margin-bottom:-18px;}
.cash-top-spacing{padding-top:12px;}
/* ------ END TRADE LIQUIDATION SECTION ---- */

/* ------ BEGIN MARGIN RESTRICTION SECTION ---- */
.margin-restrictions ul{list-style-type:none;padding:0px 0px 2px 17px;}
.margin-restrictions ul li{background:url(../images/greenbulsq.gif) no-repeat 0px 6px;padding:0px 0px 5px 9px;font-size: 93%;line-height:138.5%;color:#000000;}
/* ------ END MARGIN RESTRICTION SECTION ---- */


/* ++++++++++++++++++++++++++++++++++++++++ */
/* CLASSES FOR TAB2 */
/* ++++++++++++++++++++++++++++++++++++++++ */

/* ------ BEGIN COMMISSION SUMMARY SECTION ---- */
.commission-summary {margin-bottom:15px;width:100%;}
.commission-summary td{padding:3px 0px 3px 0px;line-height:138.5%;font-size: 93%;border-bottom:1px solid #D1DAE3;vertical-align:bottom;}
.commission-summary .gray{color:#666666; font-size:11px;}
.commission-summary .border-none{border:0px;}

.commission-summary .first-col{padding-left:4px;}
.commission-summary .middle-col{width:70px;text-align:right;}
.commission-summary .last-col{text-align:right;width:122px;padding-right:5px;}
.commission-summary .first-free-trade-col{padding-left:4px;width:179px;}
.commission-summary .middle-free-trade-col{width:75px;text-align:right;}
.commission-summary .last-free-trade-col{padding:0px 4px 3px 20px;text-align:left;width:40px;}
.trade-offer-heading{margin-top:3px;}
/* ------ END COMMISSION SUMMARY SECTION ---- */

/* ------ BEGIN MARGIN DETAILS SECTION ---- */
.margin-details ul{list-style-type:none;padding:1px 0px 2px 0px;}
.margin-details ul li{background:url(../images/greenbulsq.gif) no-repeat 0px 6px;padding:0px 0px 5px 8px;font-size: 93%;line-height:153.9%;color:#000000;}
/* ------ END MARGIN DETAILS SECTION ---- */


/* ++++++++++++++++++++++++++++++++++++++++ */
/* CLASSES FOR TAB3 */
/* ++++++++++++++++++++++++++++++++++++++++ */

/* ------ BEGIN ACCOUNT AGREEMENTS SECTION ---- */
.account-agreements {padding-bottom:3px;width:100%;}
.account-agreements td{padding:3px 0px 3px 0px;font-size: 93%;line-height:138.5%;border-bottom:1px solid #D1DAE3;}
.account-agreements .border-none{border:0px;}
.account-agreements .first-col{padding-left:0px;}
.account-agreements .last-col{padding-right:5px;text-align:right;}

/* ------ END ACCOUNT AGREEMENTS SECTION ---- */

/* ------BEGIN BUBBLE POPUP HELP(FOR TAB3) SECTION ---- */
/* LEFT COLUMN */
.tip-shell {width:250px; margin:0px; padding:5px 5px 0px 0px;z-index:999;position:absolute;display:none;}
.tip-shell .tip-text{margin:0px;  padding:6px 10px 7px 10px;border-bottom:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; margin-left:0px; background-color:#ffffff;}
.tip-shell .tip-text p {padding:7px 0px 8px 0px;font-size:100%; line-height:123.1% }
.tip-shell .tip-text h3{margin:0px;font-size:100%;color:#000000 !important;}
.tip-shell .flydown {width:225px; margin:0px; padding:25px 0px 0px 0px; background: url(../images/tt_top_arrow.gif) no-repeat 0 0; z-index:999;}

/* ------ RIGHT COLUMN -------- */
/* FOR FIRST BUBBLE */
.tip-first-block {width:250px; margin:0px; padding:5px 5px 0px 0px;z-index:999;position:absolute;top:125px;left:165px;background:url(../images/tt_right_arrow_1.gif) no-repeat 225px 5px; }
.tip-first-block .tip-block-text{position: relative;float:left;width:209px; height:34px;padding:5px 5px 5px 10px;background-color:#ffffff;border-bottom:1px solid #000000; border-left:1px solid #000000; border-top:1px solid #000000;}
.tip-first-block .tip-block-text p {padding:0px 0px 0px 0px;font-size:100%;line-height:123.1%;clear:left;}

/* FOR THIRD BUBBLE */
.tip-middle-block {width:350px; margin:0px; padding:5px 5px 0px 0px;z-index:999;position:absolute;top:145px;left:65px;background:url(../images/tt_right_arrow_2.gif) no-repeat 325px 5px; }
.tip-middle-block .tip-block-text{position: relative;float:left;width:309px; height:90px;padding:5px 5px 5px 10px;background-color:#ffffff;border-bottom:1px solid #000000; border-left:1px solid #000000; border-top:1px solid #000000;}
.tip-middle-block .tip-block-text p {padding:0px 0px 0px 0px;font-size:100%;line-height:123.1%;clear:left;}

/* FOR OTHER BUBBLES */
.tip-block {width:350px; margin:0px; padding:5px 5px 0px 0px;z-index:999;position:absolute;background:url(../images/tt_right_arrow_3.gif) no-repeat 325px 5px; }
.tip-block .tip-block-text{position: relative;width:309px;height:163px;padding:5px 5px 5px 10px;overflow-y:auto;background-color:#ffffff;border-bottom:1px solid #000000; border-left:1px solid #000000; border-top:1px solid #000000;}
.tip-block .tip-block-text p {padding:0px 0px 0px 0px;font-size:100%; line-height:123.1%;clear:left;}

/* ------END BUBBLE POPUP HELP SECTION ---- */

/* ------ BEGIN POPUP HELP PAGE SECTION ---- */
.nav-header {background: url("../images/nav-gradient.png") 0 0 repeat-x;border-bottom: 4px solid #068037;height: 35px; margin: 0;padding: 0;width: 100%;}
.nav-header img {border: 0 none;display: block;float: left;margin: 0 0 0 6px;padding: 4px 0 0;}

.trade-help-table{margin:0px;padding:0px;width:100%;}
.trade-help-table th {font-size:93%;line-height: 131%; border-bottom: 2px solid #D1DAE3; border-top: 1px solid #D1DAE3; font-weight:bold;padding: 2px 5px 3px;}
.trade-help-table td {line-height: 123.1%;font-size:93%;border-bottom: 1px solid #D1DAE3;padding: 2px 5px 3px;vertical-align: top;}
.trade-help-table h3{padding:0px 0px 4px;font-size:100%;}
.trade-help-table p{padding:0px 0px 10px 0px;font-size:100%;line-height: 123.1%;}
.trade-help-table .btm-space-none{padding:0px;}
.trade-help-table a{color:#000; text-decoration:none;}
.trade-help-table .brd-right{border-right:1px solid #D1DAE3;}
.trade-help-table .col1{width:96px;}
.trade-help-table .col2{width:353px;}
/* ------ END POPUP HELP PAGE SECTION ---- */


/* ++++++++++++++++++++++++++++++++++++++++ */
/* MISCELLANEOUS CLASSES */
/* ++++++++++++++++++++++++++++++++++++++++ */
.bold{font-weight:bold;}

/**************************************/
/* ------ BEGIN FOOTER CLASSES ------ */
/**************************************/
.primary-footer	{font-family:arial,helvetica,sans-serif !important;  background-color:#EEEEEE !important; height:90px; text-align:right !important; padding:0px 0px 0px 0px !important; margin:0px 0px 0px 0px !important; border-top:1px solid #CCCCCC !important; font-size:13px !important; font-weight:normal !important;}
.primary-footer a:link, .primary-footer a:visited	{font-family:arial,helvetica,sans-serif !important;  text-decoration:none; color:#0F57C2 !important; margin:0px 0px 0px 0px !important; padding:0px 0px 0px 0px !important; font-weight:normal !important;}
.primary-footer a:active, .primary-footer a:focus {font-family:arial,helvetica,sans-serif !important;  text-decoration:underline; color:#E74600 !important; margin:0px 0px 0px 0px !important; padding:0px 0px 0px 0px !important; font-weight:normal !important;}
.primary-footer a:hover	{font-family:arial,helvetica,sans-serif !important;  text-decoration:underline; color:#0F57C2 !important; margin:0px 0px 0px 0px !important; padding:0px 0px 0px 0px !important;}
.primary-footer .fid-logo	{float:left !important; padding:0px 0px 0px 0px !important; margin:9px 0px 0px 15px !important;}
.primary-footer p	{font-family:arial,helvetica,sans-serif !important;  margin:0px 0px 0px 0px !important; font-size:85% !important; color:#666666 !important; text-align:right !important; text-decoration:none !important; font-weight:normal !important;}
.primary-footer .copyright	{font-family:arial,helvetica,sans-serif !important;  padding:0px 0px 1px 0px !important; margin:9px 7px 0px 0px !important;}
.primary-footer .rights	{font-family:arial,helvetica,sans-serif !important;  padding:0px 0px 0px 0px !important; margin:0px 7px 0px 0px !important;}
.primary-footer ul {margin:3px 6px 0px 0px !important; padding:0px 0px 0px 0px !important;}
.primary-footer .first	{font-family:arial,helvetica,sans-serif !important; font-weight:normal !important; list-style-type:none !important; display:inline !important; font-size:85% !important; background:none !important; margin:0px 0px 0px 0px !important; padding:0px 3px 0px 0px !important;}
.primary-footer ul li {font-family:arial,helvetica,sans-serif !important; font-weight:normal !important; list-style-type:none !important; display:inline !important; font-size:85% !important; background:transparent url(/images/pipe.gif) no-repeat scroll 1% 50% !important; margin:0px 0px 0px 0px !important; padding:0px 3px 0px 6px !important;}
.primary-footer .pipe  {color:#999999;margin:0px;padding: 0px 1px 0px 5px;}
/***************************************/
/* ------ END OF FOOTER CLASSES ------ */
/***************************************/
