.iconheaderred {
    right: auto;
    left: 0px;
}

.mejs-container .mejs-controls:before {
    display: none;
}

#txtRemark {
    font-size: 1em;
}

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

.defpagecourselist {
    width: 100%;
    background-color: #e3e5e7
}

#contentIconbut {
    z-index: 100;
    bottom: 0px;
    right: 0px;
    height: 100%;
    width: 100%;
    text-align: right;
    background-color: #fff;
    -moz-transition: all 1s;
    /* WebKit */
    -webkit-transition: all 0.5s;
    /* Opera */
    -o-transition: all 0.5s;
    /* Standard */
    transition: all 0.5s;
}

    #contentIconbut table {
        width: 100%;
        height: 100%;
    }

    #contentIconbut td {
        width: 33%;
        height: 25%;
        padding: 0px;
    }

#classdesc {
    margin: 0;
    padding: 0;
    top: 0px;
    width: 100%;
    height: 7%;
    padding-left: 4px;
    font-size: 80%;
    padding-top: 5px;
    background-image: url('../images/iphone/top_iphone.gif');
    color: #ffffff;
}

#divAddRemark {
    position: absolute;
    margin: 0;
    height: 100%;
    width: 100%;
    background-color: #3f3f3d;
    color: #ffffff;
    top: 0px;
    padding-top: 20px;
}

#divEditRemark {
    position: absolute;
    margin: 0;
    height: 99%;
    width: 100%;
    padding: 3px;
    top: 0px;
    padding-top: 20px;
    background-color: #fff
}

    #divEditRemark input {
        visibility: visible;
        text-align: center;
        opacity: 1
    }

.Addedremark {
    max-height: 3em;
    background-color: #5b5e65;
    height: 100%;
    cursor: pointer;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    margin: 0;
    width: 100%;
    color: #ffffff;
    border-bottom: solid 2px #404348;
    -moz-transition: all 0.5s;
    /* WebKit */
    -webkit-transition: all 0.5s;
    /* Opera */
    -o-transition: all 0.5s;
    /* Standard */
    transition: all 0.5s;
    overflow: hidden;
}

    .Addedremark td {
        vertical-align: top;
    }

.addedremark_lable {
    padding-left: 5px;
    padding-right: 2px;
    font-family: Arial;
    font-size: 1.2em;
    color: #000;
}

#titleaddedremark {
    background-color: yellow;
    color: #000000;
    padding-top: 6px;
    padding-left: 5px;
    font-size: 80%;
}


.AddRemarkStar {
    opacity: 1;
    background-image: url('../Images/remarks/remark_star_he_65.png');
    background-position: center;
    vertical-align: top;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    margin: 0;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-size: auto 90%;
    background-color: #185f96;
}

.AddRemarkTranscript {
    opacity: 1;
    background-image: url('../Images/remarks/remark_freetext_he_65.png');
    background-repeat: no-repeat;
    padding: 0;
    width: 100%;
    height: 100%;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    margin: 1;
    background-position: top center;
    background-size: auto 90%;
}

.AddRemarkQ {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-size: auto 90%;
    background-color: #185f96;
    opacity: 1;
    background-image: url('../Images/remarks/remark_q_he_65.png');
    background-repeat: no-repeat;
    padding: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background-position: center;
}

.AddRemarkImportant {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-size: auto 90%;
    background-color: #185f96;
    opacity: 1;
    background-image: url('../Images/remarks/remark_important_he_65.png');
    background-repeat: no-repeat;
    padding: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background-position: center;
}

.AddRemarkLink {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-size: auto 90%;
    background-color: #185f96;
    opacity: 1;
    background-image: url('../Images/remarks/remark_link_he_65.png');
    background-repeat: no-repeat;
    margin-top: 0px;
    padding: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background-position: center;
}

.AddRemarkNewSubject {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-size: auto 90%;
    background-color: #185f96;
    opacity: 1;
    background-image: url('../Images/remarks/remark_newsubject_he_65.png');
    background-repeat: no-repeat;
    padding: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background-position: center;
}

.AddRemarkMaterial {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-size: auto 90%;
    background-color: #185f96;
    opacity: 1;
    background-image: url('../Images/remarks/remark_material_he_65.png');
    background-repeat: no-repeat;
    padding: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background-position: center;
}

.AddRemarkForum {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-size: auto 90%;
    background-color: #185f96;
    opacity: 1;
    background-image: url('../Images/remarks/remark_forum_he_65.png');
    background-repeat: no-repeat;
    padding: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background-position: center;
}

.AddRemarkGarbage {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-size: auto 90%;
    background-color: #185f96;
    opacity: 1;
    background-image: url('../Images/remarks/remark_definition_he_65.png');
    background-repeat: no-repeat;
    padding: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background-position: center;
}

.AddRemarkFreeText {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-size: auto 90%;
    background-color: #185f96;
    background-image: url('../Images/remarks/remark_freetext_he_65.png');
    background-repeat: no-repeat;
    padding: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background-position: center;
}

.AddRemarkReadOnIphone {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-size: auto 90%;
    background-color: #185f96;
    opacity: 1;
    background-image: url('../Images/remarks/remark_material_he_65.png');
    background-repeat: no-repeat;
    padding: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background-position: center;
}

.AddRemarkEndBreak {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-size: auto 90%;
    background-color: #185f96;
    opacity: 1;
    background-image: url('../Images/remarks/remarkbreak_end.png');
    background-repeat: no-repeat;
    padding: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background-position: center;
}

.AddRemarkReadOnIphone {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-size: auto 90%;
    background-color: #185f96;
    opacity: 1;
    background-image: url('../Images/remarks/readoniphone.png');
    background-repeat: no-repeat;
    padding: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background-position: center;
}

.AddRemarkStartBreak {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-size: auto 90%;
    background-color: #185f96;
    opacity: 1;
    background-image: url('../Images/remarks/remarkbreak.png');
    background-repeat: no-repeat;
    padding: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background-position: center;
}

.AddRemarkStar_selected {
    opacity: 1;
    background-image: url('../Images/remarks/remark_star_he_65_d.png');
    background-position: center;
    vertical-align: top;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    margin: 0;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-size: 100%;
    background-color: #fc9e07;
    background-position: top center;
}

.AddRemarkTranscript {
    opacity: 1;
    background-image: url('../Images/remarks/remark_freetext_he_65_d.png');
    background-repeat: no-repeat;
    padding: 0;
    width: 100%;
    height: 100%;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 1;
    background-position: top center;
}

.AddRemarkQ_selected {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-size: 100%;
    background-color: #fc9e07;
    opacity: 1;
    background-image: url('../Images/remarks/remark_q_he_65_d.png');
    background-repeat: no-repeat;
    padding: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background-position: center;
}

.AddRemarkImportant_selected {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-size: 100%;
    background-color: #fc9e07;
    opacity: 1;
    background-image: url('../Images/remarks/remark_important_he_65_d.png');
    background-repeat: no-repeat;
    padding: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background-position: center;
}

.AddRemarkLink_selected {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-size: 100%;
    background-color: #fc9e07;
    opacity: 1;
    background-image: url('../Images/remarks/remark_link_he_65_d.png');
    background-repeat: no-repeat;
    margin-top: 0px;
    padding: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background-position: center;
}

.AddRemarkNewSubject_selected {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-size: 100%;
    background-color: #fc9e07;
    opacity: 1;
    background-image: url('../Images/remarks/remark_newsubject_he_65_d.png');
    background-repeat: no-repeat;
    padding: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background-position: center;
}

.AddRemarkMaterial_selected {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-size: 100%;
    background-color: #fc9e07;
    opacity: 1;
    background-image: url('../Images/remarks/remark_material_he_65_d.png');
    background-repeat: no-repeat;
    padding: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background-position: center;
}

.AddRemarkForum_selected {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-size: 100%;
    background-color: #fc9e07;
    opacity: 1;
    background-image: url('../Images/remarks/remark_forum_he_65_d.png');
    background-repeat: no-repeat;
    padding: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background-position: center;
}

.AddRemarkGarbage_selected {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-size: 100%;
    background-color: #fc9e07;
    opacity: 1;
    background-image: url('../Images/remarks/remark_garbage_he_65_d.png');
    background-repeat: no-repeat;
    padding: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background-position: center;
}

.AddRemarkFreeText_selected {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-size: auto 90%;
    background-color: #fc9e07;
    opacity: 1;
    background-image: url('../Images/remarks/remark_freetext_he_65_d.png');
    background-repeat: no-repeat;
    padding: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background-position: center;
}

.AddRemarkStartBreak_selected {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-size: auto 90%;
    background-color: #fc9e07;
    opacity: 1;
    background-image: url('../Images/remarks/remarkbreak_d.png');
    background-repeat: no-repeat;
    padding: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background-position: center;
}

.AddRemarkEndBreak_selected {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-size: auto 90%;
    background-color: #fc9e07;
    opacity: 1;
    background-image: url(../Images/remarks/remarkbreak_end_d.png);
    background-repeat: no-repeat;
    padding: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background-position: center;
}

.AddRemarkReadOnIphone_selected {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-size: auto 90%;
    background-color: #fc9e07;
    opacity: 1;
    background-image: url(../Images/remarks/readoniphone_d.png);
    background-repeat: no-repeat;
    padding: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background-position: center;
}

.Logoutlink {
    color: #ffffff;
}



.sideicon {
    height: 100%;
    width: 100%;
    background-color: #dbe946;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.addedbutStar {
    opacity: 0.7;
    margin-left: -3px;
    font-size: 12px;
    text-decoration: none;
    background-image: url('../Images/small_icons/remark_star_20.png');
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 0px;
    margin: 0;
    background-size: auto;
    background-color: #cdcf1b;
}

