@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('../fonts/websymbols-regular-webfont.eot');
    src: url('../fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/websymbols-regular-webfont.svg') format('svg'), url('../fonts/websymbols-regular-webfont.woff') format('woff'), url('../fonts/websymbols-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/******************************************* 
	Reset
*******************************************/
* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    font-size: 1em;
    outline: none;
}

html {
    min-width: 968px;
}

code, kbd, samp, pre, tt, var, textarea, input, select, isindex {
    font: inherit;
    font-size: 1em;
}

dfn, i, cite, var, address, em {
    font-style: normal;
}

th, b, strong, h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet {
    border: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th, td, center {
    text-align: left;
    vertical-align: top;
}

body {
    line-height: 1;
    background: white;
    color: black;
}

q {
    quotes: "" "";
}

ul, ol {
    list-style: none;
}

sub, sup {
    vertical-align: baseline;
}

.subclass {
    vertical-align: baseline;
    position: relative;
    font-size: .7em;
    line-height: 1;
    top: .5ex;
}

.supclass {
    vertical-align: baseline;
    position: relative;
    font-size: .7em;
    line-height: 1;
    bottom: 1.4ex;
}

a {
    color: inherit;
}
/******************************************* 
	Layout
*******************************************/
body {
    background-color: #fff;
    background-position: center top;
    background-repeat: no-repeat;
    font: 62.5% arial,helvetica,sans-serif;
}

.wrapper {
    margin: 0 auto;
    width: 968px;
    position: relative;
    background-color: #fff;
}

#header, #headerAnonym, #content {
    margin: 0 14px;
}

.col1 {
    width: 940px;
    margin: 0 auto;
    min-height: 42px;
}

    .col1.center {
        width: 620px;
    }

    .col1 ol.terms {
        counter-reset: section;
    }

        .col1 ol.terms > li {
            list-style: none;
        }

        .col1 ol.terms li ol {
            counter-reset: subsection;
            content: counter(section) "." counter(subsection);
        }

            .col1 ol.terms li ol li:before {
                content: counter(section) ".";
                margin-left: -40px;
                float: left;
            }

            .col1 ol.terms li ol li ul li:before {
                content: none;
            }

.col13 {
    width: 300px;
}

.col13v {
    width: 280px;
}

.panel.col1 .actions {
    margin: 10px 10px 0 0;
}

.panel .col13 {
    width: 292px;
}

.panel .colX .col13 {
    width: 306px;
    margin-left: 0;
}

.col23 {
    width: 620px;
}

.col23v {
    width: 640px;
}

.colSmall {
    width: 30px;
}

.panel .col23 {
    width: 600px;
}

.col23 .panel .rounded .cc .row.italic {
    font-style: italic;
}

/* Common rules for list of input(checkbox, radio button)-label pairs */
.panel ul.options {
    padding: 0 10px;
}

    .panel ul.options.withoutPadding {
        padding: 0;
    }

    .panel ul.options > li {
        margin-bottom: 10px;
    }

    .panel ul.options li input {
        float: left;
    }

    .panel ul.options > li > label {
        font-weight: bold;
        font-size: 1.1em;
        color: #333;
    }

    .panel ul.options.defaultLabels > li > label {
        font-weight: normal;
        font-size: 1em;
    }

    .panel ul.options li input + label {
        margin-left: 5px;
    }

    .panel ul.options li p {
        color: #666;
        margin-top: 2px;
    }

    .panel ul.options li input ~ p,
    .panel ul.options li input ~ div p {
        margin-left: 23px;
    }

    .panel ul.options li ol,
    .panel ul.options li ul {
        padding: 5px 0 0 23px;
    }

        .panel ul.options li ol li,
        .panel ul.options li ul li {
            margin-top: 5px;
        }

            .panel ul.options li ol li label,
            .panel ul.options li ul li label {
                color: #666;
            }

    .panel ul.options li #classes label {
        margin-left: 5px;
        color: #666;
    }

    .panel ul.options li .panel {
        background: rgb(255,255,255);
        border: 1px solid rgb(228, 232, 238);
        margin: 5px 0 0 20px;
        padding: 5px 10px 0;
    }

        .panel ul.options li .panel b {
            color: #333;
        }

        .panel ul.options li .panel .col13:first-child {
            margin-left: 0;
        }

        .panel ul.options li .panel .col13.leftcolumn {
            margin-left: 0;
            width: 211px
        }

        .panel ul.options li .panel ol,
        .panel ul.options li .panel ul {
            padding: 0;
        }

            .panel ul.options li .panel ol li {
                height: 15px;
                margin-bottom: 5px;
            }

                .panel ul.options li .panel ol li label {
                    font-weight: normal;
                    font-size: 12px;
                }

    .panel ul.options li ol.panel {
        background: transparent;
        border: none;
        margin: 5px 0 0 45px;
        padding: 0 10px;
    }

        .panel ul.options li ol.panel li {
            margin-bottom: 5px;
        }

            .panel ul.options li ol.panel li label {
                color: #333;
                font-weight: normal;
            }
/* END Common rules for list of input(checkbox, radio button)-label pairs */

.col14 {
    width: 220px;
}

.panel .col14 {
    width: 210px;
}

.col24 {
    width: 460px;
}

.panel .col24 {
    width: 448px;
}

.col34 {
    width: 700px;
    position: relative;
}

.panel .col34 {
    width: 686px;
}

.col34 .col24 {
    width: 340px;
}

.col34 .col23 {
    width: 460px;
}

.col34 .col13 {
    width: 220px;
}

.col34 .col14 {
    width: 120px;
}

.col34 .col34 {
    width: 560px;
}

.col34 .panel .col13 {
    width: 210px;
}

.col34 .panel .col23 {
    width: 445px;
}

.col34 .panel .col24 {
    width: 326px;
}

.col15 {
    width: 180px;
}

.col45 {
    width: 740px;
}

.col16 {
    width: 140px;
}

.col46 {
    width: 620px;
}

.col50 {
    clear: none !important;
    float: left;
    width: 49%;
}

.col100 {
    width: 100%;
}

.col13, .col13v, .col23, .col23v, .col14, .col24, .col34, .col15, .col45, .col16, .col46 {
    float: left;
    margin-left: 20px;
}

.colFromTo {
    background: url(../images/bgTo.gif) no-repeat center 30px;
    width: 100%;
}

    .colFromTo .col24 {
        width: 440px;
        margin-left: 60px;
    }

#content .panel {
    margin-bottom: 20px;
}

    #content .panel.gray {
        width: 100%;
    }

        #content .panel.gray.col23 {
            float: left;
            width: 600px;
            margin-left: 0;
        }

    #content .panel.grey {
        background: #f0f0f0;
    }

.feed_notification_header {
    height: 45px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.feed_notification_header h1 {
    font-family: 'Open Sans Semibold', 'Open Sans', Arial, sans-serif;
    font-weight: 400;
    font-size: 18px;
}

#content .col34 #files.fileThumbs {
    position: relative;
}

.fileThumbs li {
    position: relative;
}

    .fileThumbs li .bar {
        visibility: hidden;
    }

    .fileThumbs li:hover .bar {
        visibility: visible;
    }

#content:before,
#content:after {
  content: "";
  display: table;
} 
#content:after {
  clear: both;
}

#content .panel div.cparthead em {
    display: block;
    float: right;
    font-style: normal;
    font-weight: normal;
}

#content .panel h3 {
    color: #666;
    font-size: 1.2em;
    font-weight: normal;
    margin-bottom: 5px;
}

#content .col1 .col13 h3 {
    margin-bottom: 0;
}

#content .col1 .col13 ul.filter {
    float: left;
}

#content .panel h4 {
    color: #666;
    font-size: 1.0em;
    font-weight: normal;
    margin: 0 0 5px 0;
}

#content .panel h3 em {
    display: block;
    float: right;
    font-size: 90%;
    font-weight: normal;
    font-style: normal;
}

    #content .panel h3 em a {
        padding: 0 2px;
    }

#content .border h3 {
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
}

#content .cc {
    padding-left: 8px;
    padding-right: 8px;
}

#content .lgreen .rounded {
    background-color: #eff4cf;
}

#content .green .rounded {
    background-color: #badb3c;
}

#content .green2 .rounded {
    background-color: #e9f4bd;
}

.green2 h3 a {
    color: #8caf31;
}

    .green2 h3 a:hover {
        color: #f6921e;
    }

#content .orange .rounded {
    background-color: #f19720;
}

#content .orange2 .rounded {
    background-color: #fdf0de;
}

#content .orange2 h3 {
    font-weight: bold;
}

#content .orange2 h3, .orange2 h3 a {
    color: #f6921e;
}

.orange2 .bullets {
    color: #f6921e;
}

    .orange2 .bullets p {
        color: #555;
    }

    .orange2 .bullets div {
        padding-right: 30px;
    }

#content .yellow .rounded {
    background-color: #fad60d;
}

#content .yellow2 .rounded {
    background-color: #fef9db;
}

#content .blue2 .rounded, .blue2 .rounded2 {
    background-color: #f4f8fe;
}

#content .gray .rounded {
    background-color: #f0f0f0;
}

#content .constr .rounded {
    background: url(../images/bg/construction.gif);
}

#content form .panel {
    margin-bottom: 10px;
}

.link-form  .panel .rounded,
form .panel .rounded {
    background-color: #f4f8fe;
    margin-bottom: 15px;
}

#content form .panel .rounded .cc {
    padding: 8px 10px;
}

form .last .rounded {
    margin-bottom: 0;
}

#content .poster .rounded .cc {
    padding: 10px 0;
    text-align: center;
}

#content .panelRedH h3 {
    color: red;
}

.panel .rounded .cc {
    padding: 8px;
}

.employerProjectName, .panel .rounded .cc dl.contacts dd {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .panel .rounded .cc .header {
        padding-bottom: 15px;
    }

.panelGreen .h, .panelYellow .h {
    height: 6px;
}

.panelGreen .cc, .panelYellow .cc {
    padding: 0 6px 6px 6px;
}

.panelGreen {
    background: #d5e26a url(../images/bg/pGreen.gif) no-repeat center bottom;
}

    .panelGreen .h {
        background: #d5e26a url(../images/bg/pGreenH.gif) no-repeat;
    }

.panelYellow {
    background: #fcd84f url(../images/bg/pYellow.gif) no-repeat center bottom;
}

    .panelYellow .h {
        background: #fcd84f url(../images/bg/pYellowH.gif) no-repeat;
    }

.breakword {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.lead {
    background-color: #0075ae;
    background-image: linear-gradient(top, rgb(4,123,187) 28%, rgb(5,78,117) 100%);
    background-image: -o-linear-gradient(top, rgb(4,123,187) 28%, rgb(5,78,117) 100%);
    background-image: -moz-linear-gradient(top, rgb(4,123,187) 28%, rgb(5,78,117) 100%);
    background-image: -webkit-linear-gradient(top, rgb(4,123,187) 28%, rgb(5,78,117) 100%);
    background-image: -ms-linear-gradient(top, rgb(4,123,187) 28%, rgb(5,78,117) 100%);
    background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.28, rgb(4,123,187)), color-stop(1, rgb(5,78,117)) );
    height: 326px;
    margin-bottom: 20px;
    border: 2px solid rgba(0, 0, 0, 0.2);
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-linear-gradient(bottom right, blue, red);
}

.rounded {
    border: 1px solid #dbe2e6;
    border-radius: 10px;
    -moz-border-radius: 10px;
}

.rounded2 {
    border: 1px solid transparent;
    border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 5px;
}


.lead .panelLogin {
    background-color: #c2d23a;
    height: 170px;
    margin-bottom: 15px;
    width: 288px;
}

.lead .panelRegister {
    margin-bottom: 15px;
}

.lead .panelCode {
    background-color: #ffcd11;
    height: 124px;
    width: 288px;
}

.lead .panelRegister {
    background-color: #ffcd11;
    height: 40px;
    width: 288px;
}

    .lead .panelRegister a,
    .lead .panelSchoolConnect a {
        width: 292px;
        height: 24px;
        display: block;
        text-align: center;
        padding: 10px 0;
        font-size: 16px;
        color: #000000;
        opacity: .5;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
        font-weight: bold;
    }

        .lead .panelRegister a:hover,
        .lead .panelSchoolConnect a:hover {
            color: #000000;
            opacity: .8;
            filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
            font-weight: bold;
        }

.lead .panelSchoolConnect {
    background-color: #BC7AB5;
    height: 40px;
    width: 288px;
}

.lead .panelRegister {
    background-color: #ffd735;
    height: 40px;
    width: 288px;
}

    .lead .panelLogin .cc, .lead .panelCode .cc, .lead .panelRegister .cc, .lead .panelSchoolConnect .cc {
        padding-top: 0 !important;
    }

.lead .panelLogin h3, .lead .panelCode h3 {
    color: #6a7608;
    font-family: arial,helvetica,sans-serif;
    font-size: 1.4em;
    font-weight: bold;
    height: 26px;
    margin: 6px 0 0 0;
    padding: 0;
}

.lead .panelLogin #loginForm div.row {
    margin-bottom: 15px;
}

    .lead .panelLogin #loginForm div.row label {
        color: rgba(0,0,0,0.5);
    }

    .lead .panelLogin #loginForm div.row.password a {
        /*margin-top:15px;*/
        float: right;
    }

    .lead .panelLogin #loginForm div.row input {
        border: 1px solid #9ba82f;
    }

    .lead .panelLogin #loginForm div.row.submit #login {
        padding: 2px 20px;
    }

    .lead .panelLogin #loginForm div.row.submit label {
        vertical-align: middle;
        display: inline-block;
    }


.lead .panelCode h3 {
    color: #8e7106;
}

.lead .f {
    display: block;
    float: left;
    width: 62px;
}

.lead .row {
    height: 38px;
    margin: 0;
    padding: 0;
}

.lead .tabs {
    float: left;
    list-style: none;
    height: 50px;
    margin-top: -10px;
    margin-left: 10px;
}

    .lead .tabs li {
        position: relative;
        float: left;
        margin-left: 4px;
        border: 2px solid rgba(0, 0, 0, 0.2);
        border-radius: 10px;
        -moz-border-radius: 10px;
        color: rgba(0, 0, 0, 0.4);
        height: auto;
        padding-top: 5px;
        text-align: center;
    }

        .lead .tabs li,
        .lead .tabs li a {
            color: white;
            height: auto;
            padding-bottom: 4px;
        }

            .lead .tabs li:hover a,
            .lead .tabs li a.current {
                font-size: 15px;
                color: white;
                padding: 2px 0;
                height: 26px;
            }

            .lead .tabs li a {
                text-decoration: none;
                color: inherit;
                margin: 0;
                padding: 0px;
                font-size: 14px;
                font-weight: bold;
                background: transparent;
                border: none;
                text-align: center;
            }

                .lead .tabs li a span {
                    display: inline;
                    margin: 0;
                    padding: 0;
                    border: none;
                    background: transparent;
                    text-align: center;
                }

            .lead .tabs li:nth-child(1) {
                background: #bc7ab5;
                width: 118px;
            }

                .lead .tabs li:nth-child(1):hover {
                    width: 118px;
                }

            .lead .tabs li:nth-child(2) {
                background: #fa9000;
                width: 93px;
            }

                .lead .tabs li:nth-child(2):hover {
                    width: 93px;
                }

            .lead .tabs li:nth-child(3) {
                background: #ffcd00;
                width: 112px;
            }

                .lead .tabs li:nth-child(3):hover {
                    width: 112px;
                }

            .lead .tabs li:nth-child(4) {
                background: #c5d100;
                width: 130px;
            }

                .lead .tabs li:nth-child(4):hover {
                    width: 130px;
                }

            .lead .tabs li:nth-child(5) {
                background: #2cc9ee;
                width: 119px;
            }

                .lead .tabs li:nth-child(5):hover {
                    width: 119px;
                }


.lead h4 {
    color: #3c7996;
    font-size: 1.2em;
    margin-left: 12px;
    text-align: center;
}

.lead .tab .tabContent {
    position: absolute;
    width: 580px;
    z-index: 1;
    height: 230px;
    overflow: hidden;
    padding-bottom: 20px;
}

    .lead .tab .tabContent div {
        color: #fff;
        font-size: 1.6em;
        float: left;
        height: 250px;
        width: 570px;
    }

.lead .col13 {
    margin-top: -10px;
    margin-left: 15px;
    height: 340px;
}

    .lead .col13 .panelLogin,
    .lead .col13 .panelCode,
    .lead .col13 .panelRegister,
    .lead .col13 .panelSchoolConnect {
        border: 2px solid rgba(0, 0, 0, 0.2);
        z-index: 200;
        border-radius: 10px;
        -moz-border-radius: 10px;
    }

        .lead .col13 .panelCode .cc #formReg .row div {
            color: #333;
        }

.lead .tab {
    height: 230px;
    bottom: 1px solid red;
    margin-top: 60px;
    overflow: hidden;
}

    .lead .tab .tabContent {
        margin-left: 35px;
    }

        .lead .tab .tabContent ul {
            list-style-type: none;
            padding-left: 0px;
            color: white;
            font-size: 19px;
            padding-bottom: 20px;
        }

            .lead .tab .tabContent ul li {
                margin: 8px 0 4px 30px;
                padding: 0;
                width: 480px;
            }

    .lead .tab .tabContent1 li {
        list-style-image: url('../images/icons/bullet-violet.png');
    }

    .lead .tab .tabContent2 li {
        list-style-image: url('../images/icons/bullet-orange.png');
    }

    .lead .tab .tabContent3 li {
        list-style-image: url('../images/icons/bullet-yellow.png');
    }

    .lead .tab .tabContent4 li {
        list-style-image: url('../images/icons/bullet-green.png');
    }

    .lead .tab .tabContent5 li {
        list-style-image: url('../images/icons/bullet-blue.png');
    }



/******************************************* 
	
*******************************************/
#header {
    height: 160px;
    margin-left: 0;
    position: relative;
}

#brandClickBox a {
    position: absolute;
    top: 0;
    left: 338px;
    width: 295px;
    height: 74px;
}

#header .abuseSwitch {
    float: right;
    height: 32px;
    left: 96.7%;
    position: absolute;
    top: 123px;
    width: 32px;
}

    #header .abuseSwitch img {
        width: 32px;
        height: 32px;
    }

#headerAnonym a b {
    display: none;
}


#header .logotype {
    float: left;
    margin-top: 11px;
}

.header-profile__logout-button a {
    background: url(../images/sprites/global.png) no-repeat -400px -67px;
}

/* begin icon from sprite for counters.css */
.header-profile__counters ul li a div:first-child {
    background: url(../images/sprites/global.png) no-repeat;
}
/* end icon from sprite for counters.css */

#header .panel li.r {
    margin-right: 10px;
}

#header .panel li.r, #header .panel li.a {
    float: right;
}

/* begin icon from sprite for searchform.css */
#header form.search input {
    background: #ffffff url(../images/sprites/global.png) no-repeat -432px -70px;
}
/* end icon from sprite for searchform.css */

.panel #wallet {
    display: none;
}

.panel #invites {
    display: block;
    width: 10px;
    height: 20px;
    background: green;
}

.panel #friends {
    display: block;
    width: 10px;
    height: 20px;
    background: yellow;
}

.panel #messages {
    display: block;
    width: 10px;
    height: 20px;
    background: orange;
}

#header ul.sub {
    clear: both;
    height: 20px;
    padding: 5px 0 0 90px;
}

    #header ul.sub li {
        float: left;
        margin-right: 4px;
    }

        #header ul.sub li a {
            display: block;
            float: left;
            font-size: 1.3em;
            margin: 0;
            padding: 2px 6px;
        }

            #header ul.sub li a:hover, #header ul.sub li.active a {
                background-color: #44c5ea;
                color: #fff;
            }

        #header ul.sub li.active a {
            color: #fff;
        }

            #header ul.sub li.active a.disabled {
                background-color: #eee;
                color: #ddd;
            }

                #header ul.sub li.active a.disabled:hover {
                    background-color: #eee;
                    color: #fff;
                }

        #header ul.sub li a.disabled {
            color: #ddd;
        }

            #header ul.sub li a.disabled:hover {
                background-color: Transparent;
            }

#header div.subMenus {
    clear: both;
    height: 25px;
    overflow: hidden;
    position: relative;
}

    #header div.subMenus ul.sub {
        position: absolute;
        top: -25px;
    }

#header ul.login {
    color: #999;
    float: right;
    font-size: 1.8em;
    padding: 20px 0 0 0;
}

    #header ul.login li {
        display: inline;
    }

#headerAnonym {
    height: 130px;
    margin-left: 0;
}

    #headerAnonym h1, #headerAnonym h1 a {
        float: left;
        height: 100px;
        width: 280px;
    }

    #headerAnonym ul.links {
        float: right;
        height: 26px;
        margin-top: 10px;
    }

        #headerAnonym ul.links li {
            float: left;
            font-size: 1.2em;
            margin-left: 25px;
            list-style-type: none;
        }

    #headerAnonym ul.nav_list {
        float: right;
        padding: 2px 25px 2px 0;
        min-width: 520px;
        height: 30px;
    }

        #headerAnonym ul.nav_list li {
            float: left;
            font-size: 1.8em;
            font-weight: normal;
            margin-left: 20px;
            list-style-type: none;
            white-space: nowrap;
        }

        #headerAnonym ul.nav_list a {
            color: #0079b3;
        }

            #headerAnonym ul.nav_list a:hover {
                color: #f6921e;
            }

    #headerAnonym .support {
        color: #0079b3;
        float: right;
        font-size: 12px;
        height: 40px;
        width: 570px;
        margin-top: 14px;
        text-align: center;
    }

        #headerAnonym .support p.s4 a {
            color: #0079b3;
        }

            #headerAnonym .support p.s4 a:hover {
                color: #f6921e;
            }

        #headerAnonym .support img {
            margin-left: 20px;
            vertical-align: middle;
        }

        #headerAnonym .support p.s4 a.email {
            color: #f6921e;
        }

        #headerAnonym .support p.s4 .email:hover {
            color: #0079b3;
        }

#header ul.subSet {
    padding-left: 789px;
    top: 0px;
}

/* begin icon from sprite for abusebutton.css */
.abuse_button, .iconsL .abuse_button {
    background: url(../images/sprites/global.png) no-repeat -368px 0;
}
/* end icon from sprite for abusebutton.css */

/******************************************* 
	Footer
*******************************************/
#footer {
    clear: both;
    color: #999;
    font-size: 1.2em;
}

    #footer p {
        margin-bottom: 6px;
    }

    #footer .col23 ul {
        height: 1.4em;
    }

    #footer .col23 li {
        float: left;
        font-size: 1.2em;
        margin: 0 16px 0 0;
        width: auto;
    }

    #footer .col {
        float: left;
        margin-left: 20px;
        width: 164px;
    }

#pageAnonym #footer {
    margin-top: 40px;
}

#footer .feedback {
    margin-top: 6px;
}

    #footer .feedback a {
        display: block;
        background-color: #f0f0f0;
        clear: both;
        color: #f6921e;
        font-size: 1.2em;
        padding: 6px;
        text-align: center;
        width: 18.5em;
    }

        #footer .feedback a:hover {
            background-color: #f6921e;
            color: #fff;
        }

#footer .blue2 {
    margin-bottom: 4px;
}

    #footer .blue2 .cc {
        padding: 6px 10px;
    }

    #footer .blue2 h4 {
        color: #999;
        font-size: 1em;
        margin: 0 0 6px 0;
    }

        #footer .blue2 h4 a {
            color: #999;
        }

    #footer .blue2 ul {
        margin: 0;
    }

    #footer .blue2 li {
        font-size: 1.2em;
        margin: 3px 0 3px 0;
    }

    #footer .blue2 .social a {
        display: block;
        float: left;
        margin: 4px 6px 0 0;
    }

        #footer .blue2 .social a img {
            filter: Alpha(opacity=50);
            -moz-opacity: 0.50;
            opacity: 0.50;
        }

        #footer .blue2 .social a:hover img {
            filter: Alpha(opacity=100);
            -moz-opacity: 100;
            opacity: 100;
        }

#footer div.social {
    margin: 8px 0 0 0;
    clear: both;
}

    #footer div.social a {
        margin: 0 4px 0 0;
    }

#footer .banner {
    display: inline-block;
    height: auto;
    width: auto;
    text-align: center;
}

#footer ol {
    float: none;
    width: 260px;
    margin-top: 3px;
}

#footer .col23 ol li {
    font-size: 0.8em;
    line-height: 1.6em;
}

#footer .statistics {
    position: relative;
}

    #footer .statistics a img[title="LiveInternet"] {
        position: absolute;
        left: 0;
        top: 80px;
    }

/******************************************* 
	Typography
*******************************************/
strong, b, th, thead td, h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

cite, em, dfn {
    font-style: italic;
}

code, kbd, samp, pre, tt, var {
    font-size: 92%;
    font-family: arial,helvetica,sans-serif;
}

del {
    text-decoration: line-through;
    color: #666;
}

ins, dfn {
    border-bottom: 1px solid #ccc;
}

small, sup, sub {
    font-size: 75%;
}

abbr, acronym {
    text-transform: uppercase;
    font-size: 85%;
    letter-spacing: .1em;
}

a abbr, a acronym {
    border: none;
}

abbr[title], acronym[title], dfn[title] {
    cursor: help;
    border-bottom: 1px solid #ccc;
}

sup {
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
}

sub {
    vertical-align: baseline;
    position: relative;
    bottom: -0.4em;
}

#content {
    font-size: 120%;
    padding: 1px 0;
}

h2, h3, h4 {
    font-family: tahoma,arial,sans-serif;
    font-weight: normal;
}

    h2 em, h3 em, h4 em {
        font-style: normal;
        font-weight: bold;
    }

    h3 img, h4 img {
        vertical-align: middle;
        padding-right: 6px;
    }

h2 {
    color: #af69a1;
    font-size: 2.2em;
    padding-bottom: 20px;
    font-weight: normal;
}

#content .panel.blue2.editorfull .cc ul,
#content .panel.blue2.editorfull .cc ol {
      padding-left: 40px;
      margin: 1em 0;
}

#content .panel.blue2.editorfull .cc ul {
      list-style-type: disc;
}

#content .panel.blue2.editorfull .cc ol {
    list-style-type: decimal;
}

#content .panel.blue2.editorfull .cc ul li,
#content .panel.blue2.editorfull .cc ol li {
    margin: 0;
    padding: 0;
}

#content .panel.blue2.editorfull .cc h1,
#content .panel.blue2.editorfull .cc h2,
#content .panel.blue2.editorfull .cc h3 {
    color: black;
    padding-bottom: 20px;
    font-weight: bold;
}

#content .panel.blue2.editorfull .cc h1 {
    font-size: 2em;
}

#content .panel.blue2.editorfull .cc h2 {
    font-size: 1.5em;
}

#content .panel.blue2.editorfull .cc h3 {
    font-size: 1.17em;
}

#content h2 a {
    color: #af69a1;
}

    #content h2 a:hover {
        color: #f6921e;
    }

    #content h2 a.blue {
        color: #2291be;
    }

h2 img {
    vertical-align: top;
}

h3 {
    font-size: 1.6em;
    color: #666;
    margin-bottom: 15px;
}

h4 {
    font-size: 1.4em;
    color: #666;
}

h5 {
    font-size: 1.3em;
}

h6 {
    font-size: 1.2em;
}

.h5-margin-bottom {
    margin-bottom: 7px;
}

#content hr {
    display: block;
    background: #aaa;
    color: #aaa;
    width: 100%;
    height: 1px;
    border: none;
    margin: 20px 0;
}

.big {
    font-size: 1.8em;
}

.line2 {
    height: 2.5em;
}

.line3 {
    height: 3.5em;
}

p.more {
    padding: 6px 0 0 0;
    text-align: right;
}

    p.more a, a.more {
        background: url(../images/icons/more.png) no-repeat right 1px;
        padding-right: 20px;
        white-space: nowrap;
    }

        p.more a:hover, a.more:hover {
            background-position: right -27px;
        }

.s2 p, .s3 p, .s4 p {
    margin: 0.5em 0;
}

.s1 {
    font-size: 0.9em;
}

.s2 {
    font-size: 1.2em;
    color: #444;
}

.s3 {
    font-size: 1.3em;
    color: #444;
}

.s4 {
    font-size: 1.6em;
    color: #444;
}

.s5 {
    font-size: 2.2em;
    color: #444;
}

.text {
    color: #333;
    font-size: 1.2em;
    line-height: 1.4em;
}

    .text blockquote *:first-child {
        margin: .8em 0;
    }

    .text hr, .text p, .text ul, .text ol, .text dl, .text pre, .text blockquote, .text address, .text table, .text form {
        padding: 0 0 1.0em 0;
    }

    .text h1, .text h2, .text h3, .text h4 {
        color: #af69a1;
        font: normal 1.0em Arial, sans-serif;
        margin-top: 0;
    }

    .text h1, .text h2, .text h3, .text h4 {
        padding: 0;
    }

#content .text h1 a, #content .text h2 a, #content .text h3 a, #content .text h4 a {
    text-decoration: none;
}

.text h1 {
    font-size: 2.5em;
    margin: 1em 0 .5em;
}

.text h2 {
    font-size: 1.9em;
    margin: 0.6em 0;
}

.text h3 {
    font-size: 1.4em;
    margin: 0.2em 0 0.4em 0;
}

.text ul h3 {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0;
}

.text h4 {
    font-size: 1.2em;
    margin: 1.23em 0;
}

.text h5 {
    margin: 1.33em 0 .67em;
}

.text h6 {
    margin: 1.6em 0 .8em;
}

.text caption {
    padding-bottom: .8em;
}
/* padding instead of margin for IE */
.text blockquote {
    padding: 0 1em;
    margin: 1.6em 0;
}

.text a {
    position: relative;
    padding: 0.3em 0 .1em 0;
}
/* for larger click-area */
#content .text a {
    text-decoration: underline;
}

.text a.more {
    background-position: right .4em;
    padding-right: 20px;
}

.text dt {
    font-weight: bold;
    margin-top: .8em;
    margin-bottom: .4em;
}

.text dd {
    margin-left: 1em;
}

.text ul {
    list-style-type: disc;
}

    .text ul li {
        margin: 0.2em 0 0.2em 2.5em;
    }

.text ol {
    list-style-type: decimal;
}

    .text ol li {
        margin: 0.2em 0 0.2em 2.5em;
    }

    .text ol ol, .text ul ol {
        margin: 0.2em 0 0.2em 2.5em;
    }

.text table {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    margin: 0 0 1.0em 0;
}

.text th, .text td {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ccc;
    padding: .8em;
}

.text th {
    line-height: 1.2em;
}

.text table.hlines {
    border-left: none;
}

    .text table.hlines th, .text table.hlines td {
        border-right: none;
        padding-left: 0;
    }

.text table h3 {
    margin: 0;
}

.text table ul {
}

.text img {
    margin: 0 15px 15px 0;
}

.text .avatar img {
    margin: 0;
}

.text ul.reviews {
    list-style-type: none;
    margin: 0;
}

.text .reviews li {
    float: left;
    padding: 0 0 8px 0;
    margin: 0;
    width: 350px;
}

.text .reviews div.avatar {
    background: #fff;
    float: left;
    padding: 0;
    margin: 0;
    width: 94px;
}

#content .text .reviews div.content {
    position: relative;
    float: left;
    font-size: 0.9em;
    width: 250px;
    line-height: 1.2em;
    min-height: 6.8em;
}

.text .reviews .u {
    font-size: 1.4em;
    font-weight: normal;
    text-decoration: none !important;
}

.text .reviews span.u {
    color: #333;
}

.text .reviews p.light {
    padding: 0.2em 0 0.6em 0;
}

.text .reviews .text {
    margin: 0;
    line-height: 1.2em;
}

blockquote {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #666;
}

    blockquote :not(span):first-child:before {
        content: "\201C";
    }

    blockquote  :not(span):last-child:after {
        content: "\201D";
    }

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

.infobox {
    width: 300px;
    margin-left: 20px;
    line-height: 1em;
}

    .infobox caption {
        text-align: center;
        padding: 0;
    }

    .infobox th {
        padding: 4px 6px;
        font-size: 0.8em;
    }

    .infobox td {
        padding: 4px 6px;
        font-size: 0.8em;
    }


.content {
    word-wrap: break-word;
}

.text {
    word-wrap: break-word;
    overflow: hidden;
}
/******************************************* 
	Colors
*******************************************/
a {
    outline: none;
}

a {
    text-decoration: none;
    color: #2291be;
}

    a:hover {
        color: #f6921e;
    }

    a.cyan {
        color: #14c9ea;
    }

    a.orange {
        color: #f6921e;
    }

    a.green {
        color: #92a20a;
    }

    a.blue {
        color: #2291be;
    }

    a.red {
        color: #f00;
    }

    a.white {
        color: #fff;
    }

    a.black {
        color: #000;
    }     

    a.gray {
        color: #999;
    }

    a.yellow {
        color: #edc93e;
    }

.text a {
    color: #1281ae;
}

a.gray2 {
    color: #666;
}

.blue {
    color: #32a1ce;
}

.green {
    color: #a2c22a;
}

.orange {
    color: #f6921e;
}

.darkgreen {
    color: #006400;
}

#content .red, #content h3.red {
    color: #f00;
}

#content h3 a.red {
    padding-left: 0;
}

.yellow {
    color: #edc93e;
}

.purple {
    color: #bf79b1;
}

.cyan {
    color: #14c9ea;
}

.white {
    color: #fff;
}

.gray2 {
    color: #666;
}

code, pre {
    color: #c33;
}

.bgW {
    background-color: #fff;
}

/******************************************* 
	Forms
*******************************************/
legend {
    background: #fff;
    padding-left: .8em;
    padding-right: .8em;
}

    legend + * {
        margin-top: 1em;
    }
/* compensates for the opera margin bug */
select {
    padding: .1em .2em 0 .2em;
}

option {
    padding: 0 .4em;
}

textarea, input.t, select, input[type='text'], input[type='password'], select.t, div.textarea {
    border: 1px solid #ccc;
    background-color: #fff;
    cursor: text;
    font-size: 120%;
    font-family: arial,helvetica,sans-serif;
    padding: 4px;
}
    
    textarea:hover, input.t:hover, select:hover {
        border-color: #aaa;
    }
    
    input[type='text']:disabled {
        background-color: rgb(235, 235, 228)
    }

#egisso-supplier-code:read-only {
    background-color: rgb(235, 235, 228)
}

input.input_with-flag {
    background: url(../img/flag-ico.png) no-repeat 10px 50% #fafafa;
    padding-left: 49px !important;
}

input.input_with-flag_uz {
    background: url(../img/flag-uz.png) no-repeat 10px 50% #fafafa;
    padding-left: 49px !important;
}

input.w3flag {
    width: 255px;
}


.col1 textarea {
    width: 610px;
}

.col1 .rounded textarea {
    width: 586px;
}

.col23 textarea {
    width: 610px;
}

.col23 .rounded textarea {
    width: 586px;
}

.col13 .rounded textarea {
    width: 266px;
}

.col24 textarea {
    width: 450px;
}

.col34 textarea {
    width: 690px;
}

.col34 .rounded textarea {
    width: 666px;
}

.col100 .rounded textarea {
    width: 906px !important;
}

#content table textarea {
    width: 100%;
}

#content #formReg .col34 #whatValidSelect {
    margin-left: 20px;
}

    #content #formReg .col34 #whatValidSelect label {
        text-align: left;
        width: 170px;
        margin-bottom: 10px;
        padding-left: 0px;
    }

    #content #formReg .col34 #whatValidSelect div select {
        width: 480px;
    }

textarea.editor {
    height: 220px;
}

.wall textarea {
    width: 911px;
}

input[type='checkbox'], input[type='radio'] {
    margin-right: 5px;
}

input, select {
    cursor: pointer;
    vertical-align: middle;
}

form input.button {
    background: #76b9ea;
    border: solid 1px #b8defa;
    border-right-color: #5398cb;
    border-bottom-color: #5398cb;
    color: #fff;
    font-size: 1.4em;
    overflow: visible;
    padding: 2px 8px;
    width: auto;
}
form input.confirm.dateconfirm {
    margin: 0px;
}

form input.button-remove {
    float: right;
}

form input.okBtn, form input.cancelBtn {
    margin: 0 7px 0 0;
}

div.deleteDialog {
    height: 100px;
    width: 500px !important;
    margin: 0 auto;
}

    div.deleteDialog div.delContent {
        margin: 0;
        padding: 10px;
        font-size: 14px;
    }

    div.deleteDialog div.delButtons {
        text-align: right;
    }

form input.button:hover {
    background: #f19720;
}

input.button[disabled], input.button[disabled]:hover {
    background: #cccccc;
    border-color: #aaaaaa;
    cursor: default;
}

button[disabled], button[disabled]:hover {
    background: #cccccc;
    border-color: #aaaaaa;
    cursor: default;
}

button[data-state="loading"], button[data-state="loading"]:hover {
    background: url(../images/loadingWhite.gif) no-repeat center center;
}

form input.green, form input.yellow, form input.orange {
    font-weight: bold;
}

form input.green {
    background: #badb3c;
    border-color: #d8f273;
    border-right-color: #9fc11e;
    border-bottom-color: #9fc11e;
}

    form input.green:hover {
        background: #76b9ea;
    }

form input.yellow {
    background: #fbd504;
    border-color: #fce254;
    border-right-color: #e6c400;
    border-bottom-color: #e6c400;
}

    form input.yellow:hover {
        background: #76b9ea;
    }

