/*

Copyright 2008-2015 Clipperz Srl

This file is part of Clipperz, the online password manager.
For further information about its features and functionalities please
refer to http://www.clipperz.com.

* Clipperz is free software: you can redistribute it and/or modify it 
  under the terms of the GNU Affero General Public License as published 
  by the Free Software Foundation, either version 3 of the License, or 
  (at your option) any later version.

* Clipperz is distributed in the hope that it will be useful, but 
  WITHOUT ANY WARRANTY; without even the implied warranty of 
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
  See the GNU Affero General Public License for more details.

* You should have received a copy of the GNU Affero General Public
  License along with Clipperz. If not, see http://www.gnu.org/licenses/.

*/

/*

Color list:
- login box:
	light	#ff9955
	dark	#ff6622
- login button:
	regular	#dd5500
	hover	#773311
- login translations:
	box: #cc6622;
	not-selected:
		color:		#ddaa99
		background:	#994422
	selected: #772211;
*/
html {
  height: 100%;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
}
body {
  font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif;
  margin: 0px;
}
.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
/**
 * Background noise recipe
 * 
 * This recipe use a sass function to generate a .png file
 * 
 * Inspired by a jQuery plugin "Noisy" by Daniel Rapp @DanielRapp
 * @link https://github.com/DanielRapp/Noisy
 * 
 * Converted using Sass by Aaron Russell @aaronrussell & Philipp Bosch @philippbosch
 * @link https://gist.github.com/1021332
 * 
 * Ported to a sass gem by Antti Salonen @antsa
 * @link https://github.com/antsa/sassy_noise
 * 
 * Mixin:        background-noise
 * Function:     background_noise
 * 
 * @author Daniel Rapp @DanielRapp
 * @author Aaron Russell @aaronrussell
 * @author Philipp Bosch @philippbosch
 * @author Antti Salonen @antsa
 * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
 */
/**
 *
 * @class Gradients
 * @author David Kaneda http://www.davidkaneda.com/
 *
 */
/**
 * Adds a background gradient into a specified selector.
 * 
 *     @include background-gradient(#444, 'glossy');
 * 
 * You can also use color-stops if you want full control of the gradient:
 * 
 *     @include background-gradient(#444, color-stops(#333, #222, #111));
 * 
 * @param {color} $bg-color
 * The base color of the gradient.
 * 
 * @param {string/list} $type
 * The style of the gradient, one of five pre-defined options: matte, bevel, glossy, recessed, or linear:
 *
 *     @include background-gradient(red, 'glossy');
 *
 * It can also accept a list of color-stop values:;
 * 
 *     @include background-gradient(black, color-stops(#333, #111, #000));
 * 
 * @param {string} $direction
 * The direction of the gradient.
 */
/**
 * Blueprint grid background pattern
 * 
 * @link http://lea.verou.me/css3patterns/#blueprint-grid
 *
 * @author Lea Verou http://lea.verou.me/ for the original pattern
 * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx for the sass mixin
 */
/**
 * Background overlay inspired by Google Chrome modal overlay
 * 
 * @author Maxime Thirouin @MoOx maxime.thirouin@gmail.com
 */
/**
 * Striped background pattern
 * 
 * @link http://lea.verou.me/css3patterns/
 *
 * @author Lea Verou http://lea.verou.me/ for the original pattern
 * @author David Kaneda http://www.davidkaneda.com @davidkaneda for the sass mixin
 */
/**
 *
 * Before compass 0.11.5, you need to add
 * Compass::BrowserSupport.add_support("repeating-linear-gradient", "webkit", "moz", "o", "ms")
 * To your configuration (config.rb)
 * @see https://github.com/chriseppstein/compass/issues/401
 *
 * @link http://lea.verou.me/css3patterns/#tartan
 *
 * @author Marta Armada http://swwweet.com/ for the original pattern
 * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx for the sass mixin
 */
/**
 * Carbon Fiber background pattern
 *
 * @author Lea Verou http://lea.verou.me/ for the original pattern
 * @author David Kaneda http://www.davidkaneda.com/ for the Sass mixin
 *
 * @link http://lea.verou.me/css3patterns/
 *
 */
/**
 * Normalize.css
 * Opposite approche from CSS reset
 * 
 * Based on normalize.css commit 9576d48fc234c5224b1fc4dccba2f5965243843d
 *
 * @link http://github.com/necolas/normalize.css
 */
/* normalize.css 2011-07-12T10:51 UTC · http://github.com/necolas/normalize.css */
/* =============================================================================
   HTML5 element display
   ========================================================================== */
/* =============================================================================
   Base
   ========================================================================== */
/* =============================================================================
   Links
   ========================================================================== */
/* =============================================================================
   Typography
   ========================================================================== */
/* =============================================================================
   Lists
   ========================================================================== */
/* =============================================================================
   Embedded content
   ========================================================================== */
/* =============================================================================
   Figures
   ========================================================================== */
/* =============================================================================
   Forms
   ========================================================================== */
/* =============================================================================
   Tables
   ========================================================================== */
/**
 *
 * @author David Kaneda - http://www.davidkaneda.com
 *
 */
/**
 * @class Color
 */
/**
 * Returns the brightness (out of 100) of a specified color.
 * @todo explain why this is useful
 * @param {color} $color The color you want the brightness value of
 * @return {measurement}
 */
/**
 * Returns the luminosity for a specified color
 * @todo explain why this is useful
 * @param {color} The color to check
 * @return {measurement}
 */
/**
 * Glass effect
 * Use this on image for better effect render
 * 
 * Inspired from Simurai's IMDB redisign
 *
 * @link http://lab.simurai.com/redesign/imdb
 * @thanks Simurai @simurai
 */
/**
 * Note IE7/6 doesn't understand pseudo element as ::before and ::after
 * IE8 need to have :before and not ::before
 * So use only : and not :: if you want to support IE8
 * IE9 Webkit Firefox Opera understand ::
 */
/**
 * Scotch tape effect with pure CSS
 * 
 * @thanks Nick La @nickla for original concept
 * @link http://webdesignerwall.com/tutorials/css3-image-styles
 * 
 * @author David Kaneda http://www.davidkaneda.com
 *
 */
/**
 * Note IE7/6 doesn't understand pseudo element as ::before and ::after
 * IE8 need to have :before and not ::before
 * So use only : and not :: if you want to support IE8
 * IE9 Webkit Firefox Opera understand ::
 */
/**
 * Corner folded with pure CSS
 * 
 * Known support: Firefox 3.5+, Chrome 4+, Safari 4+, Opera 10+, IE 9+.
 * IE8 is not supported because it not render properly box-shadow and
 * pseudo element should be selected with ::element and not :element
 * 
 * @thanks Nicolas Gallagher @necolas
 * @link http://nicolasgallagher.com/pure-css-folded-corner-effect/demo/
 * @todo Nix in .4
 */
/**
 * Note IE7/6 doesn't understand pseudo element as ::before and ::after
 * IE8 need to have :before and not ::before
 * So use only : and not :: if you want to support IE8
 * IE9 Webkit Firefox Opera understand ::
 */
/**
 * Corner folded with pure CSS
 * 
 * Known support: Firefox 3.5+, Chrome 4+, Safari 4+, Opera 10+, IE 9+.
 * IE8 is not supported because it not render properly box-shadow and
 * pseudo element should be selected with ::element and not :element
 * 
 * @thanks Nicolas Gallagher @necolas
 * @link http://nicolasgallagher.com/pure-css-folded-corner-effect/demo/
 */
/**
 * Note IE7/6 doesn't understand pseudo element as ::before and ::after
 * IE8 need to have :before and not ::before
 * So use only : and not :: if you want to support IE8
 * IE9 Webkit Firefox Opera understand ::
 */
/**
 * Form element inline mixin
 * This mixin allow you to have a label inline with your input
 * It's simply based on inline-block behavior
 *
 * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
 */
/**
 * Vertical alignement for page
 * Inspired by http://css-tricks.com/snippets/css/center-div-with-dynamic-height/
 * 
 * Usage:
 * 
 * SCSS
 * @include vertical-align-requirement;
 * .v-align-container { @include vertical-align-container }
 * .v-align-content-container { @include vertical-align-content-container }
 * .v-align-content { @include vertical-align-content }
 * 
 * HTML
 * <body>
 *     <div class="v-align-container">
 *         <div class="v-align-content-container">
 *             <div class="v-align-content">
 *             Your content !
 *             </div>
 *         </div> 
 *     </div>
 * </body>
 *
 * @thanks Chris Coyier @chriscoyier
 * @autor Maxime Thirouin maxime.thirouin@gmail.com @MoOx
 */
/**
 * Media Queries Mixins
 * 
 * @todo Do we have to take care of print ?
 * 
 * @require sass-3.2 (you need eventually to do "sudo gem install sass --pre")
 * @author Maxime Thirouin <maxime.thirouin@gmail.com>
 */
/*
$media-query-width-big: 1280px;
$media-query-width-medium: 960px;
$media-query-width-small: 480px;
*/
/**
 * Drop shadow mixins from Nicolas Gallagher demo
 * 
 * @thanks Nicolas Gallagher @necolas, @simurai, @cameronmoll, @matthamm
 * 
 * @link http://nicolasgallagher.com/css-drop-shadows-without-images/demo/
 */
/**
 * Drop shadow curled
 *
 * @thanks Nicolas Gallagher @necolas
 * @link http://nicolasgallagher.com/css-drop-shadows-without-images/demo/
 */
/**
 * Drop shadow curved
 *
 * @thanks Nicolas Gallagher @necolas
 * @link http://nicolasgallagher.com/css-drop-shadows-without-images/demo/
 */
/**
 * Drop shadow flying
 *
 * @thanks Geoffrey Crofte @geoffrey_crofte
 * @link http://www.creativejuiz.fr/trytotry/css3-box-shadow-after-before/
 */
/**
 * Drop shadow w/ lifted corners
 *
 * @thanks Nicolas Gallagher @necolas
 * @link http://nicolasgallagher.com/css-drop-shadows-without-images/demo/
 */
/**
 * Drop shadow w/ perspective
 *
 * @thanks Nicolas Gallagher @necolas
 * @link http://nicolasgallagher.com/css-drop-shadows-without-images/demo/
 */
/**
 * Drop shadow raised
 *
 * @thanks Nicolas Gallagher @necolas
 * @link http://nicolasgallagher.com/css-drop-shadows-without-images/demo/
 */
/**
 * Drop shadow rules required for transform on drop shadow
 * 
 * /!\ This is required if you want to apply some transform on the element using drop shadow
 *
 * @thanks Nicolas Gallagher @necolas
 * @link http://nicolasgallagher.com/css-drop-shadows-without-images/demo/
 */
