body {
	margin:0;
	
    }

#main1 {
	float:left;
	position:relative;
	display:block;
	width:672px;
	height:528px;
	background:#fff;
	box-shadow: 0 0 4px #588fad inset;
}

img {
    display:block;
}

#top_box1 {

    float:left; 
	position:relative; 
	display:block; 
	width:672px; 
	height:44px; 
	border:1px solid #000; 
	background-color:#CCC;

}

#top_box1 p {

    float:left; 
	position:relative; 
	display:block; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:24px; 
	margin:9px 0 0 192px;

}

#bottom_box1 {

    float:left; 
	position:relative; 
	display:block; 
	width:672px; 
	height:392px; 
	border:1px solid #000; 
	margin-top:10px;

}

#bottom_text1 {

    float:left; 
	position:absolute; 
	bottom:4px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:9px; 
	margin-left:168px; 
	width:360px;

}

#obj_back1 {

    float:left; 
	position:relative; 
	display:block; 
	width:190px; 
	height:260px; 
	background-image:url(../images/vip_main12345.png); 
	margin:100px 0 0 240px;
    z-index:10;
	
}

#obj_cap1 {

    float:left;
	position:absolute;
	display:block;
    width:32px;
	height:85px;
	background-image:url(../images/vip_main_cap12345.png);
    top:272px;
	left:258px;
	
}

#obj_bat1 {

    float:left;
	position:absolute;
    display:block;
	width:104px;
	height:56px;
	top:287px;
	left:274px;
	background-image:url(../images/battery_icon12.png);
	
}

#obj_ctr1 {

   float:left; 
   position:absolute; 
   display:block; 
   width:112px; 
   height:112px;
   border-radius:56px;
   background-image:url(../images/led_cr122q.png);
   background-repeat:no-repeat;
   background-position:center;
   top:27px; 
   left:41px;
   z-index:91;
}

#top_ctrl1 {
	float:left;
	position:absolute;
	display:block;
	width:164px;
	height:164px;
	top:1px;
	left:14px;
	background-image:url(../images/top_ctrl123h.png);
	z-index:90;
}

#top_ctrl_l1 {

    float:left; 
	position:relative; 
	display:block; 
	width:82px; 
	height:164px; 
	background-image:url(../images/top_ctrl122_l1.png);

}


#top_ctrl_r1 {

    float:left; 
	position:relative; 
	display:block; 
	width:82px; 
	height:164px; 
	background-image:url(../images/top_ctrl122_r1.png);

}


.led1 {

    float:left; 
	position:absolute; 
	display:block; 
	width:32px; 
	height:32px; 
	top:37px; 
	left:80px;
    background-image:url(../images/white_ul1.png);
	z-index:101;
}

.led2 {

    float:left; 
	position:absolute; 
	display:block; 
	width:32px; 
	height:32px; 
	top:47px; 
	left:99px;
    background-image:url(../images/white_ul1.png);
	z-index:102;
}

.led5 {

    float:left; 
	position:absolute; 
	display:block; 
	width:32px; 
	height:32px; 
	top:95px; 
	left:80px;
    background-image:url(../images/white_ul1.png);
	z-index:105;
}

.led9 {
	float:left;
	position:absolute;
	display:block;
	width:116px;
	height:116px;
	border-radius: 58px;
	top:24px;
	left:38px;
	background-image:url(../images/sl_ul1n2.png);
	background-repeat:no-repeat;
	background-position:center;
	z-index:109;
}

.led9hi {
	float:left;
	position:absolute;
	display:block;
	width:63px;
	height:63px;
	background-image:none;
	top:50px;
	left:65px;
	z-index:948;

}

.led3 {

    float:left; 
	position:absolute; 
	display:block; 
	width:32px; 
	height:32px; 
	top:66px; 
	left:109px;
    background-image:url(../images/black_ul11.png);
	z-index:103;
}

.led4 {

    float:left; 
	position:absolute; 
	display:block; 
	width:32px; 
	height:32px; 
	top:85px; 
	left:99px;
    background-image:url(../images/white_ul1.png);
	z-index:104;
}

.led6 {

    float:left; 
	position:absolute; 
	display:block; 
	width:32px; 
	height:32px; 
	top:85px; 
	left:61px;
    background-image:url(../images/white_ul1.png);
	z-index:104;
}

.led7 {

    float:left; 
	position:absolute; 
	display:block; 
	width:32px; 
	height:32px; 
	top:66px; 
	left:51px;
    background-image:url(../images/black_ul11.png);
	z-index:107;
}

