/*
-----------------------------------------------
Navigation
----------------------------------------------- */

/* navigation (horizontal subnavigation)
----------------------------------------------- */
ul#nav,
ul#nav * {
	margin:		0;
	padding:	0;
	font-size:	12px;
}

ul#nav {
	position:	relative;
	max-width:	100%;
	height:		2.5em;
}

ul#nav li {
	cursor:				pointer;
	position:			relative;
	margin:				0px;
	float:				left;
	list-style-type:	none;
	font-weight:		normal;
}

ul#nav li a {
	float:				left;
	font-weight:		normal;
	text-decoration:	none;
	display:			block;
	padding:			0 1em;
	height:				2.5em;
	line-height:		2.5em;
}

ul#nav li:hover ul {
	display: 		block;
	position:		absolute;
	z-index:		100;
	margin-top:		2.5em;
	left:			0;
}

ul#nav li ul {
	display:	none;
}

ul#nav li ul li {
	display:	block;
	float:		none;
	padding:	0;
	border:		none;
	width:		auto;
	max-width:	none;
}

ul#nav li ul li:hover {
	display:	block;
	float:		none;
	padding:	0;
	border:		none;
	width:		auto;
	max-width:	none;
}

ul#nav li ul li a {
	cursor:			pointer !important;
	white-space:	nowrap;
	line-height:	2em;
	height:			2em;
	font-weight:	normal;
	color:			#666;
}

ul#nav li:hover ul li a {
	color:		#fff;
	_color:		#333;
	display:	inline;
	height:		2em;
}

ul#nav li:hover ul li a:hover {
	display:			block;

	color:				#333;
	background-color:	#eee;
}

ul#nav li:hover ul li a:active {
	display:			block;

	color:				#666;
	background-color:	#fff;
}

/* navigation (vertical subnavigation)
----------------------------------------------- */
ul#nav {
	margin-left:	170px;
	margin-top:		-35px;
	_margin-top:	-30px;
}

ul.main li ul {
	border-top:	0;
}

ul.main li ul li a {
	height:		2em;
/*	text-align:	left;*/
}

ul.main li.globalMenuHome a,
ul.main li.globalMenuHome a:hover,
ul.main li.globalMenuHome a:link,
ul.main li.globalMenuHome a:active,
ul.main li.globalMenuHome a:focus {
	background:			url(../img/globalMenuHome.gif) no-repeat left center;
	background-color:	#fff;
	color:				#d66651;
	display:			block;
	width:				84px;
	text-indent:		17px;
}

ul.main li.globalMenuHome ul li a,
ul.main li.globalMenuHome ul li a:link {
	background-image:	none;
	background-color:	#d66651;
	width:				150px;
	color:				#ffffff;
	border-top:			solid 1px #ccc;
	text-indent:		5px;
}

ul.main li.globalMenuHome ul li a:hover,
ul.main li.globalMenuHome ul li a:active {
	background-image:	none;
	background-color:	#fff;
	width:				150px;
	color:				#ffffff;
	border-top:			solid 1px #ccc;
	text-indent:		5px;
}

ul.main li.globalMenuStaff a,
ul.main li.globalMenuStaff a:hover,
ul.main li.globalMenuStaff a:link,
ul.main li.globalMenuStaff a:active,
ul.main li.globalMenuStaff a:focus {
	background:			url(../img/globalMenuStaff.gif) no-repeat left center;
	background-color:	#fff;
	color:				#ec8e00;
	display:			block;
	width:				111px;
	text-indent:		7px;
}

ul.main li.globalMenuStaff ul li a,
ul.main li.globalMenuStaff ul li a:link {
	background-image:	none;
	background-color:	#ec8e00;
	width:				200px;
	color:				#ffffff;
	border-top:			solid 1px #ccc;
	text-indent:		5px;
}

