/*
|
| TITLE:		Ardmore Jobs master style for screen media
| AUTHOR:		Eric Shiarla, emshiarla@gmail.com
| EMPLOYED: 	Pendergraphics Design Group, http://www.pendergraphics.com
| 
| CREATED:		Aug 17th, 2005 
| MODIFIED: 	---------------
|
*/


html,body{ 
	margin: 0; 
	padding: 0; 
	height: 100%; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;	
	background: #ADB9C7 url(../../images/bg-site.gif) repeat-y top center; 
}

#wrap {
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0;
	width: 750px;
	background-color: #F2F2F2;
}



/* GLOBAL ELEMENTS 
----------------------------------------------------*/
h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #963F31;
	text-transform: capitalize;
}

h1 {
	padding: 25px 0 0 10px;
	color: #fff;
	width: 470px;
	height: 50px;
	border-bottom: none;
}

	h1.jobs {
		background: transparent url(../../images/bg-hd-jobs.jpg) no-repeat top left;
	}	
	
	h1.pjob {
		background: transparent url(../../images/bg-hd-pjobs.jpg) no-repeat top left;
	}		

	h1.employers {
		background: transparent url(../../images/bg-hd-employers.jpg) no-repeat top left;
	}
	
	h1.resumes {
		background: transparent url(../../images/bg-hd-resumes.jpg) no-repeat top left;
	}	
	
	h1.sresumes {
		background: transparent url(../../images/bg-hd-sresumes.jpg) no-repeat top left;
	}		
	
  
p {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 21px;
	color: #666666;
}

img {
	border: 0;
}

	img.logo {
		margin: 10px 0;
		padding: 7px;
		background-color: #EBE9E9;
		border: 1px dashed #ccc;
	}


dl {
	margin: 0 0 10px 0;
	padding: 0;
}

dt {
	margin-left: 0;
	font-weight: bold;
}

dd {
	margin-left: 10px;
}

select,textarea,input{ 
	margin: 2px 0 2px 0;
	padding: 3px 0 0 2px;
	display: block;
	width: 130px;
	height: 17px;	
	float: left;
	clear: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	vertical-align: middle;
} 

input.checkbox {
	width: 10px;
	height: 10px;
}

	select {
		padding: 2px 0 0 2px;
		width: 135px;
		height: 18px;
	}
	
	select.multiple {
		padding: 0;
		width: 135px;
		height: auto;
	}	

	input.submit {
		width: auto;
		height: auto;
	}

table{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;	
} 


table td {
	margin: 0;
	padding: 7px 0 7px 10px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	line-height: 16px;
	color: #333;	
}


table th {
	margin: 0;
	padding: 7px 0 7px 10px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	color: #333;	
}

table td p {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	line-height: 16px;
	color: #333;	
}



/* GLOBAL CLASSES 
----------------------------------------------------*/
.error {
	color: #990000;
}





/* CONTROL NAV
----------------------------------------------------*/
#control {
	margin: 0;
	padding: 0 0 0 5px;
	position: relative;
	top: 0;
	left: 0;
	width: 745px;
	height: 25px;
}

	#control.jobs {
		background-color: #963F31;
	}

p {
	margin: 0;
	padding: 0;
}
	p.employer-login {
		position: absolute;
		top: 0;
		right: 5px;
	}


/* LOGO
----------------------------------------------------*/
#logo {
	margin: 0;
	padding: 0;
	height: 259px;
	position: relative;
	background: transparent url(../../images/bg-header-sub.jpg) no-repeat center; 
}

#logo img {
	display: none;
}

#logo a {
	position: absolute;
	top: 5px;
	left: 30px;
	height: 50px;
	width: 385px;
	text-decoration: none;
	border: none;
}

#logo a:hover, #logo a:visited, #logo a:active, #logo a:focus {
	border: none;
	text-decoration: none;
}




