/*
	Generic form styles
	Author: Jason Kennedy
	Date: 18/11/2009
	version: 1.1

*/

.form-style 
{
	color:#333;
}

.form-style ul
{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

.form-style label
{
	float:left;
	/**** Adjust width as required ****/
	width:200px;
	margin-right:40px;
	/**** Adjust font size required ****/
	font-size:116%;
	color:#666;
	text-align:right;
	
}

.form-style li
{
	clear:both;
	display:block;
	padding:5px 0px 10px 0px;
	margin:5px 0;
	list-style-type:none;
	border-bottom:1px dotted #ccc;
}

.form-style li.error label
{
	color:#ff0000;
	background-image:none;
}

.form-style li.error input.textfield,
.form-style li.error textarea 
{
	background-color:#FFCDCD;
	border-color:#FF0000;
}

.form-style li.focused
{
	
}

.form-style input.textfield {
	padding:5px;
	border:1px solid #ccc;
	/**** Adjust width as required ****/
	width:192px;
	
}

.form-style .textarea {
	padding:5px;
	border:1px solid #ccc;
	/**** Adjust width as required ****/
	width:368px;
	
}

.form-style select {
	padding:5px;
	border:1px solid #ccc;
	/**** Adjust width as required ****/
	width:368px;
	
}

.form-style input.checkbox, 
.form-style input.radio {
	display:block;
	height:13px;
	margin:0px;
	padding:0;
	width:13px;
}

.form-style li.buttons {
	clear:both;
	padding-top:10px;
	padding-left:240px;
	position:relative;
	border-bottom:none;
}

.form-style li .col {

	float:left;
	display:block;

}

.form-style li.row {

	float:left;
	display:block;

}

.form-style li .col span {
	display:block;
	margin:5px 0;
}

.form-style li .row span {
	display:block;
	float:left;
}

.form-style li .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 {
	
}






.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;
}