/* Общие свойства для включенных кнопок */
input.MTSButtonStart105,
input.MTSButton70, 
input.MTSButton80, 
input.MTSButton90, 
input.MTSButton90red, 
input.MTSButton90green, 
input.MTSButton100, 
input.MTSButton110,
input.MTSButton120,
input.MTSButtonSettings,
input.MTSButtonLink,
input.MTSButtonUnlink{
  color: #ffffff; font-weight: bold; font-size: 11px;
  height: 27px; width: 82px; border: #ffffff 0px solid; 
  background-repeat: no-repeat; cursor: pointer;
}


/* Подложки и цвета для включенных кнопок */

input.MTSButton70 { 
  background-image: url("../images/design/bg-button-on-70.gif");
  background-color: #ABBDE7; 
  width: 74px; 
}

input.MTSButton80 { 
  background-image: url("../images/design/bg-button-on-80.gif");
  background-color: #ABBDE7; 
  width: 82px; 
}

input.MTSButton90 {
  background-image: url("../images/design/bg-button-on-90.gif");
  background-color: #ABBDE7;
  width: 92px;
}

input.MTSButton90red { 
  background-image: url("../images/design/bg-button-on-90red.gif");
  background-color: #F38D83; 
  width: 92px; 
}

input.MTSButton90green { 
  background-image: url("../images/design/bg-button-on-90green.gif");
  background-color: #93c356; 
  width: 92px; 
}

input.MTSButton100 { 
  background-image: url("../images/design/bg-button-on-100.gif");
  background-color: #ABBDE7; 
  width: 102px; 
}

input.MTSButton110 { 
  background-image: url("../images/design/bg-button-on-110.gif");
  background-color: #ABBDE7; 
  width: 112px;
}

input.MTSButton120 {
  background-image: url("../images/design/bg-button-on-120.gif");
  background-color: #ABBDE7;
  width: 122px;
}

input.MTSButtonSettings, input.MTSButtonLink, input.MTSButtonUnlink {
  width: 14px;
  height: 14px;
  padding: 0;
  background-size: cover;
  background-color: #eaedef;
  border-radius: 5px;
  background-repeat: unset;
  border: 1px #999999 solid;;
  -webkit-transition: 0.3s ease;
}

input.MTSButtonSettings:hover, input.MTSButtonLink:hover, input.MTSButtonUnlink:hover {
  background-color: #e4e4e4;
  transform: scale(1.4);
  transition: 0.3s;
}

input.MTSButtonSettings {
  background-image: url("../images/design/ic-settings-2.png");
}

input.MTSButtonLink {
  width: 20px;
  height: 20px;
  background-image: url("../images/design/link.png");
}

input.MTSButtonLink, input.MTSButtonLink:hover {
  background-color: #B4E5FD;
}

input.MTSButtonUnlink {
  width: 20px;
  height: 20px;
  background-image: url("../images/design/unlink.png");
}

input.MTSButtonUnlink, input.MTSButtonUnlink:hover {
  background-color: #FDB4B4;
  background-size: contain;
}

input.MTSButtonAdding {
  border: 0;
  margin-top: 8px;
  outline: none;
  width: 20px;
  height: 20px;
  background-size: cover;
  background-color: #eaedef;
  background-image: url("../images/design/ic-adding.png");
  cursor: pointer;
  -webkit-transition: 0.3s ease;
}

input.MTSButtonAdding:hover, input.MTSButtonAdding:active {
  border: 0;
  outline: none;
  transform: scale(1.4);
  transition: 0.3s;
  background-color: #eaedef;
  background-image: url("../images/design/ic-adding.png");
  cursor: pointer;
}

/* Общие свойства для отключенных кнопок */

input.MTSButton70disabled, 
input.MTSButton80disabled, 
input.MTSButton90disabled, 
input.MTSButton100disabled, 
input.MTSButton110disabled {
  color: #ffffff; font-weight: bold; font-size: 11px;
  background-color: #cccccc; height: 27px; width: 82px;
  background-repeat: no-repeat; border: #ffffff 0px solid; 
  cursor:default;
}


/* Подложки и цвета для отключенных кнопок */

input.MTSButton70disabled  { 
  background-image: url("../images/design/bg-button-off-70.gif");
  width: 74px; 
}

input.MTSButton80disabled  { 
  background-image: url("../images/design/bg-button-off-80.gif");
  width: 82px; 
}

