/*
Project: Jobs in PR
Stylesheet author: eva vartmann
Version: 1
Date: 31 July 2007

Colours:
dark blue: #011238
light blue: #2397d3
dark grey: #606060
light grey: #ececed
orange: #f60
*/



/* reset styles ------------------------------ */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {  
    margin:0; 
    padding:0; 
} 
table { 
    border-collapse:collapse; 
    border-spacing:0; 
} 
fieldset,img, a img {  
   border:0; 
} 
address,caption,cite,th { 
   font-style:normal; 
   font-weight:normal; 
}   
 

/* global page element styles ---------------------------------- */

body {
	font-size: 62.5%;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	text-align: center;
	color:#333;
	position:relative;
	background:#ececed;
}

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

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

p {
	margin-bottom:15px;
	line-height:1.5;
}

h1 {
	text-indent:-9000px;
	overflow:hidden;
	height:1px;
}

h2 {
	color:#d32a32;
	font-family: Helvetica, Arial, sans-serif;
	font-size:2em;
	font-weight:normal;
	padding:10px 0 10px 0;
	text-transform:uppercase;
}

h3 {
	font-size:2em;
	font-weight:normal;
	margin-bottom:5px;
	
}

h4 {
	font-size:1.2em;
}

h5 {
	font-size:1.2em;
}

h6 {
	font-size:1.2em;
}

ol {
	padding-left:35px;
	padding-right:15px;
}
ol li {
	padding-bottom:8px;
}

/* standard page architecture styles ----------------------------------------------------- */

#centre {
	width:906px;
	margin:0 auto;
}
#container {
	width:906px;
	font-size: 1.2em;
	background:#fff;
	text-align:left;
	position:relative;
	float:left;
}

#header {
	background:#02153e url(../Images/jobsinpr_hp.jpg) no-repeat top left;
	height:12.8em;
}


#header .headerLink {
        display: none;}
        
#login {
	width:873px;
	clear:both;
	float:left;
}

#main {
	margin:0 0 0 33px;
	width:840px;
}

#content {
	float:left;
	margin-top:30px;
	width:840px;
}
	
#contentCol, #contentCol2, #contentColSub {
	width:343px;
	float:left;
}
#contentCol2 {
	width:292px;
	margin-left:27px;
}
#contentColSub {
	width:662px
}


#contentAdvertise 
{
	width:662px;
	float: left;
	
}

#previewJob 
{
    padding: 6px;
    margin-bottom: 10px;
    border: 1px solid #D3D3D3;}
    
    #previewJob .boxed  {
        width: 100%;}

	
#promos {
	width:146px;
	float:right;		
}
	
.recruiters {
	background:#606060 url(../Images/featureBg.jpg) no-repeat top left;
	margin-bottom:6px;
	padding:12px 0 12px 12px;
}
		.recruiters img {
			padding-top:6px;
		}
		.recruiters h3 {
			color:#fff;
			font-family: Helvetica, Arial, sans-serif;
			text-transform:uppercase;
			font-size:1.2em;
			line-height:.9;
			margin-top:3px;
			margin-bottom:0;
			font-weight:bold;
		}
	
#footer {
	background:#3d0211;
	width:840px;
	clear:both;
	float:left;
	color:#fff;
	font-size:.9em;
	padding:10px 0 25px 0;
	margin-top:30px;
}

#banner {
	position:absolute;
	top:57px;
	left:395px;
}

/* Errors ----------------------------------------------------- */

p.pageError {
	font-weight:bold;
	color:red;
}


/* skip ----------------------------------------------------- */

.skipTo {
	position:absolute;
	top:0;
	left:-9000px;
	font-size:1em;
	}

a:focus.skipTo, a:active.skipTo{
	left:0;
	z-index:10;
	border:2px solid #f60;
	color:#f60;
	background:#fff;
	padding:10px;
	}
	
/* Header -------------------------------------*/

