@charset "utf-8";
/* CSS Document */

#menu {
	margin: 1em 0 0 0;
	padding: 0;
}
#menu li.usermenu {
  position: relative;
  float: right;
	-moz-box-shadow: 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: 0px 1px 0px 0px #ffffff;
	box-shadow: 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffcc00), color-stop(1, #ff8000));
	background:-moz-linear-gradient(top, #ffcc00 5%, #ff8000 100%);
	background:-webkit-linear-gradient(top, #ffcc00 5%, #ff8000 100%);
	background:-o-linear-gradient(top, #ffcc00 5%, #ff8000 100%);
	background:-ms-linear-gradient(top, #ffcc00 5%, #ff8000 100%);
	background:linear-gradient(to bottom, #ffcc00 5%, #ff8000 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc00', endColorstr='#ff8000',GradientType=0);
	background-color:#ffcc00;
	/*-moz-border-radius:19px;
	-webkit-border-radius:19px;
	border-radius:19px;*/
	border:1px solid #ff8000;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-family:arial;
	font-size:85%;
	padding:6px 0;
	text-decoration:none;
	font-weight: bold;
	text-align: center;
	width: 100%;
	z-index: 2;
}
#menu li:hover.usermenu {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff8000), color-stop(1, #ffcc00));
	background:-moz-linear-gradient(top, #ff8000 5%, #ffcc00 100%);
	background:-webkit-linear-gradient(top, #ff8000 5%, #ffcc00 100%);
	background:-o-linear-gradient(top, #ff8000 5%, #ffcc00 100%);
	background:-ms-linear-gradient(top, #ff8000 5%, #ffcc00 100%);
	background:linear-gradient(to bottom, #ff8000 5%, #ffcc00 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8000', endColorstr='#ffcc00',GradientType=0);
	background-color:#ff8000;
}
#menu li.usermenu img {
	width: 5%;
	padding-left: 0.5em;
}
#menu li {
  /*position: relative;
  float: right;
  margin: 0;
  padding: 5px;
  width: 200px;
  height: 20px;
  border: solid 1px #ccc;
  font-weight: bold;*/
 text-align: center;
}
#menu li:hover {
  /*color: #fff;
  background: #333;*/
}
#menu li ul {
  display: none;
  position: absolute;
  top: 2.5em;
  left: -1px;
  /*padding: 5px;*/
  width: 100%;
  background: #999;
  border: solid 1px #ccc;
}
#menu li ul li {
  margin: 0;
  padding: 0;
  width: 100%;
  border-bottom: solid 1px #ccc;
}
#menu li ul li:last-child {
  border-bottom: none;
}
#menu li ul li a {
  display: inline-block;
  width: 100%;
  /*height: 20px;*/
  text-decoration: none;
  color: #FFF;
  padding: 1em 0;
}
#menu li ul li a:hover {
  background: #eee;
  color: #ED6420;
  padding: 1em 0;
}

@media only screen and (min-width: 481px) {
#menu {
	margin: 1em 0 0 0;
	padding: 0;
}
#menu li.usermenu {
  position: relative;
  float: right;
	-moz-box-shadow: 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: 0px 1px 0px 0px #ffffff;
	box-shadow: 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffcc00), color-stop(1, #ff8000));
	background:-moz-linear-gradient(top, #ffcc00 5%, #ff8000 100%);
	background:-webkit-linear-gradient(top, #ffcc00 5%, #ff8000 100%);
	background:-o-linear-gradient(top, #ffcc00 5%, #ff8000 100%);
	background:-ms-linear-gradient(top, #ffcc00 5%, #ff8000 100%);
	background:linear-gradient(to bottom, #ffcc00 5%, #ff8000 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc00', endColorstr='#ff8000',GradientType=0);
	background-color:#ffcc00;
	/*-moz-border-radius:19px;
	-webkit-border-radius:19px;
	border-radius:19px;*/
	border:1px solid #ff8000;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-family:arial;
	font-size:14px;
	padding:6px 0;
	text-decoration:none;
	font-weight: bold;
	text-align: center;
	width: 100%;
	z-index: 2;
}
#menu li:hover.usermenu {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff8000), color-stop(1, #ffcc00));
	background:-moz-linear-gradient(top, #ff8000 5%, #ffcc00 100%);
	background:-webkit-linear-gradient(top, #ff8000 5%, #ffcc00 100%);
	background:-o-linear-gradient(top, #ff8000 5%, #ffcc00 100%);
	background:-ms-linear-gradient(top, #ff8000 5%, #ffcc00 100%);
	background:linear-gradient(to bottom, #ff8000 5%, #ffcc00 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8000', endColorstr='#ffcc00',GradientType=0);
	background-color:#ff8000;
}
#menu li.usermenu img {
	width: 5%;
	padding-left: 0.5em;
}
#menu li {
  /*position: relative;
  float: right;
  margin: 0;
  padding: 5px;
  width: 200px;
  height: 20px;
  border: solid 1px #ccc;
  font-weight: bold;*/
  text-align: center;
}
#menu li:hover {
  /*color: #fff;
  background: #333;*/
}
#menu li ul {
  display: none;
  position: absolute;
  top: 2.5em;
  left: -1px;
  /*padding: 5px;*/
  width: 100%;
  background: #999;
  border: solid 1px #ccc;
}
#menu li ul li {
  margin: 0;
  padding: 0;
  width: 100%;
  border-bottom: solid 1px #ccc;
}
#menu li ul li:last-child {
  border-bottom: none;
}
#menu li ul li a {
  display: inline-block;
  width: 100%;
  /*height: 20px;*/
  text-decoration: none;
  color: #FFF;
  padding: 1em 0;
}
#menu li ul li a:hover {
  background: #eee;
  color: #ED6420;
  padding: 1em 0;
}

}

