/* -------------------------------------------------------------------------------------- + + Simplified CSS (kinda) framework - v1 + http://www.simplifiedstudio.com + + Thanks: + - Eric Meyer (http://meyerweb.com/eric/tools/css/reset) + - Wilson Miner (http://www.alistapart.com/articles/settingtypeontheweb) + -------------------------------------------------------------------------------------- */ /* Imports */ @import url('../javascript/markitup/skins/simple/style.css'); /* BB Editor */ /* + GLOBAL RESETS - DO NOT MODIFY THESE ---------------------------------------------------------------------------- */ html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, cite2, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; border: 0;} html{ overflow-y:scroll;} body{ line-height: 1; color: #000; background: #fff; } ol, ul{ list-style: none;} table{ border-collapse: separate; border-spacing: 0;} caption, th, td{ text-align: left; font-weight: normal;} blockquote:before, blockquote:after,q:before, q:after {content: " ";} blockquote, q{quotes: "" "";} textarea{overflow:auto; resize: none;} /* + BASIC TYPOGRAPY ---------------------------------------------------------------------------- */ body{ font: normal 12px/18px "lucida grande",tahoma,verdana,arial,sans-serif;} strong{font-weight: bold;} em{font-style: italic;} small{font-size: 11px;} span.small{font-size: 9px;} /* + BASIC STYLES ---------------------------------------------------------------------------- */ .left{float: left;} .right{float: right;} .hide{display: none;} .empty{visibility: hidden;} .centar{text-align: center;} .centar2{float: center;} .clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix{ display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix{ height: 1%;} .clearfix{ display: block;} div.odvoji { content: "."; display: block; height: 7px; clear: both; visibility: hidden;} div.odvoji2 { content: "."; display: block; height: 14px; clear: both; visibility: hidden;} div.odvoji3 { content: "."; display: block; height: 28px; clear: both; visibility: hidden;} br.clearfix{ display: block; clear: both; height:20px; } /* + MYCITY NETWORK ---------------------------------------------------------------------------- */ /* + MYCITY NETWORK ---------------------------------------------------------------------------- */ div#mc-network{ position: absolute; top: 7px; left: 10px; z-index: 999; width: 190px; background: #E2E9ED url('../images2/arrow-ns.gif') 95% 10px no-repeat; cursor: pointer; border: 1px solid #728796;} div#mc-network h3{ height: 30px; line-height: 30px; padding-left: 15px; font-size: 15px; font-weight: bold; color: #282929;} div#mc-network ul{ } div#mc-network ul li{ } div#mc-network ul li a{ font-size: 13px; font-weight: bold; color: #004a8b; text-decoration: none; border-top: 1px solid #C8D5DC; display: block; padding: 6px 15px;} div#mc-network ul li a:hover{ background: #C10000; color: #fff;} /* + LAYOUT ---------------------------------------------------------------------------- */ body{ background: #e2e6e8 url('../images2/header-bg9.png') repeat-x;} #header{ position: relative; display: block; width: 100%; height: 190px;} #content{ position: relative; width: 100%; display: block; clear: both; overflow: hidden;} #content1024{ margin: 0 auto; position: relative; width: 1000px; display: block; clear: both; overflow: hidden;} #warper{ padding: 0px 20px;} /* #main{margin: 0 290px 0 0; padding: 0 0 0 20px; position: relative;} #sidebar{ width: 250px; top: 0; right: 20px; position: absolute;} */ #main{margin: 0; padding: 0 0 0 10px; position: relative;} #main700{width: 715px; margin: 0; padding: 0; position: relative;} #sidebar{ width: 300px; float: right; margin-right: 10px;} #main-full{ padding: 14px 20px 0 20px;} /* Header */ #header div.logo a{ display: block; text-indent: -9999px; height: 110px; width: 245px; background: url('../images2/logo2.png') 0 0 no-repeat; position: absolute; top: 81px;} #header nav#navigation{ top: 5px; right: 8px; position: absolute; background: url('../images2/nav-bg.png') top left no-repeat; height: 34px; padding: 0 0 0 5px; z-index: 1000;} #header nav#navigation li{ float:left; display:block; margin: 2px 2px 1px 1px;} #header nav#navigation li a{ float:left; display:block; color: #fff; height: 22px; line-height: 22px; text-decoration: none; padding: 0 0.7em; font-size: 11px; margin-top: 4px; text-shadow: 1px 1px #7b92a6;} #header nav#navigation li a:hover, #header nav#navigation li a.current{ background: url('../images2/nav-hover-bg.png'); text-shadow: 1px 1px #005580;} #header nav#navigation li.last{ display: block; width: 4px; height: 34px; background: #BDCCDC url('../images2/navigation_close.png') top right no-repeat; margin: 0; padding: 0;} .military_logo { background: url('https://www.mycity-military.com/templates/simplified/images2/logo3m.png') no-repeat scroll 0 0 transparent !important; top: 79px; } /* Search*/ .search { position: relative; width: 252px; height: 23px; display: inline; float: right; right: 20px; top: -44px;} .search_top { position: relative; width: 252px; height: 23px; display: inline; float: right; right: 20px; top: -13px; clear: both;} .search_input { position: absolute; background: none transparent; border: 0 none; border-style: none; width: 176px; height: 23px; background: url('../images2/search_bg.png') no-repeat;} .search_field { position: absolute; background: transparent; font-size: 11px; color: #6387a5; border: none; padding-top: 5px; left: 21px;} .search_go { float: right;} /* Banners*/ .header_banners_top{ display: block; width: 650px; height: 140px; margin: 0 auto; padding-top: 43px; right: 0px; float: right;} .header_banners{ display: block; width: 640px; height: 140px; margin: 0 auto; padding-top: 73px; padding-left: 16em} #banner1 { margin-top: 0px; width: 468px; height: 60px;} #banner1 a { border: none;} #banner2{ margin-top: -70px; } #banner2_top{ top: 0px; margin-top: -50px; margin-right: 60px; right: 10px; display: block; float: right; width: 110px; height: 90px;} #banner2 a{ display: block; width: 110px; height: 90px;} /* Content */ /* MyCity ADS */ .ads{ position: relative; display: block; width: 950px; height: 120px; background: url('../images2/mycity-ads.png'); margin: 1em auto;} .ads2{ position: relative; display: block; width: 1000px; height: 120px; background: url('../images2/mycity-ads3.png'); margin: 1em auto;} .ads3{ position: relative; display: block; width: 1000px; height: 120px; background: url('../images2/mycity-ads4.png'); margin: 1em auto;} #ads_left a{ display: block; float: left; width: 160px; height: 95px; border: none; margin: 15px 0 0 35px;} #ads_left_120 a{ display: block; float: left; width: 120px; height: 60px; border: none; margin: 28px 0 0 35px;} #ads_left_120_90 a{ display: block; float: left; width: 120px; height: 90px; border: none; margin: 15px 0 0 35px;} #ads_center{ display: block; width: 468px; height: 60px; text-align: center; margin: 0 auto; padding-left: 21px; padding-top: 15px;} #ads_center_468{ display: block; width: 468px; height: 60px; text-align: center; margin: 0 auto; position: absolute; margin-left: 230px; margin-top: 27px;} #ads_right_110{ display: block; width: 468px; height: 60px; text-align: center; margin: 0 auto; position: absolute; margin-left: 600px; margin-top: 5px;} #ads_center a{ display: block; width: 468px; height: 60px; border: none; text-align: center; margin: 0 auto;} #ads_center_728 { display: block; width: 728px; height: 90px; text-align: center; margin: 0 auto; padding-left: 150px; padding-top: 15px;} #ads_left_240 { display: inline-block; position:absolute; width: 240px; height: 102px; border: none; margin: 12px 0 0 7px;} #ads_center_728_2 { display: inline-block; position: absolute; width: 728px; height: 90px; text-align: center; margin: 0 auto; margin-left: 267px; padding-top: 13px;} #ads_center_728 a{ display: block; width: 728px; height: 90px; border: none; text-align: center; margin: 0 auto;} #ads_center_728_alone { display: block; width: 728px; height: 90px; text-align: center; margin: 0 auto; padding-left: 0px; padding-top: 15px;} #ads_center_728_alone a{ display: block; width: 728px; height: 90px; border: none; text-align: center; margin: 0 auto;} #ads_right { display: block; float: right; width: 168px; height: 77px; margin: -66px 13px 0 0;} #ads_right a{ display: block; float: right; width: 168px; height: 77px; border: none;} #marketing a{ background: url('../images2/oglasavanje.png') no-repeat; width: 338px; height: 26px; display: block; margin: 0 auto; text-align: center; text-indent: -9999px;} #marketing a:hover{ background: url('../images2/oglasavanje.png') no-repeat 0 -27px; width: 338; height: 26px; display: block; margin: 0 auto; text-indent: -9999px;} #registration { margin: 10px auto; width: 741px; height: 87px; display: block;} #registration span{ display: none;} #registration span a{ dispay: none; text-indent: -9999px;} #registration a{ background: url('../images2/registracija.png') no-repeat; width: 741px; height: 87px; display: block; margin: 0 auto; text-align: center; text-indent: -9999px;} #registration a:hover{ background: url('../images2/registracija.png') no-repeat 0 -86px; width: 741px; height: 87px; display: block; margin: 0 auto;} /* #forum-categories{ width: 253px; height: 38px; margin: 5px auto; margin-bottom: 10px; clear: both; overflow: ;} #forum-categories table#categ { clear: both; height: 34px; margin: 0 auto; padding: 0 0 0 5px; background: url('../images2/categories.png') top left no-repeat;} #forum-categories ul li{ float:left; margin: 2px 2px 1px 1px;} #forum-categories ul#categ li a{ float:left; display:block; color: #fff; height: 22px; line-height: 22px !important; text-decoration: none; padding: 0 7px; margin-top: 4px; text-shadow: 1px 1px #7b92a6; font-size: 11px !important; } #forum-categories ul#categ li a:hover{ background: url('../images2/categories-hover-bg.png'); text-shadow: 1px 1px #005580;} #forum-categories ul#categ li a.current{ background: url('../images2/nav-hover-bg.png'); text-shadow: 1px 1px #005580;} */ #forum-categories {position: relative; display: block; margin-left: auto; margin-right: auto; text-align: center; clear: both; margin-bottom: 10px; margin-top: 10px;} #forum-categories table#categ{ padding: 0px 0px 0px 0px; text-align: center; margin-left: auto; margin-right: auto; } #forum-categories table#categ td{ height: 34px; float:left; display:block; margin: 0px 0px 0px 0px; background: url('../images2/nav-bg2.png') top left no-repeat; } #forum-categories table#categ td a{ float:left; display:block; color: #fff; height: 26px; line-height: 26px; text-decoration: none; padding: 0 1em; font-size: 11px; margin-top: 4px; text-shadow: 1px 1px #7b92a6;} #forum-categories table#categ td a:hover, #forum-categories table#categ td a.current{ background: url('../images2/nav-hover-bg.png'); text-shadow: 1px 1px #005580;} #forum-categories table#categ td.last{ display: block; width: 4px; height: 34px; background: url('../images2/navigation_close.png') top right no-repeat; margin: 0; padding: 0;} #forum-categories table#categ td.first{ display: block; width: 4px; height: 34px; background: url('../images2/navigation_open.png') top left no-repeat; margin: 0; padding: 0;} ul#news-list{ background: #fafcfc url('../images2/news-separator.png') 50% 50% no-repeat; margin-bottom: 1.4em; border-bottom: 1px solid #6f91ae; border-left: 1px solid #c8d5dc; border-right: 1px solid #c8d5dc; overflow: hidden;} ul#news-list li{ float: left; width: 47%; padding: 1% 1.5%;} ul#news-list li h2 a{ font: bold 14px/16px "Trebuchet MS", Arial, sans-serif; text-decoration: none; color: #004a8b;} ul#news-list li a:hover{ color: #c10000;} ul#news-list li p{ font-size: 11px; color: #555;} h2.news-list{ background: url('../images2/group-title-gradient.png') repeat-x; height: 30px; text-align: left; font: normal 10px/30px Verdana, sans-serif; color: #fff; text-transform: uppercase; text-align: left; width: 100%; padding: 0; position: relative; text-shadow: 1px 1px #506d85;} h2.news-list a{ color: #fff !important; font-weight: bold; text-decoration: none; text-transform: none; font-size: 11px; padding-left: 22px; background: url('../images2/forum-title-arrow.gif') no-repeat 12px 50%; text-shadow: 1px 1px #506d85;} table.forum-list, table.infoPanel { width: 100%;} table.infoPanel, table.forum-reply, table.forum-reply2{ margin-bottom: 20px;} .rounded-top-right, .rounded-top-left{ position: absolute; top: 0px !important; display: block; width: 6px; height: 6px;} .rounded-top-left{ left: 0; background: url('../images2/rounded-tl.png') no-repeat;} .rounded-top-right{ right: 0; background: url('../images2/rounded-tr.png') no-repeat;} div.table-holder, .infoPanel div, .forum-list div { position: relative;} div.table-holder {display: block;} .forum-list th, .infoPanel th, .forum-posts th, .forum-reply th, .forum-reply2 th{ margin: 0; padding: 0; background: url('../images2/group-title-gradient.png') repeat-x; height: 30px; text-align: left; font: normal 10px/28px Verdana, sans-serif; color: #fff; text-transform: uppercase; text-align: center; border: none; text-shadow: 1px 1px #506d85;} .forum-list th.cat-title h1 a, .infoPanel th span.naslov a{ color: #fff; text-decoration: none; text-transform: none; padding-left: 22px; background: url('../images2/forum-title-arrow.gif') no-repeat 12px 50%; font: bold 12px/30px Arial, sans-serif !important; text-shadow: 1px 1px #506d85;} .forum-list th.cat-title.levo{ text-align: left !important;} .infoPanel th{ text-align: left !important;} .forum-list tfoot td{ border-top: 1px solid #6f91ae;} p.topicsublinks{ display: block; text-align: right; margin: 0.3em 0em 1em 0;} p.topicsublinks a.rss_link{ background: url('../images2/rss_link.png') no-repeat center left; padding-left: 14px; } p.topicsublinks a.unread_link{ background: url('../images2/unread_link.gif') no-repeat center left; padding-left: 13px; } p.topicsublinks a.top_link{ background: url('../images2/top_link.gif') no-repeat center left; padding-left: 12px; } p.topicsublinks a{ color: #004a8b; padding: 0em 0.4em; font-size: 10.22px; text-decoration: none;} p.topicsublinks a:hover{ color: #C10000; text-decoration: underline;} .forum-list tbody tr { background: #f5f8fa;} .forum-reply tbody tr, .forum-reply2 tbody tr{ background: #f1f3f5;} .infoPanel tbody tr{ background: #f2f6f7;} .forum-list tbody tr:hover{ background: #e8ebed;} .forum-list tbody tr:hover td.row1, .forum-list tbody tr:hover td.row3{ background: #e2e9ed;} /* Ivan: IE 8 - border se nije video zbog position: relative. Ne znam kako ce ovo uticati na ostatak. .forum-list tbody td{ border-bottom: 1px solid #c8d5dc; border-top: 1px solid #f0f4f6; line-height: 1.4em; position: relative;}*/ .forum-list tbody td{ border-bottom: 1px solid #c8d5dc; border-top: 1px solid #f0f4f6; line-height: 1.4em;} td.row1, td.row2, td.row22{ width: 58px; text-align: center; color: #555;} td.row3{ width: 120px; color: #555;} td.row4{ width: 120px;} .forum-list tbody td.row2{ background: #f0f3f5; border-left: 1px solid #c8d5dc;} .forum-list tbody td.row1{ background: #d8e0e5; border-left: 1px solid #c8d5dc;} .forum-list tbody td.row3{ background: #d5dee3; border-left: 1px solid #c8d5dc; border-right: 1px solid #6f91ae;} .forum-list tbody td.row4{ background: #dce4e8; border-left: 1px solid #c8d5dc; text-align: left; border-right: 1px solid #6f91ae; } .forum-list tbody td.row4b{ background: #dce4e8; border-left: 1px solid #c8d5dc; text-align: left; } .forum-list tbody td.row4.notify-red { background: #dce4e8 url('../images2/admin-notify-red.gif') 0 0 no-repeat; } .forum-list tbody td.row4.notify-yellow { background: #dce4e8 url('../images2/admin-notify-yellow.gif') 0 0 no-repeat; } .forum-list tbody td{ padding: 4px 8px; font-size: 12px;} .forum-list tbody td a{ color: #004a8b; text-decoration: none;} .forum-list tbody td h2 a{ font: bold 13px/16px "Trebuchet MS", Arial, sans-serif; text-decoration: none; color: #004a8b;} span.case{ font: bold 13px/16px "Trebuchet MS", Arial, sans-serif; color: #C10000;} .forum-list tbody td a:hover, .forum-list tbody td h2 a:hover{ color: #c10000;} .forum-list tbody td span.desc{ display: block; color: #888; font-style: italic;} .forum-list tbody td span.desc, .forum-list tbody td strong{ } .forum-list td span.admin-notify{ display: inline-block; width: 9px; height:9px; background: url('../images2/admin-notify.gif') 0 0 no-repeat; position: relative; z-index: 99; left: 0px; padding: 0px; margin: 0px; top: -18px;} .forum-list td span.admin-notify.red{ background-position:0 0;} .forum-list td span.admin-notify.yellow{ background-position: bottom left;} .forum-reply tr.hasBorder td, .forum-reply2 tr.hasBorder td{ border-bottom: 1px solid #6286a4; } .forum-reply-border { border-left: 1px solid #6286a4; border-right: 1px solid #6286a4; border-bottom: 1px solid #6286a4; } .forum-reply-border2 { border-bottom: 1px solid #6286a4; } .forum-reply-border3 { border: 1px solid #6286a4; } .forum-posts{ width: 100%; } .forum-posts th h2{ font: bold 12px/30px Arial, sans-serif !important; text-align: left; text-transform: none; padding-left: 12px;} .forum-posts td.post-date{ background: #19477c; margin: 0; padding: 0; text-align: left; font: normal 10px/22px Arial, sans-serif; color: #ffffff; text-indent: 13px; border: 1px solid #6286a4; border-width: 0 0 0 1px; text-shadow: 1px 1px #cee3f2; } .forum-posts td.post-alerts{ margin: 0; padding: 0; text-align: left; border: 1px solid #6286a4; border-width: 0 1px 0 1px; } .forum-posts td.post-date a.ikonica{ background: #19477c url('../images2/post-date.gif') 0px 2px no-repeat; color: #ffffff; text-shadow: 1px 1px #000000; text-decoration:none; padding-left: 15px;} .forum-posts td.post-date a.ikonica2{ background: #19477c url('../images2/post-date.gif') 0px 2px no-repeat; color: #ffffff; text-shadow: 1px 1px #000000; text-decoration:none; padding-left: 15px; background-position: 0px -53px;} .forum-posts td.top{ background: #19477c; margin: 0; padding: 0; height: 22px; font: normal 10px/22px Arial, sans-serif; color: #ffffff; text-indent: 12px; border: 1px solid #6286a4; border-width: 0 1px 0 0; text-shadow: 1px 1px #000000; text-align: right; padding-right: 10px;} .forum-posts div.kontrole{ background: #19477c; margin: 0; padding: 0; height: 22px; font: normal 10px/22px Arial, sans-serif; color: #ffffff; text-indent: 12px; text-shadow: 1px 1px #000000; padding-right: 10px; float: right; display: inline-block;} .forum-posts td.top a{ color: #ffffff; text-decoration: none; padding-left: 16px; line-height: 22px; background: url('../images2/top_link.gif') no-repeat 0% 40%; } .forum-posts td.top a:hover{ color: #ffffff; text-decoration:underline;} .forum-posts a.enablealarm{ color: #ffffff; text-decoration: none; padding-left: 16px; line-height: 22px; background: url('../images2/mc_link3.png') no-repeat 0% 50% !important; } .forum-posts a.enablealarm:hover{ color: #ffffff; text-decoration:underline;} .forum-posts td.person-info{ width: 200px; background: #fff; border-left: 1px solid #6286a4; vertical-align: top;} div.person-info{ width: 160px; background: #bec6cb; margin: 10px auto; padding: 10px; position: relative;} .forum-posts td.post-body{ background: #fff; border-right: 1px solid #6286a4; } div.body-holder{ position: relative; padding: 50px 20px 10px 20px;} .forum-posts td.person-social{ background: #cad3d8; border: 1px solid #6286a4; border-width: 0 1px; border-top: 1px solid #889bab; height: 36px;} .forum-posts td.person-social2{ background: #f2f6f7; border: 1px solid #6286a4; border-width: 0 1px; border-top: 1px solid #889bab; text-align: center; } .forum-posts td.person-social2 div.levi{ margin: 0 auto; display: inline-block; width: 480px; padding: 0 5px; padding-top: 5px; } .forum-posts td.person-social2 div.desni { color: #000000; margin: 0 auto; display: inline-block; padding: 5px 5px; float: right; } .forum-posts td.person-social2 div.desni a { color: #004a8b; } .forum-posts td.post-bottom{ border-top: 1px solid #6286a4; padding: 10px 0 0 0;} div.post-bottom-holder{ position: relative; } .post-bottom ul.pagination{ margin-top: 2px; position: absolute; right: -6px;} .forum-posts td.poll{ background: #e2e9ed; border: 1px solid #6286a4; border-width: 0 1px 1px 1px; border-bottom-color: #e7eff5;} .forum-posts td.poll form{ margin: 0 auto; padding: 0 14px 14px 14px; text-align: center;} .forum-posts td.poll h2{ font-size: 13px; color: #000; text-shadow: 1px 1px #fff; font-weight: bold; margin: 14px 0; text-align: center;} .forum-posts td.poll form label{ display: inline-block; font-size: 11px; color: #464646; text-shadow: 1px 1px #fff; text-align: left; vertical-align: top;} .forum-posts td.poll form label.last{ margin-bottom: 10px;} .forum-posts td.poll form ul li { display: block; text-align: left;} .forum-posts td.poll form ul { padding: 0 0 15px 0;} .forum-posts td.poll a{ color: #004a8b; font-size: 11px; text-decoration:none; margin-left: 10px; text-shadow: 1px 1px #fff;} .forum-posts td.poll a:hover{ text-decoration:underline;} ul#poll-result{ text-align: center; padding: 10px 0;} ul#poll-result li{ display: block; clear: both; padding: 3px 0; text-shadow: 1px 1px #fff;} ul#poll-result li dl{ display: inline-block; } ul#poll-result li dd, ul#poll-result li dt{ float: left; display: block;} ul#poll-result li dt{ text-align: left; width: 250px;} ul#poll-result li dd{ height: 18px; padding: 0; line-height: 18px; background: url('../images2/poll-bg.png') 0 2px no-repeat; display: inline-block; position: relative; width: 410px; } ul#poll-result li dd strong{ position: absolute; width: 70px; left: 210px; text-align: left;} ul#poll-result li div{ background: url('../images2/poll-bar-left.png') 0 0 no-repeat; height: 8px; float: left; margin: 5px 0 0 3px; display: block; position: relative;} ul#poll-result li div span.bar-close{ width: 3px; height: 8px; background: url('../images2/poll-bar-right.png') no-repeat; display: block; position: absolute; right: -3px;} /* Person info */ span.avatar{ position: relative;} span.avatar img{ display: block; margin: 8px auto; padding: 6px; background: #eff6fa; border: 1px solid #95a9b9;} span.avatar2{ position: relative;} span.avatar2 img{ display: block; margin: 4px auto 8px auto; padding: 0 0 6px 0;} span.shadow{ background: #004a8b; } span.status{ width: 29px; height: 26px; display: block; background:url('../images2/user-status.gif') no-repeat; text-indent: -9999px; position: absolute; top: 0; right: 0;} span.online{ background-position: top left;} span.offline{ background-position: bottom right;} span.rip{ width: 29px; height: 26px; display: block; background:url('../images2/rip2.png') no-repeat; text-indent: -9999px; position: absolute; top: 0; right: 0;} .sex{ position: absolute; top: 1px;} .male{ clip:rect(0 16px 16px 0);} .female{ clip:rect(16px 16px 32px 0); top: -16px;} .person-info ul.main, .person-info ul.details{ font-family: Arial, Verdana, Tahoma sans-serif !important;} .person-info ul.main{ margin: 0; padding: 0;} .person-info ul.main li{ position: relative;} .person-info ul.main a.name{ font: bold 13px/16px "Trebuchet MS", Arial, sans-serif; text-decoration: none; color: #004a8b; } .person-info ul.main a.name:hover, .person-info ul.details li a:hover{ color: #c10000;} .person-info ul.main li.rank{ font-size: 11px; font-family: Arial, sans-serif; color: #000; background: #95a9b9; padding: 0 8px; margin-top: 2px;} .person-info ul.details{ margin-top: 10px !important; } .person-info ul.details li{ font-size: 11px; color: #444;} .person-info ul.details li a{ color: #004a8b;} .person-info ul.details li.spacer{ height: 12px; display: block; background: url('../images2/dot-lb.gif') 50% 50% repeat-x;} /* Post body controls */ .post-controls{ top: 0; right: 2em; float: right; position: relative; height: 45px; clear: both; display: block; padding: 0 0; margin: 0 0; margin-bottom: 5px;} .post-controls ul{ list-style-type: none !important; float: right;} .post-controls ul li{ float: left; display:block; margin-right: 4px; background: #cad3d8; border: 1px solid #95a9b9; padding: 3px 4px;} .post-controls ul li a{ display:block; float: left; font-size: 11px; text-decoration: none; line-height: 16px; padding: 0 8px 0 26px; color: #000; height: 16px; text-shadow: -1px -1px #c7cfd4;} .post-controls ul li a:hover{ color: #000;} .post-controls ul li a.lajk{ background:url('../images2/post-lajk.png') top left no-repeat;} .post-controls ul li a.lajk:hover{ background:url('../images2/post-lajk.png') bottom left no-repeat; z-index:25;} .post-controls ul li a.lajk span{display: none} .post-controls ul li a.lajk:hover span{ font-weight: normal; z-index:9999; display:block; position:absolute; top:28px; right:3em; width:30em; border:1px solid #60A5FF; background-color:#F9F9F9; color:#000; text-shadow: none; text-align: center; padding: 3px;} .post-controls ul li a.lajked { background:url('../images2/post-lajk.png') bottom left no-repeat; z-index:25;} .post-controls ul li a.lajked span{display: none} .post-controls ul li a.lajked:hover span{ font-weight: normal; z-index:9999; display:block; position:absolute; text-shadow: none; top:28px; right:3em; width:30em; border:1px solid #60A5FF; background-color:#F9F9F9; color:#000; text-align: center; padding: 3px;} .post-controls ul li a.quote{ background:url('../images2/post-quote.gif') top left no-repeat;} .post-controls ul li a.quote:hover{ background:url('../images2/post-quote.gif') bottom left no-repeat;} .post-controls ul li a.edit{ background:url('../images2/post-edit.png') top left no-repeat;} .post-controls ul li a.edit:hover{ background:url('../images2/post-edit.png') bottom left no-repeat;} .post-controls ul li a.delete{ background:url('../images2/post-delete.png') top left no-repeat;} .post-controls ul li a.delete:hover{ background:url('../images2/post-delete.png') bottom left no-repeat;} .post-controls ul li a.ip{ background:url('../images2/post-ip.gif') top left no-repeat;} .post-controls ul li a.ip:hover{ background:url('../images2/post-ip.gif') bottom left no-repeat;} .post-controls ul li a.alert{ background:url('../images2/post-alert.png') top left no-repeat;} .post-controls ul li a.alert:hover{ background:url('../images2/post-alert.png') bottom left no-repeat;} /* Social */ ul.socials{ float: left; margin-left: 210px;} ul.socials li{ float: left; display:block;margin-right: 4px; background: #eff6fa; border: 1px solid #95a9b9; padding: 3px 4px;} ul.socials li a{display:block; float: left; font-size: 11px; text-decoration: none; line-height: 16px; padding: 0 4px 0 24px; color: #004a8b; height: 16px;} ul.socials li a:hover{ color: #000;} ul.socials li a.icq{ background:url('../images2/social-icq.gif') top left no-repeat;} ul.socials li a.icq:hover{ background:url('../images2/social-icq.gif') bottom left no-repeat;} ul.socials li a.msn{ background:url('../images2/social-msn.gif') top left no-repeat;} ul.socials li a.msn:hover{ background:url('../images2/social-msn.gif') bottom left no-repeat;} ul.socials li a.aim{ background:url('../images2/social-msn.gif') top left no-repeat;} ul.socials li a.aim:hover{ background:url('../images2/social-msn.gif') bottom left no-repeat;} ul.socials li a.profile{ background:url('../images2/social-profile.gif') top left no-repeat;} ul.socials li a.profile:hover{ background:url('../images2/social-profile.gif') bottom left no-repeat;} ul.socials li a.gtalk{ background:url('../images2/social-gtalk.png') top left no-repeat;} ul.socials li a.gtalk:hover{ background:url('../images2/social-gtalk.png') bottom left no-repeat;} ul.socials li a.pm{ background:url('../images2/social-pm.gif') top left no-repeat;} ul.socials li a.pm:hover{ background:url('../images2/social-pm.gif') bottom left no-repeat;} ul.socials li a.yahoo{ background:url('../images2/social-yim.png') top left no-repeat;} ul.socials li a.yahoo:hover{ background:url('../images2/social-yim.png') bottom left no-repeat;} ul.socials li a.twitter{ background:url('../images2/social-twitter.gif') top left no-repeat;} ul.socials li a.twitter:hover{ background:url('../images2/social-twitter.gif') bottom left no-repeat;} ul.socials li a.myspace{ background:url('../images2/social-myspace.gif') top left no-repeat;} ul.socials li a.myspace:hover{ background:url('../images2/social-myspace.gif') bottom left no-repeat;} ul.socials li a.fb{ background:url('../images2/social-fb.gif') top left no-repeat;} ul.socials li a.fb:hover{ background:url('../images2/social-fb.gif') bottom left no-repeat;} ul.socials li a.www{ background:url('../images2/social-website.png') top left no-repeat;} ul.socials li a.www:hover{ background:url('../images2/social-website.png') bottom left no-repeat;} ul.socials li a.blog{ background:url('../images2/social-blog.gif') top left no-repeat;} ul.socials li a.blog:hover{ background:url('../images2/social-blog.gif') bottom left no-repeat;} ul.socials li a.skype{ background:url('../images2/social-skype.gif') top left no-repeat;} ul.socials li a.skype:hover{ background:url('../images2/social-skype.gif') bottom left no-repeat;} /* Topic options */ ul.pagetop{ position: absolute; margin-top: -33px; right: -4px;} ul.post-options{} ul.post-options li, ul.post-admin li{ float: left; display: block; background: #006699; margin: 0 4px 0 0;} ul.post-options li a, ul.post-admin li a{ float: left; display: block; color: #fff; text-decoration: none; padding: 0 12px 0 36px; height: 26px; line-height:26px; font-weight: bold; font-size: 13px; text-shadow: -1px -1px #003b59; } ul.post-options li a:hover, ul.post-admin li a:hover{ text-shadow: 1px 1px #003b59;} ul.post-options li a.reply{ background:url('../images2/options-reply.gif') 8px 5px no-repeat;} ul.post-options li a.reply:hover{ background:url('../images2/options-reply.gif') 8px -42px no-repeat;} ul.post-options li a.new{ background:url('../images2/options-new.gif') 7px 5px no-repeat;} ul.post-options li a.new:hover{ background:url('../images2/options-new.gif') 7px -42px no-repeat;} /* Admin options */ ul.post-admin{ position: absolute; right: -6px;} ul.post-admin li a.lock{ background:url('../images2/options-lock.gif') 8px 5px no-repeat;} ul.post-admin li a.lock:hover{ background:url('../images2/options-lock.gif') 8px -42px no-repeat;} ul.post-admin li a.delete{ background:url('../images2/options-delete.gif') 7px 5px no-repeat;} ul.post-admin li a.delete:hover{ background:url('../images2/options-delete.gif') 7px -42px no-repeat;} ul.post-admin li a.split{ background:url('../images2/options-split.gif') 7px 5px no-repeat;} ul.post-admin li a.split:hover{ background:url('../images2/options-split.gif') 7px -42px no-repeat;} ul.post-admin li a.merge{ background:url('../images2/options-merge.gif') 7px 5px no-repeat;} ul.post-admin li a.merge:hover{ background:url('../images2/options-merge.gif') 7px -42px no-repeat;} ul.post-admin li a.unlock{ background:url('../images2/options-unlock.gif') 7px 5px no-repeat;} ul.post-admin li a.unlock:hover{ background:url('../images2/options-unlock.gif') 7px -42px no-repeat;} ul.post-admin li a.emptyc{ float: left; display: block; color: #fff; text-decoration: none; padding: 0 12px 0 12px; height: 26px; line-height:26px; font-weight: bold; font-size: 13px; text-shadow: -1px -1px #003b59; } /* Quick reply */ .quick-reply{ margin: 46px auto 30px auto; width:654px; display: block; } .quick-reply label{ font: bold 13px/18px Arial,sans-serif; padding: 1px 0 3px 0; display: block;} .quick-reply div.qr{ background:#adbfc9; padding: 6px; border: 1px solid #707980; } .quick-reply textarea{ border: 1px solid #95a9b9; padding: 5px; background: #fff url('../images2/fancy-form.gif') top left repeat-x; width: 630px; font: normal 13px/1.6em "Lucida Grande", Tahoma, sans-serif; min-height: 72px; border-top-color: #b6c8d6; line-height:20px;} .quick-reply textarea:focus{ border-color: #004a8b;} div.qr-txt{ display: inline-block; position: relative; float: right; right: 7px; } div.qr-txt button{ font: normal 10.22px Tahoma, sans-serif; border: none; background: #004a8b; color: #fff; padding: 1px 5px; cursor: pointer; } div.qr-txt button:hover{ background: #c10000;} div.qr-opt{ position:relative; padding-top: 16px;} .quick-reply input.topic{ border: 0px solid #004a8b; padding: 7px 5px; background: #fff url('../images2/fancy-form.gif') top left repeat-x; width: 75%; font: bold 15px/1.6em "Lucida Grande", Tahoma, sans-serif; margin: 6px 0;} .quick-reply input.topic.passive{ color: #ccc; border-color: #95a9b9; border-top-color: #b6c8d6;} span.attach{ position: absolute; top: 0px; right: 4px;} .topic span.attach{ top: 10px;} .topic label.select{ font-size: 11px !important; position: relative; top: -12px !important; margin-bottom: -10px; width: 260px;} .topic label.select2{ font-size: 11px !important; position: relative; width: 260px;} div.attach{ position: relative; padding: 8px 0;} .attach a{ height: 16px; padding-top: 1px; font: normal 10px/16px Arial, Tahoma, sans-serif; color: #004466; text-decoration: none; padding-left: 16px; margin-right: 8px; text-shadow: 1px 1px #d9d9d9; display: inline-block;} .attach a:hover{ color: #c10000;} .attach a.attach-image{ background: url('../images2/attach-picture.gif') no-repeat top left;} .attach a.attach-images{ background: url('../images2/attach-pictures.gif') no-repeat top left;} .attach a.attach-file{ background: url('../images2/attach-file.gif') no-repeat top left;} .qr-opt ul{ width: 280px; margin: 8px 0 4px 0;} .qr-opt ul li, .qr-opt ul li label{ font-size: 10.44px !important; color: #333; font-weight: normal !important; height: 16px !important; line-height: 16px !important; padding: 0; margin: 0; } .qr-opt span.button{ position: absolute; right: 3px; top: 30px;} .topic .qr-opt span.button{ position: absolute; right: 3px; top: 44px;} .forum-posts td.post-body{ font-family: Verdana, Arial, Tahoma, sans-serif; line-height: 1.6em;} span.hr{ clear: both; display: inline-block; margin: 5px 15px 10px 0px; background: url("../images2/dot-gray.gif") 0% 50% repeat-x; border: none; position: relative; text-align: center; font: normal 9px/9px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color: #333; width: 100%;} span.hr small{ background: #F0F0F0; padding: 0 6px; font-size: 9px; } td.post-body cite{ color: #444; display: block; padding: 12px; background: #e0e0e0; border: 1px dotted #a1a1a1; margin: 18px 2.5em; font: 13px/18px Verdana,Arial,Tahoma,sans-serif;} td.post-body cite2{ color: #444; display: block; padding: 12px; background: #e0e0e0; border: 1px dotted #a1a1a1; margin: 18px 15px; font: 13px/18px Verdana,Arial,Tahoma,sans-serif;} td.post-body cite span.cite-who{ display: block; font-weight: bold; margin-bottom: 8px; font-size: 13px; background: url('../images2/quote.gif') 0% 50% no-repeat; text-indent: 20px; color: #424242;} td.post-body ul{ display: inline-block; list-style-type: square; margin: 8px 0 8px 1em; padding-left: 8px;} span.ulist{ display: block; margin: 0 0 0 5px; padding-left: 8px;} span.ulist2{ display: block; margin: 0 0 0 5px; padding-left: 8px;} span.ulist span.listitem{ background: url('../images2/mc_link.png') 0px 6px no-repeat; padding: 0 0 0 12px; display: block; clear: both;} span.ulist2 span.listitem{ display: block; clear: both;} td.post-body ol{ list-style-type: decimal; margin: 8px 0 8px 1em; padding-left: 8px; } td.post-body code{ font: 0.95em/1.5em Courier, Monaco, "lucida console", monospace; padding: 12px; background: #e0e0e0; border: 1px dotted #a1a1a1; display: block; color: #444; margin: 12px 0; margin-right: 15px; word-break: break-all;} td.post-body a{ color: #004a8b; word-wrap: break-word !important;} .post-body a:hover{ color: #c10000;} td.post-body table {border: 1px solid;} td.post-body td {border: 1px solid; padding: 2px;} .infoPanel dl{ margin-bottom: 14px;} .infoPanel dl dt{ font-weight: bold; margin-top: 14px;} .infoPanel dl dd{ font-size: 11px;} .infoPanel dl dd small{ font-size: 9px; display: block;} .infoPanel dl dd a{ color: #004a8b; text-decoration: none;} .infoPanel dl dd a:hover{ color: #c10000;} .infoPanel td{ border: 1px solid #004a8b; border-width: 0px; padding: 0 14px;} .infoPanel td.infoIcon{ width: 60px; background: #e2e9ed url('../images2/infoIcon-bg.png') bottom left repeat-x; vertical-align: middle} span.icon-bday, span.icon-users{ display: block; margin: -18px 0 0 12px; width: 36px; height: 36px; text-indent: -9999px; vertical-align; top: 50%;} span.icon-bday{ background: url('../images2/icon_bday.png') no-repeat;} span.icon-users{ background: url('../images2/icon_users.png') no-repeat;} .infoPanel td p{ padding: 0 0 1px 0; font-size: 11px;} .infoPanel td p a{ color: #004a8b;} .infoPanel td p a:hover{ color: #c10000;} .first{ margin-top: 14px;} div.post-details2{ padding: 10px; margin-top: 20px; } .post-details2 .signature{ border-top: 1px dashed #9c9c9c; padding-top: 5px; font-size: 10px; color: #7a7a7a;} .post-details2 .modified{ padding-bottom: 5px; color: #989898; font-size: 10px;} #forumDesc{ background: #FFF; padding: 1px; margin: 0 0 14px 0; border: 1px solid #9daab3; -moz-border-radius:5px 5px 5px 5px;} #forumDesc-inner{ background: #fff; padding: 2px; overflow: hidden;} #forumDesc h1{ color: #C10000; font-size: 20px; font-weight:bold; padding: 10px 1%; line-height: 22px; font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;} #forumDesc h2{ color: #C10000; font-size: 20px; font-weight:bold; padding: 10px 1%; line-height: 22px; font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;} #forumDesc div.titleDesc{display:block; position:relative; background:#fff; font-size: 11px; border-top: 2px solid #D6DFE6; margin: 0 10px; padding: 10px;} div.forumDesc2{ background: #FFF; padding: 1px 7px; margin: 0 0 2px 0; border: 1px solid #9daab3; -moz-border-radius:5px 5px 5px 5px; display: inline-block; clear: both;} div.forumDesc2-inner{ background: #fff; padding: 2px; overflow: hidden;} div.forumDesc2 h2{ color: #C10000; font-size: 20px; font-weight:bold; padding: 10px 1%; line-height: 22px; font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;} div.forumDesc2 div.titleDesc{display:block; position:relative; background:#fff; font-size: 11px; border-top: 2px solid #D6DFE6; margin: 0 10px; padding: 10px;} a.tags{ color: #004a8b; font-size: 11px; cursor: pointer;} a.tags:hover{ color: #c10000;} div.tags{ color: #666; padding: 4px;} div.tags a, a.quicks{ color: #fff; background: #004a8b; text-decoration: none; padding: 1px 3px; line-height: 16px; height: 16px; margin-right: 2px; display: inline-block;} div.tags a:hover, a.quicks:hover{ background: #c10000;} div.titleDesc p{ color: #333;} span.toungue{ top: -6px; left: 1%; background: url('../images2/toungue-top.gif') no-repeat; display: block; width: 12px; height:6px; position: absolute; } p.quickInfo{ font-size: 11px; color: #333; margin-bottom:10px;} div.quickInfo{ line-height: 15px; font-size: 11px; color: #333; margin:0px; padding:0px; right: 0px; text-align: right; float: right; display: inline-block; position: relative; } div.quickInfo a{ font-size: 11px; font-weight: bold; color: #004a8b;} p.breadcrumbs{ color: #999; margin: 6px 0;} p.breadcrumbs a{ font-weight: bold; color: #004a8b; font-size:11px;} p.breadcrumbs a:hover{ color: #C10000;} ul.pagination{ font-size:11px; float: right;} ul.pagination li{ float: left; display: block; margin: 0 5px 0 0; line-height: 22px;} ul.pagination li a{ display: block; float: left; padding: 0px 6px; background:#fff; border: 1px solid #9daab3; text-decoration:none; font-weight: bold; color:#004a8b; line-height: 20px; height:20px;} ul.pagination li a.current{ background: #004a8b; color: #fff; border-color: #fff;} ul.pagination li a.current:hover{ color: #fff; border-color: #D6DFE6;} ul.pagination li a:hover{ color: #C10000;} /* Reply and new page*/ .forum-reply th{ text-align: left !important; text-indent: 12px;} .forum-reply tr td{ padding: 10px 0; border-top: 1px solid #f0f4f6; border-bottom: 1px solid #c8d5dc;} .forum-reply td.first{ border-left: 1px solid #6286A4; padding-left: 12px; width: 300px;} .forum-reply td.first.rest{ vertical-align: top !important;} .forum-reply td.first label{ font-weight: bold;} .forum-reply td.last{ border-right: 1px solid #6286A4; vertical-align: top} td.reply-buttons{ text-align: center; padding: 12px 0; border: 1px solid #6286A4 !important; border-top-color: #f0f4f6 !important;} .forum-reply textarea{ border: 1px solid #95a9b9; padding: 5px; background: #fff url('../images2/fancy-form.gif') top left repeat-x; font: normal 13px/1.6em "Lucida Grande", Tahoma, sans-serif; width: 599px; min-height: 320px; border-top-color: #b6c8d6; line-height:20px;} .forum-reply textarea:focus{ border-color: #004a8b;} .forum-reply input.topic{ border: 1px solid #004a8b; padding: 8px 5px; background: #fff url('../images2/fancy-form.gif') top left repeat-x; width: 600px; font: bold 16px/1.6em "Lucida Grande", Tahoma, sans-serif;} .forum-reply input.topic.passive{ color: #ccc; border-color: #95a9b9; border-top-color: #b6c8d6;} .forum-reply form.login{ width: 640px; margin: 0 auto;} .forum-reply .loginHolder label strong{display: inline-block; width: 120px;} .forum-reply .loginHolder label2 strong{display: inline-block; width: 290px;} .forum-reply .loginHolder label input.topic{ width: 500px; border-color: #95a9b9;} strong.label2 {display: inline-block; width: 290px;} input.label2{ width: 300px; } .forum-reply form.login .chkHolder{ margin: 5px 0 5px 122px;} .forum-reply form.login .loginHolder{ margin-top: 5px; margin-bottom: 5px;} .forum-reply form.login .chkHolder a{ float: right; margin-right: 5px; color: #004a8b; font-size: 11px; font-weight: bold;} .forum-reply form.login .chkHolder a:hover{ color: #c10000;} .forum-reply form.login .chkHolder .f_checkbox{ margin-right: 10px;} .forum-reply form.login .buttonHolder{ margin: 10px 0 0 124px;} .buttonHolder2{ margin: 10px 0 0 350px;} .buttonHolder3{ margin: 10px 0 0 250px;} .buttonHolder4{ margin: 10px 0 0 280px;} .forum-reply ul li label{ font-size: 11px; color: #666; position: relative;} .forum-reply td.pool{} .forum-reply td.pool label{ display: block; margin-top: 10px; font-weight: bold; font-size: 11px; color: #666;} .forum-reply td.pool label.spacer{ margin-top: 24px;} .forum-reply td.pool label input.topic{ margin-right:6px;} .forum-reply td.pool label span.button{ margin-right: 6px !important;} .forum-reply td.pool label small{ font-weight: normal;} .forum-reply td.pool input.topic{ width: 600px;} .forum-reply td.pool input.topic.med, .forum-reply td.pool input.topic.small{ width: 400px !important; font-size: 13px; padding: 6px 3px;} .forum-reply td.pool input.topic.small{ width: 66px !important;} /* */ .forum-reply2 th{ text-align: left !important; text-indent: 12px;} .forum-reply2 tr td{ padding: 10px 0; border-top: 1px solid #f0f4f6; border-bottom: 1px solid #c8d5dc;} .forum-reply2 td.first{ border-left: 1px solid #6286A4; padding-left: 12px; width: 300px;} .forum-reply2 td.first.rest{ vertical-align: top !important;} .forum-reply2 td.first label{ font-weight: bold;} .forum-reply2 td.last{ border-right: 1px solid #6286A4; vertical-align: top} .forum-reply2 textarea{ border: 1px solid #95a9b9; padding: 5px; background: #fff url('../images2/fancy-form.gif') top left repeat-x; font: normal 13px/1.6em "Lucida Grande", Tahoma, sans-serif; width: 599px; min-height: 320px; border-top-color: #b6c8d6; line-height:20px;} .forum-reply2 textarea:focus{ border-color: #004a8b;} .forum-reply2 input.topic{ border: 1px solid #004a8b; padding: 8px 5px; background: #fff url('../images2/fancy-form.gif') top left repeat-x; width: 600px; font: bold 16px/1.6em "Lucida Grande", Tahoma, sans-serif;} .forum-reply2 input.topic.passive{ color: #ccc; border-color: #95a9b9; border-top-color: #b6c8d6;} .forum-reply2 form.login{ width: 640px; margin: 0 auto;} .forum-reply2 .loginHolder label strong{display: inline-block; width: 120px;} .forum-reply2 .loginHolder label2 strong{display: inline-block; width: 290px;} .forum-reply2 .loginHolder label input.topic{ width: 500px; border-color: #95a9b9;} .forum-reply2 form.login .chkHolder{ margin: 5px 0 5px 122px;} .forum-reply2 form.login .loginHolder{ margin-top: 5px; margin-bottom: 5px;} .forum-reply2 form.login .chkHolder a{ float: right; margin-right: 5px; color: #004a8b; font-size: 11px; font-weight: bold;} .forum-reply2 form.login .chkHolder a:hover{ color: #c10000;} .forum-reply2 form.login .chkHolder .f_checkbox{ margin-right: 10px;} .forum-reply2 form.login .buttonHolder{ margin: 10px 0 0 124px;} .forum-reply2 ul li label{ font-size: 11px; color: #666; position: relative;} .forum-reply2 td.pool{} .forum-reply2 td.pool label{ display: block; margin-top: 10px; font-weight: bold; font-size: 11px; color: #666;} .forum-reply2 td.pool label.spacer{ margin-top: 24px;} .forum-reply2 td.pool label input.topic{ margin-right:6px;} .forum-reply2 td.pool label span.button{ margin-right: 6px !important;} .forum-reply2 td.pool label small{ font-weight: normal;} .forum-reply2 td.pool input.topic{ width: 600px;} .forum-reply2 td.pool input.topic.med, .forum-reply2 td.pool input.topic.small{ width: 400px !important; font-size: 13px; padding: 6px 3px;} .forum-reply2 td.pool input.topic.small{ width: 66px !important;} ul#emoticons{ width: 230px; margin: 24px auto 0 auto; } ul#emoticons li{ display: inline-block; overflow: hidden;} ul#emoticons li a{ display: inline-block; width: 54px; padding: 3px 0; overflow: hidden;} ul#emoticons li img{ display: block; margin: 0 auto;} /* Forum administration logs */ .forum-logs{ margin: 0px 0px 4px 0px; width: 100%; border-left: 1px solid #728796;} .forum-logs.bezkape{ border-top: 1px solid #728796;} .forum-logs th{ margin: 0; padding: 0; background: url('../images2/group-title-gradient.png') repeat; height: 30px; text-align: left; font: normal 10px/28px Verdana, sans-serif; color: #fff; text-transform: uppercase; text-align: left; text-indent: 10px; border: none; text-shadow: 1px 1px #506d85;} .forum-logs th.c2{ background: url('../images2/group-title-gradient2.png') repeat-x;} .forum-logs td{ background: #f5f5f5; border: 1px solid #f0f4f6; border-right-color: #728796; border-bottom-color: #728796; padding: 8px 15px; font-size: 11px;} .forum-logs.bezkape td{ background: #dee0e0; border: 1px solid #f0f4f6; border-right-color: #728796; border-bottom-color: #728796; padding: 3px 5px; font-size: 11px;} .forum-logs td.oldlog span, .forum-logs td.newlog span, .forum-logs tr.alt td.oldlog span, .forum-logs tr.alt td.newlog span{ width: 120px; height: 14px; display: block; text-indent: 12px;} .forum-logs td.oldlog span{ background: url('../images2/post-date.gif') 0px 5px no-repeat;} .forum-logs td.newlog span{ background: url('../images2/post-date.gif') 0px -50px no-repeat;} .forum-logs tr.alt td{ background: #e8e8e8;} .forum-logs.bezkape tr.alt td{ background: #f2f2f2;} .forum-logs tfoot td{ border: 1px solid #728796; border-top-color: #f0f4f6; border-left-color: #f0f4f6;} .forum-logs form{ padding: 8px 10px;} .forum-logs form input.text{ border: 1px solid #95a9b9; padding: 7px 5px; background: #fff; font: normal 13px/1.6em "Lucida Grande", Tahoma, sans-serif; width: 70%;} .forum-logs form input.text:focus{ border-color: #004a8b;} .forum-logs form label{ font-weight:bold;} .forum-logs form label input.text{ margin-left: 12px;} .forum-logs a.qdel{ display: inline-block; width:10px; height:10px; margin-top: 8px; text-indent:-9999px; background:url('../images2/qck-delete.gif') no-repeat;} .forum-logs a{ color: #004a8b; text-decoration: none;} .forum-logs a:hover{ text-decoration:underline;} /* Forum status icons */ .forum-list tbody tr td.lock{ background: #F4F4F4 url('../images2/forum_lock.png') 5px 50% no-repeat; width: 35px; padding: 0px; margin: 0px; border-left: 1px solid #6f91ae;} .forum-list tbody tr td.lock_new{ background: #F4F4F4 url('../images2/forum_lock_new.png') 5px 50% no-repeat; width: 35px; padding: 0px; margin: 0px; border-left: 1px solid #6f91ae;} .forum-list tbody tr td.read{ background: #F4F4F4 url('../images2/forum_read.png') 5px 50% no-repeat; width: 35px; padding: 0px; margin: 0px; border-left: 1px solid #6f91ae;} .forum-list tbody tr td.unread{ background: #F4F4F4 url('../images2/forum_unread.png') 5px 50% no-repeat; width: 35px; padding: 0px; margin: 0px; border-left: 1px solid #6f91ae;} .forum-list tbody tr td.normal{ background: #f7f7f7; } .forum-list tbody tr td.normal3{ background: #f7f7f7; width: 15%; } .forum-list tbody tr:hover td.lock{ background: #e8ebed url('../images2/forum_lock.png') 5px 50% no-repeat;} .forum-list tbody tr:hover td.lock_new{ background: #e8ebed url('../images2/forum_lock_new.png') 5px 50% no-repeat;} .forum-list tbody tr:hover td.read{ background: #e8ebed url('../images2/forum_read.png') 5px 50% no-repeat;} .forum-list tbody tr:hover td.normal { background: #e8ebed;} .forum-list tbody tr:hover td.normal3 { background: #e8ebed;} .forum-list tbody tr:hover td.unread{ background: #e8ebed url('../images2/forum_unread.png') 5px 50% no-repeat;} .forum-list tbody tr td.lock2{ background: #e2e9ed url('../images2/forum_lock.png') 5px 50% no-repeat; width: 35px; padding: 0px; margin: 0px; border-left: 1px solid #6f91ae;} .forum-list tbody tr td.lock_new2{ background: #e2e9ed url('../images2/forum_lock_new.png') 5px 50% no-repeat; width: 35px; padding: 0px; margin: 0px; border-left: 1px solid #6f91ae;} .forum-list tbody tr td.read2{ background: #e2e9ed url('../images2/forum_read.png') 5px 50% no-repeat; width: 35px; padding: 0px; margin: 0px; border-left: 1px solid #6f91ae;} .forum-list tbody tr td.unread2{ background: #e2e9ed url('../images2/forum_unread.png') 5px 50% no-repeat; width: 35px; padding: 0px; margin: 0px; border-left: 1px solid #6f91ae;} .forum-list tbody tr td.normal2{ background: #e2e9ed; } .forum-list tbody tr:hover td.lock2{ background: #cad3d8 url('../images2/forum_lock.png') 5px 50% no-repeat;} .forum-list tbody tr:hover td.lock_new2{ background: #cad3d8 url('../images2/forum_lock_new.png') 5px 50% no-repeat;} .forum-list tbody tr:hover td.read2{ background: #cad3d8 url('../images2/forum_read.png') 5px 50% no-repeat;} .forum-list tbody tr:hover td.normal2{ background: #cad3d8;} .forum-list tbody tr:hover td.unread2{ background: #cad3d8 url('../images2/forum_unread.png') 5px 50% no-repeat;} /* Sidebar */ h2.sidebox{ background: url('../images2/sidebar-title.png') repeat-x; margin: 0; padding: 0; height: 24px; text-align: left; font: bold 11px/26px Arial, sans-serif; color: #fff; text-transform: uppercase; text-indent: 10px; border: none; margin-top: 0px; position: relative; text-shadow: 1px 1px #5f768c; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} h2.sidebox2{ background: url('../images2/sidebar-title2.png') repeat-x; margin: 0; padding: 0; height: 24px; text-align: left; font: bold 11px/26px Arial, sans-serif; color: #fff; text-transform: uppercase; text-indent: 10px; border: none; margin-top: 0px; position: relative; text-shadow: 1px 1px #5f768c; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} h2.sidebox2 a {font: bold 11px/26px Arial, sans-serif; color: #fff; text-shadow: 1px 1px #5f768c; white-space: nowrap; text-overflow: ellipsis;} h2.sidebox2n{ background: url('../images2/sidebar-title2.png') repeat-x; margin: 0; padding: 0; height: 24px; text-align: left; font: bold 11px/26px Arial, sans-serif; color: #fff; text-transform: uppercase; text-indent: 10px; border: none; margin-top: 0px; position: relative; text-shadow: 1px 1px #5f768c; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} h2.sidebox3{ background: url('../images2/sidebar-title3.png') repeat-x; margin: 0; padding: 0; height: 24px; text-align: left; font: bold 11px/26px Arial, sans-serif; color: #fff; text-transform: uppercase; text-indent: 10px; border: none; margin-top: 0px; position: relative; text-shadow: 1px 1px #5f768c; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} h2.sidebox4{ background: url('../images2/sidebar-title.png') repeat-x; margin: 0; padding: 0; height: 24px; text-align: left; font: bold 11px/26px Arial, sans-serif; color: #fff; text-transform: uppercase; text-indent: 10px; border: none; margin-top: 0px; position: relative; text-shadow: 1px 1px #5f768c; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} h2.sidebox5{ background: url('../images2/sidebar-title4.png') repeat-x; margin: 0; padding: 0; height: 24px; text-align: left; font: bold 11px/26px Arial, sans-serif; color: #fff; text-transform: uppercase; text-indent: 10px; border: none; margin-top: 0px; position: relative; text-shadow: 1px 1px #5f768c; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} h2.sidebox6{ background: url('../images2/sidebar-title5.png') repeat-x; margin: 0; padding: 0; height: 24px; text-align: left; font: bold 11px/26px Arial, sans-serif; color: #fff; text-transform: uppercase; text-indent: 10px; border: none; margin-top: 0px; position: relative; text-shadow: 1px 1px #5f768c; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} h2.sidebox a {font: bold 11px/26px Arial, sans-serif; color: #fff; text-shadow: 1px 1px #5f768c; white-space: nowrap; text-overflow: ellipsis;} h2.sidebox4 a {font: bold 11px/26px Arial, sans-serif; color: #fff; text-shadow: 1px 1px #5f768c; white-space: nowrap; text-overflow: ellipsis;} h2.sidebox.prva {margin-top: 0;} div.sidebox_content {border: 1px solid #92aabe; border-top: none; background:#ebebeb; padding: 1px 4px; font-size: 13px; line-height: 16px; margin-bottom: 2em;} div.sidebox_content a{ color: #004a8b; text-decoration: none;} div.sidebox_content a:hover{ color: #c10000;} div.sidebox_content ul.sidelist{ color: #004a8b; list-style-type: square; padding: 14px 10px 14px 25px; margin: 3px 0; background: #fafafa;} div.sidebox_content ul.disc_list2{ color: #AC2323; list-style-type: disc; padding: 14px 10px 14px 25px; margin: 3px 0; background: #fafafa;} div.sidebox_content ul.rss_list li{ background: #fafafa url('../images2/rss_link.png') 10px 17px no-repeat; padding: 14px 10px 14px 25px; margin: 3px 0;} div.sidebox_content ul.mc_list li{ background: #fafafa url('../images2/mc_link.png') 10px 19px no-repeat; padding: 14px 10px 14px 25px; margin: 3px 0;} div.sidebox_content ul.mc_list2 li{ background: #fafafa url('../images2/mc_link2.png') 10px 18px no-repeat; padding: 14px 10px 14px 25px; margin: 3px 0;} div.sidebox_content ul.newpost li{ background: #fafafa url('../images2/post-date-new.gif') 10px 18px no-repeat; padding: 14px 10px 14px 25px; margin: 3px 0; clear: both; display: block;} div.sidebox_content ul.oldpost li{ background: #fafafa url('../images2/post-date-old.gif') 10px 18px no-repeat; padding: 14px 10px 14px 25px; margin: 3px 0; clear: both; display: block;} div.sidebox_content li.newpost { background: #fafafa url('../images2/post-date-new.gif') 10px 18px no-repeat; padding: 14px 10px 14px 25px; margin: 3px 0; clear: both; display: block;} div.sidebox_content li.oldpost { background: #fafafa url('../images2/post-date-old.gif') 10px 18px no-repeat; padding: 14px 10px 14px 25px; margin: 3px 0; clear: both; display: block;} div.sidebox_content li.newpost2 { background: #fafafa url('../images2/post-date-new.gif') 10px 18px no-repeat; padding: 14px 10px 14px 25px; margin: 3px 0;} div.sidebox_content li.oldpost2 { background: #fafafa url('../images2/post-date-old.gif') 10px 18px no-repeat; padding: 14px 10px 14px 25px; margin: 3px 0;} div.right_box_text {background: #fafafa; padding: 10px; margin: 3px 0; border-radius: 1px;} ul.mc_list3 li{ background: #fafafa url('../images2/mc_link2.png') 1px 17px no-repeat; padding: 10px 10px 10px 16px;} ul.mc_list3 li a {font-weight: bold; font-size: 14px;} ul.mc_list3 li a:focus{outline-style: dotted; outline-color: #b4bbbf; outline-width: 1px;} div.sidebox_content ul.sidelist li:hover, div.sidebox_content ul.disc_list2 li:hover, div.sidebox_content ul.rss_list li:hover, div.sidebox_content ul.mc_list li:hover, div.sidebox_content ul.mc_list2 li:hover, div.sidebox_content ul.newpost li:hover, div.sidebox_content ul.oldpost li:hover, div.sidebox_content ul.newpost2 li:hover, div.sidebox_content ul.oldpost2 li:hover, div.sidebox_content ul.mc_list3 li:hover, div.sidebox_content li:hover{ background-color: #f0f0f0;} div.sidebox_content ul.sidelist li, div.sidebox_content ul.disc_list2 li, div.sidebox_content ul.rss_list li, div.sidebox_content ul.mc_list li, div.sidebox_content ul.mc_list2 li, div.sidebox_content ul.newpost li, div.sidebox_content ul.oldpost li, div.sidebox_content ul.newpost2 li, div.sidebox_content ul.oldpost2 li, div.sidebox_content ul.mc_list3 li, div.sidebox_content li{ border-radius: 1px; } /* Forms */ div.sidebox_content form{ } div.sidebox_content form .ctlHolder{ margin-bottom: 8px;} div.sidebox_content form .ctlHolder label{ display: block; font-size: 11px; color: #333;} div.sidebox_content form .ctlHolder input{ border: 1px solid #b5c5ce; font-size: 11px; padding: 2px 4px; font-family: Tahoma, Verdana, sans-serif; width: 80%;} div.sidebox_content form .chkHolder{ margin-top: 8px;} div.sidebox_content form .chkHolder label{ color: #333;} .button{ padding: 0px 0 0px 12px; margin: 0 !important; background: transparent url('../images2/form-button.gif') top left no-repeat; line-height: 28px; height: 28px; display: inline-block;} .button button{ background: transparent url('../images2/form-button.gif') top right no-repeat; font-weight: bold; color: #fff; font-size: 11px; border: none; margin: 0 0 0 -8px; padding: 0px 12px 0px 8px; cursor: pointer; white-space: nowrap; display: inline-block; height: 28px; line-height: 28px; text-shadow: 1px 1px #bf690c;} span.button:hover{ background-position: bottom left;} .button button:hover{ background-position: bottom right; color: #a65b0c; text-shadow: 1px 1px #f0c960;} .button-red{ padding: 0px 0 0px 12px; margin: 0 !important; background: transparent url('../images2/form-button-red.png') top left no-repeat; line-height: 28px; height: 28px; display: inline-block;} .button-red button{ background: transparent url('../images2/form-button-red.png') top right no-repeat; font-weight: bold; color: #fff; font-size: 11px; border: none; margin: 0 0 0 -8px; padding: 0px 12px 0px 8px; cursor: pointer; white-space: nowrap; display: inline-block; height: 28px; line-height: 28px; text-shadow: 1px 1px #000;} span.button-red:hover{ background-position: bottom left;} .button-red button:hover{ background-position: bottom right; color: #a65b0c; text-shadow: 1px 1px #f0c960;} .button-yellow{ padding: 0px 0 0px 12px; margin: 0 !important; background: transparent url('../images2/form-button-yellow.png') top left no-repeat; line-height: 28px; height: 28px; display: inline-block;} .button-yellow button{ background: transparent url('../images2/form-button-yellow.png') top right no-repeat; font-weight: bold; color: #fff; font-size: 11px; border: none; margin: 0 0 0 -8px; padding: 0px 12px 0px 8px; cursor: pointer; white-space: nowrap; display: inline-block; height: 28px; line-height: 28px; text-shadow: 1px 1px #000;} span.button-yellow:hover{ background-position: bottom left;} .button-yellow button:hover{ background-position: bottom right; color: #a65b0c; text-shadow: 1px 1px #f0c960;} .button-green{ padding: 0px 0 0px 12px; margin: 0 !important; background: transparent url('../images2/form-button-green.png') top left no-repeat; line-height: 28px; height: 28px; display: inline-block;} .button-green button{ background: transparent url('../images2/form-button-green.png') top right no-repeat; font-weight: bold; color: #fff; font-size: 11px; border: none; margin: 0 0 0 -8px; padding: 0px 12px 0px 8px; cursor: pointer; white-space: nowrap; display: inline-block; height: 28px; line-height: 28px; text-shadow: 1px 1px #000;} span.button-green:hover{ background-position: bottom left;} .button-green button:hover{ background-position: bottom right; color: #a65b0c; text-shadow: 1px 1px #f0c960;} /* Footer */ #footer{ border-top: 1px solid #365a78; background:#254764; margin-top:40px; padding-bottom: 20px; color: #fff; clear: both; position: relative;} ul#footnav{ margin: 0 auto; width: 100%; text-align: center; padding: 12px 0; border-bottom: 1px solid #153550;} ul#footnav li{ display: inline; color: #fff; font-weight: bold; } ul#footnav li a{ color: #bfe8ff; font-weight: bold; padding: 0 8px 0 4px; font-size: 11px;} ul#footnav li a:hover, ul#footinfo li a:hover{ color: #58bceb;} ul#footinfo{ border-top: 1px solid #365a78; padding: 10px 20px;} ul#footinfo li{ display: block; float: left; width: 50%; } ul#footinfo li.desni { margin: 0 0 0 20px; width: 30%;} ul#footinfo li h3{ font-size: 11px; font-weight: bold; display: inline-block; } ul#footinfo li p{ font-size: 10px;} ul#footinfo li a{ font-size: 10px; color: #bfe8ff; font-weight: bold;} span.spf a{ background:url('../images2/spf-logo.gif') top left no-repeat; display: inline-block; width: 12px; height: 13px; overflow: hidden;} span.spf a:hover{ background-position: 0px -13px;} /* Checkbox replacement*/ .jquery-checkbox {display: inline; font-size: 16px; line-height: 16px; cursor: pointer; cursor: hand;} .jquery-checkbox .mark {display: inline;} .jquery-checkbox img {vertical-align: middle; width: 16px; height: 16px;} .jquery-checkbox img{background: transparent url('../images2/checkbox.gif') no-repeat;} .jquery-checkbox img{ background-position: 0px 0px; } .jquery-checkbox-hover img{ background-position: -16px 0px; } .jquery-checkbox-checked img{ background-position: 0px -16px; } .jquery-checkbox-checked .jquery-checkbox-hover img { background-position: -16px -16px; } .jquery-checkbox-disabled img{ background-position: 0px -32px; } .jquery-checkbox-checked .jquery-checkbox-disabled img{ background-position: 0px -48px; } /* Radio replacement */ .jquery-radio {display: inline; font-size: 16px; line-height: 16px; cursor: pointer; cursor: hand;} .jquery-radio .mark {display: inline;} .jquery-radio img {vertical-align: middle; width: 16px; height: 16px;} .jquery-radio img{background: transparent url('../images2/radio.png') no-repeat;} .jquery-radio img{ background-position: 0px 0px; } .jquery-radio-hover img{ background-position: -16px 0px; } .jquery-radio-checked img{ background-position: 0px -16px; } .jquery-radio-checked .jquery-radio-hover img { background-position: -16px -16px; } .jquery-radio-disabled img{ background-position: 0px -32px; } .jquery-radio-checked .jquery-radio-disabled img{ background-position: 0px -48px; } /* BBCode stuff */ .markItUp .markItUpButton1 a { background-image:url(../images2/bbcode/bold.png); } .markItUp .markItUpButton2 a { background-image:url(../images2/bbcode/italic.png); } .markItUp .markItUpButton3 a { background-image:url(../images2/bbcode/underline.png); } .markItUp .markItUpButton4 a { background-image:url(../images2/bbcode/picture.png); } .markItUp .markItUpButton5 a { background-image:url(../images2/bbcode/link.png); } .markItUp .markItUpButton6 a { background-image:url(../images2/bbcode/colors.png); } .markItUp .markItUpButton6 ul {width:81px;padding:1px;} .markItUp .markItUpButton6 li { border:1px solid white; width:25px; height:25px; overflow:hidden; padding:0px; margin:0px; float:left; } .markItUp .markItUpButton6 ul a { width:25px; height:25px;} .markItUp .markItUpButton6 ul a:hover {background-color:none;} .markItUp .markItUpButton6 .col1-1 a {background:yellow;} .markItUp .markItUpButton6 .col1-2 a {background:orange;} .markItUp .markItUpButton6 .col1-3 a {background:red;} .markItUp .markItUpButton6 .col2-1 a {background:blue;} .markItUp .markItUpButton6 .col2-2 a {background:purple;} .markItUp .markItUpButton6 .col2-3 a {background:green;} .markItUp .markItUpButton6 .col3-1 a {background:white;} .markItUp .markItUpButton6 .col3-2 a {background:gray;} .markItUp .markItUpButton6 .col3-3 a {background:black;} .markItUp .markItUpButton7 a { background-image:url(../images2/bbcode/fonts.png); } .markItUp .markItUpButton8 a { background-image:url(../images2/bbcode/list-bullet.png); } .markItUp .markItUpButton9 a { background-image:url(../images2/bbcode/list-numeric.png); } .markItUp .markItUpButton10 a { background-image:url(../images2/bbcode/list-item.png); } .markItUp .markItUpButton11 a { background-image:url(../images2/bbcode/quotes.png); } .markItUp .markItUpButton12 a { background-image:url(../images2/bbcode/code.png);} .markItUp .markItUpButton13 a { background-image:url(../images2/bbcode/youtube.png);} .markItUp .markItUpButton14 a { background-image:url(../images2/bbcode/center.png);} .markItUp .markItUpButton15 a { background-image:url(../images2/bbcode/spoiler.png);} .markItUp .clean a { background-image:url(../images2/bbcode/clean.png); } .markItUp .preview a { background-image:url(../images2/bbcode/preview.png);} /* Tooltips */ .tipsy { padding: 5px; font-size: 11px; font-weight: bold; background-repeat: no-repeat; margin-left: -2px !important;} .tipsy-inner { padding: 4px 5px; background-color: #bb0000; color: white; max-width: 200px; text-align: center; -moz-border-radius: 2px; -webkit-border-radius: 2px;} .tipsy-north { background-image: url("../images2/tipsy-north.gif"); background-position: top center; } .tipsy-south { background-image: url("../images2/tipsy-south.gif"); background-position: bottom center; } .tipsy-east { background-image: url("../images2/tipsy-east.gif"); background-position: right center; } .tipsy-west { background-image: url("../images2/tipsy-west.gif"); background-position: left center; } /* Select */ .customComboHolder { height:20px; position:relative; width:254px; display: inline-block; font-size: 11px; margin: 0 0px;} .customComboHolder div { border:1px solid #c8d5dc; color:#494949; font-weight:normal; height:28px; line-height:28px; padding: 0 12px 0 8px; position:absolute; width:234px; z-index:1; background: #fff url('../images2/arrow-ns.gif') 95% 50% no-repeat; overflow: hidden;} .dropdown_over {} .dropdown_over div {} .customComboHolder select {background-color:#FFFFFF; cursor:pointer; display:inline; float:left; margin-top:5px; -moz-opacity: 0; filter:alpha(opacity: 0); opacity: 0; position:absolute; width:254px; z-index:2;} .customComboHolder select option {color:#434343;padding:2px 2px 2px 11px;} .qr-opt .customComboHolder{ width: 192px !important; height: 18px; top: -6px;} .qr-opt .customComboHolder div{ width: 172px !important;} .qr-opt .customComboHolder select{ width: 192px; } .customComboHolder.dropdown_over div{ border-color: #004a8b; color: #111;} /* Select */ .customComboHolder2 { height:20px; position:relative; width:234px; display: inline-block; font-size: 11px; margin: 0 0px;} .customComboHolder2 div { cursor: pointer; border: 1px solid #728796; color:#494949; font-weight:normal; height:28px; line-height:28px; padding: 0 12px 0 8px; position:absolute; width:234px; z-index:1; background: #E2E9ED url('../images2/arrow-ns.gif') 95% 50% no-repeat; overflow: hidden;} .customComboHolder2 select {background-color:#E2E9ED; cursor:pointer; display:inline; float:left; margin-top:5px; -moz-opacity: 0; filter:alpha(opacity: 0); opacity: 0; position:absolute; width:262px; z-index:2;} .customComboHolder2 select option {padding:2px 2px 2px 11px; line-height: 30px; padding-left: 15px; font-size: 15px; font-weight: bold; color: #004a8b;} .qr-opt .customComboHolder2{ width: 192px !important; height: 18px; top: -6px;} .qr-opt .customComboHolder2 div{ width: 172px !important;} .qr-opt .customComboHolder2 select{ width: 192px; } .customComboHolder2.dropdown_over div{ border-color: #004a8b; color: #111;} /* Select */ .customComboHolder3 { height:20px; position:relative; width:254px; display: inline-block; font-size: 11px; margin: 0 0px;} .customComboHolder3 div { border:1px solid #728796; color:#494949; font-weight:normal; height:28px; line-height:28px; padding: 0 12px 0 8px; position:absolute; width:234px; z-index:1; background: #fff url('../images2/arrow-ns.gif') 95% 50% no-repeat; overflow: hidden;} .customComboHolder3 select {background-color:#FFFFFF; cursor:pointer; display:inline; float:left; margin-top:5px; -moz-opacity: 0; filter:alpha(opacity: 0); opacity: 0; position:absolute; width:254px; z-index:2;} .customComboHolder3 select option {color:#434343;padding:2px 2px 2px 11px;} .qr-opt .customComboHolder3{ width: 192px !important; height: 18px; top: -6px;} .qr-opt .customComboHolder3 div{ width: 172px !important;} .qr-opt .customComboHolder3 select{ width: 192px; } .customComboHolder3.dropdown_over div{ border-color: #004a8b; color: #111;} .customComboHolder31{ height:20px; position:relative; width:254px; display: inline-block; font-size: 11px; margin: 0 0px;} .customComboHolder31 div { border:1px solid #728796; color:#494949; font-weight:normal; height:28px; line-height:28px; padding: 0 12px 0 8px; position:absolute; width:234px; z-index:1; background: #fff url('../images2/arrow-ns.gif') 95% 50% no-repeat; overflow: hidden;} .customComboHolder31 select {background-color:#FFFFFF; cursor:pointer; display:inline; float:left; margin-top:5px; -moz-opacity: 0; filter:alpha(opacity: 0); opacity: 0; position:absolute; width:254px; z-index:2;} .customComboHolder31 select option {color:#434343;padding:2px 2px 2px 11px;} .qr-opt .customComboHolder31{ width: 192px !important; height: 18px; top: -6px;} .qr-opt .customComboHolder31 div{ width: 172px !important;} .qr-opt .customComboHolder31 select{ width: 192px; } .customComboHolder31.dropdown_over div{ border-color: #004a8b; color: #111;} /* Select */ .customComboHolder4 { height:20px; position:relative; width:70px; display: inline-block; font-size: 11px; margin: 0 0px;} .customComboHolder4 div { border:1px solid #728796; color:#494949; font-weight:normal; height:28px; line-height:28px; padding: 0 12px 0 8px; position:absolute; width:50px; z-index:1; background: #fff url('../images2/arrow-ns.gif') 95% 50% no-repeat; overflow: hidden;} .customComboHolder4 select {background-color:#FFFFFF; cursor:pointer; display:inline; float:left; margin-top:5px; -moz-opacity: 0; filter:alpha(opacity: 0); opacity: 0; position:absolute; width:70px; z-index:2;} .customComboHolder4 select option {color:#434343;padding:2px 2px 2px 11px;} .qr-opt .customComboHolder4{ width: 192px !important; height: 18px; top: -6px;} .qr-opt .customComboHolder4 div{ width: 172px !important;} .qr-opt .customComboHolder4 select{ width: 192px; } .customComboHolder4.dropdown_over div{ border-color: #004a8b; color: #111;} /* Quick navigation form */ div.quickOpts{ position: relative; display: block; height: 46px;} form.quickSearch{ position: absolute; left: 0; padding: 6px 0 12px 0;} form.quickSearch input{ border: 1px solid #728796; padding: 5px; background: #fff url('../images2/fancy-form.gif') top left repeat-x; width: 200px; font: bold 13px/1.6em "Lucida Grande", Tahoma, sans-serif; color: #004a8b;} .quickSearch input.passive{ color: #ccc; border-color: #728796;} #main-full form.quickNav{ right: 0px;} form.quickNav{ position: absolute; z-index: 99; right: 0px; padding: 6px 0 12px 0;} form.quickNav label{ position: relative; font-size: 11px;} #main-full form.quickNav2{ right: 20x;} form.quickNav2{ position: absolute; z-index: 99; right: 7px; padding: 0px 0 12px 0;} form.quickNav2 label{ position: relative; font-size: 11px;} #main-full form.quickNav3{ right: 20x;} form.quickNav3{ position: absolute; z-index: 99; right: 25px; padding: 0px 0 12px 0;} form.quickNav3 label{ position: relative; font-size: 11px;} #main-full form.quickNav4{ right: 0px;} form.quickNav4{ position: absolute; z-index: 99; right: 0px; padding: 6px 0 12px 0;} form.quickNav4 label{ position: relative; font-size: 11px;} /* User profile */ h2#profile{ margin: 0; padding: 0; background: url('../images2/group-title-gradient.png') repeat-x; height: 30px; text-indent:12px; font: normal 10px/28px Verdana, sans-serif; color: #fff; text-transform: uppercase; border: none; text-shadow: 1px 1px #506d85; position: relative; display:block; width: 1000px; margin-left:auto; margin-right:auto;} div#profile{ background: #fff; width: 1000px; margin-bottom: 36px; margin-left:auto; margin-right:auto;} div#profile-inner{ border: 1px solid #6286A4; border-top-width: 0; padding: 20px 15px; position: relative;} ul#profile-tabs{ width: 100%; } ul#profile-tabs li{ float: left; display: block; } ul#profile-tabs li.mid{ margin: 0 10px; padding: 0 10px 5px 10px; border-right: 1px solid #E2E9ED; border-width: 0 1px; width: 530px;} ul#profile-tabs li h3{ background: #BFD2E1; color: #6286A4; font-size: 13px; height: 28px; line-height: 28px; font-weight: bold; text-shadow:1px 1px #CEE3F2; text-indent: 0px; position: relative; margin: 0 0 5px; padding-left: 12px;} ul#profile-tabs li h3 a{ background: #BFD2E1; color: #6286A4; font-size: 13px; height: 28px; line-height: 28px; font-weight: bold; text-shadow:1px 1px #CEE3F2; text-indent: 0px; position: relative; margin: 0 0 5px; padding-left: 12px;} ul#profile-tabs li h3 span.tongue{ background: url('../images2/tongue-bottom.gif') no-repeat; width:12px; height:6px; display:block; position: absolute; bottom: -6px; left: 12px;} ul#profile-tabs li dl{ padding: 0 0 0 6px; color: #282929; font-size: 11px; background: url('../images2/dl-bg.gif'); line-height: 20px; margin: 0 2px;} ul#profile-tabs li dl dt{ display: inline-block; width: 30%; vertical-align: top; padding-right: 2%; font-weight:bold;} ul#profile-tabs li dl dd{ display: inline-block; width: 66%; vertical-align: top; word-wrap: break-word;} ul#profile-tabs li dl dd small{ font-size: 10px;} ul#profile-tabs li dl a{ color: #004a8b; text-decoration: none;} ul#profile-tabs li dl a:hover{ text-decoration: underline;} ul#profile-tabs li dl span.light{ color: #727272;} ul#profile-tabs li.small small{ font-size: 10px;} ul#profile-tabs li.small { margin-left: 10px; width: 150px;} ul#profile-tabs li.desno { width: 370px;} #profile label{ display: block;} table.forum-logs fieldset{ display: block; margin: 12px 0; padding: 12px; border: 3px solid #D8E0E5;} table.forum-logs fieldset label{ display: inline-block; margin-bottom: 10px;} table.forum-logs fieldset label.select{ position: relative;} table.forum-logs fieldset label.select div.selectbox-wrapper ul{ width: 400px; padding: 0; margin: 0;} table.forum-logs fieldset label.select .selectbox{width: 400px; font-size: 11px; border: 1px solid #95a9b9; padding: 6px 0; text-indent: 6px; background: #fff url('../images2/arrow-ns.gif') 385px 8px no-repeat; font-weight: bold; font-size: 11px; cursor: pointer;} table.forum-logs fieldset label.select div.selectbox-wrapper{ position:absolute; width:300px; background-color:white; border:1px solid #c8d5dc; margin:0px; padding:0px; max-height:200px; overflow:auto; right: 0;} table.forum-logs fieldset label.select div.selectbox-wrapper ul li{ width: 400px;} table.forum-logs fieldset label.last{ margin-bottom: 0;} table.forum-logs fieldset label.last input{ width: 400px;} h3.profile-titles{ font-size: 15px; font-weight: bold; margin: 24px 0 12px 0;} table.forum-logs td.tiny {width: 30px;} table.forum-logs td.bela {background: #f7f7f7;} ul#profile-controls{ width: 100%; text-align: center;} ul#profile-controls li{ background: #004a8b; display: inline-block; margin: 18px 2px 0 2px; padding: 1px 5px;} ul#profile-controls li a{ color: #fff; text-decoration: none; font-size: 11px; font-weight: bold; } ul#profile-controls li:hover{ background: #0083c4;} ul.profile-controls2 { position: relative; display: block; width: 200px; margin: 1em auto;} ul.profile-controls2 li{ background: #004a8b; display: block; margin: 18px 0px 18px 0px; padding: 4px 7px; text-align: center;} ul.profile-controls2 li a{ text-decoration: none; color: #fff; font-size: 11px; font-weight: bold; text-shadow: -1px -1px #003b59; text-align: center;} ul.profile-controls2 li:hover{ background: #0074ad;} ul.profile-controls3 { position: relative; display: block; width: 600px; margin: 1em auto;} ul.profile-controls3 li{ background: #AE0000; display: block; margin: 38px 0px 38px 0px; padding: 25px 7px; text-align: center;} ul.profile-controls3 li a{ text-decoration: none; color: #fff; font-size: 11px; font-weight: bold; text-shadow: -1px -1px #003b59; text-align: center;} ul.profile-controls3 li:hover{ background: #0074ad;} /* Private messages */ ul#inbox-tabs{ position: relative; bottom: -1px;} ul#inbox-tabs li{ display: block; float: left;} ul#inbox-tabs li a{ display: block; float: left; background: #6286A4 url('../images2/group-title-gradient.png') repeat-x; color: #fff; font-weight:bold; width: 146px; height: 26px; line-height: 26px; font-size: 11px; text-indent: 12px; margin-right: 4px; padding-left: 0px; text-decoration:none; text-shadow: -1px -1px #466075;} ul#inbox-tabs li a:hover{ color: #d8e0e5;} ul#inbox-tabs li a.current:hover{ color:#C10000;} ul#inbox-tabs li a.normal{ margin-top: 7px;} ul#inbox-tabs li a.current{ background: #fff; color: #6286A4; border: 1px solid #6286A4; border-bottom-color: #fff; font-weight:bold; font-size: 11px; width: 186px; height: 32px; line-height: 32px; text-shadow: none !important;} h3.msg-title{ display: inline-block; font-weight: bold; padding-top: 7px; padding-left: 10px;} div.person-social{ background: #cad3d8; border: 1px solid #6286a4; border-width: 0px 1px 1px 1px; border-top: 1px solid #95a9b9; padding: 6px 0; margin-top: -1px;} table.inbox-content, table.inbox-message{ border: 1px solid #6286A4; width: 100%; background: #fff; padding: 15px;} table.inbox-content td{ background: #e2e8eb; font-size: 11px; border: 1px solid #bcc3c7; border-bottom: 0;} /* table.inbox-content tr.alt td{ background: #d8e0e5 !important;} */ table.inbox-content tr.alt td{ background: #fff !important;} table.inbox-content td a{ color: #004a8b; text-decoration: none;} table.inbox-content td a:hover{ text-decoration:underline;} table.inbox-content td.date{ width: 160px; border-width: 1px 0 0 0;} table.inbox-content td.user{ width: 200px; border-width: 1px 0 0 0;} table.inbox-content td.chk{ width: 40px; border-width: 1px 1px 0 0;} table.inbox-content td.under{ background: #E0E9EF; text-align: right; padding: 5px;} table.inbox-content td.title{ padding-left: 20px; border-width: 1px 0 0 1px;} table.inbox-content td.title a{ display: inline-block; overflow: hidden; background: url('../images2/post-date.gif') 0px 12px no-repeat; text-indent: 16px; height: 26px; line-height:26px; font-weight: bold; padding: 3px 0; margin: 3px 0 -3px 0;} table.inbox-content td.title.unread a{ background: url('../images2/post-date.gif') 0px -44px no-repeat;} table.inbox-message div.person-info{ background: #d9dfe2; vertical-align: top;} table.inbox-message ul.details{ margin-top: 0 !important; } table.inbox-message td div.body-holder{ vertical-align: top !important; } table.inbox-message td.post-body{ vertical-align: top;} span.editprofile { margin: 0 0 10px 0; margin-left: 10px; display: inline-block; width: 200px; font-weight: bold; vertical-align: top; } span.editprofiledesno { margin-left: 220px; width: 270px; display: inline-block; font-weight: normal; font-size: 9px; vertical-align: top; } table.custom-form{width: 400px; margin-left:auto; margin-right:auto;} table.forum-reply, table.forum-reply2 {width: 900px; margin-left:auto; margin-right:auto;} p.breadcrumbs2{width: 900px; margin-left:auto; margin-right:auto;} table.custom-form input.unostexta {width: 400px;} table.custom-form select {width: 400px;} table.custom-form2{width: 700px; margin-left:auto; margin-right:auto;} table.custom-form2 td {padding-left:15px;} table.custom-form2 input.unostexta {width: 400px;} table.custom-form2 select {width: 400px;} table.custom-form3 {width: 800px; margin-left:auto; margin-right:auto;} table.custom-form3 td {padding-left:15px;} table.custom-form3 input.unostexta {width: 400px;} table.custom-form3 select {width: 400px;} table.custom-form4 {width: 650px; margin-left:auto; margin-right:auto;} table.custom-form4 td {padding-left:15px;} table.custom-form4 input.unostexta {width: 300px;} table.custom-form3 select {width: 300px;} div.sidebox_content textarea {width: 200px;} div.customComboHolderDesno {width: 200px;} div.customComboHolderUp {width: 234px; height: 30px; line-height: 30px; padding-left: 15px; font-size: 15px; font-weight: bold; color: #282929;} a.ikonica {background: url('../images2/post-date.gif') 0px 3px no-repeat; text-shadow: 1px 1px #cee3f2; text-decoration:none; padding-left: 12px;} a.ikonica2{background: url('../images2/post-date.gif') 0px 3px no-repeat; text-shadow: 1px 1px #cee3f2; text-decoration:none; padding-left: 12px; background-position: 0px -52px;} td.blog-post-body {border: 1px solid #6286A4;} td.blog-post-body cite{ color: #444; display: block; padding: 12px; background: #e0e0e0; border: 1px dotted #a1a1a1; margin: 18px 2.5em; font: 13px/18px Verdana,Arial,Tahoma,sans-serif;} td.blog-post-body cite2{ color: #444; display: block; padding: 12px; background: #e0e0e0; border: 1px dotted #a1a1a1; margin: 18px 2.5em; font: 13px/18px Verdana,Arial,Tahoma,sans-serif;} td.blog-post-body cite span.cite-who{ display: block; font-weight: bold; margin-bottom: 8px; font-size: 13px; background: url('../images2/quote.gif') 0% 50% no-repeat; text-indent: 20px; color: #424242;} td.blog-post-body ul{ list-style-type: square; margin: 8px 0 8px 1em; padding-left: 8px;} td.blog-post-body ol{ list-style-type: decimal; margin: 8px 0 8px 1em; padding-left: 8px;} td.blog-post-body code{ font: 0.95em/1.5em Courier, Monaco, "lucida console", monospace; padding: 12px; background: #e0e0e0; border: 1px dotted #a1a1a1; display: block; color: #444; margin: 12px 0; margin-right: 15px;} td.blog-post-body table {border: 1px solid;} td.blog-post-body table td {border: 1px solid; padding: 4px;} td.blog-post-body a{ color: #004a8b;} .blog-post-body a:hover{ color: #c10000;} td.blog-post-body2 {padding:5px;} td.blog-post-body-first {width:100%;} div.blog-person-info {margin-left: 10px;} div.blogleft {float: left; display: inline-block; position: relative; top: 0; left: 1em; background: #97acbd; height: 20px; padding: 5px; min-width: 44px;} div.blog-post-controls {background: #97acbd; height: 30px; padding-left: 5px; clear: none; display: inline-block; position: relative; top: 0; margin:0px 0px; padding: 5px 0px 0px 5px;} div.blog-post-controls ul { margin: 0px 0px 0px 0px; } a.blogname {font: bold 13px/16px "Trebuchet MS", Arial, sans-serif; color: #fff;} a.blognaslov { color: #fff; font: bold 14px/20px Arial, sans-serif !important; text-align: left; text-transform: none; padding-left: 12px;} div.blog-body-holder {padding: 5px; margin: 0px; background: #ddd; padding-bottom: 0px; margin-bottom: 0px; height:0px;} div.blog-body-holder2 {padding: 35px 10px 5px 10px; } div.post-text-holder {padding: 5px 10px 5px 10px; display: block; clear: both; font: normal 13px/18px Verdana,Arial,Tahoma,sans-serif; word-wrap: break-word;} div.post-text-holder table {border: 1px solid;} div.post-text-holder table td {border: 1px solid; padding: 4px;} div.blog-post-text-holder {background: #fff;} div.post-text-holder2 {font: normal 13px/18px "lucida grande",tahoma,verdana,arial,sans-serif;} table.blog-forum-posts {padding-bottom: 20px;} p.post-text-holder {padding: 5px 10px 5px 10px; display: block; clear: both; font: normal 13px/18px Verdana,Arial,Tahoma,sans-serif; word-wrap: break-word;} p.post-text-holder table {border: 1px solid;} p.post-text-holder table td {border: 1px solid; padding: 4px;} #blog-lock { margin: 10px auto; padding-top: 35px; width: 48px; height: 80px; display: block;} #blog-lock a {display: block; margin: 0 auto; text-align: center; background: url('../images2/blog-lock.png') no-repeat; text-decoration:none; padding-top: 45px; color: #000;} #blog-lock a:hover {text-decoration: underline;} #blog-unlock { margin: 10px auto; padding-top: 35px; width: 48px; height: 80px; display: block;} #blog-unlock a {display: block; margin: 0 auto; text-align: center; background: url('../images2/blog-unlock.png') no-repeat; text-decoration:none; padding-top: 45px; color: #000;} #blog-unlock a:hover {text-decoration: underline;} span.custom-form-ispod {display: block; font-style: normal; font-size: 11px; margin-left: 130px;} span.custom-form-ispod2 {display: block; font-style: normal; font-size: 11px; margin-left: 300px;} div.divpadding0 {padding: 0px;} td.tdverticalaligntop {vertical-align: top;} td.tdverticalalignbottom {vertical-align: bottom;} table.infoPanelBordered {border: 1px solid #004a8b;} table.infoPanel {border-left: 1px solid #004a8b; border-bottom: 1px solid #004a8b; border-right: 1px solid #004a8b;} div.div-poll {margin-left:40%; margin-right:auto;} input.text.topic {background: #ccc;} div.right_column_push {display: block; height: 30px;} div.right_column_push2 {display: block; height: 80px;} div.odvoji-ispod {display: block; width: 100%; height: 35px;} div.odvoji-ispod2 {display: block; width: 100%; height: 45px;} div.odvoji-ispod0 {display: block; width: 100%; height: 25px;} div.odvoji-ispod02 {display: block; width: 100%; height: 45px;} div.titula {position: relative; display: block; margin: auto 5px; padding: 5px 0px; font-size: 11px; text-align: center; background: #eff6fa;} table.vesti_desno {border: 0px; padding: 0px; margin:0px;} table.vesti_desno tr {vertical-align: middle; height: 40px;} table.vesti_desno td {vertical-align: middle;} table.vesti_desno td img {width: 32px; margin-right: 8px;} table.vesti_desno td div {width: 32px; height: 32px; background-size:32px auto; margin-right: 8px; background-repeat: no-repeat; background-position: center center;} table.vesti_desno td.desno {line-height: 14px;} table.vesti_desno td.desno a {position: relative; top: -3px;} div.pagination_boxes {margin: 5px auto; width: 450px; text-align: center;} div.pagination_box {background-color: #f2f2f2; border: 1px solid #859099; width: 150px; margin: 5px 5px; padding: 20px; text-align: center; display: inline-block; cursor: pointer;} div.pagination_box:hover {background-color: #CAD3D8;} div.pagination_box a {font-weight: bold; color: #004A8B; text-decoration: none;} div.pagination_box a span {position: relative; top: -10px;} ul#srodne {position: fixed; left: 10px; top: 580px; z-index: 10000; border: 1px solid #728796;} ul#srodne.down {bottom: 5px; top: auto;} ul#srodne li.srodne_body {background: #fff49a url('../images2/arrow2.png') no-repeat; background-position: 165px 10px; z-index: 10000; width: 180px; border-top: 1px solid #aeb9bf; font-size: 13px; font-weight: bold; color: #000000; text-decoration: none; display: block; padding: 5px;} ul#srodne li.srodne_header {background: url('/templates/simplified/images2/sidebar-title4.png') repeat; color: #ffffff; z-index: 10000; width: 180px; font-size: 13px; font-weight: bold; text-decoration: none; display: block; padding: 5px;} ul#srodne li.srodne_header img.srodne_status {margin: 4px 3px 0 0; padding: 0px; display: inline-block; position: relative; float: right; cursor: pointer;} ul#srodne li a {font-size: 13px; font-weight: normal; color: #004a8b; text-decoration: none; display: block; padding: 5px 25px 5px 5px;} ul#srodne li a:hover {background: #C10000; color: #fff;} .nick_white, .nick_white a { height: 22px; text-align: left; font: normal 10px/22px Arial, sans-serif; color: #ffffff; text-shadow: none !important; text-indent: 0; text-decoration: none !important; } span#iznad_960 { display: inline-block; } .div_iznad_960 {display: block;} .div_ispod_961 {display: none;} @media screen and (max-width: 1200px) { .responsive_listbox {width: 70%;} } @media screen and (max-width: 1023px) { .post_slika{ max-width:90%; } } .gornji_baner_sa_malom_varijantom1 {display: block; margin-bottom: 15px;} .gornji_baner_sa_malom_varijantom2 {display: none;}