/*
========================
Base Colors:

#00254F - Dark Blue
#004799 - Med Blue
#E5A911 - Dark Gold

========================
*/

/* ==== HTML Tags ======================== */
body {background:#40546c url('/img/bg.gif') top left repeat-x;margin:0;}
h2 {margin:0}
a {color:#004799;}
a:hover {background:#004799;color:#fff;text-decoration:none;}
a:visited {color:#666;}
a:visited:hover {background:#999;color:#ddd;text-decoration:none;}
h3 {line-height:1.5em;color:#333}
h4 {color:#333;}
table {margin-bottom:0;}
table th {background:#E6EDF6;color:#8093A8;}
table td.row {border-bottom:1px solid #ddd;}

/* ==== Global IDs ======================== */
#masthead {display:block;}
#home-slideshow {margin-bottom:1.5em;z-index:1;position:relative;}

/* ==== Global Classes ======================== */
div.wrapper {border-left:2px solid #444;border-right:2px solid #444;background:#fff;width:882px;margin:0 auto;display:block;padding:10px 6px;}
div.container {background:#fff;}
h2.title {color:#666;margin:0;font-size:36px;}
h3.overview {color:#999;margin:0 0 1.5em 0;}
h3.header {margin-bottom:0;}
p img.right {margin-top:0;}
.error h5 {color:#8a1f11;}
.success h1, .success h2, .success h3, .success h4, .success h5 {color:#264409;}
h6 {text-transform:uppercase;color:#aaa;}
.kinda-quiet {color:#999;}
.super-quiet {color:#ccc;}
a.img-a,a.img-a:hover, a.img-a:visited {background:none;}
a.rounded, .button {outline: none;border: none;text-decoration: none;cursor: pointer;white-space: nowrap;vertical-align: middle;
					display: -moz-inline-box;display: inline-block;overflow: visible;}
.button {color: #333;background-color: #ddd;padding:0.75em;}
.button:hover {background-color: #00254F;}
a.button.download {background:#759a21 url('/img/download-arrow.gif') 5% 50% no-repeat;padding:1em 1em 1em 3.5em;font-size:1.25em;color:#fff;font-weight:bold;}
a.button.download:hover {background:#a9d14e url('/img/download-arrow-over.gif') 5% 50% no-repeat;padding:1em 1em 1em 3.5em;}
.b {font-weight:bold;}
.img-border {border:1px solid #999;}
.box {background:#E6EDF6;}
.box a.button, fieldset a.button {background:#8093A8;padding:0.75em;color:#fff;text-decoration:none;}
.box a.button:hover, fieldset a.button:hover {background:#00254F;}
.sm-mar-s {margin-bottom:0.5em}
a.tut {color:#333;}
a.tut:hover {color:#FFF;}
a.tut:visited {color:#AAA;}
.credentials {font-family:monospace;display:block;font-size:4em;color:#900;margin-bottom:0.375em;}

/* ==== Demo Reg ======================= */
#practice-funds {background:#E5A911;padding:0.3em;color:#fff;}
.slider_handle { background: url('/img/selector.png') no-repeat; height: 19px; width: 20px; overflow: hidden; position: absolute; top: 1px;}

/* ==== Tabs ======================= */
ul.idTabs {list-style:none;}
ul.idTabs li {display:block;}
ul.idTabs li a {padding:0.75em;display:block;color:#666;}
ul.idTabs li a:hover {background:#eee url('/img/tab-arrow.png') 100% 50% no-repeat;}
ul.idTabs li a.selected {background:#ddd url('/img/tab-arrow.png') 100% 50% no-repeat;text-decoration:none;color:#333;font-weight:bold}

/* ==== Footer ======================== */
div#footer {color:#999;}
div#footer hr {background:#eee;color:#eee;height:.3em;margin:0 0 1.2em;}
div#footer a, div#footer a:link {color:#999;}
div#footer a:hover {color:#666;background:none;}
div#footer #footer-links {text-align:right;}
div#footer #footer-links ul {margin:0;padding:0;list-style:none;}
div#footer #footer-links ul li {margin:0 0 0 1em;float:right;padding:0;}

/* === Posts ======================== */
div.post {}
div.post.home {padding-left:1.5em;}
div.post.home h2 {font-size:1.75em;margin-bottom:0.25em;}
div.post h2 {margin:0 0 0.1em 0;display:block;line-height:1;font-weight:bold;}
div.post h2 a {text-decoration:none;}
.meta {display:block;font-size:0.9em;color:#aaa;font-weight:bold;margin:0 0 1em 0.1em;text-transform:uppercase;}
.meta a {color:#999;text-decoration:none;}
.meta a:hover {color:#004799;background-color:#fff;}
div.post p {font-size:1em;}
div.post blockquote {margin-left:0}
div.post blockquote p {font-family:Georgia, Times,serif;margin-left:0;padding-left:1.5em;font-style:normal;font-size: 1em;color:#666;font-style: italic;}
a.more-link {}
.comments-link {background:url("/img/comment.gif") 0 50% no-repeat; padding:0.1em 0 0.1em 1.65em;}
.comments-link:hover {background:url("/img/comment.gif") 0 50% no-repeat; padding:0.1em 0 0.1em 1.65em;}

/* === Comments ======================== */
ol.commentlist {margin:0;padding:0;}
ol.commentlist li {display:block;overflow:auto;margin-bottom:0.5em;padding:1em 1em 0 1em;border-bottom:1px solid #ddd;border-top:1px solid #FFF;border-right:1px solid #FFF;border-left:1px solid #FFF;}
ol.commentlist li.byuser {background:#FFF6BF;color:#514721;border:1px solid #FFD324;}
ol.commentlist li.byuser a {color:#514721;}
ol.commentlist li.byuser a:hover {color:#fff;background:#514721;}
ol.commentlist li div.comment-meta {}
ol.commentlist li div.comment-meta span.gravatar {float:left;display:block;margin-right:12px;border:1px solid #ddd;}
ol.commentlist li div.comment-meta span.gravatar a {border:none;}
ol.commentlist li strong.comment-author {font-size:1.25em;}
ol.commentlist li.byuser a.comment-timestamp {text-decoration:none;color:#922725;}
ol.commentlist li a.comment-timestamp {text-decoration:none;}

/* === Sidebar ================= */
div#sidebar {}
div#sidebar ul {margin:0 0 1.5em 0;list-style:none;}
div#sidebar ul li {color:#999;margin:0.25em 0;}
div#sidebar h4 {color:#999;margin-bottom:0.5em;text-transform:uppercase;font-size:1em;}
div#lifestream {}
div#lifestream div.lifestream-item {margin:0 0 0.75em 0;padding:0 0 0.75em 0;border-bottom:1px solid #ddd;}
div#lifestream div.lifestream-item p {margin:0 0 0.33em 0;font-size:0.9em;color:#555;}
div#lifestream div.lifestream-item p a {color:#555;text-decoration:none;border-bottom:1px dotted #aaa;}
div#lifestream div.lifestream-item p a:hover {color:#004799;background:none;text-decoration:none;border:none;}
div#lifestream div.lifestream-item span.life-meta {font-size:0.85em;color:#bbb;display:block;}
div#lifestream div.lifestream-item span.life-meta a {color:#888;text-decoration:none;border-bottom:1px dotted #ddd;}
div#lifestream div.lifestream-item span.life-meta a:hover {color:#004799;background:none;text-decoration:none;}

/* === Forms ======================== */
fieldset {display:block;background:#E6E9EC;border-top:2px solid #ccc;border-right:none;border-bottom:2px solid #ccc;border-left:none;padding:1em;}
fieldset legend {padding:0 0.25em;}
fieldset form {}
label {display:block;text-transform:uppercase;font-size:0.85em;color:#666;}
label small {color:#aaa;}
input.title, textarea, select {margin:0.25em 0 1em 0;border:1px solid #bbb;}
fieldset form input, form textarea {color:#333;border:2px solid #ddd;padding:0.25em;}
fieldset form input.comment-form {display:block;margin:0.25em 0 1em 0;font-size:1em;}
fieldset form textarea {display:block;line-height:1.25em;font-size:1.5em;width:380px;margin:0.25em 0 1em 0;}
fieldset form input[type=submit]{ margin:1em 0 0 0;background:#004799;color:#fff;border:none;padding:0.5em;text-transform:uppercase;font-size:1em; }


/* ==== Online App ================ */
#live-app {}
#live-app .error {padding:3px;}
#live-app label {text-transform:none;}
input.app, textarea.app, select.app {margin:0.5em 0;border:1px solid #bbb;padding:5px;}
input.app {font-size:1.5em;}
div.app-select {}
div.input.radio input[type=radio] {border:none;width:1em;}
input.app {width:290px;}
input.app.double {width:610px;}
input.app.three-quarter {width:210px;}
input.app.half {width:130px;}
input.app.quarter {width:50px;}
div.note-border { padding-right:26px;margin-right:24px;border-right:2px solid #fff;}
hr.app {background:#E6E9EC;color:#E6E9EC;}
#live-app h4 {background:#C4C6C9;padding:0.5em;color:#fff;}
#live-app p.label {margin:0.75em 0 0.5em 0;color:#666;font-size:0.9em;}
#live-app span.label {margin:0 1em 0 0.5em;padding:0;}

/* ==== eToro ======================== */
#insertCalendarWidget {font-family:Helvetica, Arial, sans-serif;}
#insertRatesWidget {font-family:Helvetica, Arial, sans-serif;width:230px;}

/* ==== Navigation ======================== */
div#navigation {background:url('/img/navigation-bg.gif') top left no-repeat;height:55px;padding:0.75em 0 0 0.5em;z-index:4;position:relative;}
ul.nav, .nav *{margin:0; padding:0; list-style:none;}
ul.nav{line-height:1.0;z-index:1000;}
ul.nav ul{position:absolute; top:-999em;width:15em}
ul.nav ul li{width:100%}
ul.nav li:hover{visibility:inherit}
ul.nav li{float:left; position:relative}
ul.nav a{display:block; position:relative}
ul.nav li:hover ul, 
ul.nav li.sfHover ul{left:0; top:2.8em; z-index:99}
ul.nav li ul a {font-size:1em;}
ul.nav li ul a:hover {background:#dca90e;color:#fff;}
ul.nav li:hover li ul, 
ul.nav li.sfHover li ul{top:-999em}
ul.nav li li:hover ul, 
ul.nav li li.sfHover ul{left:10em; top:0}
ul.nav li li:hover li ul, 
ul.nav li li.sfHover li ul{top:-999em}
ul.nav li li li:hover ul, 
ul.nav li li li.sfHover ul{left:10em; top:0}

.nav{float:left; margin-bottom:1em}
.nav a{padding:.75em 1em;font-size:1.2em;text-decoration:none;font-weight:bold;}
.nav a, .nav a:visited{color:#fff}
.nav li{background:none}
.nav li li{background:#08223f}
.nav li:hover, .nav li.sfHover, 
.nav a:focus, .nav a:hover, .nav a:active{background:#08223f; outline:0}

.nav a.sf-with-ul{padding-right:2.25em; min-width:1px}
.sf-sub-indicator{position:absolute; display:block; right:.85em; top:0.85em; width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url('/img/arrows-ffffff.png') no-repeat -10px -100px}
a >.sf-sub-indicator{ top:0.85em; background-position:0 -100px}

a:focus >.sf-sub-indicator, 
a:hover >.sf-sub-indicator, 
a:active >.sf-sub-indicator, 
li:hover >a >.sf-sub-indicator, 
li.sfHover >a >.sf-sub-indicator{background-position:-10px -100px}

.nav ul .sf-sub-indicator{background-position: -10px 0}
.nav ul a >.sf-sub-indicator{background-position: 0 0}

.nav ul a:focus >.sf-sub-indicator, 
.nav ul a:hover >.sf-sub-indicator, 
.nav ul a:active >.sf-sub-indicator, 
.nav ul li:hover >a >.sf-sub-indicator, 
.nav ul li.sfHover >a >.sf-sub-indicator{background-position:-10px 0}

.sf-shadow ul{background:url('/img/shadow.png') no-repeat bottom right; padding:0 8px 9px 0; -moz-border-radius-bottomleft:17px; -moz-border-radius-topright:17px; -webkit-border-top-right-radius:17px; -webkit-border-bottom-left-radius:17px}
.sf-shadow ul.sf-shadow-off{background:transparent}