/*

 *  :organization: Logilab

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

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

 */

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

/* xhtml tags 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:visited, a:link {

  color: #ff4500;

  text-decoration: none;

}

a:hover{

  text-decoration: underline;

}

a img {

  border: none;

  text-align: center;

}

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;

}

/* FIXME need to be moved to cubicweb.forms.css */

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

1px 1px; }

/* FIXME Should use span in html insteed */

li.invisible div {

  display: inline;

}

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

/*   LAYOUT                            */

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

/* header */

table#header {

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

  text-align: left;

}

table#header td {

  vertical-align: middle;

}

table#header a {

color: #000;

}

span#appliName {

 font-weight: bold;

 color: #000;

 white-space: nowrap;

}

table#header td#headtext {

  width: 100%;

}

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;

}

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

div#stateheader{

  min-width: 66%;

}

/* Popup on login box and userActionBox */

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;

}

/* main zone */

div#page {

  background: #e2e2e2;

  position: relative;

  min-height: 800px;

}

table#mainLayout{ 

 margin:0px 3px;

}

table#mainLayout td#contentcol {

  padding: 8px 10px 5px;

}

table#mainLayout td.navcol {

  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: 3px;

  background: #cfceb7;

}

input#rql{

  width: 95%;

}

/* boxes */

div.navboxes {

 margin-top: 8px; 

}

div.boxFrame {

  width: 100%;

}

div.boxTitle {

  padding-top: 0px;

  padding-bottom: 0.2em;

  font: bold 100% Georgia;

  overflow: hidden;

  color: #fff;

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

}

div.searchBoxFrame div.boxTitle,

div.greyBoxFrame div.boxTitle {

  background: #cfceb7;

}

div.boxTitle span,

div.sideBoxTitle span {

  padding: 0px 5px;

  white-space: nowrap;

}

div.sideBoxTitle span,

div.searchBoxFrame div.boxTitle span,

div.greyBoxFrame div.boxTitle span {

  color: #222211;

}

.boxFrame a {

  color: #000;

}

div.boxContent {

  padding: 3px 0px;

  background: #fff;

  border-top: none;

}

ul.boxListing {

  margin: 0px;

  padding: 0px 3px;

}

ul.boxListing li,

ul.boxListing ul li {

  display: inline;

  margin: 0px;

  padding: 0px;

  background-image: none;

}

ul.boxListing ul {

  margin: 0px 0px 0px 7px;

  padding: 1px 3px;

}

ul.boxListing a {

  color: #000;

  display: block;

  padding: 1px 9px 1px 3px;

}

ul.boxListing a.selected {

  color: #FF4500;

  font-weight: bold;

}

ul.boxListing a.boxBookmark:hover,

ul.boxListing a:hover,

ul.boxListing ul li a:hover {