/* Foundation CSS Document */

@import url("icons.css");


/* Color Option */
icon 						{background-image: url(icons-darkbrown-normal.png) !important;}
icon.large 					{background-image: url(icons-darkbrown-large.png) !important;}
icon.small					{background-image: url(icons-darkbrown-small.png) !important;}

icon.alternate				{background-image: url(icons-beige-normal.png) !important;}
icon.large.alternate		{background-image: url(icons-beige-large.png) !important;}
icon.small.alternate		{background-image: url(icons-beige-small.png) !important;}

icon.highlight				{background-image: url(icons-blue-koi-normal.png) !important;}
icon.large.highlight		{background-image: url(icons-blue-koi-large.png) !important;}
icon.small.highlight		{background-image: url(icons-blue-koi-small.png) !important;}

icon.secondary				{background-image: url(icons-ltgreen-normal.png) !important;}
icon.large.secondary		{background-image: url(icons-ltgreen-large.png) !important;}
icon.small.secondary		{background-image: url(icons-ltgreen-small.png) !important;}

icon.white					{background-image: url(../default/icons-white-normal.png)!important;}
icon.large.white			{background-image: url(../default/icons-white-large.png) !important;}
icon.small.white			{background-image: url(../default/icons-white-small.png) !important;}

icon.black					{background-image: url(../default/icons-black-normal.png)!important;}
icon.large.black			{background-image: url(../default/icons-black-large.png) !important;}
icon.small.black			{background-image: url(../default/icons-black-small.png) !important;}

icon.fancy 					{background-image: url(fancy_form_elements.png) !important;}

.badge icon					{background-image: url(../default/icons-black-normal.png) !important;}
.badge icon.large			{background-image: url(../default/icons-black-large.png) !important;}
.badge icon.small			{background-image: url(../default/icons-black-small.png) !important;}


/* Adjustment for Lab Pages */
.left .top menu li.active icon, .left .bottom menu li.active icon {background-image: url(icons-beige-normal.png) !important;}




/* Images for Retina Display */

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi) {

icon 						{background-image: url(icons-darkbrown-normal-2x.png) !important; background-size: 520px !important;}
icon.large 					{background-image: url(icons-darkbrown-large-2x.png) !important; background-size: 780px !important;}
icon.small					{background-image: url(icons-darkbrown-small-2x.png) !important; background-size: 390px !important;}

icon.alternate				{background-image: url(icons-beige-normal-2x.png) !important;}
icon.large.alternate		{background-image: url(icons-beige-large-2x.png) !important;}
icon.small.alternate		{background-image: url(icons-beige-small-2x.png) !important;}

icon.highlight				{background-image: url(icons-blue-koi-normal-2x.png) !important;}
icon.large.highlight		{background-image: url(icons-blue-koi-large-2x.png) !important;}
icon.small.highlight		{background-image: url(icons-blue-koi-small-2x.png) !important;}

icon.secondary				{background-image: url(icons-ltgreen-normal-2x.png) !important;}
icon.large.secondary		{background-image: url(icons-ltgreen-large-2x.png) !important;}
icon.small.secondary		{background-image: url(icons-ltgreen-small-2x.png) !important;}

icon.white					{background-image: url(../default/icons-white-normal-2x.png)!important;}
icon.large.white			{background-image: url(../default/icons-white-large-2x.png) !important;}
icon.small.white			{background-image: url(../default/icons-white-small-2x.png) !important;}

icon.black					{background-image: url(../default/icons-black-normal-2x.png)!important;}
icon.large.black			{background-image: url(../default/icons-black-large-2x.png) !important;}
icon.small.black			{background-image: url(../default/icons-black-small-2x.png) !important;}

icon.fancy 					{background-image: url(fancy_form_elements_2x.png) !important; background-size: 30px !important;}

.badge icon					{background-image: url(../default/icons-black-normal-2x.png) !important;}
.badge icon.large			{background-image: url(../default/icons-black-large-2x.png) !important;}
.badge icon.small			{background-image: url(../default/icons-black-small-2x.png) !important;}


/* Adjustment for Lab Pages */
.left .top menu li.active icon, .left .bottom menu li.active icon {background-image: url(icons-beige-normal-2x.png) !important;}

}