/* $Id: submenu.css 7 2008-11-05 17:08:52Z edin.coralic $ */

.submenu {
	
}
.submenu .box {
	
}


/* 1.level */
.submenu ul {
	list-style-type: none;
	margin-right: 4px;
}
.submenu ul li {
	margin-bottom: 5px;
}
.submenu ul li a {
	display: table-cell;
	vertical-align: middle;
	width: 128px; /*141*/
	height: 47px;
	padding: 0 5px 0 9px;
	background: url('/media/dsg/default/menu_bubble.gif') no-repeat top left;
	font-family: Arial;
	font-weight: bold;
	font-size: 1.1em;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}
.submenu ul li.green a {
	background-image: url('/media/dsg/green/menu_bubble.gif');
}
.submenu ul li.orange a {
	background-image: url('/media/dsg/orange/menu_bubble.gif');
}
.submenu ul li.blue a {
	background-image: url('/media/dsg/blue/menu_bubble.gif');
}
.submenu ul li.gray a {
	background-image: url('/media/dsg/gray/menu_bubble.gif');
}
.submenu ul li a:hover,
.submenu ul li a.active {
	padding-right: 10px; /* a padding-right + 5 */
}

/* 2.level */
.submenu ul ul {
	margin-right: 0;
	border-bottom: 1px solid #ebebeb;
}
.submenu ul ul li {
	margin-bottom: 0;
	border-top: 1px solid #ebebeb;
}
.submenu ul ul li.first {
	margin-bottom: 0;
	border-top: none;
}
.submenu ul ul li a {
	display: block;
	width: auto;
	height: auto;
	padding: 3px 5px 3px 9px;
	background: none;
	font-family: Verdana;
	font-weight: normal;
	color: #2784c6;
	text-transform: none;
}
.submenu ul li.green ul li a {
	background: none;
	color: #80c700;
}
.submenu ul li.orange ul li a {
	background: none;
	color: #ff9a00;
}
.submenu ul li.blue ul li a {
	background: none;
	color: #1a6cc0;
}
.submenu ul li.gray ul li a {
	background: none;
	color: #9c9c9c;
}
.submenu ul ul li a:hover,
.submenu ul ul li a.active {
	padding-right: 5px; /* same as a */
	background: #e7f1f7;
}
.submenu ul li.green ul li a:hover,
.submenu ul li.green ul li a.active {
	background: #eff8db;
}
.submenu ul li.orange ul li a:hover,
.submenu ul li.orange ul li a.active {
	background: #ffeccf;
}
.submenu ul li.blue ul li a:hover,
.submenu ul li.blue ul li a.active {
	background: #d7e3f8;
}
.submenu ul li.gray ul li a:hover,
.submenu ul li.gray ul li a.active {
	background: #f3f1f1;
}
.submenu ul ul li a.active {
	font-weight: bold;
}

/* 3.level */
.submenu ul ul ul {
	margin-left: 20px;
	border-bottom: none;
}
.submenu ul ul ul li {
	margin-right: 0;
}
.submenu ul ul ul li.first {
	border-top: 1px solid #ebebeb;
}