/* 
    Document   : style
    Created on : 8 févr. 2012, 10:47:41
    Author     : J.Gerakis
    Description:
        Purpose of the stylesheet follows.
*/


root { 
    display: block;
}

/* --------
  The CSS rules offered here are just an example, you may use them as a base. 
 --------- */
* {margin:0; padding:0}
/* --- Page Structure  --- */
html {height:100%}
body {
  min-width:400px;
  width:100%;
  height:101%;
  background:#fff;
  color:#333;
  font:76%/1.6 verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
  text-align:center;
}
#wrapper{
  margin:0 auto;
  padding:15px 15% 8em;
  text-align:left;
}
#content {
  max-width:100em;
  width:100%;
  margin:0 auto;
  padding-bottom:0px;
  overflow:hidden;
}
.demo {
  margin:1.5em 0;
  padding:1.5em 1.5em 0.0em;
  border:1px solid #ccc;
  position:relative;
  overflow:hidden;
}
.collapse p {padding:0 10px 1em}

.switch {position:absolute; top:1.5em; right: 1.5em; padding:3px}

.post .switch {position:static; text-align:right}

.post .main{margin-bottom:.3em; padding-bottom:0}

.other ul, .summary {margin-bottom:.3em; padding:1em; border:1px solid #e8e7e8; background-color:#f8f7f8}

.other ul {margin-bottom:1em; list-style-type:none; text-align:center}


/* --- Headings  --- */
h1 {
  margin-bottom:0em; 
  font-family:georgia,'times new roman',times,serif; 
  font-size:2.5em; 
  font-weight:normal; 
  color:#0000ff;
  background-color:#eeeeee;
  text-align:center;
}

h2
{
    margin-bottom:0em;
    padding:3px;
    background-color:#eee;
}

h2, h3
{
    font-size:1em
}

h3b
{
    /*margin-left:0.9em;*/
    padding:3px;
    font-weight:bold;
}

spTitle
{
    font-variant: small-caps;
    font-size: medium;
}

spTitleText
{
    font-size: small;
}

spTitle a:active, spTitle a:hover, spTitle a:active, spTitle a:focus, spTitle a:visited, spTitle a:link
{
    color: red;
    font-size:medium;
    background-color: white;
}

.expand{padding-bottom:.0em}

/* --- Links  --- */
a:link, a:visited {
    border:1px dotted #ccc;
    border-width:0;
    text-decoration:none;
    color:blue;
    background-color:#f0f0f0;
}
a:hover, a:active, a:focus {
  border-style:solid;
  background-color:#f0f0f0;
  text-decoration:none;
  outline:0 none
}

a:active, a:focus
{
  color:blue;
}

.expand a {
    display:block;
    padding:3px 10px;
    background-color:#f0f0f0;
    font-variant: small-caps;
}
.expand a:link, .expand a:visited {
    border-width:1px;
    background-image:url(img/arrow-down.gif);
    background-repeat:no-repeat;
    background-position:98% 50%;
}
.expand a:hover, .expand a:active, .expand a:focus {
}
.expand a.open:link, .expand a.open:visited {
  border-style:solid;
  background:#eee url(img/arrow-up.gif) no-repeat 98% 50%
}



table {
    min-width:400px;
    width: 100%;
    background-color: #cccccc;
}

th {
    text-align: left;
    border-bottom: 1px solid;
    white-space:nowrap;
}

td {
    white-space:nowrap;
}

.main
{
    padding: 6px;
}

.main a
{
    color: #333;
    background-color: #cccccc;
}


/* TOOLTIP FORMATTING */

.sec
{
    padding: 2px 2px 2px 2px;
}
.sechead
{
    padding: 6px 2px 2px 2px;
}

tr.d0 td {
	background-color: #cccccc;
        color: black;
}
tr.d1 td {
	background-color: #ffff99;
        color: black;
}

span.showTip {
    border-bottom:1px dashed #667295;
    -webkit-tap-highlight-color:transparent; /* for demos */
    }

    
/* all tooltips */
div#tipDiv {
    font-size:11px; line-height:1.2;
    }
div#tipDiv a:link {
    color:#0F2F8D;
    }
div#tipDiv a:visited {
    color:#667295;
    }

/* ie 6 SCREWS UP with spec's like div#tipDiv.tooltip!!! */
div.tooltip {
    color:#000; background-color:#E1E5F1; 
    border:1px solid #667295; padding:4px;
    width:220px; 
    }

/* klass example in index */
div.tip2 {
    font-size:12px; font-weight:bold; font-style:italic; 
    color:#fff; background-color:#081847; 
    border:1px solid #eee; padding:6px;
    width:200px; 
    }

/* used by html_els demo */
div.tooltip2 {
    color:#000; background-color:#E1E5F1; 
    border:1px solid #667295; padding:4px;
    width:250px; 
    }
div.tooltip2 p {
    font-weight:bold;
    margin:4px 0 .4em;
    }
div.tooltip2 ul {
    padding-left:2em;
    margin: 1em 0;
    }
div.tooltip2 ul li {
    margin-bottom:.5em;
    }
  
/* html_id prop: no obj sent to wrapFn's (no width option) */
div.tooltip3 {
    text-align:justify;
    color:#000; background-color:#E1E5F1; 
    border:1px solid #667295; padding:4px 6px 4px 6px;
    width:350px; 
    }
div.tooltip3 h4 {
    font-size:14px; text-align:center;
    margin:0 0 .5em;
    }
    
/* for touch, sticky (no padding) */
div.tipWithX {
    color:#000; background-color:#E1E5F1; 
    border:1px solid #667295; padding:0;
    width:220px; 
    }

/* with close box image, and possibly, caption */
div.tipWithX div.topBar {
    background-color:#0D2878; 
    min-height:14px; /* for bg color if no caption (close.gif is 14px) */
    text-align:center;
    }
    
/* for ie < 7 */
* html div.tipWithX div.topBar {
    height:14px; /* ie will expand if needed */
    }
    
div.tipWithX span.caption {
    color:#fff;  font-weight:bold; /* font-size:12px; */
    }
div.tipWithX div.XtipContent {
    padding:4px;
    }
    
/* no close box */
div.caption { 
    font-size:12px; font-weight:bold; text-align:center; 
    margin-bottom:8px;
    }
   
/* img_txt */
div#tipDiv div.img { 
    text-align:center; 
    margin:4px 0; 
    }
div#tipDiv div.txt { 
    text-align:center; 
    margin:4px 0;
    }

/* wrapTextByImage: side-by-side in td */
div#tipDiv td { 
    vertical-align:top; 
    font-size:11px;
    padding:0; 
    }
div#tipDiv td div.txt { 
    text-align:left; 
    padding:2px; 
    }

    
/* TABLE SORTER */
/*
th.headerSortUp { 
    background-image: url(file:///C:/Home/Programmation/NetBeans8/ASTEP_Service/web/javascript/tablesorter/themes/blue/asc.gif); 
    background-color: #3399FF; 
} 

th.headerSortDown { 
    background-image: url(file:///C:/Home/Programmation/NetBeans8/ASTEP_Service/web/javascript/tablesorter/themes/blue/desc.gif); 
    background-color: #3399FF; 
}

th.header { 
    background-image: url(file:///C:/Home/Programmation/NetBeans8/ASTEP_Service/web/javascript/tablesorter/themes/blue/bg.gif); 
    cursor: pointer; 
    font-weight: bold; 
    background-repeat: no-repeat; 
    background-position: center left; 
    padding-left: 20px; 
    border-right: 1px solid #dad9c7; 
    margin-left: -1px; 
} 
*/