form input.orange {
    background: #f19720;
    border-color: #fdc881;
    border-right-color: #eb8601;
    border-bottom-color: #eb8601;
}

    form input.orange:hover {
        background: #76b9ea;
    }

form input.file {
    font-size: 1.4em;
    padding: 4px;
    width: 400px;
}

form input.fileSmall {
    font-size: 120%;
    font-family: arial,helvetica,sans-serif;
    padding: 4px;
}

form input.icon {
    background-position: 2px center;
    padding-left: 20px;
}

form input.icon-border-box
{
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.panel ul.options li input.float-inherit
{
    float:inherit;
}

.panel ul.options li ul.years, 
.panel ul.options li ul.months,
.panel ul.options li ul.week,
.panel ul.options li ul.days 
{
padding: inherit;
}

form input.wTime {
    text-align: center;
    width: 1.6em;
}

input.error, select.error, textarea.error {
    border-color: #f99 !important;
    background-color: #fee;
}

label.error {
    display: block;
}

label.with-asterisk:after {
    content: '*';
    font-size: 12px;
    color: #ff0000;
}

#content input.disabled {
    background-color: #eee;
    border-color: #fff;
    color: #999;
}

form h3 {
    margin: 0;
    padding: 0 0 5px 5px;
}

.cparthead h3 {
    padding: 0;
}

form .big {
    font-size: 1.8em;
}

form .checkboxes {
}

form .checkboxes li {
    font-size: 1.2em;
    height: 1.6em;
    line-height: 1.6em;
    padding: 4px;
    margin-left: 10px;
}

form .checkboxes li:hover {
    background: #d7e6f2;
}

form .directorship li {
    float: left;
    margin: 0;
    list-style: none;
    padding: 0;
    text-decoration: none;
    font-size: 1em;
    outline: none;
    line-height: normal;
    height: auto;
}

form .directorship .row {
    padding: 0;
    margin-top: 5px;
}

.fields td {
    padding: 0 6px 6px 0;
}

label {
    color: #333;
}

label.fixed, label.f {
    display: block;
    float: left;
    width: 150px;
}

label.f-narrow {
    width: 135px;
}


label.width200px {
    display: inline-block;
    width: 200px;
    padding: 5px 10px;
}

.modal label.fixed, .modal label.f, .col34 label.f, .narrow label.f {
    width: 110px;
}

label.inline, label.b {
    display: block;
    margin-bottom: 5px;
}

label.req {
    font-weight: bold;
}

div.f, ul.f, ol.f {
    margin-left: 150px;
}

div.f-180, ul.f-180, ol.f-180 {
    margin-left: 180px;
}

.modal div.f, .col34 div.f {
    margin-left: 110px;
}

.narrow div.f {
    margin-left: 0;
}

.row {
    clear: left;
    padding: 0 0 20px 0;
}

.row_flex {
    display: flex;
}

.row_flex.gap-12 > *:not(:first-child) {
    margin-left: 12px;
}

.row_flex .f {
    margin-left: 0;
}

.align_items_center {
    align-items: center;
}

.rowTopPadding{
    clear: left;
    padding: 20px 0 0 0;
}

.rowInline {
    float: left;
    margin: 0 10px 10px 0;
}

.modal .rowInline {
    width: 45%;
}

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

.row2 {
    padding-bottom: 6px;
}

.modal .scrollableArea {
    overflow-y: scroll;
    height: 93%;
    padding: 0 5px;
    position: absolute;
}

.modal .row {
    padding: 10px 0;
}

.modal .row.upload-btn-container {
    padding: 0;
}

.row .row2 {
    padding-top: 5px;
}

.rowButtons {
    min-height: 2.4em;
}

.privacy {
    float: right;
    clear: right;
    min-height: 1.6em;
    height: 26px;
    width: 90px;
}

.widePrivacy {
    width: 140px;
}

.privacy .icon {
    line-height: 16px;
    padding-left: 20px;
    display: block;
    min-height: 16px;
}

.permissionEdit {
}

    .permissionEdit .col12 {
        float: left;
        width: 220px;
        margin-left: 20px;
    }

    .permissionEdit ul {
        clear: both;
        padding: 10px 0;
    }

        .permissionEdit ul li {
            padding: 0 0 5px 18px;
        }

            .permissionEdit ul li label {
                padding-left: 5px;
            }

        .permissionEdit ul ul {
            padding: 10px 0 0 0;
        }

        .permissionEdit ul li input {
            margin: 0;
            padding: 0;
            overflow: visible;
        }

.sample {
    color: #999;
    margin: 5px 0;
}

form.formGrid .button {
    font-size: 1.0em;
    padding: 2px 5px;
}

.formGrid .button:hover {
    background: #f3a944;
    color: #fff;
}

form.formGrid .buttonsB {
    margin-top: 6px;
}

form .fakeLabel {
    height: 1.4em;
}

form.formSearch {
    color: #666;
}

    form.formSearch .button {
        font-size: 1.2em;
        padding: 2px 8px;
    }

    form.formSearch label.b {
        margin: 0;
        padding: 0;
    }

    form.formSearch .row, form.formSearch .rowInline {
        padding: 0 6px 0 0;
    }

    form.formSearch .row {
        clear: left;
        padding: 0 0 10px 0;
    }

    form.formSearch .row-margin-top {
        clear: left;
        padding: 0 0 10px 0;
        margin-top: 20px;
    }


.formLogin label {
    font-size: 1.2em;
}

.formLogin .t {
    width: 250px;
}

.formLogin label a {
    display: block;
    margin-left: 5px;
}

form .text {
    font-size: 1.0em;
    margin-bottom: 10px;
}

    form .text p {
        color: #666;
        margin: 0;
    }

form div.textLimit {
    float: right;
}

form ul.select_health-block {
    display: flex;
    flex-wrap: wrap;
    max-width: 420px;
}

form ul.select li {
    padding: 0 0 6px 0;
}

form ul.select_health-block li {
    padding: 0 15px 6px 0;
}

    form ul.select li.stepBottom {
        margin-bottom: 10px;
    }

    form ul.select li input {
        vertical-align: middle;
    }

form ul.select ul.select {
    margin: 6px 0 0 16px;
}

form ul.selectWithText ol li.row2 {
    padding-left: 0;
}

form ul.selectWithText li span.label p {
    margin-left: 30px;
    color: #666;
    margin-top: 2px;
}

form ul.selectWithText li span.label ol li label {
    width: 400px;
}

form ul.selectWithText li input,
form ul.selectWithText li label ol li input {
    float: left;
}

form ul.selectWithText li label {
    color: #666;
}

form ul.selectWithText.l li label {
    color: #333;
}

form ul.selectWithText li label p {
    margin-top: 2px;
}

form ul.selectWithText li label h4 {
    font-family: arial;
}

form ul.selectWithText li label select {
    font-size: 14px;
}

form ul.selectWithText li label ol#eventsUL li label,
form ul.selectWithText li label ol#groupsUL li label,
form ul.selectWithText li label ol#forumUL li label,
form ul.selectWithText li label ol#filesUL li label,
form ul.selectWithText li label ol#paperUL li label,
form ul.selectWithText li label ol#feedbackUL li label {
    color: #333;
}

form ul.selectWithText li ol#feedbackUL {
    margin-left: 30px;
    margin-top: 5px;
    float: left;
}

    form ul.selectWithText li ol#feedbackUL label {
        float: left;
        width: auto;
    }

form ul.selectWithText li ol {
    margin-left: 22px;
}

    form ul.selectWithText li ol li {
        margin: 5px 0 0;
        padding: 0;
    }

    form ul.selectWithText li ol#whichForumSelect li {
        margin: 10px 0 0;
        padding: 0;
    }

        form ul.selectWithText li ol#whichForumSelect li h5 {
            margin: 0;
            padding: 0;
        }

    form ul.selectWithText li ol#whichForumSelect {
        margin: 0 0 0 55px;
        padding: 0;
    }

form ul.selectWithText li #classes table tbody tr td div label {
    width: 50px;
    margin-left: 5px;
}

form .f ul.selectWithText.l {
    width: 445px;
}

form ul.selectWithText li label .panel .col14 ol li label {
    width: 170px;
}

form ul.selectWithText li label .panel .col24 ol li label {
    width: 250px;
}

form ul.selectWithText li label b {
    color: #000;
}

form ul.selectWithText li, form ul.typeImport li {
    padding: 0 0 10px;
    clear: left;
    float: left;
}

form ul.typeImport {
    margin-left: 20px;
}

form ul.selectWithText input {
    margin-right: 10px;
}

#content form ul.selectWithText h4 {
    color: #333;
    display: inline;
    font-size: 1.1em;
    font-weight: bold;
    margin: 0;
}

#content form ul.selectWithText li label h4.normal {
    font-weight: normal;
    font-size: 14px;
}

#content form ul.selectWithText h5 {
    clear: none;
    color: #333;
    font-size: 1.0em;
    font-weight: bold;
    margin: 6px 10px;
}

form ul.selectWithText ol {
    margin-top: 5px;
}

    form ul.selectWithText ol li {
        padding: 0 0 4px 25px;
    }

    form ul.selectWithText ol input {
        vertical-align: middle;
    }

form ul.selectWithText ul {
    margin-top: 5px;
}

    form ul.selectWithText ul li {
        color: #666;
        list-style-type: disc;
        margin: 0 0 5px 50px;
    }

ul.selectWithText .panel {
    background-color: #fff;
    border: solid 1px #e4e8ee;
    margin: 6px 0 10px 0;
    float: left;
    width: 645px;
}

    ul.selectWithText .panel ol li {
        padding-left: 0;
        float: left;
    }

    ul.selectWithText .panel .col14 {
        width: 200px;
    }

form .f .selectWithText {
    float: left;
}

form ul.selectWithText.auditory ul {
    margin-left: 30px;
    list-style: none;
}

    form ul.selectWithText.auditory ul li {
        list-style: none;
    }

form ul.selectWithText.auditory li ul.audienceTypes {
    float: left;
}

form ul.selectWithText.auditory li label {
    width: auto;
}

form ul.selectWithText.auditory #audienceEduOrgTypeID {
    margin-top: 10px;
}

form div.notificationsEmail p {
    color: #666;
    margin: 2px 0 0 32px;
}

    form div.notificationsEmail p .bold {
        font-weight: bold;
    }

div .emailnotset {
    padding: 10px 10px 10px 10px;
}

form .w0 {
    width: 70px;
}

form .w55 {
    width: 55px;
}

table .w0 {
    width: 70px;
}

#content form textarea.w0 {
    width: 70px;
}

form .w05,
table .w05 {
    width: 110px;
}

table .w1 {
    width: 150px;
}

form .w1 {
    width: 150px;
}

form .w15 {
    width: 200px;
}

table .w10 {
    width: 195px;
}

table .w15 {
    width: 200px;
}

table .w2 {
    width: 230px;
}

form .w2 {
    width: 230px;
}

form .w2icon {
    width: 280px;
}

table .w3 {
    width: 300px;
}

form .w3 {
    width: 300px;
}

form .w3doc {
    width: 300px;
    font-size: 100%;
}

#content form textarea.w3 {
    width: 300px;
    min-height: 80px;
}

#content form textarea.w3r {
    width: 300px;
}

form .w4, #content form textarea.w4 {
    width: 400px;
}

form .w5, #content form textarea.w5 {
    width: 500px;
}

form .w100 {
    width: 98%;
}

.col14 form .w100 {
    width: 190px;
}

form .wH {
    width: 262px !important;
}

.wH a {
    color: red;
}

.inplaceEdit {
    width: 100%;
}

    .inplaceEdit .field {
        height: 50px;
        width: 100%;
        display: block;
        margin: 0 0 6px 0;
        padding: 0;
    }

    .inplaceEdit .button {
        font-size: 1.2em;
        margin-right: 6px;
    }

table.form {
    border-collapse: collapse;
    clear: both;
    width: 100%;
}

    table.form td.label {
        padding-bottom: 20px;
        width: 150px;
    }

.modal table.form td.label {
    padding-bottom: 10px;
    width: 100px;
}

table.form td {
    padding-bottom: 20px;
}

.modal table.form td {
    padding: 5px 0;
}

#tableOverride .field {
    background: #f0f0f0;
    border: solid 1px #ccc;
    padding: 2px 5px;
}

#tableOverride .trans {
    background: #fff;
    text-align: center;
}

#tableOverride .selected {
    background-color: #ffeaaa;
}

#tableOverride td, #tableCancelled td {
    padding: 2px 0;
}

#tableOverride label, #tableCancelled label {
    line-height: 2.6em;
}

form .row div.hint {
    margin-left: 150px;
    clear: left;
}

    form .row div.hint.success {
        color: #66CC00;
    }

    form .row div.hint.failure {
        color: #ff0000;
    }

    form .row div.hint div.options {
        background-color: #e0ebfc;
        margin-top: 5px;
        padding: 5px 0 10px;
        color: #000;
        width: 310px;
    }

        form .row div.hint div.options a {
            border-bottom: 1px dotted;
        }

span.hint.success {
    background-image: url(../images/icons/apply.png);
    width: 16px;
    height: 16px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-left: 10px;
}

#questions, #recoveryway {
    width: 310px;
}

form span.right {
    float: right;
    margin: 10px;
    display: inline-block;
}

    form span.right img {
        clear: both;
    }

/******************************************* 
	Lists
*******************************************/
div.lastActivity {
    color: #999;
    margin-top: -15px;
    padding-bottom: 20px;
}

div.emptyData {
    clear: both;
    color: #999;
    text-align: center;
    padding: 20px 0;
}

    div.emptyData p {
        margin: 5px 0;
    }

div.archivedJournal {
    clear: both;
    color: #999;
    text-align: center;
    padding: 20px 0 0;
}

.panel div.emptyData {
    padding: 10px 0;
}

div.membersOnly {
    clear: both;
    color: #999;
}

    div.membersOnly p {
        background: url(../images/icons/lock.gif) no-repeat left center;
        line-height: 40px;
        margin: 0 auto;
        padding-left: 22px;
        width: 18em;
    }

#comments {
    clear: both;
    margin-bottom: 10px;
}

    #comments form {
        clear: both;
        width: 100%;
    }

        #comments form textarea {
            height: 100px;
            width: 98%;
        }

    #comments h3 {
        clear: both;
    }

.voter {
    color: #999;
    height: 20px;
}

    .voter ul {
        height: 20px;
    }

#content .voter li {
    background: url(../images/sprites/global.png);
    float: left;
    font-weight: bold;
    padding: 0;
    margin: 0 0 0 3px;
}

.voter a {
    background: url(../images/sprites/global.png);
    display: block;
    padding: 0;
    width: 16px;
    height: 16px;
}

.voter span {
    display: none;
}

#content .voter li.plus, #content .voter li.minus {
    width: 16px;
    height: 16px;
}

#content .voter .plus a {
    background-position: -968px 0;
}

#content .voter .minus a {
    background-position: -952px 0;
}

#content .voter li.plus {
    background-position: -968px -32px;
}

#content .voter li.minus {
    background-position: -952px -32px;
}

#content .voter li.p2 {
    background-position: -968px -16px;
}

#content .voter li.m2 {
    background-position: -952px -16px;
}

#content .voter .plus a, #content .voter .minus a {
    margin: 0;
    padding: 0;
}

#content .voter .plus {
    color: Green;
}

#content .voter .minus {
    color: Red;
}

#content .voter li.count {
    background: none;
    padding-right: 4px;
    width: auto;
}

dl.contacts {
}

.contacts dt {
    color: #999;
    font-size: 1.0em;
    margin-top: 3px;
}

.contacts dd {
    color: #333;
    font-size: 1.4em;
    margin: 2px 0 3px 10px;
}

    .contacts dd p {
        font-size: 0.8em;
        margin: 4px 0;
    }

dl.details {
    margin-top: 10px;
}

    dl.details dt {
        font-size: 100%;
        margin: 10px 0 0 0;
    }

    dl.details dd {
        color: #666;
        font-weight: bold;
        font-size: 120%;
        margin: 2px 0 5px 10px;
    }

    dl.details .large strong, dl.details .large a {
        font-size: 160%;
    }

    dl.details dd.text {
        font-size: 110%;
        font-weight: normal;
        line-height: 1.4em;
    }

.faq dt {
    font-weight: bold;
}

.faq dd {
    margin: 5px 0 10px 10px;
}

dl.info {
    overflow: hidden;
}

    dl.info dt, dl.info dt, dl.info_withoutlink dt, dl.info_withoutlink dt {
        clear: left;
        color: #666;
        float: left;
        padding: 6px 10px 6px 6px;
    }

dl.infow dt {
    width: 12em;
}

dl.infow.wide dt {
    width: 16em;
}

dl.infow .indent {
    height: 2em;
}

dl.add-relation-form dt {
    width: 11em;
}

dl.infow .dd-flex {
  display: flex;
}

dl.info dd, dl.info_withoutlink dd {
    margin: 0 0 0 12em;
    padding: 6px 0;
}

dl.waddr dt {
    max-width: 11em;
}

    dl.info dd.in, dl.info_withoutlink dd.in {
        clear: left;
        margin: 0;
        padding: 0 0 6px 6px;
    }

dl.info a.button, dl.info_withoutlink a.button {
    font-size: 1.2em;
}

dl.info dd p, dl.info_withoutlink dd p {
    margin-bottom: 6px;
}

#content dl.info dd h3,
#content dl.info dd h4,
#content dl.info_withoutlink dd h3,
#content dl.info_withoutlink dd h4 {
    font-size: 1.1em;
    margin: 0.2em 0;
    font-weight: bold;
    color: #000;
}

#content dl.info dd h4, #content dl.info_withoutlink dd h4 {
    font-size: 1.0em;
}

dl.info dd ul, dl.info_withoutlink dd ul {
    list-style-type: disc;
    padding: 6px 0;
}

dl.info dd ol, dl.info_withoutlink dd ol {
    list-style-type: decimal;
    margin: 6px 0;
}

dl.info dd li, dl.info_withoutlink dd li {
    margin: 0 0 6px 2.5em;
}

dl.info dd ol ol, dl.info dd ul ol, dl.info_withoutlink dd ol ol, dl.info_withoutlink dd ul ol {
    margin: 6px 0 6px 2.5em;
}

dl.info.minHg dd, dl.info_withoutlink.minHg dd {
    min-height: 15px;
}

table.info {
    width: 100%;
}

table.info .dt {
    clear: left;
    color: #666;
    padding: 6px 10px 6px 0;
    width: 9em;
}

table.info_wide .dt {
    width: 25%;
    padding-left: 6px;
}

table.info .dd {
    padding: 6px 0;
}

table.info .dd p {
    margin-bottom: 6px;
}

ol.dict {
    font-size: 1.2em;
    margin-left: 40px;
    list-style-type: decimal;
}

.dict li {
    color: #999;
    margin: 8px 0;
}

.dict .dt {
    margin-bottom: 2px;
}

    .dict .dt a {
        font-weight: bold;
    }

.dict .dd {
    color: #000;
    margin: 0;
}

table.agenda {
}

    table.agenda li {
        color: #666;
        margin: 0 0 8px 0;
    }

    table.agenda span.light {
        font-weight: bold;
    }

    table.agenda table {
        width: 100%;
    }

        table.agenda table td {
            border: none;
        }

.agenda .wE a {
    color: #f00;
}

table.calendar {
    width: 100%;
    margin-bottom: 20px;
}

    table.calendar caption {
        color: #666;
        font-size: 1.2em;
        padding: 2px 2px 8px 2px;
        text-align: center;
    }

        table.calendar caption a {
            font-weight: bold;
            padding: 0 2px;
        }

            table.calendar caption a.monthP {
                display: block;
                float: left;
            }

            table.calendar caption a.monthN {
                display: block;
                float: right;
            }

    table.calendar th {
        color: #666;
        font-weight: normal;
        padding: 2px 0;
        text-align: center;
        width: 14%;
    }

        table.calendar th.dayW {
            color: Red;
        }

    table.calendar td {
        border: solid 1px #ddd;
        font-size: 1.2em;
        padding: 2px 4px;
        text-align: center;
        vertical-align: middle;
    }

        table.calendar td a {
            display: block;
            font-weight: bold;
            padding: 2px 0;
            width: 100%;
        }

        table.calendar td.dayW a {
        }

        table.calendar td.dayO {
            color: #999;
        }

            table.calendar td.dayO a {
                color: #ccc;
                font-weight: normal;
            }

        table.calendar td.empty a {
            color: #bbb;
        }

        table.calendar td.dayS {
            background: #ffeaaa;
        }

        table.calendar td:hover {
            background-color: #ffeaaa;
        }

.big table.calendar td {
    height: 4em;
}

.year .calendar {
    margin-bottom: 10px;
}

table.calBig {
}

    table.calBig td {
        font-size: 1.0em;
        height: 6em;
        text-align: left;
        vertical-align: top;
    }

        table.calBig td a {
            display: inline;
            font-weight: normal;
        }

        table.calBig td div.d {
            margin-bottom: 6px;
        }

            table.calBig td div.d a {
                color: #999;
                font-size: 1.2em;
                font-weight: bold;
            }

        table.calBig td.dayO div.d a {
            color: #ccc;
            font-weight: normal;
        }

        table.calBig td p {
            margin: 2px 4px;
        }

.rvcG {
    background-color: #C2D23A;
}

.rvcO {
    background-color: #F9A23B;
}

.rvcR {
    background-color: #F66;
}

.rvcY {
    background-color: #FFCC00;
}

.rvcN {
    background-color: #2291BE;
}

.rvaw1 {
    width: 55px;
}

.rvaw0 {
    width: 45px;
}

.rvcbt, .rvcbt:hover {
    color: #ffffff;
    font-weight: bold;
}

table.black a {
    color: #000000;
    background-color: inherit;
    font-weight: normal;
}

table.black.grid tr:hover td {
    background-color: #ccc !important;
}

table.grid {
    width: 100%;
}

#content .grid h3 {
    color: #333;
    font-size: 1.2em;
    font-weight: bold;
    margin: 4px 0;
    padding: 0;
}

.grid th {
    color: #666;
    font-size: 90%;
    font-weight: normal;
    padding: 4px 0;
    text-align: center;
}

.grid .head th {
    background-color: #ecf2f9;
    border-top: solid 1px #ddd;
}

.grid th.tal {
    text-align: left;
}

.grid th.vam {
    vertical-align: middle;
}

.grid tr.alt td {
    background-color: #f4f8fe;
}

.grid td {
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    padding: 4px 8px;
}

.grid td.tdN {
    font-size: 1.4em;
}

.grid tr:hover td {
    background-color: #ffeaaa;
}

.gridNohover tr:hover td {
    background-color: transparent;
}

.grid td.center {
    text-align: center;
}

.gridCount {
    color: #999;
    padding: 0 0 15px 0;
}

table.grid tr.subhead td {
    background-color: #fff;
    color: #666;
    font-size: 1.4em;
}

table.grid tr.highlight td {
    background-color: #e9f4bd;
}

table.grid tr.selected td, table.grid tr td.selected {
    background-color: #ffeaaa;
}

.gray .cc .grid td, .blue2 .cc .grid td, form .cc .grid td {
    background: #fff;
}

.gray .cc .grid tr:hover td, .blue2 .cc .grid tr:hover td, form .cc .grid tr:hover td {
    background-color: #ffeaaa;
}

.gray .cc .grid tr.selected td, .blue2 .cc .grid tr.selected td, form .cc .grid tr.selected td {
    background-color: #ffeaaa;
}

.gray .cc .grid tr td.selected, .blue2 .cc .grid tr td.selected, form .cc .grid tr td.selected {
    background-color: #ffeaaa;
}

#content .grid td.trans, #content .grid th.trans {
    background-color: Transparent;
    border: none;
}

.grid tr td.bgRed {
    background-color: Red !important;
}

.grid tr td.bgGreen {
    background-color: #c2d23a !important;
}

.grid tr.bgGreen {
    background-color: #c2d23a !important;
}

.grid tr.bgYellow {
    background-color: #fcff9d !important;
}

.grid td select {
    width: 100%;
}

.grid td.split {
    background-color: #f0f0f0;
    color: #333;
    padding: 6px 10px;
}

    .grid td.split h4 {
        color: #333;
        font-size: 1.3em;
    }

.grid .details {
    color: #666;
    padding: 3px 0 0 0;
}

    .grid .details p {
        color: #666;
        padding: 3px 0;
    }

table.vam td, table.vam th, #content td.vam {
    vertical-align: middle;
}

table.vat td, table td.vat {
    vertical-align: top;
}

table.vab td, table td.vab, table th.vab {
    vertical-align: bottom;
}

table.pad6 td {
    padding: 0 6px 6px 0;
}

table.pad8 td {
    padding: 8px;
}

.nowrap {
    white-space: nowrap;
}

table td.nopad {
    padding: 4px;
}

.grid .bgG, .grid .bgY, .grid .bgR, .grid .bgB, .grid .bgX, .grid .bgXX {
    color: #999;
    font-weight: bold;
    padding: 0 2px;
}

#content .grid .bgG {
    background-color: #c2d23a;
    color: #fff;
}

#content .grid .bgB {
    background-color: #459dd6;
    color: #fff;
}

#content .grid .bgY {
    background-color: Orange;
    color: #fff;
}

#content .grid .bgR {
    background-color: #ff6666;
    color: #fff;
}

#content .grid .bgP {
    background-color: #f7c7c7;
    color: #fff;
}

#content .grid .bgW {
    background-color: #fff;
    color: #000000;
}

#content .grid .bgX {
    background-color: #ccc;
    color: #666;
}

#content .grid .bgXX {
    background-color: #eee;
    color: #666;
}

#content .grid .bgXXX {
    background-color: #f0f0f0;
    color: #666;
}

.grid .bgTrans {
    background-color: Transparent;
}

table.rubricval td {
    padding: 4px 2px;
    border: none;
    background: transparent !important;
    text-align: center;
}

table.sgStdlist tr.stdLastRow td {
    border: none;
    background: transparent !important;
    padding-top: 10px;
}

table.sgStdlist td {
    background: transparent !important;
}

table.gridLines {
}

.gridLines th, .gridLines td {
    border: solid 1px #ddd;
}

table.gridLines tr.subhead td, .gridLines .noBorder {
    border-left: none;
    border-right: none;
}

.gridLines th {
    background-color: #ecf2f9;
}

    .gridLines th.inverse {
        background-color: #88a9d0;
        color: #fff;
    }

.gridLines td.inverse {
    background-color: #eee;
}

.gridLines tr.inverse-row {
    background-color: #eee;
}

.gridLines td.grey-text {
    color: #999;
}

table.gridLines.padd th {
    padding: 4px;
}

table.gridLines.padd th.last_editable {
    width: 11%;
}

table.gridLines.padd th.padd_width-15perc {
    width: 15%;
}
table.gridLines.padd th.padd_width-10perc {
    width: 10%;
}

table.gridNoLines {
}

.gridNoLines td {
    border: none;
}

table.rows {
}

    table.rows td {
        padding: 4px;
    }

    table.rows tr.highlight td {
        background-color: #e9f4bd;
    }

    table.rows tr.selected td {
        background-color: #ffeaaa;
    }

.arrow.down {
    vertical-align: top;
    font-size: 16px;
    color: #ff0000;
    position: absolute;
    right: 10px;
    width: 20px;
    height: 20px;
}

.arrow.up {
    vertical-align: top;
    font-size: 16px;
    color: #007f0e;
    position: absolute;
    right: 10px;
    width: 20px;
    height: 20px;
}

/**************************************/
/*              Certificates
/**************************************/
.certificatesTemplateBox a, .certificatesTemplateBox input {
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    color: #0075AD;
    padding-left: 10px;
    border: none;
}

.certificatesTemplateBox .rounded {
    padding-top: 5px;
}

.certificatesTemplateBox .help {
    padding-left: 25px;
}

.certificatesTemplateBox .marginTop70 {
    margin-top: 70px;
}

.templatesBlock {
    margin-bottom: 10px;
}

    .templatesBlock span {
        font-family: Arial;
        font-size: 13px;
        font-weight: bold;
        font-style: normal;
        text-decoration: none;
        color: #666;
        margin-right: 10px;
    }

    .templatesBlock select {
        width: 310px;
    }

.prepareCertificate, .saveTemplateChanges {
    font-size: 1.2em !important;
    margin-top: 10px;
    margin-bottom: 15px;
}

.createTemplate .row label {
    padding-top: 5px;
}

.createSteps {
    font-family: Arial;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: #666;
}

    .createSteps span.active {
        font-weight: bold;
        color: orange;
    }

    .createSteps span {
        vertical-align: 12px;
    }

        .createSteps span.nextStepArrow {
            vertical-align: middle;
        }

.certificateButton {
    font-size: 1.2em !important;
}

.templateData {
    font-family: Arial;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: #333333;
    margin-top: 20px;
}

    .templateData textarea {
        height: 80px;
    }

    .templateData textarea, .templateData input[type='text'] {
        width: 300px;
        font-family: 'Arial';
        font-size: 13px;
        color: black;
        font-style: normal;
        font-weight: normal;
        text-decoration: none;
    }

    .templateData .oyData {
        height: 116px;
    }

    .templateData .row div {
        padding-top: 8px;
    }

    .templateData .row {
        padding-bottom: 20px;
    }

    .templateData .second {
        border-left: 1px solid #999999;
        width: 540px;
        margin-left: 35px;
        padding-left: 20px;
    }

.certificateButton {
    font-size: 1.2em !important;
}

.templateData .error, .fillCertificate .error {
    border-color: red;
}

.templateData .hidden, .fillCertificate .hidden {
    display: none;
}

.certErrorMessage {
    color: Red;
    font-size: 11px;
}

#content .whiteText p {
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
}

.fillCertificate {
    float: none;
    clear: both;
}

    .fillCertificate h4 {
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
        color: #666666;
        padding-bottom: 15px;
    }

        .fillCertificate h4 span.bold {
            font-weight: bold;
        }

    .fillCertificate .grid th p {
        font-size: 13px;
        font-weight: normal;
        font-style: normal;
        color: #6A95B0;
    }

        .fillCertificate .grid th p.example {
            font-size: 11px;
            color: #6A95B0;
        }

    .fillCertificate .grid tr td.col2 input[type=text] {
        width: 200px;
    }

    .fillCertificate .grid tr td.col3 input[type=text] {
        width: 130px;
    }

    .fillCertificate .grid tr td.col4 input[type=text] {
        width: 60px;
    }

    .fillCertificate .grid tr td.col5 input[type=text] {
        width: 70px;
    }

    .fillCertificate .grid tr td.col6 input[type=text] {
        width: 145px;
    }

    .fillCertificate .grid tr td.col7 input[type=text] {
        width: 155px;
    }

    .fillCertificate .col2, .fillCertificate .col3, .fillCertificate .col4, .fillCertificate .col5, .fillCertificate .col6, .fillCertificate .col7 {
        vertical-align: top;
    }

.certificateButtonsBox {
    padding-top: 10px;
}

.printExportLink a {
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
}

.printExportLink img {
    padding-left: 8px;
    top: 5px;
    position: relative;
}

.printExportLinkTop {
    position: relative;
    top: -71px;
    padding-bottom: 0;
    height: 1px;
}

.npoCertificateTable td {
    font-size: 13px;
    color: #333;
}

.print_certificate {
    width: 585px;
}
/***/

.timeBudget {
}

    .timeBudget .type-selector {
        clear: both;
    }

        .timeBudget .type-selector li {
            float: left;
            width: 100px;
            height: 30px;
            text-align: center;
        }

            .timeBudget .type-selector li.current {
                background: #32a1ce;
            }

            .timeBudget .type-selector li a {
                line-height: 30px;
            }

            .timeBudget .type-selector li.current a {
                color: white;
            }

table.studyPlan .vertical {
    white-space: nowrap;
    -moz-transform: rotate(270deg) translate(-35px,0);
    -o-transform: rotate(270deg) translate(-35px,0);
    -webkit-transform: rotate(270deg) translate(-35px,0);
    transform: rotate(270deg) translate(-35px,0);
    width: 35px;
}

.study-plan-form {
    clear: both;
}

table.studyPlan {
}

.studyPlan th {
    background-color: #f0f0f0;
    font-size: 120%;
    vertical-align: middle;
    overflow: hidden;
    width: 35px;
    padding: 1px;
}

.studyPlan p {
    padding: 3px;
}

.studyPlan th a {
    font-weight: bold;
}

.studyPlan th input[type="text"],
.studyPlan td input[type="text"] {
    width: 97%;
    height: 15px;
    padding: 0;
    margin: 0;
    text-align: right;
    border: none;
    font-size: 100%;
}


.studyPlan td {
    vertical-align: middle;
    text-align: right;
    padding: 3px 0;
    font-size: 120%;
    overflow: hidden;
}

    .studyPlan td.summary {
        background-color: #f0f0f0;
        padding-right: 3px;
        text-align: left;
        word-wrap: normal;
    }

    .studyPlan td.disabled {
        background-color: #f0f0f0;
        font-weight: bold;
        font-size: 120%;
        color: #000;
        padding-right: 3px;
    }

div.selectWrapper {
    width: 23px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    display: inline-block;
}

    div.selectWrapper select {
        background: transparent;
        width: 42px;
        padding: 0;
        margin: 0;
        border: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        font-size: 100%;
    }

.studyPlan .detailInfo {
    padding: 10px;
}

    .studyPlan .detailInfo input[type="text"] {
        border: solid 1px #ccc;
    }


table.timeBudget {
    table-layout: fixed;
}

    table.timeBudget th {
        background-color: #ecf2f9;
        vertical-align: middle;
        font-size: 100%;
    }

    table.timeBudget td {
        padding: 0;
    }

        table.timeBudget td.disabled {
            background: #ebebe3;
            font-weight: bold;
            color: black;
        }

        table.timeBudget td input[type="text"] {
            width: 100%;
            height: 100%;
            padding: 0px;
            margin: 0px;
        }

    table.timeBudget th.col1 {
        width: 80px;
    }

    table.timeBudget th.col2 {
        width: 140px;
    }

table#examresults {
    table-layout: fixed;
}

    table#examresults td {
        word-wrap: break-word;
    }

table.messages {
    margin-top: 10px;
}

    table.messages .avatar img {
        float: none;
    }

    table.messages .delete {
        margin-top: 9px;
    }

    table.messages td {
        border-top: solid 1px #f0f0f0;
        border-bottom: solid 1px #f0f0f0;
        padding: 4px;
        vertical-align: top;
    }

        table.messages td.td1 {
            text-align: center;
            vertical-align: middle;
            width: 5%;
        }

        table.messages td.td2 {
            text-align: center;
            padding: 2px;
            width: 5%;
        }

        table.messages td.td3 {
            width: 25%;
        }

            table.messages td.td3 a.u {
                font-size: 120%;
            }

            table.messages td.td3 .date {
                color: #737373;
                font-size: 90%;
                padding-top: 2px;
            }

        table.messages td.td4 {
            font-weight: bold;
            width: 65%;
        }

        table.messages td.td5 {
            text-align: right;
            width: 10%;
        }

            table.messages td.td5 .icons {
                width: 60px;
            }

table.messages2 {
    margin-top: 10px;
}

    table.messages2 .avatar, table.messages2 .avatar img {
        float: none;
    }

    table.messages2 .delete {
        margin-top: 9px;
    }

    table.messages2 th {
        background: #fff;
    }

    table.messages2 td {
        border-top: solid 1px #f0f0f0;
        border-bottom: solid 1px #f0f0f0;
        padding: 4px;
        vertical-align: top;
    }

        table.messages2 td.tdAvatar {
            width: 5%;
        }

        table.messages2 td.tdName {
            width: 55%;
        }

            table.messages2 td.tdName a.u {
                font-size: 120%;
            }

            table.messages2 td.tdName .date {
                color: #999;
                padding-top: 6px;
            }

        table.messages2 td.tdCount {
            color: #999;
            font-size: 1.4em;
            text-align: center;
            vertical-align: middle;
            width: 15%;
        }

            table.messages2 td.tdCount a {
                font-weight: bold;
                padding: 0 4px;
            }

        table.messages2 td.tdButtons {
            text-align: right;
            font-weight: bold;
            vertical-align: middle;
            width: 10%;
        }

        table.messages2 td.tdCheckBox {
            text-align: center;
            vertical-align: middle;
            width: 15%;
        }

table.people {
    margin-top: 10px;
}

    table.people .avatar {
        float: none;
    }

    table.people .delete {
        margin-top: 9px;
    }

    table.people td {
        border-top: solid 1px #f0f0f0;
        border-bottom: solid 1px #f0f0f0;
        padding: 4px;
        vertical-align: top;
    }

        table.people td.tdAvatar {
            width: 5%;
        }

            table.people td.tdAvatar .avatar {
                height: 40px;
                width: 40px;
            }

        table.people td.tdName {
            color: #999;
            width: 65%;
        }

            table.people td.tdName .u {
                font-size: 120%;
            }

            table.people td.tdName .date {
                color: #737373;
                font-size: 90%;
                padding-top: 2px;
            }

        table.people td.tdButtons {
            width: 30%;
        }

            table.people td.tdButtons div.clear {
                color: #999;
                font-size: 1.0em;
                height: 2.0em;
                padding-top: 6px;
                text-align: right;
            }

            table.people td.tdButtons .button {
                font-size: 1.2em;
                margin: 0 0 0 6px;
            }

    table.people .buttons {
        float: right;
        clear: both;
    }

        table.people .buttons .loading {
            height: 2em;
        }

        table.people .buttons p {
            line-height: 2em;
        }

table.schedule {
}

#content .schedule caption h3 {
    color: #666;
    font-size: 1.2em;
    font-weight: normal;
    margin: 0 0 5px 0;
}

