/* BEI Base CSS definitions                                             */
/*                                                                      */
/* Styles here should not be modified by customer styles.               */
/* See bei.css for styles which could be overridden by customer styles. */
/*                                                                      */
/***NB:  see defprintstyle.css for the print calendar styles            */


/* begin experimental styles */
#select a.jump{text-decoration:none;outline:none;}
#select img{border:0;}
/* end experimental styles */

/* beginning of silver surfer design styles */
.bg_hdr {
    background-image: url("/icons/hdr_blue.gif"); background-position: bottom right; background-repeat: repeat-x;
}
.bg_hdr_2 {
    background-image: url("/icons/bg_silver.gif");
    background-position: bottom right;
    background-repeat: repeat-x;
}
.bg_hdr_16 {
    background-image: url("/icons/bg_hdr.gif");
    background-position: bottom right;
    background-repeat: repeat-x;
}
.bg_px20 {
    background-image: url("/icons/Button20px.gif");
    background-position: bottom right;
    background-repeat: repeat-x;
}
.bg_px28 {
    background-image: url("/icons/Button28px.gif");
    background-position: bottom right;
    background-repeat: repeat-x;
}
.ro_hdr {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
    background-color:#ffffff;
}
.rollover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    background-color:#ffffff;
}
.ro_link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #0033CC;
    background-color:#ffffff;
    text-decoration: none;
}
.ro_item {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    background-color:#ffffff;
    text-decoration: none;
}

