/*-----------------------------------------------------------------
Jobfinderusa.com CSS Style Sheet

MASTER
Overall template and structure of website use.

version: 	1.1
author: 	Imp Designs
edited by:  Solutions Manager of Job Finder Publications
email:		info@impdesigns.com
website:	http://www.impdesigns.com
copyright:	(c)2006-2010	
updated: 	$Id$

-------------------------------------------------------------------*/

/* Linked Stylesheets */
@import url("navigation.css");
@import url("miscellaneous.css");
@import url("colors.css");

/* ----------------- */
/* BEGIN STYLE SHEET */
/* ----------------- */

body{
	margin: 20px 0 0 0;
	padding: 0;
	text-align: center;
}

img{
	border:none;
}

#container{
	margin: 0 auto;
	width: 900px;
	text-align: left;
}

/* HEADER 
-------------------------------------------*/
#header{
	margin-bottom: 10px;
	height: 25px;
	line-height: 25px;
}

#header h1{
	margin: 0;
	padding: 0;
	height: 45px;
	width: 250px;
	float: left;
}

#header h1 a{
	display: block;
	height: 45px;
	width: 250px;
	text-indent: -9999px;
	}
	
#header .extra{
	margin-left: 2px;
	margin-bottom: 2px;
	margin-right: 2px;
	margin-top: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #cccccc;
	width: 200px;
	text-align: center;
	font-size: 11px;
	float: right;
}

/* NAVIGATION BAR 
-------------------------------------------*/
#navbar{
	padding-bottom: 25px;
	height: 30px;
	background: url(/images/navigation/navbar_2010A.gif) no-repeat 0 0;
	clear: both;
}

#employer_navbar{
	height: 30px;
	background: url(/images/navigation/navbar_2010A_myaccount.gif) no-repeat 0 0;
	clear: both;
}

#seeker_navbar{
	height: 30px;
	background: url(/images/navigation/navbar_2010A_myaccount.gif) no-repeat 0 0;
	clear: both;
}

	#search{
		margin-right: 25px;
		width: 200px;
		float: right;
	}
	
		#search form{
			margin: 0;
			padding: 0;
			height: 28px;
		}
		
		#search form input{
			margin-left: 0;
			margin-bottom: 0;
			margin-right: 0;
			margin-top: 4px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			width: 190px;
			color: #555;
		}
		
