@charset "utf-8";
/* CSS Document */

/* #################
	MAIN NAVIGATION
################# */
#navbar-users {
  /*position: absolute;
  top: 0px;*/
  width: 100%;
}
#navbar-users .navbar {
  min-height: 0px;
  margin-bottom: 0px;
}
@media (min-width: 768px) {
  #navbar-users .navbar {
    border-radius: 0px;
  }
}
#navbar-users .navbar-collapse {
	/* padding-right: 0px; THIS IS THE STYLE THAT CAUSES HORIZONTAL SCROLLING ON THE DROPDOWN MENU WHEN TH MENU IS COLLAPSED */
}

#navbar-users .nav_external_link_icon {
	height: 11px;
	margin-left: 3px;
}
#navbar-users .navbar-brand { 
	display: none;
	margin-top: 15px;
	color: #FFF !important;
	font-weight: bold;
	position: relative;
	padding: 0px !important;
	font-size: 14px; 
	/* 
	font-style: italic;
	letter-spacing: -1px; 
	*/
}
#navbar-users .navbar-brand img { 
	display:inline-block;
	vertical-align: middle;
	padding-right: 5px;
	/* padding-top: 5px; */
}

#navbar-users .navbar-container {
	display: block;
	z-index: 500;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	
	/*margin-right:-15px;*/
	padding-top: 5px;
	padding-bottom: 5px;
	/* background-color: rgba(0,0,0,0.3);  */
	background-color: rgba(12, 31, 69, 0.5);
}

/* The navbar and navbar-collapse container elements */
/* Bootstrap styles:
	.navbar {
	  position: relative;
	  min-height: 50px;
	  margin-bottom: 20px;
	  border: 1px solid transparent;
	}
	@media (min-width: 768px) {
	  .navbar {
		border-radius: 4px;
	  }
	}
	.navbar-collapse {
	  padding-right: 15px;
	  padding-left: 15px;
	  overflow-x: visible;
	  -webkit-overflow-scrolling: touch;
	  border-top: 1px solid transparent;
	  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
			  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
	}
*/



/* The toggle button which is shown at smaller screen sizes */
/* Bootstrap styles:
	.navbar-toggle {
		position: relative;
		float: right;
		padding: 9px 10px;
		margin-top: 8px;
		margin-right: 15px;
		margin-bottom: 8px;
		background-color: transparent;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 4px;
	}
	.navbar-toggle .icon-bar {
		display: block;
		width: 22px;
		height: 2px;
		border-radius: 1px;
	}
*/
/* The toggle button itself */
#navbar-users .navbar-toggle {
	background-color: #000;
	margin-right: 0px;
}
/* The white lines in the toggle button */
#navbar-users .navbar-toggle .icon-bar,
#navbar-users .navbar-toggle .icon-bar:focus, 
#navbar-users .navbar-toggle .icon-bar:hover {
	background-color: #FFF;
}


/* The navigation menu elements */
.navbar-dbcustom-users {
	width: 100%;
	font-size: 18px; /* responsive - also set in styles_media.css */
}
.navbar-dbcustom-users .navbar-nav > li {
	border-right: none;
}
.navbar-dbcustom-users .navbar-nav > li:last-child {
	border-right: none;
}

/* #################
	MAIN NAVIGATION MENU
	TOP LEVEL ITEMS 
################# */
/* Navbar link / menu item */
.navbar-dbcustom-users .navbar-nav > li > a {
	color: #FFF;
	background-color: #000;
	/*background-color: #EEE;
	transition: background-color 0.3s ease;*/ /*linear*/
    line-height: 20px;
	margin-top: 1px;
	margin-bottom: 0px;
    padding-top: 6px;
    padding-bottom: 6px;
	padding-left: 10px;
	padding-right: 10px;	
}
/* A top menu item that's active or opened */
.navbar-dbcustom-users .navbar-nav > .active > a, 
.navbar-dbcustom-users .navbar-nav > .active > a:focus, 
.navbar-dbcustom-users .navbar-nav > .active > a:active, 
.navbar-dbcustom-users .navbar-nav > .active > a:hover, 
.navbar-dbcustom-users .navbar-nav > .open > a, 
.navbar-dbcustom-users .navbar-nav > .open > a:focus, 
.navbar-dbcustom-users .navbar-nav > .open > a:active, 
.navbar-dbcustom-users .navbar-nav > .open > a:hover
{
	color: #FFFFFF;
	background-color: #DD8F00;
	/* transition: background-color 0.3s ease; */ /*linear*/
}
/* A top menu item that's on hover */
.navbar-dbcustom-users .navbar-nav > li > a:hover, 
.navbar-dbcustom-users .navbar-nav > li > a:active 
{
	color: #FFFFFF;
	background-color: #DD8F00;
	/*background-color: rgba(0,0,0,0.2);*/
	/* transition: background-color 0.3s ease; */ /*linear*/
}
/* A top menu item that's open or active, and on hover */
.navbar-dbcustom-users .navbar-nav > .active > a:hover,
.navbar-dbcustom-users .navbar-nav > .open > a:hover, 
.navbar-dbcustom-users .navbar-nav > .open > a:focus 
{
	color: #FFFFFF;
	background-color: #DD8F00;
	/*
	color: #DD8F00;
	background-color: #EEE;
	transition: background-color 0.3s ease; 
	*/
}



