/**
	* Copyright (C) 2009 eXo Platform SAS.
 *
 * This is free software; you can redistribute it and/or modify it
 * under the terms of the GNU Lesser General Public License as
 * published by the Free Software Foundation; either version 2.1 of
 * the License, or (at your option) any later version.
 *
 * This software is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
 * Lesser General Public License for more details.
 *
 * You should have received a copy of the GNU Lesser General Public
 * License along with this software; if not, write to the Free
 * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
 * 02110-1301 USA, or see the FSF site: http://www.fsf.org.
 */

//
// UIItemSelector
// --------------------------------------------------
.uiItemSelector {
	margin: 2px 0px 2px 2px;
	padding: 10px;
	.itemListContainer {
        float: none;
        @media (min-width: 768px) {
            float: left;
            width: 220px;
            margin-right: 20px;
        }
		margin-bottom: 0;
		&.uiBox {
			 .title {
			 	.btn-group.uiDropdownWithIcon .btn {
				 	> span {
				 		vertical-align: top;
				 		font-weight: normal;
				 	}
				 	> .uiIconGeneralDrive {
				 		margin-right: 5px;
				 	}
			 	}
			}
		}
		.uiDropdownWithIcon {
			.btn {
				> span:first-child {
					display: inline-block;
			    text-align: left;
			    width: 147px;
			    font-weight: normal;
			  }
			}
		}

		.item {
			margin: 4px 0;
			cursor: pointer;
			a {
				color: @textColor;
			}
			a:hover {
				color: @linkColor;
			}
		}
		.item.selectedItem {
			//background: @primaryBackgroundLight;
			margin: 4px -15px;
			padding: 0px 15px;
			color: @linkColor;
		}
		.itemList {
			> li.selectedItem > a {
				color: @linkColor;
				> i {
                    .font-icon();
				}
			}
		}
	}
	.itemDetailList {
		overflow: hidden;
		margin-bottom: 0;
		> .title > h6 {
			margin: 0;
			line-height: 28px;
		}
	}
}
.uiPersonalInfo {
	.itemDetailList {
		margin-left: 0px;
	}
}


/***************** uiItemSelector uiPageTemplateOptions ******************/

.uiItemSelector.uiPageTemplateOptions {
	.containerLayout {
		padding: 40px 0 35px;
		.tooltip {
			.tooltip-inner {
				max-width: 330px;
				white-space: nowrap;
      		}
		}
	}
	.itemListContainer {
		.uiContentBox {
			min-height: 151px;
		  .itemTitle [class^="uiIconArrow"] {
			display: inline-block;
			margin-right: 3px;
		  }
		}
		.uiDropdownWithIcon .dropdown-toggle > span:first-child {
			display: inline-block;
			text-align: left;
			width: 144px;
		}
	}
}

/*************************** uiItemSelector uiFormInputItemSelector ************************************/
.UIGadgetThemes .uiIconMiniArrowRight{
	margin-right: 6px;
}
.uiItemSelector.uiFormInputItemSelector {
	.itemListContainer {
		.uiContentBox {
			min-height: 241px;
		  .itemTitle [class^="uiIconArrow"] {
			display: inline-block;
			margin-right: 6px;
		  }
		}
	}
	.itemDetailList {
		.WAIPortalImage {
			background: url("@{images-path}/ecms/skin/wcmPortal/WAIPortal.png") no-repeat center;
			margin: 3px auto;
			.size(230px,296px);
		}
		.emptyImage {
			background: url("@{images-path}/platform/skin/platformPortal/empty.png") no-repeat center;
			margin: 3px auto;
			.size(235px,296px);
		}
		.acmeImage {
			background: url("@{images-path}/platform/skin/platformPortal/acme.png") no-repeat center;
			margin: 3px auto;
			.size(230px,296px);
		}
		.intranetImage {
			background: url("@{images-path}/platform/skin/platformPortal/intranet.png") no-repeat center;
		    margin: 3px auto;
			.size(230px,296px);
		}
	}
}

/*************************** uiFormInputIconSelector *************************/

.uiItemSelector.uiFormInputIconSelector {
	.itemList.uiContentBox {
	  height: 185px;
	}
	.itemDetailList {
		.iconSelector {
	    margin: -20px;
	    height: 145px;
	    overflow: auto;
	    padding: 20px;
			.icon {
				.square(16px);
				display: inline-block;
				padding: 2px; margin: 1px;
				border: 1px solid transparent;
				cursor: pointer;
				> i {
					.square(16px);
					display: inline-block;
				}
				&:hover {
					border: 1px solid @borderColor;
				}
				&.selectedIcon {
					border: 1px solid @errorColor;
				}
			}
		}

		.selectedIconInfo {
			border-top: 1px solid @borderColor;
			margin: 20px -20px -10px;
			padding: 10px 20px 0;
			.itemValue {
				color: @linkColor;
			}
		}
	}
}


