body {
  background-color: #177c8e;
  font-family: Arial, Verdana,Helvetica, sans-serif;
  font-size: small;
  margin: 0px;
}

#pageHeader, #pageContent {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
  background-color: #ffffff;
}

#pageContentWide {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
  background-color: #ffffff;
}

#pageHeader {
  border: 1px solid #000000;
  border-radius: 15px 15px 15px 15px;
}

#pageContent {
  border-radius: 15px 15px 0px 0px;
}

#pageTitle {
  padding-top: 20px;
  text-align: center;
  font-family: 'Times New Roman';
  font-size: 42px;
  font-weight: bold;
}

.boxheader {
  background: #0000ff;
  border-top: 1px solid #0000ff;
  border-right: 1px solid #0000ff;
  border-bottom: 1px solid #0000ff;
  border-left: 1px solid #0000ff;
  color: #ffffff;
  margin: 0px 0px 0px 490px;
  padding: 5px;
  width: 300px;
}

  .boxheader h3 {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }

.boxcontent {
  background: #ffffff;
  border-top: 1px solid #0000ff;
  border-right: 1px solid #0000ff;
  border-bottom: 1px solid #0000ff;
  border-left: 1px solid #0000ff;
  color: #000000;
  margin: 0px 0px 0px 490px;
  padding: 5px;
  width: 300px;
}

.content {
  min-height: 350px;
  padding: 10px 20px 10px 20px;
  background-color: #f4f4f4;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
}

  .content ol {
    list-style-type: none;
    margin: 11px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
  }

  .content li {
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
  }

  .content h3 {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }

  .content h4 {
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }

  .content p {
    margin: 11px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }


.DetailViewData {
  padding-left: 5px;
}

#errormessage {
  color: #CC0000;
  background: inherit;
  margin: 11px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

  #errormessage p {
    margin: 11px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }

  #errormessage ul {
    margin: 11px 0px 0px 25px;
    padding: 0px 0px 0px 0px;
  }

  #errormessage li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 3px 0px;
  }

#footer {
  background-color: #5B5B5B;
  border: 1px solid #000000;
  color: #ffffff;
  margin: 0px 0px 0px 0px;
  padding: 2px 10px 2px 10px;
}

  #footer ol {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }

  #footer li {
    display: inline;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }

  #footer table {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
  }

  #footer td#ftleft {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }

  #footer td#ftright {
    text-align: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }

  #footer a:link {
    background: #5B5B5B;
    color: #ffffff;
    margin: 0px 0px 0px 0px;
    padding: 0px 5px 0px 5px;
    text-decoration: none;
  }

  #footer a:active {
    background: #5B5B5B;
    color: #ffffff;
    margin: 0px 0px 0px 0px;
    padding: 0px 5px 0px 5px;
    text-decoration: none;
  }

  #footer a:visited {
    background: #5B5B5B;
    color: #ffffff;
    margin: 0px 0px 0px 0px;
    padding: 0px 5px 0px 5px;
    text-decoration: none;
  }

  #footer a:hover {
    background: #cccccc;
    color: #000000;
    margin: 0px 0px 0px 0px;
    padding: 0px 5px 0px 5px;
    text-decoration: none;
  }

form {
  margin: 0px;
  padding: 0px;
}

#header {
  height: 136px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

  #header img {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }

#headerbackground {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.imgnoborder {
  border-style: none;
}

img.right {
  border-right: #000000 0px;
  border-top: #000000 0px;
  border-left: #000000 0px;
  border-bottom: #000000 0px;
  float: right;
}

label {
  margin: 0px;
  padding: 0px;
}

.labelinput {
  margin: 10px 0px 14px 0px;
  padding: 0px 0px 0px 0px;
}

  .labelinput span {
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
  }

    .labelinput span.label {
      display: block;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
    }

  .labelinput dl {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }

  .labelinput dt {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }

  .labelinput dd {
    margin: 2px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
  }

#linksgeneral {
  border-radius: 15px 15px 0px 0px;
  background-color: #5B5B5B;
  border: 1px solid #000000;
  color: #ffffff;
  margin: 0px 0px 0px 0px;
  padding: 2px 10px 2px 10px;
  height: 14px;
}

  #linksgeneral ol {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }

  #linksgeneral li {
    display: inline;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }

  #linksgeneral table {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
  }

  #linksgeneral td#lgleft {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }

  #linksgeneral td#lgright {
    text-align: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }

  #linksgeneral a:link {
    background: #5B5B5B;
    color: #ffffff;
    margin: 0px 0px 0px 0px;
    padding: 0px 5px 0px 5px;
    text-decoration: none;
  }

  #linksgeneral a:active {
    background: #5B5B5B;
    color: #ffffff;
    margin: 0px 0px 0px 0px;
    padding: 0px 5px 0px 5px;
    text-decoration: none;
  }

  #linksgeneral a:visited {
    background: #5B5B5B;
    color: #ffffff;
    margin: 0px 0px 0px 0px;
    padding: 0px 5px 0px 5px;
    text-decoration: none;
  }

  #linksgeneral a:hover {
    background: #cccccc;
    color: #000000;
    margin: 0px 0px 0px 0px;
    padding: 0px 5px 0px 5px;
    text-decoration: none;
  }

