/*styles for the fastbroker web site
//Author: Bernacchia Simone
//Date added: 02/08/2010 */



* { 
	margin:0;
	padding:0;
}
html, body { 
/*	background:#fbfbfb url(images/tile_new2.gif) repeat-x 0% 0%;*/
	background:#fff /*url(../images/tile_new3.png) repeat-x 0% 0% */;
	color:#6f6f6f;
}

p {
padding-top:20px;
}

a {
color:#8CC908;
outline:medium none;
}

.it_txt {
font-size:12px;
font-style:italic;
}

h1 {font-family:Myriad,Verdana,Arial, sans-serif; font-size:48px;	line-height:1.2em; font-weight:normal;	margin-bottom:5px; color:#2b2b2b; letter-spacing:-1px;}


h1 strong {display:block; margin-top:-15px;}

h1 a {
	color:#2b2b2b;
	text-decoration:none;
}


h2 {font-size:2.58em; line-height:1.2em; color:#535353; letter-spacing:-2px; margin-bottom:18px;}
h3 {font-size:1.916em; line-height:1.2em; color:#6a6a6a; letter-spacing:-1px; margin-bottom:12px;}
h4 {font-size:15px; line-height:1.2em; font-weight:bold; margin-bottom:22px; text-transform:uppercase; color:#2b2b2b}

h2 a, h3 a {
	color: #666;
	text-decoration:none;
}


/*some more styles for html and textarea*/
html, input, textarea
	{
		font-family:Calibri, Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:1.666em;
		color:#a7a7a7;
	}

/*some styles for media player in case*/
/* the overlayed element */ 
.simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333; 
     
    width:675px;     
    min-height:200px; 
    border:1px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
   /*  opacity:0.8; */
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    -moz-box-shadow: 0 0 50px #ccc; 
    -webkit-box-shadow: 0 0 50px #ccc;     
} 
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url("../images/close_gadget.png"); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

#flashplayer{
	width:420px;
	height:320px;
	background: #fff;
	position:absolute;
	top:25%;left:50%;
margin: -175px 0 0 -150px;
padding:10px 10px 20px 10px;
}

flashvideo{
	padding:16px 8px;
}

#page1 #videolink {
	display:block;
}

#close{
	display:block;
	width:16px;
	height:16px;
	background:url("../images/close_gadget.gif") no-repeat;
	float:right;
	cursor: help;
}

/* page 0 styles*/

.wrapper {
overflow:hidden;
width:100%;
}

#page0 .container {
margin:0 auto;
padding-bottom:56px;
width:980px;
}

.col_1, .col_2, .col_3, .sub_col_1, .sub_col_2, .sub_col_3 { 
	float:left;
	display:inline
}

#page0 .firstcontainer{
	height: 380px;
	padding-bottom:50px;
}

.black  {
color:#2B2B2B;
}

.pt16 {
font-size:16px;
line-height:19px;
}

.p1 {
margin-bottom:8px;
}

/*the header with fastbrokers logo*/

/*page 1 content*/
#page1 #content {
	margin:0 auto;
	width:980px;
	display: block;
	background:url(../images/footer-bg.gif) left 90% repeat-x;
	padding-bottom:56px;
}

#page2 #content {
	margin:0 auto;
	width:980px;
	display: block;
	background:url(../images/footer-bg.gif) left 90% repeat-x;
	padding-bottom:56px;
}

#page5 #content {
	margin:0 auto;
	width:980px;
	display: block;
	background:url(../images/footer-bg.gif) left 95% repeat-x;
	padding-bottom:64px;
}

/*the user page content*/
#page9 .container {
margin:0 auto;
padding-bottom:56px;
width:980px;
}


#page9 #content {
	margin:0 auto;
	width:980px;
	display: block;
	background:url(../images/footer-bg.gif) left 90% repeat-x;
	padding-bottom:56px;
}



/* some global styles*/
/*==== GLOBAL =====*/
#main {
	margin:0 auto;

}

#page1 #header {
	height:330px;
	width:980px;
	margin:0 auto 32px auto;
	position:relative
}

#header {
	height:200px;
	width:980px;
	margin:0 auto 32px auto;
/*	border:1px red solid;*/
	position:relative
}


.main-indent  {
padding:0 0 40px;
}

#page5 .main-indent  {
padding:0 0 ;
}

.padding {
padding-bottom:50px;
}

.border  {
background:url("../images/footer-bg.gif") repeat-x scroll left bottom transparent;
margin-bottom:36px;
padding-bottom:46px;
}

.inner {
padding:0 27px;
}

.indent {
padding:0 0 0 8px;
}

.container {
overflow:hidden;
width:100%;
}

.col-pad {
padding-right:30px;
}

.col-pad1 {
padding-right:40px;
}

.format {
line-height:1.5em;
}

