/**************************** button ****************************/

/*---------------------------------------------------------*/
button.buttonRed {
  height: 22px;  font-size:11px;
  border: 1px #666666 solid; padding: 0px;
  background-image: url('images/bgRedButton.gif?project=ais');
  background-position: left top;
  background-repeat:repeat-x;
  color: #ffffff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  font-weight: bold;
}
button.buttonRed:hover {
  background-image: url('images/bgRedButtonExcited.gif?project=ais');
}

/* textove buttony - disablovane --------------------------------------------------------*/
/* zalezi na poradi */
button.buttonDefault[disabled="disabled"], button.buttonDefault[disabled$="disabled"],
button.buttonGray[disabled="disabled"], button.buttonGray[disabled$="disabled"],
button.buttonBlue[disabled="disabled"], button.buttonBlue[disabled$="disabled"],
button.buttonEnter[disabled="disabled"], button.buttonEnter[disabled$="disabled"],
button.buttonRed[disabled="disabled"], button.buttonRed[disabled$="disabled"]
{
  background-image: none;
  background-color: #E6E6E6;
}

/*---------------------------------------------------------*/
button.buttonWithIconOnly20, button.buttonWithIconOnly16, button.buttonWithIconOnly20x38,
button.buttonWithIconOnly20WithPopup, button.buttonWithIconOnly16WithPopup, button.buttonWithIconOnly20x38WithPopup,
button.buttonWithPopupOnly, button.buttonNumCode {
  border: none; padding: 1px;
  background-color: transparent;
}

button.buttonWithIconOnly20:hover, button.buttonWithIconOnly16:hover, button.buttonWithIconOnly20x38:hover,
button.buttonWithIconOnly20WithPopup:hover, button.buttonWithIconOnly16WithPopup:hover, button.buttonWithIconOnly20x38WithPopup:hover,
button.buttonWithPopupOnly:hover, button.buttonNumCode:hover {
  background-image: url('images/bgGrayButtonExcited.gif?project=ais');
  background-position: left top;
  background-repeat:repeat-x;
}
/*---------------------------------------------------------*/
button.buttonWithIconOnly20, button.buttonWithIconOnly20WithPopup,
button.buttonWithIconOnly20x38, button.buttonWithIconOnly20x38WithPopup,
button.buttonWithPopupOnly, button.buttonNumCode
{
  height: 22px;
}
button.buttonWithIconOnly20 {
  width: 22px;
}
button.buttonWithIconOnly20WithPopup {
  width: 32px;
}
button.buttonWithIconOnly20x38 {
  width: 38px;
}
button.buttonWithIconOnly20x38WithPopup {
  width: 48px;
}
button.buttonWithIconOnly20>div, button.buttonWithIconOnly20WithPopup>div,
button.buttonWithIconOnly20x38>div, button.buttonWithIconOnly20x38WithPopup>div {
  height: 20px;
}
button.buttonWithIconOnly20>div span, button.buttonWithIconOnly20WithPopup>div span,
button.buttonWithIconOnly20x38>div span, button.buttonWithIconOnly20x38WithPopup>div span {
  height: 20px;  text-align: center; line-height: 20px;
}

/*---------------------------------------------------------*/
button.buttonPouzivatel {
  border: none;
  background-color: transparent;
  height: 14px;
  line-height: 14px;
  padding: 0px;
}

button.buttonRozvrhTop {
  height: 100px;
  width: 100px;
}

button.buttonRozvrhTop>div {
  height: 98px;
  width: 98px;
}

button.buttonRozvrhTop {
  height: 100px;
  width: 100px;
}

button.buttonRozvrhTop>div {
  height: 98px;
  width: 98px;
}

button.buttonKolizia {
	height: 20px;
	width: 30px;
  	background-color: #C0C0C0;
}

button.buttonKoliziaSelected {
	height: 20px;
	width: 30px;
	border: 1px solid red;
  	background-color: #C0C0C0;
}

