﻿

.linkButton 
{
	color:#383838;
	text-decoration:none;
}
.linkButton:hover 
{
	text-decoration:underline;
}

.linkButtonGray
{
	color:#383838;
	font-weight:400;
	font-size:12px;
	text-decoration:none;
}
.linkButtonGray:hover 
{
	text-decoration:underline;
}

.linkButtonGrayUnderline
{
	color:#383838;
	font-weight:400;
	font-size:12px;
	text-decoration:underline;
}
.linkButtonGrayUnderline:hover 
{
	text-decoration:underline;
}

.linkButtonDarkGray
{
	color:#323232;
	font-weight:400;
	font-size:12px;
	text-decoration:none;
}
.linkButtonDarkGray:hover 
{
	text-decoration:underline;
}

.linkButtonGrayBlue
{
	color:#58585a;
	font-weight:400;
	font-size:13px;
	text-decoration:none;
}
.linkButtonGrayBlue:hover 
{
	color:#2E8BCB;
	text-decoration:underline;
}

.linkButtonDarkGrayBlue
{
	color:#323232;
	font-weight:400;
	font-size:12px;
	text-decoration:none;
}
.linkButtonDarkGrayBlue:hover 
{
	color:#2E8BCB;
	text-decoration:underline;
}

.linkButtonBlack
{
	color:black;
	font-weight:400;
}
.linkButtonBlack:hover 
{
	color:black;
	font-weight:400;
	text-decoration:underline;
}

.linkButtonBlackPlain
{
	color:black;
	font-weight:400;
}
.linkButtonBlackPlain:hover 
{
	color:black;
	font-weight:400;
	text-decoration:underline;
}

.linkButtonBlackWhite
{
	color:black;
	font-weight:400;
	text-decoration:none;
}
.linkButtonBlackWhite:hover 
{
	color:white;
	font-weight:400;
	text-decoration:none;
}

.linkButtonBlackBlue
{
	color:black;
	font-weight:400;
}
.linkButtonBlackBlue:hover 
{
	color:#2E8BCB;
	font-weight:400;
	text-decoration:underline;
}

.linkButtonBlue
{
	color:#006bb6;
	text-decoration:none;
    font-weight:400;
}
.linkButtonBlue:hover 
{
	color:#006bb6;
    font-weight:400;
	text-decoration:underline;
}

.linkButtonBlueBig
{
	color:#006bb6;
    font-size:16px;
    font-weight:400;
	text-decoration:underline;
}
.linkButtonBlueBig:hover 
{
	color:#006bb6;
    font-size:16px;
    font-weight:400;
	text-decoration:underline;
}

.linkButtonLightBlue
{
	color:#29abe2;
	text-decoration:none;
}
.linkButtonLightBlue:hover 
{
	color:#29abe2;
	text-decoration:underline;
}

.linkButtonWhiteBlue 
{
	color:#ffffff;
	text-decoration:none;
}
.linkButtonWhiteBlue:hover 
{
	color:#29abe2;
	text-decoration:underline;
}

.linkButtonWhiteGreen
{
	color:#ffffff;
	text-decoration:none;
}
.linkButtonWhiteGreen:hover 
{
	color:#A6D05B;
	text-decoration:underline;
}

.linkButtonWhite 
{
	color:#ffffff;
	text-decoration:none;
}
.linkButtonWhite:hover 
{
	color:#ffffff;
	text-decoration:underline;
}

.linkButtonNavBar
{
	color:#cacbcb;
	text-decoration:none;
}
.linkButtonNavBar:hover 
{
	color:#ffffff;
}

.linkButtonMotorOil
{
	color:#63D1F4;
	font-size:13px;
	font-family:MotorOil;
	font-weight:400;
	text-decoration:none;
}
.linkButtonMotorOil:hover 
{
	color:#ffffff;
	text-decoration:underline;
}


.yellow button { 
	height: 36px;
	font: bold 16px/36px HelveticaNeue, Helvetica, Arial;
	padding-left:10px;
	padding-right:10px;
	cursor: pointer;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid rgba(0,0,0,0.4);
	margin: 0px;
	box-shadow: white 0px 1px 0px, 0px 1px 0px rgba(255,255,255,0.5) inset;
	background-image: -webkit-linear-gradient(transparent, rgba(0,0,0,0.4));
	background-image: -moz-linear-gradient(transparent, rgba(0,0,0,0.4));
	background-color: #f4ab18;
	color: white;
	text-shadow: rgba(0,0,0,0.3) 0px 1px 1px;
}
.redButton { 
	height: 28px;
	font: bold 30px/32px HelveticaNeue, Helvetica, Arial;
	padding-left:10px;
	padding-right:10px;
	cursor: pointer;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid rgba(0,0,0,0.4);
	margin: 0px;
	box-shadow: white 0px 1px 0px, 0px 1px 0px rgba(255,255,255,0.5) inset;
	background-image: -webkit-linear-gradient(transparent, rgba(0,0,0,0.4));
	background-image: -moz-linear-gradient(transparent, rgba(0,0,0,0.4));
	background-color: red;
	color: white;
	text-shadow: rgba(0,0,0,0.3) 0px 1px 1px;
}
.redButtonLarge {
	font: bold 22px/22px HelveticaNeue, Helvetica, Arial;
	padding:10px;
	cursor: pointer;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid rgba(0,0,0,0.4);
	margin: 0px;
	box-shadow: white 0px 1px 0px, 0px 1px 0px rgba(255,255,255,0.5) inset;
	background-image: -webkit-linear-gradient(transparent, rgba(0,0,0,0.4));
	background-image: -moz-linear-gradient(transparent, rgba(0,0,0,0.4));
	background-color: red;
	color: white;
	text-shadow: rgba(0,0,0,0.3) 0px 1px 1px;
}

.zButton { 
	height: 36px;
	font: bold 16px/36px HelveticaNeue, Helvetica, Arial;
	padding-left:10px;
	padding-right:10px;
	cursor: pointer;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid rgba(0,0,0,0.4);
	margin: 0px;
	box-shadow: white 0px 1px 0px, 0px 1px 0px rgba(255,255,255,0.5) inset;
	background-image: -webkit-linear-gradient(transparent, rgba(0,0,0,0.4));
	background-image: -moz-linear-gradient(transparent, rgba(0,0,0,0.4));
	background-color: #e4a61f;
	color: white;
	text-shadow: rgba(0,0,0,0.3) 0px 1px 1px;
}

.buttonsmall {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 6px;
	padding-right: 6px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid rgba(0,0,0,0.4);
	font: bold 14px HelveticaNeue, Helvetica, Arial, sans-serif;
	background-image: -webkit-linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.2));
	background-image: -moz-linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.2));
	-webkit-box-shadow: rgba(255,255,255,0.7) 0px 1px 0px inset, white 0px 1px 0px;
	-moz-box-shadow: rgba(255,255,255,0.7) 0px 1px 0px inset, white 0px 1px 0px;
	box-shadow: rgba(255,255,255,0.7) 0px 1px 0px inset, white 0px 1px 0px;
	background-color: #eee;
	color: #333;
	text-shadow: white 0px 1px 0px;
	cursor: pointer;
	margin: 0px;
	margin-right: 2px;
	margin-bottom: 5px;
}
.buttonsmall:hover {
	background-image: -webkit-linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.3));
	background-image: -moz-linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.3));
}
.buttonsmall:active{
	background-image: -webkit-linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.5));
	background-image: -moz-linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.5));
}
.buttonsmall span {
	font-family: HelveticaNeue-Light, Helvetica, Arial, sans-serif;
	font-weight: normal;
}