.pad {
padding-top:12px;
}

.margin {
margin-right:14px;
}

/*page 5 styles*/
.imgindent {
float:left;
margin:0 20px 20px 0;
}

.phone {
display:inline-block;
width:75px;
}

/*contacts*/

#ContactForm {padding-top:10px;}
#ContactForm label {height:42px; display:block;}
.column1 {float:left; width:222px;}
.column2 {float:left; width:200px;}
.alignright {text-align:right;}
#ContactForm .link {margin:12px 0 0 20px; }
#ContactForm .link:hover {padding-right:9px; color:#090;}
.input {width:184px;  border:1px solid #d6d6d6; background:none; padding:2px 0 2px 5px; font-size:1em; line-height:1.16em;}
.required  {width:184px;  border:1px solid #d6d6d6; background:none; padding:1px 0 1px 5px; font-size:1em; line-height:1.16em;}
.select {height:24px; width:196px;border:none;}
textarea {width:192px; height:145px; border:1px solid #d6d6d6; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}
button {
border: 0px transparent;
	background:url("../images/link-bg.gif") no-repeat scroll right 16px transparent;
color:#4A4A4A;
display:inline-block;
font-size:1.41em;
letter-spacing:-1px;
line-height:1.2em;
padding: 8px 9px 0 0;
text-decoration:none;
}

/*the demo form*/
#demo_form p {
	padding-top:0px;	
}

#demo_form label {
float:left;
width:10em;
}

#demo_form input.required {
background-color:#FFFFFF;
border:thin solid #ABABAB;
color:#747474;
font-size:13px;
height:20px;
margin-left:0;
margin-top:0;
padding-left:4px;
width:190px;
}

#demo_form select {
height:25px;
width:190px;
}
#demo_form label.error { float: none; color: red; padding-left: .5em; vertical-align: bottom;  }

#form_error_div{
/*	background: #fffacd; 
	border: 1px #f8c175 solid;*/
	padding:4px;
}

/*the phone numbers table*/

.phonelist{
	padding: 4px;
	border-bottom:1px #eee dotted;
}
.phonenumber{
	font-weight:bolder;
	font-size:13px;
	letter-spacing: 0.5pt;
	padding-left:16px;
}

.phonenote{
	font-style:italic;
	font-size:11px;
	letter-spacing: 0.5pt;
	padding-left:16px;
}


/*==== CUSTOM ADDED =====*/
#topheader {
	height:80px;
	width:980px;
	margin:0 auto;
	background: #fff;
	position:relative
}

#topheadertoplogo{
	display:block;
	background-color: #fff;
	background:url("../images/FB-Metal-Logo.png") 1% 50% no-repeat;
	height:80px;
	width: 980px;
}





/*the menu*/
#topmenu {
	width:980px;
	height:35px;
	margin:	0 auto 20px auto;
	background: url("../images/third_menubar.png") repeat-x top left;
/*	border: 1px blue dotted;*/
}

#topmenu ul {

	margin:0;
	padding-left:100px;
	list-style: none outside none;
}

#topmenu li {
/* 	background:url("../images/tile_menu_background.gif") repeat scroll 0 0 transparent;
 */	display:inline;
	float:left;
	margin-right:5px;

}

#topmenu li {
/* 	background:url("../images/tile_menu_background.gif") repeat scroll 0 0 transparent;
 */	display:inline;
	float:left;
	margin-right:5px;
	font-size:14px;
}


#topmenu li span {
/* 	background:url("../images/tile_menu_background.gif") repeat scroll right top transparent;
 */	display: inline;
	float: left;
	height: 35px;
	font-size:14px;
	margin: 0 0 0 10px;
	padding: 0 10px 0 0;
}

#topmenu li a span,
#topmenu li a:active span,
#topmenu li a:link span,
#topmenu li a:visited span
  {
/* 	background:url("../images/top_menu.gif") repeat scroll right top transparent;
 */	display: inline;
	float: left;
	height: 35px;
	font-size:14px;
	margin: 0 0 0 10px;
	padding: 0 10px 0 0;
	letter-spacing: 0pt;
}

#topmenu li a,
#topmenu li a:active,
#topmenu li a:link,
#topmenu li a:visited {
/* 	background:url("../images/top_menu.gif") repeat scroll 0 0 transparent;
 */	display: block;
	float: left;
	color:#ebebeb;	
	font-size:14px;
height:35px;
	line-height:32px;
	text-decoration: none;
}

#topmenu li a:hover {
	text-decoration: none;
	background: url("../images/tile_menu_background.gif") no-repeat top left;
	color:#fff;	
}

#topmenu li a:hover span
  {
	background:url("../images/tile_menu_background.gif") repeat scroll right top transparent;
	display: inline;
	float: left;
	height: 35px;
	margin: 0 0 0 10px;
	padding: 0 10px 0 0;
}

