/*** * Style for javascript replaced select boxes * ***/
@import url(dropDowns.css);

/*** * Style for javascript replaced file inputs * ***/
@import url(fileInputs.css);

/*** * Style for forms * ***/
@import url(forms.css);

/*** * Style for YUI Dialog Boxes * ***/
@import url(/scripts/yui/button/assets/skins/sam/button.css);
@import url(/scripts/yui/container/assets/skins/sam/container.css);


/*********************/
/* *** Universals *** */
/*********************/
html, body {
	margin: 0;
	padding: 0;
} 
 
body {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background: #f4f2e2 url(/images/bgtile.png) repeat-x left top;
	font-size: 62.5%;
	color: #414141;
}
	div, p, blockquote,
	ul, ol, li, 
	dl, dt, dd, 
	h1, h2, h3, h4, h5, h6, 
	form, fieldset						{margin: 0; padding: 0;}
	h1, h2, h3, h4, h5, h6		{font-size: 1em; font-weight: normal;}
	a										{color: #50ACC3;}
	a:hover								{color: #00768d;}
	a:visited							{color: #B3B0A5;}
	a:visited:hover 					{color: #00768d;}
	a img, fieldset 					{border: none;}
	p										{font-size: 1.3em; letter-spacing: 0.05em; line-height: 1.7em; text-indent: 20px; text-align: justify;}
	blockquote						{background: #E3E0D0; margin: 10px 0; padding: 5px 10px;}
	blockquote p					{text-indent: 0;}
	
	a.button		{display: block; width: 10em; margin: 20px auto 0 auto; background: #E7E7E7 url(/images/buttonbg.png) repeat-x left bottom; border: 2px solid #75736E; border-left: 2px solid #F2F0EE; border-top: 2px solid #F2F0EE; padding: 6px; text-align: center; text-decoration: none; color: #484848; font-size: 1.5em; font-weight: bold;}

	
/*************************/
/* *** Main Structure *** */
/*************************/
#container {
	width: 940px;
	margin: 0 auto;
	padding: 0 30px;
}

#header {
	position: relative;
	height: 83px;
	overflow: hidden;
}
	#header h1			{position: absolute; background: url(/images/title.png) no-repeat left top; float: left; z-index: 1;}
	#header h1 a		{display: block; width: 386px; height: 83px; }
	#header h1 span	{display: none;}

#nav {
	position: relative;
	float: right;
	height: 73px;
	margin: 10px 0 0 0;
	z-index: 2;
}
	#nav ul					{list-style: none; height: 73px;}
	#nav ul li				{float: left; height: 73px;}
	#nav ul li.current	{background: #474747 url(/images/navBorder.png) repeat-y right top;}
	#nav ul li a			{display: block; height: 63px; padding: 0 10px; background: url(/images/navDot.png) repeat-y right top; font-size: 1.3em; color: #f7f7f7; text-transform: uppercase; text-decoration: none; font-weight: bold;}
	#nav ul li a.last		{background: none;}
	#nav ul li a span	{position: relative; top: 40px;}
	#nav ul li a:hover	{height: 73px; background: #9FCED2;}

#statusBar {
	height: 44px;
	margin: 0 0 30px 0;
}

#main {
	width: 617px;
	float: left;
	padding: 0 0 10px 0;
}

.supplement {
	position: relative;
	width: 296px;
	float: left;
	margin: 0 0 30px 26px;
	z-index: 20;
}
	.supplement h4	{position: relative; margin: 0 0 10px 0; padding: 0 0 1px 0; text-align: center; font-size: 1.6em; border-bottom: 1px solid #474747; font-weight: bold;}
	.supplement p	{font-size: 1.1em;}
	
#footer {
	margin: 0 0 30px 0;
	padding: 20px 0 0 0;
	border-top: 1px dotted #A1A1A1;
	text-align: center;
	font-size: 1.3em;
}
	#footer p		{font-size: 1em; text-align: center;}
	#footer ul		{margin: 0 0 10px 0;}
	#footer ul li	{display: inline;}


/****************/
/* *** Home *** */
/****************/
#bookmarks {
	height: 42px;
	float: left;
}
	#bookmarks dl dt							{width: 123px; height: 42px; float: left; background: url(/images/bookmarking.png) no-repeat left center;}
	#bookmarks dl dt span					{display: none;}
	#bookmarks dl dd							{float: left; margin: 9px 0 0 6px;}
	#bookmarks dl dd a						{display: block; width: 28px; height: 27px;}
	#bookmarks dl dd a#delicious		{background: url(/images/icons/delicious.png) no-repeat left center;}
	#bookmarks dl dd a#digg				{background: url(/images/icons/digg.png) no-repeat left center;}
	#bookmarks dl dd a#magnolia		{background: url(/images/icons/magnolia.png) no-repeat left center;}
	#bookmarks dl dd a#facebook		{background: url(/images/icons/facebook.png) no-repeat left center;}
	#bookmarks dl dd a span				{display: none;}
	
