/*Report Card*/
p {margin:10px 0;}
.li-view ul{line-height: 24px;padding: 15px 0;}
.grp{margin:15px 0; }
.snapshotTbl{margin:15px 0;}
.lftDiv1{float:left;width:50%;padding-bottom: 15px; }
.lftDiv1 span{font-weight: bold; font-size:20px;}
.rhtDiv1{float:right;width:50%;text-align:right;padding-bottom: 15px;}
.grp > div{margin: 10px 0px 80px;}
span[id$="GradeGraphTitle"], div[id$="divMYPGraph"]>b { display:block; text-align:center; }
.li-view>div { float:left; margin-right:25px; }
.li-view:before, .li-view:after { display:table; content:""; }
.li-view:after { clear:both; }
div[id$="divOverallAchievement"] ul { margin-top:15px;   }

/* overwrting Bootstrap Css since site itself start with 970px */
@media (min-width: 1200px){
.container {
    width: 970px; 
}
}
/* overwrting Bootstrap Css since site itself start with 970px */



.topHeader .row{position:relative;}
.mainHolder{background:#e8f3f9; }
.mainPadding{padding-top:20px;}
#main-menu{display:none;}
.logo a{float:left;}
.siteName{font-size:30px; color:#1f3263;position:absolute; bottom:20px; left:32% }
.topHeader ul{float:right;}
.topHeader ul li:last-child{margin-right:0px;}
.social ul{padding:0px; margin-top:10px;}
.social ul li{display:inline-block;}
.social a{display:block; text-indent:-100000px; width:26px; height:26px; margin-right:10px;}
.fb{background:url(/images/UserUploadedImages/11/fb-ico.png) no-repeat;}
.footer .fb{background:url(/images/UserUploadedImages/11/fb-ico-bt.png) no-repeat;}
.sky{background:url(/images/UserUploadedImages/11/sky-ico.png) no-repeat;}
.social a.Sp{background:url(/images/UserUploadedImages/11/sp-ico.png) no-repeat; width:32px;margin-right:0px;}
.Topmenu{background:#283583; border-top:1px solid #906d4f; }
.menu-top{}
.menu-top a{display:block; color:#fff; padding:10px;}
.menu-top a:hover, .menu-top a.active{background-color:#906d4f;}
.menu-top li{display:inline-block; margin-right:10px;}
.hp-ico a{background:url(/images/UserUploadedImages/11/home-ico.png) no-repeat 8px 9px; text-indent:-10000px; width:40px; height: 40px; position:relative;}
.hp-ico a:hover, .hp-ico a.active {background-color:#906d4f;}
.hp-ico:hover a:after, .hp-ico:hover a.active:after{    display: inline-block;    content: "";    width: 0;    height: 0;    content: "";    position: absolute;    bottom: -8px;    left:30%;    border-left:8px solid transparent;
border-right: 8px solid transparent;    border-top: 8px solid #906d4f;}

#main-menua:after{    display: inline-block;    content: "";    width: 0;    height: 0;    content: "";    position: absolute;    bottom: -8px;    left:30%;    border-left:8px solid transparent;
border-right: 8px solid transparent;    border-top: 8px solid #906d4f;}


.bg-white{background:#fff;}
.contentArea{margin-top: 30px;}

.login-element .form-group{padding-right:15px;position: relative;}
.lgn-header{color:#2065a9; padding-left:40px; margin-bottom:20px; font-size:17px; background:url(/images/UserUploadedImages/11/member-ico.png) no-repeat; display:block;}
.lgn-username span, .lgn-password span{position:absolute; right:15px; font-size:12px;}
.login-element label{font-weight:normal; font-size:12px;}
.btn-primary, .btn-primary:hover{background:#2065a9;}


.footerBg:after {background:url(/images/UserUploadedImages/11/footer-bg.png) no-repeat ; background-position: center bottom; padding-bottom:75px;content: "";    display: table;    width: 100%;   position: relative;
  top: 1px;}
.footer{background:#1f3263; color:#fff; padding:35px 0px; font-size:12px;}
.footer a{color:#fff; display:block;}
.ft-xs-1 li{display:inline-block;  padding: 3px 0px;}
.ft-xs-1 > ul a{padding:0px 8px;  margin-bottom: 0px;  border-right: 1px solid #fff;  line-height: 12px;}
.logo-bottom a{float:right;}
.ft-xs-1 > ul li:first-child a{padding-left:0px;}
.ft-xs-1 > ul li:last-child a{border-right:none;}

#top-content .ico-1{ padding: 15px 20px 27px 80px;   background:url(/images/UserUploadedImages/11/dashboard.png) no-repeat 18px 5px #fff ;    margin:20px 0px;    border-radius: 5px;    border: 1px solid #b5d0e5; }
.left-content-tab{background-color:#fff;padding:20px;margin-bottom: 20px;}
.left-content-heading{background-color:#1f3263;padding: 15px 12px;color:#fff;font-size: 16px;font-weight: normal; margin: 0px;}

.listed-links{ display: block; margin-left: 15px;}
.listed-links li{  text-indent: -.7em;list-style-type: none;}
.listed-links li a{color:#2065a9;text-decoration: underline;}
.listed-links li:before{content: "• ";color:#906d4f; font-size:18px;}
.listInner li{    list-style-type: disc; margin-bottom:5px; }
.listInner li .Grade{font-weight:bold;}
.listInner{margin-bottom:20px; padding-left:20px;}
.right-content-tab{background-color:#fff;padding:15px;margin-bottom: 20px;}
.right-content-heading, .Dyevent h3{background-color:#283583;padding:12px;color:#fff;font-size: 16px;font-weight: normal; margin: 0px;}
.Dyevent {background: #fff; font-size:12px; }
.Dyevent .mainItem, .Dyevent .subItem {    padding: 15px 10px;    height: 90px;    overflow: hidden;    border-bottom: #d3d3d4 solid 1px;}
.Dyevent .mainItemDate, .Dyevent .subItemDate{    font-size: 16px;    float: left;    width:24%;    font-weight: bold;    margin-right: 5%; background-color:#906d4f; color:#fff;padding-bottom: 8px;}
.Dyevent .mainItemHeading, .Dyevent .subItemHeading{    width:69%;    float: left;color:#2065a9;}
.Dyevent .mainItemDateDay, .Dyevent .subItemDateDay{display: block;    font-size: 16px;    text-align: center;}
.Dyevent .mainItem dl, .Dyevent .subItem dl, .Dyevent  .mainItem dt, .Dyevent .subItem dt{margin: 0px; padding: 0px;}
.Dyevent .mainItemDateMonth, .Dyevent .subItemDateMonth{position: relative;text-transform: uppercase;    font-size: 12px;    font-weight: 100;    display: block;    text-align: center;}
.Dyevent .mainItemDateYear, .Dyevent .subItemDateYear{display:none; }
.Dyevent > p{margin:0px; }



.right-content-heading, .allevent h3, .allevent h2 {background-color: #1f3263;padding:12px;color:#fff;font-size: 16px;font-weight: normal;margin: 0px;}
.allevent {background: #fff; font-size:12px; }
.allevent .mainItem, .allevent .subItem {padding: 15px 10px;height: auto;overflow: hidden;border-bottom: #d3d3d4 solid 1px;}
.allevent .mainItem > a, .allevent .subItem > a {float: left;}
.allevent .mainItemDate, .allevent .subItemDate{border: 1px #906d4f solid;font-size: 16px;float: left;font-weight: bold;margin-right: 5%;background-color:#fff;color:#906d4f;padding: 8px;font-family: 'Verdana', sans-serif;width: 100px;height: 68px;}
.allevent .mainItemHeading, .allevent .subItemHeading{    width:85%;    float: left;color:#2065a9;}
.allevent .mainItemDateDay, .allevent .subItemDateDay{display: block;font-size: 20px;text-align: center;}
.allevent .mainItem dl, .allevent .subItem dl, .allevent  .mainItem dt, .allevent .subItem dt{margin: 0px;padding: 0px;overflow: hidden;width: 100%;}
.allevent .mainItemDateMonth, .allevent .subItemDateMonth{position: relative;text-transform: uppercase;font-size: 16px;font-weight: 100;display: block;text-align: center;}
.allevent .mainItemDateYear, .allevent .subItemDateYear{display:none; }
.allevent > p{margin:0px; }
.allevent img {max-width: 100px;margin: 0 15px 15px 0;}
.allevent dl {float: left;}
.allevent dt > a {float: left;}

/* new design styles */

.news-widget {background: #fff; font-size:12px; margin-top: 15px;}
.news-widget h2 {background-color: #1f3263;padding:12px;color:#fff;font-size: 16px;font-weight: normal;margin: 0px 0 20px 0;}
.news-widget .mainItem, .news-widget .subItem {margin: 0 20px 10px 20px;border-bottom: 1px #ccc solid; padding-bottom: 15px;}
.news-widget .subItem {border-bottom: none; margin-bottom: 0;}
.news-widget > p {margin: 0 10px;}
.news-widget dt a span {font-size: 14px; padding-bottom: 5px; display: block;}
.news-widget .WidgetMoreLink {color: #fff; font-weight: bold;}

.widget-events h2 {margin-bottom: 20px;}
.widget-events {overflow: hidden;padding: 0;}
.widget-events ul, .widget-events li {padding: 0;margin: 0 !important;list-style: none;}
.widget-events h3 {background-color: transparent;color: #1f3263;padding: 0; margin-bottom;}
.widget-events .img-date, .widget-events .details {float: left;width: 65%;}
.widget-events .img-date {width: 35%;}
.widget-events ul {overflow: hidden;}
.widget-events .details {color: #444444;}
.widget-events .details p {color: #444;}
.widget-events .full-link a {background-color: #1f3263;padding: 10px;color: #fff;}
.widget-events .full-link  {padding: 15px 20px 15px 20px;}
.widget-events .item {padding: 0 20px;}

.rhp-panel {background-color: #fff;overflow: hidden;margin-bottom: 15px;}
.rhp-panel h2 {background-color:#1f3263;padding: 15px 12px;color:#fff;font-size: 16px;font-weight: normal; margin: 0px;}

.rhp-panel .searchPanel {padding: 15px;position: relative;margin-bottom: 0;}
.rhp-panel .searchPanel input[type="text"] {border: 1px #1f3263 solid;-webkit-appearance: none;height:  auto;display: block;padding: 4px !important;padding-right: 61px !important;border-radius: 0;}
.rhp-panel .searchPanel input.btn {font-size: 12px; background-color: #1f3263; border: 1px #1f3263 solid; border-radius: 0 !important; position: absolute; right: 10px; z-index: 2; height: 34px;}

/* event result page styles */
.eventresultcustom h3 {font-size: 18px;margin: 15px 0;font-weight: normal; color: #906d4f;}
.eventresultcustom h4 {color: #906d4f;font-family: 'Verdana', 'sans-serif';margin: 15px 0;}
.eventresultcustom table {width: 100%; height: 150px; font-family:Arial!important;}

.event-customise {margin: 20px 0px;}
.event-customise .event-view-training-details .button-group {text-align: right; padding: 15px 0;}
.event-customise .event-view-training-details > div > div > div {background-color: #fff;padding: 15px;}
.event-customise > h2 {    background-color: #1f3263;    padding: 15px 12px;    color: #fff;    font-size: 16px;    font-weight: normal;    margin: 0px;}
.event-customise .event-view-training-details table th{background: #906d4f;    color: #fff;}


div#ctl00_ctl00_ctl00_nestedAreaTwo_moduleContentZone_ContentPlaceHolderMainNoAjax_BackLink {    padding: 20px;}

.WidgetMoreLink:hover{color: #fff;}
.WidgetMore{margin-top: 20px;}
.WidgetMoreLink {border: 0;    padding:10px 5px;    margin:10px;    background: #1f3263;    color: #fff;    font-size: 11px;    font-weight: 100; display:inline-block;  }
#main-content{margin-bottom: 15px;}
/*.twitFed{max-height:250px; overflow:hidden; }*/
.twitFed{padding:0px;}
/* studentprofile starts  */

.left-list-tab{background-color:#fff;padding:10px;margin-bottom: 25px;}
.left-list-heading{background-color:#b1b2b9;padding:15px 12px;color:#353535;font-size: 16px;font-weight: normal; margin: 0px;}
.left-list-menu{margin: 0px; display: inline-block; padding-left: 0px; width: 100%;}
.left-list-menu li{padding:5px;border-bottom: #d3d3d4 solid 1px; list-style-type: none;}
.bg-hghlht{background: #e8f3f9;}
.left-list-menu li:hover{background-color:#e8f3f9;}
.left-list-menu li:before{content: "\25CF";color:#906d4f; font-size:12px;}

.left-list-tab.list-view > ul > li {    color: #2065a9;    cursor: pointer;    width: 100%;    border: none;    text-align: left;    outline: none;    font-size: 13px;    transition: 0.4s;      padding: 10px 2px;}
.left-list-tab.list-view > ul > li:before {content: ' ';background: url("/images/UserUploadedImages/11/rht_arr.png")no-repeat 0 0;float: right;width: 16px;height: 20px;position: relative;z-index:1;}
.left-list-tab.list-view > ul > li > ol {     display: none;     margin-top: 10px;    padding-left:25px;    background-color: white;    overflow: hidden;    transition: 0.6s ease-in-out;    list-style: decimal;}
.left-list-tab.list-view > ul > li.opened > ol, .left-list-tab.list-view > ul > li.subOP > ol {display:block;}
.left-list-tab.list-view > ul > li.opened > ol a.active{font-weight:bold;}
.left-list-tab.list-view > ul > li > ol > li {    color: #333;    list-style-type: decimal;    padding: 6px 0px;}
.left-list-tab.list-view > ul > li > span {    border-bottom: #d3d3d4 solid 1px;    width: 100%;    display: block;    padding-bottom: 10px;position:relative;z-index: 2;}
.left-list-tab.list-view > ul > li.tab-icon > ul {    display: block;}
.left-list-tab.list-view > ul > li.opened:before, .left-list-tab.list-view > ul > li.subOP:before {   background: url("/images/UserUploadedImages/11/dwn_arr.png")no-repeat 0 0;}

.left-list-tab.list-view > ul > li > ol > li a {    color: #2065a9;}
.left-list-tab.list-view > ul > li span:hover, .left-list-tab.list-view > ul > li.opened span {    font-weight: bold;}

.main-area{padding:20px;clear:both;}
.rhtDiv1 + span{clear:both;float:left;}
.main-area p{clear:both;}
.main-area div[id$="Growth"] ul, .main-area div[id$="NextSteps"] ul{padding-left:15px; margin-top: 5px;  }
.main-area div[id$="Growth"] ul li, .main-area div[id$="NextSteps"] ul li{list-style:initial; line-height:20px;  }
.ContentMain {background-color:#fff;padding:0px;margin-bottom: 25px;border:#b5d0e5 solid 1px;}
#divContentPageTitle span{color:#444444;font-size:22px;width: 100%;}
div[id$="Growth"],  div[id$="NextSteps"]  {  margin-bottom:20px; }




div#divContentPageTitle a {    background-color: #2065a9;    padding: 10px;    color: #fff;    margin: 15px 0;    display: inline-block;}
ul.se-list {    list-style-type: disc;    padding: 0px 15px 25px 35px;}
ul.se-list.no-results{padding-left:0px;}
ul.se-list:before, ul.se-list:after{ content: "";    display: table;}
ul.se-list:after {clear:both;}
ul.se-list li {    color: #2065a9;    font-size: 14px;    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; width:50%; float:left;}
.count {    color: #1f3263;    font-size: 16px;    padding: 5px 0px;    font-weight: bold;}
.count span {    font-weight: 400;}
.re-cont {    margin:7px 0px 30px 0px;}
.st-name{margin:20px 0px;}
.st-name span[id$="lblStudentNameTitle"]{font-size:20px;  font-weight: bold;  color: #1f3263;}


.res-table{ width: 100%;font-size:0.9em;     }
.res-table>tbody{border: 1px solid #b2b2b2;width: 100%;}
.res-table>tbody>tr{width: 100%;}
.res-table>tbody>tr>th{background-color: #1f3263;color: #fff; }
.res-table>tbody>tr>th, .res-table>tbody>tr>td{padding: 10px;}
.res-table tr:nth-child(even){background: #e8f3f9;}
.res-table tr:nth-child(even) td, .res-table td{background:transparent;}
.res-table td th{border:none;}
.no-records tr:nth-child(odd) td{background:none; border:none; padding:0px; font-family: "Roboto Slab","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px; }
.res-table.no-records > tbody{border:none;}
.res-table tr > td:nth-child(3), .res-table tr > td:nth-child(4), .res-table tr > td:nth-child(5), .res-table tr > td:nth-child(6) { text-align:center; }

[id$='ApproachesToLearning'] .title{font-weight:bold; }
[id$='ApproachesToLearning'] .title td {border:none; background: #cdd9f7 !important; }
.tick{background:url(/images/UserUploadedImages/11/tick.png) no-repeat center !important; margin:auto; text-indent:-10000px;  background-size: 15px !important; }


/*
#tblMiddleSchoolAchievementSnapshot{border: #b2b2b2 solid 1px; width: 100%;      max-width: 100%;      display: block;}
#tblMiddleSchoolAchievementSnapshot>tbody>tr>th{background-color: #1f3263;color: #fff; }
#tblMiddleSchoolAchievementSnapshot>tbody>tr>th, #tblMiddleSchoolAchievementSnapshot>tbody>tr>td{padding: 10px;}
#tblMiddleSchoolAchievementSnapshot tr:nth-child(even){background: #e8f3f9;}
#tblMiddleSchoolAchievementSnapshot tr:nth-child(even) td, #tblMiddleSchoolAchievementSnapshot td{background:transparent;}
{background:transparent;}
#tblMiddleSchoolAchievementSnapshot td th{border:none;}
*/

.title-top {    background-color: #1f3263;    padding: 0;    color: #fff;    font-size: 16px;    font-weight: normal;    margin: 0px;    width: 100%;    float: left;}
.lft {       width: auto;    float: right;    text-align: right;    padding: 12px 12px 12px 30px;    margin: 0;     background: url("/images/UserUploadedImages/11/profile_ico.png") no-repeat 0 50%;}
.title-top h3 {    color: #fff;    font-size: 16px;    font-weight: normal;    padding: 12px;      width: auto;    float: left;   margin: 0;}





.FAQHeadingLinks{display:none;}
.FAQIndex{display:none;}
#TopicArticles{display:none;}
.FAQTopic{    clear: both;    float: left;    width: 100%;    background: #fff; padding:10px 15px 20px; }
.no-mar-bot{margin-bottom:0px;}
#info-window .top-bar{display:none;}
#info-window a.ellogo{display:none;}
#info-window{min-height: 480px; width:80%; }
#info-window .content{width:100%; background: #fff; padding: 15px;}
#info-window .inner-login-box {width: 90%; margin: 0px;}
#info-window .login-window{width: 100%;}

/* studentprofile ends*/


@media (min-width: 0) and (max-width:767px) {
#TopMenu .menu {
    height: 100% !important;
    width: 100%;
}
#TopMenu .menu ul.horizontal{background-color: #283583;}
#TopMenu .menu ul.horizontal li.item{    width: 100%;}

.widget-events .item { margin-bottom: 15px; }
.snapshotTbl{width:100%;     overflow: hidden;    overflow-x: scroll;}
    #main-menu{display:block;}
    #main-menu a{display:block; background:url(/images/UserUploadedImages/11/mob-nav.png) no-repeat 3px 8px; width:40px; height:40px; text-indent:-100000px; padding: 5px 0px;}
    #main-menu.opened a{background-color:#906d4f; position: relative; }
    #main-menu.opened a:after{    display: inline-block;    content: "";    width: 0;    height: 0;    content: "";    position: absolute;    bottom: -8px;    left:30%;    border-left:8px solid transparent;
border-right: 8px solid transparent;    border-top: 8px solid #906d4f;     z-index: 9;}
    
   #main-nav {display:none;   position: absolute;    left: 0;    z-index: 8; padding: 0px 0;    width: 100%; height:auto}
    
 .siteName{   position: relative;    bottom: auto;    left: auto;     width: 100%;    float: left;    padding: 15px 15px;    font-size: 21px;    text-align: center;}
 .topHeader .social{position: absolute; right: 0; width:50%;}
 .topHeader .social a{margin-right: 0px;}
  .footer .social{position: absolute; left: 0; width:100%;}
 .logo {width:50%;}
 .topHeader .social ul{float:right;}
 .footer .social ul{float:left; padding-left: 15px;}
 ul.menu-top{       width: 100%;    background: #1f3263;    }
 .menu-top li{  width: 100%;   }
 .hp-ico a{background:none; text-indent:1px;  width: 100%;}
 #right-content{clear:both;}
 .footerBg:after{background-size: 100%;}
 .ft-xs-1 > ul li:last-child a{padding-left: 0px;}
.hp-ico:hover a, .hp-ico a:after {   display: none; }
ul.se-list li {width:100%;}
.li-view>div { float:none; }
 }

@media (min-width: 768px) and (max-width:991px) {

.siteName{    left: 29%;}
.logo a img{max-width:80%;}
.snapshotTbl{ width:100%;}
.rht-widget{    width: 50%;    float: left;}
.rht-widget:nth-child(odd){padding-right:15px; }
.rht-widget:nth-child(even){padding-left:15px; }
}

@media (min-width: 992px){


}

#breadcrumb-panel {display:none; }