* {MARGIN: 0; PADDING: 0;}

body {BACKGROUND: #FFF; FONT-FAMILY: Verdana,Arial,sans-serif; FONT-SIZE: 89%;}
img {BORDER: none;}
h1 {FONT-FAMILY: Arial,Verdana,sans-serif; WIDTH: 900px; DISPLAY: block; FONT-SIZE: 34pt; FONT-WEIGHT: normal; MARGIN: 35px 0px; TEXT-ALIGN: justify;}
h2 {FONT-SIZE: 19pt; FONT-WEIGHT: normal; MARGIN-BOTTOM: 15px;}
h3 {FONT-SIZE: 15pt; FONT-WEIGHT: normal;}
ul {PADDING-LEFT: 20px;}
input, select {FONT-SIZE: 1.2em;}

table td {PADDING: 5px;}

#container {WIDTH: 100%;}
#header {WIDTH: 100%; MARGIN: 0 auto; HEIGHT: 70px; BACKGROUND: #FFF url(../img/header-bg_2.gif) bottom repeat-x;}
#header-content, #main-content {WIDTH: 900px; MARGIN: 0 auto;}
#logo {FLOAT: left; PADDING: 3px 0px; BORDER-BOTTOM: 1px solid #CCC;}
#logbox {WIDTH: 470px; HEIGHT: 30px; BACKGROUND: rgb(177,211,75) url(../img/bg-logbox.gif) bottom no-repeat;}

#header-content .left{width: 200px;}
#header-content .right{width: 700px;}
#menu {HEIGHT: 70px; }
#menu ul {LIST-STYLE-TYPE: none;}
#menu li {FLOAT: left; HEIGHT: 45px; MARGIN-LEFT: 20px; PADDING-TOP: 25px; TEXT-ALIGN: center;}
#menu li.active {BACKGROUND: url(../img/arrow-bg.gif) bottom no-repeat; BORDER-BOTTOM: none;}
#menu li.active a {TEXT-DECORATION: none;}
#menu a {COLOR: #000000; HEIGHT: 16px;}
#menu a:hover {TEXT-DECORATION: none;}

#submenu, #submenu_superadmin {WIDTH: 100%; MARGIN-BOTTOM: 10px;}
#submenu {BACKGROUND: orange;}
#submenu_superadmin {BACKGROUND: rgb(207,238,187);}
#submenu ul, #submenu_superadmin ul {LIST-STYLE-TYPE: none; MARGIN: 0; PADDING: 0;}
#submenu li, #submenu_superadmin li {DISPLAY: block; FLOAT: left;}
#submenu a, #submenu_superadmin a {DISPLAY: block; PADDING: 12px; COLOR: #000;}
#submenu a:hover, #submenu_superadmin a:hover {TEXT-DECORATION: none;}
#submenu a {DISPLAY: block; BACKGROUND: orange; PADDING: 12px;}
#submenu_superadmin a {DISPLAY: block; BACKGROUND: rgb(207,238,187); PADDING: 12px;}

/*
#menu ul {LIST-STYLE-TYPE: none;}
#menu li {HEIGHT: 30px; BACKGROUND: #FFF url(../img/tabright.gif) right no-repeat; FLOAT: left; MARGIN-LEFT: 3px;}
#menu a {float:left;background: url(../img/tableft-hover.gif) no-repeat left top;margin:0;padding:0 0 0 4px;text-decoration:none; FONT-WEIGHT: bold; FONT-SIZE: 95%}
#menu a span {float:left;display:block;background: url(../img/tabright-hover.gif) no-repeat right top; padding:6px 15px 3px 8px;color: #FFF;}
#menu a:hover, #menu a.active {float:left;background: url(../img/tableft.gif) no-repeat left top;margin:0;padding:0 0 0 4px;text-decoration:none; FONT-WEIGHT: bold;}
#menu a:hover span, #menu a.active span {float:left;display:block;background: url(../img/tabright.gif) no-repeat right top; padding:6px 15px 3px 8px;color: #FFF;}
*/


#headline {WIDTH: 100%;}
#headline .c {WIDTH: 900px; MARGIN: 0px auto; COLOR: #000;}

#main-content {MARGIN-TOP: 20px; BACKGROUND: #FFF;}

#left-box h2, #right-box h2 {HEIGHT: 30px; BACKGROUND: rgb(177,211,75) url(../img/bg-top-middle.gif) top no-repeat; PADDING: 10px; BORDER-BOTTOM: 1px solid #FFF; FONT-SIZE: 21pt; FONT-WEIGHT: normal;}
#left-box {FLOAT: left; WIDTH: 420px; BACKGROUND: rgb(177,211,75) url(../img/bg-bottom-middle.gif) bottom no-repeat; MARGIN-BOTTOM: 20px;}
#right-box {FLOAT: right; WIDTH: 420px; BACKGROUND: rgb(177,211,75) url(../img/bg-bottom-middle.gif) bottom no-repeat; MARGIN-BOTTOM: 20px;}

#left-col {FLOAT: left; WIDTH: 550px; MARGIN-BOTTOM: 20px;}
#right-col {FLOAT: right; WIDTH: 330px; MARGIN-BOTTOM: 20px;}

#green-box {WIDTH: 330px; BACKGROUND: #FFF url(../img/green-bg.gif) top no-repeat;}
#green-box .c {PADDING: 10px; TEXT-ALIGN: center;}
#green-box .c a {FONT-SIZE: 18pt; TEXT-DECORATION: underline; COLOR: #275712;}

#search-box { BACKGROUND: #fff9d8; MARGIN-BOTTOM: 15px; PADDING: 5px;}
#search-box a {TEXT-DECORATION: none;}
#search-box a:hover {TEXT-DECORATION: underline;}
#search-box .info {DISPLAY: inline; FLOAT: right; COLOR: #999;}
#search-box table {WIDTH: 100%;}
#search-box td {PADDING: 5px;}

a.button {CLEAR: both; FLOAT: right; DISPLAY: block; WIDTH: 262px; HEIGHT: 38px; BACKGROUND: url(../img/button.gif) no-repeat; text-indent: -9999em; }
a.button a {DISPLAY: block; WIDTH: 262px; HEIGHT: 38px; overflow: hidden;}
a.button:hover, a.button:active {DISPLAY: block; WIDTH: 262px; HEIGHT: 38px; BACKGROUND: url(../img/button_hover.gif) no-repeat 0 -0px;}

#footer {CLEAR: both; WIDTH: 900px; PADDING: 10px 0; COLOR: #666; BORDER-TOP: 1px solid #CCC; MARGIN-TOP: 15px;}


.p {PADDING: 10px;}
.g {BACKGROUND: #EFEFEF;}
.clr {CLEAR: both;}
.left {FLOAT: left;}
.right {FLOAT: right;}
.taleft {TEXT-ALIGN: left;}
.tacenter {TEXT-ALIGN: center;}
.taright {TEXT-ALIGN: right;}
.unpaid {FONT-WEIGHT: bold; COLOR: red;}
.item {CLEAR: both; HEIGHT: 100px; PADDING-TOP: 10px;}
.item img {PADDING-RIGHT: 15px;}

.red {COLOR: red;}
.orange {COLOR: orange;}
.green {COLOR: green;}
.grey {COLOR: grey;}


.dot {FONT-WEIGHT: bold; COLOR: #2A9317;}
.divider {COLOR: #999; BORDER-BOTTOM: 1px solid #999;MARGIN-BOTTOM: 20px;MARGIN-TOP: 0px; PADDING-TOP: 0px;}

/*  stats table */
.stats {WIDTH: 100%;}
.stats td {PADDING: 5px;}

/*  nove    */
/*  admin table   */
table.admin {WIDTH: 100%; MARGIN-BOTTOM: 2px; BORDER-SPACING: 0; BORDER-COLLAPSE: collapse; EMPTY-CELLS: show;}
table.admin td, table.admin th {PADDING: 7px;}
table.admin th, table.admin th a {COLOR: rgb(43,76,169);}
table.admin td {COLOR: #000;}
table.admin td.description {COLOR: #999;}
table.admin td.green {COLOR: green;}
table.admin th {BACKGROUND: rgb(208,218,253); TEXT-ALIGN: left; BORDER-BOTTOM: 1px solid rgb(43,76,169);}
table.admin th.c {TEXT-ALIGN: center;}
table.admin tr.bg {BACKGROUND: rgb(232,237,255);}
table.admin tr.bg2 {BACKGROUND: rgb(232,237,255); BORDER-BOTTOM: 20px solid #FFF;}
table.admin tr.bg3 {BACKGROUND: #a2b8fc;}
table.admin tr.bg4 {BACKGROUND: #a2b8fc; BORDER-BOTTOM: 20px solid #FFF;}

table.ad-header {WIDTH: 100%; BORDER-SPACING: 0; BORDER-COLLAPSE: collapse; EMPTY-CELLS: show;}
table.ad-header td {TEXT-ALIGN: center; BORDER-BOTTOM: 3px solid #999; FONT-WEIGHT: bold;}
td.c1 {WIDTH: 160px;}
td.c2, td.c3, td.c4, td.c5, td.c6, td.c7 {WIDTH: 100px;}

table.ad-list-detail {BORDER-LEFT: 3px solid #ffcc00; BORDER-RIGHT: 3px solid #ffcc00;HEIGHT: 130px; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 10px; BORDER-SPACING: 0; BORDER-COLLAPSE: collapse; EMPTY-CELLS: show; BORDER-BOTTOM: 1px dashed #CCC;}
table.ad-list-detail th {BORDER-BOTTOM: 1px solid #999; }
table.ad-list-detail th, table.ad-list-detail td {TEXT-ALIGN: center;}
table.ad-list-detail td.info {HEIGHT: 50px; TEXT-ALIGN: justify; LINE-HEIGHT: 16px;}

/*  nove  */
table.ad-list-detail2 {WIDTH: 100%; BORDER-TOP: 1px solid #FCEDB3; MARGIN-BOTTOM: 0px; PADDING: 10px; BORDER-SPACING: 0; BORDER-COLLAPSE: collapse; EMPTY-CELLS: show;}
table.ad-list-detail2 th {}
table.ad-list-detail2 th, table.ad-list-detail2 td {TEXT-ALIGN: left;PADDING-TOP: 15px; BACKGROUND: #FFF url(../img/ad_bg.gif) repeat-x;}
table.ad-list-detail2 td.info {COLOR: #666; FONT-SIZE: 0.9em;}
table.ad-list-detail2 img {BORDER: 1px solid #CCC;}

.ad-info {MARGIN-BOTTOM: 30px; BORDER: 1px solid rgb(232,208,113);}
.ad-info td {WIDTH: 20%; BACKGROUND: #fff9d8; COLOR: #666; FONT-SIZE: 90%;}
/*  koniec  */

.dark {BACKGROUND: #F6F6F6;}
.dark-cart {BACKGROUND: #F6F6F6; }

table.ad-summary {WIDTH: 720px; MARGIN-BOTTOM: 20px; BORDER-SPACING: 0; BORDER-COLLAPSE: collapse; EMPTY-CELLS: show;}
table.ad-summary td {TEXT-ALIGN: center; BORDER-TOP: 3px solid #999; FONT-WEIGHT: bold; BACKGROUND: #CCC;}

table.login {WIDTH: 100%; BORDER: 3px solid rgb(255,204,0); BORDER-LEFT: none; BORDER-RIGHT: none; BORDER-SPACING: 0; BORDER-COLLAPSE: collapse; EMPTY-CELLS: show; }
td.login {WIDTH: 50%; TEXT-ALIGN: center; PADDING: 20px; BACKGROUND: rgb(255,255,204);}

table.buy {WIDTH: 100%;}



.campaign {CLEAR: both; DISPLAY: block; PADDING: 15px; BORDER: 3px solid #ffcc00; BORDER-TOP: none; MARGIN-BOTTOM: 15px;}

.big {FONT-SIZE: 15pt;}
.bold {COLOR: #000; FONT-SIZE: 11pt;}
.price {COLOR: green; FONT-WEIGHT: bold; FONT-SIZE: 170%;}
.deposit {BACKGROUND: rgb(207,238,187); BORDER-BOTTOM: 1px solid green;}
.expense {BACKGROUND: rgb(248,205,206); BORDER-BOTTOM: 1px solid red;}
.unpaid {COLOR: red; FONT-WEIGHT: bold;}
.info-box {BORDER: 1px solid rgb(131,172,202); PADDING: 12px; PADDING-LEFT: 46px; MARGIN-BOTTOM: 15px; BACKGROUND: #E1F7FC url(../img/info_icon.gif) left no-repeat;}
.error-box {BORDER: 1px solid red; PADDING: 12px; PADDING-LEFT: 46px; MARGIN-BOTTOM: 15px; BACKGROUND: #FFF url(../img/exclamation.png) left no-repeat;}

/*  errors  */
#error_name, #error_street, #error_town, #error_zip, #error_ico, #error_dic, #error_email, #error_pswd, #error_email_new, #error_pswd_new, #error_pswd2, #error_url, #error_price {DISPLAY: none; TEXT-ALIGN: right; TEXT-ALIGN: right; COLOR: red;}

.info-row {PADDING-TOP: 0px; COLOR: #666; FONT-SIZE: 95%; TEXT-ALIGN: right;}


/*  PAGINATION    */
.pagination {FLOAT: right; FONT-SIZE: 9pt;}
.pag_top {MARGIN-TOP: 0px; MARGIN-BOTTOM: 3px;}
.pag_bottom {MARGIN-TOP: 3px; MARGIN-BOTTOM: 12px;}
.pagination div {DISPLAY: inline;}
.pagination a {PADDING: 0px 4px; FONT-SIZE: 9pt; BORDER: 1px solid rgb(0,96,191); TEXT-DECORATION: none; MARGIN: 0 1px;}
.pagination div.disabled, .pagination span.disabled {PADDING: 0px 4px; BORDER: 1px solid #999; COLOR: #999; MARGIN: 0 1px;}
.pagination span.current {PADDING: 0px 4px; BORDER: 1px solid rgb(0,96,191); BACKGROUND: rgb(0,96,191); COLOR: #FFF; MARGIN: 0 1px;}

/* status massages */
.message-good, .message-bad, .message-info  {
	padding: 10px 10px 10px 40px;
	margin-bottom: 20px;
	background-position: 7px 7px;
	background-repeat: no-repeat;
}

.message-good {
	border: 1px solid #cae49c;
	color: #516f1b;
	background: #f3ffd0 url(/img/icons/accept-big.png) 8px center no-repeat;
}

.message-good a {
	color: #516f1b;
}

.message-bad {
	border: 1px solid #ffdede;
	color: #ce0000;
	background: #fff1f1 url(/img/icons/exclamation-big.png) 8px center no-repeat;

}

.message-bad a {
	color: #ce0000;
}

.message-info {
	border: 1px solid #ededb3;
	background: #ffffcc url(/img/icons/information-big.png) 8px center no-repeat;
}

.error-message {COLOR: red;}

.vop h2, .vop h3, .vop h4, .vop p, .vop ul {MARGIN-BOTTOM: 10px; TEXT-ALIGN: justify;}

.pricelist th, .pricelist td {PADDING: 15px 10px;}
.pricelist td.dark {BACKGROUND: #EFEFEF;}
.pricelist td.grey, .pricelist th.grey {BACKGROUND: #F6F6F6;}
.pricelist td.white {BACKGROUND: #FFF;}