/* ================================================================== 	*/
/* 																		*/
/* Stylsheet fuer die VB-Generator, Beispielanwendung					*/
/* $Author: VBodnarescu, NFarra $								 		*/
/* $Revision: 2.0 $														*/
/* $Date: 15.07.2009													*/
/* 																		*/
/* ================================================================== 	*/


@import url(none.css);   /* -> "Undo"-Styles: Aufheben der Standard-Browser-Stile \*/

/* Body, Fonts, Sizes */

body 
{
	font-family: Tahoma,Helvetica,Arial,san-serif;
	margin-top: 0px;
	margin-left: 0px;
	background-color: #e0e0e0;
	color:#000000;
	font-size: 11px;
}


td, th, p, div, .clsMenuItem
{
	font-size: 12px;
}


.clsTableColumnHeaderButton, .clsCheckBox, .clsDropdown, .clsDropdownError, .clsDropdownInfo,.clsDropdownWarning, .clsDropdownDisabled,
.clsField, .clsFieldChanged, .clsFieldDisabled, .clsFieldError, .clsLabel, .clsLabelNoUnderwrite,
.clsLabelMandatory, .clsLabel1, .clsLabel2, .clsLabel3, .clsButtonFile, a.clsFileDownload, .clsSelect, .input, .clsSelectResetButtons
{
	font-size: 12px;
}


a, a:active, a:visited {
 	text-decoration: underline;
 	color: #252864;
}


button:hover
{
	cursor: crosshair;
}

.nobr	
{ 
	white-space:nowrap; 
}

.invisible
{
	display: none;
}

/* ================================================================== */
/* ----- Colors ------------------------------------------------------*/
/* ================================================================== */

.navbody, .clsBackframeTitle
{
	background-color: #4040c0;
}

.clsSection1Titel
{
	background-color: #8080d0;
}	

.clsDropdownDisabled, .clsFieldDisabled, .clsBackframeTitle
{
	background-Color: #EEEEEE;
}

.clsDropdownDisabled, .clsField, .clsFieldChanged, .clsFieldDisabled
{
	border-color: #a0a0a0;
}

.pathInfo, .pathInfo a, .pathInfo a:hover, .pathTime, .clsTableColumnHeaderButton
{
	color: #FFFFFF;
}

/* ================================================================== */
/* Styles for screen areas                                            */
/* ================================================================== */


.navbody
{	
	margin-top: 0px;
	margin-left: 0px;
}


.clsSection1Table {
	padding: 2px; 
	border-style: outset;
	border-width: thin; 
}

.clsSection1Logo {
	border-style: none;
	margin: 0px;
}

.clsSection1Titel {
	text-align: center;
	border-style: none;
	font-weight: bold;
	color: #ffffff;
}

.clsSection1DataPanel {
	text-align: left;
}

.clsSection2LeftMenus {
	border-style: none;
	vertical-align: top;
	text-align: left; 
	padding-right: 0px;
}

.clsSection31Title {
	border-style: none;
	border-width: thin;
	text-align: left;
}

.clsSection31Data {
	vertical-align: top;
	border-style: none;
}

.clsBackframeDiv {
}

.clsBackframeTitle {
	text-align: center;
}

.clsBackframe {
	background-Color: #d0d0d0;
	vertical-align: top;  
}

.clsTextCenter {
	text-align: center !important;
}


/* ================================================================== */
/* Menus and navigation                                               */
/* ================================================================== */


/* Prototyp menu button and 2nd level menu buttons */

.buttonMenuLeft, .navButtonLevel2, .navButtonLevel3, .navButtonLevel2Borderleft, .navButtonLevel3Borderleft,
.buttonMenuLeftSelected, .navButtonLevel2, .navButtonLevel3, .navButtonLevel2Selected, .navButtonLevel3Selected, .navButtonLevel2BorderleftSelect, .navButtonLevel3BorderleftSelect,
.clsMenuBarLeftLevel2, .navButtonLevel1, .navButtonLevel1Selected
{
	text-align: left;
	border-style: none;
	font-size: 11px;
	color: #3F5061;
	height: 24px;
}


/*Colors*/
.buttonMenuLeft, .navButtonLevel2, .navButtonLevel3, .navButtonLevel2Borderleft, .navButtonLevel3Borderleft,
.buttonMenuLeftSelected, .navButtonLevel2, .navButtonLevel3, .navButtonLevel1, .navButtonLevel1Selected, 
.clsMenuBarLeftLevel2, .clsTableColumnHeaderButton, .clsTableColumnHeader, .clsTableHeader1Buttons
{
	background-color: transparent;
}

.navButtonLevel2Selected, .navButtonLevel3Selected, .navButtonLevel2BorderleftSelect, .navButtonLevel3BorderleftSelect,
.clsField, .clsFieldChanged, .clsMenuItem, .clsSelect, .clsDropdown, .input, .clsTableHeader1Div
{
	background-color: #ffffff;
}

