. {
   FONT-SIZE: 8pt;
   FONT-FAMILY: Verdana;
}

td {
   font-size: 8pt;
   font-family: Verdana;
}

input {
   font-size: 8pt;
   font-family: Verdana;
}

marquee {
   background-color: #9e1e1e;
   color: White;
   padding: 5px 5px 5px 5px;
   font-weight: bold;
   margin: 5px 0px 10px 0px;
   cursor: pointer;
}


.aslText, .aslCaption {
   font-size: 8pt;
   font-family: Verdana;
   color: #000000;
}

.aslCaption {
   font-weight: bold;
}

.aslSmallText {
   font-size: 7pt;
   font-family: Verdana;
   color: #000000;
}

td.aslTextRed {
   color: #DD0000;
   font-weight: bold;
}

div.aslTextRed {
   color: #DD0000;
   font-weight: bold;
   padding: 5px 0px 5px 0px;
   font-size: 8pt;
   font-family: Verdana;
}

div.aslTextRedSmall {
   color: #DD0000;
   padding: 5px 0px 5px 0px;
   font-size: 7pt;
   font-family: Verdana;
}

.aslTextBlue {
   color: #000089;
   font-weight: bold;
   font-size: 8pt;
   font-family: Verdana;
}

.aslTextGreen {
   color: #009A00;
   font-weight: bold;
}

.aslTextGrey {
   color: #696969;
   font-weight: bold;
   font-size: 8pt;
   font-family: Verdana;
}

div.aslNadpis {
   border-top: solid 1px #696969;
   border-bottom: solid 1px #696969;
   font-size: 8pt;
   font-family: Verdana;
   font-weight: bold;
   color: #696969;
   padding: 2px 0px 4px 0px;
   margin-bottom: 8px;
}

   div.aslNadpis img {
      padding: 0px 0px 0px 0px;
      margin: 0px 10px 0px 0px;
      vertical-align: text-bottom;
   }

div.aslNadpis2 {
   margin: 0px 0px 0px 0px;
   padding: 5px 10px 5px 10px;
   font-size: 7pt;
   font-family: Verdana;
   font-weight: bold;
   color: #dd0000;
}

div.aslWindowBlue, div.aslWindowOrange {
   width: 100%;
}

h2.aslWindowBlue, h2.aslWindowOrange {
   margin: 0px 0px 0px 0px;
   padding: 5px 10px 5px 10px;
   font-size: 8pt;
   font-family: Verdana;
   font-weight: bold;
   text-align: center;
}

div.aslWindowBlue div, div.aslWindowOrange div {
   padding: 8px 8px 8px 8px;
}

a.aslWindowOrange {
   font-weight: bold;
   color: #ff842a;
}

div.aslWindowBlue {
   border: solid 1px #9D9E9C;
}

h2.aslWindowBlue {
   background-color: #9D9E9C;
}

div.aslWindowOrange {
   border: solid 1px #9D9E9C;
}

h2.aslWindowOrange {
   background-color: #ff842a;
   color: #fff1e7;
}


div.aslPopis {
   font-size: 8pt;
   font-family: Verdana;
   color: #444444;
   padding: 0px 0px 6px 0px;
   margin-bottom: 10px;
   text-align: justify;
   line-height: 18px;
}

td.aslNadpis2 {
   font-size: 8pt;
   font-family: Verdana;
   color: #696969;
   padding: 6px 0px 12px 5px;
   font-weight: bold;
   font-style: italic;
}

/* Edit panel */
.aslEditTop {
   background-color: #e1a000;
   color: White;
   font-weight: bold;
   font-family: Verdana;
   font-size: 8pt;
   padding: 3px 3px 3px 3px;
   border-bottom: solid 1px #ffffff;
}

.aslEditPanel {
   background-color: #FFF0A4;
   color: #a27300;
   font-weight: bold;
   font-family: Verdana;
   font-size: 8pt;
}