/* buttons selected state*/

#topmenu li a.selected,
#topmenu li a.selected:active
#topmenu li a.selected:link
#topmenu li a.selected:visited
 {
	background:url("../images/tile_menu_background_sel.gif") repeat scroll 0 0 transparent;
	display: block;
	float: left;
	color:#ebebeb;	
	font-size:14px;
height:36px;
	line-height:32px;
	text-decoration: none;
}

#topmenu li a.selected:hover
 {
	background:url("../images/tile_menu_background.gif") repeat scroll 0 0 transparent;
	display: block;
	float: left;
	color:#ebebeb;	
	font-size:14px;
height:35px;
	line-height:32px;
	text-decoration: none;
}

#topmenu li a.selected span,
#topmenu li a.selected:active span,
#topmenu li a.selected:link span,
#topmenu li a.selected:visited span
  {
	background:url("../images/tile_menu_background_sel.gif") repeat scroll right top transparent;
	display: inline;
	float: left;
	height: 35px;
	margin: 0 0 0 10px;
	padding: 0 10px 0 0;
	letter-spacing: 0.2pt;
}

#topmenu li a.selected:hover span
 {
	background:url("../images/tile_menu_background.gif") repeat scroll right top transparent;
	display: inline;
	float: left;
	height: 35px;
	margin: 0 0 0 10px;
	padding: 0 10px 0 0;
	letter-spacing: 0.2pt;
}


/*the top right menu*/

.toprightmenu{
	display:block;
	width:600px;
	height:30px;
	float:right;
	margin-top:10px;
}

toprightmenu ul {
	
}

.toprightmenu ul li {
	display: inline;
	background:url("../images/spacer.gif") no-repeat scroll 100% 4px transparent;
	float:right;
	margin-right:8px;
	padding:0 8px 0 0;
}

.toprightmenu ul li a {
	text-decoration: none;
	color:#2a2a25;
}

.toprightmenu ul li a:hover {
	text-decoration: underline;
	color:#1B5403;
}

/*sublinks*/

.link {
	background:url("../images/link-bg.gif") no-repeat scroll right 7px transparent;
color:#4A4A4A;
display:inline-block;
font-size:1.41em;
letter-spacing:-1px;
line-height:1.2em;
padding-right:9px;
text-decoration:none;
}

.link:hover {padding-right:11px;}

/*footer styles */

#footer {

background:none repeat scroll 0 0 #E8E8E8;
width:100%;
height:auto;

}

#footer .container {
	padding:0 !important;
	width:980px;
	margin:0 auto;
/*	position:relative;*/
}

.copy {
/*	position:absolute;*/
	margin:10px 0 0 0;
	color:#8e8e8e;
	font-size:12px;
	letter-spacing: -0.5px; 
}
.bottom_menu {
/* 	position:absolute;*/
 	margin:23px 0 0 0;
}

.bottom_menu ul, ol {
list-style:none outside none;
}

.bottom_menu ul li {
	font-family:calibri,Helvetica,sans-serif;
	float:left;
	background:url(../images/spacer.gif) no-repeat 100% 4px;
	padding:0 8px 0 0;
	margin-right:8px;
	letter-spacing:-0.4pt;
	width:105px;
}
.bottom_menu ul li a {
	font-family:calibri,Helvetica,sans-serif;
	color:#2a2c25;
	text-decoration:none
}
.bottom_menu ul li a:hover {
	color:#2a2c25;
	text-decoration:underline
}

.bottom_menu ul li.selected {
/*	background: #f4f4f4 url(../images/spacer.gif) no-repeat 100% 4px;*/
	background: url(../images/spacer.gif) no-repeat 100% 4px;
	padding:0 8px 0 0;
	margin-right:8px;
}

.foot_txt {
	font-family:calibri,Helvetica,sans-serif;
	font-size:11px;
	line-height:14px;
/* 	position:absolute;
	margin:64px 0 0 0; */
	width: 980px;
	padding-bottom:20px;
}

.bottom_submenu {
/*	position: absolute; */
	line-height: 10px;
/*	background-color: #f4f4f4;*/
	display:block;
	width:120px;
	float:left;
}


.subcontainer {
display:block;
height:120px;
width:980px;
}

.bottom_generic_submenu {
/*	position: absolute; */
	line-height: 10px;
}

.bottom_submenu  ul, ol, .bottom_generic_submenu ul {
list-style:none outside none;
margin:4px 0 4px 4px;
}

.bottom_submenu ul li, .bottom_generic_submenu ul li{
	font-family:calibri,Helvetica,sans-serif;
/*	float:left;*/
font-size:11px;
	padding:0 8px 4px 0;
	margin-right:8px;
}