input.MTSButton90disabled  { 
  background-image: url("../images/design/bg-button-off-90.gif");
  width: 92px; 
}

input.MTSButton100disabled { 
  background-image: url("../images/design/bg-button-off-100.gif");
  width: 102px; 
}

input.MTSButton110disabled { 
  background-image: url("../images/design/bg-button-off-110.gif");
  width: 112px; 
}


input.MTSButton70, input.MTSButton70disabled {
  font-weight: normal; height: 24px; 
}


/* Общие свойства для упрощенных кнопок */


input.MTSButton70CM, input.MTSButton80CM, input.MTSButton90CM, input.MTSButton100CM, input.MTSButton110CM {
  color: #ffffff; font-weight: normal; font-size: 11px;
  background-color: #ABBDE7; cursor:pointer; margin:2px;
  border-left: #eeeeee 1px solid; border-top: #eeeeee 1px solid;
  border-right: #aaaaaa 1px solid; border-bottom: #aaaaaa 1px solid;
}

input.MTSButton70CM  { height: 22px; width: 70px; }
input.MTSButton80CM  { height: 22px; width: 75px; }
input.MTSButton90CM  { height: 22px; width: 80px; }
input.MTSButton100CM { height: 24px; width: 85px; }
input.MTSButton110CM { height: 24px; width: 90px; }

input.MTSButton70disabledCM, input.MTSButton80disabledCM, input.MTSButton90disabledCM, input.MTSButton100disabledCM, input.MTSButton110disabledCM {
  color: #ffffff; font-weight: normal; font-size: 11px;
  background-color: #cccccc; cursor:default; margin:2px;
  border-left: #eeeeee 1px solid; border-top: #eeeeee 1px solid;
  border-right: #aaaaaa 1px solid; border-bottom: #aaaaaa 1px solid;
}

input.MTSButton70disabledCM  { height: 22px; width: 70px; }
input.MTSButton80disabledCM  { height: 22px; width: 75px; }
input.MTSButton90disabledCM  { height: 22px; width: 80px; }
input.MTSButton100disabledCM { height: 24px; width: 85px; }
input.MTSButton110disabledCM { height: 24px; width: 90px; }


a.MTSHelpButton,
a.MTSHelpButtonEmpty {
  font-family: Arial, Helvetica; font-size: 7pt; font-weight: bold;
  color: #888888; background-color: #fafafa; cursor: pointer;
  width: 10pt; height: 10pt; border: #e0e0e0 1px solid;
  padding-left: 2pt; padding-right: 2pt; 
  text-align: center; text-decoration: none; 
  margin-left: 4pt; margin-right: 4pt;
}

a.MTSChangeModeButton {
  display:inline-flex; align-items: center; justify-content: center; font-family: Arial, Helvetica; font-size: 7pt; font-weight: bold;
  color: #888888; background-color: #fafafa; cursor: pointer;
  width: 13pt; height: 16pt; border: #e0e0e0 1px solid;
  padding-left: 2pt; padding-right: 2pt; 
  text-align: center; text-decoration: none; 
  margin-left: 4pt; margin-right: 4pt;
}

a.MTSHelpButtonEmpty {
  color: #dddddd; 
}

a.MTSHelpButton:hover {
  background-color: #dddddd; color: #d30044;
  border-left: 1px #ffffff solid; border-top: 1px #ffffff solid;
  border-right: 1px #aaaaaa solid; border-bottom: 1px #aaaaaa solid;
}

span.MTSNavigateButton,
span.MTSNavigateButtonHighlighted {
  font-size: 6pt; 
  background-color: #dddddd; color: #888888; 
  padding: 1pt;
  border-left: 1px #ffffff solid; border-top: 1px #ffffff solid;
  border-right: 1px #aaaaaa solid; border-bottom: 1px #aaaaaa solid;
  margin-left: 2pt; margin-right: 2pt;
  margin-top: 0pt; margin-bottom: 2pt;
  cursor: pointer;
}

span.MTSNavigateButtonHighlighted {
  color: #d30044;
}

span.MTSNavigateLink {
  white-space: nowrap;
  padding: 2px;
}

.MTSPseudoButton {
  opacity: 0.7;
}

.MTSPseudoButton:hover {
  opacity: 1;
  cursor: pointer;
  transform: scale(1.2);
}