/* jQuery Countdown styles 1.5.7. */
.hasCountdown {
	/*border: 1px solid #ccc;
	background-color: #eee;*/
	margin: 1em 0 7em 0;
}
.countdown_rtl {
	direction: rtl;
}
.countdown_holding span {
	background-color: #ccc;
}
.countdown_row {
	clear: both;
	width: 100%;
	padding: 0px 2px;
	text-align: center;
}
.countdown_show1 .countdown_section {
	width: 98%;
}
.countdown_show2 .countdown_section {
	width: 48%;
}
.countdown_show3 .countdown_section {
	width: 32.5%;
}
.countdown_show4 .countdown_section {
	width: 24.5%;
}
.countdown_show5 .countdown_section {
	width: 19.5%;
}
.countdown_show6 .countdown_section {
	width: 16.25%;
}
.countdown_show7 .countdown_section {
	width: 14%;
}
.countdown_section {
	display: block;
	float: left;
	font-size: 100%;
	text-align: center;
}
.countdown_amount {
	font-size: 3.5em;
	line-height: 1.4em;
}
.countdown_descr {
	display: block;
	width: 100%;
}

/*
 * Skin for jPlayer Plugin (jQuery JavaScript Library)
 * http://www.happyworm.com/jquery/jplayer
 *
 * Skin Name: Blue Monday
 *
 * Copyright (c) 2010-2011 Happyworm Ltd
 * Dual licensed under the MIT and GPL licenses.
 *  - http://www.opensource.org/licenses/mit-license.php
 *  - http://www.gnu.org/copyleft/gpl.html
 *
 * Author: Silvia Benvenuti
 * Skin Version: 4.0 (jPlayer 2.1.0)
 * Date: 1st September 2011
 */

.jp-type-single {
	padding: 5px 10px 0 10px;
}
.jp-audio .title {
	font-size: 11px;
	z-index: 100;
}
.play-prev, .play-next {
	cursor: pointer;
}

div.jp-audio,
div.jp-video {

	/* Edit the font-size to counteract inherited font sizing.
	 * Eg. 1.25em = 1 / 0.8em
	 */

	font-size:1.25em; /* 1.25em for testing in site pages */ /* No parent CSS that can effect the size in the demos ZIP */

	font-family:Verdana, Arial, sans-serif;
	line-height:1.6;
	color: #565656;
	border:1px solid #009be3;
	background-color:#eee;
	position:relative;
}
div.jp-audio {
	width: 340px;
}
div.jp-video-270p {
	width:480px;
}
div.jp-video-360p {
	width:640px;
}
div.jp-video-full {
	/* Rules for IE6 (full-screen) */
	width:480px;
	height:270px;
	/* Rules for IE7 (full-screen) - Otherwise the relative container causes other page items that are not position:static (default) to appear over the video/gui. */
	position:static !important; position:relative
}

div.jp-video-full div.jp-jplayer {
	top: 0;
	left: 0;
	position: fixed !important; position: relative; /* Rules for IE6 (full-screen) */
	overflow: hidden;
	z-index:1000;
}

div.jp-video-full div.jp-gui {
	position: fixed !important; position: static; /* Rules for IE6 (full-screen) */
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	z-index:1000;
}

div.jp-video-full div.jp-interface {
	position: absolute !important; position: relative; /* Rules for IE6 (full-screen) */
	bottom: 0;
	left: 0;
	z-index:1000;
}

div.jp-interface {
	position: relative;
	margin-top: -5px;
	margin-left: -10px;
	width:100%;
}

div.jp-interface a {
	color: #0c767d;
}

div.jp-audio div.jp-type-single div.jp-interface {
	height:80px;
}
div.jp-audio div.jp-type-playlist div.jp-interface {
	height:80px;
}

div.jp-video div.jp-interface {
	border-top:1px solid #009be3;
}

/* @group CONTROLS */

div.jp-controls-holder {
	clear: both;
	width:440px;
	margin:0 auto;
	position: relative;
	overflow:hidden;
	top:-8px; /* This negative value depends on the size of the text in jp-currentTime and jp-duration */
}

div.jp-interface ul.jp-controls {
	list-style-type:none;
	margin:0;
	padding: 0;
	overflow:hidden;
}

div.jp-audio ul.jp-controls {
	width: 320px;
	padding:20px 20px 0 20px;
}

div.jp-video div.jp-type-single ul.jp-controls {
	width: 78px;
	margin-left: 200px;
}

div.jp-video div.jp-type-playlist ul.jp-controls {
	width: 134px;
	margin-left: 172px;
}
div.jp-video ul.jp-controls,
div.jp-interface ul.jp-controls li {
	display:inline;
	float: left;
}

div.jp-interface ul.jp-controls a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}
a.jp-play,
a.jp-pause {
	width:40px;
	height:40px;
}

a.jp-play {
	background: url("/static/jplayer/jplayer.blue.monday.0e0fdecc749a.jpg") 0 0 no-repeat;
}
a.jp-play:hover {
	background: url("/static/jplayer/jplayer.blue.monday.0e0fdecc749a.jpg") -41px 0 no-repeat;
}
a.jp-pause {
	background: url("/static/jplayer/jplayer.blue.monday.0e0fdecc749a.jpg") 0 -42px no-repeat;
	display: none;
}
a.jp-pause:hover {
	background: url("/static/jplayer/jplayer.blue.monday.0e0fdecc749a.jpg") -41px -42px no-repeat;
}

a.jp-stop, a.jp-previous, a.jp-next {
	width:28px;
	height:28px;
	margin-top:6px;
}

a.jp-stop {
	background: url("/static/jplayer/jplayer.blue.monday.0e0fdecc749a.jpg") 0 -83px no-repeat;
	margin-left:10px;
}

a.jp-stop:hover {
	background: url("/static/jplayer/jplayer.blue.monday.0e0fdecc749a.jpg") -29px -83px no-repeat;
}

a.jp-previous {
	background: url("/static/jplayer/jplayer.blue.monday.0e0fdecc749a.jpg") 0 -112px no-repeat;
}
a.jp-previous:hover {
	background: url("/static/jplayer/jplayer.blue.monday.0e0fdecc749a.jpg") -29px -112px no-repeat;
}

a.jp-next {
	background: url("/static/jplayer/jplayer.blue.monday.0e0fdecc749a.jpg") 0 -141px no-repeat;
}
a.jp-next:hover {
	background: url("/static/jplayer/jplayer.blue.monday.0e0fdecc749a.jpg") -29px -141px no-repeat;
}

/* @end */

/* @group progress bar */

div.jp-progress {
	overflow:hidden;
	background-color: #ddd;
}
div.jp-audio div.jp-progress {
	position: absolute;
	top:32px;
	height:15px;
}
div.jp-audio div.jp-type-single div.jp-progress {
	left:70px;
	width:150px;
}
div.jp-audio div.jp-type-playlist div.jp-progress {
	left:166px;
	width:130px;
}
div.jp-video div.jp-progress {
	top:0px;
	left:0px;
	width:100%;
	height:10px;
}
div.jp-seek-bar {
	background: url("/static/jplayer/jplayer.blue.monday.0e0fdecc749a.jpg") 0 -202px repeat-x;
	width:0px;
	height:100%;
	cursor: pointer;
}
div.jp-play-bar {
	background: url("/static/jplayer/jplayer.blue.monday.0e0fdecc749a.jpg") 0 -218px repeat-x ;
	width:0px;
	height:100%;
}

/* The seeking class is added/removed inside jPlayer */
div.jp-seeking-bg {
	background: url("/static/jplayer/jplayer.blue.monday.seeking.6459e146ed61.gif");
}

/* @end */

/* @group volume controls */


a.jp-mute,
a.jp-unmute,
a.jp-volume-max {
	width:18px;
	height:15px;
	margin-top:12px;
}

div.jp-audio div.jp-type-single a.jp-mute,
div.jp-audio div.jp-type-single a.jp-unmute {
	margin-left: 180px;
}

div.jp-audio div.jp-type-playlist a.jp-mute,
div.jp-audio div.jp-type-playlist a.jp-unmute {
	margin-left: 154px;
}

div.jp-audio a.jp-volume-max {
	margin-left: 56px;
}

div.jp-video a.jp-mute,
div.jp-video a.jp-unmute,
div.jp-video a.jp-volume-max {
	position: absolute;
	top:12px;
	margin-top:0;
}

div.jp-video a.jp-mute,
div.jp-video a.jp-unmute {
	left: 50px;
}


div.jp-video a.jp-volume-max {
	left: 134px;
}

a.jp-mute {
	background: url("/static/jplayer/jplayer.blue.monday.0e0fdecc749a.jpg") 0 -170px no-repeat;
}
a.jp-mute:hover {
	background: url("/static/jplayer/jplayer.blue.monday.0e0fdecc749a.jpg") -19px -170px no-repeat;
}
a.jp-unmute {
	background: url("/static/jplayer/jplayer.blue.monday.0e0fdecc749a.jpg") -60px -170px no-repeat;
	display: none;
}
a.jp-unmute:hover {
	background: url("/static/jplayer/jplayer.blue.monday.0e0fdecc749a.jpg") -79px -170px no-repeat;
}

a.jp-volume-max {
	background: url("/static/jplayer/jplayer.blue.monday.0e0fdecc749a.jpg") 0 -186px no-repeat;
}
a.jp-volume-max:hover {
	background: url("/static/jplayer/jplayer.blue.monday.0e0fdecc749a.jpg") -19px -186px no-repeat;
}

div.jp-volume-bar {
	position: absolute;
	overflow:hidden;
	background: url("/static/jplayer/jplayer.blue.monday.0e0fdecc749a.jpg") 0 -250px repeat-x;
	width:46px;
	height:5px;
	cursor: pointer;
}
div.jp-audio div.jp-volume-bar {
	top:37px;
	left:260px;
}
div.jp-video div.jp-volume-bar {
	top:17px;
	left:72px;
}
div.jp-volume-bar-value {
	background: url("/static/jplayer/jplayer.blue.monday.0e0fdecc749a.jpg") 0 -256px repeat-x;
	width:0px;
	height:5px;
}

/* @end */

/* @group current time and duration */

div.jp-audio div.jp-time-holder {
	position:absolute;
	top:50px;
}
div.jp-audio div.jp-type-single div.jp-time-holder {
	left:70px;
	width:150px;
}
div.jp-audio div.jp-type-playlist div.jp-time-holder {
	left:166px;
	width:130px;
}

div.jp-current-time,
div.jp-duration {
	width:60px;
	font-size:.64em;
	font-style:oblique;
}
div.jp-current-time {
	float: left;
	display:inline;
}
div.jp-duration {
	float: right;
	display:inline;
	text-align: right;
}

div.jp-video div.jp-current-time {
	margin-left:20px;
}
div.jp-video div.jp-duration {
	margin-right:20px;
}

/* @end */

/* @group playlist */

div.jp-title {
	font-weight:bold;
	text-align:center;
}

div.jp-title,
div.jp-playlist {
	width:100%;
	background-color:#ccc;
	border-top:1px solid #009be3;
}
div.jp-type-single div.jp-title,
div.jp-type-playlist div.jp-title,
div.jp-type-single div.jp-playlist {
	border-top:none;
}
div.jp-title ul,
div.jp-playlist ul {
	list-style-type:none;
	margin:0;
	padding:0 20px;
	font-size:.8em;
}

div.jp-title li {
	padding:5px 0;
	font-weight:bold;
}
div.jp-playlist li {
    display: none;
	padding:5px 0 4px 20px;
	border-bottom:1px solid #eee;
}

div.jp-playlist li div {
	display:inline;
}

/* Note that the first-child (IE6) and last-child (IE6/7/8) selectors do not work on IE */

