﻿html {
    background-color: #c9c7bf;
    height: 85%;
}
body {
    height: 100%;
    color: #656062;
    background-color: #ffffff;
}

.nhsBody {
    padding-top: 5px;
    background-color: #ffffff;
}

[class*="span"] {
  margin-left: 0px;
}

h1,h2,h3,h4,h5,h6 {
    color: #a00557;
}

h3 {
    font-size: 25px;
}

.leadNoMargin {
  margin-bottom: 0;
  font-size: 21px;
  font-weight: 200;
  line-height: 30px;
}

.assessmentQuestion {
    color: #a00557;
    font-size: 30px;
    font-weight: normal;
    line-height: 30px;
}

.assessmentRadioLabel {
    font-size: 20px;
}

textarea.assessmentQuestion {
    width: 80%;
    background-color: white;
    height: 50%;
}

.btn-assessment p.assessmentQuestionInfo {
    margin-bottom: 0px;
    font-size: 11px;
    
}


input[type='radio'].assessmentRadio {
    width: 10%;
    
}
.label,
.badge {
  text-shadow: none;
}

.bold {
    font-weight: bold;
}

/* NHS Forms */
legend {
    display: none;
}

/* NHS Buttons */

.btn {
  display: inline-block;
  width: 140px;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  margin-left: 25px;
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: none;
  vertical-align: middle;
  cursor: pointer;
  background-color: #A00557;
  *background-color: #A00557;
  background-image: none;
  background-image: none;
  background-image: none;
  background-image: none;
  background-image: none;
  background-repeat: repeat-x;
  border: 2px solid #A00557;
  *border: 2px solid #979792;
  border-color: #A00557 #A00557 #A00557;
  border-bottom-color: #A00557;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  filter: none;
  filter: none;
  *zoom: 1;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #656062;
border: 2px solid #2F164E;
  background-color: #2F164E;
  *background-color: #transparent;
}

.btn:first-child {
  *margin-left: 0;
}

.btn:hover,
.btn:focus {
  color: #ffffff;
background-colour: #2F164E;
  text-decoration: none;
  background-position: 99% center;
  -webkit-transition: background-position 0.2s linear;
     -moz-transition: background-position 0.2s linear;
       -o-transition: background-position 0.2s linear;
          transition: background-position 0.2s linear;
}

.btn-large {
    min-width: 250px;
    min-height: 54px;
    line-height: 54px;
  padding: 13px 19px;
  font-size: 17.5px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

a.btn-large {
    line-height: 80px;
    padding: 0;
    min-height: 80px;
}

.btn-menu {
    padding-top: 15px;
    padding-right: 170px;
    height: 100px;
    width: 68%;
    margin-bottom: 25px;
    font-size: 24px;
    text-align: left;
    line-height: 22px;
    background-image: url('../img/btn-menu-arrow.png');
    background-position: 95% center;
    background-repeat: no-repeat;
}

.btn-solid {
    color: white;
    background-color: #a00557;
    border-color: #a00557;
    padding-top: 5px;
}

button.btn,
input[type="submit"].btn {
  *padding-top: 3px;
  *padding-bottom: 3px;
}

button.btn.btn-large,
input[type="submit"].btn.btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}

.btn-assessment {
    height: 200px;
    width: 19%;
    margin-top: 10px;
    font-size: 18px;
    
}

.btn-noOp {
    height: 100px;
    width: 96%;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
}


/* NHS Header and NavBar */
.nhsHeader {
    width: 100%;
    background-color: #2F164E;
    color: white;
    min-height: 64px;
}

.nhsHeader .logoRibbon {
    margin-bottom: -48px;
}

.nhsHeader .logo {
    padding-bottom: 20px;
}


.navbar {
    margin-bottom: 0;
}

.navbar .brand {
    display: inline-block;
    float: none;
    padding: 20px 0 0 0;
    font-size: 20px;
    font-weight: bold;
    color: white;
    text-shadow: none;
    margin-left: 0;
}

.navbar .logoffLink {
    display: inline-block;
    float: none;
    margin: 10px 0 0 0;
    font-size: 15px;
    font-weight: bold;
    color: white;
    text-shadow: none;
    margin-left: 0;    
}

