/* CSS Document for A and A Recruitment */

/* Defaults */

body {
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0;
}

img, table	{ border: 0; }

form {	margin: 0;	padding: 0; }

div#showerror {
	font: bold 12px Arial, Helvetica, sans-serif; color: #cc0000; text-align: left; padding: 10px 0 10px 5px; margin: 0;
}

#topbanner {
	background: url(images/topbanner.jpg) no-repeat top left;
	width: 730px;
	height: 105px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
	padding: 0;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 730px; 
}

html>body #topbanner {
	width: 730px; /*IE does not read me */
}

#maincontainer {
	background: url(images/sidebar.jpg) repeat-y;
	width: 730px;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 730px; 
}

html>body #maincontainer {
	width: 730px; /*IE does not read me */
}

#bottomline {
	background: url(images/bottomline.jpg) no-repeat top left;
	width: 730px;
	height: 1px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
	padding: 0;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 730px; 
}

html>body #bottomline {
	width: 730px; /*IE does not read me */
}

#navigation {
	width: 730px;
	margin-right: auto;	
	margin-left: auto; 
	padding: 10px 0 0 0;
	margin: 0; 
	text-align: right;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 730px; }

html>body #navigation {
	width: 730px; }

#navigation a:link {
    color: #33FFFF; text-decoration: none; }

#navigation a:visited {
    color: #33FFFF; text-decoration: none; }

#navigation a:hover {
    color: #33FFFF; text-decoration: underline; }
 
div#navigationoption1_off, div#navigationoption2_off, div#navigationoption3_off, div#navigationoption4_off {
	font-family: "Comic Sans MS"; font-size: 15px;
	padding: 0 5px 0 0; color: #33FFFF; }

div#navigationoption1_on, div#navigationoption2_on, div#navigationoption3_on, div#navigationoption4_on {
	font-family: "Comic Sans MS"; font-size: 15px; font-weight: bold;
	padding: 0 5px 0 0; color: #fffff; }

#pagecontent {
	width: 730px; height: 500px; display: table;
	margin-right: auto;
	margin-left: auto;
	padding: 10px 0 20px 0;
	margin-top: 0;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 730px; 
}

html>body #pagecontent {
	width: 730px; /*IE does not read me */
}

#pagecontent h2 {
	color: #000; 
	padding: 10px 0 0 6px; 
	margin: 0; 
	font: bold 14px Arial, Helvetica, sans-serif
}

#pagecontent h3 {
	color: #000; 
	padding: 10px 0 0 6px; 
	margin: 0; 
	font: 14px Arial, Helvetica, sans-serif
}

#pagecontent p {
	color: #000; 
	padding: 25px 4px 0 6px; 
	margin: 0; 
	font: 12px Arial, Helvetica, sans-serif
}

#pagecontent hr {
	color: #000;
	margin-top: 15px; 
	width: 715px;
	height: 1px;
}

#footer {
	width: 730px; 
	margin-right: auto;	
	margin-left: auto; 
	padding: 25px 0 0 0; 
	text-align: right; 
	vertical-align: bottom;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 730px; }
	
html>body #footer {
	width: 730px; /* be kind to IE */
}

#footer p {
	font: 12px "Gill Sans MT"; color: #666; margin: 0; padding: 0; text-align: center; }
	
#vacancydetails {
	width: 488px;
	display: table;
	margin-right: auto;	
	margin-left: auto; 
	padding: 15px 0 0 0; 
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 488px; }
	
html>body #vacancydetails {
	width: 488px; /* be kind to IE */
}

#vacbar {
	background: url(images/vacbar.jpg) no-repeat top center;
	width: 488px;
	height: 24px; 
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px 0 0 8px; 
	margin: 0; 
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 480px; }

html>body #vacancydetails {
	width: 480px; /* be kind to IE */
}

#itemlabel {
	width: 120px;
	float: left;
	font-weight: bold;
	margin-right: auto;	
	margin-left: auto; 
	margin-top: 0;
	text-align: left;
	padding: 8px 0 0 5px; 
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 115px; }
	
html>body #itemlabel {
	width: 115px; /* be kind to IE */
}


#itemdata {
	width: 368px;
	float: left;
	text-align: left;
	margin-right: auto;	
	margin-left: auto; 
	margin-top: 0;
	padding: 8px 0 0 0; 
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 368px; }
	
