/** aMember-specific styles here */

/* properties for entire page and text inside tables */
body, th, td {
    font-family: Verdana, "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
    font-size: 0.9em;
}
/* properties for all input elements */
input, textarea {
    font-family: Verdana, "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
    font-size: 0.9em;
}
hr { 
    background-color: #4479BE;
    border: 0;
    width: 100%;
    height: 1px;
}
a { color:#1f508f; }
a:hover { text-decoration:none; }

.small { font-size: x-small; font-weight: normal; }
.powered, .powered a { font-size: x-small; color: #808080; margin: 0.5em 0em 0.5em 0em; }
strong, .strong { font-weight: bold; }
.text_disabled { color: ButtonFace; } 

/* properties for headers */
h1,h2,h3 {
    color: #707070;
    font-weight: bold;
}

h1,h2 {
    text-align: center;
    margin: 0.5em 0.5em 0.5em 0.5em;
}

h3 { margin: 1.5em 0 0.5em 0; }

h1 { font-size: 140%; }
h2 { font-size: 130%; }
h3 { font-size: 120%; }

/* other elements */
div.centered { text-align: center; }
div.centered table {
    margin: 0 auto; 
    text-align: left;
}
ul,ol { margin-left: 2em;}
.code { font-family: "Courier New", Monospace; font-size: 120%; color: blue; } 

/* vedit - vertical table (signup, profile edit) */
.vedit {
    border: solid 1px #8CACBB;
}
/* vedit - usual column (right) */
.vedit td {
    text-align: left;
    vertical-align: middle;
    padding: 15px 10px 10px 10px;

    background-color: white;
    border: solid 1px #8CACBB;
}
/* vedit - header column (left) */
.vedit th {
    padding: 10px 15px 10px 10px;
    text-align: right;
    vertical-align: middle;
    font-weight: bold;

    background-color: #DEE7EC;
    border: solid 1px #8CACBB;
}
/* vedit - heading row */
.vedit .headrow { font-weight: bold; text-align: center; }


/* hedit - horizontal table (payments list) */
.hedit {
    border: solid 1px #8CACBB;
}
/* hedit - usual column */
.hedit td {
    padding: 5px;
    background-color: #E0E0E0;
    font-size: 8pt;
    background-color: white;
    border: solid 1px #8CACBB;
}
/* hedit - header column */
.hedit th {
    padding: 5px;
    font-weight: bold;
    text-align: center;

    background-color: #DEE7EC;
    border: solid 1px #8CACBB;
}

table.errmsg
{
    font-family: Helvetica, Verdana, sans-serif;
    font-size: 90%;
    background-color: red;
    border: #cc0000 1px solid;
    margin: 5px 0px 5px 0px;
}
table.errmsg td
{
    padding: 5px 50px 5px 5px;
    font-weight: bold;
}
table.errmsg td li
{
    list-style: square;
}

/* Receipt table from thanks.html */
.receipt td {
    background-color: #F0F0F0;
    border: solid 1px black;
    padding: 2px 4px 2px 4px;
}
.receipt th {
    background-color: #C0C0C0;
    border: solid 1px black;
    font-weight: bold;
    padding: 2px 4px 2px 4px;
}
.receipt td.total {
    background-color: #C0C0C0;
    border: solid 1px black;
}
.receipt {
    border-collapse: collapse;
}

/* Newsletters table on member.php */
.newsletters div {
    padding: 5px;
    margin: 5px;
}
.newsletters div.disabled {
    color: #505050;
}

.newsletters .small {padding-left:1em;}


/* Error message label on signup page */
label.error {
    padding-left: 3px;
	color: red;
	font-style: italic;
	font-weight: normal;
}
input.error {
    border: 2px solid red;
}

.menu-tabs {
    text-align:left;
    margin-bottom:1.5em;
    padding:0em;
    background:#eee; 
}
    .menu-tabs > ul {
        margin:0;
        padding:0;
        border-bottom:1px solid #8CACBB;
        list-style-type:none;
    }

    .menu-tabs > ul li {
        float:left;
        margin:0;
        padding:0 0.4em;
        list-style: none;
    }
    
    .menu-tabs > ul li.last {
        clear:both;
        float:none
    }

    .menu-tabs a {
        color: black;
        font-weight:normal;
        font-size:9pt;
        display: block;
        padding: 5px 5px 7px;
        white-space: nowrap;
    }
    
    .menu-tabs a.expandable {
        padding-right: 20px;
    }
    
    .menu-tabs > ul li.active a {
        color:#1f508f;
    }

    .menu-tabs div.tab {
        
        position: relative;
        
        background:#DEE7EC;
        border: 1px solid #8CACBB;
        margin-top:5px;
        margin-bottom:-1px;
        z-index:5;
    }

    .menu-tabs > ul li.active div.tab {
        border-bottom-color:white;
        background:white;
    }

    .menu-tabs div.arrow {
        width: 7px;
        height: 5px;
        overflow: hidden;
        float: right;
        margin: 8px;
        background:url('./arrow.png') no-repeat left;
    }

    .menu-tabs > ul li.active div.arrow {
        background:url('./arrow.png') no-repeat right;
    }

    .menu-tabs > ul li:hover div.tab {
        background:white;
        border-bottom-color:white;
    }

    .menu-tabs > ul li:hover div.submenu {
        display:block
    }

    .menu-tabs div.submenu {
        display:none;
        position:absolute;
        border:1px solid #8CACBB;
        background: white;
        padding:0;
    }

    .menu-tabs div.submenu ul {
        margin:0;
        padding:0;
    }

    .menu-tabs div.submenu li {
        display: list-item;
        float: none;
        list-style: none;
        padding: 0;
    }

    .menu-tabs div.submenu li a {
        border: none;
        padding: 5px;
        margin: 0;
        display: block;
        background: #DEE7EC;
    }

    .menu-tabs div.submenu li a:hover {
        background: white;
    }


div.backend-wrapper {
    width: 830px;
    display: inline-block;
    text-align:left
}



* {

margin: 0px;

padding: 0px;

}



body {

font: normal 12px/18px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;

color: #374454;

background: #e2dfd0;

}



p {
font: normal 12px/18px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
color: #374454;
}

h1 {
color: #374454;
font: bold 14px/18px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
margin: 0 0 10px 0;
}

img {
border: 0px;
}

a {
color: #880101;
text-decoration: underline;
}

a:hover {
color: #880101;
text-decoration: none;

}



/* =================================== Top (Logo, Search and Client Login) =================================== */



#wrapper {

margin: 0 auto;

width: 968px;

}



#logo a {

float: left;

width: 300px;

height: 60px;

margin: 25px 0 0 0;

background: url("http://www.ratiotrading.com/wp-content/themes/ratiotrading/images/logo.jpg") no-repeat;

}



