code {color:#565656;display:block;font:12px "Courier New",monospace;margin:10px 15px;text-align:left;}
.pre {
   background:#f9f9f9;
   border:#ccc 1px solid;
   color:#000;
   font:12px "Courier New",monospace;
   margin:15px auto;
   padding:10px;
   overflow:auto;width:470px;
}
.pre span {color:#a00;}

.link {margin:10px auto;}
.link a {cursor:pointer}
.link ul {padding:5px;list-style-type:none;}
.link ul ul {margin-left:-10px;padding:5px;list-style-type:none;}
.link span {color:#777;}

/* start подсказка в комментариях */
.tt {margin:3px 0 5px;position:relative;z-index:5;}
.tt b {border-bottom:blue 1px dotted;color:blue;cursor:help;font-weight:normal;}
.tt b span {display:none;}
.tt b:hover {color:green;}
.tt b:hover span {
   background:#9ff;
   color:#000;
   display:block;
   padding:7px;
   position:absolute;
   top:-1px;
   left:20px;z-index:10;width:250px;text-align:left;
}
.tt strong {background-color:#9ff;color:#a00;font-weight:normal;}
/* end подсказка в комментариях */
/* start подсказка в post */
.tp {position:relative;z-index:5;}
.tp b {color:#90f;cursor:help;font-weight:normal;text-indent:0;}
.tp b span {display:none;}
.tp b:hover {color:green;}
.tp b:hover span {
   background:lightcyan;
   color:#000;
   display:block;
   padding:7px;
   position:absolute;
   top:0;
   left:10px;z-index:10;text-align:left;width:250px;
}
.tp strong {background-color:lightcyan;color:#a00;font-weight:normal;}

.tool span  i {font-style: normal;}
.tool span  em {
  display:block;
  overflow:hidden;
  width:0;
  height:0;
}
.tool span .lb {
  border-left:7px solid transparent;
  border-top:25px solid #aaa;
  color:#fff;
  margin-left:20px;
  margin-top:-3px;
}
.tool span .lt {
  border-bottom:25px solid #aaa;
  border-right:7px solid transparent;
  color:#fff;
  margin-left:20px;
  margin-bottom:-3px;
}
.tool span .rb {
  border-top:25px solid #aaa;
  border-right:7px solid transparent;
  color:#fff;
  margin-left:190px;
  margin-top:-3px;
}
.tool span .rt {
  border-left:7px solid transparent;
  border-bottom:25px solid #aaa;
  color:#fff;
  margin-left:190px;
  margin-bottom:-3px;
}

.tool span .t1,.tool span .t2,.tool span .t3,.tool span .t4,.tool span .t5,.tool span .t6,.tool span .t7 {display:block;overflow:hidden;font-size:0;}
.tool span .t1,.tool span .t2,.tool span .t3,.tool span .t4,.tool span .t5,.tool span .t6 {height:1px;}
.tool span .t4,.tool span .t5,.tool span .t6,.tool span .t7 {border-left:1px solid #fff;border-right:1px solid #fff;}

.tool span .t1 {margin:0 8px;}
.tool span .t2 {margin:0 6px;}
.tool span .t3 {margin:0 4px;}
.tool span .t4 {margin:0 3px;background-color:#eee;border-width:0 5px;}

.tool span .t5 {margin:0 2px;background-color:#eee;border-width:0 4px;}
.tool span .t6 {margin:0 2px;background-color:#eee;border-width:0 3px;}
.tool span .t7 {margin:0 1px;background-color:#eee;border-width:0 3px;height:2px;}

.tool span .txt {
  background-color:#eee;
  border:3px solid #fff;
  border-width:0 3px;
  color:#000;
  display:block;
  padding:5px 8px;
}
.tool {position:relative;}
.tool b {color:#90f;cursor:help;font-weight:normal;text-indent:0;}
.tool b span {display:none;}
.tool b:hover {color:green;}
.tool b:hover span {
   display:block;
   position:absolute;
   top:0;
   left:10px;z-index:10;text-align:left;width:220px;
}
.tool strong {background-color:#eee;color:#a00;font-weight:normal;}
/* end подсказка в post */

.listing {background-color:#f7f8f9;border:#7F9DB9 1px solid;margin:10px auto 2px;padding:2px 5px 2px 0;width:475px;}                                              
.listing a {color:#00f;float:right;font:bold 12px arial;text-decoration:none;}                
.listing a:active {color:#f00;}                                                                
.listing a:hover {color:green;}                                                                                                   
.listing strong {background-color:#f7f8f9;color:green;font:bold 12px arial;margin:0 0 0 5px;}
.list {border:#7F9DB9 1px solid;clear:both;margin:1px auto;width:480px;}                                                  
.list pre {font:12px "Courier New",monospace;padding:2px 0 0 5px;overflow:auto;width:475px;height:100px;}
.list textarea {font:12px "Courier New",monospace;margin:-1px 0 -1px -1px;padding:2px 0 0 5px;overflow:auto;width:477px;height:100px;}
html:root .list textarea {width:473px;}

.postcit {margin:5px 10px;}
.postcit .xb1,.postcit .xb2,.postcit .xb3,.postcit .xb4 {display:block;overflow:hidden;height:1px;}
.postcit .xb2,.postcit .xb3,.postcit .xb4,.postcit .pcit {background:url(../i/cit.png) repeat-y #f7f8f9;border:#a00 solid;border-width:0 1px;}
.postcit .xb1 {background:#a00;margin:0 5px;}
.postcit .xb2 {border-width:0 2px;margin:0 3px;}
.postcit .xb3 {margin:0 2px;}
.postcit .xb4 {margin:0 1px;height:2px;}
.pcit {display:block;margin:0;padding:0 10px;color:#a00;}

.postzit {border:0;color:#220;margin:10px 20px 10px;float:right;font:11px/1.18 verdana,arial;width:210px;}
.postzit p {color:#00a;text-align:right;margin:3px 0 0 0;padding:0;}

.cite {background-color:#fdfcfe;border-left:#aaa 2px solid;color:navy;display:block;margin:7px 25px 7px 45px;padding:8px;}
.cite strong {background-color:#fdfcfe;color:indigo;font-weight:bold; }
.cite span {color:indigo;}

.list textarea {#margin:-2px 0 -2px -1px;#width:475px;}
* html .pre {width:455px;}

* html .tt b {behavior:url(css/hover.htc);}
* html .tt .hover {color:green;}
* html .tt .hover span {
   background:#9ff;
   color:#000;
   display:block;
   padding:7px;
   position:absolute;
   top:-1px;
   left:20px;
   z-index:10;text-align:left;
   width:250px;
}
* html .tp b {behavior:url(css/hover.htc);}
* html .tp .hover {color:green;}
* html .tp .hover span {
   background:lightcyan;
   color:#000;
   display:block;
   padding:7px;
   position:absolute;
   top:-1px;
   left:20px;
   z-index:10;text-align:left;
   width:250px;
}

* html .tool b {behavior:url(css/hover.htc);}
* html .tool .hover {color:green;}
* html .tool .hover span {
   display:block;
   position:absolute;
   top:0;
   left:10px;
   z-index:10;text-align:left;width:220px;  
}
* html .list textarea {margin:-2px -3px -2px -1px;width:475px;}