/* Assembled by Donn Edwards
  Last updated: 11-May-2010 16:02
  font-family: "Droid Sans", Verdana, Tahoma, Trebuchet MS, "DejaVu Sans", FreeSans, Arial, sans-serif;
*/
body, span, table, div, label, input, textarea
{
  font-family: FreeSans, "Droid Sans", Tahoma, Arial, "Trebuchet MS", Verdana, sans-serif!important;
  font-size: 10pt!important; /* font */
}

/* Begin: General - body class="template" */
body.template
{
  padding-left: 8px;
  padding-right: 8px;
  font-size: 14px; /* 75%; */
  color: black; 
  background:none; /* background: white; */
  background-color: white;
}
body.template h1
{
  padding-bottom: 10px;
  padding-top: 10px;
  margin-left: 10px;    
  /* border-bottom: 1px dotted #bbbbbb; */
  font-size: 24px;
  color: navy;
  font-weight:bold;    
  text-align: left;
  background:none;    
  /* background: white; 
  background-color: white; /* white */

}
span.allcaps
{
  font-variant: small-caps;
}
body.template h2
{
  padding-top: 2px;
  margin-bottom: 4px;
  margin-left: 10px;
  font-size: 22pt;
  font-weight:bold;
  color: navy;
  background:none;
  /* background:#FFFFFF;                          /* white */
}
body.template h3
{
  padding-bottom: 4px;    
  font-size: 20pt;
  color: #606060;
  font-weight:bold;
  background:none;  
  margin-left: 10px;      
  /* background:#FFFFFF;                          /* white */
}
body.template h4
{
  padding-top: 2px;
  margin-bottom: 4px;
  font-size: 16pt;
  font-weight:bold;
  color: navy;
  background:none;
  /* background:#FFFFFF;                          /* white */
}
body.template h5
{
  padding-top: 2px;
  margin-bottom: 4px;
  font-size: 12pt;
  font-weight:bold;
  color: teal;
  background:none;
}

/* Help */
.help
{
  font-size:10pt!important;
  text-align: left;
  color: #808080;
  background:none;                             /* white */
}
.help a:link,
.help a:visited
{
  font-size:10pt!important;
  text-align: left;
  color: black;
  text-decoration: none;  
  background:none;                           /* white */      
}

/* Footer */
.footer
{
  font-size:10px!important;
  text-align: center;
  color: #2f2f2f;
  background:none;                           /* white */
}
.footer a:link,
.footer a:visited
{
  font-size:10px!important;
  text-align: center;
  color: black;
  text-decoration: none;
  background:none;                          /* white */
}
/* Footmsg */

.footmsg
{
  font-size:10pt!important;
  color: green;
  text-align: right;
  background:none;                           /* white */
}

/* ASPxGridView Style sheet */


.dxgvControl,
.dxgvDisabled
{
  border: Solid 1px #9F9F9F;
  font-size: 11px;
  background-color: #F2F2F2;
  color: Black;
  cursor: default;
}
.dxgvDisabled 
{
  color: Gray;
}
.dxgvControl a 
{
  color: #5555FF;
}
.dxgvDisabled a
{
  color: Gray;
}
.dxgvLoadingPanel /* The loading ... box */
{
  border: solid 1px black; /* #9F9F9F; */
  background-color: white; /* Royal blue - was #E3E3E1; */
  font-size: 9pt;
  color: black; /*  #303030; */
}
.dxgvLoadingPanel td
{
  background-color: white; /* Royal blue - was #E3E3E1; */
  font-size: 9pt;
  color: black; /*  #303030; */
  white-space: nowrap;
  text-align: center;
  padding: 12px 12px 12px 12px;
}
.dxgvLoadingPanelStatusBar
{
  background-color: Transparent;
  font-size: 9pt;
  color: black; /*  #303030; */
}
.dxgvLoadingPanelStatusBar td
{
  white-space: nowrap;
  text-align: center;
  padding: 0px 2px 0px 2px;
  color: black; /*  #303030; */
}
.dxgvFilterPopupWindow
{
  color: Black;
  font-size: 9pt;
  border: solid 1px #9f9f9f;
}
.dxgvFilterPopupItemsArea
{
  color: Black;
  background-color: White;
}
.dxgvFilterPopupButtonPanel
{
  font-size: 9pt;
  background-color: #ededed;
  border: 1px solid #dcdcdc;
  border-left-width: 0px;
  color: Black;
}

