/*!
 *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.142857142857143em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.142857142857143em;
  width: 2.142857142857143em;
  top: 0.14285714285714285em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.8571428571428572em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-asc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-desc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-reply-all:before {
  content: "\f122";
}
.fa-mail-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
/*! normalize.css v1.1.2 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}/*
// MOCKPUBLICWWW
// PUBLIC
// JS
// DEBUG.CSS
//
// Created by Lee Elmore.
*/

.debug .log ul,
.debug .log li
{
	padding: 0 !important;
	margin: 0 !important;
}

.debug
{
	display: block !important;
	
	border: 1px solid rgba(255, 255, 255, 0.5);

	border-bottom-color: rgba(255,255,255,0.3);
	border-right-color: rgba(255,255,255,0.3);

	box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	
	background: #333;
	
	padding: 0.5em;
	
	position: fixed;
	
	width: 200px;
	
	top: 10px;
	right: 10px;
	
	font-size: 10px;
	/*
	max-height: 400px;	
	*/
	
	z-index: 1000000000;
		
	background: rgb(69,72,77); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.debug:active,
.debug.pinned
{
	background: #111;
	
	overflow: visible;
	
}

.debug:active .log,
.debug.pinned .log {
	width: 200%;
	
	position: relative;
	right: 0;
	
	margin-left: -101%;

	transition: 5 background linear;
}

/* DEBUG: CLICK TO SHOW ALL */
.debug {
	height: 1.4em;
	
	cursor: hand;
	
	overflow: hidden;
	
	border-radius: 2px;
}

.debug:active,
.debug.pinned
{
	/**/
	height: auto;

	opacity: 1;	
}

/* DEBUG: DISABLE SELECTION */
.debug
{
   user-select: none;
   -o-user-select:none;
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
}

/* DEBUG: HOVER TRANSPARENCY EFFECTS */
.debug 
{
	opacity: 0.2;
	
	transition: opacity 2s ease-out;	
}

.debug:hover,
.debug.pinned
{
	opacity: 1;
	
	transition: opacity 200ms ease-out;
}

.debug:hover h2,
.debug.pinned h2 
{
	text-shadow: 2px 2px 1px rgba(0,0,0,0.5);
}

.debug h2
{	
	color: white;
	
	text-transform: uppercase;
		
	text-align: center;
	
	margin: 0;
	padding: 0;
	margin-top: -6px;
}

.debug h3
{
	margin: 0;
	padding: 0;
}

.debug h3,
.debug h4
{
	text-transform: uppercase;
	
	margin-bottom: 0.5em;
	
	color: white;
	color: rgba(255, 255, 255, 0.7);
	border-bottom: 1px solid rgba(255, 255, 255, 0.7);
	
	text-align: right;
}

.debug p
{
	text-transform: uppercase;

	color: rgba(255, 255, 255, 0.5);
	
	text-align: right;
}

.debug p > span
{
	margin-left: 0.25em;
	color: rgba(255, 255, 255, 1);

	font-size: 1.3em;
}

/* DEBUG LOG */
.debug .log
{
	border: 1px solid white;
	
	/*
	text-transform: uppercase;
	*/
	
	box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
	
	border-radius: 2px;
	margin: 2px;
	margin-bottom: 10px;
	padding: 1px;
	
	max-height: 100px;
	
	overflow-y: auto;

	text-align: left;	
	
	background: rgba(0,0,0,0.8);
	
	line-height: 11px;
}

.debug .log li
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

.debug .log li:nth-child(odd) {
	color: white;
	background: rgba(0,0,0,0);
}

.debug .log li:nth-child(even) {
	color: rgba(255,255,255,0.6);
	background: rgba(0,0,0,0);
}

/* CONSOLE ONLY */
.debug.logonly > h3,
.debug.logonly > p
{
	display: none;
}

/* DEBUG: PIN BUTTON */
.toggle.pin:before {
	content: 'Pin';
}
	
.toggle.pin {		
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	
	margin-top: 1px;
	margin-right: 3px;
	
	text-align: right;
	
	height: 16px;
	width: 16px;
	
	cursor: hand;
	top: 0;
	right: 0;
	
	position: absolute;
	
	transition: all 200ms linear;
	
	opacity: 0.2;
}

/* DEBUG: PIN BUTTON: HOVER */
.toggle.pin:hover
{
	opacity: 1;
}

/* DEBUG: PIN BUTTON: ALWAYS VISIBLE IF PINNED */
.debug.pinned .toggle.pin
{
	opacity: 1 !important;
	
	/* LAB */
	color: lime;	
	text-shadow: 0 0 10px rgba(100,255,100,1);		
}


/* DEBUG: VALUES */
.debug .values
{
	max-height: 300px;

	
	border-radius: 2px;
	
	border: 1px solid rgba(255,255,255,1);
	
	overflow-y: auto;
}

.debug .values p
{
	line-height: 4px;
	
	padding: 0;
}/*
	MAIN
	
	Created by Lee Elmore.
*/

/* @import url(//fonts.googleapis.com/css?family=Roboto); */
/* *{background: red !important} */

body {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	/*border-top: 1px solid white;*/
}

.allowSelect
{
	-webkit-touch-callout: default !important;
	-webkit-user-select: default !important;
	-khtml-user-select: default !important;
	-moz-user-select: default !important;
	-ms-user-select: default !important;
	user-select: default !important;
}

html,
button,
input,
select,
textarea {
	color: #222;
}

::selection {
	background: #FFBF00;
}

label, input[type='checkbox']
{
	cursor: pointer;
}

html
{
	height: 100%;
}

body {
	font-size: 1em;
	line-height: 1.4;
	
	background: #0f0f0f;
	
	color: white;
	
	height: 100%;
	
	background: #888 top center fixed;
}

.niceBG
{
	background: none;
}

/*
* {
	font-family: 'Roboto', sans-serif;
}
*/

a {
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
}

/*
a:active {
	padding-top: 2px;
	padding-left: 2px;
}

::-moz-selection {
    background: #b3eafc;
    text-shadow: none;
}

::selection {
	background: #b3eafc;
	text-shadow: none;
}
*/

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

img {
	vertical-align: middle;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

textarea {
	resize: vertical;
}

.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

body {
	font: 16px/26px Helvetica, Helvetica Neue, Arial;
}

/* BODY: IN FULLSCREEN MODE */
body.fullscreen
{
	overflow: hidden !important;
}

/* SCROLLBARS */
body
{
	overflow-y: scroll;
}
::-webkit-scrollbar {
	width: 15px;
}

::-webkit-scrollbar-track {
	background: #000;
}

::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.2);
}

/* SCROLLBARS: HOVER */
::-webkit-scrollbar-track:hover {
	background: #333;
}

::-webkit-scrollbar-thumb:hover {
	background: #d69017; 
}

/* SCROLLBARS: ACTIVE */
::-webkit-scrollbar-thumb:active {
	border-radius: 25px;
}

/*
::-webkit-scrollbar-thumb:active {
	border-radius: 0;
}
*/

/*
::-webkit-scrollbar-button {
	background-color: #7c2929;
} 
*/

/*
::-webkit-scrollbar-corner {
	background-color: black;
}
*/

/* HEADER */
.header-container {
	margin: 0 auto;
	
	color: #333;
	
	/* DEFAULT BACKGROUND */
	background: #999 bottom right no-repeat white;
	background-size: cover;
	
	border: 3px solid black;
	border-top: 0;
	box-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
	
	height: 60px;
}

/* HEADER: HIDE IF IN FULL SCREEN MODE */
.fullscreen .header-container
{
	display: none;
}

/* FOOTER */
.footer-container .angle
{
	display: none;
}

.footer-container h3
{
	padding-top: 20px;
}

/* IDLEFADE */
.idleFade .header-container {
	-webkit-transition: opacity 5000ms ease-out;
	-o-transition: opacity 5000ms ease-out;
	
	opacity: 0.2;
}

.idleFade .header-container:hover {
	-webkit-transition: opacity 200ms ease-out;
	-o-transition: opacity 200ms ease-out;
	
	opacity: 1;
}

.idleFade .footer-container {
	-webkit-transition: opacity 0.5s ease-in;
	-o-transition: opacity 0.5s ease-in;
	
	opacity: 0.2;
}
.idleFade .footer-container:hover {
	-webkit-transition: opacity 200ms ease-in;
	-o-transition: opacity 200ms ease-in;
	
	opacity: 1;
}


/*
aside.backToMachine
{
	max-width: 300px;
}
*/

/* ASIDE */
aside {

}

/* ASIDE: BACK BUTTON */
aside.back
{

}

aside > .asideBox
{
	border: 1px solid rgba(0, 0, 0, 0.3);
	
	box-shadow: inset 0px 0px 2px rgba(255, 255, 255, 0.4);
	
	background: #1c1c1c;
	
	margin-bottom: 1em;
	margin-right: -1.1em;
	
	padding: 0 1em;
	
	clear: right;
	
	margin-right: -30px;
}


/* ASIDE: 'WIDE' SIZE */
@media only screen and (max-width: 800px) {
	aside
	{
		width: 100% !important;
	}
	
	aside .asideBox
	{
		margin-right: 0;
	}
}

.header-container,
.footer-container,
aside {
}

header {
	
}

header .title {
	position: relative;
	
	font-size: 1.5em;
	
	color: rgba(255, 255, 255, 0);
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 1);
	
	margin-left: 10px;
	margin-top: 15px;
	margin-bottom: 10px;
	
	-webkit-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	
	z-index: 1004;
	
	/*pointer-events: none;*/
	max-width: 35%;
}

header .title:hover {
	text-shadow: 0px 0px 0px rgba(0, 0, 0, 1);
}

