/* css buttons */
/*<style type="text/css">*/

body div span.Btn1, body span.Btn1, body .Btn1
{
	display:inline-block;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	/*border:1px solid #669933;*/
	border: none;
	color:#ffffff;
	background-color: #C0C0C0;	/* default color: very lignt gray */
	text-align:center;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;		/* override this for derived buttons (smaller & larger) (depending on text width & desired width) */
	text-decoration:none;
	/*border: solid 1px black;
	/*text-shadow:-1px -1px 0px #027802;*/
	/* width: 9999px; >>> force desired width by specifying width in the style attribute of the enclosing span tag */
}

body .BtnH30 { height:30px; }

body div span.Btn1:hover, body span.Btn1:hover, body .Btn1:hover
{
	opacity: 0.7;
	cursor::pointer; cursor: hand;
}

/************ COLORS !! ************/
body span.BtnGreen, body div span.BtnGreen
{
	background-color:#60c704;
	/* width: 9999px; >>> force desired width by specifying width in the style attribute of the enclosing span tag */
}
body span.BtnPayRed, body div span.BtnPayRed
{
	//-moz-box-shadow:inset 0px 1px 0px 0px #ccff99;
	//-webkit-box-shadow:inset 0px 1px 0px 0px #ccff99;
	//box-shadow:inset 0px 1px 0px 0px #ccff99;
	background-color: #f04f23;
}
body span.BtnRed, body div span.BtnRed
{
	background-color:#FF0000;
	border: solid 1px #CC0000;
}
body span.BtnBlue, body div span.BtnBlue
{
	background-color:#0c558c;
}
body span.BtnYellow, body div span.BtnYellow
{
	color: Black;
	background-color:#fee84e;
	border: solid 1px #fd9c10;
}
body span.BtnOrange, body div span.BtnOrange
{
	background-color: #ff9933;
	border: solid 1px #ef8923;
}
body span.BtnGray, body div span.BtnGray
{
	/* -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	//-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	//box-shadow:inset 0px 1px 0px 0px #ffffff; */
	background-color:#999999;
	border: solid 1px #777777;
}

/*=======================================================================================================================================*/

