@charset "UTF-8";

/*
======== CONTENTS =========

sidebar.css
last-updated:2008/10/25

===========================
*/

/*
===== font ======
*/


#sidebar .sidetitle,
#sidebar .vote_q
{
	font-size: 90%;
	line-height: 1.2;
	font-weight: bold;
}

#sidebar ul.slist li
{
	font-size: 77%;
	line-height: 1.4;
}

#sidebar .morelist ul li
{
	font-size: 77%;
	line-height: 1.4;
}

#sidebar div.toolmenu ul li{
	font-size: 75%;
	line-height: 1.2;
}


/*===== toolmenu ======*/
#sidebar div.toolmenu{
	padding: 6px 4px 5px 4px;
	background:#DEE7EF url(/sb/static/common/images/search_bg.gif) repeat-x bottom;
}
#sidebar div.toolmenu ul li {
	list-style: none;
	display: inline;
}

#sidebar div.toolmenu ul {
	margin-bottom:3px;
}

#sidebar div.toolmenu ul li.logout a {
	background: url(/sb/static/common/images/ico_logout.gif) no-repeat left center;
	padding: 1px 0 1px 18px;
	margin:0 3px 0 0 ;

}

#sidebar div.toolmenu ul li.login a {
	padding: 1px 0 1px 18px;
	background-image: url(/sb/static/common/images/ico_login.gif);
	background-repeat: no-repeat;
	background-position: left center;
		margin:0 4px 0 0 ;

}

#sidebar div.toolmenu ul li.help a {
	padding: 1px 0 1px 18px;
	background-image: url(/sb/static/common/images/ico_help.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#sidebar div.toolmenu ul li.member a {
	background: url(/sb/static/common/images/icon_member.gif) no-repeat left center;
	padding: 1px 0 1px 18px;
	margin:0 4px 0 0 ;
}
#sidebar div.toolmenu ul li.posting a {
	background: url(/sb/static/common/images/icon_posting.gif) no-repeat left center;
	padding: 1px 0 1px 18px;
}


/*
===== app ======
*/



#sidebar div.app{
	margin: 0 0 8px 0;
	width:310px;
	overflow:hidden;
}

#sidebar div.sidetitle{
	margin: 0 0 2px 0;
}



#sidebar ul.slist{
	margin: 0px 4px 20px 4px;
}

#sidebar ul.slist li{
	list-style: none;
	padding: 1px 0 4px 18px;
	background: url(/sb/static/common/images/bullet.gif) no-repeat 2px 4px;
}


/*
===== button ======
*/

#sidebar div.button{
	padding: 5px 4px 7px 4px;
	background:#DEE7EF url(/sb/static/common/images/search_bg.gif) repeat-x bottom;
	text-align: center;
}

#sidebar div.button img{
	padding: 0 0 0 0;
}

#sidebar div.button ul {
	margin-bottom:3px;
}

#sidebar div.button ul li.logout a {
	background: url(/sb/static/common/images/ico_logout.gif) no-repeat left center;
	padding: 1px 0 1px 18px;
}

#sidebar div.button ul li.login a {
	padding: 1px 0 1px 18px;
	background-image: url(/sb/static/common/images/ico_login.gif);
	background-repeat: no-repeat;
	background-position: left center;
}


/*
===== search ======
*/

#sidebar #searchbox{
	margin: 5px 2px 3px 24px;
}

#searchbox .searchicon {
	margin: 0px 2px 0px 0px;
	display: block;
	float: left;
	width: 216px;
}

#searchbox input.searchword
{
	font-size: 90%;
	width: 210px;
}
#searchbox .searchsubmit {
	display: block;
	float: left;
}

#searchbox .searchsubmit input{
	border: 1px solid #cdcdcd;
	background: url(/sb/static/common/images/submit_bg.gif) no-repeat;
	height:22px;
	font-size: 13px;
	padding: 2px 4px 19px 4px;
	vertical-align:middle;
}


#searchbox .searchsubmit input:hover {
	border: 1px solid #002448;
	color:#002448;
	background: url(/sb/static/common/images/submit_bg.gif) no-repeat bottom;
}

