/*!
 * Sexybuttons reloaded !
 */
.sx {
	background: none;
	border: none;
	cursor: pointer;
	white-space: nowrap;

	margin: 0;
	position: relative;
	padding: 5px 10px 5px;
	font: inherit;
/* 	font-size: 13px; */
	font-style: normal;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	background-image: url(images/skins/simple/awesome-overlay-sprite.png);
	background-repeat: repeat-x;
	background-position: 0 0;

	/* Special effects */
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25), -2px 0 1px rgba(0,0,0,0.25);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);

	/* IE only stuff */
	border-bottom: 1px solid transparent\9;
/* 	_background-image: none; */

	/* Cross browser inline block hack - http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*display: inline !important;
	position: relative;

	/* Force hasLayout in IE */
	zoom: 1;

	/* Disable text selection (Firefox only)*/
	user-select: none;
	-moz-user-select: none;

	/* Fix extra width padding in IE */
	_width: 0;
	overflow: visible;
}


.sx::selection {
	background: transparent;
}

.sx:hover {
	background-position: 0 -50px;
	color: #fff;
}

.sx:active {
	background-position: 0 100%;
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.7);
	/* Unfortunately, Safari doesn't support inset yet */
	-webkit-box-shadow: none;

	/* IE only stuff */
	border-bottom: 0\9;
	border-top: 1px solid #666\9;
}

.sx span {
	height: auto;
	padding-left: 24px;
	padding-right: 0;
	background-position: left center;
	background-repeat: no-repeat;
	/* IE6 still requires a PNG transparency fix */
	/* _padding-left: 0;		Or just hide icons from the undeserving IE6 */
}

.sx span.after {
	padding-left: 0;
	padding-right: 24px;
	background-position: right center;
	/* IE6 still requires a PNG transparency fix */
	/* _padding-right: 0;		Or just hide icons from the undeserving IE6 */
}

/* Simple button colors */
.sx					{ background-color: #333; }		/* Default */
.sx.black		{ background-color: #333; }
.sx.red		{ background-color: #a90118; }
.sx.orange	{ background-color: #ff8a00; }
.sx.yellow	{ background-color: #ffb515; }
.sx.green		{ background-color: #59a901; }
.sx.blue		{ background-color: #015ea9; }
.sx.teal		{ background-color: #2daebf; }
.sx.magenta	{ background-color: #a9014b; }
.sx.purple	{ background-color: #9d01a9; }


.sexybutton.sexylarge	{ font-size: 18px; }


/* Simple button sizes */
.sx.s              { padding: 4px 7px 5px; font-size: 10px; }
.sx.s:active       { padding: 5px 7px 4px; }
.sx                { /* default */ font-size: 1em; }
.sx:active         { padding: 6px 10px 4px; }
.sx.m              { /* default */ font-size: 1em; }
.sx.m:active       { padding: 6px 10px 4px; }
.sx.l              { padding: 8px 14px 8px; font-size: 14px; }
.sx.l:active       { padding: 9px 14px 7px; }
.sx.xl             { padding: 8px 14px 8px; font-size: 16px; }
.sx.xl:active      { padding: 9px 14px 7px; }
.sx.xxl            { padding: 8px 14px 8px; font-size: 20px }
.sx.xxl:active     { padding: 9px 14px 7px; }
.sx.xxxl           { padding: 8px 14px 8px; font-size: 26px; }
.sx.xxxl:active    { padding: 9px 14px 7px; }


/*
* Icon Definitions
*/

/* Silk Icons - http://www.famfamfam.com/lab/icons/silk/ */
/* (Obviously not all Silk icons are defined here. Feel free to define any other icons that you may need.) */

.sx span.ok        { background-image: url(images/icons/silk/tick.png); }
.sx span.cancel    { background-image: url(images/icons/silk/cross.png); }
.sx span.add       { background-image: url(images/icons/silk/add.png); }
.sx span.delete    { background-image: url(images/icons/silk/delete.png); }
.sx span.download  { background-image: url(images/icons/silk/arrow_down.png); }
.sx span.download2 { background-image: url(images/icons/silk/package_down.png); }
.sx span.upload    { background-image: url(images/icons/silk/arrow_up.png); }
.sx span.search    { background-image: url(images/icons/silk/magnifier.png); }
.sx span.find      { background-image: url(images/icons/silk/find.png); }
.sx span.first     { background-image: url(images/icons/silk/resultset_first.png); }
.sx span.prev      { background-image: url(images/icons/silk/resultset_previous.png); }
.sx span.next      { background-image: url(images/icons/silk/resultset_next.png); }
.sx span.last      { background-image: url(images/icons/silk/resultset_last.png); }
.sx span.play      { background-image: url(images/icons/silk/play_blue.png); }
.sx span.pause     { background-image: url(images/icons/silk/pause_blue.png); }
.sx span.rewind    { background-image: url(images/icons/silk/rewind_blue.png); }
.sx span.forward   { background-image: url(images/icons/silk/forward_blue.png); }
.sx span.stop      { background-image: url(images/icons/silk/stop_blue.png); }
.sx span.reload    { background-image: url(images/icons/silk/reload.png); }
.sx span.sync      { background-image: url(images/icons/silk/arrow_refresh.png); }
.sx span.save      { background-image: url(images/icons/silk/disk.png); }
.sx span.email     { background-image: url(images/icons/silk/email.png); }
.sx span.print     { background-image: url(images/icons/silk/printer.png); }
.sx span.heart     { background-image: url(images/icons/silk/heart.png); }
.sx span.like      { background-image: url(images/icons/silk/thumb_up.png); }
.sx span.dislike   { background-image: url(images/icons/silk/thumb_down.png); }
.sx span.accept    { background-image: url(images/icons/silk/accept.png); }
.sx span.decline   { background-image: url(images/icons/silk/decline.png); }
.sx span.help      { background-image: url(images/icons/silk/help.png); }
.sx span.home      { background-image: url(images/icons/silk/house.png); }
.sx span.info      { background-image: url(images/icons/silk/information.png); }
.sx span.cut       { background-image: url(images/icons/silk/cut.png); }
.sx span.copy      { background-image: url(images/icons/silk/page_white_copy.png); }
.sx span.paste     { background-image: url(images/icons/silk/paste_plain.png); }
.sx span.erase     { background-image: url(images/icons/silk/erase.png); }
.sx span.undo      { background-image: url(images/icons/silk/arrow_undo.png); }
.sx span.redo      { background-image: url(images/icons/silk/arrow_redo.png); }
.sx span.edit      { background-image: url(images/icons/silk/pencil.png); }
.sx span.calendar  { background-image: url(images/icons/silk/date.png); }
.sx span.user      { background-image: url(images/icons/silk/user.png); }
.sx span.settings  { background-image: url(images/icons/silk/cog.png); }
.sx span.cart      { background-image: url(images/icons/silk/cart.png); }
.sx span.wand      { background-image: url(images/icons/silk/wand.png); }
.sx span.wrench    { background-image: url(images/icons/silk/wrench.png); }
.sx span.map       { background-image: url(images/icons/silk/map.png); }
.sx span.view      { background-image: url(images/icons/silk/eye.png); }
.sx span.calc      { background-image: url(images/icons/silk/calculator.png); }
.sx span.euro      { background-image: url(images/icons/silk/money_euro.png); }