/*--------------------------------------------------------------------------
 *
 * Régis Kuckaertz
 * Nvision
 * http://nvision.lu/
 *
 * Screen styles for paperJam.Jobs
 *--------------------------------------------------------------------------*/


/* Taken from http://meyerweb.com/eric/tools/css/reset/
 ---------------------------------------------------------------------------*/
html, body, div, span, object,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, abbr, address, cite,
del, em, img, ins, kbd, q,
strong, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;
        vertical-align: baseline; background: transparent; }
body { line-height: 1; background-image: url('../images/bg.jpg') !important;background-repeat: repeat !important;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
        content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* Basic page canvas
 ---------------------------------------------------------------------------*/
#global
{
background-color:white;
padding:20px;
}
.skip { float: left; margin-left: -9999px; }
.skip:focus { margin-left: 0; }
hr { display: none; }
body {
        position: relative;  background: white;
        color: #4e4e4e; width: 1008px; margin: 115px auto 0 auto;
        font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px }
a {
        color: #ff0060; text-decoration: none; padding-bottom: 1px;
        border-bottom: 1px dotted #ff0060 }

a.logo_link
{
    border-bottom:0;
}

a.logo_link:hover
{
    background:none;
}

a:hover { color: white; background: #ff0060; border-bottom: none; }
#masthead h1 { margin: 20px 0 15px 0px;position:absolute; z-index:5;}
#masthead div.title
{
    position:relative;
    width:100%;
    height:130px;
}
#masthead div.underline
{
    z-index:2;
    position:absolute;
    width:100%;
    height:1px;
    border-bottom:1px solid black;
    left:0;
    top:120px;
}
#masthead a, #masthead a:hover { border: none; background: none; }
#functions {
        position: absolute; top: 0px; right: 0;
        line-height: 20px; padding-right: 20px }
#functions li { display: inline; }
/*# li:after { content: ' | '; }
#functions li:last-child:after { content: ""; }*/
#functions a:hover { background-color: #ff0060; }

#lang {
        position: absolute; top: 0px; left: 0;
        line-height: 20px; padding-left: 20px;
        width:50px;
}

#lang li { display: inline; }
#lang a:hover { background-color: #ff0060; }
#lang li.actlang a { color:#FFF; background-color: #ff0060; }

#placeholder {
        height: 104px; background: #f1f1f1 no-repeat; overflow: hidden; }
#content {
        position: relative; display: inline; width: 608px;
        padding: 30px 0px 0; float: left; margin-bottom: 80px;margin-top: 20px;
        font-size: 14px; line-height: 18px;}
#content h1 {
        line-height: 1.2em; font-size: 20px; font-weight: bold;
        margin-bottom: 10px; color: #869bab; letter-spacing : -1px; border-top:1px solid black;padding-top:5px; text-transform:uppercase;}
#content h4 { margin: 7px 0; font-size: 14px; }
#content p, #content ul { margin: 0 0 7px; }
#sidecontent {
        display: inline; width: 300px;
        float: right; margin-bottom: 80px;
        font-size: 10px; line-height: 15px; }
#footer {
        height: 24px; padding: 0 20px; clear: both; background: black;
        color: white; line-height: 24px; font-size: 10px;
        font-style: normal; text-align: right }
#footer a { color: #ec008c; border-color: #ec008c }
#footer a:hover { color: white; }
a#metriweb { border: none; }
a#metriweb:hover { background: none; }
a#metriweb img { height: 16px; vertical-align: middle; }

body.noads, body.noads2 { margin-top: 0; }
body.noads #masthead h1 { margin: 20px 0; text-align: center; }
body.noads #content {
        text-align: center; float: none; width: auto; display: block }

