input, select, textarea {
 /* 	font-family : Verdana, Arial, Helvetica, sans-serif;  */
 font-family: inherit;
/*  font-size: 1.2em; */
}

.upperCase {
 text-transform: uppercase;
}

.shadow {
   -moz-box-shadow: 3px 3px 3px #a1a6ac;
   -webkit-box-shadow: 3px 3px 3px #a1a6ac;
   box-shadow: 3px 3px 3px #a1a6ac;
}

.roundborder {
 background-color: #f8f8f8;
 border: 1px solid #898989;
 border-radius: 10px 10px 10px 10px;
}

.footnote {
 font-size: 90%;
}

.description {
 padding: 7px 0px 0px 4px;
}
/* make text are have the same font size as input elements */
textarea {
 resize: none;
}
/* Remove ugly dotted focus outlines. */
button::-moz-focus-inner {
  border: 0;
}

/* END INPUT HELP FOR FPL */
.cadas-FormularFont {
 font-family: monospace, sans-serif;
 font-size: 110%;
 font-style: bold;
 color: #5a5a5a;
}

table.formularField, div.formularField {
 margin-right: 16px;
 padding-bottom: 4px;
 /* 'cellspacing' equivalent */
/* border-collapse: collapse; */
}

table.formularField tr td {
 
}

table.formularField table.components, div.formularField table.components
 {
 border: 0;
}

table.formularField table.components tr td {
 
}

input.wide {
 width: 100%;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
}

textarea.wide {
 width: 100%;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
}

select {
 /* 	width: 100%; */
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
}

/*
+++++++++++++++++++++++++++++++++++
  TOP TOOLBAR
+++++++++++++++++++++++++++++++++++
*/
.cadas-TopToolbar {
 background: url(../images/gradient3.png) repeat-x;
 height: 50px;
}

.cadas-TopToolbar .layouttable {
 height: 50px;
}

.cadas-TopToolbar .container {
 padding: 0 7px;
}

/*
+++++++++++++++++++++++++++++++++++
  INFO WIDGET
+++++++++++++++++++++++++++++++++++
*/
.cadas-InfoWidget {
 min-height: 3em;
 padding: 15px 10px 10px 10px;
 margin-top: 0px !important;
}

.cadas-InfoWidget  .container {
 min-height: 2.5em;
}

.cadas-InfoWidget .container .image {
 width: 40px;
 float: left;
}

.cadas-InfoWidget .container .labelContainer {
 margin-left: 35px;
 padding-top: 3px;
}

.cadas-InfoWidget .container .labelContainer .label {
 text-align: left;
}

/*
+++++++++++++++++++++++++++++++++++
  CLICKABLE IMAGE
+++++++++++++++++++++++++++++++++++
*/
.cadas-ClickableImage, .cadas-ExpandImage {
 border: 1px solid transparent;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 -khtml-border-radius: 3px;
 border-radius: 3px;
 vertical-align: middle;
}

.cadas-ClickableImage-disabled {
 opacity: 0.5;
 filter: alpha(opacity = 50);
}

.cadas-ClickableImage:hover, .cadas-ExpandImage:hover {
 border: 1px solid #c1c1c1;
 background: rgba(255, 255, 255, 0.5);
}

.cadas-ClickableImage-disabled:hover {
 border: 1px solid transparent;
}

/*
+++++++++++++++++++++++++++++++++++
  CADAS STATUS WIDGET
+++++++++++++++++++++++++++++++++++
*/
.cadas-StatusWidget {
 padding-top: 5px;
}

.cadas-StatusWidget table td.image {
 vertical-align: top;
}

.cadas-StatusWidget table td.text {
 vertical-align: middle;
 padding-left: 5px;
}

