/* Generic CSS */
* 
{
  font-family: sans-serif, monospace;
  font-size:98%;
}

body
{
  background-color:white;
}

/* Header */
div.titlebar
{
  background-color:navy;
  color: white;
  font-size:xx-large;
  text-align:center;
}

/* Footer */
div.copyright
{
  clear:both;
  font-weight: bold;
  text-align:center;
  background-color:navy;
  color: white;
}

/* Left column */
div.welcome
{
  text-align:center;
  font-size:65%;
  margin: 5px auto;
}

div.welcome a:link
{
  color:black;
}

div.leftcol
{
  float:left;
  width:150px;
  padding: 5px;
  margin-bottom: 5px;
  font-size:80%;
  background-color: #d0eeff;
}

div.leftcol h1
{
  font-size:110%;
}

div.leftcol h2
{
  font-size:100%;
  padding-left:5px;
}

div.leftcol ul
{
  list-style-type:none;
  padding-top: 0px;
  padding-left:15px;
}

div.leftcol ul li
{
  padding: 5px 0px;
}

div.leftcol a
{
  color: black;
  text-decoration:none;
}

div.leftcol a:hover
{
  color:blue;
}

/* Right column */
div.maincontent
{
  position:relative;
  margin-left: 170px;
  margin-bottom: 10px;
  font-size:95%;
}

div.maincontent input
{
  font-size: 95%;
}

div.maincontent  h1
{
  text-align:center;
  font-weight:bold;
  font-size:120%;
  padding: 5px;
  border-bottom: medium groove black;
  white-space:nowrap;
}

div.checklist
{
  padding-left: 10px;
}

div.checklist div.checklist_item
{
  margin-left: 20px;
  min-height: 20px;
}

div.checklist_mark span.file_title
{
  text-decoration:underline; 
}

div.checklist_item span.file_desc
{
  vertical-align: top;
  padding-left: 10px;
}

/* Counter for index.php */
div.maincontent div.counter
{
  text-align:center;
  margin: 10px 0px;
}

div.maincontent span.counter
{
  border: thin solid black;
  padding-right:5%;
  padding-left:5%;
  background-color:white;
}

div.maincontent span.counter span
{
  color:blue;
}

/* List of news */
div.maincontent div.blogentry_list
{
  margin-top: 20px;
}

div.maincontent div.blogentry_list div.blogentry
{
  width:90%;
  margin: 50px auto;
  border-bottom: thin solid black;
  background-color:white;
}

div.maincontent div.blogentry_list div.blogentry h1
{
  font-size:100%;
  font-weight:bold;
  background-color: #E0E0E0;
  padding: 0px;
  margin:0px;
}

div.maincontent div.blogentry_list div.blogentry h1 img
{
  display:inline;
  vertical-align:middle;
  border:none;
  margin-left: 10px;
}

div.maincontent div.blogentry_list div.blogentry h2
{
  font-size:90%;
  font-weight:normal;
  font-style:italic;
  background-color: #F0F0F0;
  padding: 0px;
  margin:0px;
}

div.maincontent div.blogentry_list div.blogentry div
{
  font-size:90%;
  padding-left:10px;
}

/* Select fields in search form */
div.maincontent div.selects
{
  width:90%;
  margin: 0px auto;
}

div.maincontent div.selects label
{
  width:270px;
  display:block;
  float:left;
}

div.maincontent div.texts label
{
  width:270px;
  display:block;
  float:left;
}

div.maincontent div.insert_value
{
  width: 90%;
  margin: 0px auto;
}

div.insert_value div.table
{
  padding-left:50px;
}

div.table div.f_left
{
  width:auto;
/*  border-left: thin solid black;
  border-right: thin solid black;*/
  padding:2px 5px;
  float:left;
  text-align:center;
}

div.table div.cell
{
  border: thin solid black;
  padding:2px;
  text-align:center;
}

div.maincontent div.ts
{
  width: 90%;
  margin: 0px auto;
}

div.ts div
{
  padding-left:50px;
}

div.maincontent div.qualitative
{
  width: 90%;
  margin: 0px auto;
}

div.maincontent div.free_search
{
  padding: 20px;
}

div.maincontent div.user_info  label
{
  width:200px;
  display:block;
  float:left;
}

div.maincontent div.user_login  label
{
  width:100px;
  display:block;
  float:left;
}

div.maincontent div.new_ref  label
{
  width:150px;
  display:block;
  float:left;
}