.tbl_hdr {
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background-color:#000000;
    text-decoration: none;
}
.body_dim {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #666666;
    background-color:#ffffff;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
.search_box {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #FFFFFF;
    background-color:#000000;
    text-decoration: none;
    line-height: 16px;
}
.style1 {color: #FFFFFF;background-color:#000000;}
.prop_box {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: none;
    background-color:#000000;
    line-height: 16px;
}
.ro_item_w {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #FFFFFF;
    background-color:#000000;
    text-decoration: none;
}

.inputimg {
  border-width: 0;
  border-top-style: none;
  border-left-style: none;
  background:none
  }

li.divoption {
    font-family: Verdana, arial, geneva, sans-serif;
    font-weight: normal;
    font-size: 11px;
    list-style: none;
    text-align: left;
    }

table.options{background-color:#E6E6E6;
              border-left:1px solid #000000;
              border-right:1px solid #000000;
              border-bottom:1px solid #000000;
              }

a.divoption {
    font-family: Verdana, arial, geneva, sans-serif;
    font-weight: normal;
    font-size: 11px;
    text-decoration:none;
    }
a.divoption:link {text-decoration:none; color:#000000; background:transparent}
a.divoption:hover {text-decoration:underline; color:#000000; background:transparent}

/* end of silver surfer design styles */


/* Beginning of BEI UI styles */
/* General Styles */

.textJustified {
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    text-align: justify;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.warning,li.warning,a.warning, a:link.warning, a:visited.warning, a:active.warning, a:hover.warning {
  font-family: tahoma, verdana, arial, geneva, sans-serif;
  color: red;
  }
/*Class used for links */
a.beilink {
    font-weight:normal;
    font-size: 10px;
    color:#000000;
    text-decoration:none
}
a.beilink:link{color:#000000;text-decoration:none}
a.beilink:visited{color:#000000;text-decoration:none}
a.beilink:hover{color:#000000;text-decoration:underline}
a.beilink:active{color:#000000;text-decoration:none}

/* Class used for white text header links (Help) */
a.header {
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-weight: normal;
    font-size: 11px;
    color: #FFFFFF;
    text-decoration:none;
    }
a.header:link {text-decoration:none; color:#FFFFFF;}
a.header:visited {text-decoration:none; color:#FFFFFF;}
a.header:hover {text-decoration:underline; color:#FFFFFF;}
a.header:active {text-decoration:none; color:#FFFFFF;}

a.underline {
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-weight: normal;
    font-size: 11px;
    color: #FFFFFF;
    text-decoration:underline;
    }
a.underline:link {text-decoration:underline; color:#FFFFFF;}
a.underline:visited {text-decoration:underline; color:#FFFFFF;}
a.underline:hover {text-decoration:underline; color:#FFFFFF;}
a.underline:active {text-decoration:underline; color:#FFFFFF;}
/*
ul { text-align:left;
     margin:0;
     padding:.5em .5em .5em 1.5em;
}
*/
.bei_button{
  background-image: url("/icons/Button20px.gif");
    background-position: bottom right;
    background-repeat: repeat-x;
    border:1px solid #000000;
    font-weight: bold;
    font-size: 12px;
    color:#000000;
  }

.bei_command_button {
    background-image: url("/icons/Button20px.gif");
    background-position: bottom right;
    background-repeat: repeat-x;
    border:1px solid #000000;
    border-right: none;
    font-weight: bold;
    font-size: 12px;
    color:#000000;
  margin: 0;
  padding: 0;
  display: inline;
}
.bei_menu_button {
    background-image: url("/icons/Button20px.gif");
    background-position: top right;
    background-repeat: repeat-x;
    border:1px solid #000000;
    border-left: none;
    font-weight: bold;
    font-size: 12px;
    color:#000000;
  margin: 0;
  padding: 0;
  display:inline;
}
.bei_button_fixed {
    background-image: url("/icons/Button20px.gif");
    background-position: bottom right;
    background-repeat: repeat-x;
    border:1px solid #000000;
    width: 100px;
    font-weight: bold;
    font-size: 12px;
    color:#000000;
}
.bei_button_small {
    background-image: url("/icons/bg_hdr.gif");
    background-position: bottom right;
    background-repeat: repeat-x;
    border:1px solid #000000;
    font-weight: bold;
    font-size: 10px;
    color:#000000;
}

.SolidHorzSeparator {
    background-color: #C1C1C1;
}

input.check{
  border-top-style: none;
  border-left-style: none;
  background:none
  }

.submit, .button {
  font-family: tahoma, verdana, arial, geneva, sans-serif;
  font-weight:bold;
  font-size:12px;
  color: #000000;
  background: #cccccc; /*middle shade*/ }

input.buttonAsLink {
    border: 0px inset;
    background-color: transparent;
    color: #000000;
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-weight: normal;
    text-decoration: underline;
    cursor: pointer;
}
input.printButtonAsLink{
    border: 0px inset;
    background-color: transparent;
    text-align:left;
    margin:0;
    background-image:url("/icons/IconPrint.gif");
    background-repeat:no-repeat;
    background-position: 0% 50%;
    padding-left:1.4em;
    color: #000000;
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-weight: normal;
    font-size: 11px;
    text-decoration: underline;
    cursor: pointer;
}
/* Table Rows - Uses neutral color scheme */
tr { empty-cells:show }
/* End of General Styles */
/* Sub Header Styles */
.MainSubHeaderBg {
    background-image: url("/icons/headerBg.gif");
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
    color: #FFFFFF;
    height: 20px;
}
#MainSubHeaderBg a {
    color: #FFFFFF;
     text-decoration:none;
}
#MainSubHeaderBg a:hover{
    color: #FFFFFF;
    text-decoration: underline;
}
.SubHeader {
    font-family: Tahoma, Verdana, Arial;
    font-size: 22px;
    background-color: #FFFFFF;
    padding-top: 0px;
    padding-right: 7px;
    padding-bottom: 0px;
    padding-left: 7px;
}

/* Content page styles */
.ContentSubHeader {
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
    background-image: url("/icons/ContentSubHeaderBg.gif");
    height: 23px;
    padding-left: 5px;
  margin: 0;

}
.ContentColumnHeader {
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
    background-image: url("/icons/ContentColumnHeaderBg.gif");
    height: 16px;
}

.SubHeaderBg {
    font-family: Tahoma, Verdana, Arial;
    background-color: #FFFFFF;
    padding-left: 5px;
}
.ContentHeaderBg {
    background-image: url("/icons/ContentHeaderBg.gif");
}
#ContentHeaderTitle {
    color: white;
    font-size: 14px;
    font-weight: bold
}
.ContentSubHeaderSearch {
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
    height: 18px;
    width: 72px;
}
.ContentMenusHeaders {
    font-family: Tahoma, Verdana, Arial;
    font-weight: bold;
    margin-left: 7px;
}
.ContentInfoTable {
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
    font-weight: normal;
  padding: 0;
  margin: 0;
}
.ContentRow {
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
    margin: 5px;
    padding: 5px;
}

/* end of Content page styles */

/* Search Menu styles */
#searchMenu{visibility:hidden;top:0px;left:0px;position:absolute;background-color:#E6E6E6;border-style:solid;border-width:1px 1px 1px 1px;}
#searchMenu a.helplink{
    font-family: Tahoma, Verdana, Arial;
    font-size: 10px;
    text-decoration: none;
}
/* end of Search Menu styles */

/* Footer styles */
.FooterTable {
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
    background-image: url("/icons/UI_Footer.png");
    height: 24px;
}
#footerOptions{text-align: left;
               font-family: Tahoma, Verdana, Arial;
           font-size: 11px;
}
#footerOptions TD{text-align: left;
                  font-family: Tahoma, Verdana, Arial;
              font-size: 11px;
}
#footerOptions a{text-align:left;
                  font-size: 11px;
                  text-decoration:none;
                  font-weight:normal;
                  color:#000000;
                  margin:0;
}
#footerOptions a:hover{text-align:left;
                        text-decoration:underline;
}

/* end Footer styles */

/* Landing/Home page styles */
.ContentTable {
    font-family: Tahoma, Verdana, Arial;
    background-color: #CECECE;
    padding:0;
    margin:0;
}
.ContentTable td{
    padding:0;
    margin:0;
}

.ContentTable .homeHeaderBg {
    padding-left:.5em;
    vertical-align:middle;
    font-size: 1em;
    font-weight: bold;
    height: 2em;
    width:100%;
    background-image: url("/icons/ContentHeaderBg.gif");
    background-repeat: repeat-x;
    background-color:transparent;
}

.homeContentSubHeader{
    font-family: Tahoma, Verdana, Arial;
    font-size: .9em;
    font-weight: bold;
    padding-left: 0.5em;
    padding-bottom: 0.2em;
    padding-top: 0.5em;
    white-space: nowrap;
}
.homeContentSubHeaderFlat{
    font-family: Tahoma, Verdana, Arial;
    font-size: .9em;
    padding-left: 0.5em;
    padding-bottom: 0.5em;
}
#headerOptions{
    text-align: left;
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
}
#headerOptions a{text-align:left;
                  text-decoration:none;
                  font-weight:normal;
                  color:#FFFFFF;
                  margin:0;
}
#headerOptions a:hover{text-align:left;
                        text-decoration:underline;
}
#homeNewRequest{
    text-align: left;
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
}
#homeNewRequest ul{
        text-align:left;
        margin:0;
        padding:0 .5em .5em 1.5em;
    list-style:none;
}
#homeNewRequest li{
        text-align:left;
        margin:0;
    background-image:url("/icons/IconNewRequestDark.gif");
    background-repeat:no-repeat;
    background-position: 0% 50%;
    padding-left:1.7em;
    padding-right:.5em;
    padding-top:.2em;
    padding-bottom:.2em
}
#homeNewRequest a{text-align:left;
                  text-decoration:none;
                  font-weight:normal;
                  color:#000000;
                  margin:0;
}
#homeNewRequest a:hover{text-align:left;
                        text-decoration:underline;
}
div#tabmenu{float:left;width:500px;padding-top:5px;}
ul#tabnav,ul#tabnav li{list-style-type:none;margin:0;padding:0}
ul#tabnav{padding-left: 5px}
ul#tabnav li{float:left;width:101px;margin-right:2px;text-align: center}
ul#tabnav a{float:left;width:101px;padding: 2px 0 5px;text-decoration:none;background: #e5e5e5;color: #999}
ul#tabnav li.activelink a,ul#tabnav a:hover{color: #000}

#homeMyRequest{
    text-align: left;
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
}
#homeMyRequest a{text-align:left;
                  text-decoration:none;
                  font-weight:normal;
                  color:#000000;
                  margin:0;
}
#homeMyRequest a:hover{text-align:left;
                        text-decoration:underline;
}
#homeMyRequest ul{
        text-align:left;
    list-style:none;
    margin:0;
    padding:0 .5em .1em .5em;
}
#homeMyRequest li{
        text-align:left;
    margin:0;
    background-image:url("/icons/IconNewRequest.gif");
    background-repeat:no-repeat;
    background-position: 0% 50%;
    padding-left:1.7em;
    padding-right:.5em;
    padding-top:.2em;
    padding-bottom:.2em
}
#homeInfo{
    text-align: left;
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
}
#homeInfo ul{
        text-align:left;
        margin:0;
        padding:0 .5em .5em 1.5em;
    list-style:none;
}
#homeInfo li{
        text-align:left;
        margin:0;
    background-image:url("/icons/IconNewRequestDark.gif");
    background-repeat:no-repeat;
    background-position: 0% 50%;
    padding-left:1.7em;
    padding-right:.5em;
    padding-top:.2em;
    padding-bottom:.2em
}
#homeInfo a{text-align:left;
                  text-decoration:none;
                  font-weight:normal;
                  color:#000000;
                  margin:0;
}
#homeInfo a:hover{text-align:left;
                        text-decoration:underline;
}

