body {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12px;
    background-color: #f4f4f4;
    left: 0px;
    right: 0px;
}
/* scrollbar starts on line 31 */
/* custom scrollbar */
::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
::-webkit-scrollbar
{
    width: 10px;
    height: 10px;
    background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb
{
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
    background-color: #d6dee1;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #a8bbbf;
}
::-webkit-scrollbar-track {
    background-color: transparent;
}
ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
a, a:hover {
    text-decoration: none;
    color: #365899;
}
a:focus {
    text-decoration: none;
}
.clear img, .clear {
    clear: both;
    color: #f4f4f4;
    font-size: 0;
    height: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
}
.notShow {
    display: none;
}
nav.navbarTop {
    height: 43px;
    margin-bottom: 11px;
    background-color: #1668b3;
    border-radius: 0;
    padding-top: 8px;
}
.item_warning{
    margin: 0px !important;
    padding-bottom: 10px !important;
    color: #131633 !important;
    background-color: #fff7e5 !important;
    border-color: #FFAB00 !important;
}
.item_content_warning{
    border: none;
    padding: 0;
    font-size: 14px;
    font-family: helvetica, arial, sans-serif;
    line-height: 19px;
    word-break: break-word;
}
#support {
    display: none;
    padding: 6px 0;
    margin-bottom: 10px;
    border-radius: 3px;
    border-top: 1px #dfe0e5 solid;
    border-left: 1px #dfe0e5 solid;
    border-right: 1px #dfe0e5 solid;
    border-bottom: 1px #d0d1d6 solid;
    background-color: white;
}
#support .col-xs-12 {
    margin-bottom: 7px;
}
#support h4 {
    font-family: Helvetica, sans-serif;
    font-size: 11px;
    color: #90949c;
    font-weight: bold;
    border-bottom: 1px #e5e5e5 solid;
    padding: 5px 0 7px 0;
    margin: 0;
}
#support img, .rightPanel .textWrap .imgWrap img {
    width: 30px;
    height: 30px;
}
#support img {
    margin-right: 7px;
}
#support span/*, #support h4*/ {
    font-size: 14px;
}
/*.logo {
        display: inline-block;
}*/
.searchBar, .searchBar2, .logo {
    display: inline-block;
    position: relative;
}
.searchBar {
    width: 80%;
    max-width: 410px;
}
.searchBar2 {
    width: 95%;
}
.searchBar button, .searchBar2 button {
    background-color: #e9ebee;
    background-image: none;
    border: 0;
    border-radius: 0 3px 3px 0;
    cursor: pointer;
    display: block;
    height: 24px;
    padding: 0 16px 0 16px;
    width: 46px;
    position: absolute;
    top: 1px;
    right: -9px;
    color: #ababab;
    font-size: 11px;
    outline: none;
}
.searchBar.selected  button, .searchBar2 button{
    background-color: #f36b22;
    color: #fff;
}
.navbarTop .selected  .fa-search {
    color: #fff;
}
.searchBar input, .searchBar2 input {
    height: 26px;
    width: 100%;
    border: 1px #2466a2 solid;
    border-radius: 4px;
    margin-left: 10px;
    padding-left: 5px;
    padding-right: 25px;
    outline: none;
}
.searchBar.selected  input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #cdcdcd;
}
.searchBar.selected  input::-moz-placeholder { /* Firefox 19+ */
    color: #cdcdcd;
}
.searchBar.selected  input:-ms-input-placeholder { /* IE 10+ */
    color: #cdcdcd;
}
.searchBar.selected  input:-moz-placeholder { /* Firefox 18- */
    color: #cdcdcd;
}


