body
{
	margin: 6pt;
	font-family: Segoe UI, Arial, Tahoma;
}

.progressHead
{
	border: 1px solid #E3C300;
	margin-left: 6px;
}

.pager td
{
	padding: 12px 0px 0px 0px;
	margin: 0px;
}

.pager table td
{
	text-align: center;
	vertical-align: middle;
	padding: 0px 4px 0px 0px;
	margin: 0px;
}

.pager table td a
{
	display: inline-block;
	height: 20px;
	width: 20px;
	border: 1px solid #CCCCCC;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	color: Black;
	padding: 2px 0px 0px 0px;
}

.pager table td a:link
{
	text-decoration: none;
}

.pager table td a:visited
{
	text-decoration: none;
}

.pager table td a:hover
{
	background-color: #FFFFCC;
}

.pager table td span
{
	font-weight: bold;
	display: inline-block;
	height: 20px;
	width: 20px;
	border: 1px solid Gray;
	text-align: center;
	vertical-align: bottom;
	background-color: #F0F0F0;
	padding: 2px 0px 0px 0px;
}

.normalText
{
	font-size: 10pt;
}

.smallText
{
	font-size: 9pt;
}

.dt
{
	font-size: 10pt;
}

.grayText
{
	color: #666666;
}

.readOnly
{
	border-top: solid 1px #ABADB3;
	border-left: solid 1px #E2E3EA;
	border-bottom: solid 1px #E2E3EA;
	border-right: solid 1px #E2E3EA;
	vertical-align: middle;
	margin: 0pt;
	padding: 1pt 10pt 2pt 2pt;
}

.inlineEditor SPAN.readOnly
{
	background-color: #F8F8F8;
	border-top: solid 1px #ABADB3;
	border-left: solid 1px #E2E3EA;
	border-bottom: solid 1px #E2E3EA;
	border-right: solid 1px #E2E3EA;
	vertical-align: middle;
	margin: 0pt;
	padding: 1pt 10pt 2pt 2pt;
}

.head
{
	background-color: #EAEAEA;
	border-left: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	font-size: 10pt;
}

.foot
{
	margin-top: 12pt;
	padding-top: 6pt;
	padding-bottom: 6pt;
	font-size: 10pt;
	text-align: center;
	color: #8F999F;
}

.pageHeadPanel
{
	/*xbackground-color: #EAEAEA;*/
	/*xborder: solid 1px #CCCCCC;*/
	margin: 0pt;
	padding: 2pt;
}

.pageHeadPanel div.cityName
{
	color: #606060;
}

.resultHeader
{
	font-family: Segoe UI, Tahoma, Arial;
	font-size: 13pt;
	color: #202020;
	background-color: #A4C7EC;
	border: solid 1px #5E8AB9;
	margin-bottom: 1px;
}

.infoMessage
{
	font-size: 12pt;
	color: #009900;
	font-weight: bold;
}

.warnMessage
{
	font-weight: bold;
	color: Red;
}

.noWrapTopLeft
{
	vertical-align: top;
	text-align: left;
	white-space: nowrap;
}

.noWrap
{
	white-space: nowrap;
}

.noWrapTopLeft
{
	vertical-align: top;
	text-align: left;
	white-space: nowrap;
}

/* ************************************************************************** */
/* LAYOUT - Left context panel                                                */
/* ************************************************************************** */

.menu
{
	font-family: Segoe UI, Arial;
}

.leftContextMenu
{
	font-family: Segoe UI, Arial;
	border-style: none;
	background-color: #F8F8F8;
}

/* ************************************************************************** */
/* LAYOUT - Left context panel                                                */
/* ************************************************************************** */

.contextPanel
{
	border-left: solid 1px #5E8AB9;
	border-bottom: solid 1px #5E8AB9;
	border-right: solid 1px #5E8AB9;
	background-color: #F0F0F0;
	font-size: 10pt;
}

.contextPanel > DIV.title
{
	font-family: Segoe UI, Tahoma, Arial;
	font-size: 13pt;
	font-weight: normal;
	color: #3B5673;
	min-height: 14pt;
	padding-top: 2pt;
	padding-left: 3pt;
	padding-bottom: 3pt;
	border-top: solid 1px #5E8AB9;
	border-bottom: solid 1px #5E8AB9;
	background-color: #A4C7EC;
}

