/* generic page styles for II www site (fixed width page) */

body, html {
  margin-left: 8px; margin-top: 0px;
  margin-right: 8px; margin-bottom: 8px;
  padding: 0px;
  background: url(../img/bg.jpg) #fff;
  color: black;
  font-family: verdana, helvetica, sans-serif;
  font-size: 8pt;
}

h1, h2, h3, h4 {
  font-weight: bold;
  font-size: 10pt;
  padding: 0px;
  margin: 7px 0px 2px 0px;
}

h3 {
  font-size: 8pt;
}

h4 {
  font-size: 8pt;
}

img {
  border: 0px;
}

p {
  margin: 2px 0px; padding: 2px;
}

ol, ul {
  margin: 2px 0px 4px 10px; padding: 0px;
}

ol {
  list-style: lower-roman;
  padding-left: 4px;
}

ul {
  list-style: square;
}

ul li, ol li {
  margin: 0px 0px 0px 17px; padding: 1px;
}

ul li ul {
  list-style: disc;
}

a {
  text-decoration: underline;
  color: #2a2a2a;
}

/* generic table */
table {
  border-collapse: collapse;
  border-spacing: 0px; padding: 0px; margin: 0px;
}

/* generic table cells */
table td {
  border: 0px solid black;    /* 0px; set to 1px for debugging */
  font-size: 8pt;
}

table td1 {
  border: 0px solid white;    /* 0px; set to 1px for debugging */
  font-size: 8pt;
}

#l_l_edge {
  background: url(../img/gui/L_edge_left.gif) right;
}

#r_l_edge {
  background: url(../img/gui/L_edge_right.gif) left;
}

#l_r_edge {
  background: url(../img/gui/R_edge_left.gif) right;
}

#r_r_edge {
  background: url(../img/gui/R_edge_right.gif) left;
}

#l_l_edge, #r_l_edge, #l_r_edge, #r_r_edge {
  background-repeat : repeat-y;
}


/* --------------------------menus -------------------------- */
#main_menu, #context_menu {
 background-color: #005500;
}

#main_menu a {
  width: 126px;
  display: block;
  padding:4px 8px 4px 8px;
}


#context_menu a {
  display: block;
}

.menu_items li {
  margin: 0px; padding: 0px;
}

/* 1st and 2nd level of menu (as a whole) */
.menu_items, .menu_items li ul {
  font-weight: bold; font-size: 7pt; list-style: none; line-height: 1.3;
  margin: 0px 0px 0px 0px; padding: 0px;
}

#context_menu ul {
  font-weight: normal;
}

/* level 1 - items */
.menu_items li a {
  width: 126px;
  padding: 0px;
  text-decoration: none;
  color: white;
  background-color: #005500;
  border: 0rgb(102,153,102)px outset white;
}

.menu_items li a:hover {
color:#005500;
background:#B4BEB3;
}

/* 2nd menu level SPECIFIC (as a whole) */
.menu_items li ul {
  font-weight: normal;
  display: none;
  margin: 0px 0px 0px 0px;
  padding: 0px;
}

/* 2nd level menu items (A) */
.menu_items li ul a {
  width:126px;
  padding: 0 0 0 0;
  display: block;
  text-decoration: none;
  color: black;
  background-color: #B9FFB9;
}

.menu_items li ul li a:hover {
  color: #005500;
  border: 0px solid #D4DFD4;
  background:#B4BEB3;
}

#context_menu ul li a:hover {
  color: #A0BD87;
}

#menu_group_active {
  color: #99FF99;
}

#menu_item_active {
  color: #008800;
}

/* --------------------- header/footer --------------------------*/
#header {
  background: url(../img/gui/head.jpg) top left no-repeat;
  font-weight: normal;
  font-size: 7pt;
}

#header a {
  color: white;
  font-weight: bold;
  text-decoration: none;
  background-color: #005500;
}

