/* --------------------------------------------------
   CSS: UB Extensions
   --------------------------------------------------
   Martijn Daniëls
   Copyright 2014 | TROEBEL Design
   http://www.troebeldesign.nl/
   -------------------------------------------------- */

/* UB Search */
#ub-search {
	background-color: #E3DAD8;
	clear: both;
	float: left;
	margin-bottom: 15px;
	padding: 15px 15px 0 15px;
	position: relative;
	width: 100%;	
}
#ub-search-alert {
	background-color: transparent !important;
	font-size: 18px;
	position: absolute;
	right: 5px;
	top: 5px;
}
#ub-search-form {
	clear: both;
	float: left;
	width: 100%;
}
#ub-search-form > form {
	border: 0;
	margin: 0 0 15px 0;
	padding: 0;
	position: relative;
}
#ub-search-form .form-group {
	width: 100%;
}
#ub-search-form .form-control {
	background-color: #FFF;
	border: none;
	box-shadow: none;
	color: #000;
	font-size: 14px !important;
	height: 30px;
	line-height: 21px;
	padding: 5px 30px 5px 5px;
	transition: none;
	width: 100%;
	-webkit-box-shadow: none;
	-webkit-transition: none;
}
#ub-search-form .placeholder {
	color: #999;
}
#ub-search-form .btn {
	background-color: transparent !important;
	border: 0;
	color: #002328 !important;
	font-size: 17px;
	height: 30px;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
}
#ub-search .nav-pills {
	float: left;
	margin-right: 15px;
}
#ub-search #ub-search-detail {
	line-height: 1;
	padding: 10px 10px 9px 10px;
	text-align: left;
	text-decoration: none !important;
	width: 175px;
}
#ub-search .nav .divider {
	background-color: #DDD;
}
#ub-search .nav > li > a {
	font-size: 14px;
	line-height: 25px;
	padding: 0 15px 0 0;
}
.nav-pills > .open > a, 
.nav-pills > .open > a:focus, 
.nav-pills > .open > a:hover {	
	background-color: transparent;
	color: #00B969;
}
.nav-pills > .active > a, 
.nav-pills > .active > a:focus, 
.nav-pills > .active > a:hover {
	background-color: transparent;
	color: #00B969;
	font-weight: 700 !important;
}
#ub-search .nav > li > a:focus, 
#ub-search .nav > li > a:hover {
	text-decoration: underline !important;
}
#ub-search .dropdown-menu {
	background-color: #00B969;
	border: 0;
	box-shadow: none;
	color: #DDD;
	filter: alpha(opacity=95);
	margin: 15px 0 0 0;
	opacity: 0.95;
	padding: 10px 15px 10px 10px;
	width: 175px;
	-webkit-box-shadow: none;
}
#ub-search .dropdown-menu a,
#ub-search .dropdown-submenu a {
	color: #DDD;
	display: block;
	font-size: 14px !important;
	font-weight: 500;
	line-height: 1.5;
	padding: 5px 0;
	position: relative;
	white-space: normal;
}
#ub-search .dropdown-menu a:focus,
#ub-search .dropdown-menu a:hover {
	background-color: transparent;
	color: #FFF;
}
#ub-search .dropdown-menu .open > a,
#ub-search .dropdown-menu .open > a:focus,
#ub-search .dropdown-menu .open > a:hover {
	background-color: transparent;
}
#ub-search .dropdown-menu .eject {
	color: #00B969;
	font-size: 30px;
	left: 0;
	padding: 0 15px;
	position: absolute;
	top: -17px;
	width: 100%;
}
#ub-search .dropdown-menu a.dropdown-toggle {
	margin-right: -15px;
	padding-right: 20px;
}
#ub-search .dropdown-menu li .chevron-right {
	position: absolute;
	right: -8px;
	top: 1.1em;
}
#ub-search .dropdown-menu .open .chevron-right {
	color: #FFF;
}
#ub-search .dropdown-submenu {
	background-color: #00B969;
	filter: alpha(opacity=95);
	left: 100%;
	list-style: none;
	margin-left: 14px;
	opacity: 0.95;
	padding: 10px;
    position: absolute;
    top: 0;
    visibility: hidden;
	width: 175px;
	z-index: 1000;
}
#ub-search .dropdown-menu li:hover .dropdown-submenu {
    visibility: visible !important;
}
#ub-search .dropdown:hover .dropdown-menu {
    display: block;
}
#ub-search .dropdown-submenu {
	margin-top: -10px !important;
}