.uiItemSelector .itemDetailList .ItemDescription {
	height: 100px;
	background: @baseBackground;
	border: solid 1px #b7b7b7;
	padding: 2px;
}

.uiItemSelector .itemDetailList .itemDetail .ItemValueDescription {
	 .size(53px,50%);
	padding-left: 15px;
	margin-top: 12px;
	overflow: auto;
	border: none;
}


/*###########################- End LeftColumnitemList -#########################*/
/*###########################- Layout Template -#########################*/

.uiItemSelector {
	.containerLayout  {
		> [class*="Layout"] {
			.size(125px, 90%);
			min-width: 185px;
			margin: auto;
			background: url('@{images-path}/Container/ItemSelector.png') no-repeat center top transparent;
		}
		> .EmptyLayout {
			 background-position: center top;
		}

		> .DashboardLayout {
			 background-position: center  -1500px;
		}

		> .TwoColumnsLayout {
			 background-position: center  -1125px;
		}

		> .ThreeColumnsLayout {
			 background-position: center  -1250px;
		}

		> .TwoColumnsOneRowLayout {
			 background-position: center  -500px;
		}

		> .TwoColumnsTwoRowsLayout {
			 background-position: center  -625px;
		}

		> .OneRowsLayout {
			 background-position: center  -125px;
		}

		> .TwoRowsLayout {
			 background-position: center  -250px;
		}

		> .ThreeRowsLayout {
			 background-position: center  -375px;
		}

		> .OneRowTwoColumnsLayout {

			 background-position: center  -1375px;
		}

		> .TwoTabsLayout {
			 background-position: center  -1625px;
		}

		> .ThreeTabsLayout {
			 background-position: center  -1750px;
		}

		> .ThreeRowsTwoColumnsLayout {
			 background-position: center  -750px;
		}
	}
}


/********************* Icon PortletIcon************************************/
.PortletIconOnEdit {
	display: inline-block;
	.square(16px);
	line-height: 16px;
	vertical-align: text-top;
}

.Organization {
	background: url('@{images-path}/Icons/skinIcons/16x16/Earth.gif') no-repeat center;
}

.Fast {
	background: url('@{images-path}/Icons/skinIcons/16x16/EditIcon.gif') no-repeat center;
}

.Account {
	background: url('@{images-path}/Icons/skinIcons/16x16/UserAccount.gif') no-repeat center;
}

.Registry-Portlet {
	background: url('@{images-path}/Icons/skinIcons/16x16/RegistryPortlet.gif') no-repeat center;
}

.Site {
	background: url('@{images-path}/Icons/skinIcons/16x16/SiteMap.gif') no-repeat center;
}

.Login {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/Key.gif') no-repeat center;
}

.Mail {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/Email.gif') no-repeat center;
}

.Forum {
	background: url('@{images-path}/Icons/skinIcons/16x16/ForumIcon.gif') no-repeat center;
}

.ECMAdminIcon {
	background: url('@{images-path}/Icons/skinIcons/16x16/ECMAdmin.gif') no-repeat center;
}

.ExplorerIcon {
	background: url('@{images-path}/Icons/skinIcons/16x16/JCRExplorer.gif') no-repeat center;
}

.Dialog {
	background: url('@{images-path}/Icons/skinIcons/16x16/DialogIcon.gif') no-repeat center;
}

.Browse{
	background: url('@{images-path}/Icons/skinIcons/16x16/BrowseContent.gif') no-repeat center;
}

.Workflow {
	background: url('@{images-path}/Icons/skinIcons/16x16/WorkflowIcon.gif') no-repeat center;
}

/*##############- Misc Icons -#############*/

.BlueArrowFloppy16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/BlueArrowBlackFloppy.gif');
}

.BlueInfoBox16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/Info.gif');
}

.Config16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/Config.gif');
}

.SelectPermissionIcon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/SelectPermission.gif');
}

.Node16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/Node.gif');
}

.Level16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/Level.gif');
}

.Feature16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/Feature.gif');
}

.RSS16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/RSS.gif');
}

.Earth16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/Earth.gif');
}

.AdminView16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/AdminView.gif');
}

.Briefcase16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/Briefcase.gif');
}

.AddNode16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/BlueCirclePlus.gif');
}

.EditIcon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/EditIcon.gif');
}

.Organization16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/Organization.gif');
}

.UserRegistration16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/UserRegistration.gif');
}

.Management16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/Management.gif');
}

.PortalAdmin16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/PortalAdmin.gif');
}

.Duplicate16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/Duplicate.gif');
}

.Portal16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/Portal.gif');
}

.Administration16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/Monitor.gif');
}

.SiteMap16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/SiteMap.gif');
}

.SearchPage16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/SearchPage.gif');
}

.BlueCirclePlus16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/BlueCirclePlus.gif');
}

.ShieldGreenPlus16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/ShieldGreenPlus.gif');
}