#toggleSearch, #openMenu {
    color: #e1e5ea;
    display: none;
    top: 2px;
    cursor: pointer;
    font-size: 18px;
}
#toggleSearch {
    margin-left: 15px;
}
.searchResults {
    position: absolute;
    background-color: white;
    border: 1px #c5d3f5 solid;
    left: 10px;
    z-index: 1000;
    width: 100%;
    max-height: 250px;
    overflow: auto;
    /*display: none;*/
}
.resultWrap {
    min-height: 50px;
}
.searchResults li {
    padding: 3px 6px;
}
.searchResults li:hover {
    background-color: #4465b8;
}
.searchResults li:hover p{
    color: white;
}
.resultWrap .imgWrap img {
    width: 50px;
    height: 50px;
    border: 1px #dcdcdc solid;
}
.resultWrap .imgWrap {
    margin-right: 5px;
    display: block;
    float: left;
}
.resultTextWrap p {
    margin-bottom: 0;
    line-height: 17px;
}
.resultTextWrap p:nth-child(1) {
    font-weight: bold;
    color: #355798;
}
.resultTextWrap p:nth-child(2) {
    font-size: 11px;
    color: #666;
}
.userGroup {
    position: relative;
    margin-top: 3px;
}
.userGroup .dropdown-menu {
    top: 30px;
    right: -15px;
    left: auto;
    box-shadow: 0px 1px 6px 2px rgba(0, 0, 0, .175);
    -webkit-box-shadow: 0px 1px 6px 2px rgba(0, 0, 0, .175);
    -moz-box-shadow: 0px 1px 6px 2px rgba(0, 0, 0, .175);
}
.dropdown-menu[aria-labelledby="loginedMenu"] .glyphicon-triangle-top {
    position: absolute;
    top: -10px;
    right: 12px;
    color: white;
    font-size: 17px;
}
.userGroup .glyphicon-triangle-bottom {
    color: #053b6e;
    font-size: 13px;
    top: 5px;
    cursor: pointer;
}
.userGroup .open .glyphicon-triangle-bottom {
    color: #fff;
}
.loginList:hover .dropdown-menu  {
    display: block;
}
#myModal .modal-dialog {
    float: right;
    margin-right: 15px;
    margin-top: 54px;
}
#myModal .modal-dialog .modal-title{
    color: #f0891b;
    font-weight: bold;
}
#myModal .modal-dialog a.btn {
    display: block;
    padding: 6px 12px;
    margin-bottom: 12px;
    font-size: 17px;
}
#myModal .modal-dialog a.btn.btn-primary {
    background: #1668b2;
}
#myModal .modal-dialog .modal-body {
    padding-bottom: 0;
}
#myModal .modal-dialog .modal-body h4{
    margin-top: -2px;
    font-size: 30px;
    color: #484848;
    /* font-weight: bold; */
    margin-bottom: 2px;
}
#myModal .modal-dialog .modal-body p{
    font-size: 15px;
    color: #414141;
    margin-bottom: 16px;
}
.dropdown-menu>li>a:hover {
    background-color: #dfe0e4;
}
.userWrap {
    margin: 0 0 0 12px;
    padding: 8px 0px 10px 3px;
    /*display: none;*/
}
.userWrap:hover {
    cursor: pointer;
}
.barAvatar img {
    width: 22px;
    height: 22px;
    background: white;
    border: 1px #848484 solid;
}
.barUserName, .barLogin {
    color: white;
    font-weight: bold;
    font-size: 12px;
    position: relative;
    top: 2px;
    padding: 0 5px;
}
.barLogin {
    padding: 8px 3px 10px 3px; /*display: none;*/
}
.barLogin a {
    color: white;
}
.barLogin > a:hover {
    text-decoration: underline !important;
}
/*.barLogin ul.loginList {
        background: white;
        right: 0;
    left: auto;
}*/
/*.barLogin ul.loginList img {
        margin-right: 10px;
}*/
/*.barLogin:hover ul.loginList {
        display: block;
}*/
.loginList img.imgNavIcon {
    margin-right: 10px;
}
.widthSpan {
    width: 100%;
}
.secondCol {
    padding-right: 0;
}
.secondColContent {
    padding: 0 0 5px 0;
    border-radius: 2px;
}
.schoolCover {
    margin-bottom: 10px;
    padding: 0;
}
.schoolCover img {
    width: 100%;
}
.siteRequestGuide {
    margin-bottom: 10px;
    padding: 15px;
}
.siteRequestGuide p {
    font-size: 12px;
    color: #101010;
}
.siteRequestGuide img {
    margin-bottom: 15px;
    width: 100%;
}
.siteRequestGuide a {
    color: #1668b3;
}
.siteRequestGuide a.pull-right{
    cursor: pointer;
    margin-left: 5px;
    background-color: #1668b3;
    border: 1px solid #1668b3;
    border-radius: 2px;
    color: #FFFFFF;
    font-weight: bold;
    overflow: hidden;
    padding: 3px 16px;
}
.siteRequestGuide, .schoolListContainer {
    background: white;
    padding: 5px 0 12px;
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
}
.schoolListContainer_ext1 {
    display:none;
}
.siteRequestGuide .panelHeader h4 {
    margin: 5px 0;
}
.schoolListContainer  .panelHeader h4 {
    margin: 5px 15px;
}
.schoolItem a {
    /*min-height: 115px;*/
    padding: 10px 8px;
    border: 1px #ddd solid;
    border-radius: 4px;
    margin-bottom: 15px;
    display: block;
    height: 66px;
    overflow: hidden;
}
.schoolItem a:hover {
    background: #e9ebee;
}
.schoolItem .imgWrap {
    width: 50px;
    /*height: 105px;*/
    display: block;
    float: left;
}
.schoolItem .imgWrap img {
    width: 44px;
    height: 44px;
}
.schoolItem p {
    line-height: 15px;
    margin-bottom: 7px;
}
.schoolItem .schoolName {
    font-size: 14px;
    font-weight: bold;
    color: #355798;
    /*padding-top: 15px;*/
}
.schoolItem .schoolAddress {
    font-size: 12px;
    color: #666;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.viewMore {
    display: block;
    background-color: white;
    border: 1px #e5e6ea solid;
    font-size: 15px;
    font-weight: bold;
    color: #90949f;
    padding: 11px;
    margin: -2px 0 0 0;
    cursor: pointer;
}
.schoolContact {
    border: 1px #e5e6e9 solid;
    border-bottom: 1px #dddfe2 solid;
    padding: 12px;
    margin-top: -11px;
    background-color: white;
    height: 54px;
}
.schoolContact .pull-right a {
    background-color: #3f7fff;
    color: white;
    font-weight: bold;
    padding: 4px 73px;
    border-radius: 2px;
    text-decoration: none;
    cursor: pointer;
}
.schoolAlbum, .schoolIntroduce {
    margin-top: 10px;
    background-color: white;
    border: 1px #e5e6e9 solid;
    border-bottom: 1px #dddfe2 solid;
}
.schoolIntroduce {
    padding: 0;
    margin-bottom: 10px;
}
.schoolAlbum {
    padding: 15px 0;
}
.schoolAlbum .imgWrap {
    display: block;
    margin-top: 20px;
}
.schoolAlbum .textWrap {
    margin-top: 15px;
}
.schoolAlbum p {
    font-size: 14px;
}
.schoolAlbum a {
    text-decoration: none;
}
.schoolAlbum div:first-child span {
    color: #4b4f57;
    font-weight: bold;
}
.schoolAlbum div:first-child span:nth-child(1) {
    font-size: 15px;
}
.schoolAlbum div:first-child span:nth-child(2) {
    font-size: 14px;
}
.category {
    margin: 10px 15px;
    border-bottom: 1px #e9ebee solid;
}
.categoryName {
    padding-left: 0;
    color: #666;
    margin-bottom: 8px;
}
.categoryContent {
    padding: 0;
    color: black;
}
.categoryContent p a {
    font-size: 13px;
    color: #1b3f98;
}
.albumTitle {
    line-height: 18px;
    color: #55579e;
}
.photoNumber {
    line-height: 8px;
    color: #90939c;
}
.navbarTopMiddle {
    display: none;
}
.leftCol, .navbarTopLeft {

}
.leftCol ul.navList {
    margin-bottom: 12px;
}
.leftCol ul li.navItem {
    position: relative;
    padding: 0 0 0 5px;
    margin: 5px 0 5px 0;
    line-height: 24px;
}
.item.text .content p{
    margin: 0px !important;
}
.active{
    z-index: 2;
    color: #fff;
    background-color: #2d88ff !important;
    border-color: #0052a9;
    border-radius: 3px;
}
.active a{
    color: #fff !important;
}
.leftCol ul li.navItem:hover {
    background-color: #dddfe2;
    border-radius: 3px;
}
.hint {
    background: #f36b22 none repeat scroll 0 0;
    border: 1px solid #e86a26;
    border-radius: 2px;
    box-shadow: 1px 1px 3px 1px rgba(156, 156, 156, 0.66);
    color: #fcf0e3;
    display: none;
    font-size: 13px;
    left: 109px;
    line-height: 1.4;
    padding: 5px 15px 7px;
    position: absolute;
    top: -4px;
    width: 257px;
    z-index: 10;
}
.hint span.glyphicon-triangle-left {
    color: #f36b22;
    font-size: 18px;
    left: -13px;
    position: absolute;
    top: 6px;
}
.hint h5 {
    margin: 7px 0 0;
    color: #e5e5e5;
    font-size: 14px;
    position: absolute;
    top: 1px;
    right: 9px;
}
.hint h5:hover {
    color: #dce471;
}
.hint button {
    display: none;
    padding: 0px 5px;
    position: absolute;
    top: 41px;
    right: 0;
    box-shadow: 1px 1px 1px 1px rgba(101, 101, 101, 0.2);
}
.hint button:hover {
    background-color: #6cc56c;
    border: 1px #5cb85c solid;
}
/*.leftCol ul li.navItem:hover .hint{
        display: block;
}*/
.leftCol ul li a {
    color: #1d2129;
    font-size: 14px;
    text-decoration: none;
}
.groupNav {
    margin-bottom: 6px;
}
.navHeader {
    color: #90949c;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 0;
    padding: 0;
}
.leftCol .imgWrap {
    width: 18px;
    height: 24px;
    display: block;
    float: left;
    text-align: center;
    line-height: 24px;
}
.leftCol .imgWrap img{
    max-width: 100%;
}
.leftCol .textWrap {
    display: block;
    margin-left: 25px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.leftCol .panelContent .textWrap {
    margin-left: 0
}
.leftCol .panelContent span.textWrap {
    display: inline-block;
}
.leftCol .panelContent li:first-child{
    margin-bottom: 5px;
}
.schoolAvatar {
    margin-bottom: 20px;
}
.schoolAvatar img {
    border: 2px white solid;
    width: 100%;
    -webkit-box-shadow: 0px 1px 4px 1px rgba(130,130,130,0.4);
    -moz-box-shadow: 0px 1px 4px 1px rgba(130,130,130,0.4);
    box-shadow: 0px 1px 4px 1px rgba(130,130,130,0.4);
}
.leftCol .groupLink ul {
    padding: 0;
}
.leftCol .groupLink ul li {
    height: 32px;
    background-color: #e9ebee;
    border-left: 3px #e9ebee solid;
    padding-top: 6px;
    padding-left: 7px;
    margin-bottom: 0;
}
.leftCol .groupLink ul li:hover, .leftCol .groupLink .selectedLink {
    background-color: #dfe0e4;
    border-left: 3px #4465b8 solid;
    font-weight: bold;
}
.leftCol .groupLink ul li a {
    font-size: 14px;
}
#closeButton {
    background-color: #1668b3;
    color: white;
    border: none;
    border-radius: 2px;
    padding: 4px 12px;
    font-size: 13px;
    display: none;
}
.rightCol, .navbarTopRight {
    /*padding-right: 0;*/
}
.rightCol .textWrap {
    margin-bottom: 5px;
}
.rightPanel .textWrap .imgWrap {
    display: inline-block;
    margin-right: 7px;
    width: 16px;
    text-align: center;
}
.rightPanel {
    background-color: white;
    /*height: 200px;*/
    /*border: 1px #dfe0e4 solid;*/
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    margin-bottom: 10px;
    border-radius: 3px;
}
.panelHeader {
    min-height: 34px;
}
.panelHeader h4 {
    font-family: Helvetica, sans-serif;
    font-size: 11px;
    color: #90949c;
    padding: 5px 0 6px;
    margin: 7px 0 0 12px;
    font-weight: bold;
    /* border-bottom: 2px #1668b3 solid; */
    display: inline-block;
}
.panelHeader2 {
    border-bottom: 1px #dddfe2 solid;
}
.panelHeader2 span.title {
    display: block;
    padding: 12px 15px 0px 15px;
    font-weight: bold;
}
.panelHeader2  .nav-location {
    padding:0 15px 10px;
}
.panelContent {
    margin: 0 12px 10px 12px;
}
.limitHeight {
    max-height: 230px;
    overflow: auto;
}
.limitHeight2 {
    max-height: 390px;
    overflow: auto;
}
.hotline {
    font-size: 15px;
    color: #365899;
    /*font-weight: bold;*/
}
div.textWrap span.textWrap {
    font-size: 14px;
}
.hotlineMail {
    color: #365899;
    /*font-weight: bold;*/
    font-size: 15px;
}
.rightCol .actionItem .imgWrap {
    width: 40px;
    display: block;
    float: left;
}
.actionItem {
    min-height: 44px;
}
.panelContent ul li:last-child div.actionItem {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
    min-height: 38px;
}
.userAction {
    font-size: 13px;
    display: block;
    line-height: 17px;
    margin-left: 40px;
}
.rightCol .adImg .imgWrap {
    margin-bottom: 10px;
    display: block;
}
.adImg img {
    width: 100%;
}
.adImg h4 {
    color: #979797;
    margin-bottom: 3px;
    font-weight: bold;
    font-size: 12px;
}
.newsItem {
    margin-bottom: 10px;
    margin-top: 12px;
}
.newsContent {
    font-size: 13px;
    display: block;
    line-height: 17px;
    margin-left: 75px;
}
.newsItem a {
    text-decoration: none;
    color: black;
}
.newsItem a:hover{
    cursor: pointer;
}
.newsItem .imgWrap {
    width: 75px;
    display: block;
    float: left;
    text-align: left;
}
.newsItem .imgWrap img {
    border: 1px #dcdcdc solid;
    width: 64px;
}
.ownerInfo {
    margin-top: 5px;
    padding: 0;
}
.ownerInfo p{
    line-height: 7px;
    font-size: 12px;
    color: #353535;
}
.stickTop {
    margin-top: -11px;
}
.notificationIcon {
    position: relative;
    cursor: pointer;
    display: none;
}
span#notifyNumber {
    position: absolute;
    top: -6px;
    right: -5px;
    color: white;
    font-size: 11px;
    font-weight: bold;
    border: 2px white solid;
    background-color: red;
    width: 18px;
    height: 18px;
    display: inline-block;
    border-radius: 15px;
}

