body { font-size: 12px; font-family: Arial; margin: 0px; padding: 0px 0px 50px 0px; text-align: center; background: #DDD; background-position: fixed; }
a img { border: 0px; }
a { color: #00C; }
a:hover { text-decoration: none; }
form { margin: 0px; padding: 0px; }
.layerads { position: absolute; top: 0px; right: 0px; width: 160px; }
.topads { background: #FFF url(topads.jpg); height: 70px; overflow: hidden; text-align: center; display: none; }
.topads .ads { width: 600px; height: 60px; margin: 5px auto;  }
.topads .ads .text { display: block; line-height: 30px; padding-left: 35px; font-weight: bold; font-size: 14px; color: #C00; text-decoration: none }
.topads .ads .text { background: #F1F1F1 url(ads_phone.gif) no-repeat 0px 50%; }
.topads .ads .text:hover { color: #000; text-decoration: underline; }
.myads { background: #F1F1F1; padding: 5px; text-align:center; }
.myads .banner { margin: 0px auto; width: 468px; height: 60px; }
.both { clear: both; }
.body { text-align: center; background: #DDD url(background.jpg) no-repeat top center; }
.site { width: 500px; margin: 0px auto; }
.head { text-align: left; height: 67px; }
.head a.logo { display: block; height: 67px; width: 300px; float: left; }
.head a.link { float: right; padding-right: 24px; line-height: 24px; color: #000; text-decoration: none; background: url(ico_upload.png) no-repeat right center; font-weight: bold; margin-top: 5px; }
.head a.link:hover { text-decoration: underline; color: #555; }
.foot { text-align: left; width: 500px; margin: 0px auto; margin-top: 5px; line-height: 25px; color: #777; }
.foot a { color: #3b5998; text-decoration: none; }
.foot a:hover { text-decoration: underline; }
.area { padding: 8px; background: #FFF; text-align: left; }
.textads { background: #f7f7f7; padding: 10px 5px; text-align: center; }
.search { background: #eceff5; padding: 10px; }
.search .input { width: 350px; }
.search .input .border { border: 1px solid #3b5998; padding: 3px; background: #FFF; }
.search .input .border input { font-size: 15px; font-weight: bold; color: #3b5998; font-family: Arial; border: 0px; }
.search .submit { width: 90px; height: 28px; line-height: 28px; float: right; text-align: center; background: url(buton.png) no-repeat; }
.search .submit a { font-weight: bold; color: #FFF; font-size: 13px; text-decoration: none; }
.search .submit a:hover { text-decoration: underline; color: #FFF; }
.alert .img { height: 20px; margin-bottom: 2px; }
.alert .content { background: #F7F7F7 url(alert.png) no-repeat 6px 50%; padding: 10px 10px 10px 30px; color: #666; text-align: justify; line-height: 17px; }
.play { background: #F7F7F7; padding: 10px; }
.play .plyrads { margin: 15px 0px 0px 0px; }
.play h1 { margin: 0px; padding: 0px; font-size: 13px; color: #254588; margin: 0px 0px 10px 0px; }
.play .image { float: right; border: 2px solid #eceff5; padding: 5px; background: #FFF }
.play .image img { width: 50px; height: 50px; overflow: hidden; }
.play .text { line-height: 20px; color: #555; padding-left: 1px; margin-top: 5px; }
.play .share { margin: 10px 0px 0px 0px; color: #C00; font-weight: bold; line-height: 20px; }
.play .share input { font-weight: bold; font-family: Arial; color: #999999; background: #F7F7F7; border: 0px; }
.play .player { height: 30px; overflow: hidden; width: 300px; }
.play .player #player { height: 30px; overflow: hidden; width: 300px; }
.play .player #player img { margin: 8px 86px 7px 86px; }
.play a.fb_share_link { padding:2px 0 0 20px; background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat center left; }
.play a.fb_share_link { color: #3b5998; font-size: 11px; display: block; width: 120px; margin: 10px 0px; font-weight: 400; font-family: Tahoma; }
.play a.fb_share_link:hover { text-decoration: none; }
.spacer { height: 10px; }
.list a { display: block; background: #F7F7F7 url(play.png) no-repeat 6px 50%; margin-bottom: 2px; padding: 5px 10px 5px 26px; line-height: 25px; color: #3b5998; text-decoration: none; }
.list a:hover { background-color: #FBFBFB; color: #000; text-decoration: underline; }
.list a .time { display: block; float: left; width: 50px; text-align: left; color: #333; font-size: 11px; text-decoration: none; height: 25px; overflow: hidden; }
.list a:hover .time { color: #000; text-decoration: none; }
.info { background: #F7F7F7; padding: 10px; text-align: justify; }
.info .text { line-height: 20px; padding-left: 30px; background: url(ico_alert.png) no-repeat 2px 2px; color: #666; margin-bottom: 10px; }
.info h1 { margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; border-bottom: 1px solid #DDD; font-size: 12px; color: #3b5998; }
.info .contact { background: url(vcard.png) no-repeat 2px 2px; padding-left: 30px; color: #333; line-height: 20px; }

.error { border: 3px solid #ff9c9c; padding: 10px; background: #fff7f7; color: #C00; font-weight: bold; font-size: 13px; }
.usermenu { padding: 10px 10px 0px 10px; background: #FFF; text-align: left; font-size: 11px; }
.usermenu .l { float: left; display: block; }
.usermenu .r { float: right; display: block; }
.usermenu .spr { display: block; float: left; padding: 0px 10px; color: #999; }
.usermenu a { color: #444; }
.usermenu a:hover { color: #000; }
.usermenu a.r { color: #C00; }
.usermenu a.r:hover { color: #C00; }


.bot { border-top: 1px solid #faf9a7; text-align: center; line-height: 25px; background: #ffffee; padding: 5px; font-weight: bold; }
.menu { text-align: left; width: 500px; margin: 0px auto; }
.menu a { color: #3b5998; text-decoration: none; }
.menu a.logout { color: #C00; float: right; display: block; text-decoration: none; }
.menu a:hover { text-decoration: underline; }


.Ubuton { border: 1px solid #26446e; outline: none; display: inline-block; margin-top: 5px; overflow: visible; }
.Ubuton button { padding: 0px; margin: 0px; overflow: visible; }
.Ubuton button.Usubmit { overflow:visible; padding:3px 7px; font-size: 12px; font-family: Arial; }
.Ubuton button.Usubmit { margin: 0px; background: url(button.gif); color: #FFF; border:none; cursor:pointer; }
.Ubuton button.Usubmit:hover { text-decoration: underline; } 
.son input, .son select { font-size: 11px; font-family: Arial, Tahoma; padding: 3px; _height: 24px; }
label { cursor: pointer; }
table.dateInp td { padding-right: 2px; }
p.alert { padding: 10px 20px 10px 45px; margin: 0px 0px 10px 0px; }
p.error { background: #fff6bf url(p_alert.png) no-repeat 15px 50%; border: 2px solid #ffe47b; }
p.success { background: #f8fafc url(p_success.png) no-repeat 15px 50%; border: 2px solid #b5d4fe; }
p.okey { background: #fafff3 url(p_okey.png) no-repeat 15px 50%; border: 2px solid #d5f99d; }
.login h1 { margin: 0px; padding: 0px 0px 10px 0px; font-size: 13px; color: #254588; margin: 0px 0px 10px 0px; border-bottom: 1px solid #DDD; }
h1.mh1 { margin: 0px; margin-bottom: 2px; background: #eceff5 url(ico_sound.gif) no-repeat 6px 50%;; line-height: 25px; padding: 5px 10px 5px 26px; color: #C00; font-size: 13px; }
.mssg { background: #f8fafc url(p_success.png) no-repeat 15px 50%; border: 2px solid #b5d4fe; padding: 10px 20px 10px 45px; margin: 0px 0px 10px 0px; color: #254588; }
.userarea { background: #F7F7F7; padding: 10px; text-align: justify; line-height: 20px; }
.userarea h1 { background: url(ico_upload.png) no-repeat left center; text-indent: 25px; line-height: 25px; font-size: 13px; margin: 0px; }
.userarea h1 { color: #254588; margin-bottom: 10px; }
.userarea .confb { line-height: 40px; color: #555; }
.userarea a { text-decoration: none; }
.userarea a:hover { text-decoration: underline; }
.userarea .txt { color: #777; font-size: 11px; }
.userarea #progressbar { display: none; color: #555; }
.userarea h2 { color: #254588; font-size: 15px; font-weight: bold; line-height: 30px; margin: 0px; margin-bottom: 10px; }
.userarea #progressbar #mname { color: #254588; font-size: 15px; font-weight: bold; line-height: 30px; }
.userarea #progressbar #mtime { color: #C00; font-size: 15px; font-weight: bold; line-height: 30px; }