.dxgvFilterPopupItem td.dxgv,
.dxgvFilterPopupActiveItem td.dxgv,
.dxgvFilterPopupSelectedItem td.dxgv
{
  border-left: solid 1px white;    
  border-right: solid 1px white;    
  padding: 3px 2px 4px 3px;
  cursor: default;
  white-space: nowrap;
}
.dxgvFilterPopupActiveItem
{
  background: #cfcfcf;
  color: Black;
}
.dxgvFilterPopupSelectedItem
{
  background: #8D8D8D;
  color: White;
}

.dxgvTable
{
  background-color: White;
  border: 0;
  border-collapse: separate!important;
  overflow: hidden;
  font-size: 9pt;
  color: Black;
}
.dxgvInlineEditRow,
.dxgvDataRow
{
  background-color: #FDFDFB; /* was white */
}
.dxgvInlineEditRow td.dxgv
{
  border-bottom: Solid 1px #D3D3D3;
  border-right: Solid 1px #D3D3D3;
}
.dxgvDataRowAlt
{
  background-color: #EDEDEB;
}
.dxgvFilterRow 
{
  background-color: #E7E7E7;
}
.dxgvEditForm 
{
  background-color: #F0F0F0;
}
.dxgvEditForm td.dxgv
{
  border-bottom: Solid 1px #D3D3D3;
  padding: 8px 10px 10px 10px;
}
.dxgvSelectedRow,
.dxgvSelectedRow td.dxgv a,
.dxgvSelectedRow td.dxgv
{
  background-color: teal; 
  color: white; /* magenta - was black */
  text-decoration: none;  

}
.dxgvFocusedRow,
.dxgvFocusedRow td.dxgv
{
  background-color: #87CEFA; /* Light Sky Blue - was #8D8D8D; */
  color: #191970; /* midnight blue - was white */
}

.dxgvSelectedRow .dxgvCommandColumn a, 
.dxgvFocusedRow .dxgvCommandColumn a
{
  background-color: #87CEFA; /* Light Sky Blue - was #8D8D8D; */
  color: #191970; /* midnight blue #191970; - was white */
}
.dxgvSelectedRow .dxgvCommandColumn a:hover, 
.dxgvFocusedRow .dxgvCommandColumn a:hover
{
  background-color: #87CEFA; /* Light Sky Blue - was #8D8D8D; */
  color: #191970; /* midnight blue - was white */
}
.dxgvSelectedRow .dxgvCommandColumn a:visited, 
.dxgvFocusedRow .dxgvCommandColumn a:visited
{
  background-color: #87CEFA; /* Light Sky Blue - was #8D8D8D; */
  color: #191970; /* midnight blue - was white */
}

