@charset "utf-8";

@font-face {

    font-family: "OpenSansLight";

    font-style: normal;

    font-weight: normal;

    src: url("../fonts/OpenSans-Light-webfont.eot") format("embedded-opentype"), url("../fonts/OpenSans-Light-webfont.woff") format("woff"), url("../fonts/filemanager/OpenSans-Light-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Light-webfont.svg#OpenSansLight") format("svg");

}

@font-face {

    font-family: "OpenSansRegular";

    font-style: normal;

    font-weight: normal;

    src: url("../fonts/opensans-regular.eot") format("embedded-opentype"), url("../fonts/opensans-regular.woff") format("woff"), url("../fonts/opensans-regular.ttf") format("truetype"), url("../fonts/opensans-regular.svg#OpenSansRegular") format("svg");

}

@font-face {

    font-family: "OpenSansSemibold";

    font-style: normal;

    font-weight: normal;

    src: url("../fonts/opensans-semibold.eot") format("embedded-opentype"), url("../fonts/opensans-semibold.woff") format("woff"), url("../fonts/opensans-semibold.ttf") format("truetype"), url("../fonts/opensans-semibold.svg#OpenSansSemibold") format("svg");

}

@font-face {

    font-family: "OpenSansBold";

    font-style: normal;

    font-weight: normal;

    src: url("../fonts/opensans-bold.eot") format("embedded-opentype"), url("../fonts/opensans-bold.woff") format("woff"), url("../fonts/opensans-bold.ttf") format("truetype"), url("../fonts/opensans-bold.svg#OpenSansBold") format("svg");

}

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {

    display: block;

}





ol, ul {

    list-style: none outside none;

    margin: 0;

    padding: 0;

}

li {

    list-style: none outside none;

}

h1,h2,h3,h4,h5,h6{

    font-weight: normal	;

}

* {

    box-sizing:border-box;

    -moz-box-sizing:border-box;

    -webkit-box-sizing:border-box;

    -ms-box-sizing:border-box;

    -o-box-sizing:border-box;

    -webkit-tap-highlight-color: rgba(0,0,0,0); 	 	

    -webkit-tap-highlight-color: transparent; /* For some Androids */



}

body {

    -moz-user-select: none;

    background: none repeat scroll 0 0 #fff;

    color: #343434;

    font-family: "OpenSansRegular";

    font-size: 14.72px;

    font-weight: 300;

    margin: 0;

    padding: 0;

    -moz-user-select: none;

    user-select: none;

    -webkit-user-select: none;

    -ms-user-select: none;

}

.clear {

    clear: both;

}

.cf:before, .cf:after {

    content: "";

    display: table;

}

.cf:after {

    clear: both;

}

.cf:before, .cf:after {

    content: "";

    display: table;

}

img {

    border: 0 none;

    max-width: 100%;

}

a {

    color: #343434;

    outline: 0 none;

    text-decoration: none;

}

a:hover {

    outline: 0 none;

    text-decoration: none;

}

a:hover, a.active, a:focus {

    outline: 0 none;

}

b, strong{

    font-family: "OpenSansBold";	

}

.text_center {

    text-align: center !important;

}

.text_right {

    text-align: right !important;

}

.text_left {

    text-align: left !important;

}

.left {

    float: left;

}

.right {

    float: right;

}

.hide {

    display: none;

}

.show {

    display: block;

}

input[type="radio"] {

    display: none;

}

input[type="checkbox"] {

    display: none;

}

input[type="radio"] + label, input[type="checkbox"] + label {

    background-image: url("../images/unchecked.png") ;

    display: inline-block;

    float: none;

    font-size: 14.72px;

    padding: 5px 0 5px 32px;

    width: auto;

    background-repeat: no-repeat;

    background-position: left center;

}



input[type="radio"]:checked + label, input[type="checkbox"]:checked + label {

    background-image: url("../images/checked.png") ;

}



.switch{

    vertical-align: middle;

    min-width : 60px;

    display: inline-block;



}



.switch input {

    display: none;



}

.switch i {

    border-radius: 20px;

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);

    cursor: pointer;

    display: inline-block;

    padding: 1px 20px 1px 1px;

    transition: all 0.2s ease 0s;

    border: 1px solid rgba(0,0,0,0.1);

}

.switch i:before {

    background: none repeat scroll 0 0 #fff;

    border: 1px solid rgba(0, 0, 0, 0.1);

    border-radius: 20px;

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);

    content: "";

    display: block;

    height: 28px;

    width: 28px;

}