.InfoMessage16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/BlueSquare.gif');
}

.WarningMessageSquare16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/YellowSquare.gif');
}

.ErrorMessage16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/RedSquare.gif');
}

.DoubleBrownNoteIcon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/DoubleBrownNote.gif');
}

.Execute16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/Execute.gif');
}

.OrangePencilSourceBox16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/OrangePencilSourceBox.gif');
}

.Home16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/Home.gif');
}

.ColorPen16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/ColorPen.gif');
}

.NestedSquare16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/NestedSquare.gif');
}

.VioletInfoWindow16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/VioletInfoWindow.gif');
}

.PageTicker16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/PageTicker.gif');
}

.GreenPlusPage16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/GreenPlusPage.gif');
}

.BlackBorderSquareBlueBall16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/BlackBorderSquareBlueBall.gif');
}

.GreenPlusDataBox16x16Icon {
 height: 16px;
	width: 16px;
	background: url('@{images-path}/Icons/skinIcons/16x16/GreenPlusDatabox.gif');
}

/* TODO: Change image'name to "BlueShapeLeftArrow" */
.BlueBackArrow16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/BlueBackArrow.gif');
	cursor: pointer;
}

/* TODO: Change image'name to "BlueShapeRightArrow" */
.BlueNextArrow16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/BlueNextArrow.gif');
	cursor: pointer;
}

.Remove16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/DustBin.gif');
}

.GrayBackArrow16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/GrayShapeLeftArrow.gif');
	cursor: pointer;
}

.GrayNextArrow16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/GrayShapeRightArrow.gif');
}

.BlueCircleLeftArrow16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/BlueCircleLeftArrow.gif');
}

.BlueCircleRightArrow16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/BlueCircleRightArrow.gif');
}

.BlueGridRightArrow16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/BlueGridRightArrow.gif');
}

.GrayDoubleGridDownArrow16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/GrayDoubleGridDownArrow.gif');
}

.GrayFillRightArrow16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/GrayFillRightArrow.gif');
}

.BlueSquareRightArrow16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/BlueSquareRightArrow.gif');
}

.DotArrowRight16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/DotArrowRight.gif');
}

.BlackGridRightArrow16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/BlackGridRightArrow.gif');
}

.BlueCloseButton16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/BlueCloseButton.gif');
}

.Logout16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/RedLogoutIcon.gif');
}

.TreeNode16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/TreeNodeIcon.gif');
}

.Scissors16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/Scissors.gif');
}

.HotNews16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/HotNews.gif');
}

.ArrowS1Down16x16Icon {
	.size(17px,22px);
	background: url('@{images-path}/Icons/skinIcons/16x16/ArrowSLDown.gif') no-repeat center;
}

.ArrowS1Up16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/WhiteArrowUp.gif');
}

.Portlet16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/DefaultPortletIcon.gif');
}

.Container16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/DefaultContainerIcon.gif');
}

.SmallGroup16x16Icon {
	.square(16px);
	background: url('@{images-path}/Icons/skinIcons/16x16/SmallGroup.gif');
}

.DefaultPageIcon {
	background: url('@{images-path}/Icons/skinIcons/16x16/DefaultNodeIcon.gif') no-repeat left center; /* orientation=lt */
}

/*##############################Icon Stylesheet for IconSelector##########################*/
/*===========================Misc Icons Stylesheet=======================*/

.AcrobatFile {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/AcrobatFile.gif') no-repeat center left;
}

.AdminView {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/AdminView.gif') no-repeat center left;
}

.AllTags {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/AllTags.gif') no-repeat center left;
}

.AmericanExpressCard {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/AmericanExpressCard.gif') no-repeat center left;
}

.ApplicationGallery {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/ApplicationGallery.gif') no-repeat center left;
}

.ApplicationLink {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/ApplicationLink.gif') no-repeat center left;
}

.ApplicationList {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/ApplicationList.gif') no-repeat center left;
}

.ApplicationSize {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/ApplicationSize.gif') no-repeat center left;
}

.ApplicationTerminal {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/ApplicationTerminal.gif') no-repeat center left;

}

.ApplicationWorldWide {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/ApplicationWorldWide.png') no-repeat center left;
}

.BlueInfo {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/BlueInfo.gif') no-repeat center left;
}

.Bomb {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/Bomb.png') no-repeat center left;
}

.BookmarkPage {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/BookmarkPage.gif') no-repeat center left;
}

.BreakLink {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/BreakLink.gif') no-repeat center left;
}

.Brick {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/Brick.gif') no-repeat center left;
}

.CategoryList {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/CategoryList.gif') no-repeat center left;
}

.Checkout {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/Checkout.gif') no-repeat center left;
}

.CheckPage {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/CheckPage.gif') no-repeat center left;
}

.ComponentsList {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/ComponentsList.gif') no-repeat center left;
}

.Config {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/Config.gif') no-repeat center left;
}

