/*
	// Navbar and sub-navbar
*/
.branding
{
	margin-right: 20px;
}

.branding img {
    height: 40px;
}

.confirmation-tos, .confirmation-cvss-tos {
    display: table-cell;
    height: 100%;
    position: relative;
    left: 25px;
}

.branding-caption
{
	margin: 10px 0 0 0;
	color: #ffffff;
	display: inline-block;
}


.navbar
{
	color: #DDDDDD;
	display: inline-block;
}

.navbar a
{
	color: inherit;
}

.navbar ul li
{
	color: #eeeeee;
}

/*
Root navigation entries
 */

.navbar-nav
{
	display: inline-block;
}

.navbar-nav > li
{
	height: 30px;
	position: relative;
	width: auto;
	padding: 3px 14px 2px 8px;
	display: inline-block;
}

.navbar-nav ul
{
	z-index: 100;
}

.navbar-nav .spacer
{
	width: 1px;
	height: calc(100% - 20px);
	position: absolute;
	left: 270px;
	background: #bbbbbb;
	opacity: 0;
}

/*
First Child
 */
.navbar-nav > li > ul
{
	position: absolute;
	width: 265px;
	background: white;
	height: 400px;
	display: none;
	padding: 10px;
	border: 1px solid #bbbbbb;
	left: 0;
}

.navbar-nav > li > ul > li
{
	background: #ffffff;
	color: #2c2c2c;
	width: 250px;
	padding: 3px 5px 5px 5px;
	text-decoration: none;
	height: 30px;
}

.navbar-nav > li.active
{
	text-decoration: underline;
}

.navbar-nav > li > ul > li a
{
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
}
/*
.navbar-nav > li:hover > ul > li,
.navbar-nav > li:hover > ul
{
	display: block;
}
*/
.navbar-nav > li > ul > li.active
{
	background: #eeeeee;
}


/*
Second Child
 */
.navbar-nav > li > ul > li > ul,
.navbar-nav > li > ul > li > .nav-rhs
{
	position: absolute;
	top: 10px;
	left: 280px;
	width: 250px;
	display: none;
}

.navbar-nav > li > ul > li > ul > li
{
	/*display: none;*/
	/*background: red;*/
	font-size: 14px;
	padding: 2px 5px;
	height: 22px;
	color: #2c2c2c;
}

.navbar-nav > li > ul > li > ul > li:hover
{
	background: #eeeeee;
}
/*
.navbar-nav > li > ul > li:hover > ul > li
{
	display: block;
}*/

.navbar-nav > li > ul > li > ul > .nav-head,
.navbar-nav > li > ul > li > ul > .nav-head a
{
	font-weight: bold;
	cursor: default;
}

.navbar-nav > li > ul > li > ul > .nav-head:not(:first-child)
{
	margin-top: 10px;
}

.navbar-nav > li > ul > li > ul > .nav-head:hover
{
	background: none;
}






.navbar-sub
{
	background: #656565;
	height: 25px;
	width: 100%;
	overflow: hidden;
	padding: 0 10px;
	display: none;
}

.navbar-sub li
{
	display: inline-block;
	margin: 1px 5px;
	font-size: 14px;
}

.navbar-sub li a
{
	color: #EEEEEE;
}








/*
	// Nav arrows
*/
.arrow-right,
.arrow-left,
.arrow-top,
.arrow-bottom
{
	padding: 0;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	position: absolute;
	right: 0px;
	top: 0px;
}

.navbar .arrow-right,
.navbar .arrow-left,
.navbar .arrow-top
{
	margin: 7px 0px;
}

.navbar .arrow-bottom
{
	margin: 9px 0px;
}

.navsub .arrow-right,
.navsub .arrow-left,
.navsub .arrow-top,
.navsub .arrow-bottom
{
	margin: 7px 4px;
}

.navbottom .arrow-right,
.navbottom .arrow-left,
.navbottom .arrow-top,
.navbottom .arrow-bottom
{
	margin: 2px 3px;
}

.arrow-right
{
	border-left: 5px solid #909090;
}

.active > a > .arrow-right
{
	border-left: 5px solid #444444;
}

.arrow-left
{
	left: 0px;
	border-right: 5px solid #909090;
}

.active > a > .arrow-left
{
	border-right: 5px solid #444444;
}

.arrow-bottom
{
	border-top: 5px solid #808080;
	top: 2px;
}

.active > a > .arrow-bottom
{
	border-top: 5px solid #cccccc;
}

.arrow-top
{
	border-bottom: 5px solid #808080;
	top: -3px;
}

.active > a > .arrow-top
{
	border-bottom: 5px solid #cccccc;
}