/* end Home/Landing Page Styles */

/* Left Menu */
.ContentLeftNavTable {
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
    font-weight: normal;
  padding: 0;
  margin: 0;
}
.ContentVerticalSeparatorLight {
    background-image: url("/icons/ContentVerticalSeparatorLight.gif");
    background-repeat: no-repeat;
    background-position: center;
}
.ContentVerticalSeparatorDark {
    background-image: url("/icons/ContentVerticalSeparatorDark.gif");
    background-repeat: repeat-y;
}
.SolidVerticalSeparatorDark {
    background-image: url("/icons/SolidVerticalSeparatorDark.gif");
    background-repeat: repeat-y;
}
.SolidHorizontalSeparatorDark {
    background-image: url("/icons/SolidHorizontalSeparatorDark.gif");
    background-repeat: repeat-x;
}
.ContentHorizontalSeparatorDark {
    background-image: url("/icons/ContentHorizontalSeparatorDark.gif");
    background-repeat: repeat-x;
}
.ContentLeftNavBold {
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
    padding-left:2px;
    font-weight: bold;
    text-align: left;
}
.ContentLeftNavBg {
    background-color: #EFEFEF;
}
.ContentBg {
    background-color: #EFEFEF;
}
.ContentPaddedBg {
    background-color: #EFEFEF;
    padding-left: .4em;
    padding-top: .4em;
    padding-right: .4em;
    padding-bottom: .4em
}
.ContentDarkBg {
    background-color: #B3B3B3;
}
.ContentLeftNavSel {
    background-image: url("/icons/ContentLeftNavSelBg.gif");
    background-repeat: repeat;
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
    font-weight: normal;
    color: #FFFFFF;

}
.ContentHeaderDark {
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    background-image: url("/icons/ContentLeftNavSelBg.gif");
    background-repeat: repeat;
}
#leftMenuItems div{
    text-align:left;
    padding:0 .2em .2em .3em;
    font-size:.9em;
    width:13em;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: dashed;
    border-left-style: none;
    border-top-color: #999999;
    border-right-color: #999999;
    border-bottom-color: #999999;
    border-left-color: #999999;
}

