html, body {
	font-family: "Arial", sans-serif; font-size: 10pt;
	background-color: #FFFFFF;
	color: #000000;
	z-index: 1;	/* pro menu, ale stejne to nepomuze v seznamu OZ */
	}
td, th {
	font-family: "Arial", sans-serif; font-size: 10pt
	}
form {
	/* Kvuli Firefoxu, at nelepi formulare tesne k nasledujicim prvkum, vypada to divne */
	margin-bottom: 1em;
}

table.vytvoreno-modulem-tables {
	border-collapse: collapse;
	/* Pozadi je casto definovano atributem BGCOLOR u TR v modulu JT::tables, takze
	 * ho nesmim uvadet u TR nebo TD, protoze by melo vetsi vahu nez TR.
	 * Musi byt zde.
	 * S nejvetsi pravdepodobnosti se nikdy neuplatni, ale pokud nekdo neuvede
	 * BGCOLOR u TR, tak se projevi: */
/*	background-color: #8080ff;	*/ /* svetle modra */
}
table.vytvoreno-modulem-tables, .vytvoreno-modulem-tables th, .vytvoreno-modulem-tables td {
	/* okraje bunek a cele tabulky */
	border: 1px solid #ff8000;	/* oranzova */
}
/* neomezovat pouze na TR, da se pouzit i pro konkretni bunky: */
	.vytvoreno-modulem-tables .tr0 { background-color: #FFe0e0; }
	.vytvoreno-modulem-tables .tr1 { background-color: #FFc0c0; }
.vytvoreno-modulem-tables td, .vytvoreno-modulem-tables th {
	padding: 2px;	/* default cellpadding */
}
.vytvoreno-modulem-tables th {
	/* Zahlavi tabulky */
	background-color: #004000;	/* tmave zelena */
	color: #80FF80;	/* svetle zelena */
	font-weight: bold;
}
.vytvoreno-modulem-tables td {
	/* Text v normalnich bunkach */
	/* Pozadi je definovano atributem BGCOLOR u TR v modulu JT::tables, takze
	 * ho zde nesmim uvadet, protoze by melo vetsi vahu nez TR */
	/* ma bile pozadi, takze se musi zobrazit tmavy text */
	color: #000000;
}
.vytvoreno-modulem-tables .table-div-tr,
.vytvoreno-modulem-tables .tr0.table-div-tr,
.vytvoreno-modulem-tables .tr1.table-div-tr {
	background-color: transparent
}

.vytvoreno-modulem-tables td.table-div-td {
	background-color: transparent;
	padding: 0px;
	border: 0px;
	filter: alpha(opacity=0);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	-moz-opacity: 0%;
	opacity: 0;
}


/* historicka verze, puvodne v bankovni_vypisy: */
.vytvoreno-modulem-tables tr.subhead th,
.vytvoreno-modulem-tables tr.subhead td {
	background: #8888aa;
}


table.datavstup {
	border-collapse: collapse;
	border-width: 0px;
	}
table.datavstup tr, table.datavstup td {	/* libovolny radek uvnitr tabulky "datavstup" */
	vertical-align: middle;
}
table.datavstup td {	/* libovolna bunka uvnitr tabulky "datavstup" */
	margin: 0px;
	padding: 0px;	/* implicitni cellpadding */
	padding-bottom: 2px;
	padding-left: 2px;
	}
table.datavstup td.datavstup-l {
	font-weight: bold;
	text-align: right;
	white-space: nowrap;
	padding-left: 0px;
	/* pridat prazdne misto doprava za text */
	padding-right: 0.5em;
	}
table.datavstup td.datavstup-left {
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
	padding-left: 0px;
	/* pridat prazdne misto doprava za text */
	padding-right: 0.5em;
	}

/* Texty ve zmenšeném vydání (explicitně vyjmenuji TD a TH, protože to nechci aplikovat třeba na H1) */
.small, .small td, .small th {
	font-family: Verdana, "Helvetica CE",Helvetica, "Arial CE", Arial, sans-serif; 
	font-size: 10px;
	}
.small H3 {
	font-size: 14pt;
}
.small .nadpis-bloku {
	font-size: 10pt;
	font-weight: bold;
	white-space: nowrap
}
	
/* Formulářové prvky ve zmenšeném vydání */
.smallform, .smallform td, .smallform th, .smallform input, .smallform select {
	font-size: 10px;
	}

h3, h1 span {
	font-family: Verdana, Arial, sans-serif;
	font-size: 14pt;
	font-weight: bold;
}

.left { text-align: left }
.right { text-align: right }
.center { text-align: center }
.nowrap { white-space: nowrap }
.vtop { vertical-align: top }
.vmiddle { vertical-align: middle }
.vbottom { vertical-align: bottom }

img.icon16 { 
	width: 16px;
	height: 16px;
	border-width: 0px;
	vertical-align: middle;	/* viz c_opravneni2 */
}

img.icon18 {
	width: 18px;
	height: 18px;
	border-width: 0px;
	vertical-align: baseline;
}
table.vytvoreno-modulem-tables img.icon18 {
	/* vyjimka, aby mi nerozhazovala radky */
	vertical-align: top;
}

.icon18-text {
	/* popisný text vedle ikonky */
	font-family: Verdana, Arial, sans-serif; font-size: 8pt;
	position: relative; top: -4px;	/* aby se dostal na správnou výšku vedle ikonky */
}

.info {color: orange}
.error {color: red}
.upozorneni {color: red}	/* napriklad "Omezte prosim vyber na ...!" */
.poweruser {background-color: lightgreen} 

/* chyby pri vyplnovani formularu */
.bad-form-field {
	background-color: #ffff80
}

.debug {
	background-color: yellow;
	color: red;
	font-weight: bold;
}
div.debug {
	padding: 0.5em;
	border: 2px ridge gray;
	/* background-color: #c0c0c0;
	color: #000000; */
}
.not-localized {
	background-color: #80ffff;
	color: #000000;
};

select {
    /* nutne (aspon v teto prazne podobe), aby se v Chrome pak uplatnil styl 'select.np' */
}

select.np {
    font-family: monospace, Courier; 
    font-size:10pt; 
}

body.tinymce-body-novyukol { 
    padding: 1em;
}

.obsah-ukolu-pmail {
    /* vždy HTML, tzn. bez dalších úprav, maximálně tak upravené pozadí a nebo dodatečné styly pro vnitřní tagy (a href, ...) */
}
.obsah-ukolu-text {
    /* ponechat mezery, ale zalamovat řádky */
    white-space: pre-wrap
}
.ukoly-makra-preview {
    color: #000;
    background-color: #fff
}
.pmail-unread {
    font-weight: bold
}

.overeni-hesla-vysledek-ok {font-style: italic; text-decoration: underline; font-weight: bold; color: #00FF00 }
.overeni-hesla-vysledek-error {font-style: italic; text-decoration: underline; font-weight: bold; color: red }

/* at jsou zakazane formularove textove prvky zobrazene jednotne, protoze napr. v MSIE to skoro nebylo poznat a matlo to klienty: */
input[type="text"][disabled="disabled"], input[type="text"][disabled] {
	background-color: #ddd;
	color: GrayText;
}

.radiogroup {
	border-width: 1px;
	border-style: solid;
}

div#copyright {
	text-align: center;	
	color: #808080;
}
#copyright a {
	text-decoration: none;
	color: #808080;
}
form#relog_form {
	display: inline;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* samostatne body pro tisk obalek */
body#obalky td {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-style: normal; line-height: normal}

body#obalky DIV.odesilatel {
margin-left: 0cm;
margin-top: 5mm;
padding: 0cm;
text-align: left;
}

