/*
############################################################
Form styles
############################################################
The table must be wrapped in a div/panel with style 'uf'
The table css attribute must be set to 'uf-table'
*/
.uf {
	 position:relative;
     border: 0px solid #666666;
     background: transparent;
	 padding:8px;
	 margin:0px;
}

.uf-table {
	position:relative;
	padding:0;
	margin:0;
    background: transparent;
    border: 1px solid #ffffff;
	border-bottom: 0px none;
    font-size:11px;
    line-height:1em;
    white-space:normal;
	table-layout:fixed;
	empty-cells:show;
	border-collapse:collapse;
	border-spacing: 0px;
    }

/* table sections */
.uf-table > tbody, .uf-table > thead, .uf-table > tfoot {
	position: relative;
    background-color: Transparent;
	vertical-align: top;
	text-align: left;
    }

/* table row */
.uf-table > tr,
.uf-table > tbody > tr,
.uf-table > thead > tr,
.uf-table > tfoot > tr {
	position: relative;
    background-color: Transparent;
	vertical-align: top;
	text-align: left;
    }

.uf-table > tr > td, .uf-table > tr > th,
.uf-table > tbody > tr > td, .uf-table > tbody > tr > th,
.uf-table > thead > tr > td, .uf-table > thead > tr > th,
.uf-table > tfoot > tr > td, .uf-table > tfoot > tr > th {
	position: relative;
	padding: 4px;
	border-width: 0px;
	border-style: none;
	border-bottom: 1px solid #ffffff;
    background-color: Transparent;
}

/* tbody td/th 
.uf-table > tr > td,
.uf-table > tbody > tr > td,
.uf-table > tr > th,
.uf-table > tbody > tr > th {
	border-width: 0px;
	border-bottom-width: 1px;
}*/

/* sibling td/th in tbody 
.uf-table > tr > td + td,
.uf-table > tbody > tr > td + td,
.uf-table > tr > th + th,
.uf-table > tbody > tr > th + th {
	border-left-width: 0px;
}*/

/* tbody th */
.uf-table > tr > th,
.uf-table > tbody > tr > th {
	font-weight:bold;
	vertical-align: middle;
	text-align: left;
}

/* thead td/th */
.uf-table > thead > tr > td,
.uf-table > thead > tr > th {
	text-align:left;
}

/* sibling td/th in thead 
.uf-table > thead > tr > td + td,
.uf-table > thead > tr > th + th {
	border-left: 0px none inherit;
}*/

.uf-table > thead > tr > th {
	color: #444444;
	text-align: left;
	vertical-align: middle;
}

/* tfoot td */
.uf-table > tfoot > tr > td {
	text-align: center;
	vertical-align: middle;
}

/* sibling td in tfoot 
.uf-table > tfoot > tr > td + td {
	border-left: 0px none inherit;
}*/


/* List Elements */ 

.uf .floatLeft {
	margin: 0px 8px 4px 0px;
	float: left;
}

.uf .floatRight {
	margin: 0px 0px 4px 8px;
	float: right;
}