a.mybutton {
    display: block;
    float: left;
    width: 15em;
    margin-right: 5px;
    font-size: 80%;
    color: #FFF!important;
    text-shadow: #2e7ebd 0 1px 2px;
    text-decoration: none;
    text-align: center;
    line-height: 1.1;
    white-space: pre-line;
    padding: .7em 0;
    border: 1px solid;
    border-color: #60a3d8 #2970a9 #2970a9 #60a3d8;
    border-radius: 6px;
    outline: none;

    box-shadow: inset rgba(255,255,255,.5) 1px 1px;

    background: #60a3d8 linear-gradient(#89bbe2, #60a3d8 50%, #378bce);
    background: -webkit-gradient(linear, left top, left bottom, from(#60A3D8), to(#378bce));
    background: -webkit-linear-gradient(#60A3D8, #378bce);
    background: -moz-linear-gradient(top, #60A3D8, #378bce);
    background: -ms-linear-gradient(#60A3D8, #378bce);
    background: -o-linear-gradient(#60A3D8, #378bce);
    background: linear-gradient(#60A3D8, #378bce);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#60A3D8', endColorstr='#378bce');


    zoom: 1;
    cursor:pointer;
}
a.mybutton:first-line{
    font-size: 170%;
    font-weight: 700;
}
a.mybutton:hover {
    color: rgb(255,255,255);
    background-image: linear-gradient(#9dc7e7, #74afdd 50%, #378bce);
}
a.mybutton:active {
    color: rgb(255,255,255);
    border-color: #2970a9;
    background-image: linear-gradient(#5796c8, #6aa2ce);
    box-shadow: none;
}

a.mybutton2 {
    display: block;
    float: left;
    width: 15em;
    margin-right: 5px;
    font-size: 80%;
    color: #FFF!important;
    text-shadow: #717171 0 1px 2px;
    text-decoration: none;
    text-align: center;
    line-height: 1.1;
    white-space: pre-line;
    padding: .7em 0;
    border: 1px solid;
    border-color: #b7b7b7 #8e8e8e #717171 #b7b7b7;
    border-radius: 6px;
    outline: none;
    background: #7b7b7b linear-gradient(#b7b7b7, #b7b7b7 50%, #717171);
    box-shadow: inset rgba(255,255,255,.5) 1px 1px;

    background: -webkit-gradient(linear, left top, left bottom, from(#b7b7b7), to(#717171));
    background: -webkit-linear-gradient(#b7b7b7, #717171);
    background: -moz-linear-gradient(top, #b7b7b7, #717171);
    background: -ms-linear-gradient(#b7b7b7, #717171);
    background: -o-linear-gradient(#b7b7b7, #717171);
    background: linear-gradient(#b7b7b7, #717171);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#60A3D8', endColorstr='#378bce');
    zoom: 1;
    cursor:pointer;
    height:28px;
}
a.mybutton2:first-line{
    font-size: 170%;
    font-weight: 700;
}
a.mybutton2:hover {
    color: rgb(255,255,255);
    background-image: linear-gradient(#b7b7b7, #b7b7b7 50%, #717171);
}
a.mybutton2:active {
    color: rgb(255,255,255);
    border-color: #717171;
    background-image: linear-gradient(#b7b7b7, #b7b7b7);
    box-shadow: none;
}

.mybutton2Active{
    background: #60a3d8 linear-gradient(#89bbe2, #60a3d8 50%, #378bce)!important;
}