#login {
	float: right;
}
	#login h2						{float: left; width: 52px; height: 42px; margin: 0 7px 0 0; background: url(/images/login.png) no-repeat left top;}
	#login h2 span				{display: none;}
	#login form					{line-height: 0;}
	#login label span			{display: none;}
	#login input					{border: none;}
	#login input.text			{float: left; width: 143px; height: 26px; margin: 9px 7px 0 0; padding: 4px 4px 0 4px; font-size: 1.3em; overflow: hidden;}
	#login #username		{background: url(/images/usernameInput.png) no-repeat left top;}
	#login #password		{background: url(/images/passwordInput.png) no-repeat left top;}
	#login #loginButton	{float: left; width: 26px; height: 27px; margin: 9px 0 0 -2px; font-size: 0.01em; color: #474747;}
	#login #loggedIn			{display: block; padding: 10px 0 0 0; color: #FFFFFF; font-size: 1.4em;}
	#login #loggedIn	a		{text-decoration: none;}
	
#main h2#welcome				{width: 617px; height: 176px; margin: 0 0 10px 0; background: url(/images/welcomeMessage.png) no-repeat left top;}
#main h2#welcome span		{display: none;}

#loginError {
	width: 274px;
	height: 46px;
	margin-top: -28px;
	padding: 25px 10px 0 10px;
	background: url(/images/loginErrorbg.png) no-repeat left top;
}
	#loginError span	{font-size: 1.1em; color: #474747;}
	#loginError span a	{color: #fff;}

.searchBox {
	position: relative;
	width: 296px;
	height: 130px;
	float: left;
	margin: 0;
	background: #F4F2E1 url(/images/searchbg.png) no-repeat left bottom;
}
	.searchBox h3						{height: 44px;}
	.searchBox h3 span				{display: none;}
	.searchBox .searchField		{display: block; width: 276px; height: 33px; margin: 0 0 0 9px; padding: 6px; border: none; font-size: 1.7em;}
	.searchBox .searchButton		{position: absolute; width: 134px; height: 32px; top: 87px; left: 152px; background: url(/images/searchButton.png) no-repeat left top; border: none; font-size: 0.01em; color: #8CCE3F; text-align: left;}
	.searchBox select					{display: block; width: 272px; height: 30px; margin: 0 0 0 10px; font-size: 1.7em;}
	
	#keyword h3					{background: url(/images/jobSearchKeyword.png) no-repeat left top;}
	#keyword  .searchField		{background: url(/images/keywordInput.png) no-repeat left top;}
	
	#industry h3					{background: url(/images/jobSearchIndustry.png) no-repeat left top;}
	
	#category h3					{background: url(/images/jobSearchCategory.png) no-repeat left top;}
	
#openEmployer {
	display: block; 
	margin: 0 0 10px 0;
	background: url(/images/openEmployer.png) no-repeat left top;
}

