/*------------------------------------------------------------------ 
#
# [Peoplebank Stylesheet] 
#  
# Project:		Peoplebank Australia Ltd Site
# Version:		2.0
# Date Created:	09/04/09
# Last change:	09/04/09 [Wade Du Preez -> Document Created]
# Created By:	Wade Du Preez
# Copyright:	Peoplebank Australia Ltd 2009
# 
#
#
# [Peoplebank Colour Schemes]
# 
# Teal (100%)	:	#008da8
# Teal (75%)	:	#009db6
# Teal (50%)	:	#68bacd
# Teal (25%)	:	#bedee6
# 
# LightTeal (100%)	:	#70cde3
# LightTeal (75%)	:	#8fd6e8
# LightTeal (50%)	:	#b9e4f0
# LightTeal (25%)	:	#e2f3f7
#
# Grey (100%)	:	#666666
# Grey (75%)	:	#cccccc
# Grey (50%)	:	#f2f2f2
# Grey (25%)	:	#efefef
#
# Orange (100%)	:	#f5a01a
# Orange (75%)	:	#f9b04b
# Orange (50%)	:	#fccc8b
# Orange (25%)	:	#fee8cb
# 
# Purple (100%)	:	#f5a01a
# Purple (75%)	:	#f9b04b
# Purple (50%)	:	#fccc8b
# Purple (25%)	:	#fee8cb
# 
# Brown (100%)	:	#a2978a
# Brown (75%)	:	#b3aa9d
# Brown (50%)	:	#cfc7bd
# Brown (25%)	:	#eae5e0
#
#
#
# [Table of Contents]
# 
# 1. Standard HTML Tag Reset
# 2. Standard HTML Tag Definition
# 3. Main Structual Elements
# 4. Custom Styles
# 5. Misc Styles
# 6. Link & Navigation Styles
# 7. Banner Slider Styles
# 8. Job Search & Job View Styles
# 9. Table Styles
# 10. nyroModal Styles
# 11. Form Styles
# 12. Podcast Styles
# 
# -------------------------------------------------------------------*/ 

/* ----------------------- */
/* Standard HTML Tag Reset */
/* ----------------------- */

body,
h1, h2, h3, h4, h5, h6,
p, ul, ol, li, a, div,
table, tr, td, th,
form, img {
	margin:0;
	padding:0;
	border:0;
	}

ul, ol, li {
	list-style-type:none;
	}

/* End */



/* ---------------------------- */
/* Standard HTML Tag Definition */
/* ---------------------------- */

html, body {
	height: 100%;
	}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#606060;
	background-color:#f2f2f2;
	}

h1 {
	color:#008da8;
	}

h2 {
	color:#008da8;
	font-size:10px;
	margin-bottom:10px;
	}

h3 {
	color:#008da8;
	font-size:10px;
	font-weight:normal;
}

h6 {
	font-family:sans-Serif;
	}

p {
	color: #606060;
	line-height:135%;
	font-size:10px;
	margin-bottom:10px;
	}

small {
	font-size:10px;
	color:#aaa;
}

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

a:hover {
	text-decoration:underline;
	color:#008da8;
	}

/* End */



/* ----------------------- */
/* Main Structual Elements */
/* ----------------------- */

#pageBase {
	width:800px;
	margin:0 auto;
	background-color:#ffffff;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	min-height:100%;
	}

#container {
	width:730px;
	padding-top:25px;
	margin-left:35px;
	min-height:100%;
	}

#header {
	height:41px;
	width:730px;
	margin-bottom:15px;
	}

#logo {
	width:220px;
	height:41px;
	display:inline-block;
	float:left;
	}

#headernav {
	float:right;
	width:400px;
	height:16px;
	margin-top:14px;
	text-align:right;
	}

#feature {
	height:190px;
	margin-bottom:10px;
	}

#jobSearch {
	width:298px;
	float:left;
	display:inline-block;
	height:188px;
	border:1px solid #ccc;
	margin-right:10px;
	background-color:#efefef;
	background-image:url("../images/audienceFill.png");
	}

#banner {
	width:418px;
	height:188px;
	display:inline-block;
	float:right;
	border:1px solid #ccc;
	overflow:hidden;
	}

#subHomePageBanner {
	width:730px;
	height:191px;
	background-image:url('../images/clientBannerHome.jpg');
}

#subHomePageBanner #transMenu {
		height:30px;
		position:absolute;
		margin-top:150px;
		width:730px;
}

#audience {
	height:105px;
	margin-bottom:10px;
	}

#clients, #contractors, #jobseekers, #investors {
	height:103px;
	width:173px;
	float:left;
	margin-right:10px;
	background-image:url('../images/audienceFill.png');
	border:1px solid #ccc;
	display:inline-block;
	}

#investors {
	float:right;
	margin-right:0;
	}

#breadCrumbs {
	height:20px;
	margin-bottom:10px;
	background-image:url('../images/breadcrumbsbgrd.png');
	}

#content {
	margin-top:20px;
	margin-bottom:20px;
	}

#welcome, #latestOpportunities {
	margin-left:10px;
	margin-right:35px;
	display:inline-block;
	float:left;
	width:210px;
	margin-bottom:10px;
	}

#featuredContent {
	margin-left:0px;
	margin-right:10px;
	margin-bottom:10px;
	width:194px;
	display:inline-block;
	float:right;
	}

#contentMain {
	width:375px;
	display:inline-block;
	margin-left:10px;
	float:left;
	margin-bottom:15px;
}

#contentFeature {
	width:280px;
	float:right;
	display:inline-block;
	margin-right:10px;
}

#contentNav {
	width:145px;
	margin-left:10px;
	display:inline-block;
	float:left;
	margin-bottom:20px;
}

#contentMainStd {
	width:300px;
	margin-left:20px;
	display:inline-block;
	float:left;
}

#contentFeatureStd {
	width:190px;
	margin-right:10px;
	display:inline-block;
	float:right;
}

#footer {
	height:60px;
	clear:both;
	margin-top:20px;
	}

#footerBar {
	height:20px;
	background-color:#008da8;
	}

#footerLinks {
	height:20px;
	margin-top:5px;
	margin-left:10px;
	}

/* End */



/* ------------- */
/* Custom Styles */
/* ------------- */

#subHomePageBanner a {
	margin-right:0;
}

#subHomePageBanner #transMenu li {
		display:inline-block;
		float:left;
		height:30px;
		width:145px;
		border-left:1px solid #cccccc;
}

#subHomePageBanner #transMenu #noborder {
		border:0;
}

#jobSearch img {
	margin-left:10px;
	}

#jobSearch li {
	padding:5px 10px 5px 10px;
	}


#jobSearch form img {
	margin-left:0;
	float:left;
	margin-top:4px;
	margin-right:10px;
	}

#jobSearch input.txtfield {
	border:1px solid #969696;
	padding:3px 2px 3px 3px;
	width:170px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#606060;
	}

#jobSearch select {
	padding:3px;
	width:175px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:200%;
	border:1px solid #969696;
	color:#606060;
	}

#jobSearch select option {
	padding:1px 2px 1px 2px;
	color:#606060;
	}

#jobSearch input.inputButton {
	margin-right:18px;
	margin-top:5px;
	}

#breadCrumbs p {
	margin-left:10px;
	padding-top:4px;
	color:#008da8;
	}

#breadCrumbs p img {
	margin-left:5px;
	margin-right:5px;
	}

#content iframe {
	text-align:center;
	}

#content #contentMain h2 {
	margin-top:10px;
	margin-bottom:5px;
}

#content #contentMain p {
	margin-bottom:10px;
}

#contentNav ul {
	list-style-image:url('../images/arrow_whtbgrd.png');
	margin-left:20px;
}

#contentNav li {
	margin-bottom:5px;
}

#contentNav ul .navhere  {
	color:#008da8;
}
#jobView {
	margin-bottom:20px;
}

#jobView ul {
	margin: 10px 0 10px 25px;
	list-style-image:url('../images/arrow_whtbgrd.png');
}

#jobView li {
	padding-top:2px;
	padding-bottom:2px;
}

#jobContent {
	padding:0 10px;
	}

#jobContent h1 {
	font-size:14px;
	margin:0;
	margin-bottom:10px;
	}

#jobContent ul {
	margin:5px;
	}

#jobContent li {
	margin-left:20px;
	list-style-type:disc;
	}

#latestOpportunities h2 {
	margin-bottom:5px;
	}
	
#latestOpportunities #loh2 {
	margin-top:5px;
	}

#latestOpportunities li {
	padding-top:1px;
	padding-bottom:1px;
	}



#footerLinks p {
	color:#008da8;
	}
	
#contentMain .listStyle1, #contentMainStd .listStyle1 {
	margin:0 0 10px 25px;
	list-style-image:url('../images/arrow_whtbgrd.png');
}

