* {
  margin: 0px;
  padding: 0px;
}
img {
  border: none;
}
html {
  min-width: 1074px;
}
body {
  color: #000346;
  background-color: #f0f0f0;
  font-size: 12px;
  font-family: Helvetica, Arial, sans-serif;
  min-width: 1074px;
  min-height: 450px;
}
a {
  text-decoration: none;
  color: inherit;
  white-space: nowrap;
}
hr {
  background: #aeaeb1;
  height: 2px;
  border: 0;
  border-bottom: 1px solid white;
}
input[type=text]::-ms-clear {
  display: none;
}
input[type=password]::-ms-reveal {
  display: none;
}
#header {
  display: block;
  height: 70px;
  min-width: 1040px;
  background-color: #808080;
}
/* show default cursor instead of text cursor in text fields, labels, a.s.o. */
.noIBar {
  cursor: default;
}
#rightNavigation {
  position: absolute;
  right: 2px;
  top: 0;
}
#menuPanel {
  float: right;
  position: relative;
  right: 0;
  top: 0;
}
#navigationMenu #menuOpenButton {
  color: #646464;
  float: left;
  font-weight: bold;
  height: 22px;
  margin-top: 4px;
  margin-right: 5px;
}
#navigationMenu #menuOpenButton #adminLabel {
  float: left;
  margin-top: 4px;
  margin-left: 5px;
}
#navigationMenu #menuOpenButton #userName {
  margin-left: 5px;
  float: left;
  margin-top: 4px;
}
#navigationMenu #menuOpenButton #menuIcon {
  float: left;
  margin-top: 9px;
  margin-right: 5px;
  margin-left: 5px;
}
#navigationMenu[menuopen='false'] #menuOpenButton:hover {
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.6);
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  cursor: pointer;
}
#navigationMenu[menuopen='true'] #menuOpenButton {
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.6);
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  cursor: pointer;
}
#navigationMenu[menuopen='false'] .menuList {
  display: none;
}
#navigationMenu[menuopen='true'] .menuList {
  position: absolute;
  top: 28px;
  right: 7px;
  z-index: 3000;
  min-width: 130px;
  display: inline-table;
  background-color: #f0f0f0;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.6);
}
#navigationMenu[menuopen='true'] .menuList .menuItem {
  margin-bottom: 6px;
  margin-top: 6px;
  padding: 0 8px;
}
#navigationMenu[menuopen='true'] .menuList .menuItem:hover {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmI5MDAiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZiOTAwIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmNlNTkiIHN0b3Atb3BhY2l0eT0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+);
  background-image: -webkit-linear-gradient(top, #ffb900 0%, #ffb900 33.4%, #ffce59 100%);
  background-image: -moz-linear-gradient(top, #ffb900 0%, #ffb900 33.4%, #ffce59 100%);
  background-image: -o-linear-gradient(top, #ffb900 0%, #ffb900 33.4%, #ffce59 100%);
  background-image: linear-gradient(to bottom, #ffb900 0%, #ffb900 33.4%, #ffce59 100%);
  cursor: pointer;
}
#helpPanel {
  float: right;
  position: relative;
  right: 0px;
  top: 0px;
}
#helpLink {
  color: #646464;
  float: right;
  font-weight: bold;
  height: 22px;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 3px;
  position: relative;
  right: 0;
}
#helpLink:hover {
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.6);
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  cursor: pointer;
}
#helpLink #helpIcon {
  float: left;
  margin-top: 3px;
  margin-left: 4px;
  margin-right: 4px;
}
.navigationHeader {
  display: block;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNkOWRhZGQiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk5OTk5OSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(top, #d9dadd 0%, #999999 100%);
  background-image: -moz-linear-gradient(top, #d9dadd 0%, #999999 100%);
  background-image: -o-linear-gradient(top, #d9dadd 0%, #999999 100%);
  background-image: linear-gradient(to bottom, #d9dadd 0%, #999999 100%);
  height: 24px;
  min-width: 1040px;
  padding-top: 6px;
  position: relative;
}
.navigationHeader a:link {
  text-decoration: none;
}
.navigationHeader #browserNotSupportedIcon {
  float: right;
  margin-right: 6px;
  position: relative;
  right: 3px;
  top: 7px;
}
#hiddenContent {
  display: none;
}
#content {
  background-color: #f0f0f0;
  display: block;
  height: 100%;
  min-width: 1074px;
}
.button {
  height: 23px;
  float: left;
}
/*
 This inserts a glass pane above the element. It is used for buttons and all other clickable areas which consists
 of more than one elements. Otherwise it could be possible, that no click-event is generated. This can happen, if
 mouse is moved on the are, or if an animation moves the elements under the mouse pointer during the click.
 
 Some elements should be above even glaced buttons. Think menus, dialogs, ... . This is realized by giving them
 a z-index higher than the z-index of glazed elements (i.e. more than 1000). So don't change this z-index without
 adapting the z-index of those other elements.

Not giving the menu a higher z-index than the underlying glazed button results in activating the button instead
of activating the menu item when you click it.

Fun fact: the menu items glazed button has a z-index of 1000, i.e. less than the menu item (or menulist), but still
is above (i.e. covers it as intended) the menu item and the glazed button underlying the menu.
*/
.glazed {
  position: relative !important;
}
.glazed::after {
  content: "";
  top: 0px;
  left: 0px;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
.button[enabled='true'] {
  cursor: pointer;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjZTFlMWUxIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+);
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #e1e1e1 75%, #ffffff 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #e1e1e1 75%, #ffffff 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #e1e1e1 75%, #ffffff 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #e1e1e1 75%, #ffffff 100%);
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.6);
}
.button[enabled='false'] {
  cursor: default;
  background-color: #d9dadd;
  -webkit-box-shadow: #808080 -1px -1px 0px 0px, #808080 0px -1px 0 0, #ffffff 1px 1px 0px 0px;
  -moz-box-shadow: #808080 -1px -1px 0px 0px, #808080 0px -1px 0 0, #ffffff 1px 1px 0px 0px;
  box-shadow: #808080 -1px -1px 0px 0px, #808080 0px -1px 0 0, #ffffff 1px 1px 0px 0px;
}
/* prevent italic text for disabled components */
.button em {
  font-style: normal;
}
.button[enabled='true']:active {
  -webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.8);
  box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.8);
}
.button[enabled='true']:active .buttonContent {
  padding-top: 1px;
  padding-left: 1px;
}
.button[enabled='false'] .buttonContent {
  zoom: 1;
  filter: alpha(opacity=35);
  -webkit-opacity: 0.35;
  -moz-opacity: 0.35;
  opacity: 0.35;
}
.buttonTopLeft {
  -webkit-border-top-left-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius-topleft: 5px;
  -moz-background-clip: padding;
  border-top-left-radius: 5px;
  background-clip: padding-box;
}
.buttonLeft {
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius-bottomleft: 5px;
  -moz-background-clip: padding;
  border-bottom-left-radius: 5px;
  background-clip: padding-box;
}
.buttonLeft:not(.buttonRight) {
  /*border only for buttonLeft, if they are not a right button at the same time,
    	 otherwise they get a border on the outside*/
  border-right: 1px solid #aeaeb1;
}
.buttonMiddle {
  border-right: 1px solid #aeaeb1;
}
.buttonRight {
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius-bottomright: 5px;
  -moz-background-clip: padding;
  border-bottom-right-radius: 5px;
  background-clip: padding-box;
}
.buttonTopRight {
  -webkit-border-top-right-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius-topright: 5px;
  -moz-background-clip: padding;
  border-top-right-radius: 5px;
  background-clip: padding-box;
}
.buttonBottom {
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius-bottomright: 5px;
  -moz-background-clip: padding;
  border-bottom-right-radius: 5px;
  background-clip: padding-box;
}
.buttonTop {
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius-topright: 5px;
  -moz-background-clip: padding;
  border-top-right-radius: 5px;
  background-clip: padding-box;
  border-bottom: 1px solid #aeaeb1;
}
.toggleButton .button {
  width: 53px;
  height: 23px;
}
.toggleButton .button img {
  /* padding-left: 18px weil button.width (53) - img.width (16) / 2 */
  padding-left: 18px;
  padding-top: 4px;
}
.toggleButton .button[engaged='true'] {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzZjhjZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAyNjJmMyIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(top, #3f8cff 0%, #0262f3 100%);
  background-image: -moz-linear-gradient(top, #3f8cff 0%, #0262f3 100%);
  background-image: -o-linear-gradient(top, #3f8cff 0%, #0262f3 100%);
  background-image: linear-gradient(to bottom, #3f8cff 0%, #0262f3 100%);
  -webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.8);
  box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.8);
}
.toggleButton .button[engaged='true'] .buttonContent {
  padding-top: 1px;
  padding-left: 1px;
}
.checkBox .checkBoxIcon {
  background-color: #ffffff;
  color: #000346;
  display: inline-table;
  vertical-align: middle;
  position: relative;
  width: 15px;
  height: 15px;
  -webkit-box-shadow: #808080 -1px -1px 0px 0px, #808080 0px -1px 0 0, #ffffff 1px 1px 0px 0px ;
  -moz-box-shadow: #808080 -1px -1px 0px 0px, #808080 0px -1px 0 0, #ffffff 1px 1px 0px 0px ;
  box-shadow: #808080 -1px -1px 0px 0px, #808080 0px -1px 0 0, #ffffff 1px 1px 0px 0px ;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
}
.checkBox .checkBoxIcon[enabled='false'] {
  background-color: #d9dadd;
}
.checkBox .checkBoxIcon .checkMarkImage {
  margin-left: 2px;
}
.checkBox .checkBoxIcon .checkMarkImage[checked='false'] {
  display: none;
}
.checkBox .checkBoxLabel {
  color: #000346;
  display: inline-table;
  margin-left: 4px;
  vertical-align: top;
}
.orderIcon {
  float: left;
  padding-right: 12px;
}
.orderInfo {
  display: inline-table;
  margin-bottom: 5px;
  max-width: 205px;
  overflow: hidden;
}
.orderInfo .name {
  font-size: 14px;
  font-weight: bold;
  max-width: 205px;
  margin-bottom: 2px;
}
.orderInfo .pubDate {
  margin-bottom: 6px;
}
.backButtonLink {
  height: 20px;
}
.backButtonLink:hover {
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.6);
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
}
.backButtonLink .iconLabel {
  height: 22px;
}
.backButtonLink .iconLabel .icon {
  padding-top: 2px !important;
}
.backButtonLink .iconLabel .label {
  font-weight: bold;
  color: #6C6C6D;
}
.navigationHeader .backButtonLayout {
  margin-left: 10px;
  min-width: 100px;
  float: left;
}
/* For showing page sized messages*/
.messageView {
  bottom: 0px;
  display: block;
  height: auto;
  min-width: 900px;
  position: absolute;
  top: 100px;
  padding-top: 200px;
  width: 100%;
  text-align: center;
  background-color: #f0f0f0;
}
.messageView a {
  color: #3964CE;
  text-decoration: underline;
}
.messageView .title {
  font-size: 20px;
  font-weight: bold;
  color: #999999;
}
.messageView .message {
  margin-top: 10px;
  font-size: 13px;
  color: #999999;
  font-weight: bold;
  width: 60%;
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
}
.messageView .message.noTopMargin {
  margin-top: 0px;
}
.messageView .subMessage {
  margin-top: 10px;
  font-size: 12px;
  color: #999;
}
.messageView .backButtonLayout {
  /* center link on page while having variable width */
  float: left;
  position: relative;
  left: 50%;
  margin-top: 10px;
}
.messageView .backButtonLayout .backButtonLink {
  float: left;
  position: relative;
  left: -50%;
}
#aboutView .subMessage {
  margin-top: 10px;
  font-size: 12px;
  color: #999;
  /*inherit*/
  margin-top: 40px;
  /*override*/
}
#aboutView .backButtonLayout {
  margin-top: 10px;
  font-size: 12px;
  color: #999;
  /*inherit*/
  margin-top: 20px;
  width: 170px;
}
#preloadJAlertInfoIcon {
  background: url(jquery/images/info.png) no-repeat -9999px -9999px;
}