/* Default light grey button */
.button { width: auto; background: #eeeded; border: 1px solid #c0c0c0; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset; color: #1d1d1d; cursor: pointer; display: inline-block; font:700 14px/1 Arial, Helvetica, sans-serif; margin: 0; outline: none; padding: 8px 17px 9px; position: relative; text-align: center; text-decoration: none;text-shadow:0 1px 1px rgba(255,255,255,1); -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out;-webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 5px;vertical-align:middle;
  background-image: -moz-linear-gradient(top, #eeeded, #cecece);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeded), to(#cecece));
  background-image: -webkit-linear-gradient(top, #eeeded, #cecece);
  background-image: -o-linear-gradient(top, #eeeded, #cecece);
  background-image: linear-gradient(to bottom, #eeeded, #cecece);}
.button a:link, .button:link, .button a:visited, .button:visited {color:#1d1d1d}
.button a:hover, .button:hover { color: #1d1d1d; background: #cecece none;text-decoration:none;box-shadow:none }
.button a:active, .button:active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; }
.button a:focus, .button:focus { -webkit-box-shadow: 0 0 4px #cecece, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 4px #cecece, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 4px #cecece, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }

.button.large { font-size: 17px; padding: 15px 30px 16px;-webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px }
.button.medium { font-size: 13px; padding:6px 18px 7px }
.button.small { font-size: 11px; padding: 6px 13px 7px; }
.button.tiny { font-size: 10px; padding: 4px 9px 5px; }
.button.expand { width: 100%; text-align: center; }

/* Can use either .primary or .blue */
.button.primary,.button.blue { background-color: #2ba6cb; border: 1px solid #227a95;color:#fff;text-shadow:0 1px 1px rgba(0, 0, 0, 0.3);
background-image: -moz-linear-gradient(top, #2ba6cb, #1485a7);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2ba6cb), to(#1485a7));
  background-image: -webkit-linear-gradient(top, #2ba6cb, #1485a7);
  background-image: -o-linear-gradient(top, #2ba6cb, #1485a7);
  background-image: linear-gradient(to bottom, #2ba6cb, #1485a7); }
.button.primary:hover,.button.blue:hover { background: #1485a7 none; }
.button.primary:focus,.button.blue:focus { -webkit-box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }

/* Can use either .success or .green */
.button.success,.button.green { background-color: #5da423; border: 1px solid #3f7b0e;text-shadow:0 1px 1px rgba(0, 0, 0, 0.3);color:#fff;
  background-image: -moz-linear-gradient(top, #5da423, #478713);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5da423), to(#478713));
  background-image: -webkit-linear-gradient(top, #5da423, #478713);
  background-image: -o-linear-gradient(top, #5da423, #478713);
  background-image: linear-gradient(to bottom, #5da423, #478713); }
.button.success:hover,.button.green:hover { background: #478713 none }
.button.success:focus,.button.green:focus { -webkit-box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }

/* Can use either .alert or .red */
.button.alert,.button.red { background-color: #c60f13; border: 1px solid #960407;text-shadow:0 1px 1px rgba(0, 0, 0, 0.3);color:#fff;
  background-image: -moz-linear-gradient(top, #c60f13, #a8070b);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c60f13), to(#a8070b));
  background-image: -webkit-linear-gradient(top, #c60f13, #a8070b);
  background-image: -o-linear-gradient(top, #c60f13, #a8070b);
  background-image: linear-gradient(to bottom, #c60f13, #a8070b); }
.button.alert:hover,.button.red:hover { background: #a8070b none; }
.button.alert:focus,.button.red:focus { -webkit-box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }

/* hack for parent button */
.button.white > a { color:#fff; }
.button > a:hover { background:none; }

.button.black { background-color: #444; color: #fff; border: 1px solid #2d003b; text-shadow:0 1px 1px rgba(0, 0, 0, 1);
background-image: -moz-linear-gradient(top, #444, #000);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#000));
  background-image: -webkit-linear-gradient(top, #444, #000);
  background-image: -o-linear-gradient(top, #444, #000);
  background-image: linear-gradient(to bottom, #444, #000); }
.button.black:hover { background: #000 none }
.button.black:focus { -webkit-box-shadow: 0 0 5px #49075e, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 5px #49075e, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 5px #49075e, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }

.button.uq-purple { background-color: #49075e; color: #fff; border: 1px solid #1e0027;text-shadow:0 1px 1px rgba(0, 0, 0, 0.3);
background-image: -moz-linear-gradient(top, #49075e, #2d003b);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#49075e), to(#2d003b));
  background-image: -webkit-linear-gradient(top, #49075e, #2d003b);
  background-image: -o-linear-gradient(top, #49075e, #2d003b);
  background-image: linear-gradient(to bottom, #49075e, #2d003b); }
.button.uq-purple:hover { background: #2d003b none }
.button.uq-purple:focus { -webkit-box-shadow: 0 0 5px #49075e, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 5px #49075e, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 5px #49075e, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }

.button.uq-green { background-color: #8cb800; color: #fff; border: 1px solid #688801;text-shadow:0 1px 1px rgba(0, 0, 0, 0.3);
background-image: -moz-linear-gradient(top, #8cb800, #7aa000);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8cb800), to(#7aa000));
  background-image: -webkit-linear-gradient(top, #8cb800, #7aa000);
  background-image: -o-linear-gradient(top, #8cb800, #7aa000);
  background-image: linear-gradient(to bottom, #8cb800, #7aa000); }
.button.uq-green:hover { background: #7aa000 none; }
.button.uq-green:focus { -webkit-box-shadow: 0 0 5px #8cb800, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 5px #8cb800, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 5px #8cb800, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }

.button.uq-gold { background-color: #bda14e; color: #fff; border: 1px solid #a68c3e;text-shadow:0 1px 1px rgba(0, 0, 0, 0.3);
background-image: -moz-linear-gradient(top, #bda14e, #a68c3e);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bda14e), to(#a68c3e));
  background-image: -webkit-linear-gradient(top, #bda14e, #a68c3e);
  background-image: -o-linear-gradient(top, #bda14e, #a68c3e);
  background-image: linear-gradient(to bottom, #bda14e, #a68c3e); }
.button.uq-gold:hover { background: #a68c3e none; }
.button.uq-gold:focus { -webkit-box-shadow: 0 0 5px #bda14e, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 5px #bda14e, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 5px #bda14e, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }

.button.uq-red { background-color: #aa0041; color: #fff; border: 1px solid #aa0041;text-shadow:0 1px 1px rgba(0, 0, 0, 0.3);
background-image: -moz-linear-gradient(top, #aa0041, #870034);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#aa0041), to(#870034));
  background-image: -webkit-linear-gradient(top, #aa0041, #870034);
  background-image: -o-linear-gradient(top, #aa0041, #870034);
  background-image: linear-gradient(to bottom, #aa0041, #870034); }
.button.uq-red:hover { background: #aa0041 none }
.button.uq-red:focus { -webkit-box-shadow: 0 0 5px #aa0041, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 5px #aa0041, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 5px #aa0041, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }

.button.uq-yellow { background-color: #ffc82e; color: #000; border: 1px solid #c59612;text-shadow:0 1px 1px rgba(255,255,255, 0.9);
background-image: -moz-linear-gradient(top, #ffc82e, #d9a71c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffc82e), to(#d9a71c));
  background-image: -webkit-linear-gradient(top, #fecb3b, #d9a71c);
  background-image: -o-linear-gradient(top, #ffc82e, #d9a71c);
  background-image: linear-gradient(to bottom, #ffc82e, #d9a71c); }
.button.uq-yellow:hover { background: #d9a71c none}
.button.uq-yellow:focus { -webkit-box-shadow: 0 0 5px #ffc82e, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 5px #ffc82e, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 5px #ffc82e, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }

.button.uq-aqua { background-color: #0091b5; color: #fff; border: 1px solid #006179;text-shadow:0 1px 1px rgba(0, 0, 0, 0.3);
background-image: -moz-linear-gradient(top, #0091b5, #007390);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0091b5), to(#007390));
  background-image: -webkit-linear-gradient(top, #0091b5, #007390);
  background-image: -o-linear-gradient(top, #0091b5, #007390);
  background-image: linear-gradient(to bottom, #0091b5, #007390); }
.button.uq-aqua:hover { background: #007390 none; }
.button.uq-aqua:focus { -webkit-box-shadow: 0 0 5px #0091b5, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 5px #0091b5, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 5px #0091b5, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }

.button.uq-blue { background-color: #3a7dda; color: #fff; border: 1px solid #1c56a6;text-shadow:0 1px 1px rgba(0, 0, 0, 0.3);
background-image: -moz-linear-gradient(top, #3a7dda, #2663b8);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3a7dda), to(#2663b8));
  background-image: -webkit-linear-gradient(top, #3a7dda, #2663b8);
  background-image: -o-linear-gradient(top, #3a7dda, #2663b8);
  background-image: linear-gradient(to bottom, #3a7dda, #2663b8); }
.button.uq-blue:hover { background: #2663b8 none; }
.button.uq-blue:focus { -webkit-box-shadow: 0 0 5px #3a7dda, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 5px #3a7dda, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 5px #3a7dda, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }

.button.uq-emerald { background-color: #39892f; color: #fff; border: 1px solid #1d5b16;text-shadow:0 1px 1px rgba(0, 0, 0, 0.3);
background-image: -moz-linear-gradient(top, #39892f, #276c1f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#39892f), to(#276c1f));
  background-image: -webkit-linear-gradient(top, #39892f, #276c1f);
  background-image: -o-linear-gradient(top, #39892f, #276c1f);
  background-image: linear-gradient(to bottom, #39892f, #276c1f); }
.button.uq-emerald:hover { background: #276c1f none; }
.button.uq-emerald:focus { -webkit-box-shadow: 0 0 5px #39892f, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 5px #39892f, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 5px #39892f, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }

.button.uq-warm-red { background-color: #d6492a; color: #fff; border: 1px solid #a92f13;text-shadow:0 1px 1px rgba(0, 0, 0, 0.3);
background-image: -moz-linear-gradient(top, #d6492a, #ba381b);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d6492a), to(#ba381b));
  background-image: -webkit-linear-gradient(top, #d6492a, #ba381b);
  background-image: -o-linear-gradient(top, #d6492a, #ba381b);
  background-image: linear-gradient(to bottom, #d6492a, #ba381b); }
.button.uq-warm-red:hover { background: #ba381b none; }
.button.uq-warm-red:focus { -webkit-box-shadow: 0 0 5px #d6492a, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 5px #d6492a, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 5px #d6492a, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }

.button.round { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }
.button.full-width { width: 100%; text-align: center; padding-left: 0px !important; padding-right: 0px !important; }
.button.disabled, .button[disabled] { cursor: not-allowed;filter:alpha(opacity=60);opacity:.6;background-image:none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;text-shadow:none }
.button.disabled:hover, .button[disabled]:hover { background: #e4e4e4; }
.button.disabled.success, .button[disabled].success { background-color: #5da423; }
.button.disabled.success:hover, .button[disabled].success:hover { background-color: #5da423; }
.button.disabled.alert, .button[disabled].alert { background-color: #c60f13; }
.button.disabled.alert:hover, .button[disabled].alert:hover { background-color: #c60f13; }
.button.disabled.primary, .button[disabled].primary { background-color: #2ba6cb; }
.button.disabled.primary:hover, .button[disabled].primary:hover { background-color: #2ba6cb; }

/* Don't use native buttons on iOS */
input[type=submit].button, button.button { -webkit-appearance: none; }

/* Correct FF button padding */
@-moz-document url-prefix() { button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; padding: 0; }
  input[type="submit"].tiny.button { padding: 3px 10px 4px; }
  input[type="submit"].small.button { padding: 5px 14px 6px; }
  input[type="submit"].medium.button { padding: 6px 18px 7px; }
  input[type="submit"].button{ padding: 8px 20px 9px; }
  input[type="submit"].large.button { padding: 13px 30px 14px; } }

/* Buttons with Dropdowns ---------------------- */
.button.dropdown { position: relative; padding-right: 44px; /* Sizes */ /* Triangles */ /* Flyout List */ /* Split Dropdown Buttons */ }
.button.dropdown.large { padding-right: 60px; }
.button.dropdown.small { padding-right: 28px; }
.button.dropdown.tiny { padding-right: 20px; }
.button.dropdown:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: white transparent transparent transparent; position: absolute; top: 50%; right: 20px; margin-top: -2px; }
.button.dropdown.large:after { content: ""; display: block; width: 0; height: 0; border: solid 7px; border-color: white transparent transparent transparent; margin-top: -3px; right: 30px; }
.button.dropdown.small:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: white transparent transparent transparent; margin-top: -2px; right: 14px; }
.button.dropdown.tiny:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: white transparent transparent transparent; margin-top: -1px; right: 10px; }
.button.dropdown > ul { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; display: none; position: absolute; left: -1px; background: #fff; background: rgba(255, 255, 255, 0.95); list-style: none; margin: 0; padding: 0; border: 1px solid #cccccc; border-top: none; min-width: 100%; z-index: 40; }
.button.dropdown > ul li { width: 100%; cursor: pointer; padding: 0; min-height: 18px; line-height: 18px; margin: 0; white-space: nowrap; list-style: none; }
.button.dropdown > ul li a { display: block; color: #555; font-size: 13px; font-weight: normal; padding: 6px 14px; text-align: left; }
.button.dropdown > ul li:hover { background-color: #e3f4f9; color: #222; }
.button.dropdown > ul li.divider { min-height: 0; padding: 0; height: 1px; margin: 4px 0; background: #ededed; }
.button.dropdown.up > ul { border-top: 1px solid #cccccc; border-bottom: none; }
.button.dropdown ul.no-hover.show-dropdown { display: block !important; }
.button.dropdown:hover > ul.no-hover { display: none; }
.button.dropdown.split { padding: 0; position: relative; /* Sizes */ /* Triangle Spans */ /* Colors */ }
.button.dropdown.split:after { display: none; }
.button.dropdown.split:hover { background-color: #2ba6cb; }
.button.dropdown.split.alert:hover { background-color: #c60f13; }
.button.dropdown.split.success:hover { background-color: #5da423; }
.button.dropdown.split > a { color: white; display: block; padding: 10px 50px 11px 20px; padding-left: 20px; padding-right: 50px; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; }
.button.dropdown.split > a:hover { background-color: #2284a1; }
.button.dropdown.split.large > a { padding: 15px 75px 16px 30px; padding-left: 30px; padding-right: 75px; }
.button.dropdown.split.small > a { padding: 7px 35px 8px 14px; padding-left: 14px; padding-right: 35px; }
.button.dropdown.split.tiny > a { padding: 5px 25px 6px 10px; padding-left: 10px; padding-right: 25px; }
.button.dropdown.split > span { background-color: #2ba6cb; position: absolute; right: 0; top: 0; height: 100%; width: 30px; border-left: 1px solid #1e728c; -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; }
.button.dropdown.split > span:hover { background-color: #2284a1; }
.button.dropdown.split > span:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: white transparent transparent transparent; position: absolute; top: 50%; left: 50%; margin-left: -6px; margin-top: -2px; }
.button.dropdown.split.large span { width: 45px; }
.button.dropdown.split.small span { width: 21px; }
.button.dropdown.split.tiny span { width: 15px; }
.button.dropdown.split.large span:after { content: ""; display: block; width: 0; height: 0; border: solid 7px; border-color: white transparent transparent transparent; margin-top: -3px; margin-left: -7px; }
.button.dropdown.split.small span:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: white transparent transparent transparent; margin-top: -1px; margin-left: -4px; }
.button.dropdown.split.tiny span:after { content: ""; display: block; width: 0; height: 0; border: solid 3px; border-color: white transparent transparent transparent; margin-top: -1px; margin-left: -3px; }
.button.dropdown.split.alert > span { background-color: #c60f13; border-left-color: #7f0a0c; }
.button.dropdown.split.success > span { background-color: #5da423; border-left-color: #396516; }
.button.dropdown.split.alert > a:hover, .button.dropdown.split.alert > span:hover { background-color: #970b0e; }
.button.dropdown.split.success > a:hover, .button.dropdown.split.success > span:hover { background-color: #457a1a; }

/* Button Groups ---------------------- */
ul.button-group { list-style: none; padding: 0; margin: 0 0 12px; *zoom: 1; }
ul.button-group:before, ul.button-group:after { content: " "; display: table; }
ul.button-group:after { clear: both; }
ul.button-group li { padding: 0; margin: 0 0 0 -1px; float: left; }
ul.button-group li:first-child { margin-left: 0; }
ul.button-group.radius li a.button, ul.button-group.radius li a.button.radius, ul.button-group.radius li a.button-rounded, ul.button-group.radius li input[type="submit"].button, ul.button-group.radius li input[type="submit"].button.radius, ul.button-group.radius li input[type="submit"].button-rounded { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; }
ul.button-group.radius li:first-child a.button, ul.button-group.radius li:first-child a.button.radius, ul.button-group.radius li:first-child input[type="submit"].button, ul.button-group.radius li:first-child input[type="submit"].button.radius { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; }
ul.button-group.radius li:first-child a.button.rounded, ul.button-group.radius li:first-child input[type="submit"].button.rounded { -moz-border-radius-topleft: 1000px; -webkit-border-top-left-radius: 1000px; border-top-left-radius: 1000px; -moz-border-radius-bottomleft: 1000px; -webkit-border-bottom-left-radius: 1000px; border-bottom-left-radius: 1000px; }
ul.button-group.radius li:last-child a.button, ul.button-group.radius li:last-child a.button.radius, ul.button-group.radius li:last-child input[type="submit"].button, ul.button-group.radius li:last-child input[type="submit"].button.radius { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
ul.button-group.radius li:last-child a.button.rounded, ul.button-group.radius li:last-child input[type="submit"].button.rounded { -moz-border-radius-topright: 1000px; -webkit-border-top-right-radius: 1000px; border-top-right-radius: 1000px; -moz-border-radius-bottomright: 1000px; -webkit-border-bottom-right-radius: 1000px; border-bottom-right-radius: 1000px; }
ul.button-group.even .button { width: 100%; }
ul.button-group.even.two-up li { width: 50%; }
ul.button-group.even.three-up li { width: 33.3%; }
ul.button-group.even.three-up li:first-child { width: 33.4%; }
ul.button-group.even.four-up li { width: 25%; }
ul.button-group.even.five-up li { width: 20%; }

div.button-bar { overflow: hidden; }
div.button-bar ul.button-group { float: left; margin-right: 8px; }
div.button-bar ul.button-group:last-child { margin-left: 0; }