/*
Theme Name: Boss
Theme URI: http://teachers.net/
Template: twentysixteen
Author: Bob Reap
Author URI: http://teachers.net
Description: Teachers.Net 2016 child responsive card theme
Version: 1.0.0
Updated: 3/3/16
*/

@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Roboto:400,500');

div#page {
    float: none;
    clear: none;
    overflow: hidden;
    width: 100%;
    max-width: 1250px;
    min-width: 320px;
    min-height: 101%;
    margin: 0 auto 0;
    XXXbackground-color: #fff;
}

div#footercard2 {
    clear: both;
}

/* HIDE DEFAULT BUDDYPRESS STUFF */

    /* hide buddypress sidebar */
    aside#secondary {
        display: none;
    }

    p.field-visibility-settings-toggle, div.field-visibility-settings-notoggle, #buddypress div.profile h4 {
        display: none;
    }

/* BP profile tweaks */

    #buddypress span.activity, #buddypress div#item-nav, #buddypress div#subnav {
        display: none;
    }

/* BP groups tweaks */

    body.forum header.entry-header, body.groups header.entry-header {
        display: none;
    }

    body.groups div#item-header {
        display: none;
    }


@media screen and (min-width: 61.5625em){
    .buddypress #primary {
        float: none;
        margin-right: 0;
        width: auto;
    }
    
}


/* hide some admin page helpers */
#template_reveal {
    display: none;
}
.adminview #template_reveal {
    display: inline-block;
}



/* LATEST POSTS PAGE */

.page-template-chat div#centercard, .page-template-chatboard div#centercard {
    background-color: initial;
    webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    max-width: 540px;
    padding: 0;
}

.page-template-chatboard div#page, .page-template-chat div#page {
    max-width: 1040px;
}

    .clusterhead { 
        display: table; vertical-align: top;
        margin-left: 5px;
    }
    .tr {
        display: table-row; 
    }
    .td {
        display: table-cell; vertical-align: top;
    }



    .clusterset { 
        float:left;  
        margin:0 15px 0 0px; 
        font-family:arial; 
        font-size:18px; 
        color:#3d5e8e; 
        XXXmax-width:400px;
        width: 100%; 
    }
    .clusterset a { text-decoration:none; }
    .clusterlead {
        float:left; clear;right; margin:0 0px 2px 0;font-family:arial; font-size:16px; color:#3d5e8e;  
        XXXmax-width: 430px;
        line-height: 1.3;
    }
    .clusterlead a:link,.clusterlead a:visited,.clusterlead a:hover,.clusterlead a:active {
        color:#3d5e8e; 
        color: #4b61dc;
        XXXcolor: #1735dc;
        XXXfont-weight: bold;
    }
    #cluster { 
        XXXmax-width:550px; 
        margin:0 0 0 0px;
    }
    .ClusterBox {
        float:left; clear:both; 
        XXXmax-width:550px; 
        margin:0px 0 0px 0; background-color:#fff; border:solid 1px #ccc;border-radius: 4px; 
        padding:10px 20px 5px 10px;
        width: 94%;
        max-width: 520px;
    }
    div.summary .ClusterBox {
        margin-top: 15px;
    }


    .thumbbox { 
        float:left; margin:4px 8px 5px 0px; 
    }
    .thumbbox img { float:left; margin:0; height:32px; width:32px; }

    .clusterset .author, .clusterset .group, .clusterset .postwhen {
        float:left; margin:0; font-size:11.5px; color:#525252; line-height:14px;
    }
    .clusterset .author { margin-right: 25px; }
    .clusterset .group { margin-right: 20px; }
    .postwhen { float:left; margin:0 0px 0 0px;font-size:11.5px; color:#525252; line-height:14px; }
    .clusterset .postexcerpt {
        float:left; 
        margin:8px 0px 0 5px;
        font-size:14px; 
        color:#525252; 
        line-height:1.4; 
        XXXmax-width: 430px;

    font-family: helvetica;
    font-size: 14px;
    color: #1d2129;


    }
    .clusterset .group a { 
        color:#3d5e8e;  backXXXground-color:#def;
    }

    .clusterset .author a { 
        color:#3d5e8e; font-weight: bold;
    }
    .clusterset .latest_responses {
        float:left; margin:0 10px 0px 0;font-size:14px; color:#525252;
        XXXbackground-color: #DFDEEF;
        padding: 10px 10px 0px 10px;
        width: 100%;
        max-width: 475px;
    }

    .clusterset a .postexcerpt {
        color:#333; 
    }

    .clusterset a .postexcerpt b {
        color:#365899; font-weight: normal; 
    }
    .clusterset .seemore {
        float:left; margin:0 10px 0 0; font-size:11.5px; color:#525252; line-height:14px;
    }
    .clusterset .seemore a, .clusterset .seemore a {
         color:#333; text-decoration: none; font-size:11.5px; font-family: arial;
    }
    .clusterset .comment {
        float:left; margin:0 10px 0 10px; font-size:11.5px; color:#525252; line-height:14px; font-family: arial;
    }
    .clusterset .comment a {
         color:#333;
    }
    .clusterset .comment img {
        margin:0px 0 -5px 0;
    }
    .clear { clear: both; }


    .ClusterBox ul.comments {
        padding:0; margin:0px 0 0 0px; font: 16px/22px "arial,san serif"; color:#000; list-style: none;
    }
    .ClusterBox ul.comments li {
        color:#333; font-family:arial; font-size:13px; line-height: 1.4; padding: 5px 0 5px 0;
        margin-bottom: 5px;

    }
    .ClusterBox ul.comments li.response {
        XXXbackground-color: #DFDEEF;
    }

span.comment_authlink {
    font-weight: bold;
    color: #0d47a1;
}

    .ClusterBox ul.comments li a {
        text-decoration: none; color:#333;
    }
    .ClusterBox ul.comments li b a, .ClusterBox ul.comments li a b {
        color:#365899; font-weight: normal;
    }

    .ClusterBox ul.comments li a.comment_authlink {
        color: #0d47a1;
        font-weight: bold;
    }



.ClusterBox .latestbox {
    width: 100%;
    clear: both;
}
.ClusterBox .latesthead {
    float: left;
}
.ClusterBox .latestct {
    float: right;
}
.ClusterBox .latestbox a {
    text-decoration: none; color:#365899;
    font-family:arial; font-size:13px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


    /*chatboard (bbPress) styles*/

    #chatboard-inset { 
        background-image: url('//teachers.net/home/bg/backboard-inset-745x300.jpg');
        width: 100%;
        height: 130px;
        background-repeat: no-repeat;
        background-position: center bottom;
        text-align: center;
    }
    #chatboard-inset #title {
        line-height: 1;
        margin-left: auto;
        margin-right: auto;
        color: #fff;
        font-size: 26px;
        margin-bottom: 10px;
        padding-top: 30px;
    }
    #chatboard-inset #title a {
        color: #fff;
        text-decoration: none;
    }
    #chatboard-inset #join-button {
        display: block;
        text-decoration: none;
        float: right;
        margin-right: 25px;
        background-color: #fff;
        border: solid 1px #777;
        color: #333;
        font-size: 12px;
        font-weight: bold;
        padding: 6px 10px;
        line-height: 1.0;
        font-family: helvetica, arial, sans-serif;
    }
    #chatboard-inset-options { 
        background-color: #fff;
        width: 100%;
        height: 40px;
        margin-bottom: 10px;
    }
    #chatboard-inset-options a.option { 
        display: block;
        margin: 8px 0;
        padding: 5px 18px;
        line-height: 1;
        float: left;
        border-right: 1px solid #ccc;
        font-family: arial, sans-serif;
        font-size: 14px;
        text-decoration: none;
        color: #333;
    }
