/*

 *  :organization: Logilab

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

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

 */

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

/* xhtml tags                          */

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

html, body {

  background: #e2e2e2;

}

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

  color: #ff4500;

  text-decoration: none;

}

a:hover{

  text-decoration: underline;

}

table {

  border: none;

}

table th, table td {

  vertical-align: top;

}

input:focus {

  border: 1px inset #ff7700;

}

label, .label {

  font-weight: bold;

}

pre {

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

}

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

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

}

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

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

}

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

div#stateheader{

  min-width: 66%;

}

/* Popup on login box and userActionBox */

div.popupWrapper{

 position:relative;

 z-index:100;

}

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{

 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;

  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 .selected {

  color: #FF4500;

  font-weight: bold;

}

ul.boxListing a.boxBookmark:hover,

ul.boxListing a:hover,

ul.boxListing ul li a:hover {

  text-decoration: none;

  background: #eeedd9;

  color: #111100;

}

ul.boxListing a.boxMenu:hover {

                                background: #eeedd9 url(puce_down.png) no-repeat scroll 98% 6px;

                                cursor:pointer;

                                border-top:medium none;

                                }

a.boxMenu {

  background: transparent url("puce_down.png") 98% 6px no-repeat;

  display: block;

  padding: 1px 9px 1px 3px;

}

a.popupMenu {

  background: transparent url("puce_down_black.png") 2% 6px no-repeat;

  padding-left: 2em;

}

ul.boxListing ul li a:hover {

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

}

a.boxMenu:hover {

  background: #eeedd9 url("puce_down.png") 98% 6px no-repeat;

  cursor: pointer;

}

ul.boxListing a.boxBookmark {

  padding-left: 3px;

  background-image:none;

  background:#fff;

}

ul.boxListing ul li a {

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

  padding: 1px 3px 0px 10px;

}

div.searchBoxFrame div.boxContent {