﻿/* Buttons */

/* Top 2/3 of this file are legacy buttons.
For all new button styling please see the "Imageless Buttons" section. */

/* General button styling */
a.btn {
	border: none;
	cursor: pointer;
	display: inline-block;
	margin: 0 4px 0 0; /* right margin must always be at least 4px to account for 4px wide cap */
	position: relative;
	text-align: center;
	text-decoration: none;
	}
a.btn img.arrowSolo {
	position: relative;
	margin: 0 -2px -1px -2px;
	}
a.btn img.arrowInline {
	position: relative;
	margin: 0 0 -1px 0;
	padding: 0 6px 0 0;
	}
a.btn img.resetInline {
	position: relative;
	margin: 0 0 -3px 0;
	padding: 0 6px 0 0;
	}
a.btn u {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	}
a.btn span {
	background-position: 100% 0;
	position: absolute;
	right: -4px;
	top: 0;
	width: 4px;
	}

/* ---------------------------------------------------------------
   Extra Large Buttons
   ---------------------------------------------------------------
   
/* Extra Large SkyBlue */
a.btn.xlargeSkyBlue {
	padding: 9px 0 11px 14px;
	background-image: url(/images/buttons/htmlButtons/btnXlargeSkyBlue.png);
	}
a.btn.xlargeSkyBlue u {
	background: url(/images/buttons/htmlButtons/btnXlargeSkyBlue.png) #4E86C9 -5px -9px;
	padding-right: 10px;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-shadow: 0 -1px 0 #2457B0;
	}
a.btn.xlargeSkyBlue span {
	height: 36px;
	background-image: url(/images/buttons/htmlButtons/btnXlargeSkyBlue.png);
	}
a.btn.xlargeSkyBlue:hover {
	background-position: 0 -36px;
	}
a.btn.xlargeSkyBlue:hover u {
	background-position: -5px -45px;
	}
a.btn.xlargeSkyBlue:hover span {
	background-position: 100% -36px;
	}
a.btn.xlargeSkyBlue:active {
	background-position: 0 -72px;
	}
a.btn.xlargeSkyBlue:active u {
	background-position: -5px -81px;
	}
a.btn.xlargeSkyBlue:active span {
	background-position: 100% -72px;
	}
	
/* Extra Large Light SkyBlue */
a.btn.xlargeLightSkyBlue {
	padding: 9px 0 11px 14px;
	background-image: url(/images/buttons/htmlButtons/btnxlargeLightSkyBlue.png);
	}
a.btn.xlargeLightSkyBlue u {
	background: url(/images/buttons/htmlButtons/btnxlargeLightSkyBlue.png) #4E86C9 -5px -9px;
	padding-right: 10px;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #3765B7;
	}
a.btn.xlargeLightSkyBlue span {
	height: 36px;
	background-image: url(/images/buttons/htmlButtons/btnxlargeLightSkyBlue.png);
	}
a.btn.xlargeLightSkyBlue:hover {
	background-position: 0 -36px;
	}
a.btn.xlargeLightSkyBlue:hover u {
	background-position: -5px -45px;
	}
a.btn.xlargeLightSkyBlue:hover span {
	background-position: 100% -36px;
	}
a.btn.xlargeLightSkyBlue:active {
	background-position: 0 -72px;
	}
a.btn.xlargeLightSkyBlue:active u {
	background-position: -5px -81px;
	}
a.btn.xlargeLightSkyBlue:active span {
	background-position: 100% -72px;
	}

/* Extra Large Light SkyBlue Disabled */
a.btn.xlargeLightSkyBlueDisabled {
	padding: 9px 0 11px 14px;
	background-image: url(/images/buttons/htmlButtons/btnxlargeLightSkyBlueDisabled.png);
	}
a.btn.xlargeLightSkyBlueDisabled u {
	background: url(/images/buttons/htmlButtons/btnxlargeLightSkyBlueDisabled.png) #4E86C9 -5px -9px;
	padding-right: 10px;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #3765B7;
	}
a.btn.xlargeLightSkyBlueDisabled span {
	height: 36px;
	background-image: url(/images/buttons/htmlButtons/btnxlargeLightSkyBlueDisabled.png);
	}
	
/* Extra Large Red */
a.btn.xlargeRed {
	padding: 9px 0 11px 14px;
	background-image: url(/images/buttons/htmlButtons/btnXlargeRed.png);
	}