.led8 {

    float:left; 
	position:absolute; 
	display:block; 
	width:32px; 
	height:32px; 
	top:47px; 
	left:61px;
    background-image:url(../images/white_ul1.png);
	z-index:104;
}

.ps1 {
	float:left;
	position:absolute;
	display:block;
	bottom:86px;
	right:18px;
	width:84px;
	height:18px;
	border:1px solid #444444;
	border-radius:4px;
	background:#dddddd;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:4px 0 0 8px;
	
    box-shadow: 0 0 4px #999999 inset; 
    color: #000; 
    outline: none; 
}

.ps2 {
	float:left;
	position:absolute;
	display:block;
	bottom:18px;
	right:18px;
	width:104px;
	height:18px;
	border:1px solid #444444;
	border-radius:4px;
	background:#dddddd;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:4px 0 0 8px;
	
    box-shadow: 0 0 4px #999999 inset; 
    color: #000; 
    outline: none; 
}

.ps3 {
	float:left;
	position:absolute;
	display:block;
	bottom:52px;
	right:18px;
	width:98px;
	height:18px;
	border:1px solid #444444;
	border-radius:4px;
	background:#dddddd;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:4px 0 0 8px;
	box-shadow: 0 0 4px #999999 inset;
	color: #000;
	outline: none;
}

.ba1 {

    float:left;
	position:absolute;
	display:block;
	bottom:60px;
	left:192px;
	width:64px;
	height:34px;
    background-image:url(../images/battery1.png);
	
}

.ba_r1 {

    float:left;
	position:absolute;
	display:block;
	bottom:23px;
	left:23px;
	width:80px;
	height:100px;
    background-image:url(../images/battery_br12.png);
	cursor:pointer;
	opacity:0;
}

.col1 {
	float:left;
	position:absolute;
	display:block;
	top:18px;
	left:18px;
	width:104px;
	height:18px;
	border:1px solid #444444;
	border-radius:4px;
	background:#dddddd;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:4px 0 0 8px;
	box-shadow: 0 0 4px #999999 inset;
	color: #000;
	outline: none;
}


