/*

 *  :organization: Logilab

 *  :copyright: 2003-2011 LOGILAB S.A. (Paris, FRANCE), all rights reserved.

 *  :contact: http://www.logilab.fr/ -- mailto:contact@logilab.fr

 */

/***************************************/

/* xhtml tags                          */

/***************************************/

* {

  margin: 0px;

  padding: 0px;

}

html, body {

  background: #e2e2e2;

}

body {

  font-size: 69%;

  font-weight: normal;

  font-family: Verdana, sans-serif;

}

h1,

.vtitle {

  font-size: %(h1FontSize)s;

  margin: 0.2em 0px 0.3em;

  border-bottom: 1px solid #000;

}

h2, h3 {

  margin-top: 0.2em;

  margin-bottom: 0.3em;

}

h2 {

  font-size: %(h2FontSize)s;

}

h3 {

  font-size: %(h3FontSize)s;

}

h4 {

  font-size: 120%;

  margin: 0.2em 0px;

}

h5 {

  font-size:110%;

}

h6{

  font-size:105%;

}

a, a:active, a:visited, a:link {

  color: %(aColor)s;

  text-decoration: none;

}

a:hover{

  text-decoration: underline;

}

a img, img {

  border: none;

  text-align: center;

}

img.prevnext {

  width: 22px;

  height: 22px;

}

img.prevnext_nogo {

  width: 22px;

  height: 22px;

  filter:alpha(opacity=25); /* IE */

  opacity:.25;

}

p {

  margin: 0em 0px 0.2em;

  padding-top: 2px;

}

table, td, input, select{

  font-size: 100%;

}

table {

  border-collapse: collapse;

  border: none;

}

table th, table td {

  vertical-align: top;

}

table td img {

  vertical-align: middle;

  margin-right: 10px;

}

ol {

  margin: 1px 0px 1px 16px;

}

ul{

  margin: 1px 0px 1px 4px;

  list-style-type: none;

}

ul li {

  margin-top: 2px;

  padding: 0px 0px 2px 8px;

  background: url("bullet_orange.png") 0% 6px no-repeat;

}

dt {

  font-size:1.17em;

  font-weight:600;

}

dd {

  margin: 0.6em 0 1.5em 2em;

}

fieldset {

  border: none;

}

legend {

  padding: 0px 2px;

  font: bold 1em Verdana, sans-serif;

}

input, textarea {

  padding: 0.2em;

  vertical-align: middle;

  border: 1px solid #ccc;

}

input:focus {

  border: 1px inset #ff7700;

}

label, .label {

  font-weight: bold;

}

iframe {

  border: 0px;

}

pre {

  font-family: Courier, "Courier New", Monaco, monospace;

  font-size: 100%;

  color: #000;

  background-color: #f2f2f2;

  border: 1px solid #ccc;

}

code {

  font-size: 120%;

  color: #000;

  background-color: #f2f2f2;

  border: 1px solid #ccc;

}

blockquote {

  font-family: Courier, "Courier New", serif;

  font-size: 120%;

  margin: 5px 0px;

  padding: 0.8em;

  background-color: #f2f2f2;

  border: 1px solid #ccc;

}

/***************************************/

/* generic classes                     */

/***************************************/

.odd {

  background-color: #f7f6f1;

}

.even {

  background-color: transparent;

}

.hr {

  border-bottom: 1px dotted #ccc;

  margin: 1em 0px;

}

.left {

  float: left;

}

.right {

  float: right;

}

.clear {

  clear: both;

}

.hidden {

  display: none;

  visibility: hidden;

}

li.invisible { list-style: none; background: none; padding: 0px 0px

1px 1px; }

li.invisible div {

  display: inline;

}

.caption {

    font-weight: bold;

}

.legend{

    font-style: italic;

}

.align-center{

    text-align: center;

}

/***************************************/

/*   LAYOUT                            */

/***************************************/

/* header */

table#header {

  background: %(headerBg)s;

  width: 100%;

}

table#header td {

  vertical-align: middle;

}

table#header a {

  color: #000;

}

table#header td#header-right {

  padding-top: 1em;

  float: right;

}

span#appliName {

  font-weight: bold;

  color: #000;

  white-space: nowrap;

}

/* FIXME appear with 4px width in IE6 */

div#stateheader{

  min-width: 66%;

}

/* Popup on login box and userActionBox */

.popupWrapper{

  position:relative;

}

div.popup {

  position: absolute;

  background: #fff;

  border: 1px solid black;

  text-align: left;

  z-index: 400;

}

div.popup ul li a {

  text-decoration: none;

  color: black;

}

/* main zone */

div#page {

  background: #e2e2e2;

  position: relative;

  min-height: 800px;

}

table#mainLayout{

 padding: 0px 3px;

}

table#mainLayout td#contentColumn {

  padding: 8px 10px 5px;

}

table#mainLayout td#navColumnLeft,

table#mainLayout td#navColumnRight {

  width: 16em;

}

#contentheader {

  margin: 0px;

  padding: 0.2em 0.5em 0.5em 0.5em;

}

#contentheader a {

  color: #000;

}

div#pageContent {

  clear: both;

  padding: 10px 1em 2em;

  background: #ffffff;

  border: 1px solid #ccc;

}

/* rql bar */

div#rqlinput {

  border: 1px solid #cfceb7;

  margin-bottom: 8px;

  padding: 1px;

  background: #cfceb7;

  width: 100%;

}

input#rql {

  width: 99%;

}

input.rqlsubmit{

  display: block;

  width: 20px;

  height: 20px;

  background: %(buttonBgColor)s url("go.png") 50% 50% no-repeat;

  vertical-align: bottom;

}

/* old boxes, deprecated */

div.boxFrame {

  width: 100%;

}

div.boxTitle {

  padding-top: 0px;

  padding-bottom: 0.2em;

  font: bold 100% Georgia;

  color: #fff;

  background: #ff9900 url("search.png") left bottom repeat-x;

}

div.boxTitle span,

div.sideBoxTitle span {

  padding: 0px 5px;

  white-space: nowrap;

}

div.sideBoxTitle span {

  color: #222211;

}

.boxFrame a {

  color: #000;

}

div.boxContent {

  padding: 3px 0px;

  background: #fff;

  border-top: none;

}

div.shadow{

  height: 14px;

  background: url("shadow.gif") no-repeat top right;

}

div.sideBoxTitle {

  background: #cfceb7;

  display: block;

  font: bold 100% Georgia;

}

div.sideBox {

  padding: 0 0 0.2em;

  margin-bottom: 0.5em;

}

ul.sideBox li {

 list-style: none;

 background: none;

 padding: 0px 0px 1px 1px;

 }

div.sideBoxBody {

  padding: 0.2em 5px;

  background: #eeedd9;