@charset "UTF-8";
/*! jQuery UI - v1.9.1 - 2012-11-13
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.slider.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Yanone%20Kaffeesatz%20Light%2C%20Arial%20Narrow%2C%20Arial%2C%20sans-serif&fwDefault=normal&fsDefault=1em&cornerRadius=0px&bgColorHeader=383838&bgTextureHeader=01_flat.png&bgImgOpacityHeader=100&borderColorHeader=454545&fcHeader=f5f5f5&iconColorHeader=f5f5f5&bgColorContent=f5f5f5&bgTextureContent=01_flat.png&bgImgOpacityContent=100&borderColorContent=454545&fcContent=454545&iconColorContent=454545&bgColorDefault=f5f5f5&bgTextureDefault=01_flat.png&bgImgOpacityDefault=100&borderColorDefault=454545&fcDefault=454545&iconColorDefault=454545&bgColorHover=f5f5f5&bgTextureHover=01_flat.png&bgImgOpacityHover=100&borderColorHover=454545&fcHover=454545&iconColorHover=454545&bgColorActive=f5f5f5&bgTextureActive=01_flat.png&bgImgOpacityActive=100&borderColorActive=454545&fcActive=454545&iconColorActive=454545&bgColorHighlight=e83f35&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=e83f35&fcHighlight=f5f5f5&iconColorHighlight=f5f5f5&bgColorError=f5f5f5&bgTextureError=01_flat.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=000000&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright (c) 2012 jQuery Foundation and other contributors Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  zoom: 1;
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
.ui-autocomplete {
  position: absolute;
  top: 0;
  /* #8656 */

  cursor: default;
}
/* workarounds */
* html .ui-autocomplete {
  width: 1px;
}
/* without this, the menu expands to 100% in IE6 */
.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  margin-right: .1em;
  cursor: pointer;
  text-align: center;
  zoom: 1;
  overflow: visible;
}
/* the overflow property removes extra width in IE */
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}
.ui-button-icon-only {
  width: 2.2em;
}
/* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
  width: 2.4em;
}
/* button elements seem to need a little more width */
.ui-button-icons-only {
  width: 3.4em;
}
button.ui-button-icons-only {
  width: 3.7em;
}
/*button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: 1.4;
}
.ui-button-text-only .ui-button-text {
  padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
  padding: .4em 1em;
}
/*button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: .5em;
}
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: .5em;
}
/*button sets*/
.ui-buttonset {
  margin-right: 7px;
}
.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
}
/* workarounds */
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/* reset extra padding in Firefox */
.ui-dialog {
  position: absolute;
  padding: .2em;
  width: 300px;
  overflow: hidden;
}
.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 16px .1em 0;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 19px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 18px;
}
.ui-dialog .ui-dialog-titlebar-close span {
  display: block;
  margin: 1px;
}
.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
  padding: 0;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
  zoom: 1;
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin: .5em 0 0 0;
  padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}
