button#start1 {
  background: #93bd20;
  border-radius: 3px;
  border: none;
  padding: 8px 14px;
  color: #333;
  font-size: 16px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: 0 1px #DDD;
}
#start1:hover {
  background: #719119;
}
#start1:active {
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2) inset;
}
#start2 {
  background: #93bd20;
  background-image: linear-gradient(#afdd33, #82a71c);
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(0, 0, 0, 0.01);
  border-radius: 3px;
  padding: 8px 14px;
  color: #333;
  font-size: 16px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: 0 1px #DDD;
}

#start2:hover {
  background-image: linear-gradient(#a4d324, #93bd20);
}

#start2:active {
  background-image: linear-gradient(#82a71c, #a4d324);
}
#start3 {
  background: #93bd20;
  background-image: linear-gradient(#afdd33, #93bd20);
  border: 1px solid #82a71c;
  border-radius: 3px;
  padding-top: 6px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 6px;
  color: #333;
  font-size: 16px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: 0 1px #DDD;
  box-shadow: rgba(255, 255, 255, 0.29804) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.70196) 0px 3px 7px 0px;
  -webkit-box-shadow: rgba(255, 255, 255, 0.29804) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.70196) 0px 3px 7px 0px;
}

#start3:hover {
  background: #7b9e1b;
  box-shadow: rgba(0, 0, 0, 0.20196) 0px 1px 2px 0px inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.20196) 0px 1px 2px 0px inset;
}

#orange1 {
  background: #ba5200;
  border-radius: 3px;
  border: none;
  padding: 8px 14px;
  color: white;
  font-size: 16px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: 0 1px black;
}
#orange1:hover {
  background: #873c00;
}
#orange1:active {
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2) inset;
}
#orange2 {
  background: #ba5200;
  background-image: linear-gradient(#ed6800, #a14700);
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(0, 0, 0, 0.01);
  border-radius: 3px;
  padding: 8px 14px;
  color: white;
  font-size: 16px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: 0 1px black;
}

#orange2:hover {
  background-image: linear-gradient(#d35d00, #ba5200);
}

#orange2:active {
  background-image: linear-gradient(#a14700, #d35d00);
}
#orange3 {
  background: #ba5200;
  background-image: linear-gradient(#ed6800, #ba5200);
  border: 1px solid #a14700;
  border-radius: 3px;
  padding-top: 6px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 6px;
  color: white;
  font-size: 16px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: 0 1px black;
  box-shadow: rgba(255, 255, 255, 0.29804) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.70196) 0px 3px 7px 0px;
  -webkit-box-shadow: rgba(255, 255, 255, 0.29804) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.70196) 0px 3px 7px 0px;
}

#orange3:hover {
  background: #964200;
  box-shadow: rgba(0, 0, 0, 0.20196) 0px 1px 2px 0px inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.20196) 0px 1px 2px 0px inset;
}

.chameleon {
  background: rgba(0, 0, 0, 0);
  background-image: linear-gradient(rgba(26, 26, 26, 0), rgba(0, 0, 0, 0));
  border-left: 1px solid rgba(0, 0, 0, 0.5);
  border-right: 1px solid rgba(0, 0, 0, 0.5);
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  border-top: 1px solid rgba(0, 0, 0, 0.01);
  border-radius: 3px;
  padding: 8px 14px;
  color: rgb(147, 189, 32);
  font-size: 16px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: 0 1px black;
  text-shadow: 0 0 1px #333;
  text-shadow: 0, 0, 1px, 0, #333333;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiYSgyNTUsIDI1NSwgMjU1LCAwLjIpIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9InJnYmEoMjU1LCAyNTUsIDI1NSwgMC4zKSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiYSgyNTUsIDI1NSwgMjU1LCAwLjIpIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.07)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0.07)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.07));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.07));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.07));
  background-image: linear-gradient(top, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.07));
  margin-top: 12px;
}
.chameleon:hover {
  background-image: linear-gradient(rgba(13, 13, 13, 0), rgba(0, 0, 0, 0));
}
.chameleon:active {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(13, 13, 13, 0));
}
.chameleon:hover {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiYSgyNTUsIDI1NSwgMjU1LCAwLjE3KSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMjcpIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMTcpIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.1)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0.1)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));
  background-image: linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));
}
.chameleon:active {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiYSgyNTUsIDI1NSwgMjU1LCAwLjIpIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9InJnYmEoMjU1LCAyNTUsIDI1NSwgMC4xNykiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9InJnYmEoMjU1LCAyNTUsIDI1NSwgMC4yKSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.15)), color-stop(50%, rgba(255, 255, 255, 0.07)), color-stop(100%, rgba(255, 255, 255, 0.15)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.15));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.15));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.15));
  background-image: linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.15));
}