.switch *:checked + i {

    background: none repeat scroll 0 0 #282576;

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);

    padding: 1px 1px 1px 20px;

}



input[type="text"], input[type="email"], input[type="password"],input[type="search"], input[type="date"]{

    -moz-appearance: none;   

    border-radius: 5px;

    color: #000;

    font-family: "OpenSansLight";

    font-size: 14.72px;

    height: 46px;

    margin: 5px 0 0;

    padding: 0 21px;

    width: 100%;

    background: #f2f2f2;

    border: none;

    line-height: 46px;

}

select {

    -moz-appearance: none;

    background: none repeat scroll 0 0 #fff;

    border: 1px solid #282576;

    border-radius: 3px;

    font-family: "OpenSansLight";

    font-size: 17.5px;

    height: 46px;

    padding: 0 21px;

}

.selectric {

    -moz-appearance: none;

    background: none repeat scroll 0 0 #fff;

    border: 1px solid #282576;

    border-radius: 3px;

    color: #282576;

    font-family: "OpenSansLight";

    font-size: 17.5px;

    height: 46px;

    padding: 0 21px;

    position: relative;

    top: 2px;

}



*::-moz-placeholder {

    color: #343434;

    opacity: 1;

}

::-webkit-input-placeholder{

    color: #343434;

    opacity: 1;

}



:-ms-input-placeholder{

    color: #343434;

    opacity: 1;

}

textarea {

    -moz-appearance: none;

    background: none repeat scroll 0 0 #fff;

    border: none;

    font-family: "OpenSansRegular";

    font-style: italic;

    font-size: 15px;

    padding: 0 21px;

    resize: none;

    width: 100%;

    border-radius: 5px;

}

select option {

    color: #282576;

}

select {

    padding-top: 2px;

}

.button {

    border: medium none;

    border-radius: 5px;

    cursor: pointer;

    display: inline-block;

    font-family: "OpenSansSemibold";

    font-size: 15px;

    margin-top: 5px;

    padding: 13px 10px;

    width: 100%;

    background: none repeat scroll 0 0 #282576 !important;

    color: #fff !important;

    text-align: left;

}

.button.hallow_btn{

    background: transparent !important;

    color: #282576 !important;

    border: 1px solid #282576;

    padding: 11px 8px; 

}

.enrollment-block-lists li input.ful-text-field, .enrollment-block-lists li select.ful-text-field, .text-field-width {

    width: 610px;

}

.button.big_button{

    padding-left: 37px;	

}

.login_page_button {

    font-size: 14.88px !important;

    text-align: center;

}





.wrapper {

    margin: 0 auto;

    padding-top: 18px;

    width: 1024px;

}

.logo_holder {

    margin: 56px 0 43px;

}

.welcome_text{

    font-size: 23.11px;	

    font-family: "OpenSansRegular";

}

h2,h4 {

    font-size: 23.11px;

    font-weight: normal;

    margin: 10px 0;

}

.login_block {

    font-size: 14.72px;

    margin: 0 auto;

    width: 310px;

}

.login_block fieldset {

    margin-top: 22px;

}

.login_block input[type="text"], .login_block select, .login_block input[type="email"], .login_block input[type="password"] {

    margin: 7px 0;

    text-align: center;

    width: 100%;

    color: #343434;

    background: none repeat scroll 0 0 #fff;

    border: 1px solid #282576;

}

fieldset {

    background: none repeat scroll 0 0 transparent;

    border: medium none;

    border-radius: 0;

    box-shadow: none;

    margin: 0px 0 0;

    padding: 0;

    width: 100%;

}

.forgot_link {

    display: block;

    font-family: "OpenSansSemibold";

    padding: 20px 0 0;

}



/** End of Login Page **/



header.main_header {

    background: none repeat scroll 0 0 #bdbbbb;

    border-radius: 5px;

    color: #fff;

    height: 60px;

    padding: 0 21px 0 20px;

    position: relative;

}

.client_logo_holder {

    display: inline-block;

    padding: 5px 0;

}

.client_logo_holder img{

    max-height: 50px;	

}

.logged_in_username {

    color: #ffffff;

    display: inline-block;

    font-size: 15px;

    margin-left: 16px;

    padding-top: 20px;

    vertical-align: top;

    width: auto;

}

.logged_in_username:hover {

    color: #fff;

    text-decoration: none;

}



.individual_section_header {

    border-bottom: 3px solid #bdbbbb;

    padding: 20px 0 30px 20px;

    position: relative;

}



