/* #41322b dark brown */
/* #f5f2d1 link-yellow */
/* #b1ab93 topbar gray */
/* #4F4F00 dark green */
/* #f24e39 rust * /
/* #f3866d lighter rust */
/* #ed8476 pink */


#sociallogos {
float:right;
width:142px;
}
#social {
margin-right:150px;
}

#adverts{
text-align:center;
margin:0;
}
#adverts img{
padding:0px;
margin:10px 0px 10px 0px;
border:1px solid black;
}
#userslist table {
font-size:9px;
}

#promotion, #concierge{
	border:3px solid #f3866d;
padding:4px;
background:white;
margin-bottom:14px;
line-height:1.2em;
}
#promotion{
padding-bottom:14px;
background: url(../images/tilebg.gif) ;
}
#concierge{
background: url(../images/boxbg.png) ;
min-height:152px;
}
#promotion em{
font-weight:bold;
font-style:normal;
font-size:120%;
}
#badge_background{
/*height:152px;
background: url(../images/freebadge.gif) center right no-repeat;
/*padding-right:156px;*/
}
#concierge{
height:130px;
}
#concierge_background{
height:130px;
background: url(../images/concierge.gif) center right no-repeat;
padding-right:50px;
}
#edwardad{
text-align:left;
}
#badge_background, #concierge_background h2{
margin:4px 0 6px 0;
}
.keyword, div#disclaimer b {
color: #f24e39;
font-weight:bold;
}

#wasjobview table tr {
font-size:10px;
}

form input, textarea, select, form label {
	font: 12px Arial, Tahoma, Verdana, sans-serif;
}

div#flash{
	border:2px solid #f24e39;
padding:4px;
margin-bottom:4px;
color:black;
font-weight:700;	
background:white;	
}

#errorExplanation {
	border:1px solid red;
	background:#f3866d;
	margin-top:8px;
	margin-bottom:10px;
	padding-bottom:8px;
}
#errorExplanation h2 {
	text-align: left;
	padding: 5px 5px 5px 15px;
	font-size: 12px;
	background-color: #f24e39;
	color: #f5f2d1;
}

#errorExplanation p {
	color: #41322b;
	margin-bottom: 0;
	padding: 5px;
}

#errorExplanation ul li {
	color: #41322b;
	font-size: 12px;
	list-style: square;
	margin-left:25px;
}

/* #41322b dark brown */
/* #f5f2d1 link-yellow */
/* #b1ab93 topbar gray */
/* #4F4F00 dark green */
/* #f24e39 rust * /
/* #f3866d lighter rust */
/* #ed8476 pink */
/*f28b60*/

#welcome p {margin-top:6px;}
#welcome {margin-bottom:14px;}
#jobview  {
float:left;
width:100%;
}
#companypage #jobview {
	margin-top:10px;
}
#companypage #job_employer_heading{
	border:1px solid #b1ab93;
	border-bottom: none;
}
#companypage #companydescription{
	border:1px solid #b1ab93;
}
#jobview h2 {
	 	
	font-weight:bold;
	padding:6px;
/*	background:#f24e39;*/
	color:#41322b;
		}
#jobview h2 #location {
	
	font-size:85%;
}
#jobview h3#salary {
	font-size:12px;

		
		font-weight:400;
		color:#41322b;
		padding:2px 6px 2px 6px;
/*		background:#f3866d;*/
		margin-bottom:0px;
		}
		
#job_employer_heading {
	background: #f5f2d1;

	float:left;
	font: 12px Arial, Tahoma, Verdana, sans-serif;
position:relative;
	clear:both;
	border-top:1px solid #b1ab93;
	border-bottom:1px solid #b1ab93;
	padding-bottom:10px;
	width:514px;
	padding-left:14px;
	padding-bottom:14px;

}




/* Work on these to get the logo layout correct */
#job_employer_heading #logocontainer {
	margin: 10px 10px 0px 0px;
}
#job_employer_heading img {
	position:relative;
	float:left;

}
#job_employer_heading h3 {
		margin-left:0px;
	display:block;
	position:relative;
	float:none;
	
	margin-top:12px;
	font-weight:bold;
	margin-bottom:0px;


	color:#41322b;}

#job_employer_heading #address { 
	line-height:14px; 
	float:left;
	display: block; 
	font-size:12px;
	


}

#job_employer_heading #contactdetails {
	margin-left:20px;
	line-height:14px; 
	float:left;
	display: block;	
	
}

#jobdescription {
	float:left;
	width:100%;
	padding-bottom:10px;
}
#jobdescription h3 {
	margin-top:10px;
	margin: 10px 0px 0px 10px;
}
#jobdescription p {
	margin: 0px 10px 0px 10px;	
}
#jobdescription ul {
margin-left:25px;	
}

#companydescription {
	float:left;
	width:100%;
	background: #f5f2d1;
	padding-bottom:10px;
	border-top:1px solid #b1ab93;
	float:none;
	clear:both;

}
#companydescription h3 {
	margin-top:10px;
	margin: 10px 0px 0px 10px;
}
#companydescription .text {
	margin: 0px 10px 0px 10px;	
}
#applicationform {
	margin-top:10px;
	float:left;
	position:relative;
	clear:both;
	width:100%;
}
#applicationform h3 {
	margin-top:10px;
	margin: 10px 0px 0px 10px;
}
	

