/* 
*****************************************************************************************************
* Standard Style for JProject Business Suite Application
*
* This file contains following sections:
*
* -standard application styles
* -standard HTML styles
* -standard TABLE styles
* -small TABLE styles
* -standard REGISTER styles
* -standard MENU styles
*
* $Revision: 1.10 $ / $Date: 2004/05/16 20:29:30 $
* (c) 2004 by Oliver Gries
*****************************************************************************************************
 */

/* 
*****************************************************************************************************
** Standard Application specific styles
*****************************************************************************************************
 */

#history, .history {
 padding-left: 2px; 
 padding-right: 2px; 
 padding-top: 0px;  
 padding-bottom:2px;
 margin-top : 0px;
 margin-bottom : 0px;
 /*width: 100%;*/
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: solid; font-size: 10px; color : Silver;
float:left;
 /*clear:both;*/
 font-style : italic;
}

 
#section, .section {
 padding-left: 2px; 
 padding-right: 2px; 
 padding-top: 0px;  
 padding-bottom:2px;
 margin-top : 0px;
 margin-bottom : 5px;
/* border: 1px solid #466C46;  */
  width: 100%;
 
}

#sectionHeader, .sectionHeader {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold; font-size: 12px; color : white;
  background: #999999;
 /* border: 1px solid #466C46;  */
  
  padding-left: 0.5em; 
  padding-right: 0.0em; 
  padding-top: 0.2em;  
  padding-bottom: 0.2em;
  margin : 0px 0px 2px 0px;
  
  /*
  padding-left: 0.5em; 
  padding-right: 0.0em; 
  padding-top: 0.2em;  
  padding-bottom: 0.2em;
  margin : 0px 0px 2px 0px;
  width: 100%;
  */
 }

 #container, .container {
  width : 100%;
  /*
  	 A container needs to have a weight specified otherwise the height=100% for sub div's
	 wouldn't work. To set the container to 100% height would result in a large page height without need.
   */
 height:50%;
/* position : relative;*/
}

/*
  .errorcontainer {
  width : 100%;
  margin-top : 10px;
}
*/



#header, .header {
 padding-left: 0.2em; 
 padding-right: 0.2em;
 padding-top: 0.2em; 
 padding-bottom: 0.2em;
 margin: 5px 5px 5px 5px; 
 
}

#pageHeader, .pageHeader {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold; font-size: 22px; color : black;
  /*background: #466C46;*/
 background: White;
  color : white;
  width: 100%; 
  height : 79px;
 background-image: url(standard/images/logo.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
 /*
 border-bottom : 1px;
 border-bottom-color :  #999999;
 border-bottom-style : solid;
 */

 }

 #pageContent, .pageContent {
  background: #ffffff;
  width:100%;
  height:300px;   
  min-height: 300px;   
  float:right;
  clear:both;
  vertical-align: top;
  border-left : 1px solid #dddddd;
  padding-left : 5px;
  padding-top : 0px;
  /*
  border-bottom : medium solid Blue;
  border-top : medium solid Blue;
  border-left : medium solid Blue;
  border-right : medium solid Blue;
  */
  
}

#content, .content {
 position :absolute;
 background: #ffffff;
 width : 100%;
 height: 100%;
}

#leftContainer, .leftContainer {
  width : 40%;
  float: left;
  text-align: left;
}

#rightContainer, .rightContainer {
  width : 40%;
  float: right;
  text-align: right;
}


#pageFooter, .pageFooter {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: black; font-size: 10px; font-weight : normal;
  font-style : italic;
  text-align : center;
  clear: both;
  width : 100%;
  position :static;
}


#footer, .footer {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: black; font-size: 10px; font-weight : normal;
  font-style : italic;
  text-align : center;
  background-image:url(standard/images/border_bottom.gif);
  background-repeat: repeat-x;

}

.footer a, .footer a {
	font-size: 10px; 
	text-decoration: none;
}

.footer a:hover, .footer a:hover {
	font-size: 10px; 
	text-decoration: underline;
}

