/* Body class */
html, body{
  width: 100%;
  padding: 0px; margin: 0px;
  background: rgb(129,129,129) url(../css/graf/tlo_body.png) repeat-x top center;
  font: normal 11px verdana, tahoma, Arial, geneva, sans-serif;
  color: rgb(90,90,90);
}

.gbody{
font-family: Verdana,Arial,Helvetica,sans-serif;
background: #FBF9F9;
margin-top: 11px;
margin-bottom: 10px;
margin-right: 10px;
margin-left: 10px;
}

/* General smart tables class */

table.forums, table.forumsmb {
font-family: Verdana,Arial,Helvetica,sans-serif;
width: 712px;
border: 1px #CCCCCC solid;
display: table;
color: #000000;
border-collapse: collapse;
text-align: center;
margin-left: auto;
margin-right: auto;
} 

table.forumsmb{
margin-bottom:12pt;
}

/* Simple transparent table without borders and background color (menu navigation, general tables) */

.tbTransparent, .tbTransparentmb{
font-family: Verdana,Arial,Helvetica,sans-serif;
width: 765px;
background: transparent;
font-size: 11px;
line-height: 15px;
text-align: center;
margin-left: auto;
margin-right: auto;
vertical-align: top;
}

.tbTransparentmb{
margin-bottom:12pt;
}

.tbTransparentCell{
text-align: left;
}

img {
border: 0px;
}

td{
text-align: left;
}

/* Small analog text, used usually with SPAN */

.txtSm{
font-family: Verdana,Arial,Helvetica,sans-serif;
text-decoration: none;	
font-size: 10px;
}

/* Normal analog text, used usually with SPAN */

.txtNr{
font-family: Verdana,Arial,Helvetica,sans-serif;
text-decoration: none;	
font-size: 11px;
}

/* Views color */

.views{
color:#9A9A9A;
}

/* Warning text */

.warning{
color: #225873;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
font-weight: bold;
}

/* Supscript class */

.navCell{
font-family: Arial,Helvetica,Geneva,sans-serif;
font-size: 11px;
}

/* Class for select boxes */

.selectTxt {
font-family: Verdana,Arial, Helvetica, sans-serif;
font-size: 11px;
background-color: #FFFFFF;
}

/* List style - user's info */

.limbb{
list-style: circle;
font-size: 11px;
margin-left: 10pt;
}

/* Input areas - boxes, textareas... */

.inputButton {
font-family: Verdana,Arial,Helvetica,sans-serif;
background: #FFFFFF;
border-top: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
border-left: #CCCCCC 1px solid;
border-bottom: #CCCCCC 1px solid;
font-size: 10px;
color: #000000;
/* height: 19px; */
}

.textForm {
font-family: Verdana,Arial,Helvetica,sans-serif;
background: #FFFFFF;
border-bottom: #CCCCCC 1px solid;
border-left: #CCCCCC 1px solid;
border-right: #CCCCCC 1px solid;
border-top: #CCCCCC 1px solid;
font-size: 11px;
}

/* Caption 1 (the one for displaying sub-headers like "topics, posted" etc) */

td.caption1 {
border: 1px #E3E3E3 solid;
font-size: 11px;
line-height: 15px;
padding-bottom: 1px;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
text-align: left;
}

/* Caption 2 color and properties (this one displaying main menu,  New Topic text bg, New Message text bg) */

td.caption2 {
background-color: #FFFFFF;
border: 1px #CCCCCC dotted;
padding: 4px;
height: 20px;
font-size: 11px;
font-weight: bold;
line-height: 15px;
}

/* Caption 3 (used for Last Discussions, topic titles, Forums selection) */

td.caption3 {
background-color: #F3F9FB;
padding: 3px;
height: 20px;
font-size: 11px;
line-height: 15px;
vertical-align: top;
}

/* Caption 4 (the one for displaying not separate headers like Forum, Topic, Poster etc. on 1st page, Buttons menu, left info cell) */

td.caption4 {
background-color: #8FBEE8;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
line-height: 15px;
text-align: left;
vertical-align: top;
}

/* Caption 5 (used for user input like password/login and registration etc) */

td.caption5 {
background-color: #F6F9FB;
padding: 4px;
height: 20px;
font-size: 11px;
line-height: 15px;
vertical-align: top;
}

/* Font for displaying username in each thread */

.username{
text-decoration: none;
font-size: 11px;
font-weight: bold;
}