.schedule caption h3 em {
    display: block;
    float: right;
    font-size: 90%;
    font-weight: normal;
    font-style: normal;
}

    .schedule caption h3 em a {
        padding: 0 2px;
    }

.schedule th {
    border-top: solid 1px #ddd;
    background-color: #f0f0f0;
    font-size: 1.0em;
    width: 3.4%;
}

    .schedule th.wD {
        width: 13.8%;
    }

    .schedule th.wE a {
        color: #f00;
    }

        .schedule th.wE a:hover {
            color: #f6921e;
        }

.schedule td {
    background-color: #f0f0f0;
    color: #999;
    padding: 0 4px;
}

.schedule tr:hover td {
    background-color: #f0f0f0;
}

.schedule td.wDS {
    text-align: center;
    font-size: 1.4em;
    font-weight: bold;
    vertical-align: middle;
}

.schedule tr td.wD:hover {
    background-color: #e6e6e6;
}

.schedule ul {
}

.schedule li {
    background-color: #fff;
    border: solid 1px #ddd;
    margin: 4px 0;
    padding: 2px 4px;
}

    .schedule li:hover {
        background-color: #ffeaaa;
        border-color: #ccc;
    }

    .schedule li a.aL {
        font-size: 1.2em;
    }

    .schedule li .u {
        font-weight: normal;
    }

.scheduleStaff li {
    min-height: 60px;
}

table.scheduleEditor {
}

.scheduleEditor th {
    background-color: #eee;
    border-top: solid 1px #ddd;
    font-size: 120%;
    width: 3.4%;
}

    .scheduleEditor th.wD {
        width: 13.8%;
    }

    .scheduleEditor th.wE {
        color: #f00;
    }

.scheduleEditor td {
    background-color: #f0f0f0;
    color: #999;
    vertical-align: middle;
    padding: 0;
}

.scheduleEditor tr:hover td {
    background-color: #f0f0f0;
}

.scheduleEditor td.wDS {
    text-align: center;
    height: 56px;
    font-size: 1.4em;
    font-weight: bold;
    vertical-align: middle;
    width: 3.4%;
}

    .scheduleEditor td.wDS .s2 {
        display: block;
        color: #666;
        font-size: 1.8em;
    }

.scheduleEditor td.wD {
    background-color: #f0f0f0;
    padding: 2px;
    vertical-align: top;
    width: 13.8%;
}

    .scheduleEditor td.wD:hover {
        background-color: #e6e6e6;
    }

.scheduleEditor td.wDA {
    text-align: center;
    vertical-align: middle;
}

    .scheduleEditor td.wDA img {
        vertical-align: middle;
    }

    .scheduleEditor td.wDA a {
        display: none;
        margin: 0 16px;
    }

        .scheduleEditor td.wDA a:hover {
        }

form .panel .scheduleEditor td, form .panel .scheduleEditor th {
    background-color: Transparent;
    border: none;
}

form .panel .scheduleEditor tr:hover td {
    background-color: Transparent;
}

.scheduleEditor .bar {
    height: 16px;
    text-align: center;
    margin: 4px 4px 8px 4px;
}

    .scheduleEditor .bar a {
        display: inline;
    }

.scheduleEditor ul {
    border-collapse: collapse;
}

.scheduleEditor li {
    background-color: #fff;
    border: solid 1px #ddd;
    margin: 4px 0;
    padding: 0 4px;
    height: 64px;
    position: relative;
}

.scheduleEditor.short li {
    background-color: #fff;
    border: solid 1px #ddd;
    margin: 4px 0;
    padding: 0 4px;
    height: 18px;
    position: relative;
}

.scheduleEditor li:hover {
    background-color: #ffeaaa;
    border-color: #ccc;
}

.scheduleEditor li a, .scheduleEditor li span {
    display: block;
    margin: 2px 0;
    font-size: 1.2em;
}

.scheduleEditor.short li a, .scheduleEditor.short li span {
    display: inline;
    margin: 2px 0;
    font-size: 1.2em;
}

.scheduleEditor li span {
    color: #666;
}

.scheduleEditor li div {
    background-color: #ffeaaa;
    border: solid 1px #ccc;
    border-right: none;
    display: none;
    width: 20px;
    height: 64px;
    position: absolute;
    left: -28px;
    top: -1px;
    padding: 0 4px;
}

.scheduleEditor.short li div {
    background-color: #ffeaaa;
    border: solid 1px #ccc;
    border-top: none;
    display: none;
    width: 55px;
    height: 20px;
    position: absolute;
    top: 18px;
    left: -1px;
    padding: 0 4px;
    z-index: 9999;
}

.scheduleEditor li div a {
    margin: 4px 0;
}

.scheduleEditor li p {
    font-size: 90%;
    color: #999;
}

.scheduleEditor li.selected {
    background-color: #ffeaaa;
}

.scheduleEditor td input {
    width: auto;
    padding: 0;
    margin: 20px 0 0 0;
}

.scheduleEditor .bgG {
    font-weight: normal;
}

    .scheduleEditor .bgG span {
        color: #fff;
    }

    .scheduleEditor .bgG p {
        color: #f5fcea;
    }

table.scheduleWeekEditorParent,
table.scheduleWeekEditor {
    background-color: #f0f0f0;
    border-bottom: solid 1px #ddd;
    width: 100%;
}

.scheduleWeekEditor th {
    background-color: #fff;
    border-bottom: solid 1px #ddd;
    color: #666;
    text-align: center;
    width: 3.4%;
}

    .scheduleWeekEditorParent th.wD,
    .scheduleWeekEditor th.wD {
        width: 13.8%;
    }

    .scheduleWeekEditorParent th.wE,
    .scheduleWeekEditor th.wE {
        color: #f00;
    }

.scheduleWeekEditor td {
}

    .scheduleWeekEditorParent td.wDS,
    .scheduleWeekEditor td.wDS {
        color: #666;
        font-size: 1.0em;
        line-height: 0.9em;
        text-align: center;
        vertical-align: middle;
    }

        .scheduleWeekEditorParent td.wDS strong,
        .scheduleWeekEditor td.wDS strong {
            font-size: 1.2em;
            line-height: 1.2em;
        }

        .scheduleWeekEditorParent td.wDS div,
        .scheduleWeekEditor td.wDS div {
            padding: 0;
            margin: 6px 0 0 0;
        }

    .scheduleWeekEditorParent td.wH div.r,
    .scheduleWeekEditor td.wH div.r {
        margin: 0.8em 10px 0 0;
    }

        .scheduleWeekEditorParent td.wH div.r img,
        .scheduleWeekEditor td.wH div.r img {
            margin-left: 8px;
        }

    .scheduleWeekEditor td.tH {
        font-size: 0.9em;
    }

    .scheduleWeekEditor td div.dH {
        height: 24px;
        color: #777;
        padding: 0 2px;
    }

    .scheduleWeekEditor td div.dHh {
        height: 24px;
        color: #777;
        padding: 0 2px;
    }

.scheduleWeekEditorParent table,
.scheduleWeekEditor table {
    margin: 10px 0;
    padding: 0;
    width: 100%;
}

    .scheduleWeekEditorParent table th, .scheduleWeekEditorParent table td,
    .scheduleWeekEditor table th, .scheduleWeekEditor table td {
        background-color: #fff;
        border-bottom: solid 1px #ddd;
        border-right: solid 10px #f0f0f0;
        width: 14.3%;
    }

    .scheduleWeekEditorParent table th,
    .scheduleWeekEditor table th {
        background-color: #666;
        color: #fff;
    }

        .scheduleWeekEditorParent table th.wE,
        .scheduleWeekEditor table th.wE {
            background-color: #f00;
            color: #fff;
        }

    .scheduleWeekEditor table td {
    }

.scheduleWeekEditor td.wDg {
    background: #fff url(../images/bg/webinarSchedule.gif) repeat;
    vertical-align: top;
    width: 13.8%;
}

.scheduleWeekEditorParent td.wD0:hover {
    background-color: #DDDDDD;
}

.scheduleWeekEditorParent td.wD0,
.scheduleWeekEditor table td.wD0 {
    text-align: center;
    vertical-align: middle;
}

.scheduleWeekEditor table td.wDT {
    background-color: #f0f0f0;
    border-bottom-color: #f0f0f0;
}

.scheduleWeekEditor table td div.dL {
    padding: 2px 4px;
}

    .scheduleWeekEditor table td div.dL:hover, .scheduleWeekEditor table td div.dL.hover {
        background-color: #f6921e;
    }

    .scheduleWeekEditorParent table td div.dL:hover,
    .scheduleWeekEditor table td div.dL:hover {
        background-color: #f6921e;
    }

    .scheduleWeekEditorParent table td div.dL a.selected,
        .scheduleWeekEditor table td div.dL:hover a.aL,
        .scheduleWeekEditor table td div.dL:hover p.lessonTime {
        color: #fff;
    }

.scheduleWeekEditor table td div.dW:hover a {
    color: #fff;
}

.scheduleWeekEditorParent td div.dL div.popup,
.scheduleWeekEditor table td div.dL div.popup {
    background-color: #ffeaaa;
    border: solid 4px #f6921e;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #666;
    display: none;
    position: absolute;
    padding: 4px;
    width: 132px;
    font-size: inherit;
    text-align: left;
}

.scheduleWeekEditorParent td div.dL div.popup {
    width: auto;
}

.scheduleWeekEditorParent td div.dL div.popup-wide {
    width: 132px;
}

.scheduleWeekEditor table td div.dW {
    padding: 0;
    overflow: hidden;
    background: #FFEAAA;
    font-size: 0.9em;
    word-wrap: break-word;
}

.scheduleWeekEditor table div.dLW {
    text-align: center;
    overflow: hidden;
    vertical-align: middle;
}

    .scheduleWeekEditor table div.dLW a {
        display: none;
        position: relative;
        top: 50%;
        height: 16px;
    }

        .scheduleWeekEditor table div.dLW a img {
            position: relative;
            top: -8px;
            height: 16px;
        }

.scheduleWeekEditor table td .dLB {
    margin-bottom: 6px;
}

    .scheduleWeekEditor table td .dLB img {
        padding: 0 4px;
    }

.scheduleWeekEditorParent div.dLE,
.scheduleWeekEditor table div.dLE {
    padding: 2px 4px;
    min-height: 16px;
    text-align: center;
}

    .scheduleWeekEditorParent div.dLE a,
    .scheduleWeekEditor table div.dLE a {
        display: none;
    }

.scheduleWeekEditor table div.dLO a.aL, .scheduleWeekEditor table p.dLO {
    color: #92a20a;
}

.scheduleWeekEditor table div.dLC a.aL, .scheduleWeekEditor table p.dLC {
    color: #f00;
}

.scheduleWeekEditor table div.dLP a.aL {
    color: #2291BE;
}

.scheduleWeekEditorParent h3,
.scheduleWeekEditor h3 {
    font-size: 1.4em;
    font-weight: bold;
    margin: 0;
    padding: 6px;
}

    .scheduleWeekEditorParent h3 span,
    .scheduleWeekEditor h3 span {
        font-size: 0.8em;
        font-weight: normal;
    }

.scheduleWeekEditorParent img,
.scheduleWeekEditor img {
    vertical-align: middle;
}

.scheduleWeekEditorParent tr.highlight,
.scheduleWeekEditor tr.highlight {
    background-color: #ffeaaa;
}

    .scheduleWeekEditorParent tr.highlight table th, .scheduleWeekEditorParent tr.highlight table td .scheduleWeekEditor tr.highlight table th, .scheduleWeekEditor tr.highlight table td {
        border-right-color: #ffeaaa;
    }

.scheduleWeekEditorParent input,
.scheduleWeekEditor input {
    margin: 0;
}

.scheduleWeekEditorParent .toggle,
.scheduleWeekEditor .toggle {
    margin-top: 4px;
}


.scheduleWeekEditorParent th {
    border-bottom: solid 1px #ddd;
    color: #666;
    text-align: center;
    width: 3.4%;
}

.scheduleWeekEditorParent td {
    padding: 5px;
    border-bottom: solid 1px #ddd;
}

    .scheduleWeekEditorParent td.wDT {
        background-color: #f0f0f0;
        border-bottom-color: #ddd;
    }

    .scheduleWeekEditorParent td div.dL {
        padding: 2px 4px;
        background-color: #ffffff;
        border: solid 1px #ddd;
        color: #666666;
    }

.scheduleWeekEditorParent div.dLO a.aL, .scheduleWeekEditorParent table p.dLO {
    color: #92a20a;
}

.scheduleWeekEditorParent div.dLC a.aL, .scheduleWeekEditorParent table p.dLC {
    color: #f00;
}

table.scheduleWeekPublish {
    margin-bottom: 20px;
}

.scheduleWeekPublish table td div.dL {
    padding: 0 4px;
    color: #333;
    text-align: left;
}

.scheduleWeekPublish table div.dLE {
    padding: 0 4px;
    min-height: 1em;
}

.scheduleWeekPublish table td div.dL:hover {
    background-color: #fff;
}

.scheduleWeekPublish tr.hSchedule table td div.dL {
    background-color: #f6921e;
    color: #fff;
}

div.scheduleContainer {
    text-align: center;
    width: 100%;
    min-height: 200px;
}

.scheduleContainer .loading {
    width: 100%;
    background: url(../images/loading.gif) no-repeat center center !important;
}

.scheduleContainer .ales {
    color: #666;
}

    .scheduleContainer .ales p {
        color: #999;
    }

.scheduleContainer .sel {
    background-color: #32A1CE;
    color: white;
}

.scheduleContainer .dis, li:hover.dis {
    background-color: #E6E6E6;
    border: none;
}

.scheduleContainer .sel p {
    color: white;
    font-style: italic;
}

li:hover.sel {
    background-color: #32A1CE !important;
    border-color: #CCC;
}

table.statsNumbers {
    color: #999;
    font-size: 1.2em;
    width: 100%;
}

    table.statsNumbers td {
        background-color: #f0f0f0;
        padding: 2px 0;
        text-align: center;
        width: 20%;
    }

    table.statsNumbers strong {
        display: block;
        font-size: 2.2em;
    }

table.forums {
}

.forums td {
    vertical-align: middle;
}

table.threads {
}

.threads td {
    vertical-align: middle;
}

.threads .u {
    font-weight: normal;
}

.threads img {
    padding-right: 4px;
    vertical-align: middle;
    width: 16px;
    height: 16px;
}

table.week {
}

#content .week caption h3 {
    color: #666;
    font-size: 1.2em;
    font-weight: normal;
    margin: 0 0 5px 0;
}

.week caption h3 em {
    display: block;
    float: right;
    font-size: 90%;
    font-weight: normal;
    font-style: normal;
}

    .week caption h3 em a {
        padding: 0 2px;
    }

.week th {
    background-color: #f0f0f0;
    border-top: solid 1px #ddd;
    font-size: 1.0em;
    width: 14.2%;
}

    .week th.wE a {
        color: #f00;
    }

        .week th.wE a:hover {
            color: #f6921e;
        }

.week tr:hover td {
    background-color: #f0f0f0;
}

.week td {
    background-color: #f0f0f0;
    color: #999;
    width: 14.2%;
    padding: 0 6px;
}

.week tr td.wD:hover {
    background-color: #e6e6e6;
}

.week td.h {
    background-color: #fff;
}

#content .week td.h {
    padding: 10px 3px 6px 3px;
}

.week td.h h3 {
    display: inline;
    padding: 0 10px 0 0;
    margin: 0;
    vertical-align: middle;
}

.week ul {
}

.week li {
    background-color: #fff;
    border: solid 1px #ddd;
    list-style: none;
    margin: 4px 0;
    padding: 2px 4px;
}

    .week li:hover {
        background-color: #ffeaaa;
        border-color: #ccc;
    }

ul.blocks {
}

.blocks li {
    background-color: #fff;
    border: solid 1px #eee;
    clear: both;
    padding: 6px 10px;
    margin: 8px 0 0 0;
}

.blocks h4 {
}

.blocks p.info {
    color: #666;
    margin: 0 0 0 26px;
}

.blocks div.content {
    margin-left: 26px;
}

.blocks .audio {
    margin: 0;
}

ul.bullets {
    clear: both;
}

.bullets li {
    margin: 0.5em 0;
}

ul.bullets li {
    list-style: disc outside none;
    margin-left: 20px;
    width: 100%;
}

    ul.bullets li p {
        margin: 0;
    }

ol.numbers {
    clear: both;
}

    ol.numbers li {
        margin: 0.5em 0;
        list-style: decimal;
        margin-left: 20px;
        font-weight: bold;
    }

        ol.numbers li p {
            font-weight: normal;
        }

ul.catalog1 {
    color: #999;
    font-size: 1.2em;
}

.catalog1 li {
    margin: 10px 0 10px 10px;
}

    .catalog1 li a {
        font-weight: bold;
    }

ul.catalog2 {
    color: #999;
    font-size: 1.2em;
}

.catalog2 li {
    width: 30%;
    float: left;
    padding: 5px 0 5px 0;
}

    .catalog2 li a {
        font-weight: bold;
    }

.catalog2 p {
    font-size: 90%;
    padding-left: 0.5em;
}

ul.catalogLarge, ol.catalogLarge {
    font-size: 150%;
}

ol.catalogLarge {
    margin-left: 40px;
    list-style-type: decimal;
}

.catalogLarge li {
    color: #999;
    margin: 10px;
}

.catalogLarge p {
    color: #999;
    font-size: 70%;
    font-weight: normal;
    padding-left: 0.5em;
}

ul.catS {
    color: #999;
}

.catS li {
    font-size: 1.3em;
    list-style: disc;
    margin: 5px 0 5px 20px;
}

.catS_file-list li{
    position: relative;
    margin-left: 0;
    padding-left: 21px;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

.catS_file-list li a::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 5px;
    width: 5px;
    height: 5px;
    transform: translateY(-50%);
    background-color: #999;
    border-radius: 50%;
}

    .catS li em {
        font-style: normal;
        font-size: 0.9em;
    }

ul.categories {
    color: #999;
    margin: 10px 0;
}

.categories li {
    clear: both;
    font-size: 1.4em;
    padding: 5px 0 0 0;
}

    .categories li a {
        font-weight: bold;
    }

.categories ul {
    margin: 2px 0 0 15px;
}

    .categories ul li {
        clear: none;
        float: left;
        font-size: 0.8em;
        margin: 2px 15px 2px 2px;
        padding: 0;
        white-space: nowrap;
    }

        .categories ul li a {
            font-weight: normal;
        }

.categories .empty sup {
    display: none;
}

.categories .empty a:hover {
    color: #666;
}

.categories em {
    font-style: normal;
    font-size: 90%;
}

.panel .categories {
    margin: 0;
}

.categories li .active {
    color: #F6921E;
}

ul.categories sup {
    margin-left: 5px;
}

ul.categoriesV {
    color: #999;
    margin: 10px 0;
}

.categoriesV li {
    clear: both;
    font-size: 1.2em;
    padding: 5px 0 0 0;
}

    .categoriesV li a {
        font-weight: bold;
    }

        .categoriesV li a.selected {
            color: #f6921e;
        }

.categoriesV .selected span {
    background: #32a1ce;
    color: #fff;
    padding: 0 2px;
    border: solid 2px #32a1ce;
}

.reports-list {
    color: #999;
}

.reports-list li {
    clear: both;
    margin: 4px 0;    
    font-size: 0.9em;
}

.reports-list > li {
    font-size: 1.2em;
    margin-bottom: 7px;
}

.reports-list li div.selected {
    display: inline-block;
    background: #32a1ce;
    color: #fff;
    padding: 1px 2px;
    border: solid 2px #32a1ce;
}

.categoriesV ul {
    margin: 5px 0 0 15px;
}

    .categoriesV ul li {
        font-size: 0.9em;
        margin: 0 15px 2px 0;
        padding: 0;
    }

        .categoriesV ul li a {
            font-weight: normal;
        }

.categoriesV .empty sup {
    display: none;
}

.categoriesV .empty a:hover {
    background-color: #ccc;
    color: #fff;
}

.panel .categoriesV {
    margin: 0;
}

.categoriesV em {
    font-style: normal;
    font-size: 90%;
}

ul.classes {
}

    ul.classes li {
        float: left;
        width: 8%;
    }

        ul.classes li strong {
            color: #ccc;
            display: block;
            font-size: 2.4em;
        }

ul.classe li span.archived {
    color: #ccc;
}

ul.classes ul {
    clear: left;
    margin: 4px 0;
}

    ul.classes ul li {
        clear: left;
        float: none;
        font-size: 1.4em;
        margin: 2px 0 2px 8px;
        width: auto;
    }

        ul.classes ul li div {
            cursor: pointer;
        }

        ul.classes ul li a {
            /*display: block;
                margin: 2px 6px 2px 4px;*/
            white-space: nowrap;
            width: auto;
            overflow: hidden;
            text-overflow: ellipsis;
        }

.classes li.active a {
    background-color: #32a1ce;
    color: #fff;
}

    .classes li.active a:hover {
        background-color: #44c5ea;
        color: #fff;
    }

.col34 ul.classes li {
    width: auto;
}

    .col34 ul.classes li strong {
        color: #999;
        font-size: 1.0em;
    }

.col34 ul.classes ul li {
    font-size: 1.0em;
    margin: 2px 10px 2px 0;
}

#classes {
    clear: both;
    margin-top: 6px;
    height: 1%;
}

    #classes td.par {
        width: 20px;
        vertical-align: middle;
    }

    #classes label {
        margin: 0;
        padding: 0;
    }

    #classes div {
        float: left;
        margin: 4px 0;
        width: 80px;
    }

    #classes input {
        margin: 0;
        padding: 0;
        width: auto;
    }

ul.comments {
    margin: 15px 0;
}

.comments div.replyForm form {
    padding: 10px 0 0 0;
    width: 100%;
}

.comments div.replyForm textarea {
    height: 60px;
    width: 98%;
    font-size: 1em;
    margin-top: 5px;
}

    .comments div.replyForm textarea.wallComment {
        height: 50px;
    }

.comments div.replyForm .button {
    font-size: 1.2em;
    margin: 6px 0 0 6px;
}

.comments li.unread {
    background-color: #e9f4bd;
}

.comments li {
    clear: both;
    margin-top: 15px;
}

    .comments li.step1 {
        margin-left: 50px;
    }

    .comments li.step2 {
        margin-left: 100px;
    }

    .comments li.step3 {
        margin-left: 150px;
    }

    .comments li.step4 {
        margin-left: 200px;
    }

    .comments li.step5 {
        margin-left: 250px;
    }

.comments .head {
    min-height: 44px;
    height: auto;
}

.comments .comment {
    margin-left: 50px;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .comments .comment .content {
        margin-left: 50px;
        margin-top: 5px;
    }

    .comments .comment .u {
        font-size: 1em;
    }

.comments .avatar {
    display: block;
    float: left;
    margin: 0 10px 0 0;
}

    .comments .avatar img {
        height: 40px;
        width: 40px;
    }

.comments .date {
    color: #999;
    display: block;
}

.comments .u {
    font-size: 1.2em;
}

.comments .head h4, .comments .comment h4 {
    font-size: 1.4em;
    font-weight: bold;
    margin-top: 2px;
}

.comments .blocked .head p {
    margin-left: 50px;
}

.comments .content {
    background: #f6f6f6;
    color: #333;
    margin-left: 50px;
    padding: 6px 10px;
}

.comments div.content div.reply {
    text-align: right;
    padding: 5px 0 0 0;
}

    .comments div.content div.reply a {
        margin-left: 5px;
    }

.comments .voter {
    clear: none;
    float: right;
    width: 100px;
    height: auto;
}

    .comments .voter .loading {
        float: right;
        margin-top: 1em;
    }

    .comments .voter ul {
        clear: none;
        float: right;
        margin: 1em 0 0 0;
        padding: 0;
    }

#content .comments .voter li {
    border: none;
    clear: none;
    float: right;
    padding: 0;
    margin: 0 0 0 3px;
}

.blue2 .cc .comments {
    margin: 0;
}

    .blue2 .cc .comments .content {
        background: #fff;
        padding: 4px 6px;
    }

ul.details {
    clear: both;
    color: #999;
}

    ul.details li {
        padding: 5px 0;
    }

ul.feed {
    background: #fff;
    clear: both;
}

.feed li {
    clear: both;
    background: url(../images/icons/group.png) 5px 5px no-repeat;
    min-height: 20px;
    padding: 2px 0 2px 30px;
}

    .feed li.feedCommentNew {
        background-image: url(../images/icons/comment.png);
    }

    .feed li.feedFiles {
        background-image: url(../images/icons/images.png);
    }

    .feed li.feedFriendNew {
        background-image: url(../images/icons/user.png);
    }

    .feed li.feedEventJoin {
        background-image: url(../images/icons/calendar.gif);
    }

    .feed li.day {
        background: none;
        padding-left: 0;
    }

#content .feed li.day h3 {
    margin: 5px 0;
    padding: 0;
}

.feed li em {
    color: #999;
    font-style: normal;
}

.feed li a {
    font-weight: bold;
}

.feed li ul {
    min-height: 64px;
}

.feed li li {
    background: none;
    clear: none;
    float: left;
    height: 64px;
    margin: 4px 4px 0 0;
    padding: 0;
    width: 56px;
}

    .feed li li a {
        background-color: #fff;
        border: solid 2px #f0f0f0;
        display: block;
        text-align: center;
        width: 54px;
        height: 54px;
        position:relative;
    }

        .feed li li a:hover {
            border-color: #f6921e;
        }

        .feed li li a img {
            width: 32px;
            height: 32px;
        }

        .feed li li a.v img {
            padding-top: 12px;
        }

    .feed li li .type {
        color: #999;
        display: block;
        font-size: 1em;
        font-weight: normal;
        height: 16px;
        text-align: right;
        padding-right: 4px;
    }

    .feed .officeOnline {
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 24px;
        height: 24px;
        border-radius: 12px; 
    }

.blue2 .rounded .feed {
    color: #333;
    font-size: 90%;
    padding: 0 6px;
}

.blue2 .rounded .scroll .feed {
    padding: 0 8px;
    margin-top: 0;
}

.blue2 .rounded .feed li {
    padding: 2px 0 2px 30px;
}

    .blue2 .rounded .feed li.day {
        padding-left: 0;
    }

    .blue2 .rounded .feed li li {
        padding: 0;
    }

div.uploadBar {
    text-align: center;
    background-color: #B4F5B4;
    border-radius: 3px 3px 3px 3px;
    height: 20px;
    width: 0;
}

.no-uploaded-files {
    padding-top: 17px;
    text-align: center;
    font-family: "Open Sans Semibold";
    font-weight: 400;
    color: #1e1e1f;
}

.result-files {
    margin: 0 0 30px 0;
}

.additional-files {
    margin: 0 0 25px 0;
}

.delete-link {
    padding: 0 4px 0 0;
}

ul.files {
}

    ul.files li {
        margin: 6px;
    }

    ul.files a {
        font-size: 1.2em;
        font-weight: bold;
    }

    ul.files img {
        padding-right: 6px;
        width: 16px;
        height: 16px;
        vertical-align: middle;
    }

    ul.files p {
        margin-left: 22px;
    }

ul.fileThumbs {
    clear: both;
    float: left;
    width: 700px;
    height: auto;
}

    ul.fileThumbs li {
        float: left;
        margin: 0 0 25px 55px;
        width: 90px;
    }

        ul.fileThumbs li:nth-child(5n-4) {
            margin-left: 29px;
            padding-left: 0;
        }

        ul.fileThumbs li:nth-child(5n-5) {
            margin-right: 0px;
            padding-right: 0;
        }

    ul.fileThumbs .thumb {
        width: 84px;
        height: 84px;
        position: relative;
    }

        ul.fileThumbs .thumb a.i {
            background-color: #fff;
            background-position: center center;
            border: solid 2px #f0f0f0;
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            width: 80px;
            height: 80px;
        }

    ul.fileThumbs .selected a {
        color: #f6921e;
    }

    ul.fileThumbs .selected .thumb a.i {
        border-color: #f6921e;
        background-color: #ffeaaa;
    }

    ul.fileThumbs .thumb a.i img {
        max-width: 76px;
        max-height: 76px;
    }

    ul.fileThumbs .vid .fav {
        width: 150px;
        height: 16px;
        position: absolute;
        top: 72px;
        left: 4px;
    }

    ul.fileThumbs .vid .plus {
        display: none;
        display: block;
        width: 16px;
        height: 16px;
    }

    ul.fileThumbs .thumb .type {
        color: #999;
        display: block;
        font-size: 1em;
        width: 2.5em;
        height: 16px;
        position: absolute;
        text-align: right;
        top: 2px;
        right: 4px;
    }

    ul.fileThumbs .thumb .officeOnline{
        width: 32px;
        height: 32px;
        border-radius: 16px;
        position: absolute;
        bottom: 0;
        right: 0;
    }

    ul.fileThumbs .name {
        font-size: 1.0em;
        height: 30px;
        overflow: hidden;
        text-align: center;
        width: 84px;
    }

    ul.fileThumbs .rate {
        color: #999;
        font-size: 0.9em;
        text-align: right;
        height: 14px;
        overflow: hidden;
    }

        ul.fileThumbs .rate .rating {
            float: left;
        }

    ul.fileThumbs a.u {
        font-size: 0.9em;
        font-weight: normal;
    }

.fileThumbs .bar {
    background-color: #f6921e;
    border: solid 2px #f6921e;
    border-right: none;
    width: 20px;
    height: 40px;
    position: absolute;
    left: -28px;
    top: 0px;
    padding: 0 4px;
}

.fileThumbs .barDelete {
    background-color: #f6921e;
    border: solid 2px #f6921e;
    border-right: none;
    width: 20px;
    height: 16px;
    position: absolute;
    left: -28px;
    top: 0px;
    padding: 0 4px;
}

.barDelete {
    background-color: #f6921e;
    border: solid 2px #f6921e;
    border-right: none;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 0 4px;
}

.fileThumbs .bar a {
    margin: 4px 0;
}

.fileThumbs .checkBar {
    border-right: none;
    width: 20px;
    height: 20px;
    position: absolute;
    left: -20px;
    top: 45px;
    padding: 40px 0px 0px 0px;
}

ul.fileThumbs .loading {
    width: 84px;
    height: 114px;
}

ul.fileThumbs p {
    width: 84px;
    height: 82px;
    text-align: center;
    color: #999;
    margin-top: 32px;
}

#overlayModal .wrapper .fileContainer .fileContainerThumbnails ul.fileThumbs {
    width: 575px;
}

    #overlayModal .wrapper .fileContainer .fileContainerThumbnails ul.fileThumbs li {
        margin: 0 0 25px 44px !important;
    }

        #overlayModal .wrapper .fileContainer .fileContainerThumbnails ul.fileThumbs li:nth-child(4n-3) {
            margin-left: 10px;
        }

        #overlayModal .wrapper .fileContainer .fileContainerThumbnails ul.fileThumbs li:nth-child(4n-4) {
        }

/**    Training cycles (NPO_SPO studyPlan)     **/
ol.inline li {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}

.training_cycles_area {
    width: 100%;
    min-height: 270px;
    overflow: hidden;
    float: left;
}

    .training_cycles_area .block {
        padding: 10px;
    }

    .training_cycles_area.templ {
        min-height: 10px;
    }

.subjects_container {
    width: 65%;
    float: left;
}

.subject_container {
    display: none;
    width: 100%;
}

.cycles_container div.cycle {
    padding: 3px;
    font-family: Arial;
    text-align: left;
    word-wrap: break-word;
    cursor: pointer;
}

.cycles_container {
    float: left;
    width: 25%;
}

.cycle span {
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    color: #2291BE;
}

.cycle:hover span {
    color: #F6921E;
}

.cycle.current {
    background: #2291BE;
}

.subject_button {
    background-color: white;
    padding: 5px;
    margin-right: 5px;
    height: 27px;
    width: 47%;
}

    .subject_button.current {
        background-color: #2291BE;
        color: white;
    }

.cycle.current span {
    color: white;
}

.class.journal-header, .class.data, .subject.journal-header {
    margin-top: 4px;
}

/*-------------------------------*/
/* exam results styles-*/
.import-link {
}

    .import-link a {
        position: relative;
        display: block;
        overflow: hidden;
    }

    .import-link input {
        opacity: 0;
        filter: alpha(opacity = 0);
        position: absolute;
        cursor: pointer;
        right: 0;
    }

.grid .last_editable {
    border: none;
    background-color: transparent;
}

.grid tr:hover .last_editable {
    background-color: transparent;
}
/*-------------------*/

table.searchFilter td {
    padding: 5px;
}

    table.searchFilter td.bAlign {
        vertical-align: bottom;
        padding-bottom: 13px;
    }

ul.fileThumbs2 {
    clear: both;
}

.fileThumbs2 li {
    float: left;
    float: left;
    height: 68px;
    margin: 0 0 0 8px;
    padding: 0;
    width: 64px;
}

    .fileThumbs2 li a {
        background-color: #fff;
        border: solid 2px #dde7f6;
        display: block;
        text-align: center;
        width: 60px;
        height: 60px;
        position: relative;
    }

        .fileThumbs2 li a:hover {
            border-color: #f6921e;
        }

        .fileThumbs2 li a img {
            width: 32px;
            height: 32px;
        }

        .fileThumbs2 li a.v img {
            padding-top: 12px;
        }

    .fileThumbs2 li .type {
        color: #999;
        display: block;
        font-size: 1em;
        font-weight: normal;
        height: 16px;
        text-align: right;
        padding-right: 4px;
    }

    .fileThumbs2 li .officeOnline {
       width: 24px;
       height: 24px;
       border-radius: 12px;
       position: absolute;
       bottom: 0;
       right: 0;
    }

ul.folders {
    color: #999;
}

.folders li {
    clear: both;
    font-size: 1.2em;
    margin: 4px 0;
    white-space: nowrap;
}

.folders-wrap-white-space li {
    white-space: normal;
}

.folders li.wrap {
    white-space: normal;
}

.folders li a {
    font-weight: bold;
}

.folders div.folderButton {
    clear: both;
    font-size: 1.2em;
    margin: 4px 0;
    white-space: nowrap;
}

.folders div.folderButton a {
    font-weight: bold;
}

.folders em {
    font-style: normal;
}

.folders span {
    padding: 0 2px;
    border: solid 2px Transparent;
}

.folders2 span {
    display: inline-block;
    padding: 0 4px;
    border: none;
}

.folders .selected span {
    background: #32a1ce;
    color: #fff;
    border-color: #32a1ce;
}

    .folders .selected span.orange {
        background: #f6921e;
        color: #fff;
        border-color: #f6921e;
    }

.folders label.selected {
    background: #32a1ce;
    color: #fff;
    padding: 0 2px;
    border: solid 2px #32a1ce;
}

.folders ul {
    margin: 5px 0 0 15px;
}

    .folders ul li {
        font-size: 0.9em;
        margin: 0 15px 2px 0;
        padding: 2px 0;
    }

.folders li a.fE {
    visibility: hidden;
}

.folders div.folderButton {
    margin-bottom: 20px;
}

    .folders li div:hover a.fE{
        visibility: visible;
    }

.folders img {
    vertical-align: middle;
    padding-right: 4px;
}

form .folders li {
    padding: 0;
}

form .folders ul {
    margin-top: 0;
}

ul.folders2 ul {
    margin: 2px 0 6px 20px;
}

    ul.folders2 ul ul {
        margin: 2px 0 2px 16px;
    }

    ul.folders2 ul li {
        padding: 0;
    }

        ul.folders2 ul li a {
            font-weight: normal;
        }

ul.tree {
    color: #999;
    float: left;
}

.tree li {
    clear: both;
    margin: -2px 0px 0px 15px;
}

    .tree li #overlayConfirm {
        font-size: 0.7em;
    }

    .tree li.active a {
        background-color: #32a1ce;
        color: #fff;
    }

    .tree li a {
        font-weight: bold;
    }

.tree em {
    font-style: normal;
}

.tree span {
    padding: 0 2px;
    border: solid 2px Transparent;
}

.tree .selected span {
    background: #32a1ce;
    color: #fff;
    border-color: #32a1ce;
}

    .tree .selected span.orange {
        background: #f6921e;
        color: #fff;
        border-color: #f6921e;
    }

.tree label.selected {
    background: #32a1ce;
    color: #fff;
    padding: 0 2px;
    border: solid 2px #32a1ce;
}

.tree ul {
    margin: 0px 0 0 15px;
}

    .tree ul li {
        padding: 0px 0;
    }

        .tree ul li #overlayConfirm {
            font-size: 0.9em;
        }

.tree img {
    vertical-align: middle;
    padding-right: 6px;
}

.tree .fE {
    display: none;
}

form .tree li {
    padding: 0;
}

form .tree ul {
    margin-top: 0;
}

.tree td {
    vertical-align: middle;
}

.tree table {
    float: left;
    margin: 3px 0 10px;
}

.tree div.iconslist {
    float: right;
    margin-left: 50px;
    width: 120px;
}

ul.tree a.marker {
    padding-left: 15px;
    background-position: 0px 1px;
}

ul.tree a.markerRVD {
    padding-left: 15px;
    background-position: 0px 1px;
    color: #000;
}

.chosenIndicatorTitle {
    font-weight: bold;
    color: #000;
}

ul.tree a.opennode {
    background-position: 0px -11px;
}

ul.hands {
    clear: both;
    margin-top: 10px;
}

.hands li {
    background: url(../images/icons/dnevnik.gif) no-repeat;
    list-style: none;
    padding: 0 0 10px 22px;
}

