body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin: 0 0 20px;
color: #666666;;
background: #F1F7E9 url(grafika/bbg.jpg) no-repeat top;
}

a, a:hover {color:#0076CB; text-decoration:none;}
p {margin:10px 0; padding:0;}
#clear {clear:both;}
h1{font-size:18px; color:#8CC63F; margin:10px 0;}
h2{font-size:16px; color:#8CC63F;}
form{padding:0; margin:0;}

#wrap {width:700px;margin-right:auto;margin-left:auto;margin-top:0px;padding:0px;text-align:left; position:relative;}
#wrap100 {width:700px;margin-right:auto;margin-left:auto;margin-top:0px;padding:0px;text-align:left;}

#header {color:#FFFFFF; height:145px;}
#header img.logo {position:absolute; left:-160px; top:45px;}
#header img.logout {position:absolute; right:71px; top:5px;}
#header img.rss {position:absolute; right:35px; top:5px;}
#header img.info {position:absolute; right:0px; top:5px;}

#footer{padding:10px 0; border-top:1px #CCCCCC solid;}

#center{width:470px; float:left;}
#center_c{width:700px;}

#right{width:180px; float:right;}

#response{padding:10px; margin:0 0 10px;}

/*TABI*/
#container
{
margin-top:20px;
width: 470px;
position:relative;
}

.ui-tabs-nav
{
border-bottom:1px solid #cccccc;
float:left;
font-size:12px;
margin:0 0 10px;
padding:5px 0;
width:100%;
}
.ui-tabs-nav a, .ui-tabs-nav a:hover {color:#ffffff;font-weight:bold;}
.ui-tabs-nav li
{
display: inline;
text-align: center;
padding:5px 10px;
background-color: #cccccc;
}

.ui-tabs-hide { display: none; }
.ui-tabs-nav .ui-tabs-selected{background-color: #8CC63F;}
.ui-tabs-loading{color:#cccccc}
/*.ui-tabs-loading em {padding:0; background: url(grafika/loading1.gif) no-repeat; color:#cccccc}*/

.zapis {margin:0 0 10px; border-bottom:1px #CCCCCC solid;}
.zapis p {margin:0 0 5px; padding:0 0 3px;}
.zapis p.user {margin:0; text-align:right; color:#CCCCCC;}
.zapis p.user span.info{float:left; color:#0076CB;}
.zapis p.no_comm{color: #999999}

.senestrinjam{color:#FF0000;}
.sestrinjam{color:#00CC33;}

.kat{padding:3px 10px; margin:10px 0;}
/*KONEC TABI*/

#rant{margin:30px 0;}
#rant p{font-size:22px;}

#rant p.user {margin:0; text-align:right; color:#CCCCCC; font-size:16px; font-weight:bold;}
#rant p.user span.info{float:left; color:#0076CB;}

#rant h2 {margin-left: 50px;}
#rant .tell {margin-left: 50px;}
#rant .prijavi {margin-left: 50px;font-size:12px;}
#rant .comment {margin-left: 50px; margin-bottom:10px; border-bottom:1px #CCCCCC solid;}
#rant .comment  p{font-size:12px;}
#rant .comment  p.user{margin:0; text-align:left; color:#666666; font-size:12px; font-weight:bold;}

.options{padding:10px; margin:10px 0; background-color:#eaeaea; border:1px #CCCCCC solid;}

.napaka {background-color:#FA9400; color:#FFFFFF; padding:5px 15px;}
.napaka p {margin:5px 0;}

form.gen  {margin:0; padding:0;}
form.gen input {width:285px; margin:0; border:1px #999999 solid; padding:5px;}
form.gen select {width:285px; margin:0; padding:0;}
form.gen label {width:150px; display:block; float:left; text-align:right; margin-right:5px; padding:6px 0 2px; font-weight:bold;}
form.gen input.submit {width:295px; border:1px #75A733 solid; background-color:#8CC63F; color:#FFFFFF; margin:5px 0; padding:5px; margin-left:155px; font-weight:bold; cursor:pointer;}
* html form.gen input.submit {margin-left:160px;}

a.btn {border:1px #75A733 solid; background-color:#8CC63F; color:#FFFFFF; padding:5px; text-align:center;font-weight:bold; width:100px; display:block;}
a.btn:hover {color:#FFFFFF;}

.promo {width:630px; height:40px; border:1px #999999 solid; color:#666666;}
.altr {color:#999999; font-style:italic;}