﻿/* Site Navigation */
#header-welcome {
	position: absolute;
	top: 7px;
	left: 290px;
	color: #ffffff !important;
	font: normal normal 16px/25px "Trebuchet MS", Arial, sans-serif;
	margin: 0;
	padding: 0;
}

#site-navigation {
	margin: 0;
	padding: 0 5px;
	width: 672px;
	border: none;
	list-style: none;
	color: #FFFFFF;
	background: url(../images/top_nav_back.png) #2B2727 bottom no-repeat;
	text-align: right;
	height: 42px;
	position:absolute;
	top: 0;
	right: 25px;
	left : 275px;
}

#site-navigation li, #site-navigation a, #site-navigation a:link, #site-navigation a:visited {
	margin: 0 0.2em;
	padding: 0 0 10px 0;
	display: inline;
	color: #FFFFFF;
	background: transparent;
	font: bold 15px/40px Arial, sans-serif;
	text-decoration: none;
}

#site-navigation a:hover, #site-navigation a:active {
	border-bottom: 3px solid #FFB400;
}

#site-navigation li {
	cursor: default;
}

ul#site-navigation li.log-off a {
	color: #ffb16b;
}

#site-navigation li span {
	margin: 0 0.2em;
	padding: 0 0 10px 0;
	border-bottom: 3px solid #FFB400;
	display: inline;
	background: transparent;
	color: #FFFFFF;
	font: bold 15px/40px Arial, sans-serif;
	text-decoration: none;
	cursor: default;
}

/******** NEW (for SiteMapPath Control) *********/
.breadcrumbSiteMap {
	width: 687px;
	margin: 0;
	padding: 0 0 0 250px;
	display: block;
	list-style: none;
	color: #2B2727;
	background: transparent;
	height: 25px;
}

.breadcrumbSiteMap a:link, .breadcrumbSiteMap a:visited {
	margin: 0 0.2em 0 0;
	padding: 0 3px;
	color: #2B2727;
	background: transparent;
	font: italic normal 11px/15px Arial, sans-serif;
	text-decoration: underline;
}

.breadcrumbSiteMap a:hover, .breadcrumbSiteMap a:active {
	margin: 0 0.2em 0 0;
	padding: 0 3px;
	color: #FFFFFF;
	background: #2B2727;
	font: italic normal 11px/15px Arial, sans-serif;
	text-decoration: none;
}

.breadcrumbSiteMap span {
	margin: 0 0.2em 0 0;
	padding: 0;
	display: inline;
	font: italic normal 11px/15px Arial, sans-serif;
}

/*********************/
/*header style*/
h2#header-account {
	background: transparent url(../images/hleft_main_menu.gif) right 0 no-repeat;
	height: 34px;
	margin: 0 0 2px 0;
	padding: 0;
}

h2#header-account span {
	padding: 0 0 0 10px;
	display: none;
}

h2#header-account a {
	float: right;
	display: block;
	background: transparent url(../images/toggle-menu.gif) 50% 50% no-repeat;
	height: 32px;
	width: 40px;
	margin: 1px 0 0 0;
	border: none !important;
}

h2#header-account a:hover {
	background: transparent url(../images/toggle-menu-active.gif) 50% 50% no-repeat;
} 

h2#header-account a.toggleMenu.collapsed {
	float: right;
	display: block;
	background: transparent url(../images/expand-menu.gif) 50% 50% no-repeat !important;
	height: 32px;
	width: 40px;
	margin: 1px 0 0 0;
	border: none !important;
}

h2#header-account a.toggleMenu.collapsed:hover {
	background: transparent url(../images/menu-expand-active.gif) 50% 50% no-repeat !important;
} 

/*actions list style */
.actions-list {
	margin: 0 0 4px 0;
	padding: 0;
	list-style-type: none;
	width: 248px;
	overflow: hidden;
}

.actions-list li {
	border: none;
	padding: 0.25em 1px;
	margin: 0;
	height: 1.5em;
	font: bold 14px/16px "Trebuchet MS", sans-serif;
	color: #024886;
	width: 248px;
}

.actions-list li span {
	padding-left: 12px;
	display: block;
	height: 100%;
}

.actions-list li a:hover span {
	cursor: pointer;
}

.actions-list span.active  {
	border: none;
	cursor: default;
	color: #0087FF;
	margin-left: 45px;
	padding: 0 0 0 12px;
}

.actions-list li a:link, .actions-list li a:visited {
	border: none;
	display: block;
	line-height: 1.5em;
	text-decoration: none;
	height: 1.5em;
	color: #024886;
	padding-left: 40px;
	margin: 0;
}

.actions-list li a:hover, .actions-list li a:active {
	border: none;
	display: block;
	line-height: 1.5em;
	text-decoration: none;
	height: 1.5em;
	color: #0087FF;
	padding-left: 40px;
	margin: 0;
}