.leftCol, .navbarTopLeft, .rightCol, .navbarTopRight {
    padding: 0;
}
.navbarTop .fa-search {
    font-size: 14px;
    color: #777;
}
.modal-open .modal {
    overflow-y: scroll;
}

/*==============================
        RESPONSIVE SECTION
===============================*/
@media (min-width: 1010px) {
    .container {
        width: 1010px;
        padding: 0;
    }
    .leftCol {
        width: 175px;
    }
    .rightCol {
        width: 310px
    }
    .middleCol {
        width: 525px;
        padding: 0 10px;
    }
    .secondCol {
        width: 835px;
    }
    .schoolContact a {
        padding: 4px 90px;
    }
    .soLienLacLeftCol {
        width: 305px;
    }
    .soLienLacSecondCol {
        width: 705px;
    }
}
@media (max-width: 991px) {
    #support {
        display: block;
    }
    .middleCol {
        padding-right: 0;
    }
    .siteRequestGuide, .schoolListContainer {
        padding: 20px 0;
    }
}
@media (min-width: 651px) and (max-width: 991px) {
    .rightCol {
        display: none;
    }
    .leftCol {
        width: 25%;
    }
    .middleCol, .secondCol {
        width: 75%;
    }
    .schoolContact a {
        padding: 4px 90px;
    }
}
@media (min-width: 651px) and (max-width: 767px) {
    .searchBar {
        width: 75%;
    }
}
@media (max-width: 650px) {
    .mainContainer, .secondCol, .middleCol {
        padding: 0;
    }
    /*.middleCol {
            padding-right: 15px;
    }*/
    .navbarTopLeft .logo, .rightCol, .searchBar, .barUserName {
        display: none;
    }
    .navbarTopMiddle, #closeButton {
        display: block;
    }
    .leftCol {
        width: 280px;
        z-index: 9999;
        background-color: #e9ebee;
        overflow: auto;
        position: fixed;
        left: -500px;
        top: -1px;
        bottom: 0px;
        padding: 10px;
        box-shadow: 0px 1px 20px 1px #757575;
        -webkit-box-shadow: 0px 1px 20px 1px #757575;
        -moz-box-shadow: 0px 1px 20px 1px #757575;
    }
    .schoolAvatar img {
        width: 60%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .navbarTopRight, .navbarTopLeft {
        width: 33.33333333%;
    }
    #toggleSearch, #openMenu {
        display: inline-block;
        padding: 4px;
    }
    .middleCol, .secondCol {
        width: 100%;
    }
    .ownerInfo {
        padding: 0 15px;
    }
    .ownerInfo div {
        float: left !important;
    }
    .searchResults {
        max-height: 190px;
    }
}
@media (max-width: 550px) {
    .secondColContent .col-xs-6 {
        width: 100%;
    }
    #support .col-xs-6 {
        width: 100%;
        margin: 2px 0;
    }
    .schoolAvatar img {
        width: 60%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .schoolListContainer .col-xs-6 {
        width: 100%;
    }
}
@media (min-width: 650px) and (max-width: 1009px) {
    .soLienLacLeftCol {
        width: 35%;
    }
    .soLienLacSecondCol {
        width: 65%;
    }
    .container {
        width: 100%;
    }
}
/* =======================
        OTHER (HOT FIXES)
========================*/

.leftCol .rightPanel .panelContent div.textWrap {
    height: 30px;
    margin-bottom: 10px;
}
.leftCol .rightPanel .panelContent span.textWrap {
    display: inline-block;
    margin-top: 2px
}
.leftCol .rightPanel .panelContent .textWrap .hotlineMail{
    display: inline-block;
    margin-top: 2px
}
.rightPanel .textWrap .imgWrap {
    margin-right: 10px;
}
.soLienLacSecondCol {
    padding-left: 10px;
}

@media (min-width: 1010px) {
    .left_Col {
        width: 260px;
    }
    .second_Col {
        width: 750px;
    }
}
@media (min-width: 992px) and (max-width: 1009px) {
    .left_Col {
        width: 29%;
    }
    .second_Col {
        width: 71%;
    }
}
@media (min-width: 650px) and (max-width: 991px) {
    .left_Col {
        width: 42%;
    }
    .second_Col {
        width: 58%;
    }
}
@media (min-width: 650px) {
    #myModal .modal-dialog {
        width: 450px;
        margin-top: 55px;
    }
}

ul#list-item li table, .box-search {
    margin-left: 0;
}

.article {
    background: #fff none repeat scroll 0 0;
    margin-bottom: 10px;
    padding: 20px;
    position: relative;
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    border-radius: 3px;
}
.article h1.title {
    font-size: 28px;
    margin-top: 10px;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    color: #cdcdcd;
}

input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder
{
    color: #cdcdcd;
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder
{
    color: #cdcdcd;
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder
{
    color: #cdcdcd;
}
.fa-user-circle{
    color: #f36b22;
}
.fa-user-circle-o {
    color: red;
}
.fa-user-o {
    color: pink;
}

.fa-eercast{
    color: red;
}
.fa-bookmark {
    color: blue;
}
.fa-globe {
    color: blueviolet;
}
.fa-graduation-cap {
    color: #3eecec;
}
.fa-pencil-square-o {
    color: fuchsia;
}
.fa-calendar {
    color: hotpink;
}
.fa-plus-square {
    color: teal;
}

.fa-registered {
    color: hotpink;
}
.fa-list-alt {
    color: teal;
}

.fa-yelp {
    color: darkred;
}
.fa-archive {
    color: navy;
}
#main-menu .fa-phone-square {
    color: mediumpurple;
}
.fa-phone-square, .fa-envelope {
    color: #f36b22;
}
.fa-newspaper-o {
    /*color: #f36b22;*/
}

.sll-box-search #form-search-solienlac  .btn-info {
    background-color: #f36b22;
    color: #fff;
}
.header_form {
    font-size: 13px;
    padding: 0;
    margin-bottom: 8px;
    color: #fff;
    font-weight: bold;
}
.sll-form-seach {
    background: #1668b3;
    border-bottom: medium none;
    margin: 0 -12px -12px -12px;
    padding: 10px;
}
.sll-form-seach .label  a{
    color: #fff;
    font-weight: normal;
}
.sll-form-seach .label {
    padding-bottom: 0;
}

