/***** Function: Site layout    *****/
/***** Author:   Gavin Cheung   *****/
/***** Date:     2010-1-21      *****/

/***** Container *****/
#container {
width:970px;
background:url(bg2.gif) repeat-y;
text-align:left; 
margin:0 auto;
}

/***** Header *****/
#header {
width:942px;
margin:0 auto;
background:url(headBg.gif) repeat-x;
}

/***** Logo *****/
#logo {
margin-top:30px;
float:left;
background:url(logoBg.gif);
width:236px;
height:241px;
position:relative;
}

#logo img {
position:absolute;
top:50%;
left:50%;
margin-left:-118px; /* Half of the logo width */
margin-top:-50px;   /* Half of the logo height */
}

/***** Banner *****/
#banner {
margin-top:30px;
float:right;
height:241px;
width:702px;
overflow:hidden; 
}

/***** Headbar, including the search form and the main navigation *****/
#headbar {
height:35px;
border:3px solid #fff;
border-width:3px 0;
}

#headbar form{
float:left;
width:236px;
background:#666;
height:23px;
overflow:hidden; 
padding:6px 0;
text-align:center; 
}

#headbar form input{
vertical-align:middle; 
margin-right:2px; 
}

/***** Main, including the sidebar and content  *****/
#main {
border-top:#D3D3D3 1px solid;
padding-top:6px;
overflow: hidden;
width:942px;
margin:0 auto;
background:url(line.gif) repeat-y 241px 0;
}

#sidebar {
float:left;
width:236px;
padding-right:5px; 
}

#content {
float:right;
padding:4px 0 0 5px;
width:691px;
}

/***** The snippet below makes the two column height-adaptive *****/
#main:after {
content:'[DO NOT LEAVE IT IS NOT REAL]';
display:block;
height:0;
clear:both;
visibility:hidden;
}

#main {
display:inline-block;
}

/*\*/
#main {
display:block;
}

/*\*/
#sidebar, #content {
padding-bottom:32767px !important;
margin-bottom:-32767px !important;
}

@media all and (min-width: 0px) {
#sidebar, #content {
padding-bottom:0 !important;
margin-bottom:0 !important;
}

#sidebar:before, #content:before {
content:'[DO NOT LEAVE IT IS NOT REAL]';
display:block;
background:inherit;
padding-top:32767px !important;
margin-bottom:-32767px !important;
height:0;
}
}

/***** Homepage modules *****/

/***** Title *****/
.title {
height:24px;
background:url(titleBg.gif);
border-left:6px solid #ACACAC;
margin-bottom:6px;
position:relative; 
z-index:1;
height:24px;
line-height:24px; 
}

.title h2 {
text-indent:10px;
font-size:13px;
color:#000;
}

.title span {
font-family:Verdana, Geneva, sans-serif;
position:absolute; 
right:10px;
top:0;
}

.title span a {
text-decoration:none;
color:#000;
}

.title span a:hover {
color:#f00;
text-decoration:underline;
}

.title3 {
border:solid 1px #ddd;
border-width:0 0 1px 0;
background:none;
margin-bottom:10px;
}

/***** News *****/
#news {
margin:0 auto 20px;
}

/***** Recommend news *****/
.recommendNews {
padding:8px; 
background:#fafafa; 
}

.recommendImg {
float:left;
width:60px; 
}

.recommendImg img {
width:60px; 
}

.recommendInfo {
float:right;
width:150px; 
}

.recommendInfo a {
font-weight:bold;
line-height:18px; 
color:#333; 
}

.recommendInfo p {
margin:0; 
line-height:16px; 
}

/***** Category *****/
#category {
padding-bottom:12px;
}

#categoryList{
padding:0 6px;
}

#categoryList li{
text-align:left;
}

#categoryList li {
border-bottom:1px solid #eee;
}

#categoryList li li{
border:none;
}

#categoryList ul li a {
background:url(listImg.gif) no-repeat 10px 10px;
padding-left:25px;
font-weight:bold;
}

#categoryList ul li li a{
font-weight:normal;
padding-left:40px; 
background:url(listIcon03.gif) no-repeat 27px 5px;
height:20px; 
line-height:20px; 
} 

/***** Profile *****/
#profile{
margin-bottom:20px; 
}

#profile .content {
padding:10px;
line-height:20px; 
}

/***** Function *****/
#function{
padding:20px; 
}

#function p{
text-indent:2em;
}

/***** Product list *****/
.productList {
text-align:center;
}

.productList li {
width:33.3%;
float:left;
padding:10px 0;
text-align:center;
}
.productList a {
display:block;
width:158px; 
margin:0 auto;
}

