
ul#menu{
	margin:0px;
	padding:5px 0px 5px 0px;
	list-style-type:none;
	text-transform:uppercase;
	background-image: -webkit-gradient(linear,
        left top, left bottom,
        color-stop(0.0, rgba(255, 255, 255, 0.6)),
        color-stop(0.5, rgba(255, 255, 255, 0.3)),
        color-stop(0.5, rgba(255, 255, 255, 0.2)),
        color-stop(1.0, rgba(255, 255, 255, 0.0)));
	background-image: -moz-linear-gradient(top,
        rgba(255, 255, 255, 0.6) 0%,
        rgba(255, 255, 255, 0.3) 50%,
        rgba(255, 255, 255, 0.2) 50%,
        rgba(255, 255, 255, 0.0) 100%);
	-webkit-box-shadow: 0px -1px 0px rgba(255, 255, 255, 0.8);
	-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
	box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
	background-color: #000000;
	color: #ffffff;
	text-align: center;
	border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
	font-family:Helvetica,Arial,Verdana,sans-serif;
}
ul#menu li{
	color: #ffffff;
	display:inline-block;
	margin:0px;
	padding:3px 5px 3px 5px;
	min-width: 100px;
	cursor:default;
	border: 1px solid rgba(0, 0, 0, 0.5);
	border-width: 1px 0px 1px 1px;
	-webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.2),
    inset 0px 0px 2px rgba(255, 255, 255, 0.25);
	-moz-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.2),
    inset 0px 0px 2px rgba(255, 255, 255, 0.25);
	box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2),
    inset 0px 0px 2px rgba(255, 255, 255, 0.25);
	-webkit-transition: background 0.2s ease-in-out;
	text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
	font-size: 8pt;
	font-weight: bold;
	}
ul#menu li a {
	color: #ffffff;
}
ul#menu li:first-child {
    border-radius: 3px 0px 0px 3px;
    -moz-border-radius: 3px 0px 0px 3px;
}
ul#menu li:last-child {
    border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    border-width: 1px;
}
ul#menu li.selected, ul#menu li:hover {
    background-color: rgba(0, 155, 255, 0.4);
}
ul#menu li:active {
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-transition-duration: 0.0s;
}

div.menu-container{
	clear: both;
	border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
	//background:transparent url("images/black.jpg") repeat top left;
}


ul#menu-small{
	margin:0px;
	padding:5px 0px 5px 10px;
	list-style-type:none;
	text-transform:uppercase;
	background-image: -webkit-gradient(linear,
        left top, left bottom,
        color-stop(0.0, rgba(255, 255, 255, 0.6)),
        color-stop(0.5, rgba(255, 255, 255, 0.3)),
        color-stop(0.5, rgba(255, 255, 255, 0.2)),
        color-stop(1.0, rgba(255, 255, 255, 0.0)));
	background-image: -moz-linear-gradient(top,
        rgba(255, 255, 255, 0.6) 0%,
        rgba(255, 255, 255, 0.3) 50%,
        rgba(255, 255, 255, 0.2) 50%,
        rgba(255, 255, 255, 0.0) 100%);
	-webkit-box-shadow: 0px -1px 0px rgba(255, 255, 255, 0.8);
	-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
	box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
	background-color: #000000;
	color: #ffffff;
	text-align: left;
	border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
	font-family:Helvetica,Arial,Verdana,sans-serif;
}
ul#menu-small li{
	color: #ffffff;
	display:inline-block;
	margin:0px;
	padding:3px 5px 3px 5px;
	min-width: 80px;
	cursor:default;
	border: 1px solid rgba(0, 0, 0, 0.5);
	border-width: 1px 0px 1px 1px;
	-webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.2),
    inset 0px 0px 2px rgba(255, 255, 255, 0.25);
	-moz-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.2),
    inset 0px 0px 2px rgba(255, 255, 255, 0.25);
	box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2),
    inset 0px 0px 2px rgba(255, 255, 255, 0.25);
	-webkit-transition: background 0.2s ease-in-out;
	text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
	text-align: center;
	font-size: 7pt;
	font-weight: bold;
	}
ul#menu-small li a {
	color: #ffffff;
}
ul#menu-small li:first-child {
    border-radius: 3px 0px 0px 3px;
    -moz-border-radius: 3px 0px 0px 3px;
}
ul#menu-small li:last-child {
    border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    border-width: 1px;
}
ul#menu-small li.selected, ul#menu-small li:hover {
    background-color: rgba(0, 155, 255, 0.4);
}
ul#menu-small li:active {
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-transition-duration: 0.0s;
}

