/* 
    Document   : displayResults
    Created on : 12 déc. 2008, 11:30:27
    Author     : Pierre MUSET - Beetween
    Description:
        Purpose of the stylesheet follows.
*/

div#content
{
}

div.results{
	
/* _width: 950px;*/
   
	max-width: 1100px ;
   
 
	margin: 0 auto;
	padding: 0;
     
     margin-left:0px ; 
}


div.resultsOverview {
	text-align: left;
	padding-top: 2px;
	padding-bottom: 2px;
    
	 
}

div.resultsOverview a {
	text-align: center;    
	width: 40px;/** does not work */
	padding: 0 16px;/** does the trick **/
	margin: 0 4px;/** does the trick **/
	cursor: default;
}

/** previous/next links **/

div.resultsOverview a:hover {
	text-decoration: none;
}

div.resultsOverview a.previous, div.resultsOverview a.previous {
	cursor: pointer;
	border: solid 1px transparent;
}

div.resultsOverview a.previous:hover, div.resultsOverview a.next:hover {
	border: outset 1px maroon;
}

div.resultsOverview a.previous:active, div.resultsOverview a.next:active {
	border: inset 1px maroon;
}

div.resultsOverview a.previous,
div.resultsOverview a.next
{
	background-image: url('../img/common/resico.gif');
	background-repeat: no-repeat;
        background-position: 16px 0;
	cursor: pointer;
	border: solid 1px transparent;
}
div.resultsOverview a.previous {
        background-position: 14px -20px;
}

/** END --- previous/next links --- END **/

div.resultsOverview.strong {
	font-weight: bold;
}

div.resultsOverview .pageLimits {
	display: inline;
    min-width: 120px;
    padding: 0 1em;
    font-weight: bold;
    text-align: center;
    border: solid 1px grey;
}

div.resultsOverview span.queryDisplay {	
    font-style: italic;
	font-weight: bold;
	color: rgb(30,30,30);
}


/*************** RESULTS TABLE **********/

table.result {
    background-color: rgb(50,50,50);
    border: none;
	padding: 0;
	margin: 0 auto;
	 
   /* width: 100%;*/
    
    /*float: left ; */
    
}


table.result tr{
	background-color: white;

}

table.result td {
	padding: 0 4px;
}


table.result th {
    font-size: small;
    color: white;
	
	/*background-color: #918f69;*/
	/*background-color: #bfbc8a;/** vert de degrade_green32.png **/
	background-color: #837e70;/** gris de degrade_black32.png **/
        background-repeat:repeat-x;

        /*
	background-position:top left;
	background-image:url('../img/deco/degrade_black32.png');
        */
	background-position: 0 -856px;
	background-image:url('../img/common/rndeg.gif');
	 	
	line-height: 25px;
}

.result td.source {
    padding: 0 0;
    width: 40px;
    text-align: left;
}

.result td.source img{
    height: 50px;
}


.result td.date_indexation {
    width: 110px;
    text-align: center;
}

.result td.location {
    text-align: left;
    font-size: small;
	max-width: 400px;
}

.result td.seniority {
    text-align: center;
    font-size: small;
}

.result td.canBeContacted-true, .result td.canBeContacted-false {
    text-align: center;
    font-size: small;
	font-weight: bold;
}

.result td.canBeContacted-true {
	color: rgb(60,120,60);
}
.result td.canBeContacted-false {
	color: rgb(120,120,120);
}

.result td.title {
	text-align: left;
}

.result td.title a{
    color: maroon;
    font-weight: bold;
    font-size: small;
    font-variant: small-caps;
}

.result td div.extract {
    color: rgb(80,80,80);
    font-size: small;
    text-align: left;
}

.result td.accuracy {
    width: 60px;
    text-align: left;
}

