﻿.podcast-list {width:100%;margin:5px 0px 5px 0px}

.pod-show,.pod-hide {
	display:block;
	margin:0px;
	padding:0px;
	float:left;
	width:100%;
	z-index:1;
	position:relative;
	top:-1px;
}
.pod-button, .pod-selected {
	width:110px;
	float:right;
	color:#666;
	text-align:center;
	padding:3px 2px 3px 2px;
	margin:0px 15px 0px 15px;
}
.pod-selected {
	cursor:default;
	color:#fff;
	background:#4b9ec2;
	border:solid #014f73;
	border-width:1px 1px 0px 1px;
	padding:2px 0px 3px 0px;
	font-weight:bold;
}

.pod-button {
	cursor:pointer;
	background:url(../img/arrow.gif) left center no-repeat;
}
.pod-button:hover {
	color:#000;
	background-image:url(../img/arrow_orange.gif);
}
.pod-controlbar {
	float:left;
	width:100%;
	margin:0px;
	padding:0px;
	z-index:5;
	position:relative;
}
.pod-hide {
	display:none;
}
/* --- level menu --- */
.levelMenu {
	float:left;
	position:relative;	
	width:100%;
	height:300px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
	font-size:12px;
	line-height:22px;
	list-style:none;
	clear:both;
}

.levelMenu li {
	float:left;
	clear:both;
	text-align:center;
	display:block;
	width:120px;
	height:55px;
	cursor:pointer;
	color:#000;
	overflow:hidden;
	border:solid #ffffff;
	border-width:0px 0px 0px 0px;
	margin:0px 2px 5px 0px;
	padding:0px;
}

.levelMenu li a {
	display:block;
	width:110px;
	margin:0px 0px 0px 10px;
	height:55px;
	line-height:57px;
	color:#777;
	text-decoration:none;
	background:#ffffff;
	background:#ffffff url(../img/arrow.gif) 5px center no-repeat;
}

.levelMenu .rowspan-2, .levelMenu .rowspan-2 a {height:115px;line-height:115px}
.levelMenu .rowspan-3, .levelMenu .rowspan-3 a  {height:175px;line-height:175px}	

.levelMenu li.hvr a, .levelMenu li.hvr a:hover {
	background:none;
	color:#000;
}
.levelMenu li ul li a, .levelMenu li.hvr ul li a {
	position:absolute;
	left:auto;
	right:0px;
	bottom:5px;
	margin:0px;
	display:block;
	border:none;
	padding:0px;
	width:78px;
	height:20px;
	cursor:pointer;
	background:url('../img/shop/button_view_details.gif') no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
.levelMenu li a:hover {
	color:#000;
	font-weight:bold;
	background:#ffffff url(../img/arrow_orange.gif) 5px center no-repeat;
}

.levelMenu li ul {
	position:absolute;
	top:0px;
	left:120px;
	height:253px;
	width:450px;
	display:none;
	padding:20px;
	border:solid #ffffff;
	border-width:1px 1px 1px 1px;
	list-style:none;
	margin:0px;		
}
.levelMenu li ul li {
	margin:0px 0px 10px 0px;
	padding:0px;
	line-height:1.5em;
	text-align:left;
	width:100%;
	height:115px;
	color:#000;
	position:relative;
	border-bottom:1px dotted #aaa;
}
.levelMenu li.hvr ul {
	display:block;
	font-weight:normal;
}

.levelMenu li.hvr ul li a:hover {
	background:url('../img/shop/button_view_details.gif') 0px -20px no-repeat;
}
.levelMenu span {
	display:block;
	float:right;
	width:20px;
	height:30px;
}
.levelMenu .lvlf{background:#008ecc;}
.levelMenu .lvlf ul {border-color:#008ecc}

.levelMenu .lvl4{background:#F6B244;}
.levelMenu .lvl4 ul {border-color:#F6B244}

.levelMenu .lvl3{background:#FFF44C}
.levelMenu .lvl3 ul {border-color:#FFF44C}

.levelMenu .lvl2{background:#ADD25B}
.levelMenu .lvl2 ul {border-color:#ADD25B}

.levelMenu .lvl1 {background:#67C068}
.levelMenu .lvl1 ul {border-color:#67C068}

.levelMenu .lvl0 {background:#44B16D}
.levelMenu .lvl0 ul {border-color:#44B16D}

.levelMenu li.hvr {
	color:#000;
	font-weight:bold;
}
/* --- /level menu -- */

.newPodcast{
	list-style:none;
	margin:0px;
	padding:0px 0px 20px 0px;
	position:relative;
	width:100%;	
}
.newPodcast li {
	padding:5px;
	width:80px;
	text-align:center;
}
.newPodcast li ul {
	list-style:none;
	margin:0px;
	padding:0px;
	display:none;
	position:absolute;
	left:90px;
	top:0px;
	background:#ffffff;
	border:1px solid orange;
}
.newPodcast li ul li {
	width:477px;
	text-align:left;
}
.newPodcast li.selected{
	background:orange;
}
.newPodcast li.selected ul {
	display:block;
}
.newPodcast ul li.selected{
	background:#ffff99;
}
.newPodcast .date {
	float:right;
}
.lessonWindow {
	border:1px solid #ddddff;
	padding:10px;
	margin-bottom:10px;
}
a.view-details ,a.view-details:hover {display:block;border:none;padding:0px;width:78px;height:20px;cursor:pointer;background:url('../img/shop/button_view_details.gif') no-repeat;text-indent:-9999px;overflow:hidden}
a.view-details:hover {background-position:0px -20px;}

a.view-details-2 ,a.view-details-2:hover {display:block;border:none;padding:0px;width:78px;height:20px;cursor:pointer;background:url('../img/shop/button_view_details2.gif') no-repeat;text-indent:-9999px;overflow:hidden}
a.view-details:hover {background-position:0px -20px;}

a.view-details-a ,a.view-details-a:hover {display:block;border:none;padding:0px;width:78px;height:20px;cursor:pointer;background:url('../img/shop/button_view_details_a.gif') no-repeat;text-indent:-9999px;overflow:hidden}
a.view-details-a:hover {background-position:0px -20px;}

a.view-moshikomi ,a.view-moshikomi:hover {display:block;border:none;padding:0px;width:78px;height:20px;cursor:pointer;background:url('../img/shop/button_moshikomi.gif') no-repeat;text-indent:-9999px;overflow:hidden}
a.view-moshikomi:hover {background-position:0px -20px;}
