/***** Front-End Page Lister Styles *****/
div.lister {margin: 20px 0;}
div.lister ul {background: transparent url(/elements/images/lister/listerBG.gif) 0 0 repeat;}
	div.lister ul li.headers {font-weight: bold; position: relative;}
	div.lister .icons {display: block; top: 0; right: 0; height: 24px; position: absolute; cursor: pointer; padding: 0;}
	div.lister .headers .icons {cursor: default;}
		div.lister .icons img, div.lister .icons .spacer, div.lister .icons span {display: block; width: 24px; height: 24px; float: left; border-left: 1px solid #fff; text-align: center; line-height: 24px;}
		div.lister .icons .lock, div.lister .icons .spacer {cursor: default;}
		div.lister .locked > .item .icons .status {cursor: default;}
	div.lister .title {display: block; line-height: 15px; float: left; padding: 3px 0; width: 100%;}
div.lister ul.list {}
	div.lister ul.list li.itemGroup {width: 100%; padding: 0; margin: 0; position: relative;}
		div.lister ul.list li .homeIcon {display: block; width: 24px; height: 24px; position: absolute; left: 0; top: 0; background: #20446e;}
		div.lister ul.list li div.item {height: 24px; border-bottom: 1px solid #fff;}
		div.lister ul.ui-sortable li.itemGroup div.item:hover {cursor: move;}
		div.lister ul.ui-sortable li.locked > div.item:hover {cursor: default;}
			div.lister ul.list li div.item .title {background: #d7e3ee; padding: 0; line-height: 24px; height: 24px; text-indent: 30px; font-weight: bold; color: #20446e; font-size: 12px; overflow: hidden;}
			div.lister ul.list li div.item .widget_2 > * {
				display: block;
				float: left;
				line-height: 24px;
				width: 50%;
			}
			div.lister ul.list li div.item .widget_3 > * {
				display: block;
				float: left;
				line-height: 24px;
				width: 33%;
			}
			div.lister ul.list li div.item .widget_4 > * {
				display: block;
				float: left;
				line-height: 24px;
				width: 25%;
			}
			div.lister ul.list li div.item .widget_5 > * {
				display: block;
				float: left;
				line-height: 24px;
				width: 20%;
			}
			div.lister ul.list li div.item .widget_6 > * {
				display: block;
				float: left;
				line-height: 24px;
				width: 16%;
			}
			div.lister ul.list li div.item .widget_7 > * {
				display: block;
				float: left;
				line-height: 24px;
				width: 14%;
			}
			div.lister ul.list li div.item .widget_8 > * {
				display: block;
				float: left;
				line-height: 24px;
				width: 12%;
			}
			div.lister ul.list li div.item .widget_9 > * {
				display: block;
				float: left;
				line-height: 24px;
				width: 11%;
			}
			div.lister ul.list li div.item .widget_10 > * {
				display: block;
				float: left;
				line-height: 24px;
				width: 10%;
			}
			div.lister ul.list li div.empty {line-height: 24px; text-indent: 10px; font-style: italic;}
			div.lister ul.list li div.item span.active:hover {cursor:pointer;}
			div.lister ul.list li.itemGroup ul {margin-left: 24px;}
				div.lister ul.list li.itemGroup ul div.item .title {background: #e8f0f8; color: #5987c6;}
	div.lister ul.list li.ui-tree-placeholder {display: block; height: 24px; background: #c9d431; outline: 1px dotted #bcc723;}
	div.lister ul.list li.ui-sortable-helper {opacity: 0.6; margin-left:-20px;}
	div.lister ul.list li.headers .item, div.lister ul.list li.headers .item .title, div.lister ul.list li.headers .item * {background: #20446e; color: #fff;}