/*
 * (c) 2009 Youth
 *
 * Global styles
 * ------------------------------------------------------------------------- */


/*                               
 * B A S E L I N E
 * ------------------------------------------------------------------------- */
html                { background:#e1e1e1; }
body                { background:#fff; color:#575d6b; font:12px/16px Verdana,sans-serif; -webkit-font-smoothing:antialiased; margin:0 auto 20px; padding:0 10px; text-rendering:optimizeLegibility; width:960px; }
img                 { border:none; }
form, fieldset      { border:none; margin:0; padding:0; }
legend              { margin:0; padding:0; text-indent:0; }
table               { border-collapse:collapse; table-layout:fixed; width:100%; }
thead th            { background:#5EB2F2; color:#fff; border-bottom:1px solid #fff; font-size:12px; font-weight:bold; line-height:1; padding:18px 12px 11px; text-align:left; text-transform:uppercase; vertical-align:top; }
td                  { padding:12px 12px 13px; vertical-align:top; }
p                   { margin:0 0 16px; }
a                   { color:#498BBD; }
a:hover             { text-decoration:none; }
input[type="password"], select, input[type="text"], textarea     { background : url("../images/input.png") repeat-x scroll 0 0 #E2EBF2; border-color: #63676A #B7BFC4 #F2F4F5;
    border-style: solid;
    border-width: 1px;
    padding: 6px  8px;
    width: 300px; }

select {
    /*width: 318px;*/
    width: auto;
    padding: 5px 8px;
}    
.date select {
    width:auto;
}

section, header, footer, article, nav, aside
                    { display:block; }

/*
 * P A G E    C A N V A S
 * ------------------------------------------------------------------------- */
#banner             { margin:27px 0 0; }
#banner h1          { margin:46px 0 13px 20px; padding:0; width:340px; }

#xsite              { background:url('../images/xsite.png') repeat-x; left:0; padding:27px 0 0; position:absolute; top:0; width:100%; }
#xsite ul           { list-style:none; margin:0 auto; padding:0; width:940px; }
#xsite li           { float:left; height:35px; position:relative; }
#xsite a            { display:block; height:35px; text-indent:-9999px; }
#to-youth           { background:url('../images/youth-gray.png'); width:138px; z-index:2; }
#to-anelo           { background:url('../images/anelo-blue.png'); margin-left:0px!important; width:138px; z-index:1; }

#body               { overflow:hidden; }
#sidecontent        { float:left; padding-right:20px; width:245px;padding-bottom: 20px; }
#content            { float:right; padding-bottom:20px; padding-right:20px; width:675px; }

#assistance         {
  background:url('../images/assistance-ie.jpg') no-repeat;
  background:url('../images/assistance-tel.png') no-repeat 18px 16px, url('../images/assistance.png') no-repeat center 1px, url('../images/assistance-blue-grad.gif') repeat-x;
  background:url('../images/assistance-tel.png') no-repeat 18px 16px, url('../images/assistance.png') no-repeat center 1px, -moz-linear-gradient(bottom center, #5eb2f2 0%, #498bbd 100%);
  background:url('../images/assistance-tel.png') no-repeat 18px 16px, url('../images/assistance.png') no-repeat center 1px, -webkit-gradient(linear,left bottom, left top, from(#5eb2f2), to(#498bbd));
  -moz-border-radius:26px; -webkit-border-radius:26px; border-radius:26px;
  -moz-box-shadow:0 2px 4px rgba(0,0,0,.75); -webkit-box-shadow:0 2px 4px rgba(0,0,0,.75); box-shadow:0 2px 4px rgba(0,0,0,.75);
  color:#fff; font-family:'Lucida Grande', 'Lucida Sans', sans-serif; font-size:13px; font-weight:600; margin:0 0 20px 20px; padding:13px 0 10px 53px; text-shadow:0 1px 1px rgba(0,0,0,.75); text-transform:uppercase; overflow:hidden; }
#assistance h1      { font-size:13px; margin:0; }
#assistance em      { display:block;font-size:16px; font-style:normal; font-weight:normal; line-height:19px; text-transform:none; }

#dossier            { background:url('../images/dossier-orange-ie.gif'); background:rgba(243,157,48,1); -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; color:white; font-size:14px; margin-left:20px; min-height:142px; padding:27px 15px 6px 20px; }
#dossier h1         { font-family:'Lucida Grande', 'Lucida Sans', sans-serif; font-size:13px; font-weight:600; line-height:16px; margin:0 0 14px; text-shadow:0 1px 1px rgba(0,0,0,.75); text-transform:uppercase; }
#dossier h1 img     { float:right; margin-bottom:-43px; margin-left:10px; position:relative; top:-43px; }
#dossier ul         { line-height:24px; list-style:none; margin:0; padding:0; }
#dossier li         { background:url('../images/dossier-orange-li.png') no-repeat 9px 5px; margin:0; padding:0 0 0 26px; }
#dossier li::marker { content:'>'; }
#dossier a          { color:white; text-decoration:none; }
#dossier a:hover    { text-decoration:underline; }

aside#sidecontent .block            { background:url('../images/dossier-orange-ie.gif'); background:#7CA825; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; color:white; font-size:14px; margin-left:20px; min-height:142px; padding:27px 15px 6px 20px; }
aside#sidecontent .block h1         { font-family:'Lucida Grande', 'Lucida Sans', sans-serif; font-size:13px; font-weight:600; line-height:16px; margin:0 0 14px; text-shadow:0 1px 1px rgba(0,0,0,.75); text-transform:uppercase; }
aside#sidecontent .block h1 img     { float:right; margin-bottom:-43px; margin-left:10px; position:relative; top:-43px; }
aside#sidecontent .block ul         { line-height:24px; list-style:none; margin:0; padding:0; }
aside#sidecontent .block li         { background:url('../images/dossier-green-li.jpg') no-repeat 9px 5px; margin:0; padding:0 0 0 26px; }
aside#sidecontent .block li.selected a { font-weight:bold; }
aside#sidecontent .block li.selected li a { font-weight:normal; }
aside#sidecontent .block li::marker { content:'>'; }
aside#sidecontent .block a          { color:white; text-decoration:none; }
aside#sidecontent .block a:hover    { text-decoration:underline; }

#aside              { color:#498BBD; background:#A4C5DE; /*background:rgba(169,193,223,.5);*/ _height:1%; overflow:hidden; padding-bottom:20px; }
#aside div          { display:inline; float:left; margin-left:20px; width:294px; }
#aside h1           { position:absolute; left:-9999px; }
#aside a {color:#498BBD;}
#aside h2           { color:#FFFFFF; border-bottom:1px solid #498BBD; font-size:12px; line-height:1; margin:0 0 16px; padding:30px 20px 7px; text-transform:uppercase; }
#aside p            { margin:0; padding:0 20px; }
#aside ul           { color:#498BBD; font-size:18px; font-weight:bold; line-height:normal; list-style:none; margin:0 0 0 20px; padding:0; }
#aside li           { margin:0; padding:0; }
#aside img          { border:3px solid white; display:block; }

/*
 * C O N T E N T
 * ------------------------------------------------------------------------- */
#content h1         { font-weight: normal; border-bottom:1px solid #D7E5BD; color:#283A08; font-size:17px; line-height:normal; margin:0 0 1px; padding:10px 10px 8px; }


.who {
    background-image:url('../images/who.jpg');
    background-repeat: no-repeat;  
    background-position: left top;
    background-color:#6F9E1C;
    width:245px;  
    margin: 0 0 20px 0;
    padding:20px 0 0 0 ;
}

.who ul,
.who ul li,
.who h1 {
    padding:0;
    margin:0;
}

.who h1 {
    font-size: 16px;
    line-height: 20px;
    color:#DDE8AD;
    font-weight:normal;
    margin-bottom:10px;
}

.who h1 strong {
    color: #FFFFFF;
    font-size:14px;
    line-height: 16px;
}     

.who ul {                 
}        

.who ul li {                                    
    background-image:url('../images/p-ie.png');  
    background-repeat: no-repeat;  
    background-position: 10px;  
    padding:2px 0 0 30px;
    margin:5px 0 5px 0;
}

.who ul li.red {                                    
    background-image:url('../images/p-ie-red.png');     
    font-style:italic;
}                     

.who ul li.active a {
    color:#5EB2F2;
}

.who ul li.sep {
    border-bottom: 1px dotted #DDE8AD; 
    padding:4px 0 5px 30px;
}

.who a {
    color:#FFFFFF;
    text-decoration:none;
}
                                           
.who a:hover  { text-decoration:underline; }

.who .who-content {
    width:205px;  
    padding:0 20px 0 20px;
    background-image:url('../images/woman2.png');
    background-repeat: no-repeat;  
    background-position: 20px bottom;
}

.who .who-content .who-content-header {
    width:205px;  
    height:20px;
    background-image:url('../images/who_content_header.png');
    background-repeat: no-repeat;  
    background-position: left top;
}

.who .who-content .who-content-content {
    width:165px; 
    padding: 0 20px 0 20px; 
    background-image:url('../images/who_content_content.png');
    background-repeat: repeat-y;  
}

.who .who-content .who-content-footer {
    width:205px;  
    height:20px;
    background-image:url('../images/who_content_footer.png');
    background-repeat: no-repeat;  
    background-position: left bottom;
}

.who .who-footer {
    background-image:url('../images/box_menu_footer.jpg');
    background-repeat: no-repeat;  
    background-position: left bottom;
    width:245px;
    height:15px;
}                              



#contentinfo        { color:#575D6B; font-size:11px; line-height:27px; padding:0 10px 0 5px; }
#contentinfo p      { float:right; margin:0; }
#contentinfo p a    { margin:0; }
#contentinfo a      { color:#575D6B; margin:0 5px 0 10px; }

#jobsearch          { background:#5EB2F2; color:white; font-weight:bold; margin:0 0 20px; padding:4px 10px 0; text-transform:uppercase; }
#jobsearch p        { margin:0; }
#jobsearch label    { left:-9999px; position:absolute; }
#q                  { background:url('../images/input2.png') no-repeat; border:none; margin:0 5px; width:135px; }
#c                  { background:url('../images/select.png') no-repeat; border:none; margin:0 5px; text-transform:none; width:145px; }
#c option           { background: white; }
#s                  { padding:0 0 4px 0; vertical-align:middle; }


/*
 * J O B S
 * ------------------------------------------------------------------------- */
#jobs tr:nth-child(odd)
                   { background:#E1E1E1; }
#jobs tr.odd       { background:#E1E1E1; }
#jobs th:nth-child(1)
                   { width:282px; }
#jobs th:nth-child(2)
                   { width:160px; }
#jobs th.nth-child-1
                   { width:282px; }
#jobs th.nth-child-2
                   { width:160px; }
#jobs.status th:nth-child(1)
                   { text-indent:-9999px; width:15px; }
#jobs.status th:nth-child(2)
                   { width:282px; }
#jobs.status th:nth-child(3)
                   { width:160px; }
#jobs a            { font-weight:bold; }
#jobs span         { position:absolute; top:-9999px; }
#jobs span.org     { display:block; font-style:italic; position:static; }

#jobs thead th     { background:#5EB2F2;  }
                                                       
/*
 * U S E F U L    C L A S S E S
 * ------------------------------------------------------------------------ */
.submit             { margin:0; text-align:center; }

/*
 * C A N D I D A T E S
 * ------------------------------------------------------------------------- */

#candidate {}
#candidate table{
}
#candidate th,
table#job th
{
  width:270px;
  border-bottom:1px dotted #225798;
  color: #7CA825;   
  font-weight:normal;
  padding:15px 10px 10px;
  text-align:left;          
  vertical-align:top;
}
#candidate td,
table#job td{
  border-bottom:1px dotted #225798;
  padding:15px 10px 10px;
  vertical-align:top;
}

/*
 * B O T T O M    T O O L B O X
 * ------------------------------------------------------------------------- */
#bottomtools{
  margin:30px 0;
}
#bottomtools li{
  float:left;
  list-style-image:none;
  list-style-type:none;
  padding-left:15px;
  padding-right:15px;
}


/*
 * S E A R C H
 * ------------------------------------------------------------------------- */
#search_candidate{
  display: none;

}


/*
* C A N D I D A C I E S    M A N A G M E N T
* ------------------------------------------------------------------------- */
.status_update{ padding:0; }
#candidacy_reject_li, #candidacy_ok_li{
}
#candidacy_reject_li span,
#candidacy_ok_li span
{
}
#candidacy_reject_li ul.radio_list,
#candidacy_ok_li ul.radio_list
{
  padding:0px;
}
#candidacy_reject_li ul.radio_list li:last-child label,
#candidacy_ok_li ul.radio_list li:last-child label
{
  text-decoration:underline;
}

h4 {
    color: #283A08;
    font-size: 13px;
    font-weight: normal;
    line-height: normal;
    margin: 0 0 1px;
    padding: 15px 5px 0px 10px;     
}       


.error_list, .error {
    color: #CC0000;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 3px;
}


/*** PAGE ***/          

.page-content {
    background-color: #D7E5BD;
    padding:20px;
    margin-top:20px;
    line-height:18px;
}     

.page-content h2 {             
    color: #7CA825;
    font-size: 14px;
    margin: 0;         
    padding: 5px 0  5px 0;
    text-transform: uppercase;
    border-bottom: 1px dotted #225798;
}  

.page-content p {
    margin: 0;
    padding: 5px 0  5px 0;
    text-indent:0;
}   

.page-content ul,
.page-content ol {
    margin: 0;
    padding: 0 0 0 25px;
}

.page-content ul li,
.page-content ol li {
    margin: 0;
    padding: 0 0 5px 15px;
    list-style-image:none;
    list-style-type:none;
    background-image:url("../images/file-li.png");
    background-repeat:no-repeat;
    background-position:left 6px;
}

#content .page-content h3 {                     
    color: #283A08;
    line-height: normal;
    margin: 0 0 1px;
    padding: 11px 11px 6px;
    font-size: 12px;
    border:0;
}


/** Merge **/
form#contract-form .contact span.label 
{ 
  color: #7ca825;
  float: left;
  font-weight: normal;
  margin-left: -180px;
  padding-top: 5px;
  text-transform: uppercase;
  width: 180px;
}

form#contract-form .contact label { 
 /* margin-left: -85px;*/
  width: 60px;
 }
 
 form#contract-form .contact {
   padding-left: 180px;
   
 }
 
 form#contract-form input[type=button] {
   margin-top: 10px;
   margin-left: 240px;
 }
 
 form ul li div.formexplain, 
 form ol li div.formexplain {
    float: none;
    padding-left: 240px;
}

