html, body {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: Arial;
    font-size: 100%;
    zoom: 1;
    font-family: 'Assistant', sans-serif !important;
}

/*LOGINPAGE*/
.containerlogin {
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    margin-top: 0%;
}

/*in containerlogin*/
#headerstrtpage {
    display: block;
    background-size: 100% 100%;
    width: 100%;
    min-height: 560px;
    height: 100%;
    overflow: hidden;
    background-color: #0d1217;
    position: absolute;
}

    #headerstrtpage:before {
        position: absolute;
        content: "";
        opacity: 0.5;
        height: auto;
        width: 100%;
        right: 0px;
        left: 0px;
        top: 0px;
        bottom: 26%;
        background-image: url('../Images/login/backhome.jpg');
        background-size: auto 140%;
        background-position: center;
    }

#pas {
    height: 75%;
    margin-top: 0;
    font-size: 1em;
    color: #5a5d64;
    width: 100%;
    overflow: hidden;
    text-align: center;
    vertical-align: bottom;
    background-size: 100%;
}

    #pas td {
        background-image: url('../Images/login/back_logo.png');
        background-size: auto 100%;
    }

#logoiconposlogin {
    background-image: url('../Images/login/classboost_logostartpage1.png');
    display: inline-block;
    background-position: center;
    text-align: center;
    margin: 0 auto;
    height: 100%;
    width: auto;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: 30%;
    position: absolute;
    right: 250px;
    left: 0px;
    top: 0px;
}


@media screen and (max-width: 1000px) {
    #logoiconposlogin {
        background-size: 50%;
    }
}


.change_lang {
    direction: ltr;
    color: #2c2e2f;
    text-align: left;
    background-color: #104679;
    padding-top: 6px;
}

    .change_lang a:hover {
        color: #9F9797;
        text-decoration: none;
    }

    .change_lang a:active {
        color: #9F9797;
        text-decoration: none;
        color: #5a5d64;
    }

    .change_lang a:selected {
        color: #9F9797;
        text-decoration: none;
    }

    .change_lang a.activ_eng:link {
        color: #fff;
        padding: 4px;
    }

    .change_lang a.activ_heb:link {
        color: #fff;
        padding: 4px;
    }

    .change_lang div#menu {
        height: 40px;
    }

#moreoption .change_lang {
    padding-right: 60px;
    background-color: #fff;
    padding-top: 0;
    padding-bottom: 0;
    border: none;
}

.list-inline {
    margin-left: 0px !important;
}

.insigninpage {
    width: 290px;
    display: inline-block;
    background-color: #f9f9f9;
    border-radius: 0;
    float: right;
    margin: 0px 0px;
    margin-right: 0px;
    margin-top: 0px;
}

.facebookconnect {
    display: block;
    width: 280px;
    margin-right: 0;
    height: auto;
    margin: 0 auto;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: 2%;
    margin-top: 10px;
    text-align: center;
}

.fb {
    z-index: 2000;
    margin: 0 auto;
    top: 10px;
    right: 0%;
    width: auto;
    padding: 0;
    border: none;
    width: 96%;
    padding-top: 5px;
    padding-bottom: 5px;
}

.divposfb {
    color: #2860e0;
    font-size: 1em;
    font-weight: bold;
}

.facx {
    border: none;
}

.txtfacebooklogin {
    visibility: collapse;
    height: 2px;
}

#alreadyuse {
    display: inline-block;
    visibility: visible;
    margin: 0;
    height: auto;
    margin: 0 auto;
    border-radius: 8px;
    margin-right: 15px;
    margin-left: 15px;
    width: 250px;
    padding: 2px 15px;
    margin-bottom: 8px;
}

    #alreadyuse h3 {
        font-weight: normal;
        font-size: 1em;
        color: #2762a9;
        font-family: sans-serif;
        margin: 0;
        margin-bottom: 5px;
        margin-top: 8px;
    }

    #alreadyuse div {
        text-align: right;
        vertical-align: top;
    }

    #alreadyuse .textbooxbesidetext {
        display: block;
        min-height: 30px;
    }

    #alreadyuse #lblChangPwd {
        vertical-align: bottom;
        display: block;
        width: 100%;
        padding: 3px;
        padding-right: 0;
    }

input#btnLogin {
    float: left;
    background-color: #2465a8;
    border-radius: 8px;
    color: #fff;
    box-shadow: none;
    margin: 8px;
}

#forgotyourpass {
    margin-top: 0px;
    float: right;
    margin-bottom: 10px;
    margin-right: 20px;
    text-decoration: underline;
    font-size: 0.9em;
}

#wrapsignup {
    direction: rtl;
    text-align: center;
    vertical-align: top;
    display: inline-block;
    position: absolute;
    bottom: 6%;
    height: 20%;
    background-color: #f9f9f9;
    padding: 0;
    width: 100%;
    overflow: hidden;
    min-height: 140px;
}

    #wrapsignup:before {
        content: "";
        position: absolute;
        bottom: -60px;
        width: 100%;
        height: 60px;
        background-color: #fff;
        right: 0px;
        border-top: solid 2px #ddd
    }


.bottomlogin1 {
    display: inline-block;
    width: 25%;
    background-color: #ccc;
    height: 100%;
    vertical-align: top;
    font-size: 1.3em;
    background-color: #f9f9f9;
    direction: rtl;
    position: relative;
    text-align: center;
    border-left: solid 1px #ccc;
    padding-top: 8px;
    -moz-transition: all 0.5s;
    /* WebKit */
    -webkit-transition: all 0.5s;
    /* Opera */
    -o-transition: all 0.5s;
    /* Standard */
    transition: all 0.5s;
    float: right;
    color: #3971a7;
}

    .bottomlogin1:hover {
        background-color: #2465a8;
        color: #fff !important
    }

    .bottomlogin1.howtoleft {
        display: inline-block;
        border-left: none;
    }


    .bottomlogin1 a {
        color: #3971a7;
    }

        .bottomlogin1 a:visited {
            color: #3971a7;
        }

        .bottomlogin1 a:hover {
            color: #fff;
        }

    .bottomlogin1:hover a:visited {
        background-color: #177b9c;
        color: #fff !important
    }


.signpos {
    margin-bottom: 10px;
    border: solid 0px #ddd;
    background-color: #2465a8;
}

.signup {
    font-size: 1.5em;
    height: 100%;
    width: 100%;
}

.notmember {
    display: block;
    font-size: 1em;
    padding: 10px;
    padding-top: 5%;
    padding-left: 0;
}

#notregister {
    color: White;
}

.student_iconlogin {
    background-image: url('../Images/login/student_iconlogin.png');
    height: 100px;
    width: 100px;
    display: block;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-color: transparent;
    webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background-position: center;
}

.student:hover .student_iconlogin {
    background-image: url('../Images/login/student_iconlogin_hover.png');
}

.univercity_iconlogin {
    background-image: url('../Images/login/univercity_iconlogin.png');
    height: 100px;
    width: 100px;
    display: block;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-color: transparent;
    webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background-position: center;
}

.University:hover .univercity_iconlogin {
    background-image: url('../Images/login/univercity_iconlogin_hover.png');
}

.student:hover .student_iconlogin {
    background-color: White
}

.University:hover .univercity_iconlogin {
    background-color: White
}

/*how do you study*/
.misallbottom {
    display: block;
    width: 100%;
    margin-top: 1%;
}

.demodiv {
    margin-top: 0;
    bottom: 0px;
    height: 100%;
    width: 100%;
    background: url('../Images/general/opacity_60.png');
    position: absolute;
    z-index: 200;
    top: 0;
    display: inline-block;
}

.centerdemo {
    height: 95%;
    text-align: center;
    width: 100%;
    border: solid 0px #5a5d64;
    margin: 0 auto;
    -webkit-border-radius: 0px;
    background-size: 60% auto;
    -moz-border-radius: 0px;
    border-radius: 0px;
    position: fixed;
    top: 0%;
    left: 0px;
    padding-top: 2.5%;
}

#moviedemo {
    height: 100%;
}

.closebut.hidedemo {
    color: #ffffff;
    cursor: pointer;
    text-decoration: underline;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 40px;
    width: 40px;
    margin: 10px;
    display: block;
    background-color: #2465a8;
    text-align: right;
}

.closebut {
    background-image: url('../images/general/close_20.png');
    background-repeat: no-repeat;
    background-position: center;
    float: right;
    height: 20px;
    width: 20px;
    z-index: 20000;
    opacity: 0.6;
}

    .closebut:hover {
        background-color: #ccc;
        opacity: 1;
    }

#divsupportlogin_reg {
    position: absolute;
    bottom: 0;
    height: 6%;
    width: 100%;
    background-color: #ddd
}

    #divsupportlogin_reg input {
        border: none;
        background-color: transparent;
        cursor: pointer;
        color: #393A40;
        font-size: 0.9em;
        padding-left: 20px;
        height: 90%;
    }

.phonesupport {
    display: inline-block;
    font-size: 0.9em;
    padding-bottom: 15px;
    color: #393A40;
    background-color: #ddd;
}

.demobutshow {
    height: 100%;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
}


#wrapallreasy {
    padding-right: 0%;
    width: 100%;
    vertical-align: top;
    min-height: 75px;
}

/*link to app*/
.pos_app {
    position: absolute;
    bottom: 0px;
    right: 0px;
    height: 5%;
    padding: 0;
    margin: 0;
    z-index: 1000;
}

.div_IPHONE_APP {
    background-image: url('../Images/general/app_store_iphone_30.png');
    display: inline-block;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
    width: 110px;
}

.div_ANDROID_APP {
    background-image: url('../Images/general/app_store_google_30.png');
    display: inline-block;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
    width: 110px;
}

#div_IPHONE_APP, #div_ANDROID_APP {
    font-family: Arial;
    font-size: 0.9em;
    font-weight: bold;
}


#divChangeBrowser {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #262627;
    padding: 5%;
    height: 100%;
    width: 100%;
    color: #ffffff;
    opacity: 0.8;
    font-size: 1.5em;
}
/*contact on login*/

#divContact {
    background-color: #ededec;
    padding: 5px;
    webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    box-shadow: 2px 2px 10px #888888;
    display: block;
    z-index: 4000;
    bottom: 50px;
    left: 0%;
    margin: 0 auto;
    color: #4d5057;
    margin-bottom: 15px;
    width: 300px;
    position: absolute;
}

.contactlogintitle {
    text-align: center;
    padding: 10px;
}

#ucContact_up1 .contactst {
    width: 100%;
    min-height: 0;
    padding: 0%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.dvContactfiled {
    padding-top: 10px;
}

.error_sign {
    color: #D04444;
    font-size: 1.6em;
    line-height: 6px;
    margin-bottom: -10px;
    vertical-align: middle;
}

.fileddef {
    font-size: 1em;
    letter-spacing: -0.02em;
    padding-top: 8px;
    padding-bottom: 5px;
    padding-right: 0px;
}

    .fileddef label {
        font-weight: normal;
        margin-right: 5px;
    }


.checkst {
    display: inline-block;
}

    .checkst label {
        font-size: 1em !important;
        font-family: Arial !important;
    }

.diverrortxt {
    color: red;
    text-align: center;
    margin: 10px;
}

.butsendcontact .butt {
    vertical-align: top;
    line-height: 35px;
    background-color: #2465a8;
    font-size: 1em;
    width: 80px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-weight: bold;
    box-shadow: none;
    color: White;
    margin: 2px 10px 2px 10px;
    padding: 0px 10px 0px 10px;
}

    .butsendcontact .butt:hover {
        background-color: #2465a8;
        color: White;
    }

    .butsendcontact .butt.activebut {
        background-color: #2465a8;
        color: White;
    }



/*end LOGINPAGE*/


/*FOR STUDENT*/
.iconstudent {
    background-image: url(../Images/login/student_iconlogin_hover.png);
    height: 80px;
    width: 80px;
    webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.footeruniversity ul li.first {
    border-left: 0PX;
    background-color: #fff;
    position: fixed;
    left: 0px;
    top: 0px;
    height: 40px;
    width: 100%;
}

    .footeruniversity ul li.first a {
        width: 40px;
        height: 40px;
        margin-right: 0px;
        margin-top: 0px;
        float: right;
        border-radius: 0px;
        margin-top: -1px;
    }

        .footeruniversity ul li.first a:hover {
        }












































#ucContact_up1 .closebutt {
    height: 30px;
    width: 30px;
}


div#content {
    margin: 0;
    margin-right: 210px;
    margin-top: 5px;
    margin-left: 31%;
}

div#extra {
    margin: 0;
    float: left;
    width: 30%;
    margin-top: 5px;
    background-color: #f1f6fc;
}

div#footer {
    clear: both;
    width: 100%
}



#Videoview {
    float: left;
    width: 49%;
    height: 250px;
    margin: 0;
    margin-left: 0px;
    margin-top: 0px;
}

#Presentation {
    background: url('Images/presentation.gif');
    float: right;
    width: 49%;
    background-color: Purple;
    height: 250px;
    margin: 0;
    margin-right: 5px;
    margin-top: 10px;
}

input#cbConfirmationEmail, input#cbConfirmation {
    height: 20px;
    width: 20px;
    margin-bottom: -6px;
    border: solid 1px #454543
}

ul {
    list-style-type: none;
    margin: auto;
    padding: 0;
}

li {
    margin: 0;
    padding: 0;
}

    li a:link {
        text-align: center;
        padding: 0;
    }

ul a:link {
    background-repeat: no-repeat;
    background-position: right;
    display: block;
    text-decoration: none;
    padding: 0;
    font-family: arial;
    font-size: 1em;
}

ul a:hover {
    background-repeat: no-repeat;
    background-position: right;
    display: block;
    text-decoration: none;
    font-family: arial;
    padding: 0;
}




dl#Timelineview {
    margin: 0;
    padding: 0;
    height: 50px;
    width: 100%;
    position: relative;
}


.maindiv {
    height: 100%;
    width: 100%;
}

.centerdiv {
    width: 95%;
    margin-left: 2.5%;
    margin-right: 2.5%;
}

.logodiv {
    background-position: top right;
    background-repeat: no-repeat;
    background-image: url('Images/logo.jpg');
}

.leftlogodiv {
    height: 95px;
    background-color: #ffffff;
}

.toppagediv {
    height: 50px;
    text-align: right;
    background-repeat: repeat-x;
    background-position: top left;
    background-color: #ffffff;
    font-size: 12px;
}

.menudiv {
    height: 30px;
    float: right;
    background-color: #ffffff;
}

.contentdiv {
    direction: rtl;
    vertical-align: top;
    text-align: right;
    overflow: auto;
}

.Update_but {
}

/*menu*/

.addbut {
    background-image: url('Images/general/but.png');
    background-position: -60px 0px;
    cursor: pointer;
    width: 19px;
    background-color: transparent;
    height: 20px;
    border: solid 0px;
}

    .addbut:hover {
        background-image: url('Images/general/but.png');
        background-position: -60px -21px;
        cursor: pointer;
        width: 19px;
        background-color: transparent;
        height: 20px;
        border: solid 0px;
    }

.reg_but {
    background-image: url('Images/general/but.png');
    background-position: -80px 0px;
    cursor: pointer;
    width: 70px;
    background-color: transparent;
    height: 21px;
    border: solid 0px;
    background-repeat: no-repeat;
    color: #11637f;
    font-weight: bold;
}

    .reg_but:hover {
        background-image: url('Images/general/but.png');
        background-position: -80px -21px;
        cursor: pointer;
        width: 70px;
        background-repeat: no-repeat;
        background-color: transparent;
        height: 21px;
        border: solid 0px;
        color: #11637f;
        font-weight: bold;
    }

.reg_but_80 {
    background-image: url('Images/general/but.png');
    cursor: pointer;
    width: 85px;
    background-position: -152px -1px;
    background-color: transparent;
    height: 21px;
    border: solid 0px;
    color: #11637f;
    font-weight: bold;
}

    .reg_but_80:hover {
        background-image: url('Images/general/but.png');
        cursor: pointer;
        width: 85px;
        background-position: -152px -22px;
        background-color: transparent;
        height: 21px;
        border: solid 0px;
        color: #11637f;
        font-weight: bold;
    }


.logoff_but {
    background-image: url('Images/bigbut.jpg');
    background-position: -45px 0px;
    cursor: hand;
    width: 48px;
    vertical-align: middle;
    background-color: transparent;
    height: 30px;
    border: solid 0px;
    padding-right: 15px;
    color: #11637f;
    font-weight: bold;
}

.print_but {
    background-image: url('Images/bigbut.jpg');
    background-position: 0px 0px;
    cursor: hand;
    width: 35px;
    vertical-align: middle;
    background-color: transparent;
    height: 30px;
    border: solid 0px;
    padding-right: 35px;
    color: #11637f;
    font-weight: bold;
}

.regtxt {
    font-size: 11px;
}

.headerlbl {
    font-size: 12px;
}

.back_coteret {
    background-image: url('Images/menu.jpg');
    background-position: 0px -46px;
    padding-right: 10px;
    height: 36px;
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
}


.pinaleft {
    background-image: url('Images/back_coteret_left.jpg');
    background-position: top left;
    padding-top: 10px;
    background-repeat: no-repeat;
}

.coteret {
    color: #116883;
    height: 50px;
    font-weight: bold;
    font-size: 15px;
}

.backlogin {
    padding-top: 100px;
    background-image: url('Images/back_login.jpg');
    width: 100%;
    background-position: center;
    height: 537px;
    background-repeat: no-repeat;
}

.loginpage {
    background-color: White;
}

.errortxt {
    color: red;
}

.butlogin {
    height: 40px;
    width: 40px;
}

    .butlogin[class] {
        border-width: 0px;
        background-color: #d0e9f2;
        background-repeat: no-repeat;
        background-image: url('Images/loginbut.png');
        height: 40px;
        width: 40px;
    }

.details-view-cells {
    width: 80px;
    display: inline;
}

.colorrow {
    background-color: #dfe8eb;
}

.textbox {
    width: 120px;
    border: solid 1px #4f5253;
    height: 20px;
}

.changepass {
    background-image: url('Images/back_changepass.png');
    background-position: center;
    background-repeat: no-repeat;
}

.colorllbl {
    color: #1c7f9c;
}




.Menu {
    text-align: right;
    COLOR: #000000;
    width: 600px;
    display: block;
}

    .Menu ul {
        height: 30px;
        COLOR: #000000;
        width: 600px;
        display: block;
    }

        .Menu ul li {
            color: #197290;
            height: 30px;
            background-image: url('Images/menutop.jpg');
            background-position: 0px -6px;
            background-repeat: no-repeat;
            height: 32px;
            font-weight: bold;
            text-align: center; /* set width if needed.*/
            width: 128px;
        }

            .Menu ul li:hover {
                color: #197290;
                height: 30px;
                background-image: url('Images/menutop.jpg');
                background-position: 0px -43px;
                height: 32px;
                font-weight: bold;
                background-repeat: no-repeat;
                text-align: center; /* set width if needed.*/
                width: 128px;
            }

        .Menu ul a {
            background-image: url('Images/menu.jpg');
            COLOR: #ffffff;
            height: 32px;
            padding: 10px 0px 0px 0px;
            padding-left: 8px !important;
            border: 1px solid #648ABD;
            border-bottom: 0;
        }

            .Menu ul a:hover {
                color: White;
                background-image: url('Images/menu.jpg');
                COLOR: #FFFFFF;
                background-position: 0px -32px;
                height: 30px;
            }

        .Menu ul li a {
            background-image: url('Images/menu.jpg');
            background-position: 0px -43px;
            height: 30px;
            padding: 10px 0px 0px 0px;
            padding-left: 8px !important;
            border: 1px solid #648ABD;
            border-bottom: 0;
        }

            .Menu ul li a:hover {
                color: White;
                background-image: url('Images/menu.jpg');
                color: #ffffff;
                background-position: 0px -6px;
                height: 30px;
            }

.tablestfooter td {
    text-align: right;
    font-size: 12px;
    background-color: #e4edf0;
    vertical-align: middle;
}

.filtorst {
    background-color: #e8eff2;
}





.GridViewRow td, .GridViewAlternatingRow td {
    /* style for the td*/
}


.GridView {
    border-right: 0px solid #A7A6AA;
    border-bottom: 0px solid #A7A6AA;
    border-left: 0px solid white;
    border-top: 0px solid white;
    padding: 1px;
}

    .GridView a {
        color: #2414da;
    }

.GridViewHeader th {
    padding-left: 10px;
    padding-top: 5px;
    vertical-align: top;
}

.GridViewHeader {
    background-color: #686c73;
    padding-bottom: 5px;
    text-align: left;
    border: none;
    color: #ffffff;
    font-family: Arial;
    font-size: 11px;
    padding-left: 10px;
    height: 30px;
}

.GridViewFooter {
    background-color: #ffffff;
    font-weight: bold;
    color: White;
}

.GridViewRow {
    background-color: #f5f9f9;
    border: solid 2px #ffffff;
    color: #284775;
    font-family: Arial;
    font-size: 12px;
    padding: 10px;
}

.GridViewAlternatingRow {
    background-color: #f5f9f9;
    border: solid 2px #ffffff;
    color: #284775;
    font-family: Arial;
    font-size: 12px;
}

    .GridViewRow td, .GridViewAlternatingRow td {
        border: 3px;
        padding-left: 10px;
        padding: 5px;
    }

.GridViewSelectedRow {
    background-color: #e0eef8;
    font-weight: bold;
    color: #333333;
}


.GridViewPager {
    background-color: #284775;
    color: #FFFFFF;
}

    .GridViewPager table /* to center the paging links*/ {
        margin: 0 auto 0 auto;
    }





.FeedbackClass1 {
    background-image: url('Images/Search-icon.png');
}

.FeedbackClass2 {
    background-image: url('Images/Sign-Add-icon.png');
}





div#loginheader {
    height: 10%;
    width: 100%;
}

div#logintopcontent {
    height: 100%;
    width: 100%;
}

div#loginbottomcontent {
    height: 15%;
    width: 99%;
}


div#loginlinkim {
    width: 300px;
}

.loginbottomlist ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 800px;
    height: 900px;
}

.loginbottomlist li {
    list-style-type: none;
    width: 100%;
    cursor: pointer;
    height: 70px;
    margin-bottom: 5px;
}


div#illustation {
    height: 400px;
    width: 300px;
    background-size: 80%;
    background-image: url('../Images/demo_movie.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.userguide {
    background-image: url('../Images/userguide.gif');
    width: 346px;
    height: 80px;
    background-repeat: no-repeat;
    background-position: center;
}

.callcenter {
    background-image: url('../Images/callcenter.gif');
    width: 346px;
    height: 80px;
    background-repeat: no-repeat;
    background-position: center;
}

.sendmessage {
    background-image: url('../Images/sendmessage.gif');
    width: 346px;
    height: 80px;
    background-repeat: no-repeat;
    background-position: center;
}

a:hover .userguide {
}

a:hover .callcenter {
}

a:hover .sendmessage {
}

/*end login style*/

/* generale  style*/

.my_repeater_cssclass br {
    display: none;
}


@-webkit-keyframes moveFromTop {
    from {
        opacity: 0;
        margin-top: -100px;
    }

    to {
        opacity: 1;
        margin-top: 0px;
    }
}

@-moz-keyframes moveFromTop {
    from {
        opacity: 0;
        margin-top: -100px;
    }

    to {
        opacity: 1;
        margin-top: 0px;
    }
}

@keyframes moveFromTop {
    from {
        opacity: 0;
        margin-top: -100px;
    }

    to {
        opacity: 1;
        margin-top: 0px;
    }
}

#mis_listitemclass {
    width: 100%;
    background-color: #ddd
}



.listitemclass {
    position: relative;
    text-align: right;
    padding-right: 20px;
    padding-left: 50px;
    margin-right: 0%;
    background-color: #fff;
    cursor: pointer;
    color: #5b5e65;
    moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    font-size: 1em;
    border: solid 1px #ddd;
    min-height: 40px;
}

    .listitemclass:hover {
        background-color: #fdfcfc;
        border: solid 1px #fff;
        box-shadow: 0 1px 6px rgba(31, 31, 31, 0.1), 0 1px 4px rgba(31, 31, 31, 0.1);
    }





@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}



div#logopages {
    float: left;
    width: 80px;
    height: 40px;
    padding-top: 10px;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    background-color: Black;
    color: #ffffff;
    background-size: 100%;
    top: 0px;
    left: 0px;
    padding-top: 10px;
    padding-left: 10px;
}

#headernav ul li a {
    height: 100%;
}


#headernav ul {
    height: 100%;
    width: 105px;
    direction: rtl
}

#headernav li {
    width: 50px;
    display: inline-block;
    height: 100%;
    margin-right: 0;
}

#headernav table {
    height: 100%;
}

#headernav td {
    height: 100%;
}

#identification {
    width: 120px;
    right: 9px;
    position: absolute;
    top: 9px;
    direction: ltr;
    text-align: right;
}

    #identification a:link {
        color: #d7d5d5;
        text-decoration: none;
    }


li#liNewR {
    margin-right: 0;
}


.headerlinks {
    text-decoration: none;
    margin-left: 0px;
    color: #ffffff;
    font-family: Arial;
    font-size: 10px;
    padding: 0px 4px 0px 4px;
    background-size: 100%;
    position: absolute;
    top: 5px;
    font-weight: bold;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    right: 0px;
}

    .headerlinks a {
        color: #ffffff;
        font-family: Arial;
        font-size: 9px;
    }
/*courselist style*/




#updatedV {
    width: 100%;
    height: 99%;
}

ul#updatedV {
    display: block;
    list-style-type: none;
    background-color: transparent;
    border: solid 1px black;
}

#updatedV li {
    list-style-type: none;
    display: block;
    width: 100%;
    text-decoration: none;
    background-color: #5a5a5a;
    border-bottom: solid 1px #d3e4f0;
    border-left: solid 1px #d3e4f0;
    border-right: solid 1px #d3e4f0;
    border-top: solid 1px #d3e4f0;
    font-size: 1em;
}

.topcomment {
    background-image: url('images/top_remark.png');
    top: 0px;
    background-color: transparent;
    background-repeat: no-repeat;
    height: 12px;
    width: 100%;
    position: absolute;
}



div#header table {
}

.inpagelogo {
    width: 110px;
    height: 25px;
}

div#logincontent {
    width: 99%;
    height: 87%;
}



.logosecondcolor {
    color: #000000;
}

.logofirstcolor {
    color: #202320;
}


.smallfont {
    font-size: 10px;
    font-family: Arial;
    color: #1f577e;
}


div#signup {
    margin-top: 30px;
    border: solid 0px #4195C9;
    float: right;
}

.tablesign {
    background-color: #e0eef8;
}

div#signup table {
}

div#signup .textboxst {
    border: solid 0px #4195C9;
    background-color: #ffffff;
    width: 200px;
    color: #0F20BC;
    font-size: 22px;
    height: 30px;
}

div#signup .butst {
    border: solid 1px #000000;
    background-image: url('images/regbut.png');
    color: #000000;
    background-color: #F2E32C;
    height: 40px;
    font-size: 2em;
    cursor: pointer;
}

div#signup .fontsmall {
    font-size: 12px;
    font-family: Arial;
    color: #565551;
}

div#signup td {
    text-align: right;
    padding-right: 4px;
}

    div#signup td.txt {
        text-align: left;
    }

    div#signup td.signupcoteret {
        text-align: left;
        color: #000000;
    }

.signup_lbl {
    font-size: 36px;
    color: #21211f;
    font-weight: bold;
}

div#privetpolicy_lbl {
    width: 250px;
    font-size: 12px;
    text-align: left;
    padding-left: 90px;
    color: #1f577e;
    line-height: 10px;
    padding-bottom: 10px;
}

div#signup .pina_left {
    background-image: url('images/signupback.png');
    background-color: #eff6fb;
    height: 10px;
    background-repeat: no-repeat;
    background-position: top left;
}

div#signup .pina_right {
    background-image: url('images/signupback.png');
    background-color: #eff6fb;
    height: 10px;
    background-repeat: no-repeat;
    background-position: top right;
}

div#signup .pina_bleft {
    background-image: url('images/signupback.png');
    background-color: #eff6fb;
    height: 10px;
    background-repeat: no-repeat;
    background-position: bottom left;
}

div#signup .pina_bright {
    background-image: url('images/signupback.png');
    background-color: #eff6fb;
    height: 10px;
    background-repeat: no-repeat;
    background-position: bottom right;
}

div#signup .butsignup {
    border: solid 0px #000000;
    background-image: url('images/sign_up_but.png');
    color: #000000;
    background-color: #e0eef8;
    height: 25px;
    font-size: 14px;
    width: 50px;
    height: 47px;
    cursor: pointer;
}



.coursenumber {
    font-size: 0.8em;
    color: #eaeaea;
}

#slogen {
    position: absolute;
    left: 100px;
    top: 100px;
    background-color: #d8e646;
}

    #slogen h1 {
        color: #5a5d64;
        font-size: 4em;
        font-family: Arial;
        float: left;
        padding: 15px;
        line-height: 0.6em;
        font-weight: normal;
        margin: 0;
    }

#container {
    margin-top: 55px !important;
    height: 100%
}


h1.slogen {
    background-color: #f3f2b0;
    color: #ffffff;
    padding: 4;
    height: 22px;
    padding-top: 5px;
}

#nav a:selected {
    text-decoration: none;
    font-size: 12px;
    background-color: transparent;
}

#nav a:visited {
    color: #000000;
    text-decoration: underline;
    font-size: 12px;
    background-color: transparent;
}

#nav a:active {
    color: #000000;
    text-decoration: underline;
    font-size: 12px;
    background-color: transparent;
}

#nav a:link {
    color: #000000;
    text-decoration: underline;
    font-size: 12px;
    background-color: transparent;
}

#nav a:hover {
    color: #000000;
    text-decoration: underline;
    font-size: 12px;
    background-color: transparent;
}

h3 {
    font-size: 25px;
    color: #2465a8;
}

.coteret_page h1 {
    color: #5a5d64;
    font-size: 1.1em;
    background-color: transparent;
    text-align: center;
    font-family: Arial;
    height: 20px;
    margin: 0;
}

div#contentregpage {
    width: 100%;
    margin-top: 20px;
    vertical-align: top;
}

    div#contentregpage h2 {
        height: 30px;
        background-position: top left;
        color: #000000;
        font-weight: bold;
        padding: 0;
        margin: 0;
        letter-spacing: 0.02cm;
        padding-top: 5px;
        padding-left: 2px;
        padding-right: 20px;
        padding-left: 20px;
    }

    div#contentregpage td {
        vertical-align: top;
    }

    div#contentregpage tr {
    }

div#contentvideopage {
    margin-left: 0px;
    margin-right: 0px;
    background-repeat: no-repeat;
    vertical-align: top;
    background-image: url('images/back_tolbar.gif');
    padding: 4px;
}



.editlinks a:selected {
    margin-left: 20px;
    color: #7dadcf;
    text-decoration: none;
    font-size: 14px;
    vertical-align: bottom;
}

.editlinks a:visited {
    margin-left: 20px;
    color: #7dadcf;
    text-decoration: none;
    font-size: 14px;
    vertical-align: bottom;
}

.editlinks a:active {
    margin-left: 20px;
    color: #7dadcf;
    text-decoration: none;
    font-size: 14px;
    vertical-align: bottom;
}

.editlinks a:link {
    margin-left: 20px;
    color: #7dadcf;
    text-decoration: none;
    font-size: 14px;
    vertical-align: bottom;
}

.editlinks a:hover {
    margin-left: 20px;
    color: #7dadcf;
    text-decoration: underline;
    font-size: 14px;
    vertical-align: bottom;
}




.tablestyle {
    border: solid 0px #e0eef8;
}


div#subtitle {
    padding-left: 30px;
}

    div#subtitle tr {
        border-bottom: solid 1px #e0eef8;
    }



#teach a:selected {
    text-decoration: none;
    font-size: 12px;
}

#teach a:visited {
    color: #ecee40;
    text-decoration: underline;
    font-size: 12px;
}

#teach a:active {
    color: #ecee40;
    text-decoration: underline;
    font-size: 12px;
}

#teach a:link {
    color: #ecee40;
    text-decoration: underline;
    font-size: 12px;
}

#teach a:hover {
    color: #ecee40;
    text-decoration: underline;
    font-size: 12px;
}





.icon_signed {
    background-image: url('images/signed.gif');
    margin-top: 3px;
    height: 17px;
    width: 30px;
    border: none;
}

.icon_buzz {
    background-image: url('images/buzz.gif');
    margin-top: 3px;
    height: 17px;
    width: 30px;
    border: none;
}

.icon_message {
    background-image: url('images/message.gif');
    height: 20px;
    width: 55px;
    background-position: top left;
    background-repeat: no-repeat;
    border: none;
}

.message_font {
    color: #000000;
    margin-top: -4px;
    height: 20px;
    background-image: url('images/message.gif');
}

.message_emptygif {
    height: 20px;
    font-size: 10px;
}



.headerlinktexts {
    text-decoration: none;
    color: #1e6fa9;
    font-size: 11px;
}

.dropdownfilter {
    float: right;
    margin-top: 15px;
    vertical-align: bottom;
    margin-bottom: 0px;
}

div#videopanel {
    margin: 0;
}



.logedonname {
    font-size: 0.9em;
    font-weight: bold;
    margin-top: 10px;
    height: 100%;
}

.minimenu {
    margin-left: 80px;
    background-image: url('images/more_option.gif');
    height: 28px;
    width: 34px;
    vertical-align: bottom;
}

.addnote {
    font-size: 12px;
    background-color: #eaf3f9;
}

.signes_toadd {
    background-image: url('images/signes_toadd.gif');
    height: 45px;
    width: 225px;
    background-color: #eaf3f9;
    background-repeat: no-repeat;
    padding-top: 5px;
}

div#search {
    position: absolute;
    margin-top: -32px;
    margin-left: 110px;
}

.search_but {
    background-image: url('images/general/search_but.gif');
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
}

.MyTabStyle .ajax__tab_header {
    font-family: "Helvetica Neue", Arial, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    display: block;
}

.MyTabStyle .ajax__tab_header_large {
}

div#videoleftside {
    border-top: solid 0px #ffffff;
    padding-top: 20px;
    text-align: center;
    background-position: center;
    background-repeat: no-repeat;
}

.classvideo {
    background-color: red;
}

div#videorightside {
    border-bottom: solid 0px #e0eef8;
    background-color: #000000;
    height: 294px;
}

.videotytle {
    background-color: #e0eef8;
    font-size: 11px;
    padding-left: 5px;
    height: 0px;
    color: #000000;
    width: 100%;
}

.change_view {
    background-image: url('images/more_option_down.gif');
    height: 15px;
    width: 15px;
    margin-right: 2px;
}

div#timeline {
    margin-right: 10px;
    background-position: top left;
    background-position: 10px 0px;
    background-image: url('images/timeline.gif');
    height: 50px;
    background-repeat: no-repeat;
}

.add_link {
    background-image: url('images/add_link.gif');
    height: 31px;
    width: 25px;
}

.add_willbeintest {
    background-image: url('images/add_willbeintest.gif');
    height: 31px;
    width: 25px;
}

.add_notclear {
    background-image: url('images/add_notclear.gif');
    height: 31px;
    width: 25px;
}

.add_important {
    background-image: url('images/add_important.gif');
    height: 31px;
    width: 25px;
}

.add_star {
    background-image: url('images/add_star.gif');
    height: 31px;
    width: 25px;
}

.add_welldune {
    background-image: url('images/add_welldune.gif');
    height: 31px;
    width: 25px;
}

.add_note {
    background-image: url('images/add_note_on.gif');
    height: 31px;
    width: 25px;
}

.add_note_off {
    background-image: url('images/add_note.gif');
    height: 31px;
    width: 25px;
}

.add_lable {
    background-image: url('images/add_lable.gif');
    height: 31px;
    width: 25px;
}

.add_all {
    background-color: #e0eef8;
}

.controlltab {
    background-color: #e0eef8;
}

.note_remark {
    background-image: url('images/note_mini.gif');
    height: 12px;
    width: 12px;
    background-repeat: no-repeat;
}

.link_remark {
    background-image: url('images/link_mini.gif');
    height: 12px;
    width: 12px;
    background-repeat: no-repeat;
}

.willbeintest_remark {
    background-image: url('images/willbeintest_mini.gif');
    height: 12px;
    width: 12px;
    background-repeat: no-repeat;
}

.notclear_remark {
    background-image: url('images/notclear_mini.gif');
    height: 12px;
    width: 12px;
    background-repeat: no-repeat;
}

.important_remark {
    background-image: url('images/important_mini.gif');
    height: 12px;
    width: 12px;
    background-repeat: no-repeat;
}

.star_remark {
    background-image: url('images/star_mini.gif');
    height: 12px;
    width: 12px;
    background-repeat: no-repeat;
}

.welldune_remark {
    background-image: url('images/welldune_mini.gif');
    height: 12px;
    width: 12px;
    background-repeat: no-repeat;
}

.note_remark {
    background-image: url('images/note_mini.gif');
    height: 12px;
    width: 12px;
    background-repeat: no-repeat;
}

.lable_remark {
    background-image: url('images/lable_mini.gif');
    height: 12px;
    width: 12px;
    background-repeat: no-repeat;
}

div#activate {
    margin-right: 10px;
    background-color: #e0eef8;
    border: solid 1px #d7d7d7;
}

div#blog_extra {
    height: 400px;
    float: right;
    width: 200px;
    background-color: #e0eef8;
    border: solid 1px #d7d7d7;
}

div#divBlogMain {
    float: left;
}

.inpage_regbut {
    border: solid 1px #969090;
    color: #2770a3;
    background-color: #e0eef8;
    font-size: 10px;
    cursor: pointer;
}

.timebut {
    border: none;
    font-size: 11px;
    background-color: transparent;
    color: #3173aa;
}

.file_extra {
    background-color: #e0eef8;
    border: solid 1px #d7d7d7;
}

.downloadbut {
    background-image: url('images/transcript.png');
    width: 40px;
    height: 40px;
    border: solid 2px red;
    background: #585f5d;
}

.inpage_coverbut {
    border: solid 0px #969090;
    color: #2770a3;
    background-color: transparent;
    font-size: 10px;
    cursor: pointer;
}

.picu {
    background-image: url('images/person_blog.gif');
    width: 24px;
    height: 24px;
}


div#picslider {
    background-image: url('images/photo_slider.jpg');
    height: 80px;
    background-position: center;
    background-repeat: no-repeat;
}



.gif_remark {
    background-image: url('images/gif4remarks.gif');
    color: #fff;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: top left;
    border: none;
}

.gif_files {
    background-image: url('images/files.gif');
    height: 17px;
    width: 30px;
    cursor: pointer;
}

.gif_buzz {
    background-image: url('images/buzz.gif');
    height: 17px;
    width: 30px;
}

.icon_message {
    background-image: url('images/message.gif');
    height: 20px;
    width: 55px;
    background-position: top left;
    background-repeat: no-repeat;
    background-position: top left;
}

.gif_remark:hover {
    background-image: url('images/gif4remarks_over.gif');
    color: #fff;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: top left;
}

.gif_remark {
    background-image: url('images/gif4remarks.gif');
    color: #fff;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: top left;
}

.gif_blog {
    background-image: url('images/blog_anim_out.gif');
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #262727;
}

.gif_blog_hover {
    background-image: url('images/blog_anim_hover.gif');
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #262727;
}

.gif_blog_load {
    background-image: url('images/blog_anim_onload.gif');
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #262727;
}



.gif_remark {
    background-image: url('images/remark_anim_out.gif');
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #262727;
}

.gif_remark_hover {
    background-image: url('images/remark_anim_hover.gif');
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #262727;
}

.gif_remark_load {
    background-image: url('images/remark_anim_onload.gif');
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #262727;
}


.gif_material {
    background-image: url('images/material_anim_out.gif');
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #262727;
}

.gif_material_hover {
    background-image: url('images/material_anim_hover.gif');
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #262727;
}

.gif_material_load {
    background-image: url('images/material_anim_onload.gif');
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #262727;
}


.video {
    background-position: top;
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
}

.presentation {
    background-image: url('images/presentation.jpg');
    background-position: top;
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
}

.videopagest {
    background-color: #ffffff;
}

.tolbar {
    background-image: url('images/tolbar.gif');
}



#CurentClass {
    background-color: Red;
    cursor: pointer;
}

div#header {
    background-image: url('images/headerpage.png');
    background-repeat: repeat-x;
    height: 80px;
    position: absolute;
    top: 0px;
    width: 100%;
}

div#pagedef {
    background-image: url('images/back_color.gif');
    padding-top: 20px;
    height: 700px;
    background-repeat: repeat-x;
}


.CurentTitle {
    color: #ffffff;
    margin-left: 300px;
}

#sidebar, #footer {
    display: none;
}



.iconbuttst {
    background-color: #dceefa;
    -moz-border-radius: 15px;
    color: #000000;
    -webkit-border-radius: 20px;
    border: 3px solid #8E8E8E;
    height: 25%;
    width: 25%;
    padding: 10px;
    text-align: right;
    font-weight: bold;
    background-image: url('images/star.png');
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center
}

.iconbuttststar {
    background-color: #dceefa;
    -moz-border-radius: 15px;
    color: #000000;
    -webkit-border-radius: 20px;
    border: 3px solid #8E8E8E;
    height: 15%;
    width: 22%;
    padding: 10px;
    text-align: right;
    font-weight: bold;
    background-image: url('images/star.png');
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center
}

.iconbutlink {
    background-color: #dceefa;
    -moz-border-radius: 15px;
    color: #000000;
    -webkit-border-radius: 20px;
    border: 3px solid #8E8E8E;
    height: 15%;
    width: 22%;
    padding: 10px;
    text-align: right;
    font-weight: bold;
    background-image: url('images/link.png');
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center
}

.iconbutlable {
    background-color: #dceefa;
    -moz-border-radius: 15px;
    color: #000000;
    -webkit-border-radius: 20px;
    border: 3px solid #8E8E8E;
    height: 15%;
    width: 22%;
    padding: 10px;
    text-align: right;
    font-weight: bold;
    background-image: url('images/lable.png');
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center
}

.iconbutnewsubject {
    background-color: #dceefa;
    -moz-border-radius: 15px;
    color: #000000;
    -webkit-border-radius: 20px;
    border: 3px solid #8E8E8E;
    height: 15%;
    width: 22%;
    padding: 10px;
    text-align: right;
    font-weight: bold;
    background-image: url('images/newsubject.png');
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center
}

.iconbutwhatthe {
    background-color: #dceefa;
    -moz-border-radius: 15px;
    color: #000000;
    -webkit-border-radius: 20px;
    border: 3px solid #8E8E8E;
    height: 15%;
    width: 22%;
    padding: 10px;
    text-align: right;
    font-weight: bold;
    background-image: url('images/whatthe.png');
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center
}


.addedbutstar {
    background-color: #dceefa;
    -moz-border-radius: 15px;
    color: #000000;
    -webkit-border-radius: 20px;
    border: 0px solid #8E8E8E;
    height: 15%;
    width: 22%;
    padding: 10px;
    text-align: right;
    font-weight: bold;
    background-image: url('images/star.png');
    background-size: 100%;
    padding-top: 130%;
    background-repeat: no-repeat;
    background-position: center
}


.pointeruc {
    background-image: url('images/point.png');
    height: 20px;
    width: 20px;
    background-color: Red;
    position: absolute;
}


.Iconbutnewsubject {
    background-color: Red;
}


div#meeting_date {
    font-size: 1em;
    color: #fff;
    padding: 3px;
    display: block;
    overflow: hidden;
    line-height: 1em;
}

div#meeting_date {
    width: 98%;
    padding: 1%
}

.meeting_date {
    font-size: 0.8em;
    color: #000000;
    height: 35px;
    letter-spacing: -0.02em;
    width: 200px;
}

.curentmetingt div#meeting_date {
    background-color: transparent;
}

.iconcourse {
    visibility: collapse;
}

.classcourse {
    background-image: url('../Images/general/icon_course.gif');
    width: 19px;
    height: 7px;
    background-position: top;
    background-position: -5px -8px;
}

.iconclass {
    width: 100%;
    background: #fbf392;
    background-repeat: no-repeat;
    background-image: url('../Images/class_icon.gif');
    background-position: center;
}

.coursenamecloser {
    background-image: url('Images/coursename_pina.gif');
    width: 25px;
    height: 32px;
    background-repeat: no-repeat;
}


#meeting_name {
    font-size: 1em;
    line-height: 1em;
    width: 120%;
    overflow: hidden;
    color: #2465a8;
    padding-top: 2%;
    font-weight: bold;
    letter-spacing: -0.02em;
    min-height: 20px;
}

.notesbookbas_right #meeting_name {
    font-size: 1.2em;
    line-height: 1em;
    width: 120%;
    overflow: hidden;
    color: #fff;
    padding-top: 2%;
    font-weight: bold;
    letter-spacing: -0.02em;
    min-height: 20px;
}

.table_prolife {
    background-color: White;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.editprofile {
    margin: 0 auto;
    margin-top: 120px;
    width: 520px;
    background-color: #fff;
    padding: 10px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    box-shadow: 2px 2px 10px #888888;
    background-image: url('../Images/profile/back_profile.png');
}

.myprofile {
    color: #5b5e65;
    text-align: right;
    font-weight: bold;
    font-size: 16px;
    width: 100%;
    background-color: #FCFCFD;
    padding-left: 10px;
    position: absolute;
    top: 50px;
    right: 0px;
    left: 0px;
    min-height: 40px;
    z-index: 100;
    line-height: 40px;
}

.myprofilebut {
    float: left;
}

tr.profiledetails input {
    font-size: 1em;
    /* background-color: #f7f3f3; */
    background-color: white;
    margin: 2px;
    border: none;
    padding: 0px 6px;
    border: solid 1px #ddd;
}

tr.profiledetails span {
    margin: 0;
    padding: 0;
    display: block;
    line-height: 1em;
    margin-bottom: 0;
    color: #808080;
    margin-top: 10px;
}

.tableprofils {
    margin-left: 5%;
    width: 95%;
}

.profilebut {
    border: none;
    padding: 5px;
    color: #ffffff;
    background: #2465a8;
    font-weight: normal;
    font-size: 1em;
    cursor: pointer;
    padding: 5px;
    -webkit-border-radius: 4px;
    padding-right: 14px;
    padding-left: 14px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 1px;
    padding: 6px 18px;
}

    .profilebut:hover {
        border: none;
        color: #5b5e65;
        cursor: pointer;
        background: #2465a8;
    }

.profilebut_sub {
    border: none;
    padding: 5px;
    color: #5b5e65;
    background: #ddd;
    font-weight: normal;
    font-size: 1em;
    cursor: pointer;
    padding: 5px;
    -webkit-border-radius: 4px;
    padding-right: 14px;
    padding-left: 14px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 1px;
}

    .profilebut_sub:hover {
        border: none;
        color: #5b5e65;
        background: #ddd;
        cursor: pointer;
    }

.profiledetails {
    color: #000000;
    line-height: 30px;
}

/*order*/
div#wrapper {
    margin: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
}

.posabs {
    position: absolute;
    top: 0;
}

.camera-icon {
    background-image: url('../../Images/images/profile/camera.png');
    background-repeat: no-repeat;
    background-position: center;
    height: 36px;
    width: 36px;
    background-size: 80%;
    background-color: transparent;
    border: none;
    display: block;
}

.posrel {
    position: relative;
}

.posabato {
    position: absolute;
    top: 0;
}

.transparentbut {
    background-color: transparent;
    border: none;
    height: 60px;
    width: 60px;
}

.font-big {
    font-size: 1.6em;
}

.mismoreoption {
    position: absolute;
    top: 50px;
    box-shadow: 2px 2px 1px #888888;
    margin-right: 0;
    position: absolute;
    width: 220px;
    right: 0;
    background-color: #fbfbfa;
    box-shadow: 2px 2px 10px #888888;
    margin-top: 0px;
    z-index: 100;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    z-index: 1000;
}





.userdef {
    margin: 8px 0px 0px 0px;
}

    .userdef:hover {
        background-color: #5a5d64;
    }



.moreoptioniphone {
    height: 100%;
    cursor: pointer;
}


.settingiconbase {
    height: 100%;
    width: 100%;
    margin-top: 0px;
}

.logedonimg {
    height: 35px;
    width: 35px;
    background-repeat: no-repeat;
    vertical-align: middle;
    padding: 0px;
}


.userdef {
    color: #000000
}

.hetzdown {
    background-image: url('../Images/general/hetz_down.png');
    border: none;
    border-bottom: none;
    background-position: center;
    background-repeat: no-repeat;
    width: 25px;
    height: 28px;
    float: right;
}

.hetzdownb {
    background-image: url('../Images/general/hetz_downb.png');
    border: none;
    border-bottom: none;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 28px;
    background-size: auto 100%;
    float: right;
    margin-top: -20px;
}

.hetzdown:hover {
}

.mismoreoption {
}

#openmoreoption {
    width: 120px;
    text-align: center;
}








#moreoptioniphone {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    -moz-transition: all 0.5s;
    /* WebKit */
    -webkit-transition: all 0.1s;
    /* Opera */
    -o-transition: all 0.1s;
    /* Standard */
    transition: all 0.1s;
}

    #moreoptioniphone li {
        list-style-type: none;
        display: block;
        color: #5b5e65;
        padding: 4px;
        text-decoration: none;
        font-size: 1em;
        background-color: #f6f6f5;
        border: none;
        border-bottom: solid 1px white;
    }

        #moreoptioniphone li a:hover {
            background-color: #646770;
            color: #ffffff;
            font-size: 1em;
            vertical-align: middle;
        }

        #moreoptioniphone li a {
            color: #5b5e65;
            vertical-align: middle;
            width: 100%;
        }

        #moreoptioniphone li:hover {
            background-color: #2465a8;
            color: #5b5e65;
        }

    #moreoptioniphone ul {
        font-size: 1em;
    }



/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fade-in {
}

#coursemeeting li {
    list-style-type: none;
    display: block;
    text-decoration: none;
    font-size: 0.9em;
    width: 100%;
    cursor: pointer;
    background-color: #f4f7fb;
}


#coursemeeting li {
    margin-bottom: 5px;
    padding: 5px;
    text-decoration: none;
    height: 100%;
    display: inline-block;
    cursor: pointer;
}

    #coursemeeting li:hover {
        background-color: #ebeef2;
    }

#coursemeeting.linkstdis li {
    border: solid 1px #6288b8;
    background-color: #77a8e3;
    color: #ffffff;
    text-decoration: none;
    height: 100%;
    padding-top: 4px;
    display: inline-block;
    cursor: pointer;
}

    #coursemeeting.linkstdis li:hover {
        background-color: #6288b8;
        cursor: pointer;
    }

div#teach {
    font-size: 1em;
    line-height: 1em;
    overflow: hidden;
    color: #5b5e65;
    padding-top: 0%;
    padding-left: 5%;
    letter-spacing: -0.02em;
}

#desc {
    color: #5b5e65;
}

div#coursename {
    color: #5b5e65;
    line-height: 1.2em;
    font-size: 1em;
    font-weight: bold;
    display: inline-block;
}

.listitemclass #teach {
    font-size: 0.9em;
}

div#coursename:hover {
    text-decoration: underline;
}

.linkst_disabled {
    opacity: 0.5;
}

    .linkst_disabled li:hover {
    }

.linkst_disabled {
    cursor: default
}

    .linkst_disabled div#coursename {
        color: gray;
    }

    .linkst_disabled #desc {
        color: gray;
    }

    .linkst_disabled div#teach {
        color: gray
    }

    .linkst_disabled .videosnap {
        border: none;
    }



.linkst {
    padding-top: 2px;
}

    .linkst a:link {
        color: #063dcb;
        text-decoration: none;
        font-size: 1em;
    }


.linkst_disabled {
    color: #cbcccc;
}

    .linkst_disabled a:selected {
        color: #e4e5e7;
        text-decoration: none;
        font-size: 1em;
    }

    .linkst_disabled a:visited {
        color: #e4e5e7;
        text-decoration: none;
        font-size: 1em;
    }

    .linkst_disabled a:active {
        color: #e4e5e7;
        text-decoration: none;
        font-size: 1em;
    }

    .linkst_disabled a:link {
        color: yellow;
        text-decoration: none;
        font-size: 1em;
        display: block;
    }

    .linkst_disabled a:hover {
        background-color: #e4e5e7;
    }




.viewnewdiv {
    overflow-y: auto;
    width: calc(100% - 20px);
    margin: 0 auto;
    margin-bottom: 60px;
    padding: 0 10px;
}

.top_hetz {
    top: 45px;
    content: "";
    position: absolute;
    right: 124px;
    width: 50px;
    height: 4px;
    display: block;
    z-index: 1000;
}

.top_hetz2 {
    top: 45px;
    content: "";
    position: absolute;
    right: 82px;
    width: 44px;
    height: 4px;
    display: block;
    z-index: 1000;
}

.sistemtablelinks td {
    height: 45px;
    background-color: #eef6fc;
    padding: 5px 20px 5px 20px;
    border: solid 1px #e0eef8;
    border-top-width: 1px;
    border-right-width: 2px;
    border-bottom-width: 4px;
}

.manag_left {
    width: 33%;
}

.manag_right {
    width: 33%;
}

.manag_admin {
    width: 33%;
}

.sistemtableheader {
    background-image: url('../images/control/table_manage_list.png');
    background-color: #2465a8;
    font-size: 1.3em;
    background-image: none;
    height: 0px;
    border-radius: 0px;
    text-align: center;
    background-repeat: repeat-x;
    margin-bottom: -5px;
    background-position: top center;
    color: #19477f;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    background-repeat: no-repeat;
}

.reporttableheader {
    background-image: url('../images/control/graph_icon.png');
    background-color: #2465a8;
    height: 0px;
    font-size: 1.3em;
    background-image: none;
    border-radius: 0px;
    text-align: center;
    background-repeat: repeat-x;
    margin-bottom: -5px;
    background-position: top center;
    color: #19477f;
    text-align: center;
    padding-top: 10px;
    width: 100%;
    padding-bottom: 10px;
    background-repeat: no-repeat;
}

.tabel_manag_list {
    width: 90%;
    max-width: 300px;
    float: left;
    margin-left: 10%;
}

#tblReports {
    width: 90%;
    max-width: 300px;
}

#tblImport {
    width: 90%;
    max-width: 300px;
}

ul#sistemtablelinks {
    display: block;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    background-color: transparent;
}

#sistemtablelinks li {
    list-style-type: none;
    display: block;
    padding: 1% 0% 1% 0%;
    width: 100%;
    text-decoration: none;
    border-bottom: solid 0px #6288b8;
    font-size: 1.2em;
    border-bottom: solid 1px #ddd;
}

    #sistemtablelinks li a:hover {
        background-color: #E7EF68;
        color: #396dad;
        vertical-align: middle;
    }

    #sistemtablelinks li a {
        color: #223b9a;
        vertical-align: middle;
        padding: 10px;
        text-align: right;
    }



ul#sistemtablereport {
    display: block;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    background-color: transparent;
}

#sistemtablereport li {
    list-style-type: none;
    display: block;
    width: 100%;
    text-decoration: none;
    background-color: #F9F9F9;
    border-bottom: solid 1px #ddd;
    padding: 1% 0% 1% 0%;
    font-size: 1.2em;
}

    #sistemtablereport li a:hover {
        background-color: #2465a8;
        color: #396dad;
        vertical-align: middle;
    }

    #sistemtablereport li a {
        font-size: 1em;
        color: #223b9a;
        vertical-align: middle;
        padding: 10px;
        text-align: right;
    }


ul#reportadmin {
    display: block;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    background-color: transparent;
}

#reportadmin li {
    list-style-type: none;
    display: block;
    width: 100%;
    text-decoration: none;
    background-color: #F9F9F9;
    border-bottom: solid 1px #ddd;
    padding: 1% 0% 1% 0%;
    font-size: 1.2em;
}

    #reportadmin li a:hover {
        background-color: #2465a8;
        color: #396dad;
        vertical-align: middle;
    }

    #reportadmin li a {
        font-size: 1em;
        color: #223b9a;
        vertical-align: middle;
        padding: 10px;
        text-align: right;
    }



.managepage {
    margin-top: 80px;
    margin-right: 10%;
    margin-left: 10%;
}

#ContentPlaceHolder1_sistemtablelinks li {
    list-style-type: none;
    display: block;
    width: 100%;
    padding: 1% 0% 1% 0%;
    text-decoration: none;
    text-align: center;
    font-size: 1.2em;
    background-color: #F9F9F9;
    border-bottom: solid 1px #ddd;
}

    #ContentPlaceHolder1_sistemtablelinks li a:hover {
        background-color: #2465a8;
    }

#ContentPlaceHolder1_sistemtablelinks a {
    color: #223b9a;
    padding: 10px;
    text-align: right;
}


.coteretdiv {
    height: 40px;
    margin: 0;
    margin-top: 45px;
}

#incoteret {
    height: 50px;
    text-align: left;
}

.iconsystable {
    visibility: collapse;
    height: 40px;
    width: 10px;
    margin-left: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60%;
}

div#incoteret h2 {
    background-repeat: repeat-x;
    vertical-align: bottom;
    background-position: top left;
    color: #223b9a;
    padding-top: 10px;
    font-weight: bold;
    padding-left: 2px;
    padding-right: 20px;
}

.coteretsys {
    color: #53575e;
    height: 40px;
    padding-left: 0px;
    padding-top: 5px;
    font-weight: bold;
    font-size: 15px;
}

#incoteretsys {
    height: 40px;
    text-align: left;
    padding: 5px;
}

.useraddmis td {
    padding: 3px;
}

.addmis {
    padding-top: 2px;
    width: 98%;
    margin-right: 1%;
    padding-bottom: 2px;
    color: #000000;
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
    margin-bottom: 4px;
    padding-left: 0px;
}

    .addmis table {
        color: #164175;
    }

    .addmis DropDownList {
        color: Red;
    }

.useraddmis {
    font-family: Arial;
    font-weight: bold;
    font-size: 10px;
    color: #164175;
}

    .useraddmis table {
        color: #164175;
    }

    .useraddmis input {
        color: #164175;
    }
/*grid*/
.gridmis {
    width: 100%;
    border: solid 0px #c1dcef;
}

.gridmismeeting {
    width: 98%;
    margin-left: 1%;
    margin-right: 10px;
    border: solid 0px #c1dcef;
}

.gridmis table {
    color: #256883
}

.gridviewrow {
    padding: 10px;
    text-align: right;
    background-color: #fbfefe;
    text-align: left;
}

.back_gridview {
    text-align: center;
    background-image: url('Images/menu.jpg');
    height: 36px;
    color: #000000;
    background-position: 0px -5px;
    background-color: #4aa3c1;
    background-repeat: repeat-x;
}

.GridViewEditRow {
    background-color: #fdfbdc;
}

.tablest {
    text-align: left;
    margin: 0;
}

    .tablest td {
        text-align: left;
    }

.tablest2 td {
    background-color: #e3ebee;
}

.sisdropdownst {
    color: #164175;
}

/*grid buttns*/
.editbut {
    background-image: url('../Images/general/but.png');
    background-position: -1px 0px;
    cursor: pointer;
    width: 19px;
    background-color: transparent;
    height: 19px;
    border: solid 0px;
}

    .editbut:hover {
        background-image: url('../Images/general/but.png');
        background-position: -1px -21px;
        cursor: pointer;
        width: 19px;
        background-color: transparent;
        height: 19px;
        border: solid 0px;
    }

.erasebut {
    background-image: url('../Images/general/but.png');
    background-position: -238px 0px;
    cursor: pointer;
    width: 19px;
    background-color: transparent;
    height: 19px;
    border: solid 0px;
}

    .erasebut:hover {
        background-image: url('../Images/general/but.png');
        background-position: -238px -21px;
        cursor: pointer;
        width: 19px;
        background-color: transparent;
        height: 19px;
        border: solid 0px;
    }

.cancelbut {
    background-image: url('../Images/general/but.png');
    background-position: -21px 0px;
    cursor: pointer;
    width: 19px;
    background-color: transparent;
    height: 19px;
    border: solid 0px;
}

    .cancelbut:hover {
        background-image: url('../Images/general/but.png');
        background-position: -21px -21px;
        cursor: pointer;
        width: 19px;
        background-color: transparent;
        height: 19px;
        border: solid 0px;
    }

.updatebut {
    background-image: url('../Images/general/but.png');
    background-position: -40px 0px;
    cursor: pointer;
    width: 19px;
    background-color: transparent;
    height: 19px;
    border: solid 0px;
}

    .updatebut:hover {
        background-image: url('../Images/general/but.png');
        background-position: -40px -21px;
        cursor: pointer;
        width: 19px;
        background-color: transparent;
        height: 19px;
        border: solid 0px;
    }

.openbut {
    background-image: url('../Images/control/open_gridbut.gif');
    cursor: pointer;
    background-position: center;
    width: 19px;
    background-size: 80%;
    background-repeat: no-repeat;
    background-color: transparent;
    height: 19px;
    border: solid 0px;
}

    .openbut:hover {
    }


.FileUpload {
    position: relative;
}

.BrowserVisible {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    background: url(../Images/general/search_but.gif) 100% 0px no-repeat;
    height: 20px;
    width: 20px;
    background-color: Red;
}

.FileField {
    width: 155px;
    height: 26px;
    margin-right: 85px;
    font-size: 16px;
    border: solid 1px #000;
}

.BrowserHidden {
    position: relative;
    width: 240px;
    height: 26px;
    text-align: right;
    -moz-opacity: 0;
    filter: alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
}

.FileUpload {
}

.BrowserVisible {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    height: 22px;
    border: solid 1px #abadb3;
    width: 80px;
    background-color: #abadb3;
    background: url(../Images/general/search_but.gif) 100% 0px no-repeat;
}

.FileField {
    width: 50px;
    height: 15px;
    margin-right: 0px;
    font-size: 10px;
    border: solid 1px #abadb3;
}

.BrowserHidden {
    position: relative;
    width: 70px;
    height: 20px;
    text-align: right;
    -moz-opacity: 0;
    filter: alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
}







div#logologin {
    letter-spacing: 0.02cm;
    height: 300px;
    background-position: top;
    width: 100%;
    float: left;
    background-position: left top;
    top: 0px;
}

div#logologinin {
    letter-spacing: 0.02cm;
    height: 120px;
    background-position: top;
    width: 100%;
    float: left;
    background-image: url('../Images/logo_classboost_in.gif');
    background-repeat: no-repeat;
    background-position: left top;
    top: 0px;
}

.contentlink {
    width: 49%;
    border: solid 0px green;
    border: solid 0px red;
    display: inline;
    top: 0px;
}

.divcontentlinkstart {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
}

.divcontentlink {
    width: 100%;
    position: absolute;
    top: 0px;
    height: 100%;
}

.divcontentlinkip {
    width: 100%;
    position: absolute;
    top: 0px;
}


.howdoyoustudy {
    float: right;
    padding-left: 20px;
    padding-top: 20px;
    border: solid 0px red;
    background-repeat: no-repeat;
    height: 500px;
    width: 660px;
    margin-top: -230px;
    background-image: url('../Images/entrance/buble.png')
}

.slogen {
    color: #000000;
    font-size: 12px;
    padding: 4;
    background-color: #f3f2b0;
}

.logincenter {
    min-width: 100px;
    border: solid 0px red;
    width: 100%;
    height: 600px;
}

.divcontentlink_inside {
}

.studentpagelink_selcted {
    color: #000000;
    padding-top: 20px;
    font-size: 35px;
    text-decoration: none;
    height: 60px;
    width: 60%;
    text-align: left;
    padding-left: 30px;
    display: inline-block;
    background-color: #d5e14d;
}


.ill_s_1 {
    background-image: url('../Images/matk.gif');
    height: 341px;
    width: 100%;
    background-color: #f6f4f7;
    background-position: right;
    background-repeat: no-repeat;
}

.nuberh {
    font-size: 60px;
    display: inline;
}

.textinbox {
    margin-left: 40px;
    font-size: 20px;
    width: 40%;
}

.center_h_stydent {
    width: 80%;
    margin-left: 10%;
}

.footerin {
    width: 100%;
    padding-top: 0px;
    height: 80px;
    clear: both;
    background-color: #d5e14d;
}

.toolbar ul {
    display: table-row;
}

    .toolbar ul li {
        display: table-row;
        height: 100px;
        list-style-type: none;
        margin: 10px;
        vertical-align: middle;
    }

        .toolbar ul li a {
            display: table-row;
            vertical-align: middle;
            height: 100px;
            border: solid 1px black;
            background-color: Black;
        }

            .toolbar ul li a:hover {
                display: table-row;
                vertical-align: middle;
                height: 100px;
                border: solid 1px black;
                background-color: yellow;
            }

            .toolbar ul li a:active {
                display: table-row;
                vertical-align: middle;
                height: 100px;
                border: solid 1px black;
                background-color: yellow;
            }

        .toolbar ul li.button a {
            height: 50px;
            border: solid 1px black;
            background-color: Yellow;
        }


.studentpage {
    background-image: url('../Images/studentpage.gif');
    width: 100%;
    height: 2000px;
    background-repeat: no-repeat;
    background-position: top center;
    margin: auto;
}






.whyclassboost ul {
    float: left;
}

.whyclassboost h3 {
    font-size: 180%;
    margin: 0;
    color: #090702;
    font-weight: normal;
    padding: 5px;
    padding-left: 30px;
    padding-top: 8px;
}

.whyclassboost table {
    padding: 10px;
}

#whyclassboost {
    background-color: #ebebeb;
    width: 90%;
    margin: 0 auto;
    height: 100%;
}

.whyclassboost {
    width: 100%;
    height: 100%;
    position: relative;
}

    .whyclassboost ul {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        margin-top: 20px;
    }

    .whyclassboost li {
        width: 30%;
        padding-left: 1%;
        padding-right: 1%;
        color: #5a5d64;
        font-size: 1.2em;
        height: 200px;
        margin-bottom: 0 auto;
        margin-left: 1%;
        margin-top: 1%;
        line-height: 1em;
        list-style: none;
        display: inline-block;
        background-color: #ffffff;
    }


#thedevice {
    background-color: #ebebeb;
    width: 90%;
    margin: 0 auto;
    height: 100%;
}

.thedevice {
    width: 100%;
    height: 100%;
    position: relative;
}

    .thedevice ul {
        position: absolute;
        top: 0;
        right: 50px;
        width: 40%;
        margin-top: 20px;
    }

    .thedevice li {
        width: 80%;
        margin-left: 30px;
        margin-bottom: 2px;
        color: #5a5d64;
        font-size: 1.2em;
        line-height: 1em;
        padding: 4px;
        padding-left: 40px;
        padding-right: 20px;
        list-style: none;
        display: table-row;
    }

.thedeviceimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 54%;
    display: inline;
    height: 80%;
    background-repeat: no-repeat;
    background-image: url('../Images/entrance/classboost_device.png');
    background-size: 60%;
    background-position: center;
}



#internet {
    background-color: #ebebeb;
    width: 90%;
    margin: 0 auto;
    height: 100%;
}

.internet {
    width: 100%;
    height: 100%;
    position: relative;
}

    .internet ul {
        position: absolute;
        top: 0;
        right: 50px;
        width: 40%;
        margin-top: 20px;
    }

    .internet li {
        width: 80%;
        margin-left: 30px;
        margin-bottom: 2px;
        color: #5a5d64;
        font-size: 1.2em;
        line-height: 1em;
        padding: 4px;
        padding-left: 40px;
        padding-right: 20px;
        list-style: none;
        display: table-row;
    }



#control {
    background-color: #ebebeb;
    width: 90%;
    margin: 0 auto;
    height: 100%;
}

.control {
    width: 100%;
    height: 100%;
    position: relative;
}

    .control ul {
        position: absolute;
        top: 0;
        width: 40%;
        margin-top: 20px;
    }

    .control li {
        width: 80%;
        margin-left: 30px;
        margin-bottom: 2px;
        color: #5a5d64;
        font-size: 1.2em;
        line-height: 1em;
        padding: 4px;
        padding-left: 40px;
        padding-right: 20px;
        list-style: none;
        display: table-row;
    }

.controlimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    display: inline;
    height: 80%;
    background-size: 80%;
    background-repeat: no-repeat;
    background-image: url('../Images/entrance/visual_support.png');
    background-position: center;
}

#displayscreen {
    background-color: #ebebeb;
    width: 90%;
    margin: 0 auto;
    height: 100%;
}

.internetimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 60%;
    background-size: 80%;
    display: inline;
    height: 80%;
    background-repeat: no-repeat;
    background-image: url('../Images/entrance/visual_internet.png');
    background-position: center;
}

#diagram {
    background-color: #ebebeb;
    width: 90%;
    margin: 0 auto;
    height: 100%;
}

.diagram {
    width: 100%;
    height: 100%;
    position: relative;
}

    .diagram ul {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        right: 0px;
    }

    .diagram li {
        width: 100%;
        margin-bottom: 2px;
        color: #5a5d64;
        font-size: 1.2em;
        line-height: 1em;
        list-style: none;
        display: table-row;
    }

.diagramimg {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    display: inline;
    height: 80%;
    background-repeat: no-repeat;
    background-image: url('../Images/diagram.gif');
    background-size: 80% auto;
    background-position: bottom;
}


#footeruniversity {
    clear: both;
    height: 100%;
    margin: 0 auto;
    background-color: #fff;
    background-repeat: repeat-x;
    background-position: top
}

#wrapper {
    margin: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#pageheader {
    width: 80%;
    margin-left: 10%;
}

div#logologinin {
    height: 120px;
    background-position: top;
    width: 100%;
    background-image: url('../Images/logo_classboost_in.gif');
    background-repeat: no-repeat;
    background-position: left top;
    top: 0px;
}

.howdoyoustudy {
    margin-right: 10%;
    margin-left: -15%;
    height: 350px;
    margin-top: -9%;
    margin-bottom: 20px;
    float: right;
    width: 51%;
    background-position: center;
}



.content_u_startpage {
    height: 300px;
    width: 100%;
}

.content_u_11 {
    height: 100%;
    width: 100%;
    margin: 0 auto;
}

.content_u_21 {
    height: 100%;
    width: 100%;
    margin: 0 auto;
}

.content_u_31 {
    height: 100%;
    width: 100%;
    margin: 0 auto;
}

.content_u_41 {
    height: 100%;
    width: 100%;
    margin: 0 auto;
}

.content_u_51 {
    height: 100%;
    width: 100%;
    margin: 0 auto;
    background-color: #ebebeb;
}

.content_u_61 {
    height: 100%;
    width: 100%;
    margin: 0 auto;
}

.howcoteret {
    height: 10%;
}

.incontentcenter {
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: 100%;
}

h1.coteret {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: right;
    font-size: 1.6em;
    color: #64676f;
    font-weight: normal;
    line-height: 1.5em;
}

.subcoteret {
    font-size: 180%;
    display: inline;
    margin: 0;
    color: #090702;
    font-weight: normal;
    padding: 5px;
    line-height: 45px;
    padding-top: 4px;
}

.footeruniversity {
    height: 100%;
    width: 100%;
}

    .footeruniversity ul {
        display: table-row;
        display: inline-block;
        float: right;
        height: 100%;
    }

        .footeruniversity ul li {
            display: table-row;
            height: 100%;
            list-style-type: none;
            margin: 0px;
            font-family: Helvetica,sans-serif;
            display: block;
            vertical-align: middle;
            background-color: #5b5e65;
            border-left: solid 1px #646770;
            float: right;
            width: 100px;
        }

            .footeruniversity ul li a {
                position: relative;
                width: 100%;
                display: table-row;
                font-size: 1.4em;
                vertical-align: middle;
                display: inline-block;
                height: 100%;
                color: #fff;
                font-weight: normal;
                line-height: 100%;
                background-color: #2465a8;
            }

                .footeruniversity ul li a:hover {
                    display: table-row;
                    vertical-align: middle;
                    color: #000;
                    display: inline-block;
                    background-color: #2465a8;
                }

                .footeruniversity ul li a:active {
                    display: table-row;
                    vertical-align: middle;
                    color: #000;
                    display: inline-block;
                    background-color: #2465a8;
                }

            .footeruniversity ul li.button a {
                height: 100%;
                border: solid 1px black;
                display: inline-block;
                width: 100%;
            }





#mark {
    background-color: #ebebeb;
    width: 90%;
    margin: 0 auto;
    height: 100%;
}

.mark {
    width: 100%;
    height: 100%;
    position: relative;
}

    .mark ul {
        position: absolute;
        top: 0;
        width: 40%;
        margin-top: 20px;
    }

    .mark li {
        width: 80%;
        margin-left: 30px;
        margin-right: 30px;
        margin-bottom: 2px;
        font-size: 1.3em;
        line-height: 25px;
        padding: 4px;
        padding-left: 40px;
        padding-right: 40px;
        list-style: none;
        display: table-row;
    }

.markimg {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    display: inline;
    height: 100%;
    background-repeat: no-repeat;
    background-image: url(../Images/entrance/visual_mark_eng.png);
    background-size: auto 80%;
    background-position: center;
}

#mark li {
    margin: 20%;
    color: #5a5d64
}

.mark div {
    background-color: #ebebeb;
}

.mark span {
    margin-right: 30px;
}

#watch {
    background-color: #ebebeb;
    width: 90%;
    margin: 0 auto;
    height: 100%;
}

.watch {
    width: 100%;
    height: 100%;
    position: relative;
}

    .watch ul {
        position: absolute;
        top: 0;
        width: 40%;
        margin-top: 20px;
    }

    .watch li {
        width: 80%;
        margin-left: 30px;
        color: #5a5d64;
        margin-right: 30px;
        margin-bottom: 2px;
        font-size: 1.3em;
        line-height: 25px;
        padding: 4px;
        padding-left: 40px;
        padding-right: 40px;
        list-style: none;
        display: table-row;
    }

.watchimg {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    display: inline;
    background-image: url('../Images/entrance/visual_watch_eng.png');
    height: 100%;
    background-position: bottom right;
    background-size: 60%;
    background-repeat: no-repeat;
    background-size: AUTO 80%;
    width: 60%;
    background-position: center;
}

.watch div {
    background-color: #ebebeb;
}

#watch li {
    color: #5a5d64
}

#shake {
    background-color: #ebebeb;
    width: 90%;
    margin: 0 auto;
    height: 100%;
}

.shake {
    width: 100%;
    height: 100%;
    position: relative;
}

    .shake ul {
        position: absolute;
        top: 0;
        width: 40%;
        margin-top: 20px;
    }

    .shake li {
        width: 80%;
        margin-left: 30px;
        color: #5a5d64;
        margin-right: 30px;
        margin-bottom: 2px;
        font-size: 1.3em;
        line-height: 25px;
        padding: 4px;
        padding-left: 40px;
        padding-right: 40px;
        list-style: none;
        display: table-row;
    }

.shakeimg {
    position: absolute;
    bottom: 0;
    margin: 0;
    padding: 0;
    right: 0;
    width: 100%;
    display: inline;
    background-image: url('../Images/entrance/visual_shake_eng.png');
    height: 100%;
    background-position: bottom left;
    background-size: 40%;
    background-repeat: no-repeat;
}

.shake div {
    background-color: #ebebeb;
}

#shake li {
    color: #5a5d64
}

#sum {
    background-color: #ebebeb;
    width: 90%;
    margin: 0 auto;
    height: 100%;
}

.sum {
    width: 100%;
    height: 100%;
    position: relative;
}

    .sum ul {
        position: absolute;
        top: 0;
        right: 0;
        width: 40%;
        margin-top: 20px;
    }

    .sum li {
        width: 80%;
        margin-left: 30px;
        color: #5a5d64;
        margin-right: 30px;
        margin-bottom: 2px;
        font-size: 1.3em;
        line-height: 25px;
        padding: 4px;
        padding-left: 40px;
        padding-right: 40px;
        list-style: none;
        display: table-row;
    }

.sumimg {
    position: absolute;
    bottom: 0;
    right: auto;
    left: 0px;
    margin: 0;
    padding: 0;
    width: 100%;
    display: inline;
    background-image: url('../Images/entrance/visual_sum_eng.png');
    height: 100%;
    background-position: center left;
    background-size: 50%;
    background-repeat: no-repeat;
}

.sum div {
    background-color: #ebebeb;
}

#sum li {
    margin: 20%;
    color: #5a5d64
}

#logolink a:link {
    color: #000000;
    height: 60px;
    border: solid 2px red;
}

#logolink a:hover {
    color: #000000;
    height: 60px;
    border: solid 2px red;
}


#iphonebar {
    visibility: collapse;
    float: left;
    height: 0px;
}

#otherbar {
    visibility: visible;
    float: left;
}


#logoiconpos {
    background-image: url('../Images/classboost_logof.png');
    display: inline-block;
    background-position: center;
    text-align: center;
    margin: 0 auto;
    height: 90%;
    width: 20%;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: auto 85%;
    webebkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    margin-right: 10px;
}


#logopos {
    font: bold 2em arial;
    color: #476a97;
    padding-left: 20px;
    height: 80%;
    padding-top: 10px;
}

    #logopos a:link {
        color: #476a97;
        text-decoration: none;
    }

    #logopos a:hover {
        color: #476a97;
        text-decoration: none;
    }

    #logopos a:visited {
        color: #476a97;
        text-decoration: none;
    }

#footerpage {
    z-index: 200;
    ;
    position: absolute;
    width: 100%;
    height: 12%;
    margin: auto 0;
    bottom: 0;
}


#ucAddRemrk_ddlPrivacy {
    background-color: Black
}


.ill_pic {
    height: 400px;
    width: 40%;
    display: inline-block;
    float: right;
}



h2 {
    font-size: 1em;
    color: #3d3d3d;
    font-family: Arial
}


.studentpagelink {
    color: #ffffff;
    margin-left: 0px;
    font-size: 18px;
    display: inline-block;
    height: 100%;
    top: 0px;
    text-decoration: none;
    float: left;
    padding-left: 100px;
    padding-right: 20px;
}

a:visited .studentpagelink {
    font-family: Arial;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    display: inline-block;
}

a:link .studentpagelink {
    font-family: Arial;
    font-weight: normal;
    padding-top: 10px;
    text-decoration: none;
    text-align: center;
    display: inline-block;
}

a:hover .studentpagelink {
    font-family: Arial;
    color: #000000;
    font-weight: normal;
    display: inline-block;
    background-color: #cee007;
    text-decoration: none;
}


.universitypagelink {
    color: #ffffff;
    font-size: 18px;
    height: 100%;
    display: inline-block;
    top: 0px;
    text-decoration: none;
    position: absolute;
    right: 0px;
    padding-right: 100px;
    padding-left: 20px;
}

a:visited .universitypagelink {
    font-family: Arial;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    display: inline-block;
}

a:link .universitypagelink {
    font-family: Arial;
    font-weight: normal;
    padding-top: 10px;
    text-decoration: none;
    text-align: center;
    display: inline-block;
}

a:hover .universitypagelink {
    font-family: Arial;
    color: #000000;
    font-weight: normal;
    display: inline-block;
    background-color: #cee007;
    text-decoration: none;
}

.itcando {
    color: #ffffff;
    color: #ffffff;
    font-size: 26px;
    margin-right: 50px;
    display: inline-block;
    padding: 20px 5px 20px 5px;
    top: 0px;
    text-decoration: none;
    position: absolute;
    margin-left: 60px;
}

    .itcando a:link {
        color: #edeeb0;
    }

    .itcando a:visited {
        color: #edeeb0;
    }

    .itcando a:hover {
        color: #edeeb0;
    }

    .itcando li {
        padding: top:20px;
        width: 100%;
    }

        .itcando li:hover {
            color: #f6fbba;
            height: 100%;
        }

.play {
    background: url('../Images/iconlogo.png') no-repeat center right;
    border: solid 1px #194174;
    background-color: #ebeef2;
    background-size: 100%;
    height: 45px;
    width: 45px;
}




.videoshaow {
    position: absolute;
    height: 100%;
    cursor: pointer;
    width: 100%;
    background: url('../Images/general/opacity_black.png');
    z-index: 200;
}

.centervideo {
    height: 60%;
    width: 60%;
    margin: 0 auto;
    margin-top: 12%;
}

.hidevideo {
    color: #ffffff;
    cursor: pointer;
    float: right;
    text-decoration: underline;
}

.promobutshaow {
    background: url('../Images/mispromo.gif');
    position: absolute;
    right: 0px;
    height: 100px;
    font-size: 1.5em;
    letter-spacing: -0.05em;
    background-position: center;
    color: #000000;
    width: 300px;
    cursor: pointer;
    padding-top: 60px;
    background-repeat: no-repeat;
}

    .promobutshaow a:hover {
        color: #000000;
        font-size: 1.6em;
        cursor: pointer;
    }

    .promobutshaow a:link {
        color: #000000;
        font-size: 1.6em;
        cursor: pointer;
    }

    .promobutshaow a:visited {
        color: #000000;
        font-size: 1.6em;
        cursor: pointer;
    }

.textsslogen {
    font-size: 0.7em;
    color: #656666;
}

.textbslogen {
    font-size: 1.em;
}

.howdoyoubody {
    background-color: #ebebeb;
}

.keeplogst {
    display: inline-block;
}

.container1 {
    padding: 2%;
    position: absolute;
    background-color: #2465a8;
    left: 0;
    right: 0;
    height: 80%;
    margin: 0 auto;
    margin-top: 5%;
    width: 80%;
    margin: 0 auto;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin-top: 5%;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
    background-color: #FEFEFE;
}

.containerhow {
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    margin: 0 auto;
    width: 100%;
    margin-top: 0%;
    border-bottom: none;
    border-top: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}






.containerip {
    position: absolute;
    background-color: #fff;
    right: 0;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    margin-top: 0%;
    -moz-transition: all 0.5s;
    /* WebKit */
    -webkit-transition: all 0.1s;
    /* Opera */
    -o-transition: all 0.1s;
    /* Standard */
    transition: all 0.1s;
}

#comtaineralliphone {
    position: absolute;
    left: 0%;
    width: 100%;
    height: 100%;
    -moz-transition: all 0.5s;
    /* WebKit */
    -webkit-transition: all 0.5s;
    /* Opera */
    -o-transition: all 0.5s;
    /* Standard */
    transition: all 0.5s;
}

.containeripleft {
    position: absolute;
    width: 100%;
    height: 100%;
    direction: rtl;
    -moz-transition: all 0.5s;
    /* WebKit */
    -webkit-transition: all 0.5s;
    /* Opera */
    -o-transition: all 0.5s;
    /* Standard */
    transition: all 0.5s;
}

.containeripright {
    position: absolute;
    left: 0%;
    width: 100%;
    height: 100%;
    direction: rtl;
    -moz-transition: all 0.5s;
    /* WebKit */
    -webkit-transition: all 0.5s;
    /* Opera */
    -o-transition: all 0.5s;
    /* Standard */
    transition: all 0.5s;
}

.flowtext {
    font-size: 1.1em;
    width: 300px;
    padding-left: 50px;
    color: #68809f;
}



#loginaside {
    width: 100%;
    color: #64676f;
    display: block;
    vertical-align: top;
    position: absolute;
    top: 0;
}

    #loginaside .small {
        font-size: 1em;
        color: #64676f;
        font-weight: normal;
        letter-spacing: -0.02em;
        margin-top: 4px;
    }

    #loginaside .textbox {
        width: 180px;
        background-color: #64676f;
        height: 20px;
        border: solid 1px #64676f;
        color: #ffffff;
    }





.signup .butt {
    cursor: pointer;
    width: 80px;
    background-color: #64676f;
    color: #2465a8;
    font-size: 1.1em;
    font-weight: bold;
    border: none;
    padding: 7px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -moz-transition: all 0.5s;
    /* WebKit */
    -webkit-transition: all 0.1s;
    /* Opera */
    -o-transition: all 0.1s;
    /* Standard */
    transition: all 0.1s;
    box-shadow: 1px 1px 2px #949595;
    margin-right: 10px;
}


/*loginpage*/
.signup #lSignup {
    width: auto;
    box-shadow: none;
    font-size: 1em;
    color: #fff;
    font-weight: bold;
    border-radius: 8px;
    vertical-align: top;
    display: block;
    background-color: #fc9e07;
    padding: 2px 10px;
}

    .signup #lSignup:hover {
        background-color: #e9940c;
    }


.signuptext {
    margin-top: 4px;
    cursor: pointer;
    line-height: 2.5em;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-size: 1.2em;
    color: #2465a8;
    display: inline-block;
    font-family: Arial;
    font-weight: bold;
    margin-left: 10px;
}

    .signuptext:hover {
        background-color: #dbe946;
        color: #5b5e65
    }

#maincontent {
    position: absolute;
    top: 15%;
    height: 78%;
    width: 100%;
}

#maincontentl {
    background: url('../Images/view.png') no-repeat center bottom;
    background-color: #f5f5f5;
    width: 100%;
    height: 90%;
}

#centercontent {
    width: 100%;
    display: block;
    height: 100%;
}



.slogenbesidepic {
}

#student_ill {
    z-index: 2;
    background: url('../Images/student2.png')no-repeat center;
    background-position-y: center;
    width: 95%;
    background-size: 35%;
    margin: 0 auto;
    height: 100%;
    margin-left: 10px;
}


.textlogoin {
    visibility: collapse;
    position: absolute;
    top: 45px;
    margin-left: 0px;
    font-size: 10px;
    left: 6px;
    display: inline-block;
    height: 26px;
    color: #d5e244;
    margin-bottom: 10px;
    z-index: 100;
    padding-left: 5px;
    padding-right: 5px;
}


#loginimgiphone {
    background-image: url('../Images/loginiphone.gif');
    width: 52px;
    height: 66px;
    background-repeat: no-repeat;
}

#logoiconposin {
    vertical-align: middle;
    display: inline-block;
    width: 40px;
    background-repeat: no-repeat;
    height: 30px;
    vertical-align: middle;
}

#footerstartpage {
    visibility: collapse;
    z-index: 2;
    background-color: #5a5d64;
    position: absolute;
    width: 100%;
    height: 10%;
    bottom: 0;
    margin: 0;
    padding: 0;
}



#signupright {
    height: 20%;
    text-align: center;
    position: absolute;
    bottom: 0px;
}

.signupright {
    width: 100%;
    background-color: #5b5e65;
    -moz-transition: all 0.5s;
    /* WebKit */
    -webkit-transition: all 0.5s;
    /* Opera */
    -o-transition: all 0.5s;
    /* Standard */
    transition: all 0.5s;
}
    /*background-color:#2465a8;*/
    .signupright:hover {
    }

    .signupright li {
        color: #000000;
        font-size: 1.5em;
        text-align: center;
        cursor: pointer;
        margin-bottom: 10px;
    }

        .signupright li:hover {
            color: #000000;
            text-decoration: underline;
            font-size: 1.5em;
            cursor: pointer;
        }

    .signupright a:link {
        font-size: 1.4em;
        cursor: hand;
        color: #2465a8;
    }

    .signupright a:visited {
        font-size: 1.4em;
        cursor: hand;
        color: #2465a8;
    }

    .signupright a:hover {
        color: #000000;
    }

#lClassforstudent {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.slogenst {
    font-family: 'Kite One', sans-serif;
    font-size: 3em;
    vertical-align: middle;
    height: 100px;
    padding-top: 50px;
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
    color: #5a5d64;
    background-position: top left;
    background-repeat: no-repeat;
}

#paslogosignup .slogenst {
    font-size: 1.8em;
    margin-top: -5%;
}

.why_1 {
    background-image: url('../Images/why_1.gif');
    background-repeat: no-repeat;
    background-position: center;
    height: 100px;
}

.why_2 {
    background-image: url('../Images/why_2.gif');
    background-repeat: no-repeat;
    background-position: center;
    height: 100px;
}

.why_3 {
    background-image: url('../Images/why_3.gif');
    background-repeat: no-repeat;
    background-position: center;
    height: 100px;
}

.why_4 {
    background-image: url('../Images/why_4.gif');
    background-repeat: no-repeat;
    background-position: center;
    height: 100px;
}

.why_5 {
    background-image: url('../Images/why_5.gif');
    background-repeat: no-repeat;
    background-position: center;
    height: 100px;
}

.why_6 {
    background-image: url('../Images/why_6.gif');
    background-repeat: no-repeat;
    background-position: center;
    height: 100px;
}


#alreadys {
    visibility: hidden;
    padding: 0;
    margin: 0;
    height: 0px;
}

#signups {
    visibility: collapse;
    padding: 0;
    margin: 0;
    height: 0px;
}

#demos {
    visibility: collapse;
    padding: 0;
    margin: 0;
    height: 0px;
}






/* loginpages style*/
div#wrapperprelogin {
    margin: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: auto;
}

#centerposprelogin {
    position: relative;
    width: 100%;
    height: 100%;
    margin: auto;
}

div#logologin {
    background-image: url('../Images/logo_classboost.png');
    height: 40%;
    width: 100%;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: bottom;
}

#fastlogin {
    background-image: url('../Images/view.png');
    height: 100%;
    background-repeat: no-repeat;
    background-position: bottom;
}

    #fastlogin ul {
        padding: 10px 10px 10px 10px;
        width: 200px;
    }

    #fastlogin li {
        list-style-type: none;
        display: block;
        width: 100%;
        text-align: left;
        font-family: Arial;
        padding: 0px 10px 0px 10px;
    }

div#fastlogin .textboxst {
    border: solid 0px #4195C9;
    width: 150px;
    background-color: #fbfbfb;
    font-size: 0.9em;
}

div#fastlogin .butst {
    border: solid 1px #000000;
    margin-top: 6px;
    background-image: url('images/regbut.png');
    color: #000000;
    background-color: #F2E32C;
    font-size: 1em;
    cursor: pointer;
}


#linkback a:link {
    background-color: #f3f2b0;
    width: 30px;
    font-size: 25px;
    margin-top: 10px;
    display: inline-block;
    margin: 0;
    padding: 0;
    display: block;
    color: #000000;
    border: none;
    height: 100%;
    font-size: 1.5em;
}

#linkback a:visited {
    background-color: #f3f2b0;
    font-size: 25px;
    width: 30px;
    margin-top: 10px;
    display: inline-block;
    margin: 0;
    padding: 0;
    display: block;
    color: #000000;
    border: none;
    height: 100%;
    font-size: 1.5em;
}


#iconcourse {
    display: inline-block;
}

#iconclass {
    display: inline-block;
    width: 40px;
    height: 30px;
}

#coursemeetingcepage {
    margin: 0 auto;
    width: 100%;
    display: inline-block;
}

    #coursemeetingcepage table {
    }

    #coursemeetingcepage td {
    }

ul#coursemeeting {
    width: 200px;
}

#coursemeeting {
    display: inline-block;
    width: 100%;
    background-color: #e6e9eb;
}

#videodetails {
    display: inline-block;
    position: absolute;
    padding-left: 10px;
    padding-right: 10px;
}

#posvideo {
    display: inline-block;
    width: 100%;
    line-height: 1em;
    text-align: right;
}



.NoDataDiv {
    padding-right: 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #ebebeb;
    margin-bottom: 3px;
    line-height: 0.9em;
    cursor: pointer;
    border-bottom: solid 2px #e2e2e2;
    -moz-transition: all 0.5s;
    /* WebKit */
    -webkit-transition: all 0.5s;
    /* Opera */
    -o-transition: all 0.5s;
    font-size: 1.2em;
    /* Standard */
    transition: all 0.5s;
    margin-top: 5px;
    background-image: url('../images/notebook/sidenote.png');
    background-repeat: repeat-y;
    background-position: right;
    box-shadow: 2px 2px 2px #949595;
    height: 100px;
    max-width: 400px;
    margin: 0 auto;
}

    .NoDataDiv .subcoteret {
        color: #71747b;
        padding-top: 5%;
        font-size: 1em;
        font-weight: normal;
    }

#courseitem_current {
    padding-right: 25px;
    padding-left: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #1e6ab3;
    margin-bottom: 3px;
    line-height: 0.9em;
    cursor: pointer;
    border-bottom: solid 2px #e2e2e2;
    -moz-transition: all 0.5s;
    /* WebKit */
    -webkit-transition: all 0.5s;
    /* Opera */
    -o-transition: all 0.5s;
    font-size: 1.2em;
    /* Standard */
    transition: all 0.5s;
    margin-top: 5px;
    background-image: url('../images/notebook/sidenote_w.png');
    background-repeat: repeat-y;
    background-position: right;
    box-shadow: 2px 2px 2px #949595;
    display: inline-block;
    width: 350px;
}

    #courseitem_current:hover {
        background-color: #2465a8;
        margin-bottom: 3px;
        line-height: 0.9em;
        border-bottom: solid 2px #e2e2e2;
        color: #ffffff;
    }

.opennotesvis {
    height: 100%;
    width: 10%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-repeat: no-repeat;
    -moz-transition: all0.5s;
    /* WebKit */
    -webkit-transition: all 0.5s;
    /* Opera */
    -o-transition: all 0.5s;
    font-size: 1.2em;
    /* Standard */
    transition: all 0.5s;
    background-image: url('../images/notebook/open_note_side.png');
    opacity: 0;
    background-position: bottom left;
}

#courseitem_current:hover .opennotesvis {
    opacity: 0.7;
}

#courseitem_current:hover #meeting_date {
    color: #5b5e65
}

#courseitem_current:hover #meeting_name {
    color: #5b5e65;
}

#courseitem_current:hover #teach {
    color: #5b5e65;
}

#ContentPlaceHolder1_ucMeetings_dlist_Meetings {
    width: 100%;
}

#coursemeetingcepage span {
}

#coteretcourse {
    display: block;
    width: 100%;
    display: block;
}

div#contentlistpage h2 {
    height: 30px;
    background-position: top left;
    font-weight: normal;
    font-size: 1em;
    color: #000000;
    padding: 0;
    margin: 0;
    letter-spacing: 0.02cm;
    padding-top: 5px;
    padding-left: 2px;
    padding-right: 20px;
}

#contentlistpage {
    margin: 0 auto;
    margin-top: 120px;
    width: 80%;
}

#div_DisplayRemark {
    float: right;
    height: 370px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    padding: 5px;
    background-color: White;
    border-radius: 6px;
    overflow: hidden;
}

#ifrm_DisplayRemark .tablecomment {
    height: 260px;
    overflow-y: auto;
}

#ifrm_DisplayRemark {
    background-color: #ffffff;
    height: 370px;
    border: none;
}

.winclosebut {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 100;
    left: 0px;
    text-align: right;
    height: 38px;
}



#flashpos {
    bottom: 10%;
    position: absolute;
    width: 342px;
    height: 365px;
    right: 10px;
}

div#allcommentre {
    padding-top: 40px;
}

#facultytitle {
    display: inline-block
}

    #facultytitle h1 {
        font-size: 1em;
        margin: 0;
        padding: 0;
    }

.dayicon {
    height: 30px;
    background-image: url('../Images/general/mounthicon.gif');
    background-color: #dbdbdd;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-right: 2px;
}

.weekicon {
    height: 30px;
    background-image: url('../Images/general/weekicon.gif');
    background-color: #dbdbdd;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-right: 2px;
}

.monthicom {
    height: 30px;
    background-image: url('../Images/general/day_icon.gif');
    background-color: #dbdbdd;
    background-repeat: no-repeat;
    margin-right: 2px;
    cursor: pointer;
}



textarea#htmlPostRemark {
    border: 1px solid #696464;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    margin-top: 5px;
    margin-left: 35px;
}

    textarea#htmlPostRemark:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    }







#miscoursebox_last #posvideo {
    width: 100%;
}

#entertoclassnow {
    height: 100%;
    display: block;
    top: 0px;
    padding: 0;
    right: 0px;
    width: 100%;
    top: 0px;
}

#cllassboost_library {
    height: 100%;
    width: 100%;
    display: inline-block;
    left: 0px;
    top: 0px;
    padding-top: 30px;
}

#tytle_meetinglist {
    margin: 0 auto;
    color: #2465a8;
    text-align: right;
    font-weight: bold;
    font-size: 1.2em;
    background-color: #f8f8f8;
    position: relative;
    margin-bottom: 15px;
}

    #tytle_meetinglist:before {
    }

#tytle_curentclas {
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: -10px;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    font-size: 0.8em;
    padding: 2px;
    width: 100%;
    background-color: #f5f6f5;
    border-bottom: solid 5px #D9E250;
    position: relative;
}

.tytle_library {
    display: block;
    padding-right: 10px;
    background-color: #ffffff;
    padding: 10px;
    text-align: right;
    border-bottom: solid 1px #ddd;
    color: #2465a8;
    font-size: 1.2em;
    font-weight: bold;
}


#ContentPlaceHolder1_ClassList {
    line-height: 2em;
    font-size: 14px;
    color: #606264;
}

.tytle_classlist {
    display: block;
    padding: 4px 15px;
    margin-bottom: -1px;
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-size: 0.8em;
    border-bottom: solid 5px #d5d9dd;
    margin-bottom: -20px;
}

    .tytle_classlist:before {
        content: "";
        position: absolute;
        bottom: -25px;
        right: -8px;
        border-width: 20px 8px 0px;
        border-style: solid;
        border-color: #2465a8 transparent;
        display: block;
        width: 0;
    }

.curentmetingt {
    width: 90%;
    margin: 0 auto;
}

.coursebox {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
}

.courseboxpackage {
    display: block;
    height: 100%;
    text-align: center;
}

.coursebox_last {
    display: block;
    margin: 0 auto;
    text-align: center;
}

#miscoursebox_last {
    width: 74%;
    overflow: hidden;
    float: left;
    margin-left: 2%;
    margin-right: 0%;
    display: inline-block;
    vertical-align: top;
    padding-right:2%;
}
/*overflow-x: scroll;*/
#courselist {
    width: 22%;
    float: right;
    margin-right: 2%;
    position: relative;
    vertical-align: top;
    overflow: hidden;
    display: inline-block;
}

    #courselist #coursemeetingcepage {
        margin: 0;
        margin-left: 0px;
        text-align: right;
        width: 100%;
        padding-bottom: 20px;
        -webkit-border-radius: 0px 0px 10px 10px;
        -moz-border-radius: 0px 0px 10px 10px;
        border-radius: 0px 0px 10px 10px;
    }

        #courselist #coursemeetingcepage table {
        }

        #courselist #coursemeetingcepage #miscourselist {
        }



#right-triangle {
    margin: 0 auto;
    opacity: 0;
    border: none;
    height: 60px;
    width: 60px;
    background-repeat: no-repeat;
    background-position: center;
}

#courseitem_current #meeting_date {
    font-size: 1.2em;
    padding-top: 20px;
    width: 100%;
}




#misplay {
    top: 0px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    vertical-align: middle;
    height: 100%;
    width: 100%;
}

.choosclassbut {
    -moz-transition: all 0.2s;
    /* WebKit */
    -webkit-transition: all 0.2s;
    /* Opera */
    -o-transition: all 0.2s;
    /* Standard */
    transition: all 0.2s;
    height: 40px;
    text-align: left;
    padding-left: 10px;
    color: #6f7b89;
    border: solid 0px black;
    font-size: 2em;
    font-weight: bold;
    cursor: pointer;
}

.listitemclass:hover .choosclassbut {
    color: #595e64;
}

.choosclassbut:hover {
    color: #5b5e65;
}
/*background-image:url('../images/iphone/remark_but_empty.png'); */
.meetingitem_comment {
    background-image: url('../images/icon_blog.png');
    height: 20px;
    width: 40px;
    background-repeat: no-repeat;
    border: none;
    background-color: transparent;
    background-position: center;
}

.asigncourse {
    font-size: 3em;
    width: 100%;
    height: 100%;
    left: 0px;
    position: absolute;
    bottom: 0px;
    background-color: transparent;
}

.classtime {
    background-image: url('../images/classtime_y.png');
    width: 50px;
    height: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60%;
    position: absolute;
}

.classlibrary {
    background-image: url('../images/classlibrary_y.png');
    width: 50px;
    height: 50px;
    background-size: 50%;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
}

.defpagecourselist {
    position: relative;
    width: 100%;
}

#tytle_meetinglist h1 {
    display: inline-block;
    background-color: #cccccc;
    font-size: 1.2em;
    width: auto;
    text-align: center;
    background-color: transparent;
    padding: 10px 4% 10px 4%;
    color: #134478;
    font-weight: bold;
}

#tytle_libraryh1 {
    font-size: 1.2em;
    width: auto;
    text-align: center;
}


#courseitem_current #misplay:hover {
    background-size: 20%;
    background-repeat: no-repeat;
    background-position: center;
}

    #courseitem_current #misplay:hover #right-triangle {
        visibility: collapse;
    }

#linkbutst {
    display: inline-block;
}

#linkmor {
    display: inline-block;
    vertical-align: top;
    height: 99%;
    float: right;
}



.selectwhatcoteret {
 
    color: #64676f;
    padding-right: 0;
    padding-left: 0;
    bottom: 0px;
    margin: 0 auto;
    width: 50%;
    font-size: 1.8em;
    font-weight: normal;
    vertical-align: bottom;
    display: inline-block;
}

.notes {
    margin: 0 auto;
    -moz-transition: all 1s;
    /* WebKit */
    -webkit-transition: all 0.5s;
    /* Opera */
    -o-transition: all 0.5s;
    /* Standard */
    transition: all 0.5s;
    background-image: url( '../images/choose_page/notepad_main.png');
    background-size: auto 80%;
    width: 100%;
    height: 70%;
    background-position: center;
    background-repeat: no-repeat;
}

    .notes:hover {
    }

.library {
    margin: 0 auto;
    -moz-transition: all 1s;
    /* WebKit */
    -webkit-transition: all 0.5s;
    /* Opera */
    -o-transition: all 0.5s;
    /* Standard */
    transition: all 0.5s;
    background-image: url( '../images/choose_page/lesson_main.png');
    background-size: auto 80%;
    width: 100%;
    height: 70%;
    background-position: center;
    background-repeat: no-repeat;
}

    .library:hover {
    }

.markhome {
    -moz-transition: all 1s;
    /* WebKit */
    -webkit-transition: all 0.5s;
    /* Opera */
    -o-transition: all 0.5s;
    /* Standard */
    transition: all 0.5s;
    background-image: url( '../images/choose_page/addsign.png');
    background-size: auto 80%;
    width: 100%;
    height: 70%;
    background-position: center;
    background-repeat: no-repeat;
}

    .markhome:hover {
    }


.managehome {
    margin: 0 auto;
    -moz-transition: all 1s;
    /* WebKit */
    -webkit-transition: all 0.5s;
    /* Opera */
    -o-transition: all 0.5s;
    /* Standard */
    transition: all 0.5s;
    background-image: url( '../images/choose_page/manage.png');
    background-size: auto 70%;
    width: 100%;
    height: 70%;
    background-position: center;
    background-repeat: no-repeat;
}

    .managehome:hover {
    }

.votehome {
    margin: 0 auto;
    -moz-transition: all 1s;
    /* WebKit */
    -webkit-transition: all 0.5s;
    /* Opera */
    -o-transition: all 0.5s;
    /* Standard */
    transition: all 0.5s;
    background-image: url( '../images/choose_page/vote_main1.png');
    background-size: auto 80%;
    width: 100%;
    height: 70%;
    background-position: center;
    background-repeat: no-repeat;
}

    .votehome:hover {
    }






.institudeadd {
    -moz-transition: all 1s;
    /* WebKit */
    -webkit-transition: all 0.5s;
    /* Opera */
    -o-transition: all 0.5s;
    /* Standard */
    transition: all 0.5s;
    background-image: url( '../images/choose_page/institudeadd.png');
    background-size: auto 80%;
    width: 100%;
    height: 70%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #599BC8;
    border: solid 1px #599BC8
}

    .institudeadd:hover {
    }

.permission {
    -moz-transition: all 1s;
    /* WebKit */
    -webkit-transition: all 0.5s;
    /* Opera */
    -o-transition: all 0.5s;
    /* Standard */
    transition: all 0.5s;
    background-image: url( '../images/choose_page/permission_control.png');
    background-size: auto 80%;
    width: 100%;
    height: 70%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #599BC8;
    border: solid 1px #599BC8
}

.institudeadd:hover {
}


.selectwhat span {
    height: 30%;
    display: block;
    color: #5a5d64;
    padding: 5px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    padding-top: 30px;
    border-radius: 15px;
}


#entersummary_def {
    vertical-align: top;
    display: inline-block;
    top: 0px;
    right: 0px;
    height: 100%;
}

#enternotestext {
    font-size: 1em;
    color: #000000;
    top: 0px;
    width: 200px;
    display: inline-block;
    background-color: white;
    border-radius: 8px;
    padding: 10px;
    margin: 10px;
}

#divback {
    background-image: url( '../images/general/back_hetz.png');
    -webkit-border-radius: 10px;
    margin-top: 5%;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #e5e3e3;
    cursor: pointer;
    height: 90%;
    width: 40px;
    display: inline-block;
}

#entersummary_def2 {
    visibility: collapse;
    vertical-align: top;
    padding-top: 10px;
    display: inline-block;
    top: 0px;
    right: 0px;
    height: 100%;
    height: 0px;
    width: 0px;
}

#iconclassnotes {
    background-size: 100%;
    background-image: url( '../images/smart_notes.png');
    width: 60px;
    height: 60px;
    float: left;
    display: inline-block;
}

#iconclasswatch {
    background-size: 100%;
    background-image: url( '../images/samrt_watch.png');
    width: 60px;
    height: 60px;
    float: left;
    display: inline-block;
}


#enternotesimg {
    background-image: url( '../images/enternotes_back1.gif');
    background-size: 80%;
    height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    background-position: top;
    display: block;
}



.selectwhat_sub {
    width: 100%;
    margin: 0 auto;
    height: 100%;
}



.toolshometext {
    display: inline-block;
    width: 80%;
    font-weight: bold;
    visibility: collapse;
    vertical-align: top;
    text-align: center;
    font-size: 1em;
    color: #f7ff9b;
    background-color: #5a5d64;
}

#starttext {
    width: 14%;
    display: inline-block;
    margin-right: 5%;
    vertical-align: top;
    height: 100%;
    background-color: #f2f1f1;
    line-height: 3em;
    font-size: 2em;
    font-family: Arial;
    font-weight: bold;
    color: #45a8d2;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.misnotebook {
    background-color: Red;
    padding: 20px;
}

.personinfohome {
    border-top: solid 2px #e2e2e2;
    color: #4f5258;
    font-family: Arial;
    font-size: 1em;
    padding: 10px;
}

.kamposleftdivhome {
    width: 20%;
    display: inline-block;
    height: 100%;
    background-color: #f2f1f1;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

#backmore {
    display: inline-block;
    padding: 4px;
}

#sidemenu {
    z-index: 1000;
    height: 10%;
    position: absolute;
    right: 10%;
    bottom: 0px;
}

    #sidemenu li {
        display: inline-block;
        border: solid;
    }

#linkimhomepage {
    margin: 0 auto;
    position: fixed;
    width: 100%;
    height: 10%;
    bottom: 0px;
    background-color: #414349;
    text-align: center;
}

#lClassmore {
    color: #ffffff;
    height: 100%;
    vertical-align: middle;
}

#ifrm_AddRemark {
    width: 100%;
    border: none;
    background-color: White;
    position: relative;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    height: 100%;
}

.container1clip {
    background-color: #5a5d64;
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    margin-top: 0%;
}



#containerchoosewhat {
    height: 40%;
    position: absolute;
    width: 100%;
    left: 0px right:0px;
    margin: 0;
    padding: 0;
    margin-top: 10%;
}

.but_summary {
    height: 20%;
    width: 100%;
    border: none;
    color: #5a5d64;
    background-color: #a6abb5;
    font-size: 1.5em;
}

.but_view {
    height: 20%;
    width: 100%;
    color: #5a5d64;
    border: none;
    background-color: #a6abb5;
    font-size: 1.5em;
}

#posbut {
    height: 100%;
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    direction: rtl;
}

#div_otherMeetings {
    z-index: 0;
    font-size: large;
    display: block;
    position: absolute;
    background: #fff;
    right: 40px;
    top: 90px;
    text-align: right;
    z-index: 8;
    border: solid 1px #000;
    border-top: none;
    height: 100%
}


#cotwhattodo {
    color: #000000;
    font-size: 1.5em;
    position: absolute;
    margin-top: 15%;
    padding: 30px;
}

#coursemeetingpage {
    display: block;
    text-align: center;
    width: 100%;
    vertical-align: top;
    border: solid 0px #5A5C6B;
}


#coursedef {
    color: #1D1E1F;
    display: inline-block;
    width: 72%;
    padding-top: 10px;
    padding-right: 5%;
    vertical-align: top;
    line-height: 1.1em;
    margin-bottom: 3%
}

.currentadd {
    width: 100%;
    padding-right: 50px;
}

.usertextname {
    color: #000000;
}



.inlinepos {
    width: 20%;
}

#videoprocess table {
    clear: both;
    border: none;
}

#videoprocess {
}

.gridsrt {
    display: block;
}

    .gridsrt table {
        clear: both;
        display: block;
        float: none;
    }

table {
    float: none;
}

#orcdiv table {
    background-color: White;
    width: 100%;
}

#orcdiv {
    width: 100%;
}

    #orcdiv tr {
        display: block;
        width: 100%;
    }

.rowstylegrid {
    border: none;
    background-color: #eae8e8;
    border-bottom: solid 1px white
}

.btnTimeRelative {
    margin-left: 10px;
    background-color: #2f3035;
    color: #ffffff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px black;
    cursor: pointer;
    box-shadow: 2px 2px 2px #949595;
}

.bodycoltrol {
    background-color: #5d6872;
}











#ContentPlaceHolder1_up1 {
    width: 100%;
}

.poster {
    top: 50px;
}

#videoPageHeader {
    height: 50px;
}


.mejs-classboostsbuttons {
    width: 50px;
}


.GridView tr .commentline {
    background-color: Red;
}









.icon_summary {
    height: 40px;
    width: 40px;
}

.icon_playvideo {
    opacity: 1;
    height: 60px;
    width: 60px;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url('../images/control/check.png');
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

    .icon_playvideo:hover {
        background-color: #2465a8;
        opacity: 1;
    }

.listitemclass #teach {
    color: #4a4c50
}



.coursenumber {
    color: #4a4c50
}














.logedonimg {
    vertical-align: middle;
    padding: 0px;
    border: 1px solid #5b5e65;
    border-top: 1px solid #5b5e65;
    -webkit-border-radius: 2px;
    height: 26px;
    margin: 3px 3px 3px 5px;
    width: 23px;
}















.userdef {
    color: #000000
}



/*video page style*/
#videoPageHeader {
    width: 100%;
    height: 50px;
    position: fixed;
}

.mesholash {
    visibility: collapse;
    height: 0;
}











#courselist {
    float: right;
    position: relative;
    vertical-align: top;
    overflow: hidden;
    display: inline-block;
}


#miscoursebox_last #posvideo {
    width: 100%;
    max-width: 350px;
    float: right;
}

#courseitem_current #misplay:hover {
    background-size: 20%;
    background-repeat: no-repeat;
    background-position: center;
}

    #courseitem_current #misplay:hover #right-triangle {
        visibility: collapse;
    }

#linkbutst {
    display: inline-block;
}


#iphonelogo {
    visibility: collapse;
    height: 0px;
    width: 0px;
}

#iphonelogopic {
    vertical-align: middle;
    display: inline-block;
    width: 50px;
    background-repeat: no-repeat;
    height: 50px;
    vertical-align: middle;
    background-image: url('../Images/classboost_logof.gif');
    display: inline-block;
    height: 80%;
    vertical-align: middle;
    background-size: auto 100%;
    background-repeat: no-repeat;
    -webkit-border-radius: 12px;
    max-height: 200px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.mejs-remarkbButtons .mejs-button {
    width: 35px;
    height: 35px;
    display: block
}


/*************************************************************************************************/

/*new style*/



/*toolbar top*/

.buthome {
    border: none;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

#uc_mheader_btnHome {
    right: 0px;
    position: absolute;
    margin-left: 2px;
    background-image: url('../images/general/back_h_d.png');
    background-color: #e3ec51;
    top: 1px;
    background-size: auto 70%;
    height: 48px;
    width: 50px;
    background-position: center;
    border: none;
    background-repeat: no-repeat;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

    #uc_mheader_btnHome:hover {
        background-image: url('../images/general/back_h_l.png');
        background-color: #646770;
    }








.icon_clips {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 50px;
    width: 50px;
    border: none;
    background-repeat: no-repeat;
    /* margin-right: -3px; */
    opacity: 1;
    z-index: 3;
    background-position: center;
}



.headerlinks #UpdatePanel1 {
    position: absolute;
    z-index: 2000;
    font-size: 12px;
    color: #ffffff;
    RIGHT: 4px;
    padding: 3px;
    top: 20px;
    DISPLAY: INLINE-BLOCK;
}


















.headerlinks a {
    color: #ffffff;
    font-family: Arial;
    font-size: 9px;
}


/*course list style*/
#filtercourse {
    display: inline-block;
    visibility: collapse;
    position: absolute;
    width: 30px;
    right: 15px;
    margin-top: 6px;
}

.courseitem {
    width: 24%;
    margin: 0.5%;
    line-height: 0.9em;
    border: none;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;

    position: relative;
    -moz-transition: all 0.1s;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    background-color: White;
    border-radius: 0px;
    min-width:290px;
    max-width: 290px;
    border-radius:4px;
    padding-bottom:10px;
    /*box-shadow: 0 1px 6px rgba(31, 31, 31, 0.1), 0 1px 4px rgba(31, 31, 31, 0.1);*/
}
    .courseitem:hover {
        cursor: pointer;
        /* background-color: #2465a8; */
        /* border-color: #2465a8; */
        box-shadow: 0 1px 6px rgba(31, 31, 31, 0.1), 0 1px 4px rgba(31, 31, 31, 0.1);
    }
#coursemeetingpage .courseitem {
    width: 22%;
    position: relative;
}

#showplayoncourse {
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 0.5s;
    position: absolute;
    width: 100%;
    background-size: auto 100%;
    opacity: 1;
    color: #5b5e65;
    font-family: Arial;
    text-align: center;
    overflow: hidden;
    font-size: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
}

    #showplayoncourse:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0px;
        left: 0px;
        height: 182px;
        background-color: #2465a8;
        background-image: url('../Images/video/play_onclassimg.png');
        opacity: 0;
        background-position: center;
        background-repeat: no-repeat;
    }

.showplayoncourseimg {
    width: 100%;
    height: 100%;
}




.courseitem:hover #showplayoncourse {
    position: absolute;
    width: 100%;
    top: 0px;
    display: block;
    opacity: 0.8;
}

    .courseitem:hover #showplayoncourse:before {
        position: absolute;
        width: 100%;
        top: 0px;
        display: block;
        opacity: 0.8;
    }

/*.courseitem:hover #coursedef {
    color: #fff
}

.courseitem:hover #meeting_name {
    color: #fff
}

.courseitem:hover div#teach {
    color: #fff
}*/

#posvideo:hover #meeting_name {
    text-decoration: underline
}

#videosnap {
    display: block;
    width: 100%;
    cursor: pointer;
    background-color: #2465a8;
    margin-top: 0;
    /*min-height: 182px;*/
}

.meetingbox_process #videosnap {
    background-color: #ddd;
    background-image: url(../Images/meetingpage/inprocess_points.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
}

.meetingbox_waitForTeacher #videosnap {
    background-image: url(../Images/meetingpage/inprocess_teacherapprov.png);
    background-color: #e3e3e3;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
}




.meetingbox_process #meeting_name {
    color: gray !important
}

#summarydiv {
    position: relative;
    font-family: Arial;
    font-size: 0.8em;
    width: 18%;
    display: inline-block;
    z-index: 90;
    vertical-align: top;
    height: 40px;
    margin-top: -2px;
    background: #F5F5F5;
    border-radius: 0px 0px 10px 0px;
    float: left;
    border-RIGHT: solid 1px #949595;
    border-bottom: solid 1px #a9aeae;
}

    #summarydiv:hover {
        background-color: #2465a8
    }

.icon_summary {
    background-image: url('../Images/notepad_icon_d.png');
    cursor: pointer;
    right: 0px;
    background-color: transparent;
    height: 90%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
    -moz-transition: all 0.1s;
    /* WebKit */
    -webkit-transition: all 0.1s;
    /* Opera */
    -o-transition: all 0.1s;
    /* Standard */
    transition: all 0.1s;
    border: none;
    position: absolute;
}

.opennotepad {
    position: absolute;
    top: 0px;
    opacity: 0;
    pointer-events: none;
    cursor: pointer;
}

.opennotepad {
    background-image: url('../Images/notebook/notepad_icon_o.png');
    padding-top: 2%;
    cursor: pointer;
    right: 0%;
    text-align: center;
    height: 90%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: auto 95%;
    background-position: center;
    -moz-transition: all 0.1s;
    /* WebKit */
    -webkit-transition: all 0.1s;
    /* Opera */
    -o-transition: all 0.1s;
    /* Standard */
    transition: all 0.1s;
    /* Firefox */
}

#summarydiv:hover .opennotepad {
    opacity: 1;
    z-index: 100;
}



/*video style*/
#divComments {
    position: absolute;
    display: none;
    right: 40PX;
    top: 91PX;
    overflow-y: hidden;
    padding: 0px;
    left: 75%;
    bottom: 0;
    z-index: 8;
    bottom: 0px;
    background-color: #ebebeb;
    border-right: solid 1px #475057;
    border-left: solid 1px #475057;
}

#ifrmComments {
    right: 50px;
    height: 100% !important;
    overflow: hidden;
    width: 100%;
    border: none;
}


/*comment div style*/
#divsummary {
    height: 100%;
    background-color: #FBFBFB;
    top: 50px;
    right: 40px;
    left: 50%;
    background-repeat: repeat-y;
    background-position: right;
}

#divNotebook {
    height: 100%;
    background-color: #FBFBFB;
    top: 91px;
    right: 40px;
    left: 60%;
    background-repeat: repeat-y;
    background-position: right;
    border: solid 1px #000;
    border-top: none;
}

.div_Search {
    border: solid 1px #000;
    border-top: none;
}


.misclosewin {
    background-color: #505359;
    width: 100%;
    display: block;
    border: solid 1px gray;
    height: 20px;
    visibility: collapse;
    height: 0px;
}

.GridViewRowcomment {
    background-color: #ebebeb;
}

    .GridViewRowcomment .perimg {
        height: 24px;
        width: 20px;
    }

.commentline .perimg {
    height: 28px;
    width: 20px;
}






.logintextlinks {
    margin-left: 10px;
    margin-top: 4px;
    line-height: 2.5em;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer;
    vertical-align: top;
    padding-right: 10px;
    padding-left: 10px;
    text-decoration: none;
    cursor: pointer;
    font-size: 1.2em;
    color: #2465a8;
    display: inline-block;
    font-family: Arial;
    font-weight: bold;
}

    .logintextlinks:hover {
        text-decoration: underline;
        background-color: #dbe946;
        color: #5a5d64;
    }

    .logintextlinks a:link {
        text-decoration: none;
        cursor: pointer;
        font-size: 1.2em;
        color: #2465a8;
        display: inline-block;
        font-family: Arial;
        font-weight: bold
    }

    .logintextlinks a:hover {
        color: #5a5d64
    }

    .logintextlinks a:visited {
        clear: both
    }

.linkfortheother {
    display: inline-block;
    height: 100%;
    color: #64676f;
}

    .linkfortheother a:link {
        width: 220px;
        color: #5b5e65;
        font-size: 1.5em;
        line-height: 3em;
        padding-left: 30px;
        text-decoration: none;
        font-weight: bold;
    }

    .linkfortheother a:selected {
        color: #5b5e65;
        text-decoration: none;
        font-weight: bold;
    }

    .linkfortheother a:visited {
        color: #5b5e65;
        text-decoration: none;
        font-weight: bold;
    }

#linkbutst li {
    height: 100%;
    width: 80px;
}



.linkhowother {
    margin: 0px;
    vertical-align: middle;
    padding: 0px;
    float: left;
    color: #5b5e65;
    background-color: #E4E4E4;
    -moz-border-radius: 0px 0px 10px 10px;
    margin-bottom: -30px;
    border-radius: 0px 0px 10px 10px;
    margin-left: 30px;
}

    .linkhowother:hover {
        background-color: #f5ff5d
    }

.linkfortheother a:hover {
    color: #4e4e4e
}

.buthome {
    right: 0px;
    background-image: url('../images/general/right_arrow.png');
    background-color: #e3ec51;
    top: 0px;
    background-size: auto;
    height: 48px;
    width: 41px;
    background-position: center;
    border: none;
    background-repeat: no-repeat;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}




.buthome_l {
    right: 0px;
    position: absolute;
    margin-left: 2px;
    background-image: url('../images/general/back_h_d_l.png');
    background-color: #e3ec51;
    top: 1px;
    background-size: auto 70%;
    height: 48px;
    width: 50px;
    background-position: center;
    border: none;
    background-repeat: no-repeat;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.buthomehow {
    right: 0px;
    position: absolute;
    margin-left: 2px;
    background-image: url('../images/general/back_h_d.png');
    background-color: #e3ec51;
    top: 1px;
    background-size: auto 70%;
    height: 48px;
    width: 40px;
    background-position: center;
    border: none;
    background-repeat: no-repeat;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 0px;
    padding: 0px;
    margin-top: -1px;
    background-position: center;
    width: 70px;
    height: 70%;
    display: inline-block;
}


#buthome:hover {
    background-image: url('../images/general/back_h_l.png');
    background-color: #646770;
}

.div_Addremark_notes {
    width: 210px;
    padding: 10px;
    margin: 0;
    bottom: 10px;
    z-index: 100;
    position: fixed;
    right: 10px;
    padding: 5px;
    opacity: 1;
    color: #fff;
    z-index: 3000;
    height: 270px;
    background-color: #4b4e54;
    display: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


#ifrmComments {
    background-color: #5a5d64
}

.GridViewRowcomment {
    background-color: transparent;
}

.poster2 {
    background-color: #2465a8;
    position: absolute;
    top: 0px;
    height: 100%;
    width: 100%; /* WebKit */
    -webkit-transition: all 0.1s;
    /* Opera */
    -o-transition: all 0.1s;
    /* Standard */
    transition: all 0.1s;
    /* Firefox */;
    z-index: 5000
}



#ifrm_UserFilters body {
    overflow-x: hidden;
}

.butcommentbox {
    text-decoration: underline;
    font-size: 1em;
    color: #4a4c52;
}

#ContentPlaceHolder1_ucMeetings_Curr_divCourseList table {
    width: 95%;
    margin: 0 auto;
}



#ContentPlaceHolder1_ucMeetings_Curr_divCourseList tr:first-child td {
    visibility: collapse;
}





.sideform {
    margin: 0 auto;
    padding: 10px;
}

    .sideform td {
        text-align: right
    }

.title {
    font-size: 2em;
    height: 100px;
}

.sideface .title {
    color: #3b559f;
    font-size: 1.2em;
}

.fsm {
    color: #ffffff
}

.musttext {
    color: Red;
    margin-right: -10px;
}

.Signupheader {
    text-align: right;
    display: table-cell;
    vertical-align: middle;
    color: #5b5e65;
    display: block;
    width: 100%;
    top: 0px;
    background-color: #2465a8;
    margin: 0;
    padding: 0;
    vertical-align: top;
}

.checkconferm {
    font-size: 1em;
}

.notepadpagepos {
    width: 40%;
    vertical-align: top;
    display: inline-block;
    text-align: center;
}

.tablecomment {
    width: 100%;
    margin: 0 auto;
}

.homebasebut {
    height: 55px;
    position: absolute;
    width: 200px;
    top: 0;
    left: 0px;
}



#iconcourse h1 {
    font-size: 1.1em;
}


.notesbookbas_right {
    width: 100%;
    vertical-align: top;
    display: inline-block;
    text-align: center;
}

.notesbookbas_left {
    width: 0;
    visibility: collapse;
    vertical-align: top;
    display: inline-block;
    height: 0;
    overflow: hidden;
    display: none;
}

.subcoteret {
    font-size: 0.9em;
    padding: 10px;
    color: #4f5258;
    font-weight: bold;
    letter-spacing: -0.02em;
    line-height: 1em;
    padding-bottom: 20px;
    text-align: center;
    display: block;
}


.meetingbox_process {
    opacity: 0.8;
    cursor: default;
}

    .meetingbox_process:hover #videosnap #showplayoncourse {
        opacity: 0;
        cursor: default;
    }

    .meetingbox_process #videosnap #showplayoncourse {
        opacity: 0;
    }

    .meetingbox_process:hover .icon_summary {
        cursor: default;
        background-image: url('../Images/notepad_icon_d.png');
        zoom: 1;
    }

    .meetingbox_process .icon_summary {
        cursor: default;
        background-image: url('../Images/notepad_icon_d.png');
        zoom: 1;
    }

    .meetingbox_process #posvideo {
        cursor: default;
    }


#MeetingNameDiv {
    position: fixed;
    z-index: 1000;
    right: auto;
    top: 0;
    height: 40px;
    color: #2465a8;
    text-align: center;
    padding: 0px;
    left: 230px;
    font-size: 1em;
    padding: 0px;
}


.sharelable {
    font-family: Arial;
    color: #ffffff
}

lable {
    font-family: Arial;
    color: #ffffff
}

.ddlMeetingsst {
}

.supporttext {
    font-size: 1.2em;
    text-decoration: none;
    color: #dbe946;
    display: inline-block;
    font-family: Arial
}

    .supporttext a:link {
        text-decoration: none;
    }

    .supporttext a:hover {
        color: #dbe946;
    }

.sendmailbut {
    margin-top: 10px;
    border: solid 4px#5b5e65;
    background-color: transparent;
    background-image: url('../images/general/mail.png');
    display: inline-block;
    background-position: center;
    background-size: 90%;
}

    .sendmailbut:hover {
        border: solid 4px #dbe946
    }

.seperatorlogin {
    width: 2px;
    background-color: #747472;
    display: inline-block;
}




/*login style*/

.linkbottomlogin {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
}

    .linkbottomlogin:hover {
    }

.alllinkbottomlogin {
    text-align: center;
    width: 20%;
    display: block;
    margin-left: 20%;
    height: 10%;
    padding: 1%;
    margin-top: 2%;
    -webkit-border-radius: 10x;
    -moz-border-radius: 10x;
    position: relative;
    border-radius: 10x;
}

    .alllinkbottomlogin ul {
        height: 50%;
        margin: 0;
        padding: 0;
        text-align: center;
        padding-top: 1%;
    }

    .alllinkbottomlogin li {
        height: 40px;
        ;
        list-style-type: none;
        text-align: center;
        display: block;
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }

    .alllinkbottomlogin a:link {
        height: 100%;
        font-size: 1.4em;
        display: table-cell;
        color: #5B5E65;
        text-align: center;
        margin: 0 auto;
        vertical-align: middle
    }

#lisupportlogin {
    text-align: left;
}


.linkbottomlogin a:link {
    color: #5B5E65;
    text-decoration: none;
    display: table-cell;
    vertical-align: middle;
}

.linkbottomlogin a:visited {
    color: #5B5E65;
    text-decoration: none;
}

.linkbottomlogin a:active {
    color: #5B5E65;
    text-decoration: none;
}

.linkbottomlogin a:hover {
    color: #2465a8;
    text-decoration: none;
}

.linkbottomlogin:hover a:link {
    color: #2465a8;
    text-decoration: none;
}

.linkbottomlogin:hover a:visited {
    color: #5B5E65;
    text-decoration: none;
}

.linkbottomlogin:hover a:active {
    color: #5B5E65;
    text-decoration: none;
}

.linkbottomlogin:hover a:hover {
    color: #5B5E65;
    text-decoration: none;
}

.linkbottomlogin:hover .buttsign {
    background-color: #2465a8;
    color: #5B5E65;
}

.buttsign {
    cursor: pointer;
    width: 90px;
    background-color: #5B5E65;
    color: #2465a8;
    font-size: 1.2em;
    font-weight: bold;
    border: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -moz-transition: all 0.5s;
    /* WebKit */
    -webkit-transition: all 0.1s;
    /* Opera */
    -o-transition: all 0.1s;
    /* Standard */
    transition: all 0.1s;
}


.messi-titlebox.anim.error {
    padding-right: 10px;
}

.btnbox .btn {
    cursor: pointer;
    width: 90px;
    background-color: #64676f;
    color: #2465a8;
    font-size: 1.1em;
    font-weight: bold;
    border: none;
    padding: 5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -moz-transition: all 0.5s;
    /* WebKit */
    -webkit-transition: all 0.1s;
    /* Opera */
    -o-transition: all 0.1s;
    /* Standard */
    transition: all 0.1s;
    background-image: none;
    text-shadow: none;
}

#loaddiv {
    background-color: #000000;
    background-image: url('../images/general/loader.gif');
    background-position: center;
    background-repeat: no-repeat;
}

#loaddiv {
    background-color: #000000;
    background-image: url('../images/control/boost1.gif');
    background-position: center;
    background-repeat: no-repeat;
    background-color: #196394
}

.openlist {
    visibility: collapse;
    height: 0px;
}

#coteretcourse h1 {
    font-size: 0.8em;
    color: #43454b;
    width: 90%;
    margin-top: 0px;
    margin-bottom: 2px;
    line-height: 2.2em;
}



.demobutshowmis {
    display: inline-block;
    width: 33%;
    float: right;
    height: 98%;
    border-left: solid 2px #b4b5b6
}

.signupmis a:link {
    color: #5b5e65;
    text-decoration: none;
}

.signupmis:hover a:link {
    color: #5b5e65;
}




#demopos {
    height: 100%;
    width: 100%;
    border: none;
}

    #demopos video {
        height: 100%;
        width: 100%;
    }





.onloginpage {
    margin: 0px;
    margin-top: -2px;
    padding: 0px;
    background-position: center;
}

    .onloginpage .buthome {
        width: 50px;
        height: 50px;
        margin-top: -3px;
        background-position: center;
        background-color: #ededec;
    }

    .onloginpage:hover .buthome {
        width: 50px;
        height: 50px;
        background-color: #2465a8;
    }

.roundedOne {
    display: inline-block
}

.addglobalclassbut {
    -moz-transition: all 0.2s;
    /* WebKit */
    -webkit-transition: all 0.2s;
    /* Opera */
    -o-transition: all 0.2s;
    /* Standard */
    transition: all 0.2s;
    height: 40px;
    text-align: left;
    color: #5b5e65;
    background-color: #d8d8d5;
    font-size: 1em;
    font-weight: bold;
    border: none;
    cursor: pointer;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 5px;
}

    .addglobalclassbut:hover {
        background-color: #2465a8;
    }

#serachdiv {
    cursor: pointer;
}

.closedemo {
    right: 10px;
    height: 30px;
    width: 30px;
    position: absolute;
    background-color: transparent;
}

    .closedemo:hover {
        background-color: #eef762
    }

#ContentPlaceHolder1_ucMeetings_Last_dlist_Meetings {
    margin: 0 auto;
}

#ContentPlaceHolder1_ucMeetings_dlist_Meetings_lbHour_16 {
    display: block;
}

#contactpage {
    background-color: #ededec;
}

.contactdivst {
    display: block;
    border: solid 2px red;
    height: 80%;
    margin: 0 auto;
    margin-left: 5%;
    width: 50%;
}

#containercontactpage {
    position: absolute;
    width: 99%;
    height: 99%;
    margin: 0px;
    padding: 0px;
}

#videoPageHeader {
    width: 100%;
    height: 50px;
    position: fixed;
}

#containersignup {
    width: 100%;
    background-color: #ededec;
}

#signupHeader {
    display: block;
    height: 100%;
    position: absolute;
    width: 90%;
    top: 0px;
    background-color: #2465a8;
    margin: 0;
    padding: 0;
    padding-top: 10px;
    vertical-align: top;
    padding-right: 5%;
    padding-left: 5%;
}

#signuppage {
    height: 100%;
    width: 75%;
    vertical-align: top;
    display: inline-block;
    margin: 0 auto;
    margin-top: 5%;
    margin-bottom: 1%;
}

.step1 {
    position: relative;
    font-size: 1.5em;
    width: 100px;
    padding: 4px;
    padding-bottom: 0;
    display: inline-block;
    color: #b1b3b6;
    background-color: #dcdcda;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-transition: all 0.5s;
    /* WebKit */
    -webkit-transition: all 0.5s;
    /* Opera */
    -o-transition: all 0.5s;
    /* Standard */ border: solid 1px #ededec;
    transition: all 0.5s;
    text-align: center;
}

.step2, .step3 {
    font-size: 1.5em;
    width: 100px;
    padding: 4px;
    padding-bottom: 0;
    display: inline-block;
    text-align: center;
    color: #b1b3b6;
    background-color: #dcdcda;
    border: none;
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    -moz-transition: all 0.5s;
    /* WebKit */
    -webkit-transition: all 0.5s;
    /* Opera */
    -o-transition: all 0.5s;
    /* Standard */
    transition: all 0.5s;
    margin-right: 4px;
}

#step3 {
    visibility: collapse
}

.lHeadersignup {
    font-size: 1.2em;
    font-weight: bold;
}

.stepcontent {
    display: inline-block;
    color: #5b5e65;
    font-size: 1em;
    padding: 2%;
    width: 70%;
    margin: 0 auto;
    display: table;
    vertical-align: middle;
}

.allsteps {
    padding-top: 10px;
    text-align: right;
    margin-right: 10%;
    padding-right: 10%;
}

    .allsteps li {
        list-style-type: none;
        display: inline-block;
        margin: 0px;
    }

.signuptable {
    width: 100%;
    margin: 0 auto;
    vertical-align: top;
}

.butt {
    cursor: pointer;
    width: 80px;
    background-color: #64676f;
    color: #2465a8;
    font-size: 1.1em;
    font-weight: bold;
    border: none;
    padding: 7px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -moz-transition: all 0.5s;
    /* WebKit */
    -webkit-transition: all 0.1s;
    /* Opera */
    -o-transition: all 0.1s;
    /* Standard */
    transition: all 0.1s;
    box-shadow: 1px 1px 2px #949595;
    margin-right: 10px;
}

.musttextid {
    display: block;
    width: 100%;
    padding-left: 10px;
    line-height: 1em;
    font-family: Arial;
    font-weight: normal;
}

.margtop5 {
    margin-top: 5px;
}

#divOtherDetails {
    width: 80%;
    margin: 0 auto;
    background-color: #2465a8;
    webkit-border-radius: 15px 0px 15px 15px;
    -moz-border-radius: 15px 0px 15px 15px;
    border-radius: 15px 0px 15px 15px;
    padding-bottom: 30px;
}

.sideface {
    background-color: #f1f1f1;
    box-shadow: 1px 1px 2px #949595;
    display: block;
    text-align: center;
    color: #427ad1;
    vertical-align: top;
    padding: 0px;
    webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: 350px;
    text-align: center;
    margin: 0 auto;
    margin-top: 15px;
    background-color: #5f78ab;
    margin: 0 auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 1px 1px 2px #949595;
    padding-left: 5px;
    padding-right: 5px;
    border-left: solid 1px #e8f097;
    border-top: solid 1px #e8f097;
    border-bottom: solid 1px #000000;
    border-right: solid 1px #000000;
}

    .sideface .titleface {
    }

.sideform {
    display: block;
    text-align: center;
    color: #64676f;
    padding: 4px;
    webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    width: 400px;
    font-size: 1em;
    margin: 0 auto;
    background-color: #f1f1f1;
    box-shadow: 1px 1px 2px #949595;
}

#contactifnotconferm {
    webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 0 auto;
    width: 60%;
    color: #5b5e65;
}




.middelsignup {
    color: #5b5e65;
    text-align: center;
    font-size: 18px;
    padding-bottom: 30px;
    padding-top: 30px;
    width: 100%;
    margin: 0 auto;
}

#sideformtitle {
    webkit-border-radius: 6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;
    padding: 4px;
}

    #sideformtitle .title {
        font-size: 1.2em;
    }

.topsignup {
    height: 100%;
    width: 80%;
    margin: 0 auto;
    background-color: #289bc1;
    webkit-border-radius: 15px 0px 15px 15px;
    -moz-border-radius: 15px 0px 15px 15px;
    border-radius: 15px 0px 15px 15px;
}



#lastStep {
    margin: 0 auto;
    text-align: center;
    width: 60%;
    font-size: 18px;
}

    #lastStep table {
        background-color: #2465a8;
        webkit-border-radius: 15px 0px 15px 15px;
        -moz-border-radius: 15px 0px 15px 15px;
        border-radius: 15px 0px 15px 15px;
        display: block;
    }



.bodystyle {
    background-color: #ededec;
}

.sideform td {
    border-bottom: solid 2px #ededec;
}

.activestep {
    font-size: 1.8em;
    width: 100px;
    padding: 4px;
    padding-bottom: 0;
    display: inline-block;
    color: #64676f;
    background-color: #2465a8;
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    border: solid 0px #ededec;
    position: relative;
    text-align: center;
}

    .activestep:before {
        bottom: -25px;
        visibility: collapse;
        content: "";
        position: absolute;
        right: 40%;
        border-width: 25px 15px 0px 15px;
        border-style: solid;
        border-color: #2465a8 transparent;
        display: block;
        width: 0;
        z-index: 1000;
    }

.wasactive {
    font-size: 1.5em;
    width: 100px;
    padding: 4px;
    padding-bottom: 0;
    display: inline-block;
    text-align: center;
    color: #64676f;
    background-color: #72d84a;
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    border: solid 0px #ededec;
    position: relative;
    background-image: url('../images/entrance/ok_step.png');
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 20px;
    margin-left: 3px;
}

#lblDetailsSave {
    vertical-align: bottom;
}

.hi {
    background-image: url('../images/entrance/hi.png');
    width: 50px;
    height: 50px;
    display: inline-block;
}

.laststepoff {
    visibility: hidden;
}

.lastStepon {
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    border-radius:: 10px 10px 0px 0px;
    border: solid 1px #ededec;
    margin: 0 auto;
    color: #5b5e65;
    display: block;
    text-align: center;
    padding-top: 30px;
    height: 80%;
}


.signupback {
    margin: 0px;
    padding: 0px;
    background-position: center;
    width: 40px;
    height: 40px;
    background-color: #2465a8;
}


.notesbookbas_right #meeting_name {
    width: 90%;
    margin: 0 auto;
    padding: 0;
    font-weight: normal;
    padding-bottom: 10px;
    padding-top: 10px;
}

.notesbookbas_right #teach {
    width: 90%;
    margin: 0 auto;
    padding: 0;
    padding-bottom: 20px;
    color: #fff;
}



.titleifrcomment {
    font-size: 0.8em;
    font-weight: bold;
    background-color: #e6e6e6;
    color: #5b5e65;
    text-align: right;
    padding: 12px;
    color: #2465a8;
    background-color: #f8f8f8;
    font-weight: bold;
}

.titleifrvideo {
    font-size: 0.8em;
    font-weight: bold;
    background-color: #e6e6e6;
    color: #5b5e65;
    text-align: right;
    padding: 12px;
}

#courselist #coursemeetingcepage #miscourselist {
    position: relative;
    display: block;
}

    #courselist #coursemeetingcepage #miscourselist div#teach {
        width: 100%;
        padding: 0;
        margin-right: 0;
    }

#ddlMeetings {
    border-bottom: solid 1px #ddd;
    padding: 0px;
}

    #ddlMeetings li.liMeeting_selected {
        background-color: #5c5f63;
        color: #ffffff;
    }

    #ddlMeetings li {
        list-style-type: none;
        color: #5b5e65;
        text-align: right;
        padding: 7px 9px;
        cursor: pointer;
        background-color: #ffffff;
        border: solid 1px #ddd;
        border-bottom: none;
        margin-top: -2px;
    }

        #ddlMeetings li:hover {
            background-color: #5c5f63;
            color: #fff;
        }

.notesbookbas_left #teach {
    margin-right: 0;
    margin-bottom: 10px;
}

.notesbookbas_left .subcoteret {
    padding: 3px;
    padding-bottom: 0px;
}


#ChangPwdDiv {
    position: absolute;
    right: 290px;
    top: 20%;
    background-color: #FFFFFF;
    padding: 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    margin-bottom: -30px;
    border-radius: 8px;
    box-shadow: 2px 2px 10px #888888;
    z-index: 8000;
    margin-right: 30px;
    height:;
    width: 280px;
    color: #5a5d64;
}



.footeruniversity ul li .active {
    background-color: #2465a8;
    color: #000;
}

.active {
    background-color: #5b5e65;
    color: #2465a8;
    webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.boletclass {
    width: 10px;
    height: 10px;
    vertical-align: middle;
    background-color: #2465a8;
    background-image: url('../images/size1_icon.png');
    display: inline-block;
}

.lablefacesign {
    color: #64676f;
    padding-bottom: 50px;
    padding-top: 50px;
    display: inline-block;
}


.lblsuccess {
    color: #64676f;
    font-weight: bold;
}

#div_load {
    background-color: #ededec;
    position: fixed;
    top: 0px;
    margin: 0;
    padding: 0;
    width: 100%;
    z-index: 2000;
}



#divbtnLogin {
    margin-top: -5px;
}

.buttst {
    background: #2465a8 !important;
    border: none;
    text-decoration: none;
    border-radius: 8px;
    box-shadow: none;
    color: #fff;
    padding: 10px;
    min-width: 60px;
}

    .buttst:hover {
        background: #2465a8 !important;
        border: none;
        text-decoration: none;
        border-radius: 8px;
        box-shadow: none;
        color: #fff;
        padding: 10px;
    }

.buttstsec {
    background: #289bc1 !important;
    border: none;
    text-decoration: none;
    border-radius: 8px;
    box-shadow: none;
    color: #fff;
    padding: 10px;
    min-width: 60px;
}

    .buttstsec:hover {
        background: #43B6DB !important;
        border: none;
        text-decoration: none;
        border-radius: 8px;
        box-shadow: none;
        color: #fff;
        padding: 10px;
    }


.forgotpasssubdiv {
    padding: 8px;
}




.checkst lable {
    margin-top: -10px;
}

#paslogosignup {
    visibility: collapse;
    float: left;
    vertical-align: middle;
    height: 100px;
    direction: ltr;
    margin-top: 90px;
    margin-bottom: -80px;
    text-align: left
}


#divtextleftclass {
    padding-top: 10%;
    visibility: collapse;
}

.txtfacebooklogin2 {
    visibility: visible;
    font-family: arial;
    padding-right: 10px;
    padding-top: 1%;
    font-weight: bold;
    padding-bottom: 5px;
    height: auto;
    position: static;
    text-align: center;
    width: 290px;
    float: right;
}



#courselist #coursemeetingcepage table {
    width: 100%;
}

#lblsupporttext {
    border: none;
    background-color: transparent;
    color: #5B5E65;
    font-size: 1em;
    letter-spacing: -0.01em;
    cursor: pointer;
}




.linkbottomlogin {
}


.signup .linkbottomlogin {
    padding: 5%;
}

#divlinktohow {
    display: inline-block;
    margin-top: 2%;
}

    #divlinktohow .linkbottomlogin {
        margin: 0;
        display: block;
        text-align: center;
        vertical-align: middle;
    }

#lisupportlogin .linkbottomlogin {
    width: 100%;
    padding: 0%;
    float: left;
    margin: 0;
    display: table;
    text-align: left;
    vertical-align: middle
}





#divlinktohow .linkbottomlogin:hover {
    background-color: #eef760;
    color: #5a5d64;
}

#lisupportlogin .linkbottomlogin:hover {
    background-color: #eef760;
    color: #5a5d64;
}

#divlinktohow:hover .linkbottomlogin a:link {
    color: #5a5d64;
}

#divlinktohow:hover .linkbottomlogin a:hover {
    color: #5a5d64;
}

#divlinktohow .linkbottomlogin:hover a:hover {
    color: #5a5d64;
}

#divlinktohow .linkbottomlogin:hover a:link {
    color: #5a5d64;
}

#divlinktohow .linkbottomlogin a:visited {
    color: #5a5d64;
}

#lisupportlogin .linkbottomlogin:hover a:hover {
    color: #5a5d64;
    webkit-border-radius: 12p;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

#lisupportlogin input {
    height: 100%;
    width: 100%;
    line-height: 2em;
}


#versiondiv {
    color: #fff;
    font-size: 0.8em;
    position: absolute;
    top: 0px;
    left: 450px;
    margin-top: 19px;
    z-index: 5000;
}

.facepicuse {
    background-size: 100%;
}





#approvelblsendmail {
    text-align: center;
    top: 60px;
    right: 20px;
    font-size: 1em;
    vertical-align: top;
}

#lisupportlogin .linkbottomlogin:hover {
    background-color: transparent
}





#divEditOCR {
    right: 40px;
    left: 0px;
    display: block;
    height: 20%;
    bottom: 0px;
    position: absolute;
    border: none;
    background-color: #616368;
    z-index: 98;
}



/*control*/
#processstate {
    margin-bottom: 10px;
    width: 90%;
    float: right;
    margin-top: 20px;
    display: inline-block;
    background-color: #f5f5f5;
    text-align: right;
    color: #595c64;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    margin-right: 5%;
}

#meetingsources {
    width: 90%;
    overflow-x: scroll;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    display: inline-block;
    background-color: white;
    margin-left: 5%;
}

#meetinginput {
    width: 90%;
    overflow-x: scroll;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    display: inline-block;
    background-color: white;
    margin-left: 5%;
}

#headecontrol {
    background-image: url('../images/logo_classboost_text.png');
    background-color: #dbe946;
    height: 30px;
    background-repeat: no-repeat;
    background-position: left;
}

#processstate input[type="checkbox"] {
    zoom: 1;
    margin-top: -0px;
    margin-bottom: -2px;
}

#processstate input:disabled {
    opacity: 0.5;
}

.control_classdeatails {
    background-color: #f3f3f3;
    text-align: right;
    color: #595c64;
    padding: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

#control_classdeatails {
    background-color: #f3f3f3;
    text-align: right;
    color: #595c64;
    padding: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    margin-right: 5%;
    margin-left: 5%;
    margin-top: 20px;
}

#processstate .GridViewHeader {
    font-size: 1em;
    text-align: center;
    background-color: #f5f5f5;
    border: none;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

#processstate .gridsrt tbody {
    width: 100%;
    direction: rtl;
    text-align: right;
    float: right;
}

#processstate .GridViewRow {
    color: #595c64;
    font-size: 1em;
    margin-top: -4px;
    background-color: #f5f5f5;
    border: none;
}

#processstate .GridViewAlternatingRow {
    color: #595c64;
    font-size: 1em;
    margin-top: -4px;
    background-color: #f5f5f5;
    border-left: none;
    border-right: none;
}

#processstate .GridViewHeader th {
    color: #595c64;
}

.controlbut {
    cursor: pointer;
    background-color: #64676f;
    color: #2465a8;
    font-size: 1em;
    font-weight: bold;
    border: none;
    padding: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-transition: all 0.5s;
    /* WebKit */
    -webkit-transition: all 0.1s;
    /* Opera */
    -o-transition: all 0.1s;
    /* Standard */
    transition: all 0.1s;
    box-shadow: 1px 1px 2px #949595;
    padding: 4px;
    margin-right: 10px;
    webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

    .controlbut:hover {
        background-color: #2465a8;
        color: #64676f
    }

#fillmovierecordes {
    float: right;
    margin-right: 5%;
    height: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
}

#editmeetingname {
    width: auto;
    top: 8px;
    color: #433636;
    position: absolute;
    top: 28px;
    width: 100%;
    font-size: 0.9em;
    z-index: 6005;
    text-align: right;
    right: 0px;
}

#publishmeetingbut {
    position: fixed;
    top: 0px;
    height: 38px;
    z-index: 100;
}


.btnPublishst {
    background-color: #ffffff;
    color: #15428b;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer;
    font-weight: bold;
    letter-spacing: -0.02em;
    border: none;
    margin: 4px;
    width: 96px;
    height: 30px;
    margin-left: 0px;
    background: #e8f1fc; /* Old browsers */
    background: -moz-linear-gradient(top, #e8f1fc 0%, #e9f1fc 48%, #d6e4f5 53%, #d7e5f6 96%, #e5eefa 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8f1fc), color-stop(48%,#e9f1fc), color-stop(53%,#d6e4f5), color-stop(96%,#d7e5f6), color-stop(100%,#e5eefa)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e8f1fc 0%,#e9f1fc 48%,#d6e4f5 53%,#d7e5f6 96%,#e5eefa 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e8f1fc 0%,#e9f1fc 48%,#d6e4f5 53%,#d7e5f6 96%,#e5eefa 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e8f1fc 0%,#e9f1fc 48%,#d6e4f5 53%,#d7e5f6 96%,#e5eefa 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e8f1fc 0%,#e9f1fc 48%,#d6e4f5 53%,#d7e5f6 96%,#e5eefa 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f1fc', endColorstr='#e5eefa',GradientType=0 ); /* IE6-9 */
    border: solid 1px #7894ba;
}

    .btnPublishst:hover {
        background: #fff8d1; /* Old browsers */
        background: -moz-linear-gradient(top, #fff8d1 0%, #ffe8a2 48%, #ffd96c 53%, #ffdd7b 96%, #ffdd7b 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff8d1), color-stop(48%,#ffe8a2), color-stop(53%,#ffd96c), color-stop(96%,#ffdd7b), color-stop(100%,#ffdd7b)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #fff8d1 0%,#ffe8a2 48%,#ffd96c 53%,#ffdd7b 96%,#ffdd7b 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #fff8d1 0%,#ffe8a2 48%,#ffd96c 53%,#ffdd7b 96%,#ffdd7b 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #fff8d1 0%,#ffe8a2 48%,#ffd96c 53%,#ffdd7b 96%,#ffdd7b 100%); /* IE10+ */
        background: linear-gradient(to bottom, #fff8d1 0%,#ffe8a2 48%,#ffd96c 53%,#ffdd7b 96%,#ffdd7b 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff8d1', endColorstr='#ffdd7b',GradientType=0 ); /* IE6-9 */
        border: solid 1px #ffbe6a;
    }

#divEditPrevMessage {
    z-index: 6000;
}

.meetingdatest {
    font-size: 1.3em;
}

.slideidst {
    background-color: #56575e;
    color: #ffffff;
    font-size: 1.3em;
    padding: 4px;
    padding-top: 0px;
}

.lblUNamecommentst {
    font-size: 0.8em;
    font-weight: normal;
    color: #b9b9b5;
}



/*general style*/
.rgba_grad {
    background-color: Gray;
}

/*BUTTON STYLE*/
a.btn_tip {
    position: absolute;
    margin: 0 0 40px 0; /*  <-- DEMO ONLY CODE for position */
    display: block;
    font-size: 1.4em;
    overflow: hidden;
    height: 250px;
    width: 200px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-background-clip: padding-box;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.2), 0 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.2), 0 1px 2px rgba(0,0,0,0.2);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.2), 0 1px 2px rgba(0,0,0,0.2);
    text-shadow: 0 1px 0 rgba(0,0,0,0.4);
    /*colori bottone*/
    background-color: #fff; /*  <-- button color */
    color: #fff;
}

.btn_tip span {
    display: block;
}

.btn_size {
    z-index: 1;
    position: absolute;
    width: 200px;
    height: 250px;
    top: 0px;
    right: 0;
    margin: 0;
    padding: 0 0 0 0;
    text-align: center;
    font-size: .625em;
    font-weight: bold;
    -webkit-perspective: 200;
    -webkit-perspective-origin: 50% 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border-width: 0px;
    border-style: solid;
    /*color inside*/
    background-color: #fff;
    border-color: #a3a7ab;
    color: #fff;
    margin-top: 100px;
}

.btn_flip {
    opacity: 0;
    width: 150px;
    height: 180px;
    border: none;
    cursor: pointer;
    position: relative;
    top: 0;
    margin-top: -206px;
    -webkit-transform-origin: top;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: -webkit-transform .5s ease;
    -webkit-transform: translateY(0) rotateX(0);
}

.flip_inside, .border_flip {
    position: absolute;
}

.border_flip {
    width: 100px;
    height: 0px;
    top: 0;
    left: 0;
    -webkit-transform-origin: top;
    -webkit-transform: rotateX(-90deg);
    -webkit-transition: background-color .5s ease-out;
}

.flip_inside {
    width: 100%;
    height: 100%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: Gray;
    -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.4);
    -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.4);
    box-shadow: inset 0 1px 0 rgba(0,0,0,0.4);
    /*color inside flip*/
    background-color: #2465a8;
}

.flip_front {
    display: block;
    width: 100%;
    height: 100%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: background-color .6s linear;
    /*color inside flip*/
    background-color: #ededec;
}

    /*font icon*/
    .flip_front:before {
        font-family: 'fontello';
        display: block;
        content: '\e0c4';
        font-size: 2em;
        line-height: 2em;
        color: #fff;
        text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
    }

.flipping {
    -webkit-transform: rotatey(-180deg) translateZ(3px);
}

.btn_tip:hover .btn_flip {
    -webkit-transform: translateY(0) rotateX(-40deg);
}

.btn_tip:hover .border_flip {
    background-color: #538d21;
}

.btn_tip:hover .btn_tip {
    z-index: 10;
}

.btn_tip:hover .contentheadset {
    z-index: 100;
    opacity: 0.9;
    margin-top: 0;
}

/*fix for radius when opened*/
.btn_download:hover .flip_inside {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

#tipscontainer {
    background-color: #ededec;
    padding-top: 100px;
    width: 100%;
    position: absolute;
}

.tipspos {
    margin: 1px;
    vertical-align: top;
    position: relative;
    display: inline-block;
    width: 200px;
    height: 250px;
}

#alltipspos {
    top: 180px;
    display: block;
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

#posallsub {
    text-align: right;
    display: inline-block;
}

.headseticon {
    background-image: url('../images/tooltip/headset.png');
    height: 170px;
    margin-bottom: 10px;
    width: 100px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.zoomtip {
    background-image: url('../images/tooltip/zoomicontip.png');
    margin-bottom: 10px;
    height: 170px;
    width: 100px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.tomuchsigns {
    background-image: url('../images/tooltip/tomuchsigns.png');
    margin-bottom: 10px;
    height: 170px;
    width: 100px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.editimgtip {
    background-image: url('../images/tooltip/editimg.png');
    margin-bottom: 10px;
    height: 170px;
    width: 100px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.shortcuttip {
    background-image: url('../images/tooltip/shortcuttip.png');
    margin-bottom: 10px;
    height: 170px;
    width: 100px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
}

.preview_screentip {
    background-image: url('../images/tooltip/preview_screentip.png');
    margin-bottom: 10px;
    height: 170px;
    width: 100px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.preview_savelastpolint {
    background-image: url('../images/tooltip/save_lastpoint.png');
    margin-bottom: 10px;
    height: 170px;
    width: 100px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.change_view {
    background-image: url('../images/tooltip/change_view.png');
    margin-bottom: 10px;
    height: 170px;
    width: 100px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.share_notes {
    background-image: url('../images/tooltip/share_notes.png');
    margin-bottom: 10px;
    height: 170px;
    width: 100px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90%;
}

.visited_class {
    background-image: url('../images/tooltip/watched_tooltip.png');
    margin-bottom: 10px;
    height: 170px;
    width: 100px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90%;
}






.iphonezoomtip {
    background-image: url('../images/tooltip/zoomtip_iphone.png');
    margin-bottom: 10px;
    height: 170px;
    width: 100px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.preview_screentip_iphone {
    background-image: url('../images/tooltip/preview_screentip_iphone.png');
    margin-bottom: 10px;
    height: 170px;
    width: 100px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}


.howtoaddshortcut_1 {
    border: solid 1px #8d8c8c;
    padding: 10px;
    background-image: url('../images/tooltip/howtoaddshortcut_1.png');
    margin-bottom: 10px;
    height: 300px;
    width: 200px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.howtoaddshortcut_2 {
    border: solid 1px #8d8c8c;
    padding: 10px;
    background-image: url('../images/tooltip/howtoaddshortcut_2.png');
    margin-bottom: 10px;
    height: 300px;
    width: 200px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.howtoaddshortcut_3 {
    border: solid 1px #8d8c8c;
    padding: 10px;
    background-image: url('../images/tooltip/howtoaddshortcut_3.png');
    margin-bottom: 10px;
    height: 300px;
    width: 200px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.howtoaddshortcut_4 {
    border: solid 1px #8d8c8c;
    padding: 10px;
    background-image: url('../images/tooltip/howtoaddshortcut_4.png');
    margin-bottom: 10px;
    height: 300px;
    width: 200px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}


.contentheadset {
    margin-top: 0;
    z-index: 100;
    width: 140px;
    color: #2465a8;
    font-size: 0.7em;
    padding: 5px;
    padding-top: 20px;
    padding-bottom: 20px;
    position: absolute;
    opacity: 1;
    top: 0px;
    -moz-transition: all 0.6s;
    /* WebKit */
    -webkit-transition: all 0.6s;
    /* Opera */
    -o-transition: all 0.6s;
    /* Standard */
    transition: all 0.6s;
    text-shadow: 0 1px 0 rgba(0,0,0,0.4);
    text-align: right;
}

.titletips {
    font-size: 2.6em;
    line-height: 180px;
    background-color: #2465a8;
    text-align: center;
    display: inline-block;
    color: #5a5757;
    -webkit-border-radius: 4px 15px 4px 4px;
    -moz-border-radius: 4px 15px 4px 4px;
    border-radius: 4px 15px 4px 4px;
}

@-webkit-keyframes moveInside {
    from {
        opacity: 0;
        -webkit-transform: translateY(0) rotateX(-40deg);
        margin-right: -100px;
    }

    to {
        opacity: 1;
        margin-right: 0px;
    }
}

@-moz-keyframes moveInside {
    from {
        opacity: 0;
        -webkit-transform: translateY(0) rotateX(-40deg);
        margin-right: -100px;
    }

    to {
        opacity: 1;
        margin-right: 0px;
    }
}

@keyframes moveInside {
    from {
        opacity: 0;
        -webkit-transform: translateY(0) rotateX(-40deg);
        margin-right: -100px;
    }

    to {
        opacity: 1;
        margin-right: 0px;
    }
}

.howtoadd {
    font-size: 0.8em;
    text-decoration: underline;
    cursor: pointer;
}

.howtoaddlink {
    display: block;
    width: 260px;
    padding-right: 20px;
    height: 400px;
    overflow: hidden;
    font-size: 0.8em;
    z-index: 1;
    position: absolute;
    left: 120px;
    top: 80px;
    box-shadow: 2px 2px 14px #302f2f;
    background-color: #ebebeb;
    padding: 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 2px 2px 10px #888888;
    margin-bottom: 20px;
}

.howtoscroll {
    height: 370px;
    overflow: scroll;
    display: block;
}

.texthowto {
    display: block;
    margin-bottom: 10px;
    padding-left: 5%;
    padding-right: 5%;
    font-size: 0.9em;
    width: 90%;
    font-weight: bold;
}

#closewinhowtoaddlink {
    top: 0px;
    height: 20px;
}


.mejs-controls ._selected {
    outline: none;
    cursor: pointer;
    background: url('../images/video/fastselected_1.png') no-repeat center;
    background-size: 75% 90%;
    height: 50px;
    border: none;
    color: #ffffff;
    width: 100%;
}

.mejs-controls .butfast {
    outline: none;
    cursor: pointer;
    background: url('../images/video/fastnotselected_1.png') no-repeat center;
    background-size: 90% 90%;
    height: 50px;
    border: none;
    color: #ffffff;
    width: 100%;
}



.perimgDIV {
    position: absolute;
    height: auto;
    width: 25px;
}

.perimg {
    height: 28px;
    width: 20px;
}

#comentbuble .textcomment {
    margin-right: 26px;
}

#fastplaytip {
    background-color: #fae817;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    color: #000000;
    font-size: 1.2em;
    padding-left: 5px;
    line-height: 30px;
    height: 30px;
    width: 50px;
    margin: 0 auto;
    margin-top: 60px;
}

@-webkit-keyframes moveFromLeft {
    from {
        opacity: 0;
        margin-left: -100px;
    }

    to {
        opacity: 1;
        margin-right: 0px;
    }
}

@-moz-keyframes moveFromLeft {
    from {
        opacity: 0;
        margin-left: -100px;
    }

    to {
        opacity: 1;
        margin-right: 0px;
    }
}

@keyframes moveFromLeft {
    from {
        opacity: 0;
        margin-left: -100px;
    }

    to {
        opacity: 1;
        margin-right: 0px;
    }
}



.headerpagesignup {
    height: 140px;
}


#divNumOfMtng {
    display: inline-block;
    float: left;
    font-size: 0.8em;
    height: 20px;
    z-index: 6000;
    padding-left: 4px;
    margin-top: -16px;
}



@-webkit-keyframes moveFromTop {
    from {
        opacity: 0;
        margin-top: -100px;
    }

    to {
        opacity: 1;
        margin-top: 0px;
    }
}

@-moz-keyframes moveFromTop {
    from {
        opacity: 0;
        margin-top: -100px;
    }

    to {
        opacity: 1;
        margin-top: 0px;
    }
}

@keyframes moveFromTop {
    from {
        opacity: 0;
        margin-top: -100px;
    }

    to {
        opacity: 1;
        margin-top: 0px;
    }
}

#divEditMess {
    color: #66AD32;
    width: auto;
    text-align: center;
}

#div_SavedInEditMode {
    color: #66AD32;
    width: auto;
    text-align: center;
}

#changesSaved {
    color: #66AD32;
    background-color: #ddd;
    width: auto;
    display: table-cell;
    top: 25%;
    right: 25%;
    z-index: 1000;
    position: absolute;
}

#div_EditERR {
    color: #66AD32;
    background-color: #ddd;
    width: auto;
    display: table-cell;
    top: 25%;
    right: 25%;
    z-index: 1000;
    position: absolute;
}


.largefont {
    font-size: 2.5em;
    -webkit-font-smoothing: antialiased;
    display: block;
    font-weight: normal
}


#div_EditSucc {
    background-color: #ddd;
    position: fixed;
    top: 0;
    padding-top: 25%;
}




#dearchdiincourse {
    display: inline-block;
    padding-right: 20px;
    font-size: 0.8em;
    color: #484848;
    text-align: right;
    border-radius: 15px;
    padding: 8px 10px;
    border-radius: 8px;
    float: left;
}

#watchsearchresultbut {
    float: left;
    position: fixed;
    top: 00px;
    left: 100px;
    z-index: 1000;
    visibility: collapse;
}

#theprogress {
    background-color: #5C5F64;
    text-align: center;
    color: #ffffff;
    opacity: 1;
    font-size: 0.6em;
    width: 100%;
    padding: 16px 8px;
    z-index: 1;
    left: 0;
    position: fixed;
    top: 55px;
    opacity: 0.7;
}

.topspacer {
    display: none;
}


.mejs-controls .mejs-time-rail .mejs-time-total {
    width: 100%;
    left: 0;
    right: 0;
}

#btnPlayPause {
    margin-left: -5%;
}

#btnPlayFast {
    margin-left: -5%;
}







#divCreateOCR {
    position: absolute;
    top: 0;
    left: 95px;
    z-index: 1000;
}




#linkmor .whereami {
    opacity: 0
}

#linkmor .active .whereami {
    opacity: 1
}



.howcoteret .coteret {
    display: inline-block;
    width: 80%;
    margin-right: 5%;
    margin-top: -10px;
}

.linkfortheother {
    position: fixed;
    top: 0%;
    left: 0;
    width: 250px;
    height: 40px;
    text-align: left;
    font-size: 1.2em;
}

    .linkfortheother a:link {
        background-color: transparent;
        width: 100%;
        text-align: left
    }

.checkintitle {
    background: #6e7b87;
    color: white;
    font-family: arial;
    font-size: 1em;
}

.rightdefshow {
    right: 0;
}

.rightdefhide {
    right: -150%
}


.closemenubuttolbl {
    border: none;
    background-color: transparent;
    padding: 0px;
    text-decoration: none;
    font-size: 1em;
    font-family: arial;
    text-align: right;
    padding-right: 5px;
    padding-left: 5px;
    cursor: pointer;
}

    .closemenubuttolbl:hover {
        color: #fff
    }


.menumarg li {
    display: inline-block;
    width: 50%;
    float: right;
}

h1.signuptitilepage {
    background-color: #dcd9d9;
    -webkit-margin-before: 0.em;
    -webkit-margin-after: 0.em;
    margin: 0;
    padding-right: 20px;
    font-size: 1.5em;
    line-height: 2.1em;
    font-weight: normal;
}



.assignroom {
    padding-right: 10px;
    background-color: #f5f5f5;
    padding-top: 5px;
    border: solid 3px #d5d9dd;
    padding-bottom: 5px;
    margin: 0 auto;
    display: block;
    color: #5b5e64;
    margin-top: 5px;
}

    .assignroom div {
        display: inline-block;
    }

.assigncourse {
    padding-bottom: 15px;
    border: solid 3px #d5d9dd;
    margin: 0 auto;
    display: block;
    color: #5b5e64;
    margin-top: 5px;
}

    .assigncourse .deftext {
        margin-right: 20px;
    }

.assigncoursetitle {
    background-color: #f5f5f5;
    line-height: 2em;
    padding-right: 10px;
}

#hidesignin {
    visibility: collapse;
    height: 0;
    width: 0px;
}

.contactst {
    position: relative;
    min-height: 300px;
    margin: 0 auto;
}


#txtContentBody {
    direction: rtl;
}


.mishidesignin {
    visibility: collapse;
    height: 0;
}


.notmemberbut {
    display: inline-block;
    margin-bottom: 30px;
}

.topheadersignup {
    background-color: #f5fcae;
    padding: 5px;
    height: 45px;
}

.topheadersignuptxt {
    display: inline-block;
    line-height: 45px;
    padding-right: 5px;
}

.topheadersignup {
    visibility: collapse;
    height: 0;
    padding: 0
}

._4z_b {
    background-color: red
}




h2.subh2 {
    font-weight: normal;
    font-size: 2em;
    color: #53575f
}

.loginph21 {
    visibility: collapse;
    width: 20%;
    padding: 2%;
    padding-bottom: 2%;
    float: right;
    padding-top: 2%;
    text-align: center;
    direction: rtl;
    margin-top: 10%;
    color: #64676f;
    vertical-align: bottom;
}

.misalllinkbottomlogin {
    display: inline-block;
    width: 22%;
    background-color: transparent;
    vertical-align: top;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    height: 400px;
    border-radius: 15px;
    margin-left: 3%;
    margin-top: -5%;
}

.whatinanut {
    display: inline-block;
    width: 22%;
    position: absolute;
    right: 0;
    background-color: transparent;
    vertical-align: top;
    -webkit-border-radius: 15px;
    height: 400px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-right: 3%;
    height: 200px;
    padding-top: 5%;
    font-size: 1.2em;
    color: #5a5d64;
    height: 400px;
}

    .whatinanut div {
        padding: 10%;
        padding-top: 0%;
        direction: rtl;
        text-align: right;
    }


#divsupportlogin {
    visibility: collapse;
    display: block;
    position: absolute;
    bottom: 0;
    font-size: 0px;
    color: #ffffff;
}




.topheadersignupin {
    background-color: #ebebeb;
    border-bottom: solid 1px #b6b5b5;
    visibility: visible;
    height: auto;
}

    .topheadersignupin .closebut {
        height: 30px;
        width: 30px;
        margin-top: 5px;
        margin-right: 3px;
    }

.topheadersignuptxtin {
    line-height: 40px;
    padding-right: 5px;
    color: #5a5d64
}

#containersignup {
    position: absolute;
}

.allsteps {
    background-color: #ededec
}

.signupstep1 {
    width: 300px;
    margin-right: 0;
    height: auto;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
    padding-top: 5px;
    padding-bottom: 5px;
    border: solid 1px #5a5d64;
    margin-top: 20px;
    padding: 30px 20px
}

.signupstep1txt {
    visibility: visible;
    font-size: 1em;
    font-family: Microsoft Sans Serif;
    font-weight: bold;
    padding-right: 0%;
    text-align: center;
    padding-bottom: 5px;
    height: auto;
    padding: 20px;
}




.butreg {
    padding: 3px;
    margin-top: 2px;
    font-size: 1em;
    width: 80px;
    color: #fff;
    border-radius: 8px;
    font-weight: bold;
    cursor: pointer;
    background-color: #fc9e07;
    padding: 2px 10px;
    box-shadow: none;
    float: left;
    border: none;
    padding: 8px;
}

butreg:hover {
}

.cbpos {
    padding-top: 10px;
    padding-bottom: 15px;
}





.sideface {
    margin-right: 0;
    height: auto;
    margin: 0 auto;
    background-color: #ebebeb;
    border-radius: 8px;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
    padding-top: 5px;
    padding-bottom: 5px;
    border: solid 1px #5a5d64;
    padding: 1%
}


#txtUserID {
    width: 100%;
}

.mejs-videosContainer {
    top: 50px;
}

#btnLoad_Filters {
    visibility: collapse;
}

#btnLoad_transcript {
    visibility: collapse;
}

#btnDelRemark {
    visibility: collapse;
}

#hdnDivEdit {
    visibility: collapse;
}

.mejs-container .mejs-videoicons {
    top: 0px;
    padding-top: 40px !important;
}

.mejs-container .mejs-remarkbButtons {
    bottom: 60px !important;
    ;
}

#unsubscribediv {
    -webkit-box-shadow: 1px 2px 4px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow: 1px 2px 4px 0px rgba(50, 50, 50, 0.4);
    box-shadow: 1px 2px 4px 0px rgba(50, 50, 50, 0.4);
    border-left: solid 1px #747983;
    border-top: solid 1px #747983;
    border-bottom: solid 1px #747983;
    border-right: solid 1px #747983;
    margin: 20%;
    margin-top: 0;
    padding: 5%;
    background-color: #faf8f8;
    text-align: center
}

#btnGoToWebSite {
    background: #2465a8; /* Old browsers */
    background: -moz-linear-gradient(top, #2465a8 1%, #f1fc7b 96%, #2465a8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#2465a8), color-stop(96%,#f1fc7b), color-stop(100%,#2465a8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2465a8 1%,#f1fc7b 96%,#2465a8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2465a8 1%,#f1fc7b 96%,#2465a8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2465a8 1%,#f1fc7b 96%,#2465a8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #2465a8 1%,#f1fc7b 96%,#2465a8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2465a8', endColorstr='#2465a8',GradientType=0 ); /* IE6-9 */
    box-shadow: none;
    background-color: #ebebeb;
    border-radius: 8px;
    vertical-align: top;
    display: block;
    -webkit-box-shadow: 1px 2px 4px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow: 1px 2px 4px 0px rgba(50, 50, 50, 0.4);
    box-shadow: 1px 2px 4px 0px rgba(50, 50, 50, 0.4);
    border-left: solid 1px #747983;
    border-top: solid 1px #747983;
    border-bottom: solid 1px #747983;
    border-right: solid 1px #747983;
    width: auto;
    color: #5a5d64;
    margin: 0 auto;
    margin-top: 20px;
}


#lblHeader {
    background: url('../images/package/package.png') no-repeat bottom;
    height: 140px;
    width: 200px;
    font-size: 2em;
    color: gray
}


.headercontent {
    background-color: #2465a8;
    background-size: auto 45%;
    line-height: 80px;
    background-repeat: no-repeat;
    background-position: top;
    text-align: center;
    font-size: 0em;
    color: #64676f;
    background-size: 100%;
    position: absolute;
    width: 70px;
    margin-right: 0px;
    height: 70px;
    webkit-border-radius: 0px 10px 10px 0px;
    background-image: url('../images/package/content.png');
    -moz-border-radius: 0px 10px 10px 0px;
    border-radius: 0px 10px 10px 0px;
    margin-top: -10px;
}




.titlecontent {
    background-color: #599bc8;
    font-size: 1.2em;
    line-height: 2.2em;
    margin-bottom: -4px;
    color: #5a5d64;
    width: auto;
    color: White;
}

.searchpackage {
    background-color: #2465a8;
    -webkit-box-shadow: 1px 2px 4px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow: 1px 2px 4px 0px rgba(50, 50, 50, 0.4);
    box-shadow: 1px 2px 4px 0px rgba(50, 50, 50, 0.4);
    padding: 4px;
    background-image: url('../images/general/search_d.png');
    height: 35px;
    width: 35px;
    webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-size: 90%;
    border: solid 1px gray;
}










#uc_mheader_btnHome.btnHomepackagebut {
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #e3ec51;
    position: absolute;
    top: 1px;
    right: 256px;
    width: 40px;
    height: 48px;
    display: inline-block;
    background-size: auto 60%;
    background-image: url('../images/entrance/home.png');
    background-position: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 0;
    padding: 0;
    border: none;
    visibility: collapse;
}

    #uc_mheader_btnHome.btnHomepackagebut:hover {
        background-color: #f5fa68;
    }




.coursebox {
    margin: 0 auto;
    position: relative;
}


.exportpackage {
    background-color: #2465a8;
    -webkit-box-shadow: 1px 2px 4px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow: 1px 2px 4px 0px rgba(50, 50, 50, 0.4);
    box-shadow: 1px 2px 4px 0px rgba(50, 50, 50, 0.4);
    padding: 4px;
    background-image: url('../images/package/exportpackage.png');
    height: 35px;
    width: 45px;
    webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    background-size: auto 90%;
    background-position: center;
    background-repeat: no-repeat;
    border: solid 1px gray;
}

    .exportpackage:hover {
        background-color: #F1F87B;
    }






.Facultytittle {
    border-right: solid 1px #e9e4e4;
    position: relative;
    display: block;
    font-weight: bold;
    padding: 10px;
    padding-right: 20px;
    padding-left: 20px;
    border-left: solid 1px #e9e4e4;
}



    .Facultytittle h2 {
        margin-right: 10px;
        margin: 0;
        /* background-color: #ffffff; */
        color: #2465a8;
        font-size: 1.1em;
        font-weight: bold;
    }

.trInstitute {
    display: block;
    font-weight: bold;
    color: #ffffff;
    position: relative;
    background-color: #289bc1;
    border-bottom: none;
    border-radius: 0px;
    padding: 10px;
    padding-top: 14px;
    padding-right: 20px;
    padding-left: 20px;
    margin-top:60px;
}

.Semestertittle {
    background-color: #fff;
    padding: 10px;
    padding-right: 20px;
    padding-left: 20px;
    border-right: solid 1px #ddd;
    border-left: solid 1px #ddd;
}

    .Semestertittle h2 {
        color: #2465a8;
        margin: 0px;
        font-size: 1.1em;
        font-weight: bold;
    }

.updatedcourses {
    border-top: none;
    margin-bottom: 30px;
}

.btnRefreshCourseList {
    background-image: url(../images/package/refresh.png);
    background-color: White;
    opacity: 1;
    cursor: pointer;
    height: 25px;
    width: 25px;
    background-size: 90%;
    margin-top: 5px;
    float: left;
    border: none;
    -webkit-border-radius: 4px;
    margin-left: 5px;
    background-repeat: no-repeat;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .btnRefreshCourseList:hover {
        opacity: 1
    }




#summarydiv .meetingShare {
    background-image: url('../Images/notepad_icon_d.png');
    background-size: 100%;
    cursor: pointer;
    height: 30px;
    width: 34px;
    position: absolute;
    margin-top: 5px;
    z-index: 0;
    margin-right: -5px;
}

.sharenotpad {
    position: absolute;
    float: left;
    width: 100%;
    font-size: 0.9em;
}

#ddlMemberList {
    float: right;
    font-size: 1.1em
}

.sharecheck {
    float: left;
    display: inline-block;
}

.numofcourses {
    position: absolute;
    float: left;
    top: 15px;
    left: 10px;
    font-size: 1em;
    background-color: #818a91;
    color: White;
    border-radius: 8px;
    padding-right: 8px;
    padding-left: 8px;
}

.divsharenotebook {
    display: inline-block;
    float: left;
    font-size: 0.8em;
    padding-right: 5px;
    padding-top: 7px;
    position: relative;
}

.icon_shaerednote {
    visibility: collapse;
    background-image: url('../Images/notebook/icon_shae_note.png');
    height: 30px;
    width: 120px;
    float: left;
    background-repeat: no-repeat;
    background-size: 80%;
}

.bodystylesignup {
    background-color: #ededec;
}

.title_lesson {
    font-size: 1.4em;
    color: #5a5d64;
    color: Gray;
    padding-right: 2%;
    visibility: collapse;
    margin: 0 auto;
    line-height: 2em;
    background-color: #e3e5e7;
    height: 0px;
}

.flash_video {
    width: 100%;
    height: 100%
}


.titlelessonspage {
    background-color: #e0e0e0;
    line-height: 2.4em;
    width: 98%;
    padding: 1%;
    text-align: right;
}

#ContentPlaceHolder1_ucSummary_UpdatePanel2 #div2 {
}



#ucSummary_UpdatePanel2 {
    margin-left: 2.5%;
    margin-right: 2.5%;
    background-color: #ecebeb
}



#maintipsonpage {
}


#tipsonpage1 {
    position: fixed;
    top: 100px;
    left: 60px;
    background-color: white;
    z-index: 2001;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    moz-transition: all 0.5s;
    /* WebKit */
    -webkit-transition: all 0.5s;
    /* Opera */
    -o-transition: all 0.5s;
    /* Standard */
    transition: all 0.5s;
    -webkit-box-shadow: 1px 2px 4px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow: 1px 2px 4px 0px rgba(50, 50, 50, 0.4);
    box-shadow: 1px 2px 4px 0px rgba(50, 50, 50, 0.4);
    direction: rtl
}

    #tipsonpage1:before {
        content: "";
        position: absolute;
        top: 20px;
        left: -15px;
        display: block;
        width: 0;
        height: 0;
        border-right: 15px solid white;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
    }

.tips_view_content {
    margin: 5%;
    line-height: 1.2em;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #d0df3f;
    padding: 10%;
}



#tipsonpage2 {
    position: fixed;
    top: 100px;
    left: 30%;
    background-color: white;
    z-index: 2001;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    moz-transition: all 0.5s;
    /* WebKit */
    -webkit-transition: all 0.5s;
    /* Opera */
    -o-transition: all 0.5s;
    /* Standard */
    transition: all 0.5s;
    -webkit-box-shadow: 1px 2px 4px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow: 1px 2px 4px 0px rgba(50, 50, 50, 0.4);
    box-shadow: 1px 2px 4px 0px rgba(50, 50, 50, 0.4);
    direction: rtl
}

    #tipsonpage2:before {
        content: "";
        position: absolute;
        bottom: -15px;
        left: 45%;
        display: block;
        width: 0;
        height: 0;
        border-left: 20px solid white;
        border-right: 30px solid transparent;
        border-bottom: 15px solid transparent;
    }


#tipsonpage3 {
    position: fixed;
    top: 100px;
    right: 60px;
    background-color: white;
    z-index: 2001;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    moz-transition: all 0.5s;
    /* WebKit */
    -webkit-transition: all 0.5s;
    /* Opera */
    -o-transition: all 0.5s;
    /* Standard */
    transition: all 0.5s;
    -webkit-box-shadow: 1px 2px 4px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow: 1px 2px 4px 0px rgba(50, 50, 50, 0.4);
    box-shadow: 1px 2px 4px 0px rgba(50, 50, 50, 0.4);
    direction: rtl;
    width: 200px;
}

    #tipsonpage3:before {
        content: "";
        position: absolute;
        top: 20px;
        right: -15px;
        display: block;
        width: 0;
        height: 0;
        border-left: 15px solid white;
        border-right: 0px solid transparent;
        border-bottom: 20px solid transparent;
    }

.closeForNow {
    font-size: 0.8em;
    margin-top: 6px;
    background-color: #5b5e65;
    color: #ffffff;
    cursor: pointer;
    width: auto;
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 4px;
    padding-right: 10px;
    padding-left: 10px;
}

.goon {
    font-size: 0.8em;
    margin-top: 6px;
    background-color: #5b5e65;
    color: #ffffff;
    cursor: pointer;
    width: auto;
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 4px;
    padding-right: 10px;
    padding-left: 10px;
}


#tipsonpage0 {
    position: fixed;
    top: 20%;
    left: 45%;
    background-color: white;
    z-index: 2001;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    moz-transition: all 0.5s;
    /* WebKit */
    -webkit-transition: all 0.5s;
    /* Opera */
    -o-transition: all 0.5s;
    /* Standard */
    transition: all 0.5s;
    -webkit-box-shadow: 1px 2px 4px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow: 1px 2px 4px 0px rgba(50, 50, 50, 0.4);
    box-shadow: 1px 2px 4px 0px rgba(50, 50, 50, 0.4);
    direction: rtl
}




#tipsonpage4 {
    position: fixed;
    bottom: 5px;
    right: 60px;
    background-color: white;
    z-index: 2001;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    moz-transition: all 0.5s;
    /* WebKit */
    -webkit-transition: all 0.5s;
    /* Opera */
    -o-transition: all 0.5s;
    /* Standard */
    transition: all 0.5s;
    -webkit-box-shadow: 1px 2px 4px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow: 1px 2px 4px 0px rgba(50, 50, 50, 0.4);
    box-shadow: 1px 2px 4px 0px rgba(50, 50, 50, 0.4);
    direction: rtl;
    width: 200px;
}

    #tipsonpage4:before {
        content: "";
        position: absolute;
        bottom: 30px;
        right: -30px;
        display: block;
        width: 0;
        height: 0;
        border-left: 15px solid white;
        border-right: 15px solid transparent;
        border-bottom: 15px solid transparent;
    }

#tipsonpage5 {
    position: fixed;
    bottom: 20px;
    right: 60px;
    background-color: white;
    z-index: 2001;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    moz-transition: all 0.5s;
    /* WebKit */
    -webkit-transition: all 0.5s;
    /* Opera */
    -o-transition: all 0.5s;
    /* Standard */
    transition: all 0.5s;
    -webkit-box-shadow: 1px 2px 4px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow: 1px 2px 4px 0px rgba(50, 50, 50, 0.4);
    box-shadow: 1px 2px 4px 0px rgba(50, 50, 50, 0.4);
    direction: rtl
}

    #tipsonpage5:before {
        content: "";
        position: absolute;
        bottom: 50px;
        right: -30px;
        display: block;
        width: 0;
        height: 0;
        border-left: 15px solid white;
        border-right: 15px solid transparent;
        border-bottom: 15px solid transparent;
    }

.showtips {
    position: absolute;
    visibility: collapse;
    top: 50px;
    left: 0px;
    font-size: 0.8em;
    margin-top: 6px;
    background-color: #5b5e65;
    color: #ffffff;
    cursor: pointer;
    width: auto;
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 4px;
    padding-right: 10px;
    padding-left: 10px;
    z-index: 2000;
}


#nopermition {
    background-image: url('../Images/no_permition.jpg');
    height: 250px;
    width: 100%;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center
}



#meetingDetails {
}

#mismeetingDetails {
    margin: 0 auto;
    margin-top: 70px;
    background-color: #ededec;
    width: 90%;
}

.titleTeacherMeetings {
    margin-bottom: 15px;
    height: 40px;
    background-size: auto 100%;
    width: 40px;
    display: inline-block
}

#ContentPlaceHolder1_divMeetingDetails {
    z-index: 2;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background: url('../Images/general/opacity_40.png');
}

.mydetaismeeting {
    margin: 0 auto;
    margin-top: 15%;
    width: 40%;
    background-color: white;
    z-index: 2001;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    moz-transition: all 0.5s;
    /* WebKit */
    -webkit-transition: all 0.5s;
    /* Opera */
    -o-transition: all 0.5s;
    /* Standard */
    transition: all 0.5s;
    -webkit-box-shadow: 1px 2px 4px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow: 1px 2px 4px 0px rgba(50, 50, 50, 0.4);
    box-shadow: 1px 2px 4px 0px rgba(50, 50, 50, 0.4);
    padding: 1%;
}

.hidebut {
    opacity: 0;
}

#mismeetingDetails .listitemclass {
    padding-right: 2%;
    margin-bottom: 10px;
    width: 38%;
    min-height: 70px;
    top: 0;
    vertical-align: top;
    padding-top: 15px;
    padding-bottom: 15px;
}

/* #mismeetingDetails  .listitemclass:hover 
 {
     background-color:#ddd; 

    }
  */
.mismeetingDetailstitle {
    display: inline-block;
    padding: 2px;
    margin-right: 0;
    font-size: 0.8em;
    font-weight: bold;
    color: #5b5e65;
    position: relative;
    height: 25px;
    padding-right: 0.5%;
    padding-top: 8px;
    width: 100%;
    font-size: 1.2em;
}

#mismeetingDetails #meeting_name {
    width: auto;
}

.mydetaismeeting .lblclassname {
    display: block;
    font-weight: bold;
    padding: 5%;
}

#mismeetingDetails #meeting_name {
    padding: 2px;
}

.startrec {
    background: url('../Images/package/recored.png');
    height: 60px;
    width: 60px;
    background-repeat: no-repeat;
    webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: #2465a8;
    border: none;
    background-position: center;
    cursor: pointer;
}

.recnow {
    height: 60px;
    width: 60px;
    background-repeat: no-repeat;
    webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: none;
    cursor: auto;
    background: url('../Images/package/recored.gif');
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.5;
    background-color: #2465a8;
}

.stoprec {
    background: url('../Images/control/stoprec.gif');
    height: 60px;
    width: 60px;
    background-repeat: no-repeat;
    webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: #2465a8;
    border: none;
    background-position: center;
    cursor: pointer;
}

.startstop {
    margin: 0 auto;
    background-color: #5A5A5A;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-border-radius: 15px;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 1);
    -moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 1);
    box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 1);
    border: solid 4px #fff;
}

.misstartstop {
    position: relative;
    margin: 0 auto;
    width: 150px;
    float: left;
    margin-top: -100px;
    z-index: 6000;
}

.loadingstat {
    text-align: center;
    font-weight: bold;
    top: 0;
    z-index: 2;
}

    .loadingstat input {
        font-size: 2em;
        line-height: 2.5em;
        display: inline-block;
        border: none;
        text-align: center;
        font-weight: bold;
        background-color: transparent;
    }

.aspNetDisabled {
    background-color: #fff;
    cursor: auto
}

#ContentPlaceHolder1_recordingprogress {
    margin-top: -10px;
    z-index: 1;
    background-color: #5a5d64;
    -webkit-border-radius: 0px 0px 15px 15px;
    text-align: center;
    color: #ffffff;
    opacity: 0.5;
    font-size: 1.2em;
    width: 100%;
    line-height: 3em;
    z-index: 1000;
    left: 0;
    top: 0px;
}

.mydetaismeeting .closebut {
    float: none
}



#userdef {
    position: absolute;
    top: 5px;
    padding-right: 2px;
    right: 200px;
}

    #userdef a:hover {
        color: #000;
        text-decoration: underline;
    }

    #userdef a:link {
        color: #000;
        font-size: 0.8em;
        text-decoration: none;
    }

    #userdef:hover {
        ;
        text-decoration: underline;
    }




/*

.searchpackage_inbut{background-color: #2465a8;
 -webkit-box-shadow: 1px 2px 4px 0px rgba(50, 50, 50, 0.4); 
-moz-box-shadow: 1px 2px 4px 0px rgba(50, 50, 50, 0.4);
 box-shadow: 1px 2px 4px 0px rgba(50, 50, 50, 0.4); 
padding: 2px 10px 2px 10px;
 font-weight:bold; color:#50535a; cursor:pointer;
webkit-border-radius:6px;
-moz-border-radius: 6px;
border-radius:6px; background-size:90%; line-height:30px;   border:none;
 background-image: url('../images/pIc.png'); font-size:0; background-repeat:no-repeat; width:40px; height:40px;
 margin-bottom:-8px; margin-right:8px;
 
 }
.searchpackage_inbut:hover{background-color:#f5fa68;}
*/

.rec_det_lbl {
    background-color: #ebebea;
    font-weight: bold;
    width: 80px;
    padding: 10px;
    line-height: 1.2em;
    display: inline-block;
    color: #54554b;
    font-size: 0.8em;
}

.rec_det_val {
    margin-left: 2px;
    padding: 4px;
    display: inline-block;
    line-height: 1.2em;
    color: #54554b;
    font-size: 1.1em;
}

.mis_det {
    background-color: #f3f5d9;
    border-bottom: solid 4px white;
}

#facebut {
    position: fixed;
    top: 60px;
    display: block;
    width: 230px;
    margin-right: 0;
    height: auto;
    margin: 0 auto;
    background-color: #ebebeb;
    border-radius: 8px;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
    padding-top: 5px;
    padding-bottom: 5px;
    border: solid 0px #5a5d64;
    margin-right: 2%;
    background-color: #d9dee4;
    margin-top: 10px;
    right: 0px;
}

#ContentPlaceHolder1_facebut {
    position: fixed;
    top: 60px;
    display: block;
    width: 230px;
    margin-right: 0;
    height: auto;
    margin: 0 auto;
    background-color: #ebebeb;
    border-radius: 8px;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
    padding-top: 5px;
    padding-bottom: 5px;
    border: solid 0px #5a5d64;
    margin-right: 2%;
    background-color: #d9dee4;
    margin-top: 10px;
    right: 0px;
}

#divMailSign {
    right: 290px;
    text-align: right;
    padding-top: 30px;
    background-color: #f3f972;
    font-weight: bold;
    padding-right: 30px;
    color: #64676f;
    z-index: 1000;
    position: absolute;
    left: 0px;
    font-size: 1.2em;
}

.swftitle {
    font-size: 1em;
    color: #877f7f;
    padding-right: 20px;
}

.lesson {
    width: 96%;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    background-color: #a7a6a6;
}

.titlelessonheader {
    font-size: 1.5em;
    background-color: #2465a8;
    color: #5a5d64;
    padding: 0px;
    visibility: collapse;
    height: 0;
}

    .titlelessonheader span {
        padding-right: 40px;
    }

#lbkFBRemark {
    width: 100%;
    DISPLAY: block;
}

.flashdivs {
    padding: 1%;
    background-color: White;
    display: block;
    height: 100%;
    margin: 0 auto;
    webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: solid 4px #ccc
}



#lessonsheader {
    background-image: url('../Images/logo_classboost_text.png');
    height: 40px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: left;
    background-color: #dbe946;
}


#Lessons_menu {
    border: none;
    border: 0px;
    margin: 0px;
    padding: 0px;
    font-family: sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-size: 1em;
    width: 20%;
}

#Lessons_nav {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    text-align: left;
    width: 90%;
    margin-right: 10%;
}

    #Lessons_nav li {
        display: block;
        position: relative;
        background: #ffffff;
        box-shadow: 1px 1px 2px #949595;
        margin-bottom: 2px;
        width: 100%;
    }

        #Lessons_nav li a {
            display: inline-block;
            width: 98%;
            line-height: 35px;
            padding: 0;
            text-decoration: none;
            color: #494444;
            cursor: pointer;
            text-align: right;
            padding: 1%;
            padding-right: 2%;
            letter-spacing: -0.02em;
        }

        #Lessons_nav li li {
            display: block;
            color: #006633;
            background-color: #ffffff;
        }

            #Lessons_nav li li:hover {
                background-color: #f1f78e
            }

            #Lessons_nav li li a {
                display: block;
                font-size: 12px;
            }

        #Lessons_nav li.active a {
            background-color: Red;
        }

        #Lessons_nav li ul {
            margin-left: 10px;
        }

        #Lessons_nav li:hover {
            background: #e3ec51;
        }


    /*--- Sublist Styles ---*/
    #Lessons_nav ul {
        padding: 0px;
        left: 0;
        display: none;
    }

    /*--- Hide Sub Sublists ---*/
    #Lessons_nav li:hover ul ul {
        display: none;
    }

    /*--- Sublevel UL's display and position on hover ---*/
    #Lessons_nav li:hover ul {
    }

    #Lessons_nav li li:hover ul {
        margin-top: -35px;
    }

    #Lessons_nav .active {
        background-color: #e0e7e9;
    }

.lessonbody {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #ffffff;
    background-color: #ededec;
}

#ContentPlaceHolder1_ucPackage_gvPackage, #ContentPlaceHolder1_ucContent_gvContent {
    background-color: #ffffff;
    -webkit-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.4);
    box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.4);
    border-radius: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: solid 0px #9f9f9f;
    padding: 1%;
    color: gray;
    font-size: 0.8em;
    text-align: center;
    margin-bottom: 10px;
}

.padright {
    padding: 5px 0px 5px 2px;
    font-size: 1em;
    width: 67px;
    color: #62656B;
}





.exportexcel {
    vertical-align: top;
    line-height: 30px;
    border-left: solid 1px #fff;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #5a5d64;
    border-right: solid 1px #5a5d64;
    font-size: 0.8em;
    color: #5a5d64;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-weight: bold;
    margin-bottom: 2em;
    background: #F9F7F7;
    box-shadow: none;
    cursor: pointer;
    padding: 2px 10px 2px 10px;
    padding-right: 34px;
    direction: ltr;
    background-image: url('../Images/control/excel_min.png');
    background-position: right;
    background-repeat: no-repeat;
}

    .exportexcel:hover {
        background: #2465a8;
        background-image: url('../Images/control/excel_min.png');
        background-position: right;
        background-repeat: no-repeat;
    }

.lblsum {
    background-color: #fbf9f9;
    line-height: 30px;
    display: block;
    -webkit-box-shadow: 0px 1px 3px 1px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: 0px 1px 3px 1px rgba(50, 50, 50, 0.3);
    box-shadow: 0px 1px 3px 1px rgba(50, 50, 50, 0.3);
    color: #62656B;
    font-size: 1em;
    height: 40px;
    text-align: center;
}

.lblres {
    background-color: #edf2a6;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    -webkit-box-shadow: 0px 1px 3px 1px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: 0px 1px 3px 1px rgba(50, 50, 50, 0.3);
    box-shadow: 0px 1px 3px 1px rgba(50, 50, 50, 0.3);
    color: #62656B;
    font-size: 1em;
    height: 100%;
    padding-right: 10px;
    padding-left: 10px;
    display: inline-block;
    height: 40px;
    vertical-align: bottom;
    padding-top: 70px;
}

.res_st {
    border: 1px solid #d7d8d8;
    border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 0 0 4px #d7d8d8;
    background-color: #ffffff;
    margin-bottom: 30px;
}





.ChartDiv {
    background-color: #E2EAEC;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 0px;
    padding-left: 0px;
    direction: ltr;
    -moz-transition: all 0.5s;
    /* WebKit */
    -webkit-transition: all 0.5s;
    /* Opera */
    -o-transition: all 0.5s;
    /* Standard */
    transition: all 0.5s;
}

.dxgvPagerTopPanel, .dxgvPagerBottomPanel {
    background-color: White;
}

.dxpControl {
    background-color: White;
}

.zc-top {
    direction: ltr;
}

.headergrid {
    border-left: solid 1px #edf2a6;
    color: #5b5e65;
    white-space: pre-wrap
}

.dxgvEditFormDisplayRow td.dxgv, .dxgvDataRow td.dxgv, .dxgvDataRowAlt td.dxgv, .dxgvSelectedRow td.dxgv, .dxgvFocusedRow td.dxgv {
    text-align: right;
    color: #5B5E65;
    font-size: 1em;
}

.dxgvControl, .dxgvDisabled {
    border: none;
}

.dxgvHeader {
    text-align: center;
    background-color: #EDF2A6;
    background-color: #FAFAFA;
    text-align: center;
    margin-top: 10px;
}

.dxgvControl {
    font-size: 1em;
}

.dxgvControl {
    font-family: Arial;
}

.report_res {
    display: inline-block;
    position: fixed;
    top: 90px;
    bottom: 0px;
    right: 350px;
    left: 0px;
    overflow-y: auto;
    float: left;
    padding: 0;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 15px;
    margin: 1%;
}


.report_res_other {
    display: inline-block;
    position: absolute;
    position: fixed;
    top: 100px;
    bottom: 0px;
    right: 350px;
    left: 0px;
    overflow-y: scroll;
    float: left;
    padding: 0;
    border: 1px solid #d7d8d8;
    border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 0 0 4px #d7d8d8;
    -moz-box-shadow: 0 0 4px #d7d8d8;
    background-color: White;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 15px;
    margin: 1%;
    -moz-transition: all 0.5s;
    /* WebKit */
    -webkit-transition: all 0.5s;
    /* Opera */
    -o-transition: all 0.5s;
    /* Standard */
    transition: all 0.5s;
}

.report_res.collapse {
    position: fixed;
    top: 100px;
    bottom: 0px;
    right: 50px;
    left: 0px;
}

.report_res_other.collapse {
    position: fixed;
    top: 100px;
    bottom: 0px;
    right: 50px;
    left: 0px;
    -moz-transition: all 0.5s;
    /* WebKit */
    -webkit-transition: all 0.5s;
    /* Opera */
    -o-transition: all 0.5s;
    /* Standard */
    transition: all 0.5s;
}

.dxgvFooter {
    background-color: White;
    font-weight: bold;
}

.dxgvHeader td {
    color: #5B5E65;
    font-size: 0.9em;
    font-weight: bold;
}

.report_set {
    display: inline-block;
    float: right;
    width: 320px;
    position: fixed;
    bottom: 0px;
    top: 90px;
    z-index: 100;
    -moz-transition: all 0.5s;
    /* WebKit */
    -webkit-transition: all 0.5s;
    /* Opera */
    -o-transition: all 0.5s;
    /* Standard */
    transition: all 0.5s;
}

.indivExpandColl {
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    bottom: 0px;
    top: 0px;
    width: 100%;
}

.report_set.collapse {
    right: -320px;
    -moz-transition: all 0.5s;
    /* WebKit */
    -webkit-transition: all 0.5s;
    /* Opera */
    -o-transition: all 0.5s;
    /* Standard */
    transition: all 0.5s;
}

#divExpandColl {
    background-color: #F8F7F7;
    border: solid 1px #ddd;
    border-radius: 0px;
    float: left;
    width: 23px;
    background-position: top;
    background-repeat: no-repeat;
    position: absolute;
    left: -24px;
    height: 100%;
    cursor: pointer;
}

    #divExpandColl:before {
        content: "\f105";
        position: absolute;
        top: 10px;
        right: 6px;
        width: 25px;
        height: 25px;
        font: normal normal normal 14px/1 FontAwesome;
        opacity: 0.7;
        font-size: 25px;
    }

    #divExpandColl:hover {
        background-color: #e7e6d9
    }

    #divExpandColl.expand {
        background-color: #ddd;
        border-radius: 0px;
        float: left;
        width: 23px;
    }

        #divExpandColl.expand:before {
            content: "\f104";
            position: absolute;
            top: 10px;
            right: 8px;
            width: 25px;
            height: 25px;
            font: normal normal normal 14px/1 FontAwesome;
            opacity: 0.7;
            font-size: 25px;
        }

        #divExpandColl.expand:hover {
            background-color: #e7e6d9
        }

.sumall {
    display: inline-block;
    float: right;
    width: 15%;
    vertical-align: top;
    margin-bottom: 20px;
    background-color: White;
}

.res_st {
    display: inline-block;
    float: left;
    width: 80%;
    vertical-align: top;
}



.ddreport {
    width: 100%;
}

keygen, select, select[size="0"], select[size="1"] {
    color: #5b5e65;
    font-size: 0.9em;
}


.subreport {
    font-family: Arial;
    font-size: 1em;
    background-color: #ccc;
    padding: 2%;
    width: 95%;
    background-color: rgb(221, 217, 217);
    line-height: 25px;
    background-color: #F3F3F3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #ccc;
}

.subreport_title {
    padding-right: 20px;
    line-height: 20px;
    color: #5B5E65;
    padding-bottom: 8px;
}

.dxgvDetailCell {
    padding: 0;
}

.subreport table {
    font-size: 1em;
    font-family: Arial;
    color: #5B5E65
}

.dxGridView_gvDetailExpandedButton, .dxGridView_gvDetailExpandedButtonRtl {
    zoom: 1.5;
    border: solid 4px #EDF2A6;
    margin-right: -5px;
}

.dxGridView_gvDetailCollapsedButton, .dxGridView_gvDetailCollapsedButtonRtl {
    zoom: 1.5;
}


.gridviewrow {
    background-color: Red;
}

.dxeButtonEdit {
    width: 160px;
}



.posmore {
    margin-top: -15px;
    margin-right: 15px;
}


.reg_st_but {
    background-size: 100%;
    line-height: 1.8em;
    background-color: transparent;
    border: solid 1px rgb(198, 194, 194);
    cursor: pointer;
    opacity: 0.9;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    font-weight: bold;
    border-radius: 2px;
    vertical-align: top;
    margin-top: 3px;
    box-shadow: 1px 1px 2px #949595;
    border-radius: 4px;
    background-color: White;
    color: #6f7b89;
    padding: 2px 10px;
    margin-top: 4px;
    margin-top: 10px;
    margin-right: 5px;
}

    .reg_st_but:hover {
        background-color: #e3ec51;
        color: #5b5e65;
    }


#clipTimer {
    display: none;
}

#editmeetingname {
    visibility: collapse;
}

.setclippos {
    position: relative;
    vertical-align: top;
    display: block;
}




#summarynotebookvis #summaryadiv {
    width: 95%;
    margin: 0 auto;
    margin-top: -40px;
    background-color: #e3ec8f;
    padding-top: 40px;
    border-radius: 0px;
    padding: 10px;
    padding-top: 40px;
}

#mce_68 {
    direction: ltr;
}

#notesname {
    color: #5b5e65;
    font-size: 1em;
    font-weight: bold;
    vertical-align: middle;
    padding-right: 70px;
    padding-left: 230px;
    top: 0px;
    right: 0px;
    left: 0px;
    z-index: 1000;
    font-family: Segoe UI;
}

#ContentPlaceHolder1_ucSummary_UpdatePanel2 {
    background-color: transparent;
}

#ContentPlaceHolder1_ucSummary_up1 {
    border: solid 1px #ccc;
    background-color: #f0f0f0;
}

#ContentPlaceHolder1_ucSummary_ifrm_Try {
    min-height: 40px;
    height: 40px;
}

#ucSummary_UpdatePanel2 {
    height: 35px;
}


#allsum {
}

.cbsharenote {
    background-color: #f6f6f4;
    background-image: -moz-linear-gradient(top,#f6f6f4,#f6f6f4);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#f6f6f4),to(#f6f6f4));
    background-image: -webkit-linear-gradient(top,#f6f6f4,#f6f6f4);
    background-image: -o-linear-gradient(top,#f6f6f4,#f6f6f4);
    background-image: linear-gradient(to bottom,#f6f6f4,#f6f6f4);
    border: solid 1px #DEDEDE;
}



#ucSummary_ifrm_Try {
    background-color: #e3ec8f;
}

#courselist #coursemeetingcepage #miscourselist div#teach {
    padding-bottom: 10px;
}

.timest {
    color: rgb(91, 94, 101);
}

/*#uc_mheader_ifrcomment
{background-color: #fbfbfa;
position: fixed;
top: 56px;
left: 0px;
box-shadow: 2px 2px 10px #888888;
margin-top: 0px;
z-index: 100;

z-index: 1000; bottom:0px;}*/

#updatedcomment table {
    direction: rtl;
}





.change_langmis {
    top: -4px;
    position: absolute;
    left: 70px;
    margin-top: 43px;
}

    .change_langmis .bars {
        height: 0px;
    }

.activ_eng {
    border-bottom: none;
    background-color: transparent
}

.activ_heb {
    font-weight: bold;
    font-size: 1em;
    background-color: #3284D4;
    padding: 4px;
    display: inline-block
}


#dvContact div {
    padding-top: 10px;
}




.contactpos {
    width: 90%;
    max-width: 450px;
}


.orstyle {
    font-size: 1.2em;
    text-align: center;
    color: #64676f;
    margin-top: 30px;
    margin-bottom: 15px;
}



.mejs-viewclass_ShowComments {
    right: 25%;
}





.footeruniversity ul li {
    float: left;
}

#linkmor {
    float: left;
    margin-left: 5%;
}

.mark div {
    margin-left: 10%;
}

.watch div {
    margin-left: 10%;
}

.shake div {
    margin-left: 10%;
}

.sum div {
    margin-left: 10%;
}

.markimg {
    background-size: auto 80%;
    background-position: bottom;
    width: 70%;
    right: auto;
    left: 0
}

.howcoteret .coteret {
    text-align: center;
    padding-left: 0%;
    display: table;
    height: 100%;
    width: 100%;
    line-height: 100%;
    vertical-align: middle;
    margin-top: 0px;
}

.coteret span {
    display: table-cell;
    height: 100%;
    line-height: 100%;
    vertical-align: middle;
    width: 100%;
    text-align: left;
}


.sum ul {
    left: auto;
    right: 0;
}

.footeruniversity ul li {
    width: 120PX;
}


.watchimg {
    background-size: AUTO 65%;
    width: 60%;
    background-position: center;
    right: auto;
    left: 0;
}

.shakeimg {
    width: 70%;
    background-position: center;
    background-size: AUTO 70%;
    background-repeat: no-repeat;
    right: auto;
    left: 0;
}

.linkfortheother a:link {
    background-color: transparent;
    width: auto;
    text-align: left;
    background-color: gray;
    position: absolute;
    top: 0px;
    bottom: auto;
    height: 60px;
    left: 0px;
    margin-left: 0px;
}

.linkfortheother {
    position: fixed;
    bottom: 0%;
    left: 0;
    width: 100%;
    top: auto;
    height: 100%;
    text-align: left;
    font-size: 1.2em;
    background-color: #E4E4E4
}

.container1 {
    height: 80%;
    margin-top: 6%;
    width: 100%;
    padding: 0;
    border-radius: 0px;
    max-width: 1000px;
}

.linkfortheother {
    height: 8%;
    visibility: collapse;
}


    .linkfortheother a:link {
        background-color: transparent;
    }

    .linkfortheother a:hover {
        text-decoration: underline;
        background-color: transparent;
    }



.footeruniversity ul li a {
    font-size: 1.2em;
}

.thedevice ul {
    right: 5%;
    left: auto;
    overflow-y: auto;
    bottom: 60px;
    height: auto;
}

.thedeviceimg {
    right: auto;
    left: 0;
}

.control ul {
    right: 5%;
    left: auto;
}

.controlimg {
    right: auto;
    left: 0;
}

.shake div {
    margin-top: 0%;
}

.watch div {
    margin-top: 0%;
}

.sum div {
    margin-top: 0%;
}

.mark div {
    margin-top: 0%;
}

.thedevice div {
    margin-top: 0%;
}

.internet div {
    margin-top: 0%;
}

.control div {
    margin-top: 0%;
}

.internet div {
    margin-top: 0%;
}

.internet ul {
    right: 5%;
    left: auto;
}

.internetimg {
    right: auto;
    left: 0;
    width: 60%;
    background-size: AUTO 60%;
}

.linkfortheother a.linkhowother {
    font-size: 1em;
    max-width: 1000px;
    position: static;
    margin: 0 auto;
    float: none;
    display: inline-block;
}

.coteret span {
    text-align: right;
}

.footeruniversity ul li {
    float: right;
}

#linkmor {
    float: right;
    margin-right: 5%;
}





/*signup*/

#classboostyoucan {
    display: inline-block;
    float: left;
    margin: 0 auto;
    text-align: center;
    background-color: #dededb;
    width: 20%;
}

#signuppage #logoiconposlogin {
    margin-right: 0;
    height: 100px;
    background-size: auto 100%;
    right: 0px;
}

#classboostyoucan div {
    display: block;
    border: solid 2px #e3e3e2;
    color: #5b5e65;
}

    #classboostyoucan div.headercando {
        display: block;
        background-color: #dededb;
        font-weight: bold;
        margin: 0 auto;
        text-align: center;
        height: auto;
        line-height: 40px;
    }

    #classboostyoucan div.textst {
        display: block;
        vertical-align: top;
        height: 30px;
        padding: 10%;
        padding-top: 1%;
        padding-bottom: 0;
        color: #178EB5;
        font-weight: bold;
        text-align: right;
        font-size: 0.8em;
        width: 80%;
        border: none;
    }



#classboostyoucan div {
    border: none;
    text-align: left;
    vertical-align: top;
}

    #classboostyoucan div.headercando {
        background: #fff;
        color: #178EB5;
        text-align: right;
        width: 90%;
        font-size: 18px;
    }

    #classboostyoucan div.textst {
        text-align: right;
        height: auto;
        vertical-align: top;
    }

.topheadersignupin {
    background-color: White;
}





ul a:link.buthomehow {
    background-image: url('../images/video/back.png');
    background-repeat: no-repeat;
    background-color: #104679;
    background-position: 10px;
    background-size: 100%;
}

.sumimg {
    width: 70%;
    background-size: AUTO 70%;
    background-position: center;
}


.topheadersignupin .closebut {
    background-size: 50%;
    height: 30px;
    width: 30px;
    margin: 5px;
}

#classboostyoucan {
    display: block;
    width: 100%;
}

    #classboostyoucan div {
        display: inline-block;
        width: 30%
    }

#signuppage {
    width: 100%;
}


.topsignup {
    width: 60%;
    border-radius: 20px 0px 20px 20px;
}

#divOtherDetails {
    width: 60%;
    border-radius: 20px 0px 20px 20px;
}


#classboostyoucan {
    display: block;
    width: 60%;
    margin: 0 auto;
    float: none;
    background: transparent;
    visibility: collapse;
    height: 0px;
}


#MeetingNameDiv {
    bottom: 0;
    top: auto;
    left: 5%;
    text-align: left;
    height: 30px;
    font-size: 1em;
}




.listitemclass .linkst {
    visibility: collapse;
    height: 0;
}



#ContentPlaceHolder1_lblSearch {
    max-width: 100px;
    overflow: hidden;
    display: block;
    font-weight: bold;
    color: #5B5E94;
    margin: 0;
    padding: 0;
    margin-bottom: -10px;
    visibility: collapse;
    height: 0px;
}


#divNotebook {
    bottom: 0px;
    right: 40px;
    height: auto;
    z-index: 3;
}

#ifrmNotebook {
    position: absolute;
    top: 0px;
    bottom: 0px;
}

#divAddPost:before {
    content: "";
    height: 2000%;
    width: 100%;
    background-image: url('../images/general/opacity_40.png');
    position: absolute;
    top: -1000%;
    left: 0;
}



#divAddPost {
    height: 90px;
    width: 100%;
    position: fixed;
    bottom: 0px;
    text-align: center;
    z-index: 100;
    bottom: 0px;
    left: 0;
    right: 0px;
    border-radius: 10px;
    overflow: visible !important;
    border: none;
}

.poshtmlPostRemark {
    position: absolute;
    width: 100%;
    background-color: #fff;
    height: 100%;
    top: 10px;
    padding-top: 8px;
}



.commentdiv_small #divAddPost:before {
    content: height: 0;
    width: 0;
    background-image: none;
    position: absolute;
    top: 0;
    left: 0;
}

.icon_summary {
    cursor: pointer;
}

.meetingbox_process:hover .icon_summary {
    cursor: pointer;
}

.divalerttext {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
    background-color: #ffffff;
    width: auto;
    display: inline-block;
    padding: 30px;
    font-size: 1.2em;
    color: #5B5858;
}

.errorpage {
    background-color: #ededec;
}

.causelbl {
    color: rgb(247, 99, 20)
}






/*report*/
.downloadvideo_presentation {
    background-image: url('../images/control/download_presentation.png');
    width: 55px;
    height: 55px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 6px;
    border: solid 2px #cccccc;
    background-color: White;
    cursor: pointer;
}

.downloadvideo_board {
    background-image: url('../images/control/download_video.png');
    width: 55px;
    height: 55px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 6px;
    border: solid 2px #cccccc;
    background-color: White;
    cursor: pointer;
}

.downloadvideo_presentation:hover {
    background-color: #e3ec51;
    border: solid 2px #979797
}

.downloadvideo_board:hover {
    background-color: #e3ec51;
    border: solid 2px #979797
}

.diverrormodal {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
    background-color: #FFDB9F;
    width: auto;
    display: inline-block;
    padding: 20px 30px;
    font-size: 1.2em;
    color: #5B5858;
    position: absolute;
    top: 60px;
}

.closeerrormes {
    display: inline-block;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: solid 2px #cccccc;
    border-radius: 4px;
    background-image: url('../images/remarkcoment_cancel.png');
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: White;
    vertical-align: middle;
    cursor: pointer;
}

    .closeerrormes:hover {
        background-color: #e3ec51;
        border: solid 2px #979797
    }






.divRejectDetails, .divEditPermissions {
    display: block;
    position: fixed;
    height: 100%;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}


    .divEditPermissions .posdiv_middle {
        display: block;
        height: 420px;
        margin-top: 10%;
        background-color: white;
        width: 500px;
        margin: 0 auto;
        margin-top: 10%;
        -webkit-box-shadow: 0px 4px 5px 0px rgba(50, 50, 50, 0.75);
        -moz-box-shadow: 0px 4px 5px 0px rgba(50, 50, 50, 0.75);
        box-shadow: 0px 4px 5px 0px rgba(50, 50, 50, 0.75);
        border: solid 2px #5b5e65;
        position: relative;
    }


    .divRejectDetails .posdiv_middle {
        display: block;
        height: 250px;
        margin-top: 10%;
        background-color: white;
        width: 500px;
        margin: 0 auto;
        margin-top: 10%;
        -webkit-box-shadow: 0px 4px 5px 0px rgba(50, 50, 50, 0.75);
        -moz-box-shadow: 0px 4px 5px 0px rgba(50, 50, 50, 0.75);
        box-shadow: 0px 4px 5px 0px rgba(50, 50, 50, 0.75);
        border: solid 2px #5b5e65;
        position: relative;
    }



.permition_title {
    background-color: #ededed;
    color: Gray;
    font-weight: bold;
    font-size: 0.9em;
    height: 35px;
    text-align: right;
    padding-right: 40px;
}

.permition_sub_title {
    background-color: #ededed;
    color: Gray;
    width: 220px;
    font-weight: bold;
    font-size: 0.9em;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.permitionlist {
    height: 260px;
}

.closewin {
    position: absolute;
    right: -3px;
    top: -8px;
}

.hetz_left {
    background-image: url('../images/general/hetz_left.png');
    font-size: 0;
    height: 30px;
    width: 30px;
}

.hetz_right {
    background-image: url('../images/general/hetz_right.png');
    font-size: 0;
    height: 30px;
    width: 30px;
}

.textreason {
    font-size: 1em;
}

.posbutsave {
    position: absolute;
    bottom: 4px;
    right: 0px;
}



.yourmessage {
    background-image: url('../images/package/messages.png');
    width: 71px;
    height: 71px;
    float: right;
    margin-left: 5px;
}

.yourmessage_list {
    float: right;
}

.all_meaages_div {
    display: block;
    width: 85%;
    margin: 0 auto;
    margin-top: 4%;
}




.margtop0 {
    margin-top: 0px;
    padding: 0px 10px;
    line-height: 1.4em;
    margin-top: 6px;
}

.closewin .reg_st_but {
    height: 25px;
    width: 25px;
    padding: 1px;
}

.PermissionsEditSelect .RejectPackage {
    background-color: #ffc1a0;
    background-image: url('../images/package/cancelpackage.png');
    border-color: #ce4d08;
}

td.RejectPackage {
    background-image: none;
}

.RejectPackageSelectRow td {
    background-color: rgb(246, 221, 210)
}

.PermissionsEditSelectRow td {
    background-color: rgb(246, 221, 210)
}


.divNotebook {
    border: solid 0px white;
    height: 25px;
    width: 25px;
    float: left;
    background-image: none;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.8;
    position: relative;
}

    .divNotebook:before {
        content: "\f0f6";
        position: absolute;
        color: gray;
        border: solid 0px red;
        font-size: 15px !important;
        line-height: 40px;
        /* height: 40px; */
        /* width: 40px; */
        left: 8px;
        top: 8px;
        font: normal normal normal 14px/1 FontAwesome;
    }

/*.courseitem:hover .divNotebook:before {
    color: White;
}*/


.divShareNotebook:before {
    content: "\f1e0";
    position: absolute;
    color: gray;
    border: solid 0px red;
    font-size: 15px !important;
    line-height: 40px;
    /* height: 40px; */
    /* width: 40px; */
    left: 8px;
    right: 8px;
    font: normal normal normal 14px/1 FontAwesome;
    top: 6px;
}

/*.courseitem:hover .divShareNotebook:before {
    color: White;
}*/


.divShareNotebook {
    border: solid 0px white;
    height: 25px;
    width: 25px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.8;
    background-image: none;
    position: relative;
}

.watched_icon {
    width: 18px;
    height: 18px;
    float: left;
    border: none;
    Opacity: 0.4;
}


.divWatched {
    float: left;
    left: 0;
    width: 25px;
    background-position: center;
    height: 25px;
    bottom: 0;
    background-repeat: no-repeat;
    background-image: none;
    z-index: 100;
    border: solid 0px white;
    background-position: top;
    background-repeat: no-repeat;
    opacity: 0.8
}

    .divWatched:before {
        content: "\f06e";
        position: absolute;
        color: gray;
        border: solid 0px red;
        font-size: 15px !important;
        line-height: 40px;
        /* height: 40px; */
        /* width: 40px; */
        left: 8px;
        top: 8px;
        font: normal normal normal 14px/1 FontAwesome;
    }

/*.courseitem:hover .divWatched:before {
    color: White;
}*/


.clsCbShare {
    display: block;
    color: #000;
    margin-left: 0px;
    font-size: 0.8em;
    margin-right: 2px;
    margin-top: 2px;
}



.noresault {
    font-weight: bold;
    font-family: Arial;
    font-size: 1em;
    color: rgb(151, 147, 143);
}

.PermissionsEdit.ButtonUp {
    background-image: url('../images/package/permissionsedit_s.png');
    background-size: auto 100%;
}

.RejectPackage.ButtonUp {
    background-image: url('../images/package/cancelpackage_s.png');
    background-size: auto 100%;
}

.EditPackage.ButtonUp {
    background-image: url('../images/package/edit_package_s.png');
    background-size: auto 100%;
}

.PublishPackage.ButtonUp {
    background-image: url('../images/package/publishpackage_s.png');
    background-size: auto 100%;
}

.DeletePackage.ButtonUp {
    background-image: url('../images/package/del_packages_s.png');
    background-size: auto 100%;
}

.allclassicons {
    position: absolute;
    left: 0px;
    right: auto
}






.whyapp {
    font-size: 0.8em;
    color: #fff;
    font-weight: bold;
    width: 180px;
    display: block;
    padding-right: 10px;
    visibility: collapse;
    height: 0px;
    width: 0px;
}









#loaddiv {
    boredr: solid 1px orange;
    height: 50px;
    width: 50px;
}







.miseditremark {
    border-radius: 10px;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: 0px 1px 4px 0px rgba(50, 50, 50, 0.3);
    box-shadow: 0px 1px 4px 0px rgba(50, 50, 50, 0.3);
    border: solid 1px #cec8ae;
    background-color: White;
    padding: 10px;
    margin-top: 30px;
}



.form-control {
    display: block;
    width: 100%;
    height: 34px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}




/*support loginpage bottom*/
#ucContact_txtContentBody {
    margin-top: 5px;
}

#contactifnotconferm #divContact {
    clear: both
}






#contactifnotconferm #divContact {
    bottom: 0px
}




/*support contact page*/
.titlecontact {
    direction: rtl;
    margin-top: 30px;
    border-bottom: solid 2px #ccc;
    background-color: #FDFDFD;
    webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px 10px 0px 0px;
    padding: 20px 50px;
    text-align: center;
}

    .titlecontact .questionsupport {
        font-size: 30px;
        border-radius: 60px;
        width: 60px;
        display: inline-block;
        text-align: center;
        margin: 0 auto;
        line-height: 60px;
        display: block;
        margin-top: 30px;
        font-size: 0px;
        visibility: visible;
    }

.questionsupport {
    visibility: collapse;
    background-position: center;
    font-size: 30px;
    border-radius: 40px;
    width: 40px;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    line-height: 40px;
    background-image: url('../Images/choose_page/sendamessage.png');
    font-size: 0px;
    background-repeat: no-repeat;
    width: 0px;
    height: 0px;
}


.mingeretcontactpage {
    background-color: #ededec;
    webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    box-shadow: 2px 2px 10px #888888;
    display: block;
    margin: 0 auto;
    color: #4d5057;
}

.posbutcontactpage {
    text-align: center;
    margin: 15px;
    padding-bottom: 20px;
    padding-top: 8px;
}

.posfiled {
    width: 90%;
    margin: 0 auto;
    direction: rtl;
}

.titlecontact .fileddef {
    min-width: 90%;
    margin: 0 auto;
    text-align: center;
}

/*homepage buttons
#ContentPlaceHolder1_btn2{ min-width:200px;}
#ContentPlaceHolder1_btn1{  min-width:200px;}
#ContentPlaceHolder1_Div2{  min-width:200px;}
#ContentPlaceHolder1_btnManage{  min-width:200px;}

*/






.clip_iconlogin {
    background-image: url('../Images/login/clip_iconlogin.png');
    background-color: transparent;
    height: 100px;
    width: 100px;
    display: block;
    margin: 0 auto;
    background-repeat: no-repeat;
    webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background-position: center;
}

.clip:hover .clip_iconlogin {
    background-image: url('../Images/login/clip_iconlogin_hover.png');
    background-color: #fff
}



.allsteps ul {
    margin-bottom: 0px;
}



.bars {
    background-image: url('../Images/entrance/globe.png');
    display: block;
    width: 40px;
    height: 40px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
}







.change_langmis .bars {
    background-image: none;
}






.smallpdf {
    visibility: collapse;
    width: 0px;
    font-size: 0;
}

.wide {
    visibility: visible;
    width: auto;
    font-size: 1.2em;
    padding: 20px;
    color: #5b5e65
}







#uc_mheader_lblVoteLink {
    line-height: 1em;
}


#txtUserID {
    solid 2px #9E9B9B
}


li#liNewClips:before {
    content: "";
    position: absolute;
    height: 50px;
    width: 50px;
    background: #e3ec51;
    z-index: 1;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

li#liNewClips:hover:before {
    background-color: #E6F05A;
}



.headerlinks #UpdatePanel1 span {
    background-color: rgb(255, 138, 49);
    border-radius: 30px;
    padding: 3px;
    min-width: 12px;
    display: inline-block;
}


#upR {
    position: absolute;
    z-index: 2000;
    font-size: 12px;
    color: #ffffff;
    padding: 3px;
    right: 0PX;
    min-width: 14px;
    top: 16px;
}

    #upR span {
        background-color: rgb(255, 138, 49);
        border-radius: 30px;
        padding: 3px;
        width: 14px;
        display: inline-block;
    }


.headerlinks #UpdatePanel1 span {
    background-color: rgb(255, 138, 49);
    border-radius: 30px;
    padding: 3px;
    width: 14px;
    display: inline-block;
}

#MeetingNameDiv {
    top: 50px;
    bottom: auto;
    right: 0px;
    left: 0px;
    text-align: center;
    background-color: #fff;
    z-index: 1;
    min-height: 40px;
}

#MeetingNameDiv_lbl {
    color: #2465a8;
    padding-top: 14px;
    padding-right: 20px;
    font-size: 1em;
    font-weight: bold;
    text-decoration: underline;
    padding-left: 10px;
    padding-bottom: 7px;
}

    #MeetingNameDiv_lbl:hover {
        color: #000;
    }

#userdef {
    position: absolute;
    top: 12px;
    padding-right: 2px;
    left: 170px;
    direction: rtl;
    right: auto;
}

#uc_mheader_ucLang_lnkHeb {
    direction: rtl;
}



input[type="checkbox"] {
    margin: 0;
    height: 15px;
    width: 15px;
    vertical-align: middle;
}

.dxeListBox div.dxlbd {
    height: auto;
}



.tytle_report {
    text-align: center;
    padding-top: 6px;
    color: #5b5e65;
    font-family: arial;
    font-weight: bold;
    padding-right: 20px;
    padding-bottom: 10px;
    font-size: 1.2em;
    background-color: #F2CE94;
}

.padright span {
    font-weight: bold;
    font-size: 0.8em;
    padding-right: 5px;
    color: #97958A;
}

table#ContentPlaceHolder1_gvReport_DXMainTable td {
    border: solid 1px #ddd
}

table#ContentPlaceHolder1_gvReport_DXMainTable .dxgvHeader td {
    border: none;
}




@media screen and (max-width: 750px) {
    .backfiledh_other {
        width: 90%;
        margin-left: 5%;
        padding: 0px;
        margin-right: 5%;
    }

    .report_res_other {
        width: 90%;
        margin-left: 5%;
        padding: 0px;
        margin-right: 5%;
        position: static;
    }

    .report_res {
        display: block;
        position: static;
    }

    .report_set {
        display: block;
        position: static;
    }

    .report_res {
        display: block;
        float: left;
        width: 90%;
        margin: 0 auto;
        margin-left: 5%;
        margin-right: 5%;
        padding: 0;
        background-color: transparent;
    }

    .report_set {
        display: block;
        float: right;
        width: 90%;
        margin: 0 auto;
        margin-right: 5%;
        margin-left: 5%;
        padding: 0;
        margin-top: 5px;
    }

    .sumall {
        display: block;
        width: 90%;
        vertical-align: top;
        margin: 0 auto;
        padding: 0;
        margin-top: 30px;
        margin-right: 5%;
        margin-bottom: 20px;
        background-color: White;
    }

    .res_st {
        display: block;
        vertical-align: top;
        width: 90%;
        margin: 0 auto;
        padding: 0;
        margin-bottom: 20px;
    }
}


#btnCheckID {
    font-size: 18px;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    float: right;
}

#txtUserID {
    background-color: #FAFFBD;
}


#btnEnterSys {
    background-color: #fff;
    color: #676565;
    width: auto;
    background-image: url('../Images/entrance/ready_tostart.png');
    height: 55px;
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 60px;
    border-radius: 16px;
    padding-right: 10px;
}

    #btnEnterSys:hover {
        background-image: url('../Images/entrance/ready_tostart_hover.png');
    }

.userpic_profile {
    padding: 0px;
    width: 140px;
    background-color: #EDEDEC;
    min-height: 100px;
}

.userpic_profile_mis {
    position: relative;
    background-position: bottom left;
    width: 140px;
    margin: 16px 20px;
    background-color: #ededec;
}

.action-ontable {
    text-align: left;
    margin: 20px 0;
}


.userpic_profile_mis:before {
    content: "";
    position: absolute;
    top: -10px;
    right: -17px;
    background-position: top right;
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-image: url('../Images/profile/attach.png');
}

select#ContentPlaceHolder1_ddlCourses {
    max-width: 300px;
}

#ContentPlaceHolder1_course_list input[type="checkbox"] {
    margin: 0;
    height: 15px;
    width: 15px;
}

.titleprofilename {
    background-color: #2465a8;
    font-size: 1.2em;
    line-height: 1.2em;
    padding-top: 20px;
    color: white;
    padding-bottom: 0px;
}



.sementImage_Report {
    min-height: 70px;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 100%;
}

.SerReportGrid tr {
    cursor: pointer;
}

    .SerReportGrid tr:hover {
        background-color: rgb(246, 249, 203);
    }


.dxgvHeader, .dxgvHeader table {
    text-align: center;
}








.reportgeneratorheader {
    background-image: url('../images/control/report_generator.png');
    background-color: #E7EF68;
    height: 60px;
    font-size: 1.3em;
    border-radius: 20px 20px 0px 0px;
    text-align: center;
    background-repeat: repeat-x;
    margin-bottom: -5px;
    background-position: top center;
    color: #19477f;
    text-align: center;
    padding-top: 150px;
    width: 100%;
    background-repeat: no-repeat;
    max-width: 300px;
    margin: 0 auto;
}

.androidDownloadimg {
    background-size: auto 95%;
    line-height: 1.2em;
    background-image: url('../Images/general/store_badges.png');
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
    margin-bottom: 20px;
    width: 250px;
    height: 80px;
    margin-top: 50px;
}

.iphoneDownloadimg {
    background-size: auto 95%;
    line-height: 1.2em;
    background-image: url('../Images/general/app_store_iphone.png');
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
    margin-bottom: 20px;
    width: 250px;
    height: 80px;
    margin-top: 50px;
}

#site-nav {
    float: right;
}

#Lessons_nav {
    width: 250px;
}




.viewres_disabled {
    vertical-align: top;
    line-height: 30px;
    padding-right: 10px;
    padding-left: 10px;
    padding: 0px;
    border-left: solid 1px #e8f097;
    margin-top: 2px;
    font-size: 0.8em;
    background-color: #2465a8;
    color: #5a5d64;
    color: #B5B5B5;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-weight: bold;
    margin-bottom: 2em;
    text-transform: uppercase;
    background: rgb(237, 237, 237);
    float: left;
    cursor: pointer;
    margin: 10px;
    padding: 2px 10px 2px 10px;
}


#ContentPlaceHolder1_gvReport_DXFooterTable {
    margin-right: -17px;
    float: right;
}

    #ContentPlaceHolder1_gvReport_DXFooterTable td {
        border-right: solid 1px rgb(221, 221, 221);
        border-left: solid 1px rgb(221, 221, 221);
        background-color: rgb(249, 252, 201);
        color: #3E6C7B;
    }


.pos_videoclass {
    float: left;
    position: absolute;
    left: 0px;
    margin-top: 2%;
    margin-left: 2%;
    right: 300px;
}

#site-nav {
    float: right;
    z-index: 100;
    position: absolute;
    right: 0px;
}





.div_inFeedbacks .textcomment {
    margin-left: 30px;
}

.div_inFeedbacks .boxdivCommentData {
    margin-top: 0px;
}

    .div_inFeedbacks .boxdivCommentData span {
        background-color: rgb(249, 249, 249);
        display: block;
        padding: 10px;
        border-top: solid 1px #ddd;
    }

.div_inFeedbacks, .div_inSummaries {
    top: 30px;
    background-color: White;
    width: 98%;
    padding: 1%;
    height: 90%;
    overflow: auto;
    position: absolute;
}

.div_Feedbacks, .div_Summaries {
    background-color: #E2EBED;
    -webkit-box-shadow: 0px 1px 3px 1px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: 0px 1px 3px 1px rgba(50, 50, 50, 0.3);
    box-shadow: 0px 1px 3px 1px rgba(50, 50, 50, 0.3);
    top: 20%;
    left: 20%;
    width: 800px;
    height: 500px;
    position: absolute;
}

.divinsidebutclosepos {
    display: inline-block;
    position: absolute;
    top: 0;
    height: 30px;
    right: 0px;
}

.gvSpecificRoom {
    width: 100%;
}


.ucnotebookdivMeeting {
    border: solid 1px #ddd;
    margin-bottom: 10px;
}

    .ucnotebookdivMeeting input {
        width: 100%;
        background-color: rgb(249, 249, 249);
        border: solid 0px #ddd;
        font-size: 1em;
        text-align: center;
        padding-right: 0;
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
        cursor: pointer;
    }

        .ucnotebookdivMeeting input:hover {
            background-color: #E2EBED;
        }


.status_list_pos {
    margin-bottom: 0px;
}




.boxdivCommentData {
    margin-bottom: 0px;
    padding-top: 5px;
    font-size: 0.9em;
}

textarea#htmlPostRemark {
    font-size: 1em;
}

.gvSpecificRoom td {
    padding: 10px;
    border: solid 1px #ddd
}

.gvSpecificRoom th {
    padding: 10px;
    color: #5B5E65;
    background-color: #FAFAFA;
    border: solid 1px #ddd
}




.chkAllcss {
    padding-right: 5px;
    padding-bottom: 5px;
    display: inline-block;
    width: 200px;
    padding-top: 5px;
}

.report_set .chkAllcsslist td {
    padding-top: 4px;
    border: solid 1px #ddd
}

.report_set input {
    vertical-align: top;
}

.report_set label {
    display: table-cell;
    width: 90%;
    padding-right: 2%;
    font-size: 0.95em;
}

.list_course input[type=checkbox], input[type=radio] {
    float: right;
}

.iframevote {
    width: 100%;
    position: absolute;
    top: 0px;
    bottom: 0px;
    height: 100%;
    /* border: solid; */
    right: 0px;
    left: 0px;
    border: none;
    padding: 0;
    margin: 0;
}

.linktoclassboost {
    display: none;
}


#uc_mheader_divGetLink1 {
    background-color: White;
    padding: 5px;
    webkit-box-shadow: 0px 1px 3px 1px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: 0px 1px 3px 1px rgba(50, 50, 50, 0.3);
    box-shadow: 0px 1px 3px 1px rgba(50, 50, 50, 0.3);
    position: relative;
    padding-top: 20px;
    color: #000 !important;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    padding: 30px;
    direction: rtl;
    line-height: 1em;
    margin-bottom: 15px;
    display: block;
}


.classboostvotemenu {
    background-image: url('../images/vote/voteformenu.png');
    height: 20px;
    width: 140px;
}

.btnCloseGetLink {
    position: absolute;
    right: 0px;
    top: 0px;
    background-color: White;
    border: solid 0px #ddd;
    cursor: pointer;
    width: 100%;
    text-align: right;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
    color: #333;
    opacity: 0.7;
    padding: 5px;
}

    .btnCloseGetLink:hover {
        opacity: 1;
    }

#uc_mheader_lbVoteLink {
    overflow: hidden;
}


#uc_mheader_btnCopyToClipboard {
    width: auto;
    color: #5a5d64;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-weight: bold;
    vertical-align: top;
    display: block;
    -webkit-box-shadow: 1px 2px 4px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow: 1px 2px 4px 0px rgba(50, 50, 50, 0.4);
    box-shadow: 1px 2px 4px 0px rgba(50, 50, 50, 0.4);
    border-left: solid 1px #747983;
    border-top: solid 1px #747983;
    border-bottom: solid 1px #747983;
    border-right: solid 1px #747983;
    background: #2465a8;
    color: #fff;
    padding: 6px;
    margin: 5px;
    cursor: pointer;
    margin-bottom: 10px;
}

.moredetailslink {
    background-color: #F9F8EE;
    text-align: left;
    height: 27px;
    padding: 0;
}








.titlemenu {
    background-color: #fff;
    border-color: #ddd;
    border-width: 1px;
    border-radius: 4px 4px 0 0;
    color: Black;
    border-color: #e5e5e5 #eee #eee;
    border-style: solid;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 1.42857143;
    padding: 5px;
    margin-bottom: 0px;
    color: #959595;
    margin-top: 0px;
    font-weight: bold
}


.contentmenu {
    border-width: 0px;
    border-radius: 0px 0px 0 0;
    border-style: solid;
    margin-top: 0px;
    padding-right: 10px;
    padding-left: 10px;
}

    .contentmenu.langmenupad {
        padding-left: 0px;
        padding-right: 0px;
    }

#uc_mheader_btnLib2.contentmenu {
    padding-left: 0px;
    padding-right: 0px;
}








#menu ul {
    margin-bottom: 0px;
}

.buthome {
    height: 50px;
}

/*header*/



.closeset .closemenubuttolbl {
    color: #5b5e65 !important
}

.closeset:hover .closemenubuttolbl {
    color: #fff !important
}
/*
   .btnSum{  background-image:url('../Images/header/class_notepad_icon.png');}
   .btnLib{background-image:url('../Images/header/class_videopage_icon.png'); }
  .btnVote{background-image:url('../Images/header/class_vote_icon.png'); }
  .btnControl{background-image:url('../Images/header/class_notepad_icon.png');}
    .btnSum:hover{ opacity:1;background-color:#475057;}
   .btnLib:hover{opacity:1;background-color:#475057; }
  .btnVote:hover{opacity:1;background-color:#475057;}
 .btnControl:hover{opacity:1;background-color:#475057; }
   */


#pnlHeader {
    background-color: #475057;
}






.settingicon {
    position: absolute;
    top: 1px;
    background-size: auto;
    cursor: pointer;
    width: 50px;
    background-repeat: no-repeat;
    background-position: center;
    right: 0px;
    border-radius: 0px;
    top: 0px;
    text-align: right;
    height: 56px;
    position: relative;
    opacity: 0.7
}










/* hide master bar items when small*/





.part1, .part2, .part3 {
    background-color: White;
    border: solid 2px #ddd;
    background-color: #FAFAFA;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #E8E4E4;
}




#ContentPlaceHolder1_panelUpload input {
    border: solid 1px #ddd;
    border-radius: 4px;
    background-color: white;
    padding: 4px;
}

    #ContentPlaceHolder1_panelUpload input[type="button"] {
        border: solid 1px #ddd;
        border-radius: 4px;
        background-color: White;
    }


input#ContentPlaceHolder1_FileUpload2 {
    border: solid 1px #ddd;
    border-radius: 4px;
    background-color: white;
    padding: 4px;
}

#ContentPlaceHolder1_FileUpload2 input[type="button"] {
    border: solid 1px #ddd;
    border-radius: 4px;
    background-color: White;
}


.nomargintop {
    margin-top: 0px;
}

#ContentPlaceHolder1_btnPassToStep3 {
    background-color: #2465a8;
    border: solid 2px #ddd;
    border-radius: 4px;
    padding: 8px;
}

#ContentPlaceHolder1_btnPassToStep1 {
    background-color: #2465a8;
    border: solid 2px #ddd;
    border-radius: 4px;
    padding: 8px;
}

#ContentPlaceHolder1_btnPassToStep2 {
    background-color: #2465a8;
    border: solid 2px #ddd;
    border-radius: 4px;
    padding: 8px;
}

#ContentPlaceHolder1_btnPart2 {
    background-color: #2465a8;
    border: solid 2px #ddd;
    border-radius: 4px;
    padding: 8px;
}

.gAllFileRows {
    border: none;
}

    .gAllFileRows th {
        font-size: 0.9em;
        background-color: #ddd;
        border: none;
        padding: 5px;
        border-left: solid 1px #fff;
        border-bottom: solid 1px #fff
    }

    .gAllFileRows tr {
        font-size: 0.9em;
        background-color: #ddd;
        border: none;
    }

    .gAllFileRows td {
        font-size: 0.9em;
        background-color: #F3F1F1;
        border: none;
        padding: 5px;
        border-left: solid 1px #fff;
        border-bottom: solid 1px #fff
    }

.uploadst {
    display: inline-block;
    vertical-align: top;
}

#ContentPlaceHolder1_FileUpload1 {
    margin-top: 10px;
    height: 30px;
}

#ContentPlaceHolder1_FileUpload2 {
    margin-top: 10px;
    height: 30px;
}





#ContentPlaceHolder1_gvNewCourse {
    border: none;
}

    #ContentPlaceHolder1_gvNewCourse th {
        font-size: 0.9em;
        background-color: #ddd;
        border: none;
        padding: 5px;
        border-left: solid 1px #fff;
        border-bottom: solid 1px #fff
    }

    #ContentPlaceHolder1_gvNewCourse tr {
        font-size: 0.9em;
        background-color: #ddd;
        border: none;
    }

    #ContentPlaceHolder1_gvNewCourse td {
        font-size: 0.9em;
        background-color: #F3F1F1;
        border: none;
        padding: 5px;
        border-left: solid 1px #fff;
        border-bottom: solid 1px #fff
    }


#ContentPlaceHolder1_gvMeetings {
    border: none;
}

    #ContentPlaceHolder1_gvMeetings th {
        font-size: 0.9em;
        background-color: #ddd;
        border: none;
        padding: 5px;
        border-left: solid 1px #fff;
        border-bottom: solid 1px #fff
    }

    #ContentPlaceHolder1_gvMeetings tr {
        font-size: 0.9em;
        background-color: #ddd;
        border: none;
    }

    #ContentPlaceHolder1_gvMeetings td {
        font-size: 0.9em;
        background-color: #F3F1F1;
        border: none;
        padding: 5px;
        border-left: solid 1px #fff;
        border-bottom: solid 1px #fff
    }

#ContentPlaceHolder1_gvFacultysCommit {
    border: none;
}

    #ContentPlaceHolder1_gvFacultysCommit th {
        font-size: 0.9em;
        background-color: #ddd;
        border: none;
        padding: 5px;
        border-left: solid 1px #fff;
        border-bottom: solid 1px #fff
    }

    #ContentPlaceHolder1_gvFacultysCommit tr {
        font-size: 0.9em;
        background-color: #ddd;
        border: none;
    }

    #ContentPlaceHolder1_gvFacultysCommit td {
        font-size: 0.9em;
        background-color: #F3F1F1;
        border: none;
        padding: 5px;
        border-left: solid 1px #fff;
        border-bottom: solid 1px #fff
    }


#ContentPlaceHolder1_gvNewCourseTypes {
    border: none;
}

    #ContentPlaceHolder1_gvNewCourseTypes th {
        font-size: 0.9em;
        background-color: #ddd;
        border: none;
        padding: 5px;
        border-left: solid 1px #fff;
        border-bottom: solid 1px #fff
    }

    #ContentPlaceHolder1_gvNewCourseTypes tr {
        font-size: 0.9em;
        background-color: #ddd;
        border: none;
    }

    #ContentPlaceHolder1_gvNewCourseTypes td {
        font-size: 0.9em;
        background-color: #F3F1F1;
        border: none;
        padding: 5px;
        border-left: solid 1px #fff;
        border-bottom: solid 1px #fff
    }



.report_set .chkAllcss label {
    display: inline-block;
    padding-right: 25px;
    padding-left: 25px;
    margin-left: -17px;
    margin-right: -17px;
    margin-top: -4px;
    cursor: pointer;
    border-radius: 4px;
    width: 80px;
}

    .report_set .chkAllcss label:hover {
        background-color: #f3f972
    }


.chkAll label {
    display: inline-block;
    background-color: #ffffff;
    padding-right: 25px;
    padding-left: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: -4px;
    cursor: pointer;
    border-radius: 4px;
    width: 80px;
    padding-right: 0px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
}







.chkAll.report_set label {
    background-color: #2465a8;
    padding-right: 20px;
}



.styled-select .ddl {
    border: 1px solid #ddd;
    border-radius: 5px;
    -webkit-appearance: none;
    background-image: url('../images/general/Arrowhead-Down-01.png');
    background-repeat: no-repeat;
    text-indent: 0.01px; /*In Firefox*/
    text-overflow: ''; /*In Firefox*/
    padding: 6px 12px;
    float: left;
    background-color: #fff;
    border-radius: 4px;
    cursor: pointer;
    width:100%;
    padding-right: 0%;
    padding-left: 0%;
    padding:8px 12px;
}

.filterCourse {
    border: 1px solid #ddd;
    border-radius: 5px;
    -webkit-appearance: none;
    text-indent: 0.01px; /*In Firefox*/
    text-overflow: ''; /*In Firefox*/
    padding: 6px 12px;
    float: left;
    background-color: #fff;
    border-radius: 4px;
    cursor: text;
    width: 100%;
    padding-right: 0%;
    padding-left: 0%;
    padding: 8px 12px;
}

.ddl:hover {
    color: #333;
    background-color: #fff;
    border-color: #adadad;
}

.styled-select select {
    background: transparent;
    -webkit-appearance: none;
}

    .styled-select select::-ms-expand {
        display: none; /*patch iexplorer*/
    }






/*clip*/

#showplayCliponcourse {
    top: 0px;
    -moz-transition: all 0.5s;
    font-size: 0.8em;
    /* WebKit */
    -webkit-transition: all 0.5s;
    /* Opera */
    -o-transition: all 0.5s;
    /* Standard */ height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 0.5s;
    position: absolute;
    width: 100%;
    background-size: auto 100%;
    opacity: 1;
    color: #5b5e65;
    font-family: Arial;
    text-align: center;
    overflow: hidden;
    font-size: 0px;
    right: 0px;
    left: 0px;
}

    #showplayCliponcourse:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0px;
        left: 0px;
        height: 182px;
        background-image: url('../Images/clip/clipicon_rightcorner.png');
        opacity: 0.6;
        background-position: right top;
        background-repeat: no-repeat;
    }

div.courseclipitem {
}

#ContentPlaceHolder1_ucClips_dlist_Clips #courseitem {
    position: relative;
}

#videosnap:hover #showplayCliponcourse {
    position: absolute;
    width: 100%;
    top: 0px;
    display: block;
    opacity: 0.8;
}

    #videosnap:hover #showplayCliponcourse:before {
        position: absolute;
        width: 100%;
        top: 0px;
        display: block;
        opacity: 0.8;
    }


#ContentPlaceHolder1_ucMeetings_dlist_Meetings {
    text-align: right;
}

.mycliptitle {
    border-bottom: solid 2px #ddd;
    font-family: Arial;
    font-weight: bold;
    text-align: right;
    color: #5D5D69;
    padding: 10px;
}

.myclasstitle {
    border-bottom: solid 1px #ddd;
}

.clipdef {
    padding: 10px;
    color: #4881BD;
    text-align: right;
    line-height: 1.1em;
    padding-top: 9px;
    /*padding-top: 190px;*/
}


/*#ContentPlaceHolder1_ucClips_dlist_Clips div#teach {
    color: #4881BD;
}

#ContentPlaceHolder1_ucClips_dlist_Clips .courseitem:hover div#teach {
    color: #fff;
}

#ContentPlaceHolder1_ucClips_dlist_Clips .courseitem:hover .clipdef {
    color: #fff;
}

#ContentPlaceHolder1_ucClips_dlist_Clips .courseitem:hover .divDelClip:before {
    color: #fff
}*/


.cliptitle {
    color: #798088;
    text-align: right;
    border-bottom: solid 1px #ddd;
    width: 92%;
    margin: 0 auto;
    line-height: 40px;
    margin-bottom: 15px;
}

    .cliptitle span {
        display: inline-block;
        text-align: center;
        font-weight: 500;
        margin-bottom: -3px;
        color: #2465a8;
    }

.meetingtitle {
    color: #798088;
    text-align: right;
    border-bottom: solid 1px #ddd;
    width: 90%;
    margin: 0 auto;
    line-height: 40px;
    margin-bottom: 15px;
}

    .meetingtitle span {
        display: inline-block;
        text-align: center;
        font-weight: 500;
        margin-bottom: -3px;
        color: #2465a8;
    }

.btnDelClip {
    border: solid 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url('../Images/general/spacer.png');
    background-color: transparent;
    height: 30px;
    width: 30px;
    cursor: pointer;
}

.divDelClip {
    position: relative;
    display: inline-block;
}

    .divDelClip:before {
        position: absolute;
        content: "\f014";
        color: gray;
        font-size: 22px !important;
        line-height: 40px;
        top: -5px;
        left: 5px;
        font: normal normal normal 14px/1 FontAwesome;
        cursor: pointer;
    }



/*clip*/





/*InstitutesPage*/

.InstitutesPageUp {
    text-align: center;
}

.InstitutesPage {
    text-align: right;
    margin: 0 auto;
    margin-top: 50px;
    max-width: 900px;
}

.InstituteName {
    display: block;
    font-weight: bold;
    color: #206780;
    background-color: #E3E4E8;
    position: relative;
    border-bottom: none;
    border-radius: 0px 0px 0px 0px;
    padding: 10px;
    padding-top: 14px;
    padding-right: 20px;
    padding-left: 20px;
}

.RoomTittle {
    padding: 10px;
    padding-right: 20px;
    padding-left: 20px;
    display: inline-block;
    width: 200px;
}

    .RoomTittle h2 {
        color: #5a5c6b;
        margin: 0px;
        direction: rtl;
    }


.divRecordVideoStatus {
    display: inline-block;
}

.divRecordScreenStatus {
    display: inline-block;
}

.divConnectionRoomStatus {
    display: inline-block;
}

.divShowLastMovies {
    display: inline-block;
}

.divShowMeetings {
    display: inline-block;
}

.divShowHideMeetings {
    display: inline-block;
}

.divRecordVideoStatus span {
    padding: 5px;
    border-radius: 4px;
    margin: 4px;
    display: inline-block;
}

.divRecordScreenStatus span {
    padding: 5px;
    border-radius: 4px;
    margin: 4px;
    display: inline-block;
}

.divConnectionRoomStatus span {
    padding: 5px;
    border-radius: 4px;
    margin: 4px;
    display: inline-block;
}

.Meetings_def {
    display: block;
    padding: 10px;
    width: 100%;
    border: solid 1px #ddd;
}

    .Meetings_def span {
        padding: 4px;
    }

.InstitutesPage_item {
    border: solid 1px #ddd;
}

.rowstyleInstitutesPage {
    bbackground-color: White;
    margin-top: 25px;
    margin-bottom: 25px;
    display: block;
}

    .rowstyleInstitutesPage td {
        -webkit-box-shadow: 1px 2px 5px 1px rgba(0,0,0,0.45);
        -moz-box-shadow: 1px 2px 5px 1px rgba(0,0,0,0.45);
        box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);
    }

.lastupdate_InstitutesPage {
    font-family: Arial;
    margin: 80px 10px 15px 10px;
    color: #696363;
}


.rowstyleInstitutesPage tr {
    border: solid 1px #ddd;
}



.allstatus {
    display: inline-block;
    height: 100%;
    padding: 10px;
    top: 0px;
    vertical-align: top;
}

/*style*/




#liNewClips {
    visibility: collapse;
}



.mingeretcontactpage .form-control {
    padding-right: 2%;
    padding-left: 2%;
    width: 96%;
    font-size: 1em;
    font-family: Arial;
}

.checkst label {
    padding-right: 3px;
    padding-left: 3px;
    font-size: 1.1em;
    font-family: Arial;
    color: #4d5057
}

input#cbSendResponse {
    margin: 0px 0px 0px 5px;
}


.servicedetailes {
    background-color: White;
    border: solid 1px #ddd;
    font-size: 1em;
    font-family: Arial;
    color: #4d5057;
    padding: 5px 10px 0px 0px;
    width: 400px;
    height: 110px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    margin: 0 auto;
    background-image: url('../Images/contact/contact.png');
    direction: rtl;
    background-position: left bottom;
    background-repeat: no-repeat;
    text-align: right;
    padding: 10px;
}

.Showlastmovies {
    background-image: url('../Images/control/more_icon.png');
    height: 25px;
    background-position: left;
    background-repeat: no-repeat;
    margin-top: 3px;
    color: #444141;
    background-color: #fff;
    border-color: #46b8da;
    border: 1px solid #ddd;
    padding-left: 25px;
    border-radius: 4px;
}


    .Showlastmovies:hover {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc;
    }



/*new style*/



#userdef a:link {
    color: #fff
}


li#liNewV:before {
    background-color: #475057;
}

li#liNewR:before {
    background-color: #475057;
}

li#liNewR:hover:before {
    background-color: #6d727b;
}


.buthome {
    opacity: 0.6;
    background-color: #475057
}

    .buthome:hover {
        opacity: 1;
        background-color: #475057
    }

li#liNewV:hover:before {
    background-color: #6d727b;
}

.buthome {
    background-color: #475057;
    background-image: url('../Images/header/back_icon.png');
    border: none;
}











.classbtnAddContent {
    background-image: url('../Images/remark/sendcomment_35_w.png');
    cursor: pointer;
    border: solid 1px #ddd;
    border-radius: 4px;
    height: 34px;
    width: 34px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #F4A82D;
    border: solid 0px #B1A8A8;
    opacity: 1;
}

    .classbtnAddContent:hover {
        opacity: 1;
        background-color: #e7920a;
        border-color: #e7920a;
    }

.margt {
    margin-top: 5px;
}

#htmlPostRemark {
    width: 215px;
    margin-right: 25px;
}

input#cbShare {
    width: 20px;
    height: 20px;
}

#addcommenttoremark {
    vertical-align: top;
    font-size: 0.9em;
    letter-spacing: -0.03em;
    padding-top: 5px;
    font-weight: bold;
    line-height: 28px;
    color: #6A6969;
}


.classaddbookmark {
    background-image: url('../Images/remark/add_bookmark.png');
    right: 10px;
    top: 5px;
    position: absolute;
}

.classaddpicture {
    background-image: url('../Images/remark/camera_25.png');
    left: 10px;
    bottom: 5px;
    right: auto;
    /*position: absolute; display:none;*/
    position: absolute;
    display: block !important;
}

.btnShowStyle {
    background-image: url('../Images/remark/text_style_25.png');
    right: 10px;
    bottom: 5px;
    position: absolute;
}

#ContentPlaceHolder1_ucSummary_btnAddContent {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 100;
}


span#ContentPlaceHolder1_ucSummary_shareremark {
    font-family: arial;
    letter-spacing: -0.03em;
    font-weight: normal;
    color: #ffffff;
    line-height: 0.8em;
    display: inline-block;
    direction: rtl;
}


.mejs-container .mejs-controls div.OpenRemark {
    bottom: 10px;
    position: absolute;
    width: 80px;
    z-index: 1000;
    border-radius: 6px;
    background-color: transparent;
    padding-bottom: 0px;
    font-family: Arial;
    margin-left: 20px;
    height: 60px;
    font-size: 1em;
    width: 120px;
}

.mejs-container .mejs-controls div.OpenRemark_Left {
    bottom: 10px;
    position: absolute;
    width: 80px;
    z-index: 1000;
    border-radius: 6px;
    background-color: transparent;
    padding-bottom: 0px;
    font-family: Arial;
    margin-left: -140px;
    height: 60px;
    font-size: 1em;
    width: 120px;
}


.mejs-container .mejs-controls div#lblOpen {
    background-color: white;
    border-radius: 6px;
    padding: 9px;
    font-family: Arial;
    width: 80px;
    font-size: 13px;
    margin-left: 10px;
    font-size: 14px;
    width: 100px;
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
}


    .mejs-container .mejs-controls div#lblOpen:before {
        content: "";
        position: absolute;
        width: 0px;
        left: 0px;
        bottom: 4px;
        height: 0px;
        border-top: 20px solid transparent;
        border-bottom: 0px solid transparent;
        border-right: 20px solid #fff;
    }

.mejs-container .mejs-controls .OpenRemark_Left div#lblOpen {
    text-align: center
}

.mejs-container .mejs-controls div#lblOpen {
    text-align: center
}

.mejs-container .mejs-controls .OpenRemark_Left div#lblOpen:before {
    content: "";
    position: absolute;
    width: 0px;
    right: -22px;
    bottom: 4px;
    height: 0px;
    border-top: 20px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 20px solid #fff;
    left: auto;
    border-right: none;
}

.commntlast {
    bottom: 0px;
    position: absolute;
    top: 0px;
    overflow: auto
}


button#lnkOpenHere {
    background-color: #fff;
    color: #50504A;
    padding: 4px;
    font-size: 14px;
    margin: 5px;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.2);
    font-size: 1em;
    font-weight: bold;
    border: solid 1px #ddd;
}

.commentdiv_small .addcoment_cancel {
    position: absolute;
    top: -290px;
    right: -4px;
}

.commentdiv_small .GridViewRowcomment .addcoment_cancel {
    position: static;
    top: -275px;
    right: 0px;
}




.commentdiv .poshtmlPostRemark {
    padding-top: 30px;
    height: 105px;
}

    .commentdiv .poshtmlPostRemark .classbtnAddContent {
        top: 30px;
    }

.commentdiv_small .poshtmlPostRemark {
    padding-top: 0px;
    height: 97px;
}



/*new style label{ font-weight:normal !important;}*/
.whitetxt {
    color: White;
}


input[type=checkbox], input[type=radio] {
    margin: 0 !important;
    margin-left: 4px !important;
    vertical-align: middle;
}

.RegOp label {
    width: 80%;
    margin-top: -4px;
    vertical-align: top;
}

#ContentPlaceHolder1_btnSearch {
    color: #fff;
    box-shadow: none;
}



/*chhose what page*/
.toolsonclass {
    position: relative;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    width: 21%;
    margin: 0.5%;
    background-color: #fff;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .toolsonclass:hover .selectwhat {
        margin-top: -20px;
    }


.topsignup {
    background-color: #2465a8;
}



.trInstitute {
    background-color: #2465a8;
    border-radius: 4px 4px 0px 0px
}

#ContentPlaceHolder1_btnSearch {
    background-color: #2465a8;
    border: none;
}

transform: rotate(-2deg);



.searchbut {
    float: left;
}

#ContentPlaceHolder1_btnSearch {
    background-image: url('../Images/general/search.png');
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
    height: 28px;
    width: 28px;
}

div#wrapper.mastermarg {
    margin-top: 70px;
}

#ContentPlaceHolder1_txtsearch {
    direction: rtl;
}

.mejs-remarkbButtons .mejs-button button {
    margin-right
}

    .mejs-remarkbButtons .mejs-button button:hover {
        background-color: #2465a8 !important
    }

.mejs-container .mejs-videoicons div {
    border-radius: 0px !important;
}

    .mejs-container .mejs-videoicons div:hover {
        background-color: #2465a8 !important
    }

    .mejs-container .mejs-videoicons div#meetingsbutst {
        border-radius: 0px !important;
    }

    .mejs-container .mejs-videoicons div#notebookbutst {
        border-radius: 0px !important;
    }

    .mejs-container .mejs-videoicons div#SegModbutst {
        border-radius: 0px !important;
    }

    .mejs-container .mejs-videoicons div#commentsbutst {
        border-radius: 0px !important;
    }

.mejs-remarkbButtons .mejs-button button {
    border-radius: 0px !important;
}



.div_OpenTurn {
    height: 410px;
    position: absolute;
    top: 95px;
    left: 50px;
    overflow: hidden;
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    z-index: 100
}

.div_OpenTurniframe {
    height: 500px;
    width: 350px;
    direction: rtl;
    padding-top: 30px;
    padding-bottom: 30px;
    border: none;
    background-color: White;
}

.div_OpenTurn .winclosebut {
    border-radius: 6px 6px 0px 0px
}




.meetinngdec_lbl {
    display: inline-block;
}

    .meetinngdec_lbl:hover {
        color: #000
    }

.meetinngname_lbl {
    display: inline-block;
}


.selectwhat {
    position: relative;
    text-align: center;
    margin: 0;
    line-height: 0.9em;
    cursor: pointer;
    -moz-transition: all 0.3s;
    /* WebKit */
    -webkit-transition: all 0.3s;
    /* Opera */
    -o-transition: all 0.3s;
    /* Standard */
    transition: all 0.3s;
    width: 100%;
    color: #5a5d64;
    background-color: #2465a8;
    border-radius:10px;
}


    .selectwhat:hover {
        line-height: 0.9em;
        color: #000000;
        background-repeat: repeat-x;
        background-color: #1e6ab3;
    }

        .selectwhat:hover .library {
            zoom: 1.2;
            background-size: auto 90%;
        }

        .selectwhat:hover .notes {
            zoom: 1.2;
            background-size: auto 90%;
        }

        .selectwhat:hover .markhome {
            zoom: 1.2;
            background-size: auto 90%;
        }

        .selectwhat:hover .managehome {
            zoom: 1.2;
            background-size: auto 90%;
        }

        .selectwhat:hover .votehome {
            zoom: 1.2;
            background-size: auto 90%;
        }

        .selectwhat:hover .TeacherMeetings_but {
            zoom: 1.2;
            background-size: auto 90%;
        }

        .selectwhat:hover .institudeadd {
            zoom: 1.1;
            background-size: auto 90%;
        }

        .selectwhat:hover .permission {
            zoom: 1.1;
            background-size: auto 90%;
        }

    .selectwhat .selectwhatcoteret {
        color: White;
    }

    .selectwhat:hover .selectwhatcoteret {
        color: White;
    }


.bigbutcontrol .selectwhat {
    background-color: #599BC8;
    border: solid 1px #599BC8;
}

.bigbutcontrol.toolsonclass:hover .selectwhat {
    margin-top: 0px;
}









/*reports*/

.dashonpage {
    margin: 8px 0px !important
}

.dashonpage {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    background-color: transparent;
    margin: 2px !important;
    position: absolute;
    top: 55px;
    left: 10px;
    background-color: #fff;
}

    .dashonpage:before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 60px;
        height: 60px;
        background-image: url('../images/choose_page/manage_back.png');
        background-size: 100%
    }


.viewres {
    vertical-align: top;
    line-height: 30px;
    padding-right: 10px;
    padding-left: 10px;
    padding: 0px;
    margin-top: 2px;
    font-size: 0.8em;
    color: #5a5d64;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-weight: bold;
    margin-bottom: 2em;
    text-transform: uppercase;
    border: none;
    float: left;
    cursor: pointer;
    margin: 10px;
    padding: 2px 10px 2px 10px;
    background-color: #f2ce94
}

    .viewres:hover {
        background-color: #e8bc76
    }

.report_subtitle {
    color: #5b5e65;
    font-size: 1.2em;
    line-height: 35px;
    padding-right: 15px;
    background-color: #f2ce94;
}

.backfiledh {
    padding-left: 0px;
    padding-right: 0px;
}

.report_tite {
    font-size: 1.2em;
    color: White;
    background-color: #f2ce94;
    padding-right: 70px;
    color: #5b5e65;
    background-position: right;
    background-repeat: no-repeat;
    line-height: 50px;
    margin-top: 50px;
    font-size: 1.2em;
    color: white;
    padding-right: 2%;
    color: #5b5e65;
    line-height: 40px;
}

    .report_tite h1 {
        font-size: 1.2em;
    }

.report_set td {
    color: #5b5e65;
    text-align: right;
}

.padright {
    min-width: 100px;
}


.report_set {
    -webkit-box-shadow: 0px 1px 1px 1px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: 0px 1px 1px 1px rgba(50, 50, 50, 0.3);
    box-shadow: 0px 1px 1px 1px rgba(50, 50, 50, 0.3);
    background-color: #FDFDFD;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align: right;
    direction: rtl;
}

    .report_set table {
        width: 100%;
    }



.backfiled {
    background-color: #FAFAFA;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #E8E4E4;
    width: 96%;
    padding: 2%
}


.backfiledh {
    width: 100%;
    border: 1px solid #d7d8d8;
    border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 0 0 4px #d7d8d8;
    background-color: #fff;
    padding-bottom: 5px;
}


.backfiledh_other {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 100%;
    background-color: #fff;
}

.backfiled {
    display: block;
}

    .backfiled td {
    }

.backfiled2 {
    background-color: #ffffff;
    padding: 4px 0px;
    margin: 0px;
}

    .backfiled2 td {
        border-bottom: 1px solid #c6d0da;
    }


.list_course td {
    background-color: White;
}

    .list_course td:hover {
        background-color: rgb(250, 253, 226);
    }

.sumdiv {
    display: inline-block;
    width: 15%;
    position: relative;
    margin: 1%;
}

.lblres {
    background-color: transparent;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #475057;
    font-size: 1.6em;
    height: auto;
    padding-right: 10px;
    padding-left: 10px;
    display: inline-block;
    /* height: 40px; */
    vertical-align: bottom;
    /* padding-top: 70px; */
    position: absolute;
    left: 0px;
    top: 0;
    bottom: 0px;
}


span#ContentPlaceHolder1_lblTotalMeetings {
    background-image: url('../Images/control/statistic_class1.png');
    text-align: center;
    background-repeat: no-repeat;
    background-position: top;
    padding-top: 70px;
    width: 100%;
}

#ContentPlaceHolder1_lblTotalWatches {
    background-image: url('../Images/control/statistic_watched1.png');
    text-align: center;
    background-repeat: no-repeat;
    background-position: top;
    padding-top: 70px;
    width: 100%;
}

#ContentPlaceHolder1_lblTotalSumm {
    background-image: url('../Images/control/statistic_notes1.png');
    text-align: center;
    background-repeat: no-repeat;
    background-position: top;
    padding-top: 70px;
    width: 100%;
}

#ContentPlaceHolder1_lblTotalFdbk {
    background-image: url('../Images/control/statistic_signed1.png');
    text-align: center;
    background-repeat: no-repeat;
    background-position: top;
    padding-top: 70px;
    width: 100%;
}

#ContentPlaceHolder1_lblTotalWatchers {
    background-image: url('../Images/control/statistic_viewers1.png');
    text-align: center;
    background-repeat: no-repeat;
    background-position: top;
    padding-top: 70px;
    width: 100%;
}



@media screen and (max-width: 1100px) {

    .servicedetailes {
        position: static;
        width: 90%;
        padding: 2%;
    }
}



.WatermarkCss {
    color: #7D7979
}






#homebut {
    right: 0px;
    top: 0px;
    height: 50px;
    width: 50px;
    float: right;
    visibility: collapse;
    width: 0;
}

#topheader {
    background-color: #2465a8;
}





/*master*/
/*  background-color: #2465a8; background-image:url('../Images/header/header_logo.png'); */
#topheader {
    height: 56px;
    margin-top: 0px;
    width: 100%;
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    background-position: right;
    background-repeat: no-repeat;
}

#ifrm_header {
    height: 55px;
    max-height: 55px;
}

#pagesheader {
    width: 100%;
    height: 55px;
    position: absolute;
    left: 0px;
}

.iconheader {
    display: inline-block;
    position: absolute;
    background-color: #2465a8;
    background-image: url('../Images/header/header_logo.png');
    right: 50px;
    top: 0px;
    width: 200px;
    padding-right: 0px;
    height: 55px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
}

.iconheaderred {
    display: inline-block;
    position: absolute;
    background-image: url('../Images/header/header_logo_test.png');
    background-position: right;
    background-repeat: no-repeat;
    right: 50px;
    top: 0px;
    width: 100%;
    padding-right: 0px;
    height: 55px;
    vertical-align: middle;
    background-color: #475057;
    background-repeat: no-repeat;
    background-position: center;
}

.searchresult_divVideoFrame .iconheader {
    height: 0;
    width: 0;
}
/* header style*/
.textlogo {
    margin-left: 10px;
    padding-top: 15px;
    color: #64676f;
    left: 40px;
    position: absolute;
    visibility: collapse;
    display: none
}



div#headernav {
    position: fixed;
    top: 0px;
    left: 170px;
    margin: 0;
    height: 100%;
}

#headernav ul {
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
}

#headernav li {
    display: inline-block;
    opacity: 0.7
}

    #headernav li:hover {
        opacity: 1
    }

#headernav #liNewR {
    position: relative;
}

    #headernav #liNewR:before {
        content: "\f086";
        position: absolute;
        color: White;
        border: solid 0px red;
        font-size: 23px !important;
        line-height: 40px;
        /* height: 40px; */
        width: 26px;
        left: 8px;
        top: 6px;
        font: normal normal normal 14px/1 FontAwesome;
        padding: 10px;
        background-color: #2465a8!important;
    }


#headernav #liNewV {
    position: relative;
}

    #headernav #liNewV:before {
        content: "\f008";
        position: absolute;
        color: White;
        border: solid 0px red;
        font-size: 23px !important;
        line-height: 40px;
        /* height: 40px; */
        width: 26px;
        left: 2px;
        top: 6px;
        font: normal normal normal 14px/1 FontAwesome;
        padding: 10px;
        background-color: #2465a8!important;
    }

.icon_video {
    position: absolute;
    margin-left: 2px;
    right: 0px;
    top: 0px;
    height: 57px;
    width: 50px;
    border: none;
    opacity: 1;
    z-index: 3;
}


.icon_blog {
    position: absolute;
    margin-left: 2px;
    right: 0px;
    top: 0px;
    height: 57px;
    width: 50px;
    border: none;
    opacity: 1;
    z-index: 3;
}
/*panel opens*/
#ifrcomment {
    background-color: #fbfbfa;
    position: absolute;
    top: 50px;
    left: 110px;
    box-shadow: 2px 2px 10px #888888;
    margin-top: 0px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    z-index: 1000;
}


/*#ifrmovie{  background-color:#fbfbfa; position:fixed; 
           top:56px;left:0px;
           box-shadow: 2px 2px 10px #888888;
           margin-top:0px;
            z-index:100;
         z-index:1000; bottom:0px;
	
	  -moz-transition: all 0.5s ;

    -webkit-transition: all 0.5s ;
 
    -o-transition: all 0.5s ;

    transition: all 0.5s;
           }
*/
#uc_mheader_ifrm_MarkList {
    width: 300px;
    height: 100%;
    min-height: 100%;
}

#uc_mheader_ifrm_VideoList {
    width: 300px;
    height: 100%;
    min-height: 100%;
}

.newcommentpage td {
    font-size: 0.85em;
    color: #5b5e65;
    text-align: left;
    padding: 2px;
}

.newcommentpage {
    background-color: transparent;
}

#updatedcomment {
    width: 100%;
    overflow-x: hidden;
    direction: ltr;
}

ul#updatedcomment {
    display: block;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    background-color: transparent;
}

#updatedcomment li {
    list-style-type: none;
    display: block;
    width: 100%;
    text-decoration: none;
    background-color: #f6f6f5;
    border: solid 1px #ededec;
    font-size: 1.2em;
}

    #updatedcomment li a:hover {
        background-color: #2465a8;
        color: #ffffff;
        vertical-align: middle;
    }

    #updatedcomment li a {
        color: #000000;
        vertical-align: middle;
        padding: 5px;
        -moz-transition: all 0.5s; /* WebKit */
        -webkit-transition: all 0.5s; /* Opera */
        -o-transition: all 0.5s; /* Standard */
        transition: all 0.5s;
    }



#updatedcomment_video {
    width: 100%;
    overflow-x: hidden;
    direction: ltr;
}

ul#updatedcomment_video {
    display: block;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    background-color: transparent;
}

#updatedcomment_video li {
    list-style-type: none;
    display: block;
    width: 100%;
    text-decoration: none;
    background-color: #f6f6f5;
    border: solid 1px #ededec;
    font-size: 1.2em;
}

    #updatedcomment_video li a:hover {
        background-color: #e7e7e2;
        color: #ffffff;
        padding-left: 5px;
        vertical-align: middle;
    }

    #updatedcomment_video li a {
        color: #000000;
        vertical-align: middle;
        padding: 5px;
    }


#updatedV {
    width: 100%;
    direction: ltr;
}

ul#updatedV {
    display: block;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    background-color: transparent;
}

#updatedV li {
    list-style-type: none;
    display: block;
    text-decoration: none;
    font-size: 1.2em;
    background-color: #ffffff;
    border: none;
    border-bottom: solid 1px #ededec;
    padding: 4px;

}

    #updatedV li a:hover {
        background-color: #e7e7e2;
        color: #ffffff;
        font-size: 1em;
        padding: 5px;
        vertical-align: middle;
    }

    #updatedV li a {
        color: #000000;
        vertical-align: middle;
        padding: 5px;
        -moz-transition: all 0.5s; /* WebKit */
        -webkit-transition: all 0.5s; /* Opera */
        -o-transition: all 0.5s; /* Standard */
        transition: all 0.5s;
    }



#updatedV:hover .mesholash {
    opacity: 1;
}



#updatedV_video {
    width: 100%;
    direction: ltr;
}

ul#updatedV_video {
    display: block;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    background-color: transparent;
}

#updatedV_video li {
    list-style-type: none;
    display: block;
    text-decoration: none;
    font-size: 1.2em;
    background-color: #f6f6f5;
    border: none;
    border-bottom: solid 1px #ededec;
}

    #updatedV_video li a:hover {
        background-color: #e7e7e2;
        color: #ffffff;
        font-size: 1em;
        padding: 5px;
        vertical-align: middle;
    }

    #updatedV_video li a {
        color: #000000;
        vertical-align: middle;
        padding: 5px;
    }


/*open menu*/
#personsetting {
    height: 56px;
    right: 0px;
    position: absolute;
    top: 0px;
    z-index: 100000
}

ul#personsetting {
    display: inline-block;
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

#personsetting a:link {
    text-decoration: none;
    font-size: 1em;
    padding-top: 5px;
    padding-bottom: 5px;
    display: inline-block;
    height: 22px;
    border-radius: 0px
}

#personsetting a:hover {
    height: 22px;
    text-decoration: none;
    background-color: red;
    border-radius: 0px
}

#personsetting a:visited, #personsetting a:active {
    color: #ffffff;
}

#personsetting .userdef:hover {
    background-color: transparent;
}

#personsetting:hover .moreoption:before {
    opacity: 1
}

.moreoption:before {
    content: "\f0c9";
    position: absolute;
    color: #fff;
    font-size: 25px !important;
    line-height: 34px;
    left: 14px;
    top: 16px;
    font: normal normal normal 14px/1 FontAwesome;
    opacity: 1;
}

.moreoption {
    cursor: pointer;
    height: 55px;
}

    .moreoption:hover {
        opacity: 1
    }

.settingicon {
    height: 55px;
    width: 50px;
}

#personsetting .menumarg a:link {
    height: 30px !important;
    padding: 0px !important;
    width: 60px;
    margin-top: 5px;
    text-align: center;
}

#personsetting #uc_mheader_lbVoteLink:link {
    display: table-cell;
    max-width: 190px;
    height: auto;
    line-height: 1em;
    font-size: 0.8em;
}






/*textual buttons on header*/
.allbarlink {
    position: absolute;
    right: 266px;
    display: inline-block;
    top: 0px;
    height: 56px;
}

    .allbarlink .headerbuts {
        line-height: 56px;
    }







.mejs-skip {
    position: absolute;
    left: -178px;
    top: -15px;
    z-index: 100;
}

.mejs-controls .mejs-pause button {
    left: -223px;
    background-color: Black;
    border-radius: 4px;
    width: 45px;
    height: 45px;
    top: -2px;
}

.mejs-controls .mejs-play button {
    left: -223px;
    background-color: Black;
    border-radius: 4px;
    width: 45px;
    height: 45px;
    top: -2px;
}

#btnSkipUp {
    border-radius: 4px;
    height: 40px;
    width: 20px;
    background-image: url('../Images/video/ff_right.png');
    background-size: 100%;
    cursor: pointer;
    position: absolute;
    left: 30px;
    background-position: center;
    background-repeat: no-repeat;
}

#btnSkipDown {
    border-radius: 4px;
    height: 40px;
    width: 20px;
    background-image: url('../Images/video/ff_left.png');
    background-size: 100%;
    cursor: pointer;
    position: absolute;
    left: -8px;
    background-position: center;
    background-repeat: no-repeat;
}

.mejs-container .mejs-controls {
    left: 190px;
    right: 50px;
}



/*MEETING STATUS*/
.videosnap {
    background-color: transparent;
    border: none;
    background-position: center;
    width: 100%;
    height: 182px;
    background-repeat: no-repeat;
    opacity: 0.9
}

.meetingbox_waitForTeacher {
    background-image: url('../Images/meetingpage/inediting.png');
    background-position: top;
    background-repeat: no-repeat;
}

.meetingbox_process {
    background-color: #eaeaea;
    background-position: top;
    background-repeat: no-repeat;
}
/*background-image:url('../Images/meetingpage/inprocess.png');*/


.editorvideoview {
    background-image: url('../images/meetingpage/editmeeting.png');
    height: 40px;
    width: 40px;
    border: none;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1000;
    cursor: pointer;
    background-size: 80%;
    background-repeat: no-repeat;
    background-color: #edb863;
    background-position: center;
    border-radius: 6px;
    margin:6px;
}

    .editorvideoview:hover {
        background-color: #f7ab30
    }


.courseitem:hover .meetingbox_waitForTeacher #coursedef {
    color: #1D1E1F
}

.courseitem:hover .meetingbox_waitForTeacher #meeting_name {
    color: #1665ae
}

.courseitem:hover .meetingbox_waitForTeacher div#teach {
    color: #1D1E1F
}

.courseitem:hover .meetingbox_process #coursedef {
    color: #1D1E1F
}

.courseitem:hover .meetingbox_process #meeting_name {
    color: #1665ae
}

.courseitem:hover .meetingbox_process div#teach {
    color: #1D1E1F
}

.checkposset {
    padding-top: 6px;
    padding-bottom: 6px;
}

.form-group.checkposset {
    margin-bottom: 0
}

.checkposset input[type=checkbox] {
    margin-top: 2px !important;
}



.indicatorsside i.fa {
    width: 40px !important;
    height: 40px !important
}

    .indicatorsside i.fa:before {
        height: 40px;
        width: 40px;
        margin-left: -20px;
        left: 10px;
        position: absolute;
        z-index: 100;
        top: 10px;
    }

.iconposindicator {
    margin: 6px;
}


.indicatorsside i.fa.fa-video-camera, .indicatorsside i.fa.fa-spinner, .indicatorsside i.fa.fa-clock-o, .indicatorsside i.fa.fa-pencil, .indicatorsside i.fa.fa-check, .indicatorsside i.fa.fa-graduation-cap, .indicatorsside i.fa.fa-cloud, .indicatorsside i.fa.fa-minus, .indicatorsside .panel-success i.fa.fa-thumbs-o-up, .indicatorsside i.fa.fa-orc, .indicatorsside i.fa-trash-o, .indicatorsside i.fa-building-o {
    background-color: #72b0e0 !important;
}

.indicatorsside .label {
    padding: 0px;
}

.panel-yellow .panel-heading .label {
    color: #555;
    font-weight: normal;
}

.indicatorsside .panel-danger .panel-heading .label {
    color: #555;
    font-weight: normal;
}

.indicatorsside .panel-success .panel-heading .label {
    color: #555;
    font-weight: normal;
}

.indicatorsside .panel-primary .panel-heading .label {
    color: #555;
    font-weight: normal;
}

.indicatorsside .panel-green .panel-heading .label {
    color: #555;
    font-weight: normal;
}

.panel.indicatorst {
    border: 1px dotted !important;
    border-color: #D8D8D8 !important;
    margin: 6px;
    padding-top: 10px;
    padding-bottom: 30px;
}

.indicatorsside .panel-heading {
    border: none;
}

.indicatorsside .panel {
    border: none;
}

.absclass {
    top: auto;
    bottom: 4px !important;
}

.indicatorsside i.fa.fa-long-arrow-up {
    font-size: 16px !important;
    color: #B1ACAC;
    margin-right: 0;
    width: 20px !important;
    height: 23px !important;
}

    .indicatorsside i.fa.fa-long-arrow-up:before {
        width: 20px;
        height: 20px;
    }

.posnum {
    font-size: 25px !important;
    margin-bottom: -7px !important;
    margin-top: 5px !important;
}

.absclass {
    position: absolute;
    bottom: 5px;
    margin: 4px;
}

.indicatorsside #redError i.fa {
    font-size: 16px !important;
    color: #B1ACAC;
    margin-right: 0;
    width: 20px !important;
    height: 30px !important;
}


.indicatorsside #redError i.fa {
    color: #fff !important
}

div#redError {
    border-radius: 20px !important;
    height: 20px !important;
    width: 20px !important;
    right: 0px !important;
    left: auto !important;
    padding-left: 0px !important;
    background-color: Red !important;
    position: static !important;
    float: right;
}




.roomstatepanel {
    background-color: transparent !important
}

.panelroomstate.panel-default > .panel-heading {
    font-weight: normal !important;
    color: #555 !important;
    border-top: 1px solid #CCC;
}

.LastUpdateDatedash {
    border: none;
    border-bottom: 1px solid #CCC;
    color: #555 !important;
    padding: 6px !important;
    margin: 0.5%;
}



#ContentPlaceHolder1_divChooseInst .panel-heading {
    background-color: transparent !important;
    border: none !important;
}

#ContentPlaceHolder1_divChooseInst.panel-default {
    background-color: transparent !important;
    border: none !important;
}

.servicebox .panel-body {
    direction: rtl;
}


.AllRed {
    color: #fff !important;
}

    .AllRed .lblSmallSum {
        color: Red !important;
        font-weight: bold !important;
        font-size: 1.3em;
    }

.indicatorsside .AllRed i.fa:before {
    color: Red !important;
    font-weight: bold !important;
}

.indicatorsside .AllRed i.fa.alertindicator:before {
    color: white !important;
    font-weight: normal !important;
    width: 23px;
    right: -5px;
}

div#wrapper.mastermarg {
    background-color: White;
}

.DashSearchResults {
    padding-top: 0px !important
}

.indicatorsside .panel-primary.indicatorst {
    background-color: White;
}

.ServiceStatus_X {
    border-right: solid 5px red;
    padding: 4px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 10px;
    background-color: white
}

    .ServiceStatus_X span {
        display: block
    }

.servicebox div {
    display: inline-block
}

.ServiceStatus_V {
    border-right: solid 5px green;
    padding: 4px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 10px;
    vertical-align: top;
    background-color: white
}

    .ServiceStatus_V span {
        display: block
    }

.roomstatepanel {
    margin-top: 0px !important;
    border: none !important;
}

.LastUpdateDatedash.servicebox {
    padding: 0px !important;
    margin-top: 0px;
}

    .LastUpdateDatedash.servicebox .panel-body {
        padding: 6px !important;
    }

.indicatorsside .panel-danger i.fa.fa-map-marker {
    background-color: #72b0e0 !important;
}

.indicatorsside .panel-danger i.fa.fa.fa-film {
    background-color: #72b0e0 !important;
}

.indicatorsside .panel-green i.fa.fa-check-square-o {
    background-color: #72b0e0 !important;
}

.indicatorsside .panel-primary i.fa.fa-comments {
    background-color: #72b0e0 !important;
}

.indicatorsside .panel-primary i.fa.fa-users {
    background-color: #72b0e0 !important;
}

.LastUpdateDatedash {
    border: none !important;
    border: 1px solid #e8e4e4 !important;
}

.roomstate.green {
    background-color: #c4deb8 !important;
}

.roomstate.red {
    background-color: #f3d1d1 !important;
}



div#redError {
    background-color: Red;
    margin-top: 8px;
    margin-left: -4px;
}



.indicatorsside #redError i.fa {
    font-size: 16px !important;
    color: red;
    margin-right: -3px;
    width: 25px !important;
    height: 25px !important;
    margin-top: -6px;
}

.indicatorsside i.fa.fa-long-arrow-up {
    font-size: 16px !important;
    color: #B1ACAC;
    margin-right: 0;
    width: 20px !important;
    height: 25px !important;
}

.indicatorsside i.fa.fa-map-marker:before {
    margin-left: -24px;
}

.indicatorsside i.fa.fa-minus.fa-orc:before {
    margin-top: 6px;
}

.indicatorsside i.fa.fa-graduation-cap:before {
    margin-left: -16px;
}

.indicatorsside i.fa.fa-clock-o:before {
    margin-left: -21px;
}

.servicetitle {
    display: inline-block;
    background-color: #dae5ec;
    width: 100%;
    padding: 6px;
    vertical-align: top;
}

.panel.dashlinks {
    border-radius: 0px !important;
    margin: 0px !important;
    padding: 0px !important;
    margin-right: 10px !important;
}

.panel.indicatorst {
    margin: 4px !important;
}

/*.btnLib:hover , .btnSum:hover , .btnVote:hover , .btnControl:hover{ background-color:#2465a8}*/


.numofcourses {
    background-color: #2465a8
}

.panel-primary.indicatorst.butdash {
    background-color: #dae5ec;
    color: #5097ce !important;
}

.indicatorst .extrafont .fa.posfabut {
    color: #5097ce
}


#videoPageHeader {
    background-color: #2465a8 !important
}

.mejs-container .mejs-videoicons {
    background-color: #2465a8!important;
    width: 50px !important;
}

.mejs-classboostsbuttons {
    bottom: 0px !important
}




#meetingsbutst {
    background-color: #2465a8
}

#notebookbutst {
    background-color: #2465a8
}

#SegModbutst {
    background-color: #2465a8
}

#CustClipbutst {
    background-color: #2465a8
}

#commentsbutst {
    background-color: #2465a8
}

.mejs-remarkbButtons .mejs-button button {
    background-color: #2465a8
}

#pnlHeader {
    background-color: #2465a8
}

.mejs-container .mejs-layers .ImagesSlider {
    background-color: Black;
    left: -50px !important;
    right: -50px !important;
}

#swapbutst, #picinpicbutst, #sidebysidebutst, #fullframebutst, #sliderModebutst, #sliderSizebutst {
    background-color: transparent !important;
}





#ddlMeetings li.liMeeting_selected {
    background-color: #2465a8
}

#ddlMeetings li:hover {
    background-color: #2465a8
}

.mejs-container .mejs-videoicons divt {
    background-color: #2465a8;
    width: 40px !important;
    background-position: center;
    border-bottom: solid 1px #000;
}

.mejs-container .mejs-videoicons div#meetingsbutst {
    background-color: #2465a8;
    width: 40px !important;
    background-position: center;
    border-bottom: solid 1px #000;
    position: relative
}

.mejs-container .mejs-videoicons div#notebookbutst {
    background-color: #2465a8;
    width: 40px !important;
    background-position: center;
    border-bottom: solid 1px #000;
}

.mejs-container .mejs-videoicons div#SegModbutst {
    background-color: #2465a8;
    width: 40px !important;
    background-position: center;
    border-bottom: solid 1px #000;
}

.mejs-container .mejs-videoicons div#CustClipbutst {
    background-color: #2465a8;
    width: 40px !important;
    background-position: center;
    border-bottom: solid 1px #000;
}

.mejs-container .mejs-videoicons div#commentsbutst {
    background-color: #2465a8;
    width: 40px !important;
    background-position: center;
    border-bottom: solid 1px #000;
}

.mejs-remarkbButtons .mejs-button button {
    background-color: #2465a8 !important;
    width: 40px !important;
    background-position: center;
    opacity: 0.8 !important;
    border-bottom: solid 1px #000;
}

    .mejs-remarkbButtons .mejs-button button:hover {
        background-position: center;
        opacity: 1 !important;
    }

.mejs-container .mejs-videoicons {
    width: 40px !important;
}

.mejs-container .mejs-remarkbButtons {
    width: 40px !important;
}

.setclip {
    background-image: none;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left;
    border: none;
    text-decoration: underline;
    background-color: transparent;
    box-shadow: none;
}

.searchincourse_botton:hover {
    background-color: #2465a8;
    color:white;
}

.setdivClip {
    background-color: #fff;
    border-radius: 0px;
    width: 100%;
    box-shadow: 1px 1px 2px #949595;
    border: solid 1px rgb(255, 249, 249);
    color: #5b5e65;
    font-size: 1.2em;
    position: absolute;
    top: 0px;
    background-repeat: repeat-x;
    background-position: top;
    border: solid 1px rgb(198, 194, 194);
    background-image: none;
}

    .setdivClip:before {
        background-image: none;
    }


.setdivClip table{width:100%;}
.titletopclip {
    padding-right: 10px;
    padding-left: 10px;
    color: #5b5e65;
    font-size: 1.2em;
    line-height: 40px;
    padding-right: 40px;
    background-repeat: no-repeat;
    background-position: right;
    font-weight: normal;
    background-color: #ccddef;
}

#divClip table {
    width: 100%;
}

#divClip {
    margin-top: -2px;
}





#btnPublishToTeacher {
    background-color: Red !important;
    padding-left: 20px;
}

#ucContact_lblGotYourTurn {
    margin-bottom: 30px;
    display: block;
}


.newcommentpage .commntlast #gvNewRemarks td span {
    display: block;
    max-width: 220px;
}

.newcommentpage td div {
    vertical-align: top;
}








.classboost_logo_signin {
    background-image: url('../Images/login/classboost_logostartpage1.png');
    background-size: auto 70%;
    height: 140px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #2465a8;
}

#containersignup {
    width: 100%;
    background-color: #2465a8;
}

.allsteps {
    background-color: transparent;
}

.topsignup {
    background-color: #fff;
}

#signuppage {
    margin-top: 0px;
}

.signupstep1 {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
}

.signupstep1txt .whitetxt {
    color: #5b5e65;
}

#divOtherDetails {
    background-color: White;
    margin-top: -40px;
}

.wasactive {
    background-color: #2465a8;
}

.middelsignup {
    padding-top: 15px;
    padding-bottom: 10px;
}

span#orlbl {
    background-color: #2465a8;
    display: inline-block;
    width: auto;
    margin: 0 auto;
    font-size: 1.2em;
    padding: 4px;
}

.sideform {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
    background-color: transparent
}

.activestep:before {
    bottom: 50px;
    visibility: visible;
    content: "";
    position: absolute;
    right: 40%;
    border-width: 25px 15px 0px 15px;
    border-style: solid;
    border-color: #2465a8 transparent;
    display: block;
    width: 0;
    z-index: 1000;
}

.activestep {
    font-size: 1.5em;
    width: 100px;
    padding: 4px;
    padding-bottom: 0;
    display: inline-block;
    color: #ffffff;
    background-color: transparent;
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    border-radius: 60px;
    border: solid 0px #ededec;
    position: relative;
    text-align: center;
    height: 50px;
}

.step2, .step3 {
    font-size: 1.5em;
    width: 100px;
    padding: 4px;
    padding-bottom: 0;
    display: inline-block;
    text-align: center;
    color: #fff;
    background-color: transparent;
    border: none;
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin-right: 4px;
}

.wasactive {
    font-size: 1.5em;
    width: 100px;
    padding: 4px;
    padding-bottom: 0;
    display: inline-block;
    text-align: center;
    color: #ffffff;
    background-color: transparent;
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    border: solid 0px #ededec;
    position: relative;
    background-image: url('../images/entrance/ok_step.png');
    background-position: top;
    background-repeat: no-repeat;
    padding-top: 35px;
    margin-left: 3px;
}

.sideform input {
    margin: 5px;
    padding: 4px;
}

.sideform select {
    margin: 5px;
    padding: 4px;
}

.sideform input[type=submit] {
    margin: inherit;
    padding: 8px;
}

.sideform td {
    border-bottom: none;
}

.form-control.inlinediv {
    display: inline-block
}

td#txtBirthDetails_Ins_B-1 {
    border: none;
    background-color: #fff;
}

.dxeButtonEdit.form-control {
    margin: 5px;
    padding: 4px;
}

#divOtherDetails, .topsignup {
    border-radius: 20px !important;
}

ul.list-inline.dis {
    direction: rtl;
}



#personsetting {
    right: 0px;
}

#rbMaleFemale input[type=radio] {
    padding: 10px;
    display: inline-block;
    height: 25px;
    width: 20px;
}

#rbMaleFemale label {
    margin-left: 10px;
}

#step3 {
    visibility: visible
}

#lastStep table {
    background-color: White;
    border-radius: 10px;
}

#lastStep {
    padding-top: 0px;
    border: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#btnEnterSys {
    margin-bottom: 20px
}


#ContentPlaceHolder1_btnapp .selectwhat {
    background-color: transparent;
    color: #000
}

    #ContentPlaceHolder1_btnapp .selectwhat .selectwhatcoteret {
        color: #000
    }

#ContentPlaceHolder1_Div1 .selectwhat {
    background-color: transparent;
    color: #000
}

    #ContentPlaceHolder1_Div1 .selectwhat .selectwhatcoteret {
        color: #000
    }

div#divError {
    text-align: center;
    padding: 4px
}

.activestep:before {
    bottom: 60px;
    visibility: visible;
    content: "";
    position: absolute;
    right: 40%;
    border-width: 15px 10px 0px 10px;
    border-style: solid;
    border-color: #2465a8 transparent;
    display: block;
    width: 0;
    z-index: 1000;
}

.signupstep1txt {
    display: inline-block;
    float: right;
    width: 30%;
    text-align: right;
}

.signupstep1 {
    display: inline-block;
    float: right;
    width: 60%;
    border-right: solid 1px #ddd
}

.stepcontent {
    width: 98%
}



.myprofilebut {
    float: none;
    padding-right: 144px;
    padding-top: 10px;
}

.bodystylesignup {
    background-color: #2465a8;
}

.tdlableform {
    width: 120px;
}



/*clip*/
.courseclipitem {
    display: inline-block;
}

.addnewclipitem {
    display: inline-block;
    float: right;
    background-image: url(../Images/clip/clipicon.png);
    opacity: 1;
    background-repeat: no-repeat;
    background-position: right;
    text-align: right;
    padding-right: 50px;
    padding-left: 17px;
    MARGIN-RIGHT:4%;
    MARGIN-LEFT: 75%;
    color: #ffffff;
    font-size: 1em;
    background-size: auto 80%;
    cursor: pointer;
    margin-bottom: 5px;
    margin-top: 0px;
    background-color: #2465a8;
    border-radius: 8px;
    padding: 8px 12px;
    padding-right: 40px;
}

    .addnewclipitem:hover {
        background-color: #2465a8;
        
    }

.cleaerslass {
    clear: both;
    margin-bottom: 10px;
}





#ContentPlaceHolder1_ucClips_LblClipsTitle {

    color: #134478;
    font-size: 1.2em;
    font-weight: bold;
}

#ContentPlaceHolder1_ucMeetings_LbllessonTitle {
    color: #134478;
    font-size: 1.2em;
    font-weight: bold;
}






.cliptitle span.widthauto {
    width: auto;
}

.weightbold {
    font-weight: 700;
}

.fontsmall-09 {
    font-size: 0.9em;
}

.lable-alert-paddingmid {
    padding-left: 10px;
    padding-right: 10px;
}

.lblalert {
    font-size: 1em;
    display: inline-block;
    webkit-border-radius: 2px;
    color: #ffffff;
    -moz-border-radius: 2px;
    position: relative;
    box-shadow: 0px 0px 0px #888888;
    margin-bottom: 0px;
    margin-top: 10px;
    line-height: 1.4em;
    margin-bottom: 10px;
    color: red;
    border-radius: .25rem;
}





.divbutmis {
    height: 100%;
    display: inline-block;
    vertical-align: top;
    width: 22%;
    webkit-box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.2);
    box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.2);
    margin: 0.5%;
    border-radius: 20px;
    background-color: #fff;
    -moz-transition: all 0.3s; /* WebKit */
    -webkit-transition: all 0.3s; /* Opera */
    -o-transition: all 0.3s; /* Standard */
    transition: all 0.3s;
    position: relative;
    box-shadow: none;
    border: none;
}


    .divbutmis:before {
        content: "";
        position: absolute;
        left: -50px;
        bottom: -20px;
        height: 50px;
        width: 150%;
        z-index: 100
    }

    .divbutmis:hover:before {
        content: "";
        position: absolute;
        left: -50px;
        bottom: -20px;
        height: 50px;
        width: 150%;
        z-index: 100
    }


    .divbutmis:hover .selectwhat {
        margin-top: -20px;
    }

#div_ClipSrcChng {
    background-image: url('../Images/loading.png');
    background-position: center;
    background-color: black;
}


#ContentPlaceHolder1_Meetings1_dlist_Meetings .courseitem {
    height: auto
}

#ContentPlaceHolder1_Meetings1_dlist_Meetings #posvideo {
    height: auto
}

#ContentPlaceHolder1_Meetings1_dlist_Meetings #miscoursebox_last #posvideo {
    height: auto
}

#ContentPlaceHolder1_Meetings1_dlist_Meetings .courseitem {
    width: 22%;
    min-width: 200px;
}

.icon_playlivevdeo {
    background-image: url(../Images/choose_page/live_icon_80.png);
    width: 100%;
    height: 100%;
    vertical-align: top;
    position: absolute;
    right: 0px;
    background-repeat: no-repeat;
    background-position: top left;
    background-color: transparent;
    border: none;
    cursor: pointer;
    top: 0px;
}
.icon_playzoomvdeo {
    background-image: url(../Images/choose_page/zoom_icon_80.png);
    width: 100%;
    height: 100%;
    vertical-align: top;
    position: absolute;
    right: 0px;
    background-repeat: no-repeat;
    background-position: top left;
    background-color: transparent;
    border: none;
    cursor: pointer;
    top: 0px;
}
.icon-zoom-active {
    background-image: url(../../Images/zoom_active.svg);
    width: 100%;
    height: 100%;
    vertical-align: top;
    position: absolute;
    right: 0px;
    background-repeat: no-repeat;
    background-position: top left;
    background-color: transparent;
    border: none;
    cursor: pointer;
    top: 0px;
    background-size: 35px;
}
.icon-zoom-disable {
    background-image: url(../../Images/zoom_disable.svg);
    width: 100%;
    height: 100%;
    vertical-align: top;
    position: absolute;
    right: 0px;
    background-repeat: no-repeat;
    background-position: top left;
    background-color: transparent;
    border: none;
    cursor: pointer;
    top: 0px;
    background-size: 35px;
}
.sendalertlive {
    background-color: transparent;
    border: none;
    text-decoration: underline;
    font-size: 14px;
    cursor: pointer;
    color: #d78e16;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 8px;
}




.updatedcourses #ContentPlaceHolder1_ucMeetings_Last_divLessonsTitle {
    visibility: collapse;
    display: none;
    margin: 0px;
    padding: 0px;
    line-height: 0px;
    margin-bottom: 0px;
}


.liveupdatedcourses .meetingbox_livefeature .courseitem:hover {
    background-color: White;
}

.meetingbox_livefeature .courseitem {
    background-color: white;
    cursor: default;
    border: none;
}

.liveupdatedcourses .meetingbox_livenow {
    background-color: white;
    border: solid 2px #ddd;
}

    .liveupdatedcourses .meetingbox_livenow:hover {
        background-color: #2465a8;
        border: solid 2px #2465a8
    }
.liveupdatedcourses .meetingbox_zoomnow {
    background-color: white;
    border: solid 2px #ddd;
}

    .liveupdatedcourses .meetingbox_zoomnow:hover {
        background-color: #2465a8;
        border: solid 2px #2465a8
    }
.liveupdatedcourses .meetingbox_livefeature {
    background-color: white;
    border: solid 2px #ddd;
    cursor: default;
    background-image: url('../Images/choose_page/live_icon_disable.png');
    background-position: top left;
    background-repeat: no-repeat;
}
.zoomupdatedcourses .meetingbox_zoomfeature {
    background-color: white;
    border: solid 2px #ddd;
    cursor: default;
    background-image: url('../Images/choose_page/zoom_icon_disable.png');
    background-position: top left;
    background-repeat: no-repeat;
}

.liveupdatedcourses .meetingbox_zoomfeature:hover {
    background-color: white;
    border: solid 2px #ddd;
    cursor: default;
}

.courseitem:hover .meetingbox_zoomfeature #coursedef {
    color: #8d8d8d
}

.courseitem:hover .meetingbox_zoomfeature #meeting_name {
    color: #8d8d8d;
    text-decoration: none !important;
}

.courseitem:hover .meetingbox_zoomfeature:hover #meeting_name {
    color: #8d8d8d;
    text-decoration: none;
}

.courseitem .meetingbox_zoomfeature #coursedef {
    color: #8d8d8d !important
}

.courseitem.meetingbox_zoomfeature #meeting_name {
    color: #8d8d8d;
    text-decoration: none !important;
}

.courseitem .meetingbox_zoomfeature #meeting_name {
    color: #8d8d8d;
    text-decoration: none;
}

    .liveupdatedcourses .meetingbox_livefeature:hover {
        background-color: white;
        border: solid 2px #ddd;
        cursor: default;
    }

.courseitem:hover .meetingbox_livefeature #coursedef {
    color: #8d8d8d
}

.courseitem:hover .meetingbox_livefeature #meeting_name {
    color: #8d8d8d;
    text-decoration: none !important;
}

.courseitem:hover .meetingbox_livefeature:hover #meeting_name {
    color: #8d8d8d;
    text-decoration: none;
}

.courseitem .meetingbox_livefeature #coursedef {
    color: #8d8d8d !important
}

.courseitem.meetingbox_livefeature #meeting_name {
    color: #8d8d8d;
    text-decoration: none !important;
}

.courseitem .meetingbox_livefeature #meeting_name {
    color: #8d8d8d;
    text-decoration: none;
}

.liveupdatedcourses #posvideo {
    margin-bottom: 0px;
}

.liveupdatedcourses .courseitem {
    border: none
}

.courseitem:hover .sendalertlive {
    color: #e85016
}

.misgeretaddremarkindiv {
    display: inline-block;
    vertical-align: top;
}

.clipdeftitle {
    display: inline-block
}



/*שינוי שפה*/
ul#moreoption {
    display: block;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    background-color: transparent;
    overflow-y: auto;
    overflow-x: hidden;
    font-size: 1em;
}

#moreoption {
    width: 250px;
    margin-right: 0px;
    padding: 0px;
    position: fixed;
    line-height: 2em;
    z-index: 3002;
    background-color: white;
    -moz-transition: all 0.6s;
    /* WebKit */
    -webkit-transition: all 0.6s;
    /* Opera */
    -o-transition: all 0.6s;
    /* Standard */
    transition: all 0.6s;
    bottom: 0px;
    top: 0px;
    min-width: 200px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    direction: ltr;
    box-shadow: 2px 2px 10px #888888;
}

    #moreoption li {
        list-style-type: none;
        display: block;
        color: #5b5e65;
        text-align: right !important;
        padding: 0px;
        text-decoration: none;
        font-size: 14px;
        background-color: #fff;
        border: none;
    }

        #moreoption li:hover {
            BACKGROUND-COLOR: #e7f2f8;
        }

        #moreoption li div {
            border-bottom: solid 1px #f8f8f8;
        }

        #moreoption li a {
            color: #5b5e65;
            vertical-align: middle;
            width: 100%;
        }

            #moreoption li a:hover {
                background-color: white;
                font-size: 1em;
                vertical-align: middle;
            }

        #moreoption li.spacernav {
            background-color: #f8f8f8;
            height: 5px;
            min-height: 10px !important;
        }

/*#moreoption li:hover .fa{color:#fff}*/



#personsetting .menumarg a:link {
    margin-bottom: 5px;
}


#moreoption li:hover a.activ_heb {
    background-color: #3284D4;
    color: #fff
}

#moreoption li:hover a.activ_eng {
    background-color: #fff;
    color: #000;
}

#moreoption li a.activ_heb {
    background-color: #3284D4;
    color: #fff;
    margin-left: 10px;
    margin-right: 10px;
}

#moreoption li a.activ_eng {
    background-color: #fff;
    color: #000;
    margin-left: 10px;
    margin-right: 10px;
}


/*#moreoption li:hover{background-color:#2465a8;color:#fff;  }*/
#moreoption li.menumarg:hover {
    background-color: transparent;
}
/*#moreoption li.sidenav.menumarg:hover {background-color:#2465a8;color:#fff;  }*/
#moreoption ul.dis li:hover {
    background-color: transparent;
}

#moreoption li.spacernav:hover {
    background-color: #ddd;
}



/*icon menu fix*/



#moreoption li span {
    display: inline-block;
    min-height: 45px;
    line-height: 45px;
}

#moreoption li #uc_mheader_lbGetVoteLink span {
    line-height: 15px;
    padding-top: 10px;
}

#moreoption .fa-play-circle:before {
    margin-right: 5px;
}

#moreoption .fa-pie-chart:before {
    margin-right: 1px;
}

#moreoption .fa-edit:before {
    margin-right: 4px;
}

#moreoption .fa-table:before {
    margin-right: 4px;
}

#moreoption .fa-link:before {
    margin-right: 4px;
}

#moreoption .fa-file-text-o:before {
    margin-right: 4px;
}

#moreoption .fa-bar-chart-o:before {
    margin-right: 4px;
}

#moreoption .fa.fa-home:before {
    margin-right: 5px;
}

#moreoption .fa.fa-search:before {
    margin-right: 4px;
}

#moreoption .fa.fa-sign-out:before {
    margin-right: 4px;
}

#moreoption .fa.fa-times:before {
    margin-right: 4px;
}

#moreoption .fa.fa-sign-out:before {
    margin-right: 4px;
}

#moreoption .fa.fa-list-alt:before {
    margin-right: 4px;
}

#moreoption .fa.fa-key:before {
    margin-right: 4px;
}

#moreoption .sidenav .fa.fa-times {
    float: right;
}




.headerbuts {
    cursor: pointer;
    float: right;
    padding: 0px;
    display: inline-block;
    opacity: 0.7;
    font-size: 1em;
    color: #fff;
    background-position: center;
    border: none;
    background-repeat: no-repeat;
}
/*
 .headerbuts:hover
 {
     background-color: #387ec1;
 }
.sidenav .headerbuts:hover 
{
    color:White !important;
    }
 */
.sidenav .headerbuts {
    display: block;
    float: none;
    color: #5b5e65 !important;
    opacity: 1;
    position: relative;
}

.btnSumtxt {
    display: inline-block;
    margin: 0px 0px 0px 0px;
    width: 100px;
    text-align: center;
}

.sidenav .headerbuts .btnSumtxt {
    padding: 0px;
    margin: 0px;
    text-align: right;
}

.headerbuts.contentmenu.closeset {
    background-color: #2465a8;
    height: 57px;
    overflow: hidden;
}

input#uc_mheader_btCloseMenu {
    background-color: #2465a8;
    line-height: 52px;
    width: 100%;
    margin-right: 0%;
    padding-left: 0%;
    background-repeat: no-repeat;
    background-image: url(../Images/video/back.png);
    background-position: right;
    background-size: auto 55%;
}










#ContentPlaceHolder1_ucClips_LblClipsexplain {
    max-width: 750px;
    line-height: 0.9em;
    text-align: right;
    vertical-align: middle;
    margin-top: -7px;
}


.signupclose {
    background-color: #2465a8;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    margin-top: 5px;
    float: right;
}









.searchtxtboxset {
    padding-top: 30px;
}

.iconuniversity {
    background-image: url(../Images/login/univercity_iconlogin_hover.png);
    height: 80px;
    width: 80px;
    webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}



#moreoption .fa {
    margin: 15px 30px 10px 10px;
    height: 30px;
    width: 30px;
    vertical-align: top;
    font-size: 20px;
}

.remarkdivst #up1 {
    position: absolute;
    top: 0px;
    bottom: 0px;
    WIDTH: 100%;
    overflow: hidden;
    overflow-y: scroll;
}



@media screen and (max-height: 480px) {
    #wrapsignup {
        visibility: collapse;
    }

    .insigninpage {
        margin-top: -45px
    }

    #divsupportlogin_reg {
        visibility: collapse;
    }

    #loginaside .small {
        margin-top: 0px !important;
    }

    #headerstrtpage:before {
        position: absolute;
        content: "";
        opacity: 0.5;
        height: auto;
        width: 100%;
        right: 0px;
        left: 0px;
        top: 0px;
        bottom: 0%;
        background-image: url(../Images/login/backhome.jpg);
        background-size: auto 140%;
        background-position: center;
    }

    #pas {
        height: 100%;
    }

    .pos_app {
        visibility: collapse;
    }
}

#loginaside {
    min-height: 500px;
}



div#ContentPlaceHolder1_btn3 {
    display: none;
}

#btnSettings {
    position: fixed;
    top: 50px;
    left: 2px;
    bottom: auto;
}

#butSettings {
    border: solid 1px transparent;
}


.mejs-container .mejs-controls div.settinglist {
    position: fixed;
    top: 10px;
    bottom: auto;
    left: 30px;
    width: 100px;
}

.mejs-container .mejs-controls div.qualitylist, .mejs-container .mejs-controls div.speedlist {
    position: fixed;
    top: 10px;
    bottom: auto;
    left: 30px;
    width: 100px;
    z-index: 1000;
}

.mejs-container .mejs-controls div.btnSpeed, .mejs-container .mejs-controls div.btnQuality {
    display: block;
    padding: 5%;
    width: 75%;
    padding-bottom: 10px;
    padding-top: 10px;
    cursor: pointer;
    position: relative;
    padding-left: 5%;
    padding-right: 0;
    font-size: 1.5em;
}

.mejs-container .mejs-controls div.qualitylist div, .mejs-container .mejs-controls div.speedlist div {
    display: block;
    padding: 5%;
    width: 75%;
    padding-bottom: 10px;
    padding-top: 10px;
    cursor: pointer;
    position: relative;
    padding-left: 25%;
    padding-right: 0;
    font-size: 1.5em;
}

    .mejs-container .mejs-controls div.qualitylist div.QualHeader, .mejs-container .mejs-controls div.speedlist div.SpdHeader {
        padding-left: 5%;
    }

#ucAddRemrk_lblChoose:before {
    position: absolute;
    top: 10px;
    right: 6px;
    width: 25px;
    height: 25px;
    font: normal normal normal 14px/1 FontAwesome;
    opacity: 0.7;
    font-size: 25px;
    content: "\f06a";
}

.margtopspan {
    height: 56px;
    margin-top: 0px;
    width: 100%;
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    background-position: center;
    background-repeat: no-repeat;
}
/* background-image: url(../Images/header/header_logo.png);   background-color: #2465a8;*/

form#form1 {
    height: 100%;
}

@media screen and (max-width: 1055px) {
    .toolsonclass {
        width: 46%;
        height: 47%;
        margin: 0.5%;
        margin-top: 2%;
        border: solid 1px #144371;
    }

    #posbut {
        width: 100%;
        margin: 0
    }
}

/*#SendOpnionDiv .panel-group .panel{ PADDING-BOTTOM:300PX;}*/
#BlockModalUsers .modal-dialog, .modal-content {
    HEIGHT: 100%
}

#accordion {
    height: auto !important;
    overflow-y: scroll;
}

#ContentPlaceHolder1_btnapp {
    DISPLAY: NONE !important;
}

div#headernav {
    z-index: 10000;
    position: fixed;
    left: 0 !important
}

#uc_mheader_ifrm_MarkList {
    background-color: white !important
}

#uc_mheader_ifrm_VideoList {
    background-color: white !important;
    bottom: 0px !important;
    height: auto !important
}

.titleifrcomment {
    text-align: center !important;
}


#uc_mheader_ifrcomment {
    background-color: #fbfbfa;
    position: fixed;
    top: 55px;
    left: 0px;
    box-shadow: 2px 2px 10px #888888;
    margin-top: 0px;
    z-index: 100;
    z-index: 1000;
    bottom: 0px;
}

#ifrmovie {
    background-color: #fbfbfa;
    position: fixed;
    top: 55px;
    left: 0px;
    box-shadow: 2px 2px 10px #888888;
    margin-top: 0px;
    z-index: 100;
    z-index: 1000;
    bottom: 0px;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}





@media screen and (max-width: 1024px) {
    #uc_mheader_btnSum {
        visibility: collapse;
        width: 0
    }

    #uc_mheader_btnLib {
        visibility: collapse;
        width: 0
    }

    #homebut {
        visibility: collapse;
        width: 0
    }

    .settingicon {
        right: 0px;
    }

    #uc_mheader_btnVote {
        visibility: collapse;
        width: 0
    }

    #uc_mheader_btnControl {
        visibility: collapse;
        width: 0
    }

    #uc_mheader_btnVote:hover {
        right: 42px;
    }

    #userdef {
        visibility: collapse;
        width: 0
    }

    #headernav {
        left: 0px !important
    }

    .lang_login {
        position: static;
    }



    #containerchoosewhat {
        position: fixed;
        left: 0px;
        right: 0px;
        bottom: 0;
        top: 55px;
        margin-top: 0px;
        height: auto;
    }


    .indivExpandColl {
        position: static
    }

    .manag_right {
        display: inline-block;
        width: 100%;
        float: left;
    }

    .manag_left {
        display: inline-block;
        width: 100%;
        float: left;
    }

    .manag_admin {
        display: inline-block;
        width: 100%;
        float: left;
    }

    .tabel_manag_list {
        margin: 0 auto;
        max-width: none;
    }





    /*listcourse*/
    #courselist {
        width: 100%;
        margin-right: 0%;
        margin-left: 0%;
    }

    #miscoursebox_last {
        width: 100%;
        margin-right: 0%;
        margin-left: 0%;
    }

    #coursemeetingpage .courseitem {
        width: 100%;
        margin-right: 0px;
        margin-left: 0px;
        text-align: right
    }

    #posvideo {
        max-width: 350px;
        margin: 0 auto;
    }

    .sumdiv {
        display: block;
        width: 80%
    }
    /*listcourse*/




    #meeting_name {
        font-size: 1em;
    }

    .meetingdatest {
        font-size: 1em;
    }

    #courseitem {
        width: 100%;
        position: relative;
        height: auto;
        min-height: auto;
        margin: 0 auto;
        margin-bottom: 0px;
        max-width: 100%;
    }

    #showplayoncourse:before {
        background-image: none;
    }

    #coursedef {
        width: 90%;
        margin: 0;
        padding: 0;
        padding-top: 10px;
        margin-left: 10px !important;
        margin-right: 10px !important;
        margin-bottom: 20px;
    }

    #notesname {
        padding-right: 10px;
        padding-left: 120px;
        height: 34px;
    }

    #courseitem_current {
        width: 90%;
        padding: 5%
    }

    #tytle_meetinglist {
        padding-right: 0px;
        padding-left: 0px;
    }

    .pos_videoclass {
        right: auto;
        width: 96%;
    }

    .navbar-header {
        position: absolute;
        top: 0px;
        right: 0px;
    }

        .navbar-header button span {
            border: solid 1px
        }

    .gvSpecificRoom td {
        display: block;
        border: none;
    }

    .gvSpecificRoom tr {
        border: solid 1px #ddd;
    }

    .gvSpecificRoom th {
        display: none;
    }

    .gvSpecificRoom .GridViewHeader {
        max-height: 0px;
        padding: 0px;
        height: 0px;
    }

    .gvSpecificRoom td {
        padding: 0px;
        font-size: 0px;
        visibility: collapse;
    }

        .gvSpecificRoom td.isshow {
            padding: 4px 10px;
            font-size: 1em;
            visibility: visible;
        }

    #videosnap {
        display: inline-block;
        width: 35%;
        height: auto;
        margin-right: 10%;
        float: right;
        position: static;
        margin-right: 3%;
        margin-top: 3%;
        margin-bottom: 3%;
    }

    .videosnap {
        height: auto;
    }

    #coursemeetingpage .courseitem {
        width: 100%;
        margin: 0;
        padding: 0;
        min-width: auto;
        margin-bottom: 0;
        border: none;
        border-bottom: solid 2px #ddd;
        padding-bottom: 15px;
        overflow-bottom: hidden;
    }

    #posvideo {
        position: static;
        height: auto;
    }

    #coursemeetingpage .courseitem {
        width: 100%;
        margin: 0;
        padding: 0;
        min-width: auto;
        margin-bottom: 0;
        border: none;
        border-bottom: solid 2px #ddd;
        padding-bottom: 0;
        max-width: 100%;
    }

    .clipdef {
        padding: 10px;
        color: #4881BD;
        text-align: right;
        line-height: 1.1em;
    }

    .cliptitle {
        margin-bottom: 0px;
        height: 40px;
        width: 100%;
    }

    .clipdeftitle {
        visibility: collapse;
        height: 0;
        width: 0px;
        margin: 0;
        padding: 0
    }

        .clipdeftitle span.widthauto {
            visibility: collapse;
            height: 0;
            width: 0px;
            margin: 0;
            padding: 0
        }

    #dearchdiincourse {
        float: none;
    }

    .searchtxt {
        width: auto !important;
    }

    .cliptitle span {
        display: block;
    }

    .addnewclipitem {
        display: none;
    }

    #coursedef {
        width: 40%;
        margin-right: 0;
        margin: 0;
        padding: 0;
        padding-top: 10px;
        margin-right: 5% !important;
        margin-bottom: 20px;
        position: static;
    }

    #showplayCliponcourse:before {
        height: 100%;
    }

    #showplayoncourse:before {
        display: none;
    }



    /*for how do you*/
    .content_u_11 {
        display: block !important;
    }

    .content_u_21 {
        display: block !important;
    }

    .content_u_31 {
        display: block !important;
    }

    .content_u_41 {
        display: block !important;
    }

    #content_u_1 {
        display: none;
    }

    #content_u_2 {
        display: none;
    }

    #content_u_3 {
        display: none;
    }

    #content_u_4 {
        display: none;
    }

    .footeruniversity ul li {
        background-color: transparent;
        border: none;
    }

    .howcoteret {
        left: 0px;
    }

    #cllassboost_library {
        padding-top: 0px;
    }

    .tytle_library {
        text-align: center;
        background-color: #e6e6e6;
        margin-bottom: 0;
    }

    .iconheaderred {
        left: 0;
        right: 0PX;
        width: 100%;
        background-color: #475057;
        background-position: center;
    }

    .iconheader {
        right: 0PX !important;
        width: auto !important;
        left: 0px !important;
    }

    #posvideo {
        max-width: none;
    }

    #showplayoncourse {
        height: 0px
    }
    /*for how do you*/




    .headernotest {
        display: none;
    }

    #personsetting {
        right: 0px;
    }

    .toolsonclass:hover .selectwhat {
        margin-top: 0px;
    }

    .clipdef {
        padding: 10px;
        color: #4881BD;
        text-align: right;
        line-height: 1.1em;
        margin-right: 40%;
        width: 45%;
        position: static;
        margin-left: auto;
    }





    .meetingbox_process {
        background-image: none;
    }

    #uc_mheader_ifrm_VideoList, #uc_mheader_ifrm_MarkList {
        height: 100% !important;
        width: 100% !important;
        left: 0px;
        right: 0px;
        top: 55px;
        bottom: 0px;
        position: fixed;
        background-color: #ededec;
    }

    .titleifrcomment {
        text-align: center;
        font-size: 1em;
        padding: 15px;
        font-weight: normal;
        color: #2465a8;
        border-bottom: solid 1px #f5f5f5;
        color: #2465a8;
        background-color: #f8f8f8;
        font-weight: bold;
    }

    #updatedV, #updatedcomment {
        width: 100%;
        background-color: #fff;
    }

    #headernav li {
        width: 50px;
        border: solid 1px #18436b;
        border-left: none;
        border-top: none;
        border-bottom: none;
        margin-left: -2px;
        margin-right: -2px;
    }

    #headernav ul {
        width: 102px;
    }

    #headernav #liNewR:before, #headernav #liNewV:before {
        left: 0px;
    }

    .reporttopmarg {
        overflow-x: hidden;
    }

    .contactpos {
        width: 100%;
        margin: 0 auto;
    }





    #personsetting {
        width: 50px;
        border: solid 1px #18436b;
        border-right: none;
        border-top: none;
        border-bottom: none;
        right: 0px;
    }

    .clipdef {
        display: inline-block;
        margin: 0
    }

    #allsum {
        right: 0;
        left: 0px;
        top: 55px;
        z-index: 1000
    }

    .notestyle {
        right: 0;
        left: 0px;
        top: 55px
    }

    #ContentPlaceHolder1_ucSummary_divNewRow {
        right: 0;
        left: 0px;
        bottom: 0
    }

    input#ContentPlaceHolder1_ucSummary_btnShare {
        left: 5px;
        top: 60px
    }

    #showplayCliponcourse:before {
        opacity: 0.9
    }

    #cllassboost_library {
        padding-top: 0px
    }
}




#uc_mheader_ifrm_VideoList {
    border: solid
}

.boxdivCommentData {
    min-height: 48px;
    margin-bottom: 2px;
}

.divAudioOnly {
    position: absolute;
    top: 0px;
    bottom: 72px;
    left: 0px;
    right: 0px;
    z-index: 0;
    background-color: #dfeaeb;
    width: auto;
    height: auto;
}

.divAudioOnlyin {
    background-image: url(../Images/video/sound_only.png);
    top: 0px;
    bottom: 75px;
    left: 0px;
    right: 0px;
    z-index: 0;
    background-position: center;
    background-repeat: no-repeat;
    width: auto;
    height: auto;
    position: absolute;
}


.imgcommenttab {
    border-radius: 6px;
    overflow: hidden;
    /* width: 25px; */
    text-align: center;
    background-color: #f7a92e;
    margin-right: 4px;
}

.personsetting ul {
    width: 50px;
}


@media screen and (max-width:320px) {
    .iconheader {
        background-image: url(../Images/header/header_logo_noicon.png);
    }
}

@media screen and (max-width: 780px) {

    .howcoteret .coteret {
        margin: 0;
    }

    .footeruniversity ul li.howtoliktpage {
        display: none;
    }

    #MeetingNameDiv {
        display: none;
    }

    #pas {
        background-image: none;
    }

    #lastStep {
        width: 98%;
        margin: auto
    }

    #divOtherDetails {
        width: 98%;
        margin: auto
    }

    #ContentPlaceHolder1_ucSummary_divNewRow {
        height: 82px;
    }

    #div_otherMeetings {
        top: 50px;
        left: 0px
    }

    .ddlMeetingsst {
        width: 100%;
    }

    #ContentPlaceHolder1_lblMeetingHeader {
        display: block;
        width: 100%;
    }

    div#notesname div {
        display: block;
    }

    .timest {
        width: 100%;
    }

    #container #frameAll {
        top: 51px;
        background-image: none;
    }

    #notesname {
        top: 0px;
        overflow: hidden;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    #container #frameAll {
        top: 40px;
    }

    div#headerspacer {
        background-color: #E6E6E6;
        width: 100%;
        -webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.3);
        -moz-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.3);
        box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.3);
    }

    .whyapp {
        width: auto;
        color: #393A40
    }

    #loginpagest {
        background-color: #ebebeb
    }

    #divsupportlogin_reg {
        top: 1100px;
    }

    .markimg {
        display: block;
        position: static;
        width: 100%;
        height: 300px;
        background-position: bottom center;
    }

    .mark ul {
        position: static;
        width: 100%;
        margin: 0;
        right: 0px;
    }

    .mark li {
        padding: 0px;
    }

    #mark li {
        padding: 0px;
    }

    .mark div {
        margin-top: 300px;
    }

    .footeruniversity ul li {
        max-width: 60px;
    }

        .footeruniversity ul li.first {
            max-width: none;
        }

    #ChangPwdDiv {
        position: fixed;
        right: 0;
        top: 0;
        background-color: #FFFFFF;
        padding: 5%;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        margin-bottom: -30px;
        border-radius: 8px;
        box-shadow: 2px 2px 10px #888888;
        z-index: 8000;
        margin-right: 0;
        height: 100%;
        width: 100%;
        color: #5a5d64;
    }

    .topsignup {
        width: 100%;
    }

    div#classboostyoucan div {
        display: block;
        width: 100%;
    }

    .activestep {
        font-size: 1.3em;
        width: 80px;
    }

    .step2, .step3 {
        font-size: 1.3em;
        width: 80px;
    }

    .allsteps {
        margin: 0;
        padding-right: 1%;
    }

    .topsignup {
        webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }

    .stepcontent {
        width: 90%;
        margin: 0 auto;
        padding: 0;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    #classboostyoucan {
        visibility: collapse;
        height: 0px;
        overflow: hidden;
    }

    .classdivStyles_View {
        bottom: 82px;
    }

    #alltipspos {
        width: 100%;
        margin: 0 auto;
    }

    a.btn_tip {
        position: static;
        margin: 5%;
        display: block;
        font-size: 1.4em;
        overflow: auto;
        height: auto;
        width: 90%;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -webkit-background-clip: padding-box;
        -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.2), 0 1px 2px rgba(0,0,0,0.2);
        -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.2), 0 1px 2px rgba(0,0,0,0.2);
        box-shadow: inset 0 -1px 0 rgba(0,0,0,0.2), 0 1px 2px rgba(0,0,0,0.2);
        text-shadow: 0 1px 0 rgba(0,0,0,0.4);
        background-color: transparent;
        color: #fff;
    }

    .btn_size {
        z-index: 1;
        position: static;
        width: 100%;
        height: auto;
        top: 0px;
        right: 0;
        margin: 0;
        padding: 0 0 0 0;
        text-align: center;
        font-size: .625em;
        font-weight: bold;
        -webkit-perspective: 200;
        -webkit-perspective-origin: 50% 0;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        border-width: 0px;
        border-style: solid;
        background-color: #fff;
        border-color: #a3a7ab;
        color: #fff;
        margin-top: 100px;
    }


    .contentheadset {
        margin-top: 0px;
        z-index: 100;
        width: 80%;
        MARGIN: 0 auto;
        text-align: center;
        font-size: 0.7em;
        padding: 0px;
        padding-top: 20px;
        padding-bottom: 20px;
        position: static;
        opacity: 1;
        top: 0px;
        -moz-transition: all 0.6s;
        -webkit-transition: all 0.6s;
        -o-transition: all 0.6s;
        transition: all 0.6s;
        text-shadow: 0 1px 0 rgba(0,0,0,0.4);
    }

    .tipspos {
        height: auto;
        width: 100%;
    }

    .footeruniversity {
        width: 90%;
    }


    .wide {
        visibility: collapse;
        width: 0px;
        font-size: 0;
    }

    .smallpdf {
        visibility: visible;
        width: auto;
        font-size: 1.2em;
        padding: 20px;
        color: #5b5e65
    }

    .phonesupport {
        width: 100%;
    }

    .InstituteName {
        width: 90%;
        padding-right: 5%;
        padding-left: 5%;
    }

    .RoomTittle {
        display: block;
    }

    .Meetings_def span {
        display: block;
    }

    .Meetings_def {
        border-bottom: solid 1px #ddd;
    }

        .Meetings_def span {
            padding: 0px;
        }

    #BlockModalUsers .modal-dialog {
        width: 100% !important;
        height: 100% !important
    }

    ul.list-inline.dis {
        text-align: center;
    }

    .lang_login {
        position: static;
    }

    #headerstrtpage {
        position: static;
        height: 50px;
        background-color: #104679;
        min-height: 80px;
    }

    .classboost_logo_signin {
        background-image: url('../Images/login/classboost_logostartpage1.png');
        background-size: auto 70%;
        height: 100px;
        margin-bottom: 30px;
        width: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #2465a8;
    }

    .topsignup {
        width: 95%;
    }

    #divOtherDetails {
        width: 95% !important;
    }

    #ifrm_header {
        max-height: 55px !important
    }

    #pagesheader {
        height: 55px !important;
    }

    .signupstep1txt {
        display: block;
        float: none;
        width: 94%;
        text-align: center;
    }

    .signupstep1 {
        display: block;
        float: none;
        border-right: none;
        width: 90%;
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0;
    }

    .stepcontent {
        width: 98%
    }


    #personsetting {
        right: 0px;
    }


    /*master minsize*/
    .input-group .form-control {
        z-index: 0 !important
    }

    .iconheaderred {
        left: 0;
        right: auto;
    }

    #personsetting {
        right: 0px;
    }

    /*master minsize*/

    /*choosewhat minsize*/
    .toolsonclass:hover .selectwhat {
        MARGIN-TOP: 0PX;
    }

    #moreoption {
        top: 0px;
        overflow-y: scroll;
        width: 100%;
        z-index: 100;
    }

    #topheader {
        position: fixed !important;
        background-position: center
    }

    /*choosewhat minsize*/


    /*editors minsize*/
    .clsDivEditIndicator {
        max-height: none !important
    }

    .box {
        margin-bottom: 10px;
    }
    /*editors minsize*/


    /*login*/
    #videosnap {
        max-height: none;
    }

    #headerstrtpage:before {
        background-image: none;
    }

    #pas td {
        background-image: none;
    }

    #logoiconposlogin {
        background-image: url('../Images/login/classboost_logostartpage1.png');
        background-size: auto 70%;
        margin-top: 10px;
        right: 0px;
    }

    #wrapsignup {
        top: 440px;
        bottom: auto;
        background-color: transparent;
        height: auto;
    }

        #wrapsignup:before {
            content: "";
            position: absolute;
            bottom: -600px;
            width: 100%;
            height: 100px;
            background-color: transparent;
            border: none
        }

    .pos_app {
        width: 100%;
        text-align: center;
    }

    .insigninpage {
        margin-top: 10px;
    }

    .insigninpage {
        width: 90%;
        margin: 0 auto;
        margin-right: 5%;
        margin-left: 5%;
        border: solid 1px #ddd;
        border-bottom: solid 5px #ddd;
        margin-top: 5px;
    }

    #alreadyuse {
        margin: 0 auto;
        display: block;
    }

    .txtfacebooklogin2 {
        width: 100%;
    }

    .facebookconnect {
        width: 100%
    }

    #forgotyourpass {
        margin-top: 20px;
    }

    .bottomlogin1 {
        width: 90%;
        margin: 0 auto;
        border: solid 1px #ddd;
        float: none;
        min-height: 160px;
    }

    .centerdemo {
        height: 100%;
        background-color: #000;
    }

    #divsupportlogin_reg {
        top: 1100px;
        text-align: center;
        width: 100%;
    }

    #pnlAll #divContact {
        position: fixed;
        border-radius: 0px;
        right: 0;
        top: 0;
        margin-right: 0;
        height: 100%;
        width: 100%;
        background-color: #FFFFFF;
    }

    .pos_app {
        visibility: collapse;
    }
    /*logn*/


    .editorvideoview {
        display: none;
    }

    .meetingbox_process #videosnap {
        background-size: 190%;
    }

    #signinpage {
        margin-top: 60px;
    }



    .toolsonclass {
        width: 46%;
        height: 47%;
        margin: 0.5%;
        margin-top: 2%;
        border: solid 1px #144371;
    }

    #posbut {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .divAudioOnly {
        position: absolute;
        top: 0px;
        bottom: 65%;
        left: 0px;
        right: 0;
        z-index: 0;
        background-color: #dfeaeb;
        width: auto;
        height: auto;
    }

    .divAudioOnlyin {
        background-image: url(../Images/video/sound_only.png);
        top: 0;
        bottom: 0;
        left: 0px;
        right: 0px;
        z-index: 0;
        background-position: center;
        background-repeat: no-repeat;
        width: auto;
        height: auto;
        position: absolute;
        background-size: 35%;
    }

    h3 {
        font-size: 25px;
        color: #2465a8;
        -webkit-margin-before: 10px;
        -webkit-margin-after: 5px;
    }

    ul a:link.buthomehow {
        background-image: url(../images/video/back.png);
        background-repeat: no-repeat;
        background-color: #104679;
        background-position: 10px;
        background-size: 100%;
    }

    .mark span {
        margin-right: 0;
    }

    #tipscontainer {
        padding-top: 0;
    }

    .titletips {
        line-height: 40px;
        border-radius: 0 !important;
    }

    .titletips {
        font-size: 2em;
    }
}

.icon-zoom-in {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 35px;
    height: 35px;
}

.icon-zoom-left {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 35px;
    height: 35px;
}

.icon-zoom-right {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 35px;
    height: 35px;
}

.icon-zoom-in:before {
    font: normal normal normal 18px/1 FontAwesome;
    content: "\f00e";
    color: #fff;
    position: absolute;
    left: 10px;
    top: 10px;
}

.icon-zoom-left:before {
    font: normal normal normal 18px/1 FontAwesome;
    content: "\f190";
    color: #fff;
    position: absolute;
    left: 10px;
    top: 10px;
}

.icon-zoom-right:before {
    font: normal normal normal 18px/1 FontAwesome;
    content: "\f18e";
    color: #fff;
    position: absolute;
    left: 10px;
    top: 10px;
}

.icon-zoom-out {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 35px;
    height: 35px;
}

    .icon-zoom-out:before {
        font: normal normal normal 18px/1 FontAwesome;
        content: "\f010";
        color: #fff;
        position: absolute;
        left: 10px;
        top: 10px;
    }


.watsappShare {
    background-image: url(../images/general/WhatsApp_share.png);
    background-color: #28a349;
    background-position: right;
    background-repeat: no-repeat;
    padding: 15px;
    font-size: 10px;
    color: White !important;
    display: block;
    background-size: auto 100%;
    padding-right: 0;
    font-size: 0;
    height: 40px;
    width: 40px;
    float: left;
    margin-top: 10px;
    margin-bottom: -40px;
    border-radius: 0px 30px 30px 0px;
}




/*gamification*/
.SummaryChampion {
    cursor: pointer;
    width: 275px;
    margin-right: -10px;
    margin-left: 0;
    height: 70px;
    background-color: #f7a929;
    float: right;
    -ms-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    transform: rotate(-45deg);
    margin-top: 0;
    padding-right: 152px;
    padding-right: 80px;
    border-radius: 0;
    padding-top: 10px;
    font-size: 22px;
    /* font-weight: bold; */
    line-height: 16px;
    color: #fff;
    -webkit-box-shadow: 4px 4px 5px -1px rgba(0,0,0,0.46);
    -moz-box-shadow: 4px 4px 5px -1px rgba(0,0,0,0.46);
    box-shadow: 4px 4px 5px -1px rgba(0,0,0,0.46);
    animation-name: example;
    animation-duration: 0.5s;
    animation-delay: 0s;
}


#uc_mheader_div_gamific {
    width: 200px;
    /*float: left;*/
    height: 56px;
    overflow: hidden;
}

span#uc_mheader_lblSummaryS {
    transform: rotate(35deg);
    margin-top: -20px;
    font-family: 'Secular One', sans-serif !important;
}

span#uc_mheader_lblSummaryS {
    transform: rotate(35deg);
    margin-top: -16px;
    font-family: 'Secular One', sans-serif !important;
    margin-right: 8px;
}

@keyframes example {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.SummaryChampion.animated.fadeInRightBig:hover {
    background-color: #f5bd61;
}

.SummaryChampion span {
    display: block;
}



/*How to*/
div.image img {
    max-width: 100%;
    height: auto;
}

.proc_parsys > li {
    position: relative
}

html[dir="rtl"] .process > li::before {
    margin-right: 0;
    margin-left: -10px;
    left: auto;
    right: -20px;
    float: right;
}


.howtopage {
    direction: rtl;
}

.explain {
    position: relative;
}

.image-caption {
    font-style: italic;
    font-size: 14px;
    line-height: 16px;
    margin-right: 5%;
    margin-top: -1%;
}

.step_par ul, .step_par ol {
    padding-left: 20px
}

.process {
    padding-left: 18px
}

    .process > li:first-of-type {
        counter-reset: step-counter
    }

    .process ol > li {
        list-style-type: none;
        counter-increment: step-counter;
        padding: 2px 0;
        margin: 10px 0;
        position: relative;
        min-height: 20px
    }

        .process ol > li::before {
            content: counter(step-counter);
            border-radius: 50%;
            right: -40px;
            position: absolute;
            float: right;
            top: 0;
            font-size: 15px;
            padding: 3px;
            text-align: center;
            font-weight: 400;
            color: #fff;
            background: #104679;
            height: 30px;
            width: 30px;
        }

.howtopage h1 {
    font-size: 24px;
    color: #e28725;
}



@media screen and (max-width: 1024px) {
    .allbarlink {
        right: 50px;
    }
}

@media screen and (max-width: 768px) {
    .SummaryChampion {
        cursor: pointer;
        width: 275px;
        margin-right: -100px;
        margin-left: 0;
        height: 70px;
        background-color: #f7a929;
        float: right;
        -ms-transform: rotate(7deg);
        -webkit-transform: rotate(7deg);
        transform: rotate(-45deg);
        margin-top: 0;
        padding-right: 152px;
        padding-right: 80px;
        border-radius: 0;
        padding-top: 10px;
        font-size: 22px;
        /* font-weight: bold; */
        line-height: 16px;
        color: #fff;
        -webkit-box-shadow: 4px 4px 5px -1px rgba(0,0,0,0.46);
        -moz-box-shadow: 4px 4px 5px -1px rgba(0,0,0,0.46);
        box-shadow: 4px 4px 5px -1px rgba(0,0,0,0.46);
        animation-name: example;
        animation-duration: 0.5s;
        animation-delay: 0s;
        /* zoom: 0.6; */
    }

    #uc_mheader_div_gamific {
        width: 60px;
        float: left;
        height: 56px;
        overflow: hidden;
        left: -60px !important;
        position: relative;
    }

    span#uc_mheader_lblSummaryS {
        transform: rotate(35deg);
        margin-top: -16px;
        font-family: 'Secular One', sans-serif !important;
        margin-right: 8px;
        font-size: 17px;
        margin-right: 13px;
    }

    .container {
        background-color: #eaeaea;
    }

    .gamedesc.col-md-3 {
        float: right;
        background-color: white;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .margtopminos {
        margin-top: 30px !important;
        display: block;
        margin-bottom: 25px;
        color: #ada0a0;
        margin-right: 20px;
        text-align: center;
    }

    #ContentPlaceHolder1_ddlFaculties {
        width: 100%;
    }

    .topheader {
        height: auto;
        background-color: #00a8b4;
        width: 100%;
    }
}

button.btnzoom.btnzoom_zoomleft {
    background-image: url('../Images/video/zoom_left.png');
    height: 35px;
    width: 35px;
    vertical-align: top;
    background-size: 100%;
}

button.btnzoom.btnzoom_zoomright {
    background-image: url('../Images/video/zoom_right.png');
    height: 35px;
    width: 35px;
    vertical-align: top;
    background-size: 100%;
}


div.modal-header {
    font-size: 1em;
    padding: 15px;
    font-weight: normal;
    color: #2465a8;
    border-bottom: solid 1px #f5f5f5;
    background-color: #f8f8f8;
    margin: 0 -2px 0 2px;
}

    div.modal-header h1 {
        font-size: 1.2em;
        color: #134478;
        font-weight: bold;
    }

.modal-body.posstatic {
    position: static;
    margin: 0;
    padding: 0;
}

    .modal-body.posstatic .row {
        padding: 20px;
        margin: 0;
    }


.modal-body .form-group {
    margin-bottom: 10px !important;
}

.modal-body .btn {
    padding: 6px 12px;
}

.btn.more {
    display: inline-block;
    background-color: transparent;
    border-bottom: solid 1px #ddd;
    width: 100%;
}

div.modal-content {
    border-radius: 0;
}

.btn-demo.btn.btn-primary {
    left: 110px !important;
    top: 14px !important;
    position: absolute;
    z-index: 2000 !important
}

.text-d {
    text-align: right;
    display: block;
}

.modal-title {
    padding: 10px;
}

.regbut {
    margin: 2px;
    display: inline-block;
    padding: 8px 12px;
    cursor: pointer;
    border: none;
    text-decoration: none;
    background: #2465a8;
    border-color: red;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    border-radius: 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    outline: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    /* height: 40px; */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    color: white;
}
    .regbut:hover {
        background: #fc8e1c;
    }
.marg12{margin:12px;}


.btn.btn-primary {
    margin: 2px;
    display: inline-block;
    padding: 8px 12px;
    cursor: pointer;
    border: none;
    text-decoration: none;
    background: #2465a8;
    border-color: red;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    border-radius: 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    outline: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    /* height: 40px; */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    color: white;
    min-width: 80px;
}
    .btn.btn-primary:hover {
        background: #fc8e1c;
    }

    .btn.btn-primary.btn-danger {
        background-color: #d9534f;
        border-color: #d43f3a;
    }

.b100 {
    font-weight: bold;
    width: 100%;
    margin: 4px 0;

}
.w50{ width:50%;}
.flex-x {
    display: flex;
    justify-content: center;
    flex-direction: row;
    justify-content: right;
    margin: 4px auto;
}
.w100{ width:100%;}
.w-90 {
    width: 92%;
    margin:auto;
    margin-bottom: 12px;
}
.iframe {
    border: solid 1px #ddd;
    min-width: 100%;
}

div.modal-content.reldiv {
    position: relative;
}

div.modal-header.absdiv {
    position: absolute;
    left: 0;
    right: 3px;
    top: 55px;
}



#dearchdiincourse.iframe-view-search {
    float: none;
    display: inline-block;
}

    #dearchdiincourse.iframe-view-search .searchtxt {
        border: solid 1px #4a5055;
        color: #484848;
        font-size: 1.4em;
        line-height: 1.6em;
        padding-right: 5px;
        width: 189px !important;
        font-weight: 600;
    }

#topheader.header_for_moddel {
    height: 0;
}

#dearchdiincourse.iframe-view-search .botton {
    background-size: 100%;
    line-height: 1.8em;
    background-color: transparent;
    border: solid 1px rgb(198, 194, 194);
    cursor: pointer;
    opacity: 0.9;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    font-weight: bold;
    border-radius: 2px;
    vertical-align: top;
    box-shadow: 1px 1px 2px #949595;
    border-radius: 4px;
    background-color: White;
    color: #121213;
    padding: 0px 10px;
    font-size: 1.2rem;
    margin-top: 10px;
}
.align-lang {
    text-align: right;
}

.flex-center-column{ display:flex; flex-direction:row; }
.flex-center-column span{margin:4px;}
.filter-top{ margin:0 auto; text-align:right; display:inline-block}
.marg-v-10{ margin:10px 0;}
.center-text{ text-align:center;}
.btn {
    max-height: 30px;
    
}
.v-bottom {
    vertical-align: bottom;
}