.addedbutTranscript {
    opacity: 0.7;
    margin-left: -3px;
    font-size: 12px;
    background-image: url('../images/small_icons/remark_freetext_d.png');
    height: 100%;
    background-repeat: no-repeat;
    background-position: top;
    background-size: 60%;
    margin-top: 0px;
    margin: 0;
    background-size: auto;
}

.addedbutQ {
    opacity: 0.7;
    margin-left: -3px;
    font-size: 12px;
    background-image: url('../Images/small_icons/remark_q_20.png');
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    \ margin-top: 0px;
    margin: 0;
    background-size: auto;
    background-color: #8dc271;
}

.addedbutImportant {
    opacity: 0.7;
    margin-left: -3px;
    font-size: 12px;
    background-image: url('../Images/small_icons/remark_important_20.png');
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 0px;
    margin: 0;
    background-size: auto;
    background-color: #f03465;
}

.addedbutFreeText {
    opacity: 1;
    margin-left: -3px;
    font-size: 12px;
    background-image: url('../images/small_icons/remark_freetext_20.png');
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 0px;
    margin: 0;
    background-size: auto;
    background-color: #F0BA55;
}

.addedbutLink {
    opacity: 1;
    margin-left: -3px;
    font-size: 12px;
    background-image: url('../Images/small_icons/remark_link_20.png');
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 0px;
    margin: 0;
    background-size: auto;
    background-color: #507ee5;
}

.addedbutNewSubject {
    opacity: 0.7;
    margin-left: -3px;
    font-size: 12px;
    background-image: url('../Images/small_icons/remark_newsubject_20.png');
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 0px;
    margin: 0;
    background-size: auto;
    background-color: #fe9d7b;
}

.addedbutMaterial {
    opacity: 1;
    margin-left: -3px;
    font-size: 12px;
    background-image: url('../Images/small_icons/remark_material_20.png');
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 0px;
    margin: 0;
    background-size: auto;
    background-color: #ab89af;
}

.addedbutForum {
    opacity: 1;
    margin-left: -3px;
    font-size: 12px;
    background-image: url('../Images/small_icons/remark_forum_20.png');
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 0px;
    margin: 0;
    background-size: auto;
    background-color: #4E4E4D;
}

.addedbutGarbage {
    opacity: 0.7;
    margin-left: -3px;
    font-size: 12px;
    background-image: url('../Images/small_icons/remark_Definition_20.png');
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 0px;
    margin: 0;
    background-size: auto;
    background-color: #ACA541;
}

.iconaddedtd {
    height: 60px;
    width: 60px;
}

.loginpic {
    background-color: #474a50;
}

#loginpic {
    background-image: url('../images/iphone/logo_iphone.png');
    height: 200px;
    background-size: 50%;
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.linkbutst {
    font-size: 1em;
    margin-bottom: 5%;
    height: 30px;
    padding-top: 30px;
    text-decoration: underline;
    color: #b1b4ba;
}

.loginbutst {
    font-size: 1.4em;
    color: #185f96;
    background-color: #dbe946;
    cursor: pointer;
}

.cblogin {
    padding-top: 20px;
}

.posbutlogin {
    text-align: right;
}

.remarkheight {
    padding-top: 1%;
    padding-bottom: 5%;
    width: 100%;
}

.erasebutip {
    background-image: url('../images/iphone/del.png');
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    border: none;
    width: 30px;
    height: 30px;
    vertical-align: top;
    opacity: 0.8;
}

.erasediv {
    background-color: #383736;
}

div#contentclasslist {
    clear: both;
    width: 98%;
    padding-top: 10%;
    padding-left: 1%;
}

    div#contentclasslist table {
        width: 100%;
    }



.choosclassbut {
    -webkit-border-radius: 2px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
    line-height: 0.9em;
    cursor: pointer;
    -moz-transition: all 1s;
    /* WebKit */
    -webkit-transition: all 0.5s;
    border: none;
    font-size: 1em;
    /* Opera */
    -o-transition: all 0.5s;
    border: solid 0px #2e2f33;
    /* Standard */
    transition: all 0.5s;
    color: #ffffff;
    width: 90%;
    background-color: #185f96;
}

#Button2 {
    margin-right: 5%;
    margin-bottom: 5%;
}

.choosclassbut:hover {
    background-color: #d9e24e;
    margin-bottom: 3px;
    line-height: 0.9em;
    color: #5b5e65;
}



#Viewclassst {
    width: 100%;
    padding: 4px;
    margin: 4px;
    min-height: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #e8e9ea;
    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;
    /* Standard */
    transition: all 0.5s;
    margin-top: 5px;
}

.viewclassst {
    height: 50px;
    width: 100%;
    margin-bottom: 5%;
    border: solid 1px #8E8E8E;
    background: #b3ccdd; /* Old browsers */
    background: -moz-linear-gradient(top, #b3ccdd 0%, #eff9f9 6%, #c9e0e8 97%, #65bdd8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3ccdd), color-stop(6%,#eff9f9), color-stop(97%,#c9e0e8), color-stop(100%,#65bdd8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b3ccdd 0%,#eff9f9 6%,#c9e0e8 97%,#65bdd8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #b3ccdd 0%,#eff9f9 6%,#c9e0e8 97%,#65bdd8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #b3ccdd 0%,#eff9f9 6%,#c9e0e8 97%,#65bdd8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #b3ccdd 0%,#eff9f9 6%,#c9e0e8 97%,#65bdd8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ccdd', endColorstr='#65bdd8',GradientType=0 ); /* IE6-9 */
    color: #504e4e;
}

.editbuttnspos {
    float: right;
}

.classcurentlist {
    left: 0px;
    width: 100%;
    margin: 0 auto;
}

#divCourseList {
    background-color: #e3e5e7;
    position: absolute;
    top: 60px;
    right: 0px;
    width: 100%;
    margin: 0 auto;
    padding: 0px;
    z-index: 100;
}

div#divCourseList td {
    padding-top: 2px;
}

#miscourselist {
    width: 100%;
}

.faculty {
    color: #5d6064;
    width: 100%;
    padding-left: 10px;
    padding-right: 0px;
    margin-bottom: -10px;
    margin-top: 10px;
    line-height: 2em;
    margin-left: -5%;
    margin-right: 1%
}

div#faculty h2 {
    font-size: 0.9em;
    margin-bottom: 2px;
    margin-top: 15px;
}

.classcourse {
    visibility: collapse;
}



html.no-overflowscrolling #contentremark {
    height: auto;
}

#div {
    height: 400px;
    overflow: auto;
}

/* And for browsers that don't */
html.no-overflowscrolling #div {
    height: auto;
}

.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: #faffbd;
}

.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;
}

.studentpagelink {
    clear: both;
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    font-size: 1em;
}

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

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

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





#whyclassboost {
    background-color: #ffffff;
    width: 100%;
}

.whyclassboost {
    width: 100%;
    display: block;
    height: 1100px;
}

    .whyclassboost ul {
        display: block;
        width: 100%;
    }

    .whyclassboost li {
        background-color: transparent;
        margin: 0 auto;
        margin-bottom: 5px;
        height: 165px;
        padding: 5px;
        font-size: 1.4em;
        line-height: 1.2em;
        display: block;
        list-style: none;
        margin-left: 2%;
        width: 95%;
    }

    .whyclassboost h3 {
        margin: 0;
        color: #090702;
        font-weight: normal;
    }

    .whyclassboost table {
        padding: 10px;
    }



#thedevice {
    background-color: #f6f4f7;
    width: 100%;
    height: 85%;
    padding: 0;
    margin: 0;
}

.thedevice {
    width: 100%;
    position: relative;
    padding: 0;
    margin: 0;
}

    .thedevice ul {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .thedevice li {
        width: 90%;
        display: block;
        background-color: transparent;
        margin-bottom: 2px;
        margin: 0;
        padding-left: 5%;
        font-size: 1.5em;
        line-height: 1.2em;
        padding-right: 5%;
        list-style: none;
    }

.thedeviceimg {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    margin-left: -20%;
    display: inline;
    background-image: none;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

#thedeviceimgiphone {
    height: 350px;
    background-size: 60%;
    background-color: #f6f4f7;
    width: 100%;
    background-repeat: no-repeat;
    background-image: url('../Images/classboost_device.gif');
    background-position: top;
}





#control {
    background-color: #e6eef8;
    width: 100%;
    height: 85%
}

.control {
    background-color: transparent;
    width: 100%;
    height: 800px;
    position: relative;
}

    .control ul {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

    .control li {
        width: 80%;
        background-color: transparent;
        margin-bottom: 2px;
        line-height: 22px;
        margin: 0;
        font-size: 1.2em;
        padding-left: 10%;
        padding-right: 10%;
        list-style: none;
    }

.controlimg {
    width: 57%;
    float: right;
    margin-left: -18%;
    background-image: none;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

#controlimgiphone {
    height: 200px;
    background-size: 60%;
    background-color: #e6eef8;
    width: 100%;
    background-repeat: no-repeat;
    background-image: url('../Images/support.gif');
    background-position: top center;
}



#diagram {
    background-color: #eff4fa;
    width: 100%;
    height: 85%;
}

.diagram {
    background-color: #eff4fa;
    width: 100%;
    height: 100%;
}

    .diagram ul {
        float: left;
        width: 100%;
    }

    .diagram li {
        background-color: #eff4fa;
        line-height: 25px;
        padding: 4px;
        margin: 0;
        display: block;
        list-style: none;
        float: left;
        display: block;
        width: 95%;
    }

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

.diagramimg {
    width: 100%;
    height: 800px;
    background-image: url('../Images/diagram_ver.gif');
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat;
}







#emptyspaceli {
    background-color: transparent;
    height: 10%;
}

#emptyspaceli2 {
    background-color: transparent;
    height: 100%;
}


