/* 
    Стиль для отображения плеера с панелью управления
    Дутиков Д.Н.

*/

/* 

Панель управления плеером 

*/

.ppltoolbar { /* сама панелька */
	background-color:buttonface;
	border-style:		solid;
        border-width:		1px;
	border-top-color:	buttonhighlight;
	border-left-color:	buttonhighlight;
	border-bottom-color:	buttonshadow;
	border-right-color:	buttonshadow;
	width: inherit;
	height: 26px;
	padding:1px;	
	display: block;
	position: relative;
}


/* Кнопки на панели управления */

.ppltoolbtn { /* кнопка в обычном состоянии */
	border-style:	solid;
        border-width:	1px;
	border-color:	buttonface;
	width: 22px;
	height: 22px;
	margin-right: 1px;
	padding: 0px;
	float: left;
	cursor: default;

}

.ppltoolbtnUP { /* приподнятая кнопка */
	border-style:		solid;
        border-width:		1px;
	border-top-color:	buttonhighlight;
	border-left-color:	buttonhighlight;
	border-bottom-color:	buttonshadow;
	border-right-color:	buttonshadow;
	width: 22px;
	height: 22px;
	margin-right: 1px;
	float: left;

}

.ppltoolbtnDOWN { /* нажатая кнопка */
	border-style:		solid;
        border-width:		1px;
	border-top-color:	buttonshadow;
	border-left-color:	buttonshadow;
	border-bottom-color:	buttonhighlight;
	border-right-color:	buttonhighlight;
	width: 22px;
	height: 22px;
	margin-right: 1px;
	float: left;

}

.pplrmk{ /* элемент для сохранения формы в окошке 
         плеера, показывается когда проигрывается аудио файл */
	position:fixed ;
	display:block;
	top:0;
	left:0px;
	width:320px;
	height:214px; 
	background-color:#000; 
	color: lime;
	font-family: Helvetica;
	font-size: large;
	text-align: center;
	padding-top: 80px;


}
.pplrmkPLAY{
	display:block;
	width:320px;
	height:214px; 
	background-color:#000; 
	background-repeat:no-repeat; 
	background-position:center;
	background-image:url("play.GIF");

}
.pplrmkPAUSE{
	width:320px;
	height:214px; 
	background-color:#000; 
	background-repeat:no-repeat; 
	background-position:center;
}

/* регулятор громкости */

.volTrack{ /* рамка регулятора */
	display:	block;
	position:	relative;
	float:		right;
	width:  40px; 
	height: 5px; 
	border-style: solid; 
	border-width: 1px;
	border-bottom-color: ButtonHighlight;
	border-right-color:ButtonHighlight;
	border-top-color: ButtonShadow;
	border-left-color:ButtonShadow;
	margin-top:	5px;
	margin-right:	3px;
	padding:	0px;
	font-size: 	0px;
}

.volcolor{ /* цветная часть регулятора */
	display:	block;
	position:	relative;
	top:	0px;
	left:	0px;
	height:	8px;
	border-style: none; 
	margin: 0px;
	background-color: #B4F700;
	float: left;
}



.pprtimer{ /* слой со значениями времени */
	background-color:black;

	display:	block;
	height:		10px;
	font-size:	10px;
	color:		lime;

	padding: 1px;
	font-family: Arial;
} 

/*

  Стиль оформления таблицы PresentationPlayer

*/

.playertable{ /* вся таблица с плеером, презентацией и плейлистом */
	background-color:	buttonface;

	border-top:   solid 1px buttonhighlight;
	border-left:  solid 1px buttonhighlight;
	border-bottom:solid 1px buttonshadow;
	border-right: solid 1px buttonshadow;

	border: outset 2px; 
        border-collapse: separate;
}


.cell1{ /* ячейка с презентацией */
	border-style:		solid;
        border-width:		1px;
	border-top-color:	buttonshadow;
	border-left-color:	buttonshadow;
	border-bottom-color:	buttonhighlight;
	border-right-color:	buttonhighlight;
	width:			100%;
}

.cell2{ /* ячейка с плеером */
	border-style:		solid;
        border-width:		1px;
	border-top-color:	buttonshadow;
	border-left-color:	buttonshadow;
	border-bottom-color:	buttonhighlight;
	border-right-color:	buttonhighlight;
}

.cell3{ /* ячейка с плейлистом */
	border-style:		solid;
        border-width:		1px;
	border-top-color:	buttonshadow;
	border-left-color:	buttonshadow;
	border-bottom-color:	buttonhighlight;
	border-right-color:	buttonhighlight;
        height:	100%;
        width:100%;
}


.plframe{ /* iframe в ячейке с плейлистом */
        border-width:0px;
	border-style:none;
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
}



/* 

Стили для плейлиста 

*/


.pprplbody { /* определение Body для плейлиста */
	margin:		0px;
	padding:	0px;
	background-color: silver;
}

.pprpltable{ /* табличка с плейлистом */
	border:		none 0px inherit;
	background-color: inherit;
}

.pprplitem{ /* ячейка таблицы */
	border:		solid 1px gray;
	padding:	2px;
	padding-left:	4px;
	background-color: silver;
}

.pprplitemdsc{ /* слой с пояснением */
	position:	relative;
	border:		dotted 1px #DEE3CF;
	padding:	4px;
	margin: 	2px;
	background-color: #F1F7E1;
	font-size:	80%;
	display:	none;
	
}

.pprplitemsel{ /* ячейка таблицы */
	border:		solid 1px #DEE3CF;
	padding:	2px;
	padding-left:	4px;
	background-color: #F1F7E1;
}

.pprpllnk { /* ссылка внутри ячейки */
	color: red;

}