body {
    background-color: #FFF;
}

a {
    color: #005ba6;
}

table {
/*    filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 0); */
    -moz-opacity: 0.0;
    -khtml-opacity: 0.0;
    opacity: 0.0;
}

/*
.ShowTable table {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 100);
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0;
    opacity: 1.0;
}
*/

.RightPlace .Select.Grudesud {
/*    margin-right: 65px; */
}

.ShowTable table {
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0;
    opacity: 1.0;
}

.ShowTable_table {
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0;
    opacity: 1.0;
}

.Main {
    background-color: #FFF;
}

.ShowTableNoColor table {
/*    filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 100);*/
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0;
    opacity: 1.0;
}

table.ui-datepicker-calendar {
/*    filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 100);*/
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0;
    opacity: 1.0;
}

.RightPlace {
    height: 32px;
    padding: 18px 3px 12px 15px;
    margin-right: -1px;
}

button:not(.BUMoDi), a.buttont {
    font: 10pt Verdana, Arial, sans-serif;
    border: 1px solid #B3B3B3;
    background-color: #F9D9A5;
    cursor: pointer;
    height: 32px;
    padding: 0px 15px;
    margin: 0px 2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.Old .ButtonsPlace .Place1 button {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    background-color: inherit !important;
}

.Old button:hover:not(.BUMoDi) {
    background-color: #f67126;
}

.Old .ui-state-active,
.Old .ui-widget-content .ui-state-active,
.Old .ui-widget-header .ui-state-active {
    background-color: #f67126 !important;
    color: #FFF !important;
    font-weight: 600 !important;
    border: 1px solid #f67126 !important;
}

.Old .ui-state-hover,
.Old .ui-widget-content .ui-state-hover,
.Old .ui-widget-header .ui-state-hover,
.Old .ui-state-focus,
.Old .ui-widget-content .ui-state-focus,
.Old .ui-widget-header .ui-state-focus {
    background-color: #f67126 !important;
    color: #FFF !important;
    font-weight: 600 !important;
    border: 1px solid #f67126 !important;
}
.Old button:not(.BUMoDi) .ui-icon-triangle-2-n-s {
    background-position: -246px -13px;
}
.Old button:not(.BUMoDi) .ui-icon {
    height: 17px;
}

.Old .Center .ButtonsPlace {
    padding: 48px 0 0 0;
}
.Old .Center .Menu {
    height: 102px;
}
.Old .RightPlace {
    padding: 8px 3px 12px 15px;
}
.Old .Left .Tools .CardsHeader,
.Old .Left .LeftTools .CardsHeader {
    background-color: #f67126;
    color: #FFF;
}
.Old .Media .BrowseButton {
background: #f67126 url(/img/search_ico.png) center no-repeat;
border: 1px solid #f67126 !important;
border-radius: 5px !important;
}
.Old .SearchD .BrowseButton {
background: #f67126 url(/img/search_ico.png) center no-repeat;
border: 1px solid #f67126 !important;
border-radius: 5px !important;
margin-top: 2px;
}
.Old .SearchD input {
margin: 2px 5px;
}
.Old button.TBackButton {
display: block !important;
float: left;
width: 160px !important;
margin: 5px;
padding-left: 20px !important;
height: 38px !important;
-webkit-box-shadow: 0px 0px 9px -3px rgba(0, 0, 0, 0.7) !important;
-moz-box-shadow: 0px 0px 9px -3px rgba(0, 0, 0, 0.7) !important;
box-shadow: 0px 0px 9px -3px rgba(0, 0, 0, 0.7) !important;
background-color: #FFF !important;
border: none !important;
border-radius: 5px !important;
font-size: 20px !important;
color: #313892 !important;
cursor: pointer !important;
}
.Old button.Button20 {
width: 32px!important;
height: 38px!important;
border-radius: 0!important;
-webkit-box-shadow: none!important;
-moz-box-shadow: none!important;
box-shadow: none!important;
}
.Old button.Button100 {
width: 40px!important;
height: 38px!important;
border: none!important;
border-radius: 0!important;
-webkit-box-shadow: none!important;
-moz-box-shadow: none!important;
box-shadow: none!important;
background-color: transparent!important;
}
.Old .Tools button.Button1 {
width: 17px!important;
height: 23px!important;
padding: 0!important;
background: url(/img/logo.png?06) -5px -306px no-repeat !important;
}
.Old .Tools button.Button2 {
width: 23px!important;
height: 27px!important;
padding: 0!important;
background: url(/img/logo.png?06) -38px -306px no-repeat !important;
}
.Old .Tools button.Button4 {
width: 23px!important;
height: 27px!important;
padding: 0!important;
background: url(/img/logo.png?06) -111px -306px no-repeat !important;
}
.Old .Tools button.Button13 {
width: 23px!important;
height: 27px!important;
padding: 0!important;
background: url(/img/logo.png?06) -442px -306px no-repeat !important;
}
.Old .Tools button.Button14 {
width: 23px!important;
height: 27px!important;
padding: 0!important;
background: url(/img/logo.png?06) -470px -306px no-repeat !important;
}
.Old .Tools button {
width: 36px!important;
height: 38px!important;
border: none!important;
background-image: url(/img/logo.png?06)!important;
background-position: -31px -186px!important;
background-repeat: no-repeat!important;
background-color: transparent!important;
-webkit-box-shadow: none!important;
-moz-box-shadow: none!important;
box-shadow: none!important;
}

.Old button:not(.BUMoDi), a.buttont {
border: none;
//padding: 0 20px;
background-color: #f67126;
color: #FFF;
font-weight: 600;
font-size: 12px;
border-radius: 4px;
-webkit-box-shadow: 0px 0px 9px -3px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 0px 9px -3px rgba(0, 0, 0, 0.7);
box-shadow: 0px 0px 9px -3px rgba(0, 0, 0, 0.7);
}

a.buttont {
text-decoration: none;
color: #000;
display: inline-block;
padding: 7px 15px 0 15px;
height: 24px;
}

button.Smalle {
font-size: 0.7em;
}

button[active="active"]:not(.BUMoDi) {
background-color: #f9ba6e;
}

button div {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}

button:hover:not(.BUMoDi) {
background-color: #f9ba6e;
}

button:disabled:hover:not(.BUMoDi) {
background-color: #EEEEEE;
cursor: default;
}

button:disabled:not(.BUMoDi){
background-color: #EEEEEE;
color: #AAA;
}

input {
outline-width: 0;
}

input[type="text"], input[type="password"], select {
margin: 2px;
border: 1px solid #B3B3B3;
outline-width: 0;
height: 20px;
}

textarea {
margin: 2px;
border: 1px solid #B3B3B3;
outline-width: 0;
resize: none;
}

::-webkit-scrollbar {
width: 10px;
height: 10px;
background-color: #F1F1F1;
}

::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar-button {
width: 0;
height: 0;
display: none;
}

::-webkit-scrollbar-corner {
background-color: transparent;
}

/*
.Header {
height: 40px;
width: 100%;
margin: 7px 0px 0px 0px;
}
*/

.Header .Logo {
background: #FFF url(/img/logo.png?06) 3px -4px no-repeat;
height: 40px;
width: 201px;
float: left;
margin: -3px 0 0 11px;
}

.Header .Top {
background: #F1F1F1;
height: 35px;
margin-left: 220px;
border: 1px solid #e6e6e6;
min-width: 786px;
position: relative;
}

.Header .Top ul {
position: relative;
margin: 0px;
padding: 0px 0px;
list-style-type: none;
}

.Header .Top ul li {
position: relative;
border-right: 1px solid #e6e6e6;
padding: 7px 15px 8px 15px;
float: left;
line-height: 20px;
cursor: pointer;
margin: 0;
color: #2E387F;
}

.Header .Top ul li[disabled] {
color: #9c9c9c;
}

.Header .Top ul li ul {
position: absolute;
background: #F1F1F1;
left: -1px;
top: 32px;
border: 1px solid #E6E6E6;
width: 100%;
border-top: none;
z-index: 100;
display: none;
}

.Header .Top ul li:hover ul {
display: block;
}

.Header .Top ul li[disabled]:hover ul {
display: none;
}

.Header .Top ul li ul li {
border-top: 1px solid #e6e6e6;
border-right: none;
float: none;
padding: 7px 15px 8px 15px;
line-height: 18px;
cursor: pointer;
margin: 0px;
color: #2E387F;
display: none;
}

.Header .Top ul li:hover ul li {
display: list-item;
}

.Header .Top ul li:hover {
background: #DDD;
}

.Header .Top ul li[disabled]:hover {
background: #F1F1F1;
}

.Header .Top ul li a {
text-decoration: none;
}

.Header .Search {
float: right;
height: 26px;
width: 300px;
margin: 3px 3px 3px 3px;
background: #FFF url(/img/logo.png?06) 0px -51px no-repeat;
}

.Header .Search input {
margin: 4px 0px 4px 4px;
border: none;
width: 260px;
color: #AAA;
height: 16px;
}

.Header .Search button {
float: right;
padding: 0px;
width: 30px;
height: 25px;
margin: 0px;
cursor: pointer;
background: none;
border: none;
}

.HeaderSpaces {
height: 55px;
}

.Page {
margin: 0px;
min-width: 1008px;
}

.Page.Iframe {
min-width: 776px;
}

.Center {
overflow-x: hidden;
overflow-y: hidden;
min-width: 776px;
background-color: #FFF;
margin: 5px 0;
}

.Page.Iframe .Center {
//    min-width: 900px;
min-width: 865px;
}

.Page.Iframe .Center .ContentOld {
min-width: 800px;
}

.Center div#Center {
border: 1px solid #b3b3b3;
//height: 510px;
margin: 0;
overflow-x: hidden;
overflow-y: hidden;
min-width: 759px;
}

