/*	Desc: Procurenet.com.au Screen Stylesheet
	Date: 21th June 07	
=== === === === === === === === === === */





/*=MISC
=== === === === === === === === === === */

body {
	font:75%/153% Myriad,Arial,Helvetica,Verdana;
	color:#333;
	background:#F3F4F7 url(../images/main-bg2.gif) repeat-x;
	}

table {font:100%/153% Myriad,Arial,Helvetica,Verdana;}

#container {
	width:735px;
	margin:0 auto;
	padding:20px 20px 13px 20px;
	overflow:hidden;
	background:#FFF;
	/*background:#FFF url(../images/container-bg.gif) repeat-x 0 2px;*/
	}

hr {display:none}
	
i,em {font-style:italic}	
b,strong {font-weight:bold}	









/*=HEADER
=== === === === === === === === === === */

#header {
	color:#FFF;
	margin:0 auto;
	width:775px;
	height:120px;
	background:#346CA7 url(../images/header-bg.jpg) repeat-x;
	}

#header h1,
#header h1 a {
	color:#FFF;
	display:block;
	text-indent:-999999px;
	width:201px;
	height:77px;
	overflow:hidden;
	float:left;
	background:url(../images/logo-201.gif) no-repeat center left;
	}
	
#header em {
	display:block;
	float:left;
	width:237px;
	height:80px;
	margin:0 0 0 18px;
	overflow:hidden;
	text-indent:-999999px;
	background:url(../images/headertagline2.gif) no-repeat 0% 55%;
	}

#sitesearch {
	width:270px;
	height:52px;
	float:right;
	text-align:right;
	padding:28px 20px 0 0;
	}

#sitesearch .searchsize {
	color:#4576AC;
	font:105% Myriad,Arial,Helvetica,Verdana;
	text-align:left;
	border:solid #A7BACF;
	border-width:0px 0 3px 0px;
	width:207px;
	padding:3px 5px;
	background:#EBF4FF;
	font-weight:bold;
	}

#sitesearch .searchsize:hover {
	color:#003264;
	background-color:#FFF !important;
	}

#sitesearch .submitbtn {vertical-align:bottom}

*html #sitesearch .submitbtn {margin:0 0 1px 0}





/*=TOP NAV
=== === === === === === === === === === */

#mainnav {
	font-family:"trebuchet ms",arial;
	float:left;
	font-size:115%;
	display:inline;
	width:448px;
	height:40px;
	clear:both;
	margin:0 0 0 20px;
	}

#mainnav li {
	float:left;
	font-weight:bold;
	line-height:40px;
	background:url(../images/mainnav-hoverbg2.gif) no-repeat;
	}

#mainnav li a {
	float:left;
	color:#4576AC;
	width:112px;
	text-align:center;
	background:url(../images/mainnav-bg2.gif) no-repeat;
	}

#mainnav li a:hover {
	color:#003264;
	background:none;
	}

#mainnav li a.current,
#mainnav li a.current:hover {
	color:#003264;
	background:url(../images/mainnav-currentbg2.gif) no-repeat;
	}

.leftmost {background-image:url(../images/mainnavleft-hoverbg2.gif) !important}

.leftmost a {background-image:url(../images/mainnavleft-bg2.gif) !important}

.leftmost a:hover {background:none !important}

.leftmost .current,
.leftmost .current:hover {background:url(../images/mainnavleft-currentbg2.gif) no-repeat  !important}





/*=TOP TOOLBAR 
=== === === === === === === === === === */	

#tools {
	float:right;
	text-align:center;
	margin:10px 0 0 0;
	width:307px;
	height:30px;
	background:#1C3E6C url(../images/tools-bg.gif) repeat-x 0 0;
	}

#tools li {
	line-height:30px;
	display:inline;
	}

#tools li a {
	color:#BED2E6;
	padding:0 4px 0 23px;
	}
	
#tools li a:hover {
	color:#FFF;
	background:none;
	}

#tools .print {background:url(../images/tools-print.gif) no-repeat 0 40%}	
#tools .send {background:url(../images/tools-send.gif) no-repeat 0 50%}
#tools .subscribe {background:url(../images/tools-subscribe.gif) no-repeat 0 50%}
#tools .sitemap {background:url(../images/tools-sitemap.gif) no-repeat 0 50%}

