hmar-

/* ######################################### LAYOUT ######################################### */
  
  /* 
    WIDTHS 
    <767 = Mobile
    >768 = Tablet/Desktop
  
  */
  
  body { 
    text-align: center; 
  }
  
  body.b-background { 
    background: url("../images/body-foot.png"); 
  }
  
  .outer-wrapper { 
    min-width: 990px; 
    width: 100%; 
  }
  
  div.container {
    padding-left: 0;
    padding-right: 0;
  }
  
  img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  }
  
  img.faded {
    opacity: 0.5;
  }
  
  blockquote {
    background: #77acbc url("/images/2015/blue-gradient.png") repeat-x scroll center top;
    outline: 3px double #7fb8cc;
    display: block;
    font-family: Georgia,serif;
    font-size: 18px;
    font-style: italic;
    margin-bottom: 1em;
    padding: 15px;
    margin-left: 0;
    margin-right: 0;
  }
  
  blockquote a, blockquote a:hover {
    color: #FFFFFF;
  }
  
  .content-image.pull-right {
    float: right;
    margin: 0 0 20px 20px;
  }
  
  .content-image.pull-left {
    float: right;
    margin: 0 20px 20px 0 ;
  }
  
  @media only screen and (min-width: 992px) {
    .container {
      width: 992px;
    }
  }

/* ######################################### GET STARTED FEATURE ######################################### */
  
  #get-started, #get-started-header {
    background-repeat: repeat-x;
    padding: 0;
    margin: 0;
    position: relative;
    clear: both;
  }
  
  #get-started #feature-arrow, #get-started-header #feature-box {
    background-repeat: no-repeat;
    background-position: right top;
    display: block;
    position: absolute;
    padding-left: 0;
    padding-right: 0;
    right: 0;
    text-align: left;
  }
  
  #caduceus {
    display: block;
    position: absolute;
    background-position: center center;
    background-image: url("../images/2015/caduceus.png");
    background-size: contain;
  }
  
  #feature-right .begin-form {
    margin-top: 15px;
  }
  
  @media only screen and (min-width: 768px) {
    #get-started, #get-started-header {
      background-image: url("../images/2015/blue-back-normal.png");
      height: 250px; 
      z-index: 9999;
    }
    
    #feature-arrow {
      background-image: url("../images/2015/feature-arrow.png");
      height: 130px;
      width: 90%;
      top: 58px;
    }
  
    #get-started-header #feature-box {
      background-image: url("../images/2015/feature-box.png");
      height: 130px;
      width: 90%;
      top: 58px;
    }
    
    #get-started-header #down-arrow {
      position: absolute;
      top: 182px;
      left: 20%;
      background-image: url("../images/2015/down-arrow.png");
      background-size: contain;
      width: 143px;
      height: 74px;
      z-index: 9999;
    }
    
    #caduceus {
      width: 163px;
      height: 189px;
      top: 25px;
      left: -20px;
    }
    
    #feature-arrow #feature-right {
      margin: 5px 67px 0 0;
      height: 120px;
      border-left: #8BCFE6 2px dotted;
      width: 278px;
    }
    
    #get-started-header #feature-box #feature-right  {
      margin: 5px 5px 0 0;
      height: 120px;
      width: 278px;
      background-position: top right;
      background-size: contain;
      background-repeat: no-repeat;
    }
    
    #feature-right .begin-form {
      margin-top: 30px;
      margin-right: 30px;
      float: right;
    }
    
    #feature-arrow #feature-right #begin-form {
      margin: 30px 0 0 0;
    }
  
  }
  
  @media only screen and (min-width: 992px) {
    #get-started-header #feature-box #feature-right {
      background-image: url("../images/2015/form-graphic-partial.png");
    }
  }
  
  @media only screen and (max-width: 767px) {
    
    #get-started, #get-started-header {
      background-image: url("../images/2015/blue-back-mobile.png");
      height: 173px; 
    }
    
    #get-started #feature-arrow {
      background-image: url("../images/2015/feature-arrow-mobile.png");
      height: 100px;
      width: 90%;
      top: 35px;
    }
    
    #get-started-header #feature-box {
      background-image: url("../images/2015/feature-box-mobile.png");
      height: 100px;
      width: 90%;
      top: 35px;
    }
    
    #caduceus {
      width: 122px;
      height: 138px;
      top: 12px;
      left: -20px;
    }
    
    #get-started #feature-arrow #feature-right {
      margin: 5px 47px 0 0;
      height: 90px;
      border-left: none;
      width: 200px;
    }
    
    #get-started-header #feature-box #feature-right {
      margin: 5px 3px 0 0;
      height: 90px;
      border-left: none;
      width: 200px;
      height: 90px;
      background-position: top right;
      background-size: contain;
      background-repeat: no-repeat;
    }
    
    #get-started #feature-arrow #feature-right a.button.green.large span {
      padding: 11px 15px;
      font-size: 1.1em;
    }
    
    #get-started #feature-arrow #feature-right #begin-form {
      margin: 18px 0 0 0;
    }
    
  }
  
  #get-started #feature-arrow #feature-left {
    display: block;
    position: absolute;
    text-align: left;
  }
  
  #get-started-header #feature-box #feature-left {
    display: block;
    position: absolute;
    text-align: left;
  }
  
  @media only screen and (min-width: 992px) {
    #get-started #feature-arrow #feature-left {
      top: 25px;
      left: 55px;
    }
  
    #get-started-header #feature-box #feature-left {
      top: 25px;
      left: 55px;
    }
  }
  
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #get-started #feature-arrow #feature-left {
      top: 35px;
      left: 65px;
    }
    
    #get-started-header #feature-box #feature-left {
      top: 35px;
      left: 65px;
    }
  }
  
  @media only screen and (max-width: 767px) {
    #get-started #feature-arrow #feature-left {
      top: 25px;
      left: 55px;
    }
    
    #get-started-header #feature-box #feature-left {
      top: 25px;
      left: 45px;
    }
  }
  
  @media only screen and (min-width: 1000px) {
    #get-started #inner, #get-started-header #inner {
      width: 1000px !important;
    }
  }
  
  #get-started #feature-arrow #feature-right {
    display: block; 
    text-align: right;
    padding: 0;
  }