.Center .Menu {
height: 95px;
color: #2E387F;
border-bottom: 1px solid #b3b3b3;
position: relative;
}

.Center .ContentOld {
/*    border-top: 1px solid #b3b3b3;*/
    position: relative;
}

.Center .Menu h1 {
    font-weight: normal;
    font-size: 18px;
    margin: 10px;
    padding: 0px;
    display: inline-block;
    text-transform: uppercase;
}

.Center .Breadcrumbs {
    float: left;
    height: 40px;
    width: 77%;
    border-bottom: 1px solid #b3b3b3;
    margin-right: 25px;
}

.Center .Breadcrumbs .Big {
/*    font-size: 16px;*/
    font-size: inherit;
}

.Center .Breadcrumbs ul {
    margin: 0px 5px;
    padding: 0px 0px;
    list-style-type: none;
    float: left;
    height: 40px;
    width: 1300px;
}

.Center .Breadcrumbs ul h1 {
    display: inline-block;
    padding: 0;
    cursor: pointer;
    margin: 0;
    line-height: 40px;
    height: 40px;
    text-decoration: none;
    text-transform: none;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}

.Center .Breadcrumbs ul li {
    float: left;
    padding: 0;
    cursor: pointer;
    margin: 0;
    line-height: 40px;
    height: 40px;
    font-size: 0.9em;
}

.Center .Breadcrumbs ul li:hover {
    text-decoration: underline;
}

.Center .Breadcrumbs ul li div {
    margin: 0px 3px 0px 3px;
    display: inline-block;
    cursor: default;
}

.Select, .Input, .Button {
    display: inline-block;
    margin: 0px 0px 0px 5px;;
    padding: 0px;
    float: left;
}

.SovsemRight .Select, .Input, .Button {
    float: right;
}

input.hint_empty,textarea.hint_empty {
    color: #666;
}

.Button {
    margin: 0px 0px 0px 5px;
    display: inline-block;
    float: right;
}

.Button button {
    padding: 0px;
    margin: 0px;
}

.Button button div {
    padding: 0px 10px;
}

.Center .ContentOld.Scroll {
    overflow-y: auto;
}

.DialogView .Buttons {
    padding-top: 15px;
    float: right;
}

.DialogView button {
    margin-right: 0;
    width: 100px;
}

#back_div,#pre_back_div {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    background-color: black;
/*    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);*/
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
    z-index: 30000;
}

#loginframe {
    width: 360px;
    height: 490px;
    top: 0px;
    left: 0px;
    position: fixed;
    z-index: 60000;
    background-color: #FFF;
}

#back_img,#pre_back_img {
    width: 600px;
    height: 394px;
    top: 0px;
    position: fixed;
    padding: 5px;
    background-color: #80CEFF;
/*    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);*/
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0;
    opacity: 1.0;
    z-index: 30001;
    left: 50%;
    top: 50%;
    margin-left: -300px;
    margin-top: -200px;
}

.cardEditorButtobPlace {
    background-color: #F9F9F9;
}

.cardEditorButtobPlace2 {
    width: 485px;
    height: 32px;
    overflow: hidden;
    margin: 20px auto;
}

.cardEditorButtobPlace2 button {
    margin: 0px;
    float: right;
}

.cardEditorButtobPlace2 button#clbutton {
    float: left;
}

.cardEditorButtobPlace button {
    width: 22px;
    height: 22px;
    border: none;
    margin: 0;
    padding: 0;
}

.public .desc {
    height: 225px;
}

.public .desc .avatar {
    float: left;
}

.public .desc .avatar img {
    width: 195px;
    height: 225px;
}

.public .desc .name {
    float: left;
    padding: 0;
    margin: 10px 20px;
    font-size: 18px;
    font-weight: normal;
    color: #606060;
}

.public .desc .name h1 {
    font-size: 24px;
    font-weight: normal;
    padding: 0;
    margin: 0 0 20px 0;
    color: #000;
}

.public .desc .mal {
    padding: 0;
    margin: 0;
    height: 30px;
}