#leftMenuItems ul{list-style:none;margin:0;padding-left:.2em;padding-bottom:.15em;text-align:left;font-weight: bold;font-size: 11px;}
html>body #leftMenuItems li#bulk, html>body #leftMenuItems li#trash{float:left;clear:none;}
#leftMenuItems li{list-style: circle inside;text-align:left;margin:0;padding-left:.2em; padding-right:.2em; padding-top:.15em; padding-bottom:.15em;font-size: 11px;}
#leftMenuItems li.hover a, #leftMenuItems li:hover a{text-align:left;text-decoration:underline;}
#leftMenuItems li.onMenu{color:#000000;
                         text-align:left;
                         font-weight:normal;
                         list-style: disc inside;
                         }
a.popupLink:active { COLOR: blue; outline: none }
#leftMenuItems li.offMenu{color:#000000;
                         text-align:left;
                         font-weight:normal;
                         list-style: circle inside;
                         }
#leftMenuItems a.onMenu{text-align:left;
                        color:#000000;
                         font-weight:normal;
                        }
#leftMenuItems a.offMenu{text-align:left;
                        color:#000000;
                         font-weight:normal;
                         text-decoration:none;
                        }
#leftMenuItems li{border-width:0px;}
#leftMenuItems li.onMenu{color:#000000;}
#leftMenuItems li.hover, #leftMenuItems li:hover{background-color:#E6E6E6;border-color:#C1C1C1;}
/*
 #leftMenuItems li{text-align:left;border-style:solid;border-width:1px;margin:0;background-image:url("/icons/IconNewRequest.gif");background-repeat:no-repeat;background-position: 4% 50%;padding-left:2em; padding-right:.5em; padding-top:.15em; padding-bottom:.15em}
                         background-image:url("/icons/IconNewRequest.gif");
#leftMenuItems li.onMenu{color:#000000;border-color:#C1C1C1;background-color:#A6A8AB;}
*/

#menuSubHeader1{visibility:hidden;top:0px;left:0px;position:absolute;background-color:#E6E6E6;border-style:solid;border-width:1px 1px 1px 1px;}
#menuSubHeader1 ul{list-style:none;margin:5px;padding:0 .5em .1em .5em;}

#menuSubHeader2{visibility:hidden;top:0px;left:0px;position:absolute;background-color:#E6E6E6;border-style:solid;border-width:1px 1px 1px 1px;}
#menuSubHeader2 ul{list-style:none;margin:5px;padding:0 .5em .1em .5em;}

