/*
	How to use:
		* 32x32 pixels Plus Icon
			<div class="Icon32 Icon_Plus"><a href="#">&nbsp;</a></div>
			activated state
			<div class="Icon32 Icon_Plus activated"><a href="#">&nbsp;</a></div>
		* Making new icon
			* 32x32 pixels icon
				.Icon32.Icon_Name a {background-image: url(...);}
*/

	/* (64 x 64) */
.Icon64 {display: block; width: 64px; height: 64px; overflow: hidden;} .Icon64 a {display: block; width: 64px; height: 64px; background: transparent no-repeat top left; text-decoration: none; overflow: hidden;} .Icon64 a:hover {background-position: left -64px;} .Icon64 a:active, .Icon64.activated a {background-position: left -128px;}

	/* (32 x 32) */
.Icon32 {display: block; width: 32px; height: 32px; overflow: hidden;} .Icon32 a {display: block; width: 32px; height: 32px; background: transparent no-repeat top left; text-decoration: none; overflow: hidden;} .Icon32 a:hover {background-position: left -32px;} .Icon32 a:active, .Icon32.activated a {background-position: left -64px;}

	/* (16 x 16) */
.Icon16 {display: block; width: 16px; height: 16px; overflow: hidden;} .Icon16 a {display: block; width: 16px; height: 16px; background: transparent no-repeat top left; text-decoration: none; overflow: hidden;} .Icon16 a:hover {background-position: left -16px;} .Icon16 a:active, .Icon16.activated a {background-position: left -32px;}

/*ICONS*/

	/*PLUS & MINUS*/
.Icon32.Icon_Plus a {background-image: url(/common/images/icons/32x32/plus_circle.png);}
.Icon32.Icon_Minus a {background-image: url(/common/images/icons/32x32/minus_circle.png);}
	/* ERROR */
.Icon32.Icon_Error a {background-image: url(/common/images/icons/32x32/error_circle.png);}