#contentMain .listStyle1 ul li, #contentMainStd .listStyle1 ul li {
	padding:2px 0 2px 0;
}

#contentMainStd .listStyleol {
	margin:0 0 10px 25px;
}

#contentMainStd #extraSpace li {
	margin-bottom:5px;
}

/* End */



/* ---------- */
/* Misc Syles */
/* ---------- */

#headernav img {
	margin-left:5px;
	}

.nobordertop {
	border-top:none;
	}
	
.noborderbottom {
	border-bottom:none;
	}

.whiteSpace5 {
	height:5px;
	}

.whiteSpace10 {
	height:10px;
	}

.whiteSpace9 {
	height:9px;
	}

.whiteSpace15 {
	height:15px;
	}

.whiteSpace20 {
	height:20px;
	}

.floatleft {
	float:left;
	margin:10px 10px 10px 0px;
}

.floatright {
	float:right;
	margin:10px 0 10px 10px;
}

.important {
	color:#ff0000;
}

.space {
	margin-bottom:10px;
}

/* End */



/* ------------------------ */
/* Link & Navigation Styles */
/* ------------------------ */

#audience li {
	list-style-image:url('../images/arrow_grybgrd.png');
	margin-left:25px;
	padding-top:1px;
	padding-bottom:1px;
	color:#333333;
	}

#audience img {
	margin-bottom:5px;
	margin-left:8px;
	}

#audience p {
	margin-top:5px;
	margin-left:8px;
	color:#008da8;
	}

#audience p a {
	color:#008da8;
	}

#audience a:hover {
	color:#008da8;
	text-decoration:underline;
	}

#breadCrumbs a {
	color:#535353;
	text-decoration:none;
	}

#breadCrumbs a:hover {
	text-decoration:underline;
	}

#welcome a {
	color:#008da8;
	}

#jobView .applyNow {
	background-image:url('../images/buttonBgrd.jpg');
	background-repeat: no-repeat;
	display:inline-block;
	height:22px;
	width:75px;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	padding-top:3px;
}

#jobView .applyNow a {
	text-decoration:none;
	color:#ffffff;
}

#jobView .applyNow a:hover {
	text-decoration:underline;
	color:#ffffff;
}

a.sectlinks {
	color:#008da8;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}

.pgrsnav {
	border:1px solid #008da8;
	color:#008da8;
	text-decoration:none;
	padding:2px 5px;
	margin:0 2px;
}

.pgrsnav:hover {
	background-color:#008da8;
	color:#ffffff;
	text-decoration:none;
}


#featuredContent a img, #contentFeature a img, #contentFeature .ro {
	display:inline-block;
	margin-right:2px;
	margin-bottom:4px;
	margin-top:0;
	}

#contentFeatureStd a img {
	margin-bottom:4px;
	margin-right:2px;
}

#footerLinks span {
	margin-left:22px;
	}

#footerLinks a {
	margin-left:5px;
	}

/* End */



/* --------------------- */
/* Banner Slider Styles */
/* --------------------- */

#banner li {
	width:418px;
	height:188px;
	overflow:hidden;
	}

/* End */



/* ---------------------------- */
/* Job Search & Job View Styles */
/* ---------------------------- */

div.pagination {
	padding: 3px;
	margin: 3px;
	text-align:center;
	margin-bottom:20px;
}

div.pagination a {
	border: 1px solid #dedfde;
	margin-right:3px;
	padding:2px 4px;
	background-position:bottom;
	text-decoration: none;
	color: #606060;
}

div.pagination a:hover, div.meneame a:active {
	border: 1px solid #ccc;
	background-image:none;
	background-color:#008da8;
	color: #fff;
}

div.pagination span.current {
	margin-right:3px;
	padding:2px 6px;
	font-weight: bold;
	color: #008da8;
}

div.pagination span.disabled {
	margin-right:3px;
	padding:2px 6px;
	color: #adaaad;
}

/* End */



/* ------------ */
/* Table Styles */
/* ------------ */

#contentMainStd table {
	width:100%;
	border:1px solid #cccccc;
	margin-bottom:20px;
}

#contentMainStd th {
	background-color:#008da8;
	color:#ffffff;
	font-size:10px;
	padding:5px;
}

#contentMainStd tr.odd {
	background-color:#ffffff;
}

#contentMainStd tr.even {
	background-color:#ffffff;
}

#contentMainStd tr:hover {
	background-color:#bedee6;
}