/**
 * Shadow along the top edge of the browser viewport
 * 
 * @link http://playground.genelocklin.com/depth/
 */
/**
* Shapes !
* Polygons, ellipses and symbols
* 
* @thanks Chris Coyier @chriscoyier
* @link http://css-tricks.com/examples/ShapesOfCSS/
* @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
*/
/**
 * Shape/Ellipse
 *
 * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
 */
/**
 * Shape/Polygon
 *
 * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
 */
/**
 * Shape/Polygon/Hexagon
 *
 * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
 */
/**
 * Shape/Polygon/Octagon
 *
 * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
 */
/**
 * Shape/Polygon/Parallelogram
 *
 * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
 */
/**
 * Shape/Polygon/Pentagon
 *
 * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
 */
/**
 * Shape/Polygon/Rectangle
 *
 * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
 */
/**
 * Shape/Polygon/Rhombus
 *
 * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
 */
/**
 * Shape/Polygon/Square
 *
 * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
 */
/**
 * Shape/Polygon/Star
 *
 * @todo check if setting a z-index by default is a good thing
 * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
 */
/**
 * Shape/Polygon/Trapezoid
 *
 * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
 */
/**
 * Shape/Polygon/Triangle
 *
 * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
 */
/**
 * Shape/Symbol
 *
 * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
 */
/**
 * Shape/Symbol/Diamond
 *
 * @todo add height support
 * 
 * @author Alexander Futekov
 * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
 */
/**
 * Shape/Symbol/Egg
 *
 * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
 */
/**
 * Shape/Symbol/Heart
 * 
 * @author Nicolas Gallagher @necolas
 * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
 */
/**
 * Shape/Symbol/Infinity
 * 
 * @author Nicolas Gallagher @necolas
 * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
 */
/**
 * Shape/Symbol/Pacman
 *
 * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
 */
/**
 * Shape/Symbol/Yin-yang
 *
 * @author Alexander Futekov
 * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
 */
/**
 * Micro clearfix hack
 * 
 * The clearfix hack is a popular way to clear floats without resorting to using presentational markup. This article presents an update to the clearfix method that further reduces the amount of CSS required.
 * Known support: Firefox 2+, Safari 2+, Chrome, Opera 9.27+, IE 6+, IE Mac.
 *
 * @thanks Nicolas Gallagher @necolas
 * @link http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Note IE7/6 doesn't understand pseudo element as ::before and ::after
 * IE8 need to have :before and not ::before
 * So use only : and not :: if you want to support IE8
 * IE9 Webkit Firefox Opera understand ::
 */
/**
 * UI convex effect from one color
 *
 * @todo merge with ui-button ?
 *
 * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
 */
/**
 * UI Glossy helper
 *
 * @deprecated
 * @todo Remove in 0.4
 * @see background/gradients
 *
 * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
 */
/**
 * UI simple gradient from one color
 *
 * @todo merge with ui-button ?
 *
 * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
 */
/**
 * Shape/Polygon/Triangle
 *
 * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
 */
/**
 * Keyboard key touch
 * A simple stylesheet for rendering beautiful keyboard-style elements.

 * @author Michael Hüneburg http://michaelhue.com/keyscss
 * @link https://github.com/michaelhue/keyscss (commit 76bb603e921d0145362e0f60eabb79d4f69cbda0)
 *
 * @author Maxime Thirouin @MoOx maxime.thirouin@gmail.com
*/
/**
 * Menu dropdown helper
 *
 * @author Maxime Thirouin @MoOx maxime.thirouin@gmail.com
*/
/**
 * Ui background overlay inspired by Google Chrome modal overlay
 * 
 * @author Maxime Thirouin @MoOx maxime.thirouin@gmail.com
 */
/**
 * Background overlay inspired by Google Chrome modal overlay
 * 
 * @author Maxime Thirouin @MoOx maxime.thirouin@gmail.com
 */
/**
 * <hr /> separator style
 *
 * @author Chris Coyier @chriscoyier
 * @link http://jsfiddle.net/chriscoyier/GaEzp/35/
 *
 * @author Maxime Thirouin @MoOx maxime.thirouin@gmail.com
 */
/**
 * Micro clearfix hack
 * 
 * The clearfix hack is a popular way to clear floats without resorting to using presentational markup. This article presents an update to the clearfix method that further reduces the amount of CSS required.
 * Known support: Firefox 2+, Safari 2+, Chrome, Opera 9.27+, IE 6+, IE Mac.
 *
 * @thanks Nicolas Gallagher @necolas
 * @link http://nicolasgallagher.com/micro-clearfix-hack/
 */
/**
 * Note IE7/6 doesn't understand pseudo element as ::before and ::after
 * IE8 need to have :before and not ::before
 * So use only : and not :: if you want to support IE8
 * IE9 Webkit Firefox Opera understand ::
 */
/**
 *
 * @class Gradients
 * @author David Kaneda http://www.davidkaneda.com/
 *
 */
/**
 * Adds a background gradient into a specified selector.
 * 
 *     @include background-gradient(#444, 'glossy');
 * 
 * You can also use color-stops if you want full control of the gradient:
 * 
 *     @include background-gradient(#444, color-stops(#333, #222, #111));
 * 
 * @param {color} $bg-color
 * The base color of the gradient.
 * 
 * @param {string/list} $type
 * The style of the gradient, one of five pre-defined options: matte, bevel, glossy, recessed, or linear:
 *
 *     @include background-gradient(red, 'glossy');
 *
 * It can also accept a list of color-stop values:;
 * 
 *     @include background-gradient(black, color-stops(#333, #111, #000));
 * 
 * @param {string} $direction
 * The direction of the gradient.
 */
/**
 * @class Webfont Icon
 * Great to use with the [Pictos font](http://pictos.drewwilson.com/)
 * 
 */
/**
 * @cfg {color} $webfont-icon-base-color
 * The default color of icons when using the {@link #webfont-icon} mixin.
 * 
 * Defaults to `white`.
 */
/**
 * @cfg {color} $webfont-icon-default-stroke
 * The default color to use on the border of icons, when using the {@link #webfont-icon} mixin.
 * 
 * Defaults to `null`.
 */
/**
 * @cfg {string} $webfont-icon-default-gradient
 * The default gradient to use when using the {@link #webfont-icon} mixin.
 * 
 * Defaults to `matte`.
 */
/* line 41, ../compass-recipes/stylesheets/recipes/_webfont-icon.scss */
.webfont-icon-base {
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  position: absolute;
  top: 0;
  left: 0;
  text-indent: 0;
  text-shadow: none;
  -webkit-user-select: none;
  user-select: none;
}
/**
 * Includes a character into the specified selector, styled as an icon.
 * 
 *     @include webfont-icon('a');
 * 
 * @param {color} $color
 * The color of the icon. Defaults to {@link #$webfont-icon-default-background $webfont-icon-default-background}.
 * 
 * @param {measurement} $size
 * The size of the icon
 * 
 * @param {color} $stroke
 * The color of the border. Defautls to {@link #$webfont-icon-default-border $webfont-icon-default-border}.
 * 
 * @param {boolean} $include-staes
 * True to include states for hover and active. Defaults to `true`.
 */
/* line 1, ../scss/include/_base.scss */
* {
  margin: 0;
  padding: 0;
}
/* line 6, ../scss/include/_base.scss */
body {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
}
/* line 11, ../scss/include/_base.scss */
#jqt {
  -webkit-text-size-adjust: none;
  -webkit-user-select: none;
  user-select: none;
  font-family: "Helvetica Neue", Helvetica;
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}
/* line 21, ../scss/include/_base.scss */
#jqt a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-drag: none;
}
/* line 26, ../scss/include/_base.scss */
#jqt .selectable,
#jqt input,
#jqt textarea {
  -webkit-user-select: auto;
}
/* line 30, ../scss/include/_base.scss */
#jqt.notransform {
  -webkit-transform: none !important;
}
/* line 35, ../scss/include/_base.scss */
#jqt > * {
  display: block;
  left: 0;
  top: 0;
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
  position: absolute;
  z-index: 0;
  display: -webkit-box;
  display: box;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-flex: 1;
  box-flex: 1;
}
/* line 49, ../scss/include/_base.scss */
#jqt > .current {
  z-index: 10;
}
/* line 53, ../scss/include/_base.scss */
#jqt > :not(.current) {
  display: none;
}
/* line 57, ../scss/include/_base.scss */
#jqt.touchscroll:not(.animating3d) {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
/* line 61, ../scss/include/_base.scss */
#jqt.touchscroll:not(.animating3d) > * {
  height: 100%;
}
/* line 64, ../scss/include/_base.scss */
#jqt.touchscroll:not(.animating3d) .scroll {
  position: relative;
  -webkit-box-flex: 1;
  box-flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
