/*
 *  Этот файл поставляется в составе HTML5 плеера и разработан в рамках портала Radio-Tochka.com
 *  Copyright (C) 2013 Radio-Tochka.com <info@radio-tochka.com>
 *  Все права защищены. Не удаляйте этот копирайт.
*/

.rtplmain_window {
	height: 68px;
	width: 217px;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #000;
	background-color:#FFFFFF;
	/*/*behavior: url(js/border-radius.htc);*/*/
	text-align: left;
}
.rtplbutton_play_stop {
	background-color: #F9F9F9;
	display: block;
	height: 35px;
	width: 50px;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	/*behavior: url(js/border-radius.htc);*/
	box-shadow: 0px 1px 2px 0px rgba(51, 51, 51, 0.5);
	-moz-box-shadow: 0px 1px 2px 0px rgba(51, 51, 51, 0.5);
	-webkit-box-shadow: 0px 1px 2px 0px rgba(51, 51, 51, 0.5);
	padding-top: 15px;
	margin-top: 9px;
	margin-left: 10px;
	float: left;
	outline:none;
}
.rtplbutton_play_stop.active {
	background-position: 15px 15px;
}
.rtplbutton_play_stop:hover {
	background-color: #FFFFFF;
}
.rtplcurrent_time {
	font-family: "Verdana";
	font-size: 12px;
	color: #FFF;
	margin-top: 27px;
	margin-left: 3px;
	float: left;
	font-weight: normal;
	width: 78px;
}
.rtplmute {
	display: block;
	height: 24px;
	width: 26px;
	background-color: #F9F9F9;
	float: left;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	/*behavior: url(js/border-radius.htc);*/
	background-repeat: no-repeat;
	background-position: 4px -79px;
	margin-top: 22px;
	outline:none;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
}
.rtplmute.active {
	background-color: #E1E1E1;
	box-shadow:none;
}
.rtplmute:hover {
	background-color: #FFF;
}


.rtplmaxvol {
	display: block;
	height: 24px;
	width: 26px;
	background-color: #F9F9F9;
	float: left;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	/*behavior: url(js/border-radius.htc);*/
	background-repeat: no-repeat;
	background-position: -79px -80px;
	margin-top: 22px;
	outline:none;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
}
.rtplmaxvol.active {
	background-color: #E1E1E1;
	box-shadow:none;
}
.rtplmaxvol:hover {
	background-color: #FFF;
}
.rtplvolume {
	float: left;
	width: 60px;
	height: 9px;
	border: 1px solid #B8C3C0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	/*behavior: url(js/border-radius.htc);*/
	background: #696a6c url("gradient_style-1-bg.png") repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;

	*background: #696a6c;
	background: #696a6c\0/;

	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#ff454547, endColorstr=#ff696a6c);
	background-image: -webkit-gradient(
		linear,
		left top, left bottom,
		from(rgba(69,69,71,1)),
		to(rgba(105,106,108,1))
	);
	background-image: -webkit-linear-gradient(
		top,
		rgba(69,69,71,1),
		rgba(105,106,108,1)
	);
	background-image: -moz-linear-gradient(
		top,
		rgba(69,69,71,1),
		rgba(105,106,108,1)
	);
	background-image: -o-linear-gradient(
		top,
		rgba(69,69,71,1),
		rgba(105,106,108,1)
	);
	background-image: linear-gradient(
		top,
		rgba(69,69,71,1),
		rgba(105,106,108,1)
	);
	margin-top: 28px;
	margin-left: 5px;
	margin-right: 5px;
}

.rtplmain_window.brdr_none {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 217px;
	background:none;
}

.rtplwrapperForIe {
	width: 219px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	overflow: hidden;
}

.rtplwrapperForIe-mini {
	width: 219px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	overflow: hidden;
}


.rtplmain_window-mini{
	height: 50px;
	width: 217px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #000;
	background-color:#FFFFFF;
	/*behavior: url(js/border-radius.htc);*/
	text-align: left;
}
.rtplbutton_play_stop-mini {
	background-color: #F9F9F9;
	display: block;
	height: 25px;
	width: 40px;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	/*behavior: url(js/border-radius.htc);*/
	box-shadow: 0px 1px 2px 0px rgba(51, 51, 51, 0.5);
	-moz-box-shadow: 0px 1px 2px 0px rgba(51, 51, 51, 0.5);
	-webkit-box-shadow: 0px 1px 2px 0px rgba(51, 51, 51, 0.5);
	padding-top: 15px;
	margin-top: 5px;
	margin-left: 10px;
	float: left;
	outline:none;
}
.rtplbutton_play_stop-mini.active {
	background-position: 11px 9px;
}

.rtplbutton_play_stop-mini:hover {
	background-color: #FFFFFF;
}
.rtplcurrent_time-mini{
	font-family: "Verdana";
	font-size: 12px;
	color: #FFF;
	margin-top: 17px;
	margin-left: 18px;
	float: left;
	font-weight: normal;
	width: 63px;
}
.rtplmute-mini {
	display: block;
	height: 24px;
	width: 26px;
	background-color: #F9F9F9;
	float: left;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	/*behavior: url(js/border-radius.htc);*/
	background-repeat: no-repeat;
	background-position: 4px -79px;
	margin-top: 12px;
	outline:none;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
}
.rtplmute-mini.active {
	background-color: #E1E1E1;
	box-shadow:none;
}
.rtplmute-mini:hover {
	background-color: #FFF;
}
.rtplmaxvol-mini {
	display: block;
	height: 24px;
	width: 26px;
	background-color: #F9F9F9;
	float: left;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	/*behavior: url(js/border-radius.htc);*/
	background-repeat: no-repeat;
	background-position: -79px -80px;
	margin-top: 12px;
	outline:none;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
}
.rtplmaxvol-mini.active {
	background-color: #E1E1E1;
	box-shadow:none;
}
.rtplmaxvol-mini:hover {
	background-color: #FFF;
}

.rtplvolume-mini {
	float: left;
	width: 60px;
	height: 9px;
	border: 1px solid #B8C3C0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	/*behavior: url(js/border-radius.htc);*/
	background: #696a6c url("gradient_style-1-bg.png") repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;

	*background: #696a6c;
	background: #696a6c\0/;

	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#ff454547, endColorstr=#ff696a6c);
	background-image: -webkit-gradient(
		linear,
		left top, left bottom,
		from(rgba(69,69,71,1)),
		to(rgba(105,106,108,1))
	);
	background-image: -webkit-linear-gradient(
		top,
		rgba(69,69,71,1),
		rgba(105,106,108,1)
	);
	background-image: -moz-linear-gradient(
		top,
		rgba(69,69,71,1),
		rgba(105,106,108,1)
	);
	background-image: -o-linear-gradient(
		top,
		rgba(69,69,71,1),
		rgba(105,106,108,1)
	);
	background-image: linear-gradient(
		top,
		rgba(69,69,71,1),
		rgba(105,106,108,1)
	);
	margin-top: 19px;
	margin-left: 5px;
	margin-right: 5px;
}

.rtplmain_window-mini.brdr_none {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 217px;
}