@CHARSET "UTF-8";

* {
  margin: 0;
  padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  background: white;
  color: black;
} 

h1 {
	font-family: 'Times New Roman', serif;
  font-size: 3em;
  font-weight: bold;
  margin-bottom: 5px;
}

h1 .app-test {
  color: red;
  font-weight: bold;
  padding-left: 20px;
}

h1 .app-switched {
  color: yellow;
  font-weight: bold;
  padding-left: 20px;
  font-size: 0.7em;
}

a.app-switched {
  color: yellow;
  font-weight: bold;
}

h2 {
  font-size: 1.4em;
  font-weight: bold;
  padding-bottom: 5px;
}

h3 {
  font-size: 1.2em;
}

h4 {
  margin-bottom: 0;
  text-decoration: underline;
}

a {
  font-weight: bold;
  color: black;
}

a:hover {
  text-decoration: none;
}

label {
  margin-right: 3px;
}

label.middle {
  margin-left: 5px;
}

label.middle2 {
  margin-left: 20px;
}

span.cbox, label.cbox {
  font-size: 1em;
  margin: 0 8px 0 4px;
}

a.alone {
	margin: 0 4px;
}

a.middle {
  margin-left: 5px !important;
}

a.middle2 {
  margin-left: 20px !important;
}

a.inverse {
	text-decoration: none;
}

a.inverse:hover {
  text-decoration: underline;
}

span.value {
	font-weight: bold;
	background-color: #ffc;
}

fieldset {
	background-color: #eaf7fc;
	margin-top: 10px;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

legend {
	font-weight: bold;
	color: #ce3700;
	padding: 0px 5px;
}

legend a {
	color: #ce3700 !important;
}

ul, ol {
	list-style: none;
}

pre.std-font {
	font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.hidden {
	display: none;
}

.bold {
	font-weight: bold;
}

.nobold {
  font-weight: normal !important;
}

.italic {
  font-style: italic;
}

.underline {
	text-decoration: underline;
}

.line-through {
	text-decoration: line-through;
}

.left {
  text-align: left !important;
}

.center {
	text-align: center;
}

.right {
  text-align: right;
}

.uppercase {
	text-transform: uppercase;
}

.nowrap {
	white-space: nowrap;
}

.wrap {
	white-space: normal !important;
}

.noborder {
	border: 0 !important;
}

.top {
  vertical-align: top;
}

.vmiddle {
  vertical-align: middle;
}

.bool-true {
	color: #080;
	font-weight: bold;
}

.bool-false {
	color: #f00;
}


#page {
  margin: 0 auto;
}


#page-header {
  min-width: 400px;
  height: 140px;
  margin: 10px;
  background: #D1E9A3 url(img/page-header.gif) repeat-x;
}

#page-header-left {
  float: left;
  height: 100px;
  padding-left: 100px;
  background: url(img/page-header-left.gif) no-repeat;
  color: #C87C6B;
}

#page-header-left.login {
  padding-left: 100px !important;
}

#page-header-left h1 {
  margin-top: 15px;
  font-weight: normal;
}

.page-header-title {
  font-size: 1.1em;
  font-weight: bold;
  padding-top: 5px;
  color: white;
}

#page-header-middle {
  float: left;
  height: 100px;
  padding: 5px 0 0 25px;
  color: #C87C6B;
  font-family: 'Times New Roman', serif;
  font-weight: bold;
}

#page-header-middle div.app-mail-monitor a {
  display: inline-block;
	font-size: 14px;
  color: #ff0;
  background-color: #000;
  text-decoration: none;
  padding: 0 2px;
}

#page-header-middle div.app-mail-monitor a:hover {
	text-decoration: underline;
}

#page-header-middle .app-trial {
  display: inline-block;
  max-height: 55px;
  color: yellow;
  font-size: 14px;
  font-weight: bold;
  overflow-y: auto;
}

#page-header-middle .app-trial a {
  color: orange;
}

#page-header-right {
  float: right;
  height: 100px;
  padding: 0 20px 0 0;
  background: url(img/page-header-right.gif) no-repeat right top;
  text-align: right;
  color: #C87C6B;
  font-weight: bold;
}

.page-header-right-info {
  margin-top: 55px;
}

.page-header-right-info div {
  padding-bottom: 2px;
}

#menu-top-left {
  float: left;
  clear: left;
  height: 40px;
  width: 20px;
  background: url(img/menu-top-left.gif) no-repeat left bottom;
}

#menu-top-middle {
  float: left;
  height: 40px;
}

#menu-top-right {
  float: right;
  width: 20px;
  height: 40px;
  background: url(img/menu-top-right.gif) no-repeat right bottom;
}

#menu-top-middle ul {
  height: 28px;
  padding: 12px 0 0 20px;
  list-style: none;
}

#menu-top-middle li {
  display: inline;
}

