.Button
{
    background-color: #0D6AA8;
    color: white;
    height: 25px;
    padding-left: 7px;
    padding-right: 7px;
    font-family: 'Trebuchet MS';
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    border-color: #7E7EAF;
    -webkit-appearance: none; /*to prevent Safari/Chrome on iOS/Android to add its styling*/
}


.Button:hover
{
    border-color: #00003A;
}

.Button:active
{
    border-color: #7E7EAF;
}

input.Button:disabled
{
    background-color: #E2E2E7;
    border-color: #D0D0D7;
    color: #848484;
}

input.Button:disabled:hover
{
    cursor: default;
}

.IconButton_16
{
    height: 16px;
    width: 16px;
}

.IconButton_20
{
    height: 20px;
    width: 20px;
}



.IconButton_16, .IconButton_20
{
    box-sizing: content-box;
    background-repeat: no-repeat !important;
    background-position: center !important;
    border: none;
    padding: 2px;
    margin: 0px;
    vertical-align: middle;
    -moz-box-sizing: content-box; /* Firefox */
}

.IconButton_16:hover, .IconButton_20:hover
{
    padding: 1px;
    border: solid 1px grey;
    border-radius: 2px;
}

.NoBorder:hover
{
    padding: 2px;
    border: none;
}

.PreviousIcon
{
    background: url('../images/Arrow_Previous_20_Landfolio.png');
}
.NextIcon
{
    background: url('../images/Arrow_Next_20_Landfolio.png');
}
.EditIcon_20
{
    background: url('../images/Edit_20_Landfolio.png');
}
.SaveIcon
{
    background: url('../images/Disk_20_Landfolio.png');
}
.CancelIcon
{
    background: url('../images/Revert_20_Landfolio.png');
}

.CreateNewIcon
{
    background: url('../images/Add.png');
}

.AddToListIcon
{
    background: url('../images/AddExisting.png');
}

.RemoveFromListIcon
{
    background: url('../images/Remove.png');
}

.DeleteIcon
{
    background: url('../images/Delete.png');
}

.DeleteIconSubtle
{
    background: url('../images/Delete_subtle.png');
}

.DeleteIconSubtle:hover
{
    background: url('../images/Delete.png');
}

.EditIcon_16
{
    background: url('../images/Edit.png');
}

.SelectColumnsIcon
{
    background: url('../images/ToolItems/ChooseColumns.png');
}

.MenuIcon
{
    background: url('../images/ToolItems/Menu.png');
}

.FilterOpenIcon
{
    background: url('../images/ToolItems/FilterList.png');
}

.FilterClosedIcon
{
    background: url('../images/ToolItems/FilterListCancel.png');
}

.PermalinkIcon
{
    background: url('../images/PermaLink.png');
}


/* Button groupings : adds spacing between buttons*/
.ButtonGroup .Button
{
    margin-left: 3px;
}

.ButtonGroup .Button:first-of-type
{
    margin-left: 0px;
}