.public .desc .fbl {
    float: right;
    padding: 0;
    margin: 10px 133px 10px 10px;
}

.public .about a {
    white-space: nowrap;
}

.public .about {
    font-size: 18px;
    width: 400px;
    padding: 8px;
}

.public .mal {
    font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
    font-size: 11px;
    cursor: pointer;
}

.public .mal div {
    display: inline-block;
    position: relative;
    top: -7px;
    left: 7px;
}

.emaila {
    display: block;
    margin: 0;
}

.emaila textarea {
    width: 500px;
    height: 300px;
    margin: -23px 0 0 0;
}

.emaila .Button {
    float: none;
    display: block;
    margin: 5px 0 0 0;
}

.pluginCountBox div {
    width: 35px;
}

.trmu {
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-size: 0.8em;
    color: #333;
}

.trmu a {
    color: #333;
}

.ieselect {
    display: inline-block;
    cursor: pointer;
}

.ieselect div {
    display: table-cell;
    vertical-align: middle;
    padding: 0 0 0 5px;
}

.ieselect .opens {
    float: right;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    background: url(/img/logo.png?06) -250px -11px no-repeat;
}

.dataTables_empty {
    padding: 10px 0 10px 0;
    color: #444;
    background-color: #EFEFEF;
}

.HintClass {
    color: #777;
    font-size: 0.8em;
    position: absolute;
    margin: 5px 0 0 4px;
}

.StatusAccount {
    color: #DE8E28;
    padding: 9px 0 0 9px;
    float: left;
    display: block;
}

.Header .Top .Hlp,.Header .Top .Inf {
    float: left;
}

.Header .Top .Sto {
    float: right;
}

.Header .Top .Twt {
    margin: 8px 10px 5px 0;
    float: right;
}

.Header .Top .Twt a {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url(/img/coc.png);
    background-position: -80px 0;
    background-repeat: no-repeat;
}

.Header .Top .Pin {
    margin: 8px 10px 5px 0;
    float: right;
}

.Header .Top .Pin a {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url(/img/coc.png);
    background-position: -40px 0;
    background-repeat: no-repeat;
}

.Header .Top .Fbk {
    margin: 8px 10px 5px 0;
    float: right;
}

.Header .Top .Fbk a {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url(/img/coc.png);
    background-position: 0 0;
    background-repeat: no-repeat;
}

.Header .Top .Ytb {
    margin: 8px 10px 5px 0;
    float: right;
}

.Header .Top .Ytb a {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url(/img/coc.png);
    background-position: -110px 0;
    background-repeat: no-repeat;
}

.Header .Top .Hlp #Hlp {
    width: 29px;
    height: 29px;
    background: url(/img/hlp.png) no-repeat 0 -29px;
    border: none;
    margin: 5px 7px 0 0;
    cursor: pointer;
}

.Header .Top .Inf #Inf {
    width: 29px;
    height: 29px;
    background: url(/img/i.png) no-repeat 0 0px;
    border: none;
    margin: 5px 0 0 0;
    cursor: pointer;
}

.Header .Top .Sto #Sto {
    width: 29px;
    height: 29px;
    background: url(/img/basket.png) no-repeat 0 4px;
    border: none;
    margin: 3px 10px 0 0;
    cursor: pointer;
}

.Center .ButtonsPlace button.NewAddButton {
    float: left;
    background: #f9f9f9 url(/img/NeAdBu.png) 0px 0px no-repeat;
    padding: 5px;
    height: 50px;
    width: 145px;
    color: #FFF;
    margin: 3px 0 0 5px;
    border: none;
    font-size: 14px;
}

.Center .ButtonsPlace button.NewAddButton:hover {
    background-position: -150px 0px;
}

.Center .ButtonsPlace a.NewByButton {
    float: left;
    background: url(/img/but_shop.png) 0px 0px no-repeat;
    padding: 4px 5px 5px 5px;
    height: 33px;
    width: 148px;
    color: #FFF;
    margin: 10px 0 0 8px;
    border: none;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

.Center .ButtonsPlace a.NewByButton .odin {
    color: #0658a4;
}

.Center .ButtonsPlace a.NewByButton .dwa {
    color: #f37022;
}

.Pera {
    float: left;
    font-size: 10px;
    text-align: right;
    margin: 1px 0 0 11px;
}

.Contact {
    margin: 0 70px;
}

.Contact h2 {
    color: #2E387F;
}

.Contact form {
    margin: 15px 0;
}

.Contact form label {
    display: block;
    font-size: 1.2em;
    color: #2E387F;
}

.Contact form textarea {
    width: 700px;
    height: 250px;
}

.Contact form button {
    margin-left: 2px;
}

.mycudis {
    display: block;
    position: relative;
    width: 600px;
    border: 1px solid #CCC;
    padding: 30px;
    font-size: 18px;
    text-align: center;
    margin: 50px auto;
    background-color: #FFF;
    color: #444;
}

.subcode {
    position: absolute;
    z-index: 10;
    display: inline-block;
    top: 51px;
    left: 10px;
}

.subcode.DemoSite {
    top: 96px;
}

.subcode img {
    border: none;
}

.levak {
    position: absolute;
    z-index: 10;
    display: inline-block;
    top: -12px;
    left: 536px;
}

.Small .levak {
    left:   464px;
}

.levak img {
    border: none;
}

#dlgico {
    height: 16px;
    width: 13px;
    display: inline-block;
    float: right;
    background: url(/img/dlt.png) no-repeat;
    margin: 0 3px 0 0;
    cursor: pointer;
}

.SelectDates.Disabled {
    background-color: #EEEEEE;
    color: #AAA;
}

.SelectDates {
    position: relative;
    float: right;
    z-index: 101;
    padding: 2px 10px;
    text-align: right;
    line-height: 22px;
    margin: 0 10px 0 0;
    font: 8pt Verdana, Arial, sans-serif;
    border: 1px solid #B3B3B3;
    background-color: #F9D9A5;
    cursor: pointer;
    height: 26px;
    white-space: nowrap;
}

.SelectDates .Form {
    position: absolute;
    right: -1px;
    font-weight: bold;
    z-index: 200;
    color: #000;
    background-color: #F1F1F1;
    border: 1px solid #B3B3B3;
    margin: 5px 0 0 0;
    display: none;
}

.SelectDates .Form .t_assign_date {
    width: 70px;
    padding: 0 15px;
}

.SearchD {
    float: right;
}

.SearchD input {
    width: 180px;
    margin: 0 5px;
    height: 30px;
    padding: 0 10px;
    line-height: 30px;
}

.SearchD input.Smalle {
    width: 80px;
}

.SearchD .BoxButton {
    float: right;
    margin: 0 20px 0 0;
}

.SearchD .BoxButton.Smalle {
    margin: 0;
}

.SearchD .BrowseButton {
    width: 42px;
    height: 30px;
    background: #F9D9A5 url(/img/search_ico.png) center no-repeat;
    border: 1px solid #AAA;
    cursor: pointer;
}

