/*
	Generic form styles
	Author: Jason Kennedy
	Date: 30/10/2009
	version: 1.0

*/

.formStyle 
{
	color:#333;
}

.formStyle ul
{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

.formStyle label
{
	float:left;
	/**** Adjust width as required ****/
	width:200px;
	margin-right:40px;
	/**** Adjust font size required ****/
	font-size:116%;
	color:#666;
	text-align:right;
	
}

.formStyle li
{
	clear:both;
	display:block;
	padding:5px 0px 10px 0px;
	margin:5px 0;
	list-style-type:none;
	border-bottom:1px dotted #ccc;
}

.formStyle li.error label
{
	color:#ff0000;
	background-image:none;
}

.formStyle li.error input.textfield,
.formStyle li.error textarea 
{
	background-color:#FFCDCD;
	border-color:#FF0000;
}

.formStyle li.focused
{
	
}

.formStyle input.textfield {
	padding:5px;
	border:1px solid #ccc;
	/**** Adjust width as required ****/
	width:368px;
	
}

.formStyle .textarea {
	padding:5px;
	border:1px solid #ccc;
	/**** Adjust width as required ****/
	width:368px;
	height:200px;
}

.formStyle select {
	padding:5px;
	border:1px solid #ccc;
	/**** Adjust width as required ****/
	width:368px;
	
}

.formStyle input.checkbox, 
.formStyle input.radio {
	display:block;
	height:13px;
	margin:0px;
	padding:0;
	width:13px;
}

.formStyle li.buttons {
	clear:both;
	padding-top:10px;
	padding-left:240px;
	position:relative;
	border-bottom:none;
}

.formStyle li div.col {

	float:left;

}

.formStyle li div.row {

	float:left;

}

.formStyle li div.col span {
	display:block;
	margin:5px 0;
}

.formStyle li div.row span {
	display:block;
	float:left;
}

.formStyle li div.row label.choice {
	width:140px;
}


label.choice {
	float:none;
	display:block;
	clear:both;
	font-size:100%;
	text-align:left;
	line-height:150%;
	margin:-17px 0 0 20px;
	padding:0 0 5px;
}

.buttons input {
	
	background-color:#24645E;
	background-image:url(../images/common/bg-button.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
	border:1px solid #24645E;
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	height:40px;
	padding:0 15px;
	font-size:108%;
	cursor:pointer;
}

.buttons input:hover {
	background-image:none;
	background-color: #24645E;
	color:#fff;
}


.tableStyle tr th 
{
	border:none;
	background-color:#eee;
	border-bottom:1px solid #ddd;
	padding:10px;
	font-weight:normal;
	color:#333;
}


.tableStyle tr td 
{
	border:none;
	background-color:#fff;
	border-bottom:1px solid #ddd;
	padding:10px;
	font-weight:normal;
	color:#666;
	
}






.message {
	background-color:#CCCCCC;
	border:2px solid;
	margin:10px 0;
	padding:10px 10px 10px 10px;
	color:#333;
	clear:both;
}

.message p {
	font-size:93%;
	margin:0 0 0 30px;
}

.message ul 
{
	margin:0 0 0 40px;
}

.message span.icon {
	display:block;
	float:left;
	height:16px;
	width:16px;
	margin:0 10px 0 0;
	background-image:url(../images/icons/sprite-icons.png);
}


.message a:hover 
{
	text-decoration:none;
}


.message.success {
	
	background-color:#E6EFC2;
	border-color:#C6D880;
	color:#264409;
}


.message.success p,
.message.success a {
	color:#264409;
	
}

.message.success span.icon {
	
	background-position:0 0;
}

.message.error {
	
	border-color:#FF0000;
	background-color:#FBE3E4;
	border-color:#FBC2C4;
	color:#8A1F11;
}

.message.error p,
.message.error a {
	
	color:#8A1F11;
}


.message.error span.icon {
	
	background-position:-16px 0;
}

.message.notice {
	
	background-color:#FFF6BF;
	border-color:#FFD324;
	color:#514721;
}

.message.notice p,
.message.notice a{
	
	color:#514721;
}

.message.notice span.icon {
	
	background-position:-32px 0;
}


.formStyle.comments label
{
	float:left;
	/**** Adjust width as required ****/
	width:140px;
	margin-right:20px;
	/**** Adjust font size required ****/
	font-size:108%;
	color:#666;
	text-align:right;
	
}

.formStyle.comments li.buttons input
{
	margin-left:160px;
	
}


                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   