<!--
 
  /*** PAGE PROPERTIES ***/
  
  IMG {
    behavior: url("http://track.clearskymedia.ca/pngbehavior.htc");
  }

  BODY {
     background:       #FFFFFF;
     color:            #000000;
     font-family:      Arial, Helvetica;
     font-size:        12px;
     margin-left:      4px;
     margin-top:       4px;
  }
  
  TD {
     font-family:      Arial, Helvetica;
     font-size:        12px;
     align-vertical:   top;
  }
  
  LI {
     margin-top: 5px; 
  }
  
  FORM {
     display: inline;
     margin: 0px;
     padding: 0px;
  }
  
  LABEL:hover {
    text-decoration: underline;
  }

  /*** PAGE COMPONENTS ***/

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

  .mainContent {
      background: #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 #999999;
  }

  .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: #FFFFFF;
  }
  
  .formtable TD {
    padding: 3px;
  }
  
  /*** LINK PROPERTIES ***/

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

  A:hover {
     text-decoration: underline;
  }

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

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

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

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

  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 ***/
  .priority6 {
	Background:     #FFFFFF;
}

  .priority6Over {
	Background:     #e5e5e5;
}

  .priority4 {
	Background:     #FFFFCC;
}

  .priority4Over {
	Background:     #e5e5b7;
}

  .priority3 {
	Background:     #FFDDBB;
}

  .priority3Over {
	Background:     #e5c6a8;
}

  .priority2 {
	Background:     #FFBBAA;
}

  .priority2Over {
	Background:     #e5a899;
}

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

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


  /*** CELL PROPERTIES ***/

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

  .altCellInv {
     color:       #000066;
     background:  #99CCCC;
     padding: 2px;
  }

  .cell, .invalidCell, .content, .labelCell {
     color:       #000066;
     background:  #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:       #006666;
     background:  #EAEAEA;
     padding: 2px;
  }
  
  .invalidBars TD {
    color:    #990000;
    border: 1px solid #990000;
    padding: 2px;
  }
  
  .lighter {
    background: #EAEAEA !important;
  }
  
  .darker {
    background: #D3D3D3 !important;
  }
  
  .darkest {
    background: #CCCCCC !important;
  }

  .disabled, .disabled INPUT, .disabled BUTTON, .disabled SUBMIT, 
  .disabled SELECT, .inputDisabled {
     color:      #666666 !important;
     background: #EAEAEA !important;
  }
  
  .altBars {
     color:       #000066;
     background:  #99CCCC;
     padding: 2px;
  }

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

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

  .subTitle {
     color:          #006666;
     background:     #CCCCCC;  
     font-weight:    Bold;
     padding: 2px;
     /* border: 1px solid #006666; */
     border-left: 1px solid #669999;
     border-top: 1px solid #669999;
     border-right: 1px solid #006666;
     border-bottom: 1px solid #006666;
  }
  
  .navCell {
     color:          #006666;
     background:     #CCCCCC;  
     font-weight:    Bold;
     border: 1px solid #999999;
     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: 10px;
     background: #D3D3D3;
     border: 1px dotted #999999;
     text-align: center;
     padding-left: 3px;
     padding-right: 3px;
     padding-top: 0px;
     padding-bottom: 0px;
  }
  
  .menuCell {
     color:      #FFFFFF;
     background: #669999;
  }

  .ticketCell {
     color:          #000066;
     background:     #99CCCC;
     padding-top: 2px;padding-bottom: 2px;     padding-left:   15px;
     border:         1px solid #669999;
  }

  .smallTitleCell {
     color:          #FFFFFF;
     background:     #669999;
     padding-top: 2px;padding-bottom: 2px;     
     padding-left:   2px;
     font-size:      10px;
  }

  .outlined {
     border:         1px solid #669999;
     background:     #FFFFFF;
  }
  
  .tab {
     font-weight:    bold;
     font-size:      12px;
     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:     #EAEAEA;
  }

  .off {
     color:          #006666;
     background:     #D3D3D3;
  }
  
  .off A { color: #006666 !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;
  }
  

  .navTab {
     font-weight:    bold;
     font-size: 12;
     padding: 5px;
     border-top: 1px outset #999999;
     border-left: 1px outset #999999;
     border-right: 1px outset #999999;
  }
  
  .hotKeyHelp {
    position: absolute;
    left: -300px;
    top: -300px;
    max-height: 400px;
    height: expression(this.scrollHeight > 400? "400px" : "auto");
    overflow: auto;
  }
  
  .hotKeyCell {
    background: #CCFFCC;
    color: #990000;
    border: 1px solid #669999;
  }
  
  .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:     #669999;
  }

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

  /*** TEXT PROPERTIES ***/
  
.heading {
  font-size:   16;
  font-weight: bold;
  color:       #000066;
  margin: 10px;
}

.alttext {
   color:       #000066;
}

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

.big {
   font-size:   16px;  
}

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

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

.highlight {
   font-weight: bold;
   background:  #CCFFCC;
   color:       #006666;
}

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

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

.small {
   font-size:   10px;
}

.tiny {
   font-size:   9px;
}

.smallGrey {
   color:       #666666;
}

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

.bold {
  font-weight: bold;
}

.smallBold {
   font-weight: bold;
}

