/* user pages not logged in */
body { margin : 0 auto; padding : 0; height : 100%; min-width : 1000px; background-color : #dedede; font-family  : 'Roboto', sans-serif; }

#supercontainerdiv {
  position         : relative;
  background-color : #dedede;
  min-width        : 900px;
  margin           : 0 auto;
}

#supercontainerdiv-enter {
  background-color : #dedede;
  height           : 100%;
  font-size        : 13px;
}

/* HEADER */
#header {
  position   : absolute;
  background : url(../images/header.png) no-repeat;
  height     : 92px;
  left       : -160px;
}

#header-background {
  position         : absolute;
  top              : 16px;
  right            : 0;
  background-color : #cdcdcd;
  height           : 83px;
  width            : 70%;
}

#header-background-left {
  position         : relative;
  height           : 83px;
  background-color : #ffffff;
  top              : -78px;
  width            : 500px;
  left             : -350px;
  z-index          : 1;
}

#horizontal-header-bar {
  position   : relative;
  background : url(../images/horizontal-header-bar.png) no-repeat;
  height     : 83px;
  z-index    : 2;
  top        : -161px;
  left       : 380px;
  width      : 250px;
}

#header-container {
  position  : relative;
  top       : 16px;
  height    : 78px;
  width     : 920px;
  margin    : 0 auto;
  min-width : 920px;
}

#header-container #pp-logo {
	position: absolute;
	left: 250px;
	width: 140px;
	top: 12px;
}

#header-container #pp-logo img {
	width: 100%;
}

#header-logo{
  width: 234px;
  margin-top: 8px;
}

#enter-procedure-top-container {
  position : relative;
  top      : 5px;
  height   : 78px;
  width    : 1200px;
  margin   : 0 auto;
}

#logo {
  position : relative;
  height   : 78px;
  left     : 0px;
  z-index  : 3;
}

#logo-left {
  position : absolute;
  height   : 78px;
  top      : 20px;
}

#enter-procedure-top-container #logo-left {
  top: 14px;
}

#enter-procedure-top-container #logo-left #header-logo {
  width: 64px;
  margin-top: 0px;
}

/* NAV */
#background-logo {
  position   : relative;
  height     : 70px;
  left       : 1020px;
  top        : -232px;
  z-index    : 0;
  width      : 100px;
}

#nav {
  position : absolute;
  top      : 24px;
  left     : 450px;
  z-index  : 3;
  width    : 520px;
}

#google-logo {
  position : absolute;
  top      : -2px;
  left     : 130px;
}

#app-store {
  position : absolute;
  left     : 270px;
  top      : -2px;
}
#social-apps {
  position : absolute;
  left     : 130px;
  /*top      : 50px;*/
  top: 0px;
  line-height: 0px;
}

#app-buttons {
  padding-top: 10px;
}

#app-buttons a {
  margin-right: 20px;
}

/* TOP CONTENT */
#content1 {
  position : relative;
  width    : 920px;
  margin   : 0 auto;
  top      : -540px;
  z-index  : 1;
}

#content-background {
  top      : 35px;
  position : relative;
  margin   : 0 auto;
  width    : 1199px;
  z-index  : 1;
}

@media screen and (max-width: 1200px) {
  #content-background {
    margin: 0 auto;
    min-width: 975px;
    position: relative;
    top: 35px;
    width: 975px !important;
    z-index: 1;
  }
  #header-container #pp-logo {
    left: 326px;
    width: 77px;
    top: 21px;
  }
  #header-logo {
    width: 160px;
    margin-top: 18px;
  }
  #logo {
    left: 160px;
  }
}

#contact-details-title {
  position   : absolute;
  height     : 90px;
  top        : 0;
  left       : 0;
  width      : 200px;
}

#contact-header {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 10px;
  padding: 11px 10px 8px 10px;
  background: rgb(93, 177, 56);
}

#phone-email-holder {
  position : relative;
  top      : 10px;
}

#contact-details-blue`-box {
  position   : relative;
  background : url(../images/blue-box-small.png) no-repeat;
  height     : 30px;
  width      : 200px;
}

.content-one-heading {
	position: relative;
	height: 20px;
	left: 30px;
	top: 40px;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
}

.content-one-blurb {
  top      : 40px;
  position : relative;
  left     : 30px;
  width    : 210px;
}

.content-one-blurb p {
  font-family : 'Muli', sans-serif;
  font-size   : 13px;
  font-weight : bold;
  color       : white;
  line-height : 18px
}

.content-one-title {
  position : relative;
  left     : 30px;
  width    : 380px;
  height   : 100px;
  top      : 35px;
}

.content-one-title p {
  font-family : 'Muli', sans-serif;
  font-size   : 28px;
  color       : white;
  line-height : 44px
}

.vector-container {
  position : relative;
  top      : 50px;
  height   : 78px;
  width    : 1000px;
  margin   : 0 auto;
  opacity  : 0.85;
}

.vector-container-left {
  position   : relative;
  background : url(../images/VectorGreyLeft.png) no-repeat;
  top        : 44px;
  height     : 400px;
}

.vector-container-left-2 {
  position   : relative;
  background : url(../images/VectorGreenLeft.png) no-repeat;
  height     : 400px;
  left       : 245px;
  top        : -30px;
  opacity    : 0.7;
}

.vector-container-right {
  position   : relative;
  background : url(../images/VectorGreyRight.png) no-repeat;
  top        : 180px;
  height     : 400px;
  left       : 548px;
}

#button-display {
	position: absolute;
	top: 370px;
	width: 150px;
	left: 30px;
}

#button-display div {
	width: 12px;
	height: 12px;
	margin-right: 12px;
	background-color: rgba(255, 255, 255, 0.5);
    display: inline-block;
}

#button-display div.selected {
  background-color: rgb(93, 177, 56);
}



#button-display-1 {
  position   : relative;
  background : url(../images/navbutton1.png) no-repeat;
  height     : 20px;
  top        : 340px;
  left       : 30px;
}