#module, .module {
/*
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
	font-size: 12px; 
	color : black;
*/
/*	background: #FFFFFF;  */
	border: 1px solid black;  
	padding-left: 0.8em; 
	padding-right: 0.8em; 
	padding-top: 0.5em;  
	padding-bottom: 0.5em; 
	margin: 0.5ex 0px; 
/*	clear: both;*/
/*    position : absolute;*/
	
/*	width: 100%*/
}

#label,  .label {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold; font-size: 12px; color : black;
 }

#standard,  .standard {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal; font-size: 12px; color : black;
  text-align: left;
 }
 
 #error, .error
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 12px; 
	color : #FF3300;
	vertical-align : middle;
}


#message, .message
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 12px; color : black;	
	color : #003399;
	vertical-align : middle;
}

#text, .text
{
	background-color : White;
}

#textRO, .textRO
{
	background : Gray;
	color : White;
}

.headline
{

/*  background-color: #f0f0f0;*/
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
  font-size: 12px; 
  color: black;
  border-bottom: 1px dotted gray;  
  border-left: 3px solid #036;  
  margin: 10px 50px 10px 0px;
  padding: 2px 2px 2px 12px;
  width: 300px;
}

#search, .search {
	border: 1px solid black;  
	padding-left: 0.8em; 
	padding-right: 0.8em; 
	padding-top: 0.5em;  
	padding-bottom: 0.5em; 
	margin: 0.5ex 0px;
	width: 500px;
}


/* 
*****************************************************************************************************
** Standard HTML tags
*****************************************************************************************************
 */
body {
  background-color: #f0f0f0;
/*  position: absolute; */
  min-width: 640px; 
  width: 100%; 
  margin: 0; 
  padding: 0; 
  height: 95%;
}

ul {
  margin : 0px,0px,0px,0px;
}

input {
	/*position : relative;*/
}

a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
	font-size: 12px; 
	color: #4c6c8f;
	text-decoration: underline;

}

a:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
	font-size: 12px; 
	color: #E90D18;
	text-decoration: underline;
}


/* 
*****************************************************************************************************
** Standard TABLE specification
*****************************************************************************************************
 */

.table {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
	font-size: 12px; 
	/*
	border-color: #4c6c8f;
	border-style: solid;
	border-width: 1px;
	*/
	width: 100%;
	margin : 10px 10px 10px 0px;
/*  background-color: #f0f0f0;*/
    background-color: #f0f0f0;
    color: #ffffff;
}

.tableHeader {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px; 
  font-weight : bold;
  background-color: #7099C5; 
  color: #ffffff;  
  padding-left: 4px; 
  padding-right: 4px; 
  padding-top: 4px;  
  padding-bottom: 4px;
  margin : 0px 0px 0px 0px;
}

.tableHeader a,.tableHeader a:hover  {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px; 
  font-weight : bold;
  background-color: #7099C5; 
  color: #ffffff;
}


.oddRow
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px; color : Black;
	background-color: #f0f0ff;
	vertical-align: top;
	text-align: left;
	padding-left: 4px; 
    padding-right: 4px; 
    padding-top: 4px;  
    padding-bottom: 4px; 
    height:auto;
	margin : 0px 0px 0px 0px;
}

.oddRow a, .oddRow a:hover
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px; color : Black;
	background-color: #f0f0ff;
	vertical-align: top;
	text-align: left;
}


.evenRow, .tableItem
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: white;
	color : Black;
	vertical-align: top;
	text-align: left;
	padding-left: 4px; 
    padding-right: 4px; 
    padding-top: 4px;  
    padding-bottom: 4px; 
    height:auto;
	margin : 0px 0px 0px 0px;
}

.evenRow a, .evenRow a:hover
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: white;
	color : Black;
}


/* 
*****************************************************************************************************
** TABLE - smaller one for overviews
*****************************************************************************************************
 */
.maintable {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: #ffffff;
  vertical-align: top;
  text-align: left;
  color: black;  
  font-size: 10px;   
  width : 100%;
/*  border : thin;background-color : Black;*/
  /*
  padding-left: 0.0em; 
  padding-right: 0.0em; 
  padding-top: 0.0em;  
  padding-bottom: 0.0em; 
  */
  margin-top : 2px;
}

.maintableHeader {
  background-color: #dddddd;
  color : Gray;
  font-size: inherit;   
  font-weight: bold;
  padding-left: 0.2em; 
  padding-right: 0.2em; 
  padding-top: 0.2em;  
  padding-bottom: 0.2em; 
}

.mainoddRow
{
  /*background-color: #E0E0E0;*/
  background-color: White;
  font-size: inherit;   
  font-weight: normal;
  padding-left: 0.2em; 
  padding-right: 0.2em; 
  padding-top: 0.2em;  
  padding-bottom: 0.2em; 
	
}

.mainoddRow a {
    font-family: inherit;
    font-size: 11px;   
	text-decoration: none;
	text-shadow : Black;
	color : Gray; 
}

.mainoddRow a:hover {
    font-family: inherit;
    font-size: 11px;   
	text-decoration: underline;
	color : Gray; 
}


.mainevenRow, .maintableItem
{
/*  background-color: white;*/
  background-color: White;
  font-size: 11px;   
  font-weight: normal;
  padding-left: 0.2em; 
  padding-right: 0.2em; 
  padding-top: 0.2em;  
  padding-bottom: 0.2em; 
}

.mainevenRow a {
    font-family: inherit;
    font-size: 11px;   
	text-decoration: none;
	color : Gray; 
}

.maintableRow {
}


.mainevenRow a:hover {
    font-family: inherit;
    font-size: 11px;   
	text-decoration: underline;
	color : Gray; 
}

.group1 {
  border : 1px solid #CCCCCC;
  padding-left: 2px; 
  padding-right: 2px; 
  padding-top: 2px;  
  padding-bottom: 2px;
}

/* 
*****************************************************************************************************
** Standard REGISTER specification
*****************************************************************************************************
 */
.selectedTab {
  border-left: 1px solid #466C46;
  border-right: 2px solid #466C46;  
  border-top: 1px solid #466C46;  
  
  background: #f0f0f0;
  padding-left: 0.2em; 
  padding-right: 0.2em; 
  padding-top: 0.2em;  
  padding-bottom: 0.2em;
}

.selectedTabLineTop {
  border-bottom: 1px solid #466C46;  
}

.selectedTabContent {
  background: #f0f0f0;
}


.selectedTabLineBottom {
  border-top: 1px solid #466C46;
  
}

.selectedTabLineLeft {
  border-left: 1px solid #466C46;
  background: #f0f0f0;
}

.selectedTabLineRight {
  border-right: 3px solid #466C46;
  background: #f0f0f0;
}

.notSelectedTab {
  border-left: 1px solid #466C46;
  border-right: 1px solid #466C46;  
  border-top: 1px solid #466C46;  
  border-bottom: 1px solid #466C46;  
  
  background: #C0C0C0;
  padding-left: 0.2em; 
  padding-right: 0.2em; 
  padding-top: 0.2em;  
  padding-bottom: 0.2em;
}



/* 
*****************************************************************************************************
** Standard MENU specification
*****************************************************************************************************
 */


#rightMenuContainer, .rightMenuContainer {
 border-left: 1px dotted Gray;
 width : 250px;
 /*
 position : relative;
 top: 0;
 left: 500px;
 bottom: 0;
 */
 padding-left: 0.2em; 
 padding-right: 0.2em; 
 padding-top: 0.2em;  
 padding-bottom: 0.2em;
 overflow : visible;
 float : right;
/*
 float : right;
 clear:both;
 
 height:100%;
 */
}

#leftMenuContainer, .leftMenuContainer {
 width : 150px;
 float : left;
 height:100%;
 margin : 0px;
}

