@charset "UTF-8";
/* CSS Document */


/* site wide elements */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    width:0;
}
.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}
img {
	border:0;
}

/* body elements */

body {
	}

/* structure elements */

#mainContainer {
	
	margin:0 auto;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:12px;
	line-height:16px;
}
	#mainContainer #leftContainer {
		width:661px;
		float:left;
	}
		#mainContainer #leftContainer #volumePacks {
			width:659px;
			border-top:1px solid #ccc;
			border-right:1px solid #ccc;
			border-left:1px solid #ccc;
			background:transparent url(../images/vpWhiteBackground.jpg) repeat-y top left;
		}
		#mainContainer #leftContainer #volumePacks .jobPostings {
			width:219px;
			float:left;
		}
			#volumePacks .rightBorder {
				border-right:1px solid #ccc;
			}
			#volumePacks .greenBox {
				width:100%;
				background:transparent url(../images/vpBackground.jpg) repeat-y top left;
			}
		#mainContainer #leftContainer .longBox {
			border-top:1px solid #ccc;
			border-right:1px solid #ccc;
			border-left:1px solid #ccc;
			float:left;
			width:210px;
			margin-top:12px;
			background:transparent url(../images/lbBackground.jpg) repeat-y top left;
		}
			.spaceMaker{
				margin-right:12px;
			}
			.longBox .greenBox {
				width:100%;
				background:transparent url(../images/lbBackgroundGreen.jpg) repeat-y top left;
			}
			.longBox .greyBox {
				width:100%;
				background:transparent url(../images/lbBackgroundGrey.jpg) repeat-y top left;
			}
		#mainContainer #leftContainer #allJobsPackage {
			border:1px solid #ccc;
			float:left;
			width:434px;
			margin-top:12px;
			background:transparent url(../images/ajpBackground.jpg) repeat-y top left;
		}
			#allJobsPackage .greenBox {
				width:100%;
				background:transparent url(../images/ajpBackgroundGreen.jpg) repeat-y top left;
			}
		#mainContainer #leftContainer .bottomBoxes {
			border:1px solid #ccc;
			width:634px;
			float:left;
			margin-top:12px;
			padding:12px;
		}
			.bottomBoxes .textBoxSide {
				float:left;
				width:61%;
				border-right:1px solid #ccc;
				margin:12px 0;
			}
				
			.bottomBoxes .infoBoxSide {
				float:left;
				width:31%;
				margin:12px;
			}
				.bottomBoxes .infoBoxSide table {
					width:210px;
					background-color:#000;
				}
					.bottomBoxes .infoBoxSide table td {
						padding:7px;
						background-color:#fff;
						width:50%;
					}
					.bottomBoxes .infoBoxSide table td.green {
						color:#82aa50;
					}
					
					
					
					
					
					
					
					
					
					
					
	#mainContainer #rightContainer {
		width:317px;
		float:right;
	}
	#employerLogin {
			width:317px;
			height:167px;
			border:1px solid #ccc;
			background:transparent url(../images/elBackgroundWhite.jpg) repeat-y top left;
		}
			#mainContainer #rightContainer #employerLogin td {
				padding:6px 12px;
				font-weight:bold;
			}
	#employerLogin .employerBottom {
				padding:15px 12px;
				font-weight:normal;
				font-size:11px;
			}
		.loginInfo {
			margin:0 12px 12px 12px;
			float:left;
		}
		#rightContainer .greenBox {
			width:100%;
			background:transparent url(../images/elBackground.jpg) repeat-y top left;
		}
		
		
/* text elements */

a, a:visited {
	color:#1a5c7b;
	text-decoration:none;
}
a:hover, a:active {
	color:#1a5c7b;
	text-decoration:underline;
}
#mainContainer h1 {
	color:#336600;
	font-weight:bold;
	font-size:24px;
	padding:0;
	margin:14px 0;
}
.greenBox h2,
.greyBox h2{
	color:#82aa50;
	font-weight:bold;
	font-size:16px;
	margin:0;
	padding:10px 10px 10px 10px;
	border-bottom:1px solid #ccc;
	text-shadow:#ccc 1px 1px 1px;
	filter:Shadow(Color=#000, Direction=135, Strength=5);
}
	.greenBox .subDescription {
		color:#000;
		font-weight:normal;
		font-size:14px;
	}
.greenBox h3 {
	color:#336600;
	font-weight:bold;
	font-size:12px;
	margin:0;
	padding:10px 10px;
	border-bottom:1px solid #ccc;
	text-transform:uppercase;
}
.longBox ul,
.jobPostings ul {
	margin:0;
	padding:0;
	border-bottom:1px solid #ccc;
	height:125px;
	width:100%;
}
.longBox .upgrades {
	margin:0;
	padding:0;
	border-bottom:1px solid #ccc;
	height:auto !important;
	width:100%;
}
	#mainContainer ul li {
		list-style-type:none;
		margin:14px;
	}
		.heavyT {
			font-weight:bold;
		}
		.greenerPrice {
			font-weight:bold;
			color:#82aa50;
		}
.buttonUp {
	float:right;
	margin:0 0 6px 13px;
}
	.buttonUpButton {
		background:transparent url(../images/buttonUpBackground.jpg) repeat-x top left;
		border:1px solid #336600;
		padding:2px 4px;
		color:#fff;
		font-weight:bold;
		font-size:10px;
		cursor:pointer;
	}
.bottomBoxes .textBoxSide p {
	margin:0 15px 20px 20px;
}
.bottomBoxes .textBoxSide h2 {
	color:#82aa50;
	margin:9px 0 0 20px;
	font-size:16px;
}
.bottomBoxes .infoBoxSide ul {
	margin:0 5px 0 0;
	padding:0;
}
#allJobsPackage p {
	margin:0 15px 18px 12px;
}
#allJobsPackage h3 {
	margin:15px 0 0 12px;
	padding:0;
	font-size:14px;
}

.edetails
{
     font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding-top:12px;
	padding-bottom:6px;
	padding-left:12px;
}
#employerLogin input{
   margin-right:12px;
}