@charset "utf-8";

/*
based on CSS3 Gradient Buttons
         (by Web Designer Wall)
*/

/* button [non pie.htc version]
---------------------------------------------- */
.button {
    display: inline-block;
    zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
    *display: inline;
    vertical-align: baseline;
    margin: 3px 0 3px 5px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    /*font: bold 13px/100% 'MS Gothic';*/
    font-size: 13px !important;
    font-size: 1.3rem !important;
    font-weight: bold;
    font-family: 'MS Gothic';
    /*padding: 5px 14px;*/
    _padding: 5px 0 2px; /* ie6 hack */
    position: relative;
    white-space: nowrap;
    padding: 9px 14px;
}


    /* ボタンにアイコン付加あんまり確認してないので。。。。ずれたりするかもですが。。。。。 */
    .button.icon:before {
        background: url("/konodai-gs/img/gh-icons.png") no-repeat scroll 0 99px rgba(0, 0, 0, 0);
        content: "";
        float: left;
        height: 12px;
        margin: 0 0.55em 0 -0.15em;
        position: relative;
        top: 1px;
        width: 12px;
    }

    .button.arrowup.icon:before {
        background-position: 0 0;
    }

    .button.arrowup.icon:hover:before,
    .button.arrowup.icon:focus:before,
    .button.arrowup.icon:active:before {
        background-position: -12px 0;
    }

    .button.arrowdown.icon:before {
        background-position: 0 -12px;
    }

    .button.arrowdown.icon:hover:before,
    .button.arrowdown.icon:focus:before,
    .button.arrowdown.icon:active:before {
        background-position: -12px -12px;
    }

    .button.arrowleft.icon:before {
        background-position: 0 -24px;
    }

    .button.arrowleft.icon:hover:before,
    .button.arrowleft.icon:focus:before,
    .button.arrowleft.icon:active:before {
        background-position: -12px -24px;
    }

    .button.arrowright.icon:before {
        float: right;
        margin: 0 -0.25em 0 0.5em;
        background-position: 0 -36px;
    }

    .button.arrowright.icon:hover:before,
    .button.arrowright.icon:focus:before,
    .button.arrowright.icon:active:before {
        background-position: -12px -36px;
    }

    .button.approve.icon:before {
        background-position: 0 -48px;
    }

    .button.approve.icon:hover:before,
    .button.approve.icon:focus:before,
    .button.approve.icon:active:before {
        background-position: -12px -48px;
    }

    .button.add.icon:before {
        background-position: 0 -288px;
    }

    .button.add.icon:hover:before,
    .button.add.icon:focus:before,
    .button.add.icon:active:before {
        background-position: -12px -288px;
    }

    .button.remove.icon:before {
        background-position: 0 -60px;
    }

    .button.remove.icon:hover:before,
    .button.remove.icon:focus:before,
    .button.remove.icon:active:before {
        background-position: -12px -60px;
    }

    .button.log.icon:before {
        background-position: 0 -72px;
    }

    .button.log.icon:hover:before,
    .button.log.icon:focus:before,
    .button.log.icon:active:before {
        background-position: -12px -72px;
    }

    .button.calendar.icon:before {
        background-position: 0 -84px;
    }

    .button.calendar.icon:hover:before,
    .button.calendar.icon:focus:before,
    .button.calendar.icon:active:before {
        background-position: -12px -84px;
    }

    .button.chat.icon:before {
        background-position: 0 -96px;
    }

    .button.chat.icon:hover:before,
    .button.chat.icon:focus:before,
    .button.chat.icon:active:before {
        background-position: -12px -96px;
    }

    .button.clock.icon:before {
        background-position: 0 -108px;
    }

    .button.clock.icon:hover:before,
    .button.clock.icon:focus:before,
    .button.clock.icon:active:before {
        background-position: -12px -108px;
    }

    .button.settings.icon:before {
        background-position: 0 -120px;
    }

    .button.settings.icon:hover:before,
    .button.settings.icon:focus:before,
    .button.settings.icon:active:before {
        background-position: -12px -120px;
    }

    .button.comment.icon:before {
        background-position: 0 -132px;
    }

    .button.comment.icon:hover:before,
    .button.comment.icon:focus:before,
    .button.comment.icon:active:before {
        background-position: -12px -132px;
    }

    .button.fork.icon:before {
        background-position: 0 -144px;
    }

    .button.fork.icon:hover:before,
    .button.fork.icon:focus:before,
    .button.fork.icon:active:before {
        background-position: -12px -144px;
    }

    .button.like.icon:before {
        background-position: 0 -156px;
    }

    .button.like.icon:hover:before,
    .button.like.icon:focus:before,
    .button.like.icon:active:before {
        background-position: -12px -156px;
    }

    .button.favorite.icon:before {
        background-position: 0 -348px;
    }

    .button.favorite.icon:hover:before,
    .button.favorite.icon:focus:before,
    .button.favorite.icon:active:before {
        background-position: -12px -348px;
    }

    .button.home.icon:before {
        background-position: 0 -168px;
    }

    .button.home.icon:hover:before,
    .button.home.icon:focus:before,
    .button.home.icon:active:before {
        background-position: -12px -168px;
    }

    .button.key.icon:before {
        background-position: 0 -180px;
    }

    .button.key.icon:hover:before,
    .button.key.icon:focus:before,
    .button.key.icon:active:before {
        background-position: -12px -180px;
    }

    .button.lock.icon:before {
        background-position: 0 -192px;
    }

    .button.lock.icon:hover:before,
    .button.lock.icon:focus:before,
    .button.lock.icon:active:before {
        background-position: -12px -192px;
    }

    .button.unlock.icon:before {
        background-position: 0 -204px;
    }

    .button.unlock.icon:hover:before,
    .button.unlock.icon:focus:before,
    .button.unlock.icon:active:before {
        background-position: -12px -204px;
    }

    .button.loop.icon:before {
        background-position: 0 -216px;
    }

    .button.loop.icon:hover:before,
    .button.loop.icon:focus:before,
    .button.loop.icon:active:before {
        background-position: -12px -216px;
    }

    .button.search.icon:before {
        background-position: 0 -228px;
    }

    .button.search.icon:hover:before,
    .button.search.icon:focus:before,
    .button.search.icon:active:before {
        background-position: -12px -228px;
    }

    .button.mail.icon:before {
        background-position: 0 -240px;
    }

    .button.mail.icon:hover:before,
    .button.mail.icon:focus:before,
    .button.mail.icon:active:before {
        background-position: -12px -240px;
    }

    .button.move.icon:before {
        background-position: 0 -252px;
    }

    .button.move.icon:hover:before,
    .button.move.icon:focus:before,
    .button.move.icon:active:before {
        background-position: -12px -252px;
    }

    .button.edit.icon:before {
        background-position: 0 -264px;
    }

    .button.edit.icon:hover:before,
    .button.edit.icon:focus:before,
    .button.edit.icon:active:before {
        background-position: -12px -264px;
    }

    .button.pin.icon:before {
        background-position: 0 -276px;
    }

    .button.pin.icon:hover:before,
    .button.pin.icon:focus:before,
    .button.pin.icon:active:before {
        background-position: -12px -276px;
    }

    .button.reload.icon:before {
        background-position: 0 -300px;
    }

    .button.reload.icon:hover:before,
    .button.reload.icon:focus:before,
    .button.reload.icon:active:before {
        background-position: -12px -300px;
    }

    .button.rss.icon:before {
        background-position: 0 -312px;
    }

    .button.rss.icon:hover:before,
    .button.rss.icon:focus:before,
    .button.rss.icon:active:before {
        background-position: -12px -312px;
    }

    .button.tag.icon:before {
        background-position: 0 -324px;
    }

    .button.tag.icon:hover:before,
    .button.tag.icon:focus:before,
    .button.tag.icon:active:before {
        background-position: -12px -324px;
    }

    .button.trash.icon:before {
        background-position: 0 -336px;
    }

    .button.trash.icon:hover:before,
    .button.trash.icon:focus:before,
    .button.trash.icon:active:before {
        background-position: -12px -336px;
    }

    .button.user.icon:before {
        background-position: 0 -360px;
    }

    .button.user.icon:hover:before,
    .button.user.icon:focus:before,
    .button.user.icon:active:before {
        background-position: -12px -360px;
    }

    .button.icon.white:hover,
    .button.icon.white:active {
        border-color: rgb(48, 114, 179) rgb(48, 114, 179) rgb(42, 101, 160) !important;
        text-decoration: none !important;
        text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.3) !important;
        color: rgb(255, 255, 255) !important;
        background-color: rgb(60, 141, 222) !important;
        background-image: linear-gradient(rgb(89, 155, 220), rgb(48, 114, 179)) !important;
    }
