/* Zakladni HTML prvky, text a odkazy */
*, html {
	margin:0px;
	padding:0px;
}

body {
	background-color: #DCE2E8;
	font-family: Arial;
	font-size: 12px;
	color: black;
}

table {
	border-collapse: separate; /* borders tabulky a td jsou spojene, zaroven se chova jako cellspacing = 0 */
}

td {
	font-family: Arial;
	font-size: 12px;
	color:black;
	vertical-align: top;
	empty-cells: show;
}

/* Zakladni formularova pole */
input[type=text],
input[type=file],
input[type=password],
textarea {
	font-family: Arial;
	font-size: 12px;
	/* border musi byt nastaven - vychozi '3d' border dle OS se chova nepredvidatelne */
	border: 1px solid #cccccc;
	/* vysku inputu je treba sladit se SELECTem - 20px dano minimalni vyskou SELECTu v MSIE. 20px je ve vysledku vnejsi vyska pro input i select */
	/* - potrebna height je o 2px mensi (SELECT 'se pocita' jako ze nema border) */
	/* - pro vertikalni zarovnani textu FF+IE neni jina moznost nez padding-top = dalsi 2px */
	/* vysledek 20-2-2 = 16px */
	height: 16px;
	padding: 0px;
	padding-top:2px;
	padding-left: 1px;
	padding-right: 1px;
	vertical-align:middle;
	/* marginy jsou kvuli rozestupum prvku ve formech */
	/* FF nema vychozi zadne ale IE ano (kdyz se nepouziva float nebo block vsude), nastaveni 1px aby odpovidalo IE */
	margin-top:0px;
	margin-bottom:0px;
}

select {
	/* border je nastaveny pro FF (barva), MSIE nastaveni ignoruje, ma border vzdycky */
	border: 1px solid #cccccc;
	font-family: Arial;
	font-size: 12px;
	height: 20px;
	padding:0px;
	vertical-align:middle;
	/* marginy jsou kvuli rozestupum prvku ve formech
	* FF nema vychozi zadne a IE ano, nastaveni aby odpovidalo IE */
	margin-top:0px;
	margin-bottom:0px;
}

option {
	/* nastaveni pro FF - MSIE ma 2px jako vychozi*/
	padding-left:2px;
}

input.clsCheckbox {
	width:13px;
	height:13px;
	margin:0px;
	padding:0px;
	/*border:0px solid black;*/
	vertical-align:middle;
}

/*pouzivano v CtlCheckbox pro zobrazeni 'null hodnoty'*/
img.ctlCheckboxNullImage {
	width:13px;
	height:13px;
	margin:0px;
	padding:0px;
	border:0px solid black;
	vertical-align:middle;
	cursor:default;
	z-index:100;
}

input.clsRadio {
	border:0px solid black;
	vertical-align:middle;
}

input.fileBrowse {
	height:auto;
	font-weight:bold;
}

label {
	vertical-align:middle;
}

img.imgButton, a img {
	border: none;
	vertical-align: middle;
	padding: 0px;
}

button {
	font-family: arial;
	font-size: 11px;
	font-weight:bold;
	color: #333333;
	background-color: #EEEEEE;
	background-image: url('css_bg_button.gif');
	background-repeat: repeat-none;
	background-position: right bottom;
	border: 0px solid black;
	/*letter-spacing: 0px;*/
	height: 20px;
	margin-left: 0px;
	margin-right: 3px;
	margin-top:1px;
	margin-bottom:1px;
	vertical-align: middle;
	padding:0px;
	padding-left:4px;
	padding-right:4px;
	/* vetsi padding pro msie */
	*padding-left:7px;
	*padding-right:7px;
	overflow:visible;
}

button:hover {
	background-image: url('css_bg_button_hover.gif');
	color: #333388;
}

a:link {
	color: #040750;
	text-decoration: underline;
}

a:active {
	color: #040750;
	text-decoration: underline;
}

a:visited {
	color: #040750;
	text-decoration: underline;
}
a:hover {
	color: #0000FF;
	text-decoration: underline;
}

a.clsBoldLink:link {
	color: #040750 !important;
	text-decoration: underline !important;
	font-weight: bold !important;
}

