/***************************************************/
button[type="button"][disabled], 
input[type="button"][disabled] {
	color: #666666;
}

.hlist {
  /* (en) containing floats in IE */
  /* (de) Einfassen der Floats im IE */
  width:100%;
  overflow:hidden;
  /* (en) containing floats in all other browsers */
  /* (de) Einfassen der Floats in allen anderen Browsern */
  float:left;
  display:inline;
  /* (en|de) Bugfix:IE - collapsing horizontal margins */
  position:relative;
  /* (en) Repeat the main color from the image */
  /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
  /*background:#c0c0c0 url("images/shiny_buttons/background.png") repeat-x center right;*/
  background-color: #FFF4DB;
  border-top:1px #333 solid;
  border-bottom:1px #333 solid;
  line-height:0;
}

.hlist ul {
  margin:0;
  padding:0;
  /* (en|de) Bugfix:IE - Doubled Float Margin Bug */
  display:inline;
  float:left; /* LTR */
  /* (en) Left margin of the first button  */
  /* (de) Abstand des ersten Buttons vom linken Rand  */
  border-left:1px #aaa solid;
  border-right:1px #fff solid;
}

.hlist ul li {
  border-left:1px #fff solid;
  border-right:1px #aaa solid;
  /* (en|de) Bugfix:IE - Doubled Float Margin Bug */
  display:inline;
  float:left; /* LTR */
  font-size:1.0em;
  line-height:1em;
  list-style-type:none;
  margin:0;
  padding:0;
}

.hlist ul li a,
.hlist ul li strong {
  background:transparent;
  color:#000;
  display:block;
  font-size:1em;
  font-weight:bold;
  margin:0;
  padding:0.5em 0.8em 0.5em 0.8em;
  text-decoration:none;
  width:auto;
  color: #A6763E;
}