.aslPanelBtm {
   background-color: #FFF0A4;
   color: #a27300;
   padding: 5px 5px 5px 5px;
   border-top: solid 1px #ffffff;
}


/* MAIL Panel Modry Info */
TABLE.aslPanelMail, TD.aslPanelMail, TD.aslPanelMail2, TD.aslPanelTopMail {
   font-family: Verdana;
   font-size: 8pt;
}

TD.aslPanelTopMail {
   background-color: #3E6C88;
   color: White;
   font-weight: bold;
   padding: 5px 5px 5px 5px;
   border-bottom: solid 1px #ffffff;
}

TABLE.aslPanelMail {
   background-color: #97BAC5;
   color: #000000;
   font-weight: bold;
}

TD.aslPanelMail {
   background-color: #97BAC5;
   padding: 2px 5px 2px 5px;
}

TD.aslPanelMail2 {
   background-color: #D5DDE3;
   padding: 2px 5px 2px 5px;
}

INPUT.aslPanelMail, TEXTAREA.aslPanelMail {
   border-left: #696969 1px solid;
   border-top: #696969 1px solid;
   border-bottom: white 1px solid;
   border-right: white 1px solid;
}

/* TabStrip */

table.aslTab {
   margin-bottom: 10px;
   width: 100%;
}

td.aslTabItem, TD.aslTabItemOver, TD.aslTabItemSelected {
   height: 17px;
   vertical-align: middle;
   text-align: center;
   font-family: Verdana;
   font-size: 7pt;
   padding: 2px 8px 2px 8px;
   text-decoration: none;
   /*
	border-left: solid 1px #FFFFFF;
	border-left: solid 1px #FFFFFF;
	border-top: solid 1px #000000;
	border-left-style: solid; 
	border-left-color: #9BBEC8; 
	border-left-width: 1px;
	border-right-style: solid; 
	border-right-color: #75A4B3; 
	border-right-width: 1px;
	*/
}

td.aslTabItem {
   background-color: #DBD8D1;
   color: #000000;
   cursor: pointer;
   border-left: solid 1px #9D9E9C;
   border-top: solid 1px #9D9E9C;
}

td.aslTabItemOver {
   background-color: #9D9E9C;
   color: #FFFFFF;
   font-weight: bold;
   cursor: pointer;
}

td.aslTabItemSelected {
   background-color: #646666;
   color: #FFFFFF;
   font-weight: bold;
}

td.aslTabItemEnd {
   border-left: solid 1px #9D9E9C;
}

.aslTabContent {
   border: solid 1px #9D9E9C;
   padding: 10px 10px 10px 10px;
   vertical-align: top;
}


/* aslEditButtons */
.aslEditButtonPanel {
   border: solid 1px #848685;
   color: #FFFFFF;
   font-weight: bold;
   padding: 6px 10px 6px 10px;
   margin-bottom: 8px;
}

/* standart tlačítko */
input.aslButton, input.aslButtonOver {
   background-color: #DBD8D1;
   border: #848685 1px solid;
   color: #000000;
   font-family: Verdana;
   font-size: 7pt;
   cursor: pointer;
   padding: 2px;
}

input.aslButtonOver {
   background-color: #646666;
   color: white;
   font-weight: bold;
}

/* červené tlačítko */
input.aslButtonRed, input.aslButonRedOver {
   border-bottom: #696969 1px solid;
   border-right: #696969 1px solid;
   border-top: white 1px solid;
   border-left: white 1px solid;
   background-color: #dd0000;
   color: white;
   font-family: Arial;
   font-size: 8pt;
   height: 18px;
   cursor: pointer;
}

input.aslButtonRedOver {
   background-color: #FFFAC1;
   color: Black;
}


/* Tlačítko modré  */
input.aslButtonBlue, input.aslButtonBlueOver {
   border-bottom: #696969 1px solid;
   border-right: #696969 1px solid;
   border-top: white 1px solid;
   border-left: white 1px solid;
   background-color: #3E6C88;
   color: white;
   font-family: Arial;
   font-size: 8pt;
   height: 18px;
   width: 80px;
   cursor: pointer;
}

