body {
  background: red !important;
}
.vertical-menu {
width: 100%; /* lebar dari menu, saran saya tidak perlu di ubah */
}
 
.vertical-menu a {
   border-top: 1px solid #96d1f8;
   background: #6873dd;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#6873dd));
   background: -webkit-linear-gradient(top, #3e779d, #6873dd);
   background: -moz-linear-gradient(top, #3e779d, #6873dd);
   background: -ms-linear-gradient(top, #3e779d, #6873dd);
   background: -o-linear-gradient(top, #3e779d, #6873dd);
   padding: 9.5px 19px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;


	font-family:Arial;
	font-size:11px;


display: block;
text-decoration: none;

margin-top : 10px;
}
 
.vertical-menu a:hover {
   border-top-color: #6a77e0;
   background: #f7941d;
   color: #ccc;
}
 
.vertical-menu a.active {
position:relative;
top:1px;

   border-top-color: #1b435e;
   background: #c3fe8f;
}


.vertical-adding {
	width: 100%;
	box-shadow:inset 0px 1px 0px 0px #7a8eb9;
	background:linear-gradient(to bottom, #637aad 5%, #5972a7 100%);
	background-color:#637aad;
	border:1px solid #314179;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	padding:2px 10px;
	text-decoration:none;
padding: 9.5px 19px;
}
.vertical-adding:hover {
	background:linear-gradient(to bottom, #5972a7 5%, #637aad 100%);
	background-color:#5972a7;
}
.vertical-adding:active {
	position:relative;
	top:1px;
}