@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;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    /*font: bold 13px/100% 'MS Gothic';*/
    font-size: 13px !important; font-size: 1.3rem !important;
    font-weight: bold;
    font-family: 'MS Gothic';
    _padding: 5px 0 2px; /* ie6 hack */
    position: relative;
    white-space: nowrap;
    margin:5px;
    padding:5px;
    background-color: rgb(239, 146, 146) !important;
}


/* ボタンにアイコン付加あんまり確認してないので。。。。ずれたりするかもですが。。。。。 */
.button.icon:before {
    background: url("/cecilia/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;
}
*: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;
}
*: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;
    _padding: 5px 0 0; /* 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;
    _padding: 3px 0 0; /* 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 + .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;
    padding:5px;
    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;
    margin:0px;
    padding:5px;
    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: #5d5b57 !important;
    border: solid 1px #ebeb00;
    background: #ffff00; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffff28 0%, #f5f500 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffff28), color-stop(100%,#f5f500)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffff28 0%,#f5f500 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffff28 0%,#f5f500 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffff28 0%,#f5f500 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffff28 0%,#f5f500 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff28', endColorstr='#f5f500',GradientType=0 ); /* IE6-9 */
}
.yellow:hover {
    background: #f0f00a; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffff1e 0%, #ebeb00 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffff1e), color-stop(100%,#ebeb00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffff1e 0%,#ebeb00 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffff1e 0%,#ebeb00 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffff1e 0%,#ebeb00 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffff1e 0%,#ebeb00 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff1e', endColorstr='#ebeb00',GradientType=0 ); /* IE6-9 */
}
.yellow:active {
    color: #969696 !important;
    background: -moz-linear-gradient(top,  #f5f500 0%, #ffff28 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f500), color-stop(100%,#ffff28)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f5f500 0%,#ffff28 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f5f500 0%,#ffff28 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f5f500 0%,#ffff28 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f5f500 0%,#ffff28 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f500', endColorstr='#ffff28',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 #ebeb00 ;
    border-color: #eaeaea;
    color: #999999 !important;

}


/* orange */
.orange {
    color: #fef4e9 !important;
    border: solid 1px #da7c0c;
    font-weight: bold;
    margin:10px;
    padding:5px;
    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;
    width:100px;
    margin:10px;
    padding:5px;
    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;
}




/* return */
.return {
    color: #e9e9e9 !important;
    border: solid 1px #555;
    width:100px;
    margin-bottom:5px;
    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 */
}
.return: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 */
}
.return: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 */
}

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






/* blue */
.blue {
    color: #d9eef7 !important;
    border: solid 1px #0076a3;
    width:100px;
    margin:10px;
    padding:5px;
    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 */
    text-decoration: none;
}
.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;
    margin:10px;
    padding:20px;
    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;
    margin:10px;
    padding:20px;
    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;
    width:100px;
    margin:10px;
    padding:5px;
    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;
}