#contentMainStd td {
	padding:5px;
}

#contentMainStd table p{
	padding-top:5px;
}

#contentMainStd #jobView table p {
	margin:0;
}


#contentASX p {
	color:#fff;
}

#contentASX th {
	color:#ffffff;
	background-color:#008da8;
}

#contentASX a {
	color:#ffffff;
	cursor:default;
}

#contentASX a:hover {
	color:#ffffff;
	text-decoration:none;
}

#contentASX .row {
	color:#606060;
	background-color:#efefef;
}

#contentASXprice p {
	color:#fff;
}

#contentASXprice th {
	color:#ffffff;
	background-color:#008da8;
}

#contentASXprice a {
	color:#ffffff;
	cursor:default;
}

#contentASXprice a:hover {
	color:#ffffff;
	text-decoration:none;
}

#contentASXprice .row {
	color:#606060;
	background-color:#efefef;
}

#staffcomments table{
	border:none;
}

#staffcomments tr:hover  {
	background-color:#ffffff;
	padding-top:5px;
	padding-bottom:5px;
}

/* End */



/* ---------------- */
/* nyroModal Styles */
/* ---------------- */

div#nyroModalFull {
	font-size: 12px;
	color: #aaaaaa;
	width: 450px;
	height: 600px;
}
div#nyroModalLoading {
	border: 3px solid #aaaaaa;
	width: 450px;
	height: 600px;
	text-indent: -9999em;
	background: #fff url('nyroModal/img/ajaxLoader.gif') no-repeat;
	background-position: center;
}
div#nyroModalLoading.error {
	border: 3px solid #aaaaaa;
	line-height: 20px;
	padding: 20px;
	width: 300px;
	height: 100px;
	text-indent: 0;
	background: #fff;
}
div#nyroModalWrapper {
	background: #fff;
	border: 3px solid #aaaaaa;
}
a#closeBut {
	position: absolute;
	display: block;
	top: -8px;
	right: -8px;
	width: 15px;
	height: 15px;
	text-indent: -9999em;
	background: url('nyroModal/img/close.jpg') no-repeat;
	outline: 0;
}
h1#nyroModalTitle {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -22px;
	left: 5px;
	font-size: 12px;
	color: #ddd;
}
div.wrapper div#nyroModalContent {
	padding: 5px;
}
div.wrapperImg div#nyroModalContent {
	position: relative;
	overflow: hidden;
	text-align: center;
}
div.wrapperImg img {
	vertical-align: baseline;
}
div.wrapperImg div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 10px;
	margin: 10px;
	border: 1px white dotted;
	overflow: hidden;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
div.wrapperImg div#nyroModalContent div:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: help;
}
a.nyroModalPrev, a.nyroModalNext {
	z-index: 105;
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: 40%;
	cursor: pointer;
	text-indent: -9999em;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}
div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext {
	height: 60%;
	width: 20%;
}
a.nyroModalPrev {
	left: 0;
}
a.nyroModalPrev:hover {
	background: url('nyroModal/img/prev.gif') left 20% no-repeat;
}
a.nyroModalNext {
	right: 0;
}
a.nyroModalNext:hover {
	background: url('nyroModal/img/next.gif') right 20% no-repeat;
}

/* End */




/* ----------- */
/* Form Styles */
/* ----------- */

#feedback input[type=text] {
	width:260px;
	font-family:verdana;
	padding:2px;
	font-size:10px;
	margin-bottom:10px;
	margin-top:5px;
}

#feedback textarea {
	width:255px;
	font-family:verdana;
	padding:3px;
	font-size:10px;
	margin-top:5px
}

#feedback input[type=submit] {
	width:125px;
	height:35px;
	font-family:verdana;
	padding:2px;
	font-size:10px;
	margin:10px 0;
}

#submitVacancy input[type=text] {
	width:260px;
	font-family:verdana;
	padding:2px;
	font-size:10px;
	margin-bottom:10px;
	margin-top:5px;
}

#submitVacancy input[type=submit] {
	width:150px;
	height:35px;
	font-family:verdana;
	padding:3px;
	font-size:10px;
	margin:10px 0;
}

#submitVacancy input[type=file] {
	width:300px;
	height:20px;
	font-family:verdana;
	padding:2px;
	font-size:10px;
	margin:10px 0;
	margin-top:5px;
}

#submitVacancy textarea {
	width:255px;
	font-family:verdana;
	height:100px;
	padding:3px;
	font-size:10px;
	margin-top:5px
}

