@import "reset.css";
body { font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 75%; font-weight: normal; line-height: 1.45; background-color: white; color: black; }
a, .blue { color: blue; }
input, select, textarea { border: solid 1px #959595; }
.button, .inline-button { border: solid 1px #003399; background-color: #3399FF; color: White; padding: 2px 5px 2px 5px; font-weight: bold; }
a.button { display: block; text-decoration: none; }
.button:hover { color: Red; }
pre { font-size: 9pt; font-family: "Courier New CE", "Courier New", "Courier"; padding: 2px 5px 8px 5px; }

.red { color: Red; }
.orange { color: Orange; }
.green { color: Green; }

.label, .label2, .label3 { float: left; display: block; width: 90px; }
.label2 { width: 120px; }
.label3 { width: 150px; }
.auto { width: auto !important; height: auto !important; }
br { clear: both; }
p { margin-bottom: 10px; }
ul, .odkazy { line-height: 1.8; }
li { background: url(../images/odrazka.gif) no-repeat 5px 9px; padding: 1px 0px 1px 16px; }
.padtop { margin-top: 8px; }
.padtop2 { margin-top: 16px; }
.padbottom { margin-bottom: 8px; }
.padbottom2 { margin-bottom: 16px; }
.padleft { margin-left: 4px; }
.padleft2 { margin-left: 8px; }
.padright { margin-right: 48px; }
.padright15 { margin-right: 15px; }
.readonly { background-color: #f2f2f2; }
hr { border: none; border-bottom: solid 1px #d7d7d7; height: 1px; margin: 0px; padding: 0px; }

#header { background-color: #f4f4f4; position: relative; }
#content { min-height: 400px; height: auto; padding: 10px; }

h1 { float: left; font-size: 2.0em; width: 300px; margin: 0px; padding: 8px 15px 0px 8px; text-align: center; }
h1 a { text-decoration: none; color: Black; }
h1 img { display: none; }
h2, h3 { font-size: 1.5em; margin-bottom: 4px; }
h3.title { color: blue; font-size: 1.15em; margin-bottom: 8px; margin-top: 8px; font-weight: bold; padding-bottom: 2px; border-bottom: solid 1px #3399FF; }
h3.title span { float: none !important; display: inline !important; font-size: 0.9em; font-weight: normal; margin-left: 8px; }
h3.title a.active { text-decoration: none; color: black; }

#header .tabs { padding-top: 12px; font-size: 1.2em; height: 32px; }
#header .tabs ul { height: 32px; }
#header .tabs li { height: 31px; }
#header .tabs li.active { height: 34px; margin-top: -4px; background-color: White; padding-top: 2px; text-transform: uppercase; }
#header .tabs a { height: 28px; font-size: 1.05em; padding: 4px 25px 0px 25px; }
#header .user { position: absolute; right: 0px; bottom: 0px;  white-space: nowrap; padding: 4px 12px 6px 12px; }
#header .user span { font-size: 1.2em; font-weight: bold; margin: 0px 4px 0px 6px; }
#header .user span.special { color: red; }

.bar {}
.box { border-bottom: solid 1px white; }
.box h4 { background-color: #3399FF; font-size: 1.3em; padding: 3px 5px 2px 5px; }
.box div, .box ul { margin: 5px; }
.box ul { background-color: #CCEDFF; text-transform: none; }
.box li { font-size: 1.1em; padding-top: 1px; padding-bottom: 1px; }
.box li a { display: block; }

.more { margin: 10px 10px 5px 0px; text-align: right; }
.more a { text-decoration: none; padding-right: 34px; background: url(../images/ico-more.gif) no-repeat top right; }
.more a:hover { text-decoration: underline; }

div.prihlaseni { margin: 40px auto 40px auto; width: 350px; }
table.prihlaseni { width: 350px; margin: 10px; margin-left: 0px; }
table.prihlaseni tr:hover { background-color: inherit; }
table.prihlaseni td { padding: 5px 7px; border: none; white-space: nowrap; }
table.prihlaseni input { width: 180px; }
table.prihlaseni input.button { width: auto; margin-top: 5px; }

/* IKONY */

.ico-li-16 { background: url(../images/odrazka-16.gif) no-repeat; }
.ico-cancel-16 { background: url(../images/ico-cancel-16.png) no-repeat; }
.ico-calendar-16 { background: url(../images/ico-calendar.png) no-repeat; }

.ico-cancel-24 { background: url(../images/ico-cancel-24.png) no-repeat; }
.ico-calendar-24 { background: url(../images/ico-calendar-24.png) no-repeat; }

.ico-new { background: url(../images/ico-new.png) no-repeat; }
.ico-assign { background: url(../images/ico-assign.png) no-repeat; }
.ico-import { background: url(../images/ico-import.png) no-repeat; }
.ico-export { background: url(../images/ico-export.png) no-repeat; }
.ico-pirate { background: url(../images/ico-pirate.png) no-repeat; }
.ico-customers { background: url(../images/ico-customers.gif) no-repeat; }
.ico-setup { background: url(../images/ico-setup.png) no-repeat; }
.ico-error-report { background: url(../images/ico-error-report.png) no-repeat; }
a.ico-new, a.ico-assign, a.ico-import, a.ico-export, a.ico-pirate, a.ico-customers, a.ico-setup, a.ico-error-report { padding-left: 20px; }


/* ZALOZKY */

.tabs { height: 28px; border-bottom: solid 1px #3399FF; margin-bottom: 5px; }
.tabs ul { height: 28px; border-left: solid 1px #3399FF; float: left; }
.tabs li { display: block; float: left; height: 27px; padding: 0px; border-right: solid 1px #3399FF; border-top: solid 1px #3399FF; background-image: none; }
.tabs li.active { margin-top: -2px; height: 30px; margin-left: -1px; border-left: solid 1px #3399FF; background-color: #99CCFF; }
.tabs a { display: block; height: 24px; font-size: 1.05em; text-decoration: none; padding: 4px 10px 0px 10px; }
.tabs a:hover, .tabs li.active a { color: #000000; }
.tabs li.active a { font-weight: bold; }
.tabs .records { float: right; text-align: right; margin: 8px 2px 0px 0px; }
.tabs .records span { font-weight: bold; }

/* VYSLEDKY HLEDANI */

table { width: 100%; border-collapse: collapse; }
table th, table td { text-align: left; padding: 2px; border: 1px solid #3399FF; }
table th { font-weight: bold; background-color: #99CCFF; }
table th a.sort { text-decoration: none; color: Black; }
table tr:hover, table tr.even { background-color: #c7e1fc; }
table.assign tr:hover, table.assign tr.even { background-color: transparent; }
table.assign table tr:hover, table.assign table tr.even { background-color: #c7e1fc; }

span.info { font-style: italic; font-size: 0.9em; color: Gray; }
.info span { font-weight: bold; }

.result-info { height: 24px; }
.result-info div { white-space: nowrap; }
.result-info .tip { float: left; margin: 3px 0px 2px 2px; }
.result-info .records { float: right; font-weight: bold; text-align: right; margin: 3px 2px 2px 0px; }
.result-info .button { display: inline; width: auto; padding: 0px 5px 0px 5px; height: 21px; }

h3 span.edit-buttons { float: right !important; }
div.note, textarea.note { font-family: 'Lucida Console', 'Microsoft Sans Serif'; padding: 4px 0px; line-height: 1.1em; }

#search-result { position: relative; }

table.table td a, a.nolink { color: black; text-decoration: none; }
table.table td a:hover, a.nolink:hover { color: blue; text-decoration: underline; }
.pc-inactive, a.pc-inactive, tr.pc-inactive *, .disabled, a.disabled, tr.disabled * { color: Gray; }

.filter { border: solid 1px silver; padding: 5px 5px 10px 5px; margin: 5px 0px 8px 0px; }
.filter h4 { float: left; margin: -18px 0px 0px 0px; padding: 3px 6px; background-color: White; border: solid 1px silver; }
.filter input, .filter select { margin-right: 5px; }
.filter input.button { margin-right: 0px; display: inline; }
.filter td input.button { margin-top: 5px; }
.filter label { float: left; width: 85px; }
.filter div label { margin-top: 5px; }
.filter .checkbox label, .filter td label { float: none; }
.filter .checkbox { white-space: nowrap; }
.filter td label { margin-right: 8px; }
.filter .list { float: left; width: 320px; }
.filter .list span.checkbox { float: left; width: 155px; margin-top: 2px; }
.filter .list-simple { float: left; }
.filter table { margin: 0px; }
.filter table td { padding: 4px 3px 2px 0px; }
.filter table input, .filter table select { margin-right: 2px; }
.filter table .checkbox { width: 160px; float: left; display: block; }
.filter tr.param .checkbox { min-width: 95px; width: auto; }
.filter tr.param td { border-top: solid 1px #f0f0f0; border-bottom: solid 1px #f0f0f0; }
.filter .button { margin-top: 10px; width: 150px; margin-right: 10px; }
.filter .button2 { margin-top: 0px; width: auto; margin-right: 5px; }
.filter .button3 { width: auto; margin-right: 5px; }
.filter .indent { margin-left: 90px; }
.filter .noindent { margin-left: 0px; }

.filter2 span { margin: 2px 8px 0px 1px; }

/* EDIT */

.sekce { padding: 8px 5px; }

.edit .sekce { margin: 5px 0px 9px 0px; padding: 2px 5px 8px 5px; }
.edit span { float: left; display: block; width: 110px; margin-top: 5px; margin-bottom: 1px; }
.edit span.info { width: auto; }
.edit span.label2 { width: 130px; }
.edit span.label3 { width: 150px; }
.edit span.result { float: none; display: inline; width: auto; margin-top: 0px; }
.edit span.nofloat, .edit a.nofloat { display: inline; width: auto; margin-top: 0px; }
.edit select, .edit input, .edit textarea { float: left; width: 458px; margin-top: 3px; margin-right: 5px; }
.edit textarea { overflow: auto; }
.edit a { margin-top: 4px !important; }
.edit .checkbox { margin-right: 8px; }
.edit .checkbox, .edit .calendar { float: left; margin-top: 3px; width: auto !important; }
.edit .checkbox input { float: none; width: auto; }
.edit .calendar input { float: none; width: auto; margin-right: 0px; }
.edit .calendar table { width: 200px; margin: 0px; }
.edit .calendar td, .edit .calendar th { padding: 1px; text-align: center; vertical-align: middle; border: none; }
.edit .calendar a { float: none; display: block; width: 100%; height: 100%; margin: 0px !important; padding: 3px 0px; vertical-align: middle; }
.edit .calendar a:hover { background-color: #e8e8e8; }
.edit .znacky { float: left; margin-bottom: 3px; }
.edit .button { margin-top: 10px; width: 250px; margin-right: 10px; }
.edit .button2 { margin-top: 0px; width: auto; margin-right: 5px; }
.edit .indent { margin-left: 120px; }
.edit .noindent { margin-left: 0px; }
.edit .sekce .button { margin-left: 120px; }
.edit .sekce .button2 { margin-left: 0px; }
.edit .photo .button { margin-top: 5px; }
.edit .buttons { margin: 5px 0px 9px 0px; padding: 2px 5px 8px 5px; }
.edit .buttons .button { margin: 2px 5px 2px 0px; float: none; display: inline; }
.edit .buttons .indent { margin-left: 110px; }
.edit .photo img { margin: 5px 0px 0px 120px; }
.edit .sekce a { float: left; margin-top: 7px; }
.edit .strength { float: left; }
.edit .cell { float: left; display: block; width: 215px; height: 21px; margin-right: 5px; }

.edit .calendar-short { float: left; margin-top: 3px; width: auto !important; }
.edit .calendar-short input { float: none; width: auto; margin-right: 0px; }
.edit .calendar-short input.textbox { width: 70px; }
.edit .calendar-short table { width: 200px; margin: 0px; }
.edit .calendar-short td, .edit .calendar-short th { padding: 1px; text-align: center; vertical-align: middle; border: none; }
.edit .calendar-short a { float: none; display: block; width: 100%; height: 100%; margin: 0px !important; padding: 3px 0px; vertical-align: middle; }
.edit .calendar-short a:hover { background-color: #e8e8e8; }

/* STRANKOVANI, ATD. */

.pager { margin: 15px 0px 5px 0px; padding: 2px; font-size: 0.9em; }
.pager div { float: left; min-width: 600px; width: 80%; }
.pager.pager-simple div { min-width: 100px; width: auto; white-space: nowrap; }
.pager a, .pager span { float: left; }
.pager span { padding-top: 1px; margin-right: 5px; font-weight: bold; }
.pager a { min-width: 20px; width: auto; border: solid 1px #3399FF; margin-left: 1px; text-align: center; text-decoration: none; margin-bottom: 2px; }
.pager a:hover { background-color: #99CCFF; text-decoration: none; }
.pager a.actual-page { font-weight: bold; font-size: 1.1em; background-color: #99CCFF; margin-top: -2px; margin-bottom: 0px; border-width: 2px; }
.pager select { float: left; margin-top: -2px; margin-right: 8px; }

.progress-root { position: relative; }
.progress { text-align: center; position: absolute; width: 100%; height: 100%; background-color: #CCEDFF; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
.progress img { margin: 60px 0px 60px 0px; }

.photo-icon { position: relative; }
.photo-icon, .photo-icon * { margin: 0px !important; padding: 0px !important; }
.photo-overlay { display: none; position: absolute; z-index: 999; background-color: White; border: 1px solid #3399FF; left: 40px; top: -20px; }