.button
{
        display: inline-block;
        white-space: nowrap;
        background-color: #ccc;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
        background-image: -webkit-linear-gradient(top, #eee, #ccc);
        background-image: -moz-linear-gradient(top, #eee, #ccc);
        background-image: -ms-linear-gradient(top, #eee, #ccc);
        background-image: -o-linear-gradient(top, #eee, #ccc);
        background-image: linear-gradient(top, #eee, #ccc);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
        border: 1px solid #777;
        padding: 0 1.5em;
        margin: 0.5em;
        font: bold 1em/2em Arial, Helvetica;
        text-decoration: none;
        color: #333;
        text-shadow: 0 1px 0 rgba(255,255,255,.8);
        -moz-border-radius: .2em;
        -webkit-border-radius: .2em;
        border-radius: .2em;
        -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
        -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
        box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}

.button:hover
{
        background-color: #ddd;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
        background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
        background-image: -moz-linear-gradient(top, #fafafa, #ddd);
        background-image: -ms-linear-gradient(top, #fafafa, #ddd);
        background-image: -o-linear-gradient(top, #fafafa, #ddd);
        background-image: linear-gradient(top, #fafafa, #ddd);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
}

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

.button:focus
{
        outline: 0;
        background: #fafafa;
}    

.button:before
{
        background: #ccc;
        background: rgba(0,0,0,.1);
        float: left;
        width: 1em;
        text-align: center;
        font-size: 1.5em;
        margin: 0 1em 0 -1em;
        padding: 0 .2em;
        -moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
        -webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
        box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
        -moz-border-radius: .15em 0 0 .15em;
        -webkit-border-radius: .15em 0 0 .15em;
        border-radius: .15em 0 0 .15em;
        pointer-events: none;
}

/* Hexadecimal entities for the icons */

.add:before
{
        content: "\271A";
}

.edit:before
{
        content: "\270E";
}

.delete:before
{
        content: "\2718";
}

.save:before
{
        content: "\2714";
}

.email:before
{
        content: "\2709";
}

.like:before
{
        content: "\2764";
}

/* .next:before */
/* { */
/*         content: "\279C"; */
/* } */

.star:before
{
        content: "\2605";
}

.spark:before
{
        content: "\2737";
}

.play:before
{
        content: "\25B6";
}

/* .buttons { */
/* 	float: left; */
/* 	padding-bottom: 20px; */
/* 	clear: both; */
/* } */

/* a.button { */
/* 	color: #6e6e6e; */
/* 	font: bold 12px Helvetica, Arial, sans-serif; */
/* 	text-decoration: none; */
/* 	padding: 7px 12px; */
/* 	position: relative; */
/* /* 	display: inline-block; */ */
/* 	text-shadow: 0 1px 0 #fff; */
/* 	-webkit-transition: border-color .218s; */
/* 	-moz-transition: border .218s; */
/* 	-o-transition: border-color .218s; */
/* 	transition: border-color .218s; */
/* 	background: #f3f3f3; */
/* 	#333; */
/* 	background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), */
/* 		to(#F1F1F1) ); */
/* 	background: -moz-linear-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), */
/* 		to(#F1F1F1) ); */
/* 	border: solid 1px #dcdcdc; */
/* 	border-radius: 2px; */
/* 	-webkit-border-radius: 2px; */
/* 	-moz-border-radius: 2px; */
/* 	margin-right: 10px; */
/* } */

/* a.button:hover { */
/* 	color: #333; */
/* 	border-color: #999; */
/* 	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px */
/* 		rgba(0, 0, 0, 0.2); */
/* 	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); */
/* } */

/* a.button:active { */
/* 	color: #000; */
/* 	border-color: #444; */
/* } */

/* a.left { */
/* 	-webkit-border-top-right-radius: 0; */
/* 	-moz-border-radius-topright: 0; */
/* 	border-top-right-radius: 0; */
/* 	-webkit-border-bottom-right-radius: 0; */
/* 	-moz-border-radius-bottomright: 0; */
/* 	border-bottom-right-radius: 0; */
/* 	margin: 0; */
/* } */

/* a.middle { */
/* 	border-radius: 0; */
/* 	-webkit-border-radius: 0; */
/* 	-moz-border-radius: 0; */
/* 	border-left: solid 1px #f3f3f3; */
/* 	margin: 0; */
/* 	border-left: solid 1px rgba(255, 255, 255, 0); */
/* } */

/* a.middle:hover,a.right:hover { */
/* 	border-left: solid 1px #999 */
/* } */

/* a.right { */
/* 	-webkit-border-top-left-radius: 0; */
/* 	-moz-border-radius-topleft: 0; */
/* 	border-top-left-radius: 0; */
/* 	-webkit-border-bottom-left-radius: 0; */
/* 	-moz-border-radius-bottomleft: 0; */
/* 	border-bottom-left-radius: 0; */
/* 	border-left: solid 1px #f3f3f3; */
/* 	border-left: solid 1px rgba(255, 255, 255, 0); */
/* } */

/* a.big { */
/* 	font-size: 16px; */
/* 	padding: 10px 15px; */
/* } */

/* a.supersize { */
/* 	font-size: 20px; */
/* 	padding: 15px 20px; */
/* } */

/* a.save { */
/* 	background: url(sprite.png) 10px 7px no-repeat #f3f3f3; */
/* 	padding-left: 30px; */
/* } */

/* a.add { */
/* 	background: url(../images/add.png) no-repeat #f3f3f3; */
/* 	padding-left: 30px; */
/* } */

/* a.delete { */
/* 	background: url(sprite.png) 10px -61px no-repeat #f3f3f3; */
/* 	padding-left: 30px; */
/* } */

/* a.flag { */
/* 	background: url(sprite.png) 10px -96px no-repeat #f3f3f3; */
/* 	padding-left: 30px; */
/* } */

/* a.up { */
/* 	background: url(sprite.png) 13px -133px no-repeat #f3f3f3; */
/* 	width: 18px; */
/* } */

/* a.down { */
/* 	background: url(sprite.png) 13px -168px no-repeat #f3f3f3; */
/* 	width: 18px; */
/* } */

/* a.save-big { */
/* 	background: url(sprite.png) 15px 11px no-repeat #f3f3f3; */
/* 	font-size: 16px; */
/* 	padding: 10px 15px 10px 35px; */
/* } */

/* a.add-big { */
/* 	background: url(sprite.png) 15px -23px no-repeat #f3f3f3; */
/* 	font-size: 16px; */
/* 	padding: 10px 15px 10px 35px; */
/* } */

/* a.delete-big { */
/* 	background: url(sprite.png) 15px -57px no-repeat #f3f3f3; */
/* 	font-size: 16px; */
/* 	padding: 10px 15px 10px 35px; */
/* } */

/* a.flag-big { */
/* 	background: url(sprite.png) 15px -92px no-repeat #f3f3f3; */
/* 	font-size: 16px; */
/* 	padding: 10px 15px 10px 35px; */
/* } */

/* a.up-big { */
/* 	background: url(sprite.png) 15px -128px no-repeat #f3f3f3; */
/* 	width: 18px; */
/* 	font-size: 16px; */
/* 	padding: 10px 15px; */
/* } */

/* a.down-big { */
/* 	background: url(sprite.png) 15px -163px no-repeat #f3f3f3; */
/* 	width: 18px; */
/* 	font-size: 16px; */
/* 	padding: 10px 15px; */
/* } */