ul.gallery {
}

.gallery li {
    float: left;
    margin: 0 2px 2px 0;
}

.gallery a {
    background-color: #f0f0f0;
    display: block;
    float: left;
    padding: 2px;
    text-align: center;
}

#content .gallery a:hover {
    background-color: #f7941d;
}

ul.galleryPeople {
}

.galleryPeople li {
    float: left;
    margin: 0 1px 1px 0;
}

    .galleryPeople li.large {
        margin: 0 2px 2px 0;
    }

.galleryPeople a {
    background-color: #f0f0f0;
    display: block;
    float: left;
    padding: 2px;
    text-align: center;
}

#content .galleryPeople a:hover {
    background-color: #f7941d;
}

ul.glossary {
    color: #999;
    margin: 10px 0;
}

    ul.glossary li {
        clear: both;
    }

#content ul.glossary h3 {
    color: #ddd;
    float: left;
    height: 1.4em;
    width: 40px;
    font-size: 3.0em;
    margin: 0;
    padding: 0;
    text-align: center;
}

ul.glossary ul {
    font-size: 1.2em;
    margin: 0 0 30px 60px;
}

    ul.glossary ul li {
        clear: none;
        margin: 5px 0;
    }

ul.groups {
    clear: both;
    margin-top: 4px;
}

.groups li {
    background-position: left top;
    background-repeat: no-repeat;
    clear: both;
    color: #999;
    font-size: 1.2em;
    margin-bottom: 6px;
    min-height: 16px;
    padding: 0 0 0 20px;
}

    .groups li.stepTop {
        margin-top: 10px;
    }

.groups a {
    font-weight: bold;
    line-height: 1.0em;
    padding: 2px 4px;
    margin-right: 2px;
}

    .groups a:hover, .groups a.active {
        background-color: #32a1ce;
        color: #fff;
    }

.groups .iAsterisk a {
    color: #f69220;
}

    .groups .iAsterisk a:hover, .groups .iAsterisk a.active {
        background-color: #f69220;
        color: #fff;
    }

.groups .iUserGray a {
    color: #000;
}

    .groups .iUserGray a:hover, .groups .iUserGray a.active {
        background-color: #000;
        color: #fff;
    }

.groups li.empty a:hover, .groups li.empty a.active {
    background-color: #ccc;
    color: #fff;
}

.groups ul {
    clear: both;
    margin: 6px 0;
}

    .groups ul li {
        font-size: 1.0em;
        margin-bottom: 5px;
    }

.items li {
    border-top: solid 1px #f0f0f0;
    clear: both;
    min-height: 90px;
    padding: 6px 6px 0 6px;
}

    .items li.first {
        border-top: none;
    }

    .items li:hover {
        background: #f4f8fe;
    }

.items .avatar {
    margin: 0 10px 0 0;
}

    .items .avatar img {
        float: left;
        vertical-align: top;
        height: 80px;
        width: 80px;
    }

.items a.name {
    font-size: 1.4em;
    font-weight: bold;
}

.items p {
    color: #999;
    padding: 2px 0;
    margin-left: 94px;
}

    .items p a {
        color: #42b1de;
    }

        .items p a:hover {
            color: #f6921e;
        }

.items ul {
    float: right;
    font-size: 1.0em;
}

    .items ul li {
        border: none;
        color: #ccc;
        height: auto;
        list-style-type: disc;
        padding: 0;
        margin: 0 5px 0 20px;
    }

.items li .nav_list {
    float: left;
    margin: 6px 0;
    font-size: 1.2em;
}

    .items li .nav_list li {
        min-height: inherit;
        margin: 3px 0 3px 16px;
    }

.blue2 .items li {
    background: #fff;
    margin-top: 10px;
}

.items .invited {
    clear: none;
    margin: 10px;
}

    .items .invited .buttons .loading {
        height: 2em;
    }

    .items .invited p {
        margin: 0;
    }

    .items .invited .button {
        float: left;
        margin: 6px 0 0 6px;
        font-size: 1.2em;
    }

.itemsS li {
    clear: both;
    margin: 10px 0 0 0;
    overflow: auto;
}

    .itemsS li.first, .itemsS li:first-child {
        border-top: none;
        margin-top: 0;
    }

    .itemsS li.hover {
        background: #f5fae2;
    }

.itemsS .avatar {
    margin: 0 10px 5px 0;
    padding: 0;
}

    .itemsS .avatar img {
        float: left;
        vertical-align: top;
        height: 40px;
        width: 40px;
    }

.itemsS a.name {
    font-size: 1.2em;
    font-weight: bold;
}

.itemsS p {
    color: #999;
    margin: 0 0 0 46px;
}

.itemsS ul {
    float: right;
    font-size: 1.0em;
}

    .itemsS ul li {
        border: none;
        color: #ccc;
        height: auto;
        list-style-type: disc;
        padding: 0;
        margin: 0 5px 0 20px;
    }

.itemsS .invited {
    float: right;
    max-width: 200px;
    padding-top: 6px;
}

    .itemsS .inviteEntityName {
        max-width: 200px;
        float: left;
    }
    
    .itemsS .invited p {
        margin: 0;
    }

    .itemsS .button {
        float: left;
        margin: 6px 0 0 6px;
        font-size: 1.0em;
    }

    .itemsS .buttons {
        height: 2em;
    }

        .itemsS .buttons p {
            line-height: 2em;
        }

        .itemsS .buttons .loading {
            height: 2em;
        }

.blue2 .itemsS li {
    background: #fff;
    padding: 6px;
    border: solid 1px #dde7f6;
}

ul.papers {
    height: 330px;
}

.papers li {
    border-top: solid 1px #f0f0f0;
    clear: both;
    padding: 6px 6px 0 6px;
}

    .papers li.first {
        border-top: none;
    }

    .papers li:hover {
        background: #f4f8fe;
    }

.papers .avatar {
    margin: 0 10px 0 0;
}

    .papers .avatar img {
        float: left;
        vertical-align: top;
        height: 80px;
        width: 80px;
    }

.papers a.name {
    font-size: 1.4em;
    font-weight: bold;
}

.papers p {
    color: #999;
    padding: 2px 0;
}

    .papers p a {
        color: #42b1de;
    }

        .papers p a:hover {
            color: #f6921e;
        }

.papers ul {
    float: right;
    font-size: 1.0em;
}

    .papers ul li {
        border: none;
        color: #ccc;
        height: auto;
        list-style-type: disc;
        padding: 0;
        margin: 0 5px 0 20px;
    }

.papers li .nav_list {
    float: left;
    margin: 6px 0;
    font-size: 1.2em;
}

    .papers li .nav_list li {
        min-height: inherit;
        margin: 3px 0 3px 16px;
    }

.blue2 .papers li {
    background: #fff;
    margin-top: 10px;
}

.papers .invited {
    clear: none;
    margin: 10px;
}

    .papers .invited .buttons .loading {
        height: 2em;
    }

    .papers .invited p {
        margin: 0;
    }

    .papers .invited .button {
        float: left;
        margin: 6px 0 0 6px;
        font-size: 1.2em;
    }

ul.paperThumbs {
    clear: both;
}

.paperThumbs li {
    float: left;
    margin: 0 0 16px 70px;
    width: 102px;
}

.paperThumbs p {
    text-align: center;
    color: #999;
    margin-top: 5px;
}

.paperThumbs .thumb {
    width: 84px;
    height: 84px;
    position: relative;
}

ul.paperThumbs .thumb a.i {
    background-color: #fff;
    background-position: center center;
    border: solid 2px #f0f0f0;
    display: block;
    text-align: center;
    width: 80px;
    height: 80px;
}

ul.paperThumbs .selected a {
    color: #f6921e;
}

ul.paperThumbs .selected .thumb a.i {
    border-color: #f6921e;
    background-color: #ffeaaa;
}

ul.paperThumbs .thumb a.i img {
    width: 32px;
    height: 32px;
    padding: 24px 0 0 0;
}

ul.paperThumbs a.u {
    font-size: 0.9em;
    font-weight: normal;
}

.paperThumbs .bar {
    background-color: #f6921e;
    border: solid 2px #f6921e;
    border-right: none;
    width: 20px;
    height: 40px;
    position: absolute;
    left: -28px;
    top: 0px;
    padding: 0 4px;
}

    .paperThumbs .bar a {
        margin: 4px 0;
    }

ul.paperThumbs .loading {
    width: 84px;
    height: 114px;
}

#tableLatest div {
    width: 700px;
}

ul.paperThumbsL {
    clear: both;
}

.paperThumbsL li {
    float: left;
    margin: 0 0 16px 100px;
    width: 300px;
}

    .paperThumbsL li .preview {
        height: 270px;
    }

    .paperThumbsL li img {
        margin: 0 0 16px 30px;
    }

.paperThumbsL p {
    color: #999;
    font-size: 1.1em;
    padding-top: 3px;
}

.last {
    padding-bottom: 10px !important;
}

.paperThumbsL h3 {
    margin-bottom: 0px;
    color: #8CAF31;
}

.paperThumbsL .thumb {
    width: 84px;
    height: 84px;
    position: relative;
}

ul.paperThumbsL .thumb a.i {
    background-color: #fff;
    background-position: center center;
    border: solid 2px #f0f0f0;
    display: block;
    text-align: center;
    width: 80px;
    height: 80px;
}

ul.paperThumbsL .selected a {
    color: #f6921e;
}

ul.paperThumbsL .selected .thumb a.i {
    border-color: #f6921e;
    background-color: #ffeaaa;
}

ul.paperThumbsL .thumb a.i img {
    width: 32px;
    height: 32px;
    padding: 24px 0 0 0;
}

ul.messages {
}

    ul.messages li {
        border-bottom: solid 1px #ddd;
        clear: both;
        padding: 10px 5px;
    }

        ul.messages li.highlight {
            background-color: #e9f4bd;
        }

        ul.messages li.inbox .content {
            color: #32a1ce;
        }

#content ul.messages li.inbox .u {
    color: #32a1ce;
}

#content ul.messages li.inbox a.avatar {
    background-color: #32a1ce;
    z-index: -50;
}

ul.messages .author {
    height: 2em;
    margin-left: 50px;
}

ul.messages .avatar {
    display: block;
    float: left;
    margin: 0 5px 10px 0;
}

    ul.messages .avatar img {
        height: 40px;
        width: 40px;
    }

ul.messages .date {
    color: #999;
}

ul.messages .deleted {
    color: #999;
    font-weight: bold;
}

ul.messages .content {
    color: #8caf31;
    clear: right;
    margin-left: 50px;
    padding: 5px 0 10px 15px;
    height: 1%;
}

#content ul.messages li a.avatar {
    background-color: #8caf31;
}

ul.messages .content li {
    border: none;
}

ul.news {
    clear: both;
}

.news li {
    padding: 5px 0;
}

.auto-hint {
    color: #AAAAAA;
}

.news .author {
    color: #999;
    font-style: normal;
    margin: 2px 0;
}

    .news .author .u {
        font-weight: normal;
    }

#content .news h4 {
    font-size: 1.4em;
    padding: 0;
}

.blue2 .rounded .news {
    background: #fff;
    padding: 0 10px;
}

.jThumbnailScroller {
    position: relative;
    width: 500px;
    height: 122px;
    margin: 160px auto 0 auto;
    border: 1px solid #eee;
    padding: 0;
    overflow: hidden;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 5px;
}

    .jThumbnailScroller .jTscrollerContainer {
        position: absolute;
        width: 10000px;
    }

    .jThumbnailScroller .jTscroller {
        position: relative;
        height: 100%;
        margin: 0;
        left: 0;
        top: 0;
        display: inline-block;
        *display: inline;
    }

.jTscrollerNextButton, .jTscrollerPrevButton {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    opacity: 0.7;
}

.jThumbnailScroller .jTscrollerNextButton {
    background: #000 url(thumbnailScroller/nextArrow.png) center center;
}

.jThumbnailScroller .jTscrollerPrevButton {
    background: #000 url(thumbnailScroller/prevArrow.png) center center;
}

    .jThumbnailScroller .jTscrollerNextButton:hover, .jThumbnailScroller .jTscrollerPrevButton:hover {
        background-color: #d56916;
        opacity: 1;
    }

.jThumbnailScroller .jTscroller a {
    display: block;
    float: left;
    border: 1px solid #ddd;
    margin: 6px 10px 6px 0;
    background: #fff;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
}

    .jThumbnailScroller .jTscroller a:hover {
        border-color: #fff;
    }

    .jThumbnailScroller .jTscroller a:first-child {
        margin-left: 10px;
    }

    .jThumbnailScroller .jTscroller a img {
        border: none;
    }

.jThumbnailScroller {
    margin: 30px auto;
}

    .jThumbnailScroller .jTscroller a {
        opacity: 0.7;
    }

        .jThumbnailScroller .jTscroller a:hover {
            opacity: 1;
        }

    .jThumbnailScroller .jTscrollerNextButton {
        margin: -20px 10px 0 10px;
        right: 0;
        top: 50%;
    }

    .jThumbnailScroller .jTscrollerPrevButton {
        margin: -20px 10px 0 10px;
        left: 0;
        top: 50%;
    }


ul.newsS {
    clear: both;
    padding-bottom: 6px;
}

.newsS li {
    margin: 5px 0;
}

.newsS .date {
    color: #999;
}

.newsS .author {
    color: #999;
    font-size: 90%;
    font-style: normal;
}

#content .newsS h4 {
    font-size: 1.2em;
    padding: 0;
}

ul.people li {
    border-top: solid 1px #f0f0f0;
    clear: both;
    min-height: 90px;
    padding: 6px 6px 0 6px;
}

    ul.people li.first {
        border-top: none;
    }

    ul.people li:hover {
        background: #f6f6f6;
    }

ul.people .avatar {
    margin: 0 10px 0 0;
}

    ul.people .avatar img {
        float: left;
        vertical-align: top;
        height: 80px;
        width: 80px;
    }

ul.people p {
    color: #999;
    padding: 3px 0;
}

ul.people .u {
    font-size: 1.4em;
}

ul.people ul li {
    border: none;
    clear: none;
    height: auto;
}

ul.people dl {
    float: left;
    margin-top: 5px;
}

ul.people dt {
    clear: left;
    color: #666;
    float: left;
    padding: 3px 10px 3px 0;
    width: 3em;
}

ul.people dd {
    margin: 0 0 0 3.5em;
    padding: 3px 0;
}

ul.peopleSmall {
    margin: 5px 0;
}

.peopleSmall li {
    float: left;
    margin: 0 0 3px 3px;
}

.peopleSmall img {
    height: 40px;
    width: 40px;
}

.peopleS li {
    clear: both;
    margin: 5px 0 0 0;
}

    .peopleS li.hover {
        background: #f5fae2;
    }

.peopleS .avatar {
    margin: 0 10px 5px 0;
    height: 40px;
    width: 40px;
}

.peopleS p {
    color: #999;
}

.peopleS ul {
    float: right;
    font-size: 1.0em;
}

    .peopleS ul li {
        border: none;
        color: #ccc;
        height: auto;
        list-style-type: disc;
        padding: 0;
        margin: 0 5px 0 20px;
    }

.gray .cc .peopleS li {
    background-color: #fff;
    height: 46px;
    padding: 6px;
    margin: 0;
}

.peopleM li {
    clear: both;
    margin: 5px 0 0 0;
}

.peopleM a.avatar {
    margin: 0 10px 5px 0;
}

    .peopleM a.avatar img {
        height: 80px;
        width: 80px;
    }

.peopleM .n {
    font-size: 1.2em;
    font-weight: bold;
}

.peopleM p {
    color: #999;
    margin: 5px 0 0 92px;
}

ul.peopleM ul.bullets {
    color: #999;
    margin-left: 92px;
}

ul.photos li {
    float: left;
    margin: 0 0 2px 2px;
}

ul.photos a {
    background-color: #f0f0f0;
    display: block;
    float: left;
    padding: 2px;
    text-align: center;
}

    ul.photos a:hover {
        background-color: #f7941d;
    }

ul.photos img {
    width: 90px;
    height: 90px;
}

.col13 ul.photos {
    margin-left: -2px;
}

    .col13 ul.photos li {
        margin: 0;
    }

        .col13 ul.photos li a {
        }

ul.photoComments {
    margin: 15px 0;
}

    ul.photoComments .comment {
        margin-left: 120px;
    }

    ul.photoComments .commented {
        background-color: #f0f0f0;
        float: left;
        padding: 8px;
    }

        ul.photoComments .commented a {
            display: block;
            padding: 2px;
        }

table.photos {
    width: 100%;
}

    table.photos td {
        text-align: center;
        padding: 10px;
        width: 33%;
    }

ul.photosS {
    clear: both;
}

    ul.photosS li {
        float: left;
        margin: 0 0 2px 2px;
        padding: 4px;
        text-align: center;
        width: 248px;
    }

ul.photoAlbums {
    clear: both;
}

.photoAlbums li {
    float: left;
    margin: 0 15px 15px 0;
    width: 190px;
}

.photoAlbums a.thumb {
    background-color: #eee;
    display: block;
    float: left;
    padding: 2px;
}

    .photoAlbums a.thumb:hover {
        background-color: #f7941d;
    }

    .photoAlbums a.thumb img {
        height: 186px;
        width: 186px;
    }

.photoAlbums .details {
    clear: left;
    margin: 0;
    height: 4em;
}

#content .photoAlbums .details h4 {
    font-size: 1.4em;
    margin: 0;
    padding: 0;
}

#content .photoAlbums .details p {
    color: #999;
    font-size: 1.0em;
}

ul.photosDetails {
    clear: both;
}

.photosDetails li {
    clear: both;
    margin: 0;
}

.photosDetails .thumb {
    background: #f0f0f0;
    float: left;
    margin-bottom: 10px;
    padding: 10px 0;
    text-align: center;
    width: 280px;
}

    .photosDetails .thumb a {
        border: solid 2px #fff;
    }

        .photosDetails .thumb a:hover {
            border-color: #f7941d;
        }

#content .photosDetails h3 {
    margin: 0 0 0 300px;
    padding: 0;
}

.photosDetails dl {
    color: #999;
    font-size: 90%;
    margin: 10px 0 0 300px;
    height: 200px;
}

    .photosDetails dl dt {
        padding: 2px 0;
        width: 9em;
    }

    .photosDetails dl dd {
        padding: 2px 0 0 0;
    }

#content .posts h3 {
    font-size: 1.8em;
    margin-bottom: 0;
}

.posts .author {
    color: #999;
    margin: 5px 0 0 0;
}

.posts .comments {
    background: url(../images/icons/comment.png) 0 5px no-repeat;
    border-bottom: solid 1px #f0f0f0;
    color: #999;
    margin: 5px 0 20px 0;
    padding: 5px 0 10px 20px;
}

.postToOwnWall {
    float: right;
    width: 16px;
    height: 16px;
    background: url(../images/icons/sharing_logo_small.png) 0px 6px no-repeat;
    cursor: pointer;
    padding-top: 6px;
}

.posts .text {
    margin-bottom: 15px;
}

.press li {
    padding: 30px 0 0 0;
}

    .press li.first {
        padding: 0;
    }

.press div.avatar {
    background: #fff;
    float: left;
    padding: 0;
    margin: 0;
    text-align: center;
    width: 200px;
}

    .press div.avatar img {
        float: none;
        display: inline;
    }

.press div.content {
    float: left;
    font-size: 1.2em;
    width: 406px;
}

.press .light {
    font-size: 1.2em;
}

.press .quot {
    color: #333;
    font-size: 1.2em;
    line-height: 1.3em;
    font-style: italic;
    margin: 10px 10px 0 10px;
}

    .press .quot strong {
        font-size: 1.2em;
        line-height: 0.8em;
    }

    .press .quot a {
        color: #333;
    }

.pressBlocks li {
    float: left;
    font-size: 1.2em;
    margin: 0 0 0 20px;
    text-align: center;
    width: 180px;
}

.pressBlocks img {
    padding-bottom: 6px;
}

#reviews {
    clear: both;
    margin-bottom: 10px;
}

    #reviews form {
        clear: both;
        width: 100%;
    }

        #reviews form textarea {
            height: 100px;
            width: 98%;
        }

    #reviews h3 {
        clear: both;
    }

    #reviews .rate {
        display: block;
        float: right;
        padding-bottom: 8px;
    }

    #reviews .voter ul {
        margin: 0;
    }

.reviews li {
    padding: 20px 0 0 0;
}

    .reviews li.first {
        padding: 0;
    }

.reviews div.avatar {
    background: #fff;
    float: left;
    padding: 0;
    margin: 0;
    width: 94px;
}

.reviews div.content {
    float: left;
    font-size: 1.2em;
}

.col23 .reviews div.content {
    width: 486px;
}

.col34 .reviews div.content {
    width: 606px;
}

.reviews .quot {
    color: #333;
    font-size: 1.2em;
    line-height: 1.3em;
    font-style: italic;
    margin: 10px 10px 0 10px;
}

    .reviews .quot strong {
        font-size: 1.2em;
        line-height: 0.8em;
    }

    .reviews .quot a {
        color: #333;
    }

.reviews .text {
    font-size: 1em;
    margin-top: 1em;
}

ul.stats {
    clear: both;
    font-size: 1.2em;
}

.stats li {
    color: #666;
    margin: 0.5em 0 0.5em 10px;
}

    .stats li strong {
        font-size: 1.2em;
    }

.tagEditor li {
    float: left;
    background: #fff url(../images/icons/remove.png) 2px center no-repeat;
    color: #333;
    padding: 4px 6px 4px 20px;
    margin: 0 8px 6px 0;
    cursor: pointer;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

    .tagEditor li:hover {
        background-color: #32a1ce;
        color: #fff;
    }

#thread {
    clear: both;
    margin-bottom: 10px;
}

    #thread form {
        clear: both;
        width: 100%;
    }

        #thread form textarea {
            height: 100px;
        }

    #thread h3 {
        clear: both;
        font-size: 1.8em;
    }

    #thread ul {
        margin: 15px 0;
    }

    #thread li {
        border-bottom: solid 1px #ddd;
        clear: both;
        padding: 10px 0;
    }

        #thread li.step1 {
            margin-left: 50px;
        }

        #thread li.step2 {
            margin-left: 100px;
        }

        #thread li.step3 {
            margin-left: 150px;
        }

        #thread li.step4 {
            margin-left: 200px;
        }

        #thread li.step5 {
            margin-left: 250px;
        }

    #thread .author {
    }

    #thread .avatar {
        display: block;
        float: left;
        margin: 0 5px 0 0;
    }

        #thread .avatar img {
            height: 40px;
            width: 40px;
        }

    #thread .date {
        color: #999;
    }

    #thread .name {
        font-weight: bold;
        font-size: 1.0em;
    }

    #thread .content {
        margin-left: 50px;
        padding: 10px 0 0 15px;
        height: 1%;
    }

    #thread div.reply {
        clear: both;
        text-align: right;
    }

        #thread div.reply a {
            margin-left: 10px;
        }

ul.thumbs li {
    float: left;
    margin: 0 0 6px 27px;
    text-align: center;
    width: 134px;
}

ul.thumbs img {
    border: solid 2px #dde7f6;
    width: 130px;
}

ul.thumbs a:hover img {
    border-color: #f6921e;
}

ul.thumbs p {
    font-size: 1.0em;
}

ul.top li {
    width: 25%;
}

ul.top p {
    float: left;
    color: #999;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0 0 0 6px;
}

ul.videos {
    clear: both;
}

    ul.videos li {
        float: left;
        margin: 0 0 20px 22px;
        width: 158px;
    }

    ul.videos .vid {
        width: 158px;
        height: 92px;
        position: relative;
    }

        ul.videos .vid a.v {
            background-color: #f0f0f0;
            display: block;
            padding: 4px;
        }

            ul.videos .vid a.v:hover {
                background-color: #f6921e;
            }

        ul.videos .vid img {
            width: 150px;
            height: 84px;
        }

        ul.videos .vid .fav {
            width: 150px;
            height: 16px;
            position: absolute;
            top: 72px;
            left: 4px;
        }

        ul.videos .vid .plus {
            display: none;
            display: block;
            width: 16px;
            height: 16px;
        }

        ul.videos .vid .time {
            display: block;
            width: 154px;
            height: 16px;
            position: absolute;
            text-align: right;
            top: 72px;
        }

            ul.videos .vid .time span {
                background-color: #666;
                color: #eee;
                line-height: 16px;
                padding: 0 2px;
            }

    ul.videos .name {
        font-size: 1.1em;
        font-weight: bold;
        height: 2.5em;
        overflow: hidden;
        margin-bottom: 2px;
    }

    ul.videos .rate {
        color: #999;
        font-size: 0.9em;
        text-align: right;
        height: 14px;
        overflow: hidden;
    }

        ul.videos .rate .rating {
            float: left;
        }

    ul.videos a.u {
        font-size: 0.9em;
        font-weight: normal;
    }

ul.videosV {
    clear: both;
}

    ul.videosV li {
        margin: 0 0 10px 0;
        height: 1%;
    }

    ul.videosV .vid {
        float: left;
        width: 98px;
        height: 58px;
        position: relative;
    }

        ul.videosV .vid a.v {
            background-color: #f0f0f0;
            display: block;
            padding: 4px;
        }

            ul.videosV .vid a.v:hover {
                background-color: #f6921e;
            }

        ul.videosV .vid img {
            width: 90px;
            height: 50px;
        }

        ul.videosV .vid .time {
            display: block;
            width: 94px;
            height: 16px;
            position: absolute;
            text-align: right;
            top: 39px;
        }

            ul.videosV .vid .time span {
                background-color: #666;
                font-size: 0.8em;
                color: #eee;
                line-height: 16px;
                padding: 0 2px;
            }

    ul.videosV .name {
        font-size: 1.1em;
        font-weight: bold;
        height: 2.5em;
        overflow: hidden;
        margin-bottom: 2px;
    }

    ul.videosV .rate {
        color: #999;
        font-size: 0.9em;
        text-align: right;
        height: 14px;
        overflow: hidden;
    }

        ul.videosV .rate .rating {
            float: left;
        }

    ul.videosV a.u {
        font-size: 0.9em;
        font-weight: normal;
    }

ul.vidM .video {
    height: 122px;
}

.wall .row {
    margin-bottom: 5px;
}

ul.list li {
    padding: 6px 0;
}

.parentalControls ol > li {
    border: none;
}

.parentalControls ul > li {
    padding-bottom: 20px;
}

ul.pdfs {
    margin: 5px 0 2px 0;
}

    ul.pdfs li {
        padding-left: 20px;
        line-height: 18px;
        margin-bottom: 10px;
        background: url(../images/mime/pdf.png) 0 2px no-repeat;
    }

/******************************************* 
	Messages
*******************************************/
.confirmation {
}

    .confirmation .content {
        margin: 20px auto;
        width: 600px;
    }

    .confirmation .text {
        background: #fce1b6;
        border: solid 5px #feb266;
        margin: 10px 0;
        padding: 5px 0;
    }

#content .confirmation .text p {
    padding: 5px 10px;
    margin: 0;
}

.confirm {
    margin: 20px auto;
    width: 500px;
}

.confirm__input {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    box-sizing: border-box;
    height: 32px;
}

.confirm__button {
    box-sizing: border-box;
    height: 32px;
}

.confirm__item{
    display: flex;
    align-items: flex-start;
}

#content .confirm .rounded {
    background: #f19720;
}

#content .confirm .panel {
    margin-bottom: 5px;
}

#content .confirm .cc {
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
}

.confirm .cc p {
    margin: 0.5em 0;
}

.confirm li {
    margin: 0;
}

.confirm .cc a {
    color: #fff;
    text-decoration: underline;
}

    .confirm .cc a:hover {
        color: #eee;
    }

#content .confirm label {
    color: #fff;
}

#content .confirm .f {
    width: 100px;
}

#content .confirm input.t {
    font-size: 1em;
    font-weight: normal;
}

#content .confirm h2, #content .confirm h3 {
    color: #f6921e;
    font-size: 1.6em;
    font-weight: bold;
    padding: 0;
    margin-bottom: 5px;
}

.confirmAvatar .cc p {
    margin-left: 50px;
}

.confirmAvatar .avatar {
    margin-top: 4px;
}

div.construction {
    margin: 30px auto 50px auto;
    width: 600px;
}

#content .construction .rounded {
    background: url(../images/bg/construction.gif);
}

#content .construction .cc {
    text-align: center;
    height: 200px;
}

#content .construction h3 {
    color: #f19720;
    font-size: 1.4em;
    font-weight: bold;
    margin: 50px 0 10px 0;
    text-align: center;
}

#content .construction p {
    color: #f19720;
    font-size: 1.2em;
    line-height: 1.6em;
}


div.help-noicon {
    color: #777;
    font-size: 1.1em;
    min-height: 30px;
    padding-top: 20px;
}

.help-noicon  a {
    color: #444;
    text-decoration: underline;
}

    .help-noicon a:hover{
        color: #f6921e;
    }

div.help {
    background: url(../images/bg/help.gif) no-repeat 0 2px;
    color: #777;
    font-size: 1.1em;
    min-height: 30px;
}


.help p {
    padding: 0 0 0.5em 28px;
}

.help h3, .help h4 {
    padding: 0 0 0.5em 28px;
    margin: 0;
}

.help a {
    color: #444;
    text-decoration: underline;
}

    .help a:hover {
        color: #f6921e;
    }

.help .dotted {
    color: #444;
    border-color: #444;
}

.help .faq {
    margin-left: 28px;
}

.help ul {
    margin-bottom: 0.5em;
}

    .help ul li {
        list-style-type: disc;
        margin: 2px 0 2px 25px;
    }

.help.right {
    float: right;
}

.help_margintop_20 {
  margin-top: 20px;
}

.panel div.help {
    background: none;
    min-height: auto;
}

    .panel div.help p, .panel div.help h3 {
        padding-left: 0;
    }

a.helptip {
    background: url(../images/bg/help.gif) no-repeat 0 2px;
    color: #777;
    font-size: 1.1em;
    height: 30px;
    width: 30px;
    margin-right: 100px;
    float: right;
}

    a.helptip span {
        display: none;
        font-size: 0.9em;
    }

    a.helptip .arrow {
        background: url(../images/tooltip/arrow.png) no-repeat 0 2px;
        display: block;
        z-index: 101;
        position: relative;
        width: 20px;
        height: 40px;
    }

    a.helptip:hover span {
        display: block;
        z-index: 101;
        position: relative;
        left: 20px;
        top: -15px;
    }

    a.helptip:hover .tipContent {
        border: 1px black solid;
        padding: 5px;
        position: relative;
        width: 300px;
        z-index: 100;
        top: -65px;
        left: 19px;
        text-decoration: none;
        background: #FFF;
        border-radius: 10px;
    }

#content div.help h3 {
    font-size: 1.4em;
    margin: 0;
}

#content div.help h4 {
    font-size: 1.1em;
    font-weight: bold;
    margin: 0;
}

p.help {
    color: #777;
}

.help .dark {
    color: #000;
}

.help .light {
    color: #CCCCCC;
}

.help .blue {
    color: #2291BE;
}

div.help.hints ul li {
    list-style-type: none;
}

div.checkBox {
    color: #000;
    font-size: 1.1em;
    min-height: 30px;
}

.checkBox p {
    padding: 0 0 0 28px;
}

div.messages, div.errors {
    clear: both;
    margin: 0 auto 1em auto;
    width: 620px;
}

#content div.messages .rounded {
    background: #bed639 url(../images/bg/info.gif) no-repeat 10px 8px;
    padding-left: 45px;
    padding-top: 8px;
    padding-bottom: 8px;
}

#content div.errors .rounded {
    background: #fe5454 url(../images/bg/error.gif) no-repeat 10px 8px;
    padding-left: 45px;
    padding-top: 8px;
    padding-bottom: 8px;
}

#content div.messages .cc, #content div.errors .cc {
    color: #fff;
    min-height: 25px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 1.2em;
}

#content div.messages h3, #content div.errors h3 {
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
}

#content div.messages li, #content div.errors li {
    list-style-type: decimal;
    margin: 0 0 10px 20px;
}

#content div.messages a, #content div.errors a {
    color: #fff;
    text-decoration: underline;
}

    #content div.messages a.button,
    #content div.errors a.button,
    #content div.information a.button {
        text-decoration: none;
    }

div.messages p, div.errors p {
    margin: 0.5em 0;
    font-size: 1.2em;
}

.col13 div.messages, .col23 div.messages, .col34 div.messages, .col24 div.messages,
.col13 div.errors, .col23 div.errors, .col34 div.errors, .col24 div.errors {
    width: auto;
}

div.information {
    display: none;
    position: absolute;
}

div.information, div.dodinfo {
    clear: both;
    margin: 0 auto 1em auto;
    width: 480px;
    z-index: 999;
    top: 40px;
    left: 550px;
}

div.dodinfo {
    width: 100%;
}

    div.dodinfo .cc > ul {
        margin-left: 2em;
        padding-left: 1em;
        list-style-type: disc;
    }

        div.dodinfo .cc > ul > li {
            list-style-type: disc;
            color: #f00;
        }

            div.dodinfo .cc > ul > li > span {
                color: #000;
            }

.header_journal .information {
    clear: none;
    margin: 0 0 0 -240px;
    left: 50%;
}

.journalRemark {
    margin: 0 30% 10px 30%;
    word-wrap: break-word;
}

#content div.information .rounded {
    background: #fe5454 url(../images/bg/error.gif) no-repeat 10px 8px;
    padding-left: 45px;
}

#content div.dodinfo .rounded {
    background: #FFD393;
}

#content div.information, div.dodinfo .cc {
    color: #fff;
    min-height: 35px;
    padding: 4px 10px 4px 0px;
    font-size: 1.2em;
}

#content div.information h3 {
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
}

#content div.information li {
    list-style-type: decimal;
    margin: 0 0 10px 20px;
}

#content div.information a {
    color: #fff;
    text-decoration: underline;
    cursor: pointer;
    font-weight: bold;
}

div.information p {
    margin: 0.5em 0;
    font-size: 1.2em;
}

.col13 div.information, .col23 div.information, .col34 div.information, .col24 div.information {
    width: auto;
}

div.notification {
    clear: both;
    color: #666;
    font-size: 1.2em;
    margin: 0 auto 1em auto;
    width: 620px;
}

#content div.notification .rounded .cc {
    min-height: 25px;
    padding: 8px;
}

#content div.notification .rounded {
    background: #f0f0f0 url(../images/bg/notify.gif) no-repeat 10px 8px;
    padding-left: 45px;
}

#content div.notification h3 {
    color: #999;
    font-size: 1.4em;
    margin: 0 0 0.5em 0;
}

#content div.notification p {
    margin: 0.3em 0;
}

#content div.notification .cc ol li {
    list-style-type: decimal;
    margin: 0 0 10px 20px;
}

#content div.notification .cc a {
    text-decoration: underline;
}

#content .col23 div.notification, #content .col34 div.notification {
    clear: both;
    margin: 0 0 1em 0;
    width: auto;
}

div.notification form {
    margin-top: 20px;
}

    div.notification form .button {
        font-size: 1.2em;
    }

#content .col23 .s2 ul.bullets li {
    width: 560px;
}

div.appServiceMessage {
    clear: both;
    color: #666;
    font-size: 1.2em;
    margin: 0 auto 1em auto;
    width: 620px;
}

    div.appServiceMessage .rounded .cc {
        min-height: 25px;
        padding: 4px 10px 4px 0px;
    }

    div.appServiceMessage .rounded {
        background: #f0f0f0 url(../images/bg/notify.gif) no-repeat 10px 8px;
        padding-left: 45px;
    }

    div.appServiceMessage h3 {
        color: #999;
        font-size: 1.4em;
        margin: 0 0 0.5em 0;
    }

    div.appServiceMessage p {
        margin: 0.3em 0;
    }

    div.appServiceMessage .cc ol li {
        list-style-type: decimal;
        margin: 0 0 10px 20px;
    }

    div.appServiceMessage .cc a {
        text-decoration: underline;
    }

div.notificationMessage {
    clear: both;
    color: #666;
    font-size: 1.2em;
    margin: 0 auto 1em auto;
}

    div.notificationMessage .rounded {
        background: #f0f0f0 url(../images/bg/notify.gif) no-repeat 10px 8px;
        padding-left: 45px;
    }

.welcome {
}

#content .welcome .panel .cc {
    background: red;
    height: 15em;
    padding: 15px;
    position: relative;
}

.welcome input.t {
    width: 96%;
}

.welcome input.button {
    position: absolute;
    right: 6px;
    bottom: 2px;
}

#content .welcome .green .rounded {
    background-color: #e9f0f7;
}

#content .welcome .orange .rounded {
    background-color: #e9f0f7;
}

#content .welcome .yellow .rounded {
    background-color: #e9f0f7;
}

#content .welcome .yellow form {
    margin-top: 3em;
}

#content .welcome .green h3 {
    color: #badb3c;
    font-size: 1.6em;
    font-weight: bold;
}

#content .welcome .orange h3 {
    color: #f19720;
    font-size: 1.6em;
    font-weight: bold;
}

#content .welcome .yellow h3 {
    color: #fad60d;
    font-size: 1.6em;
    font-weight: bold;
}

.welcome li {
    color: #eb8601;
    margin: 0 0 10px 10px;
    font-size: 1.2em;
    font-weight: bold;
    list-style: disc;
}

    .welcome li a {
        color: #4b87c7;
    }

        .welcome li a:hover {
            background-color: Transparent;
            text-decoration: underline;
        }

ul.errors {
    color: Red;
}

    ul.errors li {
        list-style-type: decimal;
        margin: 0 0 5px 20px;
    }

