/* -----------------------------------------

   Text styles

------------------------------------------ */

/* body defaults */
body, tr, td, select, input {
    color: black;
    font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
}

/* For all form input elements */
.CUEformText, .SSQformText {
}

.CUEformText input, .SSQformText input {
  font-size:75%;
}

.CUEformText select, .SSQformText select {
  font-size:75%;
}

.CUEformText checkbox, .SSQformText checkbox {
  font-size:75%;
}


/* For plain text */
.CUEplainText, .CUEtext, .SSQplainText, .SSQtext {
  font-size:75%;
}

/* plain text without bolding*/
.CUEnormalWeightText {
  font-weight:normal;
}


/* Larger text or subheadings */
.CUEsubheading, .SSQsubheading {
  font-size: 80%;
}

/* Headings or page titles */
.CUEheading, .SSQheading {
  font-size: 85%;
}

/* for buttons, or other controls which draw their own background */
.CUEtransparentText, .CUEtransparentButtonText, .SSQtransparentText, .SSQtransparentButtonText {
  font-size:75%;
}

/* For unscaled fonts */
.CUEfullSizedFont, .SSQfullsizeFont {
  font-size:100%;
}


/* -----------------------------------------

   Combination text styles

------------------------------------------- */

.CUEfieldLabel, .SSQfieldLabel {
  font-weight: bold;
  font-size: 75%;
  color: black;
  background-color: #ffffff;
  float: left;
  width : 15em;
}


/* -----------------------------------------

   SSQ text fields which are links. Remember the order is important:
   Link/Visited/Hover/Active (LoVe / HAte)

------------------------------------------ */

/* -----------------------------------------
   General links
------------------------------------------ */

.CUEtextLink:link, .SSQtextLink:link {
    color: #000066;
    text-decoration: underline;
}

.CUEtextLink:visited, .SSQtextLink:visited {
    color: #660066;
    text-decoration: underline;
}

.CUEtextLink:hover, .SSQtextLink:hover {
    color: #990000;
    text-decoration: underline;
}

.CUEtextLink:active, .SSQtextLink:active {
    color: #990000;
    text-decoration: underline;
}

/* ---------------------------------------------
   Service selection, recently vistited links
---------------------------------------------- */

.CUErecentServiceLink:link , .SSQrecentServiceLink:link {
    color: #660066;
    background:white;
    text-decoration: underline;
}

.CUErecentServiceLink:visited, .SSQrecentServiceLink:visited {
    color: #660066;
    background:white;
    text-decoration: underline;
}

.CUErecentServiceLink:hover, .SSQrecentServiceLink:hover {
    color: #990000;
    background:white;
    text-decoration: underline;
}

.CUErecentServiceLink:active, .SSQrecentServiceLink:active {
    color: #990000;
    background:white;
    text-decoration: underline;
}

/* -------------------------------------------

  Text decorations

---------------------------------------------*/

.CUEborderlessImage , .CUEborderlessText, .SSQborderlessImage , .SSQborderlessText {
 border: 0px;
 background-color: #ffffff;
 text-decoration: none;
}

.CUEboldText, .SSQboldText {
 font-weight: bold;
}

.CUEitalicFont, .SSQitalicFont {
    font-style: italic;
}


.CUEborderedInfo, .SSQborderedInfo {
  border-style: solid;
  border-color: black;
  border-width: 1px;
}

.CUEprotectedField, .SSQprotectedField {
  color: gray;
  background:white;
}

.CUEborderLeft, .SSQborderLeft {
  border-left: 1px solid;
}

.CUEborderRight, .SSQborderRight {
  border-right: 1px solid;
}

.CUEborderTop, .SSQborderTop {
  border-top: 1px solid;
}

.CUEborderBottom, .SSQborderBottom {
  border-bottom: 1px solid;
}

.CUEthinBorder, .SSQthinBorder {
  border : 1px solid black;
}

.CUEinvisibleText, .SSQinvisibleText {
  color : white;
  background:white;
}

.CUEthinBorderBottom, .SSQthinBorderBottom {
  border-bottom: 1px solid gray;
}

.CUEnowrap {
    white-space: nowrap;
}

.CUEconfirmationBox {
  border: 1px solid blue;
  background: #E6EDF6;
  color: black;
}

.CUEbackgroundBlue {
  background: #E6EDF6;
  color: black;
}

.CUEerrorText {
  color: red;
  background:white;
}

.CUEerrorMessage {
  text-align:left;
  border: 2px solid #F00;
    padding: .7em;
    background: yellow;
    color:red;
    BACKGROUND-IMAGE: url(/WFS/images/sym_s_caution.gif);
  BACKGROUND-REPEAT: no-repeat;
  BACKGROUND-POSITION: 1% 50%;
  text-indent:30px;
  font-weight:bold;
}
/* -------------------------------------------

  Grids & Cells

-------------------------------------------- */