/* Define classes for sorted table headings.*/
th.sortup a{
	color:green;	
}
th.sortdown a{
	color:red;
}


/*Button at the end of the edit profile, edit job, create job, create profile forms */
.cancelform {
	margin-top:10px;
	width:6em;
}

/* Search form for homepage */
form#searchjobsform{
	border:3px solid #b1ab93;
	width:524px;
	display:block;
	float:left;
/*	background: #f5f2d1;*/
	background: url(../images/boxbg.png) bottom left;
	

}

#keywords input{
	width:140px;
}
form#searchjobsform legend {
	display:none;
}
form#searchjobsform  h3 {
	color: #988c75;
	font-weight:bold;
	font-size:18px;
	margin:0px;
	padding:0px;
	display: inline;
	float:left;

	margin: 10px 0px 0px 10px;
	
}
form#searchjobsform label {
display:block;
font-weight:bold;
color:#41322b;
}
form#searchjobsform ol {
	margin:20px 0px 0px 0px;
padding-right:10px;
/*	border:1px solid red;*/
	float:right;
	clear:none;
}
form#searchjobsform  li {  
	list-style: none;
margin-left:10px;
 float:left;
/*padding-bottom: 0.5em; /* !!! */*/

}
form#searchjobsform input{
	clear:both;
border:1px solid #ccc;
    padding:2px;
	font-size: 12px;
}
form#searchjobsform select {
	font-size: 12px;

}

form#searchjobsform input#submit {
	border: 1px solid white;
	margin-top:14px;
	background-color:#b1ab93;
	color: white;
}


form#searchjobsform .checklist {
width:10em;
height:100px;
margin-bottom:20px;
text-align:left;
font-weight:normal;
}
form#searchjobsform ul.checklist li{
	clear: left;  
	width:100%;
position:static;
/* */margin: 0; padding: 0; /* this is important or the scroll bars will be visible */
}
form#searchjobsform ul.checklist li {  
padding-bottom: 0px; /* !!! */
}
form#searchjobsform ul.checklist label:hover { background: #f3866d; color: #fff; }

form#searchjobsform .checklist label{

font-weight:400;
}









div#jobsbycategory {
	border:1px solid #b1ab93;
	width:245px;
float:left;
	margin: 10px 0px 10px 0px;
	padding:6px;
	clear:both;

}
div#jobsbycompany {

	border:1px solid #b1ab93;
	width:245px;
float:right;
	margin: 10px 0px 10px 0px;
	padding:6px;
}

#jobview {
border:1px solid #b1ab93;
	clear:both;
	float:none;
}
/* Login Form (has name and password fields) */
#loginform  ol {
	padding:0px; 
	margin:0px;

}
#loginform  li {
	margin:0px;
	border-bottom:none;	
	padding-bottom:6px;
}
#loginform label {
	display:block;
	clear:both;
}
#loginform input{
	width:150px;
}
#loginform input#submit{
	margin-left:10px;
	width:50px;
}
#myloginarea {
	margin-bottom:10px;
}

#myloginarea a.loginhelp {
	margin-top:10px;
	margin-left:10px;
}

#loginform legend { display:none; }
#loginform fieldset {border:none;}



/* Styles for different job states (for joblist view) */
#jobview tr.active td {
	background-color:#aaffaa;
}
#jobview tr td.expiresearly {
color:red;
font-weight:bold;	
}

#jobview tr.occupied td {
	background-color:#aaffaa;
}



/* logo management */


#logo_uploaded_data{
        border:1px dotted gray;
}
#logosubmitbutton{
        margin-left:0px;
}

#logoform{
padding-bottom:10px;
padding-left:4px;
margin-bottom:10px;
}

.previewbox{
border:1px solid #c0c0c0;
background: #f5f2d1;
width:200px;
text-align:center;
padding-top:20px;
padding-bottom:20px;
float:left;
margin-right:5px;
position:relative;
height:160px;
}
.attributes {
height:200px;
}

.admin .attributes {
	height:240px; 
}
.admin .previewbox {
	height:200px;
}

.previewbox span.delete{
position:absolute;
bottom:0px;
right:4px;
}
.previewbox div.rankbutton{
position:absolute;
bottom:0px;
left:0px;
}

.previewbox img {
border:1px dotted gray
}

#logoinformation .attributes {
float:left;
}


#logoinformation .actions {
float:left;
clear: right;
}


#logoinformation .attributes, #logoinformation .actions, #logoinformation .previewbox {
margin-bottom:20px;
}

#logoinformation .attributes, #logoinformation .actions {
border:1px solid #c0c0c0;
font-size:12px;
width:300px;
min-height:150px;
margin:0px;

margin-left:5px;
padding-left:5px;
background: #f5f2d1;
}
#logoinformation .attributes h4 {
margin:0;
}
#logoinformation .attributes span {
font-style: italic;
}

#logoinformation .actions a{
font-style: italic;
}
/* end logo management*/