.button {
	background: #27cdc5;
	background: -moz-linear-gradient(top,  #2EB4E2 0%, #0389B5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2EB4E2), color-stop(100%,#0389B5));
	background: -webkit-linear-gradient(top,  #2EB4E2 0%,#0389B5 100%);
	background: -o-linear-gradient(top,  #2EB4E2 0%,#0389B5 100%);
	background: -ms-linear-gradient(top,  #2EB4E2 0%,#0389B5 100%);
	background: linear-gradient(top,  #2EB4E2 0%,#0389B5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27cdc5', endColorstr='#20aba4',GradientType=0 );
	border: 1px solid #20aba4;
	border-bottom: 1px solid #1fa29c;
	border: 1px solid hsla(177,68%,40%,1);
	border-bottom: 1px solid hsla(177,68%,38%,1);
	
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding-top:6px;
	padding-bottom:6px;
	padding-left: 12px;
	padding-right: 12px;
	display: inline-block;
	text-align: center;
    font-family: "proxima-nova-alt", Helvetica, Arial;
    font-size: 13px;
	font-weight: normal;
	color: #ffffff;
}

.button:hover {
	background: #31d7cf;
	background: -moz-linear-gradient(top,  hsla(177,67%,52%,1) 0%, hsla(177,69%,44%,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(177,67%,52%,1)), color-stop(100%,hsla(177,69%,44%,1)));
	background: -webkit-linear-gradient(top,  hsla(177,67%,52%,1) 0%,hsla(177,69%,44%,1) 100%);
	background: -o-linear-gradient(top,  hsla(177,67%,52%,1) 0%,hsla(177,69%,44%,1) 100%);
	background: -ms-linear-gradient(top,  hsla(177,67%,52%,1) 0%,hsla(177,69%,44%,1) 100%);
	background: linear-gradient(top,  hsla(177,67%,52%,1) 0%,hsla(177,69%,44%,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31d7cf', endColorstr='#23bcb4',GradientType=0 );
	border: 1px solid #23bcb4;
	border-bottom: 1px solid #22b4ad;
	border: 1px solid hsla(177,68%,44%,1);
	border-bottom: 1px solid hsla(177,68%,42%,1);
	color: #ffffff;
	cursor:pointer;
}

.button:active {
	background: #24bcb5;
	background: hsla(177,68%,44%,1);
	border: 1px solid hsla(177,68%,40%,1);
	border-top: 1px solid hsla(177,68%,34%,1);
	box-shadow: none;
}

.button1 img, .button1 img.right {
	float: none;
	margin-right: -7px;
	margin-left: 5px;
	margin-top: -2px;
	vertical-align: middle;
}

.button1 img.left {
	float: none;
	margin-right: 5px;
	margin-left: -7px;
	margin-top: -2px;
	vertical-align: middle;
}

/* big button */
.large.button  {
	line-height: 42px;
	font-size: 18px;
	padding: 0px 18px;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

/* rounded button */
.rounded.button {
	-moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}

/* blue button */

.blue.button, .skin.button {
	background: #27cdc5;
	background: -moz-linear-gradient(top,  #29abe2 0%, #29abe2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#29abe2), color-stop(100%,#29abe2));
	background: -webkit-linear-gradient(top,  #29abe2 0%,#29abe2 100%);
	background: -o-linear-gradient(top, #29abe2 0%,#29abe2 100%);
	background: -ms-linear-gradient(top,#29abe2 0%,#29abe2 100%);
	background: linear-gradient(top,#29abe2 0%,#29abe2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29abe2', endColorstr='#29abe2',GradientType=0 );
	
	border: 1px solid #29abe2;
	border-bottom: 1px solid #29abe2;
	border: 1px solid 29abe2;
	border-bottom: 1px solid 29abe2;

	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
	color: #ffffff;
}

.blue.button:hover, .skin.button:hover {
	background: #0BB5FF;
	background: -moz-linear-gradient(top,  #0BB5FF 0%, #0BB5FF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0BB5FF), color-stop(100%,#0BB5FF));
	background: -webkit-linear-gradient(top,#0BB5FF 0%,#0BB5FF 100%);
	background: -o-linear-gradient(top, #0BB5FF 0%,hsla(177,69%,44%,1) 100%);
	background: -ms-linear-gradient(top,#0BB5FF 0%,#0BB5FF 100%);
	background: linear-gradient(top, #0BB5FF 0%,#0BB5FF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0BB5FF', endColorstr='#0BB5FF',GradientType=0 );
	border: 1px solid #0BB5FF;
	border-bottom: 1px solid #0BB5FF;
	cursor:pointer;
}

.blue.button:active, .skin.button:active {
	background: #0BB5FF;
	box-shadow: none;
	border: 1px solid #0BB5FF;
	border-top: 1px solid #0BB5FF;
}

.darkblue.button, .skin.button {
	background: #27cdc5;
	background: -moz-linear-gradient(top, #2EB4E2 0%, #0389B5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2EB4E2), color-stop(100%,#0389B5));
	background: -webkit-linear-gradient(top, #2EB4E2 0%,#0389B5 100%);
	background: -o-linear-gradient(top, #2EB4E2 0%,#0389B5 100%);
	background: -ms-linear-gradient(top, #2EB4E2 0%,#0389B5 100%);
	background: linear-gradient(top, #2EB4E2 0%,#0389B5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2EB4E2', endColorstr='#0389B5',GradientType=0 );
	
    border:none;
	border-top: 1px solid #5AC5EA;
	
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #ffffff;
    font-weight:normal;
}

.darkblue.button:hover, .skin.button:hover {
	background: #0389B5;
	border-top: 1px solid #5AC5EA;
	cursor:pointer;
}

.darkblue.button:active, .skin.button:active {
	background: #0389B5;
	border-top: 1px solid #5AC5EA;
}

/* gray button */
.gray.button, .skin.button {
	background: #e7e7e7;
	background: -moz-linear-gradient(top,  #5F5F5F 0%, #4D4D4D 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5F5F5F), color-stop(100%,#4D4D4D));
	background: -webkit-linear-gradient(top,  #5F5F5F 0%,#4D4D4D 100%);
	background: -o-linear-gradient(top,  #5F5F5F 0%,#4D4D4D 100%);
	background: -ms-linear-gradient(top,  #5F5F5F 0%,#4D4D4D 100%);
	background: linear-gradient(top,  #5F5F5F 0%,#4D4D4D 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5F5F5F', endColorstr='#4D4D4D',GradientType=0 );
	
	border: none;
    border-top:1px solid #F2F2F2;
	color: #FFFFFF;
	-moz-box-shadow: none;
	-webkit-box-shadow:none; 
	box-shadow: none;
	font-weight:normal;
}

.gray.button:hover, .skin.button:hover {
	background: #4D4D4D;
	border: none;
    border-top:1px solid #F2F2F2;
	color: #FFFFFF;
	cursor:pointer;
	-moz-box-shadow: none;
	-webkit-box-shadow:none; 
	box-shadow: none;
	font-weight:normal;
}

.gray.button:active, .skin.button:active {
	background: #4D4D4D;
	-moz-box-shadow: none;
	-webkit-box-shadow:none; 
	box-shadow: none;
	border: none;
    border-top:1px solid #F2F2F2;
	font-weight:normal;
}

/* gray button */
.lightgray.button, .skin.button {
	background: #D1D1D1;
	background: -moz-linear-gradient(top,  #D1D1D1 0%, #B2B2B2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D1D1D1), color-stop(100%,#B2B2B2));
	background: -webkit-linear-gradient(top,  #D1D1D1 0%,#B2B2B2 100%);
	background: -o-linear-gradient(top,  #D1D1D1 0%,#B2B2B2 100%);
	background: -ms-linear-gradient(top,  #D1D1D1 0%,#B2B2B2 100%);
	background: linear-gradient(top,  #D1D1D1 0%,#B2B2B2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D1D1D1', endColorstr='#B2B2B2',GradientType=0 );
	
	border: none;
    border-top:1px solid #F2F2F2;
	color: #FFFFFF;
	-moz-box-shadow: none;
	-webkit-box-shadow:none; 
	box-shadow: none;
	font-weight:normal;
}

.lightgray.button:hover, .skin.button:hover {
	background: #B2B2B2;
	border: none;
    border-top:1px solid #F2F2F2;
	color: #FFFFFF;
	cursor:pointer;
	-moz-box-shadow: none;
	-webkit-box-shadow:none; 
	box-shadow: none;
	font-weight:normal;
}

.lightgray.button:active, .skin.button:active {
	background: #B2B2B2;
	-moz-box-shadow: none;
	-webkit-box-shadow:none; 
	box-shadow: none;
	border: none;
    border-top:1px solid #F2F2F2;
	font-weight:normal;
}


/* black button */
.black.button {
	background: #444444;
	background: -moz-linear-gradient(top,  #444444 0%, #2c2c2c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#2c2c2c));
	background: -webkit-linear-gradient(top,  #444444 0%,#2c2c2c 100%);
	background: -o-linear-gradient(top,  #444444 0%,#2c2c2c 100%);
	background: -ms-linear-gradient(top,  #444444 0%,#2c2c2c 100%);
	background: linear-gradient(top,  #444444 0%,#2c2c2c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#2c2c2c',GradientType=0 );
	
	border: 1px solid #222222;
	border-top: 1px solid #282828;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset 0px 1px 0px #585858;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset 0px 1px 0px #585858;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset 0px 1px 0px #585858;

	color: #eeeeee;
	text-shadow: 0px -1px #222222;
}

.black.button:hover {
	background: #555555;
	background: -moz-linear-gradient(top,  #555555 0%, #3c3c3c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#3c3c3c));
	background: -webkit-linear-gradient(top,  #555555 0%,#3c3c3c 100%);
	background: -o-linear-gradient(top,  #555555 0%,#3c3c3c 100%);
	background: -ms-linear-gradient(top,  #555555 0%,#3c3c3c 100%);
	background: linear-gradient(top,  #555555 0%,#3c3c3c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#3c3c3c',GradientType=0 );
	
	border: 1px solid #2a2a2a;
	border-top: 1px solid #383838;
	-moz-box-shadow: inset 0px 1px 0px #787878;
	-webkit-box-shadow: inset 0px 1px 0px #787878;
	box-shadow: inset 0px 1px 0px #787878;
	cursor:pointer;
}

.black.button:active {
	background: #333333;
	box-shadow: none;
	border: 1px solid #282828;
	border-top: 1px solid #202020;
}

/* green button */
.green.button {
	background: #92cc00;
	background: -moz-linear-gradient(top,  hsla(77,100%,40%,1) 0%, hsla(77,100%,32%,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(77,100%,40%,1)), color-stop(100%,hsla(77,100%,32%,1)));
	background: -webkit-linear-gradient(top,  hsla(77,100%,40%,1) 0%,hsla(77,100%,32%,1) 100%);
	background: -o-linear-gradient(top,  hsla(77,100%,40%,1) 0%,hsla(77,100%,32%,1) 100%);
	background: -ms-linear-gradient(top,  hsla(77,100%,40%,1) 0%,hsla(77,100%,32%,1) 100%);
	background: linear-gradient(top,  hsla(77,100%,40%,1) 0%,hsla(77,100%,32%,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92cc00', endColorstr='#74a300',GradientType=0 );

	border: 1px solid #74a300;
	border-bottom: 1px solid #668f00;
	border: 1px solid hsla(77,100%,30%,1);
	border-bottom: 1px solid hsla(77,100%,28%,1);
}

.green.button:hover {
	background: #a0e000;
	background: -moz-linear-gradient(top,  hsla(77,100%,44%,1) 0%, hsla(77,100%,36%,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(77,100%,44%,1)), color-stop(100%,hsla(77,100%,36%,1)));
	background: -webkit-linear-gradient(top,  hsla(77,100%,44%,1) 0%,hsla(77,100%,36%,1) 100%);
	background: -o-linear-gradient(top,  hsla(77,100%,44%,1) 0%,hsla(77,100%,36%,1) 100%);
	background: -ms-linear-gradient(top,  hsla(77,100%,44%,1) 0%,hsla(77,100%,36%,1) 100%);
	background: linear-gradient(top,  hsla(77,100%,44%,1) 0%,hsla(77,100%,36%,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0e000', endColorstr='#83b700',GradientType=0 );
	border: 1px solid #84b800;
	border-bottom: 1px solid #7cad00;
	border: 1px solid hsla(77,100%,36%,1);
	border-bottom: 1px solid hsla(77,100%,34%,1);
	cursor:pointer;
}

.green.button:active {
	background: #84b800;
	background: hsla(77,100%,36%,1);
	border: 1px solid hsla(77,100%,32%,1);
	border-top: 1px solid hsla(77,100%,26%,1);
}

.whitegreen.button {
	background: #ffffff;
	color: #8CC63F;
    padding:10px;
    font-size:14px;

	border: 1px solid #8CC63F;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.whitegreen.button:hover {
	background: #ffffff;
	color:green;
    padding:10px;
	font-size:14px;

    border: 1px solid #8CC63F;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
	cursor:pointer;
}

.whitegreen.button:active {
	background: #f2f2f2;
	color:green;
    padding:10px;
    font-size:14px;
	
    border: 1px solid #8CC63F;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

/* darkGray button */
.darkGray.button {
	background: #606060;
	background: -moz-linear-gradient(top,  #606060 0%, #606060 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#606060), color-stop(100%,#606060));
	background: -webkit-linear-gradient(top,  #606060 0%,#606060 100%);
	background: -o-linear-gradient(top,  #606060 0%,#606060 100%);
	background: -ms-linear-gradient(top,  #606060 0%,#606060 100%);
	background: linear-gradient(top,  #606060 0%,#606060 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#606060',GradientType=0 );
	
	border: 1px solid #333333;

	color: #CCCCCC;
}

.darkGray.button:hover {
	background: #606060;
	background: -moz-linear-gradient(top,  #555555 0%, #3c3c3c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#3c3c3c));
	background: -webkit-linear-gradient(top,  #555555 0%,#3c3c3c 100%);
	background: -o-linear-gradient(top,  #555555 0%,#3c3c3c 100%);
	background: -ms-linear-gradient(top,  #555555 0%,#3c3c3c 100%);
	background: linear-gradient(top,  #555555 0%,#3c3c3c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#3c3c3c',GradientType=0 );
	
	border: 1px solid #333333;

	color: #CCCCCC;
	cursor:pointer;
}

.darkGray.button:active {
	background: #606060;
	box-shadow: none;
	border: 1px solid #333333;
}

/* darkGreen button */
.darkGreen.button {
	background: #35b049;
	background: -moz-linear-gradient(top,  #35b049 0%, #046e38 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#35b049), color-stop(100%,#046e38));
	background: -webkit-linear-gradient(top,  #35b049 0%,#046e38 100%);
	background: -o-linear-gradient(top,  #35b049 0%,#046e38 100%);
	background: -ms-linear-gradient(top,  #35b049 0%,#046e38 100%);
	background: linear-gradient(top,  #35b049 0%,#046e38 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35b049', endColorstr='#046e38',GradientType=0 );
	
	border: 1px solid #333333;

	color: #ffffff;
}

.darkGreen.button:hover {
	background: #0DB229;
	background: -moz-linear-gradient(top,  #0DB229 0%, #053E21 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0DB229), color-stop(100%,#053E21));
	background: -webkit-linear-gradient(top,  #0DB229 0%,#053E21 100%);
	background: -o-linear-gradient(top,  #0DB229 0%,#053E21 100%);
	background: -ms-linear-gradient(top,  #0DB229 0%,#053E21 100%);
	background: linear-gradient(top,  #0DB229 0%,#053E21 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0DB229', endColorstr='#053E21',GradientType=0 );
	
	border: 1px solid #333333;

	color: #ffffff;
	cursor:pointer;
}

.darkGreen.button:active {
	background: #0DB229;
	box-shadow: none;
	border: 1px solid #333333;
}

/* green button */
.red.button {
	background: red;
	background: -moz-linear-gradient(top,  hsla(360,100%,40%,1) 0%, hsla(360,100%,32%,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(360,100%,40%,1)), color-stop(100%,hsla(360,100%,32%,1)));
	background: -webkit-linear-gradient(top,  hsla(360,100%,40%,1) 0%,hsla(360,100%,32%,1) 100%);
	background: -o-linear-gradient(top,  hsla(360,100%,40%,1) 0%,hsla(360,100%,32%,1) 100%);
	background: -ms-linear-gradient(top,  hsla(360,100%,40%,1) 0%,hsla(360,100%,32%,1) 100%);
	background: linear-gradient(top,  hsla(360,100%,40%,1) 0%,hsla(360,100%,32%,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='red', endColorstr='red',GradientType=0 );
	
	border: 1px solid #d66000;
	border-bottom: 1px solid #c25700;
	border: 1px solid hsla(27,100%,42%,1);
	border-bottom: 1px solid hsla(27,100%,38%,1);

	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
	color: #ffffff;
}

.red.button:hover {
	background: red;
	background: -moz-linear-gradient(top,  hsla(360,100%,44%,1) 0%, hsla(360,100%,36%,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(360,100%,44%,1)), color-stop(100%,hsla(360,100%,36%,1)));
	background: -webkit-linear-gradient(top,  hsla(360,100%,44%,1) 0%,hsla(360,100%,36%,1) 100%);
	background: -o-linear-gradient(top,  hsla(360,100%,44%,1) 0%,hsla(360,100%,36%,1) 100%);
	background: -ms-linear-gradient(top,  hsla(360,100%,44%,1) 0%,hsla(360,100%,36%,1) 100%);
	background: linear-gradient(top,  hsla(360,100%,44%,1) 0%,hsla(360,100%,36%,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='red', endColorstr='red',GradientType=0 );
	border: 1px solid red;
	cursor:pointer;
}

.red.button:active {
	background: red;
	background: hsla(360,100%,36%,1);
	border: 1px solid hsla(360,100%,32%,1);
	border-top: 1px solid hsla(360,100%,26%,1);
}


/* orange button */
.orange.button {
	background: #ff780a;
	background: -moz-linear-gradient(top,  hsl(27,100%,52%) 0%, hsl(27,100%,40%) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsl(27,100%,52%)), color-stop(100%,hsl(27,100%,40%)));
	background: -webkit-linear-gradient(top,  hsl(27,100%,52%) 0%,hsl(27,100%,40%) 100%);
	background: -o-linear-gradient(top,  hsl(27,100%,52%) 0%,hsl(27,100%,40%) 100%);
	background: -ms-linear-gradient(top,  hsl(27,100%,52%) 0%,hsl(27,100%,40%) 100%);
	background: linear-gradient(top,  hsl(27,100%,52%) 0%,hsl(27,100%,40%) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff780a', endColorstr='#cc5b00',GradientType=0 );

	border: 1px solid #d66000;
	border-bottom: 1px solid #c25700;
	border: 1px solid hsla(27,100%,42%,1);
	border-bottom: 1px solid hsla(27,100%,38%,1);

	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
	color: #ffffff;
}

.orange.button:hover {
	background: #ff831e;
	background: -moz-linear-gradient(top,  hsl(27,100%,56%) 0%, hsl(27,100%,48%) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsl(27,100%,56%)), color-stop(100%,hsl(27,100%,48%)));
	background: -webkit-linear-gradient(top,  hsl(27,100%,56%) 0%,hsl(27,100%,48%) 100%);
	background: -o-linear-gradient(top,  hsl(27,100%,56%) 0%,hsl(27,100%,48%) 100%);
	background: -ms-linear-gradient(top,  hsl(27,100%,56%) 0%,hsl(27,100%,48%) 100%);
	background: linear-gradient(top,  hsl(27,100%,56%) 0%,hsl(27,100%,48%) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff831e', endColorstr='#f46e00',GradientType=0 );
	
	border: 1px solid #e06500;
	border-bottom: 1px solid #d66000;
	border: 1px solid hsla(27,100%,44%,1);
	border-bottom: 1px solid hsla(27,100%,42%,1);
	cursor:pointer;
}

.orange.button:active {
	background: #f56e00;
	background: hsla(27,100%,48%,1);
	border: 1px solid hsla(27,100%,40%,1);
	border-top: 1px solid hsla(27,100%,34%,1);
}

/****** Linear buttons ******/
.buttonLinear {
	background: #27cdc5;
	background: -moz-linear-gradient(top,  #2EB4E2 0%, #0389B5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2EB4E2), color-stop(100%,#0389B5));
	background: -webkit-linear-gradient(top,  #2EB4E2 0%,#0389B5 100%);
	background: -o-linear-gradient(top,  #2EB4E2 0%,#0389B5 100%);
	background: -ms-linear-gradient(top,  #2EB4E2 0%,#0389B5 100%);
	background: linear-gradient(top,  #2EB4E2 0%,#0389B5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27cdc5', endColorstr='#20aba4',GradientType=0 );
	
	border: 0px solid #20aba4;
	border-bottom: 0px solid #1fa29c;
	border: 0px solid hsla(177,68%,40%,1);
	border-bottom: 0px solid hsla(177,68%,38%,1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
	-moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
	
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2);
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	display: inline-block;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	text-shadow: 0px -1px rgba(0, 0, 0, 0.2);
}

.buttonLinear:hover {
	
	background: #27cdc5;
	background: -moz-linear-gradient(top,  #2EB4E2 0%, #0389B5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2EB4E2), color-stop(100%,#0389B5));
	background: -webkit-linear-gradient(top,  #2EB4E2 0%,#0389B5 100%);
	background: -o-linear-gradient(top,  #2EB4E2 0%,#0389B5 100%);
	background: -ms-linear-gradient(top,  #2EB4E2 0%,#0389B5 100%);
	background: linear-gradient(top,  #2EB4E2 0%,#0389B5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27cdc5', endColorstr='#20aba4',GradientType=0 );
	

	color: #ffffff;
	cursor:pointer;
}

.buttonLinear:active {
	background: #24bcb5;
	background: hsla(177,68%,44%,1);
	border: 0px solid #20aba4;
	box-shadow: none;
}

.pink.buttonLinear {	 
	background-image: linear-gradient(left bottom, #a01c41 29%, #440015 65%);
	background-image: -o-linear-gradient(left bottom, #a01c41 29%, #440015 65%);
	background-image: -moz-linear-gradient(left bottom, #a01c41 29%, #440015 65%);
	background-image: -webkit-linear-gradient(left bottom, #a01c41 29%, #440015 65%);
	background-image: -ms-linear-gradient(left bottom, #a01c41 29%, #440015 65%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		right top,
		color-stop(0.29, #a01c41),
		color-stop(0.65, #440015)
	);
}
.pink.buttonLinear:hover 
{
	color:#e1e1e1;
	background: #732236; 
	background-image: linear-gradient(left bottom, #732236 29%, #441922 65%);
	background-image: -o-linear-gradient(left bottom, #732236 29%, #441922 65%);
	background-image: -moz-linear-gradient(left bottom, #732236 29%, #441922 65%);
	background-image: -webkit-linear-gradient(left bottom, #732236 29%, #441922 65%);
	background-image: -ms-linear-gradient(left bottom, #732236 29%, #441922 65%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		right top,
		color-stop(0.29, #732236),
		color-stop(0.65, #441922)
	);
	cursor:pointer;
}
.pink.buttonLinear:active {
	background: #732236;
}

.blue.buttonLinear {	 
	color:#ffffff;
	
	background: #27cdc5;
	background: -moz-linear-gradient(top,  #2EB4E2 0%, #0389B5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2EB4E2), color-stop(100%,#0389B5));
	background: -webkit-linear-gradient(top,  #2EB4E2 0%,#0389B5 100%);
	background: -o-linear-gradient(top,  #2EB4E2 0%,#0389B5 100%);
	background: -ms-linear-gradient(top,  #2EB4E2 0%,#0389B5 100%);
	background: linear-gradient(top,  #2EB4E2 0%,#0389B5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27cdc5', endColorstr='#20aba4',GradientType=0 );
	
}

.blue.buttonLinear:hover 
{
	color:#ffffff;
	
	background: #31d7cf;
	background: -moz-linear-gradient(top,  hsla(177,67%,52%,1) 0%, hsla(177,69%,44%,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(177,67%,52%,1)), color-stop(100%,hsla(177,69%,44%,1)));
	background: -webkit-linear-gradient(top,  hsla(177,67%,52%,1) 0%,hsla(177,69%,44%,1) 100%);
	background: -o-linear-gradient(top,  hsla(177,67%,52%,1) 0%,hsla(177,69%,44%,1) 100%);
	background: -ms-linear-gradient(top,  hsla(177,67%,52%,1) 0%,hsla(177,69%,44%,1) 100%);
	background: linear-gradient(top,  hsla(177,67%,52%,1) 0%,hsla(177,69%,44%,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31d7cf', endColorstr='#23bcb4',GradientType=0 );

	cursor:pointer;
}
.blue.buttonLinear:active {
	background: #31d7cf;
}

.darkblue.buttonLinear {	 
	color:#ffffff;
	
	background: #0f5b95;
	background: -moz-linear-gradient(top,  #0f5b95 0%, #41ace0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0f5b95), color-stop(100%,#41ace0));
	background: -webkit-linear-gradient(top, #0f5b95 0%,#41ace0 100%);
	background: -o-linear-gradient(top, #0f5b95 0%,#41ace0 100%);
	background: -ms-linear-gradient(top, #0f5b95 0%,#41ace0 100%);
	background: linear-gradient(top, #0f5b95 0%,#41ace0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f5b95', endColorstr='#41ace0',GradientType=0 );
	
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #0d70b5;
}

.darkblue.buttonLinear:hover 
{
	color:#ffffff;
	
	background: #0f5b95;
	background: -moz-linear-gradient(top,  #41ace0 0%, #41ace0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#41ace0), color-stop(100%,#41ace0));
	background: -webkit-linear-gradient(top,  #41ace0 0%,#41ace0 100%);
	background: -o-linear-gradient(top,  #41ace0 0%,#41ace0 100%);
	background: -ms-linear-gradient(top,  #41ace0 0%,#41ace0 100%);
	background: linear-gradient(top,  #41ace0 0%,#41ace0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41ace0', endColorstr='#41ace0',GradientType=0 );

	cursor:pointer;
}
.darkblue.buttonLinear:active {
	background: #0f5b95;
}

.darkblueLink {	 
	color:#ffffff;	
	background-color:transparent;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	font-family:MotorOil;
	font-weight:normal;
	font-size:14px;
}

.darkblueLink:hover
{
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#106db2), to(#1d3668));
  
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #106db2, #1d3668);
  
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #106db2, #1d3668);
  
	/* IE 10 */
	background: -ms-linear-gradient(top, #106db2, #1d3668);
  
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #106db2, #1d3668);
	
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#106db2, endColorstr=#1d3668); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#f1f1f1, endColorstr=#1d3668)"; /* IE8 */
	
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: none;

	cursor:pointer;
}

.darkblueLinkSelected
{
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#106db2), to(#1d3668));
  
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #106db2, #1d3668);
  
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #106db2, #1d3668);
  
	/* IE 10 */
	background: -ms-linear-gradient(top, #106db2, #1d3668);
  
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #106db2, #1d3668);
	
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#106db2, endColorstr=#1d3668); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#f1f1f1, endColorstr=#1d3668)"; /* IE8 */
	
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	border: none;
	font-family:MotorOil;
	font-weight:normal;
	font-size:14px;

	cursor:pointer;
}

.darkgray.buttonLinear {	 
	color:#ffffff;
	
	background: #0f5b95;
	background: -moz-linear-gradient(top,  #323333 0%, #606060 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#323333), color-stop(100%,#606060));
	background: -webkit-linear-gradient(top, #323333 0%,#606060 100%);
	background: -o-linear-gradient(top, #323333 0%,#606060 100%);
	background: -ms-linear-gradient(top, #323333 0%,#606060 100%);
	background: linear-gradient(top, #323333 0%,#606060 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323333', endColorstr='#606060',GradientType=0 );
	
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #4c4c4c;
	text-decoration:none;
}

.darkgray.buttonLinear:hover 
{
	color:#ffffff;
	
	background: #0f5b95;
	background: -moz-linear-gradient(top,  #606060 0%, #606060 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#606060), color-stop(100%,#606060));
	background: -webkit-linear-gradient(top,  #606060 0%,#606060 100%);
	background: -o-linear-gradient(top,  #606060 0%,#606060 100%);
	background: -ms-linear-gradient(top,  #606060 0%,#606060 100%);
	background: linear-gradient(top,  #606060 0%,#606060 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#606060',GradientType=0 );

	cursor:pointer;
	text-decoration:none;
}
.darkgray.buttonLinear:active {
	background: #606060;
}

.gray.buttonLinear {	 
	color:#ffffff;
	background-image: linear-gradient(left bottom, #d1d1d1 29%, #c1c1c1 65%);
	background-image: -o-linear-gradient(left bottom, #d1d1d1 29%, #c1c1c1 65%);
	background-image: -moz-linear-gradient(left bottom, #d1d1d1 29%, #c1c1c1 65%);
	background-image: -webkit-linear-gradient(left bottom, #d1d1d1 29%, #c1c1c1 65%);
	background-image: -ms-linear-gradient(left bottom, #d1d1d1 29%, #c1c1c1 65%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		right top,
		color-stop(0.29, #d1d1d1),
		color-stop(0.65, #c1c1c1)
	);
}
.gray.buttonLinear:hover 
{
	color:#ffffff;
	background: #dddddd; 
	background-image: linear-gradient(left bottom, #c1c1c1 29%, #d1d1d1 65%);
	background-image: -o-linear-gradient(left bottom, #c1c1c1 29%, #d1d1d1 65%);
	background-image: -moz-linear-gradient(left bottom, #c1c1c1 29%, #d1d1d1 65%);
	background-image: -webkit-linear-gradient(left bottom, #c1c1c1 29%, #d1d1d1 65%);
	background-image: -ms-linear-gradient(left bottom, #c1c1c1 29%, #d1d1d1 65%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		right top,
		color-stop(0.29, #c1c1c1),
		color-stop(0.65, #d1d1d1)
	);
	cursor:pointer;
}
.gray.buttonLinear:active {
	background: #e1e1e1;
}

.orange.buttonLinear {	 
	background-image: linear-gradient(left bottom, #f58023 29%, #c13c26 65%);
	background-image: -o-linear-gradient(left bottom, #f58023 29%, #c13c26 65%);
	background-image: -moz-linear-gradient(left bottom, #f58023 29%, #c13c26 65%);
	background-image: -webkit-linear-gradient(left bottom, #f58023 29%, #c13c26 65%);
	background-image: -ms-linear-gradient(left bottom, #f58023 29%, #c13c26 65%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		right top,
		color-stop(0.29, #f58023),
		color-stop(0.65, #c13c26)
	);
}
.orange.buttonLinear:hover 
{
	color:#e1e1e1;
	background: #b0672c; 
	background-image: linear-gradient(left bottom, #b0672c 29%, #903d2d 65%);
	background-image: -o-linear-gradient(left bottom, #b0672c 29%, #903d2d 65%);
	background-image: -moz-linear-gradient(left bottom, #b0672c 29%, #903d2d 65%);
	background-image: -webkit-linear-gradient(left bottom, #b0672c 29%, #903d2d 65%);
	background-image: -ms-linear-gradient(left bottom, #b0672c 29%, #903d2d 65%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		right top,
		color-stop(0.29, #b0672c),
		color-stop(0.65, #903d2d)
	);
	cursor:pointer;
}
.orange.buttonLinear:active {
	background: #b0672c;
}

.green.buttonLinear {	 
	background-image: linear-gradient(left bottom, #35ba5d 29%, #135229 65%);
	background-image: -o-linear-gradient(left bottom, #35ba5d 29%, #135229 65%);
	background-image: -moz-linear-gradient(left bottom, #35ba5d 29%, #135229 65%);
	background-image: -webkit-linear-gradient(left bottom, #35ba5d 29%, #135229 65%);
	background-image: -ms-linear-gradient(left bottom, #35ba5d 29%, #135229 65%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		right top,
		color-stop(0.29, #35ba5d),
		color-stop(0.65, #135229)
	);
}
.green.buttonLinear:hover 
{
	color:#e1e1e1;
	background: #3b884d; 
	background-image: linear-gradient(left bottom, #3b884d 29%, #1c4026 65%);
	background-image: -o-linear-gradient(left bottom, #3b884d 29%, #1c4026 65%);
	background-image: -moz-linear-gradient(left bottom, #3b884d 29%, #1c4026 65%);
	background-image: -webkit-linear-gradient(left bottom, #3b884d 29%, #1c4026 65%);
	background-image: -ms-linear-gradient(left bottom, #3b884d 29%, #1c4026 65%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		right top,
		color-stop(0.29, #3b884d),
		color-stop(0.65, #1c4026)
	);
	cursor:pointer;
}
.green.buttonLinear:active {
	background: #3b884d;
}

.greenButton {
	padding:4px;	 
	background-color:#1b7072;
}
.greenButton:hover 
{
	padding:4px;
	color:#e1e1e1;
	background-color: #1b7072; 
	cursor:pointer;
}
.greenButton:active {
	padding:4px;
	background-color: #1b7072;
}


/* yellow button */
.yellow.button {
	background: #F5DC42;
	background: -moz-linear-gradient(top,  hsl(52,100%,60%) 0%, hsl(52,100%,42%) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsl(52,100%,60%)), color-stop(100%,hsl(52,100%,42%)));
	background: -webkit-linear-gradient(top,  hsl(52,100%,60%) 0%,hsl(52,100%,42%) 100%);
	background: -o-linear-gradient(top,  hsl(52,100%,60%) 0%,hsl(52,100%,42%) 100%);
	background: -ms-linear-gradient(top,  hsl(52,100%,60%) 0%,hsl(52,100%,42%) 100%);
	background: linear-gradient(top,  hsl(52,100%,60%) 0%,hsl(52,100%,42%) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe333', endColorstr='#d6b900',GradientType=0 );

	border: 1px solid #ebcb00;
	border-bottom: 1px solid #d6ba00;
	border: 1px solid hsla(52,100%,46%,1);
	border-bottom: 1px solid hsla(52,100%,42%,1);
}

.yellow.button:hover 
{
	cursor:pointer;
	background: #F5DC42;
	background: -moz-linear-gradient(top,  hsl(52,100%,66%) 0%, hsl(52,100%,46%) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsl(52,100%,66%)), color-stop(100%,hsl(52,100%,46%)));
	background: -webkit-linear-gradient(top,  hsl(52,100%,66%) 0%,hsl(52,100%,46%) 100%);
	background: -o-linear-gradient(top,  hsl(52,100%,66%) 0%,hsl(52,100%,46%) 100%);
	background: -ms-linear-gradient(top,  hsl(52,100%,66%) 0%,hsl(52,100%,46%) 100%);
	background: linear-gradient(top,  hsl(52,100%,66%) 0%,hsl(52,100%,46%) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe751', endColorstr='#eacb00',GradientType=0 );
	cursor:pointer;
}

.yellow.button:active {
	background: #ebcb00;
	background: hsl(52,100%,46%);
	border: 1px solid hsl(52,100%,42%);
	border-top: 1px solid hsl(52,100%,40%);
}

/* purple button */
.purple.button {
	background: #c83dff;
	background: -moz-linear-gradient(top,  hsl(283,100%,62%) 0%, hsl(283,100%,46%) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsl(283,100%,62%)), color-stop(100%,hsl(283,100%,46%)));
	background: -webkit-linear-gradient(top,  hsl(283,100%,62%) 0%,hsl(283,100%,46%) 100%);
	background: -o-linear-gradient(top,  hsl(283,100%,62%) 0%,hsl(283,100%,46%) 100%);
	background: -ms-linear-gradient(top,  hsl(283,100%,62%) 0%,hsl(283,100%,46%) 100%);
	background: linear-gradient(top,  hsl(283,100%,62%) 0%,hsl(283,100%,46%) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c83dff', endColorstr='#a800ea',GradientType=0 );


	border: 1px solid #a800eb;
	border-bottom: 1px solid #9a00d6;
	border: 1px solid hsl(283,100%,46%);
	border-bottom: 1px solid hsl(283,100%,42%);
}

.purple.button:hover {
	background: #d05bff;
	background: -moz-linear-gradient(top,  hsl(283,100%,68%) 0%, hsl(283,100%,52%) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsl(283,100%,68%)), color-stop(100%,hsl(283,100%,52%)));
	background: -webkit-linear-gradient(top,  hsl(283,100%,68%) 0%,hsl(283,100%,52%) 100%);
	background: -o-linear-gradient(top,  hsl(283,100%,68%) 0%,hsl(283,100%,52%) 100%);
	background: -ms-linear-gradient(top,  hsl(283,100%,68%) 0%,hsl(283,100%,52%) 100%);
	background: linear-gradient(top,  hsl(283,100%,68%) 0%,hsl(283,100%,52%) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d05bff', endColorstr='#b90aff',GradientType=0 );

	border: 1px solid #af00f5;
	border: 1px solid hsl(283,100%,48%);
	cursor:pointer;
}

.purple.button:active {
	background: #c229ff;
	background: hsl(283,100%,58%);
	border: 1px solid hsl(283,100%,48%);
	border-top: 1px solid hsl(283,100%,42%);	
}

.whiteButtonLinear {	 
	color:#333333;	
	background: #f0f0f0;
	border:none;
	font-size:16px;
	font-weight:bold;
}

.whiteButtonLinear:hover 
{
	color:silver;	
	background: #28aae1;
	cursor:pointer;
}
.whiteButtonLinear:active {
	background: #f0f0f0;
}


.blackButtonDiv
{
	background-color:#333333;
    border:1px solid #29ABE2;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    font-family:Oswald;
    font-weight:400;
    font-size:15px;
    color: #29ABE2;
    text-align:center;  
    padding:8px;
    padding-left:18px;
    padding-right:18px;
    display:inline-block;
}

.blackButtonDiv:hover
{
    cursor:pointer;
}

.blueButtonDiv
{
	background-color:#29ABE2;
    border:1px solid #29ABE2;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    font-family:Oswald;
    font-weight:400;
    font-size:15px;
    color:white;
    text-align:center;  
    padding:8px;
    padding-left:18px;
    padding-right:18px;
    display:inline-block;
}

.blueButtonDiv:hover
{
    cursor:pointer;
	background-color:#34C5F7;
    border:1px solid #34C5F7;
	color:#FFFFFF;
}

.blueButtonDivWhite
{
	background-color:#1FB9DF;
    border:1px solid #1FB9DF;	
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    font-family:Oswald;
    font-weight:400;
    font-size:15px;
    color:white;
    text-align:center;  
    padding:8px;
    padding-left:18px;
    padding-right:18px;
    display:inline-block;
}

.blueButtonDivWhite:hover
{
	cursor:pointer;
}

.whiteButtonDivBlue
{
	background-color:#ffffff;
    border:1px solid #28C5EA;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    font-family:Oswald;
    font-weight:400;
    font-size:15px;
    color:#27AADF;
    text-align:center;  
    padding:8px;
    padding-left:18px;
    padding-right:18px;
    display:inline-block;
}

.whiteButtonDivBlue:hover
{
	cursor:pointer;
}

.grayButtonDiv
{
	background-color:#666666;
    border:1px solid #666666;
    border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    font-family:Oswald;
    font-weight:400;
    font-size:15px;
    color:white;
    text-align:center;  
    padding:8px;
    padding-left:18px;
    padding-right:18px;
    display:inline-block;
}

.grayButtonDiv:hover
{
	cursor:pointer;
	background-color:#FFFFFF;
    color:#666666;
    border:1px solid #666666;
}

.darkGrayButtonDiv
{
	background-color:#333333;
    border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    font-family:Oswald;
    font-weight:400;
    font-size:15px;
    color:white;
    text-align:center;  
    padding:8px;
    padding-left:18px;
    padding-right:18px;
    display:inline-block;
}

.darkGrayButtonDiv:hover
{
	cursor:pointer;
}

.purpleButtonDiv
{
	background-color:#662D91;
    border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    font-family:Oswald;
    font-weight:400;
    font-size:15px;
    color:white;
    text-align:center;  
    padding:8px;
    padding-left:18px;
    padding-right:18px;
    display:inline-block;
}

.purpleButtonDiv:hover
{
	cursor:pointer;
}

.transparentButtonSquare
{
	background-color:transparent;
	padding:2px;
    text-align:center;  
    vertical-align:middle;
}
.transparentButtonSquare:hover
{
	background-color:#33ACE0;
	color:white;
    text-align:center;  
    vertical-align:middle;
}
.transparentButtonSquare:active
{
	background-color:#45BEE8;
	color:white;
    text-align:center;  
    vertical-align:middle;
}

.clearButtonWhiteDiv {
    background-color: transparent;
    border:2px solid #fff;
    color: #fff;
    font-family: Oswald;
    font-weight:bold;
    font-size: 26px;
    padding: 10px 30px;
    border-radius: 50px;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
}
        
.clearButtonBlackDiv {
    background-color: transparent;
    border:2px solid #000;
    color: #000;
    font-family: Oswald;
    font-weight:bold;
    font-size: 26px;
    padding: 10px 30px;
    border-radius: 50px;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
}
        
.grayButtonDivClearOswald
{
	background-color:transparent;
    border:1px solid #B3B3B3;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    font-family:Oswald;
    font-weight:400;
    font-size:15px;
    color:#4D4D4D;
    text-align:center;
    padding:8px;
    padding-left:18px;
    padding-right:18px;
    display:inline-block;
}

.grayButtonDivClearOswald:hover
{
	background-color:#4D4D4D;
    border:1px solid #4D4D4D;
    color:#ffffff;
    cursor:pointer;
}

.grayButtonDivClearOswald:active
{
	background-color:#4D4D4D;
    border:1px solid #4D4D4D;
    color:#ffffff;
}

.blueButtonDivClear
{
	background-color:transparent;
    border:1px solid #29ABE2;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    font-family:Oswald;
    font-weight:400;
    font-size:15px;
    color:#29ABE2;
    text-align:center;
    cursor:pointer;
    padding:8px;
    padding-left:18px;
    padding-right:18px;
    display:inline-block;
}

.blueButtonDivClear:hover
{
	background-color:#33ACE0;
    border:1px solid #33ACE0;
    color:#ffffff;
    cursor:pointer;
}

.blueButtonDivClear:active
{
	background-color:#45BEE8;
    border:1px solid #45BEE8;
    color:#ffffff;
}

.darkBlueButtonDivClear
{
	background-color:transparent;
    border:1px solid #006BB6;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    font-family:Oswald;
    font-weight:400;
    font-size:15px;
    color:#006BB6;
    cursor:pointer;
    text-align:center;
    padding:8px;
    padding-left:18px;
    padding-right:18px;
    display:inline-block;
}

.darkBlueButtonDivClear:hover
{
	background-color:#33ACE0;
    border:1px solid #33ACE0;
    color:#ffffff;
    cursor:pointer;
}

.darkBlueButtonDivClear:active
{
	background-color:#45BEE8;
    border:1px solid #45BEE8;
    color:#ffffff;
}

.yellowButtonDiv
{
	background-color:#FEEE35;
    border:1px solid #ffffff;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    font-family:Oswald;
    font-weight:400;
    font-size:15px;
    color:white;
    text-align:center;  
    padding:8px;
}

.yellowButtonDiv:hover
{
	background-color:#ffffff;
    border:1px solid #F9AD21;
    color:#000000;

    cursor:pointer;
}

.lightYellowButtonDiv
{
	background-color:#F5DC42;
    border:1px solid #F5DC42;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    font-family:Oswald;
    font-weight:400;
    font-size:15px;
    color:black;
    text-align:center;  
    padding:8px;
}

.lightYellowButtonDiv:hover
{
	background-color:#F5DC42;
    border:1px solid #F5DC42;
    color:#000000;

    cursor:pointer;
}

.yellowButtonDivSquare
{
	background-color:#FEEE35;
    font-family: "proxima-nova-alt", Helvetica, Arial;
    font-weight:400;
    font-size:15px;
    color:black;
    text-align:center;  
    padding:8px;
}

.yellowButtonDivSquare:hover
{
	cursor:pointer;
}

.pinkButtonDiv
{
	background-color:#D4145A;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    font-family:Oswald;
    font-weight:400;
    font-size:15px;
    color:white;
    text-align:center;  
    padding:8px;
}

.pinkButtonDiv:hover
{
	background-color:#ED1E79;
    cursor:pointer;
}

.whiteButtonDiv
{
	background-color:white;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    font-family:Oswald;
    font-weight:400;
    font-size:15px;
    color:#29ABE2;
    text-align:center;  
    padding:8px;
}

.whiteButtonDiv:hover
{
    cursor:pointer;
}

.whiteButtonDivGray
{
	background-color:white;
    border:1px solid #BFBFBF;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    font-family:Oswald;
    font-weight:400;
    font-size:15px;
    color:#333333;
    text-align:center;  
    padding:14px;
}

.whiteButtonDivGray:hover
{
    cursor:pointer;
}


.whiteButtonDivYellow
{
	background-color:white;
    border:1px solid #F9AD21;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    font-family:Oswald;
    font-weight:400;
    font-size:15px;
    color:#F9AD21;
    text-align:center;  
    padding:8px;
}

.whiteButtonDivYellow:hover
{
    cursor:pointer;
}

.whiteButtonDivGreen
{
	background-color:white;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    font-family:Oswald;
    font-weight:400;
    font-size:15px;
    color:#5AC8FA;
    text-align:center;  
    padding:8px;
}

.whiteButtonDivGreen:hover
{
    cursor:pointer;
}

.greenButtonDiv
{
	background-color:#40B34F;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    font-family:Oswald;
    font-weight:400;
    font-size:15px;
    color:white;
    text-align:center;  
    padding:8px;
}

.greenButtonDiv:hover
{
    cursor:pointer;
}

.greenButtonDiv:hover
{
	background-color:#8DC449;
    cursor:pointer;
}

.orangeButtonDivClear
{
	background-color:transparent;
    border:1px solid #F7931E;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    font-family:Oswald;
    font-weight:400;
    font-size:15px;
    color:#F7931E;
    text-align:center;
    cursor:pointer;
    padding:8px;
    padding-left:18px;
    padding-right:18px;
    display:inline-block;
}


.orangeButtonDiv
{
	background-color:#F7931E;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    font-family:Oswald;
    font-weight:400;
    font-size:15px;
    color:white;
    text-align:center;  
    padding:8px;
}

.orangeButtonDiv:hover
{
    cursor:pointer;
}

.whiteButtonDivOrange
{
	background-color:white;
    border:1px solid #FBB03B;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
    font-family:Oswald;
    font-weight:400;
    font-size:15px;
    color:#FBB03B;
    text-align:center;  
    padding:8px;
}

.whiteButtonDivOrange:hover
{
	background-color:#FBB03B;
    color:white;
    cursor:pointer;
}

.greenButtonDivRound {
    background-color: #00B86C;
    color: #fff;
    font-family: Oswald;
    font-size: 26px;
    padding: 10px 30px;
    border-radius: 50px;
    text-decoration: none !important;
    display: inline-block;
    min-width: 150px;
    text-align: center;
}

.blueButtonDivRound
{
	background-color:#29ABE2;
    border:1px solid #29ABE2;
	border-radius: 50px;
    -moz-border-radius: 50px;
	-webkit-border-radius: 50px;
    font-family:Oswald;
    font-weight:400;
    font-size:15px;
    color:white;
    text-align:center;  
    padding:8px;
    padding-left:18px;
    padding-right:18px;
    display:inline-block;
}

.blueButtonDivRound:hover
{
    cursor:pointer;
	background-color:#34C5F7;
    border:1px solid #34C5F7;
	color:#FFFFFF;
}

.grayButtonDivRound
{
	background-color:#666666;
    border:1px solid #666666;
    border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
    font-family:Oswald;
    font-weight:400;
    font-size:15px;
    color:white;
    text-align:center;  
    padding:8px;
    padding-left:18px;
    padding-right:18px;
    display:inline-block;
}

.grayButtonDivRound:hover
{
	cursor:pointer;
	background-color:#FFFFFF;
    color:#666666;
    border:1px solid #666666;
}

.lightGrayButtonDivRound
{
	background-color:#eeeeee;
    border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
    font-family: "proxima-nova-alt", Helvetica, Arial;
    font-weight:700;
    font-size:15px;
    color:black;
    border:1px solid #eeeeee;
    text-align:center;  
    padding:8px;
    padding-left:18px;
    padding-right:18px;
    display:inline-block;
}

.lightGrayButtonDivRound:hover
{
	cursor:pointer;
	background-color:#FFFFFF;
    color:#666666;
    border:1px solid #cacaca;
}

.whiteButtonDivRound
{
	background-color:#FFFFFF;
    border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
    font-family: "proxima-nova-alt", Helvetica, Arial;
    font-weight:700;
    font-size:15px;
    color:black;
    border:1px solid #cccccc;
    text-align:center;  
    padding:8px;
    padding-left:18px;
    padding-right:18px;
    display:inline-block;
}

.whiteButtonDivRound:hover
{
	cursor:pointer;
	background-color:#eeeeee;
    color:#1a1a1a;
    border:1px solid #cacaca;
}

.detailButton_green {
    background-color: #00A89C;
    color: #fff;
    font-family: Oswald;
    font-size: 26px;
    padding: 10px 30px;
    border-radius: 50px;
    text-decoration: none !important;
    display: inline-block;
    min-width: 150px;
    text-align: center;
}

.detailButton_gray {
	background-color: #A3A3A3;
	color: #fff;
	font-family: Oswald;
	font-size: 26px;
	padding: 10px 30px;
	border-radius: 50px;
	text-decoration: none !important;
	display: inline-block;
	min-width: 150px;
	text-align: center;
}