/* CONTENT
-------------------------------------------*/
#content{
	margin: 15px 0;
	clear: both;
}

	.left{
		margin-bottom: 10px;
		width: 48%;
		float: left;
	}
	
	.right{
		margin-bottom: 10px;
		width: 48%;
		float: right;
	}
	
	.options{
		padding-top: 2px;
		padding-left: 20px;
		padding-bottom: 2px;
		padding-right: 20px;
		margin-bottom: 25px;
		height: 30px;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		text-align: center;
	}

	/* BOX 
	-------------------------------------------*/
	#index_cities{
		margin-left: 5px;
		list-style-image: url(/images/graphics/misc/ico_bullet.png);
		margin-bottom: 5px;
		line-height: 0.9em;
		font-size: 14px;
		font-weight: bold;
		width: 48%;
		float: left;
	}
	
	#center_box{
		margin: 20px auto;
		width: 600px;
	}
	
	#company_box{
		margin: 0 0 20px 0;
		width: 300px;
	}
	#login_box{
		margin: 20px auto;
		padding: 20px;
		border-width: 3px;
		border-color: #cccccc;
		border-style: solid;
		width: 600px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
	
	.box{
		background: url(/images/graphics/box/bxgray-lftstrip.gif) repeat-y 0 0;
	}
	
		.box .top{
			height: 12px;
			background: url(/images/graphics/box/bxgray-tpstrip.gif) repeat-x 0 0;
		}
		
			.box .top span.left{
				display: block;
				height: 12px;
				width: 12px;
				float: left;
				background: url(/images/graphics/box/bxgray-tplft.gif) no-repeat 0 0;
			}
		
			.box .top span.right{
				display: block;
				height: 12px;
				width: 12px;
				float: right;
				background: url(/images/graphics/box/bxgray-tprht.gif) no-repeat 0 0;
			}
			
		.box .bottom{
			height: 12px;
			background: url(/images/graphics/box/bxgray-btstrip.gif) repeat-x 0 0;
		}

			.box .bottom span.left{
				display: block;
				height: 12px;
				width: 12px;
				float: left;
				background: url(/images/graphics/box/bxgray-btlft.gif) no-repeat 0 0;
			}

			.box .bottom span.right{
				display: block;
				height: 12px;
				width: 12px;
				float: right;
				background: url(/images/graphics/box/bxgray-btrht.gif) no-repeat 0 0;
			}
			
		.box .content{
			padding: 15px;
			height: 100%;
			background: url(/images/graphics/box/bxgray-rhtstrip.gif) repeat-y top right;
		}
		
	/* DETAIL PAGE 
	-------------------------------------------*/
	.detail_title{
		width: 400px;
		float: right;
		text-align: center;
	}
	
	/* PAGINATION
	-------------------------------------------*/
	.pagination{
		display: block;
		text-align: left;
		height: 20px;
	}
		
		.pagination a:hover{
			text-decoration: none;
		}
	
	/* COLUMNS 
	-------------------------------------------*/
	.left600pxColumn{
		padding-right: 10px;
		width: 590px;
		float: left;
	}
	
	.right130pxColumn{
		width: 130px;
		float: right;
		text-align: right;
	}
	
	.right160pxColumn{
		width: 160px;
		float: right;
		text-align: right;
	}
	
	.left475pxColumn{
		padding-right: 10px;
		width: 500px;
		float: left;
	}
	
	.right300pxColumn{
		width: 300px;
		float: right;
		text-align: right;
	}
	
	.threeColumns{
		margin-bottom: 10px;
		margin-right: 3%;
		width: 30%;
		float: left;
	}
	
	.even_column{
		margin-bottom: 30px;
		padding-bottom: 30px;
		width: 48%;
		float: left;
	}
	
		.even_column .content{
			padding: 0 0 0 20px;
		}
	
/* BOX 
-------------------------------------------*/
#career_resources{
	font-size: 12px;
	border-top: 1px solid #ddd;
}

#career_resources p{
	font-size: 1.1em;
	line-height: 1.4em;
	margin-bottom: 0;
}

#career_resources strong{
	color: #777777;
}

	#career_resources .company_block{
		padding-left: 0;
		padding-bottom: 20px;
		padding-right: 0;
		padding-top: 15px;
		height: 100%;
		border-bottom: 1px solid #ddd;
	}
	
	#career_resources .company_block .company_logo{
		width: 250px;
		float: right;
	}
	
	#career_resources .company_block .company_description{
		width: 600px;
		float: left;
	}

/* FOOTER
-------------------------------------------*/
#footer{
	border-bottom-width: 1px;
	border-bottom-color: #cccccc;
	border-bottom-style: solid;
	border-top-style: none;
	font-size: x-small;
	padding-left: 0px;
	padding-bottom: 2px;
	padding-right: 0px;
	padding-top: 2px;
	margin-left: 0;
	margin-bottom: 5px;
	margin-right: 0;
	margin-top: 25px;
	height: 25px;
	clear: both;
}

	#footer .link_list{
		color: teal;
		padding-top: 5px;
		margin-left: 75px;
		line-height: 15px;
		float: left;
	}
	
	#footer .link_list a{
	}
	
	#footer a:hover{
		color: teal;
		text-decoration: none;
	}
	
	.cities{
		margin-top: 10px;
		text-align: center;
		color: #009999;
	}
	
/* FRONT
-------------------------------------------*/
.front-left{
	width: 350px;
	float: left;
}

.front-right{
	width: 450px;
	float: right;
}

	
#which_selection{
	margin: 0 auto;
	width: 450px;
	height: 228px;
}
	
	#which_selection a.job_seeker{
		background-color: #cccccc;
		display: block;
		width: 210px;
		height: 147px;
		text-indent: -9999px;
		line-height: 0px;
		background: no-repeat 0 0;
		float: right;
	}
	
	#which_selection a.employer{
		background-color: #cccc99;
		display: block;
		width: 210px;
		height: 147px;
		text-indent: -9999px;
		line-height: 0px;
		background: no-repeat 0 0;
		float: left;
	}