﻿
/* Buttons - LinkButton */

a.link-button {
    display: block;
    margin: 3px;
    padding: 3px;
    font-size: 12px;
    border: 1px solid #FFF;
}
a.link-button img {
    vertical-align: middle;
    margin-right: 5px;
}
a.link-button:hover {
    background-color: #FED03E;
    border: 1px solid #CE902E;
}

/* Telerik button styles */

.t-button
{
    color: #fff;
	border-bottom-width: 2px;
	border-color: #A7A9AB;
    background-color: #A7A9AB;
    outline: 0 none!important;
    -webkit-appearance: none;
    /*border-radius: 3px;*/
    border-style: solid;
    height: 30px;
    font-size: 14px;
    padding: 0 10px;
    cursor: pointer;
    margin-right: 6px;
}
/*
.t-button:hover:not(:focus):not(:disabled)
{
	border-color: #d8d8d8 #c8c8c8 #c8c8c8 #c8c8c8!important;
    background-color: #d8d8d8;
}

.t-button.t-state-disabled,
    .t-button:disabled,
    .t-button.t-state-disabled:hover,
    .t-button:disabled:hover
{
	border-color: #eeeeee #e8e8e8 #e8e8e8 #e8e8e8;
    background-color: #eeeeee;
    color: #777;
    cursor: default;
}
*/

.t-button.confirm,
    .t-button.blue
{
	border-color: #4e80c1 #4f80bf #4f80bf #4f80bf;
    background-color: #4e80c1;
    color: #fff;
}

.t-button.light-blue 
{
    border-color: #E4F1FB #e5f1f9 #e5f1f9 #e5f1f9;
    background-color: #E4F1FB;
    color: #3366CC;
}
/*
.t-button.confirm:hover:not(:focus):not(:disabled),
    .t-button.blue:hover:not(:focus):not(:disabled)
{
	border-color: #366aaf #2d5a94 #2d5a94 #2d5a94!important;
    background-color: #366aaf;
}

.t-button.light-blue:hover:not(:focus):not(:disabled) {
    border-color: #CBE2FF #CBD9F4 #CBD9F4 #CBD9F4 !important;
    background-color: #CBE2FF
}
*/
.t-button.confirm.t-state-disabled,
    .t-button.confirm:disabled,
    .t-button.confirm.t-state-disabled:hover,
    .t-button.confirm:disabled:hover,
    .t-button.blue.t-state-disabled,
    .t-button.blue:disabled,
    .t-button.blue.t-state-disabled:hover,
    .t-button.blue:disabled:hover,
    .t-button.light-blue.t-state-disabled,
    .t-button.light-blue:disabled,
    .t-button.light-blue.t-state-disabled:hover,
    .t-button.light-blue:disabled:hover
{
	border-color: #93b1d3 #8da5bf #8da5bf #8da5bf;
    background-color: #93b1d3;
    color: #eee;
    cursor: default;
}


.t-button.green
{
	border-color: #3caa6c #319f61 #319f61 #319f61;
    background-color: #3caa6c;
    color: #fff;
}

.t-button.green:hover:not(:focus):not(:disabled)
{
	border-color: #269355 #1f894d #1f894d #1f894d!important;
    background-color: #269355;
}

.t-button.green.t-state-disabled,
    .t-button.green:disabled,
    .t-button.green.t-state-disabled:hover,
    .t-button.green:disabled:hover
{
	border-color: #7eb899 #6ba385 #6ba385 #6ba385!important;
    background-color: #7eb899!important;
    color: #eee;
    cursor: default;
}


.t-button.yellow
{
	border-color: #f0d888 #ebd179 #ebd179 #ebd179;
    background-color: #fae7a4;
    color: #333;
}

.t-button.yellow:hover:not(:focus):not(:disabled)
{
	border-color: #e8ce78 #e0c25e #e0c25e #e0c25e!important;
    background-color: #f9e291;
}

.t-button.yellow.t-state-disabled,
    .t-button.yellow:disabled,
    .t-button.yellow.t-state-disabled:hover,
    .t-button.yellow:disabled:hover
{
	border-color: #d6ccaa #c8bf9e #c8bf9e #c8bf9e!important;
    background-color: #d6ccaa!important;
    color: #777;
    cursor: default;
}


.t-button.gray
{
	border-color: #888 #777 #777 #777;
    background-color: #888;
    color: #fff;
}

.t-button.gray:hover:not(:focus):not(:disabled)
{
	border-color: #777 #666 #666 #666!important;
    background-color: #777;
}

.t-button.gray.t-state-disabled,
    .t-button.gray:disabled,
    .t-button.gray.t-state-disabled:hover,
    .t-button.gray:disabled:hover
{
	border-color: #999 #888 #888 #888;
    background-color: #999;
    color: #ddd;
    cursor: default;
}


.t-button.red
{
	border-color: #e74c3c #db4030 #db4030 #db4030;
    background-color: #e74c3c;
    color: #fff;
}

.t-button.red:hover:not(:focus):not(:disabled)
{
	border-color: #d04133 #ce3222 #ce3222 #ce3222!important;
    background-color: #d04133;
}

.t-button.red.t-state-disabled,
    .t-button.red:disabled,
    .t-button.red.t-state-disabled:hover,
    .t-button.red:disabled:hover
{
	border-color: #b0675f #a15b53 #a15b53 #a15b53;
    background-color: #b0675f;
    color: #ddd;
    cursor: default;
}


.transparent-color-button 
{
    background-color: #fff;
    display: inline-block;
    border: 2px solid #DCE4ED;
    height: 30px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 30px;
    line-height: 30px;
}

.transparent-color-button:hover {
    background-color: #e4f1fb;
    border: 2px solid #469fd7;
}

