/* ***** */
/* ************************************* */
body {
  background-color: white;
  color: black;
  font-size: 12px;
  font-family: "Helvetica", sans-serif;
  overflow-y: hidden;
}
@media (max-height: 500px) {
  body {
    overflow-y: auto;
  }
}

/******/
input,
.C_TextInputWithClear,
.C_AutoText {
  border-color: #bfbfbf;
}

.C_InputForm {
  border-width: 0;
  margin: 0;
  text-align: left;
}

.C_InputForm .EmptyLine {
  width: 100%;
  margin-top: 6mm;
  margin-bottom: 2mm;
  margin-left: 4mm;
}

/******/
.C_BlockOdd {
  padding-top: 2mm;
  padding-bottom: 2mm;
  background-color: white;
}

.C_BlockEven {
  padding-top: 2mm;
  padding-bottom: 2mm;
  background-color: #f2f2f2;
}

/* ************************************* */
#I_HeaderBlock {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 15.5mm;
  z-index: 100;
  background-color: white;
  overflow: hidden;
}
@media (max-height: 500px) {
  #I_HeaderBlock {
    position: static;
  }
}

#I_NavigationBlock {
  position: fixed;
  top: 15.5mm;
  left: 0;
  right: 0;
  z-index: 100;
  background-color: white;
}
@media (max-height: 500px) {
  #I_NavigationBlock {
    position: relative;
    top: 0;
  }
}

#I_BodyBlock {
  position: fixed;
  top: 23.5mm;
  bottom: 7mm;
  left: 0;
  right: 0;
}
@media (max-height: 500px) {
  #I_BodyBlock {
    position: relative;
    display: inline-block;
    width: 100%;
    top: 0;
  }
}

#I_FooterBlock {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background-color: white;
  padding-bottom: 1mm;
  text-align: center;
}
@media (max-height: 500px) {
  #I_FooterBlock {
    position: static;
  }
}

/* ************************************* */
.C_LogoImage {
  position: relative;
  top: 0;
  left: 0;
  width: 205px;
  height: 11.5mm;
  margin: 1mm 0 1mm 1mm;
}

.C_HeaderImage {
  position: absolute;
  top: 0;
  left: 217.55906px;
  margin: 1mm 0 1mm 1mm;
}

.C_RightFader {
  position: absolute;
  top: 0;
  right: 15mm;
  height: 11.5mm;
  width: 30mm;
  margin: 1mm 0;
  z-index: 1;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
}

.C_RightWhite {
  position: absolute;
  top: 0;
  right: 0;
  height: 11.5mm;
  width: 15mm;
  margin: 1mm 0;
  z-index: 1;
  background-color: white;
}

.C_HelpBlock {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  margin: 2mm;
}

/* ************************************* */
.C_NavigationBlockContent {
  padding-bottom: 1mm;
  padding-top: 1mm;
}
.C_NavigationBlockContent ul {
  display: inline;
}
.C_NavigationBlockContent li {
  display: inline;
}
.C_NavigationBlockContent .ui-menu .ui-menu-item a {
  display: inline-block;
  padding: 1px 0.5em;
  color: #bb4444;
  font-weight: bold;
  line-height: 1.0mm;
  text-decoration: none;
}

.C_NavigationMenu {
  display: block;
}

.C_NavigationMenu_v {
  margin-left: 2mm;
}

@media (max-width: 780px) {
  .C_NavigationMenu_h {
    display: none;
  }
}
@media (min-width: 780px) {
  .C_NavigationMenu_v {
    display: none;
    margin-left: 2mm;
  }
}
.C_CurrentUserName {
  position: absolute;
  right: 10mm;
  top: 1mm;
}

.C_SessionButton {
  position: absolute;
  right: 2.5mm;
  top: 1mm;
}

/* ************************************* */
.C_Progress {
  position: absolute;
  top: 1mm;
  left: 0;
  height: 100%;
  width: 0%;
  background-color: rgba(0, 255, 0, 0.6);
  z-index: 1;
}

.C_Status {
  position: absolute;
  left: 1em;
}

.C_FooterStatus {
  padding: 1mm 2mm;
}

.C_LastUpdateTime {
  position: absolute;
  right: 1em;
}

