/********************************************************************/
/**  Common Tool button style  **************************************/
/********************************************************************/
span.epi-cmsButton, 
span.epitoolbutton, 
span.epi-cmsButton img, 
span.epitoolbutton img, 
span.epitoolbuttonmousedown img, 
span.epi-cmsButton a img, 
span.epitoolbutton a img, 
span.epitoolbutton a img, 
span.epitoolbuttonmousedown a img, 
span.epitoolbutton input,
span.epi-cmsButton input[type="image"], 
span.epitoolbutton input[type="image"],
span.epi-cmsButton input[type="image"], 
span.epitoolbutton input[type="image"],
span.epi-cmsButton img+input,
span.epitoolbutton img+input,
span.epi-cmsButton img+input[value],
span.epitoolbutton img+input[value],
span.epitoolbuttonmousedown,
.epi-cmsButton input, 
.epi-cmsButtonmousedown input {
    cursor: pointer;
}

span.epi-cmsButton, 
span.epi-cmsButtondisabled {
	background-image: url("../Images/Tools/ToolButtonBg.gif");
	background-repeat: repeat-x;
    background-position: left top;
    border: 1px solid #8D8D8D;
	display: inline-block; /* Triggering hasLayout in IE */
    overflow: visible;
	white-space: nowrap;
	padding: 2px;
	margin-right: 5px;
}

span.epitoolbutton, 
span.epitoolbuttondisabled {
	position: relative;
	background-image: url("../Images/Tools/ToolButtonBg.gif");
	background-repeat : repeat-x;
	background-position: left top;
	font-size: 19px;
	line-height: 25px;
	border: 1px solid #8D8D8D;
	border-bottom-color: #8D8D8D;
	overflow: visible;
	white-space: nowrap;
	margin-right: 5px;
}

span.epi-cmsButton img, 
span.epi-cmsButtondisabled img,
span.epitoolbutton img, 
span.epitoolbuttondisabled img, 
span.epitoolbuttonmousedown img {
	left: 2px;
	position: relative;
	margin-right: -18px;
	border: 0;
	-moz-user-select:none;
	z-index: 0;
}

/* Help button (old commandtool) in commandwindow */
span.epi-cmsButton a img, 
span.epi-cmsButtondisabled a img,
span.epitoolbutton a img, 
span.epitoolbuttondisabled a img, 
span.epitoolbuttonmousedown a img {
	vertical-align: top;
	margin-right: 0;
	left: 0;
}

span.epitoolbutton input, 
span.epitoolbuttondisabled input {
	vertical-align:top;
	font-size: 11px;
	line-height: 22px;
	height: 24px;
	border: 0;
	background-color: transparent;
    overflow: visible;
    padding: 0 2px;
    margin-top: 1px;
}

span.epi-cmsButton input[type="image"], 
span.epi-cmsButtondisabled input[type="image"],
span.epitoolbutton input[type="image"],
span.epitoolbuttondisabled input[type="image"] {
	position: relative;
}

span.epi-cmsButton img+input,
span.epi-cmsButtondisabled img+input,
span.epitoolbutton img+input,
span.epitoolbuttondisabled img+input,
span.epitoolbuttonmousedown img+input,
span.epi-cmsButtonmousedown img+input {
	padding-right: 2px;
	padding-left: 14px;
	*padding-left: 24px;
	vertical-align: top;
	background-image: url(../Images/Tools/Clear.gif); /* so that <input> with <img> before it can be click/dragable */
    position: relative;
}

span.epi-cmsButton img+input[value],
span.epi-cmsButtondisabled img+input[value],
span.epitoolbutton img+input[value],
span.epitoolbuttondisabled img+input[value] {
	padding-left: 20px;
}

span.epi-cmsButtondisabled, 
span.epitoolbuttondisabled {
    background-image: none;
	filter: alpha(opacity = 50);
	opacity: 0.5;
}

/* position: relative screws with opacity inheritance from <span> in IE7+ */
span.epi-cmsButtondisabled img,
span.epi-cmsButtondisabled input[type="image"],
span.epi-cmsButtondisabled img+input,
span.epitoolbuttondisabled img,
span.epitoolbuttondisabled input[type="image"],
span.epitoolbuttondisabled img+input {
	*filter: alpha(opacity = 50);
}

span.epitoolbuttonmousedown {
	background-image: none;
	background-color: #fff;
}

/* Toolbar */
.epitoolbararea {
	background-image: url("../Images/General/ToolbarBg.gif");
	background-repeat: repeat-x;
	padding: 2px 0;
}