input.aslButtonBlueOver {
   background-color: #CEDEE4;
   color: Black;
}


/* červené tlačítko */
input.aslButtonGreen, input.aslButtonGreen {
   border-bottom: #696969 1px solid;
   border-right: #696969 1px solid;
   border-top: white 1px solid;
   border-left: white 1px solid;
   background-color: #006600;
   color: white;
   font-family: Arial;
   font-size: 8pt;
   height: 18px;
   cursor: pointer;
}

input.aslButtonGreenOver {
   background-color: #FFFAC1;
   color: Black;
}


/* GRID */
table.aslGrid {
   FONT-SIZE: 8pt;
   FONT-FAMILY: Verdana;
   BACKGROUND-COLOR: white;
}

td.aslGridHeader, td.aslGridFilter, input.aslGridFilterButton {
   FONT-SIZE: 8pt;
   FONT-FAMILY: Verdana;
   padding-left: 5px;
   padding-right: 5px;
}

/* TOP MENU FILTER */
tr.aslGridTopMenuFilter {
   background-color: #646666;
   font-size: 7pt;
   font-family: Verdana;
}

td.aslGridTopMenuFilter, td.aslGridTopMenuFilterOver, td.aslGridTopMenuEnd {
   height: 17px;
   vertical-align: middle;
   text-align: center;
   font-family: Verdana;
   font-size: 7pt;
   cursor: pointer;
   padding-left: 5px;
   padding-right: 5px;
   text-decoration: none;
}

td.aslGridTopMenuFilter {
   background-color: #646666;
   color: #e3e3e3;
}

td.aslGridTopMenuFilterOver {
   background-color: #e3e3e3;
   color: #646666;
}

/* GRID HEADER FILTER */
tr.aslGridHeaderFilter {
   background-color: #97BAC5;
   FONT-SIZE: 8pt;
   FONT-FAMILY: Verdana;
}

td.aslGridHeaderFilter, td.aslGridHeaderFilterOver {
   height: 17px;
   vertical-align: middle;
   text-align: center;
   color: #000000;
   font-family: Verdana;
   font-size: 8pt;
   padding: 1px;
   border-left-style: solid;
   border-left-color: #9BBEC8;
   border-left-width: 1px;
   border-right-style: solid;
   border-right-color: #75A4B3;
   border-right-width: 1px;
   cursor: pointer;
   padding-left: 5px;
   padding-right: 5px;
   text-decoration: none;
}

.aslGridHeaderFilter {
   background-color: #8DB3C0;
}

.aslGridHeaderFilterOver {
   background-color: #CEDEE4;
}

td.aslGridHeader {
   color: White;
   BACKGROUND-COLOR: #3E6C88;
   FONT-SIZE: 7pt;
   cursor: pointer;
}

td.aslGridAddNew {
   FONT-WEIGHT: bold;
   color: White;
   BACKGROUND-COLOR: #3E6C88;
   cursor: pointer;
}

td.aslGridFilter {
   FONT-WEIGHT: bold;
   FONT-SIZE: 7pt;
   FONT-FAMILY: Verdana;
   COLOR: White;
   BACKGROUND-COLOR: #C7DAE0;
}

input.aslGridFilterInput, input.aslGridInput, input.aslGridInputFocused {
   border-left: #696969 1px solid;
   border-top: #696969 1px solid;
   border-bottom: white 1px solid;
   border-right: white 1px solid;
}

input.aslGridFilterInput {
   background-color: #FFFAC1;
}

/* GRID TAB CSS */
.aslGridTab, .aslGridTabEnd, .aslGridTabSel, .aslTabFilter, .aslTabFilterEnd, .aslTabFilterSel {
   height: 17px;
   vertical-align: middle;
   text-align: center;
   font-family: Verdana;
   font-size: 7pt;
   padding: 2px 8px 2px 8px;
   text-decoration: none;
   border-left: solid 1px #9D9E9C;
}

