*{

  font-family: arial,sans-serif;
}


.middle
{

		vertical-align:middle !important;

}

.bottom
{
	vertical-align:bottom  !important;
}

.top
{
	vertical-align:top  !important;
}

.center
{
	text-align:center !important;
}

.left
{
	text-align:left  !important;
}

.right
{
	text-align:right  !important;
}


.invisible
{
	display: none !important;
}

img.home
{
	position: relative;

	max-height: 32px;

	max-width: 32px;

	cursor: pointer;

}


#homebtn
{

	position:fixed;

	top:5px;

	right:5px;

	color: white;

	font-family:arial,sans-serif;

	font-size:25px;

	font-weight:bold;

	z-index:1000;

	background:rgba(0,110,0,0.7);

	border-radius:5px 0px;

	padding:5px;

	cursor:pointer;


}



#menubar
{
  position: fixed;

  top: 0px;

  right: 0px;

  width:60px;

  height: 100%;

  overflow: auto;

  background:#efefef;

  box-shadow: 0px 0px 2px 1px #888888;

  z-index: 900;
}



div.asubmenu
{

  position: relative;


  margin:20px 0px;


}

div.asubmenu_img
{
  position: relative;

  cursor: pointer ;
  
  width: 100%;
  
  height: 100%;
  
}

img.asubmenu
{
  position: relative;

  max-width: 100%;

  max-height:  100%;

  cursor: pointer ;

}

div.asubmenu_name
{
  position: relative;

  cursor: pointer ;
}

label.asubmenu
{
  position: relative;

  font-size: 12px;

  font-weight: bold;

  color:#555555;

}


@media screen and (min-width: 771px)
{


}


/*------------------------------------------------------------------------*/

/* Old Mobile */
@media only screen and (max-width: 220px)
{




}



/* BIG Smart phone */

/* Mobile */
@media only screen and (min-width: 230px)  and (max-width: 360px)
{




}




/* Tablet **/
@media screen and (max-width: 770px) and (min-width: 361px)
{





}


@-webkit-keyframes expand
{
	from{min-width: 5px; width: 5px; background-color: red;}
	to{min-width:200px;  width: 200px; background-color: purple;}
}

@keyframes expand
{
	from{min-width: 5px; width: 5px; background-color: red;}
	to{min-width:200px;  width: 200px; background-color: purple;}
}



@-webkit-keyframes example {
    from {background-color: red;}
    to {background-color: rgba(0,110,0,0.5);}
}

/* Standard syntax */
@keyframes example {
    from {background-color: red;}
    to {background-color: rgba(0,110,0,0.5);}
}