* {
  //font-family: Arial, Helvetica, sans-serif;
}
html,body {
  margin: 0;
  padding: 0;
 // color:inherit !important;
}
body {
       //font-family:  arial;
  //font-size:  13px;
//-webkit-font-smoothing: antialiased;
//-moz-osx-font-smoothing: grayscale;
//-webkit-text-stroke: 0.45px;
//// or
//-webkit-text-stroke: 0.45px rgba(0, 0, 0, 0.1);
// or
//text-shadow: 10px 2px 3px #000;
}
#topbar {
  position: fixed;
  top: 0px;
  left: 0;
  z-index: 1;
  width: 100%;
 wheight:22px;
  background:#F8F8F8;  
   -webkit-box-shadow: 0 0 15px #9999;
    -moz-box-shadow:    0 0 15px #9999;
    box-shadow:         0 0 15px #9999;	
	
padding-left:5px;	
padding-top:5px;	
}
#topbarq span a:hover {
    background: #888888;
   // padding-top: -20px;
    padding-bottom: 2px;
    border-radius: 2px;
padding-right:0px;
padding-left:-5px;
}

/*init*/
#topbar {margin-top:0px;height:34px; width:100%;position:fixed}
#topbar span {margin-right:6px;margin-left:5px;}
#topbar span a:hover {background:#dfdfdf;padding-top: 18px;padding-bottom: 0px;  
border-radius: 5px;}

* html #topbar {
  position: absolute;
}
#maincont{
oldleft:150px;
  position: relative;
  z-index: 0;
  padding-top: 24px;
  padding-left: 10px;
  padding-bottom: 40px;
  margin-left: 0px;
  margin-right: 0px;
 // background: //#ccc;
  min-height: 100%;
 // transition:  .7s;  
margin-top:0px;
}
#bottombar {
  position: fixed;
  bottom: 0;
  left: 0px;
  padding-left:10px;
  z-index: 2;
  width: 100%;
  height:10px;
}

* html #bottombar {
  position: absolute;
  bottom: -1px;
}

#bottombar {
  height: 16px;
  font-size:12px;  
  //background: rgb(220,220,220,0.9);
//color:inherit;
  //background:#F8F8F8;  
   -webkit-box-shadow: 0 0 1px grey;
    -moz-box-shadow:    0 0 1px grey;
    box-shadow:         0 0 1px grey;	
}
#bottombar a:link,a:visited {
text-decoration: none;
//color:inherit;
}
#maincont a:link,a:visited {
text-decoration: none;
color:inherit;
}
#sbcont{
display:none;
    top:33px;
    width: 0px;	
    height: 100%;
	left:-200px;
    position: fixed;
    //outline: 1px solid;  
    //border-right: #8888 1px solid;	
	  box-shadow: 15px 10px 15px -20px #bbb;

	//transition:  .5s;	 
	z-index:1;
}
.mhead {float:left;margin-top:-8px;font-size:26px;}
.mhead{
	display:none;/*Off when wider than 800(bellow set) */	
}
.whead{display:none;}
@media screen and (max-width: 500px) {
	.mhead{display:block;padding-left:5px;	
padding-top:5px;	}
	.whead{display:none;}	
}	
.right {float:right;padding-right:10px;}




@-webkit-keyframes run0 {
  0% {left: 0%;width:10%;}
5% {left:10px;width:90%;}  
10% {left:20px;width:100%;}  
100%{left:150px;width: 100%;}
}


#topbar {
  position: fixed;
  top: 0px;
  left: 0;
  z-index: 1;
  width: 100%;
  wheight:22px;
  background:#F8F8F8;  
    //background: rgba(1,1,1,.91);//#fff;
   -webkit-box-shadow: 0 0 1px #9999;
    -moz-box-shadow:    0 0 1px #9999;
    box-shadow:         0 0 1px #9999;	
	
padding-left:5px;	
padding-top:5px;	
}

#topbarr span a:hover {
    background: #888888;
    padding-top: 14px;
    padding-bottom: 2px;
    border-radius: 2px;
padding-right:0px;
padding-left:-5px;
}

/*init*/
#topbara {margin-top:0px;height:30px; width:100%;position:fixed}
#topbar span {margin-right:6px;margin-left:5px;}
#topbarr span a:hover {background:#dfdfdf;padding-top: 14px;padding-bottom: 2px;  border-radius: 5px;}
.mhead {float:left;margin-top:-12px;font-size:26px;color:rgba(9,9,9,1)}
.mhead{
	display:none;/*Off when wider than 800(bellow set) */	
}
.whead{display:none;}
.right {float:right;padding-right:10px;}
textarea { font-size: 16px;border:.5px solid grey;    box-shadow: 0 0 5px #719ECE; }
select { font-size: 14px; }

#maincont{
  //  top:6px;
}