.bottom_submenu ul li a, .bottom_generic_submenu ul li a {
	font-family:calibri,Helvetica,sans-serif;
	color:#2a2c25;
	text-decoration:none
}
.bottom_submenu ul li a:hover, .bottom_generic_submenu ul li a:hover {
	color:#2a2c25;
	text-decoration:underline
}

.foot_txt p {
	padding-top:0px!important;
}

/*submenu styles*/


/*easyslider styles*/


/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:140px;
		height:170px;
		overflow:hidden; 
		}
	#slideishere #controls{
		margin:0;
		position:absolute;
		width:430px !important;
		height:170px !important;
		margin: 0 0 0 -10px;
		}			
		
	span#prevBtn {
background:url("../images/slide_prev.gif") no-repeat scroll 0 0 transparent;

display:block;
height:150px;
width:16px;
float:left;
margin-top:-170px;
}	
	span#nextBtn{
		background: url("../images/slide_next.gif") no-repeat scroll 0 0 transparent;
		
	display:block;
	height:150px;
	width:16px;
	float: right;
	margin-top:-170px;
/*	margin-left:380px;
	*margin-left:0px;*/
	}
		span#prevBtn a,span#nextBtn a {
			display:block;
			width:16px;
			height:170px;
		}

/* // Easy Slider elements */

.block {width:130px; background:url(../images/block-bg.gif) left top no-repeat; float:left; color:#777777; line-height:1.333em;}
.block img {margin-bottom:8px;}
.block span {padding-left:9px; display:inline-block;}
.block .indent {padding:5px 4px 5px 5px;}

/*compliance firms links*/
.compliancefirms {
	text-decoration: none;
	color:#777777;
	border: none;
}

.compliancefirms img {
	border:0px;
}

/* Login box CSS*/

#login_box{
	width:350px;	
}

#login_box input.required, #forgot_pw_box input.required{
	width:160px;
}

#login_failed_box{
	width:350px;
}
#forgot_pw_box{
	width:350px;
}

#search_box{
	width:360px;	
}

#login_error_container,#forgot_error_container{
background:url('../images/warning_error.gif') 10px 10px no-repeat; 
background-color:#FFF9DC;
border:2px dotted #EAEAEA;
margin:8px 8px 15px 8px;
padding:8px 8px 8px 40px;
}

.cleanparagraph{
	padding:0;
}

/*login box from tom stuff*/

/* the overlayed element */ 
.simple_overlay {
	background-color:#FFF;
	border-color:#666;
	border-width:1px;
	border-style:solid;
     
    /* must be initially hidden */ 
    display:none;
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     

     
    /* CSS3 styling for latest browsers */ 
  
} 
 
/* close button positioned on upper right corner */ 
.simple_overlay .close {
	font-size:12px;
	color:#686868;
    position:absolute; 
    right:25px; 
    top:10px; 
    cursor:pointer;
	text-decoration:underline;
}

.simple_overlay ul{
	margin-top:16px;
	margin-left:15px;
}

.simple_overlay li{
	list-style-type:none;
	padding:5px;
}

.login_box_inner{margin-left:50px;margin-top:5px;}

label.error { float: none; color: red; padding-left: .5em; vertical-align: bottom;  }
.login_form{ font-size:13px; color:#747474;}	
.loginLabel{ width: 8em; float: left; }
.login_submit{
	margin-left:220px;
	cursor:pointer;
	background:url(images/send_btn.png);
	width:75px;
	height:29px;
	border:none;
	color:#FFF;
	font-weight:bold;
}



.required{
	background-color:#FFF;
	margin-top:0px;
	padding-left:4px;
	width:190px;
	margin-left:0px;
	height:20px;
	border-width:thin;
	border-style:solid;
	border-color:#ababab;
}

input.error{
	background: #FFBCBC !important;
	border-color:#c24949;
}


/*the News Section*/

.page_trail, .news_separator {
background:url("../images/footer-bg.gif") repeat-x scroll left bottom transparent;
margin-bottom:20px;
padding-bottom:20px;
}

.bottom_page_trail {

margin-bottom:20px;
padding-bottom:20px;
}

.newsabstract {
	font-size:14px;
}


.blogheader {
		height: 100px !important;
		background: url("../images/blogsheader.png") no-repeat;
}

.minus1dot5{
	letter-spacing: -1.5px;
}

.minus1{
	letter-spacing: -1px;
}

.minus1pt{
	letter-spacing: -1pt;
}

button {
	cursor:pointer;
}

.noborder {
	border:none !important;
}

/*css top live chat hack*/

#topchat {
}

#topchat a {
background:url("https://secure.fastbrokers.com/images/livechat-blink.gif") no-repeat scroll 0 4px transparent;
display:block;
height:16px;
width:65px;
color:transparent !important;
font-size:1px!important;
overflow:hidden;
text-decoration:none !important;

}