.button {
	cursor: pointer;
	position: relative;
    color: #fff;
    text-decoration: none;
    background-color: #f7931e;
	text-align: center;
	margin: 5px;
	display: inline-block;
    padding: 5px 15px;
	border: none;
	font-size: 1em;
	font-weight: normal;
	
    /*-webkit-box-shadow: 0px 4px 0px #79797B, 0px 4px 5px #49494A;
    -moz-box-shadow: 0px 4px 0px #79797B, 0px 4px 5px #49494A;
    box-shadow: 0px 4px 0px #79797B, 0px 4px 5px #49494A;*/
	
			}

.button:hover {
	background-color: #f9c50d;
   /* -webkit-box-shadow: 0px 1px 0px #79797B, 0px 3px 3px #2F2F2F;
    -moz-box-shadow: 0px 1px 0px #79797B, 0px 3px 3px #2F2F2F;
    box-shadow: 0px 1px 0px #79797B, 0px 3px 3px #2F2F2F;*/
}

.button:active {
	top: 3px;
}

button.button {
	border: none;
}

.button.flat {
	box-shadow: none;
	border-radius: 0;
	background: #f2f2f2;
	border: solid 1px #DDDDDD;
}

.button.flat:active {
	top: 0;
	box-shadow: none;
	background: #dbdbdb;
}