@media only screen and (min-width: 769px) {
#menu {
  margin: 0;
  padding: 0;
}
#menu li.usermenu {
  position: relative;
  float: right;
	-moz-box-shadow: 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: 0px 1px 0px 0px #ffffff;
	box-shadow: 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffcc00), color-stop(1, #ff8000));
	background:-moz-linear-gradient(top, #ffcc00 5%, #ff8000 100%);
	background:-webkit-linear-gradient(top, #ffcc00 5%, #ff8000 100%);
	background:-o-linear-gradient(top, #ffcc00 5%, #ff8000 100%);
	background:-ms-linear-gradient(top, #ffcc00 5%, #ff8000 100%);
	background:linear-gradient(to bottom, #ffcc00 5%, #ff8000 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc00', endColorstr='#ff8000',GradientType=0);
	background-color:#ffcc00;
	/*-moz-border-radius:19px;
	-webkit-border-radius:19px;
	border-radius:19px;*/
	border:1px solid #ff8000;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-family:arial;
	font-size:15px;
	padding:6px 0;
	text-decoration:none;
	font-weight: bold;
	text-align: center;
	width: 80%;
	z-index: 2;
}
#menu li:hover.usermenu {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff8000), color-stop(1, #ffcc00));
	background:-moz-linear-gradient(top, #ff8000 5%, #ffcc00 100%);
	background:-webkit-linear-gradient(top, #ff8000 5%, #ffcc00 100%);
	background:-o-linear-gradient(top, #ff8000 5%, #ffcc00 100%);
	background:-ms-linear-gradient(top, #ff8000 5%, #ffcc00 100%);
	background:linear-gradient(to bottom, #ff8000 5%, #ffcc00 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8000', endColorstr='#ffcc00',GradientType=0);
	background-color:#ff8000;
}
#menu li.usermenu img {
	width: 5%;
	padding-left: 0.5em;
}
#menu li {
  /*position: relative;
  float: right;
  margin: 0;
  padding: 5px;
  width: 200px;
  height: 20px;
  border: solid 1px #ccc;
  font-weight: bold;*/
	text-align: center;
}
#menu li:hover {
  /*color: #fff;
  background: #333;*/
}
#menu li ul {
  display: none;
  position: absolute;
  top: 2.5em;
  left: -1px;
  /*padding: 5px;*/
  width: 100%;
  background: #999;
  border: solid 1px #ccc;
}
#menu li ul li {
  margin: 0;
  padding: 0;
  width: 100%;
  border-bottom: solid 1px #ccc;
}
#menu li ul li:last-child {
  border-bottom: none;
}
#menu li ul li a {
  display: inline-block;
  width: 100%;
  /*height: 20px;*/
  text-decoration: none;
  color: #FFF;
  padding: 1em 0;
}
#menu li ul li a:hover {
  background: #eee;
  color: #ED6420;
  padding: 1em 0;
}
}