div.jp-type-playlist div.jp-playlist li:last-child {
	padding:5px 0 5px 20px;
	border-bottom:none;
}
div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
	list-style-type:square;
	list-style-position:inside;
	padding-left:7px;
}
div.jp-type-playlist div.jp-playlist a {
	color: #333;
	text-decoration: none;
}
div.jp-type-playlist div.jp-playlist a:hover {
	color:#0D7E85;
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-current {
	color:#0D7E85;
}

div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove {
	float:right;
	display:inline;
	text-align:right;
	margin-right:10px;
	font-weight:bold;
	color:#666;
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover {
	color:#0D7E85;
}
div.jp-type-playlist div.jp-playlist span.jp-free-media {
	float:right;
	display:inline;
	text-align:right;
	margin-right:10px;
}
div.jp-type-playlist div.jp-playlist span.jp-free-media a{
	color:#565656;
}
div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover{
	color:#0D7E85;
}
span.jp-artist {
	font-size:.8em;
	color:#565656;
}

/* @end */

div.jp-video-play {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	cursor:pointer;
	background-color:rgba(0,0,0,0); /* Makes IE9 work with the active area over the whole video area. IE6/7/8 only have the button as active area. */
}
div.jp-video-270p div.jp-video-play {
	height:270px;
}
div.jp-video-360p div.jp-video-play {
	height:360px;
}
div.jp-video-full div.jp-video-play {
	height:100%;
	z-index:1000;
}
a.jp-video-play-icon {
	position:relative;
	display:block;
	width: 112px;
	height: 100px;

	margin-left:-56px;
	margin-top:-50px;
	left:50%;
	top:50%;

	background: url("/static/jplayer/jplayer.blue.monday.video.play.d736613748cb.png") 0 0 no-repeat;
	text-indent:-9999px;
}
div.jp-video-play:hover a.jp-video-play-icon {
	background: url("/static/jplayer/jplayer.blue.monday.video.play.d736613748cb.png") 0 -100px no-repeat;
}





div.jp-jplayer audio,
div.jp-jplayer {
	width:0px;
	height:0px;
}

div.jp-jplayer {
	background-color: #000000;
}





/* @group TOGGLES */

/* The audio toggles are nested inside jp-time-holder */

ul.jp-toggles {
	list-style-type:none;
	padding:0;
	margin:0 auto;
	overflow:hidden;
}

div.jp-audio .jp-type-single ul.jp-toggles {
	width:25px;
}
div.jp-audio .jp-type-playlist ul.jp-toggles {
	width:55px;
	margin: 0;
	position: absolute;
	left: 325px;
	top: 50px;
}

div.jp-video ul.jp-toggles {
	margin-top:10px;
	width:100px;
}

ul.jp-toggles li {
	display:block;
	float:right;
}

ul.jp-toggles li a {
	display:block;
	width:25px;
	height:18px;
	text-indent:-9999px;
	line-height:100%; /* need this for IE6 */
}

a.jp-full-screen {
	background: url("/static/jplayer/jplayer.blue.monday.0e0fdecc749a.jpg") 0 -310px no-repeat;
	margin-left: 20px;
}

a.jp-full-screen:hover {
	background: url("/static/jplayer/jplayer.blue.monday.0e0fdecc749a.jpg") -30px -310px no-repeat;
}

a.jp-restore-screen {
	background: url("/static/jplayer/jplayer.blue.monday.0e0fdecc749a.jpg") -60px -310px no-repeat;
	margin-left: 20px;
}

a.jp-restore-screen:hover {
	background: url("/static/jplayer/jplayer.blue.monday.0e0fdecc749a.jpg") -90px -310px no-repeat;
}

a.jp-repeat {
	background: url("/static/jplayer/jplayer.blue.monday.0e0fdecc749a.jpg") 0 -290px no-repeat;
}

a.jp-repeat:hover {
	background: url("/static/jplayer/jplayer.blue.monday.0e0fdecc749a.jpg") -30px -290px no-repeat;
}

a.jp-repeat-off {
	background: url("/static/jplayer/jplayer.blue.monday.0e0fdecc749a.jpg") -60px -290px no-repeat;
}

a.jp-repeat-off:hover {
	background: url("/static/jplayer/jplayer.blue.monday.0e0fdecc749a.jpg") -90px -290px no-repeat;
}

a.jp-shuffle {
	background: url("/static/jplayer/jplayer.blue.monday.0e0fdecc749a.jpg") 0 -270px no-repeat;
	margin-left: 5px;
}

a.jp-shuffle:hover {
	background: url("/static/jplayer/jplayer.blue.monday.0e0fdecc749a.jpg") -30px -270px no-repeat;
}

a.jp-shuffle-off {
	background: url("/static/jplayer/jplayer.blue.monday.0e0fdecc749a.jpg") -60px -270px no-repeat;
	margin-left: 5px;
}

a.jp-shuffle-off:hover {
	background: url("/static/jplayer/jplayer.blue.monday.0e0fdecc749a.jpg") -90px -270px no-repeat;
}


/* @end */

/* @group NO SOLUTION error feedback */

.jp-no-solution {
	position:absolute;
	width:390px;
	margin-left:-202px;
	left:50%;
	top: 10px;

	padding:5px;
	font-size:.8em;
	background-color:#eee;
	border:2px solid #009be3;
	color:#000;
	display:none;
}

.jp-no-solution a {
	color:#000;
}

.jp-no-solution span {
	font-size:1em;
	display:block;
	text-align:center;
	font-weight:bold;
}

/* @end */

.sponsors-page {
    background: white;
    margin-top: 1em;
}

.sponsors-column {
    float: left;
    width: 135px;
}

.sponsor-logos {
    height: 130px;
}

.sponsors-page img {
    float: left;
}

.sponsors-page a {
    display: block;
    width: 120px;
    height: 120px;
    background-repeat: no-repeat;
}

#annoy-on {
    font-size: 13px;
    line-height: 1.15em;

    background: orange;
    z-index: 200;
    font-family: Arial, sans-serif;
    display: block;
    padding: 2.6px 13px;
    /*width: 1em;*/
    text-align:center;
    border-radius: 0 0 0 1em;
    position: absolute;
    top: 0;
    right: 0;
    color: black;
}

#annoy {
    font-size: 13px;
    line-height: 1.15em;
    /*padding: 1em 5em 1em 0;*/
    display: none;
    /*background: orange;*/
    font-family: Arial, sans-serif;
    position: relative;
    z-index: 200;
}
#annoy p {
    margin: 0 0 0 10em;;
}
#annoy a {
    color: #4E56C8;
}

#annoy .banner {
    display: block;
    margin: auto;
    width: 975px;
    background: none;
}

#annoy .banner img {
    display: block;
}

#annoy a#annoy-off {
    padding: .5em 1em .5em;
    width: 1em;
    text-align:center;
    font-family: Arial, sans-serif;
    display: block;

    border-radius: 0 0 0 1em;
    position: absolute;
    top: 0;
    right: 0;
    color: black;
}
#annoy a#annoy-off:hover {
    cursor: pointer;
}

/* ------------------------------------------------------------------------------

   Copyright (c) 2010, Dragan Babic
   
   Permission is hereby granted, free of charge, to any person
   obtaining a copy of this software and associated documentation
   files (the "Software"), to deal in the Software without
   restriction, including without limitation the rights to use,
   copy, modify, merge, publish, distribute, sublicense, and/or sell
   copies of the Software, and to permit persons to whom the
   Software is furnished to do so, subject to the following
   conditions:
   
   The above copyright notice and this permission notice shall be
   included in all copies or substantial portions of the Software.
   
   THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
   EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
   OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
   NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
   HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
   WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
   FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
   OTHER DEALINGS IN THE SOFTWARE.

   ------------------------------------------------------------------------------ */
/* #############################   GENERALS   ################################### */
/* ------------------------------------------------------------------------------ */

.uniForm{ margin: 0; padding: 0; position: relative; z-index: 1; } /* reset stuff */
  
  /* Some generals and more resets */
  .uniForm fieldset{ border: none; margin: 0; padding: 0; }
    .uniForm fieldset legend{ margin: 0; padding: 0; }
    
    /* This are the main units that contain form elements */
    .uniForm .ctrlHolder,
    .uniForm .buttonHolder{ margin: 0; padding: 0; clear: both; }
    
    /* Clear all floats */ 
    .uniForm:after,
      .uniForm .buttonHolder:after, 
      .uniForm .ctrlHolder:after, 
        .uniForm .ctrlHolder .multiField:after,
          .uniForm .inlineLabel:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }
      
      .uniForm label,
      .uniForm button{ cursor: pointer; }