.productList a img {
border:#eee 3px solid;
padding:1px;
width:150px; 
}

.productList a:hover img {
border-color:#ccc;
}

.productList a span {
color:#333;
display:block;
cursor:pointer;
overflow:hidden;
text-align:center;
line-height:20px;
height:20px;
margin:1px auto 0;
background:#eee; 
}

.productList a:hover span {
color:#000;
background:#ddd; 
}

/***** Footer *****/
#footer {
width:932px;
margin:0 auto;
padding:10px;
border-top:1px solid #D3D3D3;
text-align:center; 
}

#copyright {
line-height:20px;
}

/***** Sub-navigation *****/
.subNav{
margin-bottom:30px; 
}
.subNav h2{
background:url(subNavTitleBg.gif);
height:36px;
line-height:36px;
font-size:14px;
margin:0 0 1px 0;
color:#fff;
font-size:13px;
padding-left:20px;
}

.subNav ul ul {
padding-bottom:10px;
margin:0;
}

.subNav ul li {
margin:0 0 1px 0;
}

.subNav ul li a {
text-align:left;
display:block;
padding-left:30px;
height:26px;
line-height:26px;
color:#666;
font-weight:bold;
background:#EAEAEA url(listImg3.gif) no-repeat 0 50%;
}

.subNav ul li li a {
font-weight:normal;
background:#f8f8f8 url(menuImg.gif) no-repeat 30px 50%;
padding:0 10px 0 40px;
}

.subNav ul li a:hover, .subNav ul li a.current {
color:#006600;
background-color:#f1f1f1; 
}

/***** Inside pages *****/
#message{
margin-bottom:30px; 
}

/***** News list *****/
.newsList {
margin:0 auto;
}

.newsList li {
float:left;
line-height:14px;
position:relative;
text-align:left;
width:100%;
padding:10px 0;
border-bottom:1px solid #ddd;
}

.newsList li a {
background:url(listIcon04.gif) no-repeat 0 0;
*background-position:0 -2px;
padding-left:20px;
}

.newsList li span {
color:#999;
position:absolute;
right:10px;
}

.newsList02 li{
padding:5px 0; 
}

.newsList02 em {
display:block; 
font-size:10px;
padding-left:20px; 
font-style:normal;
}

/***** Pagination *****/
.pagination {
height:22px;
padding:30px 0;
text-align:right; 
}
.pagination span, .pagination a {
background:#fff;
border:1px solid #ddd;
display:inline-block;
height:20px;
line-height:20px;
margin-right:2px;
padding:0 6px;
overflow:hidden; 
vertical-align:middle; 
}
.pagination a:hover {
border-color: #999;
background:#eee;
color:#666;
}
.pagination .current {
border:none;
color:#f00;
padding:1px 6px;
font-weight:bold;
}
.pagination .pr_off, .pagination .nt_off {
color:#ccc;
}

.msgPagination li {
float:left;
display:inline; 
margin-right:15px; 
}

.msgPagination li a{
padding-left:18px; 
display:inline-block; 
white-space:nowrap;
height:18px; 
line-height:18px; 
background:url(listIcon02.gif) no-repeat 0 50%;
}

/***** 提问功能、招聘功能 *****/
.questionList dt, .jobList dt {
font-weight:normal;
margin-top:10px;
}

.questionList dt span, .jobList dt span {
cursor:pointer;
font-weight:bold;
margin:0 4px;
}

.questionList dd, .jobList dd {
border:#ccc 1px solid;
padding:6px 10px;
}

/***** 视频列表 *****/
td.videoList a {
background:#fff url(videoIcon.jpg) no-repeat left 50%;
padding-left:25px;
}

div.videoShow {
text-align:center;
background:#fff;
border:solid 1px #eee;
width:80%;
padding:10px;
margin:0 auto;
}

div.videoShow h4 {
width:80%;
margin:0 auto;
background:url(videoIcon.jpg) no-repeat left 50%;
text-align:left;
padding-left:25px;
font-size:14px;
height:50px;
line-height:50px;
}

#mainContentSearch {
margin:30px;
}

.searchTitle {
border:1px solid #ddd;
border-width:1px 0;
padding:0 10px;
line-height:22px;
background:#f8f8f8;
}

.searchTitle a {
background:url(listImg.gif) no-repeat right 50%;
padding-right:10px;
}

#mainContentSearch strong {
padding-left:2em;
}

.resultTopicTitle {
margin-top:20px; 
}

#mainContentSearch .newsList {
width:100%;
}

