.page-wrap {
  float: right;
  width: 100%;
  transition: width 0.3s ease;
}

.main-nav {
  position: fixed;
  top: 0;
  width: 0;
  height: 100%;
  background: #ffffff;
  overflow-y: auto;
  transition: width 0.3s ease;
  z-index: 10;
}

.bodycontent {
  padding: 100px 20px 20px 20px;
}

.close-menu {
  display: none;
}

#main-nav:target {
  width: 250px;
  border-right:1px solid #e1e1e1;
  padding:10px 0 0 10px;
}

#main-login:target {
  width: 250px;
  border-right:1px solid #e1e1e1;
  padding:10px 0 0 10px;
}

/*button*/
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 0.7em .55em; /*7px 7px 7px 7px;*/
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .3em; 
	-moz-border-radius: .3em;
	border-radius: .3em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

/* white */
.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* gray */
.gray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

p.menu_p {width:100%; height:25px;}
.menu_link {color:#000000; font-weight:normal; width:100%;}
.menu_sub1 { width:95%; padding:5px 0 0 8px; display:none;}
.menu_sub { color:#FB3D01; font-weight:bold; }
.menu_top1 { border:1px solid #aaa; width:95%; padding:2px 2px 2px 2px; margin-top:4px; }
.menu_top { font-weight:bold; font-size:16px; background:#ccc; width:91%; height:20px; color:#555; padding:5px 11px; }
.menu_top a:hover, a:active { background:#ccc; text-decoration:none; }
.mymenu_top1 { border:1px solid #ff7714; width:95%; padding:2px 2px 2px 2px; margin-top:4px; }
.mymenu_top { font-weight:bold; font-size:16px; background:#fff0cb; width:91%; height:20px; color:#ff7714; padding:5px 11px; }
.mymenu_link {color:#000000; font-weight:normal; width:90%;}
.mymenu_minus { width:16px; height:14px; border:1px outset #a0a0a0; text-align:center; float:right; margin-right:5px; }

.closebtn { background:url(/mainpage/img/icons-png/delete-black.png) no-repeat; display:block; width:14px; height:14px; -webkit-background-size:14px 14px; }
.homebtn { background:url(/mainpage/img/icons-png/home-black.png) no-repeat; display:block; width:14px; height:14px; -webkit-background-size:14px 14px; }
.circle22 
{
    background:#777; width:22px; height:22px; padding:8px 0 0 8px; border:0px solid #000;
    border-radius:15px;
}
.circle16
{
    background:#777; width:22px; height:17px; padding:3px 0 0 8px; border:0px solid #000;
    border-radius:5px;
}
.circle22w 
{
    background:#fff; width:22px; height:22px; padding:7px 0 0 7px; border:1px solid #555;
    border-radius:15px;
}