/* $Id: layout-fixed.css,v 1.17 2009/11/05 12:09:53 johnalbin Exp $ */

/**
 * @file
 * Layout Styling (DIV Positioning)
 *
 * Define CSS classes to create a table-free, 3-column, 2-column, or single
 * column layout depending on whether blocks are enabled in the left or right
 * columns.
 *
 * This layout is based on the Zen Columns layout method.
 *   http://drupal.org/node/201428
 *
 * Only CSS that affects the layout (positioning) of major elements should be
 * listed here.  Such as:
 *   display, position, float, clear, width, height, min-width, min-height
 *   margin, border, padding, overflow
 */


/*
 * Body
 */
body {
}

#page-wrapper {
background:url("../images/pagebg.png") repeat-y scroll center top transparent;
}
#page-wrapper
{
  /*
   * If you want to make the page a fixed width and centered in the viewport,
   * this is the standards-compliant way to do that. See also the ie6.css file
   * for the necessary IE5/IE6quirks hack to center a div.
   */
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
  background:url(../images/pagebg.png) repeat-y;
 -moz-border-radius:10px 10px 10px 10px;
 -khtml-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px 10px 10px 10px;
}

#page {
 margin-left: auto;
  margin-right: auto;
  width: 1000px;
}

/*
 * Header
 */
#header-links{
height:52px;
padding:10px 0 0 0;
width:100%;
background: url("../images/pagebg-top.png") no-repeat scroll center bottom transparent;
background-color:#FFFFFF;
}
/*
* languages
*/
#block-block-26
{
float:left;
position:relative;
margin:0px 0 0 50px;

}
#block-block-26 img
{
margin-left:6px;
}
#header {
background:url("../images/headerbg.png") no-repeat scroll 275px top transparent;
margin-top:-10px;
padding:30px 20px 0 25px; height:98px;
}
/*
 * start trading forex now
*/
#block-block-9{
background:url("../images/start-trading-forex.png") no-repeat scroll right top transparent;
float:right;
height:112px;
margin-right:-4px;
margin-top:-30px;
visibility:visible;
width:380px;
}
#site-slogan h1{
float:left;
font-family:arial,sans-serif;
font-size:22px;
letter-spacing:1px;
margin-top:7px;
text-align:center;
width:180px;
}

#block-block-10{
	float:left;
	width: 930px;
}
#block-block-10 a{ color:#81e1f4;}

#block-block-11{
	background:url("../images/live-chat-tab.png") no-repeat scroll 0 0 transparent;
	float:left;
	height:42px;
	width:948px;
	margin-left: 26px;
}

#block-block-11 .content p{
margin:7px 0 0 0;
}

#header .section {
}

#search-box {
}

.region-header {
  clear: both; /* Clear the logo */
}

/*
 * Main (container for everything else)
 */
#main-wrapper {
  position: relative;
}

#main {
}

/*
 * Content
 */
 
 .node .content {
margin-bottom:30px;
}
 
#content,
.no-sidebars #content {
  float: left; /* LTR */
  width: 1000px;
  margin-left: 0; /* LTR */
  margin-right: -1000px; /* LTR */ /* Negative value of #content's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #content .section. */
}

.sidebar-first #content {
  width: 700px;
  margin-left: 300px; /* LTR */ /* The width of .region-sidebar-first. */
  margin-right: -1000px; /* LTR */ /* Negative value of #content's width + left margin. */
}

.sidebar-second #content {
  width: 700px;
  margin-left: 0; /* LTR */
  margin-right: -700px; /* LTR */ /* Negative value of #content's width + left margin. */
}

.two-sidebars #content {
  width: 560px;
  margin-left: 300px; /* LTR */ /* The width of .region-sidebar-first */
  margin-right: -700px; /* LTR */ /* Negative value of #content's width + left margin. */
}

#content .section {
  margin: 0;
  padding: 0 30px;
}

.front #content-area {
margin: 0 -20px;
padding-right:20px;
background:url("../images/front-content-bg.png") repeat-x scroll center top transparent;
}
.node-teaser{
padding-bottom:15px;
}
/*
 * Navigation
 */
