@charset "utf-8";
/* Prati.ba CSS */
/*   */

* { margin:0; padding:0;outline:none; }
body { 
	background: #C5CFDE url(http://img.prati.ba/bgz/bg1.png) repeat fixed center top;
	font-family:Arial, Helvetica, sans-serif; 
	text-align:center; 
}
::selection {
	background: #929DA9; color:#FFF;/* Safari */
	}
::-moz-selection {
	background: #929DA9; color:#FFF; /* Firefox */
}
a { color:#34627C;cursor:pointer;text-decoration:none;}
a:visited,a:link {color:#34627C;text-decoration:none}
img {border:0 none;}
h1, h2, h3, h4, h5, h6 {clear:both;font-family:arial;margin:0 0 5px;}
h1 { color:#333;font-family:Arial, Helvetica,sans-serif;font-size:26px;letter-spacing:-1px;margin:0 0 5px; }
h2 { font-size:17px;padding:0 0 5px; }
h2.podvuci {border-bottom:2px solid #000;color:#000;font-family:Helvetica,Arial,"Lucida Sans Unicode",Tahoma,Verdana,Arial,Helvetica,sans-serif;font-size:22px;font-weight:400;padding:0 2px 5px;margin:0 0 10px;}
h2.headline {border-bottom:1px dashed #555;color:#555;font-family:"Trebuchet MS",Tahoma,Verdana,Arial,Helvetica,sans-serif;font-size:19px;font-weight:400;letter-spacing:-1px;padding:0 2px 5px;margin:10px 0;}
h3 { color:#000; background:#fafafa; border-bottom:1px solid #ddd; padding:8px 4px;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:11px;margin:5px 0 5px;position:relative; }
h3 img{margin:0 0 -3px;}
h4 {font-family:Segoe UI,Arial,sans-serif;font-size:16px;font-weight:700;border-bottom:2px solid #eee;color:#777;line-height:30px;}
ul {list-style:none}
small {font-size:11px;font-family:'verdana',sans-serif;}
small strong{font-size:10px;}
ol {list-style:none;display:block;margin:10px 0 0;}
ol li {display:block;clear:both;padding:4px;border-left:4px solid #ccc;margin:0 0 10px 6px;background:#f5f5f5;}

/* CONTENT */
#errorDiv,#uspjehDiv, #loading, #popap {cursor:pointer;font-size:35px;font-weight:700;font-family:arial,sans-serif;text-align:center;width:100%;min-height:45px;padding:10px 0;z-index:10000;position:fixed;}
#errorDiv{background:#ffd1d1;border-bottom:3px solid #ffa2a2;color:#c00;top:0;left:0;}
#uspjehDiv {background:#eaffd1;border-top:3px solid #d2ff9e;color:#4e9000;bottom:0;left:0;}
#loading { background:#fff;border-top:3px solid #ddd;color:#999;bottom:0;left:0; }
#loading img { margin-top: -20px; }
#popap {background:#fafafa;border-top:3px solid #ddd;color:#aaa;bottom:0;left:0;}
#buggaj {background:#fafafa;border:1px solid #eee;color:#34627C;font-size:11px;text-align:center;position:fixed;bottom:0;right:0;width:115px;padding:7px;z-index:5000;-moz-border-radius-topleft:5px;}
#buggaj:hover {text-decoration:underline;}
#wrapper { margin:0 auto;width:860px; text-align:left;overflow:hidden;}
p#shdwt{clear:both;display:block;height:10px;margin:0 auto;padding:0;border:0;}
p#shdwb{clear:both;display:block;height:10px;margin:0 auto;padding:0;border:0;}
.wrap {background:#FFFFFF;font-size:12px;height:auto;overflow:hidden;position:relative;min-height:600px;}
.wrap .main { background:#fff;margin:0 auto 0;padding:20px 20px 10px;height:auto;overflow:hidden;position:relative; }
div#full {height:auto;overflow:hidden;clear:both;}
.skriven {display:none;}
p.mala {font-size:11px;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;padding:2px 4px;}
.tab {clear:both;display:block;height:auto;overflow:hidden;border-bottom:2px solid #333;}
.tab strong, .tab a{background:#333 url(/style/tab-def.png) no-repeat 0 0;color:#fff;display:block;font-family:Trebuchet MS,Arial Narrow,Arial,sans-serif;font-weight:400;float:left;padding:0 0 0 5px;}
.tab span {background:#333 url(/style/tab-def.png) no-repeat 100% 0;display:block;font-size:20px;float:left;height:22px;margin:0;padding:7px 10px 7px 5px;width:auto;}
.tabdtg, .tabdt, .tabdts { background:#EFF6E8;color:#507D1E;font-family:Tahoma,sans-serif;font-size:11px;padding:8px 15px;margin:0 0 7px;}
.tabdt, .tabdt:hover { background:#f5f5f5;color:#666;}
.tabdts { background:#F0EEE7;color:#4B4630; }
div.tab ul.pagination {padding:0;margin:4px 0 0;}
div.tab ul.pagination li span, div.tab ul.pagination li a{border:0 none;padding:3px 8px;}
#box {text-align:left;}
#box h3 {color:#fff;background:#929DA9;margin:0 0 5px;font-size:16px;}
.tip {background:#F8FAFC url(/ico/information.png) no-repeat scroll 5% 95%;border-bottom:2px solid #B5D4FE;border-top:2px solid #B5D4FE;color:#666;padding:15px 15px 30px;font-size:11px;font-family:tahoma,sans-serif;}
.tip:hover {color:#333;}
.tip strong{color:#333;font-family:arial,sans-serif;}
.highlight{background:#FDF1C4;}
.pomoc {font-size: 12px; line-height: 18px;}

/* BOJE i BORDERI */
.black {color:#000;}
.red {color:#c00;}
.redbor {border-bottom:2px solid #eaa;}
.blue {color:#08c;}
.bluebor {border-bottom:2px solid #bef;}
.green {color:#529214;}
.greenbor {border-bottom:2px solid #cea;}

/* FONTOVI */
.tahoma {font-family:Tahoma,sans-serif;}

/* HEADER */
#header { background:#929DA9;clear:both;height:36px;padding:7px 5px 6px;position:relative;margin-top:10px; }
a#logo { background:url(/style/kemologo2.png) no-repeat top left;display:block;float:left;height:50px;margin:16px 10px 0 0;width:185px;text-indent:-9000em;position:absolute;top:-11px;left:5px;}
ul.headnav {float:right;margin-top:4px;}
ul.headnav li {display:inline}
ul.headnav li a {color:#fff;display:block;font-family:arial,sans-serif;font-size:12px;font-weight:700;float:left;padding:7px 8px 7px 10px;margin:0 5px 0 0;text-shadow:1px 1px 3px #333; }
ul.headnav li a:hover {background:url(style/darken.png);}
ul.headnav li a:active {background:url(style/darken.png);color:#fff}
ul.headnav li.admin a {color:#ffdede;}
ul#mainnav { float:left;font-size:11px;font-weight:700;left:135px;position:absolute;top:11px;}
ul#mainnav li { display:inline; }
ul#mainnav li a, ul#mainnav li strong{ background:url(/style/darken.png); color:#eee;display:block;float:left;padding:8px 11px;margin:1px 3px 0 0; }
ul#mainnav li a:hover { color:#fff;/*padding:9px 11px 7px;*/ }
ul#mainnav li a:active { text-decoration:underline;}
ul#mainnav li .selected { color:#929DA9;background:#fff;margin:0 3px 0 0;padding:8px 11px 9px; }
ul#mainnav li .selected:hover { color:#929DA9; }
#navi { background:#fff url(/style/navi.png) repeat-x bottom left;border-bottom:2px solid #ddd;color:#666;font-size:11px;font-weight:700;height:auto;overflow:hidden;padding:7px 15px 5px; }
#navi li { display:inline; }
#navi li a, #navi li strong, #navi li em { background:url(/style/naviarrow3.png) no-repeat 2px 1px;display:block;font-style:normal;float:left;padding:1px 1px 1px 17px; }
#navi li a:hover{ background-position:2px -14px; }
#headlogin {margin-left:160px;}
#headlogin label {font-size:11px;}
#headlogin input[type="text"], #headlogin input[type="password"] {width:170px;}
#Pratibox_logo {background:transparent url(http://prati.ba/style/pratibox.png) no-repeat scroll 0 0;height:127px;font-size:13px;padding:15px 0 0;position:absolute;text-align:center;width:301px;z-index:99;}
#Pratibox_logo #Pratibox_close {color:#999;display:block;font-size:14px;font-weight:bold;left:272px;margin:-2px 0 0;position:absolute;}
#Pratibox_logo img {clear:both;margin-top:12px;}


/* FOOTER */
#footer { background:#929DA9;color:white;font-size:11px;font-family:Tahoma,sans-serif;padding:10px 25px;margin:0 auto 10px;height:15px;width:810px;}
#footer a { color:white;font-weight:700;text-shadow:1px 1px 3px #333;}
#footer a:hover { text-decoration:underline; }
#footer ul li {display:inline;float:left;}
#footer ul li a {display:block;float:left;margin:0 5px;font-family:arial,sans-serif;font-size:12px;font-weight:700;color:white;text-shadow:1px 1px 3px #333;}

/* FORMS */
.cssform p {height:auto;overflow:hidden;padding:10px 0;}
.cssform p label {color:#666;display:block;font-size:14px;font-weight:700;font-family:'Trebuchet MS',Arial,sans-serif;cursor:pointer}
.cssform p label input[type="checkbox"]{margin:0 0 -3px;}
.cssform p label.biglabel{background:#f5f5f5;padding:5px;margin:0 0 4px;}
.cssform input[type="text"], .cssform input[type="password"]{-moz-border-radius:3px;border-color:#DDD;border-style:solid;border-width:1px;color:#999;padding:6px;width:200px;font-family:'Lucida Grande',arial,sans-serif;font-weight:700;font-size:14px;}
.cssform input[type="text"].biginput, .cssform input[type="password"].biginput, .cssform textarea.biginput{font-size:13px;}
.cssform textarea {-moz-border-radius:3px;border-color:#ddd;border-style:solid;border-width:1px;color:#666;padding:6px;width:285px;}
.cssform input[type="text"]:focus, .cssform input[type="text"]:active {background-color:#fafafa;border-color:#aaa;color:#000;}
.cssform input[type="password"]:focus, .cssform input[type="password"]:active{background-color:#fafafa;border-color:#aaa;color:#000;}
.cssform textarea{font-family:Verdana,sans-serif;font-size:13px;color:#666;}
.cssform textarea:focus, .cssform textarea:active{background:#fafafa;border-color:#999;color:#000;}
.cssform select{-moz-border-radius:3px;border-color:#DDD;border-style:solid;border-width:1px;padding:5px;font-family:'Lucida Grande',arial,sans-serif;font-weight:700;font-size:14px;color:#999;}
.cssform select.wide option{padding:0 20px 0 0;}
.cssform select:focus, .cssform select:active{border-color:#aaa;background:#fafafa;color:#000;}
form.wide {width:415px;}
div.wide input[type="text"], form.wide input[type="text"] {width:400px;}
div.wide textarea, form.wide textarea {width:400px;height:150px;}

/* BUTTONS */
button, a.button{-moz-border-radius:3px;color:#000;cursor:pointer;display:inline-block;font-family:"Lucida Grande",Tahoma,Arial,sans-serif;line-height:18px;padding:5px 10px 5px 7px;overflow:visible;width:auto;background:#fff;border-color:#DEDEDE #BBBBBB #BFBFBF #DEDEDE;border-style:solid;border-width:1px;font-weight:700;}
button:hover, a.button:hover{background-color:#777;border:1px solid #CCC;color:#fafafa;}
button:active, a.button:active{background-color:#333;border:1px solid #666;color:#FFF;}
button img, a.button img{margin:0 3px -3px 0 !important}
button.ok:hover, a.ok:hover{background-color:#E9EFD1;border:1px solid #AACF81;color:#529214;}
button.ok:active, button.ok:focus, a.ok:active, a.ok:focus{background-color:#529214;border:1px solid #529214;color:#fff;}
button.nok, a.nok {color:#000;}
button.nok:hover, a.nok:hover{background-color:#FBE3E4;border:1px solid #EF959B;color:#D12F19;}
button.nok:active, button.nok:focus, a.nok:active, a.nok:focus{background-color:#D12F19;border:1px solid #D12F19;color:#fff;}
button.neu, a.neu {color:#000;background:#F5F5F5;}
button.neu:hover, a.neu:hover{background-color:#DFF4FF;border:1px solid #A7CEDF;color:#336699;}
button.neu:active, button.neu:focus, a.neu:active, a.neu:focus{background-color:#6299C5;border:1px solid #6299C5;color:#fff;}

/* 404 */
#foroufor {text-align:center;}
#foroufor div.wrappy{height:190px;width:394px;margin:100px auto 100px;}
#foroufor div.wrappy a {background:#929DA9 url(/style/404.png) no-repeat top left;display:block;height:190px;width:394px;text-indent:-9000em;}


/* INDEX */
#landing { background:url(/style/landing.png) no-repeat top left;clear:both;height:300px;margin:0 auto;position:relative;}
#landing p {position:absolute;font-family:'Segoe UI',arial,sans-serif;font-size:12px;height:222px;width:350px;padding:5px 10px;line-height:16px;background:#fff;right:22px;top:54px;}
#landing li a {display:block;height:40px;position:absolute;top:208px;text-indent:-9000em}
#landing li a:hover span {border-bottom:3px dotted #FFFFFF;display:block;line-height:30px;opacity:0.5;}
#landing li a.reg {left:20px;width:178px;}
#landing li a.reg:hover span {width:126px;margin:0 0 0 29px}
#landing li a.raz {left:245px;width:164px;}
#landing li a.raz:hover span {width:141px;margin:0 0 0 19px}
#landing li a span:hover {border-bottom:3px solid #fff;}

/* REGISTRACIJA */
#regform{float:left;width:400px;font-family:'Lucida Grande',sans-serif;}
#regform form {padding:10px;background:#fff;}
#regform label{display:block;float:none;font-size:16px;font-weight:400;}
#regform input[type="text"], #regform input[type="password"]{font-size:20px;font-weight:400;padding:4px;}
#regform input[type="text"]:focus, #regform input[type="password"]:focus{-moz-border-radius-topleft:3px;-moz-border-radius-bottomleft:3px;}
#regform p {border-bottom:1px dotted #ccc;padding:15px 0 15px 0;position:relative}
#regform p.cu {border:0 none}
#regform p.tos {font-size:11px;font-family:arial,sans-serif;font-weight:700;color:#555;}
#regform p.tos a {color:#000;text-decoration:underline;}
div#c2reg {-moz-border-radius:4px;background:lightyellow;border:1px solid #DFDBD2;float:right;padding:20px;width:350px;margin:5px 0 0;font-family:Segoe UI,Arial,sans-serif;font-size:15px;}
div#c2reg li{line-height:20px;font-size:13px;}
div#c2reg h2 {color:#4E463F;border-bottom:2px solid #DFDBD2;margin:0 0 20px;}
#regform em {
	-moz-border-radius:3px;
	height:14px;
	padding:10px 4px 10px 27px;display:block;font-family:arial,helvetica,sans-serif;font-size:11px;font-style:normal}
#regform em.val_ok {background:#E9EFD1 url(/ico/tick.png) no-repeat 6px 10px;}
#regform em.val_fail{background:#FFC0CB url(/ico/cross.png) no-repeat 6px 10px;}
#err_email, #err_username, #err_password {cursor:pointer;position:absolute;bottom:15px;right:0;width:165px;}


ul.pagination {height:auto;overflow:hidden;padding:5px;}
ul.pagination li {display:inline;}
ul.pagination li a {color:#000;display:block;font-family:arial;font-size:11px;float:left;padding:7px 10px 7px 12px;margin:0 0 0 5px;}
ul.pagination li a:hover{background-color:#DFF4FF;border:1px solid #C2E1EF;color:#336699;padding:6px 9px 6px 11px;}
ul.pagination li.selected span{background-color:#333;border:1px solid #333;color:#FFF;padding:6px 9px 6px 11px;display:block;font-family:arial;font-size:11px;font-weight:700;float:left;margin:0 0 0 5px;}
ul.pagination li a:active{border:1px solid #6299C5;padding:6px 9px 6px 11px;}

.badgeadmin, .badgemod, .badgevip, .badgefriend, .badgefriendica {display:block;position:absolute;bottom:0;left:0;text-indent:-9000em;z-index:50;}
.badgeadmin {background:url(/style/badgeadmin.png) no-repeat bottom left;height:75px;width:75px;}
.badgemod {background:url(/style/badgemod.png) no-repeat bottom left;height:75px;width:75px;}
.badgevip {background:url(/style/badgevip.png) no-repeat bottom left;height:75px;width:75px;}
.badgefriend {background:url(/style/badgefriend.png) no-repeat bottom left;height:55px;width:55px;}
.badgefriendica {background:url(/style/badgefriendica.png) no-repeat bottom left;height:55px;width:55px;}

/* PRIVATE MESSAGES */
.dark {color:#777;font-family:'Trebuchet MS',Arial,sans-serif;font-size:14px;font-weight:700;}
ul#pmlist li.dark {padding:0;}
ul#pmlist li {padding:14px 5px;}
ul#pmlist li.bg1 {}
ul#pmlist li.bg2 {background:#f5f5f5;}
ul#pmlist li.nova {background:#F9FFEB ;}
.npimg {display:block;position:absolute;top:0;right:0;width:82px;height:19px;text-indent:-9000em;color:#fff;background:#c00 url(/style/novaporuka.png) no-repeat 0 0;}
#pmForm .quote{float:none;width:400px;margin:0;}
#pmForm h3{margin:0 0 10px;}

/* PROFIL */
h1.profilNick {font:normal 34px Arial, Helvetica, sans-serif;font-weight:700;margin:0 0 15px;}
#plijevo {width:200px;float:right;height:auto;}
#psred{width:600px;float:left;height:auto;overflow:hidden;min-height:650px;}
.omotanl {margin:0 0 10px;}
.omotanl h3 {margin:0;}
.updstatus {padding:0;height:125px;margin:0 0 5px;overflow:hidden;}
.updstatus label{clear:both;color:#444;cursor:pointer;display:block;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:13px;font-weight:700;height:24px;}
.updstatus h1 label{float:left;color:#888;font-size:24px;font-weight:400;height:30px;font-family:'Trebuchet MS',Arial,sans-serif;}
.updstatus #count{float:right;}
.plus {color:#929DA9;}
.minus {color:#c00;}
.updstatus textarea { color:#555;background:#FBFBFB;clear:both;border:1px solid #DFDFDF;font:normal 15px Arial; height:40px;margin:0 0 5px;padding:4px;width:590px;overflow:hidden;overflow-y:auto;}
.updstatus .statusChangeFocus {border-width:2px;width:588px;height:38px;background:white;}
#statusInfo {color:#777;font-size:11px;}
ul.statusi {list-style:none;height:auto;overflow:hidden;}
ul.statusi li {border-bottom:1px solid #E6E6E6;clear:both;display:block;height:auto;overflow:hidden;padding:14px 0;position:relative;}
ul.statusi li.p {padding:10px 0;}
ul.statusi li.komt {border-bottom:1px solid #eee;border-top:2px solid #ddd;margin:0;}
ul.statusi li .prateesh{background:#F4F4F4 none repeat scroll 0 0;border:1px solid #DDDDDD;font-size:11px;font-weight:700;position:absolute;right:0;top:15px;}
ul.statusi li .prateesh img{margin:0 3px -3px 0 !important;}
ul.statusi li .prateesh a {display:block;height:12px;padding:7px 7px 7px 25px;width:100px;background:#FEFEFE url(/ico/user_spry2.png) no-repeat scroll 6px 5px;}
ul.statusi li .prateesh a.addhim {background-position:6px -48px;}
ul.statusi li .prateesh a.addhim:hover {background-position:6px -74px;}
ul.statusi li .prateesh a.delhim {background-position:6px -100px;}
ul.statusi li .prateesh a.delhim:hover {background-position:6px -126px;}
ul.statusi li .prateesh a.pr {background:url(/ico/tick.png) no-repeat 6px 6px;}
ul.statusi li:hover {border-color:#ddd;}
ul.statusi li .friend {width: 55px; float: left;margin:0;}
ul.statusi li .statusWrap {width:360px; float:right;}
.sw {width:90%;float:right;padding:1px 0 0;}
.swf {padding:1px 0 0;}
.swr {height:auto;overflow:hidden;}
.st {color:#333;font-family:'Lucida Grande',sans-serif;font-size:14px;margin:0 0 10px;line-height:19px;}
.uvecan {font-size:24px;line-height:28px;}
.st a{color:#34627C;}
.st a:active{background:#34627C;color:#fff;}
.st a:hover{text-decoration:underline}
.st a.staba {border:1px solid #ccc;padding:0 3px;/*opacity:0.9;*/}
.st a.ako, .st .ako:active{color:#fff;background:#d32e2e;border-color:#b92e2e;}
.st a.ako:hover{background:#c00;border-color:#aa0000;}
.st a.idem, .st .idem:active{color:#fff;background:#ed7f1e;border-color:#cb6c19;}
.st a.idem:hover{background:#ec7206;border-color:#c65d00;}
.st a.mislim, .st .mislim:active{color:#fff;background:#1993d0;border-color:#1984bb;}
.st a.mislim:hover{background:#08c;border-color:#0078b5;}
.st a.mrzim, .st .mrzim:active{color:#fff;background:#000;border-color:#484848;}
.st a.mrzim:hover{background:#000;border-color:#484848;}
.st a.Prati, .st .Prati:active{color:#fff;background:#b1b1b1;border-color:#838383;}
.st a.Prati:hover{background:#aaa;border-color:#777;}
.st a.osjecam, .st .osjecam:active{color:#fff;background:#2fcad4;border-color:#2fa0a7;}
.st a.osjecam:hover{background:#00bfcb;border-color:#008a93;}
.st a.vjerujem, .st .vjerujem:active{color:#fff;background:#cf5c19;border-color:#9b4b19;}
.st a.vjerujem:hover{background:#cb4c00;border-color:#913700;}
.st a.volim, .st .volim:active{color:#fff;background:#d0196f;border-color:#a5195a;}
.st a.volim:hover{background:#cc0060;border-color:#9b0049;}
.st a.znam, .st .znam:active{color:#fff;background:#bfd42f;border-color:#9cad2f;}
.st a.znam:hover{background:#b2cc00;border-color:#879b00;}
.st a.zelim, .st .zelim:active{color:#fff;background:#1980a5;border-color:#196079;}
.st a.zelim:hover{background:#00739B;border-color:#00506c;}
p.sd { color:gray;font-family:Tahoma,Arial,sans-serif;font-size:11px;line-height:14px;margin:5px 0;}
.desnofeed a, .thumbzn, .thumbzu, .thumbzd { color:#ccc;font-size:11px;height:12px;width:auto;padding: 2px 2px 2px 17px;margin:0; }
.statusi h1, .statusi h2, #statusList h1{
	font:normal 22px Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	display:block;
	clear:both;
	color:#555555;
	padding:8px 0 0 0px;
	position:relative;
}
.desnofeed a.odgzz{background-image:none;}
ul.statusi li:hover p.sd , 
ul.statusi li:hover p.sd a, 
ul.statusi li:hover p.sd .thumbzn, 
ul.statusi li:hover p.sd .thumbzu, 
ul.statusi li:hover p.sd .thumbzd {color:#333;}
.desnofeed a { background-image:url(/style/stbuts.png);background-repeat:no-repeat;border:1px solid #fff; }
.desnofeed a:hover {border:1px solid #ddd;background-color:#fafafa;color:#666;}
p.sd .desnofeed {float:right;}

.thumbzd { background:url(/style/std.png) no-repeat 0 0; }
.thumbzn { background:url(/style/stn.png) no-repeat 0 0; }
.thumbzu { background:url(/style/stu.png) no-repeat 0 0; }
.sk { clear:both;overflow:hidden;padding:0;position:relative;margin:10px 0 0; }
.sk .friend { margin:0; }
.skFwrap {height:130px;overflow:hidden;position:relative;width:544px;}
.sk textarea{ height:68px; width:525px; right:0; position:absolute;top:0;margin:0;}
.sk textarea:focus{ background:#fff;}
.sk .nok{ position:absolute; bottom: 10px;right:92px;width:91px;}
.sk .ok{ position:absolute;bottom:10px;right:0px;width:91px; }
ul.profilmenu li a {background:#fefefe url(/ico/user_spry2.png) no-repeat scroll 6px 6px;border:1px solid #fff;display:block;color:#333;clear:both;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:11px;padding:6px 5px 6px 29px;}
ul.profilmenu li a:hover {background-color:#FAFAFA;background-position:6px -26px;color:#000;border-color:#ccc;}
ul.profilmenu li a:active {background-color:#000;border-color:#000;color:#fff;padding:6px 5px 6px 29px;}
ul.profilmenu li a.sendpm {background-position:6px 6px;}
ul.profilmenu li a.sendpm:hover {background-position:6px -20px;}
ul.profilmenu li a.addhim {background-position:6px -45px;}
ul.profilmenu li a.addhim:hover {background-position:6px -71px;}
ul.profilmenu li a.delhim {background-position:6px -97px;}
ul.profilmenu li a.delhim:hover {background-position:6px -123px;}
ul.profilmenu li a.addblock {background-position:6px -152px;}
ul.profilmenu li a.addblock:hover {background-position:6px -178px;}
ul.profilmenu li a.delblock {background-position:6px -204px;}
ul.profilmenu li a.delblock:hover {background-position:6px -230px;}
ul.profilmenu li a.rss{background-image:url(/ico/rss.png);}
ul.profilmenu li a.rss:hover{background-position:6px 6px;}


ul.profilmenu li#buddyadd a{font-weight:bold;font-size:14px;font-family:Trebuchet MS,Arial,sans-serif;}
ul.pratimprate {clear:both;height:auto;overflow:hidden;}
ul.pratimprate li {display:inline;}
ul.pratimprate li a {border-color:#fff;border-width:1px;border-style:solid;display:block;float:left;height:50px;width:95px;position:relative;text-align:center;font-family:georgia;}
ul.pratimprate li a.prateme {float:right;}
ul.pratimprate li a.prateem {float:left}
ul.pratimprate li a.active { border-color:#c0c0c0;background:#F5F5F5;}
ul.pratimprate li a strong {clear:both;font-size:23px;font-family:Arial,sans-serif;}
ul.pratimprate li a small {color:#888;clear:both;font-size:10px;font-family:Tahoma,arial,sans-serif;}
ul#tabbed {clear:both;display:block;height:auto;list-style:none;overflow:hidden;border-bottom:2px solid #333;position:relative;}
ul#tabbed li {display:inline;}
ul#tabbed li a{background:#eee url(/style/tab-def.png) no-repeat 0 0;color:gray;display:block;float:left;margin:0 3px 0 0;padding:0 0 5px 5px;}
ul#tabbed li a span {background:#eee url(/style/tab-def.png) no-repeat 100% 0;display:block;font-family:Trebuchet MS,Arial,sans-serif;font-size:20px;height:17px;margin:0;padding:7px 10px 7px 5px;}
ul#tabbed li a span em {font-style:normal;}
ul#tabbed li a:hover{background-color:#ddd;color:#666;}
ul#tabbed li a:hover span{background-color:#ddd;}
ul#tabbed li.selected a {background:#333 url(/style/tab-def.png) no-repeat 0 0;}
ul#tabbed li.selected a:hover {color:#fff;}
ul#tabbed li.selected a span {background:#333 url(/style/tab-def.png) no-repeat 100% 0;color:#fff;}
ul#tabbed li#stload {height:16px;width:16px;position:absolute;right:7px;top:10px;}
a.tups, a.dwns{width:30px;}
a.tups{background-position:1px 1px;}
a.tups:hover{background-position:1px -24px;}
a.odgaj{background-position:1px -49px;}
a.odgaj:hover{background-position:1px -74px;}
a.stdel{background-position:1px -99px;}
a.stdel:hover{background-position:1px -124px;}
a.dwns:hover{color:#c66e6e;}
a.dwns{background:url(/style/std.png) no-repeat top left;}

#profil-slika {position:relative;height:auto;margin:0 0 7px;text-align:center;min-height:100px;max-height:300px;overflow:hidden;}
#uplSliku {background:#fff;border:4px solid #eee;padding:10px 20px;position:absolute;top:0;left:0;z-index:2;width:250px;}
#brisiSliku, #editSliku {background:#fff;border:1px solid #fff;border-bottom:1px solid #999;position:absolute;top:0;padding:6px;width:88px;}
#brisiSliku { right:0; }
#editSliku { left:0; }
#brisiSliku:hover,#editSliku:hover {background:#000;border:1px solid #444;border-bottom:1px solid #222;color:#fff;}
li#joshStatusa{border:0 none;font-size:20px;font-weight:700;}
li#joshStatusa:hover{background-color:#fff;}
li#joshStatusa a{background:transparent url(/style/joshstatusa2.png) no-repeat scroll 0 0;color:#777;clear:both;display:block;height:23px;line-height:20px;padding:7px 0 5px;text-align:center;}
li#joshStatusa a:hover{background-position:0px -35px;color:#333;}
li#joshStatusa a:active, li#joshStatusa a:focus{background-position:0 -70px;color:#000;}
li#joshStatusa.loudingnove a {text-indent:-9000em;background:#fff url(/style/ajax-loader.gif) no-repeat 305px 5px;border:1px solid #fff;height:21px;}
li#joshStatusa.neimaVishe {text-align:center;background:#fff;border:1px solid #fff;height:21px;}
div#ovdjeJosh {}
.komt{clear:both;height:auto;overflow:hidden;margin:0 0 2px;}
.komt div.teikste{margin:0 0 0 60px;min-height:40px;background:#eee;padding:5px;width:400px;}

/* PODESI */
div.topwrap { background:#d9d9d9;color:#4B4630; height:70px; margin:1px 1px 11px; padding:15px;position:relative;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px; }
div.topwrap h1 { color:#4B4630; font-weight:400; }
div.topwrap small { font-size:16px;color:#9A9684; }
div.topwrap img.mojavatar { position:absolute;top:15px;right:15px; }
div.topwrap p {font-size:12px; }

ul#editmenu {list-style:none;height:auto;overflow:hidden;position:absolute;left:17px;bottom:0; }
ul#editmenu li{background:url(/style/tab-profil.png) no-repeat 100% -100px;display:inline;padding:0 5px 0 0;float:left;margin:0 2px 0 0;}
ul#editmenu li:hover {background-position:100% -200px;}
ul#editmenu li:hover a{background-position:0 -200px;background-color:#f5f3f0}
ul#editmenu li a{background:#f0eee7 url(/style/tab-profil.png) no-repeat  0 -100px;color:#666;display:block;font-size:15px;font-weight:700;height:17px;padding:8px 11px 8px 15px;}
ul#editmenu li.selected {background-position:100% 0;color:#000;}
ul#editmenu li.selected a{background-position:0 0;color:#000;padding:8px 11px 10px 15px}
ul#editmenu li.selected:hover a{background-position:0 0;color:#000;}
ul#editmenu li a:active {color:#000;}
ul#editmenu li a#active{background-color:#6299C5;color:#fff;}
#editwrap { height:auto;overflow:hidden;padding:15px 0;}
.editpad {padding:15px;}

#saKim {color:#fff7a0;font-family:Trebuchet MS,sans-serif;font-style:normal;font-weight:700;text-transform:uppercase;}
ul.sidemenu {list-style:none;margin:4px 0 0;}
ul.sidemenu li a{clear:both;display:block;height:47px;border-color:#eee;border-style:solid none solid solid;border-width:1px 0 1px 2px;margin:0 0 4px;text-indent:-9000em;-moz-border-radius-topleft:5px;-moz-border-radius-bottomleft:5px;}
ul.sidemenu li a:hover{border-color:#ddd;}
ul.sidemenu li a.selected{border-color:#ccc;border-width:1px 0 1px 3px;}

ul.sidemenu li a#hotmail{background:url(/style/invajterspry.png) 0 0;}
ul.sidemenu li a#gmail{background:url(/style/invajterspry.png) -144px 0;}
ul.sidemenu li a#yahoo{background:url(/style/invajterspry.png) -288px 0;}
ul.sidemenu li a#facebook{background:url(/style/invajterspry.png) -432px 0;}
ul.sidemenu li a#twitter{background:url(/style/invajterspry.png) -576px 0;}
ul.sidemenu li a#myspace{background:url(/style/invajterspry.png) -1152px 0;}
ul.sidemenu li a#linkedin{background:url(/style/invajterspry.png) -864px 0;}
ul.sidemenu li a#hi5{background:url(/style/invajterspry.png) -720px 0;}
ul.sidemenu li a#orkut{background:url(/style/invajterspry.png) -1008px 0;}

div#invwrap {float:left;width:600px;padding:20px;border-color:#ddd;border-style:solid;border-width:1px;min-height:240px;}
div#invajter {}
form#invajtforma p{padding:20px 0;}
form#invajtforma label{color:#999;font-weight:700;display:block;width:150px;float:left;font-size:16px;text-align:right;padding:3px;}
form#invajtforma input{padding:4px;border:1px solid #aaa;width:320px;color:#333;font-family:Arial,sans-serif;font-size:14px;font-weight:700;}
ul.kontakti li {border-bottom:1px solid #CCCCCC;clear:both;height:auto;overflow:hidden;padding:10px 0 5px;}
ul.kontakti li.sd {background:#fafafa;}
.listy {height:auto;overflow:hidden;border-bottom:1px solid #ccc;clear:both;padding:10px 0 5px 0;}
.chk {display:block;float:left;height:15px;padding:1px 5px 5px 15px;width:15px;}
.cntinfo {float:left;width:220px;overflow:hidden;padding:0 0 0 10px;}
.cntinfo label {font-size:10px;text-align:left;width:200px;color:#666;}

#pickColor {width:400px;float:left;}
.color {background:transparent url(/style/col_wrap.png) no-repeat scroll 0 0;display:block;float:left;height:32px;margin:0 12px 12px 0;width:32px;text-indent:-9000em;}
#pickColTpl{width:300px;float:right;overflow:hidden;height:auto;}
#pickColTpl li a {display:block;clear:both;cursor:pointer;height:auto;overflow:hidden;padding:8px 8px 0 16px;border-bottom:1px dotted #eee;}
#pickColTpl li a:hover, #pickColTpl li a:active {background:#f4f4f4;border-color:#ddd;}


/* PRIJATELJI */
ul.buddylist {clear:both;height:auto;overflow:hidden;padding:5px 0;}
ul.buddylist li {display:inline;float:left;height:auto;margin:5px;overflow:hidden;}
ul.buddylist li a.friend {margin:0 5px 5px 0;}
a.friend {display:block;float:left;margin:0 10px 10px 0;position:relative;height:50px;width:50px;overflow:hidden;}
a.friend em{background:url(/style/avatarbg2.png) top left;color:#fff;cursor:pointer;display:block;font-size:11px;font-style:normal;height:14px;width:50px;padding:36px 0 0;position:absolute;top:0;left:0;text-align:center;text-indent:-9000em;z-index:5;}
a.friend em.uvijek{text-indent:0;background-position:left bottom;}
a.friend:hover em {background-position:bottom left;text-indent:0;}
a.friend img {height:50px;width:50px;}

#desno {width:200px;height:auto;float:right;display:inline;background:#EFEFEF url(/style/prelivindex.gif) bottom repeat-x;padding:0 0 100px;-moz-border-radius:5px;overflow:hidden;}
#desno ul.ccc li{width:200px;}
#desno ul.ccc li a{color:#34627C;display:block;padding:6px 12px 6px 12px;border-bottom:1px solid #EFEFEF;}
#desno ul.ccc li a:hover{background:#F5F5F5;}
#desno ul.ccc li a.aktivan{background:#F9F9F9;}
#desno p {padding:6px 12px 6px 12px;}
#desno p.info span {background:#fff;}
#desno p.naslov{background:#E0E0E0;border-top:2px solid #C8C8C8;font-size:11px;font-weight:700; color:#555;width:184px;}
#desno p.naslov a{float:right;top:0;right:0;width:36px;height:14px;margin:0 2px 0 2px;color:#777;padding:0;text-align:center;border:0;}
#desno p.naslov a:hover{background: #D1D1D1 url('/pictures/desnonaslovs2.gif') no-repeat;}
#desno p.naslov a.aktivan{background: #D1D1D1 url('/pictures/desnonaslovs.gif') no-repeat;color:white;}


/* FEED */
.cloud { background:#eee;clear:none;color:#555;margin:0 0 0 30px;padding:10px;width:420px;}


#pridruzise {background:transparent url(/style/pridruzise.png) no-repeat scroll 0 0;width:266px;height:53px;position:absolute;left:230px;top:195px;text-indent:-9999px;}
#pridruzise:hover {	background-position: 0 -54px;}
#pridruzise:active, #pridruzise:focus{ background-position:0 0;}
#landingi {color:#333;font-size:16px;position:absolute;width:280px;height:190px;left:235px;top:105px;text-align:left;}
#pretraga {color:#c0c0c0;width:167px;height:17px;padding:4px;background:#FBFBFB;margin-left:10px;border:1px solid #D7D7D7; }

.sug ul {background:white;border-left:1px solid #c0c0c0;border-right:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0;}
.sug ul li {cursor:pointer;padding:5px;background:white;}
.sug ul li:hover {background:#fff;}
.prl {float:left; padding:4px; border-bottom:2px solid #c0c0c0;font-size:14px;margin:3px;text-align:center;background:#E8E8E8;color:#333;width:45px;}
.prl span{font-size:9px;}

#fontovi_lista {width:100%;height:260px;overflow-x:hidden;overflow-y:scroll;}
#fontovi_lista p {padding:6px;border-bottom:1px solid #c0c0c0;}
#fontovi_lista p.aktivan {background:#CCFFCC;}
#fontovi_lista p a {width:100%;display:block;}
#korisnik {margin:10px;margin-bottom:10px;height:114px;font-size:18px;overflow:hidden;}