#search {

float: right;

width: 290px;

height: 38px;

background: #e6e4d7;

border: 1px solid #edebe1;

padding: 5px;

margin: 25px 0 0 0;

}



#search_field {

float: left;

background: #FFF;

border-left: 1px solid #D9D9D9;

border-top: 1px solid #D9D9D9;

border-right: 0px;

border-bottom: 0px;

width: 288px;

height: 36px;

}



#search .inputfield {

float: left;

background: #FFF;

border: 0px;

width: 249px;

height: 25px;

padding: 11px 0 0 10px;

}



#search .submit {

float: left;

border: 0px;

width: 29px;

height: 35px;

background: url("http://www.ratiotrading.com/wp-content/themes/ratiotrading/images/search_submit.jpg") no-repeat;

}



#client_con {

float: left;

width: 968px;

margin: 0 0 10px 0;

}



#client_login {

float: right;

padding: 0 0 0 21px;

color: #2c3845;

font: bold 11px/16px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;

text-transform: uppercase;	

}



#client_login a {

background: url("http://www.ratiotrading.com/wp-content/themes/ratiotrading/images/key.jpg") left no-repeat;

color: #2c3845;

text-decoration: none;

font: bold 11px/16px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;

text-transform: uppercase;

padding: 0 0 0 21px;

}



#client_login a:hover {

text-decoration: underline;

}



/* =================================== Navigation =================================== */



#menuContainer {
float: left;
width: 968px;
height: 61px;
}

#menu_start {
float: left;
width: 24px;
height: 61px;
background: url("http://www.ratiotrading.com/wp-content/themes/ratiotrading/images/menu_start.jpg") no-repeat;
}

#menu1 {
float: left;
width: 919px;
height: 61px;
background: url("http://www.ratiotrading.com/wp-content/themes/ratiotrading/images/menu_bg.jpg") repeat-x;
text-align: center;
}

#menu1 li {
list-style: none;
float: left;
margin: 0 15px 0 16px;
}