/* #################
	MAIN NAVIGATION - DROPDOWN MENUS 
################# */
/* li elements - borders */
.navbar-dbcustom-users .navbar-nav .dropdown-menu {
	z-index: 10000;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	text-transform: none;
	padding: 0px;
	margin-top: 2px;
	background-color: #000;
	/*border-top: 1px solid #DD8F00;*/
}
.navbar-dbcustom-users .navbar-nav .dropdown-menu > li {
	/*border-bottom: 1px dotted #333;*/
}
.navbar-dbcustom-users .navbar-nav .dropdown-menu > li:last-child {
	border-bottom: none;
}
.navbar-dbcustom-users .navbar-nav .dropdown-menu > li > a {
	font-weight: 600;
	margin-left: 6px;
	margin-top: 3px;
	margin-bottom: 3px;
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.navbar-dbcustom-users .nav > li > a:focus {
	color: #FFFFFF;
	background-color: #000;
}
.navbar-dbcustom-users .navbar-nav .dropdown-menu > li > a,
.navbar-dbcustom-users .navbar-nav .dropdown-menu > li > a:link,
.navbar-dbcustom-users .navbar-nav .dropdown-menu > li > a:visited,
.navbar-dbcustom-users .navbar-nav .dropdown-menu > li > a:focus
{
	color: rgba(255,255,255,0.9);
	background-color: rgba(0,0,0,1.0);
	border-bottom: 1px solid #333;
}
.navbar-dbcustom-users .navbar-nav .dropdown-menu > li > a:hover {
	color: rgba(255,255,255,1.0);
	background-color: rgba(0,0,0,1.0);
	border-bottom: 1px solid #333;
}

/* Styles that override the defaults based on the screen size *
/* xs, sm, md, lg */

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
@media (max-width: 400px) {
}

@media (min-width: 400px) {
}
@media (min-width: 500px) {
	#navbar-users .navbar-toggle {
		margin-top: 15px;
	}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	#navbar-users .navbar-collapse {
		padding: 0px; /* THIS IS THE STYLE THAT CAUSES HORIZONTAL SCROLLING ON THE DROPDOWN MENU WHEN TH MENU IS COLLAPSED */
	}
	#navbar-users .navbar-container {
		/*background-color: #222;
		padding-top:15px;
		*/
		margin-right: 0px;
	}
	.navbar-dbcustom-users {
		width: auto;
		font-size: 15px; 
	}
	/* Navbar link / menu item */
	.navbar-dbcustom-users .navbar-nav > li > a {
		padding-left: 10px;
		padding-right: 10px;	
		margin-left: 2px;
		margin-right: 2px;
		/*
		color: #DDD;
		background-color: #222;
		border: 1px solid #000;
		border: 1px solid #222;
		background-color: #000;
		margin-right: 4px;
		*/
		
		border-radius: 2px 2px 2px 2px;
		-moz-border-radius: 2px 2px 2px 2px;
		-webkit-border-radius: 2px 2px 2px 2px;
	}
	/* A top menu item that's on hover */
	.navbar-dbcustom-users .navbar-nav > li > a:hover 
	{
		/*color: #FFF;  #7396CC; 
		background-color: #222;

		border: 1px solid rgba(255,255,255,0.3);
		background-color: rgba(0,0,0,1.0); 
		text-shadow: 1px 2px 1px #305285; 
		*/
		/* transition: background-color 0.1s linear; */ /* ease or linear */
	}
	
	/* A top menu item that's active or opened */
	.navbar-dbcustom-users .navbar-nav > .active > a, 
	.navbar-dbcustom-users .navbar-nav > .active > a:focus, 
	.navbar-dbcustom-users .navbar-nav > .active > a:hover, 
	.navbar-dbcustom-users .navbar-nav > .open > a, 
	.navbar-dbcustom-users .navbar-nav > .open > a:focus, 
	.navbar-dbcustom-users .navbar-nav > .open > a:hover
	{
		/*border: 1px solid #555;*/
		/*background-color: #444;*/
	}

	/* Dropdown menus */
	.navbar-dbcustom-users .navbar-nav .dropdown-menu > li {
		/*border-bottom: 1px solid rgba(0,0,0,0.8);*/
	}
	.navbar-dbcustom-users .navbar-nav .dropdown-menu > li > a {
		padding-left: 10px;
		margin-left: 0px;
	}
	/*
	*/
	.navbar-dbcustom-users .navbar-nav .dropdown-menu > li > a,
	.navbar-dbcustom-users .navbar-nav .dropdown-menu > li > a:link,
	.navbar-dbcustom-users .navbar-nav .dropdown-menu > li > a:visited,
	.navbar-dbcustom-users .navbar-nav .dropdown-menu > li > a:focus
	{
		/*color: #EEE;
		background-color: #444;
		border-bottom: 1px solid #555;
		border-top: none;*/
	}
	.navbar-dbcustom-users .navbar-nav .dropdown-menu > li > a:hover {
		/*color: #FFF;
		background-color: #333;
		border-bottom: 1px solid #222;
		border-top: none;*/
	}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.navbar-dbcustom-users {
		font-size: 16px; 
	}
	/* Navbar link / menu item */
	.navbar-dbcustom-users .navbar-nav > li > a {
		margin-left: 5px;
		margin-right: 5px;
		padding-left: 15px;
		padding-right: 15px;
	}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
}