div#devicetextpos {
    margin-right: 20px;
}




#iphonebar {
    visibility: visible;
}

#otherbar {
    visibility: collapse;
    height: 0px;
}

#linkmor li {
    font-size: 0.8em;
}

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

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

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

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

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








.play {
    background: url('../Images/play.png') no-repeat center right;
    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;
}

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

.promobutshaow {
    background: url('../Images/mispromo.gif');
    position: absolute;
    right: 0px;
    height: 100px;
    font-size: 1.8em;
    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;
}









.slogenbesidepic {
    background: url('../Images/view.png') no-repeat center top;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.student_ill {
    top: 0px;
    visibility: collapse;
    visibility: hidden;
    height: 40%;
    background-size: 70%;
    position: absolute;
    width: 100%;
}
/*background:url('../Images/student2.png')no-repeat  center top; */


.flowtext {
    visibility: hidden;
}



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

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

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

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

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

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




.divcontentlinkstart a:link {
    width: 100%;
    font-size: 18px;
    color: red;
}


/* 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-position: top;
    height: 30%;
    position: absolute;
    width: 100%;
    background-image: url('../Images/loginlogo_2.gif');
    background-size: 60%;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: center bottom;
}

#fastlogin {
    background-image: url('../Images/view.png');
    background-position: top center;
    position: absolute;
    top: 30%;
    width: 100%;
    height: 70%;
    background-size: 500%;
    background-repeat: no-repeat;
}

    #fastlogin ul {
        width: 80%;
        margin-left: 5%;
        margin-right: 10%;
        background-color: White;
    }

    #fastlogin li {
        list-style-type: none;
        display: block;
        width: 100%;
        display: block;
        width: 100%;
        text-align: left;
        font-size: 1.2em;
        font-family: Arial;
    }

.textboxstlogin {
    background-color: transparent;
    width: 95%;
    color: #dbe946;
    border: none;
    height: 30px;
    text-align: left;
}

div#fastlogin .textboxst {
    border: solid 0px #4195C9;
    width: 100%;
    background-color: #ffffff;
    font-size: 2em;
}

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

#txtMailToSendPwd {
    width: 100%;
    padding: 0;
    margin: 0;
    height: 30px;
    font-size: 1em;
}

.padtop {
    height: 40px;
}

#logoiconpos_ip {
    background-image: url('../Images/logo_classboost.png');
    margin: auto;
    width: 40%;
    -webkit-border-radius: 0px 0px 20px 20px;
    -moz-border-radius: 0px 0px 20px 20px;
    border-radius: 0px 0px 20px 20px;
    background-color: #cee007;
    height: 100%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

#logopos {
    font: normal 1em sans-serif;
    color: #292b2b;
    float: left;
    margin: 0;
    padding: 0;
}

.divcontentlinkstart {
    width: 100%;
    bottom: 0px;
}

    .divcontentlinkstart a:link {
        display: block;
        width: 100%;
    }

#iphoneli {
    height: 900px;
    background-color: transparent;
    border: none;
}

.divcontentlinkip {
    height: 100%
}




.iconheaderstartpage {
    width: 30%;
    height: 30%;
    position: fixed;
    background-size: 100%;
}

#coursemeetingcepage {
    margin: 0 auto;
    width: 100%;
    margin-top: 11%;
}

#videodetails {
    position: absolute;
    padding-left: 10px;
    padding-top: 5px;
    padding-right: 10px;
}




#flashpos {
    visibility: collapse;
}

#coteretcourse {
    color: #000000
}

.coteret_page {
    padding-top: 10px;
    text-align: center;
    width: 100%;
}

#tytle_meetinglist h1 {
    width: 90%;
    text-align: center;
    padding-right: 5%;
    padding-left: 5%;
}

#contentlistpage {
    width: 100%;
    margin: 0 auto;
    padding: 0px;
    margin-top: 12%;
}

#student_ill {
    background-size: 70%;
    height: 100%;
    background-position: center;
}

#iconcourse {
    background-size: 60%;
    background-position: center;
}

div#contentlistpage h2 {
    font-size: 0.9em;
    padding-top: 5px;
    height: 30px
}

.iconclass {
    background-size: 60%;
    background-position: center;
    height: 37px;
}

.iconcourse {
    background-size: 60%;
    background-position: center;
    height: 37px;
}

#iconcourse {
    padding-left: 0px;
}

#iconclass {
    padding-left: 0px;
}

#coursemeeting {
    width: 100%
}



/*#ifrmovie{  overflow:hidden;margin-left:0px;  z-index:100; }*/
#ifrcomment {
    overflow: hidden;
    margin-left: 0px;
    z-index: 100;
}

#ifrm_VideoList {
    width: 600px;
    height: 600px;
}

#uc_mheader_ifrm_MarkList {
    POSITION: FIXED;
    top: 55px;
    bottom: 0px;
    width: 100%;
    border: solid 2px red;
    z-index: 1000;
}

#uc_mheader_ifrm_VideoList {
    POSITION: FIXED;
    top: 55px;
    bottom: 0px;
    width: 100%;
    border: solid 2px red;
    z-index: 1000
}


.defpagecourselist {
    position: relative;
    margin: 0;
    padding: 0;
    margin-top: 55px;
}

#coursemeetingpage {
}

#cllassboost_library {
    clear: both;
    margin-left: 0%;
    width: 100%;
    display: block;
    left: 0px;
    top: 0px;
}


#misplay {
    width: 100%;
}


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

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

#tytle_library {
    padding-top: 20px;
}

#tytle_classlist {
    padding-top: 20px;
}


.courseslist {
    width: 10%;
}

.courseitem {
    max-width: 100%;
    height: auto;
}

.coursebox_last {
    display: block;
    border: none;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.iphone_login table {
    text-align: center;
    margin-right: 40%;
    margin-top: 20%;
}

.iphone_login {
    width: 90%;
    border: solid;
    background-color: #fbfbfb;
    margin-right: 5%;
    margin-top: 10%;
    height: 60%;
    position: absolute;
}

.cotopenclass {
    color: #42454a;
    line-height: 2em;
    font-family: Arial;
    font-size: 0.9em;
    padding-top: 10px;
    padding-bottom: 10px;
}

/*.toolsonclass{
height: 20.5%;
    display: inline-block;
    vertical-align: top;
    margin-top: 0px;
    float: right;
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 5%;
    margin-bottom: 0;
    border-bottom:solid 2px #fff;
	}*/

#cotwhattodo {
    margin-top: 5%;
}

.selectwhatcoteret {
    font-size: 1.5em;
    padding: 0;
}




#courselist {
    clear: both;
    width: 100%;
    display: block;
    margin: 0;
    margin-top: 20px;
}

#cllassboost_library {
}

#entertoclassnow {
    width: 100%;
    margin: 0;
    padding: 0;
    right: 0;
    left: 0;
    margin-top: 24px;
}




#identification {
}

    #identification a:link {
        visibility: collapse;
        height: 0px;
        width: 0px;
    }

#uc_mheader_lblUserName2 {
    visibility: collapse;
}

#userdef {
    visibility: collapse;
}

    #userdef a {
        visibility: collapse;
    }

.usertextname {
    visibility: collapse;
}

#userdef {
    right: 5px;
}

.textlogo {
    visibility: collapse;
}



#miscoursebox_last {
    width: 100%;
    margin: 0;
}


#signupright div {
    display: inline-block;
}





.htmlTextEditC {
    border: solid 2px orange;
}

@media screen and (max-width: 800px) {
}

#ContentPlaceHolder1_up1 {
    left: 0;
    margin: 0;
}

#ContentPlaceHolder1_btnapp .selectwhat_sub {
    background-color: transparent;
    padding-top: 20px;
    width: 80%;
    margin: 0 auto;
    border: none
}

#ContentPlaceHolder1_Div1 .selectwhat {
    border: none
}

#containerchoosewhat {
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0;
    top: 55px;
    border: solid 0px;
    margin-top: 0px;
    height: auto
}

#posbut {
    position: relative;
    height: 100%;
}


.videosnap {
    height: auto
}

#showplayoncourse {
    display: block;
}

.meetingbox_process #showplayoncourse {
}

.meetingbox_process #videosnap #showplayoncourse {
    height: 120px;
    border: solid 0px;
    line-height: 0.5em;
    font-size: 0.7em
}

#showplayoncourse {
}

    #showplayoncourse:before {
        height: 90px;
    }

#videosnap:hover #showplayoncourse {
    opacity: 0.1;
    height: 90px;
    border: solid 0px;
    line-height: 0.5em;
    font-size: 0.7em;
    background-color: White;
}

#videosnap {
    display: inline-block;
    height: auto;
    float: right;
    position: static;
}



.meetingdatest {
    font-size: 1em;
}

#coursedef {
    width: 40%;
    margin-right: 0;
    margin: 0;
    padding: 0;
    padding-top: 10px;
    margin-right: 35%;
    margin-bottom: 20px;
}

#courseitem {
    width: 100%;
    position: relative;
    height: auto;
    min-height: auto;
    margin: 0 auto;
    margin-bottom: 0px;
}

#summarydiv {
    position: absolute;
    top: 0;
    left: 0;
}

.tytle_library {
    border: none;
    border-bottom: solid 1px #f5f5f5;
    background-color: #e6e6e6;
    text-align: center;
}

.tytle_classlist {
    text-align: center;
    border: none;
    background-color: #f5f5f5;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin-bottom: 0px
}

.tytle_meetinglist {
    border: none;
    background-color: #f5f5f5;
}

    .tytle_meetinglist:before {
        content: "";
        visibility: collapse;
        position: absolute;
        bottom: -25px;
        right: -20px;
        border-width: 20px 20px 0px;
        border-style: solid;
        border-color: #dbdbd8 transparent;
        display: block;
        width: 0;
    }

