﻿/* buttons */
.standardButton
{
    border: 1px solid #666666;
    background-color: #efefef;
    font-family: Verdana;
    font-size: 12px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: #666666;
}

.standardButton:hover
{
    border-color: #C0C0C0;
    background-color: #C2CFE5;
    color: #333333;
}

.threeStateButton
{
    margin-left: 5px;
    margin-right: 5px;
}


/* mapping buttons */
img.imgButtonchecked.imgMappingRefButton
{
    background-color: #ffc182;
    border: 1px solid transparent !important;
}

img.imgButtonunchecked.imgMappingRefButton
{
    border: 1px solid transparent !important;
}


img.imgButtonchecked.imgButton
{
background-color:#99AFD4;
border: 1px solid transparent !important;

}




img.imgButtonchecked.imgButton.toolbarImageButton
{
border: 1px solid #335EA8 !important;
}

img.imgButton.toolbarImageButton
{    margin-left: -3px;
    }

input.imgActionButton.toolbarImageButton
{    margin-left: -3px;
    }


img.imgButtonchecked.imgButton:hover
{
background-color:#99AFD4;
border: 1px solid #335EA8 !important;
}

img.imgButtonunchecked.imgButton
{
border: 1px solid transparent !important;
}



img.imgButtonunchecked.imgButton:hover
{
background-color:#C2CFE5;
border: 1px solid #335EA8 !important;
}

input.imgActionButton
{
border: 1px solid transparent !important;
outline: none;

}

/*input.imgActionButton:active
{
    background-color:#99AFD4;
    border: 1px solid black !important;
}*/

input.imgActionButton:hover
{
    background-color:#C2CFE5;
    border: 1px solid #335EA8 !important;
}


input.imgActionButton.navButtons
{
border: 1px solid #335EA8 !important;
outline: none;
margin-top:4px;
}

input.imgActionButton.navButtons[disabled] 
{
opacity: 0.2; filter: alpha(opacity=20);
}

input.imgActionButton.navButtons[disabled]:hover
{
background-color:#E0E0E0;
opacity: 0.2; filter: alpha(opacity=20);
border:0 !important;
}


img.imgButtonunchecked.imgButton.toolbarImageButton[disabled] 
{
opacity: 0.2; filter: alpha(opacity=20);
background-color:transparent !important;
border:0 !important;

}

img.imgButtonunchecked.imgButton.toolbarImageButton[disabled]:hover
{
background-color:transparent !important;
opacity: 0.2; filter: alpha(opacity=20);border:none;
border:0 !important;
}
img.imgButtonchecked.imgButton.toolbarImageButton[disabled] 
{
opacity: 0.2; filter: alpha(opacity=20);
background-color:transparent !important;
border:0 !important;
}

img.imgButtonchecked.imgButton.toolbarImageButton[disabled]:hover
{

opacity: 0.2; filter: alpha(opacity=20);
background-color:transparent !important;
border:0 !important;
}



img.imgButtonchecked.imgButton.toolbarImageButton.imgPin 
{
    background-color: transparent !important;
    border: 1px solid transparent !important;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

img.imgButtonchecked.imgButton.toolbarImageButton.imgPin:hover
{
background-color:#C2CFE5 !important;
border: 1px solid #335EA8 !important;
}

/* property fields */
.dateProperty
{
    width: 80px;
}

/* just item on screen to show tooltip for properties */
.infoButton
{
    margin-left: 4px;
    background-image: url('../../i/common/icons/icon_tooltip_ltblue.png');
    width: 12px;
    height: 12px;
    display: inline-block;
    background-repeat: no-repeat;
}

/* grid */
.gridSubHeader
{
    /*background-color: #E0E0E0;*/
}

.gridSubContent
{
    padding-left: 20px;
    margin-right: 3px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.gridGroupTb
{
    width: 75px;
    float: right;
    margin-right: 20px;
}

.InventoryMapping .gridGroupTb {
    width: 90px;
}

.clockTooltip {
    margin-top: 4px;
    margin-right: 4px;
    background: url("../../i/common/icons/icon_clock_off.png") no-repeat 100% 100%;
    width: 32px;
    height: 22px;
    display: inline-block;
    background-repeat: no-repeat;
    border-left: 2px solid white;
}
.clockTooltipHeading{
    font-size:20px;
    font-weight:bold;
    padding-bottom:6px;
}