
/* 
**   --------------    MAIN STYLES    ------------------
**
** Following rules are just main and global settings.
**
*/

.button {
	background-color: transparent;
	border-width: 0;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #888;
}

.button:hover {
	text-decoration: none;
	color: #444;
}





/* ------------------       BUTTONS     -------------------------
**
** Default button definitions and also default color - WHITE
** Remeber this is the only button where we set sizes, padding, margins and so on
** All others at the bottom we only change colors according to each one

Gradients go as follows:
IE8+			: filter: progid:DXImageTransform.Microsoft.gradient
Saf4+/Chrome10-	: -webkit-gradient()
Chrome 11+		: -webkit-
FireFox			: -moz-
IE10			: -ms-
Opera			: -o-

W3C 

**/

.button {
	background-color		: #fff;
	cursor					: pointer;
	display					: inline-block;
	height					: 25px;
	width					: auto;
	min-width				: 67px;
	line-height				: 25px;
	padding					: 0 17px 0 17px;
	position				: relative;
	text-align				: center;
	color					: #888;
	border					: 1px solid #ccc;
	text-shadow				: 2px 1px 3px rgba(254, 254, 254, .8);
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorStr='#efefef', EndColorStr='#e0e0e0');
	background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efefef), color-stop(1, #e0e0e0));
	background-image		: -webkit-linear-gradient(top, #efefef 0%, #e0e0e0 100%);
	background-image		:    -moz-linear-gradient(top, #efefef 0%, #e0e0e0 100%);
	background-image		:     -ms-linear-gradient(top, #efefef 0%, #e0e0e0 100%);
	background-image		:      -o-linear-gradient(top, #efefef 0%, #e0e0e0 100%);
	background-image		:         linear-gradient(top, #efefef 0%, #e0e0e0 100%);
	-webkit-border-radius	: 2px;
	   -moz-border-radius	: 2px;
			border-radius	: 2px;
	-webkit-box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
	   -moz-box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
			box-shadow		: 0 0 1px rgba(0, 0, 0, .15);
}

.button .icon {
	background-color		: #fff;
	border-right			: 1px solid #ccc;
	display					: block;
	height					: 100%;
	min-width				: 33px;
	margin					: 0 17px 0 -17px;
	position				: relative;
	float					: left;
	clear					: right;
	left					: 0;
	top						: 0;
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefefe', EndColorStr='#efefef');
	background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fefefe), color-stop(1, #efefef));
	background-image		: -webkit-linear-gradient(top, #fefefe 0%, #efefef 100% );
	background-image		:    -moz-linear-gradient(top, #fefefe 0%, #efefef 100%);
	background-image		:     -ms-linear-gradient(top, #fefefe 0%, #efefef 100%);
	background-image		:      -o-linear-gradient(top, #fefefe 0%, #efefef 100%);
	background-image		:         linear-gradient(top, #fefefe 0%, #efefef 100% );
	-webkit-box-shadow		: 1px 0 0 #f4f4f4;
	   -moz-box-shadow		: 1px 0 0 #f4f4f4;
	        box-shadow		: 1px 0 0 #f4f4f4;
}

.button .iconr {
	float					: right;
	margin					: 0 -17px 0 17px;
	border-left				: 1px solid #ccc;
	border-right			: 0px;
	-webkit-box-shadow		: -1px 0 0 #f4f4f4;
	   -moz-box-shadow		: -1px 0 0 #f4f4f4;
	        box-shadow		: -1px 0 0 #f4f4f4;
}




































/* 
**   --------------    GLOBAL FIXES AND HOVER    ------------------
**
** Following rules are some fixes for <button> tag and also some
** adjustments to where is the button or <a> is being shown. Also
** we adjust the postions of icon left or icon right
**
**/

input.button {
	height: 25px;
	padding: 0 17px 25px 17px;
}

input.button .icon {
	height: 25px;
	top: -1px;
	left: -3px;
}

button.button {
	height: 25px;
	padding: 0 17px 25px 17px;
}

button.button .icon {
	height: 25px;
	top: -1px;
	left: -3px;
}

button.button .iconr {
	height: 25px;
	top: -1px;
	left: 3px;
}

.button:active {
	top: 1px;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0);
}

p + .button {
	margin-top: 5px;
}

.button + .button {
	margin-left: 20px;
}

table .button {
	padding: 0 25px;
}












/* 
**   --------------    JUST ICONS    ------------------
**
** Following rule creates additional container for icons
** with :after so there's no need for additional HTML markup.
** The :after pseudo-element will be then styled to have an icon background 
**
*/


.button .icon:after {
	content: '';
	background: transparent url(../img/icons.png) no-repeat left top;
	display: block;
	height: 16px;
	width: 16px;
	position: absolute;
	top: 5px;
	left: 9px;
}



/******  NO ICON  ******/
.noicon .icon {
	padding: 0 5px 0 5px;
}
.noicon .icon:after {
	background: transparent;
}
.noicon:hover .icon:after {
	background: transparent;
}


/******  ICON LIKE  ******/
.ico-like .icon:after {
	background-position: left 0;
}
.ico-like:hover .icon:after {
	background-position: left -25px;
}


/******  ICON LOGIN  ******/
.ico-login .icon:after {
	background-position: left -50px;
}
.ico-login:hover .icon:after {
	background-position: left -75px;
}


/******  ICON ACCEPT  ******/
.ico-accept .icon:after {
	background-position: left -100px;
}
.ico-accept:hover .icon:after {
	background-position: left -125px;
}


/******  ICON ADD  ******/
.ico-add .icon:after {
	background-position: left -150px;
}
.ico-add:hover .icon:after {
	background-position: left -175px;
}


/******  ICON DELETE  ******/
.ico-delete .icon:after {
	background-position: left -200px;
}
.ico-delete:hover .icon:after {
	background-position: left -225px;
}


/******  ICON CROSS  ******/
.ico-cross .icon:after {
	background-position: left -250px;
}
.ico-cross:hover .icon:after {
	background-position: left -275px;
}


/******  ICON DISK  ******/
.ico-disk .icon:after {
	background-position: left -300px;
}
.ico-disk:hover .icon:after {
	background-position: left -325px;
}


/******  ICON ERROR  ******/
.ico-error .icon:after {
	background-position: left -350px;
}
.ico-error:hover .icon:after {
	background-position: left -375px;
}


/******  ICON EXCLAMATION  ******/
.ico-exclamation .icon:after {
	background-position: left -400px;
}
.ico-exclamation:hover .icon:after {
	background-position: left -425px;
}


/******  ICON FEED  ******/
.ico-feed .icon:after {
	background-position: left -450px;
}
.ico-feed:hover .icon:after {
	background-position: left -475px;
}


/******  ICON KEY  ******/
.ico-key .icon:after {
	background-position: left -500px;
}
.ico-key:hover .icon:after {
	background-position: left -525px;
}


/******  ICON MONEY DOLLAR  ******/
.ico-money_dollar .icon:after {
	background-position: left -550px;
}
.ico-money_dollar:hover .icon:after {
	background-position: left -575px;
}


/******  ICON MONEY EURO  ******/
.ico-money_euro .icon:after {
	background-position: -16px -0px;
}
.ico-money_euro:hover .icon:after {
	background-position: -16px -25px;
}


/******  ICON MONEY POUND  ******/
.ico-money_pound .icon:after {
	background-position: -16px -50px;
}
.ico-money_pound:hover .icon:after {
	background-position: -16px -75px;
}


/******  ICON MONEY YEN  ******/
.ico-money_yen .icon:after {
	background-position: -16px -100px;
}
.ico-money_yen:hover .icon:after {
	background-position: -16px -125px;
}


/******  ICON MUSIC  ******/
.ico-music .icon:after {
	background-position: -16px -150px;
}
.ico-music:hover .icon:after {
	background-position: -16px -175px;
}


/******  ICON PDF  ******/
.ico-pdf .icon:after {
	background-position: -16px -200px;
}
.ico-pdf:hover .icon:after {
	background-position: -16px -225px;
}


/******  ICON WORD  ******/
.ico-word .icon:after {
	background-position: -16px -250px;
}
.ico-word:hover .icon:after {
	background-position: -16px -275px;
}


/******  ICON PRINTER  ******/
.ico-printer .icon:after {
	background-position: -16px -300px;
}
.ico-printer:hover .icon:after {
	background-position: -16px -325px;
}


/******  ICON USER  ******/
.ico-user .icon:after {
	background-position: -16px -350px;
}
.ico-user:hover .icon:after {
	background-position: -16px -375px;
}


/******  ICON ZOOM  ******/
.ico-zoom .icon:after {
	background-position: -16px -400px;
}
.ico-zoom:hover .icon:after {
	background-position: -16px -425px;
}


/******  ICON THUMBS UP  ******/
.ico-thumbs_up .icon:after {
	background-position: -16px -450px;
}
.ico-thumbs_up:hover .icon:after {
	background-position: -16px -475px;
}


/******  ICON THUMBS DOWN  ******/
.ico-thumbs_down .icon:after {
	background-position: -16px -500px;
}
.ico-thumbs_down:hover .icon:after {
	background-position: -16px -525px;
}


/******  ICON CHECK  ******/
.ico-check .icon:after {
	background-position: -16px -550px;
}
.ico-check:hover .icon:after {
	background-position: -16px -575px;
}


/******  ICON REFRESH  ******/
.ico-refresh .icon:after {
	background-position: -32px -0px;
}
.ico-refresh:hover .icon:after {
	background-position: -32px -25px;
}


/******  ICON ARROW RIGHT  ******/
.ico-arrow_r .icon:after {
	background-position: -32px -50px;
}
.ico-arrow_r:hover .icon:after {
	background-position: -32px -75px;
}


/******  ICON ARROW LEFT  ******/
.ico-arrow_l .icon:after {
	background-position: -32px -100px;
}
.ico-arrow_l:hover .icon:after {
	background-position: -32px -125px;
}


/******  ICON COMMENT  ******/
.ico-comment .icon:after {
	background-position: -32px -150px;
}
.ico-comment:hover .icon:after {
	background-position: -32px -175px;
}


/******  ICON STATS  ******/
.ico-stats .icon:after {
	background-position: -32px -200px;
}
.ico-stats:hover .icon:after {
	background-position: -32px -225px;
}


/******  ICON EJECT  ******/
.ico-eject .icon:after {
	background-position: -32px -250px;
}
.ico-eject:hover .icon:after {
	background-position: -32px -275px;
}


/******  ICON TO END  ******/
.ico-to_end .icon:after {
	background-position: -32px -300px;
}
.ico-to_end:hover .icon:after {
	background-position: -32px -325px;
}


/******  ICON TO START  ******/
.ico-to_start .icon:after {
	background-position: -32px -350px;
}
.ico-to_start:hover .icon:after {
	background-position: -32px -375px;
}


/******  ICON PAUSE  ******/
.ico-pause .icon:after {
	background-position: -32px -400px;
}
.ico-pause:hover .icon:after {
	background-position: -32px -425px;
}


/******  ICON PLAY  ******/
.ico-play .icon:after {
	background-position: -32px -450px;
}
.ico-play:hover .icon:after {
	background-position: -32px -475px;
}


/******  ICON RWIND  ******/
.ico-rwind .icon:after {
	background-position: -32px -500px;
}
.ico-rwind:hover .icon:after {
	background-position: -32px -525px;
}


/******  ICON FFORWARD  ******/
.ico-fforward .icon:after {
	background-position: -32px -550px;
}
.ico-fforward:hover .icon:after {
	background-position: -32px -575px;
}


/******  ICON STOP  ******/
.ico-stop .icon:after {
	background-position: -48px -0px;
}
.ico-stop:hover .icon:after {
	background-position: -48px -25px;
}


/******  ICON EXIT  ******/
.ico-exit .icon:after {
	background-position: -48px -50px;
}
.ico-exit:hover .icon:after {
	background-position: -48px -75px;
}


/******  ICON QUESTION  ******/
.ico-question .icon:after {
	background-position: -48px -100px;
}
.ico-question:hover .icon:after {
	background-position: -48px -125px;
}


/******  ICON LIGHTNING  ******/
.ico-lightning .icon:after {
	background-position: -48px -150px;
}
.ico-lightning:hover .icon:after {
	background-position: -48px -175px;
}


/******  ICON FOLLOW LINK  ******/
.ico-flink .icon:after {
	background-position: -48px -200px;
}
.ico-flink:hover .icon:after {
	background-position: -48px -225px;
}


/******  ICON DOWNLOAD  ******/
.ico-download .icon:after {
	background-position: -48px -250px;
}
.ico-download:hover .icon:after {
	background-position: -48px -275px;
}


/******  ICON CART  ******/
.ico-cart .icon:after {
	background-position: -48px -300px;
}
.ico-cart:hover .icon:after {
	background-position: -48px -325px;
}


/******  ICON CART ADD  ******/
.ico-cart_add .icon:after {
	background-position: -48px -350px;
}
.ico-cart_add:hover .icon:after {
	background-position: -48px -375px;
}


/******  ICON CART DELETE  ******/
.ico-cart_del .icon:after {
	background-position: -48px -400px;
}
.ico-cart_del:hover .icon:after {
	background-position: -48px -425px;
}


/******  ICON CART GO  ******/
.ico-cart_go .icon:after {
	background-position: -48px -450px;
}
.ico-cart_go:hover .icon:after {
	background-position: -48px -475px;
}


/******  ICON CART IN  ******/
.ico-cart_in .icon:after {
	background-position: -48px -500px;
}
.ico-cart_in:hover .icon:after {
	background-position: -48px -525px;
}


/******  ICON CART OUT  ******/
.ico-cart_out .icon:after {
	background-position: -48px -550px;
}
.ico-cart_out:hover .icon:after {
	background-position: -48px -575px;
}


/******  ICON CD  ******/
.ico-cd .icon:after {
	background-position: -64px -0px;
}
.ico-cd:hover .icon:after {
	background-position: -64px -25px;
}


/******  ICON CLOCK  ******/
.ico-clock .icon:after {
	background-position: -64px -50px;
}
.ico-clock:hover .icon:after {
	background-position: -64px -75px;
}


/******  ICON CONNECT  ******/
.ico-connect .icon:after {
	background-position: -64px -100px;
}
.ico-connect:hover .icon:after {
	background-position: -64px -125px;
}


/******  ICON MESSAGE  ******/
.ico-msg .icon:after {
	background-position: -64px -150px;
}
.ico-msg:hover .icon:after {
	background-position: -64px -175px;
}


/******  ICON MESSAGE SEND  ******/
.ico-msg_send .icon:after {
	background-position: -64px -200px;
}
.ico-msg_send:hover .icon:after {
	background-position: -64px -225px;
}


/******  ICON FOLDER  ******/
.ico-folder .icon:after {
	background-position: -64px -250px;
}
.ico-folder:hover .icon:after {
	background-position: -64px -275px;
}


/******  ICON INFORMATION  ******/
.ico-information .icon:after {
	background-position: -64px -300px;
}
.ico-information:hover .icon:after {
	background-position: -64px -325px;
}


/******  ICON MONEY  ******/
.ico-money .icon:after {
	background-position: -64px -350px;
}
.ico-money:hover .icon:after {
	background-position: -64px -375px;
}


/******  ICON STAR  ******/
.ico-star .icon:after {
	background-position: -64px -400px;
}
.ico-star:hover .icon:after {
	background-position: -64px -425px;
}


/******  ICON TV  ******/
.ico-tv .icon:after {
	background-position: -64px -450px;
}
.ico-tv:hover .icon:after {
	background-position: -64px -475px;
}


/******  ICON HOME  ******/
.ico-home .icon:after {
	background-position: -64px -500px;
}
.ico-home:hover .icon:after {
	background-position: -64px -525px;
}


/******  ICON BRICKS  ******/
.ico-bricks .icon:after {
	background-position: -64px -550px;
}
.ico-bricks:hover .icon:after {
	background-position: -64px -575px;
}














/* 
**   --------------    JUST COLORS    ------------------
**
** From this lines below, it's just the different colors
** css styles. You can delete the ones you don't use or
** add your own colors if you like. Be creative :)

Gradients go as follows:
IE8+			: filter: progid:DXImageTransform.Microsoft.gradient
Saf4+/Chrome10-	: -webkit-gradient()
Chrome 11+		: -webkit-
FireFox			: -moz-
IE10			: -ms-
Opera			: -o-

W3C 

*/



/* 
** Button BLACK
** Just color settings
*/
.button_black {
	background-color		: #666666;
	color					: #eee;
	border					: 1px solid #111111;
	text-shadow				: 1px 1px 1px rgba(0, 0, 0, .3);
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorStr='#666666', EndColorStr='#292929');
	background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0,#666666), color-stop(1, #292929));
	background-image		: -webkit-linear-gradient(top, #666666 0%, #292929 100%);
	background-image		:    -moz-linear-gradient(top, #666666 0%, #292929 100%);
	background-image		:     -ms-linear-gradient(top, #666666 0%, #292929 100%);
	background-image		:      -o-linear-gradient(top, #666666 0%, #292929 100%);
	background-image		:         linear-gradient(top, #666666 0%, #292929 100%);
	-webkit-border-radius	: 2px;
	   -moz-border-radius	: 2px;
	        border-radius	: 2px;
	-webkit-box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
	   -moz-box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
	        box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
}
.button_black:hover {
	text-decoration: none;
	color: #fff;
}
.button_black .icon {
	background-color		: #8dacd9;
	border-right			: 1px solid #111111;
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorStr='#9f9f9f', EndColorStr='#828282');
	background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0,#9f9f9f), color-stop(1, #828282));
	background-image		: -webkit-linear-gradient(top, #9f9f9f 0%, #828282 100%);
	background-image		:    -moz-linear-gradient(top, #9f9f9f 0%, #828282 100%);
	background-image		:     -ms-linear-gradient(top, #9f9f9f 0%, #828282 100%);
	background-image		:      -o-linear-gradient(top, #9f9f9f 0%, #828282 100%);
	background-image		:         linear-gradient(top, #9f9f9f 0%, #828282 100%);
	-webkit-box-shadow		: 1px 0 0 #9f9f9f;
	   -moz-box-shadow		: 1px 0 0 #9f9f9f;
	        box-shadow		: 1px 0 0 #9f9f9f;
}
.button_black .iconr {
	border-left				: 1px solid #111111;
	border-right			: 0px;
	-webkit-box-shadow		: -1px 0 0 #9f9f9f;
	   -moz-box-shadow		: -1px 0 0 #9f9f9f;
	        box-shadow		: -1px 0 0 #9f9f9f;
}



/* 
** Button SALMON 
** Just color settings
*/
.button_salmon {
	color					: #555;
	border					: 1px solid #d67a7a;
	text-shadow				: 1px 1px 1px rgba(255, 255, 255, .8);
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffbfbf', EndColorStr='#f76f6f');
	background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0,#ffbfbf), color-stop(1, #f76f6f));
	background-image		: -webkit-linear-gradient(top, #ffbfbf 0%, #f76f6f 100%);
	background-image		:    -moz-linear-gradient(top, #ffbfbf 0%, #f76f6f 100%);
	background-image		:     -ms-linear-gradient(top, #ffbfbf 0%, #f76f6f 100%);
	background-image		:      -o-linear-gradient(top, #ffbfbf 0%, #f76f6f 100%);
	background-image		:         linear-gradient(top, #ffbfbf 0%, #f76f6f 100%);
	-webkit-border-radius	: 2px;
	   -moz-border-radius	: 2px;
	        border-radius	: 2px;
	-webkit-box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
	   -moz-box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
	        box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
}
.button_salmon:hover {
	text-decoration: none;
	color: #222;
}
.button_salmon .icon {
	border-right			: 1px solid #d67a7a;
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fadfdf', EndColorStr='#ffbfbf');
	background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0,#fadfdf), color-stop(1, #ffbfbf));
	background-image		: -webkit-linear-gradient(top, #fadfdf 0%, #ffbfbf 100%);
	background-image		:    -moz-linear-gradient(top, #fadfdf 0%, #ffbfbf 100%);
	background-image		:     -ms-linear-gradient(top, #fadfdf 0%, #ffbfbf 100%);
	background-image		:      -o-linear-gradient(top, #fadfdf 0%, #ffbfbf 100%);
	background-image		:         linear-gradient(top, #fadfdf 0%, #ffbfbf 100%);
	-webkit-box-shadow		: 1px 0 0 #fadfdf;
	   -moz-box-shadow		: 1px 0 0 #fadfdf;
	        box-shadow		: 1px 0 0 #fadfdf;
}
.button_salmon .iconr {
	border-left				: 1px solid #d67a7a;
	border-right			: 0px;
	-webkit-box-shadow		: -1px 0 0 #fadfdf;
	   -moz-box-shadow		: -1px 0 0 #fadfdf;
	        box-shadow		: -1px 0 0 #fadfdf;
}



/* 
** Button RED
** Just color settings
*/
.button_dred {
	color					: #eee;
	border					: 1px solid #ad0000;
	text-shadow				: 1px 1px 1px rgba(0, 0, 0, .5);
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e86d6d', EndColorStr='#ed0000');
	background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0,#e86d6d), color-stop(1, #ed0000));
	background-image		: -webkit-linear-gradient(top, #e86d6d 0%, #ed0000 100%);
	background-image		:    -moz-linear-gradient(top, #e86d6d 0%, #ed0000 100%);
	background-image		:     -ms-linear-gradient(top, #e86d6d 0%, #ed0000 100%);
	background-image		:      -o-linear-gradient(top, #e86d6d 0%, #ed0000 100%);
	background-image		:         linear-gradient(top, #e86d6d 0%, #ed0000 100%);
	-webkit-border-radius	: 2px;
	   -moz-border-radius	: 2px;
	        border-radius	: 2px;
	-webkit-box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
	   -moz-box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
	        box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
}
.button_dred:hover {
	text-decoration: none;
	color: #fff;
}
.button_dred .icon {
	border-right			: 1px solid #ad0000;
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f78686', EndColorStr='#a6199d');
	background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0,#f78686), color-stop(1, #a6199d));
	background-image		: -webkit-linear-gradient(top, #f78686 0%, #a6199d 100%);
	background-image		:    -moz-linear-gradient(top, #f78686 0%, #de4949 100%);
	background-image		:     -ms-linear-gradient(top, #f78686 0%, #a6199d 100%);
	background-image		:      -o-linear-gradient(top, #f78686 0%, #a6199d 100%);
	background-image		:         linear-gradient(top, #f78686 0%, #a6199d 100%);
	-webkit-box-shadow		: 1px 0 0 #f78686;
	   -moz-box-shadow		: 1px 0 0 #f78686;
	        box-shadow		: 1px 0 0 #f78686;
}
.button_dred .iconr {
	border-left				: 1px solid #ad0000;
	border-right			: 0px;
	-webkit-box-shadow		: -1px 0 0 #f78686;
	   -moz-box-shadow		: -1px 0 0 #f78686;
	        box-shadow		: -1px 0 0 #f78686;
}



/* 
** Button LIGHT PURPLE 
** Just color settings
*/
.button_lpurple {
	color					: #333;
	border					: 1px solid #bf69bc;
	text-shadow				: 1px 1px 1px rgba(255, 255, 255, .5);
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f596f2', EndColorStr='#b847b2');
	background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0,#f596f2), color-stop(1, #b847b2));
	background-image		: -webkit-linear-gradient(top, #f596f2 0%, #b847b2 100%);
	background-image		:    -moz-linear-gradient(top, #f596f2 0%, #b847b2 100%);
	background-image		:     -ms-linear-gradient(top, #f596f2 0%, #b847b2 100%);
	background-image		:      -o-linear-gradient(top, #f596f2 0%, #b847b2 100%);
	background-image		:         linear-gradient(top, #f596f2 0%, #b847b2 100%);
	-webkit-border-radius	: 2px;
	   -moz-border-radius	: 2px;
	        border-radius	: 2px;
	-webkit-box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
	   -moz-box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
	        box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
}
.button_lpurple:hover {
	text-decoration: none;
	color: #111;
}
.button_lpurple .icon {
	border-right			: 1px solid #bf69bc;
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f7c9f7', EndColorStr='#eb9d4a');
	background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0,#f7c9f7), color-stop(1, #eb9d4a));
	background-image		: -webkit-linear-gradient(top, #f7c9f7 0%, #eb9d4a 100%);
	background-image		:    -moz-linear-gradient(top, #f7c9f7 0%, #e09bdd 100%);
	background-image		:     -ms-linear-gradient(top, #f7c9f7 0%, #eb9d4a 100%);
	background-image		:      -o-linear-gradient(top, #f7c9f7 0%, #eb9d4a 100%);
	background-image		:         linear-gradient(top, #f7c9f7 0%, #eb9d4a 100%);
	-webkit-box-shadow		: 1px 0 0 #f7c9f7;
	   -moz-box-shadow		: 1px 0 0 #f7c9f7;
	        box-shadow		: 1px 0 0 #f7c9f7;
}
.button_lpurple .iconr {
	border-left				: 1px solid #bf69bc;
	border-right			: 0px;
	-webkit-box-shadow		: -1px 0 0 #f7c9f7;
	   -moz-box-shadow		: -1px 0 0 #f7c9f7;
	        box-shadow		: -1px 0 0 #f7c9f7;
}



/* 
** Button PURPLE 
** Just color settings
*/
.button_purple {
	color					: #eee;
	border					: 1px solid #8237bf;
	text-shadow				: 1px 1px 1px rgba(0, 0, 0, .5);
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorStr='#b867fa', EndColorStr='#8b19e8');
	background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0,#b867fa), color-stop(1, #8b19e8));
	background-image		: -webkit-linear-gradient(top, #b867fa 0%, #8b19e8 100%);
	background-image		:    -moz-linear-gradient(top, #b867fa 0%, #8b19e8 100%);
	background-image		:     -ms-linear-gradient(top, #b867fa 0%, #8b19e8 100%);
	background-image		:      -o-linear-gradient(top, #b867fa 0%, #8b19e8 100%);
	background-image		:         linear-gradient(top, #b867fa 0%, #8b19e8 100%);
	-webkit-border-radius	: 2px;
	   -moz-border-radius	: 2px;
	        border-radius	: 2px;
	-webkit-box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
	   -moz-box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
	        box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
}
.button_purple:hover {
	text-decoration: none;
	color: #fff;
}
.button_purple .icon {
	border-right			: 1px solid #8237bf;
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorStr='#d199ff', EndColorStr='#b573eb');
	background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0,#d199ff), color-stop(1, #b573eb));
	background-image		: -webkit-linear-gradient(top, #d199ff 0%, #b573eb 100%);
	background-image		:    -moz-linear-gradient(top, #d199ff 0%, #b573eb 100%);
	background-image		:     -ms-linear-gradient(top, #d199ff 0%, #b573eb 100%);
	background-image		:      -o-linear-gradient(top, #d199ff 0%, #b573eb 100%);
	background-image		:         linear-gradient(top, #d199ff 0%, #b573eb 100%);
	-webkit-box-shadow		: 1px 0 0 #d199ff;
	   -moz-box-shadow		: 1px 0 0 #d199ff;
	        box-shadow		: 1px 0 0 #d199ff;
}
.button_purple .iconr {
	border-left				: 1px solid #8237bf;
	border-right			: 0px;
	-webkit-box-shadow		: -1px 0 0 #d199ff;
	   -moz-box-shadow		: -1px 0 0 #d199ff;
	        box-shadow		: -1px 0 0 #d199ff;
}



/* 
** Button DARK PURPLE 
** Just color settings
*/
.button_dpurple {
	color					: #eee;
	border					: 1px solid #751170;
	text-shadow				: 1px 1px 1px rgba(0, 0, 0, .5);
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorStr='#c706ba', EndColorStr='#87047e');
	background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0,#c706ba), color-stop(1, #87047e));
	background-image		: -webkit-linear-gradient(top, #c706ba 0%, #87047e 100%);
	background-image		:    -moz-linear-gradient(top, #c706ba 0%, #87047e 100%);
	background-image		:     -ms-linear-gradient(top, #c706ba 0%, #87047e 100%);
	background-image		:      -o-linear-gradient(top, #c706ba 0%, #87047e 100%);
	background-image		:         linear-gradient(top, #c706ba 0%, #87047e 100%);
	-webkit-border-radius	: 2px;
	   -moz-border-radius	: 2px;
	        border-radius	: 2px;
	-webkit-box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
	   -moz-box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
	        box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
}
.button_dpurple:hover {
	text-decoration: none;
	color: #fff;
}
.button_dpurple .icon {
	border-right			: 1px solid #751170;
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorStr='#d119c5', EndColorStr='#a6199d');
	background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0,#d119c5), color-stop(1, #a6199d));
	background-image		: -webkit-linear-gradient(top, #d119c5 0%, #a6199d 100%);
	background-image		:    -moz-linear-gradient(top, #d119c5 0%, #a6199d 100%);
	background-image		:     -ms-linear-gradient(top, #d119c5 0%, #a6199d 100%);
	background-image		:      -o-linear-gradient(top, #d119c5 0%, #a6199d 100%);
	background-image		:         linear-gradient(top, #d119c5 0%, #a6199d 100%);
	-webkit-box-shadow		: 1px 0 0 #d119c5;
	   -moz-box-shadow		: 1px 0 0 #d119c5;
	        box-shadow		: 1px 0 0 #d119c5;
}
.button_dpurple .iconr {
	border-left				: 1px solid #751170;
	border-right			: 0px;
	-webkit-box-shadow		: -1px 0 0 #d119c5;
	   -moz-box-shadow		: -1px 0 0 #d119c5;
	        box-shadow		: -1px 0 0 #d119c5;
}



/* 
** Button Light BLUE 
** Just color settings
*/
.button_lblue {
	background-color		: #B4CCED;
	color					: #555;
	border					: 1px solid #829cbf;
	text-shadow				: 1px 1px 1px rgba(255, 255, 255, .3);
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorStr='#B4CCED', EndColorStr='#98B3D6');
	background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B4CCED), color-stop(1, #98B3D6));
	background-image		: -webkit-linear-gradient(top, #B4CCED 0%, #98B3D6 100%);	
	background-image		:    -moz-linear-gradient(top, #B4CCED 0%, #98B3D6 100%);
	background-image		:     -ms-linear-gradient(top, #B4CCED 0%, #98B3D6 100%);
	background-image		:      -o-linear-gradient(top, #B4CCED 0%, #98B3D6 100%);
	background-image		:         linear-gradient(top, #B4CCED 0%, #98B3D6 100%);
	-webkit-border-radius	: 2px;
	   -moz-border-radius	: 2px;
	        border-radius	: 2px;
	-webkit-box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
	   -moz-box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
	        box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
}
.button_lblue:hover {
	text-decoration: none;
	color: #222;
}
.button_lblue .icon {
	background-color		: #8dacd9;
	border-right			: 1px solid #829cbf;
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorStr='#d6dfeb', EndColorStr='#bfcfe6');
	background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d6dfeb), color-stop(1, #bfcfe6));
	background-image		: -webkit-linear-gradient(top, #d6dfeb 0%, #bfcfe6 100%);
	background-image		:    -moz-linear-gradient(top, #d6dfeb 0%, #bfcfe6 100%);
	background-image		:     -ms-linear-gradient(top, #d6dfeb 0%, #bfcfe6 100%);
	background-image		:      -o-linear-gradient(top, #d6dfeb 0%, #bfcfe6 100%);
	background-image		:         linear-gradient(top, #d6dfeb 0%, #bfcfe6 100%);
	-webkit-box-shadow		: 1px 0 0 #bfcfe6;
	   -moz-box-shadow		: 1px 0 0 #bfcfe6;
	        box-shadow		: 1px 0 0 #bfcfe6;
}
.button_lblue .iconr {
	border-left				: 1px solid #829cbf;
	border-right			: 0px;
	-webkit-box-shadow		: -1px 0 0 #bfcfe6;
	   -moz-box-shadow		: -1px 0 0 #bfcfe6;
	        box-shadow		: -1px 0 0 #bfcfe6;
}



/* 
** Button Dark BLUE 
** Just color settings
*/
.button_dblue {
	background-color		: #85a2cc;
	color					: #eee;
	border					: 1px solid #6c84a6;
	text-shadow				: 1px 1px 1px rgba(0, 0, 0, .3);
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorStr='#8dacd9', EndColorStr='#7c98bf');
	background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8dacd9), color-stop(1, #7c98bf));
	background-image		: -webkit-linear-gradient(top, #8dacd9 0%, #7c98bf 100%);
	background-image		:    -moz-linear-gradient(top, #8dacd9 0%, #7c98bf 100%);
	background-image		:     -ms-linear-gradient(top, #8dacd9 0%, #7c98bf 100%);
	background-image		:      -o-linear-gradient(top, #8dacd9 0%, #7c98bf 100%);
	background-image		:         linear-gradient(top, #8dacd9 0%, #7c98bf 100%);
	-webkit-border-radius	: 2px;
	   -moz-border-radius	: 2px;
	        border-radius	: 2px;
	-webkit-box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
	   -moz-box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
	        box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
}
.button_dblue:hover {
	text-decoration: none;
	color: #fff;
}
.button_dblue .icon {
	background-color		: #8dacd9;
	border-right			: 1px solid #6c84a6;
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorStr='#95b7e5', EndColorStr='#85a2cc');
	background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0, #95b7e5), color-stop(1, #85a2cc));
	background-image		: -webkit-linear-gradient(top, #95b7e5 0%, #85a2cc 100%);
	background-image		:    -moz-linear-gradient(top, #95b7e5 0%, #85a2cc 100%);
	background-image		:     -ms-linear-gradient(top, #95b7e5 0%, #85a2cc 100%);
	background-image		:      -o-linear-gradient(top, #95b7e5 0%, #85a2cc 100%);
	background-image		:         linear-gradient(top, #95b7e5 0%, #85a2cc 100%);
	-webkit-box-shadow		: 1px 0 0 #95b7e6;
	   -moz-box-shadow		: 1px 0 0 #95b7e6;
	        box-shadow		: 1px 0 0 #95b7e6;
}
.button_dblue .iconr {
	border-left				: 1px solid #6c84a6;
	border-right			: 0px;
	-webkit-box-shadow		: -1px 0 0 #f4f4f4;
	   -moz-box-shadow		: -1px 0 0 #f4f4f4;
	        box-shadow		: -1px 0 0 #95b7e6;
}



/* 
** Button CYAN 
** Just color settings
*/
.button_cyan {
	background-color		: #B4CCED;
	color					: #eee;
	border					: 1px solid #278f8f;
	text-shadow				: 1px 1px 1px rgba(0, 0, 0, .3);
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorStr='#B4CCED', EndColorStr='#98B3D6');
	background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B4CCED), color-stop(1, #98B3D6));
	background-image		: -webkit-linear-gradient(top, #B4CCED 0%, #98B3D6 100%);	
	background-image		:    -moz-linear-gradient(top, #4ecacc 0%, #219c9e 100%);
	background-image		:     -ms-linear-gradient(top, #B4CCED 0%, #98B3D6 100%);
	background-image		:      -o-linear-gradient(top, #B4CCED 0%, #98B3D6 100%);
	background-image		:         linear-gradient(top, #B4CCED 0%, #98B3D6 100%);
	-webkit-border-radius	: 2px;
	   -moz-border-radius	: 2px;
	        border-radius	: 2px;
	-webkit-box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
	   -moz-box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
	        box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
}
.button_cyan:hover {
	text-decoration: none;
	color: #fff;
}
.button_cyan .icon {
	background-color		: #8dacd9;
	border-right			: 1px solid #278f8f;
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorStr='#bfcfe6', EndColorStr='#d6dfeb');
	background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bfcfe6), color-stop(1, #d6dfeb));
	background-image		: -webkit-linear-gradient(top, #bfcfe6 0%, #d6dfeb 100%);
	background-image		:    -moz-linear-gradient(top, #68d9d9 0%, #40b8b8 100%);
	background-image		:     -ms-linear-gradient(top, #bfcfe6 0%, #d6dfeb 100%);
	background-image		:      -o-linear-gradient(top, #bfcfe6 0%, #d6dfeb 100%);
	background-image		:         linear-gradient(top, #bfcfe6 0%, #d6dfeb 100%);
	-webkit-box-shadow		: 1px 0 0 #68d9d9;
	   -moz-box-shadow		: 1px 0 0 #68d9d9;
	        box-shadow		: 1px 0 0 #68d9d9;
}
.button_cyan .iconr {
	border-left				: 1px solid #278f8f;
	border-right			: 0px;
	-webkit-box-shadow		: -1px 0 0 #68d9d9;
	   -moz-box-shadow		: -1px 0 0 #68d9d9;
	        box-shadow		: -1px 0 0 #68d9d9;
}



/* 
** Button ELETRIC BLUE 
** Just color settings
*/
.button_eletricblue {
	color					: #555;
	border					: 1px solid #3a9cc9;
	text-shadow				: 1px 1px 1px rgba(255, 255, 255, .8);
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffbfbf', EndColorStr='#00a6ff');
	background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0,#ffbfbf), color-stop(1, #00a6ff));
	background-image		: -webkit-linear-gradient(top, #8cd5fa 0%, #00a6ff 100%);
	background-image		:    -moz-linear-gradient(top, #8cd5fa 0%, #00a6ff 100%);
	background-image		:     -ms-linear-gradient(top, #8cd5fa 0%, #00a6ff 100%);
	background-image		:      -o-linear-gradient(top, #8cd5fa 0%, #00a6ff 100%);
	background-image		:         linear-gradient(top, #8cd5fa 0%, #00a6ff 100%);
	-webkit-border-radius	: 2px;
	   -moz-border-radius	: 2px;
	        border-radius	: 2px;
	-webkit-box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
	   -moz-box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
	        box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
}
.button_eletricblue:hover {
	text-decoration: none;
	color: #222;
}
.button_eletricblue .icon {
	border-right			: 1px solid #3a9cc9;
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorStr='#c7eafc', EndColorStr='#6bceff');
	background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0,#c7eafc), color-stop(1, #6bceff));
	background-image		: -webkit-linear-gradient(top, #c7eafc 0%, #6bceff 100%);
	background-image		:    -moz-linear-gradient(top, #c7eafc 0%, #6bceff 100%);
	background-image		:     -ms-linear-gradient(top, #c7eafc 0%, #6bceff 100%);
	background-image		:      -o-linear-gradient(top, #c7eafc 0%, #6bceff 100%);
	background-image		:         linear-gradient(top, #c7eafc 0%, #6bceff 100%);
	-webkit-box-shadow		: 1px 0 0 #c7eafc;
	   -moz-box-shadow		: 1px 0 0 #c7eafc;
	        box-shadow		: 1px 0 0 #c7eafc;
}
.button_eletricblue .iconr {
	border-left				: 1px solid #3a9cc9;
	border-right			: 0px;
	-webkit-box-shadow		: -1px 0 0 #c7eafc;
	   -moz-box-shadow		: -1px 0 0 #c7eafc;
	        box-shadow		: -1px 0 0 #c7eafc;
}



/* 
** Button LIGHT GREEN 
** Just color settings
*/
.button_lgreen {
	color					: #555;
	border					: 1px solid #6fad73;
	text-shadow				: 1px 1px 1px rgba(255, 255, 255, .8);
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorStr='#b2e8b3', EndColorStr='#85d686');
	background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0,#b2e8b3), color-stop(1, #85d686));
	background-image		: -webkit-linear-gradient(top, #b2e8b3 0%, #85d686 100%);
	background-image		:    -moz-linear-gradient(top, #b2e8b3 0%, #78cc78 100%);
	background-image		:     -ms-linear-gradient(top, #b2e8b3 0%, #78cc78 100%);
	background-image		:      -o-linear-gradient(top, #b2e8b3 0%, #78cc78 100%);
	background-image		:         linear-gradient(top, #b2e8b3 0%, #78cc78 100%);
	-webkit-border-radius	: 2px;
	   -moz-border-radius	: 2px;
	        border-radius	: 2px;
	-webkit-box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
	   -moz-box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
	        box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
}
.button_lgreen:hover {
	text-decoration: none;
	color: #222;
}
.button_lgreen .icon {
	border-right			: 1px solid #80ba80;
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorStr='#d1f0d1', EndColorStr='#b2e8b3');
	background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0,#d1f0d1), color-stop(1, #b2e8b3));
	background-image		: -webkit-linear-gradient(top, #d1f0d1 0%, #b2e8b3 100%);
	background-image		:    -moz-linear-gradient(top, #d1f0d1 0%, #b2e8b3 100%);
	background-image		:     -ms-linear-gradient(top, #d1f0d1 0%, #b2e8b3 100%);
	background-image		:      -o-linear-gradient(top, #d1f0d1 0%, #b2e8b3 100%);
	background-image		:         linear-gradient(top, #d1f0d1 0%, #b2e8b3 100%);
	-webkit-box-shadow		: 1px 0 0 #d1f0d1;
	   -moz-box-shadow		: 1px 0 0 #d1f0d1;
	        box-shadow		: 1px 0 0 #d1f0d1;
}
.button_lgreen .iconr {
	border-left				: 1px solid #80ba80;
	border-right			: 0px;
	-webkit-box-shadow		: -1px 0 0 #d1f0d1;
	   -moz-box-shadow		: -1px 0 0 #d1f0d1;
	        box-shadow		: -1px 0 0 #d1f0d1;
}



/* 
** Button DARK GREEN 
** Just color settings
*/
.button_dgreen {
	background-color		: #6fad73;
	color					: #eee;
	border					: 1px solid #487559;
	text-shadow				: 1px 1px 1px rgba(0, 0, 0, .3);
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorStr='#6fad73', EndColorStr='#568066');
	background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0,#6fad73), color-stop(1, #568066));
	background-image		: -webkit-linear-gradient(top, #6fad73 0%, #568066 100%);
	background-image		:    -moz-linear-gradient(top, #6fad73 0%, #568066 100%);
	background-image		:     -ms-linear-gradient(top, #6fad73 0%, #568066 100%);
	background-image		:      -o-linear-gradient(top, #6fad73 0%, #568066 100%);
	background-image		:         linear-gradient(top, #6fad73 0%, #568066 100%);
	-webkit-border-radius	: 2px;
	   -moz-border-radius	: 2px;
	        border-radius	: 2px;
	-webkit-box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
	   -moz-box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
	        box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
}
.button_dgreen:hover {
	text-decoration: none;
	color: #fff;
}
.button_dgreen .icon {
	background-color		: #8dacd9;
	border-right			: 1px solid #487559;
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorStr='#71b374', EndColorStr='#6fad73');
	background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0,#71b374), color-stop(1, #6fad73));
	background-image		: -webkit-linear-gradient(top, #71b374 0%, #6fad73 100%);
	background-image		:    -moz-linear-gradient(top, #71b374 0%, #6fad73 100%);
	background-image		:     -ms-linear-gradient(top, #71b374 0%, #6fad73 100%);
	background-image		:      -o-linear-gradient(top, #71b374 0%, #6fad73 100%);
	background-image		:         linear-gradient(top, #71b374 0%, #6fad73 100%);
	-webkit-box-shadow		: 1px 0 0 #71b374;
	   -moz-box-shadow		: 1px 0 0 #71b374;
	        box-shadow		: 1px 0 0 #71b374;
}
.button_dgreen .iconr {
	border-left				: 1px solid #487559;
	border-right			: 0px;
	-webkit-box-shadow		: -1px 0 0 #71b374;
	   -moz-box-shadow		: -1px 0 0 #71b374;
	        box-shadow		: -1px 0 0 #71b374;
}



/* 
** Button LIME
** Just color settings
*/
.button_lime {
	color					: #555;
	border					: 1px solid #70a800;
	text-shadow				: 1px 1px 1px rgba(255, 255, 255, .8);
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorStr='#b1e647', EndColorStr='#7bb50e');
	background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0,#b1e647), color-stop(1, #7bb50e));
	background-image		: -webkit-linear-gradient(top, #b1e647 0%, #7bb50e 100%);
	background-image		:    -moz-linear-gradient(top, #b1e647 0%, #7bb50e 100%);
	background-image		:     -ms-linear-gradient(top, #b1e647 0%, #7bb50e 100%);
	background-image		:      -o-linear-gradient(top, #b1e647 0%, #7bb50e 100%);
	background-image		:         linear-gradient(top, #b1e647 0%, #7bb50e 100%);
	-webkit-border-radius	: 2px;
	   -moz-border-radius	: 2px;
	        border-radius	: 2px;
	-webkit-box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
	   -moz-box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
	        box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
}
.button_lime:hover {
	text-decoration: none;
	color: #222;
}
.button_lime .icon {
	border-right			: 1px solid #70a800;
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorStr='#c8e887', EndColorStr='#93cc22');
	background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0,#c8e887), color-stop(1, #93cc22));
	background-image		: -webkit-linear-gradient(top, #c8e887 0%, #93cc22 100%);
	background-image		:    -moz-linear-gradient(top, #c8e887 0%, #93cc22 100%);
	background-image		:     -ms-linear-gradient(top, #c8e887 0%, #93cc22 100%);
	background-image		:      -o-linear-gradient(top, #c8e887 0%, #93cc22 100%);
	background-image		:         linear-gradient(top, #c8e887 0%, #93cc22 100%);
	-webkit-box-shadow		: 1px 0 0 #c8e887;
	   -moz-box-shadow		: 1px 0 0 #c8e887;
	        box-shadow		: 1px 0 0 #c8e887;
}
.button_lime .iconr {
	border-left				: 1px solid #70a800;
	border-right			: 0px;
	-webkit-box-shadow		: -1px 0 0 #c8e887;
	   -moz-box-shadow		: -1px 0 0 #c8e887;
	        box-shadow		: -1px 0 0 #c8e887;
}



/* 
** Button ELETRIC GREEN 
** Just color settings
*/
.button_eletricgreen {
	color					: #555;
	border					: 1px solid #bad151;
	text-shadow				: 1px 1px 1px rgba(255, 255, 255, .8);
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f2ffbf', EndColorStr='#d2fc2a');
	background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0,#f2ffbf), color-stop(1, #d2fc2a));
	background-image		: -webkit-linear-gradient(top, #f2ffbf 0%, #d2fc2a 100%);
	background-image		:    -moz-linear-gradient(top, #f2ffbf 0%, #d2fc2a 100%);
	background-image		:     -ms-linear-gradient(top, #f2ffbf 0%, #d2fc2a 100%);
	background-image		:      -o-linear-gradient(top, #f2ffbf 0%, #d2fc2a 100%);
	background-image		:         linear-gradient(top, #f2ffbf 0%, #d2fc2a 100%);
	-webkit-border-radius	: 2px;
	   -moz-border-radius	: 2px;
	        border-radius	: 2px;
	-webkit-box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
	   -moz-box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
	        box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
}
.button_eletricgreen:hover {
	text-decoration: none;
	color: #222;
}
.button_eletricgreen .icon {
	border-right			: 1px solid #bad151;
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorStr='#faffe8', EndColorStr='#e9faa3');
	background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0,#faffe8), color-stop(1, #e9faa3));
	background-image		: -webkit-linear-gradient(top, #faffe8 0%, #e9faa3 100%);
	background-image		:    -moz-linear-gradient(top, #faffe8 0%, #e9faa3 100%);
	background-image		:     -ms-linear-gradient(top, #faffe8 0%, #e9faa3 100%);
	background-image		:      -o-linear-gradient(top, #faffe8 0%, #e9faa3 100%);
	background-image		:         linear-gradient(top, #faffe8 0%, #e9faa3 100%);
	-webkit-box-shadow		: 1px 0 0 #faffe8;
	   -moz-box-shadow		: 1px 0 0 #faffe8;
	        box-shadow		: 1px 0 0 #faffe8;
}
.button_eletricgreen .iconr {
	border-left				: 1px solid #bad151;
	border-right			: 0px;
	-webkit-box-shadow		: -1px 0 0 #faffe8;
	   -moz-box-shadow		: -1px 0 0 #faffe8;
	        box-shadow		: -1px 0 0 #faffe8;
}



/* 
** Button YELLOW
** Just color settings
*/
.button_yellow {
	color					: #333;
	border					: 1px solid #d6d600;
	text-shadow				: 1px 1px 1px rgba(255, 255, 255, .5);
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdff94', EndColorStr='#e8eb26');
	background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0,#fdff94), color-stop(1, #e8eb26));
	background-image		: -webkit-linear-gradient(top, #fdff94 0%, #e8eb26 100%);
	background-image		:    -moz-linear-gradient(top, #fdff94 0%, #e8eb26 100%);
	background-image		:     -ms-linear-gradient(top, #fdff94 0%, #e8eb26 100%);
	background-image		:      -o-linear-gradient(top, #fdff94 0%, #e8eb26 100%);
	background-image		:         linear-gradient(top, #fdff94 0%, #e8eb26 100%);
	-webkit-border-radius	: 2px;
	   -moz-border-radius	: 2px;
	        border-radius	: 2px;
	-webkit-box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
	   -moz-box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
	        box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
}
.button_yellow:hover {
	text-decoration: none;
	color: #111;
}
.button_yellow .icon {
	border-right			: 1px solid #d6d600;
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffab', EndColorStr='#fcfc6d');
	background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0,#ffffab), color-stop(1, #fcfc6d));
	background-image		: -webkit-linear-gradient(top, #ffffab 0%, #fcfc6d 100%);
	background-image		:    -moz-linear-gradient(top, #ffffab 0%, #fcfc6d 100%);
	background-image		:     -ms-linear-gradient(top, #ffffab 0%, #fcfc6d 100%);
	background-image		:      -o-linear-gradient(top, #ffffab 0%, #fcfc6d 100%);
	background-image		:         linear-gradient(top, #ffffab 0%, #fcfc6d 100%);
	-webkit-box-shadow		: 1px 0 0 #ffffab;
	   -moz-box-shadow		: 1px 0 0 #ffffab;
	        box-shadow		: 1px 0 0 #ffffab;
}
.button_yellow .iconr {
	border-left				: 1px solid #d6d600;
	border-right			: 0px;
	-webkit-box-shadow		: -1px 0 0 #ffffab;
	   -moz-box-shadow		: -1px 0 0 #ffffab;
	        box-shadow		: -1px 0 0 #ffffab;
}



/* 
** Button DARK YELLOW
** Just color settings
*/
.button_dyellow {
	color					: #333;
	border					: 1px solid #b3aa44;
	text-shadow				: 1px 1px 1px rgba(255, 255, 255, .5);
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ebe267', EndColorStr='#c9bd1c');
	background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0,#ebe267), color-stop(1, #c9bd1c));
	background-image		: -webkit-linear-gradient(top, #ebe267 0%, #c9bd1c 100%);
	background-image		:    -moz-linear-gradient(top, #ebe267 0%, #c9bd1c 100%);
	background-image		:     -ms-linear-gradient(top, #ebe267 0%, #c9bd1c 100%);
	background-image		:      -o-linear-gradient(top, #ebe267 0%, #c9bd1c 100%);
	background-image		:         linear-gradient(top, #ebe267 0%, #c9bd1c 100%);
	-webkit-border-radius	: 2px;
	   -moz-border-radius	: 2px;
	        border-radius	: 2px;
	-webkit-box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
	   -moz-box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
	        box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
}
.button_dyellow:hover {
	text-decoration: none;
	color: #111;
}
.button_dyellow .icon {
	border-right			: 1px solid #b3aa44;
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e6df93', EndColorStr='#ded466');
	background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0,#e6df93), color-stop(1, #ded466));
	background-image		: -webkit-linear-gradient(top, #e6df93 0%, #ded466 100%);
	background-image		:    -moz-linear-gradient(top, #e6df93 0%, #ded466 100%);
	background-image		:     -ms-linear-gradient(top, #e6df93 0%, #ded466 100%);
	background-image		:      -o-linear-gradient(top, #e6df93 0%, #ded466 100%);
	background-image		:         linear-gradient(top, #e6df93 0%, #ded466 100%);
	-webkit-box-shadow		: 1px 0 0 #e6df93;
	   -moz-box-shadow		: 1px 0 0 #e6df93;
	        box-shadow		: 1px 0 0 #e6df93;
}
.button_dyellow .iconr {
	border-left				: 1px solid #b3aa44;
	border-right			: 0px;
	-webkit-box-shadow		: -1px 0 0 #e6df93;
	   -moz-box-shadow		: -1px 0 0 #e6df93;
	        box-shadow		: -1px 0 0 #e6df93;
}



/* 
** Button LIGHT ORANGE 
** Just color settings
*/
.button_lorange {
	color					: #555;
	border					: 1px solid #d99030;
	text-shadow				: 1px 1px 1px rgba(255, 255, 255, .8);
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffcb82', EndColorStr='#fa9d1b');
	background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0,#ffcb82), color-stop(1, #fa9d1b));
	background-image		: -webkit-linear-gradient(top, #ffcb82 0%, #fa9d1b 100%);
	background-image		:    -moz-linear-gradient(top, #ffcb82 0%, #fa9d1b 100%);
	background-image		:     -ms-linear-gradient(top, #ffcb82 0%, #fa9d1b 100%);
	background-image		:      -o-linear-gradient(top, #ffcb82 0%, #fa9d1b 100%);
	background-image		:         linear-gradient(top, #ffcb82 0%, #fa9d1b 100%);
	-webkit-border-radius	: 2px;
	   -moz-border-radius	: 2px;
	        border-radius	: 2px;
	-webkit-box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
	   -moz-box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
	        box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
}
.button_lorange:hover {
	text-decoration: none;
	color: #222;
}
.button_lorange .icon {
	border-right			: 1px solid #d99030;
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffe6c4', EndColorStr='#ffcb87');
	background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0,#ffe6c4), color-stop(1, #ffcb87));
	background-image		: -webkit-linear-gradient(top, #ffe6c4 0%, #ffcb87 100%);
	background-image		:    -moz-linear-gradient(top, #ffe6c4 0%, #ffcb87 100%);
	background-image		:     -ms-linear-gradient(top, #ffe6c4 0%, #ffcb87 100%);
	background-image		:      -o-linear-gradient(top, #ffe6c4 0%, #ffcb87 100%);
	background-image		:         linear-gradient(top, #ffe6c4 0%, #ffcb87 100%);
	-webkit-box-shadow		: 1px 0 0 #ffe6c4;
	   -moz-box-shadow		: 1px 0 0 #ffe6c4;
	        box-shadow		: 1px 0 0 #ffe6c4;
}
.button_lorange .iconr {
	border-left				: 1px solid #d99030;
	border-right			: 0px;
	-webkit-box-shadow		: -1px 0 0 #ffe6c4;
	   -moz-box-shadow		: -1px 0 0 #ffe6c4;
	        box-shadow		: -1px 0 0 #ffe6c4;
}



/* 
** Button ORANGE 
** Just color settings
*/
.button_orange {
	color					: #555;
	border					: 1px solid #bb5e10;
	text-shadow				: 1px 1px 1px rgba(255, 255, 255, .8);
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffa443', EndColorStr='#ff7400');
	background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0,#ffa443), color-stop(1, #ff7400));
	background-image		: -webkit-linear-gradient(top, #ffa443 0%, #ff7400 100%);
	background-image		:    -moz-linear-gradient(top, #ffa443 0%, #ff7400 100%);
	background-image		:     -ms-linear-gradient(top, #ffa443 0%, #ff7400 100%);
	background-image		:      -o-linear-gradient(top, #ffa443 0%, #ff7400 100%);
	background-image		:         linear-gradient(top, #ffa443 0%, #ff7400 100%);
	-webkit-border-radius	: 2px;
	   -moz-border-radius	: 2px;
	        border-radius	: 2px;
	-webkit-box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
	   -moz-box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
	        box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
}
.button_orange:hover {
	text-decoration: none;
	color: #222;
}
.button_orange .icon {
	border-right			: 1px solid #bb5e10;
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f7b977', EndColorStr='#eb9d4a');
	background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0,#f7b977), color-stop(1, #eb9d4a));
	background-image		: -webkit-linear-gradient(top, #f7b977 0%, #eb9d4a 100%);
	background-image		:    -moz-linear-gradient(top, #f7b977 0%, #eb9d4a 100%);
	background-image		:     -ms-linear-gradient(top, #f7b977 0%, #eb9d4a 100%);
	background-image		:      -o-linear-gradient(top, #f7b977 0%, #eb9d4a 100%);
	background-image		:         linear-gradient(top, #f7b977 0%, #eb9d4a 100%);
	-webkit-box-shadow		: 1px 0 0 #f7b977;
	   -moz-box-shadow		: 1px 0 0 #f7b977;
	        box-shadow		: 1px 0 0 #f7b977;
}
.button_orange .iconr {
	border-left				: 1px solid #bb5e10;
	border-right			: 0px;
	-webkit-box-shadow		: -1px 0 0 #f7b977;
	   -moz-box-shadow		: -1px 0 0 #f7b977;
	        box-shadow		: -1px 0 0 #f7b977;
}



/* 
** Button DARK ORANGE 
** Just color settings
*/
.button_dorange {
	color					: #eee;
	border					: 1px solid #873b04;
	text-shadow				: 1px 1px 1px rgba(0, 0, 0, .5);
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorStr='#db8733', EndColorStr='#d15e00');
	background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0,#db8733), color-stop(1, #d15e00));
	background-image		: -webkit-linear-gradient(top, #db8733 0%, #d15e00 100%);
	background-image		:    -moz-linear-gradient(top, #db8733 0%, #d15e00 100%);
	background-image		:     -ms-linear-gradient(top, #db8733 0%, #d15e00 100%);
	background-image		:      -o-linear-gradient(top, #db8733 0%, #d15e00 100%);
	background-image		:         linear-gradient(top, #db8733 0%, #d15e00 100%);
	-webkit-border-radius	: 2px;
	   -moz-border-radius	: 2px;
	        border-radius	: 2px;
	-webkit-box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
	   -moz-box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
	        box-shadow		: 0 2px 2px rgba(0, 0, 0, .15);
}
.button_dorange:hover {
	text-decoration: none;
	color: #fff;
}
.button_dorange .icon {
	border-right			: 1px solid #a35721;
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e09141', EndColorStr='#d97020');
	background-image		: -webkit-gradient(linear, left top, left bottom, color-stop(0,#e09141), color-stop(1, #d97020));
	background-image		: -webkit-linear-gradient(top, #e09141 0%, #d97020 100%);
	background-image		:    -moz-linear-gradient(top, #e09141 0%, #d97020 100%);
	background-image		:     -ms-linear-gradient(top, #e09141 0%, #d97020 100%);
	background-image		:      -o-linear-gradient(top, #e09141 0%, #d97020 100%);
	background-image		:         linear-gradient(top, #e09141 0%, #d97020 100%);
	-webkit-box-shadow		: 1px 0 0 #e09141;
	   -moz-box-shadow		: 1px 0 0 #e09141;
	        box-shadow		: 1px 0 0 #e09141;
}
.button_dorange .iconr {
	border-left				: 1px solid #bb5e10;
	border-right			: 0px;
	-webkit-box-shadow		: -1px 0 0 #e09141;
	   -moz-box-shadow		: -1px 0 0 #e09141;
	        box-shadow		: -1px 0 0 #e09141;
}













