/* Globalni nastaveni */
body{
  font-family: Verdana;
  font-size: 10px;
  background-color: #7190E0;
  margin: 0pt;
}

/*Styl orientacniho zahlavi*/
.divHead{
  font-size: 16px;
  font-variant: small-caps;
  font-weight: bold;
  color: white;
  position: absolute;
  top: 2px;
  padding-left: 8px;
}

/*Styl praveho orientacniho zahlavi*/
.divHeadRight{
  font-size: 16px;
  font-variant: small-caps;
  font-weight: bold;
  color: white;
  position: absolute;
  top: 2px;
  right: 2%;
  padding-left: 8px;
}

/* Styl napovedneho textu v uvodu obrazovky */
.divHint{
  padding-left: 10px;
  margin-bottom: 5px;
}

/* Modra sekce pro zadavani podminek */
.divCondition{
  background-color: #9CB4F0;
  border: 1px solid silver;
  margin: 9px;
  padding: 5px;
  width: 70%;
  height: 110px;
}

/* Tabulka s fixnim zahlavim */
.divOutput{
  clear: left;
  width: 1329px;
  height: 680px;
  margin: 9px;
  border: 1px solid #CCC;
  overflow-y: auto;   /* ve FF posuvnik divu skryju, na rolovani se pouzije posuvnik tbody */
}

.divOutput table{
  float: left;
  width: 1329px;
  table-layout: fixed;
  overflow: hidden;
} 

.divOutput table thead tr{
  height: 30px;
  background-color: #D6DFF7;
  text-align: center;
  position: relative;
  top: expression(offsetParent.scrollTop); /*IE5+ only*/
}

.divOutput table tbody{
  width: 100%;
  height: 650px;
  overflow-y: scroll; /* ve FF zobrazim posuvnik tbody */
  overflow-x: hidden; /* ve FF skryju posuvnik tbody */
}

/* Oramovani bunek */
.divOutput table td{
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
  cursor: pointer;
}

.divOutput table td.black{
  border-bottom: 1px solid black;
  border-right: 1px solid #CCC;
  cursor: pointer;
}

.divOutput table tr{
  background-color: #FFF;
  height: 25px;
}

/* Posledni sloupecek s cenou ve fakturaci ma zarovnani textu doprava */
.fakturace td:last-child{
  text-align: right;
}

/* Formatovani radku s mezisouctem */
td.mezisoucet{
  text-align: right;
}

/* Modifikace pro cenik */
.smaller{
  height: 550px;
}

.smaller table tbody{
  height: 520px;
}

/* Modifikace pro tabulku HP */
.hp{
  height: 120px;
}

.hp table tbody{
  height: 90px;
}

/* Modifikace pro tabulku univerzal */
.univerzal{
  height: 120px;
}

.univerzal table tbody{
  height: 90px;
}

/* Modifikace pro tabulku ucelene */
.ucelene{
  height: 240px;
}

.ucelene table tbody{
  height: 210px;
}

/* Styly pro formatovaci radek */
.divOutput table thead tr.formatovaci{
  height: 0pt;
}

.divOutput table thead tr.formatovaci td{
  border-bottom: 1px solid #D6DFF7;
  border-right: 1px solid #D6DFF7;
}

/* ****************************** */

/* Styl zvyrazneni bunky po zmene */
.changed {
  background-color: #FFC0FF;
}

/* Textovy input pro zadavani */
.tabInput {
  border: none;
  background-color: #C0FFFF;
  width: 100%;
  font-size: 12px;
}

/* Styl pro oddelovac nocnich vlaku */
.divOutput table tr.trNocniVlak{
  background-color: #D0D0D0;
  height: 25px;
}


/* Select pro vybirani polozek */
.divOutput table select{
  font-family: Verdana;
  font-size: 10px;
  width: 100%;      /* aby se vlezli presne do bunek tabulky */
  cursor: pointer;
}

/* Span na odsazeni tlacitek */
span.odsazovac{
  float: left;
  width: 150px;
}