/* Begin form styles */
#formHeaderInfo {
    width: auto;
    font-family: Tahoma, Verdana, Arial;
    margin: 0;
    padding: 0;
    font-size: 11px;
    height: 24px;
}
#formHeaderInfo .formHeaderInfoBold {
    font-weight: bold;
    font-size: 11px;
    background: transparent;
}
#formHeaderInfo .formHeaderInfoRegular {
    font-size: 11px;
    padding-left: 5px;
    padding-right: 5px;
    background: transparent;
}
#formHeaderInfo table {
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
}
#formLeftBox table {
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
    border: 1px solid #000000;
    overflow: auto;
    padding-right: 5px;
    padding-left: 5px;
    margin-right: 5px;
    margin-left: 5px;
}
#formLeftBox td.dashedCell {
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: 0px;
    margin-left: 0px;
    height: 1px;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #818385;
}
#formDirections {
    font-family: Tahoma, Verdana, Arial;
    font-size: 10px;
    padding: 0px;
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
}
#formDirections table td{
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
}
#formDirections ol {
                text-align:left;
                font-size: 11px;
                font-weight: bold;
                font-family: Tahoma, Verdana, Arial;
                margin:1px;
                padding-left:1px;
                list-style-position: inside;
                list-style-type: decimal;
}
#formDirections ol.required {
                text-align:left;
                font-size: 11px;
                font-weight: bold;
                font-family: Tahoma, Verdana, Arial;
                margin:1px;
                padding-left:1px;
                list-style-type: decimal;
                color: #A50127;
}
#formDirections ol li{ font-size: 11px;
                font-weight: normal;
                font-family: Tahoma, Verdana, Arial;
                text-align: left;
                list-style-position: inside;
                list-style-type: decimal;
}
#formDirections li.required{ font-size: 11px;
                font-weight: normal;
                font-family: Tahoma, Verdana, Arial;
                text-align: left;
                color: #A50127;
}

 .formCellLayout td {
    margin: 0;
    padding: 0;
  background-color: #FFFFFF;
}

.formSubHeader {
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    height: 20px;
    background-image: url("/icons/UI_Footer.png");
    padding: 0px 5px;
}
.formTable {
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
    background-color:#ffffff;
  padding: 0;
  margin: 0;
}
.formTable td{
    padding:3px 5px;
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
}
.formTable error{
    padding:3px 5px;
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
    background-color:#ffcccc;
}
.formTable TH{
    padding: 0px 5px;
    font-family: Tahoma, Verdana, Arial;
    color: #000000;
    font-size: 11px;
}
.formLabel { font-family: Tahoma, Verdana, Arial;
    font-weight: normal;
    font-size: 11px;
    color: #000000;
    border-style: none;
    padding-left: 0px;
    padding-right: 0px;
}
.formSubmitCell {
    text-align:center;
    background-image: url("/icons/formSubmitBg.gif");
    background-repeat: repeat-x;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #C1C1C1;
  padding-top: .1em;
  margin-top: .1em;
}
.formHeaderInfoBold {
    font-weight: bold;
    font-size: 11px;
    background: transparent;
}
.formHeaderInfoRegular {
    font-size: 11px;
    padding-left: 5px;
    padding-right: 5px;
}
.formRequiredField {
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
    color: #A50127;
}
.formLeftInfo td{
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
  padding: 0;
  margin: 0;
}
.formLeftTopInfo {
    width:13em;
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
  padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
}
.formRightInfo {
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
}
.formRightTopInfo {
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
    margin-right: 5px;
    margin-left: 5px;
    height: 65px;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #818385;
}
.formRightMiddleInfo {
    margin-right: 5px;
    margin-left: 5px;
    height: 65px;
    margin-top: 5px;

}
.formLargeDropDown {
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
    height: 20px;
    width: 233px;
}
.formLargeTextArea {
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
    height: 72px;
    width: 233px;
}
.formLargeTextInput {
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
    width: 233px;
}
.formMediumTextInput {
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
    width: 120px;
}
.formSmallTextInput {
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
    width: 24px;
}
.formDateTimeTextInput {
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
    width: 61px;
}
.formMediumDropDown {
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
    height: 20px;
    width: 92px;
}
/* Login Styles -- must be below other New UI styles because something overrides these styles */

.loginTableBg {
    background-image: url("/icons/loginBg.gif");
    border: 1px solid #FFFFFF;
}
.loginTableBg244 {
    background-image: url("/icons/loginBg244.gif");
    border: 1px solid #FFFFFF;
}
.loginTableBg314 {
    background-image: url("/icons/loginBg314.gif");
    border: 1px solid #FFFFFF;
}
#loginTable table {
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
    color: #FFFFFF;
}
#loginTable a {
    color: #FFFFFF;
    text-decoration: none;
}
#loginTable a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}
.loginInformation {
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
    color: #76B0DF;
}
.loginSubHeaders {
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
}
#LoginTitle {
    color: white;
    font-family: tahoma, verdana, arial, geneva, sans-serif;
    font-size: 24px;
    font-weight: bold
}
#LoginTitleText {
    color: white;
    font-family: tahoma, verdana, arial, geneva, sans-serif;
    font-size: 12px;
    font-weight: normal
}
#LoginTitleTextHeader {
    color: white;
    font-family: tahoma, verdana, arial, geneva, sans-serif;
    font-size: 14px;
    font-weight: bold
}
#LoginButtonText {
    color: black;
    font-family: tahoma, verdana, arial, geneva, sans-serif;
    font-size: 12px;
    font-weight: normal
}
.loginButton {
    background-image: url("/icons/bg_silver.gif");
    background-position: bottom right;
    background-repeat: repeat-x;
}
.loginButton a{
    color: black;
    font-family: tahoma, verdana, arial, geneva, sans-serif;
    font-size: 12px;
    font-weight: normal
}