/*
#nav { border: 3px solid #f9f9f9; background: #f9f9f9; padding: 5px 17px; overflow: hidden; line-height: 16px; position: relative }
#nav2 { border: 3px solid #f9f9f9; background: #f9f9f9; padding: 0 17px 5px; overflow: hidden; line-height: 16px; position: relative }
#nav h4 { font-weight: normal; font-size: 1.5em; line-height: 1.4em; border-bottom: 1px solid #c2c2c2; }
#nav li { font-size: 11px; color: #9fb3bc; padding: 6px 0; }
#nav p { clear: both; text-align: center; padding: 3px 0 0; background: #f9f9f9 url('../images/hide.gif') repeat-x center center }
#nav p span, #nav2 p span { padding: 0 5px; background: #f9f9f9; font-size: 16px; line-height: 1 }
#nav2 p { padding: 5px 0 0; text-align: center; background: #f9f9f9 url('../images/hide.gif') repeat-x center center }
#nav p a, #nav2 a { border: none; }
#businesses, #sectors, #contracts { float: left; }
#businesses { width: 219px; padding-right: 9px; padding-left: 236px }
#sectors { width: 156px; padding-right: 9px; padding-left: 183px; }
#contracts { width: 107px; padding-left: 9px; }

#nav.inactive, #nav2.inactive { display: none; }

#businesses h4 { margin-left: -236px; }
#businesses li { width: 219px; }
#businesses .first-half { float: left; clear: left; margin-left: -236px; display: inline; }
#businesses .second-half  {  }

#sectors h4 { margin-left: -174px; }
#sectors li { width: 156px; }
#sectors li.first-half { float: left; clear: left; margin-left: -174px; }
#sectors li.second-half {  }
*/

#nav { line-height: 16px; background: #f9f9f9; padding: 8px 0 8px 14px;margin-top: 20px;}
#nav h4 { font-weight: bold; color:#616161; font-size: 1.5em; line-height: 1.4em; border-bottom: 1px solid #9f9f9f; }
#nav div { padding-right: 14px; width: 304px; float: left; }
#nav div ul { padding-left: 159px; }
#nav div li.first-half { float: left; clear: left; margin-left: -159px; display: inline;}
#nav li { font-size: 11px; color: #9fb3bc; padding: 6px 0; width: 145px; }
#nav p { clear: both; text-align: center; padding: 3px 0 0; background: #f9f9f9 url('../images/hide.png') repeat-x center center }
#nav p span, #nav2 p span { padding: 0 5px; background: #f9f9f9; font-size: 16px; line-height: 1 }
#nav2 p { padding: 5px 0 0; text-align: center; background: #f9f9f9 url('../images/hide.png') repeat-x center center }
#nav p a, #nav2 a { border: none; }
#nav2 { background: #f9f9f9; padding: 3px 14px 8px; line-height: 16px; margin-top: 20px;}


/* Ads
 ---------------------------------------------------------------------------*/
#ads {
        position: absolute; top: -110px; left: 0; width: 968px;
        text-align: center; }
#ads h4 {
        margin: 0; text-transform: uppercase; font-size: 9px;
        font-weight: normal; letter-spacing: .1em; line-height: 1; }
#ads a, #ads a:hover { border: none; background: none; }

/* Side content
 ---------------------------------------------------------------------------*/
#sidecontent div, #my-jobs {  font-size: 12px; }
#sidecontent h3 {
        margin-bottom: 5px; font-size: 16px; color: black;
        line-height: 24px; }
#sidecontent strong {
        display: block; margin-bottom: 8px; font-size: 11px;
        font-weight: normal; text-transform: uppercase; color: #91a7b1;
        line-height: 16px; }
#sidecontent a { border: none; }
#sidecontent a:hover { color: white; background: #ff0060 }
#sidecontent #post { padding: 5px 20px 10px; margin-bottom: 15px; background: white url('../images/post2.gif') no-repeat; }
#sidecontent #post h3 { margin: 0 0 10px; padding-top: 5px; font-size: 16px; font-weight: normal; text-align: center;  }
#sidecontent #post h3 a { padding: 0 3px; }
#sidecontent #sell {
        padding: 17px 20px; margin-bottom: 15px; height: 143px;
        background: white url('../images/upsell.gif') no-repeat; }
#sidecontent #sell p { color: #4e4e4e; font-size: 12px; line-height: 1.4em; }
#sidecontent #sell p { color: #4e4e4e; font-size: 12px; line-height: 1.4em; }
#sidecontent #sell li { font-size: 10px; }
#sidecontent #sell em {
        color: #444444; font-weight: bold; font-style: normal; }
