/* Bootstrap modifications */
img {
    max-width:9999px; /* To avoid max-width:100% issues with IE */
}
body {
    color: #000;
}
.navbar .nav > li > a {
    color: white;
    text-shadow: none;
    border-right: 1px solid black;
    padding: 15px 7px;
}
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover,
.navbar .nav > li > a.selected {
  color: #333333;
  text-decoration: none;
  background-color: orange;
}

.form-horizontal .control-group {
    margin-bottom: 5px;
}
div#top-nav-list ul li{
    margin-top: 18px;
    margin-top: 0px;
}
.modal-backdrop {
    background-color: #aaa;
}
.popover-title {
    background-color:#c5e384;
    font-weight:bold;
}
.navbar .nav li.dropdown > .dropdown-toggle .caret-white {
  border-top-color: white;
  border-bottom-color: white;
}
.carousel-control {
    background: red;
    opacity: 0.85;
}
/* End bootstrap modifications */


.lym-navbar-background {

  background-image: linear-gradient(bottom, rgb(0,0,0) 50%, rgb(0,0,0) 68%);
  background-image: -o-linear-gradient(bottom, rgb(0,0,0) 50%, rgb(0,0,0) 68%);
  background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 50%%, rgb(0,0,0) 68%);
  background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 50%, rgb(0,0,0) 68%);
  background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 50%, rgb(0,0,0) 68%);

  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.5, rgb(0,0,0)),
    color-stop(0.68, rgb(0,0,0))
  );
}


.lym-slide-background-- {

  background-image: linear-gradient(bottom, rgb(154,226,242) 50%, rgb(154,226,242) 68%);
  background-image: -o-linear-gradient(bottom, rgb(154,226,242) 50%, rgb(154,226,242) 68%);
  background-image: -moz-linear-gradient(bottom, rgb(154,226,242) 50%%, rgb(154,226,242) 68%);
  background-image: -webkit-linear-gradient(bottom, rgb(154,226,242) 50%, rgb(154,226,242) 68%);
  background-image: -ms-linear-gradient(bottom, rgb(154,226,242) 50%, rgb(154,226,242) 68%);

  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.5, rgb(154,226,242)),
    color-stop(0.5, rgb(154,226,242))
  );
}

.lym-dynmsg-background {

  background-image: linear-gradient(bottom, aliceBlue, aliceBlue);
  background-image: -o-linear-gradient(bottom, aliceBlue, aliceBlue);
  background-image: -moz-linear-gradient(bottom, aliceBlue, aliceBlue);
  background-image: -webkit-linear-gradient(bottom, aliceBlue, aliceBlue);
  background-image: -ms-linear-gradient(bottom, aliceBlue, aliceBlue);

  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.2, aliceBlue),
    color-stop(0.2, aliceBlue)
  );
}


.def-box-shadow {
    -webkit-box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.5);
    box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.5);
}
.rnd-box-shadow {
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;    
  -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5) inset;
  -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5) inset;
  box-shadow: 0 0 5px 0 rgba(0,0,0,0.5) inset;
}
.golden-box-shadow {
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;    
  border: 1px solid #f9e92e;
  -webkit-box-shadow: 0 0 20px 0 rgba(255,243,46,0.5) inset;
  -moz-box-shadow: 0 0 20px 0 rgba(255,243,46,0.5) inset;
  box-shadow: 0 0 20px 0 rgba(255,243,46,0.5) inset;
}

.small-box-shadow {
    -webkit-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.5);
}
.bg-aliceblue {
    background-color: aliceBlue;
}
.bg-lightpink {
    background-color: lightpink;
}
.bg-transparent {
    background-color: transparent;
}
.bg-lightyellow {
    background-color: lightyellow;
}
.bg-mediumyellow {
    background-color: #ffff94;
}
.bg-white {
    background-color: #fff;
}
.bg-mediumaquamarine {
    background-color: #66cdaa;
}
.bg-lightlightgrey {
  background-color: #eee;
}
.lyq-bg-excellent {
    background-color: #1e90ff;
}
.lyq-bg-good {
    background-color: #32cd32;
}
.lyq-bg-satis {
    background-color: orange;
}
.lyq-bg-needsimprov {
    background-color: #ff4500;
}
.lyq-bg-pend {
    background-color: #bbbbbb;
}

