/* fox.com.pl */
* { font-family: Verdana, "Bitstream Vera Sans", Helvetica, Sans-Serif; }
html, body, div, span, a, p, img, ul, ol, li, dl, dt, dd, hr, h1, h2, h3, h4, h5, h6,
pre, code, form, fieldset, label, legend { /* clear default setting */
  border: 0;
  margin: 0;
  padding: 0;
}
body {
  color: #555650;
  font-size: xx-small; 
}
h1,h2,h3,h4,h5,h6 {
  margin: 0.5em 0 0.5em 0; 
}
h1 { font-size: 110%; margin-top: 0.2em; }
h2 { font-size: 108%; }
h3 { font-size: 106%; }
h4 { font-size: 104%; }
h5 { font-size: 102%; }
h6 { font-size: 100%; }
p {
  text-indent: 1.5em;
  text-align: left;
  margin-top: .5em;
}
hr {
  clear: left;
  width: 100%;
  margin: 0.8em 0 0.8em 0;
  border-top: solid 1px #bfc1b4;
  border-bottom: solid 1px #eee;
  display: block;
}
ul, ol { margin: 0.5em 0 0.5em .5em; }
ul li,
ol li { margin-left: .5em; }
dl { margin: 0.5em 0; }
dl dt { text-weight: bold; }
dl dt,
dl dd { margin: 0.4em 0 0.4em; text-align: left; }

code, code span, pre, pre span {
  font-family: "courier new", Arial, Helvetica, sans-serif;
}
pre {
  border: solid 1px #bfc1b4;
  margin: 10px 0;
  padding: 10px;
  background-color: #ebede3;
}
img {
  max-width: 230px; 
  display: block;
}
#container {
  max-width:240px;
  background: #dddfd4;
  margin: 0 auto;
}
#top {
  height: 42px; 
  background: #fff;
}
#header {
  float: right;
  width: 100%;
  height: auto;
  padding-bottom: 75px;
  background: #fff url("../img/img-header-mini.jpg") 0 bottom no-repeat;
}
#left {
  float: left;
  width: 100%;
  background-color: #86877f;
  padding: 2px 0;
}
#content {
  float: left; 
  width: auto;
  padding: 10px 5px 20px;
  background: #dddfd4 url('../img/shadow-down.png') repeat-x;
}
#clear {
  clear: both;
}
#footer {
  float: left;
  clear: both;
  padding: 3px 5px;
  background: #d0d2c2 url('../img/shadow-down.png') repeat-x;
}
#logo a {
  top: 0px;
  width: 90px;
  height: 42px;
  background: transparent url('../img/logo-mini.gif') no-repeat;
  position: absolute;
  z-index: 1000; 
}
#logo a span {
  display: none;
}
#lang {
  margin: 5px 0 0 0;
  float: right;
/*  list-style: none;*/
}
#lang li {
  margin: 0;
  padding: 0px 3px;
  display: inline;
  border-left: dotted 1px #000;
}
#lang li a {
  color: #000;
  text-decoration: none;
}
#lang li a:hover {
  text-decoration: underline;
}
#menu {
  float: left;
  width: 100%;
}
#menu ul {
  float: left;
  width: 100%;
  margin: 0;
  list-style: none;
}
#menu ul li {
  float: left;
  width: auto;
  margin: 0;
  padding: 3px 6px;
  display: inline;
  border-right: dotted 1px #86877f;
}
#menu ul li a {
  color: #86877f;
  text-align: center;
  text-decoration: none;
}
#menu ul li a:hover {
  color: #555650;
}
#content ul, #content ol {
  list-style-position: inside;
}
#submenu ul {
  float: left;
  width: 100%;
  margin: 0;
  list-style: none;
}
#submenu ul li {
  float: left;
  width: auto;
  margin: 0;
  padding: 0 3px 0 0;
  display: inline;
}
#submenu ul li a {
  color: #eee;
  text-decoration: none;
  height: auto;
  margin: 1px;
  padding: 3px;
}
#submenu ul li a:hover {
  text-decoration: underline;
}
#footer ul {
  float: left;
  width: 100%;
  margin: 0;
  z-index: 2;
}
#footer li {
  float: left;
  width: auto;
  display: inline;
  margin: 0;
  padding: 2px 4px;
  border-right: dotted 1px gray;
}
#footer a, #footer a:hover {
  color: gray;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}
#footer #copyright {
  float: left;
  width: 100%;
  color: gray;
  padding-top: 4px;
}

/* common style */
.red { color: red; }
.green { color: green; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.strike { text-decoration: line-through; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.noindent { text-indent: 0; }

/* FORM */
form {
  float: left;
  width: auto;
  padding: 5px 5px 0 5px;
  margin: 10px 0;
  border: solid 1px #b4b6a6;
  background-color: #d1d2c8;
  text-align: left;
}
form fieldset {
  clear: both;
  width: 100%;
  border: 0;
  border-top: solid 1px #b4b6a6;
  padding: 5px 0;
  position: relative;
}
form fieldset.buttons {
  width: 100%;
  height: auto;
  text-align: right;
  margin-top: 5px;
}
form input, form textarea, form select {
  border-top: solid 1px #b4b6a6;
  border-left: solid 1px #b4b6a6;
  border-right: solid 1px #ffffff;
  border-bottom: solid 1px #ffffff;
  background-color: #efefeb;
  font-size: xx-small;
}
form input.button {
  color: #fff;
  padding: 1px 1.5em;
  font-weight: bold;
  background-color: #bfc1b4;
  border: groove 3px #efefeb;
}
form div.hide { display: none; }
form div.show { display: inline; }

table {
  width: 100%;
  margin: 1em 0;
  border-collapse: collapse;
  font-size: inherit;
}
table td, table th {
  padding: 2px 4px;
  font-weight: normal;
  border: 1px solid #bfc1b4;
}

table.left, img.left {
/*  float: left; */
}
table.right, img.right {
/*  float: right; */
}

.lcost { float: right; color: navy; margin-top: -1.7em; }

#agreement {
  font-size: 95%; 
}
#agreement dt {
  font-weight: bold;
}
#changelog {
  font-size: 95%; 
}

/* English */
.english p {
  text-indent: 0;
}
.english br {
  clear: both;
}
.english p br {
  clear: none;
}
.english dl dt {
  color: black;
  margin: 10px 0 0 1em;
  font-weight: normal;
}
.english dl dd {
  color: gray;
  margin: 0 0 0 1em;
  font-weight: normal;
}
.english table {
  margin-top: 0;
}
.english table th {
  text-align: left;
}
/* English */

/* Geshi */
pre.css .re0 { color: black; }
pre.css .kw1 { color: #0081A6; }
pre.css .coMULTI { color: #00AC00; font-style: italic; }

pre.xml .re0 { color: black; }
pre.xml .re1 { color: maroon; }
pre.xml .re2 { color: maroon; }
pre.xml .sc3 { color: #0081A6; }
pre.xml .st0 { color: blue; }
pre.xml .coMULTI { color: #3f7f5f; font-style: italic; }

pre.java .re0 { color: black; }
pre.java .st0 { color: blue; }
pre.java .kw1 { color: #0081a6; font-weight: bold; }
pre.java .kw2, pre.java .kw4 { color: #7f0055; font-weight: bold; }
pre.java .coMULTI { color: #3f7f5f; font-style: italic; }
pre.java .coMULTI2 { color: #3f5fbf; font-style: italic; }
/* Geshi */