.TermMain.DViews {
    max-width: 600px;
    max-height: 394px;
    width: 600px;
    height: 394px;
    font-size: 40px;
    background-color: #FFF;
    outline: hidden;
}

.TermMain.DViews .TermImg {
    height: 235px;
    width: 235px;
    max-height: 235px;
    max-width: 235px;
    position: relative;
    top: 15px;
    right: 15px;
    padding-left: 15px;
}

.TermMain.DViews .TermDef {
    font-size: 28px;
}

.PrintHeader {
    padding: 5px 20px;
    font-size: 16px;
}

.PrintHeader .Label {
    display: inline-block;
    font-weight: bold;
}

.PrintHeader .Value {
    display: inline-block;
    margin: 0 20px;
}

.Gray {
    color: #2E387F;
}

.Tu1,.Tu2 {
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0;
    height: 16px;
    overflow: hidden;
}

.IcoGradeBook {
    margin: 4px auto;
    width: 18px;
    height: 19px;
    cursor: pointer;
    background: url(/img/logo.png?06) -728px -312px no-repeat;
}

.IcoGradeBook0 {
    float: left;
    margin: 3px auto;
    width: 19px;
    height: 20px;
    cursor: pointer;
    background: url(/img/gradebook_icons.png) -44px 0px no-repeat;
}
.IcoGradeBook0:hover {
    background: url(/img/gradebook_icons.png) -44px -24px no-repeat;
}

.IcoGradeBook1 {
    float: left;
    margin: 3px auto;
    width: 19px;
    height: 20px;
    cursor: pointer;
    background: url(/img/gradebook_icons.png) -22px 0px no-repeat;
}
.IcoGradeBook1:hover {
    background: url(/img/gradebook_icons.png) -22px -24px no-repeat;
}

.IcoGradeBook2 {
    float: left;
    margin: 3px auto;
    width: 19px;
    height: 20px;
    cursor: pointer;
    background: url(/img/gradebook_icons.png) 0px 0px no-repeat;
}
.IcoGradeBook2:hover {
    background: url(/img/gradebook_icons.png) 0px -24px no-repeat;
}

.IcoGradeBook_1 {
    float: left;
    margin: 3px auto;
    width: 19px;
    height: 20px;
    cursor: pointer;
    background: url(/img/gradebook_icons.png) -66px 0px no-repeat;
}
.IcoGradeBook_1:hover {
    background: url(/img/gradebook_icons.png) -66px -24px no-repeat;
}

.IcoGradeBook_2 {
    float: left;
    margin: 3px auto;
    width: 19px;
    height: 20px;
    cursor: pointer;
    background: url(/img/gradebook_icons.png) -88px 0px no-repeat;
}
.IcoGradeBook_2:hover {
    background: url(/img/gradebook_icons.png) -88px -24px no-repeat;
}

.IcoGradeBook:hover {
    background: url(/img/logo.png?06) -728px -336px no-repeat;
}

.IcoGradeBookRed {
    margin: 4px auto;
    width: 18px;
    height: 19px;
    cursor: pointer;
    background: url(/img/logo.png?06) -879px -311px no-repeat;
}

.IcoGradeBookRed:hover {
    background: url(/img/logo.png?06) -879px -336px no-repeat;
}

.IcoGradeBookGreen {
    margin: 4px auto;
    width: 18px;
    height: 19px;
    cursor: pointer;
    background: url(/img/logo.png?06) -904px -311px no-repeat;
}

.IcoGradeBookGreen:hover {
    background: url(/img/logo.png?06) -904px -336px no-repeat;
}

.Assde {
    width: 75px;
    height: 25px;
    overflow: hidden;
}

.Assde .AssignIcon,.Assde .IcoGradeBook,.Assde .IcoGradeBookRed,.Assde .IcoGradeBookGreen,.Assde .ReAssignIcon {
    float: left;
}

.ReAssignIcon {
    margin: 0 0 0 4px;
}

.ShareDialog {
    width: 600px;
    height: 500px;
}

.ShareDialog .ShareDiv {
    width: 520px;
    height: 345px;
    margin: 10px auto;
    border: 1px solid #B3B3B3;
}

.ShareDialog .TopXX {
    width: 520px;
    height: 70px;
    margin: 20px auto 0px auto;
    line-height: 32px;
}

.ShareDialog .ShareCity {
    border: 1px solid #B3B3B3;
    width: 320px;
    height: 140px;
    margin: 2px auto;
    overflow-y: auto;
    overflow-x: hidden;
}

.ShareDialog .ShareDiv .Sedi {
    width: 300px;
    margin: 10px auto 5px auto;
    display: block;
    overflow: hidden;
}

.ShareDialog .ShareDiv .Didi {
    width: 300px;
    margin: 10px auto 5px auto;
    display: block;
    overflow: hidden;
}

.ShareDialog .ShareDiv .Sedi select {
    width: 100%;
}

.ShareDialog .ShareDiv .Didi select {
    width: 100%;
}

.ShareDialog button {
    margin: 0px auto;
    display: block;
}

.ShareDialog .ShareDiv .Elen {
    width: 100%;
    height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ShareDialog .ShareDiv .Elen:hover {
    background-color: #f9ba6e;
}

.Dialog .Asc {
    width: 320px;
    height: 45px;
}

.Dialog .PButy {
    text-align: center;
}

.OrDiv {
    width: 200px;
    margin: 10px auto 0 auto;
    text-align: center;
    color: #444;
}

.Small {
    font-size: 10px;
}

.DiSmall {
    margin: -5px 0 0 0;
}

.Dialogia.boxy-content {
    padding: 25px;
    width: 470px;
}

.Dialogia div {
    text-align: center;
}

.Dialogia #place {
    width: 100%;
    height: 55px;
    margin: 15px 0;
    color: #444;
    font-weight: bold;
    max-height: 180px;
    overflow-x: hidden;
    overflow-y: auto;
}

div.hukiol {
    display: inline-block;
    margin: 1px 0 7px 17px;
    width: 342px;
    text-align: left;
    min-height: 28px;
}

#HIS {
    text-decoration: underline;
    cursor: pointer;
    color: #005ba6;
    display: inline-block;
    height: 32px;
    width: 192px;
    margin: -9px 0 0 0;
    padding: 9px 0 0 0;
}

.MathSetup {
    width: 360px;
    padding: 15px 5px;
    background-color: #f7f7f7;
    border-right: 1px solid #AAA;
    overflow-y: auto;
}

.MathPreview {
    float: right;
}

.MathPreview img {
    margin: 15px;
}

.hiding {
    z-index: 2000;
    position: absolute;
/*    opacity: 0.65; */
    background-color: #EEE;
    left: 0;
    top: 0;
    color: #fff;
    font-size: 30px;
    text-align: center;
}

.DemoHeader {
    height: 45px;
/*    background-color: #3399ff; demo ok */
    background-color: #272c96;
    margin: 0 0 0 0;
}