a.btn.xlargeRed u {
	background: url(/images/buttons/htmlButtons/btnXlargeRed.png) #e52b2b -5px -10px;
	padding-right: 10px;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-shadow: 0 -1px 0 #900;
	}
a.btn.xlargeRed span {
	height: 36px;
	background-image: url(/images/buttons/htmlButtons/btnXlargeRed.png);
	}
a.btn.xlargeRed:hover {
	background-position: 0 -36px;
	}
a.btn.xlargeRed:hover u {
	background-position: -5px -46px;
	}
a.btn.xlargeRed:hover span {
	background-position: 100% -36px;
	}
a.btn.xlargeRed:active {
	background-position: 0 -72px;
	}
a.btn.xlargeRed:active u {
	background-position: -5px -82px;
	}
a.btn.xlargeRed:active span {
	background-position: 100% -72px;
	}

/* Extra Large Red */
a.btn.xlargeRed {
	padding: 9px 0 11px 14px;
	background-image: url(/images/buttons/htmlButtons/btnxlargeRed.png);
	}
a.btn.xlargeRed u {
	background: url(/images/buttons/htmlButtons/btnxlargeRed.png) #cc0000 -5px -9px;
	padding-right: 10px;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-shadow: 0 -1px 0 #990000;
	}
a.btn.xlargeRed span {
	height: 36px;
	background-image: url(/images/buttons/htmlButtons/btnxlargeRed.png);
	}
a.btn.xlargeRed:hover {
	background-position: 0 -36px;
	}
a.btn.xlargeRed:hover u {
	background-position: -5px -45px;
	}
a.btn.xlargeRed:hover span {
	background-position: 100% -36px;
	}
a.btn.xlargeRed:active {
	background-position: 0 -72px;
	}
a.btn.xlargeRed:active u {
	background-position: -5px -81px;
	}
a.btn.xlargeRed:active span {
	background-position: 100% -72px;
	}

/* Extra Large Orange */
a.btn.xlargeOrange {
	padding: 9px 0 11px 14px;
	background-image: url(/images/buttons/htmlButtons/btnxlargeOrange.png);
	}
a.btn.xlargeOrange u {
	background: url(/images/buttons/htmlButtons/btnxlargeOrange.png) #4E86C9 -5px -9px;
	padding-right: 10px;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-shadow: 0 -1px 0 #2457B0;
	}
a.btn.xlargeOrange span {
	height: 36px;
	background-image: url(/images/buttons/htmlButtons/btnxlargeOrange.png);
	}
a.btn.xlargeOrange:hover {
	background-position: 0 -36px;
	}
a.btn.xlargeOrange:hover u {
	background-position: -5px -45px;
	}
a.btn.xlargeOrange:hover span {
	background-position: 100% -36px;
	}
a.btn.xlargeOrange:active {
	background-position: 0 -72px;
	}
a.btn.xlargeOrange:active u {
	background-position: -5px -81px;
	}
a.btn.xlargeOrange:active span {
	background-position: 100% -72px;
	}

/* ---------------------------------------------------------------
   Large Buttons
   ---------------------------------------------------------------

/* Large Sky Blue */
a.btn.largeSkyBlue {
	padding: 6px 0 8px 9px;
	background-image: url(/images/buttons/htmlButtons/btnlargeSkyBlue.png);
	line-height: 13px;
	}
a.btn.largeSkyBlue u {
	font: bold 14px Arial, Helvetica, sans-serif;
	line-height: 16px;
	padding-right: 6px;
	background: url(/images/buttons/htmlButtons/btnlargeSkyBlue.png) #4e86c9 -6px -6px;
	text-shadow: 0 -1px 0 #2457B0;
	}
a.btn.largeSkyBlue span {
	height: 30px;
	background-image: url(/images/buttons/htmlButtons/btnlargeSkyBlue.png);
	}
a.btn.largeSkyBlue:hover {
	background-position: 0 50%;
	}
a.btn.largeSkyBlue:hover u {
	background-position: -6px -36px;
	}
a.btn.largeSkyBlue:hover span {
	background-position: -496px 50%;
	}
a.btn.largeSkyBlue:active {
	background-position: 0 100%;
	}
a.btn.largeSkyBlue:active u {
	background-position: -6px -66px;
	}
a.btn.largeSkyBlue:active span {
	background-position: -496px 100%;
	}

