/*==============================================================
                  General Styles
==============================================================*/
body  { 
   font-family: Verdana, Helvetica, sans-serif;
   color:#3B3B3B;
   background: #efefef;
   text-align: center;
   margin: 0;
   padding: 0;
   }
p, td, th, ul, li {
   font-size:10pt;
   }
a {
   text-decoration: none;
   color: #663333;
   }
a:hover {
   text-decoration: underline;
   color: #663333;
   /*color: #ffccff;*/
   }
div.admSmall {
   font-size:8pt;
   } 
/*==============================================================
                  Header Styles
==============================================================*/   
#Header {
   background-color: #333333;
   xbackground-image: url("/eval/_private/pageheader/bg-header.jpg");
   }
#Header div.width {      
   height: 72px;
   margin: 0 auto 0 auto;
   width: 760px;
   }
/*  Header Navigation */
#Header .navigation {
   float: left;
   vertical-align: middle;
   font-size: 80%;
   text-align: center;
   margin-top: 15px;
   }
#Header .navigation a{
   display: block;
   float: left;
   padding: 30px 5px 0 5px;
   border-right: 1px dotted #a2a2a2;
   color:#fff;
   }
#Header .navigation a:hover {
   border: 1px solid #ccc;
   }
/*  Header Navigation Icons */
#Header .navigation .logoBtn {
   background: url("/eval/_private/images/wf.logo.png") no-repeat left top;
   }
#Header .navigation .homeBtn {
   background: url("/eval/_private/images/home.png") no-repeat center top;
   border-left: 1px dotted #ccc;
   }
#Header .navigation .helpBtn {
   background: url("/eval/_private/images/help.png") no-repeat center top;
   }
#Header .navigation .logoutBtn {
   background: url("/eval/_private/images/logout.png") no-repeat center top;
   }
#Header .logo {
   float: right;
   padding: 5px 0 0 0;
   }
#Footer {
   /*background: url("/eval/_private/img/bg-footer.jpg") repeat-x top;*/
   background-color: #a2a2a2;
   /*border: 1px solid #4E6079;*/
   /*border-top: 1px dotted #e5e5e5;*/
   padding: 5px 2px 5px 2px;
   font-size: xx-small;
   margin-top: 0;
   margin-right: auto;
   margin-bottom: 0;
   margin-left: auto;
   text-align: left;
   width:760px;
   }
#Footer .copyright {
   float: right;
   padding-right: 10px;
   }
#Footer .email {
   padding-left: 10px;
   }
#Footer .logo {
   clear: both;
   }
#Footer {
   color:#fff;
   }
#Footer a {
   color:#fff;
   }
/*====================================================================================================================
                  Menu Styles
====================================================================================================================*/   
#Menu
        {
        font-size: xx-small;
        width:99% !important;
        max-width: 99%;
        border-spacing: 0px;
        empty-cells:show;
        margin:0 auto 1em auto;
        text-align:left;
        padding:0;
        border-collapse: collapse;
        overflow: auto;
        }
#Menu caption {
        font-size: xx-small;
        }
#Menu th
        {
        font-weight:bold;
        color: #f2f2f2;
        border: 1px solid #a2a2a2;
        text-align: left;
        padding: 6px 1px 3px 1px;
        vertical-align:middle;
        background:#586c87 repeat-x url(/eval/_private/img/bg-menu-th.jpg); /*url(/eval/_private/img/page/th.jpg);*/
        line-height:1;
        overflow:hidden;
        font-size: 11px;
        text-align: center;
        }
#Menu th.sortable{
   
   }
#Menu th.forwardSort
        {
        background:transparent url(/eval/_private/img/th-up-arrow.jpg) no-repeat 100% 0;
        }
#Menu th.reverseSort
        {
        background:transparent url(/eval/_private/img/th-down-arrow.jpg) no-repeat 100% 0;
        }
#Menu th.forwardSort a,
#Menu th.reverseSort a
        {
        color:#fff;
        }
#Menu th a
        {
        padding:0;
        margin:0;
        text-decoration:none;
        color: #f2f2f2;
        }
#Menu th a:focus
        {
        color:#fff;
        outline:none;
        }
#Menu th span
        {
        color:#c67d7d;
        }
