/* All About Scrip Style */
#scripContainer{ position:relative; list-style:none; height:10px; }
#scripContainer li{ position:absolute; cursor:move; line-height:18px;}

/* Scrip Elements */
.number, .to, .content, .from, .date, .comment, .flower, .minimize, .maximize, .close, .viaWeb, .viaWap, .viaSms{ position:absolute;}
.minimize, .maximize, .close{ width:11px; height:11px; display:block; overflow:hidden; text-indent:-1000em; cursor:pointer;}

.bg{}
.item{}
.number{}
.to{ font-weight:bold; }
.content{ word-break:break-all;}
.from{}
.date{}
.comment{}
.flower{}
.viaWeb{}
.viaWap{}
.viaSms{}
.minimize{ background:#fff url(/index_files/icon_scrip_minimize.gif) left top no-repeat;}
.maximize{ background:#fff url(/index_files/icon_scrip_maximize.gif) left top no-repeat;}
.close{ background:#fff url(/index_files/icon_scrip_close.gif) left top no-repeat;}


/* 表现类型 */
#scripContainer .preview{ width:202px; font-size:12px; margin:7px; padding:5px; border:1px solid #999999; background: #ffffff; display:block; }
#scripContainer .preview .bg{ width:202px; height:12px; display:block; background:url(/index_files/scrip-head.png) left top no-repeat !important;}
#scripContainer .preview .item{ position:absolute; left:21px; top:18px; width:50px; height:50px;}
#scripContainer .preview .number{}
#scripContainer .preview .to{ position:relative; width:170px; height:16px; overflow:hidden; }
#scripContainer .preview .content{ position:relative; width:170px; word-wrap: break-word; }
#scripContainer .preview .from{ top:77px; right:25px;}
#scripContainer .preview .date{ top:95px; right:10px;}
#scripContainer .preview .comment{ top:72px; left:21px;}
#scripContainer .preview .flower{}
#scripContainer .preview .viaWeb,
#scripContainer .preview .viaWap,
#scripContainer .preview .viaSms{ top:75px; right:5px; width:20px; height:20px; display:block; overflow:hidden; text-indent:-1000em;}
#scripContainer .preview .viaWeb{}
#scripContainer .preview .viaWap{ background:url(http://source1.qq.com/lovewall/item_3/lovewall/images/icon_scrip_via_wap.gif) left top no-repeat;}
#scripContainer .preview .viaSms{ background:url(http://source1.qq.com/lovewall/item_3/lovewall/images/icon_scrip_via_sms.gif) left top no-repeat;}
#scripContainer .preview .minimize{}
#scripContainer .preview .maximize{ right:20px; top:7px;}
#scripContainer .preview .close{ right:7px; top:7px;}

#scripContainer .complete{}
#scripContainer .complete .item{}
#scripContainer .complete .number{ left:15px; top:15px;}
#scripContainer .complete .to{}
#scripContainer .complete .content{ text-align:left; text-indent:24px;}
#scripContainer .complete .from{}
#scripContainer .complete .date{ width:140px; font-size:10px;}
#scripContainer .complete .comment{ left:15px; bottom:15px; background:url(http://source1.qq.com/lovewall/item_3/lovewall/images/icon_scrip_comment.gif) left top no-repeat; padding:0 0 0 24px; :}
#scripContainer .complete .flower{ left:15px; top:360px;}
#scripContainer .complete .viaWeb{ font-weight:bold;}
#scripContainer .complete .viaWap{ font-weight:bold;}
#scripContainer .complete .viaSms{ font-weight:bold;}
#scripContainer .complete .minimize{ right:15px; top:15px;}
#scripContainer .complete .maximize{}
#scripContainer .complete .close{ right:15px; top:15px;}

#scripContainer .classic{}
#scripContainer .classic .item{}
#scripContainer .classic .number{}
#scripContainer .classic .to{}
#scripContainer .classic .content{}
#scripContainer .classic .from{}
#scripContainer .classic .date{}
#scripContainer .classic .comment{}
#scripContainer .classic .flower{}
#scripContainer .classic .minimize{}
#scripContainer .classic .maximize{}
#scripContainer .classic .close{}


/* 形状类型 */
#scripContainer .square{ width:380px; height:380px;}
#scripContainer .square .item{ width:380px; height:380px; display:block;}
#scripContainer .square .viaWap{ position:absolute; left:15px; bottom:35px; border:1px dotted #95D577; background:url(http://source1.qq.com/lovewall/item_3/lovewall/images/icon_scrip_via_wap.gif) right center no-repeat; padding:0 19px 0 3px;}
#scripContainer .square .viaSms{ position:absolute; left:15px; bottom:35px; border:1px dotted #95D577; background:url(http://source1.qq.com/lovewall/item_3/lovewall/images/icon_scrip_via_sms.gif) right center no-repeat; padding:0 19px 0 3px;}
#scripContainer .square .content{}

#scripContainer .rectangle{ width:360px; height:450px;}
#scripContainer .rectangle .item{ width:360px; height:450px; display:block;}
#scripContainer .rectangle .viaWap{ position:absolute; left:15px; bottom:35px; border:1px dotted #95D577; background:url(http://source1.qq.com/lovewall/item_3/lovewall/images/icon_scrip_via_wap.gif) right center no-repeat; padding:0 19px 0 3px;}
#scripContainer .rectangle .viaSms{ position:absolute; left:15px; bottom:35px; border:1px dotted #95D577; background:url(http://source1.qq.com/lovewall/item_3/lovewall/images/icon_scrip_via_wap.gif) right center no-repeat; padding:0 19px 0 3px;}
#scripContainer .rectangle .content{}

#scripContainer .round{}

.square_layoutTop .content,
.rectangle_layoutTop .content,
.square_layoutBottom .content,
.rectangle_layoutBottom .content,
.square_layoutCenterT1 .content
.rectangle_layoutCenterT1 .content{ line-height:20px;}

.square_layoutLeft .content,
.rectangle_layoutLeft .content,
.square_layoutRight .content,
.rectangle_layoutRight .content,
.square_layoutCenterT2 .content
.rectangle_layoutCenterT2 .content{ line-height:22px;}

/* 正方形布局类型 */
.square_layoutTop{}
.square_layoutTop .to{ left:58px; top:49px;}
.square_layoutTop .content{ left:58px; top:72px; width:265px;}
.square_layoutTop .from{ right:58px; top:167px; text-align:right; width:100px;}
.square_layoutTop .date{ right:58px; top:181px; text-align:right;}

.square_layoutBottom{}
.square_layoutBottom .to{ left:55px; top:174px;}
.square_layoutBottom .content{ left:55px; top:192px; width:265px;}
.square_layoutBottom .from{ right:54px; top:288px; text-align:right; width:100px;}
.square_layoutBottom .date{ right:54px; top:305px; text-align:right;}

.square_layoutLeft{}
.square_layoutLeft .to{ left:20px; top:48px;}
.square_layoutLeft .content{ left:20px; top:69px; width:142px;}
.square_layoutLeft .from{ right:225px; top:290px; text-align:right; width:100px;}
.square_layoutLeft .date{ right:225px; top:305px; text-align:right;}

.square_layoutRight{}
.square_layoutRight .to{ left:222px; top:48px;}
.square_layoutRight .content{ left:222px; top:69px; width:142px;}
.square_layoutRight .from{ right:30px; top:290px; text-align:right; width:100px;}
.square_layoutRight .date{ right:30px; top:305px; text-align:right;}

.square_layoutCenterT1{}
.square_layoutCenterT1 .to{ left:55px; top:119px;}
.square_layoutCenterT1 .content{ left:55px; top:137px; width:265px;}
.square_layoutCenterT1 .from{ right:54px; top:233px; text-align:right; width:100px;}
.square_layoutCenterT1 .date{ right:54px; top:250px; text-align:right;}

.square_layoutCenterT2{}
.square_layoutCenterT2 .to{ left:122px; top:48px;}
.square_layoutCenterT2 .content{ left:122px; top:69px; width:142px;}
.square_layoutCenterT2 .from{ right:120px; top:278px; text-align:right; width:100px;}
.square_layoutCenterT2 .date{ right:120px; top:295px; text-align:right;}

/* 长方形布局类型 */
.rectangle_layoutTop{}
.rectangle_layoutTop .to{ left:50px; top:50px;}
.rectangle_layoutTop .content{ left:50px; top:70px; width:265px;}
.rectangle_layoutTop .from{ right:54px; top:171px; text-align:right; width:100px;}
.rectangle_layoutTop .date{ right:54px; top:184px; text-align:right;}

.rectangle_layoutBottom{}
.rectangle_layoutBottom .to{ left:50px; top:242px;}
.rectangle_layoutBottom .content{ left:50px; top:261px; width:265px;}
.rectangle_layoutBottom .from{ right:54px; top:360px; text-align:right; width:100px;}
.rectangle_layoutBottom .date{ right:54px; top:373px; text-align:right;}

.rectangle_layoutLeft{}
.rectangle_layoutLeft .to{ left:22px; top:91px;}
.rectangle_layoutLeft .content{ left:22px; top:112px; width:140px;}
.rectangle_layoutLeft .from{ right:200px; top:331px; text-align:right; width:100px;}
.rectangle_layoutLeft .date{ right:200px; top:345px; text-align:right;}

.rectangle_layoutRight{}
.rectangle_layoutRight .to{ left:205px; top:91px;}
.rectangle_layoutRight .content{ left:205px; top:112px; width:140px;}
.rectangle_layoutRight .from{ right:23px; top:331px; text-align:right; width:100px;}
.rectangle_layoutRight .date{ right:23px; top:345px; text-align:right;}

.rectangle_layoutCenterT1{}
.rectangle_layoutCenterT1 .to{ left:55px; top:139px;}
.rectangle_layoutCenterT1 .content{ left:55px; top:157px; width:265px;}
.rectangle_layoutCenterT1 .from{ right:47px; top:253px; text-align:right; width:100px;}
.rectangle_layoutCenterT1 .date{ right:47px; top:270px; text-align:right;}

.rectangle_layoutCenterT2{}
.rectangle_layoutCenterT2 .to{ left:112px; top:91px;}
.rectangle_layoutCenterT2 .content{ left:112px; top:112px; width:140px;}
.rectangle_layoutCenterT2 .from{ right:106px; top:331px; text-align:right; width:100px;}
.rectangle_layoutCenterT2 .date{ right:106px; top:345px; text-align:right;}

/* 文字颜色类型 */
.colorBlack{ color:#fff;}
.colorBlack .to,
.colorBlack .from,
.colorBlack .date{ color:#ffff00;}

.colorWhite{ color:#000;}
.colorWhite .to,
.colorWhite .from,
.colorWhite .date{ color:#ff4e82;}

.colorRed{ color:#FEF7DA;}
.colorRed .to,
.colorRed .from,
.colorRed .date{ color:#81172B;}

.colorYellow{ color:#D47C00;}
.colorYellow .to,
.colorYellow .from,
.colorYellow .date{ color:#FF4E4E;}

.colorLime{ color:#226D1B;}
.colorLime .to,
.colorLime .from,
.colorLime .date{ color:#204112;}

.colorCyan{ color:#05458C;}
.colorCyan .to,
.colorCyan .from,
.colorCyan .date{ color:#013EBD;}

.colorBlue{ color:#FFFFFF;}
.colorBlue .to,
.colorBlue .from,
.colorBlue .date{ color:#00FFF5;}

.colorFuchsia{ color:#640063;}
.colorFuchsia .to,
.colorFuchsia .from,
.colorFuchsia .date{ color:#AC006E;}

.colorGray{ color:#000;}
.colorGray .to,
.colorGray .from,
.colorGray .date{ color:#E6FFEC;}

.colorSilver{ color:#606060;}
.colorSilver .to,
.colorSilver .from,
.colorSilver .date{ color:#FF4D50;}

.colorMaroon{ color:#FFEEA4;}
.colorMaroon .to,
.colorMaroon .from,
.colorMaroon .date{ color:#FFFC01;}

.colorOlive{ color:#070700;}
.colorOlive .to,
.colorOlive .from,
.colorOlive .date{ color:#846701;}

.colorGreen{ color:#000;}
.colorGreen .to,
.colorGreen .from,
.colorGreen .date{ color:#FFFF01;}

.colorTeal{ color:#001E1E;}
.colorTeal .to,
.colorTeal .from,
.colorTeal .date{ color:#96F9FF;}

.colorNavy{ color:#ffffff;}
.colorNavy .to,
.colorNavy .from,
.colorNavy .date{ color:#B2BDFF;}

.colorPurple{ color:#ffffff;}
.colorPurple .to,
.colorPurple .from,
.colorPurple .date{ color:#FFCB2F;}