/* Change Log
===============
17Nov2008 JC: Created.
$Id: eurosciencejobs_jobs.css 1919 2010-08-26 13:32:44Z jamescollier $
*/

/*More jobs in CSS */
#MoreJobsIn{
	font: 8pt Verdana;
	margin-top: 0px;
	color:grey;
	height:27px;
	overflow:hidden;
	background-color:#EFEDED;
	padding: 3px;
}

#MoreJobsIn ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#MoreJobsIn ul li {
	display: inline;
	font: 8pt Verdana;
	padding-right: 8px;
}

#MoreJobsIn a {
	color:grey;
}

#hostedMoreJobsIn{
	font: 8pt Verdana;
	margin-left: 8px;
	margin-top: 5px;
	line-height: 24px;
}

#hostedMoreJobsIn ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#hostedMoreJobsIn ul li {
	display: inline;
	font: 8pt Verdana;
	padding-right: 8px;
}

.sendToFriend { margin: 1px 2px 1px 5px; font: 6pt Verdana normal; }

.jobLinkPremiumDivider { border-top: 1px solid silver; margin: 8px 0 -8px 0; padding: 4px 0 0px 0; }
.jobLinkSectionDivider { border-top: 1px solid silver; margin: 20px 0 5px 0; padding: 4px 0 0px 0; line-height: 1px; }

#promo_feature_jobs { border: 1px solid silver; padding: 4px; margin: 0 0 5px 0; }	/* Used on home page */

/* Job expiry date less prominant */

.LatestJobsDate{color: #666666; font-size: 8pt; vertical-align:bottom; font-weight:lighter;}
.LatestJobsDeadline{color: #666666; font-size: 8pt; vertical-align:bottom; font-weight:lighter;}


/*Basic Send Job CSS */
.JobSendRowBasic { clear:both; padding-top: 3px;	}
.JobSendRowBasic input { width:400px;  	}
.JobSendRowBasic #JobSendSubmit { width:120px; 	}
.JobSendRowBasic .JobSendInput { margin-left:140px; }
.JobSendRowBasic .JobSendDesc { float:left; width:140px; }

/* High Vis and Standard sned jobs CSS */
.JobSendFieldSet{
	border:none;
	margin: 0 0 0.5em 0;
	padding:5px
}

.JobSendRow {
	padding-left:25px;
	clear:both;
	padding-top: 2px;
}

.JobSendRow input {
	width:370px;
	padding:1px;
	font-size: 14px;
}

.JobSendDesc { float:left; 	width:95px; }
.JobSendInput { margin-left:95px; }

/* Highlighted Infobox CSS */
/* Main containing div, with shadow to look like standard infobox p tag*/
#highlightedJobsInfoBoxContain{
	padding:0px;
	padding-top:2px;
	height:60px; /*Height, so it doesn't collapse when content is removed */
	overflow: hidden;
	background-color:#E8EFF6;
	width:278px;
	border:1px solid #2887F1
}

#highlightedJobsInfoboxWrapper{ padding:0px;margin:0px; } 					/*Wrapper div,  faded using javascript to hide content*/
#highlightedJobsInfoboxImg{ margin:0 0 0 10 ; float:left;} 					/*Holds organisation image*/
#highlightedJobsInfoboxTxt{ margin:0 10 0 0;line-height: 12px; float:right; width:130px; text-align:center; } 	/*Holds job title image*/
#highlightedJobsInfoboxBtmText{ text-align:right; background-color:red;}					/*Removes underline from job title*/
#highlightedJobsInfoboxBtmText a{ color:red; font-size:7.5pt; } 			/*Holds 'your job here' text*/

#content .sendJobHighVis{
	margin-left:6px;
	float:left;
	width:325px;
	height:290px;
	border:3px solid #2887F1;
	background-image: url(images/gradianted_blue_background.jpg);
	background-position: bottom;
  	background-repeat: repeat-x;
  	background-color:#5E7A9F;
  	margin-top:8px;
}

#content .sendJobHighVis ul {
	padding-left:25px;
	padding-right:25px;
	padding-top: 10px;
}
#content .sendJobHighVis li {
	list-style-image: url(images/blue_outline_tick_bullet.png);
	margin-left: 15px;
	font-size: 14px;
	color:white;
}

#content .sendJobStandard{
	float:right;
	margin-right:12px;
	width:325px;
	height:290px;
	border:3px solid black;
	background-image: url(images/gradianted_blue_background.jpg);
	background-position: bottom;
  	background-repeat: repeat-x;
  	background-color:#5E7A9F;
  	margin-top:8px;
}

#content .sendJobStandard ul {
	padding-left:25px;
	padding-right:25px;
	padding-top: 10px;
}
#content .sendJobStandard li {
	list-style-image: url(images/white_tick_bullet.png);
	margin-left: 15px;
	font-size: 14px;
	color:white;
}

#content .sendJobBasic{
	margin-left:6px;
	float:left;
	width:325px;
	height:290px;
	border:3px solid #304155;
  	margin-top:8px;
}

#content .sendJobBasic ul {
	padding-left:25px;
	padding-right:25px;
	padding-top: 10px;
}
#content .sendJobBasic li {
	list-style-image: url(images/blue_tick_bullet.png);
	margin-left: 15px;
	font-size: 14px;
	color:#304155;
}

#content .sendJobPackages{
	float:right;
	margin-right:12px;
	width:325px;
	height:290px;
	border:3px solid #304155;
  	margin-top:8px;
}

#content .sendJobPackages ul {
	padding-left:25px;
	padding-right:25px;
	padding-top: 2px;
}
#content .sendJobPackages li {
	list-style-image: url(images/blue_circle_bullet.png);
	margin-left: 15px;
	font-size: 14px;
	color:#304155;
}
#content .sendJobPackages p {
	font-size: 14px;
}

#content .sendJobPackages p,
#content .sendJobHighVis p,
#content .sendJobStandard p,
#content .sendJobBasic p{
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 10px;
}
a.website_colour_button{
    background: transparent url('images/blue_button_bg.jpg') repeat-x scroll top right;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    margin-right: 6px;
    height:17px;
    padding: 3px 18px 0px 18px;
    text-decoration: none;
    margin-top:10px;
    margin-bottom:10px;
    color: white !important;
    font-weight:bold;
    cursor:pointer;
}
a.website_colour_button:hover{
    color:black !important;
}

a.blue_button_outline{

	background-color:#304055;
	border:thin solid #829CBE;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    margin-right: 6px;
    height:16px;
    padding: 2px 18px 0px 18px;
    text-decoration: none;
    margin-top:10px;
    margin-bottom:10px;
    color: white !important;
    font-weight:bold;
    cursor:pointer;
}
a.blue_button_outline:hover{
	color:#2887F1 !important;
}