@charset "utf-8";
/* CSS Document */


#sides-form{
	position:fixed;
	right:-2px;
	top:150px;
	z-index:10000;
	border:1px solid #999;
	border-radius: 8px 0 0 8px;
	background-color:#FFF;
	overflow:hidden;
}

#sides-title{
	float: left;
    width:50px;
    padding: 0px;
	border-right:1px solid #999;
}
#sides-title a.activity{
	color:#F00;
}

#sides-content{
	float:left;
	width:170px;
	font-size:12px;
	overflow:hidden;
	display:none;
}
#sides-content .cami-box{
	width:100%;
	text-align: center;
	padding:10px 0;
	margin-bottom:10px;
	border-bottom:1px solid #999;
}
#sides-content .cami-box .cami-des{
	padding:0 0 10px;
	margin: 0 0 10px;
	border-bottom:1px solid #999;
}


#sides-content h3{
	font-size:16px;
	padding:5px 5px 5px 10px;
}
#sides-content ul{
	max-height:300px;
}
#sides-content ul li{
	padding:5px 5px 5px 10px;
}

.sides-title{
	padding:10px;
	width:100%;
	font-size:14px;
	text-align:center;
	
}
.sides-title + .sides-title {
	border-top:1px solid #999;
}
.sides-title a {
	text-decoration:none;	
}
.sides-title a:hover {
	color: #F00;
}
.sides-title > a > i{
	font-size:22px;
}

.sides-smc {
	padding:10px;
    width:100%;
    font-size:14px;
    text-align:center;
	border-top:1px solid #999;
}
.sides-smc a {
	display: block;
	margin-bottom:5px;
	text-decoration:none;
}
.sides-smc a:hover {
    color: #F00;
}
.sides-smc > a > i{
    font-size:22px;
}
.sides-smc > a > img{
	width:22px;
}

/*
#sides-content{
	float:left;
	width:220px;
	font-size:10pt;
	background-color:#FFF;
	display:none;
}
#sides-content form{
	width:200px;
	margin:5px auto;
}
#sides-content div{
	padding:5px;
}
*/