/********************************************************
* Page
********************************************************/
body {
  visibility: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

.C_FooterStatus a {
  color: red;
  font-weight: bold;
  text-decoration: underline;
}

/********************************************************
* Input fields
********************************************************/
:focus {
  outline: none;
}

input, textarea {
  border-style: solid;
  border-width: 1px;
  border-color: #AAA;
  margin: 0 1mm 0 0;
  text-align: left;
  padding: 0px 1px;
  font-size: inherit;
}

.C_TextInput,
.C_AutoText {
  position: relative;
  display: inline-block;
  top: -0.70mm;
  margin: 0.5mm 1mm 1mm 0;
  text-align: right;
}

.C_TextInput > input,
.C_AutoText > input {
  position: absolute;
  left: 0mm;
  width: 100%;
}

.C_TextInput > img,
.C_AutoText > img {
  position: relative;
  top: 0.70mm;
  z-index: 1;
  vertical-align: top;
}

.C_TextInput > .C_CharCount {
  position: relative;
  top: 0.70mm;
  font-size: 70%;
  color: #bbb;
  text-align: right;
  vertical-align: top;
  z-index: 1;
}

/******************************************************** */
div.C_AutoText ul {
  position: absolute;
  width: 98%;
  max-height: 100mm;
  visibility: hidden;
  z-index: 100;
  list-style: none;
  background-color: #FFF;
  margin: 0;
  border: solid;
  border-width: 1px;
  border-color: #DDD;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 0;
  text-align: left;
}

div.C_AutoText li {
  visibility: inherit;
  border: none;
  padding: 0.5mm 1mm;
}

/*******************************************************
* Input form
********************************************************/
.C_InputForm {
  border-color: #000;
  border-style: solid;
  border-width: 1px;
  margin-top: 6mm;
  margin-bottom: 3mm;
}

.C_InputForm .C_Line {
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.5mm;
  margin-bottom: 0.5mm;
}

.C_InputForm .C_Label {
  display: inline-block;
  vertical-align: top;
  width: 30mm;
  text-align: left;
  font-weight: bold;
  padding: 0 1mm;
}

.C_InputForm .C_Field {
  display: inline-block;
  vertical-align: top;
  padding: 0 1mm;
}

.C_CalendarIcon,
.C_TimeIcon {
  position: relative;
  vertical-align: top;
  height: 1.2em;
}

/********************************************************          
* Dialog Iframes                                                   
********************************************************/
.C_IframeDialog {
  position: absolute;
  opacity: 0;
  background-color: white;
  box-shadow: 2mm 2mm 5mm #888;
  border-style: solid;
  border-width: 1mm;
  z-index: 200;
}

.C_IframeDialog iFrame {
  border-width: 0;
}

.C_DialogDragHandle {
  position: absolute;
  top: 0;
  height: 7mm;
  left: 0;
  right: 15mm;
  cursor: move;
}

/********************************************************          
* Tile box                                                         
********************************************************/
.C_TileList {
  overflow-x: hidden;
}

.C_TileList ul {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.C_TileList li {
  position: relative;
  border-color: blue;
  border-width: 0 0 1px 0;
  border-style: solid;
  padding: 0;
  height: 10mm;
  overflow: hidden;
}
.C_TileList li:hover {
  background-color: #EEE;
  cursor: pointer;
}

.C_TileList .C_TileMarker {
  position: absolute;
  visibility: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: left center;
}

.C_TileBox-L .C_TileMarker {
  background-image: url("../Static/UI/Marker-W.png");
  background-position: right center;
}

.C_TileBox-R .C_TileMarker {
  background-image: url("../Static/UI/Marker-E.png");
  background-position: left  center;
}

.C_TileList .C_TileContent {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.C_TileBox-R .C_TileContent {
  left: 7mm;
}

.C_TileBox-L .C_TileContent {
  right: 5mm;
}

/********************************************************
* PhotoOutput
********************************************************/
.PhotoMagnify {
  position: relative;
  bottom: 1mm;
  right: -1mm;
  width: 5mm;
  height: 5mm;
}

/********************************************************
*ImageButton
********************************************************/
.ImageButton {
  display: inline-block;
}

.C_ButtonIcon {
  display: inline-block;
  vertical-align: top;
}
.C_ButtonIcon:hover {
  background-color: #EEE;
}

.C_Icon {
  width: 48px;
  height: 48px;
}

.C_Flag {
  width: 6mm;
  height: 4mm;
}

/********************************************************
* Flags
********************************************************/
.Flags {
  display: inline-block;
}

.Flags img {
  display: inline-block;
  width: 6mm;
  height: 4mm;
  vertical-align: top;
  padding-bottom: 0.5mm;
  border-width: 0;
  border-bottom-width: 1mm;
  border-style: none;
  border-color: black;
}

/********************************************************
* VuMeter
********************************************************/
.C_VuMeterOutput {
  display: inline-block;
  border-style: solid;
  border-width: 1px;
  border-radius: 5px / 50%;
  margin: 0 0.5mm;
}

.C_VuMeterOutput .C_VuMeterInner {
  display: inline-block;
  border-style: none;
  border-width: 0;
  vertical-align: top;
  margin: 0;
  border-radius: 5px / 50%;
}

/********************************************************
* Slider field
********************************************************/
.Slider {
  display: inline-block;
  vertical-align: middle;
  margin: 0.5mm 10px;
}

/********************************************************
* grid
********************************************************/
.GridContainer {
  font-size: 90%;
  border-style: solid;
  border-width: 1px;
  border-bottom-width: 1px;
  border-color: black;
  border-radius: 1mm / 1mm;
}

.GridHeadContainer, .GridBodyContainer {
  border-style: none;
  padding: 0;
}

.GridHeadContainer {
  overflow: hidden;
}

.GridBodyContainer {
  overflow-x: hidden;
  overflow-y: scroll;
}

/**************/
.GridCaption {
  font-size: 120%;
  font-weight: normal;
  color: #000;
  margin: 0.2em 1em;
}

.GridCaption .SubCaption {
  font-size: 70%;
  color: #000;
  padding-left: 5mm;
}

.GridCaption .Count {
  font-size: 80%;
  float: right;
  color: #444;
}

/**************/
.GridHead {
  border-collapse: collapse;
  border-style: solid;
  border-width: 1px;
  border-color: black;
  color: black;
}

.GridHead td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  background-color: #EEE;
  font-weight: normal;
}
.GridHead td:hover {
  cursor: pointer;
}

.GridHead .HeadLabel {
  padding-left: 2px;
}

.GridHead .HeadDir {
  padding-left: 0.5em;
  padding-right: 0.5em;
  float: right;
  color: red;
}

.GridHead td {
  text-align: center;
}

.GridHead td .Filter {
  border-style: solid;
  border-width: 1px;
  border-color: #888;
  margin: 0;
  width: 96%;
}

/**************/
.GridBody {
  border-collapse: collapse;
  border-style: solid;
  border-width: 1px;
  border-color: black;
}

.GridBody tr.odd {
  background-color: #EEE;
}

.GridBody td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.GridBody input {
  border-style: solid;
  border-width: 1px;
  border-color: #bbb;
  margin: 0 1px 0 0;
  width: 98%;
}

/*******************************************************
* jQuery-ui overrides
********************************************************/
.ui-button {
  padding: 0.1mm 3mm;
}

.ui-button-text-only .ui-button-text {
  padding: 0.1mm 3mm;
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.1mm 1em 0.1mm 2.1em;
}

.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  margin-top: -9px;
  position: absolute;
  top: 50%;
}

.ui-button-text-only .ui-button-text {
  padding: 0.1mm 3mm;
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.1mm 1em 0.1mm 2.1em;
}

.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  margin-top: -9px;
  position: absolute;
  top: 50%;
}

.ui-tooltip {
  background: #FF7;
  max-width: 350px;
}

.ui-tooltip-content {
  background: #FF7;
}

.ui-selectmenu-button {
  vertical-align: middle;
}

.ui-selectmenu-button span.ui-selectmenu-text {
  padding: 0;
  line-height: 1;
}

.ui-button {
  top: -2px;
  font-size: 1em;
  font-weight: bold;
}

/*# sourceMappingURL=Page.css.map */