﻿
/* SHARED CSS FOR ALL MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    display:none;
	background-color: transparent;
	width: 100%;
}

div.menu
{
    width:100%;
	float:left;
	position:relative;
	top:-1px;
}

div.menu ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	width: auto;
	float:left;
	position:relative;
}

div.menu ul li
{
	float:left;
	position:relative;
    list-style-type:none;
}

div.menu ul li a
{
	display: block;
    border-collapse: separate;
    text-decoration:none;
	white-space: nowrap;
}


/* NAVIGATION MENU   
----------------------------------------------------------*/

div.menu.navigation
{
	padding: 0.1em 0em 0.1em 0em;
}

div.menu.navigation ul li a, div.menu.navigation ul li a:visited, div.menu.navigation ul li a.level1.selected
{
	line-height: 1.35em;
	font-size:1.5em;
	padding: 0em 0em 0em 0em;
	margin-right: 1em;
    font-weight: normal !important;
    border-bottom-width: 0.1em;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    color: #A9A9A9;
    display:inherit;
}

div.menu.navigation ul li a.level1.selected
{
    color:#F5F5F5;
}

div.menu.navigation ul li.disabled, div.menu.navigation ul li.aspNetDisabled, div.menu.navigation ul li a.aspNetDisabled
{
    display:none !important;
}

div.menu.navigation ul li a:hover, div.menu.navigation ul li a:active:hover
{
	text-decoration: none;
    border-bottom-width:0.1em;
    border-bottom-style:solid;
    border-color:#A9A9A9;
}


/* CONTENT MENU   
----------------------------------------------------------*/

div.menu.content
{
	border-top-left-radius:0.2em;
	border-top-right-radius:0.2em;
	border-bottom-left-radius:0.2em;
	border-bottom-right-radius:0.2em;
    margin:1em -0.2em 0 -0.2em;
    padding:0 0.4em 0 0;
    border:none;
    background: -moz-linear-gradient(top,  rgba(85,85,85,1) 0%, rgba(179,179,179,1) 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top,  rgba(85,85,85,1) 0%,rgba(179,179,179,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(85,85,85,1) 0%,rgba(179,179,179,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(85,85,85,1) 0%,rgba(179,179,179,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(85,85,85,1) 0%,rgba(179,179,179,1) 100%); /* W3C */
    background-color:#555555;
}

div.menu.content ul li
{
    float:left;
    padding:0.2em 0.2em 0.2em 0.2em;
}

div.menu.content ul li.disabled, div.menu.content ul li.aspNetDisabled, div.menu.content ul li a.aspNetDisabled
{
    display:none !important;
}

div.menu.content ul li a, div.menu.content ul li a:visited
{
    line-height:1.1em;
    padding:0.3em 0.5em 0.35em 0.5em;
    color: #FFFFFF;
}

div.menu.content ul li a.level1.selected
{
	border-top-left-radius:0.2em;
	border-top-right-radius:0.2em;
	border-bottom-left-radius:0.2em;
	border-bottom-right-radius:0.2em;
    background: -moz-linear-gradient(top,  rgba(179,179,179,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top,  rgba(179,179,179,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(179,179,179,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(179,179,179,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(179,179,179,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
    background-color:#E5E5E5;
    color: #666666;
}

div.menu.content ul li a:hover, div.menu.content ul li a:visited:hover
{
    text-decoration:underline !important;
}