/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Oct 30, 2013, 10:32:59 AM
    Author     : Administrator
*/
* {
	padding: 0;
	margin: 0;
	text-decoration: none;
	list-style: none;
}
ul[id^="menu"]:after {
	content: " ";
	display: block;
	clear: both;
}
ul[id$="horizontal"]>li {
	float: left;
	position: relative;
/*	background: #2980B9;
	border-left: solid 1px #2980B0;*/
	background: #404A4C;
	border-left: solid 1px #404A4C;
        z-index: 3;
}
ul[id$="horizontal"]>li>a{
        padding-left: 10px;
        padding-right: 10px;
}
ul[id$="horizontal"]>li:first-child {
	border-left: none;
}
ul[id|="menu"]>li>a, ul[id|="menu"]>li:hover>ul>li>a {
	display: block;	
	line-height: 30px;
}
ul[id|="menu"]>li>a {
	text-align: center;
	color: #ffffff;
        text-decoration: none;
}
ul[id|="menu"]>li:hover>a:hover {
    background: #ffffff;
    color: #2980B9;
}
ul[id|="menu"]>li:hover>ul>li>a {
	color: #ffffff;
}
ul[id|="menu"]>li:hover>a, ul[id|="menu"]>li:hover>ul>li:hover>ul>li>a {
	color: #ffffff;
}
ul[id|="menu"]>li:hover, ul[id|="menu"]>li>ul, ul[id|="menu"]>li:hover>ul>li>ul {
	background: #2980B9;
}
ul[id|="menu"]>li:hover>ul>li:hover, ul[id|="menu"]>li:hover>ul>li:hover>ul>li:hover {
	background: #3498DB;
}
ul[id$="horizontal"]>li>ul, ul[id$="horizontal"]>li:hover>ul>li>ul {
	visibility: hidden;
	position: absolute;
	/*width: 200px;*/
}
ul[id|="menu"]>li>ul>li,
ul[id|="menu"]>li>ul>li>a,
ul[id|="menu"]>li>ul>li>ul>li, 
ul[id|="menu"]>li>ul>li>ul>li>a
{
        text-align: left;
        padding-left: 10px;
        padding-right: 10px;
        white-space: nowrap;
        display: block;
}

ul[id|="menu"]>li:hover>ul, ul[id|="menu"]>li:hover>ul>li:hover>ul {
	visibility: visible;
}
ul[id|="menu"]>li:hover>ul>li, ul[id|="menu"]>li:hover>ul>li:hover>ul>li {
	line-height: 30px;
	padding-left: 3px;
	border-bottom: solid 1px #2980B0;
	border-top: solid 1px #2980B0;
}
ul[id$="horizontal"]>li:hover>ul>li:hover>ul {
	left: 200px;
	margin-top: -20px;
}