/* Large Sky Blue - Disabled */
a.btn.largeSkyBlueDisabled {
	padding: 6px 0 8px 9px;
	background-image: url(/images/buttons/htmlButtons/btnlargeSkyBlueDisabled.png);
	}
a.btn.largeSkyBlueDisabled u {
	font: bold 14px Arial, Helvetica, sans-serif;
	line-height: 16px;
	padding-right: 6px;
	background: url(/images/buttons/htmlButtons/btnlargeSkyBlueDisabled.png) #4e86c9 -6px -6px;
	text-shadow: 0 -1px 0 #829FC8;
	}
a.btn.largeSkyBlueDisabled span {
	height: 30px;
	background-image: url(/images/buttons/htmlButtons/btnlargeSkyBlueDisabled.png);
	}
a.btn.largeSkyBlueDisabled:hover {
	background-position: 0 50%;
	}
a.btn.largeSkyBlueDisabled:hover u {
	background-position: -6px -36px;
	}
a.btn.largeSkyBlueDisabled:hover span {
	background-position: -496px 50%;
	}
a.btn.largeSkyBlueDisabled:active {
	background-position: 0 100%;
	}
a.btn.largeSkyBlueDisabled:active u {
	background-position: -6px -66px;
	}
a.btn.largeSkyBlueDisabled:active span {
	background-position: -496px 100%;
	} 
   
/* Large Red */
a.btn.largeRed {
	padding: 6px 0 8px 9px;
	background-image: url(/images/buttons/htmlButtons/btnlargeRed.png);
	}
a.btn.largeRed u {
	font: bold 14px Arial, Helvetica, sans-serif;
	line-height: 16px;
	padding-right: 6px;
	background: url(/images/buttons/htmlButtons/btnlargeRed.png) #cc0000 -6px -6px;
	text-shadow: 0 -1px 0 #900;
	}
a.btn.largeRed span {
	height: 30px;
	background-image: url(/images/buttons/htmlButtons/btnlargeRed.png);
	}
a.btn.largeRed:hover {
	background-position: 0 50%;
	}
a.btn.largeRed:hover u {
	background-position: -6px -36px;
	}
a.btn.largeRed:hover span {
	background-position: -496px 50%;
	}
a.btn.largeRed:active {
	background-position: 0 100%;
	}
a.btn.largeRed:active u {
	background-position: -6px -66px;
	}
a.btn.largeRed:active span {
	background-position: -496px 100%;
	}


/* ---------------------------------------------------------------
   Medium Buttons
   ---------------------------------------------------------------
   
/* Medium SkyBlue */
a.btn.mediumSkyBlue {
	padding: 4px 0 4px 9px;
	background-image: url(/images/buttons/htmlButtons/btnMediumSkyBlue.png);
	}
a.btn.mediumSkyBlue u {
	font: bold 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	line-height: 16px;
	padding-right: 5px;
	background: url(/images/buttons/htmlButtons/btnMediumSkyBlue.png) #4e86c9 -5px -4px;
	text-shadow: 0 -1px 0 #2457B0;
	}
a.btn.mediumSkyBlue span {
	height: 24px;
	background-image: url(/images/buttons/htmlButtons/btnMediumSkyBlue.png);
	}
a.btn.mediumSkyBlue:hover {
	background-position: 0 50%;
	}
a.btn.mediumSkyBlue:hover u {
	background-position: -5px -28px;
	}
a.btn.mediumSkyBlue:hover span {
	background-position: -496px 50%;
	}
a.btn.mediumSkyBlue:active {
	background-position: 0 100%;
	}
a.btn.mediumSkyBlue:active u {
	background-position: -5px -51px;
	}
a.btn.mediumSkyBlue:active span {
	background-position: -496px 100%;
	}
   
/* Medium Light SkyBlue */
a.btn.mediumLightSkyBlue {
	padding: 4px 0 4px 9px;
	background-image: url(/images/buttons/htmlButtons/btnMediumLightSkyBlue.png);
	}
a.btn.mediumLightSkyBlue u {
	color: #3765b7;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	line-height: 16px;
	padding-right: 5px;
	background: url(/images/buttons/htmlButtons/btnMediumLightSkyBlue.png) #f0f6fd -5px -4px;
	text-shadow: none;
	}
a.btn.mediumLightSkyBlue span {
	height: 24px;
	background-image: url(/images/buttons/htmlButtons/btnMediumLightSkyBlue.png);
	}
