/*
######################################################################################################################
#
#	PURPOSE OF THIS FILE: FRONTEND.CSS
#	Provides the module CSS defintions to be used in the frontend (view.php)
#
#	INVOKED BY:
#	With WB 2.6.6 a new function was implemented which automatically links an external module frontend.css
#	file to the <head></head> section of a page. The frontend.css is optional. If you want make use
#	of this option, simply place a frontend.css file with the CSS definition into the module directory.
#
#	Website Baker versions below 2.6.6 will ignore this file!!!
# 	The frontend.css is invoked from the index.php of your template if you have added the following PHP code
#	lines to the index.php of your template: 
#	<head>
#	...
#	<?php
#	if(function_exists('register_frontend_modfiles')) {
#		register_frontend_modfiles('css');
#	} ?>
#	</head>
#	
#	NOTE:
#	All CSS styles, classes... have to stick to the following naming conventions:
#	mod_MODULE_DIRECTORY_XXXX_f
#
#	mod: shows that the CSS style is defined within a module
#	MODULE_DIRECTORY: unique identifier to prevent that CSS styles are overwritten by other modules
#	XXXX: your CSS style definition (e.g. emphasise, warning...)
#	f: identifier for the frontend
#
######################################################################################################################
*/

/*
  CSS definition for Website Baker module: Hello world
  Copyright (C) year, Authors name
  Contact me: author(at)domain.xxx, http://authorwebsite.xxx

  This CSS file is free software. You can redistribute it and/or modify it 
  under the terms of the GNU General Public License  - version 2 or later, 
  as published by the Free Software Foundation: http://www.gnu.org/licenses/gpl.html.

  This CSS file is distributed in the hope that it will be useful, 
  but WITHOUT ANY WARRANTY; without even the implied warranty of 
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the 
  GNU General Public License for more details.
*/

.required {
	color: #FF0000;
}
.field_title {
	font-size: 12px;
	width: 175px;
	vertical-align: middle;
	text-align:right;
}
.textfield {
	font-size: 12px;
	width: 200px;
}
.textarea {
	font-size: 12px;
	width: 90%;
	height: 100px;
}
.field_heading {
	font-size: 12px;
	font-weight: bold;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	padding-top: 10px;
	color: #666666;
}
.select {
	font-size: 12px;
}
.checkbox_label {
	font-size: 11px;
	cursor: pointer;
}
.radio_label {
	font-size: 11px;
	cursor: pointer;
}
.email {
	font-size: 12px;
	width: 200px;
}
#form_error{
	border:2px solid red;
	/*background:#fff;
	color:red;*/
	padding:10px;
}
#form_posted{
	border:2px solid green;
	/*background:#fff;
	color:green;*/
	padding:10px;
}