/* ######################################### NAV ######################################### */
  
  #head { 
    clear: both;
    border-left: 0 none;
    border-radius: 0;
    border-right: 0 none;
    margin: 0;
    padding: 0;
    height: 106px; 
  }
  
  #head h1 a { 
    text-decoration: none; 
  }
  
  #head ul#navPrimary, #head ul#navUsers, #mobile_head ul#navUsers { 
    margin: 0; 
    padding: 0; 
    background-color: #FFFFFF;
  }
  
  #head ul#navPrimary li, #head ul#navUsers li, #mobile_head ul#navUsers li { 
    margin-left: 18px; 
  }
  
  #head ul#navPrimary li a, #head ul#navUsers li a, #mobile_head ul#navUsers li a { 
    display: inline-block;
    margin: 0;
    padding: 0;
  }
  
  #mobile_head {
    /* background: white url("../images/content-header-bottom.gif") bottom repeat-x; */
    background-color: #FFFFFF;	
    height: 106px; 
    clear: both;
  }
  
  /* navigation bootstrap overrides */
  
  button.navbar-toggle {
    border: none;
  }
  
  button.navbar-toggle:hover, button.navbar-toggle:focus {
    background-color: transparent !important;
  }
  
  #head {
    z-index: 10000;
  }
  
  #head #menu {
    padding-left: 0;
    padding-right: 0;
  }
    
  #head #menu #topnav-navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
  
  
  @media only screen and (min-width: 768px) {
    #head { 
      /* background: white url("../images/content-header-bottom.gif") bottom repeat-x; */
      background-color: #FFFFFF;
    }
    
    #head #inner {
      position: relative;
    }
    
    #head #logo {
      top: 37px;
      left: 10px;
      position: absolute;
    }
    
    #head #resume {
      right: 20px;
      top: 10px;
      position: absolute;
    }
    
    .forms-interior #head #resume {
      right: 20px;
      top: 20px;
      position: absolute;
    }
    
    #head #users-nav {
      right: 20px;
      top: 40px;
      position: absolute;
    }
    
    #head #menu {
      position: absolute;
      right: 10px;
      top: 40px;
      width: 540px;
    }
    
    h1#menu-title {
      display: none;
    }
    
    #head h1 { 
      margin: 0; 
      padding: 0 0 3px 0; 
    }
    
    #mobile_head {
      display: none; /* off for desktop and large screens */
    }
  
  }
  
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #head #logo {
      top: 20px;
      left: 10px;
      position: absolute;
    }
    
    #head #resume {
      right: 20px;
      top: 20px;
      position: absolute;
    }	
    
    .forms-interior #head #resume {
      right: 20px;
      top: 20px;
      position: absolute;
    }
    
    #head #users-nav {
      left: -7px;
      top: 60px;
      position: absolute;
    }
    
    #head #menu {
      position: relative;
      top: 70px;
      width: 540px;
      display: inline-block;
    }
    
    #head {
      height: 120px;
    }
    
    #head #inner {
      text-align: center;
    }
  }
  
  @media only screen and (max-width: 767px) {
    
    #mobile_head {
      display: block !important;
      width: 100%;
      position: relative;
    }
    
    #mobile_head #logo {
      top: 20px;
      left: 30px;
      position: absolute;
    }
    
    #mobile_head #resume, #mobile_head #users-nav {
      right: 30px;
      top: 35px;
      position: absolute;
    }
  
    .forms-interior #mobile_head #resume {
      right: 20px;
      top: 20px;
      position: absolute;
    }
    
    #mobile_head #users-nav .user-name {
      display: none;
    }
    
    h1#menu-title {
      display: block;
      float: left;
      margin-left: 30px;
    }
    
    #head {
      background-color: #312114;
      /* background-image: url(../images/2015/rule-01.png); */
      background-repeat: repeat-x;
    }
    
    #head #menu {
      margin: 23px auto 0 auto;
      width: 100%;
    }
    
    /* navigation bootstrap overrides */
  
    button.navbar-toggle span.icon-bar {
      width: 45px !important;	
      height: 8px !important;
    }
    
    .navbar-collapse {
      margin-top: 15px; /* fixes mismatch lineup issue */
    }
    
    #head ul#navMobile li ul.dropdown-menu.states {
      background-color: #F7F8F8;
    }
    
    #head ul#navMobile li ul.dropdown-menu.states li {
      display: inline-block;
      clear: none;
      margin: 0;
      font-size: 1em;
      background-color: #F7F8F8;
    }
    
    #head ul#navMobile li ul.dropdown-menu.states li a {
      display: inline-block;
      clear: both;
      padding: 13px 0 13px 70px;
      margin: 0;
      background-color: #F7F8F8;
    }
    
  }

/* ######################################### CONTENT ######################################### */
  
  .content-section {
    display: block;
    text-align: left;
  }
  
  .content-section.normal { /* This is for generic content blocks */
    padding: 20px 0 20px 0;
    background-color: #FFFFFF;
  }
  
  .content-section.feature { /* This is for bordered special feature blocks */
    padding: 0;
    margin: 0;
  }
  
  .callout {
    display: block;
    border-top: 3px double #7FB8CC;
    border-bottom: 3px double #7FB8CC;
    background: #FFFFCB;
    margin-bottom: 1em;
    text-align: center;
    padding: 15px;
    max-width: 650px;
  }
  
  q {
    font-style: italic !important;
    font-size: 18px !important;
  }

/* ######################################### FOOTER ######################################### */
  
  #footer {
    background-image: url("../images/footer-top.png");
    background-repeat: repeat-x;
    background-position: center top;
    display: block;
  }
  
  #footer .footer-content {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  
  @media only screen and (max-width: 767px) {
    #footer #state-requirements {
      display: none;
    }
  }
  
  
  #footer ul {
    margin: 0;
    padding: 0;
  }
  
  #footer ul.site-map li.first-child, #footer ul.site-map li:first-child {
    border-bottom: 2px dotted #7fb8cc;
    font-size: 16px;
    list-style: outside none none;
    margin: 20px 0 5px;
    width: 100%;
  }
  
  #footer ul.site-map li.first-child a, #footer ul.site-map li:first-child a {
    color: #7fb8cc;
    text-decoration: none;
  }
  
  #footer #footer-logos {
    background: white none repeat scroll 0 0;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
    border: #7FB8CC 2px double;
    display: block;
    margin-top: 50px;
    position: relative;
    width: 100%;
    padding: 10px 0 10px 0;
  }
  
  #footer.big-foot {
    color: white;
  }
  
  #footer #footer-logos ul {
    text-align: center;
  }
  
  #footer #footer-logos ul li {
    display: inline-block;
    padding: 0;
    margin: 8px 10px 0 10px;
  }
  
  #footer #footer-logos .border-inset {
    border: 2px solid #7fb8cc;
    display: block;
    height: 118px;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 98%;
  }
  
  .footer-number {
    padding-left: 0;
    padding-right: 20px;
  }
  
  @media only screen and (min-width: 768px) {
    #footer-mobile {
      display: none;
    }
    
    #footer .inline-list {
      padding: 10px;
    }
  }
  
  @media only screen and (max-width: 767px) {
    #footer-mobile {
      display: table;
    }
    
    #footer-mobile #navigate ul {
      list-style: none;
      margin: 0;
    }
    
    #footer-mobile #navigate ul li a {
      border-top: 2px dotted #7fb8cc;
      padding: 10px 0 10px 0;
      font-size: 1.2em;
      display: block;
    }
    
    #footer-mobile #navigate ul li:first-child a {
      border-top: none;
    }
      
    #footer-right {
      display: none;
    }	
    
    .mobile-footer-left {
      padding-right: 25px !important;
      padding-left: 0 !important;
    }
      
    .mobile-footer-right {
      padding-left: 25px !important;
      padding-right: 0 !important;
    }
    
    #get-in-touch-mobile {
      padding-top: 50px;
    }
    
    #call-today-mobile {
      padding-top: 30px;
      text-align: center;
    }
    
    a.footer-mobile-number, a.footer-mobile-number:hover {
      font-size: 1.2em;
      display: block;
      padding: 8px 0 8px 0;
      text-decoration: none !important;
    }
    
    p.mobile-copyright {
      font-size: 0.8em;
      font-style: italic;
    }
    
    #footer .inline-list {
      padding: 40px 10px;
    }
    
  }


