/* CSS Document */
html
{
	height: 100%;
	max-height: 100%;
	padding: 0;
	margin: 0;
	border: 0;
	font-size: 0.75em;
	font-family: trebuchet ms, tahoma, verdana, arial, sans-serif;
	background: #0e0e0e; /* hide overflow:hidden from IE5/Mac */ /* \*/
	overflow: hidden;
}

body
{
	height: 100%;
	max-height: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
	border: 0;
}

.lnk
{
	text-decoration: underline !important;
}

.cntr
{
	display: inline-block;
	vertical-align: middle;
}

.noacc
{
	color: Red;
	font-weight: bolder;
	font-size: 8pt;
}

.watermark
{
	/*color: #00DBF4;*/
	color: #99BADF;
}

.BodyProgress
{
	background-image: url(progressbar.gif);
	background-position: center center;
	background-repeat: no-repeat;
}

#root
{
	overflow: hidden;
}

#content
{
	display: block;
	height: 100%;
	max-height: 100%;
	overflow: hidden;
	padding-left: 200px;
	padding-top: 48px; /*padding-top:60px;*/
	padding-bottom: 40px;
	position: relative;
	background: #E6E6E6;
	z-index: 2;
}

#content2
{
	display: block;
	height: 100%;
	max-height: 100%;
	width: 100%;
	max-width: 100%;
	overflow-y: hidden;
	overflow-x: auto;
}

#content3
{
	display: block;
	height: 100%;
	max-height: 100%;
	overflow: hidden;
	min-width: 860px;
	_width: expression(document.getElementById('root').offsetWidth < 1000 ? '800px' : 'auto');
}

#head
{
	background: #0e0e0e url(top_bot_bg.gif) left bottom repeat-x;
	color: #fff;
	display: block;
	font-size: 1.75em;
	height: 55px;
	margin: 0;
	padding-top: 5px;
	position: fixed;
	right: 0px;
	text-align: left;
	top: 0;
	vertical-align: middle;
	z-index: 4;
	width: 100%;
	min-width: 640px;
	_width: expression(document.getElementById('root').offsetWidth < 600 ? '600px' : 'auto');
}

#foot
{
	position: fixed;
	margin: 0;
	bottom: -1px;
	right: 0px;
	display: block;
	height: 40px;
	background: #0e0e0e url(bot_top_bg.gif) left top repeat-x;
	color: #fff;
	font-size: 1em;
	padding-right: 0.5em;
	vertical-align: middle;
	z-index: 4; /*z-index: 1;*/
	width: 100%;
	min-width: 640px;
	_width: expression(document.getElementById('root').offsetWidth < 600 ? '600px' : 'auto');
}

#progress
{
	background: #E6E6E6;
}
#left
{
	position: fixed;
	left: 0;
	top: 0;
	height: 99%;
	width: 200px;
	background: #0099FF url(left_bot_bg.gif) left bottom repeat-x;
	font-size: 1em;
	color: #fff;
	z-index: 3;
}

* html #head, * html #foot, * html #left
{
	position: absolute;
}

#pad1
{
	display: block;
	width: 18px;
	height: 55px;
	float: left;
}
#pad3
{
	display: block;
	width: 18px;
	height: 40px;
	float: left;
}
.pad4
{
	display: block;
	height: 60px; /* 43px; */ /*Prehozeno!*/
}

#content p
{
	padding: 5px;
}

.bold
{
	font-size: 1.2em;
	font-weight: bold;
}

a.nav, a.nav:visited
{
	display: block;
	width: 100px;
	height: 25px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	line-height: 25px;
}
a.nav:hover
{
	color: #fc0;
}

img
{
	border: 0;
}

.cleaner
{
	font-size: 0;
	line-height: 0;
	height: 0;
	clear: both;
	display: block;
}

table.editTable
{
	width: 75%;
}
table.detailTable
{
	width: 100%;
}
table.detailTable th
{
	text-align: left;
	padding-left: 0.5em;
}
table th
{
	font-size: 13px;
	font-weight: bold;
	color: #000;
	font-family: sans-serif;
	background: url(tabs/blue_bg.gif) repeat-x;
	padding: 0px;
	border: 0;
}
table th div
{
	height: 40px;
	padding: 0px;
	float: left;
	line-height: 45px;
	color: #FFFFFF;
}
table th div.left
{
	background: url(tabs/blue_left.gif) no-repeat;
	width: 19px;
}

table th div.left_empty
{
	background: url(tabs/empty_left.gif) no-repeat;
	width: 19px;
}

table th div.text
{
	background: url(tabs/blue_bg_th.gif) repeat-x;
}

table th div.text_empty
{
	background: url(tabs/empty_bg_th.gif) repeat-x;
}

table th div.right
{
	background: url(tabs/blue_right_th.gif) no-repeat;
	width: 19px;
}

table th div.right_empty
{
	background: url(tabs/empty_right_th.gif) no-repeat;
	width: 19px;
}


.TabHeaderControls
{
	margin: 0;
	padding: 0;
	background: url(tabs/blue_bg_th_cont.png) repeat-x;
	line-height: 20px;
	color: White;
	vertical-align: top;
	width: 100%;
}

.TabToolbar
{
	margin-left: 20px;
	text-decoration: none;
}

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

td.edit
{
	border-top: dashed 1px #5E8CC6;
	background-color: #DAE8F3;
	border-bottom: dashed 1px #5E8CC6;
	margin: 0px;
	padding: 0px;
}
td.editHeader
{
	background-color: #DAE8F3;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 3px 0px;
	text-align: center;
}
td.edit table.detailview
{
	width: 100%;
}
td.edit div.header
{
	font-weight: bold;
}

td.command
{
	text-align: right;
	white-space: nowrap;
}

table.GridView th.command
{
	text-align: right !important;
	white-space: nowrap !important;
}


/* Data Pager Styles */
.datatable .pager
{
	font-family: Georgia,serif;
	text-align: center;
	padding: 15px 0px;
}