.contextPanel > DIV.content
{
	padding: 3pt;
	height: 100%;
}

.contextPanel > DIV.content DIV.sectionName
{
	font-family: Segoe UI, Tahoma, Arial;
	font-size: 11pt;
	font-weight: normal;
	color: #333333;
	margin-top: 3pt;
	margin-bottom: 3pt;
	padding: 4pt 3pt 4pt 3pt;
	background-color: #CCCCCC;
}

/* ************************************************************************** */
/* LAYOUT - Right client panel                                                */
/* ************************************************************************** */

.clientPanel
{
	font-size: 10pt;
}

.clientPanel DIV.title
{
	font-family: Segoe UI, Tahoma, Arial;
	font-size: 13pt;
	font-weight: normal;
	color: #404040;
	background-color: #F2DD55;
	border: solid 1px #E3C300;
	min-height: 14pt;
	padding-top: 2pt;
	padding-left: 3pt;
	padding-bottom: 3pt;
}

.clientPanel DIV.titleContent
{
	font-size: 10pt;
	color: #505050;
	background-color: #FFFF99;
	border-left: solid 1px #E3C300;
	border-right: solid 1px #E3C300;
	border-bottom: solid 1px #E3C300;
	padding: 3pt;
}

.clientPanel DIV.titleContent SPAN.label
{
	color: #606060;
	font-weight: bold;
}

.clientPanel > DIV.content
{
	margin: 6pt 0pt 0pt 6pt;
}

.clientPanel DIV.contentBar
{
	padding: 0pt;
	margin: -6pt 0pt 0pt -6pt;
}

/* ************************************************************************** */
/* LAYOUT - tableGrid                                                         */
/* ************************************************************************** */

TABLE.tableGrid
{
	border-collapse: collapse;
}

TABLE.tableGrid > TBODY > TR > TD
{
	padding-bottom: 6pt;
	padding-right: 6pt;
	vertical-align: middle;
}

TABLE.tableGrid > TBODY > TR > TD.title
{
	border: solid 1px #CCCCCC;
	background-color: #F0F0F0;
	padding: 4pt 4pt 4pt 4pt;
}

TABLE.tableGrid > TBODY > TR > TD.titleDeActive {
	border: solid 1px #FFBA00;
	background-color: #FFF5E4;
	padding: 4pt 4pt 4pt 4pt;
}

TABLE.tableGrid > TBODY > TR > TD.content
{
	border: solid 1px #DDDDDD;
	padding: 4pt 4pt 4pt 4pt;
}

TABLE.tableGrid > TBODY > TR > TD.contentDeActive {
	border: solid 1px #FFBA00;
	padding: 4pt 4pt 4pt 4pt;
}

TABLE.tableGrid > TBODY > TR > TD.content:hover
{
	background-color: #F8F8F8;
}

TABLE.tableGrid > TBODY > TR > TD.empty
{
	border-style: none;
	padding: 0pt;
}

/* ************************************************************************** */
/* LAYOUT - configTable                                                         */
/* ************************************************************************** */

TABLE.configTable
{
	border-collapse: collapse;
}

TABLE.configTable > TBODY > TR > TD
{
	padding-bottom: 6pt;
	padding-right: 6pt;
}

TABLE.configTable > TBODY > TR > TD.title
{
	padding-right: 3pt;
	padding-bottom: 3pt;
}

TABLE.configTable > TBODY > TR > TD.content
{
	padding-right: 3pt;
	padding-bottom: 3pt;
}

TABLE.configTable > TBODY > TR > TD.empty
{
	border-style: none;
	padding: 0pt;
}

/* ************************************************************************** */
/* BUTTONS                                                                    */
/* ************************************************************************** */

.dropDownButton
{
	display: inline-block;
	min-width: 100pt;
	color: #016EB3;
	cursor: pointer;
	padding: 2px 20px 2px 2px;
}

.dropDownContainer
{
	padding: 1px;
}

.linkButton
{
	color: #016EB3;
	cursor: pointer;
}

.linkButton:hover
{
	text-decoration: underline;
}

a:link.linkButton
{
	color: #016EB3;
	text-decoration: none;
}

a:visited.linkButton
{
	color: #016EB3;
	text-decoration: none;
}