#button-display-2 {
  position   : relative;
  background : url(../images/navbutton2.png) no-repeat;
  height     : 20px;
  top        : 340px;
  left       : 30px;
}

#button-display-3 {
  position   : relative;
  background : url(../images/navbutton3.png) no-repeat;
  height     : 20px;
  top        : 340px;
  left       : 30px;
}

#button-display-4 {
  position   : relative;
  background : url(../images/navbutton4.png) no-repeat;
  height     : 20px;
  top        : 340px;
  left       : 30px;
}

#button-display-5 {
  position   : relative;
  background : url(../images/navbutton5.png) no-repeat;
  height     : 20px;
  top        : 340px;
  left       : 30px;
}

.blue-line {
	position: relative;
	left: 30px;
	height: 8px;
	border-top: solid rgb(93, 177, 56) 2px;
	width: 200px;
}

.blue-line-1 {
  top        : 45px;
}

.blue-line-2 {
  top        : 165px;
}

.blue-line-3 {
  top        : 335px;
}

.faders {
  position : absolute;
  overflow : hidden;
  height   : 600px;
}

.slideshow {
  position  : relative;
  overflow  : hidden;
  min-width : 1199px;
  height    : 534px;
  margin    : 0 auto;
}

.slideshow img {
  margin    : 0 auto;
  min-width : 1199px;
}

.yui3-slideshow-content {
  position : relative;
}

.yui3-slideshow-content img {
  position : absolute;
}

/* MAIN CONTENT */

#content-2-container {
  position : relative;
  margin   : 0 auto;
  z-index  : 2;
  height   : 100%;
}

#content-2-container-shift {
  position : relative;
  margin   : 0 auto;
  width    : 100%;
  z-index  : 2;
  height   : 100%;
}

#content-2-container-enter {
  position    : relative;
  width       : 1000px;
  z-index     : 2;
  height      : 100%;
  min-height  : 700px;
  margin      : -20px auto 40px;
  font-family : 'Muli', sans-serif;
}

#login-headers {
	color: rgb(93, 177, 56);
	font-weight: bold;
	position: absolute;
	top: 26px;
	left: 105px;
}

#login-headers div {
  position: absolute;
  width: 200px;
}

#login-header-middle {
  left: 378px;
}

#login-header-right {
  left: 690px;
}

#links-background {
  position         : relative;
  background-color : #8f9193;
  height           : 100px;
  width            : 100%;
}

#holder {
  position         : relative;
  background-color : #dedede;
  min-height       : 686px;
  height           : 100%;
  width            : 1160px;
  margin           : 0 auto;
  z-index          : 3;
}

#holder-tabbed-pages {
  position         : relative;
  min-height       : 520px;
  height           : 100%;
  width            : 920px;
  margin           : 0 auto;
  z-index          : 3;
  border-right     : 20px solid white; border-left : 20px solid white;
  background-color : #e9e9e9;
}

#green-triangle-left {
  position   : relative;
  background : url(../images/green-triangle-left.png) no-repeat;
  height     : 147px;
  opacity    : 0.8;
}

#green-triangle-right {
  position   : relative;
  background : url(../images/green-triangle-right.png) no-repeat;
  height     : 147px;
  opacity    : 0.8;
  left       : 707px;
  top        : -147px;
  width      : 200px;
}

#people-table #green-triangle-left {
  position   : relative;
  background : url(../images/green-triangle-left.png) no-repeat;
  height     : 100px;
  opacity    : 0.8;
}

#people-table #green-triangle-right {
  position   : relative;
  background : url(../images/green-triangle-right.png) no-repeat;
  height     : 100px;
  opacity    : 0.8;
  left       : 525px;
  top        : -100px;
  width      : 200px;
}

#sub-content {
  line-height  : 17px;
  font-family  : 'Muli', sans-serif;
  font-size    : 13px;
  padding      : 10px;
  margin-left  : 120px;
  border       : 1px solid;
  margin-right : 120px;
  margin-top   : 20px;
}

#sub-content-tabbed-pages {
  position         : relative;
  line-height      : 17px;
  font-family      : 'Muli', sans-serif;
  font-size        : 13px;
  padding          : 10px;
  width            : 900px;
  margin           : 0 auto;
  background-color : #e9e9e9;
  height           : 100%;
}

#horizontal-white-strip {
  position         : relative;
  width            : 100%;
  background-color : white;
  height           : 20px;
  margin-top       : 20px;
}

#sub-link-holder {
  position         : relative;
  background-color : #e9e9e9;
  padding          : 5px;
  width            : 910px;
  margin           : 0 auto;
}

#top-image-about-us {
  position   : relative;
  height     : 150px;
  width      : 900px;
  background : url(../images/about-us-top.png) no-repeat;
  margin     : 0 auto;
}

.agency-site #top-image-about-us, #top-image-about-us.forgot-password {
  background : url(../images/other-top.png) no-repeat;
}

#title-background-tabbed-pages {
  position    : relative;
  height      : 20px;
  width       : 900px;
  background  : url(../images/title-background-tabbed-pages.png) no-repeat;
  margin      : 0 auto;
  text-align  : center;
  padding     : 7px;
  color       : rgb(93, 177, 56);
  font-weight : bold;
}

#sub-title-background-tabbed-pages {
  position    : relative;
  height      : 15px;
  width       : 870px;
  background  : url(../images/sub-title-background-tabbed-pages.png) no-repeat;
  margin      : 0 auto;
  padding     : 5px;
  font-weight : bold;
  font-size   : 12px;
}

#sub-tabbed-pages-indent {
  width   : 870px;
  margin  : 0 auto;
  padding : 5px;
}

#create-account {
  position         : relative;
  background-color : #dedede;
  padding          : 20px;
  height           : 720px;
  width            : 1000px;
  margin           : 0 auto;
  z-index          : 3;
}

#user-login-holder {
  position : relative;
  height   : 100px;
  width    : 350px;
}