/* toolbar on page */
.epi-toolbarOnPage {
    border-bottom: 1px solid #8B8B8B;
    padding: 0.2em 0;
    overflow: hidden;
    width: 100%;
}

/* ToolbuttonContainer css */
div.epitoolbuttoncontainer {
	float:left;
	padding-left: 0.3em;
	height: 24px;
}

div.epitoolbuttoncontainernarrowmargin {
	margin-right: 0;
}

div.epitoolbuttoncontainernoborder div.epitoolbuttoncontaineritem {
    border-right: 0px !important;   
}

.epiemptybackground div.epitoolbuttoncontainer {
	background-position: 0% -28px;
	height: 24px;
}

div.epitoolbuttoncontaineritem {
	float: left;
	white-space: nowrap;
	padding-right: 4px;
	border-right: 1px solid #b2b2b2;
	height: 24px;
}

.epiemptybackground div.epitoolbuttoncontaineritem {
	background-position: 100% -28px;
}

/* ToolButtons in a container */
div.epitoolbuttoncontaineritem span.epitoolbutton, 
div.epitoolbuttoncontaineritem span.epitoolbuttondisabled, 
div.epitoolbuttoncontaineritem span.epitoolbuttonmousedown,
div.epitoolbuttoncontaineritem span.epi-cmsButton, 
div.epitoolbuttoncontaineritem span.epi-cmsButtondisabled {
	border: 1px solid transparent; 
	background-image: none;
	margin-left: 0;
}


div.epitoolbuttoncontaineritem span.epitoolbutton:hover,
div.epitoolbuttoncontaineritem span.epi-cmsButton:hover {	
	border: 1px solid #ccc;
	background: #efefef;
}


/* Tool Buttons (input) */
.epi-cmsButton input, 
.epi-cmsButtonmousedown input,
.epi-cmsButtondisabled input {
    border: 0;
    background-color: transparent;
    vertical-align: middle;
    overflow: visible;
    height: 18px;
    }

/* Tool Buttons and Image Editor Buttons with Icons */
input.epi-cmsButton-tools, 
input.epi-cmsButton-imageEditor {
    background-repeat: no-repeat;
    background-color: transparent;
    height: 18px;
    width: 18px;
    overflow: visible;
    border: 0;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    }

/* Tool Button Icons */
input.epi-cmsButton-tools {
    background-image: url(../Images/Tools/SpriteTools.png);
    _background-image: url(../Images/Tools/SpriteTools.gif);
}

/* Tool and Image Editor Buttons w/Text */
input.epi-cmsButton-text {
    padding-left: 20px;
    width: auto;
    min-width: 20px;
}