.aslGridTabSel, .aslTabFilterSel {
   background-color: #646666;
   color: #FFFFFF;
   font-weight: bold;
   border-top: solid 1px #9D9E9C;
}

.aslGridTab, .aslTabFilter {
   background-color: #DBD8D1;
   color: #000000;
   border-top: solid 1px #9D9E9C;
   cursor: pointer;
}

/* GRID TAB BTM CSS */
.aslGridTabBtm, .aslGridTabBtmEnd, .aslGridTabBtmSel {
   height: 17px;
   vertical-align: middle;
   text-align: center;
   font-family: Verdana;
   font-size: 7pt;
   padding: 2px 8px 2px 8px;
   text-decoration: none;
   border-left: solid 1px #9D9E9C;
}

.aslGridTabBtmSel {
   background-color: #646666;
   color: #FFFFFF;
   font-weight: bold;
   border-bottom: solid 1px #9D9E9C;
}

.aslGridTabBtm {
   background-color: #DBD8D1;
   color: #000000;
   border-bottom: solid 1px #9D9E9C;
   cursor: pointer;
}

/* EDIT PAGE*/
input.aslEditCtrl, input.aslEditCtrlRed {
   border: #696969 1px solid;
}

input.aslEditCtrlRequired {
   border: #DD0000 1px solid;
}

td.aslEditCtrl, td.aslEditCtrlRequired {
   color: #696969;
   font-weight: bold;
   font-size: 8pt;
   padding: 2px 5px 2px 5px;
}

span.aslEditCtrl {
   color: #696969;
   font-weight: bold;
   font-size: 8pt;
   padding: 2px 5px 0px 5px;
}

td.aslEditCtrlRed {
   color: #DD0000;
   font-weight: bold;
   font-size: 8pt;
   padding: 2px 5px 2px 5px;
}

select.aslEditCtrl, select.aslEditCtrlRequired {
   font: 8pt;
   width: 100%;
}

textarea.aslEditCtrl {
   FONT-SIZE: 8pt;
   FONT-FAMILY: Verdana;
   border: #696969 1px solid;
}

textarea.aslEditCtrlRequired {
   font-size: 8pt;
   font-family: Verdana;
   border: #DD0000 1px solid;
}

span.aslTextAfter {
   color: #696969;
   font-weight: normal;
   font-size: 8pt;
}

input.aslCheckBox {
   font-size: 8pt;
   font-family: Verdana;
   /* height : 15px; */
   margin-bottom: 0px;
}

a.aslA {
   color: #646666;
   font-size: 8pt;
   font-family: Verdana;
   font-weight: bold;
   text-decoration: underline;
   cursor: pointer;
}

   a.aslA:hover {
      color: #ee0000;
   }


/* Grid styles */
td.aslGridFilterClick {
   FONT-WEIGHT: bold;
   CURSOR: pointer;
   COLOR: #333333;
   BACKGROUND-COLOR: #C7DAE0;
}

td.aslGridFooter1 {
   font-style: italic;
   FONT-SIZE: 7pt;
   COLOR: White;
   FONT-FAMILY: Verdana;
   BACKGROUND-COLOR: #3E6C88;
   padding: 2px 10px 2px 50px;
}

table.aslGridButtons {
   margin: 1px 10px 1px 10px;
}

td.aslGridDetail {
   padding-left: 5px;
   padding-right: 5px;
}

INPUT.aslGridCheckBox {
   font-size: 8pt;
   FONT-FAMILY: Verdana;
   height: 15px;
}


table.aslGridEven, table.aslGridOdd, table.aslGridSelected {
   width: 100%;
   border: solid 1px black;
}

table.aslGridEven {
   background-color: #D5DDE3;
}

table.aslGridOdd {
   background-color: #E2E8EC;
}

table.aslGridSelected {
   background-color: #FFFAC1;
}

tr.aslGridRowEven {
   background-color: #D5DDE3;
   height: 22;
}

