body {
	font-size: 20px;
	margin: 0;
	padding: 0;
	text-align: center;
}

/* Header */
div#header {
	padding: 10px 0 10px 30px;
	text-align: left;
	margin: 0;
	background: white url( images/background.gif ) top left repeat-x;
}

div#header h1 {
	font-size: 36px;
	color: #3e9ade;
	margin: 0;
}

/* END Header */

/* Content */
#content h1 {
	font-size: 27px;
	color: #b4c24b;
}

/* FORMS */
#content form.form {
	padding: 10px;
	margin: 20px;
	font-size: 13px;
	border: 0px solid #ccc;
}

#content form.form table{
	float: center;
	width: 55%;
	border: 2px solid #ccc;
}
#content form.form table td{
	border: 1px solid #ccc;
}
td.left_table{
	float: left;
	width: 30%;
}
td.right_table{
	float: left;
	width: 70%;
}
radio.ra{
	border: 0px solid red;
}
#content form input{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #CCCCCC;
	float: left;
}
#content form input.text{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #CCCCCC;
	float: left;
	width: 70%;
}
#content form select {
	BORDER-RIGHT: #cccccc 1px solid;
	BORDER-TOP: #cccccc 1px solid;
	FONT-SIZE: 12px; 
	BORDER-LEFT: #cccccc 1px solid; 
	width: 85%;
	BORDER-BOTTOM: #cccccc 1px solid;
	float: left;
}

#content form textarea {
	border: 1px solid #ddd;
	padding: 4px;
	margin: 5px 0 10px 0;
	float: left;
}
#content form textarea.ta{
	border: 1px solid #ddd;
	padding: 4px;
	margin: 5px 0 10px 0;
	float: left;
	width: 70%;
}
#content input.button, button.button {
	width: 5em;
	padding: 4px 4px 0 0;
}

#content  button.viewbutton {
	width: 20px;
	padding: 2px 2px 0 0;
	margin: 4px 0 7px 4px;
}

#content form label {
	margin: 4px 20px 3px 0;
	border: 0;
	color: #444;
	display: block;
	font-weight: bold;
	text-align: right;
}

.req {
	color: #f90;
	font-weight: bold;
	vertical-align: middle;
	float: left;
}

#content #viewTable {
	border-collapse: collapse;
}

#content #viewTable td {
	border: 1px solid #ccc;
	padding-left: 15px;
	padding-right: 15px;
}

/* END Content */

/* Menu */
#menu ul {
	list-style: none;
	width: 150px;
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 14px;
}

#menu li {
	margin-bottom: 4px;
}

#menu li a {
	font-weight: bold;
	height: 20px;
	text-decoration: none;
	color: #505050;
	display: block;
	padding: 6px 0 3px 10px;
	background: #f4f4f4;
	border-left: 4px solid #cccccc;
}

#menu li a:hover {
	background: #eaeaea;
	color: #286ea0;
	border-left: 4px solid #286ea0;
}

/* End Menu */

/* Messages */
div.error, div.message {
	border: 1px solid black;
	padding: 4px;
}

div.error {
/* use a different color for the errors */
	border: 2px solid red;
}

span.fieldError {
	color: maroon !important;
}
.loginText {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #CCCCCC;
}
.textStyle
{
	border: 0;
	color: #444;
	display: block;
	font-weight: bold;
	text-align: left;
}
/* END Messages */