/*
  horizontal & vertical centering hack
  http://www.jakpsatweb.cz/css/css-vertical-center-solution.html
*/

body, html {
  height: 100%; text-align: center;
}

#outer {
  height: 100%; overflow: visible;
}

#outer[id] {
  margin: 0 auto; display: table; position: static;
}

#middle {
  position: absolute; top: 50%; left: 50%;
}

#middle[id] {
  margin: 0 auto; display: table-cell; vertical-align: middle; position: static;
}

#inner {
  position: relative; top: -50%; left: -50%; overflow: hidden;
}

#inner[id] {
  position: static;
}