.result-search {
}
.sll-form-seach {
    color: #000;
    font-size: 12px;
}
#sll-list-item {
    color: #fff;
}
#sll-list-item h3 {
    font-size: 13px;
    color: #e5ed63;
    padding: 0;
    margin: 0 0 2px 0;
    font-weight: bold;
}
#sll-list-item li {
    padding: 0 0 15px 0;
    margin: 0;
}
#sll-list-item li:last-child {
    border: none;
    margin-bottom: -15px;
}
#sll-list-item li a .info {
    color: white;
}
#form-search-solienlac .form-control.key {
    height: 24px;
    padding-left: 5px;
    background: #e9ebee;
    color: #77777a;
}
#form-search-solienlac .btn{
    height: 24px;
    padding: 0 12px;
    background: #e9ebee;
    color: #77777a;
    border: none;
}
#form-search-solienlac .input-group {
    border: 1px #2466a2 solid;
}
#form-search-solienlac .input-group #keyword {
    outline: none;
    border: none;
    width: 104%;
    height: 24px;
    border-radius: 3px;
    padding: 0 5px;
}
#form-search-solienlac .input-group input.btn {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
#form-search-solienlac .input-group input.btn:focus {
    outline: none;
    border: none;
}

.ownerInfo {
    background: #F1F1F1;
    height: 100px;
}

.box-content {
    background: #fff;
    margin-bottom: 10px;
    padding: 20px;
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    border-radius: 3px;
}

#form-search-solienlac .form-control.key {
    height: 24px;
    padding-left: 5px;
    background: #e9ebee;
    color: #77777a;
}
#form-search-solienlac .btn{
    height: 24px;
    padding: 0 12px;
    background: #e9ebee;
    color: #77777a;
    border: none;
}
#form-search-solienlac .input-group {
	border: 1px #2466a2 solid;
}
#form-search-solienlac .input-group #keyword {
	outline: none;
    	border: none;
    	width: 104%;
    	height: 24px;
    	border-radius: 3px;
   	padding: 0 5px;
}
#form-search-solienlac .input-group input.btn {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
#form-search-solienlac .input-group input.btn:focus {
    outline: none;
    border: none;
}
#form-search-solienlac-confirm input[type="submit"] {
    background: #007BBF;
    border: none;
    border-radius: 4px;
    color: #FFF;
    cursor: pointer;
    padding: 5px 15px;
    font-weight: bold;
    display: block;
}

#form-search-solienlac-confirm select {
    width: 258px;
    padding: 5px 3px;
    margin-bottom: 10px;
    border-radius: 3px;
    border: 1px solid #ccc;
}

#form-search-solienlac-confirm input[type=password] {
    border: 1px solid #c0c0c0;
    padding: 5px;
    width: 258px;
    margin-bottom: 10px;
    border-radius: 5px;
}

#bangdiem div {
	text-align: center;
	margin-top: 20px;
	font-weight: bold;
	margin-bottom: 5px;
}

#bangdiem table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

#bangdiem tr th,
#bangdiem tr td {
	padding: 4px;
}

#bangdiem tr th {
	border-left: 1px solid #007BBF;
}

#bangdiem tr td {
	border-left: 1px solid #CCC;
}

#bangdiem tr td.monhoc {
	text-align: left;
	padding: 4px 5px;
	width: 80px
}

#bangdiem tr:nth-child(2n) td {
	background-color:#eee;
}
#bangdiem tr {
	background: #FCFCFC;
}

#bangdiem tr.tophead {
	background: #007BBF;
	color: #FFFFFF;
}

ul#list-item li table, .box-search {
	margin-left: 0;
}

.all-editor-webtube-item {
    background: #fff none repeat scroll 0 0;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    border-radius: 3px;
}
.all-editor-webtube-item h1 {
	font-size: 28px;
	margin-top: 10px;
}
.tipsy { padding: 5px; font-size: 12px; position: absolute; z-index: 100000; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: #faf5d5; color: #cc0000; max-width: 200px; text-align: center; border: 1px solid #f28989; }
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-arrow { position: absolute; background: url(/assets/global/img/arrow.png) no-repeat top left; width: 10px; height: 6px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    color: #cdcdcd;
}

input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder
{
    color: #cdcdcd;
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder
{
    color: #cdcdcd;
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder
{
    color: #cdcdcd;
}
.fa-user-circle{
	color: #f36b22;
}
.fa-user-circle-o {
	color: red;
}
.fa-user-o {
	color: pink;
}

.fa-eercast{
color: red;
}
.fa-bookmark {
color: blue;
}
.fa-globe {
	color: blueviolet;
}
.fa-graduation-cap {
color: #3eecec;
}
.fa-pencil-square-o {
color: fuchsia;
}
.fa-calendar {
 color: hotpink;
 }
.fa-plus-square {
	color: teal;
}

.fa-registered {
	color: hotpink;
}
.fa-list-alt {
color: teal;
}

.fa-yelp {
	color: darkred;
}
.fa-archive {
	color: navy;
}
#main-menu .fa-phone-square {
	color: mediumpurple;
}
.fa-phone-square, .fa-envelope {
	color: #f36b22;
}
.fa-newspaper-o {
    /*color: #f36b22;*/
}

#list-item-webtube .avatar:after {
    border: 1px solid rgba(0, 0, 0, .1);
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.imageUploader .uploadifive-button.active, .imageUploader .uploadifive-button:hover {
color: #f36b22;
}
#vnedupost.vnedupost-active.tlf input[type=submit] {
	background-color: #f36b22; border: 1px solid #f36b22;
}
.user-post {
	position: relative;
}
#post-holder {
	z-index: 1111;
}
.tlf {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.fb-li .fb-content {
    margin-bottom: 4px;
    display: inline;
}
.middleCol .article .content {
	font-size: 14px;
	line-height: 18px;
	font-family: helvetica, arial, sans-serif;
	margin-top: 0;
    margin-bottom: 0;
}

#vnedupost.tlf .submit-section .message {
   color: #666;
    float: left;
    line-height: 25px;
}
.button-holder .fb-button {
    border-top: 1px solid #e5e5e5;
}
.middleCol .article {
    margin-bottom: 10px;
	padding: 0;
}
.announcement{
    margin-bottom: 10px;
}
.level-3 .fb-button span:last-child {
	display: none;
}
.tl_like_count {
	color: #1668b3;
}
#list-item-webtube.page-items .item:hover,
#list-item-webtube.page-items .item {
	background: none repeat scroll 0 0 #FFFFFF;
	font-size: 8pt;
	border-bottom: 1px solid #E9E9E9;
	margin-top: 10px;
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    border-radius: 3px;
}

#list-item-webtube.page-items .item .item_top {
	padding: 12px 12px 0;
}

#list-item-webtube .tool {
	background: none;
	margin-top: 10px;
	margin-bottom: 0;
}
#list-item-webtube .avatar {
	display: block;
	position: relative;
}

#list-item-webtube .avatar img {
	width: 38px;
	height: 38px;
}

#list-item-webtube .left {
	float: left;
	margin-right: 10px;
}

#list-item-webtube .right {
	float: left;
	width: calc(100% - 60px);
}

#list-item-webtube .right .title a {
font-weight: bold;
    color: #1668b3;
    font-size: 14px;
}

#list-item-webtube .item-header {
}

#list-item-webtube .item-content {
	margin: 10px 0 5px 0;
	border: none;
	padding: 0;
	font-size: 14px;
	font-family: helvetica, arial, sans-serif;
	line-height: 19px;
	word-break: break-word;
}

#list-item-webtube .item .item-content  img.picture,
#list-item-webtube .item .item-content  object,
#list-item-webtube .item .item-header  iframe,
#list-item-webtube .item .item-content  iframe
/*#list-item-webtube .item .item-content  img*/
{
	max-width: 100%;
    display: block;
}

#list-item-webtube .item-link .item-content a {
	border: 1px solid #CCCCCC;
	padding: 2px;
}

#list-item-webtube .item-content img.picture, #list-item-webtube .item-content .embed{
	padding: 0;
	margin-top: 12px;
}


#list-item-webtube .item-link .item-content a {
	background: url('/assets/global/img/vnedu_nav_file.png') no-repeat;
	padding-left: 20px;
}

#list-item-webtube .fb-border {
    border-bottom: none;
    padding: 8px 0 0;
}

#list-item-webtube .date {
	float: none;
	padding-left: 0;
	color: #959393;
	font-size: 12px;
	font-weight: normal;
	margin-top: 5px;
}

#list-item-webtube .tool .itemList-holder ol,
#list-item-webtube .tool .itemList-holder ul {
	padding: 0;
	margin: 0;
}

#list-item-webtube .tool .itemList-holder ol li,
#list-item-webtube .tool .itemList-holder ul li{
	margin: 0;
	border: 0;
	margin-bottom: 0;
	list-style: none;
}