/*
+++++++++++++++++++++++++++++++++++
  CADAS POPUP
+++++++++++++++++++++++++++++++++++
*/
/**
  HEADER
*/
.cadas-ClosableHeader {
 background: url(../images/gradient2.png) repeat-x;
 background-color: #f6f6f6;
 border-style: dashed;
 border-width: 0 0 1px 0;
 border-color: grey;
 padding: 12px 10px 10px 0;
 height: 100%;
}

.cadas-ClosableHeader:after {
 content: ".";
 display: block;
 clear: both;
 height: 0;
 visibility: hidden;
}

.cadas-ClosableHeader .title {
 float: left;
 padding-left: 16px;
 width: 80%;
 font-size: 110%;
 font-weight: bold;
 line-height: 1.5;
}

.cadas-ClosableHeader .img {
 float: right;
 width: 30px;
 position: relative;
 /*  z-index: 4; */
}

/*
  POPUP CONTENT
*/
.cadas-MsgContainer {
 
}

.cadas-MsgContainer .text {
 font-size: 125%;
 padding-bottom: 15px;
}

.cadas-MsgContainer .textSmall {
 padding-bottom: 15px;
 font-size: 90%;
}

/*
+++++++++++++++++++++++++++++++++++
  CADAS TEMPLATE VIEW
+++++++++++++++++++++++++++++++++++
*/
.cadas-TemplateView table.templates {
 
}

.cadas-TemplateView table.templates th {
 height: 30px;
 background-color: #f7f7f7;
}

.cadas-TemplateView div.comp {
 
}

.cadas-TemplateView div.comp .pager {
 margin-left: auto;
 margin-right: auto;
}

.cadas-TemplateView .tableContainer {
 min-height: 200px;
 border: 1px solid grey;
}

.cadas-TemplateView .cadas-TemplateTreeView {
 min-width: 350px;
 min-height: 220px;
 height: 100%;
}
.cadas-TemplateView {
  max-width: 500px;
}
.cadas-TemplateTreeView {
  width:100%;
}

.cadas-TemplateView .input{
 padding-top: 5px;
 padding-bottom: 3px;
}

.cadas-TemplateView .input:after {
 content: ".";
 display: block;
 clear: both;
 height: 0;
 visibility: hidden;
}

.cadas-TemplateView .input .label {
 font-size: 90%;
}

.cadas-TemplateView .input .inputElement {
 width: 98%;
 min-width: 20em;
 width: 20em;
}

/*
+++++++++++++++++++++++++++++++++++
  SORRY VIEW
+++++++++++++++++++++++++++++++++++
*/
div.sorry {
 text-align: center;
 width: 40em;
 padding: 10px 4em 15px;
 margin: 4em auto 0 auto;
 border: 1px solid #ccc;
 border-right-color: #999;
 border-bottom-color: #999;
 box-shadow: 5px 3px 3px 1px #acacac;
}

div.sorry p.subtitle {
 line-height: 1.4em;
 font-size: 120%;
}

div.sorry p.title {
 font-size: 140%;
/*  color: #f00; */
 line-height: 1.5em;
}

/*
+++++++++++++++++++++++++++++++++++
  OPENLAYERS STUFF
+++++++++++++++++++++++++++++++++++
*/
div.olControlMousePosition {
 top: 3px;
 height: 1em;
 white-space: nowrap;
 right: 3px;
 display: block;
 position: absolute;
 font-family: inherit;
 font-family: 'Helvetica Neue', Arial, Sans-Serif !important;
 /*     font-size: 110% !important; */
 text-shadow: 0 0 0.3em #FFF, 0 0 0.3em #FFF, 0 0 0.3em #fff;
 filter: dropshadow(color =   white, offx =   0, offy =   0);
}

/*
 +++++++++++++++++++++++++++++++++++
   CADAS ACTION POPUP COMPONENT
 +++++++++++++++++++++++++++++++++++
*/