/* Keep all the sprite icons together */
.icon-lym {
    background-image: url("/images/icons/sprite/lym-sprite.png");
}
.icon-lym-evaluation {
    background-position:-1px -1px;
}
.icon-lym-reports {
    background-position:-20px -1px;
}
.icon-lym-logout {
    background-position:-40px -1px;
}
.icon-lym-assignmentbw {
    background-position:-60px -1px;
}
.icon-lym-ractivity {
    background-position:-80px -1px;
}
.icon-lym-aplus {
    background-position:-100px -1px;
}

.icon-white,
.nav > .active > a > [class^="icon-lym"],
.nav > .active > a > [class*=" icon-lym"],
.dropdown-menu > li > a:hover > [class^="icon-lym"],
.dropdown-menu > li > a:hover > [class*=" icon-lym"],
.dropdown-menu > .active > a > [class^="icon-lym"],
.dropdown-menu > .active > a > [class*=" icon-lym"] {
    background-image: url("/images/icons/sprite/lym-sprite.png");
}

/* Keep all the sprite icons together */


/* skins */
.skin3 {
    background: #fffff0 url("/images/icons/graph-paper.png") repeat;
}
.container.main {
    background:white;
    background:#fffff0;
    padding: 30px 10px 15px;
    box-shadow: 2px 2px 15px rgba(0,0,0,1.0);
    box-shadow: 0px -9px 15px rgba(0,0,0,0.5);
    min-height: 700px;
    margin-top:10px;
    border: 1px solid #ccc;
}
/* End skins */

.span25 {
    width: 180px;
}
.row-fluid .span25 {
  width: 19.163617021276595%;
  *width: 19.000425531914894%;
}
.center {
    text-align:center;
}
.left {
    float:left;
}
.right {
    float:right;
}
.clear {
    clear:both;
}
.bold {
    font-weight: bold;
}
footer {
    margin-top: 2em;
    text-align: center;
}
footer a {
    color: #aaa;
    font-size: 80%;
}
div.leftnav {
    min-height: 600px;
}

a.treview-new-window, a.new-window {
    background-image: url("/images/new-window.png");
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 13px;
}


div.topic-led:hover {
    cursor: pointer;
}
div.topic-led {
    float: left;
    width: 30px;
    height: 7px;
    border: 1px dotted #ccc;
    margin-right:2px;
}
div.lyq-led {
    float: right;
    width: 25px;
    height: 7px;
    border: 1px dotted #ccc;
    margin:0;
    padding:0;
}
div.finished {
    background-color: #7FBF4D;
}
div.ongoing {
    background-color: #F8CA00;
    margin-top: 25px;
}
div.pending {
    background-color: lightGrey;
    margin-top: 25px;
}
div.finished-5, div.finished-1 {
    /*background-color: red;*/
    background:url("/images/icons/consolation.png") center center no-repeat;
    width:35px;
    min-height: 50px;
    border:none;
}
div.finished-4 {
    /*background-color: green;*/
    background:url("/images/icons/gold-trophy.png") center bottom no-repeat;
    width:35px;
    min-height:50px;
    border:none;
}
div.finished-3 {
    background-color: lightGreen;
    background:url("/images/icons/silver-trophy.png") center bottom no-repeat;
    width:35px;
    min-height:50px;
    border:none;
}
div.finished-2 {
    /*background-color: red;*/
    /*opacity: 0.4;*/
    background:url("/images/icons/bronze-trophy.png") center bottom no-repeat;
    width:35px;
    min-height:50px;
    border:none;
}