.CSS {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/CSS.gif') no-repeat center left;
}


.DiskDrive {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/DiskDrive.gif') no-repeat center left;
}

.DownloadApplication {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/DownloadApplication.gif') no-repeat center left;
}

.DreamweaverApplication {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/DreamweaverApplication.gif') no-repeat center left;
}

.DynamicContentPage {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/DynamicContentPage.gif') no-repeat center left;
}

.Extension {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/Extension.gif') no-repeat center left;
}

.Factory {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/Factory.gif') no-repeat center left;
}

.Feature {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/Feature.gif') no-repeat center left;
}

.Flash {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/Flash.gif') no-repeat center left;
}

.FlashFile {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/FlashFile.gif') no-repeat center left;
}

.FolderLock {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/FolderLock.gif') no-repeat center left;
}

.FontFile {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/FontFile.gif') no-repeat center left;
}

.Glove {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/Glove.gif') no-repeat center left;
}

.Home {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/Home.gif') no-repeat center left;
}

.HTML {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/HTML.gif') no-repeat center left;
}

.Humer {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/Humer.gif') no-repeat center left;
}

.IconsView {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/IconsView.gif') no-repeat center left;
}

.ImageFrame {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/ImageFrame.gif') no-repeat center left;
}

.Images {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/Images.gif') no-repeat center left;
}

.ImagesFolder {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/ImagesFolder.gif') no-repeat center left;
}

.ImageSize {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/ImageSize.gif') no-repeat center left;
}

.ImagesList {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/ImagesList.gif') no-repeat center left;
}

.Info {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/Info.png') no-repeat center left;
}

.InstallerProgress {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/InstallerProgress.gif') no-repeat center left;
}

.JavaPge {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/JavaPge.gif') no-repeat center left;
}

.Layout {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/Layout.gif') no-repeat center left;
}

.Link {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/Link.gif') no-repeat center left;
}

.LockPage {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/LockPage.gif') no-repeat center left;
}

.MasterCard {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/MasterCard.gif') no-repeat center left;
}

.Music {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/Music.gif') no-repeat center left;
}

.MusicDownload {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/MusicDownload.gif') no-repeat center left;
}

.New {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/New.gif') no-repeat center left;
}

.PackagesList {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/PackagesList.gif') no-repeat center left;
}

.PageCategory {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/PageCategory.gif') no-repeat center left;
}

.PhotoshopFile {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/PhotoshopFile.gif') no-repeat center left;
}

.Printer {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/Printer.gif') no-repeat center left;
}

.Puzzle {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/Puzzle.gif') no-repeat center left;
}

.QuicktimeMovieFile {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/QuicktimeMovieFile.gif') no-repeat center left;
}

.Rainbow {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/Rainbow.gif') no-repeat center left;
}

.RefeshPage {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/RefeshPage.gif') no-repeat center left;
}

.RSS {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/RSS.gif') no-repeat center left;
}

.RSSFeed {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/RSSFeed.gif') no-repeat center left;
}

.SearchFolder {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/SearchFolder.gif') no-repeat center left;
}

.Security {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/Security.gif') no-repeat center left;
}

.Software {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/Software.gif') no-repeat center left;
}

.Speaker {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/Speaker.gif') no-repeat center left;
}

.Speaker2 {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/Speaker2.gif') no-repeat center left;
}

.StarAward {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/StarAward.gif') no-repeat center left;
}

.StarPage {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/StarPage.gif') no-repeat center left;
}

.Stats {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/Stats.gif') no-repeat center left;
}

.TagPage {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/TagPage.gif') no-repeat center left;
}

.TagSign {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/TagSign.gif') no-repeat center left;
}

.Ticket {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/Ticket.gif') no-repeat center left;
}

.TrueTypeFont {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/TrueTypeFont.gif') no-repeat center left;
}

.Tux {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/Tux.gif') no-repeat center left;
}

.Vector {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/Vector.gif') no-repeat center left;
}

.Version {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/Version.gif') no-repeat center left;
}

.VisaCard {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/VisaCard.gif') no-repeat center left;
}

.WeatherClouds {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/WeatherClouds.gif') no-repeat center left;
}

.WeatherCloudy {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/WeatherCloudy.gif') no-repeat center left;
}

.WeatherLightning {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/WeatherLightning.gif') no-repeat center left;
}

.WeatherRain {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/WeatherRain.gif') no-repeat center left;
}

.WeatherSnow {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/WeatherSnow.gif') no-repeat center left;
}

.WeatherSun {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/WeatherSun.gif') no-repeat center left;
}

.World {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/World.gif') no-repeat center left;
}

.XHTML {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/XHTML.gif') no-repeat center left;
}

.YellowStar {
	background: url('@{images-path}/Icons/skinIcons/16x16/MiscIcons/YellowStar.png') no-repeat center left;
}