.tytle_library:before {
    content: "";
    visibility: collapse;
    position: absolute;
    bottom: -25px;
    right: -20px;
    border-width: 20px 20px 0px;
    border-style: solid;
    border-color: #dbdbd8 transparent;
    display: block;
    width: 0;
}

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








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



._51mx {
    padding: 5;
}

#headerstrtpageip {
    height: 56px;
    position: relative;
    background-color: #185f96;
    color: #fff;
}

#maincontentip {
    position: absolute;
    top: 310px;
    z-index: 2000;
    width: 100%;
}

#footerpageip {
    height: 50%;
}

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

.clasnameheader {
    height: 100%;
    margin-right: 40px;
    padding-right: 10PX;
    padding-left: 10PX;
}

.clasnameheaderopacity {
    height: 100%;
    margin-right: 40px;
    padding-right: 3%;
}

.menuiphone {
    right: 0px;
    height: 100%;
    background-position: center;
    padding: 0px;
    position: absolute;
    background-image: url('../Images/iphone/iphonemenu.gif');
    top: 0px;
    background-size: auto 60%;
    background-color: #185f96;
    cursor: pointer;
    height: 100%;
    background-position: center;
    width: 43px;
    background-repeat: no-repeat;
}


.menuiphonepresed {
    height: 100%;
    background-position: center;
    padding: 0px;
    position: absolute;
    right: 0px;
    background-image: url('../Images/iphone/iphonemenu.gif');
    top: 0px;
    background-size: auto 50%;
    background-position: center;
    cursor: pointer;
    height: 100%;
    width: 40px;
    background-repeat: no-repeat;
}

.openmenuiphone {
    background-color: #185f96;
}

.menuiphonepresed {
    background-color: #185f96;
}

#moreoption li {
    line-height: 2em;
    padding: 0;
}

#contentremark ul {
    height: 100%;
}

#contentremark div {
    height: 100%;
}





#moreoptioniphone {
    top: 55px;
    width: 100%;
    height: 100%;
    margin-right: 0px;
    padding: 0px;
    position: absolute;
    line-height: 2em;
    z-index: 3002;
    -moz-transition: all 0.5s;
    /* WebKit */
    -webkit-transition: all 0..5s;
    /* Opera */
    -o-transition: all 0.5s;
    /* Standard */
    transition: all 0.5s;
    border: 0;
    background-image: url('../Images/general/maskmenu.png');
}


    #moreoptioniphone li {
        line-height: 1.6em;
        border: none;
        padding: 0px;
        margin: 0px;
        background-color: #f6f6f5
    }

    #moreoptioniphone ul {
        height: 100%;
        width: 100%;
    }


    #moreoptioniphone ul {
        height: 100%;
    }





textarea {
    font-size: 1.3em;
}

#txtEditRemark {
    font-size: 1.3em;
}

#cbShareAll {
    font-size: 1.3em;
    color: #ffffff;
    font-family: Arial;
}

#scrollerTimeEdit {
    font-size: 1.3em;
    color: #2a2c30;
    font-family: Arial
}

.contactst {
    width: 100%;
    margin: 0;
    right: 0
}

#txtContentBody {
    font-size: 1.3em;
    direction: rtl;
    height: 90%
}

.butsendcontact {
    display: inline-block;
    width: 49%;
}

#cbSendResponse {
    font-size: 1.3em;
    color: red;
    font-family: Arial
}

.butposiphone {
    width: 90%;
    margin: auto;
    height: 40px;
    margin-top: 5%;
    margin-bottom: 5%;
}

.classlistiphone {
    height: 100%;
}

#topheaderdiv {
    height: 60px;
    width: 100%;
    background-color: #d9e24e;
    color: #2e2f33;
    position: absolute;
    top: 0;
}

#pagediv {
    background-color: #e3e5e7;
    display: block;
    width: 100%;
}

.small {
    min-height: 25px;
}

    .small label {
        font-size: 1em;
        vertical-align: middle;
        line-height: 2em;
        margin-right: 5px;
    }


/*
input[type=checkbox]
{
  /* Double-sized Checkboxes 
  -ms-transform: scale(1.2); /* IE 
  -moz-transform: scale(1.2); /* FF 
  -webkit-transform: scale(1.2); /* Safari and Chrome 
  -o-transform: scale(1.2); /* Opera 
 margin-left:10px;  margin-bottom:4px;
}*/

#btnShortFullList {
    font-size: 1.2em;
    background-color: #6c6f78;
    color: #ffffff;
    font-size: 0.8em
}















.notesbookbas_left {
    background-color: White;
    width: 100%;
    vertical-align: top;
    display: block
}

.NoDataDiv {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 20px;
}














.keeplogst {
    margin-right: -6px;
    margin-top: 5px;
}



#headrrcourselist {
    text-align: center;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    border-right: none;
    border-left: none;
}

    #headrrcourselist span {
        display: block;
        height: 100%;
        vertical-align: middle;
    }

#topheader {
    position: fixed !important;
    z-index: 1000;
}

#videoPageHeader {
    height: 0px;
    top: 0px;
    visibility: collapse;
}

#ifrm_Header {
    height: 50px;
    width: 50px;
}

.mejs-logo {
    height: 50px;
    right: 0px;
}

.buthome {
    height: 50px;
    top: 0px;
}


#pnlHeader {
    width: 50px;
}



.logintextlinks {
    padding: 0;
    padding-top: 5px;
}




#ifrcomment {
    top: 60px;
}
/*#ifrmovie{top:60px;}*/
#meetingsbutst {
    visibility: collapse
}




#uc_mheader_btnSum {
    height: 58px;
    width: 0;
    visibility: collapse;
}

#uc_mheader_btnLib {
    height: 58px;
    width: 0;
    visibility: collapse;
}

#userdef {
    height: 58px;
}


.icon_video {
    height: 0px;
    visibility: collapse;
    top: 0px;
    right: 0px;
}

.icon_blog {
    height: 0px;
    visibility: collapse;
    top: 0px;
}

.top_hetz {
    top: 37px;
}

.top_hetz2 {
    top: 37px;
}
/* added for ipad */

#comentbuble {
    border: solid 1px #e6e6e6;
    width: 100%;
    margin: 0 auto;
}

#searchtextbox {
    font-size: 2em;
}

.watermarked {
    height: 20px;
    width: 150px;
    padding: 2px 0 0 2px;
    border: 1px solid #BEBEBE;
    background-color: #F0F8FF;
    color: gray;
    font-size: 0.8em;
}


#DisplayRemark {
    position: fixed;
}

#divAddPost {
    height: 100px;
}


.selectclass {
    position: absolute;
    top: 0px;
    right: 0px;
    opacity: 1;
    background-image: url('../Images/notebook/addclass_icon.png');
    background-position: top left;
    vertical-align: top;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    margin: 0;
    background-size: auto;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}





#contentremark .changeclassbut {
    border: none
}

.changeclassbut {
    font-size: 1em;
    background-color: #F3F3F3;
    height: 90%;
    width: 100%;
    line-height: 2em;
    cursor: pointer;
    border: none;
    border-bottom: solid 2px #ffffff;
    color: #5b5e65;
    text-align: right;
}

#bodyst.classlistbody {
    background-color: #e3e5e7;
}




#globalclassadd table {
    height: 60px;
    color: #4b4e53;
    background-repeat: repeat-x;
    padding: 0px;
}

#globalclassadd td {
    font-size: 1em;
    color: #4b4e53;
    padding-right: 5px;
}

#globalclassadd {
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
    background-color: #f5f5f5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 90%;
    margin-right: 5%;
    box-shadow: 1px 1px 2px #949595;
}

#coursedetails table {
    color: #5b5e65;
    background-repeat: repeat-x;
}

#coursedetails td {
    font-size: 1em;
    padding-right: 5px;
    line-height: 1em;
}

#coursedetails {
    padding: 6px;
    background-color: #f5f5f5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #5b5e65;
    position: relative;
    box-shadow: 1px 1px 2px #949595;
    border-right: solid 5px #d9e24e;
}

    #coursedetails:hover {
        background-color: #d9e24e;
        padding-right: 10%;
        width: 90%;
    }


div#currentclass {
    width: 100%;
    top: 0%;
    display: inline-block;
}

.CurentClass {
    width: 90%;
    margin: 0 auto;
    position: relative;
    line-height: 1em;
    cursor: pointer;
    -moz-transition: all 0.5s;
    /* WebKit */
    -webkit-transition: all 0.5s;
    /* Opera */
    -o-transition: all 0.5s;
    /* Standard */
    transition: all 0.5s;
    background-color: #f5f5f5;
    color: #362c2c;
    display: block;
    border-bottom: solid 1px #5b5e65;
    margin-top: 2%;
    border-right: solid 4px #d9e24e;
}


    .CurentClass:hover {
        background-color: #d9e24e;
        color: #494c53;
    }

.CurentClasstimest {
    display: table-cell;
    height: 100%;
    color: #d9e24e;
    font-size: 1em;
    letter-spacing: -0.02cm;
    padding-top: 25px;
    padding-bottom: 25px;
    vertical-align: top;
    padding-right: 5px;
}

.currentClassName {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    padding-top: 25px;
    padding-bottom: 25px;
    vertical-align: top;
    padding-right: 5px;
}

.currentClassName {
    font-size: 1em;
}


.CurentClass:hover .CurentClasstimest {
    color: #494c53;
}

.CurentClass:hover .currentClassName {
    color: #494c53;
}

.CurentClass .CurentClasstimest {
    background-color: #e6eaa8;
    color: #362c2c
}

.CurentClass .currentClassName {
    color: #362c2c;
}





.stylenotebottom {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 30px;
    background-position: bottom left;
    background-repeat: no-repeat;
}