.datatable .pager SPAN.command, .datatable .pager SPAN.current, .datatable .pager A.command
{
	border: solid 1px #ccc;
	color: #666;
	background-image: url(gradient.gif);
	background-position: 0px -20px;
	line-height: 18pt;
	padding: 5px;
	text-decoration: none;
	font-weight: normal;
}

.datatable .pager SPAN.current
{
	font-weight: bold;
}

.datascroll
{
	font-family: Georgia,serif;
	padding: 15px 0px;
	height: 350px;
	overflow-y: scroll;
	overflow-x: hidden;
}

div#container
{
	width: 1024px;
	margin: 0px auto 0px auto;
	text-align: left;
}

div#header
{
	background: #333 url(header-bg.gif) left bottom repeat-x;
}


.bodylink
{
	color: #0099FF;
}

a
{
	color: #fff;
	font-weight: normal;
	text-decoration: underline;
}
a:hover
{
	text-decoration: none;
}

.editLink
{
	background: url(bh-edit.png) top left no-repeat;
	padding-left: 30px;
	margin-right: 15px;
	display: inline-block;
	line-height: 25px;
}

.toHistLink
{
	background: url(to-history.png) top left no-repeat;
	padding-left: 30px;
	margin-right: 15px;
	display: inline-block;
	line-height: 25px;
}

.toCurrLink
{
	background: url(to-current.png) top left no-repeat;
	padding-left: 30px;
	margin-right: 15px;
	display: inline-block;
	line-height: 25px;
}

.toProtocolLink
{
	background: url(bh-toProtocol.png) top left no-repeat;
	padding-left: 30px;
	margin-right: 15px;
	display: inline-block;
	line-height: 25px;
}

.saveLink
{
	background: url(bh-save.png) top left no-repeat;
	padding-left: 30px;
	margin-right: 15px;
	display: inline-block;
	line-height: 25px;
}
.continueLink
{
	background: url(bh-vpred.png) top left no-repeat;
	padding-left: 30px;
	margin-right: 15px;
	display: inline-block;
	line-height: 25px;
}
.selectLink
{
	background: url(bh-select.png) top left no-repeat;
	padding-left: 30px;
	margin-right: 15px;
	display: inline-block;
	line-height: 25px;
}
.backLink
{
	background: url(bh-zpet.png) top left no-repeat;
	padding-left: 30px;
	margin-right: 15px;
	display: inline-block;
	line-height: 25px;
}
.cancelLink
{
	background: url(bh-cancel.png) top left no-repeat;
	padding-left: 30px;
	margin-right: 15px;
	display: inline-block;
	line-height: 25px;
}
.endLink
{
	background: url(bh-end.png) top left no-repeat;
	padding-left: 30px;
	margin-right: 15px;
	display: inline-block;
	line-height: 25px;
}
.beginLink
{
	background: url(bh-begin.png) top left no-repeat;
	padding-left: 30px;
	margin-right: 15px;
	display: inline-block;
	line-height: 25px;
}
.newLink
{
	background: url(bh-add.png) top left no-repeat;
	padding-left: 30px;
	margin-right: 15px;
	display: inline-block;
	line-height: 25px;
}
.newVisitLink
{
	background: url(bh-addVisit.png) top left no-repeat;
	padding-left: 30px;
	margin-right: 15px;
	display: inline-block;
	line-height: 25px;
}
.newMessageLink
{
	background: url(bh-addMessage.png) top left no-repeat;
	padding-left: 30px;
	margin-right: 15px;
	display: inline-block;
	line-height: 25px;
}
.newRecipientLink
{
	background: url(bh-addRecipient.png) top left no-repeat;
	padding-left: 30px;
	margin-right: 15px;
	display: inline-block;
	line-height: 25px;
}
.newStateLink
{
	background: url(bh-addStateProtocol.png) top left no-repeat;
	padding-left: 30px;
	margin-right: 15px;
	display: inline-block;
	line-height: 25px;
}
.newPatientLink
{
	background: url(bh-addPatient.png) top left no-repeat;
	padding-left: 30px;
	margin-right: 15px;
	display: inline-block;
	line-height: 25px;
}
.deleteLink
{
	background: url(bh-delete.png) top left no-repeat;
	padding-left: 30px;
	margin-right: 15px;
	display: inline-block;
	line-height: 25px;
}

.addLink
{
	background: url(addmonth.png) top right no-repeat;
	padding-right: 30px;
	margin-left: 15px;
	display: inline-block;
	line-height: 25px;
}
.subLink
{
	background: url(submonth.png) top left no-repeat;
	padding-left: 30px;
	margin-right: 15px;
	display: inline-block;
	line-height: 25px;
}
.todayLink
{
	background: url(today.png) top left no-repeat;
	padding-left: 30px;
	margin-right: 15px;
	display: inline-block;
	line-height: 25px;
}
.gotoLink
{
	background: url(goto.png) top right no-repeat;
	padding-right: 30px;
	margin-left: 15px;
	display: inline-block;
	line-height: 25px;
}
.showFilterLink
{
	background: url(bh-ExtFilterShow.png) top left no-repeat;
	padding-left: 30px;
	margin-right: 15px;
	display: inline-block;
	line-height: 25px;
}
.outEvidLink
{
	background: url(bh-fromEvidence.png) top left no-repeat;
	padding-left: 30px;
	margin-right: 15px;
	display: inline-block;
	line-height: 25px;
}
.inEvidLink
{
	background: url(bh-toEvidence.png) top left no-repeat;
	padding-left: 30px;
	margin-right: 15px;
	display: inline-block;
	line-height: 25px;
}
.hideFilterLink
{
	background: url(bh-ExtFilterHide.png) top left no-repeat;
	padding-left: 30px;
	margin-right: 15px;
	display: inline-block;
	line-height: 25px;
}

.pagename
{
	padding-left: 0px;
	margin-right: 15px;
}

