/*

 *  :organization: Logilab

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

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

 */

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

/* xhtml tags                          */

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

* {

  margin: 0px;

  padding: 0px;

}

html, body {

  background: #e2e2e2;

}

body {

  font-size: 69%;

  font-weight: normal;

  font-family: Verdana, sans-serif;

}

h1,

.vtitle {

  font-size: %(h1FontSize)s;

  margin: 0.2em 0px 0.3em;

  border-bottom: 1px solid #000;

}

h2, h3 {

  margin-top: 0.2em;

  margin-bottom: 0.3em;

}

h2 {

  font-size: %(h2FontSize)s;

}

h3 {

  font-size: %(h3FontSize)s;

}

h4 {

  font-size: %(h4FontSize)s;

  margin: 0.2em 0px;

}

h5 {

  font-size:110%;

}

h6{

  font-size:105%;

}

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

  color: %(aColor)s;

  text-decoration: none;

}

a:hover{

  text-decoration: underline;

}

a img{

  text-align: center;

}

img{

  border: none;

}

img.prevnext {

  width: 22px;

  height: 22px;

}

img.prevnext_nogo {

  width: 22px;

  height: 22px;

  filter:alpha(opacity=25); /* IE */

  opacity:.25;

}

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;

  margin: 10px 0;

  padding-bottom: 12px;

  padding-left: 5px;

}

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;

}

/* copied verbatim from bootstrap 3.0 */

.invisible {

  visibility: hidden;

}

/* copied verbatim from bootstrap 3.0 */

.list-unstyled {

  padding-left: 0;

  list-style: none;

}

.caption {

  font-weight: bold;

}

.legend{

  font-style: italic;

}

/* rest related image classes generated with align: directive */

img.align-right {

  margin-left: auto;

  display:block;

}

img.align-left {

  margin-right: auto;

  display:block;

}

img.align-center{

  text-align: center;

  margin-left: auto;

  margin-right: auto;

  display:block;

}

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

/*   LAYOUT                            */

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

/* header */

table#header {

  background-image: linear-gradient(white, #e2e2e2);

  width: 100%;

  border-bottom: 1px solid #bbb;

  text-shadow: 1px 1px 0 #f5f5f5;

}

table#header td {

  vertical-align: middle;

}

table#header, table#header a {

  color: #444;

}

table#header td#headtext {

  white-space: nowrap;

  padding: 0 10px;

  width: 10%;

}

#logo{

  width: 150px;

  height: 42px;

  background-image: url(logo-cubicweb.svg);

  background-repeat: no-repeat;

  background-position: center center;

  background-size: contain;

  float: left;

}

table#header td#header-right {

  white-space: nowrap;

  width: 10%;

}

table#header td#header-center{

  border-bottom-left-radius: 10px;

  border-top-left-radius: 10px;

  padding-left: 1em;

}

span#appliName {

  font-weight: bold;

  white-space: nowrap;

}

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

div#stateheader{

  min-width: 66%;

}

/* Popup on login box and userActionBox */

.popupWrapper{

  position:relative;

}

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{

 padding: 0px 3px;

}

table#mainLayout td#contentColumn {

  padding: 8px 10px 5px;

}

table#mainLayout td#navColumnLeft,

table#mainLayout td#navColumnRight {

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

  background: #cfceb7;

  width: 100%;

}

input#rql {

  width: 99%;

}

input.rqlsubmit{

  display: block;

  width: 20px;

  height: 20px;

  background: %(buttonBgColor)s url("go.png") 50% 50% no-repeat;

  vertical-align: bottom;

}

/* old boxes, deprecated */

div.boxFrame {

  width: 100%;

}

div.boxTitle {

  padding-top: 0px;

  padding-bottom: 0.2em;