#chatboard-inset-options a.option.submit {
    background-color: #f5612c;
    color: #fff !important;
    font-weight: bold;
    border-radius: 10px;
}


    #chatboard-inset-options .option.selected { 
        font-weight: bold;  
    }
    #chatboard-inset-options .option:last-of-type { 
        border-right: none; 
    }

#chatboard-inset .group-button {
    float: right;
    margin-right: 25px;
}
#chatboard-inset .group-button a {
    XXXdisplay: block;
    text-decoration: none;
    background-color: #fff;
    border: solid 1px #777;
    color: #333;
    font-size: 12px;
    font-weight: bold;
    padding: 6px 10px;
    line-height: 1.0;
    font-family: helvetica, arial, sans-serif;
}


#chatboard-inset-options .searchform {
    float: right;
    margin: 8px 12px 0 0;
    padding: 0;
    border: none;
}
span.input_box {
    background: #fff;
    border: none;
    border: solid 1px #bdc7d8;
    padding: 0px;
    display: inline-block;
    height: 23px;
}
#chatboard-inset-options .searchform input {
    border: none;
    margin: 0 2px 0 5px;
    margin: 0;
    padding: 5px 5px 0px 5px;
    outline: none;
    width: 140px;
    XXXheight: 19px;
    line-height: 1;
    display: inline-block;
    vertical-align: top;
}
#chatboard-inset-options .searchform button {
    width: 22px;
    height: 19px;
    display: inline-block;
    background-image: url(https://static.xx.fbcdn.net/rsrc.php/v2/y3/r/cgTBHj3Uo01.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: -69px -32px;
    background-color: #fff;
    margin: 1px 1px 0 0;
    border: 0; 
    padding: 0px 0px 0px 0;
    cursor: pointer;
}

/*Tony add - donate link in footer - 5/26/2016*/

a.donate {
    color: #ec1c23;
}





    a.sponsorlink {
        color: #3d5e8e;
        font: 13px arial;
        display: block;
        float: left;
        clear: both;
        margin: 5px 0 10px 6px;
        text-decoration: none;
        line-height: 1;
    }
    .csstable.logotable { 
        display: table; 
        vertical-align: top;
        text-align: center;
    }
    .logotable .td {
        text-align: center;
    }
    .csstable.logotable{
        width: 100%;
    }

a.morecomments {
    font-family: helvetica, arial, sans-serif;
    font-size: 15px;
    color: #00c;
    text-decoration: underline;
}
a.showsome.commset {
    color: #0d47a1;
    font-size: 13px;
    color: #66c;
    line-height: 3;
    float: right;
}


a.showsome.commset img.commbubble {
    margin-left: 5px;
}

a.prevpage {
    float: left;
}
a.nextpage {
    float: right;
}

.topiclist_title {
    font-size: 18px;
    margin: 20px 0 0px 80px;
    font-weight: normal;
    color: #365899;
    width: 100%;
    text-align: left;
}
body.list .topiclist_title {
    margin-left: 30px;
}


textarea#postbody, input#subject, input#name {
    font-family: helvetica, arial, sans-serif;
    font-size: 14px;
}



textarea#postbody {
    line-height: 1.4;
    /*font-family: helvetica, arial, sans-serif;
    XXXborder: solid 1px #ddd;*/
    padding: 7px;
    font-size: 14px;
}
input#subject {
    XXXmargin-top: 6px;
    XXXmargin-bottom: 6px;
    padding-top: 3px;
    padding-bottom: 4px;
}
input#name {
    XXXmargin-top: 3px;
    XXXmargin-bottom: 4px;
    padding-top: 3px;
    padding-bottom: 4px;
}

.chatpost.status {
    width: 100%;
    text-align: center;
    background-color: #ddd;
    margin: 0 0 10px 0px;
    padding: 0px 0 0px 0;
    line-height: 2;
    vertical-align: top;
}
.plate {
    float: left;
    width: 52px;
    background-color: #cde;
    padding: 0 0 0 8px;
}
.topicplate.plate {
    clear: left;
}

.cssTable {
    display: table;
    width: 100%; 
    border-collapse: collapse;
} 
.cssTableRow {
    display: table-row; 
} 
.cssTableHeading {
    display: table-header-group;
    background-color: #ddd; 
} 
.cssTableCell, .cssTableHead {
    display: table-cell;
    padding: 3px 10px;
    border: 1px solid #999999; 
} 
.cssTableHeading {
    display: table-header-group;
    background-color: #ddd;
    font-weight: bold; 
} 
.cssTableFoot {
    display: table-footer-group;
    font-weight: bold;
    background-color: #ddd; 
} 
.cssTableBody {
    display: table-row-group; 
}

    .commentcluster .loader {
        float: none;
        width: 100%; 
        height: 22px; 
        margin: 0 auto 15px auto; 
        text-align: center;
        background-image: url("/home/icons/animated/ajax-loader-126x22.gif");
        background-repeat: no-repeat;
        background-position: center center;     
    }