#tools .print a:hover {background:url(../images/tools-print.gif) no-repeat 0 40%}
#tools .send a:hover {background:url(../images/tools-send.gif) no-repeat 0 50%}
#tools .subscribe a:hover {background:url(../images/tools-subscribe.gif) no-repeat 0 50%}
#tools .sitemap a:hover {background:url(../images/tools-sitemap.gif) no-repeat 0 50%}




	
/*=MENU
=== === === === === === === === === === */

#menu {
	width:150px;
	color:#FFF;
	font:100%/145%;
	background:#000 url(../images/menu-bot.gif) no-repeat bottom right;
	padding:0 0 5px 0;
	}
	
#menu li {background:url(../images/icon-menu.gif) no-repeat 8.5% 50%}

#menu a {
	color:#E5E5E5;
	line-height:30px;
	height:40px;
	padding:0 20px;
	border-bottom:1px solid #2F2F2F;
	background:url(../images/icon-menu.gif) no-repeat 8.5% 50%;
	}

#menu a:hover {
	color:#FFF;
	background:#242424 url(../images/icon-menuover.gif) no-repeat 8.5% 50%;
	}
	
#menu a.current,
#menu a.current:hover {
	color:#FFF;
	background:url(../images/icon-menucurrent.gif) no-repeat 8.5% 50%;
	}
	
#menu a.subitem{
	background:#242424 url(../images/icon-menu.gif) no-repeat 8.5% 50%;
	height:25px;
	line-height:25px;
	font-size:80%;
	border-bottom:0;
	}
	
#menu a.subitem:hover{
	background:#313131 url(../images/icon-submenuover.gif) no-repeat 8.5% 50%
	}
	
#menu a.subcurrent,
#menu a.subcurrent:hover{
	background:#313131 url(../images/icon-submenucurrent.gif) no-repeat 8.5% 50%
	}

	
	

	


	

/*=SIDENAV
=== === === === === === === === === === */

#sidenav {
	font-size:95%;
	width:450px;
	float:left;
	list-style-type:none !important;
	margin:0 0 15px 0 !important;
	}

#sidenav a {
	color:#777;
	display:block;
	line-height:250%;
	padding:0 0 0 12px;
	border:none !important;
	background:url(../images/sidenav-bullet.gif) no-repeat center left;
	}

*html #sidenav a {height:1%}

#sidenav a.current,
#sidenav a.current:hover {
	color:#DB0124;
	background:url(../images/sidenav-bullet.gif) no-repeat center left;
	}

#sidenav a.sub,
#sidenav a.sub:hover {
	margin:0 0 0 12px;
	}

#sidenav a.subcurrent,
#sidenav a.subcurrent:hover {
	color:#DB0124;
	}

#sidenav a:hover {color:#063A6B}

#sidenav li {
	list-style-type:none !important;
	width:140px;
	margin:0 10px 0 0 !important;
	float:left;
	background:url(../images/sidenav-shadow.gif) repeat-x bottom left;
	}

#sidenav li:hover {
	background:url(../images/sidenav-hovershadow.gif) repeat-x bottom left;
	}
 
.homebtn a {
	font-weight:bold;
	color:#063A6B !important;
	padding-left:21px !important;
	background:url(../images/homebtn.gif) no-repeat 0 50% !important;
	}

.homebtn {background:0 !important}





/*=SIDEBAR
=== === === === === === === === === === */

#sidebar {
	width:270px;
	float:right;
	}

#sidebar p {
	color:#033868
	}

#sidebar h3 {
	font-family:"trebuchet ms",arial;
	color:#FFF;
	text-indent:33px;
	margin:0;
	line-height:30px;
	}

#sidebar h3 a:hover {
	color:#FFF
	}

#map h3 {
	color:#2C5888;
	text-indent:0 !important;
	margin:0;
	line-height:30px;
	}

#nomap {
	display:block;
	padding:10px;
	}

#sidebar form {
	padding:10px;
	}

#sidebar input {
	width:75px;
	padding:3px 4px;
	}

#sidebar select {
	width:119px;
	padding:2px 0;
	margin:0 0 0 3px;
	}

#sidebar input,
#sidebar select {
	border:1px solid #CCC;
	font:95% Arial,Helvetica,Verdana;
	}

