a.button, button {
    display: inline-block;
    padding: 5px;
    font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
    font-size: 12px;
    color: #3C3C3D;
    text-shadow: 1px 1px 0 #FFFFFF;
    background: #ECECEC url('../images/css3buttons_backgrounds.png') 0 0 no-repeat;
    white-space: nowrap;
    overflow: visible;
    cursor: pointer;
    text-decoration: none;
    border: 1px solid #CACACA;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    outline: none;
    position: relative;
    zoom: 1;
    line-height: 1.11;
    *display: inline;
    *vertical-align: middle;
}

button {
    margin-left: 0;
    margin-right: 0;
    *padding: 5px 5px 3px 5px;
}

a.button {
    -moz-user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

button::-moz-focus-inner {
    border: 0;
    padding: 0px;
}

a.button.primary, button.primary {
    font-weight: bold;
}

button:focus, a.button:hover,
button:hover {
    color: #FFFFFF;
    border-color: #388AD4;
    text-decoration: none;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    background-position: 0 -40px;
    background-color: #2D7DC5;
}

a.button:active, button:active,
a.button.active, button.active {
    background-position: 0 -81px;
    border-color: #347BBA;
    background-color: #0F5EA2;
    color: #FFFFFF;
    text-shadow: none;
}

a.button:active, button:active {
    top: 1px;
}

a.button.negative:focus, button.negative:focus,
a.button.negative:hover, button.negative:hover {
    color: #FFFFFF;
    background-position: 0 -121px;
    background-color: #D84743;
    border-color: #911D1B;
}

a.button.negative:active, button.negative:active,
a.button.negative.active, button.negative.active {
    background-position: 0 -161px;
    background-color: #A5211E;
    border-color: #911D1B;
}

a.button.positive:focus, button.positive:focus,
a.button.positive:hover, button.positive:hover {
    background-position: 0 -280px;
    background-color: #96ED89;
    border-color: #45BF55;
}

a.button.positive:active, button.positive:active,
a.button.positive.active, button.positive.active {
    background-position: 0 -320px;
    background-color: #45BF55;
}

a.button.pill, button.pill {
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
    padding: 5px 10px 4px 10px;
    *padding: 4px 10px;
}

a.button.left, button.left {
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-topright: 0px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    margin-right: 0px;
    border-right: none;
}

a.button.middle, button.middle {
    margin-right: 0px;
    margin-left: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border-right: none;
}

a.button.right, button.right {
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    margin-left: 0px;
}

    a.button.left:active, button.left:active,
    a.button.middle:active, button.middle:active,
    a.button.right:active, button.right:active {
        top: 0px;
    }

a.button.big, button.big {
    font-size: 16px;
    padding-left: 14px;
    padding-right: 17px;
}

button.big {
    *padding: 4px 17px 2px 17px;
}

a.button span.icon, button span.icon {
    display: inline-block;
    width: 14px;
    height: 12px;
    margin: auto 7px auto auto;
    position: relative;
    top: 0;
    *top: 0px;
    background-image: url('../images/css3buttons_icons.png');
    background-repeat: no-repeat;
}

a.big.button span.icon, button.big span.icon {
    top: 0px;
}

a.button span.icon.book, button span.icon.book {
    background-position: 0 0;
}

a.button:hover span.icon.book, button:hover span.icon.book {
    background-position: 0 -15px;
}

a.button span.icon.calendar, button span.icon.calendar {
    background-position: 0 -30px;
}

a.button:hover span.icon.calendar, button:hover span.icon.calendar {
    background-position: 0 -45px;
}

a.button span.icon.chat, button span.icon.chat {
    background-position: 0 -60px;
}

a.button:hover span.icon.chat, button:hover span.icon.chat {
    background-position: 0 -75px;
}

a.button span.icon.check, button span.icon.check {
    background-position: 0 -90px;
}

a.button:hover span.icon.check, button:hover span.icon.check {
    background-position: 0 -103px;
}

a.button span.icon.clock, button span.icon.clock {
    background-position: 0 -116px;
}

a.button:hover span.icon.clock, button:hover span.icon.clock {
    background-position: 0 -131px;
}

a.button span.icon.cog, button span.icon.cog {
    background-position: 0 -146px;
}

a.button:hover span.icon.cog, button:hover span.icon.cog {
    background-position: 0 -161px;
}

a.button span.icon.comment, button span.icon.comment {
    background-position: 0 -176px;
}

a.button:hover span.icon.comment, button:hover span.icon.comment {
    background-position: 0 -190px;
}

a.button span.icon.cross, button span.icon.cross {
    background-position: 0 -204px;
}

a.button:hover span.icon.cross, button:hover span.icon.cross {
    background-position: 0 -219px;
}

a.button span.icon.downarrow, button span.icon.downarrow {
    background-position: 0 -234px;
}

a.button:hover span.icon.downarrow, button:hover span.icon.downarrow {
    background-position: 0 -249px;
}

a.button span.icon.fork, button span.icon.fork {
    background-position: 0 -264px;
}

a.button:hover span.icon.fork, button:hover span.icon.fork {
    background-position: 0 -279px;
}

a.button span.icon.heart, button span.icon.heart {
    background-position: 0 -294px;
}

a.button:hover span.icon.heart, button:hover span.icon.heart {
    background-position: 0 -308px;
}

a.button span.icon.home, button span.icon.home {
    background-position: 0 -322px;
}

a.button:hover span.icon.home, button:hover span.icon.home {
    background-position: 0 -337px;
}

a.button span.icon.key, button span.icon.key {
    background-position: 0 -352px;
}

a.button:hover span.icon.key, button:hover span.icon.key {
    background-position: 0 -367px;
}

a.button span.icon.leftarrow, button span.icon.leftarrow {
    background-position: 0 -382px;
}

a.button:hover span.icon.leftarrow, button:hover span.icon.leftarrow {
    background-position: 0 -397px;
}

a.button span.icon.lock, button span.icon.lock {
    background-position: 0 -412px;
}

a.button:hover span.icon.lock, button:hover span.icon.lock {
    background-position: 0 -427px;
}

a.button span.icon.loop, button span.icon.loop {
    background-position: 0 -442px;
}

a.button:hover span.icon.loop, button:hover span.icon.loop {
    background-position: 0 -457px;
}

a.button span.icon.magnifier, button span.icon.magnifier {
    background-position: 0 -472px;
}

a.button:hover span.icon.magnifier, button:hover span.icon.magnifier {
    background-position: 0 -487px;
}

a.button span.icon.mail, button span.icon.mail {
    background-position: 0 -502px;
}

a.button:hover span.icon.mail, button:hover span.icon.mail {
    background-position: 0 -514px;
}

a.button span.icon.move, button span.icon.move {
    background-position: 0 -526px;
}

a.button:hover span.icon.move, button:hover span.icon.move {
    background-position: 0 -541px;
}

a.button span.icon.pen, button span.icon.pen {
    background-position: 0 -556px;
}

a.button:hover span.icon.pen, button:hover span.icon.pen {
    background-position: 0 -571px;
}

a.button span.icon.pin, button span.icon.pin {
    background-position: 0 -586px;
}

a.button:hover span.icon.pin, button:hover span.icon.pin {
    background-position: 0 -601px;
}

a.button span.icon.plus, button span.icon.plus {
    background-position: 0 -616px;
}

a.button:hover span.icon.plus, button:hover span.icon.plus {
    background-position: 0 -631px;
}

a.button span.icon.reload, button span.icon.reload {
    background-position: 0 -646px;
}

a.button:hover span.icon.reload, button:hover span.icon.reload {
    background-position: 0 -660px;
}

a.button span.icon.rightarrow, button span.icon.rightarrow {
    background-position: 0 -674px;
}

a.button:hover span.icon.rightarrow, button:hover span.icon.rightarrow {
    background-position: 0 -689px;
}

a.button span.icon.rss, button span.icon.rss {
    background-position: 0 -704px;
}

a.button:hover span.icon.rss, button:hover span.icon.rss {
    background-position: 0 -719px;
}

a.button span.icon.tag, button span.icon.tag {
    background-position: 0 -734px;
}

a.button:hover span.icon.tag, button:hover span.icon.tag {
    background-position: 0 -749px;
}

a.button span.icon.trash, button span.icon.trash {
    background-position: 0 -764px;
}

a.button:hover span.icon.trash, button:hover span.icon.trash {
    background-position: 0 -779px;
}

a.button span.icon.unlock, button span.icon.unlock {
    background-position: 0 -794px;
}

a.button:hover span.icon.unlock, button:hover span.icon.unlock {
    background-position: 0 -809px;
}

a.button span.icon.uparrow, button span.icon.uparrow {
    background-position: 0 -824px;
}

a.button:hover span.icon.uparrow, button:hover span.icon.uparrow {
    background-position: 0 -839px;
}

a.button span.icon.user, button span.icon.user {
    background-position: 0 -854px;
}

a.button:hover span.icon.user, button:hover span.icon.user {
    background-position: 0 -869px;
}


.Button_Lg_Blue {
    -moz-box-shadow: inset 0px 1px 0px 0px #fff6af;
    -webkit-box-shadow: inset 0px 1px 0px 0px #fff6af;
    box-shadow: inset 0px 1px 0px 0px #63a5de;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1774c6), color-stop(1, #004886) );
    background: -moz-linear-gradient( center top, #1774c6 5%, #004886 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1774c6', endColorstr='#004886');
    background-color: #ffec64;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #0a4e8a;
    display: inline-block;
    color: #FFFFFF !important;
    font-family: arial;
    font-size: 18px;
    font-weight: normal;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #333333;
}

    .Button_Lg_Blue:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #004886), color-stop(1, #1774c6) );
        background: -moz-linear-gradient( center top, #ffab23 5%, #ffec64 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004886', endColorstr='#1774c6');
        background-color: #ffab23;
        text-decoration: none;
        color: #ffd307 !important;
    }

    .Button_Lg_Blue:active {
        position: relative;
        top: 1px;
    }

.Button_Sm_Blue {
    /*-moz-box-shadow: inset 0px 1px 0px 0px #fff6af;
    -webkit-box-shadow: inset 0px 1px 0px 0px #fff6af;
    box-shadow: inset 0px 1px 0px 0px #fff6af;*/
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1774c6), color-stop(1, #004886) );
    background: -moz-linear-gradient( center top, #1774c6 5%, #004886 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1774c6', endColorstr='#004886');
    background-color: #ffec64;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #1340a3;
    display: inline-block;
    color: #FFFFFF !important;
    font-family: arial;
    font-size: 14px;
    font-weight: normal;
    padding: 6px 13px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #333;
}

    .Button_Sm_Blue:hover, .Button_Sm_Blue a:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #004886), color-stop(1, #1774c6) );
        background: -moz-linear-gradient( center top, #ffab23 5%, #ffec64 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004886', endColorstr='#1774c6');
        background-color: #ffab23;
        color: #fff !important;
        text-decoration: none;
        cursor:pointer;
    }

    .Button_Sm_Blue:active {
        position: relative;
        top: 1px;
    }


.Button_Sm_Red {
    -moz-box-shadow: inset 0px 1px 0px 0px #fff6af;
    -webkit-box-shadow: inset 0px 1px 0px 0px #fff6af;
    box-shadow: inset 0px 1px 0px 0px #fff6af;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23) );
    background: -moz-linear-gradient( center top, #ffec64 5%, #ffab23 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23');
    background-color: #ffec64;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #ffaa22;
    display: inline-block;
    color: #c40d00;
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    padding: 6px 13px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #ffee66;
}

    .Button_Sm_Red:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64) );
        background: -moz-linear-gradient( center top, #ffab23 5%, #ffec64 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64');
        background-color: #ffab23;
    }

    .Button_Sm_Red:active {
        position: relative;
        top: 1px;
    }