.modalPanel
{
	width: expression(document.body.clientWidth / 2);
	background-color: #E6E6E6;
	border: 1px solid #333333;
	z-index: 1000; /*position: absolute;*/
	color: Black;
}

.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

/** ---------------------------- LOGO ----------------------------------------*/
h1
{
	float: left;
	overflow: hidden;
	font-size: 140%;
	font-weight: normal;
	line-height: 110%;
	position: relative; /*margin: 20px 43px 17px 37px;*/
}

h1, h1 a, h1 a:hover, h1 span
{
	display: block;
	width: 158px;
	height: 125px;
	background: transparent url(logo2.png) left top no-repeat;
	color: white;
	text-decoration: none;
}

h1 span
{
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
	cursor: hand;
}

/** ------------------------- MENU ------------------------------------------ */
div.menu
{
	font-size: 12px;
	width: 800px;
	position: absolute;
	top: 54px;
	left: 0;
}

div#menu-wrapper
{
	position: relative;
	background-color: red;
	height: 125px; *height:123px;
_height:125px;
float:left;
}

div.menu ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

/* IE bugs */
* div.menu ul li
{
	height: 1%;
}
* div.menu ul li a
{
	_height: 1%;
}

.menu ul.level-1
{
	width: 800px; /* celkova sirka menu - kam az ho roztahnout */
}

.menu ul.level-1 li
{
	position: relative;
	background: transparent url(menu/bg-black.gif) left top repeat-x; *margin:00-4px;/* bug vsech IE */
overflow:hidden;
}

.menu ul.level-1 li div.level-1-wrapper
{
	background: transparent url(menu/end-black.gif) right top no-repeat;
	padding-right: 8px;
}

.menu ul.level-2
{
	padding-bottom: 0px;
}

.menu ul.level-2-spec
{
	padding-bottom: 59px;
}

.menu ul.level-2 li, .menu ul.level-2-spec li
{
	float: left;
	margin: 0;
	padding: 0;
	position: static;
	background: transparent url(menu/button-black.gif) left top no-repeat;
	width: 128px;
	height: 31px;
}

.menu ul.level-2 li a, .menu ul.level-2-spec li a
{
	line-height: 31px;
	color: white;
	text-decoration: none;
	display: block;
	padding-left: 35px;
	background-color: transparent;
	background-repeat: no-repeat;
}

.menu ul.level-2 li:hover, .menu ul.level-2-spec li:hover
{
	background-position: left bottom;
	color: white;
	text-decoration: none;
}

.menu ul.level-2 li a:hover
{
	_color: #fff1af;
}
.menu ul.level-2-spec li a:hover
{
	_color: #fff1af;
}



.menu ul.level-3
{
	position: absolute;
	left: 0;
	bottom: 0;
	display: none;
	background: #165ba3 url(menu/bg-sub-blue.gif) left top repeat-x;
	padding-left: 17px;
	width: 776px; /* Sirka toho modryho submenu */
}

.menu ul.level-3 li
{
	float: left;
	width: 105px;
	height: 27px;
	background: transparent;
	padding: 0;
}

.menu ul.level-3 li a
{
	line-height: 27px;
	padding-left: 30px;
	background: transparent url(menu/sub-motiv.gif) 10px 5px no-repeat;
	font-weight: normal;
}

.menu ul.level-3 li a:hover
{
	color: #fff1af;
	background-position: 10px -32px;
}


.menu ul li.m-cat-active
{
	background: transparent url(menu/button-blue.gif) left top no-repeat;
}

.menu ul li.m-cat-active a:hover
{
	color: #fff1af;
}

.menu ul.level-3 li.m-active a
{
	font-weight: bold;
}

#hotline
{
	/*     position: absolute;     top: 530px;     left: 18px;     */
	text-align: center;
	width: 80%;
}

/** ----------------------- INSIDER ------------------------------------------*/
div#insider-wrapper
{
	background: #4689f1 url(insider-bg1.gif) left top repeat-x;
}

div#insider-wrapper2
{
	background: transparent url(insider-bg2.gif) left bottom repeat-x; /*height:500px;*/
	padding: 0 16px;
}

div#insider
{
	width: 968px;
}

div#insider-header
{
	padding: 8px 0px 0px 9px;
}

#h2-wrapper1
{
	float: left;
	background: transparent url(h2-bg1.gif) left center repeat-x;
}

#h2-wrapper2
{
	background: transparent url(h2-bg2.gif) left center no-repeat;
}

#h2-wrapper3
{
	background: transparent url(h2-bg3.gif) right center no-repeat;
}

html > #h2-wrapper3
{
	height: 48px;
}

h2
{
	line-height: 48px;
	font-size: 150%;
	letter-spacing: 0.05em;
	margin: 0 12px 0 9px;
	background: transparent url(h2-ico.png) left center no-repeat;
	padding-left: 33px;
}

#insider-header ul
{
	list-style-type: none;
	float: left;
	margin-left: 12px;
	margin-top: 18px;
}

#insider-header ul li
{
	float: left;
	display: inline;
	margin-left: 18px;
}

#insider-header p
{
	float: right;
	display: inline;
	margin-right: 12px;
	margin-top: 18px;
	padding-right: 9px;
	line-height: 120%;
	background: transparent url(odr2.gif) right center no-repeat;
}

#insider-header li a, #insider-header p a
{
	color: white;
	text-decoration: underline;
	padding-left: 9px;
	background: transparent url(odr1.gif) left center no-repeat;
}

#insider-header li a:hover, #insider-header p a:hover
{
	color: yellow;
	text-decoration: none;
}

/** ------------------ BODY --------------------------------------------------*/
#body-wrapper1
{
	background: #f6f6f6 url(body-bg2.gif) left bottom repeat-x;
}

#body-wrapper2
{
	background: transparent url(body-bg1.gif) left top repeat-x;
}

#body-wrapper3
{
	background: transparent url(body-bg3.gif) left top no-repeat;
}