#navigation {
  float: left; /* LTR */
  width: 990px;
  margin-left: 0; /* LTR */
  margin-right: -980px; /* LTR */ /* Negative value of #navigation's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #navigation .section. */
  height: 35px; /* The navigation can have any arbritrary height. We picked one
                    that is the line-height plus 1em: 1.3 + 1 = 2.3
                    Set this to the same value as the margin-top below. */
}

.with-navigation #content,
.with-navigation .region-sidebar-first,
.with-navigation .region-sidebar-second {
  margin-top: 35px; /* Set this to the same value as the navigation height above. */
}

#content-banner{
background:url("images/promobannergivekeyword.png") no-repeat;
float:left;
margin-left:0; width:100%; padding:5px; height:198px;
 }
#content-banner .content
{
width:500px;
margin-left:50px;
}
#content-banner .content h3
{
font-size:14px; padding: 0 0 10px 0;
}
.node-27 #content,
.node-27 .region-sidebar-first,
.node-27 .region-sidebar-second {
  margin-top: 260px; /* override for #content-banner */
}
.node-27 .sidebar-right-upper{
display:none;
}
.node-27 .sidebar-topper{
margin-top:0px;
}
.node-27 #webform-client-form-27{
border:2px solid #045D7E;
margin-top:20px;
padding-bottom:10px;
}
#node-27-footer-disclaimer{
margin-left:auto;
margin-right:auto;
margin-top:-20px;
width:980px;
}
#navigation .section {
background:#222222 url("../images/navbg.png") repeat-x top center;
border-top:5px solid #3DB8D1;
height:30px;
margin-left:10px;
}

#navigation ul /* Primary and secondary links */ {
}

#navigation li /* A simple method to get navigation links to appear in one line. */ {
  float: left; /* LTR */
  padding: 6px 0 0 0; /* LTR */
  height:24px;
}

/*
 * First sidebar
 */
.region-sidebar-first {
  float: left; /* LTR */
  width: 300px;
  margin-left: 0; /* LTR */
  margin-right: -300px; /* LTR */ /* Negative value of .region-sidebar-first's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to .region-sidebar-first .section. */
}

.region-sidebar-first .section {
  margin: 0 20px 0 0; /* LTR */
  padding: 0;
}

/*
 * Second sidebar
 */
.region-sidebar-second {
  float: left; /* LTR */
  width: 300px;
  padding: 0;  /* DO NOT CHANGE. Add padding or margin to .region-sidebar-second .section. */
}
.sidebar-topper{
background:url("../images/sidebar-top.png") no-repeat scroll top center #b9dfe8;
height:10px;
margin:15px 30px 0 0;
}
.region-sidebar-second .section {
background:url("../images/sidebar-bottom.png") no-repeat scroll bottom center #b9dfe8;
margin:0px 30px 20px 0;
padding:10px;
color:#00374B;
overflow:hidden;
}

#block-block-18{
-moz-border-radius:10px 10px 10px 10px;
-khtml-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px 10px 10px 10px;
background-color:white;
padding:7px 10px;
font-size:12px;
}

/*
 * Highlights Region
*/
#highlight-container{
-moz-border-radius-topright:10px;
-moz-border-radius-topleft:10px;
-khtml-border-radius-topleft:10px;
-khtml-border-radius-topright:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
border-top-left-radius:10px;
border-top-right-radius:10px;
background-color:#00374C;
float:left;
margin:-20px;
}

