/* -------------------------------------------------------------- 

   layout.css
   * Sets up the common layout for the webapplication.
   
-------------------------------------------------------------- */

body {font-family:Arial,Helvetica,Verdana,sans-serif;}
h3 {font-size:1.5em;font-style:italic;font-weight:bold;line-height:1;margin-top:1em;margin-bottom:1em;}
h4 {font-size:1.1em;line-height:1.5;margin-bottom:0.5em;padding:0em 1em;}

a, a:link, a:visited {text-decoration:underline;}
a:hover {text-decoration:underline;}

ul, ol {list-style-type:none;margin: 0 1em 0;}
ul li span {font-size: 1em;}
ul li span.key {display:inline-block;margin:0.1em 0;width:13em;}

table {margin-bottom:0;}
tfoot {font-style: normal;}
table.radio-select {display:inline;}
table.radio-select td label {display:inline;}
table.voucher-products {width:22em;}
td.amount, tfoot td.amount {text-align:right;}
td.centered, tfoot td.centered {text-align:center;}

fieldset {border-width: 0;margin: 0 0 0.5em;padding:0;}
fieldset.leftHalf, div.leftHalf {float:left;width:49%;}
fieldset.rightHalf, div.rightHalf {float:right;width:49%;}

.textRight {
   text-align: right;
}

.floatRight {
   float: right;
}
fieldset.noFloat {clear:both;}
.fieldsetContent, .formContent {padding:0 1em;}
legend {border-width:0px;border-style:solid;font-size:1.1em;font-weight:normal;margin-bottom:0.3em;width:100%;}
.fieldsetSection .legend {display:inline-block;width:100%;}
legend span {padding:0.1em 1em;}
legend .ui-icon {display:inline-block;vertical-align:text-bottom;}
legend .collapse {background-position:-96px -192px;}
legend .expand {background-position:-64px -192px;}
legend .hideFieldset {background-position:-96px -128px;float:right;margin-right:0.8em;}
legend input[type="checkbox"] {margin:0 0 0 0.3em;}

textarea {height:75px; width: 30em;}

input[type="text"], input[type="password"], input.text, input.title, textarea, textarea.ui-inputfield, select {margin: 0 0.2em;}
input[type="text"], select, textarea {display:inline-block;padding:0.1em;width:14.7em;font-size:1em;}
input[type="text"].xSmallInput, select.xSmallInput, textarea.xSmallInput {width:2em;}
input[type="text"].smallInput, select.smallInput, textarea.smallInput {width:4em;}
input[type="text"].mediumInput, select.mediumInput, textarea.mediumInput {width:6em;}
input[type="text"].largeInput, select.largeInput, textarea.largeInput {width:10em;}
input[type="text"].xLargeInput, select.xLargeInput, textarea.xLargeInput {width:14em;}
input[type="text"].xxLargeInput, select.xxLargeInput, textarea.xxLargeInput {width:30em;}
input[type="text"].xxxLargeInput, select.xxxLargeInput, textarea.xxxLargeInput {width:50em;}
input[type="text"].extXLargeInput, select.extXLargeInput, textarea.extXLargeInput {width:20em;}
input[type="text"].voucher-count {margin:0.3em 0;text-align:right;width:2em;}
span.datepicker input[type="text"] {width:6em;}
input[type="radio"], input[type="checkbox"] {display:inline-block;}
input.amount {text-align:right;}

label {display:inline-block;font-weight:normal;width:13em;}
label.largelabel {width:20em !important;}
label .ui-outputlabel-rfi {margin-left: 0.2em;}
label.top { vertical-align: top; margin-top: 0.5em;}
.labeledBooleanCheckbox label, .tariffOptions .singleSelectionRow label {width:auto;}

.labeledInput, .labeledBooleanCheckbox, .selectableInputText, table.tariffOption {display:block;}
.labeledInput .description {margin-left:0.8em;margin-right:0.8em;display:inline-block;vertical-align:top;width:350px;}
.labeledInput table.value {display:inline-block;}
.labeledInput table.value label, table.tariffOption label {margin:0 0.4em 0 0;width:auto;}
.labeledValue.preformat span.value {white-space: pre; font-family: "Courier New", Courier, monospace}
span.info {display:block;}
.form .labeledInput, .form .labeledBooleanCheckbox, .form .selectableInputText, .form .labeledValue, .form span.info, .form .singleSelectionRow label {padding:0.5em 0;}
.info .labeledInput, .info .labeledBooleanCheckbox, .info .selectableInputText, .info .labeledValue, .info span.info, .info .singleSelectionRow label {padding:0.1em 0;}
.searchcriteria .labeledInput, .searchcriteria .labeledBooleanCheckbox {display:inline-block;}
.searchcriteria .labeledBooleanCheckbox {margin-left:2em;}
.searchcriteria label {margin:0.5em 0.5em 0.5em 2em;width:auto;}
.searchcriteria label span.datepicker {margin:0;}
.searchcriteria label.rangeUntil {margin-left:0.4em;}
.searchcriteria .labeledBooleanCheckbox label {margin-left:0.1em;}