/* ------------------------------------------------------------------------------ */
/* ##########################   DEFAULT LAYOUT   ################################ */
/* ------------------------------------------------------------------------------ */
/*       Styles for form controls where labels are above the input elements       */
/* ------------------------------------------------------------------------------ */

      .uniForm label,
      .uniForm .label{ display: block; float: none; margin: 0 0 .5em 0; padding: 0; line-height: 100%; width: auto; }
      
      /* Float the input elements */
      .uniForm .textInput,
      .uniForm .fileUpload,
      .uniForm .selectInput,
      .uniForm select,
      .uniForm textarea{ float: left; width: 53%; margin: 0; }
      
      /* Read-Only output */
      .uniForm .readOnlyLabel{ margin: 0; font-size: 1em; font-weight: bold; }
      .uniForm .readOnly{ font-size: .85em; }
        .uniForm .readOnly .choiceLabel{ color: #777; text-transform: uppercase; font-size: .75em; letter-spacing: .15em; }
      
      /* Postition the hints */
      .uniForm .formHint{ float: right; width: 43%; margin: 0; clear: none; }
      
      /* Position the elements inside combo boxes (multiple inputs/selects/checkboxes/radio buttons per unit) */
      .uniForm ul{ float: left; width: 53%; margin: 0; padding: 0; }
        .uniForm ul li{ margin: 0 0 .5em 0; list-style: none; }
          .uniForm ul li label{ margin: 0; float: none; display: block; overflow: visible; }
        /* Alternate layout */
        .uniForm ul.alternate li{ float: left; width: 30%; margin-right: 3%; }
          .uniForm ul.alternate li label{ float: none; display: block; width: 98%; }
            .uniForm ul .textInput,
            .uniForm ul .selectInput,
            .uniForm ul select,
            .uniForm ul.alternate .textInput,
            .uniForm ul.alternate .selectInput,
            .uniForm ul.alternate select{ width: 98%; margin-top: .5em; display: block; float: none; }
            
        /* Required fields asterisk styling */
        .uniForm label em,
        .uniForm .label em{ float: left; width: 1em; margin: 0 0 0 -1em; }

/* ------------------------------------------------------------------------------ */
/* #########################   ALTERNATE LAYOUT   ############################### */
/* ------------------------------------------------------------------------------ */
/*    Styles for form controls where labels are in line with the input elements   */
/*    Set the class of the parent (preferably to a fieldset) to .inlineLabels     */
/* ------------------------------------------------------------------------------ */

      .uniForm .inlineLabels label,
      .uniForm .inlineLabels .label,
      .uniForm .inlineLabels .readOnlyLabel{ float: left; margin: .3em 2% 0 0; padding: 0; line-height: 1; position: relative; width: 32%; }
      
      .uniForm .inlineLabels .readOnlyLabel{ margin: 0; }
      
      /* Float the input elements */
      .uniForm .inlineLabels .textInput,
      .uniForm .inlineLabels .fileUpload,
      .uniForm .inlineLabels .selectInput,
      .uniForm .inlineLabels select,
      .uniForm .inlineLabels textarea{ float: left; width: 64%; }
            
    /* Postition the hints */
    .uniForm .inlineLabels .formHint{ clear: both; float: none; width: auto; margin-left: 34%; position: static; }
    
    /* Position the elements inside combo boxes (multiple inputs/selects/checkboxes/radio buttons per unit) */
    .uniForm .inlineLabels ul{ float: left; width: 66%; }
      .uniForm .inlineLabels ul li{ margin: .5em 0; }
        .uniForm .inlineLabels ul li label{ float: none; display: block; width: 100%; }
      /* Alternate layout */
      .uniForm .inlineLabels ul.alternate li{ margin-right: 3%; margin-top: .25em; }
          .uniForm .inlineLabels ul li label .textInput,
          .uniForm .inlineLabels ul li label textarea,
          .uniForm .inlineLabels ul li label select{ float: none; display: block; width: 98%;  }
    
    .uniForm .inlineLabels .readOnly{ float: right; width: 66%; }
    
    /* Required fields asterisk styling */
    .uniForm .inlineLabels label em,
    .uniForm .inlineLabels .label em{ display: block; float: none; margin: 0; position: absolute; right: 0; }

/* ----------------------------------------------------------------------------- */
/* ########################### Additional Stuff ################################ */
/* ----------------------------------------------------------------------------- */

  /* Generals */
    .uniForm legend{ color: inherit; }
    
      .uniForm .secondaryAction{ float: left; }
      
      /* .inlineLabel is used for inputs within labels - checkboxes and radio buttons */
      .uniForm .inlineLabel input,
      .uniForm .inlineLabels .inlineLabel input,
      .uniForm .blockLabels .inlineLabel input,
      /* class .inlineLabel is depreciated */
      .uniForm label input{ float: none; display: inline; margin: 0; padding: 0; border: none; }
            
      .uniForm .buttonHolder .inlineLabel,
      .uniForm .buttonHolder label{ float: left; margin: .5em 0 0 0; width: auto; max-width: 60%; text-align: left; }
      
      /* When you don't want to use a label */
      .uniForm .inlineLabels .noLabel ul{ margin-left: 34%; /* Match to width of label + gap to field */ }
      
      /* Classes for control of the widths of the fields */
      .uniForm .small { width: 30% !important; }
      .uniForm .medium{ width: 45% !important; }
      .uniForm .large {  } /* Large is default and should match the value you set for .textInput, textarea or select */
      .uniForm .auto  { width: auto !important; height: auto !important; }
      .uniForm .small,
      .uniForm .medium,
      .uniForm .auto{ margin-right: 4px; }

/* Columns */
.uniForm .col{ float: left; }
.uniForm .col{ width: 50%; }
/* ------------------------------------------------------------------------------
   
   UNI-FORM DEFAULT by DRAGAN BABIC                         (v2) | Wed, 31 Mar 10
   
   ------------------------------------------------------------------------------
   
   Copyright (c) 2010, Dragan Babic
   
   Permission is hereby granted, free of charge, to any person
   obtaining a copy of this software and associated documentation
   files (the "Software"), to deal in the Software without
   restriction, including without limitation the rights to use,
   copy, modify, merge, publish, distribute, sublicense, and/or sell
   copies of the Software, and to permit persons to whom the
   Software is furnished to do so, subject to the following
   conditions:
   
   The above copyright notice and this permission notice shall be
   included in all copies or substantial portions of the Software.
   
   THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
   EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
   OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
   NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
   HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
   WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
   FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
   OTHER DEALINGS IN THE SOFTWARE.
   
   ------------------------------------------------------------------------------ */

.uniForm{}
    
    .uniForm legend{ font-weight: bold; font-size: 100%; margin: 0; padding: 1.5em 0; }
  
    .uniForm .ctrlHolder{ padding: 1em; border-bottom: 1px solid #efefef; }
    .uniForm .ctrlHolder.focused{ background: #fffcdf; }
    
    .uniForm .inlineLabels .noLabel{}
    
    .uniForm .buttonHolder{ background: #efefef; text-align: right; margin: 1.5em 0 0 0; padding: 1.5em;
                            /* CSS3 */
                            border-radius:         4px;
                            -webkit-border-radius: 4px;
                            -moz-border-radius:    4px;
                            -o-border-radius:      4px;
                            -khtml-border-radius:  4px;
                          }
      .uniForm .buttonHolder .primaryAction{ padding: 10px 22px; line-height: 1; background: #254a86; border: 1px solid #163362; font-size: 12px; font-weight: bold; color: #fff;
                                             /* CSS3 */
                                             border-radius:         4px;
                                             -webkit-border-radius: 4px;
                                             -moz-border-radius:    4px;
                                             -o-border-radius:      4px;
                                             -khtml-border-radius:  4px;
                                             box-shadow: 1px 1px 0 #fff;
                                             -webkit-box-shadow: 1px 1px 0 #fff;
                                             -moz-box-shadow: 1px 1px 0 #fff;
                                             text-shadow: -1px -1px 0 rgba(0,0,0,.25);
                                           }
      .uniForm .buttonHolder .primaryAction:active{ position: relative; top: 1px; }
      .uniForm .secondaryAction            { text-align: left; }
      .uniForm button.secondaryAction      { background: transparent; border: none; color: #777; margin: 1.25em 0 0 0; padding: 0; }
      
        .uniForm .inlineLabels label em,
        .uniForm .inlineLabels .label em{ font-style: normal; font-weight: bold; }
        .uniForm label small{ font-size: .75em; color: #777; }
        
      .uniForm .textInput,
      .uniForm textarea    { padding: 4px 2px; border: 1px solid #aaa; background: #fff; }
      .uniForm textarea    { height: 12em; }
      .uniForm select      {}
      .uniForm .fileUpload {}
      
      .uniForm ul{}
        .uniForm li{}
          .uniForm ul li label{ font-size: .85em; }
            
            .uniForm .small {}
            .uniForm .medium{}
            .uniForm .large {} /* Large is default and should match the value you set for .textInput, textarea or select */
            .uniForm .auto  {}
            .uniForm .small,
            .uniForm .medium,
            .uniForm .auto{}
      
      /* Get rid of the 'glow' effect in WebKit, optional */
      .uniForm .ctrlHolder .textInput:focus,
      .uniForm .ctrlHolder textarea:focus{ outline: none; }
      
      .uniForm .formHint                    { font-size: .85em; color: #777; }
      .uniForm .inlineLabels .formHint      { padding-top: .5em; }
      .uniForm .ctrlHolder.focused .formHint{ color: #333; }
      
/* ----------------------------------------------------------------------------- */
/* ############################### Messages #################################### */
/* ----------------------------------------------------------------------------- */

  /* Error message at the top of the form */
  .uniForm #errorMsg{ background: #ffdfdf; border: 1px solid #f3afb5; margin: 0 0 1.5em 0; padding: 0 1.5em;
                      /* CSS3 */
                      border-radius:         4px;
                      -webkit-border-radius: 4px;
                      -moz-border-radius:    4px;
                      -o-border-radius:      4px;
                      -khtml-border-radius:  4px;
                    }
    .uniForm #errorMsg h3{} /* Feel free to use a heading level suitable to your page structure */
    .uniForm #errorMsg ol{ margin: 0 0 1.5em 0; padding: 0; }
      .uniForm #errorMsg ol li{ margin: 0 0 3px 1.5em; padding: 7px; background: #f6bec1; position: relative; font-size: .85em;
                                /* CSS3 */
                                border-radius:         4px;
                                -webkit-border-radius: 4px;
                                -moz-border-radius:    4px;
                                -o-border-radius:      4px;
                                -khtml-border-radius:  4px;
                              }
  
  .uniForm .ctrlHolder.error,
  .uniForm .ctrlHolder.focused.error{ background: #ffdfdf; border: 1px solid #f3afb5;
                                      /* CSS3 */
                                      border-radius:         4px;
                                      -webkit-border-radius: 4px;
                                      -moz-border-radius:    4px;
                                      -o-border-radius:      4px;
                                      -khtml-border-radius:  4px;
                                    }
    .uniForm .ctrlHolder.error input.error,
    .uniForm .ctrlHolder.error select.error,
    .uniForm .ctrlHolder.error textarea.error{ color: #af4c4c; margin: 0 0 6px 0; padding: 4px; }
  
  /* Success messages at the top of the form */
  .uniForm #okMsg{ background: #c8ffbf; border: 1px solid #a2ef95; margin: 0 0 1.5em 0; padding: 1.5em; text-align: center;
                   /* CSS3 */
                   border-radius:         4px;
                   -webkit-border-radius: 4px;
                   -moz-border-radius:    4px;
                   -o-border-radius:      4px;
                   -khtml-border-radius:  4px;
                 }
    .uniForm #okMsg p{ margin: 0; }

/* ----------------------------------------------------------------------------- */
/* ############################### Columns ##################################### */
/* ----------------------------------------------------------------------------- */

    .uniForm .col{}
    .uniForm .col.first{}
    .uniForm .col.last{}
    .uniForm .col{ margin-bottom: 1.5em; }
    /* Use .first and .last classes to control the layout/spacing of your columns */
    .uniForm .col.first{ width: 49%; float: left; clear: none;                   }
    .uniForm .col.last { width: 49%; float: right; clear: none; margin-right: 0; }
/*
 * jQuery UI CSS Framework 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* 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:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.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%; }


/*
 * jQuery UI CSS Framework 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url("../ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.384c3f17709b.png") 50% top repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url("../ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.8aba3e2c8aad.png") 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url("../ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.5f1847175ba1.png") 50% 50% repeat-x; font-weight: bold; color: #1c94c4; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; 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 #fbcb09; background: #fdf5ce url("../ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.d26e8f463195.png") 50% 50% repeat-x; font-weight: bold; color: #c77405; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url("../ui-lightness/images/ui-bg_glass_65_ffffff_1x400.e5a8f32e28fd.png") 50% 50% repeat-x; font-weight: bold; color: #eb8f00; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fed22f; background: #ffe45c url("../ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.b806658954cb.png") 50% top repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url("../ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.95f9cceeb9d7.png") 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
.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; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url("../ui-lightness/images/ui-icons_222222_256x240.ebe6b6902a40.png"); }
.ui-widget-content .ui-icon {background-image: url("../ui-lightness/images/ui-icons_222222_256x240.ebe6b6902a40.png"); }
.ui-widget-header .ui-icon {background-image: url("../ui-lightness/images/ui-icons_ffffff_256x240.342bc03f6264.png"); }
.ui-state-default .ui-icon { background-image: url("../ui-lightness/images/ui-icons_ef8c08_256x240.ef9a6ccfe3b1.png"); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url("../ui-lightness/images/ui-icons_ef8c08_256x240.ef9a6ccfe3b1.png"); }
.ui-state-active .ui-icon {background-image: url("../ui-lightness/images/ui-icons_ef8c08_256x240.ef9a6ccfe3b1.png"); }
.ui-state-highlight .ui-icon {background-image: url("../ui-lightness/images/ui-icons_228ef1_256x240.79f41c0765e9.png"); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url("../ui-lightness/images/ui-icons_ffd27a_256x240.ab8c30acc0e3.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-off { background-position: -96px -144px; }
.ui-icon-radio-on { 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: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #666666 url("../ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.f040b255ca13.png") 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url("../ui-lightness/images/ui-bg_flat_10_000000_40x100.c18cd01623c7.png") 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/*
 * jQuery UI Autocomplete 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }	

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.16
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.tlite {
  background: #111;
  color: white;
  font-family: sans-serif;
  font-size: 0.8rem;
  font-weight: normal;
  text-decoration: none;
  text-align: left;
  padding: 0.6em 0.75rem;
  border-radius: 4px;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s;
  white-space: nowrap;
  box-shadow: 0 0.5rem 1rem -0.5rem black;
  z-index: 1000;
  -webkit-backface-visibility: hidden;
}

.tlite-table td,
.tlite-table th {
  position: relative;
}

.tlite-visible {
  visibility: visible;
  opacity: 0.9;
}

.tlite::before {
  content: ' ';
  display: block;
  background: inherit;
  width: 10px;
  height: 10px;
  position: absolute;
  transform: rotate(45deg);
}

.tlite-n::before {
  top: -3px;
  left: 50%;
  margin-left: -5px;
}

.tlite-nw::before {
  top: -3px;
  left: 10px;
}

.tlite-ne::before {
  top: -3px;
  right: 10px;
}

.tlite-s::before {
  bottom: -3px;
  left: 50%;
  margin-left: -5px;
}

.tlite-se::before {
  bottom: -3px;
  right: 10px;
}

.tlite-sw::before {
  bottom: -3px;
  left: 10px;
}

.tlite-w::before {
  left: -3px;
  top: 50%;
  margin-top: -5px;
}

.tlite-e::before {
  right: -3px;
  top: 50%;
  margin-top: -5px;
}

.email_list .verified {
  display: inline-block;
  margin-left: 2em;
  font-style: italic; }
.email_list .unverified {
  display: inline-block;
  margin-left: 2em;
  color: #717171;
  font-style: italic; }
.email_list .primary {
  display: inline-block;
  margin-left: 2em;
  font-weight: bold; }

.socialaccount_provider {
  display: inline-block;
  background-repeat: no-repeat;
  color: transparent;
  height: 40px;
  height: 2.5rem;
  width: 40px;
  width: 2.5rem;
  vertical-align: middle; }
  .socialaccount_provider.google {
    background-image: url("/static/img/auth/google.7202c72c2b8c.png"); }
  .socialaccount_provider.facebook {
    background-image: url("/static/img/auth/facebook.5679ddb89f33.png"); }

.socialaccount_providers {
  margin: 10px 0;
  margin: 0.625rem 0;
  padding: 0; }
  .socialaccount_providers li {
    display: inline;
    list-style: none;
    margin-right: 10px;
    margin-right: 0.625rem; }

/* Basic layout */
html, body {
  margin: 0;
  padding: 0; }

.clearboth {
  clear: both; }

.hide {
  display: none !important; }

/* Basic colors and fonts */
body {
  font-family: Georgia, serif;
  background: #f7f7f7;
  color: black;
  font-size: 15px;
  font-size: 0.9375rem; }

a {
  color: #0d7e85;
  text-decoration: none; }
  a img {
    border: 0; }

h1 {
  font-size: 35px;
  font-size: 2.1875rem;
  font-weight: normal;
  margin-top: 14px;
  margin-top: 0.875rem; }
  h1 a {
    color: inherit; }

h2 {
  font-size: 23px;
  font-size: 1.4375rem;
  font-weight: normal; }

h3 {
  font-size: 17px;
  font-size: 1.0625rem;
  font-weight: normal; }

.normal-text {
  line-height: 1.3em;
  margin: 0 5px;
  margin: 0 0.3125rem; }
  @media screen and (min-width: 62.5em) {
    .normal-text {
      margin: 0; } }

.white-box {
  padding: 10px;
  padding: 0.625rem;
  border: 1px solid #ddd;
  border: 0.0625rem solid #ddd;
  background: #fff;
  -moz-box-shadow: 2px 2px 2px #ddd;
  -moz-box-shadow: 0.125rem 0.125rem 0.125rem #ddd;
  -webkit-box-shadow: 2px 2px 2px #ddd;
  -webkit-box-shadow: 0.125rem 0.125rem 0.125rem #ddd;
  box-shadow: 2px 2px 2px #ddd;
  box-shadow: 0.125rem 0.125rem 0.125rem #ddd; }

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

.theme-list-link {
  font-family: "Cousine";
  font-size: 11px;
  font-size: 0.6875rem; }
  .theme-list-link:after {
    padding-left: 11px;
    padding-left: 0.6875rem;
    content: url("/static/img/arrow-teal.d1bd6c782f33.png");
    vertical-align: middle; }

.left-column, .right-column {
  max-width: 600px;
  max-width: 37.5rem;
  padding-left: 1em;
  padding-left: 1em;
  padding-right: 1em;
  padding-right: 1em; }

@media screen and (min-width: 62.5em) {
  .left-column, .right-column {
    width: 470px;
    width: 29.375rem;
    padding-left: 0;
    padding-right: 0; }

  .left-column {
    float: left; }

  .right-column {
    float: right; } }
.pagination {
  display: block;
  font-size: 12px;
  font-size: 0.75rem;
  padding: 6px;
  padding: 0.375rem;
  text-align: center; }

.simple-hidden-initially {
  display: none; }

.plain-list-container {
  margin: 2em 0; }
  .plain-list-container .plain-list {
    column-count: 2;
    -moz-column-count: 2;
    -webkit-column-count: 2; }
    @media screen and (min-width: 768px) {
      .plain-list-container .plain-list {
        column-count: 4;
        -moz-column-count: 4;
        -webkit-column-count: 4; } }
    @media screen and (min-width: 1024px) {
      .plain-list-container .plain-list {
        column-count: 5;
        -moz-column-count: 5;
        -webkit-column-count: 5; } }
    .plain-list-container .plain-list p {
      margin-top: 0; }
      .plain-list-container .plain-list p.header {
        -webkit-column-break-after: avoid;
        break-after: avoid; }
    .plain-list-container .plain-list .initial-block {
      display: inline-block;
      width: 100%; }
  .plain-list-container .pager-center {
    text-align: center; }
  .plain-list-container .pager {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px; }
    .plain-list-container .pager > li {
      display: inline; }
      .plain-list-container .pager > li > a, .plain-list-container .pager > li > span {
        position: relative;
        float: left;
        padding: 6px 12px;
        margin-left: -1px;
        line-height: 1.42857143;
        color: #337ab7;
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #ddd; }
        .plain-list-container .pager > li > a:hover, .plain-list-container .pager > li > a:focus, .plain-list-container .pager > li > span:hover, .plain-list-container .pager > li > span:focus {
          color: #23527c;
          background-color: #eee;
          border-color: #ddd; }
      .plain-list-container .pager > li:first-child > a, .plain-list-container .pager > li:first-child > span {
        margin-left: 0;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px; }
      .plain-list-container .pager > li:last-child > a, .plain-list-container .pager > li:last-child > span {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px; }
    .plain-list-container .pager .current, .plain-list-container .pager .current:hover, .plain-list-container .pager .current:focus {
      z-index: 2;
      color: #fff;
      cursor: default;
      background-color: #337ab7;
      border-color: #337ab7; }
    .plain-list-container .pager .disabled > a, .plain-list-container .pager .disabled > a:hover, .plain-list-container .pager .disabled > a:focus, .plain-list-container .pager .disabled span, .plain-list-container .pager .disabled span:hover, .plain-list-container .pager .disabled span:focus {
      color: #777;
      cursor: not-allowed;
      background-color: #fff;
      border-color: #ddd; }

.tag-box {
  display: block; }
  @media screen and (min-width: 768px) {
    .tag-box {
      display: inline-block;
      vertical-align: top;
      width: 48%;
      margin-right: 1%;
      margin-bottom: 10px;
      margin-bottom: 0.625rem; } }

@media screen and (max-width: 62.5em) {
  .mobile-margins {
    margin-left: 1em;
    margin-right: 1em; } }
.cover-area {
  float: left;
  margin-right: 15px;
  margin-right: 0.9375rem;
  margin-bottom: 5px;
  margin-bottom: 0.3125rem; }
  .cover-area img.cover {
    height: 96.5px;
    height: 6.03125rem;
    width: 69.5px;
    width: 4.34375rem; }
    @media screen and (min-width: 20em) {
      .cover-area img.cover {
        height: 193px;
        height: 12.0625rem;
        width: 139px;
        width: 8.6875rem; } }

.book-mini-box {
  /* Original design fits 6 boxes horizontally in 975px (162.5px each),
   * but we really want to fit 2 boxes on a 320px mobile screen. */
  width: 160px;
  width: 10rem;
  display: inline-block;
  vertical-align: top; }
  @media screen and (min-width: 21.875em) {
    .book-mini-box {
      width: 162.5px;
      width: 10.15625rem; } }
  .book-mini-box .book-mini-box-inner {
    display: block;
    color: black;
    margin: 1px;
    margin: 0.0625rem;
    padding: 8px 10px;
    padding: 0.5rem 0.625rem;
    border: 1px solid #ddd;
    border: 0.0625rem solid #ddd;
    background: #fff;
    -moz-box-shadow: 2px 2px 2px #ddd;
    -moz-box-shadow: 0.125rem 0.125rem 0.125rem #ddd;
    -webkit-box-shadow: 2px 2px 2px #ddd;
    -webkit-box-shadow: 0.125rem 0.125rem 0.125rem #ddd;
    box-shadow: 2px 2px 2px #ddd;
    box-shadow: 0.125rem 0.125rem 0.125rem #ddd;
    height: 271px;
    height: 16.9375rem;
    margin: 1px;
    margin: 0.0625rem;
    padding: 8px 9px;
    padding: 0.5rem 0.5625rem;
    overflow: hidden; }
    @media screen and (min-width: 21.875em) {
      .book-mini-box .book-mini-box-inner {
        padding: 8px 10px;
        padding: 0.5rem 0.625rem; } }
    .book-mini-box .book-mini-box-inner a {
      display: block; }
  .book-mini-box img.cover {
    height: 193px;
    height: 12.0625rem;
    width: 139px;
    width: 8.6875rem;
    margin-bottom: 18px;
    margin-bottom: 1.125rem; }
  .book-mini-box .language {
    color: #aaa;
    float: right;
    font-family: "Cousine";
    font-size: 10px;
    font-size: 0.625rem;
    text-transform: uppercase;
    position: relative;
    top: -20px;
    top: -1.25rem; }
  .book-mini-box .desc {
    margin-left: 0; }
  .book-mini-box .author {
    font-size: 11px;
    font-size: 0.6875rem;
    font-family: "Cousine";
    color: #6d7877;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .book-mini-box .title {
    font-size: 14px;
    font-size: 0.875rem;
    color: #242424;
    white-space: normal; }

.work-list {
  margin: 0;
  padding: 0;
  list-style: none; }
  .work-list .Book-item {
    /*@include min-screen($S_BOOK_SHORT_FULL) {
        display: inline-block;
    }
    vertical-align: top;*/ }

#books-list .plain-list-container .plain-list p {
  line-height: 1.2em;
  margin-bottom: 20px; }
  #books-list .plain-list-container .plain-list p.header {
    font-weight: bold; }

.book-box {
  margin: 0;
  vertical-align: top;
  /* */ }
  .book-box a {
    color: #0D7E85; }
  .book-box .book-box-inner {
    position: relative;
    display: block;
    color: black;
    margin: 1px;
    margin: 0.0625rem;
    padding: 8px 10px;
    padding: 0.5rem 0.625rem;
    border: 1px solid #ddd;
    border: 0.0625rem solid #ddd;
    background: #fff;
    -moz-box-shadow: 2px 2px 2px #ddd;
    -moz-box-shadow: 0.125rem 0.125rem 0.125rem #ddd;
    -webkit-box-shadow: 2px 2px 2px #ddd;
    -webkit-box-shadow: 0.125rem 0.125rem 0.125rem #ddd;
    box-shadow: 2px 2px 2px #ddd;
    box-shadow: 0.125rem 0.125rem 0.125rem #ddd;
    min-height: 197.5px;
    min-height: 12.34375rem; }

@media screen and (min-width: 1024px) {
  .audiobook-box .book-left-column, .search-result .book-box .book-left-column {
    display: inline-block;
    width: 590px;
    width: 36.875rem;
    min-height: 196px;
    min-height: 12.25rem; } }
@media screen and (min-width: 1024px) {
  .audiobook-box .book-right-column, .search-result .book-box .book-right-column {
    float: right;
    padding-top: 15px;
    padding-top: 0.9375rem;
    width: 360px;
    width: 22.5rem; } }
.audiobook-box .jp-type-playlist, .search-result .book-box .jp-type-playlist {
  margin-top: 24px; }
  @media screen and (min-width: 1024px) {
    .audiobook-box .jp-type-playlist, .search-result .book-box .jp-type-playlist {
      float: right; } }

.book-wide-box {
  margin: 0;
  vertical-align: top; }
  @media screen and (min-width: 62.5em) {
    .book-wide-box {
      width: 975px;
      width: 60.9375rem; } }
  .book-wide-box .book-box-inner {
    position: relative;
    min-height: 244px;
    min-height: 15.25rem;
    display: block;
    color: black;
    margin: 1px;
    margin: 0.0625rem;
    padding: 8px 10px;
    padding: 0.5rem 0.625rem;
    border: 1px solid #ddd;
    border: 0.0625rem solid #ddd;
    background: #fff;
    -moz-box-shadow: 2px 2px 2px #ddd;
    -moz-box-shadow: 0.125rem 0.125rem 0.125rem #ddd;
    -webkit-box-shadow: 2px 2px 2px #ddd;
    -webkit-box-shadow: 0.125rem 0.125rem 0.125rem #ddd;
    box-shadow: 2px 2px 2px #ddd;
    box-shadow: 0.125rem 0.125rem 0.125rem #ddd;
    margin-left: 0;
    margin-left: 0;
    margin-right: 0;
    margin-right: 0; }
    .book-wide-box .book-box-inner .book-left-column {
      /* FIXME */ }
      @media screen and (min-width: 62.5em) {
        .book-wide-box .book-box-inner .book-left-column {
          float: left;
          width: 536px;
          width: 33.5rem;
          min-height: 196px;
          min-height: 12.25rem; } }
    .book-wide-box .book-box-inner .license-icon {
      display: block;
      margin-top: 5px;
      margin-top: 0.3125rem; }
    @media screen and (min-width: 32em) {
      .book-wide-box .book-box-inner .book-box-body {
        height: auto;
        min-height: 170px;
        min-height: 10.625rem; }
        .book-wide-box .book-box-inner .book-box-body .book-box-head .title {
          height: auto;
          min-height: 57.6px;
          min-height: 3.6rem; } }
    @media screen and (min-width: 62.5em) {
      .book-wide-box .book-box-inner .book-box-head,
      .book-wide-box .book-box-inner .tags,
      .book-wide-box .book-box-inner .book-box-tools {
        width: 382px;
        width: 23.875rem; } }
    .book-wide-box .book-box-inner #theme-list-wrapper {
      margin-bottom: 0; }
      @media screen and (min-width: 20em) {
        .book-wide-box .book-box-inner #theme-list-wrapper {
          margin-left: 154px;
          margin-left: 9.625rem;
          width: 300px;
          width: 18.75rem; } }
      .book-wide-box .book-box-inner #theme-list-wrapper p {
        margin-top: 10px;
        margin-top: 0.625rem;
        margin-bottom: 10px;
        margin-bottom: 0.625rem; }
    .book-wide-box .book-box-inner .right-column {
      margin-top: 16px;
      margin-top: 1rem;
      margin-left: -10px;
      margin-left: -0.625rem;
      margin-right: -10px;
      margin-right: -0.625rem;
      max-width: none; }
      @media screen and (min-width: 62.5em) {
        .book-wide-box .book-box-inner .right-column {
          width: 415px;
          width: 25.9375rem;
          margin-top: -8px;
          margin-top: -0.5rem; } }
      .book-wide-box .book-box-inner .right-column .other-tools,
      .book-wide-box .book-box-inner .right-column .other-download {
        font-size: 11px;
        font-size: 0.6875rem;
        clear: left;
        margin-top: 25px;
        margin-top: 1.5625rem;
        line-height: 1.75em;
        margin-left: 15px;
        margin-left: 0.9375rem; }
        .book-wide-box .book-box-inner .right-column .other-tools h2,
        .book-wide-box .book-box-inner .right-column .other-download h2 {
          margin: 0;
          font-size: 11px;
          font-size: 0.6875rem;
          font-family: "Cousine"; }
        @media screen and (min-width: 32em) {
          .book-wide-box .book-box-inner .right-column .other-tools,
          .book-wide-box .book-box-inner .right-column .other-download {
            float: left;
            clear: none;
            width: 145px;
            width: 9.0625rem;
            margin-top: 50px;
            margin-top: 3.125rem;
            margin-right: 0;
            margin-right: 0;
            margin-bottom: 0;
            margin-bottom: 0;
            margin-left: 5px;
            margin-left: 0.3125rem; } }
        @media screen and (min-width: 62.5em) {
          .book-wide-box .book-box-inner .right-column .other-tools,
          .book-wide-box .book-box-inner .right-column .other-download {
            margin-top: 50px;
            margin-top: 3.125rem;
            line-height: 1.2em; } }
      @media screen and (min-width: 32em) {
        .book-wide-box .book-box-inner .right-column .other-download {
          margin-left: 15px;
          margin-left: 0.9375rem;
          width: 220px;
          width: 13.75rem; } }
  .book-wide-box .jp-type-playlist {
    margin-top: 24px;
    margin-left: 0.625rem; }
    @media screen and (min-width: 1024px) {
      .book-wide-box .jp-type-playlist {
        float: right;
        margin-right: 0.625rem; } }

@media screen and (min-width: 50em) {
  .picture.book-wide-box .right-column {
    float: none;
    width: 415px;
    width: 25.9375rem;
    top: 0;
    margin-left: 550px;
    margin-left: 34.375rem;
    margin-top: 0; } }
.book-box-body {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  position: relative; }
  @media screen and (min-width: 32em) {
    .book-box-body .book-box-head,
    .book-box-body .tags,
    .book-box-body .book-box-tools,
    .book-box-body .abstract {
      margin-left: 154px; } }
  .book-box-body .book-box-head {
    padding-top: 14px;
    padding-top: 0.875rem;
    margin-bottom: 10px;
    margin-bottom: 0.625rem; }
    @media screen and (min-width: 32em) {
      .book-box-body .book-box-head {
        min-height: 70px;
        min-height: 4.375rem; } }
    .book-box-body .book-box-head a {
      color: black; }
    .book-box-body .book-box-head .author {
      font-size: 11px;
      font-size: 0.6875rem;
      font-family: "Cousine";
      line-height: 13.2px;
      line-height: 0.825rem;
      max-height: 26.4px;
      max-height: 1.65rem;
      overflow: hidden; }
      @media screen and (min-width: 32em) {
        .book-box-body .book-box-head .author {
          max-width: 264px;
          max-width: 16.5rem; } }
    .book-box-body .book-box-head .title {
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1.2em;
      margin-top: 7.2px;
      margin-top: 0.45rem;
      margin-bottom: 12px;
      margin-bottom: 0.75rem; }
      @media screen and (min-width: 32em) {
        .book-box-body .book-box-head .title {
          margin-bottom: 0;
          height: 57.6px;
          height: 3.6rem;
          overflow: hidden; } }
  .book-box-body .tags {
    font-size: 11px;
    font-size: 0.6875rem;
    line-height: 1.2em;
    margin-bottom: 5px; }
    @media screen and (min-width: 32em) {
      .book-box-body .tags {
        max-height: 57.6px;
        max-height: 3.6rem;
        overflow: hidden; } }
    .book-box-body .tags .category {
      display: block;
      margin-top: 6px;
      margin-top: 0.375rem;
      margin-bottom: 6px;
      margin-bottom: 0.375rem; }
      @media screen and (min-width: 32em) {
        .book-box-body .tags .category {
          display: inline-block;
          margin-top: 0px;
          margin-top: 0rem;
          margin-bottom: 0px;
          margin-bottom: 0rem;
          margin-right: 9px;
          margin-right: 0.5625rem; } }
      .book-box-body .tags .category .mono {
        font-family: "Cousine"; }
      .book-box-body .tags .category .book-box-tag {
        margin-left: 4.4px;
        margin-left: 0.275rem;
        margin-right: 5.5px;
        margin-right: 0.34375rem; }

.book-box-tools {
  font-size: 11px;
  font-size: 0.6875rem;
  margin: 0;
  padding: 0;
  list-style: none;
  clear: left; }
  @media screen and (min-width: 20em) {
    .book-box-tools {
      clear: none;
      margin-left: 154px;
      margin-left: 9.625rem; } }
  .book-box-tools li {
    font-family: "Cousine";
    margin-top: 0; }
  .book-box-tools .book-box-read a {
    font-family: "Cousine";
    display: inline-block;
    background: #0D7E85;
    color: white;
    width: 170px;
    width: 10.625rem;
    text-align: center;
    margin-bottom: 5px;
    margin-bottom: 0.3125rem;
    margin-right: 30px;
    margin-right: 1.875rem; }
  .book-box-tools .book-box-read a.print {
    margin-right: 0; }
  .book-box-tools .book-box-read a:before {
    content: url("/static/img/read-white.1ccd180fde3d.png");
    font-size: 25px;
    font-size: 1.5625rem;
    margin-right: 3.71px;
    margin-right: 0.23188rem;
    vertical-align: middle;
    font-weight: normal;
    position: relative;
    bottom: 2px; }
  .book-box-tools .book-box-read a.print:before {
    content: ""; }
  .book-box-tools .book-box-download {
    position: relative; }
    .book-box-tools .book-box-download a.downarrow {
      color: #0D7E85; }
      .book-box-tools .book-box-download a.downarrow:before {
        content: url("/static/img/download.dc4ea115dfd8.png");
        font-size: 25px;
        font-size: 1.5625rem;
        margin-right: 3.71px;
        margin-right: 0.23188rem;
        vertical-align: middle;
        font-weight: normal;
        display: inline; }
    .book-box-tools .book-box-download .book-box-formats {
      display: inline-block;
      max-width: 300px;
      vertical-align: top;
      padding-top: 6px; }
      .book-box-tools .book-box-download .book-box-formats a {
        display: inline-block;
        padding: 0.2em 1em;
        padding: 0.2em 1em; }

.star {
  font-size: 22.5px;
  font-size: 1.40625rem;
  margin-right: 11.25px;
  margin-right: 0.70313rem;
  position: absolute;
  right: 0;
  z-index: 10; }
  .star button {
    cursor: pointer; }
    .star button::-moz-focus-inner {
      padding: 0;
      border: 0; }
  .star .if-unlike button {
    font-size: 1em;
    font-family: inherit;
    border: 0;
    background: none;
    margin: 0;
    padding: 0;
    color: #757575; }
  .star .if-like a {
    display: block;
    text-align: right;
    padding: 0; }

.like .if-unlike {
  display: none; }

.unlike .if-like {
  display: none; }

#book-detail .see-also,
#picture-detail .see-also {
  display: inline-block; }
  #book-detail .see-also h1,
  #picture-detail .see-also h1 {
    height: 32px;
    height: 2rem;
    margin: 0;
    padding-top: 19px;
    padding-top: 1.1875rem;
    padding-left: 10px;
    padding-left: 0.625rem;
    font-size: 11px;
    font-size: 0.6875rem;
    font-family: "Cousine";
    font-weight: normal; }
    @media screen and (min-width: 33em) {
      #book-detail .see-also h1,
      #picture-detail .see-also h1 {
        padding-left: 19px;
        padding-left: 1.1875rem; } }

.abstract {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.2em;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  margin-top: 18px;
  margin-top: 1.125rem;
  overflow: hidden;
  position: relative;
  clear: left; }
  @media screen and (min-width: 62.5em) {
    .abstract {
      width: 536px;
      width: 33.5rem; } }
  .abstract p.paragraph {
    margin-bottom: 0;
    margin-top: 1.2em; }
    .abstract p.paragraph:first-child {
      margin-top: 0; }
  .abstract.short {
    height: 3.6em; }
    .abstract.short:after {
      content: ' ';
      position: absolute;
      bottom: 0;
      width: 25%;
      height: 20px;
      background-color: transparent;
      /* assume ltr */
      right: 0;
      background-image: -webkit-linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 50%);
      background-image: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 50%);
      background-image: -o-linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 50%);
      background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 50%); }

/* listing of all books */
#book-a-list #book-list-nav {
  border-width: 0;
  border-width: 0;
  border-bottom-width: 1px;
  border-bottom-width: 0.0625rem;
  border-style: solid;
  border-color: #CFCFCF;
  padding: 9.75px;
  padding: 0.60938rem;
  line-height: 2em; }
  @media screen and (min-width: 30em) {
    #book-a-list #book-list-nav {
      border-bottom-width: 0px;
      border-bottom-width: 0rem;
      border-left-width: 1px;
      border-left-width: 0.0625rem;
      float: right;
      width: 50%; } }
  @media screen and (min-width: 62.5em) {
    #book-a-list #book-list-nav {
      line-height: 1.3em; } }
  #book-a-list #book-list-nav h2 {
    cursor: pointer; }
    #book-a-list #book-list-nav h2:after {
      padding-left: 10px;
      padding-left: 0.625rem;
      content: url("/static/img/arrow-gray.44782353c084.png");
      vertical-align: top; }
    @media screen and (min-width: 30em) {
      #book-a-list #book-list-nav h2 {
        font-size: 1em;
        margin: 0;
        cursor: regular; }
        #book-a-list #book-list-nav h2:after {
          display: none; } }
  #book-a-list #book-list-nav #book-list-nav-index {
    display: none; }
    @media screen and (min-width: 30em) {
      #book-a-list #book-list-nav #book-list-nav-index {
        display: block !important; } }
  #book-a-list #book-list-nav ul {
    list-style-type: none;
    margin: 5px;
    margin: 0.3125rem;
    padding: 0; }
  #book-a-list #book-list-nav .book-list-show-index {
    display: none; }