/* line 72, ../scss/include/_base.scss */
#jqt .scroll {
  -webkit-margin-collapse: separate;
}
/* line 76, ../scss/include/_base.scss */
#jqt .in,
#jqt .out {
  -webkit-animation-duration: 250ms;
  -webkit-animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
}
/* line 82, ../scss/include/_base.scss */
#jqt .in {
  z-index: 10;
}
/* line 85, ../scss/include/_base.scss */
#jqt .in:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
/* line 94, ../scss/include/_base.scss */
#jqt .out {
  z-index: 0 !important;
}
/* line 98, ../scss/include/_base.scss */
#jqt.supports3d {
  -webkit-perspective: 1000;
}
/* line 101, ../scss/include/_base.scss */
#jqt.supports3d > * {
  -webkit-transform: translate3d(0, 0, 0) rotate(0) scale(1);
}
/* Fade */
/* line 3, ../scss/include/_animations.scss */
#jqt .fade.in {
  -webkit-animation-name: fadeIn;
}
/* line 7, ../scss/include/_animations.scss */
#jqt .fade.out {
  z-index: 10;
  -webkit-animation-name: fadeOut;
}
@-webkit-keyframes fadeIn {
  /* line 13, ../scss/include/_animations.scss */
  0% {
    opacity: 0;
  }
  /* line 16, ../scss/include/_animations.scss */
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  /* line 22, ../scss/include/_animations.scss */
  0% {
    opacity: 1;
  }
  /* line 25, ../scss/include/_animations.scss */
  100% {
    opacity: 1;
  }
}
/* Disolve */
/* line 34, ../scss/include/_animations.scss */
#jqt .dissolve.in {
  -webkit-animation-name: dissolveIn;
}
/* line 38, ../scss/include/_animations.scss */
#jqt .dissolve.out {
  -webkit-animation-name: dissolveOut;
}
@-webkit-keyframes dissolveIn {
  /* line 43, ../scss/include/_animations.scss */
  0% {
    opacity: 0;
  }
  /* line 46, ../scss/include/_animations.scss */
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes dissolveOut {
  /* line 52, ../scss/include/_animations.scss */
  0% {
    opacity: 1;
  }
  /* line 55, ../scss/include/_animations.scss */
  100% {
    opacity: 0;
  }
}
/* #Popin' */
/* line 64, ../scss/include/_animations.scss */
#jqt .pop.in {
  -webkit-animation-name: popIn;
}
/* line 68, ../scss/include/_animations.scss */
#jqt .pop.out {
  -webkit-animation-name: popOut;
}
@-webkit-keyframes popIn {
  /* line 73, ../scss/include/_animations.scss */
  0% {
    -webkit-transform: scale(0.2);
    opacity: 0;
  }
  /* line 77, ../scss/include/_animations.scss */
  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes popOut {
  /* line 84, ../scss/include/_animations.scss */
  0% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  /* line 88, ../scss/include/_animations.scss */
  100% {
    -webkit-transform: scale(0.2);
    opacity: 0;
  }
}
/* Slide Left */
/* line 98, ../scss/include/_animations.scss */
#jqt .slideleft.in {
  -webkit-animation-name: slideLeftIn;
}
/* line 102, ../scss/include/_animations.scss */
#jqt .slideleft.out {
  -webkit-animation-name: slideLeftOut;
}
@-webkit-keyframes slideLeftIn {
  /* line 107, ../scss/include/_animations.scss */
  0% {
    -webkit-transform: translateX(100%);
  }
  /* line 110, ../scss/include/_animations.scss */
  100% {
    -webkit-transform: translateX(0);
  }
}
@-webkit-keyframes slideLeftOut {
  /* line 116, ../scss/include/_animations.scss */
  0% {
    -webkit-transform: translateX(0px);
  }
  /* line 119, ../scss/include/_animations.scss */
  100% {
    -webkit-transform: translateX(-100%);
  }
}
/* Slide Right */
/* line 128, ../scss/include/_animations.scss */
#jqt .slideright.in {
  -webkit-animation-name: slideRightIn;
}
/* line 132, ../scss/include/_animations.scss */
#jqt .slideright.out {
  -webkit-animation-name: slideRightOut;
}
@-webkit-keyframes slideRightIn {
  /* line 137, ../scss/include/_animations.scss */
  0% {
    -webkit-transform: translateX(-100%);
  }
  /* line 140, ../scss/include/_animations.scss */
  100% {
    -webkit-transform: translateX(0);
  }
}
@-webkit-keyframes slideRightOut {
  /* line 146, ../scss/include/_animations.scss */
  0% {
    -webkit-transform: translateX(0);
  }
  /* line 149, ../scss/include/_animations.scss */
  100% {
    -webkit-transform: translateX(100%);
  }
}
/* Slide Up */
/* line 158, ../scss/include/_animations.scss */
#jqt .slideup.in {
  z-index: 10;
  -webkit-animation-name: slideUpIn;
}
/* line 162, ../scss/include/_animations.scss */
#jqt .slideup.out {
  z-index: 0;
  -webkit-animation-name: slideUpOut;
}
@-webkit-keyframes slideUpIn {
  /* line 168, ../scss/include/_animations.scss */
  0% {
    -webkit-transform: translateY(100%);
  }
  /* line 171, ../scss/include/_animations.scss */
  100% {
    -webkit-transform: translateY(0);
  }
}
@-webkit-keyframes slideUpOut {
  /* line 177, ../scss/include/_animations.scss */
  0% {
    -webkit-transform: translateY(0);
  }
  /* line 180, ../scss/include/_animations.scss */
  100% {
    -webkit-transform: translateY(0);
  }
}
/* Slide Down */
/* line 189, ../scss/include/_animations.scss */
#jqt .slidedown.in {
  z-index: 0;
  -webkit-animation-name: slideDownIn;
}
/* line 193, ../scss/include/_animations.scss */
#jqt .slidedown.out {
  z-index: 10;
  -webkit-animation-name: slideDownOut;
}
@-webkit-keyframes slideDownIn {
  /* line 199, ../scss/include/_animations.scss */
  0% {
    -webkit-transform: translateY(0);
  }
  /* line 202, ../scss/include/_animations.scss */
  100% {
    -webkit-transform: translateY(0);
  }
}
@-webkit-keyframes slideDownOut {
  /* line 208, ../scss/include/_animations.scss */
  0% {
    -webkit-transform: translateY(0);
  }
  /* line 211, ../scss/include/_animations.scss */
  100% {
    -webkit-transform: translateY(100%);
  }
}
/* Flip Left */
/* line 220, ../scss/include/_animations.scss */
#jqt .flipleft {
  -webkit-backface-visibility: hidden;
}
/* line 224, ../scss/include/_animations.scss */
#jqt .flipleft.in {
  -webkit-animation-name: flipLeftIn;
}
/* line 228, ../scss/include/_animations.scss */
#jqt .flipleft.out {
  -webkit-animation-name: flipLeftOut;
}
@-webkit-keyframes flipLeftIn {
  /* line 233, ../scss/include/_animations.scss */
  0% {
    -webkit-transform: rotateY(180deg) scale(0.8);
  }
  /* line 236, ../scss/include/_animations.scss */
  100% {
    -webkit-transform: rotateY(0deg) scale(1);
  }
}
@-webkit-keyframes flipLeftOut {
  /* line 242, ../scss/include/_animations.scss */
  0% {
    -webkit-transform: rotateY(0deg) scale(1);
  }
  /* line 245, ../scss/include/_animations.scss */
  100% {
    -webkit-transform: rotateY(-180deg) scale(0.8);
  }
}
/* Flip Right */
/* line 254, ../scss/include/_animations.scss */
#jqt .flipright {
  -webkit-backface-visibility: hidden;
}
/* line 258, ../scss/include/_animations.scss */
#jqt .flipright.in {
  -webkit-animation-name: flipRightIn;
}
/* line 262, ../scss/include/_animations.scss */
#jqt .flipright.out {
  -webkit-animation-name: flipRightOut;
}
@-webkit-keyframes flipRightIn {
  /* line 267, ../scss/include/_animations.scss */
  0% {
    -webkit-transform: rotateY(-180deg) scale(0.8);
  }
  /* line 270, ../scss/include/_animations.scss */
  100% {
    -webkit-transform: rotateY(0deg) scale(1);
  }
}
@-webkit-keyframes flipRightOut {
  /* line 276, ../scss/include/_animations.scss */
  0% {
    -webkit-transform: rotateY(0deg) scale(1);
  }
  /* line 279, ../scss/include/_animations.scss */
  100% {
    -webkit-transform: rotateY(180deg) scale(0.8);
  }
}
/* Swap Right */
/* line 288, ../scss/include/_animations.scss */
#jqt .swapright {
  -webkit-animation-duration: .7s;
  -webkit-transform: perspective(800);
  -webkit-animation-timing-function: ease-out;
}
/* line 293, ../scss/include/_animations.scss */
#jqt .swapright.in {
  -webkit-animation-name: swapRightIn;
}
/* line 296, ../scss/include/_animations.scss */
#jqt .swapright.out {
  -webkit-animation-name: swapRightOut;
}
@-webkit-keyframes swapRightIn {
  /* line 301, ../scss/include/_animations.scss */
  0% {
    -webkit-transform: translate3d(0px, 0px, -800px) rotateY(70deg);
    opacity: 0;
  }
  /* line 305, ../scss/include/_animations.scss */
  35% {
    -webkit-transform: translate3d(-180px, 0px, -400px) rotateY(20deg);
    opacity: 1;
  }
  /* line 309, ../scss/include/_animations.scss */
  100% {
    -webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes swapRightOut {
  /* line 316, ../scss/include/_animations.scss */
  0% {
    -webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg);
    opacity: 1;
  }
  /* line 320, ../scss/include/_animations.scss */
  35% {
    -webkit-transform: translate3d(180px, 0px, -400px) rotateY(-20deg);
    opacity: .5;
  }
  /* line 324, ../scss/include/_animations.scss */
  100% {
    -webkit-transform: translate3d(0px, 0px, -800px) rotateY(-70deg);
    opacity: 0;
  }
}
/* Swap Left */
/* line 332, ../scss/include/_animations.scss */
#jqt .swapleft {
  -webkit-animation-duration: .7s;
  -webkit-transform: perspective(800);
  -webkit-animation-timing-function: ease-out;
}
/* line 337, ../scss/include/_animations.scss */
#jqt .swapleft.in {
  -webkit-animation-name: swapLeftIn;
}
/* line 340, ../scss/include/_animations.scss */
#jqt .swapleft.out {
  -webkit-animation-name: swapLeftOut;
}
@-webkit-keyframes swapLeftIn {
  /* line 345, ../scss/include/_animations.scss */
  0% {
    -webkit-transform: translate3d(0px, 0px, -800px) rotateY(-70deg);
    opacity: 0;
  }
  /* line 349, ../scss/include/_animations.scss */
  35% {
    -webkit-transform: translate3d(180px, 0px, -400px) rotateY(-20deg);
    opacity: 1;
  }
  /* line 353, ../scss/include/_animations.scss */
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg);
  }
}
@-webkit-keyframes swapLeftOut {
  /* line 360, ../scss/include/_animations.scss */
  0% {
    -webkit-transform: translate3d(0px, 0px, 0px) rotateY(0deg);
    opacity: 1;
  }
  /* line 364, ../scss/include/_animations.scss */
  35% {
    -webkit-transform: translate3d(-180px, 0px, -400px) rotateY(20deg);
    opacity: .5;
  }
  /* line 368, ../scss/include/_animations.scss */
  100% {
    -webkit-transform: translate3d(0px, 0px, -800px) rotateY(70deg);
    opacity: 0;
  }
}
/* Cube Left */
/* line 382, ../scss/include/_animations.scss */
#jqt .cubeleft.in,
#jqt .cubeleft.out,
#jqt .cuberight.in,
#jqt .cuberight.out {
  -webkit-animation-duration: .6s;
  -webkit-transform: perspective(800);
}
/* line 389, ../scss/include/_animations.scss */
#jqt .cubeleft.in {
  -webkit-transform-origin: 0% 50%;
  -webkit-animation-name: cubeLeftIn;
}
/* line 394, ../scss/include/_animations.scss */
#jqt .cubeleft.out {
  -webkit-transform-origin: 100% 50%;
  -webkit-animation-name: cubeLeftOut;
}
@-webkit-keyframes cubeLeftIn {
  /* line 400, ../scss/include/_animations.scss */
  0% {
    -webkit-transform: rotateY(90deg) translateZ(320px);
    opacity: .5;
  }
  /* line 404, ../scss/include/_animations.scss */
  100% {
    -webkit-transform: rotateY(0deg) translateZ(0) translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes cubeLeftOut {
  /* line 411, ../scss/include/_animations.scss */
  0% {
    -webkit-transform: rotateY(0deg) translateZ(0) translateX(0);
    opacity: 1;
  }
  /* line 415, ../scss/include/_animations.scss */
  100% {
    -webkit-transform: rotateY(-90deg) translateZ(320px);
    opacity: .5;
  }
}
/* Cube Right */
/* line 423, ../scss/include/_animations.scss */
#jqt .cuberight.in {
  -webkit-transform-origin: 100% 50%;
  -webkit-animation-name: cubeRightIn;
}
/* line 428, ../scss/include/_animations.scss */
#jqt .cuberight.out {
  -webkit-transform-origin: 0% 50%;
  -webkit-animation-name: cubeRightOut;
}
@-webkit-keyframes cubeRightIn {
  /* line 434, ../scss/include/_animations.scss */
  0% {
    -webkit-transform: rotateY(-90deg) translateZ(320px);
    opacity: .5;
  }
  /* line 438, ../scss/include/_animations.scss */
  100% {
    -webkit-transform: rotateY(0deg) translateZ(0) translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes cubeRightOut {
  /* line 445, ../scss/include/_animations.scss */
  0% {
    -webkit-transform: rotateY(0deg) translateZ(0) translateX(0);
    opacity: 1;
  }
  /* line 449, ../scss/include/_animations.scss */
  100% {
    -webkit-transform: rotateY(90deg) translateZ(320px);
    opacity: .5;
  }
}
/* line 5, ../scss/include/_skeleton.scss */
body {
  background: black;
}
/* line 9, ../scss/include/_skeleton.scss */
.base-chevron,
#jqt ul li.arrow:after,
#jqt ul li.forward:after {
  content: '›';
  width: 22px;
  height: 100%;
  vertical-align: middle;
  font-size: 30px;
  line-height: 38px;
  font-family: Futura, "Futura Condensed", Helvetica, Arial, sans-serif;
  font-weight: bold;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  position: absolute;
  right: 0;
  top: 0;
  pointer-events: none;
  z-index: 10;
}
/* line 26, ../scss/include/_skeleton.scss */
.base-flatlists,
#jqt ul.metal,
#jqt ul.edgetoedge,
#jqt ul.plastic {
  margin: 0;
  padding: 0;
  border-width: 0 0 0 1px;
  -webkit-border-radius: 0;
  border-radius: 0;
}
/* line 35, ../scss/include/_skeleton.scss */
#jqt h1,
#jqt h2 {
  font: bold 18px "Helvetica Neue", Helvetica;
  margin: 10px 20px 6px;
  color: #bbbcbe;
  text-shadow: #3c3d3e 0 -1px 0;
}
/* line 41, ../scss/include/_skeleton.scss */
#jqt .toolbar {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 6px;
  box-shadow: rgba(0, 0, 0, 0.4) 0 1px 6px;
  border-bottom: 1px solid black;
  z-index: 10;
  position: relative;
  padding: 10px;
  height: 44px;
}
/* line 52, ../scss/include/_skeleton.scss */
#jqt .toolbar > h1 {
  position: absolute;
  overflow: hidden;
  left: 50%;
  bottom: 9px;
  margin: 1px 0 0 -75px;
  width: 150px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3em;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: white;
  text-shadow: #161717 0 -1px 0;
}
/* line 71, ../scss/include/_skeleton.scss */
#jqt.black-translucent .toolbar {
  padding-top: 30px;
  height: 64px;
}
/* line 75, ../scss/include/_skeleton.scss */
#jqt.landscape .toolbar > h1 {
  margin-left: -125px;
  width: 250px;
}
/* line 80, ../scss/include/_skeleton.scss */
#jqt .button,
#jqt .back,
#jqt .cancel,
#jqt .add {
  position: absolute;
  overflow: hidden;
  width: auto;
  height: 30px;
  font-family: inherit;
  font-size: 12px;
  font-weight: bold;
  line-height: 30px;
  text-overflow: ellipsis;
  text-decoration: none;
  white-space: nowrap;
  background: none;
  bottom: 6px;
  right: 10px;
  margin: 0;
  padding: 0 10px;
  color: #e2e3e3;
  text-shadow: #000000 0 -1px 0;
  -webkit-box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0, rgba(0, 0, 0, 0.2) 0 1px 2px inset;
  box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0, rgba(0, 0, 0, 0.2) 0 1px 2px inset;
  border: 1px solid black;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-image: none;
  background-color: #0a0a0a;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2f3031), color-stop(50%, #161717), color-stop(51%, #0a0a0a), color-stop(100%, #000000));
  background-image: -webkit-linear-gradient(top, #2f3031, #161717 50%, #0a0a0a 51%, #000000);
  background-image: linear-gradient(top, #2f3031, #161717 50%, #0a0a0a 51%, #000000);
}
/* line 107, ../scss/include/_skeleton.scss */
#jqt .button.active,
#jqt .back.active,
#jqt .cancel.active,
#jqt .add.active {
  border-color: black;
  background-image: none;
  background-color: black;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #262627), color-stop(50%, #0d0d0d), color-stop(51%, #000000), color-stop(100%, #000000));
  background-image: -webkit-linear-gradient(top, #262627, #0d0d0d 50%, #000000 51%, #000000);
  background-image: linear-gradient(top, #262627, #0d0d0d 50%, #000000 51%, #000000);
  color: #d8d9d9;
  text-shadow: #000000 0 -1px 0;
}
/* line 114, ../scss/include/_skeleton.scss */
#jqt .back {
  max-width: 60px;
  margin-left: 15px;
  overflow: visible;
  padding-left: 5px;
}
/* line 121, ../scss/include/_skeleton.scss */
#jqt .back:after,
#jqt .back:before {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  top: 1px;
  left: 1px;
  -webkit-transform: rotate(45deg) translate3d(0.2px, 0, 0);
  transform: rotate(45deg) translate3d(0.2px, 0, 0);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  background-image: none;
  background-color: #0a0a0a;
  background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #2f3031), color-stop(50%, #161717), color-stop(51%, #0a0a0a), color-stop(100%, #000000));
  background-image: -webkit-linear-gradient(top left, #2f3031, #161717 50%, #0a0a0a 51%, #000000);
  background-image: linear-gradient(top left, #2f3031, #161717 50%, #0a0a0a 51%, #000000);
  background-size: 100% 98%;
  -webkit-border-radius: 0 0 0 2px;
  border-radius: 0 0 0 2px;
  -webkit-mask-image: -webkit-linear-gradient(45deg, #000000, #000000 15px, rgba(0, 0, 0, 0) 15px);
  -webkit-mask-image: -webkit-gradient(linear, left bottom, right top, from(#000000), color-stop(50%, #000000), color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  -webkit-mask-clip: border-box;
  -webkit-background-clip: content-box;
}
/* line 149, ../scss/include/_skeleton.scss */
#jqt .back:after {
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 1px 0 0 inset, rgba(0, 0, 0, 0.2) 0 -1px 0 inset;
  box-shadow: rgba(0, 0, 0, 0.2) 1px 0 0 inset, rgba(0, 0, 0, 0.2) 0 -1px 0 inset;
}
/* line 152, ../scss/include/_skeleton.scss */
#jqt .back:before {
  margin-left: -1px;
  background: black none;
}
/* line 157, ../scss/include/_skeleton.scss */
#jqt .back.active:after {
  background-image: none;
  background-color: black;
  background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #262627), color-stop(50%, #0d0d0d), color-stop(51%, #000000), color-stop(100%, #000000));
  background-image: -webkit-linear-gradient(left top, #262627, #0d0d0d 50%, #000000 51%, #000000);
  background-image: linear-gradient(left top, #262627, #0d0d0d 50%, #000000 51%, #000000);
}
/* line 160, ../scss/include/_skeleton.scss */
#jqt .back.active:before {
  background-color: black;
}
/* line 166, ../scss/include/_skeleton.scss */
#jqt .blueButton {
  background-image: #2f7ce3, glossy;
  color: white;
  text-shadow: #1a63c5 0 -1px 0;
}
/* line 170, ../scss/include/_skeleton.scss */
#jqt .whiteButton,
#jqt .grayButton,
#jqt .redButton,
#jqt .blueButton,
#jqt .greenButton {
  display: block;
  font-size: 20px;
  font-weight: bold;
  margin: 10px 20px;
  padding: 10px;
  text-align: center;
  text-decoration: inherit;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 3px, rgba(0, 0, 0, 0.4) 0 0 0 5px, rgba(255, 255, 255, 0.3) 0 1px 0 5px;
  box-shadow: rgba(0, 0, 0, 0.4) 0 1px 3px, rgba(0, 0, 0, 0.4) 0 0 0 5px, rgba(255, 255, 255, 0.3) 0 1px 0 5px;
}
/* line 185, ../scss/include/_skeleton.scss */
#jqt .whiteButton.active,
#jqt .whiteButton:active,
#jqt .grayButton.active,
#jqt .grayButton:active,
#jqt .redButton.active,
#jqt .redButton:active,
#jqt .blueButton.active,
#jqt .blueButton:active,
#jqt .greenButton.active,
#jqt .greenButton:active {
  background-image: none;
  background-color: #3c8101;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5fcd01), color-stop(50%, #479b01), color-stop(51%, #3c8101), color-stop(100%, #306801));
  background-image: -webkit-linear-gradient(top, #5fcd01, #479b01 50%, #3c8101 51%, #306801);
  background-image: linear-gradient(top, #5fcd01, #479b01 50%, #3c8101 51%, #306801);
  color: white;
  text-shadow: #244f00 0 -1px 0;
}
/* line 191, ../scss/include/_skeleton.scss */
#jqt .whiteButton {
  background-image: none;
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #fbfbfb), color-stop(51%, #eeeeee), color-stop(100%, #e1e1e1));
  background-image: -webkit-linear-gradient(top, #ffffff, #fbfbfb 50%, #eeeeee 51%, #e1e1e1);
  background-image: linear-gradient(top, #ffffff, #fbfbfb 50%, #eeeeee 51%, #e1e1e1);
  color: #151515;
  text-shadow: white 0 1px 0;
}
/* line 195, ../scss/include/_skeleton.scss */
#jqt .grayButton {
  background-image: none;
  background-color: #444444;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6a6a6a), color-stop(50%, #515151), color-stop(51%, #444444), color-stop(100%, #373737));
  background-image: -webkit-linear-gradient(top, #6a6a6a, #515151 50%, #444444 51%, #373737);
  background-image: linear-gradient(top, #6a6a6a, #515151 50%, #444444 51%, #373737);
  color: white;
  text-shadow: #2b2b2b 0 -1px 0;
}
/* line 200, ../scss/include/_skeleton.scss */
#jqt .redButton {
  background-image: none;
  background-color: #d83b38;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e57a78), color-stop(50%, #dc504d), color-stop(51%, #d83b38), color-stop(100%, #ce2c28));
  background-image: -webkit-linear-gradient(top, #e57a78, #dc504d 50%, #d83b38 51%, #ce2c28);
  background-image: linear-gradient(top, #e57a78, #dc504d 50%, #d83b38 51%, #ce2c28);
  color: white;
  text-shadow: #b92724 0 -1px 0;
}
/* line 204, ../scss/include/_skeleton.scss */
#jqt .redButton.active,
#jqt .redButton:active {
  background-image: none;
  background-color: #c12926;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #de5856), color-stop(50%, #d52e2b), color-stop(51%, #c12926), color-stop(100%, #ac2422));
  background-image: -webkit-linear-gradient(top, #de5856, #d52e2b 50%, #c12926 51%, #ac2422);
  background-image: linear-gradient(top, #de5856, #d52e2b 50%, #c12926 51%, #ac2422);
  color: white;
  text-shadow: #97201e 0 -1px 0;
}
/* line 211, ../scss/include/_skeleton.scss */
#jqt .greenButton {
  background-image: none;
  background-color: #53b401;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #76fe04), color-stop(50%, #5fcd01), color-stop(51%, #53b401), color-stop(100%, #479b01));
  background-image: -webkit-linear-gradient(top, #76fe04, #5fcd01 50%, #53b401 51%, #479b01);
  background-image: linear-gradient(top, #76fe04, #5fcd01 50%, #53b401 51%, #479b01);
  color: white;
  text-shadow: #3c8101 0 -1px 0;
}
/* line 216, ../scss/include/_skeleton.scss */
#jqt .leftButton,
#jqt .cancel,
#jqt .back {
  left: 6px;
  right: auto;
}
/* line 221, ../scss/include/_skeleton.scss */
#jqt .add {
  font-size: 24px;
  line-height: 24px;
  font-weight: bold;
}
/* line 229, ../scss/include/_skeleton.scss */
#jqt ul {
  padding: 0;
  margin: 5px 10px 10px 10px;
  -webkit-margin-collapse: separate;
}
/* line 231, ../scss/include/_skeleton.scss */
#jqt ul,
#jqt ul.individual li {
  background-color: #555658;
  color: #d5d6d7;
  text-shadow: #3c3d3e 0 -1px 0;
  border: 1px solid #2f3031;
  font: bold 18px "Helvetica Neue", Helvetica;
}
/* line 240, ../scss/include/_skeleton.scss */
#jqt ul:first-child {
  margin-top: 15px;
}
/* line 246, ../scss/include/_skeleton.scss */
#jqt ul li {
  border-top: 1px solid #48494b;
  list-style-type: none;
  overflow: hidden;
  padding: 10px;
  -webkit-transform: translate3d(0, 0, 0);
  /* expensive way to avoid flickr */

}
/* line 253, ../scss/include/_skeleton.scss */
#jqt ul li a {
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  padding: 10px;
  margin: -10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transform: translateZ(0);
  color: white;
  text-shadow: #3c3d3e 0 -1px 0;
}
/* line 265, ../scss/include/_skeleton.scss */
#jqt ul li a.active {
  background-image: none;
  background-color: #53b401;
  -webkit-box-shadow: #5cc801 0 1px 0px inset;
  box-shadow: #5cc801 0 1px 0px inset;
  color: white;
  text-shadow: #3c8101 0 -1px 0;
}
/* line 270, ../scss/include/_skeleton.scss */
#jqt ul li a.active small {
  color: #a0fe50;
  text-shadow: #000000 0 -1px 0;
}
/* line 271, ../scss/include/_skeleton.scss */
#jqt ul li a.active small.counter {
  background-color: #306801;
}
/* line 280, ../scss/include/_skeleton.scss */
#jqt ul li small {
  color: #53b401;
  font: 16px "Helvetica Neue", Helvetica;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  width: 23%;
  position: relative;
  z-index: 20;
  float: right;
  line-height: 16px;
  padding: 2px 8px 4px 8px;
}
/* line 295, ../scss/include/_skeleton.scss */
#jqt ul li small.counter {
  background: #2f3031;
  color: #949698;
  text-shadow: #0a0a0a 0 -1px 0;
  z-index: 10;
  font-size: 16px;
  font-weight: bold;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: block;
  width: auto;
}
/* line 311, ../scss/include/_skeleton.scss */
#jqt ul li ::-webkit-input-placeholder {
  color: #949698;
  text-shadow: #3c3d3e 0 -1px 0;
}
/* line 322, ../scss/include/_skeleton.scss */
#jqt ul li input[type="text"],
#jqt ul li input[type="password"],
#jqt ul li input[type="tel"],
#jqt ul li input[type="number"],
#jqt ul li input[type="search"],
#jqt ul li input[type="email"],
#jqt ul li input[type="url"],
#jqt ul li textarea,
#jqt ul li select {
  color: white;
  text-shadow: #3c3d3e 0 -1px 0;
  background: transparent url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==");
  border: 0;
  font: normal 17px "Helvetica Neue", Helvetica;
  padding: 0;
  display: inline-block;
  margin-left: 0px;
  width: 100%;
  -webkit-appearance: textarea;
}
/* line 333, ../scss/include/_skeleton.scss */
#jqt ul li textarea {
  height: 120px;
  padding: 0;
  text-indent: -2px;
}
/* line 338, ../scss/include/_skeleton.scss */
#jqt ul li input[type="checkbox"],
#jqt ul li input[type="radio"] {
  margin: 0;
  padding: 10px;
}
/* line 342, ../scss/include/_skeleton.scss */
#jqt ul li input[type="checkbox"]:after,
#jqt ul li input[type="radio"]:after {
  content: attr(title);
  position: absolute;
  display: block;
  width: 0;
  left: 21px;
  top: 12px;
  font-family: "Helvetica Neue", Helvetica;
  font-size: 17px;
  line-height: 21px;
  width: 246px;
  margin: 0 0 0 17px;
  color: white;
  text-shadow: #3c3d3e 0 -1px 0;
}
/* line 355, ../scss/include/_skeleton.scss */
#jqt ul li input[type='submit'] {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#9c9ea0));
  border: 1px outset #aaa;
  display: block;
  font-size: inherit;
  font-weight: inherit;
  padding: 10px;
}
/* line 368, ../scss/include/_skeleton.scss */
#jqt ul li.arrow small,
#jqt ul li.forward small {
  margin-right: 24px;
}
/* line 380, ../scss/include/_skeleton.scss */
#jqt ul li.forward:before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  right: 6px;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-image: none;
  background-color: #53b401;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #76fe04), color-stop(50%, #5fcd01), color-stop(51%, #53b401), color-stop(100%, #479b01));
  background-image: -webkit-linear-gradient(top, #76fe04, #5fcd01 50%, #53b401 51%, #479b01);
  background-image: linear-gradient(top, #76fe04, #5fcd01 50%, #53b401 51%, #479b01);
  border: 2px solid #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: border-box;
  padding: 0;
  z-index: 10;
  line-height: 0;
  pointer-events: none;
}
/* line 395, ../scss/include/_skeleton.scss */
#jqt ul li.forward:after {
  color: white;
  text-shadow: #3c8101 0 -1px 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  font-size: 24px;
}
/* line 404, ../scss/include/_skeleton.scss */
#jqt ul.rounded,
#jqt ul.individual li {
  -webkit-box-shadow: rgba(255, 255, 255, 0.15) 0 1px 0;
  box-shadow: rgba(255, 255, 255, 0.15) 0 1px 0;
  border: 1px solid #2f3031;
}
/* line 409, ../scss/include/_skeleton.scss */
#jqt ul.rounded {
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
/* line 412, ../scss/include/_skeleton.scss */
#jqt ul.rounded li:first-child,
#jqt ul.rounded li:first-child a {
  border-top: 0;
  -webkit-border-top-left-radius: 8px;
  border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  border-top-right-radius: 8px;
}
/* line 416, ../scss/include/_skeleton.scss */
#jqt ul.rounded li:last-child,
#jqt ul.rounded li:last-child a {
  -webkit-border-bottom-left-radius: 8px;
  border-bottom-left-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