/* UB Portal */
#ub-portal-filter {
	background-color: #FFF;
	font-size: 14px;
	left: -190px;
	padding-left: 15px;
	position: absolute;
	top: 102px;
	width: 175px;
}
#ub-portal-filter h5 {
	margin: 15px 0;
}
#ub-portal-filter label {
	font-weight: inherit;
	width: 100%;
}
#ub-portal-results {
	min-height: 600px;
}
#ub-portal-results .news-item {
	cursor: pointer;
}
#ub-portal-results .date {
	text-transform: none;
}
#ub-portal-accordion {
	border-bottom: #E3DAD8 1px solid;
	clear: both;
}
#ub-portal-accordion .panel {
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
}
#ub-portal-accordion > .panel {
	border-top: #E3DAD8 1px solid;
}
#ub-portal-accordion .panel-heading {
	padding: 15px 0;
}
#ub-portal-accordion .panel-title {
	font-size: 21px;
}
#ub-portal-accordion .panel-title a:focus,
#ub-portal-accordion .panel-title a:hover {
	text-decoration: none !important;	
}
#ub-portal-accordion .panel-title > a:before {
	content: "\2212";
}
#ub-portal-accordion .panel-title > .collapsed:before {
	content: "\002B" !important;
}
#ub-portal-accordion .panel-body {
	overflow: hidden;
	padding: 0 17px;
}
#ub-portal-accordion .panel-body h1 {
	display: none !important;
}
#ub-portal-accordion .panel-body img,
#ub-portal-accordion .panel-body table {
	height: auto;
	max-width: 521px;
}
#ub-portal-contact {
	background-color: #002328 !important;
	color: #FFF !important;
	float: left;
	margin: 30px 0 15px 0;
	padding: 15px 15px 5px 15px !important;	
	width: 100%;
}
#ub-portal-contact a {
	color: #FFF !important;
	text-decoration: underline;
}
#ub-portal-contact p {
	margin-bottom: 10px;
}
#ub-portal-headshot{
	float: right;
	height: auto;
	margin: 0 0 5px 10px;
	max-width: 160px;
}
.ub-portal-movie {
	clear: both;
	margin-bottom: 15px;
}
.ub-portal-banner .banner {
	padding-bottom: 10px;
}
.ub-portal-banner ul {
	margin-bottom: 0;
}
.ub-portal-banner li {
	font-size: 15px;
}

/* UB Widgets */
.ub-vpn {
	border: #E3DAD8 1px solid;
}
.ub-vpn h3 {
	margin-bottom: 15px !important;
}
.ub-vpn img {
	display: block !important;
	float: left;
	margin-right: 10px;
}
.ub-vpn p {
	line-height: 1 !important;
}
.ub-vpn .btn {
	clear: both;
	float: left;	
}
.ub-opening p,
.ub-workspace p {
	font-size: 15px !important;
	line-height: 1.5 !important;
}
.ub-workspace h3 {
	margin-bottom: 0 !important;
}
.ub-workspace h4 {
	font-weight: 900 !important;
	margin-bottom: 15 !important;
}
.ub-question select {
	border: none;
	border-radius: 0px;
	margin: 10px 0 5px 0;
	-webkit-border-radius: 0;
}
.ub-question .btn {
	margin-right: 11px;
}