@charset "utf-8";
/* CSS Document */

html {
    overflow: -moz-scrollbars-vertical;
}

body {
    background-image:url("images/main_bg_lines.gif");
    background-repeat:repeat;
    background-color:transparent;
    font-family: Arial,Verdana,sans-serif;
    line-height: 120%;
    margin:0px;
    padding:0px;
    word-wrap: break-word;
    color: #e0e0e0;
    overflow:visible;
    font-size: 14px;
}

div {
    word-wrap:break-word;
    overflow:hidden;
}

div.clear{
    clear:both;
}

div.left{
    float:left;
}

div.right{
    float:right;
}

.portlet{
    margin-top:20px;
    margin-bottom: 30px;
}

a, a:visited {
    color:#e0e0e0;
    text-decoration:none;
}

a:hover {
    color:#ffffff;
    text-decoration:underline;
}

p {
    color: #e0e0e0;
    font-size: 14px;
    margin-top: 0px;
    line-height: 160%;
}

img {
    border:none;
    vertical-align:middle;
    margin: 0px;
    padding: 0px;
}

img.verify_code_img{
    cursor:pointer;
}

li {
    font-size: 12px;
}

h1 {
    font-size:20px;
    margin:0px;
    padding:0px;
    font-weight:bold;
}

h2 {
    color:#44A1D0;
}

form {
    margin:0px;
    padding:0px;
}

input.no_border {
    border:none;
    height:15px;
    padding:2px;
    margin:0px;
}

textarea {
    border:none;
    padding:2px;
    margin:0px;
}

dl {
    margin:0px;
    padding:0px;
}

#page{
    margin:0px auto;
    width:998px;
    padding:0px;
}

#header {
    background:url('images/title_bg.gif') repeat-x;
    width: 100%;
    height: 64px;
}

#title {
    background:url('images/title_btn.gif') no-repeat;
    width:151px;
    height:64px;
    margin-left:10px;
    *margin-left:5px;
    float:left;
    position:relative;
}

#nav {
    float:left;
    position:relative;
    height:29px;
    width:580px;
    margin:35px 0px 0px 0px;
}

#nav ul{
    list-style:none;
    height:29px;
    margin:0px;
    padding:0px;
}

#nav ul li{
    background:url('images/title_btn.gif') no-repeat scroll left 0px;
    height:29px;
    list-style:none;
    float:left;
    margin-left:8px;
}

#nav ul li.highlight{
    background:url('images/title_btn.gif') no-repeat scroll left -29px;
}

#nav ul li a{
    background:url('images/title_btn.gif') no-repeat scroll right 0px;
    font-family:"黑体";
    font-size:13px;
    color:#ffffff;
    height:29px;
    float:left;
    margin-left:8px;
    font-weight:bold;
}

#nav ul li a:hover{
    text-decoration:none;
    color:#FF9900;
}

#nav ul li a.highlight{
    background:url('images/title_btn.gif') no-repeat scroll right -29px;
}

#nav ul li a:hover.highlight{
    color:#ffffff;
}

#nav ul li a span{
    height:29px;
    float:left;
    margin-right:14px;
    line-height:29px;
    cursor:pointer;
}

#search_pane{
    margin-top:20px;
}

#search_pane #search_left{
    background:url('images/search_left.gif') no-repeat;
    width: 30px;
    height:35px;
}

#search_pane #search_bg {
    background:url('images/search_bg.gif') repeat-x;
    height:35px;
    width: 155px;
    padding: 0px 5px;
}

#search_pane #search_right{
    background:url('images/search_right.gif') no-repeat;
    width: 6px;
    height:35px;
}

#search_pane #search_bar_input {
    border:medium none;
    color:#999999;
    height:15px;
    *height:15px;
    margin:5px 0px;
    padding:2px 5px;
    width:107px;
}

#search_pane #search_submit{
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    text-shadow:black;
    color:#e0e0e0;
    background-color:transparent;
    opacity:1;
    border: 0px;
    margin:5px 0px;
    padding: 0px;
    height:20px;
    font-weight: bold;
}

.login_panel {
    float:right;
    position:relative;
    top:40px;
    height:16px;
}

.login_panel ul{
    margin:0px;
    padding:0px;
    list-style:none;
}

.login_panel a, .login_panel a:visited {
    color:#494949;
    text-decoration:none;
    font-size:12px;
}