#logo {

}
#logo a, #logo a:hover {
	width:260px;
	display:block;
	height:114px;
	margin:20px 0 0 20px;
	float:left;
}
#logo span {
	display:none;
}

#login ul {
	list-style:none;
}

#login li {
	float:right;
	border-left:1px solid #fff;
	padding:0 10px;
	line-height:1.2;
	color:#fff;
}
#login li.noBorder {
	border:none;
}

/* Navigation ----------------------------------------------------- */

#navigation {
	list-style:none;
	float:left;
	width:841px;
	font-size:1em;
	text-transform:uppercase;
	background:#3a0210;
	color:#fff;
}

#navigation li {
	float:left;
	padding: 5px 4px 0px 5px;
} 

#navigation a {
	color:#fff;
	display:block;
	padding:10px;
}
#navigation a:hover, #navigation a.active {
	color:#fff;
	text-decoration:none;
	display:block;
	padding:10px;
	background:#64272e url(../Images/navBg.jpg) repeat-x bottom left;
}

#navigation li a.rss {
    background: transparent url(../images/feed-icon.png) no-repeat scroll 8px 13px;
    padding-left: 25px;}	


/* Forms ----------------------------------------------------- */

input {
	vertical-align: middle
}
form fieldset {
	border:0px solid #ccc;
	padding-top:10px;
	margin-left:90px;
}
fieldset p span {
	width:245px;
	float:left;
	display:block;
}

    fieldset p span#dateButton {
        display:block;
        float:left;
        width:30px;}

    fieldset input#dtValidFrom 
    {
        float: left;
    }

.mandatory {
	color:#f00;
	width:auto;
	float:none;
	font-size:1.2em;
	font-weight:bold;
	display:inline;
}
.form {
	float:left;
	width:580px;
	padding-bottom:30px;
}
.form input.text, .form select, .form textarea {
	border:1px solid #2e2e2e;
	background:#fff;
	width:242px;
	float:left;
}

    .form select.minutes, 
    .form select.hours {
        width: 40px;
    }
    
    .form p.timeSelect select {
        float: left;}
        
    .form p.timeSelect span {
        width: auto; }

.form input {
	padding-left:3px;	
}
.form select, .form textarea {
	width:246px;
}
.form textarea {
	height:7em;
	margin-bottom:10px;
}
.form input.checkbox, .form input.radio {
	width:15px;
	height:15px;
	margin:2px 4px 0 0;
	border:none;
	float:left;
}
.form input.radio {
	clear:none;
}
.form fieldset p {
	margin:0 0 10px 0;
	padding:0;
	float:left;
}
.form fieldset h4 {
	margin-bottom:25px;
	clear:both;
}
.form p label, .form p label.checkbox {
	display:block;
	width:190px;
	float:left;
	text-align:right;
	margin-right:23px;
}
.form input.button {
	border:none;
	height:31px;
	width:auto;
	padding-left:0;
	float:right;
}

.form p label.checkbox {
	width:445px;
	clear:none;
	text-align:left;
}
.form p label.radio {
	width:80px;
	text-align:left;
}
.form p.button {
	margin:0;
	padding:16px 0 10px 0;
	float:left;
	width:549px;
}


.homeForm {
	float:left;
	width:343px;
	background:#606060 url(../Images/homeFormBg.jpg) no-repeat bottom left;
	margin-left:0;
}
.homeForm h2{
	color:#fff;
	padding-left:10px;
}
.homeForm p {
	width:260px;
	color:#fff;
	margin: 0 0 0 38px;
}
.homeForm fieldset {
	padding:5px 0 0 0;
	margin:0 0 0 38px;
}
.homeForm fieldset p{
	width:290px;
	padding-bottom:1px;
	margin-bottom:5px;
}
.homeForm fieldset label {
	display:block;
	color:#fff;
	text-align:left;
}
.homeForm input.text{
	width:247px;
}
.homeForm select{
	width:251px;
}
.homeForm select#liSalaryRateID{
	width:179px;
	float:left;
	margin-right:15px;
}
.homeForm input.button {
	border:none;
	height:31px;
	width:76px;
	padding-left:0;
	float:left;
}