/* ######################################### MISC ######################################### */
  
  ul.inline-list, ol.inline-list { 
    margin-left: 0; 
  }
  
  ul.inline-list li, ol.inline-list li { 
    display: inline; 
    float: left; 
    list-style: none; 
  }
  
  ul.inline-list li a, ol.inline-list li a { 
    float: left; 
  }
  
  .col-centered {
    float: none;
    margin: 0 auto;
  }
  
  .no-gutter {
    padding-left: 0;
    padding-right: 0;
  }
  
  .left-gutter {
    padding-left: 15px !important;
    padding-right: 0;
  }
  
  .right-gutter {
    padding-left: 0;
    padding-right: 15px !important;
  }
  
  .b-dotted-blue {
    border-bottom: #7fb8cc 2px dotted;
  }
  
  h1.b-dotted-blue, h2.b-dotted-blue, h3.b-dotted-blue {
    padding-bottom: 20px;
  }
  
  .t-dotted-blue {
    border-top: #7fb8cc 2px dotted;
  }
  
  .r-dotted-blue {
    border-right: #7fb8cc 2px dotted;
  }
  
  .l-dotted-blue {
    border-left: #7fb8cc 2px dotted;
  }
  
  @media only screen and (max-width: 992px) {
    .r-dotted-blue {
      border-right: none;
    }
    
   .l-dotted-blue {
      border-left: none;
   }
  }
  
  .rule-dotted-blue {
    border-top: #7fb8cc 2px dotted;
    height: 1px;
    width: 100%;
  }
  
  .rule-black-lines-01 {
    background-image: url("../images/2015/rule-black-lines-01.png");
    background-repeat: repeat-x;
    background-position: center top;
    border: none;
    height: 8px;
    width: 100%;
    padding: 0;
    margin: 0;
  }
  
  .rule-black-lines-02 {
    background-image: url("../images/2015/rule-black-lines-02.png");
    background-repeat: repeat-x;
    background-position: center top;
    border: none;
    height: 9px;
    width: 100%;
    padding: 0;
    margin: 0;
  }
  
  .rule-black-lines-03 {
    background-image: url("../images/2015/rule-black-lines-03.png");
    background-repeat: repeat-x;
    background-position: center top;
    border: none;
    height: 9px;
    width: 100%;
    padding: 0;
    margin: 0;
  }
  
  .tb-dotted-blue {
    border-top: #7fb8cc 2px dotted;
    border-bottom: #7fb8cc 2px dotted;
  }
  
  .top-dotted-blue {
    border-top: #7fb8cc 1px dotted;
  }
  
  a.button, a.button:link, a.button:active, a.button:visited, a.button:hover,
  button.button, button.button:link, button.button:active, button.button:visited, button.button:hover {
    border: #000000 1px solid;
    display: inline-block;
    color: #FFFFFF;
    padding: 0;
  }
  
  a.button span,
  button.button span {
    width: 100%;
    display: inline-block;
    margin: 0;
    text-shadow: 0px 0px 3px #000;
    color: #FFFFFF;
    font-weight: 600;
    border: #FFFFFF 2px solid;
    padding: 14px 20px; /* default large */
  }
  
  a.button.green, button.button.green {
    background-image: url("../images/2015/button-green-large-back-off.png");
    background-position: center center;
    background-repeat: repeat-x;
  }
  
  a.button.orange, button.button.orange {
    background-image: url("../images/2015/button-orange-back-off.png");
    background-position: center center;
    background-repeat: repeat-x; 
  }
  
  a.button.smsll span, button.button.small span {
    font-size: 1.0em;
    padding: 8px 10px;
  }
  
  a.button.medium span, button.button.medium span {
    font-size: 1.4em;
    padding: 10px 15px;
  }
  
  a.button.large span, button.button.large span {
    font-size: 1.4em;
    padding: 14px 20px;
  }
  
  a.button.cart span, button.button.cart span {
    padding-left: 70px;
    background-image: url("../images/2015/cart-icon.png");
    background-position: 20px center;
    background-repeat: no-repeat; 
  }
  
  .states-left {
    display: inline-block;
    width: 48%;
    vertical-align: top;
  }
  
  .states-right {
    display: inline-block;
    width: 48%;
    vertical-align: top;
  }
  
  .clear {
    clear: both;
  }
  
  .push-down-10 {
    height: 30px;
    display: block;
  }
  
  .push-down-20 {
    height: 30px;
    display: block;
  }
  
  .push-down-30 {
    height: 30px;
    display: block;
  }
  
  .push-down-40 {
    height: 30px;
    display: block;
  }
  
  .user-editable-content ul {
    list-style: outside none circle;
    /* margin-left: 0; */
    padding-bottom: 0;
    /* padding-left: 0; */
  }
  
  .user-editable-content ol {
    margin-left: 0;
    padding-bottom: 0;
    padding-left: 25px;
  }
  
  ul.checklist {
    margin: 30px 0 30px 0;
    padding: 0;
  }
  
  li.check {
    background: url("../images/check.png") no-repeat scroll 0 0;
    font-size: 13px;
    line-height: 20px;
    list-style: outside none none;
    margin: 0;
    padding: 0.5em 0 0.6em 32px;
  }
  
  #state-price {
    height: 100px;
    margin-top: 50px;
    position: relative;
    text-align: center;
    width: 100%;
  }
  
  #state-price #only {
    color: #f6be30;
    font-family: Georgia,serif;
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 5px;
  }
  
  #state-price #price-highlight {
    color: #cc0000;
    height: 22px;
    overflow: hidden;
    padding-bottom: 0;
    z-index: 2;
  }
  
  #state-price #price-base {
    color: #990000;
    z-index: 1;
  }
  
  #state-price #price-highlight, #state-price #price-base {
    font-family: Georgia,serif;
    font-size: 70px;
    font-weight: bold;
    height: 70px;
    left: 0;
    margin: 0;
    padding: 15px 0 20px;
    position: absolute;
    top: 20px;
    width: 100%;
  }
  
  #state-price p {
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 80px;
    width: 100%;
  }
  
  #state-price em {
    border: 0 none;
    font-size: 12px;
    font-style: italic;
  }
  
  .state-header {
    display: block;
    width: auto;
    background-image: url(../images/2015/state-header-back.jpg);
    background-repeat: repeat-x;
    overflow-x: hidden;
    text-align: center;
  }
  
  .services-header {
    display: block;
    width: auto;
    background-image: url(../images/2015/services-header-back.jpg);
    background-repeat: repeat-x;
    overflow-x: hidden;
    text-align: center;
  }
  
  .services-header p {
    margin: 0;
  }
  
  #social-right {
    text-align: center;
  }
  
  #social-right span {
    display: inline-block;
    clear: none;
    margin: 0;
  }
  
  @media only screen and (min-width: 992px) {
    .service-buttons-right {
      position: relative;
      z-index: 9998;
    }
  }
  /* TABLES */
  
  .user-editable-content table {
    width: 100%;
  }
  
  .user-editable-content table tr:nth-child(2n) {
    background: #EDEDED none repeat scroll 0 0;
  }
  
  .user-editable-content table td {
    padding: 5px 10px;
    vertical-align: top;
  }
  
  /* RESIZABLE TABLES */
  
  @media only screen and (min-width: 768px) {
  
    table.interior-table {
      width: auto;
      display: inline-table;
      margin: 0 0 30px 0;
      font-size: 0.8em;
    }
  
    table.interior-table tbody tr {
      margin: 0;
      padding: 0;
    }
    
    table.interior-table tbody tr td, table.interior-table tbody tr th {
      text-align: left;
      font-weight: 400;
      margin: 0;
      padding: 15px;
    }
    
    table.interior-table.contacts-table tbody tr td {
      padding: 10px;
    }
    
    table.interior-table tbody tr:nth-child(even) td {
      background-color: #FFFFFF;
    }
    
    table.interior-table tbody tr:nth-child(odd) td {
      background-color: #EDEDED;
    }
    
    table.interior-table tbody tr:first-child td, table.interior-table tbody tr:first-child th {
      background-color: #302013;
      color: #FFFFFF;
      font-weight: 600;
    }
    
    table.interior-table tbody tr:nth-child(n+2) th:first-child {
      background-color: #77ACBD;
      text-decoration: underline;
      font-weight: 600;
      color: #FFFFFF;
    }
    
    table.interior-table tbody tr:nth-child(n+2) th:first-child a {
      color: #FFFFFF;
      padding: 15px;
      display: inline-block;
    }
  }
  
  @media only screen and (max-width: 767px) {
    table.interior-table {
      width: 100%;
      display: inline-table;
      margin: 0 0 30px 0;
      font-size: 0.8em;
    }
    
    table.interior-table tbody tr.even {
      background-color: #FFFFFF;
    }
    
    table.interior-table tbody tr.odd {
      background-color: #EDEDED;
    }
    
    table.interior-table tbody tr {
      border: #CCCBCB 1px solid;
    }
    
    table.interior-table tbody tr td {
      border: #CCCBCB 1px solid;
    }
    
    table.interior-table tbody tr td {
      padding: 10px;
    }
    
    table.interior-table tbody tr td a {
      text-decoration: underline;
    }
  }

