/***************************************************************************************************
* Description:
* This file contains the style sheet definitions specialized for some prepared modules.
*
* IMPORTANT: 	Do not change the names because they are fixed in the layout class output of prepared
*				modules!
* 
* Versions:
* Initial		22.12.2008			Beat Schilbach (Steckborn)	
* Update		5. 01.2010			Beat Schilbach
*				Added styles for layout text box including header title
***************************************************************************************************/

/****************************************************************************************************
* LAYOUT
* - CSS used for website layout
* - depending on the users website design and the kind of implementation
****************************************************************************************************/

/*** title of website
**************************************************************************/
#websiteTitle {
	width:				100%;
	text-align:			left;
	color:				#000000;
	font-size:			24px;
	margin:				10px 0px;
}

/*** Content
**************************************************************************/
/* page title */
#pageTitle {
	color: 						#000000;
	font-size: 					14px;
	font-style: 				normal;
	font-weight: 				bold;
	text-align: 				left;
	margin-bottom: 				10px;
}

/*** form elements
**** do not change the name
**************************************************************************/
/*** text fields
input, textarea
{
	color: 				#000;
	padding:			3px;
	background-color:	#FFF;
	border: 			1px solid #FF7F00;
} ***/
/*** drop down menus ***/
select {
	color:				#000;
	padding: 			2px;
	background-color:	#FFF;
	border: 			1px solid #FF7F00;
}
/*** checkboxes and radio buttons ***/
.form.checkbox {
	color:				#000;
	background-color:	#FFE6C5;
	padding:			3px;
	border:				1px solid #FF7F00;
}
.form.radio {
	color:				#000;
	background:			#FFE6C5;
	padding:			3px;
	border:				1px solid #FF7F00;
}
/*** buttons ***/
.form.button
{
	width:				100px;
	margin-right:		5px;
	padding:			3px;
	color: 				#000;
	background-color:   #FFFF99;
	border: 			1px outset #6699CC;
	cursor:				pointer;
	font-weight:		normal;
	font-size:			11px;
}

/*** icons layout
**** this individual format class is used for the layout of the icons output
**** do not change the name
**************************************************************************/
#websiteIcons {
	margin: 			0px;
	text-align:			left;
	padding-left:		10px;
	color:				red;
}
#websiteIcons img {
	margin-right:		20px;
}

/*** search layout
**** this individual format class is used for the layout of the search form output
**** do not change the name
**************************************************************************/
#websiteSearch {
	text-align: 		left; 
	margin: 			0px;
}
#websiteSearch form {
	margin: 			0px;
}
#searchValues {
	color: 				black;
	font-size:			11px;
	font-weight:		normal;
	font-style:			normal;
	border:				1px solid black;
	padding: 			2px;
	width:				130px;
	height:				18px;
}

/*** RSS symbol
**** this individual format class is used for the layout of the RSS symbol
**** do not change the name
**************************************************************************/
#websiteRss {
	text-align: 			left; 
	margin: 				0px;
	margin-top:				20px;
	margin-left:			10px;
}

/*** Content Box
**************************************************************************/
/* border will be included with CSS directly 
   in the html tag (because of colour)         */
.boxSquare {
	margin: 					0px;
	margin-top: 				20px; 
	padding: 					1px;
	background-color:			#FFF;
	width: 						100%;
	border:						1px solid #197FE6;
}
.boxRound {
	margin: 					0px;
	margin-top: 				20px; 
	padding: 					1px;
	background-color:			#FFF;
	width: 						100%;
	border:						1px solid #197FE6;
	-moz-border-radius:			10px; 
	-khtml-border-radius:		10px;
}

.headerSquare {
	margin: 					0px;
	margin-bottom: 				5px;
	background-color: 			#CCE5FF; 
	padding: 					2px; 
	padding-left: 				4px; 
	text-align: 				left;
	font-weight: 				bold; 
}
.headerRound {
	margin: 					0px;
	margin-bottom: 				5px;
	background-color: 			#CCE5FF; 
	padding: 					2px; 
	padding-left: 				4px; 
	text-align: 				left;
	font-weight: 				bold; 
	-moz-border-radius-topleft:		10px; 
	-khtml-border-radius-topleft:	10px;
	-moz-border-radius-topright:	10px; 
	-khtml-border-radius-topright:	10px;
}

.contentSquare {
	margin: 					0px; 
	text-align: 				left;
	padding:					5px;
}

.contentRound {
	margin: 					0px; 
	text-align: 				left;
	padding:					5px;
	-moz-border-radius-bottomleft:		10px; 
	-khtml-border-radius-bottomleft:	10px;
	-moz-border-radius-bottomright:		10px; 
	-khtml-border-radius-bottomright:	10px;
}