/*div,p,li{font-size:12px}
li{margin-left:16px;}
h1{color:#0061CA;text-align:center;padding-bottom:10px}
h2{color:#999;font-size:16px;font-weight:normal}
pre{background:#666; color:#fff; padding:10px; margin:10px; height:auto; overflow:auto; font:12px Verdana,Courier,sans-serif}
* html pre {width:100%}

.description{padding:16px;margin:10px 0;background:#eee}

.sample{ margin:4px 0 25px 0;}
h4.stitle{color:#666;margin:0 0 5px 0}

.links {padding:10px;margin-top:20px}
.links a{font-size:14px;color:#0080FF;text-decoration:none}
.links a:hover{font-weight:bold}
*/
#cont{width:844px;margin:0 auto;background:#fff;text-align:left;}

/*.buttons{padding:5px;}

.buttons span a.active{background:#0080FF;color:#fff}*/

/*#handles8 a
{
	background-image:url(../images/img1_new.jpg);
	background-repeat:repeat-x;
	padding-left:16px;
	padding-right:16px;
	text-decoration:none;
	float:left;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	height:36px;
	line-height:36px;
}

#handles8 a:hover
{
	background-image:url(../images/img2_new.jpg);
	background-repeat:repeat-x;
	padding-left:16px;
	padding-right:16px;
	text-decoration:none;
	float:left;
	text-align:center;
	height:36px;
	line-height:36px;
}*/
#handles8 #link1 a
{
	background-image:url(../images/img1_new.jpg);
	background-repeat:repeat-x;
	text-decoration:none;
	float:left;
	font-size:11px;
	border-right:1px solid #999999;
	font-weight:bold;
	text-align:left;
	height:36px;
	line-height:36px;
	color:#85888D;
	width:139px;
	cursor:pointer;
}
#handles8 #link1 a:hover
{
	background-image:url(../images/img2_new.jpg);
	background-repeat:repeat-x;
	width:139px;
	text-decoration:none;
	border-right:1px solid #999999;
	float:left;
	text-align:left;
	color:#85888D;
	height:36px;
	line-height:36px;
		cursor:pointer;
} 

#handles8 #link1 .active
{
	background-image:url(../images/roll2_new.jpg);
	background-repeat:no-repeat;
	font-weight:bold;
	font-size:11px;
	line-height:36px;
	color:#fff;
	text-align:left;
	text-decoration:none;
	float:left;
	display:inline;
		cursor:pointer;
 
  
}

#handles8 #link1 .active:hover
{
	background-image:url(../images/roll2_new.jpg);
	background-repeat:no-repeat;
	float:left;
	display:inline;
		font-weight:bold;
	font-size:11px;
	line-height:36px;
	color:#fff;
	text-align:left;
	text-decoration:none;
		cursor:pointer;
 
}
/*================End===========*/

#handles8 #link2 a
{
	background-image:url(../images/img1_new.jpg);
	background-repeat:repeat-x;
	text-decoration:none;
	border-right:1px solid #999999;
	float:left;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	height:36px;
	line-height:36px;
	width:134px;
		cursor:pointer;
}
#handles8 #link2 a:hover
{
	background-image:url(../images/img2_new.jpg);
	background-repeat:repeat-x;
	border-right:1px solid #999999;
	text-decoration:none;
	float:left;
	text-align:left;
	height:36px;
	line-height:36px;
		width:134px;
			cursor:pointer;
} 


#handles8 #link2 .active
{
	background-image:url(../images/roll3_new.jpg);
	background-repeat:no-repeat;
	float:left;
	display:inline;
		font-weight:bold;
	font-size:11px;
	line-height:36px;
	color:#85888D;
	text-align:left;
	text-decoration:none;
 	cursor:pointer;
  
}

#handles8 #link2 .active:hover
{
	background-image:url(../images/roll3_new.jpg);
	background-repeat:no-repeat;
	float:left;
	display:inline;
		font-weight:bold;
	font-size:11px;
	line-height:36px;
	color:#85888D;
	text-align:left;
	text-decoration:none;
 	cursor:pointer;
}

/*================End===========*/

#handles8 #link3 a
{
	background-image:url(../images/img1_new.jpg);
	background-repeat:repeat-x;
 	border-right:1px solid #999999;
	text-decoration:none;
	float:left;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	height:36px;
	line-height:36px;
	width:185px;
		cursor:pointer;
}
#handles8 #link3 a:hover
{
	background-image:url(../images/img2_new.jpg);
	background-repeat:repeat-x;
 	border-right:1px solid #999999;
	text-decoration:none;
	float:left;
	text-align:left;
	height:36px;
	line-height:36px;
	width:185px;
		cursor:pointer;
} 


#handles8 #link3 .active
{
	background-image:url(../images/roll5_new.jpg);
	background-repeat:no-repeat;
	float:left;
	display:inline;
		font-weight:bold;
	font-size:11px;
	line-height:36px;
	color:#85888D;
	text-align:left;
	text-decoration:none;
 	cursor:pointer;
  
}