.voucher-amounts .fieldsetContent span {display:inline-block;margin:0.5em 0.5em 0.5em 0;width:auto;}
.voucher-amounts .fieldsetContent span.voucher-product {display:inline-block;margin:0.5em 0.5em 0.5em 0;width:10em;}
.voucher-amounts .fieldsetContent span.voucher-amount {width:3em;text-align:right;}
.voucher-amounts .fieldsetContent span.voucher-currency {margin-right:2em;}

.labeledValue {display:block;min-height:1.5em;clear:both;}
.labeledValue.break-after {margin-bottom:0.7em;}
.labeledValue.break-before {margin-top:0.7em;}
.labeledValue span.label {float:left;width:13em;}
.labeledValue span.value, .labeledValue a.value {display:block;margin-left:13em;}
.labeledValue.largeLabel span.label {width:20em;}
.labeledValue.largeLabel span.value {margin-left:20em;}
.labeledValue.labelWithoutValue span.label {width:100%;}

.container {width:1200px;}
.fullSize {width:100%}
div#header {clear:both;float:none;height:8.4em;}
div#logo {float:left;height:75px;margin:0;padding:1em 1.5em;text-align: left;}
div#logindata {font-size:0.8em;display:block;float:right;height:75px;margin:0;padding:1em 1.5em;text-align:right;}
div#menubar {clear:both;float:none;height:23px;}
form#menu {float:left;width:90%;}
div#shortlinks {display:block;float:right;height:23px;text-align:right;vertical-align:middle;width:10%;}
div#shortlinks a img.imagelink {margin:0.3em 1.5em;}
div#title {display:block;margin:0;padding:0 1.5em;}
div#content {display:block;margin:0;padding:0 1.5em;width:70em;float:left;}
div#sidebar {display:block;margin:0;width:26.9em;float:right;}
div#sidebar div {margin:0;padding: 0em 1.5em 1.5em;}
div#large-content {clear:both;float:none;margin:0;padding:0 1.5em;}
div#footer {clear:both;padding:0.5em 1.5em;text-align: right;}
div#footer a, div#footer a:link, div#footer a:visited {text-decoration:none;}
#version {float: left;}
#legalInfo {margin-right:3em;}

