﻿* { margin:0; padding:0; }
/* common styles */
a { text-decoration:none; color:#2178A6; outline:none;}
p { line-height:16px; text-align:justify;}


.pngfix { behavior: url(iepngfix.htc)}
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url(../images/bg.gif) repeat-x #a9c9de;}
span.error{color:#ff0000; padding-left:10px;}
#wrapper { width:1000px; height:auto; overflow:hidden; margin:0 auto;}
	
	#header { width:1000px; height:115px; position:relative;}
	#header a.logo { width:307px; height:48px; text-indent:-9999px; outline:none; background:url(../images/logo.png) no-repeat; display:block; margin-top:35px; float:left; display:inline; }
	
	#header #clock { position:absolute; top:25px; left:345px; width:253px; height:65px; }

	/*#header input.search { width:217px; height:19px; border:none; background:url(../images/search_bg.png) no-repeat; color:#40a7db; font-size:11px; float:right; padding-left:10px; padding-top:3px; margin-top:46px;}*/
	#header #search-wrapper{ width:330x; float:right; margin-top:35px; }
	#header #search-wrapper input.search{ margin:0; padding:0; width:270px; height:27px; border:none; background:url(../images/search_bg.gif) no-repeat; color:#40a7db; font-size:11px; padding:12px 0 0 10px; }
	#header #search-wrapper input.search-btn { margin:0; padding:0; background:url(../images/search_btn.gif) no-repeat; width:51px; height:39px; border:none; outline:none;}
/* top navigation */
/* replaced with dd smooth menu*/



/* stock scroller */
#scroll { clear:both; width:1000px; height:32px; line-height:32px; background:url(../images/scrollbg.gif) repeat-x;}

div#intro { width:1000px; height:172px; overflow:hidden; background:url(../images/intro_bg.jpg) no-repeat; text-align:center;}
	div#intro p { width:908px; font-size:14px; color:#ffffff; text-align:center; margin:20px auto 0px auto; line-height:18px;}
	div#intro ul { width:910px; height:auto; font-size:12px; color:#ffffff; margin:15px 0 0 55px; overflow:hidden; }
	div#intro ul li { width:auto; height:auto; float:left; display:inline; padding-right:5px; text-align:left; }
	div#intro #service-list a{color:#FFFFFF; text-decoration:underline; padding:0px 2px;}
	div#intro #service-list a:hover{background-color:#FFFF33; color:#000000; text-decoration:none;}
	div#intro #scroller { width:980px; height:32px; background-color:#fff; line-height:32px; border-bottom:1px solid #576b2a; margin:10px 0 0 10px; color:#fff; opacity:0.5; filter: alpha(opacity = 50);
}

div.sep { width:1000px; height:11px; background:url(../images/introbtm.png) no-repeat;}

/* colums wrapper */
#column-wrapper { width:1000px; height:auto; overflow:hidden; margin-top:1px; background:url(../images/faux_bg.gif) repeat-y;}
	
#column-wrapper .col-1, .col-2, .col-3 { float:left; display:inline; height:auto; overflow:hidden;}

	#column-wrapper .col-1 { width:300px;}
	#column-wrapper .col-2 { width:450px;}
	#column-wrapper .col-3 { width:250px;}
	
	#column-wrapper .col-1 h1 { background:url(../images/tabBg.gif) no-repeat; width:290px; height:40px; line-height:40px; padding-left:10px; font-weight:normal; font-size:20px; color:#1d6b9f; border-bottom:1px solid #b8cdda;}
	
	#column-wrapper .col-1 .section-wrap { width:298px; border-left:1px solid white; border-right:1px solid white;}
	#column-wrapper .col-1 .section-wrap h2 { width:288px; background:url(../images/bglinks.gif) repeat-x; height:31px; line-height:31px; font-size:11px; color:#466d88; padding-left:10px;}
		#column-wrapper .col-1 .section-wrap h2 a { color:#466d88; text-decoration:none; display:block; height:31px; line-height:31px; padding-left:30px;}
		#column-wrapper .col-1 .section-wrap h2 a#sl1 { background:url(../images/sl1.png) no-repeat left center; }
		#column-wrapper .col-1 .section-wrap h2 a#sl2 { background:url(../images/sl2.png) no-repeat left center; }
		#column-wrapper .col-1 .section-wrap h2 a#sl3 { background:url(../images/sl3.png) no-repeat left center; }
		#column-wrapper .col-1 .section-wrap h2 a#sl4 { background:url(../images/sl4.png) no-repeat left center; }
		#column-wrapper .col-1 .section-wrap h2 a#sl5 { background:url(../images/sl5.png) no-repeat left center; }
		#column-wrapper .col-1 .section-wrap h2 a#sl6 { background:url(../images/sl6.png) no-repeat left center; }
		#column-wrapper .col-1 .section-wrap h2 a#sl7 { background:url(../images/sl7.png) no-repeat left center; }
		#column-wrapper .col-1 .section-wrap h2 a:hover { color:#4aaaf0; }
	
	#column-wrapper .col-1 .chart-zone { background-color:#ffffff; height:auto; overflow:hidden; padding:10px 10px 10px 10px;}
	
	/* column -2 */
	#column-wrapper .col-2 .top { width:450px; height:14px; background:url(../images/curve_mid_top.gif) no-repeat;}
	#column-wrapper .col-2 .container { width:450px; height:auto; overflow:hidden; background-color:#e3eaf2;}
	
	#column-wrapper .col-2 ul#buttons { list-style:none; width:430px; height:auto; overflow:hidden; margin-left:10px;}
		#column-wrapper .col-2 ul#buttons li { width:210px; height:44px; float:left; display:inline;}
		#column-wrapper .col-2 ul#buttons li a { display:block; width:210px; height:44px; text-indent:-9999px; outline:none; }
		#column-wrapper .col-2 ul#buttons li.got-margin { margin-left:10px; margin-bottom:10px;}
			
			#column-wrapper .col-2 ul#buttons li a#calendar { background:url(../images/ico_forum.gif) no-repeat top;}
			#column-wrapper .col-2 ul#buttons li a#open_account { background:url(../images/ico2.gif) no-repeat top;}
			#column-wrapper .col-2 ul#buttons li a#app_form { background:url(../images/ico3.gif) no-repeat top;}
			#column-wrapper .col-2 ul#buttons li a#traders_blog { background:url(../images/ico4.gif) no-repeat top;}
			#column-wrapper .col-2 ul#buttons li a#demo_acc { background:url(../images/ico5.gif) no-repeat top;}
			#column-wrapper .col-2 ul#buttons li a#live_chat { background:url(../images/ico6.gif) no-repeat top;}
			
			#column-wrapper .col-2 ul#buttons li a#calendar:hover,
			#column-wrapper .col-2 ul#buttons li a#open_account:hover,
			#column-wrapper .col-2 ul#buttons li a#app_form:hover,
			#column-wrapper .col-2 ul#buttons li a#traders_blog:hover,
			#column-wrapper .col-2 ul#buttons li a#demo_acc:hover,
			#column-wrapper .col-2 ul#buttons li a#live_chat:hover
			 { background-position:bottom;}

				#column-wrapper .col-2 .news { width:450px; height:auto; overflow:hidden; margin-bottom:5px;}
				#column-wrapper .col-2 .news h1 { width:440px; height:41px; background:url(../images/news_heading_bg.jpg) no-repeat; font-weight:normal; font-size:18px; color:#1d6b9f; line-height:40px; padding-left:10px; margin-bottom:5px;}
				
				.news-block { width:450px; height:auto; overflow:hidden;}
				
				.news-block .highlight { width:418px; height:auto; overflow:hidden; border:1px solid #c2d0dc; background-color:#f6f6f6; padding:10px; margin:0 0 5px 5px;}
				.news-block .highlight h4 { color:#3589b4;}
				.news-block .highlight small {}
				.news-block .highlight p {color:#646464; }
	
	/* column -3 */
	
	#column-wrapper .col-3 h1 { background:url(../images/tabBg_rt.gif) no-repeat; width:235px; height:40px; line-height:40px; padding-left:15px; font-weight:normal; font-size:20px; color:#1d6b9f; border-bottom:1px solid #b8cdda;}
	
	#column-wrapper .col-3 .container { width:219px; height:auto; overflow:hidden; background:url(../images/bg_rpt_rt.gif) repeat-x #ffffff; padding:0 15px 0 15px; border-left:1px solid #ffffff;}
	#column-wrapper .col-3 .container h2 { font-weight:normal; font-size:20px; color:#1d6b9f; margin:5px 0; }
	#column-wrapper .col-3 .container p { font-size:11px; color:#3589cf; line-height:14px;}
	
	#column-wrapper .col-3 .container a.subscribe { background:url(../images/subscribe_btn.gif) no-repeat; width:129px; height:29px; text-indent:-9999px; display:block; margin:10px 0;}
	
	#column-wrapper .col-3 .chart-container { background:url(../images/chart_rt_bg.gif) repeat-x #ffffff; width:219px; height:auto; overflow:hidden; padding:0 15px; border-left:1px solid #ffffff;}
		#column-wrapper .col-3 .chart-container h2 { font-weight:normal; font-size:20px; color:#1d6b9f; margin:5px 0; }

/* contents */
#column-wrapper .content-wrap { width:700px; height:auto; overflow:hidden; color:#646464; float:left; display:inline;}
#column-wrapper .content-wrap .title { width:685px; height:40px; background:url(../images/contents_title.gif) no-repeat; line-height:40px; padding-left:15px; font-weight:normal; font-size:20px; color:#1d6b9f; border-bottom:1px solid #b8cdda; }
#column-wrapper .content-wrap .contents { width:675px; height:auto; padding:10px 10px 10px 15px;}
#column-wrapper .content-wrap .prevnext{margin:10px 10px 0px 15px; height:20px; width:675px; border:none;}
#column-wrapper .content-wrap .prevnext span{padding:0px;}
#column-wrapper .content-wrap .prevnext a{text-decoration:underline; font-size:13px;}
#column-wrapper .content-wrap .prevnext a:hover{background-color:#FFFF00; text-decoration:none; color:#000000}

	#column-wrapper .content-wrap .contents p, li { line-height:18px;}
	#column-wrapper .content-wrap .contents a{color:#0066FF;}
	#column-wrapper .content-wrap .contents a:hover { background-color:yellow!important; color:black; }
	#column-wrapper .content-wrap .contents ul { list-style-position:outside; margin:10px 0 10px 15px; list-style:disc;}
	#column-wrapper .content-wrap .contents p { padding-bottom:10px; line-height:16px;}
	#column-wrapper .content-wrap .contents p strong { color:#17547D; }
#column-wrapper .content-wrap h2 {color:#2487c8; font-size:16px; margin-bottom:5px;}

#column-wrapper .content-wrap .contents p img { border:1px solid grey;}
/**/

		#btm_curve { width:1000px; height:10px; line-height:1px; font-size:1px; background:url(../images/brm_curve.png) no-repeat; margin-bottom:15px;}
/* marquee */
marquee p a{color:#000000;}	
	
	
div.highlight h4 a:link,div.highlight h4 a:visited{color:#17547d;}
div.highlight h4 a:hover{text-decoration:underline;}
	


/* footer */
div#footer { clear:both; width:1000px; height:auto; overflow:hidden; margin:0 auto; }
div#footer .top { width:1000px; height:37px; background:url(../images/footer_bg.png) no-repeat; line-height:37px; font-size:11px; padding:0 10px; margin:0 auto; color:#dbecf5; line-height:37px; }
	div#footer .top  ul { width:auto; height:37px; line-height:37px; list-style:none; list-style-type:none;}
	div#footer .top  ul li { float:left; display:inline; height:37px; line-height:37px;}
	div#footer .top  ul li a { width:auto; height:25px; text-decoration:none; color:#dbecf5; display:block; float:left; padding:0 5px;}
	div#footer .top  ul li a:hover { text-decoration:underline;}
	div#footer .btm { width:auto; height:auto; text-align:center; color:#1d6b9f; font-size:11px; margin:10px 0;}
/*contcst*/
#biodataform,#contactform, #brokerform {
	padding:5px;

}
#biodataform p,#contactform p,#brokerform p{
	line-height:25px;
	margin-bottom:3px;
}
#contactform input.text{width:215px;}
#biodataform input.text,#brokerform input.text{width:300px;}
#biodataform textarea,#brokerform textarea{width:500px;}
#biodataform label,#contactform label,#brokerform label {
	float: left;
	width: 120px;
	font-weight: normal;
}
#biodataform fieldset,#contactform fieldset,#brokerform fieldset{border:1px dashed #1D6B9F; margin-bottom:10px; padding:10px;}
#biodataform legend,#contactform legend, #brokerform legend{ border:none; font-weight:bold; padding:3px; color:#1D6B9F; background-color:#e3eaf2;}
span.hilite{color:#FFFFFF; background-color:#666699;}

/**/

a#mex-button, a#comen-button { margin-top:10px; padding:10px; display:inline-block; width:50px; text-align:center; font-size:14px; margin-bottom:10px; background-color:#00aeef; color:white!important;}
a#mex-button:hover, a#comen-button:hover { color:black!important;}


#topnav {
	width:1000px;
	font-size:11px;
	line-height:23px;
	text-align:right;
	position:absolute;
	top:10px;
	left:0px;
	color:#FFFFFF;
}
#topnav a{color:#CCCCCC; text-decoration:underline;}
#topnav a.signin {
	
	padding:2px;
	font-weight:bold;
	color:#fff;
}
#topnav a.signin:hover {
	background:#59B;
	text-decoration:none;
}
#topnav a.signin, #topnav a.signin:hover {
	*background-position:0 3px!important;
}