#menu-top-middle a {
  padding: 0 10px 0 20px;
  background: url(img/menu-top-item.gif) no-repeat left center;
  text-decoration: none;
  font-weight: bold;
  color: #8D1300;
}

#menu-top-middle a:hover {
  text-decoration: underline;
}


#left-menu {
  float: left;
  width: 160px;
  margin-left: 10px;
  color: #36393D;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}

#left-menu .left-menu-section {
  height: 15px;
  margin-top: 5px;
  padding: 8px 0 8px 10px;
  color: #FFFFFF;
  background: url(img/menu-left-section.gif) no-repeat;
  font-weight: bold;
}

#left-menu a {
  text-decoration: none;
  color: #BA3300;
}

#left-menu a:hover {
  text-decoration: underline;
}

#left-menu ul {
  list-style: none;
  padding: 0px 5px 5px 5px;
  line-height: 100%;
  background: #D6EBAD url(img/menu-left-delim.gif) repeat-y;
}

#left-menu li {
  padding-top: 8px;
}

#left-menu a.menuitem {
  background: url(img/menu-left-arrow-right.gif) no-repeat left center;
  padding-left: 10px;
  font-weight: normal;
}

#left-menu a.menuitem-curr {
  background: url(img/menu-left-arrow-right.gif) no-repeat left center;
  padding-left: 10px;
  font-weight: bold;
}

#left-menu a.menusub {
  padding-left: 10px;
  background: url(img/menu-left-arrow-right.gif) no-repeat left center;
  color: #8D1300;
  text-decoration: underline;
  font-weight: normal;
}

#left-menu a.menusub-curr {
  padding-left: 10px;
  background: url(img/menu-left-arrow-right.gif) no-repeat left center;
  color: #8D1300;
  text-decoration: underline;
  font-weight: bold;
}

#left-menu a.menusub-expanded {
  padding-left: 10px;
  background: url(img/menu-left-arrow-down.gif) no-repeat left center;
  color: #8D1300;
  text-decoration: underline;
  font-weight: normal;
}

#left-menu ul ul {
  list-style: none;
  padding: 0px 5px 5px 5px;
  line-height: 100%;
  background: #D6EBAD url(img/menu-left-delim2.gif) repeat-y;
}

#left-menu ul ul a.menuitem, #left-menu ul ul a.menuitem-curr {
  background: url(img/menu-left-arrow2-right.gif) no-repeat left center;
}

#page-content-outer {
  float: left;
  padding: 5px 5px 5px 10px;
}

#page-content-outer-2 {
	padding: 0;
}

#page-content-inner {
  width: 100%;
  height: 100%;
  overflow: auto;
}


#content-login {
  margin-top: 80px;
  margin-left: 290px;
  padding-top: 55px;
  width: 400px;
  height: 190px;
  background: url(img/login-form.gif) no-repeat left top;
}

table.form {
  border: 0;
  margin: 0;
}

#content-login table.form {
  margin: 0 auto;
}

table.form td {
  vertical-align: middle;
  padding-right: 4px;
}

table.form td.top {
  vertical-align: top;
  padding-right: 4px;
}

table.form td.top-label {
  vertical-align: top;
  padding-right: 4px;
  padding-top: 4px;
}

table.form td.vmiddle {
  vertical-align: middle;
  padding-right: 4px;
}

table.form td.bottom {
  vertical-align: bottom;
  padding-right: 4px;
}

table.form td.middle {
  padding-left: 10px;
}

table.form td.middle2 {
  padding-left: 20px;
}

table.form td.buttons {
  border: 1px solid #ccc;
  background-color: #EAF7FC;
  padding: 5px;
  border-radius: 4px;
}

table.checkbox-table {
  border: 1px solid #ccc;
  background-color: #EAF7FC;
  border-radius: 4px;
}


div.form-buttons {
  border: 1px solid #ccc;
  background-color: #EAF7FC;
  padding: 5px;
  border-radius: 4px;
  margin-bottom: 10px;
}

div.form-buttons-light {
  margin-bottom: 10px;
}


div.form-content {
  clear: both;
  overflow: auto;
}


hr.light {
  background-color: #EAF7FC;
  border-color: #EAF7FC;
  color: #EAF7FC;
}


