/* GEA GLOBAL CSS */


/* Correction for kj_imagelightbox Bug */
.gfx_headline_ovrlay									{ position: relative; height: 24px; margin-top: -25px; margin-bottom: -7px; }




.text_green														{ width: 480px; color: #009b8f; font-size: 0.85em; }
.text_green .linkit_ce a							{ color: #009b8f; text-decoration: none; font-weight: bold; padding-left: 10px; background: url(images/arrow_dark_2008.gif) no-repeat 0em 0.5em; }
.text_green .linkit_ce a:hover				{ text-decoration: underline; color: white; }

.text_blue														{ width: 480px; color: #4467A7; font-size: 0.85em; }
.text_blue .linkit_ce a								{ color: #4467A7; text-decoration: none; font-weight: bold; padding-left: 10px; background: url(images/arrow_dark_2008.gif) no-repeat 0em 0.5em; }
.text_blue .linkit_ce a:hover					{ text-decoration: underline; color: white; }

.text_white														{ width: 480px; color: #ffffff; font-size: 0.85em; }
.text_white .linkit_ce a							{ color: #ffffff; text-decoration: none; font-weight: bold; padding-left: 10px; background: url(images/arrow_dark_2008.gif) no-repeat 0em 0.5em; }
.text_white .linkit_ce a:hover				{ text-decoration: underline; color: white; }

.text_grey														{ width: 480px; color: #666666; font-size: 0.85em; }
.text_grey .linkit_ce a								{ color: #666666; text-decoration: none; font-weight: bold; padding-left: 10px; background: url(images/arrow_dark_2008.gif) no-repeat 0em 0.5em; }
.text_grey .linkit_ce a:hover					{ text-decoration: underline; color: white; }


/* Ecoserve Stylesheet // wendweb.de // 2007 */


/* Allgemeines */
html							{ padding: 0px; margin: 0px; }
body							{ color: #666666; overflow: -moz-scrollbars-vertical; padding: 0px; margin: 0px 0px 0px 28px; background-color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; background: url(images/bg_language_2008.gif) repeat-x; }
body_sbpa 						{ color: #666666; font-size: 9pt; }  /* for standalone .exe only */

/* Links */
.linkit_addbox a				{ color: #4467A7 ; text-decoration: none; padding-left: 10px; background-image: url(images/arrow_thin_2008.gif); background-position: 0px 5px; background-repeat: no-repeat; font-size: 0.85em; }
.linkit_addbox a:hover			{ color: #4467A7 ; text-decoration: underline; padding-left: 10px; background-image: url(images/arrow_thin_2008.gif); background-position: 0px 5px; background-repeat: no-repeat; font-size: 0.85em; }

.linkit_content a				{ color: #4467A7 ; text-decoration: none; padding-left: 10px; background-image: url(images/arrow_thin_2008.gif); background-position: 0px 5px; background-repeat: no-repeat; font-size: 1em; }
.linkit_content a:hover			{ color: #4467A7 ; text-decoration: underline; padding-left: 10px; background-image: url(images/arrow_thin_2008.gif); background-position: 0px 5px; background-repeat: no-repeat; font-size: 1em; }

.linkit a						{ color: #4467A7 ; text-decoration: none; padding-left: 10px; background-image: url(images/arrow_thin_2008.gif); background-position: 2px 5px; background-repeat: no-repeat; margin-left: 2px;  }
.linkit a:hover					{ color: #4467A7 ; text-decoration: underline; padding-left: 10px; background-image: url(images/arrow_thin_2008.gif); background-position: 2px 5px; background-repeat: no-repeat;  }

.linkit_ce a						{ color: #4467A7 ; text-decoration: none; }
.linkit_ce a:hover					{ color: #4467A7 ; text-decoration: underline;  }


/* Tables */
table							{ font-size: 1em;	}
form							{ display:inline; }


/* Grundlayout */
#container								{ width: 925px; }

/* Header */
#header_container					{  }
	#username_area			{ width: 100%; height: 20px; overflow: hidden;  }
		#username		{ margin: 4px 0px 0px 0px; width: 170px; height: 20px; color: #939598; font-size: 0.8em; }
		#useroptions_area		{ margin-top: -20px; margin-left: 708px; width: 216px; height: 20px; overflow: hidden; font-size: 0.8em; text-align: right; }
	/* language		 margin-top: -16px; margin-left: 210px; width: 580px; height: 20px; text-align: right; color: #939598; background-color: #CCCCFF; font-size: 0.8em; */
	#useroptions_area a		{ color: #939598; text-decoration: none; }
	#useroptions_area a:hover	{ color: #5e5e5e; text-decoration: underline; }
		.useroptions_area_act2 	 { color: #5e5e5e !important; text-decoration: underline !important; }
		.useroptions_area_act2 a { color: #5e5e5e !important; text-decoration: underline !important; }

    #header2							{ height: 80px; overflow: hidden; }
		#logo									{ float:left; margin: 23px 0px 0px 0px; height: 0px; }
    #slogan1							{ float:right; margin: 41px 0px 0px 0px; height: 0px; }

	#menu_main_area				{ width: 925px; margin-top: 0px; margin-left: 0px; overflow: hidden; height: 32px; background-color: #4467A7 ; background-image: url(images/whitedot.gif); background-position: bottom; background-repeat: repeat-x; }
		#menu_main_eck			{  width: 925px; height: 9px; background-image: url(images/bg_menu_main_2008.gif); background-position:right; background-repeat: no-repeat; font-size: 0.1em; }
/*
		#menu_main				{ margin-left: 40px; margin-top: -5px;  width: 715px; }
		#menu_main a			{ margin-right: 10px; float: left; border-left: 1px solid #899ab8; border-top: 1px solid #899ab8; border-right: 1px solid #899ab8; padding: 5px 5px 3px 5px; color: #ffffff; text-transform: uppercase; text-decoration: none; font-size: 0.9em; }
		#menu_main a:hover		{ background-color: #4467A7 ; margin-right: 10px; float: left; border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; padding: 5px 5px 7px 5px; color: #ffffff; text-transform: uppercase; text-decoration: none; font-size: 0.9em; }
		#menu_main_act a		{ background-color: #4467A7 ; margin-right: 10px; float: left; border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; padding: 5px 5px 7px 5px; color: #ffffff; text-transform: uppercase; text-decoration: none; font-size: 0.9em; }
*/

    #menu_main {
      margin-top: -5px;
      margin-left: 204px;
      float:left;
      height: 26px;
      background:#4467A7 ;
      line-height:normal;
      display: inline;
      }
    #menu_main ul {
      width:925px;
	    margin:0px;
	    padding:0px 0px 0px 0px;
	    list-style:none;
      position:absolute;
      margin-top: 1px;
      }
    #menu_main li {
      float:left;
      display:block;
      margin-right:10px;
      padding:0px;
      }
    #menu_main li a {
      float:left;
      background:url(images/div_menu_left.gif) no-repeat left top;
      margin:0px;
      padding:0px 0px 0px 10px;
      text-decoration:none;
      border-bottom: 1px solid #FFFFFF;
      cursor:pointer;
      }
    #menu_main li a span {
      float:left;
      display:block;
      background:url(images/div_menu_right.gif) no-repeat right top;
      padding:5px 10px 5px 0px;
      color:#FFFFFF;
      overflow:hidden;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #menu_main a span {float:none;}
    /* End IE5-Mac hack */
    #menu_main li a:hover span {
      color:#4467A7 ;
      background-position:100% -27px;
      }
    #menu_main li a:hover {
      background-position:0% -27px;
      border-bottom: 1px solid #E6E7E8;
      }

    /* li 2 - currently selected tab */
    #menu_main li.a2 {
      float:left;
      display:block;
      margin-right:10px;
      padding:0px;
      }
    #menu_main li.a2 a {
      float:left;
      background:url(images/div_menu_left.gif) no-repeat left top;
      background-position:0% -27px;
      margin:0px;
      padding:0px 0px 0px 10px;
      text-decoration:none;
      border-bottom: 1px solid #E6E7E8;
      cursor:pointer;
      }
    #menu_main li.a2 a span {
      float:left;
      display:block;
      background:url(images/div_menu_right.gif) no-repeat right top;
      background-position:100% -27px;

      padding:5px 10px 5px 0px;
      color:#4467A7 ;
      overflow:hidden;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #menu_main a span {float:none;}
    /* End IE5-Mac hack */
    #menu_main li.a2 a:hover {
      background-position:0% -27px;
      }
    #menu_main li.a2 a:hover span {
      color:#4467A7 ;
      background-position:100% -27px;
      }
    /* li 3 - disabled tab */
    #menu_main li.a3 span {
      color: #9090AA; /* special grey */
      }
    #menu_main li.a3 a:hover span {
      color:#444444 ;
      background-position:100% 0px;
      }
    #menu_main li.a3 a:hover {
      background-position:0% 0px;
      border-bottom: none;
      }


    #hrline						{  width: 925px; height: 8px; background-color: #E6E7E8; font-size: 0.01em; }


/* Content Startseite (Index) */
								/*
								Da das Index-Template vom Sub-Template abweicht,
								werden einige Strukturen durch folgende, mittels "_index", ersetzt!
								Die hierarchische Struktur wird im Abschnitt "Content Subseiten" weiter fortgesetzt
								*/

#content_container_index		{ width: 925px;  }
#content_area_index				{ float: left; margin-top: 1px; width: 725px;  }
#content_index					{ padding: 19px 0px 0px 0px; }


/* Content Startseite (Subseiten) */
#content_container				{ width: 925px; background-image: url(images/bg_2008.gif); background-repeat: repeat-y;  }
/* deliberately exceed maximum width of 925 - works in IE - allows content_area2 to be wide also and fit float left */
#content_extrawide				{ width: 1025px; background-image: url(images/bg_2008.gif); background-repeat: repeat-y;  }
#menu_sub_area					{ float: left; margin-top: 43px; width: 185px; min-height: 500px; height: 500px; }
	.menu_sub_headline			{ color: #4467A7 ; font-size: 0.85em; font-weight: bold; margin-left: 44px; margin-bottom: 3px; }

	.menu_sub					{ overflow: hidden; font-size: 0.85em; }
	.menu_sub a					{ padding-top: 3px; padding-bottom: 3px; width: 185px; display: block; text-decoration: none; color: #4467A7 ; background-image: url(images/arrow_light_2008.gif); background-repeat: no-repeat; background-position: 28px 8px; padding-left: 43px; }
	.menu_sub a:hover			{ padding-top: 3px; padding-bottom: 3px; width: 185px; display: block; text-decoration: underline; color: #4467A7 ; background-image: url(images/arrow_light_2008.gif); background-repeat: no-repeat; background-position: 28px 8px; padding-left: 43px; }
	.menu_sub_act				{ overflow: hidden; font-size: 0.85em; }
	.menu_sub_act a				{ padding-top: 3px; padding-bottom: 3px; width: 185px; display: block; font-weight: bold; text-decoration: none; color: #FFFFFF; background-image: url(images/arrow_dark_2008.gif); background-repeat: no-repeat; background-position: 28px 8px; padding-left: 43px; background-color: #899AB8; }

	.menu_sub2					{ overflow: hidden; font-size: 0.85em; background-color: #F4F4F4; }
	.menu_sub2 a				{ padding-top: 3px; padding-bottom: 3px; width: 185px; display: block; text-decoration: none; color: #4467A7 ; background-image: url(images/arrow_light_2008.gif); background-repeat: no-repeat; background-position: 43px 8px; padding-left: 56px; }
	.menu_sub2 a:hover			{ padding-top: 3px; padding-bottom: 3px; width: 185px; display: block; text-decoration: underline; color: #4467A7 ; background-image: url(images/arrow_light_2008.gif); background-repeat: no-repeat; background-position: 43px 8px; padding-left: 56px; }
	.menu_sub2_act				{ overflow: hidden; font-size: 0.85em; background-color: #F4F4F4; }
	.menu_sub2_act a			{ padding-top: 3px; padding-bottom: 3px; width: 185px; display: block; text-decoration: underline; color: #4467A7 ; background-image: url(images/arrow_light_2008.gif); background-repeat: no-repeat; background-position: 43px 8px; padding-left: 56px; }

/*                                                	        { float:left; margin-top: 0px; width: 740px; } */
#content_area1, .content_area2, #content_area3, #content_area_bannerad, .floatleft  { float:left; margin-top: 0px; width: 740px; }
#content_area_bannerad { text-align: center; padding-top: 8px; }
.content_area2_extrawide	                { float:left; margin-top: 0px; width: 820px; }
  #fotoheader             { float:left; 		    height: 6px; width: 740px; overflow: hidden; }
  /* fotoheader_window       float:left; margin-top: -100px; height: 100px; width: 740px; overflow: hidden; */
.content { 
  font-size: 0.9em;  
  padding: 14px 26px 28px 27px; /* top right bottom left */
  width: 687; /* FORCE-COMPUTED to get around IE bug - see notes in C:\dev\Flatplate\Docs\RSInternal_FlatPlateSelectOnline.ppt */
  } 
.content_xtra		{ padding: 0px 26px 28px 27px; font-size: 0.9em; margin-top: -10px;  }
/*.content ul		{ padding: 0px; margin: 5px 0px 5px 0px; list-style: none; }
.content li		{ padding: 2px 0px 2px 0px; margin: 0px; background: url(images/arrow_thin_2008.gif) no-repeat 0px 7px; padding-left: 12px;  }
.content li	a	{ background: none; margin-left: 0px; }*/

#content span img 				{ border: none; background: none !important; }



		.gfx_headline					{ height: 22px; border-bottom: 1px solid #666666; margin-bottom: -7px; }

/* Button */
#buttonbox					{ width: 180px; }
#button							{ width: 140px; height: 50px; margin-top: -70px; margin-left: 21px; margin-bottom: 20px; }
#button a						{ display: block; width: 140px; height: 50px; cursor: pointer; position: absolute; }

/* Footer */
#footer										{ height: 22px; width: 925px; margin-top: 3px; }
	#copyright							{ width: 250px; float: left; font-size: 0.8em; color: #777777; }
	#gea_slogan							{ width: 250px; float: right; text-align: right; }

	#hiddenlanguage					{ visibility: hidden; }
	#hiddenlanguage a				{ color: #777777; text-decoration: none; }
	#hiddenlanguage a:hover	{ color: #777777; text-decoration: underline; }



/* SR Language Menü */
.language_marker						{  }
.language_marker select			{ cursor: pointer; width: 90px; height: 17px; border: 1px solid #939598; color: #939598; }



/* Lightbox */
#caption						{ color: black; }
#caption a						{ color: black; text-decoration: none; }
#caption a:hover				{ color: black; text-decoration: none; }


/* FORMULAR */

.formularInputBox
  {
    /* position:relative; */
    /* float:left; REMOVED 09-23-08 */
    height:auto;
    width:390px;
   margin-top:3px;
  }

.formularInputCaption
  {
    /* position:relative; */
    float:left;
    height:auto;
    width:150px;

    vertical-align:top;

    margin-left:0px;
    margin-top:2px;

    font-family:arial,verdana,helvetica,sans-serif;
    color:#666666;
    font-size:1em;
    font-weight: normal;
  }

/* Originally each special control had its own style AND
   was encased in common InputInput div. This definition
   replaces InputInput: */
.formularInputSelect, .RSLWebValueListInputSelect, .formularInputSelectWithWidth, 
.formularInputText, .formularInputTextWithWidth {
    /* float:left; */
    height:auto;
    /* width:230px; */

    font-family:arial,verdana,helvetica,sans-serif;
    color:#666666;
    font-size:1em;
    font-weight:100;
  }

.formularInputSelect, .RSLWebValueListInputSelect, .formularInputSelectWithWidth {
    margin:0px;
    padding:0px;
  }

.formularInputText, .formularInputTextWithWidth
  {
    /* display: block; */
    border: 1px solid #808285;
    color:black; /* correcton based on de facto appearance */
  }  
  
.formularInputSelectWithWidth, .formularInputTextWithWidth {
    width:200px;
  }
  
/* GEA FlatPlateSELECT-ONLINE Additions */

.sortHeader {
  text-decoration: none;
  color: #666666;
}


/*.heading, .hotHeading, .coldHeading, .sortableSelList thead tr td */
.sortableSelList thead tr td, .nonsortSelList thead tr td {
  font-weight: bold;
}

.sortableSelList, .sortableSelList thead tr td,
.nonsortSelList, .nonsortSelList thead tr td {
  border-bottom: solid #666666 1px; 
  /* font-weight: bold; */
  /* font-size: 9pt; */
}

.sortableSelList thead tr td, .nonsortSelList thead tr td {
  border-top: solid #666666 1px; 
}

.sortableSelList * tr td, .nonsortSelList * tr td {
  padding: 1px 5px 1px 5px;
}

.sortableSelList thead tr td, .nonsortSelList thead tr td {
  text-align: center;
} 

.nonsortSelListLongDescRow {
  font-size: 7pt;
  border-top: solid #AAAAAA 1px; 
  border-bottom: solid #AAAAAA 1px; 
  color:#AAAAAA;
}

.selectedRow {
  background-color: #E6E7E8;
}

.hiddenRow, .hiddenSelectedRow {
  display: none;
}

.heading, .hotHeading, .coldHeading {
  color: white;
  margin-top: 4px;
  margin-bottom: 4px;
  font-weight: bold;
  font-size: 9pt;
  padding: 2px 8px 2px 8px;
}

.heading, #headerWelcomeBar, #headerLogoBackground {
  background-color: #899AB8; /* steel blue */
}

.applicationCell {
  width: 18em;
  vertical-align: top;
}

#Refrigeration, .coldHeading {
  background-color: #69ACDA; /* sky blue */
}

#HydronicHeating, .hotHeading {
  background-color: #EA7B4A; /* classic construction sign orange */
}

#Industrial {
  background-color: #A3AFB7; /* industrial grey */
}
  
.wizardButton, .pressedWizardButton {
  color: white;
  text-decoration: none;
  font-size: 10pt;
  font-weight: bold;
  background-color: #899AB8; /* steel blue - same as menu_sub_act */
  padding: 3px 10px 3px 10px;
  border-width: 2px;
}

.wizardButton {
  border-style: outset;
  text-decoration: none;
}

.pressedWizardButton {
  border-style: inset;
}

.wizardButton:hover, .pressedWizardButton {
  text-decoration: underline; 
}
  
.errorMsg, .loadWarnings {
  background-color: #FFCCCC; /* very light red */
  border: 1px solid black;
  padding: 5px;
}

#errorMsgCell, .bold {
  font-weight: bold;
}

.errorMsg, .loadWarnings, .tip {
  margin-top: 5px;
}

.tip, .loginError {
  background-color: #FFFFC4; /* pale yellow */ 
  border: 1px solid #666666;
  padding: 5px;
}

.loginError {
  margin: 5px;
  width: 300px;
}

.inputGroupCell /*, .displayCell */ {
  vertical-align: top;
  /* width: 200px;   ADJ */
}
  
#selectOutputs {
  border: outset;
  padding: 3px;
}

#selectOutputs /*, #tblAdvancedOptions */ {
  margin-top: 4px;
}

#inputsTable {
  margin: 0;
  padding: 0;
}

.appHeading {
  font-weight: bold;
  font-size: 11pt;
  text-align: center;
  margin: 3px 0px 3px 0px;
  color: #4467A7;
}
 
#inputsTable {
  margin: 0;
  padding: 0;
}

.inputVal {
  margin-left: 5px;
  text-align: right;
  
}

.inputRowTable {
  width: 100%;
}

.inputSectionTable, .inputRowTable {
  border-collapse: collapse;
}

td.numInput input {
  width: 4.5em;
}

td.strInput input {
  width: 15em;
}

.validInput {
  background-color: white;
}

.invalidInput {        
  background-color: #FFFFC4; /* pale yellow */ 
}

#report {
  overflow: auto;
  width: 600px;
border: 1px solid #808285;
}

.report {
  width: 100%;
  margin: 0;
  padding: 0;
}

.reportValDesc {
  float: left;
  margin-left: 2px;
  padding-right: 0px;
}

.reportValVal {
  float: right;
  margin-left: 0px;
  padding-left: 0px;
  margin-right: 2px;
}

.reportValTable, .reportTableTable {
  width: 100%;
}

.reportTableTable {
  margin-top: 0em;
}

.reportValRow {
  padding-top: 0px;
  padding-bottom: 0px;
}

#report .report .reportValRow td {
  width: 50%;
}

.reportValTableCol {
}

/* .reportTableSubheadDesc defined for desktop app (no td child element). */
.reportTableSubheadDesc, .reportTableSubheadDesc td, .reportTableSubheadValue td {
  font-size: 10pt;
  font-weight: bold;
  color: #666666; /* redundant, so RSLStyleSheet:FormatByStyleSheet() can pick it up */
}

.reportTableBoldValue, .reportTableBoldDesc {
  font-weight: bold;
}

.reportTableDesc, .reportTableValue, .reportTableBoldDesc, .reportTableBoldValue {
  padding: 0px 8px 0px 8px;
  color: #666666; /* redundant, so RSLStyleSheet:FormatByStyleSheet() can pick it up */
}

.reportTableValue, .reportTableSubheadValue, .reportTableBoldValue {
  text-align: center;
}

.reportDisclaimer {
  font-size: 0.8em;
}

.plate_size {
  color: white;
  margin-top: 4px;
  margin-bottom: 4px;
  font-weight: bold;
  font-size: 9pt;
  padding: 2px 8px 2px 8px;
  background-image: url(images/bg_plate_size_2008.gif); background-repeat: repeat-y;
}

div.pagination { 
  text-align:right;	
  clear:both;	
  margin-bottom: 1px;
}

div.pagination a { 
  padding: 1px 3px; 
  margin: 1px; 
  border: 1px solid #666666; 
  text-decoration: none; 
  color: #4467A7; 
  background-color: #E6E7E8;
}

div.pagination a:hover, div.pagination a:active { 
  border: 1px solid #666666; 
  color: #FFFFFF; 
  background-color: #899AB8;
}

div.pagination span.pageCurrent { 
  padding: 1px 3px;
  margin: 2px; 
  border: 1px solid #666666;	
  font-weight: bold; 
  background-color: #899AB8; 
  color: #FFFFFF; 
}
 
div.pagination span.pageDisabled { 
  padding: 1px 3px; 
  margin: 2px; 
  border: none;
  /*border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #666666;*/
  color: #FFFFFF; 
}

/* FCE Download Frame */
.fce_download_frame			{ margin-top: 10px; width: 503px; overflow: hidden; font-size: 11px; }
.fce_download_frame_table		{ }
.fce_download_frame_table td		{ background: #d6d7d7; vertical-align: top; }
.fce_download_frame_table td div span	{ display: block; padding: 4px 0px 4px 14px; color: #666666; }

.fce_download_frame_td1 div		{ width: 88px; }
.fce_download_frame_td2	div		{ width: 302px; }
.fce_download_frame_td3	div		{ width: 111px; }
.fce_download_frame_td4	div		{ width: 112px; }


/* Download Element */
.fce_download_element			{ margin-top: -1px; font-size: 11px; }
.fce_download_element_table		{ }
.fce_download_element_table	a 	{ font-weight: bold; background: url(images/arrow_light_2008.gif) 0em 0.4em no-repeat; padding-left: 13px; color: #4467a7; text-decoration: none; }
.fce_download_element_table	a:hover	{ text-decoration: underline; }
.fce_download_element_table td		{ background: #eeeeee; vertical-align: top; }
.fce_download_element_table td div span	{ display: block; padding: 6px 0px 6px 14px; color: #666666; }

.fce_download_element_td1 div		{ width: 88px; }
.fce_download_element_td2	div	{ width: 302px; }
.fce_download_element_td3	div	{ width: 111px; }
.fce_download_element_td4	div	{ width: 112px; }