/* CHATBOARD PAGES */

.thumbbox.td.left {
    margin-top: 7px;
}
ul.comments .thumbbox.td.left {
    margin-top: 4px;
}
div.commply.status {
    display: none;
}
textarea.commentfield:focus {
    outline: none;
}

.commentfield {
    border: none;
    XXXmin-height: 12px;
    height: 19px;
    padding-bottom: 0px;
    padding-top: 3px;
    width: 97%;
    color: #1d2129;

    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    padding-left: 5px;
}
.commentbox {
    background: #fff;
    border: 1px solid #bdc7d8;
    box-sizing: border-box;
    cursor: text;
    font-family: helvetica, arial, sans-serif;
    font-size: 11px;
    padding: 3px;
    line-height: 1;
    margin-bottom: 15px;
}
    a.cappill.postlink {
        display: block;
        float: right;
        margin: 0 0px 0 0;
        border: 1px solid #c8d5ea;
        border-radius: 6px;
        padding: 3px 7px;
        background-color: #fff;
        line-height: 1.0;
        color: #729ce1;
    }
    a.cappill.postlink:hover {
        background-color: #729ce1;
        color: #fff;
    }

    .cappill {
        float: left;
        margin: 0 5px 0 0;
        padding: 3px 4px;
        background-color: #dee6f2;
        border-radius: 4px;
        color: #729ce1;
        font-family: arial;
        font-size: 11px;
        line-height: 1.0;
    }
    .cappill.views {
        background-color: #d8ebd9;
    }
    .cappill.likes {
        background-color: #fadbec;
    }
    .cappill.replies {
        background-color: #dee6f2;
    }
    .cappill.group {
        background-color: #fff;
        XXXline-height: 1;
        XXXpadding: 5px 7px;
    }
    .cappill.group a.boardlink {
        text-decoration: none;
        color: #729ce1;
        font-size: 12px;
    }
a.XXXboardlink {
    border: 1px dotted #897df9;
    border: 1px solid #C0BCE8;
    border-width: 0 0 2px 0;
    padding-bottom: 1px;
}
a.XXXboardlink:hover {
    border-color: #ff3d54;
}
.replyct {
    color: #7E7AFF;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0 0 5px;
}

.datefeed ul {
    list-style: disc;
    padding: 0 0 0 20px;
    line-height: 1.3;
    XXXmax-width: 490px;
}
.datefeed li {
    margin-top: 1px;
    margin-bottom: 0;
    padding: 0px 0 0px 0px;
    font-family: 'arial,san serif';
    font-size: 16px;
    line-height: 1.4;
}
.datefeed li:nth-child(5n) {
    margin-bottom: 20px;
}

.datefeed li.unread {
    XXXlist-style: disc;
    background-color: #ededf5;
}

body.chatboard a.prevpage, body.chatboard a.nextpage {
    float: left;
    color: #00c;
    text-decoration: none;
    padding: 0px 10px;
    font-size: 15px;
    margin: 0 0 0 5px;
}
body.chatboard a.nextpage {
    float: right;
    margin: 0 5px 0 0;
}
a.shownext {
    XXXfloat: right;
    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
    color: #365899;
    text-decoration: underline;
}
.latestct {
    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
    color: #999;
}


    .feedcard {
        width: 100%;
        padding: 5px 10px 0 5px;
        box-sizing: border-box;
    }
    .feedform .input_field, .feedform .body_field {
        float: left;
        clear: left;
        font: 13.3333px Arial;
    }
    .feedform .input_field {
        width: 99%;
        margin-bottom: 2px;
    }
    .feedform .input_field {
        border: 0;
    }
    textarea#postbody {
        width: 98%;
        XXXheight: 80px;
        border: 0;
        display: none;
        background: white;
        padding: 0 5px;
        margin-bottom: 5px;
    }
    input.input_field {
        line-height: 1.8;
        padding-left: 5px;
    }
    input#subject:focus, input#name:focus, #postbody:focus {
        outline-color: #fff;
        outline: none;
    }
    form.feedform hr{
        display: block;
        height: 1px;
        border: 0;
        border-top: 1px solid #ddd;
        margin: 0 auto;
        padding: 0;
        XXXwidth: 99%;
        clear: both;        
    }
    hr#prebody, hr#prebutton {
        display: none;
    }
    hr#prebody {
    }
    hr#prebutton {
        margin-top: 10px;
        margin-bottom: 5px;
    }
    .feedform #submit_post, .commentcluster #submit_post {
        color: #fff;
        clear: both;
        float: right;
        margin: 0px -2px 8px 0;
        border: 1px solid;
        border-radius: 2px;
        box-sizing: content-box;
        font-family: helvetica, arial, sans-serif;
        font-size: 12px;
        -webkit-font-smoothing: antialiased;
        font-weight: bold;
        position: relative;
        text-align: center;
        vertical-align: middle;
        box-shadow: none;
        background-color: #0d47a1;
        padding: 5px 8px;
    }
    .modal.remodal {
        width: 100%;
        max-width: 500px;
        height: auto;
        padding: 0;
        background-color: #e0e7f3;
        font-family: arial, sans-serif;
    }
    .modal.remodal #headline {
        text-align: center;
        font-size: 29px;
        color: #0d47a1;
        font-family: arial, sans-serif;
        margin: 20px 0 10px 0;
    }
    .modal.remodal #headline img {
        margin: 0 10px -10px 0;
    }
    .modal.remodal #message {
        margin: 0 0 0 0;
        text-align: left;
        line-height: 1.7;
        font-size: 15px;
        color: #0d47a1;
        font-family: arial, sans-serif;
        margin: 15px 50px 0 50px;
    }
    .modal.remodal #join {
        text-align: right;
        line-height: 1.7;
        font-size: 15px;
        color: #0d47a1;
        font-family: arial, sans-serif;
        margin: 0px 30px 10px 50px;
    }
    .modal.remodal #join a {
        color: #0d47a1;
    }
    table#membersget {
        width: 80%;
        margin: 10px auto;
        line-height: 1.7;
        color: #0d47a1;
        font-size: 15px;
    }
    table#membersget td {
        text-align: left;
    }
    table#goguest {
        border-collapse: collapse;
        margin: 10px auto 10px auto;
        line-height: 1.3;
    }
    table#goguest, #goguest td {
        border: 0;
    }
    #goguest td {
        border: 20px solid #e0e7f3;
        margin: 0;
        vertical-align: middle;
        text-align: center;
    }
    #goguest td.left {
        background-color: #d6787f;
    }
    #goguest td.right {
        background-color: #00acd8;
    }
    #goguest a {
        display: table-cell;
        width: 211px;
        height: 58px;
        text-decoration: none;
        color: #fff;
        vertical-align: middle;
    }
    .bottomline {
        text-align: center;
        margin: 0 15px 10px 0;
    }
    .bottomline #goasguest  {
        margin-left: 15px;
    }
    .bottomline #reglink  {
        margin-right: 15px;
    }
    .bottomline a {
        color: #0d47a1;
        text-decoration: none;
    }




    .postblock {
        width: 100%;
        font-family: helvetica, arial, sans-serif;
        font-size: 14px;
    }
    .postblock td {
        XXXbackground-color: #ddd;
    }
    .postblock tr.init td {
        background-color: #fff;
        color: #999;
    }
    .postblock tr.active td.box1 {
        background-color: #cde;
        background-color: #eee;
    }
    .postblock tr.active td.box2 {
        padding: 0;
    }
    .postblock tr.init {
        XXXdisplay: none;
    }
    .postblock tr.active {
        display: table-row;
    }
    .postblock tr.active .box1 {
        width: 50px;
        padding: 0 0 0 8px;
        text-align: left;
    }
    .postblock tr.active input {
        width: width: 100%;
    }
    .postblock hr {
        height: 1px;
        background-color: #ddd;
        margin: 5px 0 5px 0;
    }
    .postblock input {
        margin-top: 0;
        margin-bottom: 0;
    }

