* {
  margin: 0px;
  padding: 0px;
  border: none;
  list-style: none;
  border-spacing: 0px;
  border-collapse: collapse;
}

html,body {
  color: #CCCCCC;
  background-color: #0d0d0f;
  height:100%; /* needed for container min-height */
  font-size: 0.85em;
  font-family: Verdana;
}

a {color: #c58a30}
a:hover {color: #8c310a}
H1 {font-size: 1.4em; padding: 15px 10px 10px 10px; margin-bottom: 15px; text-align: center;}
/* H1 {background-color: #444444; font-size: 1.4em; padding: 15px 30px 10px 30px; margin-bottom: 20px;-moz-border-radius:8px;-webkit-border-radius:8px;-opera-border-radius:8px;-khtml-border-radius:8px;border-radius:8px;}*/
H2 {font-size: 1.2em; margin: 10px 0px 5px 0px;}
P {margin: 3px 0px 1.12em 0px;}

input.text {color: black; border: solid 0px; background: white url('/images/design/button_text.jpg') no-repeat bottom left; padding: 0.2em;}
input.button {color: white; border: solid 1px #444444; background: #000000 url('/images/design/button_gradient.jpg') repeat-x; font-weight: bold; padding: 0.2em 0.8em 0.2em 0.8em;}
input.button:hover {color: white; border: solid 1px #AAAAAA; background: #000000 url('/images/design/button_gradient.jpg') repeat-x; font-weight: bold; padding: 0.2em 0.8em 0.2em 0.8em;}
input.button:disabled {color: black; border: solid 1px white; background: #333333 url('/images/design/header2.gif') repeat-x; font-weight: bold; padding: 0.1em 0.8em 0.1em 0.8em;}
textarea {color: black; border: solid 0px; background: white url('/images/design/button_textarea.jpg') no-repeat bottom left; padding: 0.2em;}

div#header {background: url('/images/design/topbar.jpg') no-repeat;width: 1000px;height: 223px; margin: 0px}
div#middle {width: 1000px;}
div#sidebar {width: 180px; padding: 5px; float: left; overflow: hidden;margin-bottom: 2em;margin-top: -30px;}
div#content {width: 610px; padding: 5px; float: left; overflow: hidden; background-color: #000000; margin-bottom: 2em;}
div#content2 {width: 800px; padding: 5px; float: left; overflow: hidden; background-color: #000000; margin-bottom: 2em;}
div#footer {width:1000px; font-size: smaller; clear: both; text-align: center;}
.header {/*background: url('/images/design/vtes_page_header.png') center no-repeat;*/background: #444444; font-weight: bold; text-align: center; font-size: 1.1em; padding: 4px; border-radius: 6px; -moz-border-radius: 6px;}

table.vtes_box {margin-bottom: 10px; width: 100%; background-image: url('/images/design/red_background.gif');}
.vtes_box #top {background-image: url('/images/design/red_ltr.gif'); background-repeat: no-repeat; background-position: top left; padding: 0px;}
.vtes_box #left {background-image: url('/images/design/red_ttb.gif'); background-repeat: no-repeat; background-position: top left; padding: 0px;}
.vtes_box #bottom {background-image: url('/images/design/red_rtl.gif'); background-repeat: no-repeat; background-position: top right; padding: 0px;}
.vtes_box #right {background-image: url('/images/design/red_btt.gif'); background-repeat: no-repeat; background-position: bottom left; padding: 0px;}
.vtes_box #content {background-repeat: repeat; padding: 5px;}

.calendar {font-family: Verdana,Arial; font-size: 11px; text-align: center;}
.calendar th {padding-bottom: 5px}
.calendar #akt {color: #990000; font-weight: bold; background-color: #000044}
.calendar #hidden {visibility: hidden;}

.news TD {padding: 5px}
.news #header {
font-weight: bold;
font-size: 1.2em;
color: #FFFFFF;/*#8c512a;*/
background: url('/images/design/header2.gif') repeat-x #222222;

}
.news #date {font-weight: bold; text-align: right; background: url('/images/design/header2.gif') repeat-x #222222;}
.news #author {font-weight: bold; text-align: right;}
.news #content {background: url('/images/design/post.jpg') repeat-x;}
.news #notcommented A {color: #444444;}
.news #spacer {height: 70px; background: url('/images/design/minivtessignred.jpg') center no-repeat;}
/*.news #content {background: #444444;}*/

.comments {margin-top: 50px; margin-bottom: 50px;}
.post {padding: 4px; margin: 0 auto; width: 540px; margin-top: 20px; background: url('/images/design/post_form.jpg') repeat-x;}
.post #title {margin-left: 10px; font-size: 1.2em; font-weight: bold; height: 35px;}
.post TD {padding: 2px 2px 2px 10px;}

.short_profile {margin: 5px 0px 5px 5px; padding: 5px; background: #222222; border: 1px white solid; width: 100px; text-align: center;}
.comment #title {padding: 2px; background: #222222; border: 0px; text-align: right}
.comment #content {padding: 8px}
/*.center {margin: 0 auto;}*/
.clearpad TD {padding: 2px 2px 2px 2px}

.table TD {padding: 5px; border: 1px solid white;}
.table #header {background: #444444; font-weight: bold;}
.table #center {text-align: center;}

.listtable TABLE {margin-top: 5px; margin-bottom: 15px;}
.listtable TD {padding: 5px; border: 0px;}
.listtable TH {padding: 5px; background: #444444; font-weight: bold; text-align: center;}
.listtable #header {background: #444444; font-weight: bold; text-align: center;}
.listtable #even {background: #111111;}
.listtable #odd {background: #000000;}

.shoplist TD {padding: 1px 2px 0px 2px; border: 0px;}
.shoplist TH {padding: 2px 2px 2px 2px; background: #444444; font-weight: bold; text-align: center;}
.shoplist #header {padding: 2px 2px 2px 2px; background: #444444; font-weight: bold; text-align: center;}
.shoplist #even {background: #111111;}
.shoplist #odd {background: #000000;}

.forum {font-size: 0.8em; margin: 4px 0px 4px 0px; margin: 4px 0px 4px 0px; color: #e0ffe0}

.library {color: #008000; text-align: center}
.crypt {color: #52371c; text-align: center}
.combined {color: #00c0c0; text-align: center}
.error {color: red}
.hint {color: #777777; font-size: 0.8em}

option.imagebacked {padding: 0px 0 0px 27px; background-repeat: no-repeat; background-position: 0px 0px; vertical-align: middle; height: 20px;}

/* LISTS */
ul.horizontal_list {
    padding: 0.2em 0.8em 0.2em 0.8em;
}
ul.horizontal_list li{
/*    display: inline;
    background-color: #FF0000;
    border: solid 1px red;
    background: url('/images/design/button_gradient.jpg') repeat-x;
    padding: 0.1em 0.8em 0.1em 0.8em;
    color: black;
    margin: 0px 5px 0px 5px;*/
    list-style: none;
    background: url('/images/design/header1.gif') repeat-x;
    display: inline;
    padding: 0.2em 0.8em 0.2em 0.8em;
    margin: 5px;
}
.horizontal_list #active{
    font-weight: bold;
    color: white;
}

.horizontal_list #nonactive{
    color: #AAAAAA;
}

ul.paging {margin: 10px 0 10px 0;}
ul.paging li{
    text-align: center;
    display: inline;
    list-style: none;
    padding: 2px 6px 2px 6px;
    margin: 3px;
    border: 1px solid #EEEEEE;
    background: #222222;
}
#pageactive {color: red; font-weight: bold;}

ul.list li{
    text-align: left;
    list-style: none;
    padding: 2px 10px 2px 20px;
    margin: 2px;
    background: url('/images/design/list.gif') 5px 5px no-repeat;
}

#attribute {font-weight: bold}

li.menu A {color: white;}
li.menu A:hover {color: red;}
ul.menu {margin-bottom: 20px; padding: 0 0 0 10px;}
div.menu_options_header {
    background: url('/images/design/vtes_options_header.png') no-repeat;
    padding: 34px 5px 0px 70px;
    height: 36px; /* 70 z padding ma byc*/
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 5px;
}
div.menu_user_header {
    background: url('/images/design/vtes_user_header.png') no-repeat;
    padding: 34px 5px 0px 70px;
    height: 36px; /* 70 z padding ma byc*/
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 5px;
}
div.menu_forum_header {
    background: url('/images/design/vtes_forum_header.png') no-repeat;
    padding: 34px 5px 0px 70px;
    height: 36px; /* 70 z padding ma byc*/
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 5px;
}
div.menu_cart_header {
    background: url('/images/design/vtes_cart_header.png') no-repeat;
    padding: 34px 5px 0px 70px;
    height: 36px; /* 70 z padding ma byc*/
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 5px;
}
div.menu_ranking_header {
    background: url('/images/design/vtes_ranking_header.png') no-repeat;
    padding: 34px 5px 0px 70px;
    height: 36px; /* 70 z padding ma byc*/
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 5px;
}
div.menu_trade_header {
    background: url('/images/design/vtes_trade_header.png') no-repeat;
    padding: 34px 5px 0px 70px;
    height: 36px; /* 70 z padding ma byc*/
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 5px;
}
div.menu_comment_header {
    background: url('/images/design/vtes_comment_header.png') no-repeat;
    padding: 34px 5px 0px 70px;
    height: 36px;
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 5px;
}

div.message_info {
    background: url('/images/design/tick.png') no-repeat #333333 center;
    background-position: 10px;
    border: solid 1px white; padding: 2em 2em 2em 70px;
    margin: 10px;
    min-height: 1em;
}
div.message_error {
    background: url('/images/design/block.png') no-repeat #333333 center;
    background-position: 10px;
    border: solid 1px white; padding: 2em 2em 2em 70px;
    margin: 10px;
    min-height: 1em;
}

#positive {color: green}
#negative {color: red}


/*
display: block; – wyświetlanie elementu w postaci blokowej, zdolnej do zmiany rozmiaru (dzięki ndx) oraz działającej jak element <br/> (przejście do następnej linii po danym elemencie);
display: inline; – wyświetlenie elementu w postaci liniowej, czyli bez zmiany rozmiaru oraz bez przejścia do następnej linii;
display: list-item; – wyświetlenie elementu w postaci składnika listy, efekt podobny w działaniu do taga <li>;
display: none; – brak postaci, czyli ukrycie elementu;
*/