.individual_section_header > article, .individual_section_header > span, .individual_section_header > article, .individual_section_header > span label {

    cursor: pointer;

    display: inline-block;

}

.individual_section_title {

    position: relative;

    top: 8px;

}



/*** Content section styling ***/

.content_holder{

    padding-top: 55px;

}

.content_holder_left {

    float: left;

    width: 85px;

}

.content_holder_right {

    float: right;

    width: 88.5%;

    position:relative;

}

ul.student-left-menu {

    background: none repeat scroll 0 0 rgba(189,187,187,0.1);

    border: 1px solid rgba(52, 52, 52, 0.5);

    border-radius: 5px;

}

ul.student-left-menu li.first-active a {

    border: 1px solid transparent;

    border-radius: 5px 5px 0 0;

    margin: 0;

}

ul.student-left-menu li.last-active a {

    border: 1px solid transparent;

    border-radius: 0 0 5px 5px;

    margin: 0;

}

ul.student-left-menu li {

    margin: 0;

    width: 100%;

}

.student-left-menu li a {

    color: #343434;

    display: block;

    font-size: 12px;

    font-weight: normal;

    line-height: 11px;

    margin-top: 0;

    padding: 15px 0;

    position: relative;

    text-align: center;

    width: 100%;



}

.student-left-menu li a  figure{

    background-repeat: no-repeat;

    background-position: center center;

}

.student-left-menu li:last-child a {

    padding: 15px 0 24px;

}

.student-left-menu li a.profile figure {

    background-image: url(../images/profile_icon.png);

}

.student-left-menu li.active a.profile figure {

    background-image: url(../images/profile_icon_active.png) ;

}

.student-left-menu li a.planner figure {

    background-image: url(../images/planner_icon.png);

}

.student-left-menu li.active a.planner figure {

    background-image: url(../images/planner_icon_active.png);

}

.student-left-menu li a.monitor figure {

    background-image: url(../images/monitor_icon.png);

}

.student-left-menu li.active a.monitor figure {

    background-image: url(../images/monitor_icon_active.png) ;

}

.student-left-menu li a.dev_plan figure {

    background-image: url(../images/dev_plan_icon.png);

}

.student-left-menu li.active a.dev_plan figure {

    background-image: url(../images/dev_plan_icon_active.png) ;

}

.student-left-menu li a.collaboration figure {

    background-image: url(../images/collaber_icon.png);

}

.student-left-menu li.active a.collaboration figure {

    background-image: url(../images/collaber_icon_active.png) ;

}

.student-left-menu li a.engage figure {

    background-image: url(../images/engage_icon.png);

}

.student-left-menu li.active a.engage figure {

    background-image: url(../images/engage_icon_active.png) ;

}

.student-left-menu li a.templates figure {

    background-image: url(../images/template_icon.png) ;

}

.student-left-menu li.active a.templates figure {

    background-image: url(../images/template_icon_active.png);

}

.student-left-menu li a.community figure {

    background-image: url(../images/community_icon.png) ;

}

.student-left-menu li.active a.community figure {

    background-image: url(../images/community_icon_active.png);

}

.student-left-menu li a.keywords figure {

    background-image: url(../images/key_search_icon.png);

}

.student-left-menu li.active a.keywords figure {

    background-image: url(../images/key_search_icon_active.png);

}



.student-left-menu li a figure {

    float: left;

    margin: 0;

    padding: 45px 0 0;

    width: 100%;

}

.student-left-menu li:hover a {

    color: #343434;

    opacity: 1;

    text-decoration: none;

}

.student-left-menu li.active a {

    background: none repeat scroll 0 0 #343434;

    color: #fff;

    opacity: 1;

}

.student-left-menu li.active a span {

    background-image: url("../images/student-left-menu-icon-hover.png");

    background-repeat: no-repeat;

    height: 30px;

    position: absolute;

    right: -23px;

    top: 39%;

    width: 26px;

    z-index: 9;

}



.featured_image_holder{

    width: 100%;

    margin-bottom: 30px;	

}

/***** Topics list ****/



.topics_list li{

    margin: 5px 0;

}

.topics_list li a{

    display: block;

    font-size: 15px;

    font-family: "OpenSansSemibold";

    color: #000;	

    padding: 14.5px 27px 14.5px 30px;

    border-radius: 5px;

    position: relative;

}

