/****************************************************************************
 * list-table (a list displayed in the table)                    			*
 ****************************************************************************/

table.list-table
{
	border-collapse: 	collapse;
	border: 			1px solid #666;
	cellspacing:		0;
	margin: 			5px;
}

table.list-table caption
{
	font-size:			1.2em;			
	margin: 			1em 0;
}


table.list-table thead
{
	background:			#ccc url(../images/bar.gif) repeat-x left center;	
	border-top:			1px solid #a5a5a5;
	border-bottom:		1px solid #a5a5a5;
}

table.list-table thead tr:hover
{
	background-color:	transparent;
	color:				inherit;
}

table.list-table tr:hover
{
	background-color:	#3d80df;
	color:				#fff;
}

table.list-table tr
{
	font: 				normal 0.7em/1.4em Tahoma, Verdana, Arial, Georgia, sans-serif; 
}

table.list-table th
{
	padding: 			0.1em 1em;
	border: 			1px solid #666;
	font-weight:		bold;
	text-alling:		left;
}

table.list-table td 
{
	padding: 			0.1em 1em;
	border: 			1px solid #666;
}

.zebra-odd
{
	
}

.zebra-even
{
	background-color: 	#edf5ff;
}

/****************************************************************************
 * form-table (a form displayed in the table)                    			*
 ****************************************************************************/

table.form-table
{
	border-collapse: 	collapse;
	border: 			0px solid;
	cellspacing:		0;
	cellpadding:		0;
	margin: 			5px;
}

table.form-table tr
{
	font-size: 				1em; 
}

table.form-table td 
{
	border: 			0px solid #666;
	text-alling:		left;
	padding:			2px;
}
table.form-table td label{
	width:	auto;
	float:  none;
}

table.form-table input
{
	width:				200px;
}


table.form-table input.date
{
	
	width:				60px;
}

table.form-table input.check-box
{
	width:				15px;
}

table.form-table input.button
{
	width:				85px;
}

table.form-table textarea
{
	width: 				250px;
	height: 			80px;
}


table.form-table td.buttons
{
	text-align: 		center;
}

table.form-table input.number
{
	width:				60px;
}

table.form-table select.multiple-select
{
	width:				100px;
}

/****************************************************************************
 * error-table (a error displayed in the table)                    			*
 ****************************************************************************/

table.error-table
{
	border-collapse: 	separate;
	border:				1px solid;
	cellpadding:		5;
	text-aling:			left;
}

p.error-table
{
	color:				red;
	font-weight: 		bold;
	font-size:			1.4em;
}

table.error-table tr
{
	font: 				normal 0.7em/1.4em Tahoma, Verdana, Arial, Georgia, sans-serif; 
}

table.error-table td
{
	border:				1px solid;
}

table.error-table td.left
{
	valign: 			top; /* ??? has no effect */
	width:				75px;
}

/****************************************************************************
 * search-table (the table holding the criteria and result of user search)	*
 ****************************************************************************/
table.search-table
{
	margin:				5px;
}

fieldset.search
{	
	width:				700px;
}

/****************************************************************************
 * display-table (the table displayed by displaytag)						*
 ****************************************************************************/
table.display-table
{
	margin:				5px;
}

fieldset.display
{	
	width:				700px;
}

/****************************************************************************
 * action-table 	(the table containing action/navigation buttons)		*
 ****************************************************************************/
table.action-table
{
	margin:				5px;
}

table.action-table tr
{
	font: 				normal 0.7em/1.4em Tahoma, Verdana, Arial, Georgia, sans-serif; 
}

table.action-table input.button
{
	width:				200px;
}