.closebuttetx {
    background-color: transparent;
    color: #ffffff;
    font-size: 1.5em;
    margin-top: -1px;
    display: block;
}










.musttextid {
    margin-top: 20px;
    font-size: 1em;
}

.topsignup {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

    .topsignup table {
        width: 100%;
    }










.lHeadersignup {
    font-size: 0.8em;
    margin-top: -10px
}


#contactifnotconferm {
    width: 100%;
}

.checkst {
    color: #b1b4ba;
}

.checkst {
    color: #000;
    font-family: Arial;
}

    .checkst lable {
        color: Red;
    }


.activestep {
    font-size: 1.3em;
    text-align: center;
    width: 80px;
}

.step2, .step3 {
    font-size: 1.3em;
    text-align: center;
    width: 80px;
}

.wasactive {
    font-size: 1.3em;
    text-align: center;
    width: 80px;
}

#paslogosignup .slogenst {
    font-size: 1.3em;
}

#paslogosignup #logoiconpos {
    height: 60px;
    width: 60px;
    margin-top: 20px;
}

#paslogosignup {
    width: 100%;
    text-align: center;
    vertical-align: middle;
    height: 40px;
    direction: ltr;
    margin-top: 50px;
    text-align: left;
}

#divOtherDetails {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    width: 90%
}








/*button dont have class notes add class*/
.addclasspos {
    width: 90%;
    margin: 0 auto;
}

.sideface {
    width: 85%;
}

.sideform {
    width: 95%;
    font-size: 0.9em
}

.middelsignup {
    margin-top: 0;
}




.alllinkbottomlogin {
    height: 8%;
    position: fixed;
    top: 0;
}

    .alllinkbottomlogin #lisupportlogin {
        visibility: visible;
        width: 80%;
        font-size: 0.8em;
        letter-spacing: -0.02;
    }

.alllinkbottomlogin {
    visibility: visible;
    clear: both;
    position: absolute;
}


    .alllinkbottomlogin #divsupportlogin {
        visibility: visible;
        width: 100%;
    }

        .alllinkbottomlogin #divsupportlogin a:link {
            display: block;
            width: 100%
        }

#divsupportlogin:hover #lblsupporttext {
    color: #5a5d63
}

#divsupportlogin #lblsupporttext {
    color: #5a5d63
}



#classlistheader {
    height: 10%;
    text-align: right;
    vertical-align: middle;
    padding: 2%;
    color: #42454a;
    padding-right: 1%;
    padding-left: 1%;
    border-right: none;
    border-left: none;
    margin-top: 60px;
}

.classlistheaderopacity {
    height: 100%;
    text-align: right;
}








#gvCourses {
    width: 90%;
    margin-right: 5%;
}



#classboostyoucan div.textst {
    text-align: center;
    font-size: 0.9em;
    padding-top: 1%;
    padding-bottom: 1%;
    width: 80%;
    border: none;
}


#mce_68 {
    visibility: collapse;
    height: 0;
}

#mce_60 {
    visibility: collapse;
    height: 0;
}


#classboostyoucan div.textst {
}

.largefont {
    background-color: #d9e24e;
    font-size: 1.8em;
}


#homebut {
    visibility: collapse;
    width: 0;
}





.mismoreoption {
    top: 0px;
    width: 80%;
    margin-right: 0;
    right: 0;
    margin-top: -60px;
}

.coursebox {
    font-size: 1.2em;
    width: 96%;
    margin: 0 auto;
}

.tytle_meetinglist {
    text-align: center;
    width: 100%
}

.searchresult_divVideoFrame {
    width: 95%;
    height: 250px;
    position: absolute;
    top: 0;
}

.div_ListRes {
    width: 100%;
    padding: 0;
    margin: 0;
    margin-top: 250px;
    background-color: #e3e5e7
}

#watchsearchresultbut {
    visibility: collapse
}

#posvideo {
    position: static;
    height: auto;
}

#coursemeetingpage {
    width: 96%;
    margin: 0 auto;
    padding: 0
}

    #coursemeetingpage .courseitem {
        width: 100%;
        margin: 0;
        padding: 0;
        min-width: auto;
        margin-bottom: 0;
        border: none;
        border-bottom: solid 2px #ddd;
    }

#ContentPlaceHolder1_upSearch2 {
    width: 100%;
    margin: 0px;
}

#moreoption:before {
    visibility: collapse
}





.assignroom {
    border: solid 1px #9fa5ac;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 95%;
    margin: 0 auto;
    display: block;
    color: #5b5e64;
    margin-top: 5px;
}

    .assignroom div {
        display: inline-block;
    }


.assigncourse {
    border: solid 1px #9fa5ac;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 95%;
    margin: 0 auto;
    display: block;
    color: #5b5e64;
    margin-top: 5px;
}

    .assigncourse .deftext {
        margin-right: 20px;
    }

.cancelposbut {
    margin-top: 5px;
    width: 100px;
}





.titletips {
    line-height: 2em;
    height: 50px;
    width: 90%;
    margin: 0 auto;
    display: table;
    font-size: 1.5em;
    border-radius: 0px;
}


.contentheadset {
    text-align: center;
    padding-right: 20px;
    padding-left: 20px;
    width: auto;
}

.headseticon {
    width: 100%;
    background-size: auto 80%;
    background-position: center;
    -moz-transition: all 0.6s;
    /* WebKit */
    -webkit-transition: all 0.6s;
    /* Opera */
    -o-transition: all 0.6s;
    /* Standard */
    transition: all 0.6s;
}

.iphonezoomtip {
    width: 100%;
    background-size: auto 80%;
    background-position: center;
    -moz-transition: all 0.6s;
    /* WebKit */
    -webkit-transition: all 0.6s;
    /* Opera */
    -o-transition: all 0.6s;
    /* Standard */
    transition: all 0.6s;
}


.shortcuttip {
    width: 100%;
    background-size: auto 60%;
    background-position: center;
    -moz-transition: all 0.6s;
    /* WebKit */
    -webkit-transition: all 0.6s;
    /* Opera */
    -o-transition: all 0.6s;
    /* Standard */
    transition: all 0.6s;
}

.preview_screentip_iphone {
    width: 100%;
    background-size: auto 80%;
    background-position: center;
    -moz-transition: all 0.6s;
    /* WebKit */
    -webkit-transition: all 0.6s;
    /* Opera */
    -o-transition: all 0.6s;
    /* Standard */
    transition: all 0.6s;
}


.preview_savelastpolint {
    width: 100%;
    background-size: auto 80%;
    background-position: center;
    -moz-transition: all 0.6s;
    /* WebKit */
    -webkit-transition: all 0.6s;
    /* Opera */
    -o-transition: all 0.6s;
    /* Standard */
    transition: all 0.6s;
}

.change_view {
    width: 100%;
    background-size: auto 80%;
    background-position: center;
    -moz-transition: all 0.6s;
    /* WebKit */
    -webkit-transition: all 0.6s;
    /* Opera */
    -o-transition: all 0.6s;
    /* Standard */
    transition: all 0.6s;
}

.share_notes {
    width: 100%;
    background-size: auto 80%;
    background-position: center;
    -moz-transition: all 0.6s;
    /* WebKit */
    -webkit-transition: all 0.6s;
    /* Opera */
    -o-transition: all 0.6s;
    /* Standard */
    transition: all 0.6s;
}

.visited_class {
    width: 100%;
    background-size: auto 80%;
    background-position: center;
    -moz-transition: all 0.6s;
    /* WebKit */
    -webkit-transition: all 0.6s;
    /* Opera */
    -o-transition: all 0.6s;
    /* Standard */
    transition: all 0.6s;
}

.tipsposi:hover .headseticon {
    background-position: right;
}

.tipsposi:hover .iphonezoomtip {
    background-position: right;
}

.tipsposi:hover .shortcuttip {
    background-position: right;
}

.tipsposi:hover .preview_screentip_iphone {
    background-position: right;
}

.tipsposi:hover .preview_savelastpolint {
    background-position: right;
}

.tipsposi:hover .change_view {
    background-position: right;
}

.tipsposi:hover .share_notes {
    background-position: right;
}

.tipsposi:hover .visited_class {
    background-position: right;
}


.howtoaddlink {
    position: fixed;
    top: 60px;
    left: 0;
}


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

.opennotepad {
    background-color: #d6df4e;
}

#summarydiv {
    background-color: #d6df4e;
    margin-top: 0;
    border-radius: 0px 0px 4px 0px;
    border: none;
}

.icon_summary {
    background-color: #d6df4e;
}








.contactpos {
    width: 100%;
    border-radius: 0px;
    min-height: 300px;
    background-color: #ededec;
    color: #000000
}

#btnPlayFast {
    visibility: visible;
}




.mishidesignin {
    background-color: #ebebeb;
    width: 100%;
    height: 40px;
    line-height: 40px;
}




#lblCloseSignup {
    visibility: visible;
    height: 30px;
    width: 30px;
    margin-top: 5px;
    margin-right: 5px;
}


.topheadersignup .closebut {
    height: 28px;
    width: 28px;
    margin-right: 10px;
    margin-top: 5px;
    border: solid 1px #bbbbbb;
    background-color: #d4e23a;
    margin-right: 10px;
}


#containersignup {
    position: absolute;
}





#contentIconbut {
    z-index: 100;
    bottom: 0px;
    right: 0px;
    height: 100%;
    width: 100%;
    text-align: right;
    background-color: #fff;
    -moz-transition: all 1s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}


.divcontentlinkip {
    height: 100%;
}



#footerpageip {
    z-index: 2;
    position: absolute;
    height: 250px;
    width: 100%;
    margin: auto 0;
    top: 56px;
}

html, body {
    padding: 0;
    border: 0;
    font-family: arial;
    height: 100%;
    width: 100%;
    margin: 0;
}

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