.button-group {
  position: static;
}
.g1 {
  background: #985ab6;
  background-image: linear-gradient(#ae7dc6, #8c4cab);
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(0, 0, 0, 0.01);
  border-radius: 3px 0 0 3px;
  padding: 8px 14px;
  color: white;
  font-size: 16px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-right: -4px;
  position: relative;
  text-shadow: 0 1px #333333;
}
.g1:hover {
  background-image: linear-gradient(#a36cbe, #985ab6);
}
.g1:active {
  background-image: linear-gradient(#8c4cab, #a36cbe);
}

.g2 {
  background: #985ab6;
  background-image: linear-gradient(#ae7dc6, #8c4cab);
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(0, 0, 0, 0.01);
  border-radius: 0;
  padding: 8px 14px;
  color: white;
  font-size: 16px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-right: -4px;
  position: relative;
  text-shadow: 0 1px #333333;
}
.g2:hover {
  background-image: linear-gradient(#a36cbe, #985ab6);
}
.g2:active {
  background-image: linear-gradient(#8c4cab, #a36cbe);
}

.g3 {
  background: #985ab6;
  background-image: linear-gradient(#ae7dc6, #8c4cab);
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(0, 0, 0, 0.01);
  border-radius: 0 3px 3px 0;
  padding: 8px 14px;
  color: white;
  font-size: 16px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-right: -4px;
  position: relative;
  text-shadow: 0 1px #333333;
}
.g3:hover {
  background-image: linear-gradient(#a36cbe, #985ab6);
}
.g3:active {
  background-image: linear-gradient(#8c4cab, #a36cbe);
}

.button-group {
  width: auto;
  display: inline-block;
}

.button-group > button {
  border-left: 1px solid rgba(255, 255, 255, 0.4) !important;
  border-right: 1px solid rgba(0, 0, 0, 0.3) !important;
  border-radius: 0 !important;
  margin: 0;
  float: left;
}

.button-group > button:active {
  border-left: 1px solid rgba(0, 0, 0, 0.3);
}

.button-group button:first-child {
  border-right: 1px solid rgba(0, 0, 0, 0.3) !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  margin: 0;
  float: left;
}

.button-group button:last-child {
  border-left: 1px solid rgba(255, 255, 255, 0.4) !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  margin: 0;
  float: left;
}

.button-group button:last-child:active {
  border-left: 1px solid rgba(0, 0, 0, 0.3);
}

/*
.button-drop {
  display: inline-block;
}

.button-drop ul#thing {
  background: white;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.2);
  display: none;
  list-style: none;
  margin-left: 0;
  margin-top: 3px;
  padding-left: 0;
  position: absolute;
  width: 150px;
}

.button-drop ul li {
  cursor: pointer;
  font-size: 12px;
  line-height: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.button-drop ul li a {
  display: block;
  margin: 0;
  padding: 8px 0px 8px 8px;
  text-decoration: none;
  width: 100%;
}

.button-drop ul li.header {
  background-image: linear-gradient(#fafafa, #eaeaea);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  font-weight: bold;
  padding: 8px 0px 8px 8px;
  text-shadow: 0 1px white;
}

.button-drop ul li.header:hover {
  background-image: linear-gradient(#fafafa, #eaeaea) !important;
}

.button-drop ul li:hover {
  background: #364dfb;
}

.button-drop ul li:hover a {
  color: white;
}

.button-drop ul li:first-child {
  border-radius: 5px 5px 0 0;
}

.button-drop ul li:last-child {
  border-radius: 0 0 5px 5px;
  border-bottom: none;
}


.button-drop button#someid {
  background: #4369b4;
  background-image: linear-gradient(#6585c5, #3c5ea1);
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(0, 0, 0, 0.01);
  border-radius: 3px;
  padding: 8px 14px;
  color: white;
  font-size: 16px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: 0 1px #333333;
}

.button-drop button#someid:hover {
  background-image: linear-gradient(#5276bf, #4369b4);
}

.button-drop button#someid:active {
  background-image: linear-gradient(#3c5ea1, #5276bf);
}
*/
.glass1 {
  border-radius: 3px;
  border: none;
  padding: 8px 14px;
  color: white;
  font-size: 16px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: 0 1px #333333;
  background: rgba(255, 255, 255, 0.07);
}
.glass1:active {
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2) inset;
}
.glass1:hover {
  background: rgba(255, 255, 255, 0.08);
}

.glass2 {
  background: rgba(0, 0, 0, 0);
  background-image: linear-gradient(rgba(26, 26, 26, 0), rgba(0, 0, 0, 0));
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(0, 0, 0, 0.01);
  border-radius: 3px;
  padding: 8px 14px;
  color: white;
  font-size: 16px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: 0 1px #333333;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-top: 1px solid rgba(0, 0, 0, 0.01);
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiYSgyNTUsIDI1NSwgMjU1LCAwLjA3KSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMikiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9InJnYmEoMjU1LCAyNTUsIDI1NSwgMC4wNykiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.07)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0.07)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.07));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.07));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.07));
  background-image: linear-gradient(top, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.07));
}
.glass2:hover {
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.1)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0.1)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));
  background-image: linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));
}
.glass2:active {
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.15)), color-stop(50%, rgba(255, 255, 255, 0.07)), color-stop(100%, rgba(255, 255, 255, 0.15)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.15));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.15));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.15));
  background-image: linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.15));
}