/* アイコン付加 */


*:first-child + html .button {
    padding: 5px 5px 3px; /* ie7 hack */
}
/*a.button, x:-moz-any-link, x:default {
    padding: 7.5px 14px; 
}*/
/* firefox3 hack */
* html a.button { /* ie6 hack */
    padding: 7px 16px 5px;
}

* html input.button { /* ie6 hack */
    padding: 7px 5px 3px;
}

.button:link {
    text-decoration: none;
}

.button:visited {
    text-decoration: none;
}

.button:hover {
    text-decoration: none;
}

.button:active {
    text-decoration: none;
    top: 1px;
}

.button[disabled], .button[disabled]:hover, .button[disabled]:active, .button.disabled {
    background: none repeat scroll 0 0 #FAFAFA;
    border-color: #EAEAEA;
    box-shadow: none !important;
    color: #999999;
    cursor: default;
    position: static;
    text-shadow: none !important;
}

.xlarge {
    font-size: 16px !important;
    font-size: 1.6rem !important;
    padding: 12px 30px !important;
}

*:first-child + html .xlarge {
    padding: 12px 8px 10px; /* ie7 hack */
}

* html input.xlarge { /* ie6 hack */
    padding: 12px 8px 10px;
}

.large {
    font-size: 14px !important;
    font-size: 1.4rem !important;
    padding: 8px 12px !important;
}

*:first-child + html .large {
    padding: 8px 6px 6px; /* ie7 hack */
}

* html input.large { /* ie6 hack */
    padding: 8px 6px 6px;
}


.medium {
    font-size: 12px !important;
    font-size: 1.2rem !important;
    padding: 3px 7px !important;
    _padding: 5px 0 0 !important; /* ie6 hack */
}

*:first-child + html .medium {
    padding: 3px 0 1px; /* ie7 hack */
}

a.medium, x:-moz-any-link, x:default {
    padding: 5px 10px; /* firefox3 hack */
}

* html a.medium { /* ie6 hack */
    line-height: 1.1em;
    padding: 5px 12px 2px;
}

* html input.medium { /* ie6 hack */
    padding: 5px 3px 1px;
}