.login_panel a:hover {
    color:#ffffff;
    text-decoration:none;
    font-size:12px;
}

#login_btn{
    background:transparent url(images/login_btn.gif) no-repeat;
    list-style:none;
    float:left;
    width:35px;
    display:inline;
    margin:0px 0px 0px 10px;
    padding:0px 0px 0px 20px;
    color:#494949;
}

#btn_spliter{
    list-style:none;
    float:left;
    display:inline;
    margin:0px;
    padding:0px;
    color:#494949;
}

#reg_btn{
    background:transparent url(images/reg_btn.gif) no-repeat;
    list-style:none;
    float:left;
    width:35px;
    display:inline;
    margin:0px 0px 0px 10px;
    padding:0px 0px 0px 20px;
    color:#494949;
}

#welcome_info{
    list-style:none;
    float:left;
/*    width:75px;*/
    display:inline;
    margin:0px 0px 0px 10px;
    padding:0px 10px 0px 20px;
    color:#494949;
}

#logout_btn{
    background:transparent url(images/logout_btn.gif) no-repeat;
    list-style:none;
    float:left;
/*    width:35px;*/
    display:inline;
    margin:0px 0px 0px 10px;
    padding:0px 10px 0px 20px;
    color:#494949;
}

#mask{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 10000;
    background-color: #000000;
    filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
    display:none;
}

#jnlp_link{
    height:28px;
    width:65px;
    position:absolute;
    z-index:20000;
    padding:0px;
}

#login_board_outer{
    height:170px;
    display:none;
    position:absolute;
    z-index:20000;
    width:240px;
    padding:0px;
}

#login_board_handler{
    background:url('images/buble_handler.gif') no-repeat;
    float:right;
    postion:relative;
    width:16px;
    height:14px;
    margin-right: 10px;
}

#login_board{
    background:url('images/login_bubble.gif') repeat-x;
    width:225px;
    padding-left:15px;
    height:156px;
    color:#000000;
    font-size:12px;
    border-top: 1px solid #d29c63;
}

#login_board ul{
    list-style-type:none;
    padding:0px;
    margin:0px;
}

#login_board li{
    height:28px;
    line-height:28px;
    font-size:12px;
    padding: 0px;
    margin: 0px;
    list-style-type:none;
}

#login_board .login_board_label{
    float:left;
    position:relative;
    width: 65px;
    text-align: right;
}

#login_board #userId, #password{
    width: 135px;
    height: 14px;
}

#login_board #verifyCode{
    width: 65px;
    height: 14px;
}

#login_board .left_align{
    text-align:left;
}

#login_board a, #login_board a:visited{
    color:#131f45;
    text-decoration:none;
}

#login_board a:hover{
    color:#52639c;
    text-decoration:underline;
}

#login_board #login_error_msg{
    height:15px;
    color:#ff400f;
    font-size:12px;
}

#login_board #save_id_label{
    float:left;
    position:relative;
    left:15px;
}

#login_board #wait_animation{
    margin-left:55px;
    float:left;
    position:relative;
    height:20px;
    line-height:20px;
    display:none;
}

#home_board {
    background:#313131;
    min-height:500px;
    _height:500px;
    width:100%;
    margin:0 auto;
    padding:0px 0px 20px 0px;
}

#home_content{
    width:670px;
    padding:15px 35px 0px 35px;
}

#home_pic{
    float:left;
    position:relative;
}

#home_label{
    background:transparent url(images/news_title_bg.gif) repeat;
    margin-bottom:15px;
    width: 100%;
    height: 184px;
}

#register_label{
    background:transparent url(images/news_title_bg.gif) repeat;
    margin-bottom:15px;
    width: 100%;
    height: 184px;
}

#home_info{
    float:left;
    position:relative;
    width:370px;
    padding-top: 30px;
    padding-left: 30px;
}

#moojoy_title{
    font-family:黑体;
    font-size:37px;
}

#home_info ul{
    padding: 0px;
    clear: both;
    margin: 10px 0px 0px 25px;
    list-style-type:none;
}

#home_info li{
    font-family:黑体;
    font-size:14px;
    color:#a5a5a5;
    padding: 5px 0px 0px 0px;
    list-style-type:none;
}

#home_info #high_light{
    color:#FFFFFF;
}

