/*
style.css 主体样式
design by mutou
www.anysale.cn
creation date:2005-03-01
 updated date:2006-06-05
*/

body{
	font-family: Arial, Helvetica, sans-serif,"宋体";
	color: #555555;
	line-height: 1.5em;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/background.gif);
}

A:link,A:visited,A:active{
	text-decoration: none;
	color: #555555;
}
A:hover{
	text-decoration: none;
	color: #CC0000;
}

body {
	font-size: 11px;
}

body/**/{
	font-size: 12px;
}

html>body {
	font-size: 12px;
}

* {
	padding: 0;
	margin: 0;
}


h1,h2,h3,h4,h5,h6,p,form,ul{
	margin: 0px;
	padding: 0px;
}

img{border: 0px;}

ul{	list-style-type: none;}

.blue {color: #0072bc;background: transparent;}
.green {color: #00a650;background: transparent;}
.yellow {color: #f7941d;background: transparent;}
.red {color: #ed1c24;background: transparent;}
.purple {color: #92278f;background: transparent;}
.center {text-align:center;}
.right{text-align:right;}

textarea {
    font-family: Arial, Helvetica, sans-serif,"宋体";
	font-size: 12px;
	line-height: 18px;
}
input {	font-size: 12px;}

a.whitelink:link {color: #FFFFFF;text-decoration: none;background: transparent;}
a.whitelink:visited {color: #e1eef9;text-decoration: none;background: transparent;}
a.whitelink:hover {color: #e1eef9;background: transparent;}

a.redlink:link {color: #ed1c24;text-decoration: none;background: transparent;}
a.redlink:visited {color: #ed1c24;text-decoration: none;background: transparent;}
a.redlink:hover {color: #00a650;background: transparent;}

a.bluelink:link {color: #0072bc;text-decoration: none;background: transparent;}
a.bluelink:visited {color: #0072bc;text-decoration: none;background: transparent;}
a.bluelink:hover {color: #00a650;background: transparent;}

#layout { 
    float:left;
	width: 978px;
	margin: 0px;
	padding:0px;
}
#main{
    float:left;
    width:778px;
	color:#666666;
	margin: 0px;
	overflow:hidden; 
	background-color:#ffffff;
}
#content{
    float:left;
    width:778px;
	color:#666666;
	margin: 0 auto;	
	overflow:hidden; 
	background-color:#ffffff;
}
.contentbody{
    float:left;
    width:758px !important;
	color:#666666;
	margin: 0px;
	padding:0px 10px;
	background-color:#ffffff;
}
#left{
	float:left;
	width:178px;
	margin: 0 auto;
	overflow:hidden;
}
.leftbody{
	float:left;
	width: 165px !important;       /*mozilla & IE6*/
	width /**/: 178px;               /*IE 5.x*/
	margin: 0px;
	padding: 0px 7px 0px 6px;
}
#box{
	overflow:hidden;
	color:#666666;
    float:right;
    width:600px;
	margin: 0 auto;	
	background-color: #FFFFFF;
	background-image: url(../images/graydot.gif);
	background-repeat: repeat-y;
	background-position: left;
}
.boxbody {
    float:left;
	width: 580px !important;       /*mozilla & IE6*/
    width /**/:600px;
	margin: 0px;
	padding: 0px 10px 0px 10px;
}
.line {
	float:left;
	width:100%;
	height:20px;
}
.viewme {
	float:left;
	width:auto;
	height:100px;
	overflow:hidden;
}
.hackbox{
	margin-top:-1px !important;
	clear:both;
	visibility:hidden;
	border-top-width: 1px;
	border-top-style: solid;
}

#nav{
	height: 30px;
	overflow:hidden;
	color: #FFFFFF;
	background-color:#555555;
	background-image: url(../images/domain.gif);
	background-repeat: no-repeat;
	background-position: left;
}
#navlinks {
	float: left;
	width:778px;
	color:#FFFFFF;
	font-size: 12px;
	line-height: 30px;
	text-align:right;
	background: transparent;
}
#navlinks a {
	color:#FFFFFF;
	padding: 0px 10px 0px 10px;
}
#navlinks a:hover{
	color: #cccccc;
}

#location{
	height: 25px;
	width: auto;
	line-height:25px;
	padding: 0px 0px 0px 20px;
	margin: 0px;
	overflow:hidden;
	background-image: url(../images/location.gif);
}
#location a {
	padding: 0px 5px 0px 3px;
}

.search{
	float:left;
	width:100%;
	height: 39px !important;       /*mozilla & IE6*/
	height /**/: 50px;
	margin: 0;
	padding: 10px 0px 0px 0px;
	overflow:hidden;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	background-color: #f1f1f1;
}

.bar {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 25px;
	background-image: url(../images/barbgline.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.bartitle {
	float: left;
	width:auto;
	font-size: 14px;
	color: #000000;
	padding: 3px 0px 0px 10px;
	vertical-align: top;
}
.barright {
    float:right;
	padding: 5px 5px 0px 5px;
	line-height: 20px;
	color: #000000;
}

.barview {
	float: right;
	line-height: 25px;
	color: #000000;
	padding:0px 10px 0px 0px;
}/*detail*/
.barnav {
	float: right; 
	margin: 0;
	padding: 6px 0px 0px 0px; 
}
.barnav li {
	float: left; 
	width: 61px;
	height: 19px;
	text-align: center;
}

a.barlink:link,a.barlink:visited {
	width: 60px;
	height: 19px;
	color: #555555;
	display: block;
	line-height: 19px;
	text-decoration: none;
	background-image: url(../images/barlink.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
a.barlink:hover,a.barlink:active {
	height: 19px;
	width: 60px;
	color: #000000;
	background-image: url(../images/barhover.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
a.barhover:link,a.barhover:visited,a.barhover:hover,a.barhover:active {
	width: 60px;
	height: 19px;
	color: #555555;
	display: block;
	line-height: 19px;
	text-decoration: none;
	background-image: url(../images/barhover.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#footer {
	float: left;
	width: 778px;
	color: #000000;
	text-align: center;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #b1b3b6;
	background-color: #eeeeee;
}
#footer li {
    width: 770px;
	line-height: 25px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	display:block;
	overflow:hidden;
}
#footerlinks {
	line-height: 30px;
	padding: 0px;
	height: 30px;
	margin-bottom: 15px;
	background-image: url(../images/footdotline.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
#footerlinks a{
	color: #000000;
	padding: 0px 8px 0px 8px;
}
#footerlinks a:hover{
	color: #0072bc;
}

.page {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
	color: #000000;
	height: 50px;
}
.pageinfo {
	float: left;
	width: 300px;
	padding: 10px 0px 0px 15px;
	margin: 0px;
}
.pagelist {
	float: right;
	width: 400px;
	padding: 8px 15px 0px 0px;
	margin: 0px;
	text-align:right;
}

.barblue {
	background-image: url(../images/barblue.gif);
	background-repeat: no-repeat;
	height: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #0072bc;
	line-height:30px;
	padding:0px 0px 0px 22px;
}
.bargreen {
	background-image: url(../images/bargreen.gif);
	background-repeat: no-repeat;
	height: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #00a650;
	line-height:30px;
	padding:0px 0px 0px 22px;
}
.baryellow {
	background-image: url(../images/baryellow.gif);
	background-repeat: no-repeat;
	height: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #f7941d;
	line-height:30px;
	padding:0px 0px 0px 22px;
}
.barred {
	background-image: url(../images/barred.gif);
	background-repeat: no-repeat;
	height: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #ed1c24;
	line-height:30px;
	padding:0px 0px 0px 22px;
}
.barpurple {
	background-image: url(../images/barpurple.gif);
	background-repeat: no-repeat;
	height: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #92278f;
	line-height:30px;
	padding:0px 0px 0px 22px;
}

.msg {float:left;margin:0px;width:100%;padding:20px 0px;text-align:left;}
.msg ul {list-style-position: inside;list-style-type: square;margin:0px 42px;}
.msg li {line-height:20px;}
.msgbar {
	height:25px;
	margin:0px 20px;
	line-height:25px;
	font-size: 14px;
	font-weight: bold;
	text-indent: 20px;
	background-image: url(../images/barblue.gif);
	background-repeat: no-repeat;
}
.msgback {text-align:right;padding:0px 20px;}