@charset UTF-8;

/*-reset-*/
html {
color:#000;
background:#FFF;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
font:12px/1.5em Verdana,"Lucida Grande",Arial,Helvetica,sans-serif;
}

table {
border-collapse:collapse;
border-spacing:0;
}

fieldset,img {
border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}

li {
list-style:none;
}

caption,th {
text-align:left;
}

/*h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}*/
q:before,q:after {
content:'';
}

abbr,acronym {
border:0;
font-variant:normal;
}

sup {
vertical-align:text-top;
}

sub {
vertical-align:text-bottom;
}

input,textarea,select {
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}

input,textarea,select {
font-size:100%;
}

legend {
color:#000;
}

del,ins {
text-decoration:none;
}

a {
text-decoration:none;
color:#3366cc;
cursor:pointer;
}

a:hover {
text-decoration:underline;
cursor:pointer;
color:#6B9F1F;
}

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

.clear,.hack {
clear:both;
margin:0 auto;
}

.fl {
float:left;
}

.fr {
float:right;
}

.hack,.clear {
clear:both;
}

.l,.left {
text-align:left;
}

.r,.right {
text-align:right;
}

.c,.center {
text-align:center;
}

.green,a.green {
color:green;
}

.red,a.red {
color:red;
}

.blue,a.blue {
color:blue;
}

.btitle {
font-size:14px;
font-weight:bold;
}

.b4c {
border:1px solid #D5D5D5;
font-size:12px;
margin-bottom:3px;
padding:5px;
}

.p5 {
padding:5px;
}

.mt5 {
margin-top:5px;
}

.coll {
width:200px;
float:left;
}

.colr {
width:180px;
float:right;
}

.colm {
width:586px;
float:left;
margin-left:8px;
}

.bt {
background:url(../img/tm.bg.png) 0 -10px repeat-x;
height:25px;
}

.bt .pre {
background:url(../img/tm.bg.png) -192px -41px no-repeat;
height:25px;
float:left;
font-size:13px;
font-weight:bold;
padding-left:10px;
line-height:25px;
}

.bt .nxt {
background:url(../img/tm.bg.png) 0 -41px no-repeat;
width:8px;
height:25px;
float:right;
}

.bo {
border-left:1px solid #e3e3e3;
border-right:1px solid #e3e3e3;
padding:0 5px;
font-size:12px;
line-height:20px;
}

.bu {
background:url(../img/tm.bg.png) repeat-x;
height:5px;
clear:both;
overflow:hidden;
}

.bu .pre {
background:url(../img/tm.bg.png) -192px -77px no-repeat;
height:5px;
width:8px;
float:left;
}

.bu .nxt {
background:url(../img/tm.bg.png) 0 -77px no-repeat;
width:8px;
height:5px;
float:right;
}

.box2 {
border:1px solid #6DB340;
}

.box2 .title {
line-height:25px;
background:#CAE39E;
padding-left:10px;
}

.box_g1 .title{
	background:url(../img/b_g1.png) repeat-x 0 -66px;height:28px;line-height:28px
}
.box_g1 .title .tl{
	background:url(../img/b_g1.png) no-repeat; float:left;width:5px;height:28px
}
.box_g1 .title .tr{
	background:url(../img/b_g1.png) no-repeat 0 -33px;float:right;width:5px;height:28px
}
.box_g1 .plist{
	border:1px solid #74AC00;
}
/*-base set-*/
.wrap {
width:980px;
clear:both;
margin:0 auto;
padding:0;
}

#header {
background:url(../img/hbg.gif) repeat-x;
height:64px;
margin-bottom:3px;
}

.logo {
float:left;
width:108px;
height:64px;
background:url(../img/tingmi.logo.gif) no-repeat;
}

.logo a {
display:block;
text-indent:-9999px;
width:108px;
height:56px;
}

/*-head  -*/
.tnav {
width:600px;
float:left;
padding-top:15px;
}

#menu {
float:left;
width:300px;
font-size:93%;
line-height:normal;
padding-top:14px;
}

#menu ul {
margin:0;
padding:0 10px 0 20px;
list-style:none;
}

#menu li {
display:inline;
margin:0;
padding:0;
}

#menu a {
float:left;
background:url(../img/tableft4.gif) no-repeat left top;
margin:0;
padding:0 0 0 8px;
text-decoration:none;
font-size:14px;
}

#menu a span {
float:left;
display:block;
background:url(../img/tabright4.gif) no-repeat right top;
padding:7px 15px 2px 6px;
color:#6B78A9;
}

#menu a span {
float:none;
}

#menu a:hover span {
color:#6B78A9;
}

#menu a:hover {
background-position:0 -42px;
}

#menu a:hover span {
background-position:100% -42px;
}

#tbar {
font-size:12px;
color:#6B9F1F;
}

#tbar li {
background:url(/static/img/pint.gif) right repeat-y;
color:#6B9F1F;
padding:0 4px;
display:inline;
}

.tbar_r {
float:right;
width:220px;
text-align:right;
}

#addfav li {
background:url(../img/pint.gif) right repeat-y;
color:#A8A8A8;
padding:0 4px;
font-size:12px;
display:inline;
}

#addfav {
height:30px;
line-height:25px;
}

.so {
border:1px solid #ccc;
height:18px;
color:#a8a8a8;
line-height:20px;
padding:0 1px;
width:130px;
font-size:12px;
}

.nav_account {
float:right;
width:200px;
white-space:nowrap;
overflow:hidden;
}