/* history/spiral review/makeup tables */
table.tests-tab {
    border: 2px solid black;
}
table.tests-tab th {
    background: #c5e384;
}
table.tests-tab th {
    text-align: center;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
}


/* Begin: For stage snapshot styling */
div.history-links {
    margin-top:50px;
}
div.ss-lyq-sec {
    width: 25%;
}
div.ss-lyq-sec table {
    margin-top: -5px;
}
div.ss-lyq-sec table td {
    vertical-align: text-top;
    padding: 5px;
}
div.ss-lyq-sec table td.scr {
    font-size: 18px;
    text-align: left;
    font-weight: bold;
    vertical-align: middle;
}
div.ss-lyq-sec table#usumry {
    border:1px solid #ddd;
}
div.ss-lyq-sec table#usumry td {
    border: 1px solid #ddd;
}
div.ss-lyq-sec table#usumry a.thistory {
    background-image: url("/images/icons/testhistory.png");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 25px;
    min-height: 22px;
}
li.ss-stage:first-child {
    border-top: medium none;
    margin-top: 0;
    padding-top: 0;
}
li.ss-stage {
    border-top: 3px solid #DDDDDD;
    float: left;
    list-style: none outside none;
    margin-top: 15px;
    padding-top: 15px;
    position: relative;
    width: 100%;
}
li.ss-stage h3 {
    margin-bottom: 10px;
}
li.ss-stage p {
    margin-bottom: 5px;
}
li.ss-stage > .summary, li.ss-stage > .status {
    float: right;
    width: 70%;
}
li.ss-stage > .summary {
    float: left;
    margin-bottom: 5px;
}
li.ss-stage > .status {
    text-align: right;
    width: 30%;
}
li.ss-stage > .status .percentage, li.ss-stage > .status .complete, div.discipline .complete,  div.discipline .percentage {
    display: block;
    line-height: 1em;
    text-align: right;
}
li.ss-stage > .status .complete,
div.discipline .complete {
    color: #999999;
}
li.ss-stage > .status .percentage, div.discipline .percentage {
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 5px;
}
li.ss-stage > .status span:first-child {
    /*margin-right: 5px;*/
}
li.ss-stage > .status > div {
    -moz-border-radius: 5px 5px 5px 5px;
    background: none repeat scroll 0 0 #E9F4FF;
    float: right;
    padding: 5px 10px;
    min-width: 160px;
}

div#testhistory ul,
div#stagehistory ul {
    margin: 0;
    padding: 0;
}
.ss-stage ul.ss-units {
    float: left;
    padding-bottom: 15px;
    width: 100%;
    margin-top: 25px;
}
.ss-stage li.ss-unit:hover {
    background-color: aliceblue;
    /*cursor: pointer;*/
}
.ss-stage li.ss-unit {
    border-top: 1px solid #DDDDDD;
    list-style: none outside none;
    padding: 20px 5px;
    position: relative;
}
.ss-stage li.ss-unit .summary, .ss-stage li.ss-unit .status {
    display: inline-block;
}
.ss-stage li.ss-unit .summary {
    /*margin-right: -10px;*/
    width: 70%;
    float: left;
}
.ss-stage li.ss-unit .summary h3, .ss-stage li.ss-unit .summary h4 {
    margin-bottom: 5px;
}
.ss-stage li.ss-unit .summary p:last-child {
    margin: 0;
    padding: 0;
}
.ss-stage li.ss-unit .status {
    /*position: absolute;*/
    /*right: 5px;*/
    text-align: right;
    /*top: 12px;*/
    width: 25%;
    float: right;
}
.ss-stage li.ss-unit .status h4 {
    float: left;
    margin-top: 5px;
    color: black;
    padding: 10px;
}
.ss-stage li.ss-unit div.topic-led .tip {
    display: none;
    font-weight: normal;
    left: 50%;
    margin-left: -104px;
    position: absolute;
    text-align: center;
    top: 12px;
    width: 200px;
    z-index: 1;
}
.ss-stage li.ss-unit div.topic-led:last-child {
    margin-right: -1px;
}
.ss-stage .summary .bigh3, .ss-units .ss-unit .summary h4 {
    color: #1F75CC;
}
.ss-stage .summary a:hover {
    color: #0000D6;
}
.ss-unit .status > div {
    padding-top: 5px;
    text-align: left;
    /*background-color: #E9F4FF;*/
    font-size: 14px;
    margin-bottom: 0.5em;
}
.ss-unit .status > div li {
    list-style: none;
    padding: 5px 0px 0px 10px;
    font-size: 11px;
}
.ss-unit div.unitprogress {
    width: 70%;
}
/* End: For stage snapshot */