#menu1 a {
font: bold 12px/59px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
color: #FFF;
text-shadow: #232b35 1px 1px 0px;
text-transform: uppercase;
text-decoration: none;
}

#menu1 a:hover {
text-decoration: underline;
color: #cfe4fb;
}

#menu_end {
float: left;
width: 25px;
height: 61px;
background: url("http://www.ratiotrading.com/wp-content/themes/ratiotrading/images/menu_end.jpg") no-repeat;
}

/* =================================== Newsletter and Banner =================================== */

#newsletterContainer {
float: left;
width: 968px;
height: 56px;
margin: 30px 0 0 0;
}

#newsletter_start {
float: left;
width: 68px;
height: 56px;
background: url("http://www.ratiotrading.com/wp-content/themes/ratiotrading/images/newsletter_start.jpg") no-repeat;
}

#newsletter_bg {
float: left;
width: 884px;
height: 56px;
background: url("http://www.ratiotrading.com/wp-content/themes/ratiotrading/images/newsletter_bg.jpg") repeat-x;
}

#newsletter_bg p {
float: left;
font: bold 14px/57px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;
color: #FFF;
text-shadow: #3b5c82 1px 1px 0px;
text-transform: uppercase;
width: 365px;
margin: 0 0 0 7px;
}

#newsletter_bg .field {
float: left;
width: 189px;

height: 24px;

background: #FFF;

border-right: 0px;

border-bottom: 0px;

border-left: 1px solid #38679d;

border-top: 1px solid #38679d;

margin: 11px 14px 0 0;

padding: 9px 0 0 10px;

color: #777777;

}



#newsletter_bg .submit {

float: left;

width: 73px;

height: 32px;

border: 0px;

background: url("http://www.ratiotrading.com/wp-content/themes/ratiotrading/images/sign_up.jpg") no-repeat;

margin: 12px 0 0 7px;

}



#newsletter_end {

float: left;

width: 16px;

height: 56px;

background: url("http://www.ratiotrading.com/wp-content/themes/ratiotrading/images/newsletter_end.jpg") no-repeat;

}



#banner {

float: left;

width: 968px;

height: 209px;

background: url("http://www.ratiotrading.com/wp-content/themes/ratiotrading/images/banner.jpg") no-repeat;

padding: 70px 50px 0 60px; 

}



#banner p {

font: normal 14px/20px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;

color: #505152;

}



#banner_button a {

float: left;

width: 181px;

height: 41px;

background: url("http://www.ratiotrading.com/wp-content/themes/ratiotrading/images/banner_button.jpg") no-repeat;

margin: 135px 0 0 0;

}



/* =================================== Newsletter and Twitter blocks =================================== */



#newsletter_block a {

float: left;

width: 473px;

height: 66px;

background: url("http://www.ratiotrading.com/wp-content/themes/ratiotrading/images/newsletter_block.jpg") no-repeat;

margin: 15px 20px 15px 0;

}



#twitter_block a {

float: left;

width: 475px;

height: 66px;

background: url("http://www.ratiotrading.com/wp-content/themes/ratiotrading/images/twitter_block.jpg") no-repeat;

margin: 15px 0 ;

}



/* =================================== Moneyshow, New Tools, and Webinars Blocks =================================== */



#moneyshow {

float: left;

width: 271px;

height: 146px;

background: url("http://www.ratiotrading.com/wp-content/themes/ratiotrading/images/moneyshow_bg.jpg") no-repeat;

padding: 20px 15px 0 20px

}



.learn_more a {

float: left;

width: 90px;

height: 29px;

margin: 15px 0 0 0;

background: url("http://www.ratiotrading.com/wp-content/themes/ratiotrading/images/learn_more.jpg") no-repeat;

}



#tools {

float: left;

width: 226px;

height: 146px;

background: url("http://www.ratiotrading.com/wp-content/themes/ratiotrading/images/tools_bg.jpg") no-repeat;

padding: 20px 20px 0 60px;

margin: 0 26px;

}



#webinar {

float: left;

width: 304px;

height: 163px;

background: url("http://www.ratiotrading.com/wp-content/themes/ratiotrading/images/webinar_bg.jpg") no-repeat;

}



#get_started a {

float: left;

width: 90px;

height: 29px;

margin: 114px 0 0 184px;

background: url("http://www.ratiotrading.com/wp-content/themes/ratiotrading/images/get_started.jpg") no-repeat;

}



