/*! HTML5 Boilerplate v5.0.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

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

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

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

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

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

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

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

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

html {
	height: 100%;
}

body {
	min-height: 100%;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ccc;
	background-color: #000;
}

a:link,
a:visited {
	color: #fff;
	text-decoration: none;
}

a:focus,
a:hover,
a:active {
	color: #fff;
	text-decoration: underline;
}

a.icon-arrow {
	background-image: url('https://crodata.cz/static/img/e5/player/arr_item.png');
	background-repeat: no-repeat;
	background-position: 2px 4px;
	padding-left: 11px;
}

p {
	line-height: 15px;
}



#wrapper {
	width: 500px;
	height: 840px;
	margin: 0 auto;
	overflow: hidden;
}

@media screen and ( min-height: 840px ) {
	#wrapper {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		margin: auto;
	}
}

#main {
	float: left;
	width: 320px;
	height: 840px;
	padding: 0 10px;
	overflow: hidden;
	background-color: #1a1a1e;
}

#main-wrapper {
	width: 340px;
	height: 806px;
	overflow: hidden;
}

#header {
	width: 300px;
	height: 65px;
	margin: 0 10px 10px 10px;
	overflow: hidden;
	border-bottom: 1px solid #eee;
}

#content {
	width: 300px;
	margin: 0 10px;
/* 	overflow: hidden; */
}

#footer {
	width: 320px;
	height: 14px;
	padding: 10px 0;
}

#aside {
	float: left;
	width: 120px;
	height: 840px;
	padding: 0 20px;
	overflow: hidden;
	background-color: #333;
}



#header h1 {
	float: left;
	width: 190px;
	height: 65px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: -10px 0; /* TODO */
}

#header h1 a {
	display: block;
	width: 190px;
	height: 65px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#header ul {
	float: left;
	width: 110px;
	height: 25px;
	padding: 0;
	margin: 40px 0 0 0;
	overflow: hidden;
	list-style: none;
}

#header li {
	display: block;
	float: right;
	height: 25px;
	padding: 0px;
	margin: 0px 0px 0px 2px;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: .5px;
}

#header li a:link,
#header li a:visited {
	display: block;
	height: 25px;
	line-height: 25px;
	padding: 0 7px;
	background-color: #ca003a;
}

#header li a:focus,
#header li a:hover,
#header li a:active {
	text-decoration: none;
	background-color: #999;
}

#header li a.active {
	color: #000;
	background-color: #eee;
}

.station-common #header h1 {
	background-image: url('https://crodata.cz/static/img/e5/player/logo/common.png');
}

.station-brno #header h1 {
	background-image: url('https://crodata.cz/static/img/e5/player/logo/brno-r.png');
}

.station-cb #header h1 {
	background-image: url('https://crodata.cz/static/img/e5/player/logo/cb-r.png');
}

.station-radiozurnal #header h1 {
	background-image: url('https://crodata.cz/static/img/e5/player/logo/radiozurnal-r.png');
}

.station-praha #header h1 {
	background-image: url('https://crodata.cz/static/img/e5/player/logo/praha-r.png');
}

.station-dvojka #header h1 {
	background-image: url('https://crodata.cz/static/img/e5/player/logo/praha-r.png');
}

.station-vltava #header h1 {
	background-image: url('https://crodata.cz/static/img/e5/player/logo/vltava-r.png');
}

.station-d-dur #header h1 {
	background-image: url('https://crodata.cz/static/img/e5/player/logo/d-dur-r.png');
}

.station-jazz #header h1 {
	background-image: url('https://crodata.cz/static/img/e5/player/logo/jazz-r.png');
}

.station-hradec #header h1 {
	background-image: url('https://crodata.cz/static/img/e5/player/logo/hradec-r.png');
}

.station-kv #header h1 {
	background-image: url('https://crodata.cz/static/img/e5/player/logo/kv-2014.png');
}

.station-olomouc #header h1 {
	background-image: url('https://crodata.cz/static/img/e5/player/logo/olomouc-r.png');
}

.station-ostrava #header h1 {
	background-image: url('https://crodata.cz/static/img/e5/player/logo/ostrava-r.png');
}

.station-pardubice #header h1 {
	background-image: url('https://crodata.cz/static/img/e5/player/logo/pardubice-r.png');
}

.station-plzen #header h1 {
	background-image: url('https://crodata.cz/static/img/e5/player/logo/plzen-r.png');
}

.station-regina #header h1 {
	background-image: url('https://crodata.cz/static/img/e5/player/logo/radiodabpraha.png');
}

.station-strednicechy #header h1 {
	background-image: url('https://crodata.cz/static/img/e5/player/logo/strednicechy-2014.png');
}

.station-vysocina #header h1 {
	background-image: url('https://crodata.cz/static/img/e5/player/logo/vysocina-2014.png');
}

.station-sever #header h1 {
	background-image: url('https://crodata.cz/static/img/e5/player/logo/sever-r.png');
}

.station-liberec #header h1 {
	background-image: url('https://crodata.cz/static/img/e5/player/logo/liberec-2017.png');
}

.station-radiowave #header h1 {
	background-image: url('https://crodata.cz/static/img/e5/player/logo/radiowave-r.png');
}

.station-webik #header h1 {
	background-image: url('https://crodata.cz/static/img/e5/player/logo/radiojuniorpisnicky-r.png');
}

