/**
 * Base
 */
/**
* Controls
*/
/**
* Buttons
*/
/**
* Color variables
**/
/**
* Connection indicator
**/
/**
 * Dialog colors
 **/
/**
* Inlay colors
**/
/**
 * Forms
 */
/**
 * Style variables
 */
/**
 * Size variables.
 */
/**
 * Color variables.
 */
/**
 * Toolbar
 */
/**
 * Main controls
 * TODO: looks like we don't use it
 */
/**
 * Video layout
 */
/**
 * Feedback Modal
 */
/**
 * Notifications
 */
/**
 * Misc.
 */
/**
 * Z-indexes. TODO: Replace this by a function.
 */
/**
 * Font Colors
 */
/**
 * Forms
 */
body {
  width: 100%;
  height: 100%;
  background-color: white;
  color: #424242;
  font-family: "open_sanslight", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 28px;
  margin: 0;
  padding: 0; }

#wrap {
  display: block;
  position: absolute;
  width: 500px;
  height: 565px;
  overflow: hidden;
  text-align: center;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.firefox {
  font-size: 11pt;
  color: #c8c8c8;
  width: 468px;
  text-align: center;
  margin: 30px auto 0px auto;
  padding-left: 15px; }

#text {
  display: inline-block;
  font-size: 28px;
  /* width: 568px; */
  vertical-align: middle;
  padding-top: 25px; }

a {
  color: #087dba;
  text-decoration: none; }

.browser {
  width: 138px;
  height: 163px;
  margin-top: 5px;
  background-color: #e8e8e8;
  border: 1px solid #cfcfcf;
  border-radius: 10px; }

.browser_wrapper {
  width: 138px;
  /* height: 188px; */
  vertical-align: middle;
  color: #929391;
  font-size: 20px;
  float: left;
  margin-left: 15px;
  margin-top: 5px; }

.browser_text {
  height: 2em; }

.supported_browsers {
  margin: 0px auto 0px auto;
  /* width: 660px; */ }

.clear {
  clear: both; }

.button {
  background-color: #62c82a;
  border: 1px solid #3c8117;
  border-radius: 10px;
  color: #FFFFFF;
  font-size: 12px;
  text-align: center;
  width: 115px;
  height: 26px;
  padding-top: 13px;
  margin: 15px auto 0px auto; }

.logo {
  margin: 20px auto 0px auto; }

#chrome_logo {
  width: 78px;
  height: 78px;
  background-image: url("../images/chrome.png"); }

#chromium_logo {
  width: 77px;
  height: 78px;
  background-image: url("../images/chromium.png"); }

#firefox_logo {
  width: 86px;
  height: 80px;
  background-image: url("../images/firefox.png"); }

#opera_logo {
  width: 73px;
  height: 78px;
  background-image: url("../images/opera.png"); }

#safari_logo {
  width: 78px;
  height: 79px;
  background-image: url("../images/safari.png"); }

#ie_logo {
  width: 80px;
  height: 78px;
  background-image: url("../images/ie.png"); }