.button.dark {
	color: #FFFFFF;
	-webkit-box-shadow: 0px 4px 0px #404040, 0px 4px 5px #121212;
    -moz-box-shadow: 0px 4px 0px #404040, 0px 4px 5px #121212;
    box-shadow: 0px 4px 0px #404040, 0px 4px 5px #121212;
	background-color: #858585;
background-image: -moz-linear-gradient(100% 100% 90deg, #575757, #858585);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#858585), to(#575757));
background: -webkit-linear-gradient(top, #858585 0%,#575757 100%);
background: -o-linear-gradient(top, #858585 0%,#575757 100%);
background: -ms-linear-gradient(top, #858585 0%,#575757 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#858585', EndColorStr='#575757');
background: linear-gradient(top, #858585 0%,#575757 100%);
}

.button.dark:active {
    -webkit-box-shadow: 0px 1px 0px #79797B, 0px 3px 3px #2F2F2F;
    -moz-box-shadow: 0px 1px 0px #79797B, 0px 3px 3px #2F2F2F;
    box-shadow: 0px 1px 0px #79797B, 0px 3px 3px #2F2F2F;
}

.button.dark.flat {
	background: #6C6C6C;
	box-shadow: none;
	border: solid 1px #515151;
}

.button.dark.flat:active {
	background: #3E3E3E;
}

.button.blue {
	color: #FFFFFF;
	-webkit-box-shadow: 0px 4px 0px #2C5996, 0px 4px 5px #121212;
    -moz-box-shadow: 0px 4px 0px #2C5996, 0px 4px 5px #121212;
    box-shadow: 0px 4px 0px #2C5996, 0px 4px 5px #121212;
	background-color: #5C8DCF;
background-image: -moz-linear-gradient(100% 100% 90deg, #3F78C7, #5C8DCF);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5C8DCF), to(#3F78C7));
background: -webkit-linear-gradient(top, #5C8DCF 0%,#3F78C7 100%);
background: -o-linear-gradient(top, #5C8DCF 0%,#3F78C7 100%);
background: -ms-linear-gradient(top, #5C8DCF 0%,#3F78C7 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5C8DCF', EndColorStr='#3F78C7');
background: linear-gradient(top, #5C8DCF 0%,#3F78C7 100%);
}

.button.blue:active {
    -webkit-box-shadow: 0px 1px 0px #2C5996, 0px 3px 3px #2F2F2F;
    -moz-box-shadow: 0px 1px 0px #2C5996, 0px 3px 3px #2F2F2F;
    box-shadow: 0px 1px 0px #2C5996, 0px 3px 3px #2F2F2F;
}

.button.blue.flat {
	background: #5C8DCF;
	box-shadow: none;
	border: solid 1px #3F78C7;
}

.button.blue.flat:active {
	background: #3F78C7;
}

.button.red {
	color: #FFFFFF;
	-webkit-box-shadow: 0px 4px 0px #8E130D, 0px 4px 5px #121212;
    -moz-box-shadow: 0px 4px 0px #8E130D, 0px 4px 5px #121212;
    box-shadow: 0px 4px 0px #8E130D, 0px 4px 5px #121212;
	background-color: #E91F14;
background-image: -moz-linear-gradient(100% 100% 90deg, #BE1810, #E91F14);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E91F14), to(#BE1810));
background: -webkit-linear-gradient(top, #E91F14 0%,#BE1810 100%);
background: -o-linear-gradient(top, #E91F14 0%,#BE1810 100%);
background: -ms-linear-gradient(top, #E91F14 0%,#BE1810 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#E91F14', EndColorStr='#BE1810');
background: linear-gradient(top, #E91F14 0%,#BE1810 100%);
}

.button.red:active {
    -webkit-box-shadow: 0px 1px 0px #8E130D, 0px 3px 3px #2F2F2F;
    -moz-box-shadow: 0px 1px 0px #8E130D, 0px 3px 3px #2F2F2F;
    box-shadow: 0px 1px 0px #8E130D, 0px 3px 3px #2F2F2F;
}

.button.red.flat {
	background: #CF1B12;
	box-shadow: none;
	border: solid 1px #BE1810;
}

.button.red.flat:active {
	background: #AC160F;
}

.button.green {
	color: #FFFFFF;
	-webkit-box-shadow: 0px 4px 0px #136C17, 0px 4px 5px #121212;
    -moz-box-shadow: 0px 4px 0px #136C17, 0px 4px 5px #121212;
    box-shadow: 0px 4px 0px #136C17, 0px 4px 5px #121212;
	background-color: #1FBA26;
background-image: -moz-linear-gradient(100% 100% 90deg, #1A9720, #1FBA26);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1FBA26), to(#1A9720));
background: -webkit-linear-gradient(top, #1FBA26 0%,#1A9720 100%);
background: -o-linear-gradient(top, #1FBA26 0%,#1A9720 100%);
background: -ms-linear-gradient(top, #1FBA26 0%,#1A9720 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#1FBA26', EndColorStr='#1A9720');
background: linear-gradient(top, #1FBA26 0%,#1A9720 100%);
}

.button.green:active {
    -webkit-box-shadow: 0px 1px 0px #136C17, 0px 3px 3px #2F2F2F;
    -moz-box-shadow: 0px 1px 0px #136C17, 0px 3px 3px #2F2F2F;
    box-shadow: 0px 1px 0px #136C17, 0px 3px 3px #2F2F2F;
}

.button.green.flat {
	background: #1CA522;
	box-shadow: none;
	border: solid 1px #1A9720;
}

.button.green.flat:active {
	background: #17861D;
}

.share_button:before, .fb_button:before, .twitter_button:before, .linkedin_button:before, .comment_button:before, .email_button:before, .twitter_button:before, .like_button:before, .accept_button:before, .gplus_button:before, .decline_button:before, .rss_button:before, .settings_button:before {
	font-size: 1.4em;
	padding-right: 5px;
	font-family: 'WebSymbolsRegular';
	vertical-align: middle;
}

.share_button:before { content: 'i'; }

.fb_button:before {	content: 'f'; }

.twitter_button:before { content: 't'; }

.linkedin_button:before { content: 'l'; }

.comment_button:before { content: 'e'; }

.accept_button:before { content: '.'; }

.decline_button:before { content: '-'; }

.gplus_button:before { content: 'g'; }

.rss_button:before { content: 'r'; }

.settings_button:before { content: 'S'; }

.icon_close:before {
	font-family: 'ModernPictogramsNormal';
	content: 'x';
	display: inline-block;
	font-size: 2em;
	width: 24px;
	height: 24px;
}

.button[disabled], .button.disabled, .button[disabled].flat, .button.disabled.flat {
	background: #E5E5E5;
	color: #BCBCBC;
	-webkit-box-shadow: 0px 1px 0px #79797B, 0px 3px 3px #2F2F2F;
    -moz-box-shadow: 0px 1px 0px #79797B, 0px 3px 3px #2F2F2F;
    box-shadow: 0px 1px 0px #79797B, 0px 3px 3px #2F2F2F;
}

.button[disabled]:active, .button.disabled:active, .button[disabled].flat:active, .button.disabled.flat:active,
.button[disabled]:hover, .button.disabled:hover, .button[disabled].flat:hover, .button.disabled.flat:hover {
	top: 0;
	background: #E5E5E5;
}

.button[disabled].flat, .button.disabled.flat {
	box-shadow: none;
}