#videoPageHeader .iconheader {
    display: none;
}



#lMeetingName {
    line-height: 1em;
    font-size: 0.8em;
    text-align: center;
}



.remarkheight {
    padding-top: 1%;
    padding-bottom: 5%;
    width: 100%;
}

.Addedremark {
    max-height: 3em;
    background-color: #fff;
    height: 100%;
    cursor: pointer;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    margin: 0;
    width: 100%;
    color: #ffffff;
    border-bottom: solid 2px #404348;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    overflow: hidden;
}

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







.mejs-container .mejs-controls div.mejs-LecturerAudio {
    visibility: collapse
}

.mejs-container .mejs-controls div.mejs-ScreenAudio {
    visibility: collapse;
}









#lblsupporttext {
    MARGIN-TOP: 60PX;
    right: 20px;
    bottom: 20px;
}

.allsteps {
    margin-right: 0px;
}




/*for android*/


.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: 10px;
}

.selectwhatcoteret {
    line-height: 1em;
}




#btnViewCourses {
    visibility: collapse;
}


.whyapp {
    padding-top: 5px;
}

#div_ANDROID_APP {
    margin-top: 10px;
    border: solid 1px #ccc;
    width: 100%
}

#div_IPHONE_APP {
    margin-top: 10px;
    border: solid 1px #ccc;
    width: 100%
}




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

div#notesname div {
    display: block;
}


input#cbConfirmation {
    margin-left: 10px;
}

#pnlAll #divContact {
    position: absolute;
    min-height: 1200px;
}



.pos_app {
    top: 1180px;
}

#uc_mheader_btnVote {
    visibility: collapse;
}

#uc_mheader_btnControl {
    visibility: collapse;
}

#uc_mheader_btnVote:hover {
    right: 42px;
}



.AddRemarkStar_selected {
    background-size: auto 90%;
    background-image: url('../Images/remarks/remark_star_he_d_65.png');
}

.AddRemarkTranscript {
    background-size: auto 90%;
    background-image: url('../Images/remarks/remark_Transcript_he_d_65.png');
}

.AddRemarkQ_selected {
    background-size: auto 90%;
    background-image: url('../Images/remarks/remark_Q_he_d_65.png');
}

.AddRemarkImportant_selected {
    background-size: auto 90%;
    background-image: url('../Images/remarks/remark_important_he_d_65.png');
}

.AddRemarkFreeText_selected {
    background-size: auto 90%;
    background-image: url('../Images/remarks/remark_freetext_he_d_65.png');
}

.AddRemarkLink_selected {
    background-size: auto 90%;
    background-image: url('../Images/remarks/remark_link_he_d_65.png');
}

.AddRemarkNewSubject_selected {
    background-size: auto 90%;
    background-image: url('../Images/remarks/remark_newsubject_he_d_65.png');
}

.AddRemarkMaterial_selected {
    background-size: auto 90%;
    background-image: url('../Images/remarks/remark_material_he_d_65.png');
}

.AddRemarkForum_selected {
    background-size: auto 90%;
    background-image: url('../Images/remarks/remark_forum_he_d_65.png');
}

.AddRemarkGarbage_selected {
    background-size: auto 90%;
    background-image: url('../Images/remarks/remark_Definition_he_d_65.png');
}



/*open menu*/


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
}

#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;
}


#personsetting {
    width: 50px;
    height: 55px;
}

#moreoption {
    direction: ltr;
    box-shadow: 2px 2px 10px #888888;
    top: 0px;
}

    #moreoption li {
        text-align: right;
    }





.panelcallbox {
    position: static !important;
    width: 100% !important
}

.panelTurnsBox {
    position: static !important;
    width: 100% !important
}

.panelEditBox {
    position: static !important;
    width: 100% !important
}

.panelFailuresBox {
    position: static !important;
    width: 100% !important
}

.panelCheckinBox {
    position: static !important;
    width: 100% !important
}


.tdlableform {
    width: 70px;
}

.sideform {
    width: 100%;
}

#divOtherDetails {
    width: 100% !important;
    border-radius: 0px;
}

#divOtherDetails, .topsignup {
    border-radius: 0px !important;
}

.myprofilebut {
    padding-right: 20px;
    padding-left: 20px;
}

#ContentPlaceHolder1_ucCourses_ddlYears {
    width: 95%;
    margin: 0;
    float: none;
}

#coursemeetingcepage .styled-select.ddlYearsst {
    text-align: center;
}


.addnewclipitem {
    display: inline-block;
    float: right;
    background-image: url(../Images/clip/clipicon.png);
    opacity: 1;
    background-repeat: no-repeat;
    background-position: top;
    position: static;
    width: 100%;
    height: 120px;
    margin-top: 0px;
    border: solid 2px #ddd;
    color: #185f96;
    background-color: White;
    line-height: 200px;
    cursor: pointer;
    font-size: 0.9em;
    position: static;
    right: 0;
    border-right: none;
    border-left: none;
    visibility: collapse;
    height: 0;
    width: 0px;
    margin: 0;
    padding: 0
}

.clipdeftitle {
    visibility: collapse;
    height: 0;
    width: 0px;
    margin: 0;
    padding: 0
}

    .clipdeftitle span.widthauto {
        visibility: collapse;
        height: 0;
        width: 0px;
        margin: 0;
        padding: 0
    }

.cliptitle {
    margin-bottom: 0px;
    height: 40px;
    width: 100%;
}

#ContentPlaceHolder1_ucMeetings_divLessonsTitle {
    margin-top: 0px;
}

.searchtxt {
    width: auto !important;
}

#dearchdiincourse {
    float: none;
}

#coursemeetingpage {
    width: 100%;
    margin: 0
}

.clipdef {
    padding: 10px;
    color: #4881BD;
    text-align: right;
    line-height: 1.1em;
}

#ContentPlaceHolder1_ucClips_LblClipsTitle {
    background-color: #467eb9;
    color: #fff;
    min-width: 125px;
    width: 100%;
}

#tytle_meetinglist {
    margin-bottom: 0px;
}

#ContentPlaceHolder1_ucMeetings_LbllessonTitle {
    width: 100%;
}

#divNotebook {
    right: 0px;
}

.winclosebut {
    width: 40px;
    border: none !important;
}

.addcoment_cancel {
    height: 34px;
    width: 34px;
    background-color: #11466f;
    background-image: url(../Images/video/back.png);
    opacity: 1;
    background-size: 70%;
}

.searchtxtboxset {
    padding-right: 0px;
    padding-top: 5px;
}

textarea#ucAddRemrk_txtText {
    width: 80%;
}

.headernotest {
    visibility: collapse;
    height: 0px;
    width: 0px;
}

.addremarkfastenter {
    visibility: collapse;
    height: 0px;
    width: 0px;
}

.MeetingSelectRow .note_title {
    visibility: collapse;
    height: 0px;
    width: 0px;
    display: none;
}

.fastenter {
    visibility: collapse;
    height: 0px;
    width: 0px;
}

#ucNewSummary_txtAddContent {
    height: 34px;
}

.classaddbookmark {
    right: 40px;
    bottom: 10px;
    top: auto;
}

.mejs-button.mejs-filter-button {
    visibility: collapse;
    height: 0px;
    width: 0px;
}

.btnShowStyle {
    right: 4px;
    bottom: 10px
}

.textereastyle {
    position: absolute;
    left: 48px;
    right: 80px;
    bottom: 9px;
    top: auto;
    height: 38px;
    z-index: 101;
}

span#ucNewSummary_shareremark {
    display: none;
}

#ucNewSummary_btnAddContent {
    position: absolute;
    left: 5px;
    top: auto;
    z-index: 100;
    bottom: 10px;
    width: 38px;
    height: 38px;
}

#ucNewSummary_divNewRow .addbuttonspos {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 55px;
    border-top: solid 1px #ddd;
    background-color: #fff;
    border-bottom: solid 1px #1D1D1D;
}

.defbutst {
    width: 35px;
    height: 35px;
}

.divStyles {
    position: absolute;
    float: right;
    direction: rtl;
    right: 0px;
    left: 0px;
    height: 40px;
    padding-top: 5px;
    border-top: solid 1px #ddd;
    bottom: 55px;
    top: auto !important;
}

#divShareHdr {
    background-image: none;
}

.editbutpos {
    visibility: collapse;
    height: 0px;
    width: 0px;
    margin: 0;
    padding: 0;
}

    .editbutpos input {
        visibility: collapse;
        height: 0px;
        width: 0px;
        margin: 0;
        padding: 0;
    }

.clsSubShareHdr input {
    left: 0;
    top: 0px;
}

.GridView {
    width: 98%;
}

.clsSubShareHdr input {
    background-image: url('../Images/notebook/sharenotes_notext.png');
    padding-right: 0px;
    width: 34px;
    height: 34px;
    background-position: center;
}





    .clsSubShareHdr input.shared {
        background-image: url('../Images/notebook/sharenotes_notext.png');
        padding-right: 0px;
        width: 34px;
        height: 34px;
        background-position: center;
    }

.poshtmlPostRemark {
    top: 0px;
}

#divAddPost {
    height: 100%;
    top: 0px !important;
    padding: 0px;
}

.commentdiv .poshtmlPostRemark {
    height: 100%;
}

.commentdiv .poshtmlPostRemark {
    padding-top: 0px;
    height: 80px;
}

#divAddPost textarea {
    height: 40px;
}

.classbtnAddContent {
    top: 350px;
}





#comentbuble .addcoment_ok {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background-image: url(../Images/remarks/sendcomment_35_w.png);
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    height: 34px;
    width: 34px;
    cursor: pointer;
    opacity: 1;
    -moz-transition: all 1s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    background-color: #F4A82D;
    position: absolute;
    top: 2px;
    left: 2px;
}

