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

/* lišta */
div.texyla ul.toolbar {margin:0; padding:0 0 0 5px; height:30px; width: 600px;}
div.texyla ul.toolbar li {margin:0; padding:0; list-style:none; float:left; width:30px; height:30px;}
div.texyla ul.toolbar li span {display:block; padding:7px; cursor:pointer;}
div.texyla ul.toolbar li img {display:block;}
div.texyla ul.toolbar li.separator {width:5px; /*background:url("img/separator.gif") no-repeat 50% 50%;*/}
div.texyla ul.toolbar li.label {width:auto; line-height:30px; font-size: 90%; padding: 0 4px 0 7px;}

/* menu */
div.texyla ul.toolbar li.menu {z-index:2; /*background:url("img/menu.gif") no-repeat 50% 50%; width:15px; position:relative;*/}
div.texyla ul.toolbar li ul {display:none; top:29px; left:0; position:absolute; margin:0; padding:2px;}
div.texyla ul.toolbar li ul li {padding: 0; height:auto; width:auto; display:block; cursor:pointer; float:none; white-space:nowrap;}
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 */
div.view-header {line-height:30px; background-repeat:no-repeat; background:no-repeat 5px 50%; padding-left:26px;}
div.preview-wrapper {background:white; overflow:auto; position: relative; margin:5px 5px 5px 0;width: 450px; height: 175px;}
div.preview, pre.html-preview {padding:10px; margin:0;}
div.preview-wait {border:1px solid #777; padding:10px 10px 10px 36px; background:url("img/loader.gif") 10px 10px no-repeat; position:absolute; z-index:999;}

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

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

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

/* pluginy */
.ui-dialog-content {font-size: 12px;}
.ui-dialog-title {font-size: 12px;}
.ui-dialog-content .tab-background {width:81px; height:81px; position:absolute; top:5px; right:5px; background:url('table/table-background.gif');}
.ui-dialog-content .tab-control {width:80px; height:80px; position:absolute; top:0; left:0;}
.ui-dialog-content .tab-selection {width:16px; height:16px; position:absolute; top:0; left:0; background:url('table/table-selection.gif');}
.ui-dialog-content th {width: 100px;}

.ui-dialog-content .emoticons {line-height:1em;}
.ui-dialog-content .emoticons img {margin:1px; padding:5px; cursor:pointer; display:inline-block;}

.ui-dialog-content .colors span {margin:1px; padding: 1px; cursor:pointer; display:inline-block;}
.ui-dialog-content .colors span span {display:block; width: 12px; height:12px;}

.ui-dialog-content .symbols span {cursor:pointer; padding:0; display:inline-block; text-align:center; width:2em; line-height:2em; margin:1px;}

.ui-dialog-content p.wait {background:url("img/loader.gif") 0 50% no-repeat; padding-left:26px; margin:0;}

.ui-dialog-content div.gallery .image {width:60px; text-align:center; vertical-align:middle; line-height:0;}
.ui-dialog-content div.gallery .label {display:table-cell; padding-left:5px;}
.ui-dialog-content div.gallery {padding:0.5em 0;}
.ui-dialog-content div.gallery-item {cursor:pointer; margin-top:5px;}
.ui-dialog-content .upload .btn {cursor:pointer;}

.ui-dialog-content div.clear {font-size:0; height:0; clear:both;}

/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL-LICL (GPENSE.txt) licenses.
*/

/* Component containers
----------------------------------*/
.ui-widget { font-family: inherit; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: inherit; font-size: 1em; }
.ui-widget-content { border: 1px solid #ACC7E3; background: #ffffff/* url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x*/;/*color: #000000;*/ }
.ui-widget-content a { /*color: #000000;*/ }
.ui-widget-header { border: 1px solid #ACC7E3; background: #EEF5FA /*url(images/ui-bg_highlight-soft_75_EEF5FA_1x100.png) 50% 50% repeat-x*/; /*color: #000000;*/ font-weight: bold; }
.ui-widget-header a { /*color: #000000;*/ }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #ACC7E3; background: #ffffff /*url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x*/; font-weight: normal; color: #215385; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #215385; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #ACC7E3; background: #eef5fa /*url(images/ui-bg_spotlight_75_eef5fa_600x600.png) 50% 50% repeat-x*/; font-weight: normal; /*color: #000000;*/ outline: none; }
.ui-state-hover a, .ui-state-hover a:hover {/* color: #000000; */text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #ACC7E3; background: #eef5fa /*url(images/ui-bg_glass_65_eef5fa_1x400.png) 50% 50% repeat-x*/; font-weight: normal; color: #215385; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #215385; outline: none; text-decoration: none; }

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #215385 /*url(images/ui-bg_flat_50_215385_40x100.png) 50% 50% repeat-x*/; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #215385 /*url(images/ui-bg_flat_80_215385_40x100.png) 50% 50% repeat-x*/; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }/* Accordion
----------------------------------*/

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
/* Tabs
----------------------------------*/
.ui-tabs { /*padding: .2em; */ zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none;/*padding: .5em 1em;*/ }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { /*padding: 1em 1.4em;*/ display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

div#web_middle .ui-tabs.ui-widget { font-family: inherit; font-size: 1em; }
div#web_middle .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: inherit; font-size: 1em; }
div#web_middle .ui-tabs.ui-widget-content { border: none; background: transparent; /*color: #000;*/ }
div#web_middle .ui-widget-content a { /*color: #222222;*/ }
div#web_middle .ui-widget-header { border: none; background: transparent;/* color: #000;*/ }
div#web_middle .ui-widget-header a { /*color: #222222; */}
.ui-widget { font-family: inherit; font-size: .7em; }

/* texyla vzhled */
div.texyla {background:#EEE;}
/*div.texyla ul.toolbar li span:hover {background:url("button-vista.png") no-repeat 50% 50%;}
div.texyla div.preview-wait {background:url("loader.gif") 10px 10px no-repeat;}*/

/* dialog */
/*.ui-dialog-content p.wait {background:url("loader.gif") 0 50% no-repeat;}*/

/* menu */
div.texyla ul.toolbar li ul li {padding:1px}
div.texyla ul.toolbar li ul li.ui-state-hover {padding:0px}
/*div.texyla ul.toolbar li.menu {background-image:url("menu.gif");}
div.texyla ul.toolbar li.separator {background-image:url("separator.gif");}*/

div.edit-div{background:transparent;}
div.texyla{background:transparent!important;clear:both!important;}