/* Font from http://www.fontsquirrel.com/fonts/capsuula */
@font-face {
  font-family: 'Capsuula';
  src: url('../fonts/Capsuula-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Capsuula-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/Capsuula-webfont.ttf') format('truetype'); /* Safari, Android, iOS */
}

/* Feature detection */
html.no-js .button, html.js p.need-js, h3.need-ws  {
  display: none;
}
html.no-js p.need-js, html.no-js h1.ui-title, h3.need-ws, h3.other {
  text-align: center;
}
html.js h3.need-ws a, html.js h3.other a {
  color: #fff;
}

/* Utilities */
.left {
  float: left;
}
.right {
  float: right;
} 
.normal {
  font-weight: 400;
}
.pushdown {
  margin-top: 10px;
}
.hidden {
  display: none !important;
}
.inline-block {
  display: inline-block !important;
}

/* Scrollbars */
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background-color: #2ad;
  border-left: 1px solid #2ad;
}
::-webkit-scrollbar-thumb {
  background-color: #333;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #1f1f1f;
}

/* Sections */
.page {
  font-family: 'Capsuula';
  font-size: 1em;
}
.footer span {
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
}
#content {
  position: absolute;
  top: 62px; /*header height*/
  right: 0;
  bottom: 45px; /*footer height */
  left: 0;
}
#title {
  color: #2ad;
  font-size: 2.5em;
  font-weight: 900;
  padding-top: .2em;
  padding-bottom: 0;
}
#subtitle {
  font-style: italic;
  text-align: center;
}
#welcome {
  position:absolute;
  display:none;
}
#uploader, #storage, #scratch {
  position: relative;
  text-align: center;
}
#target, #details {
  text-align: center;
  width: 80%;
  min-width: 200px;
  min-height: 200px;
  margin: 0 auto;
  cursor: pointer;
}
#target {
  border: 1px dashed #2ad;
}
#target div {
  padding-top: 90px;
}
html.js #subtitle a, html.js #copyright a, html.js #support a {
  color: #fff;
  font-weight: 400;
}
#warning {
  position: absolute;
  top: 0;
  left: 100px;
}
#warning a {
  color: #fff;
}
p.note {
  text-align: center;
  font-style: italic;
}
.disp-title {
  padding-top: .2em;  
  padding-bottom: .2em;  
}
.disp-name {
  color: #2ad;
  font-size: 1.5em;
  font-weight: 600;  
}
.disp-author {
  font-size: .8em;
}
img.disp-preview {
  width: 200px;
}
div.ui-tabs-panel {
  background-color: #333;
  min-height: 300px;
}
div.ui-mini, div.ui-slider.ui-slider-switch.ui-mini, div.ui-slider, div.ui-rangeslider {
  margin: 0 !important;
}
fieldset.ui-controlgroup.ui-controlgroup-horizontal.ui-mini {
  display: inline-block;
  margin: 0;
}
fieldset.ui-mini div.ui-controlgroup-label {
  display: none;
}
table.ui-table.ui-table-reflow thead {
  display: none;
}
table.ui-table.ui-table-reflow td {
  line-height: 0;
}
div.ui-radio.ui-mini {
  font-size: 11px;
}
div.ui-slider.ui-mini span.ui-slider-label {
  font-family: sans-serif;
  font-size: 11px;
  padding-top: 3px;  
}
span.timezone {
  text-align: left;
  font-weight: 400;
}
div.ui-controlgroup div.controlgroup-textinput.ui-mini.ui-btn {
padding-left: 0;
  padding-top: 0;
  padding-bottom: .05em;
  background-color: #2a2a2a;
}
div.ui-controlgroup div.controlgroup-textinput input {
  background-color: #2a2a2a;
}