.station-radiojunior #header h1 {
	background-image: url('https://crodata.cz/static/img/e5/player/logo/radiojunior-r.png');
}

.station-plus #header h1 {
	background-image: url('https://crodata.cz/static/img/e5/player/logo/plus-r.png');
}

.station-cro7 #header h1 {
	background-image: url('https://crodata.cz/static/img/e5/player/logo/cro7-v3.png');
}

.station-zpravy #header h1 {
	background-image: url('https://crodata.cz/static/img/e5/player/logo/sport.png');
}

.station-archiv #header h1 {
	background-image: url('https://crodata.cz/static/img/e5/player/logo/rozhlasovahistorie.png');
}

.station-zlin #header h1 {
	background-image: url('https://crodata.cz/static/img/e5/player/logo/zlin-r.png');
}

.station-radiozurnal-sport #header h1 {
	background-image: url('https://crodata.cz/static/img/e5/player/logo/radiozurnal-sport.png');
}



.block {
	margin-bottom: 20px;
}

.block .header {
	margin-bottom: 5px;
}

.block h2 {
	float: left;
	padding: 0;
	margin: 0;
	font-size: 11px;
	font-weight: normal;
}

.block h3 {
	padding: 0;
	margin: 0;
	font-size: 13px;
	line-height: 18px;
	color: #fff;
}

.block h3 em {
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
}

.block p {
	padding: 0;
	margin: 0 0 10px 0;
}

.block .addons {
	float: right;
}

.block .addons span {
	color: #777;
}

.block .content {
	padding-top: 10px;
	border-top: 1px solid #555;
}



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

.block-listing li a {
	padding-left: 21px;
	background-repeat: no-repeat;
}

.block-listing li a:link,
.block-listing li a:visited {
	background-image: url('https://crodata.cz/static/img/e5/player/miniplay-v2.png');
}

.block-listing li a:focus,
.block-listing li a:hover,
.block-listing li a:active {
	background-image: url('https://crodata.cz/static/img/e5/player/miniplay_over-v2.png');
}



.block-alert p {
	padding: 10px;
	font-size: 11px;
	line-height: 18px;
/* 	font-weight: bold; */
	color: #000;
	background-color: #e6b405;
}



#aside .block {
	margin-top: 20px;
}

#aside .block h2 {
	font-size: 10px;
	text-transform: uppercase;
}

#aside .block .content {
	padding-top: 5px;
	border-color: #777;
}

#aside .block h3 {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: normal;
}

#aside .block li a {
	display: block;
	line-height: 17px;
	font-size: 11px;
}

#aside .block li a.active {
	color: #999;
}

#aside .block ul {
	margin: 0;
	padding: 0;
	list-style: none;
}



#block-help li a:link,
#block-help li a:visited {
	color: #2c6fb3;
}

#block-help li a:focus,
#block-help li a:hover,
#block-help li a:active {
	color: #fff;
}

#block-help li a span {
	float: left !important;
	width: 10px !important;
	height: 10px !important;
	margin: 3px 5px 0 0 !important;
	background-image: url('https://crodata.cz/static/img/e5/player/sprite-icon.png') !important;
	background-size: 20px !important;
	background-color: inherit !important;
	background-repeat: no-repeat !important;
}

#block-help li a span span {
	display: none;
}

#block-help li a span * {
	display: none;
}

#block-help li.item-instructions a span {
	background-position: 0 0;
}
#block-help li.item-instructions a:focus span,
#block-help li.item-instructions a:hover span,
#block-help li.item-instructions a:active span {
	background-position: -10px 0;
}

#block-help li.item-help a span {
	background-position: 0 -10px;
}
#block-help li.item-help a:focus span,
#block-help li.item-help a:hover span,
#block-help li.item-help a:active span {
	background-position: -10px -10px;
}

#block-help .item-favorites a span {
	background-position: 0 -20px;
}
#block-help .item-favorites a:focus span,
#block-help .item-favorites a:hover span,
#block-help .item-favorites a:active span {
	background-position: -10px -20px;
}



.qtip-content {
	padding: 10px;
	color: #555;
}

.qtip-content .item {
	line-height: 14px;
	margin-bottom: 3px;
}

.qtip-content .item-last {
	margin-bottom: 0;
}

.qtip-content .item-readmore {
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px solid #999;
}

.qtip-content strong {
	color: #000;
}

.qtip-content a {
	color: #2c6fb3;
}



.player {
	margin: 5px 0 10px 0;
}



#sharing {
	float: left;
	height: 16px;
	margin-top: 10px;
}

#sharing .label {
	float: left;
	line-height: 16px;
}

#sharing .item {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	margin-left: 5px;
	overflow: hidden;
/* 	text-indent: 100%; */
	white-space: nowrap;
}



#actions {
	margin-top: 10px;
	line-height: 16px;
	text-align: right;
}



#track-embed-source,
#live-embed-source {
	width: 99%;
	height: 90px;
	resize: none;
}



#footer a {
	display: block;
	width: 89px;
	height: 14px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-image: url('https://crodata.cz/static/img/e5/player/logo_cro_footer-v3.png');
	background-repeat: no-repeat;
}



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

/*
 * Hide visually and from screen readers:
 * http://juicystudio.com/article/screen-readers-display-none.php
 */

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

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

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

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

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

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}