@import url('editor.css');

/*error page*/
body.errorPage {background:#333333 url('https://lms.synergy.ru/img/error-page-bg.png') no-repeat center top;}
body.errorPage div.content {padding:240px 140px 50px 140px;}
body.errorPage p, body.errorPage a { font-size:14px !important;font-weight:bold; color:#c8c8c2 !important;}
body.errorPage p {margin-bottom:20px;}
body.errorPage a {color:#ed1c3f  !important;}
body.errorPage h1 { font-size:38px;font-weight:bold; color:#f0f0ec;margin-bottom:10px;}
body.errorPage h2 { font-size:24px;font-weight:bold; color:#ed1c3f;margin-bottom:112px;}

body.errorPage div.footer .logo { background: #c6c2b8;width: 235px;height: 47px;
                            	padding:10px;float:left; margin-left:140px;}
/*end error page*/

/*user status*/
    dl.userStatus dt img {float:left;}
    dl.userStatus dt strong {vertical-align:middle;padding-left:3px; float:left}
    .userStatus dd span {display:inline-block;}
    td.userStatus span {display:inline-block;}
    .gdUserStatus {width:14px;height:13px; background: url("https://lms.synergy.ru/img/ico/gd-element.png") no-repeat -55px -22px;}
    dl.userStatus dd a, dl.userStatus dd {font-size:12px;color:#D71939;}
    td.synergyUserUrl .bt {margin-top: 8px;}
/*END user status*/

.comments div.bodyLeft {margin-left:10px;}
.comments div.bodyRight {margin-left:10px;}
.comments .bodyRight .detailedFeedback .voting {margin: -7px 0 0 190px;}
.comments .comment {position:relative;}
#comments .tinyMceOutGradient {background:url('https://lms.synergy.ru/img/freedback_gradient.png') repeat-x 0 15px;height:44px;width:100%;position:absolute;top:0;left:0;}
#comments .showFull, #comments .showShortcut {margin:0 10px 8px 0;}
#comments .tinyMceOutBox.shortcut {height:40px;}
#comments .tinyMceOutBox {overflow:hidden;position:relative;padding:0;margin:10px 0 7px 0;}

/*Framework*/
body {background:#ffffff;min-width:1000px;}
body.main {background:#ffffff;min-width:1000px;}
body.headerSimple {background-image:none !important;background:#ffffff !important;}
/*body {background:#f5f4f0 url('https://lms.synergy.ru/img/2.png') no-repeat center 0px;min-width:1000px;}*/

.wrap {width:1000px;margin:0 auto;}

.userPanel {height:42px;background: url('https://lms.synergy.ru/img/user-panel.png') repeat-x left -45px;
    border-bottom:1px solid #d4d3d1;position: relative;z-index: 1002;}
.userPanel  div.wrap {padding-left:0px;width:1000px;}

div.header {margin-top:10px;position:relative;z-index:1001;}
div.header .liveChatBt {background:url('https://lms.synergy.ru/img/live_chat_us.jpg') no-repeat 0 0;width:128px; height:76px;position:absolute;right:0;top:-5px;display:block;text-decoration:none;}

div.hLine_gray {height:2px;font-size:2px;background:#EBE8E5}
div.headerMargin {height:18px;}


td.rightPos {text-align:right;}

.defaultSimpleSkin .mceToolbar {width:auto !important;}

/*END Framework*/

.mainPageBox div.left {width:586px;float:left;}
.mainPageBox div.right {width:398px;float:right;}

.mainPageBox .blackBox {padding:24px;position:relative;}
.mainPageBox .grayVideoBox {padding:24px;position:relative;}
.mainPageBox .blackBox h2 {font-size:24px;font-weight:bold;}
.mainPageBox .blackBox span {font-size:11px;color:#f5f4f1;position:absolute;top:24px;left:300px;line-height:1.2;}
.mainPageBox .blackBox div {margin-top:20px;}
.mainPageBox .courseViewType {position:relative;margin-top: 0 !important;}
.mainPageBox .courseViewType a {display: inline-block;margin-right:15px;font-size:20px;color: #ffffff;font-weight:bold;text-decoration: none;
    line-height: 33px;padding: 0 15px;border:1px solid #575656;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;}
.mainPageBox .courseViewType a.inactive {background: url('https://lms.synergy.ru/img/free_paid_us.png') repeat-x 0 0;border:none;line-height:35px;}

.mainPageBox #admission_board_3d {position:relative;z-index:0;}
.mainPageBox #admission_board_3d img {width:586px;height:354px;}

.mainPageBox .videoPreview {position:absolute;z-index:100;}

#mainPageVideoBox, #mainPageVideoBox div {margin:0;}

.cousesBox {
    height:364px;background:#f5f5f4;border:1px solid #d4d3d2;border-top:none;margin-top:45px;padding:20px;
    -webkit-border-radius:0 0 10px 10px;
    -moz-border-radius:0 0 10px 10px;
    border-radius:0 0 10px 10px;
}

.coursesBoxUS {height:356px !important;}

.cousesBox .cousesBoxTabs {position:absolute;margin:-65px 0 0 -21px;height:55px;width:396px;
    background:#dddbd7;
    overflow:hidden;
    border:1px solid #d4d3d2;
    border-bottom:none;
    -webkit-border-radius:10px 10px 0 0;
    -moz-border-radius:10px 10px 0 0;
    border-radius:10px 10px 0 0;

}
.cousesBox .cousesBoxTabs a {display:inline-block;float:left;width:157px;height:45px;padding:10px 20px 0 20px;line-height:1.2;
font-size:17px;font-weight:bold;color:#1e1e1e;text-decoration:none;position:relative;}
.cousesBox .cousesBoxTabs a span {font-size:12px;}

.cousesBox .cousesBoxTabs .rightTab {
    width:155px;
    text-transform:uppercase;
        float:right;
}
.cousesBox .cousesBoxTabs .leftTab {
    text-transform:uppercase;
        float:left;
}

.cousesBox .cousesBoxTabs .rightTab.open {
    -webkit-border-radius:0 10px 0 0;
    -moz-border-radius:0 10px 0 0;
    border-radius:0 10px 0 0;
}

.cousesBox .cousesBoxTabs .leftTab.open {
    -webkit-border-radius:10px 0 0 0;
    -moz-border-radius:10px 0 0 0;
    border-radius:10px 0 0 0;
}

.cousesBox.threeTab .cousesBoxTabs .centerTab {width:85px;float:left; text-transform: uppercase;}
.cousesBox.threeTab .cousesBoxTabs .leftTab  {width:100px;}
.cousesBox.threeTab .cousesBoxTabs .rightTab {width:85px;}
.cousesBox.fourTab .cousesBoxTabs a {padding: 10px 10px 0; text-transform: uppercase;}
.cousesBox.fourTab .cousesBoxTabs .leftTab  {width:100px;}
.cousesBox.fourTab .cousesBoxTabs .second  {width:65px;}
.cousesBox.fourTab .cousesBoxTabs .third  {width:65px;}
.cousesBox.fourTab .cousesBoxTabs .rightTab {width:85px;}

.cousesBox .cousesBoxTabs .open {background:#F5F5F4;border-bottom:1px solid #d4d3d2;}
.cousesBox .cousesBoxTabs a.open  {color:#ed1c3f;}


.cousesBox .paginatorBox {position:absolute;margin-top:352px;width: 360px;}
.coursesBoxUS .paginatorBox {margin-top:346px !important;}
.cousesBox .cousesBoxItem {border:1px solid #F5F5F4;margin-bottom:10px;}
.cousesBox .cousesBoxItem a {border:1px solid #d4d3d2;display:block;padding:10px;height:85px;text-decoration:none;}
.cousesBox .cousesBoxItem a .cbImg {width:122px;border:1px solid #494948;display:inline-block;float:left;position:relative;height:83px}
.cousesBox .cousesBoxItem a .cbImg .moderatorComment {position:absolute;bottom:5px;left:10px;}
.cousesBox .cousesBoxItem a .cbData {width:185px;float:right;}
.cousesBox .cousesBoxItem .title {font-size:12px;color:#000000;display:block;font-weight:bold;line-height:1.2;}
.cousesBox .cousesBoxItem .category {font-size:11px;color:#000000;display:block;margin-top:10px;}
.cousesBox .cousesBoxItem .date {font-size:11px;color:#878786;display:block;margin-top:15px;}
.cousesBox .cousesBoxItem:hover, .cousesBox .cousesBoxItem a:hover {border:1px solid #ed1c3f;}
.coursesBoxUS .cousesBoxItem a {height:83px !important;}
.coursesBoxUS .emptyCousesBoxItem {height:183px !important;}

.coursesMaterialsTable tr td {font-size: 16px !important; padding-left: 5px; padding-right: 5px;}
.coursesMaterialsTable tr td.number {width: 20px;}
.coursesMaterialsTable tr td.button {width: 60px;}
.coursesMaterialsTable tr {padding-bottom: 5px;}

/*Info Panel*/
.infoPanel {
    background:#ed1c3f;width:586px;
    height:80px;
    overflow:hidden;
    margin-bottom:15px;
    position:relative;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
.infoPanel .infoPanelright {background:url('https://lms.synergy.ru/img/infopanel_right.png') no-repeat;width:7px;height:80px;position:absolute;top:0;right:0;display:block;z-index: 100;}
.infoPanel .infoPanelText {width:538px;height:63px;padding:17px 24px 0 24px;}
.infoPanel .infoPanelTextUs {width:538px;height:63px;padding:11px 24px 0 24px;}
.infoPanel .infoPanelButton {background:#ff9c00;width:586px;height:80px;position:absolute;top:0;
    left:547px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}

.infoPanel .infoPanelArrow {background:url('https://lms.synergy.ru/img/infopanel_arrow.png') no-repeat;width:45px;height:80px;display:inline-block;text-decoration:none;float:left;}
.infoPanel .infoPanelBtDelimer {width:1px;height:61px;float:left;border-right:1px dotted #b26d00;margin-top:12px;margin-left: 6px;}
.infoPanel .infoPanelButton dl {float:left;margin:13px 12px 0 12px;}
.infoPanel .infoPanelButton dl.us {float:left;margin:8px 12px 0 12px;}
.infoPanel .infoPanelButton dl.last {width:160px;}
.infoPanel .infoPanelButton img {float:left;margin:0 15px 0 6px;}
.infoPanel .infoPanelButton img.img2 {margin-left:21px;}
.infoPanel .infoPanelButton dt {height:16px;font-size:11px;color:#ffffff;font-weight:bold;padding:4px 0 0 0px;}
.infoPanel .infoPanelButton dt .numberIcon {margin:0;position:relative;margin-top:-2px;}
.infoPanel .infoPanelButton dt span {color:#210808;vertical-align:top;margin-left:0;letter-spacing:0.02em;display:inline-block;width: 125px;}
.infoPanel .infoPanelButton dd {padding-top:6px;}
.infoPanel .infoPanelButton dd.us {padding-top:1px;}
.infoPanel .infoPanelButton dd, .infoPanel .infoPanelButton dd a {color: #ffffff;line-height:1.3; font-size:11px;}
.infoPanel .infoPanelButton dd div {position:absolute;width:167px;}

div.infoPanel h1 {font-size:21px;letter-spacing:0.05em;font-weight:bold;}
div.infoPanel h1.us {font-size:18px;text-transform:uppercase;margin-top:-2px;}
div.infoPanel p {font-size: 11px;color: #ffffff;line-height:1.3;margin: 11px 0;}
div.infoPanel p.us {margin-top:3px;}

div.infoPanel .link10_online {background: url('https://lms.synergy.ru/img/10reasons.gif') no-repeat;width:575px;height:80px;display:block;text-indent:-20000px;}
/*END Info Panel*/

/*USER PANEL*/
.userPanel div.box {float:left;padding-top:6px;margin-right:6px;}
.userPanel div.box input.text {width:125px !important;}
.userPanel div.userIco {float:left;}
.userPanel .userAccount {margin-left:5px;float:left;height:22px;}
.userPanel a.userAuth {text-decoration:none;padding:4px 0 0 4px;margin-top:5px;
        border:none;color:#a8a8a8;font-size:12px;font-weight:bold;}
*:first-child+html .userPanel input.userAuth {padding:4px 0 0 5px;}
.userPanel .userAccount .selector .selectHeader span.link {width:144px; overflow:hidden;display:inline-block;}
.userPanel .userAccount .selector li {position:relative;}


.userPanel .centralBox {margin:0 auto;}
.userPanel div.box input {margin-top:6px;color:#515050;}
.userPanel div.box div.checkbox input, .userPanel div.box div.checkbox span {margin-top:8px;}
.userPanel div.box div.checkbox input, .userPanel div.box div.checkbox label {margin-top:8px;}

.userPanel div.box input.userPanelInput {border:1px solid #c3c3c3;border-top:1px solid #7c7c7c;border-left:1px solid #7c7c7c;
        font-size:11px;font-weight:bold;padding:2px 4px;width: 120px;}
.userPanel div.bEnter {margin:8px 0 0 0;float:left;}
.userPanel img.authLoader {width:25px;margin:8px 0 0 5px;}

.userPanel div.bOpenId {margin:8px 10px 0 10px;float:left;}
.userPanel .AuthType {padding:11px 0 0 5px !important;}
.AuthType label {display:inline-block;margin:5px 5px 0 0;}
.AuthType a {margin:2px 1px 0 0 !important;}

.userPanel .logined {width:100%; display:inline-block;}
.userPanel td.myStatus div.right img {margin-top:14px;}
.userPanel td.myStatus div.right strong {padding-left:3px;font-size:11px;font-weight:bold;}
.userPanel td.myStatus div.right dd a.userStatusLink {cursor:pointer;font-style:italic;color:#c04a60;border-bottom:1px dashed #c04a60;font-size: 11px;text-decoration:none; white-space:nowrap;
    display:inline-block;width:300px;overflow:hidden;}
.userPanel td.myStatus div.right  span {margin:13px 0 0 5px;}

.userPanel .action {height:42px;padding-right:5px;}
.userPanel div.vline {height:42px;width:2px;margin:0 10px;background: url(https://lms.synergy.ru/img/user-panel.png) no-repeat 0 -90px;float:left;}

.userPanel td.myStatus  {background: url(https://lms.synergy.ru/img/user-panel.png) no-repeat  0 -90px;height:30px;min-width:290px;max-width:290px;}
.userPanel td.myStatus dt {float:left;line-height:42px;margin-right:4px;}
.userPanel td.myStatus dd {line-height:42px;float:left;padding-right:15px;max-width:240px;overflow:hidden;height:30px;}
.userPanel td.myStatus div.right {background: url(https://lms.synergy.ru/img/user-panel.png) no-repeat  right -90px;height:42px;padding-left:10px;}

.userPanelReg {background: url('https://lms.synergy.ru/img/user-panel.png') repeat-x left 0;float:right;width:458px;height:42px;
	border-left:1px solid #d4d3d2;border-right:1px solid #d4d3d2;padding:0 13px;}
.userPanelCreateCourse {background: url('https://lms.synergy.ru/img/user-panel.png') repeat-x left 0;float:right;width:232px;height:42px;border-right:1px solid #d4d3d2;padding:0 13px;text-align:center !important;}
.userPanelReg span.text { font-size:11px; color:#210808;margin-right:5px;line-height:41px;display:inline-block;}
.userPanelReg .bt, .userPanelCreateCourse .bt {margin-top:8px;}

.userPanel td.addCourse {background: url('https://lms.synergy.ru/img/user-panel.png') repeat-x left 0;border-right:1px solid #d4d3d1;
    min-width:150px;text-align:center; width: 212px;}

.userPanel .synergyUserUrl {float: right !important; margin: 0px 5px !important;}
.userPanel .synergyUserUrl a {color: #C04A60;}
.userPanel .addInfo  {width: 115px; text-align: center; color: #a8a8a8;}
.userPanel .addInfo .fioGroup {overflow: hidden; width: 115px; max-height: 28px;line-height: 0.9; padding: 1px 0;}

.changeStatus {width:290px;height:80px;position:absolute;top:0;background: url('https://lms.synergy.ru/img/change-status-bg.png') no-repeat 0 100%;z-index:250;}
.changeStatus textarea {border:1px solid #d4d3d1;width:268px;height:49px;resize:none;margin-bottom:2px;padding:0;}
.changeStatus form {margin:10px 0 0 10px;}
.changeStatus span {font-size:11px;color:#b0b0b0;}
.changeStatus span.actionBt {position:absolute;width:50px;right:0px;bottom:0px;}
.changeStatus img.authLoader {width:14px;margin:1px 0 0 -20px;position:absolute}
.changeStatus span.red, #programCoursesPopup .red {color:red;}
.changeStatus span.green, #programCoursesPopup .green {color:green;}

td.mySpecialty {margin-left: 5px; padding-left: 5px}
div#specialty {margin-top: 2px;}
.specialty .selector div.selectHeader {margin:0 5px 0 0; width: 255px !important; height:32px;}
.specialty .selector div.selectorBody {width: 257px;}
.specialty .selector div.selectHeader .selectHeaderBg {height:30px;}
.specialty .selector span.button {cursor:pointer; width: 12px; padding:5px 0 0 3px !important;}
.specialty .selector span.link {line-height: 15px;}
.specialty .selector span.link #specialtyName {font-weight: normal;}

/*END USER PANEL*/

/*HEADER*/
.header .logo { background: url("https://lms.synergy.ru/img/logo.png") no-repeat -4px center;width: 237px;height: 59px;padding-left:0;float:left;}
.header .setLang {padding-left:50px;width:100px;float:left;}
.header .setLang {padding-top:23px;}
.header .topMenu {float:left;margin:29px 0 0 3px;width:725px;}
.header .topMenu li {float:left;margin:0 5px;list-style-type:none;}
.header .topMenu a {text-decoration:none;font-size: 11px;font-weight: bold;color: #1e1e1e;}
.header .topMenu > ul > li > a {text-transform:uppercase;padding-top: 2px;}
.header .topMenu a.redLink {color:#ec1f3e;}

.header .topMenu.submenuWith {margin-top: 23px;}
.header .topMenu.submenuWith a {padding:0 26px;}
.header .topMenu.submenuWith .sub-menu {position: absolute;left:0;top:13px;padding-top:0;z-index: 400;min-width:150px;margin-top:8px;}
.header .topMenu.submenuWith .sub-menu ul {background: #D4D3D2;padding:5px;display:block;
    border-radius: 0 10px 10px 10px;
    -moz-border-radius: 0 10px 10px 10px;
    -khtml-border-radius: 0 10px 10px 10px;
    -webkit-border-radius: 0 10px 10px 10px;
}
.header .topMenu.submenuWith li {padding:7px 0 5px 0;position: relative;margin:0;}
.header .topMenu.submenuWith .sub-menu li {display:block;margin:7px 0px;float: none;padding: 0;}
.header .topMenu.submenuWith .sub-menu a {white-space: nowrap;background: none;padding:0 5px;}
.header .topMenu.submenuWith li.hoverItem a {color: #4A4947;}
.header .topMenu.submenuWith li.active a {color: #ffffff;}
.header .topMenu.submenuWith li.hoverItem {background: #D4D3D2;
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -khtml-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
}


.interfaceLanguage {position:absolute;right:0;bottom:-10px;}
.interfaceLanguage .languageItem {font-size:12px;line-height:21px;margin-left:25px;color:#000;text-decoration:none;display:inline-block;}
.interfaceLanguage .languageItem img {width:32px;height:21px;margin-right:5px;border:1px solid #e5e5e5;}
.interfaceLanguage .languageItem:hover {color:#ED1C3F;}

/*END HEADER*/


/*BOX*/
div.whiteBoxSlider {padding:30px 5px 40px 0px;background:#ffffff;}
div.grayBoxSlider {padding:20px 5px 17px 0px;background:#f6f3f0;}


/*Black Corner*/
    .blackBox h1 {font-size:32px;font-weight:bold;padding:20px 0 16px 25px;}
    .blackBox h3 {color: #ffffff;}
    div.shadowPopularCourses {background: url('https://lms.synergy.ru/img/block.png') no-repeat center -208px;height:14px;width:1000px;position:absolute;z-index:20;}
    div.popularCourses  .blackBox {height:179px;}
    div.popularCourses.popularCoursesDown {height:171px;}
    div.popularCourses.popularCoursesDown .blackBox {height:171px;}
/*END Black Corner*/

.cornerBox {
    -webkit-border-radius:10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

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

.cornerBoxBottom {
    -webkit-border-radius:0 0 10px 10px;
    -moz-border-radius:0 0 10px 10px;
    border-radius:0 0 10px 10px;
    z-index: 200 !important;
}
.blackBox.cornerBoxBottom {z-index: 0 !important;}


/*White Corner*/
    .whiteBox {padding:10px 30px;background:#ffffff;}
    .whiteCornerTop  {background: url("https://lms.synergy.ru/img/block.png") no-repeat center -27px;height:-12px;}
    .whiteCornerBottom  {background: url("https://lms.synergy.ru/img/block.png") no-repeat center -39px;height:12px;}
/*END White Corner*/

/*VALIDATION*/
div div.largeWithFieldMessage  {margin-top:0px;}
div.textBig div.largeWithFieldMessage  {margin-top:-11px;}
input.largeWithFieldControl, div.largeWithFieldControl, select.largeWithFieldControl, textarea.largeWithFieldControl {border:1px solid #ed1c3f !important;}
div.largeWithFieldControl input {border:none !important}
div.smallNoFieldMessage {margin:5px 15px 0 0;font-size:11px;color:#ed1c3f;padding:5px;border:1px solid #ed1c3f !important;}
.validationBorder {border:1px solid #ED1C3F !important;}

#passwordContainer.largeWithFieldControl input, #passwordConfirmContainer.largeWithFieldControl input {border:1px solid #ed1c3f !important;margin-bottom:0;} /*temp*/

div.largeWithFieldMessage {width: 100%;position: relative;}
div.largeWithFieldMessage div.msgBody {background:#ED1C3F !important;width: 100%;position: relative;
    -webkit-border-radius:0 0 10px 10px;
    -moz-border-radius:0 0 10px 10px;
    border-radius:0 0 10px 10px;
}
div.largeWithFieldMessage span {font-size:12px !important; color:#ffffff !important; line-height:15px;display:inline-block;margin:4px 10px; font-weight: normal  !important;white-space: normal;}
div.largeWithFieldMessage.noResize div.msgBody {width: auto !important;display: inline-block !important;}
div.largeWithFieldMessage .ie8Corner {width:9px;height:9px;background: url('https://lms.synergy.ru/img/error_msg_corner.png') no-repeat 0 0;position: absolute;bottom:0;}
div.largeWithFieldMessage .ie8CornerLeft {background-position: 0 0;left:0}
div.largeWithFieldMessage .ie8CornerRight {background-position: -9px 0;right:0;}
/*END VALIDATION*/

/*FOOTER*/
div.footer {margin:15px 0;border-top:2px solid #d4d3d2;padding-top:5px;}
div.footer div.copy {width:860px;float:left;}
div.footer div.copy table {margin:15px 0px 35px 0;}
div.footer div.copy th {text-align:left;padding:0 25px 10px 0;}
div.footer div.copy td {vertical-align:top;}
div.footer div.copy td.left {width:500px;padding:0 15px 0 0;}
div.footer div.copy td.right {width:360px;padding:0 5px 0 0;white-space:nowrap;}
div.footer div.copy .phoneLine {color: #A1A1A1;font-size: 16px;font-weight: bold;}
div.footer div.copy .phoneLine span {color:#ED1C3F;}
div.footer strong { font-size:11px; font-weight:bold;}
div.footer p { font-size:11px; font-weight:normal;color:#949494; line-height:1.2;margin-bottom:5px;}
div.footer a {color:#949494;}

div.footer div.copy td.right table {margin:0px;padding:0px;width:272px;}
div.footer div.copy td.right td {margin:0px;padding:0px;padding-bottom:5px;line-height:19px;}
div.footer div.copy td.right td img {vertical-align:middle}
div.footer div.copy td.right td a { font-size:11px; font-weight:bold;
        color:#949494;text-decoration:none;vertical-align:middle;}
div.footer div.copy td.right table.footerLinksUs td a {font-weight:normal;text-decoration:underline;}
div.footer div.copy td.right table.footerLinksUs td a:hover {color:#ED1C3F;text-decoration:none;}
div.footer div.copy td.right td a:hover {text-decoration:underline;}
div.footer div.logo {text-align:center;width:130px;float:right;padding-top:35px;}
div.footer div.logo div { font-size:11px; font-weight:bold;color:#949494;}
div.footer div.logo div div {display:inline;position:relative;top:10px;left:-5px;}
div.footer div.logo div img {vertical-align:middle;}
div.footer div.copy td.social_ico td img {background: url('https://lms.synergy.ru/img/ico/gd-element.png') no-repeat -50px 0;}
div.footer div.copy td.right td.twiter_ico img {background-position:-50px -121px}
div.footer div.copy td.right td.jj_ico img {background-position:-50px -157px}
div.footer div.copy td.right td.ff_ico img {background-position:-50px -139px}
div.footer div.copy td.right td.myspace_ico img {background-position:-50px -175px}
div.footer  .statistic {width:185px !important;}
div.footer  .statistic td {color:#949494;font-size: 11px;line-height: 1.2;padding:0;}
div.footer  .statistic td .count {margin:2px 10px 0 0;}

.footerSearch {padding-left:10px;}
.footer .search {width:240px;position:relative;z-index:200;}
.footer .search form {background: url("https://lms.synergy.ru/img/ico/gd-element.png") no-repeat -80px -213px;width:180px;}
.footer .search input#fq {background:#ffffff;border:1px solid #d4d3d2;width:140px;vertical-align:middle;font-size:11px;
	padding:2px;margin-left:5px;height:14px;}
.footer .search .setSearchCategory {position:absolute;left:-3px;top:-2px;width: 24px;}
.footer .search .selector td.selLeft {overflow:hidden;}
.footer .search .largeWithFieldMessage {position:absolute;margin:-2px 0 0 29px !important}

.hiddenImage {visibility:hidden;position:absolute;margin:-400px 0 0;}

/*END FOOTER*/

/*Count Post*/
    div.countPostBlock {display:inline-block; float:right}
    div.countPostBlock a {
	display: inline-block;
	font-weight: bold !important;
	text-decoration: none !important;
	line-height: 16px !important;
	color:#ED1C3F !important;
    }
    div.countPostBlock a:hover {text-decoration:underline;}

/*END Count Post*/

/*SWITCH*/
div.contentBox div.switch {padding:2px;display: inline-block;margin-bottom:13px;
    background:#ffffff;border:1px solid #dfdcda;
    -webkit-border-radius:11px;
    -moz-border-radius:11px;
    border-radius:11px;
}
div.contentBox div.switch a {text-decoration:none;color:#1E1E1E;display:inline-block;padding:0 7px;line-height:19px;height:20px;font-size:14px;font-weight:bold;}
div.contentBox div.switch a:hover {color:#ED1C3F;}
div.contentBox div.switch li {display: inline-block;}
div.contentBox div.switch ul {list-style-type:none;margin:0px;}
div.contentBox div.switch li.active a {background:#adaba5;color:#ffffff;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
}
div.contentBox div.switch li.active a:hover {color:#ffffff;}
div.contentBox div.switch li a div.count {margin-top: 2px; font-size:14px;}
div.contentBox div.switch li.active a div.count {background:#ffffff; color:#adaba5 !important;}


div.rBt {margin:15px 0 15px 0;display:inline-block;float:right;}
form div.rBt {margin:20px 0 0 0;}

/*END SWITCH*/

/*div.content h3 {color:#1e1e1e;margin:0 0 10px 0px;}*/

div.mainPage h2, div.mainPage h2 a {
	color:#1e1e1e !important;
	margin:0 0 5px 0px !important;
	font-weight:bold !important;
	text-decoration:none;
	font-size:12px !important;}
div.mainPage h2 a:hover {color:#ED1C3F !important;}

/*TOPICS*/
    .topics {width:570px;float:left;margin-bottom:7px !important;}
    .topics div.topicCol {width:48%;float:left;margin:0 15px 0 0;line-height:1.1;}

    .topics div.topicCol td {border-bottom:1px dotted #D4D3D2;padding:5px 0;}
    .topics div.topicCol a {font-size:11px;color:#494948;text-decoration:none;font-weight:bold;
	    width:436px;overflow:hidden;display:inline-block;white-space:nowrap;position:relative;z-index:1;}
    .topics div.topicCol .topicNew {padding-bottom:0px;display:inline-block;width:45px;
	position:absolute;margin:-13px 0 0 410px;z-index:3;}
    .topics div.topicCol .topicNew .count {margin-right:3px;}
    .topics div.topicCol td.topicCount {width:20px;text-align:center;color:#a1a1a1;font-size:14px;padding:1px 0;padding-top:2px;font-weight:bold;}
    .topics div.topicCol td.red {color:#ed1c3f;font-weight:bold;}
    .topics .viewAll  {text-align:right;margin: 5px 15px 0 0;}
    .topics div.viewAll a  {font-size:11px; color:#EB1A41;}

    .topics div.topicCol a span {position:absolute;display:block;height:23px;width:65px;margin:-18px 0 0 371px;z-index:2;
	    background:url('https://lms.synergy.ru/img/gradient.png') no-repeat right 0;text-decoration:none;cursor:pointer;}

    #categoriesListing {min-height:155px;}

    .mainPage .topics div.topicCol .topicNew {margin:-16px 0 0 395px;}
    .mainPage .topics div.topicCol a {font-size:14px;}
    .mainPage .topics .viewSwitch {position:absolute;right:42px;}
    .mainPage .topics  h2 a{font-size:18px !important;}
    .mainPage .topics  dl.categoriesOrder {position:absolute;left:700px;}
    .mainPage .topics  dl.categoriesOrder  dd{float:left;margin:0 5px;}
    .mainPage .topics  dl.categoriesOrder dd a {text-decoration:none;color:#6d6c6a;font-size:11px;}
    .mainPage .topics  dl.categoriesOrder dd a.active {color:#ED1C3F;}
    .mainPage .topics .viewSwitchContainer {padding-bottom:7px;margin-bottom:20px;}

    .topics .topicBlockViewItem {width:295px;position:relative;border-bottom:1px dotted #D6D6D6;padding-bottom:5px;margin-bottom:20px;}
    .topics .topicBlockViewItem .title {font-size:14px;color:#494948;font-weight:bold;display:block;padding-bottom:5px;border-bottom:1px solid #ebe8e5;text-decoration:none;
	overflow:hidden;position: relative;white-space: nowrap;width: 295px;z-index: 1;}
    .topics .topicBlockViewItem .title:hover {color:#ED1C3F;}
    .topics .topicBlockViewItem .title span { background: url("https://lms.synergy.ru/img/gradient.png") no-repeat scroll right 0;cursor: pointer;
	display: block;height: 23px; margin: -18px 0 0 215px;position: absolute;text-decoration: none;width: 65px;z-index: 2;}
    .topics .topicBlockViewItem  a.popularLink {text-decoration:none;font-style:italic;display:inline-block;margin-bottom:5px;}
    .topics .topicBlockViewItem  a.popularLink:hover {text-decoration:underline;}
    .topics .topicBlockViewItem .titleSection {color: #6D6C6A;display: inline-block;font-size: 12px;margin-bottom: 3px;padding-top: 0; text-decoration: none;}
    .topics .topicBlockViewItem li {color:#ED1C3F;margin:0 0 5px 15px;}
    .topics .topicBlockViewItem li  a {color:#6d6c6a;font-size:12px;font-weight:bold;display:block;margin-bottom:0;text-decoration:none;}
    .topics .topicBlockViewItem li  span {color:#878786;font-size:11px;}
    .topics .topicBlockViewItem li div a {font-weight:normal;}
    .topics .topicBlockViewItem .countInfo {text-align:right;position:absolute;top:0;right:0;z-index:5;}
    .topics .topicBlockView  td {padding:0 20px 10px 0;}
    .topics .topicBlockView  td.last {padding-right:0;}
    .topics .topicBlockView .paginatorBox {margin-top:20px;}

    .topics .viewSwitch {display:inline-block;background:url('https://lms.synergy.ru/img/bt/view_switch.png') no-repeat 0 0;width:51px;height:15px;text-decoration:none;}
    .topics .viewSwitch.posTwo {background-position:0 -17px;}


    .wide {width: 100%!important;}
    .wide div.topicCol {margin:0 13px 0 0 !important;}
/*	.wide ul {margin:0 13px 0 0 !important;}*/
/*END TOPICS*/

/*recommendedCourses*/
    .content div.recommendedCourses {float:right; width:365px;margin-top:11px;}
    div.recommendedCourses h3 span {vertical-align:baseline;color:#eb1a41;}
    div.recommendedCourses h3 a {color:#1E1E1E;text-decoration:none;}
    div.recommendedCourses .item {float:left;width:177px;margin:-1px 5px 0 0;}
    div.recommendedCourses .item p.descr {width:142px;height:53px;border:1px solid #dad6d3;border-top:none;display:block;margin:0 2px;
	    padding:8px 15px 0 15px;z-index:1;font-size:11px;line-height:1.2;color:#494948;position:relative;top:-3px;}
    div.recommendedCourses .item p.descr span {display:block;overflow:hidden;height:41px;}
    div.recommendedCourses .courseSliderItem a {left:-1px;}
/*END BANNERS*/
/*TOP 5*/
    .top5 {width:570px;float:left;margin-top:7px;}
    div.mainPage .top5 h2 {margin-bottom:10px !important;}
    .top5 h2 img {margin-right:5px;vertical-align:middle;}
    .top5 h2 a {line-height:23px;vertical-align:middle;}
    .top5 img.userIco {margin-right:5px;vertical-align:middle;}
    .top5 ul {width:175px;margin:0 15px 0 0;float:left;list-style-type:none !important;}
    .top5 ul li {padding:4px 0 6px 0;border-bottom:1px dotted #D4D3D2;}
    .top5 ul li a {font-size:12px;font-weight:bold;color:#1e1e1e;text-decoration:none;vertical-align:middle;}
    .top5 ul li a:hover {color:#f8172e}
    .top5 ul li a.username {line-height:24px;}
    .top5 ul li.title {border-bottom:2px solid #cbc7c0;font-size:11px; }
    .top5 ul li div.author {margin:0px;}
    .top5 ul li div.author a.userName {width:140px;position:relative;}
/*END TOP 5*/

/*Next Webinars*/
   .nextWebinars  {float:right; width:365px;margin-bottom:10px;}
   .mainPage .nextWebinars h2 {margin-bottom:14px !important;}
   .nextWebinars h3 a {color:#1E1E1E !important;font-size:12px !important;font-weight:bold;text-decoration:none;}
   .nextWebinars h3 a:hover {color:#ED1C3F !important;}
   .nextWebinars strong a {color:#1E1E1E !important;text-decoration:none;}
   .nextWebinars strong a:hover {color:#ED1C3F !important;}
   .nextWebinars div.webinar {border:1px solid #d4d3d2;margin-bottom:8px;height:81px;}
   .nextWebinars div.webinar dt {float:left;display:block;width:82px;}
   .nextWebinars div.webinar dd {float:left;padding:12px 10px 10px 10px;width:260px;line-height:1.2;font-size:11px;position:relative;}
   .nextWebinars div.webinar dd div.author {margin-top:5px;position:absolute;top:38px;}
   .nextWebinars div.webinar dd div.author img {vertical-align:middle;}
   .nextWebinars div.webinar dd div.author a {font-size:11px;color:#1e1e1e;text-decoration:none;vertical-align:middle;}
   .nextWebinars div.webinar dd div.author a:hover {color:#f8172e;}

    .nextWebinars div.webinar dt a {position:relative;text-decoration:none;display:block;}
    .nextWebinars div.webinar dt a img {position:relative;height:81px;}
    .nextWebinars div.webinar span.webinarInfo {clear:both;width:82px;text-align:center;padding:0px;position:absolute;top:0px;text-decoration:none;cursor:pointer;}
    .nextWebinars div.webinar span.webinarInfo * {display:block;text-decoration:none !important;}
    .nextWebinars div.webinar span.webinarInfo strong:hover {text-decoration:none}
    .nextWebinars div.webinar span.webinarInfo strong.titleBg {height:40px;opacity:0.5;position:relative;background:#000000;top:41px;}
    .nextWebinars div.webinar span.webinarInfo strong.infoBox {position:relative;top:5px;}
    .nextWebinars div.webinar span.webinarInfo strong.infoBox strong.date {color:#ffffff;font-weight:bold;font-size:11px;line-height:1;}
    .nextWebinars div.webinar span.webinarInfo strong.infoBox strong.info {color:#ffffff;font-weight:bold;font-size:18px;line-height:1;}
    .nextWebinars div.webinar dt a img.webinarHover {position:absolute;width:88px;height:87px;left:-3px;top:-3px;visibility:hidden;}
    .nextWebinars div.webinar dt a:hover img.webinarHover {visibility:visible;}
    div.courseDescr div.courseFullDescr div.right .nextWebinars  {width:310px;clear:both;}
    div.courseDescr div.courseFullDescr div.right .nextWebinars div.webinar dd {width:205px;}

    .webinarEdit .avatarLoad {background:#EBE8E5;padding:13px 23px 17px;width:198px;position: absolute; top:32px;left:360px;z-index: 2;}
    .webinarEdit .avatarLoad .addFiles {padding:10px 14px 0;width:196px;}
    .webinarEdit .avatarLoad .addFilesBottom {background:url("https://lms.synergy.ru/img/area/courses-img-bottom.png") no-repeat;height:10px;width:196px;}
    .webinarEdit dl dt {display:inline-block;margin-bottom:5px;}
    .webinarEdit dl dd {padding-bottom:15px;}
    .webinarEdit dl dd .calendarIco {position:absolute;margin:10px 0 0 237px;}
    .webinarEdit dl dd.date .largeWithFieldMessage {margin-left:78px;}
    .webinarEdit textarea {width:561px;min-height:200px;}
    .webinarEdit .mettingDescription {width:565px;position:relative;}
    .webinarEdit .date .year {width:72px; margin:0;}
    .webinarEdit .date .time {width:50px; margin:0;}
    .webinarEdit .date select.time {width:70px;}
    .webinarEdit .date .timeContainer {display:inline-block;}
    .webinarEdit .date .timeContainer label {display:inline-block;margin:8px 5px 0 5px;}
    .selectTime {min-width:62px;position:absolute;margin:-1px 0 0 87px;max-height:140px;overflow-y:scroll;
	border:1px solid #C3BFBF;background:#ffffff;z-index:1;}
    .webinarEdit .usServiceClass .date .year {width:75px; margin:0; font-size: 12px;}
    .webinarEdit .usServiceClass .date .time {width:55px; margin:0; font-size: 12px;}
    .webinarEdit .usServiceClass .date .timeContainer label {display:inline-block; margin: 5px 5px 0;}
    .webinarEdit .usServiceClass .date .selectTime {margin:-1px 0 0 38px;}

    .selectTime li {font-size:12px;color:#515050;list-style:none;display:block;padding:3px 6px;white-space: nowrap;}
    .selectTime li:hover {background:#EBE8E5;cursor:pointer;}
    .selectTime .selectedInterval {background:#EBE8E5;}
    .mobileDevice  select {height:28px;}

    .webinarEdit .left {width: 604px !important;}
    .webinarEdit .data .selectedAvailableCourses {margin:5px 0 0 7px;}
    .webinarEdit .data .selectedAvailableCourses span {display:block;margin-bottom:5px;color:#888080;font-size:11px;font-weight:bold;}
    .webinarEdit .data .selectedAvailableCourses span a {margin-left:5px;}

    .webinarEdit .unit label span {color:#515050;font-size:16px;font-weight:bold;margin-right:3px;position:relative;top:-3px;}
    .webinarEdit .additionalInfo {margin-top:5px;width: 330px;}
    .webinarEdit .additionalInfo label.price {display:inline-block;margin-bottom:5px;}
    .webinarEdit .additionalInfo .grayLine {width:604px;position:absolute;margin-top:-5px;}
    .webinarEdit .additionalInfo.unit {margin-top:10px;}
    .webinarEdit .unit dd.price {display: block;position: relative;}
    .webinarEdit .unit dd.price .validatorMsg {position: absolute;left:177px;top:35px;}
    .webinarEdit .unit dd.price .validatorMsg div {white-space: nowrap;}
    .webinarEdit .unit dd.price div.fieldContainer {display:inline-block;}

    .webinarEdit .unit label.label {min-width:100px;display:inline-block;}
    .webinarEdit .deleteImg:hover .deleteIco {background-position:-31px -86px !important;}
    .webinarEdit span.signupWarning {float:left;margin-right:15px;}
    .webinarEdit .editMeetingTopSection {width: 330px;}
    #editMeeting dl#priceContainer {width: 390px;}

    .invite .filterData {margin-bottom:20px;}
    .invite .filterData input {width:180px;margin:0 5px 0 0;}
    .invite .filterData dd a {position:relative;top:8px;}
    .invite .dataTable {margin:10px 0 20px 0;}
    .dataTable tr.grayTr div.author a.userName span {background-position:0 -105px;}

    .webinarReminder dl {max-height:290px;overflow:hidden;}

    div.inviteFields div.availableCourses #availableCourses {width:520px}
    div.inviteFields .selectedAvailableCourses {margin:5px 0 0 7px;}
    div.inviteFields div.rPos {margin-top:5px;}

    div.inviteFields div.autocompleteUsersView div#autocomplete_body div.author a.userName span {background-position:right 0 !important;}
    div.inviteFields div.autocompleteUsersView div#autocomplete_body div.author {display:inline-block;float:left;}
    div.inviteFields div.autocompleteUsersView div#autocomplete_body {max-height:157px;margin-bottom: 5px;}
    div.inviteFields img.authLoader {display:none;margin-left:5px;}
    div.inviteFields .inviteType .title {margin-bottom: 15px;}
    div.inviteFields .inviteType .descr {margin-left:23px;}

    .webinarReminder dd {display:block;margin-bottom:7px;}
    .webinarReminder input.text {font-size:11px;margin:0 5px 0 0;padding:3px 6px 2px 6px !important;width:23px !important;}
    .webinarReminder input[type="checkbox"] {position:relative;margin-top:0px;}
    .webinarReminder label {position:relative;margin-top:1px;display:inline-block;}
    .webinarReminder .prereminder {color:#888080;font-size:11px;font-weight:bold;margin:5px 5px 0 4px;display:inline-block;}
    .webinarReminder #changeRemindings .cancelIco {display:inline-block;margin-top:2px;}

    .meetingView div.courseDescr div.courseFullDescr div.left {width:510px}
    .meetingView div.courseDescr div.courseFullDescr div.right {width:350px;}
    div.bookWebinar {margin:0 0 15px 0;}
    div.bookWebinar h3 {color:#d11438;}
    div.bookWebinar ul {float:left;margin:0 13px 0 0; list-style-type:none;}
    div.bookWebinar ul li {border-bottom:1px dotted #D4D3D2;margin:0 15px 2px 0;padding-bottom:5px;width:150px;float:left;}
    div.bookWebinar img.userIco {margin-right:5px;vertical-align:middle;}
    div.bookWebinar .userIco img {margin-right:3px;vertical-align:middle;}
    div.bookWebinar ul li a {color:#1E1E1E;font-size:11px;font-weight:bold;text-decoration:none;vertical-align:middle;}
    div.bookWebinar div.noFriends {margin:10px 0;padding:10px;text-align:center;border:2px solid #EBE8E5;}
    .meetingView .courseDescrData .right h2 {color:#000000;font-size:21px;font-weight:bold;margin-bottom:5px;line-height:1.1;overflow:hidden;width:530px;}
    .meetingView .fadeBox h3 {color:#333333 !important;}
    .meetingView div.courseDescr div.courseDescrData div.right div.tags {margin:0 0 5px 0;}
    .meetingView div.courseDescr div.courseDescrData div.right .rightDitailsCol {padding-top:3px;}
    .meetingView div.courseDescr div.courseDescrData div.right .rightDitailsCol dl {margin-bottom:10px;}
    div.maxUsersReached {margin:10px 0;padding:10px;text-align:center;border:2px solid #EBE8E5;}

    /*meetingsListing*/
    .webinarListing div.filterData .filterSelectFix {width:100px;}
    .webinarListing div.filterData input.text {margin:0;padding:2px 6px;font-size:12px;width:65px !important;}
    .webinarListing div.filterData input#paidAmountFrom, .webinarListing div.filterData #timePeriodStartBtn {margin-right:10px !important}
    .webinarListing div.filterData dd.field label {position:relative;top:4px;}
    .webinarListing div.filterData dd.field a.ico {position:relative;top:2px;}
    .webinarListing div.filterData select {height:21px;}
    ul.shiftDoted {margin: -3px auto 4px 25px !important;}
    ul.shiftDoted li {list-style-position:outside !important;}
/*END Next Webinars*/

/*invitationsListing*/
    .invitationsListing {overflow:visible !important;}
    .invitationsListing .dataTable th.lastCell {width:118px;}
/*END invitationsListing*/

/*staticContent*/
div.staticContent ul {margin: 0; display: inline-block; list-style-type: none;}
div.staticContent ul.about {margin-left:20px;display: inline-block; list-style-type: disc;margin-bottom:10px;}
div.staticContent ul.listInsideParagraph {margin-left: 2px;}
div.staticContent ul ul li {padding-left: 20px;}
div.staticContent h2.cPos {margin: 15px 0 10px 0; font-size:14px; color: #8A8A83  !important;}
div.staticContent h3.cPos {margin: 15px 0 10px 0; font-size:12px; color: #8A8A83  !important;}
div.staticContent h3.lPos {margin:0 0 7px 0; font-size:12px; color: #494948  !important;font-weight:bold;}
div.staticContent p {margin: 0 0 5px !important;}
div.staticContent ol li, div.staticContent ul li {list-style-position: outside !important;margin:3px 0 5px 0;}
.howWork {font-size:24px !important;color:#494948 !important;font-weight:bold !important;margin-bottom:7px !important;line-height:1 !important;}
div.staticContent .staticTextTitle {margin-top: 14px !important;}
.starImg {width:40px;height:40px;margin-top:-13px;}
h1.gray {color:#636363 !important;}
h2.gray {color:#636363 !important;font-size:15px !important;}
.faqStyle p {margin:0 !important;}

.outTeamPage .teamPhoto {width:150px;float:left;margin:0 20px 40px 0;}

/*--------------------------------------------------------Registration---------------------------------------------------------------*/
.regBox {margin:50px 0;}
.regBoxTop {border:1px solid #d4d3d2;border-bottom:none;background:#ffffff;padding:10px;}
.regBoxTop h2 {font-size:24px !important;font-weight:bold !important;margin:0 0 5px 0 !important;}
.regBoxTop p {margin-bottom:0 !important;}
.regBox .regBoxBottom {background:#ebebe8;border:1px solid #d4d3d2;border-top:none;padding:15px 0;}



div.regStatus {padding-top:8px;}
div.regStatus span, .autoClasses span { font-size:11px; font-weight:bold; color:#c2bbbc;}
div.regStatus span strong, .autoClasses span strong {margin-right:5px;position:relative;top:-2px;}
div.regStatus span.active, .autoClasses span.active, .autoClasses span:hover {color:#000000;}
div.regStatus div.grayLine {margin:15px 0 0;position:relative;width: 960px;}
div.regStatus div.temporaryBlockNone {height:40px;position:absolute;margin:-20000px 0 0 -20000px;width:400px;z-index:100;}
div.regStatus div.temporaryBlockActive {margin:-58px 0 0 175px;}
div.editMaterials div.regStatus div.temporaryBlockActive {margin:-49px 0 0 0;}
div.delimerAfterLine {height:10px;}

.numberIcon {background: url("https://lms.synergy.ru/img/regform/regstat.png") no-repeat; width:16px; height:16px;display:inline-block;}
.active .numberIcon.one {background-position:0px 0px;}
.active .numberIcon.two {background-position:0px -20px;}
.active .numberIcon.three {background-position:0px -40px;}
.active .numberIcon.four {background-position:0px -60px;}
.active .numberIcon.five {background-position:0px -80px;}
.active .numberIcon.six {background-position:0px -100px;}

.numberIcon.one {background-position:-20px 0px;}
.numberIcon.two {background-position:-20px -20px;}
.numberIcon.three {background-position:-20px -40px;}
.numberIcon.four {background-position:-20px -60px;}
.numberIcon.five {background-position:-20px -80px;}
.numberIcon.six {background-position:-20px -100px;}



div.registration {width:585px;float:left;}
div.registration form {width:583px;padding-bottom:10px;display:block;}
div.registration h2 {font-size:21px;margin-bottom:13px;font-weight:normal;text-transform:none;color:#1E1E1E;margin:0 0 10px 0;}
div.registration .tabs-box p {margin:0 5px;}
div.registration div.regForm {padding:8px 20px 10px 20px;width:543px;border:1px solid #ebe8e5;border-top:none;position:relative;}
div.registration div.regForm div.authorForm {display:none;}

div.registration div.grayLine {margin:0 0 7px 0;}

div.registration TABLE.regAction {margin-top:16px;}
div.registration TABLE.regAction td.termsAgree {width:320px;}
div.registration TABLE.regAction td.termsAgree label {margin-left: 0px;}
div.registration TABLE.regAction td.termsAgree span {margin-left: 0px;}

div.registration div.regForm div.captcha {width:522px;}
div.registration div.regForm div.captcha input {width:150px;}

div.registration .tabs {margin-bottom:0;}
div.registration .tabs div.tabs-box {border-bottom:none;}

div.registration div.step3 strong.userName {color:#333333;font-size:14px;font-weight:bold;}
div.registration div.step3 div.greeting {font-size:16px;font-weight:bold;color:#ed1c3f;margin-top:45px;}
div.registration .tabs ul.tabs-nav li span  {width:177px !important;min-width: 177px !important;}

div.registration #businessType dt {margin-bottom:5px;}

div.regTextInfo {width:295px;float:right;padding-right:20px;}
div.regTextInfo p, div.regTextInfo ul {color:#8a8a83;line-height:1.2;font-size:12px;margin-bottom:20px;}
div.regTextInfo p.big {font-size:21px}
div.regTextInfo a {color:#ED1C3F}

.largeWithFieldControl .formFieldArea {margin-bottom:0 !important;}

div.contentBox div.linksBox h1 a {font-size: 24px;}
div.contentBox div.linksBox span {position: relative; float:right; margin-top:-32px;}
div.contentBox div.linksBox dd {border-bottom:1px dotted #D4D3D2;padding-top:5px;}
div.contentBox div.linksBox h1 {margin-bottom:5px !important;}

div.editProfile {width:550px;min-height:550px;float:left;}
div.editProfile h1 {color:#000000;font-size:21px;font-weight:bold;}
div.editProfile dt {padding:15px 0 5px 0;}
div.editProfile dt span {color:#888080; font-size:11px; font-weight:bold;}
div.editProfile dd {position:relative;}
div.editProfile dd input.text {width:95%;margin:6px 0;font-family:arial;font-size:16px;font-weight:bold;padding:3px 8px;}
div.editProfile dd textarea.text {width:385px; height:50px; margin:6px 0; font-family:arial; padding:3px 8px;}
div.editProfile dd div.date {width:300px;margin:0px 0 6px 0;display:inline-block;}
div.editProfile dd.sex input {vertical-align:middle;margin:0 4px 0 0;}
div.editProfile dd.sex span {vertical-align:middle;color:#515050;font-size:16px;font-weight:bold;margin-right:15px;}
div.editProfile dd.sex span.gray {color:#959595;}
div.editProfile dd.changePass a {color:#ed1c3f; border-bottom:1px dotted #ed1c3f;text-decoration:none;font-size:16px; font-weight:bold;}
div.editProfile dd select {font-size:16px; font-weight:bold; }
div.editProfile div.grayLine {margin:13px 0;width:541px;}
div.editProfile img#profileEditSubmitLoader { display: none; }

div.editProfile .sex div.privacy,
div.editProfile #profile_birthday {position:absolute;left:420px;margin-top:-27px}


div.editProfile .userLanguages .text {width: 386px;}
div.editProfile .userLanguages .selectedLanguages {width: 386px;}
div.editProfile .userLanguages .language {display: inline-block; float: left;}

div.editSettings {min-height:250px;height:100%;}
div.editSettings dt {padding:5px 0 5px 0;}
div.editSettings dl {margin:5px 0 15px 0;}
div.editSettings dl label {vertical-align:text-top;}
div.editSettings div.saveChanges {width:99%;}
div.editSettings .smallNoFieldMessage {margin-bottom:15px;}
div.editSettings .edit {margin-top:5px;}


div.courseInfo h1 {color:#000000;font-size:21px;font-weight:bold;}
div.courseInfo dt {padding:5px 0 5px 0;}
div.courseInfo dt span {color:#888080; font-size:11px; font-weight:bold;}
div.courseInfo dd input.text {width:99%;margin:6px 0;font-size:16px;font-weight:bold;padding:3px 8px;}
div.courseInfo dd div.date {width:99%;margin:0px 0 6px 0;}
div.courseInfo dd.sex input {vertical-align:middle;margin:0 4px 0 0;}
div.courseInfo dd.sex span {vertical-align:middle;color:#515050;font-size:16px;font-weight:bold;margin-right:15px;}
div.courseInfo dd.sex span.gray {color:#959595;}
div.courseInfo dd.changePass a {color:#ed1c3f; border-bottom:1px dotted #ed1c3f;text-decoration:none;font-size:16px; font-weight:bold;}
div.courseInfo dd select {font-size:16px; font-weight:bold; }
div.courseInfo div.grayLine {margin:13px 0;}
div.courseInfo img#profileEditSubmitLoader { display: none; }

div.profilePhoto {width:286px;float:right;background:#ebe8e5;padding:16px 23px 15px 23px;margin-top:4px;}
div.profilePhoto h1 {color:#ed1c3f !important;font-size:12px !important;font-weight:bold !important;margin-bottom:12px;}

div.profilePhoto div.profileBottom {background: url('https://lms.synergy.ru/img/users/profilebottom.png') no-repeat top; width:286px; height:10px;}
div.profilePhoto img#avatar { max-width:286px; }
div.profilePhoto div#avatarContainer { text-align: center; background:#f9f8f7;width:286px;}
div.profilePhoto img#avatarLoader { display: none; }
div.profilePhoto div.file {overflow:hidden;z-index:100;cursor:pointer;}
div.profilePhoto #fileName {width:135px;border:1px solid #C3BFBF;float:left;margin:0px;}
div.profilePhoto div.addFiles .bt2_Type3 span.btRight {margin-right:0px;}
div.profilePhoto .deleteImg:hover .deleteIco {background-position:-31px -86px;}

div.scormFile {width:auto;margin:30px 0;}
div.scormFile div.addFiles {background:#ffffff;padding:0px; width:auto;}
div.scormFile div.addFiles table {width: auto;}
div.scormFile div.addFiles #uploadErrorsContainer {width: 490px;}
div.scormFile #fileName {width:288px;border:1px solid #C3BFBF;margin:0px;float:none !important;}
div.uploadMaterials div.scormFile .progressBarInProgress {width:170px !important;}
div.uploadMaterials div.scormFile div.addFiles .progressTd {padding-left:10px;width:170px}
div.uploadMaterials div.scormFile {margin-bottom:12px;}
div.uploadMaterials .maxScore, div.uploadMaterials .isDemoFile, div.uploadMaterials .maxScoreUrl, div.uploadMaterials .isDemoFileUrl {margin-bottom:10px;width:300px;}
div.addFiles div.uploadConvertToHtml {margin-top: 5px;}
#learningMaterials #userMaxScore.editMaxScoreInput {width:50px !important;}
#learningMaterials .selfCleanInput {width:50px;margin-left:17px;height:20px;}
#learningMaterials .maxScoreActions {margin-left:72px;margin-top: -16px;position: absolute;width: 50px;}
#learningMaterials #loadMaxScoreImg {width:20px;}
#learningMaterials .maxScoreLoader {margin-top:-20px;position:static;width:160px;}
#learningMaterials .maxScoreValue:hover {cursor:pointer;}
.learningPackagePayment #learningPackagePrice {width: 60px;}
.learningPackagePayment .isAssessmentCheckbox {margin-bottom: 10px;}
.learningPackagePayment .priceCurrency {vertical-align:middle; margin-left:8px;}
form#learningPackagePayment .phoneContainer .cleanInputButton {top:4px;}
form#learningPackagePayment .phoneContainer {margin:20px auto auto; width:250px;}
form#learningPackagePayment .phoneNumber {font-size:200%;padding: 4px 8px 4px;}

form#learningPackagePayment .buttonPanel {margin-top: 20px;}
form#learningPackagePayment #errorContainer {margin-top: 20px;}
form#uploadMaterials #priceErrorContainer {width: 570px}

#disabledLearningPopup h1 {color:#888080; font-size: 20px;}
.popupCrop .accessIntervals {font-size: 14px;}
.accessIntervals {overflow-y: auto; max-height: 200px;font-weight: bold;font-size: 12px;}
.accessIntervals table {border-spacing: 1px;}
.accessIntervals td {padding-bottom: 0px !important;}
.accessIntervals span:first-child {margin-right: 10px;}

.inlineEditContainer {margin: 0 auto; width: 120px;}
.inlineEditContainer .cleanInput {width:70px;margin-bottom: 0;}
.inlineEditContainer .inlineEditActions {margin-left:72px;margin-top: -16px;position: absolute;width: 50px;}
#inlineEditLoader, .inlineEditLoader, .inlineEditCell > img {width:20px !important;}
.inlineEditContainer div.loaderSmall {margin: 0 !important; position:static !important;}
.inlineEditValue:hover {cursor:pointer;}

.htmlFilesListing #selectMainHtmlFile {margin-top:15px;margin-bottom:15px;}
.htmlFilesListing .htmlListing {max-height:450px; overflow-y: scroll; margin-bottom: 15px}
#selectMainHtmlFile .indexFileRadioCol {width: 50px;}
#selectMainHtmlFile input[type="radio"] {top:-1px;}


/*Edit contacts*/
    div.editContacts {width:550px;min-height:550px;float:left;}
    div.editContacts input.text {width:97%;font-size:16px;font-weight:bold;padding:3px 8px;}
    div.editContacts td input.text {width:92%;}
    div.editContacts div.grayLine {margin:13px 0;}
    div.editContacts h1 {color:#ED1C3F;font-size:16px;font-weight:bold;border-bottom:1px dotted #ED1C3F;display:inline;cursor:pointer;}
    div.editContacts dt {padding:15px 0 5px 0;}
    div.editContacts span {color:#888080; font-size:11px; font-weight:bold;}

    div.editContacts div.contactPhone {margin:10px 0;}
    div.editContacts div.contactPhone label {color:#888080;font-size:11px;font-weight:bold;line-height:27px;}
    div.editContacts div.contactPhone span.codeCountry {display:block;color:#959595;font-size:16px;font-weight:bold;padding-right:10px;width:40px;line-height:27px;float:left;text-align:center;}
    div.editContacts div.contactPhone input#mobileCode, div.editContacts div.contactPhone input#homeCode{width:75px;margin: 0 10px 0 0 ;}
    div.editContacts div.contactPhone .formFieldArea, div.editContacts div.contactPhone .formFieldArea input {margin-bottom: 0;}
    div.editContacts div.contactPhone div.title {width:160px;float:left;}
    div.editContacts div#communityBox {display:none;}
    div.editContacts table.community {margin:10px 0 20px 0;}
    div.editContacts table.community th.checkbox {width:40px;}
    div.editContacts table.community th.CommunityIcon {width:145px}
    div.editContacts table.community th:nth-child(2) {width:295px}
    div.editContacts table.community td {padding:7px 0;}
    div.editContacts table.community input.text {width:95%;}
    div.editContacts table.community div.img {float:left;width:29px;height:27px;}
    div.editContacts table.community div.title {float:left;width:100px;padding-top:9px;margin-left:12px;overflow:hidden;}
    div.editContacts td.rightPos {width:180px;}
    div.editContacts table.community td.action {padding-top:20px;vertical-align:top;width:20px;text-align:center; float:left; margin-left:5px}
    div.editContacts form#addOtherUrl {display:none; width: 440px;}
    div.outsideService {width:29px;height:27px;margin-right:10px;}
    div.editContacts td.communityIcon {width:145px;}
    div.editContacts td.communityIcon div.title { width:100px;}
    div.editContacts form#contactsEdit .formFieldArea .formFieldRight {margin-left: 28px}
    div.skype {background: url('https://lms.synergy.ru/img/ico/gd-element.png') no-repeat -91px -342px;}
    div.icq {background: url('https://lms.synergy.ru/img/ico/gd-element.png') no-repeat -60px -343px;}
    div.yahoo {background: url('https://lms.synergy.ru/img/ico/gd-element.png') no-repeat -60px -373px;}
    div.gmail {background: url('https://lms.synergy.ru/img/ico/gd-element.png') no-repeat -30px -343px;}
    div.facebook {background: url('https://lms.synergy.ru/img/ico/gd-element.png') no-repeat -30px -373px;}
    div.livejornal {background: url('https://lms.synergy.ru/img/ico/gd-element.png') no-repeat 0 -343px;}
    div.communityOther {background: url('https://lms.synergy.ru/img/ico/gd-element.png') no-repeat 0 -373px;}
    div.linkedIn {background: url('https://lms.synergy.ru/img/ico/gd-element.png') no-repeat -91px -373px;}
    div.twitter {background: url('https://lms.synergy.ru/img/ico/gd-element.png') no-repeat 0 -520px;}
    div.vk {background: url('https://lms.synergy.ru/img/ico/vk.png');}
    div.ok {background: url('https://lms.synergy.ru/img/ico/ok.png');}
    div.mailru {background: url('https://lms.synergy.ru/img/ico/mailru.png');}

    div.editContacts .showCommunityBox {position: relative;}
    div.editContacts #showCommunityBox {color:#ED1C3F;border-bottom:1px dotted #ED1C3F;}
    div.editContacts .communityOpen {color:#515050 !important;border-bottom:1px dotted #515050 !important;}

    div.editContacts dd.showCommunityBox div.selector  {position: absolute;top:0;left:430px;}
    div.ac_results {z-index: 2000;}
    .contactInfo table tr.multiinput td.leftTd {padding-right: 5px;}
    .contactInfo table tr.multiinput td.rightTd {padding-left: 5px;}
    div.editContacts form#contactsEdit div.selectors {width:140px;}
    div.editContacts form#contactsEdit div.locationInputs input {width:325px;font-size: 14px;padding: 6px 5px 4px;font-weight: bold;}
    div.editContacts form#contactsEdit div.fields {width:350px; max-width: 350px;}
    div.editContacts form#contactsEdit div.locationInputs input#mobilePhoneNum, div.editContacts form#contactsEdit div.locationInputs input#homePhoneNum {width:133px}
    div.editContacts div#contacts_location, div.editContacts div#contacts_email {top: 19px;}
    div.editContacts form#contactsEdit div#contacts_mobile, div.editContacts form#contactsEdit div#contacts_home {top:2px;}
    div.editContacts form#contactsEdit div#contacts_url {top:0px;}
    div.editContacts form#contactsEdit table td {vertical-align: top;}
    div.editContacts form#contactsEdit table tbody tr td span.codeCountry {text-align: left;}
/*END Edit contacts*/

/*Education*/
    div.education{margin-top:13px;}
    div.education div.educationBt div.educationBtBt {background: #ffffff url('https://lms.synergy.ru/img/regform/educationbt.png') repeat-x 0 -125px;
        width:296px;height:98px;float:left;margin-right:1px;padding:27px 17px 0 17px;cursor:pointer;border: 1px solid #ebe8e5;overflow: hidden;
	-webkit-border-radius:10px 10px 0 0;
        -moz-border-radius:10px 10px 0 0;
        border-radius:10px 10px 0 0;
    }

    div.education div.educationBt div.active {background-position: 0 -1px;border-bottom-color: #ffffff;}
    div.education div.educationBt span.title{font-size:21px;font-weight:bold;color:#605c58;}
    div.education div.educationBt div.active span.title{color:#000000;}
    div.education div.educationBt p {margin-top:10px;line-height:1.2;font-size:11px;color:#b7b3b0;}
    div.education div.educationBt div.active p {margin-top:10px;line-height:1.2;font-size:11px;color:#000000;}
    div.education div.coursesEducation div.higherEducation, div.education div.secondEducation {display:none;}
    div.education div.educationForm {width:956px;border-left:1px solid #ebe8e5;border-right:1px solid #ebe8e5;padding:20px;border-bottom:1px solid #ebe8e5;margin-bottom: 20px;
	-webkit-border-radius: 0 0 10px 10px;
        -moz-border-radius: 0 0 10px 10px;
        border-radius: 0 0 10px 10px;
    }
    div.education div.educationForm label {color:#888080; font-size:11px; font-weight:bold;}
    div.education div.educationBottom {display: none;}

    div.education input.text {border:1px solid #c3bfbf;font-size:16px;font-weight:bold;padding:3px 8px;}

    div.education div.number  {color:#ffffff;width:42px;height:33px;background:#efedea;padding-top:7px;
         font-size:24px; font-weight:bold;text-align:center}
    div.education td.numberTd {width:42px;padding-right:10px;}
    div.education div.institution table {width:900px;margin-bottom:0px;}
    div.education div.institution table td {vertical-align:top;}

    div.education div.secondEducation div.institution div.instItem table.class {width:690px;margin-left:54px;}
    div.education div.secondEducation div.institution div.instItem table.class td {vertical-align:top;}
    div.education div.secondEducation div.institution div.instItem table.class td.date dt {float:left;}
    div.education div.secondEducation div.institution div.instItem table.class td.date dd {float:left;}
    div.education div.secondEducation div.institution div.instItem table.class td.date label {line-height:36px;}
    div.education div.secondEducation div.institution div.instItem table.class td span {vertical-align:middle;}
    div.education div.secondEducation div.institution div.instItem table.class td select {margin:9px 20px 0 10px;}
    div.education div.secondEducation div.instItem table.class input {width:170px;margin-right:80px;}
    div.education div.secondEducation div.instItem table.class div.specialization input.text {width:394px;margin:10px 10px 10px 0;}
    div.education div.secondEducation div.formItemText div.specialization {margin-left:53px;}



    div.education a#addSchool {color:#ed1c3f; border-bottom:1px dotted #ed1c3f;text-decoration:none;font-size:16px; font-weight:bold;}

    div.education a#addUniversity {color:#ed1c3f; border-bottom:1px dotted #ed1c3f;text-decoration:none;font-size:16px; font-weight:bold;}


    div.education a#addCourse {color:#ed1c3f; border-bottom:1px dotted #ed1c3f;text-decoration:none;font-size:16px; font-weight:bold;}

    div.education a#addOtherEducation {color:#ed1c3f; border-bottom:1px dotted #ed1c3f; text-decoration:none; font-size:16px; font-weight:bold;}

    div.education div.formItemText {display:block;width:895px;overflow:hidden;}
    div.education div.formItemText table {width:auto;}
    div.education div.formItemText pre {white-space:pre-wrap;word-wrap:break-word;margin:0 0 10px 0px;
	color: #8a8a83; font-size:11px;line-height:1.2;}
    div.education div.formItemText td {font-size:16px;font-weight:bold;vertical-align:top;}
    div.education div.formItemText td label {font-size:11px;}
    div.education div.formItemText div.number {margin-top:0px;}
    div.education div.formItemText  a.coursesEducation_urlText {font-size:16px;font-weight:bold;padding-right:20px;color: #333333;text-decoration:none;}
    div.education div.formItemText  a.coursesEducation_urlText:hover {text-decoration:underline;}
    div.education div.formItemText .action {white-space:nowrap;position:absolute;margin:45px 0 0 0px;text-align:center;}
    div.education div.formItemText .action a {margin:0px;float:left;margin:0 2px;}

    div.education div.formItem {display:none;}
    div.education div.formItem .action {white-space:nowrap;position:absolute;margin:55px 0 0 0px;text-align:center;}
    div.education div.formItem .action a {margin:0px;float:left;margin:0 2px;}

    div.errorContainer {border:1px solid #ed1c3f;padding:10px;margin:15px 0;}

    div.education input.textBig {width:97%;}
    div.education div.shortBox, div.education div.longBox, div.education div.smallBox, div.education div.smallBoxUs, div.education div.yearBoxUs,
    div.education div.classBox, div.education div.yearBox, div.education div.urlBox {margin-right:10px;margin-bottom:21px;float:left;}
    div.education div.shortBox {width:408px;padding-right:2px;}
    div.education div.longBox {width:100%;clear:both;}
    div.education div.smallBox {width:198px;overflow:hidden;padding-right:2px;}
    div.education div.smallBoxUs {width:173px;overflow:hidden;}
    div.education div.classBox {width:300px;overflow:hidden;padding-right:8px;}
    div.education div.yearBox {width:90px;}
    div.education div.yearBoxUs {width:120px;}
    div.education div.urlBox {width:305px;overflow:hidden;padding-right:8px;}

/*END Education*/

/*Employment*/
    div.employments{margin-top:13px;}
     div.employments div.employmentBt div.educationBtBt {background: url('https://lms.synergy.ru/img/regform/educationbt.png') no-repeat -312px top;
            width:278px;height:100px;float:left;margin-right:1px;padding:27px 17px 0 17px;cursor:pointer;}
    div.employments div.employmentBt div.active {background: url('https://lms.synergy.ru/img/regform/educationbt.png') no-repeat 0px top;}
    div.employments div.employmentBt span.title{font-size:21px;font-weight:bold;color:#605c58;}
    div.employments div.employmentBt div.active span.title{color:#000000;}
    div.employments div.employmentBt p {margin-top:10px;line-height:1.2;font-size:11px;color:#b7b3b0;}
    div.employments div.employmentBt div.active p {margin-top:10px;line-height:1.2;font-size:11px;color:#000000;}

    div.employments div.employmentForm {border:1px solid #ebe8e5;padding:20px;margin-bottom:20px;}
    div.employments div.employmentForm label {color:#888080; font-size:11px; font-weight:bold;}

    div.employments div.employmentForm label.checkbox {color:#888080; font-size:11px; font-weight:bold; margin-top:10px;}
    div.employments div.employmentBottom {background: url('https://lms.synergy.ru/img/regform/educationbottom.png') no-repeat left top;height:10px;margin-bottom:20px;}

    div.employments input.text {border:1px solid #c3bfbf;font-size:16px;font-weight:bold;padding:3px 8px;}
    div.employments div.instItem select {margin:10px 0;}
    div.employments div.instItem input.checkbox {margin:10px 0;}

    div.employments div.number  {color:#ffffff;width:42px;height:33px;background:#efedea;padding-top:7px;
         font-size:24px; font-weight:bold;text-align:center}
    div.employments td.numberTd {width:42px;padding-right:10px;}
    div.employments div.institution table {width:900px;margin-bottom:0px;}
    div.employments div.institution table td {vertical-align:top;}

    div.employments div.employment div.institution div.instItem table.class {width:690px;margin-left:54px;}
    div.employments div.employment div.institution div.instItem table.class td {vertical-align:top;}
    div.employments div.employment div.institution div.instItem table.class td.date dt {float:left;}
    div.employments div.employment div.institution div.instItem table.class td.date dd {float:left;}
    div.employments div.employment div.institution div.instItem table.class td.date label {line-height:36px;}
    div.employments div.employment div.institution div.instItem table.class td span {vertical-align:middle;}
    div.employments div.employment div.institution div.instItem table.class td select {margin:9px 20px 0 10px;}
    div.employments div.employment div.employmentItem table.class input {width:170px;margin-right:80px;}
    div.employments div.employment div.employmentItem table.class div.specialization input.text {width:394px;margin:10px 10px 10px 0;}
    div.employments div.employment div.formItemText div.specialization {margin-left:53px;}

    div.employments a#addEmployment {color:#ed1c3f; border-bottom:1px dotted #ed1c3f;text-decoration:none;font-size:16px; font-weight:bold;}

    div.employments div.formItemText {display:block;width:895px;overflow:hidden;}
    div.employments div.formItemText table {width:auto;}
    div.employments div.formItemText pre {white-space:pre-wrap;word-wrap:break-word;margin:0 0 10px 0px;
	color: #8a8a83; font-size:11px;line-height:1.2;}
    div.employments div.formItemText td {font-size:16px;font-weight:bold;vertical-align:top;}
    div.employments div.formItemText td label {font-size:11px;}
    div.employments div.formItemText div.number {margin-top:0px;}
    div.employments div.formItemText .action {white-space:nowrap;position:absolute;margin:45px 0 0 0px;text-align:center;}
    div.employments div.formItemText .action a {margin:0px;float:left;margin:0 2px;}

    div.employments div.formItem {display:none;}
    div.employments div.formItem .action {white-space:nowrap;position:absolute;margin:55px 0 0 0px;text-align:center;}
    div.employments div.formItem .action a {margin:0px;float:left;margin:0 2px;}

    div.errorContainer {border:1px solid #ed1c3f;padding:10px;margin:15px 0;}

    div.employments div.dateEmployment .largeWithFieldMessage {margin-top:0 !important;}
    div.employments #startEmployment_div select {margin:auto;}
    div.employments #endEmployment_div select {margin:auto;}

    div.employments input.textBig {width:97%;}
    div.employments div.shortBox, div.employments div.longBox, div.employments div.smallBox,
    div.employments div.classBox, div.employments div.yearBox, div.employments div.urlBox {margin-right:10px;margin-bottom:15px;float:left;}
    div.employments div.shortBox {width:408px;overflow:hidden;padding-right:2px;}
    div.employments div.longBox {width:858px;overflow:hidden;padding-right:2px;}
    div.employments div.smallBox {width:198px;overflow:hidden;padding-right:2px;}
    div.employments div.checkBox {width:198px;overflow:hidden;padding-right:2px; margin-top:25px; float:left;}
    div.employments div.classBox {width:300px;overflow:hidden;padding-right:8px;}
    div.employments div.yearBox {width:90px;}
    div.employments div.urlBox {width:305px;overflow:hidden;padding-right:8px;}

/*END Employment*/

/*Tests Page*/
    #editAssessment #title {width:528px !important;}
    #editAssessment #attemptDurationContainer {position:relative;}
    #editAssessment #attemptDurationContainer select {position:absolute;top:5px;left:80px;}
    #editAssessment #availableBlocks {width:280px;margin-bottom:0;}
    #editAssessment #maxScoreInfo{margin-left: 8px;}
    #editAssessment .questionBlockBases {width:543px;}
    #editAssessment .ipRestrictionContainer .formFieldBox {width: 300px;}

    #questionTypeTextEntry .caseSensitive {	margin-bottom:10px;}
    #answerTextEntry	{border: 1px solid #C3BFBF;}

    div.radiogroup { margin-top: 10px; padding-bottom: 10px;}
    div.radiogroup .label { margin: 0; padding: 0; margin-left: 5px; font-weight: bold;	  margin-bottom: 10px !important; color: #888080; }
    ul.radio  { margin: 0; padding: 0; margin-left: 10px; list-style: none; }
    ul.radio li { border: 1px transparent solid; }

    #addBlockToAssessment .questionsCountContainer {position:relative;}
    #addBlockToAssessment #questionsCountText {position:absolute;margin:0;top:9px;left:80px;}
    #addBlockToAssessment #availableBlocksChild {width:280px;margin-bottom:0;}
    #addBlockToAssessment input.text {margin:0;width:266px;}
    #addBlockToAssessment label {margin-bottom:10px;display:inline-block;}
    #addBlockToAssessment dd {display:block;margin-bottom:15px;}
    #questionsNumberText {position:relative;top:7px;}
    .addBlockToAssessmentForm #blocksError {margin-bottom:10px;}
    .assessmentBaseCategory {width: 280px;}

    #courseToAssessment label{display:inline-block;margin-bottom:10px;}
    #courseToAssessment select {margin-bottom:15px;width:300px;}
    #courseToAssessment dd {position:relative;}
    #courseToAssessment dd .loaderSmall {right:auto;left:310px;margin:-36px 17px 0 0}

    .assessmentView .courseDescr {position:relative;}
    .assessmentView .countQustions {position:absolute;right:25px;top:25px;}
    .assessmentDesc div.left {width: 640px !important;}
    .assessmentDesc .material td {width:auto !important;}
    .assessmentDesc .material #changeAssessmentView {position:relative;top:3px;}
    .assessmentDesc .material div.loaderSmall {position:relative;margin:0;right:0;}

    #editAssessment label.priceCurrency {vertical-align:middle; margin-left:8px;}
    #editAssessment .validatorMsg {margin-top:10px;}

    .mobimoneyPaymentPopUp strong.red {font-size:135%; display:inline-block; vertical-align:middle; margin-top:-4px;}
    form#assessmentPayment .phoneContainer .cleanInputButton {top:4px;}
    form#assessmentPayment .phoneContainer {margin:20px auto auto; width:250px;}
    form#assessmentPayment .phoneNumber {font-size:200%;padding: 4px 8px 4px;}
    form#assessmentPayment .buttonPanel {margin-top: 20px;}
    form#assessmentPayment .buttonPanel tr {width: 100%; text-align: right;}
    form#assessmentPayment #errorContainer {margin-top: 20px;}
    form#assessmentPayment #saveBtnContainer {width: 160px;}
    form#assessmentPayment #loaderContainer {width: 90px; text-align: left;}
    form#assessmentPayment #payLoader {height:40px; margin-right: 20px; display: none;}

    #isPaymentInitialized {font-size:150%; margin-top:15px; display:none;}

/*END Tests Page*/

.mineCompanyEdit .textarea {margin: 5px 0 10px;}
.mineCompanyEdit .checkbox {margin: 5px 0 10px;}

.companyEdit .checkbox {margin-bottom: 15px;}
.companyEdit .checkbox input {float:left;}
.companyEdit .checkbox lable {margin-bottom:15px;margin-top:10px;padding-left:24px;padding-top:5px;}

/*Profile view*/
    table.profileInfo .selector ul li a {white-space: nowrap;}
    div.profileView div.left {float:left;width:341px}
    div.profileView div.right {float:right;width:575px;}
    div.profileView table.profileInfo {margin-top:16px;}
    div.profileView table.profileInfo span {font-size:11px; font-weight:bold;color:#888080;}
    div.profileView table.profileInfo  td.profileInfoProgress {width:162px;}
    div.profileView table.profileInfo #bookmarkAction {float:right !important;margin-right:9px;height: 23px;}
    div.profileView table.profileInfo td.action {height: 25px; border-bottom: 1px solid #EBE8E5;}
    div.profileView table.profileInfo #bookmarkAction .selector .selCenter .link {width:125px;}
    div.profileView table.profileInfo td.action {padding-right: 15px;}
    div.profilePhotoView {background:#EBE8E5;margin:4px 0 10px 0;padding:16px 25px 15px 25px;width:286px}
    div.contentBox div.profilePhotoView .myProfileMark {display:inline-block;color:#1e1e1e;font-size:12px;font-weight:bold;margin-bottom:12px;line-height:23px;
	background:url('https://lms.synergy.ru/img/ico/gd-element.png') no-repeat -79px -84px;padding-left:30px;}
    div.contentBox div.profilePhotoView a.edit {margin-left:5px; margin-top:5px;}
    div.contentBox div.profilePhotoView .classesInfo {margin-bottom:5px;}
    .tooltipBoxData .classesInfo dl {display:inline-block;margin-right:10px;}
    .tooltipBoxData .classesInfo dt, .tooltipBoxData .classesInfo li, .tooltipBoxData .classesInfo p {margin-bottom:5px;}
    div.profile h3 {
	    color:#D11438 !important;
	    font-size:12px !important;
	    font-weight:bold !important;
	    margin-bottom:10px !important;}
    div.profile	div.sliderContainer .titleSlider .title {margin-left:0;}
    div.profile	div.sliderContainer .titleSlider .title h3 {display:inline-block;}
    div.profile	div.sliderContainer .titleSlider .title h3 a {color:#D11438;font-size:13px;font-weight:bold;
	margin-bottom:5px;padding-left:25px;text-decoration:none;}
    div.profile	div.sliderContainer .titleSlider .title h3 a:hover {color:#333333;}
    div.profile	#workDescriptionTooltip {margin-top:5px;}
    div.profile	.allWorksLink {float:right;display:inline-block;margin-top:5px;}
    div.profile	.whiteBoxSlider {padding-top:0;}
    div.profile	.userResume {position: relative;}
    div.profile	.resumePrivacyLock div.privacyBox {position: relative;}
    div.profile	.resumePrivacyLock #profile_resume {position: absolute;top:-12px;right:0;}

    div.sliderWork	div.sliderContainer .titleSlider .title h3 a {color:#D11438;font-size:12px;font-weight:bold;
	margin-bottom:5px; padding-left:0px; text-decoration:none;}


    div.profilePhotoView div#avatarContainer  {background:#F9F8F7;width:286px;}
    div.profilePhotoView div.imageBottomBlock {background:#ffffff;width:258px;padding:12px 14px 4px 14px;}
    div.profilePhotoView div.imageBottomBlock dt {padding-right:6px;width:12px;height:14px;}
    div.profilePhotoView div.imageBottomBlock dt, div.profileView div.profilePhotoView div.imageBottomBlock dd {float:left;}
    div.profilePhotoView div.imageBottomBlock dd {color:#d71939; font-size:12px;font-style:italic;display:block;width:240px;overflow:hidden;}
    div.profilePhotoView div.imageBottomBlock dd textarea {padding:9px 10px; font-size:12px; font-style:italic;
	    height:30px;border:1px solid #ebe8e5;width:165px;}

    div.profilePhotoView div.imageBottomBlockEnd {background: url('https://lms.synergy.ru/img/users/profilebottom.png') no-repeat top; width:286px; height:10px;margin-bottom:10px;}
    div.profilePhotoView div.userName {font-size:18px;font-weight:bold;color:#1e1e1e;}

    div.profileProgress {background: url('https://lms.synergy.ru/img/progress.png') no-repeat left -54px;width:153px;height:19px;overflow:hidden;float: left;}
    div.profileProgress div.profileProgressView {background: url('https://lms.synergy.ru/img/progress.png') no-repeat left -76px;width:0%;height:19px;}
    div.profileProgress div.interest {text-align:center;position:relative;top:-19px;}
    div.profileProgress div.interest strong {line-height:19px;font-size:11px;color:#000000;}
    div.profileView #profilePercentDescriptionTooltip {margin-top: 3px;}
    div.profileView #profileProgressDescriptionContainer h2 {margin-top: 5px; cursor:pointer;font-weight: normal;font-size:11px;}
    div.profileView #profileProgressDescriptionContainer ul {margin-left: 15px;}
    div.profileView #profileProgressDescriptionContainer p {margin: 0 0 5px;}

    span.blogLink a, div.whiteBoxSlider .titleSlider .title a.profilePhotos {color:#1E1E1E;text-decoration:none;}
    span.blogLink a:hover, div.whiteBoxSlider .titleSlider .title a.profilePhotos:hover {color:red;}
    div.profileViewUserInfo {color:#515050;font-weight:bold;position:relative;margin: 3px 0 10px 0;}
    div.profileViewUserInfo div.centerBlock {border:1px solid #ece9e6;padding:27px 25px 0 25px; width:520px;
	 -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    }
    div.profileViewUserInfo td.left div {width:355px; overflow:hidden;}
    div.contentBox div.profileViewUserInfo h2 {color:#d71939;font-size:21px;font-weight:bold;width:350px;overflow:hidden;margin-bottom:5px;}
    div.contentBox div.profileViewUserInfo p {font-size:16px;margin-bottom:10px;}
    div.contentBox div.profileViewUserInfo p a {text-decoration: none;font-size:16px;margin-bottom:10px;color:#494948;}
    div.contentBox div.profileViewUserInfo p a:hover {color:#D71939;}
    div.contentBox div.profileViewUserInfo td.profileViewUserInfoLeft {padding-right:10px;width: 355px;}
    div.contentBox div.profileViewUserInfo td.profileViewUserInfoLeft div {width:355px;overflow:hidden;}
    div.contentBox div.profileViewUserInfo .editThisProfile {position:absolute;top:10px;left:10px;}

    div.profileViewUserInfo table {margin-top:5px;}
    div.profileViewUserInfo span {color:#888080; font-size:11px; font-weight:bold;}
    div.profileViewUserInfo .edit {margin-top:5px;}

    div.contactVia {margin-top:15px;margin-bottom:15px;}
    div.contactViaItem {padding:5px;background:#ebe8e5;width:127px;float:left;position:relative;}
    div.contactViaItemNone{padding:5px;float:left;background:none;margin-top:70px;font-weight:bold;font-size:11px;text-align:center;}
    div.contactViaItem div.contactViaImg {background: #ffffff;margin-right:1px;text-align:center;padding-top:5px;}
    div.contactViaDelimer {float:left;margin:0 20px;vertical-align:middle;line-height:160px;width:8px;height:160px;}
    div.contactViaDelimer img {width:6px;height:11px;background: url('https://lms.synergy.ru/img/ico/gd-element.png') no-repeat -43px 0;vertical-align:middle;}

    div.contactViaName {
	position:relative;
	z-index:50;
	background:#ffffff;
	width:106px;
	padding:4px 10px;
	-webkit-border-radius:0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
    }

    div.contactViaName * {width:106px;overflow:hidden;font-size:11px;font-weight:bold;
	color:#1E1E1E !important;text-decoration:none;line-height:1.2;}
    div.contactViaName a:hover {color:red !important;}

    div.friendsList {margin:16px 0 15px 0;}
    div.friendsList h3 {color:#d11438;}
    div.friendsList ul {float:left;margin:0 13px 0 0; list-style-type:none;}
    div.friendsList ul li {border-bottom:1px dotted #D4D3D2;margin:0 15px 2px 0;padding-bottom:5px;width:150px;float:left;}
    div.friendsList img.userIco {margin-right:5px;vertical-align:middle;}
    div.friendsList .userIco img {margin-right:3px;vertical-align:middle;}
    div.friendsList ul li a {color:#1E1E1E;font-size:11px;font-weight:bold;text-decoration:none;vertical-align:middle;}
    div.friendsList div.noFriends {margin:10px 0;padding:10px;text-align:center;border:2px solid #EBE8E5;}

    #friendsList div.listingMsg {width:200px;overflow:hidden;}
    #friendsList td.userStatus div {width:175px;overflow:hidden;}

    div.friedsCount label {font-size:12px;font-weight:bold;color:#1e1e1e;}
    div.friedsCount span {font-weight:bold !important;color:#d71939 !important;}
    div.friedsCount.usersListingCount label, div.friedsCount.usersListingCount  span {
	line-height:1;vertical-align:baseline;}

    div.cityNameContainer {width:150px;overflow:hidden;margin:0 auto;}
    div.highSchoolContainer {width:190px;overflow:hidden;}


div.friendMessage div.profilePhotoView {margin-top:0px;}
div.friendMessage div.profilePhotoView h3 {color:#ed1c3f;font-size:12px;}
div.friendMessage div.left {width:336px;float:left;}
div.friendMessage div.right {background:#f5f4f1;float:left;width:550px;height:354px;padding:20px 25px;}
div.friendMessage div.right textarea {width:516px; height:185px;padding:10px 12px}
div.friendMessage div.right div.action {display:inline;float:right;position:relative;right:-7px;margin-top:12px;}
    div.friendshipMessage {width:283px;border:2px solid #888080;text-align:center;padding:10px 0;margin:10px 0}
/*END Profile view*/

/*profile Details*/
    div.profileDetails {margin-bottom:10px;/*overflow:hidden;*/}
    div.profileDetails label {margin-bottom:3px;display:inline-block;}
    div.profileDetails .profileTable * {color:#8A8A83;font-size:12px;line-height:1.2;}
    div.profileDetails .profileTable {margin-bottom:10px;}
    div.profileDetails .profileTable td {padding-bottom:3px;}
    div.profileDetails .profileTable td.label {width:180px;vertical-align:top;}
    div.profileDetails .profileTable td.label div {width:170px;overflow:hidden;}
    div.profileDetails .profileTable td.data div {width:200px;overflow:hidden;}
    div.profileDetails .profileTable td{text-align: center;}
    div.profileDetails .profileTable td.data a {color:#ED1C3F; text-decoration:none;}
    div.profileDetails .profileTable td.data a:hover {color:#000000;}
    div.profileDetails .profileTable .userResume a {color:#ED1C3F; text-decoration:none;}
    div.profileDetails .profileTable .userResume a:hover {color:#000000;}
    div.profileDetails .url {color:red; text-decoration:none;}
    div.profileDetails a.url {color:#ED1C3F; text-decoration:none;}
    div.profileDetails a.url:hover {text-decoration:underline;}
    div.profileDetails #resumeFileName {width:205px;}
    div.profileDetails div.addFiles {padding: 2px 0 0 0; }
    div.profileDetails div.addFiles input.text {margin-bottom: 3px;}
    div.profileDetails div.addFiles img {margin-top: 12px;}
    div.profileDetails div.addFiles div.file input {margin-left: -110px;}
    div.profileDetails .profileTable.employmenListing td.label {width:200px;vertical-align:top;}
    div.profileDetails .profileTable.employmenListing td.data div {width:290px;overflow:hidden;}
/*END profile Details*/

/*DESKTOP*/
    div.desktop h2 {margin-top:30px;}
    div.desktop h2#courses {margin-top:0px;}
    div.desktop h3 {margin-bottom:0 !important;}
    div.desktop .grayLine {margin-bottom:0px;}
    div.desktop table {margin:10px 0 0px 0;}
    div.desktop table th {padding-bottom:5px;padding:0 5px;}
    div.desktop table td {padding:3px 10px 3px 10px;}
    div.desktop table div.author {margin:0px 0 5px 0;}
    div.desktop table .red {color:#D11438;}
    div.desktop div.author img {margin-right:3px;}
    div.desktop .desktopSubscribers {width:100%;margin-bottom:0px;}
    div.desktop .desktopSubscribers td {width:50%;}
    div.desktop .desktopSubscribers div.author {display:inline-table !important;margin-right:10px;}
    div.desktop .desktopSubscribers td.newFriends div.author {float:left;}
    div.desktop div.bookmarkGroup .bookmark {width: 290px !important;margin:0 4px 0 4px;}
    div.desktop div.left {overflow:hidden;}
    div.desktop div.left label {display:block;margin-top:10px}
    div.desktop div.right dl {margin-bottom:15px;}
    div.desktop div.right dt {margin:15px 0 3px 0;line-height:1}
    div.desktop div.right dd {margin:0px 15px 6px 15px;line-height:1}
    div.desktop div.right dl.anchor dt {margin-top:0px;}
    div.desktop div.userStatus {margin-bottom:10px;width:305px;overflow:hidden;}
    div.desktop span.red {color:#D11438;}
    div.desktop .bookmarkGroup .bookmark div.voting {margin:5px 0 0 230px}

    div.desktop div.noNewInfo {margin:10px 0;padding:10px;text-align:center;border:2px solid #EBE8E5;}
    div.desktop div.noNewInfo label {color:#333333;font-size:11px;line-height:1.2;font-weight:normal;margin:0px;}
    div.desktop table div.noNewInfo {margin-bottom:0px;}

    div.desktop div.myCourseTitle {max-width:440px; overflow:hidden;}
    div.desktop div.courseFinishedTitle {max-width:300px; overflow:hidden;}

    div.desktop div.ownMeetingTitle {max-width:440px; overflow:hidden;}
    div.desktop div.userMeetingTitle {max-width:440px; overflow:hidden;}
    div.desktop span.userPercent {margin-top:6px;position:absolute;}
    div.desktop div.time {margin-top:-13px;margin-left:35px;position:relative;}
    div.desktop .alert-box {
	font-size: 16px;
	line-height: 1.4;
	color: #ED1C3F;
	border: 3px solid #ED1C3F;
	padding: 20px;
	margin-bottom: 20px;
    }
    div.desktop .alert-box a {font-size: 16px;}

    .refresh_card {
	width: 220px;
	height: 160px;
	padding: 16px 20px 6px 20px;
	color: #fff !important;
	background: url('https://lms.synergy.ru/img/desktop_refresh_card.png') no-repeat 0 0;
	font: 18px/21px 'font/pf_square_sans_proregular', Arial !important;
    }
    .refresh_card strong {
	display: block;
	text-transform: uppercase;
	font-family: 'font/pf_square_sans_probold'  !important;
    }
    .refresh_card p {
	margin: 1px 0 14px !important;
	line-height: 22px !important;
	color: #fff !important;
	font: 18px/21px 'font/pf_square_sans_proregular', Arial !important;
    }
    .refresh_card a {
	display: block;
	margin: 0 auto;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	color: #fff !important;
	border: 1px solid #fff;
	padding: 11px 0 10px;
	width: 100%;
	height: 21px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
    }
    .refresh_card a {
	color: #fff !important;
	font: 18px/21px 'font/pf_square_sans_proregular', Arial !important;
    }
    .refresh_card a:hover {
	background: url('https://lms.synergy.ru/img/desktop_bg_btn.png') repeat;
	color: #fff !important;
	font: 18px/21px 'font/pf_square_sans_proregular', Arial !important;
    }
/*END DESKTOP*/

/*MESSAGE*/
    div.messageAuthor {margin:15px 0 10px 0;}
    div.messageReply {margin:23px 0 10px 0;}
    div.messageAuthor div.author span {vertical-align:middle;color:#D11438;font-weight:bold;margin-right:20px;}
    div.messageAuthor div.author .uppercase {vertical-align:middle;color:#D11438;font-weight:bold;margin-right:0;line-height: 40px;}
    div.messageHead_dialog .uppercase {color:#D11438;font-weight:bold;margin-right:0;font-size: 14px;}
    div.messageAuthor div.selector {display:inline;float:left;}

    div.messageBox {border:1px solid #e1e0dd;
        -webkit-border-radius:10px;
        -moz-border-radius:10px;
        border-radius:10px;
    }
    div.messageBox div.messageHead {background:#e1e0dd;width:534px;padding:15px 15px 10px 15px;
        -webkit-border-radius:10px 10px 0 0;
        -moz-border-radius:10px 10px 0 0;
        border-radius:10px 10px 0 0;
    }
    div.messageBox div.messageHead span.date {color:#878786;}
    div.messageBox div.messageHead h2 {font-size:18px;width:535px;overflow:hidden;color:#000000;font-weight:bold;margin-bottom:5px;}
    div.messageBox div.messageBody {padding:10px 15px;}
    div.messageBox div.messageBody div.text {width:533px;overflow:hidden;}

    div.messageBox div.text ol, div.messageBox div.text ul {list-style-position:inside;}
    div.messageBox div.text ol {list-style-type:decimal;}
    div.messageBox div.text ul {list-style-type:circle;}
    div.messageBox div.action div.button {margin-top:15px;width:80px;float:left;margin-right:10px;}
    div.messageBox div.action div.button .ico {padding:2px 0 0 0;margin:1px 0 0 0;}
    div.messageBox div.action div.button a {text-decoration:none;font-size:11px;}
    div.messageBox div.action div.button a label {margin-top:2px;display:inline-block;}
    div.messageBox div.action div.button:hover .historyIco {background-position:-31px -30px;}
    div.messageBox div.action div.button:hover .cancelIco {background-position:-31px -58px;}
    div.messageBox div.action div.button:hover .deleteIco {background-position:-31px -85px;}
    div.messageBox div.action div.button:hover a {text-decoration:none;cursor:pointer;color:#ED1C3F;}
    div.messageBox div.action div.button:hover a label {color:#ED1C3F;cursor:pointer;}
    div.messageBox div.action div {float:left;}
    div.messageBox div.tinyMceOut {overflow:hidden;}

    div.autocompleteUsersView div#autocomplete_body div.user div.author  {margin:0 0 0 0;width:130px;float:left;}
    div.autocompleteUsersView div#autocomplete_body div.user div.author a.userName span {background-position:right -110px;}
    div.autocompleteUsersView div#autocomplete_body div.user a.cancelIco {margin:3px 0 0 3px;}
    .autocompleteUsersView .cancelIco {margin-top:1px !important;}
    .autocompleteCourseClassesView .cancelIco {margin-top:-2px !important;}

    div.recipientBlock {display: inline-block;position: relative;padding-right: 15px;margin-right: 10px;font-size: 15px;font-weight: bold;}
    div.recipientDeleteBlock {display: inline; float: left; margin-top: 15px;}
    div.recipientBlock .recipientDelete {position: absolute;top: 15px; right: 0;}


    .messageListingThem {display:block;width:430px; overflow:hidden;}
    .messageHistoryThem {display:block;width:315px; overflow:hidden;}
    .messageCourseThem {display:block;width:390px; overflow:hidden;}

/*END MESSAGE*/

/*BOOKMARKS*/
    .bookmarkGroup {margin-bottom:20px;}
    .bookmarkGroup .bookmark {width:49%;vertical-align:top;border:1px solid #EBE8E5;padding:10px;margin:5px;}
    .bookmarkGroup .bookmarkDelimiter {padding:0 !important;height:10px;}
    .bookmarkGroup .bookmark .author {margin-top:0px;}
    .bookmarkGroup .bookmark dl {margin:5px 0 0 0;overflow:hidden;}
    .pageBookmarks .bookmarkGroup .bookmark dl {width:250px;}
    .desktop .bookmarkGroup .bookmark dl {width:290px;}
    .bookmarkGroup .bookmark dl dd {margin-bottom:3px;overflow:hidden;}
    .bookmarkGroup .bookmark dl dd strong {font-size:12px;}
    .bookmarkGroup .bookmark dl dd a {font-size:11px;}
/*END BOOKMARKS*/

/*--------------------------------------------------------Blog---------------------------------------------------------------*/
div.slideBlogBox {padding:0 5px;}
div.whiteBoxSlider .blog div.title a:hover, div.grayBoxSlider .blog div.title a:hover {color:#000000;}
div.grayBoxSlider div.author.userAvatarType_3 a.userName span {background-position:0 -110px;}
div.blackBlog div.author.userAvatarType_3 a.userName span {background-position:0 -140px;}
div.blackBox .sliderBlog div.items .userAvatarView span span {color:#F5F4F1 !important;}
.blogSliderPage h2 {font-size:100%;}
table.personal td {vertical-align:top;}
table.personal td.myRecords {width:265px;padding-right:15px;padding-top:13px;}
table.personal td.myRecords h2 {color:#d71939;margin-bottom:7px;}
table.personal td.newRecord h2 {color:#000000;font-weight:bold;margin-bottom:5px;}
table.personal td.myRecords div.grayLine {margin-bottom:20px;}
table.personal td.noRecords {width:566px;padding-right:25px;padding-top:6px;}
table.personal td.noRecords div.noNewInfo {margin:10px 0;padding:10px;text-align:center;border:2px solid #EBE8E5;}
div.personal h3 {font-size:12px !important;}
div.personal .bookmarkGroup .bookmark dl dt a {color:#1E1E1E;font-size:11px;font-weight:bold;text-decoration:none;}
div.personal .bookmarkGroup .bookmark dl dt a:hover {color:#ED1C3F}
div.personal .bookmarkGroup .postBody {width:300px !important;}
div.personal .bookmarkGroup  td {width:300px;padding-right:10px;}


.comments {width:301px;padding-right:15px;padding-top:13px;}
.comments h2 {color:#888080 !important;margin-bottom:5px !important;}
.comments div.comment {margin-bottom:19px; width:300px;border:1px solid #e3ded9;padding:17px 18px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.comments div.comment:after {
    content: '';
    display: block;
    width: 14px; height: 13px;
    background: url('https://lms.synergy.ru/img/area/comment.png') no-repeat;
    position: absolute;
    margin: 17px 0 0 255px;
}
.comments div.comment.arrow-left:after {background-position: -14px 0;margin-left: -5px}
.comments div.comment div.text {font-size:11px; color:#333333;line-height:1.2;}
.comments div.comment div.text div.author {margin-bottom:8px;margin-top:0;}
.comments div.comment div.text p {margin-bottom:0;}
.comments div.comment div.commentBody a {font-size:11px;color:#ED1C3F;}

    /*Voit comment*/
    #comments dl.vote {float:right;margin:10px 0 0 0;}
    #comments dl.vote dt, #comments dl.vote dd {float:left;}
    #comments .vote dd.loader {width:13px;}
    #comments .vote dd.loader img {width:13px;height:13px;}
    #comments .vote dt span {font-weight:bold; font-size:11px;color:#A9A9A9;}
    #comments .vote.negative dt span {color:#CC0000;}
    #comments .vote.positive dt span {color:#339900;}
    #comments dl.vote .buttons {width:40px;}
    #comments dl.vote .buttons a {background:transparent url("https://lms.synergy.ru/img/ico/gd-element.png") no-repeat;float:right;
	    font-size:0;height:17px;width:14px;margin:0 2px;}
    #comments .vote a.vote_minus {background-position:-13px -55px !important;cursor:default;}
    #comments .vote a.vote_plus {background-position:-29px -55px !important;cursor:default;}

    #comments .vote .active a.vote_minus:hover {background-position:-13px -35px !important;cursor:pointer;}
    #comments .vote .active a.vote_plus:hover {background-position:-29px -35px !important;cursor:pointer;}

    #comments .vote a.vote_minus.activeOn {background-position:-13px -18px !important;cursor:default;}
    #comments .vote a.vote_plus.activeOn {background-position:-29px -18px !important;cursor:default;}

.newRecord {padding-top:13px;}
.newRecord h3 {color:#888080;}
.newRecord form {background:#f5f4f1;padding:15px 13px; width:319px;}
.newRecord form input.subject {font-size:16px;font-weight:bold; color:#515050;width:95%;border:1px solid #c3bfbf;padding:8px;}
.newRecord form div.textarea {margin-bottom:8px;margin-top:8px;width:321px;}
.newRecord form textarea {font-size:11px;width:303px;height:200px;border:1px solid #c3bfbf;padding:8px;}
.newRecord form label {margin-right:5px;float:left;font-size:11px;color:#333333;font-weight:bold;position:relative;line-height:28px;}
.newRecord form td label {float:none;font-size:11px;color:#333333;line-height:18px;}
.newRecord input.tags {font-size:11px;color:#333333;width:240px;border:1px solid #c3bfbf;margin-top:8px;padding:8px;}
.newRecord .newPostTag {margin-top:2px;}
.newRecord .regAction td {vertical-align:middle;}
.newRecord .regAction {margin-top:10px;}
.newRecord .text a {font-size: 12px;}
.notify {margin-top:20px;}
.notify img.authLoader{width:28px;}
.container .grayBox{margin-top:20px;margin-bottom:0px !important;}

.dialog100 {width:100%;}
.action_dialog {float: right;padding-top: 18px;}
.newRecord_dialog form {background:#f5f4f1;padding:35px 80px; border: 1px solid #e1e0dd;border-radius: 10px;}
div.messageBox div.messageHead_dialog {background:#cbe6f7;padding:15px 15px 15px 15px;
    -webkit-border-radius:10px 10px 0 0;
    -moz-border-radius:10px 10px 0 0;
    border-radius:10px 10px 0 0;
}
div.messageBox div.messageHead_dialog span.date {color:#000;font-weight: bold; }
div.messageBox div.messageHead_dialog h2 {font-size:18px;width:535px;overflow:hidden;color:#000000;font-weight:bold;margin-bottom:5px;}


.newMessage {background:#f5f4f1;padding:15px 13px; width:100%;margin-top:20px;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
}
.newMessage div.messageAuthor {margin:0px !important;}
.newMessage div.messageAuthor div.autocompleteUsersView {margin-bottom:5px;margin-left:45px;clear:both !important;}
.newMessage div.messageAuthor div.autocompleteUsersView dl dt {float:left;}
.newMessage div.messageAuthor div.autocompleteUsersView .largeWithFieldMessage span {vertical-align:middle;color:#FFFFFF;font-weight:bold;}
.newMessage div.messageAuthor div.autocompleteUsersView dl dt span {vertical-align:middle;color:#D11438;font-weight:bold;}
.newMessage div.messageAuthor div.interlocutors div.user {white-space:nowrap;display:inline-block;float:left;margin-right:5px;width:152px;margin-bottom:5px;}
.newMessage div.messageAuthor div.interlocutors div.author  {display:inline-block;margin: 5px 20px 10px 0;}

.newMessage div.messageAuthor div.autocompleteUsersView dl dd {float:right;width:558px; margin-right: 4px;}
.newMessage div.messageAuthor div.autocompleteUsersView dl dd div.author a.userName span {background-position: 0 -110px;}
.newMessage div.messageAuthor div.autocompleteUsersView div.interlocutors {width:474px;}
.newMessage div.messageAuthor div.autocompleteUsersView input {width:474px;}
.newMessage div.messageAuthor div.autocompleteUsersView .text p {margin-bottom: 5px}
.newMessage textarea {font-size:11px;height:200px;border:1px solid #c3bfbf;padding:8px;width:532px;}
.newMessage div#bodyContainer {margin-top:5px;width:535px;}
.newMessage .regAction {margin:0 15px 0 0;text-align:right;}
.newMessage .regAction .bt2 span.btRight {margin-right:0px;}
.newMessage input.text {margin:0;width:536px;}
.newMessage .newPostConfig dt {display:block; margin-bottom:5px;}
.newMessage .newPostConfig dd input {margin-top:4px;}
.newMessage div.messageAuthor div.author.userAvatarType_3 a.userName span {background-position:0 -30px;}
.newMessage .courseGroups {display: inline-block;position: relative; margin-left: 23px;}
.newMessage .courseGroups .loaderSmall {margin-right: -17px}
.newMessage .courseGroups dd {display: table-cell;vertical-align: middle;padding-right: 10px;}
.newMessage .courseGroups #courseGroups {margin-right: 44px}
.newMessage .bottomControlsBlock dd {display: table-cell;vertical-align: top;width:20%;padding-top:10px;}
.newMessage #dueDateContainer label {margin:6px 5px 0 0;display: inline-block;}
.newMessage #dueDateContainer input {width: 65px;}
.newMessage .messageAuthor .recipients {font-size: 16px;margin: 0 !important;}
.newMessage .messageAuthor .recipients dd {width: 640px !important;}
.newMessage .messageAuthor .recipients input {width: 100% !important}
.newMessage .messageAuthor .autocompleteUsersView dl dt {margin-top: 3px}
.newMessage .recipientsListBox {width:275px; padding: 10px 5px 0 0; float: left;}
.newMessage .recipientsListBox .courseGroups {margin: 0 0 15px 0;}
.newMessage .recipientsList {height: 275px;overflow: auto;}
.newMessage .recipientsList dd {padding: 0;}
.newMessage .messageContent {overflow: hidden;}
.bottomControlsBlock .charCounter {margin-top: 7px;}
.bottomControlsBlock .charCounter span {color: #888080; font-size: 11px; font-weight: bold;}
.bottomControlsBlock .formField {background: none;}



.newStaff {background:#f5f4f1;padding:15px 13px; width:100%;margin-top:20px;}
.newStaff div.newStaffUser {margin:10px 0 10px !important;}
.newStaff div.newStaffUser div.autocompleteUsersView {margin-bottom:5px;clear:both !important;width:550px;}
.newStaff div.newStaffUser div.autocompleteUsersView dl dt {float:left;margin:4px 10px 0 0;}
.newStaff div.newStaffUser div.autocompleteUsersView .largeWithFieldMessage span {vertical-align:middle;color:#FFFFFF;font-weight:bold;}
.newStaff div.newStaffUser div.autocompleteUsersView dl dt span {vertical-align:middle;color:#D11438;font-weight:bold;}
.newStaff div.newStaffUser div.staffUsers div.author {white-space:nowrap;display:inline-block;float:left;margin-right:5px;margin-bottom:5px !important;}

.newStaff div.newStaffUser div.autocompleteUsersView dl dd {float:right;width:444px;}
.newStaff div.newStaffUser div.autocompleteUsersView dl dd div.author {margin:0;}
.newStaff div.newStaffUser div.autocompleteUsersView dl dd div.author a.userName span {background-position:0 -30px;}

.newStaff div.newStaffUser div.autocompleteUsersView div.staffUsers {width:430px;}
.newStaff div.newStaffUser div.autocompleteUsersView input {width:430px;}
.newStaff form#editBlogStaff div.newStaffUser div.autocompleteUsersView input {width:100%;}
.newStaff div.newStaffUser div.autocompleteUsersView dl dd div.author  {margin:-1px;}
.newStaff div.newStaffUser div.autocompleteUsersView dl dd div.author .userName span {background-position:right -110px;}

.newStaff input.text {margin:0;width:536px;}
.newStaff .newPostConfig dt {display:block; margin-bottom:5px;}
.newStaff .newPostConfig dd input {margin-top:3px;}

form.newPost {background:#f5f4f1;padding:11px 14px;}
form.newPost dt {margin-bottom:5px;}
form.newPost dd {margin-bottom:5px;}
form.newPost select {font-size:14px;font-weight:bold;}
form.newPost select#blogId {width:529px;}
form.newPost div#body_div, form.newPost div#blurb_div {margin-top:5px; margin-bottom: 5px;}
form.newPost textarea {width:523px;}
form.newPost textarea, x:-moz-any-link, x:default {width:527px;} /*hack FF*/

form.newPost .mceToolbar {margin:0px;width:auto;}
form.newPost dl.tags {margin-top:14px;border:1px solid #f5f4f1;}
form.newPost dl.tags dt, form.newPost dl.tags dd {float:left;}
form.newPost dl.tags label {line-height:25px;margin-right:6px;}
form.newPost dl.tags input.text {width:480px;}

form.newPost dd {width:255px;}
form.newPost dd.right {padding-right:7px;}


form.newPost dl.newPostConfig {margin:10px 0 15px 0;}
dl.newPostConfig dd input,  dl.newPostConfig dd label {vertical-align:middle;margin-top:0px;}
dl.newPostConfig dd div.descr {margin:0px 0 10px 23px;}
dl.newPostConfig input[type="radio"] {top:0px}

h3.TextTitle {color:#ed1c3f !important;font-size:12px !important;margin-bottom:17px !important;}
h3.TextTitle span {color:#a1a19d !important;font-size:12px !important;margin-left:5px !important;}

div.addBlogBtn {text-align:right;}
div.addBlogBtn .btRight {margin-right:0px !important;}

#notificationsSettingsEdit dl {margin: 10px auto 40px 10px;}
#notificationsSettingsEdit dl dd {float: left; margin-top: 5px;}
#notificationsSettingsEdit dl .uppercase {clear: both;}


/*--------------------------------------------------------COURSES---------------------------------------------------------------*/
#pageSwitch_1, #pageSwitch_2, #pageSwitch_3, #pageSwitch_4, #pageSwitch_modules {display:none;}
#pageSwitch_1 {display:block;}

div.coursesInfo dl {margin-bottom:14px;}
div.coursesInfo dt {margin-bottom:10px;}
div.coursesInfo #descriptionContainer {width:532px;}
#pageSwitch_3 div.grayLine {margin-bottom:5px;}
div.imgBox {background:#f9f8f7;text-align:center;width:196px;}
div.coursesImg {background:#EBE8E5 none repeat scroll 0 0;padding:13px 23px 17px 23px;width:198px;float:left;}
div.contentBox div.coursesImg h2 {color:#ed1c3f;}
div.coursesImg div.addFilesBottom {background: url('https://lms.synergy.ru/img/area/courses-img-bottom.png') no-repeat center top;width:196px;height:10px;}
#courseEditPage1 td {vertical-align: top;}
div.contentBox div.right p.list {margin: 0px 0 2px 0;}

div.coursesInfo textarea {border:1px solid #C3BFBF;width:96%;padding:6px;}
div.contentBox div.coursesInfo input.textBig, div.contentBox div.coursesInfo input.text {margin:0px;}
div.contentBox h3.cursesTextTitle {color:#ed1c3f;font-size:12px;margin-bottom:17px;}
div.contentBox h3.cursesTextTitle span {color:#a1a19d;font-size:12px;margin-left:5px;}

.coursesEdit {position:relative;}
.navigationPageUs {display:block;position:absolute;right:50px;top:14px;overflow: hidden;width:95px;}
.coursesEdit .navigationPageUs {top:48px;}
.navigationPageUs dd {display:block;width:37px;float:left;margin-right:10px;}
.navigationPage {display:block;position:absolute;right:50px;top:14px;overflow: hidden;width:95px;}
.coursesEdit .navigationPage {top:35px;}
.navigationPage dd {display:block;width:37px;float:left;margin-right:10px;}
.coursesEdit .coursesInfo .textBig, .coursesEdit .coursesInfo textarea, .coursesEdit .coursesInfo input.text {width:520px;}
.coursesEdit #courseEditPage2 div.grayLine, .coursesEdit #courseEditPage3 div.grayLine  {width:534px;margin-bottom:5px;}
.coursesEdit #courseEditPage3 .courseEditAction {margin-right:30px;}
.coursesEdit #courseEditPage2 .languageBt {margin-top:6px;}
.coursesEdit #indexPage_1, .coursesEdit #indexPage_2, .coursesEdit #indexPage_3, .coursesEdit #indexPage_4, #autoClassesSelector_0, #autoClassesSelector_1 {text-transform: uppercase; margin-right: 7px;}

.coursesEdit #courseEditPage4 .grayLine {margin-bottom:5px;width:537px;height:2px;}
.coursesEdit #addCourseClassRow input[type="text"] {width:520px;}
.coursesEdit .deleteImg:hover .deleteIco {background-position:-31px -86px;}
.coursesEdit .actionBt {margin-top:15px;}
.coursesEdit #pageSwitch_1 .left {width:585px !important;}
.coursesEdit #pageSwitch_1 #courseEditPage1 {width:310px;}
.coursesEdit #pageSwitch_1 h2.title, .coursesEdit #pageSwitch_2 h2.title {color:#000000;font-size:21px;font-weight:bold;margin-bottom:5px;}

.coursesEdit #pageSwitch_3 .left {width:330px;}
.coursesEdit #pageSwitch_3 .right {width:565px;}
.coursesEdit #pageSwitch_4 .right .rPos {margin-right:9px;}

.coursesEdit #pageSwitch_4 dl {margin-bottom:5px;}
.coursesEdit #pageSwitch_4 .addCourseClasses, .coursesEdit #pageSwitch_4 .editCourseClasses {position:relative;margin:5px 0 0 0;}
.coursesEdit #pageSwitch_4 .addCourseClasses .moderatorComment {position:relative;margin-top:7px;}

.coursesEdit .tabs {margin-bottom:15px;}
.coursesEdit #languageDetailsContainer dd {position: relative;}
.coursesEdit #languageDetailsContainer textarea {height: 100px}

#maxReward, #coursePages {padding: 3px 5px; font-size: 16px;}

.scormDescription a {color:#ED1C3F;}

.programsEdit #pageSwitch_1  h2.title{color: #000000;font-size: 21px;font-weight: bold;margin-bottom: 5px;}
.programsEdit #avatarForm {margin-bottom:20px;}

.programsEdit .additionalProgramInfo{width:300px;}

.programsEdit .educationLength input {width:45px !important;margin-right:4px  !important;}
.programsEdit .educationLength dd label {margin:8px 5px 0 0; display: inline-block;}
.programsEdit .programsEditTabForm {width:100%;}
.programsEdit .programsEditTabForm label {display:inline-block;margin-bottom:10px;}

.programsEdit .programsEditTabForm #coursesContainerError {margin-bottom: 10px;}
.programsEdit .programsEditTabForm .left {width:265px;margin-right:20px;display:inline-block;float:none;}
.programsEdit .programsEditTabForm .right {width:300px}
.programsEdit .programsEditTabForm #priceDescription {float:right;width:420px;}
.programsEdit #indexPage_2, .programsEdit #indexPage_3, .programsEdit #indexPage_4 {text-transform: uppercase;}
.programsEdit div.regStatus div.grayLine {width:100%;}
.programsEdit .programEditAttributs dt {margin-top:7px;margin-bottom:7px;}
.programsEdit .programEditAttributs #offlinePrice {width:172px;}
.programsEdit .programEditAttributs .offlinePriceDetails  {position:relative;}
.programsEdit .programEditAttributs .offlineCurrency {position:absolute !important;top:11px;left:185px;}
.programsEdit .programEditAttributs .validatorMsg {margin-bottom:5px;}
.programsEdit .programEditAttributs label.position {position:relative;top:11px;margin-left:8px;vertical-align:top;}
.programsEdit .programEditAttributs label.offlineType {position:absolute;margin-left:2px;}
.programsEdit div.payInformation {min-height:290px;}

#payOfflineForm .authLoader {width:24px;margin-left:7px;position:absolute;}
#payOfflineForm #userMessage {margin-top:10px;margin-bottom:10px;min-height:170px;border:1px solid #D4D3D2;width:100%;resize:none;}
.offlineDescriptionTooltip {font-size: 11px;}
.courseDescrPayment .offlinePaymentDescription {left:200px;position:relative;width:80%;}
.courseDescrPayment .offlinePaymentDescription label {margin-top:7px;}
.courseDescrPayment .offlinePaymentDescription .offlinePaymentWarning {float:left;margin-right:5px;}
.courseDescrPay .programPriceSection {width:120px;}

div.certificationsListPrivacy {display:inline-block; position:absolute;margin:-30px 0 0 905px }

div.cursesCertificateListTop {background:#f5f4f1;padding:19px 16px;}
div.contentBox div.cursesCertificateListTop h2 {margin:0px;}
div.cursesCertificateListBottom {background:#f5f4f1;padding:10px 16px;border-top:2px solid #EBE8E5;}
div.cursesCertificateListItem {background:#f5f4f1;padding:0px 16px;}
div.cursesCertificateListItem:hover {background:#fffcf8; border:1px solid #ed1c3f;}
div.cursesCertificateListItem div.bodyElemenet {border:1px solid #f5f4f1; border-top:1px dotted #cbc7c0;padding:14px 0px 14px 0;height:26px}
div.cursesCertificateListItem:hover div.bodyElemenet {border:0px;}
div.cursesCertificateListItem div.info {width:245px;float:left;overflow:hidden;}
div.cursesCertificateListItem div.info strong, div.cursesCertificateListItem div.info span {color:#494948;}
div.cursesCertificateListItem div.action {width:50px;float:right;vertical-align:middle}
div.cursesCertificateListItem div.action a, div.cursesCertificateListItem div.action a img {vertical-align:middle;margin:0 1px;}

.courseListingTags .whiteBox {padding-left:0;padding-right:0;padding-top:30px;}

.coursesInfo div.unit td label.position {position:relative;top:7px;margin-left:8px;vertical-align:top;}
.coursesInfo div.unit td label.positionL {position:relative;top:7px;margin-right:5px;vertical-align:top;}

.coursesInfo div.unit table {margin-bottom:10px;}
.coursesInfo div.unit td {padding-bottom:10px;}
.coursesInfo div.unit td label.priceTitle {display:inline-block;width:155px;}
.coursesInfo div.unit td label span {color:#515050;font-size:16px;font-weight:bold;position:relative;top:-3px;font-weight:bold;margin-right:3px;}
.coursesInfo div.unit dl {display: inline-block;}
.coursesInfo dd input {margin-left:0px;}
.coursesInfo dd input[type="checkbox"] {margin:0px;}
.coursesInfo dd input#receiveEmails {margin-top:-2px;margin-right:3px;}
.coursesInfo dd label {font-size:16px;font-weight:bold;color:#515050;margin-right:17px;}
.coursesInfo dd label.absolute {position:absolute;}
BODY:nth-of-type(1) .coursesInfo dd label.absolute, x:-moz-any-link, x:default {margin-left:3px}
.coursesInfo #durationContainer {display:inline-block;position:relative;}
.coursesInfo #durationContainer label {line-height:28px;position:absolute;margin:1px 0 0 185px;top:0}

.coursesInfo select.courseCharacteristics {width:296px;}
.coursesInfo .autocompleteUsersView {margin-bottom: 10px;}
.coursesInfo .autocompleteUsersView .autocompleteInput {width:262px !important;}
.coursesInfo .autocompleteUsersView .autocompleteInputWrapper {margin-left:19px;}
.coursesInfo .autocompleteUsersView .users {margin-left:19px;}

div.coursesFolderName, div.meetingsFolderName {width:210px; overflow:hidden;}
div.programsFolderName {width:360px; overflow:hidden;}
div.coursesLearningName {width:160px; overflow:hidden;}

dd.navigation {float:left;}
div.navigation div.grayLine {margin-bottom:15px;}
div.navigation input {margin-right:15px;}

dd.courseEditAction {float:right;text-align:right;}

#userCertificate .courseImage {width:270px; height:230px;}
#userCertificate .mc2LogoCertificate {padding:0;width:267px;text-decoration:none; margin-bottom:15px;}
#userCertificate .mc2LogoCertificate div {width:237px;height:59px;}
#userCertificate div.certificateDescrData {background: #f6f3f0; padding:20px;}
#userCertificate .printBackground {display: none; position: absolute;}
#userCertificate .certificationInfo span {line-height:1.4;}
#userCertificate .certificateDescrBox {border:1px solid #d4d3d2; padding:18px 15px;}
#userCertificate .courseInfo {margin-bottom: 20px;}
#userCertificate span { font-size:15px; color: #333333;line-height:1.4; font-weight: bold;}
#userCertificate .red {color:#D11438;}
#userCertificate table h1.certificationCaption {font-size:25px;}
.certificationPrivacy {margin-top: 100px;}
.actionCertificate {margin-top:15px;}

div.userCertificationTitle {width:200px;overflow:hidden;}
div.userOrganization {width:225px;overflow:hidden;}
div.certificationCoursTitle {width:150px;overflow:hidden;}
div.blogSubscriptionName {width:110px;overflow:hidden;}
div.blogSubscriptionNameUs {width:300px;overflow:hidden;}
.coursesTags .coursesListing div.languages {margin-top:5px;margin-bottom:5px;}
.coursesTags .coursesListing div.languages dd{color:#888080;font-size:12px;}
.coursesTags .coursesListing {margin-bottom:15px;padding-top:5px;}
.coursesTags .coursesListing div.category {margin-top:5px;margin-bottom:5px;}
.coursesTags .coursesListing div.category a {color:#888080;text-decoration:none;font-weight:bold;}
.coursesTags .coursesListing div.category a:hover {color:#ED1C3F;}

.coursesTags .coursesListing h1 {width:565px;overflow:hidden;}
.coursesTags .coursesListing h1 a {color:#515050;font-size:21px;font-weight:bold;margin-bottom:5px;text-decoration:none;}
.coursesTags .coursesListing div.tags {float:left;width:410px;}
.coursesTags .coursesListing div.counter {color:#515050;text-align:right;width:120px;float:right;}
.coursesTags .coursesListing div.counter .count {margin-right:5px;}
.coursesTags .coursesListing div.counter span {color:#515050;float:left;font-size:11px;font-weight:bold;}
.coursesTags .coursesListing div.subscribers {color:#515050;font-weight:bold;}
.coursesTags .coursesListing div.noSubscribers {line-height: 20px;}
.coursesTags .coursesListing .languages a {color:#8A8A83;text-decoration:none;font-size:12px;}
.coursesTags .coursesListing .languages a:hover {color:#ED1C3F;text-decoration: underline;}
.coursesTags .coursesListing div.voting {margin-left:504px;}
.coursesTags .noCourses {margin:10px 0;padding:10px;text-align:center;border:2px solid #EBE8E5;}

.priceFreeOfCharge {color:#D11438;}

    /*Course description*/
    div.courseDescr div.courseDescrTop {margin-bottom:16px;border:1px solid #ffffff;}
    div.courseDescr div.courseDescrTop label {float:left;}
    .adminContent .linkBack {text-align: right; width: 100%;}
    div.linkBack {display:inline-block}
    div.linkBack a {font-size:11px;font-weight:bold;color:#ed1c3f;text-decoration:none;}
    div.linkBack a:hover {text-decoration:underline;}
    div.linkBack img {margin-top:3px;}
    table div.linkBack a {vertical-align: auto;}

    div.courseDescr div.courseDescrBox td.firstCell a span {cursor:default;}
    div.courseDescr div.courseDescrBox #serviceComments {margin-top:12px;}
    div.courseDescr div.courseDescrData {background: #f1f1ef; padding:25px;border:1px solid #d4d3d2;position: relative;}
    div.courseDescr div.courseDescrData h2.courseDescrDataTitle {margin-top:10px;color:#000000;font-size:21px;font-weight:bold;word-wrap:break-word;}
    div.courseDescr div.courseDescrData div.left {float:left;width:200px;margin-right:20px;}
    div.courseDescr div.courseDescrData div.left dd h2 {width:auto;}
    div.courseDescr div.courseDescrData div.right {float:right;width:728px;position:relative;}
    div.courseDescr div.courseDescrData .courseDescrAction {position:absolute;right:25px;top:25px;min-width:50px;}
    div.courseDescr div.courseDescrData .socialAction {margin-top:10px;}
    div.courseDescr div.courseDescrData h2 {line-height:1.1;overflow:hidden;color:#000000;font-size:21px;font-weight:bold;margin-bottom:25px;border-bottom:2px solid #dedcd7;padding:0 130px 5px 0;padding: 0 220px 5px 0; word-wrap: break-word;}
    div.courseDescr div.courseDescrData div.right h3 {color:#000000;font-size:12px;font-weight:bold;margin-bottom:5px;}
    div.courseDescr div.courseDescrData dt {margin-bottom:3px;}
    div.courseDescr div.courseDescrData td {vertical-align:bottom;padding-bottom:10px;width:50%;}
    div.courseDescr div.courseDescrData td.first {text-align:left;width:60% !important;}
    div.courseDescr div.courseDescrData td.second {text-align:left;padding-left:10px;}
    div.courseDescr div.statisticBox {text-align:center;margin-top:4px;}
    div.courseDescr div.statisticBox table {margin:10px auto 0;width: 400px;}
    div.courseDescr div.statisticBox .detailedStatisticLink {display: block; text-align: right;}
    div.courseDescr div.courseDescrData div.author {margin:0;}
    div.courseDescr div.courseDescrData dd, div.courseDescr div.courseDescrData div.author label {color:#515050;font-size:16px;font-weight:bold;}
    div.courseDescr div.courseDescrData dd#meetingPrice label {vertical-align:middle;}
    div.courseDescr div.courseDescrData dd div.loaderSmall {margin: -30px 17px 0 0;right: 170px;}
    div.courseDescr div.courseDescrData .right p {margin-bottom:0;}
    div.courseDescr div.courseDescrData .courseDescrDataSub {border-top:1px dotted #cbc7c0;margin-top:30px;padding-top:15px;}
    .courseDescrDataSub .information {margin-top:10px;}
    div.courseDescr div.courseDescrData .courseDescrDataSub .left, div.courseDescr div.courseDescrData .courseDescrDataSub .right {width:48%}
    .courseDescrDataSub .right h3.cPos.uppercase a {font-size: 12px;line-height: 1.2;}

    div.courseDescr div.courseDescrData .tags {margin:20px 0 0 0;}
    div.courseDescr div.courseDescrData .tags label {display: inline-block;margin-top: 1px;}
    div.courseDescr div.courseDescrData .tutorContainer {margin-bottom:5px;position:relative;width:200px;}
    div.courseDescr div.courseDescrData #courseAuthorContainer .removeTutorBtn {position:absolute;right:0;top:4px;}

    @media all and (-webkit-min-device-pixel-ratio:0) {
	div.courseDescr div.courseDescrData .tags label {margin-top: 2px;}
    }


    div.courseDescr div.courseDescrData a {text-decoration:none;}
    div.courseDescr div.courseDescrData a:hover {color:#ED1C3F;}
    div.courseDescr div.courseDescrData div.left dd div.courseAvatarBox {width:196px;overflow:hidden;position:relative;border:1px solid #494948;}
    div.courseDescr .information {display:inline-block; width:172px;border:2px solid #CBC7C0;padding:10px;text-align:left;}
    div.courseDescr .information li {color:#8A8A83;font-size:12px;line-height:1.2;list-style-position:inside;font-weight:normal;vertical-align:middle;}
    div.courseDescr .information h3 {background: url('https://lms.synergy.ru/img/ico/gd-element.png') no-repeat -79px -28px;height:23px;
	    padding-left:33px;color:#1E1E1E;font-size:12px;line-height: 1;display: table-cell !important;vertical-align:middle;width: 170px;}

    div.courseDescr div.courseDescrData div.courseStatus {width:124px;margin:0 auto;}
    div.courseDescr div.courseDescrData div.courseStatus .btRight {margin-right:0px;}
    div.courseDescr div.courseDescrData div#courseStatus {background-image:url(https://lms.synergy.ru/img/course-status.png);width:130px;height:38px;background-repeat:no-repeat;
	     font-size:12px; font-weight:bold; color:#ffffff;padding:9px 0 0 45px;margin-top:18px;}
    div.courseDescr div.courseDescrData div.courseStatusDisable {background-position:0 0px;}
    div.courseDescr div.courseDescrData div.courseStatusEnable {background-position:0 -48px;cursor:pointer;
	    padding:17px 0 0 5px !important;width:170px !important;height:30px !important;text-align:center;}
    div.courseDescr div.courseDescrData div.language {float:left;width:242px;}
    div.courseDescr div.courseDescrData div.language a.selected {text-decoration:underline;}
    div.courseDescr div.courseDescrData div.listMaterial a {color:#ed1c3f;font-size:16px; font-weight:bold;text-decoration:none;border-bottom:1px dotted #ed1c3f;}
    div.courseDescr div.courseDescrData .contactAboutCourse a {border-bottom:1px dotted #ed1c3f;}
    div.courseDescr div.courseDescrData div.material select {float:left;margin:4px 10px 0 0;max-width:500px}
    div.courseDescr div.courseDescrData div.linkCourseAuthors a {color:#ed1c3f;font-size:12px; font-weight:bold;text-decoration:none;border-bottom:1px dotted #ed1c3f;}

    div.courseDescr .courseDescrPayment {border:1px solid #D4D3D2;border-top:none;padding:25px;}
    div.courseDescr .courseDescrPayment .courseDescrBalance {border-right:1px solid #eae9e6;min-width:170px;max-width:200px;float:left;}
    div.courseDescr .courseDescrPayment .courseDescrPay {width:445px;float:left;padding-left:30px;}
    div.courseDescr .courseDescrPayment .courseDescrPayAction {width:255px;float:right;}

    div.courseDescr .courseDescrPayment .title {font-size:16px;color:#1e1e1e;font-weight:bold;display:block;margin-bottom:15px;}
    div.courseDescr .courseDescrPayment label {display:inline-block;margin-bottom:5px;}
    div.courseDescr .courseDescrPayment strong {font-size:16px;color:#ED1C3F;}
    div.courseDescr .courseDescrPayment strong label {color:#888080;display:inline;padding-top:2px;}
    div.courseDescr .courseDescrPayment strong input[type="radio"] {display:inline;}
    div.courseDescr .courseDescrPayment .courseDescrPay .title {color:#ED1C3F;}
    div.courseDescr .courseDescrPayment .courseDescrPay dd {display:inline-block;margin-right:30px;min-width:100px;}
    div.courseDescr .courseDescrPayment .courseDescrPay span {font-size:16px;color:#1e1e1e;font-weight:bold;}
    div.courseDescr .courseDescrPayment .courseDescrPayAction {margin:45px 0 20px 0;}

    div.courseDescr div.courseDescrData div.rating {position:absolute;margin:0;overflow:hidden;right:0;}
    div.courseDescr div.courseDescrData div.rating label {display:block;margin-bottom:5px;}
	div.courseDescr div.courseDescrData div.rating div.ratingValue div.center {background:#ed1c3f;font-size:16px; font-weight:bold;color:#ffffff;padding:5px;}

    div.courseDescr div.courseDescrData div.right  div.tags {margin-top:20px;margin-left:0px;vertical-align:top}
    div.courseDescr div.courseDescrData div.right  div.tags * {vertical-align:top}
    div.courseDescr div.courseDescrData  div.right table div.author.userAvatarType_3 {width:290px;}
    div.courseDescr div.courseDescrData  div.right table div.author.userAvatarType_3 a.userName  {width:255px;}
    div.courseDescr div.courseDescrData  div.right table  div.author.userAvatarType_3 a.userName span {background-position:0 -107px;margin-left:215px;}
    div.courseDescr div.courseDescrData  .courseHighschoolLink{color:#515050;}
    div.courseDescr div.courseDescrData dd.materialAuthorScore{float:left;margin-right: 10px;}
    div.courseDescr div.courseDescrData dd {display:inline-block;}
    div.courseDescr div.courseDescrData #synergyButton {float: right; width: 500px;}
    div.courseDescr div.courseDescrData #synergyButton .bt4 {width: 120px;}
    div.courseDescr div.courseDescrDataSub #synergylearningStartBtn {margin-right: 20px;}

    div.courseDescr div.courseFullDescr , div.courseDescr .layoutT2{margin-top:50px;}
    div.courseDescr div.courseFullDescr div.left {float:left;width:550px;overflow:hidden;}
    div.courseDescr div.courseFullDescr div.left div.text p {font-size:11px;}
    div.courseDescr div.courseFullDescr div.right {float:right;width:310px;}
    div.courseDescr div.courseFullDescr div.left .tinyMceOut, div.courseDescr div.courseFullDescr div.left .tinyMceOut p {color:#000 !important}

    div.courseDescr div.coursePayment div.left h3 {color:#D11438;font-size:12px;font-weight:bold;margin-bottom:10px;}
    div.courseDescr div.courseFullDescr div.right h3 {font-size:12px;font-weight:bold;margin-bottom:10px;}

    div.courseDescr div.courseFullDescr span {font-size:inherit;line-height:inherit;color:inherit;}
    div.courseDescr div.certificates {margin-bottom:23px;}
    div.courseDescr div.certificates dl {border-bottom:1px dotted #d4d3d2;margin-top:5px;height:19px;}
    div.courseDescr div.certificates dt {width:270px;display: inline-block;overflow:hidden;color:#8A8A83;font-size:12px;}
    div.courseDescr div.certificates dd.qMarker {float:right;position:relative;top:-2px;right:8px;cursor:pointer;}

    div.courseDescr div.availableVersions dl {height:23px;margin-top:5px;}
    div.courseDescr div.availableVersions dl.odd {background:#f6f3f0;height:25px;}
    div.courseDescr div.availableVersions dt {float:left;font-size:11px;font-weight:bold;color:#1e1e1e;width:90px;padding-top:6px;
	overflow:hidden;margin-right:10px;}
    div.courseDescr div.availableVersions .usServiceClass dt.versionTitle {width:75px;}
    div.courseDescr div.availableVersions .usServiceClass dd.date {width:115px;}

    div.courseDescr div.availableVersions dt a {font-weight:bold;color:#1e1e1e;text-decoration:none;white-space:nowrap;}
    div.courseDescr div.availableVersions dt a.selected {color:#ED1C3F;}
    div.courseDescr div.availableVersions dt a:hover {color:#ED1C3F;}
    div.courseDescr div.availableVersions dd {float:left;padding-top:6px;}
    div.courseDescr div.availableVersions dd.date {font-size:11px; color:#878786;width:90px;}
    div.courseDescr div.availableVersions dd.price {width:85px; font-size:11px; color:#494948;}
    div.courseDescr div.availableVersions dd.price span {color:#d71939;font-weight:bold;}
    div.courseDescr div.availableVersions dd.qMarker {float:right;position:relative;top:3px;right:8px;padding-top:0px;cursor:pointer;}

    div.courseDescr div.courseSeminarsPracticums {margin-bottom:5px;}
    div.courseDescr div.courseSeminarsPracticums .totalCount {float:none; color:#1E1E1E; font-weight:bold;font-size: 12px;}
    div.courseDescr div.courseSeminarsPracticums .totalCount a {text-decoration:none; font-size: 12px;}
    div.courseDescr div.courseSeminarsPracticums dl {height:23px;margin-top:5px;}
    div.courseDescr div.courseSeminarsPracticums dl.odd {background:#f6f3f0;height:25px;}
    div.courseDescr div.courseSeminarsPracticums dt {float:left;font-size:11px;font-weight:bold;color:#1e1e1e;padding-top:6px;
	overflow:hidden;margin-right:10px;}

    div.courseDescr div.courseSeminarsPracticums dt a {font-weight:bold;color:#1e1e1e;text-decoration:none;white-space:nowrap;}
    div.courseDescr div.courseSeminarsPracticums dt a.selected {color:#ED1C3F;}
    div.courseDescr div.courseSeminarsPracticums dt a:hover {color:#ED1C3F;}
    div.courseDescr div.courseSeminarsPracticums dd {float:left;padding-top:6px;}
    div.courseDescr div.courseSeminarsPracticums dd.date {font-size:11px; color:#878786;width:90px;}

    div.courseDescr div.comments {padding-right:12px;padding-top:0px;width:100%;}
    div.courseDescr h3.comments {color:#888080;margin-bottom:16px;padding-top:19px;}
    div.courseDescr div.viewAll {float:right;}
    div.courseDescr div.answers div.comment {float:none;width:100%;border:1px solid #E3DED9;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;}

    div.courseDescr div.answers div.comment .text {border:none;}
    div.courseDescr div.answers div.comment.answerCenter {margin:0 17px;}
    div.courseDescr div.answers div.comment  div.cropText {overflow: hidden;}
    div.courseDescr span.testUserSignupWarning {float:left;margin-right:15px;}

    /*courseInfoToolTip*/
    .tooltipBoxData .courseInfoToolTip dl {display:block;margin-bottom:15px;}
    .tooltipBoxData .courseInfoToolTip dt label {display:block;margin-bottom:6px;}
    .tooltipBoxData .courseInfoToolTip h1 {font-size:14px;color:#ED1C3F;font-weight:bold;}
    .tooltipBoxData .programInfoToolTip dl {display:block;margin-bottom:15px;}
    .tooltipBoxData .programInfoToolTip dt label {display:block;margin-bottom:6px;}
    .tooltipBoxData dd {color:#8A8A83;font-size:12px;}
    .tooltipBoxData div.tinyMceOut {color:#8A8A83;font-size:12px;line-height:1.2;}
    .tooltipBoxData div.tinyMceOut * {color:#8A8A83;font-size:12px;line-height:1.2;}

    /*seminars and practicums*/
    .seminarPracticumPage .newRecord div.addFiles label {color:#888080;font-size:11px;font-weight:bold;line-height:22px;float:left;}
/*	.seminarPracticumPage .newPracticumAnswer .right {width:400px !important;}
    .seminarPracticumPage .newPracticumAnswer form {width:369px !important;}
    .seminarPracticumPage .newPracticumAnswer .newRecord form textarea {width:350px !important;} */
    .seminarPracticumPage .newPracticumAnswer .newAnswerBtn {display:block; padding-right: 10px; text-align:right;}
    .seminarPracticumPage .newPracticumAnswer .newPracticumAnswerFrom {background: none repeat scroll 0 0 #F5F4F1;}
    .seminarPracticumPage .newPracticumAnswer .newPracticumAnswerFiles {padding: 0 15px 0;margin-top: -15px;}
    .seminarPracticumPage .newPracticumAnswer div.smallNoFieldMessage {margin-bottom: 10px;}
    .seminarPracticumPage .newAnswer {background-color:white;}
    .seminarPracticumPage .files li {list-style-type:none;}
    .seminarPracticumPage .newPracticumAnswer .fileContainer {margin-top:10px;}
    .seminarPracticumPage .answerBox .newPracticumAnswerFiles {padding: 0 5px 0;margin-top: -46px;}
    .seminarPracticumPage .answerBox .fileContainer {margin-top:10px;}
    .seminarPracticumPage .answerBox .newFileContainer {margin-bottom:-7px;margin-top: 10px;}
    .seminarPracticumPage .userIsAuthor {float:right; margin-top: 5px;}
    .seminarPracticumPage h2 span {font-size:20px;color:#8A8A83;position:relative;top:-7px;margin:0 5px;}
    .seminarPracticumPage #editMark {border-bottom:1px solid #C3BFBF;margin-bottom:10px;padding-bottom:5px;}
    .seminarPracticumPage .markView, .markInfoView {display: inline-block;margin-top: 8px;}
    .seminarPracticumPage .markView span {color: #D11438;font-size: 12px;font-weight: bold;}
    .seminarPracticumPage .markView span.mark {font-size: 20px;color: #8A8A83;position: relative;top: -7px;margin: 0 5px;}
    .seminarPracticumPage #comments td {padding:0px;}
    .seminarPracticumPage .post dd.text {padding:0 10px;}
    .seminarPracticumPage #comments .comment td {padding:0;}
    .seminarPracticumPage #commentAnswer td {padding:0;}
    .seminarPracticumPage .author {display: inline-block;}
    .seminarPracticumPage #comments td.firstCell, .seminarPracticumPage #comments td.lastCell {border:none !important;}
    .seminarPracticumPage .newPracticumAnswer .reanswerLabel {font-size: 16px;font-weight: bold; color: #D11438;}
    .seminarPracticumPage .reanswerAllowed span {font-size: 11px !important;font-weight: normal !important;}
    .seminarPracticumPage .reanswerAllowed {margin-bottom: 5px;}
    .seminarPracticumPage .markInfoView .markView {height: 15px;}

    #addCourseMeetings #meetingsSelect {width: 100%;margin-bottom: 5px;}

    .editMarkRow input {width:120px;}
    .editMarkRow dd.left {float: left;margin-right:10px;}
    .editMarkRow dd.right {overflow:hidden;}
    .editMarkRow textarea {height:60px;}
    .editMarkRow dl {display:block;}
    .editMarkRow .action {display:inline-block;position:relative;}
    .editMarkRow .action .loaderSmall {margin:-21px -25px 0 0;}

    .allowReanswerRow dd.left {width:480px; margin-left:10px;}
    .allowReanswerRow .action {margin-top:20px;}
    /*END Course description*/

    /*Courses education*/
    ul.courseEducationList, ul.courseEducationList * {list-style-type:none; margin: 0;}
    ul.courseEducationList {max-height:600px;overflow-y:scroll;}
    .contentBox .courseDescr ul.courseEducationList  {overflow-y:auto;}
    ul.courseEducationList li p {margin:4px 0 0 0;vertical-align:middle;}
    ul.courseEducationList li p a {color:#494948 !important;}
    ul.courseEducationList li p a:hover {color:#ED1C3F !important;}
    ul.courseEducationList li table td.title p {padding-left:18px;font-size:11px;font-weight:bold;color:#1e1e1e;}
    ul.courseEducationList li li table td.title p {padding-left:36px;font-size:11px;font-weight:bold;color:#494948;}
    ul.courseEducationList li li li table td.title p {padding-left:54px;font-size:11px;font-weight:bold;color:#8a8a84;}
    ul.courseEducationList li li li li table td.title p {padding-left:72px;font-size:11px;font-weight:bold;color:#8a8a84;}
    ul.courseEducationList li li li li li table td.title p {padding-left:80px;font-size:11px;font-weight:bold;color:#8a8a84;}
    ul.courseEducationList li li li li li li table td.title p {padding-left:98px;font-size:11px;font-weight:bold;color:#8a8a84;}

    ul.courseEducationList li div.lecture {background:#f6f3f0;line-height:1;margin:0;vertical-align:middle;padding:2px 0;}
    ul.courseEducationList li a {font-size:16px;font-weight:bold;color:#1e1e1e;text-decoration:none;line-height:1;}
    ul.courseEducationList li li a {color:#494948;}
    ul.courseEducationList li li li a {color:#8a8a84;}
    ul.courseEducationList div.lecture span {color:#878786;vertical-align:baseline;}
    ul.courseEducationList li div.delimer  {border-bottom:1px dotted #d4d3d2;font-size:1px;height:1px;padding:0px !important;}

    ul.courseEducationList td.title {vertical-align:middle;}
    ul.courseEducationList td img {width:14px;height:14px;margin-right:11px;vertical-align:middle}

    ul.courseEducationList td.traversedMaterial,
    ul.courseEducationList td.traversedMaterialError,
    ul.courseEducationList td.traversedMaterialNotCompleted {text-align:right;}
    ul.courseEducationList td.traversedMaterial img {background: url('https://lms.synergy.ru/img/ico/gd-element.png') no-repeat -79px -119px;}
    ul.courseEducationList td.traversedMaterialError img {background: url('https://lms.synergy.ru/img/ico/gd-element.png') no-repeat -79px -165px;}
    ul.courseEducationList td.traversedMaterialNotCompleted img {background: url('https://lms.synergy.ru/img/ico/gd-element.png') no-repeat -79px -142px;}
    ul.courseEducationList td.headStatus {width: 111px;}
    ul.courseEducationList td.status {width: 93px;}

    div.educationListProgress {position:absolute;margin:-10px 0 0 752px;display:inline-block}
    div.educationListProgress dt {float:left;margin-right:5px;line-height:20px;}
    div.educationListProgress dd {float:left;}

    .courseEducationContainer {position:absolute;width:100%;left:0;top:0;z-index:1200;}
    div.courseEducationWindow {position:relative;z-index:1200;min-width:962px;}
    div.courseEducationWindow div.popupCrop {overflow:visible;}
    div.courseEducationWindow .popupBody {padding:10px !important;}
    .courseEducationContainer #educationDiv .popupBody {min-height:520px !important;}
    .courseEducationContainer #educationDiv #learningFrame {min-height:450px !important;}
    .courseEducationContainer .dataFrame {margin: 0 7px !important;}


    div.courseEducationWindow dl {min-width:640px;margin:0 auto;position:absolute;width:100%;
	padding: 0 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    }
    div.courseEducationWindow dd h3 {padding-top:7px; display: flex}
    div.courseEducationWindow dd.courseEducationActon {
	background: url('https://lms.synergy.ru/img/course-education-action.png') repeat-x top right;
	background-size: contain;
	height:95px;
	float:right;min-width:500px;padding-right:20px;
	margin-left:0;
	-webkit-border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;
	border-radius:0 0 10px 10px;}
    .courseEducationActon {padding-top:15px;}
    .courseEducationWindow dd.marginLeft {margin-left: 0px;padding-right: 550px;}
    .courseEducationWindow dd.marginLeft p {margin:5px 0 0 0 !important}

    div.courseEducationProgress {background: url('https://lms.synergy.ru/img/progress.png') no-repeat left 0;width:235px;height:19px;overflow:hidden;float:left;margin-top:4px;}
    div.courseEducationProgress div.shortProgressView {background: url('https://lms.synergy.ru/img/progress.png') no-repeat left -22px;width:0%;height:19px;}
    div.courseEducationProgress div.interest {text-align:center;position:relative;top:-19px;}
    div.courseEducationProgress div.interest strong {line-height:19px;font-size:11px;color:#000000;}

    .courseEducationActon div.transition {width:110px;float:left;margin-left:20px;display:block;border-top:1px solid #414141;}
    .courseEducationActon div.infoAndClose {display:inline;float:left;margin-left:12px;font-size: 1px;}
    .courseEducationActon div.infoAndClose #tocBtn {margin-right:10px;}
    .courseEducationActon div.infoAndClose .bt2 span.btCenter img {margin:5px 0 0 0;}
    .courseEducationActon div.infoAndClose #backBtn {position:absolute;top:-20000em;left:-20000em;}
    .courseEducationActon #previuosBtn img, .courseEducationActon #nextBtn img {margin-top:4px;}


    .courseEducationWindow a.listCourses {border-bottom:1px dotted #ED1C3F;color:#ED1C3F;font-size:16px;font-weight:bold;text-decoration:none;}
    div.courseFinishedName {width:325px; overflow:hidden;}

    .courseEducationWindow.apiBlock {min-height:auto !important;height:auto !important;top:5px;}
    .courseEducationWindow.apiBlock #assessmentsTimer  {right:50%;margin-right:-50px;}
    .courseEducationWindow.apiBlock .courseEducationActon {position:relative;}
    .courseEducationWindow.apiBlock .player_container {overflow:auto;}
    .courseEducationWindow.apiBlock .player_container .left {width:200px;}
    .courseEducationWindow.apiBlock .player_container .left dl {min-width:200px;right:auto;width:auto;}
    .courseEducationWindow.apiBlock .assessmentsItemTimer {position:relative;}
    .courseEducationWindow.apiBlock .questionContainer {min-width : 15px;}
    .courseEducationContainer .apiBlock .dataFrame {height: auto;}
    .courseEducationContainer .apiBlock .player_container {height: 700px;}

    .courseDescr .tocBox h3 {color:#D11438;font-size:12px;font-weight:bold;margin-bottom:10px;}

    .tocPreview {overflow-y: scroll;max-height: 600px;}
    .tocPreview .tocPreviewTitle {background:#F6F3F0;font-size: 11px;font-weight: bold;padding:6px 0 6px 20px;}
    .tocPreview .tocPreviewItem {border-bottom: 1px dotted #D4D3D2;display:block;padding:5px 36px;list-style:none;}
    .tocPreview .tocPreviewLastItem {display:block;padding:5px 36px;list-style:none;}
    .tocPreview a, .tocPreview .itemFolder {color:#494948;font-size: 11px;font-weight: bold;line-height: 1;text-decoration: none;display:inline;}
    .tocPreview a:hover {color:#ed1c3f;}
    .tocPreview .levelDelimer {width:20px;display:inline-block;}
    /*END Courses education*/

    /*coursePayment*/
    div.coursePayment div.left {width:510px;float:left;}
    div.coursePayment div.right {width:350px;float:right;}
    div.coursePayment dl {float:left;margin:15px 0;}
    div.coursePayment div.right dl {margin:0 0 0 33px;}
    div.coursePayment dd {font-size:21px;font-weight:bold;color:#333333;}
    div.coursePayment div.left dl {margin-right:55px;}
    div.coursePayment dl.price dd {float:left;margin-right:5px;color:#ed1c3f;}
    div.coursePayment dl.price dd label {font-size:15px; color:#888080;vertical-align:baseline;}
    div.coursePayment dl.price dd span.priceFreeOfCharge {color:#ED1C3F;}
    div.coursePayment div.action {float:right;margin-top:10px;width:auto;text-align:right;}
    div.coursePayment div.action .bt2 span.btRight {margin-right:0px;}
    div.coursePayment div.checkbox {float:left;margin-top:15px;}
    div.coursePayment div.checkbox label {width: 200px;}
    /*END coursePayment*/

    /*courseFeedback*/
    div.courseDescr div.courseDescrTop {margin-bottom:26px;}
    div.courseFeedback  {margin-top:50px;}
    div.courseFeedback div.left {width:532px;float:left;}
    div.courseFeedback div.left div.smallNoFieldMessage {margin:5px 0 0 0 !important;}
    div.courseFeedback div.left span h3 {margin-top:20px;margin-bottom:10px;}
    div.courseFeedback div.right {width:350px;float:right;}
    div.courseFeedback div.right h3 {margin-bottom:10px;}
    div.courseFeedback dt {float:left;margin:0px 0px;width:250px;}
    div.courseFeedback dt label {color:#515050;}
    div.courseFeedback dd {float:left;margin-left:10px;}
    div.courseFeedback dl.detailedRating {display:inline-block;margin:10px 1px 0 0;}
    div.courseFeedback div.detailedRating {margin:10px 1px 0 0;}
    div.courseFeedback div.votingStar span.value {font-weight:bold; color:#515050; margin-left:65px;margin-top:-12px;}
    div.courseFeedback div.left {overflow:hidden;}
    div.courseFeedback .commentFeedback {width:528px;overflow:hidden;}
    /*END courseFeedback*/

    /*NEW coursesListing*/
    .contentBox {overflow-y:visible;}
    .itemsListing div.tabs-box {height:160px;overflow:hidden;position:relative;}
    .itemsListing .topics {width:960px !important; float:none !important;margin-bottom:0 !important;height:155px;position:relative;}
    .itemsListing .topics .topicColBox {width:20000em; position:relative;height:114px;margin-left: 4px;}
    .itemsListing .topics div.topicCol  {width:225px;margin-right:0px;}
    .itemsListing .topics div.topicCol div.clear {font-size:2px;height:2px;}
    .itemsListing .topics div.topicCol  td {line-height:100%;border:none;padding:5px 0 3px 0;vertical-align:top}
    .itemsListing .topics div.topicCol  td a {line-height:100%;width:180px;height:13px;}
    .itemsListing .topics div.topicCol  td.topicCount {vertical-align:middle;padding:5px 0 3px 0;}
    .itemsListing .topics div.topicCol  td .topicNew {margin:-16px 0 0 150px;}
    .itemsListing .topics div.topicCol  td  span.gradient {background:transparent url(https://lms.synergy.ru/img/gradient.png) no-repeat scroll right 0;
	    cursor:pointer;display:block;height:13px;margin:0 0 0 120px;position:absolute;text-decoration:none;width:65px;z-index:2;}
    .itemsListing .topics div.topicCol div.topicItemDelimer {height:2px;font-size:2px; clear:both;background: url('https://lms.synergy.ru/img/area/topic-delimer.png') repeat-x;}
    .itemsListing .topics div.topicColDelimer {float:left;width:20px;}
    .itemsListing .countItems {display:inline-block;margin-bottom:0;}
    .itemsListing .countItems span {font-size:12px;color:#838080; font-weight:bold;}
    .itemsListing h3.title {font-size:32px  !important;color:#1e1e1e  !important; margin:11px 0 11px 0 !important;line-height:1 !important;
	    position:relative; left:-2px;}
    .itemListing #listingResults {min-height:220px;}
    #listingResults {min-height:220px;}
    .itemsListing .itemsListingDescr {border:1px solid #EBE8E5;border-bottom:none;padding:7px 10px 5px 10px;}

    .itemFilterCheckedBox .itemFilterChecked td span.gradient {background-position: right 0 !important;}
    .itemFilterCheckedBox .itemFilterChecked {background: url('https://lms.synergy.ru/img/area/course-filter-selected.png') no-repeat right 0;height:23px;margin-bottom:2px;}
    .itemFilterCheckedBox .itemFilterChecked td {overflow-y:hidden;padding-left:5px !important;}
    .itemFilterCheckedBox .itemFilterChecked td.topicCount, .itemFilterCheckedBox .itemFilterChecked  .topicNew  {display:none !important;}
    .itemFilterCheckedBox .itemFilterChecked td a {line-height:12px !important;}
    .itemFilterCheckedBox .itemFilterChecked td a.itemFilterUnchecked {display:block;width:27px !important;height:23px  !important;position:absolute;margin:-5px 0 0 195px;text-decoration:none;}

    .itemFilterCheckedBox .itemFilterChecked td div.clear {height:0px !important;font-size:0px !important;}

    .itemFilterCheckedBox .itemFilterCheckedLine {display:none;}

    div.searchPanel {margin-bottom:18px;}
    div.searchPanel table {border-collapse: collapse}
    div.searchPanel td {padding-top:10px;}
    div.searchPanel input {width:597px;margin-right:8px;font-size:12px;font-weight:normal;padding:5px 6px 0 7px;height:24px;margin-top:0;margin-left: 5px;padding-top:0px;}
    div.searchPanel * {line-height:1}
    div.searchPanel .sample, #advancedSearch .sample {font-size:12px; color:#94948e; font-style:italic;padding-top:1px;}
    div.searchPanel .sample span, #advancedSearch .sample span {color:#d71939;border-bottom:1px dashed #d71939;font-size:12px;line-height:1;}
    div.searchPanel .sample a, #advancedSearch .sample a {text-decoration:none;}
    div.searchPanel .checkbox {width:15px;margin-top: -3px;}
    div.searchPanel .advancedSearch a {background: url('https://lms.synergy.ru/img/ico/gd-element.png') no-repeat -95px -259px;padding-left:24px;height:15px;display:block;margin-left:20px;font-size:12px;margin-top:-10px;}
    div.searchPanel a.imgSearch {background: url('https://lms.synergy.ru/img/ico/gd-element.png') no-repeat -80px -208px;padding-left:20px;height:25px;display:block;}
    div.searchPanel .searchTitle {font-size:15px;}
    div.searchPanel .setSearchCategory {position:absolute;left:-1px;top:68px;width: 24px;}
    div.searchPanel .selector td.selLeft {overflow:hidden;}

    .learnPage .advancedSearch a {margin-top:-12px !important;}

    #advancedSearch * {vertical-align:middle;}
    #advancedSearch {border:1px solid #EDEAE8;padding:10px 10px 0 10px;margin-bottom:18px;display:none;position:relative;}
    #advancedSearch input.searchTitle {font-size:12px;font-weight:normal;padding:5px 6px 4px 7px;height:16px;}
    #advancedSearch .sample {margin-bottom:10px;vertical-align:top;line-height:1;}
    #advancedSearch .sample a span {vertical-align:top;line-height:1;}
    #advancedSearch table.noResize {margin-bottom:7px;}
    #advancedSearch td.th {padding:5px 20px 5px 0;}
    #advancedSearch td.field {padding:5px 5px 5px 0;}
    #advancedSearch td.field input {margin:0;}
    #advancedSearch .selector {margin-top:5px;}
    #advancedSearch .selector ul li a  {white-space:nowrap;}
    #advancedSearch #courseHighSchoolName {width:294px;}
    #advancedSearch .advancedSearchAction {position:relative;margin-bottom:10px;}
    #advancedSearch select {font-size:11px;}

    .itemsFilter {height:29px;background:#494949;margin-bottom:10px;margin-top:1px;}
    .itemsFilter a {font-size:11px; color:#ffffff !important; font-weight:bold;text-decoration:none;}
    .itemsFilter .filterUl {width:780px;}
    .itemsFilter .filterUl ul {margin:0;}
    .itemsFilter .filterUl li {list-style-type:none;float:left;padding:0 7px;}
    .itemsFilter .filterUl li.first {background: url('https://lms.synergy.ru/img/selector/course-filter.png') no-repeat left 0;}
    .itemsFilter .filterUl li.filter-select {background:#1e1e1e;}
    .itemsFilter .filterUl li.first.filter-select {background:#1e1e1e url('https://lms.synergy.ru/img/selector/course-filter.png') no-repeat left -30px;}
    .itemsFilter td.last {background:url('https://lms.synergy.ru/img/selector/course-filter.png') no-repeat right -60px;padding-right:4px;}
    .itemsFilter .filterUl li a {line-height:29px;position:relative;top:0;}
    .itemsFilter .filterUl li a.filterDirection {background: url('https://lms.synergy.ru/img/selector/course-filter.png') no-repeat right -97px;}
    .itemsFilter .filterUl li a.filterDirection.filterDown {background: url('https://lms.synergy.ru/img/selector/course-filter.png') no-repeat right -112px;}
    .itemsFilter .filterUl li.filter-select a.filterDirection {background: url('https://lms.synergy.ru/img/selector/course-filter.png') no-repeat right -129px;}
    .itemsFilter .filterUl li.filter-select a.filterDirection.filterDown {background: url('https://lms.synergy.ru/img/selector/course-filter.png') no-repeat right -144px;}
    .itemsFilter .filterUl li .selector {margin-top:3px;}

    .itemsFilter a.itemListingResult {display:inline-block;width:32px;height:21px;background: url('https://lms.synergy.ru/img/bt/course-filter-type.png') no-repeat;}
    .itemsFilter a.itemListingResult.oneRow {background-position:-38px -1px;}
    .itemsFilter a.itemListingResult.oneRow.active {background-position:-38px -26px;}
    .itemsFilter a.itemListingResult.dobleRow {background-position:0 -1px;}
    .itemsFilter a.itemListingResult.dobleRow.active {background-position:0 -26px;}

    div.left .itemsFilter .filterUl li {list-style-type:none;float:left;padding:0 7px;}
    div.listingItem {border:1px solid #edeae8; padding:12px 10px 9px 12px; height:85px; margin-bottom:9px;}
    div.dobleRow div.listingItem {width:471px;float:left;}
    div.dobleRow div.listingItem.listingItemRight {float:right;}

    .accordionTitle {display:inline-block;cursor: pointer;margin-bottom:10px;font-size:16px;color:#D71939;position:relative;padding-left:23px;}
    .accordionTitle ins {background: url('https://lms.synergy.ru/img/ico/gd-element.png') no-repeat -79px -237px;width:17px;height:17px;
        text-decoration:none;display:inline-block;position:absolute;top:0;left:0;}
    .accordionTitle ins.open {background-position: -99px -237px}

    div.listingItem div.listingItemInfo {width:335px;float:right;position:relative;top:-2px;}
    div.listingItem div.listingItemInfo div.title a {font-size:14px;color:#000000;font-weight:bold;
	    margin-bottom:2px;width:300px;overflow:hidden;display:block;text-decoration:none;}
    div.listingItem div.listingItemInfo div.title a:hover {color:#ED1C3F;}
    div.listingItem div.listingItemInfo div.itemInfo {height:51px;width:300px;/*overflow:hidden;*/}

    div.listingItem div.listingItemInfo div.category {font-size:11px; color:#494948;width:300px;overflow:hidden;}
    div.listingItem div.listingItemInfo div.category a {color:#000000;text-decoration:none;}
    div.listingItem div.listingItemInfo div.category a:hover {color:#ED1C3F;}
    div.listingItem div.listingItemInfo div.author {position:relative;z-index:2;margin-top:10px;}
    div.listingItem div.listingItemInfo div.author a.userName {width:185px;}
    div.listingItem div.listingItemInfo div.date {font-size:11px; color:#878786;text-align:right; width:333px;
	    position:absolute; margin-top:-19px;}
    div.listingItem div.listingItemInfo div.moveDownDate div.date {margin-top:19px;}

    .itemAvatar {float:left;left:-2px;position:relative;top:-3px;width:130px;}
    .itemAvatar a.itemAvatarImg {display:block;padding:1px;}
    .itemAvatar a.itemAvatarImg img {border:1px solid #494948;}
    .itemAvatar a.itemAvatarImg.hoverItemAvatar {background: url('https://lms.synergy.ru/img/area/course-hover.png') no-repeat;}
    .itemAvatar a.itemAvatarImg.hoverItemAvatar img {border:1px solid #f01c44;}
    .itemAvatar .moderatorComment  {position:absolute;margin:-25px 0 0 10px;}
    .itemAvatar div.item  img.img {height:10px;width:17px;}
    .itemAvatar .markBox {top: 2px;}

    .courseVersionCompleteBox {margin-left:29px}
    .recordBook table.dataTable th.firstCell {width: 30px;}
    .recordBook table.dataTable th.secondCell {width: 20px;}
    .recordBook table.dataTable .user-mark {margin-right: 11px;}

    /*NEW coursesListing*/


    /* Courses/Meetings moderation*/
    div.courseModerator, div.meetingModerator {width: 165px;position:relative;}
    div.courseModerator div, div.meetingModerator div {float:left;}
    div.courseModerator .moderatorComment, div.meetingModerator .moderatorComment {position: absolute;top:9px;right:-40px;}
    #declineCourseOrProgram .declineReason, #declineMeeting .declineReason {margin-bottom:10px;position: relative;}
    #declineCourseOrProgram .declineReason input, #declineMeeting .declineReason input {position: absolute;top:0;left:0}
    #declineCourseOrProgram label, #declineMeeting label {display: block;font-size: 12px;font-weight:normal !important;word-wrap: break-word;}
    #declineCourseOrProgram .declineReason label, #declineMeeting .declineReason label {margin-left: 25px;}
    #declineCourseOrProgram textarea, #declineMeeting textarea {height:100px; width:540px;}
    #declineCourseOrProgram div.smallNoFieldMessage, #declineMeeting div.smallNoFieldMessage {width:534px; margin-bottom:10px;}
    div.coursesDeclineReasons {margin-bottom:15px;font-size:12px; color:#8a8a84; min-height:200px;}
    div.coursesDeclineReasons p {margin-top:10px; margin-bottom:15px;font-weight:bold;}
    div.coursesDeclineReasons ul {list-style-type:disc;margin:0px;text-align:left;}
    ul.coursesModerationStatus, ul.meetingsModerationStatus {list-style-type:disc;}
    ul.coursesModerationStatus li {list-style-type:disc; color: #8A8A83;font-size: 12px;line-height: 1.2;margin-bottom:10px;list-style:inside;}
    ul.meetingsModerationStatus li {list-style-type:disc; color: #8A8A83;font-size: 12px;line-height: 1.2;margin-bottom:10px;list-style:inside;}
    div.coursesDeclineReasons li {margin-left:15px;margin-bottom:10px;}
    #declineMeeting .largeWithFieldMessage {margin-top:0}

    /*Edit materials*/
    div.old div.editMaterial {margin-top:10px;}
    div.old div.editMaterials textarea {margin:10px 0;margin:0;}
    div.old div.editMaterials #textMaterialType textarea {width:521px;}
    div.old div.editMaterials h1 {line-height:1;}
    div.old div.editMaterials dl {margin-bottom:14px;}
    div.old div.editMaterials dl dt {margin-bottom:10px}
    div.old div.editMaterials dl input[type="text"] {margin:0;}
    div.old div.editMaterialsLayout div.left {width:340px;background:#f5f4f0;padding:10px;float:left;position:relative;overflow:hidden;}
    div.old div.editMaterialsLayout div.right {width:530px;padding:0 10px 10px 10px;float:right;}
    div.old div.editMaterialsLayout div.left h2 {margin-bottom:0px;}

    div.old .viewItemFileContent {position:absolute;z-index:300;width:1050px !important;}
    div.old .viewItemFileContent .popupBody {padding:10px 25px !important;}
    div.old .viewItemFileContent .popupBody #popupCloseBtn {margin-right:0;right:32px;}
    div.old .viewItemFileContent iframe {height:700px;width:998px;margin:0 auto;border:1px solid #D4D3D2;}

    div.old div.editMaterialType {margin-bottom:10px;}
    div.old div.editMaterialType * {vertical-align:middle;height:17px;cursor:pointer;text-decoration:none;}
    div.old div.editMaterialType div.addMaterial, div.editMaterialType div.addCatalog {width:225px; margin-right:30px;float:left;}
    div.old div.editMaterialType div.addMaterial  span.ico {background-position:0 -800px}
    div.old div.editMaterialType div.addCatalog  span.ico  {background-position:0 -780px}
    div.old div.editMaterialType div.addMaterial:hover  label, div.editMaterialType div.addCatalog:hover label {color:#ed1c3f;}
    div.old div.editMaterialPage dl#attemptCountControl {margin-bottom:0px;}
    div.old div.editMaterialPage dl#attemptCountControl dd {padding-bottom:14px;}
    div.old div.editMaterialPage form#uploadVideos #fileMaterialType {margin-bottom:0;}
    div.old div.editMaterialPage form#uploadVideos #fileMaterialType .courseVideoFile {padding-bottom:14px;}
    div.old div.editMaterialType div.clear {height:0}
    div.old div.editMaterials .mceIframeContainer iframe {height:300px !important;}

	/*course video preview POPUP*/
	div.old div.popupBody #popupCloseBtn {margin-bottom:5px;}
	div.old div.courseVideoPreview {position:absolute;z-index:300;}
	div.old div.courseVideoPreview {width:750px;}
	div.old div.courseVideoPreview iframe {width:640px; height:510px;}

	/*upload video*/
	div.old div.editMaterials div.courseVideoFile  div.addFiles {padding:0;width:320px}
	div.old div.editMaterials .progressBarInProgress {width:170px !important;}
	div.old div.editMaterials div.courseVideoFile div.addFiles .progressTd {padding-left:10px;width:170px}
	div.old div.editMaterials div.courseVideoFile div.addFiles label.notHidden {color:#888080;font-size:11px;font-weight:bold;
		float:none;line-height:1.2;display:inline-block;margin-bottom:10px;}
	div.old div.editMaterials div.courseVideoFile  div.addFiles	#startUploadLabel {padding-left:12px;}

    #learningEditPage1 .demoLearningHide {margin-top:5px;}
    #learningEditPage1 .packageDetails {margin-top:-10px;}
    /*END Edit materials*/


    /*Edit materials*/
    div.editMaterial {margin-top:10px;}
    div.editMaterials textarea {margin:10px 0;margin:0;}
    div.editMaterials #textMaterialType textarea {width:521px;}
    div.editMaterials h1 {line-height:1;}
    div.editMaterials dl {margin-bottom:5px;}
    div.editMaterials dl dt {margin-bottom:10px}
    div.editMaterials dl input[type="text"] {margin:0;}
    div.editMaterialsLayout {position:relative;}
    div.editMaterialsLayout div.left {width:340px;background:#f5f4f0;padding:10px;float:left;position:relative;overflow:hidden;}
    div.editMaterialsLayout div.right {width:530px;padding:0 10px 10px 10px;float:right;}
    div.editMaterialsLayout div.left h2 {margin-bottom:0px;}

    div.editMaterials .editMaterialTree {list-style:none;position:relative;overflow:hidden;width:330px;}
    div.editMaterials .editMaterialTree ul.ltr > li {margin-left:0;}
    .tree .ltr li.last  {float:none !important;}
    .tree li a, .tree li span {height: 17px !important;}

    div.editMaterialTree .jstree-icon {display:none;}
    div.editMaterialTree .tree li {overflow:visible !important;}
    div.editMaterials .editMaterialTree li {cursor:pointer;padding:4px 0 0 10px;position:relative;display:block;width: inherit;}
    div.editMaterials .editMaterialTree li * {font-weight:bold;}

    div.editMaterials .editMaterialTree li.zipMaterial {height:16px;overflow: hidden;}
    div.editMaterials .editMaterialTree li.videoMaterial {height:16px;overflow: hidden;}
    div.editMaterials .editMaterialTree li.Material {height:16px;overflow: hidden;}
    div.editMaterials .editMaterialTree li:hover > a {color:#ED1C3F;}
    div.editMaterials .editMaterialTree li.section a.clicked, div.editMaterials .editMaterialTree li.material a.clicked	{color:#ED1C3F;background:none !important;border-color:#F5F4F0;}
    div.editMaterials .editMaterialTree a.nodeButton {display:block;}
    div.editMaterials .editMaterialTree a.nodeButton span.clear {display:block;border:0px solid #F5F4F0;height:0;}
    div.editMaterials .editMaterialTree a.nodeButton:hover span.treeMaterialAction {visibility:visible;}
    div.editMaterials .editMaterialTree span.editInputContainer {position:absolute;top:4px;left:38px;border:1px solid #C3BFBF;padding:0;}
    div.editMaterials .editMaterialTree span.editInputContainer input {border: 0px}
    div.editMaterials .listAction {position:absolute;left:260px;top:45px;padding:0;margin:0;}
    div.editMaterials .editMaterialTop .left {float: left; width: 360px;}
    div.editMaterials .editMaterialTop .right {float: right; width: 540px;}
    div.editMaterials .editMaterialTree ul ins {width:17px !important;height:17px !important;}


    div.editMaterials span.gradient {background: url('https://lms.synergy.ru/img/area/edit-material.png') repeat-y right 0;
	    height:20px;position:absolute;width:150px;z-index:10;right:-60px;margin:0;}

    span.treeMaterialAction span.ico {width:17px;height:16px;line-height:16px;}
    span.treeMaterialAction {width:70px;height:16px;position: absolute;right:0;margin:0 !important;z-index:20;visibility:hidden;}
    @media all and (-webkit-min-device-pixel-ratio:0) {
	span.treeMaterialAction {margin:-3px 0 0 0 !important;}
	div.editMaterials span.gradient {margin-top:-3px !important;}
    }

    span.treeMaterialAction span {padding:0 !important;cursor:pointer;}
    span.treeMaterialAction {text-align:right;}

    div.editMaterialType {margin-bottom:10px;}
    div.editMaterialType * {vertical-align:middle;height:17px;cursor:pointer;text-decoration:none;}
    div.editMaterialType div.addMaterial, div.editMaterialType div.addCatalog {width:225px; margin-right:30px;float:left;}
    div.editMaterialType div.addMaterial  span.ico {background-position:0 -800px}
    div.editMaterialType div.addCatalog  span.ico  {background-position:0 -780px}
    div.editMaterialType div.addMaterial:hover  label, div.editMaterialType div.addCatalog:hover label {color:#ed1c3f;}
    div.editMaterialPage dl#attemptCountControl {margin-bottom:0px;}
    div.editMaterialPage dl#attemptCountControl dd {padding-bottom:14px;}
    div.editMaterialPage form#uploadVideos #fileMaterialType {margin-bottom:0;}
    div.editMaterialPage .materialStructureTable {height:197px; overflow-y:scroll;}
    div.editMaterialPage .materialStructureTable .indexFileRadioCol {width:50px}
    div.editMaterialType div.clear {height:0}
    div.editMaterials .mceIframeContainer iframe {height:300px !important;}
    #videoRecordingThumbnail {margin-bottom:10px;}

    .editMaterialPage #addRecordedVideo .action {margin-top: 10px;}
    .editMaterialPage .fixHeightBox  {min-height: 375px;overflow: hidden;}
    .editMaterialPage #editTreeFormContainer .loaderSmall {position: relative;display: inline-block; margin-top: 2px;}

    #fileWebCamFormContainer .fixHeightBox  {min-height: 400px;overflow: hidden;}

	/*course video preview POPUP*/
	.materialEditPlayer {width:500px; height: 402px;}
	.courseAddPlayer {width:535px; height: 427px;}

	/*upload video*/
	div.editMaterials div.courseVideoFile div.addFiles {padding:0;width:515px;margin-bottom: 10px;}
	div.editMaterials div.courseVideoFile div.uploadFileFormContainer div.addFiles {float:left; width:250px !important;}
	div.editMaterials div.courseVideoFile div.addFiles #fileName {width: 94%;}
	div.editMaterials .progressBarInProgress {width:170px !important;}
	div.editMaterials div.courseVideoFile div.addFiles .progressTd {padding-left:10px;width:170px}
	div.editMaterials div.courseVideoFile div.addFiles label.notHidden {color:#888080;font-size:11px;font-weight:bold;
		float:none;line-height:1.2;display:inline-block;margin-bottom:10px;}
	div.editMaterials div.courseVideoFile  div.addFiles	#startUploadLabel {padding-left:12px;min-width:200px;}
    /*END Edit materials*/
	div#videoContainer {text-align:center;display: inline-block;}
	div.videoBox {text-align:center;}
	.headerSimple div.videoBox {position:absolute;top:50%;left:50%;}
	.headerSimple .videoBoxImg  img {display: block;margin: 20px auto;width: 640px;}
    /*Video player*/

    /*fast create new courses*/
	div.fastCreateCourses dl dt {display:inline-block; margin-bottom:5px;}
	div.fastCreateCourses dl dd {padding-bottom:15px;}
	div.fastCreateCourses select {margin:5px 0 0 0}
	div.fastCreateCourses select.courseCharacteristics {width:350px;}
	div.fastCreateCourses div.typeMaterials dl {display:inline-block;float:left;margin-right:20px;}
	div.fastCreateCourses div.typeMaterials dt {display:inline-block;margin-right:5px;float:left}
	div.fastCreateCourses div.typeMaterials dt input {margin-top:4px;}
	div.fastCreateCourses div.typeMaterials dd {display:inline-block;float:left;cursor:pointer;padding-bottom:5px;}
	div.fastCreateCourses div.typeMaterials #materialTypeContainer {height:28px;overflow:hidden;}
	div.fastCreateCourses div.typeMaterials #materialTypeContainer dl {margin-top:2px;}
	div.fastCreateCourses .progressBarInProgress {width:170px !important;}
	div.fastCreateCourses .addFiles .progressTd {padding-left:10px;width:170px}
	div.fastCreateCourses .addFiles #fileNameContainer {width:305px;}
	div.fastCreateCourses .addFiles #fileName {width:290px;}
	div.fastCreateCourses .addFiles #fileNameLabel {color:#888080;display:inline-block;line-height:1;margin-bottom:10px;}
	div.fastCreateCourses div.typeMaterialText {margin:0 0 20px 0;}
	div.fastCreateCourses div.typeMaterialText div.textarea {margin-top:10px;}
	div.fastCreateCourses div.typeMaterialText div.textarea textarea {width:563px;height:351px;}
	div.fastCreateCourses div.typeMaterialText .mceIframeContainer iframe {height:300px !important;}
	.additionalInfoLink:hover {color:#ED1C3F;cursor:pointer;}
	div.fastCreateCourses div.additionalInfo {margin:10px 0 20px 0;}
	div.fastCreateCourses div.additionalInfo textarea {margin:5px 0 10px 0;width:563px;}
	div.fastCreateCourses input.courseName {width:550px;margin:5px 0 0 0;}
	div.fastCreateCourses label.typeMaterialsTitle {display:block;margin-bottom:10px;}
	div.fastCreateCourses div.typeMaterials div.scormFile {margin-top:0;}
	div.fastCreateCourses #flashRecorder  {margin-bottom: 10px;}
        .parseHtmlHeadersLevel > div { width: 85px!important; }
    /*END fast create new courses*/
    .materialLearning h3.title {overflow:hidden;max-width: 770px;color:#1E1E1E !important;font-size:24px !important;font-weight:bold !important;word-wrap:break-word;}
    .materialLearning .uploadSCORM {margin:13px 0 0 10px;display: inline-block;}

    /*courses detailed statistics*/
	#tooltipBox .interactionInfoToolTip dl {margin-bottom:10px;}
	#tooltipBox .interactionInfoToolTip dt {margin-bottom:5px;}
    /*courses detailed statistics*/

    /*courses editors*/
    #editorsList #editFee .editFeeInput {width: 35px !important;}
    #editorsList .editorStatus {width:150px;}
    #editorsList .feeLoader {margin-top:-20px;position:static;width:150px;}
    #editorsList #loadFeeImg {width:20px;}
    #editorsList .feeActions {margin-left:70px;margin-top: -16px;position: absolute;width: 50px;}
    #editorsList .editorPercent {width:162px;}
    #editorsList .selfCleanInput {width:24px;margin-left:30px;height:20px;}
    #deleteEditorForm label {margin-top:0;position:absolute;margin-left:3px;width:470px;font-weight:normal;}
    #deleteEditorForm .action {margin-top:15px;}
    .editorPercentValue {cursor:pointer;}
    /*end courses editors*/

    #courseAnswer #question {height: 90px;}
    div.marks {float:left; margin-right:30px;}
    div.entityName {width:460px; overflow:hidden;}
    .paginatorCoursesListing {display:table;margin:15px auto 0 auto;}

    /* courses training page */
    div.sectionMenuInner div.answerCounter {padding-top: 5px; color: red;}
    div#trainingContent .filterCourseId {width: 310px;}
    div#trainingContent .filterLearningModeId {width: 150px;}
    div#trainingContent .filterEndDate {width: 100px;}
    div#trainingContent .filterCourseGroup {width: 200px;}
    div#trainingContent .filterCourseGroupWide {width: 367px;}
    div#trainingContent .showDate {padding-top: 20px;}
    div#trainingContent	.numberColumn {width: 25px;}
    div#trainingContent	.titleColumn {width: 265px;}
    div#trainingContent	.learningModeColumn {width: 150px;}
    div#trainingContent	.dateColumn {width: 110px;}
    div#trainingContent .commonCell {border-bottom:1px solid #ebe8e5; border-left:1px solid #ebe8e5;}
    div#trainingContent	.mouseOverRow {background: #fff9f0;}
    div#trainingContent	.mouseOverRow td {border-color: #ebe8e5; border-top: 1px solid #fff9f0;}
    div#trainingContent .groupLink {color: black; cursor: pointer; text-decoration: underline;}
    div#trainingContent .groupLink:hover {text-decoration: none;}
    div#trainingContent .emptyCourse {color: red;}
    div#trainingContent .lowMaxMark {color: blue;}
    /* end courses training page */
/*--------------------------------------------------------END COURSES-----------------------------------------------------------*/

.stretching strong span {min-width:40px !important;text-align:center;}

div.contentBox {padding:30px 0 17px 0;min-height:400px;position:relative;}
.content.mainPage div.contentBox {min-height:160px;}
/* fix buttons new style in user profile
div.contentBox, div.contentBox h1, div.contentBox h2, div.contentBox h3, div.contentBox .title,
div.contentBox lable, div.contentBox a,div.contentBox p, div.contentBox div.text, dl.post { font-size:11px; color: #333333;line-height:1.2;}
*/
.mceEditor {margin-top:5px;}

div.contentBoxBottom {background: url(https://lms.synergy.ru/img/block.png) no-repeat scroll center -39px;height:12px;}

/*div.contentBox h1 {color:#000000;font-size:21px;font-weight:bold;margin-bottom:5px;}
div.contentBox>h1 {width:940px;overflow:hidden;}
div.contentBox h2 {font-weight:bold;color:#D11438;margin-bottom:10px;font-size:12px;}
div.contentBox h3 {font-weight:bold;color:#000000;margin-bottom:5px;}*/
div.contentBox label {color:#888080;font-weight:bold;font-size:11px;}
/*
div.contentBox a {color:#ED1C3F;}
div.contentBox a:hover {color:#ED1C3F;}
*/
div.contentBox p {margin: 0px 0 15px 0;color:#494948;}
div.contentBox p.textIndent {margin: 0px 0 8px 0 !important;}
div.contentBox textarea {border:1px solid #C3BFBF;display:block;}

div.contentBox div.regStatus span {color:#C2BBBC;}
div.contentBox div.regStatus span.active {color:#000000;}

/*LAYOUT TYPE 1*/
div.layoutT1 div.left {width:345px;float:left;}
div.layoutT1 div.right {width:572px;float:right;}

/*LAYOUT TYPE 2*/
div.layoutT2 div.left {width:565px;float:left;}
div.layoutT2 div.right {width:345px;float:right;}

/*LAYOUT TYPE 3*/
div.layoutT3 div.left {width:295px;float:left;margin-right:15px;}
div.layoutT3 div.center {width:255px;float:left;}
div.layoutT3 div.right {width:345px;float:right;}

/*LAYOUT TYPE 4*/
div.layoutT4 div.left {width:650px;float:left;}
div.layoutT4 div.right {width:260px;float:right;}

/*LAYOUT TYPE 5*/
div.layoutT5 div.left {width:670px;float:left;}
div.layoutT5 div.right {width:310px;float:right;}

/*LAYOUT TYPE 6*/
div.layoutT6 div.left {width:245px;float:left;}
div.layoutT6 div.right {width:735px;float:right;}

/*LAYOUT TYPE 7*/
div.layoutT7 div.left {width:740px;float:left;}
div.layoutT7 div.right {width:345px;float:right;}

div.layoutT2 div.halfWidth {width: 48%;}

div.author {margin-top:10px;}
div.author img {vertical-align:middle;}
div.author a {vertical-align:middle;color:#515050;text-decoration:none;font-weight:bold;display:inline-block;}
div.author a.userName {font-size:11px;width:100px;display:inline-block;overflow:hidden;white-space:nowrap; color:#515050 !important;position:relative;}
div.author a:hover {color:#ED1C3F  !important}
div.author a.userName strong {width:100%;clear:both;}
div.author a.userName span {background:transparent url(https://lms.synergy.ru/img/gradient.png) no-repeat scroll right 0;
cursor:pointer;display:block;height:23px;margin:-18px 0 0 80px;position:absolute;text-decoration:none;width:45px;}

.userGroupLink {margin-left: 30px;position: relative; display: inline-block;}
.userGroupLink ins {background: url('https://lms.synergy.ru/img/user-group.png') no-repeat 0 0;width: 24px;height: 24px;display: inline-block;position: absolute;top:0;left:-30px;}
.userGroupLink span {vertical-align: middle;display: table-cell;height: 24px;font-size: 11px;color:#000000;font-weight: bold;line-height: 1 !important;}

.dataTable tr.unread div.author  a.userName span {background-position:0 -27px;}
.dataTable tbody tr:hover div.author  a.userName span {background-position:0 -56px;}

div.author.userAvatarType_1 {width:140px; float: left}
div.author.userAvatarType_1 span span {width:100px;}

div.author.userAvatarType_2 {width:180px;}
div.author.userAvatarType_2 span span {width:140px}

div.author.userAvatarType_3 {width:225px;}
div.author.userAvatarType_3 span span {width:185px}

div.author.userAvatarType_4 {width:380px;}
div.author.userAvatarType_4 span span {width:340px}

div.author.userAvatarAutoCompl a.userName span {margin-left:390px;}
div.author.userAvatarAutoCompl a.userName span:hover {background-position:right -25px;}
form#adminParametersSearch #autocomplete_body div.author.userAvatarAutoCompl  {margin-top: 16px;}

div.author.userAvatarAutoComplType_2 {width:410px;}
div.author.userAvatarAutoComplType_2 a.userName {width:380px}
div.author.userAvatarAutoComplType_2 a.userName span {margin-left:345px;}
div.author.userAvatarAutoComplType_2:hover a.userName span {background-position:right -25px;}

.userAvatarView {display:inline-block;position:relative;text-decoration:none !important;min-height:34px;cursor:pointer;width: inherit;overflow:hidden;}
.userAvatarView img {position:absolute;top:0;left:0;width:24px;height:24px;cursor:pointer;}
.userAvatarView span.firstSpan {height:24px  !important;display:table-cell  !important;vertical-align: middle  !important;width: inherit;}
.userAvatarView span span {text-decoration:none;cursor:pointer;margin:0 0 0 30px !important; display:inline-block !important;width:inherit;color:#515050 !important;font-size: 11px !important;line-height: 1 !important;}
.userAvatarView:hover span span {color:#ED1C3F !important;}
.userAvatarView span span {
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla*/
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
.newMessage .recipientsList #autocomplete_body .author {margin:0px 5px 5px 0;}
.newMessage .recipientsList div#autocomplete_body {overflow:visible;}

/*TEXT BLOCK*/
div.text p, div.text * {color: #636363; font-size:15px;line-height:1.2;}
div.text p.textBig {font-size:21px;}
div.text p a, div.text a {color:#ED1C3F;font-size:15px;}
div.text ol li, div.text ul li {list-style-position:inside;}

/*GRAY BOX*/
.grayBox {background:#f6f3f0;margin-bottom:10px;}
.grayBox div.grayBoxLT {width:5px;height:5px;background: url('https://lms.synergy.ru/img/corner/graybox.png') no-repeat 0px 0px;float:left;font-size:5px;}
.grayBox div.grayBoxRT {width:5px;height:5px;background: url('https://lms.synergy.ru/img/corner/graybox.png') no-repeat -5px 0px;float:right;font-size:5px;}
.grayBox div.grayBoxLB {width:5px;height:5px;background: url('https://lms.synergy.ru/img/corner/graybox.png') no-repeat 0px -5px;float:left;font-size:5px;}
.grayBox div.grayBoxRB {width:5px;height:5px;background: url('https://lms.synergy.ru/img/corner/graybox.png') no-repeat -5px -5px;float:right;font-size:5px;}
.grayBox div.grayBoxCenter {padding:10px 15px;}
.grayBox h3 {color:#1e1e1e;margin-bottom:10px;}
.grayBox h3.attention {background: url('https://lms.synergy.ru/img/ico/gd-element.png') no-repeat -79px -28px;height:17px;padding-left:33px;padding-top:6px;}
.grayBox h3.payment {background: url('https://lms.synergy.ru/img/ico/gd-element.png') no-repeat  -79px -56px;height:17px;padding-left:33px;padding-top:6px;}

.grayBox h3.ok {background: url('https://lms.synergy.ru/img/ico/gd-element.png') no-repeat -79px 0;height:17px;padding-left:40px;padding-top:6px;color:#494948 !important}
.gdTop5 {background: url('https://lms.synergy.ru/img/ico/gd-element.png') no-repeat -79px -84px;height:23px;padding-left:30px;}

/*Instant Message*/
.instantMessage {
    background:#ffde58;
    width:960px;min-height:20px;padding:15px 20px 20px 20px;
    position:fixed !important;top:0;left:50%;margin:0 0 0 -500px;z-index:1100 !important;
    -webkit-border-radius:0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.instantMessage.attention {background:#ffde58;}
.instantMessage.ok {background:#61e34c;}
.instantMessage h3 {color:#1e1e1e;}
.instantMessage h3.attention {background: url('https://lms.synergy.ru/img/ico/gd-element.png') no-repeat -79px -28px;height:17px;padding-left:33px;padding-top:6px;}
.instantMessage h3.ok {background: url('https://lms.synergy.ru/img/ico/gd-element.png') no-repeat -79px 0;height:17px;padding-left:40px;padding-top:6px;}
.instantMessage p {font-size:12px;margin:5px 0 0 0;}

.instantMessage.errorMessage {background:#feb3a2;min-width:200px;max-width:500px;left:auto;right:0;padding:15px 20px 15px 20px;width:auto;min-height:1px;
    -webkit-border-radius:0 0 0 5px;
    -moz-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px;
}
.instantMessage.errorMessage h3 {background: url('https://lms.synergy.ru/img/ico/gd-element.png') no-repeat -79px -28px;height:17px;padding-left:35px;padding-top:6px;float:left;display:inline-block;}
.instantMessage.errorMessage p {font-size:12px;}

/*DATA TABLE*/
div.contentBox .qMarker2 {background: url('https://lms.synergy.ru/img/ico/gd-element.png') no-repeat -44px -100px;}
div.contentBox .qMarker1, div.contentBox .qMarker2 {width:19px;height:18px;padding-left:5px;text-align:center;cursor:pointer;}
div.contentBox .qMarker1 a, div.contentBox .qMarker2 a {color:#ffffff;font-size:11px;text-decoration:none;border:0;font-weight:bold;line-height:17px;display:block;}
div.contentBox .qMarker2 a:hover {color:#ffffff;}

table.noResize {width:auto !important;}
.dataTable .red {color:#D11438;}
.dataTable .green {color:green}
.dataTable .gray {color:#8a8a84;}
table.vTop td {vertical-align:top}
table.vMiddle td {vertical-align:middle}
td.vTop {vertical-align:top}
td.vMiddle {vertical-align:middle}
td.vBottom {vertical-align:bottom}
.grayTr {background:#f6f6f6;}
.dataTable.dialogs tbody tr.unread td {background:#cbe6f7;}
.dataTable.dialogs tbody tr.read td {background:#ffffff;}
.dataTable.dialogs tbody tr.unread td.firstCell {border-left:8px solid #2A8DD4;}
.dataTable.dialogs tbody tr:hover td{background: #e5f2fa !important;}
.dataTable.dialogs tbody td.action {white-space:nowrap;}

/*.dataTable th {background: #f6f3f0;padding:5px 7px 5px 7px;color:#8a8a84;}
.dataTable th select {text-transform:none;}
.dataTable .notResult {color:#000000;font-size:11px;margin-bottom:5px;text-align:center;}
.dataTable tbody td .minHeightTd {min-height:34px;line-height:34px;}

.dataTable tbody tr.line {background:#f6f3f0;height:2px;line-height:2px;}
.dataTable tbody tr.line td {padding:0px;margin:0px;font-size:2px;line-height:2px;border-left:1px solid #ebe8e5;border-right:1px solid #ebe8e5;}
.dataTable tbody .selector td {padding:0px;margin:0px;}
.dataTable tbody tr.row:hover .selector td {border:0px;}
.dataTable div.shortProgress {margin:0 auto;}
.dataTable tbody tr.unread td {background:#EAEAED;}
.dataTable tbody tr.close td {background:#FFF579;}
.dataTable tbody tr.veryClose td {background:#FF8080;}
.dataTable tbody tr.openEntity td {background:#6094FF;}

.decorateTable {border-collapse: separate;background: url('https://lms.synergy.ru/img/decor-table-head.png') repeat-x 0 -78px;}
.decorateTable thead th {background:none;border-right:1px solid #d4d3d2;vertical-align:middle;height:36px;padding:0 0 0 15px;color:#888080;}
.decorateTable th.firstCell {background: url('https://lms.synergy.ru/img/decor-table-head.png') no-repeat left 0;height:36px;}
.decorateTable th.lastCell {background: url('https://lms.synergy.ru/img/decor-table-head.png') no-repeat right -39px;height:36px;border:none;}

.decorateTable div.author {width:130px;}

.dataTable tbody td {padding:5px;}
.dataTable tbody td.firstCell {border-left:1px solid #ebe8e5;}
.dataTable tbody td.lastCell {border-right:1px solid #ebe8e5;}
.dataTable tbody tr.row td {border-top:1px solid #ffffff; border-bottom:1px solid #ffffff;}
.dataTable tbody tr:hover td.firstCell {border-left:1px solid #D11438;}
.dataTable tbody tr:hover td.lastCell {border-right:1px solid #D11438;}
.dataTable tbody tr.row:hover td {border-top:1px solid #D11438; border-bottom:1px solid #D11438;padding:5px; background: #fff9f0;}

.dataTable tbody td p {margin:0;}
.dataTable tbody td a, .dataTable tbody td a * {text-decoration:none;color:#333333}
.dataTable tbody td a:hover, .dataTable tbody td a:hover  * {color:#ed1c3f}
.dataTable tbody td.action {white-space:nowrap;}
.dataTable tbody td.action div > a {visibility:hidden}
.dataTable tbody tr:hover td.action div > a {visibility:visible;}
.dataTable .hidden {display: none !important}


.dataTable th.number, .dataTable td.number {width:20px;padding-left:10px;padding-right:10px;}
.dataTable tbody tr.row:hover td.number {width:20px;padding-left:10px;padding-right:10px;}
.dataTable th.checkbox {width:43px;padding:0px;}
.dataTable th.date {width:110px;}
.dataTable th.action {width:80px;}
.dataTable th.actionLong {width:180px;}
.dataTable th.rating {width:120px;}
.dataTable th.friends {width:50px;}
.dataTable th.status {width:90px;}
.dataTable th.title {width:250px;color:#8A8A84;}
.dataTable th.button {width:37px;padding-right:0px;}
.dateTable th.nowrap {white-space:nowrap;}

.dataTable td.checkbox_short, th.checkbox_short {width:20px; padding: 0 !important}
.dataTable td.date {color:#878786;}
.dataTable td.rating {color:#d71939;font-weight:bold;}
.dataTable td.friends {color:#8a8a84;font-weight:bold;}
.dataTable td.status {color:#d71939;font-weight:bold;}
.dataTable td.button {padding-right:0px;padding-left:5px;}
.dataTable td.button div {position: relative;}
.dataTable td.button span.btRight {margin:0px;}
.dataTable tbody tr.row:hover td.button {padding-right:0px;padding-left:5px;}
.dataTable tbody tr.row:hover td.button span.btRight {margin:0px;}
.dataTable tbody tr.row:hover td.checkbox_short {padding:0;}

.dataTable tbody td div.author {position:relative;top:-5px;}
.dataTable tbody td div.userIco {white-space:nowrap;}

.dataTable th table {width:auto;}
.dataTable th table td {padding: 0px;}
.dataTable th.lPos .tableFilter {margin:0;}
.dataTable th.lPos .tableFilterDisable {margin:0;}

.dataTable tbody tr.row.blueBg {background: rgba(76, 181, 254);}
.dataTable tbody tr.row.blueBg {background: rgba(76, 181, 254, 0.3);}
.dataTable tbody tr.row.blueBg:hover td {border-top:1px solid #D11438; border-bottom:1px solid #D11438;padding:5px; background: rgba(76, 181, 254);}
.dataTable tbody tr.row.blueBg:hover td {border-top:1px solid #D11438; border-bottom:1px solid #D11438;padding:5px; background: rgba(76, 181, 254, 0.3);}

.dataTable th a {color:#8a8a84;border-bottom:1px dotted #000000;text-decoration:none;cursor:pointer;line-height:14px;}
.dataTable .tableFilter {height:18px;width:auto;margin:0 auto;}
.dataTable .tableFilter td {background-image:url('https://lms.synergy.ru/img/selector/table-filter.png');height:18px;padding:0px;background-color:#b9b9b5;}
.dataTable .tableFilter td.left, .dataTable .tableFilter td.right {width:3px;background-repeat:no-repeat;}
.dataTable .tableFilter td.left {background-position:0 0;}
.dataTable .tableFilter td.right {background-position:-8px 0px;}
.dataTable .tableFilter td.center {background-repeat:repeat-x;background-image:none;padding:2px 4px 0 4px;}
.dataTable .tableFilter td.center a {color:#ffffff;border:0px;line-height:14px;text-decoration:none;margin:0px;}
.dataTable .tableFilter td.marker {background-image: url('https://lms.synergy.ru/img/selector/table-filter.png');background-repeat:no-repeat;background-color:#b9b9b5;
	line-height:14px;width:9px;}
.dataTable .tableFilter td.marker a {border:0;}
.dataTable .tableFilter td.markerUp {background-position:-20px center;}
.dataTable .tableFilter td.markerDown {background-position:-30px center;}
.dataTable .tableFilter td.leftBottom {background-position:-12px 0;width:2px;height:2px;font-size:2px;padding:0px;line-height:2px;}
.dataTable .tableFilter td.centerBottom {background-image:none;height:2px;font-size:2px;padding:0px;line-height:2px;}
.dataTable .tableFilter td.rightBottom {background-position:-16px 0;width:2px;height:2px;font-size:2px;padding:0px;line-height:2px;background-color:#F6F3F0;}

.dataTable .tableFilterDisable {height:18px;width:auto;margin:0 auto;}
.dataTable .tableFilterDisable td {height:18px;padding:0px;}
.dataTable .tableFilterDisable td.left, .dataTable .tableFilterDisable td.right {width:3px;}
.dataTable .tableFilterDisable td.center {padding:2px 4px 0 4px;}
.dataTable .tableFilterDisable td.center a {color:#8a8a84;line-height:14px;text-decoration:none;margin:0px;}
.dataTable .tableFilterDisable td.marker {line-height:14px;width:9px;}
.dataTable .tableFilterDisable td.marker a {border:0;}
.dataTable .tableFilterDisable td.leftBottom {width:2px;height:2px;font-size:2px;padding:0px;line-height:2px;}
.dataTable .tableFilterDisable td.centerBottom {height:2px;font-size:2px;padding:0px;line-height:2px;}
.dataTable .tableFilterDisable td.rightBottom {width:2px;height:2px;font-size:2px;padding:0px;line-height:2px;}

.dataTable td.qMarker1 {background-image:none;background: url('https://lms.synergy.ru/img/ico/gd-element.png') no-repeat -44px -81px;width:19px;height:18px;padding-left:5px;text-align:center;}.dataTable td.qMarker1 a {color:#ffffff;font-size:11px;text-decoration:none;border:0;}
.dataTable td.qMarker1 a:hover {color:#ffffff;}
.dataTable td.qMarker2 {background: url('https://lms.synergy.ru/img/ico/gd-element.png') no-repeat -44px -100px;width:19px;height:18px;padding-left:5px;text-align:center;}.dataTable td.qMarker1 a {color:#ffffff;font-size:11px;text-decoration:none;border:0;}
.dataTable td.qMarker2 a:hover {color:#ffffff;}*/

#statStudentsTable th a.sortLink {white-space: normal !important;}
#statStudentsTable th {padding:15px 13px 13px 13px;}
#statStudentsTable th.title {width:400px;}

#statGraduatorsTable th a.sortLink {white-space: normal !important;}
#statGraduatorsTable th {padding:15px 13px 13px 13px;}
#statGraduatorsTable th {white-space: nowrap !important;}

#statStudentsBody .rewardValue,
#statGraduatorsBody .rewardValue {display: inline-block !important; margin-top: 1px; vertical-align: middle !important; width: inherit;}

/*POST*/
div.myPost {margin-bottom:20px;position:relative;}
div.myPost div.date {margin:5px 0 10px 0;color:#767675;}
div.myPost div.dateWork {margin:5px 0 20px 0;color:#767675;}
div.post {margin-right:0px;}
div.post:hover {background: #fff9f0;}
div.post:hover div.author.userAvatarType_4 a.userName span {background-position:0 -60px;}
div.post div.author {margin-bottom:10px;}
div.post .grayLine {margin-bottom:0px;}
dl.post dd.title {margin-bottom:10px;}
dl.post dd.comment {border-top:1px dotted #878786;padding-top:5px;}
dl.post dd.comment td.date {color:#767675;}
dl.post dd.comment td.countPost {color:#ED1C3F;text-align:right;}
dl.post dd.comment td.countPost a {color:#ED1C3F;text-decoration:none;font-weight:bold;}
dl.post dd.comment td.countPost a:hover {color:#000000;}
dl.post dd.comment td.action {width:180px;text-align:right;}
dl.post dd.comment td.action a {font-weight:bold;text-decoration:none;margin:0 3px;}
dl.post dd.comment td.action a:hover {color:#000000;}
dl.post dd.comment td.countPost span {font-weight:bold;font-size:11px;}
dl.post dd.title div {margin-bottom:5px;}
dl.post dd.title div.postBody {width:250px;overflow:hidden;}
dl.post dd.title div a {font-size:11px;font-weight:bold;text-decoration:none;color:#1E1E1E;}
dl.post dd.title div a:hover {color:#ED1C3F}
dl.post dd.title div.postTitle {width:200px;overflow:hidden;}

div.deletePost {background:#F5F4F1;border:2px solid #EBE8E5;text-align:center;margin:10px 0;padding:10px 0;}
div.deletePost label {vertical-align:middle;}

div.myPost div.voting {right:0;}
dl.post dd.title div.voting {margin-left:205px;}

div.blogView {min-height:400px;}
.blogView div.left .blogViewTitle, .blogView div.left .myPost, .blogView div.left #comments {overflow:hidden;}

div.blogViewTitle h3 {width:470px;float:left;vertical-align:bottom;overflow:hidden;margin-right:5px;
    color:#000000;font-size:21px;font-weight:bold;float:left;}
div.blogViewTitle a {vertical-align:bottom;float:left;position:relative;top:5px;}
.blogViewTitle .outsideService {float:left;}
div#bookmarkAction a {text-decoration:none;}

/*Blog Listing*/
div.blogListing {margin-bottom:15px;padding-top:5px;overflow:hidden;position: relative;}
div.blogListing div.date {margin:5px 0 5px 26px;color:#767675;}
/*OLD*/div.blogListing h1 a {color:#000000;font-size:21px;font-weight:bold;margin-bottom:5px;text-decoration:none;}
div.blogListing h1  {width:460px;overflow:hidden;}
div.blogListing h3 a {color:#000000;font-size:21px;font-weight:bold;margin-bottom:5px;text-decoration:none;}
div.blogListing div.tags {float:left;}
div.blogListing div.countPost {color:#ED1C3F;text-align:right;width:120px;float:right;}
div.blogListing div.countPost span {font-size:11px;font-weight:bold;}
div.blogListing div.countPost span a {color:#ED1C3F;font-weight:bold;text-decoration:none;}
div.blogListing div.countPost span a:hover {color:#000000;}
div.blogListingNoBlogs {margin:10px 0;padding:10px;text-align:center;border:2px solid #EBE8E5;}
div.blogListing h3.streamTitle {overflow:hidden;}
div.blogListing div.voting {position: absolute; right: 0;}
div.blogListing .outsideService {float:left;}
.moderationBlog div.blogListing {position:relative;}
.moderationBlog div.blogListing div.moderationIcoBlock {position:absolute;right:0;margin-top:-31px;}
/*END Blog Listing*/

ul.design_list li { margin-bottom: 10px; }
ul.design_list ul { margin-left: 15px; }
ul.design_list li li { margin-bottom: 0; }


/*blogDetails*/
    .selectorBody #bookmarkAction {display:inline-block;float:none;}
    .blogDetails div.left {width:650px !important; overflow:hidden;}
    .blogDetails div.left h2, .wideBlogDetails div.left h2, .blogDetails div.left h3 {width:525px;overflow:hidden;
	    color:#000000;
	    font-size:21px;
	    font-weight:bold;
	    margin-bottom:5px;
	    float:left;}
    .blogDetails div.left a.rssIco {position:absolute;margin:6px 0 0 603px;z-index:5;}
    .blogDetails div.left a.rssIco img {width:44px;height:16px;background: url("https://lms.synergy.ru/img/ico/gd-element.png") no-repeat 0 -124px;}
    .blogDetails div.left a.changeIco {position:absolute;margin:6px 0 0 533px;z-index:5;}
    .blogDetails div.left #bookmarkAction {position:absolute;margin:6px 0 0 520px;width:80px;height:0px;display:inline-block;text-align: right;}
    .blogDetails dl.info .author {margin-bottom:5px;}
    .blogDetails div.right dl {margin-bottom:15px;}
    .blogDetails div.right dt {margin-bottom:5px;}
    .blogDetails div.right dd {margin-bottom:10px;font-size:12px;}
    .blogDetails div.right dd * {font-size:12px;}
    .blogDetails div.right dd strong {display:block;margin:5px 0 5px 0px;}
    .blogDetails div.right dd a {margin-bottom:3px;display:inline-block;}
    .blogDetails div.right div.tags {margin:5px 0;}
    .blogDetails div.right dd a.categoryLink {color:#333333;font-size:12px;text-decoration:none;}
    .blogDetails div.right dd a.categoryLink:hover {color:#ED1C3F;}
    .blogDetails div.right dt a.groupLink {color:#888080;font-size:11px;font-weight:bold;text-decoration:none;}
    .blogDetails div.right dt a.groupLink:hover {color:#ED1C3F;}
/*END blogDetails*/

/*load avatar*/
div.addFiles div.file {height:28px;position: absolute;left:-20000px;}
div.addFiles div.file input {cursor:pointer;height:28px;}
div.addFiles {background:#ffffff;padding:10px 15px 0 18px;width:286px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
div.addFiles label {color:#888080;font-size:11px;font-weight:bold;line-height:22px;float:left;}
div.addFiles img {vertical-align:middle;margin:8px 5px 0 5px;float:left;}
div.addFiles input {vertical-align:middle;}
div.addFiles .bt2_Type3 span.btRight {margin-right:0px;}
#fileName {width:135px;border:1px solid #C3BFBF;float:left;margin:0px;}
div.addFiles #uploadErrorsContainer {border:1px solid #ED1C3F !important;margin:5px 0 0 0;padding:5px}
div.addFiles #uploadErrorsContainer * {color:#ED1C3F;font-size:11px;}
div.addFiles .button {width:75px;position:relative;}
div.addFiles .button .bt {padding: 0;text-align: center;padding: 0 15px;position: relative;}
div.addFiles .button .bt span {padding:0 2px;}
div.addFiles #avatarLoader {height:20px;position:absolute;margin:-23px 0 0 249px;display: none; }
div.addFiles .flash .progressWrapper {display:inline-block;width:auto;}
div.addFiles .flash div.progressFileName {display:inline-block;float:left;width:auto;margin:6px 5px 0 0;font-weight:normal;}
div.addFiles .flash div.progressStatus {display:inline-block;float:left;color:#888080;margin:5px 0}

div.deleteImg {margin-top:15px;width:80px;}
div.deleteImg .ico {padding:2px 0 0 0;margin-right:0;}
div.deleteImg a {text-decoration:none;font-size:11px;}
div.deleteImg a label {margin-top:2px;display:inline-block;}
div.deleteImg:hover .ico {background-position:-31px -85px;}
div.deleteImg:hover a {text-decoration:none;cursor:pointer;color:#ED1C3F;}
div.deleteImg:hover a label {color:#ED1C3F;cursor:pointer;}



    div.coursesImg div.addFiles {padding:10px 14px 0 14px;width:196px;}
    div.coursesImg div.addFiles #avatarLoader {margin:-23px 0 0 163px}
    div.coursesImg #fileName {width:59px}

div.answerBox {display:none;margin-top: -2px; background:#F5F4F1;border:2px solid #EBE8E5;padding:15px 13px 0px 13px;}
div.answerBox textarea {width:319px;}
form#commentAnswer textarea {width:99%;}
div.answerBox div.action {display:inline;float:right;margin:10px 0;}
div.recomment {margin-left:40px;}

.answerBox textarea, x:-moz-any-link, x:default {width:335px;} /*hack FF*/

form#addPostComment div.largeWithFieldControl {margin-top:10px;width:321px;}
form#commentAnswer div.largeWithFieldControl {margin-top:10px;}

/*BALANCE*/
div.balance {margin:10px 0 10px 0;min-height:440px;}
div.balance div.grayLine {margin:14px 0 15px 0;}
div.balance .price {font-size:20px;color:#ed1c3f;font-weight:bold;margin-right:10px;}
div.balance dl.price dd {float:left;margin-right:5px;width:180px;}
div.balance dl.price dd label {font-size:11px;vertical-align:baseline;line-height:39px;}
div.balance #paymentMethod {margin:0 0 20px 0;}
div.balance .paymentMethod dt {margin-bottom:10px;}
div.balance .paymentMethod dd {margin-bottom:5px;}
div.balance .paymentMethod dd input {position:relative;top:-1px;margin-right:5px;vertical-align:middle;}
div.balance .paymentMethod dd label {vertical-align:middle;margin-top:0px;font-size:16px;}
div.balance .paymentMethod dd div.descr {font-size:13px;color:#1E1E1E;margin:5px 0 0 23px;}
div.balance #paymentMethod div.description {font-size:13px;color:#1E1E1E;margin:5px 0 0 0;}
div.balance .balanceDescriptionTooltip {margin-left: -8px; margin-top: 4px; margin-right: 0px;}
div.balance #balanceAdd {margin-left: 15px; margin-right: 10px;}
div.balance .textShort {width: 166px !important;}

#showTransactions {margin-top:5px;}
#showTransactions table {width:auto;margin-bottom: 5px;}
#showTransactions table #showTransactionsBtn {margin-left: 15px;}
#showTransactions dd {float:left;display:inline-block;margin-right:5px;}
#showTransactions dd label, #showTransactions dd a {display:inline-block;margin:11px 5px 0 0;}
#showTransactions #currencyContainer .selector .hidden {display:none !important;}
.validatorMsg {color: #ED1C3F !important;white-space:normal !important;clear:both !important; font-weight:bold !important; }
.validatorMsg1 {color: #ED1C3F !important;white-space:normal !important;clear:both !important; font-weight:bold !important; font-size: 11px; }
.validatorMsg2 {color: #ED1C3F !important;white-space:normal !important;clear:both !important; font-weight:bold !important; font-size: 11px; margin: 4px 0; }
div.balance #summaryTable {width:auto;margin-top:5px;float:left;}
div.balance .sslSecureImage {position:relative;float:right;}
div.balance #summaryTable td {padding-right:20px;}
div.balance .sslSecureImage {position:relative;float:right;}
div.balance .balanceTransationDescr {width:445px;overflow:hidden;}
/*END BALANCE*/

div.balance .balanceTransationDescr {width:445px;overflow:hidden;}

/*EVENTS*/
div.events div.date {border-top:1px solid #d2cfcb;border-bottom:1px solid #d2cfcb; padding:3px 10px;background:#EBE8E5;
    font-size:11px;font-weight:bold;color:#888080;}
div.events #leftPart {min-height:100px;}
div.events .eventsItemBody {margin:5px 10px;border-bottom:1px solid #d2cfcb;padding: 0px 0px 5px 2px;}
div.events .eventsItemBodyLast {margin:5px 10px;border-bottom:0px solid #d2cfcb;padding: 0px 0px 5px 2px;}
div.events div.eventsItem .typeAction, div.events div.eventsItem .textBody, div.events div.eventsItem .time  {display:inline-block;}
div.events div.eventsItem .typeAction {width:60px;padding-left:4px;}
div.events div.eventsItem .typeAction div {margin-top:5px;position:relative;display:inline-block;width:17px;float:left;margin-right:10px;}
div.events div.eventsItem .typeAction img {margin-top:5px;}
div.events div.eventsItem .typeAction a {float:left;}
div.events div.eventsItem .textBody {width:505px;overflow:hidden;}
div.events div.eventsItem .textBody, div.events div.eventsItem .textBody * {font-size:12px;color:#8A8A83;font-weight:normal;
	line-height:1.4}
div.events div.eventsItem .textBody  .userName {color:#ED1C3F}
div.events div.eventsItem .time {width:50px;text-align:right;color:#8A8A83;padding-top:5px;}
div.events ul.eventTypes {list-style:none;}
div.events ul.eventTypes * {list-style:none;}
div.events ul.eventTypes input {margin:2px 5px 0 0;float: left;}
div.events ul.eventTypes li {margin-bottom:5px;}
div.events ul.eventTypes li:hover label {color:#ED1C3F;cursor:pointer;}

div.events div.eventsItem .typeAction .detailsIco:hover {background-position:0 -420px !important;}
div.events div.eventsItem .typeAction .personIco:hover {background-position:0 -671px !important;}
div.events div.eventsItem .typeAction .blogIco:hover {background-position:0 -874px !important;}
div.events div.eventsItem .typeAction .learningIco:hover {background-position:0 -850px !important;}
div.events div.eventsItem .typeAction .photoIco:hover {background-position:0 -964px !important;}
div.events div.eventsItem .typeAction .meetingIco:hover {background-position:0 -1062px !important;}

div.noNewInfo {margin:10px 0;padding:10px;text-align:center;border:2px solid #EBE8E5;}
#leftPart div.noNewInfo label {color:#333333;font-size:11px;line-height:1.2;font-weight:normal;margin:0px;}

div.events div.allEvents {background: url('https://lms.synergy.ru/img/ico/gd-element.png') no-repeat 0 -278px;width:78px; height:23px;margin-bottom:15px;
    font-size:11px; font-weight:bold; color:#808080;padding-left:35px;line-height:23px;cursor:pointer;}

div.events div.eventsItem div.lastPhotos {margin:10px 0;}
div.events div.eventsItem div.lastPhotos a  {cursor: pointer;display: inline;height: 0px;text-decoration: none;width: 0px;vertical-align: middle;}
div.events div.eventsItem div.lastPhotos a img {border: 1px solid #D2CFCB;display: inline;max-height: 75px;max-width: 100px;vertical-align: middle;
	padding:3px;margin:5px 5px 5px 0;}
div.events div.eventsItem div.lastPhotos a:hover img {border: 1px solid #ED1C3F}

/*END EVENTS*/

/*PHOTO*/
    .cacheImg {position: absolute;margin-left:-20000px;}
    div.photoPage label {display:inline-block; margin-bottom:5px;}
    div.photoPage div.tinyMceOut {margin-bottom:20px;}
    /*view*/
    div.photoPage div.viewPhoto {position:relative;margin-bottom:20px;}
    div.photoPage div.viewPhoto div.itemPhoto {text-align:center;}
    div.photoPage div.viewPhoto div.itemPhoto div {position:relative;display:inline-block;}
    div.photoPage div.viewPhoto div.itemPhoto img {border:1px solid #CCCCCC;}
    div.photoPage div.viewPhoto div.itemPhoto a.arrows {position:absolute;top:50%;margin-top:-28px;}
    div.photoPage div.viewPhoto div.itemPhoto a.arrows img {width:56px; height:56px;border:0;}
    div.photoPage div.viewPhoto div.itemPhoto a.prevPhoto img {background: url('https://lms.synergy.ru/img/ico/gd-element.png') no-repeat 0 -404px;}
    div.photoPage div.viewPhoto div.itemPhoto a.nextPhoto img {background: url('https://lms.synergy.ru/img/ico/gd-element.png') no-repeat -60px -404px;}
    div.photoPage div.viewPhoto div.itemPhoto a.prevPhoto {left:0;margin-left:5px;}
    div.photoPage div.viewPhoto div.itemPhoto a.nextPhoto {right:0;margin-right:5px;}
    div.photoPage div.viewPhoto img  {margin-bottom:10px;}
    div.photoPage div.viewPhoto div.voting {position:absolute;top:-12px;margin-left:810px;}
    div.photoPage div.viewPhoto .postDate {width:80px;font-weight:bold;color:#949494;width:100px;}
    div.photoPage div.viewPhoto .titlePhoto {color:#949494;padding:0 10px;}
    div.photoPage div.viewPhoto .titlePhoto div {overflow:hidden; width:720px;}
    div.photoPage div.viewPhoto .navPhoto {width:100px;}
    div.photoPage div.viewPhoto .navPhoto a {text-decoration:none;width:19px;}
    div.photoPage div.viewPhoto .navPhoto img {background: url("https://lms.synergy.ru/img/ico/gd-element.png") no-repeat; width:10px; height:14px;margin:0px;}
    div.photoPage div.viewPhoto .navPhoto a.prevPhoto {margin-right:5px;}
    div.photoPage div.viewPhoto .navPhoto a.prevPhoto img {background-position:-21px -107px}
    div.photoPage div.viewPhoto .navPhoto a.nextPhoto img {background-position:-31px -107px}
    div.photoPage div.viewPhoto .navPhoto a.prevPhoto.active img {background-position:0 -107px}
    div.photoPage div.viewPhoto .navPhoto a.nextPhoto.active img {background-position:-10px -107px}
    div.photoPage div.newRecord {padding:0;}
    div.photoPage .albumDescription {width:555px;}

    /*edit*/
    div.photoPage div.listPhotos div.item {border-bottom:1px solid #EDEAE8;margin-bottom:9px;padding:12px 0 9px 0;}
    div.photoPage div.item div.thumbnail {float:left;left:-2px;position:relative;top:-3px;text-align:center;width:174px;}
    div.photoPage div.listPhotos
    div.item  div.thumbnail {left:0;top:-3px;}
    div.photoPage div.listPhotos div.item div.thumbnail a.photoThumbnail {margin-bottom:0;}
    div.photoPage div.item div.thumbnail div.img {height:138px;}
    div.photoPage div.item div.thumbnail a.photoThumbnail {display:block;padding:1px;margin-bottom:46px;}
    div.photoPage div.item div.thumbnail a.photoThumbnail img {border:2px solid #494948;}
    div.photoPage div.item div.thumbnail a.photoThumbnail:hover img {border:2px solid #f01c44;}
    div.photoPage div.item div.thumbnail label {margin:10px 0 5px 0;line-height:1;}
    div.photoPage div.item div.thumbnail input {margin:13px 2px 0 0;}
    div.photoPage div.item div.thumbnail select {width:176px;}
    div.photoPage div.item div.thumbnail .thumbnailAction {text-align:left;margin-top:32px;}
    div.photoPage div.item div.dataPhoto {float:left;position:relative;top:-2px;width:375px;padding-left:15px;}
    div.photoPage div.item div.dataPhoto label {margin-bottom:5px;line-height:1;}
    div.photoPage div.item div.dataPhoto input {margin-bottom:10px;margin-top:0;}
    div.photoPage div.item div.dataPhoto div.tagix {margin-top:0;}
    div.photoPage div.item div.dataPhoto div.tagix .inputText  {margin:0;}
    div.photoPage div.item div.dataPhoto .tagsContainer {width:375px;}
    div.photoPage div.item div.dataPhoto .largeWithFieldControl {width:361px;}
    div.photoPage div.item div.descrPhoto {margin-bottom:15px;}
    div.photoPage div.item div.descrPhoto textarea {width:360px; height:50px;margin-bottom:10px; padding:3px 6px}
    div.photoPage div.item div.descrPhoto label {margin-bottom:5px;line-height:1;}


    /*view albums*/
    div.photoPage {position:relative;}
    div.photoPage h2 a {color:inherit;font-size:inherit;font-weight:inherit;text-decoration: none;}
    div.photoPage div.listPhotos.viewAlbums div.item {border:1px solid #EDEAE8;float:left;width:443px;height:126px;
	    padding:12px 10px 9px 10px}
    div.photoPage div.listPhotos.viewAlbums div.item.rightItem {float:right;}
    div.photoPage div.item div.dataPhoto h3 {width:225px;max-height:55px;overflow:hidden;display:inline-block;}
    div.photoPage div.item div.dataPhoto h3 a {text-decoration:none;color:#888080}
    div.photoPage div.item div.dataPhoto h3 a:hover {color:#ED1C3F;}
    div.photoPage div.listPhotos.viewAlbums div.item div.dataPhoto {width:225px;}
    div.photoPage div.listPhotos.viewAlbums div.item div.dataPhoto div.action {visibility:hidden;}
    div.photoPage div.listPhotos.viewAlbums div.item:hover div.dataPhoto div.action {visibility:visible;}
    div.photoPage div.listPhotos.viewAlbums div.item div.dataPhoto label {margin-bottom:10px;}
    div.photoPage div.listPhotos.viewAlbums div.item div.privacyBox {position:absolute;margin:0;right:-30px;}
    div.photoPage div.viewAlbumsHeader {margin-bottom:26px}
    div.photoPage div.rBt {float:none;position:absolute;right:0;margin:-21px 30px 0 0;}
    div.photoPage div.addPhoto {float:none;position:absolute;right:0;margin:0 30px 0 0;}
    div.photoPage div.albumDescr {width:720px;}
    div.photoPage h2 {width: 720px;display: block;overflow: hidden;}

    div.photoPage div.albumDetails {margin:15px 0px 15px 0px;}
    div.photoPage div.albumDetails dl {margin-bottom:20px;}
    div.photoPage div.albumDetails dl input {width:543px;margin:0;}

    /*add photo*/
    div.addPhoto div.uploadPhotos label {margin-bottom:5px; line-height:23px;}
    div.addPhoto div.uploadPhotos div.photosFile {margin-bottom:20px;}
    div.addPhoto div.uploadPhotos div.albumSelect {margin-bottom:10px;}
    div.addPhoto div.uploadPhotos div.albumSelect select {max-width:400px;}
    div.addPhoto div.uploadPhotos div.addFiles {padding:0;}
    div.addPhoto div.uploadPhotos img.photosLoader {margin-left:10px; width:40px;}
    div.addPhoto div.uploadPhotos #fileName {width:300px;float:none;}
    div.addPhoto div.uploadPhotos .errors {margin-bottom:20px;margin-top:20px;}
    div.addPhoto div.uploadPhotos .errors p{color:#ED1C3F;}
    div.addPhoto div.uploadPhotos #linkEditPhoto label {line-height:normal;}
    div.addPhoto div.uploadPhotos #fileNameLabel {color:#888080;}
    div.addPhoto div.uploadPhotos .multiProgressWrapper  {width:900px;display:table;}
    div.addPhoto div.uploadPhotos div.progressContainer {display:table-row;}
    div.addPhoto div.uploadPhotos div.progressFileName,
    div.addPhoto div.uploadPhotos div.progressBarInProgress,
    div.addPhoto div.uploadPhotos div.progressStatus {display:table-cell;}
    div.addPhoto div.uploadPhotos div.progressFileName {width:200px;overflow:hidden;padding-top:3px;}
    div.addPhoto div.uploadPhotos div.progressBarInProgress {margin:0 10px;float:left;}
    div.addPhoto div.uploadPhotos div.progressStatus {width:215px;}


    /*viewAlbum*/
    div.photoPage div.viewAlbum td {text-align:center;padding-bottom:15px;}
    div.photoPage div.viewAlbum div.thumbnail a {display:inline-block;padding:1px;}
    div.photoPage div.viewAlbum div.thumbnail a img {border:1px solid #494948;}
    div.photoPage div.viewAlbum div.thumbnail a:hover {background: url('https://lms.synergy.ru/img/area/photo-hover.png') no-repeat;}
    div.photoPage div.viewAlbum div.thumbnail a:hover img {border:1px solid #f01c44;}
    div.photoPage div.viewAlbum div.thumbnail.vertical a:hover {background: url('https://lms.synergy.ru/img/area/photo-hover.png') no-repeat -196px 0;}
    div.photoPage div.noPhotos {margin:20px 0 20px 0;padding:10px;text-align:center;border:2px solid #EBE8E5;}
    div.photoPage div.noPhotos label {color:#333333;font-size:11px;line-height:1.2;font-weight:normal;margin:0px;}

    /*listing*/
    div.photoListing div.scrollable {margin-left:3px;}
    div.photoListing .grayBoxSlider {padding-bottom:0px;}
    div.photoListing .scrollable div.titleBg  {width:90px;height:20px;top:-22px;}
    div.photoListing .scrollable div.title {top:-38px;left:8px;font-size:11px;font-weight:normal;}
    div.photoListing .scrollable div.infoBox {top:-166px;}
    div.listingNoPhotos {margin:10px 0;padding:10px;text-align:center;border:2px solid #EBE8E5;}

    .photosSlideContainer .titleSlider .title h2 {font-size:13px;}
/*END PHOTO*/

/*SEARCH RESULT*/
div.searchResult {overflow:hidden;}
div.searchResult .searchForm {background: #f5f4f0;padding:25px 25px 20px 25px;margin-bottom:11px;position:relative;}
div.searchResult .searchForm input {width:490px;}
div.searchResult .searchForm .bt {position:absolute;margin:29px 0 0 540px;left:0;top:0;}
div.searchResult .highlightValue {background-color:yellow;text-decoration:none;}
div.searchResult a:hover .highlightValue {text-decoration:underline;}
div.searchResult .section {margin-bottom:25px;}
div.searchResult .section a {font-weight:bold;text-decoration:none;}
div.searchResult .section a:hover {text-decoration:underline;}
div.searchResult .section .searchBlog .postTitle {margin-bottom:5px;}
div.searchResult .searchBlog .postTitle a{color:#515050;}
div.searchResult .searchBlog a {font-weight:bold;text-decoration:none;}
div.searchResult .searchBlog a:hover {text-decoration:underline;}
div.searchResult .searchBlog div.item div.text {margin-bottom:10px;}
div.searchResult .author {margin-bottom:10px;}
div.searchResult .author a.userName:hover {text-decoration:none;}
div.searchResult label.title {display:block;margin-bottom:15px;}
div.searchResult label.title span {color:#ED1C3F;margin:0 5px;}
div.searchResult label {color:#868281}
div.searchResult label a {color:#868281 !important;}
div.searchResult label a:hover {color:#ED1C3F !important;}
div.searchResult label strong {color:#505050;}
div.searchResult .grayLine {margin-bottom:24px;}
div.searchResult div.item {margin-bottom:10px;}
div.searchResult div.item label {margin-bottom:10px;display:block}
div.searchResult div.item  dl {display:block;border-top: 1px dotted #cbc7c0;border-bottom:1px solid #f6f3f0;height:37px;}
div.searchResult div.item  dt {float:left;color:#878786;padding-top:9px;}
div.searchResult div.item  dd {float:right;padding-top:9px;}
div.searchResult div.item  dd a {font-weight:bold;text-decoration:none;}
div.searchResult div.item  dd a:hover {text-decoration:underline;}
div.searchResult div.searchBlog div.item  dl {border-bottom:2px solid #eae9e7;height:34px;}
div.searchResult .searchCourse div.item {margin-bottom:10px;}
div.searchResult .searchCourse div.item dl {height:auto;border:none;}
div.searchResult .searchCourse div.item dd {width:375px;}
div.searchResult .searchCourse div.item dd.courseInfo {float:left;width:240px;}
div.searchResult .searchCourse div.item .grayLine {border-bottom: 1px dotted #cbc7c0;background:none;margin-bottom:0;}
div.searchResult .searchCourse .itemInfo * {color:#333333;}
div.searchResult .searchUser {margin:10px 0 3px 0;}
div.searchResult .searchUser dd {border-bottom: 1px dotted #cbc7c0;height:30px;width:300px;float:right;margin-bottom:6px;}
div.searchResult .searchUser dd.leftCol {float:left;}
div.searchResult .searchUser dd .author {margin:0;}
div.searchResult .searchPhoto td {width:177px;padding:10px;}
div.searchResult .searchPhoto td.noPhoto {border:none;padding:11px;}
div.searchResult .searchPhoto .grayLine {margin:0;}
div.searchResult .searchPhoto .item {margin-bottom:5px;}
div.searchResult .searchPhoto .item .thumbnail {height:120px;text-align:center;}
div.searchResult .searchPhoto .item .thumbnail a {display:inline-block;height:120px;line-height:120px;}
div.searchResult .searchPhoto .item .thumbnail a img {border:2px solid #ffffff;vertical-align:middle;}
div.searchResult .searchPhoto .item .thumbnail a:hover img {border:2px solid #f01c44;}
div.searchResult .searchPhoto h3  {display:inline-block;margin:5px 2px;max-height:25px;overflow:hidden;width:175px;text-align:center;}
div.searchResult .searchPhoto h3 a {text-decoration:none;color:#888080;}
div.searchResult .searchPhoto h3 a:hover {color:#ed1c3f}
div.searchResult .searchPhoto p {margin:2px;}
div.searchResult .searchMeeting div.item {margin-bottom:10px;}
div.searchResult .searchMeeting div.item dl {height:auto;border:none;}
div.searchResult .searchMeeting div.item dd {width:375px;}
div.searchResult .searchMeeting div.item dd.meetingInfo {float:left;width:240px;}
div.searchResult .searchMeeting div.item .grayLine {border-bottom: 1px dotted #cbc7c0;background:none;margin-bottom:0;}
div.searchResult .searchMeeting .meetingItemInfo * {color:#333333;}
/*END SEARRCH RESULT*/

/*SITEMAP*/
.sitemap .item {display:inline-block;float:left;margin-right:20px;width:135px;}
.sitemap ul {list-style-type:none;}
.sitemap ul li {margin-bottom:5px;}
.sitemap ul ul {margin:2px 0 8px 15px;}
.sitemap h3 a {color:#1E1E1E;font-size:12px;font-weight:bold;text-decoration:none;}
.sitemap h3 a:hover {color:#ED1C3F;}
/*END SITEMAP*/

.ac_results {
    padding: 0px;
    border: 1px solid WindowFrame;
    background-color: Window;
    overflow: hidden;
    padding: 0 6px;
}

.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0 0 0 -6px;
    position:relative;
}

.ac_results iframe {
    display:none;/*sorry for IE5*/
    display/**/:block;/*sorry for IE5*/
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
    filter:mask();
    width:3000px;
    height:3000px;
}

.ac_results li {
    position:relative;
    margin: 0px;
    padding: 0px 5px;
    cursor: pointer;
    display: block;
    width: 100%;
    font: menu;
    font-size: 11px;
    overflow: hidden;
    border: 1px solid #eee;
}

.ac_over {
    background-color: #F5F4F1;
    color: #515050;
}

.ac_over div.author.userAvatarAutoComplType_2 a.userName span {background-position:right -25px;}
.ac_over div.author.userAvatarAutoCompl a.userName span {background-position:right -25px;}

.ac_over * {color:#EB1A41 !important;}
.ac_results li strong {color:#EB1A41 !important;}
.ac_results li div.author {margin:5px 0;}

/*Learning Frame*/
#learningFrame, #learningFrameLoader {border:1px solid #D4D3D2; width:100%; height:100%;scrolling:auto;}
/*body.headerSimple {overflow-x:hidden;width:898px;min-width:200px;}*/
body.headerSimple {width:auto;min-width:200px !important;}
body.headerSimple div.wrap {width:auto}

#leaveFeedback {padding-top: 17px; float:right;}
.packageTitle {float:left;}


.blogListing body.tinyMcePreview div.contentBox img,
.blogListing body#tinymce img,
.blogListing div.contentBox div.tinyMceOut img,
.blogListing div.popupContainer div.tinyMceOut img,
.blogListing div.tinyMceOut img,
.blogListing body.tinyMcePreview div.contentBox iframe ,
.blogListing body#tinymce iframe ,
.blogListing div.contentBox div.tinyMceOut iframe ,
.blogListing div.popupContainer div.tinyMceOut iframe ,
.blogListing div.tinyMceOut iframe,
.blogView body.tinyMcePreview div.contentBox img,
.blogView body#tinymce img,
.blogView div.contentBox div.tinyMceOut img,
.blogView div.popupContainer div.tinyMceOut img,
.blogView div.tinyMceOut img,
.blogView body.tinyMcePreview div.contentBox iframe ,
.blogView body#tinymce iframe ,
.blogView div.contentBox div.tinyMceOut iframe ,
.blogView div.popupContainer div.tinyMceOut iframe ,
.blogView div.tinyMceOut iframe  {max-width:565px !important;}

div.tocBox a:hover {color:#ED1C3F;}

/*********************************************************************ADMIN PANEL**************************************************************/
.adminPanel {margin:0 10px;}
.adminPanel .contentBox {padding:0;position:relative;min-width:980px;}
.adminPanel .logo {background:url("https://lms.synergy.ru/img/logo.png") no-repeat 0 0;padding:0;width:267px;text-decoration:none;}
.adminPanel .header {position:relative;border-bottom:2px solid #ebe8e5;height:70px;z-index:1;}
.adminPanel .headerTitle {position:absolute;width:350px;font-size:28px;font-weight:bold;z-index:2;color:#000;
    margin:-55px 0 0 -175px;left:50%;text-decoration:none;display:inline-block;}
.adminPanel .projectInfo {position:absolute;right:0;top:8px;}
.adminPanel .projectInfo * {font-weight:bold;}

.adminPanel.deanery .headerTitle{width: 540px; left: 47%;}

.adminPanel .leftMenu {border-left:2px solid #f2f0ee;position:absolute;margin-top:10px;left:0;width:180px; overflow:hidden;}
.adminPanel .leftMenu li ul {display:none;}
.adminPanel .leftMenu li.open ul {display:block;}
.adminPanel .leftMenu li {list-style-type:none;margin-bottom:2px;}
.adminPanel .leftMenu li a {display:block;background: url('https://lms.synergy.ru/img/ico/gd-element-admin.png') no-repeat 0 0;padding:0 10px;
    width:180px;height:20px;font-size:12px; color:#1e1e1e;text-decoration:none;font-weight:bold;line-height:18px;cursor:pointer}
.adminPanel .leftMenu li.open a {background-position:0 -23px;}
.adminPanel .leftMenu li li a {display:inline;background:none;font-size:11px;font-weight:normal;margin-left:10px;}
.adminPanel .leftMenu li a:hover {color:#ED1C3F;}
.adminPanel .leftMenu li.lastItem {margin-bottom:0;}
.adminPanel .leftMenu.deanery ul {display: block;}

.adminPanel .adminContent {margin-left:200px;padding:6px 0 40px 0; min-height:200px;}


.adminPanel .adminContent form.decorForm {background:#F6F6F6;margin:10px 0;width:530px;padding:10px;}
.adminPanel .adminContent form#auditoryEdit {background:#F6F6F6;margin:10px 0;width:549px;padding:10px;}
.adminPanel .adminContent form.decorForm h2 {color:#333333;font-size:18px;font-weight:normal;margin-bottom:10px;}
.inlineBlock {display:inline-block !important;vertical-align:middle;}
.adminPanel .adminContent form.decorForm input.text {margin:0 0 15px 0;}
.adminPanel .adminContent form.decorForm input[type="checkbox"] {position:relative;margin-top:1px;vertical-align: middle;}
.adminPanel .adminContent form.decorForm textarea {width:96%;padding:3px 6px;}
.adminPanel .adminContent form.decorForm div.action {width:99%;margin-top:5px;}

.adminPanel .addRecordBox {position:absolute;right:0;margin-top:-30px;}
.adminPanel .filterData {background:#F6F6F6;padding:5px 10px;height:auto;min-height:45px;display:block;}
.adminPanel .filterData .action {position:relative;margin:15px 0 0 0;display:inline-block;}
.adminPanel .filterData dd label {margin-top:2px;display:inline-block;}
.adminPanel .filterData dd .calendar{margin-top:2px;}

.adminPanel .adminUsers .filterData .date {display:inline-block; margin-top:2px; position:relative;}
.adminPanel .adminUsers .filterData  #regType, .adminPanel .adminUsers .filterData  #systemClasses {width:150px;}
.adminPanel .adminEditInterval .action {margin:12px 0 0 0;position:relative;}
.adminPanel .adminEditInterval input[type="checkbox"] {width:auto;}
.adminPanel .adminEditInterval select{width:200px;}
.adminPanel .adminEditInterval .loaderMedium {margin:-28px -41px 0 0}

.adminPanel .adminContent div.textarea {margin-bottom:16px;}
.adminPanel .adminContent #fadeBoxContainer.fixedWidth {width:550px;}
.adminPanel .paginator {display: inline-block;}
.adminPanel #courseTariffPlanEdit td {vertical-align:top;}
.adminPanel #courseTariffPlanEdit .selfCleanInput {width:510px;}
.adminPanel #courseTariffPlanEdit .selfCleanInput input {width:510px !important;}
.adminPanel #courseTariffPlanEdit td .selfCleanInput {width:244px;}
.adminPanel #courseTariffPlanEdit td .selfCleanInput input {width:244px !important;}
.adminPanel #meetingTariffPlanEdit .selfCleanInput {width:510px;}
.adminPanel #meetingTariffPlanEdit .selfCleanInput input {width:510px !important;}
.adminPanel #editPropertyValueForm {width:1015px;}
.adminPanel #editPropertyValueForm .editPropertyValueContainer dl {width:250px;float:left;margin-right:10px}
.adminPanel #editPropertyValueForm .propertySettings dl {width:150px;float:left;margin-right:10px}
.adminPanel #editPropertyValueForm .propertySettings span {display:block;margin-top:5px;color:#888080;font-size:11px;font-weight:bold;}
.adminPanel #editPropertyValueForm .action {padding-top:19px;}
.adminPanel #editPropertyForm .propertySettings dl {width:170px;float:left;margin-right:10px;}
.adminPanel #editPropertyForm .propertySettings span {display:block;margin-top:5px;color:#888080;font-size:11px;font-weight:bold;}
.adminPanel #editPropertyForm .action {padding-top:19px;}
.adminPanel #editPropertyForm input[type="radio"] {top:-2px;}

div.entityPropertyTop {padding:0 0 0 5px;}
div.entityPropertyTop dl {float:left;margin-right:5px;}
div.entityPropertyTop dt {margin-bottom:1px;}
div.entityPropertyTop .author {margin-top:2px;}
.adminPanel .propertyName {margin-bottom:5px;}
.adminPanel .propertyItem input[type="radio"] {top:-3px;}

.adminPanel #ratingActivityEdit .selfCleanInput {width:510px;}
.adminPanel #ratingActivityEdit .selfCleanInput input.edit {width:510px !important;}
.adminPanel #ratingActivityEdit div.selfCleanInput.large.short {float:left;position: relative !important;}
.adminPanel #ratingActivityEdit div#intervalRatingActivity {float:left;}
.adminPanel #ratingActivityEdit  div.timesPer {margin:9px 0 auto 20px;width:50px;text-align:center;position:relative;float:left;}
.adminPanel .adminContent form.decorForm #limitContainer {position: relative;width:100%; height:50px;margin-top:3px;}
.adminPanel .adminContent form.decorForm #limitContainer.labels {width:100%;position:relative;margin:0px;}
.adminPanel .adminContent form.decorForm #limitContainer.block {width:100%;position:relative;margin:0px;}
.adminPanel .adminContent form.decorForm #limitContainer.block .selfCleanInput {position: relative !important;}
.adminPanel .adminContent form.decorForm #limitContainer.block #intervalValue {position: relative !important;}
.adminPanel .adminContent form.decorForm #intervalRatingActivity select {margin:9px auto auto 5px !important;}
.adminPanel #editPropertyForm .filterData, .adminPanel #editEntityPropertyForm .filterData {height:auto;min-height:45px;padding:5px 10px; width: 98%;}

.adminPanel #adminCoursesPaymentSearch .selfCleanInput,
.adminPanel #adminCoursesPaymentSearch .selfCleanInput input {width: 450px !important;}
.adminPanel #adminCoursesPaymentSearch .authLoader {left: -10px;position: relative;top: -8px;}


.adminContent #objectsTable td.objectTitle, .adminContent #groupUsersTable td.userName {width:300px;}
.adminContent #editPermissionObject label span, .adminContent #adminGroupUsersSearch label span {color:#ED1C3F;}
.adminContent .parameterInfoBox label span, .adminContent #adminGroupUsersSearch label span {color:#ED1C3F;}

.adminContent #editParameter label span, .adminContent #adminGroupUsersSearch label span {color:#ED1C3F;}
.adminContent label.uppercase span {color:#ED1C3F;}
.adminContent .parameterInfoBox {margin-bottom:10px;}
.adminContent .propertyInfoLoader {width:27px;}

.adminContent .adminAddGroupUsers, .adminContent .adminAddSystem {margin-bottom:9px;}
.adminContent .adminGroupUsersCount {position:absolute;}

.adminContent .propertyItem label.propertyName {margin-bottom:5px;}
.adminContent .entityTitle {font-size:18px;}

.adminContent.companyEdit #companyEdit {float:left;margin-right:20px;}
.adminContent.companyEdit #avatarForm {float:left;width:245px;margin-top:10px;}
.adminContent.companyEdit #companyFullEdit {float:left;margin-right:20px;}
.adminContent.companyEdit #avatarForm {float:left;width:245px;margin-top:10px;}
.adminContent #adminSystemsSave label, .adminContent #adminSystemsEdit label {margin-bottom:5px;}
.adminContent .cronListingCellWidth {width:200px}

.adminContent .cron_table {border-collapse: collapse; width: 100%;}
.adminContent .cron_table td {width:33%;}
.adminContent .cron_ok {background-color: greenyellow;}
.adminContent .cron_error {background-color: red}
.adminContent .cron_processing {background-color: yellow}
.adminContent .runMode {width:150px;}
.adminContent .run_mode_select {position:relative;top:13px}
.adminContent .run_mode_value {position: relative;top:-13px}
.adminContent .dataTable tbody div.run_mode_select.invisible {visibility:hidden}
.adminContent .dataTable tbody div.run_mode_select {visibility:visible;}
.adminContent .dataTable tbody div.run_mode_value.invisible {visibility:hidden}
.adminContent .dataTable tbody div.run_mode_value {visibility:visible;  cursor:pointer;}
#categoryChoice select {width:476px;}

#systemSelector {
    margin: 0;
    padding: 0;
    margin-top:5px;
}

.systemSelector_label {
    margin: 0;
    padding: 0;
    margin-top: 8px;
    float: left;
    margin-right: 4px;
    font-size:14px;
}

div.adminContent div.left {width:565px;float:left;}
div.adminContent div.right {width:345px;float:left; margin: 0 0 0 44px;}

#userParametersTable .defaultValue, #userParametersTable .userValue {width:200px;}

#permissionGroupEdit label span {color:#ED1C3F;}
#permissionGroupEdit .availableObjects select {margin-bottom:5px;width:300px;}
#permissionUserObjectsEdit .availableObjects select {margin-bottom:5px;width:300px;}
.selectedObjects span {display: inline-block;margin-bottom:5px;color:#888080;font-size:11px;font-weight:bold;line-height: 15px;float:left;}
.selectedObjects span a {margin-left:5px;}

#adminUserPermissionGroupAdd .availableGroups select {width:300px;}

.adminContent .wide340 {width: 340px;}
.adminContent #usersInput.removed {position:absolute; margin-left:-20000px;}
#adminParametersSearch .autocompleteBox {width:253px;}

#adminParametersSearch.parametersSearch, #adminEditUserParameters {float:left;}
.adminContent #autocomplete_body div.user,
.adminContent #autocomplete_body div.user {margin:-12px 20px 0 0;position:relative;}
.adminContent #autocomplete_body div.user a.cancelIco,
.adminContent #autocomplete_body div.user a.cancelIco {position:absolute;top:4px;right:-20px;}
#adminParametersSearch .userParameters {margin:-7px 20px 0 0;position:relative;}
#adminParametersSearch .userParameters a.cancelIco  {position:absolute;top:4px;right:-20px;}

#adminEditUserParameters .autocompleteBox {position:relative;}
#loadUserParameter {width:30px;position:absolute;margin-top:-6px;}
#adminParametersSearch .authLoader {width:30px;position:absolute;margin-top:-5px;}
#adminQuickEditParameter {width:380px;float: left;}
#adminQuickEditParameter #parameterCode {max-width:190px;word-wrap:break-word;display: inline-block;}


.feedbackAnswer form textarea {margin-bottom:0px;}
.feedbacks td.firstCell {height:40px;}

span.totalCount {float:left;}
.adminContent span.totalCount {margin-bottom:7px; margin-top:15px;}
span.totalCount label {font-size:12px;font-weight:bold;color:#1e1e1e;}
span.totalCount span {font-size:12px !important;font-weight:bold !important;color:#d71939 !important;}

/*meetingInfoToolTip*/
.tooltipBoxData .meetingInfoToolTip dl {display:block;margin-bottom:15px;}
.tooltipBoxData .meetingInfoToolTip dt label {display:block;margin-bottom:6px;}

/*upload contacts file*/
div.contactsFile label {margin-bottom:5px; line-height:23px;}
div.contactsFile div.addFiles {padding:0;}
div.contactsFile img.contactsLoader {width:20px;}
div.contactsFile #fileName {width:444px;float:none;}
div.contactsFile .errors {margin-bottom:20px;margin-top:20px;}
div.contactsFile .errors p{color:#ED1C3F;}
div.contactsFile #fileNameLabel {color:#888080;}
div.contactsFile div.largeWithFieldMessage {margin:0 0 5px 0;}

/*feedbackForm*/
.feedbackForm label {display:inline-block;margin-bottom:5px;}
.feedbackForm select {margin-bottom:15px;}
.feedbackForm textarea {margin-bottom:15px;resize:none;width:552px;}
.feedbackForm .captcha {margin:0 0 15px 0 !important;width:536px;}
.feedbackForm .largeWithFieldMessage {margin-bottom:10px;}
.feedbackForm .requiredMark {right:-5px;margin-top:0;}
.feedbackForm .left form {position:relative;}

.feedbackForm #callback #phoneNumberContainer {width:315px;position:relative;}
.feedbackForm #callback #phoneNumberContainer .requiredMark {margin-top:0;right:-15px;}
.feedbackForm #callback div.contactPhone {margin:0 0 10px 0 !important;}
.feedbackForm #callback div.contactPhone input#phoneCode {width:75px;margin: 0 5px 0 0 !important; border-right:1px solid #C3BFBF !important;}
.feedbackForm #callback div.contactPhone input#phoneNum {width:200px;margin:0px !important;; border-left:1px solid #C3BFBF !important;}
.feedbackForm .selectBox {display: inline-block;padding-right:10px;position:relative;}

.callbackBnr {display:block;margin:30px auto 0 auto;width:772px;}
.layoutT2 .left .callbackBnr {width:565px;}
.layoutT2 .left .callbackBnr img {width:565px;}

div.openIdService {float:left; width: 24px; height: 24px; border: 1px solid #ffffff; padding:5px; margin: 0px 5px 0px 0px; text-align:center; cursor:pointer;}
div.openIdService.checked {border:1px solid #C3BFBF}

.removedEntity {position:absolute !important; margin-left:-20000px !important;}

form#editWidget select{width: 200px;}
form#editWidget {float: left;}

div.widget_templates {padding:10px;margin-top:0px;font-size:12px;line-height:1.5}
div.widget_templates b {font-size:14px;}
iframe.adminWidgetIframe {margin-left:10px; background-color: #eee;}
.widget_templates_table {float:left;width:auto;}
table.widgetsSizeTable {width:98%; padding:3px 3px 3px 0px;}

form#editWidget select{width: 200px;}
div.adminContent table.dataTable th.widgetTitle {width: 400px;}

#availableSystemClasses {width: 100%;}
#availableCourseClasses {width: 100%;}
#editClassUsers div.textInfo{margin: 10px 0 5px 0;}


/* programs */
.information ul {margin-top:5px;}
.coursePayment .checkbox .programLabel {width:130px;}
.adminContent #objectsTable td.objectCode {width: 230px;}
.adminContent .dataTable td.groupTitle {width: 230px;}
.adminContent .dataTable td.groupCode {width: 150px;}
.adminContent .dataTable td.announcementTitle {width: 230px;}
.adminContent .dataTable td.announcementMessage {width: 350px;}
.adminContent .dataTable td.announcementCreate {width: 120px;}

.onceLanguage {color: #515050;text-decoration: underline;font-size: 11px;}
.moduleCompleteBoxAction {width:22px;display:inline-block;}
.moduleCompleteBox {margin-top:10px;}

#programsRatingList th.title-column {width:230px;}
#programsRatingList .moduleRow .title-column {padding-left:15px;}
#programsRatingList .courseRow .title-column {padding-left:30px;}

/* reactivation link style */
a#reactivateLink, a.editNewlyCreatedCourse, a#changeEmailAndActivate { color: #8A8A83; }

.general_blogs {padding-left:14px;}
.general_blogs .items {height:130px;}
.general_blogs .item .title a {font-size:14px;color:#515050;text-decoration:none;font-weight:bold;}
.general_blogs .item .title a:hover {color:#ED1C3F;}
.general_blogs div.items dl {float: left;margin: 0 10px 30px 0;width: 225px;background-color: #EEEEEE;border-radius: 4px 4px 4px 4px;padding: 5px;}
.general_blogs div.items dd.userIco {font-weight: bold;margin-bottom: 8px;}
.general_blogs div.items dd.title {height: 20px;line-height: 1.2;margin-bottom: 0px;overflow: hidden;width: 210px;}
.general_blogs dd.countSubscribers {display: inline-block;margin:-18px 0px 0px 205px;position:absolute;z-index:10;}
.linkHideRightBlock{text-align: right; float:right;position: relative;margin-top:-25px;}

.wideBlogDetails div.left #bookmarkAction {position:absolute;margin:6px 0 0 867px;width:80px;height:0px;display:inline-block;text-align: right;}
.wideBlogDetails div.left a.rssIco {position:absolute;margin:6px 0 0 950px;z-index:5;}
.wideBlogDetails div.left a.rssIco img {width:44px;height:16px;background: url("https://lms.synergy.ru/img/ico/gd-element.png") no-repeat 0 -124px;}
.wideBlogDetails div.blogListing div.voting {margin-left:855px;}


/* assessments */
#assessmentsTimer {background:#ffffff;width:100px;height:22px;text-align:center;font-size:20px;color:#D11438;position:absolute;top:7px;right:33px;border:1px solid #D4D3D2}

div.blocksPage div.rBt {float:none;position:absolute;right:0;margin:-21px 30px 0 0;}
div.blocksPage div.blockName {width:265px; overflow:hidden;}
div.blocksPage div.blocksPageHeader {margin-bottom:26px;}
div.editBlockTab2 .subBlocksList {width: 560px;}

.assessmentsDecline {cursor: pointer;}

.editQuestionBlock #title {width:600px !important;}
.editQuestionBlock .assessmentBaseSelectorContainer {width: 280px;}
.editQuestion dl dt {display:inline-block;margin-bottom:5px;}
.editQuestion dl dd {padding-bottom:15px;}
.editQuestion textarea {width:561px;min-height:200px;}
.editQuestion select {margin:5px 0 0;width:300px;}
.editQuestion #questionWeight {margin:5px 0 0;width:295px;}
.editQuestion #answerTextEntry {margin:5px 0 0;width:295px;}
.editQuestion .answerText {margin:5px 0 0;}
.editQuestion .answerChoice {width:302px;}
input.numericValue {width:60px !important;}
.commonError {font-size:11px !important;font-weight:bold !important;color:#ed1c3f !important;line-height:18px;}
div.numericError {margin-left:100px;position:absolute;margin-top:-20px;}
div.quantityError {margin-left:120px;position:absolute;margin-top:-20px;}
div.durationError {margin-left:190px;position:absolute;margin-top:-20px;}
.longErrorText {margin-top:-28px;padding-bottom:10px;}
#editAssessment #controlTestTooltip {position:absolute;margin:-14px 0 0 60px}

#editQuestion #attemptDurationContainer {position:relative;}
#editQuestion #attemptDurationContainer input[type="text"] {margin-bottom:0px;}
#editQuestion #attemptDurationContainer #attemptDurationType {width:74px;position:absolute;top:3px;left:80px;}

.question_Table {font-size: 14px;border: none;border-left: 0px solid #c0c0c0;border-top: 0px solid #c0c0c0;width: auto;}

.question_delColumn {text-align: center;	width: 30px;vertical-align: top;padding-top: 5px;}
.question_Table th{padding: 5px;text-align: left;border: none; padding-left: 0px;}
.question_Table td{padding: 5px;border: none;vertical-align: top; padding-left: 0px;}
.question_Table label{font-size: 14px;}
.answersErrorContainerBottom {margin-bottom: 10px;}

#correctSequenceOrder {background:#e9e8e5;border:1px solid #d4d3d1;padding:20px;width:505px;position:relative;overflow: visible}
#correctSequenceOrder p.text {font-size:12px;}
#correctSequenceOrder .dragTarget {font-size:15px;text-align:center;margin:10px 10px;border:1px solid #d4d3d1;background:#d4d3d1;padding:10px 0;height:15px;float:left;display:inline-block;width:30px;padding:10px;}
#correctSequenceOrder .dragTarget.used {background:#ffde58;cursor:pointer;}
#correctSequenceOrder .overTarget {background:#fff;}
#correctSequenceOrder .docBottom {position:relative;}
#correctSequenceOrder .docBottom .dragItem {width:30px;float:left;background:#fff;font-size:15px;text-align:center;margin:10px 10px;border:1px solid #d4d3d1;padding:10px 0;height:15px;float:left;display:inline-block;padding:10px;cursor:pointer;}
#correctSequenceOrder .dragItem, #correctSequenceOrder .dragTarget {
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;}

/* profile edit button (on top of the avatar) style */
a#editMyProfile { position: relative; float: right; }

/* recaptcha text styling */
a.recaptchaWrapper { display: inline-block; margin-top: 20px; }
.captchaPlayer a.recaptchaWrapper {margin-top: 5px !important;}

td.moduleDiscountRow #loadModuleDiscountImg {width:20px;}
td.moduleDiscountRow #moduleDiscount.editModuleDiscountInput {margin-left:5px;width:40px !important}
td.moduleDiscountRow div.selfCleanInput {width:40px !important;margin-left:5px;}
td.moduleDiscountRow .moduleDiscountActions {margin-left:52px;margin-top:-17px;position:absolute;width:50px;}
form#editModuleDiscount {width: 65px;}
td.moduleDiscountRow .cleanInputButton {right:-8px;}
td.moduleDiscountRow span:hover {cursor:pointer;}
a.bt.margined#addModuleBtn,a.bt.margined#editModuleBtn {margin-left:10px;margin-top:5px;}
a.bt#cancelEditModuleBtn {margin-top:5px;}
div.availableModules select {width:228px;}
div.newModuleForm dl {float:left;}
input#newModuleTitle {width:250px !important;}

table#programModulesList td.number {width:20px;}
table#programModulesList td.listingModuleTitle {width:600px;overflow:hidden;}
table#programModulesList td.moduleCourseCount {width:100px;}
table#programModulesList td.moduleDiscountRow {width:100px;}
table#programModulesList td.action {width:110px;}
.newModuleForm #modulesContainerError {float:none;}

.learningMaterialsMessage {
    margin-bottom: 10px;
}

.selectedUserContainer .user div {float:left;}
.selectedUserContainer .user .cancelIco {margin-top:15px;}
#tutorAutocompleteContainer input#tutors {width:96%;margin-bottom:0;}

.requiredMaterial {cursor:pointer;}

#additionalDurationLimitContainer #additionalDurationLimit {position:relative;width:250px;margin-bottom:0px;}
#additionalDurationLimitContainer #additionalDurationLimit select {position:absolute;top:5px;left:285px;}

.file {position:absolute;top:-20000px;left:-20000px;}
.file.ieStyle {top:-2px !important;left:auto !important;right: 0 !important;opacity:0 !important; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);height: 28px !important;}
.file.ieStyle input {height: 28px !important;}
.bt.ieStyle {padding:0 7px !important;overflow: hidden;}


/* assessment player START */
.player_container {min-width: 300px; padding-left: 10px; padding-right: 10px; padding-top:10px; }
.player_container .left {float: left; width: 15%;}
.player_container .left dt {margin-bottom: 8px;}
.player_container .left .info dd {margin-bottom: 8px !important;font-size: 12px;}
.player_container .left dd {margin-bottom: 5px;font-size: 12px;}
.player_container .left .answered {color: #4A4947 !important}
.player_container .left .new {color: #ED1C3F !important}
.player_container .right {float: right; width: 83%;}
.player_container .questionContainer {font-size: 12px; margin:1px 2px;padding:4px;border:1px solid #D4D3D2;display:inline-block;min-width:20px}
.player_container .questionContainer * {text-align:center;text-decoration:none;display:block;}
.player_container .questionContainer a:hover {color:#4A4947 !important}

.player_question_title {font-size: 14px;font-weight: bold;margin-bottom: 10px;}
.player_question_text p {margin-bottom: 10px;}
.player_answer_block {clear: left;margin-bottom: 10px;margin-left: 0px;min-width:475px;border: 0px solid green;overflow: auto;}
.player_answer_text {padding: 5px;font-size: 12px;}
.player_answer_choice_block {border: 1px solid #d7d7d7;max-height: 200px;overflow: auto;}
.player_answer_choice_radio_block {width: 30px;border: 0px solid gray;max-height: 200px;overflow: hidden;float: left;}
.player_answer_choice_radio_block input {margin-top:2px !important;top:-1px !important;}
.floatDiv {display: block;bottom: 0px;position:fixed;background-color: #f0f0f0;width: 100%;height: 50px;padding-top: 10px;border-top: 1px solid #d7d7d7;z-index:10;}
.assessmentsItemTimer {position:absolute;top:25px;left:20px;}
.assessmentsItemTimer span {font-size:15px;color:#D11438;position:relative;margin-top:-2px;display:inline-block;}
.player_bottom_space {clear: left;overflow: auto;height: 80px;}
.buttonPos { text-align: right;	padding-right: 10px;}
.player_answer_textEntry_block {margin-left: 0px; overflow: visible;}
.player_answer_indetifier {float: left;font-size: 23px;font-weight: bold;margin-right: 5px;background-color: #FFE7A1;padding: 2px;min-width:45px;text-align:center;}
.player_answer_block_left {width: 47%;float: left;padding-right: 10px;}
.player_answer_block_right {width: 47%;float: left;padding-right: 10px;}
.player_answers {/*margin-bottom:230px;*/margin-top:10px;position:relative;min-width:740px;}
.player_answers_block_left {margin-right:300px;}
.player_answers_block_right {border: 0px solid black;width:270px;position:absolute;top:0;right:10px;padding-bottom:80px;}
.player_answers_block_right_content {overflow: auto;margin-left: 10px;margin-right: 0px;border: 1px solid #d7d7d7;padding: 4px;background-color: #f9f0ab;min-width: 150px;}
.player_answers_orders {width: 100%;float: left;overflow: auto;}
#sortable {list-style-type: none;margin: 0;padding: 0;width: 100%;}
#timerMessageContainer {font-size:12px;color:#D11438;font-weight:bold;}
#sortable li{text-align: center;cursor: move;}
#sortable li {overflow: auto;}
.orderContent {padding-top: 5px;background-color: #EEEEEE;height: 28px;}
.questionsListing {text-align:left;width:100%;}

/*NEW Drag and drop answer for test player*/
.testPlayerInner {overflow:hidden;}
.testPlayer {background:#e9e8e5;border:1px solid #d4d3d1;padding:20px;margin-bottom:10px;width:220px;position:relative;overflow:auto;}
.testPlayer .docLeft {float:left;width:30%;padding:10px;}
.testPlayer p.text {font-size:12px;}
.testPlayer .docRight {float:right;width:30%;padding:10px;}
.testPlayer .docCenter {float:left;padding:10px 0 10px 5px;}
.testPlayer .docCenter .arrowItem {background:url('https://lms.synergy.ru/img/double_arrow.png') no-repeat 0 7px;width:40px;margin:10px 0;padding:10px 0;height:15px;font-size:15px;
    border:1px solid #e9e8e5;}
.testPlayer .dragItem {font-size:15px;text-align:center;margin:10px 0;border:1px solid #d4d3d1;background:#fff;font-weight:bold;padding:10px 0;height:15px;
    cursor:pointer;}
.testPlayer .dragTarget {font-size:15px;text-align:center;margin:10px 0;border:1px solid #d4d3d1;background:#d4d3d1;padding:10px 0;height:15px;}
.testPlayer .dragTarget.used {background:#ffde58;cursor:pointer;}
.testPlayer .overTarget {background:#fff;}
.testPlayer .docBottom {position:relative;margin-left:4%;}
.testPlayer .docBottom .dragItem {width:45%;float:left;margin:5px 0 5px 0;margin-right:4%;}
.testPlayer .dragItem, .testPlayer .dragTarget {
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;}

#sequence_answers, #sequence_answer_choises {list-style-type: none;margin: 0;padding: 0;width: 100%;}
#sequence_answers {min-height:60px;}
#sequence_answers li, #sequence_answer_choises li{text-align: center;cursor: move;width: 218px;}
.testPlayerSequence {background:#e9e8e5;border:1px solid #d4d3d1;padding:20px;margin-bottom:10px;width:220px;overflow:auto;}
.testPlayerSequence .dragItem {font-size:15px;text-align:center;margin:10px 0;border:1px solid #d4d3d1;background:#fff;font-weight:bold;padding:10px 0;height:15px;cursor:pointer;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;}
.testPlayerSequence p.text {font-size:12px;text-align: center;}

.testPlayerMatchMultiple #answerChoises {list-style: none;}
.testPlayerMatchMultiple , .testPlayerMatchMultipleBottom {background:#e9e8e5;border:1px solid #d4d3d1;padding:20px;margin-bottom:10px;width:220px;overflow:auto;}
.testPlayerMatchMultiple .dragItem {font-size:15px;text-align:center;margin:10px 0;border:1px solid #d4d3d1;background:#fff;font-weight:bold;padding:10px 0;height:15px; cursor:pointer;float: left;margin:5px 3px;}
.testPlayerMatchMultiple p.text {font-size:12px;margin-bottom: 5px;}
.testPlayerMatchMultiple .docCenter {float:left;padding:10px 0 10px 5px;}
.testPlayerMatchMultiple .docCenter .arrowItem {background:url('https://lms.synergy.ru/img/double_arrow.png') no-repeat 0 7px;width:40px;margin:10px 0;padding:10px 0;height:15px;font-size:15px; border:1px solid #e9e8e5;}
.testPlayerMatchMultiple .dragItem, .testPlayerMatchMultiple .dragTarget, .matchLeft li, .matchRight li{ -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;width: 64px;}

.testPlayerMatchMultipleBottom {width:auto; margin-right: 300px;}
.testPlayerMatchMultipleBottom p {font-size: 12px;}
.testPlayerMatchMultipleBottom .dragItem {cursor:pointer;}
.testPlayerMatchMultipleBottom .matchCenter {width: 40px;}
.testPlayerMatchMultipleBottom .matchCenter div.arrowItem {background:url('https://lms.synergy.ru/img/double_arrow.png') no-repeat 0 7px;width:40px;margin:5px 0;padding:10px 0;height:15px;font-size:15px; border:1px solid #e9e8e5;}
.testPlayerMatchMultipleBottom .matchLeft { width:80px;padding: 5px 0;}
.testPlayerMatchMultipleBottom .matchLeft ul {padding-left: 0px;}
.testPlayerMatchMultipleBottom .matchLeft li {font-size:15px; border:1px solid #d4d3d1; background:#fff;font-weight:bold; margin:5px; list-style: none; text-align: center; padding:10px 0px;}
.testPlayerMatchMultipleBottom .matchRight .matchRightSort {list-style: none;margin:0;height: auto;width:100%;min-height: 36px;}
.testPlayerMatchMultipleBottom .matchRight .matchRightSort li { float:left; font-size:15px; border:1px solid #d4d3d1; background:#fff;font-weight:bold; margin:5px; list-style: none; text-align: center; cursor:pointer; padding:10px 0px;}

.matchMultiplePlaceholder{min-height: 15px;border:1px solid #d4d3d1 !important;background-color:#d4d3d1 !important;}

.matchMultipleAnswersLeft{float: left;width:47%;margin-right: 15px;}
.matchMultipleAnswersLeft .player_answer_block_left{width:100%;margin: 5px;}
.matchMultipleAnswersRight{float: left;width:47%}
.matchMultipleAnswersRight .player_answer_block_right{width:100%;margin: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#correctMatchMultipleOrder {background:#e9e8e5;border:1px solid #d4d3d1;padding:20px;width:520px;position:relative;}
#correctMatchMultipleOrder p.text {font-size:12px;}
#correctMatchMultipleOrder .docCenter {float:left;padding:0 5px 0 5px;}
#correctMatchMultipleOrder .docCenter .arrowItem {background:url('https://lms.synergy.ru/img/double_arrow.png') no-repeat 0 7px;width:40px;padding:10px 0;height:15px;font-size:15px; border:1px solid #e9e8e5;}
#correctMatchMultipleOrder .docLeft {position:relative;}
.correctMatchMultipleRow {margin: 10px 10px}
#correctMatchMultipleOrder .docLeft {width:30px;float:left;background:#fff;font-size:15px;text-align:center;border:1px solid #d4d3d1;padding:10px 0;height:15px;float:left;display:inline-block;padding:10px;}
#correctMatchMultipleOrder .docRight {position:relative;width:396px;display:inline-block;vertical-align: middle;}
#correctMatchMultipleOrder .dragTarget {font-size:15px;text-align:center;border:1px solid #d4d3d1;background:#d4d3d1;padding:10px 0;height:15px;float:left;display:inline-block;width:30px;padding:10px;margin:0 5px}
#correctMatchMultipleOrder .dragTarget.used {background:#ffde58;cursor:pointer;margin-bottom: 5px}
#correctMatchMultipleOrder .overTarget {background:#fff;}
#correctMatchMultipleOrder .docBottom {position:relative;}
#correctMatchMultipleOrder .docBottom .dragItem {width:30px;float:left;background:#fff;font-size:15px;text-align:center;margin:10px 10px;border:1px solid #d4d3d1;padding:10px 0;height:15px;float:left;display:inline-block;padding:10px;cursor:pointer;}
#correctMatchMultipleOrder .dragItem,
#correctMatchMultipleOrder .dragTarget,
#correctMatchMultipleOrder .docLeft {
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}

#educationDiv #iframeContentLoader {position: absolute;top: 20px; left: 20px; background-color: white;z-index: 100;}
#educationDiv #iframeContentLoader.afterGroup {top: 32px;}

/* assessment player END */

div.editQuestionText{border: 0px !important;}
#questionTableMatch td div {float:left;}
.questionAnswerTable {table-layout:fixed;}
a#attach_file_link {margin-top:10px;}
#attachFile {clear:both;}
#remove_attach_file_link {margin-left:10px;margin-left:5px;margin-right:1px;position:relative;top:6px;}

.uploadFileFormContainer div.addFiles {padding:0 0 0 0 !important;background-color:transparent !important;}
.uploadFileFormContainer {min-height:40px;width:100%;text-align:left;margin-top:10px;}
.uploadFileFormContainer .loaderSmall {margin-left:200px !important;}
.uploadFileFormContainer table {width:auto;}
#uploadFile + #parseHtmlForm { margin-top: -20px; }
#uploadVideos + #parseHtmlForm { margin-top: -5px; }


.newFileContainer {margin-bottom:10px;width:100%;text-align:left;padding-left:5px;color:#636363;font-size: 12px;}
.newFileContainer a {color:#636363 !important;font-size:12px !important;text-decoration:none;}
.removeAttachedFile {margin-left:5px;margin-top:1px;}
#filesContainer {margin-top:10px;}
dl.studyActions {margin-top:10px;}
.memberContainer .author {float:left;}
.memberContainer .cancelIco {margin-top:14px;}

.offlinePaymentUsers td.userName {width:250px;}
.offlinePaymentUsers td.programTitle {width:300px;}
.offlinePaymentUsers td.userMessage {width:400px;}


.applicationForStudy {position:relative;}
.applicationForStudy .requiredMark {margin-top:22px;right:-5px !important;}
.applicationForStudy .selectorsGroup {position:relative;}
.applicationForStudy .selectorsGroup select {width:260px;}
.applicationForStudy .selectorsGroup .loaderSmall {right:auto;left:286px;margin-top:-35px;}
.applicationForStudy .selectorsGroup .requiredMark {margin-top:0px;right:auto;left:270px;}
.applicationForStudy dd div.date {width:240px;margin:0px 0 6px 0;display:inline-block;}
.applicationForStudy #birthDate_div select {margin-bottom:0;}

.applicationForStudy  #contactPhoneContainer {width:315px;position:relative;margin-bottom:5px;}
.applicationForStudy  #contactPhoneContainer .requiredMark {margin-top:0;right:-30px !important;}
.applicationForStudy input#phone {width:316px;margin-bottom:0;}

.coursesEdit .autoClassesInfo dl {width: 570px;}
.coursesEdit #descriptionContainer .requiredMark {position:absolute !important;}

.autoClasses .autoClassesSelectorContainer dt {margin-bottom: 10px; margin-top: 10px;}

.memberContainer .cancelIco {margin-top:14px;}


.keepupContainer a.iconBox {font-size:21px !important;font-weight:bold;margin: 10px 0 10px 0 !important;}
a.headingIco {margin-top:5px;}
td.blogsCell {width:40%;}
div.keepupContainer td.lPos .general_blogs {padding-left:0px;}
div.keepupContainer #viewAll {float:right; margin-top: 20px}
div.keepupContainer span.redMark {color: #FFFFFF;}
td.cell {vertical-align:top; width:33%;}
.connectItem {background-color: #EEEEEE;border-radius: 4px 4px 4px 4px;float: left;margin: 0 10px 30px 0;padding: 15px;min-height:120px;}
.connectItem dd.title a {color: #515050;font-size: 14px;font-weight: bold;text-decoration: none;}
.connectItem dd.title a:hover {color: #ED1C3F;}
.connectItem dd ul, .connectItem dd p {margin-top:10px;}
.keepupContainer .calendarTemplate {width:550px;margin:0 20px 20px 0; border: 1px dashed black; display: block; margin-left: auto; margin-right: auto}
.keepupContainer div.sliderContainer .titleSlider .title h3 a {color:#D11438;font-size:13px;font-weight:bold;
    margin-bottom:5px;padding-left:25px;text-decoration:none;}
.keepupContainer div.sliderContainer .courseSliderItem .title {color:#FFFFFF;}


div.learnRightCol div.text ol, div.learnRightCol div.text ul {margin-top:10px;}
div.learnRightCol div.text ol li, div.learnRightCol div.text ul li {margin-bottom:8px;}
div.learnRightCol div.text a {font-size: inherit;}
div.learnRightCol ul {margin-left: 20px;}

#inviteUsersToFriends #availableFriends, #inviteUsersToMeeting #availableFriends {width:220px;}
#inviteUsersToFriends #selectedFriendsContainer, #inviteUsersToMeeting #selectedFriendsContainer {margin-bottom:10px;}
#error_container_inviteUsersToMeeting_availableFriends, #error_container_inviteUsersToFriends_availableFriends {margin: 0px 0 5px;}
#inviteUsersToSite #addEmailButton {margin:6px 0 0 10px;}
#inviteUsersToFriends #asStudent, #inviteUsersToCourse #asTestUser {margin:-2px 0 0 10px;}
#inviteUsersToFriends .otherUsers, #inviteUsersToSite .otherUsers {margin-top:9px;margin-bottom:3px;}
#inviteUsersToFriends .otherUsers span, #inviteUsersToSite .otherUsers span {font-size:11px !important;}
#inviteUsersToSite .red {background-color: #FFFFFF !important; border: medium none !important;}

.webinarEdit .setCurrentTimeContainer {margin-bottom: 4px;}

.inviteFriendsInputDiv {
    width: 435px;
    float: left;
    border: 0px solid black;
    padding-right: 0px;
}
.inviteFriendsInput {
    width: 260px;

}
.inviteFriendsAddButton {
    text-align: left;
}

.profileInfiteFriendButton {
    margin-top: 10px;
}

ol.businessList {list-style-position:outside;margin:0px !important;}
ol.businessList li {margin-top:15px;}
ol.businessList p.secondLevel {margin:15px auto 0 35px;}

div.staticContent ul.dcma li {list-style-position: outside !important; margin-bottom: 4px;}
div.staticContent ul.dcma {list-style-type: disc;margin-bottom: 4px;margin-left: 20px;list-style-position: outside !important;margin-bottom:10px;}

li.tosZeroToNine {margin-left:-7px !important; padding-left:9px !important;}

.attachFileBlock .loaderSmall {right:auto !important; margin: -22px 0px 0px -55px}

/* my profile page styles */
h1.myProfileHeader {font-size:19px !important;}
    form#myProfileLogin dl {margin-bottom:10px;}
    form#myProfileLogin div.commonError {font-size:16px;}

.profileProgressDetailsBlock table .userProgressDescription {margin-bottom:5px;}

.tooltipBoxCrop h1.uppercase {color:#ED1C3F;font-size:14px;}
.tooltipBoxCrop ul li {margin-left:20px;line-height:16px;font-size:12px;color:#666;}
.tooltipBoxCrop ul li a {text-decoration:underline;color:#ED1C3F;}
.tooltipBoxCrop ul li a:hover {text-decoration:none;color:#666;}

.adminUserListing .userAvatarType_3 {width:auto !important;}
.adminUserListing .userAvatarType_3 span {width:auto !important;}

.homePageEntities {background: #F6F3F0; border: 1px solid #D4D3D1;padding: 10px 0;margin-top: -20px;}
.homePageEntities td {width: 33%;}
.teachPage p a, .masterCoursePage p a, .connectPage p a, masterMeetingPage p a, .homePageEntities a {font-size:13px !important;}
.teachPage p, .masterCoursePage p, .teachPage p, masterMeetingPage p {font-size:13px !important;}
.teachPage a.createEntity, .masterCoursePage a.createEntity, .masterMeetingPage a.createEntity, .connectPage a.createEntity, .homePageEntities a.createEntity {text-decoration:none;}
.teachPage td.teachEntityDescription {width:300px;padding:0 10px;margin-right:10px;}
.masterCoursePage td.masterCourseDescription {width:480px;padding:0 10px;margin-right:10px;}
.masterMeetingPage td.masterMeetingDescription {width:480px;padding:0 10px;margin-right:10px;}
.connectPage td.masterCourseDescription {width:300px;padding:0 10px;margin-right:10px;}
.teachPage th a.title, .masterCoursePage th a.title, .masterMeetingPage th a.title, .connectPage th a.title, .homePageEntities th a.title {color: #ED1C3F !important; font-size: 24px !important; font-weight: bold !important; margin: 0 0 18px !important;display:inline-block;}
.connectPage div.connectPageLine {margin-top: 13px;}
.connectPage .createEntity img, .connectPage td.connectEntityDescription {width: 210px;}
.connectPage td.connectEntityDescription {padding: 0 10px;}
.connectPage .connectCoursesSlider h3 a.iconBox {font-size: 13px !important;}
.connectPage .connectCoursesSlider a.iconBox {margin: 0px 0 !important;}

.meetingsTimeFrom {
    display: inline-block;
    margin-top: 10px;
}
.docPreview {width:100%;}

.saveUserSettingsBtns {margin-top:10px;}
.profileIconText {left:21px;position:relative;}
div.profileDetails a.iconBox {color: #D11438 !important;}
div.profileDetails a.iconBox span {color: #888080 !important;}
div.blogBlock, div.photosBlock {margin-top:10px;}
.sliderWork div.items .showDetails a {color: #D11438;}
.iconDescBox {color:#888080 !important;font-size:11px !important;text-decoration:none;vertical-align:middle;white-space:nowrap;font-weight:bold;
	    display:inline-block;height:17px;line-height:17px !important;}

div.profileDetails .worksLabel {margin-bottom: 10px;}

.maxMarkInput {width: 165px !important;}

.ScoreMapping_input {text-align:center;}

ul.tooltipList {margin-left:0px;}
ul.tooltipList li {color:#fff;list-style-position:outside!important;padding-left:0px;font-size:10px !important;}

div.rBtaddWork {padding-right: 22px;}

/*Calendar event*/
.bbit-window-body {height:295px !important; overflow: none;}
#changeCalendarNoteRemindings dl dd a {margin-top:3px;}
#changeCalendarNoteRemindings div.commonError {margin-top:5px;}

div.otherEducationEditField {margin-bottom:10px;}
div.otherEducationEditField dl dt {margin-bottom:5px;}

div#otherEducation h2 {cursor: pointer;}
div#otherEducation h2 span {cursor: pointer;color: #888080;}
div#otherEducation div p {color: #888080;}
div#otherEducation a.iconBox {color: #D11438 !important;}
div#otherEducation a.iconBox span {color: #888080 !important;}

div.seminarsPracticumsListingDescriptionLeft {width:700px !important;}
div.seminarsPracticumsContent {overflow:auto !important;}
label.maxScore {display: block; margin: 0 auto 5px;}
a#createSeminarBtn, a#createPracticumBtn {margin-right: 268px;}

div.registration div.regFormUs {padding:8px 20px 10px 20px;width:543px;border:1px solid #ebe8e5;position:relative;}
fieldset.role {border: 1px solid #C3BFBF;padding: 5px;width: 530px;margin: 5px 0 10px;}
fieldset.role legend {color: #ED1C3F;font-size: 12px;font-weight: bold;}

.balanceSettings .left {width:580px !important;}

/*Calendar invitations*/
div.participantsContainer {max-height:157px;margin-bottom:10px; overflow: auto;}
div.maxUsersScroll {overflow-y:scroll;}
div.participantsContainer div.participantsListing {position: relative; float: left;}
div.shareNoteAddUser {width:480px;}
div.shareNoteAddUserButtons {margin-left: 493px; margin-top: 8px; position: absolute;}
form#shareNote div.text {overflow: auto !important;}
div#inviteUsersSmartCounter img#smartCounterLoader {height: 16px;}
/*Calendar invitations*/

/* Academic calendar - start */
.academicCalendar .dataTable .totalScore {
    font-weight: bold;
    margin-right: 80px;
}

.academicCalendar .dataTable .maxMark {
    width: 160px;
}

/* Academic calendar - end */


#educationDiv #contactProvider, #contactSupport {border-bottom:1px dotted #ed1c3f; text-decoration: none; color: #ED1C3F; font-size: 12px; line-height: 1.2;}
div.textVideoScorm {font-weight: bold; font-size: 12px; margin: 10px 0 0 0; display: none;}

.learnRightCol .learnBadge {display: block; margin: 0 auto 20px;}

div.userAgreement p {color:#636363 !important;}

.learnRightCol .learnBadge {display: block; margin: 0 auto 20px;}

.learnRightCol {margin-top: 32px}
.learnRightCol .blackBox {padding:13px;position:relative;}
.learnRightCol .blackBox h2 {font-size:20px;font-weight:bold; color:#FFFFFF !important;}
.learnRightCol .blackBox span {font-size:11px;color:#f5f4f1;position:absolute;top:24px;left:300px;line-height:1.2;}

.learnPage #friendsCourses .title {color: #B2B2B2 !important; top: -121px !important; height: 58px !important; overflow: hidden; white-space: nowrap}
.learnPage #friendsCourses .courseTitle {color: #FFFFFF !important;font-size: 13px; overflow: hidden; white-space: nowrap}
.learnPage .titleSlider h3  {color: #FFFFFF !important; font-size: 16px}
.learnPage .titleSlider .count  {margin-top: 2px !important}
.learnPage .titleBg {height: 60px !important; top: -63px;}

.learnPage .courseViewType {position:relative;margin-top: -10px !important; float: right}
.learnPage .courseViewType a {display: inline-block;margin-right:15px;font-size:20px;color: #ffffff;font-weight:bold;text-decoration: none;
    line-height: 33px;padding: 0 15px;border:1px solid #575656; background-color: #575656 !important;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;}
.learnPage .courseViewType a.inactive {background: url('https://lms.synergy.ru/img/free_paid_us.png') repeat-x 0 0;border:none;line-height:35px;}
.learnPage .courseViewType a:hover {color: #ffffff !important;}

div.lmostPopularFreeCourse {width: 495px; float: right}
div.mostPopularPaidCourse {width: 495px; float: left}
span.moduleFullComplete {margin-left: 10px}
div.titlePopularCourse a.iconBox {font-size:21px !important;font-weight:bold;margin: 28px 0 10px 0 !important;}
div.learnPage ul.tabs-nav * {font-size:14px !important;}
div.learnPage h1.coursesCatalog {display: inline-block;}
div.learnPage #listingResultsTotal {margin-top: 9px;}

div.courseDescrDataSub input#inviteUrlTitle {font-size: 10px}
div.courseDescrDataSub span.inviteTitle {font-size: 11px; color:red}
.inviteFields span.inviteTitle {font-size: 11px; color:red}
.inviteFields input#inviteUrlTitle {font-size: 10px}

.courseDescrDataSub .meetingInviteUrl {border-bottom: 1px dotted #CBC7C0;}
.courseDescrDataSub .meetingButtons {margin-top: 13px;}
.meetingInviteUrl input#inviteUrlTitle {width:605px;}

.learnPage .itemsListingOut .mostPopular {height: 320px;}

div.learnPage .coursePopularInfo div {margin:5px 20px;}

div.learnPage div.coursePopular {position: relative; width: 450px; margin:10px auto;}
div.learnPage div.coursePopular div.courseTitle {color:white;font-size:20px;}
div.learnPage div.coursePopular div.courseCategoryName {color:white;font-size:15px;}
div.learnPage div.coursePopular .coursePopularInfo {background:#343434;opacity:0.6;position: absolute;bottom:0;width:100%;}

/* multiple course rotator*/
.learnPage .mainPageBox div.left {width: 586px;}
.learnPage .mainPageBox div.right {width: 398px;}
.mainPageBox .blackBoxMultiple div, div.learnPage .blackBoxMultiple div {margin-top:10px;}
.mainPageBox .blackBoxMultiple span.rotatorTypeDesc, div.learnPage .blackBoxMultiple span.rotatorTypeDesc {font-size: 21px;left: 0;position: relative;top: -10px;}

/*.mainPageBox .blackBoxMultiple .*/
#courseRotator_free_first, #courseRotator_free_second, #courseRotator_paid_first, #courseRotator_paid_second {position:relative; width:255px;; height:158px;}
#courseRotator_free_first #courseTitle_free_first, #courseRotator_free_second #courseTitle_free_second, #courseRotator_paid_first #courseTitle_paid_first, #courseRotator_paid_second #courseTitle_paid_second {color:white;font-size:16px;font-weight: bold;}
#courseRotator_free_first #courseCategoryName_free_first, #courseRotator_free_second #courseCategoryName_free_second, #courseRotator_paid_first #courseCategoryName_paid_first, #courseRotator_paid_second #courseCategoryName_paid_second {color:white;font-size:15px;}
#courseRotator_free_first .courseRotatorInfo, #courseRotator_free_second .courseRotatorInfo, #courseRotator_paid_first .courseRotatorInfo, #courseRotator_paid_second .courseRotatorInfo {background:#343434;opacity:0.6;position: absolute;bottom:0;width:100%;overflow: hidden;max-height: 44px;min-height: 44px;line-height: 18px;}
#courseRotator_free_first .courseRotatorInfo div, #courseRotator_free_second .courseRotatorInfo div, #courseRotator_paid_first .courseRotatorInfo div, #courseRotator_paid_second .courseRotatorInfo div {margin:5px 10px;}
div.courseRotatorInfo a.userBalance, span.rotatorTypeDesc span.userBalance {background-position: -17px -867px;margin-top:2px;}
span.rotatorTypeDesc span.userBalance {position: static !important; margin-top: 7px; margin-right: -1px !important;}

#courseRotator_free_second, #courseRotator_paid_second {float:right;margin-top: -158px;}
.mainPageBox .blackBoxMultiple div.paidCoursesRotators, div.learnPage .blackBoxMultiple div.paidCoursesRotators {margin-top: 30px;}

div.homeCourseSliderBottom .titleSlider h3 a {color: #FFFFFF !important;font-size: 16px !important;}
div.homeCourseSliderBottom .sliderContainer div.box div.items .title {color: #FFFFFF !important;}
div.homePopularCourses .itemsListingOut .mostPopular {height: 332px;}
div.homePopularCourses .coursePopularInfo div {margin:5px 20px;}
div.homePopularCourses div.coursePopular {position: relative; width: 450px; margin:10px auto;}
div.homePopularCourses div.coursePopular div.courseTitle, div.learnPage div.coursePopular div.courseTitle {color:white;font-size:15px;font-weight: bold;}
div.homePopularCourses div.coursePopular div.courseCategoryName {color:white;font-size:15px;}
div.homePopularCourses div.coursePopular .coursePopularInfo {background:#343434;opacity:0.6;position: absolute;bottom:0;width:100%;}
div.homeCourseSliderBottom h3 {margin-bottom: -18px;}

.connectCoursesSlider div.box div.items .courseSliderItem .titleBg {top: -41px; height: 42px;}
.connectCoursesSlider div.box div.items .courseSliderItem .title {height: 26px;top: -75px;}

.learnPage div.cousesBox.courseBoxUS {margin-top: 0px;}
.learnPage div.courseBoxUS .courseSliderItem .title {color: #FFFFFF;display: block;font-weight: bold;height: 26px;left: 10px;line-height: 1.2; overflow: hidden; position: relative;width: 142px;}
.learnPage div.cousesBox.courseBoxUS {height: 387px;}
.learnPage div.courseBoxUS div.sliderContainer .titleSlider .title a {margin-top: -15px;}
.learnPage div.courseBoxUS div.sliderContainer .titleSlider .title {margin-bottom: -15px;}
.learnPage .mainPageBox {min-height: 455px;}

.learnPage div.courseBoxUS .itemsListingOut .mostPopular {height: 332px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .learnPage div.courseBoxUS div.sliderContainer .titleSlider .title a {margin-top:-22px;}
}

.meetingFullDescrUs {margin-top: 10px !important}
.meetingDescrUs {width: 1000px !important}
.contentBoxInviteUs .viewInviteBnt {position: absolute; margin-left: 933px; margin-top: -31px;}
.contentBoxInviteUs {min-height: 0px !important;}

div#blogIdContainer {width:529px}
div.editMaterialsLayout div.treeContainerWithEditMaterialType {float:left}
div.treeContainerWithEditMaterialType div.addMaterial {margin-left: 10px; margin-top: 10px}
div.treeContainerWithEditMaterialType div.addCatalog {float: none !important}
div.treeContainerWithEditMaterialType div.grayLine {height: 1px !important}

#assessmentsChart img.assessmentsChartImage {width:750px; padding: 10px;}
#assessmentsChart {width: 875px;}
#assessmentsMineSearch .autoCompleteInput  {width: 285px;}


#checkExtendedText .smallNoFieldMessage {width: 150px;}
#checkExtendedText .questionStatus {margin-top: 3px;}

.coursesEdit .courseEditNavigation {margin-top:11px;}
.usSystem div.editMaterials div.editMaterialTop div.left, .usSystem div.editMaterials div.editMaterialsLayout div.left {width: 550px}
.usSystem div.editMaterials div.editMaterialTop div.right, .usSystem div.editMaterials div.editMaterialsLayout div.right {width: 420px}
.usSystem div.editMaterials div.courseDescr div.courseDescrData td {padding-bottom: 0px !important}
.usSystem div.editMaterials input#learningTitle {width: 97%}
.usSystem div.editMaterials input#title {width: 986px}
.usSystem div.editMaterials input#fileName {width: 500px }
.usSystem div.editMaterials ul.ltr a, .usSystem div#globalTreeContainer h2, .usSystem div.addCatalog label, .usSystem div.addMaterial label {font-size: 16px}
.usSystem div.editMaterials .editMaterialTree {width: 97%}
.usSystem div.editMaterials dl.titleHeader {margin-top: 10px}
.usSystem div.editMaterials p.contentTitle {font-size: 13px; margin: 5px 0 2px;}
.usSystem div.editMaterials table.description_tbl {width: 100%}
.usSystem div.editMaterials .listAction {left: 479px}
.usSystem div.editMaterials iframe.docPreview {height: 400px;}
.usSystem div.editMaterials .materialStructureTable {height: 400px; overflow-y: scroll;}
.usSystem div.editMaterials #textMaterialType textarea {width: 100%;}
.usSystem div.editMaterials div.smallNoFieldMessage {margin-right: 0px !important}

.editMaterials .navigationPageUs {top: 30px !important;}
.materialLearning .showAll {display: inline-block; margin: 10px 10px 0 0; float: right}
.editMaterials #indexPage_1, .editMaterials #indexPage_2, .editMaterials #indexPage_3, .editMaterials #indexPage_4, .editMaterials #indexPage_5, #autoClassesSelector_0, #autoClassesSelector_1 {text-transform: uppercase; cursor: pointer;}

#dataFrame iframe {min-height:485px !important; border:1px solid #D4D3D2; width:100%; height:100%;scrolling:auto;}

/* network protection at player */
#editAssessment dl.testProtectionMaskInput {margin-top: 10px;}
#editAssessment dl.testProtectionMaskInput .textInput .formFieldBox {min-width: 300px;}
#controlTooltip td.tooltipCC ul {margin-bottom: 5px; margin-top: 5px;}
#controlTooltip td.tooltipCC ul * {color: white;}



#messagesTable .messageSubject {width: 35%}
#messagesTable .courseTitle {width: 35%}
#messagesTable .dueDate {width: 30%}
#sendAnnounceMessage div#dueDateError {margin-top:9px;}
#sendAnnounceMessage .bottomControlsBlock .showCalendar {margin-top: -3px;}

.usVideoRecorder #videoRecordTabs {width: 530px;}
#saveRecordedVideo .smallNoFieldMessage {margin-right: 14px;}
p.parameterDescription {font-size: 12px !important;}
.parameterValueContainer {min-height: 90px;}
.parameterValueContainer input, .parameterValueContainer label {float:left; top: 3px;}
.parameterValueContainer input {margin-right: 5px;}
#editTreeFormContainer .smallNoFieldMessage {margin-right: 14px; width: 310px;}
#editTreeFormContainer .loaderSmall {position: relative;display: inline-block;margin-top: 2px;}
#fileWebCamFormContainer .tabs-box {padding: 13px 0px 13px 14px !important;}
#fileWebCamFormContainer #flashRecorder {margin-bottom: 0px !important;}
#videoRecordingLinkContainer .tabs-box {padding: 13px 0px 13px 14px !important;}

#packageFrame {width: 100%; min-height: 475px !important;}

/* questionnaires */
.questionnaireEdit .regStatus span {text-transform: uppercase;}
.questionnaireEdit #pageSwitch_1 h2.title {color: #000000; font-size: 21px; font-weight: bold; margin-bottom: 5px;}
.questionnaireEdit .numericValue .formFieldBox, .addQuestionPopup .numericValue .formFieldBox {width: 60px !important;}
.questionnaireEdit .questionActions {margin-top: 10px;}
.questionnaireEdit #editQuestionnaireItems .commonError {margin-top: 10px;}
.questionnaireEdit .questionTitle {width: 250px;}
.questionnaireEdit #pageSwitch_3 .dynamicPropertiesLable {margin-bottom: 6px;}
.questionnaireEdit #pageSwitch_3 .propertyItem {margin-bottom: 10px; margin-top: 4px;}
.questionnaireEdit #editQuestionnaireUsers .validatorMsg {margin-bottom: 5px; margin-top: 2px;}
.questionnaireEdit #pageSwitch_2 div.left {width: 623px;}
.questionnaireEdit .formFieldArea.selectInput .formField #signupUsersTime {width: 100% !important;}

/*Help page*/
.helpPage .helpPageTitle {margin-bottom: 15px;}
.helpPage .helpPageTitle p {font-size: 14px;color: #000000;line-height: 1.4;margin-bottom: 15px;padding-left: 20px;}
.helpPage .helpPageTitle div {padding:10px 20px;color: #ffffff;font-size: 15px;font-weight: bold;text-align: center; margin-bottom: 10px;
    background: #ED1C3F;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
}
.helpPage .treeTitle {font-size: 16px;}
.helpPage #treeContainer {margin-bottom: 20px;}
.helpPage #treeContainer ul li li a {font-size: 13px;}
.helpPage #treeContainer ul li li.last {margin-bottom: 10px;}

.helpPage .helpPageInfo {padding:10px 20px;background: #ED1C3F;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
}
.helpPage .helpPageInfo h2 {font-size: 16px;text-align: center; margin-bottom: 15px;color: #ffffff;}
.helpPage .helpPageInfo p {font-size: 14px;color: #ffffff;margin-bottom: 10px;font-weight: bold;}

.helpPage .helpPageText {display: none;}
.helpPage .helpPageText.open {display: block;}

/*ui-autocomplete*/
.ui-autocomplete {
    border: 1px solid #C3BFBF !important;
    background: #ffffff !important;
    border-radius: 0 0 4px 4px !important;
    widht: auto;
    position: absolute;
    left:-1px;
}
.ui-autocomplete li {
    position:relative;
    margin: 0px;
    padding: 0px 5px;
    cursor: pointer;
    display: block;
    font: menu;
    font-size: 11px;
    overflow: hidden;
    border: none;
    border-bottom: 1px solid #eee !important;
}

.ui-autocomplete li a {color: #333333; text-decoration: none;font-weight: bold;display: block;}

.ui-autocomplete .ui-state-hover {
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    background-image: none !important;
    color: #EB1A41 !important;
}

.ui-autocomplete li.ui-menu-item:hover {
    background: #F5F4F1 !important;
}

.ui-autocomplete div.author {margin-top: 0;}
.ui-autocomplete div.author.userAvatarAutoComplType_2 a.userName span {background-position:right -25px;}
.ui-autocomplete div.author.userAvatarAutoCompl a.userName span {background-position:right -25px;}

.ui-autocomplete .ui-menu-item .notBold {font-weight: normal;}
.ui-autocomplete .ui-menu-item strong {color:#EB1A41 !important; vertical-align: baseline !important;}
.ui-autocomplete .ui-state-hover li div.author {margin:5px 0;}

.ui-autocomplete.ui-menu {padding: 2px 0;}
.ui-autocomplete .ui-menu-item {padding: 6px;}
.ui-autocomplete {z-index: 1300 !important}

/*User avatar small*/
.userAvatarSmall {display: inline-block;height: 24px;padding: 0 0 0 30px;position: relative;margin: 0;}
.userAvatarSmall img {width:24px;height: 24px; top: 0; left: 0;position: absolute;}
.userAvatarSmall .userAvatarSmallName, .ui-autocomplete .emptyResult, .ui-autocomplete .errorResult {display: table-cell;height: 24px; line-height: 12px;font-weight: bold;vertical-align: middle !important;}
.ui-autocomplete .errorResult {color: #EB1A41 !important;}

.signupRegister {margin-top: 12px;}

div.advisor {background: none repeat scroll 0 0 #EBE8E5; float: left; padding: 5px; position: relative; width: 127px; margin: 0px 0px 25px 30px; text-align: center;}
div.advisor .askQuestion {display: inline-block; padding-top: 6px; font-size: 14px; }
div.advisor div.contactViaName {min-height: 26px; vertical-align: middle;}
div.techAdminInfo {display: table-cell; vertical-align: middle; padding-left: 10px; height: 200px;}
div.avatarMedium {width: 126px; height: 126px;}

.questionnairesListing .questionnaireTitle, .questionnairesListing .courseTitle {max-width: 250px; overflow: hidden;}
.questionnaireViewPage .questionnaireViewDetails td {float: left;}
.questionnaireViewPage .courseTitle {max-width: 330px; overflow: hidden;}
.questionnaireViewPage div.courseDescrData div.left {width: 200px !important;}
.questionnaireViewPage div.courseDescr div.courseDescrData td {width: 49%}

.recipientsListPopup {width: 480px !important;}
.recipientsListPopup table th {background: #F6F3F0;}
.recipientsListPopup table .firstCell {width: 35px; padding: 5px;}
.recipientsListPopup table th.firstCell {border-right: white solid 4px;}
.recipientsListPopup div.scrollContainer {width: 100%; max-height: 500px; overflow: auto; margin-bottom: 20px;}

.recipientsListPopup div.scrollContainer td {border-top:1px solid white; border-bottom:1px solid white;}
.recipientsListPopup div.scrollContainer td.firstCell {border-left:1px solid white;}
.recipientsListPopup div.scrollContainer td.lastCell {border-right:1px solid white;}
.recipientsListPopup div.scrollContainer tr:hover td {border-top: #D11438 solid 1px; border-bottom: #D11438 solid 1px; background: #fff9f0;}
.recipientsListPopup div.scrollContainer tr:hover td.firstCell {border-left: #D11438 solid 1px;}
.recipientsListPopup div.scrollContainer tr:hover td.lastCell {border-right: #D11438 solid 1px;}
.recipientsListPopup div.scrollContainer tr td .author {margin-bottom: 10px;}

/*Attention box*/
div.attentionBox {margin:5px 0 5px 0;font-size:11px;color:#ed1c3f;padding:5px;border:1px solid #ed1c3f !important;}

#autocomplete_body div.author  {display:inline-block;margin: 5px 5px 10px 0;}
#addUsersToGroup div#autocomplete_body {max-height: 170px}
div#autocomplete_body{overflow: auto;}

h1.addAkadaAccountTitle {font-size:22px !important;}
#addAkadaAccount .smallNoFieldMessage {margin-bottom: 15px; width: 97%;}
.addAkadaAccountActions {text-align: center;}/*Line block*/

/*Page's notices about working in test mode*/
.content div.testModeNotice {font-size: 12px; margin-bottom: 20px; font-weight: bold;}
.content div.testModeNotice a {font-size: 12px;}
.content div.testModeNotice .remark {margin-top: 20px; font-size: 12px;}

/*Manuals page*/
.manualsPage {margin-bottom: 40px;}
.manualsPage h2 {margin: 10px 0 20px}
.manualsPage h2 a {font-size: 16px;}

.lineBlock {
    display: block;
    width: 100%;
    margin: 15px 0;
}
.lineBlock > div {
    display: inline-block;
    width: auto;
    white-space: nowrap;
    vertical-align: top;
    padding-right: 15px;
}
.lineBlock > div.hidden {display: none;}
.lineBlock > div .filterData {margin: 0;}
.lineBlock > div {float: left;}
.lineBlock > div.brw {white-space: normal;word-wrap: break-word;}
.lineBlock > div.last-child {padding-right: 0 !important;float: right;}
.lineBlock > div:last-child {padding-right: 0 !important;}
.lineBlock > div.vMiddle {line-height: 22px;}

.lineBlock div.switch {margin-bottom: 0 !important;}
.lineBlock .selector {
    position: relative;
    top: -4px;
}
.lineBlock > div.vBottom .selector,
.lineBlock > div.vBottom .bt {
    position: relative;
    top: 16px;
}
.lineBlock.oneCell > div.vBottom .selector,
.lineBlock.oneCell > div.vBottom .bt {top:0;}

.lineBlock h2 {margin-bottom: 0 !important;}
.lineBlock .formFieldArea {margin-bottom: 0;}
.lineBlock .formFieldArea.textInput .formField input {width:240px;font-weight: normal;padding: 1px 5px; font-size: 13px;}
.lineBlock .formFieldArea.selectInput .filterSelectFix { }
.lineBlock .formFieldArea .formFieldLeft {width: auto;}
.lineBlock .formFieldArea.selectInput .formFieldBox {width: 100%;}
.lineBlock .formFieldArea.selectInput .formFieldLeft,
.lineBlock .formFieldArea.selectInput .formFieldRight {margin-top: 4px;}

div.enrolleeRegistration {width:585px; margin-top: 10px;}
div.enrolleeSelect {margin-top: 5px; margin-bottom: 10px;}
select#learningDirection {min-width: 135px;}
.enrolleeRequiredMark {color:#D11438 !important;font-size:16px !important;font-weight:normal !important;}

div.statisticsAssessment {margin:2px;}
div.statisticsAssessment #filterByLearningMode {width: 100%}

div.enrolleeReportExport {width: 340px; float: right;}
div.enrolleeReportExport label {width: 25px;}
div.enrolleeReportExport .bt2 {margin-top: -3px;}
div.enrolleeReportExport select {min-width: 100px;}

div.appraiserRegistration {width:585px; margin-top: 10px;}
form#appraiserRegistration .dateContainer {margin: 10px 0px;}
form#appraiserLogin .appraiserLogin {width: 200px; margin: 0px auto; margin-bottom: 5px}
input.appraiserIdInput {width: 200px; margin: 5px auto;border:1px solid #C3BFBF;color: #515050;font-size: 20px;font-weight: bold;padding: 6px;}
form#appraiserRegistration .checkboxInput label {margin-right: 0px; width: 105px}

div.newMessage form#sendAnnounceMessage div.sendToTutor {margin-top: 10px;}
.sendToTutorError {font-size:11px !important;font-weight:bold !important;color:#ed1c3f !important;}

div.academicDifference {padding-top: 22px;}
#statGraduatorsTable th.courseRewardWidth {white-space: normal !important}
table#statStudentsTable.dataTable tbody#statStudentsBody a.calendar {margin-top: -2px;}

/* shedule page */
div#scheduleContent .dateColumn, div#scheduleContent .timeColumn {width: 110px;}
div#scheduleContent .disciplineTitleColumn {max-width: 265px; word-wrap: break-word}
div#scheduleContent .classTypeColumn {width: 100px;}
div#scheduleContent .corpsColumn {width: 25px;}
div#scheduleContent .roomColumn {width: 50px;}
div#scheduleContent .tutorColumn {width: 200px;}
div#scheduleContent .commonCell {border-bottom:1px solid #ebe8e5; border-left:1px solid #ebe8e5;}
div#scheduleContent .lastCell {border-right:1px solid #ebe8e5;}
div#scheduleContent tr.row:hover td {border-color: #ebe8e5; border-top: 1px solid #fff9f0 !important;}
div#scheduleContent .lineBlock {margin: 5px 0;}
div#scheduleContent .contentBox {padding-top: 15px;}
div#scheduleContent .autoCompleteInput {width: 300px;}
div#scheduleContent #searchSchedule {margin-top: 18px;}
div#scheduleContent .legend_table {margin: 0 12px;}
div#scheduleContent .legend_table caption {font-size: 14px; font-weight: bold; padding: 12px 0 5px; text-align: left;}
div#scheduleContent .legend_table td {padding: 0 12px 0 0;}
div#scheduleContent .legend_table p {margin: 0 0 10px;}
.scheduleUser{ float: left; width: 50%;}
/* end schedule page */

form#courseToAssessmentExtended div#assessmentsInfo {background: #CCCCCC; padding: 5px; border: solid 1px black; margin-bottom: 10px; font-size: 14px;}
table#courseAssessmentExtended th.maxScore {white-space: normal !important; width: 20px}
form#courseToAssessmentExtended a#addNewGroupBtn {margin: 10px 0px 30px}
form#newOverridedAssessmentGroup input, form#newOverridedAssessmentGroup .formFieldBox {width: 110px}
form#newOverridedAssessmentGroup .textInput label {width: 150px}
form#courseToAssessmentExtended .disableByDefault {margin-top:5px}

table.dataTable#assessmentStatisticsTable th {padding: 5px 0px 5px 7px;}
table#statStudentsTable a.userAvatarView, table#fullAssessmentStatisticsTable a.userAvatarView {height:auto;}

/*New answers on practicum/seminars */
.newAnswersCenterAlign {text-align: center;}
.newAnswersCourseColor {background:#99CCCC;}
tr.newAnswersCourseColor a.newAnswersCourseVersionLink {font-size: 14px; font-weight: bold; text-decoration: underline; word-break: break-all;}
.dataTable tbody td.newAnswersTitles {padding-left:25px;font-size: 14px; font-weight: bold; width:40%; word-break: break-all;}
.newAnswersGroupTitle {font-size: 12px; color:#336699; font-weight: bold; width:20%; word-break: break-all;}
.newAnswersCount {text-align: center; width:40%; word-break: break-all;}
.dataTable tbody td a.newAnswersStudentsLink {text-decoration: underline; font-size: 12px;}
.dataTable .disciplineTitle {width:38%;word-break: break-all;}
.dataTable .groupTitle {width:20%;word-break: break-all;}
.dataTable .countAnswers {width:42%;word-break: break-all;text-align: center;}
.dataTable .courseSeminarTitle {width:40%;word-break: break-all;}
.dataTable .seminarGroupTitle {width:20%;word-break: break-all;}
.dataTable .countSeminarAnswers {width:10%;text-align: center;}
.dataTable .seminarDate {width:30%;text-align: center;}

/* html coversion styles */
.conversionAttension {color: red !important}
.conversionRemark {color: green !important}
.conversionDefinition {color: blue !important}

div.learningModeContainer .learningModeSelect, div.learningModeContainer .learningModeFilter {min-width: 230px !important;}
div.learningModeContainer .formFieldBox {width: auto !important;}

form#courseToAssessmentExtended div#xmlFiles div.formFieldArea label.formFieldRight {margin-top: 0px;}
form#courseToAssessmentExtended div#xmlFiles div.formFieldArea div.formFieldBox {width:80%;}
form#courseToAssessmentExtended div#xmlFiles {margin-bottom: 10px; border: 1px solid #CCCCCC; padding: 10px;}
form#courseToAssessmentExtended div.pressed, div#addNewGroupForm.pressed {
    -moz-box-shadow: 0 0 2px #000000 inset;
    -webkit-box-shadow: 0 0 2px #000000 inset;
    box-shadow: 0 0 2px #000000 inset;
    -moz-border-radius: 4px;
    -webkit-border-radius:4px;
    border-radius: 4px;
}
form#courseToAssessmentExtended #showLoadingAssessmentFromXml {margin-bottom: 10px;}
form#newOverridedAssessmentGroup #courseClassesSelect select#courseSystemClassId {min-width: 80px;}
form#newOverridedAssessmentGroup div.commonError {width:260px;}
form#courseToAssessmentExtended a#courseNameClean, form#courseToAssessmentExtended a#assessmentNameClean {right: -28px}
div#addNewGroupForm.pressed {padding: 10px;margin-top: 10px;}
div#addNewGroupForm form#newOverridedAssessmentGroup div.formFieldArea div.formFieldRight {margin-top: 0px; vertical-align: middle;}

#fileUploadFormContainer form#uploadFile div#attachSoundTrackBlock {margin-bottom: 15px}
.editMaterial div.editMaterialTop div.editMaterialPage div.listAction div.selector {min-width:75px}

form#editQuestionTextEntry label#textEntryCaseSensitiveLabel #textEntryCaseSensitive {padding: 0px; vertical-align: bottom; position: relative; top: -1px; overflow: hidden;}
.durationType .formField {top:5px}

.action.schedule{ margin-top: 15px;}
#targeting{ width: 524px;}

.adminResources .filterData {overflow: hidden; padding: 20px;}
.adminResources .filterData input[type=checkbox] {width: auto; }
/*.adminResources .filterData .check_label {margin-top: 22px;}*/
.adminResources .filterData select {width: 255px;}
.adminResources .filterData select.year {width: 117px;}
.adminResources .filterData .left_filter { float: left; width: 350px;}
.adminResources .filterData .right_filter { float: left; margin-left: 50px;}
.adminResources .filterColums .open {float: left; margin-right: 30px;}
.adminResources .filterColums .open label {display: block; margin-bottom: 3px;}

.status{
    width: 20px; height: 20px;
    margin: 0 auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.status.red {background: red;}
.status.yellow {background: yellow;}
.status.green {background: green;}

.adminResources input:disabled, .adminResources select:disabled {background-color: rgb(235, 235, 228);}
.header_block {overflow: hidden; margin-top: 20px;}

#resourceEdit {width: 450px;}
#resourceEdit select {width: 300px;display: block;padding: 3px 6px;margin-bottom: 15px;}
#resourceEdit textarea {margin-bottom: 15px;}
#resourceEdit .check_edit {position: absolute; left: 320px; top: 20px;}
#resourceEdit .group_item {float: left;margin-right: 20px;width: 300px;}
#resourceEdit  div {position: relative;}
#resourceEdit select:disabled {background-color: rgb(235, 235, 228);}

.directionTable{ margin-top: -28px; margin-left: -5px;}
.version{
    width: 5px; height: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-top: 3px;
    margin-left: 3px;
    display: inline-block;
}

.version.active {background: green;}

.versions{ margin-left: 15px;}

#importMaterialsEdit {width: 900px;}
/*#importMaterialsEdit .display {display: none};*/
#importMaterialsEdit #originalDocumentText {width: 98%; height: 300px; padding-left: 20px; padding: 10px; overflow-x: scroll; background: #fff; border: 1px solid #ccc;}
#importMaterialsEdit .originalDocumentText_ {width: 98%; height: 300px; padding-left: 20px; padding: 10px; overflow-x: scroll; background: #fff; border: 1px solid #ccc;}
#importMaterialsEdit #convertedDocumentText {width: 98%; height: 300px; padding: 10px; overflow-x: scroll; background: #fff; border: 1px solid #ccc;}

#importMaterialsSave {width: 900px;}
#importMaterialsSave .multiSelect {position: relative;}
#importMaterialsSave .multiSelect select {width: 300px;display: block;padding: 3px 6px;margin-bottom: 15px;}
#importMaterialsSave .multiSelect .check_edit {position: absolute; left: 320px; top: 14px;}
#importMaterialsSave .multiSelect .group_item {float: left;margin-right: 20px;width: 300px;}
#importMaterialsSave .multiSelect input {margin: 4px;}
#importMaterialsSave .multiSelect select:disabled {background-color: rgb(235, 235, 228);}
#importMaterialsSave .document_type input {position: relative; top: 4px;}
#importMaterialsSave .document_type label {position: relative; top: 5px; margin-left: 5px; margin-right: 5px;}
.structure_section{ margin-top: 10px;}
/*.structure_section .textarea {display: none};*/
.structure_section .h1 {margin-left: 5px;}
.structure_section .h2 {margin-left: 20px;}
.structure_section .h3 {margin-left: 35px;}
.structure_section .h4 {margin-left: 50px;}
.structure_section .h5 {margin-left: 65px;}
.structure_section .h6 {margin-left: 80px;}

.structure_section_table {width: 100%; border-top: 1px solid #aaa; border-left: 1px solid #aaa;}
.structure_section_table tr:first-child td {padding: 5px; height: 20px; background: #ccc; }
.structure_section_table tr td {padding: 5px; height: 20px; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa;}

.structure_section_table .structure_section { margin-bottom: 1px; width: 100%; height: 30px; border: 1px solid #eee; }
.structure_section_table .structure_section .checkbox {margin-left: 5px;position: relative; top: 7px;}
.structure_section_table .structure_section .title {position: relative; top: 9px; left: 10px;}
.structure_section_table .structure_section .input {float: right; width: 400px; margin: 3px; top: 5px; padding: 3px;}


.resourceForm {float: left;}
.addQuestionPopup {z-index: 10000 !important;}

.convert_checkbox{ margin-right: 5px; margin-top: -9px;}
.convert_input{ margin-left: 10px; margin-top: -4px;}

.ungroup { width: 15px; height: 15px; background: url('https://lms.synergy.ru/img/ungroup.png'); background-size: cover; margin: 0 auto;}

.editMaterials .left_side { float: left; width: 450px; margin-top: 30px;}
.editMaterials .right_side { float: right; width: 300px; margin-top: 30px;}
.editMaterials .right_side ul { margin: 10px 0;}
.editMaterials .right_side ul li { margin: 3px;}
.editMaterials .right_side strong { color: green; font-size: 14px; margin-left: 10px;}

.editMaterials .right_side .hidden_fields {margin: 10px 0;}
.editMaterials .right_side .hidden_fields label { display: block; margin-top: 5px;}
.editMaterials .right_side .hidden_fields select {width: 172px;}



#addDisciplineVersionAdmin h2 { float: left; }
#addDisciplineVersionAdmin #newDisciplineVersionAdmin { float: right;}

.editMaterials {overflow: hidden;}

#itemTreeTitleForm #contentId { width: 100%; padding: 3px;}

.notificationsSyn { margin-top: 20px; vertical-align: top;}
.notificationsSyn input[type=radio] { padding-left: 10px;}
.notificationsSyn .action { margin-top: 10px;}
/* .groups_num_td {position: relative;} */
.disc_groups_win {
    z-index: 99;
    display: none;
    position: absolute;
    /*margin-left: 50px;*/
    left: 110px;
    margin-top: -20px;
    padding: 10px 20px;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #bebcba;
}
.noticeActions .one {float: left;}
.noticeActions .two {float: right;}

.twigContent .decorForm {background: #F6F6F6;margin: 10px 0;width: 530px;padding: 10px;}
.twigContent form.decorForm input.text {margin: 0 0 15px 0;}
.twigContent input.text {color: #515050;font-size: 16px;font-weight: bold;margin: 5px 0 10px 0;padding: 3px 6px;border: 1px solid #C3BFBF;width: 96%;}
.twigContent h2 {margin-bottom: 20px;}
.twigContent form.decorForm textarea {width: 96%;padding: 3px 6px;}
div.twigContent textarea {border: 1px solid #C3BFBF;display: block;}
.twigContent select, .twigContent textarea {color: #515050;margin: 0px;}
.twigContent label {display: block;margin-top: 15px;}

#teacherFaqEdit {overflow: hidden;}
#teacherFaqEdit .action {float: right;margin-top: 20px;}


.twigContent.faq_page {margin-top: 10px;}
.twigContent.faq_page h1 {margin-bottom: 15px;}
.twigContent.faq_page .faq_top_block {overflow: hidden;}
.twigContent.faq_page .faq_top_block h2 {float: left; margin-top: 5px;}
.twigContent.faq_page .faq_top_block .faq_sort {float: left; margin-top: 5px; margin-left: 15px;}
.twigContent.faq_page .faq_top_block .faq_sort table {float: left; width: auto;}
.twigContent.faq_page .faq_top_block a {float: right;}
.twigContent.faq_page h2 {cursor: pointer; font-size: 16px; margin-bottom: 10px;}
.twigContent.faq_page h2:hover {text-decoration: underline;}
.twigContent.faq_page .faq_item {padding: 10px; padding-top: 0;}
.twigContent.faq_page .short_answer {display: none; position: relative; padding: 10px 10px 25px 10px;background: #ececec; line-height: 1.3; font-size: 13px;}
.twigContent.faq_page .faq_item.active .short_answer {display: block;}
.twigContent.faq_page .faq_item .faq_info .faq_right {position: absolute; right: 15px; bottom: 5px; }
.twigContent.faq_page .faq_item .faq_info .faq_left {position: absolute; left: 5px; bottom: 5px; font-style: italic;}

.twigContent .twig_breadcrumbs {margin: 10px 0;}
.twigContent .twig_breadcrumbs .gdArrowRight {margin-top: 2px;}

#selectedGroup{ margin: 20px; margin-top: 50px;}
#selectedGroup .cancelIco{ margin-top: -3px; cursor: pointer;}
.schedule-date { font-size: 16px;}

.twigContent .top_table_container {padding: 10px; background:#ececec; margin-bottom: 10px; }
.twigContent .top_table_container table td {padding: 5px 0;}
.twigContent #special_settings {margin-top: 20px; margin-bottom: 10px;}
.twigContent table label {margin-top: 0;}
.twigContent .header_disc_info {float: right; position: relative; top: -30px;right: 0;}
.twigContent.group .top_table_container { margin-top: -15px;}

.attendance-border{ border-right: 1px solid #ebe8e5;}
.attendance-border-left{ border-left: 1px solid #ebe8e5;}

#special_settings .content h2 {color:#000; font-size: 14px;}
#special_settings .content ol {margin-left: 20px; margin-bottom: 10px;}
#special_settings .content ol li {margin-bottom: 3px;}
#special_settings .content ol li input[type=text] { margin-left: 20px;}
#special_settings .content .h2_left {float: left;}
#special_settings .content .ico_new {cursor: pointer;}
#special_settings .content .materialMove {margin-left: 15px;}
#special_settings .content .a_right {float: right; margin-right: 20px;}
#special_settings .content .btn_right {float: right;}
#special_settings .content table {width: 800px !important;}
#special_settings .content table tr {vertical-align: top;}

.attendance { text-align: center;}
.attendance h1 { color: #4a4947; margin-top: 20px;}
#teacherEventEdit {width: auto;}
#teacherEventEdit input[type=text] { width: 300px;}
tr.student td:last-child { border-right: 1px solid #ebe8e5;}
.twigContent .hasDatepicker {width: 120px !important;}
.twigContent.event_page .action {float: right; margin-top: 15px; margin-right: 20px;}
.attendance .day { width: 100%; border-bottom: 1px solid #ebe8e5; margin-bottom: 5px; padding-bottom: 5px;}

#addAttendance { margin-top: 30px;}

.h-title{ color: #4a4947;}

#addAttendance .action {float: left; margin-top: 130px; margin-bottom: 30px;}

.attendance .status { cursor: pointer;}

.disciplineTeachers {
    margin-bottom: 10px;
}
.disciplineTeachers li {
    display: inline-block;
    width: 225px;
    margin: 10px;
}
.disciplineTeachers .img {
    display: inline-block;
}
.disciplineTeachers .img img {
    max-width: 50px;
    max-height: 50px;
}
.disciplineTeachers .info {
    display: inline-block;
}
.disciplineTeachers .info a {
    display: block;
    margin: 5px;
}
.disciplineTeachers .info .messageView_a {
    line-height: 15px;
}

h1.black { color: #333; margin-bottom: 10px; margin-top: 10px;}

.feedback_update {margin-top: 20px;}
.feedback_update .bt1 {margin-top: 20px;}
.feedback_update .comment {margin-top: 10px;}
.feedback_update table {border: 1px solid #dddddd; padding: 10px;}

.feedbackComments {margin: 10px 0;}
.feedbackComments h2 {margin-bottom: 10px;}
.feedbackComments .fc_header {margin-bottom: 10px;}
.feedbackComments ol {margin-left: 20px;}
.feedbackComments ol li {margin-bottom: 15px;}
.feedbackComments ol li ul {margin-left: 35px;margin-top: 5px;}
.feedbackComments ol li ul li {margin-bottom: 5px;}
.feedbackComments .f_comment {margin-top: 15px;}

.calender-hidden {display: none !important;}


.selectedTopic {
    display: inline-block;
    height: 30px;
    width: 100%;
    padding-top: 20px;
    background: #ececec;
}

.topicButtonSelect {
    display: none;
    float: right;
    margin-right: 7px;
}
.answers {margin-top: 10px;}
.answers table td {padding: 5px 0;}

.practicum_form {float: right; margin-bottom: 10px;}
.practicum_form label {display: inline;}
.practicum_form span {padding-left: 10px;}

.targeting_preview {
    color: #fff !important;
    padding: 0 15px;
    display: inline-block;
    letter-spacing: 0.05em;
    font-weight: bold !important;
    white-space: nowrap;
    text-decoration: none;
    z-index: 2 !important;
    border: none;
    cursor: pointer;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 12px !important;
    height: 26px !important;
    line-height: 27px !important;
    background: #ED1C3F;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ED1C3F), to(#d81939));
    background: -moz-linear-gradient(#ED1C3F,#d81939);
    background: linear-gradient(#ED1C3F,#d81939);
    -pie-background: linear-gradient(#ED1C3F,#d81939);
}

.users_preview {
    width: 100%;
    height: 600px;
    overflow-y: scroll;
}


/* css-класс для страниц с плеером курсов */
.page-with-player {
    overflow-y: hidden;
}
.page-with-player div.courseEducationWindow {
    width: 970px !important;
    left: 0 !important;
    margin: auto;
}

/* Панелька действий для таблицы */
.table-options th > div > i { display: block; background-image: url('https://lms.synergy.ru/img/table-options.png'); width: 31px; height: 20px; background-repeat: no-repeat; background-position: center; border: 1px solid #fff; position: absolute; cursor: pointer; background-color: #fff; }
.table-options th > div > i:hover { border: 1px solid #ccc; }
.table-options th > div > i:hover .mnu-layout { display: block; }
.table-options th .mnu-layout { display: none; width: 150px; position: absolute; background-color: #fff; border: 1px solid #ccc; margin-left: -120px; margin-top: 20px;}
.table-options th .mnu-layout a { display: block; font-style: normal; font-weight: normal; padding: 3px; }


/* Tree List */
.tree-list-select { position: absolute; z-index: 100; margin-top: 8px; padding: 0 15px 15px; min-width: 250px;  max-width: 400px; border-radius: 3px; border: 1px solid #777; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.5); display: none; }
.tree-list-select b { background: #fff;   border-top: 1px solid #777; border-right: 1px solid #777; box-shadow: 0 0 10px rgba(0,0,0,0.5); width: 15px; height: 15px; margin-left: 24px; margin-top: -8px; display: block; position: absolute; transform: rotate(-45deg);}
.tree-list-edit-button { display: inline-button; width: 20px; height: 20px; border: 1px solid #00F; color: #00F; text-align: center; cursor: pointer; }
.tree-list-values { display: inline-block; }
.tree-list-header { display: table; width: 100%; position: relative; background-color: #fff; }
.tree-list-caption, .tree-list-close { display: table-cell; }
.tree-list-caption { padding-left: 3px; padding-top: 3px; }
.tree-list-close { width: 20px; text-align: center; cursor: pointer; }
.tree-list-content { overflow-y: scroll; height: 285px; border: 1px dotted #999; padding: 6px 12px; margin: 2px 0 9px; }
.tree-list-content li, .tree-list-content ul { margin-bottom: 0 !important; margin-top: 0 !important; list-style-type: none;}
.tree-list-content ul { margin-top: 3px !important; }
.tree-list-content li > div { display: table-cell; vertical-align: middle; vertical-align: top; line-height: 16px; }
.tree-list-content > ul { padding: 0 !important; }
.tree-list-content .tree-list-group { padding-bottom: 5px; }
.tree-list-content span.plus { color: #19568C; border-bottom: 1px dashed #19568C; cursor: pointer; margin-bottom: 3px; }
.tree-list-label { padding-left: 3px; }
.tree-list-label i { font-size: 11px; }
.tree-list-plusminus { width: 16px; height: 16px; display: none; background-position-y: 3px; }
.tree-list-plusminus.plus { cursor:pointer; display: inline-block; background-image:url('https://lms.synergy.ru/img/plusminus.png'); background-repeat: no-repeat; background-position-x: -16px; }
.tree-list-plusminus.minus { cursor:pointer; display: inline-block; background-image:url('https://lms.synergy.ru/img/plusminus.png'); background-repeat: no-repeat; }
.tree-list-select-all { font-weight: bold; }
/* END Tree List */

.dialog_files {
    background-position:-51px -1139px;
    margin-bottom: -3px;
}

.user_reciever img{
    display: none;
}

.user_reciever .firstSpan .uppercase {
    margin-left: 0 !important;
}

.user_reciever_sub {
    display: block;
}

.n-form .field{
    display: flex;
    align-items: baseline;
    width: 300px;
    justify-content: space-between;
}

.n-form .field .submit {
    height: 30px;
}

.userAvatarView_mod {
    font-weight: bold;
    display: block;
    font-size: 11px;
    line-height: 12px;
    color: #515050;
}

.dialog_top {
    position: relative;
}

.dialog_top .filter {
    position: absolute;
    right: 0;
    top: -15px;
    padding: 0;
    background: transparent;
}
#practicumGradeForm .newAnswerBtn{
    clear: both;
    display: block;
}
#practicumGradeForm .newAnswerBtn a{
    display: inline-block;
    margin-right: 10px;
    padding: 5px 20px;
    font-size: 16px;
}
#practicumGradeForm .newAnswerBtn a:nth-child(1){
    background: #19568C;
}
#practicumGradeForm .newAnswerBtn .addMark a{
    background: #078c1f;
}
#practicumGradeForm .newAnswerBtn a:nth-child(2){
    background: #ff9800;
}
#practicumGradeForm .newAnswerBtn a:nth-child(3){
    background: #ff9800;
}
#practicumGradeForm .newAnswerBtn a:hover{
    background:#ED1C3F;
}
.section2{
    background: #FFF;
    border-radius: 20px;
    border: 1px solid #E2E0DB;
    margin-bottom: 10px;
    padding: 30px 40px;
}
.grade_form{
    border-bottom: 0 !important;
}