// Styles checkboxes within a form with name 'Registration'
               $(document).ready( function () {
        
            // Styles all checkboxes
            $().cssCheckbox();
            
            // Styles checkboxes within a form with name 'Registration'
            $("form[@name='Registration']").cssCheckbox();
        });
        		
				
			   $(document).ready( function(){
                
				webItemState='active';
				printItemState='active';
				interactiveItemState='active';
				identityItemState='active';
                $('label.web-toggle').click(function(){
                	if(webItemState==='active'){
                	$('li.web-item').animate({opacity: ".1"}, "slow");
					webItemState = 'inactive';
					}else{
					$('li.web-item').animate({opacity: "1"}, "slow");
					webItemState = 'active';
					}
					});
                
				$('label.print-toggle').click(function(){
					if(printItemState==='active'){
                	$('li.print-item').animate({opacity: ".1"}, "slow");
					printItemState = 'inactive';
					}else{
					$('li.print-item').animate({opacity: "1"}, "slow");
					printItemState = 'active';
					}
					});
									
				$('label.interactive-toggle').click(function(){
                	if(interactiveItemState==='active'){
                	$('li.interactive-item').animate({opacity: ".1"}, "slow");
					interactiveItemState = 'inactive';
					}else{
					$('li.interactive-item').animate({opacity: "1"}, "slow");
					interactiveItemState = 'active';
					}
					});
					
				$('label.identity-toggle').click(function(){
                	if(identityItemState==='active'){
                	$('li.identity-item').animate({opacity: ".1"}, "slow");
					identityItemState = 'inactive';
					}else{
					$('li.identity-item').animate({opacity: "1"}, "slow");
					identityItemState = 'active';
					}
					});
                
                
                });