/*** PAGE PROPERTIES ***/

IMG {
  behavior: url("https://helpdesk.ambro-systems.cz/helpdesk/pngbehavior.htc");
}

BODY {
  background-color: #FFFFFF;
  color:            #000000;
  font-family:      Arial, Helvetica;
  font-size:        11px;
  margin-left:      4px;
  margin-top:       4px;
}

TD {
  font-family:      Arial, Helvetica;
  font-size:        11px;
}

LI {
  margin-top: 5px;
}

FORM {
  display: inline;
  margin: 0px;
  padding: 0px;
}

label {
  display: block;
  font-weight: bold;
  padding: 3px;
  margin-top: 10px;
  cursor: pointer;
  cursor: hand;
}

LABEL:hover {
  text-decoration: underline;
  background-color: #FF0000;
}

/*** PAGE COMPONENTS ***/

.page_section {
  font-size:       15px;
  color:           #000066;
  font-weight:     bold;
}

.mainContent {
  background-color: #EAEAEA;
  /* padding: 5px; */
}

.padded {
  padding: 3px !important;
}

.ridge {
  border-top: 2px outset #EAEAEA;
  border-bottom: 2px outset #EAEAEA;
}

.lip {
  border-top: 2px inset #D3D3D3;
}

.bottom {
  border-bottom: 1px solid #777777;
}

.gutter {
  padding-left: 5px;
}

TD.navpad {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 0px;
  padding-right: 0px;
}

.indent, .indented, TD.indent, TD.indented {
  padding-left: 10px;
  padding-right: 10px;
}

.boxpad {
  padding: 10px;
}

.tabpad {
  padding-top: 5px;
}

.formtable {
  background-color: #FFFFFF;
}

.formtable TD {
  padding: 3px;
}

/*** LINK PROPERTIES ***/

A {
  text-decoration: none;
  color:           #330099;
}

A:hover {
  text-decoration: underline;
}

A.menuLink {
  color:       #FFFFFF;
  font-size:   11;
  font-weight: bold;
  font-family: Arial, Helvetica;
}

A.menuLink:hover{
  text-decoration: none;
  color: #FFFFFF;
}

A.subMenuLink {
  color:      #FFFFFF;
  font-size:  9;
}

A.subMenuLink:hover {
  text-decoration: none;
  color:           #FFFFFF;
  font-size:       9;
}

A.rowLink {
  color:           #000000;
}

A.rowLink:Hover {
  color:           #000000;
  text-decoration: none;
}

A.tabsOn {
  color:           #000000;
  text-decoration: none;
}

A.tabsOn:hover {
  color:  #000099;
}

A.tabsOff {
  color:           #FFFFFF;
  text-decoration: none;
}

A.tabsOff:hover {
  color: #FFFF00;
}

/*** PRIORITY PROPERTIES ***/
  .priority7 {
	Background:     #D7D3C7;
}

  .priority7Over {
	Background:     #c1bdb3;
}

  .priority8 {
	Background:     #98C6EA;
}

  .priority8Over {
	Background:     #88b2d2;
}

  .priority6 {
	Background:     #6FD4E4;
}

  .priority6Over {
	Background:     #63becd;
}

  .priority4 {
	Background:     #C8E59A;
}

  .priority4Over {
	Background:     #b4ce8a;
}

  .priority3 {
	Background:     #F2EE72;
}

  .priority3Over {
	Background:     #d9d666;
}

  .priority2 {
	Background:     #DCC7DF;
}

  .priority2Over {
	Background:     #c6b3c8;
}

  .priority1 {
	Background:     #FFA48A;
	font-weight:     Bold;
}

  .priority1Over {
	Background:     #e5937c;
	font-weight:     Bold;
}


/*** CELL PROPERTIES ***/

.altCell {
  color:       #FFFF00;
  background-color:  #000066;
  padding: 2px;
  border:  1px solid #FFFF00;
}

.altCellInv {
  color:       #000066;
  background-color:  #FFFF00;
  padding: 2px;
}

.cell, .invalidCell, .content, .labelCell {
  color:       #000066;
  background-color:  #FFFFFF;
  padding: 2px;
}

.code {
  font-family: Courier New, Courier, Helvetica, Arial;
}

.labelCell {
  font-weight: bold;
}

.content {
  padding: 10px;
}

.invalidCell {
  color:       #990000;
}

.bars, .bar, .invalidBars {
  color:       #330000;
  background-color:  #EAEAEA;
  padding: 2px;
}

.invalidBars TD {
  color:    #990000;
  border: 1px solid #990000;
  padding: 2px;
}

.lighter {
  background-color: #EAEAEA !important;
}

.darker {
  background-color: #D3D3D3 !important;
}

.darkest {
  background-color: #CCCCCC !important;
}

.disabled, .disabled INPUT, .disabled BUTTON, .disabled SUBMIT,
.disabled SELECT, .inputDisabled {
  color:      #555555 !important;
  background-color: #EAEAEA !important;
}

.altBars {
  color:       #000066;
  background-color:  #FFFF00;
  padding: 2px;
}

.titleCell {
  color:          #FFFFFF;
  background-color:     #0066FF;
  padding-top: 2px;padding-bottom: 2px;  padding-left:   2px;
  border:         1px solid #000066;
  font-weight:    Bold;
}

.plainCell {
  color:       #000000;
  background-color:  #FFFFFF;
}

.subTitle {
  color:          #330000;
  background-color:     #CCCCCC;
  font-weight:    Bold;
  padding: 2px;
  /* border: 1px solid #330000; */
  border-left: 1px solid #0066FF;
  border-top: 1px solid #0066FF;
  border-right: 1px solid #330000;
  border-bottom: 1px solid #330000;
}

.navCell {
  color:          #330000;
  background-color:     #CCCCCC;
  font-weight:    Bold;
  border: 1px solid #777777;
  padding: 3px;
}

TABLE.slimPad {
  border-spacing: 0px 3px;
}

.slimPad TD {
  padding-left: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 2px;
}

.headerCell, TD.headerCell {
  font-size: 9px;
  background-color: #D3D3D3;
  border: 1px dotted #777777;
  text-align: center;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.menuCell {
  color:      #FFFFFF;
  background-color: #0066FF;
}

.ticketCell {
  color:          #000066;
  background-color:     #FFFF00;
  padding-top: 2px;padding-bottom: 2px;  padding-left:   15px;
  border:         1px solid #0066FF;
}

.smallTitleCell {
  color:          #FFFFFF;
  background-color:     #0066FF;
  padding-top: 2px;padding-bottom: 2px;  padding-left:   2px;
  font-size:      9px;
}

.outlined {
  border:         1px solid #0066FF;
  background-color:     #FFFFFF;
}

.tab {
  font-weight:    bold;
  font-size:      11px;
  padding:   4px 10px;
  border-top: 2px outset #D3D3D3;
  border-left: 2px outset #D3D3D3;
  border-right: 2px outset #D3D3D3;
}

.tab A { border: none; background: none; text-decoration: none; }
.tab A:hover { border: none; background: none; text-decoration: none; }

.on {
  color:          #000000;
  background-color:     #EAEAEA;
}

.off {
  color:          #330000;
  background-color:     #D3D3D3;
}

.off A { color: #330000 !important; }
.on A { color: #000000 !important; }

A.navOn, A.navOn:Hover {
  text-decoration: none;
  color: #FFFFFF;
  background: none;
}

A.navOff, A.navOff:Hover {
  text-decoration: none;
  color: #FFFFFF;
  background: none;
}

A.leftNavLink, A.leftNavLink:Hover {
  text-decoration: none;
  color: #000066;
  background: none;
}


TD.navTab {
  font-weight:    bold;
  font-size: 11px;
  padding: 5px;
  border-top: 1px outset #777777;
  border-left: 1px outset #777777;
  border-right: 1px outset #777777;
}

.hotKeyHelp {
  position: absolute;
  left: -300px;
  top: -300px;
  max-height: 400px;
  height: expression(this.scrollHeight > 400? "400px" : "auto");
  overflow: auto;
}

.hotKeyCell {
  background-color: #FF0000;
  color: #990000;
  border: 1px solid #0066FF;
}

.invisible {
  visibility: hidden;
}

.permhide {
  position: absolute;
  visibility: hidden;
}

.nodisplay {
  width: 0px;
  height: 0px;
  border: none;
  position: absolute;
}

.accesskeys {
  border: 0; width: 0px; height: 0px; position:absolute;
}

A.navTab { border: none; }

.navOn {
  color:          #FFFFFF;
  background-color:     #0066FF;
}

.navOff {
  color:          #FFFFFF;
  background-color:     #CCCCCC;
}

/*** TEXT PROPERTIES ***/

.heading {
  font-size:   15;
  font-weight: bold;
  color:       #000066;
  margin: 10px;
}

.alttext {
  color:       #000066;
}

.bigBold {
  font-size:    15px;
  font-weight:  bold;
}

.big {
  font-size:   15px;
}

TD.bigger { font-size: 50px; }

.error {
  color:       #990000;
  font-weight: Bold;
}

.highlight {
  font-weight: bold;
  background-color:  #FF0000;
  color:       #330000;
}

.mark {
  border:  1px solid #FF0000;
  font-weight: bold;
  background-color: #FF0000;
}

.hot {
  font-weight: bold;
  color:       #990000;
  background-color:  #FF0000;
}

.small {
  font-size:   9px;
}

.tiny {
  font-size:   8px;
}

.smallGrey {
  color:       #555555;
}

.smallError {
  color:       #990000;
  font-weight: bold;
  font-size:   9px;
}

.bold {
  font-weight: bold;
}

.smallBold {
  font-weight: bold;
}

.note {
  color:  #555555;
  font-size: 9px;
}

.warning {
  color:  #000000;
  font-size: 9px;
}

.smallHighlight {
  color:       #FF0000;
  font-weight: bold;
}


/*** FORM PROPERTIES ***/


INPUT, TEXTAREA, SELECT, .input {
  color:      #330000;
  background-color: #FFFFFF;
}

.smallSubmit {
  color:       #FF0000;
  background-color:  #000066;
  font-size:   9px;
}

BUTTON, SUBMIT, .submit, .actionButton, .actionButtonDiv {
  color:          #FFFF00;
  background-color:     #000066;
  font-size:      9px;
  padding-left:   4px;
  padding-right:  4px;
  padding-top:    2px;
  padding-bottom: 2px;
  text-align:     center;
  /** This width is overridden by renderDivButton() */
  width:          100px;
}

.submit, SUBMIT {
  font-weight: bold;
}

.actionButtonDiv {
  border: outset 2px #000066;
}

.actionButtonDiv A, .actionButtonDiv A:hover, .actionButtonDiv A:visited {
  text-decoration: none;
  color:          #FFFF00;
  background-color:     #000066;
  font-size:      9px;
}

.actionButtonDiv A, .actionButtonDiv A:hover, .actionButtonDiv A:visited {
  text-decoration: none;
  color:          #FFFF00;
  background-color:     #000066;
  font-size:      9px;
}

.abdDown, .abdDown A, .abdDown A:hover, .abdDown A:visited {
  background-color: #FFFF00 !important;
  color: #000066 !important;
}

.leftNavCell {
  background-color: #D3D3D3;
  font-size:  9px;
  border: 1px inset #777777;
}

.leftNavMenu {
  background-color: #EAEAEA;
  font-weight: bold;
  font-size:  11px;
  font-size:  11px;
  border: 1px outset #777777;
}

.leftNavMenuSel {
  background-color: #CCCCCC;
  font-weight: bold;
  font-size:  11px;
  font-size:  11px;
  border: 1px outset #777777;
}

.leftNavTitle, TD.leftNavTitle {
  color: #FFFFFF;
  font-weight: bold;
  font-size:  11px;
  border-left: 5px solid #0066FF;
  border-top: 1px solid #0066FF;
  padding-top: 4px;
}

.inset {
  border: 1px inset #777777;
}

.outset {
  border: 1px outset #777777;
}

.tbar {
  color:       #000000;
  background-color:  #CCCCCC;
  font-weight: bold;
}

.borderBox {
  border: 1px solid #777777;
  position: relative;
  padding: 5px;
  margin-top: 12px;
  margin-left: 0px;
  margin-right: 10px;
  margin-bottom: 5px;
}

.borderBox label {
  display: inline; /*Fixes tt#8821 */
}

.borderLabel {
  position: absolute;
  top: -12px;
  left: 25px;
  width: 100%;
}

.borderLabel span {
  color:      #777777;
  font-weight: bold;
  font-size:  11;
  background-color: #EAEAEA;
  padding: 0px 5px;
}

.borderContent {
  color:      #000000;
  font-size:  11;
  background-color: #FFFFFF;
  border:     1px solid #CCCCCC;
  padding: 5px;
  max-height: 200px;
  height: expression(this.scrollHeight > 200 ? "200px" : "auto");
  overflow: auto;
}

.propContent, .propLabel {
  color:      #000000;
  /* font-size:  11; */
  font-size:  9;
}

.propContent {
  background-color: #FFFFFF;
  border:     1px solid #CCCCCC;
  /* padding: 5px; */
  padding: 3px;
}

.propLabel {
  /* font-weight: bold; */
  background-color: #CCCCCC;
  border:     1px solid #CCCCCC;
  padding: 1px 3px;
  white-space: nowrap;
}

.propSpace {
  width: 8px;
}

.barborder {
  border-left: 1px solid #777777;
  border-right: 1px solid #777777;
}

.icon {
  border:   2px outset #CCCCCC;
  background-color: #D3D3D3;
  color: #330000;
  text-align: center;
  font-size: 9;
  padding: 2px;
  height: 42px;
  width: 42px;
}

.iconDown {
  border: 2px inset #CCCCCC;
  background-color: #CCCCCC;
}

.iconOff {
  border: 1px outset #777777;
  filter:alpha(opacity=30);
  opacity: 0.30;
  -moz-opacity:0.30;
}

.helpBox {
  text-align: left;
  display: none;
  position: absolute;
  padding: 4px;
  border: 2px solid #0066FF;
  background-color: #FFFF00;
  color: #000066;
  overflow: auto;
  filter:alpha(opacity=80);
  opacity: 0.80;
  -moz-opacity:0.80;
  font-weight: bold;
}

.keySubLow, .keySubHigh {
  display:   none;
  position:  absolute;
  padding: 1px;
  border-style: solid;
  font-size: 8px;
  border: 1px solid #0066FF;
  background-color: #FF0000;
  color: #000000;
  filter:alpha(opacity=80);
  opacity: 0.80;
  -moz-opacity:0.80;
  text-align: left;
  text-decoration: none;
  font-weight: bold;
  font-style: normal;
}

.keySubLow {
  margin-left: -20px;
  margin-top: 10px;
}

.keySubHigh {
  margin-left: -20px;
  margin-top: -5px;
}

.actionFormBox {
  padding-left: 15px;
  padding-top: 15px;
}

.menuBox {
  border-top: 1px solid #D3D3D3;
  border-left: 15px solid #D3D3D3;
  padding-left: 5px;
  width: 600px;
  margin-top: 40px;
  margin-left: 30px;
}

.menuBox P.note, .menuBox P.note:hover {
  font-weight: bold;
  font-size:  11;
  background: none;
}

.menuBox P.note A, .menuBox P.note A:hover {
  background: none;
  padding: 0px;
}

.menuBox P {
  margin-top: 8px;
  margin-bottom: 5px;
  margin-left: 8px;
}

.menuBox P:hover {
  background-color: #FFFFFF;
}

.menuBox A {
  width: 175px;
  background-image: url(https://helpdesk.ambro-systems.cz/helpdesk/images/16x16/arrow_grey_right.png);
  background-repeat: no-repeat;
  background-position: 0 0px;
  padding-left: 25px;
  font-weight: bold;
  behavior: url('https://helpdesk.ambro-systems.cz/helpdesk/menubox.htc');
}

.menuBox A:hover {
  background-image: url(https://helpdesk.ambro-systems.cz/helpdesk/images/16x16/arrow_green_right.png);
  background-repeat: no-repeat;
  background-position: 0 0px;
  behavior: url('https://helpdesk.ambro-systems.cz/helpdesk/menubox.htc');
}

.menuBox DIV {
  position: absolute;
  margin-left: -30px;
  margin-top:  -25px;
  font-weight: bold;
  font-size:   15;
  color:       #777777;
}

A.pinIcon:hover {
  background-color: #FF0000;
}

.microTable {
  font-size: 8px;
}

.microTable TABLE {
  border-spacing: 1px;
}

.microTable TD {
  padding: 0px;
  height: 20px;
}

.microTable INPUT, .microTable BUTTON, .microTable SELECT, .microTable SUBMIT {
  font-size: 8px;
}

.listHotKey {
  font-size: 8px;
  color:     #555555;
}

.loghead {
  color:       #330000;
  background-color:  #EAEAEA;
  padding: 2px;
  border: 1px solid #EAEAEA;
  font-weight: bold;
}

.topspaced {
  padding-top: 1px;
}

.colorButton {
  width: 22px;
  height: 22px;
  cursor: pointer;
  cursor: hand;
  margin-left: 5px;
}

.searchbox, .addbox {
  width:       300px;
  padding:     2px;
  margin:      1px;
  background-color:  #EAEAEA;
  color:       #330000;
}

.searchbox {
  max-height:  200px;
  height:      expression(this.scrollHeight > 200? "200px" : "auto");
  overflow:    auto;
  border:      1px solid #000000;
  float:       left;
}

.addbox a {
  display: block;
  padding:     2px;
  margin:      1px;
  border: 1px solid #000000;
  text-decoration: none;
  cursor: hand;
  cursor: pointer;
}

.addbox a:hover {
  background: #FF0000 url(images/16x16/cancel.png) no-repeat right;
}

.addbox a.invalid {
  color: #990000;
  border: 1px solid #990000;
  background:  url(images/16x16/cancel.png) no-repeat right;
  cursor: pointer;
  cursor: hand;
}

.searchbox_atom {
  font-size:  9;
}

.searchbox_atom_c1 {
  border:     1px solid #EAEAEA;
  width:        50px;
  float:        left;
  padding:      1px;
  background-color:   #FFFFFF;
}

.atomon {
  border:     1px solid #FF0000;
}

.searchbox_atom_c2 {
  border:     1px solid #EAEAEA;
  padding:    1px;
  background-color: #FFFFFF;
}

DIV.recentHistory {
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  height: 100%;
}

DIV.recentHistoryHover {
  white-space: normal;
  overflow: auto;
  width: 250px;
  height: 100%;
}

.ygtvlabel, .ygtvlabel:link, .ygtvlabel:visited, .ygtvlabel:hover {
  background-color: none;
  padding: 2px;
}

.project-links {
  float: right;
  padding: 5px;
}

img { border: 0px; }