/*
 ========================================================================== 
 ---------- Complement pour la feuille de style des web services ----------
 ---------- du portail OV SSO, dedie au service Miriade          ---------- 
 ==========================================================================
*/

#ephemerisForm div {
   margin: auto;
   -moz-border-radius: 6px; 
   -webkit-border-radius: 6px; 
   border-radius: 6px;
}

#ephemerisForm div.ui-corner-tab {
  -moz-border-radius-topleft: 0px;
  -webkit-border-top-left-radius: 0px;
  border-top-left-radius: 0px;
}

#ephemerisForm img {
   border: 0;
}

#ephemerisForm table {
  border-collapse: collapse;
  width: 100%;
  padding:0;
  margin:0;
  border-spacing:0;
  border:0;
}

#ephemerisForm td {
background-color: transparent;
border: 0;
padding:0;
text-align: left;
}

#ephemerisForm fieldset {
   width: 95%;
   text-align: left;
   border: solid thin #c1c5ff;
   padding: 10px 10px 20px 10px;
   margin: 1em auto;
   background: transparent url(/webservices/share/img/bglegend.png) bottom left repeat-x;
   -moz-border-radius: 6px; 
   -webkit-border-radius: 6px; 
   border-radius: 6px;
}

#ephemerisForm legend {
   color: #206ed0;   
   border: solid thin #c1c5ff;
   padding: 0.4em;
   background: transparent url(/webservices/share/img/bglegend.png) bottom left repeat-x;
   -moz-border-radius: 4px; 
   -webkit-border-radius: 4px; 
   border-radius: 4px;
}

#ephemerisForm .height_160px {
   height:160px;
}

#ephemerisForm .height_145px {
   height:145px;
}

#ephemerisForm .width_300px {
   width:300px;
}

#ephemerisForm .width_380px {
   width:380px;
}

#ephemerisForm .info {
   border: thin solid #eee;
   margin: 3px 0.5em;
   padding: 1.5em;
   text-align: justify;
}

/** Onglets **/
/* Les css des onglets sont définie (pour la plupart) dans le fichier jqueryUI */
#ephemerisForm .bloc {

}

#ephemerisForm .blocliste {
  
}

#ephemerisForm .bloc_checkbox {

}

#ephemerisForm .bloc_rc {
  border: 1px solid #fbd850;
  margin: 1em auto;
  padding: 5px 5px;
  width: 60%;
}

#ephemerisForm .bloc_data, .bloc_data_1, .bloc_data_2 {
   margin: 0.5em auto;
   padding: 0.5em;
   background-color: #eee;
   clear:both;
}

#ephemerisForm .bloc_data_1 {
   background-color:#ffffff;
   border: 1px solid #f6f6f6;
   margin: 0.2em;
   padding:0;
}

#ephemerisForm .bloc_data_2 {
   background-color:#ddd;
   border: 1px solid #ddd;
   margin: 0.2em;
   padding:0;
}

#ephemerisForm .bloc_over {
   background-color: #eefcff;
   color: #555;
   border: 1px dashed #66a9b8;
}

/** Cette classe sert uniquement a régler des problèmes de superposition des div dus aux float **/
#ephemerisForm .pos_valid {
   clear: both;
   position: relative;
   width: 100%;
}

/** Bloc avance **/

#ephemerisForm ul {
   white-space: nowrap; 
   list-style: none;
}

#ephemerisForm ul.principal {
   position: relative;
   padding: 0;
   margin: 0; 
}

#ephemerisForm li.principal {
   float: left;
   padding-bottom: 2px;
   text-align: center;
   width: 150px;
}

#ephemerisForm li.principal.gauche {
   border: 1px solid #fbd850;
   -moz-border-radius-topleft: 4px; 
   -webkit-border-top-left-radius: 4px; 
   border-top-left-radius: 4px;
   -moz-border-radius-bottomleft: 4px; 
   -webkit-border-bottom-left-radius: 4px; 
   border-bottom-left-radius: 4px;
}

#ephemerisForm li.principal.droite {
   border-top: 1px solid #fbd850;
   border-bottom: 1px solid #fbd850;
   border-right: 1px solid #fbd850;
   -moz-border-radius-topright: 4px; 
   -webkit-border-top-right-radius: 4px; 
   border-top-right-radius: 4px;
   -moz-border-radius-bottomright: 4px; 
   -webkit-border-bottom-right-radius: 4px; 
   border-bottom-right-radius: 4px;
}

#ephemerisForm li.principal.centre {
   border-top: 1px solid #fbd850;
   border-bottom: 1px solid #fbd850;
   border-right: 1px solid #fbd850;
}