/* ************************************* */
.C_SeparatorHorizontal {
  display: block;
  position: relative;
  border-color: #eeeeee;
  border-style: solid;
  border-radius: 1mm / 1mm;
  border-top-width: 2mm;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  -o-border-image: url(/Static/GG/NewsBorder.png) 10 stretch;
  -moz-border-image: url(/Static/GG/NewsBorder.png) 10 stretch;
  -webkit-border-image: url(/Static/GG/NewsBorder.png) 10 stretch;
  -ms-border-image: url(/Static/GG/NewsBorder.png) 10 stretch;
  border-image: url(/Static/GG/NewsBorder.png) 10 stretch;
}

.C_Bordered {
  border-color: #eeeeee;
  border-style: solid;
  border-radius: 1mm / 1mm;
  border-width: 2mm;
  -o-border-image: url(/Static/GG/NewsBorder.png) 10 stretch;
  -moz-border-image: url(/Static/GG/NewsBorder.png) 10 stretch;
  -webkit-border-image: url(/Static/GG/NewsBorder.png) 10 stretch;
  -ms-border-image: url(/Static/GG/NewsBorder.png) 10 stretch;
  border-image: url(/Static/GG/NewsBorder.png) 10 stretch;
}

/* ************************************* */
/* ************************************* */
.C_LeftColumn {
  position: absolute;
  top: 0;
  bottom: 0;
  overflow-y: auto;
  left: 0;
}
@media (max-width: 780px) {
  .C_LeftColumn {
    vertical-align: top;
  }
}

.C_RightColumn {
  position: absolute;
  top: 0;
  bottom: 0;
  overflow-y: auto;
  right: 0;
}
@media (max-width: 780px) {
  .C_RightColumn {
    vertical-align: top;
  }
}

.C_SeparatorColumn {
  position: relative;
  height: 500px;
  width: 0px;
}

.C_Separator {
  display: inline-block;
  clear: both;
  height: 1mm;
}

/* ************************************* */
.C_Caption {
  position: absolute;
  top: -1em;
  left: 7mm;
  font-size: 120%;
  font-weight: bold;
  text-align: center;
  color: #bb4444;
  background-color: white;
  padding: 0 1mm;
}

/*****/
/*****/
/*****/
/* ************************************* */
/* ************************************* */
/* ************************************* */
.C_TileList li {
  margin: 0.75mm;
  height: 14mm;
  border-color: #eeeeee;
  border-style: solid;
  border-radius: 1mm / 1mm;
  border-width: 1.5mm;
  -o-border-image: url(/Static/GG/NewsBorder.png) 10 stretch;
  -moz-border-image: url(/Static/GG/NewsBorder.png) 10 stretch;
  -webkit-border-image: url(/Static/GG/NewsBorder.png) 10 stretch;
  -ms-border-image: url(/Static/GG/NewsBorder.png) 10 stretch;
  border-image: url(/Static/GG/NewsBorder.png) 10 stretch;
}
.C_TileList li:hover {
  background-color: #e5e5e5;
  overflow-x: hidden;
}

.C_TileList .C_TileContent {
  font-size: 92%;
  line-height: 100%;
}

/* ************************************* */
/* ************************************* */
.C_TileContent > div {
  position: absolute;
}

/* **** */
.GGTilePicture {
  display: inline-block;
  top: 0.65mm;
  left: 0.65mm;
  line-height: 10%;
  /* dont ask (prevents double shadow?) */
  background-color: white;
}

.GGTilePicture img {
  width: 48px;
  height: 48px;
  border-radius: 1mm/1mm;
}

.GGTilePrivate {
  border-radius: 1mm/1mm;
  box-shadow: 2px 2px 5px #888;
}

.GGTileBusiness {
  border-radius: 1mm/1mm;
  box-shadow: 2px 2px 5px #0C0;
}

/* **** */
.GGTileBackground {
  width: 100%;
  height: 100%;
  padding: 5mm;
  font-size: 500%;
  font-weight: bold;
  color: white;
  text-align: center;
  background-color: #FFB;
  z-index: -1;
}

.GGTileTitle {
  top: 0.5mm;
  right: 0.5mm;
  left: 15mm;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: bold;
}

