/*
#7895A3 - logo blue grey
#85C075 - green
#71C5D3 - light blue
#69BAC8 - blue
#F5C53D - light yellow
#E7BA3A - yellow

*/

/* green 7AB800
   grey  616365 */

.header {
  background: #616365;
}

#main_menu li {
  background: #616365;
}

#main_menu li a {
  color: #fff;
}

#main_menu .active a,
#main_menu .active a:hover,
#main_menu a.selected,
#main_menu li.parent.foo.active a {
  background: #7ab800;
}

#main_menu a:hover {
  /*background: #86A0AC;*/ /* first level bg color */
  background: #4e4f51;
}

#main_menu li.active ul li.active a {
  background-color: #7ab800;
}
#main_menu ul li ul li {
  /*background: #607782;*/ /* second level bg color */
  background: #57595b;
}
#main_menu ul li ul li a:hover {
  /*background: #607782;*/ /* second level bg color hover */
  background: #4e4f51;
}
#main_menu ul li ul li ul li {
  background: #57595b; /* third level bg color */
}
#main_menu li li {
  border-bottom: 1px solid #717374;
}
#main_menu li li:first-child {
  border-top: 1px solid #717374;
}
#main_menu li ul {
  background: #57595b;
}
#main_menu li ul a:hover {
  background: #4e4f51;
}

/* fourth level + bad idea to have more than two levels*/
#main_menu ul li ul li ul li ul li a {
  background: #57595b;
}

.mobile_nav_wrapper {
  background: #ffffff; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg4JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 88%, #f9f9f9 100%); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #ffffff),
    color-stop(88%, #ffffff),
    color-stop(100%, #f9f9f9)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 88%, #f9f9f9 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #ffffff 88%, #f9f9f9 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 88%, #f9f9f9 100%); /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 88%, #f9f9f9 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-8 */
}
.mobile_nav {
  background: #5a5c69;
}

.topsearchBtn {
  color: #cccccc;
  background-color: #ffffff;
  border-color: #cccccc;
  font-size: 15px !important;
  border-left: transparent;
}

.borderRight {
  border-right: transparent;
}

/*================================================== */
/*	footer
================================================== */
#footer {
  background: #616365;
  border-top: 3px solid #7ab800;
}
#footer a {
  color: #aaaaaa;
}
#footer h4 {
  border-bottom: 1px solid #aaaaaa;
}
#footer p,
#footer h4,
#footer ul {
  color: #f2f2f2;
}

#footer .footerCredits {
  background: #fcfcfc;
}

#footer .footerCredits a,
#footer .footerCredits li {
  color: #444444;
}
#footer .footerCredits a:hover {
  color: #7ab800;
}
.social li a {
  font-size: 200%;
}
.social li a img {
  position: relative;
  top: 4px;
  height: 30px;
}
.social li a.small {
  font-size: 110%;
}
.social li a.small img {
  position: relative;
  top: 4px;
  height: 20px;
}

/*=================================================== */
/*   global
===================================================== */
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
.slide-to-top .trigger:hover {
  color: #5992ba;
}
body,
html {
  color: #343838;
}
a {
  color: #428bca;
}
a:hover {
  color: #643781;
  text-decoration: underline;
  cursor: pointer;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small {
  color: #444444;
}

/*=================================================== */
/*	Traits
========================================================== */
.trait-emblem {
  background-image: url("../../img/icons/traits_nysscpa.png");
}
.inPersonColor {
  border-top: 4px solid #33cbe0;
}
.colorBar.inPersonColorBorder {
  border-color: #01a3e2;
}
.inPersonColorBackground {
  background: #eaf6f8;
}

.onlineColor {
  border-top: 4px solid #fcd900;
}
.colorBar.onlineColorBorder {
  border-color: #1f316d;
}
.onlineColorBackground {
  background: #fef6e2;
}

.selfStudyColor {
  border-top: 4px solid #7ab800;
}
.colorBar.selfStudyColorBorder {
  border-color: #643781;
}
.selfStudyColorBackground {
  background: #edf6ea;
}

/*=================================================== */
/*	go to top
================================================== */

.backToTop a {
  background-color: #629300;
}
.backToTop a:hover {
  background-color: #01663e;
}

/*=================================================== */
/*   btn-primary
===================================================== */
.btn-primary {
  color: #ffffff;
  background-color: #629300;
  border-color: #629300;
}

.topBtnPrimary {
  color: #666666;
  background-color: #ffffff;
  border-color: #ffffff;
  border: 1px solid #ccc;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #01663e;
  border-color: #01663e;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #7ab800;
  border-color: #6ea600;
}

/*=================================================== */
/*   btn-warning
===================================================== */
.btn-warning {
  color: #ffffff;
  background-color: #f5c53d;
  border-color: #ecbc37;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #e3b231;
  border-color: #d9a82b;
}

.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-image: none;
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f5c53d;
  border-color: #ecbc37;
}

/*=================================================== */
/*   btn-danger
===================================================== */
.btn-danger {
  color: #ffffff;
  background-color: #e8554e;
  border-color: #de4c46;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #d3443e;
  border-color: #c93b37;
}

.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #e8554e;
  border-color: #de4c46;
}

/*=================================================== */
/*   btn-success
===================================================== */
.btn-success {
  color: #ffffff;
  background-color: #7ab800;
  border-color: #629300;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #629300;
  border-color: #496e00;
}