#sidecontent #sell ul { margin: .5em; }
#sidecontent #feeds { border: 1px solid #FFE8CD; background: #fff9d8;  padding:10px 0px; text-align: center }
#sidecontent #feeds ul { overflow: hidden; }
#sidecontent #feeds li { float: left; width: 50%; }
#sidecontent #feeds img { vertical-align: middle; width: 32px; height: 32px; display: block; margin: 0 auto; background: #fff9d8; }
#sidecontent #feeds strong { text-transform: none; font-size: 16px }
#sidecontent #feeds #recruters { border-top: 1px solid #ffe8cd; padding-top: 8px; margin-top: 16px; }
#sidecontent #feeds h3 { line-height: 1 }
#sidecontent #viral img { display: block; margin: 16px 0 8px; }
#sidecontent #contact a { font-size: 14px; text-transform: none; }
#sidecontent #paperjam li { margin: 6px 0; }
#sidecontent #paperjam a { font-size: 11px; border-bottom: 1px dotted; }


#sidecontent #pj-content
{
    padding-top:0 ;
    padding-bottom:0 ;
}
#sidecontent #pj-content h3 { margin: 16px 0 0; }
#sidecontent #pj-content h4 {
        line-height: 1.5em; font-size: 11px; font-weight: normal; text-transform: uppercase;
        color: #91a7b1; margin-top: 8px; }
#sidecontent #pj-content li { margin-bottom: 8px; }
#sidecontent #pj-content p { margin-bottom: 8px; font-size: 12px; line-height: 16px;}
#sidecontent #pj-content h4#more-rh {
        text-transform: none; color: black; border-top: 1px solid #f1f1f1;
        font-size: 12px; font-weight: bold; padding: 16px 0 8px; }

#sidecontent #pj-content-plusinforh
{
    padding-top:0 ;
    padding-bottom:0 ;
}
#sidecontent #pj-content-plusinforh h3 { margin: 16px 0 0; }
#sidecontent #pj-content-plusinforh h4 {
        line-height: 1.5em; font-size: 11px; font-weight: normal; text-transform: uppercase;
        color: #91a7b1; margin-top: 8px; }
#sidecontent #pj-content-plusinforh li { margin-bottom: 8px; }
#sidecontent #pj-content-plusinforh p { margin-bottom: 8px; font-size: 12px; line-height: 16px;}
#sidecontent #pj-content-plusinforh h4#more-rh {
        text-transform: none; color: black; border-top: 1px solid #f1f1f1;
        font-size: 12px; font-weight: bold; padding: 16px 0 8px; }

#sidecontent #pj-content-register
{
    margin-top:20px;
    padding:0 !important;
}
#sidecontent #pj-content-register input
{
    font-size:11px;
}
#sidecontent #pj-content-register input[type="text"], #sidecontent #pj-content-register input[type="password"]
{
    width:220px;
}
#sidecontent #pj-content-register h3 { margin: 16px 0 0; }
#sidecontent #pj-content-register h4 {
        line-height: 1.5em; font-size: 11px; font-weight: normal; text-transform: uppercase;
        color: #91a7b1; margin-top: 8px; margin-bottom:5px;}
#sidecontent #pj-content-register li { margin-bottom: 8px; }
#sidecontent #pj-content-register p { margin-bottom: 8px; font-size: 12px; line-height: 16px;}
#sidecontent #pj-content-register h4#more-rh {
        text-transform: none; color: black; border-top: 1px solid #f1f1f1;
        font-size: 12px; font-weight: bold; padding: 16px 0 8px; }

#feedbyemail { background: white; margin: 20px 0 10px -60px; }
#feedbyemail label { display: block; }
#email { width: 242px; }
#feedbyemail div.submit { margin: 10px 0 0; padding: 0; }
.feedburner {
        display: block; text-align: right; font-size: 9px; line-height: 1 }

#new {
        text-align: center; margin-bottom: 30px; font-size: 16px;
        border-width: 3px 0; border-color: #FFE8CD; border-style: solid;  }