#handles8 #link3 .active:hover
{
	background-image:url(../images/roll5_new.jpg);
	background-repeat:no-repeat;
	float:left;
	display:inline;
		font-weight:bold;
	font-size:11px;
	line-height:36px;
	color:#85888D;
	text-align:left;
	text-decoration:none;
		cursor:pointer;
 }
 /*================End===========*/
 #handles8 #link4 a
{
	background-image:url(../images/img1_new.jpg);
	background-repeat:repeat-x;
 	border-right:1px solid #999999;
	text-decoration:none;
	float:left;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	height:36px;
	line-height:36px;
	width:119px;
		cursor:pointer;
}
#handles8 #link4 a:hover
{
	background-image:url(../images/img2_new.jpg);
	background-repeat:repeat-x;
 	border-right:1px solid #999999;
	text-decoration:none;
	float:left;
	text-align:left;
	height:36px;
	line-height:36px;
	width:119px;
		cursor:pointer;
} 


#handles8 #link4 .active
{
	background-image:url(../images/roll6_new.jpg);
	background-repeat:no-repeat;
	float:left;
	display:inline;
		font-weight:bold;
	font-size:11px;
	line-height:36px;
	color:#85888D;
	text-align:left;
	text-decoration:none;
		cursor:pointer;
 
  
}

#handles8 #link4 .active:hover
{
	background-image:url(../images/roll6_new.jpg);
	background-repeat:no-repeat;
	float:left;
	display:inline;
		font-weight:bold;
	font-size:11px;
	line-height:36px;
	color:#85888D;
	text-align:left;
	text-decoration:none;
		cursor:pointer;
 }
 /*================End===========*/
 
  #handles8 #link5 a
{
	background-image:url(../images/img1_new.jpg);
	background-repeat:repeat-x;
 
 
	border-right:1px solid #999999;
	text-decoration:none;
	float:left;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	height:36px;
	line-height:36px;
	width:110px;
		cursor:pointer;
}
#handles8 #link5 a:hover
{
	background-image:url(../images/img2_new.jpg);
	background-repeat:repeat-x;
 
	border-right:1px solid #999999;
	text-decoration:none;
	float:left;
	text-align:left;
	height:36px;
	line-height:36px;
	width:110px;
		cursor:pointer;
} 


#handles8 #link5 .active
{
	background-image:url(../images/roll7_new.jpg);
	background-repeat:no-repeat;
	float:left;
	display:inline;
		font-weight:bold;
	font-size:11px;
	line-height:36px;
	color:#85888D;
	text-align:left;
	text-decoration:none;
 	cursor:pointer;
  
}

#handles8 #link5 .active:hover
{
	background-image:url(../images/roll7_new.jpg);
	background-repeat:no-repeat;
	float:left;
	display:inline;
		font-weight:bold;
	font-size:11px;
	line-height:36px;
	color:#85888D;
	text-align:left;
	text-decoration:none;
		cursor:pointer;
 }
 /*================End===========*/
 #handles8 #link6 a
{
	background-image:url(../images/img1_new.jpg);
	background-repeat:repeat-x;
 	text-decoration:none;
	float:left;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	height:36px;
	line-height:36px;
	width:152px;	
	cursor:pointer;
}
#handles8 #link6 a:hover
{
	background-image:url(../images/img2_new.jpg);
	background-repeat:repeat-x;
 	text-decoration:none;
	float:left;
	text-align:left;
	height:36px;
	line-height:36px;
	width:152px;
		cursor:pointer;
} 


#handles8 #link6 .active
{
	background-image:url(../images/roll8_new.jpg);
	background-repeat:no-repeat;
	float:left;
	display:inline;
		font-weight:bold;
	font-size:11px;
	line-height:36px;
	color:#85888D;
	text-align:left;
	text-decoration:none;
 	cursor:pointer;
  
}

#handles8 #link6 .active:hover
{
	background-image:url(../images/roll8_new.jpg);
	background-repeat:no-repeat;
	float:left;
	display:inline;
		font-weight:bold;
	font-size:11px;
	line-height:36px;
	color:#85888D;
	text-align:left;
	text-decoration:none;
		cursor:pointer;
 }
 /*================End===========*/
 
 
 .button_play
 {
 background:url(../images/play2_inactive.jpg) no-repeat;
 width:17px;
 height:17px;
 cursor:pointer;
 }

 .button_play:hover
 {
 background:url(../images/play2_over.jpg) no-repeat;
 width:17px;
 height:17px;
 	cursor:pointer;
 }
 .button_play:active
  {
 background:url(../images/play2_red.jpg) no-repeat;
 width:17px;
 height:17px;
 	cursor:pointer;
 }
 .button_play1
  {
 background:url(../images/play2_red.jpg) no-repeat;
 width:17px;
 height:17px;
 	cursor:pointer;
 }
 
 
 
 
 /*==============pause========*/
 .button_pause
 {
 background:url(../images/pause2_inactive.jpg) no-repeat;
 width:17px;
 height:17px;
 	cursor:pointer;
 }
 .button_pause:hover
 {
 background:url(../images/pause2_over.jpg) no-repeat;
 width:17px;
 height:17px;
 	cursor:pointer;
 }
 
 .button_pause:active
 {
 background:url(../images/pause2_red.jpg) no-repeat;
 	cursor:pointer;
 width:17px;
 height:17px;
 }
  .button_pause1
 {
 background:url(../images/pause2_red.jpg) no-repeat;
 	cursor:pointer;
 width:17px;
 height:17px;
 }