/* S Y S T E M stylesheet */
/******************************************************************************\
|  I. GENERAL 
\******************************************************************************/

.myPanel  
{ 
	background-color: #CCCC33; 
	padding: 4px 6px 4px 6px;
	margin: 0px;
	-moz-border-radius: 4px;	  
}


.linkButton a
{
	background:#e7f2d7;
	padding-top: 2px; 
	padding-right: 4px; 
	padding-bottom: 2px; 
	padding-left: 4px;
 }

.linkButton a:link      
{ 
	border: 1px dotted #3399ff;
	color: #3399ff;
}

.linkButton a:hover  
{ 
	color: orange; 
	text-decoration: none;
	border: 1px solid;
	color: orange; 
}

.colorOnDark 
{ 
	font-size:10pt; 
	color: #FF9900; 
}


/* frame drawn around editable doc on mouse over */
.editableDocFrame
{ 
	border: 1px #d0d0d0 dotted;
	padding: 1px; 
	margin: 1px; 
	width: 100%;
}

/* smaller icons (ideally  14 pixels high) */
.icon14
{
	vertical-align: bottom; 
	border: none;
	padding: 0px 1px 0px 0px;
}

/* a table with no padding nor spacing nor border: Userd to assemble seemless designs. */
table.buildTable
{
	padding: 0px;
	border: none;
	margin: 0px;
}

/* frame drawn around portlets when "show portlet outline" mode is on */
.portletOutline
{
	position: relative; top:0px; left:0px; /*otherwise we can't have the following portletinfo "position:absolute"! */
	border: 2px red solid;
	margin: -1px;	
}

/* info in top left edge of portlet outline (when active) */
.portletInfo
{
	filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;
	background-color: #ff8080;
	color: white;	
	font-size: 9px;
		
	z-index:1000;
	position:absolute;
	left: 0px;
	top: 0px;
		
	font-weight: normal;
	float: left; 
	overflow:visible;
	white-space: nowrap;
	margin: -1px;
	border: 1px red solid; 
}

/* float:left;filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25; */

/******************************************************************************\
|  II. EDIT IN PLACE
\******************************************************************************/

 .eip 
{
 	border: 1px orange dotted;
	background-color: #FFf4d5; 	
	font-family:Verdana,serif;	
 	cursor: text;
	float: left; 	
 	overflow:visible;
 	width: 100%;
}


/******************************************************************************\
|  III. SYSTEM EDIT LINKS (edit/new/cancel etc...)
\******************************************************************************/
.editBar
{
	background: #f0f0f0;
	width: 100%;
	height: 10px;
	margin: 0px;
	padding: 0px;
}



.edits   
{ 
	font-size:10px; 
	color:#808080;  
	font-weight: normal;
	white-space: nowrap;
	margin: 0px;
	padding: 0px;	
}