.cadas-ItemContainer {
  /* same style as in Menu.css */
  border: 1px solid grey;
  border-radius: 0em 0.6em 0.6em 0.6em;
  z-index: 2000;
  background-color: #fff;
  -moz-box-shadow: 3px 3px 3px #aaa;
  -webkit-box-shadow: 3px 3px 3px #aaa;
  box-shadow: 3px 3px 3px #aaa;
}
.cadas-ItemContainer .cadas-Item {
  padding: 6px 10px;
  background-color: #fff;
  line-height: 1.1em;
  white-space: nowrap;
}
.cadas-ItemContainer .cadas-Item:hover {
  cursor: pointer;
  background-color: #4366A0;
  color: #fff;
}
.cadas-ItemContainer .cadas-Item:first-child, .cadas-ItemContainer .cadas-Item:first-child:hover {
  border-radius:  0em 0.6em 0em 0em;
}
.cadas-ItemContainer .cadas-Item:last-child, .cadas-ItemContainer .cadas-Item:last-child:hover {
  border-radius: 0em 0em 0.6em 0.6em;
}

/*
+++++++++++++++++++++++++++++++++++
  AFD EMPTY WIDGET
+++++++++++++++++++++++++++++++++++
*/
table.cadas-EmptyWidget {
 width: 100%;
 height: 100px;
 border: 0;
}

table.cadas-EmptyWidget td.image {
 width: 40%;
 text-align: right;
 vertical-align: middle;
}

table.cadas-EmptyWidget td.text {
 text-align: left;
 vertical-align: middle;
 padding-left: 8px;
}
/*
+++++++++++++++++++++++++++++++++++
  GUI MSG INDICATOR
+++++++++++++++++++++++++++++++++++
*/
.cadas-GuiMsgContainer {
 position: relative;
}

.cadas-GuiMsgContainer .indicator {
 padding-top: 10px;
 padding-bottom: 0;
 margin-bottom: 0;
 margin-top: -8px;
 margin-left: -8px;
 position: absolute;
 top: 0;
 left: 0;
}

/*
+++++++++++++++++++++++++++++++++++
  Fading INFO LABEL
+++++++++++++++++++++++++++++++++++
*/
.InfoLabel {
 font-weight: bold;
 font-size: 90%;
}

.InfoLabel-visible {
 visibility: visible;
}

.InfoLabel-error {
 color: red;
}

.InfoLabel-warn {
 color: #ec8000;
}

.InfoLabel-info {
 color: blue;
}

/*
+++++++++++++++++++++++++++++++++++
  CADAS SPINNER
+++++++++++++++++++++++++++++++++++
*/
.gwt-ValueSpinner {
 cell-spacing: 0;
 cell-padding: 0;
 border-collapse: collapse;
 /** make font size small to avoid too high table cells */
/*     font-size: 3px; */
}

.arrows {
 border: 0;
 padding: 0;
 margin: 0;
 /** make it narrow to keep the images one below the other */
 width: 15px;
}

.arrowCell {
 font-size: 3px;
}

/*
+++++++++++++++++++++++++++++++++++
  TEXT IMAGE COMPONENT
+++++++++++++++++++++++++++++++++++
*/
#cadas-ats-fpl table.cadas-TextImgComponent tr td {
 white-Space: nowrap;
 background: transparent;
 padding: 2px 2px 0 0;
 font-weight: bold;
}

/*
+++++++++++++++++++++++++++++++++++
  CADAS DISCLOSURE
+++++++++++++++++++++++++++++++++++
*/
.cadas-Disclosure {
 
}

.cadas-Disclosure-open {
 border: 1px solid #d3d3d3;
 border-top-left-radius: 10px 10px;
 border-top-right-radius: 10px 10px;
 border-bottom-left-radius: 10px 10px;
 border-bottom-right-radius: 10px 10px;
}

.cadas-Disclosure-close {
 border: 1px solid transparent;
 /*     background-color: #fff; */
}

.cadas-Disclosure .header {
 padding: 8px 8px 8px 8px;
 font-size: 110%;
 font-weight: bold;
}