#srchLogo a {
	color: #666666;
    font-size: 70%;
    text-decoration: none;
	float:right;
	margin-right:5px;}
	


/*
===== sidebanner ======
*/
#sidebar .sidebanner{
	text-align:right;
	width:300px;
	margin: 0 0 8px 5px;
	overflow:hidden;
}




/*
===== clearfix ======
*/

#searchbox:after {
	content: url(/sb/static/common/images/spacer.gif);
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#searchbox {
	display: inline-block;
}

/* Holly Hack Targets IE Win only \*/
 * html #searchbox {height: 1%;}
#searchbox {display: block;}
/* End Holly Hack */

/*
===== ’ljÁ ======
*/

#sidebar div.cate_link{
	text-align:right;
	font-size:77%;
	line-height:1.4em;
	margin: 0px 10px 4px 10px;
	float:right;
}


* html #sidebar div.cate_link {
	margin: 0px 5px 4px 10px;
}

#sidebar div.cate_link a{
	padding-left: 12px;
	background: url(/sb/static/common/images/bullet_mini.gif) no-repeat left center;
}

#sidebar div.title_s {
	font-size:77%;
	line-height:1.4em;
	margin-left:7px;
	color:#5382A1;
	font-weight:bold;
}

#sidebar div.ranking {
}

#sidebar div.ranking ul.slist{
	margin: 0px 10px 4px 10px;
}

#sidebar div.ranking ul.slist li.rank1{
	list-style: none;
	padding: 5px 0 0 30px;
	background-image: url(/sb/static/common/images/rank.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	min-height:26px;
	height: auto !important;
	height:26px;

}

#sidebar div.ranking ul.slist li.rank2{
	list-style: none;
	padding: 5px 0 0px 30px;
	background-image: url(/sb/static/common/images/rank.gif);
	background-repeat: no-repeat;
	background-position: 0px -90px;
	min-height:26px;
	height: auto !important;
	height:26px;
	;
}

#sidebar div.ranking ul.slist li.rank3{
	list-style: none;
	padding: 5px 0 0 30px;
	background-image: url(/sb/static/common/images/rank.gif);
	background-repeat: no-repeat;
	background-position: 0px -179px;
	min-height:26px;
	height: auto !important;
	height:26px;
	display:block;
}

#sidebar div.ranking ul.slist li.rank4{
	list-style: none;
	padding: 0px 0 0 30px;
	background-image: url(/sb/static/common/images/rank.gif);
	background-repeat: no-repeat;
	background-position: 0px -270px;
	margin-bottom:5px;
}

#sidebar div.ranking ul.slist li.rank5{
	list-style: none;
	padding: 0px 0 0 30px;
	background-image: url(/sb/static/common/images/rank.gif);
	background-repeat: no-repeat;
	background-position: 0px -354px;
	margin-bottom:5px;
}

#sidebar div.ranking ul.slist li.rank6{
	list-style: none;
	padding: 0px 0 0 30px;
	background-image: url(/sb/static/common/images/rank.gif);
	background-repeat: no-repeat;
	background-position: 0px -439px;
	margin-bottom:5px;
}

#sidebar div.ranking ul.slist li.rank7{
	list-style: none;
	padding: 0px 0 0 30px;
	background-image: url(/sb/static/common/images/rank.gif);
	background-repeat: no-repeat;
	background-position: 0px -524px;
	margin-bottom:5px;
	min-height:20px;
}

#sidebar div.ranking ul.slist li.rank8{
	list-style: none;
	padding: 0px 0 0 30px;
	background-image: url(/sb/static/common/images/rank.gif);
	background-repeat: no-repeat;
	background-position: 0px -608px;
	margin-bottom:5px;
}

#sidebar div.ranking ul.slist li.rank9{
	list-style: none;
	padding: 0px 0 0 30px;
	background-image: url(/sb/static/common/images/rank.gif);
	background-repeat: no-repeat;
	background-position: 0px -693px;
	margin-bottom:5px;
}

#sidebar div.ranking ul.slist li.rank10{
	list-style: none;
	padding: 0px 0 0 30px;
	background-image: url(/sb/static/common/images/rank.gif);
	background-repeat: no-repeat;
	background-position: 0px -778px;
	margin-bottom:5px;
}