#disclaimer-container {
  position         : relative;
  background-color : #dedede;
  padding          : 20px;
  width            : 1160px;
  margin           : 0 auto;
  z-index          : 3;
  font-family      : 'Muli', sans-serif;
  font-size        : 13px;
}

#content2 {
  position   : relative;
  margin     : 0 auto;
  background : url(../images/loginbox.png) no-repeat;
  height     : 240px;
  width      : 1000px;
  z-index    : 2;
  left       : 10px;
}

#stripy-background {
  position   : absolute;
  background : url(../images/stripy-background-new.png) repeat;
  z-index    : 2;
  width      : 100%;
  height     : 100%;
}

input.login-input {
  background : #f1f2f2;
  border     : none;
  padding    : 4px 9px 5px;
  width      : 300px;
  color      : #333;
  z-index    : -1;
}

input.login-input-small {
  background : #f1f2f2;
  border     : none;
  padding    : 4px 9px 5px;
  width      : 175px;
  height     : 15px;
  color      : #333;
  z-index    : -1;
}

#login-box {
  position    : absolute;
  top         : 58px;
  font-family : 'Muli', sans-serif;
  font-size   : 12px;
  left        : 29px;
  z-index     : 5;
  width       : 300px;
}

#password-box {
  position    : absolute;
  top         : 93px;
  font-family : 'Muli', sans-serif;
  font-size   : 12px;
  left        : 29px;
  width       : 300px;
}

#login-box-agency {
  position    : absolute;
  left        : 386px;
  top         : 58px;
  font-family : 'Muli', sans-serif;
  font-size   : 12px;
}

#password-box-agency {
  position    : absolute;
  left        : 386px;
  top         : 93px;
  font-family : 'Muli', sans-serif;
  font-size   : 12px;
}

#blue-box-left {
  position   : absolute;
  background : rgb(93, 177, 56);
  height     : 30px;
  top        : 127px;
  left       : 29px;
  width      : 320px;
}

#blue-box-middle {
  position   : absolute;
  background : rgb(93, 177, 56);
  width      : 320px;
  height     : 30px;
  top        : 127px;
  left       : 386px;
}

#login-button {
  position : relative;
  height   : 20px;
  top      : 4px;
  left     : 10px;
}

#login-button-two {
  position : relative;
  height   : 20px;
  top      : 4px;
  left     : 10px;
}

#bottom-left-text {
  position : absolute;
  top      : 160px;
  left     : 29px;
  width    : 100%;
}

#bottom-middle-text {
  position : absolute;
  top      : 160px;
  left     : 386px;
  width    : 340px;
}

#contact-details-blue-box {
  position : relative;
  top      : 12px;
}

#referral-box-right {
  position : relative;
  left     : 740px;
  width    : 200px;
  top      : -44px;
}

#login-button p { line-height : 16px }

/* FOOTER */
#footer {
  top              : 20px;
  position         : relative;
  background-color : #8f9193;
  height           : 140px;
  width            : 100%;
}

#footer-container {
  position : relative;
  width    : 920px;
  margin   : 0 auto;
  top      : 20px;
}

#footer-container-enter-procedure {
  position : relative;
  width    : 1200px;
  margin   : 0 auto;
  top      : 20px;
}

#footer-right {
  float      : right;
  margin-top : -8px;
}

#footer-left {
  float : left;
}
.footer-contact {
	width: 100%;
	background-color: #ccc;
	border-radius: 5px;
	padding: 2px;
	font-size: 0.8em;
	margin: 0 0 5px 0;
	text-align: center;
}

.footer-contact a {
  text-decoration: none;
  color: black;
}

/* user pages logged in */

/* HEADER */

.messages {
  position : relative;
  left     : 190px;
  top      : 25px;
}

.error {
  color       : #cc0000;
  font-weight : bold;
  font-size   : 11px;
  font-family : 'Muli', sans-serif;
}

.error-no-resize {
  display     : block;
  color       : #cc0000;
  font-weight : bold;
}

.info {
  font-weight : bold;
  color       : #cc0000;
  font-size   : 11px;
  font-family : 'Muli', sans-serif;
}

#content-container {
  position   : relative;
  width      : 100%;
  background : url(../images/logged-in-background.png) repeat;
  top        : 36px;
  margin     : 0 auto 52px;
  min-height : 750px;
}

#content-container-inner {
  margin           : 0 auto;
  width            : 960px;
  min-width        : 960px;
  background-color : #ffffff;
}

#links-container {
  position    : absolute;
  width       : 201px;
  top         : 5px;
  margin-left : 10px;
}

#link-title-position {
  position   : relative;
  top        : 14px;
  left       : -245px;
  text-align : right;
  width      : 300px;

  font-family : 'Muli', sans-serif;
  font-size   : 21px;
  color       : black;
}

#call-back-container {
  position   : relative;
  background : url(../images/call-back-box.png) no-repeat;
  height     : 260px;
  top        : 10px;
}

#call-back-text {
  position    : relative;
  top         : 19px;
  height      : 100px;
  padding     : 4px;
  line-height : 15px;
  font-size   : 10px;
  width       : 190px;
}

#phone-box {
  position : absolute;
}

#callback-button-holder {
  position: absolute;
  top: 202px;
  width: 183px;
  left: 2px;
}

#callback-button-holder .btn {
  width: 100%;
  display: block;
  text-align: center;
}

#callback-input-holder {
  position : absolute;
  top      : 163px;
}

#main-content-container {
  position         : relative;
  width            : 720px;
  left             : 220px;
  background-color : #e9e9e9;
  margin-right     : 20px;
  z-index          : 1;
  min-height       : 1060px;
}

#main-content-container-inner {
  font-family: 'Muli',sans-serif;
  font-size: 13px;
  line-height: 17px;
  margin: 0 auto 0 8px;
  padding: 0 10px;
  width: 665px;
}