.menuItem a, #menuItem a,  .menuItemHover a,#menuItemHover a{
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
 font-size: 11px; 
 color: #036;
 text-decoration: none;
  padding-left: 5px; 
  padding-right: 0px; 
  padding-top: 3px;  
  padding-bottom: 3px;
}



.menuItem a:hover, .menuBar a:hover,#menuItem a:hover, #menuBar a:hover, .menuItemHover a:hover,#menuItemHover a:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
  font-size: 11px; 
  color: #036;
	text-decoration: underline;
	
}

#menuItem, .menuItem  {
/*  margin : 0px,0px,0px,10px;*/
 padding-right: 0px; 
 padding-bottom: 2px;
 padding-left: 18px;
 padding-top: 0px;
 background-image: url(standard/images/strich.gif);
 background-repeat: no-repeat;
 background-position: 15px 10px;
 height:16px;
  }
  
#menuItemHover, .menuItemHover  {
 padding-right: 0px; 
 padding-bottom: 2px;
 padding-left: 18px;
 padding-top: 0px;
 background-image: url(standard/images/strich.gif);
 background-repeat: no-repeat;
 background-position: 15px 10px;
 /*background-color: #f0f0ff;*/
 background-color: #c0c0c0;
 
 height:16px;
  }
  
  #menuItemHover a:hover, .menuItemHover a:hover  {
  text-decoration : none;
  }

  


#menuHeader, .menuHeader {
/*
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold; font-size: 12px; color : black;
  background: #dddddd;
  padding-left: 0.5em; 
  padding-right: 0.5em; 
  padding-top: 0.5em;  
  padding-bottom: 0.5em;
  border-bottom: 1px solid #ffffff;
  margin-bottom : 0.3em;
  */
 padding-left: 5px; 
 padding-right: 5px; 
 padding-top: 2px;  
 padding-bottom: 2px;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
 /*
 background-color: #f0f0ff;
 color: #036;	
 */
 
  background-color: #dddddd;
  color : Gray;
/* 
 font-weight: bold; font-size: 12px; color : white;
 background: #999999;
 */
 
 font-size: 11px;
 font-weight : bold;
 text-decoration : none;
 margin: 0px 0px 0px 0px; 
 border-bottom-color : #CCCCCC;
 border-bottom-width : 1px;
 border-bottom-style : solid;
 border-top-color : White;
 border-top-width : 1px;
 border-top-style : solid;
   
  
}

#menuBar, .menuBar {
 padding-left: 0px; 
 padding-right: 5px; 
 padding-top: 2px;  
 padding-bottom: 2px;
 width: 100%;
 background-color: #f0f0ff;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
 color: #036;	
 font-size: 11px;
 font-weight : bold;
 text-decoration : none;
 margin: 0px 0px 0px 0px; 
 border-bottom-color : #CCCCCC;
 border-bottom-width : 1px;
 border-bottom-style : solid;
 border-top-color : #CCCCCC;
 border-top-width : 1px;
 border-top-style : solid;
 /*height : 11px;*/
 position : absolute;
 top : 60px;
}


#menuBar a,  .menuBar a
{
 padding-right: 0px; 
 padding-bottom: 0px;
 padding-left: 5px;
 padding-top: 0px;
 color: #036;
 font-size: 11px;
 text-decoration : none;
}

#menuBar a:hover,  .menuBar a:hover
{
 padding-right: 0px; 
 padding-bottom: 0px;
 padding-left: 5px;
 padding-top: 0px;
 color: #036;
 font-size: 11px;
 text-decoration : underline;
/* background : #036;*/
}

.menuGroup a, .menuGroup, .menuGroup a:hover{
 /* color : Gray;*/
  padding-left: 0.0em; 
  padding-right: 0.0em; 
  padding-top: 0.0em;  
  padding-bottom: 0.0em; 
  font-size : 11px;
}


/* 
*****************************************************************************************************
** Helper styles for solving unpropper CSS implementation or behavior
*****************************************************************************************************
 */


/* HR styles need for IE/Win. */
.holder { width:640px; visibility: hidden;  height: 1px;} /* Equal to 'top' */