ul.alerts {
    color: #FF9900;
}

    ul.alerts li {
        list-style-type: decimal;
        margin: 0 0 5px 20px;
    }

.choose {
    float: right;
    width: 280px;
}

    .choose select {
        width: 280px;
    }

a.link {
    font-size: 1.2em;
    font-weight: bold;
}

a.linkDelete {
    margin-left: 5px;
    vertical-align: middle;
}

    a.linkDelete:hover {
        background-color: Transparent;
    }

.alphabet {
    font-size: 1.2em;
    margin: 10px 5px 5px 5px;
}

    .alphabet a {
        margin: 0 2px 0 0;
    }

div.links {
    padding-bottom: 10px;
}

    div.links ul {
        padding: 5px 0px;
    }

    div.links li {
        color: #999;
        clear: both;
        margin: 2px 0;
    }

        div.links li a {
            display: block;
            font-size: 1.4em;
            font-weight: bold;
            padding: 2px 4px;
        }

#content div.links .rounded .cc {
    padding: 0 4px;
}

    #content div.links .rounded .cc .loading {
        line-height: 1.4em;
        margin: 5px 4px 4px 4px;
    }

#content div.links .r {
    margin-right: 10px;
}

    #content div.links .r li {
        float: right;
    }

ul.linkBullets {
    margin-bottom: 20px;
}

.linkBullets li {
    color: #999;
    font-weight: bold;
    list-style-type: disc;
    margin: 0.3em 0 0.2em 24px;
    padding: 0;
}

.actions {
    float: right;
    margin-left: 10px;
}

    .actions a {
        display: block;
        font-size: 1.2em;
        font-weight: bold;
        margin-bottom: 5px;
        padding: 2px 4px;
    }

    .actions button {
        background: none;
        border: none;
        cursor: pointer;
    }

ul.buttons {
    height: 4em;
}

    ul.buttons li {
        float: left;
        padding: 5px 0;
    }

    ul.buttons a {
        background: #76b9ea;
        border: solid 1px #b8defa;
        border-right-color: #5398cb;
        border-bottom-color: #5398cb;
        color: #fff;
        font-size: 1.4em;
        line-height: 26px;
        margin-left: 10px;
        overflow: visible;
        padding: 4px 8px;
        width: auto;
    }

        ul.buttons a:hover, .buttons a.light:hover {
            background: #f19720;
        }

        ul.buttons a.light {
            background: #ccc;
            border: solid 1px #eee;
            border-right-color: #999;
            border-bottom-color: #999;
        }

div.buttons {
    height: 2.2em;
}

.icons a.button, a.button {
    background: #76b9ea;
    border: solid 1px #b8defa;
    border-right-color: #5398cb;
    border-bottom-color: #5398cb;
    color: #fff;
    display: block;
    float: left;
    font-size: 1.4em;
    margin-right: 10px;
    overflow: visible;
    padding: 2px 8px;
    width: auto;
    height: auto;
}

a.button[disabled], a.button[disabled]:hover {
    background: #cccccc;
    border-color: #aaaaaa;
    cursor: text;
}

.icons a.button:hover, a.button:hover {
    background: #f19720;
}

.icons button, .text .button, .s2 .button {
    font-size: 1.2em;
}

.icons .r a.button, .r a.button {
    margin: 0 0 0 10px;
}

.buttonsOr {
    text-align: center;
}

    .buttonsOr a {
        font-size: 1.2em;
        font-weight: bold;
        padding: 0 2px;
        vertical-align: middle;
    }

        .buttonsOr a.yes:hover {
            background-color: Green;
        }

        .buttonsOr a.no:hover {
            background-color: Red;
        }

.icons {
    float: right;
}

#content .icons {
    float: right;
}

    #content .icons li {
        border: none;
        clear: none;
        float: left;
        list-style: none;
        margin: 0 0 0 4px;
        padding: 0;
    }

.icons a {
    background: url(../images/sprites/global.png?001) no-repeat;
    display: block;
    height: 24px;
    width: 24px;
}

    .icons a.close {
        display: none;
    }

.icons span {
    display: none;
}

.icons .iSr a {
	background-position: -432px -67px;
}

.icons .iA a {
    background-position: -760px 0;
}

    .icons .iA a:hover {
        background-position: -760px -24px;
    }

.icons .iD a {
    background-position: -736px 0;
}

    .icons .iD a:hover {
        background-position: -736px -24px;
    }

.icons .iFA a {
    background-position: -808px 0;
}

    .icons .iFA a:hover {
        background-position: -808px -24px;
    }

.icons .iFD a {
    background-position: -784px 0;
}

    .icons .iFD a:hover {
        background-position: -784px -24px;
    }

.icons .iE a {
    cursor: pointer;
    background-position: -688px 0;
}

    .icons .iE a:hover {
        background-position: -688px -24px;
    }

.icons .iM a {
    background-position: -664px 0;
}

    .icons .iM a:hover {
        background-position: -664px -24px;
    }

.icons .iS a {
    background-position: -712px 0;
}

    .icons .iS a:hover {
        background-position: -712px -24px;
    }

.icons .iW a {
    background-position: -832px 0;
}

    .icons .iW a:hover {
        background-position: -832px -24px;
    }

.icons li div.lock {
    text-align: center;
}

.icons li div.lock {
    background: url(../images/icons/lock.gif) no-repeat;
    height: 20px;
    width: 20px;
    margin-top: 4px;
    margin-right: -4px;
    margin-left: 4px;
}

.toolbar .spec a {
    white-space: nowrap;
    float: left;
}

.toolbarWrapper {
    margin-bottom: 30px;
}

    .toolbar .spec a span {
        background: url(../images/sprites/global.png?001) no-repeat;
        display: block;
        height: 24px;
        width: 24px;
        float: left;
        margin-top: -3px;
        margin-right: 3px;
    }

.toolbar .spec.iA a span {
    background-position: -760px 0;
}

.toolbar .iA a:hover span {
    background-position: -760px -24px;
}


.icons .iEg a {
    background: url(../images/sprites/buttonsGrey.gif);
    background-position: -24px 24px;
}

.icons .iDg a {
    background: url(../images/sprites/buttonsGrey.gif);
    background-position: -72px 24px;
}

.icons .iMg a {
    background: url(../images/sprites/buttonsGrey.gif);
    background-position: 0 24px;
}

.icons .iCp a {
    background: url(../images/sprites/buttons.gif);
    background-position: 24px 0px;
}

    .icons .iCp a:hover {
        background: url(../images/sprites/buttons.gif);
        background-position: 24px 24px;
    }

.icon.edit {
    position: absolute;
    background: url(../images/sprites/buttons.gif);
    background-position: 189px -2px;
    height: 13px;
    width: 20px;
}

    .icon.edit:hover {
        background: url(../images/sprites/buttons.gif);
        background-position: 190px 22px;
    }

.i1 {
    width: 24px;
}

#content .i1 li {
    margin: 0;
}

a#IDSchoolAdministration,
a#organization_administration {
    background: url(../images/sprites/global.png) no-repeat;
    display: block;
    height: 32px;
    width: 32px;
    background-position: -464px 0;
    float: right;
    margin-bottom: 5px;
}


.iconsL {
    float: right;
}

    .iconsL li {
        float: left;
        margin: 0 0 0 10px;
    }

    .iconsL a, .iconsL button {
        background: url(../images/sprites/global.png) no-repeat;
        display: block;
        height: 32px;
        width: 32px;
        border: 0;
        cursor: pointer;
    }

    .iconsL span {
        display: none;
    }

    .iconsL .iA a, .iconsL .iA button {
        background-position: -528px 0;
    }

        .iconsL .iA a:hover, .iconsL .iA button:hover {
            background-position: -528px -32px;
        }

    .iconsL .iD a, .iconsL .iD button {
        background-position: -496px 0;
    }

        .iconsL .iD a:hover, .iconsL .iD button:hover {
            background-position: -496px -32px;
        }

    .iconsL .iFA a, .iconsL .iFA button {
        background-position: -560px 0;
    }

        .iconsL .iFA a:hover, .iconsL .iFA button:hover {
            background-position: -560px -32px;
        }

    .iconsL .iFD a, .iconsL .iFD button {
        background-position: -592px 0;
    }

        .iconsL .iFD a:hover, .iconsL .iFD button:hover {
            background-position: -592px -32px;
        }

    .iconsL .iE a, .iconsL .iE button {
        background-position: -432px 0;
    }

        .iconsL .iE a:hover, .iconsL .iE button:hover {
            background-position: -432px -32px;
        }

    .iconsL .iM a, .iconsL .iM button {
        background-position: -401px 0;
    }

        .iconsL .iM a:hover, .iconsL .iM button:hover {
            background-position: -400px -32px;
        }

    .iconsL .iS a, .iconsL .iS button {
        background-position: -464px 0;
    }

        .iconsL .iS a:hover, .iconsL .iS button:hover {
            background-position: -464px -32px;
        }

    .iconsL .iW a, .iconsL .iW button {
        background-position: -624px 0;
    }

        .iconsL .iW a:hover, .iconsL .iW button:hover {
            background-position: -624px -32px;
        }

    .iconsL .iAg a, .iconsL .iAg button {
        background: url(../images/sprites/buttonsLGrey.gif);
        cursor: default;
        background-position: -128px 0;
    }

        .iconsL .iAg a:hover, .iconsL .iAg button:hover {
            background-position: -128px 0;
        }

    .iconsL .iDg a, .iconsL .iDg button {
        background: url(../images/sprites/buttonsLGrey.gif);
        cursor: default;
        background-position: -96px 0;
    }

        .iconsL .iDg a:hover, .iconsL .iDg button:hover {
            background-position: -96px 0;
        }

    .iconsL .iEg a, .iconsL .iEg button {
        background: url(../images/sprites/buttonsLGrey.gif);
        cursor: default;
        background-position: -32px 0;
    }

        .iconsL .iEg a:hover, .iconsL .iEg button:hover {
            background-position: -32px 0;
        }
        
    .iconsL-position-absolute{
        position: absolute;
    }
    .iconsL-right-0{
        right: 0;
    }
    .iconsL-padding-right-14{
        padding-right: 14px;
    }
    

.pager {
    clear: both;
    margin-top: 10px;
}

#comments .pager {
    float: right;
}

#content .pager h6 {
    color: #999;
    font-size: 1.0em;
    font-weight: normal;
}

.pager ul {
    margin: 5px 0 0 20px;
}

.pager li {
    display: inline;
    margin-right: 4px;
    font-size: 1.4em;
}

    .pager li b {
        background-color: #f0f0f0;
        padding: 0 4px;
    }

    .pager li a {
        background-color: #fff;
        padding: 0 2px;
    }

        .pager li a:hover {
            background-color: #32a1ce;
            color: #fff;
        }

.play {
    float: left;
    margin-right: 6px;
}

    .play li {
        float: left;
        margin: 0 4px 0 0;
        padding: 0;
    }

    .play a, .play div {
        background: url(../images/sprites/global.png) no-repeat;
        display: block;
        height: 24px;
        width: 24px;
    }

    .play span {
        display: none;
    }

    .play .pB a {
        background-position: -864px 0;
    }

        .play .pB a:hover {
            background-position: -864px -24px;
        }

    .play .pF a {
        background-position: -888px 0;
    }

        .play .pF a:hover {
            background-position: -888px -24px;
        }

    .play .pB div {
        background-position: -864px -48px;
    }

    .play .pF div {
        background-position: -888px -48px;
    }

.playB, .playF {
    background: url(../images/sprites/global.png) no-repeat -864px 0;
    display: block;
    float: left;
    height: 24px;
    width: 24px;
}

    .playB span, .playF span {
        display: none;
    }

    .playB:hover {
        background-position: -864px -24px;
    }

.playF {
    float: right;
    background-position: -888px 0;
}

    .playF:hover {
        background-position: -888px -24px;
    }

.player {
    height: 50px;
    margin-bottom: 10px;
}

    .player h3 {
        margin: 0;
        padding: 0;
    }

    .player .filter {
        float: left;
    }
    
    .player .jrnlstatFilter {
        float: left;
    }

    .player .inl {
        display: inline-block;
        vertical-align: top;
    }

        .player .inl .switch {
            min-height: 20px;
        }

    .player .play {
        height: 50px;
    }

.panel .cc .player {
    height: 40px;
}

.owner .player {
    height: auto;
    margin: 0;
}

ul.crumbs {
    font-size: 1.0em;
    margin-bottom: 5px;
}

.crumbs li {
    display: inline;
}

.crumbs em {
    color: #ccc;
    font-style: normal;
    padding: 0 5px;
}

ul.dashboard {
}

.dashboard a.orange {
    font-weight: bold;
}

.dashboard li {
    float: left;
    font-weight: bold;
    line-height: 1.4em;
    padding: 0 0 0 0;
    width: 130px;
}

    .dashboard li ul {
        clear: left;
        margin: 5px 10px 0 0;
    }

    .dashboard li li {
        color: #999;
        float: none;
        font-size: 1.0em;
        font-weight: normal;
        line-height: 1.0em;
        margin: 0;
        padding: 4px 0 4px 0;
        width: auto;
    }

#content .dashboard h3 {
    margin: 0;
    padding: 0 0 0 20px;
    font-size: 1.2em;
    font-weight: bold;
}

.dashboard h3 sup {
    color: #999;
    font-weight: normal;
    padding-left: 3px;
}

.dash2 li {
    font-size: 1.2em;
    margin-bottom: 10px;
    width: 33%;
}

#content .dash2 h3 {
    padding: 0 0 0 22px;
}

.dash2 li li {
    margin-left: 22px;
}

ul.nav_list li {
    color: #999;
    font-weight: bold;
    list-style-type: disc;
    margin: 2px 0 2px 16px;
}

    ul.nav_list li.step {
        margin-bottom: 10px;
    }

    ul.nav_list li.nobullet {
        list-style-type: none;
    }

ul.menuH {
}

    ul.menuH li {
        float: left;
        font-size: 1.4em;
        font-weight: bold;
        margin: 2px 20px 20px 0;
    }

    ul.menuH img {
        vertical-align: middle;
    }

.menuV {
    margin-top: 5em;
}

    .menuV a {
        line-height: 1.4em;
        padding: 2px 6px;
    }

        .menuV a.active {
            color: #f6921e;
            font-weight: bold;
        }

    .menuV ul a.active {
        background-color: #f6921e;
        color: #fff;
    }

    .menuV li {
        font-size: 1.4em;
        font-weight: bold;
        line-height: 1.4em;
        margin: 4px 0;
    }

        .menuV li li {
            color: #598527;
            font-size: 1.0em;
            font-weight: normal;
            margin: 0.2em 0 0.2em 15px;
        }

.filter {
    float: right;
    line-height: 2em;
}

    .filter li {
        float: left;
        margin-left: 2px;
    }

        .filter li.active a {
            background-color: #32a1ce;
            color: #fff;
        }

    .filter a {
        padding: 2px 6px;
    }

.iconbar {
    float: right;
    height: 42px;
    width: auto;
}

    .iconbar li {
        float: right;
        width: 32px;
        height: 32px;
        margin: 0 0 10px 10px;
    }

        .iconbar li a {
            cursor: pointer;
        }

    .iconbar img {
        width: 32px;
        height: 32px;
        vertical-align: middle;
    }

ul.stepper {
    height: 5em;
}

    ul.stepper li.prev, ul.stepper li.next {
        color: #ddd;
        font-size: 2.4em;
        width: 50px;
    }

        ul.stepper li.prev a, ul.stepper li.next a {
            padding: 0 0.1em;
        }

    ul.stepper li.prev {
        float: left;
    }

    ul.stepper li.next {
        float: right;
        text-align: right;
    }

    ul.stepper li.stat {
        text-align: center;
    }

        ul.stepper li.stat strong {
            font-size: 1.8em;
            vertical-align: middle;
        }

#formStat .button {
    font-size: 14px;
}

.switch {
    font-size: 1.1em;
    min-height: 40px;
}

.switch-font-size-1em {
    font-size: 1em;
}

.switch-no-min-height {
    min-height: 0 !important;
}

a.switch {
        background-color: #32a1ce;
        color: #fff;
        padding: 1px 6px;
        margin-bottom: 2px;
        font-size: 14px;
    }

a:hover.switch {
            background-color: #44c5ea;
            color: #fff;
        }

.switch li {
    float: left;
    margin-right: 5px;
}

.switch-title-width200 {
    width: 200px
}

    .switch li a {
        display: block;
        padding: 1px 6px;
        margin-bottom: 2px;
        font-size: 14px;
    }

    .switch li span {
        color: #666;
        display: block;
        padding: 1px 0 1px 6px;
        margin-bottom: 2px;
        font-size: 14px;
    }

    .switch li.active a {
        background-color: #32a1ce;
        color: #fff;
    }

        .switch li.active a:hover {
            background-color: #44c5ea;
            color: #fff;
        }

        .switch li.active a#switchLessonOverrided {
            background-color: #a2c22a;
        }

        .switch li.active a#switchLessonCancelled {
            background-color: #f00;
        }

.panel .cc .switch {
    min-height: 1.4em;
}

.panel .cc .support {
    text-align: center;
    margin: 10px 0px 10px 0px;
}

.s2 .switch li a {
    padding: 4px 8px;
}

.modal .switch li a {
    font-size: 1.0em;
    padding: 4px 8px;
}

.tabs {
    clear: both;
    padding-bottom: 20px;
}

    .tabs ul {
        border-bottom: solid 1px #dce3e7;
        color: #666;
        height: 26px;
        position: relative;
    }

    .tabs .tc1, .tabs .tc2 {
        background: url(../images/sprites/global.png) no-repeat;
        width: 6px;
        height: 6px;
        position: absolute;
        z-index: 10 !important;
    }

    .tabs .tc1 {
        top: 0;
        left: 0;
    }

    .tabs .tc2 {
        top: 0;
        right: 0;
    }

    .tabs .tc1 {
        background-position: -840px -318px;
    }

    .tabs .tc2 {
        background-position: -994px -318px;
    }

    .tabs li {
        float: left;
        position: relative;
        top: 1px;
    }

        .tabs li a, .tabs li span {
            background-image: -moz-linear-gradient(bottom, #fff, #edf9fd);
            background-image: -o-linear-gradient(bottom, #fff, #edf9fd);
            background-image: linear-gradient(to bottom, #fff, #edf9fd);
            border: solid 1px #dce3e7;
            display: block;
            font-size: 110%;
            line-height: 24px;
            padding: 0 12px;
        }

            .tabs li a:hover {
                background-image: -moz-linear-gradient(top, #fff 50%, #e9f9fd);
                background-image: -o-linear-gradient(top, #fff 50%, #e9f9fd);
                background-image: linear-gradient(to top, #fff 50%, #e9f9fd);
                color: #32a1ce;
            }

        .tabs li.active {
            border-bottom: solid 1px #fff;
        }

            .tabs li.active a, .tabs li.active span {
                background-color: #fff;
                background-image: -moz-linear-gradient(top, #fff 50%, #fff5eb);
                background-image: -o-linear-gradient(top, #fff 50%, #fff5eb);
                background-image: linear-gradient(to top, #fff 50%, #fff5eb);
                border-bottom: none;
                color: #eb8601;
                font-weight: bold;
            }

                .tabs li.active a:hover {
                    color: #f19720;
                }
        .tabs li .bookmark {
            display: block;
            background-image: url(../images/icons/bookmark.png);
            position: absolute;
            top: 0;
            right: 7px;
            width: 8px;
            height: 12px;
        }

.more {
    position: relative;
    display: block;
    float: right;
}

.more_float-left {
    float: left;
}

ul :hover.more {
    cursor: default;
}

.more :hover {
    background-image: -moz-linear-gradient(top, #fff 50%, #e9f9fd);
    background-image: -o-linear-gradient(top, #fff 50%, #e9f9fd);
    background-image: linear-gradient(to top, #fff 50%, #e9f9fd);
    color: #32a1ce;
}
.more_name {
    background-image: -moz-linear-gradient(bottom, #fff, #edf9fd);
    background-image: -o-linear-gradient(bottom, #fff, #edf9fd);
    background-image: linear-gradient(to bottom, #fff, #edf9fd);
    color: #32a1ce;
    border: solid 1px #dce3e7;
    display: block;
    font-size: 110%;
    line-height: 24px;
    padding: 0 12px;
    width: fit-content;
    float: right;
}

.more_name_padding-0 {
    padding: 0;
}

.more_name_border-none {
    border: none;
}

.more_item-container {
    flex-direction: column;
    width: 50px;
    display: none;
}

.more_item-container li {
    float: right;
}
.more_item-container li a {
    border-radius: 5px;
}

.vtabs {
    width: 250px;
    margin-bottom: 20px;
}
    .vtabs li a{
        border-bottom: solid 1px #dce3e7;
        display: block;
        font-size: 110%;
        line-height: 24px;
        padding: 0 15px;
        color: #999;
    }
        .vtabs li.active a{
            background-color: #f4f8fe;
            color: #2291be;
    }
ul.active a{
    background-color: #f4f8fe;
    color: #2291be;
}
        
        .vtabs li a:hover {
                background-color: #f4f8fe;
            }

.comboboxTabs {
    float: left;
    padding-bottom: 10px;
}

    .comboboxTabs #addButton {
        float: left;
        font-weight: bold;
        font-size: 1.2em;
        margin-top: 25px;
    }

    .comboboxTabs .tabs {
        float: left;
        padding-bottom: 0px;
    }

    .comboboxTabs ul {
        border: none;
    }

    .comboboxTabs li {
        width: auto;
    }

    .comboboxTabs .tabWrapper {
        border: solid 1px #DCE3E7;
        min-height: 52px;
    }

    .comboboxTabs li a {
        display: table-cell;
        vertical-align: middle;
        float: left;
        border: none;
    }

    .comboboxTabs li span {
        max-height: 50px;
        background: transparent;
        border: none;
        cursor: pointer;
        text-align: center;
        font-size: .8em;
        font-weight: bold;
        line-height: 17px;
        padding: 0px;
    }

    .comboboxTabs .active .tabWrapper {
        margin: 0 -11px;
    }

    .comboboxTabs select {
        width: 90px;
    }

    .comboboxTabs li.active {
        width: 180px;
        background: url(../images/sprites/global.png) no-repeat -776px -218px;
        display: block;
        padding: 0 12px;
        background-position: -776px -168px;
        border-bottom: none;
        font-weight: bold;
    }

        .comboboxTabs li.active a {
            height: 17px;
            margin-bottom: 5px;
            background-color: transparent;
            border: none !important;
            border-bottom: white;
        }

    .comboboxTabs .active select {
        margin-left: 10px;
        width: 180px;
    }

    .comboboxTabs li a.comboBoxTitle {
        padding: 0 15px;
        font-size: 13px;
        line-height: 22px;
        color: #EB8601;
        height: 15px;
    }

    .comboboxTabs li span.delete {
        background: url(../images/icons/delete.gif) !important;
        width: 16px;
        height: 16px;
        padding: 0px;
        border: none;
        float: right;
        cursor: pointer;
        display: none;
    }

    .comboboxTabs li a.class {
        padding: 0 15px;
        font-size: 13px;
        line-height: 22px;
        color: #EB8601;
        height: 15px;
    }

.toolbar {
    line-height:24px;
}

    .toolbar li {
        float: left;
        font-size: 1.2em;
        font-weight: bold;
        margin: 0 16px 15px 0;
    }
    .toolbar li a {
        cursor: pointer;
    }

#content .toolbar li.r {
    margin: 0 0 0 16px;
}

.report-choose-area-type {
    margin: 0 0 10px 0;
}

.toolbar-report-knowhow-link {
    border-bottom: 2px solid;
}

.toolbar img {
    vertical-align: middle;
    padding:0 4px;
}

.viewMode {
    float: right;
    width: 56px;
}

    .viewMode li {
        float: left;
        padding-left: 4px;
    }

    .viewMode a {
        background: url(../images/sprites/global.png) no-repeat;
        display: block;
        height: 24px;
        width: 24px;
    }

    .viewMode span {
        display: none;
    }

    .viewMode .vG a {
        background-position: -952px -56px;
    }

        .viewMode .vG a:hover {
            background-position: -952px -80px;
        }

        .viewMode .vG a.active {
            background-position: -952px -80px;
        }

    .viewMode .vL a {
        background-position: -976px -56px;
    }

        .viewMode .vL a:hover {
            background-position: -976px -80px;
        }

        .viewMode .vL a.active {
            background-position: -976px -80px;
        }

.wizard {
    clear: both;
    padding-bottom: 0px;
}

    .wizard ul {
        color: #666;
        height: 40px;
        font-size: 1.4em;
    }

.smallWizard ul {
    font-size: 1.2em;
}

.wizard li {
    background: url(../images/bgTo.gif) no-repeat 0 0;
    float: left;
    padding: 0.5em 10px 0 50px;
    height: 40px;
}

    .wizard li.first {
        background: none;
        padding-left: 0;
    }

    .wizard li.active {
    }

        .wizard li.active a, .wizard li.active {
            color: #eb8601;
            font-weight: bold;
        }

            .wizard li.active a:hover {
                color: #f19720;
            }

/******************************************* 
	Object
*******************************************/
a.avatar, div.avatar {
    background: #dde7f6;
    display: block;
    float: left;
    padding: 2px;
}

    a.avatar:hover {
        background: #f7941d !important;
    }

a.orderPage:hover {
    background: #dde7f6 !important;
}

a.avatar img, div.avatar img {
    float: left;
}

div.avatarL {
    float: left;
    margin: 0 10px 0 0;
    height: 150px;
    width: 150px;
}

div.avatar150 {
    background: url(../images/bg/avatar150.gif) no-repeat top center;
    float: left;
    text-align: center;
    width: 240px;
    margin-top: 10px;
}

.avatar150 img {
    padding: 26px 0 0 0;
}

div.avatar150x150 {
    background: url(../images/bg/avatar150x150.gif) no-repeat center center;
    float: left;
    height: 240px;
    text-align: center;
    width: 240px;
}

.avatar150x150 img {
    padding: 45px 0;
    height: 150px;
    width: 150px;
}

a.avatar img.paper {
    margin: 0px;
}

div.avatarLeft {
    float: left;
    width: 220px;
}

div.avatarRight {
    float: right;
    width: 370px;
}

    div.avatarRight ul.bullets li {
        width: 97%;
    }

div#avatarDeleteButton {
    position: absolute;
    margin-top: 2px;
    margin-left: 154px;
    display: none;
}

.achtung {
    color: #444;
    padding: 2px 4px;
    font-size: 1em;
    position: absolute;
    top: 45px;
}

    .achtung strong {
        background-color: red;
        color: #fff;
        font-size: 1.8em;
    }

    .achtung div.queryItem {
        border-bottom: solid 1px #DDD;
        background-color: white;
        color: black;
        padding: 2px;
    }

a.abuse {
    background: url(../images/icons/ahtung.png) no-repeat left center;
    padding: 2px 2px 2px 18px;
}

    a.abuse:hover {
        color: #f00;
    }


.alarm {
    background: #f0f0f0;
    color: #666;
    font-size: 1.4em;
    padding: 6px 0;
    text-align: center;
}

.banner {
    clear: both;
    margin-bottom: 20px;
    width: 100%;
}

.col13 .banner {
    text-align: center;
}

.col13 .stepLeft .banner {
    padding-left: 20px;
}

.col13v .banner {
    padding-left: 25px;
}

.col24 .banner {
    text-align: center;
}

.col14 .banner {
    text-align: center;
}

.col14 .stepLeft .banner {
    padding-left: 0px;
}

.cancelled {
    background: url(../images/bg/cross.png) no-repeat center center;
}

.checksum {
    clear: both;
    color: #999;
    padding-top: 10px;
}

.createdUpdated {
    color: #999;
    font-size: 0.9em;
    margin-top: 10px;
}

    .createdUpdated .u {
        font-weight: normal;
    }

.toggle {
    background: url(../images/sprites/global.png) -928px -4px no-repeat;
    height: 16px;
    width: 16px;
    float: left;
    cursor: pointer;
}

.toggleMinus {
    background-position: -928px -35px;
}

.feedScroll .cc {
    overflow: auto;
    overflow-x: hidden;
    height: 200px;
}

.found {
    color: #999;
    clear: both;
    padding: 0 0 10px 0;
    width: 100%;
}

.icon {
    background-position: 0 0;
    background-repeat: no-repeat;
}

.iAdd {
    background-image: url(../images/icons/add.png);
}

.iAddressBook {
    background-image: url(../images/icons/addressBook.png);
}

.iBook {
    background-image: url(../images/icons/book.png);
}

.iAsterisk {
    background-image: url(../images/icons/asterisk.png);
}

.iBlog {
    background-image: url(../images/icons/blog.png);
}

.iBook_edit {
    text-align: center;
}

.iBook_edit a{
    background-image: url(../images/icons/book-edit.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    padding: 0 0 0 20px;
}

.iCal {
    background-image: url(../images/icons/calendar.gif);
}

input.dateEdit {
    background-position: 2px center;
    padding-left: 20px;
}

.iClock {
    background-image: url(../images/icons/clock.gif);
}

.iClone {
    background-image: url(../images/icons/clone.png);
}

.iDelete {
    background-image: url(../images/icons/delete.gif);
}

.iEdit {
    background-image: url(../images/icons/edit.gif);
}

.iCopy a {
    background-image: url(../images/icons/copy-ctp.png);
    background-position: center;
    border: solid lightgray 2px;
    border-radius: 2px;
    box-sizing: border-box;
    background-color: white;
}

.iEmail {
    background-image: url(../images/icons/email.png);
}

.iFolderUser {
    background-image: url(../images/icons/folderUser.png);
}

.iGadu {
    background-image: url(../images/icons/gadu.gif);
}

.iGroup {
    background-image: url(../images/icons/group.png);
}

.iICQ {
    background-image: url(../images/icons/icq.gif);
}

.iLock {
    background-image: url(../images/icons/lock.gif);
}

.iMSN {
    background-image: url(../images/icons/msn.gif);
}

.iPencil {
    background-image: url(../images/icons/pencil.png);
}

.iPhone {
    background-image: url(../images/icons/phone.png);
}

.iPhotos {
    background-image: url(../images/icons/photos.png);
}

.iPlus {
    background-image: url(../images/icons/plus.png);
}

.iRemove {
    background-image: url(../images/icons/remove.png);
}

.iSearch {
    background-image: url(../images/icons/search.gif);
}

.iSearch2 {
    background-image: url(../images/icons/search.png);
}

.iSettings {
    background-image: url(../images/icons/settings.png);
}

.iSkype {
    background-image: url(../images/icons/skype.gif);
}

.iTelephone {
    background-image: url(../images/icons/telephone.png);
}

.iTlen {
    background-image: url(../images/icons/tlen.gif);
}

.iUser {
    background-image: url(../images/icons/user.png);
}

.iUserGray {
    background-image: url(../images/icons/userGray.png);
}

.iUserGreen {
    background-image: url(../images/icons/userGreen.png);
}

.iUserOrange {
    background-image: url(../images/icons/userOrange.png);
}

.iUserRed {
    background-image: url(../images/icons/userRed.png);
}

.iVcard {
    background-image: url(../images/icons/vcard.png);
}

.iAppBlocks {
    background-image: url(../images/icons/app-blocks.png);
}

.iTwitter {
}

.iSite {
}

.socials {
    background-image: url(../images/icons/32/socials.png);
    width: 32px;
    height: 32px;
    display: inline-block;
    margin-left: 9px;
}

    .socials.twitter {
        background-position: 0 0;
    }

    .socials.facebook {
        background-position: -32px 0;
    }

    .socials.vk {
        background-position: -67px 0;
    }

    .socials.odnoklassiniki {
        background-position: -102px 0;
    }

    .socials.youtube {
        background-position: -134px 0;
    }


.removeFranchiseeButton,
.addFranchiseeButton {
    width: 21px;
    height: 18px;
    display: inline-block;
}

.invite {
    background: #ffeaaa;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    clear: both;
    color: #666;
    height: 2.2em;
    margin-bottom: 20px;
    padding: 6px 10px 6px 6px;
}

    .invite p {
        font-size: 1.2em;
        padding: 0.3em 0 0 6px;
    }

    .invite .button {
        margin: 0 0 0 6px;
    }

    .invite .loading {
        height: 2em;
    }

.loading {
    background: url(../images/loadingWhite.gif) no-repeat center center;
}

.done_good {
    background: url(../images/icons/apply.png) no-repeat center center !important;
}

.done_error {
    background: url(../images/icons/ahtung.png) no-repeat center center !important;
}

div.preview.loading {
    background: url(../images/loadingWhite.gif) no-repeat 110px 40px !important;
}

div.loading {
    width: 16px;
    height: 16px;
}

div.loadingLabel {
    background-position: top left !important;
    color: #999;
    width: 100%;
}

.row .loadingLabel {
    min-height: 2.1em;
}

.loadingLabel.loadingLabel_margin-bottom-20 {
    margin-bottom: 20px;
}

.loadingLabel h4, .loadingLabel p {
    padding-left: 22px;
}

#content .loadingLabel h4 {
    color: #aaa;
    font-size: 1.2em;
    font-weight: bold;
}

.loadingContainer .loading {
    background-color: #fff;
    background-position: center center;
    clear: both;
    height: 40px;
    width: 100%;
}

.progressbar {
    width: 100%;
    height: 16px;
    background: url(../images/loading.gif) no-repeat center center !important;
}


.message .to {
    background: url(../images/bgTo.gif) 0 0 no-repeat;
    margin-left: 10px;
    padding-left: 50px;
}

.message .author {
    float: left;
    padding-bottom: 13px;
}

    .message .author .avatar {
        margin: 0 10px 0 0;
    }

    .message .author img {
        float: left;
        vertical-align: top;
        height: 40px;
        width: 40px;
    }

    .message .author .u {
        font-size: 1.2em;
    }

    .message .author .date {
        color: #999;
        padding-bottom: 2px;
    }

.message .content {
    border-top: solid 1px #ccc;
    clear: both;
    color: #333;
    font-size: 1.2em;
    padding: 10px 0 20px 0;
    min-height: 60px;
}

.owner {
    padding-bottom: 20px;
}

    .owner .avatar {
        margin: 0 10px 20px 0;
        float: left;
    }

        .owner .avatar img {
            height: 40px;
            width: 40px;
        }

#content .owner h2 {
    line-height: 1em;
    padding: 0;
    float: left;
}

    #content .owner h2 a.u {
        font-weight: normal;
    }

#content #subheader {
    width: 940px;
    float: left;
    margin-bottom: 20px;
    position: relative;
}

    #content #subheader .crumbs {
        width: 600px;
        float: left;
    }

#content .breadcrumbs a {
    margin-right: 10px;
}

#content #last_user_viewer {
    float: right;
    font-weight: bold;
    color: #999;
}

#content #subheader .switcher {
    float: left;
}

    #content #subheader .switcher a {
        background: url(../images/sprites/global.png) no-repeat;
        display: inline-block;
        height: 24px;
        width: 24px;
        float: left;
    }

        #content #subheader .switcher a.backward {
            background-position: -864px 0;
        }

            #content #subheader .switcher a.backward:hover {
                background-position: -864px -24px;
            }

        #content #subheader .switcher a.forward {
            background-position: -888px 0;
        }

            #content #subheader .switcher a.forward:hover {
                background-position: -888px -24px;
            }

#content #subheader .info {
    width: 550px;
    float: left;
}

#content #subheader .avatar {
    margin-right: 5px;
}

    #content #subheader .avatar img {
        width: 44px;
        float: left;
    }

#content #subheader h2 {
    width: 550px;
    float: left;
    margin: 0;
    padding-bottom: 0;
}

#content #subheader .info h2,
#content #subheader .info p {
    width: 480px;
}

#content #subheader p {
    width: 550px;
    float: left;
    margin-top: 2px;
}

    #content #subheader p.details {
        color: #999;
    }

#content #subheader .toolbox {
    float: right;
}

    #content #subheader .toolbox #school_selector {
        float: none;
        margin-bottom: 10px;
    }

#content #subheader .toolset form {
    width: 280px;
    float: left;
}

    #content #subheader .toolset form select {
        width: 280px;
        float: left;
    }

    #content #subheader .toolset form label {
        margin-bottom: 5px;
        float: left;
    }

#content #subheader .toolbox a.version_link {
    float: right;
    color: red;
    padding: 0 5px;
}

#content #subheader .toolbox .toolbar {
    width: auto;
    height: 20px;
}

    #content #subheader .toolbox .toolbar li {
        margin-bottom: 0;
    }

#content #subheader .toolbox .all_students {
    float: right;
    margin-left: 10px;
}

#content #subheader .toolbox #linktextAddHomework {
    float: right;
    font-weight: bold;
    font-size: 1.2em;
    padding: 0 5px;
}

.hometask-view-subheader {
    margin-bottom: 15px;
}

.subheader {
    float: left;
    width: 940px;
}

    .subheader .exception {
        float: left;
        width: 500px;
    }

        .subheader .exception .choose {
            float: left;
            margin-bottom: 10px;
        }

    .subheader h2 {
        width: 550px;
        float: left;
        padding-bottom: 10px;
    }

    .subheader .toolbox {
        width: 280px;
        float: right;
    }

    .toolbox_margin-right-200 {
      margin-right: 200px;
    }

        .subheader .toolbox .link {
            float: right;
            margin: 5px 0;
        }

    .subheader .small_banner {
        width: 210px;
        float: right;
    }

