html, body {
  height: 100%;
  background: #E3E9ED;
}

body {
  font-size: 10pt;
  font-family: "PT Sans", Helvetica, Arial, Sans-Serif;
  color: #444;
}

a {
  color: #4183C4;
}

pre, code {
  font-family: "Inconsolata";
  font-size: 10pt;
}

h1, h2, h3, h4 {
  font-family: "Droid Sans", Helvetica, Arial, Sans-Serif;
}

span.logo {
  font-family: "Droid Sans", Helvetica, Arial, Sans-Serif !important;
}

.topbar h3 {
  font-family: "Droid Sans", Helvetica, Arial, Sans-Serif;
  font-size: 120%;
  color: #fff;
}

div.options {
  padding-top: 60px;
}

div.options h3 {
  margin-bottom: 10px;
}

div.report ul.jshint-errors {
  margin: 15px;
  list-style-type: none;
}

div.report ul.jshint-errors li {
  margin-bottom: 15px;
}

.editorArea .CodeMirror {
  background-color: #fff;
  border-radius: 3px;
  border: solid 1px #999;
  margin-bottom: 20px;
}

div.footer {
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

div.page {
  margin-top: 60px;
}

div.page h2 {
  margin-bottom: 10px;
}

div.page h2.with-padding {
  margin-top: 50px;
}

div.page div.row {

}

div.page div.span4 ul {
  margin: 0;
  list-style-type: none;
}

div.page div.span4 ul li {
  margin-bottom: 10px;
}

div.page div.title {
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

div.page div.options-docs table {
  background-color: #fff;
  border: solid 1px #ccc;
  border-radius: 3px;
}

div.page div.options-docs table thead th {
  border-bottom-width: 1px;
  padding: 20px;
}

div.page div.options-docs table td {
  line-height: 140%;
  padding: 20px 30px 20px 20px;
}

div.page div.options-docs table td.name {
  width: 120px;
  vertical-align: top;
  padding: 20px;
}

div.page div.options-docs table td ol li {
  color: #444;
  margin-bottom: 5px;
}

div.platforms h2 {
  margin-bottom: 50px;
}

div.platforms h4 {
  line-height: 100%;
}

div.platforms div.tool {
  margin-bottom: 30px;
}

div.platforms div.tool h4 {
  margin-bottom: 20px;
  font-weight: normal;
}

div.platforms div.tool li {
  color: #444;
}

body.changelog div.page li {
  margin-bottom: 5px;
  color: #444;
}

.table-condensed td:last-child{width: 28px;}
.table-condensed td:nth-last-child(2){width: 85px;}

.table_centered td, .table_centered th {text-align: center;}

/*
#iu-upload {padding: 12px 15px 14px; overflow: hidden; display: block; position: absolute; left: 30%; width: 600px;  border: 1px solid #eeeeee; background: #fff; z-index: 1000; text-align:left;}
#iu-upload .description {font-size: 11px; color: #565656; padding: 8px 0;}
#iu-upload .close{overflow: hidden; margin-top: 10px; float: right; width: 20px; height: 20px;  text-align: center; cursor: pointer;}
*/
#iu-upload {
  position: fixed;
  top: 40%;
  left: 50%;
  z-index: 1050;
  width: 800px;
  margin: -250px 0 0 -400px;
  overflow: auto;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding-box;
          background-clip: padding-box;
}

.display_none {
	display: none;
}

.Shadow {
	overflow: hidden;
	position: fixed;
	height:100%;
	width:100%;
	background:#000;
	opacity:0.8;
	filter: alpha(opacity=80);
	z-index:10;
	top:0;
	left:0;
}
.clear {clear: both;}

#hid {width: 100%;}

.responsive-utilities-test {
  margin-top: 5px;
  margin-left: 0;
  list-style: none;
  overflow: hidden; /* clear floats */
}

.responsive-utilities-test li {
  position: relative;
  margin-bottom: 10px;
  padding: 0px 10px;
  float: left;
  width: 90%;
  height: 40px;
  font-size: 11px;
  font-weight: normal;
  color: #999;
  text-align: left;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.responsive-utilities-test li a {
	margin-top: 7px;
}

.responsive-utilities-test span {
  padding: 0px 10px;
  position: absolute;
  top:    -1px;
  left:   -1px;
  right:  -1px;
  bottom: -1px;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.responsive-utilities-test span {
  color: #468847;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
}

.vals {margin-top: 8px;}

table.responsive td.is-visible {
  color: #468847;
  background-color: #dff0d8 !important;
}

table.responsive td.is-warning {
  color: #FF6600;
  background-color: #FFCC99 !important;
}

table.responsive td.is-hidden {
  color: #ccc;
  background-color: #f9f9f9 !important;
}
/*!
* Datepicker for Bootstrap
*
* Copyright 2012 Stefan Petre
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
*/
.datepicker {
top: 0;
left: 0;
padding: 4px;
margin-top: 1px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
width: 190px;
/*.dow {
border-top: 1px solid #ddd !important;
}*/
}
.datepicker:before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute;
top: -7px;
left: 6px;
}
.datepicker:after {
content: '';
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #ffffff;
position: absolute;
top: -6px;
left: 7px;
}
.datepicker > div {
display: none;
}
.datepicker table {
width: 100%;
margin: 0;
}
.datepicker td, .datepicker th {
text-align: center;
width: 20px;
height: 20px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.datepicker td.day:hover {
background: #eeeeee;
cursor: pointer;
}
.datepicker td.old, .datepicker td.new {
color: #999999;
}
.datepicker td.active, .datepicker td.active:hover {
background-color: #006dcc;
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
background-image: linear-gradient(top, #0088cc, #0044cc);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
border-color: #0044cc #0044cc #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled] {
background-color: #0044cc;
}
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active {
background-color: #003399 \9;
}
.datepicker td span {
display: block;
width: 47px;
height: 54px;
line-height: 54px;
float: left;
margin: 2px;
cursor: pointer;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.datepicker td span:hover {
background: #eeeeee;
}
.datepicker td span.active {
background-color: #006dcc;
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
background-image: linear-gradient(top, #0088cc, #0044cc);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
border-color: #0044cc #0044cc #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td span.active:hover,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active[disabled] {
background-color: #0044cc;
}
.datepicker td span.active:active, .datepicker td span.active.active {
background-color: #003399 \9;
}
.datepicker td span.old {
color: #999999;
}
.datepicker th.switch {
width: 145px;
}
.datepicker thead tr:first-child th {
cursor: pointer;
}
.datepicker thead tr:first-child th:hover {
background: #eeeeee;
}
.input-append.date .add-on i, .input-prepend.date .add-on i {
display: block;
cursor: pointer;
width: 16px;
height: 16px;
}

form .nav-tabs {margin-bottom: 0;}
.tab-pane {padding: 10px; margin-bottom: 20px;}
.tab-pane#tab0 {background: #FFB0B0;}
.tab-pane#tab1 {background: #B0B0D0;}
.tab-pane#tab2 {background: #FFFFB0;}