header, nav, section, article, aside, footer, hgroup { display: block; }

body {
 background:url(../images/bg.jpg) scroll no-repeat center 0 #f6f6e9;
 background-size:cover;
 font-family:Raleway, sans-serif;
 font-weight:500;
 font-size:14px;
 line-height:24px;
 color:#43423a;
 min-height:100%;
}
.wrapper-content { min-height: calc(100% - 145px); }
.wrapper-content .container{ min-height: 100%; }
#main-content { min-height: calc(100% - 45px); }

p { margin-bottom:8px; }

.anne-logo { display:block; margin:150px auto 40px; }

.intro-block {
  max-width:90%;
  width:760px;
  background:none scroll no-repeat 0 0 rgba(249,249,241,.7);
  padding:5px;
  margin:0 auto 35px;
}
.intro-block-inner {
  border:solid 1px #b2dad0;
}
.intro-left {
  padding:2% 2% 1%;
  float:left;
  color:#67665f;
  font-size:16px;
  line-height:24px;
  width:65%;
  font-weight:500;
}
.intro-right {
  padding:1%;
  float:right;
  border-left:solid 1px #b2dad0;
  width:28%;
}
.intro-portals {
  width:530px;
  max-width:95%;
  text-align:center;
  color:#377a70;
  font-size:20px;
  line-height:24px;
  font-weight:500; 
  margin:0 auto;
}
.intro-highlight {
  color:#634268;
  font-size:20px;
  line-height:24px;
  font-weight:600;
}

#logo {
  max-width: 97%;
  padding: 0 0 10px;
  text-align: center;
}
/*
.home #header [class*="span"] { min-height:0; }
*/
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
  max-width:965px;
}

.portal {
  float:left;
  margin:30px 13px 10px;
  border:solid 1px #ffffff;
  box-shadow:0px 0px 10px #c0c0c0;
  width:275px;
  height:60px;
  text-align:center;
 
}
.portal a {
  color:#f0f5e6;
  font-size:15px;
  font-weight:200;
  display:block;
  padding-top:19px;
}
.clinician-portal {
  background-color:#624267;
}
.patient-portal {
  background-color:#035c7a;
}
.portal a:hover, .portal a:focus { text-decoration:none; color:#ffffff; }

/* Header */

#header {
  text-shadow:none;
  background:none scroll no-repeat 0 0  transparent;
  padding-left:20px;
  padding-right:20px;
}
/*
.home #header { display:none; }
*/
.header-inner { 
  padding-top:40px;
  /* box-shadow:0 -4px 7px #c0c0c0;
  -webkit-box-shadow: -5px 0 5px -4px #c0c0c0, 5px 0 5px -4px #c0c0c0;
  -mox-box-shadow: -5px 0 5px -4px #c0c0c0, 5px 0 5px -4px #c0c0c0;
  box-shadow: -5px 0 5px -4px #c0c0c0, 5px 0 5px -4px #c0c0c0;
  */
}
.header-outer {
  background:none scroll no-repeat 0 0 rgba(249,249,241,.6);
}
.patient .header-inner {
  background: url("../images/hdr_grad_blue.png") repeat-y scroll center 0 transparent;
  background-size:contain;
}
.clinician .header-inner {
  background: url("../images/hdr_grad_purple.png") repeat-y scroll center 0 transparent;
  background-size:contain;
}
.span5 { max-width:380px; }
.span7 { max-width:540px; }

.patient-slide { padding-bottom:20px; }

/* Main Body and sidebars */

.wrapper-content { padding-top:0; }
#main-content {
  padding-top:45px;
  background:none scroll no-repeat 0 0 rgba(249,249,241,.6);
  /* background:none scroll no-repeat 0 0 rgba(255,255,255,.4);  */
  /* min-height:470px; */
  /* box-shadow: 0 4px 7px #c0c0c0; */
  margin-bottom: 0;
}
/*
.home #main-content {
  padding-top:0;
  background:none;
  min-height:0;
  box-shadow:none;
  margin-bottom:20px;
}
*/

#sidebar1 .module { padding-left:45px; }
#sidebar1 .moduletable { margin-bottom:70px; }