.ui-dialog .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 3px;
  bottom: 3px;
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  outline: none;
}
.ui-menu .ui-menu {
  margin-top: -3px;
  position: absolute;
}
.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  zoom: 1;
  width: 100%;
}
.ui-menu .ui-menu-divider {
  margin: 5px -2px 5px -2px;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 2px .4em;
  line-height: 1.5;
  zoom: 1;
  font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px;
}
.ui-menu .ui-state-disabled {
  font-weight: normal;
  margin: .4em 0 .2em;
  line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
  cursor: default;
}
/* icon support */
.ui-menu-icons {
  position: relative;
}
.ui-menu-icons .ui-menu-item a {
  position: relative;
  padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: .2em;
  left: .2em;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
  position: static;
  float: right;
}
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
.ui-slider-horizontal {
  height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.ui-slider-vertical {
  width: .8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}
/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Yanone Kaffeesatz Light, Arial Narrow, Arial, sans-serif;
  font-size: 1em;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Yanone Kaffeesatz Light, Arial Narrow, Arial, sans-serif;
  font-size: 1em;
}
.ui-widget-content {
  border: 1px solid #454545;
  background: #f5f5f5 url(images/ui-bg_flat_100_f5f5f5_40x100.png) 50% 50% repeat-x;
  color: #454545;
}
.ui-widget-content a {
  color: #454545;
}
.ui-widget-header {
  border: 1px solid #454545;
  background: #383838 url(images/ui-bg_flat_100_383838_40x100.png) 50% 50% repeat-x;
  color: #f5f5f5;
  font-weight: bold;
}
.ui-widget-header a {
  color: #f5f5f5;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #454545;
  background: #f5f5f5 url(images/ui-bg_flat_100_f5f5f5_40x100.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #454545;
  text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #454545;
  background: #f5f5f5 url(images/ui-bg_flat_100_f5f5f5_40x100.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #454545;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
  color: #454545;
  text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #454545;
  background: #f5f5f5 url(images/ui-bg_flat_100_f5f5f5_40x100.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #454545;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #454545;
  text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #e83f35;
  background: #e83f35 url(images/ui-bg_flat_55_e83f35_40x100.png) 50% 50% repeat-x;
  color: #f5f5f5;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #f5f5f5;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #f5f5f5 url(images/ui-bg_flat_95_f5f5f5_40x100.png) 50% 50% repeat-x;
  color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: alpha(opacity=70);
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: alpha(opacity=35);
  background-image: none;
}
.ui-state-disabled .ui-icon {
  filter: alpha(opacity=35);
}
/* For IE8 - See #6059 */
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
  background-image: url(images/ui-icons_454545_256x240.png);
}
.ui-widget-content .ui-icon {
  background-image: url(images/ui-icons_454545_256x240.png);
}
.ui-widget-header .ui-icon {
  background-image: url(images/ui-icons_f5f5f5_256x240.png);
}
.ui-state-default .ui-icon {
  background-image: url(images/ui-icons_454545_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url(images/ui-icons_454545_256x240.png);
}
.ui-state-active .ui-icon {
  background-image: url(images/ui-icons_454545_256x240.png);
}
.ui-state-highlight .ui-icon {
  background-image: url(images/ui-icons_f5f5f5_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url(images/ui-icons_cd0a0a_256x240.png);
}
/* positioning */
.ui-icon-carat-1-n {
  background-position: 0 0;
}
.ui-icon-carat-1-ne {
  background-position: -16px 0;
}
.ui-icon-carat-1-e {
  background-position: -32px 0;
}
.ui-icon-carat-1-se {
  background-position: -48px 0;
}
.ui-icon-carat-1-s {
  background-position: -64px 0;
}
.ui-icon-carat-1-sw {
  background-position: -80px 0;
}
.ui-icon-carat-1-w {
  background-position: -96px 0;
}
.ui-icon-carat-1-nw {
  background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}
.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}
.ui-icon-arrow-4 {
  background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}
.ui-icon-extlink {
  background-position: -32px -80px;
}
.ui-icon-newwin {
  background-position: -48px -80px;
}
.ui-icon-refresh {
  background-position: -64px -80px;
}
.ui-icon-shuffle {
  background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}
.ui-icon-folder-open {
  background-position: -16px -96px;
}
.ui-icon-document {
  background-position: -32px -96px;
}
.ui-icon-document-b {
  background-position: -48px -96px;
}
.ui-icon-note {
  background-position: -64px -96px;
}
.ui-icon-mail-closed {
  background-position: -80px -96px;
}
.ui-icon-mail-open {
  background-position: -96px -96px;
}
.ui-icon-suitcase {
  background-position: -112px -96px;
}
.ui-icon-comment {
  background-position: -128px -96px;
}
.ui-icon-person {
  background-position: -144px -96px;
}
.ui-icon-print {
  background-position: -160px -96px;
}
.ui-icon-trash {
  background-position: -176px -96px;
}
.ui-icon-locked {
  background-position: -192px -96px;
}
.ui-icon-unlocked {
  background-position: -208px -96px;
}
.ui-icon-bookmark {
  background-position: -224px -96px;
}
.ui-icon-tag {
  background-position: -240px -96px;
}
.ui-icon-home {
  background-position: 0 -112px;
}
.ui-icon-flag {
  background-position: -16px -112px;
}
.ui-icon-calendar {
  background-position: -32px -112px;
}
.ui-icon-cart {
  background-position: -48px -112px;
}
.ui-icon-pencil {
  background-position: -64px -112px;
}
.ui-icon-clock {
  background-position: -80px -112px;
}
.ui-icon-disk {
  background-position: -96px -112px;
}
.ui-icon-calculator {
  background-position: -112px -112px;
}
.ui-icon-zoomin {
  background-position: -128px -112px;
}
.ui-icon-zoomout {
  background-position: -144px -112px;
}
.ui-icon-search {
  background-position: -160px -112px;
}
.ui-icon-wrench {
  background-position: -176px -112px;
}
.ui-icon-gear {
  background-position: -192px -112px;
}
.ui-icon-heart {
  background-position: -208px -112px;
}
.ui-icon-star {
  background-position: -224px -112px;
}
.ui-icon-link {
  background-position: -240px -112px;
}
.ui-icon-cancel {
  background-position: 0 -128px;
}
.ui-icon-plus {
  background-position: -16px -128px;
}
.ui-icon-plusthick {
  background-position: -32px -128px;
}
.ui-icon-minus {
  background-position: -48px -128px;
}
.ui-icon-minusthick {
  background-position: -64px -128px;
}
.ui-icon-close {
  background-position: -80px -128px;
}
.ui-icon-closethick {
  background-position: -96px -128px;
}
.ui-icon-key {
  background-position: -112px -128px;
}
.ui-icon-lightbulb {
  background-position: -128px -128px;
}
.ui-icon-scissors {
  background-position: -144px -128px;
}
.ui-icon-clipboard {
  background-position: -160px -128px;
}
.ui-icon-copy {
  background-position: -176px -128px;
}
.ui-icon-contact {
  background-position: -192px -128px;
}
.ui-icon-image {
  background-position: -208px -128px;
}
.ui-icon-video {
  background-position: -224px -128px;
}
.ui-icon-script {
  background-position: -240px -128px;
}
.ui-icon-alert {
  background-position: 0 -144px;
}
.ui-icon-info {
  background-position: -16px -144px;
}
.ui-icon-notice {
  background-position: -32px -144px;
}
.ui-icon-help {
  background-position: -48px -144px;
}
.ui-icon-check {
  background-position: -64px -144px;
}
.ui-icon-bullet {
  background-position: -80px -144px;
}
.ui-icon-radio-on {
  background-position: -96px -144px;
}
.ui-icon-radio-off {
  background-position: -112px -144px;
}
.ui-icon-pin-w {
  background-position: -128px -144px;
}
.ui-icon-pin-s {
  background-position: -144px -144px;
}
.ui-icon-play {
  background-position: 0 -160px;
}
.ui-icon-pause {
  background-position: -16px -160px;
}
.ui-icon-seek-next {
  background-position: -32px -160px;
}
.ui-icon-seek-prev {
  background-position: -48px -160px;
}
.ui-icon-seek-end {
  background-position: -64px -160px;
}
.ui-icon-seek-start {
  background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}
.ui-icon-stop {
  background-position: -96px -160px;
}
.ui-icon-eject {
  background-position: -112px -160px;
}
.ui-icon-volume-off {
  background-position: -128px -160px;
}
.ui-icon-volume-on {
  background-position: -144px -160px;
}
.ui-icon-power {
  background-position: 0 -176px;
}
.ui-icon-signal-diag {
  background-position: -16px -176px;
}
.ui-icon-signal {
  background-position: -32px -176px;
}
.ui-icon-battery-0 {
  background-position: -48px -176px;
}
.ui-icon-battery-1 {
  background-position: -64px -176px;
}
.ui-icon-battery-2 {
  background-position: -80px -176px;
}
.ui-icon-battery-3 {
  background-position: -96px -176px;
}
.ui-icon-circle-plus {
  background-position: 0 -192px;
}
.ui-icon-circle-minus {
  background-position: -16px -192px;
}
.ui-icon-circle-close {
  background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}
.ui-icon-circle-check {
  background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  -moz-border-radius-topleft: 0px;
  -webkit-border-top-left-radius: 0px;
  -khtml-border-top-left-radius: 0px;
  border-top-left-radius: 0px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  -moz-border-radius-topright: 0px;
  -webkit-border-top-right-radius: 0px;
  -khtml-border-top-right-radius: 0px;
  border-top-right-radius: 0px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -khtml-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -khtml-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
/* Overlays */
.ui-widget-overlay {
  background: #000000 url(images/ui-bg_flat_0_000000_40x100.png) 50% 50% repeat-x;
  opacity: .6;
  filter: alpha(opacity=60);
}
.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  opacity: .3;
  filter: alpha(opacity=30);
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 23, 2012 09:13:25 AM America/New_York */
@font-face {
  font-family: "Yanone Kaffeesatz Light";
  src: url("/static/font/Yanone-Kaffeesatz/YanoneKaffeesatz-Thin-webfont.eot");
  src: url("/static/font/Yanone-Kaffeesatz/YanoneKaffeesatz-Thin-webfont.eot?#iefix") format("eot");
  src: local("☺"), url("/static/font/Yanone-Kaffeesatz/YanoneKaffeesatz-Thin-webfont.woff") format("woff"), url("/static/font/Yanone-Kaffeesatz/YanoneKaffeesatz-Thin-webfont.ttf") format("truetype"), url("/static/font/Yanone-Kaffeesatz/YanoneKaffeesatz-Thin-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Yanone Kaffeesatz";
  src: url("/static/font/Yanone-Kaffeesatz/YanoneKaffeesatz-Light-webfont.eot");
  src: url("/static/font/Yanone-Kaffeesatz/YanoneKaffeesatz-Light-webfont.eot?#iefix") format("eot");
  src: local("☺"), url("/static/font/Yanone-Kaffeesatz/YanoneKaffeesatz-Light-webfont.woff") format("woff"), url("/static/font/Yanone-Kaffeesatz/YanoneKaffeesatz-Light-webfont.ttf") format("truetype"), url("/static/font/Yanone-Kaffeesatz/YanoneKaffeesatz-Light-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Yanone Kaffeesatz Regular";
  src: url("/static/font/Yanone-Kaffeesatz/YanoneKaffeesatz-Regular-webfont.eot");
  src: url("/static/font/Yanone-Kaffeesatz/YanoneKaffeesatz-Regular-webfont.eot?#iefix") format("eot");
  src: local("☺"), url("/static/font/Yanone-Kaffeesatz/YanoneKaffeesatz-Regular-webfont.woff") format("woff"), url("/static/font/Yanone-Kaffeesatz/YanoneKaffeesatz-Regular-webfont.ttf") format("truetype"), url("/static/font/Yanone-Kaffeesatz/YanoneKaffeesatz-Regular-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*
@font-face {
font-family: "Yanone Kaffeesatz Bold";
src: url("/static/font/Yanone-Kaffeesatz/YanoneKaffeesatz-Bold-webfont.eot");
src: url("/static/font/Yanone-Kaffeesatz/YanoneKaffeesatz-Bold-webfont.eot?#iefix")  format("eot");
src: local("☺"),
url("/static/font/Yanone-Kaffeesatz/YanoneKaffeesatz-Bold-webfont.woff") format("woff"),
url("/static/font/Yanone-Kaffeesatz/YanoneKaffeesatz-Bold-webfont.ttf") format("truetype"),
url("/static/font/Yanone-Kaffeesatz/YanoneKaffeesatz-Bold-webfont.svg") format("svg");
font-weight: normal; font-style: normal;}
*//*--------------------------------------------
    Style Reset
  --------------------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
  font-smoothing: subpixel-antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  line-height: 1.6em;
  font-weight: normal;
  font-style: normal;
}
* {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
.right {
  float: right;
}
.left {
  float: left;
}
.clear:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
/*clear floats in IE*/
* html .clear {
  zoom: 1;
}
/* IE6 */
*:first-child + html .clear {
  zoom: 1;
}
/* IE7 */
.text-shadow {
  text-shadow: 0px 1px 2px white;
}
body {
  color: #5c5c5c;
  font-family: Yanone Kaffeesatz Light, Arial Narrow, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-shadow: 0px 1px 2px white;
  min-width: 1000px;
}
body a,
body a:link,
body a:visited,
body a:hover {
  text-decoration: none;
}
body a,
body a:link {
  cursor: pointer;
}
body,
.footer-wrapper {
  background: url(/static/img/tile-footer.png) repeat;
}
.site-wrapper {
  background-color: #f5f5f5;
  /*for ie*/

  background: url(/static/img/cross_scratches.png) repeat;
  position: relative;
}
.site-content {
  min-height: 550px;
  padding-bottom: 50px;
}
.main-footer {
  color: white;
  text-transform: uppercase;
  padding-top: 10px;
  font-size: 16px;
}
.main-footer a {
  color: white;
}
.main-footer a:hover {
  text-decoration: underline;
}
/* HEADINGS -------------------------------------------------------------- */
/*SITE TITLE---*/
h1 {
  font-size: 25px;
}
/*PAGE TITLE---*/
h2 {
  margin-top: -5px;
  line-height: 43px;
}
h2.border {
  border-bottom: 1px solid #c2c2c2;
}
/*STATUS PAGE TITLE---*/
h3 {
  font-size: 22px;
}
/*DESCRIPTION TITLE---*/
h5 {
  font-size: 100px;
  line-height: 100px;
  text-align: right;
  vertical-align: top;
}
/*CSS SNIPPET TITLE---*/
h6 {
  font-size: 25px;
  border-bottom: 1px solid #c2c2c2;
}
/*HEADING STYLE COMBO---*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-style: normal;
}
h1,
h3,
h4 {
  text-transform: uppercase;
}
h2,
h4,
h6 {
  color: #e83f35;
}
h2,
h4 {
  font-size: 25px;
}
input {
  font-family: Yanone Kaffeesatz Light, Arial Narrow, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  border: 1px solid #c2c2c2;
  width: 348px;
  height: 14px;
  margin-bottom: 20px;
  padding: 10px;
  padding-right: 1px;
  font-size: 14px;
  letter-spacing: 1px;
}
/************ LINKS ------------*/
a:link,
a:visited {
  text-decoration: none;
  color: #e83f35;
}
a:hover {
  color: #77130d;
}
/* FONT FAMILY -------*/
/* TYPEGRAPHY COMBO --*/
em,
strong,
dt {
  color: #e83f35;
}
.oi {
  width: 100%;
  padding: 15px 0;
  margin: 0;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
  background-color: #faffbd;
  z-index: 1000;
  text-align: center;
  color: #5c5c5c;
  text-shadow: none;
}
.oi a {
  font-size: 16px;
  line-height: 16px;
  padding: 0;
  margin: 0;
}
.oi .icon-warning {
  padding-right: 10px;
  color: #e83f35;
  padding-bottom: 5px;
}
.oi.inactive {
  position: absolute;
  top: -40px;
}
.oi.active {
  position: relative;
  top: 0;
}
.oi.discarded {
  background: #5c5c5c;
  color: #5c5c5c;
  display: none;
}
.oi.discarded .notice-content {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
}
.oi .x {
  color: #5c5c5c;
  cursor: pointer;
  margin-left: 10px;
}
/*jScroll
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer {
  overflow: hidden;
  position: relative;
}
.jspPane {
  position: absolute;
}
.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 100%;
  background: #333;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
  background: #333;
}
.jspVerticalBar *,
.jspHorizontalBar * {
  margin: 0;
  padding: 0;
}
.jspCap {
  display: none;
}
.jspHorizontalBar .jspCap {
  float: left;
}
.jspTrack {
  background: #333;
  position: relative;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.jspDrag {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #525252;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
  z-index: 11;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}
.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
}
.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d;
}
.jspVerticalBar .jspArrow {
  height: 16px;
}
.jspHorizontalBar .jspArrow {
  width: 10px;
  float: left;
  height: 100%;
}
.jspVerticalBar .jspArrow:focus {
  outline: none;
}
.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
  margin: 0 -3px 0 0;
}
/*! jQuery UI - v1.9.1 - 2012-10-25
* http://jqueryui.com
* Includes: jquery.ui.autocomplete.css
* Copyright 2012 jQuery Foundation and other contributors; Licensed MIT */
.ui-autocomplete {
  position: absolute;
  top: 0;
  cursor: default;
}
* html .ui-autocomplete {
  width: 1px;
}
.dropdown {
  width: 200px;
  position: relative;
  color: #f5f5f5;
  background: #454545;
  padding: 5px 0;
  padding-left: 20px;
  cursor: pointer;
}
.dropdown #new .circle {
  background: #ef9136;
}
.dropdown #popular .circle {
  background: #8dcd8a;
}
.dropdown #free .circle {
  background: #e83f35;
}
.dropdown.open .title-wrapper .icon-geo-arrw-up {
  display: block;
}
.dropdown.open .title-wrapper .icon-geo-arrw-down {
  display: none;
}
.dropdown.closed .title-wrapper .icon-geo-arrw-up {
  display: none;
}
.dropdown.closed .title-wrapper .icon-geo-arrw-down {
  display: block;
}
.dropdown .title-wrapper .icon-geo-arrw-down,
.dropdown .title-wrapper .icon-geo-arrw-up {
  font-size: 8px;
  float: right;
  margin: 10px;
}
.dropdown .options-wrapper {
  z-index: 1;
  padding: 10px;
  padding-bottom: 0;
  background: #454545;
  position: absolute;
  top: 36px;
  left: 0;
  overflow: hidden;
}
.dropdown .options-wrapper .shadow-el {
  position: absolute;
  bottom: 0;
  height: 1px;
  background: black;
  width: 100%;
  left: 0px;
  width: 280px;
  box-shadow: 0px 0px 50px 15px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0px 0px 50px 15px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0px 0px 50px 15px rgba(0, 0, 0, 0.8);
  z-index: 10;
}
.dropdown .options {
  width: 260px;
  height: 500px;
  overflow: auto;
}
.dropdown .option {
  cursor: pointer;
  padding: 5px 0;
  border-bottom: 1px solid #555;
  text-transform: uppercase;
}
.dropdown .option .circle {
  background: #111;
  border-radius: 4px;
  margin: 8px 15px 8px 10px;
  float: left;
  padding: 4px;
}
.dropdown .option:hover {
  background: #5c5c5c;
}
.pln {
  color: #5c5c5c;
}
@media screen {
  .str {
    color: #008800;
  }
  .kwd {
    color: #000088;
  }
  .com {
    color: #002583;
    font-style: italic;
  }
  .typ {
    color: #660066;
  }
  .lit {
    color: #002583;
    font-style: italic;
  }
  .pun,
  .opn,
  .clo {
    color: #666600;
  }
  .tag {
    color: #000088;
  }
  .atn {
    color: #660066;
  }
  .atv {
    color: #008800;
  }
  .dec,
  .var {
    color: #660066;
  }
  .fun {
    color: #ff0000;
  }
}
@media print, projection {
  .str {
    color: #006600;
  }
  .kwd {
    color: #006;
    font-weight: bold;
  }
  .com {
    color: #600;
    font-style: italic;
  }
  .typ {
    color: #404;
    font-weight: bold;
  }
  .lit {
    color: #004444;
  }
  .pun,
  .opn,
  .clo {
    color: #444400;
  }
  .tag {
    color: #006;
    font-weight: bold;
  }
  .atn {
    color: #440044;
  }
  .atv {
    color: #006600;
  }
}
ol.linenums {
  margin-top: 0;
  margin-bottom: 0;
}
.prettyprint {
  background: #f5f5f5;
  font-family: "Courier", Monaco, monospace;
  border: 2px solid #c2c2c2;
}
.prettyprint ol.linenums {
  list-style-type: decimal;
  margin-left: 32px;
}
.prettyprint ol.linenums li {
  font-size: 13px;
  line-height: 2.3em;
  margin-left: 0px;
  background: #f5f5f5;
  color: #a9a9a9;
}
/*
	Coin Slider jQuery plugin CSS styles
	http://workshop.rs/projects/coin-slider
*/
.coin-slider {
  overflow: hidden;
  zoom: 1;
  position: relative;
}
.coin-slider a {
  text-decoration: none;
  outline: none;
  border: none;
}
.cs-buttons {
  font-size: 0px;
  padding: 10px;
  float: left;
}
.cs-buttons a {
  margin-left: 5px;
  height: 10px;
  width: 10px;
  float: left;
  border: 1px solid #B8C4CF;
  color: #B8C4CF;
  text-indent: -1000px;
}
.cs-active {
  background-color: #B8C4CF;
  color: #FFFFFF;
}
.cs-title {
  width: 545px;
  padding: 10px;
  background-color: #000000;
  color: #FFFFFF;
}
.cs-prev,
.cs-next {
  background-color: #000000;
  color: #FFFFFF;
  padding: 0px 10px;
}
/*  --------------------------------------------------
  Reveal Modals
  -------------------------------------------------- */
.reveal-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  z-index: 100;
  display: none;
  top: 0;
  left: 0;
}
.reveal-modal {
  visibility: hidden;
  top: 0px;
  left: 50%;
  margin-top: 50px;
  margin-left: -300px;
  width: 520px;
  height: 520px;
  overflow: auto;
  background: #eee;
  position: fixed;
  z-index: 101;
  padding: 30px 40px 34px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  -box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
.reveal-modal.small {
  width: 200px;
  margin-left: -140px;
}
.reveal-modal.medium {
  width: 400px;
  margin-left: -240px;
}
.reveal-modal.large {
  width: 600px;
  margin-left: -340px;
}
.reveal-modal.xlarge {
  width: 800px;
  margin-left: -440px;
}
.reveal-modal .close-reveal-modal {
  font-size: 22px;
  line-height: .5;
  position: absolute;
  top: 8px;
  right: 11px;
  color: #aaa;
  text-shadow: 0 -1px 1px rbga(0, 0, 0, 0.6);
  font-weight: bold;
  cursor: pointer;
}
/* MailChimp Form Embed Code - Slim - 08/17/2011 */
#mc_embed_signup form {
  display: block;
  position: relative;
  text-align: left;
}
#mc_embed_signup input[type=checkbox] {
  -webkit-appearance: checkbox;
}
#mc_embed_signup input[type=radio] {
  -webkit-appearance: radio;
}
#mc_embed_signup .button {
  padding: 0 25px;
  color: #fff;
  background-color: #e83f35;
  font-size: 25px;
  text-transform: uppercase;
  height: 40px;
  line-height: 40px;
  border: none;
  position: relative;
  text-shadow: none;
  font-size: 16px;
  clear: both;
  background-color: #5c5c5c;
  border: 0 none;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  vertical-align: top;
  white-space: nowrap;
  width: auto;
}
#mc_embed_signup .button:hover {
  background-color: #777;
}
#mc_embed_signup .nowrap {
  white-space: nowrap;
}
#mc_embed_signup .clear {
  clear: none;
  display: inline;
}
#mc_embed_signup label {
  display: block;
}
#mc_embed_signup input.email {
  display: block;
  text-indent: 5px;
  min-width: 130px;
  margin: 10px 0 14px 0;
}
#mc_embed_signup input.button {
  display: block;
  min-width: 90px;
}
#mc_embed_signup div#mce-responses {
  float: left;
  top: -1.4em;
  overflow: hidden;
  clear: both;
}
#mc_embed_signup div.response {
  font-weight: bold;
  float: left;
  z-index: 1;
}
#mc_embed_signup #mce-error-response {
  display: none;
}
#mc_embed_signup #mce-success-response {
  color: #529214;
  display: none;
}
#mc_embed_signup label.error {
  display: block;
  float: none;
  width: auto;
  text-align: left;
}
.left-column {
  position: relative;
  width: 50%;
  float: left;
}
.right-column {
  position: relative;
  width: 50%;
  float: right;
}
/* HEADERS ------------------------------------------------------------------- */
.block-header {
  border-bottom: 1px solid #c2c2c2;
  min-height: 95px;
  margin-bottom: 20px;
}
.block-header .ribbon {
  float: left;
}
/* tick box */
.tick-box {
  background: #e83f35;
  padding: 10px;
  color: white;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.tick-box:hover {
  background: #77130d;
}
/*BUTTON WITH CSS BACKGROUND----*/
.btn-css,
a.btn-css {
  padding: 0 25px;
  color: #fff;
  background-color: #e83f35;
  font-size: 25px;
  text-align: center;
  text-transform: uppercase;
  height: 40px;
  line-height: 40px;
  border: none;
  position: relative;
  cursor: pointer;
  text-shadow: none;
}
.btn-css:hover {
  background-color: #77130d;
}
.large,
input[type="submit"].large,
input.large {
  width: 100%;
}
.btn-exp {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 1px solid #cfcfcf;
  display: block;
  cursor: pointer;
}
.btn-nxt,
a.btn-nxt {
  padding: 0px;
  text-align: left;
  line-height: 40px;
  position: relative;
  padding-right: 40px;
  margin-top: 25px;
  padding-left: 10px;
  clear: both;
}
.btn-nxt:hover,
a.btn-nxt:hover {
  background-color: #5c5c5c;
}
.btn-nxt .next-btn-border,
a.btn-nxt .next-btn-border {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 40px;
  width: 30px;
  background-color: #c2c2c2;
  text-align: center;
}
.btn-nxt .next-btn-border .icon-next-small,
a.btn-nxt .next-btn-border .icon-next-small {
  position: absolute;
  right: 7px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.continue .icon-next-small {
  position: absolute;
  right: 7px;
  top: 0;
  bottom: 0;
  margin: auto;
}
/* DROPDOWNS ---------------*/
.dd-item {
  width: 188px;
  height: 36px;
  background-color: #fff;
  color: #c2c2c2;
  text-align: center;
  line-height: 35px;
  padding: 1px 10px;
}
.dd-item:hover,
.dd-item:active {
  color: #e83f35;
}
/* TEXT BLOCKS --------------------------------------------------------------- */
.block-description {
  width: 296.6666666666667px;
  font-size: 18px;
  float: left;
}
.pagination {
  text-align: center;
  font-size: 14px;
  border-bottom: 1px solid #5c5c5c;
  margin-bottom: 15px;
}
.pagination li {
  padding-right: 5px;
  display: inline;
}
.pagination li a {
  color: #f5f5f5;
}
.pagination li a:hover,
.pagination li a:active {
  color: #e83f35;
}
/* CODE STYLES ----------------*/
.indent {
  padding-left: 25px;
}
.class,
.atr {
  color: #228811;
}
.bracket,
.tg {
  color: #d000a6;
}
.css-tl {
  color: #ff8400;
}
/* TOGGLE STATES --------------*/
.isOn {
  left: 11px;
}
.txt-tog {
  display: none;
}
/* ROUND COLOR BTNS ---------- */
.btn-round {
  width: 16px;
  height: 16px;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin-right: 8px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.btn-round:hover {
  cursor: pointer;
}
#color-grey {
  background-color: #5c5c5c;
  color: #5c5c5c;
}
#color-grey:hover {
  background-color: #434343;
}
#color-red {
  background-color: #ef4136;
  color: #ef4136;
}
#color-red:hover {
  background-color: #e01e12;
}
#color-green {
  background-color: #00c317;
  color: #00c317;
}
#color-green:hover {
  background-color: #009011;
}
#color-blue {
  background-color: #0073cb;
  color: #0073cb;
}
#color-blue:hover {
  background-color: #005698;
}
#color-yellow {
  background-color: #c7ad00;
  color: #c7ad00;
}
#color-yellow:hover {
  background-color: #948100;
}
#color-purple {
  background-color: #ca26ff;
  color: #ca26ff;
}
#color-purple:hover {
  background-color: #b700f2;
}
/* TOGGLE ------------------ */
.btn-toggle {
  float: right;
  position: relative;
  margin-top: 7px;
  width: 22px;
  height: 11px;
}
.btn-toggle .toggle-bg {
  background: #c9c9c9;
  border-radius: 10px;
  width: 22px;
  height: 11px;
  position: absolute;
}
.btn-toggle .toggle-btn {
  width: 11px;
  height: 11px;
  position: absolute;
  background: #575757;
  border-radius: 10px;
  cursor: pointer;
}
/* ERRORS -----------*/
.errors li {
  color: red;
  position: relative;
}
/* RANGE SLIDER ------------- */
.block-slider {
  text-align: center;
  width: 140px;
  position: relative;
}
.block-slider small,
.block-slider p {
  position: absolute;
}
.block-slider small {
  font-size: 14px;
  left: -15px;
  top: -8px;
}
.block-slider p {
  font-size: 20px;
  right: 5px;
  top: -15px;
}
.ui-slider {
  width: 115px;
  height: 1px;
}
.ui-slider-handle {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  width: 16px;
  height: 16px;
  outline: none;
}
.ui-slider,
.ui-slider-handle {
  background: #5c5c5c;
}
/* BTN BLOCKS -------------------------------------------------------------- */
.block-play-btns {
  float: right;
  margin-top: 30px;
  text-transform: uppercase;
}
.block-play-btns .block-slider {
  margin-top: 10px;
  margin-right: 25px;
}
.block-play-btns .block-color-btns,
.block-play-btns .block-slider {
  float: left;
}
.block-play-btns .block-toggle {
  float: right;
  width: 130px;
  margin-left: 20px;
}
/* DECORATIVE DETAILS -------------------------------------------------------- */
.is-borderless {
  background-position: -453px -802px;
  line-height: 50px;
}
/* Bullets -------------*/
/* FORMS ------------------------------------------------------------------- */
form ::-webkit-input-placeholder {
  font-size: 14px;
}
form :-moz-placeholder {
  font-size: 14px;
}
input[type="submit"] {
  width: 120px;
  height: 40px;
  float: right;
  color: #fff;
  border: none;
  cursor: pointer;
  background-color: #e83f35;
}
input[type="submit"]:hover {
  background-color: #77130d;
}
input[type="checkbox"] {
  width: 14px;
  height: 14px;
  padding: 0;
  margin: 0;
  margin-right: 5px;
}
@charset "UTF-8";
@font-face {
  font-family: "pictonic";
  src: url("/static/font/pictonic/font/pictonic.eot");
  src: url("/static/font/pictonic/font/pictonic.eot?#iefix") format("eot");
}
@font-face {
  font-family: "pictonic";
  src: url(https://:/) format("No-IE-404"), url("/static/font/pictonic/font/pictonic.woff") format("woff"), url("/static/font/pictonic/font/pictonic.ttf") format("truetype"), url("/static/font/pictonic/font/pictonic.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
.pictonic {
  font-family: "pictonic";
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased !important;
  -moz-font-smoothing: antialiased !important;
  font-smoothing: antialiased !important;
  line-height: 1em;
}
a.pictonic,
span.pictonic,
small.pictonic {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: "pictonic";
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased !important;
  -moz-font-smoothing: antialiased !important;
  font-smoothing: antialiased !important;
  line-height: 1em;
}
a[class^="icon-"],
a[class*=" icon-"],
span[class^="icon-"],
span[class*=" icon-"],
small[class^="icon-"],
small[class*=" icon-"] {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.icon-warning:before {
  content: "";
}
.icon-brw-opera:before {
  content: "";
}
.icon-brw-explorer:before {
  content: "";
}
.icon-brw-firefox:before {
  content: "";
}
.icon-brw-safari-02:before {
  content: "";
}
.icon-brw-safari-01:before {
  content: "";
}
.icon-brw-chrome:before {
  content: "";
}
.icon-face-wink:before {
  content: "";
}
.icon-face-moustache-2:before {
  content: "";
}
.icon-face-sad:before {
  content: "";
}
.icon-amazon:before {
  content: "";
}
.icon-apple:before {
  content: "";
}
.icon-baidu:before {
  content: "";
}
.icon-arrow-down:before {
  content: "";
}
.icon-cart-1:before {
  content: "";
}
.icon-check:before {
  content: "";
}
.icon-checkbox-full:before {
  content: "";
}
.icon-chevron-right:before {
  content: "";
}
.icon-chevron-left:before {
  content: "";
}
.icon-chevron-up:before {
  content: "";
}
.icon-chevron-down:before {
  content: "";
}
.icon-cr-add:before {
  content: "";
}
.icon-cr-delete:before {
  content: "";
}
.icon-cr-ok:before {
  content: "";
}
.icon-cr-warning:before {
  content: "";
}
.icon-cur-euro:before {
  content: "";
}
.icon-cur-usd:before {
  content: "";
}
.icon-cur-gbp:before {
  content: "";
}
.icon-delete:before {
  content: "";
}
.icon-delicious:before {
  content: "";
}
.icon-download-1:before {
  content: "";
}
.icon-facebook:before {
  content: "";
}
.icon-google__x2B_:before {
  content: "";
}
.icon-google:before {
  content: "";
}
.icon-mail:before {
  content: "";
}
.icon-mountain:before {
  content: "";
}
.icon-pinterest:before {
  content: "";
}
.icon-reddit:before {
  content: "";
}
.icon-rocket2:before {
  content: "";
}
.icon-rss:before {
  content: "";
}
.icon-search:before {
  content: "";
}
.icon-share:before {
  content: "";
}
.icon-starception:before {
  content: "";
}
.icon-twitter-3:before {
  content: "";
}
.icon-youtube:before {
  content: "";
}
.icon-geo-arrw-up:before {
  content: "";
}
.icon-geo-arrw-down:before {
  content: "";
}
.icon-geo-arrw-right:before {
  content: "";
}
.icon-geo-arrw-left:before {
  content: "";
}
.icon-dribbble:before {
  content: "";
}
.icon-eye-3:before {
  content: "";
}
/* jquery ui */
.ui-autocomplete {
  z-index: 100 !important;
}
.ui-dialog-titlebar {
  display: none;
}
.ui-dialog {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid transparent;
  background: #5c5c5c;
  color: #f5f5f5;
  text-shadow: none;
}
.ui-widget-content {
  background: white;
}
.ui-slider {
  background: #5c5c5c;
  border: none;
}
.ui-slider .ui-slider {
  width: 115px;
  height: 1px;
}
.ui-slider.ui-widget-content .ui-state-default,
.ui-slider .ui-slider-handle {
  top: -7px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  width: 16px;
  height: 16px;
  background: #5c5c5c;
  border: none;
  cursor: pointer;
}
/* LAYOUT ------------------------------------------------------------------ */
.right {
  float: right;
}
.main-share-buttons {
  background: #444;
  position: fixed;
  top: 300px;
  left: 0;
  padding: 10px 10px 10px 8px;
  font-size: 15px;
  z-index: 10;
  border-radius: 0px 5px 5px 0;
  -moz-border-radius: 0px 5px 5px 0;
  -webkit-border-radius: 0px 5px 5px 0;
  box-shadow: 0 1px 2px 0px #888888;
  -moz-box-shadow: 0 1px 2px 0px #888888;
  -webkit-box-shadow: 0 1px 2px 0px #888888;
  cursor: ponter;
}
.main-share-buttons a {
  padding: 2px;
  color: white;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.main-share-buttons a:hover {
  text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.8);
}
.main-header {
  z-index: 100;
  width: 100%;
  height: 40px;
  margin: auto;
  margin-bottom: 50px;
  position: relative;
  background: #454545;
  line-height: 1em;
}
.main-header .triangle-active {
  display: none;
  text-shadow: none;
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  margin: auto;
  color: #f5f5f5;
  text-align: center;
  font-size: 8px;
}
.main-header .ajax-form {
  overflow: hidden;
  display: none;
  position: absolute;
  top: 40px;
  right: 0;
  width: 278px;
  background: white;
  z-index: 99;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  box-shadow: 0px 2px 5px 0px #cccccc;
  -moz-box-shadow: 0px 2px 5px 0px #cccccc;
  -webkit-box-shadow: 0px 2px 5px 0px #cccccc;
  padding-top: 10px;
  text-align: center;
}
.main-header .ajax-form .login-form,
.main-header .ajax-form .signup-form {
  display: none;
}
.main-header .ajax-form .login-nav.active,
.main-header .ajax-form .signup-nav.active {
  position: relative;
}
.main-header .ajax-form .btn-css {
  padding: 0 18px;
}
.main-header .ajax-form .signup-button,
.main-header .ajax-form .login-button {
  padding: 5px 28px;
}
.main-header .ajax-form .errors {
  margin: 10px 20px 0 20px;
  list-style-type: none;
  padding: 0px;
  text-align: left;
  font-size: 14px;
}
.main-header .ajax-form .inputs {
  margin: 10px 20px 0 20px;
  text-align: left;
}
.main-header .ajax-form .inputs input[type="text"],
.main-header .ajax-form .inputs input[type="password"],
.main-header .ajax-form .inputs input[type="email"] {
  width: 228px;
}
.main-header .ajax-form .inputs input[name="confirm_password"] {
  margin: 0;
}
.main-header .ajax-form .inputs .terms {
  margin: 0 0 20px 0;
  color: #454545;
  font-size: 16px;
}
.main-header .ajax-form .inputs a,
.main-header .ajax-form .action-forgot-pass a {
  font-size: 14px;
  text-decoration: underline;
  margin: 0;
  float: none;
}
.main-header .ajax-form .login-form .divider {
  position: relative;
  height: 1px;
  width: 278px;
  width: 248px;
  background: #cccccc;
  top: 0;
  margin: 0;
  margin-bottom: 10px;
}
.main-header .ajax-form .signup-form .actions .action-signup {
  float: left;
}
.main-header .ajax-form .oath-title {
  font-size: 22px;
  color: #454545;
  float: left;
}
.main-header .ajax-form .actions {
  margin: 0 20px;
  margin-bottom: 10px;
}
.main-header .ajax-form .actions .action-forgot-pass {
  float: left;
}
.main-header .ajax-form .actions .action-login,
.main-header .ajax-form .actions .action-signup {
  float: right;
}
.main-header .ajax-form .actions .action-login .btn-css,
.main-header .ajax-form .actions .action-signup .btn-css {
  margin: 0;
}
.main-header .ajax-form .login-google,
.main-header .ajax-form .login-facebook {
  position: relative;
  display: block;
  width: auto;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  color: white;
  padding: 0 20px;
  text-align: center;
  line-height: 1em;
  margin: 0;
  margin-left: 10px;
  width: 4px;
}
.main-header .ajax-form .login-google {
  background-color: #ed650d;
  float: right;
}
.main-header .ajax-form .login-google:hover {
  background-color: #a44609;
}
.main-header .ajax-form .login-facebook {
  background-color: #3b5998;
  float: right;
}
.main-header .ajax-form .login-facebook:hover {
  background-color: #263961;
}
.main-header .ajax-form .icon-facebook,
.main-header .ajax-form .icon-google {
  position: absolute;
  top: 7px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.main-header .header-innner {
  position: relative;
  width: 940px;
  margin: auto;
}
.main-header h2,
.main-header h4,
.main-header h6 {
  color: white;
  text-shadow: none;
  font-size: 18px;
  line-height: 40px;
  margin: 0;
  padding: 0;
  display: block;
}
.main-header .active {
  position: relative;
}
.main-header .active .triangle-active {
  display: block;
}
.main-header .user-description {
  color: #b3b3b3;
  text-shadow: none;
  float: left;
  text-transform: lowercase;
  font-size: 16px;
  border-right: 1px solid white;
  padding-right: 10px;
  line-height: 40px;
  border-right: 1px solid #121212;
}
.main-header .site-nav-right {
  float: right;
  border-left: 1px solid #121212;
  color: white;
  text-shadow: none;
  font-size: 18px;
  text-align: center;
  padding-left: 10px;
  margin-left: 10px;
}
.main-header .site-nav-right.loggedin {
  border-left: none;
}
.main-header .site-nav-right .login-nav,
.main-header .site-nav-right .signup-nav,
.main-header .site-nav-right .currency-title,
.main-header .site-nav-right .currency-unit,
.main-header .site-nav-right .divider {
  float: left;
  white-space: nowrap;
  text-transform: uppercase;
}
.main-header .site-nav-right .currency-title {
  margin: 0 10px;
  margin-top: 6px;
  cursor: pointer;
}
.main-header .site-nav-right .divider {
  width: 1px;
  height: 30px;
  margin: 5px 0;
  margin-left: -1px;
  background: #d22218;
  z-index: 1;
}
.main-header .site-nav-right .active .triangle-active {
  color: #fff;
}
.main-header .site-nav-right .currency-unit {
  margin: 4px 5px;
  margin-bottom: 0;
  padding: 2px 10px;
  cursor: pointer;
}
.main-header .site-nav-right .currency-unit.usd {
  margin-right: 0;
}
.main-header .site-nav-right .currency-unit.gbp {
  margin-left: 0;
  margin-right: 12px;
}
.main-header .site-nav-right > a {
  background: #e83f35;
  padding: 0 9px;
  margin: 0;
  width: 42px;
}
.main-header .site-nav-right > a:hover {
  background: #d22218;
}
.main-header .site-nav-right > a.logout-nav {
  float: left;
  background: none;
  color: white;
  width: auto;
  border-right: 1px solid black;
  padding-right: 20px;
}
.main-header .site-nav-left {
  float: left;
  border-right: 1px solid #121212;
  border-left: 1px solid #121212;
  padding: 0 10px;
}
.main-header .site-nav-left > .site-nav > a {
  float: left;
  margin: 0 10px;
}
h1.site-title {
  display: none;
}
@font-face {
  font-family: Impact;
  src: url(/static/font/Impact.ttf);
  font-weight: normal;
  font-style: normal;
}
.pictonic-logo .logo-main,
.pictonic-logo-topbar .logo-main {
  display: block;
  width: 217px;
  height: 60px;
  background: url(/static/img/logo-homepage.png);
  margin-bottom: 35px;
}
.pictonic-logo .logo-topbar,
.pictonic-logo-topbar .logo-topbar {
  margin: 8px;
  display: block;
  width: 87px;
  height: 24px;
  background: url(/static/img/logo-topbar.png);
}
.pictonic-logo-topbar {
  float: left;
}
.documentation .pictonic-logo {
  float: none;
}
.currency-unit-active {
  background: #121212;
}
.currency-gbp .main-header .gbp {
  background: #121212;
}
.currency-gbp .site-content .usd {
  display: none;
}
.currency-usd .main-header .usd {
  background: #121212;
}
.currency-usd .site-content .gbp {
  display: none;
}
.site-content {
  width: 940px;
  margin: auto;
  position: relative;
}
.footer-wrapper {
  padding-top: 25px;
}
.footer-wrapper .divider {
  width: 940px;
  margin: auto;
  height: 2px;
  background: #ff463b;
  border-top: 1px solid  #b93027;
  margin-top: 60px;
  margin-bottom: 10px;
}
.main-footer,
.main-subfooter {
  width: 940px;
  margin: 0 auto;
  position: relative;
  min-height: 100px;
  font-size: 16px;
}
.main-footer li .icon-chevron-right,
.main-subfooter li .icon-chevron-right {
  color: #bb1f15;
  font-size: 10px;
  vertical-align: text-top;
  margin-top: 5px;
  margin-right: 5px;
  text-shadow: none;
}
.main-footer li a,
.main-subfooter li a {
  padding-right: 25px;
}
.main-footer a,
.main-subfooter a,
.main-footer p,
.main-subfooter p,
.main-footer h2,
.main-subfooter h2,
.main-footer .copyright,
.main-subfooter .copyright {
  text-shadow: none;
  color: white;
  line-height: 1.6em;
  margin: 0;
}
.main-footer h2,
.main-subfooter h2 {
  font-size: 18px;
  font-family: Yanone Kaffeesatz, Arial Narrow, Arial, sans-serif;
}
.main-footer .newsletter,
.main-subfooter .newsletter {
  float: right;
  width: 200px;
}
.main-footer .newsletter h2,
.main-subfooter .newsletter h2 {
  margin-bottom: 10px;
}
.main-footer .newsletter form,
.main-subfooter .newsletter form {
  position: relative;
}
.main-footer .newsletter input,
.main-subfooter .newsletter input {
  width: 152px;
}
.main-footer .newsletter .tick-box,
.main-subfooter .newsletter .tick-box {
  float: right;
  background: #a41b13;
}
.main-footer .pannel,
.main-subfooter .pannel {
  float: left;
  width: 180px;
  height: 100px;
}
.main-footer .copyright,
.main-subfooter .copyright {
  float: left;
}
.main-footer .follow-us,
.main-subfooter .follow-us {
  float: right;
}
.main-footer .follow-us p,
.main-subfooter .follow-us p,
.main-footer .follow-us a,
.main-subfooter .follow-us a {
  float: left;
  margin: 0 10px;
}
.main-footer .follow-us a div,
.main-subfooter .follow-us a div {
  font-size: 25px;
}
.site-nav {
  float: left;
}
/* INDEX PAGE ------------------------------------------------------------- */
.ribbon {
  width: 116px;
  height: 83px;
  background-color: #5c5c5c;
  background: url(/static/img/ribbon.png) no-repeat;
  color: #f7f7f7;
  text-align: center;
  text-shadow: 1px 1px 1px #2c2c2c;
  font-size: 30px;
  text-transform: uppercase;
  line-height: 30px;
  letter-spacing: 1px;
}
.ribbon.is-borderless {
  background-position: 0px -20px;
  padding: 6px 0px;
  letter-spacing: 0px;
}
#slideshow {
  position: relative;
  margin: 25px 0;
}
#slideshow .coin-slider {
  overflow: visible;
}
#slideshow .slideshow {
  overflow: hidden;
}
#slideshow #slideshowel > li {
  display: block;
  background: url(/static/img/cross_scratches.png) repeat;
  width: 940px;
  height: 316px;
}
#slideshow #slideshowel > li > img {
  display: none;
  width: 940px;
  height: 316px;
}
#slideshow .slideshow {
  width: 800px;
  height: 315px;
  margin: auto;
}
#slideshow .cs-buttons {
  position: absolute;
  right: 0;
  bottom: -30px;
}
#slideshow .slider-notes {
  margin-top: 5px;
  position: relative;
  font-size: 14px;
  width: 60%;
}
#slideshow .block-toggle {
  position: absolute;
  right: 10px;
  bottom: -50px;
  width: 164px;
  text-transform: uppercase;
}
#features {
  margin: 0;
  margin-top: 50px;
  text-shadow: none;
  background: white;
  border-radius: 40px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.1);
}
#features .feature {
  float: left;
  width: 25%;
  text-align: center;
}
#features .feature .quantity,
#features .feature .pound,
#features .feature .usd,
#features .feature .dollar,
#features .feature .gbp {
  font-size: 70px;
  line-height: 1em;
  color: #b5b5b5;
  text-shadow: none;
  margin-bottom: 10px;
}
#features .feature h2 {
  color: #5c5c5c;
}
.separator {
  position: relative;
  display: block;
}
.separator.gray {
  background: #e1e1e1;
}
.separator.white {
  background: white;
}
#main-demo,
#main-example {
  width: 940px;
  margin: auto;
}
#main-demo {
  padding-bottom: 25px;
}
#main-demo #is-demo .ribbon > small {
  display: block;
  font-size: 15px;
}
#main-demo #is-demo .block-play-btns {
  margin-top: 70px;
}
#main-demo .demo-display .iconset {
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -ms-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
  width: 316.6666666666667px;
  border: none;
  padding: 0;
  margin-left: 20px;
  font-size: 32px;
}
#main-demo .demo-display .iconset .icon-example {
  -webkit-transition: text-shadow 0.2s;
  -moz-transition: text-shadow 0.2s;
  -ms-transition: text-shadow 0.2s;
  -o-transition: text-shadow 0.2s;
  transition: text-shadow 0.2s;
  text-shadow: 0px 0px 0px black;
}
#main-demo .demo-display .iconset.is-shadow .icon-example {
  text-shadow: 0px 5px 10px #aaa;
  filter: glow(color=#cccccc, strength=2);
}
#main-demo .demo-display .iconset .icon {
  overflow: hidden;
  margin: 0px 14px 28px 7px;
}
#main-demo .demo-display .iconset .icon .icon-example {
  width: 1em;
  height: 1em;
  line-height: 1em;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