/* Topics/forums/threads content cell color #1 */

.tbCel1{
background: #E9EFF4;
}

/* Topics/forums/threads content cell color #2 */

.tbCel2{
background: #F6F9FB;
}

.formStyle{
margin: 0px;
}

/* Stats bar */

.tbStBar{
border: #CCCCCC 1px solid;
margin: 1px;
padding: 1px;
background: #F0F0F0;
font-size: 11px;
}

A:link {
color: #006699;
text-decoration: none;
}

A:active {
color: #006699;
text-decoration: none;
}

A:visited {
color: #006699;
text-decoration: none;
}

A:hover {
color: #0083C5;
text-decoration: none;
}


ol.mbb, ul.mbb, blockquote.mbb{
margin-bottom: 0px;
}


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

#shadow{
  width: 723px;
  background: url(../css/graf/shadow_top.gif) no-repeat top center;
  padding: 11px 10px; margin: 10px auto;
}
#wraper{
  float: left;
  width: 712px;
  overflow: hidden;
  padding: 0px; margin: 0px auto 10px;
  background: #FFFFFF;
  border: 6px rgb(255,255,255) solid;
}

#wraper p{ clear: both; margin: 0px; padding: 8px 14px 6px 17px; text-align: justify; }
#wraper h1{ font-size: 15px; color: rgb(90,90,90); text-align: center; padding: 0px; margin: 0px; }
#wraper h2{ font-size: 13px; color: rgb(90,90,90); padding: 15px 25px 5px 25px; margin: 0px; }
#wraper h3{ font-size: 12px; color: rgb(90,90,90); padding: 10px 0px 2px 20px; margin: 0px; } 

#top{
  float: left;
  width: 712px; height: 243px;
  background: url(../img/top.jpg) no-repeat 0px 0px;
}
#top h1{ height: 60px; width: 300px; margin: 0px; padding: 17px 0px 0px; background: url(../img/logo_napis.gif) no-repeat 80px 30px; overflow: hidden; text-align: left; }
#top h1 a{ display: block; height: 0px; width: 300px; padding-top: 60px; background: url(../img/logo_button1.gif) no-repeat 15px 0px; }
#top h1 a:hover{ background-position: 15px -62px; }


ul#menu_top{
  float:right;
  width: 500px; height: 38px;
  list-style: none;
  padding: 0px; margin: 124px 0px 0px;
  background: url(../img/menu_top.jpg) no-repeat right bottom;
  border-bottom: 3px rgb(211,221,233) solid; 
}
ul#menu_top li{ float: right; background: url(../css/graf/menu_sep.jpg) no-repeat right bottom; }
ul#menu_top a{ display: block; padding: 20px 14px 5px 13px; color: rgb(51,102,153); background: url(../css/graf/menuhover.gif) no-repeat bottom center; font-size: 11px; font-weight: bold; text-transform: uppercase; }
ul#menu_top a:hover, ul#menu_top a.active{ background-position: top center; text-decoration: none; color: rgb(137,161,186); }

#copyright{  clear: both; padding: 0px 12px; color: rgb(200,200,200); text-align: right; }
#copyright div{ float: left; }
#copyright a{ color: rgb(255,255,255); }

#top #google{
  float:left;
  width: 212px; height: 120px;
  background:#FCFBFA; 
  list-style:none; 
  margin: 41px 0px 0px; padding: 0px 0px 0px 0px;
  border-top: 1px #FFFFFF solid;
  border-bottom: 3px rgb(211,221,233) solid; 
}
#top #google input{
  margin-left: 20px;
}
#top #google input.input{ margin: 8px 0px 3px 15px; width:172px; border: 1px rgb(210,209,208) solid; }
#top #google input.submit{ margin: 4px 0px 0px 15px; width:172px; border: 1px rgb(210,209,208) solid; background: rgb(230,229,228) }
#wraper #top #google h2{ padding: 4px 15px; margin: 0px; font-size: 11px; font-weight: bold; text-transform: uppercase; border-bottom: 2px rgb(255,255,255) solid;  background: rgb(143,190,232); color:rgb(81,102,153);;}
#top #google span{ font-size: 9px; color: rgb(240,240,240); }

#top form{ margin: 0px; padding:0px;}

 div.sky{ position: fixed; top:21px; left: 50%; margin-left: 360px; }
 *html div.sky{ position: absolute; top:21px; left: 50%; margin-left: 360px; }