/* -------------- general elements --------------- */

* { padding: 0; margin: 0; }


body {
  font: 16px sans-serif;
  background-color: #FFFFFF;
  color: #000;
  line-height: 1.5em;
}                                                                     

/* the document */

.webstats {
  width: 1024px;
  margin-left: auto;
  margin-right: auto;
  background-repeat: repeat-y;
  padding-bottom: 0px;
}

div.webstats div.page {
  padding: 1em 2em 0em 2em;
  text-align: left;
}



div.webstats tr,
div.webstats td{
  vertical-align: middle;
  border-color: #306EFF;  
  text-align: left;
}

div.webstats th {
  vertical-align: middle;
  text-align:left;
  border-color: #306EFF;
  font-weight: normal;  
}

div.webstats table.login {
  font-size: 100%;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  border-width: 1px 1px 1px 1px;
  border-spacing: 1px;
  border-color: #FFFFFF;
  border-collapse:collapse;
  margin-top: 0em;
  margin-bottom: 1em;
}

div.webstats table.reg {
  font-size: 100%;
  margin-left: auto;
  margin-right: auto;
  border-width: 1px 1px 1px 1px;
  border-spacing: 1px;
  border-color: #FFFFFF;
  border-collapse:collapse;
  margin-top: 0em;
  margin-bottom: 1em;
}

div.webstats table.wiki {
  font-size: 100%;
  border-width: 1px 1px 1px 1px;
  border-spacing: 1px;
  border-color: #FFFFFF;
  border-collapse:collapse;
  text-align: left;
  width: 1024px;

}

#table-metacorr
{
	width: 250pt;
	margin-right:auto;
	margin-left:0px;
	text-align: left;
	padding:0;
	border-collapse: collapse;
}

#table-metacorr td
{
	padding: 4px;
	font-size: 90%;
	background: #f5f5f5; 
	border-bottom: 1px dotted #000;
border-left: 1px dotted #000;
border-right: 1px dotted #000;
	text-align: left;
	vertical-align:top;
}

div.webstats img {
  border: 0;
  max-width: 100%;
}

div.webstats p,
div.webstats blockquote,
div.webstats pre {
  margin: 0 0 1.0em 0;
}

div.webstats hr {
  border: 0px;
  border-top: 1px solid #aaaaaa;
  text-align: center;
  height: 0px;
}

div.webstats div.nothing {
  text-align: center;
  margin: 2em;
}

/* ---------------- forms ------------------------ */

div.webstats form {
  border: none;
  display: inline;
}


div.webstats fieldset {
  width: 300px;
  text-align: center;
  border: 1px solid #aaaaaa;
  padding: 0.5em;
  margin: auto;
}

div.webstats textarea.edit {
  font-family: monospace;
  font-size: 12px;
  color: #000;
  background-color: #ddd;
  border: 1px solid #aaaaaa;
  padding: 0.3em 0 0 0.3em;
  width: 100%;
}

div.webstats textarea {
  font-family: monospace;
  font-size: 11px;
  color: #000;
  background-color: #fff;
  border: 1px solid #aaaaaa;
  padding: 0.3em 0 0 0.3em;
  width: 100%;
}

/* nice alphatransparency background except for IE <7 */
html>body div.webstats textarea.edit {
  background:  #ddd url("inputshadow.png") repeat-x top;
}

div.webstats input.edit,
div.webstats select.edit {
  font-size: 100%;
  border: 1px solid #af5601;
  color: #000;
  background-color: #FFcccc;
  vertical-align: middle;
  margin: 1px;
  padding: 0.20em 0.3em;
  display: inline;
}

/* nice alphatransparency background except for IE <7 */

div.webstats select.edit {
  padding: 0.1em 0;
}

div.webstats input.missing {
  font-size: 100%;
  border: 1px solid #aaaaaa;
  color: #000;
  background-color: #ffcccc;
  vertical-align: middle;
  margin: 1px;
  padding: 0.20em 0.3em;
  display: inline;
}

/* disabled style - not understood by IE */
div.webstats textarea.edit[disabled],
div.webstats textarea.edit[readonly],
div.webstats input.edit[disabled],
div.webstats input.edit[readonly],
div.webstats select.edit[disabled] {
  background-color: #f5f5f5!important;
  color: #666!important;
}

/* edit form */
div.webstats div.toolbar,
div.webstats .nowrap {
  white-space: nowrap;
}

/* --------- buttons ------------------- */


div.webstats input.button,
div.webstats button.button {
  border: 1px solid #af5601;
  color: __white__;
  background-color: #de8630;
  text-decoration: none;
  height: 2em;
  vertical-align: middle;
  margin: 3px;
  padding-left: 1.5em;
  padding-right: 1.5em;
  font-size: 70%;
}

/* nice alphatransparency background except for IE <7 */

div.webstats input.button:hover {
  border-color: #af5601;
  background-color: #af5601;
  color: __white__;
  }   

/* --------------- Links ------------------ */

div.webstats a:link,
div.webstats a:visited {
  color: #006699;
  text-decoration: none;
}
div.webstats a:hover,
div.webstats a:active {
  text-decoration: underline;
}

div.bar-right a:link, div.webstats .bar-right a:visited {
  color: #ffffff;
}
div.bar-right a:hover, 
div.bar-right a:active {
  text-decoration: underline;
}



div.webstats h1 a,
div.webstats h3 a,
div.webstats h5 a,
div.webstats a.nolink {
  color: #000;
  text-decoration: none !important;
}

