﻿.pageHeader
{
	border-bottom: 1px solid #DDDDDD;
	text-align: left;
	margin: 0px 0px 4px 0px;
}

.pageContent
{
	text-align: justify;
	padding: 2px;
}

.label
{
	width: 220px;
	display: inline-block;
	font-size: 12px;
	vertical-align: middle;
	padding-left: 10px;
}

.labelSmall
{
	width: 120px !important;
	display: inline-block;
	font-size: 12px;
	vertical-align: middle;
	padding-left: 10px;
}

.labelLarge
{
	width: 300px;
	display: inline-block;
	font-size: 12px;
	vertical-align: middle;
	padding-left: 10px;
}

.button
{
	width: 234px;
	border: 2px solid;
	border-color: #CCCCCC #999999 #999999 #CCCCCC;
}

.buttonAuto
{
	font-size: 13px;
	padding: 1px 6px 1px 6px;
	margin-bottom: 10px;
	border: 2px solid;
	border-color: #CCCCCC #999999 #999999 #CCCCCC;
}

.req
{
	font-weight: bold;
}

.formControl
{
	width: 230px;
}

select.formControl
{
	width: 234px;
}

.formControlMid
{
	width: 320px;
	margin-left: 10px;
}

select.formControlMid
{
	width: 324px;
	margin-left: 10px;
}

.formControlLarge
{
	width: 440px;
}

.formControlSmall
{
	width: 130px;
}

select.formControlSmall
{
	width: 134px;
}

.rad label
{
	padding-right: 10px !important;
}

.clear
{
	clear: both;
}

.hide
{
	display: none;
}

.left
{
	text-align: left;
}

.center
{
	text-align: center !important;
}

.right
{
	text-align: right;
}

.top
{
	vertical-align: top !important;
}

.middle
{
	vertical-align: middle;
}

.floatLeft
{
	float: left;
	text-align: left;
}

.floatRight
{
	float: right;
	text-align: right;
}

.fixedWidth
{
	width: 500px;
	margin: auto;
}

.fixedWidthLarge
{
	width: 720px;
	margin: auto;
}

.fixedWidthSmall
{
	width: 400px;
	margin: auto;
}

.shaded
{
	padding: 5px;
	background-color: #EEEEEE;
	border: solid 1px #DDDDDD;
}

.shaded .label
{
	width: 214px;
}

.shaded .labelSmall
{
	width: 136px !important;
}

.shaded .formControlSmall
{
	margin-left: 10px;
	width: 130px;
}

.pointer
{
	cursor: pointer;
	cursor: hand;
}

.padLeft
{
	padding-left: 10px;
}

.padRight
{
	padding-right: 30px;
}

/* JobShop Styles */

.loginButtons, .loginButtons a
{
	color: #000000;
	padding: 0px 0px 5px 0px;
}

.sitemap, .sitemap a
{
	width: 80%;
	color: #000000;
	padding: 0px 0px 10px 0px;
}

.navItem
{
	vertical-align: middle;
	padding: 8px;
	border-bottom: dotted 1px #CCCCCC;
	position: relative;
	width: 340px;
	display: inline-block;
}

.navItem:hover
{
	color: #000000;
	text-decoration: none;
	background-color: #0099CC;
}

.navItem img
{
	padding: 0px 8px 0px 5px;
}

.pageHeader h2 img
{
	margin: -2px 2px 0px 0px;
	vertical-align: middle;
}

.job-category-item
{
	width: 300px;
	display: inline-block;
}

.job-category-item a
{
	color: #000000;
	float: left;
	text-decoration: underline;
}

.validationHighlight
{
	background-color: #FFDDCC;
}

.validationBox
{
	background-color: #FFFFFF !important;
	border: solid 1px #000000;
	padding: 2px;
	text-align:left;
	margin-top: 3px;
}

.modalBackground {
	background-color:#000;
	filter:alpha(opacity=60);
	opacity:0.6;
} 