@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 right-box */
#mcs_container{position:relative; height:280px; }
#mcs_container .customScrollBox{position:relative; height:85%; overflow:hidden;}
#mcs_container .customScrollBox .container{position:relative; width:95%; top:0; float:left;}
#mcs_container .customScrollBox .container .content {position:relative; width:98%; top:0; float:left;}
#mcs_container .dragger_container{position:relative; width:9px; height:95%; float:left; margin:10px 0 0 0px; cursor:pointer; box-shadow:inset 0 0 10px #000; -moz-box-shadow:inset 0 0 10px #000; -webkit-box-shadow:inset 0 0 10px #000; top:0px;}
#mcs_container .dragger{position:absolute; width:6px; height:30%; 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; top:0px;}
#mcs_container .dragger_pressed{position:absolute; width:6px; height:30%; background:#444; text-align:center; margin-left:1px; line-height:60px; color:#777; overflow:hidden; border-left:1px solid #878787; border-right:1px solid #000; cursor:pointer; top:0px;}

/* content block left-box */
#mcs_container_left{position:relative; height:290px; }
#mcs_container_left .customScrollBox{position:relative; height:100%; overflow:hidden;}
#mcs_container_left .customScrollBox .container{position:relative; width:95%; top:0; float:left;}
#mcs_container_left .customScrollBox .container .content {position:relative; width:98%; top:0; float:left;}
#mcs_container_left .dragger_container{position:relative; width:9px; height:95%; float:left; margin:10px 0 0 0px; cursor:pointer; box-shadow:inset 0 0 10px #000; -moz-box-shadow:inset 0 0 10px #000; -webkit-box-shadow:inset 0 0 10px #000; top:0px;}
#mcs_container_left .dragger{position:absolute; width:6px; height:30%; 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; top:0px; }
#mcs_container_left .dragger_pressed{position:absolute; width:6px; height:30%; background:#444; text-align:center; margin-left:1px; line-height:60px; color:#777; overflow:hidden; border-left:1px solid #878787; border-right:1px solid #000; cursor:pointer; top:0px;}

/* Center box scroller */
#mcs2_container{position:relative; height:290px; }
#mcs2_container .customScrollBox{position:relative; height:86%; overflow:hidden;}
#mcs2_container .customScrollBox .container{position:relative; width:96%; top:0; float:left;}
#mcs2_container .customScrollBox .container .content {position:relative; width:100%; top:0; float:left;}

#mcs2_container .dragger_container{position:relative; width:9px; height:95%; float:left; margin:10px 0 0 0px; cursor:pointer; box-shadow:inset 0 0 10px #000; -moz-box-shadow:inset 0 0 10px #000; -webkit-box-shadow:inset 0 0 10px #000; top:0px;}
#mcs2_container .dragger{position:absolute; width:6px; height:50%; 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; top:0px;}
#mcs2_container .dragger_pressed{position:absolute; width:6px; height:50%; background:#444; text-align:center; margin-left:1px; line-height:60px; color:#777; overflow:hidden; border-left:1px solid #878787; border-right:1px solid #000; cursor:pointer; top:0px;}

/* content block 3 */
#mcs3_container{position:absolute; left:640px; top:20px; margin:0; width:280px; height:96%; padding:0 10px; border-bottom:1px solid #666;  -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background:#6D5843; box-shadow:inset 0 0 20px #000; -moz-box-shadow:inset 0 0 20px #000; -webkit-box-shadow:inset 0 0 20px #000;}
#mcs3_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
#mcs3_container .customScrollBox .container{position:relative; width:240px; top:0; float:left;}
#mcs3_container .customScrollBox .content{clear:both;}
#mcs3_container .customScrollBox .content p{padding:10px 5px 10px 15px; margin:0; color:#31231E; font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:20px;}
#mcs3_container .customScrollBox img{border:3px solid #31231E; margin:0 0 0 15px;}
#mcs3_container .dragger_container{position:relative; width:0px; height:33%; float:left; margin:35px 0 0 25px; border-left:1px solid #31231E; border-right:1px solid #8E7757; cursor:pointer}
#mcs3_container .dragger{position:absolute; width:9px; height:60px; background:#31231E; margin-left:-5px; overflow:hidden; cursor:pointer; -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
#mcs3_container .dragger_pressed{position:absolute; width:9px; height:60px; background:#31231E; margin-left:-5px; overflow:hidden; cursor:pointer; -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
/* content block 4 */
#mcs4_container{position:absolute; left:340px; top:540px; margin:0; width:260px; height:200px; padding:0 10px; border:1px dotted #09C; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
#mcs4_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
#mcs4_container .customScrollBox .container{position:relative; width:240px; top:0; float:left;}
#mcs4_container .customScrollBox .content{clear:both;}
#mcs4_container .customScrollBox .content p{padding:10px 5px; margin:10px 0; color:#09C; font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:20px;}
#mcs4_container .dragger_container{position:relative; width:0px; height:180px; float:left; margin:10px 0 0 10px; border-left:1px dotted #555; cursor:pointer;}
#mcs4_container .dragger{position:absolute; width:9px; height:9px; background:#555; margin-left:-5px; text-align:center; overflow:hidden; cursor:pointer; -moz-border-radius:18px; -khtml-border-radius:18px; -webkit-border-radius:18px; border-radius:18px;}
#mcs4_container .dragger_pressed{position:absolute; width:9px; height:9px; background:#09C; margin-left:-5px; overflow:hidden; cursor:s-resize;}
/* content block 5 */
#mcs5_container{position:relative; margin: auto; width: 588px; }
#mcs5_container .customScrollBox{position:relative; width:100%; overflow:hidden; }
#mcs5_container .customScrollBox .container{position:relative; }
#mcs5_container .dragger_container{position:relative; height:0px; width:550px; margin:10px; }
#mcs5_container .dragger{position:absolute; width:60px; height:9px; }
#mcs5_container .dragger_pressed{position:absolute; width:60px; height:9px; }