/*
Project: Jobs in PR
Stylesheet author: eva vartmann
Version: 2
Date: 31 July 2007
Revised: 19 Nov 2008

Colours:

#465560 - Dark grey/blue
#e56a5b - Pink
#ebecee - Pale gray

*/ 


/* 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: Arial, Verdana, sans-serif;
	text-align: center;
	color:#666;
	position:relative;
	background:#ececed;
}

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

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

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

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

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

h3 {
	font-size:2em;
	font-weight:normal;
	margin-bottom:5px;	
	color: #465661;
	padding: 10px 0;
    }
    
    h3#BrowseLocations 
    {
        clear: left;
    }

h4 {
	font-size:1.1em;
}

h5 {
	font-size:1.1em;
}

h6 {
	font-size:1.1em;
}

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:#fff url(../Images/headerBg.jpg) no-repeat 33px 40px;
	height:12.8em;
}

    #header .headerLink {
        position: absolute;
        right:35px;
        top:10px;}
        
    #header .headerLink a {
        font-weight: bold;}        

#login {
    float:right;
    margin-top:110px;
    width:473px;}

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

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

#contentColSub h2,
#contentAdvertise h2
{
    background: #465560;
    color: #fff;
    padding-top: 100px;
    margin-bottom: 10px;
}

#contentCol2 {
	width:318px;
	margin-left:15px;
}
#contentColSub {
	width:662px
}

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

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

input#Proceed {
    margin-right: 10px;}
    
#promos {
	width:120px;
	float:right;		
}
	
.recruiters {
	margin-bottom:6px;
	padding:12px 0 12px 0;
}
		.recruiters img {
			border: 1px solid #909090;
			margin-bottom: 6px;
		}
		.recruiters h3 {
			font-family: Helvetica, Arial, sans-serif;
			font-size:1.2em;
			line-height:1.1em;
			margin:0;
			padding-top: 0;
			font-weight:bold;
		}
	
#footer {
    border-top: 1px solid #d3d3d3;
	width:840px;
	clear:both;
	float:left;
	font-size:.9em;
	padding:10px 0 25px 0;
	margin-top:30px;
}

#banner {
	position:absolute;
	top:42px;
	left:405px;
}

/* 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 {
    float: left;}
    
#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;
	padding-right: 25px;
}

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

#login li a {
    color: #366;}

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

#navigation {
	list-style:none;
	font-weight: bold;
	float:left;
	width:841px;
	font-size:1.1em;
	border-bottom: 1px solid #d3d3d3;
	text-transform:capitalize;
	background:#ff;
	color:#fff;
	padding-bottom: 4px 0;
}

#navigation li {
	float:left;
	padding: 5px 3px 0px 3px;
} 
	
#navigation a {
	color:#465560;
	display:block;
	border-right: 1px solid #b2b2b2;
	padding: 2px 9px;}
	
#navigation a:hover, #navigation a.active {
	color:#e56a5b;
	text-decoration:none;
	display:block;}
	
#navigation li a.firstItem {
    padding: 2px 9px 2px 0px;}

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


/* 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 {
	    width:30px;
	    float:left;
	    display:block;
    }
    
    fieldset input#dtValidFrom 
    {
        float: left;
    }

.mandatory {
	color:#f00;
	width:auto;
	float:none;
	padding-left: 5px;
	font-size:1.2em;
	font-weight:bold;
	display:inline;
}
.form {
	float:left;
	width:580px;
    padding:30px 0 35px 0;}
    
.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:28px;
	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: #455560;
	margin-left:0;
}
.homeForm h2{
    color:#fff;
    font-size:1.6em;
    font-weight:bold;
    padding:10px 0 10px 42px;}
    
.homeForm p {
	width:235px;
	color:#fff;
	margin: 0 0 0 42px;
}
.homeForm fieldset {
	padding: 15px 0 0 0;
	margin:0 0 0 42px;
}
.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{
	float:left;
    margin-right:10px;
    width:161px;
}
.homeForm input.button {
	border:none;
	height:28px;
	width:auto;
	margin-top: -5px;
	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:#465560;
	text-align:left;
}
.table tr.last td{
	padding-bottom:20px;
}
caption {
	display:none;	
}

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

.featureJobs {
	margin-bottom:25px;
	padding: 40px 0;
	background-color: #ebecee;
}

.featureJobs h2 {
    color: #455560;
    padding: 0 30px;
    font-weight: bold;
    text-transform: capitalize;
    font-size: 1.2em;}

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

.featureJobs p{
	margin:0 30px 5px 30px;
	border-bottom: 1px solid #d3d3d3;

}
.featureJobs em {
	color:#666;
	font-style:normal;
	display:block;
	padding-bottom:5px;
}

.week {
    padding: 190px 0 40px 0;
    background: #EBECEE url(../images/main-image.jpg) no-repeat top 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: 4px 0 10px 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: #ebecee;
	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:225px;
	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:115px;
	float:left;
	word-wrap: break-word;
}
.boxed dl.wide dd {
	width:294px;
	float:left;
}

.emailLink {
    font-weight: bold;}
    
.actions {
	float:right;
}
p.actions {
	width:660px;
}
.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;
	margin-right: 0;
	padding-top:0;
	padding-right: 20px;
}

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

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

ul.actions {
	list-style:none;
	line-height:1;
	padding-top:5px;
	width:410px;
} 
ul.actions li {
	float: left;}
	
ul.actions a{
	padding: 3px 7px;
	float: left;
	display: block;
	margin: 0;
	border-left:1px solid #333;
	color: #465661;
	font-weight: bold;
} 

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

ul.actions .rssLink a {
    background: url(../images/feed-icon.png) no-repeat 8px 2px;
    padding-left:30px;}
    
.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:#ebecee;
}
.job h4 {
	margin:20px 0 6px 30px;
	width:540px;
	float:left;
}
.job p{
	margin-left: 30px;
	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:30px;

}
.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;
	margin-bottom: 10px;
}
ul.actions.az li {
	padding:0;
	margin:0;
	float:left;
}
ul.actions .az li a{
	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-right:20px;
}
#footer a {
	color:#455560;
}
#footer p {
	width:210px;
	float:left;
}


.PostAJob 
{
    padding: 12px 5px 1px 15px;
    background: #e66a5b;}

.PostAJob h3 {
    font-weight: bold;
    font-size: 1.2em;
    padding:  0 30px 0 0;}

.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;}