tr.aslGridRowOdd {
   background-color: #E2E8EC;
   height: 22;
}

tr.aslGridRowSelected {
   background-color: #FFFAC1;
   height: 22;
}


.aslGridBtn {
   BORDER-RIGHT: black 1px solid;
   BORDER-TOP: white 1px solid;
   FONT-WEIGHT: normal;
   FONT-SIZE: 9pt;
   BORDER-LEFT: white 1px solid;
   WIDTH: 40px;
   CURSOR: pointer;
   COLOR: #333333;
   BORDER-BOTTOM: black 1px solid;
   FONT-FAMILY: Verdana;
   BACKGROUND-COLOR: #ffb366;
}

.aslOrderBtn {
   border: 0;
}

a.aslGridOrder {
   padding: 0 1 0 1;
   font-weight: bold;
   font-size: 8pt;
   cursor: pointer;
   color: White;
   font-family: Verdana;
   text-decoration: none;
}

span.aslGridHeaderNote {
   color: #c5cbd0;
   padding-left: 4px;
}

A.aslGridNav {
   margin: 0 0 0 0;
   font-weight: bold;
   font-size: 7pt;
   cursor: pointer;
   color: #000033;
   font-family: Verdana;
}


select.aslGridComboBox {
   font: 8pt;
   width: 100%;
}

.aslGridStatus {
   color: White;
   font-style: italic;
}

/* Grid edit button */
.aslGridEditButton, .aslGridEditButtonOver {
   width: 80px;
   vertical-align: middle;
   text-align: center;
   color: #000000;
   font-family: Arial;
   font-size: 7pt;
   padding: 1px;
   height: 17px;
   /*
border-left-style: solid; 
border-left-color: #9BBEC8; 
border-left-width: 1px;
border-right-style: solid; 
border-right-color: #75A4B3; 
border-right-width: 1px;
*/
   border: solid 1px #FFFFFF;
   cursor: pointer;
   padding-left: 10px;
   padding-right: 10px;
   text-decoration: none;
}

.aslGridEditButton {
   background-color: #C7DAE0;
}

.aslGridEditButtonOver {
   background-color: #97BAC5;
   font-weight: bold;
}

.aslTextBoxSelVal {
   cursor: pointer;
   margin: 0px 0px 0px 5px;
   padding-top: 0px;
   vertical-align: top;
}

.aslGridFilterSelImg {
   cursor: pointer;
   margin: 0px 0px 0px 1px;
}

.aslBodySelval {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   background-color: #DBD8D1;
}

.aslSelValHeader {
   padding: 1px 3px 3px 3px;
   font-size: 8pt;
   font-family: Arial;
   background-color: #cc0000;
   color: #ffffff;
}

img.aslImage {
   border: 0px;
}

.aslImageButton td, .aslImageButtonOver td {
   text-align: center;
   font-weight: bold;
   cursor: pointer;
   font-family: Arial;
   font-size: 8pt;
   vertical-align: middle;
   padding: 5px 5px 5px 5px;
   margin: 2px 5px 2px 5px;
}

.aslImageButton td {
   color: #696969;
}

.aslImageButtonOver td {
   color: #dd0000;
   font-weight: bold;
}

div.aslImageButton img {
   margin-bottom: 5px;
}


table.aslFilter {
   width: 100%;
}

td.aslTD {
   border: solid 1px #9D9E9C;
   padding: 5px 3px 5px 3px;
   vertical-align: top;
}

td.aslRedTextWithBorder {
   border: solid 1px #9D9E9C;
   padding: 5px 3px 5px 3px;
   vertical-align: top;
   color: #DD0000;
   font-weight: bold;
}

td.aslStatusBtn {
   cursor: pointer;
   padding-left: 10px;
}

td.aslCellWithBottomSeparator {
   border-bottom: 1px dotted gray;
   padding-bottom: 6px;
   margin-bottom: 6px;
}

