/* =========================== GLOBALS ============================= */
.clearfix:after { content:"."; display:block; height:0em; clear:both; visibility:hidden; }

hr           { height: 1px;}

body {
	padding:0 20px;
	margin: 0px;
	background-color: #003366;
	height:100%;
	width:100%;
	font-family: Arial;
	font-size: 12px;
}

body.contentholder {
	padding:0;
	margin:0;
	background-color: #ffffff;
	height:100%;
	width:100%;
	font-family: Arial;
	font-size: 12px;
}

img { border:none; }
a { color: #8A8A48; }
a:hover { text-decoration: none; }
.a_bold { font-weight: bold; }

form { margin: 0; padding: 0; }

/* ======================== Main Classes ========================== */

div#mainContentBox { margin: auto; width: 1035px; height: 100%; padding: 0px; background-color: #ffffff; }

div#header {
	height: 95px;
	width: 1035px;
	background-color: #b7b774;
	padding:0px;
	margin:0px;
}

div#header img { float: left; background-color:#fff; }
div#header .bannerHolder {float:right;}

div#loginBox {
	position: absolute;
	padding-top: 10px;
	height: 20px;
	color: #b7b774;
	padding-left: 8px;
	width: 600px;
}

div.mainContentTop {
	padding-top:10px;
	padding-right: 20px;
	height: 20px;
	color: #b7b774;
	text-align: center;
}

div.mainLayout { width: 1035px;  background-color:#fff; }
div.mainLayout div.leftColumn,
div.mainLayout div.contentColumn,
div.mainLayout div#rightColumn { float: left; }

div.mainLayout div.leftColumn { width: 160px; padding-bottom: 20px; }
div.mainLayout div.contentColumn { width: 565px; padding-bottom: 20px; }
div.mainLayout div#rightColumn { width: 300px; padding: 0; margin:0; padding-bottom: 10px; margin-right: 10px; }
div.mainLayout div#rightColumn div.rightColumnTop { width:300px; height:15px; padding-top:1px; font-size: 11px; text-align: center;}
div.mainLayout div#rightColumn p { margin-top: 0px; margin-bottom: 8px; line-height: 11px }
div.mainLayout div.contentColumn h1 { margin-top: 0px; margin-bottom: 0px; margin-left: 20px; }
div.mainLayout div.contentColumn h2 { margin-top: 0px; margin-bottom: 5px; margin-left: 20px; }
div.mainLayout div.contentColumn p { margin-right: 45px; }

div#rightColumn iframe#rightIframe { padding-left: 0px; padding-right: 0px; margin-top:5px; }

div.textContentBox { margin-left: 10px; margin-right: 10px; padding-top: 30px; }
div.textContentBox h1,
div.textContentBox h2 { font-family: Verdana; color: #1F4C79; font-size: 12px; font-weight: bold; margin-left: 0px !important; }
div.textContentBox h1 em { font-style: normal; color: #2d2d2d; font-size: 12px; }
div.textContentBox h1.bottomMargin { margin-bottom: 10px !important; }

div.textContentBox_Wizard { margin-left: 10px; margin-right: 10px; padding-top: 10px; }
div.textContentBox_Wizard h1,
div.textContentBox_Wizard h2 { font-family: Verdana; color: #1F4C79; font-size: 12px; font-weight: bold; margin-left: 0px !important; }
div.textContentBox_Wizard h1 em { font-style: normal; color: #2d2d2d; font-size: 12px; }
div.textContentBox_Wizard h1.bottomMargin { margin-bottom: 10px !important; }

div.textContentBox div.changePass
{
	background: url("../images/change_pass.gif") no-repeat 0px 0px;
	width:122px; height:31px;
}
div.textContentBox div.subscriptionInfo
{
	background: url("../images/subscription_info.gif") no-repeat 0px 0px;
	width:114px; height:31px;
}

div.textContentBox p { margin: 0 0 14px 0px; }
div.textContentBox img { margin: 5px; }
div.textContentBox #textContentBoxExample p { margin: 0 0 0px 0px; }
div.textContentBox #textContentBoxExample img { margin: 0px; }
div.textContentBox ul { margin: 0 40px 0 10px; padding: 0; }
div.textContentBox ul li { list-style: none; background: url("../images/arrow.gif") no-repeat 0px 5px; margin: 0 0 14px 0; padding: 0 0 0 10px; }

body.contentHolder div.textContentBox {padding-top: 6px; }

.m_menu {
	padding-top: 29px;
	width: 160px;
	font-size: 11px;
	font-weight: normal;
	color: #003366;
	background: url("../images/vline.gif") no-repeat 158px 40px; 
}
	
.menu_item {
	width: 150px;
	height: 20px;
	background-image: url("../images/nav_bg.gif");
	background-repeat:repeat-y;
	margin-top: 1px;
	padding-top: 5px;
	padding-bottom: 2px;
}

.menu_item a {
	display: block;
	padding-left: 13px;
}

.menu_item a.active {
	background: url(../images/menu_marker.gif) no-repeat 4px 4px;
}

.menu_item a:link,
.menu_item a:visited,
.menu_item a:hover
{
    color: #191970;
    text-decoration: none; 
}

.menu_item a:hover {
	text-decoration: underline;
}

.menu_subitem {
	margin-top: -4px;
	width: 150px;
	background-image: url(../images/nav_bg.gif);
	background-repeat:repeat-y;
	padding-top: 0px;
	padding-bottom: 7px;
	font-size: 10px;
	line-height: 14px;
}

.menu_subitem a {
	display: block;
	padding-left: 23px;
}

.menu_subitem a.active {
	background: url(../images/submenu_marker.gif) no-repeat 16px 5px;
}

.menu_subitem a:link,
.menu_subitem a:visited,
.menu_subitem a:hover
{
    color: #1e90ff;
    text-decoration: none; 
}

.feedback {
	margin-top: 0px;
	height: 37px;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}

.menu_line {
	margin-top: -370px; 
	margin-left: 152px;
}

.main_content {
	width:550px;
	height: 100%;
	font-family: Arial;
	font-size:11pt;
	font-weight: normal;
	padding:5px;
	}
.main_content P {
	margin-top:5px;
	padding-left:5px;
	}

div#footer {
	border-top: 3px solid #b7b774;
	background-color: #e9e9e9;
	padding:0;
	margin:0;
	font-size:11px;
	font-family: Arial;
	text-align: center;
	height: 123px;
}

div#footer p {
	width: 716px;
	margin: 0 150px 12px 150px;
	text-align:justify;
}

div#contentarea {
	position: relative;
	width: 560px;
	height: 1px;
	margin: 0 0 0 10px;
	padding: 0;
}
div#historyarea {
	position: relative;
	width: 840px;
	height: 1200px;
	margin: 24px 0px 20px 0px;
	padding: 0;
	display:none;
}

/* Dialogs */

input#title
{
	position:absolute;
	left:10px;
	top:4px;
	width:240px;
}
input#dialogAdd
{
	position:absolute;
	top:38px;
	left:180px;
	width:50px;
}

select#selectSize
{
	position:absolute;
	top: 40px;
	left: 10px;
	width:160px;
}

select#selectContent
{
	position:absolute;
	top: 40px;
	left: 10px;
	width:150px;
}

div#unregDlgContent {
	height: 125px;
/*	width: 360px;*/
	padding: 30px 20px 0 20px;
}