#book-a-list #book-list {
  padding-left: 5px;
  padding-left: 0.3125rem;
  line-height: 2em; }
  @media screen and (min-width: 62.5em) {
    #book-a-list #book-list {
      padding-left: 50px;
      padding-left: 3.125rem;
      line-height: 1.3em; } }
  #book-a-list #book-list ol {
    padding-left: 13px;
    padding-left: 0.8125rem;
    margin: 4px 0 15.6px 0;
    margin: 0.25rem 0 0.975rem 0;
    list-style: none; }
  #book-a-list #book-list h2 {
    font-size: 13px;
    font-size: 0.8125rem;
    margin: 0; }
    #book-a-list #book-list h2 a {
      color: black; }
#book-a-list #book-list-up {
  display: block;
  position: fixed;
  bottom: 50px;
  bottom: 3.125rem;
  right: 50px;
  right: 3.125rem;
  border-left: solid 1px #CFCFCF;
  border-left: solid 0.0625rem #CFCFCF;
  padding: 20px 10px;
  padding: 1.25rem 0.625rem;
  background-color: white; }

/* listing of all books */
.catalogue-catalogue ul {
  column-width: 25em;
  -moz-column-width: 25em;
  -webkit-column-width: 25em;
  padding-left: 10px;
  padding-left: 0.625rem; }
  @media screen and (min-width: 20em) {
    .catalogue-catalogue ul {
      padding-left: 40px;
      padding-left: 2.5rem; } }
  .catalogue-catalogue ul li {
    margin-bottom: 1em; }
    @media screen and (min-width: 62.5em) {
      .catalogue-catalogue ul li {
        margin-bottom: .5em; } }