/*===========================End Misc Icons Stylesheet=======================*/
/*===========================Navigation Icons Stylesheet=======================*/

.BlackDownSolidArrow {
	background: url('@{images-path}/Icons/skinIcons/16x16/NavigationIcons/BlackDownSolidArrow.gif') no-repeat center left;
}

.BlackLeftSolidArrow {
	background: url('@{images-path}/Icons/skinIcons/16x16/NavigationIcons/BlackLeftSolidArrow.gif') no-repeat center left;
}

.BlackRightSolidArrow {
	background: url('@{images-path}/Icons/skinIcons/16x16/NavigationIcons/BlackRightSolidArrow.gif') no-repeat center left;
}

.BlackUpSolidArrow {
	background: url('@{images-path}/Icons/skinIcons/16x16/NavigationIcons/BlackUpSolidArrow.gif') no-repeat center left;
}

.BlueAquaBallBullet {
	background: url('@{images-path}/Icons/skinIcons/16x16/NavigationIcons/BlueAquaBallBullet.gif') no-repeat center left;
}

.BlueArrowIn {
	background: url('@{images-path}/Icons/skinIcons/16x16/NavigationIcons/BlueArrowIn.gif') no-repeat center left;
}

.BlueArrowInOut {
	background: url('@{images-path}/Icons/skinIcons/16x16/NavigationIcons/BlueArrowInOut.gif') no-repeat center left;
}

.BlueBallBullet {
	background: url('@{images-path}/Icons/skinIcons/16x16/NavigationIcons/BlueBallBullet.gif') no-repeat center left;
}

.BlueBranchArrow {
	background: url('@{images-path}/Icons/skinIcons/16x16/NavigationIcons/BlueBranchArrow.gif') no-repeat center left;
}

.BlueDividedArrow {
	background: url('@{images-path}/Icons/skinIcons/16x16/NavigationIcons/BlueDividedArrow.gif') no-repeat center left;
}

.BlueDownArrow {
	background: url('@{images-path}/Icons/skinIcons/16x16/NavigationIcons/BlueDownArrow.gif') no-repeat center left;
}

.BlueJoinArrow {
	background: url('@{images-path}/Icons/skinIcons/16x16/NavigationIcons/BlueJoinArrow.gif') no-repeat center left;
}

.BlueRedoArrow {
	background: url('@{images-path}/Icons/skinIcons/16x16/NavigationIcons/BlueRedoArrow.gif') no-repeat center left;
}

.BlueRotateRightArrow {
	background: url('@{images-path}/Icons/skinIcons/16x16/NavigationIcons/BlueRotateRightArrow.gif') no-repeat center left;
}

.BlueSquareBullet {
	background: url('@{images-path}/Icons/skinIcons/16x16/NavigationIcons/BlueSquareBullet.gif') no-repeat center left;
}

.BlueSwitchArrow {
	background: url('@{images-path}/Icons/skinIcons/16x16/NavigationIcons/BlueSwitchArrow.gif') no-repeat center left;
}

.BlueTriangleBullet {
	background: url('@{images-path}/Icons/skinIcons/16x16/NavigationIcons/BlueTriangleBullet.gif') no-repeat center left;
}

.BlueUndoArrow {
	background: url('@{images-path}/Icons/skinIcons/16x16/NavigationIcons/BlueUndoArrow.gif') no-repeat center left;
}

.BlueUpArrow {
	background: url('@{images-path}/Icons/skinIcons/16x16/NavigationIcons/BlueUpArrow.gif') no-repeat center left;
}

.Check {
	background: url('@{images-path}/Icons/skinIcons/16x16/NavigationIcons/Check.png') no-repeat center left;
}

.Check2 {
	background: url('@{images-path}/Icons/skinIcons/16x16/NavigationIcons/Check2.gif') no-repeat center left;
}

.Delete {
	background: url('@{images-path}/Icons/skinIcons/16x16/NavigationIcons/Delete.gif') no-repeat center left;
}

.Forward {
	background: url('@{images-path}/Icons/skinIcons/16x16/NavigationIcons/Forward.gif') no-repeat center left;
}

.GrassGreenBallBullet {
	background: url('@{images-path}/Icons/skinIcons/16x16/NavigationIcons/GrassGreenBallBullet.gif') no-repeat center left;
}

.GreenBallBullet {
	background: url('@{images-path}/Icons/skinIcons/16x16/NavigationIcons/GreenBallBullet.gif') no-repeat center left;
}

.GreenSquareBullet {
	background: url('@{images-path}/Icons/skinIcons/16x16/NavigationIcons/GreenSquareBullet.gif') no-repeat center left;
}

.GreenTriangleBullet {
	background: url('@{images-path}/Icons/skinIcons/16x16/NavigationIcons/GreenTriangleBullet.gif') no-repeat center left;
}

.GreyAquaBallBullet {
	background: url('@{images-path}/Icons/skinIcons/16x16/NavigationIcons/GreyAquaBallBullet.gif') no-repeat center left;
}

