﻿.standardbutton
{
    background: url("../Images/buttons/standardbutton.png");
    background-color: #28324d;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    color: White;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 7pt;
    cursor: pointer;
    /* border: 1px outset #28324d; */
    padding: 2px 13px;
    border: 1px solid;
    border-color: #9CA0AD #1B2234 #1B2234 #9CA0AD;
}

/* Strip extra standardbutton padding in Firefox */
.standardbutton::-moz-focus-inner
{
    padding: 0;
    border: none;
}
/* Strip extra standardbutton padding in Chrome and Safari */
@media screen and (-webkit-min-device-pixel-ratio: 0) 
{
    .standardbutton { margin: 0; }
}

.ie6 .standardbutton, .ie7 .standardbutton			/* IE6, IE7 */
{
    padding: 1px 13px 0;
    overflow: visible;				/* Horizontal padding */
}

.standardbutton:hover
{
    background-position: left -42px;
}

.standardbutton:active
{
    background-position: left -84px;
    border: 1px inset #28324d;
    border-color: #1B2234 #9CA0AD #9CA0AD #1B2234;
}
.standardbutton:disabled:active,
.standardbutton[disabled]:active {
    background-position: left -42px;
    border: 1px solid;
    border-color: #9CA0AD #1B2234 #1B2234 #9CA0AD;
    -moz-box-shadow: 1px 1px 2px #888;
    -webkit-box-shadow: 1px 1px 2px #888;
    box-shadow: 1px 1px 2px #888;
}
.standardbuttons
{
    text-align: center;
    margin: 2em 0;
}
.standardbutton
{
    -moz-box-shadow: 1px 1px 2px #888;
    -webkit-box-shadow: 1px 1px 2px #888;
    box-shadow: 1px 1px 2px #888;
}
.standardbutton:active
{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.disabledTooltip {
    position: relative;
    display: inline-block;
}
.disabledTooltip .disabledTooltiptext {
visibility: hidden;
width: 120px;
background-color: #002855;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 150%;
left: 50%;
margin-left: -60px;
}
.disabledTooltip .disabledTooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}
.disabledTooltip input[disabled]:hover + .disabledTooltiptext {
visibility: visible;
}