/* ######################################### TEXT STYLES ######################################### */
  
  body {
    color: #333333; 
    font-family: Arial, sans-serif;
    font-size: 16px; 
    line-height: 1.5em;
  }
  
  .red {
    color: #FF0000;
  }
  
  .navy {
    color: #00789C;
  }
  
  #resume {
    color: #B4B4B4;
    font-style: italic;
    font-size: 0.875em;
    font-weight: 400;
  }
  
  #resume a, #resume a:link, #resume a:visited, #resume a:active, #resume a:hover {
    color: #79BA20;
    font-weight: 600;
    font-style: normal;
  }
  
  #logo h1 {
    font-size: 1.75em;
  }
  
  @media only screen and (max-width: 767px) {
    #logo h1 {
      font-size: 1.40em;
    }
    
    #resume {
      font-size: 1.10em;
    }
  }
  
  #mobile_head ul#navUsers, #head ul#navUsers {
    list-style: none;
  }
  
  #head ul#navPrimary li, #head ul#navUsers li, #mobile_head ul#navUsers li { 
    color: #7fb8cc; 
    font-size: 1.06em;
    float: left;
  }
  
  #head ul#navPrimary li a, #head ul#navUsers li a, #mobile_head ul#navUsers li a { 
    color: #7fb8cc; 
    font-size: 1.06em; 
    text-decoration: none; 
  }
  
  #head ul#navPrimary li a:hover, #head ul#navUsers li a:hover, #mobile_head ul#navUsers li a:hover { 
    border-bottom: 2px dotted #7fb8cc; 
    color: #437080; 
    background-color: #FFFFFF;
  }
  
  #head ul#navMobile {
    width: 100%;
    margin: 0;
    top: 40px;
    background-color: #FFFFFF;	
  }
  
  #head ul#navMobile li { 
    background-color: #FFFFFF;
    margin: 2px 0 2px 0;
    padding: 0;
    width: 100%;
    text-align: left;
  }
  
  #head ul#navMobile li a { 
    color: #5D5247; 
    font-size: 1.1em; 
    font-weight: 600;
    text-decoration: none; 
    background-color: #E7E7E7;
    padding: 13px 0 13px 60px;
    width: auto;
  }
  
  #head ul#navMobile li a:hover { 
    color: #5D5247; 
    background-color: #E7E7E7;
  }
  
  h1, h2, h3, h4, h5, h6 {
    letter-spacing: -0.05em;
    line-height: 150%;
  }
  
  h1#menu-title {
    text-transform: uppercase;
    color: #FFFFFF;
  }
  
  @media only screen and (min-width: 992px) {
    #get-started h1#get-started-title { 
      color: #FFFFFF !important;
      font-size: 1.6em;
      margin: 0;
    }
    
    #get-started-header h1#get-started-title { 
      color: #FFFFFF !important;
      font-size: 1.4em;
      margin: 0;
    }
  
  }
  
  @media only screen and (min-width: 768px)and (max-width: 991px) {
    #get-started h1#get-started-title, #get-started-header h1#get-started-title { 
      color: #FFFFFF !important;
      font-size: 1.2em;
      margin: 0;
    }
    
    #get-started-header h1#get-started-title span {
      color: #FFFFFF !important;
      font-size: 1.4em;
      margin: 0;
    }
    
    #get-started h1#get-started-title span, #get-started-header h1#get-started-title span {
      clear: both;
      display: block;
    }
  }
  
  @media only screen and (max-width: 767px) {
    #get-started h1#get-started-title, #get-started-header h1#get-started-title  { 
      color: #FFFFFF !important;
      font-size: 1.2em;
      margin: 0;
    }
    
    #get-started h1#get-started-title span, #get-started-header h1#get-started-title span {
      clear: both;
      display: block;
    }
  }
  
  h1#get-started-title em {
    border-bottom: 2px dotted #7fb8cc;
    font-style: normal;
  }
  
  #license-form h1 {
    padding-bottom: 25px;
    border-bottom: #7fb8cc 2px dotted;
  }
  
  #footer {
    color: #FFFFFF;
    text-align: left;
    font-size: 0.9em;
  }
  
  #footer h1 {
    color: #7fb8cc;
  }
  
  #footer h2 {
    border-bottom: 2px dotted #7fb8cc;
    color: white;
    margin-top: 0;
  }
  
  #footer a {
    color: #FFFFFF;
  }
  
  #footer a:hover {
    text-decoration: underline;
  }
  
  
  #home-feature a, #home-testimonials a, #home-advantage a {
    font-weight: 600;
    text-decoration: underline;
  }
  
  .content-section h4 {
    color: #00789C;
  }
  
  .user-editable-content h4 { /* special for user editable content only */
    padding: 0 0 20px 0;
    margin: 20px 0 10px 0;
    border-bottom: 2px dotted #7fb8cc;
    font-size: 2em;
  }
  
  .user-editable-content h5 { /* special for user editable content only */
    color: #337ab7;
    font-size: 1.5em;
  }
  