/* =================================== Footer and Disclaimer =================================== */



#footer_bg {

float: left;

width: 100%;

border-top: 1px solid #c9c6b8;

background: #d0cdbf;

margin: 30px 0 0 0;

text-align: center;

color: #45443d;

}



#footer {

margin: 0 auto;

width: 968px;

}



#disclaimer {

float: left;

width: 968px;

margin: 25px 0;

}



#disclaimer p {

font: normal 10px/14px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;

}



#disclaimer_top {

float: left;

width: 968px;

height: 7px;

background: url("http://www.ratiotrading.com/wp-content/themes/ratiotrading/images/disclaimer_top.jpg") no-repeat;

}



#disclaimer_bg {

float: left;

width: 928px;

background: url("http://www.ratiotrading.com/wp-content/themes/ratiotrading/images/disclaimer_bg.jpg") repeat-y;

padding: 10px 20px;

}



#disclaimer_bottom {

float: left;

width: 968px;

height: 7px;

background: url("http://www.ratiotrading.com/wp-content/themes/ratiotrading/images/disclaimer_bottom.jpg") no-repeat;

}



#footerNav {

float: left;

width: 968px;

margin: 0 0 25px 0;

}



#footer a {

color: #45443d;

text-decoration: none;

}



#footer a:hover {

color: #2a2925;

text-decoration: underline;

}



#footer small {

margin: 0 3px;

}



/* =================================== Products Page Styling (Content Area) =================================== */



#content_top {

float: left;

width: 968px;

height: 36px;

background: url("http://www.ratiotrading.com/wp-content/themes/ratiotrading/images/content_top.jpg") no-repeat;

}



#content_bg {

float: left;

width: 968px;

background: url("http://www.ratiotrading.com/wp-content/themes/ratiotrading/images/content_bg.jpg") repeat-y;

}



#content {

float: left;

width: 968px;

background: url("http://www.ratiotrading.com/wp-content/themes/ratiotrading/images/content_bottom.jpg") bottom no-repeat;

}



#content h3 a {

color: #467cb9;

text-decoration: underline;

}



#content h3 a:hover {

text-decoration: none;

}



#content_title {

float: left;

width: 610px;

height: 27px;

background: url("http://www.ratiotrading.com/wp-content/themes/ratiotrading/images/content_title.jpg") no-repeat;

}



#content_left {

float: left;

width: 610px;

margin-right: 40px;

padding: 0 0 30px 30px;

}



#content_left h3 {

font: 500 14px/24px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;

color: #586a81;

}



#advanced, #intermediate, #beginner {

float: left;

width: 190px;

margin: 20px 10px 0 0;

}



#advanced_title {

float: left;

width: 180px;

height: 44px;

background: url("http://www.ratiotrading.com/wp-content/themes/ratiotrading/images/advanced_title.jpg") no-repeat;

}



#intermediate_title {

float: left;

width: 180px;

height: 44px;

background: url("http://www.ratiotrading.com/wp-content/themes/ratiotrading/images/intermediate_title.jpg") no-repeat;

}



#beginner_title {

float: left;

width: 180px;

height: 44px;

background: url("http://www.ratiotrading.com/wp-content/themes/ratiotrading/images/beginner_title.jpg") no-repeat;

}



.box {

margin: 20px;

}



.dvd {

float: left;

width: 180px;

background: url("http://www.ratiotrading.com/wp-content/themes/ratiotrading/images/dvd.jpg") no-repeat;

padding-left: 22px;

font: bold 14px/18px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;

color: #293340;

margin: 0 0 10px 0;

}



.cd {

float: left;

width: 180px;

background: url("http://www.ratiotrading.com/wp-content/themes/ratiotrading/images/cd.jpg") no-repeat;

padding-left: 22px;

font: bold 14px/18px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;

color: #293340;

margin: 0 0 10px 0;

}



#content_left h1 {

font: bold 14px/24px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;

color: #303030;

margin: 0px;

}



#content_left p {

color: #303030;

font: normal 11px/24px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;

}



#content_left p.list {

padding: 0 0 0 15px;

}



.buy_button a {

float: left;

width: 65px;

height: 33px;

background: url("http://www.ratiotrading.com/wp-content/themes/ratiotrading/images/buy.jpg") no-repeat;

margin: 15px 10px 0 0;

}



