﻿@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:relative;  margin:10px 0 0 5px; width:160px; height:600px; padding:10px 10px; text-align:left;  background-image:url('../images/BK_spec_menu.gif');background-repeat: repeat;     border:2px #FFFFCC groove; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#mcs_container a{color: #FFFFFF; font-family:, Arial, Helvetica, sans-serif; font-size:11px; padding:5px 0 0 5px; text-decoration:none;}
#mcs_container a:hover {color: #0099CC; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:5px 0 0 5px} 
#mcs_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
#mcs_container .customScrollBox .container{position:relative; width:145px; top:0; float:left;}
#mcs_container .customScrollBox .content{clear:both;}
#mcs_container .customScrollBox .content p{padding:10px 5px 10px 0; 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:4px; height:525px; float:left; margin:40px 0 0 10px; background: #FF0000; 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:4px; height:60px; background:#999; text-align:center; line-height:60px; color: #FFFFCC; 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:5px; margin-right:5px; 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(http://drjobs.us/images/mcs_btnUp.png) center center no-repeat;}
#mcs_container .scrollDownBtn{bottom:12px; background:url(http://drjobs.us/images/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 3 */

#mcs3_container{ margin:0;  height:550px; padding:0 10px; border-right:5px solid #666; border-bottom:5px solid #666;  -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; background: #F0F5F7; box-shadow:inset 0 0 20px #666; -moz-box-shadow:inset 0 0 20px #000; -webkit-box-shadow:inset 0 0 20px #000;}
#mcs3_container .customScrollBox{position:relative; height:95%; overflow:hidden;}
#mcs3_container .customScrollBox .container{position:relative; width:94%; top:0; float:left;}
#mcs3_container .customScrollBox .content{clear:both; text-align:left; }
#mcs3_container .customScrollBox .content p{padding:10px 5px 10px 15px; margin:0; color:#787878; 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:10px; height:75%; float:left; margin:35px 0 0 25px; border-left:1px #8E7757 solid; border-right:1px solid #8E7757; background: #669999; cursor:pointer}
#mcs3_container .dragger{position:absolute; width:6px; height:20px; background:#285464; margin-left:1px; 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:8px; height:20px; background: #009999; margin-left:-4px; overflow:hidden; cursor:pointer; -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}



/* content for live search */

#mcs2_container{ margin:0;  height:300px; padding:10px 10px 10px 10px; border-right:5px solid #666; border-bottom:5px solid #666;  -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background: #F0F5F7; box-shadow:inset 0 0 5px #666; -moz-box-shadow:inset 0 0 5px #000; -webkit-box-shadow:inset 0 0 5px #000;}
#mcs2_container .customScrollBox{position:relative; height:95%; overflow:hidden;}
#mcs2_container .customScrollBox .container{position:relative; width:94%; top:0; float:left;}
#mcs2_container .customScrollBox .content{clear:both; text-align:left; padding-left:20px; font-size: medium; font-family: "Times New Roman", Times, serif; text-align: left; }
#mcs2_container .customScrollBox .content p{padding:10px 5px 10px 15px; margin:0; color:#787878; font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:20px;}
#mcs_container .customScrollBox img{border:5px solid #fff;}
#mcs2_container .dragger_container{position:relative; width:2px; height:240px; float:left; margin:25px 0 0 25px; background: #32688F; cursor:pointer}
#mcs2_container .dragger{position:absolute; width:6px; height:15px; background: #FFFCE8; margin-left:-2px; margin-right:-2px;  overflow:hidden; cursor:pointer; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
#mcs2_container .dragger_pressed{position:absolute; width:5px; height:20px; background: #009999;  margin-left:-2px; margin-right:-2px; overflow:hidden; cursor:pointer; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
#mcs2_container .scrollUpBtn,#mcs2_container .scrollDownBtn{position:absolute; display:inline-block; width:14px; height:15px; margin-right:10px; text-decoration:none; right:0; filter:alpha(opacity=20); -moz-opacity:0.20; -khtml-opacity:0.20; opacity:0.20;}
#mcs2_container .scrollUpBtn{top:10px; background:#FFFFCC url('http://drjobs.us/images/mcs_btnUp.png') no-repeat fixed center center ; }
#mcs2_container .scrollDownBtn{bottom:5px; background:#FFFFCC url('http://drjobs.us/images/mcs_btnDown.png') no-repeat fixed center center ; }
#mcs2_container .scrollUpBtn:hover,#mcs2_container .scrollDownBtn:hover{filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity:0.60; opacity:0.60;}