#body
{
	background: transparent url(body-bg4.gif) right top no-repeat;
	color: #414141;
	padding-bottom: 36px;
}
.body-messages
{
	margin: 0px;
	padding: 0px;
	color: white;
	background: #0e0e0e url(body-bg3.gif) left no-repeat;
	height: 28px;
	margin-top: 12px; *margin-top:0px;

}

.body-messages .hierarchy-bar
{
	display: inline-block;
	margin-top: 5px;
	margin-left: 52px;
	height: 28px;
	vertical-align: middle;
}
.body-messages .userLogout
{
	float: right;
	display: inline-block;
	margin-top: 5px;
	height: 28px;
	margin-right: 1em;
}
.body-messages .assistantChoose
{
	float: right;
	display: inline-block;
	margin-top: 3px;
	height: 28px;
	margin-right: 0.5em;
	vertical-align: middle;
}
.body-messages a
{
	color: white;
	text-decoration: none;
	display: inline-block;
}

.body-messages a:hover
{
	color: #fff1af;
	text-decoration: underline;
}

/*
.body-messages li#mess-1 a
{
	background: transparent url(messages-ico1.gif) left top no-repeat;
}

.body-messages li#mess-2 a
{
	background: transparent url(messages-ico2.gif) left top no-repeat;
}
*/

/** ----------------------- PODMENU ------------------------------------------*/
.podmenu
{
	margin: 15px 16px 0 8px;
	float: left;
	width: 166px;
	display: inline;
}

.podmenu-box, .podmenu-box-active
{
	background: white url(pmenu-header.gif) center top no-repeat;
	margin-top: 7px;
}

.podmenu h4
{
	line-height: 25px;
	font-size: 110%;
	margin: 0 4px 0 12px;
	background: transparent url(pmenu-down.gif) right 20px no-repeat;
}

.podmenu-box-active h4
{
	background: transparent url(pmenu-up.gif) right 2px no-repeat;
}

.podmenu h4 a
{
	color: white;
	text-decoration: none;
	display: block;
	zoom: 1;
}

.podmenu h4 a:hover
{
	color: #fff1af;
	text-decoration: none;
}

.podmenu p
{
	font-size: 86%;
}

.podmenu-wrapper-1
{
	background: transparent url(pmenu-left.gif) left top repeat-y;
	display: none;
}

.podmenu-box-active .podmenu-wrapper-1
{
	display: block;
}

.podmenu-wrapper-2
{
	background: transparent url(pmenu-right.gif) right top repeat-y;
}
.podmenu-wrapper-3
{
	background: transparent url(pmenu-bottom.gif) left bottom no-repeat;
	padding: 6px 8px 9px 8px;
	zoom: 1;
}

.podmenu ul
{
	list-style-type: none;
}

.podmenu ul li
{
	height: 25px;
	line-height: 25px;
	padding: 0 6px;
	background: transparent url(pmenu-button.gif) left top no-repeat; *margin-bottom:-3px;
_margin-bottom:0;
}

.podmenu ul li.last
{
	background-image: url(pmenu-button-last.gif);
}

.podmenu ul li a
{
	color: white;
	text-decoration: none;
	display: block;
	padding-left: 30px;
}

* html .podmenu ul li a
{
	height: 1%;
}

.podmenu ul li a:hover
{
	color: #fff1af;
	text-decoration: none;
}

/** ----------------------- BOX ----------------------------------------------*/
#box-wr-1
{
	background: transparent url(box-left.gif) left top repeat-y;
	margin: 15px 3px 0;
	float: left;
	width: 768px;
}

#box-wr-2
{
	background: transparent url(box-right.gif) right top repeat-y;
}
#box-wr-3
{
	background: transparent url(box-bottom.gif) left bottom repeat-x;
}
#box-wr-4
{
	background: transparent url(box-top.gif) left top repeat-x;
}
#box-wr-5
{
	background: transparent url(box-bl.gif) left bottom no-repeat;
}
#box-wr-6
{
	background: transparent url(box-br.gif) right bottom no-repeat;
}
#box-wr-7
{
	background: transparent url(box-tl.gif) left top no-repeat;
}

#box
{
	background: transparent url(box-tr.gif) right top no-repeat;
	min-height: 500px;
}

#box-header ul
{
	list-style-type: none;
	padding-top: 6px;
	font-size: 92%;
	font-weight: bold;
}

#box-header ul li
{
	float: left;
	margin-left: 0px;
	height: 34px;
	line-height: 38px; /*border-right: 1px solid #8fc1ec;*/
	background: transparent url(sep1.gif) left top no-repeat;
}

#box-header ul li.first
{
	background: transparent;
}

#box-header li a
{
	color: white;
	text-decoration: none;
	padding-left: 50px;
	padding-right: 20px;
	display: block;
}

#box-header li a:hover
{
	color: #fff1af;
	text-decoration: underline;
}

#box-header li#bh-zpet a
{
	background: transparent url(bh-zpet.png) 17px 7px no-repeat;
}
#box-header li#bh-edit a
{
	background: transparent url(bh-edit.png) 17px 7px no-repeat;
}

#box-insider
{
	margin: 16px 40px 0px;
	zoom: 1;
}

#box-insider p
{
	line-height: 130%;
	padding-bottom: 1.4em;
}

#box-insider a
{
	color: #2a6ea4;
	text-decoration: underline;
}

#box-insider a:hover
{
	color: #4689f1;
	text-decoration: none;
}

/** -------------------- FOOTER ----------------------------------------------*/
#footer-wrapper
{
	background: transparent url(footer-bg.gif) left top repeat-x;
}

#footer
{
	width: 1000px;
	height: 40px;
}

#footer p.kb
{
	float: left;
	margin-left: 110px;
	line-height: 40px;
	font-weight: bold;
	display: inline;
}

#footer ul
{
	list-style-type: none;
	padding-top: 8px;
	margin-right: 17px;
	float: right;
	display: inline;
}

#footer ul li
{
	float: left;
	margin-left: 2px;
	height: 26px;
	line-height: 28px;
	font-size: 0.5em;
	width: 84px;
	background: transparent url(footer-frame.gif) left center no-repeat;
	text-align: right;
	padding-right: 10px;
}

