/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%;  }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { font-family: Verdana,Geneva,Kalimati,sans-serif; font-size: 12px !important; }
ol, ul, li { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* SHARED */
.opacity {filter: alpha(opacity=80); -khtml-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; }
.corner { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.corner-bottom { -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;  -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px;  border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
.corner-top { -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px;  -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px;  border-top-right-radius: 5px; border-top-left-radius: 5px; }
.corner-bottom-right {   -moz-border-radius-bottomright: 5px;  -webkit-border-bottom-right-radius: 5px;  border-bottom-right-radius: 5px;}
.hidden { display: none; }
.empty { font-size: 0px; line-height: 0px; }
.clearing { clear: both; font-size: 0px; line-height: 0px;  }
.relative { position: relative; }
.absolute { position: absolute; }
.left { float: left; }
.right { float: right; }
.nofloat { float: none; }
.important-value-ok { color: green; font-weight: bold; font-size: 20; !important }
.important-value-not-ok { color: red; font-weight: bold; font-size: 20; !important }

h1 { font-size: 160%; padding: 5px 0px; color: #DD4B39; }
h2 { font-size: 140%; padding: 5px 0px; color: #DD4B39; }
h3 { font-size: 120%; padding: 0px 0px 3px 0px; color: #DD4B39; }
p { padding: 3px 0px; }


tr.jqgrow td { vertical-align: middle; !important }
tr.ui-jqgrid-labels th { vertical-align: bottom; !important }
img.inline-icon { vertical-align: text-top; margin-right: 5px; }

/* colors
font (dark) #4C4C4C
color levels (from darkest first to brightest last)

*/

#main-div { }
#content-container { }

/* COLUMN LAYOUT */
#content-container { }
#content-container #left-column { float: left; width: 50%; }
#content-container #middle-column { }
#content-container #right-column { float: right; width: 50%; }
#content-container #left-column, #content-container #middle-column, #content-container #right-column
{
/*    min-height: 400px;*/
    /*padding-bottom: 32767px !important;
    margin-bottom: -32767px !important; */
}

/* BOXES */
.message { margin: 10px 0; padding: 8px 0 8px 40px; background: #f3f8fc url('../images/icons/24x24/info.png') no-repeat 8px 50%; border-top: 2px solid #b2d1ff; border-bottom: 2px solid #b2d1ff; color: #006dba; }
.success { margin: 10px 0; padding: 8px 0 8px 80px; background: #dff0d8 url('../images/icons/64x64/checkbox.png') no-repeat 8px 50%; border-top: 2px solid #d6e9c6; border-bottom: 2px solid #d6e9c6; color: #468847; }
.warning { background: #EFE0E0 url('../images/icons/24x24/warning.png') no-repeat 8px 50%; border-top: 2px solid red; border-bottom: 2px solid red; color: red;  margin: 10px 0; padding: 8px 0 8px 40px; }
.error { background: #EFE0E0 url('../images/icons/64x64/delete.png') no-repeat 8px 50%; border-top: 2px solid red; border-bottom: 2px solid red; color: red;  margin: 10px 0; padding: 8px 0 8px 80px; }
.message.info { background: #f3f8fc url('../images/icons/24x24/info.png') no-repeat 8px 50%; border-top: 2px solid #b2d1ff; border-bottom: 2px solid #b2d1ff; color: #006dba; }
.message.help { background: #f3f8fc url('../images/icons/24x24/help.png') no-repeat 8px 50%; border-top: 2px solid #b2d1ff; border-bottom: 2px solid #b2d1ff; color: #006dba; }
div.errors { background: #fff3f3; border-top: 2px solid red; border-bottom: 2px solid red; color: #cc0000; margin: 10px 0 5px 0; padding: 5px 0 5px 0; }
div.errors ul { list-style: none; padding: 0; }
div.errors li {  background: url('../images/icons/16x16/warning.png') 8px 0% no-repeat;  line-height: 16px;  padding-left: 30px; }
td.errors select { border: 1px solid red; }
td.errors input { border: 1px solid red; }
td.errors textarea { border: 1px solid red; }
.messages-container div { color: #006DBA; margin: 6px; font-size: 110%; }
td.value select.small {
    width: 100px;
    background: #E6E6E6 url('../jquery-ui/themes/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png') 50% 50% repeat-x;
}

/* FANCY BUTONS */
span.fancy.button { background: url('../images/backgrounds/yellow-bck.png') left bottom repeat-x; border: 1px solid #3398CD; padding: 9px 1px 7px 5px; }
span.fancy.button:hover { background: url('../images/backgrounds/yellow-bck.png') left top repeat-x;  }
span.fancy.button input { background: none; border: none; font-size: 13px; color: #5E33CC; font-weight: bold;  padding: 7px 15px 7px 35px; }
span.fancy.button input.save { background: url('../images/icons/24x24/save.png') no-repeat left 38%;}
span.fancy.button input.update { background: url('../images/icons/24x24/save.png') no-repeat left 38%;}
span.fancy.button input.delete { background: url('../images/icons/24x24/delete.png') no-repeat left 60%;}

a.fancy.button { background: url('../images/backgrounds/yellow-bck.png') left bottom repeat-x; border: 1px solid #3398CD; color: #5E33CC; cursor: pointer; font-size: 11px; font-weight: bold; line-height: 30px; padding: 7px 15px 7px 35px; position: relative; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
a.fancy.button { text-decoration: none; }
a.fancy.button:hover { background: url('../images/backgrounds/yellow-bck.png') left top repeat-x;  }
a.fancy.button span.icon { height: 24px; width: 24px; position: absolute; top: 3px; left: 3px; }
a.fancy.button.add-all span.icon { background: url('../images/icons/24x24/add.png') no-repeat top left; }
a.fancy.button.remove-all span.icon { background: url('../images/icons/24x24/delete.png') no-repeat top left; }
a.fancy.button.filter span.icon { background: url('../images/icons/24x24/search.png') no-repeat top left; }
a.fancy.button.select-all span.icon { background: url('../images/icons/24x24/checkbox.png') no-repeat top left; }
a.fancy.button.edit span.icon { background: url('../images/icons/24x24/edit.png') no-repeat top left; }
a.fancy.button.delete span.icon { background: url('../images/icons/24x24/delete.png') no-repeat top left; }
a.fancy.button.create span.icon { background: url('../images/icons/24x24/add.png') no-repeat top left; }
a.fancy.button.cancel span.icon { background: url('../images/icons/24x24/delete.png') no-repeat top left; }
a.fancy.button.next span.icon { background-image: url('../images/icons/32x32/next.png'); }

a.fancy.button.offer-group.list span.icon { background: url('../images/icons/24x24/program_group.png') no-repeat top left; }

/* TOP-NAV */
.top-nav { border: 1px solid #CCCCCC; margin: 5px 0 10px 0; padding: 5px; }
.top-nav h1 {  background: url('../images/icons/32x32/target.png') no-repeat left center; float: left; font-size: 140%; height: 25px; padding: 10px 0 5px 40px; }
.top-nav .buttons { float: right; }
.top-nav .buttons .button { background-color: #F4F4F4; float: left; font-size: 11px; margin-right: 14px; padding-top: 5px; text-align: center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.top-nav .buttons .button { border: 1px solid #EEEEEE; display: block; height: 35px; width: 55px; text-align: center; text-decoration: none; text-transform: lowercase; }
.top-nav .buttons .button span { display: block; color: #025A8D; }
.top-nav .buttons .button .icon { background: url('../images/icons/16x16/target.png') no-repeat center 3px; height: 20px; text-transform: lowercase;  width: 100%; }
.top-nav .buttons .button > input.icon { background-color: #F4F4F4; border: none; color: #025A8D; float: none; font-family: Verdana,Geneva,Kalimati,sans-serif; font-size: 11px; height: 35px; width: 55px; padding-top: 15px;}
.top-nav .buttons .button:hover, .top-nav .buttons .button:focus, .top-nav .buttons .button:active { border-color: #EEEEEE #CCCCCC #CCCCCC #EEEEEE; border-left: 1px solid #EEEEEE; border-style: solid; border-width: 1px; color: #0B55C4; text-decoration: none; }

div.offer-group .top-nav h1 { background-image: url('../images/icons/32x32/program_group.png'); }
div.claim .top-nav h1 { background-image: url('../images/icons/32x32/page_edit.png'); }
div.bed-type .top-nav h1 { background-image: url('../images/icons/32x32/hotel_bed.png'); }
div.college .top-nav h1 { background-image: url('../images/icons/32x32/home.png'); }
div.student .top-nav h1 { background-image: url('../images/icons/32x32/students.png'); }
div.faculty .top-nav h1 { background-image: url('../images/icons/32x32/education.png'); }
div.admin .top-nav h1 { background-image: url('../images/icons/32x32/business_users.png'); }
div.news-article .top-nav h1 { background-image: url('../images/icons/32x32/news.png'); }
div.criterion .top-nav h1 { background-image: url('../images/icons/32x32/tasks.png'); }
div.evaluation .top-nav h1 { background-image: url('../images/icons/32x32/calculator.png'); }
div.helpdesk .top-nav h1 { background-image: url('../images/icons/32x32/computer_help.png'); }
div.faq .top-nav h1 { background-image: url('../images/icons/32x32/help.png'); }
div.period .top-nav h1 { background-image: url('../images/icons/32x32/calendar_date.png'); }
div.protest .top-nav h1 { background-image: url('../images/icons/32x32/application_warning.png'); }
div.stats .top-nav h1 { background-image: url('../images/icons/32x32/database_info.png'); }
div.dashboard .top-nav h1 { background-image: url('../images/icons/32x32/application.png'); }
div.arrivals .top-nav h1 { background-image: url('../images/icons/32x32/note_book_edit.png'); }
div.payments .top-nav h1 { background-image: url('../images/icons/32x32/dollar_gold.png'); }

.top-nav .buttons .button.create .icon { background-image: url('../images/icons/16x16/add.png'); }
.top-nav .buttons .button.cancel .icon { background-image: url('../images/icons/16x16/delete.png'); }
.top-nav .buttons .button.delete .icon { background-image: url('../images/icons/16x16/trash.png'); }
.top-nav .buttons .button.edit .icon { background-image: url('../images/icons/16x16/edit.png'); }
.top-nav .buttons .button.save .icon { background-image: url('../images/icons/16x16/save.png'); }
.top-nav .buttons .button.back .icon { background-image: url('../images/icons/16x16/back.png'); }
.top-nav .buttons .button.import .icon { background-image: url('../images/icons/16x16/database_up.png'); }
.top-nav .buttons .button.count .icon { background-image: url('../images/icons/16x16/process.png'); }
.top-nav .buttons .button.next .icon { background-image: url('../images/icons/16x16/next.png'); }
.top-nav .buttons .button.back .icon { background-image: url('../images/icons/16x16/back.png'); }
.top-nav .buttons .button.search .icon { background-image: url('../images/icons/16x16/search.png'); }
.top-nav .buttons .button.email .icon { background-image: url('../images/icons/16x16/mail_process.png'); }
.top-nav .buttons .button.lock .icon { background-image: url('../images/icons/16x16/lock.png'); }
.top-nav .buttons .button.protest .icon { background-image: url('../images/icons/16x16/application_warning.png'); }
.top-nav .buttons .button.schedule .icon { background-image: url('../images/icons/16x16/calendar_date.png'); }
.top-nav .buttons .button.reset .icon { background-image: url('../images/icons/16x16/delete.png'); }
.top-nav .buttons .button.excel .icon { background-image: url('../images/icons/16x16/xls.png'); }


.bigbutton { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  
            background: #888 url('../images/backgrounds/btn-bck-black.png') top left no-repeat; border: 1px solid; border-color: #EEEEEE #CCCCCC #CCCCCC #EEEEEE; color: white; display: block; float: left; font-size: 110%; font-weight: bold; height: 40px; padding: 0px 0px 0px 0px; text-decoration: none; }
.bigbutton:hover { background-image: url('../images/backgrounds/btn-bck-black-dark.png'); }
.bigbutton:active { background-image: url('../images/backgrounds/btn-bck-black.png'); }
.bigbutton span { display: block; float: left; }
.bigbutton span.label { padding: 13px 10px 13px 10px;}
.bigbutton span.icon { background: url('../images/icons/24x24/target.png') 15px 8px no-repeat; height: 42px; text-transform: lowercase;  width: 50px; }
.bigbutton > input.icon { background: transparent url('../images/icons/24x24/mail_open_edit.png') no-repeat 20px center; border: none; color: white; float: none; font-size: 12px; font-weight: bold; font-family: Verdana,Geneva,Kalimati,sans-serif; height: 40px; padding: 0 25px 0 50px;}

.bigbutton.apply .icon { background-image: url('../images/icons/24x24/mail_open_next.png'); }
.bigbutton.claim.create span.icon { background-image: url('../images/icons/24x24/mail_open_edit.png'); }

/* BOTTOM NAV */
.bottom-nav { background-color: #F4F4F4; border: 1px solid #CCCCCC; margin: 15px 0 15px 0; padding: 5px; }

/* TOOLBAR */
.toolbarable { position: relative; }
.toolbarable .toolbar { position: absolute; top: 2px; right: 0px; display: none; }
.toolbarable:hover .toolbar { display: block; }
.toolbarable .toolbar .t-button { height: 16px; width: 16px; cursor: pointer; float: left; background: url('../images/icons/16x16/target.png') no-repeat top left; margin-right: 4px; }
.toolbarable .toolbar .t-button.toggle { background: url('../images/icons/16x16/zoom_in.png') no-repeat top left; }
.toolbarable .toolbar .t-button.add-remove { background: url('../images/icons/16x16/add.png') no-repeat top left; }
.assigned .toolbarable .toolbar .t-button.add-remove { background: url('../images/icons/16x16/delete.png') no-repeat top left; }

/* DIALOG */
div.dialog { border: 1px solid #CCCCCC; margin-right: 5px; padding: 5px; }

/* FORMS */
input[type=button], input[type=submit] { cursor: pointer; }
textarea { height: 100px; }

fieldset { border: 1px solid #CCCCCC; padding: 5px; }
fieldset legend { color: #DD4B39; font-weight: bold; font-size: 120%; margin: 4px 10px; padding: 0 5px; }

fieldset > .label { float: left; clear: left;  line-height: 190%; font-weight: bold; }
fieldset > .value { float: right; clear: right;  line-height: 190%;  }

.required  { font-weight: bold; }

/* FORM TABLES */
tr.prop { padding: 5px; }
tr.prop td.name, tr td.label { text-align: left; width: 15%; white-space: nowrap; vertical-align: top; font-size: 9pt; }
tr.prop td.value { text-align: left; padding: 5px 20px 5px 20px; font-family: monospace; font-size: 11pt; }
td.value input, td.value select, td.value textarea { width: 290px; padding: 5px; border: 1px #CCC solid; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
td.value input.short, td.value select.short, td.value textarea.short { width: 30px; }
td.value select { width: 300px; background: #e6e6e6 url('../jquery-ui/themes/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png') 50% 50% repeat-x; }
input.radio { width: 20px; }
span.natural select, span.natural input { width: auto; }
tr.section td { font-weight: bold; color: #DD4B39; font-size: 11pt; height: 30px; vertical-align: middle; }

/* LOADING */
.loading-container { text-align: center; margin: 5px; font-size: 14px;  background: url('../images/spinner.gif') 72% 0% no-repeat; }

.buttonOption {
    padding: 5px;
    border: 1px #646464 solid;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 15px;
    background: #DD4B39;
    color: #ffffff;
}

.tlapicka:hover{
    cursor: pointer;
    color: #006dba;
}
.tlapicka{
    cursor: pointer;
    color: black;
}