.clsFieldChanged
{
	background-color: #e8f8ff;
}


/*Menu-stuff*/

.buttonMenu
{
	text-align: center;
	width: 20%;
}

.navButtonLevel1, .navButtonLevel1Selected {
	width: 100%; 
	font-weight: bold; 
}


.buttonMenuLeft, .buttonMenuLeftSelected {
	width: 100%;
	padding-left: 10px;
}

.navButtonLevel2{
	width: 100%;
	padding-left: 5px;
	border: 0px;
}

.navButtonLevel2Selected {
	width: 100%;
	padding-left: 5px;
	border: 0px;
}

.navButtonLevel3{
	width: 100%;
	padding-left: 5px;
}

.navButtonLevel3Selected {
	width: 100%;
	padding-left: 5px;
}


.navButtonLevel2Borderleft {
	width: 3px;
}

.navButtonLevel2BorderleftSelect {
	width: 3px;
}

.navButtonLevel3Borderleft {
	width: 6px;
}

.navButtonLevel3BorderleftSelect {
	width: 6px;
}

.buttonMenuLeftBorder {
	width: 100%;
	border-top: 0px solid #81899e;		
}

.buttonMenuClosed {
	background-image: url(./images/mainbut.jpg);		
	height: 24px;
}

.buttonMenuSelect {
	background-image: url(./images/mainbutselect.jpg);		
	height: 24px;
}

/* Main menu with sub menus */
.clsMenuBarLeft {
	background-image: url(./images/mainbut.jpg);
	width: 100%;
	margin-top: 2px;
}

.clsMenuBarLeftLevel2 {	
	border: none;	
	width: 100%;
}


.buttonLstInput
{
	/*width: 16px;
	height: 16px;*/
}

/* ================================================================== */
/* Formular Elemente (Felder, Labels, Buttons etc.                    */
/* ================================================================== */

.buttonPanel
{
	/*font-family: arial,helvetica,san-serif;*/
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	height: 19px;
	background: #808080 0 0px repeat-x;
	/*background-color: #6F8DAF;*/
	border: 0 none;
	border-radius: 4px;
	color: #FFFFFF;
}

.buttonPanelDisabled
{
	/*font-family: arial,helvetica,san-serif;*/
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	height: 19px;
	background: #969696 0 0px repeat-x;
	/*background-color: #6F8DAF;*/
	border: 0 none;
	border-radius: 4px;
	color: #EEEEEE;
    opacity: 0.5;
	cursor: default;
}

a.buttonPanel:link, a.buttonPanel:visited, a.buttonPanel:active, a.buttonPanel:hover {
	text-decoration: none;
	color: #000000;
}  

.clsTableColumnHeaderButton
{
	text-align: center;
	border: 0px;
	padding-left: 0px;
	white-space: nowrap;
	font-weight: bold;
}

.clsCheckBox
{
	text-align: left;
	width: 15px;
}

.displayWebkit {
	display: -webkit-box !important;
}

