/****************************
Accordion using jQuery
Created by = Ricardo Zea
Date = January - 2011
Version = 1.0
****************************/

/* ACCORDION CONTAINER
=========================*/

/* #sf = Solution Finder */
#sf { margin:0; padding:3px; border:#ccc 1px solid; position:relative; z-index:0; }

	/*TITLES*/
	ul.accordion li { display:block !important; padding:0 !important; margin:0 0 3px; background:none !important; overflow:hidden; zoom:1; position:relative; }	
	ul.accordion li:last-child { margin:0; }
	ul.accordion li h5 { position:relative !important; clear:both; padding:10px 25px 10px 10px; margin:0; color:#333; cursor:pointer; border:#BCBEC0 1px solid; font-size:16px; font-weight:normal; background:url(../images/bg-gradient-transparent.png) center 200% repeat-x #E0E2E4; position:relative; text-shadow:0 1px 0 #fff; }
	ul.accordion li h5:hover { color:#fff; text-shadow:0 -1px 0 rgba(0,0,0,.5); background-color:#ed1c24; }		
	ul.accordion li h5.active,
	ul.accordion li h5.active:hover { color:#fff; text-shadow:0 -1px 1px rgba(0,0,0,.5); background-color:#ed1c24; }
	ul.accordion li h5.active:hover { background-image:none; }
	
	ul.accordion li h2 { font-weight:normal; }
	
		/*Plus-Minus icons*/
		ul.accordion li h5 span,
		ul.accordion li h5 span:hover { position:absolute; right:7px; top:50%; width:14px; height:14px; margin-top:-7px; background:url(../images/sprite-plus-minus.png) 0 0 no-repeat /*Plus*/; border:none; padding:0; }
		ul.accordion h5.active span,
		ul.accordion h5.active span:hover { background:url(../images/sprite-plus-minus.png) -14px 0 no-repeat /*Minus*/; }
		
	/*CONTAINERS*/
	.acitem { list-style-type:none; padding:10px 10px 5px; margin:0; background:#fff; zoom:1; position:relative; }
	#sf .acitem li { width:190px; border:#ddd 1px solid; margin:0 5px 5px 0 !important; }
	#sf .acitem li:nth-child(2n) { margin-right:0 !important; } /*Every item in the right column*/
	#sf .acitem li a,
	#sf .acitem li a:visited { display:block; padding:3px; border:transparent 1px solid; color:#333 !important; text-decoration:none !important; font-size:12px !important; }
	#sf .acitem li a:hover { background:#ddd; border:#fff 1px solid; color:#000 !important; }
	
	#sf .acitem li a.active { border:#fff 1px solid; background:#ed1c24; color:#fff !important; }
	
		/*Overflowed containers*/
		#sf .overflow-y { height:155px; overflow:auto; overflow-x:hidden; }
		#sf .overflow-y li { width:175px; }
		
		/*IE8*/
		#sf .acitem li { margin-right:3px \9 !important; }
	
	/*SELECTORS - Selection buttons at the bottom of the list*/	
	#sf .acitem li.bottom-controls { clear:both; width:100%; border:none; margin:8px 0 !important; }
	
	#sf .acitem ul.selectors { text-align:center; margin:0; height:26px; padding-top:4px; }
	#sf .acitem ul.selectors li { position:relative; display:inline !important; float:none; width:auto; padding:4px 20px 4px 5px !important; margin:0 3px 0 0 !important; font:11px Arial, Helvetica, sans-serif; border:#fff 1px solid;  }
	#sf .acitem ul.selectors li:last-child { margin:0; }	
	#sf .acitem ul.selectors li span {  display:block; width:20px; height:19px; position:absolute; right:0; top:0; }
	
		/*Clear Selected*/
		#sf li.clear-selected { opacity:.5; cursor:default; }
		#sf li.clear-selected.active { opacity:1; cursor:pointer; background:url(../images/bg-gradient-transparent.png) bottom repeat-x #fff !important; }
		#sf li.clear-selected.active:hover { background:#eee !important; }
		#sf li.clear-selected.active:active { color:#000; border:#333 1px solid; background:#ccc !important; }
		#sf li.clear-selected span {  color:#333; background:url(../images/sprites.png) -132px -647px no-repeat /*Closing X*/; }
		
		/*Select All*/		
					
			/*Ready*/
			#sf li.select-all { opacity:1; cursor:pointer; background:url(../images/bg-gradient-transparent.png) bottom repeat-x #fff !important; }
			#sf li.select-all:hover { background:#eee !important; }
			#sf li.select-all:active { color:#000; border:#333 1px solid !important; background:#ccc !important; }
			#sf li.select-all span { color:#f00; background:url(../images/sprites.png) -157px -672px no-repeat /*Check box inactive*/; }
			
			/*In use*/
			#sf li.select-all.inuse { color:#000; border:#999 1px solid; cursor:default; }
			#sf li.select-all.inuse:active { color:#000; border:#fff 1px solid !important; }
			#sf li.select-all.inuse:hover { background:url(../images/bg-gradient-transparent.png) bottom repeat-x #fff !important; }
			#sf li.select-all.inuse span { background:url(../images/sprites.png) -133px -698px no-repeat /*Check box active*/; }
			
	/*RADIO BUTTONS - CHECKBOXES*/
	#sf .acitem label { display:block; cursor:pointer; padding:2px; border:transparent 1px solid; font-size:14px; position:relative; }
	#sf .acitem label:hover { background:#ddd; border:#fff 1px solid; color:#000; }
	#sf .acitem label input { display:none; }
	#sf .acitem label input { display:inline-block \9; float:right \9; }
	#sf .acitem label.active { border:#fff 1px solid; background:#ed1c24; color:#fff; }


/* NEW SITE - NEW TOOLS ACCORDION
=================================*/

	/*PLUS MINUS ICONS*/
	.accordion h3 .icon,
	.accordion h3 .icon:hover { position:absolute; right:7px; top:50%; width:14px; height:14px; margin-top:-7px; background:url(../images/sprite-plus-minus.png) 0 0 no-repeat /*Plus*/; border:none; padding:0; }
	.accordion h3.opened .icon,
	.accordion h3.opened .icon:hover { background:url(../images/sprite-plus-minus.png) -14px 0 no-repeat /*Minus*/; }
	
	/*CONTAINERS*/
	.accordion div.container { display:none; padding:20px; position:relative; }
	
/* BOX SHADOW
=================================*/	
#sf { 
	-moz-box-shadow:0 0 3px rgba(0,0,0,.2); 
	-webkit-box-shadow:0 0 3px rgba(0,0,0,.2); 
	box-shadow:0 0 3px rgba(0,0,0,.2);
	}
#sf .acitem li { 
	-moz-box-shadow:0 1px 2px rgba(0,0,0,.1); 
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1); 
	box-shadow:0 1px 2px rgba(0,0,0,.1); 
	}	
#tools-container h3, .accordion div.container { 
	-moz-box-shadow:0 2px 2px rgba(0,0,0,.4); 
	-webkit-box-shadow:0 2px 2px rgba(0,0,0,.4); 
	box-shadow:0 2px 2px rgba(0,0,0,.4); 
	}
#sf .acitem li.bottom-controls { 
	-moz-box-shadow:none; 
	-webkit-box-shadow:none; 
	box-shadow:none; 
	}
ul.accordion li h5 span { 
	-moz-box-shadow:inset 1px 1px 0 rgba(255,255,255,.3); 
	-webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,.3);
	box-shadow:inset 1px 1px 0 rgba(255,255,255,.3); 
	}

/* BORDER RADIUS
=================================*/
#sf .acitem li.bottom-controls 
	{ -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; }
	
#sf, ul.accordion li h5, #sf .acitem li, #tools-container h3 
	{ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }