/* CSS for Navigation Menu (Dynamic Drive Smooth Navigational Menu) */


/* Main Nav */
.ddsmoothmenu {
	width: 100%;
	height: 46px;  
	font-size: 16px;
	font-family: Roboto, Helvetica, Arial, sans-serif;
	-moz-box-shadow: 0px -2px 4px #ddd;
	-webkit-box-shadow: 0px -2px 4px #ddd;
	box-shadow: 0px -2px 4px #ddd;
}
#iscs-header.iscs-bg-clear + #iscs-nav .ddsmoothmenu {
	-moz-box-shadow:    0px -1px 4px #ddd;
	-webkit-box-shadow: 0px -1px 4px #ddd;
	box-shadow:         0px -1px 4px #ddd;
}
* html .ddsmoothmenu {height: 1%;} /* Fix IE6 */
.ddsmoothmenu .iscs-fontsize-S {font-size: 16px;}

/* Top level menu */
.ddsmoothmenu ul {z-index: 100; margin: 0; padding: 0; list-style-type: none;}

/* Top level menu items */
.ddsmoothmenu ul li {position: relative; display: inline; float: left;}
.ddsmoothmenu ul li a {display: block; padding: 10px 15px; line-height: 26px; color: #444; text-decoration: none; text-shadow: 0px 1px 0px #fff;}
.ddsmoothmenu ul li.iscs-multiline-2 > a {padding: 5px 15px 7px 15px; line-height: 14px;}

* html .ddsmoothmenu ul li a {display: inline-block;} /* Fix IE6 */
.ddsmoothmenu ul li a:hover,
.ddsmoothmenu ul li a.selected {
	background-color:#107C10; color: #fff; text-shadow: none;
}
.ddsmoothmenu ul li a.active {color: #fff;}
.ddsmoothmenu ul li a.active:hover,
.ddsmoothmenu ul li a.active.selected{color: #fff;}


/* 2nd level menu*/
.ddsmoothmenu ul li ul {
	position: absolute; left: 0; display: none; visibility: hidden;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

/* 2nd level menu items */
.ddsmoothmenu ul li ul li {display: list-item; float: none;}
.ddsmoothmenu ul li ul li a {margin: 0; border-top: 1px solid #22749c; padding: 10px 10px; width: 160px; background-color:#107C10; font-size: 16px; font-weight: normal; line-height: 1.3; color: #fff; text-shadow: 0px 1px 0px #025d8c;}
.ddsmoothmenu .iscs-itemwidth-L li ul li a {width: 200px;}
.ddsmoothmenu ul li ul li a:hover {background-color:#139513;}
.ddsmoothmenu ul li ul li a.external {
	width: 140px;
	padding-right: 30px;
	background-image: url('../img/jquery/ddsmoothmenu/ico_external.png') !important;
	background-repeat: no-repeat;
	background-position: right 10px top 12px;
}

/* All subsequent sub menu */
.ddsmoothmenu ul li ul li ul {top: 0;}
.ddsmoothmenu ul li ul li ul li a {border-left: 1px solid #0B560B;}

/* Arrow images */
.downarrowclass {display: none;}
.ddsmoothmenu .iscs-showindicator .downarrowclass {display: block; position: absolute; top: 16px; right: 0px;}
.ddsmoothmenu a:hover .downarrowclass,
.ddsmoothmenu a.selected .downarrowclass {display: none;}
.rightarrowclass {position: absolute; top: 13px; right: 5px;}

/* Shadow added to sub menus */
/* Shadow for NON CSS3 capable browsers */
.ddshadow{position: absolute; left: 0; top: 0; width: 0; height: 0; background: silver; border-left: 1px solid #0B560B;}
/*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
.toplevelshadow{opacity: 0.8;}