.catalogue-catalogue h2 {
  font-size: 26px;
  font-size: 1.625rem;
  margin: 0;
  padding: 26px;
  padding: 1.625rem; }

.cite {
  display: block;
  color: black;
  background: white;
  padding: 30px 20px 1px 80px;
  padding: 1.875rem 1.25rem 0.0625rem 5rem; }
  .cite .vip {
    margin: 0;
    color: #575C63;
    font-size: 11px;
    font-size: 0.6875rem; }
  .cite .cite-body {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.3em; }
    .cite .cite-body h4 {
      margin: 0; }
    .cite .cite-body .didaskalia {
      font-style: italic; }
    .cite .cite-body .verse {
      padding-left: 0 !important; }
    .cite .cite-body .person {
      font-style: inherit; }
  .cite blockquote {
    padding: 0;
    margin: 0; }
    .cite blockquote p {
      margin: 0; }
  .cite .source {
    color: #444;
    font-family: "Cousine";
    font-size: 11px;
    font-size: 0.6875rem;
    margin-top: 16px;
    margin-top: 1rem; }

.book-wide-box .cite {
  background-color: #f7f7f7;
  vertical-align: middle;
  margin: 0;
  padding: 10px;
  padding: 0.625rem; }
  @media screen and (min-width: 62.5em) {
    .book-wide-box .cite {
      width: 395px;
      width: 24.6875rem; } }

.dialog-window {
  position: absolute;
  display: none;
  background-color: transparent;
  margin-top: -5px;
  margin-top: -0.3125rem;
  margin-left: 10px;
  margin-left: 0.625rem;
  width: 200px;
  width: 12.5rem; }
  @media screen and (max-width: 30em) {
    .dialog-window {
      left: 0 !important;
      right: 0;
      margin-left: 0;
      margin-left: 0;
      width: auto; } }
  .dialog-window div.header {
    font-family: "Cousine";
    font-size: 11px;
    font-size: 0.6875rem;
    width: 4em;
    background-color: #FFF;
    padding: 1em;
    right: 0;
    left: auto;
    float: right;
    text-align: center; }
    @media screen and (min-width: 30em) {
      .dialog-window div.header {
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        border-right: 0.3em solid #DDD; } }
  .dialog-window div.target {
    background-color: #FFF;
    color: black;
    border-bottom: 0.3em solid #DDD;
    padding: 1em 10px;
    clear: both; }
    @media screen and (min-width: 30em) {
      .dialog-window div.target {
        border-right: 0.3em solid #DDD;
        padding-left: 1em;
        padding-right: 1em; } }
  .dialog-window h1 {
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: normal;
    margin-top: .4em; }
  .dialog-window textarea, .dialog-window input {
    width: 100%; }

.cuteform {
  font-size: 11px;
  font-size: 0.6875rem; }
  .cuteform ol, .cuteform ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 16px;
    font-size: 1rem; }
    .cuteform ol li, .cuteform ul li {
      margin-top: 0.7em; }
  .cuteform label {
    display: block; }
  .cuteform span.helptext {
    display: block;
    font-size: 0.9em;
    color: #999; }
  .cuteform .error {
    color: #BF3024;
    display: block; }
  .cuteform .errorlist {
    color: #BF3024; }
  .cuteform .checkbox label {
    display: block;
    padding-left: 15px;
    text-indent: -15px; }
  .cuteform .checkbox input {
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden; }

.jqmOverlay {
  background-color: #000; }

.hidelabels label, .hidelabels .label {
  display: block;
  width: 1px;
  width: 0.0625rem;
  height: 1px;
  height: 0.0625rem;
  overflow: hidden; }

.hidelabels label.nohide {
  width: auto;
  height: auto; }

.hidelabels .checkbox .label {
  display: inline; }

@media screen and (min-width: 30em) {
  #login-window {
    width: 260px;
    width: 16.25rem; }

  #register-window {
    width: 26em; }

  #context-login-window {
    width: 26em; }

  #suggest-window {
    width: 26em; }

  #suggest-publishing-window {
    width: 29em; }

  #custom-pdf-window {
    width: 24em; } }
#suggest-window textarea {
  height: 6em; }

#suggest-publishing-window textarea {
  height: 3em; }

#custom-pdf-window label {
  display: inline; }

/* cyrillic-ext */
@font-face {
  font-family: 'Cousine';
  font-style: normal;
  font-weight: 400;
  src: local("Cousine"), url("/static/fonts/cousine/v10/Bt5Lz7Saa5a5RtsafP9xmfY6323mHUZFJMgTvxaG2iE.e0d92c3dc889.woff2") format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; }