/* ######################################### HOME ######################################### */
  
  #home-feature {
    background-color: #FFFFFF;
  }
  
  #home-testimonials .container, #home-advantage .container {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  
  #home-testimonials, #home-advantage {
    background-image: url("../images/2015/blue-feature.jpg");
    background-position: left top;
    background-repeat: repeat-x;
    height: auto;
  }
  
  #home-testimonials #testimonial-block {
    display: block;
    position: relative;
  }
  
  #home-testimonials #testimonial-block .testimonial-header {
    width: 100%;
    position: static;
    clear: both;
  }
  
  #home-testimonials #testimonial-block h2.title {
     display: block;
     float: left;
     width: auto;
     height: auto;
     clear: none;
  }
  
  #home-testimonials #testimonial-block em {
    font-style: normal;
  }
  
  #home-testimonials #testimonial-block a.leave-review, #home-testimonials #testimonial-block a.leave-review:hover {
     display: block;
     float: left;
     width: auto;
     height: auto;
     clear: none;
     text-decoration: underline;
     font-size: 0.7em;
     font-weight: 600;
     color: #333333;
     margin-top: 22px;
     margin-left: 30px;
  }
  
  #home-testimonials #testimonial-block #accredited-badge {
    position: absolute;
    top: 0px;
    right: 0px;
  }
  
  @media only screen and (min-width: 768px) {
    #home-testimonials #testimonial-block #accredited-badge {
      background-image: url("../images/2015/accredited-badge-normal.png");
      background-repeat: no-repeat;
      background-size: contain;
      width: 212px;
      height: 66px;
    }
  }
  
  @media only screen and (max-width: 767px) {
    #home-testimonials #testimonial-block #accredited-badge {
      background-image: url("../images/2015/accredited-badge-normal.png");
      background-repeat: no-repeat;
      background-size: contain;
      width: 123px;
      height: 42px;
    }	
  }
  
  #home-testimonials #testimonial-scroller {
    width: 100%;
    height: 200px;
    overflow: auto;
    margin: 20px 0 20px 0;
    background-color: rgba(215, 214, 217, 0.3);
  }
  
  /* overrides the yext background style */
  #home-testimonials #testimonial-scroller div {
    background: transparent !important;
  }
  
  #slideshow {
    width: 100%;
  }
  
  .test-slide {
    width: 100%;
    line-height: 150%;
  }
  
  h1.slide-title, p.slide-content {
    z-index: 9991;
    display: block;
    position: relative;
    line-height: 150%;
  }
  
  .slide-inner {
    width: 100%;
    position: relative;
    z-index: 9999;
  }
  
  #home-map {
    background-color: #FFFFFF;
  }
  
  .map-title {
    background-repeat: no-repeat;
    background-position: left top;
    display: block; 
  }
  
  .map-container {
    text-align: center;
    width: 100%;
    margin-bottom: 30px;
  }
  
  .map-shell {
    position: relative;
  }
  
  #map-shell-normal {
    display: inline-block;
    width: 100%;
  }
  
  #map-image-normal {
    width: 100%;
  }
  
  
  @media only screen and (min-width: 992px) {
    .test-slide {
      font-size: 1.2em;
      height: 460px;
    }
    
    .slide-inner {
      height: 460px;
    }
    
    h1.slide-title {
      width: 80%;
      left: 0px;
      top: 50px;
      font-size: 1.9em;
    }
    
    p.slide-content {
      width: 70%;
      left: 0px;
      top: 50px;
    }
    
    img.slide-image {
      height: 482px;
    }
  
    .map-title {
      padding: 12px 0 70px 70px;
      background-image: url("../images/2015/arrow-square-normal.png");
      width: 936px;
      margin: 30px auto 30px auto;
      font-size: 2em;
    }
    
    #home-feature #social_share {
      position: relative;
      top: 60px;
    }
    
  }
  
  @media only screen and (max-width: 991px) and (min-width: 768px) {
    .test-slide {
      font-size: 1.2em;
      height: 460px;
    }
  
    .slide-inner {
      height: 460px;
    }
    
    h1.slide-title {
      width: 65%;
      left: 0px;
      top: 20px;
      font-size: 1.8em;
    }
    
    p.slide-content {
      width: 60%;
      left: 0px;
      top: 30px;
    }
    
    img.slide-image {
      height: 482px;
    }
  
    .map-title {
      padding: 5px 0 30px 50px;
      background-image: url("../images/2015/arrow-square-mobile.png");
      height: 50px;
      width: 561px;
      margin: 20px auto 20px auto;
      font-size: 1.25em;
    }
    
    #home-feature #social_share {
      position: relative;
      top: 40px;
    }
  }
  
  @media only screen and (max-width: 767px) {
    .test-slide {
      font-size: 1.0em;
      height: 383px;
    }
    
    .slide-inner {
      height: 383px;
    }
    
    h1.slide-title {
      width: 80%;
      left: 0px;
      top: 30px;
      font-size: 1.5em;
    }
    
    p.slide-content {
      width: 65%;
      left: 0px;
      top: 40px;
    }
    
    img.slide-image {
      height: 308px;
    }
  
    .map-title {
      padding: 5px 0 30px 50px;
      background-image: url("../images/2015/arrow-square-mobile.png");
      height: 50px;
      width: 561px;
      margin: 20px auto 20px auto;
      font-size: 1.25em;
    }
    
    #home-feature #social_share {
      position: relative;
      top: 40px;
    }
  }
  
  .slide-image {
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 9990;
  }
  
