@charset "utf-8";

/* initial */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, 
input, p, blockquote, th, td{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
img, fieldset {border:0;}
address, caption, cite, code, dfn, em, strong, th, var{
    font-style: normal; font-weight: normal;}
table {border-collapse: collapse; border-spacing: 0; border:0;}
caption, th {text-align: left;}
q:before, q:after {content: '';}

/* page default style */
a, a:link, 
a:visited, 
a:active {text-decoration:none; color:#000;}
a:hover {text-decoration:underline;}

img {vertical-align: middle; /* for IE image margin */}
html{text-align: center;height: 100%;}
body {font-family: "Arial", "Gulim", "applegothic", "Tahoma",'Lucida Grande',sans-serif; font-size: 12px; color: #333; text-align: left;}
/* //page default style */


div#content, div#page{margin:0 auto; width:885px; position:relative;}
div#content h1{font-size:1.83em; color:#4a3c31;}
img.button{cursor:pointer;}
span.user, a.user{color:#0783d2;}
div#page{text-align:center; color:#bfbab6;}
div#page a{color:#4a3c31; font-size:11px; padding: 3px;}
div#page a.now{color:#fb4f14; font-weight:bold;}
div#page a.pagenum{color:#4a3c31; font-weight:bold;}

div#screen{width:100%;}
div#footer{width:885px; margin:0 auto;text-align:right; padding:20px 0; clear:both; color:#4a3c31;}
div#topbar{background:url(/images/bg_top.gif) repeat-x #4a3c31; height:40px; color:#a49d99;}
div#topbar div#top_cont{width:885px; margin: 0 auto; padding-top:8px;
 position:relative;}
div#topbar div#top_cont ul#menu{list-style:none;position:absolute; right:0;}
div#topbar div#top_cont ul#menu li{float:left; padding:8px 5px 0 5px;}
div#topbar div#top_cont ul#menu li a{color:#fff; font-size:14px;}
div#topbar div#top_cont ul#menu li a:hover{color:#fff; text-decoration:none;}

div#topbar div#top_cont ul#menu li.login{
 padding:5px;
 background-color: #a39488;
 -moz-border-radius-topleft: 5px !important;
 -webkit-border-top-left-radius: 5px !important; 
 border-top-left-radius: 5px !important;
 -moz-border-radius-topright: 5px !important;
 -webkit-border-top-right-radius: 5px !important; 
 border-top-right-radius: 5px !important; 
}
div#topbar div#top_cont ul#menu li.login a{margin:5px;}
div#topbar div#top_cont ul#menu li.logout{padding:0px;}
div#topbar div#top_cont ul#menu li.sel a{color:#a49d99;}
span#logo{position: absolute; top:3px; left:0;}

input.go_button{background:#4a3c31; border:1px solid #333; padding:5px 26px; font-size:1.2em; color:#fff;
 -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important; border-radius: 5px !important;
 cursor:pointer;}
input.go_disabled{background:#eee; color:#ddd; cursor:default;}

/** msg box **/
div#msg_box{background-color:#f5f5f5; border:3px solid #4a3c31; padding:69px 0px 80px 87px; 
 margin:50px auto; width:490px; position:relative;}
div#msg_box div#msg_msg{position:absolute; top:70px; left:170px; font-size:2.0em;}
span#msg_btn{background-color:#4a3c31; padding:5px 10px; color:#fff; width:auto; position:absolute;
 bottom:20px; left:250px;}
span#msg_btn a{color:#fff;}

div#msg_error{padding:0; margin:50px auto; width:586px; height:265px;
 position:relative;}
div#msg_error span#msg_btn{bottom:50px;}
div.noexit{background:url(/images/error/no_video_found.gif) no-repeat;}
div.endpub{background:url(/images/error/end_broadcasting.gif) no-repeat;}
div.nobroad{background:url(/images/error/next_broadcasting.gif) no-repeat;}
div.nolive{background:url(/images/error/no_live.gif) no-repeat;}
div.novideo{background:url(/images/error/no_video.gif) no-repeat;}
/** msg box **/