#news_board {
    background:transparent url(images/news_bg.gif) repeat-y;
    width:100%;
    margin:0px;
    padding:0px;
}

#news_left_board {
    padding:10px 15px;
    width:575px;
    float:left;
    position:relative;
    display:inline;
    _margin-left:-2px;
}

#news_label {
    background:transparent url(images/news_title_bg.gif) repeat;
    margin-top:15px;
    *margin-top:25px;
    margin-bottom:15px;
    height: 184px;
}

.article_bg {
    background:transparent url(images/news_article_bg.gif) repeat-x;
    margin-top:0px;
    margin-bottom:0px;
}

#news_search_list{
    margin: 10px auto;
    width: 555px;
    background-color: #383838;
    padding: 10px;
}

#news_search_list dt{
    border-bottom: 1px solid #7a7a7a;
    padding: 5px;
    margin:0px;
}

#news_search_list dd{
    border-top: 1px solid #252525;
    padding: 5px;
    margin:0px;
}

#pagination{
    margin: 20px auto;
    text-align:center;
    font-size:14px;
}

#pagination a{
    color: #81ccf4;
}

#pagination a:hover{
    background-color:#81ccf4;
    color: #313131;
    text-decoration:none;
}

#piece_of_news{
    padding-top:10px;
    margin-left:auto;
    margin-right:auto;
    width: 550px;
}

#news_title_style{
    color: #c3ff97;
    font-family: 黑体;
    font-size: 19px;
}

a:hover#news_title_style{
    text-decoration: underline;
}

.news_title_style_small{
    color: #c3ff97;
    font-family: 黑体;
    font-size: 16px;
}

.news_title_style_large{
    font-size: 24px;
    color: #c3ff97;
    font-family: 黑体;
    margin-bottom: 10px;
    line-height: 130%;
}

#piece_of_news dt{
    text-align:center;
    border-bottom: 1px solid #7a7a7a;
    padding: 10px;
    margin:0px;
}

#piece_of_news dd{
    border-top: 1px solid #252525;
    padding: 10px;
    margin:0px;
}

#news_total_content a{
    color: #92e5e2;
}

#news_total_content a:hover{
    color: #92e5e2;
    text-decoration:underline;
}

#score_pane{
    height:80px;
    padding-top:10px;
    margin-left:auto;
    margin-right:auto;
    width: 530px;
}

#score_pane #mark_score{
    float:left;
}

#mark_score dt{
    margin:0px 0px 10px 0px;
}

#mark_score dd{
    margin:0px;
    font-size:14px;
}

#score_pane #mark_dig{
    float:right;
    text-align:center;
}

#mark_dig #dig_count{
    border:1px solid #666666;
    color:#FFFFFF;
    font-size:20px;
    height:40px;
    width:52px;
    line-height:40px;
    text-align:center;
    margin-bottom:10px;
    background-color:#484848;
}

#rateInfoPane{
    float:left;
    height:25px;
    line-height:25px;
    margin-left:20px;
}

#ratedMsg {
    display:block;
    font-size:14px;
    color:#ddaa00;
}

#diggedMsg{
    display:block;
    font-size:14px;
    color:#ddaa00;
}

.plan_button{
    height:20px;
    width:52px;
    line-height:20px;
    text-align:center;
    margin-top:5px;
    padding:0px;
    border:1px solid #858585;
}

.plan_button a{
    font-size:14px;
}

.plan_button  a:hover{
    color:#FFCC00;
    text-decoration:none;
}

#comment_pane{
    font-size:12px;
    margin-top:10px;
    padding: 10px;
}

#comment_pane dt{
    padding: 10px;
}

#comment_pane dd{
    padding: 10px;
}

#comment_pane div.comment_label{
    width: 100px;
    float:left;
    text-align:right;
    margin:5px;
    line-height:20px;
    font-weight:bold;
}

#comment_pane div.comment_input{
    width: 200px;
    float:left;
    margin:5px;
}

#comment_pane div.float_left{
    float:left;
    margin:5px;
    color: #fd834d;
}

#comment_pane input{
    width:190px;
}

#comment_pane textarea{
    border:none;
    height:100px;
    width:320px;
    overflow-y:auto;
    font-size:12px;
}

#comment_list_pane {
    font-size:14px;
    margin-top:10px;
    padding: 10px;
}

