/* CSS Document */
/***********
* Form Api
***********/

/***
*Messages
***/

.form_msg { 
	display:block; 
	padding:4px 0 4px 0;
	background-color:#BBD5FF;
	margin:0;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
}
.form_msg, 
.form_msg li {
	list-style:none;
}
.form_msg li {
	margin:0;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:5px 8px;
}
.form_msg li.info {
	background-color:#BBD5FF; 
}
.form_msg li.data,
.form_msg li.data pre {
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.form_msg li.data {
	padding-top:3px;
	padding-bottom:3px;
	border-bottom:1px solid #fff;
}
/*
 * Definition lists may crop up in the message window occaisionally
 */
.form_msg li dl,
.form_msg li dt,
.form_msg li dd {
	margin:0;
	padding:0;
}
.form_msg li dt {
	font-weight:bold;
}
.form_msg li dd {
	margin:0 0 0 10px;
}

.form_msg li.error {
	background-color:#EB696C;
	color:#FFFFFF;
}
.form_msg_hidden { display:none;}

/***
* Formatting elements
***/
.form_api fieldset {
	margin-bottom:10px;
}
.form_api .form_element_title { 
	font-weight:100; 
	display:inline;
}
.form_api .row_title { 
	font-weight:bold; 
	border-bottom:1px solid #ccc; 
}
.form_api .required_field { 
	color:#FF0000; 
	font-size:80%;
}
.form_api .field .required_field {
	clear:both;
}
.form_api .disabled {	
	background-color:#DBDBDB; 
	color:#666666;
}
.form_api .description {
	font-size:10px;
	color:#666666;
}


/***
* Table style
***/
.form_api table {
	width:100%;
	border-collapse:collapse;
}
.form_api tr, .form_api tbody {
	border:0;
}
.form_api tr.odd {
	background-color:#eee;
}
.form_api td {
	padding:5px;
	vertical-align:top;
	border-collapse:collapse;
	margin:0;
} 
.form_api td.child {
	padding:0;
	vertical-align:middle;
}
.form_api td.child tr.odd {
	background:none;
	
}


/***
* Input types
***/
/* Textfields */
.form_api input.form_textfield,
.form_api input.form_pass,
.form_api input.form_email,
.form_api input.form_postal { 
	text-align:left; 
	font-size:10px; 
	padding:1px 0;
}

.form_api textarea {
	width:100%;
}
/* Name */
.form_api input.form_name { 
	width:75px;
	margin:0 3px;
}
.form_api input.form_name_m_name { 
	width:20px;
}

/* Phone / Fax */
.form_api input.form_phone, 
.form_api input.form_fax { 
	margin:0 2px; 
	width:30px; 
	text-align:center;
}
.form_api .form_radio ul, 
.form_api .form_checkbox ul,
.form_api .form_confirm ul { 
	list-style:none; 
	margin:0; 
	padding:0;
}
.form_api .form_radio li, 
.form_api .form_checkbox li,
.form_api .form_confirm li  { 
	display:block;
}
.form_api .form_radio, 
.form_api .form_checkbox,
.form_api .form_confirm { 
	margin:0; 
	padding:0; 
	list-style:none;
}

/*
 * Horizontal radios/checkboxes
 */
.row_radio .horizontal ul {
	clear:both;
}
.row_radio .horizontal li {
	float:left;
	margin-right:10px;
}

.form_api .description {
	font-size:10px;
	color:#666666;
	clear:both;
}
.form_api .confirm_checkbox {
	float:right;
}
.form_api .form_confirm ul {
	float:right;
	list-style:none;
	margin:0;
	padding:0;
}

.field_prefix {
	margin-right:5px;
}


/***
* Error Reporting
***/
.form_api tr.row_error {
	border:1px dotted #FF0000;
	background-image:url(error.png);
	background-repeat:no-repeat;
	background-position:right 7px;
}
.form_api tr.row_error .form_row_name {
	!background-image:none;
}
.form_api tr.row_error .form_row_field{
	!border:1px dotted #FF0000;
	background-image:url(error.png);
	!background-image:url(error.gif);
	background-repeat:no-repeat;
	background-position:right center;
}


.form_api td.title {
	width:150px;
}
/*
 * Child elements
 */ 
.form_api .child table {
	width:auto;
}
.row_address .child table td,
.row_name .child table td {
	padding:5px 0;
}
.form_api .child .title {
	width:auto;
	padding-right:5px;
}

.row_confirm .child th,
.row_checkbox .child th,
.row_radio .child th {
	font-weight:bold;
	text-align:left;
	padding:0 5px;
	border-bottom:2px solid #CCCCCC;
}
.form_api .row_confirm .child td,
.form_api .row_checkbox .child td,
.form_api .row_radio .child td {
	padding:0 5px;
}

.form_api .row_confirm .child td.field,
.form_api .row_checkbox .child td.field,
.form_api .row_radio .child td.field {
	padding-right:10px;
}

.form_row_field .form_row_name {
	width:auto;
}