#content.home #hoursByDate {
	height: 600px;
}

#content .date {
	color: #666;
	font-size: 12px;
}

.graph {
	height:300px;
}

h2 {
	margin-left: 30px;
}

table.twoCol {
	width: 100%;
	max-width: 1300px;
	min-width: 1000px;
}
table.full {
	min-width: 500px;
	width: 100%;
}
td.widget {
	width: 550px;
}

h1.parentTitle {
	position: relative;
}

h1.parentTitle > span.preference {
	position: absolute;
	top: 0px;
	right: 0px;
	line-height: 24px;
	font-size: 16px;
	color: #666;
	padding-right: 20px;
}

h1.parentTitle > span.preference input {
	line-height: 24px;
	display: inline-block;
	height: 24px;
	margin-bottom:8px;
}

.legend table { border: 1px solid #555; padding: 5px; display:block; }

.pieHover {
	display:block;
	height: 20px;
}

.legend > table {
	margin-top: 13px;
	width: 200px;
	overflow: hidden;
}

table.list tr.heading {
	border-bottom: 1px solid #eee;
	text-align: left;
}
table.list th {
	padding: 20px 20px;
	font-weight: 300;
	font-size: 16px
}
table.list td {
	padding: 20px;
	font-size: 14px
}
table.list td a {
	color: #0056AF;
	font-weight: 400;
}
table.list tr.odd {
	background: #eee;
}
table.list tr.even {
	background: #E1E1E1;
}

table.logs {
	background-color: #FFF;
	padding: 5px;
	border: 1px solid #ccc;
	margin-bottom: 20px;
}

/*=====================*/
/*	LOGS               */
/*=====================*/

#content.body > div {
	clear:both;
}

#elementCommentBox {
	background: #FFF ;
	border: 1px solid #ccc;
	padding: 20px;
	margin: 48px 0 20px 0px;
}

#editCommentBox {
	background: #F4F4F4 ;
	border: 1px solid #ccc;
	padding: 20px 20px 0 20px;
	margin-bottom: 50px;
}


.elementNav h1 {
	position: relative;
	font-weight: 600;
}

.elementNav a {
	padding: 10px;
}

.elementNav a.current {
	border-bottom: 2px solid #666;
}

.elementNav ul {
	position: absolute;
	list-style: none;
	top: 198px;
	left: 45px;
	background: #F4F4F4;
	border: 1px solid #ccc;
	border-bottom: none;
	padding: 0 20px;
}

.elementNav a.modeBrowse, .elementNav a.modeEdit {
	top: -7px;
	right: -3px
}

.elementNav li {
	float: left;
	padding: 8px 0 4px 0;
}

.elementNav li a {
	font-size:12px;
	padding: 3px 30px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.elementNav li a:hover {
	background: #eee;
}
.elementNav li.disabled a {
	color: #ccc;
	pointer-events: none;
}

ul.browse_usage {
	font-size: 15px;
	color: #000;
	margin: 0px 30px;
}
ul.browse_usage li {
}

.browse_usage_type {
	font-size: 12px;
	color: #999;
}
#noAPIData {
	display:none;
}

td, th {
	padding: 5px;
}
.legend td {
	padding: 2px;
}
select {

  /* make arrow and background */

  background:
    linear-gradient(45deg, transparent 50%, blue 50%),
    linear-gradient(135deg, blue 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 11px) calc(1.1em + 2px),
    calc(100% - 7px) calc(1.1em + 2px),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 42.5em;
  background-repeat: no-repeat;
}

/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	top: 50%;
	left: 50%;
	width: 750px; /* Full width */
	height: 350px; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	transform: translate(-50%, -50%);
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
	background-color: #fefefe;
	margin: 5% auto; /* 5% from the top and centered */
	padding: 10px;
	border: 1px solid #888;
	width: 700px; /* Could be more or less, depending on screen size */
	height: 275px;
}

.underline {
	text-decoration: underline;
	cursor: pointer;
}