﻿
.Button {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    /*margin-right: 16px;*/
    height: 27px;
    line-height: 27px;
    min-width: 54px;
    outline: 0;
    padding: 0 8px;
    
    display: -moz-inline-box;
    display: inline-block;
	zoom: 1;
	*display: inline;
}
.Button .ImageText {
    display: inline-block;
    padding: 0 5px;
    vertical-align: top;
}

.Blue {
    background-color: #4D90FE;
    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;
    color: white;
}
.Blue:hover {
    background-color: #357AEB;
    background-image: -webkit-linear-gradient(top,#4D90FE,#357AEB);
    background-image: -moz-linear-gradient(top,#4D90FE,#357AEB);
    background-image: -ms-linear-gradient(top,#4D90FE,#357AEB);
    background-image: -o-linear-gradient(top,#4D90FE,#357AEB);
    background-image: linear-gradient(top,#4D90FE,#357AEB);
    border: 1px solid #2F5BB7;
}
.Blue .BackIcon {
	background: url('../../images/sprites/iphone_toolbar_icons_full.png') no-repeat -109px -7px;
	width: 20px;
	height: 20px;
    display: inline-block;
}
.Blue .PencilIcon {
	background: url('../../images/sprites/iphone_toolbar_icons_full.png') no-repeat -413px -346px;
	width: 23px;
	height: 23px;
    display: inline-block;
    margin: 2px;
}
.Blue .WrenchIcon {
	background: url('../../images/sprites/iphone_toolbar_icons_full.png') no-repeat -72px -39px;
	width: 25px;
	height: 25px;
    display: inline-block;
    margin: 2px;
}


.Black {
    background-color: #474747;
    background-image: -webkit-linear-gradient(top,#474747,#333333);
    background-image: -moz-linear-gradient(top,#474747,#333333);
    background-image: -ms-linear-gradient(top,#474747,#333333);
    background-image: -o-linear-gradient(top,#474747,#333333);
    background-image: linear-gradient(top,#474747,#333333);
    border: 1px solid #333333;
    color: white;
}
.Black:hover 
{
	/* IE Only seems to be able to handle a single hover color...
    background-color: #357AEB;
    background-image: -webkit-linear-gradient(top,#1F1F1F,#474747);
    background-image: -moz-linear-gradient(top,#1F1F1F,#474747);
    background-image: -ms-linear-gradient(top,#1F1F1F,#474747);
    background-image: -o-linear-gradient(top,#1F1F1F,#474747);
    background-image: linear-gradient(top,#1F1F1F,#474747);
    border: 1px solid #474747;
    */
    background-color: #1F1F1F;
    background-image: -webkit-linear-gradient(top,#1F1F1F,#1F1F1F);
    background-image: -moz-linear-gradient(top,#1F1F1F,#1F1F1F);
    background-image: -ms-linear-gradient(top,#1F1F1F,#1F1F1F);
    background-image: -o-linear-gradient(top,#1F1F1F,#1F1F1F);
    background-image: linear-gradient(top,#1F1F1F,#1F1F1F);
    border: 1px solid #1F1F1F;
}

.BlueDark {
    background-color: #369;
    background-image: -webkit-linear-gradient(top,#369,#15487B);
    background-image: -moz-linear-gradient(top,#369,#15487B);
    background-image: -ms-linear-gradient(top,#369,#15487B);
    background-image: -o-linear-gradient(top,#369,#15487B);
    background-image: linear-gradient(top,#369,#15487B);
    border: 1px solid #15487B;
    color: white;
}
.BlueDark:hover {
    background-color: #357AEB;
    background-image: -webkit-linear-gradient(top,#369,#15487B);
    background-image: -moz-linear-gradient(top,#369,#15487B);
    background-image: -ms-linear-gradient(top,#369,#15487B);
    background-image: -o-linear-gradient(top,#369,#15487B);
    background-image: linear-gradient(top,#369,#15487B);
    border: 1px solid #013467;
}

.Green {
    background-color: #3D9400;
    background-image: -webkit-linear-gradient(top,#3D9400,#29691D);
    background-image: -moz-linear-gradient(top,#3D9400,#29691D);
    background-image: -ms-linear-gradient(top,#3D9400,#29691D);
    background-image: -o-linear-gradient(top,#3D9400,#29691D);
    background-image: linear-gradient(top,#3D9400,#29691D);
    border: 1px solid #29691D;
    color: white;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
}
.Green:hover {
    background-color: #1F7600;
    background-image: -webkit-linear-gradient(top,#3D9400,#1F7600);
    background-image: -moz-linear-gradient(top,#3D9400,#1F7600);
    background-image: -ms-linear-gradient(top,#3D9400,#1F7600);
    background-image: -o-linear-gradient(top,#3D9400,#1F7600);
    background-image: linear-gradient(top,#3D9400,#1F7600);
    border: 1px solid #155509;
}

.LightGreen {
    background-color: #50B848;
    background-image: -webkit-linear-gradient(top,#50B848,#50B848);
    background-image: -moz-linear-gradient(top,#50B848,#50B848);
    background-image: -ms-linear-gradient(top,#50B848,#50B848);
    background-image: -o-linear-gradient(top,#50B848,#50B848);
    background-image: linear-gradient(top,#50B848,#50B848);
    border: 1px solid #3CA434;
    color: white;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
}
.LightGreen:hover {
    background-color: #46AE3E;
    background-image: -webkit-linear-gradient(top,#46AE3E,#46AE3E);
    background-image: -moz-linear-gradient(top,#46AE3E,#46AE3E);
    background-image: -ms-linear-gradient(top,#46AE3E,#46AE3E);
    background-image: -o-linear-gradient(top,#46AE3E,#46AE3E);
    background-image: linear-gradient(top,#46AE3E,#46AE3E);
    border: 1px solid #3CA434;
}

.Red {
    background-color: #D14836;
    background-image: -webkit-linear-gradient(top,#DD4B39,#D14836);
    background-image: -moz-linear-gradient(top,#DD4B39,#D14836);
    background-image: -ms-linear-gradient(top,#DD4B39,#D14836);
    background-image: -o-linear-gradient(top,#DD4B39,#D14836);
    background-image: linear-gradient(top,#DD4B39,#D14836);
    border: 1px solid transparent;
    color: white;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
}
.Red:hover {
    background-color: #C53727;
    background-image: -webkit-linear-gradient(top,#DD4B39,#C53727);
    background-image: -moz-linear-gradient(top,#DD4B39,#C53727);
    background-image: -ms-linear-gradient(top,#DD4B39,#C53727);
    background-image: -o-linear-gradient(top,#DD4B39,#C53727);
    background-image: linear-gradient(top,#DD4B39,#C53727);
    border: 1px solid #B0281A;
}

.Gray {
    background-color: whiteSmoke;
    background-image: -webkit-linear-gradient(top,whiteSmoke,#F1F1F1);
    background-image: -moz-linear-gradient(top,whiteSmoke,#F1F1F1);
    background-image: -ms-linear-gradient(top,whiteSmoke,#F1F1F1);
    background-image: -o-linear-gradient(top,whiteSmoke,#F1F1F1);
    background-image: linear-gradient(top,whiteSmoke,#F1F1F1);
    border: 1px solid #CCC;
    color: #333;
}
.Gray:hover {
    background-color: #F8F8F8;
    background-image: -webkit-linear-gradient(top,#F8F8F8,#F1F1F1);
    background-image: -moz-linear-gradient(top,#F8F8F8,#F1F1F1);
    background-image: -ms-linear-gradient(top,#F8F8F8,#F1F1F1);
    background-image: -o-linear-gradient(top,#F8F8F8,#F1F1F1);
    background-image: linear-gradient(top,#F8F8F8,#F1F1F1);
    border: 1px solid #C6C6C6;
    color: #444;
}

		
.Orange {
	border: 1px solid #e67e22;
	color: white;
	
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	margin: 0;
	
	background: #f1c40f;
	background: -moz-linear-gradient(top, #f1c40f 0%, #f39c12 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1c40f), color-stop(100%,#f39c12));
	background: -webkit-linear-gradient(top, #f1c40f 0%,#f39c12 100%);
	background: -o-linear-gradient(top, #f1c40f 0%,#f39c12 100%);
	background: -ms-linear-gradient(top, #f1c40f 0%,#f39c12 100%);
	background: linear-gradient(to bottom, #f1c40f 0%,#f39c12 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1c40f', endColorstr='#f39c12',GradientType=0 );
}
.Orange:hover {
	border: 1px solid #e67e22;
	
	background: #f1c40f;
	background: -moz-linear-gradient(top, #f1c40f 0%, #e67e22 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1c40f), color-stop(100%,#e67e22));
	background: -webkit-linear-gradient(top, #f1c40f 0%,#e67e22 100%);
	background: -o-linear-gradient(top, #f1c40f 0%,#e67e22 100%);
	background: -ms-linear-gradient(top, #f1c40f 0%,#e67e22 100%);
	background: linear-gradient(to bottom, #f1c40f 0%,#e67e22 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1c40f', endColorstr='#e67e22',GradientType=0 );
}


.Disabled,
.Disabled:hover,
.disabled,
.disabled:hover
{
    background-color: #FFFFFF;
    background-image: -webkit-linear-gradient(top,#FFFFFF,#F1F1F1);
    background-image: -moz-linear-gradient(top,#FFFFFF,#F1F1F1);
    background-image: -ms-linear-gradient(top,#FFFFFF,#F1F1F1);
    background-image: -o-linear-gradient(top,#FFFFFF,#F1F1F1);
    background-image: linear-gradient(top,#FFFFFF,#F1F1F1);
    border: 1px solid #CCC;
    color: #AAA;
    cursor: default !important;
}