.topics_list li.has_childs > a:after{

    width: 22px;

    height: 100%;

    position:absolute;

    display: block;

    content:"";

    background-image:url(../images/list_closed_icon.png);

    background-repeat: no-repeat;

    background-position: center center;

    background-size: 22px auto;	

    right: 27px;

    top: 0;

}

.topics_list li.has_childs > a.opened:after{

    background-image:url(../images/list_opened_icon.png);

}

/* first level anchor */

.topics_list > li > a{

    background: #bdbbbb;

}



/* second level anchor */

.topics_list  ul > li > a{

    background: #f2f2f2;

}



/* third level anchor */

.topics_list  ul ul > li > a{

    background: none;

    border: 1px solid #bdbbbb;

}



.topics_list li a span.messages_count {

    background: none repeat scroll 0 0 #282576;

    border-radius: 20px;

    color: #fff;

    display: inline-block;

    font-size: 12px;

    min-height: 25px;

    min-width: 25px;

    padding: 4px;

    position: absolute;

    right: 70px;

    text-align: center;

    top: 14px;

}





/*** Chapter content ***/



.chapter_content ul, .chapter_content ol {

    padding: 0 0 0 35px;	

}

.chapter_content ul li{

    list-style-type: disc;	

    margin: 30px 0;

    padding-left: 25px;

}

.chapter_content ol li{

    list-style-type: decimal;	

    margin: 30px 0;

    padding-left: 25px;

}

.chapter_content ul ul li{

    list-style-type: circle;	

}

.chapter_content ol ol li{

    list-style-type: lower-roman;	

}

.block_btns_holder{

    margin: 80px 0 30px;	

}



.search_form_holder input[type="search"]{

    font-family: "OpenSansSemibold";

    padding-left: 37px;

    margin: 0;

}

.search_results_holder{

    padding-top: 50px;	

}





/*** community **/

.communuty_content{

    min-height: 807px;

}

.post_username{

    color: #cccccc;

    margin-right: 10px;

}



.post_panel{

    border: 1px solid #bdbbbb;

    border-radius: 5px;

    background: #fff;

}

.post_panel input, .post_panel textarea{

    margin: 0;	

    padding: 0 37px;

}

.post_panel input{

    border-radius: 5px 5px 0 0;	

    font-family: "OpenSansSemibold";

}

.post_panel textarea{

    height: 150px;	

    padding-top: 20px;

    padding-bottom: 10px;

}

.posts_list li{

   /** margin: 5px 0; **/	

}

/** added by ruchika */

.panel_body h1 {
    font-size: 38.5px !important;
}

.panel_body h2 {
    font-size: 31.5px !important;
}

.panel_body h3 {
    font-size: 24.5px !important;
}

.panel_body h4 {
    font-size: 17.5px !important;
}

.panel_body h5 {
    font-size: 14px !important;
}

.panel_body h6 {
    font-size: 11.9px !important;
}

.panel_body h1, h2, h3 {
    line-height: 40px !important;
}

.panel_body h4, h5, h6 {
    line-height: 20px !important;
}

.panel_body h1, h2, h3, h4, h5, h6 {
    color: inherit !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-weight: bold !important;
    margin: 10px 0 !important;
    text-rendering: optimizelegibility !important;
}

.panel_body h1,h2,h3,h4,h5,h6{
      
   margin: 10px 0 !important;

}

.panel_body ol {

    list-style-type: decimal;
    margin-left:6% !important;
    margin-top:10px !important;
}

.panel_body ul {

    list-style-type: disc;
    margin-left:6% !important;
    margin-top:10px !important;
}

.panel_body li {

    list-style-type: inherit;
}

/** end by ruchika **/

.panel_header{

    border-radius: 5px 5px 0 0;

    color: #000;

    display: block;

    font-family: "OpenSansSemibold";

    font-size: 15px;

    padding: 14.5px 27px 14.5px 30px;

    position: relative;

    background: none repeat scroll 0 0 #f2f2f2;

}

.panel_body{

    font-family: "OpenSansRegular";

    min-height: 150px;

    padding: 20px 37px 10px;

}


.absolute_btm_btns_holder{

    padding: 30px 0 10px;	

}



/*** My dev plan **/



/*** Progress bar ***/

.progress_bar_and_status_container{

    font-size: 16px;

}

.task_complete_slider_container{

    position: relative;	

    margin: 15px 0;

}

.tast_complete_details{

    position: absolute; 

    top: 0;

    left: 0;

    bottom: 0;

    padding: 0 10px;

    line-height: 51px;

    font-size: 16px;

    color: #fff;

    font-family: "OpenSansBold";	

}