button.buttonKoliziaLightGreen {
  	height: 20px;
	width: 30px;
  	background-color: #CEEECC;
}

button.buttonKoliziaSelectedLightGreen {
  	height: 20px;
	width: 30px;
  	border: 1px solid red;
  	background-color: #CEEECC;
}

button.buttonKoliziaGreen {
  	height: 20px;
	width: 30px;
  	background-color: #008000;
}

button.buttonKoliziaSelectedGreen {
  	height: 20px;
	width: 30px;
  	border: 1px solid red;
  	background-color: #008000;
}

/**************************** input ****************************/

input[type="text"], input[type$="text"],
input[type="password"], input[type$="password"],
input[type="file"], input[type$="file"],
select, textarea{
	width: 100%;
}

input[type="text"]:disabled, input[type$="text"]:disabled,
input[type="password"]:disabled, input[type$="password"]:disabled,
input[type="file"]:disabled, input[type$="file"]:disabled,
select:disabled, textarea:disabled,
input[_readOnly="true"],
textarea[_readOnly="true"] {
  background-color: #f2f2f2;
  border: 1px solid #878787;
}

input.textFieldReadOnlyMandatory[_readOnly="true"],
input.dateControlReadOnlyMandatory[_readOnly="true"],
input.numberControlReadOnlyMandatory[_readOnly="true"] {
  background-color: #f5f4c8;
}

textarea.textAreaReadOnlyWhite[_readOnly="true"] {
  background-color: #ffffff;
}

input:focus, select:focus, textarea:focus {
  border-color: #878787;
  box-shadow: 0px 0px 2px 2px #00BFFE;
  -webkit-box-shadow: 0px 0px 2px 2px #00BFFE;
}

.textInputAuxiliaryArea input.tcReadOnly, textArea.textAreaReadOnly, .textAreaAuxiliaryArea textarea.tcReadOnly {
    border: 1px solid #878787;
}

/**************************** Label ****************************/

label.labelDefault, label.labelBold { font-size: 10px; }
label.labelDefault {
/*vo vsl je toto zmazane lebo zrusili zarovnanie napravo */
  text-align: right;
  overflow: hidden;
/**/
  white-space:nowrap;
}

label.labelBold{
  overflow: hidden;
  white-space:nowrap;
  text-overflow: ellipsis;
  padding-right: 1px;
}

/*************************   Panely   *************************/


div.panelWhiteWithBorder {
  background-color: #ffffff;
  border-top: 1px #a6a6a6 solid;
  border-bottom: 1px #a6a6a6 solid;
  border-left: 1px #a6a6a6 solid;
  border-right: 1px #a6a6a6 solid;
}

div.titleBase {
    margin-top: 0px;
    padding-top: 1px;
    position: absolute;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 19px;
}

/******************************   jedna zalozka (usko)   ******************************/

.tpSelectorButtonPrevious>div, .tpSelectorButtonNext>div, .tpSelectorButtonPopup>div,
.tpTab>div {
  margin: 0px 2px 0px 2px;
  height: 22px;
  border: 1px #a6a6a6 solid; border-bottom: none;
  color: #9b9c9e;
}

.tpSelectorButtonPrevious>div:hover, .tpSelectorButtonNext>div:hover, .tpSelectorButtonPopup>div:hover,
.tpTab>div:hover {
  color: #6f7072;
}


div.panelRozvrhoveOkienko {
  overflow:hidden; z-index: 50;
}

/****************************** List a CheckList ******************************/

.listSpan div table tr.selectedListRow {
  color: #ffffff;
  background-color: #4287db;
  background-image: none;
}

/****************************** htmlArea ******************************/

.htmlAreaOnRozvrhoveOkienko iframe { margin:2px; }

/****************************** specialne htmlArey ******************************/
/* messageHeader */