.DemoHeader .DHeader {
    color: #FFF;
    font-size: 18px;
    font-weight: bold;
    float: right;
    margin: 10px 70px 0 0;
}

.DemoHeader .SelectUsers {
    font-size: 16px;
    border: none;
    width: 250px;
    margin: 5px 0 0 20px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    height: 30px;
    padding: 0 0 0 15px;
    line-height:30px;
}

.DemoHeader .LHeader {
    margin: 12px 0 0 70px;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    float: left;
}

.DemoHeader .Button {
    float: left;
    border: 2px solid #FFF;
    width: 120px;
    padding: 3px 0 0 0;
    height: 23px;
    margin: 8px 0 0 10px;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
/*    background-color: #3BAAFF; demo ok */
    background-color: #0067b3;
    position: relative;
}

.DemoHeader .Button[selected="selected"] {
/*    background-color: #FF3331; demo ok */
    background-color: #ff6e0d;
}

.DemoHeader .Button[selected="selected"]:hover {
/*    background-color: #f20000; demo ok */
    background-color: #D9680D;
}

.DemoHeader .Button:hover {
/*    background-color: #3688D1; demo ok */
    background-color: #272c96;
}

.DemoHeader .Button:hover .Select {
    display: block;
}

.DemoHeader .Button .Select {
    display: none;
    position: absolute;
    z-index: 10000;
    width: 120px;
//    height: 200px;
    font-size: 12px;
/*    background-color: #3688D1; demo ok*/
    background-color: #272c96;
    left: -6px;
    top: 28px;
/*    border: 2px solid #3688D1; demo ok*/
    border: 2px solid #272c96;
}

.DemoHeader .Button .Select .aStudent {
    height: 24px;
    line-height: 24px;
/*    background-color: #3688D1; demo ok */
    background-color: #272c96;
}

.DemoHeader .Button .Select .aStudent:hover {
/*    background-color: #3BAAFF; demo ok */
    background-color: #0067b3;
}

.PromoSelector .Card .Main {
    height: 120px;
/*    font-size: 0.8em;*/
    font-size: 1em;
}

.NoShois {
    display: none;
}

.OpenBox {
    border: 1px solid #B3B3B3;
    background-color: #FFF;
    width: 300px;
    height: 47px;
    position: absolute;
    padding: 15px 0 0 0;
    padding: 15px 0 0 0;
}

.GreeenBu:disabled {
    background-color: #EEEEEE !important;
    color: #AAA !important;
}
.GreeenBu {
    background-color: #07A935 !important;
    width: 125px !important;
    font-weight: bold !important;
    color: #EEE !important;
    font-size: 1.3em !important;
}

.GreeenBu:hover {
    background-color: #07B83A;
    color: #FFF;
}

*:focus {
    outline: 0;
}

.ForSearchBar .BakaGu  {
/*    background-color: #ff6e0d;*/
/*    background-color: #353b92;*/
    background-color: #0077c5;
    display: inline-block;
/*    border: 1px solid #ff6e0d;*/
/*    border: 1px solid #353b92;*/
    border: 1px solid #0077c5;
    padding: 0 5px 0 0;
    color: #FFF;
/*    text-shadow: 1px -1px 1px #FFFFFF; */
}


.ForSearchBar .BakaGu .ui-state-default
{
    background-color: #FF9046;
    border-color: #FF9046;
    color: #FFF;
    font-weight: bold;
    padding: 0;
}

.ForSearchBar .BakaGu .ui-state-default .ui-icon {
    background-image: url(/img/white_arrow.png);
    background-position: 1px 7px;
}

.ForSearchBar .BakaGu .ui-state-default.ui-state-hover {
    background-color: #FF6E0D;
    border-color: #FF6E0D;
}

.ForSearchBar .BakaGu .ui-widget-content {
    background-color: #FF9046;
    border-color: #FF9046;
    color: #FFF;
    font-weight: bold;
}

.ForSearchBar .BakaGu ul .ui-state-active {
    background-color: #FFF;
    border-color: #FFF;
}

.ForSearchBar .BakaGu li .ui-state-hover {
    background-color: #FFF;
    border-color: #FFF;
}

.ForSearchBar {
    position: relative;
    display: inline-block;
    height: 40px;
//    width: 535px;
    width: 358px;
    text-align: center;
    overflow: visible;
    float: left;
    position: absolute;
    z-index: 100;
}

.ForSearchBar span.SrS {
    font-weight: bold;
    font-size: 10px;
    float: left;
    height: 31px;
    padding: 7px 0 0 3px;
}

.SearchBar .BakaGu, .SearchBarX .BakaGu {
    background-color: #b3b3b3;
    display: inline-block;
    border: 1px solid #b3b3b3;
    padding: 0 5px 0 0;
    text-shadow: 1px -1px 1px #FFFFFF
}

.SearchBar {
    position: relative;
    display: inline-block;
    height: 40px;
//    width: 170px;
    width: 135px;
    text-align: center;
    overflow: visible;
/*    background-color: #f1f1f1;*/
    float: right;
/*    border: 1px solid #b3b3b3;*/
}

.SearchBarX {
    position: relative;
    display: inline-block;
    height: 40px;
    width: 0;
    text-align: center;
    overflow: visible;
    float: right;
}

.Page.PageSmall .SearchBar {
    width: 135px;
}

.Page.PageSmall .ForSearchBar {
    width: 358px;
}

.SearchBar span.SrS, .SearchBarX span.SrS {
    font-weight: normal;
    font-size: 10px;
    float: left;
    height: 31px;
    padding: 7px 0 0 3px;
}

.Page.PageSmall input[type="text"].SearchText {
    width: 135px;
}

.Page.PageSmall .SeSa {
    font-size: 10px;
    padding: 0 10px;
    margin: 4px 10px;
}

.Page.PageSmall .SeSa.SeSaX {
    font-size: 10px;
    padding: 0 10px;
    display: inline-block;
    float: none;
    margin: 0;
}

.Page input[type="text"].SearchText {
//    width: 250px;
    width: 135px;
}

input[type="text"].SearchText {
    height: 24px;
    padding-right: 0px;
    padding-left: 0px;
    border: none;
}

.ForSelectSearch {
    margin: 3px 2px;
    width: 136px;
    position: relative;
    display: inline-block;
    float: left;
}

.Page.PageSmall .ForSelectSearch {
    width: 120px;
}

.ButtonsPlace .SearchBar button,.ButtonsPlace .SearchBarX button {
    padding-left: 20px;
    padding-right: 5px;
}

.Page.PageSmall .ForTextSearch {
    width: 165px;
}

.Page .ForTextSearch {
//    width: 275px;
    width: 165px;
    background-color: #FFF;
    margin: 3px 0 0 0;
}

.ForTextSearch {
    margin: 0;
    position: relative;
    display: inline-block;
    border: 1px solid #B3B3B3;
}

.Page.PageSmall .ForTextSearchInput {
    width: 135px;
    display: inline-block;
    margin: 0;
}

