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

/* GLOBAL NAVIGATION SETTINGS */

.navMenu {
	z-index:9000;
	position:relative;
}


/* remove all the bullets, borders and padding from the default list styling */
.navMenu ul {
	display:block;
	padding:0;
	margin:0;
	list-style-type:none;
	list-style:none;
	position:relative;
	z-index:5500;
	
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.navMenu>ul>li {
	/* width:80px; */
	position:relative;
	z-index:5000;
	display:inline-block;
	margin:0;
	padding:0;
	zoom:1;
	*display: inline;
}

/* style the links for the top level */
.navMenu a {
	display:block;
	margin:0px;
	text-decoration:none;
	white-space:nowrap;
	text-align: left;
	outline: 0;
}

.navMenu a:visited, navMenu a:hover {
	text-decoration:none;
	/*color:#fff !important;*/
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.navMenu ul ul {
	display:none;
	position:absolute;
        padding:.5em 0;
	left:0;
	zoom:1;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background:#039;
        z-index:6000;
}

.navMenu ul ul:before {
        content: "";
	position:absolute;
        top:-.6em;
        left:20%;
        border-top:.5em solid transparent;
	border-right:.5em solid transparent;
	border-bottom:.5em solid #039;
	border-left:.5em solid transparent;
}

/* style the second level links */
.navMenu ul ul li {
	display:block;
	position:relative;
	z-index:5000;
}
.navMenu ul ul li, .navMenu ul ul li a{
	height:auto;
	line-height:2em;
	font-size:.9em;
	color:#fff !important;
	position:relative;
	z-index:6000 !important;
}

/* style the top level hover */
.navMenu a:hover, .navMenu ul ul a:hover{
	background-color: #069;
	text-decoration: none;
}
.navMenu :hover > a, .navMenu ul ul :hover > a {
	background:#069;
}

.navMenu > ul > li:hover {
	background: rgba(255,255,255,0.2);
	-pie-background: rgba(255,255,255,0.2);
	position:relative;
	z-index:5500;
}

/* make the second level visible when hover on first level list OR link */
.navMenu > ul > li:hover ul{
	display:block;
}

.navMenu > ul > li {
	behavior: url(PIE.htc);
}
/* keep the third level hidden when you hover on first level list OR link */
.navMenu ul ul ul{display:none;}


/* Main Navigation */

.appBody #navbar {
	
	margin-bottom:1em;
	font-size: 1em;
	z-index: 10;
	position: relative;
	/*background-color: #036;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 1px 1px 2px #999;
	-moz-box-shadow: 1px 1px 2px #999;
	box-shadow: 1px 1px 2px #999;*/
	behavior: url(PIE.htc);
}

.menu {
	margin-right: 4px;
	margin-left: 6px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	text-align:center;
}

.menu a, .menu a:visited {
    color:#666;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.menu ul ul {
	min-width:120px;
}

/* Default button style */
.menu ul li.menuIcon > a, .menu ul li.menuIcon > a:visited {
	height: 20px;
	background:no-repeat 4px 50% url(../images/default-menu-icon.png);
        background-color:#ddd;
        padding:.3em;
        margin-right:6px;
        margin-bottom:6px;
        -moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius:4px;
}

/* Default button text style */
.menu ul li.menuIcon > a > span {
	padding:0 0 0 24px;
	margin:0 8px 0 0;
	bottom:0;
	left:0;
	right:0;
	font-size:15px;
	line-height:20px;
}

/* Default button text style */
.menu ul li.menuIcon > a:hover {
	color:#333;
        background-color:#ccc;
}

.menu ul li.menuIcon.menuDashboard>a {
	background:no-repeat 8px 50% url(../images/dashboard-icon.png);background-color:#ddd;
}

.menu ul li.menuIcon.menuDashboard>a:hover {background-color:#ccc;}

.menu ul li.menuIcon.menuAddUser>a {
	background:no-repeat 8px 50% url(../images/add-user-icon.png);background-color:#ddd;
}

.menu ul li.menuIcon.menuAddUser>a:hover {background-color:#ccc;}

.menu ul li.menuIcon.menuUserList>a {
	background:no-repeat 8px 50% url(../images/user-list-icon.png);background-color:#ddd;
}

.menu ul li.menuIcon.menuUserList>a:hover {background-color:#ccc;}

.menu ul li.menuIcon.menuReports>a {
	background:no-repeat 8px 50% url(../images/reports-icon.png);background-color:#ddd;
}

.menu ul li.menuIcon.menuReports>a:hover {background-color:#ccc;}

.menu ul li.menuIcon.menuSettings>a {
	background:no-repeat 8px 50% url(../images/settings-icon.png);background-color:#ddd;
}

.menu ul li.menuIcon.menuSettings>a:hover {background-color:#ccc;}

.menu ul li.menuIcon.menuHelp>a {
	background:no-repeat 8px 50% url(../images/help-icon.png);background-color:#ddd;
}

.menu ul li.menuIcon.menuHelp>a:hover {background-color:#ccc;}

.menu ul li.menuIcon.menuStations>a {
	background:no-repeat 8px 50% url(../images/stations-icon.png);background-color:#ddd;
}

.menu ul li.menuIcon.menuStations>a:hover {background-color:#ccc;}

.menu ul li.menuIcon.menuMyReports>a {
	background:no-repeat 8px 50% url(../images/reports-icon.png);background-color:#ddd;

}
.menu ul li.menuIcon.menuMyReports>a:hover {background-color:#ccc;}

.menu ul li.menuIcon.menuMyCalendar>a {
	background:no-repeat 8px 50% url(../images/calendar-icon.png);background-color:#ddd;
}

.menu ul li.menuIcon.menuMyCalendar>a:hover {background-color:#ccc;}

.menu ul li.menuIcon.menuPrizes>a {
	background:no-repeat 8px 50% url(../images/prizes-icon.png);background-color:#ddd;
}

.menu ul li.menuIcon.menuPrizes>a:hover {background-color:#ccc;}

.menu ul li.menuIcon.menuInstitutions>a {
	background:no-repeat 8px 50% url(../images/institutions-icon.png);background-color:#ddd;
}

.menu ul li.menuIcon.menuInstitutions>a:hover {background-color:#ccc;}

/*Sub navigation */
.menu2 {
	display:inline-block;
	zoom:1;
	*display: inline;
}

.menu2 a, .menu2 a:visited {
    color:#FFF !important;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
        z-index: 500;
}

.menu2 ul li.menuIcon > a, .menu2 ul li.menuIcon > a:visited {
	color:#039 !important;
}

.menu2 ul ul a, .menu2 ul ul a:visited {
	
}

.menu2 ul ul {
	min-width:80px;
}