.GreyBallBullet {
	background: url('@{images-path}/Icons/skinIcons/16x16/NavigationIcons/GreyBallBullet.gif') no-repeat center left;
}

.GreyLeftShapeArrow {
	background: url('@{images-path}/Icons/skinIcons/16x16/NavigationIcons/GreyLeftShapeArrow.gif') no-repeat center left;
}

.GreySquareBullet {
	background: url('@{images-path}/Icons/skinIcons/16x16/NavigationIcons/GreySquareBullet.gif') no-repeat center left;
}

.GreyTriangleBullet {
	background: url('@{images-path}/Icons/skinIcons/16x16/NavigationIcons/GreyTriangleBullet.gif') no-repeat center left;
}

.RedAquaBallBullet {
	background: url('@{images-path}/Icons/skinIcons/16x16/NavigationIcons/RedAquaBallBullet.gif') no-repeat center left;
}

.RedBallBullet {
	background: url('@{images-path}/Icons/skinIcons/16x16/NavigationIcons/RedBallBullet.gif') no-repeat center left;
}

.RedSquareBullet {
	background: url('@{images-path}/Icons/skinIcons/16x16/NavigationIcons/RedSquareBullet.gif') no-repeat center left;
}

.RedTriangleBullet {
	background: url('@{images-path}/Icons/skinIcons/16x16/NavigationIcons/RedTriangleBullet.gif') no-repeat center left;
}

.Reply {
	background: url('@{images-path}/Icons/skinIcons/16x16/NavigationIcons/Reply.gif') no-repeat center left;
}

.RightShapeArrow {
	background: url('@{images-path}/Icons/skinIcons/16x16/NavigationIcons/RightShapeArrow.gif') no-repeat center left;
}

.YellowAquaBallBullet {
	background: url('@{images-path}/Icons/skinIcons/16x16/NavigationIcons/YellowAquaBallBullet.gif') no-repeat center left;
}

.YellowBallBullet {
	background: url('@{images-path}/Icons/skinIcons/16x16/NavigationIcons/YellowBallBullet.gif') no-repeat center left;
}

.YellowSquareBullet {
	background: url('@{images-path}/Icons/skinIcons/16x16/NavigationIcons/YellowSquareBullet.gif') no-repeat center left;
}

.YellowTriangleBullet {
	background: url('@{images-path}/Icons/skinIcons/16x16/NavigationIcons/YellowTriangleBullet.gif') no-repeat center left;
}

/*===========================End Navigation Icons Stylesheet=======================*/
/*===========================Office Icons Stylesheet=======================*/

.AddressBook {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/AddressBook.gif') no-repeat center left;
}

.ArticleDocument {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/ArticleDocument.gif') no-repeat center left;
}

.At {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/At.png') no-repeat center left;
}

.Attachment {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/Attachment.gif') no-repeat center left;
}

.Book {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/Book.gif') no-repeat center left;
}

.Chair {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/Chair.gif') no-repeat center left;
}

.ChartBar {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/ChartBar.gif') no-repeat center left;
}

.ChartLine {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/ChartLine.gif') no-repeat center left;
}

.CoffeeCup {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/CoffeeCup.gif') no-repeat center left;
}

.CoinsCurency {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/CoinsCurency.gif') no-repeat center left;
}

.Computer {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/Computer.gif') no-repeat center left;
}

.Conference {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/Conference.gif') no-repeat center left;
}

.Date {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/Date.gif') no-repeat center left;
}

.DocumentBox {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/DocumentBox.gif') no-repeat center left;
}

.Door {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/Door.gif') no-repeat center left;
}

.DreamweaverFile {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/DreamweaverFile.gif') no-repeat center left;
}

.Email {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/Email.gif') no-repeat center left;
}

.Envelope {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/Envelope.gif') no-repeat center left;
}

.ExeFile {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/ExeFile.gif') no-repeat center left;
}

.FloppyDisk {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/FloppyDisk.gif') no-repeat center left;
}

.Folder1 {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/Folder1.gif') no-repeat center left;
}

.Folder2 {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/Folder2.gif') no-repeat center left;
}

.Folder3 {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/Folder3.gif') no-repeat center left;
}

.Folder4 {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/Folder4.gif') no-repeat center left;
}

.Folder5 {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/Folder5.gif') no-repeat center left;
}

.HomePage {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/HomePage.gif') no-repeat center left;
}

.HotNews {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/HotNews.gif') no-repeat center left;
}

.IDCard {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/IDCard.gif') no-repeat center left;
}

.IllustratorFile {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/IllustratorFile.gif') no-repeat center left;
}

.IndesignFile {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/IndesignFile.gif') no-repeat center left;
}

.Index {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/Index.gif') no-repeat center left;
}

.Keyboard {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/Keyboard.gif') no-repeat center left;
}