.note {
   color:  #666666;
   font-size: 10px;
}

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

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

  
  /*** FORM PROPERTIES ***/


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

  .smallSubmit {
     color:      #CCFFCC;
     background: #000066;
     font-face:  Courier;
     font-size:  10px;
  }

  BUTTON, SUBMIT, .submit, .actionButton, .actionButtonDiv {
     font-face:      Courier;
     color:          #99CCCC;
     background:     #000066;
     font-size:      10px;
     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:          #99CCCC;
     background:     #000066;
     font-size:      10px;
  }

  .actionButtonDiv A, .actionButtonDiv A:hover, .actionButtonDiv A:visited {
    text-decoration: none;
     color:          #99CCCC;
     background:     #000066;
     font-size:      10px;
  }
  
  .abdDown, .abdDown A, .abdDown A:hover, .abdDown A:visited {
    background: #99CCCC !important;
    color: #000066 !important;
  }
  
  .leftNavCell {
    background: #D3D3D3;
    font-size:  10px;
    border: 1px inset #999999;
  }
  
  .leftNavMenu {
    background: #EAEAEA;
    font-weight: bold;
    font-size:  12px;
    font-size:  12px;
    border: 1px outset #999999;
  }
  
  .leftNavTitle, TD.leftNavTitle {
    color: #FFFFFF;
    font-weight: bold;
    font-size:  12px;
    border-left: 5px solid #669999;
    border-top: 1px solid #669999;
    padding-top: 4px;
  }
  
  .inset {
    border: 1px inset #999999;
  }
  
  .outset {
    border: 1px outset #999999;
  }
  
  .tbar {
     color:       #000000;
     background:  #CCCCCC;
     font-weight: bold;
  }
  
  .borderBox {
    border: 1px solid #999999;
    position: relative;
    padding: 5px;
    margin-top: 12px;
    margin-left: 0px;
    margin-right: 10px;
    margin-bottom: 5px;
  }
  
  .borderLabel {
    position: absolute;
    top: -12px;
    left: 25px;
    width: 100%;
  }
  
  .borderLabel span {
    color:      #999999;
    font-weight: bold;
    font-size:  12;
    background: #EAEAEA;
    padding: 0px 5px;
  }
  
  .borderContent {
    color:      #000000;
    font-size:  12;
    background: #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:  12; */
    font-size:  10;
  }
  
  .propContent {
    background: #FFFFFF;
    border:     1px solid #CCCCCC;
    /* padding: 5px; */
    padding: 3px;
  }
  
  .propLabel {
    /* font-weight: bold; */
    background: #CCCCCC;
    border:     1px solid #CCCCCC;
    padding: 1px 3px;
    white-space: nowrap;
  }
  
  .propSpace {
     width: 8px;
  }
  
  .barborder {
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
  }
  
  .icon {
    border:   2px outset #CCCCCC;
    background: #D3D3D3;
    color: #006666;
    text-align: center;
    font-size: 10;
    padding: 2px;
    height: 42px;
    width: 42px;
  }
  
  .iconDown {
    border: 2px inset #CCCCCC;
    background: #CCCCCC;
  }
  
  .iconOff {
    border: 1px outset #999999;
    filter:alpha(opacity=30);
    opacity: 0.30;
    -moz-opacity:0.30;
  }
  
  .helpBox {
    text-align: left;
    display: none;
    position: absolute;
    padding: 4px;
    border: 2px solid #669999;
    background: #99CCCC;
    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: 9px;
    border: 1px solid #669999;
    background: #CCFFCC;
    color: #000000;
    filter:alpha(opacity=80);
    opacity: 0.80;
    -moz-opacity:0.80;
    text-align: left;
    text-decoration: none;
    font-weight: bold;
    font-style: none;
  }
  
  .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:  12;
    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: #FFFFFF;
  }
  
  .menuBox A {
    width: 175px;
    background-image: url(http://track.clearskymedia.ca/images/16x16/arrow_grey_right.png);
    background-repeat: no-repeat;
    background-position: 0 0px;
    padding-left: 25px;
    font-weight: bold;
    behavior: url('http://track.clearskymedia.ca/menubox.htc');
  }
  
  .menuBox A:hover {
    background-image: url(http://track.clearskymedia.ca/images/16x16/arrow_green_right.png);
    background-repeat: no-repeat;
    background-position: 0 0px;
    behavior: url('http://track.clearskymedia.ca/menubox.htc');
  }
  
  .menuBox DIV {
    position: absolute;
    margin-left: -30px;
    margin-top:  -25px;
    font-weight: bold;
    font-size:   16;
    color:       #999999;
  }
  
  A.pinIcon:hover {
    background: #CCFFCC;
  }
  
  .microTable {
    font-size: 9px;
  }
  
  .microTable TABLE {
    border-spacing: 1px;
  }
  
  .microTable TD {
    padding: 0px;
    height: 20px;
  }
  
  .microTable INPUT, .microTable BUTTON, , .microTable SELECT, .microTable SUBMIT {
    font-size: 9px;
  }
  
  .listHotKey {
    font-size: 9px;
    color:     #666666;
  }
  
  .loghead {
     color:       #006666;
     background:  #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 {
    float:       left;
    width:       300px;
    padding:     2px;
    margin:      1px;
    background:  #EAEAEA;
    border:      1px solid #000000;
    color:       #006666;
    max-height:  200px;
    height:      expression(this.scrollHeight > 200? "200px" : "auto");	
    overflow:    auto;
  }
  
  .searchbox_atom {
    font-size:  10;
  }
  
  .searchbox_atom_c1 {
    border:     1px solid #EAEAEA;
    width:        50px;
    float:        left;
    padding:      1px;
    background:   #FFFFFF;
  }
  
  .atomon {
    border:     1px solid #CCFFCC;
  }
  
  .searchbox_atom_c2 {
    border:     1px solid #EAEAEA;
    padding:    1px;
    background: #FFFFFF;
  }
  
  DIV.recentHistory {
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    height: 100%;
  }
  
  DIV.recentHistoryHover {
    white-space: normal;
    overflow: auto;
    width: 250px;
    height: 100%;
  }
  
-->