#Menu td a:focus
        {
        text-decoration:underline;
        outline:none;
        }

#Menu th.labelButtonCell {
   padding-left: 0;
   padding-right: 0;
   text-align: right;
   }
#Menu th.labelButtonCell a.addRecord {
   display: block;
   width: 110px;
   height: 25px;
   margin: 0 auto 0 auto;
   }
#Menu th.labelButtonCell a.addRecord:hover {
   }
#Menu th.labelButtonCell a.addRecord span {
   }
#Menu tr.alternative{
   background: #e6e6e6;
   }
#Menu tr {
   vertical-align: middle;
   margin-bottom: 15px;
   }
#Menu tr:hover, tr.ieRowHover, tr.ieRowHoverAlt {
    background-color: #f5e8e8 !important;
   }
#Menu td {
   padding: 2px;
   border-bottom: 1px dotted #ccc;
   border-right: 1px solid #a2a2a2;
   font-size: x-small;
   white-space: normal;
   overflow: hidden;
   }
#Menu td.id {
   vertical-align: middle;
   font-weight: bold;
   text-align: right;
   border-left: 1px solid #4e6079;
   }
#Menu td.dataButtonCell {
   padding: 0;
   width: 150px !important;
   font-size: 9px;
   vertical-align: middle;
   padding: 0 3px 0 3px;
   white-space: nowrap;
   }
#Menu td.dataButtonCell a {
   display: block;
   float: left;
   padding: 27px 2px 3px 2px;   
   margin: 0;
   text-align: center;
   font-size: xx-small;
   }
#Menu td.dataButtonCell a:hover {
    background-color: #c67d7d !important;
    border:1px solid #fff;
    padding: 26px 1px 2px 1px;
    background-position: center 2px !important;
   }
#Menu td.dataButtonCell a.view {
   background: url(/eval/_private/img/btn_recordspt.png) no-repeat center 3px;
   }
#Menu td.dataButtonCell a.expire {
   background: url(/eval/_private/img/btn_erase.gif) no-repeat center 3px;
   }
#Menu td.dataButtonCell a.update {
   background: url(/eval/_private/img/btn_edit.gif) no-repeat center 3px;
   }
#Menu td.dataButtonCell a.purge {
   background: url(/eval/_private/img/btn_delete.gif) no-repeat center 3px;
   }

#Menu td.rptButtonCell {
   padding: 0;
   width: 250px !important;
   font-size: 9px;
   vertical-align: middle;
   padding: 0 3px 0 3px;
   white-space: nowrap;
   }
#Menu td.rptButtonCell a {
   display: block;
   float: left;
   padding: 27px 2px 3px 2px;   
   margin: 0;
   text-align: center;
   font-size: xx-small;
   }
#Menu td.rptButtonCell a:hover {
    background-color: #55708C !important;
    border:1px solid #fff;
    padding: 26px 1px 2px 1px;
    background-position: center 2px !important;
   }
#Menu td.rptButtonCell a.rptHTM {
   background: url(/eval/_private/img/btn_link.png) no-repeat center 3px;
   }
#Menu td.rptButtonCell a.rptXLS {
   background: url(/eval/_private/img/btn_excel.gif) no-repeat center 3px;
   }
#Menu td.rptButtonCell a.rptXML {
   background: url(/eval/_private/img/btn_xml.gif) no-repeat center 3px;
   }
#Menu td.rptButtonCell a.view {
   background: url(/eval/_private/img/btn_recordspt.png) no-repeat center 3px;
   }
#Menu td.rptButtonCell a.expire {
   background: url(/eval/_private/img/btn_erase.gif) no-repeat center 3px;
   }
#Menu td.rptButtonCell a.update {
   background: url(/eval/_private/img/btn_edit.gif) no-repeat center 3px;
   }
#Menu td.rptButtonCell a.purge {
   background: url(/eval/_private/img/btn_delete.gif) no-repeat center 3px;
   }
   
   
#Menu td.alternative,
#Menu td.alternative a
        {
        background: #316ac5;
        color:#fff;
        }
#Menu th.sortable,
#Menu th.sortable-text,
#Menu th.sortable-date,
#Menu th.sortable-numeric,
#Menu th.sortable-currency
        {
        cursor:pointer;
        }