#highlight-inner{
background:url("../images/feature-blocks.png") no-repeat scroll center top transparent;
clear:both;
float:left;
margin-top:0px;
padding:0 20px;
height:280px;
}
#highlight-inner .block{
color:#FEFEFE;
float:left;
font-size:88%;
float:left;
width:30%;
height:247px;
margin-bottom:0;
overflow:hidden;
}
#block-block-3{
padding-right:10px;
width:202px !important;
}
#block-block-1{
width:202px !important;
}
#highlight-inner .block .content{
padding-right:9px;
padding-top:5px;
}
#highlight-inner .block a {
color:white;
font-weight:bold;
}
#block-block-2{
padding-left:20px;
width:506px !important;
}
#block-block-2 h2.title{
font-size:200%;
margin-top:12px;
text-align:center;
}
#block-block-2 ul {
list-style-image:url("../images/right-arrow.png");
font-size:14px;
float:left;
font-size:14px;
margin-top:-27px;
width:44%;
}
/*
 * Content-bottom
 */
 #content-bottom-container{
 -moz-border-radius:10px 10px 10px 10px;
 -khtml-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px 10px 10px 10px;
background:none repeat scroll 0 0 #FFFFFF;
float:left;

width:980px; margin:0 auto;
 }
 
 #content-bottom-first-container{
-moz-border-radius:10px 10px 10px 10px;
-khtml-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
background-color:#FFF;
float:left;
margin:10px 10px 0 10px;
padding:10px 10px 0 10px;
/*width:40%;*/
color:#00374B;
width:100%;
 }
 #content-bottom-first-container .block h2.title,
 .region-sidebar-second .section .block h2.title
 {
font-size:16px;
}
#block-block-6 {
float:left;
width:186px;
margin-bottom:0;
}
#block-block-6 p{
margin:0;
}
#block-block-7{
float:left;
margin-left:8px;
margin-right:8px;
width:183px;
}
#block-block-7 .content{
-moz-border-radius:10px 10px 10px 10px;
-khtml-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px 10px 10px 10px;
background:none repeat scroll 0 0 white;
color:#333333;
font-size:12px;
padding:5px;
}
#block-block-7 p{
margin:3px 0 0 0;
}

#content-bottom-second{
padding-top:5px;
}
#content-bottom-second .views-field-title a{
color:#00374B;
font-size:180%;
font-weight:bold;
text-decoration:none;
}
#content-bottom-first-conatiner-wrapper{
float:left;
width:96%;
}
#big-chat-button{
margin-left:9px;

}
/*
 * Footer
 */
#footer {
background-color:#232323;
margin:0px 10px 0;
overflow:hidden !important;
}

.front #footer{
margin:-20px 10px 0;
}

#footer .section {
}
#footer .block{
float:left;
}
#footer .block h2.title{
color:#3fb8cc;
font-size:14px;
}
#footer .block ul{
padding:0 0 0 0;
margin:3px;
}
#footer .block ul li{
list-style-type:none;
list-style-image:none;
padding:2px 0 0 0;
}
#footer .block ul li a{
font-size:14px;
color:#eee;
text-decoration:none;
}
#footer .block ul li a.active,
#footer .block ul li a:hover{
color:#aaa;
}
#footer .block-menu_block{
padding-right:16px;
padding-top:14px;
}
#block-block-13{
width:268px;
margin-right:20px;
}
#block-block-12{
background:url("../images/footer-bg.png") no-repeat scroll 0 0 #FFFFFF;
font-size:90%;
margin:0 -10px;
padding:20px 30px;
text-align:center;
overflow:visible !important;
clear:both;
}
#block-block-19{
border-top:1px solid #CCCCCC;
float:right !important;
margin-right:20px;
padding:3px 10px 0px 10px;
}
#block-block-19 p{
margin:5px;
}
#block-block-19 a{
color:#EEEEEE;
font-weight:bold;
text-decoration:none;
}

.front #content-bottom-second{
margin-left:32px;
margin-right:8px;
}
#block-block-23{
float:left;
position:relative;
right:5px;
top:12px;
}

/* 
* footer disclaimer
*/
#footer-disclaimer{
margin:0 auto;
width:980px;
}
div.footerpay{float:right;margin-top:0px;padding-left:37px;text-align:right;width:100%;}

/*
 * Closure
 */
.region-page-closure /* See also the #page-wrapper declaration above that this div shares. */ {
}

/*
 * Prevent overflowing content
 */
#header,
#content,
#navigation,
.region-sidebar-first,
.region-sidebar-second,
#footer,
.region-page-closure {
  overflow: visible;
  word-wrap: break-word; /* A very nice CSS3 property */
}

