@charset "utf-8";

/* CSS Document */
/* some custom fonts via google font api */

/* content block 1 */


#mcs_container { position: absolute; right: 32px; top: 32px; width: 366px; height: 240px; }

#mcs_container .customScrollBox { position: relative; height: 100%; overflow: hidden; }

#mcs_container .customScrollBox .container { position: relative; width: 356px; top: 0; float: left; }

#mcs_container .customScrollBox .content { clear: both; }

#mcs_container .customScrollBox .content .mask_title{ font-size:21px; margin-bottom:5px; }

#mcs_container .customScrollBox .content .mask_text{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 17px; line-height:20px; color: #999; }

#mcs_container .customScrollBox .content .mask_text p{ padding-top:10px; }

#mcs_container .dragger_container { position: relative; float: right; width: 2px; height: 234px; margin-top:3px; background: #01539d; cursor: pointer; cursor: s-resize; margin-right: 3px; }

#mcs_container .dragger { position: absolute; width: 8px; height: 60px; background: #042f62; text-align: center; line-height: 60px; color: #666; overflow: hidden; cursor: pointer; margin-left: -3px; }

#mcs_container .dragger_pressed { position: absolute; width: 8px; margin-left: -3px; height: 60px; background: #fed201; 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{ right:0; top:0; position:relative; width:260px; height:240px; }
#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:#000; 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:240px; float:left; 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;}*/