.postblock input:focus { 
    XXXbackground-color: #faffbd !important;
}
.postblock input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    background-color: #fff !important;
    background-image: none !important;
}

input:-webkit-autofill {
}

form.feedform .loading {
    float: right;
    margin: -2px 6px 4px 0;
    display: block;
}

select#insetdrop {
    border: 0;
    padding: 5px 0px 5px 0px;
    margin: 6px 5px 0 0;
    float: left;
}
select#insetdrop:focus {
    outline: solid 1px #cdcdf7;
    outline-width: 1px;
    outline-offset: -1px;
}


.feedcard.card.regform, .feedcard.card.guestform {
    max-width: 525px;
    margin: 20px 0px 0 10px;
    border: 1px solid #e9eaec;
    XXX-webkit-box-shadow: 1px 1px 0px 0px rgba(221,221,221,1);
    XXX-moz-box-shadow: 1px 1px 0px 0px rgba(221,221,221,1);
    XXXbox-shadow: 1px 1px 0px 0px rgba(221,221,221,1);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
body.thread .feedcard.card.regform, body.thread .feedcard.card.guestform {
    margin-bottom: 10px;
}

body.list .datefeed.card ul {
    max-width: none;
}
.feedslot {
    clear:both; 
    width 100%; 
    height: 32px;
    margin-top: 20px;
}
.datefeed .avcell {
    float: left; 
    margin-right: 15px;
    min-width: 32px;
    min-height: 35px;
}
.datefeed .bubblecell {
    float: right;
    margin-right: 10px;
}
.datefeed .listcell { float: none; overflow: hidden; }
.avcell img { width: 32px; height: 32px; }
.feedslot {
}

.bubblecell {
    width: 22px;
    height: 20px;
    margin: 0px auto 5px;
    text-align: center;
    font: 9px/18px "verdana"; 
    color: #729de0;
}
.bubblecell.commented {
    background-image: url(https://teachers.net//home/shapes/speech-bubbles/speech-bubble-cell.png);
    background-repeat: no-repeat;
}

.listcell .posttitle, .listcell .postbyline {
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0;
}

.listcell .posttitle a {
    text-decoration: none;
    color: #00f;
    font-family: arial, Times, serif;
    font-size: 15px;
}
.listcell .posttitle a:visited {
    color: #551a8b;
}
.listcell .postbyline, .listcell .postbyline a {
    text-decoration: none;
    color: #525252;
    font-family: arial, Times, serif;
    font-size: 11.5px;
    line-height: 2;
}
a.byline {
    text-decoration: none;
    color: #333;
}

    .postblock {
        width: 100%;
        font-family: helvetica, arial, sans-serif;
        font-size: 14px;
    }
    .postblock td {
        XXXbackground-color: #ddd;
    }
    .postblock tr.init td {
        background-color: #fff;
        color: #999;
    }
    .postblock tr.active td.box1 {
        background-color: #cde;
        background-color: #eee;
    }
    .postblock tr.active td.box2 {
        padding: 0;
    }
    .postblock tr.init {
        XXXdisplay: none;
    }
    .postblock tr.active {
        display: table-row;
    }
    .postblock tr.active .box1 {
        width: 50px;
        padding: 0 0 0 8px;
        text-align: left;
    }
    .postblock tr.active input {
        width: width: 100%;
    }
    .postblock hr {
        height: 1px;
        background-color: #ddd;
        margin: 5px 0 5px 0;
    }
    .postblock input {
        margin-top: 0;
        margin-bottom: 0;
    }

.postblock input:focus { 
    XXXbackground-color: #faffbd !important;
}
.postblock input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    background-color: #fff !important;
    background-image: none !important;
}

input:-webkit-autofill {
}

form.feedform .loading {
    float: right;
    margin: -2px 6px 4px 0;
    display: block;
}
/*
.feedcard.card.guestform {
    border: 1px solid #bbbbf1;
    max-width: 525px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
}
*/

form.feedform {
    line-height: 1.75;
}
.datefeed.card {
    margin: 0px 15px 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

textarea.commentfield {
     height: 19px; 
}

/* moved to chatboard.css */
img.commbubble {
    margin: 0 5px -4px 0;
}

.commct_grey {
    margin: 35px 0 20px 0;
    width: 100%;
    text-align: center;
    color: #999;
    font-family: arial;
    font-size: 17px;
}
a.commlink {
    color: #365899;
    text-decoration: none;
    margin: 0 0 20px 0;
}
a.commlink.right {
    float: right;
}
a.commlink.left {
    float: left;
}


div#sortdrop {
    max-width: 530px;
    margin: 8px 0 0 10px;
    clear: both;
    float: left;
}


#forum-inset {
    overflow: hidden;
    max-width: 550px;
    margin: 0 auto;
    padding-top: 0px;
}
#forum-inset #title {
    overflow: hidden;
    float: left;
    clear: both;
    margin-top: 5px;
    line-height: 1.2;
}