#openSeeker {
	display: block; 
	background: url(/images/openSeeker.png) no-repeat left top;
}
	#openEmployer a,
	#openSeeker a			{display: block; width: 295px; height: 99px; }
	#openEmployer span,
	#openSeeker span		{display: none;}
	
#emailList {
	margin: 10px 0 0 0;
}
	#emailList input.emailInput	{width: 284px; height: 21px; margin: 0 0 6px 0; padding: 6px; background: url(/images/emailInput.png) no-repeat left top; border: 0; font-size: 1.7em;}
	#emailList input.submit		{width: 136px; height: 33px; float: right; margin: 4px 0 6px 0; border: 0; font-size: 0.01em; color: #6D6D6D; text-align: left;}
	
#featuredEmployer {
	position: relative;
	padding: 9px;
	background: #E3E0D0;
}
	#featuredEmployer h5			{margin: 0 0 10px 0; text-align: center; font-size: 1.4em;}
	#featuredEmployer img			{display: block; margin: 0 auto;}
	#featuredEmployer table		{width: 100%; margin: 10px 0 0 0;}
	#featuredEmployer table a		{text-decoration: none;}
	#featuredEmployer table th	{font-size: 1.3em;}
	#featuredEmployer table td	{margin: 0 1px 0 0; padding: 5px 0 1px 0; border-bottom: 1px dotted #4F4F4F; font-size: 1.3em;}
	

/**************/
/* *** Ads *** */
/**************/
.viewAllSponsors {
	display: block;
	height: 29px;
	margin: 0;
}
	.viewAllSponsors span		{float: right; background: url(/images/viewAllbg.png) no-repeat right top; line-height: 29px;}
	.viewAllSponsors span a	{display: block; width: 149px; height: 29px; text-align: center; vertical-align: center; font-size: 1.1em; text-decoration: none;}

.ads {
	position: relative;
	width: 920px;
	height: 106px;
	margin: 0 0 30px 0;
	padding: 10px;
	background: #E3E0D0;
	overflow: hidden;
}
	.ads h3.siteSponsors			{width: 20px; height: 107px; float: right; background: url(/images/siteSponsors.png) no-repeat left top;}		
	.ads h3.siteSponsors span	{display: none;}
	
#google {
	padding: 10px 0 0 0;
}
	
#adImages {
	position: absolute;
	top: 0;
	margin: 0;
}
	#adImages a img	{float: left; margin: 10px 10px 0 0; border: 2px solid #474747;}
	
h2#sponsorsHead {
	height: 67px;
	margin: 0 0 30px 0;
	background: url(/images/sponsorsHeader.png) no-repeat left top;
}
	h2#sponsorsHead span	{display: none;}
	
