#mainarea 						{-moz-user-select:none; -webkit-user-select:none; user-select:none; MARGIN: 0px auto; WIDTH: 960px; HEIGHT: 460px; background-color:#111111; padding-top:10px; }
#mainarea .toolbar 				{MARGIN: 0px 0 0 10px; WIDTH: 941px; HEIGHT: 180px; background-color:#555754}
#mainarea .toolbar .upfile 		{width:590px; height:180px; float:left; background-color:#7c7c7c; margin:0px 0px 8px 0px; }
#upfile_menu					{ width:100px; height:115px; float:left}
#upfile_menu a 					{ display:block; width:100px; line-height:22px; padding-left:8px; border-bottom:#676766 solid 1px; background-color:#3c3c3b; color:#999}

/*#mainarea .toolbar .upfile .this{background-color:#7c7c7c; color:#fff; font-weight:bold}
#mainarea .toolbar .upfile .this a{color:#e7f32f}
#mainarea .toolbar .upfile p 	{ float:left; padding:15px 0 0 18px; display:block; width:310px; height:100px; color:#ccc; line-height:18px}
#mainarea .toolbar .upfile input{ height:25px; border-width:0; background-color:#ccc}
#mainarea .toolbar .upfile span	{ float:left; margin-right:4px}*/
#snapmsg A 	{COLOR: #fff; LINE-HEIGHT: 22px}
#snapmsg A:hover 	{COLOR: #ebebeb}

/*.filebox						{ color:#bbb; padding:5px 5px}
.updiv 							{float:left; margin:8px 0 0 15px; width:308px; height:45px;border:0px solid #ccc;}
#fileQueue,#fileQueue2,#fileQueue3  		{overflow:hidden;float:left;border:1px solid #999;margin:8px 0 0 15px; width:308px; height:53px;}
.uploadifyQueueItem		 		{font: 11px Verdana, Geneva, sans-serif;border: 2px solid #666;background-color: #ccc;padding: 10px;width: 284px;}
.uploadifyError 				{border: 2px solid #666 !important;	background-color: #FDE5DD !important;}
.uploadifyQueueItem .cancel 	{float: right;}
.uploadifyProgress 				{background-color: #fff;border: 1px solid #C5C5C5; margin-top: 10px;width: 100%;}
.uploadifyProgressBar 			{background-color: #09f;width: 1px;height: 3px;}*/