/* cyrillic */
@font-face {
  font-family: 'Cousine';
  font-style: normal;
  font-weight: 400;
  src: local("Cousine"), url("/static/fonts/cousine/v10/IYQIfrNvkAhlEkaWqzgTm_Y6323mHUZFJMgTvxaG2iE.31e5dc319495.woff2") format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* latin-ext */
@font-face {
  font-family: 'Cousine';
  font-style: normal;
  font-weight: 400;
  src: local("Cousine"), url("/static/fonts/cousine/v10/qjsoqLzZoDyy_opKVvy-uvY6323mHUZFJMgTvxaG2iE.8ffb8cb846c2.woff2") format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Cousine';
  font-style: normal;
  font-weight: 400;
  src: local("Cousine"), url("/static/fonts/cousine/v10/0IpceuvDvCegpU9Mz8MQ_g.5b39725831a4.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
/* cyrillic-ext */
@font-face {
  font-family: 'Cousine';
  font-style: normal;
  font-weight: 700;
  src: local("Cousine Bold"), local("Cousine-Bold"), url("/static/fonts/cousine/v10/4OFqQVT4CccEiwAQMKv0eiEAvth_LlrfE80CYdSH47w.ecaace676ad9.woff2") format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; }
/* cyrillic */
@font-face {
  font-family: 'Cousine';
  font-style: normal;
  font-weight: 700;
  src: local("Cousine Bold"), local("Cousine-Bold"), url("/static/fonts/cousine/v10/auteuWVL5GjOhekECAkC_SEAvth_LlrfE80CYdSH47w.1584e5fb8ac9.woff2") format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* latin-ext */
@font-face {
  font-family: 'Cousine';
  font-style: normal;
  font-weight: 700;
  src: local("Cousine Bold"), local("Cousine-Bold"), url("/static/fonts/cousine/v10/JHq2r7PZMuzGPtEvdlprZCEAvth_LlrfE80CYdSH47w.36811f37bcbd.woff2") format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Cousine';
  font-style: normal;
  font-weight: 700;
  src: local("Cousine Bold"), local("Cousine-Bold"), url("/static/fonts/cousine/v10/XkYjaL8YjqL9qW8o0T14ufk_vArhqVIZ0nv9q090hN8.8e49e1654c3d.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
/* cyrillic-ext */
@font-face {
  font-family: 'Cousine';
  font-style: italic;
  font-weight: 400;
  src: local("Cousine Italic"), local("Cousine-Italic"), url("/static/fonts/cousine/v10/svY-0AsqnhB5pNHScPRpHhJtnKITppOI_IvcXXDNrsc.3cf8c4523dae.woff2") format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; }
/* cyrillic */
@font-face {
  font-family: 'Cousine';
  font-style: italic;
  font-weight: 400;
  src: local("Cousine Italic"), local("Cousine-Italic"), url("/static/fonts/cousine/v10/bS4Fjp2fQa3pRrzTYB6CXhJtnKITppOI_IvcXXDNrsc.14d4a0bf43ea.woff2") format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* latin-ext */
@font-face {
  font-family: 'Cousine';
  font-style: italic;
  font-weight: 400;
  src: local("Cousine Italic"), local("Cousine-Italic"), url("/static/fonts/cousine/v10/aWxnkwXsEJCSg-HKkPTCkBJtnKITppOI_IvcXXDNrsc.a60125e1eaa0.woff2") format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Cousine';
  font-style: italic;
  font-weight: 400;
  src: local("Cousine Italic"), local("Cousine-Italic"), url("/static/fonts/cousine/v10/0VdvlOBfHobA4eW-NVYk-VtXRa8TVwTICgirnJhmVJw.45e043820b41.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
/* cyrillic-ext */
@font-face {
  font-family: 'Cousine';
  font-style: italic;
  font-weight: 700;
  src: local("Cousine Bold Italic"), local("Cousine-BoldItalic"), url("/static/fonts/cousine/v10/y_AZ5Sz-FwL1lux2xLSTZa-j2U0lmluP9RWlSytm3ho.5cfabb4afc48.woff2") format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; }
/* cyrillic */
@font-face {
  font-family: 'Cousine';
  font-style: italic;
  font-weight: 700;
  src: local("Cousine Bold Italic"), local("Cousine-BoldItalic"), url("/static/fonts/cousine/v10/y_AZ5Sz-FwL1lux2xLSTZZX5f-9o1vgP2EXwfjgl7AY.2592d4ec7e46.woff2") format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* latin-ext */
@font-face {
  font-family: 'Cousine';
  font-style: italic;
  font-weight: 700;
  src: local("Cousine Bold Italic"), local("Cousine-BoldItalic"), url("/static/fonts/cousine/v10/y_AZ5Sz-FwL1lux2xLSTZT0LW-43aMEzIO6XUTLjad8.e361de35ae07.woff2") format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Cousine';
  font-style: italic;
  font-weight: 700;
  src: local("Cousine Bold Italic"), local("Cousine-BoldItalic"), url("/static/fonts/cousine/v10/y_AZ5Sz-FwL1lux2xLSTZegdm0LZdjqr5-oayXSOefg.715534a07769.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
#footer-wrapper {
  margin-top: 50px;
  margin-top: 3.125rem;
  padding-top: 30px;
  padding-top: 1.875rem;
  background: #fff;
  color: #767676;
  border-top: 1px solid #ddd;
  border-top: 0.0625rem solid #ddd; }

footer#main {
  font-size: 10px;
  font-size: 0.625rem;
  margin-left: 5px;
  margin-left: 0.3125rem;
  margin-right: 5px;
  margin-right: 0.3125rem; }
  @media screen and (min-width: 62.5em) {
    footer#main {
      width: 975px;
      width: 60.9375rem;
      margin: auto; } }
  footer#main p {
    margin-top: 2.5px;
    margin-top: 0.15625rem;
    margin-bottom: 2.5px;
    margin-bottom: 0.15625rem;
    margin-left: 0;
    margin-right: 0; }

form table th {
  vertical-align: top;
  text-align: left;
  font-weight: normal; }
form table td {
  padding-bottom: 1em; }
form table .required th:before {
  content: "* "; }
form table .errorlist {
  color: red;
  margin: 0;
  padding: 0;
  list-style: none; }
form table .helptext {
  color: #888;
  font-size: .9em;
  font-style: italic; }
form table ul {
  list-style: none;
  padding-left: 0; }

.Fragment-item, .PictureArea-item {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  border: 1px solid #ddd;
  border: 0.0625rem solid #ddd;
  background: #fff;
  -moz-box-shadow: 2px 2px 2px #ddd;
  -moz-box-shadow: 0.125rem 0.125rem 0.125rem #ddd;
  -webkit-box-shadow: 2px 2px 2px #ddd;
  -webkit-box-shadow: 0.125rem 0.125rem 0.125rem #ddd;
  box-shadow: 2px 2px 2px #ddd;
  box-shadow: 0.125rem 0.125rem 0.125rem #ddd; }
  .Fragment-item .fragment, .PictureArea-item .fragment {
    color: black;
    display: block; }
  .Fragment-item .toggle, .PictureArea-item .toggle {
    font-size: 11px;
    font-size: 0.6875rem;
    display: block;
    padding: 5px 0;
    padding: 0.3125rem 0; }

.area {
  display: block;
  color: black;
  background: white;
  padding: 30px 20px 20px 20px;
  padding: 1.875rem 1.25rem 1.25rem 1.25rem;
  position: relative;
  clear: both; }
  .area .area-thumbnail {
    display: block;
    width: 100px;
    width: 6.25rem;
    float: left; }
  .area .area-description {
    float: right;
    padding: 10px;
    padding: 0.625rem;
    width: 256px;
    width: 16rem; }

#banners {
  display: inline-block;
  width: 100%; }
  #banners > a {
    display: block;
    width: 100%; }
  #banners img {
    display: block;
    margin: 0 auto;
    width: 100%; }

header#main {
  line-height: 20px;
  line-height: 1.25rem;
  /* Make links easier to click when wrapped. */
  background-color: #191919;
  color: #bbb;
  position: relative;
  /*text-align: center;*/
  /*#user-info {
    margin-top: 0;
    @include size(margin-left, 5px);
    @include size(margin-right, 5px);
    padding-top: 0;
    @include mono;
    @include size(font-size, 10px);
    position: relative;

    @media screen and (min-width: 24em) {
      @include size(padding-top, 15px);
      @include size(margin-left, 180px);
      text-align: right;
    }
    @media screen and (min-width: 62.5em) {
      position: absolute;
      top: 0;
      right: 0;
      @include size(margin-left, 0);
      @include size(margin-right, 0);
    }

    !* We want submenu on far left on small screens. *!
    .hidden-box-wrapper {
      position: static;
      @media screen and (min-width: 24em) {
        position: relative;
      }
    }

    #user-menu {
      display: none;

      text-align: left;
      line-height: 1.6em;
      left: 0;
      right: 0;
      top: 2em;

      @media screen and (min-width: 15em) {
        right: auto;
        width: 15em;
      }

      a {
        color: #0D7E85;
      }
    }
  }*/ }
  @media screen and (min-width: 1024px) {
    header#main {
      width: 975px;
      margin: auto; } }
  header#main a {
    color: #17CFDB; }
  header#main #logo {
    display: block;
    margin: auto;
    width: 173px;
    width: 10.8125rem;
    height: 94px;
    height: 5.875rem; }
    header#main #logo img {
      width: 155.7px;
      width: 9.73125rem;
      height: 84.6px;
      height: 5.2875rem;
      margin-top: 4.7px;
      margin-left: 8.65px; }
      @media screen and (min-width: 768px) {
        header#main #logo img {
          width: 173px;
          width: 10.8125rem;
          height: 94px;
          height: 5.875rem;
          margin-top: 0;
          margin-left: 0; } }
    @media screen and (min-width: 1024px) {
      header#main #logo {
        margin-left: 0; } }
  header#main #tagline {
    display: none;
    position: absolute;
    top: 3px;
    top: 0.1875rem;
    left: 255px;
    left: 15.9375rem;
    font-size: 13px;
    font-size: 0.8125rem; }
    @media screen and (min-width: 1024px) {
      header#main #tagline {
        display: block; } }
  header#main #lang-menu {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    font-family: "Cousine"; }
    header#main #lang-menu #lang-button {
      display: block;
      font-size: 10px;
      font-size: 0.625rem;
      line-height: 17px;
      line-height: 1.0625rem;
      padding-left: 25px;
      padding-left: 1.5625rem;
      padding-right: 20px;
      padding-right: 1.25rem;
      padding-top: 16px;
      padding-top: 1rem;
      padding-bottom: 16px;
      padding-bottom: 1rem; }
      header#main #lang-menu #lang-button .label:after {
        padding-left: 10px;
        padding-left: 0.625rem;
        content: url("/static/img/arrow-gray.44782353c084.png");
        vertical-align: top; }
      header#main #lang-menu #lang-button .lang-flag {
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 15px;
        line-height: 0.9375rem; }
    header#main #lang-menu #lang-menu-items {
      z-index: 9999; }
      header#main #lang-menu #lang-menu-items button {
        font-family: "Cousine";
        display: none;
        background: #f7f7f7;
        color: #6f6f6f;
        cursor: pointer;
        width: 100%;
        margin: 0;
        padding: 10px 0;
        padding: 0.625rem 0;
        border-width: 0;
        border-bottom: 1px solid #ddd;
        border-bottom: 0.0625rem solid #ddd;
        font-size: 13px;
        font-size: 0.8125rem; }
        @media screen and (min-width: 62.5em) {
          header#main #lang-menu #lang-menu-items button {
            padding: 5px 0;
            padding: 0.3125rem 0; } }
        header#main #lang-menu #lang-menu-items button.active {
          color: #000; }
    header#main #lang-menu:hover #lang-menu-items, header#main #lang-menu.hover #lang-menu-items {
      position: absolute;
      padding: 0;
      right: 0;
      width: 100%; }
      header#main #lang-menu:hover #lang-menu-items button, header#main #lang-menu.hover #lang-menu-items button {
        display: block; }
  header#main #main-menu-toggle {
    position: absolute;
    left: 0;
    top: 0; }
  header#main form#search-area {
    position: relative;
    clear: both;
    height: 45px;
    height: 2.8125rem;
    background: #444444;
    color: white; }
    @media screen and (min-width: 1024px) {
      header#main form#search-area {
        position: absolute;
        top: 49px;
        top: 3.0625rem;
        left: 240px;
        left: 15rem;
        right: 0;
        right: 0; } }
    header#main form#search-area #search-field {
      position: absolute;
      top: 5px;
      top: 0.3125rem;
      left: 5px;
      left: 0.3125rem;
      right: 113px;
      right: 7.0625rem; }
      header#main form#search-area #search-field label {
        display: block;
        width: 1px;
        width: 0.0625rem;
        height: 1px;
        height: 0.0625rem;
        overflow: hidden; }
      header#main form#search-area #search-field input#search {
        z-index: 200;
        position: relative;
        height: 33px;
        height: 2.0625rem;
        width: 100%;
        padding: 0;
        padding-left: 13px;
        padding-left: 0.8125rem;
        line-height: 32.5px;
        line-height: 2.03125rem;
        border: none;
        border-radius: 5px;
        border-radius: 0.3125rem;
        -moz-box-shadow: 0 0 6.5px #444444 inset;
        -moz-box-shadow: 0 0 0.40625rem #444444 inset;
        -webkit-box-shadow: 0 0 6.5px #444444 inset;
        -webkit-box-shadow: 0 0 0.40625rem #444444 inset;
        box-shadow: 0 0 6.5px #444444 inset;
        box-shadow: 0 0 0.40625rem #444444 inset;
        font-family: Georgia, serif;
        font-size: 13px;
        font-size: 0.8125rem;
        background-color: white;
        color: black;
        /* styling search placeholder */ }
        header#main form#search-area #search-field input#search::placeholder {
          font-family: Georgia, serif;
          font-style: italic;
          color: #767676; }
        header#main form#search-area #search-field input#search::-webkit-input-placeholder {
          font-family: Georgia, serif;
          font-style: italic;
          color: #767676; }
        header#main form#search-area #search-field input#search::-moz-placeholder {
          font-family: Georgia, serif;
          font-style: italic;
          color: #767676; }
    header#main form#search-area button {
      display: inline-block;
      position: absolute;
      top: 0;
      right: 0;
      height: 45px;
      height: 2.8125rem;
      width: 94px;
      width: 5.875rem;
      margin: 0;
      padding: 0;
      border: none;
      font-family: "Cousine";
      font-size: 11px;
      font-size: 0.6875rem;
      background: #018189;
      color: white; }

@media screen and (min-width: 1024px) {
  #whole-header {
    height: 143px; }

  #header-wrapper {
    position: relative;
    background-color: #191919; } }
.hidden-box-wrapper {
  position: relative; }
  .hidden-box-wrapper .hidden-box {
    position: absolute;
    left: 0;
    display: none;
    padding: 10px 10px 5px 10px;
    padding: 0.625rem 0.625rem 0.3125rem 0.625rem;
    border: 1px solid #ddd;
    border: 0.0625rem solid #ddd;
    background: #fff;
    -moz-box-shadow: 2px 2px 2px #ddd;
    -moz-box-shadow: 0.125rem 0.125rem 0.125rem #ddd;
    -webkit-box-shadow: 2px 2px 2px #ddd;
    -webkit-box-shadow: 0.125rem 0.125rem 0.125rem #ddd;
    box-shadow: 2px 2px 2px #ddd;
    box-shadow: 0.125rem 0.125rem 0.125rem #ddd;
    z-index: 500; }
    .hidden-box-wrapper .hidden-box ul {
      list-style: none;
      padding: 0;
      margin: 0;
      font-size: 11px;
      font-size: 0.6875rem;
      column-width: 132px;
      column-width: 8.25rem;
      -moz-column-width: 132px;
      -moz-column-width: 8.25rem;
      -webkit-column-width: 132px;
      -webkit-column-width: 8.25rem; }
      @media screen and (min-width: 24em) {
        .hidden-box-wrapper .hidden-box ul {
          width: 320px;
          width: 20rem; } }
      @media screen and (min-width: 34em) {
        .hidden-box-wrapper .hidden-box ul {
          width: 480px;
          width: 30rem; } }
      @media screen and (min-width: 62.5em) {
        .hidden-box-wrapper .hidden-box ul {
          width: 528px;
          width: 33rem; } }
      .hidden-box-wrapper .hidden-box ul li {
        margin-bottom: 1em; }
        @media screen and (min-width: 62.5em) {
          .hidden-box-wrapper .hidden-box ul li {
            margin-bottom: .5em; } }

