﻿/* usato in masterpagearmonia */
        /* http://css-tricks.com/examples/ButtonMaker */
        .smallbutton { font-size: 0.8em; }        
        .rvbutton-blue
        {
            border-top: 1px solid #96d1f8;
            background: #65a9d7;
            background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
            background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
            background: -moz-linear-gradient(top, #3e779d, #65a9d7);
            background: -ms-linear-gradient(top, #3e779d, #65a9d7);
            background: -o-linear-gradient(top, #3e779d, #65a9d7);
            padding: 5px 10px;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            border-radius: 8px;
            -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
            -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
            box-shadow: rgba(0,0,0,1) 0 1px 0;
            text-shadow: rgba(0,0,0,.4) 0 1px 0;
            color: white;
            font-size: 14px;
            font-family: Helvetica, Arial, Sans-Serif;
            text-decoration: none;
            vertical-align: middle;
        }
        .rvbutton-blue:hover
        {
            border-top-color: #28597a;
            background: #28597a;
            color: #ccc;
        }
        .rvbutton-blue:active
        {
            border-top-color: #1b435e;
            background: #1b435e;
        }
        
        .rvbutton-red
        {
            border-top: 1px solid #f5a4a4;
            background: #3c3c3c;
            background: -webkit-gradient(linear, left top, left bottom, from(#c82828), to(#3c3c3c));
            background: -webkit-linear-gradient(top, #c82828, #3c3c3c);
            background: -moz-linear-gradient(top, #c82828, #3c3c3c);
            background: -ms-linear-gradient(top, #c82828, #3c3c3c);
            background: -o-linear-gradient(top, #c82828, #3c3c3c);
            padding: 5px 10px;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            border-radius: 8px;
            -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
            -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
            box-shadow: rgba(0,0,0,1) 0 1px 0;
            text-shadow: rgba(0,0,0,.4) 0 1px 0;
            color: white;
            font-size: 14px;
            font-family: Helvetica, Arial, Sans-Serif;
            text-decoration: none;
            vertical-align: middle;
        }
        .rvbutton-red:hover
        {
            border-top-color: #941515;
            background: #941515;
            color: #ffffff;
        }
        .rvbutton-red:active
        {
            border-top-color: #1b435e;
            background: #1b435e;
        }
        
        .rvbutton-cyan
        {
            border-top: 1px solid #96d1f8;
            background: #65a9d7;
            background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
            background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
            background: -moz-linear-gradient(top, #3e779d, #65a9d7);
            background: -ms-linear-gradient(top, #3e779d, #65a9d7);
            background: -o-linear-gradient(top, #3e779d, #65a9d7);
            padding: 5px 10px;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            border-radius: 8px;
            -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
            -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
            box-shadow: rgba(0,0,0,1) 0 1px 0;
            text-shadow: rgba(0,0,0,.4) 0 1px 0;
            color: white;
            font-size: 14px;
            font-family: Helvetica, Arial, Sans-Serif;
            text-decoration: none;
            vertical-align: middle;
        }
        .rvbutton-cyan:hover
        {
            border-top-color: #28597a;
            background: #28597a;
            color: #ccc;
        }
        .rvbutton-cyan:active
        {
            border-top-color: #1b435e;
            background: #1b435e;
        }
        
        .rvbutton-black
        {
            border-top: 1px solid #fcfcfc;
            background: #0e0f0f;
            background: -webkit-gradient(linear, left top, left bottom, from(#b2b6b8), to(#0e0f0f));
            background: -webkit-linear-gradient(top, #b2b6b8, #0e0f0f);
            background: -moz-linear-gradient(top, #b2b6b8, #0e0f0f);
            background: -ms-linear-gradient(top, #b2b6b8, #0e0f0f);
            background: -o-linear-gradient(top, #b2b6b8, #0e0f0f);
            padding: 5px 10px;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            border-radius: 8px;
            -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
            -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
            box-shadow: rgba(0,0,0,1) 0 1px 0;
            text-shadow: rgba(0,0,0,.4) 0 1px 0;
            color: white;
            font-size: 14px;
            font-family: Helvetica, Arial, Sans-Serif;
            text-decoration: none;
            vertical-align: middle;
        }
        .rvbutton-black:hover
        {
            border-top-color: #282e78;
            background: #282e78;
            color: #ccc;
        }
        .rvbutton-black:active
        {
            border-top-color: #1b435e;
            background: #1b435e;
        }

        .button
        {
            border-top: 1px solid #96d1f8;
            background: #65a9d7;
            background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
            background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
            background: -moz-linear-gradient(top, #3e779d, #65a9d7);
            background: -ms-linear-gradient(top, #3e779d, #65a9d7);
            background: -o-linear-gradient(top, #3e779d, #65a9d7);
            padding: 5px 10px;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            border-radius: 8px;
            -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
            -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
            box-shadow: rgba(0,0,0,1) 0 1px 0;
            text-shadow: rgba(0,0,0,.4) 0 1px 0;
            color: white;
            font-size: 14px;
            font-family: Georgia, serif;
            text-decoration: none;
            vertical-align: middle;
        }
        .button:hover
        {
            border-top-color: #28597a;
            background: #28597a;
            color: #ccc;
        }
        .button:active
        {
            border-top-color: #1b435e;
            background: #1b435e;
        }

        .gradient
        {
            background: #65a9d7;
            background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
            background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
            background: -moz-linear-gradient(top, #3e779d, #65a9d7);
            background: -ms-linear-gradient(top, #3e779d, #65a9d7);
            background: -o-linear-gradient(top, #3e779d, #65a9d7);
            background-color: #65a9d7;
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3e779d, endColorstr=#65a9d7, GradientType=1)";
            filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#3e779d', EndColorStr='#65a9d7', GradientType=0);
            color: #FFFFFF;
            padding: 5px 10px;
        }