a:hover.linkButton
{
	color: #016EB3;
	text-decoration: underline;
}


.selectLinkButton
{
	color: #016EB3;
	cursor: pointer;
}

.selectLinkButton:hover
{
	text-decoration: underline;
}

a:link.selectLinkButton
{
	color: #016EB3;
	text-decoration: none;
}

a:visited.selectLinkButton
{
	color: #016EB3;
	text-decoration: none;
}

a:hover.selectLinkButton
{
	color: #016EB3;
	text-decoration: underline;
}


.deleteLinkButton
{
	color: Red;
}

a:link.deleteLinkButton
{
	color: Red;
	text-decoration: none;
}

a:visited.deleteLinkButton
{
	color: Red;
	text-decoration: none;
}

a:hover.deleteLinkButton
{
	color: Red;
	text-decoration: underline;
}

.editButton
{
	color: black;
}

a:link.editButton
{
	color: black;
	text-decoration: none;
}

a:visited.editButton
{
	color: black;
	text-decoration: none;
}

a:hover.editButton
{
	color: #016EB3;
	text-decoration: underline;
}

.deleteLinkButton
{
	font-size: 10pt;
	color: Red;
}

.hyperLink
{
	font-size: 10pt;
}

a:link.hyperLink
{
	color: #016EB3;
	text-decoration: none;
}

a:visited.hyperLink
{
	color: #016EB3;
	text-decoration: none;
}

a:hover.hyperLink
{
	color: #016EB3;
	text-decoration: underline;
}


UL.linkMenu
{
	font-size: 10pt;
	list-style-type: square;
}

UL.linkMenu LI
{
	font-size: 10pt;
	margin: 0pt;
	padding: 0pt;
}

.linkButtonSeparator
{
	padding-left: 3pt;
	padding-right: 3pt;
}

/* ************************************************************************** */
/* ASP:GridView - mriežkovaný GridView s podsvietením riadkov                 */
/* ************************************************************************** */

TABLE.gridView
{
	font-size: 10pt;
	background-color: #FFFFFF;
}

TABLE.gridView TH
{
	border: solid 1px #CCCCCC;
	background-color: #E8E8E8;
	color: #101010;
	font-weight: bold;
	padding-left: 4px;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	font-weight: normal;
}

TABLE.gridView > TBODY > TR.dataRow > TD
{
	border: solid 1px #CCCCCC;
	padding-left: 3px;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
}

TABLE.gridView > TBODY > TR.dataRow:hover
{
	background-color: #FFFFCC;
}

TABLE.gridView > TBODY > TR.selectedDataRow > TD
{
	background-color: #99CCFF;
	border: solid 1px #CCCCCC;
	padding-left: 3px;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
}

TABLE.gridView > TBODY > TR.lastEdited > TD
{
	background-color: #E0FFE0;
	border: solid 1px #CCCCCC;
	padding-left: 3px;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
}

TABLE.gridView > TBODY > TR.lastEdited:hover > TD
{
	background-color: #D8FFD8;
}

/* ************************************************************************** */
/* ASP:GridView - jednoduchý mriežkovaný GridView                             */
/* ************************************************************************** */

TABLE.gridViewGrid TR.headRow TH
{
	border: solid 1px #CCCCCC;
	background-color: #F0F0F0;
	color: #404040;
	padding-top: 2px;
	padding-left: 3px;
	padding-bottom: 2px;
	padding-right: 3px;
	font-weight: normal;
}

TABLE.gridViewGrid TR.dataRow TD
{
	border: solid 1px #CCCCCC;
	padding-left: 3pt;
	padding-right: 3pt;
}

/* ************************************************************************** */
/* ASP:DataList */
/* ************************************************************************** */

TABLE.dataListGrid
{
	font-size: 10pt;
}

TABLE.dataListGrid TD.emptyData
{
	background-color: transparent;
	margin: 0pt;
	padding: 0pt;
}

TABLE.dataListGrid TD.dataItem
{
	border: solid 1px #CCCCCC;
}

TABLE.dataListGrid TD.dataItem:hover
{
	background-color: #FFFFCC;
}

TABLE.dataListGrid TD.lastEdited
{
	background-color: #E0FFE0;
	border: solid 1px #CCCCCC;
}

