@charset "utf-8";
/* CSS Document */

.bttn {
  font-family: Quicksand, Verdana, Helvetica, sans-serif;
  background-color:#F0F0F0;
  padding: 6px 15px 4px 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;  
  white-space: nowrap;
  font-weight: bold;  
  cursor: pointer;
  color: #fff;
  border: none;
  /*fix ie*/
  position:relative;
  zoom:1;
}

.bttn.sm { font-size: 13px; line-height: 16px !important; padding: 4px 15px 2px 15px; margin: 0; } 
.bttn    { font-size: 15px; line-height: 18px !important; padding: 8px 17px 6px 17px; margin: 0; }  
.bttn.lg { font-size: 19px; line-height: 22px !important; padding: 10px 28px 8px 28px; margin: 0; } 
.bttn.xs {
  font-size: 13px;
  padding: 2px 9px;
  margin-bottom: 7px;
  white-space:  normal;
}

/* white */
a.bttn.white, input.bttn.white { border-bottom: solid 5px #E0E0E0; background-color:#FFFFFF !important; text-decoration: none; color: #828282; }
a.bttn.white:hover, input.bttn.white:hover { border-bottom: solid 5px #D1D1D1; background-color:#F5F5F5 !important;	}
a.bttn.white:active, input.bttn.white:active { border-bottom: solid 2px #D1D1D1; background-color:#F5F5F5 !important; margin-bottom: 3px; top: 3px;}

/* carrot */
a.bttn.carrot, input.bttn.carrot { border-bottom: solid 5px #E4722C; background-color:#F4932F !important; text-decoration: none; }
a.bttn.carrot:hover, input.bttn.carrot:hover { border-bottom: solid 5px #D7672C; background-color:#EA862E !important;	}
a.bttn.carrot:active, input.bttn.carrot:active { border-bottom: solid 2px #D7672C; background-color:#EA862E !important; margin-bottom: 3px; top: 3px;}

/* orange */
a.bttn.orange, input.bttn.orange { border-bottom: solid 5px #f8991d; background-color:#fcaf17 !important; text-decoration: none; }
a.bttn.orange:hover, input.bttn.orange:hover { border-bottom: solid 5px #ea7d1e; background-color:#f99d1c !important;	}
a.bttn.orange:active, input.bttn.orange:active { border-bottom: solid 2px #ea7d1e; background-color:#f99d1c !important; margin-bottom: 3px; top: 3px;}

/* gold */
a.bttn.gold, input.bttn.gold { border-bottom: solid 5px #D39838; background-color:#F4BF58 !important;	}
a.bttn.gold:hover, input.bttn.gold:hover { border-bottom: solid 5px #C58D32; background-color:#E2B049 !important; }
a.bttn.gold:active, input.bttn.gold:active { border-bottom: solid 2px #C58D32; background-color:#E2B049 !important; margin-bottom: 3px; top: 3px; }

/* maroon */
a.bttn.maroon, input.bttn.maroon { border-bottom: solid 5px #7B1111; background-color:#963030 !important;	}
a.bttn.maroon:hover, input.maroon:hover { border-bottom: solid 5px #670000; background-color:#852828 !important; }
a.bttn.maroon:active, input.maroon:active { border-bottom: solid 2px #670000; background-color:#852828 !important; margin-bottom: 3px; top: 3px; }

/* cherry */
a.bttn.cherry, input.bttn.cherry { border-bottom: solid 5px #963030; background-color:#C84041 !important; text-decoration: none; }
a.bttn.cherry:hover, input.bttn.cherry:hover { border-bottom: solid 5px #7C2222; background-color:#BB3334 !important; }
a.bttn.cherry:active, input.bttn.cherry:active { border-bottom: solid 2px #7C2222; background-color:#BB3334 !important; margin-bottom: 3px; top: 3px; }

/* salmon */
a.bttn.salmon, input.bttn.salmon { border-bottom: solid 5px #F85A3D; background-color:#FF8362 !important; text-decoration: none; }
a.bttn.salmon:hover, input.bttn.salmon:hover { border-bottom: solid 5px #E65238; background-color:#F6724D !important;	}
a.bttn.salmon:active, input.bttn.salmon:active { border-bottom: solid 2px #E65238; background-color:#F6724D !important; margin-bottom: 3px; top: 3px;}

/* ash */
a.bttn.ash, input.bttn.ash { border-bottom: solid 5px #5E5E5E; background-color:#828282 !important;	}
a.bttn.ash:hover, input.ash:hover { border-bottom: solid 5px #4B4B4B; background-color:#6E6E6E !important; }
a.bttn.ash:active, input.ash:active { border-bottom: solid 2px #4B4B4B; background-color:#6E6E6E !important; margin-bottom: 3px; top: 3px; }

/* gray */
a.bttn.gray, input.bttn.gray { border-bottom: solid 5px #878787; background-color:#B1B1B1 !important;	}
a.bttn.gray:hover, input.gray:hover { border-bottom: solid 5px #676767; background-color:#AAAAAA !important; }
a.bttn.gray:active, input.gray:active { border-bottom: solid 2px #676767; background-color:#AAAAAA !important; margin-bottom: 3px; top: 3px; }

/* forrest */
a.bttn.forrest, input.bttn.forrest { border-bottom: solid 5px #36641A; background-color:#478024 !important; text-decoration: none; }
a.bttn.forrest:hover, input.bttn.forrest:hover { border-bottom: solid 5px #2D5514; background-color:#3B6D1D !important; }
a.bttn.forrest:active, input.bttn.forrest:active { border-bottom: solid 2px #2D5514; background-color:#3B6D1D !important; margin-bottom: 3px; top: 3px; }

/* green */
a.bttn.green, input.bttn.green { border-bottom: solid 5px #508F14; background-color:#7DC53A !important; text-decoration: none; }
a.bttn.green:hover, input.bttn.green:hover { border-bottom: solid 5px #508F14; background-color:#6DB329 !important; }
a.bttn.green:active, input.bttn.green:active { border-bottom: solid 2px #508F14; background-color:#6DB329 !important; margin-bottom: 3px; top: 3px; }

/* navy */
a.bttn.navy, input.bttn.navy { border-bottom: solid 5px #004D7E; background-color:#0064A4 !important;	}
a.bttn.navy:hover, input.navy:hover { border-bottom: solid 5px #00416A; background-color:#095789 !important; }
a.bttn.navy:active, input.navy:active { border-bottom: solid 2px #00416A; background-color:#095789 !important; margin-bottom: 3px; top: 3px; }

/* blue */
a.bttn.blue, input.bttn.blue { border-bottom: solid 5px #21a3d2; background-color:#3dc3f4 !important;	}
a.bttn.blue:hover, input.blue:hover { border-bottom: solid 5px #148dc0; background-color:#2fabd9 !important; }
a.bttn.blue:active, input.blue:active { border-bottom: solid 2px #148dc0; background-color:#2fabd9 !important; margin-bottom: 3px; top: 3px; }

/* caribbean */
a.bttn.caribbean, input.bttn.caribbean { border-bottom: solid 5px #00ABB1; background-color:#00DEE6 !important;	}
a.bttn.caribbean:hover, input.caribbean:hover { border-bottom: solid 5px #00969B; background-color:#00C1C8 !important; }
a.bttn.caribbean:active, input.caribbean:active { border-bottom: solid 2px #00969B; background-color:#00C1C8 !important; margin-bottom: 3px; top: 3px; }

/* myrtle */
a.bttn.myrtle, input.bttn.myrtle { border-bottom: solid 5px #2b5d5a; background-color:#2a8c86 !important;	}
a.bttn.myrtle:hover, input.myrtle:hover { border-bottom: solid 5px #25524f; background-color:#237a75 !important; }
a.bttn.myrtle:active, input.myrtle:active { border-bottom: solid 2px #25524f; background-color:#237a75 !important; margin-bottom: 3px; top: 3px; }


/*pseudo classes */

a.bttn:link, a.bttn:visited { color: #FFF !important; text-decoration: none !important; display:inline-block; }
a.bttn:hover, a.bttn:active { color: #FFF !important; text-decoration: none !important; display:inline-block; }

a.bttn.white:link, a.bttn.white:visited { color: #828282 !important; }
a.bttn.white:hover, a.bttn.white:active { color: #828282 !important; }

a.bttn:focus, a.bttn:active, 
input[type='submit']:focus, input[type='submit']:active, 
input[type='button']:focus, input[type='button']:active { 
  outline: none; -moz-outline-style: none; 
}

/* arrow color */

.bttn.white.arrow         { background: url(/images2/buttons/arrow_white.png) 8px 7px no-repeat; padding-left: 30px; }
.bttn.white.arrow:hover   { background-image: url(/images2/buttons/arrow_white_o.png); }

.bttn.carrot.arrow          { background: url(/images2/buttons/arrow_carrot.png) 8px 7px no-repeat; padding-left: 30px; } 
.bttn.carrot.arrow:hover    { background-image: url(/images2/buttons/arrow_carrot_o.png); }
.bttn.orange.arrow          { background: url(/images2/buttons/arrow_orange.png) 8px 7px no-repeat; padding-left: 30px; }
.bttn.orange.arrow:hover    { background-image: url(/images2/buttons/arrow_orange_o.png); }
.bttn.gold.arrow            { background: url(/images2/buttons/arrow_gold.png) 8px 7px no-repeat; padding-left: 30px; }
.bttn.gold.arrow:hover      { background-image: url(/images2/buttons/arrow_gold_o.png); }
.bttn.maroon.arrow          { background: url(/images2/buttons/arrow_maroon.png) 8px 7px no-repeat; padding-left: 30px; }
.bttn.maroon.arrow:hover    { background-image: url(/images2/buttons/arrow_maroon_o.png); }
.bttn.cherry.arrow          { background: url(/images2/buttons/arrow_cherry.png) 8px 7px no-repeat; padding-left: 30px; } 
.bttn.cherry.arrow:hover    { background-image: url(/images2/buttons/arrow_cherry_o.png); }
.bttn.salmon.arrow          { background: url(/images2/buttons/arrow_salmon.png) 8px 7px no-repeat; padding-left: 30px; }
.bttn.salmon.arrow:hover    { background-image: url(/images2/buttons/arrow_salmon_o.png); }
.bttn.ash.arrow             { background: url(/images2/buttons/arrow_ash.png) 8px 7px no-repeat; padding-left: 30px; }
.bttn.ash.arrow:hover       { background-image: url(/images2/buttons/arrow_ash_o.png); }
.bttn.gray.arrow            { background: url(/images2/buttons/arrow_gray.png) 8px 7px no-repeat; padding-left: 30px; }
.bttn.gray.arrow:hover      { background-image: url(/images2/buttons/arrow_gray_o.png); }
.bttn.forrest.arrow         { background: url(/images2/buttons/arrow_forrest.png) 8px 7px no-repeat; padding-left: 30px; }
.bttn.forrest.arrow:hover   { background-image: url(/images2/buttons/arrow_forrest_o.png); }
.bttn.green.arrow           { background: url(/images2/buttons/arrow_green.png) 8px 7px no-repeat; padding-left: 30px; }
.bttn.green.arrow:hover     { background-image: url(/images2/buttons/arrow_green_o.png); }
.bttn.navy.arrow            { background: url(/images2/buttons/arrow_navy.png) 8px 7px no-repeat; padding-left: 30px; }
.bttn.navy.arrow:hover      { background-image: url(/images2/buttons/arrow_navy_o.png); }
.bttn.blue.arrow            { background: url(/images2/buttons/arrow_blue.png) 8px 7px no-repeat; padding-left: 30px; }
.bttn.blue.arrow:hover      { background-image: url(/images2/buttons/arrow_blue_o.png); }
.bttn.caribbean.arrow       { background: url(/images2/buttons/arrow_caribbean.png) 8px 7px no-repeat; padding-left: 30px; }
.bttn.caribbean.arrow:hover { background-image: url(/images2/buttons/arrow_caribbean_o.png); }
.bttn.myrtle.arrow          { background: url(/images2/buttons/arrow_myrtle.png) 8px 7px no-repeat; padding-left: 30px; }
.bttn.myrtle.arrow:hover    { background-image: url(/images2/buttons/arrow_myrtle_o.png); }

.bttn::-moz-focus-inner { padding: 0; border: 0; } /* stop firefox from giving its buttons extra padding */