#navbar
{
	height: 34px;
	width: 100%;
	z-index: 998;
	left: 0;
	top: 0;
	margin-top: 0;
	border-bottom: 1px solid #e0e0e0;
/*
	border-bottom: 1px solid #e0e0e0;
	box-shadow: 0 1px 2px rgba(0,0,0,.6);
	border-radius: 0 0 5px 5px;
	background-image: none;
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
	background-image:    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
	background-image:     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
	background-image:      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
	background-image:         linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.2));
*/
}

#navbar, #navbar ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

/* Navbar Logo image */
#navbar div.navbar-logo img{
	height: 1.8em;
	padding: 0.2em;
}

/* Breadcrumbs */
#navbar li.breadcrumb {
	position: relative;
}
#navbar li.breadcrumb .arrow-down {
	position: absolute;
	top: 0.3em;
	right: 0.2em;
}

/* Sublevels - Arrows */
#navbar li.expanded ul li {
	position: relative;
}

#navbar li.expanded ul li div.arrow-right {
	position: absolute;
	top: 0.5em;
	right: 0.1em;
}

/* "Favorite" button */
#navbar li.breadcrumb ul li button {
	position: absolute;
	top: 0;
	right: 0;
}
#navbar li.expanded ul li a,
#navbar li.expanded ul li button {
	font-size: 0.8em;
	font-weight: normal;
	padding: 0.5em;
}

#navbar li.expanded ul li button {
	background-color: transparent;
	margin :0;
	border: 0;
}

/* Search bar */
input.searchbox,
#navbarpanelsearch
{
	margin: 0.5em;
	margin-left: 1em;
	width: 28%;
	max-width: 105px;
	padding: 4px 22px 4px 7px;
	background:url('searchmag.png')  no-repeat right;
	background-color: white;	
	border-radius: 5px;
}

/* Submenu */
#submenu {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 999;
}

#submenu.collapsed li {
	display: none;
}

#submenu li {
	float: left;
	padding: 0;
}

#submenu li a {
	outline:none;
	display: block;
}

/* Form Notifications */
#submenu #notifications ul {
	margin-left: -12em;
}

#submenu #notifications.expanded ul {
	width: 14em;
}

/* Favorites */
#submenu li ul {
	display: none;
	position: absolute;
	padding: 0;
	margin: 0;
	margin-left: -10em;
}

#submenu li.expanded ul {
	width: 12em;
}

#submenu li ul li {
	float: none;
	padding-right: 0;
}

#submenu li ul li a {
	display: block;
}

#submenu li.expanded ul {
	display: block;
}

#navbarpanelsearch:focus
{
	outline: none;
}

/* Panel search suggestion list */
.navbarsuggest
{
	border: 1px solid #000;
	background-color: #fff;
	overflow-x: hidden;
	overflow-y: auto;
	position:absolute;
	z-index: 999;
}

/* Panel search suggestion list items */
.navbarsuggest a
{
	display: block;
	font-family: Verdana,Tahoma,Arial,sans-serif;
	font-size: 0.8em;
	padding:5px;
}

/****************************** Submenu ******************************/
#submenu {
	height: 34px;
	vertical-align: middle;
	font-weight: normal;
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #000;
}

#submenu a {
	font-size: 0.8em;
}

#submenu li {
	height: 25px;
	margin-top: 4px;
	margin-left: 0.7em;
}

#submenu li a {
	font-family: Verdana,Tahoma,Arial,sans-serif;
	font-size: 0.9em;
	padding: 0.2em 0.4em 0.3em 0.4em;
}

#submenu li ul,
#submenu li ul li {
	list-style: none;
}

#submenu li.expanded ul,
#submenu li.expanded ul li {
	height: auto;
	background-image: none;
	margin-right: auto;
}

#submenu li.expanded ul li {
	margin: 0;
	font-weight: normal;
	border: none;
}

#submenu li.expanded ul li a {
	padding: 0.5em;
}

/* Form Notifications - Dropdown */
#submenu #notifications ul {
	max-height: 11.1em; /* each item is 1.7em */
	overflow-y: auto;
}

/************* Sub page tab buttons ***************/

.subpagetab
{
	margin: 25px 0px 0px 0px;
}
.subpagetab a
{
	margin: 0px;
	padding: 5px 15px;
}

/* CSS Triangle trick from http://css-tricks.com/snippets/css/css-triangle/ */
/* and http://jonrohan.me/guide/css/creating-triangles-in-css/ */
/****************************** Arrows ******************************/
div.arrow {
	height:0;
	width:0;
	border: 0.4em solid transparent;
}

div.arrow-down {
	margin-top: 0;
	border-top: 0.4em solid black;
}

div.arrow-right {
	border-left: 0.4em solid black;
}

/**************************** Sub menu colors ******************************/
#submenu,
#submenu a {
	color: #F5F5F5;
}

#submenu a:hover,
#submenu a:active {
	color: #F5F5F5;
}

/* Buttons */
#submenu li {
	color: #F5F5F5;
/*
	background-image:url('profilebar.png');
	background-repeat:repeat-x;
	background-color: #222;
	border: solid 1px #555;
*/
}