#ephemerisForm li.principal h1 {
   font-size: 1.0em;
   border-bottom: 1px solid #e78f08;
   background: #f6a828 url(/webservices/share/img/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
   color: #222;
   padding: 3px;
   padding-bottom: 5px;
   margin: 0;
   font-weight:normal;
}

#ephemerisForm ul.secondaire {
   padding: 2px;
   margin: 2px; 
   background-color: #eee;
   -moz-border-radius: 6px; 
   -webkit-border-radius: 6px; 
   border-radius: 6px;
}

#ephemerisForm li.hide {
   margin-top: 5px;
   color: #666;
}

#ephemerisForm li.default {
   color: #00f;
}

#ephemerisForm .bord_bott {
   border-bottom: 1px dashed #30f;
   padding-bottom: 5px;
}

#ephemerisForm .secondaire .li_over {
   color: #000;
   background-color: #ccddff;
   cursor: pointer;
}

#ephemerisForm .planet {
  /*margin: 0.2em;*/
  float:left;
}

#ephemerisForm .satel_gen {
  clear: both;
}

#ephemerisForm .tabs {
  margin-top: 10px;
  width: 80%;
}

#ephemerisForm a.liste {
  cursor: pointer;
}

#ephemerisForm table.ftable {
  margin-bottom: 0.2em;
}

#ephemerisForm .div_checkall {
  cursor: pointer;
  float: right;
}

#ephemerisForm .bouton {
  height: 2em;
  padding: 3px 6px 3px 6px;
  text-align:center;
  border: 1px solid #fbd850;
  background: transparent url(/webservices/share/img/bglegend.png) bottom left repeat-x;
  text-decoration: none;
  color: #000000;
  -moz-border-radius: 4px; 
  -webkit-border-radius: 4px; 
  border-radius: 4px;
  cursor: pointer;
}

#ephemerisForm .bouton_over {
   border: 1px solid #206ed0;
   -moz-border-radius: 4px; 
   -webkit-border-radius: 4px; 
   border-radius: 4px;
   cursor: pointer;
}

#ephemerisForm .boutonC {
   padding: 5px 6px;
   text-align:center;
   text-decoration: none;
   color: #000;
   border: 1px solid #000;
   background: transparent url(/webservices/share/img/bglegend.png) bottom left repeat-x;
   -moz-border-radius: 4px; 
   -webkit-border-radius: 4px; 
   border-radius: 4px;
   cursor: pointer;
}

#ephemerisForm .boutonC_over {
   color: #00f;
   background-color: #eee;
   border: 1px solid #66a9b8;
   -moz-border-radius: 4px; 
   -webkit-border-radius: 4px; 
   border-radius: 4px;
   cursor: pointer;
}

#error fieldset {
  border: 1px solid #c00;
  width: 90%;
  margin: 10px auto;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

#error legend {
  color: #c00;
  border: 1px solid #c00;
  margin-left: 0.5em;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

#error .msg {
  padding: 1em;
}

#error .close {
  text-align: right;
  padding-right: 10px;
}

#warning fieldset {
  border: 1px solid #00c;
  width: 90%;
  margin: 10px auto;
}

#warning legend {
  color: #00c;
  border: 1px solid #00c;
  margin-left: 0.5em;
}

#warning .msg {
  padding: 1em;
}

#warning .close {
  text-align: right;
  padding: 0 5px 3px 0px;
}

/** Autocomplete **/
/* Les css de l'autocomplete sont définie dans le fichier autocomplete */

/* --- Conteneur global des pages de description des web services ---------- */
#results fieldset {
  background-color: #fff;
}

#results div.res {
  overflow: auto;
  width: 100%;
}

/* --- Conteneur de titre des pages de resultats --------------------------- */
#titleResult {
  /* overflow: auto; */
  margin: 1em auto 2em auto;
  border-style: none none solid none;
  border-color: #CCC;
  border-width: 1px;
}

#titleResult table {
  width: 100%;
  font-weight: bold;
  text-align: left;
  border-style: none none solid none;
  border-color: #41516B;
  border-width: 1px;
  margin: 10px auto 1px auto;
  color: #41516B;
  font-size: 1.4em;
}

#titleResult th, #titleResult td {
  padding: 3px 5px 3px 5px;
  border: none;
}

#titleResult td.right {
  white-space: normal;
  text-align: right;
  font-size: 0.8em;
}

#titleTarget {
  padding: 20px;
  text-align: center;
}

#titleTarget span {
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  border: thin solid #ddd;
  border-style: none none solid none;
  margin: 2em auto;
}