﻿/* Overview page styles */
.p_Container { border:1px solid #1682af; margin:5px 0; /*For Firefox 3 and Webkit*/-moz-border-radius: 3px;  -webkit-border-radius: 3px;}
.p_Header {background: url(../../images/en-us/IntAccount/header_fill.png) top left repeat-x; height:72px; border-bottom:1px solid #1682af;}
.p_Header img.leftedge {float:left;}
.p_Header img.rightpic {float:right; margin:-56px 0 0 103px;}
.p_Header h1 {font-size:26px; color:#fff; padding:5px 0 5px 10px; float:left; width:970px;}
.p_Header span {font-size:12px; color:#fff; padding:0 0 0 15px; display:block;}
.p_Body {background:#e9edee url(../../images/en-us/IntAccount/corner_logo.jpg) bottom right no-repeat; overflow:hidden;}
.p_Body h3 {font-size:14px; padding:10px 0 10px 20px;}
.p_Body p {clear:left; padding:20px 0 5px 30px;}

	/* International Account page */
#intContainer {margin:10px 18px; padding:0; float:left;}
#intContainer h1 {color:#363636; margin:0;}
#intContainer h3 {font-size:14px;}
#intContainer h4 a {font-size:12px; margin:15px 0 0 15px; display:block;}
#intContainer a {font-size:12px;}
#intContainer p {width:770px; font-size:12px;}
#intContainer p.disclaimer {font-size:10px; color:#363636; margin:5px 0 0 10px;}
	/* International Account navigation */
#intContainer ul#topReasons {list-style:none; margin:0; padding:0; float:left; width:315px;}
#intContainer ul#topReasons li {margin:5px 0 0 0; padding:0 0 5px 0; width:315px; display:inline; }
#intContainer ul#topReasons li a {font-size:14px; color:black;  margin:5px 0; padding:10px 3px; width:315px;  height:15px; background:#fff url(../../images/en-us/IntAccount/bg_bt-gray.jpg) repeat-x scroll center top; border:1px solid #c9ccd0; display:block;}
#intContainer ul#topReasons li a:hover {color:white; font-weight:bold; padding:10px 3px; background:#306caf url(../../images/en-us/IntAccount/bg_bt-blue.jpg) repeat-x scroll center top;}
#intContainer ul#topReasons li a.selected {margin-left:4px; color:Black; font-weight:bold; padding:10px 4px; background:#fff url(../../images/en-us/IntAccount/bg_bt-white.jpg) repeat-x scroll center top; border-right:1px solid #fff; outline-style:none;}
#intContainer ul#topReasons li a.selected:hover {background-color:#306caf;}
	/* Reasons Container */
#reasonsContainer {border:1px solid #c9ccd0; float:right; width:620px; height:2900px; margin:5px 0 0 11px; background: transparent url(../../images/en-us/IntAccount/bg_bt-white.jpg) repeat-x scroll center top; 
                   /*For Firefox 3 and Webkit*/-moz-border-radius: 3px;  -webkit-border-radius: 3px;}
#reasonsContainer h2 {color:#363636; padding:10px 0 5px 20px; font-size:16px; width:450px;}
#reasonsContainer p {width:570px; padding:10px 0 5px 20px; line-height:18px;}
#reasonsContainer p.loader {margin:50px 250px; width:135px;}
#reasonsContainer ul {list-style:square; margin:10px 0 0 30px;}
#reasonsContainer ul li {margin:5px;}

	/* Open button */
#whyOpenBtn { background:url(../../Images/en-us/IntAccount/open_account.gif) no-repeat; width:214px; height:48px; margin:25px 0 0 50px; float:left;}  

	/* Why SogoTrade navigation for IE6 Only */
*html #intContainer ul#topReasons {width:315px;}
*html #intContainer ul#topReasons li {width:315px;}
*html #intContainer ul#topReasons li a {width:315px; border:1px solid #c9ccd0; background:#fff url(../../images/en-us/IntAccount/bg_bt-gray.jpg) repeat-x scroll center top;}
*html #intContainer ul#topReasons li a.selected { width:3150px; border:1px solid #c9ccd0; background:#fff url(../../images/en-us/IntAccount/bg_bt-white.jpg) repeat-x scroll center top;}
*hrml #reasonsContainer {width:680px; height:750px;}
*html #reasonsContainer ul.customerService {margin:0;}

/* Forms page */
#formPDFIcon { background:url(../../Images/Icons/getacro.gif) no-repeat; width:112px; height:33px; margin:3px 10px 0px 0px; float:left;}
#formPDFText { width:310px; font-size:11px; font-weight:normal; color:#666; margin-left:10px; float:left;}



#accountContainer {margin:5px 0 0 0; padding:0px; clear:left;}
#accountContainer h4 {font-size:14px; text-align:center;}


/* 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 #666;}
.innerBorder input {float:left; margin:5px; border:1px solid #666;}


/* 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; border-bottom:1px dotted #cacaca; line-height:22px; padding:0 3px; width:100%; clear:left;}
.dataContent tr td {border-bottom:1px dotted #cacaca; line-height:22px; padding-left:1px;}
.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;}