header .title a,
header .title a:hover {
	text-decoration: none;
	color: rgba(255, 255, 255, 1);
	
	text-shadow: 2px 2px 5px black;
	
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

header .tag {
	font-size: 1em;
	font-weight: normal;
	
	margin-top: 30px;
	
	padding-top: 5px;
	padding-bottom: 5px;
	
	color: white;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.9);
	
	clear: right;
	
	border-bottom: 1px solid #444;
	border-radius: 0;
	
	padding-left: 10px;
	padding-right: 10px;
	
	-webkit-transition :all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	
	clear: both;
	
	cursor: default;
	
	/* FULL WIDE */
	position: absolute;
	top: 31px;
	left: 0;
	right: 0;
	text-align: center;
	
	background: rgb(71,71,71); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(71,71,71,1) 0%, rgba(14,14,14,1) 33%, rgba(14,14,14,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(71,71,71,1)), color-stop(33%,rgba(14,14,14,1)), color-stop(100%,rgba(14,14,14,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(71,71,71,1) 0%,rgba(14,14,14,1) 33%,rgba(14,14,14,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(71,71,71,1) 0%,rgba(14,14,14,1) 33%,rgba(14,14,14,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(71,71,71,1) 0%,rgba(14,14,14,1) 33%,rgba(14,14,14,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(71,71,71,1) 0%,rgba(14,14,14,1) 33%,rgba(14,14,14,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
}

header .tag span {
	font-size: 0.8em;
	
	padding-top: 5px;
	
	padding-left: 8px;
	
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
}

header .tag .note {
	display: inline;
	
	padding: 2px;
	
	font-size: 0.8em;
	
	text-transform: uppercase;
	
	height: 26px;
	
	line-height: 23px;
	
	padding: 1px 5px;
	
	border: 1px solid #666;
	border-radius: 4px;
	
	background: rgb(125,126,125); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(125,126,125,1) 0%, rgba(14,14,14,1) 43%, rgba(14,14,14,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,1)), color-stop(43%,rgba(14,14,14,1)), color-stop(100%,rgba(14,14,14,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 43%,rgba(14,14,14,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 43%,rgba(14,14,14,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 43%,rgba(14,14,14,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(125,126,125,1) 0%,rgba(14,14,14,1) 43%,rgba(14,14,14,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
	
	background: black;
	
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
	
	margin-left: -5px;
}

/* TAGS: TYPES */
header .tag .note.fault
{
	background: rgb(232,108,87); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(232,108,87,1) 1%, rgba(234,40,3,1) 51%, rgba(255,102,0,1) 75%, rgba(199,34,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(232,108,87,1)), color-stop(51%,rgba(234,40,3,1)), color-stop(75%,rgba(255,102,0,1)), color-stop(100%,rgba(199,34,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(232,108,87,1) 1%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(232,108,87,1) 1%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(232,108,87,1) 1%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(232,108,87,1) 1%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e86c57', endColorstr='#c72200',GradientType=0 ); /* IE6-9 */
	
	border: 1px solid rgba(255,255,255,0.1);
}

header .tag .note.offline
{
	background: rgb(243,197,189); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(243,197,189,1) 0%, rgba(232,108,87,1) 50%, rgba(234,40,3,1) 51%, rgba(255,102,0,1) 75%, rgba(199,34,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,197,189,1)), color-stop(50%,rgba(232,108,87,1)), color-stop(51%,rgba(234,40,3,1)), color-stop(75%,rgba(255,102,0,1)), color-stop(100%,rgba(199,34,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(243,197,189,1) 0%,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(243,197,189,1) 0%,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(243,197,189,1) 0%,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(243,197,189,1) 0%,rgba(232,108,87,1) 50%,rgba(234,40,3,1) 51%,rgba(255,102,0,1) 75%,rgba(199,34,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c5bd', endColorstr='#c72200',GradientType=0 ); /* IE6-9 */
	
	border: 1px solid rgba(0,0,0,0.1);
}

header .tag .note.attention
{
	background: rgb(109,179,242); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,179,242,1)), color-stop(50%,rgba(84,163,238,1)), color-stop(51%,rgba(54,144,240,1)), color-stop(100%,rgba(30,105,222,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */
	
	border: 1px solid rgba(0,0,0,0.1);
}

header .tag .note.acceptable
{
	background: rgb(249,198,103); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(249,198,103,1) 0%, rgba(247,150,33,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,198,103,1)), color-stop(100%,rgba(247,150,33,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(249,198,103,1) 0%,rgba(247,150,33,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(249,198,103,1) 0%,rgba(247,150,33,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(249,198,103,1) 0%,rgba(247,150,33,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(249,198,103,1) 0%,rgba(247,150,33,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c667', endColorstr='#f79621',GradientType=0 ); /* IE6-9 */
	
	border: 1px solid rgba(255,255,255,0.1);
}

header .tag .note.idle
{

}

/* HEADER NAVIGATION */

/* HEADER NAVIGATION: 'COMPACT' SIZE */
header nav
{
	position: absolute;
	
	top: 0;
	right: 0;
	
	clear: right;
	
	margin-right: 0px;
}

header nav ul {
	margin: 0;
	padding: 0;

	color: black;
}

header nav li a span
{
	display: none;
}

header nav a {
	display: block;
	padding: 10px 0;
	
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	
	border-top: 2px solid rgba(255, 255, 255, 1);
	
	min-height: 30px;
	
	-webkit-transition: all 50ms linear;
	-o-transition: all 50ms linear;
	
	color: black;
	
	background: rgba(255, 255, 255, 0.5);
	
	float: right;
	
	margin: 0 2px;
	padding: 5px 5px;
	
	margin-bottom: 0;
	display: inline-block;
	
}

header nav ul li {
	display: inline;
}

/* HEADER NAVIGATION: HIGHLIGHT AND SELECTED */
header nav a:visited {

}

header nav a:hover {
	padding-top: 5px;
	padding-bottom: 5px;
	
	background: #e3950b;
	
	border-top: 5px solid #f4c346;
	
	text-decoration: underline;
}

header nav a:active {
	border-top: 0;
	
	border-top: 7px solid #f4c346;
}

header nav a:hover,
header nav a:visited {
	color: black;
}

header nav .selected a {
	background: rgba(227, 149, 11, 0.8);
	
	border-top: 4px solid #f4c346;
}

header nav .selected a:hover { 
	border-top: 5px solid #f4c346;
	
	background: rgba(227, 149, 11, 1);
}

header nav a:hover { 
	box-shadow: 0 2px 3px rgba(0,0,0,0.5);
}

header nav .selected a:active { 
	border-top: 0;
	border-top: 7px solid #f4c346;
}

/* HEADER NAV: VISUALIZER */
/* DEFAULT HIDE (FOR SMALLER DEVICES) */
header nav .viz a {
	background: #AAA no-repeat center;
	background-size: cover;
	opacity: 0.95;
	
	
	
	color: white;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
	
	display: none;
}

header nav .viz a:hover { 
	border-top: 5px solid orange;
	opacity: 1;
}

header nav .viz a span {
	margin-top: 5px;
	margin-top: 35px;
}

header nav .viz .img {
	height: 36px;
	width: 36px;
	margin: 0 auto;
}

/* HEADER NAV: IMAGES */
header nav .home .img {
	height: 36px;
	width: 36px;
	margin: 0 auto;
	background: #555 no-repeat left;
}

header nav .login .img {
	height: 36px;
	width: 36px;
	margin: 0 auto;	
	background: url('../img/ui_logout.png') no-repeat left;
}

header nav .logout .img {
	height: 36px;
	width: 36px;
	margin: 0 auto;	
	background: url('../img/ui_logout.png') no-repeat left;
}

header nav .logout
{
	display: none;
}

@media only screen and (min-width: 420px) {
	header nav .logout
	{
		display: inline;
	}
}

/* HEADER NAVIGATION: LOGOUT BUTTON */

header nav .logout a {
	border-top: 2px solid rgba(255, 0, 0, 0.8);
	
	background: -moz-linear-gradient(top,  rgba(207,4,4,0.72) 0%, rgba(255,48,25,0.72) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,4,4,0.72)), color-stop(100%,rgba(255,48,25,0.72))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(207,4,4,0.72) 0%,rgba(255,48,25,0.72) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(207,4,4,0.72) 0%,rgba(255,48,25,0.72) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(207,4,4,0.72) 0%,rgba(255,48,25,0.72) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(207,4,4,0.72) 0%,rgba(255,48,25,0.72) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8cf0404', endColorstr='#b8ff3019',GradientType=0 ); /* IE6-9 */
}

header nav .logout a:hover {
	background: rgb(207,4,4); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(207,4,4,1) 0%, rgba(255,48,25,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,4,4,1)), color-stop(100%,rgba(255,48,25,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(207,4,4,1) 0%,rgba(255,48,25,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(207,4,4,1) 0%,rgba(255,48,25,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(207,4,4,1) 0%,rgba(255,48,25,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(207,4,4,1) 0%,rgba(255,48,25,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf0404', endColorstr='#ff3019',GradientType=0 ); /* IE6-9 */

	border-top: 5px solid rgba(255, 0, 0, 1) !important;
}

header nav .logout a:active {
	border-top: 0 !important;
	border-top: 7px solid rgba(255, 0, 0, 1) !important;
}

/* HEADER NAVIGATION: 'INTERMEDIATE' SIZE */
@media only screen and (min-width: 480px) {
	header nav a {
		float: right;

		margin: 0 2px;
		padding: 5px 5px;
		margin-bottom: 0;
	}

	header nav ul li {
		display: inline;
	}

	.oldie header nav a {
		margin: 0 0.7%;
	}
}

/* HEADER NAVIGATION: 'WIDE' SIZE */
@media only screen and (min-width: 800px) {
	header nav {
		position: relative;
		
		top: default;
		right: default;
		
		z-index: 1003;
	}
	
	header nav li a span
	{
		display: inherit;
	}
	
	header nav {
		float: right;
	}
}

/* STATUS CONTAINER */
.status-container {
	width: 80%;
	max-width: 1000px;

	margin: 0 auto;
	
	font-size: 0.8em;
}

.status-container {
	display: none;
}

.status-container ul {
	margin: 0;
	margin-left: 15px;
	margin-right: 15px;
	
	padding: 0;
}

.status-container ul li {
	margin: 0;
	padding: 0;
	
	list-style: none;

	background: #dcdcde;
	
	text-align: center;
	
	color: #555;
	font-weight: bold;
}

.status-container ul li:nth-child(odd) {
	background: #efefef;
	
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	
}

/* ==============
    MOBILE: Main
   ============== */

.main {
	background: #0f0f0f;
	background-attachment: fixed;
	background-size: cover;

	/* box-shadow: 0 0 10px rgba(255, 255, 255, 0.8); */
	

    padding: 0;
	padding-top: 30px;
	
	margin: 0 auto;
	margin-bottom: 1em;	
	
	min-height: 200px;

	border: 1px solid black;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	
	border-bottom: 1px solid rgba(255,255,255,0.2);
	border-left: 1px solid rgba(255,255,255,0.2);
	border-right: 1px solid rgba(255,255,255,0.2);
	
	border-radius: 0;
	
	margin-bottom: 0 !important;
}

.main .contents {
	margin: 15px;
	
	min-width: 400px;
}

.main aside {
	float: right;
	width: 36%;
}

.footer-container {
	color: rgba(255,255,255,0.3);
	text-shadow: 1px 1px 2px rgba(0,0,0,.5);
	
	padding-bottom: 5px;
}

.footer-container:hover
{
}

.footer-container h3 {
	margin: 0;
	padding: 0;
	
	font-size: 0.9em;
	
	font-weight: normal;
}

.footer-container .second
{
	padding: 0 5px;
}

.footer-container h3 {
	font-weight: normal;
}

.footer-container a {
	text-decoration: none;
	
	border-bottom: 1px dotted #555;
	
	color: rgba(227, 149, 11, 1);
}

.footer-container a:hover {
	color: white;

	border-bottom: 1px dotted #CCC;
	
	text-shadow: 0 0 10px rgba(227, 149, 11, 0.8);
}

.footer-container a.nohighlight {
	border-bottom: none;
	
	color: rgba(255,255,255,0.3);
}

.footer-container a.nohighlight:hover {
	color: #AAA;
	
	text-shadow: none;
}

.footer-container sup
{
	color: white;
}

.footer-container .warn
{
	color: red;
	
	text-transform: uppercase;
	font-size: 0.8em;
}

.footer-container .sslEndpoint
{
	color: orange;
	
	text-transform: uppercase;
	font-size: 0.6em;
}

.footer-container footer {
	padding: 5px 0;
	padding-bottom: 0;
	
	text-align: right;
	
	margin-bottom: 60px;
}

.footer-container h1, 
.footer-container h2, 
.footer-container h3 {
	margin-top: 0;
	margin-bottom: 0;
}

/* ===============
    ALL: IE Fixes
   =============== */

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 800px) {

/* ====================
    WIDE: CSS3 Effects
   ==================== */
	.main {
		width: 95%;
		max-width: 1000px;
		
		margin-bottom: 1em;
		
		padding-top: 0px;

	}

	/* HEADER */
	.header-container 
	{
		background: red bottom right no-repeat white;

		width: 95%;
		max-width: 1000px;
		
		height: 150px;
	}
	
	header .title {
		position: absolute;
	
		color: rgba(255, 255, 255, 0);
		text-shadow: 0px 0px 7px rgba(0, 0, 0, 1);
	
		font-size: 3.5em;
		
		margin-left: 20px;
		margin-top: 25px;
		margin-bottom: 10px;
		
		z-index: 1000;
	}	
	
	header .title a,
	header .title a:hover {
		text-decoration: none;
		color: rgba(255, 255, 255, 0);
		
		text-shadow: inherit;
	}
	
	/* HEADER: NAVIGATION */
	header .tag {
		background: rgba(0, 0, 0, 0.5);
		
		position: absolute;
		top: 60px;
		
		left: inherit;
		margin-left: -30px;
		
		right: inherit;
		
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		
		text-align: left;
		
		border-top: 1px solid rgba(255, 255, 255, 0.2);
		border-left: 1px solid rgba(255, 255, 255, 0.2);
		
		border-right: 1px solid rgba(0, 0, 0, 0.2);
		border-bottom: 1px solid rgba(0, 0, 0, 0.2);
		
		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
	}
	
	header .tag:hover {
		border-top: 1px solid rgba(255, 255, 255, 0.2);
		border-left: 1px solid rgba(255, 255, 255, 0.2);
		
		border-right: 1px solid rgba(0, 0, 0, 0.2);
		border-bottom: 1px solid rgba(0, 0, 0, 0.2);
		
		background: #222222;
		
		box-shadow: 0 0 10px rgba(0,0,0,0.9);
	}
	
	header .tag:hover span {
	
	}
	
	header nav .viz a {
		display: block;
		
		height: 62px;
		width: 100px;
	}
	
	.footer-container
	{
		position: relative;
		
		z-index: 10;
		
		width: 95%;
		max-width: 1010px;
		margin: 0 auto;
	}	
	
	/* MODAL */	
	.modal .modal-container {
		border: 3px solid #666 !important;
		
		width: 70%;
		max-width: 900px;
		
		position: absolute;
		
		top: 10px;
		
		left: 10%;
		right: 10%;
	}
	
	.modal .modal-container .header {
		height: 150px !important;
	}

	.modal .modal-container .modal-body
	{		
		max-height: 700px !important;
		overflow-y: auto !important;
	}	
	
	/* BODY */
    .header-container,
    .main aside {
	/*
        -webkit-box-shadow: 0 5px 10px #aaa;
           -moz-box-shadow: 0 5px 10px #aaa;
                box-shadow: 0 5px 10px #aaa;
	*/
    }

    .title {
        float: left;
    }
	
    header .tag {
		clear: left;
        float: left;
    }

    .main article {
        float: left;
        width: 59%;
    }
}


/* NAVIGATION: MENU */
nav.menu {
	background: #455868;

	position: relative;
	border-bottom: 2px solid #283744;
}

nav.menu a {
	color: #fff;
	
	display: inline-block;
	width: 100px;
	
	text-align: center;
	text-decoration: none;
	
	line-height: 40px;
	
	text-shadow: 1px 1px 0px #283744;
}

nav.menu ul {
	padding: 0;
	
	margin: 0 auto;
	
	width: 600px;
	height: 40px;
}

nav.menu li {
	display: inline;
	float: left;
}

nav.menu li a {
	border-right: 1px solid #576979;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

nav.menu li:last-child a {
	border-right: 0;
}

nav.menu a:hover, nav nav a:active {
	background-color: #8c99a4;
}

nav.menu a#pull {
	display: none;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* LOADER */
.contents > .loading
{
	pointer-events: none;
	
	position: fixed;
	
	overflow: hidden;
	
	display: inline-block;
	
	background: rgba(0, 0, 0, 0.8);
	
	left: 5%;
	right: 5%;
	bottom: 5%;
	
	text-align: center;
	text-transform: uppercase;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8);
	
	z-index: 3000;
	
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 50px;
	
	padding: 0.5em 0.25em;
	
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	
	background: rgba(0,0,0,0.5);
	border: 1px solid rgba(255,255,255,0.1);
	
	color: white;
	
	font-size: 1.2em;
	box-shadow: none;
}

.contents > .loading:hover
{

}

.contents > .loading p
{
	padding: 0;
	margin: 0;	
	
	padding: 0.15em 1em;
}

/* CONTENTS.FULLWIDE */ 

.contents.fullwide {
	position: relative;
	
	background: black;
	
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	
	padding: 8em 2em;
	margin: 2em 0;
	
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
}


/* BREADCRUMB */
.breadcrumb
{
	margin-bottom: 0.5em;
}


.breadcrumb h1
{
	display: inline;
	
	font-size: 1.2em;

	font-style: italic;
	
}

.breadcrumb h2:before
{
	content: " » ";
}

.breadcrumb h2
{
	display: inline;

	font-size: 1.2em;
	font-style: italic;
}

/* BUTTONS */
.commands
{
	margin-bottom: 1em;
}

.commands > ul,
.buttonPanel > ul
{
	list-style: none;
	
	margin: 0;
	padding: 0;
}

.button
{
	font-size: 11pt;
	text-transform: uppercase;
	
	margin: 0;
	
	display: block;
	
	cursor: pointer;

	text-align: center;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
	
	border: 1px solid #1a1a1a;
	border: 1px solid #666;
	border-radius: 3px;	
	
	background: #505050; /* Old browsers */
	background: -moz-linear-gradient(top,  #505050 0%, #3c3c3c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#505050), color-stop(100%,#3c3c3c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #505050 0%,#3c3c3c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #505050 0%,#3c3c3c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #505050 0%,#3c3c3c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #505050 0%,#3c3c3c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#3c3c3c',GradientType=0 ); /* IE6-9 */	

	margin: 1em 0;
	
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8);
	
	color: rgba(255,255,255,0.8);

}

/*
.button:last-child
{
	margin-bottom: 5px;
}
*/

.button a:before
{
	margin-right: 0.5em;
   font-family: FontAwesome;
	font-weight: normal;
}

.button > a
{
	display: block;
	
	padding: 0.25em 0.5em;
	
	box-shadow: inset 0px 2px 10px rgba(0, 0, 0, 0.4);
}

.button > a
{
	box-shadow: none;
}

/* BUTTON: NORMAL: STATES */
.button:hover
{
	text-shadow: 0px 3px 5px rgba(0, 0, 0, 1);
	
	color: white;
	
	border: 1px solid #777;
	
	box-shadow: inset 0px 2px 10px rgba(255, 255, 255, 0.2);
}

.button:active
{
	background: #3c3c3c; /* Old browsers */
	background: -moz-linear-gradient(top,  #3c3c3c 0%, #505050 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c3c3c), color-stop(100%,#505050)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3c3c3c 0%,#505050 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3c3c3c 0%,#505050 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3c3c3c 0%,#505050 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #3c3c3c 0%,#505050 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3c3c', endColorstr='#505050',GradientType=0 ); /* IE6-9 */	

	box-shadow: inset 0px 2px 10px rgba(255, 255, 255, 0.3);
}

.button:active
{
}


/* BUTTONS: PROMINENT */
.button.prominent
{
	background: rgb(0,158,23); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(0,158,23,1) 0%, rgba(0,117,17,1) 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,158,23,1)), color-stop(99%,rgba(0,117,17,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,158,23,1) 0%,rgba(0,117,17,1) 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,158,23,1) 0%,rgba(0,117,17,1) 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,158,23,1) 0%,rgba(0,117,17,1) 99%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,158,23,1) 0%,rgba(0,117,17,1) 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009e17', endColorstr='#007511',GradientType=0 ); /* IE6-9 */

}

.button.prominent:active
{
	background: rgb(0,117,17); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(0,117,17,1) 1%, rgba(0,158,23,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(0,117,17,1)), color-stop(100%,rgba(0,158,23,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,117,17,1) 1%,rgba(0,158,23,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,117,17,1) 1%,rgba(0,158,23,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,117,17,1) 1%,rgba(0,158,23,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,117,17,1) 1%,rgba(0,158,23,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007511', endColorstr='#009e17',GradientType=0 ); /* IE6-9 */

	border: 1px solid #04CE1F;
}

.button.prominent
{
	border: 1px solid rgba(0, 255, 0, 0.5);	
}

.button.prominent:hover
{
	border: 1px solid rgba(0, 255, 0, 1);	
}

.button.prominent:active
{
	border: 1px solid lime;
}

/* BUTTONS: IMPORTANT */
.button.important
{
	background: rgb(160,0,0); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(160,0,0,1) 0%, rgba(119,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(160,0,0,1)), color-stop(100%,rgba(119,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(160,0,0,1) 0%,rgba(119,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(160,0,0,1) 0%,rgba(119,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(160,0,0,1) 0%,rgba(119,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(160,0,0,1) 0%,rgba(119,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a00000', endColorstr='#770000',GradientType=0 ); /* IE6-9 */

	border: 1px solid rgba(255, 0, 0, 0.5);
}


.button.important:hover
{
	border: 1px solid rgba(255, 0, 0, 1);	
}


.button.important:active
{
	background: rgb(119,0,0); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(119,0,0,1) 0%, rgba(160,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(119,0,0,1)), color-stop(100%,rgba(160,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(119,0,0,1) 0%,rgba(160,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(119,0,0,1) 0%,rgba(160,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(119,0,0,1) 0%,rgba(160,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(119,0,0,1) 0%,rgba(160,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#770000', endColorstr='#a00000',GradientType=0 ); /* IE6-9 */

}

/* BUTTONS: DISABLED */
.button.important:disabled
{

}

/* BUTTONS: SIZES */
.button.small
{
	width: 25%;
}

.button.half
{
	width: 50%;
}

/* BUTTONS: TEXT */
.button.pause a:before
{
	content: "\f04c"; 	
}

.button.play a:before
{
	content: "\f04b"; 
}

.button.cancel a:before
{
	content: "\f00d"; 
}

.button.stop a:before
{
	content: "\f04d";	
}

.button.refresh a:before
{
	content: "\f021"; 
}

.button.ok a:after
{
	content: "\f00c";
}

.button.remove a:before
{
	content: "\f00d";
}

.button.estop a:before
{
	content: "\f071";
}

.button.clear a:before
{
	content: "\f0e3";
}

.button.cpendant a:before
{
	content:  "\f0ad";
}

/* CHECKBOX */
.nicecheckbox {
	width: 28px;
	height: 28px;
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	position: relative;
	
	float: left;
	
	margin-right: 0.5em;
}


.nicecheckbox input[type=checkbox]
{
	visibility: hidden;
}

.nicecheckbox label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	left: 4px;
	top: 4px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
	

}

.nicecheckbox label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #fcfff4;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.nicecheckbox label:hover::after 
{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.nicecheckbox input[type=checkbox]:checked + label:after 
{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;	
}

.nicecheckbox + label
{
	display: block;
	
	margin: 0;
	padding: 0;
	
	text-align: left;
	
	float: left;
}

/* GROUPBOX */
.groupBox
{
	border-radius: 0.5em;
	
	padding: 1em 0.75em;
	
	background: #111;
	
	border: 1px solid rgba(255, 255, 255, 0.1);

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
	
	margin-bottom: 1em;
}

.groupBox > *:first-child {
	margin-top: 0;
}

.groupBox >  *:last-child {
	margin-bottom: 0;
}

.groupBox > a
{
	color: white;
	
	text-decoration: none;
	
	border-bottom: 1px dotted orange;
}

.groupBox > a:hover
{
	border-bottom: 1px solid orange;
}

/*
*:last-child .groupBox
{
	margin-bottom: 0;
}
*/

.groupBox h3
{
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	
	margin-top: 0;
	margin-bottom: 0.5em;
	
	padding: 0;
}

/* TEXTURES */
.carbonfiber
{
	background: grey;
	background-image: linear-gradient(45deg, transparent 50%, rgba(0,0,0,.2) 50%), linear-gradient(-45deg, transparent 50%, rgba(0,0,0,.2) 50%);
	background-size: 50px;
}

/* TABS: RADIO TABS */
.tabs.radio
{
	margin: 0;
	padding: 0;
}

.tabs.radio ul
{
	margin: 1em 0;
	
	list-style: none;
	
	border-radius: 5px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
	
	padding: 0.5em 0.5em;
	padding-bottom: 0;
	
	background: rgb(10,10,10); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(10,10,10,1) 0%, rgba(50,50,50,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(10,10,10,1)), color-stop(100%,rgba(50,50,50,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(10,10,10,1) 0%,rgba(50,50,50,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(10,10,10,1) 0%,rgba(50,50,50,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(10,10,10,1) 0%,rgba(50,50,50,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(10,10,10,1) 0%,rgba(50,50,50,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a0a0a', endColorstr='#323232',GradientType=0 ); /* IE6-9 */
	overflow: hidden;
}

.tabs.radio ul li
{
	min-width: 30px;
	
	font-size: 0.9em;
	color: white;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);

	display: block;
	float: left;
	
	border: 1px solid #4a4a4a;
		
	background: rgb(10,10,10); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(10,10,10,1) 0%, rgba(50,50,50,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(10,10,10,1)), color-stop(100%,rgba(50,50,50,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(10,10,10,1) 0%,rgba(50,50,50,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(10,10,10,1) 0%,rgba(50,50,50,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(10,10,10,1) 0%,rgba(50,50,50,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(10,10,10,1) 0%,rgba(50,50,50,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a0a0a', endColorstr='#323232',GradientType=0 ); /* IE6-9 */

	margin: 0;
	margin-right: 0.5em;
	
	padding: 0.1em 10px;
	
	text-align: center;
	
	list-style: none;
	
	cursor: pointer;
	
	box-shadow: inset 0px 2px 2px rgba(255, 255, 255, 0.2);

	-webkit-transition:all 200ms ease-in;
	-o-transition: all 200ms ease-in;

	margin-bottom: 10px;
}

.tabs.radio ul li:hover
{
	background: rgb(50,50,50); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(50,50,50,1) 0%, rgba(10,10,10,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(50,50,50,1)), color-stop(100%,rgba(10,10,10,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(50,50,50,1) 0%,rgba(10,10,10,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(50,50,50,1) 0%,rgba(10,10,10,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(50,50,50,1) 0%,rgba(10,10,10,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(50,50,50,1) 0%,rgba(10,10,10,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323232', endColorstr='#0a0a0a',GradientType=0 ); /* IE6-9 */
	
	box-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
	
	border: 1px solid rgba(255, 255, 255, 0.6);
	
    -webkit-transition:all 200ms ease-in;
    -o-transition:all 200ms ease-in;
}

.tabs.radio ul li:active
{
	background: rgb(10,10,10); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(10,10,10,1) 0%, rgba(50,50,50,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(10,10,10,1)), color-stop(100%,rgba(50,50,50,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(10,10,10,1) 0%,rgba(50,50,50,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(10,10,10,1) 0%,rgba(50,50,50,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(10,10,10,1) 0%,rgba(50,50,50,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(10,10,10,1) 0%,rgba(50,50,50,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a0a0a', endColorstr='#323232',GradientType=0 ); /* IE6-9 */

	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}

.tabs.radio ul li:first-child
{
	margin-left: 0;

}

.tabs.radio ul li:last-child
{

}

.tabs.radio ul li.side
{
	float: right;
	
	margin-right: 0em;	
	margin-left: 0.5em;	
}

.tabs.radio ul li .bullet
{

}

.tabs.radio ul li.selected
{	
	background: rgb(50,50,50); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(50,50,50,1) 0%, rgba(10,10,10,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(50,50,50,1)), color-stop(100%,rgba(10,10,10,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(50,50,50,1) 0%,rgba(10,10,10,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(50,50,50,1) 0%,rgba(10,10,10,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(50,50,50,1) 0%,rgba(10,10,10,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(50,50,50,1) 0%,rgba(10,10,10,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323232', endColorstr='#0a0a0a',GradientType=0 ); /* IE6-9 */

	box-shadow: 0 0 1px rgba(244, 195, 70, 1);
	
	border: 1px solid rgba(244, 195, 70, 0.6);
}

.tabs.radio ul li.selected:hover
{
	box-shadow: 0 0 10px rgba(244, 195, 70, 0.9);
	
	border: 1px solid rgba(244, 195, 70, 1);	
}

/* RESIZE: OLD MONITOR */
@media screen and (max-width: 600px) {
	.tabs.radio {
		width: 100%;
		height: auto;
	}
	
	.tabs.radio ul li {
		text-align: left;

		width: 100%;
		margin: 0;
		padding: 0;
		
		text-indent: 10px;
	}
	
	.tabs.radio ul li.side {
		float: none;
		margin: 0;
		overflow: auto;
	}
}

/* NOTES */
.note
{
	text-align: center;
}

/* NOTES: PRIMARY */
.note.primary
{
	font-size: 1.3em;
	
	padding: 1em 0.5em;
	
	border-top: rgba(255, 255, 255, 0.5);
	border-bottom: rgba(255, 255, 255, 0.5);
	
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);
	
	-webkit-font-smoothing: antialiased;
}

.note.primary > p
{
	color: #f4c346;
}

/* NOTES: PRIMARY: ERROR */
.note.primary.error 
{
	background: url('../img/notes/error.png') no-repeat top center;
	
	min-height: 40px;
	min-width: 100px;
	
	padding-top: 90px;
	
	border: 3px solid white;
}

/* NOTES: PRIMARY: INFO */
.note.primary.info 
{
	padding-top: 30px;
	padding-bottom: 30px;
	
	font-style: italic;
	color: rgba(255, 255, 255, 0.5);
}

/* NOTES: PRIMARY: QUESTION */
.note.primary.question 
{
	background: url('../img/notes/question.png') no-repeat top center;
	
	min-width: 100px;
	
	padding-top: 90px;
	padding-bottom: 10px;
	
	font-style: italic;
}

/* NOTES: PRIMARY: WAIT */
.note.primary.wait
{

}

.note.primary.wait .img
{
	background: url('../img/notes/wait.png') no-repeat top center;
	background-size: contain;
	
	width: 150px;
	height: 150px;
	
	margin: 0 auto;
	margin-bottom: 15px;
	
	animation: spin_minute 5s infinite linear;
	-webkit-animation: spin_minute 5s infinite linear;
	
	transform-origin: 79px 77px;
}

.note.primary.wait p
{
	margin: 0;
	padding: 0;
}

@-webkit-keyframes spin_minute {
	0%   {-webkit-transform: rotate(0deg)}
	100% {-webkit-transform: rotate(360deg)}
}

@keyframes spin_minute {
	0%   {transform: rotate(0deg)}
	100% {transform: rotate(360deg)}
}

/* NOTES: PRIMARY: "MACHINE IS NOT CONNECTED" */
.note.primary.not_connected
{
	background: url('../img/notes/notavailable.png') no-repeat top center;
}

.note.primary.not_connected *:first-child
{
	margin: 0;
	padding: 0;
	
	margin-top: 110px;
}

/* CLEARS */
.clear-left {
	clear: left;
}

.clear-right {
	clear: right;
}

.clear {
	clear: both;
}

/* MODAL */
.modal
{

}

.modal .background
{
	background: rgba(0, 0, 0, 0.8);
	
	position: fixed;
	
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;	
	
	z-index: 1003;
}

.modal .modal-container
{
	
	background: #222;
	color: black;
	
	border: 3px solid #666;

	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7);
	
	position: absolute;
	
	z-index: 1500;
	
	margin: 0 auto;

	top: 5px;
	left: 5px;
	right: 5px;
	
	/*
	max-height: 600px;
	overflow-y: scroll;
	*/

	color: white;
}

.modal .modal-container .header
{
	background: #333;
	background-position: cover;
	
	box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
	
	height: 75px;
	
	position: relative;
}

.modal .modal-container .header .text 
{
	position: absolute;
	
	bottom: 0;
	left: 0;
	right: 0;

	border-bottom: 3px solid #333;

	padding: 0;
	
	background: rgba(0, 0, 0, 0.5);
	
	color: white;
	
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);
}

.modal .modal-container .header .text h3
{
	text-align: left;
	
	font-size: 1.4em;
	
	margin: 0;
	margin-top: 3px;
	margin-left: 5px;
	margin-right: 185px;
	
	padding: 10px 5px;	
}

.modal .modal-container .body
{

}

.modal .modal-container .modal-body
{
	color: white;

	margin: 0 0.25em;
	margin-top: 5px;
}

.modal .modal-container .modal-body .modal-main-column
{
	margin-top: 10px;
	margin-left: 190px;
}

.modal .commands
{
	width: 90%;
	
	margin: 0 auto;
}

/* FORMS */
.form
{
	margin: 1em;
}

.form > h3
{
	margin: 0;
	margin-bottom: 1em;
	
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	
	padding: 0;
}

.form > p
{
	line-height: 0.6em;
	
	text-align: right;
}

.form > .point
{
	margin-bottom: 1em;
	
	overflow: hidden;
}

.form > .point > h3
{
	width: 19%;

	font-weight: normal;

	border: 0;
	border-right: 2px solid #333;
	
	margin: 0;
	padding-right: 0.5em;
	
	text-align: right;
	
	float: left;
	
	clear: left;	
}

.form > .point > p,
.form > .point > .panel > p
{
	margin: 0; 
	padding: 0;
}

.form > .point > .panel
{
	margin-left: 22%;
}

.form > .point > .panel h3,
.form > .point > .panel h4
{
	margin: 0;
	padding: 0;
	
	font-weight: normal;
}

.form .small
{
	font-size: 0.7em;
}

/* FORMS: CONSTRAINED WIDTH */
@media only screen and (max-width: 800px) {
	.form > .point
	{

	}
	
	.form > .point > h3
	{
		width: 100%;
		
		text-align: left;
		
		margin-bottom: 0.25em;
	}
	
	.form > .point > .panel
	{
		margin-left: 0;
	}
}

/* COLORS */
.depressed
{
	color: rgba(255, 255, 255, 0.3);
	
	text-align: right;
	
	font-size: 0.8em;
}

/* TABLES */
table.nicetable
{
	display: table;
	
	width: 100%;
	margin: 0.5em auto;
}

/* TABLES: HEADER */
table.nicetable thead
{
}

table.nicetable thead th
{
	background: #222;

	text-align: center;
	
	font-weight: bold;
	
	padding: 5px 2px;
	
	border-right: 1px solid rgba(255, 255, 255, 0.05);
	border-left: 1px solid rgba(0, 0, 0, 0.6);
	
	/*
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);	
	*/
}

table.nicetable thead th:first-child
{
	border-top-left-radius: 0.5em;
}

table.nicetable thead th:last-child
{
	border-top-right-radius: 0.5em;	
}

table.nicetable thead th.empty
{

}

/* TABLES: BODY */
table.nicetable tbody
{
	background: #111;
	
	padding: 0.25em;
}

table.nicetable tbody tr
{

}

table.nicetable tbody td
{
	padding: 5px;
	
	border-right: 1px solid rgba(255, 255, 255, 0.1);
	
	text-align: center;	
	
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;

	cursor: pointer;	
	
}

table.nicetable tbody td:last-child
{
	border-right: 0;
}

/* TABLES: BODY: ALT ROW */
table.nicetable tbody tr:nth-child(even)
{
	background: rgba(255, 255, 255, 0.1);		
}

/* TABLES: BODY: HOVER */
table.nicetable tbody tr:hover
{
	background: rgba(255, 255, 255, 0.2);
}

table.nicetable tbody td.prominent
{
	background: rgba(255, 255, 255, 0.1);
	
	white-space: nowrap;
	
	font-weight: bold;
}

table.nicetable tbody td.prominent > div
{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

table.nicetable tbody td.ellipsis
{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

table.nicetable tbody td.prominent
{
	
	/*
	background: red;
	*/
}

/* TABLES: BODY: BUTTONS */
table.nicetable tbody td .button
{
	margin: 0;
	padding: 0;
}

/* TABLES: FOOTER */
table.nicetable tfoot td
{
	background: #222;

	text-align: center;
	
	font-weight: bold;
	
	padding: 5px 2px;
	
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

table.nicetable tfoot td.empty
{
	background: inherit;
}

table.nicetable tfoot td.full
{
	border-bottom-left-radius: 0.5em;
	border-bottom-right-radius: 0.5em;
}

/* RADIO BUTTONS */
.niceradio input {
	display: block;
	
	width: 24px;
	height: 24px;

	cursor: pointer;
	
	border-radius: 12px;
	vertical-align: middle;
	
	box-shadow: hsla(0,0%,100%,.15) 0 1px 1px, inset hsla(0,0%,0%,.5) 0 0 0 1px;
		
	background: #111;

	border: 1px solid rgba(0,0,0,0);
	
	-webkit-appearance: none;
	-webkit-transition: background-position .15s cubic-bezier(.8, 0, 1, 1), 
		-webkit-transform .25s cubic-bezier(.8, 0, 1, 1);
	
	-webkit-transition: all .2s;
	
	float: left;
	
	outline-width: 0;
	
	margin-right: 10px;
}

.niceradio input:checked {
	-webkit-transition: background-position .2s .15s cubic-bezier(0, 0, .2, 1), 
		-webkit-transform .25s cubic-bezier(0, 0, .2, 1);
}

.niceradio input:hover {
	border: 1px solid #666;
}

.niceradio input,
.niceradio input:active {
	background-position: 0 24px;
}

.niceradio input:checked {
	background-position: 0 0;
		
	background: rgb(149,149,149); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  rgba(149,149,149,1) 0%, rgba(13,13,13,1) 46%, rgba(1,1,1,1) 50%, rgba(10,10,10,1) 53%, rgba(78,78,78,1) 76%, rgba(56,56,56,1) 87%, rgba(27,27,27,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(149,149,149,1)), color-stop(46%,rgba(13,13,13,1)), color-stop(50%,rgba(1,1,1,1)), color-stop(53%,rgba(10,10,10,1)), color-stop(76%,rgba(78,78,78,1)), color-stop(87%,rgba(56,56,56,1)), color-stop(100%,rgba(27,27,27,1))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	border: 1px solid #666;
}

.niceradio input:active {
	-webkit-transition: -webkit-transform .1s cubic-bezier(0, 0, .2, 1);
}


.niceradio input:checked ~ input,
.niceradio input:checked ~ input:active {
	background-position: 0 -24px;
}

.niceradio label
{
	color: white;
	font-size: 0.9em;
	
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
	
	float: left;
	
	margin-right: 15px;
}

/* TEXT AREA */
textarea
{
	outline: none;

	border: 1px solid #666;
	color: #666;
	
	background: #333;
	
	padding: 0.25em;
	
    -webkit-transition:all 200ms ease-in;
    -o-transition:all 200ms ease-in;			
}

textarea:focus
{
	color: white;
	
	border: 1px solid white;
}


/* INPUT: TEXTBOX */
input[type=text]
{
	outline: none;

	border: 1px solid #666;
	color: #666;
	
	background: #333;
	
	padding: 0.25em;
	
    -webkit-transition:all 200ms ease-in;
    -o-transition:all 200ms ease-in;	
}

input:focus
{
	border: 1px solid white;
	color: white;
}

/* SELECT */
select
{
	outline: none;

	border: 1px solid #666;
	color: #666;
	
	background: #333;
	
	padding: 0.25em;
	
    -webkit-transition:all 200ms ease-in;
    -o-transition:all 200ms ease-in;	
}

select:focus
{
	border: 1px solid white;
	color: white;
}


/* NUMERIC BOX */
.numericbox .input
{
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
}

.numericbox  .input .value {
	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
	
	padding: 0.25em 0.5em;
	margin: 0.25em;
	
	font-size: 1.2em;
	
	text-align: center;
}

.numericbox .circle
{
	font-size: 1.7em;
}

.numericbox .input .value
{
	min-width: 100px;
}

/* NUMERIC BOX: CIRCLE */
.numericbox .circle.inc a:before
{
	content: "\f055"; 
    font-family: FontAwesome;	
}

.numericbox .circle.dec a:before
{
	content: "\f056"; 
    font-family: FontAwesome;	
}

.numericbox .input
{
	margin-right: 1em;
}

.numericbox > *
{
	float: left;
}

.numericbox .circle
{

}

.numericbox .circle.dec,
.numericbox .circle.inc
{
	cursor: pointer;

	width: 25px;
	height: 25px;
}

/* FONT AWESOME SHORTCUT */
.fa
{
   font-family: FontAwesome;
	font-weight: normal;
}/* WORKSHOP VISUALIZER */

/*
VOICELINE
*/
.voiceline .box {
	box-shadow: none !important;
}

/*
DIALOG: START
*/

.dialog.start {
	position: fixed;
	
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	
	z-index: 80;
	
	background: white;
	
	box-shadow: inset 0 4px 3px rgba(0,0,0,0.3);
	box-shadow: inset 0 2px 4px rgb(0,0,0,0.2);
}

.dialog.start .logobg {
	position: absolute;
	
	top: 5px;
	left: 0;
	right: 0;
	height: 219px;
	
	z-index: 80;
	
	background: url('../img/splash_logo.png') top center no-repeat;
}

.dialog.start .applogobg {
	position: absolute;
	
	left: 0;
	right: 0;
	top: 0;
	
	text-align: center;
	
	z-index: 81;
}

.dialog.start .applogobg > div {
	width: 40px;
	height: 40px;
	
	background: url('../img/app_vislogo.png') center no-repeat;
	
	display: inline-block;
}

.dialog.start .progressbg {
	position: absolute;
	
	left: 0;
	right: 0;
	
	top: 220px;
	
	background: rgba(0,0,0,0.6);
	
	border-top: 3px solid purple;
	border-bottom: 3px solid purple;
	
	padding: 30px 0;
	
	box-shadow: 0 0 6px rgba(0,0,0,0.8);
	
	background: purple;
	
	z-index: 100;
}

.dialog.start .progressbg .notch {
	position: absolute;
	left: 0;
	right: 0;
	height: 10px;
	
	background: black url('../img/splash_notch_bg.png') repeat-x;
	
	box-shadow: 0 4px 3px rgba(0,0,0,0.3);
}
.dialog.start .progressbg .notch.top {
	top: 0;
}
.dialog.start .progressbg .notch.bottom {
	bottom: 0;
	
	background-position: 50% 0;
}

.dialog.start .logo {
	width: 600px;
	
	margin: 10px auto 10px auto;
	
	position: relative;
	
	color: white;
	
	box-shadow: 0 0 6px rgba(0,0,0,0.8);
	
	border-top: 2px solid rgba(153,51,153,1);
	border-bottom: 2px solid  rgba(153,51,153,1);
	
	padding-top: 15px;
}

.dialog.start .logo .progress {
	background: #333;
	
	height: 20px;
	width: 90%;
	
	margin: 0 auto;
}

.dialog.start .logo .progress .value {
	height: 20px;
	width: 1px;
	
	margin: 0 auto;
	
	background: white;
	
	transition: 0.2s linear all;
}

.dialog.start .logo .text {
	text-align: center;
	
	padding-top: 10px;
	padding-bottom: 10px;
	
	font-size: 1.2em;
	
	text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
}

.dialog.start .logo .text p {
	margin: 0;
	padding: 0;
}


.dialog.start .logo.finished .progress .value {
	background: lime;
}

.dialog.start.error .logo {
	background: red;
	
	color: white;
}

.dialog.start.error .progressbg {
	border-top: 3px solid red;
	border-bottom: 3px solid red;
}

.dialog.start .bottombg {
	position: absolute;
	
	z-index: 20;
	
	left: 0;
	right: 0;
	bottom: 0;
	height: 40vh;
	
	background: white url('../img/splash_bottom_bg.png') bottom repeat-x;
	background-size: contain;
	
	
	z-index: 90;
}

.dialog.start .version {
	position: absolute;
	bottom: 0px;
	right: 10px;
	
	font-family: monospace;
	font-size: 0.8em;
	opacity: 0.5;
	color: black;
	
	z-index: 100;
}

.dialog.start .version.new {
	color: lime;
	
	text-shadow: 1px 1px 2px black;
	
	opacity: 1;
}

/*
DIALOG: OFFLINE
*/
.dialog.offline {
	position: fixed;
	
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	
	background-image: repeating-linear-gradient(
		-45deg, 
		rgba(0,0,0,0.85), 
		rgba(0,0,0,0.85) 35px, 
		rgba(255,0,0,.65) 35px, 
		rgba(255,0,0,.65) 70px);
	
	z-index: 80;
}

.dialog.offline .window {
	position: relative;
	
	width: 500px;
	
	margin: 0 auto;
	margin-top: 0;
	
	text-align: center;
	
	border: 5px solid black;
	
	background: orange;
	color: black;
	
	box-shadow: 0 0 5px rgba(0,0,0,0.6);
}

.dialog.offline .window h2 {
	margin: 0;
	padding: 10px;
	
	font-weight: bold;
	font-size: 1.75em;
	
	margin-bottom: 10px;
}

.dialog.offline .window p {
	margin: 0;
	padding: 10px;
	padding-top: 0;
	
}

.dialog.offline .window p span {
	color: green;
	
	background: black;
	
	display: inline-block;
	
	padding: 2px 8px;
	
	color: white;
	font-weight: bold;
}

body {
	overflow-y: hidden !important;
}

#wviz {
	/* 
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	*/
	
	width: 200px;
	height: 200px;
	
	position: fixed;
	
	top: 0;
	left: 0;
	
	z-index: 50;
}

header {
	position: absolute;
	
	top: 0;
	left: 0;
	
	height: 37px;
	width: 100%;
	
	background: #333 url('../img/ui_header_carbonfiber_bg.png') repeat-x left;
	
	border-bottom: 1px solid rgba(255,255,255,0.5);
	border-bottom:  2px solid orange;
	
	z-index: 55;
}

header .title {
	position: absolute;
	
	top: 0;
	left: 0;
	
	margin: 0;
	padding: 0;
	
	padding: 0 5px;
	padding-left: 35px;
	
	margin-top: 5px;
}

header .title > div {
	position: absolute;
	
	top: -6px;
	left: 0;
	
	background: url('../img/app_tl.png') no-repeat;
	background: url('../img/app_vislogo.png') no-repeat center left;
	
	height: 40px;
	width: 40px;
}

header .title > a {
	font-size: 19px;
	
	font-weight: normal;
	
	color: white;
	
	position: relative;
	top: -10px;
	left: 8px;
}

header .title a:hover {
	text-shadow: 0px 0px 6px rgba(255, 255, 255, 1);
	
	color: white;
}

header .tag,
#lblGlobalMachineStatus {
	position: fixed;
	
	z-index: 54;
	
	left: 130px;
	top:  0;
	right: 60px;
	
	margin: 0;
	
	text-align: left;
	
	box-shadow: none;
	
	background: rgba(255,255,255,0.5);
	background: transparent;
	color: black;
	
	border: none;
}

header .tag:hover {
	box-shadow: none;
}

#lblGlobalMachineStatus .note {
	background: #333;
	background: black;
	
	color: white;
	border: 1px solid white;
	border: 1px solid orange;
	
	box-shadow: none;
}

#lblGlobalMachineStatus span {
	color: white;
}

#lblGlobalMachineStatus {
	text-shadow: none;
}

header nav {
	position: fixed;
	
	top: 0;
	right: 2px;
}


header nav .home {
	display: none;
}

header nav a {
	width: 120px;
	
	margin-left: 0;
	
	text-align: left;
}

header nav li {
	display: none !important;
}

header nav li.logout {
	display: block !important;
}

header nav .logout a {
	width: 35px;
}

header nav a .img {
	float: left;
	
	width: 36px;
	height: 36px;
}

header nav a span {
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 5px;
}

.logout a span {
	margin: 0;
	
	cursor: pointer !important;
}

header nav li a {
	
}
.voiceline .box {
	top: 120px !important;
}


.debugContainer .debug {
	position: fixed;
	
	/* opacity: 1 !important; */
	
	top: 51px;
	right: 3px;
	
	top: 43px;
	right: 90px;
	
	z-index: 56;
	
	box-shadow: none;
	
	text-shadow: none !important;
}

.debugContainer .debug .values {
	max-height: 60vh;
	
	border: none;
	
	overflow-y: auto;
	overflow-x: hidden;
}

.debug .values h3 {
	display: none;
	
}

.debug .values p {
	color: orange;
}

.debug h4 {
	margin: 0 !important;
	padding: 0 3px !important;
	
	line-height: 15px;
	
	background: #333;
	color: white;
	font-weight: normal;
	border-bottom: none !important;
	
	text-align: left;
}

.contents > .loading {
	background: rgba(0,0,0,0.8);
	
	border-radius: 0;
	
	position: fixed;
	bottom: 0;
	
	border-bottom: 2px solid orange;
	
	/* 
	left: 140px;
	right: 140px;
	*/
	
	left: 155px;
	right: 155px;
}

.contents > .loading p {
	text-shadow: none;
}

#stats {
	z-index: 55;
}

/* GUI: CONTAINER */
.gui.container {
	position: fixed;
	
	z-index: 60;
	
	width: 500px;
	
	background: rgba(0,0,0,0.8);
	
	border: 3px solid orange;
	
	box-shadow: 0 0 25px rgba(0,0,0,0.8);
}

.gui.container .label {
	margin: 0;
	padding: 10px 20px;
	
	border-bottom: 1px solid orange;
	
	background: rgba(0,0,0,0.7);
	
	text-transform: uppercase;
}

.gui.container .label h3 {
	margin: 0;
	padding: 0;
}

.gui.container .count {
	position: absolute;
	
	left: -40px;
	top: 10px;
	
	font-size: 3em;
	
	color: orange;
	text-shadow: 0 0 8px rgba(0,0,0,0.9);
}

.gui.container .empty {
	text-align: center;
	
	font-size: 1.3em;
	
	text-transform: uppercase;
	
	margin: 20px 0;
}

.gui.container .list {
	background: rgba(0,0,0,0.7);
	
	margin: 10px 10px;
	
	max-height: 400px;
	
	overflow-y: auto;
}

.gui.container .list ul {
	list-style: none;
	
	margin: 0;
}

.gui.container .list ul li {
	list-style: none;
	
	margin: 0 20px;
	padding: 5px 0;
	
	clear: both;
	
	border: 1px solid rgba(255,255,255,0.1);
	
	margin-bottom: 10px;
}

.gui.container .list ul li.selected {
	border: 1px solid orange;
}

.gui.container .list ul li:last-child {
	margin-bottom: 0;
}

.gui.container .list ul li .qty {
	color: orange;
	
	font-size: 1.3em;
	
	width: 30%;
	
	text-align: right;
	
	float: left;
}

.gui.container .list ul li .qty:after {
	content: " x";
	
	font-size: 0.8em;
}

.gui.container .list ul li .text {
	margin-left: 32%;
	

	font-weight: bold;
	font-size: 1.4em;
}

/* GUI: POSTCARD */
.gui.postcard {
	position: fixed;
	
	z-index: 60;
	
	width: 800px;
	
	background: rgba(0,0,0,0.8);
	
	border: 3px solid orange;
	
	box-shadow: 0 0 25px rgba(0,0,0,0.8);
}

.gui.postcard .label {
	margin: 0;
	padding: 10px 20px;
	
	border-bottom: 1px solid orange;
	
	text-align: center;
	
	background: orange;
	color: black;
}

.gui.postcard .label h3:before {
	/* content: "\f003"; */
	/* content: "\f1d9"; */
	/* content: "\f27a"; */
	/* content: "\f27a"; */
	/* margin-right: 8px; */
}

.gui.postcard .label h3 {
	margin: 0;
	padding: 0;
}

.gui.postcard .text {
	background: rgba(0,0,0,0.7);
	
	margin: 10px 10px;
	
	padding: 5px 10px;
	
	font-size: 1.25em;
}

.gui.postcard .text .value {
	min-height: 40vh;
	
	text-overflow: ellipsis;
	
	overflow-y: auto;
	
	white-space: pre-wrap;
}

/* GUI: ROSE */
.gui.rose.full {
	background: transparent;
	
	border: none;
	
	top: 50px;
	right: 10px;
	left: 10px;
	bottom: 20px;
	
	position: fixed;
}

.gui.rose.full .roseContainer {
	background: transparent;
	
	position: relative;
	
	box-shadow: none;
	
	border: none;
	
	width: 100%;
	height: 100%;
}

/* GUI: MINIMAP */
.gui.minimap {
	position: fixed;
	
	z-index: 75;
	z-index: 52;
	
	background: orange;
	
	top: 60px;
	right: 20px;
	
	image-rendering: pixelated;
	
	box-shadow: 0 4px 5px rgba(0,0,0,0.3);
	
	overflow: hidden;
	
}

.gui.minimap .bearingdot {
	background: url('../img/ui_minimap_bearingdot.png') no-repeat center;
	
	position: absolute;
	
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	
	z-index: 56;
	
	-webkit-backface-visibility: hidden;
	
	transition: all 500ms ease-out;
	
	pointer-events: none;
}

.gui.minimap .area {
	cursor: pointer;
	
	background: #111;
	
	margin: 10px;
	
	width: 180px;
	height: 180px;
	
	margin: 3px;
	
	position: relative;
	
	overflow: hidden;
	
	z-index: 55;
}

.gui.minimap .area ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.gui.minimap .area li {
	position: absolute;
	
	list-style: none;
	margin: 0;
	padding: 0;
	
	width: 16px;
	height: 16px;
	
	background-repeat: no-repeat;
	background-size: cover;
}


.gui.minimap.allowswarp .area li:hover {
	background: cyan url('../img/ui_minimap_chunkwarp.png') no-repeat center !important;
	background-size: cover !important;
}

.gui.minimap.full {
	top: 0;
	top: 70px;
	
	z-index: 60;
	
	right: 40px;
	
	left: 40px;
	
	background: transparent;
	box-shadow: none;
}

.gui.minimap.full .area {
	margin: 5px auto;
}

/* GUI: FOCUS */
.gui.focus {
	position: absolute;
	
	z-index: 55;
	
	right: 0;
	top: 60px;
	
	width: 400px;
	width: 30vw;
}

.gui.focus.adjustfortelephone {
	top: 185px;
}

.gui.focus.adjustforminimap {
	top: 180px;
}

.gui.focus h3 {
	margin: 0;
	padding: 2px 5px;
	
	text-transform: uppercase;
	
	background: #0000FF;
	
	display: inline-block;
	
	float: right;
}

.gui.focus .value {
	clear: right;
	
	float: right;
	
	text-align: right;
	
	padding: 2px 5px;
	
	font-size: 0.8em;
	
	background: rgba(0,0,0,0.6);
	
	display: inline-block;
	
	border-bottom: 2px solid #0000FF;
	
	min-width: 200px;
	max-width: 40vw;
	
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.gui.focus h3:before {
	font-family: FontAwesome;
	content: "\f083";
	
	margin-right: 5px;
	
	color: white;
}

/* GUI: FOCUS: MINI MODE */
.gui.focus.mini {
	overflow: hidden;
}

.gui.focus.mini h3 {
	margin-right: -65px;
	
	color: #0000FF;
}

.gui.focus.mini .value {
	display: none;
}

/* GUI: BLOCKPALETTE */
.gui.blockpalette {
	position: fixed;
	
	z-index: 55;
	
	background: #222;
	
	border: 3px solid orange;
	
	bottom: 85px;
	right: 0;
	
	border-right: 0;
	border-top: 0;
	border-left: 0;
}

.gui.blockpalette * {
	image-rendering: pixelated;
}

.gui.blockpalette h3:before {
	/* font-family: FontAwesome; */
	/* content: "\f1fc"; */
	
	margin-right: 5px;
}
.gui.blockpalette h3 {
	position: absolute;
	
	right: 0;
	bottom: -48px;
	
	color: black;
	
	background: orange;
	
	padding: 0 5px;
}

.gui.blockpalette .count {
	position: absolute;
	
	right: 5px;
	top: 15px;
	
	font-size: 2em;
	
	color: orange;
	text-shadow: 0 0 8px rgba(0,0,0,0.9);
}

.gui.blockpalette .empty {
	text-align: center;
	
	margin: 0 0;
	
	padding: 5px 5px;
	
	text-align: center;
	
	color: orange;
	
	text-transform: uppercase;
}

.gui.blockpalette .list {
	padding-right: 40px;
	
	min-width: 120px;
	
	max-width: 50vw;
}

.gui.blockpalette .list ul {
	list-style: none;
	
	margin: 0;
	padding: 0 0;
}

.gui.blockpalette .list ul li {
	list-style: none;
	
	margin: 5px;
	margin-top: -10px;
	padding: 0;
	
	display: inline-block;
	
	border: 3px solid #222;
	color: white;
}

.gui.blockpalette .list.onlyselected ul li {
	display: none;
	/* visibility: hidden; */
}

.gui.blockpalette .list ul li.selected {
	border: 3px solid orange;
}

.gui.blockpalette .list.onlyselected ul li.selected {
	/* visibility: visible !important; */
	display: inline-block !important;
}

.gui.blockpalette .list ul li:last-child {

}

.gui.blockpalette .list ul li .text {
	display: absolute;
	bottom: 0;
	left: -10px;
	right: 10px;
	
	text-align: center;
	
	text-transform: uppercase;
	
	font-size: 0.7em;
	
	overflow: hidden;
}

.gui.blockpalette .list ul li .img {
	background: #333;
	
	image-rendering: pixelated;
}

.gui.blockpalette .list ul li .img div {
	height: 50px;
	width: 50px;
	
	margin: 0 auto;
	
	background-size: cover;
	background-repeat: no-repeat;
	
	/*
	image-rendering: -moz-crisp-edges;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	-ms-interpolation-mode: nearest-neighbor; */
}

.gui.blockpalette .list ul li.selected .text {
	background: orange;
	
	color: black;
}

/* GUI: CONSOLE */
.gui.console {
	background: rgba(0,0,0,0.5);
	
	width: 600px;
	position: fixed;
	
	top: 39px;
	top: 66px;
	left: 0;
	
	z-index: 55;
	
	overflow: visible;
}

.gui.console.full {
	top: 0;
	max-width: 50vw;
	/*
	width: inherit;
	right: 550px; */
}

.gui.console ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.gui.console .sys {
	border-bottom: 2px solid orange;
	
	/* max-height: 150px; */
	
	padding: 5px;
	
	font-size: 12px;
}

.gui.console .sys ul li {
	text-transform: uppercase;
	line-height: 16px;
	
	background: rgba(0,0,0,0.7);
	
	border-bottom: 1px dotted rgba(255,255,255,0.25);
	
	padding: 2px 5px;
}

.gui.console .sys ul li:last-child {
	border-bottom: none;
}

.gui.console .player {
	/* max-height: 150px; */
	
	padding: 5px;
	
	font-size: 15px;
}

.gui.console .player ul li {
	background: rgba(0,0,0,0.7);
	
	font-size: 12px;
	
	/* border-bottom: 1px solid orange; */
	
	margin-bottom: 1px;
	
	margin-left: 5px;
	
	overflow-x: hidden;
	overflow-y: hidden;
}

.gui.console .player ul li:last-child {
	/* border-bottom: none; */
}

.gui.console .player ul li .text {
	text-overflow: ellipsis;
}

.gui.console .player ul li .playerName {
	display: inline-block;
	
	background: orange;
	
	color: black;
	font-weight: bold;
	
	padding: 0 10px;
	
	margin-right: 5px;
	
	border-radius: 5px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	
	position: relative;
	left: -5px;
}

.gui.console .player ul li.private .playerName {
	background: lime;
	
	z-index: 56;
}

.gui.console .player ul li.private .destinationPlayerName .diff {
	width: 0;
	height: 0;
	border: 14px solid transparent;
	border-bottom-color: lime;
	position: relative;
	
	position: absolute;
	left: -16px;
	top: -16px;
}
.gui.console .player ul li.private .destinationPlayerName .diff:after {
	content: '';
	position: absolute;
	left: -14px;
	top: 14px;
	width: 0;
	height: 0;
	border: 14px solid transparent;
	border-top-color: lime;
}

.gui.console .player ul li.private .destinationPlayerName {
	display: inline-block;
	
	background: orange;
	
	color: black;
	font-weight: bold;
	
	padding: 0 10px;
	padding-left: 20px;
	
	margin-right: 5px;
	margin-left: -10px;
	
	position: relative;
	
	z-index: 55;
}

.gui.console .input input:before {
	font-family: FontAwesome;
	content: "\f120";
}

.gui.console .input {
	border-top: 1px solid rgba(255,255,255,0.3);
	
	background: #333;
	background: black;
	
	border-left: 5px solid orange;
}

.gui.console .input input {
	width: 100%;
	
	border: none !important;
	
	font-size: 12px;
	font-size: 20px;
	
	margin: 0;
	padding: 5px 5px;
	
	background: transparent;
	
	padding-left: 20px;
	background: url('../img/ui_console_carot_bg.png') no-repeat center left;
}

.gui.top {
	/* min-width: 220px; */
	
	background: #333;
}

.gui.top ul {
	margin: 0;
	padding: 0;
	list-style: none;
	
	margin-right: 5px;
}

.gui.top ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	
	float: right;
	
	color: orange;
	
	margin-left: 7px;
	
	font-size: 0.8em;
}

.gui.top ul li.sep {
	color: white;
}

.gui.top ul li > span {
	margin: 0;
	padding: 0;
	
	display: inline-block;
	
	font-size: 1.5em;
	color: white;
	
	margin-left: 2px;
}

/* GUI: TOP PANEL: COMPASS */
.gui.compass {
	position: fixed;
	top: 0;
	right: 160px;
	
	z-index: 70;
	
	text-align: left;
	
	border: 2px solid orange;
	border-top: 0;
	
	height: 45px;
	
	width: 250px;
	
	background: black;
	color: white;
	
	box-shadow: 0 2px 4px rgba(0,0,0,0.7);
}

.gui.compass .wnamepanel {
	position: absolute;
	
	bottom: -16px;
	left: 0;
	right: 0;
	
	text-align: center;
}

.gui.compass .wname {
	background: black;
	box-shadow: 0 2px 4px rgba(0,0,0,0.7);
	
	border-bottom: 2px solid orange;
	padding: 0 8px 0 8px;
	
	display: inline-block;
}

.gui.compass .wname div {
	display: inline-block;
	font-weight: bold;
	
	margin-left: 5px;
}

.gui.compass .label {
	padding: 0 5px;
	
	overflow: hidden;
	
	margin-top: 2px;
	
	height: 30px;
	
	position: relative;
}

.gui.compass .label .line {
	border-bottom: 2px solid white;
	
	position: absolute;
	left: 5px;
	right: 5px;
	top: 28px;
	
	z-index: 62;
}

.gui.compass .label ul {
	list-style: none;
	margin: 0;
	padding: 0;
	
	/* width: 240px; */
	width: 480px;
	
	overflow: auto;
	
	position: absolute;
	left: 0;
	top: 0;
}

.gui.compass .label ul.second {
	/* background: green; */
}

.gui.compass .label ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	
	/* width: 30px; */
	width: 60px;
	
	display: inline-block;
	
	z-index: 65;
	
	font-weight: bold;
	color: orange;
	
	text-align: left;
	
	background-image: linear-gradient(90deg, rgba(255, 165, 0, 0.3) 50%, transparent 50%);
	background-size: 5px 30px;
}

.gui.compass .label ul li.n {
	color: white;
	
	font-size: 1.2em;
}

.gui.compass .label ul li.w,
.gui.compass .label ul li.e,
.gui.compass .label ul li.s
{
	font-size: 1.2em;
}

.gui.compass .butt:after {
	font-family: FontAwesome;
	content: "\f0d8";
}


/* GUI: TOP PANEL: CHUNK COLOR */
.gui.chunkcolor {
	position: fixed;
	top: 3px;
	right: 55px;
	
	z-index: 70;
	
	text-align: center;
	
	border-top: 0;
	
	overflow: visible;
	
	height: 30px;
	
	background: rgba(33,33,33,0.5);
}

.gui.chunkcolor .butt {
	position: absolute;
	
	left: 0;
	right: 0;
	text-align: center;
	top: 0;
	
	color: orange;
	
	font-size: 1.3em;
	
	text-shadow: none;
	
	z-index: 62;
}

.gui.chunkcolor .chunkx {
	/* background: red; */
	width: 40px;
	
	padding: 0 5px;
	
	font-size: 1.3em;
	
	float: left;
	
	/* border-right: 2px solid orange; */
}

.gui.chunkcolor .chunkx span {
	text-align: right;
	
	padding-right: 5px;
}

.gui.chunkcolor .chunkz span {
	text-align: left;
	
	padding-left: 5px;
}

.gui.chunkcolor .chunkx span,
.gui.chunkcolor .chunkz span
{
	color: white;
	font-weight: bold;
	
	display: block;
	
	margin-top: 3px;
}

.gui.chunkcolor .chunkz {
	/* background: green; */
	
	font-size: 1.3em;
	
	width: 40px;
	padding: 0 5px;
	
	float: left;
}


/* GUI: TOP PANEL: DISTANCE FROM */
.gui.distancefrom {
	position: fixed;
	top: 6px;
	right: 270px;
	
	z-index: 60;
}

.gui.distancefrom .place {
	text-transform: uppercase;
}

.gui.distancefrom .place:before {
	font-family: FontAwesome;
	content: "\f11d";
	
	margin-right: 5px;
}

/* GUI: TOP PANEL: LOCATION */
.gui.location {
	position: fixed;
	top: 5px;
	right: 90px;
	
	/* background: red; */
	
	z-index: 60;
	
	background: rgba(33,33,33,0.5);
}

.gui.location ul li.facing {
	/* color: white; */
}

/* GUI: CHUNK TEMPERATURE */
.gui.chunktemperature {
	position: fixed;
	top: -1px;
	right: 420px;
	
	height: 23px;
	
	min-width: 60px;
	
	z-index: 60;
	
	text-align: right;
	
	background: rgba(0,0,0,0.5);
	background: black;
	
	box-shadow: 0 2px 4px rgb(0,0,0,0.7);
	
	border-bottom: 2px solid orange;
	
	font-family: monospace;
	font-size: 0.8em;
}

.gui.chunktemperature span {
	display: inline-block;
	
	font-weight: normal;
	color: orange;
	
	margin-right: 20px;
}

.gui.chunktemperature .img {
	width: 15px;
	height: 30px;
	
	background: url('../img/ui_chunktemperature_img.png') no-repeat center;
	
	top: 0;
	right: 0;
	
	position: absolute;
}

.gui.chunktemperature .value {
	margin-right: 15px;
}

.gui.chunktemperature .value:after {
	content: "º";
	
	margin-left: 2px;
	
	color: white;
}	

/* GUI: BELT */
.gui.belt {
	position: fixed;
	
	z-index: 53;
	
	background: black url('../img/belt_base.png') bottom center no-repeat;
	
	height: 220px;
	width: 64px;
	
	right: 3px;
	bottom: 0;
	
	border-left: 1px solid #ffa500;
	border-right: 1px solid #ffa500;
}

.gui.belt.collapsed {
	background: #333333;
	background: black;
	
	height: 2px;
}

.gui.belt .current {
	height: 30px;
	
	width: 300px;
	
	position: absolute;
	
	top: -43px;
	right: 0;
	
	text-align: right;
	
	color: orange;
	font-weight: bold;
	
	text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
}

.gui.belt .current span {
	background: rgba(0,0,0,0.6);
	
	display: inline-block;
	padding: 0 5px;
	
	min-width: 50px;
	
	text-align: center;
}

.gui.belt .current .img {
	/* background: rgba(0,0,0,0.5) !important; */
	
	height: 50px;
	width: 50px;
	
	position: absolute;
	
	bottom: 30px;
	bottom: 32px;
	right: 0;
	
	border: 4x solid orange;
	border: 4px solid #333;
	
	background-position: center;
}

.gui.belt .clasp {
	width: 66px;
	height: 15px;
	background: orange;
	
	position: absolute;
	
	top: -15px;
	left: -1px;
	
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}

.gui.belt .clasp > div {
	margin-left: 14px;
}

.gui.belt .clasp .n {
	height: 3px;
	width: 3px;
	
	border-radius: 10px;
	
	float: left;
	
	background: black;
	
	margin-top: 7px;
	margin-left: 7px;
}

.gui.belt ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 2px;
}

.gui.belt ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	
	float: left;
	
	margin: 3px;
	
	position: relative;
}

.gui.belt ul li .img {
	border: 4px solid transparent;
	
	height: 50px;
	width: 50px;
	
	background-color: white;
	background-repeat: no-repeat;
	background-position: center;
}

.gui.belt ul li.selected .img {
	border: 4px solid orange;
}

.gui.belt ul li .text {
	width: 300px;
	height: 25px;
	
	text-align: right;
	
	position: absolute;
	
	right: 60px;
	bottom: 13px;
	
	padding: 2px 5px;
	
	font-weight: bold;
	
	color: white;
	
	overflow: hidden;
}

.gui.belt ul li.selected .text {
	color: orange;
}

.gui.belt ul li .text span {
	background: rgba(0,0,0,0.5);
	
	display: inline-block;
	padding: 0 5px;
}

#wviz .crosshair {
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -16px 0 0 -16px;
	width: 32px;
	height: 32px;
	
	background: url('../img/crosshair.png') no-repeat center;
	
	z-index: 55;
	
	opacity: 0.7;
}


/* SHADE PANE */
.gui.shadepane {
	/* opacity: 0.6;
	background: #FF00FF; */
	
	pointer-events: none;
	
	position: absolute;
	
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	
	z-index: 52;
	
	transition: 1s linear all;
}
.heartslash {
	position: relative;
	
	z-index: 700;
}

.heartslash .bg {
	background: rgba(0,0,0,0.9);
	
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.heartslash .bg.flash {
	background: white;
}

.heartslash .heartpart {
	width: 0;
	height: 0;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-bottom: 100px solid red;
	
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-animation: sphereSpin 1s linear infinite;
  animation: sphereSpin 1s linear infinite;
}

@-webkit-keyframes sphereSpin {
  0% { -webkit-transform: rotateX(360deg) rotateY(0deg); }
  100% { -webkit-transform: rotateX(0deg) rotateY(360deg); }
}
@keyframes sphereSpin {
  0% { transform: rotateX(360deg) rotateY(0deg); }
  100% { transform: rotateX(0deg) rotateY(360deg); }
}

.heartslash .heart {
	position: fixed;
	
	width: 472px;
	height: 472px;
	
	background: url('/js/workshop_heartslash/heartslash_heart_bg.png') no-repeat center;
}

.heartslash .heart.shattered {
	background: none !important;
}

.heartslash .heart.shattered .left {
	background: red;
	background: url('/js/workshop_heartslash/heartslash_heart_bg.png') no-repeat left;

	position: absolute;
	
	width: 236px;
	
	left: 0;
	top: 0;
	bottom: 0;
}

.heartslash .heart.shattered .right {
	background: blue;
	background: url('/js/workshop_heartslash/heartslash_heart_bg.png') no-repeat right;
	
	position: absolute;
	
	width: 236px;
	
	right: 0;
	top: 0;
	bottom: 0;
}

.heartslash .slashbox {
	position: fixed;
	
	width: 15px;
	height: 550px;
	
	background: white;
	
	/* transform: rotate(15deg); */
}

.heartslash .slashbox.hidden {
	display: none;
}

/* HIDDEN */
.heartslash.hidden .bg {
	display: none;
}.qvm {
	position: relative;
	
	z-index: 52;
}

.qvm .bg {
	background: rgba(0,0,0,0.8);
	
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	
}

.qvm .menu {
	position: fixed;
	
	background: green;
	background: #333;
	
	border: 3px solid orange;
	
	width: 300px;
	/* height: 400px; */
	
	bottom: 65px;
	left: 50px;
	
	padding: 5px;
}

/* HIDDEN */
.qvm.hidden .bg {
	display: none;
}
.qvm.hidden .menu {
	display: none;
}

.qvm .menu .title {
	text-transform: uppercase;
	
	font-weight: bold;
	
	position: absolute;
	
	top: -30px;
	right: 0;
	
	color: orange;
}

.qvm .menu .title:before {
	font-weight: normal;
	
	content: "?!";
	
	color: white;
	font-size: 1.4em;
	
	margin-right: 5px;
}

.qvm .menu ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

.qvm .menu ol li {
	list-style: none;
	margin: 0;
	padding: 0;
	padding: 0 5px;
}

.qvm .menu ol li::first-letter {
	font-weight: bold;
	margin-right: 1px;
	
	
	border-bottom: 1px solid white;
}

.qvm .menu ol li.selected {
	background: orange;
	color: black;
	
	font-weight: bold;
	
	position: relative;
	
	left: -20px;
}
.qvm .menu ol li.selected::first-letter { 
	border-bottom: 0;
}

.qvm .menu ol li.selected:before {
	content: ">";
	
	font-weight: bold;
	
	font-size: 1.2em;
	
	margin-right: 5px;
	
	
	left: -40px;
}.gui.rose {
	position: fixed;
	
	top: 73px;
	top: 39px;
	right: 0;
	
	z-index: 52;
	
	pointer-events: none;
}

.roseContainer {
	/* 
	*/
	width: 350px;
	height: 250px; 
	
	background: #333;
	background: rgba(0,0,0,0.5);
	
	border: 1px solid orange;
	border-top: 0;
	border-right: 0;
	
	box-shadow: 0 0 5px rgba(0,0,0,0.4);
	
	margin: 0 auto;
	
	overflow: hidden;
	
	pointer-events: none;
	
	position: relative;
	
	cursor: default;
}

.roseContainer .backdrop {
	position: relative;
}

.roseContainer h3 {
	position: absolute;
	
	top: 0;
	
	margin: 0;
	padding: 2px 8px;
	
	background: rgba(0,0,0,0.5);
	
	z-index: 600;
}

.roseContainer .items {
	cursor: default;
	
	position: relative;
	
	z-index: 500;
}

.roseContainer .items ul {
	list-style: none;
	margin: 0;
	padding: 0;
	
	position: relative;
}

.roseContainer .items ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	
	height: 30px;
	width: 30px;
	
	position: absolute;
	
	z-index: 500;
}

.roseContainer .items ul li.hud {
	box-shadow: 0 3px 1px rgba(0,0,0,0.5);
	
	height: 60px;
	
	margin-top: 0;
}

.roseContainer .items ul li .icon {
	height: 30px;
	
	width: 30px;
}

.roseContainer .items ul li.hud .icon {
	height: 60px;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00ff00+0,00ff00+100&0+0,1+27,1+100 */
	background: -moz-linear-gradient(top,  rgba(0,255,0,0) 0%, rgba(0,255,0,1) 27%, rgba(0,255,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,255,0,0) 0%,rgba(0,255,0,1) 27%,rgba(0,255,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,255,0,0) 0%,rgba(0,255,0,1) 27%,rgba(0,255,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000ff00', endColorstr='#00ff00',GradientType=0 ); /* IE6-9 */
}

.roseContainer .items ul li .icon span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.roseContainer .items ul li.hud .icon span {
	bottom: 15px;
}

.roseContainer .items ul li .icon span {
	background-repeat: no-repeat;
	background-position: center;
}

.roseContainer .items ul li .icon.north span {
	background-image: url('/js/workshop_rose/img/rose_item_north.png');
}

.roseContainer .items ul li .icon.cardinal span {
	background-image: url('/js/workshop_rose/img/rose_item_cardinal.png');
}

.roseContainer .items ul li .icon.cardinaltick span {
	background-image: url('/js/workshop_rose/img/rose_item_cardinal_tick.png');
}

.roseContainer .items ul li .icon.tango span {
	background-image: url('/js/workshop_rose/img/rose_item_tango.png');
}

.roseContainer .items ul li .icon.tangopoint span {
	background-image: url('/js/workshop_rose/img/rose_item_tango_point.png');
}

.roseContainer .items ul li .icon.friendly span {
	background-image: url('/js/workshop_rose/img/rose_item_friendly.png');
}

.roseContainer .items ul li .icon.friendlypoint span {
	background-image: url('/js/workshop_rose/img/rose_item_friendly_point.png');
}

.roseContainer .items ul li .icon.focuspoint span {
	background-image: url('/js/workshop_rose/img/rose_item_focus_point.png');
}

.roseContainer .items ul li .icon.flagred span {
	background-image: url('/js/workshop_rose/img/rose_item_flag_red.png');
}

.roseContainer .items ul li .icon.important span {
	background-image: url('/js/workshop_rose/img/rose_item_important.png');
}

.roseContainer .items ul li .text {
	position: absolute;
	
	list-style: none;
	margin: 0;
	padding: 0;
	
	padding: 1px;
	text-align: center;
	
	font-size: 12px;
	text-transform: uppercase;
	
	height: 15px;
	
	color: orange;
	
	line-height: 15px;
	
	color: white;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
	
	bottom: -10px;
	left: 0;
	right: 0;
	
	overflow: visible;
}

.roseContainer .items ul li.hud .text {
	background: black;
	
	color: white;
	text-shadow: none;
	
	bottom: 0;
}