.glass3 {
  background: rgba(0, 0, 0, 0);
  background-image: linear-gradient(rgba(26, 26, 26, 0), rgba(0, 0, 0, 0));
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 3px;
  padding-top: 6px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 6px;
  color: white;
  font-size: 16px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: 0 1px #333333;
  box-shadow: rgba(255, 255, 255, 0.29804) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.70196) 0px 3px 7px 0px;
  -webkit-box-shadow: rgba(255, 255, 255, 0.29804) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.70196) 0px 3px 7px 0px;
  background: rgba(255, 255, 255, 0.1);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(rgba(0, 0, 0, 0)), color-stop(0.03, rgba(0, 0, 0, 0)));
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.glass3:hover {
  background: rgba(0, 0, 0, 0);
  box-shadow: rgba(0, 0, 0, 0.20196) 0px 1px 2px 0px inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.20196) 0px 1px 2px 0px inset;
}
.glass3:hover {
  background: rgba(255, 255, 255, 0.1);
}

.button-drop#simple {
  margin-left: 50px;
}

.button-drop#simple button#one {
  background: purple;
  border-radius: 3px;
  border: none;
  padding: 8px 14px;
  color: white;
  font-size: 18px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: 0 1px rgba(0, 0, 0, 0.25);
}

.button-drop#simple button#one:hover {
  background: #4d004d;
}

.button-drop#simple button#one:active {
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2) inset;
}

.button-drop#simple ul {
  background: purple;
  padding: 10px;
}

.button-drop#simple ul li {
  background: #FFF;
}

