/*
body{
	background:#eee;
	height:1000px;
}
.container_1024 {
	background:white url('../imgs/bg_provisional.jpg') top left no-repeat;
	height:768px;
	margin:auto;
	position:relative;
	width:1024px;
}
*/
.html_player_ipad_link {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #f3f3f3 51%, #f3f3f3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(51%,#f3f3f3), color-stop(100%,#f3f3f3));
	background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 50%,#f3f3f3 51%,#f3f3f3 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#ffffff 50%,#f3f3f3 51%,#f3f3f3 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 50%,#f3f3f3 51%,#f3f3f3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );
	background: linear-gradient(top, #ffffff 0%,#ffffff 50%,#f3f3f3 51%,#f3f3f3 100%);
	border:1px solid #333;
	padding: 6px 10px;
	width: 160px;
	display: none;
	clear: both;
}
.html_player_ipad_link span {
	background:url('../images/bg_link.png') no-repeat top left;
    color: black;
    display: block;
    font-size: 20px;
    padding: 2px 0 3px 40px;
}
.html_player_ipad_link.active span {
	color: #008108;
}
.html_player_ipad {
	-moz-border-radius-topleft: 6px;
	-webkit-border-radius-topleft: 6px;
	border-radius-topleft: 6px;
	border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-radius-topright: 6px;
	border-radius-topright: 6px;
	border-top-right-radius: 6px;
	background: #f3f4f6;
	background: -moz-linear-gradient(top, #f3f4f6 0%, #a6aab7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f4f6), color-stop(100%,#a6aab7));
	background: -webkit-linear-gradient(top, #f3f4f6 0%,#a6aab7 100%);
	background: -o-linear-gradient(top, #f3f4f6 0%,#a6aab7 100%);
	background: -ms-linear-gradient(top, #f3f4f6 0%,#a6aab7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f4f6', endColorstr='#a6aab7',GradientType=0 );
	background: linear-gradient(top, #f3f4f6 0%,#a6aab7 100%);
	bottom: 0;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 401;
	height: 120px
}
.html_player_ipad .shell {
	color: #666;
    font-family: arial;
    font-size: 16px;
    padding: 20px;
}
.html_player_ipad .play {
	background:transparent url('../images/bg_play.png') no-repeat top left;
    float: left;
	height: 68px;
	text-indent: -5000px;
	width: 68px;
}
.html_player_ipad .play.pause { background-position:bottom left }
.html_player_ipad .titular {
	float: left;
	margin: 10px 0 0 20px;
	text-shadow: 0 1px 1px white;
}
@media screen and (max-width: 768px) {
	.html_player_ipad .titular { width:385px }
}
@media screen and (min-width: 768px) {
	.html_player_ipad .titular { width:80% }
}
.html_player_ipad .titular .clearfix .info {
	float:left;
}
.html_player_ipad .titular .clearfix .counter {
	float:right;
}
.html_player_ipad .right {
	float: right;
	margin-right: 10px;
}
.html_player_ipad .bar {
	height: 25px;
	padding-top: 10px;
	position: relative;
}
.html_player_ipad .bar .slider {
	background: #c4c4c4;
	background: -moz-linear-gradient(top, #c4c4c4 0%, #f8f8f8 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c4c4c4), color-stop(50%,#f8f8f8));
	background: -webkit-linear-gradient(top, #c4c4c4 0%,#f8f8f8 50%);
	background: -o-linear-gradient(top, #c4c4c4 0%,#f8f8f8 50%);
	background: -ms-linear-gradient(top, #c4c4c4 0%,#f8f8f8 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c4', endColorstr='#f8f8f8',GradientType=0 );
	background: linear-gradient(top, #c4c4c4 0%,#f8f8f8 50%);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border-top:1px solid #969696;
	border-bottom:1px solid #cdcdcd;
	height:7px;
}
.html_player_ipad .bar .handler {
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	border-radius: 14px;
	background: #dbdbdb;
	background: -moz-linear-gradient(top, #dbdbdb 0%, #ffffff 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(50%,#ffffff));
	background: -webkit-linear-gradient(top, #dbdbdb 0%,#ffffff 50%);
	background: -o-linear-gradient(top, #dbdbdb 0%,#ffffff 50%);
	background: -ms-linear-gradient(top, #dbdbdb 0%,#ffffff 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#ffffff',GradientType=0 );
	background: linear-gradient(top, #dbdbdb 0%,#ffffff 50%);
	border: solid 1px white;
	-moz-box-shadow: 0 0 3px black;
	-webkit-box-shadow: 0 0 3px black;
	box-shadow: 0 0 3px black;
	height: 24px;
	left: 46%;
	position: absolute;
	top: 3px;
	width: 24px;
	z-index: 100;
}
.html_player_ipad .bar .complete {
	background: #002b01;
	background: -moz-linear-gradient(top, #002b01 0%, #008108 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#002b01), color-stop(50%,#008108));
	background: -webkit-linear-gradient(top, #002b01 0%,#008108 50%);
	background: -o-linear-gradient(top, #002b01 0%,#008108 50%);
	background: -ms-linear-gradient(top, #002b01 0%,#008108 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002b01', endColorstr='#008108',GradientType=0 );
	background: linear-gradient(top, #002b01 0%,#008108 50%);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border-top:1px solid #999;
	border-bottom:1px solid #cdcdcd;
	height: 7px;
	position: absolute;
	top: 10px;
	width: 0%; /* provisional */
}
.html_player_ipad .btns {
	background: #fbfbfb;
	background: -moz-linear-gradient(top, #fbfbfb 5%, #d7d7d7 50%, #cacaca 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#fbfbfb), color-stop(50%,#d7d7d7), color-stop(100%,#cacaca));
	background: -webkit-linear-gradient(top, #fbfbfb 5%,#d7d7d7 50%,#cacaca 100%);
	background: -o-linear-gradient(top, #fbfbfb 5%,#d7d7d7 50%,#cacaca 100%);
	background: -ms-linear-gradient(top, #fbfbfb 5%,#d7d7d7 50%,#cacaca 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#cacaca',GradientType=0 );
	background: linear-gradient(top, #fbfbfb 5%,#d7d7d7 50%,#cacaca 100%);
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	border:1px solid #999;
	box-shadow: 0 0 24px #fff inset;
	-moz-box-shadow:  0 0 24px #fff inset;
	-webkit-box-shadow:  0 0 24px #fff inset;
	float: left;
	height: 66px;
	margin-left: 20px;
	overflow: hidden;
	width: 0px;
}
.html_player_ipad .btns a {
	background:transparent url('../imgs/icons.png') no-repeat;
	height:50%;
	width:49%;
}
.html_player_ipad .btns a.active {
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset;
}
.html_player_ipad .btns a.inactive {
	/*
	-moz-box-shadow: 0 0 30px rgba(216, 218, 224, 0.3) inset;
	-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3) inset;
	box-shadow: 0 0 30px rgba(179, 183, 194, 0.3) inset;
	*/
	background-color:#d8dae0;
}
.html_player_ipad .btns .btn_1 {
	background-position:center 6px;
	float:left;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}
.html_player_ipad .btns .btn_2 {
	background-position:center -69px;
	float:right;
	border-bottom:1px solid #999;
}
.html_player_ipad .btns .btn_3 {
	background-position:center -213px;
	float:left;
	border-right:1px solid #999;
}
.html_player_ipad .btns .btn_4 {
	background-position:center -281px;
	float:right;
}
.html_player_ipad .btns .btn_1.active	{ background-position:center -33px }
.html_player_ipad .btns .btn_2.active	{ background-position:center -105px }
.html_player_ipad .btns .btn_3.active	{ background-position:center -246px }
.html_player_ipad .btns .btn_4.active	{ background-position:center -317px }
.html_player_ipad .btns .btn_1.inactive	{ background-position:center -354px }
.html_player_ipad .btns .btn_2.inactive	{ background-position:center -393px }
.html_player_ipad .btns .btn_3.inactive	{ background-position:center -461px }
.html_player_ipad .btns .btn_4.inactive	{ background-position:center -497px }

.html_player_ipad .volume {
	position:relative;
	margin-left: 40px;
	width: 0px;
	float: left;
}
.html_player_ipad .volume .slider {
	background: #c4c4c4;
	background: -moz-linear-gradient(top, #c4c4c4 0%, #f8f8f8 5%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c4c4c4), color-stop(5%,#f8f8f8));
	background: -webkit-linear-gradient(top, #c4c4c4 0%,#f8f8f8 5%);
	background: -o-linear-gradient(top, #c4c4c4 0%,#f8f8f8 5%);
	background: -ms-linear-gradient(top, #c4c4c4 0%,#f8f8f8 5%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c4', endColorstr='#f8f8f8',GradientType=0 );
	background: linear-gradient(top, #c4c4c4 0%,#f8f8f8 5%);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #999;
	box-shadow: 0 0 1px white;
	-moz-box-shadow: 0 0 1px white;
	-webkit-box-shadow: 0 0 1px white;
	height: 66px;
}
.html_player_ipad .volume .handler {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #dbdbdb;
	background: -moz-linear-gradient(top, #dbdbdb 0%, #ffffff 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(50%,#ffffff));
	background: -webkit-linear-gradient(top, #dbdbdb 0%,#ffffff 50%);
	background: -o-linear-gradient(top, #dbdbdb 0%,#ffffff 50%);
	background: -ms-linear-gradient(top, #dbdbdb 0%,#ffffff 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#ffffff',GradientType=0 );
	background: linear-gradient(top, #dbdbdb 0%,#ffffff 50%);
	border: solid 1px white;
	-moz-box-shadow: 0 0 3px black;
	-webkit-box-shadow: 0 0 3px black;
	box-shadow: 0 0 3px black;
	bottom: 30%;
	height: 24px;
	left: -10px;
	position: absolute;
	width: 0px;
	z-index: 100;
}
.html_player_ipad .volume .handler span{
	background:url("../imgs/icons.png") no-repeat center -144px transparent;
    display: block;
    height: 100%;
    width: 100%;
}
.html_player_ipad .volume .handler.active span{
	background-position:center -180px;
}
.html_player_ipad .volume .complete {
	background: #008108;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border-top:1px solid #999;
	border-bottom:1px solid #cdcdcd;
	height: 50%;
	position: absolute;
	bottom: 0;
	left:0;
	width: 0px;
}

.html_player_ipad {
	position: absolute;
	display: none;
}