.Letter {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/Letter.gif') no-repeat center left;
}

.MacOSXFolder {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/MacOSXFolder.gif') no-repeat center left;
}

.Mail {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/Mail.gif') no-repeat center left;
}

.Map {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/Map.gif') no-repeat center left;
}

.Monitor {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/Monitor.gif') no-repeat center left;
}

.Mouse {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/Mouse.gif') no-repeat center left;
}

.Newspaper {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/Newspaper.gif') no-repeat center left;
}

.Newspaper2 {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/Newspaper2.gif') no-repeat center left;
}

.NotePage {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/NotePage.gif') no-repeat center left;
}

.OpenBook {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/OpenBook.gif') no-repeat center left;
}

.OpenEmail {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/OpenEmail.gif') no-repeat center left;
}

.OpenFolder {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/OpenFolder.gif') no-repeat center left;
}

.Page {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/Page.gif') no-repeat center left;
}

.PaperList {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/PaperList.gif') no-repeat center left;
}

.PastePalate {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/PastePalate.gif') no-repeat center left;
}

.Picture {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/Picture.gif') no-repeat center left;
}

.Purchase {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/Purchase.gif') no-repeat center left;
}

.Script {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/Script.gif') no-repeat center left;
}

.SearchPage {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/SearchPage.gif') no-repeat center left;
}

.ShoppingBag {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/ShoppingBag.gif') no-repeat center left;
}

.Sitemap {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/Sitemap.gif') no-repeat center left;
}

.Stats2 {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/Stats2.gif') no-repeat center left;
}

.Tag {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/Tag.gif') no-repeat center left;
}

.Telephone {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/Telephone.gif') no-repeat center left;
}

.TextFile {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/TextFile.gif') no-repeat center left;
}

.YellowFolder {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/YellowFolder.gif') no-repeat center left;
}

.YellowPen {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/YellowPen.gif') no-repeat center left;
}
.ZipFile {
	background: url('@{images-path}/Icons/skinIcons/16x16/OfficeIcons/ZipFile.gif') no-repeat center left;
}

/*===========================End Office Icons Stylesheet=======================*/
/*===========================Tool Icons Stylesheet=======================*/

.Alarm {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/Alarm.gif') no-repeat center left;
}

.Anchor {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/Anchor.gif') no-repeat center left;
}

.Basketball {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/Basketball.gif') no-repeat center left;
}

.Bell {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/Bell.gif') no-repeat center left;
}

.Billards {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/Billards.gif') no-repeat center left;
}

.BlueActionWheel {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/BlueActionWheel.gif') no-repeat center left;
}

.BlueFlag {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/BlueFlag.gif') no-repeat center left;
}

.Box {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/Box.gif') no-repeat center left;
}

.BriefCase {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/BriefCase.gif') no-repeat center left;
}

.Calculator {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/Calculator.gif') no-repeat center left;
}

.Calendar {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/Calendar.gif') no-repeat center left;

}

.Cart {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/Cart.gif') no-repeat center left;
}

.CD {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/CD.gif') no-repeat center left;
}

.Clock {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/Clock.gif') no-repeat center left;
}

.Component {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/Component.gif') no-repeat center left;
}

.CropTool {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/CropTool.gif') no-repeat center left;
}

.DeskPhone {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/DeskPhone.gif') no-repeat center left;
}

.EmptyBox {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/EmptyBox.gif') no-repeat center left;
}

.Entertainment {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/Entertainment.gif') no-repeat center left;
}

.FileBox {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/FileBox.gif') no-repeat center left;
}

.FirefoxBrowser {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/FirefoxBrowser.gif') no-repeat center left;
}

.FolderExport {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/FolderExport.gif') no-repeat center left;
}

.FolderImport {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/FolderImport.gif') no-repeat center left;
}

.Football {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/Football.gif') no-repeat center left;
}

.Gear {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/Gear.gif') no-repeat center left;
}

.Golf {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/Golf.gif') no-repeat center left;
}

.GrayWallet {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/GrayWallet.gif') no-repeat center left;
}

.GreenFlag {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/GreenFlag.gif') no-repeat center left;
}

.GreyFlag {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/GreyFlag.gif') no-repeat center left;
}

.HardDisk {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/HardDisk.gif') no-repeat center left;
}

.HourGlass {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/HourGlass.gif') no-repeat center left;
}

.Key {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/Key.gif') no-repeat center left;
}

.Light {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/Light.gif') no-repeat center left;
}

.Lock {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/Lock.gif') no-repeat center left;
}

.MacApplicationTool {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/MacApplicationTool.gif') no-repeat center left;
}

.MacMonitor {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/MacMonitor.gif') no-repeat center left;
}

.Magnifier {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/Magnifier.gif') no-repeat center left;
}

.MoveTool {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/MoveTool.gif') no-repeat center left;
}

.Movie {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/Movie.gif') no-repeat center left;
}