.miseditremark {
    border-radius: 10px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: solid 0px #cec8ae;
    background-color: White;
    padding: 0px;
    position: absolute;
    top: 0px;
    left: 60px;
    right: 50px;
    width: auto;
}

.addcoment_ok {
    background-image: url(../Images/remarks/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;
}

.iphoneposbutt {
    overflow-x: scroll;
    width: 100%;
    margin-top: 0;
    bottom: 50px;
    position: absolute;
    overflow-y: hidden;
}

#divFacebookButtons {
    position: static !important;
    /* bottom: 100px; */
    height: 79px;
    background-color: #ffffff;
    text-align: center;
    /* right: 0px; */
    border: none;
    border-radius: 0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    background-color: White;
    padding-bottom: 0;
    width: 800px !important;
    /* right: 5px; */
    float: none !important;
    background-color: #11466f !important;
    padding-top: 5px;
}

#divShareButtons {
    text-align: right;
    position: absolute;
    top: -125px;
    color: #1D1D1D;
    font-size: 0.8em;
    padding-right: 30px;
    text-align: right;
    padding-top: 0px;
    font-weight: bold;
    border-top: solid 0px #000000;
    height: 32px;
    padding-top: 2px;
    right: 0;
    left: auto;
    background-color: #fff;
    border-top: solid 2px #ddd;
}

#divFacebookButtons input {
    float: none !important;
    width: 7% !important;
    height: 60px;
    border-radius: 4px;
    cursor: pointer;
    background-size: 100%;
    border: solid 1px #A9A0A0;
    -webkit-border-radius: 2px;
    moz-border-radius: 2px;
    border-radius: 2px;
    margin: 2px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: auto;
    vertical-align: top;
    background-color: #185f96;
    margin: 0;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border: none;
    margin: 1px;
    background-color: #185f96;
}

#divShareButtons label {
    color: #6b6c6d;
    display: block;
    margin-right: 30px;
    margin-top: -21px;
    font-size: 1em;
}

#MeetingNameDiv {
    top: 0px;
    background-color: Black;
}

#frameAll .addcoment_ok {
    background-image: url(../Images/notebook/ok_25.png);
    position: fixed;
    bottom: 10px;
    top: auto;
    z-index: 1000;
    left: 8px;
    height: 34px;
    width: 34px;
    opacity: 1;
}

.mistextedit {
    display: block;
    padding: 0;
    border: solid 0px #ccc;
    background-color: white;
    position: absolute;
    bottom: 10px;
    RIGHT: 40PX;
    LEFT: 60PX;
    background-color: #e2ebee;
}

    .mistextedit .TxtReg {
        height: 34px;
    }

.textclass {
    width: auto !important;
    position: fixed;
    bottom: 0px;
    z-index: 100000;
    right: 40px;
    left: 50px;
}

#frameAll .addcoment_cancel {
    top: 0px;
    background-color: white;
    left: auto;
    height: 34px;
    width: 34px;
    opacity: 1;
    z-index: 4;
    position: fixed;
    bottom: 6px;
    right: 4px;
    top: auto;
    z-index: 1000;
    background-image: url(../Images/general/close.png);
}



.addcomment_ddpos {
    float: none;
    /* margin-right: 5px; */
    width: 240px;
    margin: 0 auto;
    display: block;
}

.misgeretaddremarkindiv {
    width: auto;
    margin: 0 auto;
    position: absolute;
    right: 10px;
    left: 55px;
    margin-top: 50px;
    border-radius: 2px;
    border: soild 1px #ddd;
}

#addcomentbutrow div {
    width: 95%;
    margin: 0 auto;
    display: block !important;
}

textarea#ucAddRemrk_txtText {
    width: 99%;
    margin: 0;
    padding: 0;
}



.butaddmis {
    width: 260px;
    margin: 0 auto;
    display: block !important;
}



div#ucNewSummary_UpdatePanel2 {
    height: 60px;
}


#ContentPlaceHolder1_ucSummary_divNewRow {
    height: 58px;
}

#ContentPlaceHolder1_ucSummary_btnAddContent {
    position: absolute;
    left: 8px;
    top: 10px;
    z-index: 100;
    height: 36px;
    width: 34px;
}

#ContentPlaceHolder1_ucSummary_txtAddContent {
    height: 34px;
}

#ContentPlaceHolder1_ucSummary_UpdatePanel2 #divShareButtons {
    top: -100px;
}

.searchtxtboxset #up1 {
    text-align: center;
}


.iphoneset .addcoment_cancel {
    display: none !important;
}

#ucAddRemrk_tblFTypes div {
    background-size: auto 92%;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 0px;
    moz-border-radius: 0px;
    border-radius: 0px;
}


table#ucAddRemrk_tblFTypes {
    width: 100%;
    background-color: #252525 !important;
    margin: 0 auto;
    text-align: center;
    height: auto;
    display: block;
    border-bottom: solid 4px #252525;
    magin-bottom: 100px;
    position: absolute;
    top: 0PX;
    bottom: 100px;
}

#addcomentbutrow {
    magin-top: -100px;
}

table#ucAddRemrk_tblFTypes tbody {
    display: block;
    height: 100%;
    width: 100%
}

table#ucAddRemrk_tblFTypes tr {
    display: inline-block;
    width: 100%;
    height: 25%;
    min-height: 30px
}

table#ucAddRemrk_tblFTypes td {
    display: inline-block;
    width: 32.5%;
    height: 100%;
    border: solid 1px #252525;
}

#ucAddRemrk_tblFTypes a:link {
    height: 100%;
}

.butaddmis .classbtnAddContent {
    top: 275px;
    bottom: 67px;
    position: absolute;
    left: 10px;
}

#ifrmComments {
    position: relative;
    width: 100%;
    right: 0px;
}

#ddlMeetings li {
    list-style-type: none;
    color: #5b5e65;
    text-align: right;
    padding: 12px 9px;
    cursor: pointer;
    background-color: #ffffff;
    border: solid 1px #ddd;
    border-bottom: none;
    margin-top: -2px;
}

.updatepos {
    width: 20px;
}

div#allcommentre.commentdiv {
    background-color: #fff;
    position: static;
}

.divforreference {
}

.polinkremark {
    vertical-align: top;
    height: 30px;
    width: 25px;
    position: absolute;
    right: 0;
    left: auto;
}

.delpos {
    left: 0;
    top: 0px;
    z-index: 2;
    opacity: 1;
    position: absolute;
}

.addcoment_play {
    width: 45px;
    background-size: 85%;
}

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

#ifrmNotebook {
    background-image: none;
}

td.widtdastheditbuttons {
    max-width: 50px;
    width: 45px;
}

GridView {
    width: 95%;
    padding-right: 2.5%;
    padding-left: 2.5%;
}

#frameAll .GridViewRowcomment {
    margin-left: 0;
    min-height: 40px;
}

.remarkdivst #up1 {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    border: solid 0px red;
    -webkit-overflow-scrolling: touch;
}

.img_DisplaySlideImage {
    width: 100%;
}

.MeetingSelectRow .contentnote {
    padding-top: 0px;
}


#ucAddRemrk_lblChoose {
    font-size: 0.9em;
    font-weight: bold;
    text-align: center;
    color: #fff;
    font-family: Arial;
    position: absolute;
    background-color: #f46b2d;
    bottom: auto;
    left: 0px;
    border-radius: 0 4px 4px 4px;
    padding: 8px 35px;
    height: 15px;
    display: block;
}


    #ucAddRemrk_lblChoose:before {
        position: absolute;
        top: 5px;
        right: 3px;
        width: 25px;
        height: 10px;
        font: normal normal normal 14px/1 FontAwesome;
        opacity: 0.7;
        font-size: 20px;
        content: "\f06a";
    }



.misgeretaddremarkindiv {
    width: auto;
    margin: 0 auto;
    position: absolute;
    right: 10px;
    left: 55px;
    /* margin-top: 50px; */
    border-radius: 2px;
    border: soild 1px #ddd;
    bottom: 5px;
}

textarea#ucAddRemrk_txtText {
    width: 99%;
    margin: 0;
    padding: 0;
    height: 40px;
    border-radius: 0px;
    font-size: 1.2em;
}

.butaddmis .classbtnAddContent {
    top: auto;
    position: absolute;
    left: 10px;
    bottom: 5px;
}

#ifrm_AddRemark {
    height: 100%;
}

.misgeretaddremark {
    height: 100px;
}

#buttomaddremark {
    position: fixed;
    bottom: 0px;
    height: 100PX;
}

.misaddremark {
    position: absolute;
    top: 0px;
    right: -2px;
    left: -6px;
    bottom: 0px;
    overflow-y: scroll;
}

.allremarkstable {
    margin-bottom: 200px;
}

textarea#htmlPostRemark {
    margin: 0;
    width: 100%;
    border-radius: 0px;
    margin-top: 5px;
}

.poshtmlPostRemark {
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    height: 60px;
    top: auto;
}

.htmlPostRemarkdiv {
    position: absolute;
    left: 60px;
    right: 40px;
}

.commentdiv .poshtmlPostRemark .classbtnAddContent {
    bottom: 5px;
    top: auto;
}

#divAddPost .addcoment_cancel {
    height: 34px;
    width: 34px;
    background-color: #fff;
    background-image: url(../Images/general/close.png);
    opacity: 1;
    background-size: 70%;
    bottom: 10px;
    top: auto;
}

@media screen and (max-height: 480px) {
}


@media screen and (max-height: 480px) {
    #wrapsignup {
        visibility: visible;
    }

    #divsupportlogin_reg {
        visibility: visible;
    }


    #pas {
        height: inherit;
    }

    .pos_app {
        visibility: visible;
    }

    #headerstrtpage:before {
        background-image: none;
    }

    .insigninpage {
        margin-top: 0px;
    }
}

