body {
	/*background-color:#A4E4F6;
	background-image: url("../images/gradient_bluewhite.png"); */
	background-position: center; 
	background-repeat: repeat-y; 
	vertical-align: top; 
	font-family: Verdana,Arial;
	font-size: 11px; 
	text-align: left; 
	margin: 0px; 
	padding: 20px; 
	/*color: #666666;*/
}


/****************************************

	MAIN content area styles
	
	These are used in all pages to present
	a common look.

 ****************************************/

div.mainBody {
	background-color:#FFFFFF;
	/*width:700px;*/
	position: relative; 
	text-align:left;
}

 
div.mainContent {
	text-align:left;
	/*padding:20px;*/
}

div.mainCopy {
	/*width:70%;
	padding-left:30px;*/
}

img.topLeftImage {
}

img.topRightImage {
	position: absolute; 
	top: 0px; 
	right: 0px; 
}

img.bottomLeftImage {
	position: absolute; 
	bottom: 0px; 
}

img.bottomRightImage {
	position: absolute; 
	bottom: 0px; 
	right: 0px; 
}

/****************************************

	JOBS search list styles
	
	These are used when  displaying job 
	details in the active jobs list.

 ****************************************/
		
div.jobListing {
/*	width:70%;
	padding: 10px;
	padding-left:60px; */
	border-top: 5px solid #0281CE;
	padding: 10px 0;
}

div.jobSearchResults {
}

span.jobListingTitle {
	font-size:12pt;
	font-weight:bold;
}
		
span.jobListingState {
}

span.jobListingRef {
}

span.jobListingSuburb {
}

span.jobListingTeaser {
	font-style:italic;
}

span.jobListingSalary {
}
		

/****************************************

	LOGIN screen
	
	These are used when  displaying the
	candidate login screen.

 ****************************************/

div.candLogin {
}

div.candLogin table {
}

div.candLogin td {
}

div.candLogin th {
}

div.candLogin  input {
}

div.candLogin button {
}

/****************************************

	CANDIDATE details screen
	
	These are used when displaying the
	candidate details editing screen.

 ****************************************/

div.candDetails {
}

div.candDetails table {
}

div.candDetails td {
}

div.candDetails th {
}

div.candDetails input {
}

div.candDetails button {
}

div.candDetails select {
}


/****************************************

	JOB SEARCH control

	These are used to style the job search
	control.	

 ****************************************/

div.jobSearch {
}

div.jobSearch table {
}

div.jobSearch td {
}

div.jobSearch th {
}

div.jobSearch input {
}

div.jobSearch button {
}

div.jobSearch select {
}


/****************************************

	APPLICATION screen
	
	These are used when displaying the
	application page.
	

 ****************************************/

div.app {
	background-color:#FFFFFF;
	/*width:60%;*/
	text-align:left;
	padding:20px;
}

div.app table {
}

div.app td {
	padding:3px;
}

div.app th {
	/*width:500px;*/
	font-weight:normal;
	font-size:11pt;
	padding-right:10px;
}

div.app input {
	height: 16px;
	font-size:9pt;
}
div.app textarea {
	width: 180px;
	border: 1px solid #999;
	width:250px;
	height: 80px;
	padding: 4px;
}
div.app button {
}

div.app select {
	height: 22px;
	font-size:9pt;
}

div.app input.submitButton {
	height:28px;
	width:80px;
}


div.app input.fileSelect {
	height:24px;
}

div.appJobDetails {
	border-bottom: 5px solid #0281CE;
}

div.appJobDetails h2 {
	text-decoration:underline;
}

/* al's custom styles */
#jobs_menu {
	border-bottom: 5px solid #0281ce;
	height: 31px;
	margin-top: -50px;
	padding-right: 4px;
}
#jobs_menu .welcome {
	float: right;
	padding-left: 12px;
	background: #dddddd url('/images/jobs_welcome_corner_left.png') top left no-repeat;
}
#jobs_menu .welcome div {
	padding-right: 10px;
	line-height: 38px;
	height: 31px;
	background: #dddddd url('/images/jobs_welcome_corner_right.png') top right no-repeat;
	font-style: italic;
}
#jobs_menu a {
	float: right;
	display: block;
	margin-left: 4px;
	background: url('/images/jobs_menu_sprite.png') no-repeat;
	height: 31px;
}
#jobs_menu .register {
	width: 200px;
	background-position: 0 top;
}
#jobs_menu .login {
	width: 73px;
	background-position: -200px top;
}
#jobs_menu .account {
	width: 189px;
	background-position: -273px top;
}
#jobs_menu .logout {
	width: 92px;
	background-position: -462px top;
}
#jobs_menu .register:hover {
	background-position: 0 bottom;
}
#jobs_menu .login:hover {
	background-position: -200px bottom;
}
#jobs_menu .account:hover {
	background-position: -273px bottom;
}
#jobs_menu .logout:hover {
	background-position: -462px bottom;
}

.mainBody input {
	margin-bottom: 5px;
}
.mainBody input[type=text], .mainBody input[type=password] {
	border: 1px solid #999;
	width: 250px;
	padding: 4px;
}