body {font:70% verdana,helvetica,arial,sans-serif; line-height:1.35}

.esoText {background:#fff}
.esoText .bar {border:1px solid #ccc; background:#fafafa; padding:2px}
.esoText .bar {overflow:hidden; zoom:1}
.esoText .bar a {display:block; float:left; padding:1px; -webkit-border-radius:3px; -moz-border-radius:3px; margin-right:2px; color:#000; text-decoration:none; text-shadow: #fff 0px 1px}

.esoText .bar a:hover {background:#ddd; border:1px solid #aaa; padding:0}
.esoText .bar a:active {background:#aaa; border:1px solid #888; padding:0; text-shadow: #888 0px 1px; outline: none;}
.esoText .bar a.active {background:#ddd; border:1px solid #888; padding:0}
.esoText .bar a.active:hover {border:1px solid #888; background:#bbb}
.esoText .bar a.active:active {border:1px solid #888; background:#aaa}
.esoText .bar a img {border:0; margin:2px}
.esoText .modes {float:right}
.esoText .modes a {padding:4px 8px}
.esoText .modes a:hover, .esoText .modes a:active, .esoText .modes a.active {padding:3px 7px}

.esoText .display {border:solid #ccc; border-width:0 1px 1px}

.esoTextImageBox {position:absolute; padding:10px; border:1px solid #888; background:#eee; width:250px; -webkit-box-shadow:3px 3px 4px #aaa; -moz-box-shadow:3px 3px 4px #aaa; -webkit-border-radius:3px; -webkit-border-top-left-radius:0; -moz-border-radius:0 3px 3px}
.esoTextImageBox h2 {margin:0 0 10px 0; font-weight:normal}
.esoTextImageBox input[type=file] {border:1px solid #ccc; padding:2px}