/******************************************************************
 * Eyebugs CSS
 * @author	Ivan Maros
 * @since	10.7.2006
 ******************************************************************/

/******************************************************************
 * General
 ******************************************************************/
* {padding: 0; margin: 0;}
body {font: 11px Arial, Helvetica, sans-serif; color: #333; background-color: #FFF; margin: 0 0 20px; padding: 0; text-align: center;}
a, a:link, a:visited, a:active, a:focus {color: #666; text-decoration: none;}
a:hover {color: #333;}
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, li {list-style: none;}
select, option {font-size: 11px;}
table, td {vertical-align: top; margin: 0; padding: 0; border: 0;}
.frmRow {display: block; width: 300px; padding-bottom: 1.2em;}
.frm-field-description {display: block; font-weight: bold;}
.input-box {display: block; font: normal 11px Arial, Helvetica, sans-serif; border: 1px solid #3C4968; color: #666; background-color: #E2E7F1; padding: 1px 3px;}
.warn_color {font-size: 11px; color: #F00;}
.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.block {display: block;}
.noborder {border: 0 ! important;}
.bold {font-weight: bold;}
.center {text-align: center;}

/******************************************************************
 * Structure
 ******************************************************************/
#container {position: relative; width: 980px; margin: 0 auto; padding: 0; text-align: left; background-color: #FFF;}
#header, #content {float: left; width: 100%;}
#footer {float: none; clear: both; width: 100%;}

/******************************************************************
 * Header
 ******************************************************************/
#header {background: url(../images/eb_bg_header.jpg) no-repeat 0% 0%;}
#header #h-logo {display: block; float: right; padding-top: 10px; padding-right: 5px;}
#header li {display: inline;}
#header li a {color: #999; font-weight: bold;}
#header li a:hover, 
#header li.current a {color: #333;}
#header #main-nav {clear: right; float: right; padding-top: 46px;}
#header #big-brother {float: left; text-align: right; width: 100%; color: #FFF; background-color: #60646A; line-height: 20px; margin-top: 7px; margin-bottom: 7px; border-top: 2px solid #9C0;}
#header #big-brother a {color: #FFF; padding: 0 7px;}
#header #big-brother a:hover {color: #333;}
#header #breadcrumbs {float: left; width: 200px;}
#header #listboxes {float: right; width: 500px; overflow: hidden; text-align: right;}
#header #listboxes option {padding: 0 4px;}

/******************************************************************
 * Content
 ******************************************************************/
#content {padding-bottom: 15px; overflow: hidden;}
#content h1 {font-size: 20px; font-weight: normal; margin: 1.2em 0 .4em;}
#content h2 {font-size: 12px; font-weight: bold;}
#content h3 {color: #9C0; font-size: 12px; font-weight: bold;}
#content h4 {font-size: 11px; font-weight: normal; padding: 7px 0 15px;}
#content #thumbnails li {float: left;}
#content #thumbnails li img {display: block;}

#content #gallery-list-container h1 { padding-left: 30px; margin-bottom: 1.2em;}
#content #gallery-list-container #thumbnails {padding: 0 62px;}
#content #gallery-list-container #thumbnails li {width: 200px; margin: 0 38px 65px;}
#content #gallery-list-container #thumbnails li h3 {color: #FFF; background-color: #9C0; height: 20px; line-height: 20px; font-weight: bold; font-size: 12px; border: 1px solid #999; padding-left: 5px;}
#content #gallery-list-container #thumbnails li h3 a {color: #FFF;}
#content #gallery-list-container #thumbnails li h3 a:hover {color: #666;}
#content #gallery-list-container #thumbnails li img {border-left: 1px solid #999; border-right: 1px solid #999;}
#content #gallery-list-container #thumbnails li p {font-size: 12px; background-color: #E4E4E4; text-align: center; margin: 0; padding: 10px 0; border: 1px solid #999;}
#content #gallery-list-container #thumbnails li h4 {height: 25px; line-height: 25px; text-align: center; font-weight: normal; font-size: 11px; background-color: #CCC; border: 1px solid #999; border-top-width: 0;}
#content #gallery-list-container #thumbnails li div.left, #content li div.right {height: 20px; line-height: 20px;}
#content #gallery-list-container #thumbnails li div.right {color: #FFF; background: url(../images/eye_bg_ocjena.gif) no-repeat 0% 100%; width: 107px; text-transform: uppercase; font-size: 12px; font-weight: bold; text-align: right;}
#content #gallery-list-container #thumbnails li div.right span {color: #FC0; padding-right: 12px;}

#content #gallery-thumbs-container {float: left; width: 100%; w\idth: 920px; padding: 0 30px; background:url(../images/eye_bg_gallery_thumbs.gif) repeat-y 0% 0%;}
#content #gallery-thumbs-container #gallery-description {float: left; width: 300px;}
#content #gallery-thumbs-container #gallery-description .recenzija-interview {line-height: 20px; background-color: #9C0; width: 100%; margin-top: 7px;}
#content #gallery-thumbs-container #gallery-description .recenzija-interview a {display: block; color: #333; font-weight: bold; padding: 0 7px;}
#content #gallery-thumbs-container #gallery-description .recenzija-interview a:hover {color: #FFF;}
#content #gallery-thumbs-container #gallery-description #mini-poll {padding-top: 80px;}
#content #gallery-thumbs-container #gallery-description #mini-poll h2 {font-size: 16px; font-weight: normal; padding-bottom: 7px;}
#content #gallery-thumbs-container #gallery-description #mini-poll h3 {color: #F90; font-size: 53px; font-weight: bold; text-align: center;}
#content #gallery-thumbs-container #gallery-description #mini-poll ul {list-style: none; border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 7px 0;}
#content #gallery-thumbs-container #gallery-description #mini-poll ul li {list-style: none; display: inline;}
#content #gallery-thumbs-container #gallery-thumbs {float: right; width: 580px;}
#content #gallery-thumbs-container #thumbnails li {width: 145px; height: 145px;}
#content #gallery-thumbs-container #thumbnails li a img {border: 1px solid #999; padding: 1px;}
#content #gallery-thumbs-container #thumbnails li a:hover img {border: 1px solid #9C0; padding: 1px;}
#content #gallery-thumbs-container #thumbnails li .comments-number {width: 120px; text-align: right;}
#content #gallery-thumbs-container .gallery-comments {line-height: 20px; background-color: #CDCDCD; width: 100%; margin-top: 7px;}
#content #gallery-thumbs-container .gallery-comments a {display: block; color: #333; font-weight: bold; padding: 0 7px;}
#content #gallery-thumbs-container .gallery-comments a:hover {color: #FFF;}

#content #paging-page {clear: both;}
#content #paging-page, #content #paging, #content #prev-next {font-size: 13px; font-weight: bold; padding-bottom: 10px;}
#content #paging li, #content #prev-next li {display: inline;}
#content #paging .current, #content #paging a:hover {color: #9C0;}

#content .toggleButton {text-align: right; padding-left: 15px;}
#content .toggleButton #btnToggleForm {border: 1px solid #CCC; color: #666; background-color: whitesmoke; font: bold 11px Arial, Helvetica, sans-serif; padding: 1px 3px;}
#content #frmBox {padding-top: 15px; padding-left: 15px; padding: 15px; display: block;}
#content #lbl_ime, #lbl_stan_broj, #lbl_tel, #lbl_email {clear: both; float: left; width: 180px;}
#content #lbl_prezime, #lbl_broj_ulaza, #lbl_mob {float: left; width: 150px;}
#content #lbl_vlasnik_najam {clear: both; float: left; width: 330px;}
#content .frm-buttons {clear: both; text-align: left;}
#content .frm-buttons input {background-color: #E2E7F1; border: 1px solid #999; font-size: 11px; font-weight: bold; padding: 2px 10px; margin-right: 7px;}
#content .frm-error-message {display: block; color: #F00;}

#content .tile-box {width: 500px; margin: 0 auto;}

/******************************************************************
 * Footer
 ******************************************************************/
#footer {font-size: 11px; line-height: 30px; border-top: 20px solid #999;}
#footer span {padding-left: 4px;}