/* ######################################### CONTACT ######################################### */
  
  @media only screen and (min-width: 992px) {
    div#contact-maps #contact-main-office {
      float: left;
      display: block;
      width: 50%;
      clear: none;
    }
    
    div#contact-maps #contact-north-office {
      float: right;
      display: block;
      width: 451px;
      clear: none;
    }
    
    div#contact-maps img.google-map-normal {
      width: 451px;
      border: 1px #CCC solid;
    }
    
  }
  
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    div#contact-maps #contact-main-office, div#contact-maps #contact-north-office {
      margin: 20px 0 30px 0;
      display: block;
      width: 451px;
      clear: both;
      float: none;
    }
  
    div#contact-maps img.google-map-normal {
      width: 451px;
    }
  }
  
  @media only screen and (max-width: 767px) {
    div#contact-maps #contact-main-office, div#contact-maps #contact-north-office {
      margin: 20px auto 30px auto;
      display: block;
      width: 551px;
      clear: both;
      float: none;
    }
    
    div#contact-maps img.google-map-normal {
      width: 551px;
      border: 1px #CCC solid;
    }
    
  }
  
/* ######################################### RIGHT COLUMN ######################################### */
  
  @media only screen and (min-width: 992px) {
  
    .service-buttons-right {
      margin: 0;
      float: right;
    }
    
    #call-today {
      max-width: 100%;
      margin: 20px auto;
      display: block;
    }
    
    #add-state-pricing {
      max-width: 100%;
      margin: 20px auto;
      display: inline-block;
    }
    
    #see-also, #social-right {
      display: block;
    }
    
    #see-also a {
      clear: both;
      display: block;
      width: 100%;
      text-align: center;
      color: #666666;
      text-decoration: underline;
      font-size: 1.2em;
      font-weight: 600;
      margin: 15px 0;
    }
    
    #see-also h1 {
      padding: 30px 0 30px 70px;
      background-image: url("../images/2015/arrow-square-normal.png");
      background-repeat: no-repeat;
      background-position: left 18px;
      height: auto;
      width: 100%;
      margin: 30px auto 30px auto;
      font-size: 2em;
    }
  }
  
  @media only screen and (max-width: 991px) {
  
    .service-right {
      text-align: center;
    }
    
    .service-buttons-right {
      margin: 0 auto;
      display: block;
    }
    
    #call-today {
      max-width: 100%;
      margin: 0;
      display: block;
      float: right;
    }
    
    #add-state-pricing {
      max-width: 100%;
      margin: 0;
      display: block;
      float: left;
    }
    
    #see-also, #social-right {
      display: none;
    }
  }
  
  
/* ######################################### GET STARTED ######################################### */
  
  #get-started-steps .number {
    background-image: url("../images/2015/number-bg-square.png");
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
    color: #525B5E;
    font-size: 1.5em;
    font-weight: 600;
    padding: 13px 17px;
    margin: 0 0 0 0;
    float: left;
    display: block;
    clear: none;
  }
  
  #get-started-steps .step {
    padding: 30px 0;
    display: block;
  }
  
  #get-started-steps .step h1 {
    margin-top: 0;
    margin-bottom: 30px;
  }
  
  #get-started-testimonial {
    background-image: url("../images/2015/blue-back2.png");
    background-repeat: repeat-x;
    height: 152px;
  }
  
  #get-started-testimonial blockquote {
    color: #FFFFFF;
    font-family: Georgia,serif;
    padding: 0;
    margin: 0;
    background-image: none;
    outline: none;
    background: none;
  }
  
  #get-started-testimonial p {
    margin: 0;
  }
  
  #get-started-testimonial p.quote-text {
    font-size: 1.3em;
    font-weight: 600;
  }
  
  #get-started-testimonial p.quote-person {
    font-size: 0.9em;
    font-weight: 400;
    float: right;
    font-style: italic;
    text-align: right;
  }
  
  #get-started-bottom h1 {
    margin-top: 5px;
  }
  
  #get-started-bottom #selected-states-left {
    background-image: url("../images/2015/bracket-square-normal.png");
    background-repeat: no-repeat;
    padding: 0 0 30px 70px;
  }
  
  #get-started-bottom #selected-states-right {
    padding-bottom: 30px;
  }
  
  @media only screen and (max-width: 991px) {
    #get-started-bottom #selected-states-left {
      background-image: none;
      padding: 0 0 30px 0;
    }
  }
  
  @media only screen and (max-width: 768px) {
    #get-started-steps h1 {
      font-size: 1.5em;
    }
    
    #get-started-testimonial p.quote-text {
      font-size: 1.0em;
    }
  }
  
  #get-started-bottom p.choose-state {
    font-size: 1.2em;
    line-height: 170%;
  }
  
  #get-started-bottom #selected-states-target p {
    font-size: 0.7em;
    font-style: italic;
  }
  
  #get-started-bottom #select-states-container #state-scroller a.selected {
    background-color: #9fd2e1;
    border: 2px solid #9fd2e1;
  }
  
  #get-started-bottom #state-scroller {
    padding: 10px;
    border: #D8D9D9 1px solid;
    margin-right: 20px;
    width: auto;
  }
  
  #get-started-bottom #state-scroller a {
    margin: 2px;
    display: inline-block;
  }
  
