@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 */
.mcs_container{margin: 4px auto; position:relative; width:230px; height:150px;}
.mcs_container .customScrollBox{position:relative; margin: 0px auto; width: 220px; height:100px; overflow:hidden; background-color: #ffffff;}
.mcs_container .customScrollBox .container{position:relative; width:216px; top:0; float:left;}
.mcs_container .customScrollBox .content{clear:both;}
.mcs_container .dragger_container{position:relative; width:4px; height:100px; float:left; margin:0px 0 0 0px; background:#000; cursor:pointer; cursor:s-resize;}
.mcs_container .dragger{position:absolute; width:4px; height:30px; background:#999; text-align:center; line-height:30px; color:#666; overflow:hidden; cursor:pointer;}
.mcs_container .dragger_pressed{position:absolute; width:4px; margin-left:0px; height:30px; background:#999; text-align:center; line-height:30px; color:#666; overflow:hidden;}
.mcs_container .scrollUpBtn,.mcs_container .scrollDownBtn{position:absolute; display:inline-block; width:14px; height:15px; margin-right:12px; text-decoration:none; right:0; filter:alpha(opacity=20); -moz-opacity:0.20; -khtml-opacity:0.20; opacity:0.20;}
.mcs_container .scrollUpBtn{top:16px; background:url(mcs_btnUp.png) center center no-repeat;}
.mcs_container .scrollDownBtn{bottom:12px; background:url(mcs_btnDown.png) center center no-repeat;}
.mcs_container .scrollUpBtn:hover,.mcs_container .scrollDownBtn:hover{filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity:0.60; opacity:0.60;}