.toolset {
    min-height: 50px;
    width: 335px;
}

    .toolset a#IDSchoolAdministration {
        margin-top: 0;
    }

    .toolset .icons {
        margin-top: 17px;
    }

    .toolset form#school_selector {
        width: 250px !important;
        float: left;
    }

.owner {
    min-height: 40px;
}

    .owner p {
        color: #999;
        font-size: 1.0em;
        margin: 5px 0;
        padding: 0;
        width: 550px;
        float: left;
    }

    .owner h2 {
        min-width: 550px;
    }

    .owner p.s2 {
        font-size: 1.2em;
    }

p.info {
    color: #999;
    padding-bottom: 10px;
}

    p.info.center {
        text-align: center;
    }

.online {
    color: #f6921e;
    font-size: 90%;
    padding: 0 5px;
    letter-spacing: .1em;
    text-transform: lowercase;
    vertical-align: top;
}

div.photo {
    min-height: 200px;
    text-align: center;
    margin-bottom: 10px;
}

    div.photo a {
        border: 5px solid #fff;
    }

        div.photo a:hover {
            background: transparent;
        }

    div.photo img {
        border: 10px solid #fff;
    }

a.photo img {
    background-color: #f0f0f0;
    padding: 10px;
}

#content .post h3 {
    font-size: 1.8em;
}

.post .author {
    color: #999;
    margin: 0 0 15px 0;
}

.post .text {
    margin: 0 0 40px 0;
    clear: both;
}

.col23 .post .text {
    overflow: hidden;
}

.col23v .post .text {
    overflow: hidden;
}

.yashare-auto-init {
    float: right;
}

.private {
    color: #666;
    padding: 0 4px;
}

.profile {
    margin-bottom: 20px;
}

.profile_display-flex {
    display:flex;
}

.profile__houseinfo {
    max-width: 43px;
    margin: auto;
}
.profile__houseinfo img {
    width: 100%;
}

    .profile .avatar {
        margin: 0 10px 0 0;
    }

        .profile .avatar img {
            width: 150px;
            height: 150px;
        }

    .profile .online {
        font-size: 80%;
        letter-spacing: normal;
    }

    .profile img.sex {
        display: block;
        float: left;
    }

    .profile dl {
        float: left;
        width: 726px;
    }

        .profile dl dt {
            clear: left;
            color: #666;
            float: left;
            padding: 3px 10px 3px 0;
            width: 9em;
        }

        .profile dl dd {
            margin: 0 0 0 10em;
            padding: 3px 0;
        }

.profileShort .avatar {
    margin: 0 10px 0 0;
}

#content .profileShort h2 {
    margin: 0;
    padding: 0;
}

.profileShort h2 a {
}

.profileShort p.details {
    color: #999;
    font-size: 80%;
    margin: 0;
    padding: 0;
}

#content .promopage .panel h3 {
    font-size: 1.4em;
}

#content .promopage .rounded .cc {
    padding: 4px 12px;
}

.promopage .col23 {
    width: 610px;
}

.promopage .col13 {
    margin-left: 30px;
}

.promopage .itemsS p {
    color: #666;
}

.promopage .newsS a {
    font-size: 1.2em;
}

.promopage .newsS li {
    margin: 0 0 10px 0;
}

.promopage ul.stats li {
    margin: 6px 0 0 0;
}

.promopage .newsFav img {
    height: 180px;
    width: 280px;
}

.promopage .newsFav .strong {
    padding: 6px 0 2px 0;
    font-size: 1.2em;
}

.promopage .blue2 .itemsS li {
    background: transparent;
    padding: 0;
    border: none;
}

.promoBanner {
    color: #999;
    font-size: 1.6em;
    line-height: 1.4em;
    text-align: center;
}

    .promoBanner a.gray {
        text-decoration: underline;
    }

.slider {
    background: #e9f0f7;
    margin-left: -5px !important;
    padding-right: 5px !important;
}

    .slider .knob {
        width: 20px;
        height: 80px;
        background: #ddd;
    }

    .slider .up, .slider .down {
        width: 20px;
        height: 20px;
        background: #e9f0f7;
        text-align: center;
        line-height: 20px;
        cursor: pointer;
        color: #666;
    }

    .slider .active {
        background: #bbb;
    }

.translate ul {
    font-size: 1.2em;
    margin-bottom: 40px;
}

    .translate ul.from {
        float: left;
        margin-left: 15px;
        width: 50%;
    }

    .translate ul.to {
        float: left;
        width: 40%;
    }

    .translate ul li {
        clear: left;
    }

        .translate ul li a {
            display: block;
            color: #2291BE;
            float: left;
            text-decoration: none;
            margin-bottom: 2px;
            padding: 2px 10px;
        }

            .translate ul li a:hover, .translate ul li a.selected {
                background: #2291BE;
                color: #fff;
            }

            .translate ul li a.disabled, .translate ul li a.disabled:hover {
                color: #ccc;
                cursor: default;
                background: transparent;
            }

    .translate ul em {
        color: #fff;
        font-style: normal;
    }

.translate textarea {
    height: 140px;
}

a.thumb {
    border: solid 2px #dde7f6;
    display: block;
}

    a.thumb:hover {
        border-color: #f7941d;
    }

.screen {
    background: #f4f8fe;
    margin-bottom: 1em;
    padding: 10px;
    text-align: center;
}

    .screen img {
        margin: 0;
        width: 100%;
    }

.fileThumb {
    float: left;
    width: 84px;
    height: 84px;
    margin-right: 10px;
    position: relative;
}

    .fileThumb a.i {
        background-color: #fff;
        border: solid 2px #f0f0f0;
        display: block;
        text-align: center;
        width: 80px;
        height: 80px;
    }

        .fileThumb a.i img {
            width: 32px;
            height: 32px;
            padding: 24px 0 0 0;
        }

    .fileThumb .vid .fav {
        width: 150px;
        height: 16px;
        position: absolute;
        top: 72px;
        left: 4px;
    }

    .fileThumb .vid .plus {
        display: none;
        display: block;
        width: 16px;
        height: 16px;
    }

    .fileThumb .type {
        color: #999;
        display: block;
        font-size: 1em;
        width: 2.5em;
        height: 16px;
        position: absolute;
        text-align: right;
        top: 2px;
        right: 4px;
    }


.object .avatar {
    margin: 0 5px 0 0;
}

.object .name {
    font-size: 1.2em;
    font-weight: bold;
}

.object p {
    color: #999;
    margin: 5px 0 0 0;
}

a.u {
    font-weight: bold;
}

#content a.u {
    color: #8caf31;
}

    #content a.u:hover {
        color: #f7941d;
    }

span.u {
    color: #888;
    font-weight: bold;
}

#content p.light a.u {
    font-weight: normal;
    color: #999;
}

.sms-banner {
    padding: 10px 15px;
    height: 110px;
    background-color: rgb(83,195,236);
    border-radius: 10px;
    color: #fff;
    margin-bottom: 10px;
}

.col13 > .sms-banner {
    text-align: center;
}

.sms-banner h5, .sms-banner h6, .sms-banner p {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

.sms-banner h5 {
    font-size: 25px;
}

.sms-banner h6 {
    font-size: 15px;
}

.sms-banner p {
    margin: 10px 0;
    font-size: 14px;
}

    .sms-banner p strong {
        color: rgb(255,220,103);
    }

.sms-banner a {
    border: 1px solid transparent;
    border-radius: 10px;
    background-color: rgb(253,145,30);
    background-image: linear-gradient(top, rgb(253,145,30) 0%, rgb(254,172,84) 98%);
    background-image: -o-linear-gradient(top, rgb(253,145,30) 0%, rgb(254,172,84) 98%);
    background-image: -moz-linear-gradient(top, rgb(253,145,30) 0%, rgb(254,172,84) 98%);
    background-image: -webkit-linear-gradient(top, rgb(253,145,30) 0%, rgb(254,172,84) 98%);
    background-image: -ms-linear-gradient(top, rgb(253,145,30) 0%, rgb(254,172,84) 98%);
    background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgb(253,145,30)), color-stop(0.98, rgb(254,172,84)) );
    color: #fff;
    padding: 3px 9px;
    box-shadow: 1px 1px 1px #999;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
}

    .sms-banner a:hover {
        background-color: rgb(254,160,70);
        background-image: linear-gradient(top, rgb(254,172,84) 0%, rgb(253,145,30) 98%);
        background-image: -o-linear-gradient(top, rgb(254,172,84) 0%, rgb(253,145,30) 98%);
        background-image: -moz-linear-gradient(top, rgb(254,172,84) 0%, rgb(253,145,30) 98%);
        background-image: -webkit-linear-gradient(top, rgb(254,172,84) 0%, rgb(253,145,30) 98%);
        background-image: -ms-linear-gradient(top, rgb(254,172,84) 0%, rgb(253,145,30) 98%);
        background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgb(254,172,84)), color-stop(0.98, rgb(253,145,30)) );
        color: #fff;
    }

.user {
}

    .user .avatar {
        margin: 0 5px 0 0;
    }

    .user .u {
        font-size: 1.2em;
        font-weight: bold;
    }

    .user p {
        color: #999;
        margin: 5px 0 0 49px;
    }

.stars {
    background: url(../images/sprites/global.png) -664px -52px no-repeat;
    border: none;
    padding: 0;
    margin: 0;
    outline: none;
}

    .stars span {
        display: none;
    }

.starsS {
    width: 63px;
    height: 12px;
}

.starsL {
    background-position: -664px -76px;
    width: 85px;
    height: 16px;
}

div.audio {
    background-color: #f0f0f0;
    color: #999;
    margin: 0 auto;
    min-height: 20px;
    text-align: center;
    width: 400px;
}

div.video {
    background-color: #f0f0f0;
    color: #999;
    font-size: 1.6em;
    height: 384px;
    text-align: center;
    width: 640px;
}

    div.audio p a, div.video p a {
        white-space: nowrap;
    }

.video p {
    padding: 20% 20px 0 20px;
}

/******************************************* 
	Misc
*******************************************/
.blocked {
    color: #999;
}

#content .blocked p {
    background: #f6f6f6;
    padding: 6px 10px;
}

.error {
    color: Red;
}

.clear {
    clear: both;
}

.cl {
    clear: left;
}

.cr {
    clear: right;
}

#content .noClear {
    clear: none;
}

.b {
    display: block;
}

.b-bold {
  font-family: 'Arial', helvetica, sans-serif;
  font-weight: 700;
}

.empty a, .empty {
    color: #ccc;
    font-weight: normal;
}

#content a.female {
    background-color: #f9cfe3;
    border-color: #f9cfe3;
}

.ie {
    height: 1%;
}

.fade {
    filter: Gray Alpha(opacity=20);
    -moz-opacity: 0.20;
    opacity: 0.20;
}

.light {
    color: #666;
}

.light2 {
    color: #bbb;
}

.line {
    margin: 6px 0;
}

#content a.male {
    background-color: #aecaf2;
    border-color: #aecaf2;
}

.childList li .nav_list .children__item {
  list-style-type: none;
  margin-left: 0;
}

.children__item-href {
  color: #2291be;
  font-size: 13px;
  font-weight: 400;
}

.children__item-activation {
  margin-bottom: 10px;
}

.children__item-online {
  display: inline-block;
  color: #f69256;
  margin-left: 3px;
}

.childList .children__school {
  color: #2291be;
}

.childList .children__school-wrapper {
    margin-left: 0;
}

.childList .my-children__item {
    padding: 20px 6px 6px 6px;
}

.children__actions {
    float: right;
}

.children__actions .children__actions-wrapper {
    margin-bottom: 12px;
    padding: 10px;
    background-color: #f9f5e4;
    border-radius: 5px;
    width: 240px;
}

.children__actions .children__actions-wrapper-blue {
    margin-bottom: 12px;
    padding: 10px;
    background-color: #EFF9FD;
    border-radius: 5px;
    width: 240px;
}

.children__actions .children__actions-href {
  margin-left: 0;
  color: #2291be;
  font-size: 13px;
  margin: 2px 0;
}

.parental-control-link {
    margin-bottom: 12px;
}

.parental-control-link img {
    vertical-align: middle;
}

#content .l {
    float: left;
}

img.l {
    margin: 0 10px 0 0;
}

.r, #content .r {
    float: right;
}

.tac {
    text-align: center;
}

.tal {
    text-align: left;
}

.tar {
    text-align: right;
}

.bg-lightgray {
    background-color: lightgrey;
}

#content .first, #footer .first {
    clear: left;
}

#content li.first {
    margin-left: 0;
    margin-top: 0;
}

#content li.switch-all-groups {
    width: 100%;
    padding-bottom: 10px;
}

#content dt.first {
    margin-top: 0;
}

#content div.first, #footer div.first {
    margin-left: 0;
}

#content .last {
    margin-bottom: 0;
    padding-bottom: 0;
}

#content .hidden {
    display: none;
}

#content .nobr {
    white-space: nowrap;
}

#content .centered {
    float: none;
    margin: 0 auto;
}

.scroll {
    background: #fff;
    max-height: 200px;
    overflow: auto;
    width: 100%;
}

.disabled, a.disabled,button.disabled {
    color: #ccc;
}

.padT {
    padding-top: 20px;
}

.stepLeft, stepL {
    margin-left: 20px;
}

.stepB {
    margin-bottom: 20px;
}

.stepT {
    margin-top: 10px;
}

.big {
    font-size: 1.2em;
}

.big1 {
    font-size: 1.1em;
}

.big2 {
    font-size: 1.4em;
}

.h40 {
    height: 40px;
}

.h200 {
    height: 140px;
}

.shadow {
    box-shadow: 2px 2px 10px #333;
    -moz-box-shadow: 2px 2px 10px #333;
    -webkit-box-shadow: 2px 2px 10px #333;
    z-index: 1000;
}

.space {
    clear: both;
    height: 20px;
}

.space1 {
    clear: both;
    height: 1px;
}

.strike, a.strike {
    text-decoration: line-through;
    font-weight: normal;
}

.strong {
    font-weight: bold;
}

em.samp, .dotted {
    border-bottom: dashed 1px #ccc;
    cursor: pointer;
}

.underline {
    border-top: solid 1px #999;
}

.lessonWorkJournalMarkHolder {
    height: 22px;
    padding: 1px 0;
}

/******************************************* 
	im.scroller
*******************************************/
.scroller {
    background: #666;
    clear: both;
    position: relative;
    width: 100%;
    margin: 0 auto 20px auto;
    overflow: hidden;
}

    .scroller .thumbs {
        height: 104px;
        width: 888px;
        overflow: hidden;
        float: left;
    }

    .scroller ul {
        width: 10000px;
        height: 100%;
        margin: 8px 0;
        padding-left: 4px;
        z-index: 1;
    }

    .scroller li {
        float: left;
        margin: 0px 4px;
        text-align: center;
        width: 88px;
        height: 88px;
    }

        .scroller li a {
            background-color: #fff;
            border: solid 4px #444;
            display: block;
            float: left;
            width: 80px;
            height: 80px;
        }

            .scroller li a:hover {
                border-color: #333;
            }

        .scroller li img {
            width: 32px;
            height: 32px;
            padding: 8px 0 0 0;
        }

        .scroller li.active {
        }

    .scroller .thumbs li.active a {
        border-color: #F7941D;
    }

    .scroller li .type {
        color: #999;
        font-size: 1em;
        height: 16px;
        padding-right: 4px;
        text-align: right;
    }

    .scroller a.thumbs_move {
        background: url(../images/sprites/scroller.gif) 0px -212px no-repeat;
        display: block;
        height: 104px;
        width: 26px;
        z-index: 10;
        float: left;
        cursor: default;
    }

    .scroller a#thumbs_move_left.on, .scroller a#thumbs_move_right.on {
        cursor: pointer;
    }

    .scroller a#thumbs_move_left.on {
        background-position: 0px 0px;
    }

        .scroller a#thumbs_move_left.on:hover {
            background-position: 0px -106px;
        }

    .scroller a#thumbs_move_right {
        background-position: -26px -212px;
        float: right;
    }

        .scroller a#thumbs_move_right.on {
            background-position: -26px 0px;
        }

            .scroller a#thumbs_move_right.on:hover {
                background-position: -26px -106px;
            }

/******************************************* 
	imCalendar
*******************************************/
#calendar {
    position: absolute;
    border: 6px solid #005993;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 175px;
    height: 170px;
    padding: 4px;
    font-family: tahoma,verdana,helvetica;
    font-size: 11px;
    text-align: center;
    background: #f4f8fe;
    overflow: hidden !important;
    z-index: 10000;
}

    #calendar.he {
        width: 420px;
        height: 410px;
    }

input.calendar {
    width: 173px;
}

#calendar a {
    text-decoration: none;
    color: #2291be;
    cursor: pointer;
}

    #calendar a:hover {
        color: #f6921e;
    }

#calendar .previous, #calendar .next {
    position: absolute;
    top: 6px;
    font-size: 14px;
}

#calendar .previous {
    left: 8px;
}

#calendar .next {
    right: 8px;
}

#calendar .current {
    font-weight: bold;
    padding: 4px 0px;
}

#calendar li {
    float: left;
    margin: 0px;
    list-style: none;
}

#calendar .week li {
    background: #005993;
    border: none;
    border-bottom: solid 1px #f4f8fe;
    color: #fff;
    padding: 2px 0;
    width: 25px;
}

#calendar.he .week li {
    width: 60px;
}

#calendar .week li.weekend {
    background: #f00;
}

#calendar .days li a {
    background: #fff;
    border-bottom: solid 1px #f4f8fe;
    color: #333;
    width: 25px;
    display: block;
    height: 18px;
    line-height: 18px;
}

#calendar.he .days li a {
    height: 56px;
    width: 60px;
}

#calendar .days li a:hover {
    background: #f6921e !important;
    color: #fff !important;
}

#calendar .days li a.notnow {
    color: #999;
}

#calendar .today {
    clear: both;
    position: absolute;
    bottom: 5px;
    left: 3px;
    padding-top: 3px;
    width: 100%;
}

#calendar div.month, #calendar div.year, #calendar div.decade {
    overflow: hidden;
    height: 132px;
}

#calendar.he div.month, #calendar.he div.year, #calendar.he div.decade {
    height: 360px;
}

#calendar .years li a, #calendar .months li a {
    background: #fff;
    color: #333;
    display: block;
    width: 43px;
    height: 44px;
    line-height: 44px;
    font-size: 11px;
    text-transform: lowercase;
    height: 43px;
    line-height: 43px;
}
    /*#calendar .years li a, #calendar .months li a {width: 86px; height: 88px; line-height: 88px;}*/
    #calendar .years li a:hover, #calendar .months li a:hover {
        background: #2291be !important;
        color: #fff;
    }

#calendar .days li a.now {
    background-color: #f6921e;
    color: #fff;
}
/*#calendar .days li a.selected { background-color:#e9f4bd; }*/
#calendar span {
    color: #ddd;
}

#calendar a.disabled, #calendar .days li a.disabled, #calendar .months li a.disabled, #calendar .years li a.disabled {
    color: #ddd;
    cursor: default;
}

    #calendar a.disabled:hover, #calendar li a.disabled:hover {
        color: #ddd;
        background: #fff;
    }

#calendar .hidden {
    display: none;
}

#calendar .changin {
    position: relative;
}

#calendar.he a {
    font-family: Arial;
    font-weight: bold;
    font-size: 13px;
}

#calendar.he p.hol {
    color: #f00;
    font-size: 10.3px;
}

/******************************************* 
	modal
*******************************************/
.modal {
    background-color: #fff;
    display: none;
    border: 10px solid #005993;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

#content .modal h2 {
    background: #e4e8ee;
    color: #333;
    font-size: 1.4em;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0 10px;
}

.modal .wrapper {
    height: 100%;
    width: 100%;
    display: none;
}

.modal .close {
    background: url(../images/x-button.png) no-repeat;
    cursor: pointer;
    position: absolute;
    right: -18px;
    top: -18px;
    height: 28px;
    width: 28px;
    z-index: 1000;
}

#content .modal .cc {
    padding: 10px;
}

.modal .modalScroll {
    overflow-y: auto;
}

#content .modal .modalScroll .cc {
    padding: 10px;
}

#content .modal #divLessonConfirm.modalScroll .cc {
    padding: 10px 20px;
}

.modal .buttons {
    background: #e4e8ee;
    bottom: 0;
    right: 0;
    clear: both;
    height: 30px;
    width: 100%;
    position: absolute;
}

    .modal .buttons .button {
        float: right;
        margin: 2px 4px 0 4px;
    }

    .modal .buttons .loading {
        float: right;
        height: 30px;
        width: 40px;
    }

.modal .modalLoading .loading {
    background-color: #fff;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 100;
}

#loadingContainer.loading-ex {
    position: static;
    display: block;
    height: 50px;
}

.popup-dialog {
    border: 10px solid;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    box-shadow: 2px 2px 10px #333;
    -moz-box-shadow: 2px 2px 10px #333;
    -webkit-box-shadow: 2px 2px 10px #333;
    color: #ffffff;
}

    .popup-dialog.popup-dialog_error,
    .popup-dialog.popup-dialog_message {
        display: block;
        font-size: 1.8em;
        overflow: hidden;
        padding: 0;
        position: absolute;
        text-align: center;
        top: 150px;
        z-index: 1000000001;
        width: 400px;
    }

    .popup-dialog.popup-dialog_error {
        background: #ff0000;
        border-color: #ff0000;
    }

    .popup-dialog.popup-dialog_message {
        background-color: #bed639;
        border-color: #bed639;
    }

#tooltip {
    border: 4px solid #bbb;
    background: #f0f0f0;
    color: #666;
    display: none;
    font-size: 1.2em;
    position: absolute;
}

.overlay {
    border: 6px solid #005993;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #f4f8fe;
    display: none;
    color: #333;
    font-weight: bold;
    font-size: 1.1em;
    position: absolute;
    padding: 6px;
}

    .overlay .close {
        display: none !important;
    }

#overlayConfirm {
    border: 6px solid #005993;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #f4f8fe;
    display: none;
    color: #333;
    font-weight: bold;
    font-size: 1.1em;
    position: absolute;
    padding: 6px;
    width: auto;
    height: auto;
    min-width: 15em;
    min-height: 3.3em;
}

    #overlayConfirm div {
        margin-bottom: 6px;
        position: static;
    }

    #overlayConfirm .button {
        font-size: 1.1em;
    }

#overlaySimpleModal {
    border: 6px solid #005993;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #f4f8fe;
    display: none;
    color: #333;
    font-weight: bold;
    font-size: 1.1em;
    position: absolute;
    padding: 6px;
    width: auto;
    height: auto;
    min-width: 14em;
    min-height: 3.3em;
}

    #overlaySimpleModal div {
        margin-bottom: 6px;
        position: static;
    }

    #overlaySimpleModal .button {
        font-size: 1.1em;
    }

    #overlaySimpleModal .close {
        background: url(../images/sprites/global.png) no-repeat -864px -80px;
        cursor: pointer;
        position: absolute;
        right: -16px;
        top: -16px;
        height: 24px;
        width: 24px;
        z-index: 1000;
    }

#overlayConfirmPaper {
    border: 6px solid #005993;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #f4f8fe;
    display: none;
    color: #333;
    font-weight: bold;
    font-size: 1.1em;
    position: absolute;
    padding: 6px;
    width: 25em;
    height: 130px;
}

    #overlayConfirmPaper div {
        margin-bottom: 20px;
        margin-top: 10px;
        position: static;
        margin-left: 20px;
    }

    #overlayConfirmPaper .button {
        font-size: 1.1em;
        padding: 3px 12px 3px 12px;
    }

#overlayError {
    border: 6px solid #f00;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #f4f8fe;
    display: none;
    color: #f00;
    font-weight: bold;
    font-size: 1.1em;
    position: absolute;
    padding: 6px;
    width: 14em;
    height: 3.3em;
}

/******************************************* 
	netUpload
*******************************************/
.netUpload li {
    border: 2px solid #E5E5E5;
    background-color: #fff;
    color: #666;
    margin-bottom: 6px;
    padding: 4px;
}

.netUpload li.AttachedFiles {
    border: none;
    background-color: transparent;
}
    .netUpload li img {
        margin-left: 7px; 
        transform: translateY(4px);
    }

    .netUpload li a {
        margin-right: 6px;
    }

    .netUpload li div {
        float: right;
        text-align: right;
    }

#netProgress .close {
    display: none;
}

#netProgress .bar {
    background-color: #f0f0f0;
    margin: 10px 0;
    height: 20px;
    text-align: center;
    position: relative;
}

    #netProgress .bar div {
        background-color: #f6921e;
        height: 20px;
        width: 0;
        position: absolute;
        top: 0;
        left: 0;
    }

    #netProgress .bar span {
        color: #333;
        font-weight: bold;
        line-height: 20px;
        position: relative;
    }

#netProgress .netStatus {
    color: #666;
}

/******************************************* 
	im.taggin
*******************************************/

#people {
    padding: 10px;
    margin-bottom: 15px;
}

#photoOverlay {
    position: absolute;
    background: transparent;
    z-index: 2008;
    display: none;
}

#lightedArea {
    position: absolute;
    z-index: 2010;
    overflow: hidden;
    border: 1px solid #FFCD11;
    display: none;
    cursor: move;
}

    #lightedArea img {
        position: absolute;
    }

.ontop {
    z-index: 500;
    position: relative;
    background: #fff;
}

.ontopWall {
    z-index: 2008;
    position: relative;
    background: #fff;
    max-height: 400px;
}

.resizer {
    overflow: hidden;
    position: absolute;
    width: 6px;
    height: 6px;
    background: #FFCD11;
    z-index: 10;
    visibility: hidden;
    display: block;
}

#r_se {
    bottom: 0px;
    right: 0px;
    cursor: se-resize;
}

#r_e {
    top: 50%;
    right: 0px;
    margin-top: -3px;
    cursor: e-resize;
}

#r_ne {
    top: 0px;
    right: 0px;
    cursor: ne-resize;
}

#r_n {
    top: 0px;
    left: 50%;
    margin-left: -3px;
    cursor: n-resize;
}

#r_nw {
    top: 0px;
    left: 0px;
    cursor: nw-resize;
}

#r_w {
    top: 50%;
    left: 0px;
    margin-top: -3px;
    cursor: w-resize;
}

#r_sw {
    left: 0px;
    bottom: 0px;
    cursor: sw-resize;
}

#r_s {
    bottom: 0px;
    left: 50%;
    margin-left: -3px;
    cursor: s-resize;
}


#tagginInfo {
    position: absolute;
    background: #fff;
    display: none;
    text-align: center;
    z-index: 2008;
    font-size: 1.2em;
    line-height: 20px;
    padding: 60px 20px;
}

#tagList {
    background: #fff;
    border: 4px solid #333;
    margin: 0px auto;
    display: none;
    text-align: left;
    width: 500px;
    overflow: hidden;
    z-index: 3100;
}

    #tagList .header {
        background: #eee !important;
        overflow: hidden;
        display: block;
        padding: 3px;
        float: left;
        width: 100%;
    }

        #tagList .header h1 {
            font-size: 1.4em;
            line-height: 25px;
            float: left;
        }

        #tagList .header .close_button {
            background: url(../images/icons/wc.gif) center center no-repeat;
            display: block;
            width: 25px;
            height: 25px;
            font-weight: bold;
            text-align: center;
            line-height: 25px;
            color: #000;
            float: right;
            margin-right: 5px;
            margin-right: 3px;
        }

    #tagList .content {
        background-color: #fff;
        padding: 10px;
        display: block;
        font-size: 1.2em;
        overflow: hidden;
        clear: both;
    }

    #tagList .footer {
        background: #eee !important;
        text-align: right;
        clear: both;
        padding: 5px;
    }

        #tagList .footer a.r {
            float: right;
            margin-right: 0;
        }

#tagList {
    width: 250px;
    position: absolute;
    display: none;
    z-index: 2010;
}

    #tagList .footer {
        overflow: hidden;
    }

    #tagList .nameEdit {
        width: 220px;
    }

    #tagList p {
        line-height: 1.4em;
    }

        #tagList p.chooseFriend {
            margin-top: 8px;
        }

    #tagList .friendsList {
        height: 150px;
        overflow: auto;
    }

        #tagList .friendsList a {
            display: block;
            font-size: 1.2em;
            padding: 2px;
            margin-bottom: 2px;
        }

    #tagList .fGroups {
        width: 220px;
        margin-bottom: 5px;
    }

#tagginTooltip {
    position: absolute;
    z-index: 2010;
    background: #fff;
    border: 1px solid #FFCD11;
    padding: 5px 7px;
    display: none;
    font-size: 1.1em;
}

/******************************************* 
	star rating
*******************************************/
div.rating {
    cursor: pointer;
    display: block;
    height: 16px;
}

    div.rating:after {
        content: '.';
        display: block;
        height: 0;
        width: 0;
        clear: both;
        visibility: hidden;
    }

div.cancel, div.star {
    float: left;
    width: 17px;
    height: 15px;
    text-indent: -999em;
    cursor: pointer;
    display: block;
    background: transparent;
    overflow: hidden;
}

    div.cancel, div.cancel a {
        background: url(../images/icons/delete.gif) no-repeat 0 -16px;
    }

    div.star, div.star a {
        background: url(../images/sprites/star.gif) no-repeat 0 0px;
    }

        div.cancel a, div.star a {
            display: block;
            width: 16px;
            height: 100%;
            background-position: 0 0px;
            border: 1 solid #FF0000;
        }

div.star_on a {
    background-position: 0 -16px !important;
}

div.star_hover a, div.star_live a:hover {
    background-position: 0 -32px;
}
/* Read Only CSS */
div.star_readonly a, div.star_readonly a:hover {
    cursor: default !important;
}
/* Partial Star CSS */
div.star {
    background: transparent !important;
    overflow: hidden !important;
}

div.ratingD {
    color: #999;
    float: left;
    padding-left: 6px;
    font-size: 1.2em;
}

/******************************************* 
	treeview
*******************************************/
.treeview {
}

    .treeview ul {
        margin-top: 4px;
    }

    .treeview .hitarea {
        background: url(../images/sprites/global.png) -928px -4px no-repeat;
        height: 16px;
        width: 16px;
        margin-left: -16px;
        float: left;
        cursor: pointer;
    }

* html .hitarea {
    display: inline;
    float: none;
}
/* fix for IE6 */
.treeview li {
    margin: 0;
    padding: 3px 0pt 3px 16px;
}

.treeview .hover {
    background: red;
    cursor: pointer;
}

.treeview li.collapsable, .treeview li.expandable {
    background-position: -928px -35px;
}

.treeview .expandable-hitarea {
    background-position: -928px -35px;
}

.filetree li {
    padding: 3px 0 2px 16px;
}

.filetree span.folder, .filetree span.file {
    padding: 1px 0 1px 16px;
    display: inline;
}

.filetree span.folder {
    background: url(../images/folder.gif) 0 0 no-repeat;
}

.filetree li.expandable span.folder {
    background: url(../images/folder-closed.gif) 0 0 no-repeat;
}

.filetree span.file {
    background: url(../images/file.gif) 0 0 no-repeat;
}

/******************************************* 
	marks
*******************************************/
#popup.marks {
    background: #005993;
    padding: 0;
    width: 160px;
}

    #popup.marks .text {
        padding: 2px;
    }

    #popup.marks a {
        color: #fff;
        display: block;
        float: left;
        font-size: 1.2em;
        line-height: 20px;
        margin-bottom: 4px;
        text-align: center;
        padding: 0;
        width: 26px;
    }

        #popup.marks a.w {
            width: 78px;
        }

        #popup.marks a.mC, #popup.marks a.mD {
            font-size: 1.0em;
            line-height: 20px;
            margin-left: 4px;
            width: 78px;
        }

        #popup.marks a.mD {
            background-color: #bbb;
            color: #fff;
        }

            #popup.marks a.mD:hover {
                background-color: #aaa;
            }

    #popup.marks div {
        float: left;
        width: 78px;
    }

    #popup.marks p {
        clear: both;
    }

        #popup.marks p.last a {
            margin-bottom: 0;
        }

    #popup.marks b {
        visibility: hidden;
    }

#popup.marks100 {
    width: 282px;
}

    #popup.marks100 div.marksC {
        width: 200px;
    }

        #popup.marks100 div.marksC a {
            font-size: 1em;
            width: 20px;
        }

#popup.marks10 {
    width: 302px;
}

    #popup.marks10 div.marksC {
        width: 220px;
    }

        #popup.marks10 div.marksC a {
            font-size: 1em;
            width: 20px;
            margin-right: 2px;
        }

#popup.marksOnlyNone {
    width: 87px;
}

#popupBlock {
    width: 120px;
}

#popup.precence {
    width: 92px;
}

    #popup.precence a {
        color: #fff;
        display: block;
        margin-bottom: 2px;
        text-align: center;
        padding: 0;
        width: 100% !important;
    }

        #popup.precence a.lsD {
            background-color: #bbb;
        }

            #popup.precence a.lsD:hover {
                background-color: #aaa;
            }

        #popup.precence a.mC {
            font-size: 0.8em;
            margin-top: 0;
        }

#popup.pWork {
    width: 136px;
}

#popup.pPermissions {
    width: 230px;
}

    #popup.pPermissions a {
        font-size: 1.0em !important;
        text-align: left;
    }

.nolineheight {
    line-height: 1em !important;
}

.subpositionRow {
    margin-left: 32px;
}

.positionOptions {
    margin-left: 32px;
    padding-bottom: 10px;
}

    .positionOptions label {
        margin-bottom: 10px;
    }

table.jlag td {
    vertical-align: middle !important;
}

    table.jlag td span {
        text-align: center;
    }

    table.jlag td div.pres {
        display: inline;
    }

    table.jlag td.lag div {
        font-size: 1em !important;
    }

        table.jlag td.lag div a {
            color: red !important;
        }

.moderationConceptMessage {
    float: right;
}

.forceltr {
    direction: ltr;
    display: inline-block;
}

.marks th {
    background-color: #ecf2f9;
}

    .marks th a {
        font-weight: bold;
    }

.marks em {
    color: #999;
    font-size: 1.4em;
    font-style: normal;
    padding: 0 2px;
}

.marks .mG, .marks .mY, .marks .mR, .marks .mX, .marks .mD, .marks .mO {
    color: #999;
    font-size: 17px;
    font-weight: bold;
    line-height: 20px;
    padding: 0 2px;
}

.marks .mG {
    background-color: #c2d23a;
    color: #fff !important;
}

    .marks .mG:hover {
        background-color: #b2c22a;
    }

.marks .mY {
    background-color: #f9a23b;
    color: #fff;
}

    .marks .mY:hover {
        background-color: #f39320;
    }

.marks .mO {
    background-color: #f9a23b;
    color: #fff;
}

    .marks .mO:hover {
        background-color: #f39320;
    }

.marks .mR {
    background-color: #ff6666;
    color: #fff;
}

    .marks .mR:hover {
        background-color: #ef5656;
    }

.marks .mD {
    background-color: #bbb;
    color: #fff;
}

    .marks .mD:hover {
        background-color: #aaa;
    }

.marks .mX:hover {
    background-color: #bbb;
    color: #fff;
}

.marks .mSt {
    color: #ffffff;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.3em;
    padding: 0 2px;
}

.marks .mBl {
    color: #999 !important;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.3em;
    padding: 0 2px;
}

#content .marks .lsG,
#content .marks .lsD,
#content .marks .lsR,
#content .marks .lsB,
#content .marks .lsY,
#content .marks .lsX,
#content .marks .ls0,
.marks .tse a {
    font-size: 1.2em;
    font-weight: bold;
}

.marks .lsG a,
.marks .lsR a,
.marks .lsY a,
.marks .lsB a,
.marks .lsD a,
.marks .lsG,
.marks .lsR,
.marks .lsY,
.marks .lsB,
.marks .lsD,
.marks .ls0,
.marks .tse a {
    color: #fff;
}

.marks .lsX a {
    color: #999;
}

.formativeMark {
    font-size: 12px !important;
}

.markcommentstable textarea {
    width: 200px;
    height: 100px;
}

.journal_day_marksrow {
    height: 33px;
}

#content .marks .lsG, .marks .lsG {
    background-color: #c2d23a;
}

    #content .marks .lsG:hover, .marks .lsG:hover {
        background-color: #b2c22a;
    }

#content .marks .lsD, .marks .lsD {
    background-color: #BBBBBB;
}

    #content .marks .lsD:hover, .marks .lsG:hover {
        background-color: #BBBBBB;
    }

#content .marks .lsK, .marks .lsK {
    background-color: #BF79B1;
}

    #content .marks .lsK:hover, .marks .lsK:hover {
        background-color: #AD6EA0;
    }

#content .marks .lsR, .marks .lsR {
    background-color: #ff6666;
}

    #content .marks .lsR:hover, .marks .lsR:hover {
        background-color: #ef5656;
    }

#content .marks .lsB, .marks .lsB {
    background-color: #459dd6;
}

    #content .marks .lsB:hover, .marks .lsB:hover {
        background-color: #358dc6;
    }

#content .marks .lsY, .marks .lsY {
    background-color: #f9a23b;
}

    #content .marks .lsY:hover, .marks .lsY:hover {
        background-color: #f39320;
    }

#content .marks .ls0, .marks .ls0 {
    background-color: #ccc;
}

    #content .marks .ls0:hover, .marks .ls0:hover {
        background-color: #bbb;
    }

.marks .lpcHover {
    color: #32a1ce;
    text-align: center;
}

.marks td.lpm {
    white-space: nowrap;
}

.marks td.mark_noe,
#main_area .marks .mark_noe.mX:hover {
    background-color: #EEEEFF;
}

.marks td.lpm span {
    color: #f00;
    display: block;
    font-size: 0.9em;
}