#list-item-webtube .tool .button-holder{
    margin-bottom: 0;
	background: #fff;
    padding: 0 12px 8px;
    border-bottom: 1px solid #e1e2e3;
}

#list-item-webtube .fb-avatar img {
	background: #FFF;
	display: block !important;
}

#list-item-webtube .fb-button {
	background: none;
	padding: 0;
}

#list-item-webtube .form-holder {

}

.post-launcher {
	background: url(/assets/global/img/vnedu_nav_image.gif) no-repeat;
	display: inline-block;
	width: 80px;
	height: 25px;
	text-indent: -1000px;
	overflow: hidden;
}

#vnedupost.tlf body, #vnedupost.tlf ul, #vnedupost.tlf li, #vnedupost.tlf p, #vnedupost.tlf h1, #vnedupost.tlf h2, #vnedupost.tlf h3 {
padding: 0;
margin: 0;
}

#vnedupost.tlf,
#vnedupost.tlf input,
#vnedupost.tlf textarea[name=content] {
	font: 13px 'lucida grande',tahoma,verdana,arial,sans-serif;
}

#vnedupost.tlf {
	font: 11px 'lucida grande',tahoma,verdana,arial,sans-serif;
	color: #333;
	line-height: 1.28;
	text-align: left;
	direction: ltr;
	background: #fff;
	border: 1px solid;
	border-radius: 3px;
	border-color: #e5e6e9 #dfe0e4 #d0d1d5;
	position: relative;
	z-index: 999;
}

#vnedupost.tlf form p {
	margin-bottom: 5px;
	font-size: 90%;
}

#vnedupost.tlf .row {
	margin: 0 0 15px;
	padding: 0;
}

#vnedupost.tlf label {
	font-weight: bold;
}

#vnedupost.tlf label em {
	font-weight: normal;
}

#vnedupost.tlf input[type=text],
#vnedupost.tlf textarea[name=content],
#vnedupost.tlf div[role=textarea] {
	border: none;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
	font-size: 14px;
	padding: 2px 0;
	resize: none;
}

#vnedupost.tlf textarea[name=content] {
	height: 50px;
	padding: 2px 0;
}

div[role=textarea] {
	height: auto;
	min-height: 50px;
	padding: 5px 0;
	outline: 0px solid transparent;
	font-size: 14px;
	position: relative;
	z-index:1;
}

#vnedupost.tlf .content-section textarea[name=content] {
	padding: 2px 0;
}
/*div[role=textarea][data-placeholder]:not([data-div-placeholder-content]):before {*/
/*	content: attr(data-placeholder);*/
/*	float: left;*/
/*	margin-left: 2px;*/
/*	color: #b3b3b3;*/
/*	cursor: text;*/
/*	position: absolute;*/
/*}*/

.ghost-placeholder {
	position: absolute;
	display: none;
	z-index: 0;
	top: 1px;
	left: 2px;
	color: #bdc3c7;
	font-size: 14px;
}

div[role=textarea][data-placeholder]:not([data-div-placeholder-content]) + .ghost-placeholder {
	display: block;
}

#vnedupost.tlf input[type=submit] {
	cursor: pointer;
	margin-left: 5px;
	background-color: #1668b3;
    border: 1px solid #1668b3;
    border-radius: 2px;
	color: #FFFFFF;
	font-weight: bold;
	overflow: hidden;
	padding: 3px 16px;
}

#vnedupost.tlf .nav {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #e5e5e5;
	height: 33px;
	margin: 0 12px;
}

#vnedupost.tlf .workspace {
}

#vnedupost.tlf .nav li {
	display: inline-block;
	padding-bottom: 3px;
	padding-top: 5px;
}

#vnedupost.tlf .nav li:first-child div {
	border-left: none;
}

#vnedupost.tlf .nav li:first-child div a {
	margin-left: 0;
}

#vnedupost.tlf .nav li a {
	font-weight: bold;
	margin: 0 5px;
	padding: 0 5px 0 0;
	cursor: pointer;
	display: block;
	background-repeat: no-repeat;
	background-position: 10px 0;
    font-family: arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
	border-right: 1px solid #e5e5e5;
}

#vnedupost.tlf .nav li.current {
	background: url(/assets/global/img/nav_current.gif) no-repeat center bottom;
}

#vnedupost.tlf .nav li, #vnedupost.tlf .nav li * {
    color: #3b5998 !important;
}

#vnedupost.tlf .nav li.current, #vnedupost.tlf .nav li.current * {
	color: black !important;
}

#vnedupost.tlf .nav li a:hover {
	background-color: #f6f7f9;
	text-decoration: none;
}

#vnedupost.tlf form .submit-section {
	text-align: right;
	border-top: 1px solid #e6e6e6;
}

#vnedupost.tlf form .header-section,
#vnedupost.tlf form .content-section,
#vnedupost.tlf form .submit-section {
	padding: 8px 12px;
}

#vnedupost.tlf form .content-section {
	border-top: 1px solid #e5e5e5;
	position: relative;
	/*-webkit-user-modify: read-write-plaintext-only;*/
	user-select: text;
}

#vnedupost.tlf form .uploadify-queue {
	margin: 0 0 0 90px;
}

#vnedupost.tlf form .uploadify {
	float: left;
}

#vnedupost.tlf form .uploadify-queue-item {
	margin-top: 0;
}

#vnedupost.tlf .nav-text {

}

#vnedupost.tlf .nav-link {
	background-image: url(/assets/global/img/nav_link.gif);
}

#vnedupost.tlf .nav-image {
	background-image: url(/assets/global/img/photo_icon.gif);
}

#vnedupost.tlf .nav-code {
	background-image: url(/assets/global/img/nav_code.png);
}

#vnedupost.tlf .nav-file {
	background-image: url(/assets/global/img/vnedu_nav_file.png);
}

#vnedupost.tlf .vnedupost-text .header-section {
	display: none;
}

#vnedupost.tlf form.vnedupost-text .content-section {
    border-top: none;
}

.tlf .user-post-toolbar{
	padding-left: 0px;
	margin-top: 20px;
	border: 1px solid #CCC;
	border-bottom: none;
	display: none !important;
	background: url("/assets/global/img/nav.png") repeat-x center bottom;
}

.tlf .user-post-toolbar li.tab-user-post {
	display: inline-block;
	color: #999;
	padding: 7px 10px;
	cursor: pointer;
	border-right: 1px solid #ccc;
}

.tlf .user-post-toolbar li.selected {
	background: url("/assets/global/img/nav_current.png") no-repeat  center bottom;
	color: #3b5998;
	font-weight: bold;
}


.tlf .user-post-toolbar li.filter-content-type {
	cursor: none;
	float: right;
	margin: 0;
	padding: 0;
	height: 30px;
	overflow: hidden;
}

.tlf .user-post-toolbar li.filter-content-type li {
	border-left: 1px solid #CCC;
	padding: 0;
	float: left;
}