/* ######################################### LICENSE FORM ######################################### */
  
  body .license-form form {
    padding: 0;
  }
  
  .license-form .form-block {
    display: block;
    margin: 0 0 20px 0;
    padding-left: 0;
    padding-right: 0;
  }
  
  .license-form #sign-in .form-block {
    margin: 0 0 10px 0;
  }
  
  .license-form .form-block input[type=text], 
  .license-form .form-block input[type=password],
  .license-form .form-block .select-state,
  .license-form .form-block select,
  .license-form .form-block textarea {
    width: 90%;
    padding: 2px;
  }
  
  .license-form .form-block.full input[type=text], 
  .license-form .form-block.full  input[type=password],
  .license-form .form-block.full  select,
  .license-form .form-block.full  textarea {
    width: 95%;
  }
  
  .license-form .form-block input[type=text].third, 
  .license-form .form-block input[type=password].third,
  .license-form .form-block select.third,
  .license-form .form-block textarea.third {
    width: 30%;
    margin-right: 10px;
  }
  
  .license-form .form-block input[type=text].half, 
  .license-form .form-block input[type=password].half,
  .license-form .form-block select.half,
  .license-form .form-block textarea.half {
    width: 47%;
    margin-right: 10px;
  }
  
  .license-form .form-block input.add-state {
    width: 50px;
    float: right;
    clear: none;
  }
  
  .license-form .form-block label, .license-form .form-block small {
    clear: both;
    display: block;
    margin: 0;
    padding: 0;
    font-size: 0.8em;
    font-weight: 800;
  }
  
  .license-form .form-block .select-state label {
    font-size: 0.7em;
    font-weight: 800;
    letter-spacing: -1px;
  }
  
  .license-form .form-block.form-horizontal small, .license-form .form-block.form-horizontal input {
    clear: none;
    width: auto;
    float: left;
    margin-right: 20px;
  }
  
  .license-form .form-block .select-state .state-selector-field {
    float: left;
    clear: both;
    width: 70%;
  }
  
  .license-form .form-block .select-state #added-states #state-scroller {
    padding: 20px 0 0 0;
    display: block;
  }
  
  .forms-interior table#additional-options, .forms-interior table#additional-states {
    width: 100%;
    border-top: #78B9CD 2px solid;
  }
  
  .forms-interior table#additional-options tr {
    width: 100%;
    border-bottom: #78B9CD 1px solid;
  }
  
  .forms-interior table#additional-options tr td, .forms-interior table#additional-states tr td {
    padding:5px 0 !important;
  }
  
  .forms-interior table#additional-states tr td .state-selector-field {
    width: 60%;
    float: left;
  }
  
  .forms-interior table#additional-states tr td .add-state {
    width: 60px;
    float: right;
  }
  
  .forms-interior table#additional-states tr td #added-states {
    padding: 20px 0;
  }
  
  .forms-interior table#additional-states tr td #added-states a {
    margin: 0 10px 0 0;
  }
  
  @media only screen and (max-width: 991px) {
    .form-right {
      border-top: #8BCFE6 2px dotted;
    }
  }
  
  #additional-states .remove-state {
    color: #FF0000;
  }
  
  #additional-states .remove-state:hover {
    text-decoration: none;
  }
  
  #selected-states #selected-states-target {
    padding-bottom: 20px;
  }
  
  #selected-states-target a, #state-scroller a, #added-states a {
    position: relative;
    display: inline-block;
  }
  
  #selected-states-target a span, #added-states a span {
    background: url("../images/remove-state.png") no-repeat scroll 0 0;
    display: block;
    height: 12px;
    position: absolute;
    right: 0;
    top: 5px;
    width: 12px;
  }
  
  #selected-states-left #state-scroller a span {
    background: url("../images/add-state.png") no-repeat scroll 0 0;
    display: block;
    height: 12px;
    position: absolute;
    right: -5px;
    top: -5px;
    width: 12px;
    visibility: hidden;
  }
  
  #selected-states-left #state-scroller a:hover span {
    visibility: visible;
  }
  
  .license-form input.begin-online-form {
    margin-top: 10px;
  }
  
  .step-header {
    position: relative;
    height: 60px;
  }
  
  .license-form .step-header {
    clear: both;
    width: 100%;
  }
  
  .service-left .step-header {
    clear: none;
  }
  
  .step-header .number {
    position: absolute;
    width: 48px;
    height: 48px;
    top: 10px;
    left: 0px;
    background-image: url("../images/2015/number-bg-square.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    text-align: center;
    margin: 0;
    padding: 13px 17px;
  }
  
  .step-header .number span {
     color: #525b5e;
     font-size: 1.5em;
     font-weight: 600;
  }
  
  .step-header p { /* for wysiwyg content inserted p tags */
    margin: 0;
    padding: 0;
  }
  
  .step-header h1 {
    position: absolute;
    left: 60px;
  }
  
/* ######################################### FORM HEAD ########################################### */
  
  @media only screen and (min-width: 992px) {
    .forms-interior #head {
      height: 60px;
    }
  }
  
  .forms-interior #head #logo {
    left: 10px;
    position: absolute;
    top: 17px;
  }
  
  .forms-interior #save-and-logout {
    position: absolute;
    right: 20px;
    top: 17px;
  }
  
  .forms-interior #save-and-logout a, 
  .forms-interior #save-and-logout a:link, 
  .forms-interior #save-and-logout a:visited, 
  .forms-interior #save-and-logout a:active, 
  .forms-interior #save-and-logout a:hover {
    color: #79ba20;
    font-style: normal;
    font-weight: 600;
  }
  
  .forms-interior #save-and-logout .save-and-logout-text {
    display: none;
  }
  
  .forms-interior #navPrimary {
    display: none !important;
  }
  
  #forms-head {
    background-image: url("../images/2015/blue-form-head.png");
    background-repeat: repeat-x;
    z-index: 10000;
    clear: both;
    height: 112px;
    margin: 0;
    padding: 0;
    position: relative;
  }
  
  #forms-head #progress {
    position: absolute;
    top: 5px;
    left: -30px;
    width: 115px;
    height: 115px;
    background-image: url("../images/2015/progress-badge.png");
    background-repeat: no-repeat;
    z-index: 9999;
  }
  
  #forms-head #progress #progress-overall {
    position: absolute;
    top: 18px;
    left: 26px;
    color: #FFFFFF;
    font-family: Georgia, serif;
    font-weight: 600;
    font-size: 1em;
  }
  
  #forms-head #progress #progress-percentage {
    position: absolute;
    top: 44px;
    left: 25px;
    color: #000000;
    font-weight: 800;
    font-size: 2em;
    letter-spacing: -4px;
  }
  
  #forms-head #progress #progress-progress {
    position: absolute;
    top: 66px;
    left: 20px;
    color: #FFFFFF;
    font-family: Georgia, serif;
    font-weight: 600;
    font-size: 1em;
    letter-spacing: -1px;
  }
  
  #forms-head #sections {
    position: absolute;
    top: 0px;
    left: 100px;
  }
  
  #forms-head #sections li {
    margin: 0px 10px 0 10px;
    padding: 0;
    height: 34px;
  }
  
  #forms-head #sections li a {
    font-weight: 600;
  }
  
  #forms-head #sections li a:hover {
    font-weight: 600;
    text-decoration: none;
  }
  
  #forms-head ul#sections li.current {
    background: url("../images/section-indicator.gif") no-repeat scroll center bottom;
  }
  
  #forms-head #need-help {
    position: absolute;
    top: 0px;
    right: 20px;
  }
  
  #forms-head #steps {
    position: absolute;
    top: 54px;
    left: 0px;
    padding: 0;
    margin: 0;
  }
  
  #forms-head #steps li {
    display: block;
    position: relative;
    height: 52px;
    top: 0px;
    padding-right: 29px;
  }
  
  ol#steps li a {
    color: #FFFFFF;
    font-weight: 600;
    height: 52px;
    position: relative;
    text-decoration: none;
    display: block;
    padding: 13px 15px 10px 15px;
    margin: 0;
  }
  
  ol#steps li.previous, ol#steps li.current a {
    background-color: #132B33;
  }
  
  ol#steps li a span.number {
    background-image: url("../images/2015/square-small.png");
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 10px 0 0;
    height: 27px;
    width: 27px;
    display: inline-block;
    text-align: center;
    padding-top: 1px;
  }
  
  ol#steps li a span.title {
    display: inline-block;
  }
  
  ol#steps li.current {
    background-image: url("../images/progress-arrow.png");
    background-repeat: no-repeat;
    background-position: right center;
  }
  
  ol#steps li:hover {
    background-image: url("../images/arrow-hover.png");
    background-repeat: no-repeat;
    background-position: right center;
  }
  
  ol#steps li:first-child a {
    padding-left: 100px;
  }
  
  ol#steps li.arrow-tail, ol#steps li a.arrow-tail {
    background-color: #99c6d6;
  }
  
  .form-right {
    padding-top: 30px;
  }
  
  @media only screen and (max-width: 991px) {
    
    .forms-interior #mobile_head {
      height: 60px;
    }
    
    .forms-interior #mobile_head #logo {
      top: 5px;
    }
    
    .forms-interior #save-and-logout {
      top: 22px;
    }
    
    #forms-head #progress {
      top: -60px;
      left: 10px;
    }
      
    #forms-head #sections {
      left: 85px;
    }
    
    ol#steps li a {
      padding: 13px 5px !important;
    }
    
    ol#steps li:first-child a {
      padding-left: 30px !important;
    }
    
    .forms-interior #mobile_head #logo {
      left: 135px;
    }
    
    #need-help {
      display: none;
    }
  }
  
  @media only screen and (max-width: 767px) {
    ol#steps li a {
      padding: 13px 5px 10px 5px;
      font-size: 0.8em;
    }
    
    ol#steps li a span.number {
      margin: 0 7px 0 0;
    }
  }
  
  
  .state-machine table {
    font-size: 0.8em;
    width: 100%;
  }
  
  .state-machine table tr th {
    border-bottom: 2px solid #7fb8cc;
    font-size: 14px;
  }
  
  .state-machine table tr td {
    border-bottom: 1px solid #cccccc;
    vertical-align: top;
    padding: 3px;
  }
  
  .state-machine table tr.empty-table-message {
    background-color: #fffdb5;
    font-family: Georgia,serif;
    font-style: italic;
    text-align: center;
  }
  
  .state-machine table tr td:first-child {
    font-size: 14px;
  }
  
  .state-machine .save {
    border-top: 2px solid #e5f1f5;
  }
  
  .state-machine .new-form, .state-machine .edit-form {
    border-left: 2px solid #e5f1f5;
  }
  
  .state-machine .new-form .cancel-top, .state-machine .edit-form .cancel-top {
    color: red;
    float: right;
    font-weight: normal;
    position: relative;
    right: 8px;
    top: 30px;
  }
  
  .state-machine .new-form h2, .state-machine .edit-form h2 {
    background: #e5f1f5 none repeat scroll 0 0;
    margin-top: 0;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-top: 30px;
  }
  
  .edit-form label, .edit-form small, .new-form label, .new-form small {
    font-size: 1em !important;
  }
  
  a.delete:hover {
    color: #FFFFFF;
    background-color: #FF0000;
  }
  
  a.delete {
    background: transparent none repeat scroll 0 0;
    border-radius: 5px;
    color: red;
    font-size: 16px;
    font-weight: bold;
    padding: 6px 10px;
    text-decoration: none;
  }
  
  /* USERS */
  
    #users-dashboard table {
      width: 100%;
      display: inline-table;
      margin: 0 0 30px 0;
    }
    
    #users-dashboard table tr {
      margin: 0;
      padding: 0;
    }
    
    #users-dashboard table tr td {
      text-align: left;
    }
    
    #users-dashboard table td {
      font-weight: 400;
      margin: 0;
    }
    
    #users-dashboard table td {
      padding: 10px;
    }
    
    #users-dashboard table td {
      background-color: #FFFFFF;
    }
    
    #users-dashboard table tr:nth-child(odd) td {
      background-color: #EDEDED;
    }
    
    #users-dashboard table tr:first-child td {
      padding: 10px;
    }
    
    /*
    #users-dashboard table tr:nth-child(n+2) td:first-child {
      background-color: #77ACBD;
      color: #FFFFFF;
      text-decoration: underline;
      font-weight: 600;
    }
    */
  
  /* MODAL WINDOWS */
  
  #modal, .modal {
    margin: 0 auto;
    width: 540px;
  }
  
  #modal-background, .modal-background {
    background-image: url(../images/2015/modal_back_white.png);
    background-repeat: repeat;
    position: absolute;
    width: 100%;
    z-index: 10050;
  }
  
  #modal-white-border, .modal-white-border {
    background: white;;
    border: 2px solid black;
    box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.25);
    left: 50%;
    margin-left: -300px;
    padding: 20px 0;
    position: absolute;
    top: 50px;
    width: 600px;
    z-index: 10051;
  }
  
  .modal h1 {
    line-height: 115%;
  }
  
  blockquote.modal.modal_white {
    background: none;
  }
  
  .message-list-shell { 
    width: 100%; 
  }
  
  .message-list-shell .message-header { 
    width: 100px; font-weight: bold; font-size: 12pt; margin-top: 10px; padding: 5px 10px 5px 10px; border-left: 1px solid #cccccc; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; 
  }
  
  .message-list-shell .message-list { border: 1px solid #cccccc; padding: 5px 10px 5px 10px; }
  .message-list-shell .message-list .message-header-left .underlined-heading { text-decoration: underline; font-weight: bold; font-size: 14pt; }