/* CONTENT
----------------------------------------------------*/
#content {
	margin: 0;
	padding: 0 0 0 35px;
	width: 480px;
}

	#content.full {
		/*  None for now */
	}

	#next-previous {
		position: relative;
		margin: 5px 0 5px 0;
		padding: 10px 0 10px 0;		
		display: block;
		width: 480px;
	}
	
		#next-previous ul {
			margin: 0 5px 0 0;
			padding: 0;
			display: inline;
			list-style-type: none;
		}
		
		#next-previous li {
			margin: 0;
			padding: 0;
			display: inline;
		}
		
		#next-previous a {
			padding: 3px 7px 5px 7px;
			font-size: 11px;
			color: #C0C0C0;
			text-decoration: none;
			border: 1px solid #C0C0C0;
		}
		
		#next-previous a:hover {
			color: #999;
			background-color: #EEE;
			border-color: #999;
		}
		
		#next-previous li.current {
			padding: 3px 7px 5px 7px;
			font-size: 11px;
			color: #fff;
			text-decoration: none;
			background-color: #999999;
			border: 1px solid #C0C0C0;
		}
		
		#next-previous li.spacer {
			padding: 3px 7px 5px 7px;
			font-size: 11px;
			color: #333;
		}		
		
			*html #next-previous li.current {
				padding-right: 4px;
				margin-right: 3px; 
			}
	
	
	#newsearch, #newsearch-eaccess {
		margin: 0 0 0 0;
		padding: 7px 0 15px 0;
		position: relative;
		top: 12px;
		left: 0;
		display: block;
		width: 480px;
		height: 115px; /* Have to set for firefox, doesn't like floated elements */
		background-color: #E9E9E9; /* Default, for browsers that suck as much as IE */
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;		
	}
	
		#newsearch-eaccess {
			height: 230px;
		}
	
		#newsearch h2, #newsearch-eaccess h2 {
			margin-left: 130px;
			padding: 0 0 5px 20px;
			font-size: 12px;
			font-weight: bold;
			color: #333;
		}
	
		#newsearch.jobs, #newsearch-eaccess.jobs {
			background-color: #CCD9E7;
			border-top: 1px solid #8799AE;
			border-bottom: 1px solid #8799AE;
		}
			
		#newsearch.employers, #newsearch-eaccess.employers {
			background-color: #F0DBD8;
			border-top: 1px solid #CDA6A1;
			border-bottom: 1px solid #CDA6A1;
		}
		
		#newsearch.resumes, #newsearch-eaccess.resumes {
			background-color: #cfdae9;
			border-top: 1px solid #adb9c7;
			border-bottom: 1px solid #adb9c7;
		}		
		
	
		#newsearch label, #newsearch-eaccess label {
			margin: 7px 5px 0 20px;
			float: left;
			clear: both;
			width: 125px;
			text-align: right;
			font-size: 11px;
			color: #666666;
		}
		
		#newsearch p, #newsearch-eaccess p {
			margin: 3px 5px 10px 150px;
			float: left;
			clear: both;
			font-size: 10px;
			color: #666666;
		}		
		
		#newsearch input, #newsearch-eaccess input {
			float: left;
			clear: none;
			width: 175px;
		}
		
		#newsearch select, #newsearch-eaccess select {
			float: left;
			clear: none;
			width: 181px;
		}
		
		#newsearch input.submit, #newsearch-eaccess input.submit {
			clear: both;
			margin-left: 150px;
			width: 52px;
			height: 22px;
		}
		
		#newsearch input.checkbox, #newsearch-eaccess input.checkbox {
			margin-top: 5px;
			height: 15px;
			width: 15px;
		}
		


#content table {
	width: 480px;
	font-size: 11px;
	line-height: 21px;	
	border: 1px solid #C8C8C8;
}

	#content table.ktml {
		margin: 0;
		padding: 0;
		width: 300px;
		line-height: normal;
		border: none;
	}