@media screen and (min-width: 24em) {
  #menu-collections ul {
    width: 180px;
    width: 11.25rem; } }
#main-content {
  position: relative; }
  @media screen and (min-width: 62.5em) {
    #main-content {
      width: 975px;
      width: 60.9375rem;
      margin: auto; } }

#big-cite {
  background-color: #444;
  color: white;
  padding: 0;
  margin: 0;
  background-size: 100%;
  background-position: 50% 68%;
  background-repeat: repeat-y;
  background-image: url("/static/img/backdrop/book-drawer2.74e89d360131.jpg");
  /* a long cite displays smaller */ }
  @media screen and (min-width: 62.5em) {
    #big-cite {
      background-image: url("/static/img/backdrop/book-drawer2.74e89d360131.jpg"); } }
  #big-cite.banner {
    background: none; }
  #big-cite .cite {
    padding: 46px 10px 48px 0;
    padding: 2.875rem 0.625rem 3rem 0;
    background: none;
    color: white;
    /* Make cite body and source slide to the left. */
    /* Semi-transparent background. */ }
    @media screen and (min-width: 30em) {
      #big-cite .cite {
        padding-right: 40px;
        padding-right: 2.5rem; } }
    #big-cite .cite .vip {
      margin-left: 10px;
      margin-left: 0.625rem;
      margin-top: 2.5px;
      margin-top: 0.15625rem;
      margin-bottom: 5px;
      margin-bottom: 0.3125rem;
      font-size: 11px;
      font-size: 0.6875rem; }
      @media screen and (min-width: 16em) {
        #big-cite .cite .vip {
          padding-left: 10%;
          margin-left: -18px;
          margin-left: -1.125rem; } }
      @media screen and (min-width: 62.5em) {
        #big-cite .cite .vip {
          float: left;
          padding-left: 0;
          margin-left: 16px;
          margin-left: 1rem;
          text-align: right;
          width: 147px;
          width: 9.1875rem; } }
    #big-cite .cite .cite-body {
      margin: 0.5px;
      margin: 0.03125rem;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1.16em; }
      @media screen and (min-width: 30em) {
        #big-cite .cite .cite-body {
          font-size: 30px;
          font-size: 1.875rem; } }
    #big-cite .cite .source {
      margin-top: 16px;
      margin-top: 1rem;
      margin-bottom: 16px;
      margin-bottom: 1rem;
      margin-right: 2px;
      margin-right: 0.125rem;
      font-size: 12px;
      font-size: 0.75rem; }
    #big-cite .cite .cite-body, #big-cite .cite .source {
      margin-left: 10px;
      margin-left: 0.625rem; }
      @media screen and (min-width: 16em) {
        #big-cite .cite .cite-body, #big-cite .cite .source {
          padding-left: 21.9%;
          margin-left: -38px;
          margin-left: -2.375rem; } }
      @media screen and (min-width: 62.5em) {
        #big-cite .cite .cite-body, #big-cite .cite .source {
          padding-left: 0;
          margin-left: 175px;
          margin-left: 10.9375rem; } }
    #big-cite .cite .cite-body span,
    #big-cite .cite .vip span,
    #big-cite .cite .source span {
      color: white;
      background-color: black;
      background-color: rgba(0, 0, 0, 0.6);
      /* For IE 5.5 - 7*/
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
      /* For IE 8*/
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; }
  #big-cite .cite-small .cite-body {
    font-size: 16px;
    font-size: 1rem; }
    @media screen and (min-width: 30em) {
      #big-cite .cite-small .cite-body {
        font-size: 20px;
        font-size: 1.25rem; } }
  #big-cite h2 {
    margin: 0;
    font-size: 11px;
    font-size: 0.6875rem;
    color: #575c63; }

#main-library .main-library-row {
  position: relative; }
  #main-library .main-library-row .covers {
    white-space: nowrap;
    width: 90%;
    overflow-x: hidden;
    padding-bottom: 2px; }
  #main-library .main-library-row .note {
    position: absolute;
    right: 0;
    top: 1px;
    width: 139px;
    height: 267px; }

#main-last h1 {
  height: 32px;
  height: 2rem;
  margin: 0;
  padding-top: 19px;
  padding-top: 1.1875rem;
  padding-left: 10px;
  padding-left: 0.625rem;
  font-size: 11px;
  font-size: 0.6875rem;
  font-family: "Cousine";
  font-weight: normal; }
  @media screen and (min-width: 33em) {
    #main-last h1 {
      padding-left: 19px;
      padding-left: 1.1875rem; } }
  #main-last h1 a {
    color: black; }
    #main-last h1 a:after {
      content: " >"; }
@media screen and (min-width: 30em) {
  #main-last .book-mini-box:nth-child(3) {
    margin-right: 3em; } }
@media screen and (min-width: 33em) {
  #main-last .book-mini-box:nth-child(3) {
    margin-right: 0; } }

.infopages-box {
  margin: 0;
  margin-top: 5px;
  margin-top: 0.3125rem;
  padding: 0 5px;
  padding: 0 0.3125rem;
  vertical-align: top;
  color: #989898; }
  @media screen and (min-width: 20em) {
    .infopages-box {
      display: inline-block;
      width: 206px;
      width: 12.875rem;
      padding-left: 17px;
      padding-left: 1.0625rem;
      padding-right: 17px;
      padding-right: 1.0625rem; } }
  .infopages-box h1 {
    height: 28px;
    height: 1.75rem;
    margin: 0;
    padding-top: 25px;
    padding-top: 1.5625rem;
    font-size: 11px;
    font-size: 0.6875rem;
    color: #017e85;
    font-weight: normal;
    font-family: "Cousine"; }
  .infopages-box a {
    color: black; }
  .infopages-box ol, .infopages-box ul {
    font-size: 11px;
    font-size: 0.6875rem;
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 1.45em; }
    .infopages-box ol li, .infopages-box ul li {
      margin-bottom: 8px;
      margin-bottom: 0.5rem; }
      @media screen and (min-width: 62.5em) {
        .infopages-box ol li, .infopages-box ul li {
          margin-bottom: 2.5px;
          margin-bottom: 0.15625rem; } }
  .infopages-box .social-links {
    margin-top: 10px;
    margin-top: 0.625rem; }
    .infopages-box .social-links a {
      margin-right: 6px;
      margin-right: 0.375rem; }

.more {
  display: block;
  margin-top: .5em; }

section {
  margin-top: 2em; }

@media screen and (min-width: 768px) {
  .tag-box-section {
    display: inline-block;
    width: 48%;
    margin-right: 2%;
    vertical-align: top; }
    .tag-box-section .tag-box {
      display: block;
      width: 100%; } }

#main-theme .white-box {
  position: relative; }
  #main-theme .white-box .cite {
    display: none; }
    @media screen and (min-width: 768px) {
      #main-theme .white-box .cite {
        display: block;
        position: absolute;
        right: 1em;
        top: 7em;
        background: #F7F7F7;
        width: 200px;
        padding-left: 20px; } }
    @media screen and (min-width: 1024px) {
      #main-theme .white-box .cite {
        width: 340px;
        padding-left: 80px; } }

/* ok */
/* This is duplication of code for reader menu button. */
#show-menu {
  position: relative;
  padding: 0; }
  #show-menu:before {
    content: "";
    position: absolute;
    top: 8px;
    height: 5px;
    border-top: 15px double #ddd;
    border-bottom: 5px solid #ddd; }

#show-menu {
  display: block;
  background: #191919;
  color: #ddd;
  text-align: center;
  z-index: 100;
  width: 44px;
  width: 2.75rem;
  height: 44px;
  height: 2.75rem;
  padding: 0;
  position: absolute;
  left: 10px;
  top: 25px; }
  #show-menu:before {
    left: 8px;
    right: 8px; }
  @media screen and (min-width: 1024px) {
    #show-menu {
      display: none; } }

body.menu-on {
  margin-left: 200px;
  margin-right: -200px; }
  @media screen and (min-width: 1024px) {
    body.menu-on {
      margin-left: 0;
      margin-right: 0; } }
  body.menu-on #menu {
    display: block; }

#menu {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 200px;
  background: #141414;
  height: 100%;
  overflow-y: auto;
  z-index: 90; }
  @media screen and (min-width: 1024px) {
    #menu {
      display: block;
      width: 975px;
      height: 0;
      overflow: visible;
      margin: auto;
      position: absolute;
      top: 0; } }
  #menu ul {
    list-style: none;
    padding: 0; }
    #menu ul li {
      padding: .5em 1em; }
      @media screen and (min-width: 1024px) {
        #menu ul li {
          padding: 0; } }

@media screen and (min-width: 1024px) {
  #user-info {
    font-family: "Cousine";
    position: absolute;
    right: 150px;
    top: 4px;
    font-size: 10px;
    font-size: 0.625rem;
    list-style: none; }
    #user-info li {
      display: inline; }
      #user-info li:after {
        content: " | "; }
      #user-info li:last-child:after {
        content: ""; }

  #main-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: #e2e2e2;
    position: absolute;
    top: 94px;
    width: 975px;
    width: 60.9375rem; }
    #main-menu li {
      display: inline-block;
      width: 20%;
      width: 20%; }
      #main-menu li.active {
        background-color: white; }
      #main-menu li a {
        text-align: center;
        display: block;
        line-height: 13px;
        line-height: 0.8125rem;
        padding: 18px 0 15px;
        padding: 1.125rem 0 0.9375rem;
        color: #0c7076;
        font-size: 15px;
        font-size: 0.9375rem;
        font-family: "Cousine"; }
        #main-menu li a.active {
          border-bottom-color: white; } }
.picture.book-wide-box .cover-area {
  position: static;
  margin-right: 15px;
  margin-right: 0.9375rem; }
  @media screen and (min-width: 62.5em) {
    .picture.book-wide-box .cover-area {
      margin-right: 0; } }
  .picture.book-wide-box .cover-area img.cover {
    width: 535px;
    width: 33.4375rem;
    height: auto; }
.picture.book-wide-box .book-box-head, .picture.book-wide-box .tags, .picture.book-wide-box .book-box-tools {
  margin-left: 0; }
@media screen and (min-width: 62.5em) {
  .picture.book-wide-box .book-box-head, .picture.book-wide-box .tags, .picture.book-wide-box .book-box-tools {
    float: right;
    width: 403px;
    width: 25.1875rem; } }
.picture.book-wide-box .other-tools {
  margin: 5em 0 0 0; }
.picture.book-wide-box .book-box-tools, .picture.book-wide-box .tags, .picture.book-wide-box #theme-list-wrapper {
  clear: both;
  margin-left: 0; }
.picture.book-wide-box .book-box-body {
  height: auto;
  margin-bottom: 1em; }
@media screen and (min-width: 50em) {
  .picture.book-wide-box .book-box-body {
    height: auto;
    min-height: 170px;
    min-height: 10.625rem;
    margin-bottom: 0; }
  .picture.book-wide-box .book-box-tools, .picture.book-wide-box .tags {
    clear: right; }
  .picture.book-wide-box #theme-list-wrapper {
    clear: right;
    margin-left: 550px;
    margin-left: 34.375rem; } }
.picture li.book-box-download {
  width: 15em; }

/* import "main/picture_slider";*/
/*TODO:ogarnac nazwe/lokalizcje scss dla gallery slider*/
/* jquery UI overrides us */
.ui-menu .ui-menu-item a {
  color: #0d7e85 !important;
  line-height: 1.636em !important; }

.ui-widget {
  font-family: Georgia !important;
  font-size: 10px !important;
  font-size: 0.625rem !important; }

.ui-widget-content {
  background: #EEEEEE !important;
  /* #E2E2E2 ? */
  border-radius: 0px !important; }