#navigation {
  
}

/*
 * If a div.clearfix doesn't have any content after it and its bottom edge
 * touches the bottom of the viewport, Firefox and Safari will mistakenly
 * place several pixels worth of space between the bottom of the div and the
 * bottom of the viewport. Uncomment this CSS property to fix this.
 * Note: with some over-large content, this property might cause scrollbars
 * to appear on the #page-wrapper div.
 */
/*
#page-wrapper {
  overflow-y: hidden;
}
*/
#content-bottom-second-container{float:left;}
#block-block-30 {float:left!important;margin-left:10px;}
#block-block-39{float:left;padding:0 10px;width:193x;margin:0;}
div.citywrap{width:100%;float:left;color:#fff}
div.statuswrap{
	width:100%;
	float:left;
	color:#44D3EB;
	font-size:24px;
	line-height: 20px;
}
div.statuswrap h3{margin:0;padding:0;font-size:16px;color:#00374B;text-transform:uppercase;}
div.statuswrap1{width:100%;float:left;}
div.statuswrap1 h3{margin:0;padding:0 0 0 0;font-size:1.2em;text-transform:uppercase;}
span.curtitle{color:#990000;font-weight:bold;}
span.cgreen{color:#44D3EB;font-size:13px;}
div.statuswrap1 span.cgreen{color:#00374B;font-size:13px;}
div.statuswrap1 span.cred{color:#00374B;font-size:13px;}
span.cred{color:#44D3EB;font-size:13px;}
div#block-block-4{color:#00374B}
#block-block-16 {
float:left;
padding-top:10px 0 0 0;
width:100%;
}
#webform-component-have_you_had_prior_trading_experience_in_financial_markets div.form-item label{width:33%}
#block-block-37 ul{margin:5px 0!important}
table.tabtext{margin-bottom:5px;}
table.tabtext table{margin:15px;}
.tabtext p{margin:0;padding:0;text-align:center}
.tabheading{color:#fff;}
#block-block-42 h3{font-size:18px;}

#block-block-22 .content .tubepress_thumbs, #block-block-30 .content .tubepress_thumbs {
float:left;
height:auto;
margin-left:-3px;
margin-top:2px;
max-height:288px;
overflow:hidden;
padding:3px 5px 0;
width:135px;
}
#block-block-22 .content .tubepress_thumbs, #block-block-30 .content .tubepress_thumbs {
float:left;
height:auto;
margin-left:-3px;
margin-top:2px;
max-height:288px;
overflow:hidden;
padding:3px 5px 0;
width:135px;
}
#content-bottom-first-container  {
-moz-border-radius:10px 10px 10px 10px;
background:#000;
color:#00374B;
float:left;
margin:0;
padding:10px 10px 10px 0;
width:270px;
}
.tubepress_thumb{ float:left; width:130px; color:#lightblue}
.tubepress_thumb a{ color:#add8e6; font-weight:bold; font-size:12px; }

#block-block-12 {
background:url("../images/footer-bg.png") no-repeat scroll 0 0 #FFFFFF;
clear:both;
font-size:90%;
margin:0 -10px;
overflow:visible !important;
padding:20px 30px;
text-align:center; font-size:14px; 
}
.rtecenter{ text-align:center; margin:10px 0 10px; width:100%;}

.form_element select, .form_element input .text_3{
border:1px solid #AAAAAA;
padding:0 2px; font-family:Helvetica, sans-serif
width:170px;
}
.form_item input{
border:1px solid #AAAAAA;
padding:0 2px; font-family:Helvetica, sans-serif
width:180px;
}
.form_item textarea{
border:1px solid #AAAAAA;
padding:0 2px; font-family:Helvetica, sans-serif
width:200px;
}

.form_element label{
	

display:block;
float:left;
font-size:12px;
font-weight:bold;
margin-right:20px;
text-align:right;
}

.node-27 #webform-client-form-27 {
border:2px solid #045D7E;
margin-top:20px;
padding-bottom:10px;
}