/*

 *  :organization: Logilab

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

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

 */

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

/* xhtml tags                          */

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

/* scale and rhythm cf http://lamb.cc/typograph/ */

body {

  font-family:  %(defaultFont)s;

  font-size: %(defaultSize)s;

  line-height: %(defaultLineHeight)s;

  color: %(defaultColor)s;

}

h1, h2, h3 { margin-top:0; margin-bottom:0; }

/* got rhythm ? beat of 12*1.25 = 15 px */

.rhythm_bg { background: url(/data/%(baseRhythmBg)s) repeat ! important; }

/* scale 3:5 stranded */

/* h1 { font-size:2em; } */

/* h2 { font-size:1.61538em; } */

/* h3 { font-size:1.23077em; } */

/* scale le corbusier */

/* h1 { font-size:2.11538em; } */

/* h2 { font-size:1.61538em; } */

/* h3 { font-size:1.30769em; } */

/* scale traditional */

h1 { font-size: %(h1FontSize)s; }

h2 { font-size: %(h2FontSize)s; }

h3 { font-size: %(h3FontSize)s; }

/* paddings */

h1 {

    border-bottom: %(h1BorderBottomStyle)s;

    padding: %(h1Padding)s;

    margin: %(h1Margin)s;

}

h2 { padding: %(h2Padding)s; }

h3 { padding: %(h3Padding)s; }

html, body {

  background: #e2e2e2;

}

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

  color: %(aColor)s;

  text-decoration: none;

}

a:hover {

  text-decoration: underline;

}

table {

  border: none;

}

table th, table td {

  vertical-align: top;

}

label, .label {

  font-weight: bold;

}

pre {

  clear: both;

  font-family: 'Courier New', monospace;

  letter-spacing: 0.015em;

  padding: 0.5em;

  margin: 0 1.5em 1.5em;

  background-color: #f0f0f0;

  border: 1px solid #ccbca7;

}

p {

  text-align: justify;

  margin-bottom: %(defaultLineHeightEm)s;

}

ol, ul {

  list-style-type: disc;

  margin-bottom: %(defaultLineHeightEm)s;

}

ol ol,

ul ul{

  margin-left: 8px;

  margin-bottom : 0px;

}

p + ul {

  margin-top: -%(defaultLineHeightEm)s;

}

li {

  margin-left: 1.5em;

}

h2 a, h2 a:active, h2 a:visited, h2 a:link,

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

  color: inherit;

  text-decoration: none;

}

input, textarea {

  border: 1px solid %(pageContentBorderColor)s;

  padding: 0.1em;

  vertical-align: middle;

}

input:focus {

  border: 1px inset %(headerBgColor)s;

}

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

/* generic classes                     */

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

.odd {

  background-color: #f7f6f1;

}

.even {

  background-color: transparent;

}

.hr {

  border-bottom: 1px dotted %(pageContentBorderColor)s;

  height: 17px;

}

.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: %(headerBgColor)s url("banner.png") left top repeat-x;

  text-align: left;

}

table#header td {

  vertical-align: middle;

}

table#header a {

  color: %(defaultColor)s;

}

table#header img#logo{

  vertical-align: middle;

}

span#appliName {

  font-weight: bold;

  color: %(defaultColor)s;

  white-space: nowrap;

}

table#header td#headtext {

  width: 100%;

}

/* Popup on login box and userActionBox */

div.popupWrapper{

  position:relative;

  z-index:100;

}

div.popup {

  position: absolute;

  background: #fff;

  border: 1px solid #fff;

  text-align: left;

  z-index: 400;

}

div.popup ul li a {

  text-decoration: none;

  color: #000;

}

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

div#stateheader{

  min-width: 66%;

}

/* main zone */

div#page {

  min-height: %(pageMinHeight)s;

  margin: %(defaultLayoutMargin)s;

}

table#mainLayout #navColumnLeft {

  width: 16em;

  padding-right: %(defaultLayoutMargin)s;

}

table#mainLayout #navColumnRight {

  width: 16em;

  padding-left: %(defaultLayoutMargin)s;

}

div#pageContent {

  clear: both;

/*  margin-top:-1px; /* enable when testing rhythm */

  background: %(pageContentBgColor)s;

  border: 1px solid %(pageContentBorderColor)s;

  padding: 0px %(pageContentPadding)s %(pageContentPadding)s;

}

div#breadcrumbs {

  padding: %(pageContentPadding)s 0 0 0;

}

/*FIXME */

#contentheader {

  margin: 0px;

  padding: 0.2em 0.5em 0.5em 0.5em;

}

#contentheader a {

  color: %(defaultColor)s;

}

/* rql bar */

div#rqlinput {

  margin-bottom: 8px;

  padding: 3px;

  background: %(actionBoxTitleBgColor)s;

  border: 1px solid %(actionBoxTitleBgColor)s;

}

input#rql{

  width: 95%;

}

/* boxes */

div.boxFrame {

  width: 100%;

}

div.boxTitle {

  overflow: hidden;

  font: bold 100% Georgia;

  color: #fff;

  padding: 0px 0px 0.2em;

  background: %(headerBgColor)s url("search.png") left bottom repeat-x;

}

div.boxTitle span,

div.sideBoxTitle span {

  padding: 0px 5px;

  white-space: nowrap;

}

div.searchBoxFrame div.boxTitle,

div.greyBoxFrame div.boxTitle {

  background: %(actionBoxTitleBgColor)s;

}

div.sideBoxTitle span,

div.searchBoxFrame div.boxTitle span,

div.greyBoxFrame div.boxTitle span {

  color: %(defaultColor)s;

}

.boxFrame a {

  color: %(defaultColor)s;

}

div.boxContent {

  padding: 3px 0px;

  background: #fff;

  border-top: none;

}

a.boxMenu {

  display: block;

  padding: 1px 9px 1px 3px;

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

}

a.boxMenu:hover {

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

  cursor: pointer;

}

a.popupMenu {

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

  padding-left: 2em;

}

ul.boxListing {

  margin: 0px;

  padding: 0px 3px;

}

ul.boxListing li,

ul.boxListing ul li {

  list-style-type: none;

  margin: 0px;

  padding: 0px;

  background-image: none;

}

ul.boxListing ul {

  padding: 1px 3px;

}

ul.boxListing a {

  color: %(defaultColor)s;

  padding: 1px 9px 1px 3px;

}

ul.boxListing .selected {

  color: %(aColor)s;

  font-weight: bold;

}

ul.boxListing a.boxBookmark:hover,

ul.boxListing a:hover,

ul.boxListing ul li a:hover {

  color: #111100;

  text-decoration: none;

  background: %(sideBoxBodyBgColor)s;

}

ul.boxListing a.boxMenu:hover {

  cursor: pointer;

  border-top: medium none;

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

}

ul.boxListing ul li a:hover {

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

}

ul.boxListing a.boxBookmark {

  padding-left: 3px;

  background-image: none;

  background:#fff;