/* /ims/headerIMAGES/ */

#head-container {
	margin-top: 0;
    height: 66px;	
	background: url(/ims/headerIMAGES/header/background.gif) repeat-x;
	position: relative;
	z-index: 45
}
/* ------------- negates exsisting top margin */

/* @Header - Container for Header (Currently not 100% - needs to be tested in the actual demo app first)*/
.ui-head {
	display: block;
	clear: both;
	height: 65px;
	margin: 0 auto;
	width: 959px;
	position: relative;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	
}

#head-container.full .ui-head  { /* changes width to fluid, since not all pages are fluid we can toggle the effect with a classof "full" */
 width: 100%
}
/* ------------- @Header End */

/* @Logo */
.ui-head img {
	display: block;
	float: left;
	clear: none;
}

.ui-head img {
	margin: 10px 10px 0;
} 
/* ------------- @Logo End */

/* @basic-nav-rules */
.ui-head ul {
	display: block;
	padding-top: 4px;
}

.ui-head li {
	display: block;
	float: left;
	clear: none;
	background: url(/ims/headerIMAGES/header/seperator.gif) top right no-repeat;
	padding-right: 2px;
}

.ui-head a {
	display: block;
	float: left;
	height: 37px;
	line-height: 37px;
	padding: 0 10px;
	color: #fff !important;
	text-decoration: none !important;
}

.ui-head a:hover {
	text-decoration: none;
}

#ui-head-nav a:hover {
	background: #eeeeee;
	color: #072f66 !important;
}

.ui-head a.on {
	background: #eaeaea;
	color: #072f66 !important;
}
/* ------------- @basic-nav-rules End */

/* @Function Nav Styles */
#ui-head-functions {
	right: 10px;
	top: 4px;
	padding: 0;
	position: absolute;
	z-index:46;
}

#ui-head-functions li { padding: 0; background: none; position: relative; }

#ui-head-functions a {
	width: 16px;
	text-indent: -99999px;
	padding: 0 5px;
}

#ui-head-functions .other-systems a {
	background: url(/ims/img/info.png) center center no-repeat;
	width:13px;
	height:38px;
	display:none;
}

#ui-head-functions .admin-function a {
	background: url(/ims/headerIMAGES/header/admin.gif) center center no-repeat;
}

#ui-head-functions .help-function a {
	background: url(/ims/headerIMAGES/header/help.gif) center center no-repeat;
}

#ui-head-functions .logout-function a {
	width: auto;
	text-indent: 0;
	font-size: 90%;
}

#head-container .ui-head li ul li, #head-container .ui-head li ul a {
	float: none;
	width: auto;
	display: inline;
	background: none;
	text-indent: 0;
}

.ui-head li ul {
	position: absolute;
	top: 34px;
	left: -99999px;
	width: 250px;
	z-index: 999;
	text-align:left;
}

.ui-head li.hover ul, .ui-head li:hover ul{
	left: auto; right: 0;
}

#ui-head-functions li.hover, #ui-head-functions li:hover {
	background: url(/ims/headerIMAGES/header/arrow.gif) 6px 30px no-repeat;
}

#ui-head-functions li.logout-function.hover, #ui-head-functions li.logout-function:hover {
	background: none !important;
}

#head-container .ui-head li ul a {
	display: block;
	background: #042758;
	color: #fff;
	padding: 0 10px;
	line-height: 2.5em;
	height: 2.6em;
}

#head-container .ui-head li ul a:hover {
	background: #072e65;
}

/* ------------- @Function Nav Styles */


#menuObj-DEFAULT img {
	position: relative;
	top: -5px;
	margin:  0;
}


/* Breadcrumb Styles */

.ui-head #newCrumbs * {margin: 0; padding: 0; background: none; height: auto; line-height: normal; }

.ui-head #newCrumbs { position: relative; clear: both; display: block; height: 24px; width: 100%; background: #eee url(/ims/headerIMAGES/header/breadcrumb-right.gif) right no-repeat; }
.ui-head #newCrumbs .tube { clear: both; display: block; height: 24px; width: 100%; background-color: none; background: url(/ims/headerIMAGES/header/breadcrumb-left.gif) left no-repeat; }
.ui-head #newCrumbs ul { margin-left: 5px; }
.ui-head #newCrumbs li { background: no-repeat; padding: 5px; float: left; line-height: 14px; }
.ui-head #newCrumbs li a { color: #072F66 !important }

.ui-head #newCrumbs span.user {
float:right;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
font-style:normal;
position:absolute;
right:8px;
top:0;
display: block;
line-height: 24px;
}