.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #7ab800;
  border-color: #629300;
}

/*=================================================== */
/*   btn-info
===================================================== */
.btn-info {
  color: #ffffff;
  background-color: #69bac8;
  border-color: #64b2c3;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #5ea9bf;
  border-color: #5ca5bc;
}

.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none;
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #69bac8;
  border-color: #64b2c3;
}

/*=================================================== */
/*   btn-link
===================================================== */
.btn-link {
  font-weight: normal;
  color: #1f316d;
  cursor: pointer;
  border-radius: 0;
}

.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}

.btn-link:hover,
.btn-link:focus {
  color: #01a3e2;
  text-decoration: underline;
  background-color: transparent;
}

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #999999;
  text-decoration: none;
}

/*=================================================== */
/*   Classroom
===================================================== */
.classroomControl {
  color: #51c1eb;
}
.classroomControl:hover {
  color: #1a8db9;
}
.quizNeededScore .score {
  color: #1a8db9;
}

/*=================================================== */
/*   text
===================================================== */

.text-muted {
  color: #999999;
}

.text-primary {
  color: #6ea600;
}

.text-warning {
  color: #c09853;
}

.text-danger,
.zig-zag-wrapper.dark-neutral .text-danger,
.zig-zag-wrapper.neutral .text-danger {
  color: #8a0808;
}

.text-success {
  color: #213975;
}

.text-info {
  color: #6ea600;
}

/*=================================================== */
/*   zig zags
===================================================== */
.zig-zag-wrapper.light-neutral {
  background: #f5f5f5; /* #e6e5e8 */
}
.zig-zag-wrapper.neutral {
  background: #717474;
}
.zig-zag-wrapper.dark-neutral {
  background: #343838;
}
.zig-zag-wrapper.neutral span,
.zig-zag-wrapper.neutral p,
.zig-zag-wrapper.neutral b,
.zig-zag-wrapper.neutral strong,
.zig-zag-wrapper.neutral small,
.zig-zag-wrapper.neutral i,
.zig-zag-wrapper.neutral h1,
.zig-zag-wrapper.neutral h2,
.zig-zag-wrapper.neutral h3,
.zig-zag-wrapper.neutral h4,
.zig-zag-wrapper.neutral h5,
.zig-zag-wrapper.neutral h6,
.zig-zag-wrapper.dark-neutral span,
.zig-zag-wrapper.dark-neutral p,
.zig-zag-wrapper.dark-neutral b,
.zig-zag-wrapper.dark-neutral strong,
.zig-zag-wrapper.dark-neutral small,
.zig-zag-wrapper.dark-neutral i,
.zig-zag-wrapper.dark-neutral h1,
.zig-zag-wrapper.dark-neutral h2,
.zig-zag-wrapper.dark-neutral h3,
.zig-zag-wrapper.dark-neutral h4,
.zig-zag-wrapper.dark-neutral h5,
.zig-zag-wrapper.dark-neutral h6,
.zig-zag-wrapper.dark-neutral {
  color: #fff;
}
.zig-zag-wrapper.neutral a.btn-link,
.zig-zag-wrapper.dark-neutral a.btn-link {
  color: #fff;
  text-decoration: underline;
}
.zig-zag-wrapper.neutral a.btn-link:hover,
.zig-zag-wrapper.dark-neutral a.btn-link:hover {
  color: #0abed5;
  text-decoration: none;
}
.zig-zag-wrapper.dark-neutral .row-light-grey p,
.zig-zag-wrapper.dark-neutral .row-light-grey small {
  color: #343838;
}

.zig-zag-wrapper.light-green {
  background: #b6d9ac;
  color: #fff;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  filter: dropshadow(color=#999999, offx=0, offy=1);
}
.zig-zag-wrapper.light-green i {
  color: #fff;
}
.zig-zag-wrapper.green {
  background: #85c075;
  color: #fff;
}
.zig-zag-wrapper.light-tan {
  background: #f0e3b9;
}
.zig-zag-wrapper.tan {
  background: #e1ce94;
}

/*=================================================== */
/*   session selection
===================================================== */
.zig-zag-wrapper.dark-neutral #scrollTrigger,
.zig-zag-wrapper.dark-neutral #scrollTrigger i,
.zig-zag-wrapper.dark-neutral #scrollTrigger span {
  color: #343838;
}

/*
***********************************************************************************
/*	BEGIN MEDIA QUERIES
***********************************************************************************
 */

/*====================================================
******************************************************
/*	DEVICES less than 980 pixels wide
******************************************************
====================================================== */
@media only screen and (max-width: 980px) {
  .social li {
    padding: 0 4px 0 4px;
  }
  .social li a img {
    position: relative;
    top: 4px;
    height: 22px;
  }
  .social li a.small img {
    position: relative;
    top: 2px;
    height: 15px;
  }
} /**** end max width 980px ****/

@media only screen and (max-width: 767px) {
  #main_menu li ul a,
  #main_menu li ul li a,
  #main_menu li ul li ul li a {
    background: #57595b;
    padding-left: 50px;
  }
  #main_menu li li {
    border-bottom: 1px solid #717374;
  }
  #main_menu li li:first-child {
    border-top: 1px solid #717374;
  }
}