/*===================================================================================================================
                  Form Styles
===================================================================================================================*/   

div.engtablebg {
   border-right: 1px solid #A2A2A2;
   border-left: 1px solid #A2A2A2;
   padding: 1px 0 10px 0;
   margin: 0 auto 0 auto !important;
   width:760px;
   background-color: #ffffff;
   }
   
.elastic div.engtablebg, .elastic #Header div.width, .elastic #Footer {
   width: 90% !important;
   }

.elasticregistry div.engtablebg, .elasticregistry #Header div.width, .elasticregistry #Footer {
   width: 100% !important;
   }

td.labelcell { 
   text-align: right;
   vertical-align: top;
   font-family: arial;
   font-size: 10pt;
   font-weight: bold;
   }

form {
   font-family: Arial, sans-serif;
   padding: 0 5% 0 5%;
   height: expression('1%'); /* IE Pick-a-boo bug fix */
   font-size: 10px;
   line-height: 20px;
}

form h3 {
   font-size: 150%;
   font-weight: bold;
   text-align: center;   
}

.formContent {
   padding: 7px 0;
   border-top: 3px solid #A2A2A2;
   border-bottom: 1px solid #A2A2A2;
}

fieldset {
   position: expression('relative'); /* Fixes IE problem with fieldset+legend boundaries */
   padding: 2px 3%;
   margin: 5px 0px 15px 0px;   
   border: 1px solid #A2A2A2;
   text-align: left;
   line-height: 24px;
}

fieldset fieldset  {
   border: 1px solid #ccc;
   background-color: #eeeeee;
}

legend {
   position: expression('relative'); 
   top: expression('-9px'); /* Fixes IE problem with fieldset+legend boundaries */
   padding: 3px 5px;
   font-size: 125%;
   font-weight: bold;
   color: #A2A2A2;
   cursor: pointer;cursor:hand;
}

fieldset fieldset legend {
   font-size: 80%;
}

label, form .label {   
   /*color: #fff;*/
   border-bottom: 1px dotted #A2A2A2;
   font-size: 110%;   
}

label.preField {
   /*display: -moz-inline-box;
   display: inline-block;*/
   display: block;   
   float: left;
   width: expression('15em'); /* Min-width for IE6 */
   width: 15em;
   padding: 0;
   margin: 0;
   line-height: 18px;
   text-align: right !important;
   clear: left;
   font-size: 12px;
}

label.postField  {
   margin: 0 4px;
   
}

/* .label is typically used on a span or p tag to label a radio or checkbox group */

form .label { 
   display: block; 
   width: auto; 
   padding: 0 2px;
   margin: 0.7em 4px 0 0;   
}

textarea, input, select{
    margin: 1px 0 1px 0;
    padding: 1px 4px 2px 4px !important;
    font-size: 12px;
    border: 1px inset #c67D7D;
    overflow: visible;    
}

textarea {
   vertical-align: top;   
}

input {}

input[type="radio"] { border-style:none; }

select {
   margin: 2px 0 6px 0;
   padding: 3px 0 2px 4px;
}

.txtbx_text {
   width:165px !important;
}

.fkcontroltext {
   width:100px !important;
}

/* Form or Fieldset instruction paragraph. */

