/*--------------------------------------------------------------------------
 *
 * Régis Kuckaertz
 * Nvision
 * http://nvision.lu/
 *
 * Screen styles for posting a new job on paperJam.Jobs
 *--------------------------------------------------------------------------*/
 

/* General form elements' layout
 ---------------------------------------------------------------------------*/
form h2 { margin: 2px 0 8px 148px; font-weight: bold; font-size: 18px; }
fieldset { padding: 20px 0px; margin-bottom: 3px; background: #f1f1f1; }
fieldset legend { font-size: 18px; font-weight: bold; }
fieldset li { position: relative; margin-top: 10px; padding: 10px 20px 0 148px; }
fieldset li li { padding: 0; }
fieldset li:first-child { margin-top: 0; padding-top: 0 }
fieldset li fieldset { padding: 0; margin: 0; background: none; }
fieldset label, fieldset li fieldset legend span { position: absolute; left: 0; display: block; padding: 0 10px 0 10px; width: 128px; text-align: right; font-size: 12px; font-weight: normal; line-height: 19px; }
fieldset li fieldset label { position: static; padding: 0; display: inline; }
fieldset label.radio { padding-right: 15px; font-size: 12px; font-weight: bold; }
fieldset label.checkbox { position: static; display: inline; padding: 0; text-align: left; font-size: 12px; }
fieldset label[for="company"], fieldset li fieldset legend span { top: 0 }
fieldset label[for="fulltime"] { display: none; }
fieldset label em { font-weight: bold; font-style: normal; }
input[type="text"], textarea { width: 320px; }
input#place { width: 160px; }
.observer span { font-weight: bold; }
.observer strong { display: block; font-weight: bold; color: red; }
.auto_complete li { padding: 6px 6px 9px !important; }
.auto_complete li:hover { background: #707175 !important; color: white  !important; }
#category, #hcountry-other, #country-other { font-size: 12px; }
#business1 { font-size: 11px !important; }
option.business-category { padding: 5px 6px 0 }
option.business { padding-left: 12px;  }
#business-details select { font-size: 11px !important; padding: 0; width: 420px; }
#business-details span { display: block; margin: 0 0 5px; }
#hcountry-other { display: none; padding-top: 5px; }
#promocode { width: 5em; }

fieldset#business-details label.radio { font-weight: normal; }
fieldset#business-details div.hint { font-size: 11px; display: none; margin-bottom: 20px; }
fieldset#business-details li { margin: 0 }
fieldset#business-details li li { margin: 0 0 0 16px; }

#place_auto_complete { z-index: 999 !important; overflow: hidden !important; }
#place_auto_complete iframe { 
    display:none !important;
    display/**/:block !important; 
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    z-index:-1 !important;
    filter:mask() !important;
    width:3000px !important;
    height:3000px !important; }

#business-add { display: block; margin: 5px 0; border: none; }

/* Styling file inputs, taken from http://www.shauninman.com/archive/2007/09/10/styling_file_inputs_with_css_and_the_dom
 ---------------------------------------------------------------------------*/
.SI-FILES-STYLIZED span.cabinet
{
    width: 187px;
    height: 37px;
    background: url('../images/choose-file.png') 0 0 no-repeat;

    display: block;
    overflow: hidden;
    cursor: pointer;
}

.SI-FILES-STYLIZED span.cabinet input.file
{
    position: relative;
    height: 100%;
    width: auto;
    opacity: 0;
    -moz-opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

/* Steps and progress status 
 ---------------------------------------------------------------------------*/
#steps { font-size: 12px; line-height: 14px; overflow: hidden; margin-bottom: 20px; }
#steps li { position: relative; display: inline; height: 88px; width: 182px; padding: 16px 26px 0 86px; float: left; background: url('../images/next.png') no-repeat top left; color: #a7a7a7; }
#steps li h2 { font-size: 14px; font-weight: bold; line-height: 24px; }
#steps li h2 em { display: inline; float: left; margin-left: -50px; font-style: normal; font-weight: normal; font-size: 24px; }
#steps .one.current, #steps .two.current { background: url('../images/current.png') no-repeat top left; color: #4e4e4e; }
#steps .two.current { background: url('../images/current2.png') no-repeat top left; color: #4e4e4e; }
#steps .one { background: url('../images/done.png') no-repeat top left; z-index: 999; }
#steps .two { background: url('../images/next.png') no-repeat top left; z-index: 1; margin-left: -26px; }

/* Errors
 ---------------------------------------------------------------------------*/
#mistakes { padding: 20px; border-width: 3px 0; border-style: solid; border-color: #707175; background: #efefef; margin-bottom: 30px; }
#mistakes img { display: inline; float: left; margin: 0 10px 10px 0; }
#mistakes p { font-size: 14px; line-height: 21px; }
#mistakes li { margin: 10px; list-style-type: square; line-height: 1.4em; }
#mistakes cite { font-style: italic; }

/* Quotation details
 ---------------------------------------------------------------------------*/
#quotation { margin: 25px 0 15px; width: 100%; }
#quotation, #totals #total td { border-top: 4px solid #f1f1f1; line-height: 1 }
#quotation th { padding: 25px 15px 7px; text-align: right; }
#quotation td { padding: 14px 15px; text-align: right; }
#quotation th:first-child, #quotation td:first-child { padding-left: 75px; text-align: left; }
#line-items td { font-weight: bold; }
#line-items td:first-child { font-size: 14px; font-weight: normal; line-height: 15px; }
#totals td { border-top: 1px solid #909090; }
#totals td:first-child { font-weight: bold; }
#total td { font-weight: bold; font-size: 16px; }
#line-item-head { font-size: 18px; }

/* Form helpers
 ---------------------------------------------------------------------------*/
li.typing, div.help { background: #fff9d8;  }
li.typing div.help { display: block; }
div.help { display: none; float: right; margin-top: -5px; margin-right: -320px; width: 335px; padding: 10px 20px 0; font-size: 12px; line-height: 16px; border-left: 5px solid #FFE8CD; }
div.help code { font-family:Monaco,ProFont,"Bitstream Vera Sans Mono","American Typewriter","Andale Mono",monospace; }
div.help li { margin: 0; padding: 0; }

/* Sidecontent "Mes offres d'emploi"
 ---------------------------------------------------------------------------*/
#sidecontent #my-jobs li { padding: 5px;  font-style: italic; color: #98adb6; font-size: 12px; line-height: 1.4em; }
#sidecontent #my-jobs strong { text-transform: none; font-style: normal; font-weight: bold; font-size: 16px; color: #4e4e4e }
#sidecontent span.tools { font-style: normal; color: #4e4e4e;  }

.show_explo{
	display:none;
	color:#ff0060
}