.jSticky-large{background:transparent url(stickynote-large.png) no-repeat top left;width:218px;height:218px;position:absolute;z-index:999999;}
.jSticky-medium{background:transparent url(stickynote-medium.png) no-repeat top left;width:218px;height:321px;position:absolute;z-index:999999;}
.jSticky-small{background:transparent url(stickynote-small.png) no-repeat top left;width:218px;height:244px;position:absolute;z-index:999999;}
.jSticky-delete{background:transparent url(delete.png) no-repeat top left;height:50px;width:50px;position:absolute;cursor:pointer;}
.jSticky-medium .jStickyNote textarea{height:250px;}.jSticky-large .jStickyNote textarea{height:110px;}.jSticky-small .jStickyNote textarea{height:150px;color:rgb(0, 0, 100);}
.jStickyNote textarea{width:80%;background-color:transparent;border:none;font-family:'Comic Sans MS',Textile,cursive;font-size:16px;overflow:hidden;padding:50px 0 0 15px;float:left;resize:none;color:#fff;}
.jSticky-large .jSticky-create{bottom:0;}.jSticky-medium .jSticky-create{bottom:30px;}
.jSticky-create{float:right;width:50px;height:50px;background:transparent url(ok.png) no-repeat top left;right:10px;cursor:pointer;position:relative;}
.content{position:absolute;top:50px;left:110px;right:0px;padding:0px;margin:0px;height:550px;}
ul.demos{list-style-type:none;position:absolute;top:60px;right:5px;padding:0px;margin:0px;}			
ul.demos li{float:left;padding:2px 4px;cursor:pointer;}
.fourB{background-color:rgb(57,114,212);position:relative;padding:30px 20px;
background-image:linear-gradient(bottom,#9FE3FC 0%,rgb(0,0,100) 100%);background-image:-o-linear-gradient(bottom,#9FE3FC 0%,rgb(0,0,100) 100%));background-image:-moz-linear-gradient(bottom,#9FE3FC 0%,rgb(0,0,100) 100%));background-image:-webkit-linear-gradient(bottom,#9FE3FC 0%,rgb(0,0,100) 100%);background-image:-ms-linear-gradient(bottom,#9FE3FC 0%,rgb(0,0,100) 100%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#9FE3FC),color-stop(1,rgb(0,0,100)));
-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;border-radius:50%;
-webkit-box-shadow:inset 0px 1px 0px rgb(0,0,100),0px 5px 0px 0px #156785,0px 10px 5px #999;-moz-box-shadow:inset 0px 1px 0px rgb(0,0,100),0px 5px 0px 0px #156785,0px 10px 5px #999;-o-box-shadow:inset 0px 1px 0px rgb(0,0,100),0px 5px 0px 0px #156785,0px 10px 5px #999;-ms-box-shadow:inset 0px 1px 0px rgb(0,0,100),0px 5px 0px 0px #156785,0px 10px 5px #999;box-shadow:inset 0px 1px 0px rgb(0,0,100),0px 5px 0px 0px #156785,0px 10px 5px #999;}
.fourB:active{background-image:linear-gradient(bottom,#9FE3FC 0%,rgb(0,0,100) 100%);background-image:-o-linear-gradient(bottom,#9FE3FC 0%,rgb(0,0,100) 100%);
background-image:-moz-linear-gradient(rgb(0,0,100) 0%,#9FE3FC 100%);background-image:-webkit-linear-gradient(rgb(0,0,100) 0%,#9FE3FC 100%);background-image:-o-linear-gradient(rgb(0,0,100) 0%,#9FE3FC 100%);background-image:-ms-linear-gradient(rgb(0,0,100) 0%,#9FE3FC 100%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgb(0,0,100)),color-stop(1,#9FE3FC));
-webkit-box-shadow:inset 0px 1px 0px #2ab7ec,0px 2px 0px 0px #156785,0px 5px 3px #999;-moz-box-shadow:inset 0px 1px 0px #2ab7ec,0px 2px 0px 0px #156785,0px 5px 3px #999;-o-box-shadow:inset 0px 1px 0px #2ab7ec,0px 2px 0px 0px #156785,0px 5px 3px #999;-ms-box-shadow:inset 0px 1px 0px #2ab7ec,0px 2px 0px 0px #156785,0px 5px 3px #999;box-shadow:inset 0px 1px 0px #2ab7ec,0px 2px 0px 0px #156785,0px 5px 3px #999;}
.fourB::before{background-color:rgb(5,137,207);background-image:url("../Comments/arrow.png");background-repeat:no-repeat;background-position:center center;content:"";width:20px;height:20px;position:absolute;right:10px;bottom:18px;
-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;border-radius:50%;
-webkit-box-shadow:inset 0px 1px 0px #052756,0px 1px 0px #60c9f0;-moz-box-shadow:inset 0px 1px 0px #052756,0px 1px 0px #60c9f0;-o-box-shadow:inset 0px 1px 0px #052756,0px 1px 0px #60c9f0;box-shadow:inset 0px 1px 0px #052756,0px 1px 0px #60c9f0;}
.fourB:active::before{top:50%;margin-top:-10px;-webkit-box-shadow:inset 0px 1px 0px #60c9f0,0px 3px 0px #0e3871,0px 6px 3px #1a80a6;-moz-box-shadow:inset 0px 1px 0px #60c9f0,0px 3px 0px #0e3871,0px 6px 3px #1a80a6;-o-box-shadow:inset 0px 1px 0px #60c9f0,0px 3px 0px #0e3871,0px 6px 3px #1a80a6;-ms-box-shadow:inset 0px 1px 0px #60c9f0,0px 3px 0px #0e3871,0px 6px 3px #1a80a6;box-shadow:inset 0px 1px 0px #60c9f0,0px 3px 0px #0e3871,0px 6px 3px #1a80a6;}
.fourP{background-color:rgb(187,79,167);position:relative;padding:30px 20px;
background-image:linear-gradient(bottom,rgb(255,179,253) 0%,rgb(86,14,133) 100%);background-image:-o-linear-gradient(bottom,rgb(255,179,253) 0%,rgb(86,14,133) 100%));background-image:-moz-linear-gradient(bottom,rgb(255,179,253) 0%,rgb(86,14,133) 100%));background-image:-webkit-linear-gradient(bottom,rgb(255,179,253) 0%,rgb(86,14,133) 100%);background-image:-ms-linear-gradient(bottom,rgb(255,179,253) 0%,rgb(86,14,133) 100%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgb(255,179,253)),color-stop(1,rgb(86,14,133)));
-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;border-radius:50%;
-webkit-box-shadow:inset 0px 1px 0px rgb(0,0,100),0px 5px 0px 0px rgb(151,71,66),0px 10px 5px #999;-moz-box-shadow:inset 0px 1px 0px rgb(0,0,100),0px 5px 0px 0px rgb(151,71,66),0px 10px 5px #999;-o-box-shadow:inset 0px 1px 0px rgb(0,0,100),0px 5px 0px 0px rgb(151,71,66),0px 10px 5px #999;-ms-box-shadow:inset 0px 1px 0px rgb(0,0,100),0px 5px 0px 0px rgb(151,71,66),0px 10px 5px #999;box-shadow:inset 0px 1px 0px rgb(0,0,100),0px 5px 0px 0px rgb(151,71,66),0px 10px 5px #999;}
.fourP:active{background-image:linear-gradient(bottom,rgb(255,17,156) 0%,rgb(86,14,133) 100%);background-image:-o-linear-gradient(bottom,rgb(255,17,156) 0%,rgb(86,14,133) 100%);
background-image:-moz-linear-gradient(rgb(86,14,133) 0%,rgb(187,79,167) 100%);background-image:-webkit-linear-gradient(rgb(86,14,133) 0%,rgb(187,79,167) 100%);background-image:-o-linear-gradient(rgb(86,14,133) 0%,rgb(187,79,167) 100%)-ms-linear-gradient(rgb(86,14,133) 0%,rgb(187,79,167) 100%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgb(86,14,133)),color-stop(1,rgb(187,79,167)));
webkit-box-shadow:inset 0px 1px 0px rgb(255,179,253),0px 2px 0px 0px rgb(86,14,133),0px 5px 3px #999;-moz-box-shadow:inset 0px 1px 0px rgb(255,179,253),0px 2px 0px 0px rgb(86,14,133),0px 5px 3px #999;-o-box-shadow:inset 0px 1px 0px rgb(255,179,253),0px 2px 0px 0px rgb(86,14,133),0px 5px 3px #999;-ms-box-shadow:inset 0px 1px 0px rgb(255,179,253),0px 2px 0px 0px rgb(86,14,133),0px 5px 3px #999;box-shadow:inset 0px 1px 0px rgb(255,179,253),0px 2px 0px 0px rgb(86,14,133),0px 5px 3px #999;}
.fourP::before{background-color:rgb(204,50,255);background-image:url("../Comments/arrow.png");background-repeat:no-repeat;background-position:center center;content:"";width:20px;height:20px;position:absolute;right:10px;bottom:18px;
-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;border-radius:50%;
-webkit-box-shadow:inset 0px 1px 0px rgb(86,14,133),0px 1px 0px rgb(255,179,253);-moz-box-shadow:inset 0px 1px 0px rgb(86,14,133),0px 1px 0px rgb(255,179,253);-o-box-shadow:inset 0px 1px 0px rgb(86,14,133),0px 1px 0px rgb(255,179,253);box-shadow:inset 0px 1px 0px rgb(86,14,133),0px 1px 0px rgb(255,179,253);}
.fourP:active::before{top:50%;margin-top:-10px;-webkit-box-shadow:inset 0px 1px 0px rgb(255,179,253),0px 3px 0px rgb(187,79,167),0px 6px 3px rgb(86,14,133);-moz-box-shadow:inset 0px 1px 0px rgb(255,179,253),0px 3px 0px rgb(187,79,167),0px 6px 3px rgb(86,14,133);-o-box-shadow:inset 0px 1px 0px rgb(255,179,253),0px 3px 0px rgb(187,79,167),0px 6px 3px rgb(86,14,133);-ms-box-shadow:inset 0px 1px 0px rgb(255,179,253),0px 3px 0px rgb(187,79,167),0px 6px 3px rgb(86,14,133);box-shadow:inset 0px 1px 0px rgb(255,179,253),0px 3px 0px rgb(187,79,167),0px 6px 3px rgb(86,14,133);}
.fourY{background-color:rgb(217,204,122);position:relative;padding:30px 20px;
background-image:linear-gradient(bottom,rgb(231,240,176) 0%,rgb(151,71,66) 100%);background-image:-o-linear-gradient(bottom,rgb(231,240,176) 0%,rgb(151,71,66) 100%));background-image:-moz-linear-gradient(bottom,rgb(231,240,176) 0%,rgb(151,71,66) 100%));background-image:-webkit-linear-gradient(bottom,rgb(231,240,176) 0%,rgb(151,71,66) 100%);background-image:-ms-linear-gradient(bottom,rgb(231,240,176) 0%,rgb(151,71,66) 100%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgb(231,240,176)),color-stop(1,151,71,66)));
-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;border-radius:50%;
-webkit-box-shadow:inset 0px 1px 0px rgb(0,0,100),0px 5px 0px 0px rgb(171,122,2),0px 10px 5px #999;-moz-box-shadow:inset 0px 1px 0px rgb(0,0,100),0px 5px 0px 0px rgb(171,122,2),0px 10px 5px #999;-o-box-shadow:inset 0px 1px 0px rgb(0,0,100),0px 5px 0px 0px rgb(171,122,2),0px 10px 5px #999;-ms-box-shadow:inset 0px 1px 0px rgb(0,0,100),0px 5px 0px 0px rgb(171,122,2),0px 10px 5px #999;box-shadow:inset 0px 1px 0px rgb(0,0,100),0px 5px 0px 0px rgb(171,122,2),0px 10px 5px #999;}
.fourY:active{background-image:linear-gradient(bottom,rgb(255,17,156) 0%,rgb(86,14,133) 100%);background-image:-o-linear-gradient(bottom,rgb(255,17,156) 0%,rgb(86,14,133) 100%);
background-image:-moz-linear-gradient(rgb(151,71,66) 0%,rgb(231,240,176) 100%);background-image:-webkit-linear-gradient(rgb(151,71,66) 0%,rgb(231,240,176) 100%);background-image:-o-linear-gradient(rgb(151,71,66) 0%,rgb(231,240,176) 100%)-ms-linear-gradient(rgb(151,71,66) 0%,rgb(231,240,176) 100%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgb(151,71,66)),color-stop(1,rgb(231,240,176)));
-webkit-box-shadow:inset 0px 1px 0px rgb(230,240,176),0px 2px 0px 0px rgb(151,71,66),0px 5px 3px #999;-moz-box-shadow:inset 0px 1px 0px rgb(230,240,176),0px 2px 0px 0px rgb(151,71,66),0px 5px 3px #999;-o-box-shadow:inset 0px 1px 0px rgb(230,240,176),0px 2px 0px 0px rgb(151,71,66),0px 5px 3px #999;-ms-box-shadow:inset 0px 1px 0px rgb(230,240,176),0px 2px 0px 0px rgb(151,71,66),0px 5px 3px #999;box-shadow:inset 0px 1px 0px rgb(230,240,176),0px 2px 0px 0px rgb(151,71,66),0px 5px 3px #999;}
.fourY::before{background-color:rgb(255,189,80);background-image:url("../Comments/arrow.png");background-repeat:no-repeat;background-position:center center;content:"";width:20px;height:20px;position:absolute;right:10px;bottom:18px;
-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;border-radius:50%;
-webkit-box-shadow:inset 0px 1px 0px rgb(151,71,0),0px 1px 0px rgb(255,255,255);-moz-box-shadow:inset 0px 1px 0px rgb(151,71,0),0px 1px 0px rgb(255,255,255);-o-box-shadow:inset 0px 1px 0px rgb(151,71,0),0px 1px 0px rgb(255,255,255);-ms-box-shadow:inset 0px 1px 0px rgb(151,71,0),0px 1px 0px rgb(255,255,255);box-shadow:inset 0px 1px 0px rgb(151,71,0),0px 1px 0px rgb(255,255,255);}
.fourY:active::before{top:50%;margin-top:-10px;-webkit-box-shadow:inset 0px 1px 0px rgb(207,97,90),0px 3px 0px rgb(200,171,82),0px 6px 3px rgb(151,71,66);-moz-box-shadow:inset 0px 1px 0px rgb(207,97,90),0px 3px 0px rgb(200,171,82),0px 6px 3px rgb(151,71,66);-o-box-shadow:inset 0px 1px 0px rgb(207,97,90),0px 3px 0px rgb(200,171,82),0px 6px 3px rgb(151,71,66);-ms-box-shadow:inset 0px 1px 0px rgb(207,97,90),0px 3px 0px rgb(200,171,82),0px 6px 3px rgb(151,71,66);box-shadow:inset 0px 1px 0px rgb(207,97,90),0px 3px 0px rgb(200,171,82),0px 6px 3px rgb(151,71,66);}
.stickers-wrapper{z-index:50;display:block;padding:1em 0 0;outline:none;text-indent:-9000px;position:relative;left:2px;}
.stickers-wrapper a span{width:auto;height:65px;line-height:20px;padding:10px;left:50%;margin-left:-50px;font-style:italic;font-size:16px;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);text-align:center;background:url("../Соцсети/bgF.gif");color:rgb(255,255,1255);text-indent:0;border-radius:5px;position:absolute;pointer-events:none;bottom:-200px;opacity:0;box-shadow:1px 1px 2px rgba(0,0,0,0.1);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.stickers-wrapper a span:before,.stickers-wrapper a span:after{content:'';position:absolute;top:-14px;left:50%;margin-left:-9px;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid rgba(0,0,0,0.1);}
.stickers-wrapper a span:after{bottom:-14px;}
.stickers-wrapper:hover a span{opacity:1;bottom:-105px;}
.stickers-wrapperB a span{border:4px solid rgb(57,114,212);left:17px;}
.stickers-wrapperB a span:after{border-bottom: 10px solid rgb(57,114,212);}
.stickers-wrapperP a span{border:4px solid rgb(187,79,167);left:20px;}
.stickers-wrapperP a span:after{border-bottom: 10px solid rgb(187,79,167);}
.stickers-wrapperY a span{border:4px solid rgb(217,204,122);}
.stickers-wrapperY a span:after{border-bottom: 10px solid rgb(217,204,122);}
/* Stickers2 */
.desL{position:absolute;top:20px;color:rgb(255,255,255);}
.desR{position:absolute;right:20px;top:20px;color:rgb(255,255,255);}
.example-sticker1{position:relative;width:213px;height:213px;margin:10px 0;}
.example-1 .sticker-img{left:10px;background:url(./За_компьютером3.gif) no-repeat 50% 50% #9FE3FC;}
.example-2 .sticker-img{right:10px;background:url(./За_компьютером.gif) no-repeat 50% 50% #9FE3FC;}
.cockroach{background:url(cockroach.gif) 35% 0 no-repeat;}