/* HYPHENS.CSS
This file is a part of a javascript CSS-based hyphenation technology implementation
by Cyril Nikolaev
VERSION 0.98

(c) 2006 Cyril Nikolaev
Updates on http://snusmumrik.org.ru
Contact me at cyril7@gmail.com
*/

/* If you want the hyphens to look different in different positions use
more complicated selectors here */

/* Opera rules */
.hpo {
	margin-right: -6px; /* set to -(hyphen width + gap) */
}
.hpo:after {
	content: url("/public/images/hyphen.gif"); /* a hyphen image (a GIF/PNG with a line, ex. 1x5px) */
	margin-left:1px; /* width of the gap between the text and the hyphen */
	vertical-align: 3px; /* height of hyphen above baseline, approx 1/3 line-height */
}
/* you souldn't not touch those rules */
.hbo { visibility: hidden; -webkit-user-select:none; -moz-user-select:none; } .hbo:after { content: "\200b"; }

/* IE rules */
.hii {
	margin-left: -6px; /* set to -(hyphen width + gap) */
}
.hpi {
 	/* a hyphen image (a GIF/PNG with a line, ex. 1x5px) */
	background: url("/public/images/hyphen.gif") no-repeat right center;
	padding-right: 5px;  /* set to hyphen width + gap - 1 (fixing border width) */
	
	/* Fuckin IE!! Sometimes (indetermined) it shows the hyphen
	under the previous span instead of padded space.
	The padding fixes, but increases left text margin with 1px */ 
	padding-left: 1px;
}

/* Gecko rules */
.hhf {
	/* width of hyphen character */
	margin-right: -0.86ex;
}
.hhf:after {
	/* hyphen character + \200b, ex.: "-\200b" (minus), "\2013\200b" (en dash) */
	content: "-\200b";
}

/* All browsers */
.hso, .hsi, .hsf {
	line-height:0.85em;
	background-color: #dbf5f3; /* set to page background - it hydes the hyphen */
	text-decoration: inherit;
}

.operation .hso, .operation .hsi, .operation .hsf {
	line-height:0.7em;
}

.review .body .hso, .review .body .hsi, .review .body .hsf {
	background-color: #dbf5f3;
}

.shifted #content p .hso, .shifted #content p .hsi, .shifted #content p .hsf {
	background-color: #fff;
}