@import url('reset.css');

/* File Download Icons */
a.file {background: url('../images/icon-file.gif') 0 0 no-repeat; padding-left: 20px;}
a.pdf {background: url('../images/icon-pdf.gif') 0 0 no-repeat; padding-left: 20px;}
a.doc {background: url('../images/icon-doc.gif') 0 0 no-repeat; padding-left: 20px;}

/********* Main Tags **********/

body { font: 62.5%/2.0em Verdana,Tahoma,sans-serif; background: url('../images/core/bg.gif') 0 0 repeat-x #f2f7f8; color: #4a4a4a; }


h1, h2, h3 { margin-bottom: 15px; }
h1 { color: #1f3371; font-size: 2.0em; font-weight: 100; }
h2 { font-size: 1.5em; font-weight: 100; }
h3.fleft { margin-top: 20px; margin-bottom: 20px; }
.red{color:#ff0000; font-style:italic;}
.pointer{cursor:pointer;}
a { color: #1F3371; text-decoration: none; }
a:hover { text-decoration: underline; }

/********* Landing Page **********/

body#p-index { background: url('clear.gif') 0 0 repeat-x #f2f7f8; color: #4a4a4a!important; } 
		
		#p-index #container {width:829px;overflow:hidden; height: 612px;}
		#p-index #header {width:829px; text-align: center; height: 75px; float: left; }
		#p-index #links {width:789px; float: left; padding: 0 20px 0 20px; }
		#p-index #main {width:789px; float: left; padding: 0 20px 0 20px; margin-top: 40px; }
		
						 #links a { text-decoration: none; font-family: times; font-size: 1.4em; color: #1f3371; }
						 #links a:hover { text-decoration: underline; }

		h2.quote { float: left; padding:0 10px 0 0px; font-size: 3.2em; line-height: 1em; font-weight: bold; font-family: tahoma; text-align: left; width: 280px; float: left; } 
		
		#p-index #slideshow { float: left; width: 789px; padding-left: 20px; padding-right: 20px; height: 410px; position: relative;}
		#p-index #slideshow div.left { width: 789px; height: 410px; left: 20px!important; }

		.hidden-home {display:none; position:absolute; right:20px; top:150px; width:400px; z-index:10001; border:1px dashed #ccc; background:#333;opacity:0.8; filter:alpha(opacity=80); color:#fff; padding:10px; font-size: 11px; }
		.next-image { float: right; padding-top: 5px; }
		
		.signup { border: 1px solid #b1b5b6; width: 620px; background-color: #eef5fd; float: left; padding:5px 10px 0 15px; z-index:10000; margin-bottom: 20px;}
		.signup .small {font-size:10px; padding-top: 2px; }
		.signup input{height: 20px;}
		.signup label{vertical-align:middle;}
		.signup .checkbox {width:10px; height:18px;}
		.signup .subres { width: 118px!important; height: 25px!important; display: block; border: 0px; background: url('../images/core/submit.gif') 0px 0 no-repeat; float: left; margin-left: 10px; cursor: pointer; margin-left: 88px; margin-bottom: 15px;}
		.notification {margin-top:40px; padding-left: 20px; padding-right: 20px; width: 789px; }

		#signup { border: 1px solid #b1b5b6; width: 405px; height: 120px; float: left; background-color: #eef5fd; clear: left; padding-left: 15px; padding-top: 80px; padding-right: 10px; }
		#signup input { width: 170px; height: 18px; float: left; }
		#signup label { float: left; padding-top: 2px; padding-right: 10px; }
		#signup .subres { width: 118px!important; height: 25px!important; display: block; border: 0px; background: url('../images/core/submit.gif') 0px 0 no-repeat; float: left; margin-left: 10px; }

#p-wealth_generation_plan #signup label { width: 200px; }
#p-wealth_generation_plan #signup input { width: 170px; height: 18px; float: right; margin-bottom: 5px; }
#p-wealth_generation_plan #signup { padding-top: 40px ; width: 410px!; padding-right: 30px; }
#p-wealth_generation_plan #signup .subres { background: url('../images/core/calculate.gif') 0px 0 no-repeat; float: right!important; clear: right; cursor: pointer;}

#starting_details {
	display: block;
	float: right;
	clear: right;
	margin-bottom: 20px;
	padding-top: 44px;
}

#wealth_gen_output_table {
	margin-top: 40px;
}


/********* Accessories **********/
.left { float:left; }
.right{ float:right; }
.clear { display:block; clear: both; }

.rimage { float: right; clear: right; margin: 0 10px 10px 0; }
.limage { float: left; clear: left; margin: 0 10px 0 10px; }

/********* tables **********/

table { width: 100%; text-align: left; margin-bottom: 15px; }
table tr { text-align: left; border-bottom: 1px solid; }
table tr.head td { text-align: left; font-weight: bold; background-color: #cccccc; }
table tr.break td { height: 30px; border-bottom: 0px!important;}
table tr.highlight td { background-color: #eef5fd; }
table tr td { text-align: left; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; }

/********* Lists **********/

ul.visible { padding-left: 30px; padding-bottom: 20px; }
ul.visible li { list-style: disc; }

div.hidden { padding-top: 15px; } 

ul.flags { float: right; width: 100px; display: block; padding-left: 10px; }
ul.flags li { float: left; width: 100px; padding: 10px 0 10px 0; text-align: center; border: 1px dashed #1F3371; margin-bottom: 10px; display: block; }



/********* Containers **********/

#container { margin: 0 auto 0 auto; width: 960px; overflow: hidden;}
#header{ width: 960px; height: 170px; float: left; }
#main{ width: 960px; float: left; padding: 25px 0; font-size: 1.2em; }

#mainLeft { width: 230px; float: left; }
#mainRight{ width: 710px; float: right; }

#content { padding-right: 10px;}
#content p { margin-bottom: 15px; }
#content a { color: #1F3371; text-decoration: none; }
#content a:hover { text-decoration: underline; }

#footer{ height: 100px; width: 100%; background-color: #1f3371; }
#footer_inner { width: 700px; margin: 0 auto 0 auto; overflow: hidden; padding-left: 250px; padding-top: 15px;  }
#footer p { margin-bottom: 10px; color: #fff; float: left; }
#footer a { color: #fff; text-decoration: none; }

.past-performance {margin:20px 0; overflow:auto; display:block;}
.past-performance table td{font-size:10px;padding:2px 3px;}

#summary-showhide{display:block;}
#summary-showhide:hover{color:#1F3371; cursor:pointer;}
#show-hide-text{color:#6699ff; font-size:10px;}
#show-hide-text:hover{color:#1F3371}

#bannerslide { 
	width: 350px; 
	height: 142px; 
	float: right; 
	margin-left: 10px;
	-moz-box-shadow: #CCD0D1 0px 0px 4px;
	-webkit-box-shadow: #CCD0D1 0px 0px 4px;
}

#placeholder {
	float: left;
}
	
/********* Navigation **********/

ul#nav{ width: 230px; float: left; display: block; background-color: #1f3371; padding: 0px 0 20px 0; }

#nav li { float: left; width: 230px; height: 35px; }
#nav li a { width: 230px; height: 35px; display: block; text-indent: -9999px; }

#nav li.home a { background-image: url('../images/core/nav_01.gif'); }
#nav li.compound_wealth a { background-image: url('../images/core/nav_02.gif'); }
#nav li.wealth_generation_plan a { background-image: url('../images/core/nav_03.gif'); }
#nav li.why_join a { background-image: url('../images/core/nav_04.gif'); }
#nav li.fx_managed_account a { background-image: url('../images/core/nav_05.gif'); }
#nav li.past_performance a { background-image: url('../images/core/nav_06.gif'); }
#nav li.subscribe_now a { background-image: url('../images/core/nav_07.gif'); }
#nav li.forex a { background-image: url('../images/core/nav_11.gif'); }
#nav li.contact_us a { background-image: url('../images/core/nav_13.gif'); }
#nav li.about_us a { background-image: url('../images/core/nav_12.gif'); }
#nav li.more_info a { background-image: url('../images/core/nav_14.gif'); }


.affiliates a{
	background: url(../images/core/nav_10.jpg);
}
.faq a{
	background: url(../images/core/nav_09.jpg);

}
#nav li a:hover { background-position: 0 -35px; }
#p-home li.home a, #p-compound_wealth li.compound_wealth a, #p-wealth_generation_plan li.wealth_generation_plan a, #p-why_join li.why_join  a, #p-fx_managed_account li.fx_managed_account a, #p-past_performance li.past_performance a, #p-subscribe_now li.subscribe_now a, #p-forex li.forex a, #p-contact_us li.contact_us a, #p-about_us li.about_us a, #p-more_info li.more_info a  { background-position: 0 -35px; }

/********* Form **********/

.form { margin-bottom: 15px; float: left; display: block; }
.form li { margin-bottom: 5px; } 
.form label  { display: inline-block; width: 200px; float: left; padding-bottom: 5px; }

form { display: block; float: left; }
textarea { width: 350px; padding-left: 3px; padding-top: 3px; font-family: Verdana,Tahoma,sans-serif;  }
input { width: 200px; font-family: Verdana,Tahoma,sans-serif; }


.baseform span.attention {color: #ff0000; font-weight: bold;}
.baseform label.error { float: none; display: block; color: #ff0000; margin-left: 100px; width: auto; }

#disclaimer{
	font-size: 9px;
}
.download-pdf{
	background: url(../images/icon-pdf.gif) 0 0 no-repeat;
	padding-left: 20px;
	padding-bottom: 20px;
	height:	16px;
	display: block;
}

/******** Flot (jQuery Graph) *********/
.legendColorBox {width:15px;height:25px;}
.legendLabel {color:#fff;}
.legend {width:200px;}
.legend table{width:200px;}
.legend table td{background:#000;opacity:0.6; filter:alpha(opacity=60); }

.desc{
	overflow: auto;
}