﻿@charset "utf-8";
/* CSS Document */

body {background:url(/img/colum_bg/players.jpg) no-repeat center 42px}

.mid-hd-path h3 {width:63px; background-position:0 -17px}
.menu-title h2 {background-position:0 -47px}

.pl-tab, .pl-tab a, .pl-tab-box, .pl-tab-contnet li a img, .pl-tab-contnet li i, .filter-form, .filter-form button,
.upload-pic, .newpost
{background-image:url(/img/player.png); background-repeat:no-repeat}

.iocn-arrow {padding-left:10px; background:url(/img/icons.png) no-repeat 0 -32px}
.player {zoom:1}
.player .common-title {position:relative}
.player .common-title .more {position:absolute; width:33px; height:16px; top:12px; right:18px; background:url(/img/common_bg.png) no-repeat -523px -119px; text-indent:-9999px}
.player .common-title h3 {font-size:14px; margin-left:37px; line-height:41px}
.pl-list {margin-bottom:20px; padding-bottom:20px; background:url(/img/new_guide_bottom.png) no-repeat scroll 0 bottom}

.pl-tab {width:509px; height:29px; margin-bottom:10px; background-position:0 25px}
.pl-tab ul {margin-left:15px}
.pl-tab li {float:left; margin-right:5px}
.pl-tab a {display:block; height:25px; text-indent:-9999px}
.pl-tab .pl-tab-1 {width:67px; background-position:0 -3px}
.pl-tab .pl-tab-2 {width:67px; background-position:-67px -3px}
.pl-tab .pl-tab-3 {width:158px; background-position:-134px -3px}
.pl-tab .pl-tab-on .pl-tab-1 {width:67px; background-position:0 -29px}
.pl-tab .pl-tab-on .pl-tab-2 {width:67px; background-position:-67px -29px}
.pl-tab .pl-tab-on .pl-tab-3 {width:158px; background-position:-134px -29px}
.pl-tab .pl-more {float:right; width:33px; height:16px; margin:5px 2px 0 0; background:url(/img/common_bg.png) no-repeat -523px -119px; text-indent:-9999px}

.pl-tab-box {width:514px; height:198px; margin-bottom:20px; float:left; background-position:0 -54px; overflow:hidden}
.pl-tab-contnet ul {margin:16px 0 0 22px}
.pl-tab-contnet li {float:left; width:147px; margin-right:15px; position:relative}
.pl-tab-contnet li img {display:block; width:139px; height:105px; padding:4px; background-position:-308px -252px}
.pl-tab-contnet li p {height:48px; line-height:24px; margin-top:2px; padding:0 5px; border:1px solid #B08D43; text-align:center}
.pl-picname {padding-left:15px; background:url(/img/icons.png) no-repeat -41px -212px}
.pl-user {height:24px; display:block; overflow:hidden}
.pl-tab-contnet li i {position:absolute; top:4px; left:4px; width:59px; height:56px; background-position:-455px -252px; text-indent:-9999px}

.user-pics {overflow:hidden; zoom:1}
.user-pics li {margin:15px 0; padding:0 15px 10px 0; border-bottom:1px dashed #cbb891}
.user-pics li p {border:none; padding:0; height:auto}
.user-pics li .pl-user {border-top:1px solid #d5d1c2}
.user-pics li span {color:#774e25}

.my-pics li {margin:15px 0; padding:0 15px 10px 0; border-bottom:1px dashed #cbb891}
.my-pics li p {height:96px; color:#472401}
.my-pics li span {display:block; text-align:left}
.my-pics li span em {color:#E83D08}

.filter-form {width:498px; height:50px; margin:0 auto 10px; background-position:0 -365px; position:relative}
.filter-form fieldset {margin-left:30px; padding-top:13px;}
.filter-form fieldset label {height:20px; color:#774e25}
.filter-form select {margin:0 10px 0 5px; border:1px solid #cca666; background-color:#f1e6d6; color:#747474; vertical-align:middle}
.filter-form input {width:120px; margin-right:5px; height:16px; _height:18px; border:1px solid #cca666; vertical-align:middle}
.filter-form button {width:23px; height:23px; border:none; background-color:transparent; background-position:0 -253px; color:#5b3c0b; vertical-align:middle; cursor:pointer}
.filter-form button span {display:none}
.filter-form .upload-pic {position:absolute; right:-4px; top:11px; display:block; width:118px; height:26px; margin:0 25px 0 0; background-position:-23px -251px}
.newpost {position:absolute; right:-4px; top:11px; display:block; width:118px; height:26px; margin:0 25px 0 0; background-position:-142px -251px}
.filter-form .upload-pic span, .newpost span {display:none}
.filter-form a.view-btn {position:absolute; right:20px; top:16px; text-decoration:underline}

.pl-table {width:490px; margin:10px auto}
.pl-table td {height:26px; padding:0 5px; border-bottom:1px dashed #cbb891; color:#774e25}

.news-list-title {width:490px; margin:auto}
.news-list-title th {height:41px; text-align:center; color:#774e25; font-weight:100}
.news-list {width:500px; margin:0 auto}
.news-list td {height:26px; border-bottom:1px solid #e9e4d6}
.news-col-1 {width:25px}
.news-col-2 {width:280px}
td.state {color:#EE390C}
td.icons-dot {padding-left:10px; background:url(/img/icons.png) no-repeat -47px -320px}

.pl-post {width:480px; margin:20px auto}
.pl-post-hd {text-align:center; margin-bottom:10px}
.pl-post-hd h4 {font-size:14px; color:#FB5A02}
.pl-post-hd p {color:#5B5B5B}
.pl-post-hd p span {margin:0 5px}
.pl-post-bd {color:#34260C; padding:0 10px; width:460px; overflow:hidden; line-height:1.5}

.b-nav {width:411px; padding:7px 0; border:1px solid #e2e2a8; margin:10px auto 0; background-color:#f5f0d9}
.b-nav a {display:block; width:336px; margin:0 10px; padding-left:30px; height:20px; line-height:20px; background-image:url(/img/icons.png); background-repeat:no-repeat;
overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.b-nav a:link span, .b-nav a:visited span {color:#565656}
.b-nav .b-nav-prev {background-position:8px -170px; border-bottom:1px dotted #cbb891; _border-bottom-style:dashed}
.b-nav .b-nav-next {background-position:8px -189px}

.post-author p {text-align:center}

.update-my-pic {width:500px; margin-left:20px}
.update-my-pic2 {margin-left:10px}
.update-my-pic th {padding:5px; border-bottom:1px solid #fff; background-color:#E4DBAA}
.update-my-pic td {padding:5px}
.update-my-pic input, .update-my-pic textarea, .update-my-pic select {border:1px solid #E4DBAA}