/* Main body grid with a border */
.CUEbodyGrid, .SSQbodyGrid {
  border: 1px solid black;
  width : 98%;
  margin-left : 1%;
  margin-right : 1%;
  /*display:inline;
  float:left;*/
  border-collapse: collapse;
}

/* Grids or cells which should take up all available space */

.CUEfullSizedGrid, .SSQfullSizedGrid, .SSQfullSizedCell {
  width: 100%;
  margin:0px;
  padding:0px;
}



/* -------------------------------------------

  Grids & Cells decorations

-------------------------------------------- */

.CUEcollapsedGrid, .SSQcollapsedGrid {
  border-collapse:collapse;
}

.CUElightBackground, .SSQlightBackground {
  background:white;
  color:black;
}

.CUEdarkBackground, .SSQdarkBackground {
  background:#E8E8E8;
  color:black;
}

.CUEtimer {
  BACKGROUND:black;
  color:white;
  font-weight:bold;
  WHITE-SPACE: nowrap;
  float:right;
  text-align:right;
}

.CUEtimerLabel {
  WHITE-SPACE: nowrap;
}

.CUEkeypadBorder {
  border: 3px gray groove;
  padding: 0px;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align:center;

  background: #ebebeb;
}

.CUEkeypadButton {
  border: 1px;
  padding: 6px;
  margin: 0px;
}


/* ----------------------------------------------

   Positioning elements

----------------------------------------------- */


.CUEfloatLeft, .CUEfloatLeftAlignedText, .SSQfloatLeft, .SSQfloatLeftAlignedText {
  float:left;
}

.CUEfloatRight, .CUEfloatRightAlignedText, .SSQfloatRight, .SSQfloatRightAlignedText {
  float:right;
}

.CUEleftAlignedText, .SSQleftAlignedText {
  text-align: left;
}

.CUErightAlignedText, .SSQrightAlignedText {
  text-align: right;
}

.CUEcentredText, .SSQcentredText {
  text-align: center; 
}

.CUEverticalAlignTop, .SSQverticalAlignTop {
  vertical-align: top;
}

.CUEverticalAlignCenter, .SSQverticalAlignCenter {
  vertical-align: middle;
}

.CUEverticalAlignBottom, .SSQverticalAlignBottom {
  vertical-align: bottom;
}