.hlist ul li a:focus,
.hlist ul li a:hover,
.hlist ul li a:active  { background:#eee; color:#333; text-decoration:none; outline: 0 none; }

.hlist ul li.active {
  /* (en) Repeat the main color from the image */
  /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
  background:#272727 url("images/shiny_buttons/background_active.png") repeat-x center right;
  border-left:1px #444 solid;
  border-right:1px #888 solid;
}

.hlist ul li.active strong,
.hlist ul li.active a:focus,
.hlist ul li.active a:hover,
.hlist ul li.active a:active { background:transparent; color:#fff; text-decoration:none; }

.pageContentHeader {
  background-color: #BED6F8; 
  padding: 5px; 
  font-weight: bold; 
  font-size: 10pt;
  letter-spacing: 0.2em;
}

.content-wrapper {
	position: relative;	
}

.pageHeading {
  padding: 20px;
  margin-bottom: 10px;
  background: #6A8EB2;
  border: 1px solid #6A8EB2;
  font-size: 11px;
  font-weight: bold;
  color: white;
  right: 20px;
  text-align: center;
}

.menuLeft {
	/*position : absolute;
	z-index : 10;
	top : 90px;
	left : 30px;*/
	float: left;
	width : 220px;
}

.menuRight {
  border: thin solid lightGray;
  background: #efefef;
  position:absolute;
  top: 85px;
  right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.content {
  margin-top: 10px;
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 20px;
  border: thin solid lightGray;
  background: #fefeef;	
  position:absolute;
  left: 255px; 
  top: 76px;
}

.menuAndContent {
  width: 100%;
  height: 100%;
}

.error {
  color: red;
}

.icon {
  margin: 10px;
  border: none;
}

.content_container {
	width:960px
}

.content_container_pdddings {
	padding : 0px 0px 0px 0px;
	width: 842px; /*this is the width of the contained report */
}

.content_container_left_brick {
	background-color : transparent;
	width : 250px;
}

.inputLabel {
	font-size: 11px;
	width:80px
}

.dataOutputLabel {
	font-weight:bold;
}

.dataInputDisabled {
	color: darkGray !important;
	width: 160px;
}

.navigationLink {
	display: block;
	padding-top: 3px;
	text-decoration: none; 
	color : #777; 
	font-weight:bold;	
	height:20px
}

.button {
	margin: 5px 5px 5px 0;
}

.buttonRight {
	float: right;
	margin: 5px 5px 5px 0;
}

.buttonRight112 {
	width: 112px !important;
	float: right;
	margin: 5px 5px 5px 0;
}

.buttonRight90 {
	width: 90px !important;
	float: right;
	margin: 5px 5px 5px 0;
}

.buttonRight116 {
	width: 116px !important;
	float: left;
	margin: 5px 5px 5px 0;
	background-color: #b9dfa0 !important;
	border-color: #b9dfa0 !important;
	background-image: url(/bu/resources/images/bg_gradient_green.png) !important;
}

.towColumnHalfWidthPanelGrid {
	width: 50%;
	vertical-align: top;
}

.scrollableTableHeader {
	text-align: center;
	background-color: #ECF4FE;
	border-bottom: 1px solid #C0C0C0;	
}

.tooltip {
  width: 300px;
  height: 100px;
  white-space:pre-wrap;
  overflow: auto;
}

.ellipsis {  
    white-space: nowrap;  
    overflow: hidden;  
    text-overflow: ellipsis;  
    -o-text-overflow: ellipsis;  
}

.inactiveDay{
  /*background-color:#CCCCCC;*/
  color: #A0A0A0;
}

.toolbar {
    background-color: #FFF4DB;
    background-image: none;
    border: 1px solid #333333;
}

.toolbar-item {
    color: #A6763E;
}

.menu-item-hover {
     background-color: #EEEEEE;
     border-color: #C0C0C0;
     color: #333333;
}

.menu-item-disabled {
  color: #555555;
}

/*************** Overwrite CSS-Attributes of Richfaces ***************/

/****** Overwrite CSS for richfaces menu bar *******/
.rich-menu-item-label {
   color: #A6763E;
}

.rich-menu-item-label-selected {
   color: #333333;
   background-color: #EEEEEE;
}

.rich-menu-item-label-disabled {
  color: #888888;
}

.rich-ddmenu-label-select {
  padding: 1px 5px;
}

.rich-ddmenu-label-unselect {
  padding: 2px 6px;
}

.rich-menu-list-border {
  background-color: #FFF4DB;
  border-color: #C0C0C0;
}

/*
.rich-menu-list-bg {
  background-image: url("/bu/resources/images/bgFadeGold.jpg");
}
*/
/******************************************/

.rich-sdt-header-cell {
	font-weight: bold;	
}

.rich-table-cell {
	overflow: hidden !important;
}

.extdt-sortable-header {
	white-space: normal;
}

/* make richfaces extended table's header inextensible */
.extdt-hsep {
    display: none;
}

.extdt-footercell {
	padding: 0px 0px 0px 0px;
	border-bottom: none;
}

.rich-table-footercell {
	padding: 0px 0px 0px 0px;
	border-bottom: none;
}

/* make richfaces scrollable table header's inextensible */
.rich-sdt-hsep {
	background-image: none;
	display: none;
}

.rich-sdt-row-active {
	color: #000000;
}

/* vertical text alignment of scrollable table is always top*/
.rich-sdt-row {
	vertical-align: top;
}

.rich-sdt-column-cell-body {
  height:auto;
  min-height:20px;
  overflow:auto;
  white-space:normal;
}

.customerhistoryinfo {
  height:auto !important;
  min-height:20px !important;
  overflow:auto !important;
  white-space:normal !important;
}

.gridContent {
  vertical-align: top;	
}

input[type=radio] {
  width: 19px !important;
  display: block !important;
  clear: left !important;
  float: left !important;  
}

/**********************************************************************/
.baseContainerClass, .buttonContainer {
  position: relative;
  margin-top: 0.3em;
  float: left; 
  width: 25em;
  height: 1.7em;
}

.baseContainerClass input {
  width: 12.8em !important;
}

input {
  width: 12.8em !important;
}

.baseContainerClass textarea {
    width: 12em;
}

.baseContainerClass select {
  width: 13.2em !important;
}

select {
  width: 13.2em !important; 
}

.labelText {
  width: 10em;
}

.scrollerTable tbody {
	overflow-x:hidden; 
	overflow-y:scroll; 
	height:130px;
}

/**********************************************************************/

textarea[disabled], 
input[type="text"][disabled], 
input[type="password"][disabled], 
select[disabled] {
  color:#555555;
}

.rich-panel-header {
  background-position:left top;
  background-repeat:repeat-x;
  border-style:solid;
  border-width:0;
  padding:0;
  font-size: 12px !important;
  font-weight: bold;
}

.rich-tab-header {
  font-size: 12px !important;
  font-weight: bold;
  color: #555555;
}

.rich-tab-active {
  font-size: 14px !important;
}

.rich-tab-inactive {
  font-size: 14px !important;
}

body {
  margin: 0px; padding: 0px;
  font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  overflow-x: hidden;
}

/* payment table css */
.paymentOverviewContainer {
  height:800px;
  overflow:auto;
  width:99%;
}

.outerPaymentTable {
  margin: 5px;
  border: 1px solid #BED6F8;
  border-collapse: collapse;
  width: 98%;
}

.outerPaymentTableLeftCol {
  vertical-align: top;
  width: 45%;
  border-bottom: 1px solid black;
}

.outerPaymentTableRightCol {
  vertical-align: top; 
  width: 54%;
  border-bottom: 1px solid black;
}

.innerLeftPaymentTable {
  width: 100%;
}
.innerLeftPaymentTableRow {
}
.innerLeftPaymentTableColFirst {
	width: 30%;
}
.innerLeftPaymentTableColSecond {
  text-align: left;
  width: 40%;
}
.innerLeftPaymentTableColThird {
  text-align: right;
  width: 30%;
}

.innerRightPaymentTable {
  width: 99%;
}
.innerRightPaymentTableRow {
}
.innerRightPaymentTableColFirst {
  width: 15%;
}
.innerRightPaymentTableColSecond {
	width: 15%;
}
.innerRightPaymentTableColThird {
  text-align: right;
  width: 35%;
}
.innerRightPaymentTableColFourth {
  text-align: right;
  width: 25%;
}

/* benefit table css */
.outerBenefitTable {
  margin: 5px;
  border: 1px solid #BED6F8;
  border-collapse: collapse;
  width: 98%;
}

.outerBenefitTableLeftCol {
  vertical-align: top;
  width: 54%;
  border-bottom: 1px solid black;
}

.outerBenefitTableRightCol {
  vertical-align: top; 
  width: 45%;
  border-bottom: 1px solid black;
}

.innerRightBenefitTable {
  width: 99%;
}

.innerLeftBenefitTable {
  width: 100%;
}

.innerLeftBenefitTableRow {
}

.innerLeftBenefitTableColFirst {
	width: 15%
}

.innerLeftBenefitTableColSecond {
	width: 15%
}

.innerLeftBenefitTableColThird {
	width: 35%
}

.innerLeftBenefitTableColFourth {
  text-align: right;
  width: 25%
}

.innerRightBenefitTableRow {
}

.innerRightBenefitTableColFirst {
	width: 30%;
}

.innerRightBenefitTableColSecond {
  text-align: left;
  width: 40%;
}

.innerRightBenefitTableColThird {
  text-align: right;
  width: 30%;
}

input[readonly] {
  color: #555555;; 
}

/*outer grid for benefits and payments*/
.paymentlistgrid {
  width: 99%;
}

/*grid for benefits*/
.benefitspanelgrid {
  width: 99%;
}

/*div in grid for benefits*/
.benefitspanelgriddiv {
  overflow:auto; 
  height:350px; 
  width:99%
}
/* table in div in grid for benefits*/
.benefitstable {
  font-size: 11px;
  border-top: 1px solid black; 
  border-bottom: 1px solid black; 
  border-collapse: collapse;
}
.benefitstablerow {
}
.benefitstablecolfirst {
  width: 50px;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
.benefitstablecolsecond {
  width: 50px;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
.benefitstablecolthird {
  width: 75px;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
.benefitstablecolfourth {
  width: 100px;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
.benefitstablecolfifth {
  width: 60px;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
.benefitstablecolsixth {
  width: 60px;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
.benefitspanelgriddivsaldo {
  float:right;
  font-weight: bold;
}
.benefitspanelgriddivsaldo_negativ {
  float:right;
  font-weight: bold;
  color: red;
}

/*grid for payments*/
.paymentspanelgrid {
  width: 99%;
}

/*div in grid for payments*/
.paymentspanelgriddiv {
  overflow:auto; 
  height:350px; 
  width:99%
}
/* table in div in grid for payments*/
.paymentstable {
  font-size: 11px;
  border-top: 1px solid black; 
  border-bottom: 1px solid black; 
  border-collapse: collapse;
}
.paymentstablerow {
}
.paymentstablecolfirst {
  width: 50px;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
.paymentstablecolsecond {
  width: 50px;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
.paymentstablecolthird {
  width: 75px;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
.paymentstablecolfourth {
  width: 100px;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
.paymentstablecolfifth {
  width: 60px;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
.paymentstablecolsixth {
  width: 60px;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
.paymentspanelgriddivsaldo {
  float:right;
  font-weight: bold;
}

.paymentspanelgriddivsaldo_negativ {
  float:right;
  font-weight: bold;
  color: red;
}

.paymentlistgrid_totalSaldo {
  float: right; 
  padding-right: 21px;
  font-weight: bold;
}
.paymentlistgrid_totalSaldoNegativ {
  float: right; 
  padding-right: 21px;
  font-weight: bold;
  color: red; 
}

.globalsearch_contractid {
  font-size: 11px;
  margin-top: 5px;
}

/***********************************************************************/
/*http://colorschemedesigner.com/ -> BED6F8*/
body {
    /* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
    /* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */
    font-size:100.01%;

    /* (en) Standard values for colors and text alignment */
    /* (de) Vorgabe der Standardfarben und Textausrichtung */
    background:#fff;
    color:#000;
    text-align: center;
  }
  
.page_margins {
  text-align:left; 
  margin: 0 auto; 
  margin-top: 10px;
  width: auto;
  min-width: 1200px;
  max-width: 1200px;
  background: #fff; 
}
  
/* (en) clearfix method for clearing floats */
/* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
    clear:both;
    content:".";
    display:block;
    font-size:0;
    height:0;
    visibility:hidden;
  }

/* (en) essential for Safari browser !! */
/* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix { display:block; }

/* (en) alternative solution to contain floats */
/* (de) Alternative Methode zum Einschließen von Float-Umgebungen */
.floatbox { overflow:hidden; }

/* (en) IE-Clearing:Only used in Internet Explorer, switched on in iehacks.css */
/* (de) IE-Clearing:Benötigt nur der Internet Explorer und ++ber iehacks.css zugeschaltet */
#ie_clearing { display:none; }
 
  
.page { padding: 10px; background-color:#99A7BA; border: 1px solid black;}

#header {
  position:relative;
  padding: 10px 2em 1em 10px;
  text-align: center;
  color: #000;
  background: #fff;
  background-color:#DBE9FC;
  background-image: url("/bu/resources/images/gsd_logo.jpg");
  background-repeat: no-repeat;
  background-position: right;
  border: 1px solid black;
}

#topnav { text-align:right; }  /* LTR */
#topnav { position:static; color: #aaa; background: transparent; }

#header #topnav {
  position:absolute;
  top:10px;
  right:10px; /* LTR */
}

#header, #nav, #main, #footer { clear:both; }


#nav { overflow:hidden;  border: 1px solid black;}
div.hlist {  }

#main { 
  margin: 10px 0; 
  background: #fff;
}

#footer { 
  padding: 10px; 
  color: #444444;
  background-color: #FFF4DB;
  /*border-top: 5px #efefef solid; */
  border: 1px solid black;
  background-image:url(/bu/resources/images/MegalonEConceptsLogo.jpg);
  background-repeat: no-repeat;
  background-position: 2px 4px;
  text-align: right;
}

/* (en) navigation: horizontal adjustment | (de) horizontale Ausrichtung  */
#nav ul { margin-left: 20px; }

#col1 { float:left; width:200px; }
#col1 { float: left; width: 25%;  margin:0 }

#col3 { width:auto; margin:0 200px; }
/* oben, rechts, unten, links*/
#col3 { margin-left: 0%; margin-right: 0; }

#col1_content, #col2_content, #col3_content { position:relative; min-height: 500px;}
/*#col1_content { padding: 0 10px 0 20px }*/
#col1_content { padding: 10px 20px 10px 10px; }

/*#col3_content { padding: 0 10px;}*/
#col3_content { padding: 10px 20px 10px 10px; background-color: #FAFAFA;}