/* textarea */
#content div.texyla div.textarea-container {text-align:center; margin:5px 0; clear:left;}
#content div.texyla div.textarea-container * {margin: auto !important;}

/* lišta */
#content div.texyla ul.toolbar {margin:0; padding:0 0 0 5px; height:30px; border:1px solid #d3d3d3;background:#EEEEEE none repeat scroll 0 0;}
#content div.texyla ul.toolbar li {margin:0; padding:0; list-style:none; float:left; width:30px; height:30px;}
#content div.texyla ul.toolbar li span {display:block; padding:7px; cursor:pointer;}
#content div.texyla ul.toolbar li span:hover {background:url("../images/texyla/img/button.png") no-repeat 50% 50%;}
#content div.texyla ul.toolbar li img {display:block;}
#content div.texyla ul.toolbar li.separator {width:5px; background:url("../images/texyla/img/separator.gif") no-repeat 50% 50%;}

/* menu */
#content div.texyla ul.toolbar li.menu {z-index:2; background:url("../images/texyla/img/menu.gif") no-repeat 50% 50%; width:15px; position:relative;}
#content div.texyla ul.toolbar li ul {display:none; top:29px; left:0; position:absolute; margin:0; padding:2px;}
#content div.texyla ul.toolbar li ul li {padding: 0; height:auto; width:auto; display:block; cursor:pointer; float:none; white-space:nowrap;}
#content div.texyla ul.toolbar li ul li span {background-position: 2px 50% !important; background-repeat:no-repeat; padding:3px 5px 3px 22px; display:block;}

/* náhledy */
#content div.texyla div.view-header {display: none;}
#content div.texyla div.preview-wrapper {background:white; overflow:auto; position: relative; margin:0; min-height: 180px;}
#content div.texyla div.preview, pre.html-preview {padding:0; margin:0; border: none;}
#content div.texyla div.preview-wait {border:1px solid #777; padding:10px 10px 10px 36px; background:url("../images/texyla/img/loader.gif") 10px 10px no-repeat; position:absolute; z-index:999; display: block;}
#content div.texyla div.preview > p:first-child {margin-top: 0;}

/* tlačítkové lišty */
#content div.texyla .bottom-toolbar {position:relative; padding: 0 0 15px 0;}
#content div.texyla .right-toolbar {position:absolute; right:0; top:0; margin-right:0;}
#content div.texyla .right-toolbar .btn, #content div.texyla .right-toolbar button {margin-left:5px;}
#content div.texyla .span-tb, .twindow .span-tb, #content div.texyla .tabs {height:30px;}

/* tlačítka */
#content div.texyla .bottom-toolbar .btn, .twindow .btn {display:block; float:left; padding:0 0.5em; line-height:28px; cursor:pointer;}
#content div.texyla .left-toolbar .btn, #content div.texyla .left-toolbar button {margin-right:5px;}
#content div.texyla .btn .icon-span {background: no-repeat 0 50%; padding-left:20px;}
#content div.texyla .bottom-toolbar button img {vertical-align:middle;}

#content div.texyla .ui-state-default {border: 1px solid #d3d3d3; background: #e6e6e6 url("../images/texyla/img/glass.png") 0 50% repeat-x; font-weight: normal; color: #555555;}
#content div.texyla .ui-state-default:hover {border: 1px solid #999999;	background: #dadada url("../images/texyla/img/glass-hover.png") 0 50% repeat-x;	font-weight: normal; color: #212121;}

/* taby */
#content div.texyla .bottom-toolbar .tabs {position:relative; top:-5px;}
#content div.texyla .bottom-toolbar .tabs .btn {border-top:none; margin-right: 0;}
#content div.texyla .bottom-toolbar .tabs .btn.ui-state-active {line-height:30px; cursor:default;}