/* End of Login Styles */

/* Building Advantage Styles */

#baRightNav{
    text-align: left;
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
}
#baRightNav ul{
    text-align:left;
    margin:0;
    padding:0 .5em .5em 1.5em;
    list-style:none;
}
#baRightNav li{
    text-align:left;
    margin:0;
    background-image:url("/icons/IconNewRequestDark.gif");
    background-repeat:no-repeat;
    background-position: 0% 50%;
    padding-left:1.7em;
    padding-right:.5em;
    padding-top:.2em;
    padding-bottom:.2em
}
#baRightNav a{text-align:left;
    text-decoration:none;
    font-weight:normal;
    color:#000000;
    margin:0;
}
#baRightNav a:hover{
    text-align:left;
    text-decoration:underline;
}
#baRightNavNoIcon{
    text-align: left;
    font-family: Tahoma, Verdana, Arial;
    font-size: 11px;
}
#baRightNavNoIcon ul{
    text-align:left;
    margin:0;
    padding:0 .5em .5em 1.5em;
    list-style:none;
}
#baRightNavNoIcon li{
    text-align:left;
    margin:0;
    padding-left:.2em;
    padding-right:.2em;
    padding-top:.2em;
    padding-bottom:.2em
}
td.tabactive {
  font-weight: bold;
  font-size: 14px;
  color: #000000;
  height: 22px;
  width: 200px;
  background-color: #e5e5e5;
  padding-left:.2em;
  border-top: 1px outset #000000;
  border-left: 1px outset #000000;
  border-right: 3px outset #000000;
  border-bottom: none;
 }

td.tabinactive {
  font-weight: normal;
  height: 20px;
  width: 200px;
  padding-left:.2em;
  font-size: 14px;
  color: #000000;
  background-color: #e5e5e5;
  border-top: 1px outset #000000;
  border-left: 1px outset #000000;
  border-right: 1px outset #000000;
  border-bottom: 1px outset #000000;
}
td.servicetabactive {
  font-weight: bold;
  font-size: 14px;
  color: #020e84;
  background: #e5e5e5;
  height:22px;
  padding:.2em;
  border-top: 1px outset #000000;
  border-left: 1px outset #000000;
  border-right: 3px outset #000000;
  border-bottom:none;
 }
.serviceinfoactive {
  font-weight: normal;
  font-size: 12px;
  color: #000000;
  background: #e5e5e5;
  height:22px;
  padding:.2em;
  border-top: none;
  border-left: 1px outset #000000;
  border-right: 1px outset #000000;
  border-bottom: 1px outset #000000;
 }
.baDeleteButton {
    font-weight: bold;
    border-width: 0;
    border-top-style: none;
    border-left-style: none;
    background:none;
    text-decoration:underline;
}

/* End of Building Advantage Styles */

/* Ending of BEI UI styles */
a.popupLink:link { COLOR: blue; outline: none }
a.popupLink:visited { COLOR: blue; outline: none }
a.popupLink:hover { COLOR: blue; outline: none }
a.popupLink:active { COLOR: blue; outline: none }
.popup { POSITION: absolute;
         VISIBILITY: hidden;
         FONT-FAMILY: Tahoma, Verdana, Arial;
         FONT-SIZE:10px;
         BACKGROUND-COLOR: #ffffff;
         width: 200px;
         BORDER-LEFT: 1px solid black;
         BORDER-TOP: 1px solid black;
         BORDER-BOTTOM: 3px solid black;
         BORDER-RIGHT: 3px solid black;
         PADDING: 3px; z-index: 10 }
/* Calendar styles for HTML calendar displays.    */
table.cal {
   border:1px solid #003399;
   margin-top:0px;
   margin-bottom:0px
}
td.calhourempty {
   border-bottom:1px solid #003399;
   empty-cells:show;
   z-index: 1;
   }
td.caltd {
   background:#FFFFFF;
   padding: 1px;
   border-right:1px solid #003399;
   border-bottom:1px solid #003399;
   margin-top:0px;
   margin-bottom:0px;
   font-size: 11px
}

td.caltop {
   background:#99CCFF;
   padding: 1px;
   border-bottom:1px solid #003399;
   border-right:1px solid #003399;
   border-left:1px solid #003399;
   margin-top:0px;
   margin-bottom:0px
   z-index: 1000;
}
td.calbot {
   background:#FFFFFF;
   border-top:1px solid #003399;
   border-right:1px solid #003399;
   margin-top:0px;
   margin-bottom:0px
}
td.callft {
   background:#99CCFF;
   border-right:1px solid #003399;
   border-bottom:1px solid #003399;
   margin-top:0px;
   margin-bottom:0px
}
td.calrht {
   background:#99CCFF;
   border-bottom:1px solid #003399;
   margin-top:0px;
   margin-bottom:0px
}
td.caltab {
   background:#99CCff;
   border-right:1px solid #003399;
   border-bottom:0px solid #003399;
   border-top:1px solid #003399;
   margin-top:0px;
   margin-bottom:0px
}