#sidebar .submitbtn {
	padding:0;
	border:0;
	width:auto;
	}

#sidebar .submitbtn {vertical-align:bottom}
*html #sidebar .submitbtn {margin:0 0 1px 0}

*html #sidebar input {padding:2px 5px}

#map {
	height:188px;
	background:#F4F7FB;
	}

#opportunities {
	font-size:120%;
	line-height:38px;
	overflow:hidden;
	height:38px;
	border-top:2px solid #FFF;
	background:#FDBE14 url(../images/franchise-bg.gif) no-repeat;
	}

#opportunities a {
	color:#FFF5DC;
	padding:0 0 0 52px;
	display:block;
	}

#opportunities a:hover {
	color:#FFF
	}

#vacancies {
	height:75px;
	margin:0 0 10px 0;
	background:url(../images/sidebar-vacancies2.gif) repeat-x;
	}

#vacancies h3 {
	margin:0 !important;
	color:#FFE6E7;
	background:#C40D14 url(../images/sidebar-vacancies-small.gif) no-repeat;
	}

#available {
	height:75px;
	margin:0 0 10px 0;
	background:url(../images/sidebar-candidates2.gif) repeat-x;
	}

#available h3 {
	margin:0 !important;
	color:#E9FFDC;
	background:#57AD23 url(../images/sidebar-candidates-small.gif) no-repeat;
	}

#register {
	height:45px;
	}

#register a {
	width:270px;
	display:block;
	color:#E4EBFF;
	}

#register h3 {
	margin:0 !important;
	background:#3B599E url(../images/sidebar-register-small.gif) no-repeat;
	}

#login {
	height:45px;
	}

#login a {
	width:270px;
	display:block;
	color:#E4EBFF;
	}

#login h3 {
	margin:0 !important;
	background:#3B599E url(../images/sidebar-login-small.gif) no-repeat;
	}

#latestnews {
	font-size:90%;
	line-height:155%;
	background:url(../images/sidebar-latestnews2.gif) repeat-x;
	overflow:hidden;
	}

#latestnews h3 {
	font-size:130% !important;
	margin:0 !important;
	font-weight:bold;
	color:#E4F1FF;
	background:#688BB3 url(../images/sidebar-latestnews-small.gif) no-repeat;
	}

#latestnews ul {margin:10px}

#latestnews li {margin:0 0 15px 0}

#latestnews img {margin:4px 10px 10px 0}

#latestnews a {color:#688BB3;font-size:110%}
#latestnews a:hover {color:#000}

.shadow {
	display:block;
	background:url(../images/shadow-common.gif) repeat-x;
	height:10px;
	margin:0 0 10px 0;
	width:100%;
	}

*html .shadow {margin:0 0 5px 0}





/*=FOOTER
=== === === === === === === === === === */

#footer {
	margin:0 auto;
	width:775px;
	color:#555;
	font-size:90%;
	padding:10px 0;
	clear:left;
	background:url(../images/footer-bg.gif) repeat-x top left
	}

#footer a {color:#333}

#footer a:hover {color:#5191BE}

#footer .bottomlinks {font-size:110%}

#footer .bottomlinks a {padding:0 5px}

#footer1 {
	width:475px;
	float:left;
	padding:0 0 10px 0;
	}

#footer2 {
	width:290px;
	text-align:right;
	float:right;
	}

.nolmarg {padding-left:0px !important}














/*=CONTENT FORMATTING
=== === === === === === === === === === */


.infobox {
	font-size:90%;
	color:#777;
	border:1px solid #ECECEC;
	padding:4px;
	text-align:center;
	}

.infobox img {
	padding:0 0 5px 0;
	background:url(../images/sidenav-shadow.gif) repeat-x bottom left;
	}

.left {
	float:left;
	margin:0 20px 20px 0;
	}

.right {
	float:right;
	margin:0 0 20px 20px;
	}

h3 {
	color:#053868;
	margin:1.2em 0;
	font-size:120% !important;
	font-weight:bold !important;	
	}

#content h3 {
	margin:1.2em 0 !important;
	}

h4 {
	color:#053868;
	margin:1em 0;
	font-size:105%;
	font-weight:bold;
	}

#content ul,
#content ol {margin:0 0 2em 4em}

