﻿body
{
	font-family:"Trebuchet MS";
	background-color:#FFFFFF;
	margin:0;
}
#header
{
	min-width:1000px;
	width:100%;
	background-color:#FFFFFF;
		background: #FFFFFF;
}
#top-header
{

}
#top-header div
{
	margin:0 auto;
	width:1000px;
	padding:0;
	text-align:right;
}
#top-header div  h1
{
}
#site_logo,#login-site_logo
{	
	width:1000px;
	margin:0 auto;	
	padding:0 0 0 0;
	overflow:auto;
}

#site_logo
{	
	width:1000px;
	margin:5px auto 0 auto;	
	padding:0 0 0 0;
	overflow:auto;
}
#site_logo div.site-title
{
	float:left;
	display:inline-block;
}
#site_logo a
{
	float:left;
}
#site_logo a img
{
	border-style:none;
	margin:20px 0 20px 5px;
}

#site_logo h1
{
	color:#0C71CD;
	font-size:16px;
	font-weight:normal;
	background:url('../images/top.png') #FFFFFF no-repeat left center;
	padding:0 0 0 35px;
	margin:0 12px 0 0 ;
	text-align:right;
	display:block;
	float:right;
}

#site_logo div.site-link
{
	float:right;
	display:inline-block;
	clear:right;
}
#site_logo div.site-link ul
{
	margin:0;
	padding:0;
}
#site_logo div.site-link ul li
{
	list-style-type:none;
	float:left;
	margin:0;
	padding:0;
	font-size:16px;
	line-height:36px;
}
#site_logo div.site-link ul li a
{
	background:#0971CE;
	color:#000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 0 15px 0 40px;
	margin-left:20px;
	
	box-shadow: 1px 2px 3px #999999;
-moz-box-shadow: 1px 2px 3px #999999;
-webkit-box-shadow: 1px 2px 3px #999999;
}
#site_logo div.site-link ul li a:focus
{
	outline:0;
}
#site_logo div.site-link ul li:first-child a
{
	background:#004C90;
}
#site_logo div.site-link ul li a:hover
{
	text-decoration:none;
}
#site_logo div.site-link ul li a.register-link
{
	background:url('../images/register.png') 9px 5px #B2E1FF no-repeat;
}
#site_logo div.site-link ul li a.query-link
{
	background:url('../images/query.png') 5px 5px #B2E1FF no-repeat;
	margin-right:5px;
}
#site_menu
{
	height:100%;
	display:block;
	clear:both;
	background: #0F82B4 no-repeat right top;
}
#site_menu ul
{
	width:980px;
	overflow:auto;
	padding:0 10px 0 10px;
	margin:0 auto;
	display:block;
	clear:both;
}
#site_menu ul li
{
	list-style-type:none;
	display:inline-block;
	text-align:left;
	color:#FFF;
	font-size:14px;
	line-height: 20px;
	margin:0 0 0 0;
}
#site_menu ul li.last
{
	border-style:none;
}
#site_menu ul li a
{
	text-decoration:none;
	color:#FFF;		
	padding:10px;
  font-size: 16px;
	display:block;
}
#site_menu ul li a:focus
{
	outline:0;
}
#site_menu ul li a:hover,#site_menu ul li a.balance:hover,#site_menu ul li a.action:hover,
#site_menu ul li a.account:hover,#site_menu ul li a.contract:hover,#site_menu ul li a.info:hover,#site_menu ul li a.informing:hover,
#site_menu ul li a.position:hover,#site_menu ul li a.portfolio:hover,#site_menu ul li a.profit-loss:hover,
#site_menu ul li a.password:hover,#site_menu ul li a.phone:hover{
	background-color:#0971CE;
	color:#FFFFFF;

}
#slider
{	
	background:#50BCEB;
	margin:0 auto;	
	padding:0 0 0 0;
	min-width:1000px;
    text-align: center;
}
#slider .cycle-slideshow
{
	width:1000px;
	margin:0 auto 0 auto;	
	display:block;
	text-align:center;
	overflow:auto;
}
/* pager */
#pager
{
	background:#FFF;
	overflow:auto;
	display:block;
	height:20px;
}
.example-pager { 
    text-align: center; width: 1000px; z-index: 500;  overflow: hidden; margin:5px auto;
}
.example-pager span { 
    font-family: arial; font-size: 70px; width: 20px; height: 20px; 
    display: inline-block; color: #ddd; cursor: pointer; 
}
.example-pager span.cycle-pager-active { color: #FFCB00;}
.example-pager > * { cursor: pointer;}

/* prev / next links */
.cycle-prev { position: absolute; top: 0; left:0; width: 30%; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; }
.cycle-next { position: absolute; top: 0; right:0; width: 30%; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; }
.cycle-prev { left: 0;  background: url(../images/left.png) 0 50% no-repeat;}
.cycle-next { right: 0; background: url(../images/right.png) 90% 50% no-repeat;}
.cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) }

#site-area
{
 	width:100%;
 	float:left;	
 	height:100%;
	display:inline-block;
	float:left;

}
#content
{
	min-width:1000px;
	width:100%;
	margin:0 auto;
	display:block;
}
.content-area
{
	overflow:auto;
	width:1000px;
	margin:0 auto;
	display:block;
}
#main ul
{
	padding:0;
	margin:0;
	overflow:auto;
	bottom:0;
}
#main ul li
{
	list-style-type:none;
	float:left;
	width: 320px;
	overflow:auto;
}
#main ul li.how
{
	margin-left:17px;
	margin-right:17px;
}
#main ul li h2
{
	padding:0;
	margin:0;
}
#main ul li a
{
	text-decoration:none;
	color:#0971CE;		
	padding:15px 20px;
	height:100%;
	display:block;
	text-align:center;
}
#main ul li a img
{
	border:none;
}
#main ul li a b
{
	font-size:24px;
	display:block;
	clear:both;
}
#main ul li a span
{
	color:#434343;
	font-size:14px;
	font-weight:normal;
	clear:both;
	line-height:20px;
}
#main ul li a:hover{
	background-color:#FFFFFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.footer
{
	min-width:1000px;
	clear:both;
	display:block;
}
#footer .center
{
	width:1000px;
	margin:0 auto;
}
#footer .center h4
{
	text-align:center;
	font-weight:normal;
	font-size:13px;
}