.progressbar{

    height: 51px;

    position: relative;

    background: #f2f2f2;

    border-radius: 5px;

    overflow: hidden;

    border: none;

}



.progressbar .ui-progressbar-value{

    background:#c90402;

    border-radius: 5px ;

    border: 1px solid #c90402;

}

.task_desc{

    padding-bottom: 15px;	

}



h2{

    font-family: "OpenSansBold";

    font-size: 16px;

    margin:  0 0 30px 0;	

}

.object_desc{

    padding-bottom: 15px;	

}

/*** End of Progress bar ***/ 



/*** Edit Profile ***/





.edit_profile ul li{

    position: relative;

    margin: 10px 0;	

}

.button.edit_btn{

    margin-top: 40px;	

}







/************* Loader Styling ******/

.loading_overlay {

    display: none;

    left: 0;

    position: fixed;

    top: 0;

    z-index: 9999;

    background: rgba(0,0,0,0.5);

}

.loading {

    background: url("../images/ajax_loader.gif") no-repeat scroll 20px center #fff;

    border: 2px solid #ccc;

    color: #7f7f7f;

    left: 50%;

    margin-left: -350px;

    padding: 2px 2px 2px 20px;

    position: fixed;

    top: 28%;

    width: 700px;

    z-index: 101;

}

.loading img {

    margin-left: 12px;

    padding-right: 12px;

    padding-top: 2px;

}

.loading h1 {

    font-size: 15px;

    line-height: 18px;

    padding-left: 40px;

}



/** End of loading ***/





/*** 19/11/14***/

.alert {

    border: 1px solid transparent;

    border-radius: 4px;

    margin-bottom: 20px;

    padding: 7px;

    text-align: left;

}

.alert-danger {

    background-color: #f2dede;

    border-color: #ebccd1;

    color: #a94442;

}

.alert-success {

    background-color: #dff0d8;

    border-color: #d6e9c6;

    color: #3c763d;

}

.alert .close {

    color: #000;

    float: right;

    font-size: 21px;

    font-weight: 700;

    line-height: 1;

    opacity: 0.2;

    text-shadow: 0 1px 0 #fff;

    cursor: pointer;

}



label.error {

    color: #a94442;

    float: right;

    font-size: 12px;

}

.profile_image_name{

    display: inline-block;

    margin: 5px 0;

}

.input_file_holder{

    position: relative;

    margin: 20px;

    width: 30%;

}

.edit_profile_pic_section input[type="file"], .input_file_holder input[type="file"]{

    height: 50px;

    left: 0;

    opacity: 0;

    position: absolute;

    top: 4px;

    width: 100%;

    z-index: 99;

    cursor:pointer;

}

.further_reading_block{



}

.further_reading_list{

}



.further_reading_list li{

    background: #bdbbbb;

    border-bottom: 1px #1f253d solid;

    color: #343434;

    line-height: 1.3em;

    font-weight: 300;

    font-size: 14px;

}

.further_reading_list li a{ 

    padding: 17.6px 25px;

    display: block;

}

.further_reading_list li div{

    font-family: "OpenSansSemibold";	

}

.further_reading_list li:last-child{

    border: none;

    border-radius: 0 0 3px 3px;	

}



.further_reading_list li .author,.author {

    color: #9f080e;

}



.further_reading_list li .time_added{

    display: inline-block;

    margin-top: 8px;	

}

.share_icon{

    bottom: 40px;

    display: inline-block !important;

    height: 28px;

    padding: 0 !important;

    position: relative;

    right: 30px;

    width: 20px;

    background-image: url("../images/share_icon.png") ;

    background-repeat: no-repeat;

    background-position: center center;

    background-size: 20px 27.5px;

}





/** graph page **/

.graph_btns_holder {

    margin-top: 50px;

}



/** Planner page **/



.planners_list li{

    border-bottom: 1px solid rgba(52, 52, 52, 0.5);

    padding: 15px 0 5px;	

}

.planners_list li:first-child{

    padding-top: 0;	

}

.planners_list li:last-child{

    border: none;	

}



.planner_options_list li, .questions_list li{

    margin: 5px 0;

}

.planner_options_list li a , .questions_list li a{

    display: block;

    font-size: 15px;

    font-family: "OpenSansSemibold";

    color: #000;	

    padding: 14.5px 27px 14.5px 30px;

    border-radius: 5px;

    position: relative;

    background: #bdbbbb;

}