.fullSponsor {
	margin: 10px 0;
	overflow: hidden;
}
	.fullSponsor img	{float: left; margin: 0 10px 10px 0;  border: 3px solid #50ACC3;}
	.fullSponsor h3		{margin: 0 0 5px 0 !important;}
	.fullSponsor h3 a	{text-decoration: none;}
	
	
/*****************/
/*** * Search * ***/
/*****************/
h2#searchResults 			{margin: 0 0 10px 0; font-size: 2em;}
#main h2#results			{width: 617px; height: 128px; margin: 0 0 10px 0; background: url(/images/resultsAreWaiting.png) no-repeat left top;}
#main h2#results span	{display: none;}

#searchTable {
	width: 100%;
	margin: -8px 0 20px 0;
	font-size: 1.1em; 
	line-height: 1.6em;
	clear: left;
}	
	#searchTable tr						{position: relative; overflow: auto; background: #fff;}
	#searchTable tr.entry				{background: #fff url(/images/searchRowEntrybg.png) repeat-x left bottom;}
	#searchTable tr.novice			{background: #FFF2D4 url(/images/searchRowNovicebg.png) repeat-x left bottom;}
	#searchTable tr.moderate		{background: #FFE5AE url(/images/searchRowModeratebg.png) repeat-x left bottom;}
	#searchTable tr.expert			{background: #FFD785 url(/images/searchRowExpertbg.png) repeat-x left bottom;}
	#searchTable tr.specialist		{background: #FFCB62 url(/images/searchRowSpecialistbg.png) repeat-x left bottom;}
	#searchTable tr.hover				{background: #C5E3EB url(/images/searchRowSortedBybg.png) repeat-x left bottom; cursor: pointer;}
	#searchTable tr.lastRow			{border-bottom: 0;}
	
	#searchTable td,
	#searchTable th					{padding: 0; text-align: center; border-right: 1px dotted #c5c5c5; border-bottom: 10px solid #F4F2E2; vertical-align: top; background: url(/images/transparentPixel.gif) no-repeat left top;}
	#searchTable td span,
	#searchTable th span			{display: block; padding: 8px;}
	#searchTable th					{font-size: 1.3em;}
	#searchTable th a				{text-decoration: none;}
	#searchTable td a				{text-decoration: underline; font-weight: bold;}
	
	#searchTable .firstCell					{background: url(/images/searchRowBottomLeft.png) no-repeat left bottom;}
	#searchTable .firstCell span,
	#searchTable .firstCellSorted	span	{background: url(/images/searchRowTopLeft.png) no-repeat left top;}
	#searchTable .firstCellSorted			{background: #C5E3EB url(/images/searchRowBottomLeftSorted.png) no-repeat left bottom;}
	#searchTable .lastCell						{background: url(/images/searchRowBottomRight.png) no-repeat right bottom; border-right: 0;}
	#searchTable .lastCell span,
	#searchTable .lastCellSorted span	{background: url(/images/searchRowTopRight.png) no-repeat right top;}
	#searchTable .lastCellSorted			{background: #C5E3EB url(/images/searchRowBottomRightSorted.png) no-repeat right bottom;  border-right: 0;}
	#searchTable .sorted						{background: #C5E3EB url(/images/searchCellSortedBybg.png) repeat-x right bottom;}
	
	#searchTable th.firstCellSorted	{background: #C5E3EB url(/images/searchRowBottomLeft.png) no-repeat left bottom;}
	#searchTable th.lastCellSorted	{background: #C5E3EB url(/images/searchRowBottomRight.png) no-repeat right bottom;  border-right: 0;}
	#searchTable th.sorted				{background: #C5E3EB;}
	#searchTable span.up					{padding: 0 0 0 15px; background: url(/images/sortArrowUp.gif) no-repeat 5px center;}
	#searchTable span.down			{padding: 0 0 0 15px; background: url(/images/sortArrowDown.gif) no-repeat 5px center;}
	
.employerView {
	margin: 1px  0 0 0!important;
}

.pagination {
	display: block;
	font-size: 1.4em;
	text-align: center;
	padding: 0 0 20px 0;
}