a.btn.mediumLightSkyBlue:hover {
	background-position: 0 50%;
	}
a.btn.mediumLightSkyBlue:hover u {
	background-position: -5px -28px;
	}
a.btn.mediumLightSkyBlue:hover span {
	background-position: -496px 50%;
	}
a.btn.mediumLightSkyBlue:active {
	background-position: 0 100%;
	}
a.btn.mediumLightSkyBlue:active u {
	background-position: -5px -51px;
	}
a.btn.mediumLightSkyBlue:active span {
	background-position: -496px 100%;
	}

/* Medium Red */
a.btn.mediumRed {
	padding: 4px 0 4px 9px;
	background-image: url(/images/buttons/htmlButtons/btnMediumRed.png);
	}
a.btn.mediumRed u {
	font: bold 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	line-height: 16px;
	padding-right: 5px;
	background: url(/images/buttons/htmlButtons/btnMediumRed.png) #4e86c9 -5px -4px;
	text-shadow: 0 -1px 0 #990000;
	}
a.btn.mediumRed u {
	background: url(/images/buttons/htmlButtons/btnMediumRed.gif) #4e86c9 -5px -4px;
	}
a.btn.mediumRed span {
	height: 24px;
	background-image: url(/images/buttons/htmlButtons/btnMediumRed.png);
	}
a.btn.mediumRed:hover {
	background-position: 0 50%;
	}
a.btn.mediumRed:hover u {
	background-position: -5px -28px;
	}
a.btn.mediumRed:hover span {
	background-position: -496px 50%;
	}
a.btn.mediumRed:active {
	background-position: 0 100%;
	}
a.btn.mediumRed:active u {
	background-position: -5px -51px;
	}
a.btn.mediumRed:active span {
	background-position: -496px 100%;
	}


/* ---------------------------------------------------------------
   Small Buttons
   ---------------------------------------------------------------
   
/* Small Blue */
a.btn.smallBlue {
	padding: 2px 0 3px 8px;
	background-image: url(/images/buttons/htmlButtons/btnsmallBlue.png);
	}
a.btn.smallBlue u {
	font: bold 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	line-height: 16px;
	padding-right: 4px;
	background: url(/images/buttons/htmlButtons/btnsmallBlue.png) #4e86c9 -5px -2px;
	text-shadow: 0 -1px 0 #3d63a6;
	}
a.btn.smallBlue span {
	height: 21px;
	background-image: url(/images/buttons/htmlButtons/btnsmallBlue.png);
	}
a.btn.smallBlue:hover {
	background-position: 0 50%;
	}
a.btn.smallBlue:hover u {
	background-position: -5px 50%;
	}
a.btn.smallBlue:hover span {
	background-position: -496px 50%;
	}
a.btn.smallBlue:active {
	background-position: 0 100%;
	}
a.btn.smallBlue:active u {
	background-position: -5px 94%;
	}
a.btn.smallBlue:active span {
	background-position: -496px 100%;
	}
   
/* Small Light Sky Blue */
a.btn.smallLightSkyBlue {
	padding: 2px 0 3px 8px;
	background-image: url(/images/buttons/htmlButtons/btnsmallLightSkyBlue.png);
	}
a.btn.smallLightSkyBlue u {
	color: #3765b7;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	line-height: 16px;
	padding-right: 4px;
	background: url(/images/buttons/htmlButtons/btnsmallLightSkyBlue.png) #f0f6fd -5px -2px;
	text-shadow: none;
	}
a.btn.smallLightSkyBlue span {
	height: 21px;
	background-image: url(/images/buttons/htmlButtons/btnsmallLightSkyBlue.png);
	}
a.btn.smallLightSkyBlue:hover {
	background-position: 0 50%;
	}
a.btn.smallLightSkyBlue:hover u {
	background-position: -5px 50%;
	}
a.btn.smallLightSkyBlue:hover span {
	background-position: -496px 50%;
	}
a.btn.smallLightSkyBlue:active {
	background-position: 0 100%;
	}
a.btn.smallLightSkyBlue:active u {
	background-position: -5px -51px;
	}
a.btn.smallLightSkyBlue:active span {
	background-position: -496px 100%;
	}

/* Small Light Sky Blue (Double Row) */
a.btn.smallLightSkyBlueDoubleRow {
	padding: 4px 0 5px 8px;
	background-image: url(/images/buttons/htmlButtons/btnSmallLightSkyBlueDoubleRow.png);
	}