a.clsBoldLink:active {
	color: #040750 !important;
	text-decoration: underline !important;
	font-weight: bold !important;
}

a.clsBoldLink:visited {
	color: #040750 !important;
	text-decoration: underline !important;
	font-weight: bold !important;
}

a.clsBoldLink:hover {
	color: #040750 !important;
	text-decoration: underline !important;
	font-weight: bold !important;
}

ul {
	margin-left: 30px;
	margin-top: 3px;
	margin-bottom: 3px;
	padding: 0px;
}

ul li {
	margin: 0px;
}

/* CtlMemo pro view/browse */

.clsMemoDiv {
	border-top:1px dotted #aaaaaa;
	border-bottom:1px dotted #aaaaaa;
	margin-top:-1px; /* kompenzace borderu */
	margin-bottom:-1px;
	color:#040750;
	white-space:normal;
}

.clsMemoDiv table td {
	white-space:normal!important; /*formtabledit ma nowrap, coz dela paseku v rozmerech mema*/
}


/***
* FormTableView, FormTableEdit
***/

.clsFormTableView,
.clsFormTableEdit {
	background-color: #FAFAFA;
	border: 1px solid #979797;
	margin-left: 7px;
	margin-top: 11px;
	margin-bottom:7px;
}

/* Styl modreho pruhu s tlacitky nahore */
.clsFormTableView thead td,
.clsFormTableEdit thead td {
	/*background-image: url(css_bg_gridlabels.gif);*/
	font-family: Verdana,Arial;
	font-size:13px;
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
	color: #ffffff !important;
	border-bottom: 1px solid #BBBBAA;
	padding-left:4px;
	padding-right:3px;
	padding-bottom:2px;
	padding-top:2px;
	background-position:center;
	background-repeat: repeat;
	background-color: #094D9F;
}

/* Styl obsahu poli - data*/
.clsFormTableView tbody td,
.clsFormTableEdit tbody td {
	padding-left:3px;
	padding-right:2px;
	padding-bottom:2px;
	padding-top:2px;
	vertical-align: top;
	white-space:nowrap;
}

/* FormTableEdit only - upravy z predchoziho */
.clsFormTableEdit tbody td {
	padding-left:3px;
	padding-right:2px;
	padding-bottom:1px;
	padding-top:1px;
	vertical-align: middle;
	white-space:nowrap;
}

/* clsFormSectionHeader - oddelovac casti formulare pro view/browse */

.clsFormSectionHeader {
	border-top: 2px solid #e6e6e6;
	padding: 0px !important;
}

.clsFormSectionHeader td {
	white-space:nowrap;
}

.clsFormSectionHeader2 {
	font-weight:bold;
	background-color:#dddddd;
	margin:0px;
}

.clsFormSectionHeader td2 {
	white-space:nowrap;
}

td.clsFormSection {
	padding-left:4px!important;
	padding-right:4px!important;
	padding-top:1px!important;
	padding-bottom:1px!important;
}

/* Titulky poli */
.clsViewField {
	color:#040750;
	font-weight:bold;
}

/* hover efekt pouzivany v browseformech a jinde - tam kde je BrowseTrTag */
.clsHoverHighlight {
	cursor:pointer;
}
.clsHoverHighlight:hover {
	background-color:#bfdffe;
}

/***
* FormTableBrowse, FormTablePreview
***/

.clsFormTableBrowse,
.clsFormTablePreview {
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-left: 7px;
	margin-bottom:7px;
	border: 1px solid #9999AA;
}

/* table caption - zahlavi tabulky browseformu (strankovani) */
.clsFormTableBrowse caption,
.clsFormTablePreview caption {
	margin:0px;
	padding:0px;
	padding-top:5px;
	padding-bottom:2px;
}

.clsFormTableBrowse caption table td,
.clsFormTablePreview caption table td {
	padding: 0px;
	padding-left: 3px;
	padding-right: 1px;
	border: 0px solid black;
}

/* thead - radek s titulky poli*/
.clsFormTableBrowse thead td,
.clsFormTablePreview thead td {
 	/* Pozn. pokud je ve view browse subform, prevezme veci z nej, pokud nejsou definovane znovu*/
	padding-left:5px;
	padding-right:4px;
	padding-top:2px;
	padding-bottom:2px;
	border-bottom: 0px solid #BBBBAA;
	border-left: 1px solid #BBBBAA;
	font-family: Arial;
	font-size: 12px;
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
	white-space:nowrap;
	color: #ffffff;
	background-color: #094D9F;
}