div#upgradeDlgContent {
	height: 125px;
/*	width: 360px;*/
	padding: 30px 20px 0 20px;
}

div.DlgButtonsBox {
	height: 45px;
	padding-right: 40px;
}
div.DlgButtonsBox a {
	float: right;
	display: block;
	height: 24px;
	width: 75px;
	margin-left: 24px;
	overflow: hidden;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: top left;
}
div.DlgButtonsBox a.unregDlgSignUp {  background-image: url("../images/dialog_sign_up.gif"); }
div.DlgButtonsBox a.unregDlgSignIn { width: 111px; background-image: url("../images/dialog_returning_user.gif"); }
div.DlgButtonsBox a.unregDlgLater { background-image: url("../images/dialog_later.gif"); }

div.DlgButtonsBox a.upgradeDlgUpgrade { background-image: url("../images/dialog_upgrade.gif"); }
div.DlgButtonsBox a.upgradeDlgLater { background-image: url("../images/dialog_later.gif"); }

/* ======================== Feedback ========================== */
div#feedbackDialogBox {
	position: absolute;
	width: 314px;
	height: 325px;
	z-index: 200;
	font-family:Arial;
	color:#FFFFFF;
}
div.feedbackContentBg
{
	background: url("../images/feedback_box.png") no-repeat top left; 
	width:314px;
	height:205px;
}
div#feedbackContentBox
{
	position:absolute; top:10px; left:14px;
}
div#feedbackContentBox p
{
	margin: 5px 2px 2px 2px;
	padding:0;	
}
div#feedbackContentBox div#feedbackButtonsBox
{
	width:270px;
	height:52px;
	margin:0;
	padding:0;
}
div#feedbackContentBox textarea#feedbackComment
{
	width:270px;
	height:70px;
	max-height:70px;
	max-width:270px;
}
div#feedbackContentBox input#feedbackEmail
{
	width:270px;
}
div#feedbackButtonsBox a
{
	float:right;
	width:52px;
	height:18px;
	display:block;
	margin-left:12px;
	margin-top:8px;
}

