/* CSS Document */

html, body{
	margin: 0 auto;
	padding: 0;
	background: #0d1e42 url(../images/bg_page.png) top repeat-x;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style:normal
}

img {
    border: 0;
}

div.Container{
	width: 1000px;
	margin: 0 auto;
	background: transparent;
}

div.Head{
	position: relative;
	float: left;
	width: 100%; height: 100px;
}
div.Head .logo{
	float:left;
	position:absolute;
	width: 440px; height: 100px;
	background: url(../images/logo.png) no-repeat;
}
	
div.Head .Right{
	float: right;
	position: relative;
	top: 0;
	margin: 0;
	text-align: right;
	width: 550px;

}

div.Head .Right .linktop{
	float: right;
	margin:0; padding:0; #padding-top: 10px;
	text-align:right;
	width: 100%;
}

div.Head .Right .linktop ul{
	list-style: none;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px; font-weight: bold;
	font-style: normal;
	text-align:right;
	float:right;
}

div.Head .Right .linktop ul li{
	float: left;
	display:inline;
	padding: 0 10px 0 10px;
	border-right: 1px #999 solid;
}

div.Head .Right .linktop ul li a{
	color: #000;
	text-decoration:none;
}

div.Head .Right .linktop ul li a.current{
	color: #2a528f;
    text-decoration:none;
}

div.Head .Right .linktop ul li a:hover{
	color: #2a528f;
	text-decoration: none;
}

div.Head .Right .linktop .last{
	border-right:0;
	padding: 0 0px 0 10px;
}

div.Head .Right .menumain{
	float: right;
	margin: 25px 0 0 0; #margin-top: 40px;
	text-align: right;
	width: 100%;
}

div.Content1{
	float: left;
	margin: 15px 0 0 0;
	width: 100%;
}

div.Content1 .Left{
	float: left;
	margin: 0;
	padding: 0;
	width: 690px; _width: 672px;
}

div.Content1 .Right, div.Content2 .Right{
	float: right;
	margin: 0;
	padding: 0;
	width: 300px;
}

div.Content1 .Left .banner{
	width: 100%;
	float: left;
}

div.Content1 .Left .lastest_news{
	width: 100%; height: 25px;
	float: left;
	margin: 10px 0 0 0; _margin-top: 8px; #margin-top: 8px;
	padding: 0 10px 0 15px;
	background: url(../images/lastestnews_bg.gif) no-repeat;
	line-height: 25px;
	position: relative;
}

div.Content1 .Left .lastest_news .caption{
	float:left;
	margin-right: 20px;
	font-weight: bold;
}

div.Content1 .Left .lastest_news .pre{
	width: 10px; height: 17px;
	background: url(../images/lastestnews_pre.gif) no-repeat;
	background-position: 0px 4px;
	border-right: 1px #b4b8bb solid;
	padding-right: 8px;
	position: absolute;
	float: left;
	margin: 4px 0 0 80px; #margin-left: -10px;
}

div.Content1 .Left .lastest_news .pre:hover, div.Content1 .Left .lastest_news .next:hover{
	background-position: 0px -15px;
	cursor: pointer;
}

div.Content1 .Left .lastest_news .next{
	width: 10px; height: 17px;
	background: url(../images/lastestnews_next.gif) no-repeat;
	background-position: 0px 4px;
	padding-left: 8px;
	position: absolute;
	float: left;
	margin: 4px 0 0 102px; #margin-left: 12px;
}

div.Content1 .Left .lastest_news .news_record{
	float:left;
	position: absolute;
	margin-left: 130px; #margin-left: 40px;
}

div.Content1 .Left .lastest_news .news_record a{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	font-style: normal;
	text-decoration: none;
}

div.Content1 .Left .lastest_news .news_record a:hover{
	color: #000;
}

div.Content1 .Left .lastest_news .view_all{
	float:right;
	margin-right: 25px;
}

div.Content1 .Left .lastest_news .view_all a{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1d315e;
	font-style: normal;
	text-decoration: none;
}

div.Content1 .Left .lastest_news .view_all a:hover{
	color: #000;
	text-decoration:underline;
}

div.Content1 .Right .market{
	width: 100%; height: 240px;
	float: left;
	background: url(../images/market_bg.gif) no-repeat;
}

div.Content1 .Right .market img.title{
	margin-top:10px;
	margin-left:10px;
	margin-bottom: 5px;
}

