﻿/********************************************************************/
/**  Common Tool button style  **************************************/
/********************************************************************/
.hidden 
{
	display:none !important;	
}

span.epitoolbutton, 
span.epitoolbuttondisabled, 
span.epitoolbuttonmousedown
{
/*	position: relative;*/
	background-image: url("../Images/Tools/ToolButtonBg.gif");
	background-repeat : repeat;
	background-position: center;
	font-size: 19px;
	line-height: 25px;
	border: 1px solid #ACB9C5;	
	border-bottom-color: #9DA9B4;
	cursor: pointer;
	overflow:visible;
	white-space: nowrap;
}

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;
	margin-top: 3px;
}

/* Help button (old commandtool) in commandwindow */
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, 
span.epitoolbuttonmousedown input
{
	vertical-align:top;
	/*position: relative;*/
	font-size: 11px;
	line-height: 22px;
	height: 24px;
	border: 0;
	background-image: url("../Images/Tools/Clear.gif");
	background-color: transparent;
	cursor: pointer;
    overflow: visible;
    padding: 0 2px 0 2px;
    margin-top: 1px;
	
}

span.epitoolbutton input[type="image"],
span.epitoolbuttondisabled input[type="image"]  
{
	/*position: relative;*/
	padding-bottom: 5px;
	height: 18px;
	top: 2px;
}

span.epitoolbutton img+input,
span.epitoolbuttondisabled img+input
{
	padding-right: 2px;
	padding-left: 14px;
	padding-left: 20px;
}

span.epitoolbutton img+input[value],
span.epitoolbuttondisabled img+input[value]
{
	padding-left: 20px;
}


span.epitoolbuttondisabled
{
	border: 1px solid #a8a8a8;
	background-image: none;
}

span.epitoolbuttondisabled img,
span.epitoolbuttondisabled input[type="image"]
{
	filter: alpha(opacity = 30);
	opacity: 0.3;
	cursor: default;
}

span.epitoolbutton:hover
{
	border: 1px solid #79828A;
	border-bottom-color: #6F787F;
}

span.epitoolbuttonmousedown {
	background-image: none;
	background-color: White;
}

/* ToolbuttonContainer css */
div.epitoolbuttoncontainer
{
	float:left;
	padding-left: 4px;
	margin: 3px 8px 3px 0;
	background-image: url("../Images/Tools/toolbuttoncontainerbefore.gif");
	background-repeat: no-repeat;
}

div.epitoolbuttoncontainernarrowmargin
{
	margin-right: 4px;
}
.epiemptybackground div.epitoolbuttoncontainer
{
	background-position: 0% -28px;
}

div.epitoolbuttoncontaineritem
{
	float: left;
	white-space: nowrap;
	height: 26px;
	background-image: url("../Images/Tools/toolbuttoncontainerbglong.gif");
	background-position: 100% 0%;
	background-repeat: no-repeat;
	padding-right: 4px;
}

.epiemptybackground div.epitoolbuttoncontaineritem
{
	background-position: 100% -28px;
}

/* ToolButtons in a container */
div.epitoolbuttoncontaineritem span.epitoolbutton, 
div.epitoolbuttoncontaineritem span.epitoolbuttondisabled, 
div.epitoolbuttoncontaineritem span.epitoolbuttonmousedown
{
	margin: 0;
	border: 0;
	background-image: none;
}

div.epitoolbuttoncontaineritem span.epitoolbutton:hover
{	
	background-color: #ffffff;
}