/*
** ONO button style sheet for CSS2 and CSS3 capable browsers.
** Copyright Jos Kirps,https://kirps.com
**
** VERSION: 24.12r4 (24M0410)
**
** 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_lightblue,.button_dark,.button_grey,.button_white,.button_khaki,.button_brown
{display:block;float:left;margin:0 3px 0 0;border:1px solid #aaaaaa;border-radius:14px;-moz-border-radius:14px;-webkit-border-radius:14px;color:#333333;font-size:14px;line-height:130%;text-decoration:none;cursor:pointer;text-shadow:none;padding:5px 15px 6px 12px;/* Links */
}
.button_square{border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;}
select.button{background-color:#f6f6f6;padding:0px;/* Links */
}
.button_red,.button_orange,.button_yellow,.button_lightyellow,.button_highyellow,.button_green,.button_blue,.button_lightblue,.button_dark,.button_grey,.button_khaki,.button_brown
{color:#ffffff;}
.button,.button_positive,.button_regular,.button_negative{border:1px solid #bbbbbb;background: #ffffff;}
.button_red{border:1px solid #ee3344;background: #ee3344;}
.button_orange{border:1px solid #ee8800;background: #ee8800;}
.button_yellow{border:1px solid #eebb00;background: #eebb00;}
.button_lightyellow{border:1px solid #ffdd33;background: #ffdd33;}
.button_highyellow{border:1px solid #ffdd33;background: #ffdd33;}
.button_green{border:1px solid #99cc33;background: #99cc33;}
.button_blue{border:1px solid #3366bb;background: #3366bb;}
.button_lightblue{border:1px solid #55aadd;background: #55aadd;}
.button_dark{border:1px solid #333333;background: #333333;}
.button_grey{border:1px solid #dddddd;background: #e9e9e9;color:#666666;}
.button_white{border:1px solid #eeeeee;background: #ffffff;}
.button_khaki{border:1px solid #666633;background: #666633;}
.button_brown{border:1px solid #996633;background: #996633;}
.button,.button_positive,.button_regular,.button_negative,
.button_red,.button_orange,.button_yellow,.button_lightyellow,.button_highyellow,.button_green,.button_blue,.button_lightblue,.button_dark,.button_grey,.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_lightblue,.button_dark,.button_grey,.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_lightblue img,.button_lightblue a img,
.button_dark img,.button_dark a img,
.button_grey img,.button_grey 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_lightblue:hover,.button_dark:hover,.button_grey: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_lightblue a:hover,.button_grey 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_lightblue a:active,.button_dark a:active,.button_grey 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:#eebb33;color:#333333;}
.button_highyellow:hover,
.button_highyellow a:hover
{background:#eebb33;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%;}
/* MICRO */
.button_micro{padding:0px 8px 0px 8px;font-size:80%;line-height:120%;}
/* SMALL */
.button_small{padding:3px 12px 3px 12px;font-size:80%;}
/* BIG */
.button_big{border-radius:24px;-moz-border-radius:24px;-webkit-border-radius:24px;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;}
.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;}