#submitVacancy span {
	color:#ff0000;
}

#register input[type=text] {
	width:260px;
	font-family:verdana;
	padding:2px;
	font-size:10px;
	margin-bottom:10px;
	margin-top:5px;
}

#register input[type=submit] {
	width:150px;
	height:35px;
	font-family:verdana;
	padding:3px;
	font-size:10px;
	margin:10px 0;
}

#register input[type=file] {
	width:300px;
	height:20px;
	font-family:verdana;
	padding:2px;
	font-size:10px;
	margin:10px 0;
	margin-top:5px;
}

#register textarea {
	width:255px;
	font-family:verdana;
	height:100px;
	padding:3px;
	font-size:10px;
	margin-top:5px
}

#register span {
	color:#ff0000;
}


#referral label {
	display:inline-block;
	width:125px;
}

#referral [type=text] {
	width:135px;
	font-family:verdana;
	padding:5px;
	font-size:10px;
	margin-bottom:10px;
}

#referral input[type=submit] {
	width:125px;
	height:35px;
	font-family:verdana;
	padding:2px;
	font-size:10px;
	margin:10px 0;
}

#referral input[type=file] {
	width:270px;
	height:35px;
	font-family:verdana;
	padding:2px;
	font-size:10px;
	margin:10px 0;
}

#referral textarea {
	width:255px;
	font-family:verdana;
	padding:10px;
	font-size:10px;
	margin-top:5px;
	margin-bottom:10px;
}

#referral span {
	color:#ff0000;
}

#superannuation label {
	display:inline-block;
	width:300px;
}

#superannuation input[type=text] {
	width:260px;
	font-family:verdana;
	padding:2px;
	font-size:10px;
	margin-bottom:10px;
	margin-top:5px;
}

#superannuation input[type=submit] {
	width:140px;
	height:35px;
	font-family:verdana;
	padding:2px;
	font-size:10px;
	margin:10px 0;
}

#superannuation input[type=file] {
	width:270px;
	height:35px;
	font-family:verdana;
	padding:2px;
	font-size:10px;
	margin:10px 0;
}

#superannuation select {
	width:150px;
	font-family:verdana;
	padding:3px;
	font-size:10px;
	margin:10px 0;
	margin-top:0;
}

#superannuation textarea {
	width:255px;
	font-family:verdana;
	padding:10px;
	font-size:10px;
	margin-top:5px;
	margin-bottom:10px;
}

#superannuation span {
	color:#ff0000;
}


#rpdrequest label {
	display:inline-block;
	width:300px;
}

#rpdrequest input[type=text] {
	width:260px;
	font-family:verdana;
	padding:2px;
	font-size:10px;
	margin-bottom:10px;
	margin-top:5px;
}

#rpdrequest input[type=submit] {
	width:140px;
	height:35px;
	font-family:verdana;
	padding:2px;
	font-size:10px;
	margin:10px 0;
}

#rpdrequest input[type=file] {
	width:270px;
	height:35px;
	font-family:verdana;
	padding:2px;
	font-size:10px;
	margin:10px 0;
}

#rpdrequest select {
	width:150px;
	font-family:verdana;
	padding:3px;
	font-size:10px;
	margin:10px 0;
	margin-top:0;
}

#rpdrequest textarea {
	width:255px;
	font-family:verdana;
	padding:5px;
	font-size:10px;
	margin-top:5px;
	margin-bottom:10px;
}

#rpdrequest span {
	color:#ff0000;
}

/* End */



/* -------------- */
/* Podcast Styles */
/* -------------- */

#podcast-directory {
	padding-bottom:10px;
	margin-bottom:10px;
}
.podcast-listing {
	border-bottom:1px solid #ccc;
	padding-top:5px;
	padding-left:5px;
	height:40px;
	margin:10px 0;
}
.podcast-info {
	width:420px;
	display:inline-block;
	height:35px;
	float:left;
}
.podcast-buttons {
	width:80px;
	display:inline-block;
	margin-left:15px;
	height:35px;
	float:right;
}

.podcast-info h3 {
	font-weight:bold;
	margin-bottom:5px;
}
.podcast-info p {
	font-size:9px;
}

span.bold-teal {
    font-weight:bold;
    color:#008da8;
}

span.light-teal {
    color:#008da8;
}

#contentMainStd ol li {
    margin-left:25px;
    list-style-type:decimal;
    margin:4px 2px;
}

/* End */