.clsFormTableBrowse thead td a,
.clsFormTablePreview thead td a {
	color: #ffffff !important;
}

/* tbody td */
.clsFormTableBrowse tbody td,
.clsFormTablePreview tbody td {
	vertical-align: middle;
	padding-left:5px;
	padding-right:4px;
	padding-top:1px;
	padding-bottom:1px;
	color:#040750;
	border-left: 1px solid #CACABA;
}

/* pouziva se pro prvni sloupec gridu (rowcheckbox, rowopenlink) */
/* spolecne s preview a subformem */
td.firstcolumn {
	border-left:0px solid black!important;
	vertical-align: middle!important;
}

/* v prvnim sloupci je vnorena tabulka layoutova tabulka, kvuli vertikalnimu zarovnani */
td.firstcolumn table td {
	padding:0px;
	border:0px solid black;
	vertical-align:middle;
}

.clsFormTablePreview tbody td {
	border-bottom: 0px solid #9999AA;
	border-right: 0px solid #9999AA;
	vertical-align: top;
}

tr.clsFormTablePreviewTr1 td {
	border-left: 0px solid black!important;
	border-top: 1px solid #CCCCBB;
	font-weight: bold;
}

tr.clsFormTablePreviewTr1normal td {
	border-left: 0px solid black !important;
	border-top: 1px solid #CCCCBB;
	font-weight: normal;
}

tr.clsFormTablePreviewTr2 td {
	border: 0px solid black !important;
	padding-top:0px !important;
	padding-bottom:0px !important;
}


/***
* FormTableBrowseSubform
***/

/* tdcko, ve kterem je subform (tdcko ve ViewFormu) */
.clsSubformTd,
.clsFormTableView .clsSubformTd {
	padding:0px;
}

/* samostatne zahlavi s titulkem subformu a odkazy vpravo */
div.clsFormTableSubformCaption {
	width:auto;
	height:auto;
	margin:0px;
	padding:1px;
	background-color: #ffffff;
	border-top: 1px solid #9999AA;
}

/* vnitrni cast zahlavi (vnorena do predchozi) */
div.clsFormTableSubformCaption2 {
	width:auto;
	height:auto;
	background-color: #f0f0f0;
	padding-left: 3px;
	padding-right: 3px;
	padding-top:0px;
	padding-bottom:1px;
	border-top: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	border-bottom: 0px solid #e0e0e0;
}

/* tabulka subformu */
.clsFormTableBrowseSubform {
	width: auto;
	margin-top: 0px;
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	border: 0px solid black;
	border-bottom: 1px solid #e0e0e0;
}

/* zahlavi s titulky sloupcu */
.clsFormTableBrowseSubform thead td {
 	/* Pozn. pokud je ve view browse subform, prevezme veci z nej, pokud nejsou definovane znovu*/
	font-family: Arial;
	font-size: 12px;
	font-weight:bold;
	padding-left:5px;
	padding-right:4px;
	padding-top:2px;
	padding-bottom:2px;
	white-space:nowrap;
	text-align:left;
	vertical-align:middle;
	color: #ffffff;
	border-bottom: 0px solid #BBBBAA;
	border-left: 1px solid #BBBBAA;
	background-color: #768FA1;
}

.clsFormTableBrowseSubform thead td a {
	color: #ffffff !important;
}

/* tbody td */
.clsFormTableBrowseSubform tbody td {
	vertical-align: middle;
	padding-left:5px;
	padding-right:4px;
	padding-top:1px;
	padding-bottom:1px;
	color:#040750;
	border-left: 1px solid #CACABA;
}




.clsLayoutTable td { /*urceno pro vlozeni do jine tabulky - bez paddingu*/
	padding:0px !important;
}

a.rowOpenLink {
	display:block;
	width:13px;
	height:13px;
	margin-left:3px;
	background-image:url('row_open.gif');
}
a.rowOpenLink:hover {
	background-image:url('row_open_hover.gif');
}

