@charset "UTF-8";
@import url(SpryMenuBarHorizontal.css);

body {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #000;background: #FFF;margin: 0;}
body a {color: #000;text-decoration: none;}
body a:active {color: #FF0000;}
body a:hover {text-decoration: underline;}
body a:focus {-moz-outline-style: none;} 
body img {border: 0;}
body p {margin: 10px 0 10px 0;padding: 0;}
body form {margin: 0;padding: 0;}

#top {height: 25px;background: #EEE url(none) repeat-x center center;}
#top .left {float: left;padding: 5px;}
#top .left a {color: #666;margin: 0 5px 0 5px;}
#top .right {float: right;padding: 5px;}
#top .right a {color: #666;margin: 0 5px 0 5px;}

#header {background: #FFF;height: 60px;width: 960px;margin: 10px auto 10px auto;}
#header .left {height: 60px;width: 200px;float: left;}
#header .right {height: 60px;width: 760px;float: left;text-align:right;}

.banner {height: auto;width: 960px;text-align: center;margin: 0 auto 10px auto;}

#navbar {height: 30px;width: 960px;background: #EEE url(none) repeat-x center center;margin: 0 auto 10px auto;}
#navbar .left {float: left;padding: 8px;}
#navbar .left a {color: #666;}
#navbar .right {float: right;padding: 3px;}
#navbar .right a {color: #666;}
#navbar .right strong {color: #666;}
#navbar .right input {border: 1px solid #666;}
#navbar .right input:hover {border-color: #000;}
#navbar .right input.search {height: 16px;}
#navbar .right input.submit {height: 22px;background: #666;color: #FFF;padding: 2px 0 0 0;margin: 0 5px 0 0;}

#vip { margin: 10px auto 0 auto; width: 960px; }
#vip .usermenu { float: left; width: 100px; margin: 0 10px 0 0; }
#vip .usermenu a { text-align: center;  display:block; padding: 5px; margin: 0 0 1px 0; background: #999 url(../images/top.png) repeat-x center center; color: #000; }
#vip .usermenu a:hover { background: #999 url(../images/right_title.png) repeat-x top center; color: #FF0000; }
#vip .usercontent { float: right; width: 850px; }
#vip .usercontent .lz_form { width: auto;}
#vip .usercontent .title { width: auto; border: 1px solid #000; background: #FFFFE1; padding: 5px; text-align:center; color: #FF0000;}

.lz_form {height: auto;width: 940px;margin: 0 auto 10px auto;padding: 10px;text-align:left;background: #EEE;}
.lz_form p {margin:10px 0 1px 0; }
.lz_form p.succeed{ color:#000; background:url(os/on.gif) no-repeat left center; padding-left:20px; font-weight:bold;}
.lz_form label{ display:block; color:#000; line-height:12px;font-size:12px; margin-bottom:3px;}
.lz_form label.error{ color:#993300; clear:both; cursor:pointer; padding-top:2px;}
.lz_form span label{ display:inline; color:#000;}
.lz_form button{ margin-right:6px; letter-spacing:3px; padding:1px 2px; border:1px solid; border-color:#EEE #777 #777 #EEE; background:#D4D0C8; font-size:12px; line-height:100%; vertical-align:middle;}
.lz_form .button{ margin:5px 0;}
.checkbox{display:block;}
.checkbox span{display:block;}
.checkbox span label{display:inline; color:#666; font-size:12px;}
.in{ border:solid 1px #7F9DB9; display:table; cursor:text; }
.in a:hover{ text-decoration:underline; background:#0A246A; color:#FFFFFF;}
.in0{ width:50px;border:solid 1px #696969;}
.in1{ width:200px;border:solid 1px #696969;}
.in2{ width:200px;border:solid 1px #696969;}
.in3{ width:200px;border:solid 1px #696969;}
.in4{ width:200px;border:solid 1px #696969;}
.in5{ width:200px;border:solid 1px #696969;}
.in6{ width:200px;border:solid 1px #696969;}

.lz_form .lz_but {height: 35px;padding: 5px 0 0 0;}
.lz_form .lz_but .button { float: left; height: 30px;padding: 0;}
.lz_form .lz_but .pagelist {  float: right; height: 30px;padding: 0;}

.lz_form .pagelist em { float: left;display: block;border: 1px solid #CCC;padding: 5px;margin-right: 5px;}
.lz_form .pagelist strong { color: #FFF;float: left;display: block;border: 1px solid #CCC;background: #EEE;padding: 5px;margin-right: 5px;}
.lz_form .pagelist a { float: left;display: block;border: 1px solid #CCC;padding: 5px;margin-right: 5px;}
.lz_form .lastpage { padding: 0 5px 10px 10px;color: #666;}
.lz_form .lastpage a { color: #666;}
.lz_form .nextpage { padding: 0 5px 10px 10px;color: #666;}
.lz_form .nextpage a { color: #666;}

.lz_table{ width:100%; border-collapse:collapse; margin:3px auto; text-align:left;border:solid 1px #CCC;}
.lz_table th ,
.lz_table td{ padding:5px;}
.lz_table th{ background: #CCC url(../images/right_title.png) repeat-x top center;border-style:solid; border-width: 1px; border-color:#CCC; color:#000; letter-spacing:1px;}
.lz_table td{ }
.lz_table .selected{ background:#EEE;}

.lz_but{ width:100%; display:table; margin:2px auto; clear:both;}
.lz_but .button{ text-align:right; margin:0; float:left;}
.lz_but .button button ,
.lz_but .button input{ margin-right:6px; padding:1px 2px; border:1px solid; border-color:#EEE #777 #777 #EEE; background:#D4D0C8; font-size:12px; line-height:100%; vertical-align:middle;}
.lz_but .button select{ margin-right:6px; vertical-align:middle;}
.lz_but .pagelist{ text-align:right; float:right;}
.lz_but .pagelist a ,
.lz_but .pagelist strong{ margin:0px 3px 0 0;height:14px; padding: 2px;}
.lz_but .pagelist strong{ display: block;color:#FFF;}
.lz_but .pagelist em {display: block;height:14px; padding: 2px;border:1px solid #696969;font-size:12px;margin:0px 3px 0 0;background:#FFF;color:#696969;font-weight:bold;font-style:normal;}
.lz_but .pagelist kbd input{ width:40px; height:18px; border:solid 1px #696969;}

#poping{ clear:both; display:block; zoom:100%;}
#poping .title{ width:98%; clear:both; margin:0 auto; line-height:200%; font-weight:bold; color:#FFFFFF; padding:0px 1%; background:#696969; border-bottom:solid 3px #696969; display:table;zoom:100%;}
#poping .title span{ float:left;}
#poping .title a{ float:right; color:#FFFFFF; text-decoration:none; font-size:14px;}
#poping .main{ width:98%; height:88%; padding:5px 1%; margin:0 auto; display:block; clear:both; line-height:150%; overflow:auto;}
#poping .main a:hover{text-decoration:none;}
#poping .main .toolbar{ margin:0 auto; clear:both;}
#poping .main .toolbar span { width:538px; height:20px; line-height:20px; padding-left:25px;  font-size:11px; overflow:hidden; background:url(os/folder.gif) no-repeat 5px center; display:block; float:left;}
#poping .main .toolbar div { padding:3px 0;text-align:right; display:table; position:absolute; right:30px; }
#poping .pop{ width:55%; position:absolute; top:25%; left:22.5%; background:#FFFFFF;  border-width:2px; border-color:#0969B3;}
#poping .pop-title{ width:95.5%; clear:both; margin:0 auto; line-height:200%; font-weight:bold; color:#FFFFFF; padding:0px 2%; background:#0969B3; border-bottom:solid 3px #0969B3; display:table;zoom:100%;}
#poping .pop-title span{ float:left;}
#poping .pop-title a{ float:right; color:#FFFFFF; text-decoration:none; font-size:14px;}
#poping .pop-main{ padding:0 10px 10px 10px;}

a.dp-choose-date { width: 16px; height: 16px; padding: 0; margin: 5px 3px 0; display: block; text-indent: -2000px; overflow: hidden; background: url(../calendar.png) no-repeat; }
a.dp-choose-date.dp-disabled { background-position: 0 -20px; cursor: default; }
input.dp-applied { width: 140px; float: left; }

table.jCalendar {border: 1px solid #000;background: #aaa;border-collapse: separate;border-spacing: 2px;}
table.jCalendar th {background: #333;color: #fff;font-weight: bold;padding: 3px 5px;}
table.jCalendar td {background: #ccc;color: #000;padding: 3px 5px;text-align: center;}
table.jCalendar td.other-month {background: #ddd;color: #aaa;}
table.jCalendar td.today {background: #666;color: #fff;}
table.jCalendar td.selected {background: #f66;color: #fff;}
table.jCalendar td.selected:hover {background: #f33;color: #fff;}
table.jCalendar td:hover, table.jCalendar td.dp-hover {background: #fff;color: #000;}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {background: #bbb;color: #888;}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {position: relative;background: #ccc;font-size: 10px;font-family: arial, sans-serif;padding: 2px;width: 171px;line-height: 1.2em;}
div#dp-popup {position: absolute;z-index: 199;}
div.dp-popup h2 {font-size: 12px;text-align: center;margin: 2px 0;padding: 0;}
a#dp-close {font-size: 11px;padding: 4px 0;text-align: center;display: block;}
a#dp-close:hover {text-decoration: underline;}
div.dp-popup a {color: #000;text-decoration: none;padding: 3px 2px 0;}
div.dp-popup div.dp-nav-prev {position: absolute;top: 2px;left: 4px;width: 100px;}
div.dp-popup div.dp-nav-prev a {float: left;}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {cursor: pointer;}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {cursor: default;}
div.dp-popup div.dp-nav-next {position: absolute;top: 2px;right: 4px;width: 100px;}
div.dp-popup div.dp-nav-next a {float: right;}
div.dp-popup a.disabled {cursor: default;color: #aaa;}
div.dp-popup td {cursor: pointer;}
div.dp-popup td.disabled {cursor: default;}

#chat{ width: 848px; border:solid 1px #696969; }
#chat .chat_context{ width: 828px; height:300px; overflow: auto; padding: 10px; }
#chat .chat_context p{ padding:0; margin:3px 0;}
#chat .chat_context p em{ font-size:9px; color:#999999; }
#chat .chat_send{  text-align: center;width: 828px; background: #F2EA67 url(../images/right_title.png) repeat-x top center; line-height:30px; padding: 10px; }
#chat .chat_send_nickname,
#chat .chat_send_text{ border:solid 1px #7F9DB9; padding:2px; height:23px; line-height: 23px; margin:0;vertical-align:middle; }
#chat .chat_send_button{ width:100px; height:29px; padding:2px; line-height: 23px; border:solid 1px #999999; vertical-align:middle; margin:0; }

#main {width: 960px;margin: 0 auto 0 auto;}
#main h2.title {margin: 0;text-align: center;color: #000;font-size: 14px;padding: 5px;height: 16px;background: #999 url(../images/top.png) repeat-x center center;}
#main div.content {background: #FFF;}
#main .fieldset {background: #FFF;}

#left {width: 290px;float: left;margin: 0;}
#left dl {border: 1px solid #CCC;padding: 0 0 10px 0;margin: 0 0 10px 0;background: #FFF;}
#left dl dt {background: #EEE url(../images/top.png) repeat-x top center;padding: 5px 0 5px 10px;margin: 0 0 10px 0;}
#left dl dt a {color: #000;font-size: 13px;}
#left dl dd {padding: 1px 10px 2px 10px;margin: 0;}
#left dl dd a {color: #006CA2;font-size: 13px;}
#left dl dd a:hover {color: #FF0000;}
#left dl dd em {float: right;font-style: normal;font-size: 10px;color: #999;}

#left h1 {text-align: center;color: #000;font-size: 14px;background: #999 url(../images/top.png) repeat-x top center;padding: 5px;margin: 0;}
#left .title {padding: 5px;height: 16px;font-weight: bold;background: #999 url(../images/top.png) repeat-x center center;}
#left .title a {font-weight: bold;}
#left .title em {float: right;font-style: normal;color: #FFF;}
#left .info {background: #EEE;text-align: center;padding: 10px 0 0 0;}
#left .intro {padding: 10px;}
#left .content {padding: 10px;font-size: 14px;}
#left .content a {font-size: 14px;}
#left .item {}
#left .keywords {float: right;}
#left .pagelist {background: #FFF;height: 30px;}
#left .pagelist em {float: left;display: block;border: 1px solid #666;padding: 5px;margin-right: 5px;}
#left .pagelist strong {float: left;display: block;border: 1px solid #666;padding: 5px;margin-right: 5px;}
#left .pagelist a {float: left;display: block;border: 1px solid #666;padding: 5px;margin-right: 5px;}
#left .lastpage {background: #EEE;padding: 5px;}
#left .nextpage {background: #EEE;padding: 5px;}

#left .content table {font-size: 12px;}
#left .content table th {font-size: 12px;padding: 5px 0 5px 10px;}
#left .content table td {font-size: 12px;padding: 5px 0 5px 10px;}

#left label {margin-right: 10px;text-align: center;}
#left input {border-color: #EE6100;}
#left input:hover {border-color: #000;}
#left .input_text {width: 180px;}
#left .input_submit {background: #EE6100;color: #FFF;}

#center {width: 360px;float: left;margin: 0 10px 0 10px;}
#center .ad {border: 1px solid #FF0000;background: #FFFFE1;margin: 0 0 10px 0;padding: 0;text-align: center;color: #FF0000;font-weight: bold;}
#center .ad p {padding: 5px 0 5px 0;margin: 0;}
#center .ad a {color: #FF0000;font-weight: bold;}

#center dl {border: 1px solid #CCC;padding: 0 0 10px 0;margin: 0 0 10px 0;background: #FFF;}
#center dl dt {background: #EEE url(../images/top.png) repeat-x top center;padding: 5px 10px 5px 10px;margin: 0 0 10px 0;}
#center dl dt a {color: #000;font-size: 13px;}
#center dl dt em {float: right;}
#center dl dt em a {font-style: normal;font-size: 12px;}

#center dl dd {padding: 1px 10px 2px 10px;margin: 0;}
#center dl dd a {color: #006CA2;font-size: 13px;}
#center dl dd a:hover {color: #FF0000;}
#center dl dd em {float: right;font-style: normal;font-size: 10px;color: #999;}

#right {width: 290px;float: right;margin: 0;}
#right dl {border: 1px solid #CCC;padding: 0 0 10px 0;margin: 0 0 10px 0;background: #FFF;}
#right dl dt {background: #EEE url(../images/top.png) repeat-x top center;padding: 5px 10px 5px 10px;margin: 0 0 10px 0;}
#right dl dt a {color: #000;font-size: 13px;}
#right dl dt em {float: right;font-style: normal;font-weight: normal;font-size: 12px;color: #FFF;}
#right dl dt em a {font-style: normal;font-weight: normal;font-size: 12px;color: #FFF;}
#right dl dd {padding: 1px 10px 2px 10px;margin: 0;}
#right dl dd a {color: #006CA2;font-size: 13px;}
#right dl dd a:hover {color: #FF0000;}
#right dl dd em {float: right;font-style: normal;font-size: 10px;color: #999;}

#right textarea {border-color: #EE6100;}
#right input {border-color: #EE6100;}
#right input:hover {border-color: #000;}
#right .input_text {}
#right .input_submit {background: #EE6100;color: #FFF;}

#artlist {height: auto;width: 960px;margin: 0 auto 10px auto;}
#artlist .item {margin: 0 0 10px 0;}
#artlist .item .title {padding: 7px;height: 20px;font-weight: bold;background: #999 url(../images/top.png) repeat-x center center;}
#artlist .item .title a {color: #000;font-weight: bold;}
#artlist .item .intro {padding: 10px;}
#artlist .item .info {padding: 10px;color: #000;}
#artlist .pagelist {height: 30px;padding: 3px;}
#artlist .pagelist em {float: left;display: block;border: 1px solid #000;padding: 5px;margin-right: 5px;}
#artlist .pagelist strong {float: left;display: block;border: 1px solid #000;padding: 5px;margin-right: 5px;}
#artlist .pagelist a {float: left;display: block;border: 1px solid #000;padding: 5px;margin-right: 5px;}
#artlist .lastpage {padding: 0 5px 10px 10px;color: #000;}
#artlist .lastpage a {color: #000;}
#artlist .nextpage {padding: 0 5px 10px 10px;color: #000;}
#artlist .nextpage a {color: #000;}

.link {height: auto;width: 960px;margin: 0 auto 0 auto;clear: both;}
.link dl {height: aotu;width: 960px;padding: 0 0 10px 0;clear: both;border: 1px solid #CCC;}
.link dl dt {height: 20px;background: url(../images/right_title.png) repeat-x top center; padding: 5px 0 5px 10px;margin: 0 0 10px 0;}
.link dl dt a {color: #000;}
.link dl dd {float: left;margin: 6px;padding: 5px;}
.link dl dd a {color: #000;display: block;}

#info {width: 960px;margin: 30px auto 10px auto;clear: both;}
#info ul {height: 20px;width: 900px;margin: 0px 30px 0px 30px;padding: 0;list-style-type: none;}
#info ul li {margin: 0;padding: 0;width: 90px;text-align: center;float: left;}
#info ul li a {display: block;color: #006CA2;border-right: 1px solid #CCC;}
#info ul li a:hover {font-weight: bold;}
#info ul li a.noborder {border: 0;}

#footer {height: auto;width: 960px;text-align: center;margin: 0 auto 0 auto;padding: 10px 0 10px 0;border-top: 1px solid #CCC;clear: both;}
#footer p {padding: 0;line-height: 20px;color: #666;}
#footer p a {color: #666;}