.planner_options_list li > a:after , .questions_list li > a:after{

    width: 22px;

    height: 100%;

    position:absolute;

    display: block;

    content:"";

    background-image:url(../images/list_closed_icon.png);

    background-repeat: no-repeat;

    background-position: center center;

    background-size: 22px auto;	

    right: 27px;

    top: 0;

}

.planner_options_list li > a.opened:after , .questions_list li > a.opened:after{

    background-image:url(../images/list_opened_icon.png);

}



.planner_options_list .post_panel{

    margin: 10px 0 10px;	

}



.post_panel .datepicker {

    border-radius: 0;

    border-top: 1px solid #bdbbbb;

}



.quiz_question{

    padding: 20px 20px 10px;	

}



.quiz_question li{

    margin: 10px 0;	

}

.but_hide{

    display: none;	

}

/*******   Pop Up styling ***********/

.overlay{

    display: none;

    left: 0;

    position: fixed;

    top: 0;

    z-index: 9999;

    background: rgba(0,0,0,0.7);

    width: 100%;

    height: 100%;

}



.popup{

    background: #fff;

    width: 500px;

    position: absolute;

    top: 30%;

    left: 50%;

    margin-left: -250px;

    border: 1px solid rgba(52, 52, 52, 0.5);	

    padding: 0;

}

.popup > *{

    padding: 15px;	

}



.pop_header{

    background: #BDBBBB;

    color: #343434;	

    font-family: "OpenSansBold";

    font-size: 17px;

    margin-top:0px;	

}



.pop_body ul li{

    position: relative;

    margin: 10px 0;

}



.pop_footer {

    background: none repeat scroll 0 0 #bdbbbb;

    padding: 10px 20px;

    margin-bottom:0px;

}



.pop_footer .button {

    display: inline-block;

    margin: 0 5px;

    padding: 5px 20px;

    width: auto;

}



.pop_close{

    display: inline-block;

    height: 24px;

    width: 17px;

    background-image:url(../images/close_pop_icon.png);

    background-repeat: no-repeat;

    background-position: center center;

    background-size: 100% auto;	

}







/*** Graph Styling ***/





.graph_holder{

    margin: 0 0 10px 0; 

    background-color:none;

    border-radius:5px;

    padding-left: 1px; /* july */

}



.dev_plan_bck{

    background: none;



}

.graph_buttons_holder input[type="text"]{

    width: 100% !important;

    background: none;

    text-align: center;

    color: #fff;

}

.graph_btn , .graph_buttons_holder input[type="text"]{

    border: 1px solid #fff;

    border-radius: 5px;

    display: inline-block;

    padding: 10px 0;

    text-align: center;	

    width: 32%;

}

.graph_btn.active{

    background: #9f080e;

    border:1px solid #9f080e;

}



/** Slider **/



.slider.ui-slider{

    margin-bottom: 25px;

}

.slider label{

    position:absolute;

    width:20px;

    margin-top:20px;

    margin-left:-10px;

    text-align:center;

    font-size: 10px;

    color: #000;

}

/** Slider **/



.margin_top{

    margin-top: 10px;

}



/** Statistics Slider **/







.grpahs_bullets .m-carousel-bulleted {

    height:10px;

    width: 100%;

    text-align:center;

    line-height:1.4em;

    position:absolute;

    background: none;

    border: none;

    top: initial;

    bottom: 10px;

}

.grpahs_bullets .m-carousel-bulleted a.dot{

    bottom: 0;

}

.slider_shadow{

    display: inline-block;

    width: 100%;

}



/** xaxis label -- development statistics **/

.month article.graph_holder div#chart_mnth.jqplot-target div.jqplot-axis.jqplot-xaxis div:last-child{

    display:none;

}



/** xaxis label -- monitor statistics **/

.monitor_month article.graph_holder div#chart_monitor_mnth.jqplot-target div.jqplot-axis.jqplot-xaxis div:last-child{

    display:none;

}



/** yaxis label -- development statistics **/

.week article.graph_holder div#chart_week.jqplot-target div.jqplot-axis.jqplot-yaxis div:last-child,

.month article.graph_holder div#chart_mnth.jqplot-target div.jqplot-axis.jqplot-yaxis div:last-child,

.year article.graph_holder div#chart_year.jqplot-target div.jqplot-axis.jqplot-yaxis div:last-child

{

    display:none;

}









.circle_icon {

    background-position: left center;

    background-repeat: no-repeat;

    margin: 5px 0;

    padding-left: 28px;

}