form#contract-form .error_list {
  padding-left: 240px;
}

form#contract-form .error {
        width: 100%;
}


/** buttons list **/
.buttons { padding:0; margin:0; }
.buttons li { list-style-image: none; list-style-type: none; float:left; }

.buttons.left { clear: left;}
/** button : blue, gray and green **/
.new_button {cursor:pointer;border:0;float:left; position:relative;padding-bottom:18px;padding-top:10px; padding-left:20px; margin:10px; background:url(../images/new_blue_button-left_corner.jpg) no-repeat top left;text-decoration:none; margin-right: 15px;}

.green { background:url(../images/new_green_button-left_corner.jpg) no-repeat top left; }
.gray { padding-bottom:9px; padding-top:4px; padding-left:18px; background:url(../images/new_gray_button-left_corner.jpg) no-repeat top left; }
button.new_button { padding-top:10px; line-height:37px; height:37px; }

.new_button span {color:#FFFFFF;font-size:12px;font-weight:bold;text-transform:uppercase;padding-bottom:12px;padding-right:25px; }
button.new_button span {padding:10px 35px 0 0; margin:0; }

.new_button span img {position:absolute; top:0;}
button.new_button span img {top:-11px;right:22px;}
a.new_button span img {right:-25px;}
a.gray span img { right:-18px;}
.new_button.gray span { padding-right: 2px; /*15px;*/ }

figure {margin:0;}

/*
 * J O B S _ C O M P A N Y
 * ------------------------------------------------------------------------- */
#jobs_company tr:nth-child(odd)
                    { background:#e1e1e1; }
#jobs_company th:nth-child(1)
                    { width:282px; }
#jobs_company th:nth-child(2)
                    { width:160px; }

#jobs_company.status th.status { text-indent:-9999px; width:15px; }
#jobs_company.status th:nth-child(1)
                    { text-indent:-9999px; width:15px; }

#jobs_company.status th.publication { line-height:120%; padding-top:7px; width:180px; }
#jobs_company.status th:nth-child(2)
                    { line-height:120%;
                      padding-top:7px;
                      width:180px;
                    }
#jobs_company.status th.title { width:260px; }
#jobs_company.status th:nth-child(3)
          { width:260px; }
                               /*
#jobs_company.status th:nth-child(4)
          { width:200px; }   */

#jobs_company a             { font-weight:bold; }
#jobs_company span          { position:absolute; top:-9999px; }
#jobs_company span.org      { display:block; font-style:italic; position:static; }

#jobs_company div { float: left; width: 50%; }

/*
 * C O N T R A C T  -  E X T E N S I O N
 * ------------------------------------------------------------------------- */
 #extension tr:nth-child(odd)
                    { background:#e1e1e1; }

 #extension.status  th.status{ text-indent:-9999px; width:15px; }
 #extension.status th:nth-child(2)
                    { width:125px; }
#extension.status th:nth-child(3)
                    { width:113px; }
#extension.status th:nth-child(4)
                    { width:120px; }
#extension.status th:nth-child(5)
                    { width:70px; }          
#extension.status th:nth-child(6)
                    { width:90px; }          

#extension.status .draft
                    { font-style: italic; }
#extension.status td:nth-child(5) span
                    { padding-left: 25px;  }     

#jobbrowser {
    margin-bottom: 13px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 16px;
    text-align: center;
}

#jobbrowser a, #jobbrowser em {
    margin-bottom: 0;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0;
}

#jobbrowser em {
    font-style: normal;
    font-weight: bold;
}

#contract .address table {
  width: 80%;
}

#content p {
    padding-top: 5px;
}

.note {
    font-size: 10px;
}

.explication {
    border-bottom-color: #A4C5DE;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-top-color: #A4C5DE;
    border-top-style: solid;
    border-top-width: 3px;
    font-style: italic;
    margin-bottom: 25px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 25px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
}   

#coverletter-format .checkbox_list {
 padding-left:0; 
}

#coverletter-format ol li .ss-title {
 clear:both; 
}