.CUEcenteredBlock {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/* ---------------------------------------------------

   Margins and padding

---------------------------------------------------- */

.CUEmarginLeft, .SSQmarginLeft {
  margin-left: 10px;
}

.CUEmarginRight, .SSQmarginRight {
  margin-right: 10px;
}

.CUEmarginTop, .SSQmarginTop {
  margin-top: 10px;
}

.CUEmarginBottom, .SSQmarginBottom {
  margin-bottom: 10px;
}

.CUEpaddedGrid, .CUEpaddedCell, .SSQpaddedGrid , .SSQpaddedCell {
  padding : 10px;
}

.CUEpaddedLeft, .SSQpaddedLeft {
  padding-left: 10px;
}

.CUEpaddedRight, .SSQpaddedRight {
  padding-right: 10px;
}

.CUEpaddedTop, .SSQpaddedTop {
  padding-top: 10px;
}

.CUEpaddedBottom, .SSQpaddedBottom {
  padding-bottom: 10px;
}

.CUEpaddedRight, .SSQpaddedRight {
  padding-right: 10px;
}

.CUEpaddedLabel, .SSQpaddedLabel {
   padding-right : 5px;
}

.CUEpaddedRightDefault {
   padding-right: 2px;
}

.CUEmarginLeft50, .CUEbigMarginLeft {
  margin-left: 50px;
}

.CUEmarginLeftLarge {
  margin-left: 20em;
}

/* ----------------------------------------------------

   Empty elements

----------------------------------------------------- */

.CUEemptyElement, .SSQemptyElement, .SSQemptyStyle {
  width: 0px;
}


/* ----------------------------------------------------

    Standard column layouts

------------------------------------------------------ */

.CUEcolumnWidth90, .SSQcolumnWidth90 {
  width:  90%;
}

.CUEcolumnWidth80, .SSQcolumnWidth80 {
  width:  80%;
}

.CUEcolumnWidth70, .SSQcolumnWidth70 {
  width:  70%;
}

.CUEcolumnWidth60, .SSQcolumnWidth60 {
  width:  60%;
}

.CUEcolumnWidth50, .SSQcolumnWidth50 {
  width:  50%;
}

.CUEcolumnWidth45, .SSQcolumnWidth45 {
  width:  45%;
}

.CUEcolumnWidth40, .SSQcolumnWidth40 {
  width:  40%;
}

.CUEcolumnWidth35, .SSQcolumnWidth35 {
  width:  35%;
}

.CUEcolumnWidth30, .SSQcolumnWidth30 {
  width:  30%;
}

.CUEcolumnWidth25, .SSQcolumnWidth25 {
  width:  25%;
}

.CUEcolumnWidth20, .SSQcolumnWidth20 {
  width:  20%;
}

.CUEcolumnWidth15, .SSQcolumnWidth15 {
  width:  15%;
}

.CUEcolumnWidth10, .SSQcolumnWidth10 {
  width:  10%;
}

.CUEcolumnWidth05, .SSQcolumnWidth05 {
  width:  5%;
}

.CUEcolumnWidth33, .SSQcolumnWidth33 {
  width:  33%;
}


/* ------------------------------------------------------

   Standard label widths

------------------------------------------------------- */

.CUElabelWidth35, .SSQlabelwidth35 {
  width: 35%;
}

.CUElabelWidth15, .SSQlabelWidth15 {
  width: 15%;
}

.CUElabelWidth40, .SSQlabelWidth40 {
  width: 70%;
}

.CUElabelWidth13, .SSQfieldWidth13 {
  width: 13em;
}

.CUEcolumnWidth75 {
    width:  75%;
}

/* ------------------------------------------------------

   Header page styles

-------------------------------------------------------- */

.CUElogo, .SSQlogo {
  font: 75% Verdana, Geneva, Arial, Helvetica, sans-serif;
  POSITION: relative;
  text-align : right;
}

.CUEbanner, .SSQbanner {
    width:100%;
    background-repeat: no-repeat;
    CLEAR: both;
    BORDER-TOP: #990000 1px solid;
    BORDER-BOTTOM: #990000 1px solid;
    BACKGROUND-COLOR: #990000;
    text-align: right;
    HEIGHT: 39px;
}

.CUEbannerOverwrite, .SSQbannerOverwrite {
    font: bold 85% Verdana, Arial, Helvetica, sans-serif;
    padding-top : 10px;
    padding-bottom : 10px;
    color:#ffffff ;
}

/* ----------------------------------------------------

   WFS overrides

---------------------------------------------------- */

.applicationMainGrid {
  width: 100%;
    border-collapse: collapse;
}

TABLE.gridLayoutTable {
  border: none;
  margin: 0px;
}

HR.resultsSeparator {
 WIDTH: 0px;
 COLOR: white;
 background:white;
 border:medium none white;
 height: 0px;
}
HR.dependantSeparator {
 WIDTH: 0px;
 COLOR: white;
 background:white;
 height: 0px;
}

span.Select.error
{
  border-style: solid;
  border-color: red;
  border-width: 1px;
}

SPAN.hintPrompt {
  BACKGROUND-POSITION: 50% 50%;
  BACKGROUND-IMAGE: url(/WFS/images/h_question.gif);
  WIDTH: 50px;
  BACKGROUND-REPEAT: no-repeat;
  HEIGHT: 18px;
  float: left;
}

/** Override standard WFS error message display */
P.errorMessage {
  text-align:left;
  border: 2px solid #F00;
    padding: .7em;
    color:red;
    background: yellow;
    BACKGROUND-IMAGE: url(/WFS/images/sym_s_caution.gif);
  BACKGROUND-REPEAT: no-repeat;
  BACKGROUND-POSITION: 1% 50%;
  text-indent:30px;
  margin-left:2px;
  margin-right:2px;
  font-weight:bold;
}

.WFStableFooter {
  font-size: 75%;
}

#overDiv {
  position:absolute;
  visibility:hidden;
  z-index:1000;}

.WFSdefaultInformationMessage {
  text-align:left;
}

.MultiLang {

  font-size: 150%;
 }

.CUEtouchscreenRadioButton {

}

.CUEtouchscreenButton {

}

.CUEtouchscreenKeypad {

}

.CUEtouchscreenText {

}

.CUEtouchscreenPaddedTop {

}

.CUEtouchscreenLink {

}

.CUEindentedGrid {
  width:98%;
  margin-left: 1%;
  margin-right: 1%;
  /*display:inline;
  float:left;*/
}

  
.CUEblockElement {
  display: block;
}

.CUEfloatLeft {
 float:left;
}

.CUEclear {
clear:both;
}

.CUEinlineElement {
  display:inline;
  }
  
.CUEdivFirstColumn {
  clear:both;
  float:left;
  display:block;
}