@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{position:absolute; z-index:200; top:165px; margin:0 0 0 300px; width:360px; height:380px; padding:0 10px; border-top:0px solid #333; border-bottom:0px solid #333;}*/

#mcs_container{position:absolute; z-index:200; top:165px; margin:0 0 0 310px; width:360px; height:370px; padding:0 0px; border-top:0px solid #333; border-bottom:0px solid #333;}
#mcs_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
#mcs_container .customScrollBox .wrapper{position:relative; width:340px; top:0; float:left;}
#mcs_container .customScrollBox .scroller{clear:both;}
#mcs_container .customScrollBox .scroller h1{font-size:18px; font-weight:lighter; line-height:22px; margin-bottom:15px;}
#mcs_container .customScrollBox .scroller p {padding:0 0px; margin-top:15px; margin-bottom:0px; margin-right:25px; color:#fff; font-size:12px; line-height:17px;}
#mcs_container .customScrollBox .scroller ul {line-height:18px; color:#fff; margin-top:0px; margin-left: 25px; padding-left: 0px; text-indent: 0px; margin-right:20px}
#mcs_container .customScrollBox .scroller li {font-size:12px; line-height:18px; color:#fff; margin-bottom:5px}
#mcs_container .customScrollBox .content p.alt{padding:10px 5px; margin:10px 0; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; line-height:17px; color:#999;}
#mcs_container .customScrollBox img{border:5px solid #fff;}
#mcs_container .dragger_container{position:relative; width:2px; height:316px; float:left; margin:35px 0 0 2px; background:#000; cursor:pointer -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; cursor:s-resize;}
#mcs_container .dragger{position:absolute; width:2px; height:60px; background:#999; text-align:center; line-height:60px; color:#666; overflow:hidden; cursor:pointer; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
#mcs_container .dragger_pressed{position:absolute; width:4px; margin-left:-1px; height:60px; background:#999; text-align:center; line-height:60px; color:#666; overflow:hidden; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; cursor:s-resize;}
#mcs_container .scrollUpBtn,#mcs_container .scrollDownBtn{position:absolute; display:inline-block; width:14px; height:15px; margin-right:0px; text-decoration:none; right:0; filter:alpha(opacity=40); -moz-opacity:0.40; -khtml-opacity:0.40; opacity:0.40;}
#mcs_container .scrollUpBtn{top:16px; background:url(mcs_btnUp.png) center center no-repeat;}
#mcs_container .scrollDownBtn{bottom:0px; 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:1.00; opacity:1.00;}




/**
 *
 * Vertical Scrollbar for iDevices
 *
 */
.myScrollbarV {
	position:absolute;
	z-index:100;
	width:4px;bottom:7px;top:25px;right:15px;
}

.myScrollbarV > div {
	position:absolute;
	z-index:100;
	width:100%;

	/* The following is probably what you want to customize */
	background:-webkit-gradient(linear, 0 0, 100% 0, from(#666), to(#666));
	background-image:-moz-linear-gradient(top, #f00, #900);
	background-image:-o-linear-gradient(top, #f00, #900);

	border:1px solid #666;

	-webkit-background-clip:padding-box;
	-moz-background-clip:padding-box;
	-o-background-clip:padding-box;
	background-clip:padding-box;
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	
	-webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,0.0);
	-moz-box-shadow:inset 1px 1px 0 rgba(255,255,255,0.0);
	-o-box-shadow:inset 1px 1px 0 rgba(255,255,255,0.0);
	box-shadow:inset 1px 1px 0 rgba(255,255,255,0.0);
}

#wrapper {
	position:absolute; z-index:1;
	/*top:45px; bottom:48px; left:0px;*/
	width:360px;
	height:370px;

	overflow:auto;
}

#scroller {
	position:relative;
/*	-webkit-touch-callout:none;*/
	-webkit-tap-highlight-color:rgba(0,0,0,0);

	
	width:340px;
	padding:0;
}