/* Home page boxes *******************************************/
#featuredJobs
{
	position: relative;
	width: 55%;
	float: left;
	color: #FFFFFF;
}
#relocating {
	width: 48%;
	float: right;
	color: #FFFFFF;
}

#featuredJobs h2, #relocating h2, #featuredJobs h3, #relocating h3 {
	margin: 0px;
}
#featuredJobs p {
	margin: 0px;
	text-align: justify;
}
#featuredJobs p strong
{
	/*padding-left: 20%;*/
}

.hotJobInfo
{
    width: 100%;
    border-collapse: collapse;
}
.hotJobInfo th
{
    width: 60%;
    font-weight: normal;
    text-align: left;
}
.hotJobInfo td
{
    font-weight: bold;
}

#relocating .box, #relocating .boxOdd {
	background-color: #9b9e9f;
}
/*#relocating .sMid .box, #relocating .sMid .boxOdd {
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}
#relocating .sMid .cutOff {
	margin-top: -16px;
}*/
#relocating .box img, #relocating .boxOdd img {
	display: block;
	float: left;
	border: 1px solid #FFFFFF;
	width: 48%;
}
#relocating a {
	display: block;
	float: left;
	width: 45%;
	padding: 0px 0px 0px 6px;
}
.icon, .iconRelo {
	display: block;
	width: 57px;
	height: 58px;
	background-image: url(../images/icon.job.png);
	background-repeat: no-repeat;
	background-position: left top;
	
	float: left;
	margin: -37px 0px 0px -34px;
}
.iconRelo {
	background-image: url(../images/icon.relocate.png);
}

.pid {
	font-size: 80%;
	font-weight: bold;
	color: #19437a;
}
/***************************************************/

#pageChooser
{
    color: #ffffff;
}
#pageChooser a
{
    color: #000000;
}

/*** Job search ************************************/

a.linkOdd, a.linkEven {
	display: block;
	padding: 1px 6px 1px 6px;
	background-color: #d6dadc;
	color: #000000;
	font-weight: bold;
}
a.linkEven {
	background-color: #b4bbbf;
}
a:hover.linkOdd, a:hover.linkEven {
	background-color: #10579a;
	color: #FFFFFF;
}
table.help 
{
	width: 100%;
	border-collapse: collapse;
	border: 0px;
}
table.help td.iconGap {
	display: none;
}
p.noResults 
{
    display: block;
    clear: both;
    font-weight: bold;
    padding-top: 30px;
    text-align: center;
}
/***************************************************/



/*** Job results ************************************/
#results 
{
    padding-top: 10px;
}
table.jobDetails {
	width: 100%;
	border-collapse: collapse;
	line-height: normal;
	margin-bottom: 12px;
}
table.jobDetails td, table.jobDetails th {
	text-align: left;
	margin: 0px;
	padding: 2px;
}
table.jobDetails th {
	color: #FFFFFF;
	font-size: 90%;
	font-weight: normal;
	width: 23%;
}
table.jobDetails th.jobTitle 
{
    width: 30%;
}
table.jobDetails td {
	color: #000000;
}

a.add, a.in
{
    display: block;
    width: 35px;
    height: 35px;
    position: absolute;
    
    top: 0px;
    left: 100%;
    margin: -6px 0px 0px -27px;
}

a.more 
{
	font-size: 90%;
    width: 68px;
    /*height: 2em;*/
    position: absolute;
    
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    top: 100%;
    left: 100%;
    margin: -17px 0px 0px -70px;
    padding: 1px 0px 3px 2px;
    line-height: 100%;
}

/***************************************************/


/*** Job portfolio ************************************/

table.jobPortfolio 
{
    font-family: Arial, Helvetica, sans-serif;
    width: 97%;
	border-collapse: collapse;
	/*line-height: 110%;*/
	font-size: 75%;
	margin: 4px 0px 0px 0px;
}
table.jobPortfolio td 
{
    display: block;
	position: relative;
	width: 100%;
	text-align: left;
	margin: 0px 0px 1px 0px;
	padding: 2px;
	background-color: #a5b2d2;
	color: #000000;
	border: 1px solid #FFFFFF;
}
table.jobPortfolio td.empty
{
    background-color: #929597;
    border: 1px solid #949799;
}
#nav2 a.remove
{
    display: block;  
    width: 24px;
    height: 24px;
    position: absolute;
    /*top: 0px;*/
    left: 100%;
    
    background-image: none;
    padding: 0px;
    margin: -6px 0px 0px -20px;
}

#nav2 table.jobPortfolio a, #nav2 table.jobPortfolio a:hover
{
    background: none;
    padding: 0px;
}

/***************************************************/

/*** Search steps ************************************/

#step1, #step2, #step3, #step4  
{
    display: block;
    background-color: #9a9ea0;
    margin: 0px 0px 0px 0px;
    padding: 6px 6px 6px 6px;
}
#steps div p 
{
    font-size: 120%;
    line-height: 120%;
    margin: 0px;
    padding: 0px 0px 6px 0px;
}
#steps div p strong 
{
    display: block;
    float: left;
    padding: 0px 3px 0px 0px;
    font-size: 140%;
    color: #e2373f;
}
#steps div p a.search
{
    display: block;
    /*width: 80%;*/
    margin: 0px;
    padding: 0px 6px 0px 0px;
}
#steps select
{
	width: 100%;
	font-size: 70%;
}
#steps input
{
	width: 98%;
	font-size: 70%;
}
img.nextStep
{
    display: block;
    position: relative;
    margin: 0px 0px -2px 0px;
    padding: 0px 0px 0px 15px;
    border: 0px;
    z-index: 100;
}
/***************************************************/



/*** Forms *****************************************/

    #copy label 
    {
        display: block;
        width: 30%;
        margin-right: 1%;
        float: left;
        clear: left;
        text-align: right;
    }
    #copy label strong, .marker strong
    {
        color: #e2373f;
    }
    #copy input, #copy select 
    {
        display: block;
        float: left;
        clear: right;
		
        vertical-align: middle;
		width: 40%;
    }
	#copy .checkBox input
	{
		width: 20px;
	}
	#copy input.send
	{
		width: auto;
	}
    #copy input.long, #copy select.long, #copy textarea.long
    {
        font-family: Arial, Helvetica, sans-serif;
		width: 40%;
    }
    #copy input.send 
    {
        float: right;
        margin: 10px 0px 10px 0px;
    }
	
	#copy table label
	{
		width: 60%;
		float: left;
		clear: none;
		text-align: left;
	}
	#copy table input
	{
		width: auto;
		float: left;
		text-align: left;
		vertical-align: middle;
		clear: none;
	}
	table.threeUp
	{
		width: 50%;
		border-collapse: collapse;
	}
	table.threeUp td
	{
		text-align: left;
		vertical-align: middle;
		width: 33.3%;
		padding: 0px;
		margin: 0px;
	}
/***************************************************/