html, body {
    font:normal 12px ËÎÌå;
    margin:0;
    padding:0;
    border:0 none;
    overflow:hidden;
    height:100%;
}
p {
    margin:5px;
}

.divplayer
{
	position: absolute;
	width: 1px;
	height: 1px;
}

.divtocontent
{
	position: absolute;
	float:none;
	margin:0px auto;
	background:transparent url(./images/tool-sprites.gif) no-repeat scroll 0 0;
	background-position:0 -165px;
	cursor:pointer;
	height:15px;
	margin-left:0px;
	overflow:hidden;
	width:15px;
}

.divtocontent-hover
{
	background-position:-15px -165px;
}

.divswitch
{
	position: absolute;
	top: 550;
}

div.divinfo 
{
	*height: 10px;
	margin: 7px;
	font:normal 12px ËÎÌå;
}
div.divstate
{
	/*background: #DFE8F6 none repeat scroll 0 0;*/
	background-color: #DFE8F6;
	padding: 3px;
	margin: 1px 0 3px 0;
	font:bold 14px ËÎÌå;
}

div.divinfoitem
{
	background: #DFE8F6 none repeat scroll 0 0;
	padding: 3px;
}

div.divindex 
{
	margin: 7px;
	font:normal 12px ËÎÌå;
	overflow:auto;
	height: 100%;
}
li.liindex
{
	background-color: #DFE8F6 !important;
	padding:3px;
}
li.liindexselected
{
	color: #FFFFFF;
	background: #0000FF none repeat scroll 0 0;
	padding:3px;
}

.divtoolbar
{
	position: absolute;
	top: 600px;
	display: block;
	width: 300px;
}

.x-btn-icon2{
	background-position: center;
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	cursor:pointer;
	white-space: nowrap;
    padding:0;
}

.start
{
	background: url(./images/record1.png) no-repeat;
}

.start-hover
{
	background: url(./images/record2.png) no-repeat;
}

.start-down
{
	background: url(./images/record3.png) no-repeat;
}

.stop
{
	background: url(./images/stop1.png) no-repeat;
}

.stop-hover
{
	background: url(./images/stop2.png) no-repeat;
}

.stop-down
{
	background: url(./images/stop3.png) no-repeat;
}