/* Upgrade, changepayment, subscription info tables */
table#subscr-info-tab {
    width: 90%;
    margin: 1em auto;
}
table#subscr-info-tab td,
table#subscr-info-tab th {
    text-align: left;
    padding: 5px;
    border: 1px solid #ddd;
}
div#topnav-myhome button.nobg {
   background:transparent;
   border:none;
   box-shadow:none;
}
div#topnav-myhome button.nobg a {
    text-shadow:none;
    color:white;
    font-weight:bold;
}

h1.legendh1 {
    font-size: 21px;  
}
.txt-blue {
  color: blue;
}
.txt-green {
  color: green;
}
.txt-red {
  color: red;
}
.txt-black {
  color: black;
}
.txt-white {
  color:white;
}
/* classroom */
div.ccard {
    border:2px solid #51A351;
    background-color: white;
    padding: 0.5em 1em;
}
div.ccardrow {
    margin-bottom: 2em;
}
div.ccardhdr {
    margin: 0.2em 0 0.7em 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}
div.ccardinfo {
    color:#aaa;
    font-size:14px;
}
a.ccardlink {
    font-size: 18px;
    line-height: 21px;
    text-decoration: none;
}
/* membership pages */
a.price-btn {
    display: block;
    height: 75px;
    width: 133px;
    text-decoration: none;
    color: white;
    margin-left: 5px;
}
a.monthly {
    background: url("/images/icons/pric-mo.png") no-repeat 0 0;
}
a.halfyearly {
    background: url("/images/icons/pric-hfyr.png") no-repeat 0 0;
}
a.yearly{
    background: url("/images/icons/pric-yr.png") no-repeat 0 0;
}
a.price-btn span {
    display: block;
    text-align: center;
    font-weight: bold;
    padding-top: 12px;
}
a.price-btn span.price-plan {
    font-size: 16px;
}
a.price-btn span.price-cost {
    font-size: 26px;
    padding-top: 7px;
}

/* school/classroom pages */
span.righttri {
    font-size: 30px;
    color: #aaa;
    margin-left:5px;
}
a.tshome {
    padding:5px;
    font-size:20px;
}
/* Academic summary/awards tables */
table.shome-ac-summary {
    margin:0 auto;
}
table.shome-ac-summary td {
    font-size:20px;
    color:#444;
    text-align: center;
    vertical-align: middle;    
    line-height:150%
}
table.shome-ac-summary div.topic-led {
    margin: 0 25%;
}
img.small-trophy {
  height: 75%;
}
.btn-link-blue {color:blue;}

div.pagecenter {
  display: inline-block;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width:250px;
  height:75px;
  margin: auto;
  background-color: lightcyan;
  color: black;
  font-size: 42px;
  font-weight: bold;
  background-image: url("/images/icons/throbber2.gif");
  background-repeat: no-repeat;
  background-position: 10px center;
  padding: 60px 0 5px 75px;
}

div.imfbk {
  padding: 5px 20px;
  background-color: lightcyan;
  margin-bottom: 7px;
}

