@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);
*/


.dragger-top {
	background: transparent url(../images/sctop.png) no-repeat left top;
	height:11px;
	
	margin-left: 6px;

}

.dragger-bot {
  background: url("../images/scbot.png") no-repeat scroll left center transparent;
  height: 11px;
  margin-left: 6px;
}

.dragger_container{position:relative; float:left; cursor:pointer;}
.dragger{position:absolute;   

/*background:#333;*/
 text-align:center; /*margin-left:1px;*/ line-height:60px; color:#666; overflow:hidden; /*border-left:1px solid #787878; border-right:1px solid #000; */ cursor:pointer;}

/* content block 1 */
#mcs_container{position:relative; top:140px; margin:0 0 0 40px; width:260px; height:600px; padding:0 10px; border-top:1px solid #333; border-bottom:1px solid #333;}
#mcs_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
#mcs_container .customScrollBox .container{position:relative; width:240px; top:0; float:left;}
#mcs_container .customScrollBox .content{clear:both;}
#mcs_container .customScrollBox .content p{padding:0 5px; margin:10px 0; color:#fff; font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:20px;}
#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:19px; color:#999;}
#mcs_container .customScrollBox img{border:5px solid #fff;}
#mcs_container .dragger_container{position:relative; width:2px; height:525px; float:left; margin:40px 0 0 10px; 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: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;}
/* content block 2 */
#mcs2_container{margin-top:5px; width:auto; height:334px; padding:0 0px; /*border-top:1px dashed #999; border-bottom:1px dashed #999;*/}

#mcs2_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
#mcs2_container .customScrollBox .container{position:relative; width:100%; top:0; float:left;}
#mcs2_container .customScrollBox .scontent{width:100%; clear:both;}
#mcs2_container .customScrollBox .scontent p{padding:10px 5px; margin:10px 0; color:#fff; font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:20px;}
#mcs2_container .customScrollBox .scontent p.alt{padding:10px 5px; margin:10px 0; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; line-height:19px; color:#999;}
/*#mcs2_container .customScrollBox img{border:5px solid #fff;}*/
#mcs2_container .dragger_container{height:334px;}
#mcs2_container .dragger_container .comcont{height:292px;}
#mcs2_container .dragger{height:60px;}
#mcs2_container .dragger_pressed{height:60px;}


#mcs2r_container{margin-top:5px; width:auto; height:334px; padding:0 0px; /*border-top:1px dashed #999; border-bottom:1px dashed #999;*/}

#mcs2r_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
#mcs2r_container .customScrollBox .container{position:relative; width:100%; top:0; float:left;}
#mcs2r_container .customScrollBox .scontent{width:100%; clear:both;}
#mcs2r_container .customScrollBox .scontent p{padding:10px 5px; margin:10px 0; color:#fff; font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:20px;}
#mcs2r_container .customScrollBox .scontent p.alt{padding:10px 5px; margin:10px 0; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; line-height:19px; color:#999;}
/*#mcs2r_container .customScrollBox img{border:5px solid #fff;}*/
#mcs2r_container .dragger_container{height:334px;}

#mcs2r_container .dragger{height:60px;}
#mcs2r_container .dragger_pressed{height:60px;}

#mcs2a_container{margin-top:5px; width:auto; height:334px; padding:0 0px; /*border-top:1px dashed #999; border-bottom:1px dashed #999;*/}
#mcs2a_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
#mcs2a_container .customScrollBox .container{position:relative; width:100%; top:0; float:left;}
#mcs2a_container .customScrollBox .scontent{width:100%; clear:both;}
#mcs2a_container .customScrollBox .scontent p{padding:10px 5px; margin:10px 0; color:#fff; font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:20px;}
#mcs2a_container .customScrollBox .scontent p.alt{padding:10px 5px; margin:10px 0; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; line-height:19px; color:#999;}
/*#mcs2r_container .customScrollBox img{border:5px solid #fff;}*/
#mcs2a_container .dragger_container{height:334px;}
#mcs2a_container .dragger{height:60px;}
#mcs2a_container .dragger_pressed{height:60px;}

#mcs2as_container{margin-top:5px; width:auto; height:348px; padding:0 0px; /*border-top:1px dashed #999; border-bottom:1px dashed #999;*/}
#mcs2as_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
#mcs2as_container .customScrollBox .container{position:relative; width:100%; top:0; float:left;}
#mcs2as_container .customScrollBox .scontent{width:100%; clear:both;}
#mcs2as_container .customScrollBox .scontent p{padding:10px 5px; margin:10px 0; color:#fff; font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:20px;}
#mcs2as_container .customScrollBox .scontent p.alt{padding:10px 5px; margin:10px 0; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; line-height:19px; color:#999;}
/*#mcs2r_container .customScrollBox img{border:5px solid #fff;}*/
#mcs2as_container .dragger_container{height:348px;}
#mcs2as_container .dragger{height:60px;}
#mcs2as_container .dragger_pressed{height:60px;}

#mcs2t_container{margin-top:0px; width:auto; height:250px; padding:0 0px; /*border-top:1px dashed #999; border-bottom:1px dashed #999;*/}
#mcs2t_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
#mcs2t_container .customScrollBox .container{position:relative; width:100%; top:0; float:left;}
#mcs2t_container .customScrollBox .scontent{width:100%; clear:both;}
#mcs2t_container .customScrollBox .scontent p{padding:10px 5px; margin:10px 0; color:#fff; font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:20px;}
#mcs2t_container .customScrollBox .scontent p.alt{padding:10px 5px; margin:10px 0; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; line-height:19px; color:#999;}
/*#mcs2r_container .customScrollBox img{border:5px solid #fff;}*/
/*orig ok mcs2t_container .dragger_container{position:relative; width:15px; height:252px; float:left; margin:0px 0 0 -15px; cursor:pointer; box-shadow:inset 0 0 15px #000; -moz-box-shadow:inset 0 0 15px #000; -webkit-box-shadow:inset 0 0 15px #000;}*/
#mcs2t_container .dragger_container{height:250px;}
#mcs2t_container .dragger{height:60px;}
#mcs2t_container .dragger_pressed{height:60px;}


#mcs2s_container{margin-top:0px; width:auto; height:250px; padding:0 0px; /*border-top:1px dashed #999; border-bottom:1px dashed #999;*/}
#mcs2s_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
#mcs2s_container .customScrollBox .container{position:relative; width:100%; top:0; float:left;}
#mcs2s_container .customScrollBox .scontent{width:100%; clear:both;}
#mcs2s_container .customScrollBox .scontent p{padding:10px 5px; margin:10px 0; color:#fff; font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:20px;}
#mcs2s_container .customScrollBox .scontent p.alt{padding:10px 5px; margin:10px 0; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; line-height:19px; color:#999;}
/*#mcs2r_container .customScrollBox img{border:5px solid #fff;}*/
/*orig ok mcs2t_container .dragger_container{position:relative; width:15px; height:252px; float:left; margin:0px 0 0 -15px; cursor:pointer; box-shadow:inset 0 0 15px #000; -moz-box-shadow:inset 0 0 15px #000; -webkit-box-shadow:inset 0 0 15px #000;}*/
#mcs2s_container .dragger_container{height:250px;}
#mcs2s_container .dragger{height:60px;}
#mcs2t_container .dragger_pressed{height:60px;}


#mcs2tt_container{margin-top:5px; width:auto; height:334px; padding:0 0px; /*border-top:1px dashed #999; border-bottom:1px dashed #999;*/}
#mcs2tt_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
#mcs2tt_container .customScrollBox .container{position:relative; width:100%; top:0; float:left;}
#mcs2tt_container .customScrollBox .scontent{width:100%; clear:both;}
#mcs2tt_container .customScrollBox .scontent p{padding:10px 5px; margin:10px 0; color:#fff; font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:20px;}
#mcs2tt_container .customScrollBox .scontent p.alt{padding:10px 5px; margin:10px 0; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; line-height:19px; color:#999;}
/*#mcs2r_container .customScrollBox img{border:5px solid #fff;}*/
#mcs2tt_container .dragger_container{height:334px;}
#mcs2tt_container .dragger{height:60px;}
#mcs2tt_container .dragger_pressed{height:60px;}