/*

 *  :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:  %(defaultFontFamily)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("%(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,

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

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

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

/* paddings */

h1,

.vtitle {

  border-bottom: %(h1BorderBottomStyle)s;

  padding: %(h1Padding)s;

  margin: %(h1Margin)s;

  color: %(h1Color)s;

}

div.tabbedprimary + h1,

h1.plain {

 border-bottom: none;

}

h2 { padding: %(h2Padding)s; }

h3 { padding: %(h3Padding)s; }

html, body {

  background: %(pageBgColor)s;

}

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.6em;

  margin: 0 2em 1.7em;

  background-color: %(listingHihligthedBgColor)s;

  border: 1px solid %(listingBorderColor)s;

}

p {

  text-align: justify;

  margin-bottom: %(defaultLineHeightEm)s;

}

ul {

  margin-bottom: %(defaultLineHeightEm)s;

}

ol {

  list-style-type: decimal;

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

}

img {

  border: none;

}

fieldset {

  border: none;

}

h1 a, h1 a:active, h1 a:visited, h1 a:link,

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 {

  padding: 0.1em 0.2em;

  vertical-align: bottom;

  border: 1px solid %(pageContentBorderColor)s;

}

input:focus {

  border: 1px inset %(headerBgColor)s;

}

hr {

  border: none;

  border-bottom: 1px solid %(defaultColor)s;

  height: 1px;

}

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

/* generic classes                     */

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

h1 a:hover {

 text-decoration: none;

}

.odd {

  background-color: #f7f6f1;

}

.even {

  background-color: transparent;

}

.hr {

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

  height: 17px;

}

hr.boxSeparator{

  border: none;

  border-bottom: 1px solid %(listingBorderColor)s;

  height: 1px;

}

.left {

  float: left;

}

.right {

  float: right;

}

.clear {

  clear: both;

}

.hidden {

  display: none;

  visibility: hidden;

}

li.invisible {

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

  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;

}

/* Popup on login box and userActionBox */

div.popupWrapper {

  position: relative;

}

div.popup {

  position: absolute;

  background: #fff;

  border: 1px solid %(listingBorderColor)s;

  border-top: none;

  text-align: left;

  z-index: 400;

}

div.popup ul li a {

  text-decoration: none;

  color: #000;

}

/* main zone */

div#page {

  margin: %(defaultLayoutMargin)s;

}

table#mainLayout td#navColumnLeft {

  width: 16em;

  padding-right: %(defaultLayoutMargin)s;

}

table#mainLayout td#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: 0 %(pageContentPadding)s %(pageContentPadding)s;

}

div#pageContent #contentmain .pagination {

  margin-top: 0;

}

div#pageContent .pagination{

  margin-top: 1.5em;

}

div#contentmain{

  margin-top: %(pageContentPadding)s

}

/*FIXME */

#contentheader {

  margin: 0px;

  padding: 0.2em 0.5em 0.5em 0.5em;

}

#contentheader a {

  color: %(defaultColor)s;

}

/* XXX old boxes, deprecated */

div.boxFrame {

  width: 100%;

}

div.boxTitle {

  color: #fff;

  background: %(contextualBoxTitleBgColor)s;

}

div.boxTitle span,

div.sideBoxTitle span {

  padding: 0px 0.5em;

  white-space: nowrap;

}

div.sideBoxTitle span {

  color: %(defaultColor)s;

}

.boxFrame a {

  color: %(defaultColor)s;

}

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: %(incontextBoxBodyBg)s;

  display: block;

  font-weight: bold;

}

div.sideBox {

  margin-bottom: 1em;

}

ul.sideBox,

ul.sideBox ul{

  margin-bottom: 0px;

}

ul.sideBox li{

 padding: 0px 0px 1px 1px;

 margin: 1px 0 1px 4px;

}

div.sideBoxBody {

  padding: 0.2em 5px;

  background: %(incontextBoxBodyBg)s;

}

div.sideBoxBody a {

  color: %(incontextBoxBodyColor)s;

}

div.sideBoxBody a:hover {

  text-decoration: underline;