div.main-area {
  width: 100%; height: 100%; padding: 0px; margin: 0px; /* do not change */
  font-size: 11px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
  overflow-x: hidden; overflow-y: auto;
}

div.padding-area {
  font-size: 11px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
  padding: 4px;
}

table.data-table {
  font-size: 11px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
  width: 100%;
  background-color: #ffffff;
  /* border: 1px solid #888888; nemozeme mat, lebo width je 100%*/
  border-collapse: collapse;
}

tr.data-table-row         { height: 16px; }
tr.data-table-selectedRow { height: 16px; background-color: #00c0fe; }

table.data-table tr td {
  font-size: 11px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
  height: 12px;
  padding: 2px; padding-left: 4px; padding-right: 4px;
}

div.txt-file-main-area {
  width: 100%; height: 100%; padding: 0px; margin: 0px; /* do not change */
  background-color: #ffffff;
  overflow: auto;
}
.file-padding-area {
  padding: 6px;
}

div.txt-file {
  font-size: 11px; font-family: "Courier New", monospace;
  white-space: pre;
  xmax-height: 800px;
  width: 100%;
  xoverflow: visible;
}


/******************************   TVORBA ROZVRHU   ******************************/

button.buttonRozvrhBlue > div > div.buttonPopupArrow {
  margin-top: 0px;
}

button.buttonRozvrhBlueItalic > div > div.buttonPopupArrow {
  margin-top: 0px;
}

button.buttonRozvrhDarkBlue > div > div.buttonPopupArrow {
  margin-top: 0px;
}

button.buttonRozvrhDarkBlueItalic > div > div.buttonPopupArrow {
  margin-top: 0px;
}

button.buttonRozvrhBlueFontRed > div > div.buttonPopupArrow {
  margin-top: 0px;
}

button.buttonRozvrhBlueFontRedItalic > div > div.buttonPopupArrow {
  margin-top: 0px;
}

button.buttonRozvrhDarkBlueFontRed > div > div.buttonPopupArrow {
  margin-top: 0px;
}

button.buttonRozvrhDarkBlueFontRedItalic > div > div.buttonPopupArrow {
  margin-top: 0px;
}

button.buttonRozvrhDefault {
  border: 1px #666666 solid; padding: 0px !important;
  background-color: #f2f2f2 !important;
  color: #2F2F2F !important;
}

button.buttonRozvrhDefaultDarkBlue {
  border: 1px #666666 solid; padding: 0px !important;
  background-color: #073068 !important;
  color: white !important;
}

button.buttonRozvrhBlue {
  border: 1px #666666 solid; padding: 0px !important;
  background-color: #5CCFFD !important;
  color: #2F2F2F !important;
  text-align: left !important;
  padding-left: 2px !important;
  cursor: pointer !important;
}

button.buttonRozvrhBlueItalic {
  border: 1px #666666 solid; padding: 0px !important;
  background-color: #5CCFFD !important;
  color: #2F2F2F !important;
  text-align: left !important;
  padding-left: 2px !important;
  cursor: pointer !important;
  font-style: italic !important;
}

button.buttonRozvrhDarkBlue {
  border: 1px #666666 solid; padding: 0px !important;
  background-color: #073068 !important;
  color: white !important;
  text-align: left !important;
  padding-left: 2px !important;
  cursor: pointer !important;
}

button.buttonRozvrhDarkBlueItalic {
  border: 1px #666666 solid; padding: 0px !important;
  background-color: #073068 !important;
  color: white !important;
  text-align: left !important;
  padding-left: 2px !important;
  cursor: pointer !important;
  font-style: italic !important;
}

button.buttonRozvrhBlueFontRed {
  border: 1px #666666 solid; padding: 0px !important;
  background-color: #5CCFFD !important;
  color: red !important;
  text-align: left !important;
  padding-left: 2px !important;
  cursor: pointer !important;
}

button.buttonRozvrhBlueFontRedItalic {
  border: 1px #666666 solid; padding: 0px !important;
  background-color: #5CCFFD !important;
  color: red !important;
  text-align: left !important;
  padding-left: 2px !important;
  cursor: pointer !important;
  font-style: italic !important;
}

button.buttonRozvrhDarkBlueFontRed {
  border: 1px #666666 solid; padding: 0px !important;
  background-color: #073068 !important;
  color: red !important;
  text-align: left !important;
  padding-left: 2px !important;
  cursor: pointer !important;
}

button.buttonRozvrhDarkBlueFontRedItalic {
  border: 1px #666666 solid; padding: 0px !important;
  background-color: #073068 !important;
  color: red !important;
  text-align: left !important;
  padding-left: 2px !important;
  cursor: pointer !important;
  font-style: italic !important;
}

.checkBox.checkBoxRed {
	background-color: red !important;
	margin: 2px;
	width: 115px !important;
	border-color: 1px solid black !important;
}

.checkBox.checkBoxGreen {
	background-color: green !important;
	margin: 2px;
	width: 115px !important;
	border-color: 1px solid black !important;
}

/******************************   ZIADOSTI O UBYTOVANIE   ******************************/
button.buttonZPridanie {
  border: none;
  background-color: transparent;
  height: 20px;
  line-height: 20px;
  text-decoration: underline;
  padding: 0px;
  cursor: pointer;
  color: #0000FF !important;
  text-align: center;
}

label.labelZPridanie {
  background-color: transparent;
  color: #0000FF !important;
  text-align: left;
}

button.buttonZAktualizacia {
  border: none;
  background-color: transparent;
  height: 20px;
  line-height: 20px;
  text-decoration: underline;
  padding: 0px;
  cursor: pointer;
  color: #00A000 !important;
  text-align: center;
}

label.labelZAktualizacia {
  background-color: transparent;
  color: #00A000 !important;
  text-align: left;
}

button.buttonZReadOnly {
  border: none;
  background-color: transparent;
  height: 20px;
  line-height: 20px;
  text-decoration: underline;
  padding: 0px;
  cursor: pointer;
  color: #000000 !important;
  text-align: center;
}

label.labelZReadOnly {
  background-color: transparent;
  color: #282828 !important;
  text-align: left;
}

button.buttonZPridanieSel {
  border: 1px #808080 solid; padding: 0px !important;
  background-color: transparent;
  height: 20px;
  line-height: 20px;
  text-decoration: underline;
  padding: 0px;
  cursor: pointer;
  color: #0000FF !important;
  text-align: center;
}

button.buttonZAktualizaciaSel {
  border: 1px #808080 solid; padding: 0px !important;
  background-color: transparent;
  height: 20px;
  line-height: 20px;
  text-decoration: underline;
  padding: 0px;
  cursor: pointer;
  color: #00A000 !important;
  text-align: center;
}

button.buttonZReadOnlySel {
  border: 1px #808080 solid; padding: 0px !important;
  background-color: transparent;
  height: 20px;
  line-height: 20px;
  text-decoration: underline;
  padding: 0px;
  cursor: pointer;
  color: #000000 !important;
  text-align: center;
}

/*** nevedel som zarovnat do prava ***/
label.labelStrictSize2
{
  white-space:nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

fileInput.fileInputWithIconOnly
{
  border: none; padding: 1px;
  background-color: transparent;
  height: 28px;
  width: 28px;
  padding: 0px;
  cursor: pointer;
}

fileInput.fileInputEnter {
  height: 22px;  font-size:11px;
  border: 1px #666666 solid; padding: 0px;
  background-image: url('images/bgRedButton.gif?project=ais');
  background-position: left top;
  background-repeat:repeat-x;
  color: #FFFFFF;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  font-weight: bold;
}

fileInput.fileInputEnter[disabled="disabled"], fileInput.fileInputEnter[disabled$="disabled"]
{
  background-image: none;
  background-color: #E6E6E6;
}