.clearfixBox:after {  content: "."; display:block; font-size:0; line-height:0; height:0; clear:both; visibility:hidden; }

.clearfixBox { display:inline-block; }

* html .clearfixBox { height:1%; }

.clearfixBox { display:block; }

body { -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; background:#FFF }
.navbar-default .navbar-nav >li>a, .footer-navigation, h2 , .innerContiner, .joinNowBox, .btn-submit, .learnMore, .modal-body, .help  { font-family:"Myriad Pro", Arial, Helvetica, sans-serif;  }

h2 { font-size:24px; color:#4e4e40; margin-bottom:17px; margin-top:0  }
h3 { font-size:18px; font-weight:normal; color:#4d4e52; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; margin:0 0 10px 0 }

.navbar-default .navbar-nav >li.logIn a { background:#14b1e4 }
.navbar-default .navbar-nav >li.logIn a:hover, .navbar-default .navbar-nav >li.logIn.active a, .navbar-default .navbar-nav >li.logIn a { background:#199fca }
.sprite { background:url(https://static.studyladder.ca/cdn/site/12/571aeab43c13.png) no-repeat 0 0; display:inline-block; vertical-align:middle; }
.iconArrow { background-position:0 0; width:18px; height:18px; margin-left:3px; }
.iconClose { background-position:0 -20px; width:24px; height:22px; opacity:1 }
.navbar-default .navbar-nav >li.open .iconArrow { background-position:-18px 0; width:18px; height:18px; margin-left:3px; }
.footer-navigation { margin:0; padding:0 }
.footer-navigation li { list-style:none; float:left; margin-left:5% }
.footer-navigation li:first-child { margin-left:0 }
.footer-navigation li a { font-size:12px; color:#58585B }
.footer-navigation li a:focus { outline:none }
.frameImg .videoDiv { width:100%; height:242px; }
.left-button{ margin-left: 72px; margin-top: 20px;}
.sm.tiny { height: 20px; width: 20px; }
.sm { height: 27px; width: 27px; }
.profile-pop-up-section { height:200px; padding-left:5px; padding-top:40px; }
.pop-up-image {width:125px;}
.avatar-body { width:125px; margin-top:-40px; }
.pet-body { width:140px; }
.avatar-eyes { width:120px; }
.avatar-eyes-div { top:-37px; left:17px; position: absolute;}
.pet-eye-div { left: 15px; top: 0px; position: absolute;}
.pet-eyes { width:140px; }
.pet-glasses{ width:140px; }
.pet-glasses-div{ left:12px; top:0px; position: absolute; z-index:9999;}
.avatar-glass{ width:125px; margin-top:-40px; }
.avatar-glass-div { position: absolute; z-index:9999; top:-5px !important; left:15px !important;}
.cert-img { margin-top:190px; }
.pop-up-first-col { height:130px; }
.pop-up-first-col1 { height:130px; }
.label-div { float:left; width:100%;text-align: center; }
.upgrade_topdiv{ height:65px; }
.holiday-join img {width:100%;}
.holiday-page .modalBox{ width: 418px !important; }

.next-prev-box{ height:94px;  overflow: hidden; }
.activity_thumb{height: 94px; overflow: hidden;}
#wrapper { background:#81bdc7 url(https://static.studyladder.ca/cdn/site/0a/05fef64fb6be.jpg) no-repeat center center; background-size:cover;   }
.innerContiner { color:#6D6E70; font-size:29px; padding:92px 0 0 0; letter-spacing:0.5px; line-height:33px;  }
.innerContiner h2 { margin-bottom:4px; font-size:56px; color:#404041 }
.middlecontainer { position:relative; min-height:494px;}
.smiley{position:absolute; left:0px; top:0px; z-index:888;}

.no-activity{
   background: none repeat scroll 0 0 #f3f3f3;
   padding: 5px;
   text-align: center;
 }

.avatar-premium { margin-top:-20px; }
.avatar-basic { margin-top:-10px; }
.avatareyes { position: absolute; left:0px; top:0px; }
.playBtn {
  position: absolute;
  height: 25px;
  line-height: 25px;
  margin: 0 10px;
  border: 1px solid #000;
  border-radius: 5px;
  -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);
  padding: 3px 7px;
  cursor: pointer;
  background-color: #ffffff;
}
.hidden {
  display: none;
 }
.log {
  position: fixed;
  bottom: 10px;
  height: 200px;
  left: 0;
  width: 100%;
  overflow: auto;
}

.points-needed{
   background-position: -490px 0;
   height: 60px;
   left: 30%;
   margin-left: -26px;
   margin-top: -32px;
   top: 50%;
   width: 50%;
   color:#fff;
   z-index: 999999;
   position: absolute;
   border: solid #fff 1px;
   padding-left:2%;
   padding-top:2%;
 }

.points-needed h3{
   color:#fff;
   font-weight: bold;
}

.purple_dot{
  height:15px;
  width:15px;
  border-radius:8px;
  background: #c977ef;
  float:left;
  margin-top:4px;
  margin-right:6px;
 }

.orange_dot{
  height:15px;
  width:15px;
  border-radius:8px;
  background: #fec841;
  float:left;
  margin-top:4px;
  margin-right:6px;
}

.orange_dot_desc{
  color:#fec841;
  font-family:'Myriad Pro',Arial,Helvetica,sans-serif;
  font-size:12px;
  padding-top: 3px;
  margin-left:3px;
}

.purple_dot_desc{
  color:#c977ef;
  font-family:'Myriad Pro',Arial,Helvetica,sans-serif;
  font-size:12px;
  padding-top: 3px;
  margin-left:3px;
}

.joinNowBox .col-lg-12 { padding:5px 35px 15px 35px; }
.joinNow { display:block; color:#939597; font-size:16px; margin-bottom:8px; }
.btn.btn-submit { display:block; text-align:center; font-weight:bold; font-size:22px; color:#FFF; background:#BBBDC0; border:none; border-radius:0; padding-bottom:10px; }
.btn.btn-submit:hover, .btn.btn-submit:focus{ background:#acacac; color:#FFF; outline:none }

.learn-container{ width:100%; float:left; border:solid 1px; padding:10px;  background:#f6f6f6; }
.select-margin{ margin-top:10px; }
.select-margin-bottom { margin-bottom:10px; }
.select-margin-bottom2 { margin-bottom:5px; }
.learn-search-input { width:100%; }
.search-result-text { background-color:#ecf9ff;border:2px solid #59caff;text-align:center;padding:1em; }
.learn-section-list{ list-style-type: none; }
.learn-activity-div { overflow:hidden;width:140px;height:100px;position:absolute;left:10px;top:0px; }
.learn-extra-activities{ font-weight:500;font-style:italic;background-color:#eee;text-align:center;margin-left:-3ex;line-height:2em; }
.learn-activity-li { position:relative;height:100px;overflow:hidden;margin:10px; }
.learn-flash-icon { position:absolute;left:0px;top:0px;width:30px; }
.learn-section-name-li{ margin-left:-38px; }
.learn-outcome-display{ display:block; }
.learn-outcome-not-display{ display:none; }
.learn-task-box { background:#ffffcc; }
.learn-activity-div-link{ float:none; }
.learn-activity-count { line-height:1em; }
.learn-extra-activity-list { float:none;position:absolute;left:160px;top:0px;list-style-type: none;}
.joinForm { margin:0 0 15px 0; padding:0 }
.joinForm li { list-style:none; margin-top:6px; }
.joinForm li .col-lg-6 { padding:0 0 0 5px;}
.joinForm li .col-lg-6:first-child { padding-left:0}
.joinForm li:first-child { margin-top:0 }
.joinForm .form-control { background:#FFF; border:none; box-shadow:0 0 2px rgba(0,0,0,0.13); width:100%; height:29px; font-size:13px; padding:0 7px; -webkit-appearance:inherit !important; border-radius:0  }
input {/** -webkit-appearance:inherit !important; **/}
.joinNowBox .label { display:block; font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#6D6E70; font-weight:normal; margin:0 0 3px 0; padding:0; text-align:left }
.joinNowBox .label.miniLabel { text-align:right; font-size:8px; color:#939597; padding-top:2px; margin-bottom:0; padding-bottom:0; line-height:8px; margin-bottom:-8px; }

.ez-hide { opacity: 0; filter:alpha(opacity=0); }
/** .ez-checkbox { background: transparent url(https://static.studyladder.ca/cdn/site/a7/0e7250f36637.png) 0 0 no-repeat; display:inline-block; margin:0 5px 0 0; vertical-align:middle; width:15px; height:16px; } **/
.joinNowBox .ez-checkbox { float:left }

.ez-checked { background-position: 0 -34px; }
.ez-selected { background-position: 0 -34px; }

.ez-checkbox { zoom: 1; *display:inline; _height:30px; }
.label.checkbox { white-space:inherit; font-family:Tahoma, Geneva, sans-serif; font-size:8px; line-height:13px; color:#939597 }
.label.checkbox input { margin:3px 5px 0 0 !important }

.studyImg { position:absolute; bottom:-12px; left:-30px; }
.studyImg img { width:602px; }

.learnMore { background:#404041; color:#FFF; font-size:24px; color:#FFF; font-weight:bold }
.courseSection { background:#E9E9E9; color:#3E3E40; font-size:14px; font-weight:bold; padding:1.5%;}
.learnMoreLink { color:#FFF; display:block; padding:11px 0 13px 0 }
.learnMoreLink span { display:inline-block; font-size:18px; font-weight:normal; padding-left:14px; }
.learnMoreLink .iconArrow, .learnMoreLink .iconDownArrow { margin-top:8px; }
.learnMoreLink:hover, .learnMoreLink:focus { color:#e9e9e9; text-decoration:none; outline:none }

.iconWarning { float:left; background:url(https://static.studyladder.ca/cdn/site/51/0302e2f5104e.png) no-repeat 0 0; display:block; width:76px; height:76px; margin-right:12px;}
.details { overflow:hidden }
.modal-body h3 { font-size:17px; color:#6D6E70; font-weight:bold; margin:2px 0 5px 0; padding:0 }
.modal-body { font-size:14px; color:#949494; }
.help { display:block; text-align:center; background:#d1d2d4; padding:10px 0; margin:0 60px;  color:#FFF; font-weight:bold; font-size:22px; }
.help:hover { text-decoration:none; color:#FFF; background:#dedede }

.titleLink { background: -webkit-linear-gradient(#fcb93f, #f89a3e); background: -o-linear-gradient(#fcb93f, #f89a3e); background: -moz-linear-gradient(#fcb93f, #f89a3e); background: linear-gradient(#fcb93f, #f89a3e);}
.titleLink2 { background: -webkit-linear-gradient(#6cb5b8, #43aab3); background: -o-linear-gradient(#6cb5b8, #43aab3); background: -moz-linear-gradient(#6cb5b8, #43aab3); background: linear-gradient(#6cb5b8, #43aab3); }
.titleLink3 {  background: -webkit-linear-gradient(#ba82b8, #9771a2); background: -o-linear-gradient(#ba82b8, #9771a2); background: -moz-linear-gradient(#ba82b8, #9771a2); background: linear-gradient(#ba82b8, #9771a2); }
.titleLink4 { background: -webkit-linear-gradient(#c5d84f, #aac950); background: -o-linear-gradient(#c5d84f, #aac950); background: -moz-linear-gradient(#c5d84f, #aac950); background: linear-gradient(#c5d84f, #aac950); }
.titleLink5 { background: -webkit-linear-gradient(#5fb2b7, #5fb2b7); background: -o-linear-gradient(#5fb2b7, #5fb2b7); background: -moz-linear-gradient(#5fb2b7, #5fb2b7); background: linear-gradient(#5fb2b7, #5fb2b7); }
.titleLink6 {  background: -webkit-linear-gradient(#e9e9e9, #e9e9e9); background: -o-linear-gradient(#e9e9e9, #e9e9e9); background: -moz-linear-gradient(#e9e9e9, #e9e9e9); background: linear-gradient(#e9e9e9, #e9e9e9); }

.middle section { margin-bottom:27px  }
.libraryImg img, .libraryImg { display:block; border-radius:10px; }
.libraryImg:focus { outline:none }

.library-details, .library-details li ul { padding:0; margin:0 }
.library-details {  color:#808284; font-size:12px; font-family:"Myriad Pro", Arial, Helvetica, sans-serif;  border-left:solid 1px #D1D2D4;   }
.library-details > li { padding:0; list-style:none; width:33.3%; float:left }
.library-details li ul { border-top:solid 1px #D1D2D4; border-right:solid 1px #D1D2D4; }
.library-details li ul li { list-style:none; background:none; border:solid 1px #D1D2D4; border-left:none; border-right:none; border-top:none;  background:#E6E7E8; padding:5px 5px 5px 11px; min-height:28px; }

.listing li { color:#939597; font-family:Tahoma, Geneva, sans-serif, Arial, Helvetica, sans-serif; font-size:14px; line-height:24px; margin-bottom:10px; }
.funImage img { border:solid 1px #dededf; box-shadow:0 2px 8px rgba(0,0,0,0.2), 0 0 0 rgba(0,0,0,0); margin-bottom:25px; }

.btn.btn-join { font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-weight:bold; font-size:21px; background:#99CB4E; padding:11px 16px 12px 22px; display:inline-block; color:#FFF; border-radius:0 }
.btn.btn-join:hover, .btn.btn-join:focus { background-color:#76a62f; color:#FFF; outline:none }

.mapOnline { margin:-150px 0 0 0; width:27%; float:left }
.table-mapDetalis { border-color:#989898;  font-family:"Myriad Pro", Arial, Helvetica, sans-serif; }
.table-mapDetalis tr td:first-child { border-right:solid 1px #989898 }
.table-mapDetalis > thead > tr > th, .table-mapDetalis > tbody > tr > th, .table-mapDetalis > tfoot > tr > th, .table-mapDetalis > thead > tr > td, .table-mapDetalis > tbody > tr > td, .table-mapDetalis > tfoot > tr > td { padding:6px; font-size:11px; color:#BBBDC0; line-height:15px; border:none; }
.table-mapDetalis > tbody > tr:nth-child(2n+1) > td, .table-mapDetalis > tbody > tr:nth-child(2n+1) > th { background-color:#d1d2d4 }
.joinJust { display:block; color:#0AA1D8; font-size:12px; font-weight:bold; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; margin-bottom:1em  }

.livemap { color:#FBAF3F; width:50%; font-size:12px; color:#FBAF3F; font-family:"Myriad Pro", Arial, Helvetica, sans-serif;   }
.livemap a { color:#0AA1D8; float:left; margin-right:5px }
.livemap span { display:inline-block; overflow:hidden; width:66% }

.mapInformation { float:right; position:relative; margin-top:-20px; margin-right:-20px; overflow:hidden }
.mapNumbers { background:#FBAF3F; border-radius: 50%; color: #FFFFFF; font-weight: bold; padding: 8px 6px; position: absolute; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; }
.mapNumbers.large { background:#FFC840; padding: 15px 6px; }

.flash-smile{ position:absolute;left:0px;top:0px;width:30px !important; z-index: 1000; }
.smile-icon {position: absolute; top: 0; right:0; width:30px !important; z-index: 1000; }
.sma{ position:absolute;top:2px;right:2px; z-index: 888;}
.iconDownArrow { background-position:-18px 0; width:18px; height:18px; }
.arrowActive .iconDownArrow { background-position:0 0 }

.btn { color:#6D6E70; background-color:transparent; outline:#E6E7E8;  }
.btn:focus { outline:none !important }

.btn-primary { background-color:#BBBDC0; color:#FFF; background-image:linear-gradient(#BBBDC0, #9d9d9d); -webkit-background-image:linear-gradient(#BBBDC0, #9d9d9d); -o-background-image:linear-gradient(#BBBDC0, #9d9d9d); -moz-background-image:linear-gradient(#BBBDC0, #9d9d9d); border-color:#9d9d9d }
.btn-primary:hover, .btn-primary:focus { background-position:0; outline:none; border-color:#BBBDC0; background-color:#BBBDC0 }
.btn-primary:hover { background:#ababab }

.btn-success { background-color:#99CA4E; color:#FFF; background-image:linear-gradient(#99CA4E, #81ac40); -webkit-background-image:linear-gradient(#99CA4E, #81ac40); -o-background-image:linear-gradient(#99CA4E, #81ac40); -moz-background-image:linear-gradient(#99CA4E, #81ac40); -ms-background-image:linear-gradient(#99CA4E, #81ac40); border-color:#99CA4E  }
.btn-success:hover, .btn-success:focus { border-color:#81ac40; background-position:0; background:#81ac40 }

.btn-info { background-color:#08B0E2; color:#FFF }

.btn-warning { background-color:#08B0E2; color:#FFF; background-image:linear-gradient(#5BC0DE, #2AABD2); -webkit-background-image:linear-gradient(#5BC0DE, #2AABD2); -o-background-image:linear-gradient(#5BC0DE, #2AABD2); -moz-background-image:linear-gradient(#5BC0DE, #2AABD2); border-color:#2AABD2  }
.btn-warning:hover, .btn-warning:focus { background-position:0; background:#5BC0DE; border-color:#2AABD2 }

.btn-communicate { background-color:#864273; color:#FFF; background-image:linear-gradient(#864273, #763363); -webkit-background-image:linear-gradient(#864273, #763363); -o-background-image:linear-gradient(#864273, #763363); -moz-background-image:linear-gradient(#864273, #763363); border-color:#864273  }
.btn-communicate:hover, .btn-communicate:focus { background-position:0; background:#864273; border-color:#763363; color:#FFF }

.btn-edit { background-color:#00ACBA; color:#FFF; background-image:linear-gradient(#00ACBA, #07949f); -webkit-background-image:linear-gradient(#00ACBA, #07949f); -o-background-image:linear-gradient(#00ACBA, #07949f); -moz-background-image:linear-gradient(#00ACBA, #07949f); border-color:#00ACBA  }
.btn-edit:hover, .btn-edit:focus { background-position:0; background:#07949f; border-color:#07949f; color:#FFF }

.btn-task { background-color:#FF9116; color:#FFF; background-image:linear-gradient(#FF9116, #ed8108); -webkit-background-image:linear-gradient(#FF9116, #ed8108); -o-background-image:linear-gradient(#FF9116, #ed8108); -moz-background-image:linear-gradient(#FF9116, #ed8108); border-color:#ed8108  }
.btn-task:hover, .btn-task:focus { background-position:0; background:#FF9116; border-color:#ed8108; color:#FFF }

.btn-danger { background-color:#CB2031; color:#FFF  }

.btn-link { font-family:"Myriad Pro", Arial, Helvetica, sans-serif; color:#27A9E1 }

.alert-success { background-color:#9FD088; color:#45724D;  background-image:linear-gradient(#9FD088, #8cc572); -webkit-background-image:linear-gradient(#9FD088, #8cc572); -o-background-image:linear-gradient(#9FD088, #8cc572); -moz-background-image:linear-gradient(#9FD088, #8cc572); border-color:#9FD088 }
.alert-error { background-color:#E9C4C9; color:#954767 }
.alert-info { background-color:#B3D6E3; color:#5D96B7 }
.alert-block { background-color:#FCCAA1; color:#D58142 }
.alert-warning { background-color:#FCCAA1; color:#D28142; background-image:linear-gradient(#FCCAA1, #efb484); -webkit-background-image:linear-gradient(#FCCAA1, #efb484); -o-background-image:linear-gradient(#FCCAA1, #efb484); -moz-background-image:linear-gradient(#FCCAA1, #efb484); border-color:#FCCAA1 }

.modal-header { background-color:#08B0E2; color:#FFF; padding:15px 10px 15px 15px; }
.modal-header h3 { color:#FFF }
.modal-body, .modal-footer { background-color:#F1F1F1 }

.popover-title { background-color:#E6E7E8; color:#6D6E70 }
.popover-content { background-color:#D1D2D4; color:#6D6E70 }

.navbar-default .navbar-nav > li > a { background:#9ECB3A; color:#FFF; font-size:21px; font-weight:bold }
.navbar-default { background:#F8F8F8; border:none; border-bottom:solid 1px #efefef; box-shadow:none }
.navbar-right { position:relative }
.navbar-nav > li > a { padding-bottom:15px; padding-top:13px; line-height:30px; font-weight:bold }
.navbar-nav > li { /** width:50%; **/ float:left; position:inherit; min-width:159px; text-align:center }
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #FFF; background-color:#84b43c;  }
.navbar-default .navbar-nav > li.logIn a:hover, .navbar-default .navbar-nav > li.logIn.active a, .navbar-default .navbar-nav > li.logIn a { background-color:#00B0E8 }
.navbar-default .navbar-nav>li.logIn>a:hover, .navbar-default .navbar-nav>li.logIn>a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #FFF; background-color:#0ba2d2;  }

.container { width:970px; max-width:878px; padding:0; position:relative }
.container_index { background:#fff !important;}
.middle { padding:20px 0 20px }

.panel-footer { border:none; background-color:#F1F1F1 }
.panel-footer-top { border-bottom: 1px solid #FBFBFB; border-top: 2px solid #FBFBFB; background-color:#FFF; color: #808080; font-size:11px; padding-top:5px; padding-bottom:5px;}
.footer-left{ float:left; }
.footer-right{ float:right; text-align:right;}
.naplan{}

.naplan b {
 color:#fff;
 text-transform:uppercase;
 position:absolute;
 text-shadow: 1px 1px #808080;
 top:10px;
 left:30px;
 font-size: 20px;
}

.mathematics{}

.mathematics b{
 color:#fff;
 text-transform:uppercase;
 position:absolute;
 text-shadow: 1px 1px #808080;
 bottom:10px;
 left:30px;
 font-size: 20px;
}

.literacy{}

.literacy b{
 color:#fff;
 text-transform:uppercase;
 position:absolute;
 text-shadow: 1px 1px #808080;
 top:15px;
 left:185px;
 font-size: 20px;
}

.science{}

.science b{
 color:#fff;
 text-transform:uppercase;
 position:absolute;
 text-shadow: 1px 1px #808080;
 bottom:15px;
 left:25px;
 font-size: 20px;
}

.music{}

.music b{
 color:#fff;
 text-transform:uppercase;
 position:absolute;
 text-shadow: 1px 1px #808080;
 top:15px;
 left:190px;
 font-size: 20px;
}

.art{}

.art b{
 color:#fff;
 text-transform:uppercase;
 position:absolute;
 text-shadow: 1px 1px #808080;
 top:15px;
 left:210px;
 font-size: 20px;
}

.language{}

.language b,.language-culture b{
 color:#fff;
 text-transform:uppercase;
 position:absolute;
 text-shadow: 1px 1px #808080;
 top:15px;
 left:175px;
 font-size: 20px;
 width:100px;
}

.health{}

.health b,.health-safety-citizenship b{
 color:#fff;
 text-transform:uppercase;
 position:absolute;
 text-shadow: 1px 1px #808080;
 bottom:15px;
 left:25px;
 font-size: 20px;
 width:100px
}

.finlit{}

.finlit b,.financial-literacy b{
 color:#fff;
 text-transform:uppercase;
 position:absolute;
 text-shadow: 1px 1px #808080;
 bottom:15px;
 left:175px;
 font-size: 20px;
}

.studysheets b{
 color:#fff;
 text-transform:uppercase;
 position:absolute;
 text-shadow: 1px 1px #808080;
 bottom:15px;
 left:25px;
 font-size: 20px;
}

.information-communication-technology b{
 color:#fff;
 text-transform:uppercase;
 position:absolute;
 text-shadow: 1px 1px #808080;
 bottom:15px;
 left:25px;
 font-size: 20px;
 width:100px
}

.activity-image{ height:95px; }
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left:0 }
.navbar-brand { display:inline-block; height:auto; padding:0; margin:7px 0 7px 0 }
.navbar-header { float:left }

.joinNowBox .col-lg-12 { padding:5px 35px 15px }
.navbar-right .dropdown-menu { left:0; padding-bottom:0 }
.navbar-nav > li > .dropdown-menu { background:#F1F1F1; border:none; border-radius:0; margin-top:0; text-align:left; width:318px; }

.middleSection { padding:58px 0 0 }
.loginSection  { padding:15px 15px; background:#FFF; box-shadow:0 0 5px rgba(0,0,0,0.1); width:600px; margin-bottom:20px; }
.innerSection { padding:15px 15px; background:#FFF; box-shadow:0 0 5px rgba(0,0,0,0.1); margin-bottom:15px }
.form-control { border-radius:0; font-size:13px; color:#434448; height:31px;  }
.form-control:focus { box-shadow:none; border-color:#e7e7e7 }
.listing .form-control  { border:solid 1px #e7e7e7; box-shadow:none; height:33px; }
.signInBtn { padding:8px 20px; background-color:#15a1dc; background:linear-gradient(#15a1dc, #1494c9)}
.signInBtn:hover, .signInBtn:focus { background-color: #15a1dc; background-position:0; }
.loginBackground { background:#FFF }
.middleSection .col-lg-6 .container { width:auto }
.familyContainer .col-lg-6 { margin-bottom:15px }

.profileImage { background:#3abbf2; width:80px; height:80px; border-radius:50px; overflow:hidden; }
.profileImage img { width:100%; }
.signInLabel { color:#000; font-weight:normal; font-size:13px; padding:10px 0 0 0; display:inline-block; float:left }
.link { font-family:Arial, Helvetica, sans-serif; padding-top:7px; font-size:13px; }
.signTitle { color:#000; margin-bottom:20px; display:block; font-size:23px }

.memberListing { margin:-15px -15px 10px -15px; }
.memberListing .profileImage { margin-right:13px; }
.memberListing li { border-bottom:solid 1px #e7e7e7 }
.memberDetails { overflow:hidden; padding-top:4px; line-height:16px; }
.memberListing a { color:#bdbdbd; font-size:12px; padding:10px }
.memberListing a:hover, .memberListing a:focus { text-decoration:none; outline:none; background:#f8f8f8 }
.memberListing p span { display:block; color:#27A9E1 }

.titleStudents { display:block; text-align:center; font-size:20px; font-weight:bold; padding:8px 0; margin:-15px -15px 15px -15px; background-color:#27A9E1 }
.titleUpgrade {background-color:#84b43c }
.modal-footer, .modal-body { margin:0; padding:15px; }
.modal-footer { text-align:left }

.addStudentBox { background:#FFF; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000; padding:10px 15px }
.boyGirlImage { border:solid 1px #f1f1f1; }
.col-lg-6.addStudentBox { width:47% }
.addStudentBox .col-lg-6 { padding:0; font-size:15px; width:49% }
.signInBtn.btn-block { padding:13px 10px }
.or { float:left; font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#000; font-weight:bold; margin:150px 0 0 1%}
.boyGirl { margin-bottom:10px; }
.btnWidth { min-width:100px; }

.notificationBox { width:430px; }

.categoryList h3 { font-size:20px; margin:0 0 5px 0 }
.categoryList > li { width:33.3%; float:left }
.categoryList li ul li { line-height:20px; padding:0 0 0 20px }
.categoryList li ul li a { font-size:14px; font-family:"Myriad Pro", Arial, Helvetica, sans-serif }

.addressFooter { font-size:10px; color:#58585B; width:320px; }
.copyRightBox { width:200px; float:right; text-align:right; font-size:10px; color:#58585B }
.copyRightBox select { width:120px; height:20px; padding:0; font-size:12px; float:right }
.country { display:inline-block; padding:3px 4px 0 0 }

.container-fluid { padding:0; margin:0; width:auto; background:#FFF; color:#333438; font-family:Tahoma, Geneva, sans-serif; font-size:13px; }
.greenImage { background-image:url(/images/new_design/green_image.png); background-repeat:repeat-x; background-position: center 0; padding-top:200px; position:relative    }
.animalImg { background:url(https://static.studyladder.ca/cdn/site/4f/7e833b9d4b95.png) no-repeat 0 0; width:65px; height:66px; display:block; position:absolute; left:-50px; top:-60px }
.animalImg2 { background-image:url(https://static.studyladder.ca/cdn/site/4f/7e833b9d4b95.png); right:0;  width:50px; height:50px; right:0; left:auto }
.animalImg3 { background-image:url(https://static.studyladder.ca/cdn/site/73/0d85adb217cf.png); width:40px; height:40px; right:-30px; left:auto; top:0 }
.greenImage p { margin-bottom:20px }
.frogImage { background-image:url(https://static.studyladder.ca/cdn/site/e7/88dce5a8b2f6.png); background-repeat:no-repeat; background-position: center 0; padding-bottom:0; font-size:14px; }
.forgImage2 { position:absolute; bottom:0; right:0 }
.landingContainer { overflow:hidden; float:left; width:65% }
.paddingTop { padding-top:85px; }

.joinNowPopup label { color:#6D6E70; font-family:Tahoma,Geneva,sans-serif, Arial, Helvetica, sans-serif; font-weight:normal; padding-left:0; font-size:12px; padding-top:0 }
.joinNowPopup .miniLabel { text-align:right; display:block; font-size:10px; padding-top:3px; padding-bottom:0; margin-bottom:-9px }

.memberInformation { float:right; line-height:15px; padding-top:22px }
.memberInformation > li { float:left; position:relative; padding:0 8px; font-family:Tahoma,Geneva,sans-serif, Arial, Helvetica, sans-serif; font-size:13px; border-left:solid 1px #d9d9d9}
.memberInformation > li:first-child { border:none }
.memberInformation .caret { font-size:20px; border-width:8px; border-left-width:7px; border-right-width:7px; }

.aboutUs2 .landingContainer { float:none; width:auto }
.aboutUs2 .animalImg { left:25px }
.aboutUs2 .animalImg2 { left:auto; right:80px; }
.aboutUs2 .animalImg3 { left:auto; right:20px; }
.aboutUs2 .middle { padding-bottom:25px; }
.frogImage2 { position:absolute; left:0; bottom:0; }
.frogImage2 img { width:100% }
.frogImage3 { left:auto; right:0 }

.logoutInfo { left:auto; right:0 }
.modalBox { width:550px; }
.bigModalBox { width:950px; }
.formLabel { color:#434448; font-family:Tahoma,Geneva,sans-serif, Arial, Helvetica, sans-serif; font-weight:normal; margin-bottom:2px; padding-left:0; font-size:13px; padding-top:0 }
.col-offset { padding-left:0 }

.listData li { margin-bottom:3px; }
p { margin-bottom:7px; }
.alfabetList li { list-style:lower-latin }
.romanList li { list-style:lower-roman }

.accountBox { padding:0 }
.accountBox li { margin:0 0 15px 0  }
.accountBox li h3 { margin-bottom:0 }
.accountDetailBox { border-top:solid 1px #cdcdcd; margin-top:3px; padding-top:3px;  }
.paddingManage { padding:0 }
.accountDetailBox .form-group { margin-bottom:10px }

.mainNavigation { border-bottom:solid 1px #efefef; background:#f7f7f7 }
nav { float:left }
nav ul { margin:0;  }
nav li { float:left; border-left:solid 1px #eaeaea; position:relative; z-index:1 }
nav li:first-child { border:none }
nav li a { padding:13px 13px; display:inline-block; font-size:15px; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; color:#666; }
nav li a:hover, nav li a:focus { outline:none; text-decoration:none; }
nav li.active a { color:#FFF }
nav li a:focus { background:#FFF }
nav li > a:before { width:100%; opacity:0; position:absolute; z-index:-1; content:""; background:#FFF; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; top:0; left:0; right:0; height:1px;  }
nav li:hover > a:before, nav li.active > a:before { height:100%; opacity:1 }
nav li.active > a:before { background:#16a2df;  }
.tellfriend a { background:#428BCA; color:#FFF }
.tellfriend a:hover, .tellfriend a:focus { background:#367bb7 }

#menu { color:#555555; display:none; background:url(https://static.studyladder.ca/cdn/site/8a/001a6d4fd01d.png) no-repeat 98% 10px; font-size:14px; font-weight:normal; padding:15px 10px 10px 8px; text-transform:capitalize; }
#menu:focus { outline:none; text-decoration:none; background-color:#eaeaea }
.et-mobile-menu { display:none; padding:0; width:auto; position:relative;  }
.et-mobile-menu li { display:block; float:none; margin:0; padding:0; border:none; border-top:solid 1px #eaeaea; }
.et-mobile-menu li:first-child { border-top:solid 1px #eaeaea; }
.et-mobile-menu li a { padding:0 0 0 8px; display:block; line-height:38px; border:none }

.breadcrumb li a:hover, .breadcrumb li.active a, .breadcrumb li a:focus { color:#999; text-decoration:none; outline:none }
.joinNowStepBox { background:#f1f1f1; padding:20px 0 }
.joinNowStepBox .col-lg-4 { width:31%; margin-right:8%; }
.finalStep { background:#9ECB3A; color:#FFF; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:21px; padding:6px 12px 9px 12px; position:relative; margin-left:-15px; margin-bottom:17px; }
.jonNowContainer { font-family:Tahoma, Geneva, sans-serif, Arial, Helvetica, sans-serif; color:#6D6E70; font-size:12px; line-height:22px; }
.joinNowStepBox h3 { font-family:Tahoma, Geneva, sans-serif, Arial, Helvetica, sans-serif; color:#585858; font-size:12px; font-weight:bold }
.stepArrow { background:url(https://static.studyladder.ca/cdn/site/42/b1adacf95f49.png) no-repeat 0 0; width:14px; height:47px; display:block; position:absolute; right:-14px; top:0px }
.joinNowPopup label { font-size:11px }
.joinNowStepBox .joinNowPopup .miniLabel { text-align:left; margin-bottom:0; line-height:12px; }

.welcomeText { font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:24px; color:#08B0E2; display:block; text-align:center }
.newGuide { text-align:center; font-size:15px; font-weight:bold; padding:10px 0; margin-bottom:15px;  }

.feedbackSmily { background:url(https://static.studyladder.ca/cdn/site/f6/c08fe4b2339c.png) no-repeat 0 0; width:79px; height:52px; display:inline-block; vertical-align:middle }
.starFive { background-position:0 0; width:26px; height:26px }
.starFour { background-position:-28px 0; width:25px; height:25px }
.starThree { background-position:-55px 0; width:25px; height:25px }
.starTwo { background-position:0 -27px; width:25px; height:25px }
.starOne { background-position:-28px -28px; width:25px; height:25px }

.feedBack { float:right; padding:14px 0 0 0; margin:0 }
.feedBack li { float:left; margin-left:3px; font-size:10px; line-height:normal }
.facebookImg { margin-right:10px; margin-top:-3px; }

.studentsListing { border-top:solid 1px #ececec; }
.studentsListing li { border:solid 1px #ececec; padding:20px 15px; border-top:none }
.familyPuzzle { float:right; min-width:214px; border:2px solid #288E28; padding:5px 14px 5px 5px }
.familyPuzzle a { font-family:Arial, Helvetica, sans-serif; color:#288E28; font-weight:bold; font-size:12px; }
.familyPuzzle a img { margin-right:10px; }

.studentsListing .memberDetails span strong { font-size:22px; color:#000; font-family:Arial, Helvetica, sans-serif}
.studentsListing .memberDetails span i { font-style:normal; color:#646464 }
.studentInfo { float:left; width:55% }
.ddl { position:relative; width:80px; height:80px; float:left; margin-right:10px; }
.editLink { position:absolute; bottom:0; left:0; padding:2px; background:#FFF; color:#000; z-index:9; cursor:pointer }

.updateVersion { padding:10px 15px }

.breadcrumb-bg { background:#16a2df; position:relative; top:-1px; }
.breadcrumb { border-radius:0; background:none; padding-left:0;  margin-bottom:0 }
.breadcrumb li a, .breadcrumb li a:focus { color:#FFF }
.breadcrumb li a:hover, .breadcrumb li.active a { color:#caefff }
.breadcrumb > li + li:before { color:#FFF }
nav li.active a:focus { background:#16a2df }

.joinNowStepBox .form-control { padding:5px 5px 5px 5px }

.intro-container { width: 100%; max-width: 722px; max-height: 790px; position:absolute; bottom:0; left:-30px; }
.intro_anim { position: absolute; bottom: 0; }
.intro_anim img { max-width: 100%; }
.girl-bg { max-width: 778px; max-height: 659px; width: 100%; }
.girl-bg img { max-width: 100%; }
.eyesmouth { max-width: 500px; max-height: 298px; width: 29%; padding-bottom: 19.9%; left: 51.7%; }
.bird { max-width: 180px; max-height: 326px; width: 33.6761%; padding-bottom: 61.3%; left: 19.8%; }
.vbottomed { display: inline-block; vertical-align: bottom; margin: 0; }
.vbottomed { *display: inline; }
.bottom-helper { height: 100%; vertical-align: bottom; display: inline-block; width: 0px; }

.accountHide { display:none }
.headerNavigation { float:right }
.headerNavigation nav li a { padding:17px 18px }
.headerNavigation nav li:first-child { border-left:solid 1px #EAEAEA }

.overViewListing { margin-left:-6%; }
.overViewListing > li { width:27.6%; float:left; margin-left:5.5%; margin-bottom:20px; }
.overViewListing > li > a { border-radius:12px; padding:10px 8px; display:block; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-shadow:2px 2px 0 rgba(0,0,0,0.3); font-size:23px; color:#FFF; text-transform:uppercase; line-height:30px; min-height:142px; position:relative }
.overViewListing > li > a:hover, .overViewListing > li > a:focus { text-decoration:none; box-shadow:0 0 5px rgba(0,0,0,0.2); outline:none }
.shopImage { position:absolute; right:0; bottom:0 }

.shopImagebg { background:#ff9999 }
.overviewListImage { background:url(https://static.studyladder.ca/cdn/site/23/c76bd86c2358.png) no-repeat 0 0; }
.setTaskImage { background:url(https://static.studyladder.ca/cdn/site/13/3806e526bb88.png) no-repeat 0 0; }
.extraGame { background-image:url(/images/new_design/extra-games.png)) }
.rewards {  background-image:url(/images/new_design/rewards-img.png)) }
.parentinfo { background:url(https://static.studyladder.ca/cdn/site/f1/5a5fd7872aaf.png) no-repeat 0 0; }
.subjectimg { background-image:url(/images/new_design/subjects-img.png)) }
.petimage { background-image:url(/images/new_design/pet-image.png)) }
.alienimage { background-image:url(/images/new_design/alien-img.png)) }

.textMiddle { padding:55px 0 0 0; }
.startHere { position:absolute; top:0; background:#33CC66; color:#000; font-size:14px; font-weight:bold; text-shadow:none; text-transform:capitalize; left:10px; padding:0px 10px 0px 10px; }
.textBottom { padding-top:90px; }

.advertiseImage {  border:solid 1px #f0f0f0 }
.advertiseImage, .advertiseImage img { border-radius:10px; display:block; width:100%; }
.advertiseImage:hover, .advertiseImage:focus { box-shadow:0 0 5px rgba(0,0,0,0.1); outline:none }
.petGifImage { position:absolute; top:6px; right:10px; width:135px; height:137px; overflow:hidden; background:#fff; -moz-border-radius: 10px; border-radius: 10px; }
.petGifImage figure img { width:140px; }
.blinkingEyes { position:absolute; top:3px; left:3px }
.blinkingEyes .eye { width:130px; }
.avatarGifImage figure img { width:125px; }
.avatarGifImage .blinkingEyes .eye { width:120px; }
.alienBoxImg { border:solid 1px #000 }
.alienBoxImg, .alienBoxImg figure img { width:120px; }
.alienTextContainer { padding:30px 0 0 0; width:95px; text-align:center; }

.iconAlienRound { background-position:-25px -20px; width:12px; height:12px }
.roundList { margin:0; padding:0 }
.roundList li { float:left; margin-right:1px; }
.iconAlienRound.active { background-position:-25px -33px; }
.age { font-style:normal; font-size:12px; display:block;  line-height:20px; }

.profileName { float:left; min-width:150px; line-height:18px; padding:13px 0 0 20px }
.profileName span { color:#16A2DF; display:block; font-size:20px; font-weight:bold }
.profileName i { display:block; font-style:normal; font-size:12px; }
nav li a .sprite { position:relative; z-index:1 }
.iconHome { background-position:0 -50px; width:24px; height:24px; }
.iconInfo { background-position:-51px -50px; width:24px; height:24px; }
.iconMenu { background-position:-103px -50px; width:24px; height:24px; }
nav li.active a .iconHome { background-position:-25px -50px }
nav li.active a .iconInfo { background-position:-77px -50px }
nav li.active a .iconMenu { background-position:-128px -50px }

.coinsList { float:left; color:#16A2DF; font-size:14px; font-weight:bold; padding:18px 10px 0 0 }
.coinsList li { float:left; margin-left:10px }
.coinsList li:frist-child { margin-left:0 }

.iconCoinBox { background-position:-102px -23px; width:24px; height:20px }
.iconCoin { background-position:-102px 0; width:21px; height:20px}

.contactUsBox .col-md-8 {
    background: none repeat scroll 0 0 #F1F1F1;
    padding: 8px 18px 8px 7px;
    width: 74%;
}
.contactUsBox .col-md-8 .formLabel {
    color: #808284;
    display: inline-block;
    float: left;
    font-size: 14px;
    margin-right: 6px;
    padding-top: 4px;
    text-align: right;
    vertical-align: middle;
    width: 150px;
}
.contactUsBox .col-md-8 .textarelabel {
    padding-top: 50px;
}
.contactUsBox .col-md-8 .form-group {
    margin-bottom: 4px;
}
.contactUsBox .col-md-8 .form-control {
    border-color: #DBDBDB;
    box-shadow: none;
    display: inline-block;
    height: 27px;
    width: 54%;
}
.contactUsBox .col-md-8 textarea.form-control {
    height: 131px;
    margin-bottom: 14px;
    width: 74.5%;
}
.contactUsBox .col-md-8 .form-control:focus {
    border-color: #DBDBDB;
}
.contactUsBox .lead {
    color: #939597;
    font-family: "Myriad Pro",Arial,Helvetica,sans-serif;
    font-size: 16px;
    margin-bottom: 10px;
}
.optional {
    display: inline-block;
    font-size: 10px;
}
.importantNote {
    background: none repeat scroll 0 0 #949494;
    color: #FFFFFF;
    float: right;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 16px;
    padding: 12px 10px 20px;
    position: relative;
    width: 210px;
}
.arrow-left {
    background: url("https://static.studyladder.ca/cdn/site/59/802cced5696a.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 21px;
    left: -11px;
    position: absolute;
    top: 25px;
    width: 11px;
}
.importantNote .btn {
    border-radius: 0;
    color: #08B0E2;
    font-family: "Myriad Pro",Arial,Helvetica,sans-serif;
    font-size: 22px;
    font-weight: bold;
}
.importantNote .btn .sprite {
    background-position: -39px 0;
    height: 17px;
    width: 12px;
}
.importantNote .btn:hover {
    background: none repeat scroll 0 0 #08B0E2;
    color: #FFFFFF;
}
.importantNote .btn:hover .sprite {
    background-position: -4px 0;
}
.darkGrey {
    background: none repeat scroll 0 0 #BEBEBE;
}

.loginHeader .memberDetails { font-family:"Myriad Pro", Arial, Helvetica, sans-serif; }

.loginHeader { background:#FFF; box-shadow:0 1px 3px rgba(0,0,0,0.13); border-bottom:solid 1px #eaeaea; padding-bottom:5px }
.loginHeader .headerNavigation { float:none }
.loginHeader nav { padding:11px 0 15px 0; float:right }
.loginHeader nav li { border:none; margin-left:6px; }
.loginHeader nav li a { padding:0 }
.headerNavigation nav li:first-child { border:none }

.loginHeader .navbar-brand { margin-top:16px; margin-bottom:13px; }
.rewardsBack { display:block; margin-left:-4px }
.rewardsBack a { color:#000 }

.iconMute { background-position:-53px 0; width:32px; height:34px; margin:15px 15px 0 0 }
.iconLoginHome { background-position:0 -76px; width:50px; height:49px; margin-top:8px; }
.iconLoginMenu { background-position:-52px -76px; width:50px; height:49px; margin-top:8px; }
.iconLoginNext { background-position:0 -127px; width:66px; height:63px; }
.iconLoginBack { background-position:-127px 0; width:25px; height:25px; position:relative; top:2px; }

.loginHeader .memberDetails { color:#000; padding-top:21px; }
.loginHeader .profileImage { margin-right:8px; }
.profileLogin { float:right; padding:6px 0 0 0; width:32%; margin-right:2% }
.name { color:#2cade4; font-weight:bolder; font-size:18px; padding-bottom:0; margin-bottom:2px }

.coinsList { color:#16A2DF; font-size:14px; font-weight:bold; padding:27px 0 0 5%; }
.coinsList li { background:#1682bf url(https://static.studyladder.ca/cdn/site/f6/6903c1fd1b07.png) repeat-x 0 0; box-shadow:0 2px 3px rgba(24,116,183,0.55), inset -1px -1px 4px rgba(0,55,113,1); width:189px;  display:block; border-radius:7px; padding:6px; position:relative; margin-top:0; float:left; margin-left:25px; }
.coinsList li:first-child { margin-top:0 }
.coinsCollect { background:#1076a0; width:148px; border-radius:5px; box-shadow:inset 0 5px 4px rgba(0,0,0,0.26), inset 0 0 6px rgba(0,0,0,0.23); color:#FFF; text-shadow:0 2px 0 #1578bb; padding:2px 7px; white-space:nowrap; overflow:hidden; font-size:15px; text-align:left; float:right  }
.iconCoinStar { background-position:-105px -77px; width:47px; height:48px; position:absolute; right:-17px; top:-9px }
.iconCoin { background-position:0 -193px; width:45px; height:44px; position:absolute; left:-17px; top:-7px }
.coinsList li .iconCoinStar, .coinsList li .iconCoin, .loginHeader nav li { transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s ease-out; }
.coinsList li:hover .iconCoinStar, .coinsList li:hover .iconCoin, .loginHeader nav li:hover { transform: rotate(0deg) scale(1.1) skew(0deg) translate(0px); -webkit-transform: rotate(0deg) scale(1.1) skew(0deg) translate(0px); -moz-transform: rotate(0deg) scale(1.1) skew(0deg) translate(0px); -ms-transform: rotate(0deg) scale(1.1) skew(0deg) translate(0px); -o-transform: rotate(0deg) scale(1.1) skew(0deg) translate(0px); }

.startHereIcon { background-position:0 -315px; position:absolute; top:0; width:72px; height:72px; left:0 }
.iconLock { background-position:0 -238px; position:absolute; width:77px; height:76px; left:50%; margin-left:-38px; top:50%; margin-top:-38px; z-index:99 }
.iconUnlockNow { background-position:-80px -193px; position:absolute; top:0; width:70px; height:70px; left:auto; right:0; z-index:2 }
.loginContainer .middle { padding-top:60px; }
.loginContainer .rewardContain .middle { padding-top:0 }
.loginContainer .rewardContain .middle .container { padding-left:0; padding-right:0 }

h2.pageTitle { border-bottom:solid 4px #fdbe0f; color:#000; padding-bottom:7px; }
h2.pageTitle.green { border-color:#a5c759; }
h2.pageTitle.red { border-color:#f04124 }
h2 span.subtext { display:inline-block; font-size:16px; vertical-align:middle }
h3.listTitle { border-bottom:solid 2px #00ccff; padding-bottom:4px; }
h3.listTitle.saffron { border-bottom-color:#ffcc66 }
h3.listTitle.purple { border-bottom-color:#9999ff }
h3.listTitle.lightBlue { border-bottom-color:#99ff99 }

.unlockBg { background: rgb(192, 192, 192); /* The Fallback */ background:rgba(192, 192, 192, 0.7); position:absolute; left:0; top:0; right:0; bottom:0; border-radius:12px; z-index:9 }
.weeklyPrize { background-image:url(/images/new_design/weekly-prize.jpg)) }
.certificate { background-image:url(/images/new_design/sections/certificate.jpg)) }
.backgroundImg { background-image:url(/images/new_design/backgrounds-img.jpg))}
.backgroundImg .textBottom { padding-top:77px; }
.buildCuby { background-image:url(/images/new_design/build-cuby.jpg)) }
.cubyImg { background-image:url(/images/new_design/cuby-img.jpg)); }
.myBackground { background-image:url(/images/new_design/my-backgroung.jpg)) }
.zooImage { background-image:url(/images/new_design/my-backgroung.jpg)) }
.cityImage { background-image:url(/images/new_design/city-image.jpg)) }

.imageName { background:rgba(192, 192, 192, 0.7); position:absolute; bottom:0; left:0; line-height:26px; padding:7px 7px 7px 7px; border-bottom-left-radius:12px; }
.imageName i { font-size:12px; text-shadow:none; line-height:15px; display:block; padding-top:2px; }
.maxWdith { max-width:100% }
strong.blue { color:#08B0E2 }

.rewardBox input[type="submit"] { border:none; cursor:pointer }
.rewardBox .form-group { margin-bottom:10px }
.accountPoint { margin-left:15px; }
.accountPoint li { background:url(/images/new_design/line.png)) no-repeat 0 10px; padding-left:10px; }
.certificateText { font-size:15px; color:#000; }
.notice { padding:11px; font-size:14px; }

.printColorList { text-align:center; padding:15px 0 }
.printColorList li { display:inline; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin:0 10px; }
.printColorList li span { display:inline-block; margin-right:3px; background:#98DB59; vertical-align:middle; width:25px; height:25px; }
.printColorList li span.print { background:#d7d5ea }
.printColorList li span.notyet { background:#eaebed }

.backgrounds { margin-left:-1% }
.backgrounds li { width:19%; float:left; margin-left:1%; margin-bottom:1% }
.backgrounds li a { padding:8px 8px; display:block; text-align:center; background:#fafafa; border:solid 2px #b32000 }
.backgrounds li.greenBorder a { border-color:#789d2b }
.backgrounds li a img { height:57px; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; }
.backgrounds li a:hover img { transform: rotate(0deg) scale(1.05) skew(0deg) translate(0px); -webkit-transform: rotate(0deg) scale(1.05) skew(0deg) translate(0px); -moz-transform: rotate(0deg) scale(1.05) skew(0deg) translate(0px); -ms-transform: rotate(0deg) scale(1.05) skew(0deg) translate(0px); -o-transform: rotate(0deg) scale(1.05) skew(0deg) translate(0px); }

.roundedList li { background:url(https://static.studyladder.ca/cdn/site/12/571aeab43c13.png) no-repeat -156px 0; width:76px; height:78px; float:left; display:inline-block; margin-left:6px; }
.roundedList li:first-child { margin-left:0 }
.roundedList li.active { background-position:-156px -81px }

.albumContainer { border:solid 1px #cccccc; height:350px;  padding:10px 5px 8px; font-size:13px; color:#000 }
.alienAlbumTitle { height:310px; }
.alienAlbumImg img { border:solid 1px #000 }

.winnerCup { position:absolute; top:10px; left:39%; width:60px }
.warningText { color:#FF0000 }
.myRoomImage { background-image:url(/images/new_design/student-admin/sections/my-room-img.jpg)); }
.zooImage { background-image:url(/images/new_design/student-admin/sections/zoo-img.jpg)); }
.overViewListing div.earnPoint { border-radius:12px; color:#FFFFFF; display:block; font-family:Arial,Helvetica,sans-serif; font-size:23px; font-weight:bold; line-height:30px; min-height:142px;padding: 10px 8px; position:relative; text-shadow:2px 2px 0 rgba(0, 0, 0, 0.3); text-transform:uppercase; }

.mathematicsImg { background-image:url(/images/new_design/studen-admin/subjects/mathematics-img.jpg)); }
.literacyImg { background-image:url(/images/new_design/studen-admin/subjects/literacy-img.jpg)) }
.scienceImg { background-image:url(/images/new_design/studen-admin/subjects/science-img.jpg)) }
.musicImg { background-image:url(/images/new_design/studen-admin/subjects/music-img.jpg)) }
.artImg { background-image:url(/images/new_design/subjects/art-img.jpg)) }
.cultureImg { background-image:url(/images/new_design/studen-admin/subjects/culture-img.jpg)) }
.healthImg { background-image:url(/images/new_design/studen-admin/subjects/health-img.jpg)) }
.financialImg { background-image:url(/images/new_design/studen-admin/subjects/financial-img.jpg)) }
.worldSeriesImg { background-image:url(/images/new_design/studen-admin/subjects/world-series.jpg)) }
.walkPlankImg { background-image:url(/images/new_design/studen-admin/subjects/walk-plank.jpg)) }
.additionImg { background-image:url(/images/new_design/studen-admin/subjects/addition.jpg)) }
.subtractionImg { background-image:url(/images/new_design/studen-admin/subjects/subtraction.jpg) }
.multiplicationImg { background-image:url(/images/new_design/studen-admin/subjects/multiplication.jpg) }
.mixedBattleImg { background-image:url(/images/new_design/studen-admin/subjects/mixed-battle.jpg) }
.spellingImg { background-image:url(/images/new_design/studen-admin/subjects/spelling.jpg) }

.titleBottom, .titleTop, .titleTopLeft { position:absolute; padding:0 }
.titleBottom {  left:10px; bottom:10px; right:10px; }
.titleTop {  left:auto; top:15px; right:12px; text-align:right }
.titleTopLeft { left:10px; right:auto; top:10px; }
.flashIcon { position:absolute; right:3px; bottom:3px; left:auto; top:auto; width:52px; }

.form-control.input-lg { font-size:17px; }
.previousMenuBox { background:#f4a01c; display:block; border-radius:15px; padding:10px 10px 10px 48px; position:relative }
.previousIcon { position:absolute; top:17px; left:4px }
.nextMenuBox { background:#8fc740; padding:10px 48px 10px 11px; }
.nextMenuBox .previousIcon { left:auto; right:6px; top:32px }

.smilyDetailsList .panel { border-top:none; border-radius:0; background:#FFF; box-shadow:none }
.smilyDetailsList .panel:first-child { border-top:solid 1px #DDDDDD; }
.smilyDetailsList .panel + .panel { margin-top:0 }
.smilyDetailsList .panel-default > .panel-heading { background:none; padding:0; border-radius:0 }
.smilyDetailsList .panel .panel-title { font-size:14px; }
.smilyDetailsList .panel .panel-title a { display:block; padding:10px 10px; position:relative }
.smilyDetailsList .panel .panel-title a:hover, .smilyDetailsList .panel .panel-title a:focus { outline:none }

.smilyList { position:absolute; left:auto; right:0; top:0}
.smilyList li { float:right; position:relative; height:36px; font-weight:bold; padding:4px 13px; }
.smilyList li .sprite { width:28px; height:28px; margin-left:5px; }
.iconSmilyOne { background-position:-156px -254px; width:28px; height:28px; }
.iconSmilyTwo { background-position:-187px -254px; width:28px; height:28px; }
.iconSmilyThree { background-position:-156px -285px; width:28px; height:28px; }
.iconSmilyFour { background-position:-187px -285px; width:28px; height:28px; }
.iconSmilyFive { background-position:-156px -316px; width:28px; height:28px; }
.iconSmallSmily { background-position:-187px -316px; width:20px; height:20px; margin-top:8px; }
.smilyDetailsList .panel .panel-title a:hover .smilyList li, .smilyDetailsList .panel .panel-title a:focus .smilyList li { color:#000 }

.smilybg1 { background:#93c8ce; }
.smilybg2 { background:#b5d8dc; }
.smilybg3 { background:#c9e2e7; }
.smilybg4 { background:#d4e9ec; }
.smilybg5 { background:#e8f2f4; }

.subAccordion, .subAccordion2 { margin-bottom:0 }
.subAccordion .panel-default > .panel-heading { background:#DDDDDD }
.subAccordion .panel .panel-title a { padding:8px; font-size:13px; }
.subAccordion .panel-body { background:#DDDDDD; color:#000 }
.subAccordion .panel .panel-title a:hover, .subAccordion .panel .panel-title a:focus { background:#DDDDDD; color:#000; text-decoration:none; outline:none }

.fontItalic { font-style:italic; }

.numberGameList li { float:left; margin-left:20px; width:19.4% }
.numberGameList li:first-child { margin-left:0 }
.activity-image { max-width:100%; }
.numberGameList li a { position:relative; display:block; color:#000 }
.numberGameList li a .iconSmilyFive { position:absolute; right:5px; top:5px }

.smallSmiley { position:absolute; right:5px; top:1px  }
.smallSmiley li { float:right; margin-left:5px; }

.subAccordion2 .panel-default > .panel-heading { background:#cccccc }
.subAccordion2 .panel-body { background:#cccccc; }
.subAccordion2 .panel .panel-title a:hover, .subAccordion2 .panel .panel-title a:focus { background:#cccccc; color:#000; text-decoration:none; outline:none }

.numberGameList li { width:19%; margin-left:1.2% }
.smilyList li { min-width:85px; padding:4px 10px; text-align:right }
.subAccordion .panel { border-top:solid 1px #FFF }
.flashSmallIcon { width:30px; position:absolute; left:2px; top:2px; }
.iconRedSmily { background-position:-156px -346px; width:29px; height:29px }
.iconSmilyHappy { background-position:-187px -368px; width:25px; height:25px }
.iconSmallSmilyRed2 { background-position:-210px -346px; width:20px; height:20px; margin-top:5px; }
.iconSmallSmilyRed { background-position:-187px -346px; width:20px; height:20px; margin-top:6px; }
.numberGameList .iconRedSmily { position:absolute; right:5px; top:1px }

.courseList .col-xs-7 .col-xs-6 img { max-width:100% }

.loginHeader .container { width:auto; max-width:inherit; padding-left:20px; padding-right:20px;  }
.loginHeader nav li { margin-left:10px; }

.iconLoginNext { background-position:-234px 0; width:66px; height:67px; }
.iconLoginNext:hover { background-position:-234px -68px; }
.loginHeader nav li:active .iconLoginNext { background-position:-234px -136px; }

.iconLoginMenu { background-position:-303px 0; width:50px; height:52px; }
.iconLoginMenu:hover { background-position:-303px -55px; }
.loginHeader nav li:active .iconLoginMenu { background-position:-303px -110px; }

.iconLoginHome { background-position:-250px -206px; width:50px; height:52px; }
.iconLoginHome:hover { background-position:-250px -261px; }
.loginHeader nav li:active .iconLoginHome { background-position:-250px -316px; }

.iconLoginBack { background-position:-303px -165px; width:30px; height:33px; }
.rewardsBack .iconLoginBack:hover { background-position:-303px -199px; }
a:focus { outline:none }
.rewardsBack a:active .iconLoginBack { background-position:-303px -232px;  }

.iconCoin { background-position:-250px -374px; width:56px; height:61px; top:-15px; }
.iconCoinStar { background-position:-194px -394px; width:54px; height:55px; top:-9px; left:-14px; right:auto }

.iconMute { background-position:-303px -272px; width:38px; height:33px; margin-top:17px; margin-right:6px; }
.iconSound { background-position:-303px -312px; width:38px; height:33px; margin-top:17px; margin-right:6px; }

.loginHeader nav { padding:11px 0 12px }
.loginHeader .navbar-brand  { margin-bottom:2px; }
.loginHeader .profileImage { box-shadow:inset 0 1px 0 #2a8db8; margin-right:10px; }
.loginHeader .memberDetails { overflow:hidden; padding-top:15px; display:inline-block}
.loginHeader .memberDetails span { font-size:18px; line-height:23px; }
.loginHeader span.name { font-size:25px; display:block; margin-right:7px; white-space:nowrap;overflow: hidden;text-overflow: ellipsis; }
@media (min-width: 601px) and (max-width:800px){
  .loginHeader span.name { max-width: 12em; }
}
@media (min-width: 801px) and (max-width:900px){
  .loginHeader span.name { max-width: 14em; }
}
@media (min-width: 901px) and (max-width:1000px){
  .loginHeader span.name { max-width: 19em; }
}
.coinsList { transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; }
.mobileShowLogo { display:none }
.error { padding:0 !important; font-weight:normal !important; margin:0 !important; font-size:12px !important;  }
label.error {  display:block !important;  margin-top:5px !important; padding:5px !important }

.playActivity { width:100%; height:600px; }
.nextActivityIcon { background-position:-312px -346px; width:30px; height:104px }
.prevActivityIcon { background-position:-375px -285px; width:30px; height:99px }
.nextActivity a { display:block }

.place-value { width:58%; padding:0 5px; float:left; text-align:center }
.place-value h3 { font-family:Arial, Helvetica, sans-serif; color:#000 }
.place-value .col-lg-10 { float:none; margin:0 auto 10px; }

.bannerTitle, .bannerBtn { font-family: 'open_sansregular', sans-serif, Arial, Helvetica, sans-serif; }

.bonusPoints { width:90%; border:solid 3px #F2F20D; border-radius:40px; height:33px;  }
.bonusBg { background:#FFF }
.pointBonus { position:absolute; right:0; top:0; font-weight:bold; font-size:16px; display:inline-block; padding-top:8px; }
.bonusPointBox { position:relative; padding:5px 0; }

.advertiseImage { position:relative }
.bannerTitle { position:absolute; left:0; right:0; text-align:center; top:30%; font-size:29px; color:#000; display:block;  font-weight:normal; line-height:37px; }
.bannerBtn { position:absolute; bottom:8%; left:0; right:0 }
.bannerBtn i { display:inline-block; background:#51ab39 url(/images/new_design/studen-admin/banner-btn.png) repeat-x 0 0; color:#FFF; font-size:14px; border:solid 2px #FFF; border-radius:3px;  font-style:normal; padding:5px 7px 5px 7px; box-shadow:0 4px 5px rgba(0,0,0,0.17) }

.sideBanner { position:fixed; right:0; top:110px; z-index:99999  }
.bonusButton { display:inline-block; font-size:18px; text-align:center; font-weight:bold; width:30px; padding-top:15px; padding-bottom:15px; text-transform:uppercase; border-top-left-radius:15px; border-bottom-left-radius:15px; float:left; min-height:254px }
.bonusButton:hover, .bonusButton:focus { color:#FFF; text-decoration:none }
.sideBanner .bonusButton {background:#669966; color:#FFF;}
.sideBannerImage { position:relative; float:right;  }
.sideBanner.leftSideBanner .sideBannerImage { float:left; }
.popup-bg { background:#000; position:fixed; left:0; right:0; bottom:0; top:0; z-index:9999; }
.bannerClose { background-position:-80px -353px; width:41px; height:42px; position:absolute; right:0; top:0 }
.advertiseImage img.desktopBanner, .desktopBanner { display:block }
.advertiseImage img.tabletBanner, .advertiseImage img.mobileBanner, .tabletBanner, .mobileBanner { display:none }

.navbar-brand { float:none }

.iconActivite { background-position:-439px 0; width:48px; height:48px }
.iconReward { background-position:-439px -50px; width:50px; height:49px }
.iconAccount { background-position:-439px -100px; width:48px; height:48px }
.iconUnloackReward { background-position:-439px -150px; width:48px; height:48px }
.iconExtraGame { background-position:-439px -201px; width:49px; height:49px }
.flashIcon2  { position:absolute; right:0; top:0; width:22px; height:22px; background-position:-113px -428px; }
.gameArrow { background-position:-439px -253px; width:26px; height:26px; position:relative; top:-2px; margin-right:6px; }
.iconSubjects { background-position:-439px -283px; width:50px; height:49px; }
.iconBannerSide { background-position:-439px -334px; width:48px; height:48px; display:none; float:right }

h2.pageTitle { border-bottom:solid 1px #d3d2d2; font-size:31px; }
h2.pageTitle span.sprite { position:relative; top:-3px; margin-right:3px; }
h3.gamesTitle { background:#98b852 url(https://static.studyladder.ca/cdn/site/c0/8f0e55058121.png) repeat-x 0 0; color:#FFF; border-radius:5px; font-size:28px; padding:9px 16px 6px 16px; margin-bottom:40px }
h3.yellowTitle { background:#ebb30d url(https://static.studyladder.ca/cdn/site/f5/71046c298fbb.jpg) repeat-x 0 0; }

.overViewListing { margin-left:-4% }
.overViewListing > li { width:29.3%; margin-bottom:27px; margin-left:4%; }

.shadowGallery { background:url(https://static.studyladder.ca/cdn/site/53/c2cc39f90f51.png) no-repeat center bottom; padding-bottom:13px; }
.galleryContainer { border:solid 1px #e5e5e5; border-radius:5px; padding:4px 4px 11px; position:relative; background:#FFF  }
.galleryContainer > a { border-radius:5px; margin-bottom:8px; display:block; overflow:hidden; position:relative }
.galleryContainer a img { width:100% !important; border-radius:5px; }
.galleryContainer h3 { margin:0 9px 0 9px; font-weight:bold; text-transform:uppercase; position:relative }
.galleryContainer h3 a { color:#000000; font-size:16px; display:block }
.galleryContainer h3 a strong { color:#8f8e8e; font-weight:bold }
.galleryContainer h3 span { display:block; color:#f32e04; font-size:16px; border-top:solid 1px #d3d2d2; margin-top:10px; padding-top:9px; }
.galleryContainer:hover h3 a { color:#1076a0; text-decoration:none }
.pageWidth { max-width:inherit; width:1000px; min-height: 800px;}

.galleryContainer > a.redRibin { position:absolute; left:-11px; top:16px; background:#dc4a4a; color:#FFF; font-size:15px; z-index:99; padding:3px 14px 5px 15px; text-shadow:0 1px 0 rgba(0,0,0,0.15); border-radius:0; margin:0; overflow:inherit }
.galleryContainer > a.redRibin span { display:block; position:absolute; bottom:-10px; left:0; top:auto; background:url(https://static.studyladder.ca/cdn/site/12/571aeab43c13.png) no-repeat -137px -440px; width:10px; height:10px; }

.unlockBg { border-radius:0; background:url(https://static.studyladder.ca/cdn/site/c9/17e9dc1ba268.png) repeat 0 0 }
.iconLock { background-position:-490px 0; width:52px; height:65px; top:50%; margin-top:-32px; left:50%; margin-left:-26px; }

.gamesContainer { padding-top:27px; }

.galleryContainer a img { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; }
.galleryContainer:hover img { transform: rotate(0deg) scale(1.05) skew(0deg) translate(0px); -webkit-transform: rotate(0deg) scale(1.05) skew(0deg) translate(0px); -moz-transform: rotate(0deg) scale(1.05) skew(0deg) translate(0px); -ms-transform: rotate(0deg) scale(1.05) skew(0deg) translate(0px); -o-transform: rotate(0deg) scale(1.05) skew(0deg) translate(0px); }

.leftSideBanner { position:fixed; top:80px; z-index:99999   left:0;right:auto }
.leftSideBanner .bonusButton { border-radius:0 15px 15px 0;background:none;float:none; }
.leftSideBanner .bannerClose { left:0; right:auto }
.leftSideBanner .iconBannerSide { background:url(https://static.studyladder.ca/cdn/site/c9/c6334c9b84b8.gif); left:0; right:auto; float:left; background-repeat:no-repeat; }

@font-face {
 font-family: 'Conv_MYRIADPRO-REGULAR';
 src: url('https://static.studyladder.ca/cdn/site/14/accca2655d0f.eot');
 src: local('?'), url('https://static.studyladder.ca/cdn/site/e0/dcb2256abd79.woff') format('woff'), url('https://static.studyladder.ca/cdn/site/96/9e004de800fe.ttf') format('truetype'), url('https://static.studyladder.ca/cdn/site/86/bd1578b83a12.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}

.accordianContain, .congratulation h2 b, .printButton, .printDetail, .certificateTable, .infoDetails, .storyTitle, .frameImg figcaption, .smilyDetailsList .panel .panel-title, .selectpicker.btn-default, .levalTitle, .newPopUpDesign .modal-title, .menuList li h3 { font-family: 'Conv_MYRIADPRO-REGULAR', Arial, Helvetica, sans-serif; }

h3.rewardsTitleRed { background:#cb4444 url(https://static.studyladder.ca/cdn/site/43/1c50c1cbf8dd.png) repeat-x 0 0;}
.iconPlus { background-position:-490px -195px; width:26px; height:26px; margin:-5px 10px 0 -40px;}
.containAccordian h3.gamesTitle { background:#2c96c5 url(https://static.studyladder.ca/cdn/site/df/4c927a15fec8.png) repeat-x 0 0; margin-bottom:15px; padding:9px 16px 8px; }
.containAccordian .panel-title > a.collapsed .iconPlus { background-position:-490px -167px;}
.containAccordian .panel-title > a .iconPlus { background-position:-517px -167px;}

.containAccordian2 h3.gamesTitle { background:#98b852 url(https://static.studyladder.ca/cdn/site/c0/8f0e55058121.png) repeat-x 0 0; }
a.collapsed .iconPlus { background-position:-490px -195px;}
a .iconPlus { background-position:-517px -195px;}

.containAccordian3 h3.gamesTitle { background:#084a96 url(https://static.studyladder.ca/cdn/site/27/c49156f33b80.png) repeat-x 0 0;}
.containAccordian3 .panel-title > a.collapsed .iconPlus { background-position:-490px -223px;}
.containAccordian3 .panel-title > a .iconPlus { background-position:-517px -223px;}

.containAccordian4 h3.gamesTitle { background:#e48515 url(https://static.studyladder.ca/cdn/site/73/318a9aac1758.png) repeat-x 0 0;}
.containAccordian4 .panel-title > a.collapsed .iconPlus { background-position:-490px -251px;}
.containAccordian4 .panel-title > a .iconPlus { background-position:-517px -251px;}

.containAccordian5 h3.gamesTitle { background:#cb4444 url(https://static.studyladder.ca/cdn/site/9f/deec96cf1c08.png) repeat-x 0 0;}
.containAccordian5 .panel-title > a.collapsed .iconPlus { background-position:-490px -279px;}
.containAccordian5 .panel-title > a .iconPlus { background-position:-517px -279px;}

.containAccordian6 h3.gamesTitle { background:#ebb30d url(https://static.studyladder.ca/cdn/site/d1/62993cadbc62.png) repeat-x 0 0;}
.containAccordian6 .panel-title > a.collapsed .iconPlus { background-position:-490px -307px;}
.containAccordian6 .panel-title > a .iconPlus { background-position:-517px -307px;}

.containAccordian6 .table-bordered > thead > tr > th, .containAccordian6 .table-bordered > tbody > tr > th, .containAccordian6 .table-bordered > tfoot > tr > th, .containAccordian6 .table-bordered > thead > tr > td, .containAccordian6 .table-bordered > tbody > tr > td, .containAccordian6 .table-bordered > tfoot > tr > td, .containAccordian6 .table-bordered { border:none;}

.containAccordian6 .table tr td:first-child { background:url(https://static.studyladder.ca/cdn/site/65/c2bfd7a81c75.jpg) no-repeat 30px 24px; }
.containAccordian6 .table tr.active td:first-child { background:#f6f5f5 url(https://static.studyladder.ca/cdn/site/65/c2bfd7a81c75.jpg) no-repeat 30px 24px; }
.containAccordian6 .table td { padding:11px 11px 12px 60px; margin-left:20px; }
.containAccordian6 .table .borderRaduis th { font-weight:normal; padding-left:60px; padding-top:2px; padding-bottom:4px; }
.borderRaduis { font-size:28px; line-height:30px;}
.borderRaduis th { background:#36addf url(https://static.studyladder.ca/cdn/site/3e/613579316036.png) repeat-x 0 0; color:#FFF;}
.borderRaduis th:first-child { border-bottom-left-radius:5px; border-top-left-radius:5px; }
.pointsRaduis { border-bottom-right-radius:5px; border-top-right-radius:5px;}

.iconAngelBg { background-position:-490px -67px; width:49px; height:49px;}
.iconQuestion { background-position:-490px -117px; width:48px; height:48px;}

.patternBg { padding:4px;}
.patternBg > a { margin-bottom:0; }

.accordianContain { font-size:20px; line-height:26px; color:#231f20; margin-bottom:49px; }
.accordianContain .panel-body { padding-top:13px; padding-bottom:5px;}
.accordianContain .panel-body p { margin-bottom:24px; line-height:28px;}
.accordianContain .panel-default > .panel-heading { background:none; }
.accordianContain .panel-default { border:0; box-shadow:none; border-bottom:solid 1px #ececec;}
.accordianContain .panel-heading + .panel-collapse .panel-body { border:none; }
.accordianContain .panel-heading { padding:0 15px 0; }
.accordianContain .panel-default { padding:17px 0 20px; }
.accordianContain .panel-title > a.collapsed { color:#979394; text-decoration:none; font-weight:normal; }
.accordianContain .panel-title > a { font-weight:bold; color:#231f20; text-decoration:none; font-size:20px;}
.accordianContain .panel-title > a:hover { color:#231f20; text-decoration:underline; }
.accordianContain .panel { padding-left:41px; }

.clickArrow { position:absolute; right:-30px; bottom:0 }
.backToTop { background:url(https://static.studyladder.ca/cdn/site/54/4810bc4ab5fc.png) no-repeat 0 0; position:fixed; bottom:15.5%; width:40px; height:48px; display:block; }
h2.acordianTitle { margin-bottom:50px; }
h2.rewardTitle { margin-bottom:43px;}

.rewardContain section { margin-bottom:35px;}
.rewardContain .overViewListing > li { margin-bottom:37px;}

section.congratulation { border-bottom:solid 1px #d3d2d2; display:block; padding-bottom:40px; margin-bottom:17px;}
.congratulation h2 { text-align:center; padding-bottom:16px; margin-bottom:52px;}
.congratulation h2 b { font-weight:normal; display:block; padding-top:6px; color:#231f20;}
.congratulation img { width:100%;}

.carousel-control.right, .carousel-control.left { background:none;}

.carousel { width:90%; left:5%; margin-bottom:40px;}
.carousel-control { bottom:inherit; opacity:1; top:50%;}
.glyphicon-chevron-right:before, .glyphicon-chevron-left:before { content:"";}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width:32px; height:32px; margin:-16px 0 0;}
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right:-50px;}
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left:-50px;}
.glyphicon-chevron-right, .glyphicon-chevron-left { background:url(https://static.studyladder.ca/cdn/site/12/571aeab43c13.png) no-repeat -490px -369px; display:block;}
.glyphicon-chevron-left { background-position:-490px -335px;}

.lodingButton { background:#3abbf2; border-bottom:solid 3px #319fce;color:#FFF; font-size:28px; line-height:32px; float:right; padding:11px 42px 9px 43px;}
.lodingButton:hover { color:#FFF; background:#35ade0;}
.printButton { background:#6ebb14; border-bottom:solid 3px #5e9f11; color:#FFF; font-size:28px; line-height:32px; float:right; padding:11px 42px 9px 43px; margin-right:5%; margin-left:5%; }
.printButton:hover { color:#FFF; background:#64ab11;}
.iconPrint { background-position:-490px -403px; width:33px; height:32px; margin:-6px 3px 0 0;}
.iconNotPrinted { background-position:-523px -335px; width:16px; height:16px; margin:-3px 4px 0 0;}
.iconPrinted { background-position:-523px -352px; width:16px; height:16px; margin:-3px 4px 0 0;}
.iconNotGained { background-position:-523px -369px; width:16px; height:16px; margin:-3px 4px 0 0;}
.iconLoding { background-position:-490px -439px; width:26px; height:6px;}

.printDetail { float:right; font-size:16px; line-height:20px; color:#231f20; font-style:italic; margin-bottom:19px;}
.printDetail li { display:inline; margin-left:24px;}

.submitName .form-control { height:32px; line-height:32px;}

.certificateTable { margin:0 5% 0;}
.certificateTable  { border:none;}
.certificateTable tr th { font-weight:normal; font-size:28px;}
.certificateTable tr td { color:#231f20;}
.certificateTable .table-bordered > thead > tr > th, .certificateTable .table-bordered > tbody > tr > th, .certificateTable .table-bordered > tfoot > tr > th, .certificateTable .table-bordered > thead > tr > td, .certificateTable .table-bordered > tbody > tr > td, .certificateTable .table-bordered > tfoot > tr > td, .certificateTable .table-bordered { border:none;}
.certificateTable .table > thead > tr > th, .certificateTable .table > tbody > tr > th, .certificateTable .table > tfoot > tr > th { padding:0 0 2px 78px; line-height:44px;}
.certificateTable .table > thead > tr > th.pointsRaduis, .certificateTable .table > tbody > tr > th.pointsRaduis, .certificateTable .table > tfoot > tr > th.pointsRaduis { padding-left:15px;}
.certificateTable .table > thead > tr > td, .certificateTable .table > tbody > tr > td, .table > tfoot > tr > td { padding:0 0 0 33px; line-height:50px; font-size:20px;}
.certificateTable .table > thead > tr > td span, .certificateTable .table > tbody > tr > td span, .table > tfoot > tr > td span { margin-right:25px;}

.lodingButton, .printButton { transition:All 0.5s ease-in-out;
-webkit-transition:All 0.5s ease-in-out;
-moz-transition:All 0.5s ease-in-out;
-o-transition:All 0.5s ease-in-out; }

@font-face {
        font-family: 'Conv_gotham-rounded-bold';
        src: url('https://static.studyladder.ca/cdn/site/c4/e22c58f72cfb.eot');
        src: local('?'), url('https://static.studyladder.ca/cdn/site/b1/3bb0e5f4df85.woff') format('woff'), url('https://static.studyladder.ca/cdn/site/d7/bc4dd5c6bf49.ttf') format('truetype'), url('https://static.studyladder.ca/cdn/site/d0/ea29ca39a93a.svg') format('svg');
        font-weight: normal;
        font-style: normal;
}
.petAlianContainer { font-family: 'Conv_gotham-rounded-bold', Arial, Helvetica, sans-serif; }

.taskTitle { border:solid 1px #d3d2d2; border-radius:5px; padding:13px 18px 15px 18px; color:#231f20; font-size:24px; margin-bottom:14px }
.subtext { float:right; color:#6e696a; font-size:18px; font-weight:bold; padding-top:5px; }
.taskSliderContainer { background:#3abbf2; border-radius:5px; padding:0}
.taskSubTitle { background:#75d0f6; border-top-left-radius:5px; border-top-right-radius:5px; color:#FFF; font-size:24px; padding:14px 15px 14px 20px; font-weight:normal; border-bottom:solid 1px #98dcf8; margin-bottom:13px }

.tasksList { margin:0 50px  }
.tasksSlider { padding-top:10px }
.tasksSlider div a { position:relative; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; display:block; margin:0 14px 8px }
.tasksSlider div figure a { margin-bottom:0 }
.tasksSlider div a span { display:block; }
.tasksSlider div a figure { display:block; position:relative; border-radius:4px; border:solid 1px #61c9f5; margin-bottom:9px }
/** .tasksSlider div a img { width:100%;  height:93px; overflow:hidden} **/
.iconTaskSmily { width:33px; height:32px; position:absolute; top:-4px; right:3px; z-index:999999 }
.background { background:url(https://static.studyladder.ca/cdn/site/08/3caa2231c55f.png) repeat 0 0; position:absolute; left:0; right:0; top:0; bottom:0; display:none; z-index:0 }
.slick-dots { display:none !important }
.tasksSlider div a:hover { text-decoration:none; }
.tasksSlider div a:hover figure .background { display:block }
.tasksSlider div a:hover .iconTaskSmily {}
.tasksSlider div a:hover .iconTaskSmily img { display:none; }

.taskSliderContainer2 { background:#faa61a; }
.taskSliderContainer2 .tasksSlider > div a figure{ border-color:#fbb848 }
.taskSliderContainer2 .taskSubTitle { background:#fcc15f; border-bottom-color:#fdd187 }
.viewAll { cursor:pointer;border:solid 1px #FFF; border-radius:4px; color:#FFF; line-height:18px; font-size:16px; text-transform:uppercase; display:inline-block; text-decoration:none; float:right; padding:4px 9px 4px 9px }
.viewAll:hover, .viewAll:focus { background:#3abbf2; color:#FFF; text-decoration:none }
.iconTask, .iconAlianPlay { background-position:-545px 0; position:relative; top:-3px; margin-right:6px; width:49px; height:49px }
.iconAlianPlay { width:50px; height:50px  }
.iconTaskInfo { background-position:-545px -52px; width:48px; height:48px; float:right }
.iconSetTaskInfo { background-position:-545px -52px; width:48px; height:48px; float:right }
.iconcourseInfo { background-position:-545px -52px; width:48px; height:48px; float:right }
.iconEyes { background-position:-545px -103px; width:28px; height:16px; }
.taskSliderContainer2 .viewAll:hover, .taskSliderContainer2 .viewAll:focus { background:#faa61a }

.taskInformation .pull-right { width:69% }
.taskInformation .printButton { font-size:18px; text-shadow:0 1px 0 rgba(0,0,0,0.1); font-weight:600; padding:7px 23px 6px 24px; border-bottom-width:2px; background:#6dc70d }
.taskInformation .printButton:hover { background:#61b409 }

.informationPopup { background:url(https://static.studyladder.ca/cdn/site/a7/30df685fbea6.png) repeat 0 0; position:fixed; left:0; top:0; right:0; bottom:0; display:none; z-index:9999;  }
.informationPopup-setTasks { background:url(https://static.studyladder.ca/cdn/site/a7/30df685fbea6.png) repeat 0 0; position:fixed; left:0; top:0; right:0; bottom:0; display:none; z-index:9999;  }
.informationContainer { width:545px; top:30%; position:absolute; z-index:9999; left:50%; margin-left:-272px; padding-bottom:50px; border-radius:5px; background:#FFF url(https://static.studyladder.ca/cdn/site/87/0a7ea2d9ca66.jpg) no-repeat 0 0 }
.iconInfoClose { background-position:-545px -122px; width:44px; height:44px; position:absolute; top:-21px; right:-21px }
.infoLabel { background:url(https://static.studyladder.ca/cdn/site/ef/0a10b3d8ed2e.png) no-repeat 0 0; width:180px; height:180px; position:absolute; display:block; left:-10px; top:-10px; }
.infoDetails { background:url(https://static.studyladder.ca/cdn/site/a0/6fb0c4104b33.png) no-repeat center bottom; padding-bottom:39px; text-align:justify; font-size:24px; line-height:30px; color:#000; margin:140px 18% 0  }

.iconAlianPlay { background-position:-545px -169px;}
.iconAlianPlayDisable { background-position:-605px -402px }
.roundedList { float:right; margin:-4px 8% 0 0 }
.roundedList li { background-position:-545px -278px; width:51px; height:55px; }
.roundedList li.active { background-position:-545px -220px }
.iconEnergy { background-position:-545px -339px; width:34px; height:53px; float:left; margin-right:6px !important  }
.enerygyTitle { float:right; font-size:18px; line-height:20px; width:130px; text-transform:uppercase; padding-right:1% }

.petAlianDetails { position:relative; margin-bottom:32px }
.petAlianContainer { position:absolute; left:38%; top:-5px; background:#f0af1f; font-size:21px; color:#FFF; text-shadow:0 1px 0 rgba(0,0,0,0.2); text-align:center; line-height:29px; width:62%; box-sizing:border-box; padding:48px 7.3% 21px; border-radius:100%; box-shadow:inset -30px -30px 79px rgba(0,0,0,0.05);  }
.petAlianContainer p { margin-bottom:31px }
.boxArrow { background:url(https://static.studyladder.ca/cdn/site/f9/2a93b500ae96.png) no-repeat 0 0; width:110px; height:140px; display:block; position:absolute; left:-97px; top:123px;  }

.openBooxContainer { position:relative; display:inline-block; }
.leftStoryBook, .rightStoryBook { width:51.5%; text-align:center; position:absolute; left:0; top:7.5% }
.rightStoryBook { left:auto; right:4% }
.storyTitle { color:#6e696a; margin-bottom:7px; font-size:20px; text-align:center; line-height:23px }
.storyTitle span { display:block; font-size:18px; color:#231f20 }
.photoFrame { display:inline-block; position:relative; margin-bottom:10px; }
.jpFrame { display:inline-block; position:relative; margin-bottom:10px; }
.frameImg { position:absolute; left:10%; top:7.4%; right:9%  }
.frameImg2 { position:absolute;  bottom: 8.6%; left:10.9%; top:8.6%; right:9%  }
.frameImg3 { position:absolute;  bottom: 8.6%; left:35.9%; top:110%; right:9%  }
.frameImg > img { width:100% }
.frameImg > videoDiv { width:100%; height:247px; }
.frameImg3 > jp-gui { width:100%;}
.frameImg figcaption { position:absolute; left:0; top:25%; right:0; color:#FFF; font-size:18px; line-height:30px; text-shadow:0 1px 0 rgba(0,0,0,0.15); font-weight:600 }
.frameImg2 > img { width:100% }
.frameImg2 figcaption { position:absolute; left:0; top:25%; right:0; color:#FFF; font-size:18px; line-height:30px; text-shadow:0 1px 0 rgba(0,0,0,0.15); font-weight:600 }

.numberLeft, .numberRight { position:absolute; bottom:-19%; font-size:12px; left:0; border-right:solid 1px #bfbdbd; color:#6e696a; display:inline-block; font-weight:bold; line-height:10px;
padding-right:6px; font-family:Arial, Helvetica, sans-serif  }
.numberRight { left:auto; right:0;  border-right:none; border-left:solid 1px #bfbdbd; padding-left:6px; }
.photoFrame .btn-block.text-center { position:absolute;  }

.smilyDetailsList .panel { margin-bottom:14px; border:none;}
.smilyDetailsList .panel-body, .smilyDetailsList .panel:first-child { border:none !important; }
.smilyDetailsList .panel-default > .panel-heading { border:solid 1px #d3d2d2; border-radius:5px  }
.smilyDetailsList .panel-default > .panel-heading:hover { background:#daf9fd; border-color:#b4cdd0 }
.smilyDetailsList .panel-default > .panel-heading:hover a { text-decoration:none }
.smilyDetailsList .panel .panel-title a { padding:14px 10px 14px 16px }
.smilyDetailsList .panel .panel-title a:focus { text-decoration:none }
.smilyDetailsList .panel .panel-title { font-size:24px; }

.smilyList { margin-bottom:0; background:#f3f3f3 url(https://static.studyladder.ca/cdn/site/ac/fbebedc8edd9.png) repeat-x 0 0  }
.smilyDetailsList .panel-default > .panel-heading:hover .smilyList { background:#d0edf1 url(https://static.studyladder.ca/cdn/site/f9/b9d05e5ac0dc.png) repeat-x 0 0 }
.smilyList li { padding:11px 14px 12px 17px; height:auto; min-width:111px; text-align:left; border-left:solid 1px #dfdfdf; border-right:solid 1px #FFF  }
.smilyDetailsList .panel-default > .panel-heading:hover .smilyList li { border-left:solid 1px #c1dde0; border-right:solid 1px #daf9fd }
.lastSmilyBg { background:#01dde6 url(https://static.studyladder.ca/cdn/site/e9/f015ea10d87f.png) repeat-x 0 0; display:block; margin:-11px -14px 0 -6px; padding:11px 14px 6px 10px  }
.smilyList li.lastChild {  padding:11px 14px 11px 6px; min-width:101px; border-right:none; border-left-color:#14dae1 }
.smilyList li.lastChild {  padding:11px 14px 0 6px; min-width:101px; border-right:none; border-left-color:#14dae1 }
.smilyList li strong { font-weight:bold; float:right; position:relative; top:3px }
.smilyList li .sprite { margin-right:12px; float:left }
.smilyList li .iconSmilyFive, .smilySmile { background-position:-595px 0; width:33px; height:32px }
.smilyList li .iconSmilyFour { background-position:-595px -35px; width:33px; height:32px }
.smilyList li .iconSmilyThree { background-position:-595px -70px; width:33px; height:32px }
.smilyList li .iconSmilyTwo { background-position:-595px -105px; width:33px; height:32px }
.smilyList li .iconSmilyOne { background-position:-547px -407px; width:54px; height:38px; position:relative; top:-3px; left:-3px }

.previousMenuBox { background:#3abbf2 }
.nextMenuBox { background:#76d33d }
.coursesList { float:right; width:39% }
.coursesList .col-xs-6 { padding:0; width:47.6%; margin-left:0; text-align:center; float:right }
.coursesList .col-xs-6:first-child { margin-left:3.5% }
.coursesList .col-xs-6 .nextMenuBox, .coursesList .col-xs-6 .previousMenuBox { padding:14px; border-radius:5px; }
.coursesList .col-xs-6 .previousMenuBox div, .coursesList .col-xs-6 .nextMenuBox div { border-radius:4px; border:solid 1px #61c9f5;  }
.coursesList .col-xs-6 .nextMenuBox div { border-color:#91dc64; }
.coursesList .col-xs-6 img { border-radius:4px;  }
.coursesList .col-xs-6 a div { position:relative }
.coursesList .col-xs-6 a span { position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.3); border-radius:4px; }
.smilySmile { position:absolute; top:-6px; right:-6px; z-index:99 }
.nextCourse, .prevCourse { background-position:-632px 0; width:64px; height:66px; position:absolute; left:50%; margin-left:-32px; margin-top:-33px; top:50%; z-index:99 }
.nextCourse { background-position:-632px -69px }

.selectpicker.btn-default { background:#FFF !important; box-shadow:inset 0 2px 2px rgba(0,0,0,0.08); height:56px; color:#231f20; font-size:24px }
.bootstrap-select .dropdown-menu.open { top:52px }
.bootstrap-select.form-control { height:auto; margin-bottom:-1px !important }
.btn-group.open .dropdown-toggle { box-shadow:none }
.bootstrap-select .btn:focus { outline:none !important }
.bootstrap-select.btn-group .btn .caret { width:18px; height:10px; background:url(https://static.studyladder.ca/cdn/site/12/571aeab43c13.png) no-repeat -595px -140px; padding:0; border:none; right:18px; margin-top:-4px }
.courseList .col-xs-7 { width:61%; padding-right:10px }
.courseList { border-bottom:solid 1px #d3d2d2; padding-bottom:8px; margin-bottom:21px }

.leavlLists { background:#f2f1f1; display:block; border-radius:5px }
.levalTitle { float:left; font-size:24px; color:#231f20; padding:11px 0 0 18px }
.colorList { float:right; margin-bottom:0 }
.colorList li { float:left; padding:2px }
.colorList li a { padding:15px 10px 12px 10px; display:inline-block }
.colorList li span { width:24px; height:24px; display:inline-block; background:#FFF; border-radius:100%; padding:1px  }
.colorList li:hover, .colorList li.active { padding:0; border: dotted 2px #808080; }
.colorList li:hover span, .colorList li.active span { padding:0; border:solid 1px #a8a7a7 }
.colorList li.leval2 span { background:#ffcb05 }
.colorList li.leval2:hover span, .colorList li.leval2.active span { padding:0; border-color:#e9ba07 }
.colorList li.leval3 span { background:#e11a2c }
.colorList li.leval3:hover span, .colorList li.leval4.active span { padding:0; border-color:#c51323 }
.colorList li.leval4 span { background:#FFA500 }
.colorList li.leval5 span { background:#3abbf2 }
.colorList li.leval5:hover span, .colorList li.leval6.active span { padding:0; border-color:#28aae2 }
.colorList li.leval6 span { background:#76d33d }
.colorList li.leval6:hover span, .colorList li.leval7.active span { padding:0; border-color:#67c32f }
.colorList li.leval7 span { background:#a77436 }
.colorList li.leval7:hover span, .colorList li.leval8.active span { padding:0; border-color:#9a6321 }
.colorList li.leval8 span { background:#000000 }
.colorList li.leval8:hover span, .colorList li.leval9.active span { padding:0; border-color:#292929 }
.colorList li.leval9 span { background:black url(https://static.studyladder.ca/cdn/site/99/5fae3dfee4b7.png) repeat-y 50% 0 }
.colorList li.leval9:hover span, .colorList li.leval9.active span { padding:0; border-color:#aeaeae }

.panel-body { padding:14px 0 0 70px }
.subAccordion .panel-body { margin-top:14px; padding:20px 20px 0; border-radius:5px; background:#3abbf2 }
.subAccordion .panel-default > .panel-heading { border:none; background:#a2a0a0; color:#FFF }
.subAccordion .panel-default > .panel-heading:hover { background:#3abbf2 }
.subAccordion .panel .panel-title a { font-size:18px; }
.subAccordion .panel .panel-title a:focus { text-decoration:none }
.subAccordion .panel .panel-title a { padding:18px 10px 18px 16px }

.subAccordion2 .panel { background:none }
.subAccordion2 .panel-body { background:#ffcb05 }
.subAccordion .panel-default > .panel-heading:hover { background:#ffcb05 }
.fontItalic { color:#FFF }
.printableBox { background:#f3f3f3 !important }
.drawTitle { background:#3abbf2 !important }

.smallSmiley { top:12px; right:16px }
.smallSmiley li .smilySmile { position:relative; top:inherit; right:inherit }
.smilySmile2 { background-position:-123px -354px; width:24px; height:24px; margin-top:5px }

.numberGameList { margin-left:-1.2% }
.numberGameList li:first-child { margin-left:2% }
.numberGameList li { margin-bottom:18px; width:16.6%; margin-left:2% }
.numberGameList li a .iconSmilyFive { top:-6px; right:-6px; background-position:-149px -379px; width:33px; height:32px; z-index:999 }
.numberGameList li a { position:relative; border-radius:5px; border:solid 1px #61c9f5 }
.numberGameList li a.preSchool { border:none; }
.activity-image { border-radius:5px; width:100%; }
.playVideoIocn { background-position:-595px -153px; width:34px; height:35px; position:absolute; left:50%; margin-left:-17px; margin-top:-17px; top:50% }
.videoBg { background:rgba(0,0,0,0.4); position:absolute; left:0; right:0; top:0; bottom:0; border-radius:5px; }

.printableBox .numberGameList li a { border-color:#f3f3f3 }
.printLink { position:absolute; left:0; top:50%; margin-top:-27px; right:0; font-size:15px; text-shadow:0 1px 0 rgba(0,0,0,0.7); font-weight:normal; color:#FFF }
.printIcon { width:35px; height:35px; background-position:-599px -195px; display:block; margin:0 auto; }
.numberGameList li img.flashSmallIcon { width:30px !important }

.arrowAccordian { background:url(https://static.studyladder.ca/cdn/site/4e/3deeef28f2d9.png) no-repeat 18px 11px; }
.panel-default .panel-heading { filter:inherit !important }
.iconSmallSmilyRed { margin-top:9px }
.alianDetailsContain { margin-bottom:32px }

.newPopUpDesign .modalBox { width:985px; margin-top:5%   }
.newPopUpDesign .modal-content { background:#FFF; border-bottom-left-radius:6px; border-bottom-right-radius:6px; box-shadow:15px 15px 20px rgba(0,0,0,0.3); border:none }
.newPopUpDesign .modal-body, .newPopUpDesign .modal-footer { background:none; padding:43px 5% 47px 5% }
.newPopUpDesign .modal-footer { padding:15px 5% 15px 5% }
.newPopUpDesign .modal-title { background:#fdb913; display:inline-block; position:relative; left:-15px; font-weight:600; text-shadow:0 2px 2px rgba(0,0,0,0.25); font-size:24px; padding:4px 41px 8px 48px  }
.newPopUpDesign .modal-header { background:url(https://static.studyladder.ca/cdn/site/36/6f647ed7b8a3.jpg) no-repeat right bottom; border-bottom:solid 5px #2285af; border-top-left-radius:6px; border-top-right-radius:6px; position:relative; padding:23px 10px 32px 0   }
.newPopUpDesign button.close { background:url(https://static.studyladder.ca/cdn/site/12/571aeab43c13.png) no-repeat -545px -122px; height:44px; position:absolute; right:-21px; top:-19px; width:44px; opacity:1; filter: alpha(opacity=100); }
.newPopUpDesign button.close:hover { opacity:0.7; filter: alpha(opacity=70); }
.nav-buttons {margin-top:17px;float:left;margin-left:13.3%;}
.nav-button {display:inline;}
.nav-button a img {height:auto;width:55px;}
@media screen and (max-width: 400px) {
  .nav-button a img {width:25px;}
  .nav-buttons {margin-left:10px;margin-top:10px;}
}
@media screen and (min-width:401px) and (max-width: 600px) {
  .nav-button a img {width:25px;}
  .nav-buttons {margin-top:10px;margin-left:5%;}
}
@media screen and (min-width:601px) and (max-width: 784px) {
  .nav-button a img {width:40px;}
  .nav-buttons {margin-top:10px;margin-left:3%;}
}
@media screen and (min-width:785px) and (max-width: 920px) {
  .nav-button a img {width:52px;}
  .nav-buttons {margin-top:7px;margin-left:30px;}
}
.nav-button a img:hover {transform: rotate(0deg) scale(1.1) skew(0deg) translate(0px);-webkit-transition-duration: 1s;transition-duration: 1s;}
.ta-icon {width:26px; height:26px; position:relative; top:1px}
.resources.ta-icon {background: transparent url(https://static.studyladder.ca/cdn/site/2f/f136f445099f.png) no-repeat scroll 0px 0px;}
.school.ta-icon {background: transparent url(https://static.studyladder.ca/cdn/site/e0/4d16c50d843c.png) no-repeat scroll 0px 0px;}
.student-settings.ta-icon {background: transparent url(https://static.studyladder.ca/cdn/site/ca/93ecdeb57623.png) no-repeat scroll 0px 0px;}
.results.ta-icon {background: transparent url(https://static.studyladder.ca/cdn/site/91/75ec366a9c06.png) no-repeat scroll 0px 0px;}
.tasks.ta-icon {background: transparent url(https://static.studyladder.ca/cdn/site/fd/b6f3c0d6e099.png) no-repeat scroll 0px 0px;}
.students.ta-icon {background: transparent url(https://static.studyladder.ca/cdn/site/ff/355d838a3a44.png) no-repeat scroll 0px 0px;}
.help.ta-icon {background: transparent url(https://static.studyladder.ca/cdn/site/d4/890f9e0702a1.png) no-repeat scroll 0px 0px;}

.iconWork { background-position:-656px -344px; width:26px; height:26px; position:relative; top:1px }
.iconRewards { background-position:-656px -374px; width:26px; height:25px; position:relative; top:1px }
.iconAccounts { background-position:-656px -401px; width:26px; height:26px; position:relative; top:1px }
.iconHelp { background-position:-656px -429px; width:26px; height:21px; position:relative; top:3px }
.iconCorner3 { background-position:-96px -434px; width:15px; height:16px; position:absolute; bottom:-16px; left:0 }

.menuList > li { width:30%; float:left; margin-left:5% }
.menuList > li:first-child { margin-left:0 }
.menuList li h3 { border:solid 1px #e3813b; border-radius:5px; color:#e3813b; font-size:24px; padding:10px 14px 12px 16px }
.menuList li h3 i { font-style:normal }
.menuList li h3.menuTitle2 { border-color:#87b53e; color:#87b53e; }
.menuList li h3.menuTitle3 { border-color:#9767b6; color:#9767b6; }
.menuList li h3.menuTitle4 { border-color:#e24264; color:#e24264; }
.menuList li h3.menuTitle5 { border-color:#ff3b30; color:#ff3b30; }
.menuList li h3.menuTitle6 { border-color:#007aff; color:#007aff; }
.menuList > li ul li { border-bottom:solid 1px #e5e5e5; padding:9px 7px 9px 18px }
.menuList > li section { margin-bottom:42px; display:block }
.menuList > li ul li a { color:#231f20; font-size:20px; display:inline-block }
.menuList > li ul li a:hover { color:#e3813b; text-decoration:none }
.menuList > li ul.menuList2 li a:hover { color:#87b53e }
.menuList > li ul.menuList3 li a:hover { color:#9767b6 }
.menuList > li ul.menuList4 li a:hover { color:#e24264 }
.menuList > li ul.menuList5 li a:hover { color:#ff3b30 }
.menuList > li ul.menuList6 li a:hover { color:#007aff }

.avatarGifImage figure { text-align:center; }
.avatarGifImage figure img, .petGifImage img { width:100%; }
.avatarGifImage .blinkingEyes .eye { width:100%; }
.avatarGifImage .blinkingEyes { left:0; right:0; text-align:center; }
.unsuperText { display:block; color:#979394; }
.unsuperText.blackColor { color:#000; }
.unsuperText.orangeColor { color:#FFA500;  }

.certificateTable tr td { background:#F5F5F5 }
.certificateTable tr.odd td { background: #FFF; }

.shadowGallery .patternBg div { width:100% !important }
.congratulation .carousel-indicators { display:none !important  }

.popover { text-align:center; max-width:inherit; width:147px; border-radius:15px; border:solid 1px #8dd53e; box-shadow:0 4px 0 #93d649, 0 5px 12px rgba(0, 0, 0, 0.2); z-index:9999 }
.popover-content { background:none; padding:16px 8px 22px;  font-size:19px; line-height:22px; color:#000; }
.popover > .arrow { border:none; background:url(https://static.studyladder.ca/cdn/site/12/571aeab43c13.png) no-repeat -626px -376px; width:22px; height:21px; }
.popover.top > .arrow { bottom:-21px; }
.popover.top { margin-top:-24px }
.toolTipContainer { display:none }
.popover > .arrow:after { display:none; background:none; border:none !important }
.tipboxBg { position:fixed; left:0; top:0; background:#000; bottom:0; right:0; display:none; z-index:9994 }
.smilyDetailsList .panelSmilyTipBox .smilyList { float:right; left:auto; margin:-14px -10px -14px 0; position:inherit; right:auto; top:auto; }

.patternBg > div { width:auto !important; text-align:center; padding-left:0 !important; padding-top:65px !important }

.frameImg .btn-block.left-button { margin-left:0 }

/** teacher admin **/
table.pods-podlist .thead>tr>th:first-child{padding-left:0}
table.pods-podlist .thead>tr>th:last-child{padding-right:0}

table.pods-podlist .thead>tr>th{border:none}
table.pods-podlist .tbody>tr>td{border:none;vertical-align:middle}
table.pods-podlist .tbody>tr:last-child>td{border-bottom:1px solid #f1f1f1}
table.pods-podlist .thead>tr.compact>th{padding:0}
table.pods-podlist tbody+tbody{border:none}

table.pods-podlist .tbody>tr:nth-child(2n+1)>td{background-color:#f6f6f6}

table.pods-podlist a.btn-link{padding-top:0;padding-bottom:0}
table.pods-podlist button.btn-default{padding-top:1px;padding-bottom:1px}

.pods-podlist-editor .pods-podlist-all{display:none}
.pods-podlist-editor.pods-podlist-all .pods-podlist-all{display:inline-block}
.pods-podlist-editor.pods-podlist-all tr>.pods-podlist-all{display:table-cell}

.pods-podlist-editor .pods-podlist-edit{display:none}
.pods-podlist-editor.pods-podlist-edit .pods-podlist-edit{display:inline-block}
.pods-podlist-editor.pods-podlist-edit tr>.pods-podlist-edit{display:table-cell}
.pods-podlist-editor.pods-podlist-edit .pods-podlist-view{display:none}
.btn2 {
   outline: medium none #e6e7e8;
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
.h3_header{  margin-bottom: 10px;
    margin-top: 20px;
    font-weight: 500;
    line-height: 1.1;
    }
 .course-tasks-head {
    background: none repeat scroll 0 0 #94d1d6;
    color: #fff;
    padding: 6px;
}
.course-tasks-head a {
    color: #fff;
}
.course-tasks-head b {
    font-size: 18px;
}
.course-tasks {
    background: none repeat scroll 0 0 #eaf5f7;
    margin-bottom: 20px;
    padding: 6px;
}
.tasks-box {
    background: none repeat scroll 0 0 #e3e7ff;
    color: #5b5b5b;
    font-style: italic;
    margin-bottom: 20px;
    text-align: center;
}
.tasks-box .task-box {
    float: left;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    height: 120px;
    margin: 0 0 1em;
    overflow: hidden;
    padding: 10px;
    position: relative;
    text-align: center;
    width: 110px;
}
.tasks-box .activityImgLink {
    display: block;
    height: 100px;
    overflow: hidden;
    position: relative;
}
.tasks-box img.sma {
    border: medium none;
    left: 38%;
    position: absolute;
    top: 0;
}
.tasks-box img.loading {
    border: 0 none;
    width: 100px;
}
.tasks-box .setDate {
    font-size: 10px;
}
.tasks-box .showingMin a, .tasks-box .showingMax a {
    font-weight: bold;
    padding: 4px;
    text-decoration: underline;
}
.individualTasks {
    float: right;
    height: 16px;
}
.avatar_portrait{ height:40px; width:40px; margin:0px; background-color: #9ef;}
.smiley-icon-xs { height: 20px; width: 20px; }
.class_stat_table{ width:65%; margin:auto; border: 1px solid #ddd;}
.techTitle { border-bottom: 1px solid #d3d2d2; }
 h4.techTitle { margin-bottom: 19px;  padding-bottom: 5px; }
.student_stat_table td { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center;}
.student_stat_table th { border-right: 1px solid #ddd; text-align: center;}
.student-avatar-thumbnail { margin: -15px 0 0 -5px; background-color: #9ef; border-radius: 40px; height: 70px; overflow: hidden;text-align: center;width: 70px; }
.blue0-bg { background-color: #25aae1; color: #fff; }
#schoolPage .data-panel-header { margin-top: 0; padding: 10px; }
#schoolPage .data-panel .data-panel-header { opacity: 0.9; }
.orange0-bg { background-color: #f7941e; color: #fff; }
.purple0-bg { background-color: #9c69ad; color: #fff; }
.bs-callout-info { background-color: #b3d6e3; border-color: #5d96b7; }
.bs-callout {  margin: 20px 0; padding: 20px; }
.bs-callout-info h4 { color: #5d96b7; }
.modal-header .close { color: #fff; opacity: 0.9;}
.addclassBox .col-md-8 { background: none repeat scroll 0 0 #f1f1f1; padding: 8px 18px 8px 7px; width: 74%; }
.addclassBox .col-md-8 .formLabel { color: #808284; display: inline-block; float: left; font-size: 14px; margin-right: 6px; padding-top: 4px; vertical-align: middle;}
.add_class_right{border: 1px solid #ccd2d9; padding: 20px;}
.add_class_left{padding: 20px; background: none repeat scroll 0 0 #f1f1f1;}
.featured-link {background: none repeat scroll 0 0 #f3c463; border-radius: 7px; color: #fff;display: block;padding: 4px 20px;text-align: center;}
.help_ul{ font-size: 14px;  padding: 0 0 0 40px;}
.resources .tabs {
 list-style: none;
 float: right;
 margin:4px 0 0 0;
}
.resources .tabs li {
 float: left;
}
.resources .tabs a {
 float: left;
 margin: 0 4px;
 padding: 5px 20px;
 text-decoration: none;
 color: #fff;
 background: #cccccc;
 -webkit-border-top-left-radius: 4px;
 -webkit-border-top-right-radius: 4px;
 -moz-border-radius-topleft: 4px;
 -moz-border-radius-topright: 4px;
 border-top-left-radius: 4px;
 border-top-right-radius: 4px;
 font-weight:bold;
 font-family:Tahoma;
 font-size:12px;
}
.resources .tabs a:hover {
 text-decoration: underline;
}
.resources .tabs a.active {
 background: #94D1D6;
}
.resources .title {
 float: left;
 width:420px;
 font-weight:bold;
 font-family:Tahoma;
 font-size:14px;
 padding:4px 0 0 0;
}
.resources .title span {
 font-size:12px;
}
.resources .content {
 border:3px solid #94D1D6;
 clear:both;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 padding:10px;
 margin-bottom:20px;
}
.resources .content a {
 -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;
 border: 1px solid #94D1D6;
 line-height:34px;
 padding:2px 10px;
  white-space:nowrap;
}

li.activity > a {
    border: 1px solid #999;
    display: inline-block;
    height: 66px;
    width: 100px;
}

.well-sm {
    border-radius: 3px;
    padding: 9px;
}
.well {
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 19px;
}

li.activity > a > img {
    height: 100%;
    width: 100%;
}

.search-form {
    background-color: #fcfcfc;
    border: 1px solid #eee;
    border-radius: 5px;
    margin: 5px 0 15px;
}

.container-fluid2 {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.btn-info2 {
    background-color: #08b0e2 !important;
    border-color: #079dc9;
    color: #fff !important;
}

.form-control2 {
    padding: 6px;
}
.form-control2 {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}
.resources .content a:active { color:#000; }
.resources .content a:hover { border-color: #fff; }

.resources ul.sections a{outline:none}

.resources ul.sections{padding:0;margin:0 -1ex;list-style-type:none}
.resources ul.sections>li{border-bottom:1px solid #e9e9e9}
.resources ul.sections>li>h2{background-color:#e9e9e9;line-height:32px;padding:0 1ex;margin:0}

.resources ul.outcomes{padding:0;margin:0 0 0 22px;list-style-type:none;background-color:#f9f9f9}
.resources ul.outcomes>li{border-bottom:1px solid #e9e9e9}
.resources ul.outcomes>li>h3:hover{background-color:#ffc;cursor:pointer}
.resources ul.outcomes>li>h3{font-weight:500;line-height:32px;padding:11px;margin:0}
.resources ul.outcomes>li>h3:hover>a{color:#000}
.resources ul.outcomes>li>h3>a{text-decoration:underline;font-weight:900}

.resources ul.activities{padding-left:3ex;list-style-type:none;display:none}
.resources ul.activities>li{font-size:16px}
.resources ul.activities>li>label{font-size:16px;line-height:22px}
.resources ul.activities>li>a{border:0 none;float:left;margin:0 0 22px;padding:0}
.resources ul.activities>li>a>img{border:1px solid #999999;box-shadow:0 0 5px rgba(0, 0, 0, 0.1);display:block;width:150px}
.resources ul.activities>li>ul{float:left;line-height: 22px;list-style-type: none;margin: 0 0 0 2ex;min-height: 125px;padding: 0}
.resources ul.activities>li>ul>li>a:hover{text-decoration:none}
.resources ul.activities>li>ul>li>a:hover>strong{text-decoration:underline}
.resources ul.activities>li>ul>li>a:hover>span{color:#6e6e70}
.resources ul.activities>li>ul>li>a>strong{text-decoration:underline}
.resources ul.activities>li>ul>li>a>span{color:#6e6e70}

@font-face {
 font-family: 'Conv_MyriadPro-Semibold';
 src: url('/fonts/MyriadPro-Semibold.eot');
 src: local('?'), url('/fonts/MyriadPro-Semibold.woff') format('woff'), url('/fonts/MyriadPro-Semibold.ttf') format('truetype'), url('/fonts/MyriadPro-Semibold.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
        font-family: 'Conv_MyriadPro-bold_Italic';
        src: url('/fonts/myriadpro-bold-italic.eot');
        src: local('?'), url('/fonts/myriadpro-bold-italic.woff') format('woff'), url('/fonts/myriadpro-bold-italic.ttf') format('truetype'), url('/fonts/myriadpro-bold-italic.svg') format('svg');
        font-weight: normal;
        font-style: normal;
}
.literacyNav > li a, .container-fluid { font-family: 'Conv_MYRIADPRO-REGULAR', Arial, Helvetica, sans-serif; }
.literacyDetail p strong, .titleLiteracy, .needMoreLiteracyTitle, .needMoreTitle, .infoText, .shareFunNoteTitle { font-family: 'Conv_MyriadPro-Semibold', Arial, Helvetica, sans-serif; }
.needMoreBox h4 { font-family: 'Conv_MyriadPro-bold_Italic'; }

.literacyHeader .navbar-brand { margin:15px 0 10px }
.literacyNav { padding-top:18px }
.pageWidthMedium { width:960px; max-width:inherit }

.literacyNav { padding-top:19px; }
.literacyNav > li { float:left; margin-left:18px }
.literacyNav > li a { color:#231f20; font-size:16px }
.navbar-right.literacyNav > li ul { padding-top:8px; padding-bottom:8px }
.iconHomeLiteracy { background-position:-599px -311px; width:18px; height:16px }
.literacyNav > li span { background-position:-620px -311px; width:9px; height:5px; margin-left:3px }

.literacyDetail { margin-bottom:40px }
.literacyDetail p { color:#a2a0a0; font-size:18px; line-height:24px; margin-bottom:26px }
.literacyDetail p strong { font-size:20px; font-weight:normal; color:#231f20; line-height:28px; }

.literacyBanner { display:block; padding-top:4px }
.literacyBanner img { max-width:100%; margin-bottom:4.1% }

.literacyTabs { border-top:solid 1px #dad9d9; padding-top:44px }
.literacyTabs > div .col-xs-3, .literacyTabs > div .col-xs-5 { padding-left:0; padding-right:0 }
.shareOthersBtn { display:block; background:#e36c2c; box-shadow:inset 0 -4px 0 #c15c25; border-radius:5px; color:#FFF; font-size:26px; line-height:47px; text-align:center; padding:0 0 3px 0; text-shadow:2px 2px 0 rgba(0,0,0,0.1) }
.shareOthersBtn:focus, .shareOthersBtn:hover { background:#cc6128; color:#FFF; text-decoration:none }

.literacyTabs .bootstrap-select.form-control { border-color:#a2a0a0; }
.literacyTabs .selectpicker.btn-default { font-size:22px; height:50px; padding-left:18px; }
.literacyTabs .selectpicker.btn-default { box-shadow:none }
.literacyTabs .bootstrap-select.btn-group .btn .caret { background-position:-619px -318px; width:15px; height:9px; }
.bootstrap-select .dropdown-menu.open { top:47px }

.iconMore { background-position:-625px -330px; width:9px; height:15px; }

#tabs { display:block; padding-top:31px; margin-bottom:26px }
.tabsmenu { margin:0 }
.tabsmenu li { float:left; padding:1px 2px 0; margin-bottom:0; width:12.8%; margin-right:1px }
.tabsmenu li:first-child { margin-left:0 }
.tabsmenu li a { padding:0; font-size:18px; border:none; text-align:center; color:#FFF; background:#25aae1; padding:11px 12px 11px; border-radius:0; border-top-left-radius:5px; border-top-right-radius:5px; box-shadow:inset 0 -3px 5px rgba(0,0,0,0.15); margin-bottom:-1px; margin-right:0; position:relative; display:block; margin-bottom:-1px; }
.tabsmenu li:hover, .tabsmenu li.active { padding:0; }
.tabsmenu li a:hover, .tabsmenu li.active a { background-color:#FFF; color:#000; text-decoration:none; box-shadow:none; border:solid 1px #a2a0a0; border-bottom:none; z-index:9}
.tabContainer { padding:38px 0 0; border-top:solid 1px #a2a0a0; display:none; position:relative;}
.tabsmenu li.moreIcon { width:5.1%; float:right; padding:0; margin:0 }
.tabsmenu li.moreIcon a { background:#67be32; padding-left:0; padding-right:0; padding-bottom:12px }
.tabsmenu li.moreIcon:hover a, .tabsmenu li.moreIcon.active a { border:none }

#tabsContainerLiteracy { padding-top:45px; margin-bottom:26px }

.titleLiteracy { background:#a2a0a0; font-size:22px; line-height:26px; display:block; color:#FFF; border-radius:5px; padding:11px 24px 13px 24px; margin-bottom:25px }
.literacyList { margin:0 }
.literacyList li { border-bottom:solid 1px #dad9d9; padding-bottom:26px; padding-top:25px;  }
.literacyList li:first-child { padding-top:0 }
.literacyList li a { font-size:18px; color:#25aae1 }

.literacyBox { background:#25aae1; padding:13px; width:19.4%; text-align:center; float:left; border-radius:5px; margin-right:20px; display:block }
.literacyBox img { max-width:100%; border-radius:5px; }

.detailsLiteracy { position:relative }
.literacyNumber { display:inline-block; position:absolute; border:solid 1px #a2a0a0; color:#a2a0a0; font-size:18px; border-radius:5px; padding:2px 7px 4px 7px; line-height:18px; right:0; top:-5px }

.needMoreLiteracy { border-radius:5px; border:solid 1px #70be2b; overflow:hidden; font-size:18px; line-height:28px; color:#231f20; padding:0 23px 17px 23px; margin-bottom:30px }
.needMoreLiteracyTitle { background:#70be2b; color:#FFF; font-size:22px; padding:10px 22px 11px 23px; margin:0 -23px 20px -23px }
.needMoreLiteracy a { color:#25aae1; font-size:18px;  }
.needMoreLiteracy p { margin-bottom:28px; }

.needMoreBox { border:solid 1px #25aae1; overflow:hidden; border-radius:5px; background:#FFF url(https://static.studyladder.ca/cdn/site/cc/4811194b22c6.png) no-repeat right 0; text-align:center; padding:0 0 4.5% 0; margin-bottom:32px }
.needMoreTitle { font-size:38px; color:#FFF; text-shadow:2px 2px 0 rgba(0,0,0,0.1); padding:21px 0 0 29px; text-align:left; margin-bottom:107px }
.needMoreBox p { color:#231f20; font-size:16px; line-height:19px; }
.needMoreBox h4 { color:#231f20; font-size:20px; margin-bottom:20px }
.orOption { border-radius:100%; background:#a2a0a0; width:40px; display:inline-block; height:40px; color:#FFF; font-size:22px; text-align:center; padding-top:2px; }
.orBg { background:url(https://static.studyladder.ca/cdn/site/1c/880eea337982.png) no-repeat center center; width:100px; }

.socialBtn { text-align:center; margin-bottom:46px }
.socialBtn li { display:inline-block; margin:0 12px; }
.socialBtn li a { display:inline-block; background:#25aae1; box-shadow:inset 0 -4px 0 #1f91c0; border-radius:5px; color:#FFF; font-size:30px; line-height:47px; text-align:center; padding:4px 0 9px 0; text-shadow:2px 2px 0 rgba(0,0,0,0.1); min-width:200px; }
.socialBtn li.joinNowBtn a { background:#70be2b; box-shadow:inset 0 -4px 0 #5fa225; }
.socialBtn li a:focus, .socialBtn li a:hover { background:#1f91c0; color:#FFF; text-decoration:none }
.socialBtn li.joinNowBtn a:focus, .socialBtn li.joinNowBtn a:hover { background:#5fa225; color:#FFF; text-decoration:none }

.shareFunBox { background:#FFF url(https://static.studyladder.ca/cdn/site/33/65a3d9291bfe.png) no-repeat 0 bottom; padding:51px 0 12px 0; text-align:left; margin-bottom:0 }
.shareSocialFun { padding:0 5%;   }
.shareSocialFun .col-xs-9, .shareSocialFun .col-xs-3 { padding:0 10px; }
.emailBtns { display:block; background:#25aae1; box-shadow:inset 0 -4px 0 #1f91c0; border-radius:5px; color:#FFF; font-size:30px; line-height:47px; text-align:center; padding:5px 0 7px 0; text-shadow:2px 2px 0 rgba(0,0,0,0.1); width:100%; border:none}
.emailBtns:hover, .emailBtns:focus { background:#1f91c0; color:#FFF; text-decoration:none }
.shareSocialFun .form-control { background:#ececec; border:none; box-shadow:inset 0 3px 0 #dddddd, inset -2px 0 0 #dddddd, inset 2px 0 0 #dddddd; border-radius:7px; font-size:23px; color:#231f20; padding:4px 22px 6px 22px; height:59px; line-height:55px  }
.infoText { font-size:26px; color:#231f20; display:block ; padding-left:12px}

.shareSocialFun form { margin-bottom:18px }
.socialIcons { float:right; padding-top:20px }
.socialIcons li { float:left; margin-left:22px; }
.socialIcons li a { display:block; border-radius:100%; text-align:center; width:78px; height:78px; background-color:#25aae1;  }
.socialIcons li a .sprite { margin-top:23px }
.socialIcons li a:hover { opacity:0.8 }
.socialIcons li a.facebookBg { background-color:#4855d3 }
.socialIcons li a.gmailPlusBg { background-color:#e23030 }
.iconTwitter { background-position:-708px 0; width:32px; height:28px; }
.iconFacebook { background-position:-709px -30px; width:15px; height:32px;  }
.iconGmailPlus { background-position:-709px -67px; width:37px; height:32px; position:relative; left:4px }

.shareFunNote { padding:122px 32px 0 24px }
.shareFunNote p { color:#FFF; font-size:18px; line-height:20px; }
.shareFunNote .col-xs-8 { padding:0; width:62% }
.shareFunNoteTitle { color:#FFF; font-size:35px; line-height:35px; text-shadow:2px 2px 0 rgba(0,0,0,0.1); width:30%; text-align:right }

#tabs .bootstrap-select.btn-group:not(.input-group-btn), #tabs .bootstrap-select.btn-group[class*="span"] { display:none }
.tabsSelectmenu { display:none }
.literacyCourse { display:none }

.newPopUpDesign .notificationBox .modal-body, .newPopUpDesign .notificationBox .modal-footer { background:#F1F1F1; padding:12px 2% 12px }

.iconShareBox { position:absolute; right:-32px; bottom:0; z-index:9999 }
.iconShare { background:#e36c2c; border:solid 1px #d46529; width:50px; border-radius:5px; display:inline-block; position:fixed; bottom:20px; height:50px; text-align:center; padding-top:11px; padding-left:2px }
.iconShare span { background-position:-681px -195px; width:27px; height:28px; }

.shareOthersBtn, .socialBtn li a, .emailBtns, .socialIcons li a { transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; }

.parentFreeAccount .col-xs-5 { padding:15px; margin:40px; }
.parentFreeAccount .orange-col { border:solid 2px #d96927; }
.parentFreeAccount .green-col { border:solid 2px #7bb940; }
.upgradeBtn { margin-bottom:66px }
.nameoncert { right:22%;  text-align:right; width:auto; top:41%; position: absolute;  }
.nameoncert2 { left:20%;  text-align:right; width:auto; top:45%; position: absolute;  }
.nameoncert3 {right:25%;  text-align:right; width:auto; top:48%; position: absolute;  }
.nameoncert4 { left:23%;  text-align:right; width:auto; top:50%; position: absolute;  }
.nameoncert5 { right:45%;  text-align:right; width:auto; top:81%; position: absolute;  }
.nameoncert6 { right:47.5%;  text-align:right; width:auto; top:75%; position: absolute;  }
.certificateTable .table > thead > tr > td, .certificateTable .table > tbody > tr > td, .table > tfoot > tr > td { background:#F5F5F5 }
.certificateTable .table > tbody > tr.strpisBg > td { background:#FFF }
.advertiseImage img.desktopBanner, .advertiseImage img.mobileBanner, .desktopBanner, .mobileBanner { max-width:100% }
.smiley { z-index:99 }
.iconTaskSmily > img { left:0 !important; right:auto !important; top:0 !important  }
.iconTaskSmily > img.smiley { left:auto !important; right:0 !important }
.iconTaskSmily { width:auto; left:14px; right:14px; top:0 }
.subgroup-details .numberGameList li { position:relative; margin-bottom:10px }
.subgroup-details .numberGameList li figure a img { width:100% }
.tasksSlider div figure .activity img { width:100% }

.upgrade-activity a , .trial-activity-box h3, .activity-list li h4 { font-family: 'Conv_MyriadPro-Semibold', Arial, Helvetica, sans-serif; }

.upgrade-activity { background:#e11a2c; color:#FFF; font-size:24px; border-radius:5px; padding:10px 26px 11px 26px; word-spacing:-1px; margin-bottom:41px; }
.upgrade-activity a { color:#ffe600; text-decoration:none; }
.upgrade-activity:hover a { text-decoration:underline }
h2.pageTitle { margin-bottom:39px }

.trial-activity-box { border:solid 1px #a2a0a0; border-radius:5px; overflow:hidden; padding:0 0 62px; margin-bottom:30px }
.trial-activity-box h3 { background:#a2a0a0; color:#FFF; font-size:24px; line-height:100%; padding:14px 0 17px 27px; margin-bottom:49px; }
.iconInfoUnpaid { background-position:-710px -194px; width:48px; height:48px }

.activity-list { margin:0; padding:0}
.activity-list li { width:33%; list-style:none; margin:0; padding:0 7.2%; font-size:16px; color:#231f20; line-height:22px; float:left; border-left:dashed 1px #a7a6a6 }
.activity-list li:first-child { border:none }
.activity-list li h4 { font-size:24px; color:#231f20; margin-bottom:30px; }
.activity-list li h4 span { width:48px; height:48px; display:inline-block; background:#70be2b; color:#FFF; font-size:28px; text-shadow:1px 1px 0 rgba(0,0,0,0.1); border-radius:100%; text-align:center; font-weight:bold; line-height:44px; margin-right:6px  }
.activityBox { margin-bottom:16px; }
.activityBox a { background:#70be2b; padding:16px 0; border-radius:5px; display:block; text-align:center }
.activityBox a img { border-radius:5px; max-width:100% }
.activityBox a figure { display:block; margin:0 16px; position:relative }
.smily-trial { position:absolute; top:0px; right:35px; width:33px; height:32px; }

.activity-list li.blue-box-trial h4 span, .activity-list li.blue-box-trial .activityBox a { background:#25aae1 }
.activity-list li.saffron-box-trial h4 span, .activity-list li.saffron-box-trial .activityBox a { background:#e36c2c }

.come-back-text { font-size:18px; color:#231f20 }
.iconInfoBulb { background-position:-710px -246px; width:45px; height:56px; margin-right:9px }

/* Css Added Start By Ashok 08/01/2015
===============================================*/
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
Add a comment to this line
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansextrabold';
    src: url('../fonts/opensans-extrabold-webfont.eot');
    src: url('../fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-extrabold-webfont.woff') format('woff'),
         url('../fonts/opensans-extrabold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.eot');
    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff'),
         url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.eot');
    src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-semibold-webfont.woff') format('woff'),
         url('../fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

.banner-details h3 { font-family: 'open_sansextrabold', Arial; }
.banner-details, .teacher-info h2 span, .teacher-info, .teacher-list-data li h2 span, .teacher-list-data, .results-data ul li:first-child, .filter-selectmenu .selectpicker.btn-default, .updateBtn, .blueBtnDownload, .date input  { font-family: 'open_sansregular', Arial; }
.search-listData h3, .teacher-info h2, .information-teacher li > strong, .teacher-list-data li h2, .value li { font-family: 'open_sansbold', Arial; }
.results-data ul li, .earnPointTeacher li, .data-table, .sticky-col {  font-family: 'open_sanssemibold', Arial; }
.graphValue li:first-child { font-family: 'Conv_MyriadPro-Semibold', Arial, Helvetica, sans-serif; }
.graphValue li { font-family: 'Conv_MYRIADPRO-REGULAR', Arial, Helvetica, sans-serif; }

.iconHelpInfo { background-position:0 -454px; width:50px; height:52px; margin-top:8px }
.iconHelpInfo:hover { background-position:-52px -454px; }
.loginHeader nav li:active .iconHelpInfo { background-position:-103px -454px; }
.loginHeader nav li.soundOnOff { margin-right:15px }

.iconHelpInfoGrey { background-position:0 -511px; }
.iconHelpInfoGrey:hover { background-position:-52px -511px; }
.loginHeader nav li:active .iconHelpInfoGrey { background-position:-103px -511px; }

.profileLogin2 { text-align:right; margin-right:10% }
.profileLogin2 .name a { color:#2CADE4 }
.profileLogin2 a.user { color:#000 }
.profileLogin2 a { color:#1471da }

.header-img { float:left; padding-top:9px; margin-left:13.3%; width:65px; }
.header-img2 { margin-left:2%; width:40px; }

.banner-details { background:#2cafe3 url(../img/banner-detail-bg.png) repeat-x 0 0; padding:130px 0 38px; position:relative }
.banner-details > div > .col-xs-6, .teacher-info > div .col-xs-6 { background:#FFF; padding:32px 40px 32px 40px; width:48%; margin-left:4%; border-radius:5px; box-shadow:2px 2px 5px rgba(0,0,0,0.2) }
.banner-details > div > .col-xs-6:first-child, .teacher-info > div .col-xs-6:first-child { margin-left:0 }

.progresBar-data { position:absolute; left:-40px; top:130px; display:none }

.banner-details { font-size:16px; line-height:22px; color:#a2a0a0 }
.banner-details .col-xs-7 { width:62% }
.banner-details .col-xs-4 img, .header-img img { max-width:100% }
.banner-details .col-xs-7, .banner-details .col-xs-4 { padding:0 }
.banner-details .col-xs-4 { float:right; text-align:right; padding-top:7px; }
.banner-details h3 { color:#2cafe3; font-size:28px; line-height:35px; margin:0 0 21px; padding:0; position:relative }
.banner-details p { color:#a2a0a0 }
.banner-title { border-bottom:solid 1px #d3d2d2; padding-bottom:15px; margin-bottom:39px; }

.browse-data li { margin-bottom:3px }
.browse-data li { color:#231f20; font-size:20px; font-weight:normal; margin-bottom:8px; }
.browse-data li a { color:#000 }
.browse-data li.redData a { color:#ea212f }
.browse-data li.yellowData a { color:#f99d1c }
.iconCheckBox { background-position:-393px -454px; width:22px; height:18px }
.icon-right-arrow { background-position:-180px -454px; width:22px; height:22px; margin-right:17px; }
.icon-warning { background-position:-157px -477px; width:22px; height:19px }
.browse-data li .sprite { float:left; margin-right:17px }
.search-listData h3 { font-size:28px; color:#231f20; line-height:30px; margin-bottom:27px }
.search-listData h3 a { color:#231f20 }
.icon-watch { background-position:-157px -454px; width:22px; height:20px; }

.teacher-info { background:#FFF; padding:63px 0 46px; font-size:16px; color:#a2a0a0  }
.teacherPopup { display:block; }
.teacherPopup p, .teacherPopup strong { color:#a2a0a0 }
.teacherPopup:hover { text-decoration:none }
.teacher-info h2 { color:#a2a0a0; font-size:24px; border-bottom:solid 1px #d3d2d2; line-height:30px; padding-bottom:21px; margin-bottom:24px; }
.teacher-info h2 span { font-size:16px; padding-left:7px }
.iconEditPencil { background-position:-183px -480px; width:19px; height:18px; float:right; margin-top:7px; }
.iconEditPencil:hover, .teacherPopup:hover .iconEditPencil { background-position:-205px -480px }
.teacher-info > div .col-xs-6 { padding:0; box-shadow:none }

.information-teacher li { margin-bottom:6px; }
.information-teacher li > strong { display:inline-block; font-weight:normal; float:left; width:30%; margin-right:2%  }
.teacher-info > div .col-xs-6:first-child .information-teacher li > strong { width:23% }
.information-teacher li > p { overflow:hidden }
.information-teacher li > p span { display:block; padding-top:13px }
.information-teacher li > p span:first-child { padding-top:0 }
.labelCheck { font-style:normal; background:#f99d1c; display:inline-block; border:solid 1px #db860f; border-radius:5px; padding:2px 10px 2px 11px; color:#FFF; text-shadow:1px 1px 0 rgba(0,0,0,0.15); line-height:16px; line-height:18px; margin-left:15px }
.labelCheck-error { border-color:#d31825; background:#ea212f }
.iconLabelTrue { background-position:-206px -454px; width:24px; height:24px; margin-left:6px; vertical-align:text-bottom }
.gray-bg { background:#f1f0f0 }

.teacher-list-data { padding:30px 0; margin:0 }
.teacher-list-data > li { background:#FFF; padding:25px 30px 30px 30px; border-radius:6px; box-shadow:2px 2px 5px rgba(0,0,0,0.20); margin-bottom:20px; }
.teacher-list-data li h2 { font-weight:normal; font-size:20px; color:#231f20; float:left; margin-bottom:0 }
.teacher-list-data li h2 a { color:#231f20 }
.teacher-list-data li h2 span { font-size:16px; margin-left:5px; }
.iconMenuPopup { background-position:-234px -454px; margin-right:15px; float:left; width:23px; height:23px }
.iconMenuPopup:hover { background-position:-263px -454px }
.lock-label {  display:inline-block; float:right; margin-top:-5px }
.lock-label a { background:#a2a0a0; color:#FFF; font-size:16px; line-height:20px; border-radius:4px; padding:6px 12px 7px 13px; display:inline-block }
.lock-label a:hover { background:#63b120; text-decoration:none }
.iconlockpad { background-position:-290px -454px; width:16px; height:21px; float:left; margin-right:8px; }

.edit-links { float:right; padding-top:1px; padding-right:10px; }
.edit-links li { float:left; position:relative; padding-left:20px; padding-right:20px }
.edit-links li:before { content:""; height:12px; background:#d3d2d2; width:1px; left:0; top:50%; margin-top:-6px; position:absolute }
.edit-links li:first-child:before { display:none }
.edit-links li a { color:#1471da; font-size:16px; }
.iconView { background-position:-312px -454px; width:22px; height:15px; margin-right:4px; }
.iconGreyPencil { background-position:-338px -454px; width:19px; height:18px; position:relative; top:-3px; margin-right:4px; }

.titleTeacherData { border-bottom:solid 1px #d3d2d2; margin-bottom:30px; padding-bottom:9px }
.graph-collum-large { width:62.8%; float:left }
.graph-collum-large .col-xs-6 { width:47.5%; border:solid 1px #d3d2d2; border-radius:5px; padding:12px 29px 9px 3.5%; margin-left:5% }
.graph-collum-large .col-xs-6:first-child { margin-left:0 }
.graph { width:48%; float:left; padding-top:7px }
.graph a { display:block }

.results-data { float:right }
.results-data ul { margin-bottom:0 }
.results-data ul li { font-size:14px; list-style:none; margin:0 0 6px; padding:0; color:#231f20 }
.results-data ul li:first-child { color:#231f20; font-size:21px; border-bottom:solid 1px #d3d2d2; padding-bottom:6px; margin-bottom:12px; }
.results-data ul li span { display:inline-block; margin-right:6px; background:#1e9506; width:10px; height:10px; border-radius:2px; }
.results-data ul li span.yellowGraph { background:#eed005 }
.results-data ul li span.redGraph { background:#ea212f }
.results-data ul li span.saffronGraph { background:#fcaf17 }
.results-data ul li span.blueGraph { background:#2cafe3 }
.results-data ul li span.lightGreenGraph { background:#62df49 }

.graph-collum-medium { width:34%; float:right }
.graphValue { margin-bottom:19px }
.graphValue li { color:#000; display:block; border-bottom-left-radius:100px; border-bottom-right-radius:100px; font-size:16px; padding:8px 10px 8px 31px; box-shadow:1px 1px 0 #8bc658, -1px 0 0 #8bc658 }
.graphValue li:first-child { color:#FFF; font-size:18px; text-shadow:1px 1px 0 rgba(0,0,0,0.10); border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:100px; border-top-right-radius:100px; border-bottom:none; background:#8bc658; color:#FFF; padding:6px 10px 6px 31px }
.valuenumber:hover { text-decoration:none; display:block }
.graphValue li span { background:#eed005; border-radius:100%; width:12px; height:12px; display:inline-block; margin-right:5px; }

.earnPointTeacher li { width:31%; float:left; margin-left:3%; }
.earnPointTeacher li a { border:solid 1px #d3d2d2; padding:8px 16px 8px 8px; display:block; border-radius:30px; font-size:16px; text-align:right; line-height:33px; color:#000 }
.earnPointTeacher li .sprite { float:left }
.earnPointTeacher li:first-child { margin-left:0 }
.iconSmileyRed { background-position:-595px -35px; width:33px; height:32px; }
.iconSmileyYellow { background-position:-595px -70px; width:33px; height:32px }
.iconSmileyGreen { background-position:-595px -105px; width:33px; height:32px }
.iconCornertitle { background-position:-360px -454px; position:absolute; left:-45px; top:7px; width:25px; height:27px; }
.ie-pie-img { display:none }

.filter-selectmenu { padding-top:51px; margin-bottom:20px; }
.filter-selectmenu .col-xs-4 { padding:0; margin-left:2%; width:32% }
.filter-selectmenu .col-xs-4:first-child { margin-left:0 }
.filter-selectmenu .selectpicker.btn-default { box-shadow:none; font-size:22px; border-color:#a2a0a0; height:60px; padding-left:20px; }
.filter-selectmenu .bootstrap-select.btn-group .btn .caret { background:url(../img/19978f8d0141.png) no-repeat -415px -454px; width:15px; height:7px }
.filter-selectmenu .bootstrap-select .dropdown-menu.open { top:51px; }
.filter-selectmenu .dropdown-menu { border-top-left-radius:0; border-top-right-radius:0; border-color:#a2a0a0 }

.filter-data-update { padding:20px 20px 20px 20px; background:#e3eaf3; border-radius:5px; }
.filter-data-update > div { padding:0; margin-left:1% !important }
.filter-data-update > div:first-child { margin-left:0 !important }
.filter-data-update .col-xs-2  { width:14.6% }
.filter-data-update .col-xs-3  { width:22.5% }
.filter-data-update .col-xs-1  { width:11.8% }
.filter-data-update .selectpicker.btn-default { height:50px; font-size:20px; padding-left:15px }
.filter-data-update .bootstrap-select .dropdown-menu.open { top:46px }
.filter-data-update .bootstrap-select.btn-group .btn .caret { background-position:-432px -454px }
.updateBtn { display:block; color:#FFF; background:#a2a0a0; text-align:center; font-size:20px; border-radius:5px; line-height:50px; box-shadow:inset 0 -2px 0 rgba(0,0,0,0.15) }
.updateBtn:hover, .updateBtn:focus { background:#25aae1; color:#FFF; text-decoration:none }

.date .form-control { height:50px; border:solid 1px #a2a0a0; border-radius:5px !important; background:#FFF; box-shadow:none; position:relative; font-size:20px; color:#000; padding:6px 38px 6px 12px }
.date { position:relative }
.date .input-group-addon { background-position:-449px -454px; width:19px; height:21px; position:absolute; right:15px; top:15px; padding:0; z-index:9; border:none; line-height:100%; cursor:pointer }
.toDate .input-group-addon { background-position:-471px -454px }

.blueBtnDownload { background:#25aae1; color:#FFF; font-size:20px; line-height:50px; border-radius:5px; display:inline-block; text-align:center; min-width:220px; margin-left:15px;  box-shadow:inset 0 -2px 0 rgba(0,0,0,0.15); }
.downloadBtnsLink { margin-bottom:80px; text-align:right }
.blueBtnDownload:hover, .blueBtnDownload:focus { background:#1f91bf; color:#FFF; text-decoration:none }
.iconCommunicate { background-position:-494px -454px; width:21px; height:20px; margin-right:5px; }
.iconDownload { background-position:-523px -454px; width:19px; height:18px; margin-right:5px; }
.datepicker-days tr td, .datepicker-days tr th.next, .datepicker-days tr th.prev { cursor:pointer }

table.dataTable .iconEditPencil, .sticky-col thead tr th .iconEditPencil { float:none; float:left; margin:2px 29px 0 14px }
.grey-text { display:block; color:#a2a0a0 }
table.dataTable tr th:first-child, table.dataTable thead tr th:first-child, .sticky-col tr th { border-right:dashed 1px #a3a1a1 !important; font-weight:normal }
table.dataTable tr th:first-child strong, .sticky-col tr th strong { background:#25aae1; width:40px; border-radius:5px; display:inline-block; float:left; height:40px; margin-right:22px}
table.dataTable tr th:first-child span, .sticky-col tr th span { font-size:14px; color:#231f20; }
table.dataTable tr th:first-child span i, .sticky-col tr th span i { font-style:normal; display:block; font-size:14px; color:#a2a0a0; }
.data-table thead th span { display:inline-block; padding-right:15px }

.sticky-col tr.odd th.firstcollumn { background:#d2d9e2;}
.sticky-col tr th { background:#FFF; display:block }
.sticky-col tbody tr th { width:256px !important }
.sticky-col tr.odd th { background:#e8edf4; font-weight:normal }

.data-table { color:#231f20; font-size:14px; padding-bottom:20px; width:100%; display:block  }
.data-table thead tr th { padding:19px 20px 21px; background:#d2d9e2 }
.data-table thead tr th, .data-table tbody tr th { font-weight:normal }
.data-table tbody tr th { padding:10px; }
.data-table tr.odd { background:#e8edf4 }
.data-table tr { background:#FFF }
.data-table tbody tr td { padding:10px 20px 6px; }
.data-table tbody tr th:first-child, .data-table thead tr th:first-child { border-right:dashed 1px #a3a1a1; width:256px; display:block }
.data-table tbody tr th:first-child strong, .data-table tbody tr th strong { background:#25aae1; width:40px; border-radius:5px; display:inline-block; float:left; height:40px; margin-right:22px}
.data-table tbody tr th:first-child span, .data-table tbody tr th span { font-size:15px; color:#231f20; }
.data-table tbody tr th:first-child span i, .data-table tbody tr th span i { font-style:normal; display:block; font-size:14px; color:#a2a0a0; }
.data-table .iconEditPencil, .data-table thead tr th .iconEditPencil { float:none; float:left; margin:2px 30px 0 4px }

.sort-handle:after, .sort-handle:before { display:none}
.data-table thead tr th.sort-default span { background:url(../img/tables-sort-icon.png) no-repeat right 3px; }
.data-table thead tr th.sort-asc span { background:url(../img/table-sort-asc.png) no-repeat right 3px }
.data-table thead tr th.sort-desc span { background:url(../img/table-sort-dsc.png) no-repeat right 3px }

.mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools { opacity:1 }

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { background:url(../img/19978f8d0141.png) no-repeat 0 0; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal { height:30px; width:746px; left:auto; right:0 }
.mCSB_horizontal.mCSB_inside > .mCSB_container { margin-bottom:63px; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { width:16px; height:16px }
.mCSB_scrollTools .mCSB_buttonLeft { background-position:-556px -454px; }
.mCSB_scrollTools .mCSB_buttonRight { background-position:-574px -454px; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal a  .mCSB_draggerContainer { margin:0 48px; }
.mCSB_scrollTools .mCSB_draggerRail { background:url(../img/custom-scroll-bg.png) repeat-y 0 0; height:4px; border-radius:0 }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { height:4px; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background:#000; }
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { opacity:1; background:#000 }
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
        .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
                background-color: #fff; background-color: #000;
                filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)";
        }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width:140px !important; cursor:col-resize  }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height:1px; margin:27px auto 0 }

.tablePagination { float:left; position:relative; height:20px; }
.gripper { width:140px; position:absolute; right:0; height:100%; border-bottom:1px solid #000; top:0; cursor:col-resize }
.tablePagination span { width:20px; height:4px; background-color:#d2d9e2; display:inline-block; float:left; margin-left:10px; margin-top:6px }
.tablePagination span:first-child { margin-left:0 }
.tablePagination span.reddataTable { background:#ea212f }
.tablePagination span.greendataTable { background:#1e9506 }
.tablePagination span.yellowdataTable { background:#fcaf17 }
.iconDataPrev { background-position:-556px -454px; width:16px; height:16px;  margin-right:22px;  }
.iconDataNext { background-position:-574px -454px; width:16px; height:16px; margin-left:32px;  }

.student-table-info { position:relative; width:100% }
.sticky-wrap { position: relative; width:100%; margin:0 0 0; padding-bottom:5px }
.sticky-wrap .sticky-thead, .sticky-wrap .sticky-col, .sticky-wrap .sticky-intersect { opacity: 0; position: absolute; top: 0; left: 0; z-index: 55; width: auto; }
.sticky-col { opacity:1 !important}
.sticky-col table{ left:0 !important}
.sticky-wrap .sticky-thead { box-shadow: none; z-index: 100; width: 100%; }
.sticky-wrap .sticky-intersect { opacity: 0; z-index: 0; }
.sticky-wrap .sticky-intersect th {     background-color: #666; color: #eee; }
.sticky-wrap td, .sticky-wrap th { box-sizing: border-box; }

td.user-name { text-transform: capitalize; }
.sticky-wrap.overflow-y { overflow-y: auto; max-height: 50vh; }
.form-control::-webkit-input-placeholder { color: #aaa; opacity:1 }
.form-control::-moz-placeholder {  color: #aaa; opacity:1 }
.form-control:-ms-input-placeholder { color: #aaa; opacity:1 }
.form-control:-moz-placeholder { color: #aaa; opacity:1 }

.ajax-loading { background:rgba(000,000,000,0.5) url(../img/animate.gif) no-repeat center center; position:fixed; left:0; right:0; top:0; bottom:0; z-index:999999; display:none }
.updateBtn, .blueBtnDownload { transition:all 0.4s ease; -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; -webkit-transition:all 0.4s ease;  }

.well { min-height: 20px; padding: 19px; margin-bottom: 20px; background: #f5f5f5; border:none; border:solid 1px #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); box-shadow: inset 0 1px 1px rgba(0,0,0,0.05) }
.well-sm { padding: 9px; border-radius: 3px }

.signpost { display: inline-block; color: #fff; padding: 0 1ex; margin: 0 10px; position: relative; line-height: 20px; text-shadow:0 0 1px rgba(0,0,0,.1) }
.signpost:after { content: ""; display: block; width: 0; height: 0; position: absolute; right: -10px; top: 0px; border-top: 10px solid transparent;     border-bottom: 10px solid transparent; border-left: 10px solid transparent; }
.signpost:before { content: ""; display: block; width: 0; height: 0; position: absolute; left: -10px; top: 0px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid transparent; }

.signpost-lg { line-height: 32px; margin: 0 16px }
.signpost-lg:after { right: -16px; border-top-width: 16px; border-bottom-width: 16px; border-left-width: 16px }
.signpost-lg:before { left: -15px; border-top-width: 16px; border-bottom-width: 16px; border-left-width: 16px }

.signpost-2x { font-size: 18px; line-height: 44px; margin: 0 22px }
.signpost-2x:after { right: -22px; border-top-width: 22px; border-bottom-width: 22px; border-left-width: 22px }
.signpost-2x:before { left: -22px; border-top-width: 22px; border-bottom-width: 22px; border-left-width: 22px }

.signpost-default { background-color: #ffffff; color: #333333 }
.signpost-default:after { border-left-color: #ffffff; }
.signpost-default:before { border-top-color: #ffffff; border-bottom-color: #ffffff; }
.signpost-default:hover, .signpost-default:focus, .signpost-default:active { background-color: #ebebeb; color: #333333; }
.signpost-default:hover:after, .signpost-default:focus:after, .signpost-default:active:after { border-left-color: #ebebeb; }
.signpost-default:hover:before, .signpost-default:focus:before, .signpost-default:active:before { border-top-color: #ebebeb; border-bottom-color: #ebebeb }

.signpost-primary { background-color: #bbbdc0; color: #ffffff }
.signpost-primary:after { border-left-color: #bbbdc0; }
.signpost-primary:before { border-top-color: #bbbdc0; border-bottom-color: #bbbdc0; }
.signpost-primary:hover, .signpost-primary:focus, .signpost-primary:active { background-color: #a6a8ac; color: #ffffff; }
.signpost-primary:hover:after, .signpost-primary:focus:after, .signpost-primary:active:after { border-left-color: #a6a8ac; }
.signpost-primary:hover:before, .signpost-primary:focus:before, .signpost-primary:active:before { border-top-color: #a6a8ac; border-bottom-color: #a6a8ac }

.signpost-success { background-color: #99ca4e; color: #ffffff }
.signpost-success:after { border-left-color: #99ca4e; }
.signpost-success:before { border-top-color: #99ca4e; border-bottom-color: #99ca4e; }
.signpost-success:hover, .signpost-success:focus, .signpost-success:active { background-color: #85b837; color: #ffffff; }
.signpost-success:hover:after, .signpost-success:focus:after, .signpost-success:active:after { border-left-color: #85b837; }
.signpost-success:hover:before, .signpost-success:focus:before, .signpost-success:active:before { border-top-color: #85b837; border-bottom-color: #85b837 }

.signpost-info { background-color: #08b0e2; color: #ffffff }
.signpost-info:after { border-left-color: #08b0e2; }
.signpost-info:before { border-top-color: #08b0e2; border-bottom-color: #08b0e2; }
.signpost-info:hover, .signpost-info:focus, .signpost-info:active { background-color: #0791bb; color: #ffffff; }
.signpost-info:hover:after, .signpost-info:focus:after, .signpost-info:active:after { border-left-color: #0791bb; }
.signpost-info:hover:before, .signpost-info:focus:before, .signpost-info:active:before { border-top-color: #0791bb; border-bottom-color: #0791bb }

.signpost-warning { background-color: #f7994e; color: #ffffff }
.signpost-warning:after { border-left-color: #f7994e; }
.signpost-warning:before { border-top-color: #f7994e; border-bottom-color: #f7994e; }
.signpost-warning:hover, .signpost-warning:focus, .signpost-warning:active { background-color: #f58327; color: #ffffff; }
.signpost-warning:hover:after, .signpost-warning:focus:after, .signpost-warning:active:after { border-left-color: #f58327; }
.signpost-warning:hover:before, .signpost-warning:focus:before, .signpost-warning:active:before { border-top-color: #f58327; border-bottom-color: #f58327 }

.signpost-danger { background-color: #cb2031; color: #ffffff }
.signpost-danger:after { border-left-color: #cb2031; }
.signpost-danger:before { border-top-color: #cb2031; border-bottom-color: #cb2031; }
.signpost-danger:hover, .signpost-danger:focus, .signpost-danger:active { background-color: #a81a28; color: #ffffff; }
.signpost-danger:hover:after, .signpost-danger:focus:after, .signpost-danger:active:after { border-left-color: #a81a28; }
.signpost-danger:hover:before, .signpost-danger:focus:before, .signpost-danger:active:before { border-top-color: #a81a28; border-bottom-color: #a81a28 }

.signpost-link { background-color: #ffffff; color: #27a9e1 }
.signpost-link:after { border-left-color: #ffffff; }
.signpost-link:before { border-top-color: #ffffff; border-bottom-color: #ffffff; }
.signpost-link:hover, .signpost-link:focus, .signpost-link:active { background-color: #ffffff; color: #177aa5; }
.signpost-link:hover:after, .signpost-link:focus:after, .signpost-link:active:after { border-left-color: #ffffff; }
.signpost-link:hover:before, .signpost-link:focus:before, .signpost-link:active:before { border-top-color: #ffffff; border-bottom-color: #ffffff }

.signpost-yellow { background-color: #fec841; color: #ffffff }
.signpost-yellow:after { border-left-color: #fec841; }
.signpost-yellow:before { border-top-color: #fec841; border-bottom-color: #fec841; }
.signpost-yellow:hover, .signpost-yellow:focus, .signpost-yellow:active { background-color: #f1ad01; color: #ffffff; }
.signpost-yellow:hover:after, .signpost-yellow:focus:after, .signpost-yellow:active:after { border-left-color: #f1ad01; }
.signpost-yellow:hover:before, .signpost-yellow:focus:before, .signpost-yellow:active:before { border-top-color: #f1ad01; border-bottom-color: #f1ad01 }

.signpost-purple{ background-color:#9767b6;color:#ffffff }
.signpost-purple:after{border-left-color:#9767b6 }
.signpost-purple:before{border-top-color:#9767b6;border-bottom-color:#9767b6 }
.signpost-purple:hover,.signpost-purple:focus,.signpost-purple:active{ background-color:#7c498d;color:#ffffff }
.signpost-purple:hover:after,.signpost-purple:focus:after,.signpost-purple:active:after{ border-left-color:#7c498d }
.signpost-purple:hover:before,.signpost-purple:focus:before,.signpost-purple:active:before{ border-top-color:#7c498d;border-bottom-color:#7c498d }

.signpost-pink { background-color: #e16280; color: #ffffff }
.signpost-pink:after { border-left-color: #e16280; }
.signpost-pink:before { border-top-color: #e16280; border-bottom-color: #e16280; }
.signpost-pink:hover, .signpost-pink:focus, .signpost-pink:active { background-color: #cf284f; color: #ffffff; }
.signpost-pink:hover:after, .signpost-pink:focus:after, .signpost-pink:active:after { border-left-color: #cf284f; }
.signpost-pink:hover:before, .signpost-pink:focus:before, .signpost-pink:active:before { border-top-color: #cf284f; border-bottom-color: #cf284f }

.signpost-pink { background-color: #e16280; color: #ffffff }
.signpost-pink:after { border-left-color: #e16280; }
.signpost-pink:before { border-top-color: #e16280; border-bottom-color: #e16280; }
.signpost-pink:hover, .signpost-pink:focus, .signpost-pink:active { background-color: #cf284f; color: #ffffff; }
.signpost-pink:hover:after, .signpost-pink:focus:after, .signpost-pink:active:after { border-left-color: #cf284f; }
.signpost-pink:hover:before, .signpost-pink:focus:before, .signpost-pink:active:before { border-top-color: #cf284f; border-bottom-color: #cf284f }

.signpost-teal { background-color: #5eb3b4; color: #ffffff }
.signpost-teal:after { border-left-color: #5eb3b4; }
.signpost-teal:before { border-top-color: #5eb3b4; border-bottom-color: #5eb3b4; }
.signpost-teal:hover, .signpost-teal:focus, .signpost-teal:active { background-color: #3f8687; color: #ffffff; }
.signpost-teal:hover:after, .signpost-teal:focus:after, .signpost-teal:active:after { border-left-color: #3f8687; }
.signpost-teal:hover:before, .signpost-teal:focus:before, .signpost-teal:active:before { border-top-color: #3f8687; border-bottom-color: #3f8687 }

.signpost-green{ background-color:#87b53e; color:#ffffff}
.signpost-green:after{border-left-color:#87b53e;}
.signpost-green:before{border-top-color:#87b53e;border-bottom-color:#87b53e;}
.signpost-green:hover,.signpost-green:focus,.signpost-green:active{ background-color:#67951e; color:#ffffff; }
.signpost-green:hover:after,.signpost-green:focus:after,.signpost-green:active:after{ border-left-color:#67951e; }
.signpost-green:hover:before,.signpost-green:focus:before,.signpost-green:active:before{ border-top-color:#67951e; border-bottom-color:#67951e }

.signpost-red{background-color:#ff3b30;color:#ffffff}
.signpost-red:after{border-left-color:#ff3b30}
.signpost-red:before{border-top-color:#ff3b30;border-bottom-color:#ff3b30}
.signpost-red:hover,.signpost-red:focus,.signpost-red:active{ background-color:#df1b30; color:#ffffff}
.signpost-red:hover:after,.signpost-red:focus:after,.signpost-red:active:after{ border-left-color:#df1b30}
.signpost-red:hover:before,.signpost-red:focus:before,.signpost-red:active:before{ border-top-color:#df1b30; border-bottom-color:#df1b30}


.blue0-bg{background-color:#25aae1;color:#fff}
.blue0-b{border-color:#25aae1}
.blue0{color:#25aae1}

.orange0-bg{background-color:#f7941e;color:#fff}
.orange0-b{border-color:#f7941e}
.orange0{color:#f7941e}

.blue1-bg{background-color:#5eb3b4;color:#fff}
.blue1-b{border-color:#5eb3b4}
.blue1{color:#5eb3b4}

.pink0-bg{background-color:#e16280;color:#fff}
.pink0-b{border-color:#e16280}
.pink0{color:#e16280}

.purple0-bg{background-color:#9c69ad;color:#fff}
.purple0-b{border-color:#9c69ad}
.purple0{color:#9c69ad}

.green0-bg{background-color:#8cc63f;color:#fff}
.green0-b{border-color:#8cc63f}
.green0{color:#8cc63f}
.btn-yellow{
 background-color:#fec841;
 color:#ffffff}
.btn-yellow:hover,.btn-yellow:focus,.btn-yellow:active{
 background-color:#f1ad01;
 color:#ffffff;
}
.btn-purple{
 background-color:#9767b6;
 color:#ffffff}
.btn-purple:hover,.btn-purple:focus,.btn-purple:active{
 background-color:#7c498d;
 color:#ffffff;
}
.btn-pink{
 background-color:#e16280;
 color:#ffffff}
.btn-pink:hover,.btn-pink:focus,.btn-pink:active{
 background-color:#cf284f;
 color:#ffffff;
}
.btn-teal{
 background-color:#5eb3b4;
 color:#ffffff}
.btn-teal:hover,.btn-teal:focus,.btn-teal:active{
 background-color:#3f8687;
 color:#ffffff;
}
.btn-green{
 background-color:#87b53e;
 color:#ffffff}
.btn-green:hover,.btn-green:focus,.btn-green:active{
 background-color:#67951e;
 color:#ffffff;
}
.btn-red{
 background-color:#ff3b30;
 color:#ffffff}
.btn-red:hover,.btn-red:focus,.btn-red:active{
 background-color:#df1b30;
 color:#ffffff;
}

.btn-bluelight{
 background-color:#2cafe3;
 color:#ffffff}
.btn-bluelight:hover,.btn-bluelight:focus,.btn-bluelight:active{
 background-color:#0c8fc3;
 color:#ffffff;
}

.btn-bluedark{
 background-color:#4a84b6;
 color:#ffffff}
.btn-bluedark:hover,.btn-bluedark:focus,.btn-bluedark:active{
 background-color:#2a6496;
 color:#ffffff;
}

.btn-orange{
 background-color:#f99d1c;
 color:#ffffff}
.btn-orange:hover,.btn-orange:focus,.btn-orange:active{
 background-color:#e98d0c;
 color:#ffffff;
}

.btn-grey{
 background-color:#999;
 color:#ffffff}
.btn-grey:hover,.btn-grey:focus,.btn-grey:active{
 background-color:#888;
 color:#ffffff;
}

.grade-key{font-size:.7em;width:1em;height:1em;overflow:hidden;text-indent:-9999px;display:inline-block;box-shadow:inset 0 0 1px rgba(0,0,0,.5)}
.grade-key-white{background-color:#fff}
.grade-key-yellow{background-color:#ff3}
.grade-key-red{background-color:#f00}
.grade-key-orange{background-color:#f93}
.grade-key-blue{background-color:#39f}
.grade-key-green{background-color:#3c6}
.grade-key-brown{background-color:#c60}
.grade-key-black{background-color:#000}
.grade-key-stripe1{border:.4em solid #000;border-width:0 .4em;background-color:#f00}
.grade-key-stripe2{border:.2em solid #000;border-width:0 .2em;background-color:#f00}
.grade-key-all{background-color:#ddd}
.grade-key-other{background-color:#eee}
.grade-key-none{background-color:#ddd;opacity:.75}
.grade-key-mixed{border:.5em solid #000;border-top-color:#09d;border-right-color:#6d6;border-bottom-color:#e22;border-left-color:#f90;opacity:.75}

/*
.pod-border-color{border-color:#0aad4d !important}
.pod-background-color{background-color:#0aad4d !important}
.pod-color{color:#0aad4d !important}
.pod-border-color:hover,.pod-border-color:focus,.pod-border-color:active{border-color:#009130 !important}
.pod-background-color:hover,.pod-background-color:focus,.pod-background-color:active{background-color:#009130 !important}
.pod-color:hover,.pod-color:focus,.pod-color:active{color:#009130 !important}
.pod-inverted{border:1px solid #05a846;background-color:#05a846;color:#fefefe}
.pod{border:1px solid #0aad4d;border-radius:7px;white-space:nowrap;width:100%;overflow:hidden}
.pod-line-top{    font-size:14px;line-height:18px;padding:6px 0 0;margin:0;display:block}
.pod-line-bottom{ font-size:12px;line-height:16px;padding:0 0 8px;margin:0;display:block}
.pod-ctrl-set,.pod-ctrl-nav{display:block;vertical-align:middle;width:44px}
.pod-ctrl-set>.btn,.pod-ctrl-nav{text-align:center;margin:0;padding:0}
.pod-ctrl-set>.btn{border-radius:5px 0 0 5px;width:100%}
.pod-ctrl-nav{border-radius:0 5px 5px 0;background-color:#f3f3f3}
.pod-ctrl-nav:hover,.pod-ctrl-nav:focus,.pod-ctrl-nav:active{background-color:#e9e9e9;color:#00a140}
.pod-content{display:block;margin:0 44px;padding:0 0 0 8px}
.pod-content .pod-line-bottom{padding-top:1px}
.pod-ctrl-set-none .pod-content{margin-left:0}
.pod .btn-success,.pod .btn-success>*{color:#fff}
.pod .btn-link   ,.pod .btn-link   >*{color:#0aad4d}
.pod .btn-success{background-color:#82d483;border-color:#82d483}
.pod .btn-success:hover,.pod .btn-success:focus,.pod .btn-success:active{background-color:#00a140;border-color:#00a140}
.pod .btn-link:hover,.pod .btn-link:focus,.pod .btn-link:active{color:#009130}
.pod.pod-disabled{opacity:.5}
.pod.pod-selected .btn-success{background-color:#0aad4d;border-color:#0aad4d}
*/

.overflow-hidden { overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.panel-header{color:#333;margin:6px 0 4px;font-size:18px}
.box-shadow, .info-box { background:#fff; -moz-box-shadow: 3px 3px 5px #808285; -webkit-box-shadow: 3px 3px 5px #808285; box-shadow: 3px 3px 5px #808285}

small, .small { font-size:13px; }
th.sortable>button { background:none; }
.r-settasks-summary{margin-top:10px}
.r-settasks-summary th>div{min-width:45px;position:relative;top:0;left:0}
.r-settasks-summary th>div>button{position:absolute;top:0;right:0;padding-right:0}
.r-settasks-summary th.smiley-col{padding-right:0;padding-left:0}
.r-settasks-summary th.sortable-col:hover{background-color:#ffc;cursor:pointer}
.r-settasks-summary th:nth-child(n+3){text-align:center}
.r-settasks-summary td:nth-child(n+3){text-align:center}
.r-settasks-summary td{padding:0 !important}
.r-settasks-summary td.r-student-details>div>strong{max-width:105px}.r-settasks-summary-details>.active{background-color:#e3e3e3;text-shadow:0 1px 0 #fff}
.r-class-stats{margin:10px auto}
.r-class-stats td{border:1px solid #d9d9d9;padding:10px 0;text-align:center;vertical-align:middle}
.r-class-stats td>h5{width:200px;margin:0 auto 1px;text-align:center;font-weight:900}
.r-class-stats td>span:nth-child(n+2) img{margin-left:5px}
.r-class-stats>thead.r-class-stats-header th{border:none;padding:0}
.r-class-stats>thead.r-class-stats-header th h4.h-uppercase{margin:0}.r-student-stats{margin:0 -10px}
.r-student-stats>h4{margin:0}
.r-student-stats>table{width:100%;margin:0 0 40px}
.r-student-stats>table th,.r-student-stats>table td{border:1px solid #e6e6e6;border-width:0 1px;font-weight:400}
.r-student-stats>table td{border-width:1px}
.r-student-stats>table th:first-child{border-left-width:0 !important}
.r-student-stats>table th:last-child{border-right-width:0 !important}
.r-student-stats>table td:first-child{border-left-width:0 !important}
.r-student-stats>table td:last-child{border-right-width:0 !important}
.r-student-stats thead tr:first-child th{color:#888;background-color:#d9d9d9}
.r-student-stats th{vertical-align:bottom;text-align:center;background-color:#f3f3f3;padding:5px 0}
.r-student-stats th.r-student-stats-student{text-align:left}
.r-student-stats th>div{position:relative;top:0;left:0;padding:0 15px;width:100%;height:100%}
.r-student-stats th>div{position:relative;top:0;left:0;padding:0 15px;width:100%;height:100%}
.r-student-stats th button.sortable{position:absolute;bottom:-3px;right:3px;padding:1px}
.r-student-stats th button.message{padding:0;margin:-5px 0 0}
.r-student-stats th.r-student-stats-student>div{padding-left:5px}
.r-student-stats th.r-student-stats-smiley>div{min-width:60px}
.r-student-stats td{vertical-align:middle;text-align:center;padding:0 5px}
.r-student-stats th:nth-child(1),.r-student-stats td:nth-child(1){text-align:left}
.r-student-stats td a{display:block;font-weight:500;line-height:1em;margin-top:5px}
.r-student-stats td em{font-weight:500;line-height:1em}
.r-student-stats td.r-activity-result>div{width:100%;height:100%;position:relative;top:0;left:0;font-weight:900}
.r-student-stats td.r-activity-result>div>div{position:absolute;top:0;left:0;opacity:.1}
.r-student-stats tr:nth-child(2n) td{background-color:#fafafa}
.r-student-stats td.r-student-stats-no-students{padding:0}
.r-student-stats td.r-student-stats-no-students>p{margin:0;padding-bottom:280px}
.r-student-stats tr:nth-child(1) th{border-right-color:#fff !important;border-right-width:1px;font-weight:900}
.r-student-stats tr:nth-child(2) th:nth-child(1){border-right-color:#ccc !important}
.r-student-stats tr:nth-child(2) th:nth-child(3){border-right-color:#ccc !important}
.r-student-stats tr:nth-child(2) th:nth-child(5){border-right-color:#ccc !important}
.r-student-stats tr:nth-child(2) th:nth-child(8){border-right-color:#ccc !important}
.r-student-stats tr td:nth-child(1){border-right-color:#ccc !important}
.r-student-stats tr td:nth-child(3){border-right-color:#ccc !important}
.r-student-stats tr td:nth-child(5){border-right-color:#ccc !important}
.r-student-stats tr td:nth-child(8){border-right-color:#ccc !important}

.smiley-font{font-weight:900}
.smiley-font-n{color:grey}
.smiley-font-a{color:lightgreen}
.smiley-font-g{color:green}
.smiley-font-o{color:orange}
.smiley-font-r{color:red}

.smiley-background{width:20px;height:20px;overflow:hidden;text-indent:-9999px}
.smiley-background-n{background-color:grey}
.smiley-background-a{background-color:lightgreen}
.smiley-background-g{background-color:green}
.smiley-background-o{background-color:orange}
.smiley-background-r{background-color:red}
.smiley-background-none{background-color:#ddd}

.smiley-border-n,.smiley-border-n th,.smiley-border-n td{border-color:grey}
.smiley-border-a,.smiley-border-a th,.smiley-border-a td{border-color:lightgreen}
.smiley-border-g,.smiley-border-g th,.smiley-border-g td{border-color:green}
.smiley-border-o,.smiley-border-o th,.smiley-border-o td{border-color:orange}
.smiley-border-r,.smiley-border-r th,.smiley-border-r td{border-color:red}

.smiley-icon-xs{width:20px;height:20px}
.smiley-icon-sm{width:24px;height:24px}
.smiley-icon-lg{width:70px;height:70px}

.grade-key-xs{width:10px;height:10px}
.grade-key-white{background-color:#fff;border:1px solid #ccc}
.grade-key-yellow{background-color:#ff6}
.grade-key-red{background-color:#f00}
.grade-key-orange{background-color:#f93}
.grade-key-blue{background-color:#39f}
.grade-key-green{background-color:#3c6}
.grade-key-brown{background-color:#c60}
.grade-key-black{background-color:#000}
.grade-key-stripe1{border:8px solid #000;border-width:0 8px;background-color:#f00}
.grade-key-all{background-color:#ddd}
.grade-key-other{background-color:#eee}
.grade-key-none{background-color:#ddd}

.course-key{width:20px;height:20px;overflow:hidden;text-indent:-9999px}
.course-key-english{background-color:#ffff66}
.course-key-mathematics{background-color:#ff0000}
.course-key-music{background-color:#aa00ff}
.course-key-art{background-color:#ff9933}
.course-key-science{background-color:#33cc66}
.course-key-studysheets{background-color:#3399ff}
.course-key-naplan{background-color:#cc6600}
.course-key-financialliteracy{background-color:#0ef}
.course-key-languageculture{background-color:#0f1}
.course-key-earlychildhood{background-color:#fefefe}
.course-key-healthsafetycitizenship{background-color:#f66}
.course-key-other{background-color:#eee}
.course-key-none{background-color:#ddd}

.settasks{width:20px;height:20px;overflow:hidden;text-indent:-9999px}
.settasks-settask{background-color:#0ca1dc}
.settasks-other{background-color:#bbb}
.settasks-none{background-color:#ddd}

.student-avatar-thumbnail{width:70px;height:70px;text-align:center;overflow:hidden;border-radius:40px;background-color:#9ef;text-align:center}
.student-avatar-thumbnail>img{width:70px}

.r-x-ray{height:20px;background:#fff 0 0 repeat-y}
.r-well-none{text-align:center;font-style:italic;padding:20px 0 280px;color:#333}
.r-well-none a{color:#000;text-decoration:underline}

th.sortable button.sortable>i,a.sortable{color:#999}
th.sortable:hover,a.sortable:hover{background-color:#a6dae1 !important;cursor:pointer}
th.sortable:hover button.sortable>i,a.sortable:hover>i{color:#111 !important}
th.sortable-active,a.sortable-active{background-color:#e8f5f7 !important}
th.sortable-active button.sortable>i,a.sortable-active>i{color:#111 !important}

.r-modal-activity .modal-dialog{width:980px}
.r-modal-activity .modal-dialog>.modal-content>.modal-body{padding:10px}
.r-modal-activity .modal-dialog>.modal-content>.modal-body .r-modal-close{margin-top:-10px;margin-right:-5px;opacity:.5}
.r-modal-activity .modal-dialog>.modal-content>.modal-body .r-modal-close:hover{opacity:1}
.r-modal-activity .modal-dialog>.modal-content>.modal-body h3{margin:0 0 5px}
.r-modal-activity .modal-dialog>.modal-content>.modal-body h4{margin:0 0 5px;font-size:14px;font-style:italic}
.r-modal-activity .modal-dialog>.modal-content>.modal-body ul{margin-bottom:0}
.r-modal-activity .modal-dialog>.modal-content>.modal-body center{background-color:#000;margin:0 -10px}
.r-modal-activity .modal-dialog>.modal-content>.modal-body .grade-key{width:10px;height:10px}

.r-filters{padding-left:5px;padding-right:0};.no-student-message{padding:20px;margin:20px 0;text-align:center;font-weight:500}
.no-student-message a{text-decoration:underline;font-weight:500 !important}

td.r-student-details{padding:0}
td.r-student-details>a{padding:0;margin:0;outline:none;text-decoration:none}
td.r-student-details>div>strong>a{padding:0;margin:0;outline:none;color:#333}
td.r-student-details>a>img{width:40px;height:40px;margin:0;background-color:#9ef}
td.r-student-details>div{margin:7px 0 0 10px;max-width:140px}
td.r-student-details>div>*{display:block}
td.r-student-details>div>strong { display:inline-block }
td.r-student-details>div>strong{font-weight:500;font-size:14px;line-height:16px}
td.r-student-details>div>small{color:#777;font-size:12px;line-height:15px}
td.r-student-details>div>small>button{padding:0;margin:-3px 0 0;}
.r-evaluation ul{list-style-type:none;padding-left:0;margin:0}
.r-evaluation ul li{display:inline-block;margin-right:3ex}
.r-evaluation table{margin-top:1em;border-collapse:collapse;cellspacing:0}
.r-evaluation table th,.r-evaluation table td{border:1px solid #ddd;padding:0 1ex;line-height:2em}
.r-evaluation table th{text-align:left;font-style:italic}

.evaluation tr.result-one td.index{vertical-align:top;text-align:right}
.evaluation tr.result-one td.answer{vertical-align:top;text-align:right}
.evaluation tr.result-two td.answer{vertical-align:top;text-align:center}

.evaluation tr.result-one td{border-bottom:0}
.evaluation tr.result-two td{border-top:0}

.r-evaluation form{border-bottom:1px solid #ccc;padding:.5em 2em;background-color:#ffc}
.evaluation{padding:0;margin:1em 2em}

@media print {
 .no-print,.no-print *{display:none !important}
 .r-evaluation{margin:0 2em !important}
 h2{margin-top:0 !important;font-size:24px !important}
 table th,table td{line-height:1.8em !important}
}
.r-evaluations{margin:0 -10px}
.r-evaluations th:first-child{padding-left:10px}
.r-evaluations th:last-child ,.r-evaluations td:last-child {padding-right:10px}
.r-evaluations tr>th:nth-child(n+4){text-align:center}
.r-evaluations tr>td:nth-child(n+4){text-align:center}
.r-evaluations td{vertical-align:middle;padding:0 5px !important}.r-individual-results{border-width:1px;border-style:solid;width:100%;margin-bottom:20px}
.r-individual-results td,.r-individual-results th{border-width:1px;border-style:solid;padding:0;margin:0}
.r-individual-results th{color:#fff;padding:10px;font-weight:500}
.r-individual-results th>em{color:#fff}
.r-individual-results td:nth-child(n + 2){padding-left:5px;padding-right:5px}

.r-individual-grade-container{height:40px;border-width:0 1px 0 0;border-style:solid;margin-right:5px}
.r-individual-grade-container .grade-key{height:100%}
.r-individual-activity-details>strong{display:block}
.r-individual-activity-details>small{display:block;width:520px}
.r-progress{width:100%;vertical-align:middle}
.r-progress th{height:40px;line-height:20px;background-color:#f9f9f9}
.r-progress td{height:40px;line-height:20px}
.r-progress th:nth-child(n + 2),.r-progress td:nth-child(n + 2){font-weight:400;text-align:center}
.r-progress th:nth-child(n + 2)>img{display:block;margin:0 10px}

.r-progress-course:hover>td,
  .r-progress-section:hover>td,
  .r-progress-outcome:hover{cursor:pointer;background-color:#ffc}

.r-progress-course:hover .r-progress-coursecol>a,
  .r-progress-section:hover .r-progress-sectioncol>a,
  .r-progress-outcome:hover>a{text-decoration:underline;color:#2a6495}

.r-progress-course:hover .r-progress-coursecol>i,
  .r-progress-section:hover .r-progress-sectioncol>i,
  .r-progress-outcome:hover>i{color:#2a6495}

.r-progress-coursecol,.r-progress-sectioncol{display:block;float:left;width:70px;text-align:right;margin-right:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.r-progress-coursecol>i{line-height:20px;margin-left:5px}
.r-progress-sectioncol>i{line-height:20px;margin-left:20px;margin-right:10px}
.r-progress-sectioncol{width:180px}

.r-progress-xraycol{display:block;float:left;text-align:center}

.r-progress th>div.r-progress-xraycol{min-width:600px}

.r-progress .r-progress-outcomes{background-color:#f9f9f9}
.r-progress .r-progress-outcomes>td{padding:0}
.r-progress .r-progress-outcomes>td>ol{margin:0}
.r-progress .r-progress-outcomes>td>ol>li{border:1px solid #e9e9e9;border-width:1px 0 0 0}
.r-progress .r-progress-outcomes>td>ol>li:first-child{border-width:0}

.r-progress-outcome{padding:0 10px 0 0;line-height:40px}
.r-progress-outcome>i{margin: 0 10px 0 40px}

.r-progress-activities{margin:0 10px 0 60px}
.r-progress-activities h5{background-color:#eee;padding:10px 0 10px 10px}

.r-progress-activity{min-height:60px;margin-bottom:10px}
.r-progress-activity ul{margin-left:10px}
.r-progress-activity ul em{font-weight:500;color:#999}
.r-progress-activity-thumbnail-frame{position:relative;left:0;right:0;width:120px}
.r-progress-activity-thumbnail{width:100%}
.r-progress-activity-thumbnail-smiley{position:absolute;left:50px;top:5px}.r-student-progress-grades{margin:-18px 0 0;background-color:#f3f3f3;border-radius:5px;padding:5px}
.r-student-progress-grades>img{height:43px}
.r-student-progress-grades>div{margin:0 0 0 48px}
.r-student-progress-grades>div>h6{color:#777;font-size:10px;line-height:1em;margin:0;padding:0}
.r-student-progress-grades>div>ul{margin:0}
.r-student-progress-grades>div>ul>li{color:#777;font-size:10px;line-height:1em;margin-right:5px}
.r-student-progress-grades>div>ul>li>span{margin-right:1px}
.r-page{width:100%;border:none !important;cell-spacing:0;border-collapse:collapse;position:relative;top:0;left:0}

.r-page th{text-align:left;padding:10px 5px 0;font-weight:200;background-color:#f9f9f9;border-width:1px !important}
.r-page td{vertical-align:middle;padding-left:5px;padding-right:5px}
.r-page td.disabled{color:#aaa}
.r-page td:last{padding:0;width:40px}

.r-page.r-loading td{vertical-align:top;text-align:center;padding-top:20px}

td.r-student-details{padding:0 5px 0 0}

td.r-page-activity{padding:0 5px 0 0}
td.r-page-activity>.r-page-grade{height:40px;margin:0;padding:0;border-right:1px solid #ddd}
td.r-page-activity>.r-page-grade>.grade-key{height:40px;width:20px;margin:0;border:0}
td.r-page-activity>.r-page-grade>.grade-key.grade-key-white{border:0}
td.r-page-activity>.r-page-activity-details{margin-left:25px;margin-top:7px}
td.r-page-activity>.r-page-activity-details>*{display:block}
td.r-page-activity>.r-page-activity-details>strong{max-width:660px;font-weight:500;font-size:14px;line-height:16px}
td.r-page-activity>.r-page-activity-details>small{max-width:660px;color:#999;font-size:12px;line-height:15px}
.r-page-students td.r-page-activity>.r-page-activity-details>strong{max-width:440px}
.r-page-students td.r-page-activity>.r-page-activity-details>small{max-width:440px}
.r-days-active-calendar-ctrls{ visibility:hidden; table-layout:fixed; margin-right:10px; -ms-user-select:none; -webkit-user-select:none; -moz-user-select:none; user-select:none }
.r-days-active-calendar-frame{height:80px;width:342px;overflow:hidden;padding-left:1px;position:relative;top:0;left:0}
.r-days-active-calendar-window{width:9999px;position:relative;top:0;left:0}
.r-days-active-calendar table{ table-layout:fixed; margin-right:10px; -ms-user-select:none; -webkit-user-select:none; -moz-user-select:none; user-select:none; cursor:default;
 border-width:0px }
.r-days-active-calendar th.r-month{ height:10px; font-size:10px; line-height:10px; font-weight:400; text-align:center; color:#888; border-width:0px }
.r-days-active-calendar td.r-weekday{ height:0px; font-size:0px; line-height:0px; font-weight:400; text-align:center }
.r-days-active-calendar th.r-month{width:77px;}
.r-days-active-calendar td.r-weekday{width:6px}
.r-days-active-calendar td.r-day{width:11px;height:11px;border:1px solid #eee;font-size:0px;text-align:center}
.r-days-active-calendar td.r-day:hover{box-shadow:inset 0 0 7px rgba(255,255,255,.r-8)}
.r-days-active-calendar td.r-day-blank{background-color:#ddd}
.r-days-active-calendar td.r-day-off{background-color:#999}
.r-days-active-calendar td.r-day-on{background-color:#0ca1dc}
.r-pie-chart{margin:0 5px 0 0}
.r-pie-chart:last{margin-right:0}
.r-pie-chart h5{margin:5px 0;text-align:center;width:80px}
.r-pie-chart h6{text-align:center;margin:0}
.r-pie-chart img{float:left;width:80px;height:80px}
.r-pie-chart ul{float:right;padding-left:1px}
.r-pie-chart-calendar { margin-left:150px; padding-top:10px }
.r-pie-chart li{line-height:16px;font-size:10px}
.r-pie-chart li>span{display:inline-block;width:10px;height:10px}
.r-pie-chart .grade-key-stripe1{border-width:0 4px}
.student-picker { float:left; margin-right:15px; padding-top:5px }
.btn-primary.form-control { color:#FFF; border-color:#d0d1d3 }
.h-uppercase { font-size: 12px; color: #bbb; font-weight: 900; text-transform: uppercase; letter-spacing: 1px }
.table-ruled { width: 100%; max-width: 100% }
.table-ruled>tbody>tr>td, .table-ruled>thead>tr>th { border: 1px solid #e9e9e9; border-width: 1px 0; padding: 10px 5px; vertical-align: middle }
.table-ruled>thead:first-child>tr:first-child>th { border: 1px solid #e9e9e9; border-width: 1px 0 }
.table-ruled>thead>tr>th { background-color: #f9f9f9 }

.button{ cursor:pointer; background: #2F95EB url('/site/d5/5fcce15cb85c.png') repeat-x center center; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border: 2px solid #2F95EB; color:#fff; font-weight:bold; }
.button-lb{ cursor:pointer; background: #70c2c9; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border: 2px solid #7bb2b7; color:#fff; font-weight:bold; }
.button:active, .button-lb:active { color:#000; }
.button:hover, .button-lb:hover { border: 2px solid #fff; }
.blue { color:#1182de; }
.red { color:#aa0505; }
.box-shadow, .info-box { background:#fff; -moz-box-shadow: 3px 3px 5px #808285; -webkit-box-shadow: 3px 3px 5px #808285; box-shadow: 3px 3px 5px #808285}
.w200 { width:200px; }

.info-box .head { width:300px;text-align:right;float:left; }
.info-box .body { margin-left:50px;width:530px;text-align:left;float:left; }
.info-box .body h2, .info-box .body .h2{ color#808285;font-size:20px;margin:2px 0; }
.info-box .body h3, .info-box .body .h3{ color:#ADADAD;font-size:16px;margin:2px 0; }
.info-box .head h2{ color#808285;font-size:24px;margin:15px 0; }
.info-box .head h3{ color:#ADADAD;font-size:16px;margin:15px 0; }
.info-box .head h2.h1{ font-size:42px;color:#0CA1DC;font-weight:normal;}
.info-box .head h2.h1.grey{color:#808285;}
.info-box .body .success{color:#006600;font-size:14px;font-weight:bold;}
.info-box .body .error{color:#cc0000;font-size:14px;font-weight:bold;}
.mini-h-link {font-weight:normal;font-size:14px;}
.info-box .body .form-container{background:#e7e8ea;padding:20px;}
.info-box .body .form-container th{text-align:right;}

.info-box { border: 1px solid #ccd2d9; padding:20px; }
.right { float:right; }
.left { float:left; }
.clear { clear:both; }
.info-box .body-full { width:100%; margin-left:0;float:none;}
.info-box .info-box {margin-bottom:10px;}
.info-box .head.grey-head {width:100%;font-weight:bold;text-align:left;}
.info-box .body.body-small {width:auto;margin:0;}
#search-results .odd {background:#fbfdff;}
#search-results .even {background:#f4f6f8;}
#search-results .subgroup td {padding:4px;cursor:pointer;}
#search-results .active {background:#cfe2f3;}

.grid-table { cell-spacing: 0; border-collapse: collapse; border: 2px solid #94d1d6; }
.grid-table td, .grid-table th { color:#000;padding: .4em 1em; margin: 0; font-size:13px;}
.grid-table tr th { background-color: #94d1d6; color:#fff; font-size:14px;}
.grid-table tr { background-color: #fff; }
.grid-table tr.even { background:#eaf5f7; }

div.notification-msg { border:2px solid #ff0;background-color:#ffc;color: #331;padding:10px; font-size: 12px;}
div.notification-msg strong { color:#f00;}
div.notification-msg em { font-weight:bold;}
div.notification-msg a { color:#f00;}
div.notification-msg p { padding:0;margin:6px 0 0 0;}

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; background:none; padding:0; border:none; word-break:normal }
.bs-callout-warning { background-color: #fccaa1; border-color: #d58142 }
.bs-callout-warning h4 { color: #d58142 }
.thm.btn-warning { background-image: -webkit-linear-gradient(top, #f7994e 0, #f47713 100%); background-image: linear-gradient(to bottom, #f7994e 0, #f47713 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff7994e', endColorstr='#fff47713', GradientType=0); filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);                                                                               background-repeat: repeat-x; border-color: #f3720b }
.thm.btn-warning:hover, .thm.btn-warning:focus { background-color: #f47713; background-position: 0 -15px }
.thm.btn-warning:active, .thm.btn-warning.active { background-color: #f47713; border-color: #f3720b }
.grey-bg-pages, .grey-bg-pages > div > .container-fluid, .grey-bg-pages .container_index { background:#e2e7eb !important; color:#000 }

/* Css Added End By Ashok 08/01/2015
===============================================*/
@media only screen and (max-width: 1145px) {
 .iconShareBox { right:55px }
 }

@media only screen and (max-width: 990px) {
.selectpicker.btn-default { height:46px; }
.bootstrap-select .dropdown-menu.open { top:41px }
.colorList li:hover a, .colorList li.active a { padding-bottom:2px; }
.colorList li a { padding:8px 5px 5px }
.levalTitle { padding:3px 0 0 14px }
.coursesList .col-xs-6 .nextMenuBox, .coursesList .col-xs-6 .previousMenuBox { padding:10px }
.nextCourse, .prevCourse { background-position:-635px -138px; width:43px; height:45px; margin-left:-21px; margin-top:-22px }
.nextCourse { background-position:-635px -186px }

.roundedList li { width:35px; height:38px; background-position:-598px -271px }
.roundedList li.active { background-position:-598px -231px }
.roundedList { margin:6px 3% 0 0 }

.openBooxContainer.pull-right > figure img, .openBooxContainer.pull-left > figure img { width:100% }
.photoFrame { width:62%; margin:0 auto 10px; display:block }
.jpFrame { width:62%; margin:0 auto 10px; display:block }
.photoFrame img { width:100% }
.jpFrame img { width:100% }
.activity-image { height:95px; }
}

@media only screen and (max-width: 1556px) {
.pageWidth { max-width:inherit; width:940px; }
.activity-image { height:100%; }

.coinsList { padding-left:2% }
.coinsCollect { width:100px; }
.coinsList li { width:140px; }

.loginHeader nav li { margin-left:6px; }
.profileLogin { width:29%; }
.profileImage { width: 70px;height: 70px; }
.loginHeader .memberDetails span { font-size:14px; }
.loginHeader span.name { font-size:20px; }
.petGifImage { width:120px; height:120px; }

/* Css Added Start By Ashok 08/01/2015
===============================================*/
.search-listData h3 { font-size:24px; line-height:26px; margin-bottom:20px; }
.banner-title { margin-bottom:20px; }
.icon-right-arrow { margin-right:10px; }
.banner-details h3 { margin-bottom:12px; font-size:26px; }
/* Css Added End By Ashok 08/01/2015
===============================================*/


}

@media only screen and (max-width: 1275px) {
.loginHeader .container { padding-left:12px; padding-right:12px; }
.loginHeader .navbar-brand  { margin-top:11px }
.loginHeader .navbar-brand img { width:160px; }
.loginHeader nav { padding:0 }

.profileLogin { margin-left:0; width:26%; }
.loginHeader .memberDetails span { line-height:20px; }
.loginHeader .memberDetails { padding-top:12px; }

.coinsList { padding-top:16px; }
.coinsList li { width:128px; }
.coinsCollect { width:80px; }
.loginHeader .profileImage, .loginHeader .profileImage > div { width:60px; height:60px; }
.loginHeader .memberDetails { padding-left:0; }

/* Css Added Start By Ashok 08/01/2015
Add a comment to this line
===============================================*/
.progresBar-data { display:none !important }
/* Css Added End By Ashok 08/01/2015
===============================================*/
}

@media only screen and (max-width: 1106px) {
.clickArrow, .backToTop { right:10px;}

.newPopUpDesign .modalBox { width:700px; }
.newPopUpDesign .modal-body, .newPopUpDesign .modal-footer { padding:18px 2% 23px }
.menuList li h3 { padding:7px 8px 8px; font-size:18px; }
.menuList li h3 i { display:inline-block; padding-top:4px }
.menuList > li ul li { padding:7px 7px 7px 10px }
.menuList > li ul li a { font-size:18px; }

.upgradeBtn { margin-bottom:46px }
.parentFreeAccount .col-xs-6 h2 { font-size:20px; }


/* Css Added Start By Ashok 08/01/2015
===============================================*/
.unsuperText { font-size:13px; }
.loginHeader nav li.soundOnOff { margin-right:0 }
.header-img { margin-left:4% }
.header-img2 { margin-left:0% }

.banner-details > div > .col-xs-6, .teacher-info > div .col-xs-6 { padding:20px 25px }
.banner-details .col-xs-4 { width:24% }
.browse-data li { font-size:15px; margin-bottom:6px; }
.banner-details h3 { font-size:20px; line-height:26px; }
.iconCornertitle { left:-30px; top:2px; }
.banner-details { font-size:13px; line-height:18px; padding:95px 0px 25px }

.teacher-info { padding:30px 0px 10px; font-size:14px; }
.information-teacher li > p span { padding-top:6px; }
.teacher-info h2 { padding-bottom:10px; margin-bottom:15px; }
.teacher-info > div .col-xs-6 { padding:0 }
.labelCheck { font-size:12px; padding:1px 7px 1px 9px; margin-left:0 }

.edit-links { float:none; width:100%; display:block; clear:both }
.titleTeacherData { margin-bottom:20px; }
.teacher-list-data { padding:30px 0px 20px }
.teacher-list-data li h2 { margin-bottom:15px; }
.teacher-list-data > li { padding:25px 20px 15px }
.lock-label { margin-bottom:10px }
.edit-links li:first-child { padding-left:0 }
.graph-collum-large .col-xs-6 { width:auto; float:none; margin:0 0 15px }
.graph-collum-large { width:45% }
.graph-collum-medium { width:50% }
.header-img { width:50px; }
.header-img2 { width:30px; }

.loginHeader .profileLogin2 .memberDetails { padding-top:10px; }

.filter-selectmenu { padding-top:0 }
.filter-data-update > div { margin-left:0 !important; }
.filter-data-update .col-xs-3, .filter-data-update .col-xs-1, .filter-data-update .col-xs-2 { width:32%; margin:0 1% 15px }
.filter-data-update { padding:17px 10px 4px 15px }
.date.input-group { display:block }
.date.input-group .form-control { float:none }
.mCSB_scrollTools.mCSB_scrollTools_horizontal { width:700px }
.mCSB_scrollTools.mCSB_scrollTools_horizontal a  .mCSB_draggerContainer { margin:0 25px; }
/* Css Added End By Ashok 08/01/2015
===============================================*/

}


@media only screen and (max-width: 900px), only screen and (min-width: 768px) and (max-width: 1024px) {
#wrapper { background-size:cover }
.teacher_sub_menu {width: 100% !important;}
.teacher_sub_menu .col-md-2 {width: 20% !important; float:left; margin-bottom: 10px; margin-top: 5px;}
.innerContiner { color:#6D6E70; font-size:19px; padding:82px 0 0 0; letter-spacing:0.5px; line-height:23px;  }
.innerContiner h2 { margin-bottom:4px; font-size:36px; color:#404041 }
.studyImg { bottom:-13px }
.joinForm li .col-lg-6  { padding-left:0; padding-right:0; padding-top:5px; }
.upgrade { background:#cbe9e1; width:50%;}
.parent_join_body { background:#cbe9e1 !important; }
.upgrade_topdiv { height: 30px !important;}
.parentFreeAccount .col-xs-5 { width:80% !important; border:none !important; }
.upgrade_img { display:block !important; }
.upgrade_img img{ width:100%; }
.parent_join_extra_fields { background:#cbe9e1 !important; }

.learnMore { font-size:20px; }
.learnMoreLink span { font-size:15px; }

.funImage { text-align:center }
.mapInformation {  width:692px; }
.mapInformation img { width:100% }
.mapOnline { margin-top:-130px; width:30% }

.container { width:auto; padding-left:15px; padding-right:15px; }

.animalImg { left:10px; }
.animalImg2 { right:15px; left:auto }
.animalImg3 { right:10px; left:auto }
.frogImage2 { width:200px }
.frogImage3 { width:150px }
.aboutUs2 .middle { width:650px }

.landingContainer { width:59% }
.footer-navigation li { margin-left:4.7% }

.innerContiner { padding-top:80px; padding-right:0; text-align:center }
.joinNowStepBox { padding-left:0; padding-right:0 }

.headerNavigation nav li a { padding:18px 8px 16px }
.overViewListing > li { width:40%; }
.overViewListing > li > a { background-size:cover; min-height:160px }
.alienTextContainer { padding:15% 0 0 0 }
.textBottom { padding-top:32%}

.loginHeader nav li { margin-left:6px;}
.loginHeader .coinsList { padding-right:15px;}
.loginHeader .headerNavigation nav li a { padding-left:3px; padding-right:3px;}
.loginHeader .profileLogin { padding-left:0;}
.loginHeader nav { padding-top:0; padding-bottom:0; }

.overViewListing div.earnPoint {
    background-size: cover;
    min-height: 160px;
}

.loginHeader .coinsList { padding-right:20px; }
.iconMute { margin-right:5px }
.coinsList li { width:115px; }
.coinsCollect { width:75px; }
.loginHeader { padding-bottom:5px }

.previousIcon { width:30px; }

.coinsList { padding-top:14px; margin-left:6%; }
.coinsList li { float:none; margin-left:0; width:130px; padding:5px 6px 5px 6px; margin-top:5px; }
.coinsList li:first-child { margin-top:0 }
.coinsCollect { width:93px; font-size:14px; }

.iconCoinStar { background-position:-48px -405px; width:42px; height:45px; top:-6px; }
.iconCoin { background-position:0 -402px; width:44px; height:48px; top:-9px; }
.headerNavigation nav li a { padding:13px 8px 5px }

.loginHeader { padding-bottom:2px; }
.loginHeader span.name { display:block }
.loginHeader .memberDetails { padding-top:18px; }

.loginHeader .profileLogin { padding-left:10px; }
.loginHeader .navbar-brand img { width:135px; }

.place-value { width:50% }

.overViewListing > li { margin-left:2%; width:31.3%; }

.bannerTitle { top:25%; font-size:25px; line-height:31px; }
.loginHeader .coinsList { margin-right:0 }
.loginHeader .profileImage { margin-right:6px; }
.loginHeader .coinsList { padding-right:0; }

.advertiseImage img.tabletBanner, .tabletBanner { display:block }
.advertiseImage img.desktopBanner, .advertiseImage img.mobileBanner, .desktopBanner, .mobileBanner { display:none; }

.shadowGallery { background-size:100%; padding-bottom:4% }
.overViewListing { margin-left:-2%; }
.bonusButton { display:none }
.iconBannerSide { display:inline-block }
.sideBannerImage { width:85% !important }
.parent_join_header { width:100% !important }
.parent_join_footer { width:100% !important }
.sideBanner.leftSideBanner { top:80px; }
.sideBannerImage img { width:100%  }
.parent_join_header img { width:100% }
.parent_join_footer img { width:100% }
.upgrade_div { width: 35% !important }
.upgrade_div_inner {  font-size:14px !important;}
.parentFreeAccount .col-xs-5 { margin:20px; }
.btn-margin { margin-top: 5px;}
.petGifImage { width:110px; height:98px; }
.loginHeader .navbar-brand img { width:120px; }
.loginHeader .profileLogin { float:right }
h3.gamesTitle { font-size:23px; }
.bigModalBox { width:700px;  margin:30px auto; }
.avatar-eyes { width:125px !important; }
.avatar-body { width:125px !important; }
.avatar-glass{ width:125px !important;}
.pet-eyes { width:140px !important; }
.pet-glasses{ width:140px !important; }
.pet-body { width:140px !important; }
.pop-up-image {width:125px !important;}
.label-div { float:left; width:100% !important; text-align: left; padding: 10px; margin-left: 25px;}

.avatar-eyes-div { top: -45px !important; left: -2px !important; }
.newPopUpDesign .bigModalBox .modal-body, .newPopUpDesign  .bigModalBox .modal-footer { padding:18px 7px 23px }
.newPopUpDesign .bigModalBox .col-md-3, .newPopUpDesign .bigModalBox .col-md-6, .newPopUpDesign .bigModalBox .col-md-2 { float:left }
.newPopUpDesign .bigModalBox .col-md-3 { width:24%; padding-left:0; padding-right:0 }
.newPopUpDesign .bigModalBox .col-md-2 { width:20%; padding-left:0 !important; padding-right:0 }
.newPopUpDesign .bigModalBox .col-md-6 { width:45%; padding-left:0 }
.newPopUpDesign .bigModalBox .col-md-3 figure img, .newPopUpDesign .bigModalBox img { width:100%}
.bigModalBox .col-md-2 img { max-width:100%; height:auto }
.newPopUpDesign .col-md-2 img { max-width:95%; height:auto }
.newPopUpDesign .bigModalBox .col-md-3 .blinkingEyes { left:0 !important; top:0 !important }

.petAlianDetails > figure { width:50% }
.petAlianContainer { line-height:27px; font-size:19px }

.coinsList li { display:none; margin-right:0 }
.coinsList li:first-child { display:inline-block }

.shareOthersBtn { font-size:21px }
.shareSocialFun { padding:0 3% }
.shareSocialFun .form-control { padding:4px 15px 6px; font-size:20px; }
.shareFunBox { padding:30px 0 12px }
.shareSocialFun form { margin-bottom:10px; }
.infoText { font-size:21px; }

.shareFunNoteTitle { font-size:30px; line-height:35px }
.tabContainer { padding:25px 0 0 }

.literacyDetail p strong { font-size:19px; line-height:24px; }
.literacyDetail p { margin-bottom:18px; }
.literacyDetail { margin-bottom:22px; }
.literacyTabs, #tabs { padding-top:25px }

.titleLiteracy { padding:9px 21px 11px; font-size:20px; line-height:22px; margin-bottom:20px; }
.literacyBox { padding:10px; width:22% }
}

.upgrade-activity { font-size:20px; padding:10px 15px; margin-bottom:15px }
.trial-activity-box { padding-bottom:30px; margin-bottom:15px }
.trial-activity-box h3 { padding:15px 15px; font-size:20px; margin-bottom:20px }
.activity-list li { padding:0 4% }
.activity-list li h4 { font-size:22px; margin-bottom:15px }
.activity-list li h4 span { width:43px; height:43px; font-size:25px; line-height:45px }


}

.greyPriceBox {
    background: none repeat scroll 0 0 #E6E7E8;
}
.saffronPriceBox {
    background: none repeat scroll 0 0 #FCB614;
}
.priceBox ul {
    font-family: "Myriad Pro",Arial,Helvetica,sans-serif;
    font-size: 17px;
    font-weight: normal;
    line-height: 20px;
    margin: 0;
    padding: 12px 0;
}
.priceBox ul li {
    margin-top: 10px;
    padding-left: 9px;
    padding-right: 9px;
    text-align: center;
}
.priceBox ul li:first-child {
    margin: 0;
}
.titlePrice {
    color: #FFFFFF;
    font-size: 18px;
    line-height: 22px;
    min-height: 66px;
    vertical-align: middle;
}
.titlePrice2 {
    color: #08B0E2;
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 7px;
}
.whiteBox {
    background: none repeat scroll 0 0 #F7F8F8;
    padding: 9px 0;
}
.priceMonth {
    color: #808284;
    font-size: 16px;
    font-weight: bold;
    margin: 0 !important;
}
.price {
    color: #ADACAC;
    font-size: 21px;
    font-weight: bold;
    line-height: 21px;
}
.price strong {
    color: #08B0E2;
    font-weight: bold;
}
.unlimited {
    background: none repeat scroll 0 0 #ADACAC;
    color: #FFFFFF;
    display: block;
    margin: 0 -10px 8px;
    padding: 5px 0;
}
.priceContainer {
    color: #939597;
    font-size: 12px;
    line-height: 20px;
    min-height: 457px;
}
.plus {
    color: #939597;
    display: block;
    font-size: 16px;
    padding: 7px 0;
}
.priceContainer2 {
    color: #ADACAC;
    min-height: 216px;
}
.parentBox {
    color: #FFFFFF;
    font-size: 14px;
}
.saffronPriceBox .btn-join {
    background: none repeat scroll 0 0 #99CA4E;
}
.greyPriceBox .priceMonth {
    padding-top: 10px;
}
.greyPriceBox .parentBox {
    color: #828385;
}
.greyPriceBox .btn-join {
    background: none repeat scroll 0 0 #BBBDC0;
}
.greyPriceBox .btn-join:hover {
    background: none repeat scroll 0 0 #A9A9A9;
}
.greyPriceBox .titlePrice {
    color: #808284;
}
.topSpace {
    padding-top: 10px;
}

@media only screen and (min-width: 768px) {

.parentFreeAccount .col-xs-5 { width:38.5% !important;  }
.parentFreeAccount .col-sm-9 { width:70% !important;  }
.aboutUs2 .animalImg { left:-145px }
.aboutUs2 .animalImg2 { left:auto; right:-140px; }
.aboutUs2 .animalImg3 { left:auto; right:-120px; }

.frogImage2 { width:23% }
.frogImage3 { width:17% }
.aboutUs2 .middle { width:53% }
.frameImg .videoDiv { width:100%; height:248px; }
.pop-up-image {width:120px !important;}

.add_class_right{ margin-top:10px; }
}

@media only screen and (min-width: 1644px) {
.frogImage2 { width:374px }
.frogImage3 { width:270px }

.aboutUs2 .animalImg { left:-30px }
.aboutUs2 .animalImg2 { left:auto; right:-40px; }
.aboutUs2 .animalImg3 { left:auto; right:20px; }
}

@media only screen and (max-width: 800px) {
.teacher_sub_menu {width: 100% !important;}
.teacher_sub_menu .col-md-2 {width: 50% !important; float:left; margin-bottom: 10px; margin-top: 5px;}
.avatar-eyes-div { top: -45px !important; left: -2px !important; }
.pop-up-first-col1 { height:50px; }
.pop-up-first-col { height:140px; }
.avatar-glass-div {
 position: absolute;
 z-index: 9999;
 top: 0px !important;
 left: 0px !important;
}
.featured-link{ margin-top:10px; }
.pet-eye-div { left: 0px !important; top: 0px; }
.pet-glasses-div { position: absolute; z-index:9999; top:0px; left:0px;}

}

@media only screen and (max-width: 767px), only screen and (max-device-width: 480px), only screen and (max-width: 767px) {
        body { display:block }
.studyImg { margin-bottom:0; left:0; bottom:-2.3% }
.studyImg img { width:100%; }
.joinNowBox .col-lg-12 { padding-left:20px; padding-right:20px }
.innerContiner { padding-right:0; padding-top:135px; }

.teacher_sub_menu {width: 100% !important;}
.teacher_sub_menu .col-md-2 {width: 50% !important; float:left; margin-bottom: 10px; margin-top: 5px;}
.featured-link{ margin-top:10px; }
#wrapper { background:#FFF }
.middlecontainer { height:560px !important; }
.footer-navigation li { margin-left:20px }
.footer-navigation li:first-child { margin-left:20px; }
.panel-footer { padding-left:0; padding-right:0 }
.panel-footer .container { padding-left:0; padding-right:0 }
.unsuperText{ display:none; }
.loginHeader .coinsList li:first-child { margin-left:5px; }
.funImage img { width:100% }
.learnMoreLink { font-size:18px; line-height:20px; }
.learnMoreLink span { display:block; padding-left:0; font-size:14px; }
.avatar-premium {margin-top:-15px; }
.avatar-basic {margin-top:-8px; }
.avatareyes { position: absolute; left:2px; top:5px; }

.mapInformation { float:none; width:100%; overflow:hidden; margin:0 }
.mapOnline { margin:0; width:auto; float:none }

.mapNumbers { padding: 6px 6px; border-radius:50%; font-size:10px; }
.mapNumbers.large { padding: 15px 6px; border-radius:50% }
.livemap { width:100% }

.library-details li ul li,.library-details li{ padding:5px; font-size:10px }

.loginHeader .profileImage, .loginHeader .profileImage > div { width:50px; height:50px; }

.container { width:auto; padding:0 10px }
.middle { padding:25px 0 }

.navbar-nav { text-align:center; position:relative; padding:2px -15px 7.5px }
.navbar-nav.nav > li { min-width:inherit; /* width:50% -commented out to fit in search show button */}
.navbar-nav > li { position:static }
.navbar-nav > li > a { padding-top:10px; padding-bottom:10px; }
.navbar-brand { float:none }
.navbar-header { text-align:center; float:none }
.navbar-nav .open .dropdown-menu { position:absolute; top:50px; left:0; background:#f1f1f1; width:100%; }

.signTitle { display:block; text-align:center; float:none !important; margin-top:0 }
.middleSection { padding:140px 15px 0 15px }
.paddingTop { padding-top:135px }
.innerSection { padding:15px 15px }
.loginSection  { width:auto; margin:0 0 15px 0; padding-bottom:12px; }
.familyContainer { padding-left:0; padding-right:0 }
.familyContainer .col-lg-6 { padding-left:0; padding-right:0 }

.modal-dialog { width:auto }
.or { float:none; margin:0 0 15px; display:block; text-align:center}
.col-lg-6.addStudentBox { width:auto; margin-bottom:15px; }
.col-lg-6.addStudentBox.pull-left, .col-lg-6.addStudentBox.pull-right { float:none !important }
.boyGirlImage { width:100% }
.btnWidth { min-width:85px; }

.categoryList > li { float:none; width:auto; margin-top:15px }
.categoryList > li:first-child { margin-top:0 }
.panel-footer { padding-right:15px; padding-left:14px; }
.addressFooter { float:none !important; width:auto }
.copyRightBox { float:none; text-align:left; width:auto }
.copyRightBox select { float:none; display:inline-block }
.country { display:inline-block; float:left }

.mobileLandingPage { padding-left:0; padding-right:0 }
.mobileLandingPage .greenImage { padding-left:10px; padding-right:10px; }
.frogImage { background-image:url(/images/new_design/mobile-frog-img.png); background-position:center 30px }
.animalImg { background-position:0 -79px; width:52px; height:53px; top:-30px }
.animalImg2 { background-position:0 -56px; width:44px; height:44px; }
.animalImg3 { background-image:url(https://static.studyladder.ca/cdn/site/73/0d85adb217cf.png); background-position:0 0; right:80px  }
.forgImage2 { text-align:right }
.forgImage2 img { width:50%;}

.notificationBox .col-lg-12 { padding:0 }

.frogImage2 { display:none }
.aboutUs2 .middle { width:auto }

.loginJoin li { width:auto; float:none }
.memberInformation { float:none; display:block; text-align:center }
.memberInformation > li { float:none; display:inline }
.memberInformation > li a { margin-bottom:3px; display:inline-block }

.mainNavigation { margin:13px 0 0 0  }
nav { margin:0 -10px; float:none }
#menu { display:block }
nav ul { display:none }
.feedBack  { float:none; text-align:center; padding-top:5px; margin-bottom:10px }

.joinNowStepBox .col-lg-4 { width:auto; margin-right:auto }
.joinNowStepBox { padding:15px 10px 15px 10px }
.finalStep { margin-left:-25px }
.stepContainer { padding:0 15px; }
.joinNowStepBox .joinNowPopup .miniLabel {  display:inline-block }
.joinNowStepBox .joinNowPopup .label { display:inline-block; white-space:normal }

.studentInfo  { width:auto; float:none; margin-bottom:10px; }
.familyPuzzle { float:none; min-width:auto; }
.studentsListing li { padding:10px }
.btnsList a {  margin-bottom:5px;  }
.intro-container { left:0 }

.overViewListing { margin:0 }
.overViewListing > li { float:none; width:auto; margin-left:0 }
.overViewListing > li > a { min-height:170px }

.headerNavigation, .profileName, .coinsList { float:none; }
.profileName { padding:0 0 10px 0  }
.coinsList { padding:0; }
.coinsList li { margin:0 15px 0 0  }

.headerNavigation nav li a { padding-top:2px; padding-bottom:2px }
.headerNavigation nav li a .sprite { display:none }
.overViewPage { padding-top:55px; }

.loginHeader nav ul { display:block; }
.loginHeader nav { padding-top:0; }
.loginHeader .headerNavigation nav li a .iconLoginMenu, .headerNavigation nav li a .iconLoginNext { display:inline-block;}
.loginHeader .headerNavigation nav ul.et-mobile-menu { display:none;}
.loginHeader .rewardsBack { display:none;}
.loginHeader .navbar-brand { margin:0;}
.loginHeader .navbar-header { text-align:left; margin:16px 0 -25px 89px;}
.loginHeader .profileImage { margin-top:-11px;}
.loginHeader .headerNavigation, .profileName, .coinsList { float:left;}
.loginHeader .headerNavigation { float:right;}
.loginHeader .iconCoinStar, .loginHeader .iconCoin { display:none;}
.loginHeader .coinsList { padding-right:100px;}
.loginHeader .coinsList li { width:auto; margin-bottom:5px;}

.compactHeader .profileImage, .compactHeader .navbar-header, .compactHeader .memberDetails p { display:none;}
.compactHeader .memberDetails .name { display:block !important;}
.compactHeader .coinsList li { display:inline-block; margin-top:20px;}
.compactHeader .profileLogin { width:auto;}

.backgrounds { margin-left:-2% }
.backgrounds li { width:48%; margin-left:2%; margin-bottom:2% }

.alienAlbumList .col-xs-6.col-sm-4 { width:auto; float:none }
.alienAlbumImg img { max-width:100% }
.albumContainer, .alienAlbumTitle { height:auto }

.overViewListing div.earnPoint { background-size:cover; min-height:160px; }
.overViewListing > li > a { background-position:center center }
.loginContainer { padding-top:72px; }
.roundedList li { background-position:-182px -163px; width:30px; height:31px; margin-left:3px; }
.roundedList li.active { background-position:-182px -196px; }

.courseList > .col-xs-7, .courseList > .col-xs-5 { width:auto; float:none; padding:0 }
.courseList .col-xs-7 .col-xs-6 { width:100%; float:none; padding:0; padding-bottom:10px }
.courseList .col-xs-7 .col-xs-6 img { width:100% }
.courseList .col-xs-7 .col-xs-6 img.previousIcon { width:auto; top:25% }

.smallSmiley { position:inherit; margin:0; right:inherit; top:inherit }
.numberGameList li { width:auto; float:none; margin:0 0 10px 0 }
.activity-image { width:100%}
.numberGameList li img.flashSmallIcon { width:30px }

.headerNavigation nav li a .sprite { display:block }
.iconMute { background-position:-125px -154px; width:30px; height:26px; margin-top:22px; }
.loginHeader .memberDetails { padding-left:0; padding-top:6px }
.loginHeader .profileLogin { padding-left:0; padding-top:11px; }
.profileLogin { width:220px; }

.loginHeader .profileImage { margin-top:-5px }
.loginHeader .navbar-header { margin:16px 0 -25px 83px }
.loginHeader .iconCoinStar, .loginHeader .iconCoin { display:inline-block }
.loginHeader .coinsList li { width:110px; margin-bottom:10px; }

.loginHeader .navbar-brand { display:block }
.navbar-header { float:left }
.mobileShowLogo { display:block }

.loginHeader .container { padding:0 10px }
.loginHeader span { font-size:15px; }
.loginHeader .navbar-header { margin:0 }
.loginHeader .coinsList { padding-top:10px; margin-right:0; padding-right:20px }
.loginHeader span.name { font-size:18px; }

.playActivity { height:450px; }
.nextActivity.pull-left img, .nextActivity.pull-right img { width:67% }
.nextActivity.pull-left { float:none !important; padding-bottom:15px }
.nextActivity.pull-right { float:none !important; text-align:right; padding-top:15px; }
.place-value { float:none; width:auto }
.prevActivityIcon { float:left }
.place-value .btn { margin-bottom:5px; }

.loginHeader .coinsList { padding-right:3px }
.advertiseImage img.mobileBanner, .mobileBanner { display:block }
.advertiseImage img.desktopBanner, .advertiseImage img.tabletBanner, .desktopBanner, .tabletBanner { display:none }

.backToTop { bottom:6% }

.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right:-35px;}
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left:-35px;}
.certificateTable .table > thead > tr > th, .certificateTable .table > tbody > tr > th, .certificateTable .table > tfoot > tr > th { width:50% !important;}

.coursesList { width:auto; float:none;  }
.coursesList .col-xs-6 { width:48.2%; padding:0 0.5% }
.coursesList .col-xs-6 .nextMenuBox, .coursesList .col-xs-6 .previousMenuBox { padding:7px }
.colorList li a { padding:8px 4px 5px }
.colorList li span { width:20px; height:20px; }

.arrowAccordian { background-position:5px 5px  }
.panel-body { padding:8px 0 0 43px }
.subAccordion .panel .panel-title a { padding:10px }
.smilyDetailsList .panel { margin-bottom:8px }
.subAccordion .panel-body { margin-top:8px }

.smilyDetailsList .panel .panel-title { font-size:20px; }
.smilyDetailsList .panel .panel-title a { padding:10px; }
.smilyList { display:none }

.taskInformation .pull-right { width:55% }
.taskInformation .printButton { padding:7px 10px 6px; margin:0 7px 0 0; font-size:17px;}

.leftStoryBook, .rightStoryBook { top:4% }
.storyTitle { margin-bottom:-5px }
.photoFrame { margin-bottom:0;  }
.jpFrame { margin-bottom:0;  }
.frameImg figcaption { top:16% }
.frameImg2 figcaption { top:16% }

.petAlianContainer { line-height:20px; font-size:16px; padding:35px 5% 15px }
.petAlianContainer p { margin-bottom:15px }
.boxArrow { top:58px; left:-79px }

.taskInformation .pull-right { width:57%; }
.enerygyTitle { width:91px; display:none }
.iconTaskInfo { background-position:-636px -265px; width:35px; height:35px }
.iconSetTaskInfo { background-position:-636px -265px; width:35px; height:35px }
.iconcourseInfo { background-position:-636px -265px; width:35px; height:35px }
.taskSliderContainer { min-height:inherit }

.newPopUpDesign .modalBox { width:auto; margin:30px 25px 20px }
.holiday-page .modalBox{ width:auto;}
.newPopUpDesign .modal-body, .newPopUpDesign .modal-footer { padding:18px 2% 23px }
.newPopUpDesign .modal-title { font-size:18px; padding:6px 15px 8px 20px;  line-height:16px }
.menuList > li { margin-left:0; float:none; width:auto }
.menuList > li ul { margin-bottom:20px; }
.menuList > li section { margin-bottom:0 }
.newPopUpDesign .modal-header { border-bottom-width:3px; background-size:cover }

.frameImg .videoDiv { width:100%; height:110px; }

h3.gamesTitle { font-size:25px; }
.rewardDetails .col-xs-2 { padding:0 10px; width:30% }
.rewardDetails .col-xs-8 { padding:0 10px; width:69% }

.petGifImage { width:82px; height:87px; }
.loginContainer .middle { padding-top:15px; }

.loginHeader nav ul.et-mobile-menu { display:none !important }
.loginHeader nav li.soundOnOff { display:none }
.loginHeader .profileImage { width:50px; height:50px; }
.loginHeader .memberDetails span { font-size:13px }
.loginHeader span.name { font-size:18px; }
.iconLoginHome { margin-top:2px; }
.iconLoginMenu { margin-top:2px; }
.loginHeader .coinsList { padding-top:13px; }
.coinsCollect { font-size:12px; padding:3px 7px }
.loginHeader .navbar-header { margin:10px 0 0 0 }

.bigModalBox { margin:30px; }
.bigModalBox .col-md-3, .bigModalBox .col-md-6 { height:auto !important }
.bigModalBox .col-md-3 div, .bigModalBox .col-md-6 div { float:none !important }

.newPopUpDesign .bigModalBox .col-md-3, .newPopUpDesign .bigModalBox .col-md-6, .bigModalBox .col-md-2 { float:none; height:auto !important }
.newPopUpDesign .bigModalBox .col-md-3 .blinkingEyes { right:0 }
.newPopUpDesign .bigModalBox .modal-body, .newPopUpDesign .bigModalBox .modal-footer { padding:18px 20px 23px }
.newPopUpDesign .bigModalBox .col-md-6, .bigModalBox .col-md-2, .newPopUpDesign .bigModalBox .col-md-3 { width:auto }

.loginHeader .memberDetails span { line-height:15px }
.coinsList { margin-left:3% }
.loginHeader .profileLogin { padding-right:0 }
.loginBackground { background:#F1F1F1 }
.coinsList li { margin-right:0 }
.loginHeader .coinsList li .iconCoin { left:-9px }
.coinsCollect { width:67px }

.tabsmenu { display:none }
.tabsSelectmenu { display:block; }
#tabs .bootstrap-select.btn-group:not(.input-group-btn), #tabs .bootstrap-select.btn-group[class*="span"] { display:inline-block }

.navbar-default .navbar-nav > li > a { font-size:15px; padding-top:5px; padding-bottom:5px; line-height:25px }
.navbar-nav { margin:3px -15px 2px; padding-top:5px; }
.literacyHeader .navbar-brand { margin:10px 0 0 }
.iconArrow { background-position:-40px -19px; width:8px; height:12px; position:relative; top:-2px }

.literacyHeader .navbar-brand { display:block }
.navbar-header { float:none }
.literacyHeader .container > .navbar-header { width:130px; margin:0 auto; float:none }
.loginHeader .container > .navbar-header { float:left }
.literacyHeader .navbar-right .dropdown-menu { left:auto; right:0 }
.literacyHeader .container > .navbar-header img { max-width:100% }

.literacyHeader { border-bottom:solid 1px #dad9d9 }
.literacyNav { float:none; text-align:center; padding-top:4px }
.literacyNav > li { position:relative; display:inline-block; float:none; margin:0 5px }
.literacyNav > li a { font-size:14px; line-height:26px; }
.literacyMiddleSection { padding:86px 10px 10px }
.literacyMiddleSection .overViewPage { padding-top:12px }

.literacyDetail p { line-height:20px; font-size:14px; margin-bottom:10px; }
.literacyDetail p strong { font-size:15px; line-height:normal }

.literacyTabs > div .col-xs-3, .literacyTabs > div .col-xs-5, .shareSocialFun .col-xs-9, .shareSocialFun .col-xs-3 { float:none !important; width:auto }
.shareOthersBtn { font-size:18px; line-height:40px; }
.literacyTabs .selectpicker.btn-default { font-size:20px; height:43px; }

.tabContainer { padding:15px 0 0 }
.titleLiteracy { padding:7px 15px 9px; line-height:22px; font-size:16px; margin-bottom:13px; }
.literacyBox { width:73%; float:none; margin-bottom:5px }
.literacyNumber { font-size:14px; padding:2px 7px; top:0 }
.literacyList li { padding:15px 0 }
.literacyList li a { font-size:15px; }
.literacyBox img { max-width:inherit; width:100% }

.needMoreLiteracyTitle { font-size:16px; line-height:18px; padding:8px 15px 9px; margin:0 -12px 12px }
.needMoreLiteracy { font-size:15px; line-height:22px; padding:0 12px 17px }
.needMoreLiteracy p { margin-bottom:15px; }
.needMoreLiteracy a { font-size:17px; line-height:19px; }

.needMoreTitle { font-size:30px; padding:10px 0 0 0; margin-bottom:130px }
.needMoreBox { padding-left:10px; padding-right:10px; }
.needMoreBox p { font-size:14px; line-height:18px; }
.needMoreBox h4 { font-size:18px; margin:0 0 12px }

.socialBtn { margin:0 0 15px; padding:0 }
.socialBtn li { width:auto; display:block; text-align:center; margin:0 0 5px }
.socialBtn li a { font-size:23px; line-height:35px; min-width:160px; padding-top:6px }

.shareFunBox { background-position:-50px bottom; padding:12px 0 12px; }
.shareFunNote .col-xs-8 { float:none !important; width:auto }
.shareFunNote { padding:150px 10px 0 }
.shareFunNoteTitle { float:none !important; width:auto; text-align:center; font-size:22px; line-height:20px; }
.shareFunNote p { font-size:13px; line-height:15px }
.shareSocialFun .col-xs-9, .shareSocialFun .col-xs-3 { padding:0 0 8px }

.shareSocialFun .form-control { padding:4px 10px 6px; font-size:17px; height:48px; line-height:52px }
.emailBtns { font-size:23px; line-height:32px; padding:5px 0 5px }
.shareSocialFun form { margin-bottom:-5px }
.infoText { float:none !important; width:auto; display:block; text-align:center; font-size:16px; line-height:18px }

.socialIcons { float:none; text-align:center; padding-top:10px; }
.socialIcons li { float:none; display:inline-block; margin:0 5px }
.socialIcons li a { width:50px; height:50px; }
.socialIcons li a .sprite { margin-top:13px;  }
.iconTwitter { background-position:-708px -109px; width:27px; height:22px; }
.iconFacebook { background-position:-709px -132px; width:13px; height:27px;  }
.iconGmailPlus { background-position:-709px -162px; width:31px; height:27px;  }

.newPopUpDesign .notificationBox { margin:25px }
.iconShare { width:35px; border-radius:5px; height:35px; text-align:center; padding-top:6px; padding-left:2px }
.iconShare span { background-position:-681px -229px; width:21px; height:22px; }

.upgradeBtn { margin-bottom:10px }
.parentFreeAccount .col-xs-6 { width:auto; float:none }
#nameoncert { font-size:17px !important }
div.jp-controls-holder { margin:0 auto 4px !important }

.panel-body.subgroup-details { margin:0; padding:0 }
.subgroup-details .numberGameList { margin:0 }
.subgroup-details .numberGameList li { margin:0 10px 10px; height:auto !important  }
.subgroup-details .numberGameList li:first-child { margin-left:10px }


/* Css Added Start By Ashok 08/01/2015
===============================================*/
.profileLogin2 { margin-right:5%; width:150px; }
.iconHelpInfo { margin-top:3px; }
.banner-details > div > .col-xs-6, .teacher-info > div .col-xs-6 { width:auto; float:none; margin:0 0 15px }
.teacher-info > div .col-xs-6:first-child .information-teacher li > strong, .information-teacher li > strong { width:120px }
.lock-label { float:none; clear:both }
.teacher-list-data li h2 { float:none; }
.graph-collum-large, .graph-collum-medium { width:auto; float:none }

.filter-selectmenu { margin-bottom:5px; }
.filter-selectmenu .col-xs-4, .filter-data-update .col-xs-3, .filter-data-update .col-xs-1, .filter-data-update .col-xs-2 { width:auto; margin:0 0 10px; float:none }
Add a comment to this line
.filter-selectmenu .selectpicker.btn-default { font-size:15px; height:45px; }
.filter-selectmenu .bootstrap-select .dropdown-menu.open { top:40px; }
.filter-data-update { margin-bottom:10px; }
.updateBtn { font-size:18px; line-height:40px; }
.blueBtnDownload { display:block; float:none; margin:0 0 10px; line-height:40px; font-size:18px; }
.date .form-control { font-size:15px }
.downloadBtnsLink { margin-bottom:25px; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal { width:520px; right:50%; margin-right:-260px; }
.data-table tbody tr th:first-child, .data-table thead tr th:first-child { width:210px; }
.sticky-col tbody tr th { width:210px !important }
.data-table tbody tr th:first-child strong, .data-table tbody tr th strong { width:30px; height:30px; margin-right:10px; margin-top:4px }
.data-table tbody tr th:first-child span, .data-table tbody tr th span { font-size:13px; }
.data-table thead tr th { padding:15px 15px 14px }
.data-table tbody tr td { padding:6px 15px 6px }
.data-table tbody tr th:first-child span i, .data-table tbody tr th span i { font-size:12px; }
.data-table .iconEditPencil, .data-table thead tr th .iconEditPencil { margin:2px 15px 0px 4px }
.data-table { font-size:12px; }
/* Css Added End By Ashok 08/01/2015
===============================================*/
}

@media only screen and (min-width: 640px) {
.avatareyes { position: absolute; left:0px; top:0px; }
.add_class_right{ margin-top:10px; }
.featured-link{ margin-top:10px; }
}

@media only screen and (max-width: 1012px) {
.bonusButton { display:none  }
.sideBannerImage img { width:100% }
.sideBanner { left:0; right:0 }
}

@media only screen and (max-width: 767px) {
.overViewListing > li { width:48%; margin:0 1% 10px; float:left }
nav { margin:0 }

.bannerTitle { top:27%; font-size:20px; line-height:23px; }
.bannerBtn { bottom:5%; }
.bannerBtn i { font-size:12px; border:solid 1px #FFF; padding:3px 5px 4px 5px; }

.overViewListing > li:first-child { margin-left:2% }
.overViewListing > li { width:46%; margin:0 2% 10px; float:left }
.galleryContainer > a.redRibin { padding:2px 10px 3px; font-size:13px; top:12px; }
.galleryContainer h3 a { font-size:13px; }

nav { margin:0 }
.featured-link{ margin-top:10px; }
.bannerTitle { top:23%; font-size:15px; line-height:18px; }
.bannerBtn { bottom:5%; }
.bannerBtn i { font-size:11px; border:solid 1px #FFF; padding:3px 5px; }
.frameImg .videoDiv { width:100%; height:220px; }
}

@media only screen and (max-width: 505px) {
.frameImg .videoDiv { width:100%; height:90px; }
.overViewListing > li:first-child { margin-left:0 }
.overViewListing > li { width:auto; margin:0 0 10px; float:none }
.galleryContainer h3 a { font-size:16px; }

.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right:-19px;}
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left:-19px;}
.featured-link{ margin-top:10px; }
}

@media only screen and (max-width: 600px) {
.featured-link{ margin-top:10px; }
.pet-body { width:140px !important; }
.pet-eye-div { left: 0px !important; top: 0px !important; }
.pet-eyes { width:140px !important; }
.pet-glasses{ width:140px !important; }
.pop-up-image {width:90px !important;}
.pet-glasses-div{ left:0px !important; top:0px !important; position: absolute; z-index:9999;}
.activity_thumb img { width:100%; }
.next-prev-box{ height:84px;  overflow: hidden; }
.frameImg .videoDiv { width:100%; height:90px; }
.headerNavigation nav li a .sprite { display:none  }
.headerNavigation nav li a .sprite.iconLoginNext { display:inline-block }
.loginHeader .memberDetails { padding-left:0 }
.mobileShowLogo { display:none }
.label-div { float:left; width:100% !important; text-align: left; padding: 10px; margin-left: 5px; font-size: 10px;}

.iconLoginNext { background-position:-356px 0; width:42px; height:43px; }
.iconLoginNext:hover { background-position:-356px -46px;  }
.loginHeader nav { padding-top:4px; }
.loginHeader .profileLogin { width:110px }
.loginHeader nav li:active .iconLoginNext { background-position:-356px -93px }

.iconLoginMenu { background-position:-356px -144px; width:42px; height:44px; margin-top:0 }
.iconLoginMenu:hover { background-position:-356px -192px;  }
.loginHeader nav li:active .iconLoginMenu { background-position:-356px -239px }

.loginHeader .headerNavigation nav li { margin-left:2px }
.loginHeader .headerNavigation nav li a { padding-left:0; padding-right:0 }

.loginHeader .coinsList { padding-right:0; margin-bottom:0; padding-top:14px }
.loginHeader .coinsList li { float:left; margin:0 0 0 21px; width:85px; }
.loginHeader .coinsList li .iconCoin { display:none }
.loginHeader .coinsList li:first-child { margin-left:0 }
.loginHeader .profileLogin { padding-top:8px; width:103px; }
.loginHeader .iconCoinStar { display:none }
.coinsCollect { width:59px; font-size:11px; }

.loginContainer { padding-top:70px; }
.loginContainer .middle { padding-top:10px; }

.loginContainer { padding-top:70px; }
.loginContainer .middle { padding-top:10px; }

.loginHeader .coinsList li { margin-left:21px; }
.loginHeader .profileLogin { width:103px; }
.loginHeader .coinsList li .iconCoin { display:block; background-position:-152px -413px; width:33px; height:37px; top:-5px; }

.iconLoginNext { background-position:-401px 0; width:35px; height:36px; margin-top:3px; }
.iconLoginNext:hover { background-position:-401px -38px; }
.loginHeader nav li:active .iconLoginNext { background-position:-401px -78px }

.iconLoginMenu { background-position:-401px -116px; width:35px; height:38px; margin-top:3px; }
.iconLoginMenu:hover { background-position:-401px -156px; }
.loginHeader nav li:active .iconLoginMenu { background-position:-401px -197px }

.loginHeader .container { padding:0 7px; }
.loginHeader .coinsList li { margin-left:15px; }
.loginHeader .headerNavigation nav li { margin-left:4px; }

.coinsCollect { border-radius:3px; width:56px; font-size:10px; text-align:right }
.loginHeader .coinsList li { padding:4px; border-radius:4px; }

.loginHeader nav { margin-right:-5px; }
.loginHeader .memberDetails span { font-size:10px; }
.loginHeader span.name { font-size:15px; margin-bottom:0; padding-bottom:0; line-height:14px; }
.loginHeader .profileLogin { width:42%; padding-left:7px; padding-right:7px; }
.loginHeader .profileImage { width:45px; height:45px; }

.bannerTitle { top:17%; font-size:10px; line-height:12px; }
.bannerBtn { bottom:5%; }
.bannerBtn i { font-size:9px; border:solid 1px #FFF; padding:2px 5px 2px 5px; }

.sideBanner { top:100px; }
h2.pageTitle { font-size:27px; }
.sideBanner.leftSideBanner { top:60px; }

.containAccordian6 .table .borderRaduis th { padding-left:13px; font-size:16px; line-height:30px;}
.containAccordian6 .table td { padding-left:20px; font-size:16px; line-height:18px;}
.containAccordian6 .table tr td:first-child, .containAccordian6 .table tr.active td:first-child { background-position:9px 16px;}
.pointsRaduis { padding-left:20px !important;}
.accordianContain .panel-default { padding:9px 0 9px 28px; }

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width:20px; height:20px;}
.glyphicon-chevron-right { background-position:-524px -415px;}
.glyphicon-chevron-left { background-position:-524px -394px;}
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right:-22px;}
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left:-22px;}

.printButton { display:block; float:none; padding-left:10px; padding-right:10px; font-size:24px;}

.printDetail { padding-left:0;}
.printDetail li { margin-left:5px;}
.printDetail li:first-child { margin-left:0;}

.certificateTable { margin:0 1%;}
.certificateTable .table > thead > tr > th, .certificateTable .table > tbody > tr > th, .certificateTable .table > tfoot > tr > th { padding:0 0 3px 40px; font-size:26px; width:52% !important;}
.certificateTable .table > thead > tr > td, .certificateTable .table > tbody > tr > td, .table > tfoot > tr > td { padding:0 0 0 14px; font-size:16px; line-height:40px;}
.certificateTable .table > thead > tr > td span, .certificateTable .table > tbody > tr > td span, .table > tfoot > tr > td span { margin-right:6px;}
.certificateTable .table > thead > tr > th.pointsRaduis, .certificateTable .table > tbody > tr > th.pointsRaduis, .certificateTable .table > tfoot > tr > th.pointsRaduis { padding-left:0;}

.taskInformation .pull-right, .taskInformation .pull-left { width:auto !important; float:none !important; text-align:left !important; display:block !important }
.iconTaskInfo { position:absolute; right:4px; top:-3px }
.iconSetTaskInfo { position:absolute; right:4px; top:-3px }
.iconcourseInfo { position:absolute; right:4px; top:-3px }
.taskInformation .pull-right { padding-top:5px }

.leftStoryBook, .rightStoryBook { top:4% }
.storyTitle { font-size:14px; line-height:14px; margin-bottom:-5px }
.storyTitle span { font-size:12px }
.photoFrame { margin-bottom:0; width:61% }
.jpFrame { margin-bottom:0; width:61% }
.frameImg figcaption { line-height:13px; font-size:14px; top:11% }
.frameImg2 figcaption { line-height:13px; font-size:14px; top:11% }
.openBooxContainer .iconAlianPlay { background-position:-635px -234px; width:27px; height:27px; }
.openBooxContainer .iconAlianPlayDisable { background-position:-674px -260px }
a.jp-play{ background-position:-635px -234px !important; width:27px !important; height:27px !important; }
h2.pageTitle { font-size:21px; min-height:40px; }
h2.pageTitle .sprite { margin-right:2px }

.petAlianContainer { position:inherit; width:auto; left:inherit; top:inherit; margin-bottom:15px }
.boxArrow { display:none }
.petAlianDetails > figure { width:auto }
.petAlianContainer { padding:35px 12% 15px }

.enerygyTitle { float:none; font-size:15px; line-height:16px; width:130px }
.roundedList { float:left; margin-bottom:10px }
.iconEnergy { background-position:-584px -338px; width:26px; height:40px; }

.informationContainer { left:13px; right:24px; margin:0; width:auto; padding-bottom:30px; background-position:center 0 }
.infoDetails { margin:140px 7% 0 }

.informationContainer { padding-bottom:15px }
.informationContainer { top:24% }
.infoDetails { font-size:18px; line-height:19px; padding-bottom:15px; margin-top:133px }

.petGifImage { width:100px; height:90px; }
.loginHeader .navbar-brand { width:20px; height:17px; background:url(https://static.studyladder.ca/cdn/site/27/4ea76613eb54.png) no-repeat 0 0; }
.loginHeader .navbar-brand img { display:none }
.loginHeader nav li.homeNone { display:none; }
.loginHeader span.unsuperText { font-size:11px; }
.coinsList { margin-left:4%; }

.petAlianDetails > figure { width:auto }
h2.acordianTitle { margin-bottom:30px; }
h3.gamesTitle { font-size:20px; }
.accordianContain { font-size:17px; }
.panel-body { padding-left:30px; }
.accordianContain .panel-body p { line-height:23px; }

/* Css Added Start By Ashok 08/01/2015
===============================================*/
.header-img { width:35px; }
.header-img2 { width:20px; }
.loginHeader .profileLogin2 .memberDetails { padding-top:5px }
.banner-details { padding:70px 0px 15px }
.iconHelpInfo { display:none }

.edit-links li { padding-left:10px; padding-right:10px }
.edit-links li a { font-size:14px }

Add a comment to this line
.mCSB_scrollTools.mCSB_scrollTools_horizontal { width:420px; right:50%; margin-right:-210px; }
/* Css Added End By Ashok 08/01/2015
===============================================*/
}

@media only screen and (max-width: 708px) {
.smilyList { display:none }
.frameImg .videoDiv { width:100%; height:90px; }
.petAlianContainer { position:inherit; width:auto; left:inherit; top:inherit; margin-bottom:15px }
}

@media only screen and (max-width: 768px) {
.petAlianContainer { position:inherit; width:auto; left:inherit; top:inherit; margin-bottom:15px }
.boxArrow { display:none }
.sideBanner { top:100px; }
}


.joinNowFooter li { float:none; margin:0 10px; display:inline }
.titlePrice { font-size:18px; color:#FFF; vertical-align:middle; line-height:22px; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; }
.titlePrice2 { font-size:18px; color:#08B0E2; font-weight:bold; margin-bottom:7px; line-height:22px; padding-left:10px; padding-right:10px; }
.titlePrice2.dd {  min-height:66px; }
.priceMonth { font-size:16px; color:#808284; font-weight:bold; margin:0 !important }
.price { font-size:21px; color:#ADACAC; font-weight:bold; line-height:21px;  }
.price strong { color:#08B0E2; font-weight:bold }
.price.free { font-size:16px; color:#808284; padding-top:10px; }
.unlimited { display:block; margin:0 -15px; background:#ADACAC; color:#FFF; padding:5px 0; margin-bottom:8px; font-size:20px; font-weight:bold }
.priceContainer { color:#939597; font-size:12px; line-height:20px;padding:0 15px 0 15px }
.plus { color:#939597; font-size:16px; display:block; padding:7px 0 }
.priceContainer2 { color:#ADACAC; }
.parentBox { color:#FFF; font-size:14px; }
.pricingTable .btn-join { background:#99CA4E}
.greyPriceBox .btn-join { background:#BBBDC0 }
.greyPriceBox .btn-join:hover { background:#a9a9a9 }
.topSpace { padding-top:10px; }

.pricingTable {  margin-bottom:50px;}
.pricingTable table { text-align:center; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:17px; line-height:20px; font-weight:normal; border-collapse:separate; border-spacing:13px; margin:0;background:url('/images/new_design/pricing-table-bg.jpg') repeat-y center top;  }
.whiteBox { background:#F7F8F8; padding-top:8px; padding-bottom:8px; }
.titlePrice span { display:block; color:#00a2e8; font-weight:bold }
.greyPriceBox .titlePrice span { color:#828385 }
.greyPriceBox .parentBox { color:#818284 }
.greyPriceBox .price { font-size:16px; padding-top:11px; }
.pricingTable .table > thead > tr > th, .pricingTable .table > tbody > tr > th, .pricingTable .table > tfoot > tr > th, .pricingTable .table > thead > tr > td, .pricingTable .table > tbody > tr > td, .pricingTable .table > tfoot > tr > td { border:none;  line-height:20px; padding:0 }
.pricingTable .table > tbody > tr > td { width:25% }
.pricingTable .table > tbody > tr > td.widthnone { width:0 }
.pricingTable .table > tbody > tr > td.whiteBox { padding-top:8px; padding-bottom:8px; }

.titlePrice.greyPriceBox span, .titlePrice.greyPriceBox { color:#808284 }
.parentBox.greyPriceBox { color:#828385 }

.navbar-default .navbar-nav > li > a { -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;  }

@media screen and (max-width: 630px){
.intro-container  { left:0 }
.bird { padding-bottom:inherit; bottom:38.5%; left:17.5%; min-height:inherit}
.frameImg .videoDiv { width:100%; height:150px; }
.next-prev-box{ height:84px;  overflow: hidden; }
.activity_thumb{height: 84px; overflow: hidden;}
}

@media screen and (max-width: 438px){
.tasksSlider div a { height:100%; }
.intro-container  { left:0 }
.bird { padding-bottom: 32.5%; left:16%; bottom:inherit  }
.unsuperText{ display:none; }
.loginHeader .coinsList li:first-child { margin-left:5px; }
}

@media only screen and (max-width: 420px) {
.studyImg { bottom:-7px; margin-bottom:0 }
.left-button{ margin-left: 20px; margin-top: 6px;}
.middlecontainer { height:auto !important; }
.memberInformation > li { padding:0 2px }
.unsuperText{ display:none; }
.loginHeader .coinsList li:first-child { margin-left:5px; }
.backToTop { bottom:5px; right:5px;}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { margin-top:-8px;}
.printDetail { text-align:center; float:none; font-size:14px; }
.printDetail li { margin-left:5px; margin-bottom:5px; display:inline-block; }
.iconNotGained, .iconPrinted, .iconNotPrinted { margin-right:0; width:14px; height:12px; }
.iconNotPrinted { background-position:-439px -434px; }
.iconPrinted { background-position:-455px -434px; }
.iconNotGained { background-position:-471px -434px }
.certificateTable .table > thead > tr > th, .certificateTable .table > tbody > tr > th, .certificateTable .table > tfoot > tr > th { padding-left:36px; font-size:20px; line-height:36px; padding-bottom:0; width:70% !important;}
.certificateTable .table > thead > tr > th.pointsRaduis, .certificateTable .table > tbody > tr > th.pointsRaduis, .certificateTable .table > tfoot > tr > th.pointsRaduis { padding-left:0 !important;}
.certificateTable .table > thead > tr > td, .certificateTable .table > tbody > tr > td, .table > tfoot > tr > td { line-height:20px; font-size:15px; padding:10px 0 10px 10px}
.carousel { margin-bottom:25px;}
section.congratulation { padding-bottom:25px;}
.congratulation h2 { margin-bottom:35px;}

.congratulation h2.pageTitle { font-size:20px;}

.levalTitle { display:block; float:none }
.colorList { float:none; padding:0 0 0 10px }
.colorList li a { padding:5px 2px 4px }
.colorList li span { width:17px; height:17px; }

.tasksList { margin:0 25px }
.slick-next { right:-22px !important; }
.slick-prev { left:-22px !important; }
.taskSliderContainer { padding-bottom:6px; }
.petAlianContainer { font-size:15px; line-height:16px; top:-20px }
.taskSubTitle { margin-bottom:5px; padding:10px 10px }
h2 span.subtext { display:block; float:none }

.frameImg figcaption { line-height:10px; font-size:10px; top:10% }
.frameImg2 figcaption { line-height:10px; font-size:10px; top:10% }
.smallSmiley li { margin-left:3px }

.frameImg .videoDiv { width:100%; height:80px; }

.loginHeader .profileImage { display:none; }
.loginHeader .profileLogin { width:37%; padding-left:3px; padding-right:3px; }
.loginHeader .coinsList { margin-left:0; }
.loginHeader span.unsuperText { font-size:10px;  }
.loginHeader .coinsList .iconCoin { display:none !important }
.loginHeader .coinsList li { margin-left:6px; width:66px; }

.next-prev-box{ height:44px;  overflow: hidden; }
.activity_thumb{height: 54px; overflow: hidden;}


/* Css Added Start By Ashok 08/01/2015
===============================================*/
.mCSB_scrollTools.mCSB_scrollTools_horizontal { width:270px; right:50%; margin-right:-135px }
.data-table tbody tr th:first-child, .data-table thead tr th:first-child { width:170px; }
.sticky-col tbody tr th { width:170px !important }
.data-table tbody tr th { padding:5px 5px 6px 5px }
.data-table tbody tr td { padding:2px 15px; }
.data-table tbody tr th:first-child span, .data-table tbody tr th span { font-size:11px; }
.data-table tbody tr th:first-child span i, .data-table tbody tr th span i, .data-table { font-size:10px; }
.data-table tbody tr th:first-child strong, .data-table tbody tr th strong { width:25px; height:25px; }
.data-table tr td img { width:30px; }
table.dataTable tr th:first-child span, .sticky-col tr th span { font-size:11px; }
.data-table .iconEditPencil, .data-table thead tr th .iconEditPencil { margin-top:-2px }
/* Css Added End By Ashok 08/01/2015
===============================================*/

}

@media only screen and (max-width: 320px) {
.petAlianDetails > figure img{ width:230px; }
.storyTitle { font-size:12px; line-height:10px; }
.storyTitle span { font-size:10px }
.photoFrame { margin-bottom: 0px; }
.left-button { margin-top: 0px; !important}
.unsuperText{ display:none; }
.loginHeader .coinsList li:first-child { margin-left:5px; }
}

@media only screen and (max-width: 360px) {
.petAlianDetails > figure img{ width:230px; }
.left-button { margin-top: 6px; }
.photoFrame { margin-bottom: 0px; }
.unsuperText{ display:none; }
.loginHeader .coinsList li:first-child { margin-left:5px; }
}

@media only screen and (max-width: 900px) {
.smilyList li { min-width:89px; padding:11px 6px 12px 6px }
.smilyDetailsList .panel .panel-title { font-size:21px; }

.petAlianContainer { line-height:24px; font-size:18px }

.taskInformation .pull-right { width:59.6% }
.enerygyTitle { width:104px; font-size:13px; line-height:18px; padding-right:1%; padding-top:5px }
.roundedList li { margin-left:2px }
}

#footer-top { margin-top:40px; border-top:2px solid #fbfbfb; border-bottom:1px solid #fbfbfb; overflow:hidden; padding:14px 0; font-size:11px; }
#footer-top #sel_country { text-align:right; }
#footer-top #sel_country select { width:120px;text-align:right; }
#footer-top #sel_country form { display:inline; }


.error{color:#cc0000;font-size:14px;font-weight:bold;}

.error{ border: 1px solid #f00;background-color:#fee;color:#333;margin:1em 0;padding:1em;}
.error h4,.error p{background-color:#fee !important;border:none !important;}
.error h4,.error strong{margin-bottom:1em;color:#f00 !important;}
.error li {list-style-type:circle;margin-left:3ex;}

.hiddenLabel {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  height: 0px;
  width: 0px;
  overflow: hidden;
  visibility: hidden;
}

.hidden {
  height: 0px;
  width: 0px;
  overflow: hidden;
  visibility: hidden;
  display: none !important;
}

#login-loading{display:block;text-align:center;}

.headNotification {
    background-color: #fee;
    border: 2px solid #f00;
    color: #f00;
    left: 0;
    margin: 10px 0;
    padding: 20px;
    position: absolute;
    top: 0;
}

/* ---------- MAP STUFF START ------------------ */

.map_container {
    width: 100%;
    max-width: 878px;
    margin: 0 auto;
    position: relative;
}

.map-bg {
    width: 100%;
    text-align: center;
}

.map-bg img {
    width: 100%;
}

.signup {
/*    background-color: #FBAF40;
    height: 3.86206896552%;5*840/435*/
    position: absolute;
    cursor: pointer;
    width: 7%;
/*    text-align: center;
    font-size: 50%;
    border-radius: 50%;
    behavior: url(PIE.htc);  remove if you don't care about IE8 */
}

.big_signup {
    width: 17%;
    z-index: 2;
}

.testimonial-point {
    background-color: #C977EF;
    height: 1.54482758621%;
    position: absolute;
    width: 0.8%;
    text-align: center;
    font-size: 90%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    cursor: pointer;
    min-width: 7px;
    min-height: 7px;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
}

.vanchor {
    height: 5px;
    width: 5px;
    position: absolute;
}

.testimonial {
    width: 35%;
    height: 35%;/*(0.15*840*111)/(194*435)*/
    position: absolute;
    display: none;
    font-size: 60%;
    z-index: 3;
    color: #6D6E70;
}

.testimonial img {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}

.testimonial-bg-container {
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
}

.testimonial-bg {
    position: relative;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    background-color: #f3f3f4;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 3px solid #e7e8e9;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
}

.testimonial .testimonial-bg img.testimonial-bg-arrow {
    position: absolute;
    right: -23px;
    left: auto;
    top: auto;
    bottom: -18px;
    width: 41px;
    height: 36px;
}

.testimonial .testimonial-bg img.left-testimonial-bg-arrow {
    position: absolute;
    left: -23px;
    right: auto;
    top: auto;
    bottom: -18px;
    width: 41px;
    height: 36px;
}

.testimonial .quote {
    padding: 0 3%;
    position: absolute;
    width: 94%;
    height: 98%;
    top: 0;
    left: 1%;
}

.mainquote {
    font-size: 120%;
    height: 78%;
    position: absolute;
    top: 4%;
    overflow-y: auto;
/*    margin: 2% 1% 0 1%;*/
}

.mainlocation {
    font-size: 95%;
    bottom: 0;
    height: 20%;
/*    margin: 0 1% 6% 1%;*/
    position: absolute;
    width: 90%;
}

.vcentered {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

.vcentered {
    *display: inline;
}

.center-helper {
    height: 100%;
    vertical-align: middle;
    display: inline-block;
    width: 0px;
}

.latest {
    bottom: 0.5%;
    height: 40%;
    left: 2%;
    overflow: hidden;
    position: absolute;
    width: 15%;
    font-size: 50%;
}

.latestrow {
    height: 20%;
    overflow: hidden;
}

.odd {
    background-color: #ffffff;
}

.even {
    background-color: #F7F7F7;
}

.latest-date {
    border-right: 1px solid #989898;
    width: 19%;
    height: 100%;
    float: left;
    text-align: center;
}

.latest-header {
    height: 10%;
    color: #25aae2;
    font-weight: 600;
}

.rows-container {
    height: 89%;
    position: relative;
    border: 1px solid #989898;
    overflow: hidden;
    color: #cbcbcd;
    font-size: 75%;
}

.rows {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.latest-content {
    float: right;
    height: 90%;
    padding: 5% 1% 1% 1%;
    width: 78%;
}

.map-bg .spinner {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -50px;
    margin-top: -50px;
}

.hidden {
    display: none;
}

.gotomapbtn {
    cursor: pointer;
    text-decoration: underline;
}

.pacificisland{
    margin: -11.5% 0 0 -2%;
}

.safari .pacificisland{
    margin-top: -22.2%;
}

.southamerica{

}

.NZ{
    margin: 0 0 0 -9.5%;
}

.northafrica{
    margin: -3.3% 0 0 -10%;
}

.safari .northafrica{
    margin-top: -6.6%;
}

.southeastasia{
    margin: 0 0 0 -4.6%;
}

.africa{
    margin: -3.4% 0 0 -10%;
}

.safari .africa{
    margin-top: -6.8%;
}

.canada{
    margin: -0.5% 0 0 -10%;
}

.safari .canada{
    margin-top: -1%;
}

.UK{
    margin: -12.7% 0 0 -6%;
}

.safari .UK{
    margin-top: -25.5%;
}

.caribbean{
    margin: -1% 0 0 -9.4%;
}

.safari .caribbean{
    margin-top: -2%;
}

.centralasia{
    margin: 0 0 0 -6.6%;
}

.australia{
    margin: 0 0 0 -8%;
}

.russia{
    margin: -12% 0 0 -6%;
}

.safari .russia{
    margin-top: -25%;
}

.EU{
    margin: -3.2% 0 0 -10%;
}

.safari .EU{
    margin-top: -6.5%;
}

.balkan{
    margin: -17% 0 0 -4.3%;
}

.safari .balkan{
    margin-top: -35%;
}

.usa{
    margin: -2.1% 0 0 0;
}

.safari .usa{
    margin-top: -4.5%;
}

.arabian{
    margin: 0 0 0 -4.6%;
}

.eastasia{
    margin: -3.3% 0 0 0;
}

.safari .eastasia{
    margin-top: -6.8%;
}

@media screen and (max-width: 600px) {
    .testimonial {
        width: 46%;
    }

    .big_signup {
        width: 30%;
    }

    .pacificisland{
        margin: -26% 0 0 -4.6%;
    }

    .safari .pacificisland{
        margin-top: -52%;
    }

    .southamerica{

    }

    .NZ{
        margin: -0.5% 0 0 -22%;
    }

    .safari .NZ{
        margin-top: -1%;
    }

    .northafrica{
        margin: -7% 0 0 -23%;
    }

    .safari .northafrica{
        margin-top: -14%;
    }

    .southeastasia{
        margin: 0 0 0 -11%;
    }

    .africa{
        margin: -7.7% 0 0 -27%;
    }

    .safari .africa{
        margin-top: -15.5%;
    }

    .canada{
        margin: -1% 0 0 -22.5%;
    }

    .safari .canada{
        margin-top: -2%;
    }

    .UK{
        margin: -28.5% 0 0 -13.6%;
    }

    .safari .UK{
        margin-top: -57%;
    }

    .caribbean{
        margin: -2% 0 0 -21%;
    }

    .safari .caribbean{
        margin-top: -4%;
    }

    .centralasia{
        margin: 0 0 0 -15%;
    }

    .australia{
        margin: -0.7% 0 0 -18.2%;
    }

    .safari .australia{
        margin-top: -1.5%;
    }

    .russia{
        margin: -28% 0 0 -14%;
    }

    .safari .russia{
        margin-top: -56%;
    }

    .EU{
        margin: -7% 0 0 -22.7%;
    }

    .safari .EU{
        margin-top: -14%;
    }

    .balkan{
        margin: -39.5% 0 0 -10%;
    }

    .safari .balkan{
        margin-top: -79%;
    }

    .usa{
        margin: -4.8% 0 0 0;
    }

    .safari .usa{
        margin-top: -9%;
    }

    .arabian{
        margin: 0 0 0 -10.6%;
    }

    .eastasia{
        margin: -7.8% 0 0 -0.1%;
    }

    .safari .eastasia{
        margin-top: -16%;
    }
}

.map_description_purple_main{
  width:100%;
}

.map_description_orange_main{
  width:100%;
}

.purple_dot{
  height:15px;
  width:15px;
  border-radius:8px;
  background: #c977ef;
  float:left;
  margin-top:4px;
  margin-right:6px;
 }

.orange_dot{
  height:15px;
  width:15px;
  border-radius:8px;
  background: #fec841;
  float:left;
  margin-top:4px;
  margin-right:6px;
}

.orange_dot_desc{
  color:#fec841;
  font-family:'Myriad Pro',Arial,Helvetica,sans-serif;
  font-size:12px;
  padding-top: 3px;
  margin-left:3px;
}

.purple_dot_desc{
  color:#c977ef;
  font-family:'Myriad Pro',Arial,Helvetica,sans-serif;
  font-size:12px;
  padding-top: 3px;
  margin-left:3px;
}

/* ---------- MAP STUFF END ------------------ */
#sideMsgContainer {
      top:40px;
      right:0px;
      -moz-border-radius-bottomleft: 15px;
      -moz-border-radius-topleft: 15px;
      border-top-left-radius: 15px;
      border-bottom-left-radius: 15px;
      z-index: 1000001;
      position: fixed;
    }
 #sideMsgTab{
      -moz-border-radius-bottomleft: 15px;
      -moz-border-radius-topleft: 15px;
      border-top-left-radius: 15px;
      border-bottom-left-radius: 15px;
      float:left;
      padding:20px 0px 20px 0;
      width:30px;
      color:#fff;
      font-size:16px;
      font-weight:bold;
      overflow:hidden;
      cursor:pointer;
      text-transform:capitalize;
      height:311px;
      -moz-box-sizing:content-box !important;
      box-sizing:content-box !important;
      font-family: 'Trebuchet MS';
      line-height: 1.25;
    }

    #sideMsg {
      position:relative;
      display:none;
      width:0;
      float:right;
    }
    #sideMsgClose{
      cursor:pointer;
      position:absolute;
      top:0;
      right:0;
    }
    .learn_search_btn{
    background: none repeat scroll 0 0 #3FB4D7;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    margin-top: 10px;
    width: 60%;
    border: solid 1px #3FB4D7;
    }

    div.gradeKey{
    float: left;
    height: 47px;
    left: 2px;
    margin-right: 10px;
    position: relative;
    top: 0;
    width: 20px;
    }
    div.gradeWhite{background-color:#ffffff;border: 1px solid #E0E0E0;}
div.gradeYellow{background-color:#ffff66;}
div.gradeRed{background-color:#ff0000;}
div.gradeOrange{background-color:#ff9933;}
div.gradeBlue{background-color:#3399ff;}
div.gradeGreen{background-color:#33cc66;}
div.gradeBrown{background-color:#cc6600;}
div.gradeBlack{background-color:#000000;}
div.gradeStripe1{border:0.4em solid #000;border-width:0 0.4em;background-color: #f00;}

   .course_sub_section{
    background: #f9f9f9;
    width:100%;
    padding:5px;
    float:left;
    border-bottom:1px solid #e9e9e9;
   }

   .course_sub_section a{
    font-weight: bold;
    text-decoration: underline;
    color: #0CA1DC;
    font-size: 16px;
   }


.info-box {
    border: 1px solid #CCD2D9;
    padding: 20px;
}
.box-shadow, .info-box {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 3px 4px 5px #808285;
}

.resources .tabs {
 list-style: none;
 float: right;
 margin:4px 0 0 0;
}
.resources .tabs li {
 float: left;
}
.resources .tabs a {
 float: left;
 margin: 0 4px;
 padding: 5px 20px;
 text-decoration: none;
 color: #fff;
 background: #cccccc;
 -webkit-border-top-left-radius: 4px;
 -webkit-border-top-right-radius: 4px;
 -moz-border-radius-topleft: 4px;
 -moz-border-radius-topright: 4px;
 border-top-left-radius: 4px;
 border-top-right-radius: 4px;
 font-weight:bold;
 font-family:Tahoma;
 font-size:12px;
}
.resources .tabs a:hover {
 text-decoration: underline;
}
.resources .tabs a.active {
 background: #94D1D6;
}
.resources .title {
 float: left;
 width:420px;
 font-weight:bold;
 font-family:Tahoma;
 font-size:14px;
 padding:4px 0 0 0;
}
.resources .title span {
 font-size:12px;
}
.resources .content {
 border:3px solid #94D1D6;
 clear:both;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
 padding:10px;
 margin-bottom:20px;
}
.resources .content a {
 -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;
 border: 1px solid #94D1D6;
 line-height:34px;
 padding:2px 10px;
  white-space:nowrap;
}
.resources .content a:active { color:#000; }
.resources .content a:hover { border-color: #fff; }

.resources ul.sections a{outline:none}

.resources ul.sections{padding:0;margin:0 -1ex;list-style-type:none}
.resources ul.sections>li{border-bottom:1px solid #e9e9e9}
.resources ul.sections>li>h2{background-color:#e9e9e9;line-height:32px;padding:0 1ex;margin:0}

.resources ul.outcomes{padding:0;margin:0 0 0 22px;list-style-type:none;background-color:#f9f9f9}
.resources ul.outcomes>li{border-bottom:1px solid #e9e9e9}
.resources ul.outcomes>li>h3:hover{background-color:#ffc;cursor:pointer}
.resources ul.outcomes>li>h3{font-weight:500;line-height:32px;padding:11px;margin:0}
.resources ul.outcomes>li>h3:hover>a{color:#000}
.resources ul.outcomes>li>h3>a{text-decoration:underline;font-weight:900}

.resources ul.activities{padding-left:3ex;list-style-type:none;display:none}
.resources ul.activities>li{font-size:16px}
.resources ul.activities>li>label{font-size:16px;line-height:22px}
.resources ul.activities>li>a{border:0 none;float:left;margin:0 0 22px;padding:0}
.resources ul.activities>li>a>img{border:1px solid #999999;box-shadow:0 0 5px rgba(0, 0, 0, 0.1);display:block;width:150px}
.resources ul.activities>li>ul{float:left;line-height: 22px;list-style-type: none;margin: 0 0 0 2ex;min-height: 125px;padding: 0}
.resources ul.activities>li>ul>li>a:hover{text-decoration:none}
.resources ul.activities>li>ul>li>a:hover>strong{text-decoration:underline}
.resources ul.activities>li>ul>li>a:hover>span{color:#6e6e70}

.resources ul.activities>li>ul>li>a>strong{text-decoration:underline}
.resources ul.activities>li>ul>li>a>span{color:#6e6e70}



    /* STILL BANNER */
  #still_banner{ margin:20px 0;}
  #still_banner .block{ font-size:14px; color:#000; position:relative; width:444px; border:1px solid #ccd2d9; padding:15px; height:187px;}
  #still_banner .block .h1{ font-size:20px; color:#000;}
  #still_banner .block .h2{ color:#58595b; font-size:17px;}
  #still_banner .block.left { background: #fff url(https://static.studyladder.ca/cdn/site/37/8a772bafa62a.jpg) no-repeat 190px -40px; }
  #still_banner .block.right { background: #fff url(https://static.studyladder.ca/cdn/site/37/8a772bafa62a.jpg) no-repeat -295px -40px; }
  #still_banner .block>img { position:absolute; bottom:0;left:0; }

  /** learn styles **/
 .login_required{
   background-color:#fccaa1;
   height:58px;
   float:left;
   border-radius:10px;
   color:#d58142;
   padding:10px;
   width:100%;
}

.need_account{
  float:left;

}

.testimonial_1{
   background: #fff url(https://static.studyladder.ca/cdn/site/37/8a772bafa62a.jpg) no-repeat 190px -40px;
   margin:2px;
   width:100%;
   height:100%;
   border: 1px solid #CCD2D9;
   padding: 5px;
}

.testimonial_1 h2{
   text-align:center;
   padding: 3px;
   margin-top:10px;
}


.testimonial_2{
   background: #fff url(https://static.studyladder.ca/cdn/site/37/8a772bafa62a.jpg) no-repeat -295px -40px;
   margin:2px;
   width:100%;
   height:100%;
   border: 1px solid #CCD2D9;
}

.testimonial_2 h3{
   text-align:center;
   padding: 3px;
   margin-top:25px;
}

.div_screenshot{
   width:100%;
   float:left;
   margin: 0 auto;
   text-align: center;
}

.activity_greyBox{
   background-color: rgba(192, 192, 192, 0.7);
   border-radius: 15px;
   left: 0;
   padding: 0 10px;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: 9;
   height:100%;
}

.naplan_block_msg{
  background-color: rgba(192, 192, 192, 0.7);
  width:100%;
  height:120px;
  padding-top:50px;
  padding-left:30px;
  margin-bottom:10px;
}

.login_required_2{
   background-color: #FCCAA1;
   border-radius: 10px;
   color: #D58142;
   float: left;
   height: 58px;
   margin-top: 10px;
   padding: 10px;
   width: 120px;
}

.removeButton {
    background: none repeat scroll 0 0 #FF3300;
    border-radius: 10px;
    color: #FFFFFF;
    display: none;
    padding: 6px;
    position: relative;
    width: 60px;
}
/** Parent join popup **/
.parent_join_header{ background-color:#b7e1d6; width: 100%; }
.parent_join_header img{ width: 100%; }
.parent_join_body{ background-color:#f0f8f6; width: 100%; min-height:112px; height: 100%; overflow: hidden; }
.parent_join_footer{ width: 100%; overflow: hidden; }
.parent_join_footer img{ width: 100%; }
.parent_join_extra_fields{ height:100%; width:100%; float:left; background: url(https://static.studyladder.ca/cdn/site/bb/eba7715c0eab.png) repeat-y; }
.parent_more_info{ width: 100%; }
.parent_more_info img{ width: 100%; }
.upgrade_div_inner{ margin:auto; font-size:16pt; color:#fff;  width:80%; padding-top: 5px; padding-left: 20px; }
.upgrade_div{ height:40px; width:45%; margin:auto; border-radius: 8px;}
.upgrade_div a:hover{ text-decoration:none; }

/* Overview Page Change Css Start Date: 07-05-2015
=======================================================*/
.overViewSection { background:url(../12/overView-pattern.png) repeat 0 0; padding-top:66px; }

.overviewContainer { background:rgba(255,255,255,0.70); padding:50px 25px; box-shadow:1px 0 5px rgba(25,24,25,0.25); }
.overviewContainer div > .col-xs-6 { padding-left:25px; padding-right:25px; margin-bottom:20px; }
.earnRewards { background:url(../12/earn-rewards-bg.jpg) no-repeat 0 0; padding:27px 11px 20px; text-align:center; border-radius:5px; display:block; margin-bottom:16px; box-shadow:1px 0 5px rgba(25,24,25,0.25); }
.earnRewards .col-lg-6 { width:42%; }
.earnRewards .col-lg-7 { width:56%; margin-top:-37px; padding:0; }
.earnRewards .col-lg-7 a { display:block; }

.overviewContainer .earnRewards > h2 { background:url(../12/title-bg.png) no-repeat center center; font-size:30px; line-height:32px; color:#FFFFFF; font-family:'Myriad Pro',Arial,Helvetica,sans-serif; font-weight:600; padding:11px 0 29px 0; margin-bottom:78px; display:block; }
.overviewContainer .earnRewards > h2 a { color:#FFFFFF; }
.overviewContainer .earnRewards > h2 a:hover { text-decoration:none; color:#cdf5ff; }
.overviewContainer .openRewards > h2 { margin-bottom:74px; }
.overviewContainer .openRewards > h2 a:hover { color:#ffe8b9; }

.chanlangeBox { background:#7aebff; font-size:17px; line-height:26px; color:#231f20; border-radius:15px; padding:22px 0 18px 0; position:relative; margin-bottom:20px; font-family:'Myriad Pro',Arial,Helvetica,sans-serif; }
.chanlangeBox:before { content:""; background:url(../12/chalange-corner.png) no-repeat 0 0; width:32px; height:22px; display:block; position:absolute; bottom:19px; right:-32px; }
.chanlangeBox a { display:block; color:#231F20;  }
.chanlangeBox a:hover { text-decoration:none; }
.chanlangeBox h3 { font-size:17px; letter-spacing:0; font-weight:600; margin-bottom:9px; }
.chanlangeBox div span { font-size:23px; line-height:23px; font-weight:bold; display:inline-block; }

.setTask { background:#fec342; margin-bottom:0; font-size:25px; line-height:26px; font-weight:600; padding:0; }
.setTask a { display:block; padding:30px 0 22px 0;  }
.setTask h3 { margin-bottom:3px; }
.setTask:before { display:none; }

.openRewards { background:url(../12/open-rewards-bg.jpg) no-repeat center center; }
.openRewards .col-lg-6 { width:43%; }
.openRewards .col-lg-6 h2 { font-size:17px; line-height:16px; color:#231f20; text-align:left; padding-right:10px; margin-bottom:7px; }
.openRewards .col-lg-6 h2 a { color:#231f20; }
.openRewards .col-lg-6 h2 a:hover { color:#515151; }
.openRewards .col-lg-6 h2 a:hover { text-decoration:none; }
.openRewards .col-lg-7 { width:53%; margin-top:-13px; }
.openRewards .col-lg-6 figure a { display:inline-block; }

.rewardPoints { list-style:none; padding:4px 0 29px 0; }
.rewardPoints li { display:inline-block; }

.nextActivityBox { background:#2cade4; box-shadow:1px 0 5px rgba(25,24,25,0.25); font-family:'Myriad Pro',Arial,Helvetica,sans-serif; border-radius:5px; }
.nextActivityBox:hover { background:#279ccd; }
.nextActivityBox a { display:block; padding:19px 5px 13px; }
.nextActivityBox a:hover { text-decoration:none; }
.nextActivityBox h3 { font-size:19px; line-height:126%; color:#FFFFFF; }
.nextActivityBox h3 span { font-size:17px; line-height:120%; display:block; font-weight:normal; }
.nextActivityBox .col-lg-7 > span { font-size:20px; line-height:22px; color:#FFFFFF; }
.nextActivityBox .col-lg-7 > span.left { padding-top:5px; display:inline-block; }
.nextActivityBox .col-lg-7 > span.right { font-size:23px; margin-right:15px; }

.nextActivityBox .col-lg-5 { padding:0 0 0 0; }
.nextActivityBox .col-lg-5 figure { position:relative; display:inline-block; border-radius:3px; text-align:center; }
.blackTranp { background:rgba(000,000,000,0.6); position:absolute; top:0; bottom:0; left:0; right:0; border-radius:3px; }
.playButton { font-size:22px; line-height:24px; color:#FFFFFF; position:absolute; top:50px; left:0; right:0; margin-top:-35px; }
.playButton i { display:block; margin:0 auto 7px; }
.activitySmilyIcon { background:url(../12/571aeab43c13.png) no-repeat -149px -379px; width:33px; height:32px; position:absolute; top:-5px; right:-5px; }

.availableReward { background:#ffa726; }
.availableReward:hover { background:#e9961d; }
.availableReward h3 { margin-bottom:32px; }
.availableReward figure img { border-radius:3px; }

.liveBoxYellow { background:#f4d936; border-radius:5px; box-shadow:1px 0 5px rgba(25,24,25,0.25); font-size:14px; line-height:21px; color:#231f20; font-weight:500; }
.liveBoxYellow:hover { background:#d0b92e; }
.liveBoxYellow a { display:block; padding:18px 19px 31px; color:#231f20; }
.liveBoxYellow a:hover { text-decoration:none; }
.liveBoxYellow span { float:left; margin-right:20px; margin-top:2px; }
.liveBoxYellow a > div { width:81%; float:left; }

.liveBlueBox { background:#007bae; border-radius:5px; box-shadow:1px 0 5px rgba(25,24,25,0.25); position:relative; }
.liveBlueBox:hover { background:#006088; }
.liveBlueBox a { display:block; padding:20px 20px 15px; }
.liveBlueBox a:hover { text-decoration:none; }
.liveBlueBox figure { background:#FFFFFF; display:block; border-radius:5px; }
.liveBlueBox figure img { float:left; margin-right:21px; border-radius:5px; margin-bottom:15px }
.liveBlueBox a > div { overflow:hidden; }
.liveBlueBox a > div h3 { font-size:17px; line-height:21px; color:#FFFFFF; margin-bottom:18px; }
.liveBlueBox a time { font-size:14px; line-height:16px; color:rgba(255,255,255,0.6); }
.liveBlueBox a > div time span { padding-right:10px }

.liveGreenBox { background:#96bc6e; }
.liveGreenBox:hover { background:#7da454; }
.liveCyanBox { background:#6ab7a4; }
.liveCyanBox:hover { background:#4d9e8a; }
.liveRedBox { background:#dc4a4a; }
.liveRedBox:hover { background:#b63b3b; }
.liveDarkBlueBox { background:#916498; }
.liveDarkBlueBox:hover { background:#794f80; }
.liveOrangeBox { background:#FFA500; }
.liveOrangeBox:hover { background:#d38902; }

.liveTitle { margin:18px 24px 37px; position:relative; display:block; }
.liveTitle:before { content:""; border-bottom:solid 2px #231f20; width:83%; display:block; position:absolute; top:11px; left:17%; }
.liveTitle h2 { font-size:23px; line-height:27px; color:#231f20; }

.iconEarn { background-position:-153px -414px; width:31px; height:36px; margin:-4px 4px 0 10px; }
.iconEnergy { background-position:-225px -479px; width:23px; height:33px; margin:0 2px 0 3px; }
.iconPoint { background-position:-593px -452px; width:17px; height:19px; }
.rewardPoints li a.iconPoint:hover, .rewardPoints li.active a.iconPoint { background-position:-611px -452px; }
.iconPlaybutton { background-position:-631px -452px; width:46px; height:47px; }
.iconBulb { background-position:-590px -473px; width:40px; height:48px; }
.iconliveShare { background-position:-567px -473px; width:19px; height:16px; position:absolute; bottom:17px; right:19px; }
.iconDownArrowRound { background-position:-545px -473px; width:20px; height:20px; margin:-4px 0 0 3px; }

.nextActivityBox, .liveBoxYellow, .liveBlueBox, .openRewards .col-lg-6 h2 a, .overviewContainer .earnRewards > h2 a { transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; }

/*New css for New page on 28 May 2015*/

.margin-bottom{ margin-bottom:20px}
.teacherhome .titleStudents{ margin:0 0 20px; text-align:left; padding:15px 20px; position:relative;   }
.teacherhome .titleStudents a{ color:#FFF;}
.teacherhome .memberListing{ margin:0 0}
.titleGreen { background:#78c656}
.cornerIcon{ position:absolute; right:0; width:80px;  top:0; bottom:0; text-align:center; line-height:100%; background:rgba(0,0,0,0.1); border-radius:0 6px 6px 0; }
.cornerIcon i{ vertical-align:central; margin-top:25%; font-weight:normal;}
.meberlistnew li{ border:solid 1px #d4d4d4; border-radius:5px; box-shadow:0 3px 0 #dedddd; margin-bottom:20px;}
.meberlistnew li > a { border-radius:5px; font-size:15px;}
.matadata{ padding:10px 0 0; font-size:1.0em; color:#969494}
.matadata > span{ padding-left:15px;}
.matadata > span:first-child { padding-left:0}
.matadata  .mleft{ float:right; padding:0 5px; color:#428bca; font-size:1.5em; border-left:solid 1px #d4d4d4; margin-top:-5px;}
.matadata  .mleftno { border-left:0}

.paddingTop-two { padding-top:120px;}

.dropdownMenu:before { display:block; color:#f4d936; font-size:30px !important; font-family:FontAwesome; content:'\f0de'; position:absolute; top:-18px; right:21px; }
.dropdownMenu { background-color:#f4d936; padding:0; display:none; position:absolute; top:77px; left:0 ; right:0; z-index:1000; box-shadow:0 1px 3px rgba(000,000,000,0.20); border-radius:6px; }
.dropdownMenu li { list-style:none; }
.teacherhome .dropdownMenu li a { display:block; font-weight:normal; font-size:16px; color:#000000; border-top:solid 1px #bda724; padding:17px 22px 15px; color:#000000; text-decoration:none; position:relative; }
.dropdownMenu li:first-child a { border:0; }
.dropdownMenu li .fa { position:absolute; top:35%; right:24px; font-size:20px; }
.dropdownMenu li input, .dropdownMenu li label { border:0; margin:0; padding:0; font-weight:normal }
.checkboxes { color:#000000; font-weight:normal; font-size:14px; padding:0; }

.dropdownMenu li ul { padding:0 22px 10px; }
.dropdownMenu li ul li { margin-bottom:5px; }
.checkboxes ul li label { margin-left:8px; }

.checkboxes .ez-checkbox{ display:inline-block; vertical-align:middle;}
.checkboxes .ez-checkbox:before { font-family:FontAwesome; content:"\f096"; width:13px; height:13px; display:inline-block; vertical-align:middle; opacity:1; margin:0; position:absolute; }
.checkboxes .ez-checkbox.ez-checked:before { font-family:FontAwesome; content:"\f046"; width:13px; height:13px; display:inline-block; opacity:1; margin:0  }
.open > .dropdownMenu { display:block; }
.dropdownMenu .checkboxes { display:none; }
.open > .dropdownMenu > ul { display:block; }

.messageIcon { background:url(../12/message-img.png) no-repeat 0 0; width:40px; height:40px; display:block; position:absolute; left:27.9%; top:34.7%;  }
.messageIcon .round { display:-inline-block; border-radius:100%; padding:4px 8px; text-align:center; background:#f12308; font-size:17px; font-weight:bold; line-height:17px;  color:#ffffff; position:absolute; top:-18px; right:-24px; border:solid 2px #ffffff; box-shadow:0 2px 0 rgba(000,000,000,0.25); }
.messageIcon:hover { text-decoration:none; }

.meberlistnew .memberDetails { line-height:19px; }
.meberlistnew li { position:relative; padding:14px 10px; }
.meberlistnew li a { display:inline-block; padding:0; }
.meberlistnew li a span strong { font-weight:600; font-size:16px; }
.meberlistnew .matadata { padding-top:20px;}
.dollarBox { background:#1682bf url(/site/f6/6903c1fd1b07.png) repeat-x 0 0; padding:6px !important; box-shadow:0 2px 3px rgba(24,116,183,0.55), inset -1px -1px 4px rgba(0,55,113,1); width:115px; display:block; border-radius:7px; position:absolute; right:18px; top:18px; }
.dollarBox .coinsCollect  { width:86px; padding:0 7px; font-size:12px; line-height:20px; font-weight:bold; text-align:right; }
.dollarBox .iconCoin { background-position:-1px -404px; width:44px; height:45px; top:-8px; left:-24px; }
.matadata .bottomTitle { color:#969494; font-size:14px; }
.matadata .bottomTitle { padding-left:15px;}
.matadata > .bottomTitle:first-child { padding-left:0}
.memberListing .heading { padding:0; }
a.heading:hover { background:none; }
a.heading:hover span, a.heading:hover strong { background:none; color:#2d72ad; }
a.bottomTitle:hover { color:#707070; background:none; }
.memberListing .heading span { display:block; color:#27A9E1; }
.dollarBox , .memberListing a.dollarBox:hover { background:#3fbbe8; }
.memberListing .profileImage:hover { background:#3ABBF2; }
.matadata .mleft:hover { background:none; color:#69a4d7; }


@media only screen and (max-width: 1556px) {
.earnRewards { padding-left:0; padding-right:0; }
.openRewards .col-lg-6 { width:44%; }
.nextActivityBox .col-lg-7 { width:57%; }
.liveBlueBox a > div { width:73%; margin-top:0; }

}
@media only screen and (max-width: 1200px) {
.overviewContainer { padding:30px 15px; }
.overviewContainer div > .col-xs-6 { padding-left:15px; padding-right:15px; }

.earnRewards .col-lg-7, .earnRewards .col-lg-6 { float:left; }
.earnRewards .col-lg-7 { width:52%; }
.earnRewards .col-lg-7 img { width:100%; }
.openRewards .col-lg-6 { width:41%; text-align:left; }
.openRewards .col-lg-7 { width:50%; }

.nextActivityBox .col-lg-5, .nextActivityBox .col-lg-7 { float:left; }

}

@media only screen and (max-width: 1026px) {
.overviewContainer div > .col-xs-6 { padding-left:10px; padding-right:10px; }
.overviewContainer .earnRewards > h2 { font-size:26px; background-size:100%; margin:0 15px 55px 15px; }

.earnRewards { background-color:#c1e897; background-size:100%; background-position:0 0; padding-bottom:10px; min-height:429px; }
.openRewards { background-color:#95eed8; }

.openRewards .col-lg-6 figure img { width:100%; }
.openRewards .col-lg-6 { width:51%; }
.openRewards .col-lg-7 { width:47%; margin-top:10px; }
.openRewards .col-lg-6 h2:first-child { min-height:25px; }

.nextActivityBox a { padding-left:10px; padding-right:10px; }
.nextActivityBox .col-lg-5, .nextActivityBox .col-lg-7 { padding:0 0 0 0; }
.nextActivityBox .col-lg-5 { width:37%; }
.nextActivityBox .col-lg-7 { width:63%; }
.nextActivityBox .col-lg-5 figure { display:block; }
.nextActivityBox .col-lg-5 figure img { width:100%; }

.playButton { font-size:0; }
.liveTitle::before { left:21%; width:80%; }

.liveBoxYellow a > div { width:80%; }
.liveBlueBox a > div { width:69%; }
.liveBlueBox a > div h3 { margin-bottom:15px; }
.paddingTop-two{ padding-top:98px;}

}
@media only screen and (max-width: 767px) {
.overviewContainer { padding:20px 0 0; }

.overViewSection { margin:-100px -15px 0; padding-bottom:0; }
.overviewContainer div > .col-xs-6 { width:auto; float:none; }

.liveBoxYellow a > div { width:auto; float:none; }
.liveBoxYellow a > div p { overflow:hidden; }
.liveBoxYellow a { padding:18px 19px 11px; }


.liveBlueBox a > div { width:auto; float:none; overflow:inherit; }
.liveBlueBox a > div h3 { font-size:16px; margin-bottom:10px; }

.overviewContainer .earnRewards > h2 { font-size:22px; padding:12px 0px 26px; margin-bottom:180px; }

.earnRewards { min-height:inherit; padding:10px 10px 50px; }
.earnRewards .col-lg-7, .earnRewards .col-lg-6 { padding:0; }
.earnRewards .col-lg-7 { width:50%; margin-left:20px; margin-top:0; }

.openRewards  { padding-bottom:15px; }
.openRewards .col-lg-6 { width:55%; }
.openRewards .col-lg-7 { width:44%; margin-left:0; margin-top:45px; }

.liveTitle::before { left:43%; width:60%; }
.liveTitle h2 { font-size:18px; }

.chanlangeBox { padding:0; margin-bottom:10px; }
.chanlangeBox a { padding:14px 0px 10px; }
.chanlangeBox h3 { font-size:14px; }

.nextActivityBox .col-lg-5, .nextActivityBox .col-lg-7 { width:auto; float:none; }
.nextActivityBox .col-lg-5 { margin-top:60px; }
.nextActivityBox .col-lg-5 figure a { display:block; }

.availableReward h3 { margin-bottom:13px; }
.playButton { top:50%; margin-top:-21px; }

.messageIcon { background-position:0 -41px; width:26px; height:26px; top:38%; }
.messageIcon .round { padding:4px 7px; font-size:12px; line-height:12px; top:-14px; right:-20px; }

}
@media only screen and (max-width: 600px) {
.overviewContainer .earnRewards > h2 { margin-bottom:80px; }
.earnRewards { padding-bottom:30px; }

.paddingTop-two{ padding-top:75px;}

}
@media only screen and (max-width: 480px) {
.overviewContainer .earnRewards > h2 { margin-bottom:22px; }
.earnRewards { padding-bottom:10px; }

.dollarBox { top:8px; right:8px; width:80px; }
.dollarBox .coinsCollect { font-size:10px; }
.meberlistnew .profileImage { width:60px; height:60px; margin-right:8px;}
.meberlistnew li a { padding:8px;}
.meberlistnew li a span strong { font-size:14px; }
.meberlistnew li a span { font-size:12px; }
.meberlistnew .matadata { font-size:0.8em; }
.meberlistnew .matadata > span { padding-left:10px;  }

}
@media screen and (max-device-width: 767px) and (orientation: landscape) {
.overviewContainer .earnRewards > h2 { padding-top:5px; margin-bottom:60px; }

}

/* Overview Page Change Css End Date: 08-05-2015
=======================================================*/