/*网站地图*/
.map {
margin-bottom:10px;
}
.map ul {
margin-left:20px;
background:url(ulBg.gif) repeat-y;
}
.map ul li {
background:url(liBg01.gif) no-repeat left top;
font-size:12px;
line-height:24px;
padding-left:15px;
}
.map ul li.lastChild {
background-image:url(liBg02.gif);
}

/***** 新闻详细页 *****/
.article h3 {
border-bottom:1px solid #ddd;
font-size:14px;
line-height:28px;
text-align:center;
}
.article .newsDate {
line-height:22px;
margin-bottom:16px;
text-align:center;
}

.relatedNews {
padding:10px;
}
.relatedNews h2 {
font-size:14px;
margin-bottom:8px;
}

.relatedNews a {
background:url(listIcon06.gif) no-repeat 0 50%;
line-height:22px;
padding-left:12px;
}

/***** Product details *****/
.productImage{
text-align:center; 
}

.productDetails {
margin:20px auto;
text-align:center;
width:90%;
}

.productDetails .proImg {
padding:10px;
text-align:center;
}

.productDetails th{
width:20%; 
}

.productDetails .caption{
text-align:center; 
}

/***** Form elements *****/
fieldset {
border:none;
padding:1em;
margin-left:40px;
}

fieldset legend {
border:1px solid #999;
font-weight:700;
margin-left:150px;
padding:1px 10px;
}

fieldset ol {
list-style: none;
margin-top: 1em;
}

fieldset li {
display:inline;
float: left;
padding-bottom: 1em;
width: 100%;
}

fieldset li label {
float: left;
line-height:22px;
margin-right:10px;
text-align: left;
}

fieldset li span.tips {
display:inline;
float:left;
line-height:18px;
margin-left:10px;
width:8em;
}

fieldset input.text, fieldset textarea {
display:inline;
float:left;
font:12px Arial, Helvetica, sans-serif;
padding:1px;
width:280px;
outline:none;
}

fieldset input.text2, fieldset input.text3 {
float:none;
}

fieldset input.text2 {
width:42px;
}

fieldset input.text3 {
width:122px;
}

fieldset textarea {
height:8em;
}

/*.focusField {
border:solid 1px #B9D1FD;
background:#F6F9FF;
color:#000;
}
.idleField {
background:#fff;
color: #6F6F6F;
border: solid 1px #ddd;
}*/

/* pageNav */
.pageNav {
padding:20px;
text-align:center; 
}

/* Default buttons */		
button { 
position: relative;
border: 0; 
padding: 0;
height:24px; 
vertical-align:middle;
cursor: pointer;
overflow: visible; /* 移除IE的宽度自增长 */
}

button::-moz-focus-inner {
border: none;  /* 覆盖Firefox的额外padding */
}

button span, a span { 
position: relative;
display: inline-block; 
white-space: nowrap;
cursor: pointer;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* 为Safari和Chrome 修正空白边 */
button span {
margin-top: -1px;
}
}

/* Customize buttons: */		
.defaultBtn { 
padding: 0 10px 0 0; 
margin-right:5px; 
font-size:12px; 
font-family:Verdana, Geneva, sans-serif;
text-align: center; 
background: transparent url(btn_default_bg.gif) no-repeat 100% -60px; 
display:inline-block;
height:24px; 
}

.defaultBtn span {
padding: 5px 0 0 10px; 
height:19px; 
background: transparent url(btn_default_bg.gif) no-repeat 0 0; 
color:#445560; 
}

.defaultBtn:hover, .defaultBtnHover { /* 额外defaultBtnHover样式配合js为IE6加滑过效果 */
background-position: 100% -90px; 
}

.defaultBtn:hover span, .defaultBtnHover span {
background-position: 0 -30px;
color:#052028; 
}

/***** Members' tools*****//
.toolbar {
position:absolute;
right:0;
text-align:right;
top:0;
background:#fff;
}

#toolbarHandler {
text-align:center;
position:absolute;
right:0;
top:0;
border:1px solid #C1D7E4;
border-width:1px 2px 1px 1px;
height:24px;
line-height:24px;
overflow:hidden;
width:80px;
}

#toolbarHandler img, .toolbar ul a img {
vertical-align:middle;
}

#toolsList {
text-align:left;
display:none;
}
.toolbar ul {
border:1px solid #C1D7E4;
border-width:1px 2px 1px 1px;
padding-top:25px;
width:150px;
}

.toolbar ul li {
float:left;
width:100%;
border-bottom:1px solid #C1D7E4;
}

.toolbar ul a {
display:block;
height:34px;
line-height:34px !important;
overflow:hidden;
}