/* Btn2 -- Lime Green */
.Btn2LimeGreen
{
	-moz-box-shadow:inset 0px 1px 0px 0px #ccff99;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ccff99;
	box-shadow:inset 0px 1px 0px 0px #ccff99;
																			/**  v light v               v dark v  */
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #99cc33), color-stop(1, #669933) );
	background:-moz-linear-gradient( center top, #99cc33 5%, #669933 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#99cc33', endColorstr='#669933');
	background-color:#99cc33;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #669933;
	display:inline-block;
	color:#ffffff;
	text-align:center;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;		/* might need to override this for derived buttons (depending on text width & desired width) */
	text-decoration:none;
	text-shadowXXXX:-1px -1px 0px #027802;
	/* width: 9999px; >>> force desired width by specifying width in the style attribute of the enclosing span tag */
}
.Btn2LimeGreen:hover
{
	background-color: #99cc33;
    cursor: :pointer;
}

/* Green button */
.Btn2Green
{
	-moz-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00bd00), color-stop(1, #027802) );
	background:-moz-linear-gradient( center top, #00bd00 5%, #027802 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00bd00', endColorstr='#027802');
	background-color:#00bd00;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #027802;
	display:inline-block;
	color:#ffffff;
	text-align:center;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;		/* might need to override this for derived buttons (depending on text width & desired width) */
	text-decoration:none;
	text-shadowXX:-1px -1px 0px #027802;
	/* width: 9999px; >>> force desired width by specifying width in the style attribute of the enclosing span tag */
}
.Btn2Green:hover
{
	background-color: #027802;
    cursor: :pointer;
}

/* Blue button */
.Btn2Blue
{
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #028cd1), color-stop(1, #025178) );
	background:-moz-linear-gradient( center top, #028cd1 5%, #025178 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#028cd1', endColorstr='#025178');
	background-color:#028cd1;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #025178;
	display:inline-block;
	color:#ffffff;
	text-align:center;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;		/* only need to override this for derived buttons (depends on text width & desired width) */
	text-decoration:none;
	text-shadowXX:-1px -1px 0px #025178;
}
.Btn2Blue:hover
{
	background-color: #025178;
    cursor: :pointer;
}

/* BlueSmall button (different color blue from above) */
.Btn2BlueSmall
{
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #028cd1), color-stop(1, #025178) );
	background:-moz-linear-gradient( center top, #028cd1 5%, #025178 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#028cd1', endColorstr='#025178');
	background-color:#028cd1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;		/* different from standard (normal radius is 4px) */
	border:1px solid #025178;
	display:inline-block;
	color:#ffffff;
	text-align:center;
	font-family:arial;
	font-size:11px;		/* different from standard (normal is 13px) */
	font-weight:bold;
	padding:4px 18px;	/* need to override this for derived buttons (depends on text width & desired width) */
	text-decoration:none;
	text-shadowXX:-1px -1px 0px #025178;
}
.Btn2BlueSmall:hover
{
	background-color: #025178;
    cursor: :pointer;
}

/* Red button */
.Btn2Red
{
	-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f) );
	background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
	background-color:#f24537;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #d02718;
	display:inline-block;
	color:#ffffff;
	text-align:center;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;		/* only need to override this for derived buttons (depends on text width & desired width) */
	text-decoration:none;
	text-shadowXX:-1px -1px 0px #810e05;
}
.Btn2Red:hover
{
	background-color: #c62d1f;
    cursor: :pointer;
}

/* Yellow (home) button */
.Btn2Yellow
{
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fee84e), color-stop(1, #fd9c10) );
	background:-moz-linear-gradient( center top, #fee84e 5%, #fd9c10 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fee84e', endColorstr='#fd9c10');
	background-color:#fee84e;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border:1px solid #ffaa22;
	display:inline-block;
	color:black;
	text-align:center;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	font-style:normal;
	padding:6px 12px;		/* might need to override this for derived buttons (depending on text width & desired width) */
	text-indent:0px;
	text-decoration:none;
	text-shadowXX:-1px -1px 0px #c28e34;
}
.Btn2Yellow:hover
{
	background-color: #fd9c10;
    cursor: :pointer;
}

/* Gold button */
.Btn2Gold
{
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fac800), color-stop(1, #fab325) );
	background:-moz-linear-gradient( center top, #fac800 5%, #fab325 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fac800', endColorstr='#fab325');
	background-color:#fac800;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border:1px solid #eeb44f;
	display:inline-block;
	color: #ffffff;
	text-align:center;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	font-style:normal;
	padding:6px 12px;		/* might need to override this for derived buttons (depending on text width & desired width) */
	text-indent:0px;
	text-decoration:none;
	text-shadowXX:-1px -1px 0px #c28e34;
}
.Btn2Gold:hover
{
	background-color: #fab325;
    cursor: :pointer;
}

/* Gray Button */
.Btn2Gray
{
	-moz-box-shadow:inset 0px 1px 0px 0px #d4d4d4;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d4d4d4;
	box-shadow:inset 0px 1px 0px 0px #d4d4d4;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #999999), color-stop(1, #666666) );
	background:-moz-linear-gradient( center top, #999999 5%, #666666 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666');
	background-color:#999999;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #333333;
	display:inline-block;
	color:#ffffff;
	text-align:center;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadowXX:-1px -1px 0px #666666;
}
.Btn2GrayDisabled
{
	-moz-box-shadow:inset 0px 1px 0px 0px #d4d4d4;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d4d4d4;
	box-shadow:inset 0px 1px 0px 0px #d4d4d4;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #999999), color-stop(1, #666666) );
	background:-moz-linear-gradient( center top, #999999 5%, #666666 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666');
	background-color:#999999;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #333333;
	display:inline-block;
	color:#b3b3b3;
	text-align:center;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadowXX:-1px -1px 0px #666666;
}
.Btn2Gray:hover
{
	background-color: #666666;
    cursor: :pointer;
}

/* Light Gray Button */
.Btn2LightGray
{
	-moz-box-shadow:inset 0px 1px 0px 0px #d4d4d4;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d4d4d4;
	box-shadow:inset 0px 1px 0px 0px #d4d4d4;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0f0f0), color-stop(1, #b0b0b0) );
	background:-moz-linear-gradient( center top, #f0f0f0 5%, #b0b0b0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#b0b0b0');
	background-color:#f0f0f0;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #888888;
	display:inline-block;
	color:#555555;
	text-align:center;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
}
.Btn2LightGray:hover
{
	background-color: #b0b0b0;
    cursor: :pointer;
}

/* Dark Gray Button */
.Btn2GrayDark
{
	-moz-box-shadow:inset 0px 1px 0px 0px #b4b4b4;
	-webkit-box-shadow:inset 0px 1px 0px 0px #b4b4b4;
	box-shadow:inset 0px 1px 0px 0px #b4b4b4;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #777777), color-stop(1, #444444) );
	background:-moz-linear-gradient( center top, #777777 5%, #444444 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777', endColorstr='#444444');
	background-color:#777777;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #222222;
	display:inline-block;
	color:#ffffff;
	text-align:center;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadowXX:-1px -1px 0px #444444;
}
.Btn2GrayDark:hover
{
	background-color: #444444;
    cursor: :pointer;
}

.Btn2Gold1Color
{
	-moz-box-shadow:inset 0px 1px 0px 0px #FFF533;
	-webkit-box-shadow:inset 0px 1px 0px 0px #FFB503;
	box-shadow:inset 0px 1px 0px 0px #FFF533;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FFB503), color-stop(1, #FFB503) );
	background:-moz-linear-gradient( center top, #FFB503 5%, #FFB503 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFB503', endColorstr='#FFB503');
	background-color:#FFB503;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #FFB503;
	display:inline-block;
	color:#ffffff;
	text-align:center;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;		/* might need to override this for derived buttons (depending on text width & desired width) */
	text-decoration:none;
	text-shadowXX:-1px -1px 0px #FFB503;
}
.Btn2Gold1Color:hover
{
	background-color: #FFB503;
    cursor: :pointer;
}

/******** beginning of "size" adjustor classes ********/
body .BtnBigger, body div span.BtnBigger, body span.BtnBigger, body .Btn2Bigger
{
	font-weight: normal;
	font-size: 20px;
	padding: 7px 18px;	/* use 'style' width: to specify width of button -- OR can overide padding to achieve desired width */
}
body .BtnBig, body div span.BtnBig, body span.BtnBig, body .Btn2Big
{
	font-weight: normal;
	font-size: 19px;
	padding: 6px 16px;	/* use width: 'style' to specify width of button -- OR can overide padding to achieve desired width */
}
body .BtnMedium, body div span.BtnMedium, body span.BtnMedium, body .Btn2Medium
{
	font-weight: normal;
	font-size: 16px;
	padding: 5px 14px;	/* use width: 'style' to specify width of button -- OR can overide padding to achieve desired width */
	padding-bottom:4px;
}
body .BtnMidSmall, body div span.BtnMidSmall, body span.BtnMidSmall, body .Btn2MidSmall
{
	font-weight: bold;
	font-size: 13px;
	padding: 4px 12px;	/* use width: 'style' to specify width of button -- OR can overide padding to achieve desired width */
}
body .BtnSmall, body div span.BtnSmall, body span.BtnSmall, body .Btn2Small
{
	font-weight: bold;
	font-size: 12px;
	padding: 3px 12px;	/* use width: 'style' to specify width of button -- OR can overide padding to achieve desired width */
	padding-bottom:2px;
}
body .BtnSmaller, body div span.BtnSmaller, body span.BtnSmaller, body .Btn2Smaller
{
	font-weight: bold;
	font-size: 12px;
	padding: 1px 10px;	/* use width: 'style' to specify width of button -- OR can overide padding to achieve desired width */
}
body .BtnNoHzPadding, body div span.BtnNoHzPadding, body span.BtnNoHzPadding
{
	padding-left:0px !important; padding-right:0px !important;
}

/*</style>*/