/*~	list module	
	a space for generic lists to live that will possibly be used across many different sites
	can be over-ridden at the site/ section/ page level by editing the site's design style sheet
*/
		ul.subtle { float : left ; margin-bottom : 1em ; }
		ul.action { float : right ; margin-bottom : 1em ; }
		ul.attention { margin : 0 25% 1em ; *margin : 0 24% 1em ; }
		
	/*~	.nl - navigation list	*/
		.nl li { margin-bottom : 1px ; }
		.nl li a, 
		.nl li a:visited, 
		.nl li strong { 
			background : #e4e4e4 ; 
			color : #333 ; 
			display : block ; 
			padding : 3px 4px 3px 10px ; 
			text-decoration : none ; 
			}
		.nl li a:hover { background : #c00 ; text-decoration : underline ; }
		
	/*~	.tab - tab list	*/
		.tab, 
		ul.ui-tab { 
			clear : both ; 
			height : 1.6em ; 
			padding-bottom : 2.3em ; 
			_padding-bottom : 2em ; 
			position : relative ; 
			}
		.tab li, 
		ul.ui-tab li { float : left ; margin-right : 2px ; padding : 3px 5px ; }
		ul.tab li.first-child { padding-left : 0 ; }
		
		.tab ul { 
			height : 1.6em ; 
			left : 0 ; 
			margin :  0 ; 
			position : absolute ; 
			padding-top : .3em ; 
			top : 1.7em ; 
			width : 100% ; _width : 100.8% ; 
			}
		.tab ul li { float : none ; }
				
	/*~	.pipe - pipe separated inline list	*/
		.pipe li { border-left : 1px solid #333 ; display : inline ; padding : 0 .3em 0 .4em ; }
		.pipe li.first-child { border : 0 ; padding-left : 0 ; }
		.pipe li.nodeco { border : 0 ; }
		
	/*~	.tab-pipe - pipe list that supports block elements	*/
		.tab-pipe { 
			clear : both ; 
			height : 1.6em ; 
			position : relative ; 
			}
		.tab-pipe li { 
			border-left : 1px solid #333 ; 
			float : left ! important ; 
			margin-left : .5em ; 
			padding-left : .5em ; 
			}
		ul.tab-pipe li.first-child { border-left : 0 ; margin-left : 0 ; padding-left : 0 ; }
		ul.tab-pipe li.nodeco { border : 0 ; }
		
	/*~ .trail - for breadcrumb trails	*/
		.trail li { 
			background : url(/media/icn/next.png) left .4em no-repeat ; 
			display : inline ; 
			padding : 0 2px 0 10px ; 
			}
		.trail li.first-child { background : transparent ; padding-left : 0 ; }
		.trail li.nodeco { border : 0 ; }
		
	/*~ .pagination - for search results or general pagination	*/
		.pagination { 
			clear : both ; 
			position : relative ; 
      text-align:right;
     	padding:4px 6px 4px 0;
      background-color:#fff;
			}
		.pagination li {
			float : left ! important ; 
			line-height: 26px;
			}
		.pagination .prev { 
			background : url(/media/icn/previous.png) left .9em no-repeat ; 
			padding : 0 0 0 8px ; 
			}
		.pagination .next { 
			background : url(/media/icn/next.png) right .9em no-repeat ; 
			padding : 0 6px 0 2px ; 
			}
    .pagination li a {
	    text-decoration:none;
	    padding:5px 6px 4px 5px;
	    margin:0 3px 0 3px;
      border:1px solid #ccc;
    }
    .pagination li a:hover, .pagination li a:active {
      border:1px solid #999;
      background-color:#efefef;
    }
    .pagination li span.current {
      padding:5px 6px 4px 5px;
     	margin:0 3px 0 3px;
      border:1px solid #999;
      font-weight:bold;
      background-color:#efefef;
    }
    .pagination li span.disabled {
      display:none;
    }	
		.slider { 
			clear : both ; 
			height : 1.6em ; 
			position : relative ; 
			}
		.slider li { 
			border-left : 1px solid #333 ; 
			float : left ! important ; 
			margin-left : .5em ; 
			padding-left : .5em ; 
			}
		.slider .prev { 
			background : url(/media/icn/previous.png) left .4em no-repeat ; 
			padding : 0 0 0 8px ; 
			}
		.slider .next { 
			background : url(/media/icn/next.png) right .4em no-repeat ; 
			padding : 0 6px 0 6px ; 
			}
		ul.slider li.first-child { border-left : 0 ; margin-left : 0 ; }
		ul.slider li.nodeco { border : 0 ; }  
		
	/*~ .tag-cloud 	*/
		.tag-cloud li { display : inline ; }
		.tag-cloud .t-1 { color : #cac7c7 ; font-size : 120% ; }
		.tag-cloud .t-2 { color : #b8b6b6 ; font-size : 120% ; font-weight : bold ; }
		.tag-cloud .t-3 { color : #999 ; font-size : 140% ; }
		.tag-cloud .t-4 { color : #666 ; font-size : 160% ; }
		.tag-cloud .t-5 { color : #333 ; font-size : 190% ; }
		
		
	/*~ .related 
		- for use with articles or anything with related content where you want a fancy image as the bullet	
		- define the bullet in your themes' global.css file	*/
		.related li { margin-bottom : 10px ; }
		.related li a { display : block ; padding-left : 10px ; _height: 0;}
		.related li a:visited {  }
		
	/*~	ol.classic	*/
		ol.classic { 
			/*counter-reset : counter ; */ 
			list-style : decimal ; 
			margin-left : 18px ; _margin : 0 -25px 0 0 ; 
			_padding-left : 25px ; 
			}
/*		ol.classic li:before { 
			display : marker ; 
			color : #333 ; 
			content : counter(counter, decimal) ".." ; 
			counter-increment : counter ; 
			font : bold 110% "trebuchet ms", Arial, sans-serif ; 
			margin-right : 2em ; 
			text-align : right ; 
			width : 2em ; 
			}*/
		ol.classic li { margin-bottom : .35em ; }