/* ------------------------------------------------------------
                               Common Layout
------------------------------------------------------------ */


/********** Common Rules */ 
body {margin: 0;padding: 0;}

a {text-decoration: none;}
a:hover {text-decoration: underline;}
a[disabled] {cursor: default;color: GrayText;}
a:hover[disabled] {text-decoration: none;color: GrayText;}

h1 {margin: 10px 0;}
h2 {margin: 10px 0;}
h3 {margin: 10px 0;}

p {margin-bottom: 10px;}


/********** Alignment */
.Left {text-align: left;}
.Right {text-align: right;}
.Center {text-align: center;}
.Justify {text-align: justify;}

.DepthBuy {padding-left: 125px;}
.DepthSell {padding-right: 125px;}
.DepthBuyUnits {padding-left: 65px;}
.DepthSellUnits {padding-right: 65px;}
 
.FloatLeft {float:left;}
.FloatRight {float:right;}


/********** Display */
.DisplayNone {display:none;}


/********** List */
.None {list-style-type: none;}
.Circle {list-style-type: circle;}
.LowerAlpha {list-style-type: lower-alpha;}
.LowerRoman {list-style-type: lower-roman;}
.Decimal {list-style-type: decimal;}
ul.Arrow {padding: 0;list-style-type: none; margin: 0 10px 10px 10px;}
.Arrow li {margin: 0;padding: 0 13px;list-style-type: none;background: url(../images/bullets/bullet-arrow.png) 0 4px no-repeat;}
div.BoxedWidget .Arrow li {padding-bottom: 5px;}


/********** ClearFix */
.clearfix {display: inline-block;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.Clear {clear:both;}


/********** MasterPage */
#Body {width: 969px;margin: 0;width: auto; background: url(../images/backgrounds/bg-body.png) center top repeat-y;}

#Header {width: 969px;height: 90px;margin: 0 auto; padding: 0 5px 0 5px;}
#Header #Logo {float: left;}
#Header #Logo a {display: block;text-decoration: none;background: url(../images/logos/logo-header.png) no-repeat;}

#ContentContainer {clear: both; min-height: 600px; background: url(../images/backgrounds/bg-body-header.png) no-repeat center top; width: 100%;}
#Content {width: 969px; margin: 0 auto; padding: 10px 5px 0 5px;}
#ContentLeft {float: left;width: 160px;overflow: visible;padding: 0 20px 0 0;}
#ContentMain {float: left;width: 789px; padding: 0 0 0 0;overflow: visible;}
#ContentMainBlank {float: left; overflow: visible;}
#ContentContainerFooter {background: url(../images/backgrounds/bg-body-footer.png) no-repeat center top; height: 146px;} 

#FooterContainer {clear:both;background: #e2e2e2 url(../images/backgrounds/bg-footer.png) repeat-x; height: 146px}
#Footer {clear: both;width: 969px;margin: 0 auto;padding: 10px 5px 0 5px;}
#Footer a {padding-left: 10px;}
#Footer span.Spacer {padding-left: 10px;}
#Footer .FloatRight {text-align: right; background: url(../images/backgrounds/bg-footer-line.png) repeat-x 0 42px;}


/* ------------------------------------------------------------
                               Common Controls
------------------------------------------------------------ */

/********** Panel */
.TextPanel {margin-bottom: 10px; clear: both; width:100%;}
.DisclaimerPanel {margin-bottom: 10px; clear: both; width:100%;} 


/********** Information Panel */
div.InfoPnl {width: 549px; padding: 10px; margin-bottom: 10px; background: transparent url(../images/backgrounds/bg-panel-validation.png) repeat-x;}
#ContentMainBlank div.InfoPnl {width:974px;}
div.InfoPnl div.ImgPnl {float: left; width: 35px}
div.InfoPnl div.ImgPnl Img {height: 25px; width: 25px;}
div.InfoPnl div.ContentPnl {float: left; width: 700px;}


/* ------------------------------------------------------------
                                BRAND = Core
------------------------------------------------------------ */

/********** Common Rules */ 
body {font-size: 100%; font-family: Arial, Verdana, Helvetica, Sans-Serif; color: #4c4c4c/*text-body*/; background-color: #fff/*background-body*/;} 

h1, h2, h3, h4, h5, h6 {color: #3d3d3d/*text-heading*/;}

h1 {font-size: 2em/*24px*/; line-height: 0.83em/*20px*/;}
h2 {font-size: 1.5em/*18px*/; line-height: 1.0em/*18px*/;}
h3 {font-size: 1.17em/*14px*/; line-height: 1.0em/*14px*/;}
h4 {font-size: 1em/*12px*/; line-height: 1.0em/*12px*/;}

a {color: #0085cf/*link-body*/;}
a:hover {color: #0085cf/*link:hover-body*/;}


/********** MasterPage */
#Body, .OutsideBody {font-size: .75em/*12px*/;} /*.OutsideBody is for controls rendered outside of the #Body div (eg security search dialog) */
#HeaderContainer, #Header {background: #000/*background-header*/;}
#Footer {font-size: .83em/*10px*/; color: #4c4c4c/*text-footer*/;}


/********** Homepage */
div#HomePageWrap {font-size: .92em/*11px;*/}
div#HomePageWrap h3, div#HomePageWrap table.Widget caption {font-size: 1.09em/*12px;*/}
ul.HomePanel li h2 {border-bottom: 1px solid #d1d1d1/*border*/; font-size: 1.17em/*14px;*/}


/* ------------------------------------------------------------
                                BRAND = Offline
------------------------------------------------------------ */

div#Offline {float:left; width:100%;}
div#Offline div.Image {float:left; width:114px; background: url(../images/icons/icon-offline.png) no-repeat 0 0; height: 200px;}
div#Offline div.Content {float:left;}
div#Offline iframe { height:800px; width:850px; border:0;}