.horizontal-blue-line {
	height: 2px;
	background-color: rgb(93, 177, 56);
}

.horizontal-green-line-long {
	height: 2px;
	background-color: rgb(93, 177, 56);
}

.horizontal-blue-line-tabbed-pages {
	height: 2px;
	background-color: rgb(93, 177, 56);
}

#title-bar {
  background      : url(../images/page-title-bar.png) no-repeat;
  background-size : 100% 31px;
  color      : rgb(93, 177, 56);
  text-align : center;
  height: 34px;
  padding: 9px 0 0;
  text-transform: uppercase;
}

#people-table {
  background      : url(../images/people-table.png) no-repeat;
  background-size : 100% 133px;
  height          : 100px;
}

#title-text {
  position   : relative;
  color      : #e4e516;
  top        : -156px;
  margin     : 0 auto;
  text-align : center;
  display: none;
}

/* FOOTER */
#footer-logged-in {
  position         : relative;
  background-color : #8f9193;
  height           : 140px;
  width            : 100%;
}

/* FONTS, ADDITIONAL STYLING */
#font-georgia-links {
  font-family : 'Muli', sans-serif;
  font-size   : 12px;
}

.font-gotham-large-bold {
  font-family : 'Muli', sans-serif;
  font-size   : 15px;
  font-weight : bold;
}

.font-gotham {
  font-family : 'Muli', sans-serif;
  font-size   : 13px;
}

.font-gotham-bold {
  font-family : 'Muli', sans-serif;
  font-size   : 13px;
  font-weight : bold;
}

.font-gotham-bold-medium {
  font-family : 'Muli', sans-serif;
  font-size   : 14px;
  font-weight : bold;
}

.font-gotham-bold-small {
  font-family : 'Muli', sans-serif;
  font-size   : 10px;
  font-weight : bold;
}

.font-gotham-bold-grey {
  color       : #525354;
  font-family : 'Muli', sans-serif;
  font-size   : 13px;
  font-weight : bold;
}

#tick-box-container {
  width    : 100%;
  overflow : hidden;
  display  : block;
}

#box-unticked {
  position : relative;
  top      : 5px;
}

#box-ticked {
  position     : relative;
  left         : -20px;
  margin-right : -17px;
}

#box-ticked-2 {
  position     : relative;
  left         : -20px;
  margin-right : -17px;
}

#box-unticked-2 {
  position : relative;
  top      : 5px;
}

a.no-under-line {
  text-decoration : none;
  color           : #6a6a6a;
}

img.no-border {
  border-style : none;
}

a.no-under-line-grey {
  text-decoration : none;
  color           : #525354;
}

a.links {
  text-decoration : none;
  color           : black;
  display         : block;
  width           : 200px;
}

a.links:hover {
  background-color : rgb(93, 177, 56);
}

a.links-grey {
  text-decoration  : none;
  color            : black;
  display          : block;
  width            : 200px;
  background-color : #e9e9e9;
}

.no-decoration {
  text-decoration : none;
  outline         : none;
}

.form-style {
  width       : 100%;
  padding     : 5px 0 12px;
  font-family : 'Muli', sans-serif;
  font-size   : 13px;
}

.form-style {
  border-collapse : collapse;
}

.form-style td {
  border  : none;
  outline : none;
}

.form-style label {
  float       : left;
  width       : 204px;
  color       : #333;
  top         : 4px;
  line-height : 16px;
  font-weight : bold;
  padding     : 4px 0 0;
}

.form-style .txt {
  float      : left;
  background : #ffffff;
  border     : 1px solid #c8c8c8;
  padding    : 4px 9px 5px;
  width      : 246px;
  color      : #333;
}

.form-style .i-text {
  float      : left;
  background : #ffffff;
  border     : 1px solid #c8c8c8;
  padding    : 4px 9px 5px;
  width      : 346px;
  color      : #333;
}

.form-style .txt-dob, .txt-date {
  float      : left;
  background : #ffffff;
  border     : 1px solid #c8c8c8;
  padding    : 4px 9px 5px;
  width      : 130px;
  color      : #333;
}

.form-style .txt-mini {
  float      : left;
  background : #ffffff;
  border     : 1px solid #c8c8c8;
  padding    : 4px 9px 5px;
  width      : 30px;
  color      : #333;
}

.form-style .txt-small {
  float      : left;
  background : #ffffff;
  border     : 1px solid #c8c8c8;
  padding    : 4px 9px 5px;
  width      : 130px;
  color      : #333;
}

.form-style .txt-medium {
  float      : left;
  background : #ffffff;
  border     : 1px solid #c8c8c8;
  padding    : 4px 9px 5px;
  width      : 230px;
  color      : #333;
}

.form-style .txt-small-disabled {
  float      : left;
  background : #ffffff;
  border     : 1px solid #c8c8c8;
  padding    : 4px 9px 5px;
  width      : 130px;
  color      : #333;
}

.form-style .txt-mini-inline {
  background : #ffffff;
  border     : 1px solid #c8c8c8;
  padding    : 4px 9px 5px;
  width      : 30px;
  color      : #333;
}

.form-style .txt-postcode {
  float      : left;
  background : #ffffff;
  border     : 1px solid #c8c8c8;
  padding    : 4px 9px 5px;
  width      : 130px;
  color      : #333;
}

.form-style .postcode {
  float      : left;
  background : #ffffff;
  border     : 1px solid #c8c8c8;
  padding    : 4px 9px 5px;
  width      : 100px;
  color      : #333;
}

.form-style textarea {
  float      : left;
  background : #ffffff;
  border     : 1px solid #c8c8c8;
  padding    : 4px 9px 5px;
  width      : 346px;
  color      : #333;
  height     : 150px;
}

.form-style select {
  float : left;
  width : 144px;
  color : #333;
}

.form-style table {
  width : 100%;
}

.form-style tr {
  width      : 100%;
  overflow   : hidden;
  min-height : 27px;
  padding    : 0 0 7px;
}