/* Styly tlacitek */
input.tlacitko{
  background: #EFEFEF url("../images/bg_button.gif");
  border: 1px solid #666;
  font-family: Verdana;
  font-size: 14px;
  font-weight: bold;
  padding: 1px 3px 0 3px;
  margin-right: 15px;
  cursor: pointer;
}

input.buttonek{
  background: #CCC;
  font-family: Verdana;
  font-size:10px;
  float: left;
}
  
/* Zvyrazneni bunky pri prohazovani poradi */
.poradiSelected {
  background-color: #F7BD46;
}

/* Styl pro tabulku manipulace s cenikem */
.divCenikSelect{
  background: #7190E0;
  border: 1px solid #CCC;
  width: 310px;
  float: left;
  margin: 0px 100px 10px 10px;
}

.divCenikSelect table thead tr{
  background-color: #D6DFF7;
}

/* Oramovani bunek */
table.tabCenikSelect td{
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
  cursor: pointer;
}

/* Barevna vypln bunek */
table.tabCenikSelect tbody tr{
  background-color: #FFF;
}

/* ******************************** */

/* Styly pro optiony v selectu fakturace */
.optCervena{
  color: red;
}

.optModra{
  color: blue;
}

/* Styl pro cerveny span, kdyz ukon pro urcity den byl jiz zadan */
.spnJizZadano{
  font-weight: bold;
  color: red;
}

/* Skryte elementy */
.hidden{
  display: none;
}

/* Styl pro div na rozklikavani tabulek HP a univerzal */
.divRozklik{
  margin: 9px;
}

/* Styl pro centrovani */
.centered{
  text-align: center;
}

.bold{
  font-weight: bold;
}

/* Styl pro zaskrtnuti bunky pri vyberu poctu anonymnich vozu v zadavanich ukonech v depu */
.anonymSelected{
  background: url(../images/select.png) center no-repeat;
}

.anonymVodaSelected{
  background: url(../images/voda.gif) center no-repeat;
}

/* Styl pro oddelovac nocnich vlaku v zadavani ukonu ve stanici */
.divOutput table tr.oddelovacNocni {
  height: 5px;
  background-color: #32B6CD;
}

/* Styly pro autorizacni formular */
.divAuthorize {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  float: none;
  height: 180px;
  width: 300px;
  top: 170px;
  border: thin solid #7FBAFF;
  font-weight: bold;
  overflow: hidden;
  position: relative;
  left: 50%;
  margin-left: -150px;
}
.divAuthorize p {
  position: relative;
  left: 10px;
}
.divAuthorize input {
  position: absolute;
  left: 40%;
  width: 140px;
}

.divAuthorize select {
  position: absolute;
  left: 40%;
  width: 140px;
}

.divAuthorize table{
  width: 300px;
  height: 40px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  background-color: #7FBAFF;
  table-layout:fixed;
  text-align: center;
  vertical-align: middle;
}

/* ******************************************** */

/* Styly pro tabulku kalendare v zadavani ukonu */
/* ********** CASEM PREDELAT ****************** */
.divZadavaniUkonu{
  background-color: #EEE;
  border: 1px solid #CCC;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 30px;
  width: 650px;
}

.tabKalendar { 
  font-family: Verdana; 
  font-size:12px; 
}

.tabKalendar td {
  text-align: center;
  vertical-align: top;
}

.tabKalendar .core { 
  padding:2px; 
  border-right:1px solid #000; 
  border-bottom:1px solid #000; 
  cursor:pointer; 
}
.tabKalendar .coretop { 
  padding:2px; 
  border-right:1px solid #000; 
  border-top:1px solid #000; 
  border-bottom:1px solid #000; 
  cursor:pointer; 
}
.tabKalendar .coreleft { 
  padding:2px; 
  border-left:1px solid #000; 
  border-right:1px solid #000; 
  border-bottom:1px solid #000; 
  cursor:pointer; 
}
.tabKalendar .corelefttop { 
  padding:2px; 
  border-left:1px solid #000;
  border-right:1px solid #000; 
  border-top:1px solid #000; 
  border-bottom:1px solid #000; 
  cursor:pointer; 
}

/* ************************************************* */

.copy {
	color: #80FFFF;
	font-size: 10px;
	font-weight: bold;
}