a.pendingStateText{
  text-size: 10px;
  color: #2227F9;
  font-weight:bold;
}

a.approvedStateText{
  text-size: 10px;
  color: #008000;
  font-weight:bold;
}

a.deniedStateText{
  text-size: 10px;
  color: #FF0000;
  font-weight:bold;
}

.pendingStateText{
  text-size: 10px;
  color: #2227F9;
  font-weight:bold;
}

.approvedStateText{
  text-size: 10px;
  color: #008000;
  font-weight:bold;
}

.deniedStateText{
  text-size: 10px;
  color: #FF0000;
  font-weight:bold;
}

td.pendingState {
   background:#738BFD;
   padding: 1px;
   border-bottom:1px solid #003399;
   border-right:1px solid #003399;
   border-left:1px solid #003399;
   margin-top:0px;
   margin-bottom:0px;
   position:relative;
   z-index: 1000;
}

td.approvedState {
   background:#33D603;
   padding: 1px;
   border-bottom:1px solid #003399;
   border-right:1px solid #003399;
   border-left:1px solid #003399;
   margin-top:0px;
   margin-bottom:0px;
   position:relative;
   z-index: 1000;
}

td.deniedState{
   background:#FF0000;
   padding: 1px;
   border-bottom:1px solid #003399;
   border-right:1px solid #003399;
   border-left:1px solid #003399;
   margin-top:0px;
   margin-bottom:0px;
   position:relative;
   z-index: 1000;
}

/* end of HTML calendar styles */

/* The small month calendar widget.  DIV containing a table. */
/* This calendar is the date selector calendar, from js-calendar.0.96.    */

div.calendar { position: relative; }

.calendar, .calendar {
  border: 1px solid #556;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #eef;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button {
  text-align: center;
  padding: 2px;
}

.calendar .nav {
  background: #778 url("/icons/menuarrow.gif") no-repeat 100% 100%;
}

.calendar thead .title {
  font-weight: bold;
  text-align: center;
  background: #fff;
  color: #000;
  padding: 2px;
}

.calendar thead .headrow {
  background: #778;
  color: #fff;
}

.calendar thead .daynames {
  background: #bdf;
}

.calendar thead .name {
  border-bottom: 1px solid #556;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend {
  color: #a66;
}

.calendar thead .hilite {
  background-color: #aaf;
  color: #000;
  border: 1px solid #04f;
  padding: 1px;
}

