﻿.foo{} /*	Used for Validation		*//* PreMadeComment */

body 
{
	height:100%;
	width:100%;
	margin:0px;/* Set the margin to 0 */
}

#container,#header,#subNav,#content,#footer,#utility,#languageBar
{overflow:hidden; display:inline-block}/* Set Element Defaults ~!NO OVERRIDE!~ */

/* safari and opera need this */
#header,#footer {width:100%}

a, a:visited {color:#034EA2;text-decoration:none !important;}
a:hover {color:#034EA2;text-decoration:underline;}

a.whiteLink, a:visited.yellowLink {color:#fff450;text-decoration:none;}
a:hover.whiteLink {color:#fff450;text-decoration:underline;}

#mainWrapper
{
	height:auto;
	width:100%;
	position:absolute;
}

#container
{
	width:960px; /*	Set Page Width */
	margin:0px auto 0px auto; /* Center the Page */
	border: solid 1px #909;
}
#header
{
	height:100px;
	border: solid 1px #909;
}
#mainNav
{
	height:30px;
	float:left;
	width:600px;
}
#languageBar
{
	height:30px;
	width:150px;
}
#content1
{
	float:left;
	width:33.3%;
	min-height: 500px;/* set here min height  */
	height: auto !important;/* overwrite the height */
	height: 500px;/* this is also the min height for IE */
	border: solid 1px #909;
	border-left: none;
	border-right:none;
}
#content2
{
	float:left;
	height: auto !important;/* overwrite the height */
	height: 500px;/* this is also the min height for IE */
	padding:0px auto 0px auto;
	min-height: 500px;/* set here min height  */
	width:33%;
	border: solid 1px #909;
}
#content3
{
	float:left;
	width:33.3%;
	min-height: 500px;/* set here min height  */
	height: auto !important;/* overwrite the height */
	height: 500px;/* this is also the min height for IE */
	border: solid 1px #909;
	border-left: none;
	border-right:none;
}

#content3 a, #content3 a:visited {color:#034EA2;text-decoration:underline !important;}
#content3 a:hover {color:#034EA2;text-decoration:underline;}

#content3 a.whiteLink, #content3 a:visited.yellowLink {color:#fff450;text-decoration:underline;}
#content3 a:hover.whiteLink {color:#fff450;text-decoration:underline;}

#utility
{
}
#footer
{
	height:50px;
	border: solid 1px #909;
}


/* _______________________________________end base styles_______________________________*/

body 
{
    font-size: 13px;
    line-height: 14pt;
    font-family: Arial;
    color: #6D6E71;
    background:#fff;
}
img
{
   	border: none;
}

p {margin: 0px;}

.loginLinks {color:#5d7ada !important;}

#mainWrapper
{
	border: none;
}
#container
{
	width: 960px; /*	Set Page Width */
	border-left: solid gray 1px;
	border-right: solid gray 1px;
	border-top: none;
	border-bottom: none;
    text-align: center;
    /*background: url(../images/backBar2.jpg) repeat-y;*/
}
#contentContainer
{
	width: 960px; /*	Set Page Width */
	border: none;
	background:none;
    text-align: left;
}
#header
{
	height: 110px;
	border: none;
}
#header #logo
{
	display: inline-block;
	width: 363px;
	float: left;
}
#header #loginBar
{
	display: inline-block;
    width: 400px;
	float: right;
	font-size: 8pt;
}
#header #loginBar .push
{
    position:relative;
    top:5px;
}
#header #loginBar img{ vertical-align: middle;}

#header #loginBar .rmSlide {left:110px !important;}

#mainNav
{
	height: 32px;
	width: 100%;
	border: none;
    padding: 0px 0px 0px 0px;
}
#mainNav #Nav
{
	width: 960px;
	margin: 0px auto;
}
#sideNavContainer .Title
{
	height: 40px;
	display: block;
	background-color: #E1F4FD;
	font-size: 14px;
	line-height: 40px;
	vertical-align: middle;
	font-weight: bold;
	position: relative;
	width: 180px;
}
#sideNavContainer .Title a
{
 	text-decoration: none;
 	text-indent: 20px;
 	color: #20558B;
}

#content1{margin: 0px;border: none;}
#content2{margin: 0px;border: none;}
#content3{margin: 0px;border: none;}
#footer{background: #034ea2;border:none; font-size:12px; color:#fff; height:100%;}

/*                                      ~~~     UNIVERSAL STYLES     ~~~                             */
a:link,a:visited{color: #20558B; text-decoration:none; }
a:active,a:hover,a:visited:hover{color: #20558B; text-decoration:underline;}

.redcaps
{
    text-transform:uppercase;
    color:#900;
}
.redtext
{
    color:#900;
}
.redtextbold
{
    font-weight:bold;
    color:#900;
}
.ErrorMessage
{
    color:#900;
    font-weight:bold;
}
.left{float:left;}
.right{float:right;}
.contents{padding: 0px 15px;}

/*                                      ~~~     INNER     ~~~                                        */
#content1{width: 960px; height: 100px; min-height:100px; background: url(../images/inner_top_image.jpg) no-repeat;}
#content2{width: 210px; background-color: #fff; border-right: none;}
#content3{width: 675px; margin:10px 10px 20px 15px;}
#content3 h3{color: #034ea2; border-bottom: solid 2px #f6a31c; width: 710px; line-height: 21pt; padding:0px 0px 0px 0px; margin: 0px 0px 10px 0px; font-size:16px;}
#content3 p {padding:5px 0px 5px 0px; line-height:20px; font-size:13px; color:#737373;}
#content3 ul {color:#737373; padding:5px 0px 10px 30px; line-height:20px; font-size:13px;}
#content3 li {list-style-type:square;}
#content3 h4 {color:#034ea2; padding:10px 0px 10px 0px; margin:0px; font-size:13px;}

fieldset dl dt label{display: inline-block; width: 145px;}

/*
                                      ~~~      Open Account     ~~~                                        
*/
#openAccount h5{font-size: 12pt;}
#openAccount h6{font-size: 10pt;}
#openAccount fieldset dl dt label{display: inline-block; width: 145px;}

/*
                                      ~~~        About Us        ~~~                                        
*/
#chart tr {}
#chart td {padding:7px; border-right:1px solid gray; border-bottom:1px solid gray;}
/*
                                      ~~~     Online Trading     ~~~                                        
*/
h5 {font-size: 12pt; }
h6 {font-size: 10pt; color: #3366CC}
#list_steps_OnlineTrading li {margin: 20px 0px;}
#table_onlinetrading,
#table_onlinetrading tr,
#table_onlinetrading td
{border: solid 1px; border-collapse: collapse; text-align: center; width: 100%; padding: 5px; border-color: #cccccc}
.left_text {float:left; width: 380px;}
#list_features,
#list_quotes
{}
.right_image {float: right; width: 155px;}
#getting_started_list_educationalresources,
#getting_started_list_service,
#getting_started_list_link
{list-style-type: none; margin-left: 0px;}
#getting_started_list_efficientmeans{list-style-type:lower-roman;}
#table_gettingstarted,
#table_gettingstarted tr,
#table_gettingstarted td
{border: solid 1px; border-collapse: collapse; text-align: center; width: 100%; padding: 4px; border-color: #cccccc; margin: 10px 0px;}
.educationalresources{margin-top: 0px; margin-bottom: 0px;}

#table_gettingstarted tr.table_gettingstarted_header { background-color:#002f65; }
#table_gettingstarted td.table_gettingstarted_exchanges { background-color:#acacac; }
#table_gettingstarted td.table_gettingstarted_products { background-color:#e1e1e1; }
a.whiteLinkHeader { color:White; }

/*
                                      ~~~     Trader's Tools     ~~~                                        
*/
 .blogHeadline{font-size: 12pt;}
 .blogListHeadline{font-size: 12pt;}
 .blog_imgAuthor{margin-right: 10px; margin-bottom: 10px;}
 .lblHeadline{font-size: 14pt;}
 .AuthorPortrait{margin-right: 10px; margin-bottom: 10px;}
 .AuthorName{font-size: 14pt; font-weight: bold;}
 .authorImage{margin-right: 10px;}
 .blogEntriesListSeperator{width: 95%; text-align: center;}
 #announcements table a{ font-weight:bold;  font-size:11pt; }
 #announcements .NewsHeadline{font-size: 12pt; font-weight: bold;}
 .ContentListTitle { font-weight:bold;  font-size:11pt; }
 .ContentTitle { font-weight:bold;  font-size:12pt; }
 #table_contractspecs .dataOn {background-color: #ebebeb}
 #table_calendar,
 #table_calendar tr,
 #table_calendar td
{border: solid 1px; text-align: center; padding: 5px; border-color: #cccccc}
 .linkList{list-style: none; margin-left: 0px;}
 .tabGlossary{width: 22px;}
 .rtsTxt{font-size: 8pt;}
 .rtsLI{text-indent: -5px;}



/*********************************************************************************/
/***************************    FORM STYLES    ***********************************/
/*********************************************************************************/
.textBox {position:relative;left:0px;display:inline-block;}
.commentBox  {position:relative;left:11px; top:3px;display:inline-block;}
.label {width:81px;display:inline-block; font-size:13px; color:#737373; padding:0px 0px 0px 10px;}
label {font-size: 13px !important; font-family: Arial !important; color: #6D6E71 !important;}
.submitButton {position:relative; left:160px; top:10px; width:50px; height:21px;}
fieldset {border:none;}
.radioCheck {display:inline-block; font-size:14px; color:#737373; padding:5px 0px 0px 10px;}
.radioCheck td {padding:5px;}
.radioCheck td label {display:inline-block; margin-left:5px;}
#content3 .radioCheck li {list-style-type:none !important;}
dl {margin:0px; padding:0px;}



.bcTHLink {color:#fff;}




#mainWrapper{text-align:center;}
#container{text-align:left;}


#mainNav
{
    z-index:10;
}

.news li {
    list-style:none !important;
}

.news h2 {
    padding:0px 0px 10px 0px !important;
    margin:0px !important;
}

.news .sf_newsTitle {
    font-size:16px !important;
    font-weight:bold !important;
}

.news .sf_newsDate, .sf_readMore, .sf_newsAuthor, .sf_postCategory {
    padding:0px !important;
    margin:0px !important;
}

.event .sf_eventsList {
    padding:0px !important;
    margin:0px !important;
}

.event .sf_eventsList li {
    padding:0px 0px 5px 0px !important;
    margin:0px !important;
    list-style-type:none !important;
}

.event .sf_eventTitle {
    padding:0px 0px 0px 0px !important;
    margin:0px !important;
    font-size:12px !important;
    font-weight:bold !important;
    line-height:normal !important;
    border-bottom:none !important;
}

.event .sf_eventsList li p {
    font-size:11px !important;
    line-height:13px;
}

.event .sf_eventPriod {
    display:none;
}