/***************************************************************************************************
* Description:
* This file contains all styles which are used in the scope of the CMS.
*
* The user may change the values of the attributes but not delete any classes etc.
* 
* Versions:
* Initial		08.09.2008			Beat Schilbach (Steckborn)	
***************************************************************************************************/


/****************************************************************************************************
* ERROR HANDLING
****************************************************************************************************/
/*** runtime error
**** this individual format class is used to display runtime errors during execution
**************************************************************************/
#runtimeError {
	width:				75%;
	text-align:			left;
	color:				#F00;
	border:				2px solid red;
	background:			orange;
	margin:				5px;
	margin-bottom:		25px;
	padding:			10px;
}


/****************************************************************************************************
* GLOBAL WEBSITE LAYOUT
****************************************************************************************************/
/*** buttons for website forms
**** this class is used to define the basic design of the form buttons 
**** used everywhere on the website
**************************************************************************/
.websiteButton {
	padding:			1px;
	border:				1px solid black;
	background-color:	yellow;
}


/****************************************************************************************************
* LOGIN
****************************************************************************************************/
/*** page login form
**************************************************************************/
.loginForm {
	width: 				90%;
	margin: 			10px; 
	text-align:			left;
}
.loginForm form {
	margin:				0px;
	margin-top:			20px;
	padding:			5px;
	text-align:			left;
}
.loginFormTitle {
	text-align:			left;
	color:				#000000;
	font-size:			14px;
	font-weight:		bold;
	margin:				10px 0px;
	margin-left:		0px;
}


/****************************************************************************************************
* SCRIPT OUTPUT LAYOUT
****************************************************************************************************/

/*** HTML module
**** collection of styles for the html module
**************************************************************************/
/*** image text ***/
/* alignment is done within the CMS => text-align will be overwritten */
.imgText {
	margin-top: 			10px; 
	font-style: 			italic; 
}