a.rowEditLink {
	display:block;
	width:13px;
	height:13px;
	margin-left:3px;
	background-image:url('row_edit.gif');
}
a.rowEditLink:hover {
	background-image:url('row_edit_hover.gif');
}

/* Konec Definice Formtables */

.clsLayoutTd {
	vertical-align: top !important;
}

iframe {
	margin: 0px;
	border: 0px;
	padding: 0px;
}

.clsRadioGroup {
	height:2px;
}

img.ImageButton {
	padding:0px;
	margin:0px;
	border:0px solid black;
}

span.LabelText {
	color: #040750;
}

span.clsMandatory {
	color: red;
}

span.clsMultiMandatory {
	color: blue;
}

.clsPopupFrame {
	background-color:#FFFFFF;
	border:1px solid #000066;
}

.pagetitle{
	font-family: Arial;
	font-size: 12px;
	font-weight:bold;
}
.fl-clear{
	clear: both;
}

/* ModuleMenu */

.mmenu{
	/*width: expression(document.body.clientWidth-14);*/
	/*width: 100%;*/
	/* zaporny margin pro dotazeni ke krajum pres padding */
	margin: 0px 0px;
	margin-top: 0px;
	padding: 2px 8px 2px 2px;
	background-color: #FFFFCC;
	background-image: url(css_modmenu_bg.gif);
	background-repeat: repeat-x;
	_border-bottom: 1px solid red;
	border-left: 6px solid #8A8A8A; /*sedy pruh nalevo*/
	/*border-bottom: 1px solid #C4CDD8;*/
	clear: both;
}

.mmenu-band{
	border-left: 2px dotted #51AAFF;
	border: none;
	padding-left: 2px;
	margin-right: 2px;
	float: left;
	clear: none;
}

.mmenu-row {
	white-space: nowrap;
	float: left;
	clear: left;
	font-size:12px;
}
.mmenu-row *{
	float: left;
	clear: none;
}
.mmenu p{
	margin: 0px;
	padding: 0px;
}
.mmenu a{
	display: block;
	padding: 3px 9px;
	text-decoration: none !important;
}
.mmenu a.inline{
	display: inline;
	padding: 0px;
}
.mmenu a:hover{
	text-decoration: underline !important;
}
.mmenu label{
	margin: 0px;
	padding: 3px 9px;
	color: #000000;
}

.mmenu li a.mmenu-selected{
	background-color: #C5DDFA;
	background-image: url(css_modmenu_links.gif);
	background-repeat: repeat-x;
}
.mmenu li a.mmenu-selected:hover{
	text-decoration: none;
}

/**
* mmenu-append je druha radka modulemenu
* - obsahuje vnoreny mmenu-append-left, kvuli levemu rohu
*/