.login_thumb {
float:left;
margin:6px 6px 0 0;
padding:3px 0 0 3px;
width:24px;
height:24px;
background:url(../img/thumb20bg.gif) no-repeat;
display:block;
}

.login_thumb img {
width:20px;
height:20px;
}

.guide {
font-size:12px;
}

#subnav {
line-height:20px;
}

#subnav h3 {
font-weight:bold;
}

#subnav dt {
clear:both;
}

#subnav dt a {
font-weight:bold;
}

#subnav dl dd {
float:left;
width:91px;
overflow:hidden;
}

.plist {
padding:1px;
clear:both;
}

.plist dl {
width:280px;
padding:5px 5px 10px;
float:left;
}

.plist h3,.plist h3 a {
font-size:14px;
line-height:25px;
color:blue;
}

.plist .cover {
padding:8px;
background:url(../img/cover_bg.gif) no-repeat;
width:120px;
float:left;
}

.plist .info {
line-height:18px;
color:green;
}

.plist p {
line-height:18px;
color:#a1a1a1;
}

.plist .but,#book-list .but {
line-height:25px;
padding-top:8px;
}

.plist ul {
padding:0 6px;
clear:both;
margin-top:10px;
}

.plist li {
width:142px;
float:left;
line-height:22px;
border-top:1px dashed #CAE2A1;
}

.plist li a {
color:#666;
}

.plist img {
width:100px;
height:140px;
}

.tingmi {
padding-left:20px;
background:url(../img/icon_tingmi.gif) no-repeat;
display:block;
}

/*  cols  */
.colA {
width:220px;
float:right;
}

.colB {
width:750px;
float:left;
}

#tbar .last,#addfav .last {
background:none;
}

.err {
color:#FF3300;
}

.warn {
color:#0000FF;
}

.ok {
color:#009900;
}

.pg a:link,.pg a:visited,.pg span {
border:1px solid #ccc;
padding:3px 4px;
margin:0 3px;
line-height:28px;
}

/* user */
.user th {
width:100px;
text-align:right;
font-weight:100;
line-height:26px;
top:auto;
}

/*- Book -*/
#book-list {
font-size:12px;
padding:3px;
clear:both;
}

#book-list dl {
padding:12px 0;
clear:both;
border-bottom:1px solid #ccc;
}

#book-list dl:hover {
background:#CAE39E;
}

#book-list dl dt {
width:110px;
float:left;
text-align:center;
}

#book-list dl dt img {
border:1px solid #a8a8a8;
padding:2px;
}

#book-list dl dd {
float:right;
width:620px;
}

#book-list dl dd h3 {
font-size:14px;
}

#book-list dl dd li {
line-height:20px;
display:block;
float:left;
color:#00B02D;
}

#book-list dl dd li.author {
width:130px;
}

#book-list dl dd li.speaker {
width:130px;
}

#book-list dl dd li.part {
width:80px;
}

#book-list dl dd li.visited {
width:100px;
}

#book-list dl dd li.created {
width:160px;
}

#book-list dl dd p {
clear:both;
line-height:18px;
text-indent:2em;
margin-top:10px;
height:90px;
}

.icon_play,.icon_fav {
background:url(../img/tm.gif) no-repeat;
}

.icon_play {
line-height:22px;
width:55px;
display:block;
float:left;
margin-left:10px;
text-indent:-9999px;
}

.icon_fav {
background-position:0 -28px;
line-height:22px;
width:55px;
margin-left:10px;
display:block;
float:left;
text-indent:-9999px;
}

.intro {
clear:both;
line-height:23px;
}

.intro .bookimg {
border:1px solid #a8a8a8;
float:left;
margin:0 10px;
}

.intro li h1 {
font-size:16px;
font-weight:bold;
}

#tm-main {
border:2px solid #6DB340;
padding:2px;
background:#CAE39E;
font-size:12px;
}

/*#6DB340/#CAE39E*/
#tm-info {
width:270px;
float:left;
}

#tm-info h1 {
font-size:16px;
line-height:24px;
padding:6px 0;
}

#tm-info .cover {
float:left;
padding-right:8px;
height:200px;
}

.tm_right {
float:right;
width:465px;
text-align:center;
}

.tit {
clear:both;
margin-top:10px;
}

#files {
max-height:180px;
overflow-y:scroll;
overflow-x:hidden;
}

#files li {
display:inline;
float:left;
width:120px;
font-size:12px;
}

#files li a {
background:url(../img/c_play_ie.gif) no-repeat;
line-height:22px;
padding-left:20px;
display:block;
}

#files li a:hover,#files li.playing a {
background:url(../img/c_play_ie.gif) 0 -22px no-repeat;
text-decoration:none;
}

/*- feed-list -*/
.box {
line-height:18px;
padding:6px;
}

.box p {
text-indent:2em;
}

#feeds-list div {
font-size:12px;
}

#feeds-list h3 {
background:#ccc;
}

#feeds-list p {
background:url(../img/dot.gif) repeat-x bottom;
margin-bottom:2px;
}

/*- Foot -*/
#footer {
border-top:1px #e7e7e7 solid;
margin:40px auto 0;
clear:both;
float:left;
float:none;
width:980px;
font-size:12px;
}

#footer p {
color:#999;
line-height:36px;
float:left;
}

#footer p a {
color:#999;
text-decoration:none;
}

#footer span {
float:right;
line-height:36px;
}

#footer span a {
padding:0 8px;
color:#36c;
text-decoration:none;
}

#footer span a:hover {
text-decoration:underline;
}

.avtar li{background:url(../img/dot.gif) repeat-x bottom;}