hr.aslHorizontalLine {
   height: 1px;
   border: none;
   border-bottom: 1px dotted gray;
}

div.aslDivBorderGrey {
   border: solid 1px #848685;
   color: #696969;
   padding: 3px 3px 3px 3px;
}

/* ---------------------------------- aslGridFilterPanel ----------------------------------*/

.aslGridFilterPanel {
   background-color: #646666;
   padding-left: 3px;
   padding-right: 2px;
   padding-top: 1px;
   padding-bottom: 1px;
}

.aslGridFilterPanelCtrlCaption {
   white-space: nowrap;
   font-size: 10px;
   color: #DCDCDC !important;
   font-weight: bold;
   padding-left: 4px;
}

.aslGridFilterPanelCtrl select {
   font-size: 12px;
   background-color: #797A7A;
   color: #ffffff;
   box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.25);
   -webkit-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.25);
   -moz-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.25);
   border-radius: 3px;
   border: 1px solid #b8babc;
   appearance: none;
   -moz-appearance: none;
   -webkit-appearance: none;
   background-image: url('../asl_forms/images/arrow_down.png');
   background-repeat: no-repeat;
   background-position: right 1px center;
   /*padding: 2px 23px 2px 2px;*/
   line-height: 18px;
   padding-left: 4px;
   padding-right: 17px;
   height: 20px;
}

   .aslGridFilterPanelCtrl select::-ms-expand {
      display: none;
   }

/* ---------------------------------- aslPanel ----------------------------------*/

.aslPanel {
   width: 100%;
   /*border: 1px solid #4b4a4a;*/
   -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
   -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
   box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5);
}

.aslPanelHeader {
   text-align: center;
   height: 28px;
   line-height: 28px;
   font-size: 16px;
   background-repeat: no-repeat;
   background-position: left 4px center;
   -moz-background-size: 20px;
   -o-background-size: 20px;
   -webkit-background-size: 20px;
   background-size: 20px;
   /*border-bottom: 1px solid #4b4a4a;*/
}

.aslPanelContent {
   padding: 10px;
}


/* ---------------------------------- aslFavoriteLinkPanel ----------------------------------*/

.aslFavoriteLinkPanel {
}


.aslFavoriteLink, .aslFavoriteLinkEdit {
   display: inline-block;
   border: 1px dotted #696969;
   padding: 6px;
   margin: 3px;
   color: #000000;
   text-decoration: none;
   width: 92px;
   height: 85px;
}

.aslFavoriteLink {
   cursor: pointer;
}

   .aslFavoriteLink:hover {
      background-color: #FFFAC1 !important;
   }

.aslFavoriteLinkEdit {
   height: 105px;
   border: 1px dashed #000000;
}

.aslFavoriteLinkIcon {
   text-align: center;
}

   .aslFavoriteLinkIcon img {
      width: 57px;
   }

.aslFavoriteLinkTitle {
   margin-top: 2px;
   font-size: 11px;
   width: 100%;
   height: 30px;
   display: table;
}

   .aslFavoriteLinkTitle span {
      display: table-cell;
      vertical-align: middle;
      text-align: center;
   }

.aslFavoriteLinkEditPanel {
}

   .aslFavoriteLinkEditPanel img {
      padding: 2px;
   }

.aslFavoriteLinkStartStopEditPanel {
   margin-left: 6px;
   margin-bottom: 3px;
}

   .aslFavoriteLinkStartStopEditPanel span {
      color: #808080;
      font-size: 12px;
   }

      .aslFavoriteLinkStartStopEditPanel span:hover {
         cursor: pointer;
         color: #c40505;
      }


/* ---------------------------------- aslFavoriteLinkPanel ----------------------------------*/

.aslColorGrey {
   color: #537bd9;
}

.aslSiteMap {
   margin-bottom: 5px;
   font-family: Verdana;
   font-size: 8pt;
   font-weight: bold;
   display: block;
}

.aslSiteMapNode {
   color: #000089;
   padding: 2px;
}