/* Tables ----------------------------------------------------- */

.boxed.noTop {
	padding-top:0;
}
div.noTop {
	padding-top:0;
}
.table {
	width:662px;
	font-size:1em;
}
.table td {
	border-top:1px solid #ccc;
	padding:8px 8px 8px 25px;
}
.table td.last {
	border-right:none;
}
.table th {
	color:#fff;
	padding:6px 8px 6px 25px;
	border-top:none;
	font-weight:bold;
	background:#666;
	text-align:left;
}
.table tr.last td{
	padding-bottom:20px;
}
caption {
	display:none;	
}

/* Homepage -------------------------------- */

.featureJobs {
	margin-bottom:25px;
}

.featureJobs h4 {
	margin-left:20px;
}

.featureJobs p{
	margin:0 0 5px 20px;

}
.featureJobs em {
	color:#666;
	font-style:normal;
	display:block;
	padding-bottom:5px;
	background:url(../Images/dottedLine.gif) repeat-x bottom left;
}
.week img {
	border:1px solid #ececec;
	width:120px;
	float:left;
	margin:5px 7px 5px 0;
}
.week em {
	background:none;
	clear:both;
}
#contentCol h3 {
	width:166px;
	float:left;
	margin:15px 0 30px 0;
}
#contentCol h3.right {
	width:166px;
	float:right;
}

#contentCol h3 a {
	text-indent:-9000px;
	overflow:hidden;
}

#contentCol h3 a#postCV {
	display:block;
	height:77px;
	width:166px;
	background: url(../Images/addCv.gif) no-repeat top left;
}
#contentCol h3 a#getAlert {
	display:block;
	height:77px;
	width:166px;
	background: url(../Images/emailAlerts.gif) no-repeat top left;
}


/* Jobdetail page -------------------------------- */

.boxed {
	background:#e4e4e4 url(../Images/boxBottom.jpg) no-repeat bottom left;
	padding:12px 0 20px 0;
	float:left;
	width:662px;
	margin-bottom:15px;
}
.boxed p {
	float:left;	
}
.boxed img {
	float:right;
	margin:0 20px 20px 12px;
}

.boxed dl {
	width:209px;
	float:left;
	margin:0 10px 15px 12px;
	line-height:1.5;
}
.boxed dl.wide {
	width:418px;
	clear:left;
}
.boxed dt {
	width:100px;
	float:left;
	margin-right:6px;
	font-weight:bold;
}
.boxed dd {
	width:95px;
	float:left;
}
.boxed dl.wide dd {
	width:294px;
	float:left;
}
.actions {
	float:right;
}
p.actions {
	float:right;
	clear: both;
	width:200px;
}
.actions a {
	float:right;
	margin-right:20px;
	padding-top:7px;
}
a.apply {
	background:url(../Images/apply.gif) no-repeat top left;
	text-indent:-9000px;
	text-decoration:none;
	height:31px;
	width:76px;
	display:block;
	float:right;
	padding-top:0;
}

/* Joblisting page -------------------------------- */


p.narrow {
	width:250px;
	float:left;
	padding: 5px 0;
}

.actions a.right {
	margin:0;
	padding-left:10px;
	border-left:1px solid #333;
}
ul.actions {
	list-style:none;
	line-height:1;
	padding-top:5px;
	width:400px;
} 
ul.actions li {
	display: inline;}
	
ul.actions a{
	padding-top:0;
	margin-right:10px;
}

.actions a.right 
{
    border-left: 0;
}

ul.actions .rssLink a 
{
    background: url(../images/feed-icon.png) no-repeat 6px 0;
    padding:0 0 3px 25px;
}
    