.small {
    font-size: 12px !important;
    font-size: 1.2rem !important;
    padding: 2px 5px !important;
    _padding: 3px 0 0 !important; /* ie6 hack */
}

*:first-child + html .small {
    padding: 2px 0 1px; /* ie7 hack */
}

a.small, x:-moz-any-link, x:default {
    padding: 4px 8px; /* firefox3 hack */
}

* html a.small { /* ie6 hack */
    top: 1px;
    padding: 3px 9px 2px;
}

* html input.small { /* ie6 hack */
    padding: 2px 1px 0;
}

.xsmall {
    font-size: 10px !important;
    font-size: 1.0rem !important;
    padding: 1px 4px !important;
    _padding: 2px 0 0; /* ie6 hack */
}

*:first-child + html .xsmall {
    padding: 1px 0 0; /* ie7 hack */
}

.button.radius5 {
    border-radius: 5px !important;
}

.button.radiustl5 {
    border-top-left-radius: 5px !important;
}

.button.radiustr5 {
    border-top-right-radius: 5px !important;
}

.button.radiusbl5 {
    border-bottom-left-radius: 5px !important;
}

.button.radiusbr5 {
    border-bottom-right-radius: 5px !important;
}



.button.radius10 {
    border-radius: 10px !important;
}

.button.radiustl10 {
    border-top-left-radius: 10px !important;
}

.button.radiustr10 {
    border-top-right-radius: 10px !important;
}

.button.radiusbl10 {
    border-bottom-left-radius: 10px !important;
}

.button.radiusbr10 {
    border-bottom-right-radius: 10px !important;
}


.button.radius15 {
    border-radius: 15px !important;
}

.button.radiustl15 {
    border-top-left-radius: 15px !important;
}

.button.radiustr15 {
    border-top-right-radius: 15px !important;
}

.button.radiusbl15 {
    border-bottom-left-radius: 15px !important;
}

.button.radiusbr15 {
    border-bottom-right-radius: 15px !important;
}


.button.radius20 {
    border-radius: 20px !important;
}

.button.radiustl20 {
    border-top-left-radius: 20px !important;
}

.button.radiustr20 {
    border-top-right-radius: 20px !important;
}

.button.radiusbl20 {
    border-bottom-left-radius: 20px !important;
}

.button.radiusbr20 {
    border-bottom-right-radius: 20px !important;
}

.button.radius25 {
    border-radius: 25px !important;
}

.button.radiustl25 {
    border-top-left-radius: 25px !important;
}

.button.radiustr25 {
    border-top-right-radius: 25px !important;
}

.button.radiusbl25 {
    border-bottom-left-radius: 25px !important;
}

.button.radiusbr25 {
    border-bottom-right-radius: 25px !important;
}


.button-toolbar {
    padding: 5px;
}