a.btn.smallLightSkyBlueDoubleRow u {
	color: #3765b7;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	line-height: 16px;
	padding-right: 4px;
	background: url(/images/buttons/htmlButtons/btnSmallLightSkyBlueDoubleRow.png) #f0f6fd -5px -2px;
	text-shadow: none;
	line-height: 11px;
	text-align: left;
	}
a.btn.smallLightSkyBlueDoubleRow span {
	height: 31px;
	background-image: url(/images/buttons/htmlButtons/btnSmallLightSkyBlueDoubleRow.png);
	}
a.btn.smallLightSkyBlueDoubleRow:hover { background-position: 0 50%; }
a.btn.smallLightSkyBlueDoubleRow:hover u { background-position: -5px 50%; }
a.btn.smallLightSkyBlueDoubleRow:hover span { background-position: -496px 50%; }
a.btn.smallLightSkyBlueDoubleRow:active { background-position: 0 100%; }
a.btn.smallLightSkyBlueDoubleRow:active u { background-position: -5px 26px; }
a.btn.smallLightSkyBlueDoubleRow:active span { background-position: -496px 100%; }



/* ================================================== */
/* Current Button Styling Begins from this point down */
/* ================================================== */

/* "Imageless" Buttons */
.button {
	position: relative;
	display: inline-block;
	text-decoration: none;
	border: 1px solid #333366;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	cursor: pointer;
	text-align: center;
	}
.button:hover, a.button:hover {
	text-decoration: none;
	}
/* sizes */
.button.xlarge { 
	padding: 9px 18px;
	font: bold 16px Helvetica, Arial, sans-serif;
	
	-moz-box-shadow: 0 2px 0 rgba(150, 150, 150, .16);
	-webkit-box-shadow: 0 2px 0 rgba(150, 150, 150, .16);
	box-shadow: 0 2px 0 rgba(150, 150, 150, .16);
	
    -moz-transition: -moz-box-shadow .1s ease-in-out;
    -webkit-transition: -webkit-box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out;
	}
.button.large {
	padding: 8px 9px 8px;
	font: bold 14px Helvetica, Arial, sans-serif;
	
	-moz-box-shadow: 0 2px 0 rgba(150, 150, 150, .16);
	-webkit-box-shadow: 0 2px 0 rgba(150, 150, 150, .16);
	box-shadow: 0 2px 0 rgba(150, 150, 150, .16);
	
    -moz-transition: -moz-box-shadow .1s ease-in-out;
    -webkit-transition: -webkit-box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out;
	}
.button.medium {
	padding: 4px 8px;
	font: bold 14px Helvetica, Arial, sans-serif;
	box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	}
.button.small {
	padding: 4px 8px;
	font: bold 11px Helvetica, Arial, sans-serif;
	box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	}
.button.xsmall {
	padding: 2px 3px 3px;
	font: bold 10px/12px Arial, sans-serif;
	box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	text-transform: uppercase;
	}

/* Active & Hover States for Larger Buttons */
.button.xlarge:hover, .button.large:hover {
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .35);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .35);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .35);
    -moz-transition: -moz-box-shadow .1s ease-in-out;
    -webkit-transition: -webkit-box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out;
    }
.button.xlarge:active, .button.large:active {
    -moz-transform: translate(0, 1px);
	-webkit-transform: translate(0, 1px);
    transform: translate(0, 1px);
	-moz-box-shadow: 0 2px 1px rgba(0,0,0,.15);
	-webkit-box-shadow: 0 2px 1px rgba(0,0,0,.15);
	box-shadow: 0 2px 1px rgba(0,0,0,.15);
    -moz-transition: -webkit-box-shadow .1s ease-in-out;
    -webkit-transition: -webkit-box-shadow .1s ease-in-out;
    transition: -webkit-box-shadow .1s ease-in-out;
    }
.button.xlarge.disabled:active, .button.large.disabled:active {
    -moz-transform: none;
	-webkit-transform: none;
    transform: none;
    }
.button.xlarge.disabled:hover, .button.large.disabled:hover {
	box-shadow: 0 2px 0 rgba(150, 150, 150, .12);
	-moz-box-shadow: 0 2px 0 rgba(150, 150, 150, .12);
	-webkit-box-shadow: 0 2px 0 rgba(150, 150, 150, .12);
    }
