body {
	margin: 0px !important;
	font-family:sans-serif;
	font-size:14px;
}
.episode-title {
	display: none;
}	
h2{font-size:15pt;margin-top:0px}
#info_text h2{margin-bottom:0px}
.info-show-icon{clear:right;float:right;width:100px;margin:10px 0px 10px 10px}
h3{font-size:11pt;margin:0px;}
div.release_date{margin:10px auto}
div.back_to_menu{float:right;cursor:pointer}
#modal_content h2{margin-top:0px;margin-bottom:10px;}
#player_menu a{cursor:pointer}
/* info modal */ 
.modal_content{display:none;}
#episode_ul{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#episode_ul li{
	margin:0px 5px 15px 0px;
	padding:0px 5px 15px 35px;
	border-bottom:1px white solid;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#episode_ul li.video_item{background-image: url(../../../../img/dir_video_22x.png);}
#episode_ul li.audio_item{background-image: url(../../../../img/dir_audio_22x.png);}
#episode_ul li a{text-decoration:none;}
div.menu-option{
	float:left;
	text-align:center;
	width:75px;
	margin:5px;
}
div.menu-option img{height:75px;width:75px}
div.row-break{height:0px;width:0px;clear:both}

.premium_title{text-decoration:line-through}
.premium_desc{color:red}
a.premium_link{text-decoration:underline !important}
a.premium_link:link{text-decoration:underline}
a.premium_link:visited{text-decoration:underline}

.premium_access{color:green}

img.back-button{width:50px;height:16px}

.internal-controls{
	position:relative
}
.jp-progress-slider{
	width: 100%;
	position: relative;
	margin: 12px auto auto auto;
	top: -6px;
}

.jp-gui ul {
	margin:0;
	padding:0;
}
.jp-gui ul li {
	position:relative;
	float:left;
	list-style:none;
	margin:2px;
	padding:4px 0;
	cursor:pointer;
}
.jp-gui ul li a {
	margin:0 4px;
}
.jp-gui li.jp-repeat,
.jp-gui li.jp-repeat-off {
	margin-left:344px;
}
.jp-gui li.jp-mute,
.jp-gui li.jp-unmute {
	margin-left:20px;
}
.jp-gui li.jp-volume-max {
	margin-left:120px;
}
li.jp-pause,
li.jp-repeat-off,
li.jp-unmute,
.jp-no-solution {
	display:none;
}
.jp-progress-slider .ui-slider-handle {
	cursor:pointer;
}

.jp-gui .jp-no-volume .jp-volume-slider {
	display:none;
}
.jp-current-time,
.jp-duration {
	position:absolute;
	top:42px;
	font-size:0.8em;
	cursor:default;
	display: none;
}
.jp-current-time {
	left:100px;
}
.jp-duration {
	right:266px;
}
.jp-gui.jp-no-volume .jp-duration {
	right:70px;
}
.jp-clearboth {
	clear:both;
}
.ui-slider-horizontal {
	height: 3px;
	background-color: #ffffff;
}
.ui-slider-handle {
	background: url("slider-handle-25px.png") no-repeat !important;
	top: -0.17em !important;
	border: none !important;
	margin-left: -1px !important;
}

.play-pause-cell {
	width: 18px;
}
.jp-play, .jp-pause {
	height: 26px;
	cursor: pointer;
}
.jp-play {
	background: url("player-play-25px.png") no-repeat center;
}
.jp-pause {
	background: url("player-pause-25px.png") no-repeat center;
}
.play-pause.loading {
	background: url("player-spinner-25px.gif") no-repeat center;
}

.player-logo {
	background: url("player-libsyn-25px.png") no-repeat center;
	height: 26px;
}
.player-logo-cell {
	width: 55px;
}


.jp-gui {
	position: fixed;
	bottom: 0px;
	width: 100%;
	max-height: 26px;
	background: #cccccc;
	left: 0px;
	overflow: hidden;
}

.jp-controls-holder {
	height: 46px;
	position:relative;
	width:100%;
}

	.jp-controls {
		width: 100%;
		display:table;
		padding:0;
		margin:0;
		height:26px;
		position:absolute;
		top:0;
	}

		.player-control-row {
			width: 100%; 
			display:table-row;
			margin:0;
			padding:0;
		}

		.player-cell {
			display:table-cell;
			vertical-align:middle;
			padding-left: 3px;
			margin:0;
		}

div.jp-seek-bar {
	background: #575757;
	height: 3px;
}
.jp-play-bar {
	background-color: #81b82d;
	height: 3px;
}
.jp-current-time {
	left: 0px;
}
.jp-duration {
	right: 0px;
}
.jp-current-time, .jp-duration {
	top: 11px;
	color: gray;
	font-size: 10px;
}
.ui-slider-range {
	height: 0% !important;
}
.ui-widget-content {
 border: none;
}

.hover-menu {
	position: absolute;
	width: 100%;
	background-color: rgba(0,0,0,.25);
	color: #ffffff;
	font-weight: bold;
	font-family: sans-serif;
	font-size: 12px;
	line-height: 24px;
	cursor: pointer;
}
.hover-menu-item {
	float: left;
	width: 25%;
	text-align: center;
}
.menu-option a:hover, .hover-menu-item a:hover {
	color: #81b82d !important; 
}
div.menu-option {
	float: none !important;
	display: block;
	
	text-align: left !important;
	width: 100% !important;
	height: 45px;
	position: relative;
	margin-bottom: 5px;
}
.share-image {
	position: absolute;
	top: 0px;
	left: 0px;
}
.share-text {
	line-height: 45px !important;
	margin-left: 82px;
	font-size: 18px;
	font-weight: bold;
}
.menu-option a {
	text-decoration: none;
}

.displace {
	position: absolute;
	left: -5000px;
}
#share_episode {
	padding: 28px !important;
	margin-left: 22px;
}