#content td {
	border-bottom: 1px solid #C8C8C8;
}

#content table a {
	color: #666666;
}

#content th {
	color: #333333;
	font-size: 11px;
	text-align: left;
	font-weight: bold;
	background-color: #F0DBD8;
}

#content td {
	background-color: #f0f0f0;
}

#content tr.odd td {
	background-color: #e9e9e9;
}



	/*  Job tables */
	#jobs table {
		border: 1px solid #C8C8C8;
	}
	
	#jobs th {
		background-color: #CCD9E7;
	}	
		
	#jdetails th {
		padding-right: 10px;
		width: 120px;
		text-align: right;
		vertical-align: text-top;
		background-color: #CCD9E7;
	}
	

	/*  Employer tables */
	#employers table {
		border: 1px solid #8799AE;
	}
	
	#employers th {
		background-color: #F0DBD8;
	}
	
		#employers th.jobs, #employers td.jobs {
			width: 125px;
			text-align: center;
		}	
	
	#edetails {
		border: 1px solid #8799AE;
	}

	#edetails th {
		padding-right: 10px;
		width: 120px;
		text-align: right;
		vertical-align: text-top;
		background-color: #F0DBD8;
	}
	
	
	/*  Resume tables */
	#resumes table {
		border: 1px solid #6D8180;
	}
	
	#resumes th {
		background-color: #cfdae9;
	}
	
	#rdetails {
		margin-bottom: 25px;
		border: 1px solid #6D8281;
	}

	#rdetails th {
		margin: 0;
		padding: 0 10px 0 0;
		width: 120px;
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;	
		font-size: 11px;
		line-height: 16px;
		font-weight: bold;
		text-align: right;
		vertical-align: inherit;
		color: #333;
		background-color: #cfdae9;
	}	
	
	
	
	/*
	#edetails td {
		border-bottom: 1px solid #8799AE;
	}
	*/
		
	

#resumepost {
	margin: 0;
	padding: 0;
}

#resumepost input, #resumepost label, #resumepost select {
	float: none;
	clear: both;
	position: relative;
	display: block;
}


	#resumepost label {
		margin-top: 10px;
	}


	#resumepost input.addy {
		width: 250px;
	}
	
	#resumepost input.phone {
		display: inline;
		position: inherit;
		width: 25px;
	}
	
		#resumepost span {
			display: block;
			position: relative;
		}
	
	#resumepost input.clear {
		clear: left;
	}
	

#unlimitedfee, #logofee, #referencefee {
	margin: 15px 0;
	background: transparent url(../../images/bg-fee.jpg) no-repeat bottom left;
	border: 1px solid #D3D3D3;
}

	#logofee, #referencefee {
		padding-bottom: 15px;
	}
	
	#referencefee {
		margin-bottom: 15px;
	}

#unlimitedfee h3, #logofee h3, #referencefee h3 {
	margin: 0;
	padding: 5px 10px;
	display: block;
	width: 459px;
	color: #fff;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: capitalize;	
	background-color: #737373;
}

#unlimitedfee p, #logofee p, #referencefee p {
	margin: 15px;
}

#unlimitedfee a, #logofee a, #referencefee a{
	position: relative;
	padding: 0 5px;
	color: #666;
	background: #ccc;
	text-decoration: none;	
}

#unlimitedfee a:hover, #logofee a:hover, #referencefee a:hover{
	position: relative;
	top:-1px;
	left:-1px;
	padding-right: 4px;
	color: #666;
	text-decoration: none;
	background: #ccc;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;	
}

#unlimitedfee dl, #logofee dl, #referencefee dl {
	margin: 15px;
	color: #666666;
}
	



/* SUB CONTENT
----------------------------------------------------*/
#subcontent {
	display: block;
	position: absolute;
	top: 261px; 
	right: 0;
	width: 235px;
}

