﻿/* ------------------ reset ---------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; font-family:Arial, Tahoma;}
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
a { outline: 0; }

/* ------------------ common ---------------------*/

.clear{clear:both;}
.fleft{float:left;}
.fright{float:right;}
.tright {text-align:right;}
.tleft {text-align:left;}

.ErrorText {
    background:#FFFFCC url(../Images/warning.gif) no-repeat scroll 10px 10px;
    border-bottom:1px solid #999999;
    border-top:1px solid #999999;
    color:#990000;
    display:block;
    font-size:0.8em;
    line-height:17px;
    padding:10px 10px 10px 35px;
    width:550px;
    margin-bottom: 20px;
}
.ErrorText ul { padding: 12px 0 0 15px;  list-style: disc;}

/* ------------------ header ---------------------*/
#header {width:985px;}

/* ------------------ content ---------------------*/
#content{width:985px; padding: 20px 0 0 0;}
#content_left{width:670px; float:left; padding-left:35px;}
#content_full{width:950px; float:left; padding-left:35px; }
#content_right{width:250px; float:right;}
.border-left{border:1px solid #5f5f5f; border-right:0;}
.border-right{border:1px solid #5f5f5f; border-left:0;}
.border-middle{border:1px solid #5f5f5f; border-right:0; border-left:0;}
#nav span{font-size:11px; display:block; float:left; padding: 2px 20px; text-decoration:none; color:Black; font-weight:bold;}
#nav span.current{background:#d7d7d7;}
#print {text-align:right;}
#print .black {color:#000; font-weight:bold; font-size:12px;}
#account-details{margin-top: 12px;}
h2 {background:#767475; font-size:14px; color:#fff; font-weight:bold; text-indent: 12px; padding: 3px 0; width:670px;}

.input_form {width: 522px; margin-top: 20px; padding:0 12px;}
.larger {width:658px;}
.input_form label {font-size:11px; font-weight:bold; color:#4e4e4e; width:230px; text-align:left;}
.input_form input {width: 230px; padding: 3px 0;}
.input_form select {width: 230px; padding: 3px 0;}
.input_form input#refYes, .input_form input#refNo, .input_form #md_flag, .input_form #address_flag, .input_form #agree_flag, #AFSLicense {width:15px;}
.input_form .title_left {font-size:13px; color:#2d8bc8; font-weight:bold;}
.input_form .title_right {font-size:12px; color:#2d8bc8; text-align:right;}
.input_form .review_lbl {width: 350px; font-size:12px;}

#refYes_0, #refYes_1{width:25px;}
#refYes label {padding-right:20px;}

#rdoGender_0, #rdoGender_1{width:25px;}
#rdoGender label {padding-right:20px;}
#rdoGender {text-align:left !important; width:230px; }

#rdoRisk_0, #rdoRisk_1{width:25px;}
#rdoRisk label {padding-right:20px;}

#rdoPossibility_0, #rdoPossibility_1{width:25px;}
#rdoPossibility label {padding-right:20px;}

#rdoMargin_0, #rdoMargin_1{width:25px;}
#rdoMargin label {padding-right:20px;}
.lblLink {text-decoration:underline;}
#riskBox, #marginBox, #possibilityBox {padding:7px; font-size:12px; font-weight:normal; background:#ccc;}

.confirmation_left {width:316px; background: url(images/one.jpg) no-repeat; border-right:1px solid #ccc; text-align:left; float:left; padding-right:10px; margin-right:10px;}
.confirmation_left .inner {padding-left:50px; }
.confirmation_right {width:316px; background: url(images/two.jpg) no-repeat; text-align:left; float:left;}
.confirmation_right .inner {padding-left:50px; }
.confirmation_left h2, .confirmation_right h2 {background:none; color:#0776be; font-weight:bold; padding:0; margin: 0; padding-top:10px; text-indent: 0;}

.confirmation_one { background: url(images/deposit.jpg) no-repeat; text-align:left; width:311px; float:left; margin-right:2px;}
.confirmation_one .inner {padding-left:50px; }
.confirmation_one h2, .confirmation_two h2 , .confirmation_three h2{background:none; color:#0776be; font-weight:bold; padding:0; margin: 0; padding-top:10px; text-indent: 0;}

.confirmation_two { background: url(images/confirm.jpg) no-repeat; text-align:left; width:292px; float:left; margin-right:2px;}
.confirmation_two .inner {padding-left:50px; }


.confirmation_three { background: url(images/trade.jpg) no-repeat; text-align:left; width:290px; float:left;}
.confirmation_three .inner {padding-left:50px; }

/* ------------------ footer ---------------------*/
#footer {width:985px; color:#797979; font-size:11px; padding: 4px; text-indent: 15px; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;}
#footer_disclaimer { width:985px; color: #000; font-size: 11px; text-align: left;   padding-top: 15px; padding-bottom: 0px; background-color: White; }
a.footer_disclaimer { color: #4682b4; font-size: 10px; text-decoration: underline; font-weight: normal; }
a.footer_disclaimer:hover { color: #4682b4; font-size: 10px; text-decoration: none; font-weight: normal; }