input[type=text], input[type=password] {
  border: 1px solid #ccc;
  padding: 2px;
  height: 17px;
  border-radius: 4px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

input[type=date] {
  border: 1px solid #ccc;
  padding: 2px;
  height: 17px;
  border-radius: 4px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 2px;
}


select:not([multiple]) {
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  vertical-align: top;
  height: 21px;
  padding: 0 2px 0 2px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.15;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  vertical-align: middle;
}

option {
  padding-left: 2px;
  padding-right: 2px;
}


input[type=checkbox] {
  vertical-align: middle;
  height: 21px;
}

input[type=checkbox].highlighted {
  display: inline-block;
  padding: 0 2px;
  background-color: #68d1f9;
  border-radius: 4px;
}

input[type=radio] {
  vertical-align: middle;
  height: 21px;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
  border: 1px solid #ce3700;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4);
  
}

input[type=text][readonly], input[type=password][readonly] {
  color: #888;
}

input[type=button], input[type=submit], input[type=reset] {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  margin: 0 2px;
  padding: 1px 10px 2px 10px;
  border: 1px solid #ce3700;
  border-radius: 10px;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  background: -webkit-linear-gradient(top,#cc3600,#8e1200);
  background: -o-linear-gradient(top,#cc3600,#8e1200);
  background: -moz-linear-gradient(top,#cc3600,#8e1200);
  background: linear-gradient(to bottom, #cc3600,#8e1200);
}

input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
  background: -webkit-linear-gradient(bottom,#cc3600,#8e1200);
  background: -o-linear-gradient(bottom,#cc3600,#8e1200);
  background: -moz-linear-gradient(bottom,#cc3600,#8e1200);
  background: linear-gradient(to top, #cc3600,#8e1200);
}

input.button-red {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  margin: 0 2px;
  padding: 1px 10px 2px 10px;
  border: 1px solid #f87f7f;
  border-radius: 10px;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  background: -webkit-linear-gradient(top,#f87f7f,#d03d3d);
  background: -o-linear-gradient(top,#f87f7f,#d03d3d);
  background: -moz-linear-gradient(top,#f87f7f,#d03d3d);
  background: linear-gradient(to bottom, #f87f7f,#d03d3d);
}

input.button-red:hover {
  background: -webkit-linear-gradient(bottom,#f87f7f,#d03d3d);
  background: -o-linear-gradient(bottom,#f87f7f,#d03d3d);
  background: -moz-linear-gradient(bottom,#f87f7f,#d03d3d);
  background: linear-gradient(to top, #f87f7f,#d03d3d);
}

input.button-blue {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  margin: 0 2px;
  padding: 1px 10px 2px 10px;
  border: 1px solid #347aff;
  border-radius: 10px;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  background: -webkit-linear-gradient(top,#347aff,#1149b4);
  background: -o-linear-gradient(top,#347aff,#1149b4);
  background: -moz-linear-gradient(top,#347aff,#1149b4);
  background: linear-gradient(to bottom, #347aff,#1149b4);
}

input.button-blue:hover {
  background: -webkit-linear-gradient(bottom,#347aff,#1149b4);
  background: -o-linear-gradient(bottom,#347aff,#1149b4);
  background: -moz-linear-gradient(bottom,#347aff,#1149b4);
  background: linear-gradient(to top, #347aff,#1149b4);
}

input.button-magenta {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  margin: 0 2px;
  padding: 1px 10px 2px 10px;
  border: 1px solid #bd96cb;
  border-radius: 10px;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  background: -webkit-linear-gradient(top,#bd96cb,#925ea4);
  background: -o-linear-gradient(top,#bd96cb,#925ea4);
  background: -moz-linear-gradient(top,#bd96cb,#925ea4);
  background: linear-gradient(to bottom, #bd96cb,#925ea4);
}

input.button-magenta:hover {
  background: -webkit-linear-gradient(bottom,#bd96cb,#925ea4);
  background: -o-linear-gradient(bottom,#bd96cb,#925ea4);
  background: -moz-linear-gradient(bottom,#bd96cb,#925ea4);
  background: linear-gradient(to top, #bd96cb,#925ea4);
}

input.button-yellow {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  margin: 0 2px;
  padding: 1px 10px 2px 10px;
  border: 1px solid #f3eb1d;
  border-radius: 10px;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  background: -webkit-linear-gradient(top,#d2cb09,#a49f0e);
  background: -o-linear-gradient(top,#d2cb09,#a49f0e);
  background: -moz-linear-gradient(top,#d2cb09,#a49f0e);
  background: linear-gradient(to bottom, #d2cb09,#a49f0e);
}

input.button-yellow:hover {
  background: -webkit-linear-gradient(bottom,#d2cb09,#a49f0e);
  background: -o-linear-gradient(bottom,#d2cb09,#a49f0e);
  background: -moz-linear-gradient(bottom,#d2cb09,#a49f0e);
  background: linear-gradient(to top, #d2cb09,#a49f0e);
}

input.button-green {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  margin: 0 2px;
  padding: 1px 10px 2px 10px;
  border: 1px solid #5bb367;  
  border-radius: 10px;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  background: -webkit-linear-gradient(top,#5bb367,#258032);
  background: -o-linear-gradient(top,#5bb367,#258032);
  background: -moz-linear-gradient(top,#5bb367,#258032);
  background: linear-gradient(to bottom, #5bb367,#258032);
}

input.button-green:hover {
  background: -webkit-linear-gradient(bottom,#5bb367,#258032);
  background: -o-linear-gradient(bottom,#5bb367,#258032);
  background: -moz-linear-gradient(bottom,#5bb367,#258032);
  background: linear-gradient(to top, #5bb367,#258032);  
}


input[type=button]:disabled, input[type=submit]:disabled, input[type=reset]:disabled, a.button:disabled,
input[type=button]:disabled:hover, input[type=submit]:disabled:hover, input[type=reset]:disabled:hover, a.button:disabled:hover {
  border: 1px solid #ccc !important;
  color: #fff !important;
  background: -webkit-linear-gradient(top,#ccc,#aaa);
  background: -o-linear-gradient(top,#ccc,#aaa);
  background: -moz-linear-gradient(top,#ccc,#aaa);
  background: linear-gradient(to bottom, #ccc,#aaa);
  cursor: default !important;
}

input.button-trash {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  margin: 0 2px;
  padding: 1px 10px 2px 10px;
  color: white;
  width: 24px;
  height: 20px;
  vertical-align: middle;
  border: 1px solid #f33;
  border-radius: 6px;
  background:  white url(img/delete.png) center no-repeat;
}

input.button-trash:hover {
  background: #faa url(img/delete.png) center no-repeat !important;
}

input.button-trash:disabled, input.button-trash:disabled:hover {
  border: 1px solid #888;
  background: #ccc url(img/delete.png) center no-repeat !important;
}

input.button-cancel {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  margin: 0 2px;
  padding: 1px 10px 2px 10px;
  color: white;
  width: 24px;
  height: 20px;
  vertical-align: middle;
  border: 1px solid #f33;
  border-radius: 6px;
  background:  white url(img/cancel-red.png) center no-repeat;
}

input.button-cancel:hover {
  background: #faa url(img/cancel-red.png) center no-repeat !important;
}

input.button-cancel:disabled, input.button-cancel:disabled:hover {
  border: 1px solid #888;
  background: #ccc url(img/cancel-red.png) center no-repeat !important;
}

input.button-add {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  margin: 0 2px;
  padding: 1px 10px 2px 10px;
  color: white;
  width: 24px;
  height: 20px;
  vertical-align: middle;
  border: 1px solid #3c3;
  border-radius: 6px;
  background:  white url(img/add.png) center no-repeat;
}

input.button-add:hover {
  background: #afa url(img/add.png) center no-repeat !important;
}

input.button-add:disabled, input.button-add:disabled:hover {
  border: 1px solid #888;
  background: #ccc url(img/add.png) center no-repeat !important;
}

input.button-add-yellow {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  margin: 0 2px;
  padding: 1px 10px 2px 10px;
  color: white;
  width: 24px;
  height: 20px;
  vertical-align: middle;
  border: 1px solid #967007;
  border-radius: 6px;
  background:  white url(img/add-yellow.png) center no-repeat;
}

input.button-add-yellow:hover {
  background: #ffa url(img/add-yellow.png) center no-repeat !important;
}

input.button-add-yellow:disabled, input.button-add-yellow:disabled:hover {
  border: 1px solid #888;
  background: #ccc url(img/add-yellow.png) center no-repeat !important;
}

input.button-add-blue {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  margin: 0 2px;
  padding: 1px 10px 2px 10px;
  color: white;
  width: 24px;
  height: 20px;
  vertical-align: middle;
  border: 1px solid #33c;
  border-radius: 6px;
  background:  white url(img/add-blue.png) center no-repeat;
}

input.button-add-blue:hover {
  background: #aaf url(img/add-blue.png) center no-repeat !important;
}

input.button-add-blue:disabled, input.button-add-blue:disabled:hover {
  border: 1px solid #888;
  background: #ccc url(img/add-blue.png) center no-repeat !important;
}

input.button-edit-blue {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  margin: 0 2px;
  padding: 1px 10px 2px 10px;
  color: white;
  width: 24px;
  height: 20px;
  vertical-align: middle;
  border: 1px solid #33c;
  border-radius: 6px;
  background:  white url(img/edit-blue.png) center no-repeat;
}

input.button-edit-blue:hover {
  background: #aaf url(img/edit-blue.png) center no-repeat !important;
}

input.button-edit-blue:disabled, input.button-edit-blue:disabled:hover {
  border: 1px solid #888;
  background: #ccc url(img/edit-blue.png) center no-repeat !important;
}

input.button-edit-pdf {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  margin: 0 2px;
  padding: 1px 10px 2px 10px;
  color: white;
  width: 24px;
  height: 20px;
  vertical-align: middle;
  border: 1px solid #33c;
  border-radius: 6px;
  background:  white url(img/edit-pdf.png) center no-repeat;
}

input.button-edit-pdf:hover {
  background: #aaf url(img/edit-pdf.png) center no-repeat !important;
}

input.button-choose {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  margin: 0 2px;
  padding: 1px 10px 2px 10px;
  color: white;
  width: 24px;
  height: 20px;
  vertical-align: middle;
  border: 1px solid #36c;
  border-radius: 6px;
  background:  white url(img/choose.png) center no-repeat;
}

input.button-choose:hover {
  background: #6af url(img/choose.png) center no-repeat !important;
}

input.button-choose-red {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  margin: 0 2px;
  padding: 1px 10px 2px 10px;
  color: white;
  width: 24px;
  height: 20px;
  vertical-align: middle;
  border: 1px solid #f33;
  border-radius: 6px;
  background:  white url(img/choose-red.png) center no-repeat;
}

input.button-choose-red:hover {
  background: #faa url(img/choose-red.png) center no-repeat !important;
}

input.button-close {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  width: 14px;
  height: 14px;
  border: 1px solid #ccc;
  border-radius: 2px;
  background:  white url(img/close-black.png) center no-repeat;
  background-size: 12px 12px;
  padding: 0;
}

input.button-close:hover {
  background: #ccc url(img/close-black.png) center no-repeat;
  background-size: 12px 12px;
}

input.button-money {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  margin: 0 2px;
  padding: 1px 10px 2px 10px;
  color: white;
  width: 24px;
  height: 20px;
  vertical-align: middle;
  border: 1px solid #333;
  border-radius: 6px;
  background:  white url(img/money.png) center no-repeat;
}

input.button-money:hover {
  background: #aaa url(img/money.png) center no-repeat !important;
}

input.button-money:disabled, input.button-money:disabled:hover {
  border: 1px solid #888;
  background: #ccc url(img/money.png) center no-repeat !important;
}

input.button-document {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  margin: 0 2px;
  padding: 1px 10px 2px 10px;
  color: white;
  width: 24px;
  height: 20px;
  vertical-align: middle;
  border: 1px solid #333;
  border-radius: 6px;
  background:  white url(img/document.png) center no-repeat;
}

input.button-document:hover {
  background: #aaa url(img/document.png) center no-repeat !important;
}

input.button-document:disabled, input.button-document:disabled:hover {
  border: 1px solid #888;
  background: #ccc url(img/document.png) center no-repeat !important;
}

input.button-gift {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  margin: 0 2px;
  padding: 1px 10px 2px 10px;
  color: white;
  width: 24px;
  height: 20px;
  vertical-align: middle;
  border: 1px solid #333;
  border-radius: 6px;
  background:  white url(img/gift.png) center no-repeat;
}

input.button-gift.x-opened {
  background: #ff0 url(img/gift.png) center no-repeat !important;
}

input.button-gift:hover {
  background: #aaa url(img/gift.png) center no-repeat !important;
}

input.button-gift:disabled, input.button-gift:disabled:hover {
  border: 1px solid #888;
  background: #ccc url(img/gift.png) center no-repeat !important;
}

input.button-ok {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  margin: 0 2px;
  padding: 1px 10px 2px 10px;
  color: white;
  width: 24px;
  height: 20px;
  border: 1px solid #3c3;
  border-radius: 6px;
  background:  white url(img/ok.png) center no-repeat;
}

input.button-ok:hover {
  background: #afa url(img/ok.png) center no-repeat !important;
}

input.button-ok:disabled, input.button-ok:disabled:hover {
  border: 1px solid #888;
  background: #ccc url(img/ok.png) center no-repeat !important;
}

input.button-music-blue {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  margin: 0 2px;
  padding: 1px 10px 2px 10px;
  color: white;
  width: 24px;
  height: 20px;
  vertical-align: middle;
  border: 1px solid #33c;
  border-radius: 6px;
  background:  white url(img/music-blue.png) center no-repeat;
}

input.button-music-blue:hover {
  background: #aaf url(img/music-blue.png) center no-repeat !important;
}

input.button-music-yellow {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  margin: 0 2px;
  padding: 1px 10px 2px 10px;
  color: white;
  width: 24px;
  height: 20px;
  vertical-align: middle;
  border: 1px solid #967007;
  border-radius: 6px;
  background:  white url(img/music-yellow.png) center no-repeat;
}

input.button-music-yellow:hover {
  background: #ffa url(img/music-yellow.png) center no-repeat !important;
}

input.button-music-red {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  margin: 0 2px;
  padding: 1px 10px 2px 10px;
  color: white;
  width: 24px;
  height: 20px;
  vertical-align: middle;
  border: 1px solid #f33;
  border-radius: 6px;
  background:  white url(img/music-red.png) center no-repeat;
}

input.button-music-red:hover {
  background: #faa url(img/music-red.png) center no-repeat !important;
}

input.button-music-green {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  margin: 0 2px;
  padding: 1px 10px 2px 10px;
  color: white;
  width: 24px;
  height: 20px;
  vertical-align: middle;
  border: 1px solid #3c3;
  border-radius: 6px;
  background:  white url(img/music-green.png) center no-repeat;
}

input.button-music-green:hover {
  background: #afa url(img/music-green.png) center no-repeat !important;
}

input.button-rest-green {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  margin: 0 2px;
  padding: 1px 10px 2px 10px;
  color: white;
  width: 24px;
  height: 20px;
  vertical-align: middle;
  border: 1px solid #3c3;
  border-radius: 6px;
  background:  white url(img/rest-green.png) center no-repeat;
}

input.button-rest-green:hover {
  background: #afa url(img/rest-green.png) center no-repeat !important;
}

input.button-calendar-color {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  margin: 2px 1px 0 1px;
  padding: 0;
  color: black;
  background: white;
  font-size: 0.7em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  width: 22px;
  height: 22px;
  border: 1px solid #888;
  border-radius: 11px;
}

input.button-calendar-color:hover {
	background: white;
	opacity: 0.5;
}

input.button-page-break-on {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  margin: 0 2px;
  padding: 1px 10px 2px 10px;
  color: white;
  width: 24px;
  height: 20px;
  vertical-align: middle;
  border: 1px solid #080;
  border-radius: 6px;
  background:  white url(img/page-break-on.png) center no-repeat;
}

input.button-page-break-on:hover {
  background: #afa url(img/page-break-on.png) center no-repeat !important;
}

input.button-page-break-off {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  margin: 0 2px;
  padding: 1px 10px 2px 10px;
  color: white;
  width: 24px;
  height: 20px;
  vertical-align: middle;
  border: 1px solid #888;
  border-radius: 6px;
  background:  white url(img/page-break-off.png) center no-repeat;
}

input.button-page-break-off:hover {
  background: #aaa url(img/page-break-off.png) center no-repeat !important;
}

input.button-undo {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  margin: 0 2px;
  padding: 1px 10px 2px 10px;
  color: white;
  width: 24px;
  height: 20px;
  vertical-align: middle;
  border: 1px solid #33c;
  border-radius: 6px;
  background:  white url(img/undo.png) center no-repeat;
}

input.button-undo:hover {
  background: #aaf url(img/undo.png) center no-repeat !important;
}

input.button-save {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  margin: 0 2px;
  padding: 1px 10px 2px 10px;
  color: white;
  width: 24px;
  height: 20px;
  vertical-align: middle;
  border: 1px solid #333;
  border-radius: 6px;
  background:  white url(img/save.png) center no-repeat;
  background-size: 16px 16px;
}

input.button-save:hover {
  background: #aaa url(img/save.png) center no-repeat !important;
  background-size: 16px 16px !important;
}

input.button-moving {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  margin: 0 2px;
  padding: 1px 10px 2px 10px;
  color: white;
  width: 24px;
  height: 20px;
  vertical-align: middle;
  border: 1px solid #33c;
  border-radius: 6px;
  background:  white url(img/move-up-down-blue.png) center no-repeat;
  background-size: 16px 16px !important;
}

input.button-moving:hover {
  background: #aaf url(img/move-up-down-blue.png) center no-repeat !important;
  background-size: 16px 16px !important;
}

input.button-moving-source {
	display: inline-block;
  cursor: pointer;
  text-decoration: none;
  margin: 0 2px;
  padding: 1px 10px 2px 10px;
  color: white;
  width: 24px;
  height: 20px;
  vertical-align: middle;
  border: 1px solid #c33;
  border-radius: 6px;
  background:  white url(img/move-up-down-red.png) center no-repeat;
  background-size: 16px 16px !important;
}

input.button-moving-source:hover {
  background:  #faa url(img/move-up-down-red.png) center no-repeat !important;
  background-size: 16px 16px !important;
}

input.button-moving-target {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  margin: 0 2px;
  padding: 1px 10px 2px 10px;
  color: white;
  width: 24px;
  height: 20px;
  vertical-align: middle;
  border: 1px solid #3c3;
  border-radius: 6px;
  background: white url(img/move-up-down-green.png) center no-repeat;
  background-size: 16px 16px !important;
}

input.button-moving-target:hover {
  background: #afa url(img/move-up-down-green.png) center no-repeat !important;
  background-size: 16px 16px !important;
}

a.download {
  display: inline-block;
  width: 22px;
  height: 18px;
  background: white url(img/download.png) no-repeat;
  background-position: 1px -3px;
  text-decoration: none;
  vertical-align: top;
  border: 1px solid #33c;
  border-radius: 6px;
  padding: 0;
}

a.download:hover {
	background: #aaf url(img/download.png) no-repeat !important;
	background-position: 1px -3px !important;
}

a.download-red {
  display: inline-block;
  width: 22px;
  height: 18px;
  background: white url(img/download-red.png) no-repeat;
  background-position: 1px -3px;
  text-decoration: none;
  vertical-align: top;
  border: 1px solid #c33;
  border-radius: 6px;
  padding: 0;
}

a.download-red:hover {
  background: #faa url(img/download-red.png) no-repeat !important;
  background-position: 1px -3px !important;
}

table.space-above td {
  padding-top: 5px;
}

div.popup-container {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 900;
  display: none;
  background-color: rgba(0,0,0,0.3);
}

div.popup-container-2 {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1900;
  display: none;
  background-color: rgba(0,0,0,0.3);
}

div.popup-container-3 {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2900;
  display: none;
  background-color: rgba(0,0,0,0.3);
}

div.popup-container-4 {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3900;
  display: none;
  background-color: rgba(0,0,0,0.3);
}

div.popup-container-transparent {
  position: absolute;   /* zde není fixed */
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 900;
  display: none;
}

div.popup-container-modif {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  display: none;
  background-color: rgba(255, 128, 128, 0.5);
}

div.required-mark {
  color: #f00;
  padding: 2px 5px 0 2px;
  display: inline-block;
  font-family: Monospace, 'Courier New';
  font-size: 14px;
  vertical-align: middle;
  height: 19px;
}

div.alternative-mark {
  color: #00f;
  padding: 2px 5px 0 2px;
  display: inline-block;
  font-family: Monospace, 'Courier New';
  font-size: 14px;
  vertical-align: middle;
  height: 19px;
}

.space-1 {
  height: 5px;
}

.space-10 {
  height: 50px;
}

div.page-result, div.page-alert, div.page-error {
  margin: 5px 5px 10px 0px;
  padding: 5px;
  border-radius: 4px;
  font-weight: bold;
}

div.page-result {
  background: #cfc;
  border: 1px solid #080;
  color: #080;
}

div.page-alert {
  background: #ff6;
  border: 1px solid black;
  color: black;
}

div.page-error {
  background: #fcc;
  border: 1px solid #c00;
  color: #f00;
}

div.page-result-close, div.page-alert-close, div.page-error-close {
  float: right;
  text-align: right;
}

div.page-error ul {
  list-style-type: none;  
}

li.page-error-header {
  text-transform: uppercase;
}

div.page-warning {
  margin: 10px 20px 10px 4px;
  background: #ff0;
  padding: 5px;
  border: 1px solid #000;
  border-radius: 4px;
  color: #000;
  font-weight: bold;
}

div.page-warning ul {
  list-style-type: none;  
}

div.page-warning-close {
  float: right;
  text-align: right;
}

div.page-warning-close a {
  color: #000;
}

li.page-warning-header {
  text-transform: uppercase;
}

div.page-alert hr {
  border-color: #000;
}

.info-result {
  color: #080;
  font-weight: bold;
}

.info-error {
  color: #f00 !important;
  font-weight: bold;
}

.info-fatal-error {
  background-color: #ff0 !important;
  color: #f00 !important;
  font-weight: bold;
  font-size: 13px !important;
}

.info-warning {
  color: #f60 !important;
  font-weight: bold;
}

.info-alert {
  background-color: #ff0 !important;
  font-weight: bold;
}

.info-note {
  color: #000;
  font-weight: bold;
}

.error-field {
  background: #f66 !important;
}

.highlighted {
  color: #f00;
}

.inactive {
  color: #888;
}

.background {
  background-color: #eaf7fc;
}

.id-title {
	font-weight: bold;
	margin-right: 5px;
}

div.nested-mcbox {
  background-color: #fff;
  border: solid 1px #ccc;
  border-radius: 4px;
  padding: 2px;
  overflow: auto;
  float: left;
}

div.nested-mcbox ul {
}

div.nested-mcbox li {
  margin-top: 2px;
  font-size: 0.9em;
}

div.nested-mcbox li input[type="checkbox"] {
	height: auto !important;
}

div.nested-mcbox .x-mcbox1 {
	display: inline-block;
	float: left;
}

div.nested-mcbox .x-mcbox2 {
  display: inline-block;
  float: left;
  margin-left: 10px;
}

div.moving {
  display: inline-block;
  height: 20px;
  cursor: move;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  border: solid 1px #36c;
  border-radius: 6px;
  margin: 0 2px;
  line-height: 20px;
  padding: 0 10px;
  background: white url(img/move-up-down-blue.png) no-repeat center;
  background-size: 14px 14px;
  color: #298bd3;
}

div.moving:hover {
  background: #6af url(img/move-up-down-blue.png) no-repeat center;
  background-size: 14px 14px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4);
}

div.moving-drag-over {
  background: #ff0 url(img/move-up-down-blue.png) no-repeat center;
  background-size: 14px 14px;
  border: solid 1px #298bd3;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4);
}

div.moving-drag-over:hover {
  background: #ff0 url(img/move-up-down-blue.png) no-repeat center !important;
}

div.moving-helper {
  display: inline-block;
  height: 20px;
  cursor: move;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  border: solid 1px black;
  border-radius: 6px;
  margin: 0 4px 0 0;
  line-height: 16px;
  padding: 0 10px;
  background: white url(img/move-up-down-black.png) no-repeat center;
  background-size: 14px 14px;
  opacity: 0.5;
}


div.page-tabs {
  border-left: 1px solid #888;
  border-radius: 4px 0 0 0;
}

div.page-tabs ul {
  list-style-type: none;
}

div.page-tabs li, div.page-tab {
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  padding: 4px 7px;
  background: #EAF7FC;
  border-top: 1px solid #888;
  border-right: 1px solid #888;
  border-radius: 4px 4px 0 0;
}

div.page-tabs li a, div.page-tab a {
  display: inline-block;
  text-decoration: none;
  color: #8D1300;
  height: 16px;
  padding-top: 4px;
}

div.page-tabs li.active, div.page-tab.active {
  background: -webkit-linear-gradient(top,#cc3600,#8e1200);
  background: -o-linear-gradient(top,#cc3600,#8e1200);
  background: -moz-linear-gradient(top,#cc3600,#8e1200);
  background: linear-gradient(to bottom, #cc3600,#8e1200);
}

div.page-tabs li.active a, div.page-tab.active a {
  text-decoration: none;
  color: white;
}

div.tab-page {
	padding-top: 10px;
	border-top: solid 1px #888;
}


div.edit-popup  {
  position: fixed;
  background-color: white;
  border: 2px groove #999;
  padding: 2px;
  overflow: auto;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8), 0 6px 20px 0 rgba(0, 0, 0, 0.6);
  z-index: 1000;
  display: none;
  white-space: nowrap;
}

div.edit-popup-title {
  background-color: #252768;
  color: white;
  white-space: nowrap;
  font-weight: bold;
  padding: 2px;
  cursor: move;
  height: 14px;
}

div.edit-popup-title-left {
  float: left;
}

div.edit-popup-title-right {
  float: right;
}

div.edit-popup-inner {
  padding-top: 2px;
  clear: both;
}

div.popup-menu  {
  position: absolute;
  border: 2px groove #999;
  padding: 2px;
  overflow: auto;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8), 0 6px 20px 0 rgba(0, 0, 0, 0.6);
  z-index: 1000;
  display: none;
  width: 210px;
  background-color: #EAF7FC;
}

div.popup-menu ul {
  list-style: none;
  padding-top: 5px;
  line-height: 100%;
  min-height: 20px;
}

div.popup-menu li {
  padding: 0;
  color: #000;
  font-weight: bold;
}

div.popup-menu a {
  text-decoration: none;
  display: inline-block;
  color: #000;
  font-weight: bold;
  width: 200px;
  min-height: 14px;
  padding: 4px 0 2px 10px;
}

div.popup-menu a:hover:not(.x-disabled) {
  color: white;
  background-color: #8D1300 !important;
}

div.popup-menu a.x-disabled {
  color: #888;
  cursor: default;
}

div.popup-menu-small  {
  position: absolute;
  border: 2px groove #999;
  padding: 2px;
  overflow-x: hidden;
  overflow-y: auto;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8), 0 6px 20px 0 rgba(0, 0, 0, 0.6);
  z-index: 1000;
  display: none;
  background-color: #EAF7FC;
}

div.popup-menu-small ul {
  list-style: none;
  padding-top: 1px;
  line-height: 100%;
}

div.popup-menu-small li {
  padding: 0;
  color: #000;
}

div.popup-menu-small a {
  text-decoration: none;
  display: inline-block;
  color: #000;
  font-weight: normal;
  min-height: 14px;
  padding: 4px 10px 2px 10px;
  white-space: nowrap;
}

div.popup-menu-small a:hover:not(.x-disabled) {
  color: white;
  background-color: #8D1300;
}

div.popup-menu-small a.x-disabled {
  color: #888;
  cursor: default;
}

div#page-chooser-title {
  background-color: #252768;
  color: white;
  white-space: nowrap;
  font-weight: bold;
  padding: 2px;
  cursor: move;
  height: 14px;
}

table.cast-table td {
	white-space: nowrap;
}

table.cast-table td.cast-category-type {
	padding: 8px 4px;
	font-weight: bold;
	cursor: pointer;
}

table.cast-table td.cast-category-type-sum {
	font-weight: bold;
	text-align: right;
	vertical-align: middle;
}

table.cast-table td.cast-category-type:hover {
	text-decoration: underline;
}

table.cast-table .cast-unknown-count {
	display: inline-block;
	padding: 0 2px;
	background-color: #68d1f9;
	border-radius: 4px;
}

table.cast-table tr.cast-separator td {
	font-size: 1px;
	padding: 0;
	background-color: #666;
}


.modif-ins { background-color: #8f8; font-weight: bold; padding-left: 1px; padding-right: 1px; }
.modif-upd { background-color: #ff0; font-weight: bold; padding-left: 1px; padding-right: 1px; }
.modif-del { background-color: #f88; color: #666; font-weight: bold; padding-left: 1px; padding-right: 1px; }

table.modif-table td { font-size: 0.9em; }
table.modif-table ul { list-style: disc; }
table.modif-table ul li { margin-left: 10px; }