#main-demo .demo-display .css-snippet {
  float: right;
  font-size: 13px;
}
#main-demo .demo-display .css-snippet .prettyprint {
  width: 300px;
  overflow: auto;
  letter-spacing: -1px;
}
#main-demo .demo-display .demo-dis-descrip,
#main-demo .demo-display .iconset {
  float: left;
}
#main-example {
  background-color: #fff;
  with: 940px;
  margin: auto;
  padding-bottom: 25px;
}
.examples {
  float: right;
  text-align: center;
  width: 620px;
  height: 260px;
  background: url('/static/img/examples.png');
  padding: 0;
  margin: 0;
  margin-top: 5px;
}
#included {
  width: 940px;
  margin: auto;
  padding-bottom: 25px;
}
#included .block-description {
  height: 180px;
}
#included .block-main {
  float: left;
  margin-left: 25px;
}
ol.list {
  margin-left: 38px;
}
ol.list > li {
  margin: 10px 0;
  position: relative;
}
ol.list > li span.li {
  color: #e83f35;
  font-size: 35px;
  margin-bottom: 10px;
  position: absolute;
  left: -35px;
  top: -5px;
  line-height: 1em;
}
ol.list > li > h2,
ol.list > li > p {
  color: #5c5c5c;
  margin: 0;
  padding: 0;
  line-height: 1em;
}
ol.list > li > p {
  font-size: 16px;
}
/* -------Settings ----------*/
.settings {
  padding-top: 25px;
  width: 360px;
  margin: auto;
}
.settings form {
  float: left;
  width: 360px;
}
.settings .errors {
  width: 360px;
  display: block;
  margin: 0;
  padding: 0;
  height: inherit;
  clear: both;
  margin-bottom: 25px;
}
.settings .delete-account {
  margin-top: 25px;
}
.settings .delete-account p {
  font-size: 16px;
}
.settings .delete-account a,
.settings .delete-account a:link {
  cursor: ponter;
  color: #e83f35;
  text-decoration: underline;
  margin: 25px 0;
  display: block;
  text-align: center;
}
.settings .delete-account ahover,
.settings .delete-account a:linkhover {
  color: #77130d;
}
/* -------FONTBUILDER ----------*/
.icon {
  float: left;
  position: relative;
  width: 32px;
  height: 32px;
  padding: 10px;
  background: white;
  margin-left: 10px;
  margin-bottom: 10px;
  padding: 8px;
  border: 2px solid #c2c2c2;
}
.icon .preview {
  width: 32px;
  height: 32px;
  background: url(/static/assets/preview/sprite32x32.png);
}
.icon.free,
.icon.purchased {
  padding: 8px;
  border: 2px solid #8dcd8a;
}
.icon .hover {
  display: none;
}
.fontbuilder {
  text-shadow: none;
}
.fontbuilder .share-tag {
  background: #454545;
  float: left;
  display: block;
  padding: 10px;
  height: 15px;
  line-height: 25px;
  width: 15px;
  text-align: center;
  border: 1px solid #454545;
  border-left: 1px solid #5f5f5f;
  color: #f5f5f5;
  text-shadow: none;
  cursor: pointer;
}
.fontbuilder .share-tag:hover {
  background: #2b2b2b;
}
.fontbuilder .dropdown {
  float: left;
  border-right: 1px solid #2b2b2b;
  height: 27px;
  display: block;
}
.fontbuilder .search-bar .search-input {
  position: relative;
  float: left;
  margin-top: 10px;
}
.fontbuilder .search-bar .search-input #search {
  width: 606px;
  height: 25px;
}
.fontbuilder .search-bar .search-input .icon-search {
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
}
.fontbuilder .search-bar .cart-view {
  float: right;
}
.fontbuilder .fontbuilder-main {
  position: relative;
  min-height: 550px;
  border-bottom: 1px solid #c2c2c2;
  padding-bottom: 25px;
  margin-bottom: 25px;
}
.fontbuilder .fontbuilder-toolbar {
  margin-top: 25px;
  position: relative;
  height: 50px;
  z-index: 10;
}
.fontbuilder .fontbuilder-toolbar .chzn-container {
  width: 312px;
  float: left;
}
.fontbuilder .fontbuilder-toolbar .chzn-container .chzn-results .popular {
  background: #8dcd8a;
  text-transform: uppercase;
  color: white;
  font-size: 18px;
  margin: 5px 0;
}
.fontbuilder .fontbuilder-toolbar .chzn-container .chzn-results .popular:hover {
  background: #6abe66;
}
.fontbuilder .fontbuilder-toolbar .chzn-container .chzn-results .latest {
  background: #ef9136;
  text-transform: uppercase;
  color: white;
  font-size: 18px;
  margin: 5px 0;
}
.fontbuilder .fontbuilder-toolbar .chzn-container .chzn-results .latest:hover {
  background: #82450a;
}
.fontbuilder .fontbuilder-toolbar .chzn-container .chzn-results .free {
  background: #e83f35;
  text-transform: uppercase;
  color: white;
  font-size: 18px;
  margin: 5px 0;
}
.fontbuilder .fontbuilder-toolbar .chzn-container .chzn-results .free:hover {
  background: #77130d;
}
.fontbuilder .fontbuilder-toolbar .user-sets-toolbar {
  float: right;
  width: 310px;
}
.fontbuilder .fontbuilder-toolbar .user-sets-toolbar .user-sets-tab {
  cursor: pointer;
  height: 36px;
  width: 155px;
  float: right;
  padding: 0;
  position: relative;
  color: white;
  background: #383838;
}
.fontbuilder .fontbuilder-toolbar .user-sets-toolbar .user-sets-tab .icon-geo-arrw-down,
.fontbuilder .fontbuilder-toolbar .user-sets-toolbar .user-sets-tab .icon-geo-arrw-up {
  position: absolute;
  right: 0;
  top: 5px;
}
.fontbuilder .fontbuilder-toolbar .user-sets-toolbar .user-sets-tab.active .tab-title .icon-geo-arrw-down {
  display: none;
}
.fontbuilder .fontbuilder-toolbar .user-sets-toolbar .user-sets-tab.active .tab-title .icon-geo-arrw-up {
  display: block;
}
.fontbuilder .fontbuilder-toolbar .user-sets-toolbar .user-sets-tab .tab-title {
  padding: 5px 10px;
}
.fontbuilder .fontbuilder-toolbar .user-sets-toolbar .user-sets-tab .tab-title .icon-geo-arrw-down,
.fontbuilder .fontbuilder-toolbar .user-sets-toolbar .user-sets-tab .tab-title .icon-geo-arrw-up {
  font-size: 8px;
  float: right;
  margin: 10px;
}
.fontbuilder .fontbuilder-toolbar .user-sets-toolbar .user-sets-tab .tab-title .icon-geo-arrw-down {
  display: block;
}
.fontbuilder .fontbuilder-toolbar .user-sets-toolbar .user-sets-tab .tab-title .icon-geo-arrw-up {
  display: none;
}
.fontbuilder .fontbuilder-toolbar .user-sets-toolbar .tab-user-sets {
  background: #5c5c5c;
}
.fontbuilder footer .breadcrumb {
  float: right;
  margin-bottom: 25px;
}
.fontbuilder .selected-view {
  position: absolute;
  right: 0;
  top: -14px;
  min-width: 1px;
  margin: 0;
  padding: 0;
  width: 310px;
}
.fontbuilder .selected-view .icon {
  float: right;
  cursor: pointer;
  position: relative;
  z-index: 1;
}
.fontbuilder .selected-view .icon .hover {
  cursor: pointer;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-size: 16px;
  background: #5C5C5C;
  color: white;
  text-transform: uppercase;
}
.fontbuilder .selected-view .icon:hover .hover {
  display: block;
}
.fontbuilder .selected-view.expanded .expander-handle .icon-geo-arrw-left {
  display: none;
}
.fontbuilder .selected-view.expanded .expander-handle .icon-geo-arrw-right {
  display: block;
}
.fontbuilder .user-sets {
  text-shadow: none;
  z-index: 1;
  position: relative;
  width: 100%;
}
.fontbuilder .user-sets .tab-selected-active {
  background: #383838;
}
.fontbuilder .user-sets .tab-selected-active .selected-view-container {
  padding: 25px;
  padding-left: 35px;
}
.fontbuilder .user-sets .tab-user-sets-active {
  background: #5c5c5c;
}
.fontbuilder .user-sets .tab-user-sets-active .selected-view-container {
  padding: 25px;
}
.fontbuilder .user-sets .user-sets-content {
  position: relative;
  display: none;
  min-height: 470px;
  z-index: 100;
  width: 100%;
  padding-bottom: 25px;
}
.fontbuilder .user-sets .user-sets-content .usericonsets-list {
  display: block;
  position: relative;
  padding: 10px;
  margin: 0;
}
.fontbuilder .user-sets .user-sets-content .usericonsets-list .divider {
  margin-bottom: 20px;
  margin-top: 20px;
  display: block;
  height: 1px;
  border: none;
  background: rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.fontbuilder .user-sets .user-sets-content .usericonset {
  margin: 5px 0;
  padding: 10px;
  background: #454545;
  color: white;
  height: 16px;
  cursor: pointer;
  font-size: 14px;
}
.fontbuilder .user-sets .user-sets-content .usericonset .name {
  line-height: 1em;
}
.fontbuilder .user-sets .user-sets-content .usericonset .load-set,
.fontbuilder .user-sets .user-sets-content .usericonset .delete-set,
.fontbuilder .user-sets .user-sets-content .usericonset .share-set {
  font-size: 10px;
  float: right;
  background: #2b2b2b;
  color: white;
  height: 16px;
  padding: 10px 5px;
  margin-top: -10px;
  margin-right: -10px;
  margin-left: 15px;
}
.fontbuilder .user-sets .user-sets-content .usericonset .load-set [class^="icon-"],
.fontbuilder .user-sets .user-sets-content .usericonset .delete-set [class^="icon-"],
.fontbuilder .user-sets .user-sets-content .usericonset .share-set [class^="icon-"],
.fontbuilder .user-sets .user-sets-content .usericonset .load-set [class*=" icon-"],
.fontbuilder .user-sets .user-sets-content .usericonset .delete-set [class*=" icon-"],
.fontbuilder .user-sets .user-sets-content .usericonset .share-set [class*=" icon-"] {
  line-height: 16px;
}
.fontbuilder .user-sets .user-sets-content .usericonset .load-set .icon-delete,
.fontbuilder .user-sets .user-sets-content .usericonset .delete-set .icon-delete,
.fontbuilder .user-sets .user-sets-content .usericonset .share-set .icon-delete,
.fontbuilder .user-sets .user-sets-content .usericonset .load-set .icon-share,
.fontbuilder .user-sets .user-sets-content .usericonset .delete-set .icon-share,
.fontbuilder .user-sets .user-sets-content .usericonset .share-set .icon-share {
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  filter: alpha(opacity=50);
}
.fontbuilder .user-sets .user-sets-content .save-as-set-view {
  display: none;
  float: right;
  margin-top: 25px;
}
.fontbuilder .user-sets .user-sets-content .save-as-set-view .save-set-input {
  position: relative;
  clear: both;
}
.fontbuilder .user-sets .user-sets-content .save-as-set-view input {
  width: 201px;
  height: 14px;
}
.fontbuilder .user-sets .user-sets-content .save-as-set-view select {
  width: 214px;
  height: 15px;
}
.fontbuilder .user-sets .user-sets-content .save-as-set-view .add-to-set,
.fontbuilder .user-sets .user-sets-content .save-as-set-view .replace-set {
  margin-bottom: 10px;
}
.fontbuilder .user-sets .user-sets-content .save-as-set-view #add_to_set_chzn,
.fontbuilder .user-sets .user-sets-content .save-as-set-view #replace_set_chzn {
  margin-top: 1px;
}
.fontbuilder .user-sets .user-sets-content .save-as-set-view .description {
  font-size: 14px;
  color: #c2c2c2;
  margin-bottom: 5px;
}
.fontbuilder .user-sets .user-sets-content .save-as-set-view .cancel-button {
  width: 50px;
  display: block;
  float: none;
  background: #5c5c5c;
  margin-top: 25px;
}
.fontbuilder .user-sets .user-sets-content .save-as-set-view .cancel-button:hover {
  background: #454545;
}
.fontbuilder .user-sets .user-sets-content .save-as-set-view .errors .error {
  margin-bottom: 10px;
}
.fontbuilder .user-sets .expander-handle {
  display: block;
  position: absolute;
  height: auto;
  width: 20px;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  margin: 25px 10px;
  background: url(/static/img/dots-texture.gif) repeat-y top left;
  cursor: pointer;
}
.fontbuilder .user-sets .expander-handle .handle {
  position: absolute;
  top: 200px;
  left: -2px;
  color: black;
  height: 10px;
  font-size: 10px;
  line-height: 10px;
  padding: 10px 0;
  background: #383838;
}
.fontbuilder .user-sets .expander-handle .icon-geo-arrw-left,
.fontbuilder .user-sets .expander-handle .icon-geo-arrw-right {
  text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.2), 0px -1px 1px #000000;
}
.fontbuilder .user-sets .expander-handle .icon-geo-arrw-left {
  display: block;
}
.fontbuilder .user-sets .expander-handle .icon-geo-arrw-right {
  display: none;
}
.fontbuilder .user-sets .btn-css {
  height: 35px;
  line-height: 35px;
  text-transform: none;
  font-size: 16px;
}
.fontbuilder .user-sets .save-set-button {
  float: right;
  width: 66px;
}
.fontbuilder .user-sets h3 {
  float: left;
  width: 109px;
  margin-left: 10px;
}
.fontbuilder .user-sets .selected-icons {
  float: right;
  margin-top: 25px;
}
.fontbuilder .selector-view {
  width: 960px;
  position: relative;
  margin-left: -5px;
}
.fontbuilder .selector-view .space-filler {
  float: right;
  margin-right: 15px;
  display: block;
}
.fontbuilder .selector-view .filler {
  position: absolute;
  top: 25%;
  left: 25%;
  font-size: 25px;
  display: none;
}
.fontbuilder .selector-view .icon {
  float: left;
  cursor: pointer;
  position: relative;
  width: 138px;
  height: 35px;
  padding: 3px;
  margin: 5px;
  margin-bottom: 10px;
  margin-top: 0;
  background: white;
  border: 2px solid transparent;
  display: block;
  font-size: 14px;
  font-family: Yanone Kaffeesatz, Arial Narrow, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
}
.fontbuilder .selector-view .icon .preview {
  background: url(/static/assets/preview/sprite32x32.png);
  width: 32px;
  height: 32px;
  float: left;
  margin-right: 10px;
}
.fontbuilder .selector-view .icon .name,
.fontbuilder .selector-view .icon .detail {
  margin: 0;
  padding: 0;
  line-height: 1.2em;
}
.fontbuilder .selector-view .icon .detail {
  color: #6abe66;
}
.fontbuilder .selector-view .icon .view-hires {
  background: #8dcd8a;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 5px;
  color: #f5f5f5;
  padding-bottom: 3px;
  padding-right: 3px;
  display: none;
}
.fontbuilder .selector-view .icon:hover .view-hires {
  display: block;
}
.fontbuilder .selector-view .icon.selected {
  display: none;
}
.fontbuilder .selector-view .icon:hover {
  cursor: pointer;
  border: 2px solid #dbdbdb;
}
.fontbuilder .selector-view .free:hover,
.fontbuilder .selector-view .purchased:hover {
  border: 2px solid #8dcd8a;
}
.cart {
  color: #e83f35;
  display: block;
  height: 35px;
  background: white;
  float: right;
  padding: 0;
  margin: 10px;
  width: 105px;
  position: relative;
  text-transform: uppercase;
  font-family: Yanone Kaffeesatz, Arial Narrow, Arial, sans-serif;
  padding: 5px;
  text-align: center;
  font-size: 22px;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  padding-right: 35px;
}
.cart .caption,
.cart .price {
  margin: 0;
  padding: 0;
  line-height: 1em;
}
.cart .caption,
.cart .continue {
  color: #5c5c5c;
  text-align: center;
  font-size: 14px;
}
.cart.everyicon {
  margin-left: 0;
}
.cart.iconpurchase {
  margin-right: 0;
}
.cart.discount .caption,
.cart.discount .price {
  color: #a9a9a9;
}
.cart.discount .price {
  text-decoration: line-through;
}
.cart .discount-detail {
  position: absolute;
  top: -35px;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  width: 135px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  padding: 0;
  margin: 0;
  padding-bottom: 5px;
  text-shadow: none;
  background-color: #d22218;
  background: -moz-linear-gradient(top, #ed6b63 0%, #d22218 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ed6b63), color-stop(100%, #d22218));
  background: -webkit-linear-gradient(top, #ed6b63 0%, #d22218 100%);
  background: -o-linear-gradient(top, #ed6b63 0%, #d22218 100%);
  background: -ms-linear-gradient(top, #ed6b63 0%, #d22218 100%);
  background: linear-gradient(top, #ed6b63 0%, #d22218 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed6b63', endColorstr='#d22218',GradientType=0 );
}
.cart .discount-detail span,
.cart .discount-detail .price {
  font-size: 16px;
  color: #f5f5f5;
  padding: 0;
  margin: 0;
  text-decoration: none;
}
.cart .discount-detail .price {
  font-size: 18px;
}
.cart .continue {
  position: absolute;
  right: 0;
  top: 0;
  width: 25px;
  padding: 0 5px;
  border-left: 1px solid #f5f5f5;
  height: 100%;
}
.cart .continue .icon-chevron-right {
  font-size: 20px;
  line-height: 25px;
}
.download-cart {
  display: none;
  margin-right: 0;
}
.download-cart .caption {
  margin-top: 12px;
  color: #8dcd8a;
  font-size: 18px;
}
.no-purchase-required .cart {
  display: none;
}
.no-purchase-required .download-cart {
  display: block;
}
/******Downloads *****/
.download {
  padding-top: 25px;
}
.download h2 {
  padding-bottom: 10px;
  margin: 10px 0;
}
.download .cart-view {
  position: relative;
  float: left;
  width: 50%;
}
.download .cart-view .cart {
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 5px;
  width: 150px;
  margin: 0;
  margin-top: 10px;
}
.download .cart-view .everyicon .discount-detail {
  margin-left: 7px;
}
.download .download-container.download-build .download-font {
  display: none;
}
.download .download-container.download-build .loading {
  display: none;
}
.download .download-container.download-complete .build-font {
  display: none;
}
.download .download-container.download-complete .loading {
  display: none;
}
.download .download-container.download-loading .build-font {
  display: none;
}
.download .download-container.download-loading .download-font {
  display: none;
}
.download .right-column {
  width: 430px;
  margin-left: 25px;
}
.download .payment {
  position: relative;
  margin-bottom: 50px;
  font-size: 16px;
}
.download .payment p {
  margin-right: 155px;
}
.download .payment .payment-type-button {
  float: left;
  margin: 10px 10px 25px 0;
  display: block;
}
.download .payment .paypal-button {
  height: 26px;
  overflow: hidden;
}
.download .generate-font-link,
.download .download-font-link {
  padding: 0;
}
/******Reset *****/
.password-reset {
  width: 300px;
  margin: auto;
  font-size: 16px;
}
.password-reset input[type="text"],
.password-reset input[type="password"] {
  width: 290px;
}
.password-reset p {
  margin: 10px 0px;
}
.password-reset h3 {
  font-size: 35px;
}
.license {
  margin-bottom: 25px;
}
.license section {
  margin-top: 25px;
}
.legals {
  margin-bottom: 25px;
}
.legals h2 {
  font-size: 35px;
  margin-top: 25px;
  margin-bottom: 10px;
}
.legals h3 {
  margin-top: 10px;
}
.documentation .pictonic-logo {
  margin: 25px 0;
}
.usage {
  padding-top: 25px;
}
.usage .prettyprint {
  margin-top: 10px;
  width: 65%;
  overflow: auto;
  float: right;
  font-size: 12px;
}
.usage li > h2,
.usage li > p {
  width: 35%;
  margin-right: 25px;
}
.usage h3 {
  text-transform: none;
  border-top: 1px solid #c2c2c2;
  margin: 25px 0;
  padding-top: 10px;
  font-size: 25px;
}
.usage .intro {
  margin-bottom: 25px;
  margin-top: 25px;
}
.usage .intro p {
  font-size: 16px;
}
.usage .icons {
  padding-bottom: 25px;
}
.usage .icons .ref {
  float: left;
  width: 25%;
  margin-bottom: 25px;
}
.usage .icons .ref span {
  margin-right: 10px;
  font-size: 42px;
}
/*----------Status Page ----------*/
.status-page {
  width: 400px;
  margin: auto;
  text-align: center;
}
.status-page h3 {
  font-size: 35px;
}
/*-----------Tasks --------------*/
.tasks {
  width: 300px;
  margin: auto;
  margin-top: 25px;
  text-align: center;
}
.tasks form {
  text-align: left;
  margin-top: 25px;
}
.tasks .submit {
  margin-top: 10px;
  margin-bottom: 25px;
  text-align: center;
  text-decoration: underline;
}
.tasks .submit input,
.tasks .submit .submit input[type="submit"] {
  float: none;
}
.tasks h2 {
  font-size: 35px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.tasks h3 {
  text-transform: none;
  font_size: 25px;
}
.tasks .task-description {
  text-align: center;
}
.tasks .btn-css {
  margin-bottom: 25px 0px;
}
/*-------------Site icons---------*/
.next-btn-border,
.continue {
  font-size: 16px;
  color: #e83f35;
}
.next-btn-border .icon-chevron-right,
.continue .icon-chevron-right {
  margin-top: 12px;
}
.bullet {
  position: relative;
  margin-left: 40px;
}
.bullet .icon-cr-ok {
  position: absolute;
  left: -40px;
  font-size: 30px;
  top: 5px;
  color: #e83f35;
}
.icon-missing,
.icon-broke,
.icon-success,
.icon-error,
.tasks {
  margin: 25px auto;
}
.icon-missing .icon-face-sad,
.icon-broke .icon-face-sad,
.icon-success .icon-face-sad,
.icon-error .icon-face-sad,
.tasks .icon-face-sad,
.icon-missing .icon-face-moustache-2,
.icon-broke .icon-face-moustache-2,
.icon-success .icon-face-moustache-2,
.icon-error .icon-face-moustache-2,
.tasks .icon-face-moustache-2,
.icon-missing .icon-face-wink,
.icon-broke .icon-face-wink,
.icon-success .icon-face-wink,
.icon-error .icon-face-wink,
.tasks .icon-face-wink,
.icon-missing .icon-mountain,
.icon-broke .icon-mountain,
.icon-success .icon-mountain,
.icon-error .icon-mountain,
.tasks .icon-mountain,
.icon-missing .icon-rocket2,
.icon-broke .icon-rocket2,
.icon-success .icon-rocket2,
.icon-error .icon-rocket2,
.tasks .icon-rocket2 {
  color: #5c5c5c;
  font-size: 256px;
  margin: 25px;
}
.icon-missing .icon-checkbox-full,
.icon-broke .icon-checkbox-full,
.icon-success .icon-checkbox-full,
.icon-error .icon-checkbox-full,
.tasks .icon-checkbox-full {
  font-size: 128px;
}
.errors .icon-warning,
.errors a .icon-warning {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin: 0;
  margin-right: 10px;
  margin-top: 5px;
}
.icon-alert {
  margin: auto;
  margin-bottom: 25px;
}
.icon-tasks {
  margin: auto;
  margin-bottom: 25px;
}
.select-all-button {
  float: left;
  cursor: pointer;
  font-size: 16px;
  line-height: 35px;
  margin: 0 10px;
}
.select-all-button.select-all {
  color: #454545;
}
.select-all-button.select-all:hover {
  color: #5c5c5c;
}
.select-all-button.deselect-all {
  float: right;
  color: #c2c2c2;
  margin-right: 25px;
}
.select-all-button.deselect-all:hover {
  color: white;
}
.select-all-button .icon-cr-delete,
.select-all-button .icon-cr-add {
  margin-left: 10px;
}
.demo-download,
.xmasgiveaway {
  margin: 25px 0;
}
.demo-download .demo-description,
.xmasgiveaway .demo-description {
  margin-bottom: 25px;
}
.demo-download .demo-description .included,
.xmasgiveaway .demo-description .included {
  float: left;
  width: 70%;
}
.demo-download .demo-description .included ul,
.xmasgiveaway .demo-description .included ul {
  margin-top: 12px;
}
.demo-download .demo-description .included ul li,
.xmasgiveaway .demo-description .included ul li {
  float: left;
  margin-right: 10px;
  margin-left: 25px;
  list-style: disc;
  width: 120px;
  color: #e83f35;
}
.demo-download .demo-description .included ul li span,
.xmasgiveaway .demo-description .included ul li span {
  color: #5c5c5c;
}
.demo-download .demo-description .need-more,
.xmasgiveaway .demo-description .need-more {
  width: 30%;
  float: right;
}
.demo-download .demo-icons,
.xmasgiveaway .demo-icons {
  border: 1px solid #c2c2c2;
  margin: 25px 0;
}
.demo-download .demo-icons .demo-icon,
.xmasgiveaway .demo-icons .demo-icon {
  float: left;
  font-size: 52px;
  margin: 20px;
  padding-bottom: 20px;
  position: relative;
  width: 64px;
  text-align: center;
}
.demo-download .demo-icons .demo-icon .description,
.xmasgiveaway .demo-icons .demo-icon .description {
  position: absolute;
  left: -8px;
  width: 80px;
  bottom: -10px;
  text-align: center;
  font-size: 12px;
  background: #c2c2c2;
  color: white;
  text-shadow: none;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 2px;
}
.demo-download .arrow,
.xmasgiveaway .arrow {
  position: absolute;
  right: 70px;
  top: -32px;
  width: 100px;
  height: 129px;
}
.demo-download .download-button,
.xmasgiveaway .download-button {
  display: block;
  margin-left: 400px;
  padding: 5px 10px;
  background-color: #bb1f15;
  background: -moz-linear-gradient(top, #e83f35 0%, #bb1f15 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e83f35), color-stop(100%, #bb1f15));
  background: -webkit-linear-gradient(top, #e83f35 0%, #bb1f15 100%);
  background: -o-linear-gradient(top, #e83f35 0%, #bb1f15 100%);
  background: -ms-linear-gradient(top, #e83f35 0%, #bb1f15 100%);
  background: linear-gradient(top, #e83f35 0%, #bb1f15 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e83f35', endColorstr='#bb1f15',GradientType=0 );
  width: 120px;
  color: white;
  text-shadow: none;
  font-size: 22px;
  cursor: pointer;
  box-shadow: 0px 1px 5px 0px #888888;
  -moz-box-shadow: 0px 1px 5px 0px #888888;
  -webkit-box-shadow: 0px 1px 5px 0px #888888;
}
.demo-download .download-button .icon-download-1,
.xmasgiveaway .download-button .icon-download-1,
.demo-download .download-button .icon-check,
.xmasgiveaway .download-button .icon-check {
  float: right;
  margin: 5px;
  margin-left: 10px;
}
.demo-download .download-button:hover,
.xmasgiveaway .download-button:hover {
  background-color: #8d1710;
  background: -moz-linear-gradient(top, #d22218 0%, #8d1710 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d22218), color-stop(100%, #8d1710));
  background: -webkit-linear-gradient(top, #d22218 0%, #8d1710 100%);
  background: -o-linear-gradient(top, #d22218 0%, #8d1710 100%);
  background: -ms-linear-gradient(top, #d22218 0%, #8d1710 100%);
  background: linear-gradient(top, #d22218 0%, #8d1710 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d22218', endColorstr='#8d1710',GradientType=0 );
}
.sharable {
  margin: auto;
  text-shadow: none;
}
.sharable .url input {
  font-size: 18px;
  text-align: center;
  width: 180px;
  padding: 6px;
  height: 20px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2) inset;
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2) inset;
}
.sharable .btn-css {
  font-size: 16px;
  text-transform: none;
  padding: 5px 25px;
  float: left;
  line-height: 1em;
  height: 1em;
  margin-top: 15px;
}
.sharable .tooltip {
  display: none;
  position: absolute;
  background: #a9a9a9;
  padding: 10px;
  color: #f5f5f5;
  font-size: 16px;
  width: 250px;
  margin: auto;
  z-index: 1;
}
.sharable .tooltip-bottom {
  top: 60px;
  left: -95px;
}
.sharable .tooltip-right {
  left: 100px;
  top: -25px;
  padding: 25px 10px;
}
.sharable .triangle-up {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #a9a9a9;
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  top: -20px;
}
.sharable .triangle-left {
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-right: 20px solid #a9a9a9;
  left: -20px;
  margin: auto;
  top: 0;
  bottom: 0;
  position: absolute;
}
.sharable .sharable-name {
  margin-top: 10px;
  margin-right: 10px;
  float: left;
}
.sharable .sharable-name h2 {
  text-transform: uppercase;
  font-size: 25px;
  font-family: Yanone Kaffeesatz, Arial Narrow, Arial, sans-serif;
}
.sharable .sharable-name h2 .category {
  color: #5c5c5c;
}
.sharable .share-toolbar {
  width: 400px;
  padding: 15px 10px;
  margin-bottom: 20px;
  background: #e8e8e8;
  height: 35px;
  float: right;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.sharable .share-toolbar .title {
  font-family: Yanone Kaffeesatz, Arial Narrow, Arial, sans-serif;
}
.sharable .share-toolbar .share-button {
  background: white;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 6px;
  font-size: 22px;
  float: left;
}
.sharable .share-toolbar .share-button a {
  display: block;
  outline: none;
}
.sharable .share-toolbar .share-button .twitter {
  color: #00acee;
}
.sharable .share-toolbar .share-button .facebook {
  color: #3b5999;
}
.sharable .share-toolbar .share-button .google {
  color: #da573b;
}
.sharable .share-toolbar .share-button,
.sharable .share-toolbar .url,
.sharable .share-toolbar .title {
  float: left;
  margin: 0 5px;
}
.sharable.single {
  width: 420px;
}
.sharable.single .share-icon-view {
  padding: 82px;
  width: 256px;
  height: 256px;
}
.sharable.multiple .share-icons {
  width: 980px;
}
.sharable.multiple .share-icon-view {
  float: left;
  margin-right: 34px;
  margin-top: 34px;
  width: 128px;
  height: 128px;
}
.sharable .share-icon-wrapper {
  background: url(/static/img/cross_scratches.png) #f5f5f5 repeat;
}
.sharable .share-icon-view {
  cursor: default;
  background: url(/static/img/watermark.png);
}
.sharable .share-icon-view img {
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  -webkit-opacity: 0.7;
  opacity: 0.7;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  filter: alpha(opacity=70);
  display: block;
}
.sharable.lightbox .share-icon-wrapper {
  background: white;
}
.sharable.lightbox .share-icon-view {
  margin-bottom: 10px;
}
.retina .examples {
  background: url('/static/img/examples_retina.png');
  -webkit-background-size: 620px 260px ;
  -moz-background-size: 620px 260px ;
  background-size: 620px 260px ;
}
.retina .icon .preview,
.retina .fontbuilder .selector-view .icon .preview {
  background: url(/static/assets/preview/sprite64x64.png);
  background-size: 4000% auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .examples {
    background: url('/static/img/examples_retina.png');
    -webkit-background-size: 620px 260px ;
    -moz-background-size: 620px 260px ;
    background-size: 620px 260px ;
  }
  .icon .preview,
  .fontbuilder .selector-view .icon .preview {
    background: url(/static/assets/preview/sprite64x64.png);
    background-size: 4000% auto;
  }
  .pictonic-logo .logo-main {
    background: url(/static/img/@2x-logo-homepage.png);
    background-size: 100%;
  }
  .pictonic-logo .logo-topbar {
    background: url(/static/img/@2x-logo-topbar.png);
    background-size: 100%;
  }
}