/* Positioning for Tool Button Sprite */
.epi-cmsButton-Add { background-position: 0 0; } 
.epi-cmsButton-AddFile { background-position: 0 -118px; } 
.epi-cmsButton-AddFiles { background-position: 0 -236px; } 
.epi-cmsButton-AddOff { background-position: 0 -354px; } 
.epi-cmsButton-AddUser { background-position: 0 -472px; } 
.epi-cmsButton-AddUserGroup { background-position: 0 -590px; } 
.epi-cmsButton-AdminMode { background-position: 0 -708px; } 
.epi-cmsButton-ArrowLeft { background-position: 0 -826px; } 
.epi-cmsButton-ArrowRight { background-position: 0 -944px; } 
.epi-cmsButton-Cancel { background-position: 0 -1062px; } 
.epi-cmsButton-Check { background-position: 0 -1180px; } 
.epi-cmsButton-CheckBoxOff { background-position: 0 -1298px; } 
.epi-cmsButton-CheckBoxOn { background-position: 0 -1416px; } 
.epi-cmsButton-CheckOff { background-position: 0 -1534px; } 
.epi-cmsButton-CheckinVersion { background-position: 0 -1652px; } 
.epi-cmsButton-Compare { background-position: 0 -1770px; } 
.epi-cmsButton-Copy { background-position: 0 -1888px; } 
.epi-cmsButton-CopyToClipboard { background-position: 0 -2006px; } 
.epi-cmsButton-CreateFolder { background-position: 0 -2124px; } 
.epi-cmsButton-Cut { background-position: 0 -2242px; } 
.epi-cmsButton-DelayPublish { background-position: 0 -2360px; } 
.epi-cmsButton-Delete { background-position: 0 -2478px; } 
.epi-cmsButton-DeleteFolder { background-position: 0 -2596px; } 
.epi-cmsButton-DeleteLanguage { background-position: 0 -2714px; } 
.epi-cmsButton-DeleteOff { background-position: 0 -2832px; } 
.epi-cmsButton-Down { background-position: 0 -2950px; } 
.epi-cmsButton-DownOff { background-position: 0 -3068px; }
.epi-cmsButton-Edit  { background-position: 0 -3186px; }
.epi-cmsButton-EditMode { background-position: 0 -3304px; }
.epi-cmsButton-EditOff { background-position: 0 -3422px; } 
.epi-cmsButton-Export { background-position: 0 -3540px; } 
.epi-cmsButton-Favorite { background-position: 0 -3658px; } 
.epi-cmsButton-File { background-position: 0 -3776px; } 
.epi-cmsButton-FileManagement { background-position: 0 -3894px; } 
.epi-cmsButton-FolderUp { background-position: 0 -4012px; } 
.epi-cmsButton-Help { background-position: 0 -4130px; } 
.epi-cmsButton-Import { background-position: 0 -4248px; } 
.epi-cmsButton-LanguageOverview { background-position: 0 -4366px; } 
.epi-cmsButton-LanguagePage { background-position: 0 -4484px; } 
.epi-cmsButton-LanguageProperty { background-position: 0 -4602px; } 
.epi-cmsButton-LanguageSettings { background-position: 0 -4720px; } 
.epi-cmsButton-LogOut { background-position: 0 -4838px; } 
.epi-cmsButton-MySettings { background-position: 0 -4956px; } 
.epi-cmsButton-NewFile { background-position: 0 -5074px; } 
.epi-cmsButton-NewPage { background-position: 0 -5192px; } 
.epi-cmsButton-OpenInWindow { background-position: 0 -5310px; } 
.epi-cmsButton-Paste { background-position: 0 -5428px; } 
.epi-cmsButton-Print { background-position: 0 -5546px; } 
.epi-cmsButton-Property { background-position: 0 -5664px; } 
.epi-cmsButton-Publish { background-position: 0 -5782px; } 
.epi-cmsButton-QuickEdit { background-position: 0 -5900px; } 
.epi-cmsButton-Refresh { background-position: 0 -6018px; } 
.epi-cmsButton-RenameFolder { background-position: 0 -6136px; } 
.epi-cmsButton-Report { background-position: 0 -6254px; } 
.epi-cmsButton-ReportCenter { background-position: 0 -6372px; } 
.epi-cmsButton-Save { background-position: 0 -6490px; } 
.epi-cmsButton-SavePublish { background-position: 0 -6608px; } 
.epi-cmsButton-SaveShow { background-position: 0 -6726px; } 
.epi-cmsButton-Search { background-position: 0 -6844px; } 
.epi-cmsButton-Security { background-position: 0 -6962px; } 
.epi-cmsButton-Up { background-position: 0 -7080px; } 
.epi-cmsButton-UpOff { background-position: 0 -7198px; } 
.epi-cmsButton-ViewMode { background-position: 0 -7316px; } 
.epi-cmsButton-Warning { background-position: 0 -7434px; } 
.epi-cmsButton-Window { background-position: 0 -7552px; } 
.epi-cmsButton-WindowSplit { background-position: 0 -7670px; } 
.epi-cmsButton-Workflow { background-position: 0 -7788px; } 
.epi-cmsButton-WorkflowInformation { background-position: 0 -7906px; } 
.epi-cmsButton-WorkflowView { background-position: 0 -8024px; } 
.epi-cmsButton-Redo { background-position: 0 -8142px; } 
.epi-cmsButton-revert { background-position: 0 -8260px; } 
.epi-cmsButton-Undo { background-position: 0 -8378px; } 


/* Image Editor Button Icons */
input.epi-cmsButton-imageEditor {
    background-image: url(../Images/Tools/SpriteImageEditor.png);
    _background-image: url(../Images/Tools/SpriteImageEditor.gif);
}

/* Positioning for Image Editor Sprite */
.epi-cmsButton-crop { background-position: 0 0; } 
.epi-cmsButton-fliph { background-position: 0 -118px; } 
.epi-cmsButton-flipv { background-position: 0 -236px; } 
.epi-cmsButton-resize { background-position: 0 -354px; } 
.epi-cmsButton-rotateccw { background-position: 0 -472px; } 
.epi-cmsButton-rotatecw { background-position: 0 -590px; } 
.epi-cmsButton-transform { background-position: 0 -708px; }