.tabButton{
 padding:6px 15px;
 cursor:pointer;
 max-width:250px;
  min-width:90px;
 height:26px;
 border:1px solid #ddd;
 background-color:#444;
 color:#fff;
 font-size:12px;
 display:inline-block;
 vertical-align: middle;
 line-height:26px;
 text-shadow: 2px 1px 2px rgba(150, 150, 150, 0.56);
}

.tabButton.short{
height:22px;line-height:22px
}

.tabButton.light{
background-color:#f6f6f6;
color:#000;
background: rgba(226,226,226,1);
background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(173,173,173,1) 33%, rgba(181,181,181,1) 65%, rgba(219,216,219,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(33%, rgba(173,173,173,1)), color-stop(65%, rgba(181,181,181,1)), color-stop(100%, rgba(219,216,219,1)));
background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(173,173,173,1) 33%, rgba(181,181,181,1) 65%, rgba(219,216,219,1) 100%);
background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(173,173,173,1) 33%, rgba(181,181,181,1) 65%, rgba(219,216,219,1) 100%);
background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(173,173,173,1) 33%, rgba(181,181,181,1) 65%, rgba(219,216,219,1) 100%);
background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(173,173,173,1) 33%, rgba(181,181,181,1) 65%, rgba(219,216,219,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#dbd8db', GradientType=0 );
}
.buttonTitle{
display:inline-block;vertical-align:middle;
}

.button{
	cursor:pointer;
	font-family: 'Helvetica Neue',arial, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration:none;
	padding: 6px 12px;
	border:none;
		-webkit-transition: background-color 500ms linear;
     -moz-transition: background-color 500ms linear;
     -o-transition: background-color 500ms linear;
     -ms-transition: background-color 500ms linear;
     transition: background-color 500ms linear;
	-webkit-appearance: none;
	}
.button:hover{
		text-decoration:none;
		cursor:pointer;
		background-color:#a1a1a1;
		 -webkit-transition: background-color 500ms linear;
     -moz-transition: background-color 500ms linear;
     -o-transition: background-color 500ms linear;
     -ms-transition: background-color 500ms linear;
     transition: background-color 500ms linear;

	}
.button.round{
	padding: 4px 8px;
		color: #ffffff;
		font-size:11px;
			border:none;
	}

.button.supersmall{
	padding: 3px 4px;
		color: #ffffff;
		font-size:11px;
			border:none;
}

.button.small{
	padding: 3px 6px;
		color: #ffffff;
		font-size:11px;
			border:none;
}
.button.big{
	padding: 8px 16px;
	color: #ffffff;
font-size:13px;
	border:none;
}

.button.large{
	padding: 10px 18px;
	color: #ffffff;
	font-size:15px;
		border:none;
}
.button.huge{
	padding: 12px 20px;
		color: #ffffff;
	font-size:18px;
		border:none;
}
/*-----------BUTTON COLORS ---------------*/
ul.buttons li {display:list;margin:25px 0;}
/*BLUE*/
.button.blue{
	background-color:#005bbb;


	color: #ffffff;
	}

	/*BURNT BLUE*/
.button.burntBlue{
	background-color:#1786BA;


	color: #ffffff;
	}


/*Tangerine BUTTON*/
.button.tang{

	background-color:#f1841a;

	}

		/*white*/
.button.white{
	background-color:#fff;


	color: #000;
	}


		/*TEAL*/
.button.teal{
	background-color:#36afe6;


	color: #ffffff;
	}

	/*ORANGE*/
.button.orange{
	color: #ffffff;
	background-color:#d76018;

	}

/*BRIGHT GREEN*/
.button.bright-green{
	color:#fff;
	background-color:#74c239;
}

/*GREEN*/
.button.green{
	color: #ffffff;

	background-color:#85cd4d;
	}

/*GREY BUTTON*/
.button.grey{

	background-color:#a1a1a1;

	}
/*BLACK*/
.button.black{
	color: #ffffff;

	background-color:#323232;

	}
		/*squid*/
.button.squid{
	background-color:#10b2d8;
	color: #ffffff;
	}


/*golden*/
.button.golden{
	color: #ffffff;

	background-color:#faaf40;

	}
/*DEEP RED */
.button.deep-red{
	color: #ffffff;

	background-color:#a20d0d;

	}


/*RED*/
.button.red{
	color: #ffffff;

	background-color:#a20d0d;

	}
	/*PURPLE*/
.button.purple{
	color: #ffffff;

	background-color:#b576ad;

	}
	/*DARK BLUE*/
.button.dark-blue{
	color: #ffffff;

	background-color:#b576ad;

	}

/*LIGHT BLUE*/
.button.light-blue{
	color: #ffffff;

	background-color:#7ccce5;

	}
	/*DARK GREEN*/
.button.dark-green{
	color: #ffffff;

	background-color:#099d51;

	}
	/*DARK ORANGE*/
.button.dark-orange{
	color: #ffffff;

	background-color:#ffae00;

	}
	/*RED CHERRY*/
.button.red-cherry{
	color: #ffffff;

	background-color:#d12638;

	}
	/*SIMPLE Pink */
.button.simple-pink{

	background-color:#f06eaa;

	}


/*PINEAPPLE  BUTTON*/
.button.pineapple{

	background-color:#a3d39c;

	}
/*DEEP BLUE  BUTTON*/
.button.deep-blue{

	background-color:#3d4753;

	}
	/*SKY BLUE  BUTTON*/
.button.sky-blue{

	background-color:#72c2e7;

	}

/*DEEP ORANGE  BUTTON*/
.button.deep-orange{

	background-color:#ffcc33;
		}

/*DEEP ORANGE  BUTTON*/
.button.dark-orange{

	background-color:#ffcc33;
		}
	/*BUTTON ENDS*/