.form-style .form-row {
  width      : 100%;
  overflow   : hidden;
  min-height : 27px;
  padding    : 0 0 7px;
}

.form-style .g-recaptcha.btn-right {
  display: inline-block;
}

* html .form-style .form-row {
  height   : 27px;
  overflow : visible;
}

.form-style .form-submit {
  text-align : center;
  margin     : 2px 0 0;
  padding    : 20px 0 0;
}

.form-style .red {
  background-color : red;
  color            : white;
}

.form-style .green {
  background-color : green;
  color            : white;
}

.form-style .col-1 {
  float : left;
  width : 480px;
}

.form-style .col-2 {
  float : right;
  width : 480px;
}

/* INDEPENDENT FORMATING */
#txt {
  background : #ffffff;
  border     : 1px solid #c8c8c8;
  padding    : 4px 9px 5px;
  width      : 100px;
  color      : #333;
}

#txt-area {
  background : #ffffff;
  border     : 1px solid #c8c8c8;
  padding    : 4px 9px 5px;
  width      : 400px;
  color      : #333;
}

#txt-mini {
  float      : left;
  background : #ffffff;
  border     : 1px solid #c8c8c8;
  padding    : 4px 9px 5px;
  width      : 35px;
  color      : #333;
}

#txt-small {
  float      : left;
  background : #ffffff;
  border     : 1px solid #c8c8c8;
  padding    : 4px 9px 5px;
  width      : 130px;
  color      : #333;
}

.txt {
  background : #ffffff;
  border     : 1px solid #c8c8c8;
  padding    : 4px 9px 5px;
  width      : 100px;
  color      : #333;
}

.txt-mini {
  float      : left;
  background : #ffffff;
  border     : 1px solid #c8c8c8;
  padding    : 4px 9px 5px;
  width      : 35px;
  color      : #333;
}

.txt-mini-inline {
  background : #ffffff;
  border     : 1px solid #c8c8c8;
  padding    : 4px 9px 5px;
  width      : 35px;
  color      : #333;
}

.txt-small {
  float      : left;
  background : #ffffff;
  border     : 1px solid #c8c8c8;
  padding    : 4px 9px 5px;
  width      : 130px;
  color      : #333;
}

.txt-small-inline {
  background : #ffffff;
  border     : 1px solid #c8c8c8;
  padding    : 4px 9px 5px;
  width      : 130px;
  color      : #333;
}

.txt-area {
  background : #ffffff;
  border     : 1px solid #c8c8c8;
  padding    : 4px 9px 5px;
  width      : 400px;
  color      : #333;
}

.add-agency .edit-box {
  width : 465px;
}

.cancel-link, .edit-state .edit-link, .edit-state .edit-text {
  display : none;
}

.edit-state .edit-box, .edit-state .cancel-link {
  display : block;
}

/*edit-box*/
.edit-box {
  display : none;
}

.edit-box .row {
  width         : 100%;
  overflow      : hidden;
  margin-bottom : 2px;
}

.edit-box label {
  float       : left;
  width       : 150px;
  line-height : 27px;
  font-size   : 11px;
  font-weight : bold;
}

.edit-box .btn-yellow {
  float      : right;
  margin-top : 7px;
}

.edit-box .i-text {
  background : #fff;
  border     : 1px solid #c4c4c4;
  float      : left;
  width      : 150px;
}

/* FINANCIAL POSITION TABLE */
.fin-table table {
  margin          : 0;
  border-collapse : collapse;
  width           : 100%;
}

.fin-table table th {
  background : #5c5b5b;
  padding    : 5px 2px;
  color      : #d1d21f;
}

.fin-table table th.alt {
  background : #adadad;
  padding    : 5px 2px;
  color      : #d1d21f;
}

.fin-table table th.alt-pattern {
  background : black;
  padding    : 5px 2px;
  color      : #d1d21f;
}

.fin-table table td {
  padding        : 5px 0 5px 12px;
  border-top     : 1px solid #dcdcdc;
  color          : #333;
  font-size      : 12px;
  vertical-align : top;
}

.fin-table table td a {
  font-weight : bold;
}

.fin-table table tfoot {
  background : #5c5b5b;
  padding    : 5px 2px;
}

.fin-table table tfoot td {
  color          : #d1d21f;
  vertical-align : middle;
  font-weight    : bold;
  height         : 51px;
}

.fin-table table thead td {
  background     : #adadad;
  color          : #fff;
  font-weight    : bold;
  font-size      : 14px;
  padding-top    : 8px;
  padding-bottom : 7px;
}

.fin-table table thead td.even-td {
  background : #a1a1a1;
}

.fin-table table td.even-td {
  background : #ededed;
}

.fin-table table tr.even-tr td {
  background : #f3f3f3;
}

.fin-table table tr.even-tr td.even-td {
  background : #e2e2e2;
}

.fin-table table td.invoice, .fin-table table td.total {
  font-weight : bold;
}

.fin-table table tr.orange td {
  background : #fbaa1a;
  color      : #fff;
}

.fin-table table tr.orange td.even-td {
  background : #e99e18;
}

.fin-table table tr.grey td {
  background : #757575;
  color      : #fff;
}

.fin-table table tr.grey td.even-td {
  background : #6d6d6d;
}

.fin-table table td.pay-td {
  text-align    : center;
  padding-left  : 10px;
  padding-right : 10px;
}

/* EXPENSES TABLE */
.expenses-form {
  padding : 10px 0 0;
  width   : 100%;
}

.expenses-form .form-submit {
  border-top : 1px solid #dcdcdc;
  padding    : 20px 0 0;
  width      : 100%;
  overflow   : hidden;
}

.expenses-form .form-submit .btn-submit {
  float  : left;
  margin : 0 0 0 227px;
}

.expenses table {
  margin          : 0;
  border-collapse : collapse;
  width           : 100%;
}