#about h2,
#how h2,
#operation h2,
#promo h2,
#price h2,
#contact h2,
#query h2
{
	padding:10px 0 10px 0;
	margin:0;
	font-weight:normal;
	color:#0971CE;
	font-size:24px;
	display:block;
	clear:both;
}
#operation h3{
	font-weight:normal;
	color:#000;
	font-size:20px;

}
/*About Page*/

/*How Page*/

/*Price Page*/

/*Contact Page*/
 .contact-table td{
    vertical-align:top;
 }
/*Login Page*/
#tabs
{
    background:#FFFFFF none no-repeat;
    border-style:none;
    font-family:"Trebuchet MS";  
    margin-top:50px;
}
#tabs ul
{
    background-color:#FFFFFF;
    background-image:none;
    border-style:none;
    padding:0;
}
#tabs ul li
{
    border-color: #EFEFEF;
    background-image:none;
    background-color:#EDF1F6;
    border-bottom-style:none;
    position:relative;
    z-index:2;
}
#tabs ul li.ui-state-active
{
    background-color:#FFFFFF;
}
#tabs ul li a
{
    outline:0;
}
#tabs-1,#tabs-2
{
    background-color:#FFFFFF;
	border:1px solid #EFEFEF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 0 5px 5px 5px;
    position:relative;
    z-index:1;
    margin-bottom:10px;
}
ul.about-list,ul.how-works-top,
ol.operation-list
{
	margin:0;
	padding:0 0 0 15px;
	clear:both;
}
ul.about-list li,ul.how-works-top li
{
	list-style:square url("../images/icon_list.gif");
	list-style-position:inside;
	line-height:28px;
    text-indent: -1.2em;
    padding-left: 1em;
/*	font-family:LuzSans-Book,sans-serif;*/
}
ol.operation-list li{
	line-height:28px;
    padding-left: 1em;
    text-indent: -1.2em;
	list-style-position:inside;
}
.how-works-title
{
    text-align:center;
    background:url(../images/hw-title.png) repeat-y;
    margin-bottom:-20px;
    color:#306FB6;
	border:1px solid #DDDDDD;
	box-shadow: 1px 2px 3px #999999;
-moz-box-shadow: 1px 2px 3px #999999;
-webkit-box-shadow: 1px 2px 3px #999999;
    position:relative;
    z-index:2;
}
ul.how-works-top
{
	margin:0;
	padding:10px 0 20px 0;
    position:relative;
    z-index:1;
}
ul.about-list li,ul.how-works-top li
{
	list-style:square url("../images/icon_list.gif");
	list-style-position:inside;
	line-height:24px;
    text-indent: -1.2em;
    padding-left: 1em;
/*	font-family:LuzSans-Book,sans-serif;*/
}
ul.how-works-images
{
	margin:0;
	padding:0;
}
ul.how-works-images li
{
	list-style-type:none;
	float:left;
	margin: 10px 7px 20px 7px
}
ul.how-works-images li img
{
	border:1px solid #DDDDDD;
	box-shadow: 1px 2px 3px #DEDEDE;
-moz-box-shadow: 1px 2px 3px #DEDEDE;
-webkit-box-shadow: 1px 2px 3px #DEDEDE;
}
ul.how-works
{
	padding:0;
	margin:0;
	display:none;
}
ul.how-works li
{
	list-style-type:none;
	display:block;
	clear:both;
	background:#F1F1F1;
	overflow:auto;
	margin-bottom:10px;
}
ul.how-works li span
{
	color:#FFF;
	background:#0173BA;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	float:left;
	display:inline-block;
	font-size:25px;
	padding:0 13px;
	margin:10px;
}
ul.how-works li p
{
	float:left;
	display:inline-block;
	width:900px;
	font-size:14px;
	margin:10px;
}
.ui-widget-header{
	color:#FFFFFF;
	background:#0F82B4;
}
.ui-dialog .ui-dialog-title{
	font-family:Arial;
}
.required{
	color:Red;
}

ul.promo-links
{
    margin:0;
    padding:0;
    display:inline-block;
}
ul.promo-links li
{
    display:block;
    background-color:#EFEFEF;
    width:330px;
}
ul.promo-links li a
{
    display:block;
}
ul.promo-links li a img
{
    height:160px;
}
ul.promo-links li a span
{
    font-size:16px;
    margin-left:40px;
}
ul.promo-links li a:hover
{
    text-decoration:none;
}
ul.promo-links li a:hover span
{
    text-decoration:none;
}

ol.faq-list
{
	margin:0;
	padding:0;
	clear:both;
}
.ui-accordion-header.ui-state-default{
	border-style:none !important;
	background:none;
  font-size: 14px;
  font-family: "Trebuchet MS";
  color:#000;
  margin-top:0 !important;
}
.ui-accordion-header.ui-state-default:focus{
	outline:0;
}
.ui-accordion-header.ui-state-active{
	background:#FFF;
	font-weight:bold;
}
.ui-accordion-header.ui-state-active:focus
{
	outline:0;
}
.ui-accordion-content{
	border-style:none !important;
  font-size: 14px;
  font-family: "Trebuchet MS";
    color:#000;
}