/* ******* Site Wide Consistent Buttons ********* */

/* global button styles. These buttons use CSS sliding doors and require a <div><a>Text</a></div> environment to work */

div.medium_button {
	background: url(../images/fruitfly/buttons/medium_button.png) top left no-repeat;
	height: 31px;
  min-width: 70px;
	padding: 0px 0px 0px 15px;
	float: left;
	margin-bottom: 4px;
	margin-left: 3px;
	text-transform: lowercase;
	text-align: center;
}

div.medium_button a, div.medium_button input[type="submit"] {
	background: url(/images/fruitfly/buttons/medium_button.png) top right no-repeat;
	display: block;
	height: 23px;
	padding-right: 15px;
	font-size: 14px;
	padding-top: 8px;
	color: #e9e9e9;
	text-shadow: #243947 1px -1px 0px;
}

div.medium_button.white.green, div.medium_button.white.green a, div.medium_button.white.green input[type="submit"]  {
  background-image: url(/images/fruitfly/buttons/medium_button_green_white.png);
}

div.medium_button.white.green input[type="submit"]  {
  position: relative;
  width: 100%;
  height: 31px;
  font-size: 12px;
  padding-top: 0px;
}


div.medium_button a:hover, div.medium_button input[type="submit"]:hover {
	background-position: center right;
}

div.medium_button a:active {
	background-position: bottom right;
}

div.medium_button:hover {
	background-position: center left;
}

div.medium_button:active {
	background-position: bottom left;
}

.multiple_button {
  width: 188px;
}


/* LARGE BUTTON */

div.large_button {
	background: url(../images/fruitfly/buttons/large_button.png) top left no-repeat;
	height: 41px;
	padding: 0px 0px 0px 20px;
	float: none;
	position: relative;
	display: block;
	margin-bottom: 4px;
	margin-left: 3px;
	text-align: center;
}

div.large_button.white {
	background-image: url(../images/fruitfly/buttons/large_button_white.png);
}
	  
div.large_button.centered {
	margin-left: 0px;
	margin-right: 40px;
	margin-left: 40px;
}

div.large_button.centered.single {
	margin-top: 12px;
}

div.large_button a {
	background: url(/images/fruitfly/buttons/large_button.png) top right no-repeat;
	display: block;
	height: 30px;
	padding-right: 20px;
	font-size: 15px;
	padding-top: 11px;
	color: #fff;
	text-shadow: #243947 1px -1px 0px;
}

div.large_button.white a {
	background-image: url(../images/fruitfly/buttons/large_button_white.png);
}

div.large_button.white.green, div.large_button.white.green a  {
  background-image: url(/images/fruitfly/buttons/large_button_green_white.png);
}


div.large_button a:hover {
	background-position: center right;
}

div.large_button a:active {
	background-position: bottom right;
}

div.large_button:hover {
	background-position: center left;
}

div.large_button:active {
	background-position: bottom left;
}


/* SMALL BUTTON */

div.small_button {
	background: url(../images/fruitfly/buttons/small_button.png) top left no-repeat;
	height: 26px;
	width: 100px;
	min-width: 90px;
	padding: 0px 0px 0px 10px;
	float: none;
	position: relative;
	display: block;
	margin-bottom: 4px;
	margin-left: 3px;
	text-align: center;
}

div.small_button a, div.small_button input[type="submit"] {
	background: url(/images/fruitfly/buttons/small_button.png) top right no-repeat;
	display: block;
	height: 20px;
	padding-right: 10px;
	font-size: 15px;
	width: 100%;
	text-align: center;
	padding-top: 6px;
	color: #fff;
	font-size: 11px;
	text-shadow: #243947 1px -1px 0px;
}

div.small_button input[type="submit"] {
  height: 26px;
  padding-top: 0px;
  color: #fff;
}
div.small_button.white.green, div.small_button.white.green a  {
  background-image: url(/images/fruitfly/buttons/small_button_green_white.png);
}

div.small_button.white {
  background-image: url(/images/fruitfly/buttons/small_button_white.png);
}

div.small_button.white a,div.small_button input[type="submit"] {
  background-image: url(/images/fruitfly/buttons/small_button_white.png);
}

div.small_button a:hover,div.small_button input[type="submit"]:hover {
	background-position: center right;
}

div.small_button a:active,div.small_button input[type="submit"]:active {
	background-position: bottom right;
}

div.small_button:hover {
	background-position: center left;
}

div.small_button:active {
	background-position: bottom left;
}



/* TINY BUTTON */

div.tiny_button {
	background: url(../images/fruitfly/buttons/tiny_button.png) top left no-repeat;
	height: 20px;
	width: 50px;
	min-width: 50px;
	padding: 0px 0px 0px 10px;
	float: none;
	position: relative;
	display: block;
	margin-bottom: 4px;
	margin-left: 3px;
	text-align: center;
}

div.tiny_button a, div.tiny_button input[type="submit"] {
	background: url(/images/fruitfly/buttons/tiny_button.png) top right no-repeat;
	display: block;
	height: 17px;
	padding-right: 10px;
	font-size: 15px;
	width: 100%;
	text-align: center;
	padding-top: 3px;
	color: #fff;
	font-size: 11px;
	text-shadow: #243947 1px -1px 0px;
}

div.tiny_button input[type="submit"] {
  height: 26px;
  padding-top: 0px;
  color: #fff;
}

div.tiny_button.white, div.tiny_button.white a, div.tiny_button input[type="submit"]  {
  background-image: url(/images/fruitfly/buttons/tiny_button_white.png);
}

div.tiny_button.white.gray, div.tiny_button.white.gray a  {
  background-image: url(/images/fruitfly/buttons/tiny_button_gray_white.png);
}

div.tiny_button.white.green, div.tiny_button.white.green a, div.tiny_button.white.green input[type="submit"]  {
  background-image: url(/images/fruitfly/buttons/tiny_button_green_white.png);
}

div.tiny_button.white.blue, div.tiny_button.white.blue a, div.tiny_button.white.blue input[type="submit"]  {
  background-image: url(/images/fruitfly/buttons/tiny_button_blue_white.png);
}

div.tiny_button.white.lightgray, div.tiny_button.white.lightgray a,  div.tiny_button.lightgray input[type="submit"]  {
  background-image: url(/images/fruitfly/buttons/tiny_button_lightgray_white.png);
}

div.tiny_button.lightgray input[type="submit"] {
   height: 20px;
   padding-top: 0px;
   color: #fff;
 }

div.tiny_button.blue.lightgray, div.tiny_button.blue.lightgray a,  div.tiny_button.lightgray input[type="submit"]  {
   background-image: url(/images/fruitfly/buttons/tiny_button_lightgray_blue.png);
}

div.tiny_button a:hover,div.tiny_button input[type="submit"]:hover {
	background-position: center right;
}

div.tiny_button a:active,div.tiny_button input[type="submit"]:active {
	background-position: bottom right;
}

div.tiny_button:hover {
	background-position: center left;
}

div.tiny_button:active {
	background-position: bottom left;
}