.expenses table th {
  background       : -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e4e516), color-stop(1, #bfbf00));
  background       : linear-gradient(to bottom, #e4e516 5%, #bfbf00 100%);
  filter           : progid:DXImageTransform.Microsoft.gradient(startColorstr="#e4e516", endColorstr="#bfbf00");
  background-color : #e4e516;
  text-align       : center;
  border           : solid #000000;
  border-width     : 0 1px 1px 0;
  font-size        : 12px;
  padding          : 5px;
  font-family      : 'Muli', sans-serif;
  font-weight      : bold;
  color            : #000000;
}

.expenses table td {
  vertical-align : middle;
  text-align     : left;
  font-size      : 12px;
  font-family    : 'Muli', sans-serif;
  font-weight    : normal;
  color          : #000000;
}

.expenses table td.even-td {
  background : #ededed;
}

.expenses table thead td {
  background     : #adadad;
  color          : #f3f3f3;
  border-top     : 1px solid #dcdcdc;
  vertical-align : top;
  padding-left   : 10px;
  padding-bottom : 8px;
  font-weight    : bold;
  font-size      : 14px;
}

.expenses table thead td.even-td {
  background : #a1a1a1;
}

.expenses table tr.example td {
  vertical-align : bottom;
  padding-top    : 8px;
  padding-bottom : 5px;
  padding-left   : 10px;
}

.expenses table tr.example td em {
  display     : block;
  font-style  : normal;
  color       : #999;
  font-weight : bold;
  margin      : 0 0 5px;
}

.expenses table tr.example td strong {
  font-size : 12px;
}

.expenses table tr.empty td {
  height         : 25px;
  padding-top    : 0;
  padding-bottom : 0;
}

.expenses table td .txt-date {
  width       : 79px;
  padding     : 5px 5px;
  font-weight : bold;
  font-size   : 12px;
  color       : #333;
  border      : 1px solid #c4c4c4;
}

.expenses table td .txt-data {
  width     : 60px;
  padding   : 5px 5px;
  font-size : 12px;
  color     : #333;
  border    : 1px solid #c4c4c4;
}

.expenses table td .txt-travel {
  width     : 50px;
  padding   : 5px 5px;
  font-size : 12px;
  color     : #333;
  border    : 1px solid #c4c4c4;
}

.expenses table td select {
  width     : 122px;
  font-size : 12px;
  color     : #333;
}

.expenses table tr.odd td {
  background : #f3f3f3;
}

.expenses table tr.odd td.even-td {
  background : #e2e2e2;
}

.expenses table tfoot {
  border     : 3px solid #9d9fa2;
  background : #5c5b5b;
  padding    : 5px 2px;
}

.expenses table tfoot td {
  border         : 3px solid #9d9fa2;
  color          : #d1d21f;
  vertical-align : middle;
  font-weight    : bold;
  height         : 51px;
}

/* BUTTON HOLDER */
.btn-holder {
  width          : 100%;
  overflow       : hidden;
  display        : block;
  padding-bottom : 8px;
}

.btn-add-another {
  float           : right !important;
  padding-right   : 35px;
  background      : url(/images/btn-add-another-line.png) no-repeat 100% 50%;
  line-height     : 25px;
  font-weight     : bold;
  font-size       : 11px;
  text-decoration : none;
}

.custom-select {
  display        : inline-block;
  vertical-align : bottom;
}

/* Scrolling in text */
.text {
  position    : absolute;
  line-height : 12px;
  overflow    : hidden;
  width       : 680px;
  margin      : 0 auto;
  height      : 20px;
  left        : 450px;
  top         : 55px;
}

.text-enter-procedure {
  position    : relative;
  line-height : 12px;
  width       : 1200px;
  margin      : 0 auto;
  height      : 20px;
  top         : 10px;
}

.text-user-page {
  line-height: 12px;
  margin: 10px auto;
  overflow: hidden;
  width: 680px;
}

.text-left {
  position    : absolute;
  line-height : 12px;
  overflow    : hidden;
  width       : 680px;
  margin      : 0 auto;
  height      : 40px;
  top         : 10px;
}

@-webkit-keyframes show { /* Chrome, Safari */
  0% { width : 100% }
  40% { width : 0 }
  60% { width : 0 }
  100% { width : 0 }
}

@-moz-keyframes show { /* FF */
  0% { width : 100% }
  40% { width : 0 }
  60% { width : 0 }
  100% { width : 0 }
}

@-ms-keyframes show { /* IE10 */
  0% { width : 100% }
  40% { width : 0 }
  60% { width : 0 }
  100% { width : 0 }
}

@-o-keyframes show { /* Opera */
  0% { width : 100% }
  40% { width : 0 }
  60% { width : 0 }
  100% { width : 0 }
}

@keyframes show {
  0% { width : 100% }
  40% { width : 0 }
  60% { width : 0 }
  100% { width : 0 }
}

/* SOME ROW HIGHLIGHTS */
tr.light_yellow {
  background-color : #e4e516;
}

tr.grey {
  background  : #5c5b5b;
  padding     : 5px 2px;
  color       : #d1d21f;
  font-weight : bold;
}

tr.silver {
  background-color : #f7f7f7;
}

/* TOOLTIP */
.tip {
  font                   : 10px/12px Arial, Helvetica, sans-serif;
  border                 : solid 1px #666666;
  width                  : 200px;
  padding                : 1px;
  position               : absolute;
  z-index                : 100;
  visibility             : hidden;
  color                  : #333333;
  top                    : -20px;
  left                   : 90px;
  background-color       : #ffffcc;
  margin-left            : 115px;
}

.tip-account {
  font                   : 10px/12px Arial, Helvetica, sans-serif;
  border                 : solid 1px #666666;
  width                  : 200px;
  padding                : 1px;
  position               : absolute;
  z-index                : 100;
  visibility             : hidden;
  color                  : #333333;
  background-color       : #ffffcc;
  margin-top             : -160px;
  margin-left            : 150px;
}

/* REMOVES BORDER AROUND IMAGE LINKS IN INTERNET EXPLORER */
a img {
  border : 0;
}

a {
  color : #5e5e5e;
}

#center-image {
  vertical-align : -5px;
}