.edits a:link      { color:#606060; text-decoration:none; padding: 2px; }
.edits a:visited   { color:#606060; text-decoration:none; padding: 2px; }
.edits a:hover     { color:black; text-none; background: #a0c0c0; -moz-border-radius: 3px; }


/* The edit bar shows up simplified if user can "add only" */
.editsEasy   
{ 
	padding: 5px;	
}

.editsEasy a:link      { color: red; font-size:12px; font-weight: bold; text-decoration:none; }
.editsEasy a:visited   { color: red; font-size:12px; font-weight: bold; text-decoration:none;  }
.editsEasy a:hover     { color: red; font-size:12px; font-weight: bold; text-decoration:none; background: #c0c0c0; -moz-border-radius: 3px; }




/******************************************************************************\
|  IV. HELP-SYSTEM LINKS
\******************************************************************************/
a.helpLink:link
{
	color: green;
}

a.helpLink:hover
{
	border-bottom: 2px #00c000 dotted;
}

a.helpLink:visited
{
	color: black;
}

/******************************************************************************\
|  V. FORM ELEMENTS
\******************************************************************************/
input 
{

/*	background:#e7f2d7;    */

	font-size:14px;
	margin: 0px; 
	padding-top: 0px; 
	padding-right: 2px; 
	padding-bottom: 0px; 
	padding-left: 3px; 
}


input[type=button]
{
	border: 1px dotted #3399ff;
	color: #3399ff;
	width: 6em;	
}

input[type=button]:hover
{
	border: 1px solid;
	color: orange;
}
input[type=submit]
{
	border: 1px solid #3399ff;
	color: #3399ff;
	width: 7em;		
}
input[type=submit]:hover
{
	border: 1px solid;
	color: orange;
}


input[type=text]
{
	border: 1px solid gray;
	padding-top: 1px; 
	padding-bottom: 1px; 
}

input[type=checkbox]  /* doesn't work... */
{
	border: 1px solid gray;
}

textarea 
{ 
   border: 1px gray solid; 
/*   background:#e7f2d7; */
   color:#000000; 
   margin: 0px; 
   padding: 3px; 
}

/* select.combo */
select
{ 
	border: 1px gray solid;  
	color:#000000; 
	margin: 0px; 
	padding: 0px; 
}

/******************************************************************************\
|  VI. EDIT VIEW form
\******************************************************************************/

/* edit view gets this class in itsa main area. We shift it a bit left-and upwards to gain more space */
div.editMainArea
{
	margin-left: -50px;  /* left shift. If too far left, the navigation bar will overshadow the edit panels */
	margin-top: -33px; /* upward shift */
}

table.eingabetabelle 
{ 
	background-color: #c0c0c0; 
	border-spacing:0px;	
	width: 100%;  
	-moz-border-radius: 4px;	  
}

.eingabeZelle
{
	border-top: dotted 1px black;
	padding: 4px 0px 4px 4px;	
	vertical-align:top;	
}			


.docEditForm
{  
}

/******************************************************************************\
|  BLIND DOC  (a blind doc is shown on mouse over over the "add..." document links)
\******************************************************************************/
.blindDoc
{
	display: none;
	position: relative;
	z-index: 1;
	width: 100%;
	
	margin-top: -2px;
	margin-left: -3px;
	padding: 0px;
	border-top: 2px solid gray;
}


/******************************************************************************\
|  VII. LINED TABLE style (table with horizontal lines only)
\******************************************************************************/




/******************************************************************************\
|  VIII. TABS 
\******************************************************************************/
/* TABS tab title */
.tab a
{
	position:relative; top:1px;
	text-decoration: none;
	font: normal 12px Arial; /*tab font */
	text-align: center;	
	color: #505050; /*font color */

	/* height: 20px; height of tab  */
	float: left;
	margin-left: 5px; /*spacing between tabs */
	margin-bottom: 0px;
	padding: 4px 20px 4px 20px; /* offset of tab text to border (top left bottom right) */

	background-color: #e5e5e5;
	border-left: solid 1px #c0c0c0;	
	border-top: solid 1px #c0c0c0;	
	border-right: solid 2px #c0c0c0;	
	-moz-border-radius: 4px 4px 0px 0px;
}


/* TABS hovered tab title */
.tab a:hover
{
	color: #ff9900;
	border-top: solid 1px orange;	
}

/* TABS ativated tab title */
.tab a.current  
{
	border-bottom: solid 1px #e0e0e0;	
	border-top: solid 1px orange;	
	font-weight: bold;
}


/* TABS panel below tab */
.panel
{
	display:none;	
	margin: 0px;
	padding: 10px;
	width:940px; /*width of 2nd level content*/
	border: solid 1px #c0c0c0;
	background-color: #e0e0e0;
	-moz-border-radius: 4px;	
}


.tabSmaller a
{
	position:relative; top:1px;
	text-decoration: none;
	font: normal 11px Arial; /*tab font */
	text-align: center;	
	color: #3399ff; /*font color */

	height: 20px; 
	float: left;
	margin-left: 10px; /*spacing between tabs */
	margin-bottom: 0px;
	padding: 1px 10px 1px 10px; /* offset of tab text to border (top left bottom right) */

	background-color: #c0c0c0; 
	border-left: solid 1px #e0e0e0;	
	border-top: solid 1px #e0e0e0;	
	border-right: solid 1px #e0e0e0;	
	border-bottom: solid 1px #e0e0e0;
	-moz-border-radius: 0px 0px 0px 0px; 
}

/* TABS hovered tab title */
.tabSmaller a:hover
{
	color: #ff9900;
	border-top: solid 1px yellow;
}

/* TABS ativated tab title */
.tabSmaller a.current  
{
	color: #505050; /*font color */
	border-top: solid 1px yellow;	
	border-bottom: solid 1px #c0c0c0;		/* same color as bkgnd of panel 	*/
	
	font-weight:bolder;
}

/* TABS panel below tab */
.panelSmaller
{
/*	display:none;	 */
	margin: 0px;
	padding: 0px;

	border-top: solid 1px #e0e0e0;
/*	background-color: #d0d0d0; */
	-moz-border-radius: 0px 0px 0px 0px; 
}





/******************************************************************************\
|  IX. FORUM stuff, not in use for now
\******************************************************************************/
.genericPanel
{
	margin: 0px;
	padding: 10px;
	border: solid 1px #c0c0c0;
	background-color: #e0e0e0;
	-moz-border-radius: 4px;	
}