ul.main li.globalMenuStaff ul li a:hover,
ul.main li.globalMenuStaff ul li a:active {
	background-image:	none;
	background-color:	#fff;
	width:				200px;
	color:				#ffffff;
	border-top:			solid 1px #ccc;
	text-indent:		5px;
}

ul.main li.globalMenuClient a,
ul.main li.globalMenuClient a:hover,
ul.main li.globalMenuClient a:link,
ul.main li.globalMenuClient a:active,
ul.main li.globalMenuClient a:focus {
	background:			url(../img/globalMenuClient.gif) no-repeat left center;
	background-color:	#ffffff;
	color:				#7ea190;
	display:			block;
	width:				111px;
	text-indent:		6px;
}

ul.main li.globalMenuClient ul li a,
ul.main li.globalMenuClient ul li a:link {
	background-image:	none;
	background-color:	#7ea190;
	width:				150px;
	color:				#ffffff;
	border-top:			solid 1px #ccc;
	text-indent:		5px;
}

ul.main li.globalMenuClient ul li a:hover,
ul.main li.globalMenuClient ul li a:active {
	background-image:	none;
	background-color:	#fff;
	width:				150px;
	color:				#ffffff;
	border-top:			solid 1px #ccc;
	text-indent:		5px;
}

ul.main li.globalMenuCompanyInfo a,
ul.main li.globalMenuCompanyInfo a:hover,
ul.main li.globalMenuCompanyInfo a:link,
ul.main li.globalMenuCompanyInfo a:active,
ul.main li.globalMenuCompanyInfo a:focus {
	background:			url(../img/globalMenuCompanyInfo.gif) no-repeat left center;
	background-color:	#ffffff;
	color:				#6698c2;
	display:			block;
	width:				111px;
	text-indent:		17px;
}

ul.main li.globalMenuCompanyInfo ul li a,
ul.main li.globalMenuCompanyInfo ul li a:link {
	background-image:	none;
	background-color:	#5da2d7;
	width:				180px;
	color:				#ffffff;
	border-top:			solid 1px #ccc;
	text-indent:		5px;
}

ul.main li.globalMenuCompanyInfo ul li a:hover,
ul.main li.globalMenuCompanyInfo ul li a:active {
	background-image:	none;
	background-color:	#fff;
	width:				180px;
	color:				#ffffff;
	border-top:			solid 1px #ccc;
	text-indent:		5px;
}

ul.main li.globalMenuRecruit a,
ul.main li.globalMenuRecruit a:hover,
ul.main li.globalMenuRecruit a:link,
ul.main li.globalMenuRecruit a:active,
ul.main li.globalMenuRecruit a:focus {
	background:			url(../img/globalMenuRecruit.gif) no-repeat left center;
	background-color:	#ffffff;
	color:				#538dc3;
	display:			block;
	width:				111px;
	text-indent:		17px;
}

ul.main li.globalMenuRecruit ul li a,
ul.main li.globalMenuRecruit ul li a:link {
	background-image:	none;
	background-color:	#538dc3;
	width:				130px;
	color:				#ffffff;
	border-top:			solid 1px #ccc;
	text-indent:		5px;
}

ul.main li.globalMenuRecruit ul li a:hover,
ul.main li.globalMenuRecruit ul li a:active {
	background-image:	none;
	background-color:	#fff;
	width:				130px;
	color:				#ffffff;
	border-top:			solid 1px #ccc;
	text-indent:		5px;
}

.globalMenuUnderLine {
	display:		block;
	background:		url(../img/globalMenuUnderLine.jpg) no-repeat center;
	height:			2px;
	margin-bottom:	10px;
	_margin-bottom:	5px;
}

.globalMenuUnderLine p {
	display:        none;
	height:			2px;
	margin-bottom:	10px;
	_margin-bottom:	5px;
}


/* secondary list
----------------------------------------------- */
ul#nav li.secondary {
	float:		right;
	color:		#cde;
	background:	transparent !important;
}