.yui3-skin-sam .yui-calendar td.calcell.today {
  background-color : red;
}

.yui-calendar-day-selected {
  background-color : red;
}

.no_border {
  border-collapse : collapse;
}

.no_border td {
  border  : none;
  outline : none;
}

.site-table {
  margin                             : 0; padding : 0;
  width                              : 100%;
  box-shadow                         : 10px 10px 5px #888888;
  border                             : 1px solid #000000;
  -moz-border-radius                 : 0;
  -webkit-border-radius              : 0;
  border-radius                      : 0;
  border-spacing                     : 0;
}

.site-table table {
  height : 100%;
  margin : 0; padding : 0;
}

.site-table tr:last-child td:last-child {
  -moz-border-radius-bottomright     : 0;
  -webkit-border-bottom-right-radius : 0;
  border-bottom-right-radius         : 0;
}

.site-table table tr:first-child th {
  -moz-border-radius-topleft     : 0;
  -webkit-border-top-left-radius : 0;
  border-top-left-radius         : 0;
}

.site-table table tr:first-child td:last-child {
  -moz-border-radius-topright     : 0;
  -webkit-border-top-right-radius : 0;
  border-top-right-radius         : 0;
}

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

.site-table tr:nth-child(odd) { background-color : #e5e5e5; }

.site-table tr:nth-child(even) { background-color : #ffffff; }

.site-table td {
  vertical-align : middle;
  border         : solid #000000;
  border-width   : 0 1px 1px 0;
  text-align     : left;
  padding        : 7px;
  font-size      : 12px;
  font-family    : 'Muli', sans-serif;
  font-weight    : normal;
  color          : #000000;
}

.site-table td.right {
  vertical-align : middle;
  border         : solid #000000;
  border-width   : 0 1px 1px 0;
  text-align     : right;
  padding        : 7px;
  font-size      : 12px;
  font-family    : 'Muli', sans-serif;
  font-weight    : normal;
  color          : #000000;
}

.site-table th {
  background       : -webkit-gradient(linear, left top, left bottom, color-stop(0.05, rgb(93, 177, 56)), color-stop(1, #51a891));
  background       : -moz-linear-gradient(to bottom, rgb(93, 177, 56) 5%, #51a891 100%);
  filter           : progid:DXImageTransform.Microsoft.gradient(startColorstr="#e4e516", endColorstr="#bfbf00");
  background-color : #e4e516;
  text-align       : center;
  border           : solid #000000;
  border-width     : 0 1px 1px 0;
  font-size        : 12px;
  padding          : 3px;
  font-family      : 'Muli', sans-serif;
  font-weight      : bold;
  color            : #000000;
}

.site-table th.alt {
  background : #adadad;
}

.site-table tfoot td {
  font-weight      : bold;
  font-size        : 12px;
  background-color : #595858;
  border-width     : 1px 1px 1px 1px;
  color            : #e4e516;
}

.site-table tfoot td.no-border {
  border-width     : 0 0 0 0;
  font-weight      : bold;
  font-size        : 12px;
  background-color : #595858;
  color            : #e4e516;
}

.site-table .error {
  color       : #cc0000;
  font-weight : bold;
  font-size   : 11px;
  font-family : 'Muli', sans-serif;
}

.site-table-small {
  margin                             : 0; padding : 0;
  width                              : 100%;
  box-shadow                         : 10px 10px 5px #888888;
  border                             : 1px solid #000000;
  -moz-border-radius                 : 0;
  -webkit-border-radius              : 0;
  border-radius                      : 0;
  border-spacing                     : 0;
}

.site-table-small table {
  height : 100%;
  margin : 0; padding : 0;
}

.site-table-small tr:last-child td:last-child {
  -moz-border-radius-bottomright     : 0;
  -webkit-border-bottom-right-radius : 0;
  border-bottom-right-radius         : 0;
}

.site-table-small table tr:first-child th {
  -moz-border-radius-topleft     : 0;
  -webkit-border-top-left-radius : 0;
  border-top-left-radius         : 0;
}

.site-table-small table tr:first-child td:last-child {
  -moz-border-radius-topright     : 0;
  -webkit-border-top-right-radius : 0;
  border-top-right-radius         : 0;
}

.site-table-small tr:last-child td:first-child {
  -moz-border-radius-bottomleft     : 0;
  -webkit-border-bottom-left-radius : 0;
  border-bottom-left-radius         : 0;
}

.site-table-small tr:nth-child(odd) { background-color : #e5e5e5; }

.site-table-small tr:nth-child(even) { background-color : #ffffff; }

.site-table-small td {
  vertical-align : middle;
  border         : solid #000000;
  border-width   : 0 1px 1px 0;
  padding        : 3px;
  font-size      : 11px;
  font-family    : 'Muli', sans-serif;
  font-weight    : normal;
  color          : #000000;
}

.site-table-small th {
  background       : -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e4e516), color-stop(1, #bfbf00));
  background       : -moz-linear-gradient(to bottom, #e4e516 5%, #bfbf00 100%);
  filter           : progid:DXImageTransform.Microsoft.gradient(startColorstr="#e4e516", endColorstr="#bfbf00");
  background-color : #e4e516;
  text-align       : center;
  border           : solid #000000;
  border-width     : 0 1px 1px 0;
  font-size        : 11px;
  padding          : 0;
  font-family      : 'Muli', sans-serif;
  font-weight      : bold;
  color            : #000000;
}

.site-table-small select {
  max-width : 135px;
  font-size : 11px;
}

.site-table-small select.consultant {
  max-width : 110px;
}

.site-table-small input {
  padding   : 0;
  width     : 43px;
  font-size : 11px;
}

.site-table-small th.alt {
  background : #adadad;
}

.site-table-small tfoot td {
  font-weight      : bold;
  font-size        : 11px;
  background-color : #595858;
  border-width     : 1px 1px 1px 1px;
  color            : #e4e516;
}

.site-table-small tfoot td.no-border {
  border-width     : 0 0 0 0;
  font-weight      : bold;
  font-size        : 11px;
  background-color : #595858;
  color            : #e4e516;
}

.site-table-small .error {
  color       : #cc0000;
  font-weight : bold;
  font-size   : 11px;
  font-family : 'Muli', sans-serif;
}

.additional-expenses-table {
  margin          : 0; padding : 0;
  width           : 100%;
  box-shadow      : 10px 10px 5px #888888;
  border          : 1px solid #000000;
  border-collapse : collapse;
}

.additional-expenses-table tr.black {
  background-color : #444444;
  color            : #CCCCCC;
}

.additional-expenses-table tr.grey {
  background-color : #CCCCCC;
  color            : #444444;
}

table {
  border-collapse : collapse;
}

td {
  border  : none;
  outline : none;
}

.td_border {
  border : 1px solid;
}

.btn {
  -webkit-border-radius : 0;
  -moz-border-radius    : 0;
  border-radius         : 0;
  font-family           : 'Muli', sans-serif;
  color                 : rgb(93, 177, 56);
  font-size             : 14px;
  font-weight           : bold;
  background            : #595858;
  padding               : 3px 7px 3px 7px;
  border                : solid #000305 1px;
  text-decoration       : none;
  text-transform        : uppercase;
}

.btn:hover {
  background      : #3f3d3d;
  text-decoration : none;
}

#timer {
  height      : 32px;
  overflow    : hidden;
  padding     : 47px 0 0 1px;
  font-weight : bold;
  position    : relative;
  z-index     : 20;
  top         : -80px;
  left        : 700px;
  font-size   : 13px;
  font-family : 'Muli', sans-serif;
  width       : 260px;
}

.front_end_form {
  border-collapse : collapse;
}

.front_end_form td {
  border  : none;
  outline : none;
}

.no_border {
  border-collapse : collapse;
}

.no_border td {
  border  : none;
  outline : none;
}

.next_back_button_holder {
  text-align: right;
}

/*section*/
.section {
  margin-bottom  : 22px;
  overflow       : hidden;
  width          : 100%;
  border-bottom  : 1px solid #dcdcdc;
  padding-bottom : 10px;
}

/*notice*/
.notice p { color : #900; }

.notice_agency_messages p { color : #06c; }

a.active { color : #999; }

.site-notification {
  width       : 80%;
  text-align  : center;
  color       : red;
  margin      : 0 auto;
  padding     : 5px;
  font-size   : 12px;
  font-family : 'Muli', sans-serif;
  position    : relative;
}

.expandable-content {
  /* Initially we don't want any height, and we want the contents to be hidden */
  max-height         : 0;
  overflow           : hidden;

  /* Set our transitions up. */
  -webkit-transition : max-height 1s;
  -moz-transition    : max-height 1s;
  transition         : max-height 1s;
}

.no-number {
  list-style : none;
}

ul.smallindent {
  margin-left   : 5px;
  margin-right  : 0;
  padding-left  : 10px;
  padding-right : 0;
}

ol.smallindent {
  margin-left   : 5px;
  margin-right  : 0;
  padding-left  : 10px;
  padding-right : 0;
}

.handbook-list a {
  color : black;
}

.main-content-container-important-messages {
  position    : relative;
  margin      : 0 auto;
  line-height : 17px;
  font-family : 'Muli', sans-serif;
  font-size   : 13px;
  min-height  : 635px;
  height      : auto !important;
  width       : 1200px;
}

.important-message-button {
  position      : absolute;
  bottom        : 0;
  margin-bottom : 10px;
  right         : 0;
}


/* pop-up calendar */

.yui3-popup-calendar{

  position: absolute;
  border: 1px solid;
  padding: 3px;
}

.yui3-popup-calendar-hidden{

  display: none;
}

.yui3-calendar-pane{

  background-color: white;
}

/* end of pop-up calendar */

/* referall pages */

.left-50-col {
  float: left;
  padding: 0 2.5%;
  width: 45%;
}

.right-50-col {
   float: right;
   padding: 0 2.5%;
   width: 45%;
 }

.competition-image-container {
  padding-top: 30px;
  clear: both;
  text-align: center;
}

.competition-image {
  display: inline-block;
  padding: 3px;
}

.competition-image > img {
  display: block;
  height: 220px;
}

.competition-image.small > img {
  height: 109px;
}

.competition-image.med > img {
  height: 170px;
}

/* end referall pages */


.moneyPackageRetailers{

  display: block;
  margin: 0px;
  padding: 0px 0px 5px 0px;
  position: relative;
  top: 0px;
  height: auto;
  max-width: auto;
  overflow-y: auto;
  overflow-x: auto;
  word-wrap: normal;
  white-space: nowrap;
}

.moneyPackageImage {

  display: inline;
  margin: 0px;
  padding: 4px 4px;
  vertical-align: middle;
  min-width: 80px;
  max-width: 100px;
  height: auto;
  max-height: 75px;
}

.youTubeVideo {

  min-width: 560px;
  width: 685px;
  max-width: 690px;
  min-height: 315px;
  height: 385px;
  max-height: 394px;
  margin: 30px auto 50px auto;
  display: block;
}


.flex-children > div {
  display: flex;
  margin-bottom: 5px;
  align-items: center;
  }

.flex-children > div > div:first-child {
width: 50%;
}

.flex-children > div > div:last-child {
  width: 40%;
  background: #fff;
  padding: 5px 30px;
  border-radius: 2px;
  border: 1px solid #ccc;
}

.compliance-status {
  padding: 5px;
}

.compliance-status.complete {
  background-color: lightgreen;
}

.compliance-status.incomplete {
  background-color: lightcoral;
}

.compliance-status.optional {
  background-color: orange;
}