/** user box **/
div#user_bar{height:120px; background-color:#fff; padding:15px 0px; border-bottom:1px dotted #777; position:relative;
 margin:0 auto; width:885px;}
div#user_bar h1{font-size:2.0em;}
div#ub_profile{float:left;}
div#ub_stat{background:url(/images/user/bg_stat.gif) no-repeat; width:99px; height:70px; float:left; margin-left:2px;}
div#ub_stat ul{list-style:none; color:#fff;}
div#ub_stat ul li{text-align:right; padding:5px 5px 4px 0;}
div#ub_twit{background:url(/images/user/bg_twit.gif) no-repeat; width:688px; height:60px; float:left; margin-left:11px;
 padding:5px;}
div#connect{clear:both; padding-top:5px;}
ul#twt_list{float:left; margin-left:11px; width:440px; list-style:none; height:70px; overflow:hidden;
 background:url(/images/user/bg_twit_list.gif) repeat-x;}
ul#twt_list li{padding:4px 0; height:15px; overflow:hidden; line-height:18px; font-size:12px;
 color:#3e3e3e; padding-left:10px; background: url(/images/user/icon_talk.gif) no-repeat 2px 7px; padding-left: 18px;}
div.twt_info_box{float:left; border-left:1px solid #e6e3dc; height:70px; width:84px; position:relative;}
span.tib_title{position:absolute;bottom:10px;right:5px;color:#c5c0b7;font-size:0.95em;}
div.twt_info_box span.num{position:absolute; top:10px; right:5px; font-size:15px; color:#3e3e3e;}
div#twt_more{position:absolute;bottom:20px; right:260px;}
div#twt_more a{color:#0783d2; font-size:0.833em;}
a.twtr-atreply, a.twtr-hyperlink{color:#0783d2 !important;}
div#ub_follow{position:absolute; top:23px; right:262px;}
/** user box **/

/** tab **/
ul#tab_box{list-style:none; height:100%; position:relative;}
ul#tab_box li{}
ul#tab_box li span.tab,
ul#tab_box li span.sel{float:left; margin-right:1px; cursor:pointer;
 background-color:#4a3c31; color:#a39488; font-size:1.0em; padding:5px 10px 5px 10px;
 -moz-border-radius-topleft: 5px !important;
 -webkit-border-top-left-radius: 5px !important; 
 border-top-left-radius: 5px !important;
 -moz-border-radius-topright: 5px !important;
 -webkit-border-top-right-radius: 5px !important; 
 border-top-right-radius: 5px !important;
}
ul#tab_box li span.sel{background-color:#a39488; color:#4a3c31}
ul#tab_box li div.tab_cont{display:none;
 background-color:#a39488; padding:0; top:24px;
 position:absolute; width:100%; z-index:10; left:0;
 -moz-border-radius-bottomright: 10px !important;
 -webkit-border-bottom-right-radius: 10px !important; 
 border-bottom-right-radius: 10px !important;
 -moz-border-radius-bottomleft: 10px !important;
 -webkit-border-bottom-left-radius: 10px !important; 
 border-bottom-left-radius: 10px !important; 
}
ul#tab_box li div.sel{display:block;}
ul#tab_box h2{color:#ff4900; font-size:1.8em; margin-left:-5px; padding:0;}
/** **/

#alert_pop{position:fixed; top:0; left:0; overflow:visible; z-index:10000; width:100%; }
#alert_cont{position:absolute; top:0; left:0; width:100%; text-align:left; display:none;
 background-color:#fff; opacity:0.95; filter:alpha(opacity=95.00); -moz-opacity: 0.95;
 font-size:2.0em;}
#alert_txt{width:930px; margin:0 auto; padding:15px 15px 15px 100px;}