/* Building menu icons */
.actions-list li.instant-quote {
	background: url(../images/icons/ico-instantquote.gif) 10px 50% no-repeat;
}

.actions-list li.instant-quote:hover, .actions-list li.instant-quote-active {
	background: url(../images/icons/ico-instantquote-active.gif) 10px 50% no-repeat;
}


.actions-list li.client-points-awarded {
	background: url(../images/icons/ico-invoices.gif) 10px 50% no-repeat;
}

.actions-list li.client-points-awarded:hover, 
.actions-list li.client-points-awarded-active {
	background: url(../images/icons/ico-invoices-active.gif) 10px 50% no-repeat;
}


.actions-list li.jobs {
	background: url(../images/icons/ico-trackjob.gif) 10px 50% no-repeat;
}

.actions-list li.jobs:hover, .actions-list li.jobs-active{
	background: url(../images/icons/ico-trackjob-active.gif) 10px 50% no-repeat;
}

.actions-list li.jobshistory {
	background: url(../images/icons/ico-jobhistory.gif) 10px 50% no-repeat;
}

.actions-list li.jobshistory:hover, .actions-list li.jobshistory-active{
	background: url(../images/icons/ico-jobhistory-active.gif) 10px 50% no-repeat;
}

.actions-list li.reviews {
	background: url(../images/icons/ico-archive.gif) 10px 50% no-repeat;
}

.actions-list li.reviews:hover, .actions-list li.reviews-active {
	background: url(../images/icons/ico-archive-active.gif) 10px 50% no-repeat;
}

.actions-list li.reviewers {
	background: url(../images/icons/ico-myreviewers.gif) 10px 50% no-repeat;
}

.actions-list li.interpretings {
	background: url(../images/icons/icon-balloon.gif) 10px 50% no-repeat;
}

.actions-list li.interpretings:hover, .actions-list li.interpretings-active {
	background: url(../images/icons/icon-balloon-active.gif) 10px 50% no-repeat;
}

.actions-list li.reviewers:hover, .actions-list li.reviewers-active {
	background: url(../images/icons/ico-myreviewers-active.gif) 10px 50% no-repeat;
}

.actions-list li.details {
	background: url(../images/icons/ico-mydetails.gif) 10px 50% no-repeat;
}

.actions-list li.details:hover, .actions-list li.details-active {
	background: url(../images/icons/ico-mydetails-active.gif) 10px 50% no-repeat;
}

.actions-list li.invoices {
	background: url(../images/icons/ico-invoices.gif) 10px 50% no-repeat;
}

.actions-list li.invoices:hover, .actions-list li.invoices-active {
	background: url(../images/icons/ico-invoices-active.gif) 10px 50% no-repeat;
}

.actions-list li.prices {
	background: url(../images/icons/ico-prices.gif) 10px 50% no-repeat;
}

.actions-list li.prices:hover, .actions-list li.prices-active {
	background: url(../images/icons/ico-prices-active.gif) 10px 50% no-repeat;
}

.actions-list li.company-departments {
	background: url(../images/icons/ico-admin.gif) 10px 50% no-repeat;
}

.actions-list li.admin:hover, .actions-list li.company-departments-active {
	background: url(../images/icons/ico-admin-active.gif) 10px 50% no-repeat;
}

.actions-list li.client-files {
	background: url(../images/icons/ico-files.gif) 10px 50% no-repeat;
}

.actions-list li.files:hover, .actions-list li.client-files-active {
	background: url(../images/icons/ico-files-active.gif) 10px 50% no-repeat;
}

.actions-list li.tools {
	background: url(../images/icons/ico-tools.gif) 10px 50% no-repeat;
}

.actions-list li.tools:hover, .actions-list li.tools-active {
	background: url(../images/icons/ico-tools-active.gif) 10px 50% no-repeat;
}

.actions-list li.job-offers {
	background: url(../images/icons/ico-joboffers.gif) 10px 50% no-repeat;
}

.actions-list li.job-offers:hover, .actions-list li.job-offers-active {
	background: url(../images/icons/ico-joboffers-active.gif) 10px 50% no-repeat;
}

.actions-list li.payments {
	background: url(../images/icons/ico-payments.gif) 10px 50% no-repeat;
}

.actions-list li.paymenst:hover, .actions-list li.payments-active {
	background: url(../images/icons/ico-payments-active.gif) 10px 50% no-repeat;
}

.actions-list li.downloads {
	background: url(../images/icons/ico-helpdownload.gif) 10px 50% no-repeat;
}

.actions-list li.downloads:hover, .actions-list li.downloads-active {
	background: url(../images/icons/ico-helpdownload-active.gif) 10px 50% no-repeat;
}