.calendar thead .active {
  background-color: #77c;
  padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day {
  width: 2em;
  color: #456;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #bdf;
}

.calendar tbody .rowhilite td {
  background: #def;
}

.calendar tbody .rowhilite td.wn {
  background: #eef;
}

.calendar tbody td.hilite {
  background: #def;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active {
  background: #cde;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected {
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fff;
  color: #000;
}

.calendar tbody td.weekend {
  color: #a66;
}

.calendar tbody td.today {
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell {
  visibility: hidden;
}

.calendar tbody .emptyrow {
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow {
  text-align: center;
  background: #556;
  color: #fff;
}

.calendar tfoot .ttip {
  background: #fff;
  color: #445;
  border-top: 1px solid #556;
  padding: 1px;
}

.calendar tfoot .hilite {
  background: #aaf;
  border: 1px solid #04f;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active {
  background: #77c;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #def;
  color: #000;
  font-size: 90%;
}
label {
        color:#000;
  text-align:right;
        font-weight:normal;
        padding-right: 0.2em;
  text-align:left;
  }

.labelnopad {
    font-size: .9em;
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
    }

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #acf;
}

.calendar .combo .active {
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  background: #eef;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}
/* end of small month date selector calendar styles */

/*
 * Report headers for xReporter reports
 */
#reporting {
  height: 100%;
  width: 100%;
  overflow: auto;
}
.title1 {
  font-family:Verdana, arial, Tahoma, Geneva;
  margin-top: 0px;
  margin-bottom: 4px;
  font-weight: bold;
  color:#000000;
  font-size:16px;
}

.title2 {
  font-family: Verdana, arial, Tahoma, Geneva;
  margin-bottom: 4px;
  font-weight: bold;
  color:#000000;
  font-size: 14px;
}

.title3 {
  font-family: Verdana, arial, Tahoma, Geneva;
  font-weight: bold;
  color:#000000;
  font-size: 12px;
}

.title4 {
  font-family: Verdana, arial, Tahoma, Geneva;
  color:#000000;
  font-size: 10px;
}
/* copied from xr-outerthought.css */
.grouptitle {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: italic;
  font-size: 10pt;
}

.nonAlignedSummary {
  font-style: italic;
  font-size: small;
  font-size: 10pt;
}
/* end of xreporter Report styles */
/* begin accordion styles */
#accordionExample {
  width : 200px;
}
/*IN USE background for navigation tabs*/
.tabs {text-align:center;
       background:#590909;
       }
/*left hand navigation bar effects when the 'new' tab is selected. */
.navbarnew {
    font-family: tahoma, verdana, arial, geneva, sans-serif;
    font-weight: normal;
    font-size: 10px;
    background: #F0E9EB;
    }

/*left hand navigation bar effects when the 'existing' tab is selected. */
.navbarexisting { font-family: tahoma, verdana, arial, geneva, sans-serif;
    font-weight: normal;
    font-size: 10px;
    background: #e5e5e5;
   }

.navtabs {
    color:#004400;
    background:#FFFFFF;
    border-bottom:1px groove #004400;
    }

.tabbutton {
  font-weight:bold;
  font-size:12px;
  color:#004400;
  background:#FFFFFF;
  width:100px;
  height:22px;
  border-top:1px groove #004400;
  border-right:1px groove #004400;
  border-left:1px groove #004400;
  border-bottom:none;
  }

.tabbuttonpressed {
  font-weight: bold;
  font-size: 12px;
  color: #004400;
  background: #e5e5e5;
  width:100px;
  height:22px;
  border: 3px outset #E5E5E5;
  border-bottom:1px outset #E5E5E5;
  border-left:3px groove #E5E5E5;
 }



.treetabactive {
  font-weight:bold;
  font-size:12px;
  color:#020e84;
  background:#FFFFFF;
  height:22px;
  border-top:1px groove #020e84;
  border-right:1px groove #020e84;
  border-left:1px groove #020e84;
  border-bottom:none;
  }

.treetabpassive {
  font-weight:normal;
  font-size: 11px;
  color: #020e84;
  background: #e5e5e5;
  height:22px;
  border-top: 1px outset #E5E5E5;
  border-left: 3px outset #E5E5E5;
  border-right: 3px outset #E5E5E5;
  border-bottom:none;
  /*border-left:3px groove #E5E5E5;*/
 }

.treetabactive {
  font-weight:bold;
  font-size:12px;
  color:#020e84;
  background:#FFFFFF;
  height:22px;
  border-top:1px groove #020e84;
  border-right:1px groove #020e84;
  border-left:1px groove #020e84;
  border-bottom:none;
  }

.treetabpassive {
  font-weight: bold;
  font-size: 12px;
  color: #020e84;
  background: #e5e5e5;
  height:22px;
  border: 3px outset #E5E5E5;
  border-bottom:1px outset #E5E5E5;
  /*border-left:3px groove #E5E5E5;*/
 }

/*Class used for navigational buttons*/
.navbutton {
  font-weight: bold;
  font-size: 12px;
  color: #56091B;
  background: #F0E9EB;
  width:85px;
  height:22px;
  border:1px inset #F0E9EB;
  border-bottom:1px inset #F0E9EB;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  }

/*Class used for navigational buttons that are pressed*/
.navbuttonpressed {
  font-weight: bold;
  font-size: 12px;
  color: #ffffff;
  background: #880d2a;
  width:85px;
  height:22px;
  border: 3px outset #F0E9EB;
  border-bottom:1px outset #F0E9EB;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border-left:3px groove #F0E9EB;
 }

table.maintable {
   background:#fff;
   margin:0;
   padding:0;
}

/*Class used for button links on At a Glance page*/
a.glancelink {font-weight:normal;
             color:#003399;}
a.glancelink:link{color:#003399;text-decoration:none}
a.glancelink:visited{color:#003399;text-decoration:none}
a.glancelink:active{color:#003399;text-decoration:none}
a.glancelink:hover {text-decoration:underline; color:#003399}

a.glancelinkbold {font-weight:bold;
                  color:#003399;}
a.glancelinkbold:link{color:#003399;text-decoration:none}
a.glancelinkbold:visited{color:#003399;text-decoration:none}
a.glancelinkbold:active{color:#003399;text-decoration:none}
a.glancelinkbold:hover {text-decoration:underline; color:#003399}

a.glancelinkwarning {color:red;}
a.glancelinkwarning:link{color:red;text-decoration:none}
a.glancelinkwarning:visited{color:red;text-decoration:none}
a.glancelinkwarning:active{color:red;text-decoration:none}
a.glancelinkwarning:hover {text-decoration:underline; color:red}

textarea.customtenantemail {
	width:250px;
	height:30px;
}