.ClusterBox a {
    text-decoration: none;
}
#gutblock .ClusterBox {
    border: none;
}
div.postago {
    font-size: 12px;
    color:#999;
    float: left;
    margin: 5px 0 10px 0;
}

.ClusterBox ul.comments .postago a {
    color: #999;
    margin-left: 10px;
}
.ClusterBox ul.comments .postago a:hover {
    color: #333;
}
.ClusterBox ul.comments .postago a img {
    opacity: 0.5;
}
.ClusterBox ul.comments .postago a img:hover {
    opacity: 1.0;
}


div.posthitch {
    XXXpadding-bottom: 10px;
    XXXborder-bottom: 1px solid #ccc;
}

div.combox {
    margin: 10px 0 0 2px;
    max-width: 520px;
    border-bottom: 1px solid #ccc;
    width: 100%;
    XXXmax-width: 480px;
    overflow: hidden;
    XXXpadding: 15px 25px 0 10px;
    XXXbackground-color: #f4f4f4;
}

.ClusterBox.clusterset .posthitch, .ClusterBox.clusterset .posthitch a {
    line-height: 20px;
    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
    color: #999;
}
.ClusterBox.clusterset .posthitch {
    margin: 10px 0 0 5px;
}

.triadbox {
    display: table;
    table-layout: auto;
    width: 100%; 
    border-collapse: collapse;
} 
.triadbox .row {
    display: table-row; 
} 
.triadbox .cell {
    display: table-cell;
    XXXborder: 1px solid #999999; 
    border: 0; 
    padding: 0;
    XXXborder: 0; 
} 
.posthitch .likebox {
    width: 160px; 
} 
.posthitch .commtrigbox {
    text-align: center;
    overflow: hidden;
} 
.posthitch .alertbox {
    text-align: right;
    width: 160px;
} 

span.likeset {
    white-space: nowrap;
}

span.likeset a.postlike div, span.likeset a.likecount, span.likeset a.likecount.liked {
    color: #999;
}
span.likeset .postlike div, span.likeset a.postlike {
    display: inline-block;
}
.latestbox .liketext {
    float: left;
}

.combox {
    font-weight: normal;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
    clear: both;    
}
.combox .commct {
    float: right;
    clear: both;
    color: #999;
    line-height: 1;     
}



.portlink {
    margin-left: 15px;
}



.postlike div.thumb {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 4px -2px 4px;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAPCAYAAADzun+cAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3ZmE4MDk3My0xY2ZjLTE3NDYtODM0NS05ODk4YWMwNmM0MGUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0QyQTA3ODk1MEZDMTFFN0EzQTRGQzg3MkYwRkEzNzAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0QyQTA3ODg1MEZDMTFFN0EzQTRGQzg3MkYwRkEzNzAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NWMzNjViNTktNjhiZC01ZTQ5LTkzNGUtNTkyZTlmOGZiMDI2IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YWE5ZjY0OGUtNTBmYy0xMWU3LThhOTAtYTc3YWQwMDE2NDQ5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+m7JdEgAAAR9JREFUeNpinDlzJgMBwA/E7kB8AIhfwQTP/U9gIAJg1QsCTERobgbilUB8Bog5GUgDOPUSY7ETlJYFYl0SLcapl5DF9kCsjcR/S4KlePXis1gBiFcj8U8C8V0iLSWoF5fFAkC8CYhFkcTkoHEFwiuMGBeIkqsXJMcCJMKAOASq4A0QT4ZqVEEzUBKKQcAYiJ8D8XFy9YIs9gfiUCRFl7FoxAZ+U6KXiYF8sJUSvZRY/J0SvTCL/wPxXxI0/gCWXKfI1QvEp2AWg8rNWhI0X0Jik6UXlLj+AXE6EP+Buv4XEZqXQmmy9YIsLgPihUhZ4joQvwdiN2iqlUDT+A6IN0PZZOtlJFA7gaJCC4pBBcMHID4IxC+JqJ1w6gVJAgQYAFgzW1ZEC+d/AAAAAElFTkSuQmCC');
}

.postlike.liked div.thumb {
    background-position: -15px -0px;
}

.clusterset > a.excerpt, .clusterset > span.fulltext {
    float: left;
    margin: 8px 0px 0 5px;
    font-size: 14px;
    line-height: 1.4;
    font-family: helvetica;
    ###font-size: 14px;
    font-size: 17px;
    color: #1d2129;
}
.clusterset > a.excerpt a, .clusterset > a.excerpt > span, .clusterset > span.fulltext a {
    color: #365899;
    text-decoration: none;
}