.details_button a {

float: left;

width: 88px;

height: 33px;

background: url("http://www.ratiotrading.com/wp-content/themes/ratiotrading/images/details.jpg") no-repeat;

margin: 15px 0 0 0;

}



#sidebar {

float: left;

width: 268px;

padding: 0 20px 30px 0;

}



#sidebar_title {

float: left;

width: 288px;

height: 23px;

background: url("http://www.ratiotrading.com/wp-content/themes/ratiotrading/images/sidebar_title.jpg") no-repeat;

}



#sidebar p {

font: normal 12px/24px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;

color: #3f4d5d;

}



/* ================= Products Page Styling (Acquire and Messages Blocks) ===================== */



#acquire {

float: left;

width: 636px;

margin: 20px 23px 0 0;

}



#acquire_top {

float: left;

width: 566px;

height: 60px;

background: url("http://www.ratiotrading.com/wp-content/themes/ratiotrading/images/acquire_top.jpg") no-repeat;

padding-left: 70px;

color: #293340;

font: bold 14px/60px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;

}



#acquire_bg {

float: left;

width: 606px;

background: url("http://www.ratiotrading.com/wp-content/themes/ratiotrading/images/acquire_bg.jpg") repeat-y;

padding: 5px 17px 30px 17px;

}



#acquire p a {

color: #295f9f;

text-decoration: none;

}



#acquire p a:hover {

color: #295f9f;

text-decoration: underline;

}



#acquire_bottom {

float: left;

width: 602px;

height: 60px;

background: url("http://www.ratiotrading.com/wp-content/themes/ratiotrading/images/acquire_bottom.jpg") no-repeat;

padding: 8px 17px 0 17px;

font: bold 13px/24px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;

color: #5e5e5e;

text-shadow: #f3f3f3 1px 1px 0px;

text-align: center;

}



#messages {

float: left;

width: 309px;

margin: 20px 0 0 0;

}



#messages_top {

float: left;

width: 234px;

height: 52px;

background: url("http://www.ratiotrading.com/wp-content/themes/ratiotrading/images/messages_top.jpg") no-repeat;

padding-left: 75px;

color: #293340;

font: bold 14px/54px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;

}



#messages_bg {

float: left;

width: 279px;

background: url("http://www.ratiotrading.com/wp-content/themes/ratiotrading/images/messages_bg.jpg") repeat-y;

padding: 5px 17px 10px 17px;

color: #646464;

}



#messages_bottom {

float: left;

width: 309px;

height: 7px;

background: url("http://www.ratiotrading.com/wp-content/themes/ratiotrading/images/messages_bottom.jpg") no-repeat;

}



/* =================================== Player Page Styling (Content) =================================== */



#player_content_top {

float: left;

width: 968px;

height: 31px;

background: url("http://www.ratiotrading.com/wp-content/themes/ratiotrading/images/player_content_top.jpg") no-repeat;

}



#player_content_bg {

float: left;

width: 968px;

background: url("http://www.ratiotrading.com/wp-content/themes/ratiotrading/images/player_content_bg.jpg") repeat-y;

}



#player_content {

float: left;

width: 856px;

background: url("http://www.ratiotrading.com/wp-content/themes/ratiotrading/images/player_content_bottom.jpg") bottom no-repeat;

padding: 0 56px 50px 56px;

}



#player_content h1 {

float: left;

width: 428px;

font: bold 14px/24px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;

color: #293340;

margin: 0 0 20px 0;

}



#player_content .date {

float: left;

width: 428px;

font: bold 12px/24px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;

color: #293340;

text-align: right;

}



#player_content p{

font: normal 12px/18px "Helvetica Neue", Helvetica, "Lucida Sans Unicode", Arial;

color: #374454;

padding-bottom: 12px;

line-height:16px !important;

}



#player_content blockquote { 

padding: 0px 10px;

border-left: 2px solid #777777;

margin: 5px auto 15px auto;

width:85%;

color: #777777;

font-style: italic;

}



#player_content blockquote p {

font-size:12px;

padding: 5px 0px;

margin: 5px 0px;

line-height: 14px;

}



#player_content img { 

padding: 2px 2px 2px 2px;

}


#player_content a {

color: #880101;

font-weight: bold;

text-decoration: none;

}



#player_content a:hover {

color: #880101;

text-decoration: underline;

}


/* Begin Images */

p img {

	padding: 0;

	max-width: 100%;

	}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left;

	}

/* End Images */