.tlf .user-post-toolbar li.filter-content-type li span {
	width: 16px;
	height: 16px;
	background: url(http://vnedu.vn/webtube/common/v1/image/userpost/tatca2.png) no-repeat top center;
	cursor: pointer;
	float: left;
	margin: 6px 0;
	padding: 0 10px;
	background-size: 16px 16px;
}

.tlf .user-post-toolbar li.filter-content-type li.all.active span {
	background-image: url(http://vnedu.vn/webtube/common/v1/image/userpost/tatca1.png);
}

.tlf .user-post-toolbar li.filter-content-type li.embed span {
	background-image: url(http://vnedu.vn/webtube/common/v1/image/userpost/video2.png);
}

.tlf .user-post-toolbar li.filter-content-type .embed.active span {
	background-image: url(http://vnedu.vn/webtube/common/v1/image/userpost/video1.png);
}

.tlf .user-post-toolbar li.filter-content-type .text span {
	background-image: url(http://vnedu.vn/webtube/common/v1/image/userpost/text2.png);
}
.tlf .user-post-toolbar li.filter-content-type .text.active span {
	background-image: url(http://vnedu.vn/webtube/common/v1/image/userpost/text1.png);
}

.tlf .user-post-toolbar li.filter-content-type .photo span {
	background-image: url(http://vnedu.vn/webtube/common/v1/image/userpost/photo2.png);
}
.tlf .user-post-toolbar li.filter-content-type .photo.active span {
	background-image: url(http://vnedu.vn/webtube/common/v1/image/userpost/photo1.png);
}

.tlf .user-post-toolbar li.filter-content-type .file span {
	background-image: url(http://vnedu.vn/webtube/common/v1/image/userpost/attach2.png);
}
.tlf .user-post-toolbar li.filter-content-type .file.active span {
	background-image: url(http://vnedu.vn/webtube/common/v1/image/userpost/attach1.png);
}

	.article ul.filter li, .article ol.filter li {
		margin: 0;
	}

.vs-close {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAQAAADY4iz3AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAAAEgAAABIAEbJaz4AAAAJdnBBZwAAAA0AAAANABzi0JoAAAEFSURBVBjTNdC/alNhAIbx3/edpGeQlJqElIihpqKYpfYPyRXoUEe33pdXUOjolqXQG2glUnDQkkKVgIRoIDQIpsnJ6ZD2Wd/lfZ5gxYZXqgrmxq7cQkDijabgkaW+vjzBri0hlYFUFlQVjaJNzzmu/D5oBFrJqPNpA03laItS+Pi6XL/cf1c8b6/Xjl6m8CI4VKCVfOk8qViKk+FOb5Djf1SA79lRz1JcLj5cDnKwFi2glZzsi8RC921j9fUuGlMK5+1SdTJ8f/pvXK5/3UthHP1imnevJ8Od3tm8fTH9+/lmBj8DDjwjNXvwWg2+JRhJPM0eUmTkrv2QP+ap2FYTZf7om8A9PrJPoYpSXtIAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTEtMDItMTRUMTE6MTI6MTUrMDI6MDD7C2qGAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDExLTAyLTE0VDExOjEyOjE1KzAyOjAwilbSOgAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=') no-repeat;
}
.btn-show-command {
	position: absolute;
	top: 12px;
	right: 12px;
	background: url(/assets/global/img/arrow_flat.png) no-repeat -25px 0;
	width: 10px;
	height: 10px;
	cursor: pointer;
	display: block !important;
}
.btn-show-command.selected, .btn-show-command:hover {
	background-position: 0 -1px;
}
.menu-command-item-webtbue {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 3px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
	position: absolute;
	top: 21px;
	right: 7px;
	list-style-type: none!important;
	padding: 3px 0 4px !important;
	margin: 0 !important;
	width: 248px;
}

.menu-command-item-webtbue li a {
	padding: 5px 15px;
	display: block;
	cursor: pointer;
	color: #1d2129;
}

.menu-command-item-webtbue li a.btn-delete {
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	white-space: normal;
	background-image: url(/assets/global/img/close.png);
    background-size: auto;
    background-repeat: no-repeat;
padding-left: 36px;
    background-position: 12px 8px;
}
.menu-command-item-webtbue li a.btn-report {
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	white-space: normal;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: 12px 8px;
}
.menu-command-item-webtbue li a.btn-move {
	font-size: 12px;
	line-height: 18px;
	white-space: normal;
	background-image: url(/assets/global/img/2gcjodafwnb.png);
    background-size: auto;
    background-repeat: no-repeat;
	padding-left: 36px;
    background-position: 12px 6px;
}
.menu-command-item-webtbue li a:hover {
	background-color: #1668b3;
	color: #FFF;
    border: solid #fff;
    border-color: #29487d;
    border-width: 1px 0;
	padding-top: 4px;
	padding-bottom: 4px;
}
.menu-command-item-webtbue li a.btn-delete:hover {
	background-image: url(/assets/global/img/close_h.png);
}
.menu-command-item-webtbue li a.btn-move:hover {
	background-position: 12px -32px;
}
.menu-command-item-webtbue li.separator {
	border-bottom: 1px solid #ddd;
	margin: 5px 7px 6px;
	padding: 1px 0 0;
}

.dialog-search-forum .ui-dialog-titlebar {
	padding: 10px;
	padding-bottom: 0;
	position: relative;
}

.dialog-search-forum .ui-dialog-titlebar .ui-dialog-title {
	font-size: 13px;
	font-weight: bold;
}

.dialog-search-forum .ui-dialog-titlebar .ui-dialog-titlebar-close {
	background: url(/assets/global/img/delete.png) no-repeat;
	position: absolute;
	right: 10px;
	font-size: 0;
	width: 15px;
	height: 15px;
}

#dialog-webtube-list table {
	width: 100%;
}

#dialog-webtube-list li {
	margin-top: 10px;
	border-top: 1px dotted #CCC;
	padding-top: 10px;
}

#dialog-webtube-list li a {
	color: #000;
}

#dialog-webtube-list li a:hover {
	color: red;
}

#dialog-webtube-list li.no-data,
#dialog-webtube-list li.more {
	text-align: center;
}

#dialog-webtube-list li a.move:hover {
	border: 1px solid #b0b0b0;
	background-image: -moz-linear-gradient(#e1e1e1, #ededed);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ededed), to(#e1e1e1));
	background-image: -webkit-linear-gradient(#e1e1e1, #ededed);
	background-image: -o-linear-gradient(#e1e1e1, #ededed);
	background-color: #ededed;
}
#dialog-webtube-list li a.move{
	color: #444;
	border: 1px solid #d0d0d0;
	border-radius: 5px;
	background-image: -moz-linear-gradient(#ededed, #e1e1e1);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e1e1e1), to(#ededed));
	background-image: -webkit-linear-gradient(#ededed, #e1e1e1);
	background-image: -o-linear-gradient(#ededed, #e1e1e1);
	text-shadow: 1px 1px 1px #fff;
	background-color: #e1e1e1;
	cursor: pointer;
	padding: 5px;
	margin-left: 10px;
	display: inline-block;
}

.dialog-webtube {
	padding: 10px;
}

.form-forum {
	position: relative;
}

.form-forum input[type="text"] {
	border: 1px solid #C0C0C0;
	border-radius: 5px;
	margin: 0;
	margin-bottom: 10px;
	padding: 5px;
	width: 306px;
	padding-right: 15px;

}

.form-forum .vs-close {
	left: 287px;
	position: absolute;
	top: 8px;
	width: 13px;
	height: 13px;
	opacity: 0.5;
}

.form-forum .vs-close:hover {
	opacity: 1;
}

.form-forum button {
	border: none;
	border-radius: 5px;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	height: 28px;
	outline: none;
	padding: 0 0;
	width: 60px;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #4285f4;
	background: -webkit-linear-gradient(top,#4387fd,#4683ea);
	background: linear-gradient(top,#4387fd,#4683ea);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4387fd,endColorstr=#4683ea,GradientType=1);
	position: absolute;
	right: 0px;
	top: 0px;
}

.form-forum button span {
	background: url(/assets/global/img/icon_search.png) no-repeat center center;
	display: inline-block;
	width: 16px;
	height: 16px;
}

#list-item-webtube.page-items div.no-data {
	padding: 10px;
	color: blue;
	text-align: center;
}
#vnedupost.tlf form .forum-selected {
	cursor: pointer;
	margin-top: 2px;
	float: left;
}

#vnedupost.tlf form .list-forum {
    display: inline-block;
    appearance:none;
    cursor:pointer;
	width: 18px;
	margin-top: 7px;
	height: 12px;
	position: relative;
}

#vnedupost.tlf form .list-forum span {
	padding:3px;
    margin: 0;
    background: url(/assets/global/img/arrow_full.png) no-repeat 0 -10px;
	border: none;
    outline:none;
    display: inline-block;
    appearance:none;
    cursor:pointer;
	width: 15px;
	line-height: 30px;
	height: 9px;
	position: relative;
	margin-left: 3px;
}

#vnedupost.tlf form .list-forum ul {
	z-index: 10000;
	margin-top: 12px;
	border: 1px solid #CCC;
	position: absolute;
	top: 0;
	background: #FFF;
}

#vnedupost.tlf form .list-forum ul li {
	width: 200px;
	padding: 2px 10px;
	color: #000;
	text-align: left;
}

#vnedupost.tlf form .list-forum ul li:hover {
	background: #DDD;
}

	.dialog-wtt-item .ui-dialog-titlebar .ui-dialog-titlebar-close {
		background: url(/assets/global/img/delete.png) no-repeat;
		position: absolute;
		right: 10px;
		font-size: 0;
		width: 15px;
		height: 15px;
		top: 5px;
	}

	.dialog-wtt-item {
		border: 1px solid #999;
		box-shadow: 1px 2px 6px 2px #333;
		z-index: 9999 !important;
	}

	.wtt-item-detail {
		padding: 10px;
	}

	.wtt-item-detail .left {
		width: 50px;
		float: left;
		margin-right: 10px;
	}

	.wtt-item-detail .right {
		width: 420px;
		float: right;
	}

	.wtt-item-detail .avatar img {
		width: 50px;
		height: 50px;
	}

	.wtt-item-detail .right .title a {
		font-weight: bold;
		color: #3B5998;
	}

	.wtt-item-detail .item-header {
		margin: 5px 0;
	}

	.wtt-item-detail .item-content {
		margin: 5px 0;
		border: none;
		padding: 0;
	}

	.wtt-item-detail .tool {
		background: none;
		margin-top: 7px;
		margin-bottom: 0;
	}

	.wtt-item-detail .date {
		float: none;
		padding-left: 0;
		color: #959393;
		font-size: 11px;
		font-weight: normal;
	}

	.wtt-item-detail .item .item-content img.picture,
	.wtt-item-detail .item .item-content object,
	.wtt-item-detail .item .item-content iframe {
		max-width: 420px;
	}
    .item-content .see_more {
        color: #385898;
        cursor: pointer;
    }
.item-content .see_more:hover {
    text-decoration: underline;
}

#list-item-webtube .button-holder .fb-button a,#list-item-webtube .button-holder a,#list-item-webtube .button-holder span.like_button_truelife {
	color: #7f7f7f ;
    font-size: 12px ;
    font-weight: bold ;
    line-height: 14px ;
    margin-right: 5px ;
}
#list-item-webtube .button-holder .fb-button a:hover,
.button-holder a:hover,
span.like_button_truelife:hover {
	text-decoration: underline;
}
.button-holder .fb-button a {
    background-image: url(/assets/global/img/comment_icon.gif);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto auto;
    padding-left: 18px;
}
.button-holder .like-place .like_button_truelife {
    background-image: none;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto auto;
	font-size: 12px;
}
/*.like_number {*/
/*	display: none;*/
/*}*/
.tl_like_count_box {
	padding: 0 10px 12px;
   	margin: 0;
	color:#1668b3;
	display: none;
	font-size: 12px;
    background-color: #f6f7f9;
    border-radius: 0 0 3px 3px;
}
.tl_like_count span.num{
	background: url(/assets/global/img/like_number.gif) no-repeat;
	padding-left: 19px;
	float: left;
}

#list-item-webtube .like-place .like_button_truelife.success {
    background-image: none;
    background-position: left 1px;
    background-repeat: no-repeat;
    background-size: auto auto;
	color: rgb(88, 144, 255)
}

#list-item-webtube .form-holder .formTemplate {
    padding-top: 8px;
}

.feedbacklist .fb-left-footer .like-place {
    float: left;
	margin: 0;
}
.dott {
    color: #90949c;
    padding: 0 3px;
	float: left;
	font-family: helvetica,arial,sans-serif;
}
.feedbacklist .fb-left-footer .fb-button a {
	margin: 0;
}
.fb-answer {
    display: block !important;
    float: left;
}
.like-place {
	float: left;
}

.feedbacklist .fb-form .fb-avatar img {
    height: 30px;
    width: 30px;
}

#list-item-webtube .feedbacklist .like-place .like_button_truelife.success {
	background: none;
}

#list-item-webtube .tool .header-holder {
    background-color: #f6f7f9;
}
.line_bd {
	padding: 0px 0 5px;
	background: #f6f7f9;
	display: none;
}
.line_bd .line {
	border-top: 1px solid #e1e2e3;
}

@media screen and (max-width: 400px) {
#vnedupost.tlf .nav {
    height: auto;
}
}
.feedback-place, .feedback-place0, .feedback-place1, .feedback-place2, .feedback-place3 {
	color: #333333;
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
	font-size: 11px;
	line-height: 1.28;
	}

.fb-button {
	background: none repeat scroll 0 0 #EDEFF4;
	padding: 5px 12px;
}

.fb-button a {
	color: #3B5998;
	cursor: pointer;
	margin-right: 15px;
}

.fb-button a:hover {
	text-decoration: underline;
}

.fb-answer {
	float: left;
}

.fb-comment {
	float: left;
}

.fb-header {
	padding: 0 12px 0 12px;
	display: none;
}

.fb-header a {
	color: #3B5998 !important;
	cursor: pointer;
}

.fb-li {
	background: #f6f7f9;
	border-top: 1px solid #e1e2e3;
	margin-top: 1px;
	padding: 0 12px 0 12px;
	position: relative;
}

.level-1 {
	padding-left: 12px;
}

.level-2 {
	padding-left: 52px;
}


.level-3 {
	padding-left: 36px;
}

.fb-avatar {
	float: left;
	margin-right: 8px;
	position: relative;
}
.fb-avatar:after {
    border: 1px solid rgba(0, 0, 0, .1);
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fb-avatar img {
	width: 30px;
	height: 30px;
	float: left;
	cursor: pointer;
}

.fb-left {
	padding-top: 0;
	padding-left: 40px;
	text-align: left;
}
.fb-name {
	float: left;
	margin-right: 4px;
}
.fb-name a, .fb-name span {
	color: #1668b3 !important;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
    font-size: 12px;
}
.fb-content {
	color: #1d2129;
	word-wrap: break-word;
	padding-right: 3px;
	font-size: 12px;
}

.fb-content a {
	color: #3B5998;
}

.fb-content a:hover {
	text-decoration: underline;
}

.fb-time {
	float: left;
	color: #90949c;
	margin: 0;
	padding: 0 15px 0 0;
	text-align: left;
}

.fb-left-footer {
	overflow: hidden;
	font-size: 12px;
	line-height: 13px;
    height: 13px;
    margin-top: 5px;
}

.fb-item-form {
}

.fb-item-form .fb-form {
	border: 0px;
}

.fb-form {
	background: #f6f7f9;
}

.fb-form form {
}

.fb-form .innerWrap {
	border: 1px solid #dddfe2;
	padding: 7px 20px 7px 5px;
	margin: 0px;
	line-height: 13px;
	overflow: visible;
	background: #fff;
	position: relative;
	float: left;
	width: calc(100% - 38px);
}

.fb-form div[role=textarea] {
	resize: none;
	width: calc(100% - 35px) !important;
	border: none;
	margin: 0;
	outline: none;
	padding: 0;
	color: #777;
	font-family: arial;
	font-size: 12px;
	padding-top: 1px;
	min-height: 14px;
}
.fb-form div[role=textarea][data-placeholder]:not([data-div-placeholder-content]):before {
	top: 9px;
}

.fb-form .ghost-placeholder {
	top: 8px;
	left: 7px;
	font-size: 12px;
}

.like-place .like_button_truelife {
	cursor: pointer;
	font-size: 12px;
}

.like-place span {
	color: #3B5998;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.like-place .like_button_truelife:hover,
.feedbacklist .fb-left-footer .fb-button a:hover{
	text-decoration: underline;
}

.like_number {
	background: url(/assets/global/img/like.gif) no-repeat left 1px;
	padding-left: 19px;
	margin-left: 5px;
    font-size: 12px !important;
    margin-right: 5px;
}
.like_number.success {
	background: url(/assets/global/img/like_active.gif) no-repeat left 1px;
}

.like_image_loading #loading {
	margin: 0 10px;
}

.feedbacklist {
	list-style: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.clear {
	clear: both;
}

.fb-notification {
	float: right;
}

li .fb-notification {
	margin-right: 6px
}

.fb-left-footer .like-place {
	margin-right: 15px;
	float: left;
}

.fb-delete {
	display: none;
	background: url(/assets/global/img/delete.png) no-repeat;
	height: 15px;
	width: 15px;
	right: 1px;
	top: 1px;
	cursor: pointer;
	position: absolute;
}

.form-holder .fb-form {
	padding: 0 12px 8px 12px;
	margin-top: 1px;
}

.fb-item-form .fb-form {
	padding: 10px 0 0;
}

.fb-loading {
	background: url(/assets/global/img/loading1.gif) no-repeat;
	width: 32px;
	height: 32px;
	position: absolute;
}

.fb-form .fb-loading {
	background: url(/assets/global/img/loading1.gif) no-repeat;
	position: static !important;
	width: 16px;
	height: 11px;
	float: right;
	display: none;
}

.fb-left-footer .fb-button {
	padding-left: 0;
	float: left;
	font-size: 12px;
}

.fb-form form {
	position: relative;
}

.imageUploader {
	width: 100%;
}

.imageUploader .uploadify-button {
	background: url(/assets/global/img/paper_clip.png) no-repeat !important;
	border: 0;
	border-radius: 0;
	width: 100%;
	opacity: 0.7;
}

.imageUploader .uploadify {
	position: absolute;
	top: 8px;
	right: 8px;
}


.imageUploader .uploadify-queue {
    margin: 0;
}

.imageUploader .uploadify:hover .uploadify-button {
	opacity: 1;
}

.fb-attachment .fb-content-image, .fb-attachment .fb-content-file {
	margin-top: 5px;
	/*margin-bottom: 12px;*/
}

.button-holder a, .button-holder span {
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
	font-size: 11px;
}

.dl-itemHidden .fb-has-delete {
	display: none !important;
}
.feedbacklist .imageUploader .uploadify {
    top: 2px;
}
.imageUploader .uploadifive-button {
	position: absolute !important;
	right: 8px;
	top: 10px;
	border: 0;
	color: #999;
}

.fb-li .uploadifive-button {
	top: 4px;
}

.uploadifive-queue-item .progress {
	margin-bottom: 0;
	padding: 0;
}
.uploadifive-queue-item {
	padding: 0;
}
#vnedupost.tlf .nav li {
	 display: block;
	float: left;
}
.toolbar .uploadifive-button {
	border: 0;
	color: #3b5998;
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;


	margin-left: 0;
}
.uploadifive-button input {
	cursor: pointer;
}
.tl_like_count_box .clear {
	border-bottom: 1px solid #e5e5e5;
	padding-top: 8px;
	height: 1px;
}

#vnedupost.tlf form .content-section {
	border-top: 0;
	padding: 0 0 25px 0;
	margin: 0 12px;
}
#vnedupost.tlf form .content-section .uploadifive-queue-item {
	border: 0;
	border-radius: 0;
	border-top: 1px solid #e5e5e5;
	width: 100%;
	padding: 0 5px 5px;
}
#vnedupost.tlf .nav li div.tab {
	padding: 5px 0;
}
#vnedupost.tlf .nav li .uploadifive-button:hover {
	background-color: #f6f7f9;
	text-decoration: none;
}