#footer li#f-datum span
{
	background: transparent url(f-datum.gif) 11px 9px no-repeat;
	display: block;
}

#footer li#f-cas
{
	padding-right: 20px;
	width: 74px;
}

#footer li#f-cas span
{
	background: transparent url(f-cas.gif) 20px 8px no-repeat;
	display: block;
}

.Button input
{
	background: url(   'button_bg.gif' ) repeat-x;
	border: 0px;
	font-size: 11px;
	font-weight: bold;
	padding: 3px 7px 3px 7px;
	height: 20px;
	margin-right: 0px;
}

.Button
{
	background: url('button_rborder.gif') right top no-repeat;
	cursor: pointer;
	font-size: 13px;
	font-family: Arial;
	display: inline-block; /* needed to specify height*/
	height: 20px;
	margin-right: 0px;
	padding-right: 2px;
}

.Button2 input
{
	background: url(   'button_bg.gif' ) repeat-x;
	border: 0px;
	font-size: 11px;
	font-weight: bold;
	padding: 3px 7px 3px 7px;
	margin-right: 0px;
	height: 20px;
}

.Button2
{
	background: url(   'button_rborder.gif' ) right top no-repeat;
	cursor: pointer;
	font-size: 13px;
	font-family: Arial;
	display: inline-block; /* needed to specify height*/
	height: 20px;
	margin-right: 0px;
	padding-right: 2px;
}

.ButtonSel
{
	color: #FF0000;
	background-image: url('button_bg_sel.gif' ) !important;
}



/* =======================
        GRIDVIEW
========================*/
.GridViewWrapper
{
	margin-top: 0.5em;
	width: 95%;
}

.GridView
{
	font-size: 1em; /*border-collapse: collapse;*/
	width: 100%;
}

.GridView th
{
	background: url(sprite.png) repeat-x 0px 0px;
	border-color: #989898 #cbcbcb #989898 #989898;
	border-style: none none solid none;
	border-width: 1px 1px 1px medium;
	color: #000;
	padding: 4px 5px 4px 10px;
	text-align: left;
	vertical-align: bottom;
}

.GridView a
{
	text-decoration: underline !important;
}

.GridView .Edited th
{
	background: #f9e38a;
	border-color: #989898 #cbcbcb #989898 #989898;
	border-style: none none solid none;
	border-width: 1px 1px 1px medium;
	color: Black;
	padding: 4px 5px 4px 10px;
	text-align: left;
	vertical-align: bottom;
}

.GridView .To th
{
	background: #e8f3da;
	border-color: #989898 #cbcbcb #989898 #989898;
	border-style: none none solid none;
	border-width: 1px 1px 1px medium;
	color: Black;
	padding: 4px 5px 4px 10px;
	text-align: left;
	vertical-align: bottom;
}

.GridView .From th
{
	background: #dae8f3;
	border-color: #989898 #cbcbcb #989898 #989898;
	border-style: none none solid none;
	border-width: 1px 1px 1px medium;
	color: Black;
	padding: 4px 5px 4px 10px;
	text-align: left;
	vertical-align: bottom;
}

.GridView .Edited td.Detail
{
	background: #fdeaa0;
	border-color: #989898 #cbcbcb #989898 #989898;
	border-style: none none solid none;
	border-width: 1px 1px 1px medium;
}

.GridView .To td.Detail
{
	background: #f2fde3;
	border-color: #989898 #cbcbcb #989898 #989898;
	border-style: none none solid none;
	border-width: 1px 1px 1px medium;
}

.GridView .From td.Detail
{
	background: #e8f1f8;
	border-color: #989898 #cbcbcb #989898 #989898;
	border-style: none none solid none;
	border-width: 1px 1px 1px medium;
}

span.Legend
{
	text-align: center;
	display: inline-block;
	padding: 2px;
	margin: 3px;
}

span.Edited
{
	text-align: center;
	padding: 2px;
	margin: 3px;
	display: inline-block;
	background: #f9e38a;
	border-color: #989898;
	border-style: solid;
	border-width: 1px;
}

span.To
{
	text-align: center;
	padding: 2px;
	margin: 3px;
	display: inline-block;
	background: #f2fde3;
	border-color: #989898;
	border-style: solid;
	border-width: 1px;
}

span.From
{
	text-align: center;
	padding: 2px;
	margin: 3px;
	display: inline-block;
	background: #dae8f3;
	border-color: #989898;
	border-style: solid;
	border-width: 1px;
}

.GridView th a
{
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	color: #000;
	display: block;
	padding-right: 10px;
}

.GridView th.sortasc, .GridView th.sortdesc
{
	background: url(sprite.png) repeat-x 0px -100px;
}

.GridView th.sortasc a
{
	background: url(dt-arrow-up.png) no-repeat right 50%;
}

.GridView th.sortdesc a
{
	background: url(dt-arrow-dn.png) no-repeat right 50%;
}

.GridView td
{
	padding: 2px 10px 1px 10px; /*   border-right: solid 1px #cbcbcb; */
}

.GridView .GVAltRow, .GridView .GVRow .sort
{
	background-color: #DAE8F3;
	border: 0;
}

.GridView .GVRow .sort
{
	background-color: #e6e6e6;
}

.GridView .GVRow
{
	background-color: #F6F6F6;
}

.GridView td a
{
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}

.GridView td a:hover
{
	color: #333399;
}

.Error
{
	color: Red;
}

.ErrorItem
{
	background-color: #ffceda !important;
	background-image: url('ErrorGradient.png') !important;
	background-position: right top !important;
	background-repeat: no-repeat !important;
}

/* PAGE INFO */

div.pageinfo
{
	color: White; /*  background: #015EA3;      border: 1px solid #FFFFFF; */
	font-size: 1em;
	text-align: center;
	padding-right: 5px;
	padding-top: 5px;
	background: url(bg_smaller.gif) repeat-x top left;
	border-width: 0px 1px 1px 1px;
	border-color: #FFFFFF;
	border-style: solid;
	margin-left: 0.4em;
	width: 90%;
}

