/**
 * Copyright (c) 2010 eSolutionsGroup
 * All rights reserved.
 * 
 * Author: Timothy Grant Vogelsang <tvogelsang@esolutionsgroup.ca>
 */

/**
 * Icon
 */
.icon-wrap {
	margin-bottom: 15px;
}
.icon-wrap h2  {
	border-bottom: 1px solid #efefef;
	color: #333;
	margin-bottom: 15px;
	padding-bottom: 5px;
}
.icon {
	border: 1px solid #efefef;
	cursor: pointer;
	float: left;
	margin: 0px 6px 6px 0px;
	padding: 5px;
}
.icon .icon-image {
	margin: 3px;
	position: relative;
}
.icon .icon-action {
	bottom: 0;
	position: absolute;
	right: 0;
}
.icon .icon-title {
	text-align: center;
}
.icon .icon-sub-title {
	color: #999;
	font-size: 10px;
	margin-top: 2px;
	text-align: center;
	text-transform: capitalize;
}
.icon-hover {
	background: #f7f7f7 url('../../images/shared/hover.gif') repeat-x right bottom;
	border: 1px solid #ddd !important;
}
.icon-selected {
	background: #f7f7f7 url('../../images/shared/selected.gif') repeat-x right bottom;
	border: 1px solid #99bbe8  !important;
}

/**
 * Icon Size
 */
.icon-extra-small .icon-image {
	background-position: 0px 0px;
	height: 16px;
	width: 16px;
}
.icon-small .icon-image {
	background-position: 0px -16px;
	height: 32px;
	width: 32px;
}
.icon-medium .icon-image {
	background-position: 0px -48px;
	height: 64px;
	width: 64px;
}
.icon-large .icon-image {
	background-position: 0px 100%;
	height: 96px;
	width: 96px;
}

/**
 * Icons
 */
.icon-collapse-all		{ background-image: url(collapse-all.gif) !important; }
.icon-expand-all		{ background-image: url(expand-all.gif) !important; }
.icon-show-selected		{ background-image: url(show-selected.gif) !important; }
.icon-show-all		    { background-image: url(show-all.gif) !important; }

.c-icon-calendar		{ background-image: url(calendar.png); }
.c-icon-customer		{ background-image: url(customer.png); }
.c-icon-fieldset		{ background-image: url(fieldset.png); }
.c-icon-folder			{ background-image: url(folder.png); }
.c-icon-page			{ background-image: url(page.png); }
.c-icon-shoppingcart	{ background-image: url(shoppingcart.png); }
.c-icon-template		{ background-image: url(template.png); }
.c-icon-website			{ background-image: url(website.png); }