.bd_top {
	border-top: 1px solid #e5e5e5 !important;
}

.webtube-item-feedback-place {
background: #EDEFF4;
}
.uploadifive-queue-item {
	background-color: #F5F5F5;
	border-bottom: 1px dotted #D5D5D5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font: 12px Arial, Helvetica, Sans-serif;
	margin-top: 3px;
	padding: 15px;
}
.uploadifive-queue-item .close {
	background: url(/assets/global/img/uploadifive_cancel.png) 0 0 no-repeat;
	display: block;
	float: right;
	height: 16px;
	text-indent: -9999px;
	width: 16px;
}
.uploadifive-queue-item .progress {
	border: 1px solid #D0D0D0;
	height: 3px;
	margin-top: 5px;
	width: 100%;
}
.uploadifive-queue-item .progress-bar {
	background-color: #0072BC;
	height: 3px;
	width: 0;
}
/*arrow starts*/
ul li.current .tab:after {
    content: "";
    width: 7px;
    height: 7px;
    position: absolute;
    border: solid #efefef;
    border-width: 1px 1px 0 0;
}

#vnedupost.tlf .nav li.current .tab:after {
    top:100%;
    left: 0;
    right: 0;
    margin: -5px auto 0;
    -moz-transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
	background: #fff;
}
/* Chrome 29+ */
@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm) {
.fb-form textarea {
    padding-top: 2px;
}
}

.level-2 .fb-avatar img, .level-3 .fb-avatar img {
	width: 20px;
	height: 20px;
}
.level-2 .fb-left, .level-3 .fb-left  {
    padding-left: 28px;
}

	#list-item-webtube .tool .itemList-holder .feedbacklist .level-3 {
  border-left: 2px solid #dddfe2;
    margin-left: 69px;
    padding-left: 9px;
	}
	#list-item-webtube .tool .itemList-holder .feedbacklist .level-2 {
  border-left: 2px solid #dddfe2;
    margin-left: 40px;
    padding-left: 9px;
	}
.timeline-item {
    background: #fff;
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    border-radius: 3px;
    padding: 12px;
    margin: 0 auto;
    min-height: 200px;
	margin-top: 12px;
}
@keyframes placeHolderShimmer{
    0%{
        background-position: -468px 0
    }
    100%{
        background-position: 468px 0
    }
}

.animated-background {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #ddd 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 96px;
    position: relative;
}
.background-masker {
    background: #fff;
    position: absolute;
}

/* Every thing below this is just positioning */

.background-masker.header-top,
.background-masker.header-bottom,
.background-masker.subheader-bottom {
    top: 0;
    left: 40px;
    right: 0;
    height: 10px;
}

.background-masker.header-left,
.background-masker.subheader-left,
.background-masker.header-right,
.background-masker.subheader-right {
    top: 10px;
    left: 40px;
    height: 8px;
    width: 10px;
}

.background-masker.header-bottom {
    top: 18px;
    height: 6px;
}

.background-masker.subheader-left,
.background-masker.subheader-right {
    top: 24px;
    height: 6px;
}


.background-masker.header-right,
.background-masker.subheader-right {
    width: auto;
    left: 300px;
    right: 0;
}

.background-masker.subheader-right {
    left: 230px;
}

.background-masker.subheader-bottom {
    top: 30px;
    height: 10px;
}

.background-masker.content-top,
.background-masker.content-second-line,
.background-masker.content-third-line,
.background-masker.content-second-end,
.background-masker.content-third-end,
.background-masker.content-first-end {
    top: 40px;
    left: 0;
    right: 0;
    height: 6px;
}

.background-masker.content-top {
    height:20px;
}

.background-masker.content-first-end,
.background-masker.content-second-end,
.background-masker.content-third-end{
    width: auto;
    left: 380px;
    right: 0;
    top: 60px;
    height: 8px;
}

.background-masker.content-second-line  {
    top: 68px;
}

.background-masker.content-second-end {
    left: 420px;
    top: 74px;
}

.background-masker.content-third-line {
    top: 82px;
}

.background-masker.content-third-end {
    left: 300px;
    top: 88px;
}

.article {
	padding: 20px;
	padding-top: 0;
	position: relative;
}

.article ul,
.article ol{
	list-style-type: disc;
	list-style-position: inside;
	padding-left: 40px;
	margin: 12px 0;
}

.article ol{
	list-style-type: decimal;
	list-style-position: inside;
}

.article ul li,
.article ol li{
	margin: 5px 0;
}

.article .content {
	line-height: 18px;
}

.article .content .header {
	font-weight: bold;
}

.article h1,
.article .content h2,
.article .content h3,
.article .content p,
.article .content {
	margin-bottom: 14px;
}

.article  .content img,
.article .content embed,
.article .content iframe {
	max-width: 640px;
        width: 100%;
        height: auto;
}

.article .content .item-header {
	text-align: center;
	margin-top: 4px;
}

#home-detail h1.title {
	display: none;
}

#home-detail .item.photo .content {
	text-align: center;
}

#home-detail .content img {
	max-width: 100%;
}

#home-detail .item.embed {
	position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
#home-detail .content iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.article .header {
	margin-top: 10px;
	font-weight: bold;
}

.article .content {
	margin-bottom: 10px;
	margin-top: 5px;
}

.video .header,
.audio .header,
.file .header,
.photo .header,
.embed .header {
	text-align: center;
}

.article .item.video{
	margin-bottom: 10px;
}

.article .item.text {
	padding: 12px;
}

.article .item.video .header {
	text-align: center;
}

.article .item.video .content {
	margin-bottom: 5px;
}

.article .item.video .content div {
	margin: 0 auto;
}

.emoji_button {
	background-image: url(/assets/global/img/smile_gray.png);
	bottom: 7px;
	right: 0;
	width: 16px;
	height: 16px;
	cursor: pointer;
	position: absolute;
}
.emoji_button.active {
	background-image: url(/assets/global/img/smile_blue.png);
}
.emoji_replacement {
	caret-color: black;
}
.emoji_replacement img {
	max-height: 16px;
}

.loading {
	text-align: center;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.3);
}
.loading>div {
	height: 100%;
	width: 100%;
	display: block;
	background-image: url(/assets/global/img/ajax_loader.gif);
	background-size: 50px 50px;
	background-repeat: no-repeat;
	background-position: center center;
}
.item-content audio, .item-content video {
    margin-top: 10px;
    width: 100%;
}