.circle_icon.white_circle{

    background-image:url(../images/circl_white.png);

}

.circle_icon.blue_circle{

    background-image:url(../images/circl_blue.png);

}

.circle_icon.red_circle{

    background-image:url(../images/circl_red.png);

}



.day_title_and_content_holder{

    margin: 10px 0 20px;	

}

.day_title{

    text-align: center;

    position:relative;

    width:  300px;

    background:  #282576;

    color: #fff;

    font-family: "OpenSansBold";

    padding: 8px 14px;

    border-radius: 5px;

}

.day_title a{

    color: #fff;

    font-family: "OpenSansBold";

    font-size:  15px;



}



.day_title a.next_year{

    position: absolute;

    right:10%;

    cursor: pointer;

}



.day_title a.prev_year{

    position: absolute;

    left:10%;

    cursor: pointer;

}









/*** Interactive Content Styling ***/

.meter_holder_container.site{

    position: relative;

    width: 100%;

    border: 1px solid #bdbbbb;	

}



.meter_holder.site {

    background-image: url("../images/engage_meter_bg.png");

    background-position: center center;

    background-repeat: no-repeat;

    background-size: 100% auto;

    height: 344px;

    margin: 50px auto 0;

    position: relative;

    width: 516px;

}

.navigater.site{

    width:100%;

    height:300px;	

    background-position: center center;

    background-image:url(../images/engage_position_0.png);

    background-repeat: no-repeat;

    position: absolute;

    bottom: 15px;

}

.navigater.site#en{

    background-image:url(../images/engage_position_1.png);

    background-position: center center;

    background-repeat: no-repeat;

}

.navigater.site#ga{

    background-image:url(../images/engage_position_2.png);*/

    background-position: center center;

    background-repeat: no-repeat;

}

.navigater.site#ge{

    background-image:url(../images/engage_position_3.png);

    background-position: center center;

    background-repeat: no-repeat;

}

.clck.site {

    bottom: 0;

    display: block;

    height: 280px;

    position: absolute;

    width: 175px;

    z-index: 9999;

}

.click1.site{

    left: 10px;	

}

.click2.site{

    left: 172px;



}

.click3.site{

    right: 10px;	

}





.horizontal_click.site{

    position: absolute;

    width: 50%;

    left: 0;

    bottom: 0;

    height: 100px;

    z-index: 99999;

}



.objective_flash{

    margin-top: 15px;	

}



/**** Breadcrumbs Styling ***/



#roots li {

    display: inline-block;

    padding-right: 10px;

}



#roots li:after {

    content: ">";

    display: inline-block;

    left: 5px;

    position: relative;

    top: 1px;

}

#roots li:last-child{

    padding: 0;	

}

#roots li:last-child:after, #roots li.last-child:after{

    content: "";	

}







ul.tick_img li{

    list-style-image: url(../images/tick.png);

}



.interactive_content_pop{

    width: 900px;

    position: absolute;

    top: 10%;

    left: 50%;

    margin-left: -450px;

    height: 500px;	

}

iframe{

    border: none;	

}



.interact_close{

    background-image: url(../images/interact_close_icon.png);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: 100% auto;

    height: 32px;

    width: 32px;

    position: absolute;

    top: -16px;

    right: -16px;

}





.list_numbering{

    color: #bdbbbb;	

}



.planner_options_list li a b{

    font-weight: normal;

    font-family:"OpenSansSemibold"	;

}

.horizontal_btns_holder a.info_btn{

    padding: 14.5px 28px;

}

.horizontal_btns_holder a.button{

    display: inline-block;	

    width: auto;

}

.horizontal_btns_holder a.button.onethird_btn{

    margin-left: 10px;

    width: 90%;	

}



.activity_ttile{

    margin-bottom: 10px;

    font-family:"OpenSansSemibold"	;

}

.add_ob_list li{

    position: relative;	

}

.add_ob_list label.switch {

    position: absolute;

    right: 20px;

    top: 8px;

    z-index: 99;

}







/***** IE8 support ****/

.lt-ie9 ul.student-left-menu {

    background: #F8F8F8	;

    border: 1px solid #343434;

    border-radius: 5px;

}



.lt-ie9 .switch i {

    border-radius: 20px;

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);

    cursor: pointer;

    display: inline-block;

    padding: 1px 20px 1px 1px;

    transition: all 0.2s ease 0s;

    border: 1px solid rgba(0,0,0,0.1);

}