body#obalky DIV.adresat {
margin-left: 12cm;
margin-top: 40mm;
text-align: left;
}

.ukol-param {
	padding-right: 0.5em;
}
.ukol-value {
	font-weight: bold;
}

table.formular-hpu-okraj td {
    border: 1px solid black !important;
}

/* styly pro jQuery UI: */
.ui-resizable {
	position:relative;
}
.ui-resizable-handle {
	display:none;
	font-size:0.1px;
	position:absolute;
}
.ui-resizable .ui-resizable-handle {
	display:block;
}
body .ui-resizable-disabled .ui-resizable-handle {
	display:none;
}
body .ui-resizable-autohide .ui-resizable-handle {
	display:none;
}
.ui-resizable-s {
	X-background:transparent url(i/resizable-s.gif) repeat scroll center top;
	bottom:0;
	cursor:s-resize;
	height:4px;
	left:0;
	width:100%;
}
.ui-resizable-e {
	X-background:transparent url(i/resizable-e.gif) repeat scroll right center;
	cursor:e-resize;
	height:100%;
	right:0;
	top:0;
	width:4px;
}
.ui-resizable-s, .ui-resizable-e {
	background-color: white;
}
.btn-group .btn:first-child {
    border-radius: 4px 0 0 0;
}
.btn--primary:hover {
    background-color: gray;
}

.btn:hover {
    background-color: gray;
    color: #fff;
    text-decoration: none;
}

.btn-group .btn {
    border-radius: 0;
}

.btn--primary {
    background-color: white;
    border-color: gray;
    color: white;
}

.btn--primary.active, .btn--primary:active {
    background-color: gray;
    color: white;
}

.btn-group .btn:last-child {
    border-radius: 0 4px 0 0;
}

.btn-group .btn:not(:first-child) {
    margin-left: -1px;
}

.table-search-input {
	border-radius: 4px;
}

.tabbed {
	min-width: 60%;	
}

.btn {
    -webkit-appearance: none;
    background-color: white;
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    border-bottom: none;
        border-top-color: rgb(52, 73, 94);
        border-right-color: rgb(52, 73, 94);
        border-bottom-color: rgb(52, 73, 94);
        border-left-color: rgb(52, 73, 94);
    border-radius: 3px;
    color: gray;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    padding: .75em .8em;
    text-align: center;
    transition: .2s ease-out;
}

/*
.ui-resizable-se {
	X-background:transparent url(i/resizable-se.gif) repeat scroll 0 0;
	background-color: #00ff00;
	bottom:0;
	cursor:se-resize;
	height:9px;
	right:0;
	width:9px;
}
*/