div.webstats h2 a,
div.webstats h4 a {
  color: #006699;
  text-decoration: none !important;
}

/* ------------- Page elements ----------------- */

div.webstats div.breadcrumbs {
  background-color: #f5f5f5;
  color: #006699;
  font-size: 90%;
  padding: 0 0 0 4px;
  margin: 0px 0px 0px 0px;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #DF7401;
}
.breadcrumbs.left {
float:left;
}
.breadcrumbs.right {
float:right;
}

div.webstats div.breadcrumbs a{
  color: #006699;
}

/* general headline setup */
div.webstats h1,
div.webstats h2,
div.webstats h3,
div.webstats h4,
div.webstats h5 {
  color: #000;
  background-color: inherit;
  font-size: 100%;
  font-weight: normal;
  margin: 0 0 1em 0;
  padding: 0.5em 0 0 0;
  border-bottom: 1px solid #aaaaaa;
  clear: left;
}

div.webstats h3,h1 {
  color: #006699;
}


/* special headlines */
div.webstats h1 {font-size: 210%; margin-left: 0px; border-bottom: none;font-weight: bold;}
div.webstats h2 {font-size: 200%; margin-left: 0px; border-bottom: none;font-weight: bold;}
div.webstats h3 {font-size: 160%; margin-left: 0px; border-bottom: none; font-weight: bold;}
div.webstats h4 {font-size: 150%; margin-left: 0px; border-bottom: none;font-weight:bold;}
div.webstats h5 {font-size: 100%; margin-left: 0px; border-bottom: none; font-weight: bold;}

/* unordered lists */
div.webstats ul {
  line-height: 1.5em;
  list-style-type: square;
  list-style-image: none;
  margin: 0 0 0.5em 1.5em;
  color: #000;
}

/* ordered lists */
div.webstats ol {
  line-height: 1.5em;
  list-style-image: none;
  margin: 0 0 0.5em 1.5em;
  color: #777777;
  font-weight: bold;
}

/* the list items overriding the ul/ol definition */
div.webstats .li {
  color: #000;
  font-weight: normal;
}

div.webstats ol {list-style-type: decimal}
div.webstats ol ol {list-style-type: upper-roman}
div.webstats ol ol ol {list-style-type: lower-alpha}
div.webstats ol ol ol ol {list-style-type: lower-greek}

div.webstats pre {
  font-size: 100%;
  color: #000;
}

/* inline tables */
div.webstats table.inline {
  background-color: #ffffff;
  border-spacing: 0px;
  border-collapse: collapse;
}

div.webstats table.inline th {
  padding: 0px;
  border: 1px solid #aaaaaa;
  background-color: #ddd;
}

div.webstats table.inline td {
  padding: 0px;
  border: 1px solid #aaaaaa;
}

/* ------------------ Additional ---------------------- */

div.footerinc {
  width: 724px;
  margin-left: auto;
  margin-right: auto;
  background-repeat: no-repeat;
  text-align: center;
  padding-top:30px;
  padding-bottom:0px;
}


.footerinc a img {
  opacity: 0.5;
  border: 0;
}

.footerinc a:hover img {
  opacity: 1;
}

div.webstats .header {
  padding: 20px 0px 0px 0px; 
}



div.webstats .logo {
  font-weight: bolder;
  font-size: 200%;
  margin-top: 12px;
  margin-left: 12px;
  margin-bottom: 0px;
  float:left;
  width: 100%;
}


div.webstats .logo a {
  color: #ffffff !important;
  text-decoration: none !important;
  font-variant: small-caps;
  letter-spacing: 1pt;
}


/* ---------------  top and bottom bar ---------------- */
div.webstats .bar {
  background: url('hdr.png');	
  height: 60px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  clear: both;
}

div.webstats .bar-left {
  float: left;
}



div.webstats .bar-right {
  float: right;
  color: #ffffff;
}

div.webstats #bar__bottom {

  color: #ffffff;

  height: 0.1px;

}



div.webstats #bar__bottomright {

  color: #ffffff;

  }

#box-table-a
{
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
#box-table-a th
{
	font-size: 90%;
	font-weight: normal;
	padding: 4px;
	background:#DCDCDC;	
	border-bottom: 2px solid #000;
	border-top: 2px solid #000;
	color: #000;
	text-align: left;
}
#box-table-a td
{
	padding: 4px;
	font-size: 90%;
	background: #f5f5f5; 
	border-bottom: 1px dotted #000;
	border-top: 1px dotted #000;
	text-align: left;
}
#box-table-a tr:hover td
{
	background: #DCDCDC;
	text-align: left;
}

#box-table-a td ul, ol {
	list-style-position:inside;
}


#box-table-b
{
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
#box-table-b th
{
	font-size: 90%;
	font-weight: normal;
	padding: 4px;
	background:#DCDCDC;	
	border-bottom: 2px solid #000;
	border-top: 2px solid #000;
	color: #000;
	text-align: left;
}
#box-table-b td
{
	padding: 4px;
	font-size: 90%;
	background: #f5f5f5; 
	border-bottom: 1px dotted #000;
	border-top: 1px dotted #000;
	text-align: left;
}
#box-table-b tr:hover td
{
	background: #DCDCDC;
	text-align: left;
}

#box-table-b td ul, ol {
	list-style-position:inside;
}

td{
	padding: 5px;
}