﻿body {
  background-color: #FFFFFF;
}

a.topNavHeaderItem {
  color: #490F52; /*Purple*/
}

  a.topNavHeaderItem:hover, a.topNavHeaderItem:focus, a.topNavHeaderItem:active {
    color: #320A38; /*Dark Purple*/
  }

#wrapper
{
  overflow-x: visible !important;
}

#foot {
  height: auto;
  margin-top: 0;
}

  #foot .stdDiv {
    border: 0;
    background-color: #1AA1B7; /*Aqua*/
    color: white;
  }

div.grid {
  border: 1px solid #8fe2ef; /*Light Aqua*/
  border-right: 0;
}

  div.grid table thead {
    background-color: #1AA1B7; /*Aqua*/
    border-color: #1AA1B7; /*Aqua*/
    border: 0;
    padding: 1px;
    color: white;
  }

    div.grid table thead th {
      border-width: 0 1px 1px 0;
      border-style: solid;
      border-color: #DBCFDC; /*Light Purple*/
      font-size: 10pt;
      font-weight: bold;
      white-space: nowrap;
      text-align: left;
      vertical-align: middle;
      color: white;
      font-family: Sans-Serif;
      padding-left: 5px;
    }



.grid {
  border: 1px solid #83a9d1; /*Blue*/
}

.gridAlt {
  background-color: #e9f9fc; /*Lightest Aqua*/
}

.gridAlt2 {
  background-color: #e9f9fc; /*Lightest Aqua*/
}

div.stdDiv {
  margin-top: .5em;
  border: 1px solid #1AA1B7; /*Aqua*/
}

.sectionBody {
  padding: 10px;
}
input#Accepted {
  margin-right: 5px;
  margin-bottom: 2px;
}

button, .actionLink {
  background-color: #490F52; /*Purple*/
  padding: 5px 10px 5px 10px;
}

  button:hover, .actionLink:hover, button:focus, .actionLink:focus, button:active, .actionLink:active {
    border-top-color: #320A38 !important; /*Dark Purple*/
    background: #320A38 !important; /*Dark Purple*/
	color: white !important;
  }

  button[type='button'].ui-state-default {
    background: none !important;
    background-color: #490F52 !important; /*Purple*/
    color: #ffffff !important;
  }

    button[type='button'].ui-state-default:hover:enabled {
      background: none !important;
      background-color: #FFC112 !important; /*Yellow*/
      color: black !important;
    }
    button[type='button'].ui-state-default:focus:enabled {
      background: none !important;
      background-color: #FFC112 !important; /*Yellow*/
      color: black !important;
    }

#bannerWrapper {
  background-color: #FFFFFF;
  max-height: 200px;
}

#banner {
  padding-bottom: 4px;
  width: 100%;
}

div.topLinks {
  top: 30px;
}

nav {
  background-color: #8fe2ef; /*Light Aqua*/
}

.menu, submenu {
  background-color: #1AA1B7; /*Aqua*/
}

.submenu a:hover {
  font-weight: bold;
}

ul.dropdown.menu > li > a.active {
  text-decoration: underline;
}

a.links {
  color: white !important;
}

  a.links:hover {
    color: #8fe2ef !important; /*Light Aqua*/
  }
  a.links:focus {
    color: #A7DBD5 !important; /*Light Teal*/
  }


.subNav {
  background-color: #e9f9fc; /*Lightest Aqua*/
}

  .subNav a {
    color: black;
  }

    .subNav a.subNavCurrentItem {
      color: black;
      text-decoration: underline;
      font-weight: normal;
    }

ul.tabs {
  background-color: #490F52; /*New Purple*/
}

.tabs-title > a {
  color: white;
}

  .tabs-title > a[aria-selected=false] {
    background-color: #490F52 !important; /*New Purple*/
    color: white;
  }


  title.is-active, .tabs-title > a[aria-selected=true] {
    background-color: #FFC112; /*Yellow*/
    font-weight: bold;
    color: black;
  }


h1 {
  background-color: #490F52 !important; /*New Purple*/
  font-weight: bold;
}


.actionButton {
  color: #ffffff !important;
  background-color: #1AA1B7; /*Aqua*/
}


.dialogTitle {
  background-color: #1AA1B7 !important; /*Aqua*/
  border: 1px solid #1AA1B7; /*Aqua*/
}

.ui-widget-header {
  background-color: lightgray !important; /*Grey*/
  border: 1px solid #1AA1B7; /*Aqua*/
  color: black;
}

.ui-widget-content {
  border: 1px solid #8fe2ef; /*Light Aqua*/
}

.auth-header {
  margin-top: 40px;
  margin-bottom: 40px;
}

.unauth-header {
  text-align: center;
  min-width: 50%;
  margin-top: 50px;
}

#head {
  height: 50px;
}

.subParagraph {
  border-top: 0.1em solid #0A0C4A !important;
}

/*Person Summary*/
fieldset.eligibilityBox {
  border: 3px solid #1AA1B7; /*Aqua*/
}

/*Next and Submit buttons in NAW are enlarged*/
.next {
  width: 80px;
  height: 40px;
  font-size: 1.5em;
  padding: 0 12px 1px 12px;
}

.submit {
  width: 90px;
  height: 40px;
  font-size: 1.25em;
}

.warning-font-style {
  font-weight: bold;
  color: black;
}