@charset "utf-8";

.popDL, .popDR, .popWL, .popWR { text-align: left; clear: both; height: auto; }


.popDL .chBox, .popDR .chBox, .popWL .chBox, .popWR .chBox {  margin:0 auto;  }
.popDL .txtBox, .popWL .txtBox, .popDR .txtBox, .popWR .txtBox { clear: both; }

.popDL, .popDR { width: 364px; }

	.popDL .txtBox, .popDR .txtBox { width: 322px; margin: auto; height: 90px; }
	.popWR .txtBox, .popWL .txtBox { width: 427px; margin: auto; height: 90px;}

.popWL, .popWR { width: 467px; }


.popDL, .popDR {background: url(/css/ver1/stream/bg_pop_d_big.png) no-repeat; }
.popWL, .popWR {background: url(/css/ver1/stream/bg_pop_w_big.png) no-repeat; }
 
/* pop D Left */ 
.popDL { text-align: left; left:-20px;  top: -160px; position:absolute; }

.popDL .popTop { width: 364px; height: 20px; line-height: 20px; position: relative; }
.popDL .popBtm { width: 364px; height: auto; } 

	.popDL .chBox {width: 324px; height: 260px; }
		.popDL .chPlayer {  width: 324px; height: 244px; overflow: hidden; }
			.popDL .chPlayerInnerBox { width: 320px; height: 240px; 
			background: #000 url(/css/ver1/stream/ajax-loader.gif) no-repeat center center; border:2px solid #999999;}
				.popDL .chImgInnerBox {width: 15px; _width: 15px; top:-18px; _top:-22px; left: 309px; _left:120px;}
		.popDL .chStreamtitle { width:160px; float:left;}
		.popDL .chDname { width:160px; height:20px; line-height:20px;}

/* pop D Right */
.popDR { text-align: left; right:-161px; top: -160px; position:absolute; }

.popDR .popTop { width: 364px; height: 20px; line-height: 20px; position: relative; }
.popDR .popBtm { width: 364px; height: auto; } 

	.popDR .chBox {width: 324px; height: 260px; }
		.popDR .chPlayer {  width: 324px; height: 244px; overflow: hidden; }
			.popDR .chPlayerInnerBox { width: 320px; height: 240px; 
			background: #000 url(/css/ver1/stream/ajax-loader.gif) no-repeat center center; border:2px solid #999999;}
				.popDR .chImgInnerBox {width: 15px; _width: 15px; top:-18px; _top:-22px; left: 309px; _left:120px;}
		.popDR .chStreamtitle { width:160px; float:left;}
		.popDR .chDname { width:160px; height:20px; line-height:20px;}
		
/* pop Wide Left */
.popWL { text-align: left; left:-20px;  top: -160px; position:absolute; }
.popWL .popTop { width: 467px; height: 20px; line-height: 20px; position: relative;}
.popWL .popBtm { width: 467px; height: 354px; }
	.popWL .chBox {width: 431px; }
		.popWL .chPlayer { width: 431px; height: 244px; overflow: hidden; }
			.popWL .chPlayerInnerBox {width: 427px; height: 240px; background: #000 url(/css/ver1/stream/ajax-loader.gif) no-repeat center center; border:2px solid #999999;}
		.popWL .chImgInnerBox { width: 15px; _width: 15px; height: 16px; top:-18px; _top:-22px; left:416px; }
		.popWL .chStreamtitle { width:212px; float:left;}
		.popWL .chDname { width:212px; height:20px; line-height:20px;}
	
/* popWide Right */
.popWR { text-align: left; right:-161px;  top: -160px; position:absolute; }
.popWR .popTop { width: 467px; height: 20px; line-height: 20px; position: relative;}
.popWR .popBtm { width: 467px; height: 354px; }
	.popWR .chBox {width: 431px; }
		.popWR .chPlayer { width: 431px; height: 244px; overflow: hidden; }
			.popWR .chPlayerInnerBox {width: 427px; height: 240px; background: #000 url(/css/ver1/stream/ajax-loader.gif) no-repeat center center; border:2px solid #999999;}
		.popWR .chImgInnerBox { width: 15px; _width: 15px; height: 16px; top:-18px; _top:-22px; left:416px; }
		.popWR .chStreamtitle { width:212px; float:left;}
		.popWR .chDname { width:212px; height:20px; line-height:20px;}
	
	/* common */
	.popDL .popBtm:after, .popDR .popBtm:after, .popWL .popBtm:after, .popWR .popBtm:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	}
	
	
/* closeBtn	*/
	.closeBtn {height: 15px; width:15px; float:right; 
	position:absolute; right:25px; top:25px;}
	.closeBtn a { height: 15px; width:15px; float:right; 
	background: transparent url(/css/ver1/asset/x_btn_gr.png) no-repeat top center; 
			display:block;
			font-size:10px;
			line-height:1em;
			overflow:hidden;
			text-indent:-1000em; 
			}
	.closeBtn a:hover { background: transparent url(/css/ver1/asset/x_btn_w.png) no-repeat top center; }
	
	.popDR .closeBtn, .popWR .closeBtn { float:left;}
	.popDR .closeBtn a, .popWR .closeBtn a { float:left;}
	
	
/* enterChat */	
	.enterChat { height: 15px; width:120px; text-align: center;
	position:absolute; left:122px; top:20px;}
	.enterChat a {  color:#00FF00; font-size:12px; font-weight: bold; line-height:15px; text-decoration: none; }
	.enterChat a:hover { text-decoration: underline; }
	
	.popWL .enterChat, .popWR .enterChat  { left: 175px; }
	

	.discription { clear: both; height: /*65*/40px; line-height: 13px; font-size: 11px; overflow:hidden; width:/*160*/322px; font-weight:bold; margin-bottom:6px; margin:0 auto; padding-top:3px; }
	
	.currentV {height:14px; line-height: 14px; font-size: 10px; overflow:hidden; width:160px; float:left; }
	.sessionV {height:14px; line-height: 14px; font-size: 10px; overflow:hidden; width:160px; float:left; }
	.allTimeV {height:14px; line-height: 14px; font-size: 10px; overflow:hidden; width:160px; float:left; }
	.allTimeV a { text-decoration: none; font-weight: bold; font-size: 11px;}
	.allTimeV a:hover { text-decoration: underline; font-weight: bold; font-size: 11px; }
	.channel {height:14px; line-height: 14px; font-size: 10px; overflow:hidden; width:/*170*/160px; /*margin-top:16px;*/ float:left;}
	.currentV span { font-weight: bold; font-size: 11px;}
	.sessionV span { font-weight: bold; font-size: 11px;}
	.allTimeV span { font-weight: bold; font-size: 11px;}
	.channel span { font-weight: bold; font-size: 11px;}
	.channel a { font-weight: bold; font-size: 11px; text-decoration: none; }
	.channel a:hover { text-decoration: underline;}
	
	/* wide ver */
	.popWR .discription, .popWL .discription { width:427px; }
	.popWR .currentV, .popWL .currentV,
	.popWR .sessionV, .popWL  .sessionV,
	.popWR .allTimeV, .popWL .allTimeV,
	.popWR .channel, .popWL .channel { width:212px; }
	
	
	
	
	
	/*.btmAdBox { display: none; margin: auto; padding:0 0 0px;  clear: both; width: 364px; height: 80px; text-align: center;}*/
	.popWL .btmAdBox, .popWR .btmAdBox{width: 400px;}
		.btmAdBoxInner {clear: both; width: 234px; height: 60px; margin-left: auto; margin-right: auto; }
		
.popDL:after, .popDR:after, .popWL:after, .popWR:after, .popBtm:after, chPlayerInnerBox:after { 
content:".";
display:block;
height: 0;
clear: both; 
visibility: hidden; }


.pushUP { top: -320px;}