/*
** CorneliOS button style sheet for CSS2 and CSS3 capable browsers.
** Copyright Joopita Research,http://www.joopita.org
**
** Inspired and derived by:
** http://particletree.com/features/rediscovering-the-button-element/
** http://www.bloggerswatch.com/internet/css-trick-submit-button-should-look-same-everywhere/
*/
/* BUTTONS */
.button,.button_positive,.button_regular,.button_negative,
.button_red,.button_orange,.button_yellow,.button_lightyellow,.button_highyellow,.button_green,.button_blue,.button_dark,.button_white,.button_khaki,.button_brown
{display:block;float:left;margin:0 3px 0 0;border:1px solid #aaaaaa;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;color:#333333;font-size:14px;line-height:130%;text-decoration:none;cursor:pointer;text-shadow:none;padding:5px 15px 6px 12px;/* Links */
}
.button_red,.button_orange,.button_yellow,.button_lightyellow,.button_highyellow,.button_green,.button_blue,.button_dark,.button_khaki,.button_brown
{color:#ffffff;}
.button,.button_positive,.button_regular,.button_negative{border:1px solid #bbbbbb;background: #ffffff;/* Old browsers */
background: -moz-linear-gradient(top,#ffffff 0%,#cccccc 100%);/* FF3.6+ */
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#cccccc));/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,#ffffff 0%,#cccccc 100%);/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,#ffffff 0%,#cccccc 100%);/* Opera 11.10+ */
background: -ms-linear-gradient(top,#ffffff 0%,#cccccc 100%);/* IE10+ */
background: linear-gradient(to bottom,#ffffff 0%,#cccccc 100%);/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#cccccc',GradientType=0 );/* IE6-9 */
}
.button_red{border:1px solid #880000;background: #990000;/* Old browsers */
background: -moz-linear-gradient(top,#cc3333 0%,#990000 100%);/* FF3.6+ */
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#cc3333),color-stop(100%,#990000));/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,#cc3333 0%,#990000 100%);/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,#cc3333 0%,#990000 100%);/* Opera 11.10+ */
background: -ms-linear-gradient(top,#cc3333 0%,#990000 100%);/* IE10+ */
background: linear-gradient(to bottom,#cc3333 0%,#990000 100%);/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc3333',endColorstr='#990000',GradientType=0 );/* IE6-9 */
}
.button_orange{border:1px solid #bb4400;background: #cc6600;/* Old browsers */
background: -moz-linear-gradient(top,#ff9933 0%,#cc6600 100%);/* FF3.6+ */
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff9933),color-stop(100%,#cc6600));/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,#ff9933 0%,#cc6600 100%);/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,#ff9933 0%,#cc6600 100%);/* Opera 11.10+ */
background: -ms-linear-gradient(top,#ff9933 0%,#cc6600 100%);/* IE10+ */
background: linear-gradient(to bottom,#ff9933 0%,#cc6600 100%);/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9933',endColorstr='#cc6600',GradientType=0 );/* IE6-9 */
}
.button_yellow{border:1px solid #bb8800;background: #cc9900;/* Old browsers */
background: -moz-linear-gradient(top,#ffcc33 0%,#cc9900 100%);/* FF3.6+ */
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffcc33),color-stop(100%,#cc9900));/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,#ffcc33 0%,#cc9900 100%);/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,#ffcc33 0%,#cc9900 100%);/* Opera 11.10+ */
background: -ms-linear-gradient(top,#ffcc33 0%,#cc9900 100%);/* IE10+ */
background: linear-gradient(to bottom,#ffcc33 0%,#cc9900 100%);/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc33',endColorstr='#cc9900',GradientType=0 );/* IE6-9 */
}
.button_lightyellow{border:1px solid #bbbb00;background: #cccc00;/* Old browsers */
background: -moz-linear-gradient(top,#ffff00 0%,#cccc00 100%);/* FF3.6+ */
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffff00),color-stop(100%,#cccc00));/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,#ffff00 0%,#cccc00 100%);/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,#ffff00 0%,#cccc00 100%);/* Opera 11.10+ */
background: -ms-linear-gradient(top,#ffff00 0%,#cccc00 100%);/* IE10+ */
background: linear-gradient(to bottom,#ffff00 0%,#cccc00 100%);/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff00',endColorstr='#cccc00',GradientType=0 );/* IE6-9 */
}
.button_highyellow{border:1px solid #ddaa11;background: #ffff33;/* Old browsers */
background: -moz-linear-gradient(top,#ffee33 0%,#eebb22 100%);/* FF3.6+ */
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffee33),color-stop(100%,#eebb22));/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,#ffee33 0%,#eebb22 100%);/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,#ffee33 0%,#eebb22 100%);/* Opera 11.10+ */
background: -ms-linear-gradient(top,#ffee33 0%,#eebb22 100%);/* IE10+ */
background: linear-gradient(to bottom,#ffee33 0%,#eebb22 100%);/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffee33',endColorstr='#eebb22',GradientType=0 );/* IE6-9 */
}
.button_green{border:1px solid #228822;background: #009900;/* Old browsers */
background: -moz-linear-gradient(top,#33cc33 0%,#009900 100%);/* FF3.6+ */
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#33cc33),color-stop(100%,#009900));/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,#33cc33 0%,#009900 100%);/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,#33cc33 0%,#009900 100%);/* Opera 11.10+ */
background: -ms-linear-gradient(top,#33cc33 0%,#009900 100%);/* IE10+ */
background: linear-gradient(to bottom,#33cc33 0%,#009900 100%);/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33cc33',endColorstr='#009900',GradientType=0 );/* IE6-9 */
}
.button_blue{border:1px solid #222288;background: #3366cc;/* Old browsers */
background: -moz-linear-gradient(top,#6699ff 0%,#3366cc 100%);/* FF3.6+ */
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#6699ff),color-stop(100%,#3366cc));/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,#6699ff 0%,#3366cc 100%);/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,#6699ff 0%,#3366cc 100%);/* Opera 11.10+ */
background: -ms-linear-gradient(top,#6699ff 0%,#3366cc 100%);/* IE10+ */
background: linear-gradient(to bottom,#6699ff 0%,#3366cc 100%);/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6699ff',endColorstr='#3366cc',GradientType=0 );/* IE6-9 */
}
.button_dark{border:1px solid #222222;background: #333333;/* Old browsers */
background: -moz-linear-gradient(top,#666666 0%,#333333 100%);/* FF3.6+ */
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#666666),color-stop(100%,#333333));/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,#666666 0%,#333333 100%);/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,#666666 0%,#333333 100%);/* Opera 11.10+ */
background: -ms-linear-gradient(top,#666666 0%,#333333 100%);/* IE10+ */
background: linear-gradient(to bottom,#666666 0%,#333333 100%);/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666',endColorstr='#333333',GradientType=0 );/* IE6-9 */
}
.button_white{border:1px solid #bbbbbb;background: #ffffff;/* Old browsers */
background: -moz-linear-gradient(top,#ffffff 0%,#eeeeee 100%);/* FF3.6+ */
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#eeeeee));/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,#ffffff 0%,#eeeeee 100%);/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,#ffffff 0%,#eeeeee 100%);/* Opera 11.10+ */
background: -ms-linear-gradient(top,#ffffff 0%,#eeeeee 100%);/* IE10+ */
background: linear-gradient(to bottom,#ffffff 0%,#eeeeee 100%);/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#eeeeee',GradientType=0 );/* IE6-9 */
}
.button_khaki{border:1px solid #555522;background: #666633;/* Old browsers */
background: -moz-linear-gradient(top,#999966 0%,#666633 100%);/* FF3.6+ */
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#999966),color-stop(100%,#666633));/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,#999966 0%,#666633 100%);/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,#999966 0%,#666633 100%);/* Opera 11.10+ */
background: -ms-linear-gradient(top,#999966 0%,#666633 100%);/* IE10+ */
background: linear-gradient(to bottom,#999966 0%,#666633 100%);/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999966',endColorstr='#666633',GradientType=0 );/* IE6-9 */
}
.button_brown{border:1px solid #885522;background: #996633;/* Old browsers */
background: -moz-linear-gradient(top,#cc9966 0%,#996633 100%);/* FF3.6+ */
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#cc9966),color-stop(100%,#996633));/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,#cc9966 0%,#996633 100%);/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,#cc9966 0%,#996633 100%);/* Opera 11.10+ */
background: -ms-linear-gradient(top,#cc9966 0%,#996633 100%);/* IE10+ */
background: linear-gradient(to bottom,#cc9966 0%,#996633 100%);/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc9966',endColorstr='#996633',GradientType=0 );/* IE6-9 */
}
.button,.button_positive,.button_regular,.button_negative,
.button_red,.button_orange,.button_yellow,.button_lightyellow,.button_highyellow,.button_green,.button_blue,.button_dark,.button_white,.button_khaki,.button_brown
{width:auto;overflow:visible;padding:4px 12px 3px 12px;/* IE6 */
}
.button,.button_positive,.button_regular,.button_negative,
.button_red,.button_orange,.button_yellow,.button_lightyellow,.button_highyellow,.button_green,.button_blue,.button_dark,.button_white,.button_khaki,.button_brown
{padding:5px 12px 5px 12px;/* Firefox */
line-height:17px;/* Safari */
}
*:first-child+html button[type]{padding:4px 12px 3px 12px;/* IE7 */
}
.button img,.button a img,
.button_positive img,.button_positive a img,
.button_regular img,.button_regular a img,
.button_negative img,.button_negative a img,
.button_red img,.button_red a img,
.button_orange img,.button_orange a img,
.button_yellow img,.button_yellow a img,
.button_lightyellow img,.button_lightyellow a img,
.button_highyellow img,.button_highyellow a img,
.button_green img,.button_green a img,
.button_blue img,.button_blue a img,
.button_dark img,.button_dark a img,
.button_white img,.button_white a img,
.button_khaki img,.button_khaki a img,
.button_brown img,.button_brown a img
{margin:0 0px -3px 0 !important;padding:0;border:none;width:16px;height:16px;}
/* STANDARD */
.button:hover,.button_positive:hover,.button_regular:hover,.button_negative:hover,
.button a:hover,.button_positive a:hover,.button_regular a:hover,.button_negative a:hover,
.button_red:hover,.button_orange:hover,.button_yellow:hover,.button_lightyellow:hover,.button_highyellow:hover,.button_green:hover,
.button_blue:hover,.button_dark:hover,.button_khaki:hover,.button_brown:hover,
.button_red a:hover,.button_orange a:hover,.button_yellow a:hover,.button_lightyellow a:hover,.button_highyellow a:hover,
.button_green a:hover,.button_blue a:hover,.button_dark a:hover,.button_khaki a:hover,.button_brown a:hover
{background:#cccccc;border:1px solid #999999;color:#333333;text-decoration:none;}
.button_white:hover,.button_white a:hover
{background:#eeeeee;border:1px solid #cccccc;color:#333333;text-decoration:none;}
.button a:active,.button_positive a:active,.button_regular a:active,.button_negative a:active,
.button_red a:active,.button_orange a:active,.button_yellow a:active,.button_lightyellow a:active,.button_highyellow a:active,
.button_green a:active,.button_blue a:active,.button_dark a:active,.button_white a:active,
.button_khaki a:active,.button_brown a:active
{background:#6299c5;border:1px solid #6299c5;color:#333333;}
/* POSITIVE */
.button_positive,
.buttons_positive a,
{color:#333333;}
.button_positive:hover,
.button_positive a:hover,
.button_green:hover,
.button_green a:hover,
.button_khaki:hover,
.button_khaki a:hover,
.button_brown:hover,
.button_brown a:hover
{background:#E6EFC2;border:1px solid #C6D880;color:#333333;}
.button_positive a:active,
.button_green a:active,
.button_khaki a:active,
.button_brown a:active
{background:#529214;border:1px solid #529214;color:#333333;}
/* YELLOW */
.button_yellow:hover,
.button_yellow a:hover
{background:#dacd86;color:#333333;}
.button_lightyellow:hover,
.button_lightyellow a:hover
{background:#ffee66;color:#333333;}
.button_highyellow:hover,
.button_highyellow a:hover
{background:#ffee66;color:#333333;}
/* ORANGE */
.button_orange:hover,
.button_orange a:hover
{background:#eebb66;color:#333333;}
/* NEGATIVE */
.button_negative,
.buttons_negative a
{color:#333333;}
.button_negative:hover,
.button_negative a:hover,
.button_red:hover,
.button_red a:hover
{background:#fbe3e4;border:1px solid #fbc2c4;color:#333333;}
.button_negative a:active,
.button_red a:active
{background:#d12f19;border:1px solid #d12f19;color:#333333;}
/* REGULAR */
.button_regular,.buttons_regular a{color:#333333;}
.button_regular:hover,.button_regular a:hover{background:#cccccc;border:1px solid #999999;color:#333333;text-decoration:none;}
.button_regular a:active{background:#6299c5;border:1px solid #6299c5;color:#333333;}
/* MINI */
.button_mini{padding:1px 10px 1px 10px;font-size:80%;}
/* SMALL */
.button_small{padding:3px 12px 3px 12px;font-size:80%;}
/* BIG */
.button_big{padding:10px 25px 10px 25px;font-size:20px;}
/* LEFT - MIDDLE - RIGHT - PRESSED */
.button_left{border-top-right-radius:0px;border-bottom-right-radius:0px;margin:0px;}
.button_middle{border-radius:0px;margin:0px;}
.button_right{border-top-left-radius:0px;border-bottom-left-radius:0px;margin:0px;}
.button_pressed{box-shadow:inset 0 0 5px #000000;-moz-box-shadow:inset 0 0 5px #000000;-webkit-box-shadow:inset 0 0 5px #000000;}
.button_select{height:30px;}
.button_select_small{height:24px;padding:1px;}