.Network {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/Network.gif') no-repeat center left;
}

.Paste {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/Paste.gif') no-repeat center left;
}

.PCMonitor {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/PCMonitor.gif') no-repeat center left;
}

.Pencil {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/Pencil.gif') no-repeat center left;
}

.Raquet {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/Raquet.gif') no-repeat center left;
}

.RedFlag {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/RedFlag.gif') no-repeat center left;
}

.Ruler {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/Ruler.gif') no-repeat center left;
}

.Search {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/Search.png') no-repeat center left;
}

.Shield {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/Shield.png') no-repeat center left;
}

.Shuttlecock {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/Shuttlecock.gif') no-repeat center left;
}

.Soccer {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/Soccer.gif') no-repeat center left;
}

.Sound {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/Sound.gif') no-repeat center left;
}

.Switcher {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/Switcher.gif') no-repeat center left;
}

.Tennis {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/Tennis.gif') no-repeat center left;
}

.ToolBoxOpen {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/ToolBoxOpen.gif') no-repeat center left;
}

.UnLock {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/UnLock.gif') no-repeat center left;
}

.VolumeControl {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/VolumeControl.gif') no-repeat center left;
}

.Wand {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/Wand.gif') no-repeat center left;
}

.Warning {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/Warning.gif') no-repeat center left;
}

.Webcam {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/Webcam.gif') no-repeat center left;
}

.Wrench {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/Wrench.gif') no-repeat center left;
}

.YellowBulb {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/YellowBulb.gif') no-repeat center left;
}

.YellowFlag {
	background: url('@{images-path}/Icons/skinIcons/16x16/ToolIcons/YellowFlag.gif') no-repeat center left;
}

/*===========================End Tool Icons Stylesheet=======================*/
/*===========================User Icons Stylesheet=======================*/

.Comment {
	background: url('@{images-path}/Icons/skinIcons/16x16/UserIcons/Comment.gif') no-repeat center left;
}

.Contact {
	background: url('@{images-path}/Icons/skinIcons/16x16/UserIcons/Contact.gif') no-repeat center left;
}

.Eye {
	background: url('@{images-path}/Icons/skinIcons/16x16/UserIcons/Eye.gif') no-repeat center left;
}

.Finger {
	background: url('@{images-path}/Icons/skinIcons/16x16/UserIcons/Finger.gif') no-repeat center left;
}

.FolderHolder {
	background: url('@{images-path}/Icons/skinIcons/16x16/UserIcons/FolderHolder.gif') no-repeat center left;
}

.Hand {
	background: url('@{images-path}/Icons/skinIcons/16x16/UserIcons/Hand.gif') no-repeat center left;
}

.HandPoint {
	background: url('@{images-path}/Icons/skinIcons/16x16/UserIcons/HandPoint.gif') no-repeat center left;
}

.Help {
	background: url('@{images-path}/Icons/skinIcons/16x16/UserIcons/Help.gif') no-repeat center left;
}

.Personal {
	background: url('@{images-path}/Icons/skinIcons/16x16/UserIcons/Personal.png') no-repeat center left;
}

.Public {
	background: url('@{images-path}/Icons/skinIcons/16x16/UserIcons/Public.gif') no-repeat center left;
}

.User {
	background: url('@{images-path}/Icons/skinIcons/16x16/UserIcons/User.gif') no-repeat center left;
}

.VIPCard {
	background: url('@{images-path}/Icons/skinIcons/16x16/UserIcons/VIPCard.gif') no-repeat center left;
}

.Woman1 {
	background: url('@{images-path}/Icons/skinIcons/16x16/UserIcons/Woman1.png') no-repeat center left;
}

.Woman2 {
	background: url('@{images-path}/Icons/skinIcons/16x16/UserIcons/Woman2.png') no-repeat center left;
}

.Woman3 {
	background: url('@{images-path}/Icons/skinIcons/16x16/UserIcons/Woman3.png') no-repeat center left;
}

.Woman4 {
	background: url('@{images-path}/Icons/skinIcons/16x16/UserIcons/Woman4.png') no-repeat center left;
}

.Worker1 {
	background: url('@{images-path}/Icons/skinIcons/16x16/UserIcons/Worker.png') no-repeat center left;
}

.Worker2 {
	background: url('@{images-path}/Icons/skinIcons/16x16/UserIcons/Worker2.png') no-repeat center left;
}

.YellowComment {
	background: url('@{images-path}/Icons/skinIcons/16x16/UserIcons/YellowComment.gif') no-repeat center left;
}

.MoveUp16x16Icon {
	background: url('@{images-path}/Icons/skinIcons/16x16/MoveUp.gif') no-repeat left center;
}

.MoveDown16x16Icon {
	background: url('@{images-path}/Icons/skinIcons/16x16/MoveDown.gif') no-repeat left center;
}

/*===========================End User Icons Stylesheet=======================*/