.button-drop#simple ul {
  border-radius: 0;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
}

.button-drop#simple ul li {
  background: #FFF;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.button-drop#simple ul li:hover {
  background: rgba(255, 255, 255, 0.95);
}

.button-drop#simple ul li:first-child {
  border-radius: 0 0 0 0;
}

.button-drop#simple ul li:last-child {
  border-bottom: none;
  border-radius: 0 0 0 0;
}

.button-drop#simple ul li.header {
  background: rgba(255, 255, 255, 0.9);
}


.button-drop#bubbly {
  margin-left: 90px;
}

.button-drop#bubbly button#two {
  background: orange;
  background-image: linear-gradient(#ffb733, #e69500);
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(0, 0, 0, 0.01);
  border-radius: 3px;
  padding: 8px 14px;
  color: white;
  font-size: 18px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: 0 1px rgba(0, 0, 0, 0.25);
}

.button-drop#bubbly button#two:hover {
  background-image: linear-gradient(#ffae1a, #ffa500);
}

.button-drop#bubbly button#two:active {
  background-image: linear-gradient(#e69500, #ffae1a);
}

.button-drop#bubbly ul {
  background: orange;
  padding: 10px;
}

.button-drop#bubbly ul li {
  background: #FFF;
}

.button-drop#bubbly ul {
  border-radius: 5px;
}

.button-drop#bubbly ul li:hover {
  background: #ffc966;
  background-image: linear-gradient(#ffc966, #ffb733);
}

.button-drop#bubbly ul li.header {
  background: white;
  border-radius: 0px;
}
.button-drop#bubbly ul li.header {
  background-image: linear-gradient(#ffc966, #ffb733) !important;
}

.button-drop#chunky {
  margin-left: 90px;
}

.button-drop#chunky button#three {
  background: green;
  background-image: linear-gradient(#00b300, #008000);
  border: 1px solid #006700;
  border-radius: 3px;
  padding-top: 6px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 6px;
  color: white;
  font-size: 18px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: 0 1px rgba(0, 0, 0, 0.25);
  box-shadow: rgba(255, 255, 255, 0.29804) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.70196) 0px 3px 7px 0px;
  -webkit-box-shadow: rgba(255, 255, 255, 0.29804) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.70196) 0px 3px 7px 0px;
}

.button-drop#chunky button#three:hover {
  background: #005c00;
  box-shadow: rgba(0, 0, 0, 0.20196) 0px 1px 2px 0px inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.20196) 0px 1px 2px 0px inset;
}

.button-drop#chunky ul {
  background: green;
  padding: 5px;
}

.button-drop#chunky ul li {
  background: #FFF;
}

.button-drop#chunky ul {
  border: 1px solid rgba(0, 128, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5), 0 2px 3px rgba(255, 255, 255, 0.5) inset;
}

.button-drop#chunky ul li {
  background: #FFF;
  border-bottom: 1px solid rgba(0, 128, 0, 0.2);
}

.button-drop#chunky ul li:first-child {
  border-radius: 3px 3px 0 0;
  border-top: 1px solid rgba(0, 0, 0, 0.15) !important;
}

.button-drop#chunky ul li:last-child {
  border-bottom: none;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 2px 2px rgba(255, 255, 255, 0.5);
}

.button-drop#chunky ul li:hover {
  background: rgba(255, 255, 255, 0.9);
}

.button-drop#chunky ul li.header {
  background-image: linear-gradient(#00b300, #008000);
  border: 1px solid #00b300;
  color: #FFF !important;
  text-shadow: 0 1px #333;
}

.button-drop#chunky ul li.header:hover {
  background-image: linear-gradient(#00b300, #008000) !important;
}
.button-drop ul li.header {
  cursor: default !important;
  color: #333;
  font-size: 12pt;
  /*font-weight: bold !important;*/
}
.button-drop ul li a {
  color: #333;
}
.button-drop ul li a:hover {
  color: #333;
}