/*
-----------------------------------------------
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;
	padding-bottom:		3px;
}

ul#nav li:hover ul {
	display: 		block;
	position:		absolute;
	z-index:		100;
	margin-top:		32px;
	left:			0;
}

ul#nav li ul {
	display:	none;
	float:		none;
}

ul#nav li ul li {
	display:		block;
}

ul#nav li ul li:hover {
	display:	block;
}

ul#nav li ul li a {
	cursor:			pointer !important;
	white-space:	nowrap;
	line-height:	2em;
	height:			2em;
	font-weight:	normal;
	color:			#666;
	padding-top:		2px;
}

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:				108px;
	text-indent:		25px;
}

ul.main li.globalMenuHome ul li a,
ul.main li.globalMenuHome ul li a:link {
	background-image:	none;
	background-color:	#d66651;
	width:				150px;
	color:				#fff;
	border-top:			solid 1px #eee;
	text-indent:		5px;
}

ul.main li.globalMenuHome ul li a:hover,
ul.main li.globalMenuHome ul li a:active {
	background-image:	none;
	width:				150px;
	color:				#fff;
	border-top:			solid 1px #eee;
	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:				121px;
	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:				140px;
	color:				#fff;
	border-top:			solid 1px #eee;
	text-indent:		5px;
}

ul.main li.globalMenuStaff ul li a:hover,
ul.main li.globalMenuStaff ul li a:active {
	background-image:	none;
	width:				140px;
	color:				#fff;
	border-top:			solid 1px #eee;
	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:	#fff;
	color:				#7ea190;
	display:			block;
	width:				145px;
	text-indent:		0px;
}

ul.main li.globalMenuClient ul li a,
ul.main li.globalMenuClient ul li a:link {
	background-image:	none;
	background-color:	#7ea190;
	width:				170px;
	color:				#fff;
	border-top:			solid 1px #eee;
	text-indent:		5px;
}

ul.main li.globalMenuClient ul li a:hover,
ul.main li.globalMenuClient ul li a:active {
	background-image:	none;
	width:				170px;
	background-color:	#fff;
	border-top:			solid 1px #eee;
	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:	#fff;
	color:				#6698c2;
	display:			block;
	width:				121px;
	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:				#fff;
	border-top:			solid 1px #eee;
	text-indent:		5px;
}

ul.main li.globalMenuCompanyInfo ul li a:hover,
ul.main li.globalMenuCompanyInfo ul li a:active {
	background-image:	none;
	width:				180px;
	background-color:	#fff;
	border-top:			solid 1px #eee;
	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:	#fff;
	color:				#538dc3;
	display:			block;
	width:				121px;
	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:				#fff;
	border-top:			solid 1px #eee;
	text-indent:		5px;
}

ul.main li.globalMenuRecruit ul li a:hover,
ul.main li.globalMenuRecruit ul li a:active {
	background-image:	none;
	width:				130px;
	color:				#fff;
	border-top:			solid 1px #eee;
	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;
}

#header-utility ul li a {
	text-decoration:	none;
}

#header-utility ul li a:hover {
	text-decoration:	underline;
}


/* 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;
}

.footerInfoBox {
	margin-bottom:	5px;
	letter-spacing:	0px;
	font-size:		12px;
	zoom:			1;
}

.footerInfoBox p {
	float:		left;
	margin-bottom:	5px;
}

.footerBox a {
	text-decoration:	none;
}

.footerBox a:hover {
	text-decoration:	underline;
}

.footerInfoBox ul {
	clear:		both;
	width:		900px;
	margin:		0 0 10px;
	overflow:	hidden;
	list-style:	none;
	font-size:	83%;
}

.footerInfoBox ul li {
	width:		auto;
	float:		left;
	margin:		0;
	padding:	0 15px 0 20px;
	background:	url(/img/ico_popup_blue.gif) no-repeat 0 50%;	
}



/* AJAX sliding shelf
----------------------------------------------- */
#site_info div.footerCopyright {
	padding:	0 5px 20px;
	text-align:	right;
	font-size:	12px;
	color:		#666666;
}

/* safari only */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#site_info span.footerCopyright {
		margin-left:	10px;
		text-indent:	-1px;
	}
}

#site_info span.footerCopyright {
	_margin-left:	65px;
}

#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;
}


/*	clearfix for this files selectior
------------------------------------------ */
.copyrightBox:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/*
.section,
*/
.copyrightBox {
	display:block;	/* for safari firefox3 */
	zoom:1;
}

/* IE7 hacks */ 
*:first-child+html .copyrightBox {
	display:inline-table;
	zoom:1;
}


