@font-face {
  font-family: "MLicon";
  src: url(../assets/mlicon.ttf);
}
@font-face {
  font-family: "textMediaFont";
  src: url(../assets/americantype.otf);
}
a,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Droid Sans', Arial, Helvetica;
  font-weight: bold;
  line-height: 32px;
  color: #ffffff;
}
html {
  background: #756b5f url(../assets/cardboard.png);
}
/******** Icons *********/
.icon {
  font-family: 'MLicon';
  font-size: 24px;
  font-weight: normal;
}
.iconLeft {
  font-family: 'MLicon';
  font-size: 24px;
  font-weight: normal;
  margin-right: 8px;
}
.iconRight {
  font-family: 'MLicon';
  font-size: 24px;
  font-weight: normal;
  margin-left: 8px;
}
/******** Chrome Colors *********/
/******** Chrome Elements *********/
.container {
  padding: 0px 0px;
  width: 100%;
}
.row {
  width: 100%;
  height: 44px;
  max-width: none;
  opacity: 1;
  background: rgba(24, 24, 24, 0.6);
  /* Old browsers */

  background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.6), rgba(0, 0, 0, 0.7));
  /* Chrome10+,Safari5.1+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(50, 50, 50, 0.6)), color-stop(100%, rgba(0, 0, 0, 0.7)));
  /* Chrome,Safari4+ */

  background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.6), rgba(0, 0, 0, 0.7));
  /* FF3.6+ */

  background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.6), rgba(0, 0, 0, 0.7));
  /* IE10+ */

  background: -o-linear-gradient(top, rgba(50, 50, 50, 0.6), rgba(0, 0, 0, 0.7));
  /* Opera 11.10+ */

  background: linear-gradient(top, rgba(50, 50, 50, 0.6), rgba(0, 0, 0, 0.7));
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=' rgba(50, 50, 50, 0.6) ', endColorstr=' rgba(0, 0, 0, 0.7) ',GradientType=0 );
  /* IE6-9 */

  border-top: solid 1px rgba(203, 203, 203, 0.6);
  border-bottom: solid 1px rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.4);
}
#title {
  text-shadow: 0px -1px 0px #000000;
  margin-left: 18px;
  float: left;
  vertical-align: bottom;
}
#info {
  text-shadow: 0px -1px 0px #000000;
  margin-left: 6px;
  float: left;
  vertical-align: bottom;
}
#toolbar {
  margin-top: 5px;
  margin-right: 12px;
  float: right;
}
#title h2 {
  font-size: 24px;
  line-height: 41px;
  font-weight: bold;
  margin: 0;
  color: #ffffff;
}
#info h4 {
  font-size: 16px;
  font-weight: bold;
  line-height: 46px;
  margin: 0;
  color: #AAA;
}
p {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  color: #ffffff;
}
/************************************************************************************
Popups
*************************************************************************************/
.Popup {
  color: white;
  font-weight: bold;
  position: absolute;
  right: 12px;
  opacity: 1;
}
.PopupTop {
  height: 10px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}