/* ======================== Forms ========================== */

div#feedbackButtonsBox a#feedbackClose
{
	background: url("../images/feedback_cancel_button.gif") no-repeat top left; 
}

div#feedbackButtonsBox a#feedbackSend
{	
	background: url("../images/feedback_send_button.gif") no-repeat top left; 
}


div.fixedWidth { width: 800px; }

dl.formBox { margin-top: 10px; margin-left: 0px; }
dl.formBox dt { float: left; display: block; width: 120px; font-size: 12px; padding-top: 2px; }
dl.formBox dt.shortLable { width: 80px; }
dl.formBox dd { margin-bottom: 3px; }

dl.formBox dd.filedBoxEmail input { border: 1px solid #969696; font-size: 12px; height: 16px; padding: 1px 2px 1px 2px; width: 200px; }
dl.formBox dd.filedBoxPassword input { border: 1px solid #969696; font-size: 12px; height: 16px; padding: 1px 2px 1px 2px; width: 100px; }
dl.formBox dd.filedBox input { border: 1px solid #969696; font-size: 12px; height: 16px; padding: 1px 2px 1px 2px; width: 200px; }

span.errorMessage { color: #FF0000; display: block; margin-left: 0px; }
span.rememberBox { display: block; margin-left: 80px; margin-top: 6px; margin-bottom: 6px; }
span.loginBox { display: block; margin-left: 80px; margin-top: 4px; margin-bottom: 4px; }

input.registerCreateUserButton,
input.registerCancelButton,
p.registerContinueButton input,
span.loginBox input { border: 1px solid #809cc8; background-color: #225098; color: #FFFFFF; font-size: 12px; font-weight: normal; padding: 0px 4px 2px 4px; }

input.registerCreateUserButton { position: relative; width: 90px; float: left; margin-left: 144px; }
input.registerCancelButton { position: relative; left: -130px; width: 80px; }

div.formBox .inputText {position: relative; left:0px;  display:inline; border: 1px solid #969696; font-size: 12px; height: 16px; width: 150px; }
div.formBox .inputPassword { position: relative; left:0px; display:inline; border: 1px solid #969696; font-size: 12px; height: 16px; width: 100px; }
div.formBox select {position: relative; left:0px; display:inline; width:153px; }
div.formBox label {position: relative; left:0px; display:inline; width:120px; vertical-align:middle; }

div.formBox div.row {float:left; display:block; width:100%; height:22px; }

span.w120 { display:inline-block; width:120px; height:16px; top:6px; margin-left:10px;}
span.w150 { display:inline-block; width:150px; height:16px; top:6px; margin-left:10px;}
span.newline { display: block; z-index:0; margin-left: 130px;}

input.Email, 
input.Address {width:200px !important;}
input.State {width:100px !important;}

select.Country {width:260px !important;}
div.Country {height:24px !important; }

div.rule 
{
	clear:both; 
	position:relative; 
    display:block; 
    width:100%;
    
/*    width:550px !important; */
    height:20px; 
/*    margin-left: 100px; */
    background: url(../images/rule.gif) no-repeat 100px 0px;  
}

div.trading 
{
	display:block;
	margin-left:130px;
	margin-bottom:2px;
	padding:2px;
	width:290px;
	height:100px;
	border: solid 2px #08c;
}
div.trading label, 
div.trading input,
.SubscriptionType label,
.SubscriptionType input
 {vertical-align:middle; }                              

div.trading div.tradingRadio { display:block; margin:7px 0 6px 50px; }
div.trading div.tradingRadio input { margin-left:10px;}
div.trading span {display:inline;}

div.subsTypeRadio { display:inline; }
div.subsTypeRadio input { margin-left:10px;}

div.trading div.tradingCheck {margin-left:80px; }
div.trading div.tradingCheck div {height:16px; }

div.CreateAccount input {margin-left:130px; margin-top:5px; border: 1px solid #809cc8; background-color: #225098; color: #FFFFFF; font-size: 12px; font-weight: normal; padding: 0px 4px 2px 4px; }
div.CreateAccount span {margin-left:10px; margin-top:4px;}
/* ======================= Headers =================== */

h2.myFinancials { overflow: hidden; text-indent: -9999px; }
h2.myFinancials { width: 82px; height: 21px; background: url("../images/headers/myfinancials.gif") no-repeat top left; }

.CurrentReleaseList_Header
    {
     margin-top: 10px;
     font-family: Verdana; 
     color: #1F4C79; 
     font-size: 13px; 
     font-weight: bold; 
     margin-left: 0px !important;     
    }


.CurrentReleaseList_Text
    {
        font-weight:bold;
        text-align:left; 
    }