.dxgvPreviewRow
{
  background-color: #F5F5F5;
  color: #707070;
}
.dxgvDetailCell,
.dxgvPreviewRow td.dxgv,
.dxgvEmptyDataRow td.dxgv
{
  padding: 20px 2px 20px 4px;
  border-bottom: Solid 1px #D3D3D3;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}
.dxgvPreviewRow td.dxgv
{
  padding: 10px 10px 10px 15px;
}
.dxgvDetailCell
{
  background-color: #ADD8E6; /* Sky Blue - was #8D8D8D; */
  color: #191970; /* midnight blue - was white */
  padding: 16px 18px 16px 0px;
}
.dxgvDetailRow td.dxgvIndentCell 
{
  background-color: #ADD8E6; /* Sky Blue - was #8D8D8D; */
  color: #191970; /* midnight blue - was white */
  padding-right: 0px;
  border-bottom: Solid 1px #D3D3D3;
}
.dxgvEmptyDataRow
{
}
.dxgvEmptyDataRow td.dxgv
{
  background-color: #B0E0E6; /* Powder Blue - was #8D8D8D; */
  color: #191970; /* midnight blue - was black */
  border-bottom: Solid 1px #CFCFCF;
  text-align: center;
}

.dxgvEditFormDisplayRow td.dxgv,
.dxgvDataRow td.dxgv,
.dxgvDataRowAlt td.dxgv,
.dxgvSelectedRow td.dxgv,
.dxgvFocusedRow td.dxgv
{
  overflow: hidden;
  border-bottom: Solid 1px #CFCFCF;
  border-right: Solid 1px #CFCFCF;
  border-top: 0;
  border-left: 0;
  padding: 3px 6px 4px 6px;
}
.dxgvEditFormDisplayRow
{
}
.dxgvEditFormDisplayRow td.dxgv 
{
}
.dxgvEditingErrorRow
{
  background-color: #FFC8C8;
  color: #FF0000;
}
.dxgvEditingErrorRow td.dxgv
{
  white-space: pre-wrap;
  border-bottom: Solid 1px #D3D3D3;
  border-right: 0;
  border-top: 0;
  border-left: 0;
  padding: 6px 10px 6px 10px;
}

.dxgvFilterRow td.dxgv
{
  border-bottom: Solid 1px #C1C1C1;
  border-right: Solid 1px #C1C1C1;
  border-top: 0;
  border-left: 0;
  padding: 2px 2px 2px 2px;
}
.dxgvGroupRow
{
  background-color: #EDEDED;
}
.dxgvFocusedGroupRow
{
  background-color: #8D8D8D;
  color: White;
}
.dxgvGroupRow td.dxgv,
.dxgvFocusedGroupRow td.dxgv
{
  border: none 0;
  vertical-align: middle;
  white-space: nowrap;
  border-bottom: Solid 1px #D3D3D3;
  padding: 3px 6px 4px 6px;
}
.dxgvFocusedRow td.dxgvIndentCell,
.dxgvFocusedGroupRow td.dxgvIndentCell,
.dxgvSelectedRow td.dxgvIndentCell
{
  background-color: #EDEDED!important;  
  border-right: solid 1px #CFCFCF;
  border-top: 0px;
}
.dxgvHeaderPanel {
  background-color: #F9F9F9;
  color: Black;
  padding: 8px 6px 8px 6px;
  border-bottom: Solid 1px #9F9F9F;
}

.dxgvHeader {
  cursor: pointer;
  white-space: nowrap;
  padding: 4px 6px 5px 6px;
  border: Solid 1px #9F9F9F;
  background-color: #DCDCDC;
  overflow: hidden;
  font-weight: normal;
  text-align: left;       
}
.dxgvHeader, .dxgvHeader table {
  color: Black;
  font-size: 9pt;
}
.dxgvHeader td {
  white-space: nowrap;
}
.dxgvHeader a {
  color: #0d45b7;
}
.dxgvCustomization, 
.dxgvPopupEditForm
{
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}
.dxgvGroupPanel
{
  white-space: nowrap;
  font-size: 9pt;
  background-color: #EDEDED;
  color: #8D8D8D;
  border-bottom: Solid 1px #9F9F9F;
  padding: 7px 4px 8px 6px;
}
.dxgvFooter
{
  background-color: #D7D7D7;
  white-space: nowrap;
}
.dxgvFooter td.dxgv
{
  padding: 5px 6px 6px 6px;
  border-bottom: Solid 1px #BCBCBC;
  border-right: 0;
}
.dxgvGroupFooter
{
  background-color: #E0E0E0;
}
.dxgvGroupFooter td.dxgv 
{
  white-space: nowrap;
}
.dxgvGroupFooter td.dxgv 
{
  padding: 5px 4px 6px 6px;
  border-bottom: Solid 1px #CFCFCF;
  border-right: 0;
}
.dxgvDataRow td.dxgvIndentCell,
.dxgvGroupRow td.dxgvIndentCell,
.dxgvGroupFooter td.dxgvIndentCell
{
  background-color: #EDEDED;
  border-right: Solid 1px #CFCFCF;
  border-top: 0px;
}

.dxgvTitlePanel, 
.dxgvTable caption
{
  font-size: 15px;
  font-weight: normal;
  padding: 3px 3px 5px 3px;
  text-align: center;     
  background-color: #ACACAC;
  color: White;
  border-bottom: Solid 1px #9F9F9F;
}
.dxgvLoadingDiv
{
  background-color: grey;  /* was grey */
  opacity: 0.1;  
  filter: alpha(opacity=1);
}
.dxgvStatusBar
{
  border-top: Solid 1px #9F9F9F;
}
.dxgvStatusBar tr.dxgv
{
  height: 20px;
}
.dxgvCommandColumn
{
  padding: 2px 2px 2px 2px;
}
.dxgvCommandColumn a
{
  margin: 0px 3px 0px 0px;
  color:  #0d45b7;
}
.dxgvCommandColumn a:hover
{
  color:  #5494ea;
}
.dxgvCommandColumn a:visited
{
  color:  #ab59a6;
}

.dxgvCommandColumnItem
{
}
.dxgvEditFormTable
{
  padding: 2px 6px 6px 4px;
  font-size: 11px;
  color: Black;
}
.dxgvEditFormTable a
{
  color: #0d45b7;
}
.dxgvEditFormTable a:hover
{
  color: #5494ea;
}
.dxgvEditFormTable a:visited
{
  color: #ab59a6;
}

.dxgvEditFormCaption
{
  padding: 4px 4px 4px 10px; 
}

.dxgvInlineEditCell
{
  padding: 1px 1px 1px 1px; 
}

.dxgvEditFormCell
{
  padding: 4px 4px 4px 4px; 
  border: 0;
}
.dxgvControl .dxpControl td.dxpCtrl, .dxgvDisabled .dxpControl
{
  padding-top: 4px;    
}

.dxgvPagerTopPanel
{       
}
.dxgvPagerBottomPanel
{
}
.dxgvDetailButton
{
}

.dxgvFilterBar 
{
  border-top: solid 1px #9F9F9F;  
  background: #d4d4d4;
}
.dxgvFilterBar a
{
  color: #394ea2;
  text-decoration: underline;             
}
.dxgvFilterBarCheckBoxCell
{
  padding: 0 3px;
  padding-right: 7px;
}
.dxgvFilterBarImageCell
{
  padding: 0 3px;
  padding-right: 1px;
  cursor: pointer;
}
.dxgvFilterBarExpressionCell
{
  font-size: 9pt;
  padding: 5px 5px 8px 0; 
  white-space: nowrap;
}
.dxgvFilterBarClearButtonCell
{
  font-size: 9pt;
  padding: 5px 6px 8px;
}
.dxgvFilterBuilderMainArea 
{
  background: white;
  padding: 6px 2px;
} 
.dxgvFilterBuilderButtonArea
{
  background: #ededed;
  border-top: solid 1px #cfcfcf;
  padding: 6px;
}

.dxgvDataRowHover
{
  background: #cfcfcf;
  color: Black;
}

/* The following modifies the page number control which exists under the main table */
div.pager
{
  display: inline;
  position: relative;
  padding: 0px;
  padding-left: 6px;
  padding-right: 2px;
  background:#FFFFFF;                          /* white */
}
/* The following modifies the results per page control which exists under the main table */
div.results
{
  display: inline;
  position: relative;
  padding: 0px;
  padding-left: 6px;
  padding-right: 6px;
  margin-top: -1.75em;
  float:right;
  background:#FFFFFF;                          /* white */
}
/* Set's the appearance of the drop down control*/
.droplist
{
  padding: 0px;
  font-size: .95em;
  color: black; /* #666666; */
}
/* Bottom hyperlink design*/
div.bottomhyperlink
{
  font-size: 100%;
  margin-top: -3px;
}
div.bottomhyperlink a:link,
div.bottomhyperlink a:visited
{
  color: #839ce7;
  text-decoration: none;
  font-size: 100%;
  margin-top: -3px;
}
div.bottomhyperlink a:hover
{
  color: #000099;
  text-decoration: underline !important;
  font-size: 100%;
}
div.bottomhyperlink img
{
  position: relative;
  top: 0em;
  padding-right: .4em;
  border: none;
}

/*==============================================================================

  GRC multi-level script-free pure-CSS menuing system stylesheet.
  This code is hereby placed into the public domain by its author
  Steve Gibson. It may be freely used for any purpose whatsoever.

  Computed Geometries:    with a default 12px font, 1.0em == 12px and
  1px == 0.08333em.
  Thus, our 98px wide Freeware & Research buttons are 8.166666em wide.

        PUBLIC DOMAIN CONTRIBUTION NOTICE                                                      
  This work has been explicitly placed into the Public Domain for the
  benefit of anyone who may find it useful for any purpose whatsoever.
  
==============================================================================*/

 /*================= STYLES FOR THE GRC MASTHEAD & CONTROLS ==================*/

.menuminwidth0 {             /* for all browsers (non-IE) that obey min-width */
  position:relative;
  border:0;
  margin:0;
  padding:0;
  width:100%;
  height:50px;/* 36px masthead height + 18px button height + 1px lower border*/
  min-width:700px;
}

/* suppress our whole menu when not an interactive mode (when printing, etc.) */
@media print, projection { .menuminwidth0 { d\isplay:none; } }

* html .menuminwidth1 { /* this allows IE5/6 to simulate min-width capability */
  position:relative;  /* we can simulate a minimum width by creating a large */
  float:left;          /* border in this first div, then placing our content */
  height: 1px;          /* into a second nested div (see 2nd nested div next */
  border-left:560px solid #fff;    /* CSS box-model borders are a fixed size */
}

* html .menuminwidth2 {    /* used to simulate min-width capability for IE5/6 */
  position:relative;
  margin-left:-560px;
  height: 1px;
}

#masthead {
  position:relative;      /* position our child objects relative to this div */
  float:right;
  vertical-align:top;              /* protect from super-large user text sizing */
  border:0;
  margin:0;
  padding:0;
  width:100%;                                  /* grey-fill the entire width */
  height:65px;                  /* set the overall height above the menu-bar */
  background:#FFFFFF;                          /* white */
}