.inline-tag-lists p span:first-child {
  color: #281d1c; }

/* just on search page */
.top-tag-list {
  margin-top: 22px;
  margin-top: 1.375rem;
  margin-bottom: 16px;
  margin-bottom: 1rem; }

/*.search-result {
    @include size(border, 1px solid #ddd);
    @include size(box-shadow, 2px 2px 2px #ddd);
    @include size(margin, 1px);
    background: white;

    @include min-screen($S_BOOK_SHORT_FULL) {
        @include size(width, $W_BOOK_SHORT_FULL -4px);
    }

    @media screen and (min-width: 62.5em) {
        @include size(width, 965px);
        @include size(padding-right, 8px);
    }

    .book-box {
        display: inline-block;

        @include min-screen($S_BOOK_SHORT_FULL) {
            @include size(width, $W_BOOK_SHORT_FULL - 4px);
        }

        .book-box-inner {
            border: none;
            box-shadow: none;
            margin: 0;
        }
    }
}*/
.book-list-header {
  padding: 0em;
  margin-left: -1px;
  margin-left: -0.0625rem; }
  @media screen and (min-width: 62.5em) {
    .book-list-header {
      width: 975px;
      width: 60.9375rem; } }
  .book-list-header .book-box-inner {
    min-height: 1em; }
  .book-list-header p {
    font-size: 24px;
    font-size: 1.5rem;
    margin: 5px;
    margin: 0.3125rem; }

@media screen and (min-width: 62.5em) {
  .snippets {
    width: 360px;
    width: 22.5rem;
    float: right; } }
.snippets .snippet-text {
  font-size: 16px;
  font-size: 1rem;
  margin: 13px 0;
  margin: 0.8125rem 0;
  padding: 12px;
  padding: 0.75rem;
  background: #f7f7f7; }
.snippets .anchor {
  display: none; }

@media screen and (min-width: 62.5em) {
  .search-result .picture-left-column {
    display: inline-block;
    width: 800px;
    width: 50rem; }
  .search-result .picture-right-column {
    display: inline-block;
    padding-top: 15px;
    padding-top: 0.9375rem;
    width: 150px;
    width: 9.375rem; } }
.search-result .area-hit {
  font-size: 16px;
  font-size: 1rem;
  margin: 13px 0;
  margin: 0.8125rem 0;
  padding-left: 20px;
  padding-left: 1.25rem;
  padding-right: 20px;
  padding-right: 1.25rem;
  padding-top: 1px;
  padding-top: 0.0625rem;
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
  background: #f7f7f7; }

.search-hint-label {
  display: inline-block;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.636em; }

.tabbed-filter {
  position: relative;
  border-bottom: 1px solid #ddd;
  padding-bottom: 4em; }
  @media screen and (min-width: 375px) {
    .tabbed-filter {
      padding-bottom: 2em; } }
  @media screen and (min-width: 1024px) {
    .tabbed-filter {
      padding-bottom: 0; } }
  .tabbed-filter h1 {
    min-height: 9px; }
  .tabbed-filter .tabs {
    position: absolute;
    right: 0;
    bottom: 0;
    float: right;
    text-align: right; }
    .tabbed-filter .tabs .tab {
      cursor: pointer;
      display: inline-block;
      margin-bottom: -1px;
      box-shadow: none; }
      .tabbed-filter .tabs .tab.active {
        border-bottom-color: white; }

.tabbed-filter-contents {
  margin-bottom: 2em; }
  .tabbed-filter-contents .tab-content {
    display: none;
    border-top: none; }
    .tabbed-filter-contents .tab-content ul {
      list-style: none;
      margin-left: 0;
      padding-left: 10px; }
      .tabbed-filter-contents .tab-content ul li {
        display: inline-block;
        margin-right: 1em;
        border-radius: 1em;
        padding: .5em; }
        .tabbed-filter-contents .tab-content ul li.header {
          width: 6em; }
        .tabbed-filter-contents .tab-content ul li.active {
          background: #0D7E85;
          color: #ddd; }
          .tabbed-filter-contents .tab-content ul li.active a {
            display: inline-block;
            width: 1.5em;
            text-align: center;
            margin-left: .5em;
            border-radius: 1em;
            background: white; }
        .tabbed-filter-contents .tab-content ul li.other a {
          color: #ddd; }

@media screen and (min-width: 62.5em) {
  #tagged-object-list .left-column, #tagged-object-list .right-column {
    width: 480px;
    width: 30rem; } }
#tagged-object-list .see-also, #tagged-object-list .download {
  float: left;
  margin-top: 20px;
  margin-top: 1.25rem;
  margin-bottom: 20px;
  margin-bottom: 1.25rem; }
  #tagged-object-list .see-also h2, #tagged-object-list .download h2 {
    font-family: "Cousine";
    font-size: 11px;
    font-size: 0.6875rem;
    margin: 0; }
  #tagged-object-list .see-also ul, #tagged-object-list .download ul {
    font-size: 11px;
    font-size: 0.6875rem;
    list-style: none;
    padding: 0;
    margin: 0; }
#tagged-object-list .see-also {
  margin-left: 80px;
  margin-left: 5rem;
  width: 143px;
  width: 8.9375rem; }
#tagged-object-list .download {
  margin-left: 20px;
  margin-left: 1.25rem; }
#tagged-object-list .left-column .see-also {
  margin-left: 0; }

#description {
  margin-bottom: 26px;
  margin-bottom: 1.625rem;
  cursor: pointer; }
  #description dl {
    margin-top: 0; }
  #description dt {
    display: inline;
    font-weight: bold;
    margin: 0; }
  #description dd {
    display: inline;
    margin: 0; }
  #description p {
    margin-top: 0; }
  #description #description .meta {
    list-style: none;
    padding: 0;
    margin: 0; }
  #description #description .meta li {
    text-align: right;
    color: #666;
    font-size: 11.7px;
    font-size: 0.73125rem; }

.inline-tag-lists {
  font-size: 11px;
  font-size: 0.6875rem; }
  .inline-tag-lists .inline-header {
    font-family: "Cousine";
    display: inline-block;
    vertical-align: top;
    width: 77px;
    width: 4.8125rem; }
  .inline-tag-lists .inline-body {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 5.5px;
    margin-bottom: 0.34375rem;
    max-width: 385px;
    max-width: 24.0625rem; }
    .inline-tag-lists .inline-body ul {
      list-style: none;
      padding: 0;
      margin: 0; }
      .inline-tag-lists .inline-body ul li {
        display: inline-block;
        margin-right: 11px;
        margin-right: 0.6875rem; }

.dictionary-note {
  border: 1px solid #ddd;
  border: 0.0625rem solid #ddd;
  background: #fff;
  -moz-box-shadow: 2px 2px 2px #ddd;
  -moz-box-shadow: 0.125rem 0.125rem 0.125rem #ddd;
  -webkit-box-shadow: 2px 2px 2px #ddd;
  -webkit-box-shadow: 0.125rem 0.125rem 0.125rem #ddd;
  box-shadow: 2px 2px 2px #ddd;
  box-shadow: 0.125rem 0.125rem 0.125rem #ddd;
  padding: 8px;
  padding: 0.5rem;
  margin: 10px 0;
  margin: 0.625rem 0; }

.dictionary-note-source {
  border: 1px solid #ddd;
  border: 0.0625rem solid #ddd;
  background: #fff;
  -moz-box-shadow: 2px 2px 2px #ddd;
  -moz-box-shadow: 0.125rem 0.125rem 0.125rem #ddd;
  -webkit-box-shadow: 2px 2px 2px #ddd;
  -webkit-box-shadow: 0.125rem 0.125rem 0.125rem #ddd;
  box-shadow: 2px 2px 2px #ddd;
  box-shadow: 0.125rem 0.125rem 0.125rem #ddd;
  padding: 8px;
  padding: 0.5rem; }

.funding, .funding-top-header {
  background: orange;
  margin: auto;
  padding: 5px 0;
  padding: 0.3125rem 0;
  position: relative; }
  .funding .close, .funding-top-header .close {
    font-family: "Cousine";
    font-size: 16px;
    font-size: 1rem;
    position: absolute;
    top: 0px;
    right: 0;
    padding: 1px 5px 10px 10px;
    padding: 0.0625rem 0.3125rem 0.625rem 0.625rem; }
  .funding .call-area, .funding-top-header .call-area {
    float: left;
    padding-right: 6px;
    padding-right: 0.375rem; }
  .funding a.call, .funding-top-header a.call {
    height: 18px;
    height: 1.125rem;
    padding: 5.25px 7.5px;
    padding: 0.32813rem 0.46875rem;
    margin: 7.5px;
    margin: 0.46875rem;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    background: #018189;
    width: 135px;
    width: 8.4375rem; }
    @media screen and (min-width: 26.25em) {
      .funding a.call, .funding-top-header a.call {
        vertical-align: top; } }
  .funding .learn-more, .funding-top-header .learn-more {
    text-align: center;
    margin: auto;
    font-size: 10px;
    font-size: 0.625rem;
    padding: .5em; }
    @media screen and (min-width: 18.75em) {
      .funding .learn-more, .funding-top-header .learn-more {
        display: inline; } }
    @media screen and (min-width: 26.25em) {
      .funding .learn-more, .funding-top-header .learn-more {
        padding: 0;
        display: block; } }
  .funding .description, .funding-top-header .description {
    padding-left: 6px;
    padding-left: 0.375rem; }
    .funding .description a, .funding-top-header .description a {
      display: block;
      color: black;
      padding: 0 3px;
      padding: 0 0.1875rem; }
  .funding strong, .funding-top-header strong {
    font-size: 15px;
    font-size: 0.9375rem;
    padding: 3px 0 0;
    padding: 0.1875rem 0 0; }
  .funding .progress, .funding-top-header .progress {
    margin: 3px 12px 4px 0;
    margin: 0.1875rem 0.75rem 0.25rem 0;
    border-radius: 20px;
    border-radius: 1.25rem;
    background-image: url("/static/img/progress-pixel.50991dd896c4.png");
    background-repeat: repeat-y;
    background-color: #F68900;
    -moz-box-shadow: 1px 1px 1px #888;
    -moz-box-shadow: 0.0625rem 0.0625rem 0.0625rem #888;
    -webkit-box-shadow: 1px 1px 1px #888;
    -webkit-box-shadow: 0.0625rem 0.0625rem 0.0625rem #888;
    box-shadow: 1px 1px 1px #888;
    box-shadow: 0.0625rem 0.0625rem 0.0625rem #888; }
    .funding .progress .piece, .funding-top-header .progress .piece {
      font-size: 13px;
      font-size: 0.8125rem;
      padding: 4px 6px;
      padding: 0.25rem 0.375rem; }
    .funding .progress .progress-collected, .funding-top-header .progress .progress-collected {
      float: left; }
      .funding .progress .progress-collected:after, .funding-top-header .progress .progress-collected:after {
        content: " / "; }
      @media screen and (min-width: 31.25em) {
        .funding .progress .progress-collected:after, .funding-top-header .progress .progress-collected:after {
          content: none; } }
    .funding .progress .progress-target, .funding-top-header .progress .progress-target {
      float: left;
      padding-left: 0; }
      @media screen and (min-width: 31.25em) {
        .funding .progress .progress-target, .funding-top-header .progress .progress-target {
          float: right;
          padding-left: 6px;
          padding-left: 0.375rem; } }
    .funding .progress .progress-extralabel, .funding-top-header .progress .progress-extralabel {
      display: none; }
      @media screen and (min-width: 31.25em) {
        .funding .progress .progress-extralabel, .funding-top-header .progress .progress-extralabel {
          display: inline; } }
    .funding .progress .progress-until, .funding-top-header .progress .progress-until {
      display: inline-block;
      margin-right: 0em;
      text-align: right; }
      @media screen and (min-width: 31.25em) {
        .funding .progress .progress-until, .funding-top-header .progress .progress-until {
          text-align: center; } }
  .funding .with-button, .funding-top-header .with-button {
    clear: left; }
    @media screen and (min-width: 26.25em) {
      .funding .with-button, .funding-top-header .with-button {
        clear: none;
        margin-left: 171px;
        margin-left: 10.6875rem; } }
  .funding .funding-title, .funding-top-header .funding-title, .funding .funding-title-strong, .funding-top-header .funding-title-strong {
    font-size: 11px;
    font-size: 0.6875rem;
    display: block; }
    @media screen and (min-width: 40em) {
      .funding .funding-title, .funding-top-header .funding-title, .funding .funding-title-strong, .funding-top-header .funding-title-strong {
        display: inline; } }
  .funding .funding-title-strong, .funding-top-header .funding-title-strong {
    font-weight: bold;
    font-size: 15px;
    font-size: 0.9375rem; }

@media screen and (min-width: 62.5em) {
  .funding-top-header {
    width: 975px;
    width: 60.9375rem; } }

.wlfund {
  width: 100%;
  border-spacing: 0; }
  .wlfund td {
    padding: 10px 5px 10px;
    padding: 0.625rem 0.3125rem 0.625rem;
    text-align: center;
    border-top: 10px solid rgba(255, 255, 255, 0);
    border-top: 0.625rem solid rgba(255, 255, 255, 0);
    border-bottom: 2px solid #DDDDDD;
    border-bottom: 0.125rem solid #DDDDDD;
    background-clip: padding-box;
    -moz-background-clip: padding;
    -webkit-background-clip: padding; }
  .wlfund td.oneline {
    white-space: nowrap; }
  .wlfund td:last-child {
    text-align: right; }
  .wlfund .funding-plus td {
    background-color: white; }
  .wlfund .funding-minus td {
    background-color: white; }

.honking {
  background: #018189;
  font-size: 15px;
  font-size: 0.9375rem;
  padding: 7.5px;
  padding: 0.46875rem;
  color: white;
  border: 0;
  -moz-box-shadow: 3px 3px 4.5px #888888;
  -moz-box-shadow: 0.1875rem 0.1875rem 0.28125rem #888888;
  -webkit-box-shadow: 3px 3px 4.5px #888888;
  -webkit-box-shadow: 0.1875rem 0.1875rem 0.28125rem #888888;
  box-shadow: 3px 3px 4.5px #888888;
  box-shadow: 0.1875rem 0.1875rem 0.28125rem #888888;
  position: relative; }

.honking:hover {
  -moz-box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  box-shadow: none;
  top: 1px;
  top: 0.0625rem;
  left: 1px;
  left: 0.0625rem; }

.share a {
  margin-right: 15px;
  margin-right: 0.9375rem; }
  .share a img {
    vertical-align: middle; }

#funding-closeable {
  display: none; }

#funding-handle {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  background: orange;
  cursor: pointer;
  padding: 2.6px 13px;
  padding: 0.1625rem 0.8125rem;
  border-radius: 0 0 0 10px;
  border-radius: 0 0 0 0.625rem;
  font-size: 13px;
  font-size: 0.8125rem; }

.funding-cover {
  float: left;
  margin-right: 10px;
  margin-right: 0.625rem; }

.funding-details-intro {
  padding-top: 10px;
  padding-top: 0.625rem; }
  .funding-details-intro h3:first-of-type {
    margin-top: 0; }

.poll {
  width: 400px; }
  .poll ul {
    list-style-type: none; }

.poll-bar {
  border: solid 1px #ddd;
  height: 6px;
  margin-bottom: 10px; }

.poll-bar-inner {
  background: orange;
  height: 6px; }

.poll-msg {
  font-weight: bold; }

.social-shelf-tags {
  list-style: none;
  padding: 0;
  position: absolute;
  top: 10px;
  right: 50px;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .social-shelf-tags li {
    display: inline-block;
    margin-right: .5em;
    margin-bottom: .5em; }
    .social-shelf-tags li a {
      display: block;
      padding: .2em .9em;
      background: #ABDADE;
      color: #08646b;
      border-radius: 1em; }

/*# sourceMappingURL=main.css.map */