body{background:#EEEEEE;}
.header {
		display:inline; float:left; margin-bottom:0px; font-weight:normal; border-bottom: 1px solid #ccc; padding: 0px 0px; width:100%; margin-top:0px;  color:#eee; background-color:#333; height:42px;   
}
.row-fluid{margin-top:0px;}
.menufluid{
	line-height: 30px;
    padding-top:4px;
	padding-left: 10px;
	color: #eee;
    margin-left:10px;
	display:inline;
    float:left;
    
    
}

 .menufluid a.on, .menufluid a.share{
     background:#FF4A00;
padding:10px ;
border:none;
color:#fff;
}

.menufluid a.share{
background:#0088AA;
}
.menufluid a.home, .menufluid a.papan {
     background:#0088AA;
padding:15px;
border:none;
margin-right:10px;
}
.menufluid a.papanew{
background:#555;
padding:15px;
border:none;
margin-right:10px;
margin-left:0px;
}

.menufluid a.home:hover, .menufluid a.papan:hover, .menufluid a.papanew:hover{
     background:#FF4A00;
padding:15px;
border:none;
margin-right:10px;
}

.menufluid a.papan, .menufluid a.papan:hover {margin-right:0px;}

.menufluid a.on:hover, .menufluid a.share:hover{background:#0088AA;margin-right:0px; padding:10px;}
.menufluid a.share:hover{
background:#FF4A00; float:right;
}
.menufluid a {
  color: #ddd;
  border: 1px solid #005C73;
  padding:4px 6px;
  background:#005C73;
  
}
.menufluid a:hover {
background:#0088AA;
padding:4px 6px;
}

.menu-wrapper{margin-bottom:0px;}
.menu{width:80%;}
.map{background:#EEEEEE; padding:10px;}

.map-konten{background:#fff; padding:0px;  border-bottom:3px solid #ddd; margin:20px 0px; min-height:700px; margin-right:0px; margin-top:0px; width:99%; display:block; margin-left:0px; max-height:1360px;}

.map-pengajar{background:#bbb; margin:10px 0px; margin-right:0px; margin-left:0px; margin-bottom:0px; width:99%;}

.map-pengajar-user{background:#bbb; padding:4px 6px;   color:#fff; height:20px;}
.map-pengajar-user a{color:#fff;}

.map-sidebar{background:#fff; padding:10px; border-left:6px solid #CCCCCC; min-height:600px; display:block; height:100%}
.map-kiri{background:#E1E1E1; padding:6px; min-height:900px; height:100%; overflow:hidden;
-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #999;box-shadow:0 0 10px #999;}
.footer_wrepper{margin-top:0px;}
.frame-map {
float: left; padding: 4px; width: 96%; display: inline; margin-bottom: 0px; border-top: 1px solid #ccc; background: #fff; border: 1px solid #ddd;
margin-top: 5px;}
.logos{margin-left:0px;}
.tutupmodal{margin:0px; }
.tutupmodal a{background:#bbb; float: left;  padding:4px 7px; display: inline;  width:94%; text-align:center; font-size:12px; font-weight:normal;  color:#000; }
.tutupmodal a:hover {background:#FF0900; float: left;  padding:4px 7px; display: inline;  width:94%; text-align:center; color:#fefefe;}

.arsip-konten{background:#fff; padding:10px; border:1px solid #ddd; border-bottom:2px solid #ddd; margin:10px 0px; margin-right:0px; color:#000; width:90%; margin-left:10px;}
.arsip-konten a{font-size:14px; color:#999;}
.arsip-konten a:hover{font-size:14px; color:#000;}

.frame-map img{max-width:96%;}
#controls 		{ padding:0px; }
.color 			{ display:inline-block; width:20px; height:20px; margin:10px 3px 0 0; border:1px solid #ccc; cursor:pointer; opacity:0.3; padding }
.color.active	{ opacity:1; }
.clearcanvas { display:inline-block; width:20px; height:20px; margin:10px 6px 0 0; border:1px solid #ccc; cursor:pointer; }
.konten-hare{width:100%}
.span8{background:#fff;}
#myCanvas {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.canf-hare {
   padding:10px;
   font-size:15px;
   overflow-x:hidden;

}
.canf-hare::-webkit-scrollbar {width: 10px; background:#ddd;}.canf-hare::-webkit-scrollbar-track {margin: 3em; background:#ddd;}.canf-hare::-webkit-scrollbar-thumb {border-radius: 10px; background: #aaa; }