/* line 422, ../scss/include/_skeleton.scss */
#jqt ul.form li {
  padding: 7px 10px;
}
/* line 425, ../scss/include/_skeleton.scss */
#jqt ul.form li.error {
  border: 2px solid red;
}
/* line 428, ../scss/include/_skeleton.scss */
#jqt ul.form li.error + #jqt ul.form li.error {
  border-top: 0;
}
/* line 438, ../scss/include/_skeleton.scss */
#jqt ul.metal li {
  background-image: none;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #666;
  font-size: 26px;
}
/* line 445, ../scss/include/_skeleton.scss */
#jqt ul.metal li a {
  line-height: 26px;
  margin: 0;
  padding: 13px 0;
}
/* line 451, ../scss/include/_skeleton.scss */
#jqt ul.metal li em {
  display: block;
  font-size: 14px;
  font-style: normal;
  width: 50%;
  line-height: 14px;
}
/* line 459, ../scss/include/_skeleton.scss */
#jqt ul.metal li small {
  float: right;
  position: relative;
  margin-top: 10px;
  font-weight: bold;
}
/* line 473, ../scss/include/_skeleton.scss */
#jqt ul.edgetoedge li {
  font-size: 20px;
}
/* line 476, ../scss/include/_skeleton.scss */
#jqt ul.edgetoedge li:first-child {
  border-top: 0;
}
/* line 480, ../scss/include/_skeleton.scss */
#jqt ul.edgetoedge li.sep {
  font-size: 16px;
  padding: 2px 10px;
}
/* line 485, ../scss/include/_skeleton.scss */
#jqt ul.edgetoedge li em {
  font-weight: normal;
  font-style: normal;
}
/* line 494, ../scss/include/_skeleton.scss */
#jqt ul.plastic {
  font-size: 18px;
}
/* line 498, ../scss/include/_skeleton.scss */
#jqt ul.plastic li {
  border-width: 1px 0;
  border-style: solid;
  background-image: none;
  background-color: #2a2b2c;
  border-top-color: #2f3031;
  border-bottom-color: #232324;
}
/* line 506, ../scss/include/_skeleton.scss */
#jqt ul.plastic li:nth-child(odd) {
  background-image: none;
  background-color: #2f3031;
}
/* line 510, ../scss/include/_skeleton.scss */
#jqt ul.plastic li a.active.loading {
  background-image: url(img/loading.gif);
  background-position: 95% center;
  background-repeat: no-repeat;
}
/* line 515, ../scss/include/_skeleton.scss */
#jqt ul.plastic li small {
  color: #949698;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
}
/* line 525, ../scss/include/_skeleton.scss */
#jqt ul.individual {
  border: 0;
  background: none;
  clear: both;
  overflow: hidden;
}
/* line 531, ../scss/include/_skeleton.scss */
#jqt ul.individual li {
  font-size: 14px;
  text-align: center;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 48%;
  float: left;
  display: block;
  padding: 11px 10px 14px 10px;
}
/* line 541, ../scss/include/_skeleton.scss */
#jqt ul.individual li + li {
  float: right;
}
/* line 546, ../scss/include/_skeleton.scss */
#jqt ul.individual a {
  line-height: 16px;
  margin: -11px -10px -14px -10px;
  padding: 11px 10px 14px 10px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
