@media print {
	*.not-printable {display: none;}
}

* {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px;}
body {margin: 0;}
table {border-collapse: collapse;}
td, th {vertical-align: top;}
h1 {font-size: 16px; margin-bottom: 20px;}
h2 {font-size: 14px; margin-bottom: 5px; margin-top: 5px;}
a {color: #123456; text-decoration: none;}
a:hover {text-decoration: underline;}
img {border: none;}
span.site-title {font-size: 36px; float: right;}
.invisible {display: none;}
.highlight {background-color: #feffd9;}
*.bold {font-weight: bold;}
a.nazad {display: block; float: right; margin-top: 30px;}
div.sep30 {height: 30px;}

#layout {width: 800px; height: 100%;}
#header {height: 70px; background-image: url("../images/logo.png"); background-position: 40px top; background-repeat: no-repeat;}
#footer {height: 20px; font-size: 10px; text-align: center;}
#content {padding-top: 30px;}
#menu-content {width: 190px;}

td#current-user {text-align: right; height: 20px;}
span.current-user {font-weight: bold;}
a#odjava {margin-left: 10px; text-decoration: underline;}

#menu {list-style: none; padding: 0px;}
#menu > li {display: block; padding-top: 5px; padding-bottom: 5px; padding-left: 5px;}
#menu > li.prazno {height: 2px; background-color: #bbbbbb; padding: 0px; width: 75%;}
#menu > li > a {color: navy;}
ol.list {}
ol.list > li > a {}

p.upozorenje {color: #ff0000;}

#loginFormTable {width: 200px; border: 3px double #dddddd; margin-top: 30px; margin-right: 20px;}
#loginFormTable label {display: block; font-weight: bold; margin-top: 5px;}
#loginFormTable input {width: 100%;} 
#loginFormTable td.submit {text-align: right;} 

table.submit {width: 400px; margin-left: 40px; border: none; background-color: #ffffff;}
table.submit td {text-align: right; padding-bottom: 0px;}

table.pitanje {width: 400px; margin-left: 40px; border: 1px solid #dddddd; margin-bottom: 10px; background-color: #f2f2e8;}
table.pitanje td, table.pitanje th {padding-left: 5px; padding-right: 5px; padding-bottom: 5px; text-align: justify;}
table.pitanje td.tekst span.counter {font-weight: bold;}
table.pitanje td.tekst {font-weight: normal;}
table.pitanje td.odgovor {}
table.pitanje td.odgovor textarea {width: 100%; height: 80px;}
table.pitanje td.odgovor input {width: 100%;}
table.pitanje td.odgovor select {width: 100%;}
table.pitanje td.poruka {padding: 3px 10px; background-color: #eeeeee; text-align: justify; font-style: italic; font-size: 11px;}
table.pitanje *.right {text-align: right;}
table.pitanje td.delete a {color: #aaaaaa; font-size: 11px;}

table.poruka {width: 400px; margin-left: 40px; border: 1px solid #dddddd; margin-bottom: 10px; background-color: #f2f2e8;}
table.poruka td.odgovor {padding: 3px 10px; background-color: #eeeeee; text-align: justify; font-style: italic; font-size: 11px;}

table.list {width: 100%;}
table.list * {font-size: 11px;}
table.list th, table.list td {border: 1px solid #dddddd; padding: 1px 4px; text-align: left;}
table.list thead th {background-color: #f2f2e8;}
table.list th.counter, table.list td.counter {width: 30px;}
table.list th.action, table.list td.action {width: 70px; text-align: center; vertical-align: middle;}
table.list td.doc-name, table.list th.doc-name {width: 170px;}


table.list td.ukupnoPitanja {text-align: center; width: 50px;}
table.list th.ukupnoPitanja {width: 50px;}
table.list *.right {text-align: right;}
table.list a.novi {font-weight: bold; color: #0000ff;}
table.list td.poruka {padding: 3px 10px; background-color: #eeeeee; text-align: justify; font-style: italic; font-size: 11px;}
tr.neaktivan {background-color: #eeeeee;}
a.aktivan {font-weight: bold;}

table.takmicenje {width: 100%; margin-left: 0px; border: 1px solid #dddddd; margin-bottom: 10px;}
table.takmicenje * {font-size: 11px;}
table.takmicenje td, table.takmicenje th {padding: 2px 5px; text-align: justify;}
table.takmicenje th {text-align: right; width: 160px;}
table.takmicenje *.right {text-align: right;}
table.takmicenje td.takmicari {padding: 20px;}
table.takmicenje td.counter {width: 30px;}

table.takmicar {width: 100%; border: 1px solid #dddddd; margin-bottom: 2px;}

table.takmicar-details {width: 100%;}
table.takmicar-details th, table.takmicar-details td {border-bottom: 1px dashed #dddddd;}
table.takmicar-details th {font-weight: normal; color: #999999;}

#pomoc a {text-decoration: underline; color: #e86200;}
#pomoc h2 {font-style: italic; font-size: 14px; margin-top: 30px;}
#pomoc p {text-indent: 20px;}
#pomoc p.short {font-style: italic; color: #555555;}