div.personinfo
{
	color: White;
	font-weight: bold;
	font-size: 1.2em;
	margin-left: 0.4em;
	padding: 5px 0px 5px 5px;
	text-align: center;
	width: 90%;
}
div.personinfo a
{
	text-decoration: none;
}
div.personinfo a:hover
{
	text-decoration: underline;
}
div.pagecontentinfo
{
	background: url(bg_smaller.gif) repeat-x top left;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	color: #FFFFFF;
	font-size: 1em;
	margin-left: 0.7em;
	padding-bottom: 3px;
	padding-top: 0px;
	text-align: left;
	width: 98%;
	awidth: 500px;
	height: 25px;
}
div.pagecontentinfo a
{
	text-decoration: none;
}
div.pagecontentinfo a:hover
{
	text-decoration: underline;
}
div.pagecontent
{
	border-color: #999999;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	margin-left: 0.7em;
	padding-bottom: 1em;
	padding-top: 1em;
	width: 98%; /* height: 75%; */
	margin-bottom: 600px;
}
div.pagecontentscroll
{
	/*position: relative;  nutne kvuli GoogleMaps - NE! Nastvit v masterpage properu relative position na konkretnich strankach!*/
	overflow: auto;
	padding: 0em 1em 0em 1em;
	width: 97%;
	height: 100%;
}

.relative
{
	position: relative;
}

div.timespan
{
	background: #303030;
	border: 1px solid #949494;
	color: #FFFFFF;
	font-size: 0.9em;
	amargin-top: 5px;
	padding: 2px;
	text-align: center;
	awidth: 9em;
	text-align: center;
}

/* ACCORDION */

div.accmenu
{
	background: #004F8A url(menu_bg.gif) repeat-x;
	border: 1px solid #FFFFFF;
	border-top: 0px;
	margin-left: 5px;
	margin-right: 5px;
	width: 186px;
	height: 100%;
}

div.accmenubox
{
	width: 174px;
	margin-left: 6px;
	text-align: left;
	overflow: hidden;
}

.accordion
{
	font-size: 8.5pt;
	font-family: Tahoma;
	color: #444444;
}
.accordion .header
{
	margin-top: 5px;
	cursor: pointer;
	background: url(./menu/hd_bg.gif) no-repeat;
	border-bottom: solid 1px #57566f;
}

.accordion .headersel
{
	margin-top: 5px;
	cursor: pointer;
	background: url(./menu/hd_sel_bg.gif) no-repeat;
	border-bottom: solid 1px #57566f;
}

.accordion .header DIV, .accordion .headersel div
{
	cursor: pointer;
	height: 30px;
	padding-left: 35px;
	background-color: Transparent;
	background-position: center left;
	background-repeat: no-repeat;
	margin-bottom: 0px;
}
.accordion .header SPAN, .accordion .headersel span
{
	cursor: pointer;
	font-weight: bold;
	display: block;
	padding-top: 5px;
	color: #fff;
}
.accordion .header:hover, .accordion .headersel:hover
{
	cursor: pointer;
	height: 31px;
	background-color: Transparent;
	background: url(./menu/hd_hover_bg.gif) no-repeat;
	border-bottom: none;
}
.accordion .content
{
	margin-top: 0px;
	background: #DAE8F3;
}
.accordion UL
{
	padding: 0;
	margin: 0px 5px 5px 15px;
	list-style-type: none;
}
.accordion LI
{
	background-color: Transparent;
	background-repeat: no-repeat;
	background-position: left center;
	vertical-align: middle;
	padding: 9px 5px 6px 25px;
	cursor: hand;
}
.accordion LI DIV
{
	padding-left: 10px;
	color: #666666;
	cursor: hand;
}
.accordion LI:hover
{
	text-decoration: underline;
}
.accordion a
{
	text-decoration: none;
	color: #444444;
	display: block;
}
.accordion a:hover
{
	text-decoration: underline;
}


/* HORNI USEKNUTI */

/* ###MV1*/
div.menurounded
{
	margin-left: 5px;
	margin-right: 5px; /* 	margin-bottom: 0px; /* ###MV1 - pouze ostatni (zejmena ie8 a ff) / 	*margin-bottom: 0px; /* ###MV1 - pouze pro ie 6-7 / 	*/
	padding: 0px;
	width: 188px;
}

/* ###MV1*/
div.menurounded div.top
{
	width: 182px;
	height: 6px;
	background: url(menu_tl.gif) no-repeat left bottom;
	margin-right: 6px;
}

/* ###MV1*/
div.menurounded div.top div.right
{
	background: url(menu_tr.gif) no-repeat right bottom;
	height: 6px;
	width: 182px;
	margin-left: 6px;
}

/*AutoComplete flyout */

