/*
 * common properties for unordered list - like table creation
 * 
 * Copyright (c) 2005 Adplus (www.adplus.ro)
 * 
 * $Date: 2009-05-25 (Mon, 25 May 2009) $
 * 
*/

/*
	unordered list | width = #middle width - 10px (padding left + padding right)
	overflow: auto; - in this case fix margin-bottom (10px) for FireFox
*/
ul.ul { display: block; width: 734px; margin: 0 0 10px 0; padding: 0; overflow: auto; }
/* set margin bottom to 0 - no space after header and no space before list items (table rows/cells) */
ul.non { margin: 0; overflow: none; }

/* table header made from list items | width = ul width - 1px (border right) */
li.hli { 
	position: relative; float: left; clear: both; width: 733px; min-height: 22px; height: auto !important; height: 22px; margin: 0; padding: 0;
	border: 1px solid #2854cc; border-left: 0; list-style: none; background: #5776cc; font-weight: bold; color: #fff;
}
* html li.hli { min-height: 18px; height: auto !important; height: 18px; }
li.hli img { margin: 0 0 0 2px; padding: 0; }
/* 
	width for rows = li's span width + 1px (padding right) + 3px (padding left) + 1px (border left)
	span class(name) is recommended to be database table name
*/
li.hli span { position: relative; float: left; height: 100%; margin: 0; padding: 3px 1px 5px 3px; border-left: 1px solid #2854cc; }

/* some of common header rows properties */
li.hli span.sort_order { width: 70px; }
li.hli span.sort_order img { margin-top: -5px;  border: 0; vertical-align: bottom; cursor: pointer; }
li.hli span.active { width: 45px; text-align: center; }
li.hli span.date_added { width: 110px; }
li.hli span.op { text-align: center; }

/* ^ ^ ^ ^ ^ ^ ^ */

/* list items | width = ul width - 1px (border right) */
li.li {
	position: relative; float: left; clear: both; width: 733px; height: 100%; margin: 0; padding: 0;
	border-right: 1px solid #eee; border-bottom: 1px solid #eee; list-style: none;
}
li.li:hover { background: #d8f0ff; }
/* 
	width for rows = li's span width + 1px (padding right) + 3 px (padding left) + 1px (border left)
	span class(name) is recommended to be database table name
	height: 100%; - for maximize height of rows(cells)
*/
li.li span { position: relative; float: left; min-height: 20px; height: auto !important; height: 20px; margin: 0; padding: 2px 1px 5px 3px; border-left: 1px solid #eee; }
li.li span a { color: #551a8b; }

/* some of common rows properties */
li.li span.sort_order { width: 70px; }
li.li span.sort_order input { width: 65px; border: 1px solid #eee; }
li.li span.active { width: 45px; text-align: center; font-weight: bold; }
li.li span.active a.activ { text-decoration: none; color: #43b300; }
li.li span.active a.inactiv { text-decoration: none; color: #d90000; }
li.li span.date_added { width: 110px; font-weight: bold; }
li.li span.op img { margin: 0 0 0 2px; padding: 0; text-align: center; cursor: pointer; }