/************************************************** Header **************************************************/

.brand-banner,
.brand-header
{
  /* change the background color for the header*/
  background-color: #fff;
}

  /* select the following for the light color of the header navigation links */
  .brand-header .brand-nav-text ul li a,
  .brand-header .brand-nav-text ul li a:visited
  {
    color: #000;
  }

/*********************************** Login Page (default.aspx) **************************************/
   .login
    {
      background-color: #571425;
       /*background-image: url(images/BGlogin.jpg);*/   
       color: #303030;
    }
/****************************************************************************************************/

      .login .content-outer
      {
        background-color: #fff;
      }

      .login .login-title
      {
        color: #303030;
      }

      .login .login-content-area .label
      {
        color: Black;
      }

      .login .login-content-area text-input
      {
        background-color: #ffffff;
        border-color: #000000;
      }

      .login .login-content-area .paragraph
      {
        color: #000000;
      }

/****************************************************************************************************/
/****************************************************************************************************/
/* Do NOT change anything below this point */
/****************************************************************************************************/
/****************************************************************************************************/
html
{ /*fix for IE9 background image reload problem  */
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

/************************************************** Login Page (default.aspx) **************************************************/

      .login
      {
        background-size: cover;
        position: fixed;
        background-repeat: no-repeat;
		background-position: 50% 50%;
        min-height: 100%;
        min-width: 100%;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        font-family: Roboto-regular, Arial;
      }

        .login a,
        .login input,
        .login textarea
        {
          font-family: Roboto-regular, Arial;
        }

        .login .content-outer
        {
          width: 770px;
          height: 500px;
          border: solid 1px transparent;
          border-radius: 2px;
          text-align: center;
          position: absolute;
          top: 50%;
          left: 50%;
          margin-left: -385px;
          margin-top: -250px;
          vertical-align: middle;
        }

        .login .content-inner
        {
          position: relative;
          top: 25%;
          width: 770px;
          text-align: center;
        }

        .login .content-inner-table
        {
          border: none;
          border-collapse: separate;
          border-spacing: 3px;
          display: inline-table;
        }

          .login .content-inner-table tr
          {
            vertical-align: middle;
          }

        .login .login-title
        {
          font-weight: bold;
          font-size: 13pt;
        }

        .login .login-logo
        {
          width: 350px;
          height: 150px;
		  text-align: center;
        }

          .login .login-logo img
          {
            max-width: 350px;
			max-height: 150px;
          }

        .login .link
        {
          font-size: 12px;
		  color: #B2B2B2;
		  text-decoration: none;
        }
		
		.login .link:hover
	{
		  color: #999999;
		}
		

        .login .login-content-area
        {
          width: 300px;
          text-align: center;
        }

          .login .login-content-area .label
          {
            font-size: 8pt;
          }

          .login .login-content-area text-input
          {
            font-size: 9pt;
            border-width: 1pt;
            width: 150px;
          }

          /* The following style targets elements with the error-message
             class with the style containing "inline".  This is being done
             to override the display: inline style asp.net applies to the
             error message from a validator and get the message to be under
             the validated control and full width.
          */
      /*    .login .login-content-area .error-message[style*="inline"],*/
          .login .login-content-area .error-message
          {
            border-color: #E45840;
            background-color: #E45840;
            color: #ffffff!important;
            text-align: left;
            padding: 6px 12px 6px 12px;
            font-weight: normal;
            font-size: 12px;
            display: block!important;
          }

          .login .login-content-area .error-message2
          {
            color: #E45840;
            font-weight: normal;
            font-size: 12px;
            display: block;
            margin-top: 10px;
          }

          .login .login-content-area .button
          {
            font-size: 10pt;
          }

          .login .login-content-area .paragraph
          {
            font-size: 10pt;
            font-weight: bold;
            margin: 10px 10px 20px 10px;
          }

        .login .bottom-content
        {
          position: absolute;
          bottom: 16px;
          left: 0;
          right: 0;
        }

        /************************* Login Form Improvements 03/03/2016 *************************/

        .login .login-content-area
        {
          text-align: left;
          padding-left: 20px;

        }

          .login .login-content-area .form-group
          {
            margin-bottom: 14px;
          }

          .login .login-content-area .form-control
          {
            font-size: 14px;
            padding: 10px 12px;
            border-radius: 2px;
            border: solid 1px #ccc;
            width: 100%;
            outline: 0;
            margin: 0;
            color: #262626;
          }

          .login .login-content-area .btn
          {
            font-size: 14px;
            padding: 10px 10px;
            border-radius: 2px;
            border: solid 1px #262626;
            background-color: #262626;
            color: #fff;
            width: 100%;
            cursor: pointer;
          }

          .login .login-content-area .checkbox label
          {
            padding-left: 20px;
            cursor: pointer;
            font-size: 13px !important;
            color: #262626;
          }

          .login .login-content-area .checkbox input[type=checkbox]
          {
            position: absolute;
            margin-left: -20px;
            margin-top: 2px;
            cursor: pointer;
          }

          .login .login-content-area .pull-right
          {
            float: right;
          }

          .login .login-content-area .link
          {
            text-decoration: none;
            cursor: pointer;
            color: #B2B2B2;
          }

          .login .login-content-area a:active, .login .login-content-area a:hover, .login .login-content-area a:visited, .login .login-content-area a:focus
          {
            color: #999999;
          }

          .login .login-content-area .muted
          {
            color: #B2B2B2;
          }

          .login .login-content-area .small
          {
            font-size: 12px;
          }

/************************************************** Internal Page Content Area **************************************************/

body
{
  font-family: Arial, Sans-Serif;
  margin: 0 auto;
  padding: 0;
  background-color: #f2f2f2;
  text-align: center;
}

table.master-wrapper
{
  text-align: left;
  display: inline-block;
  border: 0 solid transparent;
  margin: 0;
  padding: 0;
  background-position: top left;
  background-repeat: repeat-x;
  border-collapse: collapse;
}

table.content-area-wrapper
{
  width: 100%;
  border-collapse: separate;
  border-spacing: 3px;
  margin: 0;
  padding: 20px 5px 30px 5px;
  text-decoration: none;
  background-color: #fff; /* don't change */
  color: #000; /* don't change */
  text-align: left;
  /*	Use the following if need to add a tinted border (overlays on top of outer background) 
	Inside the parantheses firstt 3 #s are RGB value of the border color. 
	The last decimal value is percentage of tint.
	 
 	border: 10px solid rgba(0, 0, 0, 0.15);
	-moz-background-clip: padding;   
	-webkit-background-clip: padding; 
  	background-clip: padding-box;          */
}

/************************************************** Header **************************************************/

.brand-banner
{
  position: absolute;
  height: 100px;
  top: 0;
  left: 0;
  right: 0;
  z-index: -5;
}

.brand-header
{
  height: 100px;
  max-height: 100px;
  width: 100%;
  min-width: 771px;
  margin: 0;
  padding: 0;
  display: table;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

  .brand-header .brand-logo
  {
    max-height: 70px;
    max-width: 260px;
    padding-left: 10px;
    display: table-cell;
    vertical-align: middle;
  }

    .brand-header .brand-logo img
    {
      max-height: 70px;
      max-width: 260px;
    }

  /****** Header Navigation ******/

   .brand-header-wrapper
  {
    padding: 0;
  }
  
  .brand-header .brand-nav
  {
    display: table-cell;
    vertical-align: middle;
  }

    .brand-header .brand-nav ul
    {
      list-style: none;
      margin: 0;
      padding: 0;
      float: right;
    }

      .brand-header .brand-nav ul li
      {
        display: inline-block;
      }

        .brand-header .brand-nav ul li a,
        .brand-header .brand-nav ul li a:visited
        {
          opacity: 0.8;
          display: inline-block;
          font-size: 14px;
          font-weight: normal;
          text-decoration: none;
          margin: 0;
          padding: 10px;
        }

          .brand-header .brand-nav ul li a:hover
          {
            opacity: 1;
          }

/************************************************** Footer **************************************************/

.brand-footer
{
  width: 100%;
  min-width: 771px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}

  .brand-footer .bottom-legal
  {
    padding: 15px 0;
    margin: 0 3px;
  }

.bottom-legal,
.bottom-legal a,
.bottom-legal a:visited
{
  color: #ccc;
  font-size: 12px;
  text-align: left;
}


/************************************************** Legacy styles **************************************************/
A
{
  font-family: Arial;
  color: #000000;
}

  A:active
  {
    color: black;
  }

  A:hover
  {
    color: #666;
  }

UL
{
  margin: 2px;
  margin-top: 0;
  padding: 0;
  list-style-position: inside;
  list-style-type: disc;
}

.ColoredTextbox
{
  font-size: 10pt;
  font-family: Arial, Sans-Serif;
  background-color: #e9e9e9;
  border-color: #828282;
  border-width: 1pt;
}

.SmallWhiteTextbox
{
  font-size: 9pt;
  font-family: Arial, Sans-Serif;
  background-color: #ffffff;
  border-color: #000000;
  border-width: 1pt;
}

.ErrorMsg
{
  font-weight: bold;
  font-size: 10pt;
  color: #FF0000;
  font-family: Arial, Sans-Serif;
}

.SmallErrorMsg
{
  font-weight: bold;
  font-size: 8pt;
  color: #FF0000;
  font-family: Arial, Sans-Serif;
}

.SmallButton
{
  font-family: Arial, Sans-Serif;
  background-color: white;
  border-style: solid;
  border-color: #000000;
  font-size: 9pt;
  border-width: 1pt;
}

.SmallShadedButton
{
  font-family: Arial, Sans-Serif;
  border-style: solid;
  border-color: #000000;
  background-color: #e9e9e9;
  font-size: 8pt;
  border-width: 1pt;
}

.GreenButton
{
  font-family: Arial, Sans-Serif;
  border-style: solid;
  border-color: #000000;
  background: #EAEAEA url(images/TableHeaderBG.gif) repeat-x scroll 0;
  font-size: 10pt;
  border-width: 1pt;
}

.SmallFormLabel
{
  font-family: Arial, Sans-Serif;
  color: Black;
  font-size: 8pt;
}

.SmallHeading
{
  font-weight: bold;
  font-size: 11pt;
  color: #000000;
  font-family: Arial, Sans-Serif;
  vertical-align: middle;
}

.ExternalSmallHeading
{
  font-weight: bold;
  font-size: 10pt;
  color: #000000;
  font-family: Arial, Sans-Serif;
  vertical-align: middle;
  text-decoration: underline;
}

.SmallerHeading
{
  font-weight: bold;
  font-size: 9pt;
  color: #000000;
  font-family: Arial, Sans-Serif;
  vertical-align: middle;
}

.SmallerHeadingValue
{
  font-size: 9pt;
  color: #000000;
  font-family: Arial, Sans-Serif;
  vertical-align: middle;
}

.SidebarText
{
  font-size: 9pt;
  color: black;
  font-family: Arial, Sans-Serif;
}

.SmallText
{
  font-size: 8pt;
  vertical-align: middle;
  font-weight: normal;
  color: Black;
}

.HeaderValue
{
  font-family: Arial, Sans-Serif;
  font-weight: bold;
  color: #000000;
  font-size: 11pt;
}

.HeaderName
{
  font-family: Arial, Sans-Serif;
  font-weight: bold;
  color: Black;
  font-size: 11pt;
}

.MainMenuLink
{
  font-family: Arial, Sans-Serif;
  font-size: 9pt;
}

.SidebarLink
{
  font-family: 'Arial';
  font-size: 9pt;
}

.MainMenuLinkHeading
{
  font-family: Arial, Sans-Serif;
  font-size: 11pt;
}

.MainMenuBoldHeading
{
  font-family: Arial, Sans-Serif;
  font-size: 11pt;
  font-weight: bold;
}

.MediumHeading
{
  font-weight: bold;
  font-size: 15pt;
  color: #000000;
  font-family: Arial, Sans-Serif;
  vertical-align: middle;
}

.MainMenuExplanation
{
  font-size: 8pt;
  font-family: 'Arial';
}

.MainMenuExplanationLabel
{
  font-size: 8pt;
  font-family: 'Arial';
  font-weight: bold;
  color: #000000;
}

.TableText
{
  font-size: 11px;
  font-family: Arial, Sans-Serif;
}

.InTableLabel
{
  font-size: 11px;
  font-family: Arial, Sans-Serif;
  font-weight: bold;
  color: #000000;
}

.InTableLabelWithShade
{
  font-size: 11px;
  font-family: Arial, Sans-Serif;
  font-weight: bold;
  color: #000000;
  background: #e9e9e9;
}

.InTableHeading
{
  font-size: 12px;
  font-family: Arial, Sans-Serif;
  font-weight: bold;
  color: #000000;
}

.InTableHeadingBlack
{
  font-size: 12px;
  font-family: Arial, Sans-Serif;
  font-weight: bold;
  color: #000000;
}

.FormLabel
{
  font-size: 10pt;
  font-family: Arial, Sans-Serif;
  font-weight: bold;
  color: #000000;
}

.FormLabelWithShade
{
  font-size: 10pt;
  font-family: Arial, Sans-Serif;
  font-weight: bold;
  color: #000000;
  background-color: #e9e9e9;
}

.FormValue
{
  font-size: 10pt;
  font-family: 'Arial';
  color: Black;
}

.FormTable
{
  background-color: #e9e9e9;
}

.FormTableWithBorder
{
  background-color: #e9e9e9;
  border-width: 1px;
  border-color: #000000;
  border-style: solid;
  border-collapse: collapse;
}


.FormTextbox
{
  font-size: 10pt;
  font-family: 'Arial';
  background-color: #ffffff;
  border-color: #000000;
  border-width: 1pt;
}

.StandaloneLink
{
  font-family: Arial, Sans-Serif;
  font-size: 9pt;
}

.SmallLink
{
  font-family: Arial, Sans-Serif;
  font-size: 8pt;
}

.ExternalBody
{
  font-size: 9pt;
  font-family: 'Arial';
}

.ExternalSmall
{
  font-size: 8pt;
  font-family: 'Arial';
}

.ExternalBodyBold
{
  font-size: 9pt;
  font-family: 'Arial';
  font-weight: bold;
  color: #003A00;
}

.ExternalIntroGray
{
  font-size: 12pt;
  font-family: 'Arial';
  color: #505050;
  font-style: italic;
  font-weight: bold;
  line-height: 16pt;
}

.ExternalIntroGreen
{
  font-size: 12pt;
  font-family: 'Arial';
  color: #003A00;
  font-style: italic;
  font-weight: bold;
}

.ExternalCaption
{
  font-size: 8pt;
  font-family: 'Arial';
  font-weight: bold;
  color: black;
}

.UpdateInstruction
{
  font-size: 10pt;
  font-family: Arial, Sans-Serif;
  font-weight: bold;
  color: #000000;
  font-style: italic;
}

.Instructions
{
  font-size: 10pt;
  font-family: Arial, Sans-Serif;
  font-weight: bold;
  color: #000000;
  font-style: italic;
  text-align: center;
}

.InstructionBox, .ParentMainTab
{
  border-right: #000000 1px solid;
  border-left: #000000 1px solid;
  border-top: #000000 1px solid;
  border-bottom: #000000 1px solid;
  background-color: #ffffad;
  font-size: 10pt;
  font-family: Arial, Sans-Serif;
  color: #000000;
}

.InstructionBold
{
  font-weight: bold;
}

.SortInstruction
{
  font-family: Arial, Sans-Serif;
  font-size: 9pt;
  font-style: italic;
}

.ShadeOnlyTable
{
  background-color: #e9e9e9;
}

.DividingCell
{
  background-color: #000000;
}

.OtherHeader
{
  background: #EAEAEA url(images/TableHeaderBG.gif) repeat-x;
}

.OtherHeaderInverse
{
  background: #EAEAEA url(images/TableHeaderBGInv.gif) repeat-x 0 bottom;
}

.DataTableHeader td, .DataTableHeader th
{
  background: #EAEAEA url(images/TableHeaderBG.gif) repeat-x;
  color: #000000;
  font-weight: bold;
  font-size: 11px;
  font-family: Arial, Sans-Serif;
  padding-bottom: 4px;
  padding-top: 5px;
  border: 0;
  border-bottom: 1px solid #828282 !important;
  text-align: center;
  border-right: solid 1px #cccccc;
}

.DataTableHeader A, .DataTableHeader A:visited, .ListTable th A, .ListTable th A:visited
{
  color: #000000;
}

table.DataTable
{
  font-family: Arial, Sans-Serif;
  font-size: 11px;
  border-collapse: separate !important;
  border: solid 1px #828282;
  empty-cells: show;
}

  table.DataTable td
  {
    border: 0;
    border-bottom: 1px solid #cccccc;
    border-right: solid 1px #cccccc;
  }

  table.DataTable tr
  {
    border-right: solid 1px #828282 !important;
    border-left: solid 1px #828282 !important;
  }

table.ListTable
{
  border-width: 1px;
  border-color: -moz-use-text-color #CCCCCC #828282 -moz-use-text-color;
  border-style: solid;
  font-family: Arial, Sans-Serif;
  font-size: 11px;
  border-collapse: separate;
}

  table.ListTable td
  {
    border-width: 1px;
    border-color: #eeeeee;
  }

.ListTableHover
{
  background-color: #e9e9e9;
}

.ListTableInactive
{
  background-color: #eeeeee;
}

table.ListTable th
{
  FONT-WEIGHT: bold;
  FONT-SIZE: 11px;
  FONT-FAMILY: Arial, Sans-Serif;
  background: #EAEAEA url(images/TableHeaderBG.gif) repeat-x scroll 0;
  border-color: -moz-use-text-color #CCCCCC #828282 -moz-use-text-color;
}

.SmallFormElement
{
  font-size: 8pt;
  font-family: Arial, Sans-Serif;
  background-color: #ffffff;
  border-color: #828282;
  border-width: 1pt;
}

table.NoLines, table.NoLines td
{
  border-width: 0px;
}

table.ExpenseTable
{
  border-width: 2px;
  border-color: #000000;
  border-style: solid;
  border-collapse: collapse;
  font-size: 9pt;
  font-family: Arial, Sans-Serif;
}

  table.ExpenseTable td
  {
    border-width: 2px;
    border-style: inset;
    border-color: #000000;
  }

table.MainMenuTable
{
  border-width: 1px;
  border-color: #000000;
  border-style: solid;
  border-collapse: collapse;
  font-size: 9pt;
  font-family: Arial, Sans-Serif;
}

  table.MainMenuTable td
  {
    border-width: 1px;
    border-style: inset;
    border-color: #000000;
  }

table.MainMenuList
{
  border-width: 0px;
  border-style: none;
  border-collapse: collapse;
  font-size: 9pt;
  font-family: Arial, Sans-Serif;
}

  table.MainMenuList td
  {
    border-width: 0px;
    border-style: inset;
    border-collapse: collapse;
  }

table.ClearForm
{
  border-width: 1px;
  border-color: #828282;
  border-style: solid;
  border-collapse: collapse;
}

hr.Milestone
{
  border: 0;
  color: #000000;
  background-color: #000000;
  height: 1px;
  width: 80%;
  text-align: center;
}

hr.LargeDivider
{
  border: 0;
  color: #000000;
  background-color: #000000;
  height: 3px;
  width: 80%;
  text-align: center;
}

.InTableHeadingSel
{
  font-size: 12pt;
  font-family: Arial, Sans-Serif;
  font-weight: bold;
  color: #000000;
}

.InTableLabelSel
{
  font-size: 9pt;
  font-family: Arial, Sans-Serif;
  font-weight: bold;
  color: #000000;
}

.MediumHeadingSel
{
  font-weight: bold;
  font-size: 15pt;
  color: #000000;
  font-family: Arial, Sans-Serif;
  vertical-align: middle;
}

.HiddenRow
{
  background-color: #DDDDDD;
  color: black;
}

.ClearRow
{
  background-color: #FFFFFF;
  color: black;
}

.SelGreen
{
  background-color: #e3f5ce;
}

.SelGray
{
  background-color: #EEEEEE;
}

.SelYellow
{
  background-color: #FFFFAD;
}

.SelRed
{
  background-color: #FFADAD;
}

/*Main Menu Table*/
.MainTab
{
  color: #000000;
}

.SmallTextBold
{
  font-size: 8pt;
  font-weight: bold;
}

DIV.CallbackBlock
{
  display: inline;
  vertical-align: middle;
}