.page-header { margin-top:0; margin-bottom:15px; padding-bottom:0; border-bottom:solid 1px #b2dcd2; }
.page-header h2 { margin-top:0; margin-bottom:20px; font-size:30px; line-height:32px; }
.patient .page-header h2, .patient h4 { color:#0076a3; }
.clinician .page-header h2, .clinician h4 { color:#634268; }
h4 { font-weight:bold; font-size:16px; }
.program-title { font-size:20px; line-height:22px; }

/*
.span12 .item-page { max-width:635px; margin:0 auto; }
.span12 .item-page p, .span12 .item-page h2, .span12 .item-page h3 { margin-left:30px; margin-right:30px; }
.span12 .item-page ul { margin-left:60px; }
*/
/*
.home .item-page { max-width:1000px; }
*/
.item-page { padding-left:45px; padding-right:45px; padding-bottom:62px; max-width:628px; margin:0 auto; }
.item-page h3 { font-size:24px; line-height:26px; font-weight:500; margin-top:20px; margin-bottom:20px;  }
.item-page h4 { font-weight:bold; margin-top:25px; }

.patient .item-page h3 { color:#43423a; }
.moduletable-quote, .moduletable-testimonial {
  font-size:18px;
  line-height:28px;
  font-weight:500;
}
.patient .moduletable-quote {
  border-top:solid 1px #b2dcd2;
  border-bottom:solid 1px #b2dcd2;
  color:#0076a3;
}
.clinician .moduletable-quote, .clinician .moduletable-testimonial {
/*
  border-top:solid 1px #634268;
  border-bottom:solid 1px #634268;
*/
  border:none;
  color:#634268;
}
.custom-quote p { margin-top:25px; margin-bottom:25px; }
.custom-testimonial p { margin-top:25px; margin-bottom:0; }
p.quote-attr {
  margin-bottom:25px;
  margin-top:0;
  font-weight:500;
  font-size:10px;
  line-height:12px;
  color:#83827c;
  text-align:right;
}

#sidebar1 h3 {
  font-weight:500;
  font-size:18px;
  line-height:18px;
  color:#006888;
  border:none;
  margin-top:0;
  margin-bottom:10px;
  color:#505050;
}
/*
.patient #sidebar1 h3 { color:#006888; }
.clinician #sidebar1 h3 { color:#634268; }
*/
.module .nav li { margin-bottom:8px; }
.module .nav li > a {
  font-weight:500;
  font-size:12px;
  line-height:14px;
  color:#81817b;
  padding:0 0 0 25px;
}
.module .nav > li > a:hover, .module .nav > li > a:focus {
  background:none;
  color:#3c3b35;
}

hr {
  margin:20px 0;
  border:0;
  border-bottom:1px solid #b2dcd2;
  clear:both;
}

li { margin-bottom:8px; }

#sidebar1, #sidebar2 { max-width:94%; }

.moduletable-testimonial.big-top { margin-top:100px; }

p.highlight { font-size:18px; line-height:28px; margin-bottom:20px; }
p.highlight2 { font-size:16px; line-height:20px; margin-bottom:10px; }
.patient p.highlight, .patient p.highlight2 { color:#0076a3; }
.clinician p.highlight, .clinician p.highlight2 { color:#634268; }

/* Shackslides Slider

body #slider {
  border:none;
  box-shadow:none;
  width:100% !important;
}

body #sliderNav a {
  background:url(../images/counter_off.png) scroll no-repeat 0 0 transparent !important;
}
#sliderNav .active a {
  background:url(../images/counter_on.png) scroll no-repeat 0 0 transparent !important;
}

#sliderContainer { height: auto !important; }
.slidermanImgCont div { position:static !important; }
#sliderContainer .slidermanImgCont { height:auto !important; }
#slider #sliderContainer div img.fillHeight { width:100% !important; height: auto !important; }
*/

/* JM Slideshow */

.jmslideshow .cycle-pager span {
  background:url(../images/counter_off.png) scroll no-repeat 0 0 transparent !important;
  height:16px !important;
  width:16px !important;
}
.jmslideshow .cycle-pager span.cycle-pager-active {
  background:url(../images/counter_on.png) scroll no-repeat 0 0 transparent !important;
}

/* Footer */

.wrapper-footer { height:auto !important; }
#footer { overflow:visible; background:none; }

.patient .footer-inner { background:none scroll no-repeat 0 0 rgba(14,114,146,.19); }
.clinician .footer-inner { background:none scroll no-repeat 0 0 rgba(45,41,94,.16); }

#bottom-menu .navbar-inner { padding-left:0; padding-right:0; }
.copyright {
  font-size:12px;
  line-height:14px;
  font-weight:400;
  text-transform:uppercase;
  text-shadow:none;
  padding-top:10px;
  padding-bottom:10px;
}
.patient .copyright { color:#67a1b5; }
.clinician .copyright { color:#8e7b91; }

/* Toolbar */

.wrapper-toolbar { min-height:22px !important; }
#toolbar .navbar-inverse .navbar-inner { border:none; box-shadow:none; }
#toolbar .navbar-inner { min-height:0; background:none scroll no-repeat 0 0 transparent; }

.patient #toolbar #nav-toolbar { background:none no-repeat scroll 0 0 rgba(113, 168, 174, 0.9); }
.clinician #toolbar #nav-toolbar { background:none no-repeat scroll 0 0 rgba(155, 140, 161, 0.9); }

#toolbar .navbar .btn-navbar { display:none !important; }
#toolbar .nav-collapse, #toolbar .nav-collapse.collapse { height:auto !important; overflow:visible !important; }
#toolbar .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { padding:0 !important; }

.navbar-fixed-top { position:fixed !important; }

/* Main Menu */

.wrapper-menu {
  background:none scroll no-repeat 0 0 transparent;
  box-shadow: none;
  min-height:0;
}
.wrapper-menu .navbar { background:none scroll no-repeat 0 0 rgba(249,249,241,.6); }
.wrapper-menu .navbar .nav {
  display:table;
  float:none;
  margin:0 auto;
}
.wrapper-menu .navbar .nav > li > a {
  font-weight:500;
  text-transform:uppercase;
  padding:3px 15px;
  color:#74736a;
}
.wrapper-menu .navbar .nav > li:hover a,
.wrapper-menu .navbar .nav > li > a:hover,
.wrapper-menu .navbar .nav > li > a:focus { color:#f6f6e9; }

.wrapper-menu .navbar-inner {
  background:none scroll no-repeat 0 0 rgba(226,229,213,.8);
  min-height:0;
}
.wrapper-menu .caret { display:none; }
.wrapper-menu .navbar .nav > li > a:hover,
.wrapper-menu .navbar .nav > li > a:focus {
    background-color: #4a4942;
    color: #f6f6e9;
    text-decoration: none;
}
.wrapper-menu .navbar .nav > .active > a, 
.wrapper-menu .navbar .nav > .active > a:hover,
.wrapper-menu  .navbar .nav > .active > a:focus {
  background-color:#4a4942;
  color:#f6f6e9;
  text-decoration:none;
}
.wrapper-menu .nav > li.dropdown > .dropdown-menu,
.wrapper-menu .navbar-inner > li.dropdown > .dropdown-menu,
.wrapper-menu .nav .navbar-inner > li.dropdown > .dropdown-menu,
.wrapper-menu .navbar .nav > li.dropdown > .dropdown-menu,
.wrapper-menu .navbar .nav .navbar-inner > li.dropdown > .dropdown-menu { border-radius:0; padding-top:15px; }
.wrapper-menu .dropdown-menu {
  /* background-color:rgba(74,73,66,.73); */
  background-color:rgba(74,73,66,.9);
}
.nav li.dropdown .dropdown-menu li > a,
.navbar-inner li.dropdown .dropdown-menu li > a,
.nav .navbar-inner li.dropdown .dropdown-menu li > a,
.navbar .nav li.dropdown .dropdown-menu li > a,
.navbar .nav .navbar-inner li.dropdown .dropdown-menu li > a { color:#B1B1B1; }
.wrapper-menu .dropdown-menu > li > a:hover,
.wrapper-menu .dropdown-menu > li > a:focus,
.wrapper-menu .dropdown-submenu:hover > a,
.wrapper-menu .dropdown-submenu:focus > a {
  background:none scroll no-repeat 0 0 transparent;
}
.wrapper-menu .navbar .nav > li:hover,
.wrapper-menu .navbar .nav > li:focus { 
  background-color:#4a4942;
  color:#f6f6e9;
  text-decoration:none;
}

/* Responsive Main Menu */

.wrapper-menu:after { background:none; }
.wrapper-menu .navbar-inner .btn-navbar { position:relative; }
.navbar .btn-navbar { background:none scroll no-repeat 0 0 #555555; border-color:#c0c0c0; }
.navbar .btn { margin-top:2px; }

/* Contact Info */

.contact-info {
  margin-bottom:10px !important;
  text-align:right !important;
  margin-bottom:8px !important;
  font-size:13px !important;
  line-height:16px !important;
  text-shadow:none !important;
  color:#f6f6e9 !important;
  font-weight:600 !important;
}
.contact-info a { font-size:13px !important; color:#f6f6e9 !important; }
.contact-info a:hover, .contact-info a:focus { color:#ffffff !important; }
.patient .phone, .patient .email, .patient .address { color:#b2dcd2 !important; }
.clinician .phone, .clinician .email, .clinician .address { color:#b7b1bf !important; }

/* Misc */

a { color:#448e7e; font-weight:bold; }
a:hover, a:focus { color:#2ab698; text-decoration:none; }
.primary-img { margin:5px 0 5px 10px; float:right; }
table.patient-rates { margin-bottom:40px; line-height:18px; }
table.patient-rates td { padding-bottom:10px; vertical-align:top; padding-right:20px; }
table.patient-rates .rate-right { padding-left:40px; }
table.patient-rates .rate-nopad { padding-bottom:0; }
iframe { max-width:100%; }
.pre-id { height:0; margin-top:-22px; }
ul, ol { margin: 0 0 10px 30px; }
.clinician .box-it {
width:144px;
padding:5px 10px;
display:block;
overflow:hidden;
color:#ffffff;
background-color:#634268;
}
.course-details { margin-left:40px; }

.top-return { text-align:right; text-transform:uppercase; font-size:12px; line-height:12px; }
.top-return a { color:#0076a3; }
.top-return a:hover, .top-return a:focus { color:#43423a; }
.top-return img { margin-left:5px; margin-top:-2px; }

/* Responsive */

/* Responsive Menu */

.wrapper-menu .navbar .collapse .nav > li:hover,
.wrapper-menu .navbar .collapse .nav > li:focus, 
.wrapper-menu .navbar .collapse .nav > li > a:hover,
.wrapper-menu .navbar .collapse .nav > li > a:focus,
.wrapper-menu .navbar .collapse .nav > li > a:hover,
.wrapper-menu .navbar .collapse .nav > li > a:focus,
.collapse .nav li .dropdown,
.collapse .navbar-inner li .dropdown,
.collapse .nav .navbar-inner li .dropdown,
.collapse .navbar .collapse .nav li .dropdown,
.collapse .navbar .collapse .nav .navbar-inner li .dropdown,
.collapse .nav li .dropdown-menu,
.collapse .navbar-inner li .dropdown-menu,
.collapse .nav .navbar-inner li .dropdown-menu,
.collapse .navbar .collapse .nav li .dropdown-menu,
.collapse .navbar .collapse .nav .navbar-inner li .dropdown-menu { background:none; }
.collapse .nav li.dropdown .dropdown-menu li > a,
.navbar-inner .collapse li.dropdown .dropdown-menu li > a,
.collapse .nav .navbar-inner li.dropdown .dropdown-menu li > a,
.navbar .collapse .nav li.dropdown .dropdown-menu li > a,
.navbar .collapse .nav .navbar-inner li.dropdown .dropdown-menu li > a {
  color:#448e7e;
  font-weight:500;
  font-size:17px;
  line-height:17px;
}
.wrapper-menu .navbar .collapse .nav > li:hover,
.wrapper-menu .navbar .collapse .nav > li:focus, 
.wrapper-menu .navbar .collapse .nav > li > a:hover,
.wrapper-menu .navbar .collapse .nav > li > a:focus,
.wrapper-menu .navbar .collapse .nav > li > a:hover,
.wrapper-menu .navbar .collapse .nav > li > a:focus { color:#000000; }
.collapse .nav li.dropdown .dropdown-menu li > a:hover,
.navbar-inner .collapse li.dropdown .dropdown-menu li > a:hover,
.collapse .nav .navbar-inner li.dropdown .dropdown-menu li > a:hover,
.navbar .collapse .nav li.dropdown .dropdown-menu li > a:hover,
.navbar .collapse .nav .navbar-inner li.dropdown .dropdown-menu li > a:hover,
.collapse .nav li.dropdown .dropdown-menu li > a:focus,
.navbar-inner .collapse li.dropdown .dropdown-menu li > a:focus,
.collapse .nav .navbar-inner li.dropdown .dropdown-menu li > a:focus,
.navbar .collapse .nav li.dropdown .dropdown-menu li > a:focus,
.navbar .collapse .nav .navbar-inner li.dropdown .dropdown-menu li > a:focus {
  color:#2ab698;
  text-decoration:none;
}
.wrapper-menu .navbar .collapse .nav > .active > a,
.wrapper-menu .navbar .collapse .nav > .active > a:hover,
.wrapper-menu .navbar .collapse .nav > .active > a:focus {
  background:none;
  box-shadow:none;
  color:#000000;
}
.wrapper-menu .navbar .collapse .nav > li > a {
  color:#81817b;
  font-size:24px;
  line-height:24px;
}
.nav-collapse.collapse .nav > li { margin-bottom:20px; }
.wrapper-menu .collapse .nav > li.dropdown > .dropdown-menu,
.wrapper-menu .navbar-inner .collapse  > li.dropdown > .dropdown-menu,
.wrapper-menu .collapse .nav .navbar-inner > li.dropdown > .dropdown-menu,
.wrapper-menu .navbar .collapse .nav > li.dropdown > .dropdown-menu,
.wrapper-menu .navbar .collapse .nav .navbar-inner > li.dropdown > .dropdown-menu {
  padding-top:0;
}
.navbar .btn-navbar:hover, .navbar .btn-navbar:focus, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] {
  background-color:#356b83;
}
.wrapper-menu .navbar .collapse .nav { display:block; max-width:100%; }
.collapse .dropdown-menu > li > a { white-space: normal; }
.collapse ul, .collapse ul li { max-width:100%; }

@media (max-width:996px) {
  .intro-right { border:none; }
}
@media (max-width:979px) {
  #toolbar .navbar .container { width:724px; }
}

@media (max-width:767px) {
  .wrapper-menu { padding-left:20px; padding-right:20px; }
  #toolbar, .navbar-fixed-top { left:20px; right:20px; width:auto; padding:0 20px; }
    #toolbar .navbar .container { width:100%; }
}
@media (max-width:702px) {
  .portal { margin:30px auto; max-width:100%; float:none; }
}
@media (max-width:600px) {
 .intro-left { width:92%; float:none; }
 .intro-right { text-align:center; width:98%; float:none; }
 .intro-right img { max-width:180px; }
 .item-page { padding-left:10px; padding-right:10px; }
 #sidebar1 .module { padding-left:10px; padding-right:10px; }
 #logo { padding:0 0 10px 0; }
}
@media (max-width:524px) {
  #header { margin-top:22px; }
  div#toolbar ul.maximenuck li.maximenuck div.floatck, div#toolbar .maxipushdownck div.floatck { margin-left:-30px !important; }
  div#toolbar ul.maximenuck li.maximenuck.level1, div#toolbar ul.maximenuck li.maximenuck.level1.parent { 
    padding-left:0 !important;
    padding-right:0 !important;
  }
}
@media (max-width:400px) {
  .portal a { font-size:26px; }
}
