/*
Theme Name: Generic Trade
Theme URI: http://generictrade.com/
Description: A custom theme built for Generic Trader
Version: 1.0
Author: Nathan Swartz of ClickNathan.com
Author URI: http://clicknathan.com.com/

*/



/* CSS by Nathan Swartz */

body {text-align:center; font: 14px/150% News,Helvetica,Arial,sans-serif; background:#cecece; color:black; /*letter-spacing:-1px;*/}

#get_started h2, .link_open, .link_demo, .link_chat {/* font-family:NewsThin;  font-weight:bold; */}

* {margin:0; padding:0;}

img, fieldset, iframe {border:none;}

.selectors {-moz-border-radius:5px; -webkit-border-radius:5px;}

/* Positioning */

.lightbox, .lightbox3 {display:none;}
.lightbox, .lightbox2, .lightbox3 {z-index:99; position:absolute; width:100%; height:404px; background:url(img/bg_lightbox.png) no-repeat top center; text-align:left; padding:70px 0; top:0;}
.lightbox2, .lightbox3 {background:url(img/bg_lightbox2.png) no-repeat top center; height:641px;}
.lightbox3 {padding:124px 20px 40px 20px;}
.lightbox3 iframe {margin:15px 0 0 0;}
.close_button {position:absolute; top:-22px; right:0; font-size:200%;}
.close_button a {color:#606060 !important; text-decoration:none;}

.close_button .other_tour {font-size:70%; color:#3e8c16 !important;}

.iframed_area {float:right; margin:-50px -30px 15px 15px; background:url(img/bg_demo_form.png) no-repeat; padding:25px 8px; width:398px;}

.demo_form {float:right; margin:-50px -110px 15px 15px; padding:25px 8px; width:398px;}

#demoRequest input.text{width:250px;}

#demoRequest textarea {width:250px; height:100px;}

#demoRequest input.submit {padding:2px; float:right; margin-right:145px;}

div#open_account {display:block;}

.home, .page-id-320 {background:#cecece url(img/bg_home.jpg) no-repeat top center;}
#container {width:950px; text-align:left; margin:0 auto;}
.container {width: 800px; margin:0 auto; position:relative;}

#header {position:relative; padding-top:10px;}
#content {position:relative;}

h1 {background:url(img/logo.png) no-repeat; width:256px; height:128px;}
h1 a {display:block; text-indent:-999em; height:128px;}

#nav {position:absolute; top:10px; left:304px; background:url(img/bg_nav.png) no-repeat; width:647px; height:46px; font-size:103%; padding-left:16px; font-weight:bold;}
#nav li {list-style:none; background:url(img/nav_divide.png) no-repeat right; float:left; padding:12px 7px;}
#nav li a, #nav li.nav_open a:hover, #get_started a, #get_started span, #sidebar a, #sidebar span {color:black; text-decoration:none;}
#nav li a:hover {color:#3e8c16;}
#nav li.nav_open a {color:white; background:none;}
#nav li.nav_contact {background:none; margin-right:72px;}
#nav li.nav_open {background:none; padding-right:0 !important; letter-spacing:-1px;}

.pitch {display:none;}

#get_started {position:absolute; left:733px; top:-42px; width:200px;}
#get_started h2 {font-size:172%; padding-bottom:4px;}
#get_started a:hover, #sidebar a:hover {color:#3e8c16;}

.link_open, .link_demo, .link_chat {padding:10px 0 8px 42px; font-size:129%; margin:0 0 8px -8px;}
.link_open {background:url(img/icon_open.png) no-repeat;}
.link_demo {background:url(img/icon_demo.png) no-repeat;}
.link_chat {background:url(img/icon_chat.png) no-repeat; color:#3f3f3f;}
#get_started .link_chat span {letter-spacing:-1px;}
#o_13 .link_open, #o_13 .link_demo, #f_9 .link_open, #f_9 .link_demo {margin-left:489px; padding-left:52px;}

.icon_pdf {background:url(img/icon_pdf.png) no-repeat; padding:5px 0 10px 36px;}

ul.demo_list {margin:0 20px 0 0 !important; width:275px; float:left;}
ul.demo_list li {list-style:none; padding:5px 0 5px 70px; height:60px;}
ul.shortmargin {margin-right:0 !important;}

.i_quotes {background:url(img/icon_quote.png) no-repeat;}
.i_charts {background:url(img/icon_charts.png) no-repeat;}
.i_news {background:url(img/icon_news.png) no-repeat;}
.i_history {background:url(img/icon_clock.png) no-repeat;}
.i_calculator {background:url(img/icon_calculator.png) no-repeat;}
.i_admin {background:url(img/icon_admin.png) no-repeat;}
.i_blueprint {background:url(img/icon_blueprint.png) no-repeat;}
.i_matrix {background:url(img/icon_matrix.png) no-repeat;}
.i_depth {background:url(img/icon_depth.png) no-repeat;}
.i_analytics {background:url(img/icon_analytics.png) no-repeat;}
.i_plus {background:url(img/icon_plus.png) no-repeat;}
.i_depth {background:url(img/icon_depth.png) no-repeat;}


#sidebar .link_open, #sidebar .link_demo, #sidebar .link_chat {padding:5px 0 5px 32px; font-size:100%; margin:0 0 4px 0;}
#sidebar .link_open {background:url(img/icon_open_small.png) no-repeat;}
#sidebar .link_demo {background:url(img/icon_demo_small.png) no-repeat;}
#sidebar .link_chat {background:url(img/icon_chat_small.png) no-repeat; color:#3f3f3f;}

.tour_button {position:absolute; top:170px; left:45px; width:173px; height:36px; }
.tour_button a {display:block; height:36px; text-indent:-999em; width:173px;}

#three {padding-top:278px;}
#three h2 {font-size:272%; letter-spacing:-2px; margin:10px 0;}

#three div {width:224px; padding-left:77px; float:left; margin-right:22px;}
#three div#value {margin-right:0;}
#security {background:url(img/icon_security.png) no-repeat;}
#technology {background:url(img/icon_technology.png) no-repeat;}
#value {background:url(img/icon_value.png) no-repeat;}

#footer {clear:both;}

#scroller {font-size:140%; font-style:italic; padding:31px 0;}
#scroller span {font-size:200%;}

.housekeeping, #footer a {color:#8e8e8e !important;}
#footer a:hover {color:black !important;}
.disclaimer {text-align:right; float:right; margin-top:-35px; color:#000000;}

#copy {width:593px; margin:18px 74px 75px 26px; float:left;}

#sidebar {background:url(img/bg_sidebar.jpg) no-repeat; float:left; width:229px; padding:20px 14px 109px 14px; font-weight:bold;}
#sidebar h2 {font-size:166%;}

.demo_intro {width:400px; margin-right:24px; height:272px; float:left; background:url(img/content/free_demo_computers.png) no-repeat bottom center;}
#free_demo iframe {float:left; margin-top:62px;}

.contact_info {width:50%; float:left;}
.contact_phone, .contact_support, .contact_location, .contact_form  {padding-left:79px;}
.contact_phone {background:url(img/icon_phone.png) no-repeat;}
.contact_support {background:url(img/icon_clock.png) no-repeat 10px 0;}
.contact_location {background:url(img/icon_map.png) no-repeat 18px 0;}
.contact_form {clear:both; padding-top:15px; background:url(img/icon_email.png) no-repeat 7px 24px;}

.platform_links {background:url(img/content/platforms2.jpg) no-repeat; height:297px;}
.homepage_tour {height:211px; width:390px; background:url(img/content/free_demo_computers.png) no-repeat;}
.online_platform, .firetip_platform {float:left; text-align:center; padding:306px 0 20px 0; height:28px;}
.online_platform a, .firetip_platform a {padding-left:58px;}
.firetip_platform a {padding-left:12px;}
.online_platform {width:297px;}
.firetip_platform {width:296px;}

.alignright {text-align:right;}
.alignleft {text-align:left;}
.aligncenter {text-align:center;}

img.aligncenter, img.alignright, img.alignleft {border:1px solid black;}
img.aligncenter {display:block; margin:15px auto;}
img.alignright {float:right; margin:0 0 15px 15px;}
img.alignleft {float:left; margin:0 15px 15px 0;}

.page_nav {height:15px; padding:10px; float:left;}
.page_nav p {width:48%; float:left;}

.tour_panel {position:relative; height:369px;}
.page_links {position:absolute; bottom:0; right:0;}

#firetip_tour .tour_panel img.alignleft, #tour img.alignleft {border:0 !important;}

#f_2, #f_3, #f_4, #f_5, #f_6, #f_7, #f_8, #f_9, #o_2, #o_3, #o_4, #o_5, #o_6, #o_7, #o_8, #o_9, #o_10, #o_11, #o_12, #o_13  {display:none;}

/* .zebra {background:#ddd;} */
.bordered {border:#75a612 1pt solid; border-top:0; border-left:0;}
.bordered td, .bordered th {border:#75a612 1pt solid; border-right:0; border-bottom:0;}
td, th {padding:5px;}

/* Typography */

.ie7_hack {display:none;}

h2 {font-size:272%; line-height:100%;}
#copy h2 {margin-bottom:17px; line-height:100%;}
.lightbox h2 {margin-bottom:15px;}
#o_tour h3 {text-transform:capitalize;}

#copy h3, #copy h4, #copy h5 {color:#577e08; margin:15px 0 10px 0; line-height:100%;}
#copy h3 {font-size:180%;}
#copy h4 {font-size:150%;}
#copy h5 {font-size:125%;}
#copy h6 {font-size:110%;}

p {padding:8px 0;}

#three a, #copy a, .lightbox a, .platform_links {color:#3e8c16; font-size:115%;}

.big {font-size:200%; color:#577e08; line-height:100%;}

a {outline:none;}

#copy ul, #copy ol {margin:3px 0 3px 35px;}
.site_map ul {margin-left:35px;}

.page-id-92 #copy {background:url(img/bg_new_account.png) no-repeat; width:650px; margin-right:17px !important;}
#far_form {width:610px; height:597px; overflow:hidden; margin:15px;}
#far_form iframe {margin:-104px 0 0 -53px;}

/* Forms */
#login label {display:block; width:129px; float:left; font-size:150%; color:#606060; padding-top:10px; font-weight:bold;}
#login input {font-size:150%; border:1px solid #ccc; padding:5px; clear:both;}
#login input.button {border:none !important; height:35px; margin:10px 0 0 257px;}
#login form {padding:7px 0 0 32px;}

.ddfm wrap {font-family:News, Helvetica, Arial !important;}
.credits {display:none;}
form.ddfm label {font-size:180% !important;}
.ddfm .submit input, p.button a, input.button {background:url(img/bg_button.png) no-repeat; font-family:News,Helvetica,Arial !important; text-align:center; padding:5px 10px; font-size:150%; border:none; width:173px;}
p.button a, input.button {color:black; text-decoration:none; display:block; height:29px;}
p.button {clear:both;}
.fmhint {margin:0 0 15px 121px; color:#606060 !important;}
form.ddfm input.fmtext {margin-bottom:0 !important;}

.open_column {width:300px; float:left; padding-top:15px;}
.open_form {width:500px; float:left;}

.newaccountform, .transferauthorization {position:absolute; top:30px; left:680px;}
.transferauthorization {top:65px;}
.newaccountform a, .funding_instructions_link a, .transferauthorization a {font-size:100% !important;}
.funding_instructions_link {position:absolute; top:100px; left:680px;}

.contact_form form.ddfm label {width:166px;}
.contact_form form.ddfm input.fmtext {width:200px;}
.contact_form form.ddfm .fmradio {width:50%; font-size:60%;}
.fmradio label {display:block; padding:5px !important;}
.contact_form form.ddfm textarea {width:48% !important;}

.ddfmerrors {background:url(img/icon_warning.jpg) no-repeat; padding:10px 0 10px 55px; width:200px !important; font-family:News,Helvetica,Arial,sans-serif !important; font-size:200%; text-align:left !important; margin:-60px 0 0 0 !important;}
.errorlist {font-family:News,Helvetica,Arial,sans-serif !important; padding:5px 15px !important; margin-bottom:0 !important;}

@-moz-document url-prefix() {
    #far_form iframe {margin-top:-67px; height:583px;}
	}