.clusterset > span.fulltext {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

span.likeset a.postlike div, span.likeset a.likecount, span.likeset a.likecount.liked {
    color: #999;
}
.ClusterBox  span.likeset a.likecount {
    margin-left: 0px;
}
.latestbox {
    overflow: hidden;
}
.latestbox .liketext {
    float: left;
}
.likebox.cell {
    vertical-align: bottom;
}

span.postexcerpt {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

p#feederr {
    height: 50px;
    background-color: #ddd;
    padding: 17px 0;
    text-align: center;
    font-size: 13px;
    color: #4b5ef1;
    font-weight: bold;
    font-style: italic;
}

div.speechbubble {
    display: inline-block;
    width: 16px;
    height: 15px;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
    margin: 0px 2px -4px 3px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAYAAADtc08vAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3ZmE4MDk3My0xY2ZjLTE3NDYtODM0NS05ODk4YWMwNmM0MGUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkNGMzkwQTg1MDkxMTFFN0E0QTJGRDAwQjQ2RDBFRUQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkNGMzkwQTc1MDkxMTFFN0E0QTJGRDAwQjQ2RDBFRUQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YTNkYmE1NmItNGNiYy05OTRkLWEzOGEtNGU2YTk1OGFkZGMxIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6MmI2M2UxNmUtNTA5MS0xMWU3LThhOTAtYTc3YWQwMDE2NDQ5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+2w9eWQAAAG1JREFUeNpinDlzph4DA0MYELMwkAb+APEqkKa9QCzCQB5IZ6JAMwiIMDFQCEYNGDYGfKBA/0dQUnYB4kQgZgViOSD2gEpeBuLjeDT/BuL5IAPOQjEIeEMNuAPEzkD8mpwweArEnsRoBgGAAAMAKbQR8hstjbgAAAAASUVORK5CYII=')
}

.dont-break-out,
a.excerpt,
span.fulltext {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  XXX-ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  XXXword-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}



.likecell a.likethis {
    display: inline-block;
    float: left;
}
/*div:not([data-attr=''])*/

.likecell:not([data-likecount='']) a.likethis::after {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: -2px 4px -2px 4px;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAPCAYAAADzun+cAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3ZmE4MDk3My0xY2ZjLTE3NDYtODM0NS05ODk4YWMwNmM0MGUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0QyQTA3ODk1MEZDMTFFN0EzQTRGQzg3MkYwRkEzNzAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0QyQTA3ODg1MEZDMTFFN0EzQTRGQzg3MkYwRkEzNzAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NWMzNjViNTktNjhiZC01ZTQ5LTkzNGUtNTkyZTlmOGZiMDI2IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YWE5ZjY0OGUtNTBmYy0xMWU3LThhOTAtYTc3YWQwMDE2NDQ5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+m7JdEgAAAR9JREFUeNpinDlzJgMBwA/E7kB8AIhfwQTP/U9gIAJg1QsCTERobgbilUB8Bog5GUgDOPUSY7ETlJYFYl0SLcapl5DF9kCsjcR/S4KlePXis1gBiFcj8U8C8V0iLSWoF5fFAkC8CYhFkcTkoHEFwiuMGBeIkqsXJMcCJMKAOASq4A0QT4ZqVEEzUBKKQcAYiJ8D8XFy9YIs9gfiUCRFl7FoxAZ+U6KXiYF8sJUSvZRY/J0SvTCL/wPxXxI0/gCWXKfI1QvEp2AWg8rNWhI0X0Jik6UXlLj+AXE6EP+Buv4XEZqXQmmy9YIsLgPihUhZ4joQvwdiN2iqlUDT+A6IN0PZZOtlJFA7gaJCC4pBBcMHID4IxC+JqJ1w6gVJAgQYAFgzW1ZEC+d/AAAAAElFTkSuQmCC');
}
.likecell[data-likestate="liked"]:not([data-likecount='']) a.likethis::after {
    background-position: -15px -0px;
}
.commset div.likecell {
    display: inline;
    float: left;
    margin-left: 20px
}


/*wide display*/
    /*index*/
    #gutblock .ClusterBox {
        max-width: 525px;
        width: 100%;
    }

    /*chatposts 663*/
    .datefeed ul {
        padding-left: 0px;
    }

    /*chatposts 1099*/
    .datefeed.card {
        margin: 0;
    }


select#insetdrop {
    background-color: initial;
}
.card, .gridcard {
    background-color: transparent;
}
.feedcard.card.regform, .feedcard.card.guestform {
    background-color: #fff;
}
/* option A - large bottom border */
                div.combox {
                    XXXXXXXXXXXXXborder-bottom: 6px solid #ddd;
                    XXXXXXXXXXXXXpadding-bottom: 50px;
                }
/* option B - simple post box with large bottom border */
                /*https://teachers.net/wp-content/themes/twentysixteen-boss/styles/chatposts.css 1190*/
                div.combox {
                    border-bottom: 0;
                }
                /*https://teachers.net/wp-content/themes/twentysixteen-boss/styles/chatposts.css 1160*/
                #gutblock .ClusterBox {
                    /* border: none; */
                }
                /*mockmar 479*/
                #gutblock .ClusterBox {
                    border: solid 1px #ddd;
                    border-bottom: 5px solid #d8e3ef;
                    padding-bottom: 15px;
                }
                /*TRY IT WITH CENTER COLUMN LT GREY*/
                .datefeed.card.summary {
                    XXXbackground-color: #eee;
                    XXXbackground-color: #fbfbfb;
                }
                div#gutblock {
                    background-color: #fbfbfb;
                    XXXbackground-color: #ddd;
                }
/* option C - colored/bordered post box */
                /*https://teachers.net/wp-content/themes/twentysixteen-boss/styles/chatposts.css 1190*/
                div.combox {
                    XXXXXXXXXXXXXborder-bottom: 0;
                }
                /*https://teachers.net/wp-content/themes/twentysixteen-boss/styles/chatposts.css 1160*/
                #gutblock .ClusterBox {
                    /* border: none; */
                }
                /*mockmar 479*/
                #gutblock .ClusterBox {
                    XXXXXXXXXXXXXborder: solid 1px #ddd;
                    XXXXXXXXXXXXXbackground-color: #fbfbfb;
                }


    div.capsule {
        max-width: 500px;
        border: 1px solid #ddd;
        border: 0;
        padding: 10px;
        XXXbox-sizing: border-box;
    }
    div.capsule, div.capsule * {
        box-sizing: border-box;
    }

    div.ogbox {
        width: 100%;
        XXXborder: 1px solid #ddd;        
    }
    div.ogbox, div.ogbox a {
        text-decoration: none;
        color: #1d2129;
        font-family: helvetica, sans-serif;       
    }
    div.ogtextbox {
        width: 100%;
        padding: 10px;
    }
    .ogimg {
        width: 100%;
        height: auto;
    }
    .ogtitle {
        font-family: Georgia, serif;
        line-height: 22px;
        font-size: 18px;
        color: #1d2129;
    }
    .ogdescription {
        line-height: 16px;
        font-size: 12px;
        color: #1d2129;
        margin-top: 5px;
    }
    .ogsite_name {
        font-size: 11px;
        line-height: 11px;
        text-transform: uppercase;
        margin-top: 18px;
    }
    div.ogsite_name, div.ogsite_name a {
        color: #90949c;
    }