.bt3 {
    float:left;
	position:absolute;
	display:block;
	top:18px;
	left:18px;
	width:164px;
	height:18px;
	border-radius:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:4px 2px 1px 8px;
	cursor:pointer;
	
	color: #ffffff;
	background: -moz-linear-gradient(
		top,
		#cccccc 0%,
		#999999);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#cccccc),
		to(#999999));
	background: -ms-linear-gradient(top,
		#cccccc 0%,
		#999999);
	border: 1px solid #003366;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	
}

.bt3:hover {
    float:left;
	position:absolute;
	display:block;
	top:18px;
	left:18px;
	width:164px;
	height:18px;
	border-radius:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:4px 2px 1px 8px;
	cursor:pointer;
	
	color: #000000;
	background: -moz-linear-gradient(
		top,
		#cccccc 0%,
		#999999);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#cccccc),
		to(#999999));
	background: -ms-linear-gradient(top,
		#cccccc 0%,
		#999999);
	border: 1px solid #003366;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	
}

.bt4 {
	float:left;
	position:absolute;
	display:block;
	top:56px;
	left:18px;
	width:118px;
	height:18px;
	border-radius:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:4px 2px 1px 8px;
	cursor:pointer;
	color: #ffffff;
	background: -moz-linear-gradient(
		top,
		#cccccc 0%,
		#999999);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#cccccc),
		to(#999999));
	background: -ms-linear-gradient(top,
		#cccccc 0%,
		#999999);
	border: 1px solid #003366;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	
}

.bt4:hover {
    float:left;
	position:absolute;
	display:block;
	top:56px;
	left:18px;
	width:118px;
	height:18px;
	border-radius:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:4px 2px 1px 8px;
	cursor:pointer;
	
	color: #000000;
	background: -moz-linear-gradient(
		top,
		#cccccc 0%,
		#999999);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#cccccc),
		to(#999999));
	background: -ms-linear-gradient(top,
		#cccccc 0%,
		#999999);
	border: 1px solid #003366;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	
}

.bt5 {
	float:left;
	position:absolute;
	display:block;
	top:268px;
	left:18px;
	width:80px;
	height:98px;
	border-radius:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:4px 2px 1px 8px;
	cursor:pointer;
	color: #ffffff;
	
	background: -moz-linear-gradient(
		top,
		#cccccc 0%,
		#999999) ;
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#cccccc),
		to(#999999));
	background: -ms-linear-gradient(top,
		#cccccc 0%,
		#999999);
	
	border: 1px solid #003366;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	
	
}

.bt5:hover {
    float:left;
	position:absolute;
	display:block;
	top:268px;
	left:18px;
	width:80px;
	height:98px;
	border-radius:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:4px 2px 1px 8px;
	cursor:pointer;
	
	color: #000000;
	background: -moz-linear-gradient(
		top,
		#dddddd 0%,
		#aaaaaa);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#dddddd),
		to(#aaaaaa));
	background: -ms-linear-gradient(top,
		#dddddd 0%,
		#aaaaaa);
	
	border: 1px solid #003366;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	
}

.l_box1 {

     float:left; 
     position:absolute; 
	 width:64px; 
	 height:78px; 
	 border:1px solid #000; 
	 top:106px; 
	 right:18px;
	 border-radius:4px;
	 background-color:#dddddd;
	 background-image:url(../images/ls_icon_anim1.png);
	 background-repeat:no-repeat;
	 background-position: 0 0;
	 
	 visibility:hidden;
	 opacity:0;
	 
	 box-shadow: 0 0 4px #999999 inset; 
     color: #000; 
     outline: none;
}

.l_box1 p {

    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:62px 0 0 9px;

}

.l_box2 {

     float:left; 
     position:absolute; 
	 width:192px; 
	 height:36px; 
	 border:1px solid #000; 
	 top:56px; 
	 right:18px;
	 border-radius:4px;
	 background-color:#dddddd;
	 background-image:url(../images/light_sources136.png);
	 background-repeat:no-repeat;
	 background-position: 98px 0px;
	 
	 opacity:0;
	 
	 box-shadow: 0 0 4px #999999 inset; 
     color: #000; 
     outline: none;
	 
}

.l_box2 p {

    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:3px 0 0 8px;

}

.l_box3 {
	float:left;
	position:absolute;
	width:614px;
	height:292px;
	border:1px solid #000;
	top:18px;
	right:18px;
	padding:10px 12px 0 10px;
	border-radius:4px;
	background-color:#dddddd;
	visibility:hidden;
	opacity:0;
	box-shadow: 3px 3px 4px 0px rgba(50, 50, 50, 0.4);
	color: #000;
	outline: none;
	z-index:1000;
}

.l_box3 p {

    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:5px 5px 0 8px;
	line-height:16.8px;

}

.l_box3 img {

    float:left;
	position:relative;
    padding:8px 9px 0 8px;
	
}

.l_box3x {

   float:left;
   position:absolute;
   margin:0;
   top:0px;
   right:8px;
   color:#000000;
   
}

.l_box3u {

   float:left;
   position:absolute;
   margin:0;
   top:274px;
   right:298px;
   color:#000000;
   
}

.l_box3d {

   float:left;
   position:absolute;
   margin:0;
   top:274px;
   right:332px;
   color:#000000;
   
}

.l_box_info1 {

    float:left; 
     position:absolute; 
	 width:182px; 
	 height:18px; 
	 border:1px solid #000; 
	 top:18px; 
	 right:18px;
	 border-radius:4px;
	 background-color:#dddddd;
     padding:4px 1px 1px 9px;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
	 visibility:hidden;
	 opacity:0;
	 
	 box-shadow: 0 0 4px #999999 inset; 
     color: #000; 
     outline: none;
}

#vmouse {
    position: absolute;
    float: left;
	margin-top:-5px;
	margin-left:-5px;
	background-image:none;
	
	background-repeat:no-repeat;
	width:72px;
	height:72px;
	
	z-index:1000;
}

.l_box_info1 p {

}

.tx1 {
	float:left;
	position:absolute;
	width:458px;
	height:172px;
	top:29px;
	left:116px;
	background-image:url(../images/t_info1.png);
}

.tx2 {
	float:left;
	position:absolute;
	width:442px;
	height:172px;
	top:29px;
	left:116px;
	background-image:url(../images/t_info_empty1r.png);
	opacity:0;
}

.tx3{
	float:left;
	position:absolute;
	width:200px;
	height:162px;
	top:82px;
	left:236px;
	background-image:url(../images/vip_g3.png);
	opacity:1;
}

.ui-rotatable-handle {
	height: 164px;
	width: 164px;
	cursor: pointer;
	
	background-size: 100%;
	left: 2px;
	bottom: 2px;
}