.buttons {
    float: left;
    padding-bottom: 20px;
    clear: both;
}
.button {
    color: #414141;
    font: bold 12px Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding: 5px 7px;
    position: relative;
    display: inline-block;
   
	text-align: center;
	vertical-align: middle;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #f3f3f3;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F1F1F1),to(#F1F1F1));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F1F1F1),to(#F1F1F1));
    border: solid 1px #dcdcdc;
    border-right:solid 15px #dcdcdc;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    
	min-width:75px;
}



.buttonla {
    color: #414141;
    font: bold 12px Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding: 0px 5px 0px 5px;
	margin:0px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
	text-align: center;

    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #f3f3f3;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F1F1F1),to(#F1F1F1));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F1F1F1),to(#F1F1F1));
    border: solid 1px #dcdcdc;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;

}

.button:hover {
    color: #333;
    border-color: #999;
  		-moz-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.5) -webkit-box-shadow:0 4px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.40);
}
.button:active {
    color: #000;
    border-color: #0080c0;
	-moz-box-shadow: 0 2px 0 rgba(0, 128, 192, 100) -webkit-box-shadow:0 2px 5px rgba(0, 128, 192, 100);
    box-shadow: 0 1px 2px rgba(0, 128, 192, 100); 
	background: #e4e4e4;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#cfcfcf),to(#cfcfcf));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#cfcfcf),to(#cfcfcf));
}

.red {
    color: #ffffff;
    text-shadow: 0 1px 0 #cc0000;
    background: #DA4A38;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#cc0000),to(#cc0000));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#cc0000),to(#cc0000));
    border: solid 1px #cc0000;
    border-right: solid 15px #cc0000;
}
.red:hover {
	color: #ffffff;
    border-color: #910000;
	background: #ff0404;
}
.red:active {
	color: #ffffff;
    border-color: #ffffff;
}

.blue {
    color: #ffffff;
    background: #4888EF;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#4888EF),to(#4888EF));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#4888EF),to(#4888EF));
    border: solid 1px #1460de;
    border-right: solid 15px #1460de;
    text-shadow: 0 1px 0 #1460de;
}
.blue:hover {
	color: #ffffff;
    border-color: #104baf;
	background: #216ceb;
}
.blue:active {
	color: #ffffff;
    border-color: #ffffff;
}

.green {
    color: #ffffff;
    text-shadow: 0 1px 0 #339900;
    background: #009900;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#009900),to(#009900));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#009900),to(#009900));
    border: solid 1px #009933;
    border-right: solid 15px #009933;
}
.green:hover {
	color: #ffffff;
    border-color: #336600;
	background: #7acf47;
}
.green:active {
	color: #ffffff;
    border-color: #ffffff;
}

.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;
}
.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);
}
.middle:hover,
.right:hover { border-left: solid 1px #999 }
.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);
}
.big {
    font-size: 16px;
    padding: 10px 15px;
}
.small {
    font-size: 9px;
    padding: 2px 3px;
	min-width:0px;
}
.supersize {
    font-size: 20px;
    padding: 15px 20px;
}
.save {
    background: url(sprite.png) 10px 7px no-repeat #f3f3f3;
    padding-left: 30px;
}
.add {
    background: url(sprite.png)  10px -27px no-repeat #f3f3f3;
    padding-left: 30px;
}
.delete {
    background: url(sprite.png)  10px -61px no-repeat #f3f3f3;
    padding-left: 30px;
}
.flag {
    background: url(sprite.png)  10px -96px no-repeat #f3f3f3;
    padding-left: 30px;
}
.up {
    background: url(sprite.png)  13px -133px no-repeat #f3f3f3;
    width: 18px;
}
.down {
    background: url(sprite.png)  13px -168px no-repeat #f3f3f3;
    width: 18px;
}
.save-big {
    background: url(sprite.png) 15px 11px no-repeat #f3f3f3;
    font-size: 16px;
    padding: 10px 15px 10px 35px;
}
.add-big {
    background: url(sprite.png)  15px -23px no-repeat #f3f3f3;
    font-size: 16px;
    padding: 10px 15px 10px 35px;
}
.delete-big {
    background: url(sprite.png)  15px -57px no-repeat #f3f3f3;
    font-size: 16px;
    padding: 10px 15px 10px 35px;
}
.flag-big {
    background: url(sprite.png)  15px -92px no-repeat #f3f3f3;
    font-size: 16px;
    padding: 10px 15px 10px 35px;
}
.up-big {
    background: url(sprite.png)  15px -128px no-repeat #f3f3f3;
    width: 18px;
    font-size: 16px;
    padding: 10px 15px;
}
.down-big {
    background: url(sprite.png)  15px -163px no-repeat #f3f3f3;
    width: 18px;
    font-size: 16px;
    padding: 10px 15px;
}