.cadas-Disclosure .header-open {
 background-color: #f6f6f6;
 border-style: dashed;
 border-width: 0 0 1px 0;
 border-color: grey;
 border-top-left-radius: 10px 10px;
 border-top-right-radius: 10px 10px;
}

.cadas-Disclosure .header-close {
 border-style: dashed;
 border-width: 0 0 1px 0;
 border-color: transparent;
 /*     background-color: #fff; */
}

.cadas-Disclosure .content {
 /*     padding-left: 13px; */
 border: 0;
 border-bottom-left-radius: 10px 10px;
 border-bottom-right-radius: 10px 10px;
 /*     margin: 5px 1px 1px 1px; */
 margin: 5px;
}

/*
+++++++++++++++++++++++++++++++++++
  CADAS GUI MESSAGE POPUP
+++++++++++++++++++++++++++++++++++
*/
.cadas-guiMsgPopup {
 height: 100%;
 min-width: 120px;
 max-width: 28em;
}

.cadas-guiMsgPopup .content {
 -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 -khtml-border-radius: 6px;
 border-radius: 6px;
 width: 15em;
 max-width: 35em;
 height: 100%;
 background-color: #FFF;
 padding: 9px 8px 6px 4px;
 min-height: 20px;
 z-index: 1;
}

.cadas-guiMsgPopup .content-default {
 border: 1px solid #a6a6a6;
}

.cadas-guiMsgPopup .content-error {
 border: 1px solid #ba4d4d;
}

.cadas-guiMsgPopup .content-warn {
 border: 1px solid #f4d74e;
}

.cadas-guiMsgPopup .lower, .cadas-guiMsgPopup .upper {
 height: 12px;
 width: 40px;
 position: relative;
 z-index: 4;
}

.cadas-guiMsgPopup .lower {
 margin-top: -2px;
}

.cadas-guiMsgPopup .upper {
 margin-bottom: -2px;
}

/** IMAGES - TOP AND BOTTOM */
.cadas-guiMsgPopup .upper-warn {
 background: url(../images/guimsg/topWarn.png) no-repeat;
}

.cadas-guiMsgPopup .lower-warn {
 background: url(../images/guimsg/bottomWarn.png) no-repeat;
}

.cadas-guiMsgPopup .upper-error {
 background: url(../images/guimsg/topError.png) no-repeat;
}

.cadas-guiMsgPopup .lower-error {
 background: url(../images/guimsg/bottomError.png) no-repeat;
}

.cadas-guiMsgPopup .upper-default {
 background: url(../images/guimsg/topDefault.png) no-repeat;
}

.cadas-guiMsgPopup .lower-default {
 background: url(../images/guimsg/bottomDefault.png) no-repeat;
}

.cadas-guiMsgPopup .upper, .cadas-guiMsgPopup .lower {
 width: 42px;
 height: 12px;
 position: relative;
 z-index: 4;
}

.cadas-guiMsgPopup .content .outer {
 clear: right;
 padding-bottom: 3px;
}

.cadas-guiMsgPopup .content .outer .left {
 width: 20px;
 float: left;
}

.cadas-guiMsgPopup .content .outer .right {
 padding-top: 1px;
 padding-left: 4px;
 margin-left: 12px;
}

.cadas-ChkBoxPanel {
 
}

.cadas-ChkBoxPanel .label {
 padding-bottom: 2px;
}

.cadas-dialog-element-spacing-related {
 padding-top: 5px;
 display: block;
}

.cadas-dialog-element-spacing-unrelated {
 padding-top: 15px;
 display: block;
}

fieldset.cadas-vertical-fieldset {
 border-radius: 6px 6px 6px 6px;
 width: auto;
 padding: 10px 16px;
 margin-top: 0px;
 margin-bottom: 10px;
}
.bold-font {
  font-weight: bold;
}
.error-color {
  color: #f00;
}
.warn-color {
    color: #fcb312;
}