#text {                                                 /* search text field */
  position:absolute;
  border:1px solid #404040;
  margin:0;
  padding:0 0 0 2px;                               /* move the left starting point a bit right */
  top:7px;
  right:65px;
  width:12em;                                                                                                               /* search field width */
/*      height:1.215em;         we'll define this at the bottom of our style sheet */
  font-size:14px !important;
  background:#fefefe;
}



 /*========================= TOP OF THE MENU CASCADE =========================*/

.menu {
  position:relative;        /* establish a menu-relative positioning context */
  float:left;                                     /* play nicely with others */
  margin:0;
  padding:0;
  border:0;
  height:20px;                                  /* the menu's overall height */
  width:100%;         /* we always want our menu to fill the available space */
  background:#f3f3f3;
  font-size:14px!important;         /* this (and also below) sets the menu's font size */
  border-top:1px solid black;        /* give us a black border underneath */
  border-bottom:1px solid black;        /* give us a black border underneath */
}

.menu img {
  vertical-align: top;      /* prevent images from being pushed down by text */
}

.menu ul {
  margin:0;
  list-style-type:none;          /* we don't want to view the list as a list */
  line-height:1.5em;           /* globally set the menu's item spacing. note */
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */

.menu li {
  float:left;    /* this creates the side-by-side array of top-level buttons */
  position:relative;    /* create local positioning contexts for each button */
  margin:0;
}

.menu ul li table {
  margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
  m\argin:0;               /* re-zero the table margins for everyone but IE5 */
  border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
  font-size:14px!important;        /* this sets the base font size for our entire menu */
}

.drop {
  display:block;
  padding:0px 0.33em;            /* this sets the l/r margins for our menu item */
  margin:0;
  text-align:right;   /* this right alignment goes with the float:left below */
  cursor:pointer;      /* IE tries to switch back to an I-beam, don't let it */
  cursor:hand;           /* IE5 only knows about "hand", so set it both ways */
}

.drop span {        /* this simultaneously left and right aligns the text and */
  float:left;       /* the >> in the drop-down menus which link to sub-menus */
}

.rightmenu {
  position:relative;  /* establish a local positioning context for YAH label */
  float:right;                  /* and right-align it at the top of our page */
}

/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.menu ul li ul {
  display:none;                  /* initially hide the entire list hierarchy */
  padding:1px;                               /* this is our box border width */
  
}

.menu ul li a,
.menu ul li a:visited {                    /* unselected top-level menu items */
  display:block;
  float:left;
  text-decoration:none;
  height:20px;
  color:black;                        /* this sets the unselected-text color */   
}

.menu ul li:hover a,
.menu ul li a:hover {                        /* selected top-level menu items */
  background:#d8d8d8;       /* this sets the drop-down menu background color */
  border-top:0px solid #000;    /* these 2 lines create the push-in illusion */
  height:20px;
}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul,
.menu ul li a:hover ul {                           /* 2nd level drop-down box */
  display:block;
  position:absolute;
  margin:0;
  top:20px;              /* place us just up underneath the top-level images */
  left:-1px;       /* left-align our drop-down to the previous button border */
  height:auto;      /* the drop-down height will be determiend by line count */
  width:15.5em;
  color:black;                        /* this sets the unselected-text color */
  background:black;         /* this sets our menu's effective "border" color */
}

.menu ul li:hover ul.leftbutton,
.menu ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
  left:0px;
}