.marks .u2 {
    line-height: 24px;
}

.marks th .button {
    float: none;
    font-size: 1.4em;
    margin: 5px auto 0 auto;
    padding: 0;
    width: 20px;
}

    .marks th .button.disabled {
        background-color: #ccc;
        color: #fff;
        border-width: 0;
    }

.marks input {
    margin: 0;
    padding: 2px 4px;
    text-align: center;
    width: 3em;
}

.marks #mFooter .button {
    float: none;
    font-size: 1.1em;
    font-weight: bold;
    margin: 5px auto 0 auto;
    width: 20px;
}

.marks #mFooter td {
    text-align: center;
}

#content .marks h3 {
    margin-top: 6px;
}

input.markEdit {
    height: 18px;
}

.final-marks {
    font-size: 12px !important;
}

/******************************************* 
	passwordValidator
*******************************************/
.pswstr_1, .pswstr_2, .pswstr_3 {
    font-weight: bold;
    padding-left: 20px;
    margin-left: 10px;
}

.pswstr_1 {
    color: red;
    background: url(../images/icons/applyred.png) no-repeat;
}

.pswstr_2 {
    color: orange;
    background: url(../images/icons/applyorange.png) no-repeat;
}

.pswstr_3 {
    color: #9bc200;
    background: url(../images/icons/apply.png) no-repeat;
}

.hpbad {
    color: red;
}

.hpgood {
    color: orange;
}

.hpexcelent {
    color: #9bc200;
}

/* Organization functions */
li.forumSettingItem {
    padding-top: 5px;
}

div.forumSettingItemSelection {
    padding-top: 3px;
}
/* END Organization functions */

/* Application */
.appsPaymentsCommissionPercent {
    margin-left: 5px;
}
/* END Application */

/* Blog */
.blogNotesAndComments,
.col34.blogNotesAndComments {
    position: static;
}
/* END Blog */

/* Captcha view control (MVC) */
.captcha_container > input[type=text] {
    width: 80px;
    height: 20px;
}

.captcha_container > img {
    vertical-align: bottom;
}

.captcha_container > .captcha_image {
    margin: 0 2px 0 15px;
    border: solid 1px #cccccc;
}

.captcha_container > .captcha_refresh_image {
    cursor: pointer;
}
/* END Captcha view control (MVC) */

/* Common styles */
.margin_left {
    margin-left: 20px;
}

.margin_left_10 {
    margin-left: 10px;
}

.right {
    float: right;
    margin-right: 10px;
}

/* END Common styles */

.treeelement.level5 {
    margin-left: 50px;
}

table.fixed {
    table-layout: fixed;
}

form.enrollFilter .row {
    padding: 3px 10px;
    display: inline-block;
}

form.enrollFilter label {
    display: block;
}

.smallColumn{
    width: 30px;
}

.mediumColumn {
    width: 60px;
}

.bigColumn {
    width: 270px;
}

.bigColumn_interactive {
    width: 210px;
}

.column_interactive {
    max-width: 130px;
}

.select_interactive {
    width: 135px;
    font-size: 11px;
}

th.sortable {
    color: #2291be;
    cursor: pointer;
}

    th.sortable:hover {
        color: #f6921e;
    }

div.massInput .row:not(.row_hidden) {
    display: inline-block;
    padding: 5px 8px 5px 0;
}

.workExperience__value {
    width: 50px;
}

.workExperience__text {
    margin: 0 10px 0 10px;
}

div.massInput select {
    width: 220px;
}

div.massInput label {
    margin-top: 2px;
    display: block;
}

div.massInput .w72 {
    width: 72px;
}

td.error {
    border: 1px double #f99;
    background-color: #fee !important;
}

    td.error input, td.error select {
        background-color: #fee;
    }

.teacherschedule {
    position: relative;
    top: -40px;
}

table.grid_contingent th,
table.grid_contingent td {
    border: solid 1px black;
}

table.grid_contingent th {
    background: #C5D9F1;
    padding: 0 2px;
}

table.grid_contingent td {
    background: transparent;
    padding: 0 2px;
}

/*Журналы. Фильтр*/
.journal-filter {
    float: left;
    margin-bottom: 20px;
}

    .journal-filter > div {
        float: left;
    }

.journal-actions {
    margin-bottom: 10px;
}

.journal-switch {
    padding-left: 8px;
}

    .journal-switch, .journal-switch * {
        float: left;
    }

        .journal-switch ul, .journal-switch *:not(:first-child) {
            margin-left: 10px;
        }

        .journal-switch .filter {
            line-height: 1.2em;
        }

.select-parallel {
    padding: 10px 0;
}

.select-all-classes {
    float: left;
    width: 100%;
    margin: 20px 6px;
    font-size: 15px;
}

    .select-all-classes div {
        cursor: pointer;
    }

    .select-all-classes input {
        margin-bottom: 2px;
    }

.journal-print-buttons {
    margin-left: 6px;
}

.journal-print-button {
    width: 113px;
    float: left;
}

.journal-print-with-planning-button {
    float: left;
    padding-left: 20px;
    clear: none;
}

    .journal-print-with-planning-button input, .journal-print-button input, .journal-export-button input {
        background: #76b9ea;
        border: solid 1px #b8defa;
        border-right-color: #5398cb;
        border-bottom-color: #5398cb;
        color: #fff;
        font-size: 1.3em;
        overflow: visible;
        padding: 2px 8px;
        width: auto;
    }

    .journal-print-with-planning-button input:hover, .journal-print-button input:hover, .journal-export-button input:hover {
        background: #f19720;
    }

        .journal-print-with-planning-button input[disabled], .journal-print-with-planning-button input[disabled]:hover,
        .journal-print-button input[disabled], .journal-print-button input[disabled]:hover,
        .journal-export-button input[disabled], .journal-export-button input[disabled]:hover {
            background: #cccccc;
            border-color: #aaaaaa;
            cursor: default;
        }

.blueLabel {
    color: #2291be;
}

.helpLabel {
    color: #777;
}

.notificationLabel {
    width: 620px;
}

.timetable-title {
    margin-left: 10px;
}

.reports-legend {
    float: left;
    padding-top: 10px;
}

    .reports-legend .container-small {
        width: 130px;
        float: left;
    }

    .reports-legend .container-larger {
        width: 280px;
        float: left;
    }

        .reports-legend .container .report-school-mark {
            width: 20px;
            float: left;
        }

.report-school-mark {
    color: white;
    text-align: center;
}

.report-school-mark-normal {
    color: black;
    background-color: inherit;
}

.report-school-mark-black {
    background-color: black;
}

.report-school-mark-grey {
    background-color: grey;
}

.change-container {
    padding: 10px 20px 10px 20px;
}

    .change-container input[type=text],
    .change-container input[type=password] {
        width: 200px;
    }

.change-login-submit {
    padding-top: 10px;
}

.change-container-form {
    padding-left: 150px;
    padding-top: 20px;
}

.change-container .block {
    display: inline-block;
    width: 340px;
}

.change-login-container_full {
    display: none;
}

.change-password-container_full {
    display: none;
}

.change-login-container_hint {
    padding-bottom: 10px;
}

.change-login-container_password {
    padding-top: 10px;
}

.change-password-container_full {
    padding-bottom: 0;
}

.change-login-container_password label,
.change-container-row label {
    padding-top: 5px;
}

.settings-row_line {
    margin: 0 !important;
    background: #dbe2e6 !important;
    display: inline-block !important;
}

.save-cancel {
    padding-left: 20px;
}

.change-container-row {
    height: 40px;
    display: inline-table;
}

.login_hint {
    visibility: hidden;
}

.password_hint {
    visibility: hidden;
    position: relative;
    top: 15px;
}

.savelogin-cancel.button {
    margin: 20px 0 15px 0;
}

.rotated-td {
    font-weight: normal;
    min-width: 26px;
    text-align: center;
    line-height: 25px; 
    overflow: hidden; 
    height: 120px;
}

.rotated-word {
    white-space: nowrap;
    display: inline-block;
    line-height: 15px;
    position: relative; 
    bottom: -50px; 
    width: 10px; 
    max-height: 30px; 
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

/* ---------------- landing page styles -----------*/

.nowrap {
    white-space: nowrap; 
}

.table-subjects td {
    padding: 2px 2px 2px 4px;
    font-size: 13px;
}

.table-subjects th {
    font-size: 12px;
    background-color: #bcbec0; 
    color: #ffffff; 
    font-size: 12px; 
    text-align: left; 
    padding: 2px 4px 2px 4px; 
    white-space: nowrap;
}

.mGn, .mYn, .mRn, .mXn, .mDn, .mOn {
    color: white;
    font-size: 17px;
    font-weight: bold;
    line-height: 20px;
    padding: 0 2px;
}

.mGo, .mYo, .mRo, .mXo, .mDo, .mOo {
    font-size: 17px;
    font-weight: bold;
    line-height: 20px;
    padding: 0 2px;
}

.mGn {
    background-color: #aed00f;
}

.mYn {
    background-color: #f9a23b;
}

.mOn {
    background-color: #f9a23b;
}

.mRn {
    background-color: #ff6666;
}

.mDn {
    background-color: #bbb;
}

.mGo {
    color: #aed00f;
}

.mYo {
    color: #f9a23b;
}

.mOo {
    color: #f9a23b;
}

.mRo {
    color: #ff6666;
}

.mDo {
    color: #bbb;
}

.subject-schedule {
    padding-right: 8px; 
    white-space: nowrap; 
    font-size: 13px;
}

.rounded-button {
    border-radius: 8px; 
    border: 1px solid #2291be;
    color: #2291be;
    padding: 2px 8px 2px 8px;
}

    .rounded-button:hover {
    border: 1px solid #f6921e;
    color: #f6921e;
}

.reports_info_block {
    margin: 0 auto;
    float: none;
    text-align: center;
    margin-top: 150px;
}

.contestRow {
    padding-top: 10px;
}

.row-left {
    float: left;
    margin-top: 5px;
    margin-right: 20px;
}

.row-right {
    float: right;
}

.row-first {
    margin-top: 5px;
}

.reports_info_block {
    margin: 0 auto;
    float: none;
    text-align: center;
    margin-top: 150px;
}

.contestTemplate {
    display: none;
}

select.placeholderGray option { 
    color: black;
}

select.empty { 
    color: gray;
}

.lesson-journal thead:first-child tr:nth-child(2n) th {
    width: 10% !important;
}

.lesson-journal .workitem .mD {
    font-size: 10px;    
}

a.presentLink {
    color: #F6921E;
    font-weight: bold;
    font-size: 12px;
}

dd.noMargin {
    margin: 0 !important;
}

a.presentLink span {
    border-bottom: 1px solid;
}

a.presentLink img {
    vertical-align: bottom;
    margin-right: 5px;
    margin-left: 20px;
}

div.birthdayTable {
    display: table;
}

div.birthdayCell {
    display: table-cell;
    vertical-align: bottom;
}

div.messenger > p, div.messenger li {
    padding: 0;
}

p.boldergray {
    margin: 1em 0;
    font-size: 1.2em;
    color:#605d5d;
}

p.boldergray a {
    font-weight: bold;
}

.orgclass_hidden {
    display: none;
}

.eduOrgTypeMain_hidden {
    display: none;
}

.blueCheckbox {
	display: none;
}

.blueCheckbox + label {
    height: 16px;
    display: inline-block;
    margin: 5px 5px 5px 0;
    padding-left: 20px;
    background: url(../images/bg/unchecked.png) no-repeat;
    position: relative;
}

.blueCheckbox:checked + label {
    background: url(../images/bg/checked.png) no-repeat;
}

.blueTooltip {
    font-size: 12px;
    position: absolute;
    display: block;
    background: #537080;
    color: #fff;
    left: -70px;
    bottom: 100%;
    margin-bottom: 11px;
    padding: 7px;
    width: 94px;
    visibility: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    opacity: 0;
    -webkit-transform: translateY(10px);
       -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
         -o-transform: translateY(10px);
            transform: translateY(10px);
    -webkit-transition: all .25s ease-out;
       -moz-transition: all .25s ease-out;
        -ms-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
}

.blueTooltip:after {
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    border-top: solid #537080 10px;
    content: " ";
    width: 0;
    height: 0;
    left: 80px;
    bottom: -5px;
    margin-left: -13px;
    position: absolute;
}

.blueCheckbox + label:hover .blueTooltip {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.removeLine {
    background: transparent !important;
    border: none !important;
    position: absolute;
}

td.removeLine a {
    position: relative;
    left: -18px;
    top: 3px;
}

table.copyPeriodTable td {
    padding-bottom: 15px !important;
}

table.copyPeriodTable tr:last-child td {
    background: #e4e8ee;
}

table.copyPeriodTable tr:last-child td a:last-child {
    position: relative;
    top: 6px;
}

    table.choosePeriodTable td {
    padding-bottom: 15px !important;
    padding-top: 15px !important;
}

table.choosePeriodTable tr:last-child td {
    background: #e4e8ee;
}

    table.choosePeriodTable tr:last-child td a:last-child {
        position: relative;
        top: 6px;
    }
/* A compiled part of GroupsTable.less for old site pages */

.b-groups-ease-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  margin-top: 30px;
  color: #353535;
  font-family: "Open Sans";
}

.b-groups-ease-table__row {
  border-bottom: 1px solid #ccc;
}

.b-groups-ease-table__thead-cell {
  padding-bottom: 10px;
  font-size: 11px;
  font-weight: normal;
  text-align: left;
  color: #717171;
  width: 240px;
  max-width: 240px;
}

.b-groups-ease-table__thead-cell_thin {
  width: 80px;
  text-align: center;
}

.b-groups-ease-table__thead-cell_wide {
  width: 300px;
}

.b-groups-ease-table__cell {
  vertical-align: top;
  padding-top: 20px;
  font-size: 15px;
  color: #292929;
}

.b-groups-ease-table__cell_text-align-center {
  text-align: center;
}

.b-groups-ease-table__link {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-decoration: none;
}

.b-groups-ease-table__link:hover,
.b-groups-ease-table__link:visited:hover {
  text-decoration: none;
}

.b-groups-ease-table__link:active,
.b-groups-ease-table__link:visited:active {
  text-decoration: none;
}

.b-groups-ease-table__link:visited {
  text-decoration: none;
}

.b-groups-ease-table__link_active {
  color: #07b5d4;
}

.b-groups-ease-table__link_active:hover,
.b-groups-ease-table__link_active:visited:hover {
  color: #07b5d4;
}

.b-groups-ease-table__link_active:active,
.b-groups-ease-table__link_active:visited:active {
  color: #07b5d4;
}

.b-groups-ease-table__link_active:visited {
  color: #07b5d4;
}

.b-groups-ease-table__link_archive {
  color: #a7a7a7;
}

.b-groups-ease-table__link_archive:hover,
.b-groups-ease-table__link_archive:visited:hover {
  color: #a7a7a7;
}

.b-groups-ease-table__link_archive:active,
.b-groups-ease-table__link_archive:visited:active {
  color: #a7a7a7;
}

.b-groups-ease-table__link_archive:visited {
  color: #a7a7a7;
}

.b-groups-ease-table__link_moved {
  color: #000000;
}

.b-groups-ease-table__link_moved:hover,
.b-groups-ease-table__link_moved:visited:hover {
  color: #000000;
}

.b-groups-ease-table__link_moved:active,
.b-groups-ease-table__link_moved:visited:active {
  color: #000000;
}

.b-groups-ease-table__link_moved:visited {
  color: #000000;
}

.b-groups-ease-table__link_moved:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  margin-left: 5px;
  width: 12px;
  height: 11px;
  background: url(../images/icons/graceful-pointer_revert.png) no-repeat center;
}

.b-groups-ease-table__number {
  margin: 0 15px 20px 15px;
  overflow: hidden;
}

.scheduleWeekEditor .lessonTime {
    color: #999;
    clear: both;
    padding: 0 0 10px 0;
    width: 100%;
}

.bannerName {
    word-wrap: break-word;
}

.categoryInput {
    width: 100%;
    box-sizing: border-box;
}

.categoryTemplate {
    display: none;
}
/*Styles for preview tab in app*/

div.preview320x240 {
    float: left;
    height: 240px;
    text-align: center;
    width: 320px;
}

.preview320x243 img {
    padding: 4px 0;
    height: 243px;
    width: 320px;
}

.preview-image {
    width: 320px;
}

.preview-panel {
    margin-left: 0;
}

.preview-text {
    margin-top: 12px;
}

.preview-form {
    margin-left:20px;
}
/*---------------------------------------*/
/* T-3 Report 							 */
/*---------------------------------------*/
.reports-blue-panel {
  padding: 15px;
  border: 1px solid #e4e4e4;
  border-radius: 8px;
  background-color: #f6fafe;
  font-family: 'Arial', 'Helvetica', sans-serif;
}
.reports-blue-panel_without-border-bottom-radius {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: none;
}
.reports-blue-panel_without-border-top-radius {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.reports-label {
  margin-bottom: 5px;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  font-family: 'Arial', 'Helvetica', sans-serif;
  color: #333;
}
.reports-label_bold {
  font-weight: bold;
}
.reports-label_block {
  display: block;
}
.reports-label_with-width-margins {
  margin: 0 20px;
}
.reports-label_margin-left {
  margin-left: 10px;
}
.reports-label_width-180 {
  width: 180px;
}
.reports-input-wrapper {
  display: inline-block;
}
.reports-input {
  display: inline-block;
  width: 80px;
  padding: 4px 2px;
  border: 1px solid #e4e4e4;
  font-size: 14px;
  font-family: 'arial', 'helvetica', sans-serif;
  outline: none;
}
.reports-input_choose-date {
  padding-left: 22px;
  background-color: transparent;
}
.reports-input_half-width {
  width: 50%;
}
.reports-input_height {
  padding: 8px 5px;
}
.reports-input_middle-width {
  width: 130px;
}
.reports-input_full-width {
  box-sizing: border-box;
  width: 100%;
}
.reports-input_short {
  width: 40px;
}
.reports-input_margin-left {
  margin-left: 15px;
}
input.reports-input {
  cursor: pointer;
}
.save-button-wrapper {
  display: inline-block;
  width: 100px;
  height: 30px;
  line-height: 20px;
  margin-bottom: 10px;
  margin-right: 15px;
}
.reports-cancel-link {
  font-family: 'Arial', 'Helvetica', sans-serif;
  font-size: 14px;
  color: #2291be;
  text-decoration: none;
}
.reports-cancel-link:hover,
.reports-cancel-link:visited:hover {
  color: #f6921e;
}
.reports-cancel-link:active,
.reports-cancel-link:visited:active {
  color: #2291be;
}
.reports-cancel-link:visited {
  color: #2291be;
}
.reports-cancel-link:hover,
.reports-cancel-link:visited:hover {
  text-decoration: none;
}
.reports-cancel-link:active,
.reports-cancel-link:visited:active {
  text-decoration: none;
}
.reports-cancel-link:visited {
  text-decoration: none;
}
.reports-t3-wrapper {
  margin-bottom: 5px;
}
.reports-t3-wrapper_inline-block {
  display: inline-block;
}
.reports-t3-wrapper_margin-left {
  margin-left: 30px;
}
.reports-t3-wrapper_margin-top {
  margin-top: 15px;
}
.reports-t3-wrapper_margin-top-10 {
  margin-top: 10px;
}
.reports-t3-wrapper_half-width {
  display: inline-block;
  width: 440px;
}
.reports-t3-wrapper_margin-right-15 {
  margin-right: 15px;
}
.reports-t3-wrapper_margin-right-10 {
  margin-right: 10px;
}
.reports-hint {
  margin-top: 5px;
  font-size: 12px;
  color: #aaa;
}
.reports-hr {
  margin-top: 20px;
  border: none;
  border-top: 1px solid #e4e4e4;
  height: 0;
}
.reports-t3-knowhow {
    color: #aaa;
    text-decoration: underline;
    position: absolute;
    margin-top: 1px;
}


.t2left {
    margin-right: 10px;
    float: left;
}

.t2leftF {
    width: 150px;
    float: left;
}

.t2mb20 {
    margin-bottom: 20px;
}

.t2mb50 {
    margin-bottom: 50px;
}

.t2mb100 {
    margin-bottom: 100px;
}

.t2mb150 {
    margin-bottom: 150px;
}

.t2mb200 {
    margin-bottom: 200px;
}

.t2mw560 {
    max-width: 560px;
}

.reports-enrollment {
  padding: 10px 10px 10px 65px;
  border: 1px solid #dbe2e6;
  border-radius: 10px;
  background: url(../img/enrollment/school_circle.png) no-repeat 10px 10px #f4f8fe;
}
.reports-enrollment__title {
  width: 200px;
  margin: 0;
  font-size: 12px;
}
.reports-enrollment__link {
  display: block;
  margin: 5px 0;
  text-align: right;
  font-size: 12px;
  color: #2291be;
  text-decoration: underline;
}
.reports-enrollment__link:hover,
.reports-enrollment__link:visited:hover {
  color: #f6921e;
}
.reports-enrollment__link:active,
.reports-enrollment__link:visited:active {
  color: #2291be;
}
.reports-enrollment__link:visited {
  color: #2291be;
}
.reports-enrollment__link:hover,
.reports-enrollment__link:visited:hover {
  text-decoration: underline;
}
.reports-enrollment__link:active,
.reports-enrollment__link:visited:active {
  text-decoration: underline;
}
.reports-enrollment__link:visited {
  text-decoration: underline;
}

.select-school_type {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}

.select-school_type select {
    width: 80%;
    margin: 5px;
}

.select-school_type p {
    margin: 2px;
    font-weight: bold;
}

.select-school_type p.warning {
    color: #666666;
    font-weight: normal;
}

.select-edu_level {
    text-align: left;
    display: inline-block;
    margin-top: 10px;
}

.folders li.normal-w-space {
    white-space: normal;
}



/* Passport report form */
.passportReportTabs {
    font-size: 14px;
}

.passportReportTabs .passportReportTab {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    padding: 5px;
    color: #32a1ce;
    cursor: pointer;
}

.passportReportTabs .passportReportTab.selected {
    background-color: #32a1ce;
    color: white;
}

.passportReportTabs .passportReportTab.selected a {
    color: white;
}

.passportReportButtonPanel {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
    font-size: 16px;
}

.passportReportButtonPanel .passportReportButton {
    cursor: pointer;
}

.passportReportEditModeStatus {
    display: none;
    height: 24px;
    margin-bottom: 15px;
    font-size: 16px;
}

.passportReportButtonPanel .passportReportButton.editButton i.editIcon {
    display: inline-block;
    height: 24px;
    width: 24px;
    vertical-align: middle;
    background: url(../images/sprites/global.png?001) no-repeat;
    background-position: -688px 0;
}

.passportReportButtonPanel .passportReportButton.editButton:hover i.editIcon {
    background-position: -688px -24px;
}

.passportReportButtonPanel .passportReportButton {
    float: right;
}

.passportReportButtonPanel .passportReportButton span {
    display: inline-block;
    text-decoration: underline;
    margin-left: 10px;
}

.passportReportForm {
    font-size: 13px;
}

.passportReportForm .passportReportFormButtons {
    display: none;
    margin-top: 30px;
}

.passportReportForm .passportReportFormButtons .saveButton {
    margin-right: 10px;
}

.passportReportForm .passportReportFormButtons .cancelButton {
    margin-left: 10px;
    cursor: pointer;
}

.passportReportForm .formPart {
    display: none;
}

.passportReportForm .passportReportFormSeparator {
    width: 100%;
    margin-bottom: 15px;
    margin-top: 20px;
}

.passportReportForm .passportReportFormSeparator .passportReportFormSeparatorTitle {    
    display: inline-block;
    position: relative;
    width: 100%;
    text-align: center;
    color: #999;
}

.passportReportForm .passportReportFormSeparator .passportReportFormSeparatorTitle span {
    padding-left: 15px;
    padding-right: 15px;
    background-color: white;
    color: #af69a1;
    font-size: 1.1em;
    font-weight: bold;
    font-family: tahoma,arial,sans-serif;

}

.passportReportForm .passportReportFormSeparator hr {
    top: 9px;
    position: relative;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    vertical-align: middle;
}

.passportReportForm .passportReportOptionsBlock {
    margin-bottom: 20px;
}

.passportReportForm .passportReportItems {
    line-height: 20px;
}

.passportReportForm .passportReportItemLabel {
    display: inline-block;
    width: 49%;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #999;
}

.passportReportForm .passportReportItemValue {
    display: inline-block;
    width: 49%;
    margin-top: 10px;
    margin-left: 10px;
    vertical-align: top;
}

.passportReportForm .checkboxTriggersTargets .passportReportItemValue  {
    color: black;
}

.passportReportForm .tooltips .tooltip {
    color: #999;
    margin-top: 5px;
}

.passportReportForm .tooltips .tooltip i.tooltipIcon {
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: sub;
    background: url(../images/help_icon.png) no-repeat;
}

.passportReportForm.editMode .passportReportItem {
    margin-bottom: 20px;
}

.passportReportForm .tooltips {
    display: none;
}

.passportReportForm.editMode .tooltips {
    display: block;
}

.passportReportForm.editMode .tooltips .tooltipIcon {
    margin-right: 5px;
}

.passportReportForm .tooltips .errorTooltip {
    color: red;
}

.passportReportForm .passportReportItemValue input {
    cursor: default;   
}  

.passportReportForm:not(.editMode) .passportReportItemValueEdit {
    display: none;
}

.passportReportForm.editMode .passportReportItemLabel {
    display: block;
    width: 100%;
    color: black;
    margin-bottom: 0;
}

.passportReportForm.editMode .passportReportItemLabel.required {
    font-weight: bold;
}

.passportReportForm.editMode .passportReportItemValue {
    display: block;
    width: 100%;
    margin-left: 0;
}

.passportReportForm.editMode .passportReportItemValueView {
    display: none;
}

.passportReportForm.editMode .passportReportItemValueEdit {
    display: block;
    margin-left: 0;
}

.passportReportForm input {
    padding-left: 5px;
    box-sizing: border-box;
}

.passportReportForm.editMode .passportReportItemValue.labelField input {
    width: 100%;
}

.passportReportForm.editMode .passportReportItemValue.halfWidth input {
    width: 45%;
}

.passportReportForm.editMode .passportReportItemValue.shortField input {
    width: 70px;
}

.passportReportForm.editMode .passportReportItemValue.mediumField input {
    width: 150px;
}

.passportReportForm.editMode .passportReportItemLabel.inlineField {
    width: 49%;
    display: inline-block;
}

.passportReportForm.editMode .passportReportItemValue.inlineField {
    width: 49%;
    display: inline-block;
}

.passportReportForm.editMode .passportReportItemValue.hrefField input {
    width: 100%;
    cursor: text;
}

.passportReportForm.editMode .passportReportItemValue.labelField input {
    cursor: default;
}

.passportReportForm.editMode .passportReportItemValue.calendarField input {
    cursor: text;
}

.passportReportForm.editMode .passportReportItemValue.radiobuttonField label,
.passportReportForm.editMode .passportReportItemValue.checkboxField label {
    cursor: pointer;
}

.passportReportForm.editMode .passportReportItemLabel.radiobuttonField {
    display: inline-block;
    width: 49%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.passportReportForm.editMode .passportReportItemValue.radiobuttonField {
    display: inline-block;
    width: 49%;
    margin-top: 10px;
    vertical-align: top;
}

.passportReportForm.editMode .passportReportItemValue.radiobuttonField .passportReportItemValueEdit .noValueLabel {
    margin-left: 60px;
}

.passportReportForm.editMode .passportReportItemLabel.checkboxField {
    display: none;
}

.passportReportForm.editMode .passportReportItemLabel.numberField {
    display: inline-block;
    width: 49%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.passportReportForm.editMode .passportReportItemValue.numberField {
    display: inline-block;
    width: 49%;
    margin-top: 10px;
    vertical-align: top;
}

.passportReportForm.editMode .passportReportItemValue.numberField input {
    width: 70px;
}

.passportReportForm.editMode .passportReportItemValue.numberField.doubleWidth input,
.passportReportForm.editMode .passportReportItemValue.percentageField.doubleWidth input {
    width: 150px;
}

.passportReportForm.editMode .passportReportItemValue.textField textarea {
    width: 100%;
    height: 70px;
    min-width: 100%;
    max-width: 100%;
    max-height: 200px;
    border-color: rgb(169, 169, 169);
    cursor: auto;
}

.passportReportForm.editMode .calendarField {
    display: inline-block;
    width: 49%;
}

.passportReportForm.editMode .checkboxTriggersTargets.disabled .passportReportItemLabel  {
    color: #999;
}

.passportReportForm.editMode .checkboxTriggersTargets.disabled .passportReportItemValue  {
    color: #999;
}

.passportReportForm.editMode .checkboxTriggersTargets.disabled .passportReportItemValue label {
    color: #999;
}

.passportReportForm.editMode textarea {
    font-size: 100%;
}

.passportReportForm.editMode .passportReportItem.halfWidth {
    width: 45%;
}

.passportReportForm.editMode .passportReportItem.inline {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
}

.passportReportFormBlock {
    width: 530px;
}


.folders.folders2 .withoutImage {
    margin-left: 20px
}

.homework-time-overflow {
    background: gray !important;
    color: white !important;
}

.margin-bottom-top {
    margin-bottom: 20px;
    margin-top: 20px;
}

.library-works-count_aux-filter-btn {
    color: #2291be;
    font-size: 14px;
}

.library-works-count_aux-filter-btn:hover {
    color: #f6921e;
    cursor: pointer;
}

.library-works-count_aux-filter-btn-text {
    text-decoration: underline;    
}

.library-works-count_aux-filter .row {
    padding-bottom: 10px;
}

.library-works-count_aux-filter label{
    float: left;
    width: 430px;
    clear: left;
}

.library-works-count_aux-submit {
    float: right;
    clear: both;
    margin-bottom: 10px;
}

.library-works-count_aux-filter {
    margin-top: 10px;
}


.not-ordered-icon-after {
    position: relative;
    height: 175px !important;
}

.asc-ordered-icon-after {
    position: relative;
    height: 175px !important;
}

.desc-ordered-icon-after {
    position: relative;
    height: 175px !important;
}

.not-ordered-icon-after:hover:after {
    content: url(../images/icons/notordered.png);
    top: calc(100% - 15px);
    position: absolute;
    left: calc(50% - 4px);
}

.asc-ordered-icon-after:after {
    content: url(../images/icons/asc.png);
    top: calc(100% - 8px);
    position: absolute;
    left: calc(50% - 4px);
}

.desc-ordered-icon-after:after {
    content: url(../images/icons/desc.png);
    top: calc(100% - 8px);
    position: absolute;
    left: calc(50% - 4px);

}

tr.student-average-marks-report_header-1 th {
    min-width: 90px;
}
tr.student-average-marks-report_header-2 th {
    min-width: 50px;
}

.link.link-add {
    padding: 5px 5px 5px 23px;
    background: transparent url("../images/icons/add.png") no-repeat scroll left center;

}

.modalOverlay {
    position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
    background-color: rgba(0, 0, 0, 0.1);
}

.modal-650 {
    position: fixed;
	top: 80px;
	left: 0px;
	right: 0px;
	margin: 0px auto;
    width: 650px;
    box-sizing: border-box;
    display: block;
}

.modalContent {
    padding: 0 18px;
}

.file-choose_hidden {
    display: none;
}
a.reporthelp {
    color: #2291be;
    text-decoration: underline;
}
table.schoolInvite td {
    padding: 5px 20px 0 20px;
}

div.schoolInvite {
    padding: 15px 0px 30px 0px;
}
.height-2rem {
    min-height: 2rem;
}
.fixed-layout-table {
  width: 722px;
  table-layout: fixed;
}

.word-wrapped {
  word-wrap: break-word;
}
.students-movement-summary-grid {
    margin-top: 20px
}
.students-movement-summary-grid td {
    text-align: right;
}
.students-movement-summary-grid th {
    width: 20%;
}

.students-movement-summary-grid td:first-of-type,
.students-movement-summary-grid tfoot td:first-of-type {
    text-align: left;
    font-weight: bold;
}

.students-movement-summary-grid tfoot td:first-of-type {
    text-align: right;
}
.students-movement-summary-grid .group-name {
    padding-left: 20px;
}

.students-movement-dropout-grid {
    margin-top: 20px;
}

.manager_claim li {
    display: inline-block;
}

.homework__choose {
    margin-top: 10px;
}

    
.homeworks {
    background: white;
    clear: both;
    padding-bottom: 80px;
    width: 940px;
}

    .homeworks h2 {
        width: 550px;
        float: left;
        padding-bottom: 10px;
    }

    .homeworks .toolbox {
        width: 280px;
        float: right;
    }

        .homeworks .toolbox .link {
            float: right;
            color: black;
            text-decoration: underline;
            margin: 5px 0;
        }

    .homeworks .small_banner {
        width: 210px;
        float: right;
    }

    .row_hidden {
        display: none;
    }    
    
    .delete-school__radio {
        margin-left: 10px;
    }

    .origin-school_hidden {
        display: none;
    }

.multiselect {
    position: relative;
}

.multiselect__fake-input-field {
    position: relative;
    min-height: 23px;
    padding: 0 5px;
    padding-bottom: 5px;
    padding-right: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background: white;
    border: 1px solid #ccc;
    cursor: pointer;
}

.multiselect:hover .multiselect__fake-input-field {
    border-color: #a0a0a0;
}

.multiselect.multiselect_narrow .multiselect__fake-input-field {
    min-height: 20px;
}

.multiselect__fake-input-field::after {
    content: '';
    position: absolute;
    right: 10px;
    top: 13px;
    width: 0;
    height: 0;
    border-top: solid 5px black;
    border-left: solid 5px transparent;
    border-right: solid 5px transparent;
}

.multiselect__placeholder {
    padding: 0;
    margin: 0;
    margin-top: 6px;
    font-size: 1.2em;
}

.multiselect__placeholder_hidden {
    display: none;
}

.multiselect__option-badge {
    position: relative;
    padding-left: 5px;
    padding-right: 20px;
    margin-top: 5px;
    margin-right: 5px;
    background: grey;
    max-width: 100px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: default;
}

.multiselect__option-badge__delete {
    position: absolute;
    top: 2px;
    right: 8px;
    font-weight: bold;
    font-size: 7px;
    cursor: pointer;
}

.multiselect__option-list {
    display: flex;
    flex-direction: column;
    position: absolute;
    box-sizing: border-box;
    background: white;
    border: 1px solid #a0a0a0;
    z-index: 100;
    cursor: default;
}

.multiselect.multiselect_option-list-scrollable .multiselect__option-list {
    max-height: 400px;
    overflow-y: auto;
}

.multiselect__option-list_hidden {
    display: none;
}

.multiselect__option {
    padding-bottom: 5px;
    word-wrap: break-word;
    padding: 5px 10px;
}

.multiselect__option:hover {
    background-color: #3399FF;
    color: white;
}

.multiselect__option_selected {
    color: grey;
}

.multiselect__option_selected:hover {
    background-color: #dedede;
    color: grey;
}

.multiselect__hidden-select {
    display: none;
}

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

.modalDialog {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    background-color: rgba(0, 0, 0, .3);
    font-family: "Arial", "Helvetica", sans-serif;
    z-index: 1000;
}

.modalDialog__hidden {
    display: none;
}

.modalDialog__overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 105, 163, .5);
}

.modalDialog__window {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

    box-sizing: border-box;
    border: 10px solid #005993;
    border-radius: 8px;
    background-color: #fff;

    max-height: 90%;
    max-width: 90%;
}

.modalDialog__close {
    background: url(../images/x-button.png);
    cursor: pointer;
    position: absolute;
    right: -18px;
    top: -18px;
    height: 28px;
    width: 28px;
    z-index: 1000;
}

.modalDialog__loading {
    background: url(../images/loadingWhite.gif) no-repeat center center;
    background-color: #fff;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 100;
}

.modalDialog__loading-hidden {
    display: none;
}

.modalDialog__content {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}

.iframeModal_iframe {
    width: 100%;
    height: 100%;
}

.row_oms {
    padding-top: 20px;
}

.row_hidden {
    display: none;
}

/* JournalLessonPlanning Ctp popup window */
.j-ctp-popup {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-family: Open Sans;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 100;
}
.j-ctp-popup_active {
  display: block;
}
.j-ctp-popup__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.j-ctp-popup__content-wrapper {
  background-color: white;
  border-radius: 3px;
  padding: 15px;
}
.j-ctp-popup__content-wrapper_width_500 {
  width: 500px;
}
.j-ctp-popup__header {
  position: relative;
  height: 24px;
}
.j-ctp-popup__header-title {
  position: absolute;
  top: 50%;
  margin-top: calc(-14px / 2);
  height: 14px;
  color: #393939;
  font-size: 14px;
  font-family: Open Sans;
  font-weight: 600;
}
.j-ctp-popup__close-button {
  width: 14px;
  height: 14px;
  padding: 0;
  background: url(../img/icons/del.png) no-repeat center;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: calc(-14px / 2);
  outline: none;
  cursor: pointer;
}
.j-ctp-popup__content {
  border: 1px solid #DADDE2;
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 15px;
  border-radius: 3px;
  background-color: #F4F8FE;
}
.j-ctp-popup__content_nobackground {
  background-color: inherit;
}
.j-ctp-popup__content_noborder {
  border: none;
}
.j-ctp-popup__background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 3px;
}
.j-ctp-popup__background_white {
  background-color: white;
}
.j-ctp-popup__shadow {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9998;
  background-color: #000;
  opacity: 0.2;
}
.j-ctp-popup__field-wrapper {
  width: 100%;
}
.j-ctp-popup__field-wrapper:not(:first-child) {
  margin-top: 10px;
}
.j-ctp-popup__field-wrapper:not(:last-child) {
  margin-bottom: 10px;
}
.j-ctp-popup__field-label {
  width: 130px;
  line-height: 14px;
  display: inline-block;
  color: #585858;
  font-size: 14px;
  font-family: Open Sans;
  font-weight: 600;
}
.j-ctp-popup__field-input {
  width: 215px;
  height: 30px;
  display: inline-block;
  border: 1px solid #C1C1C1;
  color: #363636;
  padding: 3px;
  cursor: pointer;
  font-family: Open Sans;
  font-size: 13px;
  font-weight: 400;
}
.j-ctp-popup__field-input:disabled {
  color: #A5A5A5;
  cursor: default;
}
.j-ctp-popup__footer {
  position: relative;
}
.j-ctp-popup__confirm-btn {
  border: none;
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #4085B7;
  width: 150px;
  height: 30px;
  margin-right: 30px;
  background-color: #76B9EA;
  color: #F7FBFE;
  outline: none;
  cursor: pointer;
  font-size: 14px;
  font-family: Open Sans;
  font-weight: 600;
}
.j-ctp-popup__cancel-btn {
  color: #858585;
  text-decoration: none;
  outline: none;
  font-size: 14px;
  font-family: Open Sans;
  font-weight: 600;
}
.j-ctp-popup__info {
  text-align: center;
}
.j-ctp-popup__success {
  margin: 0 auto;
  margin-top: 50px;
  text-align: center;
  width: 72px;
  height: 71px;
  background: url(../img/ctp/ctp-copyfromlessons-success.png) no-repeat center;
}
.j-ctp-popup__text {
  font-size: 14px;
  font-family: Open Sans;
  font-weight: 600;
  display: inline-block;
  line-height: 14px;
  margin-top: 30px;
  color: #4c4c4c;
}
.j-ctp-popup__link {
  font-size: 14px;
  font-family: Open Sans;
  font-weight: 600;
  outline: none;
  text-decoration: none;
  color: #2291be;
  display: inline-block;
  margin-top: 50px;
}
.j-ctp-popup__link_margin_left65 {
  margin-left: 65px;
}