ul#nav li.secondary span.status {
	float:        left;
	padding:      0 1em;
	line-height:  2.77em;
	height:       2.77em;
	font-size:    0.9em;
}

ul#nav li.secondary span.status a {
	float:        none;
	display:      inline;
	padding:      0;
	height:       auto;
	line-height:  auto;
	color:        #cde;
	background:   transparent;
}

ul#nav li.secondary span.status a:hover {
	color:        #fff;
	background:   transparent;
}

ul#nav li.secondary span.status span {
	text-transform:capitalize;
}

ul#nav li.secondary:hover a {
	color:        #fff;
	background:   #666;
}

ul#nav li.secondary:hover a:hover {
	background:   #555;
}

ul#nav li.secondary:hover a:active {
	background:   #444;
}


/* secondary list of header
----------------------------------------------- */
#header-utility {
	position:		absolute;
	margin-left:	515px;
	top:			15px;
	z-index:		2;
	overflow:		hidden;
}

/* safari only */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#header-utility {
		position:		absolute;
		margin-left:	505px;
		top:			15px;
		z-index:		2;
		overflow:		hidden;
	}
}

/* ie5,6 only */
#header-utility {
	_margin-left:	500px;
	font-size:		12px;
}

/* utility links */
#header-utility ul {
	margin-left:	65px;	
	_margin-left:	85px;
}

#header-utility ul li {
	background-image:	url(../img/headerSepLine.gif);
	background-repeat:	no-repeat;
	background-position:right;
	float:				left;
	margin:				0px;
	padding:			0px 12px 0px 10px;
	list-style-type:	none;
	letter-spacing:		0px;
}

#header-utility ul li.end {
	background-image:	none;
	background-repeat:	no-repeat;
	background-position:right;
	float:				left;
	margin:				0px;
	padding:			0px 10px;
	list-style-type:	none;
}

/* footer nav */
.footerBox {
	margin-bottom:	10px;
}

.footerBox ul {
	margin:		0px;
	padding:	0px 0px 10px 5px;
}

.footerBox ul li {
	background-image:	url(../img/footerArrow.gif);
	background-position:left;
	background-repeat:	no-repeat;
	list-style:			none;
	letter-spacing:		0px;
	padding-left:		15px;
	margin-left:		0px;
}
	
.footerlinkStaff {
	background:#ec8e00;
}

.footerlinkClient {
	background:#7ea190;
}

.footerlinkCompany {
	background:#5da2d7;
}

.footerlinkRecruit {
	background:#538dc3;
}

.copyrightBox {
	margin-bottom:	20px;
	letter-spacing:	0px;
	font-size:		12px;
}

/* AJAX sliding shelf
----------------------------------------------- */
#site_info span.footerCopyright {
	margin-left:	260px;
	font-size:		12px;
}

/* safari only */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#site_info span.footerCopyright {
		margin-left:	220px;
	}
}

#site_info span.footerCopyright {
	_margin-left:	260px;
}


#loading {
	float:			right;
	margin-right:	14px;
	margin-top:		-2px;
}

.block {
	padding-bottom:	1px;
}


/* Accordian
----------------------------------------------- */
.toggler {
	color:          #222;
	margin:         0;
	padding:        2px 5px;
	background:     #eee;
	border-bottom:  1px solid #ddd;
	border-right:   1px solid #ddd;
	border-top:     1px solid #f5f5f5;
	border-left:    1px solid #f5f5f5;
	font-size:      1.1em;
	font-weight:    normal;
}

.element h4 {
	margin:         0;
	padding:        4px;
	line-height:    1.2em;
}

.element p {
	margin:         0;
	padding:        4px;
}

.float-right {
	padding:        10px 20px;
	float:          right;
}

#accordian-block {
	padding-bottom: 10px;
}


/* etc.
----------------------------------------------- */
.hide {
	display:        none;
}