.button-group {
    display: inline-block;
    list-style: none;
    padding: 0 0 5px 0;
    margin: 0;
    /* IE hacks */
    zoom: 1;
    *display: inline;
}

    .button-group .button {
        background-clip: padding-box;
        background-color: #ECECEC;
        background-image: linear-gradient(#F4F4F4, #ECECEC);
        border: 1px solid #D4D4D4;
        border-radius: 0.2em 0.2em 0.2em 0.2em;
        color: #333333 !important;
        cursor: pointer;
        display: inline-block;
        font: 11px sans-serif;
        margin: 0;
        outline: medium none;
        overflow: visible;
        padding: 0.5em 1em;
        position: relative;
        text-align: center;
        text-decoration: none !important;
        text-shadow: 1px 1px 0 #FFFFFF;
        white-space: nowrap;
    }

        .button-group .button:hover,
        .button-group .button:focus,
        .button-group .button:active,
        .button-group .button.active {
            border-color: #3072b3;
            border-bottom-color: #2a65a0;
            text-decoration: none !important;
            text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
            color: #fff !important;
            background-color: #3c8dde;
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#599bdc), to(#3072b3));
            background-image: -moz-linear-gradient(#599bdc, #3072b3);
            background-image: -o-linear-gradient(#599bdc, #3072b3);
            background-image: linear-gradient(#599bdc, #3072b3);
        }

        .button-group .button:active,
        .button-group .button.active {
            border-color: #2a65a0;
            border-bottom-color: #3884cd;
            background-color: #3072b3;
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3072b3), to(#599bdc));
            background-image: -moz-linear-gradient(#3072b3, #599bdc);
            background-image: -ms-linear-gradient(#3072b3, #599bdc);
            background-image: -o-linear-gradient(#3072b3, #599bdc);
            background-image: linear-gradient(#3072b3, #599bdc);
        }

        /* overrides extra padding on button elements in Firefox */
        .button-group .button::-moz-focus-inner {
            padding: 0;
            border: 0;
        }

    .button-group + .button + .button,
    .button + .button-group,
    .button-group + .button,
    .button-group + .button-group {
        margin-left: 15px;
    }

    .button-group li {
        float: left;
        padding: 0;
        margin: 0;
    }

    .button-group .button {
        float: left;
        margin-left: -1px;
    }

    .button-group > .button:not(:first-child):not(:last-child),
    .button-group li:not(:first-child):not(:last-child) .button {
        border-radius: 0;
    }

    .button-group > .button:first-child,
    .button-group li:first-child .button {
        margin-left: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .button-group > .button:last-child,
    .button-group li:last-child > .button {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }


/* color styles 
---------------------------------------------- */

/* black */
.black {
    color: #d7d7d7 !important;
    border: solid 1px #333;
    background: #333333; /* Old browsers */
    background: -moz-linear-gradient(top, #666666 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #666666 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #666666 0%,#000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #666666 0%,#000000 100%); /* IE10+ */
    background: linear-gradient(to bottom, #666666 0%,#000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

    .black:hover {
        background: #000000; /* Old browsers */
        background: -moz-linear-gradient(top, #444444 0%, #000000 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#000000)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #444444 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #444444 0%,#000000 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #444444 0%,#000000 100%); /* IE10+ */
        background: linear-gradient(to bottom, #444444 0%,#000000 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    }

    .black:active {
        color: #666 !important;
        background: -moz-linear-gradient(top, #000000 0%, #444444 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#444444)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #000000 0%,#444444 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #000000 0%,#444444 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #000000 0%,#444444 100%); /* IE10+ */
        background: linear-gradient(to bottom, #000000 0%,#444444 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
    }

    .black[disabled],
    .black[disabled]:hover,
    .black[disabled]:active,
    .black.disabled,
    .black.disabled:hover,
    .black.disabled:active {
        background: none repeat scroll 0 0 #666666;
        border-color: #000000;
        color: #eeeeee !important;
    }

/* gray */
.gray {
    color: #e9e9e9 !important;
    border: solid 1px #555;
    background: #6e6e6e; /* Old browsers */
    background: -moz-linear-gradient(top, #888888 0%, #575757 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888888), color-stop(100%,#575757)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #888888 0%,#575757 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #888888 0%,#575757 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #888888 0%,#575757 100%); /* IE10+ */
    background: linear-gradient(to bottom, #888888 0%,#575757 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#575757',GradientType=0 ); /* IE6-9 */
}

    .gray:hover {
        background: #616161; /* Old browsers */
        background: -moz-linear-gradient(top, #757575 0%, #4b4b4b 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#757575), color-stop(100%,#4b4b4b)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #757575 0%,#4b4b4b 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #757575 0%,#4b4b4b 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #757575 0%,#4b4b4b 100%); /* IE10+ */
        background: linear-gradient(to bottom, #757575 0%,#4b4b4b 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#757575', endColorstr='#4b4b4b',GradientType=0 ); /* IE6-9 */
    }

    .gray:active {
        color: #afafaf !important;
        background: -moz-linear-gradient(top, #575757 0%, #888888 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#575757), color-stop(100%,#888888)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #575757 0%,#888888 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #575757 0%,#888888 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #575757 0%,#888888 100%); /* IE10+ */
        background: linear-gradient(to bottom, #575757 0%,#888888 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575757', endColorstr='#888888',GradientType=0 ); /* IE6-9 */
    }

    .gray[disabled],
    .gray[disabled]:hover,
    .gray[disabled]:active,
    .gray.disabled,
    .gray.disabled:hover,
    .gray.disabled:active {
        background: none repeat scroll 0 0 #666666;
        border-color: #000000;
        color: #eeeeee !important;
    }


/* white */
.white {
    color: #606060 !important;
    border: solid 1px #b7b7b7;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#ededed 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}

    .white:hover {
        background: #ededed; /* Old browsers */
        background: -moz-linear-gradient(top, #ffffff 0%, #dcdcdc 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dcdcdc)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffffff 0%,#dcdcdc 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 0%,#dcdcdc 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ffffff 0%,#dcdcdc 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%,#dcdcdc 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-9 */
    }

    .white:active {
        color: #999 !important;
        background: -moz-linear-gradient(top, #ededed 0%, #ffffff 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ededed 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ededed 0%,#ffffff 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ededed 0%,#ffffff 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ededed 0%,#ffffff 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    }

    .white[disabled],
    .white[disabled]:hover,
    .white[disabled]:active,
    .white.disabled,
    .white.disabled:hover,
    .white.disabled:active {
        background: none repeat scroll 0 0 #fafafa;
        border-color: #eaeaea;
        color: #999999 !important;
    }


/* yellow */
.yellow {
    color: white !important;
    border: solid 1px #F1C40F;
    background: #ffcf0f; /* Old browsers */
    background: -moz-linear-gradient(top, #ffcf0f 0%, #cca60c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffcf0f), color-stop(100%,#cca60c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffcf0f 0%,#cca60c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffcf0f 0%,#cca60c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffcf0f 0%,#cca60c 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffcf0f 0%,#cca60c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcf0f', endColorstr='#cca60c',GradientType=0 ); /* IE6-9 */
}

    .yellow:hover {
        background: #f0c000; /* Old browsers */
        background: -moz-linear-gradient(top, #f0c000  0%, #b08e0a  100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0c000 ), color-stop(100%,#b08e0a )); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f0c000  0%,#b08e0a  100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f0c000  0%,#b08e0a  100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f0c000  0%,#b08e0a  100%); /* IE10+ */
        background: linear-gradient(to bottom, #f0c000  0%,#b08e0a  100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0c000 ', endColorstr='#b08e0a ',GradientType=0 ); /* IE6-9 */
    }

    .yellow:active {
        color: #ffeda5   !important;
        background: -moz-linear-gradient(top, #cca60c 0%, #ffcf0f 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cca60c), color-stop(100%,#ffcf0f)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #cca60c 0%,#ffcf0f 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #cca60c 0%,#ffcf0f 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #cca60c 0%,#ffcf0f 100%); /* IE10+ */
        background: linear-gradient(to bottom, #cca60c 0%,#ffcf0f 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cca60c', endColorstr='#ffcf0f',GradientType=0 ); /* IE6-9 */
    }

    .yellow[disabled],
    .yellow[disabled]:hover,
    .yellow[disabled]:active,
    .yellow.disabled,
    .yellow.disabled:hover,
    .yellow.disabled:active {
        background: none repeat scroll 0 0 #cca60c;
        border-color: #eaeaea;
        color: #ffeda5 !important;
    }


/* orange */
.orange {
    color: #fef4e9 !important;
    border: solid 1px #da7c0c;
    background: #f78d1d; /* Old browsers */
    background: -moz-linear-gradient(top, #faa51a 0%, #f47a20 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faa51a), color-stop(100%,#f47a20)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #faa51a 0%,#f47a20 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #faa51a 0%,#f47a20 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #faa51a 0%,#f47a20 100%); /* IE10+ */
    background: linear-gradient(to bottom, #faa51a 0%,#f47a20 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faa51a', endColorstr='#f47a20',GradientType=0 ); /* IE6-9 */
}

    .orange:hover {
        background: #f47c20; /* Old browsers */
        background: -moz-linear-gradient(top, #f88e11 0%, #f06015 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f88e11), color-stop(100%,#f06015)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f88e11 0%,#f06015 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f88e11 0%,#f06015 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f88e11 0%,#f06015 100%); /* IE10+ */
        background: linear-gradient(to bottom, #f88e11 0%,#f06015 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f88e11', endColorstr='#f06015',GradientType=0 ); /* IE6-9 */
    }

    .orange:active {
        color: #fcd3a5 !important;
        background: #f47a20; /* Old browsers */
        background: -moz-linear-gradient(top, #f47a20 0%, #faa51a 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f47a20), color-stop(100%,#faa51a)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f47a20 0%,#faa51a 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f47a20 0%,#faa51a 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f47a20 0%,#faa51a 100%); /* IE10+ */
        background: linear-gradient(to bottom, #f47a20 0%,#faa51a 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47a20', endColorstr='#faa51a',GradientType=0 ); /* IE6-9 */
    }

    .orange[disabled],
    .orange[disabled]:hover,
    .orange[disabled]:active,
    .orange.disabled,
    .orange.disabled:hover,
    .orange.disabled:active {
        background: none repeat scroll 0 0 #DA7C0C;
        border-color: #eaeaea;
        color: #999999 !important;
    }

/* red */
.red {
    color: #faddde !important;
    border: solid 1px #980c10;
    background: #d81b21; /* Old browsers */
    background: -moz-linear-gradient(top, #ed1c24 0%, #aa1317 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed1c24), color-stop(100%,#aa1317)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ed1c24 0%,#aa1317 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ed1c24 0%,#aa1317 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ed1c24 0%,#aa1317 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ed1c24 0%,#aa1317 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1c24', endColorstr='#aa1317',GradientType=0 ); /* IE6-9 */
}

    .red:hover {
        background: #b61318; /* Old browsers */
        background: -moz-linear-gradient(top, #c9151b 0%, #a11115 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9151b), color-stop(100%,#a11115)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #c9151b 0%,#a11115 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #c9151b 0%,#a11115 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #c9151b 0%,#a11115 100%); /* IE10+ */
        background: linear-gradient(to bottom, #c9151b 0%,#a11115 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9151b', endColorstr='#a11115',GradientType=0 ); /* IE6-9 */
    }

    .red:active {
        color: #de898c !important;
        background: -moz-linear-gradient(top, #aa1317 0%, #ed1c24 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aa1317), color-stop(100%,#ed1c24)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #aa1317 0%,#ed1c24 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #aa1317 0%,#ed1c24 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #aa1317 0%,#ed1c24 100%); /* IE10+ */
        background: linear-gradient(to bottom, #aa1317 0%,#ed1c24 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa1317', endColorstr='#ed1c24',GradientType=0 ); /* IE6-9 */
    }

    .red[disabled],
    .red[disabled]:hover,
    .red[disabled]:active,
    .red.disabled,
    .red.disabled:hover,
    .red.disabled:active {
        background: none repeat scroll 0 0 #AE3C3C;
        border-color: #eaeaea;
        color: #999999 !important;
    }

/* blue */
.blue {
    color: #d9eef7 !important;
    border: solid 1px #0076a3;
    min-width: 100px;
    background: #0095cd; /* Old browsers */
    background: -moz-linear-gradient(top, #00adee 0%, #0078a5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00adee), color-stop(100%,#0078a5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #00adee 0%,#0078a5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #00adee 0%,#0078a5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #00adee 0%,#0078a5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #00adee 0%,#0078a5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00adee', endColorstr='#0078a5',GradientType=0 ); /* IE6-9 */
}

    .blue:hover {
        background: #007ead; /* Old browsers */
        background: -moz-linear-gradient(top, #0095cc 0%, #00678e 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0095cc), color-stop(100%,#00678e)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #0095cc 0%,#00678e 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #0095cc 0%,#00678e 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #0095cc 0%,#00678e 100%); /* IE10+ */
        background: linear-gradient(to bottom, #0095cc 0%,#00678e 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0095cc', endColorstr='#00678e',GradientType=0 ); /* IE6-9 */
    }

    .blue:active {
        color: #80bed6 !important;
        background: -moz-linear-gradient(top, #0078a5 0%, #00adee 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0078a5), color-stop(100%,#00adee)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #0078a5 0%,#00adee 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #0078a5 0%,#00adee 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #0078a5 0%,#00adee 100%); /* IE10+ */
        background: linear-gradient(to bottom, #0078a5 0%,#00adee 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0078a5', endColorstr='#00adee',GradientType=0 ); /* IE6-9 */
    }

    .blue[disabled],
    .blue[disabled]:hover,
    .blue[disabled]:active,
    .blue.disabled,
    .blue.disabled:hover,
    .blue.disabled:active {
        background: none repeat scroll 0 0 #0076C0;
        border-color: #005395;
        color: #999999 !important;
    }

/* aqua */
.aqua {
    color: #eaf6fd !important;
    border: solid 1px #00a0e9;
    background: #76c1e5; /* Old browsers */
    background: -moz-linear-gradient(top, #9fd9f6 0%, #49aad2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9fd9f6), color-stop(100%,#49aad2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #9fd9f6 0%,#49aad2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #9fd9f6 0%,#49aad2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #9fd9f6 0%,#49aad2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #9fd9f6 0%,#49aad2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9fd9f6', endColorstr='#49aad2',GradientType=0 ); /* IE6-9 */
}

    .aqua:hover {
        background: #00a5de; /* Old browsers */
        background: -moz-linear-gradient(top, #4fb7e2 0%, #9fd9f6 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4fb7e2), color-stop(100%,#9fd9f6)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #4fb7e2 0%,#9fd9f6 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #4fb7e2 0%,#9fd9f6 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #4fb7e2 0%,#9fd9f6 100%); /* IE10+ */
        background: linear-gradient(to bottom, #4fb7e2 0%,#9fd9f6 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4fb7e2', endColorstr='#9fd9f6',GradientType=0 ); /* IE6-9 */
    }

    .aqua:active {
        color: #bae3f9 !important;
        background: -moz-linear-gradient(top, #49aad2 0%, #9fd9f6 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#49aad2), color-stop(100%,#9fd9f6)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #49aad2 0%,#9fd9f6 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #49aad2 0%,#9fd9f6 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #49aad2 0%,#9fd9f6 100%); /* IE10+ */
        background: linear-gradient(to bottom, #49aad2 0%,#9fd9f6 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49aad2', endColorstr='#9fd9f6',GradientType=0 ); /* IE6-9 */
    }

    .aqua[disabled],
    .aqua[disabled]:hover,
    .aqua[disabled]:active,
    .aqua.disabled,
    .aqua.disabled:hover,
    .aqua.disabled:active {
        background: none repeat scroll 0 0 #00A0E9;
        border-color: #0076C0;
        color: #666666 !important;
    }


/* mediumblue */
.mblue {
    color: #c8c8fa !important;
    border: solid 1px #1e1e82;
    background: #0000cd; /* Old browsers */
    background: -moz-linear-gradient(top, #3c3ce6 0%, #0000a4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c3ce6), color-stop(100%,#0000a4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #3c3ce6 0%,#0000a4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3c3ce6 0%,#0000a4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3c3ce6 0%,#0000a4 100%); /* IE10+ */
    background: linear-gradient(to bottom, #3c3ce6 0%,#0000a4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3ce6', endColorstr='#0000a4',GradientType=0 ); /* IE6-9 */
}

    .mblue:hover {
        background: #0000be; /* Old browsers */
        background: -moz-linear-gradient(top, #2828cd 0%, #000096 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2828cd), color-stop(100%,#000096)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #2828cd 0%,#000096 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #2828cd 0%,#000096 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #2828cd 0%,#000096 100%); /* IE10+ */
        background: linear-gradient(to bottom, #2828cd 0%,#000096 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2828cd', endColorstr='#000096',GradientType=0 ); /* IE6-9 */
    }

    .mblue:active {
        color: #9191b4 !important;
        background: -moz-linear-gradient(top, #0000a4 0%, #3c3ce6 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0000a4), color-stop(100%,#3c3ce6)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #0000a4 0%,#3c3ce6 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #0000a4 0%,#3c3ce6 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #0000a4 0%,#3c3ce6 100%); /* IE10+ */
        background: linear-gradient(to bottom, #0000a4 0%,#3c3ce6 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000a4', endColorstr='#3c3ce6',GradientType=0 ); /* IE6-9 */
    }

    .mblue[disabled],
    .mblue[disabled]:hover,
    .mblue[disabled]:active,
    .mblue.disabled,
    .mblue.disabled:hover,
    .mblue.disabled:active {
        background: none repeat scroll 0 0 #0000A4;
        border-color: #1E1E82;
        color: #666666 !important;
    }


/* royalblue */
.rblue {
    color: #e6fafa !important;
    border: solid 1px #0f5acd;
    background: #57a5ee; /* Old browsers */
    background: -moz-linear-gradient(top, #6fb5f2 0%, #1b64dc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6fb5f2), color-stop(100%,#1b64dc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #6fb5f2 0%,#1b64dc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #6fb5f2 0%,#1b64dc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #6fb5f2 0%,#1b64dc 100%); /* IE10+ */
    background: linear-gradient(to bottom, #6fb5f2 0%,#1b64dc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fb5f2', endColorstr='#1b64dc',GradientType=0 ); /* IE6-9 */
}

    .rblue:hover {
        background: #509be1; /* Old browsers */
        background: -moz-linear-gradient(top, #559bd7 0%, #195ac3 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#559bd7), color-stop(100%,#195ac3)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #559bd7 0%,#195ac3 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #559bd7 0%,#195ac3 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #559bd7 0%,#195ac3 100%); /* IE10+ */
        background: linear-gradient(to bottom, #559bd7 0%,#195ac3 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#559bd7', endColorstr='#195ac3',GradientType=0 ); /* IE6-9 */
    }

    .rblue:active {
        color: #aab4b4 !important;
        background: -moz-linear-gradient(top, #1b64dc 0%, #6fb5f2 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b64dc), color-stop(100%,#6fb5f2)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #1b64dc 0%,#6fb5f2 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #1b64dc 0%,#6fb5f2 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #1b64dc 0%,#6fb5f2 100%); /* IE10+ */
        background: linear-gradient(to bottom, #1b64dc 0%,#6fb5f2 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b64dc', endColorstr='#6fb5f2',GradientType=0 ); /* IE6-9 */
    }

    .rblue[disabled],
    .rblue[disabled]:hover,
    .rblue[disabled]:active,
    .rblue.disabled,
    .rblue.disabled:hover,
    .rblue.disabled:active {
        background: none repeat scroll 0 0 #1B64DC;
        border-color: #1E1E82;
        color: #666666 !important;
    }


/* rosy */
.rosy {
    color: #fae7e9 !important;
    border: solid 1px #b73948;
    background: #da5867; /* Old browsers */
    background: -moz-linear-gradient(top, #f16c7c 0%, #bf404f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f16c7c), color-stop(100%,#bf404f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f16c7c 0%,#bf404f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f16c7c 0%,#bf404f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f16c7c 0%,#bf404f 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f16c7c 0%,#bf404f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f16c7c', endColorstr='#bf404f',GradientType=0 ); /* IE6-9 */
}

    .rosy:hover {
        background: #ba4b58; /* Old browsers */
        background: -moz-linear-gradient(top, #cf5d6a 0%, #a53845 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cf5d6a), color-stop(100%,#a53845)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #cf5d6a 0%,#a53845 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #cf5d6a 0%,#a53845 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #cf5d6a 0%,#a53845 100%); /* IE10+ */
        background: linear-gradient(to bottom, #cf5d6a 0%,#a53845 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf5d6a', endColorstr='#a53845',GradientType=0 ); /* IE6-9 */
    }

    .rosy:active {
        color: #dca4ab !important;
        background: -moz-linear-gradient(top, #bf404f 0%, #f16c7c 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bf404f), color-stop(100%,#f16c7c)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #bf404f 0%,#f16c7c 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #bf404f 0%,#f16c7c 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #bf404f 0%,#f16c7c 100%); /* IE10+ */
        background: linear-gradient(to bottom, #bf404f 0%,#f16c7c 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf404f', endColorstr='#f16c7c',GradientType=0 ); /* IE6-9 */
    }

    .rosy[disabled],
    .rosy[disabled]:hover,
    .rosy[disabled]:active,
    .rosy.disabled,
    .rosy.disabled:hover,
    .rosy.disabled:active {
        background: none repeat scroll 0 0 #BF404F;
        border-color: #1E1E82;
        color: #cccccc !important;
    }


/* green */
.green {
    color: #e8f0de !important;
    border: solid 1px #538312;
    background: #64991e; /* Old browsers */
    background: -moz-linear-gradient(top, #7db72f 0%, #4e7d0e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db72f), color-stop(100%,#4e7d0e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #7db72f 0%,#4e7d0e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #7db72f 0%,#4e7d0e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #7db72f 0%,#4e7d0e 100%); /* IE10+ */
    background: linear-gradient(to bottom, #7db72f 0%,#4e7d0e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db72f', endColorstr='#4e7d0e',GradientType=0 ); /* IE6-9 */
}

    .green:hover {
        background: #538018; /* Old browsers */
        background: -moz-linear-gradient(top, #6b9d28 0%, #436b0c 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b9d28), color-stop(100%,#436b0c)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #6b9d28 0%,#436b0c 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #6b9d28 0%,#436b0c 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #6b9d28 0%,#436b0c 100%); /* IE10+ */
        background: linear-gradient(to bottom, #6b9d28 0%,#436b0c 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b9d28', endColorstr='#436b0c',GradientType=0 ); /* IE6-9 */
    }

    .green:active {
        color: #a9c08c !important;
        background: -moz-linear-gradient(top, #4e7d0e 0%, #7db72f 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e7d0e), color-stop(100%,#7db72f)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #4e7d0e 0%,#7db72f 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #4e7d0e 0%,#7db72f 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #4e7d0e 0%,#7db72f 100%); /* IE10+ */
        background: linear-gradient(to bottom, #4e7d0e 0%,#7db72f 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e7d0e', endColorstr='#7db72f',GradientType=0 ); /* IE6-9 */
    }

    .green[disabled],
    .green[disabled]:hover,
    .green[disabled]:active,
    .green.disabled,
    .green.disabled:hover,
    .green.disabled:active {
        background: none repeat scroll 0 0 #4E7D0E;
        border-color: #113300;
        color: #cccccc !important;
    }


/* forestgreen */
.fgreen {
    color: #f5fff5 !important;
    border: solid 1px #1e9614;
    background: #50b446; /* Old browsers */
    background: -moz-linear-gradient(top, #99ce95 0%, #27aa1e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99ce95), color-stop(100%,#27aa1e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #99ce95 0%,#27aa1e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #99ce95 0%,#27aa1e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #99ce95 0%,#27aa1e 100%); /* IE10+ */
    background: linear-gradient(to bottom, #99ce95 0%,#27aa1e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ce95', endColorstr='#27aa1e',GradientType=0 ); /* IE6-9 */
}

    .fgreen:hover {
        background: #288723; /* Old browsers */
        background: -moz-linear-gradient(top, #7daa78 0%, #1e8c14 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7daa78), color-stop(100%,#1e8c14)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #7daa78 0%,#1e8c14 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #7daa78 0%,#1e8c14 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #7daa78 0%,#1e8c14 100%); /* IE10+ */
        background: linear-gradient(to bottom, #7daa78 0%,#1e8c14 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7daa78', endColorstr='#1e8c14',GradientType=0 ); /* IE6-9 */
    }

    .fgreen:active {
        color: #aac8aa !important;
        background: -moz-linear-gradient(top, #27aa1e 0%, #99ce95 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#27aa1e), color-stop(100%,#99ce95)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #27aa1e 0%,#99ce95 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #27aa1e 0%,#99ce95 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #27aa1e 0%,#99ce95 100%); /* IE10+ */
        background: linear-gradient(to bottom, #27aa1e 0%,#99ce95 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27aa1e', endColorstr='#99ce95',GradientType=0 ); /* IE6-9 */
    }

    .fgreen[disabled],
    .fgreen[disabled]:hover,
    .fgreen[disabled]:active,
    .fgreen.disabled,
    .fgreen.disabled:hover,
    .fgreen.disabled:active {
        background: none repeat scroll 0 0 #4E7D0E;
        border-color: #113300;
        color: #cccccc !important;
    }


/* pink */
.pink {
    color: #feeef5 !important;
    border: solid 1px #d2729e;
    background: #f895c2; /* Old browsers */
    background: -moz-linear-gradient(top, #feb1d3 0%, #f171ab 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feb1d3), color-stop(100%,#f171ab)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #feb1d3 0%,#f171ab 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #feb1d3 0%,#f171ab 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #feb1d3 0%,#f171ab 100%); /* IE10+ */
    background: linear-gradient(to bottom, #feb1d3 0%,#f171ab 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feb1d3', endColorstr='#f171ab',GradientType=0 ); /* IE6-9 */
}

    .pink:hover {
        background: #d57ea5; /* Old browsers */
        background: -moz-linear-gradient(top, #f4aacb 0%, #e86ca4 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4aacb), color-stop(100%,#e86ca4)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f4aacb 0%,#e86ca4 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f4aacb 0%,#e86ca4 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f4aacb 0%,#e86ca4 100%); /* IE10+ */
        background: linear-gradient(to bottom, #f4aacb 0%,#e86ca4 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4aacb', endColorstr='#e86ca4',GradientType=0 ); /* IE6-9 */
    }

    .pink:active {
        color: #f3c3d9 !important;
        background: -moz-linear-gradient(top, #f171ab 0%, #feb1d3 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f171ab), color-stop(100%,#feb1d3)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f171ab 0%,#feb1d3 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f171ab 0%,#feb1d3 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f171ab 0%,#feb1d3 100%); /* IE10+ */
        background: linear-gradient(to bottom, #f171ab 0%,#feb1d3 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f171ab', endColorstr='#feb1d3',GradientType=0 ); /* IE6-9 */
    }

    .pink[disabled],
    .pink[disabled]:hover,
    .pink[disabled]:active,
    .pink.disabled,
    .pink.disabled:hover,
    .pink.disabled:active {
        background: none repeat scroll 0 0 #c34e83;
        border-color: #993160;
        color: #cccccc !important;
    }


/* purple */
.purple {
    color: #f7ecf4 !important;
    border: solid 1px #a849a3;
    background: #e570e7; /* Old browsers */
    background: -moz-linear-gradient(top, #e570e7 0%, #a849a3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e570e7), color-stop(100%,#a849a3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e570e7 0%,#a849a3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e570e7 0%,#a849a3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e570e7 0%,#a849a3 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e570e7 0%,#a849a3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e570e7', endColorstr='#a849a3',GradientType=0 ); /* IE6-9 */
}

    .purple:hover {
        background: #8c487c; /* Old browsers */
        background: -moz-linear-gradient(top, #cb60b3 0%, #ad1283 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cb60b3), color-stop(100%,#ad1283)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #cb60b3 0%,#ad1283 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #cb60b3 0%,#ad1283 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #cb60b3 0%,#ad1283 100%); /* IE10+ */
        background: linear-gradient(to bottom, #cb60b3 0%,#ad1283 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#ad1283',GradientType=0 ); /* IE6-9 */
    }

    .purple:active {
        color: #e2c8de !important;
        background: -moz-linear-gradient(top, #a849a3 0%, #e570e7 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a849a3), color-stop(100%,#e570e7)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #a849a3 0%,#e570e7 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #a849a3 0%,#e570e7 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #a849a3 0%,#e570e7 100%); /* IE10+ */
        background: linear-gradient(to bottom, #a849a3 0%,#e570e7 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a849a3', endColorstr='#e570e7',GradientType=0 ); /* IE6-9 */
    }

    .purple[disabled],
    .purple[disabled]:hover,
    .purple[disabled]:active,
    .purple.disabled,
    .purple.disabled:hover,
    .purple.disabled:active {
        background: none repeat scroll 0 0 #812c7c;
        border-color: #4e084b;
        color: #cccccc !important;
    }


.button2 {
    text-decoration: none !important;
    /*color: #D9EEF7;
    background: #0095CD;*/
    width: 170px;
    display: inline-block;
    margin: 3px 0px 3px 5px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    font-family: 'MS Gothic';
    padding: 9px 14px;
    border-radius: 5px;
    font-weight: 600;
    line-height: 60px;
    outline: none;
}