.result td.accuracy div.score{
    display: block;
    width: 60px;
    height: 13px;
    line-height: 13px;
    font-size: 4px;
    padding: 0;
    background-image: url(../img/common/scores.gif);
    background-repeat: no-repeat;
}
.result td.accuracy div.score.score-10 {
    background-position: 0 -13px;
}
.result td.accuracy div.score.score-20 {
    background-position: 0 -26px;
}
.result td.accuracy div.score.score-30 {
    background-position: 0 -39px;
}
.result td.accuracy div.score.score-40 {
    background-position: 0 -52px;
}
.result td.accuracy div.score.score-50 {
    background-position: 0 -65px;
}
.result td.accuracy div.score.score-60 {
    background-position: 0 -78px;
}
.result td.accuracy div.score.score-70 {
    background-position: 0 -91px;
}
.result td.accuracy div.score.score-80 {
    background-position: 0 -104px;
}
.result td.accuracy div.score.score-90 {
    background-position: 0 -117px;
}
.result td.accuracy div.score.score-100 {
    background-position: 0 -130px;
}

/*************** jobs-popup **************/

.jobs-popup{
     display: none;
     position: absolute;
	 
     overflow: hidden;
	 
     max-height: 250px;/** ne fonctionne pas avec ie **/
    _height: expression( Math.min(parseInt(this.offsetHeight), 250) );/** hack internet explorer */
     
	 max-width: 500px;/** ne fonctionne pas avec ie **/
    _width: expression( Math.min(parseInt(this.offsetWidth), 500) );/** hack internet explorer */
     
	 
     background-color: rgb(255,255,255);
     text-align: left;
     border: outset 2px rgb(77,77,77);
	 padding: 5px 10px; 
	   
     -moz-opacity:0.95;/* anciennes versions de firefox */
     opacity: 0.95;/* standard css */
     filter:alpha(opacity=96);/* ie (rendu différent de firefox) */

     font-size: small;
      padding-left:20px ;

     
	  
}

.job-popup-header{
    display: block;
}
.job-popup-dates{
    display: inline;
}
.job-popup-jobtitle{
    display: inline;
    padding-left: 0.6em;
    
    color: maroon;
    font-weight: bold;
    font-variant: small-caps;
}

.job-popup-company{
    display: block;
}
.job-popup-companyname{
    display: inline;
    
    font-weight: bold;
    font-variant: small-caps;
}
.job-popup-companydesc{
    display: inline;
}

.job-popup-jobdesc{
    display: block;
	text-align: justify;
	padding-right: 20px;
    
/**    color: #514f29;**/
	color: #3a381e;
}

table.sortable th a,
table.sortable th a:visited,
table.sortable th a:active {
	color: white;
	border-bottom: white 1px dotted;
}

table.sortable th a:hover {
	color: maroon;
	border-bottom: maroon 1px dotted;
	text-decoration: none;
	/*border-bottom: none;
	padding-bottom: 1px;*/
	/*padding-right: 20px;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: center right;
	background-image: url(../img/deco/sorting-arrows.image);*/
}







/********** regle pour les les div left, right et main ************/
/* pour avoir le div#left et div#main  uniquement enlever ou commenter
        margin-right du div#container et
        margin-right du div#main

le div#right il faux le rajouter aprés le div#container
*/
/* /!\ la taille du div#left est = à la valeur margin-right du div#main */

div#container {
   
	width: 100%;
	float: left;
	margin-right: -200px; /* valeur =  (egale en négatif ) à la valeur margin-right  du div#main, et à la valeur width du div#right  */
  
}



   div#main {
     z-index:10;
  /*   position:relative;*/
    margin-right: 200px; /* valeur egale (en positif) = margin-right du div#container, et à la valeur width du div#right */
	margin-left: 207px;/* pour center tout le  contenu du  div.results */
   
     /*****************/
    
}
div#left {
     
	width: 200px;
   /* _width:204px ;*/
    /*padding-right:0px ; */
	float: left;
    margin-top: 25px;
    padding-left:5px ;
    padding-right:2px ;
    }
     
div#right {
    z-index:5;
   /* position:relative; */
	width: 196px;/* il faux que la taille de la bordure + le width soit <= margin-right du div#container    */
	float: right;
    margin-top:25px ;
    
 

}