/********************************************************************* * Rekreacija CSS * @author Ivan Maros * @since 19.06.2009 ******************************************************************/ /****************************************************************** * General ******************************************************************/ * {padding: 0; margin: 0;} /*body, td {font: normal 12px/1.6em "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; color: #333;}*/ body, td {font: normal 12px/18px "Trebuchet MS", Trebuchet, Tahoma, Arial, Helvetica, sans-serif; color: #333;} body {margin: 0; padding: 0; outline: 0; text-align: center; background: #FFF url(http://static.rekreacija.hr/images/r_bg_body.gif) repeat-x 0% 0%;} a, a:link, a:visited, a:active, a:focus {color: #933; text-decoration: none; border-bottom: 1px dotted #933;} a:hover {color: #369; border-bottom: 1px dotted #369;} img {border-width: 0;} p {margin: 0 0 1.2em;} hr {border: 0; height: 1px; color: #666; background-color: #666; margin: 0 0 5px;} ul, ol, li {list-style: none; margin: 0; padding: 0;} form, fieldset, table, td {vertical-align: top; margin: 0; padding: 0; border: 0;} form select option {padding-right: 7px;} select option, input, textarea {font: normal 12px/18px "Trebuchet MS", Trebuchet, Tahoma, Arial, Helvetica, sans-serif;} h1, h2, h3, h4, h5, h6, h7 {font-family: "Trebuchet MS", Trebuchet, Tahoma, Arial, Helvetica, sans-serif;} .input-box {font: normal 12px "Trebuchet MS", Trebuchet, Tahoma, Arial, Helvetica, sans-serif; border: 1px solid #CCC; color: #333; padding: 1px 3px;} .warn-color {font-size: 11px; color: #F60; display: block;} .left {float: left;} .right {float: right;} .center {text-align: center;} .alignleft {text-align: left;} .alignright {text-align: right;} .clear {clear: both;} .clearleft {clear: left;} .clearright {clear: right;} .block {display: block;} .noborder {border: 0 ! important;} .bold {font-weight: bold;} .highlight {background-color: #FF0;} .nobg {background: none !important;} img.left {margin-right: 4px; margin-top: 3px;} img.right {margin-left: 4px; margin-top: 3px;} blockquote {margin: 1.2em 30px; font-family: monospace;} .link-icon {padding-right: 10px; background: url(http://static.rekreacija.hr/images/r_icon_link.gif) no-repeat 100% 50%;} .hide {display: none;} /****************************************************************** * Structure ******************************************************************/ #container {position: relative; width: 950px; margin: 0 auto; padding: 0; text-align: left;} #header, #content {clear: left; float: left; position: relative; width: 950px;} #footer {clear: both; position: relative; width: 100%;} #catalog-nav-box {float: left; width: 182px; margin-right: 10px; overflow: hidden;} #extras {float: left; width: 182px; overflow: hidden;} #main-content {float: left; width: 566px; margin-right: 10px; overflow: hidden;} /****************************************************************** * Header ******************************************************************/ #header {height: 100px; margin-bottom: 30px; background: url(http://static.rekreacija.hr/images/r_mens_sana.gif) no-repeat 0% 0%;} #main-banner {position: absolute; width: 468px; height: 60px; /*border: 1px solid #CCC; */right: 0px; top: 0px; overflow: hidden;} #main-banner img {display: block;} #topnav {position: absolute; right: 0px; bottom: 0px; text-align: right;} #topnav ul li {float: left; padding-left: 1px;} #topnav ul li a, #topnav ul li a span {display: block; float: left; height: 30px; font: normal 12px/30px "Trebuchet MS", Trebuchet, Tahoma, Arial, Helvetica, sans-serif; color: #FFF; text-shadow: #C33D38 -1px -1px 0;} #topnav ul li a {padding-right: 15px; text-align: center;} #topnav ul li a span {padding-left: 15px; padding-top: 2px; cursor: pointer;} #topnav ul li a:hover{color: #FC9;} #topnav ul li.current a {color: #FFC;} #topnav ul li.current a {background: #933 url(http://static.rekreacija.hr/images/r_bg_topnav_right.gif) no-repeat 100% 0%;} #topnav ul li a:hover span {color: #FC9;} #topnav ul li.current a span {color: #FFC; background: url(http://static.rekreacija.hr/images/r_bg_topnav_left.gif) no-repeat 0% 0%;} #logo-box {position: absolute; top: 42px; left: 0px; width: 182px; height: 58px; overflow: hidden; text-align: center;} #logo-box h1 {margin: 0; padding: 0;} #logo-box h1 a, #logo-box h1 a img {display: block;} #logo-box #quick-links li {display: inline;} #logo-box #quick-links li a img {padding-bottom: 6px;} #logo-box #quick-links li#logo a img {padding-bottom: 0;} #badge {position: absolute; display: block; top: 59px; left: 194px; width: 58px; height: 58px; he\ight: 48px; padding-top: 10px; color: #FFF; text-align: center; font: bold 11px/1.5em "Trebuchet MS", Trebuchet, Tahoma, Arial, Helvetica, sans-serif; background: url(http://static.rekreacija.hr/images/r_bg_badge.png) no-repeat 0% 0%; cursor: pointer;} #badge:hover {color: #FC9 !important;} #badge strong {display: block; font-size: 20px; text-shadow: #666 1px 1px 1px;} #section-title {position: absolute; bottom: -27px; left: 260px;} #section-title h2 {margin: 0; padding: 0; font-size: 18px; font-weight: normal; color: #C33;} #breadcrumbs {position: absolute; right: 0px; top: 103px; color: #333; font-weight: normal;} #breadcrumbs a {color: #666; font-weight: normal;} #breadcrumbs a:hover {color: #39C; font-weight: normal;} /****************************************************************** * Content ******************************************************************/ #zimska-cestitka {display: none; position: absolute; top: 0; left: -148px;} #zimska-cestitka2 {display: none; position: absolute; top: 0; right: -148px;} /*#content h2 {font-size: 34px; font-weight: normal; letter-spacing: 7px; padding-left: 17px; padding-bottom: 14px;}*/ h1 {font-size: 20px; font-weight: normal;} h2 {font-size: 18px; font-weight: normal;} h3 {font-size: 16px; font-weight: bold;} h4 {font-size: 14px; font-weight: bold;} h5 {font-size: 12px; font-weight: bold;} /* HREF handling */ #header a, #footer a, .side-box a, .sketch-board .item-box .item-text a, h1 a {border: none;} #header a:hover, #footer a:hover, .side-box a:hover, .sketch-board .item-box .item-text a:hover, h1 a:hover {border: none;} /* #main-content structure */ .full-board {float: left; width: 566px; overflow: hidden; margin-right: 10px;} .main-board {float: left; width: 374px; overflow: hidden; margin-right: 10px;} .sketch-board {float: left; width: 182px; overflow: hidden;} .box {position: relative;} .side-box {color: #FFF;} /* General rules */ h3.section-title {margin: 0; padding: 6px 0; color: #FFF; text-align: center; text-shadow: #444 1px 1px 1px; background: #C33D38 url(http://static.rekreacija.hr/images/r_bg_sectiontitle_374.gif) no-repeat 0% 0%;} h3.section-title a {color: #FFF !important; border: none !important;} h3.section-title a:hover {color: #FC9 !important; border: none !important;} h4.article-title, h1.article-title {margin: 0; padding: 7px 10px; color: #369; font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; background: url(http://static.rekreacija.hr/images/r_bg_articletitle_374.gif) no-repeat 0% 0%;} h4.article-title a, h1.article-title a {display: block; color: #369 !important; border: none !important;} h4.article-title a:hover, h1.article-title a:hover {color: #C33 !important;} h1.article-title a {display: inline;} .section-box {background: #FFF url(http://static.rekreacija.hr/images/r_bg_sectionbox.gif) repeat-y 0% 0%; margin-bottom: 10px;} .item-box {background: url(http://static.rekreacija.hr/images/r_bg_itembox.gif) no-repeat 0% 100%;} .item-box a.big-image, .item-box div.big-image {display: block; border: none;} div#big-image {height: 150px;} .item-box img.big-image {display: block; padding: 0 2px;} .item-box .item-text {padding: 0 4px 17px;} .item-box .static-text {padding: 12px 4px 17px; background: url(http://static.rekreacija.hr/images/r_bg_articletitle_374.gif) no-repeat 0% 0%;} /*.item-box .item-text a {display: inline;}*/ .item-box .item-text ul, .item-box .item-text ol, .item-box .item-text h2 {margin-bottom: 0.6em;} .item-box .item-text h2 {color: #933;} .item-box .item-text h3 {color: #933; font-size: 16px; font-weight: normal; margin-bottom: .4em;} .item-box .item-text ul li, .item-box .item-text ol li {margin-left: 30px;} .item-box .item-text ol li {list-style: decimal;} .item-box .item-text ul li {list-style: disc;} .item-box .item-text table {border-collapse: collapse;} .item-box .item-text table th, .item-box .item-text table td {padding: 4px;} .item-box .item-text table th {background-color: #E5E5E5; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; text-align: center;} div.control table th, .item-box .item-text div.control table td {padding: 0px;} div.control {padding-bottom: 20px; text-align: left;} div.control label.block {background-color: #E5E5E5; font-size: 14px; line-height: 24px; padding: 0 5px; margin-bottom: 7px;} div.control em.note {display: block; font-size: 11px; margin-top: -7px; padding-bottom: 7px;} div.control .input-box {font-size: 12px; border-color: #CCC;} #fileDelete a, #fileBrowse a {border: none;} .item-box .item-text ul.sports li {list-style: none;} #kontakt {padding-top: 20px;} #google-map {height: 540px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; border: 1px solid #E5E5E5; margin-top: 20px; margin-bottom: 12px;} #google-map tr:hover {cursor: pointer;} #google-map h3 {color: #333; font-size: 13px; font-weight: bold;} .edit-links {margin: 7px 0px; padding: 7px; background-color: #E5E5E5;} .edit-links.hide-editing-links {display: none;} .edit-links a {display: block; float: right; padding-left: 24px; border: none; line-height: 18px; background: url(http://static.rekreacija.hr/images/edit_icon.png) no-repeat 0% 0%; text-transform: lowercase;} .edit-links a.delete-link {float: right; margin-left: 12px; background-image: url(http://static.rekreacija.hr/images/delete_icon.png);} .more {line-height: 30px; padding-right: 30px; color: #933; font-weight: bold; font-size: 12px; text-align: right; background: url(http://static.rekreacija.hr/images/r_bg_more.gif) no-repeat 50% 0%;} .more a {display: block; padding-right: 14px; border: none !important; text-transform: lowercase; background: url(http://static.rekreacija.hr/images/r_more_arrow.gif) no-repeat 100% 50%;} h1.article-title a.right {display: block; background: url(http://static.rekreacija.hr/images/r_button_info.gif) no-repeat 0% 0%; width: 52px; height: 13px; text-indent: -9999px; border: none !important; margin-top: 10px; overflow: hidden;} h1.article-title a.right:hover {background-position: 0px -13px;} #item-info {display: none; position: relative; width: 366px; background: none !important;} #item-info h3 {color: #933; font-size: 16px; font-weight: normal; margin-bottom: .4em;} .separator {display: block; padding: 4px 0; background: #FFF url(http://static.rekreacija.hr/images/r_bg_separator-grey.gif) no-repeat 50% 50%;} .separator span {color: #369; background-color: #FFF; padding: 0 4px; font-size: 11px; font-weight: normal; text-transform: uppercase;} .separator-box.top-space {padding-top: 20px;} .separator-box .separator-items {padding: 0 12px;} .emphasized-data {color: #369; font-weight: bold;} /* Customization */ .item-box .article-list h2 {font-size: 12px; background: #FFF url(http://static.rekreacija.hr/images/r_bg_separator-grey.gif) no-repeat 50% 13px;} .item-box .article-list h2 span {background-color: #FFF; padding: 4px;} .item-box .article-list h2 span.left {text-transform: uppercase;} .item-box .article-list h2 span.right {text-transform: lowercase; color: #333; margin-right: 10px;} .item-box .article-list h3 a {color: #369 !important; border: none !important; font-size: 18px;} .item-box .article-list h3 a:hover {color: #C33 !important;} .item-box .article-list h4 {color: #666; font-size: 12px; font-weight: normal; margin-bottom: 1.2em;} .item-box .article-list h4 span {font-weight: bold;} .sketch-board ul, .sketch-board ul li, .related-articles, .related-articles li {list-style: none !important; margin-left: 0 !important;} .sketch-board ul li, .related-articles li {padding-bottom: 4px;} .sketch-board ul li a, .related-articles li a {display: block; padding: 0 7px 0 16px; background: #FFF url(http://static.rekreacija.hr/images/r_bullet_sketchboard_white.gif) no-repeat 5px 5px; border: none;} .sketch-board ul li a:hover, .related-articles li a:hover {background-position: -369px 5px; border: none;} .sketch-board ul li.current a {color: #369; background-position: -369px 5px;} .sketch-board h3.section-title {background-image: url(http://static.rekreacija.hr/images/r_bg_sectiontitle_182.gif);} .sketch-board .section-box {background-image: url(http://static.rekreacija.hr/images/r_bg_sectionbox_182.gif);} .sketch-board .item-box {background-image: url(http://static.rekreacija.hr/images/r_bg_itembox_182.gif);} .sketch-board .article-title {background-image: url(http://static.rekreacija.hr/images/r_bg_articletitle_182.gif);} .sketch-board .item-box .static-text {background-image: url(http://static.rekreacija.hr/images/r_bg_articletitle_182.gif);} .sketch-board .more {background-image: url(http://static.rekreacija.hr/images/r_bg_more_180.gif);} .side-box h3.section-title {background-image: url(http://static.rekreacija.hr/images/r_bg_sectiontitle_182b.gif);} .side-box .item-box {background-image: url(http://static.rekreacija.hr/images/r_bg_itembox_182b.gif);} .side-box .section-box {background-image: none; background-color: #933;} .side-box .item-box .item-text {padding-left: 0; padding-right: 0;} #footer-container h3.section-title {background-image: url(http://static.rekreacija.hr/images/r_bg_sectiontitle_566.gif);} #footer-container .item-box {background-image: url(http://static.rekreacija.hr/images/r_bg_itembox_566.gif);} #footer-container .section-box {background-image: url(http://static.rekreacija.hr/images/r_bg_sectionbox_566.gif);} #footer-container .item-box .static-text {padding-bottom: 12px; background-image: url(http://static.rekreacija.hr/images/r_bg_articletitle_566.gif);} #footer-container .more {background-image: url(http://static.rekreacija.hr/images/r_bg_more_564.gif);} #search {background-color: #C33D38;} #search label {display: block; padding-left: 16px; background: url(http://static.rekreacija.hr/images/r_icon_openlink.gif) no-repeat 4px 50%;} #search #q {width: 160px; border: 1px solid #C93;} #search #search-button, #filtering-submit input, #footer input#contact-button {border: none; color: #FFF; padding-right: 12px; background: url(http://static.rekreacija.hr/images/r_sidebox_white_arrow.gif) no-repeat 100% 50%; cursor: pointer;} .side-box-nav, .side-box-nav li {list-style: none !important; margin-left: 0 !important; line-height: 20px;} .side-box-nav {padding-top: 1px; background: url(http://static.rekreacija.hr/images/r_bg_sidebox_separator-dark.gif) no-repeat 0% 0%;} .side-box-nav li {padding-bottom: 1px; background: url(http://static.rekreacija.hr/images/r_bg_sidebox_separator-dark.gif) no-repeat 0% 100%;} .side-box-nav li a {display: block; color: #FFF; padding-left: 16px; background: url(http://static.rekreacija.hr/images/r_bullet_darkred.gif) no-repeat 5px 6px;} .side-box-nav li a:hover, .side-box-nav li.current a {color: #FC9; background-position: -369px 6px;} #alphabeth {padding-left: 11px; padding-top: 12px; padding-bottom: 20px; color: #CCC; text-align: center;} #alphabeth span, #alphabeth a, div.left div.item-text h3 a, div.right div.item-text h3 a {display: block; float: left; width: 25px; text-align: center; font-size: 12px; font-weight: bold; line-height: 18px; margin-right: 4px; margin-bottom: 4px;} #alphabeth a, div.left div.item-text h3 a, div.right div.item-text h3 a {color: #FFC; text-shadow: #444 1px 1px 1px; background: url(http://static.rekreacija.hr/images/r_bg_pagging_button.gif) no-repeat 0% 0%; border: none !important;} #alphabeth a:hover, div.left div.item-text h3 a:hover, div.right div.item-text h3 a:hover {color: #FFF; background-position: 0px -18px;} div.left div.item-text h3 a, div.right div.item-text h3 a {float: none;} div.item-text ol.items-list li {list-style: none; margin-left: 25px;} div.item-text ol.items-list li a {font-size: 12px; font-weight: normal; border: none !important;} #town-quarts {float: left; margin-bottom: 12px; padding-left: 14px;} #town-quarts li {float: left; padding-right: 10px;} #town-quarts li a {display: block; float: left; width: 79px; w\idth: 72px; padding-left: 7px; font-size: 18px; line-height: 25px; color: #FC9; text-shadow: #555 1px 1px 1px; background: #933 url(http://static.rekreacija.hr/images/r_bg_button_town.gif) no-repeat 0% 0%; border: none !important;} #town-quarts li a:hover, #town-quarts li.current a {color: #FFF; background-position: 0px -25px;} #centers-list {padding-bottom: 12px; background: url(http://static.rekreacija.hr/images/r_bg_more.gif) no-repeat 50% 100%;} #centers-list h2 {color: #FFF; text-align: center; margin: 4px 2px; margin-top: 12px; padding: 4px 8px; background: #933 url(http://static.rekreacija.hr/images/r_bg_center_name.gif) repeat-y 50% 0%;} .vcard h3 a.org {display: block; font-size: 13px; font-weight: bold; line-height: 20px; padding: 0 44px 0 7px; color: #FFC; background: url(http://static.rekreacija.hr/images/r_bg_center_name2.gif) no-repeat 2px 50%; border: none !important;} .vcard h3 a.org:hover {color: #FC9;} .vcard h3 a.premium {background-image: url(http://static.rekreacija.hr/images/r_bg_center_name3.gif);} .vcard ul, .vcard ol {padding: 2px 12px; margin-bottom: 0;} .vcard ul {padding-bottom: 0;} .vcard ul li {padding-bottom: 0; margin-bottom: 0; line-height: 18px; overflow: hidden;} .vcard ul li.last {padding-bottom: 4px; border-bottom: 1px solid #999;} .vcard ol {padding-top: 0;} .vcard li a.email, .vcard li div.email {display: block; padding-left: 18px; height: 18px; background: #FFF url(http://static.rekreacija.hr/images/r_icon_mail.gif) no-repeat 0 2px; border: none !important;} .vcard li div.email img {display: block;} .vcard li a.url {display: block; padding-left: 18px; background: #FFF url(http://static.rekreacija.hr/images/r_icon_url.gif) no-repeat 0% 50%; border: none !important;} .vcard ol li {border-top: 1px solid #999; padding: 2px 0; line-height: 18px; list-style: decimal; margin-left: 20px;} .vcard ol li.first {border-top: 0;} .vcard ol li div.adr {padding-left: 18px; background: #FFF url(http://static.rekreacija.hr/images/r_icon_addr.gif) no-repeat 0 2px;} .vcard ol li div.tel {padding-left: 18px; background: #FFF url(http://static.rekreacija.hr/images/r_icon_tel.gif) no-repeat 0% 50%;} .vcard ol li div.fax {padding-left: 18px; background: #FFF url(http://static.rekreacija.hr/images/r_icon_fax.gif) no-repeat 0% 50%;} .vcard ol li div.mob {padding-left: 18px; background: #FFF url(http://static.rekreacija.hr/images/r_icon_mob.gif) no-repeat 0% 50%;} .vcard ol li div.working-time {padding-left: 18px; background: #FFF url(http://static.rekreacija.hr/images/r_icon_workingtime.gif) no-repeat 0 2px;} #filtering {padding: 1px 2px;} #filtering form {color: #FFF; background-color: #C33D38;} #filtering h4 {text-align: center; color: #FFC; line-height: 20px; font-size: 16px; font-weight: normal; letter-spacing: 0.3em; margin: 0; margin-bottom: 2px; background: url(http://static.rekreacija.hr/images/r_bg_filtering_header.gif) no-repeat 50% 0%;} #filtering div {margin-bottom: 5px; text-align: center;} #filtering div.left, #filtering div.right {width: 180px; w\idth: 172px; padding-bottom: 5px; padding-left: 8px; margin-bottom: 5px; text-align: left;} #filtering div.right {width: 180px; padding-left: 0;} #filtering label.block {color: #FC9; text-align: left; font-size: 13px; padding-left: 8px; padding-bottom: 3px; margin-bottom: 5px; background: url(http://static.rekreacija.hr/images/r_filtering_separator_full.gif) no-repeat 50% 100%;} #filtering div.left label.block, #filtering div.right label.block {padding-left: 0; background-image: url(http://static.rekreacija.hr/images/r_filtering_separator_half.gif);} #filtering #filtering-submit {text-align: right; height: 24px; he\ight: 20px; padding-top: 4px; padding-right: 10px; background: url(http://static.rekreacija.hr/images/r_filtering_separator_end.gif) no-repeat 0% 0%;} #filtering #filtering-submit img {padding-top: 2px;} /*#filtering #neighbours {display: none;}*/ #filtering #neighbours label {white-space: nowrap; margin-right: 7px;} #filtering select {width: 160px;} #messages {padding: 0 2px 2px; color: #666;} #messages-inbox {color: #FFF; background: #369 url(http://static.rekreacija.hr/images/r_bg_bluebox_bottom.gif) no-repeat 0% 100%;} #messages-inbox-header {padding: 5px; color: #FFF; background: #369 url(http://static.rekreacija.hr/images/r_bg_bluebox_top.gif) no-repeat 0% 0%;} #messages-inbox-header #new-message {display: block; width: 100px; height: 20px; line-height: 20px; color: #FFF; background: #2F9BCE url(http://static.rekreacija.hr/images/r_bg_new_message.gif) no-repeat 0% 0%; margin: 0; padding: 0; border: 0; text-align: center;} #messages-inbox-header #new-message:hover {background-color: #2F669B;} #messages-tabs {padding: 0 4px;} #messages-tabs, #messages-tabs li {float: left;} #messages-tabs li {border-right: 1px solid #9BB5CE;} #messages-tabs li a {display: block; float: left; line-height: 18px; color: #FFF; background: url(http://static.rekreacija.hr/images/r_bg_messages_status.gif) repeat-x 0% 0%; margin: 0; padding: 0 5px; border: 0;} #messages-tabs li a:hover {background-image: url(http://static.rekreacija.hr/images/r_bg_messages_status_over.gif);} #messages-tabs li.current a {color: #2F669B; background-image: none; background-color: #FFF;} #messages-inbox-body {clear: left; padding: 0 4px;} #messages-inbox-commands {color: #9B9B9B; background-color: #D7E1EC; line-height: 18px; text-align: right; padding-right: 4px;} #messages-inbox-commands a {color: #2F9BCE; margin: 0; padding: 0; border: 0;} #messages-inbox-commands a:hover {color: #369;} #messages-inbox-commands input, #messages-inbox-list li input {float: left; margin: 2px 4px 0;} #messages-inbox-list {color: #666; background-color: #FFF;} #messages-inbox-list li {position: relative; padding: 2px 0; border-top: 1px solid #CECECE;} #messages-inbox-list li.unread {background-color: #F6ECD7;} #messages-inbox-list li:hover {background-color: #FFC; cursor: pointer;} #messages-inbox-list li h3, #messages-inbox-list li h3 a {color: #2F669B; font-size: 12px; font-weight: bold; margin: 0; padding: 0; border: 0; line-height: 18px;} #messages-inbox-list li h3 a:hover {color: #2F9BCE;} #messages-inbox-list li .avatar {float: left; margin-right: 4px; margin-top: 3px; margin-left: 22px; padding: 0; border: none;} #messages-inbox-list li .avatar img {display: block;} #messages-inbox-list li h4 {color: #666; font-size: 12px; font-weight: normal;} #messages-inbox-list li h4 a {font-weight: bold;} #messages-inbox-list li img.answered {position: absolute; bottom: 6px; left: 4px;} #messages-inbox-footer {padding: 5px;} #messages-inbox-footer div.right a {color: #FFF; font-weight: bold; margin: 0; padding: 0; border: 0;} #messages-inbox-footer div.right a:hover {color: #FF9;} #comments {padding: 2px; color: #666;} #comments li {padding: 12px 0 12px 4px; background: url(http://static.rekreacija.hr/images/r_bg_separator-grey.gif) no-repeat -2px 100%;} #comments li div.user-type {padding-left: 3px; border-left: 3px solid #CCC;} #comments li div.user-2 {border-color: #369;} #comments li div.user-3 {border-color: #933;} #comments li div.user-4 {border-color: #C93;} #comments li div.user-type div.clear p {margin-top: 12px; margin-bottom: 0px;} #comments h3 {color: #369; font-size: 12px; font-weight: normal; padding-left: 16px; padding-bottom: 4px; background: url(http://static.rekreacija.hr/images/r_icon_bubble.gif) no-repeat 0% 2px;} #comments h3 a {color: #369; border: none;} #comments h3 a:hover {color: #C33; border: none;} #comments .avatar {float: left; margin-right: 4px; margin-top: 3px; padding: 0; border: none;} #comments .avatar img {display: block;} #comments h4 {color: #666; font-size: 12px; font-weight: normal;} #comments h4 a {font-weight: bold;} #comments #komentiraj {position: relative; color: #FFF; margin-bottom: 12px; background: #369 url(http://static.rekreacija.hr/images/r_bg_bluebox_bottom.gif) no-repeat 0% 100%;} #comments #komentiraj h3 {color: #FFF; text-align: center; font-size: 16px; font-weight: normal; padding-top: 2px; background: #369 url(http://static.rekreacija.hr/images/r_bg_bluebox_top.gif) no-repeat 0% 0%;} #comments #komentiraj .rss {position: absolute; display: block; width: 14px; height: 14px; right: 7px; top: 5px;} #comments #komentiraj a {color: #FF0; border-color: #FF0;} #comments #komentiraj a:hover {color: #FFF; border-color: #FFF;} #comments #komentiraj .control {padding-left: 2px; padding-right: 2px; padding-bottom: 7px;} #comments #komentiraj .input-box {width: 358px; border-color: #C93;} #comments #komentiraj #posalji-komentar {border: none; color: #FFF; padding: 0; padding-right: 12px; font-weight: bold; background: url(http://static.rekreacija.hr/images/r_blue_arrow.gif) no-repeat 100% 50%; cursor: pointer;} #comments #komentiraj div.submit {padding-bottom: 2px; padding-top: 2px; text-align: right; padding-right: 12px;} #comments #komentiraj div.no-bottom-padding {padding-bottom: 0;} #comments #komentiraj div.rss-footer {padding: 2px 7px;} #comments ul.legend, #comments ul.legend li {float: left; margin: 0; padding: 0; border: 0; background: none;} #comments .separator-box {padding-bottom: 12px; background: url(http://static.rekreacija.hr/images/r_bg_separator-grey.gif) no-repeat -2px 100%;} #comments ul.legend li {border-left: 3px solid #CCC; margin-right: 12px; padding-left: 4px;} #comments ul.legend li.user-2 {border-color: #369;} #comments ul.legend li.user-3 {border-color: #933;} #comments ul.legend li.user-4 {border-color: #C93;} /*#comments #komentiraj form {display: none;}*/ /* BEGIN Homepage */ #homepage #lead-slide a {border: none;} #homepage #lead-slide {position: relative; padding: 0; margin-bottom: 0px; background-color: #933;} #homepage #lead-slide h3 {height: 30px; line-height: 30px; text-shadow: #444 1px 1px 1px; background: #933 url(http://static.rekreacija.hr/images/r_bg_leadslide_top.gif) no-repeat 0% 0%;} #homepage #lead-slide h3 a, #homepage #lead-slide-footer a {display: block; color: #FFF; padding-left: 18px;} #homepage #lead-slide h3 a:hover, #homepage #lead-slide-footer a:hover, #homepage #lead-slide-articles ol li a:hover, #homepage #lead-slide-articles ol li.current a {color: #FC9;} #homepage #slider {margin-left: 2px;} #homepage #slider, #homepage #slider ul li {position: relative; width: 370px; height: 150px; overflow: hidden;} #homepage #slider ul li h4.article-title {position: absolute; z-index: 10; bottom: 0; left: 0; padding: 10px 0 0 14px; width: 370px; w\idth: 358px; background: url(http://static.rekreacija.hr/images/r_bg_articletitle_370.png) no-repeat 0% 0%; text-shadow: #DDD 1px 1px 1px;} #homepage #slider ul li h4.article-title a span {display: block; font-size: 10px; font-weight: normal; padding-left: 2px; line-height: .8em; text-transform: uppercase;} #homepage #lead-slide-footer {padding-right: 30px; height: 30px; line-height: 30px; text-align: right; font-weight: bold; text-transform: lowercase; background: #933 url(http://static.rekreacija.hr/images/r_bg_leadslide_footer.gif) no-repeat 0% 0%;} #homepage #lead-slide-footer a {padding-right: 15px; background: url(http://static.rekreacija.hr/images/r_footer_white_arrow.gif) no-repeat 100% 12px;} #homepage #lead-slide-articles {position: absolute; z-index: 50; top: 30px; right: 0; padding: 8px 5px 4px 35px; width: 225px; w\idth: 185px; height: 150px; he\ight: 138px; color: #FFF; background: url(http://static.rekreacija.hr/images/r_bg_leadslide_article.png) no-repeat 0% 0%;} #homepage #lead-slide-articles p {margin-bottom: .6em; text-transform: uppercase; text-shadow: #666 1px 1px 1px;} #homepage #lead-slide-articles ol li a {display: block; color: #FFF; padding-left: 12px; background: url(http://static.rekreacija.hr/images/r_bg_leadslide_article_arrow.gif) no-repeat 0% 7px;} #homepage #lead-slide-articles ol li.current {padding-left: 2px;} #homepage #lead-slide-articles ol li.current a {font-weight: bold;} #homepage #lead-slide-articles ol li a:hover, #homepage #lead-slide-articles ol li.current a {background-image: url(http://static.rekreacija.hr/images/r_bg_leadslide_article_arrow_on.gif);} #homepage #homepage-premiums {position: relative; margin-bottom: 10px; width: 566px; height: 237px; overflow: hidden; background-image: url(http://static.rekreacija.hr/images/u_bg_premiums.gif);} #homepage #homepage-premiums a {border: none;} #homepage #homepage-premiums h4 {padding-top: 10px; padding-left: 18px; color: #FFF; font-size: 12px; font-weight: normal; text-transform: uppercase; text-shadow: #666 1px 1px 1px;} #homepage #homepage-premiums h3 a {display: block; padding-top: 2px; padding-left: 16px; color: #FFF; font-size: 18px; font-weight: normal;} #homepage #homepage-premiums h3 a:hover {color: #FC9;} #homepage #homepage-premiums a.big-image {position: absolute; display: block; top: 28px; left: 98px; width: 370px; height: 150px; background:url(/images/loading.gif) no-repeat 50% 50%; overflow: hidden;} #homepage #homepage-premiums .premium-image {display: block; width: 370px; height: 150px;} #homepage #homepage-premiums a#premium-left {position: absolute; display: block; top: 64px; left: 11px; width: 74px; height: 136px; overflow: hidden; cursor: pointer;} #homepage #homepage-premiums a#premium-right {position: absolute; display: block; top: 64px; right: 11px; width: 74px; height: 136px; overflow: hidden; cursor: pointer;} #homepage #homepage-premiums a#premium-left:hover, #homepage #homepage-premiums a#premium-right:hover {top: 62px;} #homepage #homepage-premiums #premiums-footer {position: absolute; bottom: 0px; right: 0px; padding-right: 30px; height: 30px; line-height: 30px; text-align: right; font-weight: bold; text-transform: lowercase;} #homepage #homepage-premiums #premiums-footer a {display: block; color: #FFF; padding-right: 15px; background: url(http://static.rekreacija.hr/images/r_sidebox_white_arrow.gif) no-repeat 100% 12px;} #homepage #homepage-premiums #premiums-footer a:hover {color: #FC9;} #homepage #homepage-premiums .premium-location {position: absolute; top: 178px; left: 25px; color: #FFF; padding-left: 18px; height: 30px; line-height: 30px; overflow: hidden; background: url(http://static.rekreacija.hr/images/u_bg_premium_home.gif) no-repeat 0% 50%;} #homepage #homepage-premiums div.premium {position: absolute; top: 28px; left: 0px;} #homepage .info-banners {height: 130px; margin-bottom: 10px; overflow: hidden;} #homepage #articles {} .full-board h3.section-title {background-image: url(http://static.rekreacija.hr/images/r_bg_sectiontitle_566w.gif);} .full-board .section-box {background-image: url(http://static.rekreacija.hr/images/r_bg_sectionbox_566.gif);} .full-board .item-box {background-image: url(http://static.rekreacija.hr/images/r_bg_itembox_566w.gif);} .full-board .article-title {background-image: url(http://static.rekreacija.hr/images/r_bg_articletitle_566.gif);} .full-board .item-box .static-text {background-image: url(http://static.rekreacija.hr/images/r_bg_articletitle_566.gif);} .full-board .more {background-image: url(http://static.rekreacija.hr/images/r_bg_more_564.gif);} .full-board .separator {background-image: url(http://static.rekreacija.hr/images/r_bg_separator-grey_566.gif);} .full-board .main-board .item-box, .full-board .sketch-board .item-box {background: none;} .full-board .item-box .item-text, .full-board .item-box .item-text {padding-bottom: 4px;} /* END Homepage */ /* BEGIN Premium specifics */ #submenu {padding: 7px 1px 12px; background: url(http://static.rekreacija.hr/images/r_bg_articletitle_374.gif) no-repeat 0% 0%;} #submenu ul {padding-left: 7px; padding-top: 7px; width: 370px; w\idth: 363px; background: #FFF url(http://static.rekreacija.hr/images/r_bg_submenu_separator.gif) no-repeat 50% 100%;} #submenu ul, #submenu ul li, #submenu ul li a, #submenu ul li a span {display: block; float: left;} #submenu ul li {margin-right: 2px; margin-bottom: 1px; background-color: #39C;} #submenu ul li a {padding-left: 3px; text-decoration: none; border: none; color: #FFF; background-image: url(http://static.rekreacija.hr/images/r_bg_submenu_off.gif); background-repeat: no-repeat; text-shadow: #369 1px 1px 0;} #submenu ul li a span {padding: 4px 7px 3px 4px; background-image: url(http://static.rekreacija.hr/images/r_bg_submenu_off.gif); background-repeat: no-repeat; background-position: 100% 0%; cursor: pointer;} #submenu ul li a:hover {background-color: #369; background-image: url(http://static.rekreacija.hr/images/r_bg_submenu_on.gif); background-repeat: no-repeat; text-shadow: #333 1px 1px 0;} #submenu ul li a:hover span {background-image: url(http://static.rekreacija.hr/images/r_bg_submenu_on.gif); background-repeat: no-repeat; background-position: 100% 0%;} #submenu ul li.current a {background-image: url(http://static.rekreacija.hr/images/r_bg_submenu_on.gif); background-repeat: no-repeat; text-shadow: #333 1px 1px 0;} #submenu ul li.current a span {background-image: url(http://static.rekreacija.hr/images/r_bg_submenu_on.gif); background-repeat: no-repeat; background-position: 100% 0%;} #submenu ul li.current a:hover {background: transparent; background-image: url(http://static.rekreacija.hr/images/r_bg_submenu_on.gif); background-repeat: no-repeat; text-shadow: #333 1px 1px 0;} #submenu ul li.current {margin-bottom: 0; padding-bottom: 1px;} #submenu ul li.current {background: #369 url(http://static.rekreacija.hr/images/r_bg_submenu_arrow.gif) no-repeat 50% 100%;} #premium-box .vcard ul, #premium-box .vcard ol {padding: 2px 0px; margin-bottom: 7px;} #premium-box .vcard ul li.last {padding-bottom: 4px; border-bottom: none;} #premium-box .vcard ol, #premium-box .vcard ol li {margin-left: 10px; color: #369; font-weight: bold;} #premium-box .vcard ol li div, #premium-box .vcard ol li span {color: #333; font-weight: normal;} #premium-box ul.sports, #premium-box ul.sports li {margin-left: 0;} #premium-box ul.sports, #premium-box ul.sports li, #premium-box ul.sports li a, #premium-box ul.sports li a span {display: block; float: left;} #premium-box ul.sports li {margin-right: 4px; margin-bottom: 7px;} #premium-box ul.sports li a {padding-left: 9px; line-height: 15px; height: 15px; overflow: hidden; text-decoration: none; border: none; color: #FFF; background: url(http://static.rekreacija.hr/images/r_bg_sports_button.gif) no-repeat 0% 0%; text-shadow: #933 1px 1px 0;} #premium-box ul.sports li a:hover {background-position: 0px -15px; text-shadow: #C33D38 1px 1px 0;} #premium-box ul.sports li a span {padding-right: 9px; background: url(http://static.rekreacija.hr/images/r_bg_sports_button.gif) no-repeat 100% 0%; cursor: pointer;} #premium-box ul.sports li a:hover span {background-position: 100% -15px;} #premium-box h2.category-title, #premium-box h2.category-title a {font-size: 16px; color: #666; background: none; margin-bottom: 0px; padding-top: 4px; border: none;} /* END Premium specifics */ /* BEGIN Profile specifics */ #current-profile-status {padding-bottom: 20px; color: #FFC; background: url(http://static.rekreacija.hr/images/r_bg_itembox_182b.gif) no-repeat 0% 100%;} #current-profile-status a {color: #FFC;} #current-profile-status a:hover {color: #FC9;} #current-profile-status .side-box-nav, #current-profile-status .side-box-nav li {background: none;} #current-profile-status #quick-info {color: #FFC; font-size: 11px; padding-top: 10px; padding-bottom: 7px;} a.button, a.button span {display: block; color: #FFF; text-align: center; text-decoration: none; text-transform: none; border: none; line-height: 18px; background: #FFF url(http://static.rekreacija.hr/images/r_bg_button.gif) no-repeat 0% 0%;} a.button {padding-left: 5px;} a.button span {padding-right: 5px; background-position: 100% 0%; cursor: pointer;} a.button:hover {background-position: 0% -18px;} a.button:hover span {background-position: 100% -18px;} #current-profile-status a.button, #current-profile-status a.button span {background-color: #933;} #user-big-avatar {float: left; margin-right: 4px; margin-top: 3px; width: 200px; height: 200px; line-height: 200px; font-size: 20px; text-align: center; color: #FFF; background-color: #CCC;} #user-big-avatar a, #user-big-avatar a img {display: block; width: 200px; height: 200px; line-height: 200px; margin: 0; padding: 0; border: 0; overflow: hidden;} #user-info {position: relative; height: 203px; color: #999; font-size: 11px; text-transform: uppercase; overflow: hidden;} #user-info h3, #user-info p strong {display: block; font-size: 12px; font-weight: normal; margin: 0; padding: 0; color: #333; text-transform: none;} #user-info h3, #user-info p {margin-bottom: 5px;} #user-buttons {position: absolute; bottom: 0; left: 0;} #user-buttons, #user-buttons li {margin: 0; padding: 0; border: 0;} #user-buttons li {padding-top: 5px;} #user-info #user-buttons a.button, #user-info #user-buttons a.button span {font-size: 12px;} /* END Profile specifics */ .review-useful span {padding-left: 5px;} .review-useful span, .review-useful a {display: block; float: left; margin-right: 7px;} .review-useful a {width: 25px; text-align: center; color: #FFF; text-shadow: #444 1px 1px 1px; background: url(http://static.rekreacija.hr/images/r_bg_pagging_button.gif) no-repeat 0px -18px; border: none !important;} .review-useful a:hover {color: #FFC; background-position: 0% 0%;} span.rating {margin-right: 4px;} span.rating, span.rating span {display: block; float: left; width: 70px; height: 13px; overflow: hidden; text-indent: -9999px; background: url(http://static.rekreacija.hr/images/r_stars.gif) no-repeat 0px -13px;} span.rating span {background-position: 0px 0px;} span.rating span.stars_1 {width: 14px;} span.rating span.stars_2 {width: 28px;} span.rating span.stars_3 {width: 42px;} span.rating span.stars_4 {width: 56px;} span.rating span.stars_5 {width: 70px;} #user-menu {color: #FFF; background-color: #C33D38; margin-bottom: 10px;} #user-menu img.avatar {display: block; padding: 2px;} #user-menu ul.general-menu li, #user-menu ul.owner-menu li {padding: 0; padding-top: 1px; background: url(http://static.rekreacija.hr/images/r_bg_sidebox_separator-dark.gif) no-repeat 0% 0%;} #user-menu ul.general-menu li a, #user-menu ul.owner-menu li a {display: block; color: #FFF; background: none; margin: 0; padding: 0; padding-left: 16px; line-height: 20px; background: url(http://static.rekreacija.hr/images/r_bullet_lightred.gif) no-repeat 5px 6px;} #user-menu ul.general-menu li a:hover, #user-menu ul.general-menu li.current a, #user-menu ul.owner-menu li a:hover, #user-menu ul.owner-menu li.current a {color: #FC9; background-position: -369px 6px;} #user-menu ul.general-menu li.current {padding-left: 2px;} #user-menu ul.action-menu {padding-top: 1px;} #user-menu ul.action-menu li {margin: 0; padding: 0; margin-bottom: 1px; background-color: #C33D38;} #user-menu ul.action-menu li, #user-menu ul.action-menu li a {display: block; line-height: 30px;} #user-menu ul.action-menu li a {margin: 0; padding: 0; height: 30px; color: #933; background: url(http://static.rekreacija.hr/images/r_bg_button.png) no-repeat 0% 0%; overflow: hidden;} #user-menu ul.action-menu li a:hover, #user-menu ul.action-menu li.current a {color: #FC9; background-position: -182px 0px;} #user-menu ul.action-menu li a span {display: block; padding-left: 41px; background-image: url(http://static.rekreacija.hr/images/r_button_default.png); background-repeat: no-repeat; background-position: 2px 0; cursor: pointer;} #user-menu ul.action-menu li a span#new-record {background-image: url(http://static.rekreacija.hr/images/r_button_new.png);} #user-menu ul.action-menu li a span#show-edit-buttons {background-image: url(http://static.rekreacija.hr/images/r_button_show_edit.png);} #user-menu ul.action-menu li a span#hide-edit-buttons {background-image: url(http://static.rekreacija.hr/images/r_button_show_edit.png); background-position: 2px -30px;} #user-menu ul.action-menu li a span#send-message {background-image: url(http://static.rekreacija.hr/images/r_button_send_message.png);} #user-menu ul.action-menu li a span#follow-me {background-image: url(http://static.rekreacija.hr/images/r_button_follow.png);} #user-menu ul.action-menu li a span#unfollow-me {background-image: url(http://static.rekreacija.hr/images/r_button_follow.png); background-position: 2px -30px;} #user-menu ul.action-menu li a span#become-member {background-image: url(http://static.rekreacija.hr/images/r_button_member.png);} #user-menu ul.action-menu li a span#unbecome-member {background-image: url(http://static.rekreacija.hr/images/r_button_member.png); background-position: 2px -30px;} #user-menu ul.action-menu li a span#unpatiented-member {background-image: url(http://static.rekreacija.hr/images/r_button_member.png); background-position: 2px -60px;} #user-menu ul.action-menu li a span#favorite-profile {background-image: url(http://static.rekreacija.hr/images/r_button_favorite_profile.png);} #user-menu ul.action-menu li a span#unfavorite-profile {background-image: url(http://static.rekreacija.hr/images/r_button_favorite_profile.png); background-position: 2px -30px;} #user-menu ul.action-menu li a span#change-avatar {background-image: url(http://static.rekreacija.hr/images/r_button_change_avatar.png);} #user-menu ul.action-menu li a span#edit-profile {background-image: url(http://static.rekreacija.hr/images/r_button_edit_profile.png);} #user-menu ul.action-menu li a span#profile-settings {background-image: url(http://static.rekreacija.hr/images/r_button_profile_settings.png);} #user-menu ul.general-menu {padding-bottom: 1px; background: url(http://static.rekreacija.hr/images/r_bg_sidebox_separator-dark.gif) no-repeat 0% 100%;} #user-menu ul.owner-menu li, #user-menu ul.owner-menu li a {font-weight: bold;} #user-menu ul.owner-menu li a {padding-left: 23px; background: url(http://static.rekreacija.hr/images/r_bg_icon_settings.gif) no-repeat 5px 3px;} #user-menu ul.owner-menu li a:hover, #user-menu ul.owner-menu li.current a {background-position: -177px 3px;} #user-menu ul.owner-menu li a#link-to-messages, #user-menu ul.owner-menu li a#link-to-messages:hover {background-image: url(http://static.rekreacija.hr/images/r_bg_icon_messages.gif);} #user-menu ul.owner-menu li a#link-to-settings, #user-menu ul.owner-menu li a#link-to-settings:hover {background-image: url(http://static.rekreacija.hr/images/r_bg_icon_settings.gif);} /* Register */ .err-message {font-size: 11px; color: #933;} #cboxLoadedContent h2 {margin-bottom: .8em; text-align: left; color: #369; font-size: 20px;} #register label {background-color: #FFF; margin-bottom: 0; font-weight: normal;} #register .input-box {width: 162px;} .input-box:focus {border-color: #C93 !important;} #register .explanation-wrap {float: right; width: 194px; w\idth: 187px; padding-left: 7px; overflow: hidden; background: url(http://static.rekreacija.hr/images/r_explanation.gif) no-repeat 100% 0%;} #register .explanation-wrap .explanation {float: right; width: 187px; w\idth: 167px; padding-left: 20px; padding-top: 1px; padding-bottom: 2px; overflow: hidden; font-size: 11px; color: #888; background: url(http://static.rekreacija.hr/images/r_explanation_bottom.gif) no-repeat 100% 100%;} #cboxLoadedContent .err-message {display: block; width: 162px; font-size: 11px; color: #933; overflow: hidden;} .errors-wrapper {margin-left: 2px; margin-bottom: 12px; width: 362px; padding-top: 7px; background: #F3D8D7 url(http://static.rekreacija.hr/images/r_bg_error_top.gif) no-repeat 0% 0%;} .errors {width: 362px; w\idth: 348px; padding: 7px; padding-top: 0; overflow: hidden; background: #F3D8D7 url(http://static.rekreacija.hr/images/r_bg_error_bottom.gif) no-repeat 0% 100%; text-align: left;} .errors h2 {font-size: 16px !important; color: #933 !important;} .errors ul li {margin-left: 25px; list-style: disc;} /* Nice rounded-shadowed-box primer: background-color: #F5EBD6;padding:5px 10px;margin:0 0 14px 12px;margin-bottom:26px;color:#444;-webkit-border-radius:5px;-moz-border-radius:5px;-webkit-box-shadow:0 1px 2px #CCC;-moz-box-shadow:0 1px 2px #CCC;border:1px solid #f1f1f1;text-align:left; */ #why-register {padding-top: 7px;} #why-register li {padding-bottom: .8em;} ul#why-register li {list-style: circle;} .item-box .item-text .profiles-list {float: left; width: 100%;/* background-color: #E5E5E5;*/ margin-top: 12px !important; padding-top: 1% !important; padding-left: 1% !important;} .item-box .item-text .profiles-list, .item-box .item-text .profiles-list li {margin: 0; padding: 0; list-style: none;} .item-box .item-text .profiles-list li {position: relative; float: left; width: 49%; margin: 0 1% 1% 0; overflow: hidden; color: #666; background-color: #FFF;} .item-box .item-text .profiles-list li.on {background-color: #E5CC99;} .item-box .item-text .profiles-list li a {border: none;} .item-box .item-text .profiles-list li .avatar {display: block; float: left; margin: 2px 4px 2px 2px; padding: 0; border: none;} .item-box .item-text .profiles-list li .avatar img {display: block;} .item-box .item-text .profiles-list li a.button {position: absolute; bottom: 2px; left: 56px;} .item-box .item-text .profiles-list li.on a.button, .item-box .item-text .profiles-list li.on a.button span {background-color: #E5CC99;} .item-box .item-text .profiles-list.oneliner {float: none; margin: 0; padding-left: 0 !important; border-bottom: 1px solid #CCC;} .item-box .item-text .profiles-list.oneliner li {float: none; width: 366px; margin: 0; padding: 0; border-top: 1px solid #CCC; padding-top: 4px; padding-bottom: 4px;} .item-box .item-text .profiles-list.oneliner li a.button {bottom: 6px;} .item-box .item-text .profiles-list.oneliner li div.status-info {float: right; width: 49%;} .item-box .item-text .profiles-list.oneliner li div.status-info .select-user-type {width: 150px; font-size: 11px; overflow: hidden;} .item-box .item-text .profiles-list.oneliner li div.status-info a.delete-member {float: right; margin-top: 2px;} .item-box .item-text .activities, .item-box .item-text .activities li {margin: 0; padding: 0; list-style: none;} .item-box .item-text .activities li {padding-left: 32px; padding-bottom: 7px; background: url(http://static.rekreacija.hr/images/r_w_articles.png) no-repeat 0px 4px;} .item-box .item-text .activities li.icon-article {background-image: url(http://static.rekreacija.hr/images/r_w_articles.png);} .item-box .item-text .activities li.icon-calendar {background-image: url(http://static.rekreacija.hr/images/r_w_calendar.png);} .item-box .item-text .activities li.icon-blog {background-image: url(http://static.rekreacija.hr/images/r_w_blog.png);} .item-box .item-text .activities li.icon-comment {background-image: url(http://static.rekreacija.hr/images/r_w_comments.png);} .item-box .item-text .activities li.icon-gallery {background-image: url(http://static.rekreacija.hr/images/r_w_galeries.png);} .item-box .item-text .activities li.icon-page {background-image: url(http://static.rekreacija.hr/images/r_w_pages.png);} .item-box .item-text .activities li.icon-review {background-image: url(http://static.rekreacija.hr/images/r_w_reviews.png);} #main-content dl.widget {margin: 0; padding: 0; border: 0; margin-bottom: 12px; background: #FFF url(http://static.rekreacija.hr/images/r_bg_widgetbox.gif) repeat-y 0% 0%;} #main-content dl.widget dt {margin: 0; padding: 4px 0 7px; border: 0; font: bold 16px/30px "Trebuchet MS", Trebuchet, Tahoma, Arial, Helvetica, sans-serif; color: #FFC; text-align: center; background: #FFF url(http://static.rekreacija.hr/images/r_bg_widgetbox_title.gif) no-repeat 0% 4px;} #main-content dl.widget dt.top-title {margin: 0; padding-top: 0; background-position: 0% 0%; font-size: 16px;} #main-content dl.widget dd {margin: 0; padding: 1px 3px 3px; border: 0; background: url(http://static.rekreacija.hr/images/r_bg_widgetbox_bottom.gif) no-repeat 0% 100%;} #main-content dl.widget dd img.big-image {display: block; width: 368px;} #main-content dl.widget dd .text-box {padding: 4px;} #main-content dl.widget dd .text-box h1 {font-size: 20px; font-weight: normal;} #main-content dl.widget dd .text-box h2 {font-size: 18px; font-weight: normal;} #main-content dl.widget dd .text-box h3 {font-size: 16px; font-weight: bold;} #main-content dl.widget dd .text-box h4 {font-size: 14px; font-weight: normal;} #main-content dl.widget dd .text-box h5 {font-size: 12px; font-weight: normal;} #main-content .sketch-board dl.widget {background-image: url(http://static.rekreacija.hr/images/r_bg_sketchbox.gif);} #main-content .sketch-board dl.widget dt {background-image: url(http://static.rekreacija.hr/images/r_bg_sketchbox_title.gif);} #main-content .sketch-board dl.widget dt.top-title {font-size: 16px;} #main-content .sketch-board dl.widget dd {background-image: url(http://static.rekreacija.hr/images/r_bg_sketchbox_bottom.gif);} #main-content .sketch-board dl.widget dd ul {margin-left: 2px;} #main-content .sketch-board dl.widget dd ul li {padding-bottom: 4px; line-height: 1.5em;} #main-content .sketch-board dl.widget dd li a {display: block; color: #369;} #main-content .sketch-board dl.widget dd li a:hover {color: #C33;} #main-content .sketch-board dl.widget dd ul li a {padding-left: 15px; background: url(http://static.rekreacija.hr/images/r_bullet_arrow.gif) no-repeat 0 6px;} #main-content .sketch-board dl.widget dd ul li a:hover {background-image: url(http://static.rekreacija.hr/images/r_bullet_arrow_on.gif);} #main-content ul, #main-content ol {line-height: 18px;} #main-content dl {border: 1px solid #C33;} #main-content dl dt {color: #FFF; background-color: #C33; padding: 0 7px; font-size: 12px; font-weight: bold; line-height: 20px;} #main-content dl dt a {color: #FFF; display: block;} #main-content dl dt a:hover {color: #CBB;} #main-content dl dd {padding: 7px;} #main-content dl dd ul {margin-bottom: 4px; margin-left: 4px; margin-right: 4px;} #main-content dl dd ul li {line-height: 18px;} #main-content dl dd ol {margin-bottom: 7px; margin-left: 32px; margin-right: 4px;} #main-content dl dd ol li {list-style: decimal; line-height: 18px;} #main-content div.big-pic {padding: 7px 10px 10px 6px; background: url(http://static.rekreacija.hr/images/ms_bg_pic344x258.jpg) no-repeat 0% 0%;} #main-content div.big-pic a {display: block; width: 344px; height: 258px; overflow: hidden;} #main-content ul.thumbnails {float: left; width: 360px; padding: 12px 0;} #main-content ul.thumbnails li {display: block; float: left; width: 90px; w\idth: 79px; height: 69px; he\ight: 58px; padding: 5px 6px 6px 5px; background: url(http://static.rekreacija.hr/images/ms_bg_pic74x53.jpg) no-repeat 0% 0%;} #main-content ul.thumbnails li a {display: block; float: left; width: 74px; height: 53px; overflow: hidden;} #main-content ul.info {float: left; width: 100%; w\idth: 358px; margin: 12px 0; border: 1px solid #CCC; border-top-width: 0;} #main-content ul.info li {clear: both; float: left; width: 100%; line-height: 30px; border-top: 1px solid #CCC; background: #E7E7E7 url(http://static.rekreacija.hr/images/ms_bg_separator.gif) repeat-x 0% 1px;} #main-content ul.info strong {font-weight: bold; float: left; width: 100px; w\idth: 93px; padding-left: 7px; padding-top: 4px;} #main-content ul.info em {font-weight: normal; font-style: normal; float: right; width: 259px; w\idth: 244px; padding: 0 7px; padding-top: 4px; background: #F5F5F5 url(http://static.rekreacija.hr/images/ms_bg_separator.gif) repeat-x 0% 1px;} #main-content div.paging-info {clear: both; padding: 2px 4px; line-height: 28px;} #main-content div.paging-info a, #main-content div.paging-info span {display: block; float: left; width: 25px; height: 18px; text-align: center; font-size: 12px; font-weight: bold; line-height: 18px; margin-right: 4px; margin-bottom: 4px; color: #FFC; text-shadow: #444 1px 1px 1px; background: url(http://static.rekreacija.hr/images/r_bg_pagging_button.gif) no-repeat 0% 0%; border: none !important; overflow: hidden;} #main-content div.paging-info a:hover, #main-content div.paging-info span {color: #FFF; background-position: 0px -18px;} #main-content div.paging-info span.gap, #main-content div.paging-info span.paging-statistics {color: #333; background: none;} #main-content div.paging-info span.paging-statistics {width: auto;} #main-content div.paging-info .prev_page, #main-content div.paging-info .next_page {display: none !important;} #main-content div.paging-info a.separator {font-weight: bold;} img#spinner {display: block; position: absolute; top: 10px; right: 20px;} /* Left menu */ #catalog-nav-box ul, #catalog-nav-box ul li {list-style: none; margin: 0; padding: 0;} #catalog-nav-box dl dt {padding: 0 7px; font: bold 14px/20px "Trebuchet MS", Trebuchet, Tahoma, Arial, Helvetica, sans-serif; color: #FFC; background: #933 url(http://static.rekreacija.hr/images/r_bg_sidebox_title.gif) no-repeat 0% 0%; text-align: center; border-bottom: 1px solid #FC9;} #catalog-nav {color: #FC9; padding: 0 1px; font: bold 12px/20px "Trebuchet MS", Trebuchet, Tahoma, Arial, Helvetica, sans-serif;} #catalog-nav li {width: 182px; background: #C33 url(http://static.rekreacija.hr/images/r_bg_sidebox_separator-dark.gif) no-repeat 0% 100%; padding-bottom: 1px !important; overflow: hidden;} /* Pay attention to this when dealing with hrefs */ #catalog-nav li a {display: block; width: 182px; w\idth: 163px; color: #FFC; background: #933 url(http://static.rekreacija.hr/images/r_catalog_level1_off.gif) no-repeat 4px 3px; padding: 0 4px 0 15px; overflow: hidden;} #catalog-nav li a:hover {color: #FC9; background-position: 4px -47px;} #catalog-nav li.current a, #catalog-nav li.current a:hover {color: #FFF; background: #C33 url(http://static.rekreacija.hr/images/r_catalog_level1_on.gif) no-repeat 2px 6px;} #catalog-nav li ul {display: none; width: 182px; font-size: 12px; font-weight: normal; border-top: 1px solid #FC9; border-bottom: 1px solid #C33;} /*#catalog-nav li.current ul {display: block;}*/ #catalog-nav li ul li {width: 182px; border-bottom: 0; line-height: 18px !important; padding-bottom: 0 !important} #catalog-nav li ul li a, #catalog-nav li.current ul li a {width: 182px; w\idth: 158px; color: #C33; background: #FFC url(http://static.rekreacija.hr/images/r_catalog_level2.gif) no-repeat 5px 5px; padding: 0 7px 0 15px; border: 1px solid #C33; border-bottom: 0; overflow: hidden;} #catalog-nav li ul li a:hover, #catalog-nav li ul li.current a {color: #933 !important; background-color: #FFC; background: #FFC url(http://static.rekreacija.hr/images/r_catalog_level2.gif) no-repeat 5px -45px !important;} #content #extras fieldset {margin: 0; padding: 0; border: 0;} #content #extras fieldset ol {padding-top: 5px;} #content #extras fieldset ol li {padding-bottom: 12px;} #content #extras fieldset label {display: block; font-weight: bold; padding-bottom: 2px;} #content #extras fieldset label strong {display: block; font-weight: normal; color: #F60;} #content #extras fieldset label em {font-style: normal; font-weight: normal;/* color: #F60;*/} #content #extras fieldset .input-box {width: 165px;} /****************************************************************** * Footer ******************************************************************/ #footer {margin: 0; padding: 0; text-align: center; background-color: #933} #footer #footer-container {position: relative; width: 950px; padding-top: 30px; margin: 0 auto; text-align: left; color: #333; line-height: 20px;} #footer #footer-container .section-box {width: 566px; margin: 0 192px; text-align: center;} #footer #footer-container .section-box a:hover {color: #369 !important; border: none !important;} #footer #footer-container #disclaimer {color: #FFF; line-height: 30px; font-size: 11px; text-align: center;} #footer ul {position: absolute; top: 30px; right: 0; width: 170px;} #footer ul li a {color: #FFF; padding-left: 12px; font-size: 12px; font-weight: bold; line-height: 20px; background: url(http://static.rekreacija.hr/images/r_bg_footer_arrow_dark.gif) no-repeat 0% 50%;} #footer ul li a:hover, #footer ul li.current a {color: #FC9;} #footer #contact {position: absolute; top: 30px; left: 0; width: 180px; color: #FFF;} #footer #contact p {margin-bottom: 7px;} #footer #contact input, #footer #contact textarea {color: #999; width: 140px; border: 1px solid #C93;} #footer #contact input:focus, #footer #contact textarea:focus {color: #333;} #footer #contact .fieldWithErrors input, #footer #contact .fieldWithErrors textarea {border: 1px solid #FF0;} #footer #contact textarea {width: 160px;} #footer #contact input#contact-button {color: #FFF; width: auto; background-image: url(http://static.rekreacija.hr/images/r_footer_white_arrow.gif); border: none;} #footer #contact em {color: #FF0;} .tag_style1 {font-size: 13px; color: #B77070 !important; line-height: 1em;} .tag_style2 {font-size: 16px; color: #AD5C5C !important; line-height: 1em;} .tag_style3 {font-size: 20px; color: #A34747 !important; line-height: 1em;} .tag_style4 {font-size: 24px; color: #933 !important; line-height: 1em;} .tag_style5 {font-size: 30px; color: #933 !important; line-height: 1em;} .tag_style6 {font-size: 36px; color: #933 !important; line-height: 1em;} .tag_style7 {font-size: 48px; color: #933 !important; line-height: 1em;} .tag_style1:hover, .tag_style2:hover, .tag_style3:hover, .tag_style4:hover, .tag_style5:hover, .tag_style6:hover, .tag_style7:hover {color: #369 !important;} /* Uploadify */ .fileUploadQueueItem {background-color: #F5F5F5; border: 2px solid #E5E5E5; margin-top: 5px; padding: 10px; width: 366px; w\idth: 342px;} #user-info .fileUploadQueueItem {width: 162px; w\idth: 138px;} .fileUploadQueueItem .cancel {float: right;} .fileUploadQueueItem .cancel a {border: none;} .fileUploadProgress {background-color: #FFFFFF; border-top: 1px solid #808080; border-left: 1px solid #808080; border-right: 1px solid #C5C5C5; border-bottom: 1px solid #C5C5C5; margin-top: 10px; width: 100%;} .fileUploadProgressBar {background-color: #0099FF;} /* * jQuery Nivo Slider v1.9 * http://nivo.dev7studios.com * * Copyright 2010, Gilbert Pellegrom * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php * * March 2010 */ /* The Nivo Slider styles */ .nivoSlider {position:relative; margin-left: 2px;} .nivoSlider img {position:absolute; top:0px; left:0px;} /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink {position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none;} /* The slices in the Slider */ .nivo-slice {display:block; position:absolute; z-index:50; height:100%;} /* Caption styles */ .nivo-caption {position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; /* Overridden by captionOpacity setting */width:100%; z-index:89;} .nivo-caption p {padding:5px; margin:0;} /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a {position:absolute; top:45%; z-index:99; cursor:pointer;} .nivo-prevNav {left:0px;} .nivo-nextNav {right:0px;} /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav a {position:relative; z-index:99; cursor:pointer;} .nivo-controlNav a.active {font-weight:bold;} /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* Example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ /* #cboxOverlay{background: #369 url(http://static.rekreacija.hr/images/overlay.png) 0 0 repeat;} */ #cboxOverlay{background: #369;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(http://static.rekreacija.hr/images/controls.png) -100px 0 no-repeat;} #cboxTopRight{width:21px; height:21px; background:url(http://static.rekreacija.hr/images/controls.png) -129px 0 no-repeat;} #cboxBottomLeft{width:21px; height:21px; background:url(http://static.rekreacija.hr/images/controls.png) -100px -29px no-repeat;} #cboxBottomRight{width:21px; height:21px; background:url(http://static.rekreacija.hr/images/controls.png) -129px -29px no-repeat;} #cboxMiddleLeft{width:21px; background:url(http://static.rekreacija.hr/images/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(http://static.rekreacija.hr/images/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(http://static.rekreacija.hr/images/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(http://static.rekreacija.hr/images/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(http://static.rekreacija.hr/images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(http://static.rekreacija.hr/images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(http://static.rekreacija.hr/images/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(http://static.rekreacija.hr/images/loading.gif) center center no-repeat;} #cboxClose{position:absolute; bottom:0; right:0; background:url(http://static.rekreacija.hr/images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;} /* The following fixes png-transparency for IE6. It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition Since this method does not support CSS background-positioning, it is incompatible with CSS sprites. Colorbox preloads navigation hover classes to account for this. !! Important Note: AlphaImageLoader src paths are relative to the HTML document, while regular CSS background images are relative to the CSS document. Moved to IE6 .css!! */