.GGTileDescription {
  top: 4mm;
  left: 15mm;
  line-height: 1em;
  max-height: 3em;
  overflow: hidden;
  text-overflow: ellipsis;
}

.GGTilePrice {
  top: 0.5mm;
  right: 0.5mm;
  padding-left: 0.5mm;
  background-color: rgba(255, 255, 255, 0.9);
}

.GGTileStatus {
  right: 0.5mm;
  bottom: 0.5mm;
  width: 4mm;
  height: 4mm;
  background-color: rgba(255, 255, 255, 0.9);
}

.GGTileDate {
  bottom: 0.5mm;
  left: 16mm;
  line-height: 1em;
  overflow: hidden;
}

.GGTileQuantity {
  right: 0.5mm;
  bottom: 0.5mm;
  width: 4mm;
  height: 4mm;
  background-color: rgba(255, 255, 255, 0.9);
}

.GGTileCompany {
  right: 0.5mm;
  bottom: 0.5mm;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.9);
  color: #bb4444;
  font-weight: bold;
}

.GGTileNeutral {
  box-shadow: 2px 2px 5px #888;
}

.GGTileOwner {
  box-shadow: 2px 2px 5px #0C0;
}

/* ***** */
.GGMessageTile {
  padding-right: 8mm;
  line-height: 1.5em;
  font-weight: bold;
  font-size: 120%;
  text-align: center;
}

/* ************************************* */
.C_MessageBubble {
  position: relative;
  display: inline;
  float: right;
  margin-left: 0mm;
}

.C_MessageBubble img {
  position: relative;
  z-index: 1;
}

.C_MessageCount {
  position: absolute;
  z-index: 0;
  left: 2.1mm;
  top: 1.0mm;
  padding: 2mm 3.5mm;
  color: black;
  border-radius: 50% / 50%;
  text-align: center;
  font-weight: bold;
  font-size: 120%;
}

/******/
.C_PrivateMessageBox {
  visibility: hidden;
  position: absolute;
  top: 30mm;
  left: 50%;
  transform: translate(-50%, 0);
  width: 122mm;
  background-color: #ffffee;
  padding: 2mm;
  z-index: 200;
  text-align: center;
  border-color: #eeeeee;
  border-style: solid;
  border-radius: 1mm / 1mm;
  border-width: 2mm;
  -o-border-image: url(/Static/GG/NewsBorder.png) 10 stretch;
  -moz-border-image: url(/Static/GG/NewsBorder.png) 10 stretch;
  -webkit-border-image: url(/Static/GG/NewsBorder.png) 10 stretch;
  -ms-border-image: url(/Static/GG/NewsBorder.png) 10 stretch;
  border-image: url(/Static/GG/NewsBorder.png) 10 stretch;
}

.C_PrivateMessageCaption {
  margin-bottom: 2mm;
  text-align: left;
  font-weight: bold;
  font-size: 150%;
  color: #bb4444;
}

.C_PrivateMessageInput {
  width: 120mm;
}

.C_PrivateMessageSend {
  margin-top: 2mm;
  text-align: center;
}

.C_ClosePrivateMessageBox {
  float: right;
}

/* ************************************* */
.C_IframeDialog {
  background-color: #ffffee;
  border-color: #eeeeee;
  border-style: solid;
  border-radius: 1mm / 1mm;
  border-width: 2mm;
  -o-border-image: url(/Static/GG/NewsBorder.png) 10 stretch;
  -moz-border-image: url(/Static/GG/NewsBorder.png) 10 stretch;
  -webkit-border-image: url(/Static/GG/NewsBorder.png) 10 stretch;
  -ms-border-image: url(/Static/GG/NewsBorder.png) 10 stretch;
  border-image: url(/Static/GG/NewsBorder.png) 10 stretch;
}

.C_Dialog {
  display: none;
  position: absolute;
  top: 30mm;
  left: 50%;
  width: 122mm;
  background-color: #ffffee;
  box-shadow: 2mm 2mm 5mm #888;
  z-index: 200;
  text-align: center;
  border-color: #eeeeee;
  border-style: solid;
  border-radius: 1mm / 1mm;
  border-width: 2mm;
  -o-border-image: url(/Static/GG/NewsBorder.png) 10 stretch;
  -moz-border-image: url(/Static/GG/NewsBorder.png) 10 stretch;
  -webkit-border-image: url(/Static/GG/NewsBorder.png) 10 stretch;
  -ms-border-image: url(/Static/GG/NewsBorder.png) 10 stretch;
  border-image: url(/Static/GG/NewsBorder.png) 10 stretch;
}