.Page .ForTextSearchInput {
//    width: 250px;
    width: 135px;
    display: inline-block;
    float: left;
    margin: 0;
}

.ForTextSearch .SeLu {
    background-color: #FFF;
    background-image: url(/img/SeLu.png);
    background-repeat: no-repeat;
    border: none;
    background-position: 3px 6px;
    width: 24px;
    height: 30px;
    padding: 0;
    margin: 0;
    float: right;
}

.ForSelectSearch button div {
    font-size: 12px;
    height: 27px;
    display: table-cell;
    vertical-align: middle;
    width: 100px;
    white-space: normal;
    text-align: center;
}

.Center .Breadcrumbs ul li div.CuBoDi {
    display: inline-block;
}

#ForStandardus.Show, #ForStandardusX.Show {
    display: inline-block;
}

.Page.PageSmall #ForStandardus,.Page.PageSmall #ForStandardusX {
    left: -167px;
    top: 1px;
}

.Page #ForStandardusX {
    width: 300px;
    height: 450px;
    top: 36px;
    left: -299px;
}

.Page #ForStandardus {
    width: 300px;
    height: 450px;
    top: 0px;
    left: -142px;
}

#ForStandardus,#ForStandardusX {
    background-color: #F1F1F1;
    border: 1px solid #b3b3b3;
    position: relative;
/*    display: inline-block;*/
    z-index: 1220;
    text-align: left;
    display: none;
}

#For_Select_subjects {
    display: inline-block;
    margin: 10px;
}

#For_Select_grades,#For_Select_states {
    display: inline-block;
    margin: 0 10px 10px 10px;
}

.TablitchaTree .RowSt {
    min-height: 26px;
    padding-left: 20px;
    text-align: left;
    padding-bottom: 3px;
    padding-top: 3px;
    cursor: pointer;
    color: #000;
}

.PromoSelector .RowSt {
    min-height: 26px;
    padding-left: 20px;
    text-align: left;
    padding-bottom: 3px;
    padding-top: 6px;
    cursor: pointer;
    color: #000;
}

.PromoSelector .RowSt.Lesson,.PromoSelector .RowSt.Activity,.PromoSelector .RowSt.Topic {
    color: #2E387F;
    padding-left: 15px;
    min-height: 10px;
    text-decoration: underline;
}

.PromoSelector .RowSt.Lesson:hover,.PromoSelector .RowSt.Activity:hover,.PromoSelector .RowSt.Topic:hover {
    text-decoration: underline;
}

.TablitchaTree .RowSt.Lesson,.TablitchaTree .RowSt.Activity,.TablitchaTree .RowSt.Topic {
    color: #2E387F;
    padding-left: 15px;
    min-height: 10px;
    text-decoration: underline;
}

.TablitchaTree .RowSt.Lesson:hover,.TablitchaTree .RowSt.Activity:hover,.TablitchaTree .RowSt.Topic:hover {
    text-decoration: underline;
}

.TablitchaTree .RowSt:hover {
    background-color: #EEE;
}

.TablitchaTree {
    width: 96%;
    background-color: #FFF;
    border: 1px solid #b3b3b3;
    height: 223px;
    margin: 4px 2%;
    overflow-x: hidden;
    overflow-y: scroll;
}

.Tablitcha {
    background-color: #FFF;
    border: 1px solid #b3b3b3;
    width: 280px;
    height: 302px;
    margin: 0 10px;
}

.Tablitcha .Row {
    height: 26px;
    background-color: #bdccd4;
    border-bottom: 1px solid #b3b3b3;
    overflow-x: hidden;
    overflow-y: scroll;
}

.Tablitcha .RowX {
    height: 26px;
    background-color: #FFF;
    border-bottom: 1px solid #b3b3b3;
}

.Tablitcha .H1 {
    width: 30%;
    float: left;
    height: 26px;
    line-height: 26px;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 11px;
}

.Tablitcha .RowX .H1 {
    text-align: left;
}

.Tablitcha .Row .H1 {
    text-align: center;
}

.Tablitcha .RowX .H2 {
    text-align: left;
}

.Tablitcha .Row .H2 {
    text-align: center;
}

.Tablitcha .H2 {
    width: 69%;
    border-left: 1px solid #b3b3b3;
    min-height: 26px;
    line-height: 26px;
    float: left;
}

.Tablitcha .Pole {
    height: 275px;
}

.Tablitcha .Pole {
    overflow-x: hidden;
    overflow-y: scroll;
}

.Tablitcha .RowX:hover,.Tablitcha .RowX.Selected:hover {
    background-color: #f9ba6e;
}

.Tablitcha .RowX.Selected {
    background-color: #F9D9A5;
}

.SeSa {
    font-size: 10px !important;
    padding: 0 5px !important;
    margin: 4px 6px !important;;
    float: right;
}

#ForHeader .SearchRow span {
    font-size: 13px;
}

.PromoSelectorX {
    overflow-x: hidden;
    overflow-y: scroll;
}

.TuTubar {
    position: relative;
    z-index: 2000;
    background-color: #FFF;
    border: 1px solid #B3B3B3;
    width: 280px;
    height: 43px;
    padding: 5px;
}

.paginate_enabled_next,.paginate_enabled_previous {
    font: 10pt Verdana, Arial, sans-serif;
    border: 1px solid #B3B3B3;
    background-color: #F9D9A5;
    cursor: pointer;
    height: 19px;
    padding: 0px 15px;
    margin: 5px 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #000;
}

.paginate_disabled_next,.paginate_disabled_previous {
    font: 10pt Verdana, Arial, sans-serif;
    border: 1px solid #B3B3B3;
    background-color: #F9D9A5;
    cursor: pointer;
    height: 19px;
    padding: 0px 15px;
    margin: 5px 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #777;
}

.paginate_enabled_next,.paginate_disabled_next {
    float: right;
}

.paginate_enabled_previous,.paginate_disabled_previous {
    float: left;
}

#AddStudent.disable,#ExportStudent.disable,#SelAll.disable,#UnSelAll.disable,#DeletedS.disable {
    background-color: #F9D9A5;
    color: #636363;
}

#AddStudent,#ExportStudent,#SelAll,#UnSelAll,#DeletedS {
    font: 10pt Verdana, Arial, sans-serif;
    border: 1px solid #B3B3B3;
    background-color: #F9D9A5;
    cursor: pointer;
    height: 19px;
    padding: 0px 15px;
    margin: 5px 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #000;
    float: left;
}

#AddStudent {
    margin-left: 20px;
}

#ExportNext1 {
    font: 10pt Verdana, Arial, sans-serif;
    border: 1px solid #B3B3B3;
    background-color: #F9D9A5;
    cursor: pointer;
    height: 24px;
    padding: 0px 15px;
    margin: 5px auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #000;
    line-height: 24px;
    width: 50px;
    text-align: center;
}

.xerr {
    font-size: 16px;
    color: #F00;
    text-align: center;
}