.listnumeric {
  margin: 11px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

  .listnumeric ol {
    list-style-type: decimal;
    margin: 0px 0px 0px 30px;
    padding: 0px 0px 0px 0px;
  }

  .listnumeric li {
    margin: 0px 0px 3px 0px;
    padding: 0px 0px 0px 0px;
  }

#sidebar {
  background: #ffffff;
  min-height: 300px;
  margin: 0px 0px 0px 0px;
  padding: 7px 20px 10px 10px;
}

  #sidebar ol {
    list-style-type: none;
    margin: 11px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
  }

  #sidebar li {
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
  }

  #sidebar h3 {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }

  #sidebar p {
    margin: 11px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }

  #sidebar img {
    border: 1px solid #000000;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }

#steps {
  width: 200px;
  float: right;
  color: #000000;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  border-left: 1px solid #cdcdcd;
  border-right: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

  #steps span {
    color: #000000;
    margin: 0px 0px 0px 0px;
    padding: 0px 2px 1px 2px;
  }

    #steps span#selected {
      border: 1px solid #777777;
      color: #000000;
      margin: 0px 0px 0px 0px;
      padding: 2px 2px 1px 2px;
    }

.tableData {
  color: #000000;
  border: 1px solid #5B5B5B;
  border-collapse: collapse;
}

  .tableData tr {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }

  .tableData th {
    background: #E6F2FA;
    border: 1px solid #5B5B5B;
    padding: 5px 5px 0px 5px;
    text-align: left;
    vertical-align: bottom;
    white-space: nowrap;
  }

  .tableData .tranTotals
  {
    text-align: center;
    width: 100px;
  }
  .tableData td {
    border: 1px solid #5B5B5B;
    padding: 5px 5px 0px 5px;
    white-space: normal;
    vertical-align: top;
  }

.tableDataRight {
  padding: 0px 5px 0px 5px;
  text-align: right;
}

.tableData tr:nth-of-type(odd) {
  background-color: #ebebeb;
}

.tableData tr:nth-of-type(even) {
  background-color: #ffffff;
}

.tableForm {
  color: #000000;
  border-collapse: collapse;
  white-space: nowrap;
}

  .tableForm tr {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }

  .tableForm th {
    padding: 5px 5px 0px 0px;
    text-align: left;
    vertical-align: top;
  }

  .tableForm td {
    padding: 5px 5px 0px 0px;
    white-space: normal;
    vertical-align: bottom;
  }

.alignCenter {
  text-align: center;
}

#tabledatareturn th.alpha {
  background: #E6F2FA;
  color: #000000;
  margin: 0px 0px 0px 0px;
  padding: 0px 5px 0px 5px;
  text-align: left;
  vertical-align: top;
}

#tabledatareturn th.numeric {
  background: #E6F2FA;
  color: #000000;
  margin: 0px 0px 0px 0px;
  padding: 0px 5px 0px 5px;
  text-align: right;
  vertical-align: top;
}

#tabledatareturn td.alpha {
  background: #ffffff;
  color: #000000;
  margin: 0px 0px 0px 0px;
  padding: 0px 5px 0px 5px;
  text-align: left;
  vertical-align: top;
}

#tabledatareturn td.numeric {
  background: #ffffff;
  color: #000000;
  margin: 0px 0px 0px 0px;
  padding: 0px 5px 0px 5px;
  text-align: right;
  vertical-align: top;
}

#tabledatareturn td.alt {
  background: #EFF0F0;
  color: #000000;
  margin: 0px 0px 0px 0px;
  padding: 0px 5px 0px 5px;
  text-align: left;
  vertical-align: top;
}

#tableSearchCriteria {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

  #tableSearchCriteria caption {
    font-weight: bold;
    margin: 25px 0px 2px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
  }

  #tableSearchCriteria table {
    background: #999999;
    color: #000000;
    margin: 25px 0px 0px 25px;
    padding: 0px 0px 0px 0px;
  }

  #tableSearchCriteria tr {
    margin: 25px 0px 0px 0px;
    padding: 0px 0px 0px 25px;
  }

  #tableSearchCriteria th {
    background: #E6F2FA;
    color: #000000;
    margin: 25px 0px 0px 0px;
    padding: 0px 5px 0px 5px;
    text-align: left;
    vertical-align: bottom;
  }

  #tableSearchCriteria td {
    background: #ffffff;
    color: #000000;
    margin: 0px 0px 0px 0px;
    padding: 0px 5px 0px 5px;
    text-align: left;
    vertical-align: top;
  }

  #tableSearchCriteria input {
    margin: 0px 0px 0px 0px;
    padding: 0px 5px 0px 5px;
  }