form .instructions {
   display: block !important;
   margin: 1.5em auto 0 auto;
   text-indent: 2em;   
   font-size: 1.1em;
   padding: 10px 5em 10px 5em;
   border-top: 2px solid #A2A2A2;
   background-color: #F5F5F5;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Ties together a label and its checkbox or radio */

form .oneChoice {
   white-space: nowrap; 
}

/* Asterisk on required fields */

form .reqMark {
   color: #F00;
   font-size: xx-small;
   vertical-align: super;
}

/* Field w/ a validation error */

form .errFld {
   border: 1px solid #F00;
}

/* Styling for message associated with a validation error. */

form .errMsg {   
   color: #CC3333 !important;
   display: block;
}

/* Field-Hint with focus */

form .field-hint {
   position: absolute;
   width: 180px;
   z-index: 50;
   background-image: url(hint_topborder.gif);
   background-repeat: no-repeat;
   background-position: left top;   
   padding: 14px 0 0 0;
   margin:  2px 0 0 10px;
   color: #000;
   font-size: 9px;
}

form .field-hint div {
   background-color: #fffbb8;
   border-left: 1px solid #ffc20d;
   border-right: 1px solid #ffc20d;
   border-bottom: 1px solid #ffc20d;
   padding: 4px;
}

/* Field-Hint without focus */

form .field-hint-inactive {
   visibility: hidden;
   position: absolute;
}


/* Repeat Behavior  */

form .repeat {
   border: 1px solid #ddd;
   background-color: #FFFFFF;
   margin: 3px 0;
   padding-right: 6px;
}

form .removeable {
   border: 1px solid #ddd;
   background-color: #F3F3F3;
   padding-right: 6px;
}

/* Links generated by the Repeat Behavior */

form .duplicateLink {
   margin-top: 10px;
   font-weight: bold;
   text-align: right;
   display: block;
}

form .removeLink {
   margin-top: 10px;
   text-align: right;
   display: block;
   color: #CC3300;
}

.fieldsetcolumnleft {
float:left;
width:48%;
}

.fieldsetcolumnright {
width:48%;
float:right;
}

.fieldsetcolumnleft label.preField, .fieldsetcolumnright label.preField {
  width:98%;
}

.fieldnowrap {
  white-space:nowrap;
}

/* Switch Behavior Classes */

.onstate-a,  .onstate-b,  .onstate-c,  .onstate-d,
.onstate-e,  .onstate-f,  .onstate-g,  .onstate-h, 
.onstate-i,  .onstate-j,  .onstate-k,  .onstate-l,
.onstate-m,  .onstate-n,  .onstate-o,  .onstate-p, 
.onstate-q,  .onstate-r,  .onstate-s,  .onstate-t,
.onstate-u,  .onstate-v,  .onstate-w,  .onstate-x,  
.onstate-y,  .onstate-z,  .onstate-aa, .onstate-ab,
.onstate-ac, .onstate-ad, .onstate-ae, .onstate-af,
.onstate-ag, .onstate-ah, .onstate-ai, .onstate-aj,
.onstate-ak, .onstate-al, .onstate-am, .onstate-an {
   display: block;
}



/* offstate classes for the Switch Behavior are in wforms-jsonly.css */



/* Buttons */

.actions {
   text-align: right;
   padding: 0;
   text-align: right;
   margin: 5px 0 10px 0;
}
.actions input {
   height: auto;
   }

.primaryAction {
   display: inline;
   font-weight: bold;
   margin: 0 !important;
   padding: 0 !important;
   background-position: top;
   width: 120px;
   height: 25px !important;
}

.secondaryAction {
   color: grey;
   display: inline;
   font-weight: bold;
   margin: 0 !important;
   padding: 0 !important;
   width: 105px;
   height: 25px !important;
}
.filterAction {
   margin: 0 0 0 10px!important;
   width: 110px;
   height: 25px !important;
}

.secondaryAction:hover {
   color: black;
}

/*==================== Data Control Styles ========================*/


.calendarInput img, .deleteInput img, .searchInput img, .snapshotInput img, .snapshotInput img {
   vertical-align: top;
   margin-top: -1px;
   border: none;
}

/*==================== Tabs ==========================================================================================*/
#tabcontainer
   {
      margin-top:20px;
      border-bottom: 1px solid #ccc;
   }

#tabnav
   {
      height: 24px;
      margin: 0;
      padding-left: 10px;
   }

#tabnav li
   {
      margin: 0; 
      padding: 0;
        display: inline;
        list-style-type: none;
     }
   
#tabnav a:link, #tabnav a:visited
   {
      float: left;
      background: #e9e9e9;
      font-size: 12px;
      line-height: 14px;
      font-weight: bold;
      padding: 4px 20px 4px 20px;
      margin-right: 4px;
      border-top: 1px solid #ccc;
      border-right: 1px solid #ccc;
      border-left: 1px solid #ccc;
      text-decoration: none;
      color: #999;
   }

#tabnav a:link.active, #tabnav a:visited.active
   {
      position: relative;     
      top: 2px; 
      background: #efefef;
      color: #333;
   }

#tabnav a:hover
   {
      background: #F5E8E8;
   }
/*==================== Tabs ========================*/