<!--dbh5eeQ6-->
div.tiny_dashboard_widget div.inside {
	min-height: 200px;
	margin: 0;
	padding-bottom: 0;
	overflow: hidden;
}

div.tiny_dashboard_widget div.inside div.spinner {
	position: absolute;
	visibility: visible;
	z-index: 10;
	top: 30%;
	left: 50%;
	margin-left: -12px;
}

div.tiny_dashboard_widget div.inside div.sky {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	opacity: 0.3;
	background: linear-gradient(180deg, #c6dde4 0%, #fefeff 100%);
	/* ie6-9 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33C6DDE4', endColorstr='#33FEFEFF',GradientType=0 );
}

div.tiny_dashboard_widget div.inside div.cloud {
	position: absolute;
	right: 0;
	top: 0;
	height: 240px;
	width: 298px;
	background-image: url("../images/cloud.png");
	background-size: cover;
}

div.tiny_dashboard_widget div.inside div.grass {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 24px;
	width: 536px;
	background-image: url("../images/grass.png");
	background-size: cover;
}

div.tiny_dashboard_widget div.inside div.panda {
	position: absolute;
	bottom: 0;
	background-repeat: no-repeat;
	-webkit-background-size: 100%;
	background-size: cover;
	background-position: bottom;
}

div.tiny_dashboard_widget.full-optimized div.inside div.panda {
	right: 10%;
	width: 305px;
	height: 105.5px;
	margin-right: 0;
	background-image: url("../images/panda-laying.png");
}

div.tiny_dashboard_widget.half-optimized div.inside div.panda {
	right: -230px;
	width: 255px;
	height: 203px;
	margin-right: 45%;
	background-image: url("../images/panda-eating.png");
}

div.tiny_dashboard_widget.not-optimized div.inside div.panda,
div.tiny_dashboard_widget.no-images-uploaded div.inside div.panda {
	right: -196px;
	width: 241px;
	height: 203px;
	margin-right: 45%;
	background-image: url("../images/panda-waiting.png");
}

div.tiny_dashboard_widget.no-images-uploaded div.inside div.no-images,
div.tiny_dashboard_widget.not-optimized div.inside div.not-optimized,
div.tiny_dashboard_widget.half-optimized div.inside div.half-optimized,
div.tiny_dashboard_widget.full-optimized div.inside div.full-optimized {
	display: block !important;
	position: relative;
	z-index: 1;
}

div.tiny_dashboard_widget div.inside div#optimization-chart {
	margin-top: 12px;
	margin-bottom: 40px;
	min-width: 160px;
}

div.tiny_dashboard_widget.full-optimized div.inside.mobile div#optimization-chart {
	width: 100%;
	margin-top: -5px;
	margin-bottom: 95px;
}

.ie8 div.tiny_dashboard_widget div.inside div.panda {
	background: none;
}

.ie8 div.tiny_dashboard_widget div.inside div.grass {
	width: 100%;
	background-image: url("../images/grass-ie8.png");
	background-repeat: no-repeat;
	background-position: bottom;
}

.ie8 div.tiny_dashboard_widget div.inside div#optimization-chart {
	display: none;
}

.ie8 div.tiny_dashboard_widget.no-images-uploaded div.inside div#ie8-compressed,
.ie8 div.tiny_dashboard_widget.not-optimized div.inside div#ie8-compressed,
.ie8 div.tiny_dashboard_widget.half-optimized div.inside div#ie8-compressed,
.ie8 div.tiny_dashboard_widget.full-optimized div.inside div#ie8-compressed {
	display: block !important;
	position: relative;
	z-index: 1;
}

#tinypng_dashboard_widget > button.handlediv {
	margin-top: 0;
}
code#copytext {
  white-space: pre;
  font-family: Verdana;
}

.at {
  color: darkblue;
}

.format {
  color: gray;
}

.property {
  color: green;
}

.selector {
  color: blue;
}

.value {
  color: red;
  right: 500px;
}

.comment {
  color: orange;
}
html, body {
  font: 0.8em Verdana, Helvetica, sans-serif;
  background: #F8F8F6;
}

code {
  font-size: 1.2em;
}

div#rightcol {
  padding-right: 32em;
}

fieldset {
  display: block;
  margin: 0.5em 0;
  padding: 1em;
  border: solid #7284AB 2px;
}

fieldset.code_output {
  display: inline;
}

h1 {
  font-size: 2em;
}

small {
  font-size: 0.7em;
}

fieldset#field_input {
  float: right;
  margin: 0 0 1em 0.5em;
}

fieldset#options, fieldset#code_layout {
  width: 31em;
}

input#submit {
  clear: both;
  display: block;
  margin: 1em;
}

select {
  margin: 2px 0 0;
}

label.block {
  display: block;
}

legend {
  background: #c4E1C3;
  padding: 2px 4px;
  border: dashed 1px;
}

textarea#css_text {
  width: 27em;
  height: 370px;
  display: block;
  margin-left: 1em;
}

.help {
  cursor: help;
}

p.important {
  border: solid 1px red;
  font-weight: bold;
  padding: 1em;
  background: white;
}

p {
  margin: 1em 0;
}

dl {
  padding-right: 0.5em;
}

dt {
  font-weight: bold;
  margin: 0;
  float: right;
  clear: both;
  height: 1.5em;
}

dd {
  margin: 0 4em 0 0;
  height: 1.5em;
}

fieldset#messages {
  background: white;
  padding: 0 1em 0 0;
}

fieldset#messages div {
  height: 10em;
  overflow: auto;
}

dd.Warning {
  color: orange;
}

dd.Information {
  color: green;
}