div.loadspinner { 
    background-image: url('//teachers.net/home/icons/animated/ajax-loader-32x32-eee.gif');
    width: 100%;
    height: 50px;
    background-repeat:no-repeat;
    background-position:center center;
    background-color: #eee;
}

/*      <div class="loadspinner" style='display:none;'></div>
        <img class='loading' style='display:none;' src='/home/icons/animated/ajax-loader-32x32.gif'>
*/

div.ClusterBox.clusterset {
    XXXbackground-color: #f1f3f5;
}
div.combox {
    XXXborder-bottom: 0;
}

a.commct {
    display: block;
    text-decoration: none;
}

a.viewmore {
    display: block;
    float: left;
    text-decoration: none;
    color: #546ca0;
    margin: 0 0 10px 35px;
    line-height: 1.3;
}
.statstrip .report a div {
    display: inline-block;
    width:14px; 
    height:14px; 
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
    margin:0 0 -3px 5px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ppVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2REQ0RjI0ODJFNkJFNTExOUZCRUYyREQyRThEQUNFRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0MUVENEU5RjUxQ0QxMUU3OUM4MzgzODZCNENFNUIxQyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0MUVENEU5RTUxQ0QxMUU3OUM4MzgzODZCNENFNUIxQyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmIwMzJhMjZkLWJkZWItMzI0NC1iNTBkLTdlZmZlNjVkOGU1MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2REQ0RjI0ODJFNkJFNTExOUZCRUYyREQyRThEQUNFRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps45g1MAAAFzSURBVHjaYmDAAn6e6E37farv1afDnflALisQM6KrYUYXAGqQZGRk3ApkCrAwM9lrKEqsX7fv4nsg/x+yOiZ0jf/+/W9l5BDkZpJ3ZmDiFOZ0t9RoAApzoKtlQrNNj4mJMY6BW5yBSUyPgYFbjIGfhyNwz/Qsc6iTsWv8//9/HxbnM5npyDdDbWXG0PjjRI8X0G/O2AKLk53V4vyy0kAgkw0WUExQJ7IwMTJ2I1mNSgOBmrxYraWeAi/MViZogCQDbdOC6/v8hOHf6ytA+ilcIxsrs9Li5tg0mK3MQNv4gJrWATk8iKD9DYzMjxCMBHi52Q1//f677OjF+1+YgLaVA8XEkRUw8sowMOvEMTDyy6NGOhOTYH6UfRmQyc4EDP4M9MD4//UFw7+H+4FOfYYRUCL83LGg8GL6/efvZvRUwfDvD8O/VxcgTkYD7z592w2KU0ZoxPKBTEGLQ5Bh/6HBz4Qm/g0myALVxMhAGIAM+wsQYADgUXG7mHJIEwAAAABJRU5ErkJggg==');
}

span.comment_authlink {
    font-weight: bold;
    color: #0d47a1;
}


.commset .statstrip {
    clear: both;   
}
.commset .statstrip, .commset .statstrip a {
    color: #999;
    line-height: 2;   
}
.like {
    margin: 0 0 0 13px;
}
.report {
    margin: 0 0 0 30px;
}
.commsets {
    display: table;
    width: 100%; 
    border-collapse: collapse;
    margin-top: 7px;
    clear: both;
    float: left;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    XXXborder-top: 10px solid #f4f4f4;
    XXXborder-right: 10px solid #f4f4f4;
    XXXborder-bottom: 10px solid #f4f4f4;
    XXXborder-left: 10px solid #f4f4f4;
    XXXbackground-color: #f4f4f4;
}
.commsets:empty {
   background-color: initial;
}


.commset {
    display: table-row;
    width: 100%;
    margin: 0 0 10px 0;
    float: left;
} 
.commset .left, .commset .right {
    display: table-cell;
    XXXborder: 1px solid #999999;
    border: 0;
    vertical-align: top;
}
.commset .comments {
    XXXbackground-color: #ededf5;
    line-height: 1.4;
    padding: 0px 0 0px 0;
    #font-size: 13px;
    font-size: 15px;
} 
.commset .comments, .commset .comments a {
    color: #333;
    text-decoration: none;
}
.commset .comments a span {
    color: #365899;
    text-decoration: none;
} 
.commset .left {
    width: 50px;
}
.commset .right {
    width: 100%;
}
.commset .left div, .commset .left img {
    width: 32px;
    height: 32px;
}
.commset .left div {
    margin: 0 10px 0 0px;
}
.commset .right .date, .commset .right .like, .commset .right .report {
    float: left;
}
.commset .right .date {
    clear: left;
}
.commset span.commauth, .commset a.commauth {
    color: #3d5e8e;
    font-weight: bold;
    XXXfont-size: 13px;
}
.commset a.commauth {
    color: #0d47a1;
}

#forum-inset #title a {
    text-decoration: none;
    font-family: verdana, arial;
    font-size: 25px;
    color: #3d5e8e;
    text-decoration: none;
    float: left;
    clear: both;
}
#gutblock a#boardlistlink {
    float: right;
    width: 90px;
    height: 20px;
    font-family: arial;
    font-size: 16px;
    color: #7d93b3;
    margin: 5px 0 0 0px;
}
#forum-inset .dropdown.dropdown-tip {
    margin-top: 38px; /*adds 30px*/
}

.drop-boards.dropdown.dropdown-tip:before {
    right: 8px;
    left: initial;
}
.drop-boards.dropdown.dropdown-tip:after {
    right: 10px;
    left: initial;
}


span#boarddrop {
    float: right;
    min-width: 170px;
}
#title .goldstar, #forum-inset .loading {
    width: 21px; height: 21px;
    vertical-align: bottom;
    margin-bottom: -8px;
    margin-left: 5px;
}
#title .goldstar { 
    display: inline-block;
    width: 21px; height: 21px;
    background: url('https://teachers.net/home/stars/goldstar-triad.png') no-repeat; 
    overflow: hidden; 
    text-indent: -9999px; 
    text-align: left;
}
#title .goldstar.on { background-position: -0px -0px;  }
#title .goldstar.off { background-position: -21px -0px; }
#title .goldstar:hover { background-position: -42px -0px; }
.datefeed.card.chatfeed {
    width: 100%;
}
#inset-block #title > a {
font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 18px;
    color: #3d5e8e;
    text-decoration: none;
}
div#title {
    float: left;
}

