@charset "utf-8";
/* CSS Document */
/* some custom fonts via google font api */
@import url(http://fonts.googleapis.com/css?family=Lobster);
@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:extralight);
/* content block 1 */
/* content block 4 */
#mcs4_container{margin:0; width:300px; height:555px; padding:0; float:right;}
#mcs4_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
#mcs4_container .customScrollBox .container{position:relative; width:280px; top:0; float:right;}
#mcs4_container .customScrollBox .content{clear:both;}
#mcs4_container .customScrollBox .content p{color:#ccc; font-size:14px; line-height:15px;font-family:Uni Sans Book;}
#mcs4_container .dragger_container{
	position:relative; 
	width:3px; 
	height:555px; 
	float:right; 
	margin:0; 
	cursor:pointer;
	background-color:#666;
}
#mcs4_container .dragger{
	position:absolute; 
	width:10px; 
	height:55px; 
	background:#ffd200; 
	margin-right:-4px; 
	text-align:center; 
	overflow:hidden; 
	cursor:pointer; 
}

#mcs4_container .dragger_pressed{
	position:absolute; 
	width:10px; 
	height:55px; 
	background:#666; 
	margin-right:-4px; 
	overflow:hidden; 
	cursor:s-resize;
}

#mcs4_container .cercle{
	background-color:#ccc;
	color:#666;
	width:30px;
	height:22px;
	-moz-border-radius:18px; 
	-khtml-border-radius:18px; 
	-webkit-border-radius:18px; 
	border-radius:18px;
	text-align:center;
	vertical-align:middle;
	padding-top:8px;
	font-family:Uni Sans Bold;
}

#mcs4_container h1{
	font-size:14px;
	color:#ffd200;
	margin-top:15px;;
}