.navbar-inner {
    min-height: 40px;
    padding-right: 0px;
    padding-left: 0px;
    background-color: #2f164e;
    background-image: none;
    background-repeat: repeat-x;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    filter: none;
    *zoom: 1;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.systemAdminMessage {
    padding-top: 30px;
    margin-bottom: 20px;
    background-color: #a00557;
    min-height: 170px;
    color: white;    
}

.systemAdminMessage h2 {
    padding-bottom: 10px;
}

.systemAdminMessage h2 {
    color: white;
}

.systemAdminMessage p {
    font-size: 18px;
}



/* NHS Pink Body Specific */
/* This goes last to override all styles when the background is pink */
.nhsPinkBody {
    padding: 40px 0 0 0;
    background-color: #a00557;
    color: white;
    height: 100%;
}

.nhsPinkBody a,
.nhsPingBody a:visited,
.nhsPinkBody p {
    color: #C9C7BF;
}

.nhsPinkBody footer {
    color: #C9C7BF;
}

.nhsPinkBody h1,.nhsPinkBody h2,.nhsPinkBody h3, .nhsPinkBody h4, .nhsPinkBody h5,.nhsPinkBody h6 {
    line-height: 30px;
    color: white;
}

.nhsPinkBody form {
    padding-top: 20px;
}

.nhsPinkBody label {
    font-size: 16px;
}

.nhsPinkBody .input-xlarge {
  width: 430px;
}

.nhsPinkBody .btn {
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: white;
  text-align: center;
  text-shadow: none;
  vertical-align: middle;
  cursor: pointer;
  background-color: transparent;
  *background-color: transparent;
  background-image: none;
  background-image: none;
  background-image: none;
  background-image: none;
  background-image: none;
  background-repeat: repeat-x;
  border: 2px solid #959189;
  *border: 2px solid #959189;;
  border-color: #959189 #959189 #959189;
  border-bottom-color: #959189;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  filter: none;
  filter: none;
  *zoom: 1;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.nhsPinkBody .btn:hover,
.nhsPinkBody .btn:focus {
  color: white;
  text-decoration: none;
  background-position: 0 -15px;
  border: 2px solid white;
  *border: 2px solid white;
  border-color: white white white;
  border-bottom-color: white;
  -webkit-transition: none;
     -moz-transition: none;
       -o-transition: none;
          transition: none;
}

.nhsPinkBody .btn-large {
    min-width: 200px;
    min-height: 75px;
    line-height: 75px;
    padding: 11px 19px;
    font-size: 17.5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: transparent;
  border: 2px solid #959189;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  -webkit-transition: none;
     -moz-transition: none;
       -o-transition: none;
          transition: none;
	  -moz-border-radius: 10px;
	  -webkit-border-radius: 10px;
	  border-radius: 10px;
    height: 55px;
    line-height: 55px;
    color: #959189;
    font-size: 20px;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: #959189;
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: none;
     -moz-box-shadow: none;
    box-shadow: none;
}

select {
    color: white;
  width: 220px;
  background-color: transparent;
  border: 2px solid #959189;
    font-size: 30px;
    height: 55px;
	  -moz-border-radius: 10px;
	  -webkit-border-radius: 10px;
	  border-radius: 10px;
}

select option {
    color: #979792;
}

/* tables */
.table {
    margin-top: 20px;
}

caption {
    text-align: left;
}
.table th,
.table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #656062;
}

.table th {
  font-weight: bold;
    color: white;
    background-color: #a00557;
}

.table thead th {
  vertical-align: bottom;
}




.table-bordered {
  border: 1px solid #656062;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.table-bordered th,
.table-bordered td {
  border-left: 1px solid #656062;
}

.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}

.table-bordered thead:first-child tr:first-child > th:first-child,
.table-bordered tbody:first-child tr:first-child > td:first-child,
.table-bordered tbody:first-child tr:first-child > th:first-child {
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}

.table-bordered thead:first-child tr:first-child > th:last-child,
.table-bordered tbody:first-child tr:first-child > td:last-child,
.table-bordered tbody:first-child tr:first-child > th:last-child {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}

.table-bordered thead:last-child tr:last-child > th:first-child,
.table-bordered tbody:last-child tr:last-child > td:first-child,
.table-bordered tbody:last-child tr:last-child > th:first-child,
.table-bordered tfoot:last-child tr:last-child > td:first-child,
.table-bordered tfoot:last-child tr:last-child > th:first-child {
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
}

.table-bordered thead:last-child tr:last-child > th:last-child,
.table-bordered tbody:last-child tr:last-child > td:last-child,
.table-bordered tbody:last-child tr:last-child > th:last-child,
.table-bordered tfoot:last-child tr:last-child > td:last-child,
.table-bordered tfoot:last-child tr:last-child > th:last-child {
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
}

.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
  -webkit-border-bottom-left-radius: 0;
          border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
}

.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 0;
          border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
}

.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}

.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}

.table .btn:hover {
    color: #a00557;
    background-color: #c9c7bf;
}



/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

.nhsPinkBody .field-validation-error {
    color: white;
}