div.Content1 .Right .market ul{
	list-style-type:none;
	margin-right: 3px;padding:0px;
	margin-top:-18px;
	float: right;
}
div.Content1 .Right .market ul li{
	list-style-type:none;
	background:url(../images/market_tab.gif) no-repeat;
	background-position:100% -21px;
	display:block;
	float:right;
	height:19px;
	padding:0px;
	width:61px;
	font:bold 11px tahoma;	
	text-align:center;
	margin:0px 5px 0px 0px;
}
div.Content1 .Right .market ul li a{
	font-weight:bold;
	text-decoration:none;
	line-height:19px;
	color:#395dad;
}
div.Content1 .Right .market ul li a:hover{
	list-style-type:none;
	display:block;
	height:19px;
	padding:0px;
	width:61px;
	font-family:tahoma;	
	text-align:center;
}
div.Content1 .Right .market ul li a:hover{
	font-weight:bold;
	text-decoration:none;
	line-height:19px;
	color:#000;
}
div.Content1 .Right .market ul li.current{
	list-style-type:none;
	background:url(../images/market_tab.gif) no-repeat;
	background-position:100% 0px;
	display:block;
	height:19px;
	padding:0px;
	width:61px;
	font-family:tahoma;	
	text-align:center;
}
div.Content1 .Right .market ul li.current a{
	font-weight:bold;
	text-decoration:none;
	line-height:19px;
	color:#000;
}

div.Content1 .Right .market .chart{
	background:#fff;
	margin:1px 8px 5px 10px;
	padding: 10px 5px 10px 5px;
}

div.Content1 .Right .market .market_table{
	width:280px;
	margin:0 0 0 10px;#margin:0px 0 0 10px;_margin:3px 0 0 10px;
	color:#fff;
	font:normal 11px tahoma;
}
div.Content1 .Right .market .market_table TR.border_bottom td{
	border:0;
	border-bottom:1px dotted #839aa4;
}
div.Content1 .Right .market .market_table td{
	padding:3px 0 3px 3px;
}
div.Content1 .Right .market .market_table .white_bold{
	font:bold 11px tahoma;
}
div.Content1 .Right .market .market_table .increase_value{
	color:#8ed9fb;
}
div.Content1 .Right .market .market_table .decrease_value{
	color:#ed1f24;
}
div.Content1 .Right .market .market_table .market_name{
	color:#FFF;
	font-weight: bold;
}

div.Content1 .Right .market .market_table .label{
	color:#91d9f8;
}

div.Content1 .Right .market .market_table TD.right_align{
	text-align: right;
}

div.Content1 .Right .quicklink{
	width: 100%; height: 25px;
	float: left;
	position: relative;
	margin: 10px 0 0 0;
	background: url(../images/quicklink_bg.gif) no-repeat;
	line-height: 25px;
	z-index: 9999999;
}

div.Content1 .Right .quicklink h3{
	margin: 0;
	padding: 0 0 0 15px;
}

div.Content1 .Right .quicklink h3 a{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-decoration: none;
}

div.Content1 .Right .quicklink .control, div.Content1 .Right .quicklink .control_up{
	display:block;
	position:absolute;
	margin:0;
	right:8px;
	top:4px;
	border-left:1px #b3b8bc solid;
	width:15px;
	height:17px;
}

div.Content1 .Right .quicklink .control{
	background:url(../images/quicklink_drop.gif) no-repeat;
    background-position: 0px 7px;
}

div.Content1 .Right .quicklink .control_up{
	background:url(../images/quicklink_up.gif) no-repeat;
    background-position: 0px 7px;
}

div.Content1 .Right .quicklink .control:hover, div.Content1 .Right .quicklink .control_up:hover{
	background-position: 0px -5px;
	cursor: pointer;
}

div.Content1 .Right .quicklink .quicklink_sub{
	margin:0;
	padding:0;
}

div.Content1 .Right .quicklink .quicklink_sub ul{
	list-style: none;
	background:#1c305e;
	border: 1px #b4b8bc solid;
	margin-top:-4px;
	padding-left: 20px; padding-bottom: 10px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFF;
	font-weight: bold;
}

div.Content1 .Right .quicklink .quicklink_sub ul li{
	margin: 0 0 -8px 0;
}
div.Content1 .Right .quicklink .quicklink_sub ul li a{
	color: #91d9f8;
	text-decoration: none; font-weight:normal;
}

div.Content1 .Right .quicklink .quicklink_sub ul li a:hover{
	color: #FFF;
	text-decoration: none; font-weight:normal;
}

div.Content2{
	float: left;
	margin: 20px 0 0 0;
	width: 100%;
}

div.Content2 .Left{
	float: left;
	margin: 0;
	padding: 0;
	width: 690px; _width: 672px;
	position:relative;
}

div.Content2 .Left .getaquote{
	float: left;
	width: 240px; height: 185px;
}