.xerrRow {
    height: 18px;
    overflow: hidden;
    width: 769px;
}

.xerrRowH {
    font-weight: bold;
    border-top: 1px solid #AAA;
    background-color: #EEEEEE;
}

.xerrRow .xfname {
    width: 180px;
    height: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
    border-left: 1px solid #AAA;
    border-right: 1px solid #AAA;
}

.xerrRow .xlname {
    width: 180px;
    height: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
    border-right: 1px solid #AAA;
}

.xerrRow .xuname {
    width: 180px;
    height: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
    border-right: 1px solid #AAA;
}

.xerrRow .xurr {
    width: 224px;
    height: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
    border-right: 1px solid #AAA;
    font-style: italic;
}

.xok {
    font-size: 20px;
    text-align: center;
    margin: 130px 0 0 0;
}

#Vkladka3 {
    height: 400px;
    width: 769px;
    position: relative;
    top: -25px;
}

#Vkladka3 .Taba {
    height: 350px;
    overflow-x: hidden;
    overflow-y: scroll;
    border: 1px solid #AAA;
    width: 769px;
}

#ExportOk {
    font: 10pt Verdana, Arial, sans-serif;
    border: 1px solid #B3B3B3;
    background-color: #F9D9A5;
    cursor: pointer;
    height: 24px;
    padding: 0px 15px;
    margin: 5px auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #000;
    line-height: 24px;
    width: 50px;
    text-align: center;
}

.leftBlock {
    width: 445px;
}

.ForTeacherName {
    font-size: 16px;
    color: #ff6e0d;
    margin: 5px;
    text-align: center;
    font-weight: bold;
    border: 1px solid #AAA;
    width: 188px;
    display: block;
    padding: 0 0 9px 0;
}

.ForTeacherName span {
    display: block;
    margin: 10px 0 3px 0;
    color: #444;
}

.Loading {
    text-align: center;
    font-size: 20px;
}

.Loading img {
    margin: 70px 0 25px 0;
    width: 200px;
    border-style:none;
}

.Demo_Header {
    height: auto;
/*    background-color: #e8e8e8; */
    margin: -5px 0 0 0;
    overflow: hidden;
    border-bottom: #0969b2 20px solid;
}

.Demo_Header .Logo {
    background: none;
    height: 120px;
    width: 201px;
    float: left;
    margin: 0 0 0 11px;
}

.Demo_Header .Logo img {
    width: 201px;
    margin: 47px 0 0 0;
    border-style:none;
}

.Demo_Header .header_right {
    float: right;
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font-family: HelveticaNeueLT67MdCnRegular, helvetica, arial, sans-serif;
}

.Demo_Header .header_right .login {
    background: none repeat scroll 0 0 #0658A4;
    border-radius: 0 0 20px 23px;
    height: 71px;
    margin-bottom: 4px;
    margin-right: 40px;
    padding-top: 2px;
    text-align: center;
    width: 170px;
    border: 0;
    vertical-align: baseline;
}

.Demo_Header .header_right .o-learning {
    color: #FFFFFF;
    font-size: 10px;
    border-bottom-color: #FFF;
    border-bottom-style: none;
    border-bottom-width: 0px;
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: #FFF;
    border-left-style: none;
    border-left-width: 0px;
    border-right-color: #FFF;
    border-right-style: none;
    border-right-width: 0px;
    border-top-color: #FFF;
    border-top-style: none;
    border-top-width: 0px;
    display: block;
    font-family: HelveticaNeueLT67MdCnRegular, helvetica, arial, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: 13px;
    line-height: 10px;
    margin-bottom: 21px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    text-align: center;
    vertical-align: baseline;
    width: 170px;
}

.Demo_Header .header_right .o-learning .pc_icon {
    margin-bottom: -4px;
    margin-right: 5px;
}

.Demo_Header .header_right .signup_btn {
    border-radius: 20px 1px 1px 20px;
}

.Demo_Header .header_right .login_btn {
    border-radius: 1px 20px 20px 1px;
}

.Demo_Header .header_right .signup_btn,.Demo_Header .header_right .login_btn {
    background: none repeat scroll 0 0 #F37022;
    color: #FFFFFF;
/*    margin: -0.9px;*/
    margin: 0;
    padding: 10px 15px;
    text-decoration: none;
}

.Demo_Header .header_right #social_icons {
    margin-right: 40px;
    text-align: left;
}

.Demo_Header .header_right #social_icons ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.Demo_Header .header_right #social_icons ul li {
    display: inline;
    margin-left: 2px;
}

.Demo_Header .Headur {
    color: #1637aa;
    font-size: 26px;
    text-align: center;
    padding: 5px;
}

.Demo_Header .Tectus {
    margin-left: 220px;
    margin-right: 220px;
    text-align: justify;
    line-height: 15px;
}

#students_grid .dataTables_wrapper table tr th div, #classes_grid .dataTables_wrapper table tr th div {
    padding-right: 0;
}

#forResiPlao .dataTables_wrapper table tr th div {
    line-height: normal;
}

.dataTables_scrollBody table tr td.right {
    text-align: right;
}

.transparent_class_hide {
    display: none;
}
.transparent_class {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.cuftio {
    margin: 0 0 0 10px;
    height: 23px;
    width: 23px;
    float:left;
    position: relative;
    z-index: 5000;
}

.sdfsdf23re {
    width: 23px;
    height: 23px;
    float: left;
    background-image: url(/img/check.png);
    left: 9px;
    position: relative;
}

.sdfsdf23re.checked {
    background-position: 0 -23px;
}

.cuftio:checked ~ div {
    background-position: 0 -23px;
}

#onlinelearningbox {
    width: 200px;
    display: inline-block;
    margin: 0 20px 0 20px;
    text-align: center;
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
}

#onlinelearningbox p {
    text-align: center;
    font-size: 12px;
    color: #0969b2;
    background: #e6f0f7;
    padding: 5px 0;
    font-weight: bold;
    margin: 0;
}

#onlinelearningbox .login-links {
    width: 100%;
    text-align: center;
}
#onlinelearningbox .left-link {
    border-radius: 0 0 0 5px;
    display: inline-block;
    width: 50%;
    height: 42px;
    float: left;
    background: #0969b2;
}
#onlinelearningbox .left-link .inner-border {
    border: 1px solid #9dc3e0;
    border-radius: 0 0 0 5px;
    padding-bottom:7px;
    margin: 2px;
}
#onlinelearningbox .login-links .left-link  a {
    color: white;
    display: block;
    margin-top: 5px;
    text-decoration: none;
}
#onlinelearningbox .right-link {
    border-radius: 0 0 5px 0;
    display: inline-block;
    background: #f36f28;
    height: 42px;
    float: right;
    width: 50%;
}
#onlinelearningbox .right-link .inner-border {
    border: 1px solid #fac5a9;
    border-radius: 0 0 5px 0;
    padding-bottom:9px;
    margin: 2px;
}
#onlinelearningbox .login-links .right-link  a {
    color: white;
    display: block;
    margin-top: 10px;
    font-size: 15px;
    text-decoration: none;
}
#onlinelearningbox .cant-access-link {
    margin-top: 45px;
}
#onlinelearningbox .cant-access-link a {
    text-decoration: underline;
}

