/*

 *  :organization: Logilab

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

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

 */

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

/* main styles                                                                */

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

*{

  margin:0px;

  padding :0px;

}

html, body {  

  background: #e2e2e2;

}

body {

  font-size: 69%;

  font-weight: normal;

  font-family: Verdana, sans-serif;

}

h1 {

  font-size: 188%;

  margin: 0.2em 0px 0.3em;

  border-bottom: 1px solid #000;

}

h2, h3 {

  margin-top: 0.2em;

  margin-bottom: 0.3em;

}

h2 {

  font-size: 135%;

}

h3 {

  font-size: 130%;

}

h4 {

  font-size: 120%;

  margin: 0.2em 0px;

}

h5 {

  font-size:110%;

}

h6{

  font-size:105%;

}

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

  color: #ff4500;

  text-decoration: none;

}

a:hover{

  text-decoration: underline;

}

a.grayedout {

  display: block;

  padding-left: 2px;

  color: #808080;

}

a.grayedout:visited{

  color: #808080;

}

a.grayedout:hover {

  color: #000;

}

a img {

  border: none;

  text-align: center;

}

p {

  margin-top: 0em;

  margin-bottom: 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;

}

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;

}

pre {

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

  font-size: 100%;

  color: #000;

  background-color: #f2f2f2;

  border: 1px solid #ccc;

  /*overflow:auto; */

}

blockquote {

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

  font-size: 120%;

  margin: 5px 0px;

  padding: 0.8em;

  background-color: #f2f2f2;

  border: 1px solid #ccc;

}

note, code {

  font-size: 120%;

  color: #000;

  background-color: #f2f2f2;

  border: 1px solid #ccc;

}

input, textarea {

  padding: 0.2em;

  vertical-align: middle;

  border: 1px solid #ccc;

}

input:focus {

  border: 1px inset #ff7700;

}

fieldset {

  border: none;

}

legend {

  padding: 0px 2px;

  font: bold 1em Verdana, sans-serif;

}

label, .label {

  font-weight: bold ! important;

}

iframe {

  border: 0px;

}

dt {

	font-size:	1.17em;

	font-weight:	600;

}

dd {

	margin: 0.6em 0 1.5em 2em;

}

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

/* 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;

}

.noborder {

  border: none;

}

.strong{

  font-weight:bold;

}

.title {

  text-align: left;

  font-size:  large;

  font-weight: bold;

}

.titleUnderline {

  color: #000;

  clear: left;

  margin: 0px;

  padding-top: 0.5em;

  border-bottom: 1px solid black;

}

.helper{

  font-size: 96%;

  color: #555544;

}

.helper:hover {

  color: #000;

  cursor: default;

}

.hidden {

  display: none;

  visibility: hidden;

}

.needsvalidation {

  font-style: italic;

  color: grey ! important;

}

.folder {

  /* disable odd/even under folder class */

  background-color: transparent;

}

li.invisible {

  list-style: none;

  background: none;

  padding: 0px 0px 1px 1px;

}

li.invisible div {

  display: inline;

}

div.row {

 clear: both;

 padding-bottom:0.4px

}

div.row span.label{ 

 padding-right:1em

}

div.field {

  margin-left: 0.2em;

  display: inline;

}

div.popup {

  position: absolute;

  z-index: 400;

  background: #fff;

  border: 1px solid black;

  text-align: left;

  float:left;

}

div.popup ul li a {

  text-decoration: none;

  color: black;

}

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

/* header / layout                                                            */

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

.logo {

 background: #fff;

 border-left: #f2f2f2;

}

span#appliName {

 font-weight: bold;

 color: #000;

 white-space: nowrap;

}

#header {

  background: #ff7700 url("banner.png") left top repeat-x;

  text-align: left;

}

table#header td {

  vertical-align: middle;

}

table#header a {

color: #000;

}

td#headtext {

  width: 100%;

}

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

div#stateheader{

  width: 66%;

}

div#page {

  background: #e2e2e2;

  position: relative;

  min-height: 800px;

}

td#contentcol {

  padding: 8px 5px 5px 10px;

}

div#pageContent {

  clear: both;

  padding: 10px 1em 2em;

  background: #ffffff;

  border: 1px solid #ccc;

}

#contentheader {

  margin: 0px;

  padding: 0.2em 0.5em 0.5em 0.5em;

}

#contentheader a {

  color: #000;

}

td.firstcolumn {

  width: 220px;

}

td.navcol {

  width: 16em;

}

div.footer {

  text-align: center;

}

div.footer a {

  color: #000;

  text-decoration: none;

}

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

/* help button                                                                */

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

a.help{

  display: block;

  margin: 0px 5px 0px 8px;

  height: 17px;

  width: 17px;

  background: url('help.png') 0% 0% no-repeat;

}

a.help:hover {

  background-position: 0px -16px;

  text-decoration: none;

}

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

/* rql bar                                                                    */

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

div#rqlform {

  width: 100%;

}

input#rql{

 width: 80%;

 margin-left: 12px;

}

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

/* user actions menu                                                          */

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

a.logout, a.logout:visited, a.logout:hover{

  color: #fff;