div.Content2 .Left .welcome{
	float: right;
	width: 440px; height: 185px;
	background: url(../images/welcome_bg.gif) no-repeat;
	position:absolute;
	top:0px;
	right:0px;_right:-38px;
}

div.Content2 .Left .welcome .title{
	float: left;
	margin: 15px 0 0 20px;
}

div.Content2 .Left .welcome .content{
	float: left;
	margin: 0 15px 0 130px;
	_width: 300px; _margin-left: 65px; _margin-top: 5px;
}

div.Content2 .Left .welcome .content p{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px; font-style: normal;
	color: #91d9f8;
	line-height: 150%;
}

div.Foot{
	float: left;
	margin: 10px 0 0 0;
	width: 100%; height:30px;
	background: #0d1e42 url(../images/foot_bg.gif) no-repeat;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

div.Foot .copyright{
	float: left;
	color: #FFF;
	margin-top: 10px;
}

div.Foot .link{
	float: right;
	width: 450px;
	#margin-top: 10px;
}

div.Foot .link ul{
	list-style: none;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-align:right;
	float:right;
}

div.Foot .link ul li{
	float: left;
	display:inline;
	padding: 0 10px 0 10px;
	border-right: 1px #91d9f8 solid;
}

div.Foot .link ul li a{
	color: #00baff;
	text-decoration:none;
}

div.Foot .link ul li a:hover{
	color: #FFF;
	text-decoration:none;
}

div.Foot .link .last{
	border-right:0;
	padding: 0 0px 0 10px;
}

/************************************	ABOUT	***********************************/
div.About{
}
div.About div.top{
	background:url(../images/about_bg_top.gif) no-repeat;
	width:1000px;
	height:10px;
	float:left;
}
div.About div.center{
	background:url(../images/about_bg_center.gif) repeat-y;
	width:1000px;
	float:left;
	_margin-top:-3px;
}
div.About div.about_left{
	float:left;
	width:240px;
}
div.About div.about_right{
	float:right;
	width:725px;
	padding-right:15px;
	font-size:13px;
}
div.About div.about_right div.title_top{
	color:#ff4d00;
	font:bold 12px tahoma;
	border-bottom:1px solid #e2e4e8;
	margin:9px 4px -5px 0px;
	padding-bottom:5px;
}
div.About div.bottom{
	background:url(../images/about_bg_bottom.gif) no-repeat;
	width:1000px;
	height:11px;
	float:left;
}
div.about_left div.text_title{
}
div.menu_left{
	background:url(../images/bg_menu_left.gif) repeat-x;
	min-height:300px;
	margin:0;
	padding:0;
	float:left;
	width:240px;
}
div.menu_left p{
	padding:5px 0 0px 0;
	margin:5px 0 5px 15px;
	border-top:1px solid #e2e4e8;
}
div.menu_left p.top{
	padding:5px 0 0px 0;
	margin:2px 0 5px 15px;
	border-top:0px solid #e2e4e8;
}
div.menu_left p a{
	text-decoration:none;
	color:#000;
	font:bold 11px tahoma;
}
div.menu_left p a.current, div.menu_left ul li a.current {
    color: #2a528f    
}
div.menu_left p a:hover{
	text-decoration:underline;
}
div.menu_left ul{
	list-style:none;
	padding:0;
	margin:0;
}
div.menu_left ul li{
	list-style:none;
	padding:0;
	margin:6px 0 6px 17px;#margin:7px 0 7px 17px;
	background:url(../images/bg_li.gif) no-repeat;
	padding-left:10px;
}
div.menu_left ul li a{
	text-decoration:none;
	font:normal 12px tahoma;
	color:#000;
}
div.menu_left ul li a:hover{
	text-decoration:underline;
}
div.info_services{
	float:left;
	width:100%;
}
div.info_services div.item1{
	background:url(../images/bg_green.png) no-repeat;
	width:224px;
	height:110px;
	float:left;
	padding-bottom:15px;_padding-bottom:5px;
}
div.info_services div.item1 div.title{
	color:#000;
	font:bold 12px tahoma;
	padding:10px 10px 7px 10px;
}
div.info_services div.item1 p{
	color:#fff;
	padding:3px 10px 0px 10px;
	font-size:12px;
	font-weight:normal;
	margin:0;
}
div.info_services div.item2{
	background:url(../images/bg_blue.png) no-repeat;
	width:224px;
	height:110px;
	float:left;
	margin-left:24px;
	padding-bottom:15px;_padding-bottom:5px;
}
div.info_services div.item2 div.title{
	color:#000;
	font:bold 12px tahoma;
	padding:10px 10px 7px 10px;
}
div.info_services div.item2 p{
	color:#fff;
	padding:3px 10px 0px 10px;
	font-size:12px;
	font-weight:normal;
	margin:0;
}
div.info_services div.item3{
	background:url(../images/bg_orange.png) no-repeat;
	width:224px;
	height:110px;
	float:left;
	margin-left:24px;
	padding-bottom:15px;_padding-bottom:5px;
}
div.info_services div.item3 div.title{
	color:#000;
	font:bold 12px tahoma;
	padding:10px 10px 7px 10px;
}
div.info_services div.item3 p{
	color:#fff;
	padding:3px 10px 0px 10px;
	font-size:12px;
	font-weight:normal;
	margin:0;
}
/*******************************************************************************/

/* Style::Pages::News.begin */
div.news_items{
	margin-top:15px;
	height: 90px
}
div.news_items div.item1{
	width:350px;
	height: 90px;
	float:left;
	margin:0;
	margin-bottom:20px;
}
div.news_items div.item1 .title{
	background:url(../images/li_news.gif) no-repeat;
	margin:0;
	padding:0px 0px 0px 20px;
}
div.news_items div.item1 span.time{
	font-size: 10px;
	color:#555;
	padding-left:7px;
}
div.news_items div.item1 p{
	margin:0;
	padding:5px 0px 0px 20px;
	font-size: 12px;
	line-height:17px;
}
div.news_items div.last{
	margin-left:24px;
}
/* Style::Pages::News.end */

/* Style::Administration.begin */
div.About div.about_right h1{
    color: #22497e;
    font-size: 14pt
}
div.About div.about_right a{
    text-decoration: none;
    color: #507aaa;
}
div.About div.about_right a:hover{
    color: #22497e;
}
/* Table::ListItems.begin */
.tbl_list_items, .tbl_acl {
    border-collapse: collapse;
    border: 1px solid #ddd
}
.tbl_list_items th {
    padding: 2px 5px 2px 5px;
    border: 0;
    text-align: left;
    white-space: nowrap;
    color: #ffffff;
    background-color:#22497e;
}
.tbl_list_items td, .tbl_acl td {
    padding: 2px 5px 2px 5px;
    text-align: left;
    white-space: nowrap;
    border: 1px solid #ddd;
    background-color: white
}
.tbl_list_items_header td {
    color: #ffffff;
    font-weight: bold
}

.tbl_acl th {
    padding: 2px 5px 2px 5px;
    border: 1px solid #ddd;
    text-align: left;
    white-space: nowrap;
    color: #ffffff;
    background-color:#22497e;
}

.tbl_acl td {
    text-align: center
}
/* Table::ListItems.end */
.div_show_item {
    width: 450px;
    padding: 5px 5px 2px 10px;
    border: 1px solid #507aaa;
    background-color: #eee
}
/* Style::Administration.end */

/* Style::Login.begin */
.border_01_left {
  background: url( ../images/border_01_left.png ) no-repeat center;
  width: 6px
}

.border_01_right {
  background: url( ../images/border_01_right.png ) no-repeat center;
  width: 6px
}

.frm_login {
    background: url( ../images/bg_login.png ) no-repeat center right;
}
/* Style::Login.end */

/* Form::Controls.begin */
input {
    border: 1px solid #aaa
}

input[type="text"], input[type="file"], input[type="password"], textarea {
    border-top:1px solid #7c7c7c;
    border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
    background:#fff url(../images/bg_field.gif) repeat-x top;
}

input, textarea {
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 10pt;
}

input[type="radio"] {
  border: 0
}

input[type="checkbox"] {
  border: 0;
  margin-top: 5px
}

input[type="submit"] {
  color: #2d333b;
  padding-bottom: 2px;
  margin-top: 5px;
  font-size: 9pt  
}

select {
  border: 1px solid #aaa;
}

input.text {
  color: #000000;
  border: 1px solid #e6e6e6;
}

textarea.text {
  font-size: 8pt;
  border: 1px solid #e6e6e6;
}

textarea {
  height: 100px;
  width: 400px
}

form {
  display: inline;
  margin: 0;
  padding: 0;
}
/* Form::Controls.end */

/* Span/Div::Begin */
p {
    text-align: justify
}

.span_description {
    color: gray;
    font-size: x-small
}

.div_notification {
    background: #eee;
    border: solid 1px #2a528f;
    padding: 5px;
    margin-bottom: 5px;
    color: #ff4d00;
    font-size: x-small
}

.flash {
    background: #eee;
    border: solid 1px #e2e4e8;
    color: #ff4d00;
    padding: 5px;
    text-align: center;        
}

.div_text_yacaph {
    padding-bottom: 10px;
}