// There is no required CSS for this plugin to work properly
// but here is what is being used to style this demo
.horizontal-nav {
    background: #efefef;
    border-radius: 6px;
}
.horizontal-nav ul {
    //background: #128F9A;
	background: #456;
    float: left;
    text-align: center;
    border-radius: 6px;
    //border: 1px solid #0e7079;
	border: 1px solid #999;
}
.horizontal-nav ul li {
    float: left;
    border-left: 1px solid #999;
}
.horizontal-nav ul li:first-child {
    border-left: 0 none;
}
.horizontal-nav ul li a {
    display: block;
    //padding: 10px 20px;
	padding: 5px 6px;
	height:20px;
    color: #ddd;
    border-top: 1px solid rgba(255,255,255, 0.25);
    border-left: 1px solid rgba(255,255,255, 0.25);
	text-decoration:none;
}

.horizontal-nav-active {
	background: #36689e;
	color:#fff;	
}
.horizontal-nav ul li:first-child a {
    border-left: 0 none;
}
.horizontal-nav ul li a:hover {
    //background: #12808a;
	background: #36689e;
	color:#fff;
	box-shadow: 0px 0px 6px 0px #5688be inset;
}
.horizontal-nav ul li:first-child a {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.horizontal-nav ul li:last-child a {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}