/* ************************************************************************** */
/* ASP:CheckBoxList control                                                   */
/* ************************************************************************** */

TABLE.checkBoxList
{
	font-size: 10pt;
	border-collapse: collapse;
	margin: 0pt;
	padding: 0pt;
}

TABLE.checkBoxList TR
{
	margin: 0pt;
	padding: 0pt;
}

TABLE.checkBoxList TD
{
	margin: 0pt;
	padding-top: 0pt;
	padding-left: 0pt;
	padding-bottom: 0pt;
	padding-right: 6pt;
}

/* ************************************************************************** */
/* ASP:Controls styles                                                        */
/* ************************************************************************** */

.stdButton
{
}

.stdButton15
{
	width: 125px;
}

.stdButton20
{
	width: 170px;
}

.required
{
	font-weight: bold;
}

.validator
{
	font-weight: bold;
	color: white;
	background-color: Red;
	vertical-align: baseline;
	text-align: center;
	padding-left: 6pt;
	padding-right: 6pt;
	cursor: help;
}

/* asp:TextBox web control */

.textBox
{
	font-family: Segoe UI, Arial, Tahoma;
	font-size: 11pt;
}

.blockLabel
{
	display: inline-block;
}

.pageName
{
	font-family: Segoe UI, Tahoma, Arial;
	font-size: 15pt;
	font-weight: bold;
	margin-top: 0pt;
	margin-bottom: 6pt;
	color: #404040;
}

/****************************************************************************/
/* UI section blocks styles
/****************************************************************************/

DIV.section
{
	font-size: 10pt;
	margin-bottom: 12pt;
}

DIV.section > H4.title
{
	font-size: 12pt;
	font-weight: normal;
	margin-top: 0pt;
	margin-bottom: 6pt;
}

DIV.section > H4.required
{
	font-size: 12pt;
	font-weight: bold;
	margin-top: 0pt;
	margin-bottom: 6pt;
}

DIV.section > DIV.content
{
	margin-left: 12pt;
	margin-top: 0pt;
	margin-bottom: 0pt;
}

DIV.section > P
{
	margin-top: 0pt;
	margin-bottom: 3pt;
}

DIV.boxedSection
{
	margin-bottom: 6pt;
	padding: 6pt;
	border: solid 1px white;
}

DIV.boxedSection:hover
{
	border: solid 1px #E0E0E0;
}

/****************************************************************************/
/* Inline editor styles
/****************************************************************************/

DIV.inlineEditor
{
	font-size: 10pt;
	border: outset 1px LightGrey;
	margin: 0pt;
	padding: 6pt;
	background-color: #CCFFCC;
	line-height: normal;
	margin-bottom: 8pt;
	text-align: left;
}

DIV.inlineEditor > H4.title
{
	font-size: 11pt;
	font-weight: normal;
	margin-top: 0pt;
	margin-bottom: 12pt;
	padding: 0pt;
}

DIV.inlineEditor > DIV.content
{
	margin-top: 0pt;
	margin-left: 12pt;
	margin-bottom: 6pt;
	margin-right: 0pt;
}

DIV.inlineEditor > DIV.content > TABLE > TBODY > TR > TD
{
	padding-right: 6pt;
	padding-bottom: 6pt;
}

.boxedBlock
{
	margin-bottom: 6pt;
	padding: 6pt;
	border: solid 1px white;
}

.boxedBlock:hover
{
	border: solid 1px #E0E0E0;
}

DIV.modalEditor {
	font-size: 10pt;
	border-width: 2px;
	border-style: outset;
	border-color: #AAFFAA;
	margin: 0pt;
	padding: 0pt;
	background-color: #AAFFAA;
	line-height: normal;
	margin-bottom: 0pt;
	text-align: left;
}

DIV.modalEditor > H4.title
{
	font-weight: normal;
	margin: 0pt;
	padding: 4pt 6pt 4pt 6pt;
	background-color: #AAFFAA;
}

	DIV.modalEditor > DIV.content {
		max-height: calc(100vh - 210px);
		overflow-y: auto;

		padding: 12pt;
		background-color: White;
		border-top-style: solid;
		border-top-width: 1px;
		border-top-color: #33CC33;
	}

