div#recruitment-wrapper
{
width				: 745px;
padding				: 0px 20px 20px 20px;
overflow			: hidden;
background-color    : #FFF;
}

/* recruitment list */

div#recruitment-wrapper div.recruitment
{
width				: 745px;
background-color    : #FFF;
display             : block;
overflow            : hidden;
background-color    : #FFF;
padding             : 20px 0px 10px 0px;
margin              : 0px 0px 0px 0px;
}

div#recruitment-wrapper div.recruitment h4
{
font-size           : 75%;
line-height         : 15px;
color               : #008061;
margin              : 0px 0px 0px 0px;
font-weight         : normal;
overflow            : hidden;
border-top          : 1px solid #CCC;
}

div#recruitment-wrapper div.recruitment h4 a
{
text-decoration     : none;
overflow            : hidden;
width				: 745px;
padding             : 10px 0px 10px 0px;
display             : block;
}

div#recruitment-wrapper div.recruitment h4 a span.company
{display: block; float : left; width : 300px; color : #333;}

div#recruitment-wrapper div.recruitment h4 a span.job
{display: block; float : left; width : 325px; color : #008061;}

div#recruitment-wrapper div.recruitment h4 a span.more 
{
font-size           : 80%;
display             : block;
float               : left;
color               : #FFF;
background-color    : #008061;
padding             : 0px 5px 0px 5px;
cursor				: pointer;
}

/* Recruitment Detail */

div#recruitment-wrapper p.header-links
{
font-size           : 75%;
line-height         : 30px;
color               : #666;
margin              : 0px 0px 0px 0px;
font-weight         : normal;
text-align          : right;
border-bottom       : 3px solid #CCC;
}

div#recruitment-wrapper p.header-links a
{
color               : #666;
text-decoration     : none;
padding-right       : 20px;
}

div#recruitment-wrapper p.header-links a span
{
color               : #008061;
font-weight         : bold;
}

div#recruitment-wrapper div.copy
{
width               : 435px;
float               : left;
display             : block;
padding             : 20px 40px 0px 0px;
}

div#recruitment-wrapper div.images-info
{
width               : 270px;
float               : left;
display             : block;
padding             : 20px 0px 0px 0px;
}

div#recruitment-wrapper div.images-info img
{
display             : block;
margin              : 0px 0px 20px 0px;
}

div#recruitment-wrapper div.copy h3
{
font-size           : 100%;
line-height         : 18px;
color               : #333;
margin              : 0px 0px 2px 0px;
font-weight         : bold;
padding             : 0px;
}

div#recruitment-wrapper div.copy p
{
font-size           : 75%;
line-height         : 15px;
color               : #666;
margin              : 0px 0px 15px 0px;
font-weight         : normal;
padding             : 0px;
}

div#recruitment-wrapper div.copy p.job
{
font-size           : 100%;
line-height         : 18px;
color               : #008061;
margin              : 0px 0px 0px 0px;
font-weight         : bold;
padding             : 0px;
}

div#recruitment-wrapper div.copy ul, div#recruitment-wrapper div.copy ol
{
margin              : 0px 0px 15px 30px;
padding             : 0px;
}

div#recruitment-wrapper div.copy ul li, div#recruitment-wrapper div.copy ol li
{
font-size           : 75%;
line-height         : 20px;
color               : #666;
margin              : 0px 0px 0px 0px;
font-weight         : normal;
padding             : 0px;
}


div#recruitment-wrapper div.copy p.download
{
width               : 455px;
background-color    : #EEE;
overflow            : hidden;
padding             : 0px 0px 0px 0px;
}

div#recruitment-wrapper div.copy p.download a.pdf 
{
color               : #666;
font-size           : 90%;
font-weight         : bold;
text-decoration     : none;
background          : url(../images/press/icon-pdf.gif) no-repeat left center;
padding             : 10px 0px 10px 30px;
display             : block;
}

#recruitment-wrapper div.copy p a.email
{
display             : block;
background          : url(../images/PropertyDetails/icon-mailfriend.gif) no-repeat left center;
padding             : 5px 0px 5px 35px;
text-decoration     : none;
display             : block;
float               : left;
color               : #666;
}

/* Right side */

div#recruitment-wrapper div.images-info div.apply-now
{
background-color    : #EEE;
width               : 250px;
padding             : 10px 15px 10px 15px;
}

div#recruitment-wrapper div.images-info div.apply-now p
{
font-size           : 75%;
line-height         : 15px;
color               : #666;
margin              : 0px 0px 15px 0px;
font-weight         : normal;
padding             : 0px;
}

div#recruitment-wrapper div.images-info div.apply-now p.header
{
font-size           : 100%;
color               : #008061;
font-weight         : bold;
}

div#recruitment-wrapper div.images-info div.apply-now p span
{
display             : block;
float               : left;
width               : 40px;
color               : #008061;
font-weight         : bold;
}

div#recruitment-wrapper div.images-info div.apply-now p a
{
color               : #666;
}

div#recruitment-wrapper div.images-info div.apply-now p a:hover
{
color               : #008061;
}

div#recruitment-wrapper div.images-info div.apply-now p a.pdf 
{
color               : #666;
font-size           : 90%;
font-weight         : bold;
text-decoration     : none;
background          : url(../images/press/icon-pdf.gif) no-repeat left center;
padding             : 2px 0px 2px 30px;
}

div#recruitment-wrapper div.images-info div.apply-now p a.pdf span
{
display             : inline;
float               : none;
color               : #008061;
font-weight         : bold;
width               : 10px;
}

/* Print / Email page */


div#recruitment-wrapper div.printpage-emailpage
{
border-bottom       : 1px solid #CCC;
padding             : 0px 0px 6px 0px;
margin              : 0px 0px 0px 0px;
border-top          : 20px solid #FFF;
display             : block;
clear               : both;
width               : 460px;
}

div#recruitment-wrapper div.printpage-emailpage p
{
border-top          : 1px solid #CCC;
margin              : 0px 0px 0px 0px;
padding             : 6px 0px 0px 0px;
overflow            : hidden;
}

#printpage
{
background          : url(../images/generic/icon-print-page.gif) no-repeat left;
display             : block;
padding             : 5px 0px 0px 25px;
text-decoration     : none;
float               : left;
margin-right        : 20px;
color               : #666;
}

#emailpage
{
background          : url(../images/generic/icon-email-page.gif) no-repeat left;
display             : block;
padding             : 0px 0px 0px 25px;
text-decoration     : none;
float               : left;
color               : #666;
}

a#printpage:hover, a#emailpage:hover
{
color               : #008061 !important;
}