﻿/*-----------Global--------------*/
body, html{ height: 100%; }
body{ background-color: #a84719; background-image: url(Images/bg_pg.png); background-repeat: repeat-x; color: #665c48; font-family: Tahoma 宋体; font-size: 12px; margin: 0; padding: 0; }
p, td, input, select, textarea, option{ color: #665c48; font-size: 12px; }
ul li{ list-style: none; }
li{ list-style:none}
img{border:0px;vertical-align:top;}
p{ margin: 0; padding: 5px 20px !important; }
a, a:link{ color: #c6592b; outline: 0; text-decoration: none; }
a:visited{ color: #9a4723; text-decoration: none; }
a:hover{ color: #7e3617; text-decoration: underline; }
a:visited:hover{ color: #8c4120; text-decoration: none; }
h1{ color: #cf3a05; font-size: 20px; font-weight: normal; margin: 25px 15px 10px 15px !important; padding: 0; }
h2{ color: #cf3a05; font-size: 20px; font-weight: normal; margin: 25px 15px 10px 15px !important; padding: 0; }
h3{ color: #cf3a05; font-size: 20px; font-weight: normal; margin: 25px 15px 10px 15px !important; padding: 0; }
h4{ font-size: 16px; line-height: 120%; margin: 5px 15px !important; padding: 0 !important; text-align: left; }
h6{color: #cf3a05; font-size: 18px; font-weight: normal; margin: 25px 15px 10px 5px !important; padding: 0;}
h5{ color: #cf3a05; font-size: 14px; font-weight: normal; margin: 25px 15px 10px 15px !important; padding: 0; }
h8{ color: #8c4120; font-size: 14px; font-weight: normal; margin: 25px 0px 10px 0px !important; padding: 10;  line-height:150%}
h10{ color: #333333; font-size: 12px; font-weight: normal; line-height:180%; }

h9{ color: #333333; font-size: 14px; font-weight: normal; margin: 25px 15px 10px 15px !important; padding: 10; }

form{ margin: 0; padding: 0; }
input[type="text"],input[type="password"], textarea { background-color: #efece8; border: 1px solid #665c48; }
input[type="radio"]{border:none;} 
input:focus, textarea:focus { background-color: #fafaf7; border: 1px solid #9a4723; }
.clear{ clear: both;}
.left {float:left;}
.right{float:right;}
.width500{width:500px;}
.width300{width:300px;}
.lineheight{line-height:20px;}
.textRight{ text-align:right;}
.fontbold{font-weight:bold;}
.require{ color:Red;}
.divheight{ height:15px;clear:both}
.scrollDiv{height:400px;width:380px; overflow:auto;border:1px #cccccc solid;margin-right:5px;float:left;}
/*-----------Site Master--------------*/
#header{ height: 85px; margin-top: 15px; position: relative; }
#container{ width: 960px; margin: 0px auto; }
#search{ background-image: url(Images/bg_search.png); background-position: bottom; background-repeat: no-repeat; height: 30px; margin: 0 !important; padding: 2px 20px !important; position: absolute; right: 0; text-align: center; top: -15px; width: 312px; }
#search input{ vertical-align: middle; }
#search .searchInput{ width:180px; }
.button { border: none; background-color: transparent; background-image: url(Images/bg_button.png); background-repeat: no-repeat; border: none; color: #fafaf7; font-size: 13px; font-weight: bold; height: 22px;  padding: 0 5px !important; width: 63px; cursor:pointer; }
.button_black { border: none; background-color: transparent; background-image: url(Images/form_bg.gif); background-repeat: no-repeat; border: none; color: #333333; font-size: 12px; height: 19px;  padding: 0 2px !important; width: 52px; cursor:pointer; }
.bigbutton_black { border: none; background-color: transparent; background-image: url(Images/form_bg_big.gif); background-repeat: no-repeat; border: none; color: #333333; font-size: 12px; height: 20px;  padding: 0 2px !important; width: 69px; cursor:pointer;  }

.bigbutton { border: none; background-color: transparent; background-image: url(Images/bg_button_big.gif); background-repeat: no-repeat; border: none; color: #fafaf7; font-size: 13px; font-weight: bold; height: 22px;  padding: 0 5px !important; width: 81px; cursor:pointer;  }
#footer{ clear: both; color: #e1c3b1; font-size: 11px; text-align:center;margin-top: 10px; padding: 5px 25px !important; }
#footer a, #footer a:visited{ color: #efece8; }
#footer a:hover, #footer a:visited:hover{ color: #f7f6f1; }
/*-----------Nav Menu--------------*/
 
#nav{ background-image: url(Images/bg_menu.png); background-repeat: no-repeat; bottom: 5px; font-size: 14px; float:left;margin:0px; padding: 10px 20px 0px 20px; position: absolute; right: 0; text-align: center; width: 500px; }

.new_tip{MARGIN: -65px 0px 0px 322px; POSITION: relative}
#nav .menu, .width60{width:60px;float:left;text-align:center;}

#nav .menu_big, .width60{width:80px;float:left;text-align:center;}

#nav .menu_big ul{ background-image: url(images/bg_menu.gif); background-position: bottom; background-repeat: no-repeat; float: none; font-weight: bold; margin: 0 0 0 15px;  padding: 0px 2px 2px 2px; position: absolute; top: 40px;left:55px; width: 90px; z-index: 3000; }
#nav .menu_big ul li{height:25px;}
#nav .menulast{width:140px;float:left;text-align:center;}
#nav a { color: #f6d0bb; display: block; padding: 5px; text-decoration: none; }
#nav a:focus, #nav a:hover, #nav a:active { color: #ffffff; }
#nav div li a { border-bottom: 1px solid #a54e1c; display: block; float: none; padding: 2px;font-size:13px;}

#main{ background-image: url(Images/bg_mainsmall_body.png); background-repeat: repeat-y; float: left; margin-left: 10px;margin-top:7px; padding-top: 0px; width: 625px; }
.in{ background-position: bottom; background-repeat: no-repeat; margin-top: 0px; }
#main .header{background-image: url(Images/bg_mainsmall_header.gif);padding:0px;margin:0px;width:625px;height:25px;}
#main .in{ background-image: url(Images/bg_mainsmall_bottom.gif); padding: 0 15px 60px 20px; width: 590px; }
p label{ clear: left; float: left; margin-right: 10px; text-align: right; width: 120px; font-weight:bold; font-size:14px; }
table label{ clear:none; float: none; margin-right: 0px; text-align:center; width: auto; font-weight:normal; font-size:12px; }
#mainin .inputBox{ height:18px; width:220px; }
#mainin .inputArea{ height:50px; width:220px; }
#mainin .formlist{border-bottom: 1px solid #dad3c4; padding: 5px 0;}
#mainin .formlist h5{font-size:14px;font-weight:bold;margin: 5px 15px !important; padding: 0 !important; text-align: left; }
#mainin .formlist h1{font-size:14px;font-weight:bold;margin: 5px 15px !important; padding: 0 !important; text-align: left; }


 
div#content dt
{
	margin-left:15px;
	line-height:25px;
	border-bottom:1px dashed #9D9D9D;
	padding-left:6px;
	background:#EDEDED url(/images/red1.gif) 580px no-repeat;
	clear:both;
	display:block;
	width:95%;
	cursor:pointer;
}
div#content dt.visited{
	color:#fff;
	background:#a84719 url(/images/red2.gif) 580px no-repeat;
	border-bottom:1px dashed #fff;
}



#mainin .about_title{ background-image: url(images/shuoming_top.gif); background-repeat: no-repeat; float: left; width: 525px;height: 16px;margin-left: 20px;}
#mainin .about_center{ background-image: url(Images/shuoming_bg.gif); background-repeat:repeat-y; float: left; width: 525px;margin-left: 20px;}
#mainin .about_buttom{ background-image: url(Images/shuoming_bottom.gif); background-repeat: no-repeat; float: left; width: 525px;height: 21px;margin-left: 20px;}
#sidebar{ background-image: url(Images/bg_sidebar.png); background-repeat: no-repeat; float: right; width: 315px;}
#sidebar .in{ background-image: url(Images/bg_sidebar_in.png); padding: 0px 15px 75px 15px; line-height:20px; font-size:14px; height:auto !important}
#sidebar .flash{font-size:12px;}
#sidebar .flash label{clear: left; float: left; margin-right: 10px; text-align: right; width: 70px;}
#sidebar .flash input[type="text"]{width:180px;}
#sidebar .linetext{ background-image: url(Images/icon_jian.png); background-repeat:no-repeat;padding-left:15px; line-height:20px; margin-top:6px;	 border-bottom:1px solid #cccccc; margin-right:15px;}
/*--------------Home page---------------*/
#intro_flash{  float: left; height: 230px; overflow: hidden; padding: 5px 0px 0px 0px; width: 626px; }

#intro{ background-image: url(Images/bg_intro.gif); background-repeat: no-repeat; float: left; height: 225px; overflow: hidden; padding: 5px 15px 10px 20px; width: 589px; }
.photo{padding:40px 0px;margin:0px 0px 0px -2px;}
.photo .item{float:left;width:110px;padding:2px;}
.homeblock h3{ margin: 25px 0px 10px 0px !important; font-weight:bold;}
.homeblock h2{ margin: 25px 0px 10px 0px !important; font-weight:bold;}
.homeblock h1{ margin: 25px 0px 10px 0px !important; font-weight:bold;}

.homeblock{ background-image: url(Images/bg_homeblock.png); background-repeat: no-repeat; float: left; height: 225px; padding: 5px 20px 10px 20px; position: relative; width: 272px; }
.help p{ padding: 5px 10px !important; }
.help div{ line-height:20px; font-size:12px;}
.homeblock h5{ background-image: url(Images/bg_featured.png); background-repeat: no-repeat; height: 84px; margin: 0; padding: 0; position: absolute; right: 6px; z-index:0; top: 6px; width: 83px; }
.homeblock input.button{ bottom: 20px; position: absolute; right: 15px; border: none !important; }
.feat p{ margin-left: 122px; padding: 5px 0 !important; }
.feat div{line-height:20px; font-size:12px}
/*----------Form Preview----------*/
#formMain{ background-image: url(images/bg_main_body.gif); background-repeat:repeat-y; float: left; margin-left: 10px; padding-top: 0px; width: 916px; }
#formMain .header{background-image: url(images/bg_main_header.gif); padding: 0px 0px 0px 0px; width: 916px; height:10px;}
#formMain .in{ background-image: url(images/bg_main_bottom.gif);  padding: 0px 15px 60px 20px; width: 881px; background-position:bottom;}
#formMain .in h3{font-weight:bold;}
#formMain .centerbgHeader{ background-image: url(images/bg_formInfo_top.gif);width: 836px; margin:0px 0px 0px 20px;padding:0px; height:14px;}
#formMain .centerbg{ background-image: url(images/bg_formInfo_middle.gif); margin:0px 0px 0px 20px;padding:10px 0px 0px 10px; width: 826px; background-repeat:repeat; overflow:auto;}
#formMain .centerbgBottom{ background-image: url(images/bg_formInfo_bottom.gif); width: 836px; margin:0px 0px 0px 20px;padding:0px; height:14px;}
#formMain .centerbg .fenlei{width:250px;float:left;font-size:14px;padding:5px;line-height:150%;font-weight:bold;}
#formMain .centerbg .fenlei1{width:800px;float:left;font-size:14px;padding:5px;line-height:150%;font-weight:bold;}
#formMain .paragraph {padding-left:20px;}
#formMain .help li{margin-top:8px; line-height:18px;}

#formMain .adminPanel{margin:0px 0px 0px 20px;padding:10px 0px 0px 10px; width: 826px;height:auto !important}
#formMain .adminPanel .title { font-weight:bold;}
.formPreview .title{color: #cf3a05; font-size: 14px; margin: 0px 15px 0px 15px !important; padding: 0;font-weight:bold; }
.formPreview .formField{margin-top:12px;margin-bottom:12px; clear:both;}
.formPreview ul{margin:0;padding:0;list-style-type:none;width:100%;font-size:100%;}
.formPreview .instruct{position:absolute;top:0;left:100%;z-index:1000;width:42%;margin:0 0 0 8px;padding:8px 10px 9px 10px;border:1px solid #e6e6e6;background:#f5f5f5;line-height:130%;font-size:80%;color:#444;visibility:hidden;}
.formPreview .instruct small{font-size:105%;}
.formPreview li.focused .instruct, form li:hover .instruct{visibility:visible;}
#formMain .tab_on{ background-image: url(Images/g-g1.gif); background-repeat: no-repeat;padding:0px 0px 0px 0px;text-align:center; width:89px;height:34px;float:left;font-weight:bold;}
#formMain .tab_off{ background-image: url(Images/g-g2.gif); background-repeat: no-repeat; padding:0px 0px 0px 0px;text-align:center;width:89px;height:34px;float:left;font-weight:bold;}
#formMain .tab_other{ background-image: url(Images/g-g3.gif); width:279px;height:34px;float:left;}

#formMain .block {border-left:1px #cccccc solid;border-right:1px #cccccc solid;border-bottom:1px #cccccc solid;width:791px;height:auto !important;padding:10px;clear:both;overflow:hidden;}
#formMain .blockBody{ background-image: url(Images/bg_blockBody.gif);float:left; width: 786px; padding:10px 0px 0px 0px;}
#formMain .formHeader{width:650px;float:left;font-size:14px;padding:0px 0px 0px 10px ;line-height:150%;}
#formMain .formButton{width:776px;float:left;font-size:14px;padding:0px 0px 0px 10px;line-height:150%;}
#formMain .left10{margin-left:10px;}
#formMain .right10{margin-right:10px;}
#formMain .top10{padding:10px 0 0 0;}
#formMain .blockHeader{float:left; background-image:url(Images/bg_blockHeader.gif);height:11px; width:786px;}
#formMain .blockBottom{float:left;background-image:url(Images/bg_blockBottom.png);height:11px;width:786px;}
#formMain div.on{font-weight: bold; color: #FD9500}
#formMain .addNew input[type="text"] {width:180px; height:20px;}
#formMain .publish input[type="text"] {width:300px;}
#formMain .publish textarea {width:300px;height:150px;}
#formMain .formPreview li{margin-top:8px;}
#formMain .formPreview {margin-right:30px;margin-left:20px;}
#formMain .formPreview textarea{height:100px;}

#formMain .cardHeader{ background-image: url(images/bg_cardHeader.gif);float:left; width: 722px; padding:0px;height:31px;}
#formMain .cardBody{ background-image: url(images/bg_cardBody.gif);float:left; width: 712px; padding:5px; background-repeat:repeat-y;}
#formMain .cardBottom{ background-image: url(images/bg_cardBottom.gif);float:left; width: 722px; padding:0px;height:17px;}
#formMain .cardBody li label{ color:#8c4120;}
#formMain .cardBody li{padding-top:5px; }
#formMain .block li label{ color:#8c4120;}
#formMain .block li{padding-top:5px; }

.formButton p label{width:180px;}

#formLeft {width:330px;height:232px;float:left;padding:5px; margin-left:10px; background-image: url(images/wenti1.png); background-repeat: no-repeat; }
#formLeft li{height:20px;}
#formLeft label{ clear: left; float: left; margin-right: 10px; text-align: right; width: 80px; }
#formLeft ul{margin:0px;padding:10px 0px;float:left;line-height:20px;font-size:13px;text-align:left;width:300px; }
#formLeft ul li{list-style:none;margin:8px;padding:0px;float:left;font-size:13px;text-align:left;width:300px;}
#formRight {width:517px;float:right;padding-right:10px;}
#formRight .commentHeader{background-image: url(images/wenti2_1.png); height:16px;width:517px;}
#formRight .commentBody{background-image: url(images/wenti2_2.png); width:517px; background-repeat:repeat-y;}
#formRight .commentBottom{background-image: url(images/wenti2_3.png); height:16px;width:517px;}
#formRight ul{margin:0px;padding:0px 0px;float:left;font-size:13px;line-height:30px;text-align:left;width:500px; font-weight:bold; }
#formRight ul li{list-style:none;margin:0px;padding:0px;float:right;font-size:13px;text-align:left;width:500px;}
#formRight textarea{width:300px; height:100px;}

/* Active tab Only */
.normaltab{width:100px; height:23px; background:url(images/tb_normal.gif); cursor:pointer}
.hovertab{width:100px; height:23px; font-weight:bold;background:url(images/tb_dis.gif)}
.dis{display:block}
.undis{display:none;}
#tb{margin:11px 0 0 0;width:790px; height:23px;background:url(images/tab_line.gif) bottom repeat-x}
#tb ul{ margin-left:0px}
#tb li{ float:left; margin-right:5px;height:17px; padding-top:7px;text-align:center}
.tbBox{ clear:both; padding:9px 0 0 2px;width:786px; height:auto; background:#F6F1ED; border:1px solid #DBD2C9; border-top: 0}
.data textarea{width:500px;}
.overlay {position: fixed;z-index: 99;top: 0px;left: 0px;background-color: #FFFFFF;width: 100%;height: 100%;filter: Alpha(Opacity=70);opacity: 0.70;
-moz-opacity: 0.70;}
 * html .overlay {
        position: absolute;
        height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
        width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
    }
    .loader {
        z-index: 100;
        position: fixed;
        width: 200px;
        margin-left: -60px;
        top: 50%;
        left: 50%;
    }
    * html .loader {
        position: absolute;
        margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) + 'px');
    }
    
/* Accordion */
.accordionHeader
{
    border: 1px solid #c6592b;
    color: white;
    background-color: #c6592b;
	font-size: 14px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
 .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}
 .accordionHeader a:hover
{
    color: #FFFFFF;
	background: none;
	text-decoration: underline;
}
.accordionContent
{
    background-color: #FFFFFF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}
formPreview .AspNet-RadioButtonList UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.formPreview .AspNet-RadioButtonList LI {
	CLEAR: none; MARGIN: 0px;  PADDING-BOTTOM: 8px;
}
.formPreview .AspNet-CheckboxList UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.formPreview .AspNet-CheckboxList LI {
	CLEAR: none; MARGIN: 0px; PADDING-BOTTOM: 8px; 
}
.formButton p {clear:both;}
.formButton .AspNet-RadioButtonList ul{padding:0px;margin:0px;}
.formButton .AspNet-CheckboxList ul{padding:0px;margin:0px;}
.formButton .AspNet-CheckboxList li{float:left;padding:0;margin:0;}
.formButton .AspNet-RadioButtonList li{float:left;padding:0;margin:0; }
/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(Images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(Images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(Images/SavedStar.png);
}

/*Sunset Skin*/

/*global*/

.RadGrid_Sunset
{
	background:#f4ede1;
	color:#272522;
}

.RadGrid_Sunset
{
	font:11px arial,sans-serif;
}

.RadGrid_Sunset
{
	border:1px solid #cbbda9;
	border-top-color:#958e84;
}

.GridRow_Sunset td,
.GridHeader_Sunset
{
	padding-left:4px;
	padding-right:4px;
}

.GridHeader_Sunset
{
	border-bottom:1px solid #8f2b00;
	padding-top:8px;
	padding-bottom:8px;
	background:#b05a33 url('images/sprite.gif') 0 0 repeat-x;
	font-size:13px;
	font-weight:normal;
	text-align:left;
}

.GridHeader_Sunset,
.GridHeader_Sunset a
{
	color:#fff;
	text-decoration:none;
}

/*rows*/

.GridRow_Sunset
{
	background:#ebe4d6;
}

.GridRow_Sunset td
{
	padding-top:4px;
	padding-bottom:4px;
}

.GridRow_Sunset td
{
	border-top:1px solid #ebe4d6;
	border-bottom:1px solid #ebe4d6;
}

.GridAltRow_Sunset td
{
	border-top:1px solid #f4ede1;
	border-bottom:1px solid #f4ede1;
}

/* ajax__tab_xp-theme theme */
.ajax__tab_default .ajax__tab_header,
.ajax__tab_default .ajax__tab_header a
{
	font-size:13px;
	font-weight:bold;
	color:#000;
    font-family:sans-serif;
}
.ajax__tab_default .ajax__tab_active .ajax__tab_outer,
.ajax__tab_default .ajax__tab_header .ajax__tab_outer,
.ajax__tab_default .ajax__tab_hover .ajax__tab_outer
{
    height:46px;
}
.ajax__tab_default .ajax__tab_active .ajax__tab_inner,
.ajax__tab_default .ajax__tab_header .ajax__tab_inner,
.ajax__tab_default .ajax__tab_hover .ajax__tab_inner
{
    height:46px;
    margin-left:16px; /* offset the width of the left image */
}
.ajax__tab_default .ajax__tab_active .ajax__tab_tab,
.ajax__tab_default .ajax__tab_hover .ajax__tab_tab,
.ajax__tab_default .ajax__tab_header .ajax__tab_tab
{
	margin:16px 16px 0px 0px;
}
.ajax__tab_default .ajax__tab_hover .ajax__tab_tab,
.ajax__tab_default .ajax__tab_active .ajax__tab_tab,
.ajax__tab_default .ajax__tab_active .ajax__tab_tab a
{
	color:#fff;
}

.ajax__tab_default .ajax__tab_body,
.ajax__tab_body
{
    font-size:10pt;
    border:1px solid #999999;
    border-top:0;
    padding:8px;
    background-color:#ffffff;
}
/*orange*/
.orange .ajax__tab_header 
{
    background:url(images/orange_bg.gif) repeat-x;
}
.orange .ajax__tab_hover .ajax__tab_outer,
.orange .ajax__tab_active .ajax__tab_outer 
{
    background:url(images/orange_left.gif) no-repeat left top;
}
.orange .ajax__tab_hover .ajax__tab_inner,
.orange .ajax__tab_active .ajax__tab_inner 
{
    background:url(images/orange_right.gif) no-repeat right top;
}