div#inset-block {
    overflow: hidden;
    max-width: 515px;
    margin: 30px auto 10px auto;
    width: 100%;
}
div.chatfeed div#sortdrop {
    margin-top: 0;
}
.chatfeed .feedblock {
    width: 100%;
    max-width: 515px;
    margin: 0 auto;
    font-size: 13px;
    text-decoration: none;
}
.chatfeed.summary .feedblock a {
    font-size: 13px;
    text-decoration: none;
    color: #3d5e8e;
}
.chatfeed .boardband {
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
div.boardmembers {
    float: right;
}
.feedcell {
    margin-top: 15px;
    min-height: 80px;
    border: 1px solid #ddd;
    max-width: 500px;
    padding: 0 10px 10px 10px;
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 1px 0px rgba(204,204,204,1);
    -moz-box-shadow: 1px 1px 1px 0px rgba(204,204,204,1);
    box-shadow: 1px 1px 1px 0px rgba(204,204,204,1);
}
.postband .cell {
    vertical-align: top;
    line-height: 1.0;
    font-size: 11px;
}
.postband .postavcell {
    width: 32px;
}
.postband .commcell {
    max-width: 40px;
    text-align: right;
}
.commcount.cell, .commclock.cell {
    font-size: 11px;
    XXXcolor: #0d47a1;
    color: #999;
}
.commcount.cell {
    color: #999;
}

.feedcell .postavcell img {
    width: 32px;
    height: 32px;
}
.postavcell .avsq {
    width: 32px;
    height: 32px;
    margin: 0 10px 0 0;
}
.postband .postcell {
    padding-top: 2px;
}
.postband .posttitle {
    font-weight: bold;
    font-size: 14px;
    color: #666;
    font-family: 'Roboto', sans-serif;
    XXXfont-weight: 400;
    font-weight: 500;
}
.postband .postbyline {
    padding-top: 3px;
    color: #3d5e8e;
}
.postband .postbyline span {
    color: #999;
    font-weight: normal;
}
.triadbox.statbox {
    text-align: center;
    max-width: 220px;
    margin: 15px auto 15px auto;
}
.commclock {
    color: #3d5e8e;
}
.postband .commcount {
    color: #555;
}
div.bubble12x11 {
    display: inline-block;
    width: 12px;
    height: 11px;
    XXXfloat: left;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
    margin: 0px 6px -2px 0px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAYAAABLcGxfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3ZmE4MDk3My0xY2ZjLTE3NDYtODM0NS05ODk4YWMwNmM0MGUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REQ4ODc5OTg2M0VEMTFFN0FBMkU5RkIyREM0MEEyNkMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REQ4ODc5OTc2M0VEMTFFN0FBMkU5RkIyREM0MEEyNkMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YWE4YzEzYWEtNDQ3ZS1jYjQ2LTg4MjItYmU1M2QzYjlkNjNkIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6OTZhNWUyZDAtNjNlYi0xMWU3LThhNmQtOWE3ZGEwYTU5ZjRkIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+KT2IugAAAE9JREFUeNpinDlz5mcGBgYeBuLAFyYSFIMADxMDiWDEajhHgvrzLEDCDIhlofRKIN4NxBlYFP8D4scgDX+B+AEQywDxZSAOBeKPuKwACDAAZSkN1ezJJPQAAAAASUVORK5CYII=');
}
.greygrad {
    width: 100%;
    max-width: 370px;
    height: 1px;
    background: #bbb;
    background: -moz-linear-gradient(left, #bbb 0%, #ffffff 75%, #ffffff 100%);
    background: -webkit-linear-gradient(left, #bbb 0%,#ffffff 75%,#ffffff 100%);
    background: linear-gradient(to right, #bbb 0%,#ffffff 75%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbb', endColorstr='#ffffff',GradientType=1 );
    margin: 0 0 7px 1px;
}
.feedcell .starjoin {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAKCAYAAACjd+4vAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3ZmE4MDk3My0xY2ZjLTE3NDYtODM0NS05ODk4YWMwNmM0MGUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkRCNjY3Njc2QTM4MTFFN0IzMjNERjA5RjRCRTlENTAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkRCNjY3NjY2QTM4MTFFN0IzMjNERjA5RjRCRTlENTAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YTE1ZTRiNTUtNWZkNC05ZjQ3LTlmYjktYWI3ZGZmYjg2ZmU1IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6MmI5ZWEwNGMtNjY4NC0xMWU3LWFmMDEtYzI5ODU3MTJjYTE0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+iuadqgAAAP5JREFUeNpi/LBMkAEJsADxUSDeBcS1DFjAPY29WNUZHWfCphyneeiqI4DYDIiLgViKATegWB2yxcJIruIE4jog5sBiGFXUMQKDGhQU6lCF6OA/ED/+y8x/55HKcq7/jOyq+NSd+8RwJ+0aE9e//wx41QHxWVAc6AMxN46gYgRiOaZ/P34AA0eakDo2JoYfQEsJqgPiD6Cg9gDiT3ji6Rzj/5/W/xlZCarT4WGwJsY8IHYGWXwEiNNwKPoDUgTEb5RuOBNUB0zZb4g1D5a4+HEoZIEmDAZqq4NZrIUkeRXkIiS+DhKbauqYkILgBhBHAbEeECsDcSOaBqqqAwgwAFpAVZgYFaXKAAAAAElFTkSuQmCC') no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
    margin-right: 5px;
}
.feedcell .starjoin.member {
    background-position: -0px -0px;
}
.feedcell .starjoin:not(.member) {
    background-position: -10px -0px;
}
.feedcell.unread {
    background-color: #eff2fa;
}

@media screen and (max-width: 500px){
    #message .wideshow, .avcell, table#membersget td.right, div#grouplist {
        display: none;
    }
    .page-template-page-mentors div#grouplist {
        display: block;
    }



    .modal.remodal #message {
        margin: 15px 20px 0 20px;
    }
    .datefeed.card.summary ul {
        padding-left: 0;
    }
    #forum-inset {
        padding-left: 5px;
        padding-right: 5px;
    }
}