.actionbutton {
  margin: 0px 0px 0px 0px;
  padding: 0px 5px 0px 25px;
}

a.button {
  background-color: #177c8e;
  color: #ffffff;
  padding: 10px;
  border: 1px solid #000000;
  text-decoration: none;
  border-radius: 15px 15px 15px 15px;
  transition-property: all;
  transition-duration: 1s;
  transition-timing-function: ease-in;
  -webkit-transition-property: all;
  -webkit-transition-duration: .5s;
  -webkit-transition-timing-function: ease-in;
}

  a.button:hover {
    background-color: #ff0000;
    color: #ffffff;
  }

.fontbold {
  font-weight: bold;
}

.requiredfields {
  font-size: x-small;
  font-weight: normal;
}

.dataGroupCaption {
  background: #E6F2FA;
  width: 100%;
  padding-left: 10px;
  font-weight: bold;
}

.dataGroupLabel {
  padding-left: 15px;
  padding-top: 3px;
  border-bottom: 1px dashed #cccccc;
}

.dataGroupData {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  padding-top: 3px;
  vertical-align: bottom;
  border-bottom: 1px dashed #cccccc;
}

.TableHeaderLeft {
  font-weight: bold;
  text-align: right;
  padding-right: 10px;
  background: #E6F2FA;
  margin-right: 10px;
  vertical-align: middle;
}

.TableHeaderTop {
  font-weight: bold;
  text-align: center;
  vertical-align: bottom;
  background: #E6F2FA;
  border: 1px solid #000000;
  padding: 3px 5px 2px 5px;
}

.TableHeaderTopALeft {
  font-weight: bold;
  text-align: left;
  vertical-align: bottom;
  background: #E6F2FA;
  border: 1px solid #000000;
  padding: 3px 5px 2px 5px;
}

.TableHeaderTopARight {
  font-weight: bold;
  text-align: Right;
  vertical-align: bottom;
  background: #E6F2FA;
  border: 1px solid #000000;
  padding: 3px 5px 2px 5px;
}

.tableFooter {
  background-color: #f3f3f3;
}

.TableData {
  font-weight: normal;
  vertical-align: bottom;
}

.TableDataWithBorder {
  font-weight: normal;
  vertical-align: bottom;
  border: 1px solid #000000;
  padding: 3px 5px 2px 5px;
}

.TableRow {
  background-color: #ffffff;
}

.AlternatingTableRow {
  background-color: #efefef;
}

.TableCellPadded {
  padding: 2px 15px 2px 2px;
}

.FormFormat {
  font-weight: bold;
  vertical-align: top;
  padding-top: 6px;
  padding-right: 3px;
}

/* class styles */
.gridSection {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 9pt;
  border-collapse: collapse;
  border: 1px solid Silver;
}

  .gridSection th {
    padding: 5px 5px 2px 5px;
    text-align: left;
    vertical-align: bottom;
    font-weight: bold;
    white-space: nowrap;
    background-color: #5D7B9D;
    color: White;
  }

  .gridSection td {
    border-collapse: collapse;
    border-style: solid;
    border-color: Silver;
    border-width: 1px;
    padding: 3px;
  }

.gridSectionRow {
  background-color: #ffffff;
}

.gridSectionAltRow {
  background-color: #DCDCDC;
}

.gridSectionFooter {
  background-color: #FFFFDD;
}

img {
  border-style: none;
}

.adminContent {
  padding-left: 25px;
}

fieldset th {
  text-align: left;
  font-size: small;
}

fieldset td {
  font-size: small;
}

.testingBanner {
  background-color: yellowgreen;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  height: 20px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.testingBannerItem {
  color: blue;
  font-family: Arial;
  float: left;
  width: 20%;
  text-align: center;
}

.helperText {
  font-size: smaller;
}


.listTable {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid black;
}

  .listTable th {
    font-weight: bold;
    vertical-align: bottom;
    background: #E6F2FA;
    border: 1px solid #000000;
    padding: 3px 5px 2px 5px;
  }

  .listTable td {
    font-weight: normal;
    vertical-align: bottom;
    border: 1px solid #000000;
    padding: 3px 5px 2px 5px;
  }

.center {
  text-align: center;
}

.iconColor {
	color: #5B5B5B;
}

.noborder td{
  border: none;
}

  .gridPager td {
    border: 0;
    padding-top: 3px;
  }

  .form-control {
    padding: 2px 5px;
    height: 24px;
  }

.form-group {
  margin-bottom: 10px;
}
  .vd-btn-group{
    margin-top: 20px;
  }

  .vd-btn-group input {
    margin-right: 8px;
  }

#error li > ul{
    margin-bottom: 0;
}

option:disabled {
    color: rgb(180, 180, 180);
}