/******************/
/* *** Listings *** */
/******************/	
.listing {

}
	.listing h2					{margin: 0 0 4px 0; padding: 0 0 4px 0; border-bottom: 1px solid #E3E0D0; font-size: 2.7em; color: #C4C1B2;}
	.listing img					{margin: 10px 0 0 10px; float: right; clear: right; background: #F4F2E2; border: 3px solid #50ACC3;}
	.listing h2 img			{vertical-align: bottom; margin: 0; padding: 0 0 0 10px; clear: none; border: 0;}
	.listing ul					{list-style: none; font-size: 1.3em; letter-spacing: 0.05em; line-height: 1.7em;}
	.listing ul li					{margin: 0 0 7px 0; padding: 0 0 0 15px; background: url(/images/arrowBullet.png) no-repeat left center;}
	.listing dl					{font-size: 1.3em; letter-spacing: 0.05em; line-height: 1.7em;}
	.listing dl dt				{margin: 10px 0 0 0; padding: 0 0 0 15px; background: url(/images/arrowBullet.png) no-repeat left center; font-weight: bold;}
	.listing dl dd				{margin: 0 0 5px 15px; text-indent: 15px;}
	.listing dl dd.address	{text-indent: 0 !important;}
	.listing dl dd form		{margin: 5px 0 0 0; font-size: 0.75em !important;}


/********************/
/*** * Employers * ***/
/********************/
#main h2#readyToBegin			{width: 617px; height: 142px; margin: 0 0 10px 0; background: url(/images/readyToBegin.png) no-repeat left top;}
#main h2#readyToBegin span	{display: none;}
h2.employerListings 						{margin: -4px 0 10px 0; font-size: 1.8em; font-weight: bold; color: #B2AEA4;}

#main h3 {
	margin: 22px 0 0 0;
	padding: 0 0 6px 0;
	font-size: 1.8em;
	border-bottom: 1px dotted #474747;
}
	#main h3.top	{margin: -2px 0 0 0; padding: 0;}

#becomeFeatured {
	display: block; 
	background: url(/images/becomeFeatured.png) no-repeat left top;
}
	#becomeFeatured a			{display: block; width: 295px; height: 99px; }
	#becomeFeatured span		{display: none;}
	
#employerProfile {
}
	#employerProfile h2	{margin: 10px 0 0 0; padding: 5px; background: #474747; color: #fff; font-size: 1.8em; text-align: center;}
	#employerProfile img	{display: block; margin: 0 auto;}
	#employerProfile ul	{margin: 10px 0 0 0; list-style: none; font-size: 1.3em;}
	#employerProfile ul li	{margin: 0 0 5px 0; line-height: 1.6em;}

/* Based on Veerle's table <http://veerle.duoh.com/blog/comments/a_css_styled_table/> */
.employerTable {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 1px solid #C3C3C3;
	border-bottom: 0;
	border-right: 0;
}
	.employerTable caption		{width: 100%; padding: 20px 0 5px 0; text-align: left; font-size: 1.5em; font-style: italic;}
	.employerTable tr				{background: #FFE4AD; font-size: 1.3em;}
	.employerTable tr.empAlt	{background: #FFF2D3;}
	.employerTable th				{color: #474747; border-right: 1px solid #C3C3C3;  border-bottom: 1px solid #C3C3C3;letter-spacing: 2px; text-align: left; padding: 6px 6px 6px 12px; background: #FAF9F1;}
	.employerTable td 			{border-right: 1px solid #C3C3C3; border-bottom: 1px solid #C3C3C3; padding: 6px 6px 6px 12px; color: #424242; text-align: center;}
	

/****************/	
/*** * About * ***/	
/****************/	
#main h2#aboutHead			{width: 617px; height: 142px; margin: 0; background: url(/images/about.png) no-repeat left top;}
#main h2#aboutHead span	{display: none;}

.paragraphList {
	font-size: 1.2em; 
	letter-spacing: 0.05em; 
	line-height: 1.5em;
	margin: 5px 0 5px 30px;
}


/*********************/	
/*** * Advertising * ***/	
/*********************/		
#main h2#advertising			{width: 617px; height: 55px; margin: 0 0 15px 0; background: url(/images/advertising.png) no-repeat left top;}
#main h2#advertising span	{display: none;}


/****************/
/*** * Error * ***/
/****************/
h2#oops {
	height: 78px;
	margin: 0 0 5px 0;
	background: url(/images/oops.png) no-repeat left top;
}
	h2#oops span	{display: none;}
	

/********************/	
/*** * Email List * ***/
/********************/
h2#email {
	height: 69px;
	margin: 0 0 3px 0;
	background: url(/images/emailJobs.png) no-repeat left top;
}		
	h2#email span	{display: none;}
	
	
/*********************************/
/* *** Various Styling Classes *** */
/*********************************/
.clear			{clear: both;}
.noMargin		{margin: 0 !important;}
.centerText	{text-align: center !important;}
.rightText		{text-align: right !important;}
.leftText		{text-align: left !important;}
.help				{font-size: 0.7em;}
.small			{font-size: 0.8em;}
.fright			{float: right;}



.tempOnTop {
	z-index: 30 !important;
}