#content ul ul,
#content ol ol {margin:1.0em 0 0 0;padding:0 0 0 2.4em}
	
#content ul li {
	margin:0 0 .7em 0;
	list-style-type:disc;
	}

#content ul ul li,
#content ol ol li {
	list-style-type:circle;
	}
	
#content ol li {
	margin:0 0 .7em 0;
	list-style-type:decimal;
	}

#content p {margin:0 0 1em 0}

a {
	color:#109391;
	text-decoration:none;
	}

#content a {border-bottom:1px solid #DFF3F3}

#content a img {border:0}
	
a:hover {color:#064B4A}

.floatleft {float:left}

.floatright {float:right}

.width200 {width:200px}

small {
	font-size:80%;
	line-height:140% !important;
	}

big {font-size:130%}

.red {color:red}

p {margin:0 0 .5em 0}


.result {
	margin:0 0 40px 0;
	}

.result b {
	display:block;float:left;
	width:90px;
	}

#content table td {
	padding-bottom:7px;
	}

#content table {
	margin-bottom:-7px;
	}


/*=CONTENT
=== === === === === === === === === === */

#contentbox {
	float:left;
	width:450px;
	overflow:hidden;
	}

#content {
	width:450px;
	float:left;
	overflow:hidden;
	}

#content h2 {
	font-family:"trebuchet ms",arial;
	color:#2C5888;
	margin:.2em 0 1em 0;
	font-size:130%;
	font-weight:bold;	
	}

#content h3 {
	font-family:"trebuchet ms",arial;
	color:#4576AC;
	}

#front #content h3 {
	margin:0 0 1em 0 !important;
	}

#front #content {
	width:450px;
	}

img.mainimage {display:block}

.mainimage {
	width:450px;
	height:188px;
	background:#335C7C;
	overflow:hidden;
	}

#mainimage-bottom {
	font-family:"trebuchet ms",arial;
	font-size:130% !important;
	color:#FFF !important;
	margin:0 !important;
	width:450px;
	height:38px;
	line-height:38px;
	border-top:2px solid #2D5E91; 
	background:#1E426D url(../images/mainimage-bottom-bg.gif) repeat-x 0 0;
	}

#mainimage-bottom a {
	font-size:100%;
	color:#B9DAFE;
	border-bottom:0;
	}

#mainimage-bottom a:hover {
	color:#FFF;
	}

#mainimage-bottom b {
	float:left;
	margin:0 0 0 15px;
	}

#mainimage-bottom small {
	float:right;
	line-height:38px !important;
	margin:0 15px 0 0;overflow:hidden
	}

#tickboxes {
	color:#3D6786;
	clear:both;
	margin:-5px 0 0 0;
	font-size:100%;
	font-weight:bold;
	line-height:15px
	}

#tickboxes li {
	padding:0px 0 10px 28px;
	border-bottom:1px solid #BCC4C9;
	background:url(../images/front-tick.gif) no-repeat 0 0;
	list-style:none !important;
	}

#tickboxes ul {
	margin: 0 !important
	}

#tickboxes .col1,
#content .col1 {
	width:215px;
	float:left;
	}

#tickboxes .col2,
#content .col2 {
	width:215px;
	float:right;
	}

#tickboxes .col1,
#tickboxes .col2 {padding:0 0 10px 0;}

#content .linkstable td {
	padding-bottom:30px;
	}

.registerbtn,
.registerbtn:hover  {
	display:block;
	width:350px;
	text-align:center;
	padding:7px 10px;
	border:0 !important;
	margin:10px 0 20px 0;
	color:#FFF;
	font-size:120%;
	font-weight:bold;
	background:#22487C;
	}

.contactdetails {
	line-height:170%;
	display:block;
	padding:0 0 20px 0;
	}

#content input {margin:0 3px 0 0}


#searchvacancies .submitbtn,
#searchcandidates .submitbtn {vertical-align:bottom}

*html #searchvacancies .submitbtn,
*html #searchcandidates .submitbtn, {margin:0 0 1px 0}

#form input,
textarea {font-family:"trebuchet ms",arial; font-size:100%}

#form input[type="submit"] {padding:3px 10px}

#form textarea {width:300px; height:150px}

#ClientFeedback p {padding:0;margin:0}

.wysiwygemail {display:none}