#submenu li:hover {
/*
	border: solid 1px #888;
*/
}

/* Drop down area */
#submenu li.expanded ul {
	background-color: #222;
	margin-top: 5px;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 	0px 2px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 		0px 2px 5px 0px rgba(0,0,0,0.75);	
}

#submenu li.expanded ul li:hover {
	background-color: #555;
}

#submenu li.expanded ul li a,
#submenu li ul hr {
	color: #F5F5F5;
}

#submenu li.expanded ul li:hover a {
	color: #F5F5F5;
}

/**************************** Nav Customizations **************************/

/* Navbar */
#navbar {
	background-color:#f5f5f5;
}

/* 	Logo,
	Breadcrumbs */
#navbar li.breadcrumb a {
	cursor: pointer;
}
#navbar div.navbar-logo span,
#navbar li.breadcrumb a {
	color: #481e5d;
}
#navbar li.breadcrumb a:hover {
	color: #582e6d;
}

/* Breadcrumbs - Down - Arrow */
#navbar li.breadcrumb .arrow-down {
	border-top-color: #481e5d;
}

/* Breadcrumb Separator */
#navbar div.separator {
	background-image:url('breadcrumb.png');
	width: 10px;
	height: 34px;
}


/*
	Panel search suggestion list
	Sublevel area
*/
.navbarsuggest,
#navbar li.expanded ul {
	background-color: #F8F8F8;
	border-top: 	solid 1px #A0A0A0;
	border-left: 	solid 1px #A0A0A0;
	border-right: 	solid 1px #A0A0A0;
	border-bottom: 	solid 1px #A0A0A0;
	
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 	0px 2px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 		0px 2px 5px 0px rgba(0,0,0,0.75);	
}

/* Favorites */
#navbar li.expanded ul li button,
#navbar li.expanded ul li.expanded button {
	color: #999;
}

/*
	Panel search suggestion list items
	Sublevels items
*/
.navbarsuggest a,
#navbar li.expanded ul li a,
#navbar li.expanded ul li.expanded ul li a {
	color: #303030;
}

/*
	Panel search suggestion list item hover
	Favorites hover (parent/child)
	Sublevel hover (parent/child)
	Sublevel item (parent/child) in hover region (e.g. hovering favorites)
	Sublevel selected parent
	Favorite enabled
*/
.navbarsuggest a:hover,
ul.ui-widget-content .ui-state-focus,
#navbar li.expanded ul li button:hover,
#navbar li.expanded ul li.expanded button:hover,
#navbar li.expanded ul li a:hover,
#navbar li.expanded ul li.expanded ul li a:hover,
#navbar li.expanded ul li:hover a,
#navbar li.expanded ul li.expanded ul li:hover a,
#navbar li.expanded ul li.expanded a {
	color: #000000;
}

/* Marked as favorite */
#navbar li.expanded ul li button.favorite {
	color: #000000;
}

/*
	Panel search suggestion list item hover highlight
	Hover highlight
	Sublevels selected parent highlight
*/
.navbarsuggest a:hover,
ul.ui-widget-content .ui-state-focus,
#navbar li.expanded ul li:hover,
#navbar li.expanded ul li.expanded {
	background-color: #ddd;
}

/* Sublevels - Arrows */
#navbar li.expanded .arrow-right {
	border-left-color: #000000;
}

table.subpagetab
{
	margin-bottom: 5px;
}

.subpagetab a
{
	height: 100%;
	display: inline-block;
	color: #202020;
	font-weight: bold;
}

.subpagetab td
{
	vertical-align: bottom;
}

a.subpagetablink
{
	background-color: #FFFFFF;
	border: none;
	border-top: 	1px solid #ddd;
	border-left: 	1px solid #ddd;
	border-right: 	1px solid #ddd;
	
	box-shadow: 		 0 -2px 2px 0px rgba(0,0,0,.6);
	-moz-box-shadow : 	 0 -2px 2px 0px rgba(0,0,0,.6);
	-webkit-box-shadow:	 0 -2px 2px 0px rgba(0,0,0,.6);

}

a.subpagetablinkdisable
{
	border: none;
	/*
	border-bottom: 	1px solid #ddd;
	border-left: 	1px solid #ddd;
	border-right: 	1px solid #ddd;
	background-color: #FFFFFF;
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.1));
	background-image:    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.1));
	background-image:     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.1));
	background-image:      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.1));
	background-image:         linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.1));
	*/
	color: #555;
	box-shadow: 		inset 0 -5px 5px -5px rgba(0,0,0,.6);
	-moz-box-shadow : 	inset 0 -5px 5px -5px rgba(0,0,0,.6);
	-webkit-box-shadow:	inset 0 -5px 5px -5px rgba(0,0,0,.6);
	
}

a.subpagetablinkdisable:hover {
	color: #000;
}

/* Hide the navigation button by default */
.nav-button {
	display: none;
}

/* jQuery UI */
.ui-autocomplete
{
	list-style: none;
	padding: 0;
}
.ui-helper-hidden-accessible
{
	display:none;
}