/* sidebar
------------------------------------------------------------ */

#sub{
float:right;
width:300px;
text-align:left;
background:;
padding: 28px 10px 0px;
}

#top_ad{
}

#sub iframe{
background-color:transparent;
padding:0;margin:0 auto 8px auto;
border:none;
}

#sub .undefined{text-align:center;}

#extra{
padding:0 10px;
}

.sidebar{
width:300px;
margin: 10px 0;
padding:0 0 10px 0;
background: #fafafa;
}

.sidebar h2{
margin:0 0 5px 0;
padding: 3px 5px 0px 17px;
font-size:13px;
color:#fff;
background: #42a9d6 url(/img/icon/ar_yellow.gif) no-repeat 5px 7px;
border-radius-topleft: 4px;-webkit-border-top-left-radius: 4px;-moz-border-radius-topleft: 4px;
border-radius-topright: 4px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topright: 4px;
}

.sidebar h2.rank{background:#42a9d6 url(/img/icon/gold2.gif) no-repeat 3px 3px;}
.sidebar h2.new{background:#42a9d6 url(/img/icon/kira2.gif) no-repeat 2px 3px;}
.sidebar h2.nico{background:#42a9d6 url(/img/icon/smile.gif) no-repeat 3px 3px;}

#sub h2 a{color:#ffffdb;}

.sidebar h3{
margin:0;
padding:0;
font-size:13px;
}

.sidebar ul{margin:0 10px;}

.sidebar ul li{margin:3px 0;}

.sidebar ul.list{margin:0 10px;}

.sidebar ul.list p.note{margin:0 0 0 -10px;}

.sidebar ul.list ul{margin:2px 0 10px;padding:0;}

.sidebar ul.news{margin:0;}
.sidebar ul.news li{
background:url(/img/icon/arrow_green.gif) no-repeat 0px 2px;
padding-left:11px;
margin: 3px 0 6px 0;
font-size:12px;line-height:130%;
}

.sidebar div.text{padding: 5px 10px 20px 10px;margin:0;}

#sub p.more{font-size:12px;margin:0 10px 0 0;}

#sub div.newsletter{
padding:2px 5px;
font-size:12px;
line-height:150%;
}

#sub .user{padding-left:10px;}
#sub .user img{width:50px;height:50px;margin: 3px 3px 3px 0px;}

#sub .live{padding-bottom:0;}
#sub .live h2{margin-bottom:0;}


.sidebar #live{background: #d3dcdd url(/img_ep/base/grade.png) repeat-x left top; position: relative;}

#sub .marquee-box{padding:5px 0 0 0;margin:0;/*height:26px;*/height:150px;}
#sub .marquee-box p{margin-top:5px;}

#sub .marquee-box #marquee{margin: 3px 0 0 10px; float:left;font-size:12px;padding:0;}
#sub .marquee-box #marquee #marquee-text{color:#000;width: 280px;height:140px; position: relative; margin:0; padding:0; line-height:120%;}
#sub .marquee-box .marquee-next{width:30px;height:30px;position:absolute; top:55px; left:240px}
#sub .marquee-box #marquee-text .live-thumbnail { text-align:center; } 
#sub .marquee-box #marquee-text .live-thumbnail-filler { text-align:center; width:160px; height:120px; } 

#sub .scrollable-box {
	background:#d1ebef;
	padding:0;
	margin:5px 0;
	height:26px;
}

#sub .scrollable-box .scrollable {
	position:relative;
	overflow:hidden;
	width: 270px; height:2em;
	float:left;
}

#sub .scrollable-box .scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

#sub .scrollable-box .items div {
	width: 270px;
/*	text-align:center; */
	float:left;
}

#sub .scrollable-box .scrollable-next {
	width:16px;
	float:right;
	margin:5px 0 0 0;
	padding:0;
}

#sub ul.ranking{padding-left:10px;}
#sub ul.ranking li{float:left; width:90px;}
#sub ul.ranking li div.image{
width:80px; height:80px;cursor:pointer;
}
#sub p.right{font-size:12px;color:#777;padding-right:10px;}

#sub p.banner_list{width:300px;padding:0;}