.menu ul li:hover ul.skinny,
.menu ul li a:hover ul.skinny {             /* 2nd level skinny drop-down box */
  width:8.08333em;   /* with a 12px default font, this is 97px width (97/12) */
}

.menu ul.rightmenu li:hover ul,
.menu ul.rightmenu li a:hover ul {    /* 2nd level neighborhood drop-down box */
  left:auto;
  right:0;         /* nudge the right menu right to line up under the border */
  width:400px;      /* with a 12px default font, this is 228px width (228/12) */
}

* html .menu ul.rightmenu li a:hover ul {         /* IE5/6 needs a tweak here */
  right:-1px;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {                   /* 2nd level unselected items */
  border:0;
  margin:0;
  padding:0;
  height:auto;
  color:#000;               /* this sets the unselected drop-down text color */
  background:#d8d8d8;       /* this sets the drop-down menu background color */
  width:15.5em;
}

.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
  color:black;
  background:#f3f3f3;
}

.menu ul li:hover ul.skinny li a,
.menu ul li a:hover ul.skinny li a,
.menu ul li:hover ul.skinny li a:hover,
.menu ul li a:hover ul.skinny li a:hover {     /* 2nd level un+selected items */
  width:8.08333em;
}

#text {           /* the Mac's standard Safari browser will not see this code */
  height:1.215em;#           /* ...  but every other browser will and should */
} /* Safari barfs on the illegal pound sign (#) after the rule's property val */