#my-jobs li { margin: 10px 0; }
#my-jobs li strong { margin: 0; }

#sidecontent #company-details { background: #f9f9f9; }
#sidecontent #company-details h2 {
        font-size: 16px; line-height: 24px; margin-bottom: 5px;
        color: black }
#sidecontent #company-details h2 span {
        font-size: 12px; font-weight: normal; white-space: nowrap; }
#sidecontent #company-details h3 {
        font-size: 12px; line-height: 16px; margin: 15px 0 5px; }
#sidecontent #company-details h4 { margin: 10px 0; }
#sidecontent #company-details h4 a {
        color: #4E4E4E; border: none; }
#sidecontent #company-details h4 a:hover {
        color: white; background: #ff0060; }
#sidecontent #company-details img { display: block; margin: 0 auto 10px; }
#sidecontent #company-details dt {
        text-align: left; font-weight: normal; font-size: 11px;
        text-transform: uppercase; color: #91a7b1; padding: 5px 5px 0 0; }
#sidecontent #company-details dd {
        border-bottom: 1px solid #E0E0E0; padding: 0 5px 5px 0; }
#sidecontent #company-details p.excerpt { margin: 5px 0; }
#sidecontent #company-details p.more {
        border-bottom: 1px solid #e0e0e0; margin: 5px 0; padding: 5px 0 }
#sidecontent .credits {
        text-align: right; font-size: 10px !important; color: #888; margin: 5px 0 0; }

/* Forms
 ---------------------------------------------------------------------------*/
input[type="text"], input[type="password"], textarea, input.file {
        border: 2px solid #c2c2c2; padding: 6px 6px 3px; }
input, select, textarea {
        font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 14px; }
select { border: 2px solid #c2c2c2; padding: 2px }
option { padding: 0 6px; }
.hint {
        display: block; width: 310px; margin: 9px; font-size: 12px;
        line-height: 14px; }
div.submit { margin: 15px 0 15px 20px; text-align: right; }
.nb { font-size: 11px; color: #ccc; }

/* Temporary contest
 ---------------------------------------------------------------------------*/
#contest {
        margin: 10px 0 10px auto; padding: 0 20px; width: 372px;
        height: 84px; font-family: Georgia, Times, serif; font-size: 12px;
        line-height: 16px; color: black;
        background: url('../images/contest.png') repeat; }
#contest h2 { margin: 0 0 10px; padding-top: 5px; font-size: 16px; }
#contest a {
        padding: 0 6px; background: black; color: #ec008c;
        text-transform: uppercase; font-size: 14px; border-radius: 5px;
        -webkit-border-radius: 5px; }
#contest a:hover { color: white; background: #ec008c; }
#sidecontent #prizes li { margin-bottom: 10px; }
#sidecontent #prizes li strong { margin-bottom: 5px; }
#sidecontent #prizes li em { font-style: normal; font-weight: bold; }
#sidecontent #prizes p strong {
        text-transform: none; font-weight: bold; font-size: 16px;
        color: #4e4e4e; }
#sidecontent #prizes img { margin-bottom: 20px; }

#streetmarketing a {
        display: block !important; margin: 10px -5px 0; padding: 0 10px; }
#streetmarketing img { margin: 0 -10px; }

.cleaner
{
    clear:both;
}

div.cadre_sidecontent
{
    border-top:1px solid black;
    padding:0 !important;
    margin:0 !important;
    padding-top:5px !important;
    margin-top: 30px !important;
}

#sidecontent #sell p.conditions
{
    text-align:left;
    font-size:9px;
    font-style: italic;
    padding: 0 0 0 8px;
}

.success,.errors {
        margin: 0 auto 30px;  padding: 30px; width: 35em;
        border-width: 3px 0; border-color: #FFE8CD; border-style: solid;
        background: #fff9d8; text-align: center }

.errors
{
    color:red;
    font-weight: bold;
}
#edit_submit{ 
	background:none; 
	color:#FF0060;
	border:none;
	border-bottom:1px dotted #FF0060;
	padding:0; 
	margin:0;
	cursor:pointer;
}
#edit_submit:hover{
	background-color:#FF0060;
	color:white;
}