/*///////////////////BUTTON///////////////////*/
.buttonUserControl
{
	text-align:center;
	width: auto;
	height:20px;
	color:black;
}

.buttonUserControl.HasText,
.buttonUserControl.Border
{
    background-color: white;
    border: 1px solid #C4C4C4;
}

.buttonUserControl.NoBorder
{
    border:1px transparent solid;
}	

.buttonUserControl
{
	cursor:pointer;
}

.buttonUserControl.NoCursor,
.buttonUserControl .buttonItemImage,
.buttonUserControl .buttonItemLabel {
	cursor:inherit;
    
}

/*.buttonUserControl:not(.NoCursor),
.buttonUserControl:not(.NoCursor) .buttonItemImage,
.buttonUserControl:not(.NoCursor) .buttonItemLabel {
	cursor:pointer;
}*/


.buttonUserControl .buttonItemLabel,
.buttonUserControl .buttonItemLabel {
    display: inline-block;
}

.buttonUserControl .buttonItemLabel  
{
    margin: 5px;
    margin-bottom: 0px;
    height: 15px;
    line-height: 11px;
	background:none;
    width: auto;
}

.buttonUserControl.HasImage:not(.HasText) .buttonItemLabel {
    margin: 0px;
    height: 0px;
    line-height: 0px;
	background:none;
}

.buttonUserControl.HasImage
{
	margin:0px;
    padding:0px;
    width: 26px;
    height: 26px;
}

.buttonUserControl.HasImage.Tiny {
    width: 10px;
    height: 10px;
}

.buttonUserControl.HasImage.Small {
    width: 18px;
    height: 18px;
}

.buttonUserControl.HasImage.Special {
    width: 16px;
    height: 16px;
}

.buttonUserControl.HasImage.Big {
    width: 34px;
    height: 34px;
}

.buttonUserControl.TempSelected,
.buttonUserControl.Selected,
.buttonUserControl.Active,
.buttonUserControl.Hovered.HasText,
.buttonUserControl.Hovered.HasImage.SpecialHover
{
	color:black;
    background-color: #e2e9ef;

}

.buttonUserControl.Pressed.HasText {
	color:black;
    background-color: white;
}

.buttonUserControl.HasImage .buttonItemImage {
    margin: 1px;
    width: 24px;
    height: 24px;
}

.buttonUserControl.HasImage.Tiny .buttonItemImage {
    margin: 1px;
    width: 8px;
    height: 8px;
}

.buttonUserControl.HasImage.Small .buttonItemImage {
    margin: 1px;
    width: 16px;
    height: 16px;
}

.buttonUserControl.HasImage.Special .buttonItemImage {
    margin:1px;
    margin-top: 4px;
    width: 8px;
    height: 8px;
}

.buttonUserControl.HasImage.Big .buttonItemImage {
    width: 32px;
    height: 32px;
}


.buttonUserControl.HasImage.Hovered:not(.NoHover):not(.SpecialHover):not(.Pressed) .buttonItemImage
{
    margin: 0px;
    width: 26px;
    height: 26px;
}

.buttonUserControl.HasImage.Hovered.Tiny:not(.NoHover):not(.SpecialHover):not(.Pressed) .buttonItemImage
{
    margin: 0px;
    width: 10px;
    height: 10px;
}

.buttonUserControl.HasImage.Hovered.Small:not(.NoHover):not(.SpecialHover):not(.Pressed) .buttonItemImage
{
    margin: 0px;
    width: 18px;
    height: 18px;
}

.buttonUserControl.HasImage.Hovered.Special:not(.NoHover):not(.SpecialHover):not(.Pressed) .buttonItemImage
{
    margin: 0px;
    margin-top:4px;
    width: 10px;
    height: 10px;
}

.buttonUserControl.HasImage.Hovered.Big:not(.NoHover):not(.SpecialHover):not(.Pressed) .buttonItemImage
{
    margin: 0px;
    width: 34px;
    height: 34px;
}

.buttonUserControl.HasText {
    width: auto;
}

.buttonUserControl.HasText.Small {

    height: 16px;
}

.buttonUserControl.HasText.Small .buttonItemLabel
{
    margin-top: 3px;
}

/*///////////////////END///////////////////*/