﻿@import url('/Styles/messi.css');

/* DEFAULTS
----------------------------------------------------------*/

body { font-size: 12px; font-family: Verdana, tahoma, sans-serif; color: black; margin: 0; padding: 0; overflow: auto; }
body.ostre_body { background-color: white; }
body.test_body { background-color: red; }
body.develop_body { background-color: blue; }
a { color: Blue; }
/*
a:link, a:visited { color: #034af3; }
a:hover { color: #1d60ff; text-decoration: none; }
a:active { color: #034af3; }
*/
p { margin-bottom: 10px; line-height: 1.6em; }
div.logo { float: left; margin-left: 4px; }
img.logo { float: left; margin: 0 5px 0 4px; }
iframe { border-width: 0; }
li font[size="2"] { font-size: 12px !important; }


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 { font-size: 1.5em; color: #6c0a0a; font-variant: small-caps; text-transform: none; font-weight: bold; margin-bottom: 0px;  }

h1.title { color: #000; font-size: 1.8em; padding: 2px 0 0 15px; margin: 0; width: 500px; }
h1.title span { color: #5e5e5e; font-size: 80%; margin-top: 10px; }

h2 { font-size: 1.5em; }
h2.caption { margin-top: 4px; }
h3 { font-size: 1.3em; }
h3.inner { margin: 0 0 10px 0; }
h4 { font-size: 1.1em; }
h5, h6 { font-size: 1em; }

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 { margin-top: 0px; }
.left { float: left; }
.right { float: right; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.nextBox { margin-left: 20px; }
.lastBox { margin-right: 50px; }
.fullHeight { height: 100%; margin-top: 0; margin-bottom: 0; }
.fullWidth { width: 100%; margin-left: 0; margin-right: 0; }
.red { color: red; }
.text-red { color: red; }
.text-green { color: green; }
.text-black { color: black; }
.text-gold { color:darkgoldenrod; }


div#pageFrame { padding: 2px 6px 0px 6px; background-color: #FFF; overflow: hidden; }
body.ostre_body div#pageFrame { background-color: white; }
body.test_body div#pageFrame { background-color: red; }
body.develop_body div#pageFrame { background-color: blue; }
div.headerTab { overflow: hidden; background: #000; height: 27px; min-width: 30px; margin: 5px 0 0 0; color: #FFF; background-size: auto; background-origin: padding-box; background-clip: border-box; }
div.headerTabRight { overflow: hidden; background: #000; height: 27px; min-width: 30px; margin: 5px 0 0 0; color: #FFF; float: right; }
div.headerTabLU { background: white url("/img/upper-left-corner.png") no-repeat top left; width: 12px; height: 12px; float: left; background-size: auto; background-origin: padding-box; background-clip: border-box; }
body.test_body div.headerTabLU { background-color: red; }
body.develop_body div.headerTabLU { background-color: blue; }
div.headerTabRU { background: white url("/img/upper-right-corner.png") no-repeat top right; width: 12px; height: 12px; float: right; background-size: auto; background-origin: padding-box; background-clip: border-box; }
body.test_body div.headerTabRU { background-color: red; }
body.develop_body div.headerTabRU { background-color: blue; }
div.headerTabU { float: left; clear: both; color: #EFEFEF; padding: 0 15px 0 15px; position: relative; top: -5px; }
div.headerTabURight { float: left; clear: both; color: #EFEFEF; padding: 0 15px 0 15px; position: relative; top: -5px; right: 0; }
div#frameBody { background-color: #000; min-height: 100px; float: left; width: 100%; }
div#footer { float: left; clear: both; background-color: #000; width: 100%; color: #fff; min-height: 30px; }
div#footer span { margin: 5px 10px 10px 15px; display: block; }
div#footer span a { color: #94DA71; }
div#menu { margin: 0px 15px 0px 0px; }
a.linkModule { color: white; margin: 0 5px 0 15px; }

span.logger { display: block; }
.searchTab { position: relative; top: -3px; }
input[type=text].searchTab { top: -3px; }
input[disabled=true].igte_IGEdit { background: white url("/ig_res/ig/images/igte_Sprite_disabled.png") no-repeat 0 -46px; }
input[type=submit].searchTab { top: -2px; padding: 1px 7px 0 7px; }
input.searchTab { margin: 0 5px 0 3px; }

table.mainContent { margin: 0 5px 10px 5px; }
table.mainContent_test { margin: 0 5px 10px 5px; background-color: #efefd2; }
table.mainContent_develop { margin: 0 5px 10px 5px; background-color: #efefd2; }

a.help { position: inherit;  }
a.topLink { color: #fff; position: relative; top: -6px; margin-right: 10px; }

.disabledIG { background-color: #F7F7F7; color: Blue; padding: 4px 0 0 3px; display: block; }


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page { background-color: #fff; margin: 12px 12px 2px 12px; overflow: hidden; }
.left_menu { float: left; width: 280px; margin: 13px 0 0 10px; }

/* .header { background-color: #FDB813; height: 75px; padding: 0px 0 0 0px; } */
.header { background: transparent url("/img/hands.png") no-repeat top right; min-height: 110px; margin: 12px 0px 3px 12px; float: left; }
.infobar { background-color: #F2F2F2; margin: 0; padding-left: 3px; overflow: auto; height: 29px; }
 ul.menu { float: left; list-style-type: none; margin: 0 1% 0 0; padding: 0 8px; width: 13%; }
 ul.menu li a { border-bottom: 1px solid black; color: Black; display: block; font-weight: bold; margin: 10px 0; padding: 5px 10px; text-decoration: none; }
.main { float: left; padding: 0px 12px; margin: 12px 8px 8px 8px; min-height: 420px; width: 95%; overflow: auto; }
.leftCol { padding: 6px 0px; margin: 12px 8px 8px 8px; width: 200px; min-height: 200px; }
.footer { color: #4e5766; padding: 8px 0px 0px 0px; margin: 0px auto; text-align: center; line-height: normal; }




/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink { background-color:#3a4f63; width:100%; }
div.menu { padding: 4px 0px 4px 8px; margin: 15px 15px 10px 10px; }
div.menu ul { list-style: none; margin: 0px; padding: 0px; width: auto; }
div.menu ul li a, div.menu ul li a:visited { background-color: #465c71; border: 1px #4e667d solid; color: #dde4ec; display: block; line-height: 1.35em; padding: 4px 20px; text-decoration: none; white-space: nowrap; }
div.menu ul li a:hover { background-color: #bfcbd6; color: #465c71; text-decoration: none; }
div.menu ul li a:active { background-color: #465c71; color: #cfdbe6; text-decoration: none; }


/*  CONTEXT MENU
----------------------------------------------------------*/
menu command  { padding: 5px; background-color: blue; }



/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset { -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 0; -webkit-padding-end: 0; -webkit-padding-before: 0; -webkit-padding-after: 0;
           margin: 0; padding: 10px; border: 1px solid #ccc; }
fieldset p { margin: 2px 12px 10px 10px; }
fieldset.login label, fieldset.register label, fieldset.edit label, fieldset.edit_in_row label, fieldset.changePassword label { display: block; }
span.checkbox { display: block; vertical-align: middle; }
span.checkbox label { float: left; margin-top: 6px; }
span.checkbox input { float: left; margin-top: 3px; }
fieldset label.inline { display: inline; }
legend { font-size: 1.1em; font-weight: 600; padding: 2px 4px 8px 4px; }
input.textEntry { width: 320px; border: 1px solid #ccc; }
input.passwordEntry { width: 320px; border: 1px solid #ccc; }
div.accountInfo { width: 42%; }
label { margin: 2px 0 2px 0; padding: 0; height: 14px; }
input { /* border-width: 1px; border-color: Gray Silver Silver Gray;  margin: 2px 0; */ padding: 0px 4px 0px 4px; height: 21px; } 
textarea { border-width: 1px; border-color: Gray Silver Silver Gray;  margin: 2px 0; padding: 2px; }
textarea[disabled=true] { background: white url("/ig_res/ig/images/igte_Sprite_disabled.png") no-repeat 0 -46px; }
select { margin: 2px 0; padding: 2px; }


input.IGEdit
{
	font-size: 13px;
	font-weight: normal;
	font-family: Segoe UI, Verdana, Arial, Sans-Serif;
	background-color: #FFFFFF;
	border:solid 1px #999999;
	outline:0;
	
	color:#333333;
	background: white url(/ig_res/IG/images/igte_Sprite.png) no-repeat 0 -46px;
	/* Rounded corners */
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
}

input.IGDateTime
{
	font-size: 13px;
	font-weight: normal;
	font-family: Segoe UI, Verdana, Arial, Sans-Serif;
	background-color: #FFFFFF;
	border:solid 1px #999999;
	outline:0;
	
	color:#333333;
	background: white url(/ig_res/IG/images/igte_Sprite.png) no-repeat 0 -46px;
	/* Rounded corners */
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	padding-right: 0;
	width: 155px;
}

input.IGDate
{
	font-size: 13px;
	font-weight: normal;
	font-family: Segoe UI, Verdana, Arial, Sans-Serif;
	background-color: #FFFFFF;
	border:solid 1px #999999;
	outline:0;
	
	color:#333333;
	background: white url(/ig_res/IG/images/igte_Sprite.png) no-repeat 0 -46px;
	/* Rounded corners */
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	padding-right: 0;
	width: 115px;
}

input.IGMesic
{
	font-size: 13px;
	font-weight: normal;
	font-family: Segoe UI, Verdana, Arial, Sans-Serif;
	background-color: #FFFFFF;
	border:solid 1px #999999;
	outline:0;
	
	color:#333333;
	background: white url(/ig_res/IG/images/igte_Sprite.png) no-repeat 0 -46px;
	/* Rounded corners */
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	padding-right: 0;
	width: 135px;
}

select.IGEdit
{
	font-size: 13px;
	font-weight: normal;
	font-family: Segoe UI, Verdana, Arial, Sans-Serif;
	background-color: #FFFFFF;
	border:solid 1px #999999;
	outline:0;
	
	color:#333333;
	background: white url(/ig_res/IG/images/igte_Sprite.png) no-repeat 0 -46px;
	/* Rounded corners */
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-border-radius: 2px;

	padding-top: 1px;
	padding-bottom: 1px;
	margin-top: 0;
	margin-bottom: 0;
}


input[disabled="disabled"].IGEdit
{
	background: white url("/ig_res/IG/images/igte_Sprite_disabled.png") no-repeat 0 -46px;
}

textarea.IGEdit
{
	font-size: 13px;
	font-family: Segoe UI, Verdana, Arial, Sans-Serif;
	background-color: #FFFFFF;
	border:solid 1px #999999;
	outline:0;
	
	color:#333333;
	background: White url(/ig_res/IG/images/igte_Sprite.png) no-repeat 0 -46px;
	/* Rounded corners */
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
}


/* TABLES 
----------------------------------------------------------*/
tbody { vertical-align: top; }
td.label { font-weight: bold; padding-right: 3px; }
td.buttons { text-align: center; padding-top: 8px; }
td.deleteConfirmation { font-weight: bold; font-size: 105%; }


/* MISC  
----------------------------------------------------------*/

.clear { clear: both; }
.title { display: block; float: left; text-align: left; width: auto; }
.NoScroll { overflow: hidden; }
.Scroll { overflow: auto; }
.inline { display: inline; }
.block { display: block; }
.none { display: none; }
td.ui-datepicker-week-end a.ui-state-default { color: red; }



/*  FileManager
----------------------------------------------------------*/
.fmSubDir { text-decoration: none; color: black; }
.fmActiveDirectory { font-weight: bold; color: green; }
.fmRowWrapper { float: left; border: none; margin: 0; padding: 0; }
#rightColumn { width: 700px; height: 500px; padding: 0 0 2px 0; }
.fmDirectoryColumn { width: 194px; height: 497px; overflow: auto; border-right: solid 1px darkgrey; padding: 2px 0 0 5px; background-color: #f6f7f7; }
.fmDirectoryColumnIE { width: 194px; height: 497px; overflow: auto; border-right: solid 1px darkgrey; padding: 2px 0 0 5px; background-color: #f6f7f7; }
.fmRootDirectory { font-weight: bold; }
.fmFilesColumn { width: 695px; height: 464px; overflow: auto; padding: 3px 0 2px 6px; background-color: #f6f7f7; }
.fmIconBar { width: 700px; height: 32px; border-bottom: solid 1px darkgrey; background-color: #f6f7f7; }
img.fmIcon { width: 26px; height: 26px; border:none; float: left; margin: 2px 0 2px 6px; padding: 1px; }
.fmIcon + span { display: block; float: left; height: 26px; width: 10px; margin: 2px 0 2px 6px; }
a.fmIcon {  }
.fmIcon:first-child { margin-left: 6px; }
.category_image { max-width: 156px; max-height: 100px; border: dotted inset 1px; border-color: darkgray; float: left; }
.fmImageDiv { width: 90px; height: 90px; display: table-cell; vertical-align: middle; text-align: center; background-color: #ffffff; border: solid 1px #ffffff; }
.fmImageDivIE { width: 90px; height: 90px; display: table-cell; vertical-align: middle; text-align: center; background-color: #ffffff; border: solid 1px #ffffff; }
.fmImage { vertical-align: middle; border: none; }
.fmImageIE { vertical-align: middle; border: none; }
.fmSpan { float: left; width: 90px; word-wrap: break-word; overflow: hidden; display: block; }
.fmSpanIE { float: left; width: 90px; word-wrap: break-word; overflow: hidden; display: block; }
.fmSelectedFile .fmSpan { background-color: #f2d6d6; color: black; border-left: dotted 1px red; border-right: dotted 1px red; border-bottom: dotted 1px red; }
.fmSelectedFile .fmSpanIE { background-color: #f2d6d6; color: black; border-left: dotted 1px red; border-right: dotted 1px red; border-bottom: dotted 1px red; }
.fmImageLink { float: left; margin: 3px 0 0 4px; }
.fmImageLinkIE { float: left; margin: 3px 0 0 4px; }
.fmImageLink:last-child { margin-bottom: 3px; }
.fmImageLinkIE:last-child { margin-bottom: 3px; }
a.fmSelectedFile div { background-color: #f2d6d6; border-left: dotted 1px red; border-right: dotted 1px red; border-top: dotted 1px red; }




.loginDisplay { font-size: 95%; display: block; text-align: right; padding: 4px 10px 2px 10px; color: #3A3A3A; }
.loginDisplay a:link { color: #145514; }
.loginDisplay a:visited { color: Green; }
.loginDisplay a:hover { color: Green; }
.failureNotification { color: Red; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.submitButton { text-align: right; padding: 3px 10px; background: #6B6B6B; color: White; height: auto; cursor: pointer; }
.submitButtonDisabled { text-align: right; padding: 3px 10px; background: Silver; color: White; height: auto; }
.fileUpload input[type=submit] { text-align: right; padding: 3px 10px; background: #6B6B6B; color: White; height: auto; }
.MainPageButton { text-align: right; padding: 3px 10px; background: #6B6B6B; color: White; height: auto; }
.MainPageButtonHighlighted { text-align: right; padding: 3px 10px; background: #fc2e2e; color: White; height: auto; }
.MP_visible { /* border: solid 3px orange; */ opacity: 0.6; }

.validatorMessage { font-weight: bold; color: Red; }
.formSuccess { font-weight: bold; font-size: 11px; color: Green; }
.modalWindowText { font-size: 9pt; font-family: Verdana, tahoma, sans-serif; color: black; margin: 0; padding: 0; }

.gridTop { overflow: hidden; margin-top: 20px; }
.addNewItem { color: Green; font-size: 12px; margin: 6px 0 0 0; padding: 1px 0 2px 18px; background: transparent url('/img/add.png') no-repeat top left; float: left; }
.addNewItem a { color: Green; }
a.FormAction { color: Green; font-size: 12px; margin: 0; padding: 1px 0 2px 0px; float: left; }

a.editButton { display: block; width: 16px; height: 16px; background: transparent url("/img/edit.png") no-repeat top left; float: left; margin-right: 2px; }
a.deleteButton { display: block; width: 16px; height: 16px; background: transparent url("/img/delete.png") no-repeat top left; float: left; margin-right: 2px; }
a.usersButton { display: block; width: 16px; height: 16px; background: transparent url("/img/users.png") no-repeat top left; float: left; margin-right: 2px; }
a.keyButton { display: block; width: 16px; height: 16px; background: transparent url("/img/key.png") no-repeat top left; float: left; margin-right: 2px; }
.roleListBox { width: 300px; }

.LabelForDateTime { margin-bottom: 3px; }
.DivForDateTime { margin: 2px 12px 10px 10px; padding: 0; }
.EditItem { margin: 2px 12px 10px 10px; padding: 0; }
div.EditItem label { font-size: 12px; font-weight: normal; padding: 0 0 1px 1px; }
.EditItemButtons { margin: 15px 12px 10px 0px; padding: 0; }
.hidden { visibility: hidden; }
.invisible { display: none; }

a.addItemToList { color: Green; text-decoration: none; margin-top: 4px; }
a.addItemToList span { display: block; margin: 3px 0 0 3px; float: left; font-size: 10px; color: Green; text-decoration: none; }
a.addItemToList img { margin-top: 1px; float: left; border: 0; }

table.checkBox label.empty_center { display: block; margin: 2px 0 0 25px; float: left; top: 1px; color: Blue; font-weight: bold; }
table.checkBox input { display: block; margin: -1px 0 0 20px; padding-top: 0; float: left; }
table.checkBox input[type=image] { display: block; margin: -1px 10px 0 10px; padding-top: 0; float: left; }
table.checkBox input[type=checkbox] + label { display: block; margin: 2px 0 0 10px; float: left; top: 1px; }

.rowsPerPage { float: right; margin-bottom: 3px; vertical-align: middle; }
.rowsPerPage span { float: left; margin-top: 6px; }
.filter { margin: 0 0 0 20px; float: left; overflow: hidden; }
.filter span { display: block; float: left; margin: 6px 6px 0 0; }

td.caption { padding-right: 3px; }
td.data { font-weight: bold; }

.imageButton { margin-top: 5px; padding: 3px 0 0 2px; }
.imgButton { margin-top: 5px; padding: 3px 0 0 2px; background-image: url("/img/add_doctor.png"); }

a.navigation { font-size: 11px; color: Olive; margin: 6px 0 12px 0; display: block; }

p.showRecordLabel { margin: 3px 0 0px 0; font-weight: bold; }
p.showRecordValue { margin: 0px 0 8px 10px; }

ul.suggester_client { margin: 0 0 15px 10px; }

div.suggester-ddl { background-color: #f8f6f6; z-index: 9999; } 

.client_history_situation { padding: 2px 0 5px 0; }
.client_history_situation_date { float: left; clear: both; margin: 4px 0 0 0; font-weight: bold; color: Blue; }
.client_history_situation_label { float: left; clear: both; margin: 0 0 0 20px; font-weight: bold; }
.client_history_situation_value { float: left; }

.loginDisplay a.selected_cc { margin: 0 3px; font-size: 95%; text-decoration: none; font-weight: bold; }
.loginDisplay a.unselected_cc { color: #606060; margin: 0 3px; font-size: 95%; text-decoration: line-through; }

ul.assistant_served_clients { margin: 0 0 8px 20px; }
ul.assistant_served_clients li { margin: 0 0 4px 0; }
ul.assistant_served_clients a { color: Green; }

.PagerCurrPage { height: 14px; width: 25px; font-size: 8pt; padding: 0px; text-align: right; }
.GridPagerButton { width: 14px; height: 14px; position: relative; top: 3px; }

.filterOuterDiv { padding: 10px 0 20px 0; display: none; }
.filterOuterDiv fieldset { background-color: #E2EAEA; }
.filterOuterDiv fieldset legend { background-color: #FFFFFF; border: 1px solid #DADADA; padding: 2px 4px; }
.filterOuterDivOpened { padding: 10px 0 20px 0; }
.filterOuterDivOpened fieldset { background-color: #E2EAEA; }
.filterOuterDivOpened fieldset legend { background-color: #FFFEFF; border: 1px solid #DADADA; padding: 2px 4px; }
.filterTable { border-collapse: collapse; border: 1px solid #B2B2B2; margin: 0 0 8px 0; }
.filterTable > tbody > tr > td { border: 1px solid #DADADA; padding: 2px 6px; }
.filterSubTable { border-collapse: collapse; border: 1px solid #B2B2B2; margin: 5px 2px; }
.filterSubTable > tbody > tr > td { border: 1px solid #DADADA; padding: 2px 6px; }
.filterTableMasterRow { background-color: #F3ECEC; }
.EditItem input[type=checkbox] { margin: 5px 0 0 0; height: auto; }
input[type=checkbox] { margin: 0px; height: auto; }
input[type=checkbox] + label { position: relative; top: -5px; left: 8px; }
input[type=checkbox][checked=checked] + label { font-style: italic; font-weight:bold; color: Green; }
input[type=checkbox] + input[type=image] + label { float: left; margin-top: 5px; }
input[type=checkbox][checked=checked] + input[type=image] + label { font-style: italic; font-weight:bold; color: Green; }
.CheckBoxList input[type=checkbox] { padding: 0px; height: 13px; }
.CheckBoxList input[type=checkbox] + label { top: -1px; }


div.gridIcons { float: right; margin-left: 10px; }
div.gridIcons span { display: block; float: left; margin: 6px 6px 0 0; }
img.gridIcons { width: 22px; height: 22px; }
input.gridIcons { width: 22px; height: 22px; padding: 0; }
.filterDefinition { visibility: hidden; }


/*    FORMÁTOVÁNÍ TABULKOVÝCH VÝSTUPŮ	 */
.cGrid { padding: 0 0 0 0; border-collapse: separate; }
table#tab_assistant_bonuses { border-spacing: 0; }
.cgHeaderRow { height: 24px; border-left: 0; border-right: 0; }
.slave_red { background: #850C0C url("/img/grid_header_red.png") no-repeat left top; }
.slave_blue { background: #090A83 url("/img/grid_header_blue.png") no-repeat left top; }
.cgHeaderRow td { text-align: center; vertical-align: middle; font-size: 12px; color: White; font-weight: bold; background-color: #4F4F4F; }
table#tab_assistant_bonuses .cgHeaderRow td { font-size: 11px; }
.slave_red td { background-color: transparent; }
.slave_blue td { background-color: transparent; }
td.dataLeft span.cbSelect { display: inline; padding: 2px 5px 0 5px; }
.cgHeaderRow td span { display: block; padding: 2px 5px 0 5px; }
.headerLeft { background: #4F4F4F url("/img/grid_left-corner.png") no-repeat left top; border-right: 1px solid #bfbfbf; border-left: 0; }
.slave_red td.headerLeft { background: transparent; border-right: 1px solid #bfbfbf; border-left: 0; }
.slave_blue td.headerLeft { background: transparent; border-right: 1px solid #bfbfbf; border-left: 0; }
.headerMiddle { background: #4F4F4F url("/img/grid_middle.png") repeat-x left top; border-right: 1px solid #bfbfbf; }
.slave_red td.headerMiddle { background: transparent; border-right: 1px solid #bfbfbf; }
.slave_blue td.headerMiddle { background: transparent; border-right: 1px solid #bfbfbf; }
.cgHeaderRow td.headerRight { background: #4F4F4F url("/img/grid_right-corner.png") no-repeat right top; border-right: 0; }
.slave_red td.headerRight { background: transparent; border-right: 0; }
.slave_blue td.headerRight { background: transparent; border-right: 0; }
 td.headerSubcolumn { border-right: 1px solid #bfbfbf; }
 td.headerSubcolumnSlave_red { background: #850C0C; }
 td.headerSubcolumnSlave_blue { background: #090A83; }
.headerSubcolumnRight { border-right: 0; }
.headerTopColumn { border-bottom: 1px solid #bfbfbf; }
.headerTopColumn span { display: block; margin: 0 auto; width: 99%; }
.headerDIV { width: 98%; margin: 0 auto; padding: 0 3px; }
.headerDIVouter { width: 100%; }
td.subColumn_first { border-left: 1px solid Black; }
td.subColumn_last { border-right: 1px solid; }
td.subColumn_silver { border-left: 1px solid silver; }
.cgDataRow td.summary_row { border-top: 1px solid Black; border-bottom: 1px solid Black; }
.cgHeaderRow td span.sortedASC1 { padding-left: 25px; background: transparent url('/img/sort_asc_1.png') no-repeat 5px center; }
.cgHeaderRow td span.sortedASC2 { padding-left: 25px; background: transparent url('/img/sort_asc_2.png') no-repeat 5px center; }
.cgHeaderRow td span.sortedASC3 { padding-left: 25px; background: transparent url('/img/sort_asc_3.png') no-repeat 5px center; }
.cgHeaderRow td span.sortedASC4 { padding-left: 25px; background: transparent url('/img/sort_asc_4.png') no-repeat 5px center; }
.cgHeaderRow td span.sortedASC5 { padding-left: 25px; background: transparent url('/img/sort_asc_5.png') no-repeat 5px center; }
.cgHeaderRow td span.sortedASC6 { padding-left: 25px; background: transparent url('/img/sort_asc_6.png') no-repeat 5px center; }
.cgHeaderRow td span.sortedDESC1 { padding-left: 25px; background: transparent url('/img/sort_desc_1.png') no-repeat 5px center; }
.cgHeaderRow td span.sortedDESC2 { padding-left: 25px; background: transparent url('/img/sort_desc_2.png') no-repeat 5px center; }
.cgHeaderRow td span.sortedDESC3 { padding-left: 25px; background: transparent url('/img/sort_desc_3.png') no-repeat 5px center; }
.cgHeaderRow td span.sortedDESC4 { padding-left: 25px; background: transparent url('/img/sort_desc_4.png') no-repeat 5px center; }
.cgHeaderRow td span.sortedDESC5 { padding-left: 25px; background: transparent url('/img/sort_desc_5.png') no-repeat 5px center; }
.cgHeaderRow td span.sortedDESC6 { padding-left: 25px; background: transparent url('/img/sort_desc_6.png') no-repeat 5px center; }

.cgDataRow { border-right: 1px solid #8E8E8E; border-left: 2px solid #8E8E8E;border-bottom: 1px solid #8E8E8E; border-top: 1px solid #8E8E8E;  }
.cgDataRow td { text-align: left; vertical-align: middle; font-size: 12px; color: Black; border-bottom: 1px solid #E8E8E8; }
tr.cgDataSummaryRow { border-bottom: 1px solid Black; }
table#tab_assistant_bonuses .cgDataRow td { font-size: 11px; }
.cgDataRow td a { color: Green; }
.cgDataRowAlternate td { background-color: #EFEAE7; }
.cgDataRowMaster td { background-color: #F6F6F6; }
.cgDataRowSlave_red td { background-color: #FEEBEB; }
.cgDataRowSlave_blue td { background-color: #EFF1FF; }
/*.cgDataRow td:first-child { border-left: 1px solid #8E8E8E; }*/
.cgDataRow td:last-child { border-right: 1px solid #8E8E8E; }
.cgDataRow td span { display: block; padding: 4px 5px 4px 5px; }
table#tab_assistant_bonuses .cgDataRow td span { display: block; padding: 2px; }
.dataLeft { border: 0; border-right: 1px solid #E8E8E8; border-left: 1px solid #8E8E8E; }
.cgDataRow td.dataRight { border-bottom-width: 1px; border-right: 1px solid #8E8E8E; }
.dataMiddle { border: 0px; border-right: 1px solid #E8E8E8; }
.cgLastRow td { border-bottom: 1px solid #8E8E8E; }
tr.cgLastRow { border-bottom: 1px solid #8E8E8E; }

.cgDataRowHighlighted { background-color: #EBFFCD; }
.cgRowSelected td { background-color: #FFFFA4; }
.cgDataRowNew td { background: #fbcaca; }

.cgDataRowCopied { background-color: #F2F2F2; }
.cgDataRowDelimiter { background-color: #626262; height: 50px; color: white; }
.cgDataRowDelimiter span { color: white; font-size: 1.2em; }
.cgDataRowDelimiter td { vertical-align: bottom; }
.cgDataRowDelimiter td.dataLeft { border-right: none; }
.cgDataRowDelimiter td.dataMiddle { border-right: none; border-left: none; }





div.topPanel { margin-top: 10px; margin-bottom: 3px; background-color: #E4E4E4; padding-bottom: 3px; }

.cgUpperRow { overflow: hidden; margin: 0 0 0 3px; padding: 3px 4px 0 2px; }
.cgUpperRow td span { float: right; margin: 5px 5px 0 0; }

.pagerDiv { text-align: center; margin: 3px auto 3px auto; padding-top: 3px; border-top: 1px solid #C2C2C2; }
div#topPanel > div.pagerDiv { width: 99%; }
div.cgUpperRow div.pagerDiv { width: 430px; float: left; margin: -2px 15px 0 25px; }
.pagerInnerDiv { margin: 0 auto 3px auto; width: 430px; overflow: hidden; }
div.cgUpperRow div.pagerDiv .pagerInnerDiv { width: 430px; float: left; }
.currPage { float: left; }
.pagerInnerDiv > input { float: left; margin: 2px 0 0 0; }
.pagerInnerDiv > span { float: left; margin: 5px 3px 0 0; }


div.gridControlPanel a { font-size: 11px; color: Olive; margin: 6px 10px 6px 10px; display: block; float: left; }
a.listButtons { font-size: 11px; color: Olive; margin: 6px 10px 6px 10px; display: block; float: left; }


img.actionIcon { margin: 0 2px 0 2px; padding: 0; border: 0; height: 16px; z-index: 0; position: relative; }
a.actionIcon { border: 0; color: #FFF; margin: 0; padding: 0; }
span.actionIconText { position: absolute; margin-top: -20px; margin-left: -4px; }

.btnSortDIV { overflow: hidden; padding-right: 5px; width: 12px; float: left; }
.sortButton { height: 10px; width: 10px; margin: 0px; padding: 0; clear: left; }
.desc { margin: 0; }

.btnFilterSort { width: 12px; height: 12px; padding: 0; }
div.savedFilters { margin: 0 0 8px 0; font-weight: bold; }

div#tabFilter { margin: 15px 0 3px 0; }

.dialogWindowContent { margin: 5px 20px 10px 20px; }
input.acDIV { width: 16px; height: 16px; }
div.acDIV { padding-top: 6px; }

.backLink { color: Green; font-weight: bold; margin: 0 0 0 20px; }
.editFormAction { color: Green; font-size: 12px; font-weight: bold; margin: 0; padding: 1px 0 2px 0px; float: left; }

fieldset.edit { background-color: #F9F9F9; margin-top: 20px; }
fieldset.edit legend { padding: 3px 6px; border: 1px solid #cccccc; background-color: #E2E2E2; color: Black; }

fieldset.edit_in_row { background-color: #F9F9F9; margin-top: 20px; }
fieldset.edit_in_row legend { padding: 3px 6px; border: 1px solid #cccccc; background-color: #E2E2E2; color: Black; }
fieldset.edit_in_row input[type="checkbox"]  { display: block; float: right; }
fieldset.edit_in_row label  { display: block; float: left; margin: 3px 5px 0 0; }

div.EditItem label.required { padding-left: 12px; background: transparent url('/img/required.gif') no-repeat top left; }
fieldset.edit legend.required { padding-left: 18px; background: #E2E2E2 url('/img/required.gif') no-repeat top left; }

img.expand { padding: 6px 12px 6px 10px; margin: 0; }
td.expand { padding: 0; }
.cgDetailRow { display: none; }
.cgDetailCell { padding: 4px 0 4px 25px; }
.emptyDetailCell { padding: 0 0 0 25px; }

span.CaptionForExistingItems { font-size: 105%; font-weight: bold; margin-top: 5px; }

table.tabExistingRecords { margin: 2px 0 20px 20px; }
table.tabExistingRecords td { border: 1px solid #AEAEAE; padding: 2px 8px; }

table.record_list { border: 2px solid #c0c0c0; }
table.record_list td { border: 1px solid #c0c0c0; padding: 3px 4px; }
table.record_list td.record_list_label { padding-right: 6px; }
table.record_list td.record_list_data { font-weight: bold; padding-left: 6px; }
table.record_list td.record_list_data_right { font-weight: bold; padding-left: 6px; text-align: right; }
table.record_list td.record_list_data td.record_list_label { font-weight: normal; padding-left: 6px; }


.ReportCondition a { margin-top: 4px; }
.ReportCondition a.nextMonth { margin-left: 20px; }
.ReportCondition span { margin: 5px 3px 0 0; }
.ReportCondition span.year { margin: 4px 3px 0 20px; }
.ReportCondition span.month { margin: 4px 3px 0 8px; }
.ReportCondition table.date { margin: 0px 0px 0 4px; }
/*.ReportCondition input[type=text] { margin-top: 4px; height: 15px; }*/
.ReportCondition .igte_IGInner input[type=text] { margin-top: 0px; height: 13px; padding-bottom: 0; }
.assistantLabel { margin-left: 10px; }
.selectedHour { background-color: #B8CCE4; }


table.VisitCalendar input[type=checkbox] { margin: 2px 4px 0 4px; padding: 0; height: 15px; }
table.VisitCalendarAktivizace { background-color: #e2fcda; }
.VisitCalendar_InnerTable { border: 1px solid #B1B1B1; }
tr.VisitCalendar_IT_DayRow { height: 20px; vertical-align: middle; text-align: center; background-color: #F5F5F5; font-weight: bold; }
.VisitCalendar_FreeDay { color: Red; }
td.VisitCalendar_IT_CheckDay { border: 0; width: 23px; padding: 0; }
table.VisitCalendar td.VisitCalendar_IT_DayName input[type=checkbox] { float: left; margin: 0 4px 0 16px; }
table.VisitCalendar tr.VisitCalendar_IT_Hours span { float: left; clear: both; width: 22px; text-align: center; margin-top: 3px; }
table.VisitCalendar tr.VisitCalendar_IT_Hours input[type=checkbox] { float: left; clear: both; }
.VisitCalendar_EmptyBottomRow { height: 10px; }
.VisitCalendar_IT_EmptyDayOfMonth { height: 22px; vertical-align: middle; }
.VisitCalendar_IT_EmptyDayOfMonth td { background-color: #F5F5F5; font-size: 105%; font-weight: bold; text-align: center; }
.VistCalendar_Counter { font-weight: bold; margin: 0 5px 5px 0; }
.VistCalendar_Counter_bottom { font-weight: bold; margin: 15px 0 15px 0; }
.VistCalendar_Counter_bottom + .VistCalendar_Counter_bottom { margin: 15px 0 15px 5px; font-weight: normal; }
.VisitsRecordingConditionEnvelope { background-color: #F2F2F2; overflow: hidden; float: left; clear: both; padding: 0 20px 0; margin: 15px 0 0 0; width: 924px; }
.BaseForAssistantWagesConditionEnvelope { background-color: #F2F2F2; overflow: hidden; float: left; clear: both; padding: 0 20px 0; margin: 15px 0 0 0; width: 924px; }
.satisfactionLabel { margin: 4px 5px 0 0; }

h2.ServiceReportRecording { margin-top: 0; }
h3.ServiceReportRecording { margin: 10px 0 5px 10px; color: #F8B01E; }


.stExpandButton { src: url('/img/expand_node.gif'); width: 19px; height: 20px; }
.stCollapseButton { src: url('/img/collapse_node.gif'); width: 19px; height: 20px; }
td.stYearNumber { vertical-align: middle; }
.stMonthsMonth { padding-right: 10px; }
.stMonthsSatisfaction { padding: 2px 4px; color: White; font-weight: bold; }
.satisfaction1 { background-color: Green; }
.satisfaction2 { background-color: yellow; color: black; }
.satisfaction3 { background-color: darkorange; }
.satisfaction4 { background-color: Red; }


table.tableDailyServiceOverview { }
table.tableDailyServiceOverview thead { background: transparent url("/img/grid_middle.png") repeat-x; }
table.tableDailyServiceOverview thead tr td { min-width: 100px; text-align: center; padding: 3px 0; font-weight: bold; color: White; border: 1px solid #E0E0E0; }
table.tableDailyServiceOverview tbody tr td { border: 1px solid #707070; background-color: #F9F9F9; }
table.tableDailyServiceOverview tbody tr td a { text-decoration: none; float: left; clear: both; }
table.tableDailyServiceOverview tbody tr td a:hover { background-color: #E9E9E9; }
table.tableDailyServiceOverview tbody tr td span.visits_count { color: Black; float: right; clear: both; margin: 5px 8px 10px 8px; }
table.tableDailyServiceOverview tbody tr td span.day_label { float: left; clear: both; margin: 10px 8px 25px 8px; font-size: 12px; font-weight: bold; color: Green; }

table.serviceReportHeader { padding-bottom: 8px; }
table.serviceReportHeader td { padding-bottom: 3px; }

span#lClosed { float: left; font-size: 16px; font-weight: bold; color: Red; background-color: #E6FEE1; }

table#tab_assitants_stats_month { margin-top: 5px; }

.newsletter-title { background: transparent url("/img/newsletter-title.png") no-repeat; height: 45px; padding: 30px 0 0 450px; width: 581px; }

tr.invoiceClientSent td, tr.invoiceClientSent td a { font-style: italic; font-weight: bold; color: #666; background-color: #F9FFEB; }

.tableSumCaption { font-size: 12px; margin: 6px 6px 0 15px; }
.tableSumValue { font-size: 12px; font-weight: bold; margin: 6px 0 0 0; }

.td_width_border { border: 0px solid Black; border-collapse: collapse; }
.with_border { border: 1px solid #DEDEDE; }

.AssistantSuggesterLabel { margin: 4px 3px 0 0; }

span#lInvoiceCount { float: left; margin: 6px 0 0 65px; font-weight: bold; }

#divDaily h3 { margin: 0 0 3px 0; }

input[type="radio"] { display: block; float: left; height: 13px; margin-top: 7px; }
input[type="radio"] + label { margin: 7px 8px 0 3px; display: block; float: left; }
input[type="radio"][disabled="disabled"] + label { font-style: italic; color: Green; display: inline; }

.ReportEnvelopButton { margin-top: 12px; }


tab.tabServiceByYearsAndCities { margin-top: 10px; border-spacing: 0; }
td.tabServiceByYearsAndCities_assistant_count { width: 70px; }
td.tabServiceByYearsAndCities_hours { width: 50px; }

.ComposedColumnLeft { border-left: 1px solid #8E8E8E; }
.BottomSum { border-top: 1px solid #8E8E8E; }
/* .ComposedColumnRight { border-right: 1px solid Black; } */


.dialogPanel { padding: 30px 10px 10px 10px; font-size: 11px; font-weight: bold; overflow: hidden; float: left; }
.dialogPanelWithoutTop { padding: 5px 10px 10px 10px; font-size: 11px; font-weight: bold; overflow: hidden; float: left; }
.modalBackground { background-color: #EDEDED; }


/* *********************************************************
 *
 *		Stylování kalendářů
 *
 * *********************************************************/

/*  Týdenní kalendář  */
tab.SchedulerWeek { border-collapse: separate; border: 1px solid gray; }
tr.SchedulerWeekHeader { border-bottom: 1px solid Gray; background-color: #A0C0FF; }
.SchedulerWeekHeaderCaption { text-align: center; vertical-align: middle; font-size: 12px; font-weight: bold; height: 25px; }
tr.SchedulerWeekHeaderDaysCaptions { background-color: #DFE8FA; }
.SchedulerWeekHeaderDayCaption { text-align: center; vertical-align: middle; font-size: 10px; font-weight: bold; height: 28px; width: 200px; border: 1px solid Gray; }
.SchedulerWeekHeaderFreeDayCaption { text-align: center; vertical-align: middle; font-size: 10px; font-weight: bold; height: 28px; width: 200px; border: 1px solid Gray; background-color: #FFB1B1; }
.SchedulerWeekBodyRow { min-height: 150px; }
.SchedulerWeekBodyDay { text-align: center; vertical-align: middle; border: 1px solid Gray; }
.SchedulerWeekBodyDayContent { min-height: 430px; }
.SchedulerWeekendBodyDayContent { min-height: 200px; }
.SchedulerWeekBodyFreeDayContent { background-color: #FFF7F7; }
div.SchedulerWeekEvent { width: 196; margin: 2px; overflow: hidden;  }
span.SchedulerWeekEvent { width: 181px; min-height: 15px; display: block; float: left; text-align: left; margin-left: 15px; background-color: White; 
						  padding-left: 3px; border: 1px solid Gray; font-size: 10px; }

/*  Měsíční kalendář  */
tab.SchedulerMonth { border-collapse: separate; border: 1px solid gray; }
tr.SchedulerMonthHeader { border-bottom: 1px solid Gray; background-color: #A0C0FF; }
.SchedulerMonthHeaderCaption { text-align: center; vertical-align: middle; font-size: 12px; font-weight: bold; height: 25px; overflow: hidden; }
tr.SchedulerMonthHeaderDaysCaptions { background-color: #DFE8FA; }
.SchedulerMonthHeaderDayCaption { text-align: center; vertical-align: middle; font-size: 10px; font-weight: bold; height: 28px; width: 120px; border: 1px solid Gray; }
.SchedulerMonthBodyRow { min-height: 150px; }
.SchedulerMonthBodyDay { text-align: center; vertical-align: middle; min-height: 150px; border: 1px solid Gray; }
.SchedulerMonthBodyDayContent { min-height: 300px; }
div.SchedulerMonthEvent { width: 196; margin: 2px; overflow: hidden;  }
span.SchedulerMonthEvent { width: 181px; min-height: 15px; display: block; float: left; text-align: left; margin-left: 15px; background-color: White; 
						  padding-left: 3px; border: 1px solid Gray; font-size: 10px; }
.monthTableEmptyDay { width: 116px; margin: 2px; background-color: #F2F2F2; height: 90px; }
div.monthTableEmptyDayHeader { background-color: #E0E0E0; padding-bottom: 3px; }
span.monthTableEmptyDayHeader { font-size: 10px; color: #757575; }
.monthTableDay { width: 116px; margin: 2px; background-color: #FFFFFF; height: 90px; cursor: default; }
.monthTableFreeDay { width: 116px; margin: 2px; background-color: #FFF7F7; height: 90px; }
.monthPassedTableDay { width: 116px; margin: 2px; background-color: #F2F2F2; height: 90px; }
div.monthTableDayHeader { background-color: #5E5E5E; padding-bottom: 3px; font-weight: bold; color: #FFFFFF; }
.monthTableFreeDay div.monthTableDayHeader { background-color: #FFB1B1; color: Black; padding-bottom: 3px; font-weight: bold; }
span.monthTableDayHeader { font-size: 10px; }
span.monthTableDay { font-size: 10px; color: #FFFFFF; display: block; width: 30px; height: 20px; }


/*   Multiselect měsíční kalendář   */
tab.ms_SchedulerMonth { border-collapse: separate; border: 1px solid gray; background-color: green; }
tr.ms_SchedulerMonthHeader { border-bottom: 1px solid Gray; background-color: #A0C0FF; }
.ms_SchedulerMonthHeaderCaption { text-align: center; vertical-align: middle; font-size: 12px; font-weight: bold; height: 25px; overflow: hidden; }
.ms_SchedulerMonthHeaderDayCaption { text-align: center; vertical-align: middle; font-size: 10px; font-weight: bold; height: 28px; width: 30px; border: 1px solid Gray; }
.ms_SchedulerMonthBodyDay { text-align: center; vertical-align: middle; min-height: 30px; border: 1px solid Gray; background-color: #ebebeb; }
.ms_SchedulerMonthBodyDayContent { min-height: 30px; background-color: #ebebeb; }
.ms_SchedulerMonthBodyDay { text-align: center; vertical-align: middle; min-height: 150px; border: 1px solid Gray; }
.ms_monthTableDay { width: 26px; margin: 4px; background-color: #FFFFFF; height: 26px; cursor: default; }
.ms_monthTableEmptyDay { width: 26px; margin: 4px; background-color: transparent; height: 26px; }
.ms_monthTableFreeDay { width: 26px; margin: 4px; background-color: #fef1f1; height: 26px; }
span.ms_monthTableDayHeader { font-size: 10px; display: block; margin-top: 6px; margin-right: 4px; float: right; }
.ms_selected_day { border: 2px solid darkred; width: 22px; height: 22px; }
.ms_selected_day span.ms_monthTableDayHeader { margin-top: 4px; margin-right: 3px; }


/*   Roční kalendář   */
table.SchedulerYear { border: none; }
tr.SchedulerYearHeader { background-color: #A0C0FF; }
.SchedulerYearHeaderCaption { text-align: center; vertical-align: middle; font-size: 12px; font-weight: bold; height: 25px; overflow: hidden; border-radius: 5px; }
.SchedulerYearHeaderEmpty { height: 8px; }
.SchedulerYearDayEmptyCol { width: 10px; }
.SchedulerYearMonthName { text-align: center; padding: 4px; background-color: darkblue; color: white; font-weight: bold; border-radius: 3px; }
.SchedulerYearDayOfWeek { padding: 2px 3px; width: 20px;  border-bottom: 1px solid lightgrey; }
.SchedulerYearDate { padding: 2px 3px; width: 20px; text-align: right; border-bottom: 1px solid lightgrey; }
.SchedulerYearDayCell { border-bottom: 1px solid lightgrey; width: 59px; }
.SchedulerYearFreeDay { background-color: #FFB1B1; }
.SchedulerYearEvents { display: block; float: left; width: 20px; margin: 2px; height: 14px; text-align: center; font-weight: bold; cursor: default; }



/*   Denní kalendář   */
.SchedulerDayBodyRow { min-height: 150px; }
.SchedulerDayBodyDay { text-align: center; vertical-align: middle; border: 1px solid Gray; }
.SchedulerDayBodyDayContent { min-height: 430px; min-width: 513px; }
.ContactCalendarDayBodyDayContent { min-height: 430px; min-width: 540px; }
.SchedulerWeekendDayBodyDayContent { min-height: 430px; min-width: 513px; }
.SchedulerDayBodyFreeDayContent { background-color: #FFF7F7; min-height: 430px; min-width: 513px; }
div.SchedulerDayEvent { width: 505px; margin: 4px; overflow: hidden;  }
span.SchedulerDayEvent { width: 475px; min-height: 20px; display: block; float: left; text-align: left; margin-left: 20px; background-color: White; 
						  padding: 4px; border: 1px solid Gray; font-size: 11px; }
.ContactKindIcon { margin: 7px 0 0 3px; width: 22px; height: 22px; }
div.ContactBody { width: 528px; margin: 4px; overflow: hidden;  }
span.ContactText { width: 100%; min-height: 20px; display: block; float: left; text-align: left; padding: 4px; font-size: 11px;  }
div.ContactContent { background-color: White; border: 1px solid Gray; float: left; margin-left: 20px; width: 506px; }
span.ContactHeader { width: 450px; display: block; float: left; text-align: left;  
						  padding: 4px; font-size: 11px; }
.ContactContent a { color: Green; font-size: 11px; margin-bottom: 3px; }

						  
table#cbCalendarType label { position: relative; top: -5px; padding: 0; }

.tabMissingPamicaIds { padding-top: 15px; }

#historyTable tr td { border: 1px solid LightGray; }

.CalendarChooserTable { margin: 5px 0; }
.CalendarChooserCheckBox { margin-left: 4px; }
.CalendarChooserPanel { margin: 3px 0 0 2px; }
.CalendarChooserName { padding-top: 3px; background-color: white; }

.SchedulerActiveDate { background-color: yellow; }





/* #tab_services_by_months_and_cities td.dataLeft { border-bottom: 1px solid Black; } */
#tab_services_by_months_and_cities tr.cgLastRow td { border-top: 2px solid Black; background-color: #F0F0F0; }


.btnAddBlock { font-weight: bold; color: Green; display: block; float: left; margin-bottom: 5px; }
table.tabMeeting { clear: left; }
.tabMeetingLabel { display: block; float: left; }
.tabMeetingIcon { float: left; margin-top: 3px; }
td.tabMeetingThemeOrderCell { border-left: 1px solid #8E8E8E; }
td.tabMeetingItemOrder { border-left: 1px solid #8E8E8E; }

.cbMails { margin: 6px 0 0 20px; }
.cbMails input[type="checkbox"] + label { display: inline;  }
.cbMails td { height: 20px; }

.meetingShowPDFLink { margin: 20px 0 0 0; }

.calendarColorBox { width: 20px; height: 15px; margin-left: 15px; }
.calendarColorBoxView { width: 20px; height: 15px; margin: 3px 10px 0 10px; }
.CalendarColorRed { background-color: Red; }

.Dodger { width: 100%; text-align: center; margin: 0px 0 20px 0; font-size: 20px; color: Red; font-weight: bold; }

table.HorizontalRadio input[type="radio"] + label { padding: 0; margin: 0 5px 0 3px; position: relative; top: -6px; font-weight: normal; }
table.HorizontalRadio td { vertical-align: middle; }

.AssistantFirstRow td { border-top: 1px solid Black; }

table.inventorySelectItem { margin: 20px 0 0 15px; border-collapse: collapse; }
table.inventorySelectItem th { border: 1px solid gray; padding: 4px 6px; background-color: #D3D3D3; font-size: 104%; font-weight: bold; }
table.inventorySelectItem td { border: 1px solid gray; padding: 4px 6px; background-color: White; font-weight: normal; color: Black; }

a.list { color: Green; font-weight: bold; }

tr.bonus_basic_data { background-color: #F6FEF2; }
tr.priplatky { background-color: #F7DDDD; }
tr.odmena { background-color: #FFFFED; }
tr.suma { background-color: #F2F8FF; }
tr.oddelovac { border-bottom: 1px solid black; }

div.colorSample { width: 23px; height: 23px; margin-left: 5px; border: 1px solid Black; }

div.eLearningWizard { /*background-color: cornsilk;*/ padding: 6px; margin: 15px 0 10px 15px; }
input[type="submit"].eLearningWizard { text-align: right; padding: 3px 10px; background-color: beige; color: black; font-weight: bold; height: auto; }
a.eLearningWizard { color: Green; font-weight: bold; margin: 8px 0 0 20px; float: left; }
.elTestQuestion { font-weight: bold; width: 600px; }
.elTestAnswers { margin: 15px 0 0 20px; width: 580px; }
.elTestAnswers td { padding-bottom: 10px; overflow: hidden; }
.elTestAnswers input[type="radio"] { margin: 0px 3px 0 0; float: left; }
.elTestAnswers input[type="radio"] + label { margin: 3px 0 0 10px; padding-bottom: 5px; float: left; padding: 0; width: 545px; }
.testResultQuestion { display: block; float: left; clear: both; margin: 15px 0 0 0; font-weight: bold; }
.testResultRightAnswerCaption { display: block; float: left; clear: both; margin: 0 0 0 25px; font-weight: bold; color: green;  }
.testResultFalseAnswerCaption { display: block; float: left; clear: both; margin: 0 0 0 25px; font-weight: bold; color: red;  }
.testResultCorrectAnswer { color: black; font-style: italic; }
.testResultRightAnswer { display: block; float: left; clear: both; margin: 0 0 0 40px;  }
.testResultFalseAnswer { display: block; float: left; clear: both; margin: 0 0 0 40px;  }

#tab_base_for_assistants_wages td[rowspan="2"] { vertical-align: middle; }

tr.overdue_header { border-collapse: separate; }
tr.overdue_header td { background-color: gray; color: white; border: solid 1px black; padding: 2px 4px; text-align: center; border-collapse: separate; }
tr.overdue_row { border-collapse: separate; }
tr.overdue_row td { background-color: white; color: black; border: solid 1px black; padding: 2px 4px; text-align: left; font-weight: normal; border-collapse: separate; }
tr.overdue_row_not_read td { background-color: #fbd6c6; }
tr.due_invoices_summary td div span { color: black; }
tr.due_invoices_total_summary td div span { color: blue; }




/* *******************************************
 * 
 *  Dialogy
 *
 * *******************************************/

.jsMessageBody { padding: 8px; }
.jsErrorCaption { color: red; background: url(/img/error.png) no-repeat left top; padding: 8px 0 8px 36px; }
.jsErrorText, .jsInfoText, .jsQuestionText { margin: 20px 0 20px 2px; font-weight: 800; }
label.jsInputText { display: block; margin-top: 15px; font-weight: 800; }
input.jsInputText { margin: 2px 0 20px 2px; font-weight: 500; }
.jsInfoCaption { color: green; background: url(/img/info-blue.png) no-repeat left top; padding: 8px 0 8px 36px; }
.jsQuestionCaption { color: darkblue; background: url(/img/help-big.png) no-repeat left top; padding: 8px 0 8px 36px; }
.jsInputCaption { color: blue; background: url(/img/help-big.png) no-repeat left top; padding: 8px 0 8px 36px; }
.jsErrorButton { width: 60px; height: 25px; background-color: darkred; color: white; font-weight: bold; border: solid 5px darkred; border-radius: 3px; text-align: center; }
.jsInfoButton { width: 60px; height: 25px; background-color: darkgreen; color: white; font-weight: bold; border: solid 5px darkgreen; border-radius: 3px; text-align: center; }
.jsQuestionButton { min-width: 60px; min-height: 25px; background-color: darkblue; color: white; font-weight: bold; border: solid 5px darkblue; border-radius: 3px; text-align: center; }
.jsInputButton { width: 70px; height: 28px; background-color: darkblue; color: white; font-weight: bold; border: solid 5px darkblue; border-radius: 3px; text-align: center; }
.jsHelpCaption { color: darkblue; background: url(/img/help-big.png) no-repeat left top; padding: 6px 0 12px 50px; margin-top: 0; margin-bottom: 10px; }


.tabFoundationDraw td { padding: 3px 10px; border-collapse: collapse; }
.tabFoundationDraw tr { border-collapse: collapse; }
td.tabFoundationDrawHead { text-align: center; vertical-align: middle; color: white; background-color: #626262; font-weight: bold; white-space: nowrap; }
td.tabFoundationDrawHeadLeft { border-left: solid 1px #626262; }
td.tabFoundationDrawHeadRight { border-right: solid 1px #626262; }
td.tabFoundationDrawHeadTop { border-top: solid 1px #626262; }
td.tabFoundationDrawBody { vertical-align: middle; color: black; background-color: #fff; font-weight: normal; border: solid 1px #dadada; white-space: nowrap; }
td.tabFoundationDrawBodyLeft { border-left: solid 1px #626262; }
td.tabFoundationDrawBodyRight { border-right: solid 1px #626262; }
td.tabFoundationDrawBodyBottom { border-bottom: solid 1px #626262; }
td.tabFoundationDrawSummary { vertical-align: middle; color: black; background-color: #fff; font-weight: bold; border: solid 1px #dadada; text-align: right; white-space: nowrap; }

table.tabClientFoundation { border-collapse: collapse; }
td.tabClientFoundationValue { padding-left: 10px; text-align: right; }

#btnContributionList:hover { cursor: hand; cursor: pointer; }
#btnEditPrispevkyNadace { cursor: hand; cursor: pointer; }



/* **************************************** 
 *
 *	Formátování CSS menu
 *
 * ****************************************/
div.nav ul { background: #efefef; background: linear-gradient(top, #efefef 0%, #bbbbbb 100%); background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
		 background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); box-shadow: 0px 0px 9px rgba(0,0,0,0.15); padding: 0 0px 0 0px; 
		 list-style: none; position: relative; display: inline-table; margin: 0 0 10px 0px; z-index: 1000; }
div.nav ul:after { content: ""; clear: both; display: block; z-index: 100; }
div.nav ul li { float: left; z-index: 1002; }
div.nav ul li a { z-index: 1002; }
div.nav > ul > li.top > a { z-index: 1001; }
div.nav ul li a { display: block; padding: 5px 8px; color: #252525; text-decoration: none; }
div.nav ul ul { display: none; margin: 0 0 10px 0; background: #5f6975; border-radius: 0px; padding: 0; position: absolute; top: 100%; z-index: 1002; }
div.nav ul ul li { float: none; border-top: 1px solid #6b727c; border-bottom: 1px solid #575f6a; position: relative; z-index: 1002; }
div.nav ul ul li a { padding: 5px 10px; color: #fff; white-space: nowrap; padding-right: 25px; z-index: 1002; }	
div.nav ul ul ul { position: absolute; left: 100%; top: 0; margin: 0 0 10px 0; }
div.nav ul ul ul li a { padding: 5px 10px; color: #fff; white-space: nowrap; padding-right: 25px; }	
div.nav ul ul ul ul { position: absolute; left: 100%; top: 0; margin: 0 0 10px 0; }
div.nav ul ul ul ul li a { padding: 5px 10px; color: #fff; white-space: nowrap; padding-right: 25px; }	

div.nav ul li:hover > ul { display: block; z-index: 100; }
div.nav ul li:hover { background: #4b545f; background: linear-gradient(top, #4f5964 0%, #5f6975 40%); background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
				  background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%); }
div.nav ul ul li a:hover { background: #4b545f; }
div.nav ul li:hover a { color: #fff; }
div.nav a.withSubitems, div.nav a.withSubitems:hover { background: url(/img/submenu.png) top right no-repeat; } 

div.nav ul li.nav_opened > ul { display: block; z-index: 100; }
div.nav ul li.nav_opened > ul { display: block; z-index: 100; }
div.nav ul li.nav_opened { background: #4b545f; background: linear-gradient(top, #4f5964 0%, #5f6975 40%); background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
				  background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%); }
div.nav ul ul li.nav_opened a { background: #4b545f; }
div.nav ul ul.nav_opened { display: block; z-index: 100; }
div.nav ul li.nav_opened a { color: #fff; }
div.nav a.withSubitems, div.nav a.withSubitems.nav_opened { background: url(/img/submenu.png) top right no-repeat; } 



/* ***************************************************
 *
 *	Formátování Dalších záznamů o návštěvě u klienta
 *
 * ***************************************************/
#lContactText { padding-right: 5px; text-align: justify; }
#lAlertText { padding-right: 5px; text-align: justify; }

div.contactSolutionHistoryItem { margin-top: 10px; background-color: #e7f5de; float: left; clear: both; padding: 8px; }
div.contactSolutionHistoryNextItem { margin-top: 0; background-color: #fce7e3; float: left; clear: both; padding: 8px; }

span.contactSolutionHistoryAlertName { float: left; clear: both; font-style: italic; font-weight: bold; color: green; width: 150px; }
span.contactSolutionHistoryAlertTime { float: left; font-style: italic; color: green; font-weight: bold; }
span.contactSolutionHistoryAlertText { float: left; clear: both; text-align: justify; }

span.contactSolutionHistoryAnswerName { float: left; clear: both; font-style: italic; color: blue; margin: 6px 0 0 0; width: 150px; }
span.contactSolutionHistoryReactionName { float: left; clear: both; font-style: italic; color: red; margin: 6px 0 0 0; width: 150px; }
span.contactSolutionHistoryAnswerTime { float: left; font-style: italic; color: blue; margin: 6px 0 0 0; }
span.contactSolutionHistoryReactionTime { float: left; font-style: italic; color: red; margin: 6px 0 0 0; }
span.contactSolutionHistoryAnswerText { float: left; clear: both; margin: 0 0 0 0; text-align: justify; }

table.social_therapy_detail td { padding: 2px 5px; }


td.weeks_header_cell { width: 50px; text-align: center; }
td.weeks_desc_cell { text-align: center; vertical-align: middle; padding-left: 5px; padding-right: 5px; }
td.weeks_body_cell { text-align: center; vertical-align: middle; }


.aktuality_wrapper { margin: 5px 10px 10px 10px; font-size: 12px; }

div#treeRoles li img + img { margin-top: 3px; }

.SurveyTable { border-collapse: collapse; margin: 5px 10px 15px 0; }
.SurveyTableQuestion { border: 1px solid gray; padding: 6px 8px 3px 5px; }
.SurveyTableRating { border: 1px solid gray; padding: 3px 5px 3px 5px; }
.SurveyTableCenter { border: 1px solid gray; padding: 3px 5px 3px 5px; text-align: center; vertical-align: bottom; width: 15px; 
					 height: 150px; text-wrap: none; }
.SurveyTableCenter span { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); 
						  width: 13px; margin-bottom: 5px; display: block; font-weight: bold; }
.SurveyTableCell { border: 1px solid gray; padding: 3px 5px 3px 5px; }
.SurveyTableValue { border: 1px solid gray; padding: 3px 5px 3px 5px; text-align: right; }
.SurveyTableNoteCenter { padding: 6px 8px 3px 5px; font-weight: bold; vertical-align: bottom; }
.SurveyTableNoteCenter h3 { font-weight: bold; color: black; margin: 5px 10px 3px 0; }
.SurveyTableNoteCenter ul { margin: 4px 0 2px 0; }
.SurveyTableNoteCenter li { font-weight: normal; }


.clients_list a { margin-bottom: 6px; margin-left: 10px; color: green; display: block; float: left; clear: both; }

/*#cbOpakovani label { padding: 0; margin: -3px 5px 0 2px; display: block; float: left; }
#cbOpakovani td { vertical-align: middle; }*/


.service_plan_calendar { float: left; clear: both; margin: 15px 0 10px 0; border: solid 1px grey; background-color: #F2F2F2; }
.service_plan_calendar .week { float: left; clear: both; margin: 2px 0 20px 0; }
.service_plan_calendar .week:last-child { margin-bottom: 2px; }
.service_plan_calendar .week .week_caption { float: left; clear: both; margin: 6px 0 2px 6px; font-weight: bold; color: blue; }
.service_plan_calendar .week_copy { float: left; margin: 2px 0 0 10px; cursor: pointer; }
.service_plan_calendar .day { border: solid 1px black; float: left; clear: both; margin: 2px 5px 4px 5px; width: 724px; }
.service_plan_calendar .sunday { margin-bottom: 40px; }
.service_plan_calendar .day:first-child { margin-top: 5px; }
.service_plan_calendar .day:last-child { margin-bottom: 5px; }
.service_plan_calendar .day_caption { float: left; clear: both; width: 717px; padding: 2px 0 2px 5px; border: solid 1px lightgrey; background-color: #626262; }
.service_plan_calendar .weekend .day_caption { background-color: #e27070; }
.service_plan_calendar .day_caption span { color: white; padding: 2px 0 0 0; display: block; }
.service_plan_calendar .hours_caption { background-color: white; padding: 0px; border: solid 1px lightgrey; display: block; float: left; }
.service_plan_calendar .hours_caption span { text-align: center; width: 29px; display: block; float: left; background-color: wheat; 
											 border-right: solid 1px grey; border-right: solid 1px grey; border-bottom: solid 1px grey; cursor: pointer; }
.service_plan_calendar .hours_caption span:first-child { border-left: solid 1px grey; }
.service_plan_calendar .services_panel { display: block; width: 724px; min-height: 24px; float: left; background-color: white; }
.service_plan_calendar .service { display: block; float: left; background-color: green; height: 16px; margin-top: 2px; margin-bottom: 3px; }
.service_plan_calendar .service_presah { display: block; float: left; background-color: #c2c2f6; height: 20px; margin-top: 2px; margin-bottom: 3px; }
.service_plan_calendar .plan_datum_popisek { float: left; }
.service_plan_calendar .day_copy { float: left; margin: 0px 0 0 20px; }

.service_plan_calendar .color0 { background-color: white; border: solid 2px red; }
.service_plan_calendar .color1 { background-color: green; }
.service_plan_calendar .color2 { background-color: blue; }
.service_plan_calendar .color3 { background-color: darkred; }
.service_plan_calendar .color4 { background-color: goldenrod; }
.service_plan_calendar .color5 { background-color: darkgreen; }
.service_plan_calendar .color6 { background-color: darkmagenta; }

.ReportConditionCheckBox input[type="checkbox"] { margin-top: 2px; }

#cbClients input[type="checkbox"] { height: 13px; }
#cbClients label { top: -1px; }

#rbKind input[type="radio"] { margin-top: 2px; }
#rbKind label { margin-top: 5px; }


/*  Styly pro plánování služeb asistentů  */
table.tabServicePlanAssistantReport { border: 1px solid black; border-collapse: collapse; }
table.tabServicePlanAssistantReport tr { border: 1px solid darkgrey; background-color: white; }
table.tabServicePlanAssistantReport tr.free_day { background-color: #fae3e3; }
table.tabServicePlanAssistantReport tr td { border: 1px solid darkgrey; padding: 2px 4px; max-width: 250px; }
table.tabServicePlanAssistantReport tr.tabServicePlanAssistantReport_header td { font-weight: bold; background-color: #F8F8F8; }
.tabServicePlanAssistantReport_header_clientname { float: left; clear: both; margin-bottom: 3px; }
.tabServicePlanAssistantReport_header_note { font-weight: normal; font-style: italic; float: left; clear: both; color: red; }
span.tabServicePlanAssistantReport_day_service { float: left; clear: both; }
span.tabServicePlanAssistantReport_day_service_note { float: left; margin-left: 8px; font-style: italic; color: red; }

.cbAssistantList input { height: 15px; }
table.cbAssistantList label { top: -3px; }

/*  Styly pro výpis verzí systému a změn v nich   */
.version_wrapper { float: left; clear: both; margin: 10px 0 0 4px; background-color: #F2F2F2; padding: 10px; width: 800px; font-weight: 550; }
.version_header { float: left; clear: both; overflow: hidden; color: darkgreen; font-size: 120%; }
.version_number { float: left; clear: both; }
.version_date { float: left; margin: 0 0 0 25px; }
.version_description { float: left; clear: both; margin: 5px 0 0 0; }



/*  Styly pro HTML editor - verzování systému */
.version_wrapper ul { margin: 2px 0 2px 5px; padding-left: 25px; }
.version_wrapper ul li { margin-top: 3px; }
#grVersions td[columnname="description"] ul { margin: 2px 0 2px 15px; }
#grVersions td[columnname="description"] ul li { margin-top: 3px; }
.version_description { margin: 2px 0 6px 0; }
.version_issue_title { float: left; clear: both; margin: 3px 0 0 15px; font-weight: bold; }
.version_issue_description { float: left; clear: both; margin: 3px 0 0 30px; }

.odsazeni1 { list-style: square; margin-left: 25px; }
.odsazeni2 { list-style: circle; margin-left: 50px; }
.odsazeni3 { list-style: armenian; margin-left: 75px; }


/*  Styly pro revizi oprávnění */
#tabRights { border-collapse: collapse; }
.tabRightsRow { border: 1px solid lightgray; }
.tabRightsRowActive { border: 1px solid lightgray; background-color: #f2f7b4; }
.tabRightsRowEmpty { border: 0px solid white; height: 10px; }
td.tabRightStatus { width: 16px; padding: 2px; }
img.tabRightStatus { height: 16px; border: none; }
td.tabRightsStatusExists { width: 16px; padding: 2px; }
td.tabRightsStatusActive { width: 16px; padding-top: 2px; padding-left: 2px; }
td.tabRightIcons { padding-top: 2px; padding-left: 5px; padding-right: 5px; border: 1px solid lightgray; }
td.tabRightRole { padding: 2px 5px; }




.SIHeadRow td { padding: 3px 5px; background-color: #000; color: white; border-left: 1px solid #FFF; font-weight: bold; text-align: center; }
.SIHeadRow td.empty { padding: 3px 5px; background-color: white; color: black; border-left: 1px solid #FFF; font-weight: bold; text-align: center; }
.SIHeadRow td:first-child { border-left: 1px solid #000; }
.SIHeadRow td.empty:first-child { border: none; }
.SIHeadRow td.first_column { border-top-left-radius: 6px; }
.SIHeadRow td.last_column { border-top-right-radius: 6px; }
.SIRow {  }
.SIRow td { padding: 3px 5px; }
.SIRow:last-child td { border-bottom: 1px solid grey; }
.SIRow td.SIDataAppend { /* border-right: 1px solid grey; border-left: 1px solid grey; */ background-color: #FFFFCC; }
.SIRow td.SIDataAppend:first-of-type { border-left: 1px solid grey; }
.SIRow td.SIDataAppend:last-of-type { border-right: 1px solid grey;  }
.SICenter { border: 1px solid #EEEEEE; border-left: 1px solid grey; }
.SIArea { border: 1px solid #EEEEEE; border-right: 1px solid grey; }
.SIDataItem { border: 1px solid #EEEEEE; text-align: right; }

.SISumRow td { padding: 3px 5px; font-weight: bold; }
.SISumRowFirst td { border-top: 1px solid grey; border-bottom: 1px solid grey; }
.SISumPopis { border: 1px solid #EEEEEE; border-left: 1px solid grey; border-right: 1px solid grey; }
.SISumDataItem { border: 1px solid #EEEEEE; text-align: right; }
.SISumDataItemOneHour { border: 1px solid #EEEEEE; text-align: right; }
.SISumRow td.SISumDataItemOneHour:last-child { border-left: 1px solid grey; text-align: right; }

/* .SISumRow td:last-child { border-right: 1px solid grey; border-left: 1px solid grey; background-color: #FFFFCC; } */
.SISumRow td.SISumDataAppend { background-color: #FFFFCC; text-align: right; }
.SISumRow td.SISumDataAppend:first-of-type { border-left: 1px solid grey; }
.SISumRow td.SISumDataAppend:last-of-type { border-right: 1px solid grey;  }
.SISumRow:last-child td { border-bottom: 1px solid grey; }
.SISumRow:last-child td.SISumDataItemEmpty { border: none; border-left: 1px solid grey; text-align: right; }

.selectedDluzniciYear { background-color: #ccf1c4; padding: 3px; }

#tabPlan { border: solid 1px darkgrey; }
#tabPlan td { border: solid 1px darkgrey; padding: 2px 3px; vertical-align: middle; }
#tabPlan tr.tabChartPlanHeaderRow td, #tabPlan tr.tabChartPlanHeaderRow th { border: solid 1px darkgrey; padding: 6px 4px; vertical-align: middle; text-align: center; background-color: silver; }
#tabPlan tr.tabChartPlanDataRow td { height: 24px; }

.communication_summary { float: left; margin: 0; padding-right: 10px; }
div.csContact { text-align: justify; }
span.csContactText { text-align: justify; }
.csAlertsDiv { float: left; clear: both; display: block; margin-left: 20px; }
.csContactHeading { float: left; clear: both; margin-top: 15px; }
.csContactText { float: left; clear: both; }
.csAlertHeading { float: left; clear: both; margin-top: 5px; }
div.csHistoryItem { margin-top: 0px; background-color: #e7f5de; float: left; clear: both; padding: 8px; }
div.csHistoryNextItem { margin-top: 0; background-color: #fce7e3; float: left; clear: both; padding: 8px; }
hr.csHR { float: left; clear: both; width: 100%; margin: 25px 0 5px 0; }


div.PrumDelkaSluzbyPodminka { background-color: #e8e8e8; margin: 15px 0 10px 0; padding: 10px; overflow: hidden; }
div.PrumDelkaSluzbyPodminka span { float: left; margin: 4px 3px 0 15px; }
div.PrumDelkaSluzbyPodminka span:first-child { margin-left: 0; }

span.show_tracks input { padding: 0; }


a.vysvetlivky { color: #222769; font-weight: bold; padding: 4px 0 0 22px; font-weight: bold; background: url(/img/help.png) top left no-repeat; }



div#vyber-kalendaru { background: url(/img/stolni-kalendar.png) top left no-repeat; }




/* jPicker - jQuery plugin pro výběr barvy */
#jPicker { margin: 0px 8px; text-align: left; }

#jPicker ul { font-size: 15px; margin: 0px 0px 0px 15px; padding: 0px; }
#jPicker ul li { list-style: disc; padding: 2px 0px; }
#jPicker ul li ul { margin-bottom: 10px; }
#jPicker ul li ul li { list-style: circle; }

#jPicker p { font-size: 13px; padding: 0px 10px; }
#jPicker hr { clear: both; }
#jPicker h2.jPicker { font-size: 16px; padding: 20px 10px; }
#jPicker code { color: #8bd; font-size: 14px; font-weight: bold; }
#jPicker pre { background: #eee; border: 1px solid #000; color: #000; display: block; font-size: 11px; margin: 10px 5px; padding: 5px; }
#jPicker span { font-size: 13px; text-align: center; }
#jPicker a { color: #ff8050; }
#jPicker input { font-size: 13px; padding: 2px 5px; }
#jPicker h2 { font-size: 16px; margin: 10px 0px; }
#jPicker .jPicker h2 { margin: 0px; }




.calEventList_time { padding-top: 15px; }
.calEventList_empty { width: 20px; }
.calEventList_caption { font-weight: bold; }





/*  CONTEXTMENU  */
/* Generic context menu styles */
.contextMenu { position: absolute; width: 250px; z-index: 99999; border: solid 1px #CCC; background: #EEE; padding: 0px; margin: 0px; display: none; }
.contextMenu li { list-style: none; padding: 0px; margin: 0px; }
.contextMenu a { color: #333; text-decoration: none; display: block; line-height: 20px; height: 20px; background-position: 6px center; 
				 background-repeat: no-repeat; outline: none; padding: 1px 5px; padding-left: 28px; }
.contextMenu li.hover a { color: #FFF; background-color: #3399FF; }
.contextMenu li.disabled a { color: #AAA; cursor: default; }
.contextMenu li.hover.disabled a { background-color: transparent; }
.contextMenu li.separator { border-top: solid 1px #CCC; }

.contextMenu li.edit a { background-image: url(/img/edit.png); }
.contextMenu li.cut a { background-image: url(/img/cut.png); }
.contextMenu li.copy a { background-image: url(/img/page_white_copy.png); }
.contextMenu li.paste a { background-image: url(/img/page_white_paste.png); }
.contextMenu li.delete a { background-image: url(/img/delete.png); }
.contextMenu li.quit a { background-image: url(/img/door.png); }
.contextMenu li.insert a { background-image: url(/img/add.png); }
.contextMenu li.print_full_plan a { background-image: url(/img/excel-supersmall.png); }
.contextMenu li.showEvents a { background-image: url(/img/list.png); }


/*  EDITABLE - online JavaScriptový editor  */
.editable button { border-radius: 4px; }
.editable input { width: 40px; border-radius: 4px; text-align: right; }

.cgHeaderRow td span.performance_table_header_target_hours { text-align: right; padding-right: 18px; margin: 1px 3px 1px 1px; background: transparent url(/img/edit.png) right bottom no-repeat; }
.cgHeaderRow td span.performance_table_header_grant_hours { text-align: right; padding-right: 18px; margin: 1px 3px 1px 1px; background: transparent url(/img/edit.png) right bottom no-repeat; }
.cgDataRow td span.editable, .cgDataRow td span.editable_grant {padding-right: 14px; background: transparent url(/img/edit-supersmall.png) right top no-repeat; }


/*  Formátování běžné ručně tvořené tabulky  */
.GeneralTable { border-collapse: collapse; border: 1px solid white; }

.GeneralTableHeadRow td { padding: 6px 8px; background-color: #000; color: white; border-left: 1px solid #FFF; font-weight: bold; text-align: center; vertical-align: middle; }
.GeneralTableHeadRow td:last-child { border-right: 1px solid black; }
.GeneralTableHeadRow td.empty { padding: 3px 5px; background-color: white; color: black; border-left: 1px solid #FFF; font-weight: bold; text-align: center; }
.GeneralTableHeadRow td:first-child { border-left: 1px solid #000; }
.GeneralTableHeadRow td.bottom { border-top: 1px solid white; }
.GeneralTableHeadRow td.empty:first-child { border: none; }
/*
.GeneralTableHeadRow td.first_column { border-top-left-radius: 6px; border-left: none; }
.GeneralTableHeadRow td.last_column { border-top-right-radius: 6px; }
*/

.GeneralTableRow { border-right: 1px solid grey; }
.GeneralTableLastRow { border-top: 1px solid grey; }
.GeneralTableRow td { padding: 3px 5px; border: 1px solid lightgrey; }
.GeneralTableRow td:last-child { border-right: 1px solid grey; }
.GeneralTableLastRow td { padding: 3px 5px; border-top: 1px solid grey; border-bottom: 1px solid grey; border-left: 1px solid lightgrey; border-right: 1px solid lightgrey; }
.GeneralTableRow:last-child td { border-top: 1px solid grey; border-bottom: 1px solid grey; }
.GeneralTableRow td.leftBorder { border-left: 1px solid grey; }
.GeneralTableRow td.rightBorder { border-right: 1px solid grey; }
.GeneralTableRow td.SIDataAppend { /* border-right: 1px solid grey; border-left: 1px solid grey; */ background-color: #FFFFCC; }
.GeneralTableRow td.SIDataAppend:first-of-type { border-left: 1px solid grey; }
.GeneralTableRow td.SIDataAppend:last-of-type { border-right: 1px solid grey;  }
.GeneralTableCenter { border: 1px solid #EEEEEE; border-left: 1px solid grey; }
.GeneralTableArea { border: 1px solid #EEEEEE; border-right: 1px solid grey; }
.GeneralTableDataItem { border: 1px solid #EEEEEE; text-align: right; }
.GeneralTableRowSelected { background-color: #fbfc8c; }

.GeneralTableSumRow tr { background-color: #EEEEEE; }
.GeneralTableSumRow td { padding: 3px 5px; font-weight: bold; background-color: #EEEEEE; }
.GeneralTableSumRowFirst td { border-top: 1px solid grey; border-bottom: 1px solid grey; }
.GeneralTableSumPopis { border: 1px solid #EEEEEE; border-left: 1px solid grey; border-right: 1px solid grey; }
.GeneralTableSumDataItem { border: 1px solid #EEEEEE; text-align: right; }
.GeneralTableSumDataItemOneHour { border: 1px solid #EEEEEE; text-align: right; }
.GeneralTableSumRow td.SISumDataItemOneHour:last-child { border-left: 1px solid grey; text-align: right; }

.GeneralTableSumRow td.SISumDataAppend { background-color: #FFFFCC; text-align: right; }
.GeneralTableSumRow td.SISumDataAppend:first-of-type { border-left: 1px solid grey; }
.GeneralTableSumRow td.SISumDataAppend:last-of-type { border-right: 1px solid grey;  }
.GeneralTableSumRow:last-child td { border-bottom: 1px solid grey; }
.GeneralTableSumRow:last-child td.SISumDataItemEmpty { border: none; border-left: 1px solid grey; text-align: right; }


.cgDataRow td span.own_trip_purpose { text-align: left; padding-right: 18px; margin: 1px 3px 1px 1px; background: transparent url(/img/edit.png) right center no-repeat; }
.editable_purpose button { border-radius: 4px; background-color: green; color: white; font-weight: bold; padding: 3px 5px; }
.editable_purpose input { width: 400px; border-radius: 3px; background: white url(/ig_res/IG/images/igte_Sprite.png) no-repeat 0 -46px; }



/*  Tabulka Vytížení vozidel autodopravy */
table#tabVytizeni, table#tabVytizeni2 { border-color: black; }
table#tabVytizeni tr#tabHeader, table#tabVytizeni2 tr#tabHeader2 { border-color: black; }
table#tabVytizeni tr#tabHeader th, table#tabVytizeni2 tr#tabHeader2 th { background-color: grey; color: white; border-color: black; text-align: center; font-weight: bold; padding: 3px;  }
table#tabVytizeni2 tr#tabHeader2 th { background-color: #eee; color: black; }
td.tabVytizeniVozidlo { padding: 3px; }
td.tabVytizeniHour { padding: 0; }
div.tabVytizeniMezera { background-color: white; float: left; }
div.tabVytizeniJizda { background-color: green; float: left; }


#table_zaokrouhleni td { padding-top: 6px; }
#table_zaokrouhleni td.radio { padding-top: 0px; }
#table_zaokrouhleni td.hodnota { font-weight: bold; }


tr.newWeek td { border-top: 2px solid red; }

#divAssistantsWithoutQualification label { margin-top: 0; padding: 3px 10px 0 5px; float: left; }



table#calendar { border-collapse: collapse; }
table#calendar td { width: 50px; height: 30px; }
table#calendar td.day_caption { font-weight: bold; text-align: center; vertical-align: middle; height: 20px; background-color: #a0a0e8; }
table#calendar td input[type="checkbox"] { float: left; margin: 3px 0 0 5px; }
table#calendar td span.day { float: right; margin: 6px 6px 0 0; }
table#calendar td.weekend { background-color: #f2d6d6; }
table#calendar td.selectedDay { background-color: #f8f8cb; }
table#calendar td.selectedDay span.day { color: green; font-weight: bold; }


.ucty_asistentu_napoveda { padding: 5px 0 10px 25px; color: brown; font-weight: bold; }

.treeRolesNode_withGroupRights { padding-left: 20px; margin-left: 2px; background: url(/img/user_group.png) top left no-repeat; }
.treeRolesNode_withoutGroupRights { padding-left: 20px; margin-left: 2px; background: url(/img/user_group_disabled.png) top left no-repeat; }
.treeRolesNode_actualHasRights { font-weight: bold; color: darkgreen; }


.context-menu-list .context-menu-item span { position: relative; top: 2px; }
.context-menu-list .context-menu-item.icon-edit { background-image: url(/img/edit.png); }
.context-menu-list .context-menu-item.icon-delete { background-image: url(/img/delete.png); }
.context-menu-list .context-menu-item.icon-print { background-image: url(/img/print.png); background-size: 16px 16px; }


span.planVykonuExtrem { background-color: #e64545; }
span.planVykonuVNorme { background-color: #eff120; }
span.planVykonuOptimum { background-color: #2afc2e; }


input[type="radio"] + label[for="rbDruhKlienta_0"] { margin: 5px 8px 0 6px; }
input[type="radio"] + label[for="rbDruhKlienta_1"] { margin: 5px 8px 0 6px; }


#rbFiltr label { margin-top: 5px; }

.image_button { border: outset 2px lightgrey; height: 44px; width: 44px; padding: 0; }
input.image_button:hover { border: inset 2px lightgrey; }


table#tabEfektivita tr td { border: solid 1px grey; padding: 4px 8px; }
table#tabEfektivita tr.tabEfHeader td { text-align: center; border: solid 1px grey; padding: 4px 8px; font-weight: bold; background-color: #EEEEEE; }
table#tabEfektivita tr.predchozi_hodne_nesedi td.predchozi_jizda { background-color: #eb8282; }
table#tabEfektivita tr.predchozi_nesedi td.predchozi_jizda { background-color: #fae3e3; }
table#tabEfektivita tr.predchozi_vhodna td.predchozi_jizda { background-color: #e6f7e4; }
table#tabEfektivita tr.predchozi_dlouhe_cekani td.predchozi_jizda { background-color: #FFFFCC; }
table#tabEfektivita tr.nasledna_hodne_nesedi td.nasledna_jizda { background-color: #eb8282; }
table#tabEfektivita tr.nasledna_nesedi td.nasledna_jizda { background-color: #fae3e3; }
table#tabEfektivita tr.nasledna_vhodna td.nasledna_jizda { background-color: #e6f7e4; }
table#tabEfektivita tr.nasledna_dlouhe_cekani td.nasledna_jizda { background-color: #FFFFCC; }

div#divTabulky h3 { margin-top: 30px; }

input[type="submit"].btn-callcentrum { border-radius: 3px; border: solid 1px grey; padding: 5px 10px; font-weight: bold; height: auto; }
.blue { background-color: lightblue; }
.red { background-color: red; }



table#tabDostupnost { border: solid 2px darkgrey; border-collapse: collapse; }
#tabDostupnost tr.dostupnost_header {  }
#tabDostupnost tr.dostupnost_header td { background-color: darkblue; color: white; font-weight: bold; padding: 7px 5px; text-align: center; }
#tabDostupnost tr td { border: solid 1px  grey; padding: 0; }
#tabDostupnost tr td.cas_label { border-right: solid 2px  grey; width: 40px; text-align: center; }
#tabDostupnost tr.data td { width: 170px; }
#tabDostupnost tr.data td.cas_label { height: 60px; width: 40px; border-bottom: solid 1px #e4e4e4; }
#tabDostupnost tr.data td.cas_label p { float: right; margin: 0 4px 0 0; position: relative; top: -10px; z-index: 101; font-weight: bold; }
#tabDostupnost tr.data td hr { width: 168px; height: 2px; float: left; margin: 0; padding: 0; background-color: red; position: relative; z-index: 100; }
#tabDostupnost tr.data td.cas_label hr { width: 48px; height: 2px; float: left; margin: 0; padding: 0; background-color: red; position: relative; z-index: 100; }
#tabDostupnost tr.data td div.divJizda { width: 150px; background-color: green; float: left; margin: 0; padding: 0; position: relative; }

#divDostupnost { margin-bottom: 10px; border: solid 1px darkgrey; }
#divDostupnost a.dostupnost_header { background-color: darkblue; width: 169px; height: 25px; position: absolute; top: 0px; color: white; 
									   font-family: 'Comic Sans MS'; font-weight: bold; font-size: 11pt; text-align: center; padding-top: 5px;  }
#divDostupnost div.dostupnost_existujici_jizda { background-color: darkgreen; width: 150px; position: absolute; top: 0px; color: white; 
									   font-family: 'Comic Sans MS'; font-weight: bold; font-size: 10pt; text-align: center; padding-top: 0px;
									   border-radius: 3px 4px; z-index: 201;	}
#divDostupnost div.dostupnost_hledana_jizda { background-color: darkred; width: 166px; position: absolute; top: 0px; color: white; 
									   font-family: 'Comic Sans MS'; font-weight: bold; font-size: 10pt; text-align: center; padding-top: 0px;
									   border-radius: 3px 4px; z-index: 200;	}


.tabEfHeader td { text-align: center; font-weight: bold; padding: 2px 8px; }
.tabEfData td { padding: 2px 8px; }



table.tabSlouceniAdres { float: left; clear: both; margin-top: 15px; }
table.tabSlouceniAdres td { vertical-align: middle; padding: 2px 5px; }
#cbAdresyKeSlouceni label { margin-top: -11px; margin-left: 15px; }

input[type="submit"].btn-pridat-jizdu { border-radius: 3px; border: solid 1px grey; padding: 5px 10px; font-weight: bold; height: auto; background-color: darkgreen; color: white; }
input[type="submit"].btn-kopirovat-jizdy { border-radius: 3px; border: solid 1px grey; padding: 5px 10px; font-weight: bold; height: auto; background-color: darkred; color: white; }


#divDenVTydnu input[type=checkbox] { float: left; margin-bottom: 7px; }
#divDenVTydnu input[type=checkbox] + label { float: left; left: 5px; top: -2px; }
table#cbDenVTydnu { border: 1px solid silver; padding: 5px 10px; margin-top: 8px; }



.kopirovana-jizda-div { border-radius: 5px; background-color: #EEEEEE; margin: 3px 0 20px 0; }

span.alert { color: red; font-weight: bold; }
div.upozorneni { margin: 8px 0 0 0; float: left; clear: both; }
span.ridic { float: left; clear: both; }
span.poznamka { float: left; clear: both; font-size: 120%; color: red; font-weight: bold; background-color: yellow; }

.chyba_jizdy { float: right; font-weight: bold; color: red; margin-right: 54px; }

span.vykazJizdCastka { margin: 0 0 0 0; font-weight: bold; color: blue; }
span.vykazJizdKm { margin: 0 0 0 2px; font-weight: bold; }
td.vykazJizdLeftLabel { height: 20px; padding-right: 8px; }
td.vykazJizdRightLabel { height: 20px; padding-left: 15px; }
td.vykazJizdCastka { width: 80px; text-align: right; }
td.vykazJizdCastka span { margin: 0 0 0 0; font-weight: bold; color: blue; }


table#eRok tr td { padding-right: 0px!important; }
table#eRok tr td input { width: 85%!important; }

table.checkboxlist input { float: left; }
table.checkboxlist label { float: left; margin-top: 4px; }

div.hromadny_vyber  { float: left; clear: both; margin-top: 8px; }
div.hromadny_vyber a { font-size: 11px; color: olive; margin: 6px 10px; display: block; float: left; }

a.copyAddressLink { padding: 4px 15px 0 22px; background: white url("/img/copy.png") no-repeat top left; background-size: 18px auto; color: green; 
					font-weight: bold; }


.btnClientVisibility { float: left; border-radius: 5px; margin: 15px 5px 5px 0; font-weight: bold; padding: 5px 10px; height: 30px; }
.btnClientVisibilitySelected { background-color: #fbe6e6; }


.divNeucastiNaKurzu { margin: 2px 20px 3px 20px; }
.divNeucastiNaKurzu span { margin-right: 5px; }
.divNeucastiNaKurzu select { border-radius: 4px; }

.divDuvodNedokonceni { margin: 2px 20px 3px 20px; }
.divDuvodNedokonceni span { margin-right: 5px; }
.divDuvodNedokonceni select { border-radius: 4px; }


ul#cblDemandedServices { margin-left: 5px; padding-left: 0; }
ul#cblDemandedServices li { list-style: none; float: left; clear: both; margin-left: 0; font-weight: bold; margin-top: 15px; }
ul#cblDemandedServices li ul.demandedServices { padding-left: 20px; }
ul#cblDemandedServices li ul li.demandedServices { list-style: none; float: left; clear: both; margin-top: 0px; }
ul#cblDemandedServices li ul li.demandedServices input[type="checkbox"] { float: left; clear: both; }
ul#cblDemandedServices li ul li.demandedServices label { float: left; padding-top: 2px; }

.saveButton { background: url(/img/save-button.png) left center no-repeat green; border-radius: 5px; padding: 7px 7px 7px 45px; }
.deleteButton { background: url(/img/delete-button.png) left center no-repeat lightgrey; border-radius: 5px; padding: 7px 7px 7px 45px; color: darkblue; font-weight: bold; }
.wordButton { background: url(/img/word-button.png) left center no-repeat cornflowerblue; border-radius: 5px; padding: 7px 7px 7px 45px; }
.checkButton { background: url(/img/check-button.png) left center no-repeat lightgrey; color: black; font-weight: bold; border-radius: 5px; padding: 7px 7px 7px 45px; }
.copyButton { background: url(/img/check-button.png) left center no-repeat lightgrey; color: black; font-weight: bold; border-radius: 5px; padding: 7px 7px 7px 45px; }


tr.planSluzebBudouci td { font-weight: normal; font-style: italic; color: blue; }


.divKlientiPlanovani { float: left; clear: both; }
.divKlientiPlanovani a { float: left; clear: both; margin-top: 2px; font-weight: bold; color: cadetblue; margin-left: 7px; }
.divKlientiPlanovani a.selectedClient { color: red; font-size: 14px; font-style: italic; background-color: moccasin; }


ul#klientiList { padding-left: 5px; }
ul#klientiList li { list-style: none; float: left; clear: both; margin-top: 1px; }
ul#klientiList li a { text-decoration: none; }

fieldset.planSluzebPlan { background-color: lightblue; }
fieldset.planSluzebPlan div.week { background-color: lavenderblush; }
fieldset.planSluzebPlan div.week div.services_panel { background-color: lightcyan; }
fieldset.planSluzebPlan li a { color: indigo; font-weight: bold; }


div#seznamKeKopirovani { margin: 15px 0 0 20px; }
div#seznamKeKopirovani input[type="checkbox"] { float:left; clear: both; margin-top: 2px; }
div#seznamKeKopirovani span { float: left; margin: 2px 0 0 5px; }


table#tabSluzby { float: left; clear: both; border-spacing: 10px; border-collapse: collapse; margin: 15px 0 10px 0; }
table#tabSluzby tr.head { background-color: dimgrey; }
table#tabSluzby tr.head td { border: 1px solid; color: white; padding: 4px 7px; }
table#tabSluzby tr.head td.empty { border-left: 0px solid; border-top: 0px solid; background-color: white; }
table#tabSluzby tr.denni_radek { background-color: white; }
table#tabSluzby tr.denni_radek td { border: 1px solid black; color: black; padding: 4px 7px; }
table#tabSluzby tr.denni_radek td.datum { border-left: 0px solid; border-top: 0px solid; background-color: darkgrey;font-weight: bold; vertical-align: middle; }
table#tabSluzby tr.denni_radek td span.sluzba_cas { float: left; clear: both; }
table#tabSluzby tr.denni_radek td span.sluzba_asistent { float: left; margin-left: 5px; }


table#seznamKeKopirovani input { float: left; }
table#seznamKeKopirovani label { padding-top: 2px; display: block; width: 400px; }










@media (min-width: 300px)
{
	#divHTML5 { display: none; padding-top: 25px; padding-right: 0px; width: 100%; }
	#divHTML5 p { text-align: center; color: black; font-size: 9pt; line-height: 15px; }
	#divWrapper { width: 270px; margin-left: auto; margin-right: auto; }
	#divInnerWrapper { width: 245px; margin: 0 auto 5px auto; }
	#lCaption { display: none;  }
	#lMobileCaption { display: inherit; text-align: center; width: 270px; margin-left: auto; margin-right: auto; }
	#LognPanel input { font-size: 1.5em; height: 30px; width: 200px; }
	#LognPanel input[type="submit"] { font-size: 1.5em; height: 35px; width: 110px; text-align: center; }
	#fsLogin { width: 240px; margin: 10px auto 10px auto; }
	#eSize { display: inherit; }
}

@media (min-width: 480px)
{
	body { font-size: 10px; font-family: Verdana, tahoma, sans-serif; color: black; margin: 0; padding: 0; overflow: auto; }
	p { font-size: 1.3em; margin: 60px 0 20px 5px; }
	.submitButton { font-size: 12px; }

	#divHTML5 { display: none; }
	#divHTML5 p { width: 900px; line-height: 1.6em; }
	#divWrapper { width: 550px; margin-left: auto; margin-right: auto; }
	#divInnerWrapper { width: 230px; margin: 0 auto 5px auto; }
	#divLogoWrapper { display: block; margin: 15px 0 0 190px; }
	#imgLogo { display: block; margin: 20px 0 0 15px; width: 200px; height: 112px; }
	#eSize { display: none; }
	#lMobileCaption { display: none; }
	#lCaption { display: inherit; font-size: 2.0em; width: auto; }
	div#LogonPanel { display: block; margin: 0; width: 400px; overflow: auto; margin-left: 115px; }
	div#divInnerWrapper { width: 480px; margin: 0 auto; }
	#fsLogin { width: 250px; margin: 10px 70px; border-radius: 8px; }
	#fsLoginOA { width: 250px; margin: 10px 70px; border-radius: 8px; background-color: aliceblue; }
	#fsLogin legend, #fsLoginOA legend { font-size: 1.1em; width: auto; margin-left: 10px; margin-bottom: 5px; }
	#fsLogin label, #fsLoginOA label { font-size: 1.1em; line-height: 1.1em; height: 17px; margin-top: 10px; }
	#fsLogin input[type="text"], #fsLoginOA input[type="text"] { font-size: 1.1em; line-height: 1.2em; height: 26px; padding-left: 10px; width: 200px; border-radius: 4px; }
	#fsLogin input[type="password"], #fsLoginOA input[type="password"] { font-size: 1.1em; line-height: 1.2em; height: 26px; padding-left: 10px; width: 200px; border-radius: 4px; }
	#fsLogin input[type="submit"], #fsLoginOA input[type="submit"] { font-size: 1.1em; line-height: 1.2em; height: 30px; text-align: center; width: 90px; margin: 20px 0 5px 50px; border-radius: 8px; background-color: cornflowerblue; }
	div#divDevelopVersion p { text-align: center; margin-left: 55px; width: 500px; }
	div.verze { padding-top: 5px; padding-right: 0px; width: 100%; font-size: 0.8em; }
	div.verze p { margin: 0 auto 0px 50px; text-align: center; }
	   
	fieldset#fsLoginOA legend { margin-bottom: 20px; }

	.zapomenutePrihlasovaciUdaje { padding-top: 40px; padding-right: 0px; width: 100%; margin-left: 60px; }
	.zapomenutePrihlasovaciUdaje a { margin: 15px auto 5px 240px; font-size: 1.2em; font-weight: bold; cursor: pointer; }
	.zapomenutePrihlasovaciUdaje a { margin-left: 180px; text-decoration: underline; }
	.novyUzivatel { padding-top: 3px; padding-right: 0px; width: 100%; margin-left: 70px; }
	.novyUzivatel a { margin: 15px auto 5px 240px; font-size: 1.2em; font-weight: bold; cursor: pointer; }
	.novyUzivatel a { margin-left: 180px; text-decoration: underline; }

	input#eSize { height: 50px; border: none; margin-top: 50px; }
	#divTestVersion p { font-size: 1.7em; width: 700px; margin: 35px 100px 25px 100px; text-align: center; color: red; font-weight: bold; }
	#divDevelopVersion p { font-size: 1.7em; width: 700px; margin: 35px 100px 25px 100px; text-align: center; color: blue; font-weight: bold; }
	fieldset#fsLoginOA legend { margin-bottom: 20px; }
}

@media (min-width: 600px)
{
	body { font-size: 10px; font-family: Verdana, tahoma, sans-serif; color: black; margin: 0; padding: 0; overflow: auto; }
	p { font-size: 1.3em; margin: 60px 0 20px 5px; }
	.submitButton { font-size: 12px; }

	#divHTML5 { display: none; }
	#divHTML5 p { width: 900px; line-height: 1.6em; }
	#divWrapper { width: 550px; margin-left: auto; margin-right: auto; }
	#divInnerWrapper { width: 230px; margin: 0 auto 5px auto; }
	#divLogoWrapper { display: block; margin: 15px 0 0 190px; }
	#imgLogo { display: block; margin: 20px 0 0 15px; width: 200px; height: 112px; }
	#eSize { display: none; }
	#lMobileCaption { display: none; }
	#lCaption { display: inherit; font-size: 2.0em; width: auto; }
	div#LogonPanel { display: block; margin: 0; width: 450px; overflow: auto; margin-left: 115px; }
	div#divInnerWrapper { width: 480px; margin: 0 auto; }
	#fsLogin { width: 250px; margin: 10px 70px; border-radius: 8px; }
	#fsLoginOA { width: 250px; margin: 10px 70px; border-radius: 8px; background-color: aliceblue; }
	#fsLogin legend, #fsLoginOA legend { font-size: 1.1em; width: auto; margin-left: 10px; margin-bottom: 5px; }
	#fsLogin label, #fsLoginOA label { font-size: 1.1em; line-height: 1.1em; height: 17px; margin-top: 10px; }
	#fsLogin input[type="text"], #fsLoginOA input[type="text"] { font-size: 1.1em; line-height: 1.2em; height: 26px; padding-left: 10px; width: 200px; border-radius: 4px; }
	#fsLogin input[type="password"], #fsLoginOA input[type="password"] { font-size: 1.1em; line-height: 1.2em; height: 26px; padding-left: 10px; width: 200px; border-radius: 4px; }
	#fsLogin input[type="submit"], #fsLoginOA input[type="submit"] { font-size: 1.1em; line-height: 1.2em; height: 30px; text-align: center; width: 90px; margin: 20px 0 5px 50px; border-radius: 8px; background-color: cornflowerblue; }
	div#divDevelopVersion p { text-align: center; margin-left: 55px; width: 500px; }
	div.verze { padding-top: 5px; padding-right: 0px; width: 100%; font-size: 0.8em; }
	div.verze p { margin: 0 auto 0px 50px; text-align: center; }
	   
	fieldset#fsLoginOA legend { margin-bottom: 20px; }

	.zapomenutePrihlasovaciUdaje { padding-top: 40px; padding-right: 0px; width: 100%; margin-left: 60px; }
	.zapomenutePrihlasovaciUdaje a { margin: 15px auto 5px 240px; font-size: 1.2em; font-weight: bold; cursor: pointer; }
	.zapomenutePrihlasovaciUdaje a { margin-left: 180px; text-decoration: underline; }
	.novyUzivatel { padding-top: 3px; padding-right: 0px; width: 100%; margin-left: 70px; }
	.novyUzivatel a { margin: 15px auto 5px 240px; font-size: 1.2em; font-weight: bold; cursor: pointer; }
	.novyUzivatel a { margin-left: 180px; text-decoration: underline; }

	input#eSize { height: 50px; border: none; margin-top: 50px; }
	#divTestVersion p { font-size: 1.7em; width: 700px; margin: 35px 100px 25px 100px; text-align: center; color: red; font-weight: bold; }
	#divDevelopVersion p { font-size: 1.7em; width: 700px; margin: 35px 100px 25px 100px; text-align: center; color: blue; font-weight: bold; }
	fieldset#fsLoginOA legend { margin-bottom: 20px; }
}

@media (min-width: 800px)
{
	body { font-size: 10px; font-family: Verdana, tahoma, sans-serif; color: black; margin: 0; padding: 0; overflow: auto; }
	p { font-size: 1.3em; margin: 60px 0 20px 5px; }
	.submitButton { font-size: 12px; }

	#divHTML5 { display: none; }
	#divHTML5 p { width: 900px; line-height: 1.6em; }
	#divWrapper { width: 550px; margin-left: auto; margin-right: auto; }
	#divInnerWrapper { width: 230px; margin: 0 auto 5px auto; }
	#divLogoWrapper { display: block; margin: 15px 0 0 190px; }
	#imgLogo { display: block; margin: 20px 0 0 15px; width: 200px; height: 112px; }
	#eSize { display: none; }
	#lMobileCaption { display: none; }
	#lCaption { display: inherit; font-size: 2.0em; width: auto; }
	div#LogonPanel { display: block; margin: 0; width: 450px; overflow: auto; margin-left: 115px; }
	div#divInnerWrapper { width: 480px; margin: 0 auto; }
	#fsLogin { width: 250px; margin: 10px 70px; border-radius: 8px; }
	#fsLoginOA { width: 250px; margin: 10px 70px; border-radius: 8px; background-color: aliceblue; }
	#fsLogin legend, #fsLoginOA legend { font-size: 1.1em; width: auto; margin-left: 10px; margin-bottom: 5px; }
	#fsLogin label, #fsLoginOA label { font-size: 1.1em; line-height: 1.1em; height: 17px; margin-top: 10px; }
	#fsLogin input[type="text"], #fsLoginOA input[type="text"] { font-size: 1.1em; line-height: 1.2em; height: 26px; padding-left: 10px; width: 200px; border-radius: 4px; }
	#fsLogin input[type="password"], #fsLoginOA input[type="password"] { font-size: 1.1em; line-height: 1.2em; height: 26px; padding-left: 10px; width: 200px; border-radius: 4px; }
	#fsLogin input[type="submit"], #fsLoginOA input[type="submit"] { font-size: 1.1em; line-height: 1.2em; height: 30px; text-align: center; width: 90px; margin: 20px 0 5px 50px; border-radius: 8px; background-color: cornflowerblue; }
	div#divDevelopVersion p { text-align: center; margin-left: 150px; width: 300px; }
	div.verze { padding-top: 5px; padding-right: 0px; width: 100%; font-size: 0.8em; }
	div.verze p { margin: 0 auto 0px 50px; text-align: center; }
	   
	fieldset#fsLoginOA legend { margin-bottom: 20px; }

	.zapomenutePrihlasovaciUdaje { padding-top: 40px; padding-right: 0px; width: 100%; margin-left: 60px; }
	.zapomenutePrihlasovaciUdaje a { margin: 15px auto 5px 240px; font-size: 1.2em; font-weight: bold; cursor: pointer; }
	.zapomenutePrihlasovaciUdaje a { margin-left: 180px; text-decoration: underline; }
	.novyUzivatel { padding-top: 3px; padding-right: 0px; width: 100%; margin-left: 70px; }
	.novyUzivatel a { margin: 15px auto 5px 240px; font-size: 1.2em; font-weight: bold; cursor: pointer; }
	.novyUzivatel a { margin-left: 180px; text-decoration: underline; }

	input#eSize { height: 50px; border: none; margin-top: 50px; }
	#divTestVersion p { font-size: 1.7em; width: 700px; margin: 35px 100px 25px 100px; text-align: center; color: red; font-weight: bold; }
	#divDevelopVersion p { font-size: 1.7em; width: 700px; margin: 35px 100px 25px 100px; text-align: center; color: blue; font-weight: bold; }
	fieldset#fsLoginOA legend { margin-bottom: 20px; }
}

@media (min-width: 900px)
{
	body { font-size: 10px; font-family: Verdana, tahoma, sans-serif; color: black; margin: 0; padding: 0; overflow: auto; }
	p { font-size: 1.3em; margin: 60px 0 20px 5px; }
	.submitButton { font-size: 12px; }

	#divHTML5 { display: none; }
	#divHTML5 p { width: 900px; line-height: 1.6em; }
	#divWrapper { width: 550px; margin-left: auto; margin-right: auto; }
	#divInnerWrapper { width: 230px; margin: 0 auto 5px auto; }
	#divLogoWrapper { display: block; margin: 15px 0 0 190px; }
	#imgLogo { display: block; margin: 20px 0 0 15px; width: 200px; height: 112px; }
	#eSize { display: none; }
	#lMobileCaption { display: none; }
	#lCaption { display: inherit; font-size: 2.0em; width: auto; }
	div#LogonPanel { display: block; margin: 0; width: 550px; overflow: auto; margin-left: 115px; }
	div#divInnerWrapper { width: 480px; margin: 0 auto; }
	#fsLogin { width: 250px; margin: 10px 70px; border-radius: 8px; }
	#fsLoginOA { width: 250px; margin: 10px 70px; border-radius: 8px; background-color: aliceblue; }
	#fsLogin legend, #fsLoginOA legend { font-size: 1.1em; width: auto; margin-left: 10px; margin-bottom: 5px; }
	#fsLogin label, #fsLoginOA label { font-size: 1.1em; line-height: 1.1em; height: 17px; margin-top: 10px; }
	#fsLogin input[type="text"], #fsLoginOA input[type="text"] { font-size: 1.1em; line-height: 1.2em; height: 26px; padding-left: 10px; width: 200px; border-radius: 4px; }
	#fsLogin input[type="password"], #fsLoginOA input[type="password"] { font-size: 1.1em; line-height: 1.2em; height: 26px; padding-left: 10px; width: 200px; border-radius: 4px; }
	#fsLogin input[type="submit"], #fsLoginOA input[type="submit"] { font-size: 1.1em; line-height: 1.2em; height: 30px; text-align: center; width: 90px; margin: 20px 0 5px 50px; border-radius: 8px; background-color: cornflowerblue; }
	div#divDevelopVersion p { text-align: center; margin-left: 55px; width: 500px; }
	div.verze { padding-top: 5px; padding-right: 0px; width: 100%; font-size: 0.8em; }
	div.verze p { margin: 0 auto 0px 50px; text-align: center; }
	   
	fieldset#fsLoginOA legend { margin-bottom: 20px; }

	.zapomenutePrihlasovaciUdaje { padding-top: 40px; padding-right: 0px; width: 100%; margin-left: 60px; }
	.zapomenutePrihlasovaciUdaje a { margin: 15px auto 5px 240px; font-size: 1.2em; font-weight: bold; cursor: pointer; }
	.zapomenutePrihlasovaciUdaje a { margin-left: 180px; text-decoration: underline; }
	.novyUzivatel { padding-top: 3px; padding-right: 0px; width: 100%; margin-left: 70px; }
	.novyUzivatel a { margin: 15px auto 5px 240px; font-size: 1.2em; font-weight: bold; cursor: pointer; }
	.novyUzivatel a { margin-left: 180px; text-decoration: underline; }

	input#eSize { height: 50px; border: none; margin-top: 50px; }
	#divTestVersion p { font-size: 1.7em; width: 700px; margin: 35px 100px 25px 100px; text-align: center; color: red; font-weight: bold; }
	#divDevelopVersion p { font-size: 1.7em; width: 700px; margin: 35px 100px 25px 100px; text-align: center; color: blue; font-weight: bold; }
	fieldset#fsLoginOA legend { margin-bottom: 20px; }
}

@media (min-width: 1000px)
{
	body { font-size: 10px; font-family: Verdana, tahoma, sans-serif; color: black; margin: 0; padding: 0; overflow: auto; }
	p { font-size: 1.3em; margin: 60px 0 20px 5px; }
	.submitButton { font-size: 12px; }

	#divHTML5 { display: none; }
	#divHTML5 p { width: 900px; line-height: 1.6em; }
	#divWrapper { width: 550px; margin-left: auto; margin-right: auto; }
	#divInnerWrapper { width: 230px; margin: 0 auto 5px auto; }
	#divLogoWrapper { display: block; margin: 15px 0 0 190px; }
	#imgLogo { display: block; margin: 20px 0 0 15px; width: 200px; height: 112px; }
	#eSize { display: none; }
	#lMobileCaption { display: none; }
	#lCaption { display: inherit; font-size: 2.0em; width: auto; }
	div#LogonPanel { display: block; margin: 0; width: 550px; overflow: auto; margin-left: 115px; }
	div#divInnerWrapper { width: 480px; margin: 0 auto; }
	#fsLogin { width: 250px; margin: 10px 70px; border-radius: 8px; }
	#fsLoginOA { width: 250px; margin: 10px 70px; border-radius: 8px; background-color: aliceblue; }
	#fsLogin legend, #fsLoginOA legend { font-size: 1.1em; width: auto; margin-left: 10px; margin-bottom: 5px; }
	#fsLogin label, #fsLoginOA label { font-size: 1.1em; line-height: 1.1em; height: 17px; margin-top: 10px; }
	#fsLogin input[type="text"], #fsLoginOA input[type="text"] { font-size: 1.1em; line-height: 1.2em; height: 26px; padding-left: 10px; width: 200px; border-radius: 4px; }
	#fsLogin input[type="password"], #fsLoginOA input[type="password"] { font-size: 1.1em; line-height: 1.2em; height: 26px; padding-left: 10px; width: 200px; border-radius: 4px; }
	#fsLogin input[type="submit"], #fsLoginOA input[type="submit"] { font-size: 1.1em; line-height: 1.2em; height: 30px; text-align: center; width: 90px; margin: 20px 0 5px 50px; border-radius: 8px; background-color: cornflowerblue; }
	div#divDevelopVersion p { text-align: center; margin-left: 55px; width: 500px; }
	div.verze { padding-top: 5px; padding-right: 0px; width: 100%; font-size: 0.8em; }
	div.verze p { margin: 0 auto 0px 50px; text-align: center; }
	   
	fieldset#fsLoginOA legend { margin-bottom: 20px; }

	.zapomenutePrihlasovaciUdaje { padding-top: 40px; padding-right: 0px; width: 100%; margin-left: 60px; }
	.zapomenutePrihlasovaciUdaje a { margin: 15px auto 5px 240px; font-size: 1.2em; font-weight: bold; cursor: pointer; }
	.zapomenutePrihlasovaciUdaje a { margin-left: 180px; text-decoration: underline; }
	.novyUzivatel { padding-top: 3px; padding-right: 0px; width: 100%; margin-left: 70px; }
	.novyUzivatel a { margin: 15px auto 5px 240px; font-size: 1.2em; font-weight: bold; cursor: pointer; }
	.novyUzivatel a { margin-left: 180px; text-decoration: underline; }
}

@media (min-width: 1170px)
{
	body { font-size: 13px; font-family: Verdana, tahoma, sans-serif; color: black; margin: 0; padding: 0; overflow: auto; }
	p { font-size: 1em; margin: 60px 0 20px 0; }

	#divHTML5 { display: block; width: 100%; margin: 10px auto; padding-top: 0; }
	#divHTML5 p { width: 900px; line-height: 1.6em; margin-top: 0; margin-bottom: 0; width: 100%; }
	#divWrapper { width: 800px; margin-left: auto; margin-right: auto; }
	#divLogoWrapper { display: block; margin: 15px 0 0 285px; }
	#imgLogo { display: block; margin: 20px 0 0 15px; width: 200px; height: 112px; }
	#lMobileCaption { display: none; }
	#lCaption { display: inherit; font-size: 2.0em; width: auto; }
	div#LogonPanel { display: block; margin: 0 auto; width: 300px; overflow: auto; }
	div#divInnerWrapper { width: 340px; margin: 0 0 0 255px; }
	#fsLogin { width: 250px; margin: 10px 70px; border-radius: 8px; }
	#fsLoginOA { width: 250px; margin: 10px auto; border-radius: 8px; background-color: aliceblue; clear: both; }
	#fsLogin legend, #fsLoginOA legend { font-size: 1.1em; width: auto; margin-left: 10px; margin-bottom: 5px; }
	#fsLogin label, #fsLoginOA label { font-size: 1.1em; line-height: 1.1em; height: 17px; margin-top: 10px; }
	#fsLogin input[type="text"], #fsLoginOA input[type="text"] { font-size: 1.1em; line-height: 1.2em; height: 26px; padding-left: 10px; width: 200px; border-radius: 4px; }
	#fsLogin input[type="password"], #fsLoginOA input[type="password"] { font-size: 1.1em; line-height: 1.2em; height: 26px; padding-left: 10px; width: 200px; border-radius: 4px; }
	#fsLogin input[type="submit"], #fsLoginOA input[type="submit"] { font-size: 1.1em; line-height: 1.2em; height: 30px; text-align: center; width: 90px; margin: 20px 0 5px 50px; border-radius: 8px; background-color: cornflowerblue; }
	div#divDevelopVersion p { text-align: center; margin-left: 45px; width: 700px; }
	div.verze { padding-top: 5px; padding-right: 0px; width: 100%; font-size: 1em; }
	div.verze p { margin-left: 0; margin-top: 10px; }
		 
	fieldset#fsLoginOA legend { margin-bottom: 20px; }

	.zapomenutePrihlasovaciUdaje { padding-top: 40px; padding-right: 0px; width: 100%; margin-left: 60px; }
	.zapomenutePrihlasovaciUdaje a { margin: 15px auto 5px 240px; font-size: 1.2em; font-weight: bold; cursor: pointer;"><span class="left clear" style="margin-left: 210px; text-decoration: underline; }
	.novyUzivatel { padding-top: 3px; padding-right: 0px; width: 100%; margin-left: 70px; }
	.novyUzivatel a { margin: 15px auto 5px 240px; font-size: 1.2em; font-weight: bold; cursor: pointer;"><span class="left clear" style="margin-left: 210px; text-decoration: underline; }
}


a.loginCaption, a.loginCaption:visited, a.loginCaption:active { color: #6c0a0a; text-decoration: none; }
a.loginCaption:hover { text-decoration: none; }