#topnav a.menu-open {
	background:#ddeef6!important;
	color:#666!important;
	outline:none;
}
#small_signup {
	display:inline;
	float:none;
	line-height:23px;
	margin:25px 0 0;
	width:170px;
}
a.signin.menu-open span {
	background-image:url("../images/toggle_up_dark.png");
	color:#789;
}

#signin_menu {
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	display:none;
	background-color:#ddeef6;
	position:absolute;
	width:210px;
	z-index:100;
	border:1px transparent;
	text-align:left;
	padding:12px;
	top: 16px; 
	right: 0px; 
	margin-top:5px;
	margin-right: 0px;
	*margin-right: -1px;
	color:#789;
	font-size:11px;
}

#signin_menu input[type=text], #signin_menu input[type=password] {
	display:block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #ACE;
	font-size:13px;
	margin:0 0 5px;
	padding:5px;
	width:203px;
}
#signin_menu p {
	margin:0;
}
#signin_menu a {
	color:#6AC;
}
#signin_menu label {
	font-weight:normal;
}
#signin_menu p.remember {
	padding:10px 0;
}
#signin_menu p.forgot, #signin_menu p.complete {
	clear:both;
	margin:5px 0;
}
#signin_menu p a {
	color:#27B!important;
}
#signin_submit {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background:#39d url('../images/bg-btn-blue.png') repeat-x scroll 0 0;
	border:1px solid #39D;
	color:#fff;
	text-shadow:0 -1px 0 #39d;
	padding:4px 10px 5px;
	font-size:11px;
	margin:0 5px 0 0;
	font-weight:bold;
}
#signin_submit::-moz-focus-inner {
padding:0;
border:0;
}
#signin_submit:hover, #signin_submit:focus {
	background-position:0 -5px;
	cursor:pointer;
}

.tipsy-inner {
	padding:10px 15px;
	line-height:1.5em;
	font-weight:bold;
}
.tipsy {
	opacity:.8;
	filter:alpha(opacity=80);
	background-repeat:no-repeat;
	padding:5px;
}
.tipsy-inner {
	padding:8px 8px;
	max-width:200px;
	font:11px 'Lucida Grande', sans-serif;
	font-weight:bold;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background-color:#000;
	color:white;
	text-align:left;
}
.tipsy-north {
	background-image:url(../images/tipsy-north.gif);
	background-position:top center;
}
.tipsy-south {
	background-image:url(../images/tipsy-south.gif);
	background-position:bottom center;
}
.tipsy-east {
	background-image:url(../images/tipsy-east.gif);
	background-position:right center;
}
.tipsy-west {
	background-image:url(../images/tipsy-west.gif);
	background-position:left center;
}

