@import url("/css/reset.css");
@import url("/css/menu.css");
/* *********************************************************************************** */
/* START_STYLE_CSS */ 
html, body {}
body {font: normal 1em/1.3 Trebuchet MS, sans-serif;}

h1 {font-size:24px; color:#333; margin-bottom:10px; }
h2 {font-size:18px; color:#333; margin-bottom:10px;  }
h3 { }
h4 { }
h5 {font-weight:bold; font-size:14px; }

h1.lupa {padding-left:40px; background: url(/img/lupa.gif) no-repeat 0 0;}
h1.cart {padding-left:40px; background: url(/img/cart.gif) no-repeat 0 0;}
h1.add {padding-left:40px; background: url(/img/add.gif) no-repeat 0 0;}
h1.register {padding-left:40px; background: url(/img/register.gif) no-repeat 0 0;}
h1.credit {padding-left:40px; background: url(/img/credit.gif) no-repeat 0 0;}
h1.about {padding-left:40px; background: url(/img/about.gif) no-repeat 0 0;}
h1.faq {padding-left:40px; background: url(/img/faq.gif) no-repeat 0 0;}
h1.vote-icon {padding-left:40px; background: url(/img/vote-icon.gif) no-repeat 0 0;}
h1.base {padding-left:40px; background: url(/img/base.gif) no-repeat 0 0;}
h1.board {padding-left:40px; background: url(/img/board.gif) no-repeat 0 0;}

a {color:#069;}

/* *********************************************************************************** */
/* -- MAIN_CSS -- */ 
#body-w {width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 1000)? "1000px" : "100%");min-width:1000px;}	
#body-f { }	

#header {height:75px; background: #212A36 url(/img/header.gif) repeat-x 0 0; position:relative; }
#logo {position:absolute; top:15px; left:20px;}
#logo a {display:block; width:192px; height:43px; background: url(/img/logo.jpg) no-repeat 0 0;}

#content {clear:both;padding:20px 0; background: url(/img/content.gif) repeat-x 0 0; }
#content:after {clear: both;content: "";display: block;height: 0;visibility: hidden;}

#left-side {float:left;  width:270px; position:relative; z-index:5; }
#right-side {float:left; width:100%; margin: 0 0 0 -270px; }
#left-side-pad {padding: 0 20px;}
#right-side-pad {padding:0 20px 0 270px;}

#footer {height:74px; background: url(/img/footer.gif) repeat-x 0 0; }
.footer-pad {padding:20px 0 0 20px; color:#FFF; font-size:11px;}

/* form-login */

#login {}
#login h3 {font-size:14px; color:#000; font-weight:bold;}

.form-login {position:relative; height:22px; margin-bottom:20px; background: url(/img/form-login.gif) no-repeat 0 0;}
.form-login .input-text {width:80px; padding:2px 5px; border:0; background: none; font-size:12px; color:#666;}
.form-login .input-login {position:absolute; top:0; left:0;}
.form-login .input-password {position:absolute; top:0; left:100px;}
.form-login .input-submit {position:absolute; top:0; right:0; width:30px; height:22px;}

/* consultation */
#consultation {position:relative; width:230px; height:75px; background: url(/img/consultation.jpg) no-repeat 0 0; margin-bottom:20px;}
#consultation ul {padding-top:32px;}
#consultation li {padding: 0 0 0 12px;}
#consultation li a {font-size:12px; color:#069;}

/* votes */
.voter {margin-bottom:20px;}
.voter .vote-position {background: url(/img/vote-1.jpg) no-repeat 0 0; margin-bottom:20px;}
.voter .vote-position ul {background: url(/img/vote-2.jpg) no-repeat bottom left; padding:10px;}
.voter .vote-position h2 {font-size:14px; color:#000; width:180px; font-weight:bold; padding: 10px 0 0 10px;}
.voter .vote-position .resaults {color:#069;}
.voter .vote-position .resaults a {font-size:12px; color:#069;}
.voter .vote-position .resaults input {position:relative; top:3px; width:49px; height:14px;}
.voter .vote-position li {margin-bottom:2px;}

/* lister */
.lister {} 
.lister li { position:relative; margin-bottom:10px; background:#EFEFEF url(/img/lister.gif) repeat-x 0 0; padding:4px 10px; border:1px solid #EFEFEF;} 
.lister li .closer {width:13px; height:13px; display:block; background: url(/img/closer.gif) no-repeat 0 0; position:absolute; top:-3px; right:-3px; outline:0px; ie-dummy:expression(this.hideFocus=true);} 
.lister li .date {font-size:13px; color:#999; font-style:italic;} 
.lister li .name-it {color:#069; font-size:14px; font-weight:bold;} 
.lister li .description {color:#333; font-size:12px;} 
.lister li .lister-position {margin:6px 0;} 

.pager {margin:10px 0; padding:10px;}
.pager b {padding:2px; background:#999; display:inline-block; color:#FFF;}
.pager b a {display:inline-block; color:#FFF;}
.pager a {display:inline-block; color:#333; margin: 0 1px;padding:2px;}
.liner {height:1px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #CCC; clear:both;}
.topper {font-size:150%;}

.blocker {background:#FEFAF3; padding:10px;}

.add-do {font-size:150%; color:#f33; display:block; padding-bottom:5px;}

.sub-category {}
.sub-category:after {clear: both;content: "";display: block;height: 0;visibility: hidden;}
.sub-category li {float:left; margin-right:10px;}

.reg-form {margin-top:30px;}
.reg-form li {margin-bottom:10px;}
.reg-form b {display:block; font-size:14px; font-weight:normal;}
.reg-form .input-text {width:80%; padding:5px; background:#FFF; border:1px solid #CCC; }
.reg-form textarea {width:80%; height:70px; padding:5px; background:#FFF; border:1px solid #CCC; }

/* advert */
.advert {}
.advert ul {}
.advert ul:after {clear: both;content: "";display: block;height: 0;visibility: hidden;}
.advert li {padding:10px;}
.advert li a {color:#FFF;}
.advert li.one {width:46%; float:left; background:#069 url(/img/one.gif); color:#DCF0FA;}
.advert li.two {width:46%; float:right; background:#4D8395 url(/img/two.gif); color:#E6EFF2;}
.advert li h2 {font-size:18px; margin-bottom:5px; color:#FFF;}

/* advert 2*/
.advert2 {}
.advert2 ul {}
.advert2 ul:after {clear: both;content: "";display: block;height: 0;visibility: hidden;}
.advert2 li {padding:10px;}
.advert2 li a {color:#FFF;}
.advert2 li.one {width:85%; float:left; background:#069 url(/img/one.gif); color:#DCF0FA;}
.advert2 li.two {width:46%; float:right; background:#4D8395 url(/img/two.gif); color:#E6EFF2;}
.advert2 li h2 {font-size:18px; margin-bottom:5px; color:#FFF;}


/* *************************************************************************** */
/* -- POPUP -- */
.black {	z-index: 290; background: #000; LEFT: 0px; WIDTH: 100%; COLOR: #000000; TOP: 0px; HEIGHT: 100%; display:none; position:fixed;}
.popup {	z-index: 300; width: 480px; position: absolute; top: 80px; padding: 20px; background: #FFF; color: #9695a1; display:none;-moz-border-radius:10px;-webkit-border-radius:10px;}
.popup .close {position:absolute; top:5px; right:5px;}

.popup h2 {font-size:150%; color:#000; margin-bottom:10px;}
.popup ul {}
.popup li {margin-bottom:5px;}
.popup li b {display:block;}
.popup li .input-text {width:350px; padding:5px; background: #FFF; border: 1px solid #CCC;}
.popup li textarea {width:350px; height:70px; padding:5px; background: #FFF; border: 1px solid #CCC;}
.popup li .red {color:#f30;}

/* table */

#right-side-pad table {}
#right-side-pad p {margin-bottom:20px;}
#right-side-pad strong {font-weight:bold;}
#right-side-pad table.table td, .blocker table td  {padding:3px; border-bottom:1px dashed #CCC;}
#right-side-pad table.table td.sectiontableheader, .blocker table td.sectiontableheader  {font-weight:bold;}

/* *************************************************************************** */
/* -- TOOLTIP -- */
#tooltip{position:absolute;border:1px solid #000;font-size:92%;background:#FFFFE1;padding:2px 5px;color:#333;display:none; z-index:1000;}	
#tooltip{width: expression(this.offsetWidth > 251?"250"?:"this.offsetWidth");max-width:250px;}	

/* *********************************************************************************** */
/* -- DEFAULTS -- */
.rel {position:relative; } .abs {position:absolute; } .top0 {top:0;} .left0 {left:0;} .bottom0 {bottom:0;} .right0 {right:0;}
.displayNone {display:none; } .displayBlock {display:block;}
.clear {clear:both; line-height:1px; height:1px;}
.left {display:block; float:left;}
.right{display:block; float:right;}
.noneOutline {outline:0px; ie-dummy:expression(this.hideFocus=true);}