#comment_list_pane div.piece_of_comment{
    width: 540px;
    margin:10px auto;
    padding: 5px 8px;
    background-color:#393939;
    border:1px solid #858585;
    font-size:12px;
}

#comment_list_pane dt{
    padding:0px;
    margin:0px;
    color:#c1dbf8;
}

#comment_list_pane dd{
    padding:0px;
    margin:0px;
}

#comment_list_pane .comment_entry_func_pane{
    float:left;
}

.comment_entry_func_pane span{
    color:#ff6920;
}

.comment_entry_func_pane a{
    color:#ff6920;
}

.comment_entry_func_pane a:hover{
    background-color:#ff6920;
    color:#313131;
    text-decoration:none;
}

#comment_list_pane #comment_entry_time_pane{
    float:right;
    color:#c1dbf8;
}

#news_info_style{
    color: #508394;
    font-size: 13px;
}

.error_msg{
    display:block;
    background: #FFE1E1 url("images/red_x.gif") no-repeat right center;
    border:1px solid #cc0000;
    height: 20px;
    line-height: 20px;
    padding: 0 0 0 5px;
    color: #cc0000;
    font-weight: bold;
    margin: 0px 5px;
    font-size:12px;
}

.info_msg{
    display:block;
    background: #DDFFDD url("images/green_x.gif") no-repeat right center;
    margin: 5px;
    border:1px solid #009900;
    height: 20px;
    line-height: 20px;
    padding: 0 0 0 5px;
    color: #009900;
    font-weight: bold;
    font-size:12px;
}

.waiting_msg{
    display:block;
    background: #DDDDFF;
    margin: 5px;
    border:1px solid #0000cc;
    height: 20px;
    line-height: 20px;
    padding: 0 0 0 5px;
    color: #0000cc;
    font-weight: bold;
    font-size:12px;
}

#news_info_style a{
    color: #92e5e2;
}

#news_info_style a:hover{
    color: #313131;
    background-color: #92e5e2;
    text-decoration:none;
}

#news_abstract{
  font-size: 14px;
  padding-bottom: 10px;
}

#news_abstract a{
    color: #92e5e2;
}

#news_abstract a:hover{
    color: #92e5e2;
    text-decoration:underline;
}

#news_middle_board{
    width:151px;
    float:left;
    position:relative;
    padding: 20px 10px 0px 10px;
}

#news_tag ul{
    padding: 0px;
    clear: both;
    margin: 10px 0px 0px 8px;
    list-style-type:none;
    line-height:1.5em;
}

#tag_1{
    font-size: 12px;
}

#tag_1 a, #tag_1 a:visited{
    color: #d1eefd;
    text-decoration:none;
}

#tag_1 a:hover{
    background-color:#d1eefd;
    color:#484848;
}

#tag_2{
    color: #b5e4fd;
    font-size: 14px;
}

#tag_2 a, #tag_2 a:visited{
    color: #b5e4fd;
    text-decoration:none;
}

#tag_2 a:hover{
    background-color:#b5e4fd;
    color:#484848;
}

#tag_3{
    color: #bae6fd;
    font-size: 17px;
}

#tag_3 a, #tag_3 a:visited{
    color: #bae6fd;
    text-decoration:none;
}

#tag_3 a:hover{
    background-color:#bae6fd;
    color:#484848;
}

#tag_4{
    color: #81d4fe;
    font-size: 24px;
}

#tag_4 a, #tag_4 a:visited{
    color: #81d4fe;
    text-decoration:none;
}

#tag_4 a:hover{
    background-color:#81d4fe;
    color:#484848;
}

#news_category ul {
    padding: 0px;
    clear: both;
    margin: 10px 0px 0px 0px;
    list-style-type:none;
}

#news_category li {
    padding: 0px 0px 0px 8px;
    list-style-type:none;
}

#news_category a, #news_category a:visited{
    color:#e0e0e0;
    text-decoration:none;
}

#news_category a:hover{
    color:#484848;
    background-color:#e0e0e0;
}

#news_interaction{
    margin-top: 40px;
}

#news_interaction ul{
    padding: 0px;
    clear: both;
    margin: 10px 0px 0px 8px;
    list-style-type:none;
    line-height:1.5em;
}

#news_interaction li {
    padding: 0px 0px 0px 8px;
    list-style-type:none;
}