.info-message {
  clear: both;
  margin: 20px 0 20px 0;
  padding: 10px;
  padding-left: 42px;
  border: 1px solid #dbe2e6;
  border-radius: 3px;
  font-size: 14px;
  font-family: "Open Sans";
  color: #333;
  background: url(../images/icons/info-icon.png) no-repeat 10px center;    
}

/*select box */
    .select-box {
      position: relative;
      width: 100%;
      height: 30px;
      border: solid 1px #d1d1d1;
      border-radius: 3px;
    }
    .select-box_with-label-above {
      margin: 10px 0 20px 0;
    }
    .select-box_active {
      display: block;
    }
    .select-box_hidden {
      display: none;
    }
    .select-box_bottom-15 {
      margin-bottom: 15px;
    }
    .select-box_top-10 {
      margin-top: 10px;
    }
    .select-box__default-text {
      line-height: 30px;
      padding: 0 15px;
      color: #888888;
      background-color: #fff;
      overflow-x: hidden;
      white-space: nowrap;
      height: 30px;
      text-overflow: ellipsis;
    }
    .select-box__default-text:before {
        content: "";
        position: absolute;
        width: 20px;
        height: 20px;
        background: url(../img/icons/arrow.png) no-repeat right;
        right: 5px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .select-box__select {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      cursor: pointer;
    }
    .select-box__input-wrapper {
      position: absolute;
      top: -1px;
      left: 0;
      width: 100%;
      height: 30px;
      background-color: #fff;
      border-radius: 3px;
    }
    .select-box__input-wrapper__block-for-input {
      height: 30px;
    }
    .select-box__input-wrapper__block-for-input__input {
        border: none !important;
        padding: 0 !important;
        border-radius: 3px;
        height: 30px !important;
        width: 100%;
        text-align: center !important;
        border-top: 1px solid #ccc !important;
    }
    .select-box__input-wrapper:before {
        content: "";
        z-index: 1000;
        position: absolute;
        width: 20px;
        height: 20px;
        background: url(../img/icons/arrow.png) no-repeat right;
        right: 5px;
        top: 50%;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    .select-box__input-wrapper_hidden {
      display: none;
    }
    .select-box__input-wrapper_active {
      display: block;
      /*border: solid 10px #63c2e5;*/
      border-radius: 3px 3px 0 0;
      height: 30px;
    }
    
    .select-box__list {
      width: 100%;
      position: relative;
      top: 0;
      margin-left: -1px;
      box-sizing: content-box;
      overflow-y: auto;
      overflow-x: hidden;
      border: 1px solid #d1d1d1;
      border-top: none;
      border-radius: 0 0 5px 5px;
      list-style: none;
      padding: 0;
      background-color: #fff;
      max-height: 439px;
      z-index: 1000;
    }
    .select-box__list_hidden {
      display: none;
    }
    .select-box__list_change-maxheight {
      max-height: 500px;
    }
    .select-box__list__item {
      position: relative;
      padding: 18px;
      border-top: 1px solid #d1d1d1;
      color: #888;
    }
    .select-box__list__item:hover {
      background: #00bae5;
      border-top-color: #00bae5;
      color: #fff;
    }
    .select-box__list__item__location-details {
      color: #888;
    }
    .select-box__list__item__link {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
    .remove-margin {
        margin: 0 !important;
    }

    table.info td.dd, table.info_withoutlink td.dd {
        font-weight: bold;
    }

.dataCompleteness div {
    margin-top:4px;
}
.dataCompleteness table {
    line-height:1.4em;
}
.dataCompleteness .notSet {
    color:red;
    font-weight:bold;
}
    .tabs .tab-with-purple-gradient {
    color: #fff;
    background-color: #7f397b;
    background-image: -webkit-linear-gradient(top, #62215e 0%, #7f397b 99%, #7f397b 100%);
    background-image: -moz-linear-gradient(top, #62215e 0%, #7f397b 99%, #7f397b 100%);
    background-image: -o-linear-gradient(top, #62215e 0%, #7f397b 99%, #7f397b 100%);
    background-image: linear-gradient(to top, #62215e 0%, #7f397b 99%, #7f397b 100%);
    border-color: #7f397b;

    /* for hiding blocks which round corners */
    z-index: 35;
    position: relative;
    border-radius: 5px 5px 0 0;
 }

.tabs .tab-with-purple-gradient:hover {
    color: #fff;
    background-color: #fff;
    background-image: -webkit-linear-gradient(top, rgba(98, 33, 94, 0.84) 0%, rgba(127, 57, 123, 0.76) 99%, rgba(127, 57, 123, 0.76) 100%);
    background-image: -moz-linear-gradient(top, rgba(98, 33, 94, 0.84) 0%, rgba(127, 57, 123, 0.76) 99%, rgba(127, 57, 123, 0.76) 100%);
    background-image: -o-linear-gradient(top, rgba(98, 33, 94, 0.84) 0%, rgba(127, 57, 123, 0.76) 99%, rgba(127, 57, 123, 0.76) 100%);
    background-image: linear-gradient(to top, rgba(98, 33, 94, 0.84) 0%, rgba(127, 57, 123, 0.76) 99%, rgba(127, 57, 123, 0.76) 100%);
}

.tabs .tab-with-blue-gradient {
    color: #fff;
    background: repeat 0 0 #008DDF;
    border-color: #008ddf;
    background-image: -webkit-linear-gradient(top, #0071c1, #008ddf);
    background-image: -moz-linear-gradient(top, #0071c1, #008ddf);
    background-image: -o-linear-gradient(top, #0071c1, #008ddf);
    background-image: linear-gradient(to top, #0071c1, #008ddf);

    /* for hiding blocks which round corners */
    z-index: 14;
    position: relative;
    border-radius: 5px 5px 0 0;
}

.tabs .tab-with-blue-gradient:hover {
    color: #fff;
    background: repeat 0 0 #5aaddd;
    border-color: #5aaddd;
    background-image: -webkit-linear-gradient(top, #1f96e0, #5aaddd);
    background-image: -moz-linear-gradient(top, #1f96e0, #5aaddd);
    background-image: -o-linear-gradient(top, #1f96e0, #5aaddd);
    background-image: linear-gradient(to top, #1f96e0, #5aaddd);
}


.dataCompleteness .noValue {
    color:white;
    background-color:#808080;
    padding:2px;
}

a.file{
    padding: 0 5px;
    text-decoration: underline;
}

a.file .officeOnlineLogo {
    height:28px;
    padding-left: 2px;
    position:relative;
    top: 6px;
}

.tabs li.active a.tab-with-purple-gradient {
    color: #fff;
    background-color: #7f397b;
    background-image: -webkit-linear-gradient(top, #7f397b 0%, #7f397b 1%, #62215e 100%);
    background-image: -moz-linear-gradient(top, #7f397b 0%, #7f397b 1%, #62215e 100%);
    background-image: -o-linear-gradient(top, #7f397b 0%, #7f397b 1%, #62215e 100%);
    background-image: linear-gradient(to top, #7f397b 0%, #7f397b 1%, #62215e 100%);

    /* for hiding white bottom border of active li */
    line-height: 25px;
}

.tabs li.active a.tab-with-purple-gradient:hover {
    color: #fff;
}

ul.parallels li {
    width: 15px;
    float: left;
    margin-left: 10px;
}

.parallels-label {
    color: #999;
    font-weight: bold;
    text-align: center;
    width: 13px;
    float: left;
}

.parallels-checkbox {
    margin-top: 5px;
}

.switch__caption {
    padding-right: 10px; 
    color: #333; 
    width: 110px; 
    height: 30px;
}

.achieved {
   top: 0;
   left: -12px;
   margin-top: 20px;
   position: absolute;
   z-index: 1;
}

.dod-expiration-popup {
    z-index: 1000;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: fixed;
    left: 33%;
    top: 33%;
    justify-content: flex-start;
}

.dod-expiration-popup_hidden {
    display: none
}

.dod-expiration-popup__overlay {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.65);
    z-index: 100;
}
.dod-expiration-popup__container {
    position: relative;
    box-sizing: border-box;
    max-width: 90%;
    max-height: 90%;
    z-index: 1001;
    display: flex;
    flex-direction: column;
    padding: 0;
    background-color: #fff;
    border: 1px solid #d0d1d3;
    border-radius: 5px;
    box-shadow: 0 22px 46px rgba(75,75,75,.25);
    width: 660px;
}
.dod-expiration-popup__container__header {
    box-sizing: border-box;
    margin: 0;
    padding: 20px 10px 20px 23px;
    background-color: #f7f7f7;
    display: block;
}
.dod-expiration-popup__container__header_title {
    display: inline-block;
    vertical-align: top;
    color: #333;
    margin: 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    padding: 0;
}
.dod-expiration-popup__container__body {
    padding: 20px;
    overflow-y: auto;
    overflow-x: hidden;
}
.dod-expiration-popup_text {
    font-size: 14px;
    font-family: "Open Sans", Arial;
    line-height: 1.7;
    color: #303030;
}
.dod-expiration-popup_buttons {
    margin-top: 20px;
}
.dod-expiration-popup_button {
    font-family: "Open Sans Semibold";
    box-sizing: border-box;
    border-radius: 3px;
    box-shadow: inset 0 1px rgba(255,255,255,.4);
    cursor: pointer;
    border-width: 1px;
    font-size: 14px;
    outline: 0;
    height: 42px;
    line-height: 40px;
    padding: 0 15px;
    border-style: solid;
    width: 125px;
    float: right;
    margin-left: 15px;
    margin-top: 10px;
}
.dod-expiration-popup_button__grey-button {
    width: 290px;
    background-color: #fcfcfc;
    background-image: linear-gradient(to bottom,#fdfdfd,#fbfbfb);
    border-color: #d1d3d4;
    color: #6b6c6e;
    text-shadow: none;
}
.dod-expiration-popup_button__blue-button {
    width: 140px;
    background-color: #00bae5;
    background-image: linear-gradient(to bottom,#00c3e8 0,#00b0e1 100%);
    border-color: #0097ba;
    color: #fff;
    text-shadow: 0 -1px rgba(0,0,0,.3);
}
.dod-expiration-popup_button__grey-button:hover {
    color: #6b6c6e;
}
.dod-expiration-popup_button__blue-button:hover {
    color: #fff;
}
.dod-trial-info__clock {   
    text-align: center;
    margin-bottom: 15px;
}
.dod-trial-info__title {
    text-align: center;
    color: #333333;
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 400;
    margin-top: 5px;
}
.dod-trial-info__message {
    text-align: center;
    color: #000000;
    opacity: 0.6;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 400;
    margin-top: 5px;
}


.commercial-service-notification {
    background-color: #f8b3b6;
    -ms-border-radius: 3px;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    line-height: 19px;
    font-size: 14px;
    font-family: Open Sans;
    color: #653c41;
    padding-left: 17px;
    padding-top: 12px;
    padding-bottom: 11px;
    margin-bottom: 15px;
}
 .commercial-service-notification_hidden {
    display: none;
}

.commercial-service-notification__text {
    padding-left: 10px;
    display: inline-block;
    width: 95%;
}

.commercial-service-notification__img {
    vertical-align: top;
}

.commercial-service-notification a {
    color: #653c41;
    text-decoration: underline;
}
.commercial-service-notification:hover {
    color: #653c41;
}

.commercial-service-notification_info {
    background-color: #edf5c9;
    color: #38512f
}

.commercial-service-notification_info a {
    color: #38512f;
}
.commercial-service-notification:hover {
    color: #38512f;
}

.esiaAuthorizationSettings {
    line-height: 25px;
    margin-bottom: 20px;
}

.esiaAuthorizationEnabledSwitcher {
    padding-bottom: 20px;
}

.esiaAuthorizationSettings .selector {
    text-align: center;
}

.esiaAuthorizationSettings .rowHeader {
    text-align: right;
}

.esiaAuthorizationSettings .columnHeader {
    text-align: center;
    min-width: 75px;
}

.directLogoutSettings{
    padding-left: 40px;
}

.directLogoutSettings li{
    margin: 5px;
}

.display_inline-block {
    display: inline-block;
}

.subgroup-membership__table {
    border: none;
    table-layout: fixed;
    width: 100%;
}

td.subgroup-membership__dates {
    width: 90%;
    padding: 0;
    border: none;
    text-align: right;
}
td.subgroup-membership__delete-button {
    width: 10%;
    padding: 0;
    border: none;
    text-align: right;
}

td.subgroup-membership__delete-button a {
    color: #222;
}

.report_page_separator {
    font-size: 14px;
    padding: 0 4px;
}

.report_current_page {
    font-size: 14px;
    padding: 0 4px;
    background-color: #f0f0f0;
}

.report_page {
    font-size: 14px;
    padding: 0 4px;
}


#post_trigger, #post_view, #post_widget, #post_wall  {
    font-family: "Open Sans", Arial !important;
}

#post_wall {
    width: 620px;
    min-height: 100px;
}

.post_widget_button {
    width: initial;
    display: inline-block;
    height: 30px;
}
.issuedEduDocuments_table {
    table-layout: fixed;
    word-wrap: break-word;
    width: 740px;
}

.issuedEduDocuments_header {
    height: 50px;
}

.issuedEduDocuments_align_center {
    text-align: center;
}

.issuedEduDocuments_align_left {
    text-align: left;
}

.issuedEduDocuments_font {
    font-size: 90%;
    padding: 4px 4px;
}

.post_widget_button > button {
    width: 100%;
    height: 100%;
    font-family: Open Sans Semibold,Open Sans,Arial,sans-serif;
    margin: 0;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 0 #008fb3;
    color: #fff;
    white-space: nowrap;
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.5);
    border-radius: 3px;
    border: 1px solid #0097ba;
    background-image: linear-gradient(180deg,#00c3e8 0,#00b0e1);
    cursor: pointer;
    outline: none;
    min-width: 148px;
    display: inline-block;
}

.post_widget_button > button:hover {
    background-color: rgba(0,186,229,0.81);
    background-image: none;
}

.post_widget_button > button > div {
    font-family: Open Sans Semibold,Open Sans,Arial,sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.3;
    position: relative;
    top: -5px;
    padding-left: 15px;
    pointer-events: none;
}

.post_widget_button > button > div:before {
    content: "+";
    display: inline-block;
    position: absolute;
    left: -6px;
    top: -7px;
    font-family: Open Sans,sans-serif;
    font-size: 24px;
}

#support-links {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 10px 10px 12px 10px;
    font-family: "Open Sans", Arial;
    font-size: 14px;        
    border: 1px solid #dbe2e6;
    border-radius: 4px;
    background: #f7f9fa;
}

#support-links img {
    width: 20px;
    height: 20px;
    margin-top: 6px;
    margin-right: 8px;
}

.persName-row {
    display: table-row;
}
.persName-name-cell {
    display: table-cell;
    width: 100%;
    vertical-align: middle
}
.persName-btn-cell {
    display: table-cell;
    vertical-align: middle
}
.journal-chat-link {
    margin: 0 5px 0 15px;
    background-image: url('../images/chat/chat.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: center;
    height: 27px;
    width: 40px;
    border-radius: 14px;
    border: 1px solid #d0d0d0;
    background-color: #ffffff;
}

    .journal-chat-link.pressed, .journal-chat-link:hover {
        /*background-image: url('../images/chat/pressedChatButton.svg');*/
        border: 1px solid #247fb0;
        background-color: #ffffff;
    }

    .journal-chat-link.wait {
        background-image: url('../images/spinner.gif');
        background-repeat: no-repeat;
        background-position: center;
        background-position-x: center;
        border: none;
        height: 29px;
        width: 42px;
    }

    .journal-chat-link .popover-container {
        position: relative;
    }
.journal-chat-link-popover {
    position: absolute;
    background: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 0 0 4px 4px;
    z-index: 10;
    min-width: 170px;
    padding: 10px 10px 0 10px;
    font-size: 14px;
    box-shadow: 0 6px 26px rgba(0, 0, 0, 0.2);
}
    .journal-chat-link-popover.hidden, popover-tooltip-container.hidden {
        display: none;
    }

    .journal-chat-link-popover:after, .journal-chat-link-popover:before {
        bottom: 100%;
        left: 160px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .journal-chat-link-popover:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #fff;
        border-width: 14px;
        margin-left: -14px;
    }

    .journal-chat-link-popover:before {
        border-color: rgba(219, 219, 219, 0);
        border-bottom-color: #dbdbdb;
        border-width: 15px;
        margin-left: -15px;
    }

.popover-container .link {
    margin-bottom: 10px;
}
.popover-container .link.disabled {
    color: #777878;
}

.help-tooltip {
    width: 300px;
    z-index: 10;
    background-color: #000000;
    border-radius: 4px;
    padding: 10px 14px;
    font-size: 13px;
    color: #fff;
    opacity: 0.7;
    position: absolute;
}

.help-tooltip:after {
        top: 100%;
        left: 32px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(0, 0, 0, 0);
        border-top-color: #000000;
        border-width: 7px;
        margin-left: -7px;
    }

.popover-container .link .question {
    background: url('../images/chat/question.svg') no-repeat;
    display: inline-block;
    position: relative;
    width: 19px;
    height: 19px;
    position: relative;
    top: 4px;
    margin: 0 5px;
}

.membershipRequests_container h3 {
    margin: 0;
    padding: 0 0 5px 5px;
}

.membershipRequests_container div.errors p {
    font-size: 1em;
}

.membershipRequests_container img {
    display: block;
    width: 40px;
    height: 40px;
    margin-left: 20px;
}

.membershipRequests_container .panel .rounded .cc {
    display: flex;
    margin: 5px 10px;
}

.membershipRequests_container .rounded {
    background-color: #f4f8fe;
}
 
.membershipRequests_container .cc a {
    font-weight: bold;
}
.div-margin-top {
    margin-top: 30px;
}

.margin-left-50 {
    margin-left: 50px;
}

.margin-left-3 {
    margin-left: 3px;
}

.termReport_periodsSwitch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.termReport_periodsSwitch_period {
    font-size: 14px;
    text-align: center;
    line-height: 19px;
    margin-left: -1px;
    padding: 5.5px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #c5c5c5;
    cursor: pointer;
}

.termReport_periodsSwitch > div:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.termReport_periodsSwitch > div:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.termReport_periodsSwitch_period_selected {
    background: #00aee0;
    border-color: #00aee0;
}

.termReport_card {
    margin-top: 22px;
    width: 100%;
    background: #f9fbfd;
    border: thin solid #d1dee4;
    border-radius: 5px;
}
#content .membershipRequests_container .panel {
    margin-bottom: 10px;
}

.membershipRequests_address {
    color: #a3a3a3;
    margin: 5px 0 15px 0;  
}

.membershipRequests_roleLabel {
    color: #6b6c6e;
    margin-bottom: 5px;
}

.membershipRequests_container .row {
    display: flex;
}

.membershipRequests_accept {
    padding: 7px 0 0 20px;
    width: 50%;
}

.membershipRequests_acceptOrgLink {
    text-decoration: underline dashed;
}

.membershipRequests_acceptLink {
    text-decoration: underline;
}

.membershipRequests_acceptMessage {
    color: #2291be;
    margin-top: 10px;
    margin-bottom: 5px;
}

.labelRow {
    padding: 3px 0;
}

.journalNameInput {
    height: 20px;
    margin-left: 20px;
    margin-top: 4px;
    width: 600px;
}

.strict-reporting-documents__li{
    background-repeat: no-repeat; 
    background-image: url('../images/mime/Excel.png');
    padding-left: 35px;
    height: 20px;    
}

.strict-reporting-documents__item_padding-top_5{
    padding-top: 5px;
}

.strict-reporting-documents__item_margin-top_10{
    margin-top: 10px;
}

.helpListContainer {
    padding: 0 0 0.5em 28px;
}

.helpListTitle {
    font-weight: 700;
    font-size: 1.1em;
}

.helpListTable {
    margin-top: 5px;
}

.helpListTableHeader {
    color: black;
    background-color: #ecf2f9;
}

.helpListTd {
    padding: 3px;
    border: solid 1px #ddd;
}

.helpListTdGood {
    color: #c2d23a;
}

.helpListTdAverage {
    color: #f9a23b;
}

.helpListTdBad {
    color: #ff6666;
}

.helpListTdGood, .helpListTdAverage, .helpListTdBad {
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
}

.helpListItem {
    padding-left: 5px;
}

.margin-top-15 {
    margin-top: 15px;
}

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

.margin-top-5 {
    margin-top: 5px;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.schoolProgressReport td {
    padding: 4px 2px;
}

.scheduleEducationLanguages {
    background-color: #feda39;
    width: 445px;
    border-radius: 3px;
    padding: 10px 7px;
    font-weight: 600;
    margin: 10px 0 10px 0;
}

.scheduleEducationLanguagesTitle{
    margin-top: -18px;
    margin-bottom: 20px;
    color: rgba(117,117,117,.7);
    font-size: 1.1em;
}

.scheduleGeneratorLastElem{
    margin-bottom: 30px !important;
}

.teacher_chatButton {
	width: 160px;
	border-radius: 14px;
	border: 1px solid #cccccc;
	display: flex;
    flex-direction: row;
    align-items: center;
    min-height: 18px;
	margin-bottom: 10px;
    padding: 4px 10px;
    flex-shrink: 0;
	background: inherit;
    color: #0087c0;
    font-family: "Open Sans";
    font-size: 13px;
	font-weight: 600;
    letter-spacing: -0.21px;
    cursor: pointer;
}

.teacher_chatButton_icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../images/chat/chat-small.svg) no-repeat;
    vertical-align: bottom;
}

.teacher_sferumButton_icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../images/chat/sferum.svg) no-repeat;
    vertical-align: bottom;
}

.termReport_card > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 35px;
    text-align: left;
    position: relative;
}

.termReport_card_tr {
    padding: 15px;
    border-bottom: thin solid #d1dee4;
    font-size: 14px;
    line-height: 15px;
    color: #000;
}

.termReport_card_header {
    font-family: Open Sans Semibold,Open Sans,Arial,sans-serif;
    font-size: 14px;
    font-weight: 600;
    align-items: center;
}

.termReport_card_raw{
    background-color: hsla(0,0%,100%,.7);
    align-items: flex-start;
}

.termReport_card > div:last-child {
    margin-bottom: 8px;
}

.people_page {
    display: flex;
}

.student_page_print {
    margin: 0 15px;
}
.file_input_block {
    display: flex;
}

.file_input_label {
    display: inline-block;
    text-align: center;
    min-width: 110px;
    max-width: 140px;
    font-size: 14px;
    color: rgb(68,68,68);
    padding: .2em 1em;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 2px;
    background: rgb(245,245,245) linear-gradient(#f4f4f4, #f1f1f1);
}

.file_input_label:hover {
    color: rgb(24,24,24);
    border: 1px solid rgb(198,198,198);
    background: #f7f7f7 linear-gradient(#f7f7f7, #f1f1f1);
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
}

.file_input {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.file_input_preview {
    font-size: 14px;
    margin: 4px 7px;
    max-width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.div_flex {
    display: flex;
}

.div_hide {
    display: none;
}

.file_input_num_label {
    margin: 3px 5px 0 0;
}

.childlist_container_red, .childlist_container_grey {
    padding: 7px 10px;
    border-radius: 5px;
}

.childlist_container_red {
    border: 1px solid #f99;
    background: #fee;
}

.childlist_container_grey {
    border: 1px solid #dbe2e6;
    background: #f7f9fa;
}

.childlist_subscription_header {
    margin-top: 6px;
    font-size: 1.2em;
    font-weight: bolder;
    color: #000000 !important;
}

.childlist_subscription_status_block {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: flex-end;
}

.childlist_subscription_status_red {
    color: red !important;
}

.div_width_50 {
    width: 50%;
}

.text_align_end {
    text-align: end;
}

.homeworkHelpContainer {
    display: flex;
    align-items: flex-end;
}

.homeworkHelpContainer.found {
    flex-shrink: 1;
}

.homeworkHelpText, .homeworkHelpLink {
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 10px;
    flex-shrink: 0;
}

.homeworkHelpLink {
    display: flex;
    cursor: pointer;
    align-items: center;
    margin-left: 8px;
}

.homeworkHelpLink img {
    margin-left: 8px;
}



/* Ms Teams */
.msTeams_meetingPlaningButtonContainer {
    margin-top: 4px;
    display: flex
}

.msTeams_meetingPlaningButton {
    display: flex;
    flex-direction: row;
    font-family: "Open Sans";
    font-size: 13px;
    line-height: 18px;
    cursor: pointer;
}
    .msTeams_meetingPlaningButton .msTeams_icon {
        margin-right: 4px;
        display: inline-block;
    }
    .msTeams_meetingPlaningButtonContainer .msTeams_spinner {
        width: 18px;
        height: 18px;
        margin-left: 2px;
    }
    .msTeams_meetingPlaningButtonContainer .msTeams_helpContainer {
        margin-left: 4px;
        position: relative;
    }
    .msTeams_meetingPlaningButtonContainer .msTeams_help {
        width: 18px;
        height: 18px;
        vertical-align: text-bottom;
    }
    
    .msTeams_meetingPlaningButton .msTeams_buttonAction {
        color: #0087c0;
    }
    .msTeams_meetingPlaningButton:hover .msTeams_buttonAction {
        color: #f6921e;
    }

    .msTeams_meetingPlaningButton[data-planned="true"] .msTeams_icon::before {
        content: url("../images/teams/teamsMeetingPlanned.png");
    }
    .msTeams_meetingPlaningButton[data-planned="true"] .msTeams_status {
        color: #0bbf25;
    }

    .msTeams_meetingPlaningButton[data-planned="false"] .msTeams_icon::before {
        content: url("../images/teams/teamsMeetingNotPlanned.png");
    }

.video_lessons_button_container {
    margin-left: 144px;
    padding-bottom: 6px;
}

/* Meals Tasting Events */

.mealsTastingEventPage{
    display: flex
}

.mealsTastingEventMemoContainer{
    margin-left: 75px;
}

.mealsTastingEventButton{
    width: 175px;
    height: 40px;
}

.mealsTastingEventButton[data-stateForPerson='ParticipationUnavailable'],
.mealsTastingEventButton[data-stateForPerson='FeedbackSubmitted']
{
    background: lightgray;
    cursor: default;
}

.mealsTastingEventDate{
    font-size: 18px;
    color: #2291be;
    margin-bottom: 3px;
    width: 300px;
}

.mealsTastingEventFullDate{
    font-size: 13px;
    color: #757575;
    margin-bottom: 3px;
}

.mealsTastingEventParticipation{
    font-size: 13px;
    color: #757575;
}

.mealsTastingEventContainer{
    margin-bottom: 16px;
    display: flex;
}

.mealsTastingEventData{
    margin-right: 90px;
}

.mealsTastingEventButtonControls{
    align-self: center
}

.mealsTastingEventMemoQuestion{
    background: url('../images/chat/question.svg') no-repeat;
    width: 40px;
    height: 20px;
    margin-right: 5px;
}

.mealsTastingEventMemo{
    box-sizing: border-box;
    background: #f7f9fa;
    border: thin solid #d8d8d8;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    padding: 6px;
    width: 300px;
}

.mealsTastingEventMemoRules{
    margin-bottom: 10px;
    display: flex;
}
/* END of  Meals Tasting Events*/



.no-min-width {
    min-width: 0;
}

.full-height {
    height: 100%;
}

.p2c {
    display: flex;
    flex-direction: row;
}
.p2c>div {
    width: 50%;
}

.writeToSubjectTeacherButtonContainer {
    height: 50px;
    text-align: right;
}
.writeToSubjectTeacherButton {
    border-radius: 14px;
    border: 1px solid #d0d0d0;
    background-color: #ffffff;
    display: inline-block;
}
    .writeToSubjectTeacherButton:hover {
        border-color: #0087c0;
    }
.writeToSubjectTeacherButtonLable {
    background: url(../images/chat/chat.svg) no-repeat right 10px center;
    white-space: nowrap;
    padding: 3px 44px 3px 14px;
    color: #0087c0;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
}
.msTeams_helpPopover::before {
    border-top-color: #d8d8d8;
    border-width: 10px;
    margin-left: -1.5px
}
.msTeams_helpPopover::after {
    border-top-color: white;
    border-width: 8px;
}

.onlineLesson_icon {
    margin-right: 4px;
    display: inline-block;
}
.onlineLesson_icon::before {
    content: url("../images/teams/teamsMeetingPlanned.png");
}


.esp_schedule_popup {
    background-color: rgba(0,0,0,0.6);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: flex;
    justify-content: center;
}

.esp_schedule_popup_content {
    position: absolute;
    top: 33%;
    width: 450px;
    height: 220px;
    background-color: #ffffff;
    border-radius: 8px;
}

.esp_schedule_popup_message {
    font-size: 14px;
    font-weight: 600;
    margin: 70px 30px;
    text-align: center;
}

.esp_schedule_popup_text {
    margin-bottom: 10px;
}

.criteriamarks_trainingpercent_container {
    display: flex;
    position: relative;
    justify-content: center;
}

.criteriamarks_trainingpercent_question {
    margin-left: 4px;
    position: relative;
    margin-top: -2px;
}

.banner_code {
    overflow-y: auto;
    max-height: 500px;
}

.dnevnikExpert>label{
    float: none;
    display: inline;
}

.text_center{
    margin: auto;
    text-align: center;
    width: 50%;
}

.logo_rounded {
    border-radius: 150%;
    width: 32px;
    height: 32px;
}

.flex-vertical-centering {
    display: flex;
    align-items: center;
}

.import-file {
    font-weight: 600;
}

.import-partner-name {
    margin-left: 5px;
    font-weight: 600;
}

.import-partner-row {
    border-top: 1px solid #dbe2e6;
    padding: 20px 0;
}

.lesson_ktp_banner_container{
    height: 149px;
    display: flex;
    margin-top: 16px;
    margin-left: 18px;
    border-radius: 5px;
    border: 1px solid white;
}

.change-login-container_short {
    display: flex;
}

.change-password-container_short {
    display: flex;
}

.padding-16 {
    padding: 16px;
}

#erp::-webkit-inner-spin-button,#erp::-webkit-outer-spin-button {
     -webkit-appearance: none;
     margin: 0;
}

#erp,#erpid {
    -moz-appearance: textfield;
}

#erpid::-webkit-inner-spin-button,#erpid::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


.horizontalTabs {
}

.horizontalTabs ul {
    padding: 4px;
    float: left;
}

.activingTab {
    background: #009ACD;
    color: white !important;
}

.inactivingTab {
    background: #F1F8FF;
}

.inactivingTab:hover {
    background: #74C7E5;
}

.horizontalTabs button {
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #000000;
    border: none;
    border-radius: 7px;
    padding: 4px 8px;
}


.logo_rounded {
    border-radius: 150%;
    width: 32px;
    height: 32px;
}

.flex-vertical-centering {
    display: flex;
    align-items: center;
}

.import-file {
    font-weight: 600;
}

.import-partner-name {
    margin-left: 5px;
    font-weight: 600;
}

.import-partner-description {
    text-align: end;
    padding: 20px;
}

.import-partner-row {
    border-top: 1px solid #dbe2e6;
    padding: 20px 0;
}

.potential-mark-container {
    width: 81px;
    height: 16px;
    padding: 2px;
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    margin: 5px auto;
}
.potential-mark-reject, .potential-mark-reject-all,
.potential-mark-confirm, .potential-mark-confirm-all {
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}

.potential-mark-reject, .potential-mark-reject-all {
    background-image: url('../images/cross.svg');
}

.potential-mark-confirm, .potential-mark-confirm-all {
    background-image: url('../images/check_mark.svg');
}

.potential-mark-reject-all, .potential-mark-confirm-all {
    margin: auto 10px;
}

.interactive-work-visibility {
    background-image: url('../images/visibility_on.svg');
    background-repeat: no-repeat;
    width: 17px;
    height: 9px;
}

.interactive-work-visibility-off {
    background-image: url('../images/visibility_off.svg');
    background-repeat: no-repeat;
    width: 17px;
    height: 13px;
}

.potential-mark-value {
    font-size: 16px;
    line-height: 16px;
    font-family: "Open Sans SemiBold";
}

.interactive-work-options {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px;
}

.info .task-label {
    width: 105px;
}

.info .task-description {
    height: 60px;
    display: flex;
    align-items: center;
}

#reportIdModal {
    position: fixed;
    z-index: 9999;
    top: 30%;
    left: 40%;
    display: none;
    flex-direction: column;
    align-items: center;
    max-width: 500px;
    font-size: 15px;
}

#reportIdModal .for {
    max-width: 480px;
    text-align: center;
    margin: 10px 0;
}

#reportIdModal.modal h2 {
    width: 460px;
    text-align: center;
    font-size: 16px;
}

#reportIdModal .row {
    width: 460px;
    text-align: center;
    margin: 10px 10px 0 10px;
    padding: 0;
}

#reportIdModal .row.row_h {
    display: flex;
}

#reportIdModal .flex_grow_1 {
    flex-grow: 1;
    font-size: 14px;
}
#modal_bulk_tables_signin .tabel_input_1 {
    padding: 0 5px 0 5px;
}

#reportIdModal .label_left {
    padding: 6px;
}

#reportIdModal .label_full {
    text-align: left;
    padding: 0 6px 6px 6px
}

#reportIdModal #printReport {
    margin: 10px;
}

#reportIdModal #pedagogicalCouncilDecree {
    resize: none;
    margin: 0 6px;
    width: 445px;
    font-size: 14px;
}

#modal_bulk_tables_signin_1 {
    position: fixed;
    z-index: 9999;
    top: 30%;
    left: 10%;
    display: none;
    flex-direction: column;
    align-items: center;
    width: 80%;
    font-size: 15px;
    padding: 0 10px 10px;
}

#modal_bulk_tables_signin .modal h2{
    font-size: 16px;
    width: 100%;
    text-align: left;
    padding: 0 10px;
}

#modal_bulk_tables_signin .for{
    margin: 10px;
}


#modal_bulk_tables_signin .students_table {
    width: 100%;
    margin-bottom: 10px;
}

#modal_bulk_tables_signin .students_table  table{
    width: 100%;
}

#modal_bulk_tables_signin .students_table input {
    border: none;
    margin: 1px;
}


#modal_bulk_tables_signin .students_table input:focus {
    border: 1px solid #ccc;
    margin: 0;
} 

#modal_bulk_tables_signin .students_table table th{
    background: #e4e8ee;
    border: 1px solid #cbc6c6;
    padding: 5px;
    font-size: 14px;
    font-weight: normal;
    vertical-align: middle;
}

#modal_bulk_tables_signin .students_table table td{
    border: 1px solid #cbc6c6;
    padding: 5px;
    vertical-align: middle;
}

#modal_bulk_tables_signin .students_table .tbl_header {
    width: 460px;
}

#modal_bulk_tables_signin .students_table .tbl_data_row {
    width: 460px;
}

.add_optional_lesson{
    width: 100%;
}

#addOptionalLesson {
    margin: 5px auto;
    float: right;
}

.archived_subject td, .archived_subject td a {
    color: #aab6c2;
}

#toggle_archived_subjects {
    margin-left: 5px;
}

.import-partners-table{
    display: table;
    align-items: center;
    width: 590px;
}

.import-partner-name-td{
    padding: 20px;
}

.import-partners-table-tr{
    border-top: 1px solid #dbe2e6;
}

.disabled_image_link {
    opacity: 0.5;
    pointer-events: none;
}