.hidden-file-chooser{
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index:-1;
}

.button {
        display: inline-block;
        zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
        *display: inline;
        vertical-align: baseline;
        margin: 0 2px;
        outline: none;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
        font: 14px/100% Arial, Helvetica, sans-serif;
        padding: .5em 2em .55em;
        text-shadow: 0 1px 1px rgba(0,0,0,.3);
        -webkit-border-radius: .5em;
        -moz-border-radius: .5em;
        border-radius: .5em;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
        -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
        box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
        text-decoration: none;
}
.button:active {
        position: relative;
        top: 1px;
}
.button:disabled{
        color:#fff;
}

.bigrounded {
        -webkit-border-radius: 2em;
        -moz-border-radius: 2em;
        border-radius: 2em;
}
.medium {
        font-size: 12px;
        padding: .4em 1.5em .42em;
}
.small {
        font-size: 11px;
        padding: .2em 1em .275em;
}

/* white */
.white {
        color: #606060;
        border: solid 1px #b7b7b7;
        background: #fff;
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
        background: -moz-linear-gradient(top,  #fff,  #ededed);
}
.white:hover {
        background: #ededed;
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
        background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
}
.white:active {
        color: #999;
        background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
        background: -moz-linear-gradient(top,  #ededed,  #fff);
}

/* red */
.red {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
}
.red:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
}
.red:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
}


/* orange */
.orange {
    color: #fef4e9;
    border: solid 1px #da7c0c;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
}
.orange:hover {
    background: #f47c20;
    background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
    background: -moz-linear-gradient(top,  #f88e11,  #f06015);
}
.orange:active {
    color: #fcd3a5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
    background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
}


/* yellow */
.yellow {
    color: #606060;
    border: solid 1px #da7c0c;
    background: #f3e260;
    background: -webkit-gradient(linear, left top, left bottom, from(#faf3c0),  to(#f2d600));
    background: -moz-linear-gradient(top,  #f5ea92,  #f2d600);
}
.yellow:hover {
    background: #f2d600;
    background: -webkit-gradient(linear, left top, left bottom, from(#f5dd29), to(#e6c60d));
    background: -moz-linear-gradient(top,  #f88e11,  #f06015);
}
.yellow:active {
    color: #606060;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2d600), to(#faf3c0));
    background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
}

/* gray */
.gray {
    color: #e9e9e9;
    border: solid 1px #555;
    background: rgba(110,110,110,0.2);
    background: linear-gradient(to bottom, rgba(136, 136, 136, 0.5), rgba(87, 87, 87, 0.1));
}
.gray:hover {
    background: #616161;
    background: linear-gradient(to bottom, rgba(117, 117, 117, 0.5), rgba(75, 75, 75, 0.85));
}
.gray:active {
    color: #afafaf;
    background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
}

/* teal */
.lblue {
    color: #d9eef7;
    border: solid 1px #0076a3;
    background: #faf3c0;
    background: -webkit-gradient(linear, left top, left bottom, from(#80bdff), to(#3395ff));
    background: -moz-linear-gradient(top,  #80bdff,  #3395ff);
}
.lblue:hover {
    background: #007ead;
    background: -webkit-gradient(linear, left top, left bottom, from(#66afff), to(#1987ff));
    background: -moz-linear-gradient(top,  #66afff,  #1987ff);
}
.lblue:active {
    color: #80bed6;
    background: -webkit-gradient(linear, left top, left bottom, from(#3395ff), to(#66afff));
    background: -moz-linear-gradient(top,  #3395ff,  #80bdff);
}