/* line 555, ../scss/include/_skeleton.scss */
#jqt .toggle {
  width: 94px;
  position: relative;
  height: 27px;
  display: block;
  overflow: hidden;
  float: right;
}
/* line 563, ../scss/include/_skeleton.scss */
#jqt .toggle input[type="checkbox"] {
  margin: 0;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  height: 27px;
  overflow: hidden;
  width: 149px;
  border: 0;
  -webkit-transition: left 0.15s ease-in-out;
  transition: left 0.15s ease-in-out;
  position: absolute;
  top: 0;
  left: -55px;
  -webkit-appearance: textarea;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* line 577, ../scss/include/_skeleton.scss */
#jqt .toggle input[type="checkbox"]:checked {
  left: 0px;
}
/* line 583, ../scss/include/_skeleton.scss */
#jqt .info {
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #444;
  padding: 15px;
  font-weight: bold;
}
/* line 12, ../scss/jqtouch.scss */
#jqt {
  /* Lists */

}
/* line 13, ../scss/jqtouch.scss */
#jqt > * {
  background-image: url('data:image/png;base64,[encoded data, 7172 characters]'), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7b7c7f), color-stop(30%, #696a6d), color-stop(65%, #555658), color-stop(100%, #464748));
  background-image: url('data:image/png;base64,[encoded data, 7172 characters]'), -webkit-linear-gradient(top, #7b7c7f, #696a6d 30%, #555658 65%, #464748);
  background-image: url('data:image/png;base64,[encoded data, 7172 characters]'), linear-gradient(top, #7b7c7f, #696a6d 30%, #555658 65%, #464748);
}
/* line 20, ../scss/jqtouch.scss */
#jqt .toolbar {
  background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 12.5, color-stop(12.5%, #181819), color-stop(12.5%, rgba(11, 11, 12, 0))), -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 12.5, color-stop(12.5%, #181819), color-stop(12.5%, rgba(11, 11, 12, 0))), -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 12.5, color-stop(12.5%, rgba(255, 255, 255, 0.1)), color-stop(12.5%, rgba(255, 255, 255, 0))), -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 12.5, color-stop(12.5%, rgba(255, 255, 255, 0.1)), color-stop(12.5%, rgba(255, 255, 255, 0)));
  background-image: -webkit-radial-gradient(#181819 12.5%, rgba(11, 11, 12, 0) 12.5%), -webkit-radial-gradient(#181819 12.5%, rgba(11, 11, 12, 0) 12.5%), -webkit-radial-gradient(rgba(255, 255, 255, 0.1) 12.5%, rgba(255, 255, 255, 0) 12.5%), -webkit-radial-gradient(rgba(255, 255, 255, 0.1) 12.5%, rgba(255, 255, 255, 0) 12.5%);
  background-image: radial-gradient(#181819 12.5%, rgba(11, 11, 12, 0) 12.5%), radial-gradient(#181819 12.5%, rgba(11, 11, 12, 0) 12.5%), radial-gradient(rgba(255, 255, 255, 0.1) 12.5%, rgba(255, 255, 255, 0) 12.5%), radial-gradient(rgba(255, 255, 255, 0.1) 12.5%, rgba(255, 255, 255, 0) 12.5%);
  background-repeat: repeat;
  background-position: 0 0, 8px 8px, 0 1px, 8px 9px;
  background-color: #2f3031;
  background-size: 16px 16px;
}
/* line 29, ../scss/jqtouch.scss */
#jqt ul li {
  border-top: 1px solid #48494b;
  background-image: none;
  background-color: rgba(85, 86, 88, 0.2);
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(123, 124, 127, 0.2)), color-stop(3%, rgba(98, 99, 101, 0.2)), color-stop(100%, rgba(72, 73, 75, 0.2)));
  background-image: -webkit-linear-gradient(top, rgba(123, 124, 127, 0.2), rgba(98, 99, 101, 0.2) 3%, rgba(72, 73, 75, 0.2));
  background-image: linear-gradient(top, rgba(123, 124, 127, 0.2), rgba(98, 99, 101, 0.2) 3%, rgba(72, 73, 75, 0.2));
}
/* line 33, ../scss/jqtouch.scss */
#jqt ul li a {
  color: white;
  text-shadow: #3c3d3e 0 -1px 0;
}
/* line 37, ../scss/jqtouch.scss */
#jqt ul li .toggle input[type="checkbox"] {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #ffffff url(../img/jqt/on_off.png) 0 0 no-repeat;
}
/* line 42, ../scss/jqtouch.scss */
#jqt ul li input[type='submit'] {
  background-image: none;
  background-color: white;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #ffffff), color-stop(51%, #ffffff), color-stop(100%, #f2f2f2));
  background-image: -webkit-linear-gradient(top, #ffffff, #ffffff 50%, #ffffff 51%, #f2f2f2);
  background-image: linear-gradient(top, #ffffff, #ffffff 50%, #ffffff 51%, #f2f2f2);
  border: 1px outset black;
}
/* line 47, ../scss/jqtouch.scss */
#jqt ul li small.counter {
  -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0;
  box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0;
}
/* line 54, ../scss/jqtouch.scss */
#jqt ul.metal li {
  background-image: none;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #666;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#9c9ea0));
}
/* line 60, ../scss/jqtouch.scss */
#jqt ul.metal li a {
  text-shadow: #fff 0 1px 0;
}
/* line 62, ../scss/jqtouch.scss */
#jqt ul.metal li a.active {
  color: #000;
}
/* line 65, ../scss/jqtouch.scss */
#jqt ul.metal li em {
  color: #444;
}
/* line 71, ../scss/jqtouch.scss */
#jqt ul.edgetoedge li {
  background-image: none;
  background-color: #3c3d3e;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #282829), color-stop(100%, #2f3031));
  background-image: -webkit-linear-gradient(top, #282829, #2f3031);
  background-image: linear-gradient(top, #282829, #2f3031);
  border-bottom: 1px solid #1e1e1f;
  border-top: 1px solid #343536;
}
/* line 76, ../scss/jqtouch.scss */
#jqt ul.edgetoedge li.sep {
  background-image: none;
  background-color: rgba(0, 0, 0, 0.3);
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(38, 38, 38, 0.3)), color-stop(30%, rgba(20, 20, 20, 0.3)), color-stop(65%, rgba(0, 0, 0, 0.3)), color-stop(100%, rgba(0, 0, 0, 0.3)));
  background-image: -webkit-linear-gradient(top, rgba(38, 38, 38, 0.3), rgba(20, 20, 20, 0.3) 30%, rgba(0, 0, 0, 0.3) 65%, rgba(0, 0, 0, 0.3));
  background-image: linear-gradient(top, rgba(38, 38, 38, 0.3), rgba(20, 20, 20, 0.3) 30%, rgba(0, 0, 0, 0.3) 65%, rgba(0, 0, 0, 0.3));
  color: #949698;
  text-shadow: #000000 0 -1px 0;
}
/* line 83, ../scss/jqtouch.scss */
#jqt .info {
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cccccc), to(#aaaaaa), color-stop(0.6, #cccccc));
  text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
  color: #444;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
div.spinner {
  position: relative;
  width: 100px;
  height: 100px;
  display: inline-block;
}
div.spinner div {
  width: 12%;
  height: 26%;
  background: #000;
  position: absolute;
  left: 44.5%;
  top: 37%;
  opacity: 0;
  -webkit-animation: fade 1s linear infinite;
  -webkit-border-radius: 50px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
div.spinner div.bar01 {
  -webkit-transform: rotate(0deg) translate(0, -142%);
  -webkit-animation-delay: 0s;
}
div.spinner div.bar02 {
  -webkit-transform: rotate(30deg) translate(0, -142%);
  -webkit-animation-delay: -0.9167s;
}
div.spinner div.bar03 {
  -webkit-transform: rotate(60deg) translate(0, -142%);
  -webkit-animation-delay: -0.833s;
}
div.spinner div.bar04 {
  -webkit-transform: rotate(90deg) translate(0, -142%);
  -webkit-animation-delay: -0.75s;
}
div.spinner div.bar05 {
  -webkit-transform: rotate(120deg) translate(0, -142%);
  -webkit-animation-delay: -0.667s;
}
div.spinner div.bar06 {
  -webkit-transform: rotate(150deg) translate(0, -142%);
  -webkit-animation-delay: -0.5833s;
}
div.spinner div.bar07 {
  -webkit-transform: rotate(180deg) translate(0, -142%);
  -webkit-animation-delay: -0.5s;
}
div.spinner div.bar08 {
  -webkit-transform: rotate(210deg) translate(0, -142%);
  -webkit-animation-delay: -0.41667s;
}
div.spinner div.bar09 {
  -webkit-transform: rotate(240deg) translate(0, -142%);
  -webkit-animation-delay: -0.333s;
}
div.spinner div.bar10 {
  -webkit-transform: rotate(270deg) translate(0, -142%);
  -webkit-animation-delay: -0.25s;
}
div.spinner div.bar11 {
  -webkit-transform: rotate(300deg) translate(0, -142%);
  -webkit-animation-delay: -0.1667s;
}
div.spinner div.bar12 {
  -webkit-transform: rotate(330deg) translate(0, -142%);
  -webkit-animation-delay: -0.0833s;
}
@-webkit-keyframes fade {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.25;
  }
}
/*

Color list:
- login box:
	light	#ff9955
	dark	#ff6622
- login button:
	regular	#dd5500
	hover	#773311
- login translations:
	box: #cc6622;
	not-selected:
		color:		#ddaa99
		background:	#994422
	selected: #772211;
*/
html {
  height: 100%;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
}
body {
  font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif;
  margin: 0px;
}
.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
div#loginForm div.credentialsMessage.error h1 {
  color: red;
}
div#loginForm div.validating div.loading {
  margin-top: 50px;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  width: 100px;
}
/*

Color list:
- login box:
	light	#ff9955
	dark	#ff6622
- login button:
	regular	#dd5500
	hover	#773311
- login translations:
	box: #cc6622;
	not-selected:
		color:		#ddaa99
		background:	#994422
	selected: #772211;
*/
html {
  height: 100%;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
}
body {
  font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif;
  margin: 0px;
}
.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#jqt div.cardList ul li.cardListItem a small.favicon {
  background: white;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: block;
  width: 26px;
  height: 26px;
  padding: 0px;
}
#jqt div.cardList ul li.cardListItem a small.favicon img.favicon {
  margin-right: 3px;
  margin-top: 3px;
  width: 20px;
  height: 20px;
}
#jqt div.cardDetail ul li a.password {
  color: gray;
}
/* ---------------------------------------- */
/*
body {
    margin: 0;
    font-family: Helvetica;
    background: #FFFFFF;
    color: #000000;
    overflow-x: hidden;
    -webkit-user-select: none;
    -webkit-text-size-adjust: none;
}


div.toolbar {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-bottom: 1px solid #2d3642;
	border-top: 1px solid #6d84a2;
	padding: 10px;
	height: 45px;
//	background: url(./images/old/iPhone/toolbar.png) #6d84a2 repeat-x;
	background: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAArCAIAAAA2QHWOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUCNddjDEOgEAQAgn//5qltYWFnb1GB4vdSy4WBAYStKyb9+O0FJMYyjMyMWCC35lJM71r6vF1P07/lFSfPx6ZxNLcy1HtihzpA/RWcOj0zlDhAAAAAElFTkSuQmCCCg==) #6d84a2 repeat-x;
}

div.toolbar h1#pageTitle {
	overflow: hidden;
	margin-top: 1px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 150px;
	height: 25px;
	font-size: 20px;
	width: 150px;
	font-weight: bold;
	text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #FFFFFF;
}

div.toolbar a.button {
	position: absolute;
	overflow: hidden;
	top: 8px;
	right: 6px;
	margin: 0;
	border-width: 0 5px;
	padding: 0 3px;
	width: auto;
	height: 30px;
	line-height: 30px;
	font-family: inherit;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
	text-overflow: ellipsis;
	text-decoration: none;
	white-space: nowrap;
	background: none;
//	-webkit-border-image: url(./images/old/iPhone/toolButton.png) 0 5 0 5;
}

div.toolbar a#backButton {
	left: 6px;
	right: auto;
	padding: 0px;
	max-width: 55px;
	border-width: 0 8px 0 14px;
//	-webkit-border-image: url(./images/old/iPhone/backButton.png) 0 8 0 14;
	-webkit-border-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAeCAIAAAA6iHCJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAtJJREFUeNrEV21P01AYbbtubNExBnXDbYjjZYI4BMdgEANDQoTElw/+Rw0mBs0UiSGaoJFEQEPwjRhFCW/JxrZ2Xdu1fe71bpAhCHzqupPnS5ObPOeec+5zb+lHLxao05HPiwvzr3/++J7N7FFGgaaDLe034+O+wCXyxSKET1u5+Wc98XTK39zeOzjudLmNIoAR2tlaf/Zkqm9gKNI/RBigE9dtb23MJKZj8fvuC16b3WGxsJRxOFfHeQOtH+ZnOI+XRfgEBoLAzz6fjo7ebfD4GYYhMiEdDGRAW6xOt6d7YGzl4xIL/7mgyPL044edkVt19T4EFAJEVQYud+MvOCkHc7MJ3+VrXGOzXrHeZS1s9trjOVj7tiqpONTWBRgD6BVmQFls9iMaSHnx/bu3ffEHgC2gVVqAIojKR3Iw9zLRcjVmtTnA0NydxQDg0IWvq59kYIOeZtWs9gQkagcMcgK/vLjYNXQHcEkas0AcYPdNIPr7Q/0M69B089ofavB5ZVm3OJ2cTwegzAUgxGbSe8tLS52xewjRZGabzAABZt+8mvGHBsiYNF+AAw1cXEBGNUiQqWpAlArM5MSYBXgEOl0NkLcCkxak28MRKbuDMa6KDAwAUnU8HO2Q+N0SJ3OLMCA7V1S9vt7d3tSg5LNV0ACXwOekcGfreVbVVYUqMjOvyPsH71cqkxsZ7NHFJIXBTCMONMAlEryoxAfDucyOmaOpmINyaTowrK23IyDxKbNzUIYoKU3+i37OXpCESvfGCOw11uMMcCkQke4rDlrS1coOSk2VOXftERfKtZsURmLXQUqBVqiUABgrQirc0Xp4Fv4t8kxN8dLkaJQupOVcGnTN0PuQHHlRSG1Eu9tUTLOnxZ5clclsfmK078va7/WN7axomCN2e42Xc/VEIoiiM0KePeM20DTY3M22BZtuhENW1rC/NrI3WVGTmZxSKEr7V4ABAJ+53J1I3nPjAAAAAElFTkSuQmCCCg==) 0 8 0 14;
}

// -------------------------------------------

body.iPhone form.loginForm {
	min-height: 372px;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 10px;
//	background: #c8c8c8 url(./images/old/iPhone/pinstripes.png);
	background: #c8c8c8 url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAABCAIAAACdaSOZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpiPHrmCgMC/GNjYwNSAAEGADdNA3dnzPlQAAAAAElFTkSuQmCCCg==);
}

fieldset {
    position: relative;
    margin: 0 0 20px 0;
    padding: 0;
    background: #FFFFFF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border: 1px solid #999999;
    text-align: right;
    font-size: 16px;
}

.row  {
    position: relative;
    min-height: 42px;
    border-bottom: 1px solid #999999;
    -webkit-border-radius: 0;
    text-align: right;
}

fieldset > .row:last-child {
    border-bottom: none !important;
}


.row > input:not(input[type|=radio]):not(input[type|=checkbox]),
.row > div.fieldValue {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
    border: none;
	padding: 0px 10px 0 112px;
    height: 42px;
    background: none;
    font-size: 16px;
    font-weight: normal;

	color: #666a60;
	-webkit-user-select: text;
}

.row > div.fieldValue p {
	margin: 0px;
	text-align: left;
	height: 40px;
	vertical-align: middle;
	line-height: 40px;
}

body[orientation="landscape"] .row > div.fieldValue.password {
	padding-right: 120px;
//	background: url(./images/old/iPhone/password_background.png) no-repeat 105px;
	background: url(data:image/png;charset=utf-8;base64,[encoded data, 8156 characters]) no-repeat 105px;
}

.row > div.fieldValue.password {
	color: rgba(255,255,255,0.5);
//	background: url(./images/old/iPhone/password_background.png) no-repeat 106px;
	background: url(data:image/png;charset=utf-8;base64,[encoded data, 8156 characters]) no-repeat 106px;
}

.row > div.fieldValue.password.clear {
	color: #666a60;
	background: none;
}

.row > input[type|=radio], .row > input[type|=checkbox] {
  margin: 7px 7px 0 0;
  height: 25px;
  width: 25px;
}


.row > label {
    position: absolute;
    margin: 0 0 0 14px;
    line-height: 42px;
    font-weight: bold;
	max-width: 92px;
	overflow: hidden;
	white-space: nowrap;
}

body[orientation="landscape"] .row > label {
	max-width: 150px;
}

body[orientation="landscape"] .row > input:not(input[type|=radio]):not(input[type|=checkbox]) {
	padding-left: 140px;
}

.row > img.favicon {
	position: absolute;
	width: 20px;
	height: 20px;
	top: 12px;
	left: 11px;
}

.row > span {
	padding: 8px 13px;
	text-align: left;
	display: block;
	color: #666a60;
	font-size: 10pt;
}

.row.notes {
	-webkit-user-select: text;
}

// -------------------------------------------

.whiteButton {
	margin-left: auto;
	margin-right: auto;
	width: 150px;
	display: block;
	border-width: 0 12px;
	padding: 10px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	text-decoration: inherit;
	color: inherit;
	
//	-webkit-border-image: url(./images/old/iPhone/whiteButton.png) 0 12 0 12;
	-webkit-border-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAuCAQAAAB+dNqHAAAACXBIWXMAAABIAAAASABGyWs+AAAACXZwQWcAAAAdAAAALgChnaVgAAAAAmJLR0QA/4ePzL8AAANhSURBVEjHnZZNaFxVFMd/5747mclMkpmxzYdJtFaJglgFpYSiBAVX7l0UUZGuSkEEu3PtSulCUXFdxYXL7kQQIWD9CsRIqdomGGOaSdJmZjKTeW/eu/e4mKRmrE3n5X83j/ve7/3POfe+d67QrTxP8QLDnMTenkv4kQ2+YZ6d/Y/Kvut+XuZVKtygzVbXC8v0cT+jXORLWneix/mAZZZwKIrSbSAIAcd5kDdZ6kaf4zzfEeLPnHrr+UeOWpMJ9rjYxe7a5ntff/YThhyneJ/Zf9Ep3uEXkhNjX50bHoiStoPE76HWiPQFfcGN+kufLKxheZJ3+aOD5vmIBaLXpz89HSVhzF2Uy2TtGxe/+JksJzjHjgCvMEHz6cnZt7dD5zlAgSlkZy7MrVDgbz43FJimhV46W2vFzutBI3aN8NJZlBbTFAKepZ/o/IszU1Gs95Tz2Uw1nFuiiTE8Rhs9fbIROt/LaISvTaO0mbIM0kTKeefoUSMDCI6SxRCT9d77XlFrCYgQi0PH72vH9CyNMSjO4tGM9do76hXB4y2KU+c8aaR41KJ4SIn6DgqgPq2rggWc+kMEjBUBVDUNKQBiOx+218Pl6tVr+jJhUZx4PYSr4XBSsAKaJH9tpirT7uIoTj3pAna43TJJWtSjYDpxp5bv5OpTb4mOq3IIX0W14ypeUq+rYBH5T9fqbRerWMClrbB4PBgUjZPUuXrUGBW51Yhc71y9LSJi1NgQxVWj3a7aw2gmONSGJtNAxC9v9+56vaoe6aubXEWy4meXe/+VXl42TvqzG4ZFCkRzv/+w3lu436/PX6NNnsUgCctjUUJwnWdGC/ZenpXw47loTRrldu3XwLkSrQmiHbkSP3FkwB4MXpjfWDE3JTfw29ZGAGHjgWJdcDW9XC/0PVS4W47fVj5cuLUmFWlOVlevei8ApVLp8bWclnWU4khpZvTRwaw5VggEINHlZuSv1mcr6zW2ZF22xqLqlWr19uYdGSkeWyn4IY5okX61GBHMrp1HJaYldW4G9Ylm7c/19a4jV6k0+fBmtjbkCwxoDovdQ0lIpEXTNIrbR6OVxWr1joNeJjM+Xhyu2+0+Z6Ocmt17Kj4bBvFgPJTUNlZX4/j/zohAJlMuF4vW5vP7Z3d2kqRW29qKuxr4P1RbNFwZtqq8AAAAAElFTkSuQmCCCg==) 0 12 0 12;
	text-shadow: rgba(255, 255, 255, 0.7) 0 1px 0;
}

// -------------------------------------------

body.iPhone .loginProgressPanel {
	min-height: 372px;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 10px;
//	background: #c8c8c8 url(./images/old/iPhone/pinstripes.png);
	background: #c8c8c8 url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAABCAIAAACdaSOZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpiPHrmCgMC/GNjYwNSAAEGADdNA3dnzPlQAAAAAElFTkSuQmCCCg==);
}

body.iPhone .loadingBar {
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
}

div.loadingBar {
	height: 22px;
	width: 214px;
//	background: url(./images/old/loading/loadingBar.gif) no-repeat center;
	background: url(data:image/gif;charset=utf-8;base64,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) no-repeat center;
}

div.loadingBar div.loadingBarProgress {
	height: 100%;
	width: 0%;
}

div.loadingBar div.loadingBarProgress div.loadingBarProgress_left {
	height: 100%;
	max-width: 8px;
//	background: url(./images/old/loading/loadingBarProgress.png) no-repeat 0;
	background: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAANYAAAAWCAYAAAC8C2KaAAAACXBIWXMAAAsSAAALEgHS3X78AAACIklEQVR4Ae3brU7DUBQH8HO6PQAazx4BRUKDwfChQTGFQ4wRFGEERdgQONRQoGEzGFISFI8w/DQSWHsP565r0xY2BiWY/ivW+530l52cdr0jwgEBCPy5AE9aUc7XV0kcl4jniGR20lj0QaAYAtzXWHgmNh7v3HTGXfOXgSWnKy6VqEZMCKZxcmiHgFCfAjrjva6XxfgUWNJc3tVBG9mBqEMAAmMFrrl+10r2pgJLTpYO9dZvNTkAZQhAYAoBNh3evz+KRsaBJccLevtXakYdOEMAAj8UCII6Hzx6dlY5nipBjXwTV1GAAAR+KiA1neHZWcOMJY35FS03bAMOCEAgl0CDG0/dMGP5by6xk2s1TIYABFRAjKufo8AyfoUkftyCDwQg8FsBloqdGmaswMf7qt9CYh4E0gLDWBrdCg7SXahBAAK5BEYZa9AnZmStXJSYDAEVENEtT/GtYNAjxl5AfDEgkFtAuGfXCDPW4N0jh9zci2IBCBRdwCTeY1kL2Z65RdYq+rcC159LQLjPFy9rdo0wY9nS+2uLSk5qI6FtxgEBCEwpEJg4flIvr2SrfEgOYxPulI4YBoFYwEiHL/2jqJ4KLNuowVXT4NqMBuAMAQh8I2DkSoPqLDnqU2DZTqmWF4mcXTxzJalQhkBGQJ+piEyL2/5DpifchJttjOpSLenmXMfVvboVBFmkgnOhBYbBJPqTuv41vx10C22Bi4fAfwt8AJe2flCLvH1PAAAAAElFTkSuQmCCCg==) no-repeat 0;
}

div.loadingBar div.loadingBarProgress div.loadingBarProgress_right {
	position: relative;
	height: 100%;
	margin-left: 8px;
//	background: url(./images/old/loading/loadingBarProgress.png) no-repeat right;
	background: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAANYAAAAWCAYAAAC8C2KaAAAACXBIWXMAAAsSAAALEgHS3X78AAACIklEQVR4Ae3brU7DUBQH8HO6PQAazx4BRUKDwfChQTGFQ4wRFGEERdgQONRQoGEzGFISFI8w/DQSWHsP565r0xY2BiWY/ivW+530l52cdr0jwgEBCPy5AE9aUc7XV0kcl4jniGR20lj0QaAYAtzXWHgmNh7v3HTGXfOXgSWnKy6VqEZMCKZxcmiHgFCfAjrjva6XxfgUWNJc3tVBG9mBqEMAAmMFrrl+10r2pgJLTpYO9dZvNTkAZQhAYAoBNh3evz+KRsaBJccLevtXakYdOEMAAj8UCII6Hzx6dlY5nipBjXwTV1GAAAR+KiA1neHZWcOMJY35FS03bAMOCEAgl0CDG0/dMGP5by6xk2s1TIYABFRAjKufo8AyfoUkftyCDwQg8FsBloqdGmaswMf7qt9CYh4E0gLDWBrdCg7SXahBAAK5BEYZa9AnZmStXJSYDAEVENEtT/GtYNAjxl5AfDEgkFtAuGfXCDPW4N0jh9zci2IBCBRdwCTeY1kL2Z65RdYq+rcC159LQLjPFy9rdo0wY9nS+2uLSk5qI6FtxgEBCEwpEJg4flIvr2SrfEgOYxPulI4YBoFYwEiHL/2jqJ4KLNuowVXT4NqMBuAMAQh8I2DkSoPqLDnqU2DZTqmWF4mcXTxzJalQhkBGQJ+piEyL2/5DpifchJttjOpSLenmXMfVvboVBFmkgnOhBYbBJPqTuv41vx10C22Bi4fAfwt8AJe2flCLvH1PAAAAAElFTkSuQmCCCg==) no-repeat right;
	top: -22px;
}

// -------------------------------------------

body.iPhone .loginErrorPanel {
	position: absolute;
	min-height: 372px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 10px;
//	background: #c8c8c8 url(./images/old/iPhone/pinstripes.png);
	background: #c8c8c8 url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAABCAIAAACdaSOZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpiPHrmCgMC/GNjYwNSAAEGADdNA3dnzPlQAAAAAElFTkSuQmCCCg==);
}

body.iPhone .loginErrorPanel h2 {
	text-align: center;
	color: red;
	margin-top: 40px;
}

// ------------------------------------------- 

form.cardListSearchForm {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-bottom: 1px solid #2d3642;
	border-top: 1px solid #6d84a2;
	padding: 6px;
	height: 45px;
//	background: url(./images/old/iPhone/toolbar.png) #6d84a2 repeat-x;	
	background: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAArCAIAAAA2QHWOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUCNddjDEOgEAQAgn//5qltYWFnb1GB4vdSy4WBAYStKyb9+O0FJMYyjMyMWCC35lJM71r6vF1P07/lFSfPx6ZxNLcy1HtihzpA/RWcOj0zlDhAAAAAElFTkSuQmCCCg==) #6d84a2 repeat-x;
	margin: 0px;
}

form.cardListSearchForm input {
	margin: 7px;
	-webkit-appearance: searchfield;
	width: 200px;
}

ul.cardListPanel {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
    min-height: 372px;
}

li.cardListItem {
	height: 43px;
	border-bottom: 1px solid #cccccc;
//	background: url(./images/old/iPhone/listArrow.png) no-repeat right center;
	background: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAUCAYAAAB4d5a9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKVJREFUeNpi/P//PwOtARMDHcDwsYQFRJSXl8P4dVC6CZvizs5O8i1BsqARid9Ei+BiQ2KDLKumhSU1QNyKxG+hlkXoEQ+yqAPNogpapK5KNIvaKbUIVxKeAsTvkPg5QCxETUukgfgAkqFPgdgBzVKKLIFZoIJmwR1qBRdNLEC2BJQpV9LCAmRL/gBxAtRwqlqAXqzcgRrOQE0LQIBxtNIiBQAEGAA7xCa2yF9zEgAAAABJRU5ErkJgggo=) no-repeat right center;

}

li.cardListItem a {
	position: relative;
	top: -22px;
	left: 40px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
}

body[orientation="portrait"] li.cardListItem a {
	max-width: 250px;
}

body[orientation="landscape"] li.cardListItem a {
	max-width: 400px;
}

li.cardListItem img {
	height: 20px;
	width: 20px;
	padding: 12px 10px 0px 10px;
}

li.cardListItem a {
	text-decoration: none;
	color: black;
	font-weight: bold;
	font-size: 14pt;
	vertical-align: 3px;
}


div.cardDetailPanel {
	position: absolute;
	top:  45px;
	min-height: 372px;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 10px;
//	background: #c8c8c8 url(./images/old/iPhone/pinstripes.png);
	background: #c8c8c8 url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAABCAIAAACdaSOZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpiPHrmCgMC/GNjYwNSAAEGADdNA3dnzPlQAAAAAElFTkSuQmCCCg==);
}

div.cardDetailPanel > fieldset > div.row > span.directLogin {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
    border: none;
    padding: 12px 10px 0 110px;
    height: 42px;
    background: none;
    font-size: 16px;
    font-weight: normal;

	padding-left: 40px;
	color: black;
//	background: url(./images/old/iPhone/listArrow.png) no-repeat right center;
	background: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAUCAYAAAB4d5a9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKVJREFUeNpi/P//PwOtARMDHcDwsYQFRJSXl8P4dVC6CZvizs5O8i1BsqARid9Ei+BiQ2KDLKumhSU1QNyKxG+hlkXoEQ+yqAPNogpapK5KNIvaKbUIVxKeAsTvkPg5QCxETUukgfgAkqFPgdgBzVKKLIFZoIJmwR1qBRdNLEC2BJQpV9LCAmRL/gBxAtRwqlqAXqzcgRrOQE0LQIBxtNIiBQAEGAA7xCa2yF9zEgAAAABJRU5ErkJgggo=) no-repeat right center;
}

body[orientation="landscape"] div.cardDetailPanel > fieldset > div.row > span.directLogin {
	padding-left: 50px;
}

div.cardDetailPanel h2 {
	margin: 0 0 8px 14px;
    font-size: inherit;
    font-weight: bold;
    color: #4d4d70;
    text-shadow: rgba(255, 255, 255, 0.75) 1px 1px 0;
}

body[orientation="portrait"] > * {
	width: 320px;
}

body[orientation="landscape"] > * {
	width: 480px;
}
*/