.introduce 						{width:338px; height:180px; float:right ; background-color:#7c7c7c;}
.introduce H2 					{PADDING-LEFT: 8px; WIDTH: 328px; HEIGHT: 22px; line-height:22px; color:#e7f32f; font-weight:bold}
.introduce H2 SPAN 				{margin-left:15px; color:#999}
.introduce P 					{color:#ccc; line-height:20px; padding:4px 6px}

.swatch					{ height:15px; width:15px; display:block; float:left;margin:2px; border:1px solid #555; cursor:hand;}
.currswatch				{ height:15px; width:15px; display:block; float:left;margin:2px; border:1px solid #fff; cursor:hand;}
.layout 				{POSITION: relative;MARGIN: 0px auto; WIDTH: 960px; HEIGHT: 610px; z-index:1; background-color: #525252;}
.card 					{position:absolute; left: 27px; top: 17px; width: 923px; height: 580px; background-color:#c0c0c0; z-index:2; border:1px solid #000}


.cardshadow  					{ position:absolute; width:941px; height:598px; z-index:1; left: 10px; top: 0px; background: #000; border: 1px solid #000;FILTER: progid:DXImageTransform.Microsoft.CrBlur(PixelRadius=3,MakeShadow=true,ShadowOpacity=.30);}
#wordreae 						{width: 923px;height: 580px;position:relative;text-align:center; background-color:#c0c0c0; overflow:hidden}
#dulist							{ padding: 5px 10px 10px 10px; float:left;}
#dulist P 						{position:relative; float:left; display: block; width:124px; height:93px; border: 4px solid #999; background-color:#999;  margin-right:5px;  margin-top:5px;}
/*#dulist P SPAN{position:absolute; top:120px; left:0px; text-align:center;opacity: 0.5;filter:alpha(opacity=50); line-height:20px; background-color:#666; width:160px; height:20px; display:block; z-index:2;}*/

.rule_v					{position:absolute; width:923px; height:17px; background:url(../images/rule_v.gif) no-repeat -750px 0; top:1px; left:28px; z-index:3}
.rule_h					{position:absolute; width:17px; height:580px; background:url(../images/rule_h.gif) no-repeat 0 -500px; top:18px; left:11px; z-index:4}
.rulecomm 				{position:absolute; width:16px; height:16px; border:1px solid #000; border-width:0 1px 1px 0; background-color:#fff; top:1px; left:11px; z-index:5; line-height:16px; text-align:center; cursor:pointer}
#leftrightimg			{position:absolute; border-width:0px; top:1px; left:11px; z-index:501}
#topdownimg				{position:absolute; border-width:0px; top:18px; left:11px; z-index:501}
#leftright				{position:absolute;left:0;top:0;width:1px;height:1px;border-top:1px dotted #666;z-index:498;font-size:1px;}
#topdown				{position:absolute;left:0;top:0;width:1px;height:1px;border-left:1px dotted #666;z-index:498;font-size:1px;}
.marqueeHoriz 		{position: absolute;width: 100%;height: 1px;background: transparent url(../images/marqueeHoriz.gif) repeat-x 0 0;	z-index: 3;}
.marqueeVert 		{position: absolute;height: 100%;width: 1px;background: transparent url(../images/marqueeVert.gif) repeat-y 0 0;z-index: 3;}
#outer {text-align: center;}
.jcExample{	text-align: left; overflow:hidden;	font-size: 80%;	margin: 0 auto 0 auto;	*margin: 0 10% 0 10%;/*	border: 1px black solid;	padding: 1em 2em 2em;*/}

.slidelist_inner	{position:relative; float:left; background:#1a1a1a;height:138px;width:940px;margin:0 auto 0; BORDER: #0d0d0d 1px solid; border-bottom-width:0;}

#slideLeftBtn,
#slideRightBtn		{position:absolute;top:24px;left:0;display:block;width:30px;height:63px;border:0;background:url(../images/slide_bg.png) no-repeat 0 0;text-indent:-3000px;outline:0;cursor:pointer;overflow:hidden}
#slideRightBtn		{left:auto;right:0;background-position:-50px 0}
#slideLeftBtn:hover	{background-position:-100px 0}
#slideRightBtn:hover{background-position:-150px 0}
#slideLeftBtn:active{background-position:-200px 0}
#slideRightBtn:active{background-position:-250px 0}

#slidePlaylist		{position:relative;margin:6px auto;width:850px;overflow:hidden}
#slidePlaylist ol	{list-style:none;width:79999px;padding:0;height:101px;overflow:hidden}
*#slidePlaylist ol	{*position:relative}
*#slidePlaylist ol	{zoom:1}
#slidePlaylist ol:after{content:".";display:block;height:0;clear:both;visibility:hidden}

#slidePlaylist .slide_item {position:relative;float:left;margin-right:10px;width:134px;height:202px; background:url(../images/slide_bg.png) -620px 0px no-repeat; cursor:pointer}
#slidePlaylist .slide_item_current{background-position:-300px 101px}
#slidePlaylist .slide_item .dcldel{position:absolute;top:80px;left:6px;z-index:999}
#slidePlaylist .slide_item .pic{border:4px solid #666; width:124px;height:93px;overflow:hidden; text-align:center}
#slidePlaylist .slide_item .pic img{border-width:0}
#slidePlaylist .slide_item a{position:absolute;top:0;left:0;z-index:999;outline:0;display:block;width:134px;height:202px;padding:0;background:url(../images/slide_bg.png) -460px 0 no-repeat;text-indent:-3000px;overflow:hidden}
#slidePlaylist .slide_item strong{float:left;width:25px;color:#b2b2b2;font-size:18px;font-family:Georgia,"Times New Roman",serif;font-weight:bold;line-height:78px;text-align:center}
#slidePlaylist .slide_item p{float:left;padding:9px 10px 0 5px;width:94px;height:71px;text-align:center; line-height:130%;overflow:hidden;word-wrap:break-word;word-break:break-all}
#slidePlaylist .slide_item SPAN{ display:block; float:left;padding-left:22px; padding-top:2px; width:114px;color:#666;text-align:center}

.slide_scroll		{margin:10px 0 10px 0}
.slide_scroll_track	{height:16px;width:850px;background:url(../images/slide_bg.png) no-repeat center -254px;overflow:hidden;cursor:pointer}
.slide_block		{height:16px;width:100px;background:none;cursor:pointer;}
.slide_block .slide_block_left{height:16px;background:url(../images/slide_bg.png) no-repeat 0 -186px}
.slide_block .slide_block_right{height:16px;background:url(../images/slide_bg.png) no-repeat right -221px;padding:0 14px}
.slide_block .slide_block_right div{height:16px;background:url(../images/slide_bg.png) no-repeat center -300px}

.oper {BORDER: #0d0d0d 1px solid; border-top-width:0;float:left; PADDING:6px 10px; MARGIN: 0 auto; WIDTH: 920px; BACKGROUND: #1a1a1a; HEIGHT: 115px;}
.oper_btn A {BACKGROUND: url(../images/sprite_vod535.png) no-repeat 0px 0px}
.oper_btn {PADDING-BOTTOM: 20px; WIDTH: 438px; DISPLAY: inline; FLOAT: left; HEIGHT: 42px; OVERFLOW: hidden}
.oper_btn A {MARGIN: 0px 8px 6px 0px; PADDING-LEFT: 14px; WIDTH: 78px; DISPLAY: block; BACKGROUND-POSITION: -142px -48px; FLOAT: left; HEIGHT: 21px; COLOR: #6c6c6c; PADDING-TOP: 3px}
.oper_btn A:hover {COLOR: #2095d7; TEXT-DECORATION: none}
.oper_btn A:this {COLOR: #2095d7; TEXT-DECORATION: none}
.oper_btn A.link_2 {BACKGROUND-POSITION: -153px -24px}
.oper_btn A.link_3 {BACKGROUND-POSITION: -61px -48px}
.oper_btn A.link_4 {WIDTH: 103px; BACKGROUND-POSITION: 0px 0px}
.oper_btn A.link_5 {WIDTH: 78px; BACKGROUND-POSITION: -142px -48px}
.oper_btn A.this_5 {WIDTH: 78px; BACKGROUND-POSITION: -142px -72px}
.oper_btn A.link_6 {WIDTH: 88px; BACKGROUND-POSITION: -117px 0px}
.oper_btn A.link_7 {WIDTH: 103px; BACKGROUND-POSITION: -82px -149px}
.oper_btn A.this_7 {WIDTH: 103px; BACKGROUND-POSITION: -82px -173px}
.oper_btn A.link_8 {BACKGROUND-POSITION: 0px -26px}
.oper_suiji {PADDING-BOTTOM: 3px; PADDING-LEFT: 8px; WIDTH: 413px; BACKGROUND: #212121; FLOAT: left; HEIGHT: 30px; OVERFLOW: hidden; PADDING-TOP: 3px}
.oper_suiji A {MARGIN: 3px 8px 6px 0px; PADDING:3px 5px 0 5px; DISPLAY: block; text-align:center; FLOAT: left; HEIGHT: 20px; COLOR: #6c6c6c;border:1px solid #666;}
.oper_suiji A:hover {COLOR: #2095d7; TEXT-DECORATION: none; border:1px solid #2095d7}
.oper_suiji .curr {COLOR: #2095d7; TEXT-DECORATION: none; border:1px solid #2095d7; background-image:url(inputno.gif); background-repeat:no-repeat; background-position:right bottom;}

.oper_suiji A.link20 {MARGIN: 3px 5px 4px 0px; PADDING:0px 0px; DISPLAY: block; text-align:center; FLOAT: left; HEIGHT: 20px; COLOR: #6c6c6c;border:1px solid #286b25;}
.oper_suiji A.link20:hover {COLOR: #2095d7; TEXT-DECORATION: none; border:1px solid #2095d7}

.oper_suiji A.link18 {MARGIN: 3px 5px 2px 0px; PADDING:0px 4px 0 4px; DISPLAY: block; text-align:center; FLOAT: left; HEIGHT: 18px; line-height:18px; COLOR: #6c6c6c;border:1px solid #666;}
.oper_suiji A.link18:hover {COLOR: #2095d7; TEXT-DECORATION: none; border:1px solid #2095d7}



.makebox {WIDTH: 265px; FLOAT: right; HEIGHT: 110px}
.leftnun {COLOR: #ff0000;font-size:14px;}
.rightnun {COLOR: #ff0000;font-size:14px;}
.shuquan { width:960px; height:28px; line-height:28px; margin:0 auto; background-color:#333; color:#999}
.shuquan a {color:#9ED2EF}
.shuquan A:hover {color:#2095d7}

.makeparam {PADDING-BOTTOM: 3px; PADDING-LEFT: 8px; WIDTH: 430px; PADDING-RIGHT: 0px; FLOAT: left; HEIGHT: 110px; OVERFLOW: hidden;BACKGROUND: url(../images/line_1.gif) no-repeat right 10px; }

.xywh {WIDTH: 200px; BACKGROUND: url(../images/line_1.gif) no-repeat right 10px; FLOAT: left; color:#ccc; }
.xywh UL 		{FLOAT: left; WIDTH: 100%; PADDING-LEFT: 5px}
.xywh UL LI 	{FLOAT:left; WIDTH:95px; LINE-HEIGHT: 25px; color:#666; text-align:left}
.xywh UL LI SPAN{color:#deff00}
.xywh UL LI INPUT{width:30px; border:1px solid #333; background-color:#1a1a1a; color:#2095d7}
.tselect{border:1px solid #333; background-color:#1a1a1a;  color:#666}

#makebtn{cursor:pointer;width:173px;height:55px;background-image:url(../images/down_btn.jpg);}
#makebtn>a{	width:173px;height:55px;display:block;}
#makebtn a{color:#CBDEF0;}
#makebtn a:hover{text-decoration:none;}
#maketext{position:relative;top:33px;left:20px;	}
#makebtnshadow{margin-top:6px;width:173px;height:45px;background-image:url(../images/down_shadow.png);clear:both;}
#makeboxright{width:173px;float:left;}
#makeboxleft{width:83px;float:left;margin-top:3px;color:#686868;line-height:18px;}
#makebtnwrapper{width:268px;height:110px;}

#toolpanel 		{background:#024D8A;height: 200px;display: none;WIDTH: 960px; LINE-HEIGHT: 22px; MARGIN: 0 auto; }
#toolpanel H2 	{PADDING-LEFT: 8px; WIDTH: 275px; HEIGHT: 30px}
#toolpanel DL 	{FLOAT: left; margin-left:10px; WIDTH: 310px}
#toolpanel DD 	{FLOAT: left;WIDTH: 102px; COLOR: #898989; LINE-HEIGHT: 24px; HEIGHT: 24px}
#toolpanel DD.p1 	{COLOR: #006c02}
#toolpanel DD.p2 	{COLOR: #3836a1}
#toolpanel DD.p3 A{COLOR: #7d6510}
#toolpanel DD.p4 	{COLOR: #c3540a}
#toolpanel DD.p5 	{COLOR: #ec1313}
#toolpanel DD.p6 	{COLOR: #ff6698}
#toolpanel DD.p7 	{COLOR: #b5995e}
#toolpanel DD.p8 	{COLOR: #22a4a6}
#toolpanel DD A 	{COLOR: #898989}
#toolpanel DD A:hover {COLOR: #f26521}


.toolslide 		{border-top: solid 4px #48ac2e;background: url(../images/btn-slide.gif) no-repeat 750px top;width:960px;}
.btn-slide 		{background: url(../images/white-arrow.gif) no-repeat right -50px;text-align: center;width: 144px;height: 24px;padding: 2px 10px 0 0;margin: 0 10px;	display: block;	color: #fff;text-decoration: none;float:right}
.panelactive 	{background-position: right 12px;}
#tiptxt			{position:absolute; top:200px; left:135px; color:#999; font-size:18px; line-height:22px; display:}

.sliderdemo 	{height:20px; width:360px; margin-bottom:6px}
.imageslider1 	{ height:20px; width:360px; background-image:url("../images/scrollbg2.gif"); }
.imageslider100 	{ height:20px; width:100px; background-image:url("../images/scrollbg2.gif"); }

.imagebar1    	{ height:24px; width:14px; background-image:url("../images/scrfloat2.gif"); cursor:pointer }
.rotateval		{margin-left:8px; width:38px; text-align:right; height:25px; line-height:25px; font-size:18px; border:0px solid #666; background-color:#1a1a1a; color:#666}
 .flip_x 		{ filter: FlipH; -moz-transform: matrix(-1, 0, 0, 1, 0, 0); -webkit-transform: matrix(-1, 0, 0, 1, 0, 0); } 
 .flip_y 		{ filter: FlipV; -moz-transform: matrix(1, 0, 0, -1, 0, 0); -webkit-transform: matrix(1, 0, 0, -1, 0, 0); } 

#colorSelector,#colorSelector1,#colorSelector2,#colorSelector3,#colorSelector4,#colorSelector5 	{position: absolute;top: 0;	left: 0;width: 20px;height: 20px;background: url(../images/select2.png);}
#colorSelector div,#colorSelector1 div,#colorSelector2 div,#colorSelector3 div,#colorSelector4 div,#colorSelector5 div {position: absolute;top: 2px;left: 2px;width: 16px;height: 16px;background: url(../images/select2.png) center;}
#colorpickerHolder,#colorpickerHolder1,#colorpickerHolder2,#colorpickerHolder3,#colorpickerHolder4,#colorpickerHolder5 {top: 32px;left: 0;width: 356px;height: 0;overflow: hidden;position: absolute}
#customWidget,#customWidget1,#customWidget2,#customWidget3 ,#customWidget4 ,#customWidget5		{position: relative;height: 20px;float:left;margin-left:4px;}

.saveplan a				{background: transparent url('/images/oval-gray-left.gif') no-repeat top left;display: block;float: left;font: normal 13px Tahoma;line-height: 16px;height: 24px;padding-left: 11px;text-decoration: none;margin-left: 3px}
.saveplan a:link, .saveplan a:visited, .saveplan a:active{color: #494949; }
.saveplan a span		{background: transparent url('/images/oval-gray-right.gif') no-repeat top right;display: block;padding: 4px 11px 4px 0;}
.saveplan a:hover		{background-position: bottom left;}
.saveplan a:hover span	{background-position: bottom right;color: black;}
.saveplan				{overflow: hidden;width: 100%;margin-left:10px; margin-top:10px}

#picList1 .this	{border:1px solid #99CC33;}
#picList1 P {display:block; float:left; WIDTH:42px; HEIGHT: 33px; line-height:33px; border:1px solid #666; margin-right:4px; text-align:center}
#picList1 {FLOAT: left; margin-top:4px}

#picList2 P {display:block; WIDTH:72px; HEIGHT: 54px; border:1px solid #666}
#picList2 P IMG {width:72px; height:54px}
#picList2	{float:left; margin-left:6px; margin-top:4px}
#picList2 LI 	{POSITION: relative; FLOAT:left; WIDTH:72px; LINE-HEIGHT: 25px; color:#666; margin-right:6px; text-align:center}
#picList2 LI STRONG{position:absolute;top:30px;left:6px;z-index:999; font-size:18px; color:#555; font-weight:bold}
#picList2 LI SPAN {color:#444}

#picList2 INPUT{width:26px; border:1px solid #333; background-color:#1a1a1a; color:#2095d7}
#picList_Cont {OVERFLOW: hidden;POSITION: relative;  WIDTH: 550px; height:82px; ZOOM: 1; float:left}
.ScrCont {WIDTH: 32766px; ZOOM: 1}


/* Required CSS classes: must be included in all pages using this script */

/* Apply the element you want to drag/resize */
.designDiv {
position: absolute;
border: 1px dashed #f00;

}

/*
The main mouse handle that moves the whole element.
You can apply to the same tag as alixixi if you want.
*/
.drsMoveHandle {
height: 20px;
border-bottom: 1px dashed #f00;
cursor: move;
}

/*
The DragResize object name is automatically applied to all generated
corner resize handles, as well as one of the individual classes below.
*/
.dragresize {
position: absolute;
width: 5px;
height: 5px;
font-size: 1px;
background: #EEE;
border: 1px solid #333;
}

/*
Individual corner classes - required for resize support.
These are based on the object name plus the handle ID.
*/
.dragresize-tl {
top: -8px;
left: -8px;
cursor: nw-resize;
}
.dragresize-tm {
top: -8px;
left: 50%;
margin-left: -4px;
cursor: n-resize;
}
.dragresize-tr {
top: -8px;
right: -8px;
cursor: ne-resize;
}

.dragresize-ml {
top: 50%;
margin-top: -4px;
left: -8px;
cursor: w-resize;
}
.dragresize-mr {
top: 50%;
margin-top: -4px;
right: -8px;
cursor: e-resize;
}

.dragresize-bl {
bottom: -8px;
left: -8px;
cursor: sw-resize;
}
.dragresize-bm {
bottom: -8px;
left: 50%;
margin-left: -4px;
cursor: s-resize;
}
.dragresize-br {
bottom: -8px;
right: -8px;
cursor: se-resize;
}
/*交换数据用的DIV*/
#tempBox{position: absolute;z-index:9999;}
.pre {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}
.tags2 {float:left}
#bgpic {width:72px; height:54px; float:left; text-align:center; border:1px solid #666; overflow: hidden;}

#mDir {margin-top:2px; width:310px; float:left}
#mDir ul	{list-style-type:none}
#mDir ul li{BORDER: #333 1px solid; MARGIN-TOP: 2px;MARGIN-RIGHT: 4px;float:left; padding:0 4px 0 4px; line-height:18px;text-align:center;overflow:hidden; color:#666}
#mDir ul dl{BORDER: #c34 1px solid; COLOR: #fff; background-color:#c34; MARGIN-RIGHT: 4px;MARGIN-TOP: 2px;float:left;height:18px; width:38px; line-height:18px;text-align:center;overflow:hidden;}

#mPage {width:190px; float:right; text-align:right; margin:2px 10px 0 0; height:20px; line-height:20px}
#mPage a {color:#666}
#scimglist	{float:left; width:515px; margin-top:6px}
#scimglist LI{FLOAT:left; WIDTH:50px; HEIGHT:50px; border:1px solid #333; margin-right:5px; margin-bottom:5px; text-align:center}

#stimglist	{float:left; width:720px; margin-top:6px}
#stimglist LI{FLOAT:left; WIDTH:63px; HEIGHT:63px; border:1px solid #333; margin-right:5px; margin-bottom:5px; text-align:center}
#stimglist LI IMG{WIDTH:62px; HEIGHT:62px; border:0px; }

.designtab A{display:block;BORDER: #333 1px solid; color:#333; MARGIN: 2px 0 4px 2px;float:left;width:62px; line-height:22px;text-align:center}
.designtab A.link {color:#666}
.designtab A.link:hover {COLOR: #2095d7; TEXT-DECORATION: none; border:1px solid #2095d7}
.designtab A.this { background-color:#DBDBDB}