.MetroFlipList {
  /* Sizes */
  /* End Sizes */
  /* flip-list tile grid sprite styles */
  /* fourTile background positions */
  /* nineTile background positions */
  /* liveTile styles */
  /*  ========== flip-list Styles ==========
  	.flip-list
  	---li
  	------div.flip-front
  	------div.flip-back
  */
  /* ------ Hardware Accelerated Tiles --------*/
  /* flip */
  /***** Theme Definitions *****/
  /*live tile accent colors */
  /* Local style overrides */
  /* Media queries */
}
 .MetroFlipList .live-tile,
 .MetroFlipList .list-tile,
 .MetroFlipList .copy-tile,
 .MetroFlipList .tile-strip .flip-list > li {
  height: 150px;
  margin: 5px;
  outline: 1px solid transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px;
  width: 150px;
}
 .MetroFlipList .live-tile.half-tile,
 .MetroFlipList .list-tile.half-tile,
 .MetroFlipList .copy-tile.half-tile,
 .MetroFlipList .tile-strip .flip-list > li.half-tile {
  height: 70px;
  width: 70px;
}
 .MetroFlipList .live-tile.half-wide,
 .MetroFlipList .list-tile.half-wide,
 .MetroFlipList .copy-tile.half-wide,
 .MetroFlipList .tile-strip .flip-list > li.half-wide {
  width: 70px;
}
 .MetroFlipList .live-tile.one-and-half-wide,
 .MetroFlipList .list-tile.one-and-half-wide,
 .MetroFlipList .copy-tile.one-and-half-wide,
 .MetroFlipList .tile-strip .flip-list > li.one-and-half-wide {
  width: 235px;
}
 .MetroFlipList .live-tile.two-wide,
 .MetroFlipList .list-tile.two-wide,
 .MetroFlipList .copy-tile.two-wide,
 .MetroFlipList .tile-strip .flip-list > li.two-wide {
  width: 310px;
}
 .MetroFlipList .live-tile.three-wide,
 .MetroFlipList .list-tile.three-wide,
 .MetroFlipList .copy-tile.three-wide,
 .MetroFlipList .tile-strip .flip-list > li.three-wide {
  width: 470px;
}
 .MetroFlipList .live-tile.four-wide,
 .MetroFlipList .list-tile.four-wide,
 .MetroFlipList .copy-tile.four-wide,
 .MetroFlipList .tile-strip .flip-list > li.four-wide {
  width: 630px;
}
 .MetroFlipList .live-tile.five-wide,
 .MetroFlipList .list-tile.five-wide,
 .MetroFlipList .copy-tile.five-wide,
 .MetroFlipList .tile-strip .flip-list > li.five-wide {
  width: 790px;
}
 .MetroFlipList .live-tile.six-wide,
 .MetroFlipList .list-tile.six-wide,
 .MetroFlipList .copy-tile.six-wide,
 .MetroFlipList .tile-strip .flip-list > li.six-wide {
  width: 950px;
}
 .MetroFlipList .live-tile.seven-wide,
 .MetroFlipList .list-tile.seven-wide,
 .MetroFlipList .copy-tile.seven-wide,
 .MetroFlipList .tile-strip .flip-list > li.seven-wide {
  width: 1110px;
}
 .MetroFlipList .live-tile.eight-wide,
 .MetroFlipList .list-tile.eight-wide,
 .MetroFlipList .copy-tile.eight-wide,
 .MetroFlipList .tile-strip .flip-list > li.eight-wide {
  width: 1270px;
}
 .MetroFlipList .live-tile.nine-wide,
 .MetroFlipList .list-tile.nine-wide,
 .MetroFlipList .copy-tile.nine-wide,
 .MetroFlipList .tile-strip .flip-list > li.nine-wide {
  width: 1430px;
}
 .MetroFlipList .live-tile.ten-wide,
 .MetroFlipList .list-tile.ten-wide,
 .MetroFlipList .copy-tile.ten-wide,
 .MetroFlipList .tile-strip .flip-list > li.ten-wide {
  width: 1590px;
}
 .MetroFlipList .live-tile.half-tall,
 .MetroFlipList .list-tile.half-tall,
 .MetroFlipList .copy-tile.half-tall,
 .MetroFlipList .tile-strip .flip-list > li.half-tall {
  height: 70px;
}
 .MetroFlipList .live-tile.one-and-half-tall,
 .MetroFlipList .list-tile.one-and-half-tall,
 .MetroFlipList .copy-tile.one-and-half-tall,
 .MetroFlipList .tile-strip .flip-list > li.one-and-half-tall {
  height: 235px;
}
 .MetroFlipList .live-tile.two-tall,
 .MetroFlipList .list-tile.two-tall,
 .MetroFlipList .copy-tile.two-tall,
 .MetroFlipList .tile-strip .flip-list > li.two-tall {
  height: 310px;
}
 .MetroFlipList .live-tile.three-tall,
 .MetroFlipList .list-tile.three-tall,
 .MetroFlipList .copy-tile.three-tall,
 .MetroFlipList .tile-strip .flip-list > li.three-tall {
  height: 470px;
}
 .MetroFlipList .live-tile.four-tall,
 .MetroFlipList .list-tile.four-tall,
 .MetroFlipList .copy-tile.four-tall,
 .MetroFlipList .tile-strip .flip-list > li.four-tall {
  height: 630px;
}
 .MetroFlipList .live-tile.five-tall,
 .MetroFlipList .list-tile.five-tall,
 .MetroFlipList .copy-tile.five-tall,
 .MetroFlipList .tile-strip .flip-list > li.five-tall {
  height: 790px;
}
 .MetroFlipList .live-tile.six-tall,
 .MetroFlipList .list-tile.six-tall,
 .MetroFlipList .copy-tile.six-tall,
 .MetroFlipList .tile-strip .flip-list > li.six-tall {
  height: 950px;
}
 .MetroFlipList .live-tile.seven-tall,
 .MetroFlipList .list-tile.seven-tall,
 .MetroFlipList .copy-tile.seven-tall,
 .MetroFlipList .tile-strip .flip-list > li.seven-tall {
  height: 1110px;
}
 .MetroFlipList .live-tile.eight-tall,
 .MetroFlipList .list-tile.eight-tall,
 .MetroFlipList .copy-tile.eight-tall,
 .MetroFlipList .tile-strip .flip-list > li.eight-tall {
  height: 1270px;
}
 .MetroFlipList .live-tile.nine-tall,
 .MetroFlipList .list-tile.nine-tall,
 .MetroFlipList .copy-tile.nine-tall,
 .MetroFlipList .tile-strip .flip-list > li.nine-tall {
  height: 1430px;
}
 .MetroFlipList .live-tile.ten-tall,
 .MetroFlipList .list-tile.ten-tall,
 .MetroFlipList .copy-tile.ten-tall,
 .MetroFlipList .tile-strip .flip-list > li.ten-tall {
  height: 1590px;
}
 .MetroFlipList .live-tile > .flip-list,
 .MetroFlipList .list-tile > .flip-list {
  height: 100%;
  width: 100%;
}
 .MetroFlipList .flip-list > li {
  height: 50px;
  margin: 0px;
  padding: 0px;
  width: 50px;
}
 .MetroFlipList .flip-list.fourTiles > li {
  border: none;
  padding: 0;
  margin: 0;
  height: 50%;
  width: 50%;
}
 .MetroFlipList .flip-list.sixTiles > li {
  height: 50%;
  width: 33%;
  border: none;
  padding: 0;
  margin: 0;
}
 .MetroFlipList .flip-list.nineTiles > li {
  height: 33%;
  width: 33%;
  border: none;
  padding: 0;
  margin: 0;
}
 .MetroFlipList .flip-list.fourTiles > li > div,
 .MetroFlipList .flip-list.fourTiles > li > div > a,
 .MetroFlipList .flip-list.fourTiles > li > div > img,
 .MetroFlipList .flip-list.sixTiles > li > div,
 .MetroFlipList .flip-list.sixTiles > li > div > a,
 .MetroFlipList .flip-list.sixTiles > li > div > img,
 .MetroFlipList .flip-list.nineTiles > li > div,
 .MetroFlipList .flip-list.nineTiles > li > div > a,
 .MetroFlipList .flip-list.nineTiles > li > div > img {
  border: none;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}
 .MetroFlipList .fourTiles .fourTiles1 img,
 .MetroFlipList .fourTiles img.fourTiles1,
 .MetroFlipList .fourTiles .fourTiles1 a,
 .MetroFlipList .fourTiles .tile-1 img,
 .MetroFlipList .fourTiles .tile-1 a {
  background-position: 0px 0px;
}
 .MetroFlipList .fourTiles .fourTiles2 img,
 .MetroFlipList .fourTiles img.fourTiles2,
 .MetroFlipList .fourTiles .fourTiles2 a,
 .MetroFlipList .fourTiles .tile-2 img,
 .MetroFlipList .fourTiles .tile-2 a {
  background-position: -75px 0px;
}
 .MetroFlipList .fourTiles .fourTiles3 img,
 .MetroFlipList .fourTiles img.fourTiles3,
 .MetroFlipList .fourTiles .fourTiles3 a,
 .MetroFlipList .fourTiles .tile-3 img,
 .MetroFlipList .fourTiles .tile-3 a {
  background-position: 0px -75px;
}
 .MetroFlipList .fourTiles .fourTiles4 img,
 .MetroFlipList .fourTiles img.fourTiles4,
 .MetroFlipList .fourTiles .fourTiles4 a,
 .MetroFlipList .fourTiles .tile-4 img,
 .MetroFlipList .fourTiles .tile-4 a {
  background-position: -75px -75px;
}
 .MetroFlipList .nineTiles .nineTiles1 img,
 .MetroFlipList .nineTiles img.nineTiles1,
 .MetroFlipList .nineTiles .nineTiles1 a,
 .MetroFlipList .nineTiles .tile-1 img,
 .MetroFlipList .nineTiles .tile-1 a {
  background-position: 0px 0px;
}
 .MetroFlipList .nineTiles .nineTiles2 img,
 .MetroFlipList .nineTiles img.nineTiles2,
 .MetroFlipList .nineTiles .nineTiles2 a,
 .MetroFlipList .nineTiles .tile-2 img,
 .MetroFlipList .nineTiles .tile-2 a {
  background-position: -50px 0px;
}
 .MetroFlipList .nineTiles .nineTiles3 img,
 .MetroFlipList .nineTiles img.nineTiles3,
 .MetroFlipList .nineTiles .nineTiles3 a,
 .MetroFlipList .nineTiles .tile-3 img,
 .MetroFlipList .nineTiles .tile-3 a {
  background-position: -100px 0px;
}
 .MetroFlipList .nineTiles .nineTiles4 img,
 .MetroFlipList .nineTiles img.nineTiles4,
 .MetroFlipList .nineTiles .nineTiles4 a,
 .MetroFlipList .nineTiles .tile-4 img,
 .MetroFlipList .nineTiles .tile-4 a {
  background-position: 0px -50px;
}
 .MetroFlipList .nineTiles .nineTiles5 img,
 .MetroFlipList .nineTiles img.nineTiles5,
 .MetroFlipList .nineTiles .nineTiles5 a,
 .MetroFlipList .nineTiles .tile-5 img,
 .MetroFlipList .nineTiles .tile-5 a {
  background-position: -50px -50px;
}
 .MetroFlipList .nineTiles .nineTiles6 img,
 .MetroFlipList .nineTiles img.nineTiles6,
 .MetroFlipList .nineTiles .nineTiles6 a,
 .MetroFlipList .nineTiles .tile-6 img,
 .MetroFlipList .nineTiles .tile-6 a {
  background-position: -100px -50px;
}
 .MetroFlipList .nineTiles .nineTiles7 img,
 .MetroFlipList .nineTiles img.nineTiles7,
 .MetroFlipList .nineTiles .nineTiles7 a,
 .MetroFlipList .nineTiles .tile-7 img,
 .MetroFlipList .nineTiles .tile-7 a {
  background-position: 0px -100px;
}
 .MetroFlipList .nineTiles .nineTiles8 img,
 .MetroFlipList .nineTiles img.nineTiles8,
 .MetroFlipList .nineTiles .nineTiles8 a,
 .MetroFlipList .nineTiles .tile-8 img,
 .MetroFlipList .nineTiles .tile-8 a {
  background-position: -50px -100px;
}
 .MetroFlipList .nineTiles .nineTiles9 img,
 .MetroFlipList .nineTiles img.nineTiles9,
 .MetroFlipList .nineTiles .nineTiles9 a,
 .MetroFlipList .nineTiles .tile-9 img,
 .MetroFlipList .nineTiles .tile-9 a {
  background-position: -100px -100px;
}
 .MetroFlipList .tile-group,
 .MetroFlipList .tile-strip {
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 20;
  -webkit-perspective: 800px;
  -moz-perspective: 800px;
  -ms-perspective: 800px;
  perspective: 800px;
}
 .MetroFlipList .tile-group.one-tile,
 .MetroFlipList .tile-strip.one-tile {
  height: 160px;
  width: 160px;
}
 .MetroFlipList .tile-group.half-wide,
 .MetroFlipList .tile-strip.half-wide {
  width: 80px;
}
 .MetroFlipList .tile-group.one-wide,
 .MetroFlipList .tile-strip.one-wide {
  width: 160px;
}
 .MetroFlipList .tile-group.two-wide,
 .MetroFlipList .tile-strip.two-wide {
  width: 320px;
}
 .MetroFlipList .tile-group.three-wide,
 .MetroFlipList .tile-strip.three-wide {
  width: 480px;
}
 .MetroFlipList .tile-group.four-wide,
 .MetroFlipList .tile-strip.four-wide {
  width: 640px;
}
 .MetroFlipList .tile-group.five-wide,
 .MetroFlipList .tile-strip.five-wide {
  width: 800px;
}
 .MetroFlipList .tile-group.six-wide,
 .MetroFlipList .tile-strip.six-wide {
  width: 960px;
}
 .MetroFlipList .tile-group.seven-wide,
 .MetroFlipList .tile-strip.seven-wide {
  width: 1120px;
}
 .MetroFlipList .tile-group.eight-wide,
 .MetroFlipList .tile-strip.eight-wide {
  width: 1280px;
}
 .MetroFlipList .tile-group.nine-wide,
 .MetroFlipList .tile-strip.nine-wide {
  width: 1440px;
}
 .MetroFlipList .tile-group.ten-wide,
 .MetroFlipList .tile-strip.ten-wide {
  width: 1600px;
}
 .MetroFlipList .tile-group.half-tall,
 .MetroFlipList .tile-strip.half-tall {
  height: 80px;
}
 .MetroFlipList .tile-group.one-tall,
 .MetroFlipList .tile-strip.one-tall {
  height: 160px;
}
 .MetroFlipList .tile-group.two-tall,
 .MetroFlipList .tile-strip.two-tall {
  height: 320px;
}
 .MetroFlipList .tile-group.three-tall,
 .MetroFlipList .tile-strip.three-tall {
  height: 480px;
}
 .MetroFlipList .tile-group.four-tall,
 .MetroFlipList .tile-strip.four-tall {
  height: 640px;
}
 .MetroFlipList .tile-group.five-tall,
 .MetroFlipList .tile-strip.five-tall {
  height: 800px;
}
 .MetroFlipList .tile-group.six-tall,
 .MetroFlipList .tile-strip.six-tall {
  height: 960px;
}
 .MetroFlipList .tile-group.seven-tall,
 .MetroFlipList .tile-strip.seven-tall {
  height: 1120px;
}
 .MetroFlipList .tile-group.eight-tall,
 .MetroFlipList .tile-strip.eight-tall {
  height: 1280px;
}
 .MetroFlipList .tile-group.nine-tall,
 .MetroFlipList .tile-strip.nine-tall {
  height: 1440px;
}
 .MetroFlipList .tile-group.ten-tall,
 .MetroFlipList .tile-strip.ten-tall {
  height: 1600px;
}
 .MetroFlipList .tile-strip,
 .MetroFlipList .live-tile,
 .MetroFlipList .list-tile,
 .MetroFlipList .copy-tile,
 .MetroFlipList .slide {
  float: left;
}
 .MetroFlipList .live-tile,
 .MetroFlipList .list-tile,
 .MetroFlipList .copy-tile {
  color: #fff;
  overflow: hidden;
  position: relative;
  z-index: 20;
}
 .MetroFlipList .live-tile p,
 .MetroFlipList .list-tile p,
 .MetroFlipList .copy-tile p,
 .MetroFlipList .live-tile .face,
 .MetroFlipList .list-tile .face,
 .MetroFlipList .copy-tile .face {
  display: block;
  font-size: 1em;
  line-height: 1.2em;
  margin: 0;
}
 .MetroFlipList .live-tile .face,
 .MetroFlipList .list-tile .face,
 .MetroFlipList .copy-tile .face {
  padding: 0px;
}
 .MetroFlipList .live-tile p,
 .MetroFlipList .list-tile p,
 .MetroFlipList .copy-tile p {
  padding: 10px;
}
 .MetroFlipList .live-tile.half-tile p,
 .MetroFlipList .list-tile.half-tile p,
 .MetroFlipList .copy-tile.half-tile p {
  padding: 5px;
}
 .MetroFlipList .live-tile .face.full,
 .MetroFlipList .list-tile .face.full,
 .MetroFlipList .copy-tile .face.full {
  height: 100%;
  width: 100%;
}
 .MetroFlipList .live-tile img,
 .MetroFlipList .list-tile img,
 .MetroFlipList .copy-tile img {
  border: none;
}
 .MetroFlipList .live-tile .tile-title,
 .MetroFlipList .list-tile .tile-title,
 .MetroFlipList .copy-tile .tile-title {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  bottom: 0px;
  font-size: 12px;
  left: 0px;
  text-decoration: none;
  width: 100%;
  z-index: 30;
}
 .MetroFlipList .live-tile a,
 .MetroFlipList .list-tile a,
 .MetroFlipList .copy-tile a {
  color: #fff;
}
 .MetroFlipList .live-tile a.tile-title:link,
 .MetroFlipList .list-tile a.tile-title:link,
 .MetroFlipList .copy-tile a.tile-title:link,
 .MetroFlipList .live-tile a.tile-title:visited,
 .MetroFlipList .list-tile a.tile-title:visited,
 .MetroFlipList .copy-tile a.tile-title:visited,
 .MetroFlipList .live-tile a.tile-title:hover,
 .MetroFlipList .list-tile a.tile-title:hover,
 .MetroFlipList .copy-tile a.tile-title:hover,
 .MetroFlipList .live-tile a.tile-title,
 .MetroFlipList .list-tile a.tile-title,
 .MetroFlipList .copy-tile a.tile-title {
  text-decoration: none;
}
 .MetroFlipList .live-tile a:link,
 .MetroFlipList .list-tile a:link,
 .MetroFlipList .copy-tile a:link,
 .MetroFlipList .live-tile a:visited,
 .MetroFlipList .list-tile a:visited,
 .MetroFlipList .copy-tile a:visited {
  color: #fff;
  text-decoration: underline;
}
 .MetroFlipList .live-tile a:hover,
 .MetroFlipList .list-tile a:hover,
 .MetroFlipList .copy-tile a:hover {
  color: #fff;
  text-decoration: none;
}
 .MetroFlipList .light .copy-tile {
  color: #000;
}
 .MetroFlipList .light .copy-tile.accent {
  color: #fff;
}
 .MetroFlipList .light .copy-tile.accent a,
 .MetroFlipList .light .copy-tile.accent a:link,
 .MetroFlipList .light .copy-tile.accent a:visited,
 .MetroFlipList .light .copy-tile.accent a:hover {
  color: #fff;
}
 .MetroFlipList .light .copy-tile a,
 .MetroFlipList .light .copy-tile a:link,
 .MetroFlipList .light .copy-tile a:visited,
 .MetroFlipList .light .copy-tile a:hover {
  color: #000;
}
 .MetroFlipList .light .copy-tile .face,
 .MetroFlipList .light .copy-tile .accent {
  color: #fff;
}
 .MetroFlipList .light .copy-tile .face a,
 .MetroFlipList .light .copy-tile .accent a,
 .MetroFlipList .light .copy-tile .face a:link,
 .MetroFlipList .light .copy-tile .accent a:link,
 .MetroFlipList .light .copy-tile .face a:visited,
 .MetroFlipList .light .copy-tile .accent a:visited,
 .MetroFlipList .light .copy-tile .face a:hover,
 .MetroFlipList .light .copy-tile .accent a:hover {
  color: #fff;
}
 .MetroFlipList .copy-tile p {
  padding: 5px 5px 0px 5px;
  font-size: .95em;
}
 .MetroFlipList .noselect > div,
 .MetroFlipList .noselect > .slide,
 .MetroFlipList .noselect > .slide-front,
 .MetroFlipList .noselect > .slide-back,
 .MetroFlipList .noselect > .fade-front,
 .MetroFlipList .noselect > .fade-back,
 .MetroFlipList .noselect > .flip-front,
 .MetroFlipList .noselect > .flip-back {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
 .MetroFlipList .live-tile > div,
 .MetroFlipList .list-tile > div,
 .MetroFlipList .live-tile > .slide,
 .MetroFlipList .carousel > .slide,
 .MetroFlipList .live-tile > .slide-front,
 .MetroFlipList .live-tile > .slide-back,
 .MetroFlipList .live-tile > .fade-front,
 .MetroFlipList .live-tile > .fade-back,
 .MetroFlipList .live-tile > .flip-front,
 .MetroFlipList .live-tile > .flip-back {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  top: 0px;
  left: 0px;
  margin: 0px;
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: absolute;
  z-index: 20;
}
 .MetroFlipList .list-tile > div {
  position: relative;
  background-color: transparent;
}
 .MetroFlipList .live-tile .align-mid {
  display: inline-block;
  position: absolute;
  left: 50%;
  max-height: 100%;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
 .MetroFlipList .live-tile .align-mid-x {
  display: inline-block;
  left: 50%;
  max-width: 100%;
  position: absolute;
  -moz-transform: translate(-50%, 0px);
  -ms-transform: translate(-50%, 0px);
  -o-transform: translate(-50%, 0px);
  -webkit-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
}
 .MetroFlipList .live-tile .align-mid-y {
  display: inline-block;
  max-height: 100%;
  position: absolute;
  top: 50%;
  -moz-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  -o-transform: translate(0px, -50%);
  -webkit-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}
 .MetroFlipList img.full,
 .MetroFlipList a.full,
 .MetroFlipList .live-tile .full,
 .MetroFlipList .list-tile .full {
  display: block;
  margin: 0px;
  height: 100%;
  text-decoration: none;
  width: 100%;
}
 .MetroFlipList img.full-w,
 .MetroFlipList a.full-w,
 .MetroFlipList .live-tile .full-w,
 .MetroFlipList .list-tile .full-w {
  display: block;
  margin: 0px;
  text-decoration: none;
  width: 100%;
}
 .MetroFlipList img.full-h,
 .MetroFlipList a.full-h,
 .MetroFlipList .live-tile .full-h,
 .MetroFlipList .list-tile .full-h {
  display: block;
  margin: 0px;
  height: 100%;
}
 .MetroFlipList .live-tile > .back,
 .MetroFlipList .live-tile > .slide-back,
 .MetroFlipList .live-tile > .fade-back,
 .MetroFlipList .live-tile > .flip-back,
 .MetroFlipList .flip-list .flip-back {
  position: absolute;
  z-index: 10;
}
 .MetroFlipList .flip-list {
  padding: 0px;
  margin: 0px;
}
 .MetroFlipList .list-tile .flip-list {
  height: 100%;
  width: 100%;
}
 .MetroFlipList .flip-list > li > a {
  border: none;
  outline: none;
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  height: 100%;
  width: 100%;
}
 .MetroFlipList .flip-list > li img {
  border: none;
  outline: none;
  height: 100%;
  margin: 0px;
  padding: 0px;
  width: 100%;
}
 .MetroFlipList .flip-list > li {
  float: left;
  list-style-type: none;
  outline: none;
  position: relative;
}
 .MetroFlipList .flip-list > li > div {
  border: none;
  background: white;
  height: 100%;
  left: 0px;
  margin: 0px;
  overflow: hidden;
  position: absolute;
  padding: 0px;
  top: 0px;
  width: 100%;
  z-index: 20;
}
 .MetroFlipList .flip-list > li > div.flip-back {
  height: 0px;
}
 .MetroFlipList .live-tile.flip.ha,
 .MetroFlipList .flip-list.ha {
  position: relative;
  overflow: hidden;
}
 .MetroFlipList .live-tile.flip .ha.flip-front,
 .MetroFlipList .flip-list .ha.flip-front,
 .MetroFlipList .live-tile.flip .ha.flip-back,
 .MetroFlipList .flip-list .ha.flip-back {
  position: absolute;
  z-index: 20;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
 .MetroFlipList .flip-list > li > .ha.flip-back,
 .MetroFlipList .flip-list > li > .ha.flip-back img {
  /* override the values set for margin and ensure the back tile is visible  */
  margin: 0px !important;
  height: 100%;
}
 .MetroFlipList .bounce {
  cursor: pointer;
  outline: 1px solid transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
 .MetroFlipList .bounce.bounce-c {
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.95, M12=0, M21=0, M22=0.95);
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -o-transform: scale(0.95);
  transform: scale(0.95);
}
 .MetroFlipList .bounce.bounce-t {
  -webkit-transform: rotateX(20deg);
  -ms-transform: rotateX(20deg);
  -moz-transform: rotateX(20deg);
  -o-transform: rotateX(20deg);
  transform: rotateX(20deg);
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  -o-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}
 .MetroFlipList .bounce.bounce-b {
  -webkit-transform: rotateX(-20deg);
  -ms-transform: rotateX(-20deg);
  -moz-transform: rotateX(-20deg);
  -o-transform: rotateX(-20deg);
  transform: rotateX(-20deg);
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
 .MetroFlipList .bounce.bounce-r {
  -webkit-transform: rotateY(20deg);
  -ms-transform: rotateY(20deg);
  -moz-transform: rotateY(20deg);
  -o-transform: rotateY(20deg);
  transform: rotateY(20deg);
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}
 .MetroFlipList .bounce.bounce-l {
  -webkit-transform: rotateY(-20deg);
  -ms-transform: rotateY(-20deg);
  -moz-transform: rotateY(-20deg);
  -o-transform: rotateY(-20deg);
  transform: rotateY(-20deg);
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
 .MetroFlipList .bounce.bounce-tl {
  -webkit-transform: rotateX(10deg) rotateY(-10deg);
  -ms-transform: rotateX(10deg) rotateY(-10deg);
  -moz-transform: rotateX(10deg) rotateY(-10deg);
  -o-transform: rotateX(10deg) rotateY(-10deg);
  transform: rotateX(10deg) rotateY(-10deg);
}
 .MetroFlipList .bounce.bounce-tr {
  -webkit-transform: rotateX(10deg) rotateY(10deg);
  -ms-transform: rotateX(10deg) rotateY(10deg);
  -moz-transform: rotateX(10deg) rotateY(10deg);
  -o-transform: rotateX(10deg) rotateY(10deg);
  transform: rotateX(10deg) rotateY(10deg);
}
 .MetroFlipList .bounce.bounce-bl {
  -webkit-transform: rotateX(-10deg) rotateY(-10deg);
  -ms-transform: rotateX(-10deg) rotateY(-10deg);
  -moz-transform: rotateX(-10deg) rotateY(-10deg);
  -o-transform: rotateX(-10deg) rotateY(-10deg);
  transform: rotateX(-10deg) rotateY(-10deg);
}
 .MetroFlipList .bounce.bounce-br {
  -webkit-transform: rotateX(-10deg) rotateY(10deg);
  -ms-transform: rotateX(-10deg) rotateY(10deg);
  -moz-transform: rotateX(-10deg) rotateY(10deg);
  -o-transform: rotateX(-10deg) rotateY(10deg);
  transform: rotateX(-10deg) rotateY(10deg);
}
 .MetroFlipList .metroBig,
 .MetroFlipList .metroExtraLarge,
 .MetroFlipList .face.metroBig,
 .MetroFlipList .face.metroExtraLarge,
 .MetroFlipList .live-tile .metroExtraLarge {
  font-size: 2em;
  line-height: 1.1em;
}
 .MetroFlipList a.metroBig:link,
 .MetroFlipList a.metroExtraLarge:link,
 .MetroFlipList a.face.metroBig:link,
 .MetroFlipList a.face.metroExtraLarge:link,
 .MetroFlipList a.live-tile .metroExtraLarge:link {
  text-decoration: none;
}
 .MetroFlipList .metroLarger,
 .MetroFlipList .face.metroLarger,
 .MetroFlipList .live-tile .metroLarger {
  font-size: 1.5em;
  line-height: 1.1em;
}
 .MetroFlipList a.metroLarger:link,
 .MetroFlipList a.face.metroLarger:link,
 .MetroFlipList a.live-tile .metroLarger:link {
  text-decoration: none;
}
 .MetroFlipList .metroLarge,
 .MetroFlipList .face.metroLarge,
 .MetroFlipList .live-tile .metroLarge {
  font-size: 1.2em;
  line-height: 1.1em;
}
 .MetroFlipList a.metroLarge:link,
 .MetroFlipList a.face.metroLarge:link,
 .MetroFlipList a.live-tile .metroLarge:link {
  text-decoration: none;
}
 .MetroFlipList .metroSmall,
 .MetroFlipList .face.metroSmall,
 .MetroFlipList .live-tile .metroSmall {
  font-size: .9em;
  line-height: 1em;
}
 .MetroFlipList a.metroSmall:link,
 .MetroFlipList a.face.metroSmall:link,
 .MetroFlipList a.live-tile .metroSmall:link {
  text-decoration: none;
}
 .MetroFlipList .metroSmaller,
 .MetroFlipList .face.metroSmaller,
 .MetroFlipList .live-tile .metroSmaller {
  font-size: .8em;
  line-height: 1em;
}
 .MetroFlipList a.metroSmaller:link,
 .MetroFlipList a.face.metroSmaller:link,
 .MetroFlipList a.live-tile .metroSmaller:link {
  text-decoration: none;
}
 .MetroFlipList .metroExtraSmall,
 .MetroFlipList .face.metroExtraSmall,
 .MetroFlipList .live-tile .metroExtraSmall {
  font-size: .7em;
  line-height: 1em;
}
 .MetroFlipList a.metroExtraSmall:link,
 .MetroFlipList a.face.metroExtraSmall:link,
 .MetroFlipList a.live-tile .metroExtraSmall:link {
  text-decoration: none;
}
 .MetroFlipList .live-tile .p-top {
  display: block;
  position: absolute;
  right: 0px;
  text-decoration: none;
}
 .MetroFlipList .live-tile .p-right {
  display: block;
  position: absolute;
  right: 0px;
  text-decoration: none;
}
 .MetroFlipList .live-tile .p-bottom {
  display: block;
  position: absolute;
  bottom: 0px;
  text-decoration: none;
}
 .MetroFlipList .live-tile .p-left {
  display: block;
  position: absolute;
  left: 0px;
  text-decoration: none;
}
 .MetroFlipList .light {
  background-color: #fff;
  color: #000;
}
 .MetroFlipList .dark {
  background-color: #000;
  color: #fff;
}
 .MetroFlipList .light.accent {
  background-color: #fff;
}
 .MetroFlipList .dark.accent {
  background-color: #000;
}
 .MetroFlipList .light .appbar {
  background-color: #dfdfdf;
}
 .MetroFlipList .dark .appbar {
  background-color: #212021;
}
 .MetroFlipList .amber .accent,
 .MetroFlipList .amber .accentBg,
 .MetroFlipList .amber .accentBgHover:hover,
 .MetroFlipList .amber .accentBgHover a:hover,
 .MetroFlipList .amber .live-tile > div,
 .MetroFlipList .amber .copy-tile > div,
 .MetroFlipList .amber .live-tile > .face,
 .MetroFlipList .amber .copy-tile > .face,
 .MetroFlipList .amber .live-tile > .slide,
 .MetroFlipList .amber .live-tile > .flip-back,
 .MetroFlipList .amber .live-tile > .flip-front,
 .MetroFlipList .amber .live-tile > .slide-back,
 .MetroFlipList .amber .live-tile > .slide-front,
 .MetroFlipList .amber .list-tile > div,
 .MetroFlipList .amber .flip-list > li > div {
  background-color: #f1a30b;
}
 .MetroFlipList .amber .accentColor,
 .MetroFlipList .amber .accentHover:hover,
 .MetroFlipList .amber .accentHover a:hover,
 .MetroFlipList .amber .accentLink a,
 .MetroFlipList .amber .accentLink a:hover,
 .MetroFlipList .amber .accentLink a:visited,
 .MetroFlipList .amber a.accentLink,
 .MetroFlipList .amber a.accentLink:hover,
 .MetroFlipList .amber a.accentLink:visited {
  color: #f1a30b;
}
 .MetroFlipList .amber .accentBorder {
  border-color: #f1a30b;
}
 .MetroFlipList .amber .accentBorderBottom {
  border-bottom-color: #f1a30b;
}
 .MetroFlipList .amber .accentBorderLeft {
  border-left-color: #f1a30b;
}
 .MetroFlipList .amber .accentBorderRight {
  border-right-color: #f1a30b;
}
 .MetroFlipList .amber .accentBorderTop {
  border-top-color: #f1a30b;
}
 .MetroFlipList .blue .accent,
 .MetroFlipList .blue .accentBg,
 .MetroFlipList .blue .accentBgHover:hover,
 .MetroFlipList .blue .accentBgHover a:hover,
 .MetroFlipList .blue .live-tile > div,
 .MetroFlipList .blue .copy-tile > div,
 .MetroFlipList .blue .live-tile > .face,
 .MetroFlipList .blue .copy-tile > .face,
 .MetroFlipList .blue .live-tile > .slide,
 .MetroFlipList .blue .live-tile > .flip-back,
 .MetroFlipList .blue .live-tile > .flip-front,
 .MetroFlipList .blue .live-tile > .slide-back,
 .MetroFlipList .blue .live-tile > .slide-front,
 .MetroFlipList .blue .list-tile > div,
 .MetroFlipList .blue .flip-list > li > div {
  background-color: #1ba1e2;
}
 .MetroFlipList .blue .accentColor,
 .MetroFlipList .blue .accentHover:hover,
 .MetroFlipList .blue .accentHover a:hover,
 .MetroFlipList .blue .accentLink a,
 .MetroFlipList .blue .accentLink a:hover,
 .MetroFlipList .blue .accentLink a:visited,
 .MetroFlipList .blue a.accentLink,
 .MetroFlipList .blue a.accentLink:hover,
 .MetroFlipList .blue a.accentLink:visited {
  color: #1ba1e2;
}
 .MetroFlipList .blue .accentBorder {
  border-color: #1ba1e2;
}
 .MetroFlipList .blue .accentBorderBottom {
  border-bottom-color: #1ba1e2;
}
 .MetroFlipList .blue .accentBorderLeft {
  border-left-color: #1ba1e2;
}
 .MetroFlipList .blue .accentBorderRight {
  border-right-color: #1ba1e2;
}
 .MetroFlipList .blue .accentBorderTop {
  border-top-color: #1ba1e2;
}
 .MetroFlipList .brown .accent,
 .MetroFlipList .brown .accentBg,
 .MetroFlipList .brown .accentBgHover:hover,
 .MetroFlipList .brown .accentBgHover a:hover,
 .MetroFlipList .brown .live-tile > div,
 .MetroFlipList .brown .copy-tile > div,
 .MetroFlipList .brown .live-tile > .face,
 .MetroFlipList .brown .copy-tile > .face,
 .MetroFlipList .brown .live-tile > .slide,
 .MetroFlipList .brown .live-tile > .flip-back,
 .MetroFlipList .brown .live-tile > .flip-front,
 .MetroFlipList .brown .live-tile > .slide-back,
 .MetroFlipList .brown .live-tile > .slide-front,
 .MetroFlipList .brown .list-tile > div,
 .MetroFlipList .brown .flip-list > li > div {
  background-color: #a05000;
}
 .MetroFlipList .brown .accentColor,
 .MetroFlipList .brown .accentHover:hover,
 .MetroFlipList .brown .accentHover a:hover,
 .MetroFlipList .brown .accentLink a,
 .MetroFlipList .brown .accentLink a:hover,
 .MetroFlipList .brown .accentLink a:visited,
 .MetroFlipList .brown a.accentLink,
 .MetroFlipList .brown a.accentLink:hover,
 .MetroFlipList .brown a.accentLink:visited {
  color: #a05000;
}
 .MetroFlipList .brown .accentBorder {
  border-color: #a05000;
}
 .MetroFlipList .brown .accentBorderBottom {
  border-bottom-color: #a05000;
}
 .MetroFlipList .brown .accentBorderLeft {
  border-left-color: #a05000;
}
 .MetroFlipList .brown .accentBorderRight {
  border-right-color: #a05000;
}
 .MetroFlipList .brown .accentBorderTop {
  border-top-color: #a05000;
}
 .MetroFlipList .cobalt .accent,
 .MetroFlipList .cobalt .accentBg,
 .MetroFlipList .cobalt .accentBgHover:hover,
 .MetroFlipList .cobalt .accentBgHover a:hover,
 .MetroFlipList .cobalt .live-tile > div,
 .MetroFlipList .cobalt .copy-tile > div,
 .MetroFlipList .cobalt .live-tile > .face,
 .MetroFlipList .cobalt .copy-tile > .face,
 .MetroFlipList .cobalt .live-tile > .slide,
 .MetroFlipList .cobalt .live-tile > .flip-back,
 .MetroFlipList .cobalt .live-tile > .flip-front,
 .MetroFlipList .cobalt .live-tile > .slide-back,
 .MetroFlipList .cobalt .live-tile > .slide-front,
 .MetroFlipList .cobalt .list-tile > div,
 .MetroFlipList .cobalt .flip-list > li > div {
  background-color: #0050ef;
}
 .MetroFlipList .cobalt .accentColor,
 .MetroFlipList .cobalt .accentHover:hover,
 .MetroFlipList .cobalt .accentHover a:hover,
 .MetroFlipList .cobalt .accentLink a,
 .MetroFlipList .cobalt .accentLink a:hover,
 .MetroFlipList .cobalt .accentLink a:visited,
 .MetroFlipList .cobalt a.accentLink,
 .MetroFlipList .cobalt a.accentLink:hover,
 .MetroFlipList .cobalt a.accentLink:visited {
  color: #0050ef;
}
 .MetroFlipList .cobalt .accentBorder {
  border-color: #0050ef;
}
 .MetroFlipList .cobalt .accentBorderBottom {
  border-bottom-color: #0050ef;
}
 .MetroFlipList .cobalt .accentBorderLeft {
  border-left-color: #0050ef;
}
 .MetroFlipList .cobalt .accentBorderRight {
  border-right-color: #0050ef;
}
 .MetroFlipList .cobalt .accentBorderTop {
  border-top-color: #0050ef;
}
 .MetroFlipList .crimson .accent,
 .MetroFlipList .crimson .accentBg,
 .MetroFlipList .crimson .accentBgHover:hover,
 .MetroFlipList .crimson .accentBgHover a:hover,
 .MetroFlipList .crimson .live-tile > div,
 .MetroFlipList .crimson .copy-tile > div,
 .MetroFlipList .crimson .live-tile > .face,
 .MetroFlipList .crimson .copy-tile > .face,
 .MetroFlipList .crimson .live-tile > .slide,
 .MetroFlipList .crimson .live-tile > .flip-back,
 .MetroFlipList .crimson .live-tile > .flip-front,
 .MetroFlipList .crimson .live-tile > .slide-back,
 .MetroFlipList .crimson .live-tile > .slide-front,
 .MetroFlipList .crimson .list-tile > div,
 .MetroFlipList .crimson .flip-list > li > div {
  background-color: #a20025;
}
 .MetroFlipList .crimson .accentColor,
 .MetroFlipList .crimson .accentHover:hover,
 .MetroFlipList .crimson .accentHover a:hover,
 .MetroFlipList .crimson .accentLink a,
 .MetroFlipList .crimson .accentLink a:hover,
 .MetroFlipList .crimson .accentLink a:visited,
 .MetroFlipList .crimson a.accentLink,
 .MetroFlipList .crimson a.accentLink:hover,
 .MetroFlipList .crimson a.accentLink:visited {
  color: #a20025;
}
 .MetroFlipList .crimson .accentBorder {
  border-color: #a20025;
}
 .MetroFlipList .crimson .accentBorderBottom {
  border-bottom-color: #a20025;
}
 .MetroFlipList .crimson .accentBorderLeft {
  border-left-color: #a20025;
}
 .MetroFlipList .crimson .accentBorderRight {
  border-right-color: #a20025;
}
 .MetroFlipList .crimson .accentBorderTop {
  border-top-color: #a20025;
}
 .MetroFlipList .cyan .accent,
 .MetroFlipList .cyan .accentBg,
 .MetroFlipList .cyan .accentBgHover:hover,
 .MetroFlipList .cyan .accentBgHover a:hover,
 .MetroFlipList .cyan .live-tile > div,
 .MetroFlipList .cyan .copy-tile > div,
 .MetroFlipList .cyan .live-tile > .face,
 .MetroFlipList .cyan .copy-tile > .face,
 .MetroFlipList .cyan .live-tile > .slide,
 .MetroFlipList .cyan .live-tile > .flip-back,
 .MetroFlipList .cyan .live-tile > .flip-front,
 .MetroFlipList .cyan .live-tile > .slide-back,
 .MetroFlipList .cyan .live-tile > .slide-front,
 .MetroFlipList .cyan .list-tile > div,
 .MetroFlipList .cyan .flip-list > li > div {
  background-color: #1ba0e1;
}
 .MetroFlipList .cyan .accentColor,
 .MetroFlipList .cyan .accentHover:hover,
 .MetroFlipList .cyan .accentHover a:hover,
 .MetroFlipList .cyan .accentLink a,
 .MetroFlipList .cyan .accentLink a:hover,
 .MetroFlipList .cyan .accentLink a:visited,
 .MetroFlipList .cyan a.accentLink,
 .MetroFlipList .cyan a.accentLink:hover,
 .MetroFlipList .cyan a.accentLink:visited {
  color: #1ba0e1;
}
 .MetroFlipList .cyan .accentBorder {
  border-color: #1ba0e1;
}
 .MetroFlipList .cyan .accentBorderBottom {
  border-bottom-color: #1ba0e1;
}
 .MetroFlipList .cyan .accentBorderLeft {
  border-left-color: #1ba0e1;
}
 .MetroFlipList .cyan .accentBorderRight {
  border-right-color: #1ba0e1;
}
 .MetroFlipList .cyan .accentBorderTop {
  border-top-color: #1ba0e1;
}
 .MetroFlipList .emerald .accent,
 .MetroFlipList .emerald .accentBg,
 .MetroFlipList .emerald .accentBgHover:hover,
 .MetroFlipList .emerald .accentBgHover a:hover,
 .MetroFlipList .emerald .live-tile > div,
 .MetroFlipList .emerald .copy-tile > div,
 .MetroFlipList .emerald .live-tile > .face,
 .MetroFlipList .emerald .copy-tile > .face,
 .MetroFlipList .emerald .live-tile > .slide,
 .MetroFlipList .emerald .live-tile > .flip-back,
 .MetroFlipList .emerald .live-tile > .flip-front,
 .MetroFlipList .emerald .live-tile > .slide-back,
 .MetroFlipList .emerald .live-tile > .slide-front,
 .MetroFlipList .emerald .list-tile > div,
 .MetroFlipList .emerald .flip-list > li > div {
  background-color: #008a00;
}
 .MetroFlipList .emerald .accentColor,
 .MetroFlipList .emerald .accentHover:hover,
 .MetroFlipList .emerald .accentHover a:hover,
 .MetroFlipList .emerald .accentLink a,
 .MetroFlipList .emerald .accentLink a:hover,
 .MetroFlipList .emerald .accentLink a:visited,
 .MetroFlipList .emerald a.accentLink,
 .MetroFlipList .emerald a.accentLink:hover,
 .MetroFlipList .emerald a.accentLink:visited {
  color: #008a00;
}
 .MetroFlipList .emerald .accentBorder {
  border-color: #008a00;
}
 .MetroFlipList .emerald .accentBorderBottom {
  border-bottom-color: #008a00;
}
 .MetroFlipList .emerald .accentBorderLeft {
  border-left-color: #008a00;
}
 .MetroFlipList .emerald .accentBorderRight {
  border-right-color: #008a00;
}
 .MetroFlipList .emerald .accentBorderTop {
  border-top-color: #008a00;
}
 .MetroFlipList .green .accent,
 .MetroFlipList .green .accentBg,
 .MetroFlipList .green .accentBgHover:hover,
 .MetroFlipList .green .accentBgHover a:hover,
 .MetroFlipList .green .live-tile > div,
 .MetroFlipList .green .copy-tile > div,
 .MetroFlipList .green .live-tile > .face,
 .MetroFlipList .green .copy-tile > .face,
 .MetroFlipList .green .live-tile > .slide,
 .MetroFlipList .green .live-tile > .flip-back,
 .MetroFlipList .green .live-tile > .flip-front,
 .MetroFlipList .green .live-tile > .slide-back,
 .MetroFlipList .green .live-tile > .slide-front,
 .MetroFlipList .green .list-tile > div,
 .MetroFlipList .green .flip-list > li > div {
  background-color: #339933;
}
 .MetroFlipList .green .accentColor,
 .MetroFlipList .green .accentHover:hover,
 .MetroFlipList .green .accentHover a:hover,
 .MetroFlipList .green .accentLink a,
 .MetroFlipList .green .accentLink a:hover,
 .MetroFlipList .green .accentLink a:visited,
 .MetroFlipList .green a.accentLink,
 .MetroFlipList .green a.accentLink:hover,
 .MetroFlipList .green a.accentLink:visited {
  color: #339933;
}
 .MetroFlipList .green .accentBorder {
  border-color: #339933;
}
 .MetroFlipList .green .accentBorderBottom {
  border-bottom-color: #339933;
}
 .MetroFlipList .green .accentBorderLeft {
  border-left-color: #339933;
}
 .MetroFlipList .green .accentBorderRight {
  border-right-color: #339933;
}
 .MetroFlipList .green .accentBorderTop {
  border-top-color: #339933;
}
 .MetroFlipList .indigo .accent,
 .MetroFlipList .indigo .accentBg,
 .MetroFlipList .indigo .accentBgHover:hover,
 .MetroFlipList .indigo .accentBgHover a:hover,
 .MetroFlipList .indigo .live-tile > div,
 .MetroFlipList .indigo .copy-tile > div,
 .MetroFlipList .indigo .live-tile > .face,
 .MetroFlipList .indigo .copy-tile > .face,
 .MetroFlipList .indigo .live-tile > .slide,
 .MetroFlipList .indigo .live-tile > .flip-back,
 .MetroFlipList .indigo .live-tile > .flip-front,
 .MetroFlipList .indigo .live-tile > .slide-back,
 .MetroFlipList .indigo .live-tile > .slide-front,
 .MetroFlipList .indigo .list-tile > div,
 .MetroFlipList .indigo .flip-list > li > div {
  background-color: #6a00ff;
}
 .MetroFlipList .indigo .accentColor,
 .MetroFlipList .indigo .accentHover:hover,
 .MetroFlipList .indigo .accentHover a:hover,
 .MetroFlipList .indigo .accentLink a,
 .MetroFlipList .indigo .accentLink a:hover,
 .MetroFlipList .indigo .accentLink a:visited,
 .MetroFlipList .indigo a.accentLink,
 .MetroFlipList .indigo a.accentLink:hover,
 .MetroFlipList .indigo a.accentLink:visited {
  color: #6a00ff;
}
 .MetroFlipList .indigo .accentBorder {
  border-color: #6a00ff;
}
 .MetroFlipList .indigo .accentBorderBottom {
  border-bottom-color: #6a00ff;
}
 .MetroFlipList .indigo .accentBorderLeft {
  border-left-color: #6a00ff;
}
 .MetroFlipList .indigo .accentBorderRight {
  border-right-color: #6a00ff;
}
 .MetroFlipList .indigo .accentBorderTop {
  border-top-color: #6a00ff;
}
 .MetroFlipList .lime .accent,
 .MetroFlipList .lime .accentBg,
 .MetroFlipList .lime .accentBgHover:hover,
 .MetroFlipList .lime .accentBgHover a:hover,
 .MetroFlipList .lime .live-tile > div,
 .MetroFlipList .lime .copy-tile > div,
 .MetroFlipList .lime .live-tile > .face,
 .MetroFlipList .lime .copy-tile > .face,
 .MetroFlipList .lime .live-tile > .slide,
 .MetroFlipList .lime .live-tile > .flip-back,
 .MetroFlipList .lime .live-tile > .flip-front,
 .MetroFlipList .lime .live-tile > .slide-back,
 .MetroFlipList .lime .live-tile > .slide-front,
 .MetroFlipList .lime .list-tile > div,
 .MetroFlipList .lime .flip-list > li > div {
  background-color: #a2c139;
}
 .MetroFlipList .lime .accentColor,
 .MetroFlipList .lime .accentHover:hover,
 .MetroFlipList .lime .accentHover a:hover,
 .MetroFlipList .lime .accentLink a,
 .MetroFlipList .lime .accentLink a:hover,
 .MetroFlipList .lime .accentLink a:visited,
 .MetroFlipList .lime a.accentLink,
 .MetroFlipList .lime a.accentLink:hover,
 .MetroFlipList .lime a.accentLink:visited {
  color: #a2c139;
}
 .MetroFlipList .lime .accentBorder {
  border-color: #a2c139;
}
 .MetroFlipList .lime .accentBorderBottom {
  border-bottom-color: #a2c139;
}
 .MetroFlipList .lime .accentBorderLeft {
  border-left-color: #a2c139;
}
 .MetroFlipList .lime .accentBorderRight {
  border-right-color: #a2c139;
}
 .MetroFlipList .lime .accentBorderTop {
  border-top-color: #a2c139;
}
 .MetroFlipList .magenta .accent,
 .MetroFlipList .magenta .accentBg,
 .MetroFlipList .magenta .accentBgHover:hover,
 .MetroFlipList .magenta .accentBgHover a:hover,
 .MetroFlipList .magenta .live-tile > div,
 .MetroFlipList .magenta .copy-tile > div,
 .MetroFlipList .magenta .live-tile > .face,
 .MetroFlipList .magenta .copy-tile > .face,
 .MetroFlipList .magenta .live-tile > .slide,
 .MetroFlipList .magenta .live-tile > .flip-back,
 .MetroFlipList .magenta .live-tile > .flip-front,
 .MetroFlipList .magenta .live-tile > .slide-back,
 .MetroFlipList .magenta .live-tile > .slide-front,
 .MetroFlipList .magenta .list-tile > div,
 .MetroFlipList .magenta .flip-list > li > div {
  background-color: #d80073;
}
 .MetroFlipList .magenta .accentColor,
 .MetroFlipList .magenta .accentHover:hover,
 .MetroFlipList .magenta .accentHover a:hover,
 .MetroFlipList .magenta .accentLink a,
 .MetroFlipList .magenta .accentLink a:hover,
 .MetroFlipList .magenta .accentLink a:visited,
 .MetroFlipList .magenta a.accentLink,
 .MetroFlipList .magenta a.accentLink:hover,
 .MetroFlipList .magenta a.accentLink:visited {
  color: #d80073;
}
 .MetroFlipList .magenta .accentBorder {
  border-color: #d80073;
}
 .MetroFlipList .magenta .accentBorderBottom {
  border-bottom-color: #d80073;
}
 .MetroFlipList .magenta .accentBorderLeft {
  border-left-color: #d80073;
}
 .MetroFlipList .magenta .accentBorderRight {
  border-right-color: #d80073;
}
 .MetroFlipList .magenta .accentBorderTop {
  border-top-color: #d80073;
}
 .MetroFlipList .mango .accent,
 .MetroFlipList .mango .accentBg,
 .MetroFlipList .mango .accentBgHover:hover,
 .MetroFlipList .mango .accentBgHover a:hover,
 .MetroFlipList .mango .live-tile > div,
 .MetroFlipList .mango .copy-tile > div,
 .MetroFlipList .mango .live-tile > .face,
 .MetroFlipList .mango .copy-tile > .face,
 .MetroFlipList .mango .live-tile > .slide,
 .MetroFlipList .mango .live-tile > .flip-back,
 .MetroFlipList .mango .live-tile > .flip-front,
 .MetroFlipList .mango .live-tile > .slide-back,
 .MetroFlipList .mango .live-tile > .slide-front,
 .MetroFlipList .mango .list-tile > div,
 .MetroFlipList .mango .flip-list > li > div {
  background-color: #f09609;
}
 .MetroFlipList .mango .accentColor,
 .MetroFlipList .mango .accentHover:hover,
 .MetroFlipList .mango .accentHover a:hover,
 .MetroFlipList .mango .accentLink a,
 .MetroFlipList .mango .accentLink a:hover,
 .MetroFlipList .mango .accentLink a:visited,
 .MetroFlipList .mango a.accentLink,
 .MetroFlipList .mango a.accentLink:hover,
 .MetroFlipList .mango a.accentLink:visited {
  color: #f09609;
}
 .MetroFlipList .mango .accentBorder {
  border-color: #f09609;
}
 .MetroFlipList .mango .accentBorderBottom {
  border-bottom-color: #f09609;
}
 .MetroFlipList .mango .accentBorderLeft {
  border-left-color: #f09609;
}
 .MetroFlipList .mango .accentBorderRight {
  border-right-color: #f09609;
}
 .MetroFlipList .mango .accentBorderTop {
  border-top-color: #f09609;
}
 .MetroFlipList .mauve .accent,
 .MetroFlipList .mauve .accentBg,
 .MetroFlipList .mauve .accentBgHover:hover,
 .MetroFlipList .mauve .accentBgHover a:hover,
 .MetroFlipList .mauve .live-tile > div,
 .MetroFlipList .mauve .copy-tile > div,
 .MetroFlipList .mauve .live-tile > .face,
 .MetroFlipList .mauve .copy-tile > .face,
 .MetroFlipList .mauve .live-tile > .slide,
 .MetroFlipList .mauve .live-tile > .flip-back,
 .MetroFlipList .mauve .live-tile > .flip-front,
 .MetroFlipList .mauve .live-tile > .slide-back,
 .MetroFlipList .mauve .live-tile > .slide-front,
 .MetroFlipList .mauve .list-tile > div,
 .MetroFlipList .mauve .flip-list > li > div {
  background-color: #765f89;
}
 .MetroFlipList .mauve .accentColor,
 .MetroFlipList .mauve .accentHover:hover,
 .MetroFlipList .mauve .accentHover a:hover,
 .MetroFlipList .mauve .accentLink a,
 .MetroFlipList .mauve .accentLink a:hover,
 .MetroFlipList .mauve .accentLink a:visited,
 .MetroFlipList .mauve a.accentLink,
 .MetroFlipList .mauve a.accentLink:hover,
 .MetroFlipList .mauve a.accentLink:visited {
  color: #765f89;
}
 .MetroFlipList .mauve .accentBorder {
  border-color: #765f89;
}
 .MetroFlipList .mauve .accentBorderBottom {
  border-bottom-color: #765f89;
}
 .MetroFlipList .mauve .accentBorderLeft {
  border-left-color: #765f89;
}
 .MetroFlipList .mauve .accentBorderRight {
  border-right-color: #765f89;
}
 .MetroFlipList .mauve .accentBorderTop {
  border-top-color: #765f89;
}
 .MetroFlipList .olive .accent,
 .MetroFlipList .olive .accentBg,
 .MetroFlipList .olive .accentBgHover:hover,
 .MetroFlipList .olive .accentBgHover a:hover,
 .MetroFlipList .olive .live-tile > div,
 .MetroFlipList .olive .copy-tile > div,
 .MetroFlipList .olive .live-tile > .face,
 .MetroFlipList .olive .copy-tile > .face,
 .MetroFlipList .olive .live-tile > .slide,
 .MetroFlipList .olive .live-tile > .flip-back,
 .MetroFlipList .olive .live-tile > .flip-front,
 .MetroFlipList .olive .live-tile > .slide-back,
 .MetroFlipList .olive .live-tile > .slide-front,
 .MetroFlipList .olive .list-tile > div,
 .MetroFlipList .olive .flip-list > li > div {
  background-color: #6d8764;
}
 .MetroFlipList .olive .accentColor,
 .MetroFlipList .olive .accentHover:hover,
 .MetroFlipList .olive .accentHover a:hover,
 .MetroFlipList .olive .accentLink a,
 .MetroFlipList .olive .accentLink a:hover,
 .MetroFlipList .olive .accentLink a:visited,
 .MetroFlipList .olive a.accentLink,
 .MetroFlipList .olive a.accentLink:hover,
 .MetroFlipList .olive a.accentLink:visited {
  color: #6d8764;
}
 .MetroFlipList .olive .accentBorder {
  border-color: #6d8764;
}
 .MetroFlipList .olive .accentBorderBottom {
  border-bottom-color: #6d8764;
}
 .MetroFlipList .olive .accentBorderLeft {
  border-left-color: #6d8764;
}
 .MetroFlipList .olive .accentBorderRight {
  border-right-color: #6d8764;
}
 .MetroFlipList .olive .accentBorderTop {
  border-top-color: #6d8764;
}
 .MetroFlipList .orange .accent,
 .MetroFlipList .orange .accentBg,
 .MetroFlipList .orange .accentBgHover:hover,
 .MetroFlipList .orange .accentBgHover a:hover,
 .MetroFlipList .orange .live-tile > div,
 .MetroFlipList .orange .copy-tile > div,
 .MetroFlipList .orange .live-tile > .face,
 .MetroFlipList .orange .copy-tile > .face,
 .MetroFlipList .orange .live-tile > .slide,
 .MetroFlipList .orange .live-tile > .flip-back,
 .MetroFlipList .orange .live-tile > .flip-front,
 .MetroFlipList .orange .live-tile > .slide-back,
 .MetroFlipList .orange .live-tile > .slide-front,
 .MetroFlipList .orange .list-tile > div,
 .MetroFlipList .orange .flip-list > li > div {
  background-color: #fa6801;
}
 .MetroFlipList .orange .accentColor,
 .MetroFlipList .orange .accentHover:hover,
 .MetroFlipList .orange .accentHover a:hover,
 .MetroFlipList .orange .accentLink a,
 .MetroFlipList .orange .accentLink a:hover,
 .MetroFlipList .orange .accentLink a:visited,
 .MetroFlipList .orange a.accentLink,
 .MetroFlipList .orange a.accentLink:hover,
 .MetroFlipList .orange a.accentLink:visited {
  color: #fa6801;
}
 .MetroFlipList .orange .accentBorder {
  border-color: #fa6801;
}
 .MetroFlipList .orange .accentBorderBottom {
  border-bottom-color: #fa6801;
}
 .MetroFlipList .orange .accentBorderLeft {
  border-left-color: #fa6801;
}
 .MetroFlipList .orange .accentBorderRight {
  border-right-color: #fa6801;
}
 .MetroFlipList .orange .accentBorderTop {
  border-top-color: #fa6801;
}
 .MetroFlipList .pink .accent,
 .MetroFlipList .pink .accentBg,
 .MetroFlipList .pink .accentBgHover:hover,
 .MetroFlipList .pink .accentBgHover a:hover,
 .MetroFlipList .pink .live-tile > div,
 .MetroFlipList .pink .copy-tile > div,
 .MetroFlipList .pink .live-tile > .face,
 .MetroFlipList .pink .copy-tile > .face,
 .MetroFlipList .pink .live-tile > .slide,
 .MetroFlipList .pink .live-tile > .flip-back,
 .MetroFlipList .pink .live-tile > .flip-front,
 .MetroFlipList .pink .live-tile > .slide-back,
 .MetroFlipList .pink .live-tile > .slide-front,
 .MetroFlipList .pink .list-tile > div,
 .MetroFlipList .pink .flip-list > li > div {
  background-color: #e671b8;
}
 .MetroFlipList .pink .accentColor,
 .MetroFlipList .pink .accentHover:hover,
 .MetroFlipList .pink .accentHover a:hover,
 .MetroFlipList .pink .accentLink a,
 .MetroFlipList .pink .accentLink a:hover,
 .MetroFlipList .pink .accentLink a:visited,
 .MetroFlipList .pink a.accentLink,
 .MetroFlipList .pink a.accentLink:hover,
 .MetroFlipList .pink a.accentLink:visited {
  color: #e671b8;
}
 .MetroFlipList .pink .accentBorder {
  border-color: #e671b8;
}
 .MetroFlipList .pink .accentBorderBottom {
  border-bottom-color: #e671b8;
}
 .MetroFlipList .pink .accentBorderLeft {
  border-left-color: #e671b8;
}
 .MetroFlipList .pink .accentBorderRight {
  border-right-color: #e671b8;
}
 .MetroFlipList .pink .accentBorderTop {
  border-top-color: #e671b8;
}
 .MetroFlipList .purple .accent,
 .MetroFlipList .purple .accentBg,
 .MetroFlipList .purple .accentBgHover:hover,
 .MetroFlipList .purple .accentBgHover a:hover,
 .MetroFlipList .purple .live-tile > div,
 .MetroFlipList .purple .copy-tile > div,
 .MetroFlipList .purple .live-tile > .face,
 .MetroFlipList .purple .copy-tile > .face,
 .MetroFlipList .purple .live-tile > .slide,
 .MetroFlipList .purple .live-tile > .flip-back,
 .MetroFlipList .purple .live-tile > .flip-front,
 .MetroFlipList .purple .live-tile > .slide-back,
 .MetroFlipList .purple .live-tile > .slide-front,
 .MetroFlipList .purple .list-tile > div,
 .MetroFlipList .purple .flip-list > li > div {
  background-color: #a200ff;
}
 .MetroFlipList .purple .accentColor,
 .MetroFlipList .purple .accentHover:hover,
 .MetroFlipList .purple .accentHover a:hover,
 .MetroFlipList .purple .accentLink a,
 .MetroFlipList .purple .accentLink a:hover,
 .MetroFlipList .purple .accentLink a:visited,
 .MetroFlipList .purple a.accentLink,
 .MetroFlipList .purple a.accentLink:hover,
 .MetroFlipList .purple a.accentLink:visited {
  color: #a200ff;
}
 .MetroFlipList .purple .accentBorder {
  border-color: #a200ff;
}
 .MetroFlipList .purple .accentBorderBottom {
  border-bottom-color: #a200ff;
}
 .MetroFlipList .purple .accentBorderLeft {
  border-left-color: #a200ff;
}
 .MetroFlipList .purple .accentBorderRight {
  border-right-color: #a200ff;
}
 .MetroFlipList .purple .accentBorderTop {
  border-top-color: #a200ff;
}
 .MetroFlipList .violet .accent,
 .MetroFlipList .violet .accentBg,
 .MetroFlipList .violet .accentBgHover:hover,
 .MetroFlipList .violet .accentBgHover a:hover,
 .MetroFlipList .violet .live-tile > div,
 .MetroFlipList .violet .copy-tile > div,
 .MetroFlipList .violet .live-tile > .face,
 .MetroFlipList .violet .copy-tile > .face,
 .MetroFlipList .violet .live-tile > .slide,
 .MetroFlipList .violet .live-tile > .flip-back,
 .MetroFlipList .violet .live-tile > .flip-front,
 .MetroFlipList .violet .live-tile > .slide-back,
 .MetroFlipList .violet .live-tile > .slide-front,
 .MetroFlipList .violet .list-tile > div,
 .MetroFlipList .violet .flip-list > li > div {
  background-color: #a200ff;
}
 .MetroFlipList .violet .accentColor,
 .MetroFlipList .violet .accentHover:hover,
 .MetroFlipList .violet .accentHover a:hover,
 .MetroFlipList .violet .accentLink a,
 .MetroFlipList .violet .accentLink a:hover,
 .MetroFlipList .violet .accentLink a:visited,
 .MetroFlipList .violet a.accentLink,
 .MetroFlipList .violet a.accentLink:hover,
 .MetroFlipList .violet a.accentLink:visited {
  color: #a200ff;
}
 .MetroFlipList .violet .accentBorder {
  border-color: #a200ff;
}
 .MetroFlipList .violet .accentBorderBottom {
  border-bottom-color: #a200ff;
}
 .MetroFlipList .violet .accentBorderLeft {
  border-left-color: #a200ff;
}
 .MetroFlipList .violet .accentBorderRight {
  border-right-color: #a200ff;
}
 .MetroFlipList .violet .accentBorderTop {
  border-top-color: #a200ff;
}
 .MetroFlipList .red .accent,
 .MetroFlipList .red .accentBg,
 .MetroFlipList .red .accentBgHover:hover,
 .MetroFlipList .red .accentBgHover a:hover,
 .MetroFlipList .red .live-tile > div,
 .MetroFlipList .red .copy-tile > div,
 .MetroFlipList .red .live-tile > .face,
 .MetroFlipList .red .copy-tile > .face,
 .MetroFlipList .red .live-tile > .slide,
 .MetroFlipList .red .live-tile > .flip-back,
 .MetroFlipList .red .live-tile > .flip-front,
 .MetroFlipList .red .live-tile > .slide-back,
 .MetroFlipList .red .live-tile > .slide-front,
 .MetroFlipList .red .list-tile > div,
 .MetroFlipList .red .flip-list > li > div {
  background-color: #e51400;
}
 .MetroFlipList .red .accentColor,
 .MetroFlipList .red .accentHover:hover,
 .MetroFlipList .red .accentHover a:hover,
 .MetroFlipList .red .accentLink a,
 .MetroFlipList .red .accentLink a:hover,
 .MetroFlipList .red .accentLink a:visited,
 .MetroFlipList .red a.accentLink,
 .MetroFlipList .red a.accentLink:hover,
 .MetroFlipList .red a.accentLink:visited {
  color: #e51400;
}
 .MetroFlipList .red .accentBorder {
  border-color: #e51400;
}
 .MetroFlipList .red .accentBorderBottom {
  border-bottom-color: #e51400;
}
 .MetroFlipList .red .accentBorderLeft {
  border-left-color: #e51400;
}
 .MetroFlipList .red .accentBorderRight {
  border-right-color: #e51400;
}
 .MetroFlipList .red .accentBorderTop {
  border-top-color: #e51400;
}
 .MetroFlipList .sienna .accent,
 .MetroFlipList .sienna .accentBg,
 .MetroFlipList .sienna .accentBgHover:hover,
 .MetroFlipList .sienna .accentBgHover a:hover,
 .MetroFlipList .sienna .live-tile > div,
 .MetroFlipList .sienna .copy-tile > div,
 .MetroFlipList .sienna .live-tile > .face,
 .MetroFlipList .sienna .copy-tile > .face,
 .MetroFlipList .sienna .live-tile > .slide,
 .MetroFlipList .sienna .live-tile > .flip-back,
 .MetroFlipList .sienna .live-tile > .flip-front,
 .MetroFlipList .sienna .live-tile > .slide-back,
 .MetroFlipList .sienna .live-tile > .slide-front,
 .MetroFlipList .sienna .list-tile > div,
 .MetroFlipList .sienna .flip-list > li > div {
  background-color: #7b3a3e;
}
 .MetroFlipList .sienna .accentColor,
 .MetroFlipList .sienna .accentHover:hover,
 .MetroFlipList .sienna .accentHover a:hover,
 .MetroFlipList .sienna .accentLink a,
 .MetroFlipList .sienna .accentLink a:hover,
 .MetroFlipList .sienna .accentLink a:visited,
 .MetroFlipList .sienna a.accentLink,
 .MetroFlipList .sienna a.accentLink:hover,
 .MetroFlipList .sienna a.accentLink:visited {
  color: #7b3a3e;
}
 .MetroFlipList .sienna .accentBorder {
  border-color: #7b3a3e;
}
 .MetroFlipList .sienna .accentBorderBottom {
  border-bottom-color: #7b3a3e;
}
 .MetroFlipList .sienna .accentBorderLeft {
  border-left-color: #7b3a3e;
}
 .MetroFlipList .sienna .accentBorderRight {
  border-right-color: #7b3a3e;
}
 .MetroFlipList .sienna .accentBorderTop {
  border-top-color: #7b3a3e;
}
 .MetroFlipList .steel .accent,
 .MetroFlipList .steel .accentBg,
 .MetroFlipList .steel .accentBgHover:hover,
 .MetroFlipList .steel .accentBgHover a:hover,
 .MetroFlipList .steel .live-tile > div,
 .MetroFlipList .steel .copy-tile > div,
 .MetroFlipList .steel .live-tile > .face,
 .MetroFlipList .steel .copy-tile > .face,
 .MetroFlipList .steel .live-tile > .slide,
 .MetroFlipList .steel .live-tile > .flip-back,
 .MetroFlipList .steel .live-tile > .flip-front,
 .MetroFlipList .steel .live-tile > .slide-back,
 .MetroFlipList .steel .live-tile > .slide-front,
 .MetroFlipList .steel .list-tile > div,
 .MetroFlipList .steel .flip-list > li > div {
  background-color: #657688;
}
 .MetroFlipList .steel .accentColor,
 .MetroFlipList .steel .accentHover:hover,
 .MetroFlipList .steel .accentHover a:hover,
 .MetroFlipList .steel .accentLink a,
 .MetroFlipList .steel .accentLink a:hover,
 .MetroFlipList .steel .accentLink a:visited,
 .MetroFlipList .steel a.accentLink,
 .MetroFlipList .steel a.accentLink:hover,
 .MetroFlipList .steel a.accentLink:visited {
  color: #657688;
}
 .MetroFlipList .steel .accentBorder {
  border-color: #657688;
}
 .MetroFlipList .steel .accentBorderBottom {
  border-bottom-color: #657688;
}
 .MetroFlipList .steel .accentBorderLeft {
  border-left-color: #657688;
}
 .MetroFlipList .steel .accentBorderRight {
  border-right-color: #657688;
}
 .MetroFlipList .steel .accentBorderTop {
  border-top-color: #657688;
}
 .MetroFlipList .teal .accent,
 .MetroFlipList .teal .accentBg,
 .MetroFlipList .teal .accentBgHover:hover,
 .MetroFlipList .teal .accentBgHover a:hover,
 .MetroFlipList .teal .live-tile > div,
 .MetroFlipList .teal .copy-tile > div,
 .MetroFlipList .teal .live-tile > .face,
 .MetroFlipList .teal .copy-tile > .face,
 .MetroFlipList .teal .live-tile > .slide,
 .MetroFlipList .teal .live-tile > .flip-back,
 .MetroFlipList .teal .live-tile > .flip-front,
 .MetroFlipList .teal .live-tile > .slide-back,
 .MetroFlipList .teal .live-tile > .slide-front,
 .MetroFlipList .teal .list-tile > div,
 .MetroFlipList .teal .flip-list > li > div {
  background-color: #00aba9;
}
 .MetroFlipList .teal .accentColor,
 .MetroFlipList .teal .accentHover:hover,
 .MetroFlipList .teal .accentHover a:hover,
 .MetroFlipList .teal .accentLink a,
 .MetroFlipList .teal .accentLink a:hover,
 .MetroFlipList .teal .accentLink a:visited,
 .MetroFlipList .teal a.accentLink,
 .MetroFlipList .teal a.accentLink:hover,
 .MetroFlipList .teal a.accentLink:visited {
  color: #00aba9;
}
 .MetroFlipList .teal .accentBorder {
  border-color: #00aba9;
}
 .MetroFlipList .teal .accentBorderBottom {
  border-bottom-color: #00aba9;
}
 .MetroFlipList .teal .accentBorderLeft {
  border-left-color: #00aba9;
}
 .MetroFlipList .teal .accentBorderRight {
  border-right-color: #00aba9;
}
 .MetroFlipList .teal .accentBorderTop {
  border-top-color: #00aba9;
}
 .MetroFlipList .yellow .accent,
 .MetroFlipList .yellow .accentBg,
 .MetroFlipList .yellow .accentBgHover:hover,
 .MetroFlipList .yellow .accentBgHover a:hover,
 .MetroFlipList .yellow .live-tile > div,
 .MetroFlipList .yellow .copy-tile > div,
 .MetroFlipList .yellow .live-tile > .face,
 .MetroFlipList .yellow .copy-tile > .face,
 .MetroFlipList .yellow .live-tile > .slide,
 .MetroFlipList .yellow .live-tile > .flip-back,
 .MetroFlipList .yellow .live-tile > .flip-front,
 .MetroFlipList .yellow .live-tile > .slide-back,
 .MetroFlipList .yellow .live-tile > .slide-front,
 .MetroFlipList .yellow .list-tile > div,
 .MetroFlipList .yellow .flip-list > li > div {
  background-color: #d8c101;
}
 .MetroFlipList .yellow .accentColor,
 .MetroFlipList .yellow .accentHover:hover,
 .MetroFlipList .yellow .accentHover a:hover,
 .MetroFlipList .yellow .accentLink a,
 .MetroFlipList .yellow .accentLink a:hover,
 .MetroFlipList .yellow .accentLink a:visited,
 .MetroFlipList .yellow a.accentLink,
 .MetroFlipList .yellow a.accentLink:hover,
 .MetroFlipList .yellow a.accentLink:visited {
  color: #d8c101;
}
 .MetroFlipList .yellow .accentBorder {
  border-color: #d8c101;
}
 .MetroFlipList .yellow .accentBorderBottom {
  border-bottom-color: #d8c101;
}
 .MetroFlipList .yellow .accentBorderLeft {
  border-left-color: #d8c101;
}
 .MetroFlipList .yellow .accentBorderRight {
  border-right-color: #d8c101;
}
 .MetroFlipList .yellow .accentBorderTop {
  border-top-color: #d8c101;
}
 .MetroFlipList .trans .accent,
 .MetroFlipList .trans .accentBg,
 .MetroFlipList .trans .accentBgHover:hover,
 .MetroFlipList .trans .accentBgHover a:hover,
 .MetroFlipList .trans .live-tile > div,
 .MetroFlipList .trans .copy-tile > div,
 .MetroFlipList .trans .live-tile > .face,
 .MetroFlipList .trans .copy-tile > .face,
 .MetroFlipList .trans .live-tile > .slide,
 .MetroFlipList .trans .live-tile > .flip-back,
 .MetroFlipList .trans .live-tile > .flip-front,
 .MetroFlipList .trans .live-tile > .slide-back,
 .MetroFlipList .trans .live-tile > .slide-front,
 .MetroFlipList .trans .list-tile > div,
 .MetroFlipList .trans .flip-list > li > div {
  background-color: transparent;
}
 .MetroFlipList .trans .accentColor,
 .MetroFlipList .trans .accentHover:hover,
 .MetroFlipList .trans .accentHover a:hover,
 .MetroFlipList .trans .accentLink a,
 .MetroFlipList .trans .accentLink a:hover,
 .MetroFlipList .trans .accentLink a:visited,
 .MetroFlipList .trans a.accentLink,
 .MetroFlipList .trans a.accentLink:hover,
 .MetroFlipList .trans a.accentLink:visited {
  color: transparent;
}
 .MetroFlipList .trans .accentBorder {
  border-color: transparent;
}
 .MetroFlipList .trans .accentBorderBottom {
  border-bottom-color: transparent;
}
 .MetroFlipList .trans .accentBorderLeft {
  border-left-color: transparent;
}
 .MetroFlipList .trans .accentBorderRight {
  border-right-color: transparent;
}
 .MetroFlipList .trans .accentBorderTop {
  border-top-color: transparent;
}
 .MetroFlipList .white .accent,
 .MetroFlipList .white .accentBg,
 .MetroFlipList .white .accentBgHover:hover,
 .MetroFlipList .white .accentBgHover a:hover,
 .MetroFlipList .white .live-tile > div,
 .MetroFlipList .white .copy-tile > div,
 .MetroFlipList .white .live-tile > .face,
 .MetroFlipList .white .copy-tile > .face,
 .MetroFlipList .white .live-tile > .slide,
 .MetroFlipList .white .live-tile > .flip-back,
 .MetroFlipList .white .live-tile > .flip-front,
 .MetroFlipList .white .live-tile > .slide-back,
 .MetroFlipList .white .live-tile > .slide-front,
 .MetroFlipList .white .list-tile > div,
 .MetroFlipList .white .flip-list > li > div {
  background-color: #ffffff;
}
 .MetroFlipList .white .accentColor,
 .MetroFlipList .white .accentHover:hover,
 .MetroFlipList .white .accentHover a:hover,
 .MetroFlipList .white .accentLink a,
 .MetroFlipList .white .accentLink a:hover,
 .MetroFlipList .white .accentLink a:visited,
 .MetroFlipList .white a.accentLink,
 .MetroFlipList .white a.accentLink:hover,
 .MetroFlipList .white a.accentLink:visited {
  color: #ffffff;
}
 .MetroFlipList .white .accentBorder {
  border-color: #ffffff;
}
 .MetroFlipList .white .accentBorderBottom {
  border-bottom-color: #ffffff;
}
 .MetroFlipList .white .accentBorderLeft {
  border-left-color: #ffffff;
}
 .MetroFlipList .white .accentBorderRight {
  border-right-color: #ffffff;
}
 .MetroFlipList .white .accentBorderTop {
  border-top-color: #ffffff;
}
 .MetroFlipList .black .accent,
 .MetroFlipList .black .accentBg,
 .MetroFlipList .black .accentBgHover:hover,
 .MetroFlipList .black .accentBgHover a:hover,
 .MetroFlipList .black .live-tile > div,
 .MetroFlipList .black .copy-tile > div,
 .MetroFlipList .black .live-tile > .face,
 .MetroFlipList .black .copy-tile > .face,
 .MetroFlipList .black .live-tile > .slide,
 .MetroFlipList .black .live-tile > .flip-back,
 .MetroFlipList .black .live-tile > .flip-front,
 .MetroFlipList .black .live-tile > .slide-back,
 .MetroFlipList .black .live-tile > .slide-front,
 .MetroFlipList .black .list-tile > div,
 .MetroFlipList .black .flip-list > li > div {
  background-color: #000000;
}
 .MetroFlipList .black .accentColor,
 .MetroFlipList .black .accentHover:hover,
 .MetroFlipList .black .accentHover a:hover,
 .MetroFlipList .black .accentLink a,
 .MetroFlipList .black .accentLink a:hover,
 .MetroFlipList .black .accentLink a:visited,
 .MetroFlipList .black a.accentLink,
 .MetroFlipList .black a.accentLink:hover,
 .MetroFlipList .black a.accentLink:visited {
  color: #000000;
}
 .MetroFlipList .black .accentBorder {
  border-color: #000000;
}
 .MetroFlipList .black .accentBorderBottom {
  border-bottom-color: #000000;
}
 .MetroFlipList .black .accentBorderLeft {
  border-left-color: #000000;
}
 .MetroFlipList .black .accentBorderRight {
  border-right-color: #000000;
}
 .MetroFlipList .black .accentBorderTop {
  border-top-color: #000000;
}
 .MetroFlipList html body .amber.accent,
 .MetroFlipList html body .amber.live-tile > .accent,
 .MetroFlipList html body .amber.list-tile > .accent,
 .MetroFlipList html body .amber.copy-tile > .accent,
 .MetroFlipList html body .amber.live-tile > div,
 .MetroFlipList html body .amber.copy-tile > div,
 .MetroFlipList html body .amber.list-tile > div,
 .MetroFlipList html body .amber.live-tile > .face,
 .MetroFlipList html body .amber.list-tile > .face,
 .MetroFlipList html body .amber.copy-tile > .face,
 .MetroFlipList html body .amber.live-tile > .slide,
 .MetroFlipList html body .amber.live-tile > .flip-back,
 .MetroFlipList html body .amber.live-tile > .flip-front,
 .MetroFlipList html body .amber.live-tile > .slide-back,
 .MetroFlipList html body .amber.live-tile > .slide-front,
 .MetroFlipList html body .amber.flip-list > li > .accent,
 .MetroFlipList html body .amber.flip-list > li > .flip-back,
 .MetroFlipList html body .amber.flip-list > li > .flip-front,
 .MetroFlipList html body .amber.slide.accent,
 .MetroFlipList html body .amber.slide-front.accent,
 .MetroFlipList html body .amber.slide-back.accent,
 .MetroFlipList html body .amber.flip-front.accent,
 .MetroFlipList html body .amber.flip-back.accent {
  background-color: #f1a30b;
}
 .MetroFlipList html body .amber.accentColor,
 .MetroFlipList html body .amber.accentHover:hover,
 .MetroFlipList html body .amber.accentHover a:hover,
 .MetroFlipList html body .amber.accentLink a,
 .MetroFlipList html body .amber.accentLink a:hover,
 .MetroFlipList html body .amber.accentLink a:visited,
 .MetroFlipList a.accentLinkhtml body .amber,
 .MetroFlipList a.accentLinkhtml body .amber:hover,
 .MetroFlipList a.accentLinkhtml body .amber:visited {
  color: #f1a30b;
}
 .MetroFlipList html body .amber.accentBorder {
  border-color: #f1a30b;
}
 .MetroFlipList html body .amber.accentBorderBottom {
  border-bottom-color: #f1a30b;
}
 .MetroFlipList html body .amber.accentBorderLeft {
  border-left-color: #f1a30b;
}
 .MetroFlipList html body .amber.accentBorderRight {
  border-right-color: #f1a30b;
}
 .MetroFlipList html body .amber.accentBorderTop {
  border-top-color: #f1a30b;
}
 .MetroFlipList html body .blue.accent,
 .MetroFlipList html body .blue.live-tile > .accent,
 .MetroFlipList html body .blue.list-tile > .accent,
 .MetroFlipList html body .blue.copy-tile > .accent,
 .MetroFlipList html body .blue.live-tile > div,
 .MetroFlipList html body .blue.copy-tile > div,
 .MetroFlipList html body .blue.list-tile > div,
 .MetroFlipList html body .blue.live-tile > .face,
 .MetroFlipList html body .blue.list-tile > .face,
 .MetroFlipList html body .blue.copy-tile > .face,
 .MetroFlipList html body .blue.live-tile > .slide,
 .MetroFlipList html body .blue.live-tile > .flip-back,
 .MetroFlipList html body .blue.live-tile > .flip-front,
 .MetroFlipList html body .blue.live-tile > .slide-back,
 .MetroFlipList html body .blue.live-tile > .slide-front,
 .MetroFlipList html body .blue.flip-list > li > .accent,
 .MetroFlipList html body .blue.flip-list > li > .flip-back,
 .MetroFlipList html body .blue.flip-list > li > .flip-front,
 .MetroFlipList html body .blue.slide.accent,
 .MetroFlipList html body .blue.slide-front.accent,
 .MetroFlipList html body .blue.slide-back.accent,
 .MetroFlipList html body .blue.flip-front.accent,
 .MetroFlipList html body .blue.flip-back.accent {
  background-color: #1ba1e2;
}
 .MetroFlipList html body .blue.accentColor,
 .MetroFlipList html body .blue.accentHover:hover,
 .MetroFlipList html body .blue.accentHover a:hover,
 .MetroFlipList html body .blue.accentLink a,
 .MetroFlipList html body .blue.accentLink a:hover,
 .MetroFlipList html body .blue.accentLink a:visited,
 .MetroFlipList a.accentLinkhtml body .blue,
 .MetroFlipList a.accentLinkhtml body .blue:hover,
 .MetroFlipList a.accentLinkhtml body .blue:visited {
  color: #1ba1e2;
}
 .MetroFlipList html body .blue.accentBorder {
  border-color: #1ba1e2;
}
 .MetroFlipList html body .blue.accentBorderBottom {
  border-bottom-color: #1ba1e2;
}
 .MetroFlipList html body .blue.accentBorderLeft {
  border-left-color: #1ba1e2;
}
 .MetroFlipList html body .blue.accentBorderRight {
  border-right-color: #1ba1e2;
}
 .MetroFlipList html body .blue.accentBorderTop {
  border-top-color: #1ba1e2;
}
 .MetroFlipList html body .brown.accent,
 .MetroFlipList html body .brown.live-tile > .accent,
 .MetroFlipList html body .brown.list-tile > .accent,
 .MetroFlipList html body .brown.copy-tile > .accent,
 .MetroFlipList html body .brown.live-tile > div,
 .MetroFlipList html body .brown.copy-tile > div,
 .MetroFlipList html body .brown.list-tile > div,
 .MetroFlipList html body .brown.live-tile > .face,
 .MetroFlipList html body .brown.list-tile > .face,
 .MetroFlipList html body .brown.copy-tile > .face,
 .MetroFlipList html body .brown.live-tile > .slide,
 .MetroFlipList html body .brown.live-tile > .flip-back,
 .MetroFlipList html body .brown.live-tile > .flip-front,
 .MetroFlipList html body .brown.live-tile > .slide-back,
 .MetroFlipList html body .brown.live-tile > .slide-front,
 .MetroFlipList html body .brown.flip-list > li > .accent,
 .MetroFlipList html body .brown.flip-list > li > .flip-back,
 .MetroFlipList html body .brown.flip-list > li > .flip-front,
 .MetroFlipList html body .brown.slide.accent,
 .MetroFlipList html body .brown.slide-front.accent,
 .MetroFlipList html body .brown.slide-back.accent,
 .MetroFlipList html body .brown.flip-front.accent,
 .MetroFlipList html body .brown.flip-back.accent {
  background-color: #a05000;
}
 .MetroFlipList html body .brown.accentColor,
 .MetroFlipList html body .brown.accentHover:hover,
 .MetroFlipList html body .brown.accentHover a:hover,
 .MetroFlipList html body .brown.accentLink a,
 .MetroFlipList html body .brown.accentLink a:hover,
 .MetroFlipList html body .brown.accentLink a:visited,
 .MetroFlipList a.accentLinkhtml body .brown,
 .MetroFlipList a.accentLinkhtml body .brown:hover,
 .MetroFlipList a.accentLinkhtml body .brown:visited {
  color: #a05000;
}
 .MetroFlipList html body .brown.accentBorder {
  border-color: #a05000;
}
 .MetroFlipList html body .brown.accentBorderBottom {
  border-bottom-color: #a05000;
}
 .MetroFlipList html body .brown.accentBorderLeft {
  border-left-color: #a05000;
}
 .MetroFlipList html body .brown.accentBorderRight {
  border-right-color: #a05000;
}
 .MetroFlipList html body .brown.accentBorderTop {
  border-top-color: #a05000;
}
 .MetroFlipList html body .cobalt.accent,
 .MetroFlipList html body .cobalt.live-tile > .accent,
 .MetroFlipList html body .cobalt.list-tile > .accent,
 .MetroFlipList html body .cobalt.copy-tile > .accent,
 .MetroFlipList html body .cobalt.live-tile > div,
 .MetroFlipList html body .cobalt.copy-tile > div,
 .MetroFlipList html body .cobalt.list-tile > div,
 .MetroFlipList html body .cobalt.live-tile > .face,
 .MetroFlipList html body .cobalt.list-tile > .face,
 .MetroFlipList html body .cobalt.copy-tile > .face,
 .MetroFlipList html body .cobalt.live-tile > .slide,
 .MetroFlipList html body .cobalt.live-tile > .flip-back,
 .MetroFlipList html body .cobalt.live-tile > .flip-front,
 .MetroFlipList html body .cobalt.live-tile > .slide-back,
 .MetroFlipList html body .cobalt.live-tile > .slide-front,
 .MetroFlipList html body .cobalt.flip-list > li > .accent,
 .MetroFlipList html body .cobalt.flip-list > li > .flip-back,
 .MetroFlipList html body .cobalt.flip-list > li > .flip-front,
 .MetroFlipList html body .cobalt.slide.accent,
 .MetroFlipList html body .cobalt.slide-front.accent,
 .MetroFlipList html body .cobalt.slide-back.accent,
 .MetroFlipList html body .cobalt.flip-front.accent,
 .MetroFlipList html body .cobalt.flip-back.accent {
  background-color: #0050ef;
}
 .MetroFlipList html body .cobalt.accentColor,
 .MetroFlipList html body .cobalt.accentHover:hover,
 .MetroFlipList html body .cobalt.accentHover a:hover,
 .MetroFlipList html body .cobalt.accentLink a,
 .MetroFlipList html body .cobalt.accentLink a:hover,
 .MetroFlipList html body .cobalt.accentLink a:visited,
 .MetroFlipList a.accentLinkhtml body .cobalt,
 .MetroFlipList a.accentLinkhtml body .cobalt:hover,
 .MetroFlipList a.accentLinkhtml body .cobalt:visited {
  color: #0050ef;
}
 .MetroFlipList html body .cobalt.accentBorder {
  border-color: #0050ef;
}
 .MetroFlipList html body .cobalt.accentBorderBottom {
  border-bottom-color: #0050ef;
}
 .MetroFlipList html body .cobalt.accentBorderLeft {
  border-left-color: #0050ef;
}
 .MetroFlipList html body .cobalt.accentBorderRight {
  border-right-color: #0050ef;
}
 .MetroFlipList html body .cobalt.accentBorderTop {
  border-top-color: #0050ef;
}
 .MetroFlipList html body .crimson.accent,
 .MetroFlipList html body .crimson.live-tile > .accent,
 .MetroFlipList html body .crimson.list-tile > .accent,
 .MetroFlipList html body .crimson.copy-tile > .accent,
 .MetroFlipList html body .crimson.live-tile > div,
 .MetroFlipList html body .crimson.copy-tile > div,
 .MetroFlipList html body .crimson.list-tile > div,
 .MetroFlipList html body .crimson.live-tile > .face,
 .MetroFlipList html body .crimson.list-tile > .face,
 .MetroFlipList html body .crimson.copy-tile > .face,
 .MetroFlipList html body .crimson.live-tile > .slide,
 .MetroFlipList html body .crimson.live-tile > .flip-back,
 .MetroFlipList html body .crimson.live-tile > .flip-front,
 .MetroFlipList html body .crimson.live-tile > .slide-back,
 .MetroFlipList html body .crimson.live-tile > .slide-front,
 .MetroFlipList html body .crimson.flip-list > li > .accent,
 .MetroFlipList html body .crimson.flip-list > li > .flip-back,
 .MetroFlipList html body .crimson.flip-list > li > .flip-front,
 .MetroFlipList html body .crimson.slide.accent,
 .MetroFlipList html body .crimson.slide-front.accent,
 .MetroFlipList html body .crimson.slide-back.accent,
 .MetroFlipList html body .crimson.flip-front.accent,
 .MetroFlipList html body .crimson.flip-back.accent {
  background-color: #a20025;
}
 .MetroFlipList html body .crimson.accentColor,
 .MetroFlipList html body .crimson.accentHover:hover,
 .MetroFlipList html body .crimson.accentHover a:hover,
 .MetroFlipList html body .crimson.accentLink a,
 .MetroFlipList html body .crimson.accentLink a:hover,
 .MetroFlipList html body .crimson.accentLink a:visited,
 .MetroFlipList a.accentLinkhtml body .crimson,
 .MetroFlipList a.accentLinkhtml body .crimson:hover,
 .MetroFlipList a.accentLinkhtml body .crimson:visited {
  color: #a20025;
}
 .MetroFlipList html body .crimson.accentBorder {
  border-color: #a20025;
}
 .MetroFlipList html body .crimson.accentBorderBottom {
  border-bottom-color: #a20025;
}
 .MetroFlipList html body .crimson.accentBorderLeft {
  border-left-color: #a20025;
}
 .MetroFlipList html body .crimson.accentBorderRight {
  border-right-color: #a20025;
}
 .MetroFlipList html body .crimson.accentBorderTop {
  border-top-color: #a20025;
}
 .MetroFlipList html body .cyan.accent,
 .MetroFlipList html body .cyan.live-tile > .accent,
 .MetroFlipList html body .cyan.list-tile > .accent,
 .MetroFlipList html body .cyan.copy-tile > .accent,
 .MetroFlipList html body .cyan.live-tile > div,
 .MetroFlipList html body .cyan.copy-tile > div,
 .MetroFlipList html body .cyan.list-tile > div,
 .MetroFlipList html body .cyan.live-tile > .face,
 .MetroFlipList html body .cyan.list-tile > .face,
 .MetroFlipList html body .cyan.copy-tile > .face,
 .MetroFlipList html body .cyan.live-tile > .slide,
 .MetroFlipList html body .cyan.live-tile > .flip-back,
 .MetroFlipList html body .cyan.live-tile > .flip-front,
 .MetroFlipList html body .cyan.live-tile > .slide-back,
 .MetroFlipList html body .cyan.live-tile > .slide-front,
 .MetroFlipList html body .cyan.flip-list > li > .accent,
 .MetroFlipList html body .cyan.flip-list > li > .flip-back,
 .MetroFlipList html body .cyan.flip-list > li > .flip-front,
 .MetroFlipList html body .cyan.slide.accent,
 .MetroFlipList html body .cyan.slide-front.accent,
 .MetroFlipList html body .cyan.slide-back.accent,
 .MetroFlipList html body .cyan.flip-front.accent,
 .MetroFlipList html body .cyan.flip-back.accent {
  background-color: #1ba0e1;
}
 .MetroFlipList html body .cyan.accentColor,
 .MetroFlipList html body .cyan.accentHover:hover,
 .MetroFlipList html body .cyan.accentHover a:hover,
 .MetroFlipList html body .cyan.accentLink a,
 .MetroFlipList html body .cyan.accentLink a:hover,
 .MetroFlipList html body .cyan.accentLink a:visited,
 .MetroFlipList a.accentLinkhtml body .cyan,
 .MetroFlipList a.accentLinkhtml body .cyan:hover,
 .MetroFlipList a.accentLinkhtml body .cyan:visited {
  color: #1ba0e1;
}
 .MetroFlipList html body .cyan.accentBorder {
  border-color: #1ba0e1;
}
 .MetroFlipList html body .cyan.accentBorderBottom {
  border-bottom-color: #1ba0e1;
}
 .MetroFlipList html body .cyan.accentBorderLeft {
  border-left-color: #1ba0e1;
}
 .MetroFlipList html body .cyan.accentBorderRight {
  border-right-color: #1ba0e1;
}
 .MetroFlipList html body .cyan.accentBorderTop {
  border-top-color: #1ba0e1;
}
 .MetroFlipList html body .emerald.accent,
 .MetroFlipList html body .emerald.live-tile > .accent,
 .MetroFlipList html body .emerald.list-tile > .accent,
 .MetroFlipList html body .emerald.copy-tile > .accent,
 .MetroFlipList html body .emerald.live-tile > div,
 .MetroFlipList html body .emerald.copy-tile > div,
 .MetroFlipList html body .emerald.list-tile > div,
 .MetroFlipList html body .emerald.live-tile > .face,
 .MetroFlipList html body .emerald.list-tile > .face,
 .MetroFlipList html body .emerald.copy-tile > .face,
 .MetroFlipList html body .emerald.live-tile > .slide,
 .MetroFlipList html body .emerald.live-tile > .flip-back,
 .MetroFlipList html body .emerald.live-tile > .flip-front,
 .MetroFlipList html body .emerald.live-tile > .slide-back,
 .MetroFlipList html body .emerald.live-tile > .slide-front,
 .MetroFlipList html body .emerald.flip-list > li > .accent,
 .MetroFlipList html body .emerald.flip-list > li > .flip-back,
 .MetroFlipList html body .emerald.flip-list > li > .flip-front,
 .MetroFlipList html body .emerald.slide.accent,
 .MetroFlipList html body .emerald.slide-front.accent,
 .MetroFlipList html body .emerald.slide-back.accent,
 .MetroFlipList html body .emerald.flip-front.accent,
 .MetroFlipList html body .emerald.flip-back.accent {
  background-color: #008a00;
}
 .MetroFlipList html body .emerald.accentColor,
 .MetroFlipList html body .emerald.accentHover:hover,
 .MetroFlipList html body .emerald.accentHover a:hover,
 .MetroFlipList html body .emerald.accentLink a,
 .MetroFlipList html body .emerald.accentLink a:hover,
 .MetroFlipList html body .emerald.accentLink a:visited,
 .MetroFlipList a.accentLinkhtml body .emerald,
 .MetroFlipList a.accentLinkhtml body .emerald:hover,
 .MetroFlipList a.accentLinkhtml body .emerald:visited {
  color: #008a00;
}
 .MetroFlipList html body .emerald.accentBorder {
  border-color: #008a00;
}
 .MetroFlipList html body .emerald.accentBorderBottom {
  border-bottom-color: #008a00;
}
 .MetroFlipList html body .emerald.accentBorderLeft {
  border-left-color: #008a00;
}
 .MetroFlipList html body .emerald.accentBorderRight {
  border-right-color: #008a00;
}
 .MetroFlipList html body .emerald.accentBorderTop {
  border-top-color: #008a00;
}
 .MetroFlipList html body .green.accent,
 .MetroFlipList html body .green.live-tile > .accent,
 .MetroFlipList html body .green.list-tile > .accent,
 .MetroFlipList html body .green.copy-tile > .accent,
 .MetroFlipList html body .green.live-tile > div,
 .MetroFlipList html body .green.copy-tile > div,
 .MetroFlipList html body .green.list-tile > div,
 .MetroFlipList html body .green.live-tile > .face,
 .MetroFlipList html body .green.list-tile > .face,
 .MetroFlipList html body .green.copy-tile > .face,
 .MetroFlipList html body .green.live-tile > .slide,
 .MetroFlipList html body .green.live-tile > .flip-back,
 .MetroFlipList html body .green.live-tile > .flip-front,
 .MetroFlipList html body .green.live-tile > .slide-back,
 .MetroFlipList html body .green.live-tile > .slide-front,
 .MetroFlipList html body .green.flip-list > li > .accent,
 .MetroFlipList html body .green.flip-list > li > .flip-back,
 .MetroFlipList html body .green.flip-list > li > .flip-front,
 .MetroFlipList html body .green.slide.accent,
 .MetroFlipList html body .green.slide-front.accent,
 .MetroFlipList html body .green.slide-back.accent,
 .MetroFlipList html body .green.flip-front.accent,
 .MetroFlipList html body .green.flip-back.accent {
  background-color: #339933;
}
 .MetroFlipList html body .green.accentColor,
 .MetroFlipList html body .green.accentHover:hover,
 .MetroFlipList html body .green.accentHover a:hover,
 .MetroFlipList html body .green.accentLink a,
 .MetroFlipList html body .green.accentLink a:hover,
 .MetroFlipList html body .green.accentLink a:visited,
 .MetroFlipList a.accentLinkhtml body .green,
 .MetroFlipList a.accentLinkhtml body .green:hover,
 .MetroFlipList a.accentLinkhtml body .green:visited {
  color: #339933;
}
 .MetroFlipList html body .green.accentBorder {
  border-color: #339933;
}
 .MetroFlipList html body .green.accentBorderBottom {
  border-bottom-color: #339933;
}
 .MetroFlipList html body .green.accentBorderLeft {
  border-left-color: #339933;
}
 .MetroFlipList html body .green.accentBorderRight {
  border-right-color: #339933;
}
 .MetroFlipList html body .green.accentBorderTop {
  border-top-color: #339933;
}
 .MetroFlipList html body .indigo.accent,
 .MetroFlipList html body .indigo.live-tile > .accent,
 .MetroFlipList html body .indigo.list-tile > .accent,
 .MetroFlipList html body .indigo.copy-tile > .accent,
 .MetroFlipList html body .indigo.live-tile > div,
 .MetroFlipList html body .indigo.copy-tile > div,
 .MetroFlipList html body .indigo.list-tile > div,
 .MetroFlipList html body .indigo.live-tile > .face,
 .MetroFlipList html body .indigo.list-tile > .face,
 .MetroFlipList html body .indigo.copy-tile > .face,
 .MetroFlipList html body .indigo.live-tile > .slide,
 .MetroFlipList html body .indigo.live-tile > .flip-back,
 .MetroFlipList html body .indigo.live-tile > .flip-front,
 .MetroFlipList html body .indigo.live-tile > .slide-back,
 .MetroFlipList html body .indigo.live-tile > .slide-front,
 .MetroFlipList html body .indigo.flip-list > li > .accent,
 .MetroFlipList html body .indigo.flip-list > li > .flip-back,
 .MetroFlipList html body .indigo.flip-list > li > .flip-front,
 .MetroFlipList html body .indigo.slide.accent,
 .MetroFlipList html body .indigo.slide-front.accent,
 .MetroFlipList html body .indigo.slide-back.accent,
 .MetroFlipList html body .indigo.flip-front.accent,
 .MetroFlipList html body .indigo.flip-back.accent {
  background-color: #6a00ff;
}
 .MetroFlipList html body .indigo.accentColor,
 .MetroFlipList html body .indigo.accentHover:hover,
 .MetroFlipList html body .indigo.accentHover a:hover,
 .MetroFlipList html body .indigo.accentLink a,
 .MetroFlipList html body .indigo.accentLink a:hover,
 .MetroFlipList html body .indigo.accentLink a:visited,
 .MetroFlipList a.accentLinkhtml body .indigo,
 .MetroFlipList a.accentLinkhtml body .indigo:hover,
 .MetroFlipList a.accentLinkhtml body .indigo:visited {
  color: #6a00ff;
}
 .MetroFlipList html body .indigo.accentBorder {
  border-color: #6a00ff;
}
 .MetroFlipList html body .indigo.accentBorderBottom {
  border-bottom-color: #6a00ff;
}
 .MetroFlipList html body .indigo.accentBorderLeft {
  border-left-color: #6a00ff;
}
 .MetroFlipList html body .indigo.accentBorderRight {
  border-right-color: #6a00ff;
}
 .MetroFlipList html body .indigo.accentBorderTop {
  border-top-color: #6a00ff;
}
 .MetroFlipList html body .lime.accent,
 .MetroFlipList html body .lime.live-tile > .accent,
 .MetroFlipList html body .lime.list-tile > .accent,
 .MetroFlipList html body .lime.copy-tile > .accent,
 .MetroFlipList html body .lime.live-tile > div,
 .MetroFlipList html body .lime.copy-tile > div,
 .MetroFlipList html body .lime.list-tile > div,
 .MetroFlipList html body .lime.live-tile > .face,
 .MetroFlipList html body .lime.list-tile > .face,
 .MetroFlipList html body .lime.copy-tile > .face,
 .MetroFlipList html body .lime.live-tile > .slide,
 .MetroFlipList html body .lime.live-tile > .flip-back,
 .MetroFlipList html body .lime.live-tile > .flip-front,
 .MetroFlipList html body .lime.live-tile > .slide-back,
 .MetroFlipList html body .lime.live-tile > .slide-front,
 .MetroFlipList html body .lime.flip-list > li > .accent,
 .MetroFlipList html body .lime.flip-list > li > .flip-back,
 .MetroFlipList html body .lime.flip-list > li > .flip-front,
 .MetroFlipList html body .lime.slide.accent,
 .MetroFlipList html body .lime.slide-front.accent,
 .MetroFlipList html body .lime.slide-back.accent,
 .MetroFlipList html body .lime.flip-front.accent,
 .MetroFlipList html body .lime.flip-back.accent {
  background-color: #a2c139;
}
 .MetroFlipList html body .lime.accentColor,
 .MetroFlipList html body .lime.accentHover:hover,
 .MetroFlipList html body .lime.accentHover a:hover,
 .MetroFlipList html body .lime.accentLink a,
 .MetroFlipList html body .lime.accentLink a:hover,
 .MetroFlipList html body .lime.accentLink a:visited,
 .MetroFlipList a.accentLinkhtml body .lime,
 .MetroFlipList a.accentLinkhtml body .lime:hover,
 .MetroFlipList a.accentLinkhtml body .lime:visited {
  color: #a2c139;
}
 .MetroFlipList html body .lime.accentBorder {
  border-color: #a2c139;
}
 .MetroFlipList html body .lime.accentBorderBottom {
  border-bottom-color: #a2c139;
}
 .MetroFlipList html body .lime.accentBorderLeft {
  border-left-color: #a2c139;
}
 .MetroFlipList html body .lime.accentBorderRight {
  border-right-color: #a2c139;
}
 .MetroFlipList html body .lime.accentBorderTop {
  border-top-color: #a2c139;
}
 .MetroFlipList html body .magenta.accent,
 .MetroFlipList html body .magenta.live-tile > .accent,
 .MetroFlipList html body .magenta.list-tile > .accent,
 .MetroFlipList html body .magenta.copy-tile > .accent,
 .MetroFlipList html body .magenta.live-tile > div,
 .MetroFlipList html body .magenta.copy-tile > div,
 .MetroFlipList html body .magenta.list-tile > div,
 .MetroFlipList html body .magenta.live-tile > .face,
 .MetroFlipList html body .magenta.list-tile > .face,
 .MetroFlipList html body .magenta.copy-tile > .face,
 .MetroFlipList html body .magenta.live-tile > .slide,
 .MetroFlipList html body .magenta.live-tile > .flip-back,
 .MetroFlipList html body .magenta.live-tile > .flip-front,
 .MetroFlipList html body .magenta.live-tile > .slide-back,
 .MetroFlipList html body .magenta.live-tile > .slide-front,
 .MetroFlipList html body .magenta.flip-list > li > .accent,
 .MetroFlipList html body .magenta.flip-list > li > .flip-back,
 .MetroFlipList html body .magenta.flip-list > li > .flip-front,
 .MetroFlipList html body .magenta.slide.accent,
 .MetroFlipList html body .magenta.slide-front.accent,
 .MetroFlipList html body .magenta.slide-back.accent,
 .MetroFlipList html body .magenta.flip-front.accent,
 .MetroFlipList html body .magenta.flip-back.accent {
  background-color: #d80073;
}
 .MetroFlipList html body .magenta.accentColor,
 .MetroFlipList html body .magenta.accentHover:hover,
 .MetroFlipList html body .magenta.accentHover a:hover,
 .MetroFlipList html body .magenta.accentLink a,
 .MetroFlipList html body .magenta.accentLink a:hover,
 .MetroFlipList html body .magenta.accentLink a:visited,
 .MetroFlipList a.accentLinkhtml body .magenta,
 .MetroFlipList a.accentLinkhtml body .magenta:hover,
 .MetroFlipList a.accentLinkhtml body .magenta:visited {
  color: #d80073;
}
 .MetroFlipList html body .magenta.accentBorder {
  border-color: #d80073;
}
 .MetroFlipList html body .magenta.accentBorderBottom {
  border-bottom-color: #d80073;
}
 .MetroFlipList html body .magenta.accentBorderLeft {
  border-left-color: #d80073;
}
 .MetroFlipList html body .magenta.accentBorderRight {
  border-right-color: #d80073;
}
 .MetroFlipList html body .magenta.accentBorderTop {
  border-top-color: #d80073;
}
 .MetroFlipList html body .mango.accent,
 .MetroFlipList html body .mango.live-tile > .accent,
 .MetroFlipList html body .mango.list-tile > .accent,
 .MetroFlipList html body .mango.copy-tile > .accent,
 .MetroFlipList html body .mango.live-tile > div,
 .MetroFlipList html body .mango.copy-tile > div,
 .MetroFlipList html body .mango.list-tile > div,
 .MetroFlipList html body .mango.live-tile > .face,
 .MetroFlipList html body .mango.list-tile > .face,
 .MetroFlipList html body .mango.copy-tile > .face,
 .MetroFlipList html body .mango.live-tile > .slide,
 .MetroFlipList html body .mango.live-tile > .flip-back,
 .MetroFlipList html body .mango.live-tile > .flip-front,
 .MetroFlipList html body .mango.live-tile > .slide-back,
 .MetroFlipList html body .mango.live-tile > .slide-front,
 .MetroFlipList html body .mango.flip-list > li > .accent,
 .MetroFlipList html body .mango.flip-list > li > .flip-back,
 .MetroFlipList html body .mango.flip-list > li > .flip-front,
 .MetroFlipList html body .mango.slide.accent,
 .MetroFlipList html body .mango.slide-front.accent,
 .MetroFlipList html body .mango.slide-back.accent,
 .MetroFlipList html body .mango.flip-front.accent,
 .MetroFlipList html body .mango.flip-back.accent {
  background-color: #f09609;
}
 .MetroFlipList html body .mango.accentColor,
 .MetroFlipList html body .mango.accentHover:hover,
 .MetroFlipList html body .mango.accentHover a:hover,
 .MetroFlipList html body .mango.accentLink a,
 .MetroFlipList html body .mango.accentLink a:hover,
 .MetroFlipList html body .mango.accentLink a:visited,
 .MetroFlipList a.accentLinkhtml body .mango,
 .MetroFlipList a.accentLinkhtml body .mango:hover,
 .MetroFlipList a.accentLinkhtml body .mango:visited {
  color: #f09609;
}
 .MetroFlipList html body .mango.accentBorder {
  border-color: #f09609;
}
 .MetroFlipList html body .mango.accentBorderBottom {
  border-bottom-color: #f09609;
}
 .MetroFlipList html body .mango.accentBorderLeft {
  border-left-color: #f09609;
}
 .MetroFlipList html body .mango.accentBorderRight {
  border-right-color: #f09609;
}
 .MetroFlipList html body .mango.accentBorderTop {
  border-top-color: #f09609;
}
 .MetroFlipList html body .mauve.accent,
 .MetroFlipList html body .mauve.live-tile > .accent,
 .MetroFlipList html body .mauve.list-tile > .accent,
 .MetroFlipList html body .mauve.copy-tile > .accent,
 .MetroFlipList html body .mauve.live-tile > div,
 .MetroFlipList html body .mauve.copy-tile > div,
 .MetroFlipList html body .mauve.list-tile > div,
 .MetroFlipList html body .mauve.live-tile > .face,
 .MetroFlipList html body .mauve.list-tile > .face,
 .MetroFlipList html body .mauve.copy-tile > .face,
 .MetroFlipList html body .mauve.live-tile > .slide,
 .MetroFlipList html body .mauve.live-tile > .flip-back,
 .MetroFlipList html body .mauve.live-tile > .flip-front,
 .MetroFlipList html body .mauve.live-tile > .slide-back,
 .MetroFlipList html body .mauve.live-tile > .slide-front,
 .MetroFlipList html body .mauve.flip-list > li > .accent,
 .MetroFlipList html body .mauve.flip-list > li > .flip-back,
 .MetroFlipList html body .mauve.flip-list > li > .flip-front,
 .MetroFlipList html body .mauve.slide.accent,
 .MetroFlipList html body .mauve.slide-front.accent,
 .MetroFlipList html body .mauve.slide-back.accent,
 .MetroFlipList html body .mauve.flip-front.accent,
 .MetroFlipList html body .mauve.flip-back.accent {
  background-color: #765f89;
}
 .MetroFlipList html body .mauve.accentColor,
 .MetroFlipList html body .mauve.accentHover:hover,
 .MetroFlipList html body .mauve.accentHover a:hover,
 .MetroFlipList html body .mauve.accentLink a,
 .MetroFlipList html body .mauve.accentLink a:hover,
 .MetroFlipList html body .mauve.accentLink a:visited,
 .MetroFlipList a.accentLinkhtml body .mauve,
 .MetroFlipList a.accentLinkhtml body .mauve:hover,
 .MetroFlipList a.accentLinkhtml body .mauve:visited {
  color: #765f89;
}
 .MetroFlipList html body .mauve.accentBorder {
  border-color: #765f89;
}
 .MetroFlipList html body .mauve.accentBorderBottom {
  border-bottom-color: #765f89;
}
 .MetroFlipList html body .mauve.accentBorderLeft {
  border-left-color: #765f89;
}
 .MetroFlipList html body .mauve.accentBorderRight {
  border-right-color: #765f89;
}
 .MetroFlipList html body .mauve.accentBorderTop {
  border-top-color: #765f89;
}
 .MetroFlipList html body .olive.accent,
 .MetroFlipList html body .olive.live-tile > .accent,
 .MetroFlipList html body .olive.list-tile > .accent,
 .MetroFlipList html body .olive.copy-tile > .accent,
 .MetroFlipList html body .olive.live-tile > div,
 .MetroFlipList html body .olive.copy-tile > div,
 .MetroFlipList html body .olive.list-tile > div,
 .MetroFlipList html body .olive.live-tile > .face,
 .MetroFlipList html body .olive.list-tile > .face,
 .MetroFlipList html body .olive.copy-tile > .face,
 .MetroFlipList html body .olive.live-tile > .slide,
 .MetroFlipList html body .olive.live-tile > .flip-back,
 .MetroFlipList html body .olive.live-tile > .flip-front,
 .MetroFlipList html body .olive.live-tile > .slide-back,
 .MetroFlipList html body .olive.live-tile > .slide-front,
 .MetroFlipList html body .olive.flip-list > li > .accent,
 .MetroFlipList html body .olive.flip-list > li > .flip-back,
 .MetroFlipList html body .olive.flip-list > li > .flip-front,
 .MetroFlipList html body .olive.slide.accent,
 .MetroFlipList html body .olive.slide-front.accent,
 .MetroFlipList html body .olive.slide-back.accent,
 .MetroFlipList html body .olive.flip-front.accent,
 .MetroFlipList html body .olive.flip-back.accent {
  background-color: #6d8764;
}
 .MetroFlipList html body .olive.accentColor,
 .MetroFlipList html body .olive.accentHover:hover,
 .MetroFlipList html body .olive.accentHover a:hover,
 .MetroFlipList html body .olive.accentLink a,
 .MetroFlipList html body .olive.accentLink a:hover,
 .MetroFlipList html body .olive.accentLink a:visited,
 .MetroFlipList a.accentLinkhtml body .olive,
 .MetroFlipList a.accentLinkhtml body .olive:hover,
 .MetroFlipList a.accentLinkhtml body .olive:visited {
  color: #6d8764;
}
 .MetroFlipList html body .olive.accentBorder {
  border-color: #6d8764;
}
 .MetroFlipList html body .olive.accentBorderBottom {
  border-bottom-color: #6d8764;
}
 .MetroFlipList html body .olive.accentBorderLeft {
  border-left-color: #6d8764;
}
 .MetroFlipList html body .olive.accentBorderRight {
  border-right-color: #6d8764;
}
 .MetroFlipList html body .olive.accentBorderTop {
  border-top-color: #6d8764;
}
 .MetroFlipList html body .orange.accent,
 .MetroFlipList html body .orange.live-tile > .accent,
 .MetroFlipList html body .orange.list-tile > .accent,
 .MetroFlipList html body .orange.copy-tile > .accent,
 .MetroFlipList html body .orange.live-tile > div,
 .MetroFlipList html body .orange.copy-tile > div,
 .MetroFlipList html body .orange.list-tile > div,
 .MetroFlipList html body .orange.live-tile > .face,
 .MetroFlipList html body .orange.list-tile > .face,
 .MetroFlipList html body .orange.copy-tile > .face,
 .MetroFlipList html body .orange.live-tile > .slide,
 .MetroFlipList html body .orange.live-tile > .flip-back,
 .MetroFlipList html body .orange.live-tile > .flip-front,
 .MetroFlipList html body .orange.live-tile > .slide-back,
 .MetroFlipList html body .orange.live-tile > .slide-front,
 .MetroFlipList html body .orange.flip-list > li > .accent,
 .MetroFlipList html body .orange.flip-list > li > .flip-back,
 .MetroFlipList html body .orange.flip-list > li > .flip-front,
 .MetroFlipList html body .orange.slide.accent,
 .MetroFlipList html body .orange.slide-front.accent,
 .MetroFlipList html body .orange.slide-back.accent,
 .MetroFlipList html body .orange.flip-front.accent,
 .MetroFlipList html body .orange.flip-back.accent {
  background-color: #fa6801;
}
 .MetroFlipList html body .orange.accentColor,
 .MetroFlipList html body .orange.accentHover:hover,
 .MetroFlipList html body .orange.accentHover a:hover,
 .MetroFlipList html body .orange.accentLink a,
 .MetroFlipList html body .orange.accentLink a:hover,
 .MetroFlipList html body .orange.accentLink a:visited,
 .MetroFlipList a.accentLinkhtml body .orange,
 .MetroFlipList a.accentLinkhtml body .orange:hover,
 .MetroFlipList a.accentLinkhtml body .orange:visited {
  color: #fa6801;
}
 .MetroFlipList html body .orange.accentBorder {
  border-color: #fa6801;
}
 .MetroFlipList html body .orange.accentBorderBottom {
  border-bottom-color: #fa6801;
}
 .MetroFlipList html body .orange.accentBorderLeft {
  border-left-color: #fa6801;
}
 .MetroFlipList html body .orange.accentBorderRight {
  border-right-color: #fa6801;
}
 .MetroFlipList html body .orange.accentBorderTop {
  border-top-color: #fa6801;
}
 .MetroFlipList html body .pink.accent,
 .MetroFlipList html body .pink.live-tile > .accent,
 .MetroFlipList html body .pink.list-tile > .accent,
 .MetroFlipList html body .pink.copy-tile > .accent,
 .MetroFlipList html body .pink.live-tile > div,
 .MetroFlipList html body .pink.copy-tile > div,
 .MetroFlipList html body .pink.list-tile > div,
 .MetroFlipList html body .pink.live-tile > .face,
 .MetroFlipList html body .pink.list-tile > .face,
 .MetroFlipList html body .pink.copy-tile > .face,
 .MetroFlipList html body .pink.live-tile > .slide,
 .MetroFlipList html body .pink.live-tile > .flip-back,
 .MetroFlipList html body .pink.live-tile > .flip-front,
 .MetroFlipList html body .pink.live-tile > .slide-back,
 .MetroFlipList html body .pink.live-tile > .slide-front,
 .MetroFlipList html body .pink.flip-list > li > .accent,
 .MetroFlipList html body .pink.flip-list > li > .flip-back,
 .MetroFlipList html body .pink.flip-list > li > .flip-front,
 .MetroFlipList html body .pink.slide.accent,
 .MetroFlipList html body .pink.slide-front.accent,
 .MetroFlipList html body .pink.slide-back.accent,
 .MetroFlipList html body .pink.flip-front.accent,
 .MetroFlipList html body .pink.flip-back.accent {
  background-color: #e671b8;
}
 .MetroFlipList html body .pink.accentColor,
 .MetroFlipList html body .pink.accentHover:hover,
 .MetroFlipList html body .pink.accentHover a:hover,
 .MetroFlipList html body .pink.accentLink a,
 .MetroFlipList html body .pink.accentLink a:hover,
 .MetroFlipList html body .pink.accentLink a:visited,
 .MetroFlipList a.accentLinkhtml body .pink,
 .MetroFlipList a.accentLinkhtml body .pink:hover,
 .MetroFlipList a.accentLinkhtml body .pink:visited {
  color: #e671b8;
}
 .MetroFlipList html body .pink.accentBorder {
  border-color: #e671b8;
}
 .MetroFlipList html body .pink.accentBorderBottom {
  border-bottom-color: #e671b8;
}
 .MetroFlipList html body .pink.accentBorderLeft {
  border-left-color: #e671b8;
}
 .MetroFlipList html body .pink.accentBorderRight {
  border-right-color: #e671b8;
}
 .MetroFlipList html body .pink.accentBorderTop {
  border-top-color: #e671b8;
}
 .MetroFlipList html body .purple.accent,
 .MetroFlipList html body .purple.live-tile > .accent,
 .MetroFlipList html body .purple.list-tile > .accent,
 .MetroFlipList html body .purple.copy-tile > .accent,
 .MetroFlipList html body .purple.live-tile > div,
 .MetroFlipList html body .purple.copy-tile > div,
 .MetroFlipList html body .purple.list-tile > div,
 .MetroFlipList html body .purple.live-tile > .face,
 .MetroFlipList html body .purple.list-tile > .face,
 .MetroFlipList html body .purple.copy-tile > .face,
 .MetroFlipList html body .purple.live-tile > .slide,
 .MetroFlipList html body .purple.live-tile > .flip-back,
 .MetroFlipList html body .purple.live-tile > .flip-front,
 .MetroFlipList html body .purple.live-tile > .slide-back,
 .MetroFlipList html body .purple.live-tile > .slide-front,
 .MetroFlipList html body .purple.flip-list > li > .accent,
 .MetroFlipList html body .purple.flip-list > li > .flip-back,
 .MetroFlipList html body .purple.flip-list > li > .flip-front,
 .MetroFlipList html body .purple.slide.accent,
 .MetroFlipList html body .purple.slide-front.accent,
 .MetroFlipList html body .purple.slide-back.accent,
 .MetroFlipList html body .purple.flip-front.accent,
 .MetroFlipList html body .purple.flip-back.accent {
  background-color: #a200ff;
}
 .MetroFlipList html body .purple.accentColor,
 .MetroFlipList html body .purple.accentHover:hover,
 .MetroFlipList html body .purple.accentHover a:hover,
 .MetroFlipList html body .purple.accentLink a,
 .MetroFlipList html body .purple.accentLink a:hover,
 .MetroFlipList html body .purple.accentLink a:visited,
 .MetroFlipList a.accentLinkhtml body .purple,
 .MetroFlipList a.accentLinkhtml body .purple:hover,
 .MetroFlipList a.accentLinkhtml body .purple:visited {
  color: #a200ff;
}
 .MetroFlipList html body .purple.accentBorder {
  border-color: #a200ff;
}
 .MetroFlipList html body .purple.accentBorderBottom {
  border-bottom-color: #a200ff;
}
 .MetroFlipList html body .purple.accentBorderLeft {
  border-left-color: #a200ff;
}
 .MetroFlipList html body .purple.accentBorderRight {
  border-right-color: #a200ff;
}
 .MetroFlipList html body .purple.accentBorderTop {
  border-top-color: #a200ff;
}
 .MetroFlipList html body .violet.accent,
 .MetroFlipList html body .violet.live-tile > .accent,
 .MetroFlipList html body .violet.list-tile > .accent,
 .MetroFlipList html body .violet.copy-tile > .accent,
 .MetroFlipList html body .violet.live-tile > div,
 .MetroFlipList html body .violet.copy-tile > div,
 .MetroFlipList html body .violet.list-tile > div,
 .MetroFlipList html body .violet.live-tile > .face,
 .MetroFlipList html body .violet.list-tile > .face,
 .MetroFlipList html body .violet.copy-tile > .face,
 .MetroFlipList html body .violet.live-tile > .slide,
 .MetroFlipList html body .violet.live-tile > .flip-back,
 .MetroFlipList html body .violet.live-tile > .flip-front,
 .MetroFlipList html body .violet.live-tile > .slide-back,
 .MetroFlipList html body .violet.live-tile > .slide-front,
 .MetroFlipList html body .violet.flip-list > li > .accent,
 .MetroFlipList html body .violet.flip-list > li > .flip-back,
 .MetroFlipList html body .violet.flip-list > li > .flip-front,
 .MetroFlipList html body .violet.slide.accent,
 .MetroFlipList html body .violet.slide-front.accent,
 .MetroFlipList html body .violet.slide-back.accent,
 .MetroFlipList html body .violet.flip-front.accent,
 .MetroFlipList html body .violet.flip-back.accent {
  background-color: #a200ff;
}
 .MetroFlipList html body .violet.accentColor,
 .MetroFlipList html body .violet.accentHover:hover,
 .MetroFlipList html body .violet.accentHover a:hover,
 .MetroFlipList html body .violet.accentLink a,
 .MetroFlipList html body .violet.accentLink a:hover,
 .MetroFlipList html body .violet.accentLink a:visited,
 .MetroFlipList a.accentLinkhtml body .violet,
 .MetroFlipList a.accentLinkhtml body .violet:hover,
 .MetroFlipList a.accentLinkhtml body .violet:visited {
  color: #a200ff;
}
 .MetroFlipList html body .violet.accentBorder {
  border-color: #a200ff;
}
 .MetroFlipList html body .violet.accentBorderBottom {
  border-bottom-color: #a200ff;
}
 .MetroFlipList html body .violet.accentBorderLeft {
  border-left-color: #a200ff;
}
 .MetroFlipList html body .violet.accentBorderRight {
  border-right-color: #a200ff;
}
 .MetroFlipList html body .violet.accentBorderTop {
  border-top-color: #a200ff;
}
 .MetroFlipList html body .red.accent,
 .MetroFlipList html body .red.live-tile > .accent,
 .MetroFlipList html body .red.list-tile > .accent,
 .MetroFlipList html body .red.copy-tile > .accent,
 .MetroFlipList html body .red.live-tile > div,
 .MetroFlipList html body .red.copy-tile > div,
 .MetroFlipList html body .red.list-tile > div,
 .MetroFlipList html body .red.live-tile > .face,
 .MetroFlipList html body .red.list-tile > .face,
 .MetroFlipList html body .red.copy-tile > .face,
 .MetroFlipList html body .red.live-tile > .slide,
 .MetroFlipList html body .red.live-tile > .flip-back,
 .MetroFlipList html body .red.live-tile > .flip-front,
 .MetroFlipList html body .red.live-tile > .slide-back,
 .MetroFlipList html body .red.live-tile > .slide-front,
 .MetroFlipList html body .red.flip-list > li > .accent,
 .MetroFlipList html body .red.flip-list > li > .flip-back,
 .MetroFlipList html body .red.flip-list > li > .flip-front,
 .MetroFlipList html body .red.slide.accent,
 .MetroFlipList html body .red.slide-front.accent,
 .MetroFlipList html body .red.slide-back.accent,
 .MetroFlipList html body .red.flip-front.accent,
 .MetroFlipList html body .red.flip-back.accent {
  background-color: #e51400;
}
 .MetroFlipList html body .red.accentColor,
 .MetroFlipList html body .red.accentHover:hover,
 .MetroFlipList html body .red.accentHover a:hover,
 .MetroFlipList html body .red.accentLink a,
 .MetroFlipList html body .red.accentLink a:hover,
 .MetroFlipList html body .red.accentLink a:visited,
 .MetroFlipList a.accentLinkhtml body .red,
 .MetroFlipList a.accentLinkhtml body .red:hover,
 .MetroFlipList a.accentLinkhtml body .red:visited {
  color: #e51400;
}
 .MetroFlipList html body .red.accentBorder {
  border-color: #e51400;
}
 .MetroFlipList html body .red.accentBorderBottom {
  border-bottom-color: #e51400;
}
 .MetroFlipList html body .red.accentBorderLeft {
  border-left-color: #e51400;
}
 .MetroFlipList html body .red.accentBorderRight {
  border-right-color: #e51400;
}
 .MetroFlipList html body .red.accentBorderTop {
  border-top-color: #e51400;
}
 .MetroFlipList html body .sienna.accent,
 .MetroFlipList html body .sienna.live-tile > .accent,
 .MetroFlipList html body .sienna.list-tile > .accent,
 .MetroFlipList html body .sienna.copy-tile > .accent,
 .MetroFlipList html body .sienna.live-tile > div,
 .MetroFlipList html body .sienna.copy-tile > div,
 .MetroFlipList html body .sienna.list-tile > div,
 .MetroFlipList html body .sienna.live-tile > .face,
 .MetroFlipList html body .sienna.list-tile > .face,
 .MetroFlipList html body .sienna.copy-tile > .face,
 .MetroFlipList html body .sienna.live-tile > .slide,
 .MetroFlipList html body .sienna.live-tile > .flip-back,
 .MetroFlipList html body .sienna.live-tile > .flip-front,
 .MetroFlipList html body .sienna.live-tile > .slide-back,
 .MetroFlipList html body .sienna.live-tile > .slide-front,
 .MetroFlipList html body .sienna.flip-list > li > .accent,
 .MetroFlipList html body .sienna.flip-list > li > .flip-back,
 .MetroFlipList html body .sienna.flip-list > li > .flip-front,
 .MetroFlipList html body .sienna.slide.accent,
 .MetroFlipList html body .sienna.slide-front.accent,
 .MetroFlipList html body .sienna.slide-back.accent,
 .MetroFlipList html body .sienna.flip-front.accent,
 .MetroFlipList html body .sienna.flip-back.accent {
  background-color: #7b3a3e;
}
 .MetroFlipList html body .sienna.accentColor,
 .MetroFlipList html body .sienna.accentHover:hover,
 .MetroFlipList html body .sienna.accentHover a:hover,
 .MetroFlipList html body .sienna.accentLink a,
 .MetroFlipList html body .sienna.accentLink a:hover,
 .MetroFlipList html body .sienna.accentLink a:visited,
 .MetroFlipList a.accentLinkhtml body .sienna,
 .MetroFlipList a.accentLinkhtml body .sienna:hover,
 .MetroFlipList a.accentLinkhtml body .sienna:visited {
  color: #7b3a3e;
}
 .MetroFlipList html body .sienna.accentBorder {
  border-color: #7b3a3e;
}
 .MetroFlipList html body .sienna.accentBorderBottom {
  border-bottom-color: #7b3a3e;
}
 .MetroFlipList html body .sienna.accentBorderLeft {
  border-left-color: #7b3a3e;
}
 .MetroFlipList html body .sienna.accentBorderRight {
  border-right-color: #7b3a3e;
}
 .MetroFlipList html body .sienna.accentBorderTop {
  border-top-color: #7b3a3e;
}
 .MetroFlipList html body .steel.accent,
 .MetroFlipList html body .steel.live-tile > .accent,
 .MetroFlipList html body .steel.list-tile > .accent,
 .MetroFlipList html body .steel.copy-tile > .accent,
 .MetroFlipList html body .steel.live-tile > div,
 .MetroFlipList html body .steel.copy-tile > div,
 .MetroFlipList html body .steel.list-tile > div,
 .MetroFlipList html body .steel.live-tile > .face,
 .MetroFlipList html body .steel.list-tile > .face,
 .MetroFlipList html body .steel.copy-tile > .face,
 .MetroFlipList html body .steel.live-tile > .slide,
 .MetroFlipList html body .steel.live-tile > .flip-back,
 .MetroFlipList html body .steel.live-tile > .flip-front,
 .MetroFlipList html body .steel.live-tile > .slide-back,
 .MetroFlipList html body .steel.live-tile > .slide-front,
 .MetroFlipList html body .steel.flip-list > li > .accent,
 .MetroFlipList html body .steel.flip-list > li > .flip-back,
 .MetroFlipList html body .steel.flip-list > li > .flip-front,
 .MetroFlipList html body .steel.slide.accent,
 .MetroFlipList html body .steel.slide-front.accent,
 .MetroFlipList html body .steel.slide-back.accent,
 .MetroFlipList html body .steel.flip-front.accent,
 .MetroFlipList html body .steel.flip-back.accent {
  background-color: #657688;
}
 .MetroFlipList html body .steel.accentColor,
 .MetroFlipList html body .steel.accentHover:hover,
 .MetroFlipList html body .steel.accentHover a:hover,
 .MetroFlipList html body .steel.accentLink a,
 .MetroFlipList html body .steel.accentLink a:hover,
 .MetroFlipList html body .steel.accentLink a:visited,
 .MetroFlipList a.accentLinkhtml body .steel,
 .MetroFlipList a.accentLinkhtml body .steel:hover,
 .MetroFlipList a.accentLinkhtml body .steel:visited {
  color: #657688;
}
 .MetroFlipList html body .steel.accentBorder {
  border-color: #657688;
}
 .MetroFlipList html body .steel.accentBorderBottom {
  border-bottom-color: #657688;
}
 .MetroFlipList html body .steel.accentBorderLeft {
  border-left-color: #657688;
}
 .MetroFlipList html body .steel.accentBorderRight {
  border-right-color: #657688;
}
 .MetroFlipList html body .steel.accentBorderTop {
  border-top-color: #657688;
}
 .MetroFlipList html body .teal.accent,
 .MetroFlipList html body .teal.live-tile > .accent,
 .MetroFlipList html body .teal.list-tile > .accent,
 .MetroFlipList html body .teal.copy-tile > .accent,
 .MetroFlipList html body .teal.live-tile > div,
 .MetroFlipList html body .teal.copy-tile > div,
 .MetroFlipList html body .teal.list-tile > div,
 .MetroFlipList html body .teal.live-tile > .face,
 .MetroFlipList html body .teal.list-tile > .face,
 .MetroFlipList html body .teal.copy-tile > .face,
 .MetroFlipList html body .teal.live-tile > .slide,
 .MetroFlipList html body .teal.live-tile > .flip-back,
 .MetroFlipList html body .teal.live-tile > .flip-front,
 .MetroFlipList html body .teal.live-tile > .slide-back,
 .MetroFlipList html body .teal.live-tile > .slide-front,
 .MetroFlipList html body .teal.flip-list > li > .accent,
 .MetroFlipList html body .teal.flip-list > li > .flip-back,
 .MetroFlipList html body .teal.flip-list > li > .flip-front,
 .MetroFlipList html body .teal.slide.accent,
 .MetroFlipList html body .teal.slide-front.accent,
 .MetroFlipList html body .teal.slide-back.accent,
 .MetroFlipList html body .teal.flip-front.accent,
 .MetroFlipList html body .teal.flip-back.accent {
  background-color: #00aba9;
}
 .MetroFlipList html body .teal.accentColor,
 .MetroFlipList html body .teal.accentHover:hover,
 .MetroFlipList html body .teal.accentHover a:hover,
 .MetroFlipList html body .teal.accentLink a,
 .MetroFlipList html body .teal.accentLink a:hover,
 .MetroFlipList html body .teal.accentLink a:visited,
 .MetroFlipList a.accentLinkhtml body .teal,
 .MetroFlipList a.accentLinkhtml body .teal:hover,
 .MetroFlipList a.accentLinkhtml body .teal:visited {
  color: #00aba9;
}
 .MetroFlipList html body .teal.accentBorder {
  border-color: #00aba9;
}
 .MetroFlipList html body .teal.accentBorderBottom {
  border-bottom-color: #00aba9;
}
 .MetroFlipList html body .teal.accentBorderLeft {
  border-left-color: #00aba9;
}
 .MetroFlipList html body .teal.accentBorderRight {
  border-right-color: #00aba9;
}
 .MetroFlipList html body .teal.accentBorderTop {
  border-top-color: #00aba9;
}
 .MetroFlipList html body .yellow.accent,
 .MetroFlipList html body .yellow.live-tile > .accent,
 .MetroFlipList html body .yellow.list-tile > .accent,
 .MetroFlipList html body .yellow.copy-tile > .accent,
 .MetroFlipList html body .yellow.live-tile > div,
 .MetroFlipList html body .yellow.copy-tile > div,
 .MetroFlipList html body .yellow.list-tile > div,
 .MetroFlipList html body .yellow.live-tile > .face,
 .MetroFlipList html body .yellow.list-tile > .face,
 .MetroFlipList html body .yellow.copy-tile > .face,
 .MetroFlipList html body .yellow.live-tile > .slide,
 .MetroFlipList html body .yellow.live-tile > .flip-back,
 .MetroFlipList html body .yellow.live-tile > .flip-front,
 .MetroFlipList html body .yellow.live-tile > .slide-back,
 .MetroFlipList html body .yellow.live-tile > .slide-front,
 .MetroFlipList html body .yellow.flip-list > li > .accent,
 .MetroFlipList html body .yellow.flip-list > li > .flip-back,
 .MetroFlipList html body .yellow.flip-list > li > .flip-front,
 .MetroFlipList html body .yellow.slide.accent,
 .MetroFlipList html body .yellow.slide-front.accent,
 .MetroFlipList html body .yellow.slide-back.accent,
 .MetroFlipList html body .yellow.flip-front.accent,
 .MetroFlipList html body .yellow.flip-back.accent {
  background-color: #d8c101;
}
 .MetroFlipList html body .yellow.accentColor,
 .MetroFlipList html body .yellow.accentHover:hover,
 .MetroFlipList html body .yellow.accentHover a:hover,
 .MetroFlipList html body .yellow.accentLink a,
 .MetroFlipList html body .yellow.accentLink a:hover,
 .MetroFlipList html body .yellow.accentLink a:visited,
 .MetroFlipList a.accentLinkhtml body .yellow,
 .MetroFlipList a.accentLinkhtml body .yellow:hover,
 .MetroFlipList a.accentLinkhtml body .yellow:visited {
  color: #d8c101;
}
 .MetroFlipList html body .yellow.accentBorder {
  border-color: #d8c101;
}
 .MetroFlipList html body .yellow.accentBorderBottom {
  border-bottom-color: #d8c101;
}
 .MetroFlipList html body .yellow.accentBorderLeft {
  border-left-color: #d8c101;
}
 .MetroFlipList html body .yellow.accentBorderRight {
  border-right-color: #d8c101;
}
 .MetroFlipList html body .yellow.accentBorderTop {
  border-top-color: #d8c101;
}
 .MetroFlipList html body .trans.accent,
 .MetroFlipList html body .trans.live-tile > .accent,
 .MetroFlipList html body .trans.list-tile > .accent,
 .MetroFlipList html body .trans.copy-tile > .accent,
 .MetroFlipList html body .trans.live-tile > div,
 .MetroFlipList html body .trans.copy-tile > div,
 .MetroFlipList html body .trans.list-tile > div,
 .MetroFlipList html body .trans.live-tile > .face,
 .MetroFlipList html body .trans.list-tile > .face,
 .MetroFlipList html body .trans.copy-tile > .face,
 .MetroFlipList html body .trans.live-tile > .slide,
 .MetroFlipList html body .trans.live-tile > .flip-back,
 .MetroFlipList html body .trans.live-tile > .flip-front,
 .MetroFlipList html body .trans.live-tile > .slide-back,
 .MetroFlipList html body .trans.live-tile > .slide-front,
 .MetroFlipList html body .trans.flip-list > li > .accent,
 .MetroFlipList html body .trans.flip-list > li > .flip-back,
 .MetroFlipList html body .trans.flip-list > li > .flip-front,
 .MetroFlipList html body .trans.slide.accent,
 .MetroFlipList html body .trans.slide-front.accent,
 .MetroFlipList html body .trans.slide-back.accent,
 .MetroFlipList html body .trans.flip-front.accent,
 .MetroFlipList html body .trans.flip-back.accent {
  background-color: transparent;
}
 .MetroFlipList html body .trans.accentColor,
 .MetroFlipList html body .trans.accentHover:hover,
 .MetroFlipList html body .trans.accentHover a:hover,
 .MetroFlipList html body .trans.accentLink a,
 .MetroFlipList html body .trans.accentLink a:hover,
 .MetroFlipList html body .trans.accentLink a:visited,
 .MetroFlipList a.accentLinkhtml body .trans,
 .MetroFlipList a.accentLinkhtml body .trans:hover,
 .MetroFlipList a.accentLinkhtml body .trans:visited {
  color: transparent;
}
 .MetroFlipList html body .trans.accentBorder {
  border-color: transparent;
}
 .MetroFlipList html body .trans.accentBorderBottom {
  border-bottom-color: transparent;
}
 .MetroFlipList html body .trans.accentBorderLeft {
  border-left-color: transparent;
}
 .MetroFlipList html body .trans.accentBorderRight {
  border-right-color: transparent;
}
 .MetroFlipList html body .trans.accentBorderTop {
  border-top-color: transparent;
}
 .MetroFlipList html body .white.accent,
 .MetroFlipList html body .white.live-tile > .accent,
 .MetroFlipList html body .white.list-tile > .accent,
 .MetroFlipList html body .white.copy-tile > .accent,
 .MetroFlipList html body .white.live-tile > div,
 .MetroFlipList html body .white.copy-tile > div,
 .MetroFlipList html body .white.list-tile > div,
 .MetroFlipList html body .white.live-tile > .face,
 .MetroFlipList html body .white.list-tile > .face,
 .MetroFlipList html body .white.copy-tile > .face,
 .MetroFlipList html body .white.live-tile > .slide,
 .MetroFlipList html body .white.live-tile > .flip-back,
 .MetroFlipList html body .white.live-tile > .flip-front,
 .MetroFlipList html body .white.live-tile > .slide-back,
 .MetroFlipList html body .white.live-tile > .slide-front,
 .MetroFlipList html body .white.flip-list > li > .accent,
 .MetroFlipList html body .white.flip-list > li > .flip-back,
 .MetroFlipList html body .white.flip-list > li > .flip-front,
 .MetroFlipList html body .white.slide.accent,
 .MetroFlipList html body .white.slide-front.accent,
 .MetroFlipList html body .white.slide-back.accent,
 .MetroFlipList html body .white.flip-front.accent,
 .MetroFlipList html body .white.flip-back.accent {
  background-color: #ffffff;
}
 .MetroFlipList html body .white.accentColor,
 .MetroFlipList html body .white.accentHover:hover,
 .MetroFlipList html body .white.accentHover a:hover,
 .MetroFlipList html body .white.accentLink a,
 .MetroFlipList html body .white.accentLink a:hover,
 .MetroFlipList html body .white.accentLink a:visited,
 .MetroFlipList a.accentLinkhtml body .white,
 .MetroFlipList a.accentLinkhtml body .white:hover,
 .MetroFlipList a.accentLinkhtml body .white:visited {
  color: #ffffff;
}
 .MetroFlipList html body .white.accentBorder {
  border-color: #ffffff;
}
 .MetroFlipList html body .white.accentBorderBottom {
  border-bottom-color: #ffffff;
}
 .MetroFlipList html body .white.accentBorderLeft {
  border-left-color: #ffffff;
}
 .MetroFlipList html body .white.accentBorderRight {
  border-right-color: #ffffff;
}
 .MetroFlipList html body .white.accentBorderTop {
  border-top-color: #ffffff;
}
 .MetroFlipList html body .black.accent,
 .MetroFlipList html body .black.live-tile > .accent,
 .MetroFlipList html body .black.list-tile > .accent,
 .MetroFlipList html body .black.copy-tile > .accent,
 .MetroFlipList html body .black.live-tile > div,
 .MetroFlipList html body .black.copy-tile > div,
 .MetroFlipList html body .black.list-tile > div,
 .MetroFlipList html body .black.live-tile > .face,
 .MetroFlipList html body .black.list-tile > .face,
 .MetroFlipList html body .black.copy-tile > .face,
 .MetroFlipList html body .black.live-tile > .slide,
 .MetroFlipList html body .black.live-tile > .flip-back,
 .MetroFlipList html body .black.live-tile > .flip-front,
 .MetroFlipList html body .black.live-tile > .slide-back,
 .MetroFlipList html body .black.live-tile > .slide-front,
 .MetroFlipList html body .black.flip-list > li > .accent,
 .MetroFlipList html body .black.flip-list > li > .flip-back,
 .MetroFlipList html body .black.flip-list > li > .flip-front,
 .MetroFlipList html body .black.slide.accent,
 .MetroFlipList html body .black.slide-front.accent,
 .MetroFlipList html body .black.slide-back.accent,
 .MetroFlipList html body .black.flip-front.accent,
 .MetroFlipList html body .black.flip-back.accent {
  background-color: #000000;
}
 .MetroFlipList html body .black.accentColor,
 .MetroFlipList html body .black.accentHover:hover,
 .MetroFlipList html body .black.accentHover a:hover,
 .MetroFlipList html body .black.accentLink a,
 .MetroFlipList html body .black.accentLink a:hover,
 .MetroFlipList html body .black.accentLink a:visited,
 .MetroFlipList a.accentLinkhtml body .black,
 .MetroFlipList a.accentLinkhtml body .black:hover,
 .MetroFlipList a.accentLinkhtml body .black:visited {
  color: #000000;
}
 .MetroFlipList html body .black.accentBorder {
  border-color: #000000;
}
 .MetroFlipList html body .black.accentBorderBottom {
  border-bottom-color: #000000;
}
 .MetroFlipList html body .black.accentBorderLeft {
  border-left-color: #000000;
}
 .MetroFlipList html body .black.accentBorderRight {
  border-right-color: #000000;
}
 .MetroFlipList html body .black.accentBorderTop {
  border-top-color: #000000;
}
 .MetroFlipList .appbar {
  background-color: #212021;
  bottom: 0px;
  color: #fff;
  font-size: .9em;
  height: 60px;
  left: 0px;
  line-height: normal;
  margin: 0;
  max-height: 100%;
  overflow: hidden;
  padding: 10px 0;
  position: fixed;
  right: 0px;
  text-align: right;
  width: 100%;
  z-index: 100;
  -ms-touch-action: manipulation;
}
 .MetroFlipList .appbar.condensed {
  height: 40px;
}
 .MetroFlipList .appbar.condensed a.etc {
  height: 40px;
  line-height: 40px;
}
 .MetroFlipList .appbar.top {
  bottom: auto !important;
  top: 0px;
}
 .MetroFlipList .appbar a.etc,
 .MetroFlipList .appbar a.etc:hover,
 .MetroFlipList .appbar a.etc:visited {
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 32px;
  /* add some extra padding to make it easier to touch */
  height: 60px;
  position: absolute;
  right: 8px;
  text-decoration: none;
  top: 0px;
  width: 90px;
  z-index: 100;
}
 .MetroFlipList .appbar .clear {
  clear: both;
}
 .MetroFlipList .appbar .theme-options {
  display: block;
  float: left;
  margin: 0px;
  position: relative;
  width: 80%;
}
 .MetroFlipList .appbar .theme-options > ul {
  list-style-image: none;
  list-style-type: none;
  padding-right: 8px;
  padding-left: 0px;
}
 .MetroFlipList .appbar .theme-options li {
  display: block;
  margin: 8px;
  float: left;
  line-height: 32px;
  height: 32px;
  width: 32px;
}
 .MetroFlipList .appbar .theme-options li > a,
 .MetroFlipList .appbar .theme-options li > a:hover,
 .MetroFlipList .appbar .theme-options li > a:visited {
  display: block;
  padding: 0px;
  text-decoration: none;
  height: 32px;
  width: 32px;
}
 .MetroFlipList .appbar .base-theme-options {
  display: block;
  float: left;
  margin: 0px;
  position: relative;
  width: 20%;
}
 .MetroFlipList .appbar .base-theme-options > ul {
  padding-left: 2px;
}
 .MetroFlipList .appbar .base-theme-options li {
  display: block;
  margin: 8px;
  float: left;
  line-height: 32px;
  height: 32px;
  width: 32px;
}
 .MetroFlipList .appbar .base-theme-options li > a,
 .MetroFlipList .appbar .base-theme-options li > a:hover,
 .MetroFlipList .appbar .base-theme-options li > a:visited {
  display: block;
  padding: 0px;
  text-decoration: none;
  height: 32px;
  width: 32px;
}
 .MetroFlipList .appbar .base-theme-options li > a.dark.accent {
  background-color: #000;
}
 .MetroFlipList .appbar .theme-options h2,
 .MetroFlipList .appbar .base-theme-options h2 {
  font-size: 2em;
  font-weight: normal;
  padding: 8px 8px 12px;
  text-align: left;
}
 .MetroFlipList .appbar .charm-title {
  font-size: 10px;
  display: block;
  text-align: center;
}
 .MetroFlipList .appbar .links {
  font-size: 2em;
  padding: 24px 0 0 8px;
  text-align: left;
}
 .MetroFlipList .appbar .links a,
 .MetroFlipList .appbar .links a:link {
  text-decoration: none;
}
 .MetroFlipList .appbar.small {
  height: 28px;
}
 .MetroFlipList .appbar.small a.etc,
 .MetroFlipList .appbar.small a.etc:hover,
 .MetroFlipList .appbar.small a.etc:visited {
  font-size: 16px;
  height: 60px;
  width: 90px;
}
 .MetroFlipList .light .appbar {
  background-color: #dfdfdf;
  color: #000;
}
 .MetroFlipList .dark .appbar {
  background-color: #212021;
}
 .MetroFlipList .light .appbar-buttons li a {
  color: #000;
}
 .MetroFlipList .light .appbar-buttons a > img {
  background-image: url("images/metroIcons_light.jpg");
}
 .MetroFlipList .light .appbar a.etc,
 .MetroFlipList .light .appbar a.etc:hover,
 .MetroFlipList .light .appbar a.etc:visited {
  color: #000;
}
 .MetroFlipList .small .appbar-buttons {
  /* default width is 3 buttons */
  width: 156px;
}
 .MetroFlipList .small .appbar-buttons a > img {
  height: 32px;
  width: 32px;
}
 .MetroFlipList .small .appbar-buttons.one {
  width: 52px;
}
 .MetroFlipList .small .appbar-buttons.two {
  width: 104px;
}
 .MetroFlipList .small .appbar-buttons.three {
  width: 156px;
}
 .MetroFlipList .small .appbar-buttons.four {
  width: 208px;
}
 .MetroFlipList .small .appbar-buttons.five {
  width: 260px;
}
 .MetroFlipList .small .appbar-buttons.six {
  width: 312px;
}
 .MetroFlipList .small .appbar-buttons.seven {
  width: 364px;
}
 .MetroFlipList .small .appbar-buttons.eight {
  width: 416px;
}
 .MetroFlipList .small .appbar-buttons.nine {
  width: 468px;
}
 .MetroFlipList .small .appbar-buttons.ten {
  width: 520px;
}
 .MetroFlipList .appbar-buttons {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  padding: 0 0 2px;
  text-align: right;
  /* default width is 3 buttons */
  width: 252px;
}
 .MetroFlipList .appbar-buttons.one {
  width: 84px;
}
 .MetroFlipList .appbar-buttons.two {
  width: 168px;
}
 .MetroFlipList .appbar-buttons.three {
  width: 252px;
}
 .MetroFlipList .appbar-buttons.four {
  width: 336px;
}
 .MetroFlipList .appbar-buttons.five {
  width: 420px;
}
 .MetroFlipList .appbar-buttons.six {
  width: 504px;
}
 .MetroFlipList .appbar-buttons.seven {
  width: 588px;
}
 .MetroFlipList .appbar-buttons.eight {
  width: 672px;
}
 .MetroFlipList .appbar-buttons.nine {
  width: 756px;
}
 .MetroFlipList .appbar-buttons.ten {
  width: 840px;
}
 .MetroFlipList .appbar-buttons a > img {
  background-image: url("images/metroIcons.jpg");
  background-repeat: no-repeat;
  border: none;
  height: 64px;
  width: 64px;
}
 .MetroFlipList .appbar-buttons a.small > img {
  height: 32px;
  width: 32px;
}
 .MetroFlipList .appbar-buttons a.search > img {
  background-position: -12px -12px;
}
 .MetroFlipList .appbar-buttons a.home > img {
  background-position: -104px -12px;
}
 .MetroFlipList .appbar-buttons a.twitter > img {
  background-position: -196px -12px;
}
 .MetroFlipList .appbar-buttons a.calendar > img {
  background-position: -288px -12px;
}
 .MetroFlipList .appbar-buttons a.storm > img {
  background-position: -380px -12px;
}
 .MetroFlipList .appbar-buttons a.down > img {
  background-position: -472px -12px;
}
 .MetroFlipList .appbar-buttons a.camera > img {
  background-position: -12px -99px;
}
 .MetroFlipList .appbar-buttons a.camcorder > img {
  background-position: -104px -99px;
}
 .MetroFlipList .appbar-buttons a.qmark > img,
 .MetroFlipList .appbar-buttons a.about > img {
  background-position: -196px -99px;
}
 .MetroFlipList .appbar-buttons a.share > img {
  background-position: -288px -99px;
}
 .MetroFlipList .appbar-buttons a.rain > img {
  background-position: -380px -99px;
}
 .MetroFlipList .appbar-buttons a.cancel > img,
 .MetroFlipList .appbar-buttons a.close > img {
  background-position: -472px -99px;
}
 .MetroFlipList .appbar-buttons a.delete > img,
 .MetroFlipList .appbar-buttons a.trash > img {
  background-position: -12px -188px;
}
 .MetroFlipList .appbar-buttons a.tag > img {
  background-position: -104px -188px;
}
 .MetroFlipList .appbar-buttons a.addcontact > img {
  background-position: -196px -188px;
}
 .MetroFlipList .appbar-buttons a.save > img {
  background-position: -288px -188px;
}
 .MetroFlipList .appbar-buttons a.snow > img {
  background-position: -380px -188px;
}
 .MetroFlipList .appbar-buttons a.msg > img {
  background-position: -472px -188px;
}
 .MetroFlipList .appbar-buttons a.email > img {
  background-position: -12px -274px;
}
 .MetroFlipList .appbar-buttons a.clock > img {
  background-position: -104px -274px;
}
 .MetroFlipList .appbar-buttons a.edit > img {
  background-position: -196px -274px;
}
 .MetroFlipList .appbar-buttons a.circle > img {
  background-position: -288px -274px;
}
 .MetroFlipList .appbar-buttons a.moon > img {
  background-position: -380px -274px;
}
 .MetroFlipList .appbar-buttons a.calc > img {
  background-position: -12px -362px;
}
 .MetroFlipList .appbar-buttons a.gear > img {
  background-position: -104px -362px;
}
 .MetroFlipList .appbar-buttons a.plus > img {
  background-position: -196px -362px;
}
 .MetroFlipList .appbar-buttons a.dot > img {
  background-position: -288px -362px;
}
 .MetroFlipList .appbar-buttons a.restart > img,
 .MetroFlipList .appbar-buttons a.return > img {
  background-position: -380px -362px;
}
 .MetroFlipList .appbar-buttons a.add > img {
  background-position: -472px -362px;
}
 .MetroFlipList .appbar-buttons a.phone > img {
  background-position: -12px -453px;
}
 .MetroFlipList .appbar-buttons a.film > img {
  background-position: -104px -453px;
}
 .MetroFlipList .appbar-buttons a.back > img {
  background-position: -196px -453px;
}
 .MetroFlipList .appbar-buttons a.car > img {
  background-position: -288px -453px;
}
 .MetroFlipList .appbar-buttons a.forward > img {
  background-position: -380px -453px;
}
 .MetroFlipList .appbar-buttons a.selectmany > img {
  background-position: -472px -453px;
}
 .MetroFlipList .appbar-buttons a.stop > img {
  background-position: -12px -538px;
}
 .MetroFlipList .appbar-buttons a.contacts > img {
  background-position: -104px -538px;
}
 .MetroFlipList .appbar-buttons a.select > img {
  background-position: -196px -538px;
}
 .MetroFlipList .appbar-buttons a.sun > img {
  background-position: -288px -538px;
}
 .MetroFlipList .appbar-buttons a.dpad > img {
  background-position: -380px -538px;
}
 .MetroFlipList .appbar-buttons a.play > img {
  background-position: -472px -538px;
}
 .MetroFlipList .appbar-buttons li {
  display: inline;
  padding: 0 10px;
  float: left;
  list-style: none;
}
 .MetroFlipList .appbar-buttons li a {
  font-weight: bold;
  background-color: transparent;
  color: #fff;
}
 .MetroFlipList .appbar-buttons li a:active,
 .MetroFlipList .appbar-buttons ul#menu li.selected a,
 .MetroFlipList .appbar-buttons .appbar-buttons li a:hover {
  text-decoration: none;
}
 .MetroFlipList .small .appbar-buttons .search > img,
 .MetroFlipList .appbar-buttons .small.search > img {
  background-position: -562px -6px;
}
 .MetroFlipList .small .appbar-buttons .home > img,
 .MetroFlipList .appbar-buttons .small.home > img {
  background-position: -608px -6px;
}
 .MetroFlipList .small .appbar-buttons .twitter > img,
 .MetroFlipList .appbar-buttons .small.twitter > img {
  background-position: -654px -6px;
}
 .MetroFlipList .small .appbar-buttons .calendar > img,
 .MetroFlipList .appbar-buttons .small.calendar > img {
  background-position: -700px -6px;
}
 .MetroFlipList .small .appbar-buttons .storm > img,
 .MetroFlipList .appbar-buttons .small.storm > img {
  background-position: -746px -6px;
}
 .MetroFlipList .small .appbar-buttons .down > img,
 .MetroFlipList .appbar-buttons .small.down > img {
  background-position: -792px -6px;
}
 .MetroFlipList .small .appbar-buttons .camera > img,
 .MetroFlipList .appbar-buttons .small.camera > img {
  background-position: -562px -50px;
}
 .MetroFlipList .small .appbar-buttons .camcorder > img,
 .MetroFlipList .appbar-buttons .small.camcorder > img {
  background-position: -608px -50px;
}
 .MetroFlipList .small .appbar-buttons .qmark > img,
 .MetroFlipList .appbar-buttons .small.qmark > img,
 .MetroFlipList .small .appbar-buttons .about > img,
 .MetroFlipList .appbar-buttons .small.about > img {
  background-position: -654px -50px;
}
 .MetroFlipList .small .appbar-buttons .share > img,
 .MetroFlipList .appbar-buttons .small.share > img {
  background-position: -700px -50px;
}
 .MetroFlipList .small .appbar-buttons .rain > img,
 .MetroFlipList .appbar-buttons .small.rain > img {
  background-position: -746px -50px;
}
 .MetroFlipList .small .appbar-buttons .cancel > img,
 .MetroFlipList .appbar-buttons .small.cancel > img,
 .MetroFlipList .small .appbar-buttons .close > img,
 .MetroFlipList .appbar-buttons .small.close > img {
  background-position: -792px -50px;
}
 .MetroFlipList .small .appbar-buttons .delete > img,
 .MetroFlipList .appbar-buttons .small.delete > img,
 .MetroFlipList .small .appbar-buttons .trash > img,
 .MetroFlipList .appbar-buttons .small.trash > img {
  background-position: -562px -94px;
}
 .MetroFlipList .small .appbar-buttons .tag > img,
 .MetroFlipList .appbar-buttons .small.tag > img {
  background-position: -608px -94px;
}
 .MetroFlipList .small .appbar-buttons .addcontact > img,
 .MetroFlipList .appbar-buttons .small.addcontact > img {
  background-position: -654px -94px;
}
 .MetroFlipList .small .appbar-buttons .save > img,
 .MetroFlipList .appbar-buttons .small.save > img {
  background-position: -700px -94px;
}
 .MetroFlipList .small .appbar-buttons .snow > img,
 .MetroFlipList .appbar-buttons .small.snow > img {
  background-position: -746px -94px;
}
 .MetroFlipList .small .appbar-buttons .msg > img,
 .MetroFlipList .appbar-buttons .small.msg > img {
  background-position: -792px -94px;
}
 .MetroFlipList .small .appbar-buttons .email > img,
 .MetroFlipList .appbar-buttons .small.email > img {
  background-position: -562px -137px;
}
 .MetroFlipList .small .appbar-buttons .clock > img,
 .MetroFlipList .appbar-buttons .small.clock > img {
  background-position: -608px -137px;
}
 .MetroFlipList .small .appbar-buttons .edit > img,
 .MetroFlipList .appbar-buttons .small.edit > img {
  background-position: -654px -137px;
}
 .MetroFlipList .small .appbar-buttons .circle > img,
 .MetroFlipList .appbar-buttons .small.circle > img {
  background-position: -700px -137px;
}
 .MetroFlipList .small .appbar-buttons .moon > img,
 .MetroFlipList .appbar-buttons .small.moon > img {
  background-position: -746px -137px;
}
 .MetroFlipList .small .appbar-buttons .calc > img,
 .MetroFlipList .appbar-buttons .small.calc > img {
  background-position: -562px -181px;
}
 .MetroFlipList .small .appbar-buttons .gear > img,
 .MetroFlipList .appbar-buttons .small.gear > img {
  background-position: -608px -181px;
}
 .MetroFlipList .small .appbar-buttons .plus > img,
 .MetroFlipList .appbar-buttons .small.plus > img {
  background-position: -654px -181px;
}
 .MetroFlipList .small .appbar-buttons .dot > img,
 .MetroFlipList .appbar-buttons .small.dot > img {
  background-position: -700px -181px;
}
 .MetroFlipList .small .appbar-buttons .restart > img,
 .MetroFlipList .appbar-buttons .small.restart > img,
 .MetroFlipList .small .appbar-buttons .return > img,
 .MetroFlipList .appbar-buttons .small.return > img {
  background-position: -746px -181px;
}
 .MetroFlipList .small .appbar-buttons .add > img,
 .MetroFlipList .appbar-buttons .small.add > img {
  background-position: -792px -181px;
}
 .MetroFlipList .small .appbar-buttons .phone > img,
 .MetroFlipList .appbar-buttons .small.phone > img {
  background-position: -562px -226px;
}
 .MetroFlipList .small .appbar-buttons .film > img,
 .MetroFlipList .appbar-buttons .small.film > img {
  background-position: -608px -226px;
}
 .MetroFlipList .small .appbar-buttons .back > img,
 .MetroFlipList .appbar-buttons .small.back > img {
  background-position: -654px -226px;
}
 .MetroFlipList .small .appbar-buttons .car > img,
 .MetroFlipList .appbar-buttons .small.car > img {
  background-position: -700px -226px;
}
 .MetroFlipList .small .appbar-buttons .forward > img,
 .MetroFlipList .appbar-buttons .small.forward > img {
  background-position: -746px -226px;
}
 .MetroFlipList .small .appbar-buttons .selectmany > img,
 .MetroFlipList .appbar-buttons .small.selectmany > img {
  background-position: -792px -226px;
}
 .MetroFlipList .small .appbar-buttons .stop > img,
 .MetroFlipList .appbar-buttons .small.stop > img {
  background-position: -562px -269px;
}
 .MetroFlipList .small .appbar-buttons .contacts > img,
 .MetroFlipList .appbar-buttons .small.contacts > img {
  background-position: -608px -269px;
}
 .MetroFlipList .small .appbar-buttons .select > img,
 .MetroFlipList .appbar-buttons .small.select > img {
  background-position: -654px -269px;
}
 .MetroFlipList .small .appbar-buttons .sun > img,
 .MetroFlipList .appbar-buttons .small.sun > img {
  background-position: -700px -269px;
}
 .MetroFlipList .small .appbar-buttons .dpad > img,
 .MetroFlipList .appbar-buttons .small.dpad > img {
  background-position: -746px -269px;
}
 .MetroFlipList .small .appbar-buttons .play > img,
 .MetroFlipList .appbar-buttons .small.play > img {
  background-position: -792px -269px;
}
@media screen and (max-width: 1025px) {
   .MetroFlipList .appbar .theme-options h2,
   .MetroFlipList .appbar .base-theme-options h2,
   .MetroFlipList .appbar .links {
    font-size: 1.7em;
    padding: 8px 8px 2px;
    text-align: left;
  }
   .MetroFlipList .appbar .base-theme-options li,
   .MetroFlipList .appbar .base-theme-options li a,
   .MetroFlipList .appbar .theme-options li,
   .MetroFlipList .appbar .theme-options li a {
    display: block;
    height: 32px;
    margin: 4px;
    width: 32px;
  }
}
@media screen and (max-width: 801px) {
   .MetroFlipList .appbar .theme-options h2,
   .MetroFlipList .appbar .base-theme-options h2,
   .MetroFlipList .appbar .links {
    font-size: 1.3em;
  }
   .MetroFlipList .appbar .theme-options > ul {
    padding-right: 6px;
  }
}
@media screen and (max-width: 641px) {
   .MetroFlipList .appbar .theme-options {
    width: 70%;
  }
   .MetroFlipList .appbar .base-theme-options {
    width: 30%;
  }
}