/* arrows */
.button.xlarge .arrow { border-width: 6px 7px; #border-width: 7px; }
.button.large .arrow, .button.medium .arrow { border-width: 5px 6px; #border-width: 5px; }
.button .arrow.left { margin-left: -8px; }
.button .arrow.right { margin-left: 0; }
.button.large span.arrow.down { margin: 0 0 -4px 3px; }
/* arrows with no text */

/* Colors */
/* Blue */
.button.blue {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
	background-color: #6291CE;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.02, #ABCEED), color-stop(0.03, #89B9E3), color-stop(1.0, #3D6BBB));
	background: -moz-linear-gradient(top, #ABCEED 2%, #89B9E3 3%, #3D6BBB 99%);
	#filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#89B9E3', endColorStr='#3D6BBB', gradientType='0');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#89B9E3', endColorstr='#3D6BBB', gradientType='0')";
	#zoom: 1;
	border: 1px solid #3765B7;
	border-bottom: 1px solid #0C2883;
	}
* html .button.blue { color: #fff !important; } /* Fix for IE6 to force proper white text color */
.button.blue:hover {
	background-color: #74A4D8;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.02, #ABCEED), color-stop(0.03, #6FA8DB), color-stop(1.0, #2256AF));
	background: -moz-linear-gradient(top, #ABCEED 2%, #6FA8DB 3%, #2256AF 99%);
	#filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#6FA8DB', endColorStr='#2256AF', gradientType='0');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#6FA8DB', endColorstr='#2256AF', gradientType='0')"; 
	}
.button.blue.disabled:hover {
	background-color: #6291CE;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.02, #ABCEED), color-stop(0.03, #89B9E3), color-stop(1.0, #3D6BBB));
	background: -moz-linear-gradient(top, #ABCEED 2%, #89B9E3 3%, #3D6BBB 99%);
	#filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#89B9E3', endColorStr='#3D6BBB', gradientType='0');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#89B9E3', endColorstr='#3D6BBB', gradientType='0')";
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
	cursor: default;
	}
.button.blue:active {
	background-color: #4D7CC4;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0.02, #ABCEED), color-stop(0.03, #6FA8DB), color-stop(1.0, #2256AF));
	background: -moz-linear-gradient(bottom, #ABCEED 2%, #6FA8DB 3%, #2256AF 99%);
	#filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#2256AF', endColorStr='#6FA8DB', gradientType='0');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#2256AF', endColorstr='#6FA8DB', gradientType='0')";
	}
/* necessary for IE only */
.button.blue.disabled {
	#border: 1px solid #7B9AD0;
	#border-bottom: 1px solid #5F71AD;
	#filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#B1D0ED', endColorStr='#809ED2', gradientType='0');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#B1D0ED', endColorstr='#809ED2', gradientType='0')";
	}
	
/* Red */
.button.red {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
	background-color: #cc0000;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.02, #ff9999), color-stop(0.03, #ff7d7d), color-stop(1.0, #CC0000));
	background: -moz-linear-gradient(top, #ff9999 2%, #ff7d7d 3%, #CC0000 99%);
	#filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ff7d7d', endColorStr='#CC0000', gradientType='0');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7d7d', endColorstr='#CC0000', gradientType='0')"; 
	#zoom: 1;
	border: 1px solid #990000;
	border-bottom-color: #330000;
	box-shadow: 0 2px 0 rgba(200, 150, 150, .16);
	-moz-box-shadow: 0 2px 0 rgba(200, 150, 150, .2);
	-webkit-box-shadow: 0 2px 0 rgba(200, 150, 150, .16);
	}
/* Fix for IE6 to force proper white text color */
* html .button.red { color: #fff !important; }
.button.red:hover {
	background-color: #F02626;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FF6666), color-stop(0.03, #FF3636), color-stop(1.0, #CC0000));
	background: -moz-linear-gradient(top, #FF6666 0%, #FF3636 3%, #CC0000 100%);
	#filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#FF3636',endColorStr='#cc0000');  
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF3636',endColorstr='#cc0000')";
	}
.button.red.disabled:hover {
	background-color: #cc0000;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FF6666), color-stop(0.03, #FF3636), color-stop(1.0, #CC0000));
	background: -moz-linear-gradient(top, #FF6666 0%, #FF3636 3%, #CC0000 100%);
	#filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#FF3636',endColorStr='#cc0000');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF3636',endColorstr='#cc0000')";
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
	cursor: default;
	}
.button.red:active {
	background-color: #CD0101;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0.03, #FF6666), color-stop(0.04, #FF3636), color-stop(1.0, #CC0000));
	background: -moz-linear-gradient(bottom, #FF6666 3%, #FF3636 4%, #CC0000 100%);
	#filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#CC0000', endColorStr='#FF3636', gradientType='0');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC0000', endColorstr='#FF3636', gradientType='0')";
	}

/* Orange */
.button.orange {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
	background: #ffba51; /* Old browsers */
	background: -moz-linear-gradient(top, #ffba51 2%, #ffa426 3%, #ff8001 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#ffba51), color-stop(3%,#ffa426), color-stop(100%,#ff8001)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffba51 2%,#ffa426 3%,#ff8001 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffba51 2%,#ffa426 3%,#ff8001 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffba51 2%,#ffa426 3%,#ff8001 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffba51', endColorstr='#ff8001',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffba51 2%,#ffa426 3%,#ff8001 100%); /* W3C */
	#zoom: 1;
	border: 1px solid #E27000;
	border-bottom: 1px solid #C65700;
	}
* html .button.orange { color: #fff !important; } /* Fix for IE6 to force proper white text color */
.button.orange:hover {
	background: #ffba51; /* Old browsers */
	background: -moz-linear-gradient(top, #ffba51 2%, #ffa426 3%, #ff6600 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#ffba51), color-stop(3%,#ffa426), color-stop(100%,#ff6600)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffba51 2%,#ffa426 3%,#ff6600 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffba51 2%,#ffa426 3%,#ff6600 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffba51 2%,#ffa426 3%,#ff6600 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffba51', endColorstr='#ff6600',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffba51 2%,#ffa426 3%,#ff6600 100%); /* W3C */
	}
.button.orange.disabled:hover {
	background: #ffba51; /* Old browsers */
	background: -moz-linear-gradient(top, #ffba51 2%, #ffa426 3%, #ff6600 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#ffba51), color-stop(3%,#ffa426), color-stop(100%,#ff6600)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffba51 2%,#ffa426 3%,#ff6600 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffba51 2%,#ffa426 3%,#ff6600 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffba51 2%,#ffa426 3%,#ff6600 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffba51', endColorstr='#ff6600',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffba51 2%,#ffa426 3%,#ff6600 100%); /* W3C */
	cursor: default;
	}
.button.orange:active {
	background: #ff8001; /* Old browsers */
	background: -moz-linear-gradient(top, #ff8001 0%, #ffa426 97%, #ffba51 98%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8001), color-stop(97%,#ffa426), color-stop(98%,#ffba51)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ff8001 0%,#ffa426 97%,#ffba51 98%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ff8001 0%,#ffa426 97%,#ffba51 98%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ff8001 0%,#ffa426 97%,#ffba51 98%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8001', endColorstr='#ffba51',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ff8001 0%,#ffa426 97%,#ffba51 98%); /* W3C */
	}
/* necessary for IE only */
.button.orange.disabled {
	#border: 1px solid #7B9AD0;
	#border-bottom: 1px solid #5F71AD;
	#filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#B1D0ED', endColorStr='#809ED2', gradientType='0');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#B1D0ED', endColorstr='#809ED2', gradientType='0')";
	}

/* White */
.button.white {
	color: #3765B7;
	text-shadow: 0 1px 0 rgba(256,256,256,0.5);
	background-color: #E5EFFC;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FFFFFF), color-stop(1.0, #E5EFFC));
	background: -moz-linear-gradient(top, #FFFFFF 0%, #E5EFFC 100%);
	#filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#FFFFFF,endColorStr=#E5EFFC);  
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF,endColorstr=#E5EFFC)";  
	#zoom: 1;
	border: 1px solid #B8C6E3;
	border-bottom: 1px solid #6C84B8;
	box-shadow: 0 2px 0 rgba(150, 150, 150, .12);
	-moz-box-shadow: 0 2px 0 rgba(150, 150, 150, .12);
	-webkit-box-shadow: 0 2px 0 rgba(150, 150, 150, .12);
	}
.button.white:hover {
	background-color: #c1d8f9;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.10, #FFF), color-stop(.90, #D6E4FB));
	background: -moz-linear-gradient(top, #FFFFFF 20%, #D6E4FB 100%);
	#filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#FFFFFF,endColorStr=#c1d8f9);  
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF,endColorstr=#c1d8f9)";
	border: 1px solid #B8C6E3;
	border-bottom: 1px solid #6C84B8;
	text-shadow: 0 1px 0 rgba(256,256,256,0.5);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .16);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .16);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .16);
	}
.button.white.disabled:hover {
	background-color: #ECF3FD;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FFFFFF), color-stop(1.0, #E5EFFC));
	background: -moz-linear-gradient(top, #FFFFFF 0%, #E5EFFC 100%);
	#filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#FFFFFF,endColorStr=#E5EFFC);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF,endColorstr=#E5EFFC)";
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
	cursor: default;
	}
.button.white:active {
	background-color: #D8E6FC;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0.00, #FFFFFF), color-stop(1.0, #E5EFFC));
	background: -moz-linear-gradient(bottom, #FFFFFF 0%, #E5EFFC 100%);
	#filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#E5EFFC,endColorStr=#FFFFFF);  
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5EFFC,endColorstr=#FFFFFF)";  
	}
/* necessary for IE only */
.button.white.disabled {
	#filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
	cursor: default;
	}

/* ie6 white button fix */
* html .button.white { color: #3765B7 !important; }

/* Gray */
.button.gray {
	color: #666;
	text-shadow: 0 1px 0 rgba(255,255,255,1);
	background-color: #f5f5f5;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FFFFFF), color-stop(1.0, #f5f5f5));
	background: -moz-linear-gradient(top, #FFFFFF 0%, #f5f5f5 100%);
	#filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#FFFFFF,endColorStr=#f5f5f5);  
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF,endColorstr=#f5f5f5)";  
	#zoom: 1;
	border: 1px solid #ccc;
	border-bottom: 1px solid #999;
	box-shadow: 0 2px 0 rgba(0,0,0,.12);
	-moz-box-shadow: 0 2px 0 rgba(0,0,0,.12);
	-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.12);
	}
.button.gray:hover {
	color: #3765B7;
	background-color: #eaeaea;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.10, #FFF), color-stop(.90, #eaeaea));
	background: -moz-linear-gradient(top, #FFFFFF 20%, #eaeaea 100%);
	#filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#FFFFFF,endColorStr=#eaeaea);  
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF,endColorstr=#eaeaea)";
	border: 1px solid #b2b2b2;
	border-bottom: 1px solid #7f7f7f;
	text-shadow: 0 1px 0 rgba(255,255,255,1);
	box-shadow: 0 2px 0 rgba(0,0,0,.25);
	-moz-box-shadow: 0 2px 0 rgba(0,0,0,.25);
	-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.25);
	}
.button.gray.disabled:hover {
	background-color: #f5f5f5;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FFFFFF), color-stop(1.0, #f5f5f5));
	background: -moz-linear-gradient(top, #FFFFFF 0%, #f5f5f5 100%);
	#filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#FFFFFF,endColorStr=#f5f5f5);  
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF,endColorstr=#f5f5f5)";
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
	cursor: default;
	}
.button.gray:active {
	color: #3765B7;
	background-color: #dbdbdb;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.10, #eaeaea), color-stop(.90, #ffffff));
	background: -moz-linear-gradient(top, #eaeaea 20%, #ffffff 100%);
	#filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#eaeaea,endColorStr=#ffffff);  
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#eaeaea,endColorstr=#ffffff)";  
	}
/* necessary for IE only */
.button.gray.disabled {
	#filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
	cursor: default;
	}

/* ie6 white button fix */
* html .button.gray { color: #666 !important; }

/* disabled */
.button.disabled {
	-moz-opacity: .5;
	opacity: .5;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
	}
	
/* Close Button */
.closeButton {
	position: absolute;
	top: 13px;
	right: 15px;
	padding: 2px 4px 3px;
	background-color: #F8FBFF;
	text-decoration: none;
	border: 1px solid #D8E4EF;
	border-right-color: #BDCFE5;
	border-bottom-color: #B0C3DE;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;	
	color: #6F96CE;
	font: bold 11px Arial, Helvetica, sans-serif;
	}
.closeButton:hover { background-color: #F0F5FC; }
.closeButton:active { background-color: #E5ECF6; }