.mmenu-append {
	/*width: 100%;*/
	clear:both;
	margin: 0px;
	margin-top: -3px; /*prekryti borderu z mmenu*/
	padding: 0px;
	/*background-color: red;*/
	/*background-color: #FFFFCC;*/
	background-image: url(css_modmenu2_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 1%;
}

/**
* mmenu-append-left je vnoreno do mmenu-append
* - ma background pro 'levy roh'
* - background ale nema opakovani, takze krome leveho rohu
*	za nim 'prosvita' background z mmenu-append
* - veskery 'obsah radku' je pak v .mmenu-append-left
*/
.mmenu-append-left {
	/*width: 100%;*/
	background-image: url(css_modmenu2_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0px;
	margin-left: 0px;
	padding-left: 18px; /*odsazeni obahu v radku - tlacitek*/
}

/* Kalendar*/

.clsCalendar {
	margin-top:5px;
	margin-left:7px;
	margin-right:1px;
	/*width:100%;*/
	table-layout:fixed;
	border: 1px solid black;
	border-collapse:collapse;
}

.clsCalendar .clsCalendarDay {
	background-color:#f0f0f0;
	border-color: black;
	min-height: 90px; /*minimalni vyska bunky dne*/
	height: 90px;
	text-align: left;
}

.clsCalendar .clsCalendarDay h2 {
	margin:10px;
	font-size:13px;
	font-weight: bold;
	white-space:nowrap;
	overflow-x:hidden;
	text-align: center;
}

.clsCalendar .clsCalendarDay .highlight {
	color: red;
}

.clsCalendar .clsCalendarDay * img {
	width:12px;
	height:12px;
	vertical-align:middle;
}

.clsCalendar .clsCalendarDay .timesheet {
	float: left;
	width: 100%;
	table-layout:fixed;
}

.clsCalendar .clsCalendarDay .timesheet td {
	padding:1px;
	vertical-align:top;
	/*border:1px solid #f0f0f0;*/
	overflow-x:hidden;
	margin:0px;
	white-space: nowrap;
	cursor: pointer;
	text-align: left;
}

/*ruzna pozadi pro ruzne druhy udalosti*/
.clsCalendar .clsCalendarDay .timesheet .noevent {
	/*cursor: default;*/
}

.clsCalendar .clsCalendarDay .timesheet .event {
	background-color:#ffff99;
}
.clsCalendar .clsCalendarDay .timesheet .event:hover {
	background-color:#ffffdd;
}

.clsCalendar .clsCalendarDay .timesheet .activity {
  background-color:#CDE0EC;
}
.clsCalendar .clsCalendarDay .timesheet .activity:hover {
  background-color:#E1EEF6;
}

.clsCalendar .clsCalendarDay .timesheet .hour {
	text-align: right;
	font-size:9px;
	width:20px;
	padding-right:5px;
	cursor: default;
}

.clsCalendar .clsCalendarDay .timesheet * div {
	width: inherit;
	float: left;
	width:100%;
	overflow-x:hidden;
	margin:0px;
	white-space: nowrap;
}

.clsCalendar .clsCalendarDay .timesheet a {
	text-decoration: none;
	color: black;
}

.clsCalendar .clsCalendarDay .timesheet * .event_time {
	font-size: 9px;
}

.clsCalendar .clsCalendarDay .timesheet .activity .event_time {
	color: #0C529A;
}

.clsCalendar .clsCalendarDay .timesheet .event .event_time {
	color: #BD3300;
}


/*popup nahled na udalost*/
#cal_popup{
	position: absolute;
	visibility: hidden;
	z-index: 100;
	/*Stin pro efekt*/
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999, direction=135, strength=4);
}

/*multi day event*/
#cal_popup .multi{
	width: 200px;
	border: 2px solid #22723D;
	color: #0E6629;
	text-align: left;
	padding: 10px;
	background-color: #E1F8E8;
}
#cal_popup .event{
	width: 200px;
	border: 2px solid #BDBD02;
	color: #4C3705;
	text-align: left;
	padding: 10px;
	background-color: #ffffdd;
}
#cal_popup .activity{
	width: 200px;
	border: 2px solid #3C85B3;
	color: #244D91;
	text-align: left;
	padding: 10px;
	background-color: #E1EEF6;
}
#cal_popup * td.atr {
	font-style: italic;
	text-align:right;
	padding-right:5px;
}
.clsCtlMultipleTable {
	background-color: #FFFFFF;
	border: 1px solid #9999AA;
}
.clsCtlMultipleTable .clsFormTableBrowse{
	border: none;
	margin:0px;
}
.clsCtlMultipleTable td{
	border: none !important;
}
.clsSafeDeletedRecord{
	color: gray;
}

/* pro polozky main menu otevirane v framu */
a.mainmenu, a.mainmenu:active, a.mainmenu:visited, a.mainmenu:link{
	display:block;
	color: #000033;
	text-decoration: none;
	padding:3px;
	padding-left:4px;
}

a.mainmenu:hover{
	color:#0000dd;
}

img.button {
	border:	1px solid #333;
	background:	#ddd;
}
.center{text-align:center;}


.popupContainer {
	display:none;
	position: absolute;
	overflow:auto;
	z-index:9999;
	border: 1px solid #103060;
	background-color: #EFEFEF;
	padding: 0px;
	cursor:default;
}

/* styl pro anchor nebo div */
/* zobrazeni 'jako tlacitko' delane na vysku textoveho pole */
.buttonStyle {
	display:block;
	height:15px;
	text-decoration:none!important;
	border: 1px solid #cccccc;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 2px;
	padding-bottom: 1px;
	background-color: #f4f4f4;
	cursor:pointer;
}
.avatar{border:1px solid #CCCCCC;margin-left: 10px;}