﻿/*Styling for Buttons*/
.buttons
{
	display:inline-block;
	margin-bottom:10px;
	margin-right:10px;
}

button, .button
{	
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border:1px solid #c7c7c7;
    color: black;
    cursor: pointer;
    display: inline-block;
    zoom:1;
    *display: inline;
    font-family: 'Segoe UI', Tahoma, arial, sans-serif;
    margin: 10px;
    padding: 5px 8px 5px 8px;
    /*text-shadow: 0 1px 2px black;*/
    vertical-align: middle;
}

/*For consistent default button look*/
a.button
{
    background-color: #f0f0f0;
    *padding: 8px;
}

 .button span 
 { 
    vertical-align:middle;
    display: inline-block; margin-top:-2px;
    border-left:1px dotted #c9c9c9;
}
/*#region Button Colours*/

.button-red
{
    background: #DD0017 ;
    background: -moz-linear-gradient(top, #F40017 0%, #B50025 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F40017), color-stop(100%, #B50025));
    /**background: orange !important;   */
}

.button-red:hover
{
    background: #FF6600;
    background-image: linear-gradient(bottom, #FF6600 16%, #FFBA8F 79%);
    background-image: -o-linear-gradient(bottom, #FF6600 16%, #FFBA8F 79%);
    background-image: -moz-linear-gradient(bottom, #FF6600 16%, #FFBA8F 79%);
    background-image: -webkit-linear-gradient(bottom, #FF6600 16%, #FFBA8F 79%);
    background-image: -ms-linear-gradient(bottom, #FF6600 16%, #FFBA8F 79%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.16, #FF6600), color-stop(0.79, #FFBA8F));
}

.button-blue
{
    -moz-border-radius: 2px;
    -moz-transition: all 0.218s;
    -moz-user-select: none;  
    -ms-transition: all 0.218s;
    -o-transition: all 0.218s;
    -webkit-border-radius: 2px;
    -webkit-transition: all 0.218s;
    -webkit-user-select: none;
    *background: #DD0017;
    background-color: #4d90fe;  
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4d90fe), to(#4787ed));
    background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed);
    background-image: -moz-linear-gradient(top, #4d90fe, #4787ed);
    background-image: -ms-linear-gradient(top, #4d90fe, #4787ed);
    background-image: -o-linear-gradient(top, #4d90fe, #4787ed);
    background-image: linear-gradient(top, #4d90fe, #4787ed);
    border: 1px solid #3079ed;
    border-radius: 2px;  
    color: #fff;
    cursor: default;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
    transition: all 0.218s;  
    user-select: none;    
}    
    
a.b-green,.b-green
{
    color: #fff;
    background: #A1D474; 
    background-image: linear-gradient(bottom, #619C36 6%, #A1D474 55%);
background-image: -o-linear-gradient(bottom, #619C36 6%, #A1D474 55%);
background-image: -moz-linear-gradient(bottom, #619C36 6%, #A1D474 55%);
background-image: -webkit-linear-gradient(bottom, #619C36 6%, #A1D474 55%);
background-image: -ms-linear-gradient(bottom, #619C36 6%, #A1D474 55%);

background-image: -webkit-gradient(
	linear,
	right bottom,
	right top,
	color-stop(0.06, #619C36),
	color-stop(0.55, #A1D474)
);
    

}

    /*#endregion*/


.content .buttons li
{
	display:block;
	float:left;
}

.content .buttons li span
{
	display:block;
	width:99px;
	height:5px;
	font-size:5px;
	padding-bottom:10px;
	margin:0 auto;
}

.content .buttons li.selected span
{
	background:#515151;
}

.content .buttons li a:hover,.content .buttons li a.disabled_button:hover
{
	background-position:0 0;
}

.ok-cancel-buttons .button
{
	margin-right:10px;
	float:right;
}

a:hover .button
{
	color:#FFFFFF;
}

.button-green input,.button-green button,.button-green input.aspNetDisabled:hover,.button-green button.aspNetDisabled:hover
{
	background-position:-117px -59px;
	color:#FFFFFF;
}

.button-green input:hover,.button-green a:hover,.button-green button:hover
{
	background-position:0 -59px;
}

.button-red input,.button-red button,.button-red input.aspNetDisabled:hover,.button-red button.aspNetDisabled:hover
{
	background-position:-116px -30px;
}

.button-red input:hover,.button-red a:hover,.button-red button:hover
{
	background-position:0 -30px;
}

.button-grey,.button-grey input.aspNetDisabled:hover,.button-grey button.aspNetDisabled:hover
{
	background-position:-118px 1px;
}

.buttonsRight a.button
{
	float:right;
	padding-bottom:0;
	height:24px;
}

.small-button
{
	background-color:#ccc;
	width:22px;
}

.medium-button
{
	background-color:#ccc;
	width:44px;
}

.aspNetDisabled
{
	color:#bdbdbd;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	opacity:0.5;
}