.PlayerBack {
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    position: fixed;
    z-index: 3000;
    background-color: #000;
    left: 0;
    top: 0;
}

.PlayerPlace {
    position: fixed;
    z-index: 3001;
    background-color: #FFF;
}

.closeDivPl {
    position: fixed;
    height: 24px;
    width: 24px;
    z-index: 3002;
    background: url(/img/logo.png?06) -1px -400px no-repeat;
    cursor: pointer;
}

.WMSplayerFRM {
    position: absolute;
}

#InviteMessageBack {
    position: absolute;
    background-color: black;
    left: 0;
    top: 0;
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    z-index: 100000;
}

#InviteMessage {
    position: absolute;
    border: 15px solid #FFF;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    width: 398px;
    height: 177px;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    z-index: 100001;
    background-image: url(/img/fon.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 398px 177px;
}

#InviteMess {
    font-size: 20px;
    text-align: center;
    margin: 20px;
}

#InviteAccept {
    border: none;
    background-color: #f36e29;
    color: #FFF;
    font-weight: 600;
    font-size: 16px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    height: 40px;
    width: 150px;
    position: absolute;
    top: 142px;
    left: 30px;
}

#InviteIgnore {
    border: none;
    background-color: #c63232;
    color: #FFF;
    font-weight: 600;
    font-size: 16px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    height: 40px;
    width: 150px;
    position: absolute;
    top: 142px;
    left: 215px;
}

#WaitGif {
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    background-color: #FFF;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    z-index: 1000000;
    text-align: center;
}

#WaitGif img {
    height: 100%;
}

.WGDH {
    font-size: 1.1em;
    color: #444;
    margin: 50px 50px 20px 50px;
}

#input_gdoc,#input_edoc {
    margin: 0 0 0 50px;
    height: 30px;
    width: 60%;
    padding: 0px;
    border: 1px solid #B3B3B3;
    outline-width: 0;
    vertical-align: top;
}

#go_gdoc_page_2,#go_edoc_page_2 {
    padding: 50px 0 0 40px;
}

#ggddoocc .Row,#egddoocc .Row {
    height: 30px;
    margin: 0 0 10px 0;
}

#ggddoocc .RowMemo,#egddoocc .RowMemo {
    height: 202px;
    margin: 0 0 10px 0;
}

#ggddoocc .Row input,#egddoocc .Row input {
    height: 30px;
    width: 300px;
    padding: 0;
    border: 1px solid #B3B3B3;
    outline-width: 0;
    vertical-align: top;
    margin: 0;
}

#ggddoocc .RowMemo textarea,#egddoocc .RowMemo textarea {
    height: 200px;
    width: 300px;
    padding: 0;
    border: 1px solid #B3B3B3;
    outline-width: 0;
    vertical-align: top;
    margin: 0;
}

#ggddoocc .Row .Label,#egddoocc .Row .Label {
    height: 32px;
    width: 150px;
    line-height: 30px;
    vertical-align: top;
    display: inline-block;
    text-align: right;
    white-space: nowrap;
}

#ggddoocc .RowMemo .Label,#egddoocc .RowMemo .Label {
    height: 32px;
    width: 150px;
    line-height: 30px;
    vertical-align: top;
    display: inline-block;
    text-align: right;
    white-space: nowrap;
}

#image_gdoci_pic,#image_edoci_pic {
    width: 20%;
    float: right;
    margin: 50px 50px 0 0;
}

#ggddoocc .Buttons,#egddoocc .Buttons {
    height: 30px;
    margin: 0 0 10px 155px;
}

#ggddoocc .Buttons button,#egddoocc .Buttons button {
    height: 30px;
    width: 80px;
    padding: 0 10px;
    vertical-align: top;
    margin: 0;
    display: inline-block;
}

.PDFV {
    margin-top: 10px;
    width: 894px;
    height: 1150px;
    border: 1px solid #AAA;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.PDFV #PlacePDF {
    width: 720px;
    height: 1080px;
    position: relative;
}

.PDFV #PlacePDF .PdfPage {
    width: 720px;
    height: 1080px;
    position: absolute;
    background-size: 720px 1080px;
    top: 20px;
    left: 87px;
    display: none;
}

.PDFV #PlacePDF .PdfPage.Viii {
    display: block;
}

.PDFV .Panell {
    width: 894px;
    height: 30px;
    background-color: #AAA;
    color: #FFFFFF;
    font-weight: 600;
    text-align: center;
}

.PDFV .Panell div {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
}

.PDFV .Panell #toLeft {
    cursor: pointer;
    float: left;
    display: inline-block;
    border: 2px solid #FFFFFF;
    height: 20px;
    padding: 0 2px 0 0;
    width: 18px;
    line-height: 20px;
    margin: 3px 0 0 10px;
    text-align: center;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.PDFV .Panell #toRight {
    cursor: pointer;
    float: right;
    display: inline-block;
    border: 2px solid #FFFFFF;
    height: 20px;
    width: 20px;
    line-height: 20px;
    margin: 3px 10px 0 0;
    text-align: center;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.PDFV #PlacePDF .PdfPage span {
    display: block;
    position: absolute;
    white-space: nowrap;
    color: rgba(0, 0, 0, 0.01);
}

.WaterM {
    background-image: url(/img/waterlo.png);
    background-repeat: no-repeat;
}

.PREM_LINK {
    display: block;
    font-size: 16px;
    text-align: center;
    margin: 5px 0;
    font-weight: 600;
    color: #FF9046;
}

.fa-Start {
    text-align: center;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ff6e0d;
}

.ModalDialog {
    text-align: center;
    font-size: 1.3em;
    letter-spacing: 0.1em;
    line-height: 2;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    padding: 10px;
}

.ModalDialog button {
    font-family: 'Open Sans', sans-serif;
    margin: 5px;
    font-size: 1em;
    letter-spacing: 0.1em;
    line-height: 2;
    font-weight: 300;
}

#BackButtonDetail.Flip {
    margin-left: 25px;
}
#BackButtonDetail {
    margin-top: 10px;
    margin-right: 10px;
    width: 44px;
    height: 50px;
    float: right;
    color: #FFF;
    text-align: center;
    cursor: pointer;
}

#BackButtonDetail span {
    display: inline-block;
    width: 44px;
    height: 44px;
    background-image: url(/img/but_back_white.png);
    margin-bottom: 5px;
}

.Old .ui-multiselect-checkboxes label input {
    margin: 3px 3px 3px 4px;
    vertical-align: middle;
}

.Old .ui-multiselect-checkboxes li span {
    margin: 3px 3px 3px 4px;
    vertical-align: middle;
}

.Old .ui-multiselect-checkboxes li span {
    width: 84%;
}