DIV.modalEditor > DIV.buttons
{
	padding: 4pt 6pt 4pt 6pt;
	background-color: #CCFFCC;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #33CC33;
}


DIV.modalEditorDeActive {
	font-size: 10pt;
	border-width: 2px;
	border-style: outset;
	border-color: #FFF5E4;
	margin: 0pt;
	padding: 0pt;
	background-color: #FFF5E4;
	line-height: normal;
	margin-bottom: 0pt;
	text-align: left;
}

	DIV.modalEditorDeActive > H4.title {
		font-weight: normal;
		margin: 0pt;
		padding: 4pt 6pt 4pt 6pt;
		background-color: #FFBA00;
	}

	DIV.modalEditorDeActive > DIV.content {
		max-height: calc(100vh - 210px);
		overflow-y: auto;
		padding: 12pt;
		background-color: White;
		border-top-style: solid;
		border-top-width: 1px;
		border-top-color: saddlebrown;
	}

	DIV.modalEditorDeActive > DIV.buttons {
		padding: 4pt 6pt 4pt 6pt;
		background-color: #FFBA00;
		border-top-style: solid;
		border-top-width: 1px;
		border-top-color:gold ;
	}

/*Modal Popup*/
.modalBackground {
	background-color: Gray;
	filter: alpha(opacity=10);
	opacity: 0.1;
}

.modalPopup {

	background-color: #ffffdd;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	width: 250px;
}

.modalPopup p
{
	padding: 5px;
}

DIV.inlineHelp
{
	font-size: 10pt;
	border: outset 1px LightGrey;
	margin: 0pt;
	padding: 6pt;
	background-color: #ffffdd;
	line-height: normal;
	margin-bottom: 8pt;
	text-align: left;
}

DIV.inlineHelp > H4.title
{
	font-size: 11pt;
	font-weight: normal;
	margin-top: 0pt;
	margin-bottom: 12pt;
	padding: 0pt;
}

DIV.inlineHelp > DIV.content
{
	margin-top: 0pt;
	margin-left: 12pt;
	margin-bottom: 6pt;
	margin-right: 0pt;
}

/* ************************************************************************** */
/* Selectable list items */
/* ************************************************************************** */

.listItem
{
	font-size: 10pt;
	padding: 0px 4px 0px 4px;
	border: solid 1px Transparent;
}

a:link.listItem
{
	color: black;
	text-decoration: none;
}

a:visited.listItem
{
	color: black;
	text-decoration: none;
}

a:hover.listItem
{
	color: black;
	text-decoration: none;
	background-color: #FCFCFC;
	border: solid 1px #C0C0C0;
}

.listItemSelected
{
	color: Black;
	font-size: 10pt;
	padding: 0px 4px 0px 4px;
	background-color: #F0F0F0;
	border: 1px solid #C0C0C0;
}

a:link.listItemSelected
{
	text-decoration: none;
}

a:visited.listItemSelected
{
	text-decoration: none;
}

a:hover.listItemSelected
{
	text-decoration: none;
}

.symbols3
{
	font-family: "Webdings";
}

.ctxMenuPanel
{
	background-color: White;
	border: 1px solid #868686;
	z-index: 1000;
	background: url(images/menu-bg.gif) repeat-y 0 0 #FAFAFA;
	cursor: default;
	padding: 1px 1px 1px 1px;
	font-size: 9pt;
}

.ctxMenuBreak
{
	margin: 1px 1px 1px 32px;
	padding: 0;
	height: 1px;
	overflow: hidden;
	display: block;
	border-top: 1px solid #C5C5C5;
}

a.ctxMenuItem
{
	margin: 1px 0 1px 0;
	display: block;
	color: black;
	text-decoration: none;
	cursor: pointer;
	padding: 4px 19px 4px 33px;
	white-space: nowrap;
}

a.ctxMenuItem-Selected
{
	font-weight: bold;
}

a.ctxMenuItem:hover
{
	background-color: #F2F2F2;
	color: black;
	border: 1px solid #888888;
	padding: 3px 18px 3px 32px;
}

a.ctxDeleteItem
{
	color: red;
}

a.ctxDeleteItem:hover
{
	color: red;
}

#ctxProgress
{
	position: absolute;
	top: 0;
	left: 0;
	width: 99%;
	height: 99%;
	z-index: 1000000;
}