#news_interaction a, #news_interaction a:visited{
    color:#e0e0e0;
    text-decoration:none;
}

#news_interaction a:hover{
    color:#484848;
    background-color:#e0e0e0;
}

#news_right_board{
    width:201px;
    padding: 20px 10px 0px 10px;
    float:right;
    position:relative;
}

#news_list_title{
    color:#66c9ff;
    font-size:20px;
    line-height:20px;
    font-family:黑体;
}

#moojoy_intro_title{
    color:#66c9ff;
    font-size:16px;
    font-family: Verdana;
}

#moojoy_intro_content{
    color:#d1eefd;
    font-size:12px;
}

#news_list_count{
    color:#66c9ff;
    font-size:12px;
    font-family:黑体;
}

#top_news ul {
    padding: 0px;
    clear: both;
    margin: 0px 0px 0px 10px;
    list-style-type:none;
    line-height:105%;
}

#top_news li {
    background:transparent url(images/news_list_label.gif) no-repeat scroll 0pt;
    padding: 5px 0px 5px 20px;
    list-style-type:none;
}

#top_news a, a:visited{
    color:#e0e0e0;
    text-decoration:none;
}

#top_news a:hover{
    color:#484848;
    background-color:#e0e0e0;
}

#reply_style{
    color:#9bdcff;
}

#top_comments ul{
    padding: 0px;
    clear: both;
    margin: 0px;
    list-style-type:none;
}

#top_comments li{
    padding: 5px 0px 5px 10px;
    list-style-type:none;
}

#top_comments a, a:visited{
    color:#e0e0e0;
    text-decoration:none;
}

#top_comments a:hover{
    color:#484848;
    background-color:#e0e0e0;
}

#footer {
    background:#3C484E url(images/footer-bg.gif) repeat-x;
    height: 85px;
    font-size: 12px;
    line-height: 150%;
    color: #A6A6A6;
    width: 100%;
    padding-top:10px;
}

#footer #footerspliter {
    float:left;
    position:relative;
}

#footer #copyright{
    padding-top: 15px;
    padding-left: 15px;
    float:left;
    position:relative;
    width: 235px;
}

#footer #footnav {
    padding-top: 15px;
    padding-left:15px;
    float:left;
    position:relative;
    width: 445px;
}

#footnav #footerlink {
    float:left;
    position:relative;
    width: 100px;
    padding-left:30px;
}

#footnav #footerlinkcenter {
    text-align: left;
    float:left;
    position:relative;
    width: 100px;
    padding-left: 30px;
}

#footnav #footerlinksplit {
    float:left;
    position:relative;
    width: 10px;
    text-align: center;
}

#footer #power {
    padding-top: 10px;
    padding-left: 15px;
    float:left;
    position:relative;
}

#powerinfo {
    margin-left: 35px;
}

#footer a, #footer a:visited {
    color: #A6A6A6;
}

#footer a:hover {
    color: #FFFFFF;
}

#login ul{
    list-style:none;
    margin:0px;
    padding:0px;
}

#login ul li{
    list-style:none;
    float:left;
    margin-left:8px;
}

#login ul li a{
    font-family:"黑体";
    font-size:13px;
    color:#ffffff;
    float:left;
    margin-left:8px;
    font-weight:bold;
}

#login ul li a:hover{
    text-decoration:none;
    color:#FF9900;
}

#post_article_intro_title a{
    font-family:黑体;
    color:#c3ff97;
    font-size:20px;
    line-height:20px;
}

#post_article_intro_title a:hover{
    text-decoration:none;
    background: #c3ff97;
    color:#484848;
}

#post_article_intro dd{
    color:#e7ffd6;
    font-size:12px;
    margin: 5px 0px 0px 8px;
}

#post_article_intro img{
    vertical-align:middle;
    margin-bottom:3px;
}

#send_mail_title a{
    font-family:黑体;
    color:#ff9797;
    font-size:20px;
    line-height:20px;
}

#send_mail_title a:hover{
    text-decoration:none;
    background: #ff9797;
    color:#595959;
}

#send_mail_pane dd{
    color:#fde2e2;
    font-size:12px;
    margin: 5px 0px 0px 8px;
}

#send_mail_pane img{
    vertical-align:middle;
    margin-bottom:3px;
}