* { margin: 0; padding: 0; border: 0px none; } body { padding-bottom: 45px; background: url('../img/body.gif') repeat-y; height: auto; font-size: 62.5%; _font-size: 52.5%; font-family: 'Tahoma CE', 'Arial CE', 'Helvetica CE', Tahoma, Arial, lucida, sans-serif; color: #006cb7; position: relative; } a { color: #006cb7; } a:hover { text-decoration: none; } textarea { font-family: 'Verdana CE', 'Arial CE', 'Lucida Grande CE', 'Helvetica CE', Verdana, Arial, lucida, sans-serif; font-size: 90%; } hr.cleaner { clear: both; width: 100%; visibility: hidden; border: 0px none; height: 1px; overflow: hidden; } #left { float: left; width: 243px; background: url('../img/left.jpg') no-repeat; min-height: 986px; _height: 986px; position: relative; } #left h1 { display: none; } #left #switchLinks {color: white; padding-top:5px; padding-right:10px; text-align: center;} #left #switchLinks a {color: white;} #right { margin-left: 280px; } #right div.inner { width: 1040px; position: relative; font-size: 120%; } #left #loginForm { width: 200px; position: absolute; left: 27px; top: 175px; } #left #loginForm input { margin-bottom: 10px; } #left #loginForm input#login, #left #loginForm input#password { display: block; width: 186px; padding: 3px 5px; margin: border: 1px solid #b6d5e3; background: url('../img/inputBg.png'); color: #838383; } #left #loginForm input#submit { display: block; padding: 4px 23px; background: url('../img/inputSubmitBg.png') no-repeat; color: #fff; font-weight: bold; font-size: 100%; cursor: pointer; } textarea {width:100%; height: 60px;} #left #user { width: 226px; height: 124px; background: url('../img/userbox.png') no-repeat; color: #fff; font-size: 130%; position: relative; left: 10px; top: 175px; } #left #user p { display: block; padding: 17px 20px 0 20px; } #left #user p.center { text-align: center; } #left #user p a { color: #fff; position: absolute; top: 17px; right: 23px; } #right div.inner img#homePageImage { margin: 100px 0 0 40px; } #right div.inner ul#topmenu { list-style-type: none; display: block; padding-top: 20px; position: relative; left: -10px; margin-bottom: 30px; } #right div.inner ul#topmenu li { display: inline; font-size: 110%; } #right div.inner ul#topmenu li a { display: inline-block; padding: 0 10px; text-decoration: none; font-weight: bold; } .center { text-align: center; } .nowrap { white-space: nowrap; } #right div.inner .tooltip {font-weight: normal;} #right hr.cleaner { clear: none; float: left; width: 100%; height: 5px; } #right div.inner a.top-right { position: absolute; top: 5px; right: -10px; width: 204px; padding: 13px 0 15px 0; background: url('../img/submit-save.png') no-repeat; font-size: 120%; color: #fff; font-weight: bold; text-decoration: none; text-align: center; } #right div.inner a.top-right2 { position: absolute; top: 50px; right: -10px; width: 204px; padding: 13px 0 15px 0; background: url('../img/submit-save.png') no-repeat; font-size: 120%; color: #fff; font-weight: bold; text-decoration: none; text-align: center; } #right div.inner h2 { display: inline; margin: 0 0 0 5px; font-weight: bold; font-size: 210%; } #right div.inner h3 { display: block; margin: 30px 0 0 5px; font-weight: normal; font-size: 220%; } #right div.inner a.print { display: block; width: 44px; height: 40px; background: url('../img/print.png') no-repeat; position: absolute; top: 105px; right: 6px; } #right div.inner a.csv { display: block; width: 44px; height: 40px; background: url('../img/print.png') no-repeat; position: absolute; top: 105px; right: 55px; } #right div.inner a.insertLink { display: inline-block; padding-left: 5px; padding-top: 10px; } #right span.csv { position: absolute; top: 145px; right:55px; } #right div.inner div.dateFilter, #right div.inner div.dateFilter form { display: inline } #right div.inner div.dateFilter { float: left; width: 100%; font-size: 100%; margin-left: 7px; margin-top: 10px; } #right div.inner div.dateFilter form input { font-weight: bold; color: #006cb7; font-size: 120%; width: 90px; } #right div.inner div.dateFilter button { position: relative; top: 5px; background: none; cursor: pointer; margin: 0 10px 0 0; padding: 0; } #right div.inner div.boxFilters { float: left; width: 100%; margin-bottom: 15px; } #right div.inner div.rsBoxFilter { display: block; width: 100%; margin-top: 15px; } #right div.inner div.rsBoxFilter select, #right div.inner div.rsBoxFilter input { float: left; border: 1px solid #AAAAAA; } #right div.inner div.rsBoxFilter span.filterLabel { float: left; padding: 4px 3px 0px 8px; margin: 0 2px 0 0; } #right div.inner div.rsBoxFilter a { float: left; padding: 3px 5px; margin: 0 2px 0 0; color: #aaaaaa; border: 1px solid #fff; } #right div.inner div.rsBoxFilter a:hover { border: 1px solid #aaaaaa; } #right div.inner div.rsBoxFilter a.active { color: #006cb7; border: 1px solid #006cb7; text-decoration: none; } #right div.inner div.tableCover { float: left; width: 100%; } #right div.inner table.dataTable { margin-top: 15px; position: relative; left: -20px; width: 100%; border-collapse: collapse; } #right div.inner table.dataTable tbody tr td { font-size: 90%; } #right div.inner table.dataTable.underFilter { margin-top: 0px; } #right div.inner table.dataTable thead tr th { padding: 11px 13px; background: #B2D3E9; color: #fff; border: 1px solid #fff; } #right div.inner table.dataTable thead tr th.rs-id, #right div.inner table.dataTable thead tr th.date { width: 150px; } #right div.inner table.dataTable thead tr th.rs-id { width: 30px; white-space: nowrap; } #right div.inner table.dataTable thead tr th.commission { padding-right: 0px; padding-left: 0px; width: 110px; } #right div.inner table.dataTable thead th .table-date { font-size: 80%; font-weight: normal; } #right div.inner table.dataTable tbody tr td { padding: 3px 10px; /*background: #fff;*/ color: #585858; border: 1px solid #fff; border-bottom: 1px solid #DCDCDC; } #right div.inner tr td.moneyColumn { white-space: nowrap; text-align:right;} #right div.inner table.rsTable tr.missedCode td {background:#FF4040;color:white;} #right div.inner table.dataTable tbody tr td a { color: #585858; font-weight: bold; text-decoration: none; } #right div.inner table.dataTable tbody tr.hover td { background: #f2f2f2; cursor: pointer; } #right div.inner table.dataTable tbody td.hover { background: #f2f2f2; cursor: pointer; } #right div.inner table.dataTable tbody tr td.moneyColumn.first, #right div.inner table.dataTable tbody tr td.moneyColumn.second { padding-right: 23px; } #right div.inner table.dataTable tbody tr td.moneyColumn.rs-id { padding-right: 19px;} #right div.inner table.dataTable tfoot tr td { border-top: 2px solid #DCDCDC; color: #585858; font-weight: bold; padding: 11px 13px; white-space: nowrap; } #right div.inner table.dataTable .checkboxColumn {width:100px;} #right div.inner div.paginator { text-align: center; padding-top: 15px; } #right div.inner div.paginator a { font-weight: bold; color: #fff; background: #B2D3E9; display: inline-block; padding: 2px 5px; text-decoration: none; } #right div.inner div.paginator a:hover { background: #585858; } #right div.inner div.paginator a.active { background:gray; } #right div.inner table.rsTable .disabled td, #right div.inner table.rsTable .disabled a {color: red; text-decoration: line-through;} #right div.inner table.rsTable .paid td, #right div.inner table.rsTable .paid a {color: rgb(175, 175, 175); } #right div.inner table.rsTable .noId td {background: rgb(0, 240, 240); } #right div.inner div.infoBox {padding: 10px; margin:10px 40px;color: black;} #right div.inner div.infoBox a {color: black; font-weight:bold;} #right div.inner div.deletedBox {background: rgb(255,176,128); border: 2px rgb(255,16,16) solid;} #right div.inner div.savedBox {background: rgb(208,255,160); border: rgb(48,255,48) solid;} #right div.inner p a.formHider { display: inline-block; margin-left: 8px; margin-top: 10px; } #right div.inner form { width: 100%; } #right div.inner form table { width: 100%; border-collapse: collapse; margin-top: 25px; } #right div.inner form table tbody { } /*#right div.inner form table tbody tr { font-size: 110%; }*/ #right div.inner form table tbody tr th { width: 175px; text-align: right; vertical-align:top; padding-top: 7px} #right div.inner form table tbody tr th label { display: block; padding-right: 15px; } #right div.inner form table tbody tr td { text-align: left; padding: 3px 0; color: #5d5d5d; } #right div.inner form table tbody tr td.center { text-align: center; } #right div.inner form table tbody tr td span { display: inline-block; border: 1px solid #DCDCDC; padding: 2px 5px; width: 141px; } #right div.inner form table tbody tr td span.errors { display: inline; border: 0; width: 100%; color: red; font-weight: bold;} #right div.inner form table tbody tr td span.errors ul { list-style-type: none; } #right div.inner form table tbody tr td input, #right div.inner form table tbody tr td textarea { border: 1px solid #DCDCDC; width: 225px; padding: 3px 5px; color: #5d5d5d; } #right div.inner form table tbody tr td input.radio {border: 0; width:15px} #right div.inner form table tbody tr td input.checkbox { border:auto; width: auto; padding: auto; color: auto; } #right div.inner form table tbody tr td input.hasDatepicker { width: 190px; margin-right: 5px; } #right div.inner form table tbody tr td button { padding: 3px 0 6px 0; width: 87px; background: url('../img/inputSubmitBg.png'); color: #fff; font-weight: bold; font-size: 90%; cursor: pointer; } #right div.inner form table tbody tr td button.ui-datepicker-trigger { width: auto; background: none; padding: 0; position: relative; top: 5px; } #right div.inner form table tbody tr td select { border: 1px solid #DCDCDC; width: 237px; } #right div.inner form table tbody tr td *.diff {background: #FFEE6B;} #right div.inner form.fullWidthForm {width:100%;} #right div.inner form.fullWidthForm table { float: left; } #right div.inner input.reset, #right div.inner input.formSubmit /* tzn save */ { display: inline-block; width: 204px; padding: 12px 0 14px 0; border: 0px none; color: #fff; text-transform: uppercase; margin-top: 20px; cursor: pointer; font-weight: bold; } #right div.inner input.reset { background: url('../img/submit-reset.png') no-repeat; margin-left: 10px; } #right div.inner input.formSubmit /* tzn save */ { background: url('../img/submit-save.png') no-repeat; } #right div.inner a.deleteLink { display: inline-block; margin-left: 304px; } #right div.inner a.leftAlignedDeleteLink { display: inline-block; margin-left: 70px; } #right div.inner #userPaymentArea {position:absolute; left: -260px; width:200px;top: 490px;} #right div.inner #userPaymentArea h3 { color:white} #right div.inner #userPaymentArea table { width: 100%; border-collapse: collapse; } #right div.inner #userPaymentArea a { color:white; } #right div.inner #userPaymentArea table thead tr th, #right div.inner #userPaymentArea table tfoot tr td { font-weight: bold; } #right div.inner #userPaymentArea table thead tr th, #right div.inner #userPaymentArea table tr td { background: transparent; color: #fff; border: 1px solid #fff; padding: 3px 5px; } #right div.inner #userPaymentArea table tr.hover td { background: #fff; color: #0089DC; cursor: pointer; } #right div.inner #userPaymentArea table tr.hover td a{ color: #0089DC;} #right div.inner .hideableForm {display:none;} #right div.inner table.calendarTable { margin-top: 15px; width: 100%; border-collapse: collapse; } #right div.inner table.calendarTable.underFilter { margin-top: 0px; } #right div.inner table.calendarTable th { padding: 3px 4px; background: #B2D3E9; color: #fff; border: 1px solid #fff; white-space:nowrap; text-align: center;} #right div.inner table.calendarTable tbody tr th { text-align: right;} #right div.inner table.calendarTable tbody tr th a { color: white;} #right div.inner table.calendarTable tbody tr td { color: #585858; border: 1px solid lightgray; text-align: center;} #right div.inner table.calendarTable tbody tr td.inactive { background: #E8E8E8 ; } #right div.inner table.calendarTable tbody tr td a { color: #585858; font-weight: bold; text-decoration: none; } #right div.inner table.calendarTable tbody tr.hover td { background: #f2f2f2; cursor: pointer; } #right div.inner table.calendarTable tbody td.hover { background: #f2f2f2; cursor: pointer; } #right div.inner table.calendarTable tbody td.nonEmpty { cursor: pointer; } #right div.inner table.calendarTable tfoot tr td { border-top: 2px solid #DCDCDC; color: #585858; font-weight: bold; padding: 5px 4px; white-space: nowrap; text-align: center; } #right div.inner table.reservationTable tr.anonymous, #right div.inner table.userTable tr.anonymous, #right div.inner table.userTable td.anonymous {font-style: italic; } #right div.inner p.changeList {margin-left: 30px;} #right div.inner p.legend {margin-top: 35px} #right div.inner p.legend span {border: 1px black solid; padding: 5px; color: black; margin-left: 15px} td.NConf, tr.NConf td, span.NConf { background: yellow; } td.Conf, tr.Conf td, span.Conf { background: lightgreen; } td.Cncld, tr.Cncld td, span.Cncld { background: #F9966B; } td.Clsd, tr.Clsd td, span.Clsd { background: lightgray; } .nowrap {white-space: nowrap ;} .altTable td {font-weight: normal;} .altTable th {text-align: right; padding-right: 5px} #right #footer { clear: right; text-align: center; float: left; width: 100%; margin-top: 40px; margin-bottom: 15px; } #right #footer p { font-size: 90%; color: #006cb7; } #funlife { position: absolute; left: 100px; bottom: 10px; width: 160px; color: #80a4c7; } #funlife a { color: #80a4c7; } #funlife a img { display: block; margin-top: 4px; margin-left: 41px; } /* POPUP BODY CONTAIN - REDEFINING BODY */ #floatingWindow{ position:absolute; top:0; left:0; width: 660px; height: 400px; display:none; } #closeButton { position:absolute; width: 15px; height: 15px; right: 6px; top: 6px; background: #166993; color: #fff; font-weight: bold; font-size: 120%; text-align: center; cursor: pointer; display:none; } body.frame { border: 2px solid #57AEE0; overflow: hidden; margin: 0; padding: 0; background: #fff; } body.frame #left { display: none; } body.frame #right { margin: 0; padding: 0; } body.frame #right div.inner table.dataTable { margin: 0; width: 656px; } body.frame #floatingWindow {margin: 25px 0 0 -2px;} /* pro pripad, kdy je okno v okne - aby se vnitrni okno prolnulo s okrajem vnejsiho okna */ body.frame #right div.inner form table { margin-top: 0; } #ui-datepicker-div { display: none; } /*#right table tbody tr.hover { background: LemonChiffon; }*/