.autocomplete_completionListElement
{
	visibility: hidden;
	margin: 0px !important;
	padding: 0px !important;
	background-color: inherit;
	color: windowtext;
	border: buttonshadow;
	border-width: 3px;
	border-style: solid;
	cursor: 'default';
	height: expression( this.scrollHeight > 250 ?     "15em" : "auto" ); /* sets max-height for IE */
	max-height: 15em; /* sets max-height value for all standards-compliant browsers */
	text-align: left;
	list-style-type: none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem
{
	background-color: window;
	color: windowtext;
	padding: 1px;
}

/* Tab Container */
.fancy
{
	margin-top: 0.5em;
	width: 95%;
}

.fancy .ajax__tab_header
{
	font-size: 13px;
	font-weight: bold;
	color: #000;
	font-family: sans-serif;
}
.fancy .ajax__tab_active .ajax__tab_outer, .fancy .ajax__tab_header .ajax__tab_outer, .fancy .ajax__tab_hover .ajax__tab_outer
{
	height: 40px;
}
.fancy .ajax__tab_active .ajax__tab_inner, .fancy .ajax__tab_header .ajax__tab_inner, .fancy .ajax__tab_hover .ajax__tab_inner
{
	height: 40px;
	margin-left: 16px; /* offset the width of the left image */
}
.fancy .ajax__tab_active .ajax__tab_tab, .fancy .ajax__tab_hover .ajax__tab_tab, .fancy .ajax__tab_header .ajax__tab_tab
{
	margin: 16px 16px 0px 0px;
}
.fancy .ajax__tab_hover .ajax__tab_tab, .fancy .ajax__tab_active .ajax__tab_tab
{
	color: #fff;
}
.fancy .ajax__tab_body
{
	font-family: verdana,tahoma,helvetica;
	border: 1px solid #E6E6E6;
	border-top: 0;
	padding-top: 3px;
	background-color: inherit;
}

.fancy-blue .ajax__tab_header
{
	background: url(tabs/blue_bg.gif) repeat-x;
}
.fancy-blue .ajax__tab_hover .ajax__tab_outer, .fancy-blue .ajax__tab_active .ajax__tab_outer
{
	background: url(tabs/blue_left.gif) no-repeat left top;
}
.fancy-blue .ajax__tab_hover .ajax__tab_inner, .fancy-blue .ajax__tab_active .ajax__tab_inner
{
	background: url(tabs/blue_right.gif) no-repeat right top;
}

.tabHeaderInactive
{
	font-size: 13px;
	font-weight: bold;
	color: #000;
	font-family: sans-serif;
	text-decoration: none;
}


div.fileIcon
{
	/*border: 1px dotted #7F7F7F;*/
	float: left;
	margin-right: 15px;
	margin-top: 5px;
	padding: 0.3em;
	text-align: center;
	min-width: 140px;
	height: 150px;
}

div.fileIcon a
{
	font-weight: normal;
}

a.fileDownload
{
	color: #333333;
	text-decoration: none;
	font-weight: normal;
	vertical-align: bottom;
}

a.fileDownload:hover
{
	text-decoration: underline;
}

.FloatLeft
{
	float: left;
}
.FloatLeft div
{
	display: inline;
	float: left;
}

input.disabledFileInput
{
	border: 1px solid #7F7F7F;
	background-color: Red;
}

.ddList
{
}


.lang
{
	float: right;
	margin-right: 0.3em;
}

.displayNone
{
	display: none;
}

.displayBlock
{
	display: block;
}


.validator
{
	font-weight: bold;
	font-size: 14px;
	width: 16px;
	height: 16px;
	display: inline-block;
	background-image: url(validator.gif);
	background-repeat:no-repeat;
}

.Categorization
{
}

.Categorization .Menu
{
	vertical-align: middle; /* height: 22px; */ /* line-height: 22px; */ /* background-color: #ffffff; */
}

.AvailabilityTicket
{
	border-collapse: collapse;
	border-width: 0px;
	border-style: none;
}
.verinfo
{
	margin-top: 15px;
	margin-right: 5px;
	vertical-align: top;
	display: inline-block;
}
.info
{
	font-size: 90%;
	margin-left: 5px;
	margin-right: 5px;
	vertical-align: top;
	display: inline-block;
}

.errinfo
{
	font-size: 90%;
	color: Red;
	margin-left: 5px;
	margin-right: 5px;
	vertical-align: top;
	display: inline-block;
}

.required
{
	font-weight: bolder;
	color: darkred;
}

.required input[type=text]
{
	color: darkred;
    background-color: #FFF6ED;
}

.wpbox
{
	/*position: relative;*/
}

.wppanel
{
	z-index: 50; /*position: relative; left: 0px; 	top: 30px;*/
	background-color: White;
	border-style: solid;
	border-color: Black;
	border-width: 1px;
}

.wptree
{
	font-size: 90%;
}

/**************************** Property Panel *********************************/

.PropPanel
{
	background-color: #F0F0F0;
}

.PropTable
{
	width: 100%;
}

.PropTitle
{
	margin: 5px;
	font-size: 12pt;
}

.PropLine
{
	margin-left: 5px;
	margin-right: 5px;
	background-color: #00B7EC;
	height: 2px;
}

.PropText
{
	padding-left: 5px;
	font-size: 10pt;
	width: 95%;
	vertical-align: middle;
}

.PropButton
{
	padding-right: 5px;
	text-align: right;
	vertical-align: middle;
}

.gotoday
{
	width: 16px;
	height: 16px;
	display: inline-block;
	background-image: url(goto.png);
}
.calendar .ajax__calendar_container
{
	border: 2px solid #0099FF;
	background: #E6E6E6;
	color: black;
	z-index: 999;
	position: absolute;
}

.calendar_spec .ajax__calendar_container
{
	border: 2px solid #0099FF;
	background: #E6E6E6;
	color: black;
	z-index: 999;
	position: absolute;
	margin-top: 600px;
}

.timeformat
{
	height: 0.6eM;
	font-style: italic;
}
table.filterTable
{
	width: 90%;
}

.pre
{
	white-space: pre;
}

/* Vertical tabs */

.TabvHeader
{
	color: Black;
	font-size: 8px;
}

.TabvContainer
{
	background: url("tabs/tabv_right.png") top right repeat-y;
	margin: 0;
}

.TabvMiddle
{
	text-align: left;
	white-space: nowrap;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	line-height: 28px;
	margin-left: 0px;
	padding-left: 6px;
	margin-right: 5px;
	padding-right: 3px;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

.TabvInactive .TabvMiddle
{
	color: Black;
	background: url("tabs/tabv_middle_inactive.png") top right;
}

.TabvActive .TabvMiddle
{
	color: White;
	background: url("tabs/tabv_middle.png") top right;
}

.TabvLeft
{
	width: 6px;
	line-height: 28px;
	height: 28px;
	float: left;
}

.TabvActive .TabvLeft
{
	background-image: url('tabs/tabv_left.png');
}

.TabvInactive .TabvLeft
{
	background-image: url('tabs/tabv_left_inactive.png');
}

/* Brief styles */

.BriefLabel
{
	font-size: 120%;
	font-weight: bold;
}

/* Messages styles */

span.MsgRead
{
	font-weight: normal;
}

/* Modal panel styles */

.ModalCaption
{
	width: 100%;
	height: 32px;
	background: url(sprite.png) repeat-x 0px 0px;
	border-style: none none solid none;
	border-color: #989898 #989898 #cbcbcb #989898;
	border-width: 0px 0px 1px 0px;
}

.ModalTitle
{
	text-align: left;
	padding-left: 10px;
	vertical-align: middle;
	font-weight: bold;
}

.ModalButtons
{
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
	font-size: 12px;
	width: 18px;
}

.ModalButtons a
{
	margin-right: 6px;
	color: Black;
}

.ModalBlock
{
	border: solid 1px #ccc;
	background-image: url(gradient.gif);
	background-position: 0px -20px;
	padding: 5px;
}

.rowDetail
{
	border-bottom: dashed 1px #5E8CC6;
	vertical-align: top;
}

/* Login */

.LoginHeader
{
	font-size: 9pt;
	vertical-align: top;
	margin-bottom: 32px;
}

.LoginEntryLabel
{
	font-size: 9pt;
	vertical-align: middle;
	text-align: right;
}

.LoginEntry
{
	font-size: 9pt;
	vertical-align: middle;
	text-align: left;	
}


.LoginButton
{
	padding-top: 16px;
	font-size: 6pt;
	vertical-align: middle;
}

.LoginError
{
	font-size: 8pt;
	font-weight: bold;
	color: #B20000;
    text-align: left;

}

.LoginNote
{
	font-size: 8pt;
	color: #800000;
    text-align: left;

}

.LoginInfo
{
	font-size: 8pt;
	color: #CC7A00;
    text-align: left;

}

.LoginDown
{
	margin-top: 64px;
	font-size: 7pt;
}

/* Messaging */

.MsgHdrAct
{
	cursor: hand;
	vertical-align: middle !important;
}

.MsgHdrPas
{
	vertical-align: middle !important;
}

.MsgDetTop
{
	vertical-align: top !important;
	padding: 0px !important;
}

.MsgDetCtr
{
	vertical-align: middle;
	padding: 0px !important;
}

.MsgDetRight
{
	padding-left: 20px !important;
}

.MsgDetTxt
{
	font-size: 12pt;
}

.MsgRcpRead
{
	font-weight: normal;
	color: gray;
}

.MsgRcpUnread
{
	font-weight: bolder;
	color: black;
}


/*
Zvyrazneni naplatneho prvku po validaci
*/
.highlightValidated
{
	border: 2px solid red;
}

/* Special metrics of edit fields */

.EditMiddle
{
	max-width: 400px;
	min-width: 200px;
}

.EditSmall
{
	max-width: 200px;
	min-width: 120px;
}

/* UpControl background */

#upload
{
	display: block;
	height: 100%;
	overflow: hidden;
	position: relative;
	z-index: 3;
}

.AttDefault
{
	background-color: #E6E6E6;
}

.AttMsgFrom
{
	background-color: #e8f1f8;
}

.AttMsgTo
{
	background-color: #e8f3da;
}

.AttMsgEdited
{
	background-color: #fdeaa0;
}

.AttDocEdited
{
	background-color: #DAE8F3;
}

/* Gallery styles */

table.GalleryList
{
	margin: 2px;
	table-layout: fixed;
}

.GalleryNormal
{
	width: 130px;
	height: 130px;
	text-align: center;
	vertical-align: middle;
	border-style: none;
	border-width: 0px;
}

.GallerySelect
{
	width: 130px;
	height: 130px;
	text-align: center;
	vertical-align: middle;
	border-style: solid;
	border-width: 2px;
	border-color: Red;
}
.GalleryListScroll
{
	max-height: 550px;
	width: 100%;
	overflow: auto;
}

.orderNum
{
	overflow: visible;
	width: 1px;
	height: 1px;
	z-index: 6;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
}

/*div.GalleryDetail
{
 width: 100%;
 height: 284px;
 text-align: center;
 vertical-align: middle;
 overflow: auto; 
}*/

.Popup
{
	padding: 5px !important;
	background-color: #f6f6f6;
	background-image: url(body-bg2.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	border-width: 1px;
	border-style: solid;
	border-color: black;
}

.Popup a
{
	color: Black;
}

.ajax__html_editor_extender_texteditor 
{
    background-color: White;
}

.ajax__html_editor_extender_texteditor  p
{
    margin: 0px;
    padding: 0px;
 }


/********************* Mini Calendar *************************/

table.MiniCalendar
{
 table-layout: fixed;
 border-collapse: collapse;
 margin-top: 6px;
}

table.MiniCalendar th, table.MiniCalendar td
{
 font-size: 8pt;
 border-style: solid;
 border-width: 1px;
 border-color: plum;  
 text-align: center;
 vertical-align: middle;
}

table.MiniCalendar .MiniCalendarMonth
{
 background-color: #BFCFFF;
}

table.MiniCalendar .MiniCalendarYear
{
 background-color: #BFCFFF;
}

table.MiniCalendar .MiniCalendarWorkDay
{
 background-color: #DDE5FF;
}

.MiniCalendar .MiniCalendarHolyDay
{
 background-color: #A8FFED;
}

.MiniCalendar .MiniCalendarSelectDay
{
 background-color: #FFB27F;
}

.MiniCalendar .MiniCalendarOtherMonth
{
 color: Gray;
}

.MiniCalendars input
{
 margin-left: 6px;
 margin-top: 6px;
}

span.ActualOrdination
{
/* 
 background-image: url(sprite.png);
 background-repeat: repeat-x;
 background-position: center;
 */
 color: FireBrick; 
 font-weight: bolder; 	
}

/*
* !!! POZOR !!! ZASADNE NEPOUZIVAT POJMENOVANE BARVY !!!!
*/