.lt-ie9 .switch i:before {

    background: none repeat scroll 0 0 #fff;

    border: 1px solid rgba(0, 0, 0, 0.1);

    border-radius: 20px;

    box-shadow: 0 1px 2px #DADADA;

    content: "";

    display: block;

    height: 28px;

    width: 28px;

}

.lt-ie9 .switch *:checked + i {

    background: none repeat scroll 0 0 #282576;

    box-shadow: 0 1px 2px #DADADA;

    padding: 1px 1px 1px 20px;

}



.lt-ie9 .overlay{

    background-image: url(../images/overlay_bg_ie8.png);

    background-repeat: repeat;

}

.chapter_cls {

    padding: 10px 15px;

}



.lt-ie9 .tast_complete_details{

    top:auto;

    bottom: 0;

    line-height: normal;

}



.lt-ie9 .share_icon{

    background-image: url("../images/share_icon_ie8.png") ;

}



.lt-ie9 .popup {

    float:left;

}



.lt-ie9 .switch i {

    display: none;

}



.lt-ie9 .switch input[type="checkbox"]{

    display: inline-block !important;	

}



.intro_div{

	padding-left: 60px;

	margin: 13px 0;	

}



.collabaration_intro{

	background: url("../images/collaber_icon.png") no-repeat scroll left top rgba(0, 0, 0, 0);	

}



.templates_intro{

	background: url("../images/template_icon.png") no-repeat scroll left top  rgba(0, 0, 0, 0);

}



.engage_intro{

	background: url("../images/engage_icon.png") no-repeat scroll left top  rgba(0, 0, 0, 0);

}

.community_intro{

	background: url("../images/community_icon.png") no-repeat scroll left top rgba(0, 0, 0, 0);

}



.keyword_intro{

	background: url("../images/key_search_icon.png") no-repeat scroll left top  rgba(0, 0, 0, 0);

}







/* for interactive_url_div*/

#interactive_url_div{

	background: #343434;

	color: #fff;	

	padding: 15px 25px 0;

}



#interactive_url_div .meter_holder_container{

	position: relative;

	width: 97%;	

}

#interactive_url_div  .engage_content_holder{

	margin-bottom: 20px;

	max-height:130px;

	color: #fff;

	font-size: 14px;

}

#interactive_url_div  .engage_content_holder a{

	color: #fff;

}



#interactive_url_div .meter_holder{

	width: 310px;

	margin: 0 auto;

	height:201.5px;

	position:relative;

	background-image:url(../images/engage_meter_bg.png)  ;

	background-size: auto 201px;

	background-repeat: no-repeat;

	background-position: center center;

}



#interactive_url_div .navigater{

	width:100%;

	height: 106.5px;	

	background-size: 179px 106px;

	background-position: center center;

	background-image:url(../images/engage_position_0.png);

	background-repeat: no-repeat;

	position: absolute;

	bottom: 15px;

}



#interactive_url_div .navigater#en{

	background-image:url(../images/engage_position_1.png);

	background-size: 179px 106px;

	background-position: center center;

	background-repeat: no-repeat;

}



#interactive_url_div .navigater#ga{

	background-image:url(../images/engage_position_2.png);

	background-size: 179px 106px;

	background-position: center center;

	background-repeat: no-repeat;

}



#interactive_url_div .navigater#ge{

	background-image:url(../images/engage_position_3.png);

	background-size: 179px 106px;

	background-position: center center;

	background-repeat: no-repeat;

}



#interactive_url_div .clck {

  bottom: 0;

  display: block;

  height: 184px;

  position: absolute;

  width: 97px;

  z-index: 9999;

}



#interactive_url_div .click1{

	left: 10px;	

}

#interactive_url_div .click2{

	left: 112px;



}

#interactive_url_div .click3{

	right: 10px;	

}



.black_txt{

    color: #000000 !important;

}



.interactive_lo_sublist ul{

    display:  block !important;

    padding-left: 30px;

}



/* 01/06/15 */

.menu_msg_cnt {

  background: none repeat scroll 0 0 #282576;

  border: 2px solid #f8f8f8;

  border-radius: 50%;

  color: #fff;

  font-family: "OpenSansBold";

  height: 25px;

  left: 50%;

  line-height: 21px;

  margin: 0 0 0 -3.5px;

  position: absolute;

  text-align: center;

  top: 13px;

  width: 25px;

}



.active .menu_msg_cnt{

    border-color: #343434;

}



.unread_msg {

  color: #282576;

}

.unread-span-tag {
    background-color: #25226e;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    float: right;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 8px;
}