html>body #itemdata {
	width: 368px; /* be kind to IE */
}

#applyform {
	width: 730px;
	padding: 0; margin: 20px 0 0 0;
	text-align: left;
}

#applyform .spacer {
	width: 180px;
	height: 30px;
	font-weight: bold;
	padding: 0; margin: 0;
	text-align: left;
}

.applyformlabel {
	width: 220px;
	height: 30px;
	font-weight: bold;
	padding: 0; margin: 0;
	text-align: left;
}

.applyformcell {
	width: 330px;
	height: 30px;
	padding: 0; margin: 0;
	text-align: left;
}

.applytextbox {
	width: 150px;
	height: 19px;
	border: 1px solid #0073bd;
}

.editvactextbox {
	width: 250px;
	height: 19px;
	border: 1px solid #0073bd;
}

.editvactextarea {
	width: 250px;
	height: 120px;
	border: 1px solid #0073bd;
	font: 12px Arial, Helvetica, sans-serif;
	
}

#applyform .calllistbox {
	width: 150px;
	height: 19px;
}

#contactroutes {
	width: 730px;
	display: table;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	margin-top: 0;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 730px; 
}

html>body #contactroutes {
	width: 730px; /*IE does not read me */
}


#contactroutes h2 {
	color: #000; 
	padding: 0; 
	margin: 0; 
	font: bold 14px Arial, Helvetica, sans-serif
}

#contactroutes p {
	color: #000; 
	padding: 0; 
	margin: 0; 
	font: 12px Arial, Helvetica, sans-serif
}

#contactroutes #leftpanel {
	width: 365px;
	float: left;
	margin-right: auto;
	margin-left: auto;
	padding: 15px 0 0 20px;
	margin-top: 0;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 345px; 
}

html>body #contactroutes #leftpanel {
	width: 345px; /*IE does not read me */
}

#contactroutes #rightpanel {
	width: 365px;
	float: left;
	margin-right: auto;
	margin-left: auto;
	padding: 15px 0 0 0;
	margin-top: 0;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 365px; 
}

html>body #contactroutes #rightpanel {
	width: 365px; /*IE does not read me */
}

#putjob {
	width: 730px;
	display: table;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	margin-top: 0;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 730px; 
}

html>body #putjob {
	width: 730px; /*IE does not read me */
}

#putjob p {
	color: #000; 
	padding: 0 0 0 6px; 
	margin: 0; 
	font: 12px Arial, Helvetica, sans-serif
}

#putjob h2 {
	color: #000; 
	padding: 20px 0 8px 6px; 
	margin: 0; 
	font: bold 14px Arial, Helvetica, sans-serif
}

.editvacon, .editvacoff, .delvacon, .delvacoff, .savevacoff, .savevacon, .applyon, .applyoff, .callon, .calloff, .canceloff, .cancelon {
	border: 0px; cursor: hand;
}

.editvacon { width: 58px; height: 24px; background: url(images/buttons/editvac-on.jpg) no-repeat left; }
.editvacoff { width: 58px; height: 24px; background: url(images/buttons/editvac-off.jpg) no-repeat left; }
.delvacon { width: 58px; height: 24px; background: url(images/buttons/delvac-on.jpg) no-repeat left; }
.delvacoff { width: 58px; height: 24px; background: url(images/buttons/delvac-off.jpg) no-repeat left; }
.applyon { width: 58px; height: 24px; background: url(images/buttons/vacapply-on.jpg) no-repeat left; }
.applyoff { width: 58px; height: 24px; background: url(images/buttons/vacapply-off.jpg) no-repeat left; }
.callon { width: 80px; height: 25px; background: url(images/buttons/makecall-on.jpg) no-repeat left; }
.calloff { width: 80px; height: 25px; background: url(images/buttons/makecall-off.jpg) no-repeat left; }
.savevacon { width: 80px; height: 25px; background: url(images/buttons/savevac-on.jpg) no-repeat left; }
.savevacoff { width: 80px; height: 25px; background: url(images/buttons/savevac-off.jpg) no-repeat left; }
.cancelon { width: 80px; height: 25px; background: url(images/buttons/cancel-on.jpg) no-repeat left; }
.canceloff { width: 80px; height: 25px; background: url(images/buttons/cancel-off.jpg) no-repeat left; }