.ui-corner-all {border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;}
.ui-corner-tr {border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;}
.ui-corner-br {border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;}
.ui-corner-bl {border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;}
.ui-icon {border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;}
.ui-icon-reload {background-position: -64px -80px;}
.ui-inputfield, .ui-inputfield.ui-state-hover {box-shadow:0 0 0 0 !important;}
.ui-inputfield.ui-state-focus {box-shadow:0 0 0 0 !important;}
.ui-panel-titlebar {padding: 0.1em 1em;}
.ui-panel .ui-panel-titlebar {padding:0.1em 1em;}
.ui-widget {font-family:inherit;font-size:1em;}
.ui-widget-header {font-weight:normal;text-shadow:none;}
.ui-widget-content {border:0;}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {box-shadow:none;font-weight:normal;text-shadow:none;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover {box-shadow:none;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border:none;text-shadow:none;}
.ui-state-active {font-weight:normal;}

.ui-datatable th.smallfilter .ui-column-filter {width:50px;}
.ui-datatable th, .ui-datatable th.ui-state-default, .ui-datatable .ui-datatable-data td, .ui-datatable .ui-datatable-data-empty td, .ui-datatable tfoot td {padding:0.3em 0.4em;white-space:normal;}
.ui-datatable .ui-datatable-data td.preformat {white-space:pre-line;}
.ui-datatable .ui-datatable-data td.ui-selection-column {text-align:center;}
.ui-datatable th.hidden, .ui-datatable td.hidden {display:none;}
.ui-paginator-page, .ui-paginator-pages, .ui-paginator-next, .ui-paginator-last, .ui-paginator-first, .ui-paginator-prev, .ui-paginator-current {padding:0 0.6em;}
.ui-paginator-rpp-options {width:4.5em;}
.tableConfiguration {display:none;}
.showTableConfiguration {background-position:-176px -112px;display:block;float:right;margin:8px 6px -19px;vertical-align:text-bottom;}
.ui-datatable table { table-layout: auto; }
.ui-datepicker .ui-datepicker-current-day .ui-state-highlight, .ui-datepicker .ui-datepicker-current-day .ui-state-default {font-weight:normal;text-shadow:none;}

.ui-menubar {padding:0em 1em;}
.ui-menu .ui-menu-parent .ui-menu-child {width:18.5em;}
.ui-menu .ui-menuitem {margin:0;}
.ui-menu .ui-menu-parent .ui-menu-child  {padding:0}
.ui-menubar .ui-menuitem-link {padding:0.2em 4%;}
.ui-menubar .ui-menuitem .ui-state-hover {padding:0.2em 4%;}
div.ui-menu > ul > li > a.ui-menuitem-link {padding:0.2em 0.2em;}
div.ui-menu > ul > li > a.ui-menuitem-link.ui-state-hover {padding:0.2em 0.2em;}

.actions {clear:both;float:none;height:2em;margin-top:1em;margin-bottom:1em;padding: 0.5em;}
.actions .primary {float:right;margin-left:15em;}
.actions .secondary {float:right;margin-left:1em;}
.actions .tertiary {float:right;margin-left:1em;}
.actions .back {float:left;margin-right:5em;}

.clear {clear:both;}

a img.imagelink {margin:0 0.5em;}
span img.imagelink {margin:0 0.5em;opacity:0.25;filter:alpha(opacity=25);}
span a img.imagelink {opacity:1;filter:alpha(opacity=100);}

pre.eai-message-payload, pre.log-entry-details {font-family:Arial,Helvetica,Verdana,sans-serif;margin:0}

#news li div.date {font-size:0.8em;margin-bottom:0.5em;padding:0em;}

.content-block {border-width:0.1em;border-style:solid;display:block;margin-bottom:0.5em;min-height:130px;}
.content-block .logo-container {float:left;height:70px;margin:30px 10px;text-align:center;width:90px;}
.content-block .logo-container img {max-height:70px;max-width:90px;vertical-align:middle;}
.content-block .text-block {display:inline-block;margin:0.5em 1em;width:80%;}
.commissionCommunicationContent-block {border-width:0.1em;border-style:solid;display:block;float:left;margin-bottom:0.5em;padding:5px;}
.commissionCommunication:after{ content: "."; display:block; height:0; clear:both; visibility:hidden;}
.commissionCommunication ul {display:block;float:left;margin: 0px 0px 0em;width: 700px;}
.commissionCommunication li {display:block;float:left;padding-top:0px;margin:10px 10px 10px;}
.commissionCommunication li a, .commissionCommunication li a:visited, .commissionCommunication li a:active {margin: 0 0 0 5px;}
.commissionCommunication li a:hover {font-weight: bold;margin: 0 0 0 5px;}
.commissionCommunication li .validDate {font-size: 9px;margin: 0 5px 10px;}
.commissionCommunication li .communicationType {font-size:12px;font-weight:bolder;font-style:italic;text-align:center;margin: 0 0 10px;padding:5px;}
.commissionCommunicationLongLabel {width: 80%;}
.commissionCommunicationSearch {text-align: right;}
.commissionCommunicationActionsLabel {margin-bottom:-10px;font-weight:bold;display: block;float: left;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);  white-space: nowrap; width: 20px;}
.commissionCommunicationActions {width: 700px; margin: 10px 0 10px 120px;padding-bottom: 10px;}
.commissionCommunicationActions li {padding-left: 10px;}
.commissionCommunicationActions li .communicationType {margin: 0 0;}
.commissionCommunicationActions li .validDate {margin: 0 0 5px 5px;}
.commissionCommunicationActions tbody {border-collapse: collapse;}
.commissionCommunicationActions tbody td {border-width:1px;border-style:solid;}
.commissionCommunicationActions .mark0:first-child td, .commissionCommunicationActions tbody tr:last-child td { border-bottom: 0;}
.commissionCommunicationActions tbody tr td {border-left: 0; border-right: 0; border-top: 0;}
.commissionCommunicationActions .mark0 + .mark1 + .mark2:last-child {height: 50px;}
.commissionCommunicationActions .mark0 td {width: 20px}
.commissionCommunicationActions .mark1 td {width: 90px;text-align: center;font-weight: bold;}
.commissionCommunicationActions .mark2 td:first-child {width: 120px;text-align: center;font-weight: bold;}
.commissionCommunicationActions .mark2 td ul {width: 100%}
.quickstart {height:130px;}
.quickstart ul {display:block;float:left;}
.quickstart li {display:block;float:left;padding-top:50px;width:80px;}
a.quickstart-link, a.quickstart-link:link, a.quickstart-link:visited, a.quickstart-link:hover {display:inline-block;float:left;font-size:1.2em;font-weight:bold;line-height:1em;text-decoration:none;width:100px;-webkit-transform:rotate(-60deg);-moz-transform:rotate(-60deg);-ms-transform:rotate(-60deg);transform:rotate(-60deg);}