table.classrpt-matrix {
  border:0;
  border-collapse: separate;
  border-spacing: 0 10px;
  margin-top: 1em;
}
table.classrpt-matrix td.stname {
  padding:5px;
  vertical-align: middle;
  width: 30%;
  font-size:18px;
  text-align:center;
}
table.classrpt-matrix td.stagenav {
  width:30px;
  font-size:42px;
  vertical-align:middle;
  text-align:center;
}
table.classrpt-matrix td.active {
  background-color:lightgreen;
  cursor: pointer;
}
table.classrpt-matrix td.inactive {
  cursor: auto;
  background-color:#f0f0f0;
}
table.led-matrix {
  border:0; 
}
table.led-matrix td {
  padding: 2px;
}
div.stg-matrix {
  float:left;
  margin: 5px;
  width: 400px;
  padding-bottom: 5px;
}
div.currentstg {
  border:1px solid black;
}
div.stg-matrix div.hdr {
  font-size:16px;
  font-weight: bold;
  text-align:center;
  background-color: lightgoldenrodyellow;
  padding:5px 0;
  margin-bottom: 5px;
  border: 1px solid #e0e0e0;
}
div.led-matrix-pop {
  width: 20px;
  height: 15px;
  padding:4px 2px;
  font-size:14px;
  font-weight:bold;
  margin:2px;
  text-align: center;
  float:left;
  line-height: 100%;
  color: white;
  cursor: pointer;
}
div.led-matrix-separator {
  width:6px;
  height:3px;
  background-color:#444;
  margin:12px 3px;
  float:left;
  padding:0px 2px;
}
a#rpterrbtn {
  text-decoration: underline;
  cursor: pointer;
}
.tahoma, .font-tahoma{
  font-family: Tahoma, Geneva, sans-serif;
}
.ul {
  text-decoration:underline;
}
p.p-lh-150 {
  line-height: 150%;
}
.cursor-pointer {
  cursor:pointer;
}
.inline {
  display:inline;
}
/* Research page */
div#research-splash {
  background-color: #f5f5f5;
}
div.research-sec {
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
div#diff-learning {
  background-color: #FFEDED;
}
div#adaptive-practice {
  background-color: #EAFFEA;
}
div#mastery-learning {
  background-color: #eff2fc;
}
div#int-spc-learning {
  background-color: #f2feff;
}
.top-mrgn {
  margin-top:1em;
}
.rsrch-hdr {
  display: block;
  width: 100%;
  padding: 0;
  color: black;
  border: 0;
  border-bottom: 1px solid #c5c5c5;
}
.rsrch-sec-hdr {
  margin-bottom: 20px;
  font-size: 21px;
  line-height: 40px;
  font-weight: bold;
}
.rsrch-subsec-hdr {
  margin-bottom: 16px;
  font-size: 16px;
  padding-bottom: 5px;
}
.lym-impl-hdr {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 20px;
  font-weight: bold;
}
table#enhanced-learning {
  margin-top: 1em;
  color: white;
  background-color: black;
  width: 100%;
}
table#enhanced-learning td {
  line-height: 130%;
  text-align: center;
  vertical-align: middle;
  padding: 20px 5px;
}
table#enhanced-learning td.descr {
  font-size:20px;
}
table#enhanced-learning td.oper {
  font-size:32px;
}
.rsrch-lym-cards {
  margin-top: 10px;
  padding:13px;
  background-color: #ffe8ad;
  color: black;
}
ul#rsrch-learn-nav span.learn-navtabs {
  font-weight: bold;
  font-size: 18px;
}
ul#rsrch-learn-nav > li > a {
  padding-top: 12px;
  padding-bottom: 12px;
}
ul#rsrch-learn-nav > .active > a {
  background-color: #00cc21;
}
span.article-author {
  font-weight:bold;
}
span.article-title {
  font-style: italic;
}
/* Research page */
/*comments*/
td.comment-beginquote {
  font-size: 56px;
  vertical-align: top;
  color: grey;
  padding-right: 3px;
  padding-bottom: 0;
}
td.comment-endquote {
  font-size: 56px;
  vertical-align: bottom;
  color: grey;
  padding-left: 3px;
  padding-bottom: 0;
  line-height: 0px;
}
td.comment-txt {
  color: blue;
  height: 200px;
  vertical-align: top;
}
div.shome-navs {
  margin-bottom:1em;
  padding:10px;
  background-color:#51A351;
  font-weight: bold;
}
div.school-shome-subnav {
    padding: 5px 15px 10px 15px;
}
div.school-shome-subnav h5 {
  border-bottom: 1px solid #c5c5c5;
}
div.honor-level {
  padding: 41px 0 0 0;
  text-align:center;
  font-size: 36px;
  font-weight:bold;
  color: black;
  background-image: url("/images/icons/def-honor-level.png");
  background-repeat: no-repeat;
  height: 77px;
  width: 118px;
}
div.avatar-card {
  padding: 10px 5px 10px 5px;
  float: left;
}
td.reward-prch-status {
  text-align: center;
}
img.rwrd-prchd {
  height: 15px;
}
/* shome notice cards */
div.notice-card {
  width: 225px;
  height: 225px;
  overflow: auto;
  overflow-x: hidden;
  float: left;
  margin: 5px 20px 10px 5px;
  border: 1px solid #ccc;
  background-color: white;
}
div.notice-hdr {
  background-color: #f2dede;
  padding: 5px;
  border-bottom: 1px solid #ccc;
}
div.notice-body {
  margin-top: 7px;
  padding: 0 5px;
}
div.nextstep-card {
  border:1px solid #cecece;
  height:225px;
}
div.nextstep-hdr {
  padding:10px 5px;
  border-bottom:1px solid #cecece;
}
div#content-video iframe {
  border: 1px dotted grey;
}
/*Tutorials*/
div.video-loading {
  text-align: center;
}
table#count-table div.count-col {
  padding: 5px;
  margin-bottom: 10px;
  margin-right: 10px;
  float: left;
  border: 1px solid #cecece;
}
img.audiobtn {
  cursor: pointer;
}
div#membership-hdr {
  color:#2e2b67;
  font-size:2.0em;
  font-weight:bold;
  padding:1em 0;
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
  background:#edfbff url('/images/nimble/math-symbols-eqns.png') -2px -2px;
}
div.membership-cards {
  padding:10px 10px;
  border:1px solid #aaa;
  text-align:center;
}
div.brdr-lb {
  border-bottom:1px solid #ddd;
  border-left:1px solid #ddd;
}
div.ft-strip {
   background-color:#f5f5f5;
   margin-top:2em;
   padding-top: 5px;
   padding-bottom: 10px;
}
/*Reports*/
select.rpt-slice {
  width:95%;
}
/* search results */
div.search-skill-item {
    margin-bottom:1em;
}
div.search-skill-title {
    font-size:16px;
    margin-bottom: 2px;
}
a.search-skill-links,
span.curr-topic-links,
a.curr-topic-links {
   margin-right: 1em;
   color: 7777ff;
   font-size: 90%;
}
div.search-skill-title a {
    text-decoration: underline;
    color: blue;
    font-size:16px;
}
div.search-skill-descr {
    font-size:14px;
    margin-bottom: 2px;
    color:#555555;
}
span.hw-topic-assigned {
    color: green;
    font-weight: bold;
}
span.hw-topic-not-assigned {
    color: red;
    font-weight: bold;
}
/*Homework finalize*/
table#fin-hw-sk-tab {
    width:90%;
    margin:auto;
}
table#fin-hw-sk-tab th {
    text-align: center;
    vertical-align: middle;
}
table#fin-hw-sk-tab td.fin-hw-sk-remove {
    width: 50px;
    text-align: center;
    vertical-align: middle;
}
table#fin-hw-sk-tab td.fin-hw-sk-numprobs input,
table#fin-hw-sk-tab td.fin-hw-sk-passpct input {
    width: 30px;
}
textarea.fin-hw-notes {
    width: 20em;
}