@charset "utf-8";
/* CSS Document */
.skinconwrap{ position:relative; position:relative;width:502px; height:317px; overflow:hidden;}
#skinchangebgtop{ width:502px; height:317px; position:absolute; top:0px; left:0px;}
#skinchangebgtop img{
width: expression(this.width > 502 && this.width > this.height ? 502 : 502);
height: expression(this.height > 315 ? 315 : 315);
}
#skinchange{ width:503px; height:317px; margin:0 auto; position:absolute; top:0px; left:0px; }
.skintitlep{  height:30px; width:499px; line-height:30px; padding:0px 0px 0 5px; position:relative; cursor:pointer; border-bottom:1px solid #666;} 
.closeskinchange{behavior:url("js/iepngfix.htc");}
.titlewrap{ position:relative; width:504px; height:30px;border-bottom:1px solid #f3f7f7;}
.titlel{height:29px;line-height:29px; display:none; position:absolute; top:1px; left:6px; z-index:999; font-size:16px; color:#999999;font-family:Arial;}
#prefont{height:29px;line-height:29px;/* width:84px;*/ position:absolute; left:7px; top:0px;z-index:1000; font-size:16px; color:#FFFFFF;font-family:Arial;}
#skinclose{width:45px; height:20px; cursor:pointer;position:absolute; top:0px; left:457px; z-index:9999;}
.skincon{ width:502px; background:url(../images/skinkuangbg.png) no-repeat; height:287px; }
.skinpic p{ font-size:14px; padding:15px 0 0 12px; font-weight:bold;-moz-user-select:none; font-family:Arial;}
#picwrap{ width:490px; height:121px; margin:10px 8px 5px 6px; position:relative;overflow:hidden;} 
#skin{ height:119px; position:absolute; left:0px; top:0px; width:495px;}
.kbg{ position:absolute; left:2px; top:1px; width:159px; height:118px; display:block;}
.boederbg{behavior:url("js/iepngfix.htc");}
#skin li .kbg img{ max-width: 161px; max-height:118px;}
*#skin li .kbg img{ 
width: expression(this.width > 159 && this.width > this.height ? 159 : 159);
height: expression(this.height > 118 ? 118: 118);
}
#skin li{ float:left; width:161px; height:119px; margin-right:4px; position:relative;}
#abrepic{ position:absolute; top:8px; left:8px;height:105px; width:147px; overflow:hidden;}
#skin li #abrepic img{max-width: 148px;max-height: 105x; cursor:pointer;}/* for firefox & ie7 */
#skin li#bgplus #abrepic img{ height:40px; width:40px; position:absolute; left:55px; top:35px;behavior:url("js/iepngfix.htc");} 
*#skin li #abrepic img{ /* for ie6 */
cursor:pointer;
width: expression(this.width > 148 && this.width > this.height ? 148 : 148);
height: expression(this.height > 105 ? 105: 105);
}
.skincolor{ position:relative; height:84px; width:500px;}
.skincolor p{font-size:14px; padding:5px 0 0 12px; font-weight:bold;-moz-user-select:none;font-family:Arial;}
#purecolor{ height:28px; position:absolute; left:12px; bottom:24px; overflow:hidden;}
#purecolor li{ float:left; height:28px; width:28px; overflow:hidden; margin-right:6px; position:relative; cursor:pointer;}
#purecolor li.color1{ background:#5c5757;}
#purecolor li.color2{ background:#6c6043;}
#purecolor li.color3{ background:#3d5e3d;}
#purecolor li.color4{ background:#22575c;}
#purecolor li.color5{ background:#26496d;}
#purecolor li.color6{ background:#0099cc;}
#purecolor li.color7{ background:#75c7bb;}
#purecolor li.color8{ background:#72a6cb;}
#purecolor li.color9{ background:#bb8e6d;}
#purecolor li.color10{ background:#5b8ced;}
#purecolor li#colorplus{ background:url(../images/addcolor.png) no-repeat;}
.color{height:28px; width:28px; display:block; overflow:hidden;
opacity:0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
filter:alpha(opacity=0);
} 
#myField1{
height:28px; width:28px; display:block; overflow:hidden;
opacity:0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
filter:alpha(opacity=0);	
}
#skinkuangbot{ height:34px; width:502px; overflow:hidden;position: relative; z-index:-1;}
#tranpic{ float:left; margin:5px 2px 0 15px; }
#oplimit{ float:left; margin-top:8px; cursor:pointer; height:18px; width:168px; }
#tranper{ float:left; margin:10px 0 0 10px;}
#picinuse{z-index:1000;position:absolute; height:30px; width:30px; left:125px; top:82px; overflow:hidden;}
#skin li #picinuse img{ cursor:default; height:30px; width:30px; display:block;}
#colorinuse{height:20px; width:20px;z-index:1000;position:absolute; left:16px; top:39px;}
#purecolor li #colorinuse img{height:20px; width:20px;cursor:default; display:block; margin:0;}
.skuse{behavior:url("js/iepngfix.htc");}
.cluse{behavior:url("js/iepngfix.htc");}
#nextpic{ height:46px;z-index:1; width:46px;background:url(../images/skinpicright.png) no-repeat;position:absolute; left:440px; top:40px; cursor:pointer;behavior:url("js/iepngfix.htc"); }
#prepic{height:46px; z-index:1; width:46px;background:url(../images/skinpicleft.png) no-repeat;position:absolute; left:12px; top:40px;cursor:pointer; behavior:url("js/iepngfix.htc"); }
.skinheadinner{ height:30px;background:#000; width:504px; position:absolute; 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* ie8  */
	filter:alpha(opacity=0); /* ie5-7  */
	opacity: 0; /* css standard, currently it works in most modern browsers  */
	top:1px;
}
.del{ width:20px; height:20px; display:none; position:absolute; border:1px solid #CCC; top:9px; right:7px;}
.delimg{ behavior:url("js/iepngfix.htc"); display:block; width:11px; height:11px; position:relative;left:4px; top:5px;}
.dragbar{height:16px;background:url(../images/bg.jpg) no-repeat; position:relative; z-index:9999;}
.draghandle{height:16px;width:28px;background:url(../images/bg1.jpg) no-repeat; position:absolute;top:0px;left:0px;cursor:pointer;z-index:10000;}