.tariffOptionGroups {width:100%;}
.tariffOptionGroups .ui-tabs-nav {padding:.2em .1em .2em .2em;float:left;width:12.7em;}
.tariffOptionGroups .ui-tabs-nav li {clear:left;width:100%;border-bottom-width:1px !important;border-right-width:0 !important;margin:0 -1px .2em 0;white-space:normal;}
.tariffOptionGroups .ui-tabs-nav li a {display:block;text-shadow:none;width:12em;padding:.5em .5em;}
.tariffOptionGroups .ui-tabs-nav li.ui-tabs-active {padding-bottom:0;padding-right:.1em;border-right-width:1px;border-right-width:1px;}
.tariffOptionGroups .ui-tabs-panel {padding:1em;float:left;width:51em;max-height:35em;overflow:auto;border-width:1px;border-style:solid;}

span.boxes {min-width:12px;height:12px;padding:0px;margin:0px;border-radius:3px;text-align:center;font-size:13px;line-height:11px;text-decoration:none;display:inline-block}
span.plus,span.minus,span.shblue,span.shred {border-width:1px;border-style:solid}
span.minus:before {content:'-'}
span.plus:before {content:'+'}
span.shblue:before,span.shred:before {content:' '}

/* used by tariffOptionGroups within an half screen fieldset */
fieldset.leftHalf .tariffOptionGroups .ui-tabs-panel { width: 32em; }

.tariffOptions .header {display:block;font-weight:bold;}
.tariffOptions .labeledInput, .tariffOptions .labeledBooleanCheckbox, .tariffOptions .selectableInputText, .tariffOptions .info, .assignment .labeledBooleanCheckbox, .assignment .info {display:inline-block;}
.tariffOptions .info, .assignment .info {margin-left:1em;}
.tariffOptions .ui-helper-hidden-accessible {clip:auto;position:relative !important;}
.tariffOptions input[type="radio"] {margin: 0px 2px 0px 5px;}
.tariffOptions .ui-radiobutton {display:inline-block;width:auto;}
.tariffOptions .ui-radiobutton-box {border-width:0;display:inline-block;height:0px;width:18px;}
.tariffOptions .ui-radiobutton-box .ui-icon-bullet, .tariffOptions .ui-state-active .ui-icon-bullet {background-image:none;}

p.footnote {font-size:0.9em;}

#primefacesmessagedlg { top: 250px !important;}
.ui-dialog {top: 200px !important; }
.ui-dialog-tariffoptions { width: 840px !important; }

.ui-autocomplete { width:400px;max-height:250px;overflow-x: hidden;overflow-y:auto;border-width:1px;border-style:solid;z-index: 1666; }
.ui-autocomplete .ui-menu-item:first-child { border-width:1px;border-style:solid;z-index: 1666; }
.ui-autocomplete .ui-menu-item { border-style:solid; border-width:0px 1px 1px 1px;z-index: 1666; }
.ui-autocomplete .ui-menu-item.ui-state-focus:first-child { font-weight:inherit;border-width:1px;background:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;z-index: 1666; }
.ui-autocomplete .ui-menu-item.ui-state-focus { font-weight:inherit;border-width:0px 1px 1px 1px;background:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;z-index: 1666; }

.diwi-cloak { display:none !important; }
.pre-lined { white-space: pre-line; }

.overlay-forced {
   width: 900px !important;
   height: 700px !important;
   top: 100px !important;
}