.header_text {
  margin: 0px 25px 5px 0px;
  text-align: right;
  position:relative; top:-15px;
}

.header_text2 {
  margin: 0px 15px 0px 0px;
}

#footer {
  background: url(../img/gui/pata.gif) bottom left no-repeat;
  font-weight: normal;
  font-size: 7pt;
}

#footer a {
  color: white;
  font-weight: bold;
  text-decoration: none;
}

.footer_text {
  color: white;
  margin: 2px;
  text-align: center;
  text-indent: 4px;  
  /* left: 136px; right: 262px */
  position:relative;
  top:3px;
}

/* ---------------------- articles ---------------------- */
.article_short_left, .article_short_right, .article_long, .context_picture, .article_trans, .heading, .article_extra_long {
  margin: 6px 0px 8px 0px;
  font-size: 8pt;             /* for some reason not picked up from html, body (IE5 on NT4) */
}

.article_short_left, .article_short_right {
     width: 291px;
}

.article_long, .article_trans, .context_picture, .heading, .article_extra_long {
  width: 599px;
  position: relative; left: 24px;
  float: none; clear: both;
}

.article_extra_long {
  width: 718px;
  z-index: 10;
}

.article_short_left {
  position: relative; left: 24px;
  float: left; clear: left;
}

.article_short_right {
  position: relative; right: 24px;
  float: right; clear: right;
}

.article_heading {
  color: white; font-weight: bold;
  background: url(../img/text_corner.gif) no-repeat left top;
  padding-left: 18px; padding-right: 10px; padding-top:7px; padding-bottom:7px;
}

.article_body {
  padding: 3px;
  border: 1px solid black;
  background-color: #EAF7EA;
}

.acticle_picture {
  margin: 2px; padding: 1px;
  border: 1px solid black;
  float: right; clear: right;
  font-size: 7pt; text-align: center;
  color: black;
  background-color: #D6D6D6;
}

.context_picture {
  width: 595px;                /* this must be a bit shorter than long article (outter border) */
  padding: 1px;
  border: 1px solid black;
}

.article_h_trans {
  font-weight: bold;
}

.article_trans {
  width: 591px;
  padding: 3px;
  text-align: center;
  background-color: transparent;
  font-size: 7pt;
}

.heading {
  border: 1px solid black;
  font-weight: bold;
  width: 591px;
  padding: 3px;
  background-color: #5E9732;
  color: #000000;
  font-size: 10pt;
  text-align: center;
}

/* ------------- forms/controls ----------------*/
form {
  margin: 0px; padding: 0px;
}

.cc_button, .cc_checkbox, .cc_option, .cc_textfield, .cc_password , .cc_textarea, .cc_chooser, .cc_combobox {
  font-family: verdana, helvetica, sans-serif;
  font-size: 8pt;
}

.cc_button {
  height: 20px;
  border: 1px solid gray;
  color: #306040;                     /* dark  */
  background-color: #f0f0f0;          /* light */
}

.cc_textfield, .cc_password, .cc_textarea, .cc_chooser, .cc_combobox {
  color: #f0f0f0;                     /* light */
  background-color: #306040;          /* dark  */
}

/* --------- specific tables --------- */

.db_dump_table {
  border: 1px solid black;
  margin: 1%;
  width: 98%;
}

.db_dump_table th {
  background-color: #f0f0f0;
  border: 1px solid gray;
}

.db_dump_table td {
  border: 1px solid gray;
}

table.main_page {
margin:auto;
background:#D4DFD4;
}

#container {
width:940px;
margin:auto;
background:#D4DFD4;
padding:15px 0 20px 0;
}

#lang {
background:url("../img/gui/lang.gif");
text-align:right;
}

#left {
background:#005500;
}

#left_menu {
background:#005500;
}

div.article_heading {
padding:5px 15px 5px 15px;
background:#005500;
}

/* ------------------ END ----------------------*/