/**************************************/
/**   Carbon   ************************/
/**************************************/


/***************  Body  ***************/
div#page {
  border:               3px double #aaa;
  width:                900px;
  background:           #666;
  margin-top:           10px;
  margin-bottom:        10px;
  margin-left:          auto;
  margin-right:         auto;
  color:                #111;
  display: table;
}

body {
  background-color:     black;
  background-repeat:    repeat;
  background-attachment:scroll;
  background-image:     url(./images/carbonstripes.png);
  font-family:          Verdana,Arial,Helvetica,sans-serif;
  font-size:            10px;
}

a {
  color:                #222;
  text-decoration:      none;
}
a:hover {
  color:                #eee;
  text-decoration:      none;
}
a:active {
  color:                #aaa;
  text-decoration:      none;
}

hr {
  margin: 10px;
  border: 0px;
  height: 1px;
  background: #555;
  color: #555; 
}



div#hdrimg span.validation,
div.rowcontainer h3 {
  display:              none;
}

span#copyright {
  margin: 2px;
  padding-left: 200px;
  text-align: left;
  font-size: 7pt;
}
span#gototop {
  float: right;
  font-size: 7pt;
  font-weight: bold;
}

div#hdrimg {
  background: none;
  position: relative;
  top: 0;
  left: 0;
}
ul#nav {
  position: absolute;
  right: 30px;
  top: -5px;
  margin-top: 10px; /* ie hack */
}


ul#nav li {
  display: block;
  text-align: right;
}

div#hdrimg h1 {
  margin-left: 30px;
}


ul { list-style: none }


/************ Search panel ************/

.rowcontainer {
  width: 100%;
  min-width: 45em;
  float:left;
}

.fullcolumn { float: left; width: 100%;}
.halfcolumn { float: left; width: 49%;}
.onethirdcolumn { float: left; width: 33%; }
.quartercolumn { float: left; width: 24.5% }


#categories,
#options {
  border:               1px dashed #aaa;
  background-color:     #444;
  color:                #aaa;
  margin:               5px 25px;
  padding:              5px 35px;
  width:                780px;
}

#categories {
  height:               70px;
}
#options {
  height:               40px;
}

#categories_container,
#all_container,
#options_container {
  margin:               5px;
}
#options_container {
  margin-left:          50px;
  margin-right:         50px;
  text-align:           left;
}

#categories_container
{
	width: 58em;
	float: right;
}
#all_container
{
	width: 7em;
	float: left;
}



/**********  Form's options  **********/

#categories_container ul {
  margin:               5px 0 5px 0px;
}

#categories_container ul li   /* categories checkbox */
{
  display:              block;
  width:                10em;
  float:                left;
}

#all_container ul li   /* all categories checkbox */
{
  display:              block;
  width:                7em;
  margin-left:          3em;
  float:                right;
}

div#poll input.pollRadios,
div#categories input.catCheckbox {
  vertical-align:       middle;
  border:               none;
  background:           inherit;
}

div#poll label,
div#categories label {
  vertical-align:       middle;
  padding-left:         0.2em;
}






div#options div#display_mode,
div#options div#date_range,
div#options div#name_filter,
div#options div#actions
{
  margin-left:          0.5em;
  margin-right:         0.5em;
  padding:              0;
  text-align:           center;
}

div#options div#display_mode { width: 12em; float: left; }
div#options div#date_range { width: 11em; }
div#options div#name_filter { width: 50%; }
div#options div#actions { width: 5em; float: right; }


div#poll input#vote,
div#options input,
div#options select {
  position:             relative;
  border:               1px solid #aaa;
  background-color:     #ddd;
  color:                #444;
  font-family:          Verdana,Arial,Helvetica,sans-serif;
  font-size:            10px;
  text-align:           center;
}

div#poll input#vote:hover,
div#poll input#vote:focus,
div#options input:focus,
div#options select:focus,
div#options input:hover,
div#options select:hover
{
  background-color:     #999;
  border-color:         #777;
  color:                #222;
}

div#options select#num,
div#options select#mode
{
  width:                12em;
}

div#options div#date_range div#fromfield,
div#options div#date_range div#tofield
{
  position: relative;
  top:                  0px;
  left:                 0px;
  padding:              0px;
}

div#options div#date_range div input#trig_from,
div#options div#date_range div input#trig_to
{
  position: absolute;
  bottom:               0px;
  left:                 3px;
  width:                21px;
  height:               15px;
  border:               none;
  z-index:              2;
}

div#options div#date_range div input#from,
div#options div#date_range div input#to
{
  width:                9em;
  position:             relative;
  top:                  0px;
  left:                 0px;
  text-align:           right;
  padding-right:        1em;
  z-index:              1;
}

div#options input#inc,
div#options input#exc
{
  width:                100%;
}

div#poll input#vote,
div#options input#list,
div#options input#reset
{
  width:                5em;
  height:               1.5em; /* correct a strange behaviour where the buttons are a bit smaller thant the other input fileds */
}



/**************  Content  *************/

div#rlzContent {
  border:               1px dashed #aaa;
  background-color:     #444;
  margin:               20px 25px 5px;
}

div#rlzTable_container {
  padding:              5px 5px 15px;
  margin-left:          auto;
  margin-right:         auto;
  width: 98%;
}

table.rlz {
  border-collapse:      collapse;
  width:                100%;
}
.rlzdate { width:       8em; }
.rlztype { width:       8em; }
.rlzname { width:       auto; }

tr.line {
  background-color:     #fc3;
  color:                #111;
}
tr.lineHover {
  background-color:     #eb3;
  color:                #111;
}
table.rlz td.rel {
  font-family:          Verdana,Arial,Helvetica,sans-serif;
  font-size:            10px;
  padding:              3px;
  border:               1px solid #444
}
tr.separation {
  height:               2px;
}


/*------------------------------About Page-------------------------------------------------------*/ 

div#about,
div#faq,
div#poll
{
  border:               1px dashed #aaa;
  background-color:     #444;
  color:                #aaa;
  margin:               5px 25px;
  padding:              5px 35px;
  width:                780px;
}

div#about p,
div#faq p,
div#poll p
{
	margin-bottom: 0.6em;
}

div#poll span#statistics
{
	font-style: italic;
	margin-right: 5em;
}