/*
 *  Copyright (c) 2015 The WebRTC project authors. All Rights Reserved.
 *
 *  Use of this source code is governed by a BSD-style license
 *  that can be found in the LICENSE file in the root of the source
 *  tree.
 */
audio {
  display: inline-block;
  position: relative;
  top: 9px;
  width: calc(100% - 120px);
}

button {
  margin: 0 20px 0 0;
  width: 96px;
}

table {
  border-collapse: collapse;
}

th, td {
  border: 1px solid black;
}

tr:hover {
  background-color: #f5f5f5;
}

div#audio {
  margin: 0 0 29px 0;
}

div#audio > div {
  margin: 0 0 20px 0;
}

div#constraints, div#devices {
  margin: 0 0 20px 0;
}

div.label {
  display: inline-block;
  font-weight: 400;
  width: 120px;
}

div.graph-container {
  float: left;
  margin: 0.5em;
  width: calc(50% - 1em);
}

a#viewSource {
  clear: both;
}

/* DivTable.com */
.divTable{
	display: table;
	width: auto;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: 1px solid #999999;
	display: table-cell;
	padding: 3px 10px;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}

div.select {
    display: inline-block;
    margin: 0 0 1em 0;
}

label {
    width: 12em;
    display: inline-block;
}