.clsField, .clsFieldChanged, .clsFieldInfo, .clsFieldWarning, .clsFieldError, .clsFieldDisabled, .clsSelect, 
.input, .clsDropdown, .clsDropdownDisabled, .clsDropdownError, .clsDropdownWarning, .clsDropdownInfo
{
	/*font-family: arial,helvetica,san-serif;*/
	border: solid; 
	color: #000000;
	border-color: #808080;
	border-radius: 4px;
	border-width: 1px;
	vertical-align: top;
	padding-top: 0px;
	padding-left: 1px;
	padding-bottom: 0px;
	border-collapse: collapse; 
	border-spacing: 0px; 
	height: 19px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

input:focus, .clsDropdown:focus, .clsField:focus, .buttonPanel:hover { 
    outline: none !important;
    border-color: #808080;
    box-shadow: 0 0 5px #808080;
}

.clsFieldError, .clsDropdownError
{
	background-Color: #ffc0c0;
}

.clsFieldWarning, .clsDropdownWarning
{
	background-Color: #ffffc0;
}

.clsFieldInfo, .clsDropdownInfo
{
	background-Color: #00c000;
}

.clsLabel, .clsLabelNoUnderwrite, .clsLabelTitel, .clsLabelWarning
{
	white-space: nowrap;
	overflow: hidden;
	height: 17px;
	padding-top: 3px;
	text-align: left;
}

.clsLabelNoUnderwrite
{
	/*font-weight: bold;*/
}

.clsLabelTitel
{
	font-weight: bold;
	border-bottom: 1px solid #808080;
}

.clsTextBold
{
	font-weight: bold;
}

.clsLabelMandatory
{
	Color: #FF4040;
}

.clsLabel1, .clsLabel2, .clsLabel3
{
	background-Color: #cecece;
	white-space: nowrap;
	overflow: hidden;
}


.clsButtonFile {
	border: 0px;
	padding-right: 10px;
}

a.clsFileDownload {
	text-decoration: none;
	border: 0px;
	color: #000000;
}

/* Button */
.clsMenuItem
{
	border: 0px;
	text-align: left;
	padding: 5px;
	cursor: pointer;
}

.clsSelectResetButtons
{
	width: 16px;
	height: 16px;
	vertical-align: middle;
}


/*Tabs-Selection*/

.tab_titel_selected 
{
	height: 30px;
	cursor: pointer;
}

.tab_titel_not_selected 
{
	height: 30px;
	cursor: pointer;
}

.tab_titel_disabled
{
	cursor: pointer;
}

.tab_panel_selected
{
	background-color: #D0DBE6;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.tab_panel_not_selected
{
	top: 30px; 
	left: 0px;
	visibility: hidden;
	display: none;
}

.clsTabbedSection2
{
	border-style: none;
	height: 30px;
}

.clsTabbedSection2LeftSpace
{
	text-align: center;
	width: 5px;
	padding: 5px;
	border-style: none;
	height: 30px;
	border-bottom: inset; 
	border-width: thin;
}

.clsTabbedSection3
{
	text-align: center;
	width: 100%;
	border-style: none;
	height: 30px;
}

/*-Tabs-Backgrounds -----------------------------------------------------*/

.tab_sel_left
{
	background-image:url(./images/tab_select_01.gif);
}

.tab_sel_mid
{
	background-image:url(./images/tab_select_02.gif);
}

.tab_sel_right
{
	background-image:url(./images/tab_select_03.gif);
}

.tab_left
{
	background-image:url(./images/tab_01.gif);
}

.tab_mid
{
	background-image:url(./images/tab_02.gif);
}

.tab_right
{
	background-image:url(./images/tab_03.gif);
}



/*---Header + Messages----------------------------------------------*/

/*Colors*/

.pathInfo, .pathInfo a, .pathInfo a:hover, .pathTime
{
	font-size: 11px;
}

/* PathInfo im Header und Datum */

.pathInfo
{
	font-weight: bold;
	text-decoration: none;
}

.pathInfo a, .pathTime
{
	text-decoration: none;
}

.pathInfo a:hover
{
	text-decoration: underline;
}


.clsStatusHeader
{
	text-align: left;
}

.clsStatusMsgInfo
{
	color: #000000;
}

.clsStatusMsgWarning
{
	color: #808040;
}

.clsStatusMsgError
{
	color: #ff0000;
}


/* ================================================================== */
/* Tables				                                              */
/* ================================================================== */

.clsTableRow {
	background-color: #EEEEEE;	
}

.clsTableRowOdd {
	background-color: #E2EBF4;	
}

.clsTableRowActive {
	background-color: #BDDEB9;	
}

.clsTableRowSelected {
	background-color: #F3B547;	
}

.buttonLstTD {
	text-align: center;
	width: 20px;
	white-space: nowrap;	
}

.clsTableCell {
	text-align: left;
	overflow: hidden;
}

.clsTableCellCenter {
	text-align: center;
	overflow: hidden;
}

.clsTableCellRight {
	text-align: right;
	overflow: hidden;
}

.clsTableColumnHeader
{
	text-align: center;
	border-left: 1px solid #7491B3;
	white-space: nowrap;	
	padding: 0px;
	color: #ffffff;
	font-weight: bold;
	overflow: hidden;
}

.clsTableHeader1Div
{
	overflow: scroll; 
}

.clsTableHeader1
{
	padding: 0px;
	border-width: 0px;
	text-align: center;
	border-spacing: 0px;
	background-color: #808080;
	/*background-image: url(./images/table_header.jpg);*/
	overflow: hidden;
}

.clsTableHeader1Buttons
{
	vertical-align: middle;
	/*width:40px;*/
	white-space: nowrap;	
	border-width: 0px;
	border-spacing: 0px;
	padding: 0px;
	overflow: hidden;
}

.clsPositiveValue
{
	color: #80ff80;
}

.clsNegativeValue
{
	color: #ff8080;
}


.workflowItemCell, .workflowItemCellSelected {
	border: 1px;
	border-style: solid;
	border-color: gray;
	margin-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
	height: 14px;
	vertical-align: middle;
	background-color: transparent;
	vertical-align: middle;
	white-space: nowrap;	
}

.workflowItemCell {
	border-color: #3F5061;
	/*background-color: #E0E0E0;*/
}

.workflowItemCellSelected {
	border-color: #3F5061;
	background-color: #D0DBE6;
}

.workflowItem, .workflowItemSelected  {
	/*font-family: arial,helvetica,san-serif;*/
	font-size: 11px;
	font-weight: normal;
	color: #3F5061;
	text-align: left;
	vertical-align: middle;
	/*height: 18px;*/
	width: 160px;
	padding: 0px;
	margin: 0px;
	border: none;
	background-color: transparent;
}

.workflowItem {
	/*background-color: #E0E0E0;*/
}

.workflowItemCloseButton {
	vertical-align: middle;	
	width: 12px;
	height: 12px;
	border: 0px;
	background-color: transparent;
}