ul#menu-small-xsl{
	margin:0px;
	padding:5px 0px 5px 10px;
	list-style-type:none;
	text-transform:uppercase;
	background-image: -webkit-gradient(linear,
        left top, left bottom,
        color-stop(0.0, rgba(255, 255, 255, 0.6)),
        color-stop(0.5, rgba(255, 255, 255, 0.3)),
        color-stop(0.5, rgba(255, 255, 255, 0.2)),
        color-stop(1.0, rgba(255, 255, 255, 0.0)));
	background-image: -moz-linear-gradient(top,
        rgba(255, 255, 255, 0.6) 0%,
        rgba(255, 255, 255, 0.3) 50%,
        rgba(255, 255, 255, 0.2) 50%,
        rgba(255, 255, 255, 0.0) 100%);
	-webkit-box-shadow: 0px -1px 0px rgba(255, 255, 255, 0.8);
	-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
	box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
	background-color: #000000;
	color: #ffffff;
	text-align: left;
	border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	float: left;
	width: 99%;
}
ul#menu-small-xsl li{
	color: #ffffff;
	display:inline-block;
	margin:0px;
	padding:3px 5px 3px 5px;
	min-width: 80px;
	cursor:default;
	border: 1px solid rgba(0, 0, 0, 0.5);
	border-width: 1px 0px 1px 1px;
	-webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.2),
    inset 0px 0px 2px rgba(255, 255, 255, 0.25);
	-moz-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.2),
    inset 0px 0px 2px rgba(255, 255, 255, 0.25);
	box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2),
    inset 0px 0px 2px rgba(255, 255, 255, 0.25);
	-webkit-transition: background 0.2s ease-in-out;
	text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
	text-align: center;
	font-size: 7pt;
	font-weight: bold;
	position: relative;
	float: left;
}
ul#menu-small-xsl li a {
	color: #ffffff;
}
ul#menu-small-xsl li:first-child {
    border-radius: 3px 0px 0px 3px;
    -moz-border-radius: 3px 0px 0px 3px;
}
ul#menu-small-xsl li:last-child {
    border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    border-width: 1px;
}
ul#menu-small-xsl li.selected, ul#menu-small-xsl li:hover {
    background-color: rgba(0, 155, 255, 0.4);
}
ul#menu-small-xsl li:active {
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-transition-duration: 0.0s;
}

ul.vert-menu{
	position: relative;
	margin:0px;
	padding:5px 0px 5px 5px;
	list-style-type:none;
	text-transform:uppercase;
	background-image: -webkit-gradient(linear,
        0 0, 0 26,
        color-stop(0.0, rgba(255, 255, 255, 0.6)),
        color-stop(0.5, rgba(255, 255, 255, 0.3)),
        color-stop(0.5, rgba(255, 255, 255, 0.2)),
        color-stop(1.0, rgba(255, 255, 255, 0.1)));
	background-image: -moz-linear-gradient(top,
        rgba(255, 255, 255, 0.6) 0%,
        rgba(255, 255, 255, 0.3) 50%,
        rgba(255, 255, 255, 0.2) 50%,
        rgba(255, 255, 255, 0.0) 100%);
	-webkit-box-shadow: 0px -1px 0px rgba(255, 255, 255, 0.8);
	-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
	box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
	background-color: #000000;
	color: #ffffff;
	text-align: left;
	border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	overflow: hidden;
}
ul.vert-menu li{
	position: relative;
	left: 8px;
	color: #ffffff;
	display: inline-block;
	margin: 0px;
	padding: 3px 0px 3px 0px;
	width: 100%;
	height: 100%;
	min-width: 100px;
	cursor:default;
	border: 1px solid rgba(0, 0, 0, 0.5);
	border-width: 1px 1px 1px 1px;
	-webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.2),
    inset 0px 0px 2px rgba(255, 255, 255, 0.25);
	-moz-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.2),
    inset 0px 0px 2px rgba(255, 255, 255, 0.25);
	box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2),
    inset 0px 0px 2px rgba(255, 255, 255, 0.25);
	-webkit-transition: background 0.2s ease-in-out;
	text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px;
	font-size: 8pt;
	font-weight: bold;
	cursor: pointer;
}
ul.vert-menu li a {
	color: #ffffff;
	padding-left: 4px;
	cursor: pointer;
}
ul.vert-menu li:first-child {
    border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
}
ul.vert-menu li:last-child {
    border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 0px 3px 3px;
    border-width: 1px;
}
ul.vert-menu li.selected {
	 border-radius: 3px 0px 0px 3px;
	position: relative;
	left: 0px;
	background-color: rgba(0, 155, 255, 0.4);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 1.0),
    inset 0px 0px 2px rgba(255, 255, 255, 0.25);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 1.0),
    inset 0px 0px 2px rgba(255, 255, 255, 0.25);
	box-shadow: 0 0px 5px rgba(0, 0, 0, 1.0),
    inset 0px 0px 2px rgba(255, 255, 255, 0.25);
}
ul.vert-menu li:hover {
    background-color: rgba(0, 155, 255, 0.6);
}
ul.vert-menu li:active {
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-transition-duration: 0.0s;
}

ul.vert-menu li.static{
	background-color: rgba(255,166,0,0.2);
}

ul.vert-menu li.static:hover{
	background-color: rgba(255,166,0,0.6);
}

ul.vert-menu li.static.selected{
	background-color: rgba(255,166,0,0.4);
}

div.vert-menu-container{
	width: 100%;
	clear: both;
	border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
	//background:transparent url("images/black.jpg") repeat top left;
}