div.maincontent div.new_error  label
{
  width:100px;
  display:block;
  float:left;
}

div.maincontent div.new_field  label
{
  width:100px;
  display:block;
  float:left;
}

div.maincontent div.new_blogentry  label
{
  width:100px;
  display:block;
  float:left;
}

div.maincontent div.new_pass  label
{
  width:150px;
  display:block;
  float:left;
}

div.maincontent div.new_img label
{
  width:100px;
  display:block;
  float:left;
}

div.maincontent div.error_msg
{
  border: medium solid red;
  color: red;
  padding: 5px;
}

/* Popup class */
/* Popups have to be put inside <a> tags because ie6 does not recognize
   the :hover pseudoclass assigned to a <div>.
   Moreover, block tags like <div> cannot be put inside an inline tag like 
   <a>, meaning that we have to replace the <div> containing the full popup 
   text by <span> and set their display property to block in the CSS.
   As soon as ie6 is out of business, <a> and <span> tags must be replaced by    <div> tags in both CSS ans XHTML code.
*/
a.popup
{
  display:block;
  width:100%;
  height:100%;
  z-index:0;
  cursor:default;
  text-decoration:none;
  color:black;
}

a.popup:focus
{
  outline-style:none;
}

a.popup:hover
{
  position:relative;
  background:none;
  z-index:50;
}

a.popup span
{
  display:none;
}

a.popup:hover span
{
  display:block;
  position:absolute;
  width:200px;
  right:100%;
  top:0px;
  text-align: left;
  background-color: #FFFFE0;
  border: thin groove black;
  padding:2px;
}

/* Pager */
div.pager_prev
{
  float:left;
  width:10%;
  text-align:left;
}

div.pager_next
{
  float:right;
  width:10%;
  text-align:right;
}

div.pager_page
{
  text-align:center;
}

/* Data Tables */
table
{
  padding:0px;
  border-collapse:collapse;
  border: thin solid black;
  margin: 5px 0px; 
}

table tr td
{
  border: thin solid black;
  vertical-align:top;
}

table thead tr td, table tfoot tr td
{
  background-color: #D3D3D3;
  text-align:center;
  font-weight:bold;
}

table thead tr td a, table tfoot tr td a
{
  font-weight:bold;
  color:black;
}

/* Start of CSS Tabs 2.0 derived work

CSS Tabs 2.0 by Joshua Kaufman (http://unraveled.com/projects/css_tabs/)
licenced under Creative Commons Attribution 2.5
*/
ul.onglet_tab_names { /* general settings */
  text-align: left; /* set to left, right or center */
  margin: 1em 0 1em 0; /* set margins as desired */
  /*font: bold 11px verdana, arial, sans-serif;*/ /* set font as desired */
  border-bottom: 1px solid black; /* set border COLOR as desired */
  list-style-type: none;
  padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul.onglet_tab_names li { /* do not change */
  display: inline;
  margin: 0 2px 0 2px;
}

ul.onglet_tab_names li.selected_onglet_tabname { /* settings for selected tab */
  border-bottom: 1px solid white; /* set border color to page background color */
  background-color: white; /* set background color to match above border color */
}

ul.onglet_tab_names li.selected_onglet_tabname a { /* settings for selected tab link */
  background-color: white; /* set selected tab background color as desired */
  color: black; /* set selected tab link color as desired */
  position: relative;
  top: 1px;
  padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul.onglet_tab_names li a { /* settings for all tab links */
  padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
  border: 1px solid black; /* set border COLOR as desired; usually matches border color specified in #tabnav */
  background-color: #E0E0E0; /* set unselected tab background color as desired */
  color: black; /* set unselected tab link color as desired */
  margin-right: 0px; /* set additional spacing between tabs as desired */
  text-decoration: none;
  border-bottom: none;
}

ul.onglet_tab_names a:hover 
{
  background: white;
}

/* End of CSS 2.0 Tab derived work */

ul.onglet_tab_names a:focus
{ 
  outline-style:none;
}

/* Reference details */
div.ref_title
{
  text-align:center;
  margin: 0px 85px;
}

div.ref_title img
{
  vertical-align: middle;
  border: thin outset black;
}

div.ref_details div.detail_type
{
  float: left;
  width: 100px;
}

div.ref_details div.detail_data
{
  text-align: justify;
  margin: 0px 100px;
}

div.actions
{
  text-align:center;
}

div.actions form
{
  display:inline;
}