.C_Dialog .C_DialogCaption {
  margin-bottom: 1mm;
  text-align: left;
  font-weight: bold;
  font-size: 120%;
  color: #bb4444;
}

.C_Dialog .C_DialogClose {
  float: right;
  cursor: pointer;
  width: 4mm;
  height: 4mm;
}

.C_DialogTitleHandle {
  cursor: move;
}

.C_DialogFooter {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: right;
  padding-bottom: 2mm;
}

.C_DialogFooter .C_SeparatorHorizontal {
  margin-bottom: 2mm;
}

.C_DialogFooter button {
  margin: 0 2mm;
}

/* ************************************* */
.C_TimeInput {
  position: relative;
  display: inline-block;
  top: -1px;
}

.C_TimeDown {
  position: absolute;
  right: 1.8mm;
  bottom: -0.1mm;
  color: #bb4444;
  font-size: 0.7em;
  cursor: default;
}
.C_TimeDown:hover {
  background-color: #DDD;
}

.C_TimeUp {
  position: absolute;
  right: 1.8mm;
  top: -0.5mm;
  color: #bb4444;
  font-size: 0.7em;
  cursor: default;
}
.C_TimeUp:hover {
  background-color: #DDD;
}

/* ************************************* */
.Flags img {
  border-color: #bb4444;
}

/* ************************************* */
/* ************************************* */
.ui-tabs .ui-widget-header {
  background: white;
  background-color: white;
  border-color: white;
}

.ui-tabs {
  border-color: #eeeeee;
  border-style: solid;
  border-radius: 1mm / 1mm;
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  -o-border-image: url(/Static/GG/NewsBorder.png) 10 stretch;
  -moz-border-image: url(/Static/GG/NewsBorder.png) 10 stretch;
  -webkit-border-image: url(/Static/GG/NewsBorder.png) 10 stretch;
  -ms-border-image: url(/Static/GG/NewsBorder.png) 10 stretch;
  border-image: url(/Static/GG/NewsBorder.png) 10 stretch;
}

.ui-tabs .ui-tabs-nav li {
  border-color: #eeeeee;
  border-style: solid;
  border-radius: 1mm / 1mm;
  border-top-width: 1.5mm;
  border-right-width: 1.5mm;
  border-bottom-width: 0;
  border-left-width: 1.5mm;
  -o-border-image: url(/Static/GG/NewsBorder.png) 10 stretch;
  -moz-border-image: url(/Static/GG/NewsBorder.png) 10 stretch;
  -webkit-border-image: url(/Static/GG/NewsBorder.png) 10 stretch;
  -ms-border-image: url(/Static/GG/NewsBorder.png) 10 stretch;
  border-image: url(/Static/GG/NewsBorder.png) 10 stretch;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  top: 0.5mm;
}

.ui-tabs .ui-tabs-panel {
  border-color: #eeeeee;
  border-style: solid;
  border-radius: 1mm / 1mm;
  border-width: 1.5mm;
  -o-border-image: url(/Static/GG/NewsBorder.png) 10 stretch;
  -moz-border-image: url(/Static/GG/NewsBorder.png) 10 stretch;
  -webkit-border-image: url(/Static/GG/NewsBorder.png) 10 stretch;
  -ms-border-image: url(/Static/GG/NewsBorder.png) 10 stretch;
  border-image: url(/Static/GG/NewsBorder.png) 10 stretch;
  padding: 0;
}

.ui-state-active {
  position: relative;
}

.ui-selectmenu-button span.ui-selectmenu-text {
  padding-left: 1mm;
  line-height: 1.2em;
  background-color: white;
}

/*****/
#I_BodyBlock {
  overflow-x: hidden;
  overflow-y: auto;
  margin: 2mm;
}

h1 {
  color: #bb4444;
  font-size: 140%;
}

h2 {
  color: #bb4444;
  margin-top: 5mm;
  font-size: 120%;
}