.pagination {
	margin-bottom:10px;
	padding-top:10px;
	clear: right;
	text-align: right;
	zoom: 1;
}
.pagination li{
	display:inline;
	margin-left:6px;	
}
.pagination a.inactive, a:hover.inactive {
	color:#ccc;
	text-decoration:none;
}

.job{
	width:660px;
	border:1px solid #e4e4e4;
	background:#fff;
	float:left;
	padding-bottom:12px;
	margin-bottom:15px;
}
.premium {
	width:662px;
	background:#e4e4e4 url(../Images/premium.gif) no-repeat 560px 0;
}
.job h4 {
	margin:12px 0 6px 12px;
	width:540px;
	float:left;
}
.job p{
	margin-left:12px;
	width:500px;
	float:left;
}
.job p a, .job p a:hover {
	color:#333;
	display:block;
	text-decoration:none;
}
.job img, .job a img{
	margin:0 12px 5px 12px;
	float:right;
	border:none;
	width:120px;
	height:60px;
}
.job a.companyName{
	margin:0 12px;
	padding:0;
	float:right;
	width:120px;
	font-weight:bold;
	text-align:right;
	text-transform:capitalize;
	font-size:1em;
}
.job dl{
	width:600px;
	float:left;
	padding:0;
	font-size:.9em;
	margin-left:12px;

}
.job dd, .job dt{
	padding:0 5px 0 0;
	display:inline;
	line-height:2;
	color:#666;
}
.job dt {
	padding:0 4px 0 6px;
	border-left:1px solid #666;
}
.job dt.first {
	border-left:none;
	padding-left:0;
}

/* AZlisting page -------------------------------- */

ul.actions.az {
	clear:left;
	text-align:left;
	line-height:1.5;
	width:662px;
}
ul.actions.az li {
	padding:0 4px 0 0;
	margin:0;
	float:left;
}
ul.actions.az li a{
	float:left;
	padding:0;
	font-weight:bold;
}
.company p {
	width:450px;
}

/* Alerts-------------------------------- */

	a.addAlert{
	background:url(../Images/addAlert.gif) no-repeat top left;
	text-indent:-9000px;
	text-decoration:none;
	height:31px;
	width:116px;
	display:block;
	float:right;
	padding-top:0;
}

/* Browse-------------------------------- */

ul.category {
	width:300px;
	float:left;
	margin:0 0 10px 0;
	padding:0 0 0 18px;

}

ul.category li {
	list-style:none;
	padding:0 0 3px 1px;
}
	
/* RSS -------------------------------- */

/*a.feed {
	background:url(../Images/rss.gif) no-repeat top left;
	padding-left:17px;
}*/

/* Footer ---------------------------------------------- */


#footer ul {
	width:600px;
	float:left;
}
#footer li {
	display:inline;
	margin-left:20px;
}
#footer li a {
	color:#fff;
}
#footer p {
	width:210px;
	float:left;
}


.PostAJob 
{
    padding: 12px 5px 1px 15px;
    margin-bottom: 20px;
    background: #D22932;}

.PostAJob h3 {
    font-size:1.6em;
    padding:0 30px 0 0;
    text-transform:uppercase;}

.PostAJob a, .PostAJob p {
    color: #fff;}
    
.PostAJob p {
    background: url(../images/icon-cc.gif) no-repeat left bottom;
    padding-bottom: 25px;
    padding-right:10px;    
    line-height: 1.4em;}  



/* CMS content ---------------------------------------------- */

/*div.cms {

}

div.cms ul {
	margin-left:16px;
	margin-bottom:15px;

}
*/

/* Error messaging ------------------- */

.smallredHeading {
    color: #f00;
    font-weight: bold;}
    
a#header-link, a#header-link:hover
{
	position: absolute; 
	top:12px; 
	left:770px; 
	width:75px; 
	height:26px; 
	background-color: transparent; 
}