#subcontent p.blurb {
	margin: 0 25px;
	padding: 5px 0 65px 0;
	width: 200px;
	font-size: 10px;
	color: #333;
}

#subcontent dl {
	display: block;
	margin: 0 auto 10px auto;
	width: 205px;
}

	#subcontent dt {
		padding: 10px 30px 5px 0;
		color: #333;
		font-weight: normal;
		background: transparent url(../../images/icon-info.gif) no-repeat 100% 50%;
		border-bottom: 1px solid #ccc;
	}
	
	#subcontent dd {
		margin: 0;
		padding: 5px 0 5px 0;
		text-align: center;
		border-bottom: 1px solid #ccc;
	}
	
	#subcontent dd p {
		font-size: 10px;
		font-style: italic;
	}

#s-presume, #blurb {
	margin: 0 auto 0 auto;
	padding: 0;
	position: relative;
	display: table;
	width: 200px;
	background: #c6ced9 url(../../images/bg-spresume.gif) no-repeat bottom left;
}

	#blurb {
		background: #C6C6C6 url(../../images/bg-blurb.gif) no-repeat bottom left;
	}
	
	#blurb a {
		color: #666666;
		font-weight: bold;
	}

	#s-presume p, #blurb p {
		font-size: 10px;
	}

	#s-presume div.wrap, #blurb div.wrap {
		margin: 0;
		padding: 10px 12px 10px 12px;	
		position: relative;
		display: block;
	}
	
		#blurb div.wrap {
			padding-bottom: 65px;
		}

	#s-presume h2, #blurb h2 {
		margin: 0;
		padding: 10px 0 10px 15px;
		display: block;
		width: 185px;
		color: #fff;
		background: #97acc5 url(../../images/bg-hd-spresume.gif) no-repeat top left;
	}
	
	#s-presume div.details, #blurb div.details {
		margin: 0 0 10px 0;
		padding: 8px;
		position: relative;
		top: 7px;
		left: 0;
		display: block;
		clear: both;
		background-color: #e8eef6;
		border-top: 1px solid #97acc5;
		border-bottom: 1px solid #97acc5;		
	}
	
	#s-presume input, #s-presume select {
		background-color: #CDE8E8;
	}
	
	#s-presume input.submit {
		margin-top: 10px;
		margin-bottom: 25px;
		padding: 0;
		float: right;
		clear: both;
		width: 70px;
		height: 30px;
		background-color: transparent;
	}
	


#s-nav {
	margin: 0 auto 10px auto;
	padding: 0;
	position: relative;
	display: table;
	width: 200px;
	background: #C6C6C6 url(../../images/bg-nav.gif) no-repeat bottom left;
}

* html #s-nav {
	width: 198px;
}

	#s-nav p {
		font-size: 10px;
	}


	#s-nav div.wrap {
		margin: 0;
		padding: 10px 12px 20px 12px;	
		position: relative;
		display: block;
	}

	#s-nav h2 {
		margin: 0;
		padding: 10px 0 10px 15px;
		display: block;
		width: 185px;
		color: #fff;
		background: #5C5C5C url(../../images/bg-hd-nav.gif) no-repeat top left;
	}
	
	#s-nav h3 {
		margin: 0;
		padding: 0;
		color: #676767;
		font-weight: bold;
		font-size: 11px;
	}
	
	#s-nav ul {
		margin: 7px 0 0 10px;
		padding: 0 10px 10px 0;
		list-style: none;
		text-align: left;
		line-height: 20px;
	}

	#s-nav li {
		font-size: 10px;
		background: transparent url(../../images/bg-greyborder.jpg) no-repeat bottom left;
		list-style: none;
	}
	

	#s-nav a {
		margin-left: 2px;
		display: block;
		width: 100%;
		color: #666666;
		text-decoration: none;
	}

	#s-nav a:hover {
		background: transparent url(../../images/bg-greygradient.jpg) no-repeat top left;
	}