/******* ViewPopup *******/
.ViewPopup {
  color: white;
  font-weight: bold;
  position: absolute;
  right: 12px;
  opacity: 1;
  right: 30px;
}
.ViewPopup .PopupArrow {
  position: absolute;
  right: 45%;
}
.PopupContainer {
  width: 180px;
  margin-top: 10px;
  background: rgba(24, 24, 24, 0.6);
  /* Old browsers */

  background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.6), rgba(0, 0, 0, 0.7));
  /* Chrome10+,Safari5.1+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(50, 50, 50, 0.6)), color-stop(100%, rgba(0, 0, 0, 0.7)));
  /* Chrome,Safari4+ */

  background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.6), rgba(0, 0, 0, 0.7));
  /* FF3.6+ */

  background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.6), rgba(0, 0, 0, 0.7));
  /* IE10+ */

  background: -o-linear-gradient(top, rgba(50, 50, 50, 0.6), rgba(0, 0, 0, 0.7));
  /* Opera 11.10+ */

  background: linear-gradient(top, rgba(50, 50, 50, 0.6), rgba(0, 0, 0, 0.7));
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=' rgba(50, 50, 50, 0.6) ', endColorstr=' rgba(0, 0, 0, 0.7) ',GradientType=0 );
  /* IE6-9 */

  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border: 1px solid black;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.4);
}
.PopupContainer p {
  width: 163px !important;
  text-align: left  !important;
  margin-left: 12px !important;
  padding-bottom: 12px;
}
/******* Media *******/
.mediaContainer {
  background-color: #ede8dc;
  border: 5px solid white;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.3);
}
.mediaSize {
  width: 140px;
  height: 140px;
  margin: 6px;
  float: left;
}
.textMediaContainer {
  width: 140px;
  height: 140px;
  margin: 6px;
  float: left;
}
.textMedia {
  background-color: #ede8dc;
  border: 5px solid white;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.3);
  position: relative;
  top: 0;
  bottom: 0;
  margin: auto;
  max-height: 140px;
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #FFF;
}
.textMedia p {
  margin: 1px;
  vertical-align: text-bottom;
  font-family: 'textMediaFont', serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #333;
}
.soundMediaContainer {
  width: 140px;
  height: 140px;
  margin: 6px;
  float: left;
}
.soundMedia {
  background-color: #ede8dc;
  border: 5px solid white;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.3);
  height: 100%;
  text-align: center;
  font-family: 'MLicon';
  font-weight: normal;
  font-size: 64px;
  color: #333;
}
.soundMedia p {
  text-align: center;
  font-family: 'textMediaFont';
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  color: #333;
}
/******* MorePopup *******/
.MorePopup {
  color: white;
  font-weight: bold;
  position: absolute;
  right: 12px;
  opacity: 1;
}
.MorePopup .PopupArrow {
  position: absolute;
  right: 80px;
}
.MorePopupContainer {
  width: 180px;
  margin-top: 10px;
  background: rgba(24, 24, 24, 0.6);
  /* Old browsers */

  background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.6), rgba(0, 0, 0, 0.7));
  /* Chrome10+,Safari5.1+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(50, 50, 50, 0.6)), color-stop(100%, rgba(0, 0, 0, 0.7)));
  /* Chrome,Safari4+ */

  background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.6), rgba(0, 0, 0, 0.7));
  /* FF3.6+ */

  background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.6), rgba(0, 0, 0, 0.7));
  /* IE10+ */

  background: -o-linear-gradient(top, rgba(50, 50, 50, 0.6), rgba(0, 0, 0, 0.7));
  /* Opera 11.10+ */

  background: linear-gradient(top, rgba(50, 50, 50, 0.6), rgba(0, 0, 0, 0.7));
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=' rgba(50, 50, 50, 0.6) ', endColorstr=' rgba(0, 0, 0, 0.7) ',GradientType=0 );
  /* IE6-9 */

  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border: 1px solid black;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.4);
  text-shadow: none;
  width: 328px;
  margin-top: 10px;
}
#MoreContent {
  height: 480px;
  background: #fbfbfb url(../assets/cardboard.png);
  margin: 4px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border: solid 1px #000;
  -webkit-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.4);
}
#MLheader {
  display: block;
  width: 318px;
  height: 160px;
  background: url(../assets/header.png) no-repeat 50% 0%;
  text-align: center;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  line-height: 25px;
}
#MLheader #MLtitle {
  margin-top: 90px;
}
#MLheader h3 {
  line-height: 6px;
  color: #666;
  font-size: 14px;
  text-align: center;
}
@media handheld, only screen and (max-width: 500px) {
  #title {
    margin-left: 12px;
    float: none;
  }
  #info {
    margin-left: 12px;
    float: none;
  }
  #toolbar {
    margin-right: 6px;
    float: right;
  }
  #title h2 {
    font-size: 20px;
    line-height: 28px;
  }
  #info h4 {
    font-size: 12px;
    line-height: 8px;
  }
  p {
    font-size: 14px;
  }
}
/************************************************************************************
Buttons
*************************************************************************************/
/******* Used Buttons *******/
a.button {
  line-height: 30px;
  height: 32px;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4);
  border-top: solid 1px #767676;
  border-bottom: solid 1px #010101;
  display: block;
  float: left;
  background: #3b3b3b;
  /* Old browsers */

  background: -webkit-linear-gradient(top, #555555, #222222);
  /* Chrome10+,Safari5.1+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555555), color-stop(100%, #222222));
  /* Chrome,Safari4+ */

  background: -moz-linear-gradient(top, #555555, #222222);
  /* FF3.6+ */

  background: -ms-linear-gradient(top, #555555, #222222);
  /* IE10+ */

  background: -o-linear-gradient(top, #555555, #222222);
  /* Opera 11.10+ */

  background: linear-gradient(top, #555555, #222222);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=' #555555 ', endColorstr=' #222222 ',GradientType=0 );
  /* IE6-9 */

  padding: 0px 0px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
  box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
  margin-right: 6px;
  padding: 0 10px;
  margin: 0 6px 0 0;
  padding: 0px 12px;
}
a.button:hover {
  background: #484848;
  /* Old browsers */

  background: -webkit-linear-gradient(top, #626262, #2f2f2f);
  /* Chrome10+,Safari5.1+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #626262), color-stop(100%, #2f2f2f));
  /* Chrome,Safari4+ */

  background: -moz-linear-gradient(top, #626262, #2f2f2f);
  /* FF3.6+ */

  background: -ms-linear-gradient(top, #626262, #2f2f2f);
  /* IE10+ */

  background: -o-linear-gradient(top, #626262, #2f2f2f);
  /* Opera 11.10+ */

  background: linear-gradient(top, #626262, #2f2f2f);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=' #626262 ', endColorstr=' #2f2f2f ',GradientType=0 );
  /* IE6-9 */

}
a.button:active {
  color: #cccccc;
  border-top: solid 1px #3b3b3b;
  background: #080808;
  /* Old browsers */

  background: -webkit-linear-gradient(top, #222222, #151515);
  /* Chrome10+,Safari5.1+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #222222), color-stop(100%, #151515));
  /* Chrome,Safari4+ */

  background: -moz-linear-gradient(top, #222222, #151515);
  /* FF3.6+ */

  background: -ms-linear-gradient(top, #222222, #151515);
  /* IE10+ */

  background: -o-linear-gradient(top, #222222, #151515);
  /* Opera 11.10+ */

  background: linear-gradient(top, #222222, #151515);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=' #222222 ', endColorstr=' #151515 ',GradientType=0 );
  /* IE6-9 */

}
a.blueButton {
  line-height: 30px;
  height: 32px;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4);
  border-top: solid 1px #a8e2ff;
  border-bottom: solid 1px #0062ac;
  display: block;
  float: left;
  background: #33bbff;
  /* Old browsers */

  background: -webkit-linear-gradient(top, #66ccff, #0088ee);
  /* Chrome10+,Safari5.1+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66ccff), color-stop(100%, #0088ee));
  /* Chrome,Safari4+ */

  background: -moz-linear-gradient(top, #66ccff, #0088ee);
  /* FF3.6+ */

  background: -ms-linear-gradient(top, #66ccff, #0088ee);
  /* IE10+ */

  background: -o-linear-gradient(top, #66ccff, #0088ee);
  /* Opera 11.10+ */

  background: linear-gradient(top, #66ccff, #0088ee);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=' #66ccff ', endColorstr=' #0088ee ',GradientType=0 );
  /* IE6-9 */

  padding: 0px 0px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.3);
  height: 36px;
  width: 284px;
  line-height: 35px;
  margin: 6px 18px;
}
a.blueButton:hover {
  background: #4dc4ff;
  /* Old browsers */

  background: -webkit-linear-gradient(top, #80d5ff, #0995ff);
  /* Chrome10+,Safari5.1+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #80d5ff), color-stop(100%, #0995ff));
  /* Chrome,Safari4+ */

  background: -moz-linear-gradient(top, #80d5ff, #0995ff);
  /* FF3.6+ */

  background: -ms-linear-gradient(top, #80d5ff, #0995ff);
  /* IE10+ */

  background: -o-linear-gradient(top, #80d5ff, #0995ff);
  /* Opera 11.10+ */

  background: linear-gradient(top, #80d5ff, #0995ff);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=' #80d5ff ', endColorstr=' #0995ff ',GradientType=0 );
  /* IE6-9 */

}
a.blueButton:active {
  color: #cccccc;
  border-top: solid 1px #33bbff;
  background: #0088cc;
  /* Old browsers */

  background: -webkit-linear-gradient(top, #00aaff, #0079d5);
  /* Chrome10+,Safari5.1+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00aaff), color-stop(100%, #0079d5));
  /* Chrome,Safari4+ */

  background: -moz-linear-gradient(top, #00aaff, #0079d5);
  /* FF3.6+ */

  background: -ms-linear-gradient(top, #00aaff, #0079d5);
  /* IE10+ */

  background: -o-linear-gradient(top, #00aaff, #0079d5);
  /* Opera 11.10+ */

  background: linear-gradient(top, #00aaff, #0079d5);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=' #00aaff ', endColorstr=' #0079d5 ',GradientType=0 );
  /* IE6-9 */

}
a.greyButton {
  line-height: 30px;
  height: 32px;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4);
  border-top: solid 1px #dcdcdc;
  border-bottom: solid 1px #676767;
  display: block;
  float: left;
  background: #a2a2a2;
  /* Old browsers */

  background: -webkit-linear-gradient(top, #bbbbbb, #888888);
  /* Chrome10+,Safari5.1+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bbbbbb), color-stop(100%, #888888));
  /* Chrome,Safari4+ */

  background: -moz-linear-gradient(top, #bbbbbb, #888888);
  /* FF3.6+ */

  background: -ms-linear-gradient(top, #bbbbbb, #888888);
  /* IE10+ */

  background: -o-linear-gradient(top, #bbbbbb, #888888);
  /* Opera 11.10+ */

  background: linear-gradient(top, #bbbbbb, #888888);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=' #bbbbbb ', endColorstr=' #888888 ',GradientType=0 );
  /* IE6-9 */

  padding: 0px 0px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.3);
  height: 36px;
  width: 284px;
  line-height: 35px;
  margin: 6px 18px;
}
a.greyButton:hover {
  background: #aeaeae;
  /* Old browsers */

  background: -webkit-linear-gradient(top, #c8c8c8, #959595);
  /* Chrome10+,Safari5.1+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c8c8c8), color-stop(100%, #959595));
  /* Chrome,Safari4+ */

  background: -moz-linear-gradient(top, #c8c8c8, #959595);
  /* FF3.6+ */

  background: -ms-linear-gradient(top, #c8c8c8, #959595);
  /* IE10+ */

  background: -o-linear-gradient(top, #c8c8c8, #959595);
  /* Opera 11.10+ */

  background: linear-gradient(top, #c8c8c8, #959595);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=' #c8c8c8 ', endColorstr=' #959595 ',GradientType=0 );
  /* IE6-9 */

}
a.greyButton:active {
  color: #cccccc;
  border-top: solid 1px #a1a1a1;
  background: #6e6e6e;
  /* Old browsers */

  background: -webkit-linear-gradient(top, #888888, #7b7b7b);
  /* Chrome10+,Safari5.1+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #888888), color-stop(100%, #7b7b7b));
  /* Chrome,Safari4+ */

  background: -moz-linear-gradient(top, #888888, #7b7b7b);
  /* FF3.6+ */

  background: -ms-linear-gradient(top, #888888, #7b7b7b);
  /* IE10+ */

  background: -o-linear-gradient(top, #888888, #7b7b7b);
  /* Opera 11.10+ */

  background: linear-gradient(top, #888888, #7b7b7b);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=' #888888 ', endColorstr=' #7b7b7b ',GradientType=0 );
  /* IE6-9 */

}
/******* Generic Button *******/
/******* Button List *******/
.buttonList {
  display: block;
  float: left;
  width: 282px;
  margin: 6px 18px;
  padding: 0px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  background: #FFF;
  border: solid 1px #D3D3D3;
  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.3);
}
.buttonList a {
  display: block;
  line-height: 36px;
  width: 260px;
  color: #666;
  text-decoration: none;
  text-align: left;
  font-weight: bold;
  font-size: 14px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
  background: url(../assets/list-arrow.png) no-repeat 100% 50%;
}
.buttonList li {
  display: list-item;
  margin: 0px;
  padding: 0px 12px;
  text-align: -webkit-match-parent;
  list-style: none;
  background: #e1e1e1;
  /* Old browsers */

  background: -webkit-linear-gradient(top, #fafafa, #efefef);
  /* Chrome10+,Safari5.1+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #efefef));
  /* Chrome,Safari4+ */

  background: -moz-linear-gradient(top, #fafafa, #efefef);
  /* FF3.6+ */

  background: -ms-linear-gradient(top, #fafafa, #efefef);
  /* IE10+ */

  background: -o-linear-gradient(top, #fafafa, #efefef);
  /* Opera 11.10+ */

  background: linear-gradient(top, #fafafa, #efefef);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=' #fafafa ', endColorstr=' #efefef ',GradientType=0 );
  /* IE6-9 */

  border-top: solid 1px #ffffff;
  border-bottom: solid 1px #e0e0e0;
}
.buttonList li:hover {
  color: #999999;
  border-top: solid 1px #ffffff;
  background: #e6e6e6;
  /* Old browsers */

  background: -webkit-linear-gradient(top, #ffffff, #fcfcfc);
  /* Chrome10+,Safari5.1+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #fcfcfc));
  /* Chrome,Safari4+ */

  background: -moz-linear-gradient(top, #ffffff, #fcfcfc);
  /* FF3.6+ */

  background: -ms-linear-gradient(top, #ffffff, #fcfcfc);
  /* IE10+ */

  background: -o-linear-gradient(top, #ffffff, #fcfcfc);
  /* Opera 11.10+ */

  background: linear-gradient(top, #ffffff, #fcfcfc);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=' #ffffff ', endColorstr=' #fcfcfc ',GradientType=0 );
  /* IE6-9 */

}
.buttonList li:active {
  color: #333333;
  border-top: solid 1px #ffffff;
  background: #d4d4d4;
  /* Old browsers */

  background: -webkit-linear-gradient(top, #ededed, #e2e2e2);
  /* Chrome10+,Safari5.1+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededed), color-stop(100%, #e2e2e2));
  /* Chrome,Safari4+ */

  background: -moz-linear-gradient(top, #ededed, #e2e2e2);
  /* FF3.6+ */

  background: -ms-linear-gradient(top, #ededed, #e2e2e2);
  /* IE10+ */

  background: -o-linear-gradient(top, #ededed, #e2e2e2);
  /* Opera 11.10+ */

  background: linear-gradient(top, #ededed, #e2e2e2);
  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=' #ededed ', endColorstr=' #e2e2e2 ',GradientType=0 );
  /* IE6-9 */

}
.buttonList li:first-child {
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.buttonList li:last-child {
  -webkit-border-bottom-left-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
/************************************************************************************
Utilities
*************************************************************************************/