#BlockModalUsers .modal-dialog {
    width: 100%;
    margin: 0px;
    height: 100%;
}

#divShareHdr #div1 {
    display: none;
}

.notestyle {
    bottom: 0;
}

#allsum {
    position: fixed
}

.notestyle .clsFrameAll_Note td.widtdastheditbuttons {
    max-width: 10px;
    width: 10px;
}

.notestyle.commenttext {
    width: 100%;
}

.divRowText.TxtHdr3 {
    padding: 0;
    padding-top: 5px;
    padding-bottom: 0px;
    background-color: #FAEFE5;
    padding-top: 10px;
    padding-bottom: 12px;
    padding-left: 1%;
    padding-right: 1%;
    width: 98%;
    border-radius: 0px;
    text-align: center
}

.TxtHdr3 {
    color: #255f96;
    box-shadow: none
}

#divAddPost:before {
    background-image: none;
    background-color: white
}

#uc_mheader_divGetLink1 {
    position: static;
    right: 0
}

.btnCloseGetLink {
    height: 50px;
    padding-right: 10px
}

#uc_mheader_lblGuid {
    DISPLAY: NONE;
}

.cliptitle {
    display: none;
}

.headerbuts {
    font-size: 1.2em
}

#frameAll.clsFrameAll_Video {
    height: auto !IMPORTANT;
    -webkit-overflow-scrolling: touch;
    height: auto !important;
    width: 100%;
    padding: 0px !important;
    margin: 0px !important;
}



.playremarkst {
    position: absolute;
    right: -45px;
    background-position: top right;
    background-repeat: no-repeat;
    height: 100%;
    width: 40px;
    font-size: 0;
    cursor: pointer;
    BACKGROUND-COLOR: transparent;
    border: solid 1px transparent;
    background-image: none;
    top: -6px;
}





.GridViewRowcomment {
    display: block;
    width: 100%;
}

.commentline {
    background-color: transparent;
    border-bottom: none;
    display: block;
    margin-right: 10%;
}

    .commentline .boxdivCommentData {
        background-color: #f5d8a2;
        border-radius: 12px 0px 12px 12px;
        padding: 8px;
        x
    }

.boxdivCommentData {
    margin-right: 20px;
}

.miseditremark {
    border-radius: 10px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: solid 0px #cec8ae;
    background-color: White;
    padding: 0px;
    position: fixed;
    top: auto;
    left: 50px;
    right: 50px;
    width: auto;
    bottom: 0px;
    height: 60px;
    z-index: 100;
    z-index: 100;
}

.remark_edit {
    font-size: 1em;
    height: 50px;
}

#comentbuble .addcoment_ok {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background-image: url(../Images/remark/sendcomment_35_w.png);
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    height: 38px;
    width: 38px;
    cursor: pointer;
    opacity: 1;
    -moz-transition: all 1s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    background-color: #F4A82D;
    position: fixed;
    top: 2px;
    left: 2px;
    bottom: 10px;
    top: auto;
    z-index: 100;
}


.commentdiv .addcoment_cancel {
    height: 34px;
    width: 34px;
    background-color: #11466f;
    background-image: url(../Images/general/close.png);
    opacity: 1;
    background-size: 70%;
    bottom: 0px;
    top: auto !important;
    background-color: white;
    z-index: 100;
    position: fixed !important;
}

#BlockModalUsers .modal-dialog {
    width: 100% !important;
    height: 100% !important
}

.homebasebut {
    DISPLAY: NONE;
}

#frameAll.clsFrameAll_Video {
    position: absolute !important;
    margin: 0;
    bottom: 0px;
    border: solid 0px red;
}

.textclass {
    width: auto !important;
    position: fixed;
    bottom: 0px;
    z-index: 100;
    right: 40px;
    left: 50px;
}

#frameAll.clsFrameAll_Video {
    border: solid 0px orange;
    bottom: 0px
}

div#ucNewSummary_UpdatePanel2 {
    height: 60px;
    padding: 0;
    margin: 0;
    position: relative;
    border: solid 0px blue;
    border-bottom: solid 0px red;
}

#ucNewSummary_divNewRow .addbuttonspos {
    height: 60px;
    padding: 0;
    margin: 0;
    border-bottom: solid 0px red;
    background-color: #fff;
    box-shadow: -2px -5px 4px 0px rgba(50, 50, 50, 0.1);
}

#divNotebook {
    border: solid 0px blue;
}

#frameAll.clsFrameAll_Video {
    border: solid 0px orange;
    padding: 0;
    margin: 0;
    bottom: 40px;
}

#ucNewSummary_divNewRow {
    height: 60px
}

.iphoneposbutt {
    bottom: 60px
}

#divFacebookButtons {
    height: 66px;
}

#divShareButtons {
    top: -105px
}

.classbtnStyleReg {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    displai: inline-block;
    border-radius: 0px !important;
    text-align: center !important;
    padding-right: 10px;
    border: solid 1px #ddd
}

.classbtnStyleHdr1 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-align: center !important;
    padding-right: 10px;
    border: solid 1px #ddd
}

.classbtnStyleHdr3 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-align: center !important;
    padding-right: 6px;
    font-size: 1.3em;
    border: solid 1px #ddd
}

.classbtnStyleHdr2 {
    display: none;
}

.commentdiv .addcoment_cancel {
    z-index: 100000;
    top: 10px !important;
    bottom: auto;
    right: 10px;
    left: auto;
}

#comentbuble .addcoment_ok {
    z-index: 100000;
    top: 10px !important;
    bottom: auto;
    right: auto;
    left: 10px;
}

.miseditremark {
    border-radius: 10px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: solid 0px #cec8ae;
    background-color: White;
    padding: 0px;
    position: fixed;
    top: auto;
    left: 0;
    right: 0;
    width: auto;
    bottom: 0px;
    height: 100%;
    z-index: 100;
    z-index: 100;
    padding-right: 50px;
    padding-left: 50px;
}

.addcoment_edit {
    z-index: 1
}

.poshtmlPostRemark {
    top: 0px;
}

.commentdiv .poshtmlPostRemark .classbtnAddContent {
    top: 10px;
    bottom: auto;
}

.remark_edit {
    margin-top: 10px;
    border-radius: 0px
}

.htmlPostRemarkdiv {
    top: 10px
}

.winclosebut {
    width: 0px;
}

div#allcommentre {
    padding-top: 0px
}

.mejs-controls div.mejs-time-rail {
    min-height: auto;
}

.textclass {
    width: auto !important;
    position: fixed;
    bottom: 0px;
    z-index: 100;
    right: 0;
    left: 0;
    top: auto;
    padding-right: 50px;
    padding-left: 70px;
    z-index: 1000 !important;
    background-image: none;
    height: 100px;
    background-color: #e2ebee;
}


#frameAll .addcoment_ok {
    z-index: 10000;
    top: auto;
    bottom: 10px;
}

#frameAll .addcoment_cancel {
    z-index: 10000;
    top: auto;
    bottom: 10px;
}

#divComments {
    z-index: 10
}

.winclosebut {
    display: none;
}

ifrm_AddRemark .winclosebut {
    display: inline-block;
    width: 100%;
    background-color: Red;
}

#btnSettings {
    position: fixed;
    top: 50px;
    left: -2px !important;
}

#ucNewSummary_gvMeetings_pnlMeetingSummary_50 {
    padding-top: 30px;
}

#ContentPlaceHolder1_upSearch1 {
    position: static;
}

div#ContentPlaceHolder1_ucSummary_addbuttonspos {
    DISPLAY: block !important;
}

#container #frameAll {
    position: fixed;
    bottom: 60px;
    top: 90px;
}

.textclass:before {
    position: absolute;
    top: -700%;
    right: 0;
    width: 100%;
    height: 700%;
    font: normal normal normal 14px/1 FontAwesome;
    opacity: 1;
    font-size: 20px;
    content: "";
    background-color: #fff;
}

#frameAll .GridViewRowcomment:hover {
    background-color: #e2ebee;
}

    #frameAll .GridViewRowcomment:hover .addcoment_edit {
        opacity: 0.8
    }

.delpos .addcoment_del {
    position: absolute;
    opacity: 0
}

#frameAll .GridViewRowcomment:hover .delpos .addcoment_del {
    opacity: 0.8
}

.GridViewRowcomment .addcoment_del {
    opacity: 0;
}

.GridViewRowcomment .addcoment_edit {
    opacity: 0;
}

.GridViewRowcomment:hover .addcoment_del {
    opacity: 0.8
}

.GridViewRowcomment:hover .addcoment_edit {
    opacity: 0.8
}

.GridViewRowcomment:hover {
    background-color: #e2ebee;
}

.commentline .addcoment_edit {
    opacity: 0;
}

.commentline:hover .addcoment_edit {
    opacity: 0.8
}

.commentline .addcoment_del {
    opacity: 0;
}

.commentline:hover .addcoment_del {
    opacity: 0.8
}

span#ContentPlaceHolder1_ucSummary_shareremark {
    display: none;
}

#allsum {
    left: 40px;
}

input#ContentPlaceHolder1_ucSummary_btnShare {
    left: 0;
    top: 50px;
    height: 48px;
}

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

#reldiv_player1 #zoom_player1 {
    display: none;
}

#reldiv_player2 #zoom_player2 {
    display: none;
}


#dvContents {
    padding-top: 40px;
}

.selectnotetoshow {
    display: inline-block;
    text-align: right;
    height: 28px;
    padding-right: 10px;
    direction: rtl;
    margin-top: 10px !important;
}

.clsFrameAll_Video #divShareHdr {
    top: 5px !important;
}

td.iconposcomment {
    width: 0;
    min-width: 0 !important;
}