/* base stylesheet */

.t-reset {
    border: 0;
    font-size: 100%;
    list-style: none;
    margin: 0;
    outline: 0;
    padding: 0;
    text-decoration: none;
}

.t-floatwrap:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.t-floatwrap { display: inline-block; }

.t-floatwrap { display: block; }

.t-widget,
.t-widget .t-input,
.t-widget .text-box,
.t-button { font-size: 100%; }

.t-widget {
    border-style: solid;
    border-width: 1px;
}

.t-link {
    cursor: pointer;
    outline: none;
}

html body .t-button {
    text-decoration: none; /*Site.css*/
}

.t-button {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 100%;
    line-height: 1.435;
	
    margin: 0;
    padding: 2px 6px;
    text-align: center;
}

* + html .t-button {
    display: inline;
    zoom: 1
}

* html .t-button {
    display: inline;
    zoom: 1
}

* + html .t-button {
    margin-right: 4px;
    overflow: visible;
}

* html .t-button {
    margin-right: 4px;
    overflow: visible;
}

* + html .t-button-expand { margin-right: 0; }

* html .t-button-expand { margin-right: 0; }

* + html a.t-button {
    line-height: 1.6;
    padding-left: 7px;
    padding-right: 7px; /*+1*/
}

* html a.t-button {
    line-height: 1.6;
    padding-left: 7px;
    padding-right: 7px; /*+1*/
}

.t-button-icontext { line-height: 1.453; }

a.t-button {
    -moz-padding-end: 9px; /*+3*/
    -moz-padding-start: 9px;
}

a.t-button-expand { display: block; }

button.t-button-expand { width: 100%; }

body .t-button-icon {
    padding-left: 4px;
    padding-right: 4px;
}

button.t-button-icon {
    -moz-padding-end: 1px; /*-3*/
    -moz-padding-start: 1px;
}

* + html a.t-button-icon {
    padding-left: 5px;
    padding-right: 5px;
}

* html a.t-button-icon {
    padding-left: 5px;
    padding-right: 5px;
}

.t-button-icontext {
    overflow: visible; /*IE9*/
    padding-right: 8px;
}

a.t-button-icontext {
    -moz-padding-end: 11px; /*+3*/
}

.t-button-icontext .t-icon {
    margin: 0 3px 0 -3px;
    vertical-align: top;
}

* + html .t-button-icontext .t-icon { margin-right: 4px }

* html .t-button-icontext .t-icon { margin-right: 4px }

html body .t-button-bare {
    background: none !important; /*spares long selectors*/
    border-width: 0;
}

.t-icon, .t-editor-button .t-tool-icon {
    background-color: transparent;
    background-repeat: no-repeat;
}

.t-header .t-link { text-decoration: none; }

.t-state-disabled,
.t-state-disabled .t-link {
    cursor: default;
    outline: none;
}

.t-icon, .t-sprite, .t-editor-button .t-tool-icon {
    display: inline-block;
    font-size: 0;
    height: 16px;
    line-height: 0;
    overflow: hidden;
    text-align: center;
    text-indent: -3333px;
    vertical-align: middle;
    width: 16px;
}

* html .t-icon, * html .t-sprite, * html .t-editor-button .t-tool-icon {
    display: inline;
    zoom: 1
}

* html .t-icon, .t-sprite { text-indent: 0; }

* + html .t-icon, .t-sprite { text-indent: 0; }

.t-image { border: 0; }

.t-state-empty { font-style: italic; }

/* Window */

div.t-window {
    -moz-border-radius: 5px;
    -moz-box-shadow: 0 0 5px 2px #aaa;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0 0 5px 2px #aaa;
    
    border-radius: 5px;
   
    border-width: 0;
    border-width: 5px\9;
    
    box-shadow: 0 0 5px 2px #aaa;
    display: inline-block;
    *display: inline;
    
    position: absolute;
    z-index: 10001;
    zoom: 1;
}

:root .t-window { border-width: 0; }

.t-window-titlebar {
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 1.2em;
    line-height: 1.2em;
    padding: .4em 0;
    white-space: nowrap;
}

.t-window-title {
    cursor: default;
    left: .5em;
    overflow: hidden;
    position: absolute;
    right: .5em;
    text-overflow: ellipsis;
}

.t-window-title .t-image {
    margin: 0 5px 0 0;
    vertical-align: middle;
}

div.t-window-content {
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-left-radius: 4px;

    -webkit-border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    /*padding: 0\9;
    margin: .4em .5em\9;
    border-width: 0\9;*//*removed due to ImageBrowser issues, no side effects found*/
    overflow: auto;
    padding: .4em .5em;
    position: relative;
}

.t-window-titlebar .t-window-actions {
    padding-top: .3em;
    position: absolute;
    right: .5em;
    top: 0;
    white-space: nowrap;
}

.t-window-titlebar .t-window-action {
    display: inline-block;
    *display: inline;
    filter: alpha(opacity=70);
    height: 16px;
    opacity: .7;
    
    padding: 2px;
    text-decoration: none;
    vertical-align: middle;
    
    width: 16px;
    zoom: 1;
}

.t-window-titlebar .t-state-hover {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    
    border-style: solid;
    border-width: 1px;
    filter: alpha(opacity=100);
    
    opacity: 1;
    padding: 1px;
}

.t-window-action .t-icon {
    margin: 0;
    vertical-align: top;
}

.t-window .t-resize-handle {
    background-color: #fff;
    filter: alpha(opacity=0);
    font-size: 0;
    line-height: 6px;
    opacity: 0;
    position: absolute;
    z-index: 1;
    zoom: 1;
}

.t-resize-n {
    cursor: n-resize;
    height: 6px;
    left: 0;
    top: -3px;
    width: 100%;
}

.t-resize-e {
    cursor: e-resize;
    height: 100%;
    right: -3px;
    top: 0;
    width: 6px;
}

.t-resize-s {
    bottom: -3px;
    cursor: s-resize;
    height: 6px;
    left: 0;
    width: 100%;
}

.t-resize-w {
    cursor: w-resize;
    height: 100%;
    left: -3px;
    top: 0;
    width: 6px;
}

.t-resize-se {
    bottom: -3px;
    cursor: se-resize;
    height: 16px;
    right: -3px;
    width: 16px;
}

.t-resize-sw {
    bottom: -3px;
    cursor: sw-resize;
    height: 6px;
    left: -3px;
    width: 6px;
}

.t-resize-ne {
    cursor: ne-resize;
    height: 6px;
    right: -3px;
    top: -3px;
    width: 6px;
}

.t-resize-nw {
    cursor: nw-resize;
    height: 6px;
    left: -3px;
    top: -3px;
    width: 6px;
}

.t-overlay {
    background-color: #000;
    filter: alpha(opacity=50);
    height: 100%;
    left: 0;
    opacity: .5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

.t-window .t-overlay {
    background-color: #fff;
    filter: alpha(opacity=0);
    height: 100%;
    opacity: 0;
    position: absolute;
    width: 100%;
}

.t-window .t-widget { z-index: 10002; }

/* TabStrip */

.t-tabstrip {
    margin: 0;
    padding: 0;
    zoom: 1;
}

.t-tabstrip .t-tabstrip-items { padding: 0 .3em; }

.t-tabstrip-items .t-item,
.t-panelbar .t-tabstrip-items .t-item {
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-style: solid;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-width: 1px 1px 0;
    display: inline-block;
    *display: inline;
    
    list-style-type: none;
    margin: .1em .3em 0 0;
    padding: 0;
    position: relative;
    vertical-align: top;
    zoom: 1;
}

.t-tabstrip-items .t-state-active,
.t-panelbar .t-tabstrip-items .t-state-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}

.t-tabstrip-items .t-link,
.t-panelbar .t-tabstrip-items .t-link {
    border-bottom-width: 0;
    display: inline-block;
    *display: inline;
    outline: 0;
    padding: .3em .9em;
    zoom: 1;
}

.t-tabstrip-items .t-icon,
.t-panelbar .t-tabstrip-items .t-icon {
    margin: -1px 4px 0 -3px;
    vertical-align: top;
}

.t-tabstrip-items .t-item .t-image,
.t-tabstrip-items .t-item .t-sprite,
.t-panelbar .t-tabstrip-items .t-item .t-image,
.t-panelbar .t-tabstrip-items .t-item .t-sprite {
    margin: -3px 3px 0 -6px;
    vertical-align: middle;
}

* html .t-tabstrip-items .t-item .t-image,
* html .t-tabstrip-items .t-item .t-sprite {
    margin-top: -1px;
    vertical-align: top;
}

* + html .t-tabstrip-items .t-item .t-image,
* + html .t-tabstrip-items .t-item .t-sprite {
    margin-top: -1px;
    vertical-align: top;
}

.t-tabstrip .t-content,
.t-panelbar .t-tabstrip .t-content {
    border-style: solid;
    border-width: 1px;
    display: none;
    margin: 0 .3em .3em;
    padding: .3em 1em;
    position: static;
    zoom: 1;
}

/* PanelBar */

.t-panelbar { zoom: 1; }

.t-panelbar .t-item {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-width: 0;
    display: block;
    list-style-type: none;
    
    margin: 0;
    top: 0;
    zoom: 1;
}

.t-panelbar .t-image,
.t-panelbar .t-sprite {
    float: left;
    margin-right: 5px;
    margin-top: 4px;
    vertical-align: middle;
}

.t-panelbar .t-group .t-image,
.t-panelbar .t-group .t-sprite { margin-top: 1px; }

.t-panelbar .t-link {
    border-bottom: 1px solid;
    display: block;
    line-height: 2.05em;
    padding: 0 1em;
    position: relative;
    text-decoration: none;
    zoom: 1;
}

.t-panelbar-expand,
.t-panelbar-collapse {
    position: absolute;
    right: 2px;
    top: 5px;
}

.t-panelbar .t-group,
.t-panelbar .t-content {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin: 0;
    padding: 0;
    position: relative;
    zoom: 1;
}

.t-panelbar .t-group .t-link {
    border-bottom: 0;
    font-size: .95em;
    line-height: 1.7em;
}

.t-panelbar .t-group .t-arrow-up,
.t-panelbar .t-group .t-arrow-down { top: 2px; }

.t-panelbar .t-group .t-group .t-link { padding-left: 2em; }

.t-panelbar .t-last .t-link { border-bottom: 0; }

.t-panelbar .t-group .t-group { border-bottom: 0; }

.t-tabstrip .t-panelbar .t-content { display: block; }

/* Menu */

.t-menu { cursor: default; }

.t-menu,
.t-menu .t-group {
    list-style: none;
    margin: 0;
    padding: 0;
    zoom: 1;
}

.t-menu .t-group .t-link { padding-right: 2em; }

.t-menu .t-item {
    border-style: solid;
    border-width: 0 1px 0 0;
    display: inline-block;
    *display: inline;
    position: relative;
    vertical-align: top;
    zoom: 1;
}

.t-menu-vertical .t-item {
    border-width: 0;
    display: block;
}

.t-menu .t-image,
.t-menu .t-sprite {
    margin: 0 4px 0 -4px;
    vertical-align: top;
}

.t-menu .t-link {
    display: block;
    padding: .25em .97em;
    text-decoration: none;
}

.t-menu .t-group {
    -moz-box-shadow: 2px 2px 2px #aaa;
    -webkit-box-shadow: 2px 2px 2px #aaa;
    border-style: solid;
    border-width: 1px;
    box-shadow: 2px 2px 2px #aaa;
    
    display: none;
    overflow: visible;
    white-space: nowrap;
}

.t-menu .t-group .t-item {
    border-width: 0;
    display: block;
}

.t-menu .t-group .t-link { zoom: 1; }

.t-menu .t-arrow-down {
    margin-left: 2px;
    margin-right: -10px;
    vertical-align: top;
}

.t-menu .t-arrow-next {
    position: absolute;
    right: 0;
    top: 3px;
}

.t-menu .t-animation-container,
.t-menu .t-group {
    left: -1px;
    position: absolute;
}

.t-menu .t-animation-container .t-animation-container,
.t-menu .t-group .t-group {
    left: 100%;
    top: -1px;
}

.t-menu-vertical .t-animation-container,
.t-menu-vertical .t-group {
    left: 100%;
    top: -1px;
}

.t-menu .t-animation-container .t-group {
    left: auto;
    top: auto;
}

/* Grid */

.t-grid {
    position: relative;
    zoom: 1;
}

.t-grid table {
    border: 0;
    border-collapse: separate;
    empty-cells: show;
    width: 100%;
}

.t-grid-header .t-header { text-align: left; }

.t-grid-header .t-header,
.t-grid-header .t-last-header {
    border-style: solid;
    border-width: 0 1px 1px 0;
    font-weight: normal;
    overflow: hidden;
    padding: .3em .6em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.t-grid-header .t-last-header { border-right-width: 0; }

.t-grid-header .t-header .t-link {
    border: 0;
    display: block;
    height: 18px;
    line-height: 18px; /* due to sorting icons*/
    margin: -.3em -.6em;
    padding: .3em 2.4em .3em .6em;
}

.t-grid-header .t-header .t-icon { position: static; }

.t-grid .t-state-hover { cursor: pointer; }

.t-grid td {
    border: 0;
    line-height: 1.6em;
    overflow: hidden;
    padding: .25em .6em;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.t-grid .t-last {
    border-bottom-width: 0;
    border-right-width: 0;
}

.t-grid-header-wrap,
.t-grid-footer-wrap {
    overflow: hidden;
    position: relative;
    width: 100%;
    zoom: 1;
}

div.t-grid-header,
div.t-grid-footer {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-right: 17px; /* width of scrollbar. may vary across operating systems. can be calculated. */
    zoom: 1;
}

div.t-grid-header .t-header,
div.t-grid-header .t-last-header { border-bottom-width: 0; }

div.t-grid-header .t-last-header { border-right-width: 1px; }

.t-grid-content {
    overflow: auto;
    overflow-x: auto;
    overflow-y: scroll;
    position: relative;
    width: 100%;
    zoom: 1;
}

.t-grid-header table,
.t-grid-content table,
.t-grid-footer table {
    /*table-layout: fixed;*/
    table-layout: auto; /*** aufgrund Chrome und Safari Problemen ***/
}

* html .t-grid-content table { width: auto; }

* + html .t-grid-content table { width: auto; }

/* Grid : : paging */

.t-grid-pager {
    line-height: 1.8em;
    overflow: auto;
    padding: .2em .6em;
}

.t-grid-top {
    border-style: solid;
    border-width: 0 0 1px;
}

.t-grid-bottom {
    border-style: solid;
    border-width: 1px 0 0;
}

* html .t-grid-pager input { vertical-align: middle; }

* + html .t-grid-pager input { vertical-align: middle; }

.t-grid .t-pager,
.t-grid .t-status,
.t-grid .t-status-text,
.t-pager .t-numeric,
.t-pager .t-page-i-of-n,
.t-pager .t-link,
.t-pager span,
.t-pager input,
.t-pager .t-page-size,
.t-grouping-row p {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    zoom: 1;
}

.t-pager .t-page-size { line-height: 1.2em; }

.t-footer-template td {
    border-style: solid;
    border-width: 1px 1px 0 0;
}

.t-group-footer td,
.t-group-footer .t-last {
    border-style: solid;
    border-width: 1px 0;
}

.t-grid-footer {
    border-style: solid;
    border-width: 1px 0 0;
}

.t-grid-footer td { border-top-width: 0; }

.t-grid .t-status {
    border-right-style: solid;
    border-right-width: 1px;
    float: left;
    height: 1.85em;
    margin: -.2em .6em -.2em -.6em;
    padding: .2em .6em;
}

.t-grid .t-pager {
    cursor: default;
    float: left;
}

.t-grid .t-status-text {
    float: right;
    margin-right: .2em;
}

.t-pager .t-link {
    border: 0;
    line-height: 16px;
    margin-top: .2em;
    padding: 1px;
    text-decoration: none;
}

.t-pager .t-state-active,
.t-pager .t-state-hover {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    
    border-style: solid;
    border-width: 1px;
    padding: 0;
}

.t-pager span,
.t-pager .t-link { vertical-align: top; }

.t-pager .t-numeric,
.t-pager .t-page-i-of-n {
    margin: 0 7px;
    vertical-align: top;
}

.t-numeric .t-link,
.t-numeric .t-state-active {
    line-height: 22px;
    margin-top: 0;
    padding: 0 5px;
    vertical-align: top;
}

.t-numeric .t-state-active,
.t-numeric .t-state-hover {
    line-height: 20px;
    padding: 0 4px;
}

.t-page-i-of-n input {
    font-size: 1em;
    vertical-align: baseline;
    width: 2em;
}

.t-grid-pager .t-status .t-icon {
    margin-top: 3px;
    vertical-align: top;
}

/* Grid :: filtering */

.t-grid-filter {
    display: inline-block;
    *display: inline;
    float: right;
    height: 18px;
    margin: -1.8em -.6em -.3em 3px;
    margin-top /*\**/: -.3em\9;
    padding: .3em .2em;
    
    position: relative;
    zoom: 1;
}

.t-link + .t-grid-filter { margin-top /*\**/: -1.8em\9; }

* + html .t-grid .t-grid-filter { margin-top: -1.8em; }

.t-grid-filter .t-icon { vertical-align: top; }

.t-grid .t-animation-container { position: absolute; }

.t-filter-options {
    -moz-box-shadow: 2px 2px 2px #aaa;
    -webkit-box-shadow: 2px 2px 2px #aaa;
    border-style: solid;
    border-width: 1px;
    box-shadow: 2px 2px 2px #aaa;
    
    padding: 3px;
    position: absolute;
    width: 148px;
}

.t-filter-options .t-filter-help-text,
.t-filter-options select,
.t-filter-options input,
.t-filter-options .t-button,
.t-filter-options .t-datepicker {
    display: block;
    margin-bottom: 4px;
}

.t-filter-options .t-button { width: 145px; }

.t-filter-options select { width: 148px; }

.t-filter-options input { width: 142px; }

.t-filter-options .t-datepicker { width: 100%; }

.t-filter-options .t-filter-button { margin-bottom: 0; }

/* Grid :: grouping */

.t-grouping-row .t-icon { margin: 0 4px; }

.t-grouping-row p {
    margin-left: -.6em;
    padding: 0 .6em;
}

.t-grid td.t-group-cell,
.t-grid td.t-hierarchy-cell { border-right: 0; }

.t-grid .t-group-col,
.t-grid .t-hierarchy-col { width: 30px; }

.t-grouping-header,
.t-grouping-dropclue {
    height: 24px;
    line-height: 24px;
}

.t-grouping-dropclue {
    position: absolute;
    width: 6px;
}

.t-grouping-header .t-group-indicator {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    *display: inline;
    line-height: 1.5em;
    margin: 0 3px;
    padding: .15em .15em .15em .4em;
    zoom: 1;
}

.t-grouping-header .t-link {
    border-style: none;
    display: inline-block;
    *display: inline;
    line-height: normal;
    padding: 0;
    text-decoration: none;
    zoom: 1;
}

.t-grouping-header .t-button {
    background: transparent;
    border: 0;
    line-height: 1;
    padding: 0;
}

.t-grouping-header .t-link .t-icon { margin: 0 0 0 -3px; }

.t-grouping-header .t-button .t-icon { margin: 0 0 0 3px; }

.t-grouping-header a,
.t-grouping-header .t-button {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    zoom: 1;
}

/* Grid :: editing */

.t-dirty {
    border-color: #f00 transparent transparent #f00;
    border-style: solid;
    border-width: 3px;
    height: 0;
    margin: -0.45em 0 0 -0.6em;
    overflow: hidden;
    padding: 0;
    position: absolute;
    vertical-align: top;
    width: 0;
}

* html .t-dirty {
    border-color: #f00 pink pink #f00;
    filter: chroma(color=pink);
}

.t-grouping-header,
.t-grid-toolbar {
    cursor: default;
    margin: 0;
    padding: .25em;
}

.t-grouping-header {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.t-grid .t-edit-container {
    border-right: 0;
    padding: 0;
}

.t-edit-form {
    margin: 0;
    padding: 0;
}

.t-edit-form td {
    border-bottom: 0;
    border-top: 0;
}

.t-grid-edit-row .text-box,
.t-grid-edit-row .t-numerictextbox,
.t-grid-edit-row .t-datepicker {
    margin: -.4em -.3em -.15em;
    max-width: 90%;
    min-width: 90%; /* IE8 calculates width: 90% wrong, so we have to trick it */
    vertical-align: middle;
    width: 5em;
}

.t-grid-edit-row .t-dropdown,
.t-grid-edit-row .t-combobox {
    line-height: normal;
    margin: -.1em -.3em -.45em;
    max-width: 90%;
    min-width: 90%; /* IE8 calculates width: 90% wrong, so we have to trick it */
    width: 5em;
}

* html .t-grid .text-box { width: 90%; }

.t-edit-form-container { position: relative; }

.t-grid .field-validation-error { display: block; }

.t-grid .input-validation-error {
    background-color: #ffc0cb;
    border-color: #f00;
    border-style: ridge;
}

.t-grid-toolbar .t-button { vertical-align: middle; }

.t-grid-actions { display: inline-block; }

* html .t-grid-actions {
    display: inline;
    vertical-align: bottom;
    zoom: 1;
}

* + html .t-grid-actions {
    display: inline;
    vertical-align: bottom;
    zoom: 1;
}

.t-grid .t-button,
.t-edit-form .t-button { margin: 0 .2em; }

.t-grid tbody .t-button {
    min-width: 64px; /*main setting*/
}

.t-grid tbody button.t-button, #ie8#skips {
    min-width: 78px; /*+14 for buttons, except IE8*/
}

* + html .t-grid tbody a.t-button {
    min-width: 62px; /*-2 for links for IE7*/
}

.t-grid tbody a.t-button {
    -moz-padding-end: 6px;
    /*restore paddings for Firefox*/
    -moz-padding-start: 6px;
}

.t-grid tbody a.t-button-icon {
    -moz-padding-end: 4px;
    /*restore paddings for icon buttons in Firefox*/
    -moz-padding-start: 4px;
}

html body .t-grid tbody .t-button-icon {
    min-width: 0;
    width: auto;
}

.t-detail-row { position: relative; }

.t-grid .t-detail-cell { overflow: visible; }

/* Grid :: resizing */

.t-grid-resize-indicator {
    background-color: #aaa;
    position: absolute;
    width: 2px;
}

.t-grid .t-resize-handle {
    cursor: col-resize;
    height: 25px;
    position: absolute;
}

/* AutoComplete*/

.t-autocomplete { background-position: 100% 50% !important; }

/* ComboBox & Drop-down*/

.t-combobox,
.t-dropdown,
.t-selectbox {
    border-width: 0;
    display: inline-block;
    *display: inline;
            
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    
    width: 150px;
    zoom: 1;
}

* + html .t-combobox { overflow: visible }

/*positions icon properly*/

* html .t-combobox { overflow: visible }

.t-dropdown-wrap,
.t-picker-wrap {
    cursor: default;
    display: block;
    position: relative;
}

.t-picker-wrap { padding: 0 25px 0 0; }

.t-dropdown-wrap {
    border-style: solid;
    border-width: 1px;
    padding-right: 16px; /* icon width*/
}

.t-combobox > .t-dropdown-wrap {
    padding-right: 22px; /* icon width + input paddings, except IE6 */
}

* html .t-combobox .t-dropdown-wrap { height: 20px; }

* html .t-picker-wrap {
    height: 20px;
    padding-right: 20px;
}

.t-picker-wrap .t-input,
.t-combobox .t-input {
    vertical-align: top;
    width: 100%;
}

.t-combobox .t-input {
    border: 0;
    outline: 0;
}

/*removes excessive spacing in IE6-7*/

* + html .t-combobox .t-input { margin: -1px 0; }

* html .t-combobox .t-input { margin: -1px 0; }

* html {
    position: absolute;
    top: 0;
}

.t-picker-wrap .t-select,
.t-dropdown-wrap .t-select {
    cursor: default;
            
    display: inline-block;
    *display: inline;
    position: absolute; /* icon positioning */
    right: 0;
            
    text-decoration: none;
            
    top: 0;
    vertical-align: top;
    zoom: 1;
}

* html .t-picker-wrap .t-select,
* html .t-dropdown-wrap .t-select {
    right: 1px;
    top: 1px;
}

.t-combobox .t-select {
    border-color: inherit; /* will be skin-related, inherit does not work in ie7- */
    border-style: solid;
    border-width: 0 0 0 1px;
}

.t-combobox .t-icon { margin-top: 1px; }

.t-dropdown .t-select,
.t-selectbox .t-select {
    border: 0;
    color: inherit;
    cursor: default;
    font: inherit;
    overflow: hidden;
            
    text-decoration: none;
}

.t-dropdown .t-input,
.t-selectbox .t-input {
    display: block;
    overflow: hidden;
    padding: .2em 0 .2em 3px;
    text-overflow: ellipsis;
}

.t-picker-wrap .t-select,
.t-dropdown-wrap .t-select {
    position: absolute;
    right: 0;
    top: 0;
}

.t-picker-wrap .t-icon,
.t-dropdown-wrap .t-icon {
    margin-top: 2px;
    vertical-align: top;
}

.t-combobox .t-input {
    border: 0;
    height: 18px;
    line-height: 18px;
    margin: 0;
    padding: 1px 3px;
}

.t-picker-wrap .t-select,
.t-dropdown-wrap .t-select {
    height: 20px;
    line-height: 20px;
}

.t-popup {
    border-style: solid;
    border-width: 1px;
}

.t-popup .t-item {
    cursor: default;
    padding: 1px 5px 1px 3px;
}

/* Calendar */

.t-calendar {
    display: inline-block;
    *display: inline;
    overflow: hidden;
    position: relative;
    width: 203px;
    zoom: 1;
}

.t-calendar .t-link { text-decoration: none; }

.t-calendar .t-action-link { text-decoration: underline; }

.t-calendar .t-header {
    padding: .4em 0;
    position: relative;
    text-align: center;
    zoom: 1;
}

.t-calendar .t-nav-prev,
.t-calendar .t-nav-next {
    position: absolute;
    top: .3em;
}

.t-calendar .t-nav-prev { left: 1%; }

.t-calendar .t-nav-next { right: 1%; }

.t-calendar .t-content {
    border-style: none;
    display: table;
    height: 169px;
    margin: 0;
    padding: 0;
    table-layout: fixed;
    text-align: right;
    width: 100%;
}

.t-calendar .t-animation-container .t-content { height: 100%; }

.t-calendar .t-nav-fast {
    display: inline-block;
    *display: inline;
    width: 75%;
    zoom: 1;
}

.t-calendar .t-nav-fast .t-icon { vertical-align: top; }

.t-calendar th {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    cursor: default;
    font-weight: normal;
}

.t-calendar td {
    cursor: pointer;
    padding: 1px;
}

.t-calendar .t-state-focus {
    border-style: dotted;
    border-width: 1px;
    padding: 0;
}

.t-calendar .t-content .t-link {
    display: block;
    overflow: hidden;
    position: relative;
}

.t-calendar th,
.t-calendar .t-content .t-link { padding: .25em .45em .3em .1em; }

.t-calendar .t-meta-view .t-link {
    padding: .25em 0 .3em;
    text-align: center;
}

/* Date/Time Pickers */

.t-timepicker,
.t-datetimepicker,
.t-datepicker {
    border: 0;
    white-space: nowrap;
    width: 8.5em;
}

.t-datetimepicker { width: 13em; }

div.t-timepicker,
div.t-datetimepicker,
div.t-datepicker {
    background-color: transparent; /* don't allow t-widget to add background-color */
}

.t-datetimepicker .t-picker-wrap { padding-right: 44px; }

* html .t-datetimepicker .t-picker-wrap { padding-right: 40px; }

.t-datetimepicker .t-icon-calendar { margin-right: 3px; }

.t-picker-wrap .t-icon { cursor: pointer; }

.t-state-disabled .t-picker-wrap .t-icon { cursor: default; }

.t-timepicker,
.t-datepicker,
.t-datetimepicker {
    display: inline-block;
    *display: inline;
    vertical-align: top;
    zoom: 1;
}

.t-picker-wrap .t-input { margin: 0; }

.t-time-popup,
.t-datepicker-calendar {
    -moz-box-shadow: 2px 2px 2px #aaa;
    -webkit-box-shadow: 2px 2px 2px #aaa;
    box-shadow: 2px 2px 2px #aaa;
}

.t-iframe-overlay {
    border: 0;
    filter: alpha(opacity=0);
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.t-time-popup .t-item { padding: 1px 3px; }

/* TreeView */

div.t-treeview {
    background: none;
    /* don't allow t-widget to add border or background */
    border-width: 0;
    overflow: auto;
    white-space: nowrap;
}

.t-treeview .t-item {
    border-width: 0;
    display: block;
    margin: 0;
    padding: 0 0 0 16px;
    position: static;
    top: auto;
}

.t-treeview .t-group,
.t-treeview .t-content {
    background: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.t-treeview .t-animation-container { height: auto !important; }

.t-treeview .t-icon,
.t-treeview .t-image,
.t-treeview .t-sprite,
.t-treeview .t-in {
    display: inline-block;
    *display: inline;
    vertical-align: top;
    zoom: 1;
}

.t-treeview .t-plus,
.t-treeview .t-minus,
.t-treeview .t-plus-disabled,
.t-treeview .t-minus-disabled {
    float: left; /* required for Opera */
    *float: none; /* IE6 does not like it as node text wraps */
    margin-left: -16px;
    margin-top: 2px;
}

.t-treeview .t-plus,
.t-treeview .t-minus { cursor: pointer; }

.t-treeview .t-plus-disabled,
.t-treeview .t-minus-disabled { cursor: default; }

.t-treeview .t-sprite,
.t-treeview .t-image { margin-right: 3px; }

.t-treeview .t-in {
    line-height: 16px;
    margin: 1px 0;
    margin-left: 2px;
    padding: 2px 4px 2px 3px;
    text-decoration: none;
}

.t-treeview span.t-in { cursor: default; }

.t-treeview .t-state-hover,
.t-treeview .t-state-selected {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    
    border-style: solid;
    border-width: 1px;
    padding: 1px 3px 1px 2px;
}

.t-treeview .t-drop-clue {
    background-color: transparent;
    background-repeat: no-repeat;
    height: 5px;
    margin-top: -3px;
    position: absolute;
    visibility: hidden;
    width: 80px;
    z-index: 10000;
}

/* TreeView :: node lines */

.t-treeview-lines .t-top,
.t-treeview-lines .t-mid,
.t-treeview-lines .t-bot {
    background-repeat: no-repeat;
    margin-left: -16px;
    padding-left: 16px;
}

.t-treeview-lines .t-top { background-position: -91px 0; }

.t-treeview-lines .t-bot { background-position: -69px -22px; }

.t-treeview-lines .t-mid { background-position: -47px -44px; }

.t-treeview-lines .t-last .t-top { background-position: -25px -66px; }

.t-treeview-lines .t-group .t-last .t-bot { background-position: -69px -22px; }

.t-treeview-lines .t-item { background-repeat: no-repeat; }

.t-treeview-lines .t-first {
    background-position: 0 16px;
    background-repeat: no-repeat;
}

/* NumericTextBox */

div.t-numerictextbox {
    background: transparent;
    border: 0;
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    white-space: nowrap;
    zoom: 1;
}

.t-numerictextbox .t-input /*alignment of arrows in WebKit*/ { margin: 0; }

.t-formatted-value {
    padding: 3px 4px 2px 3px;
    position: absolute;
}

.t-numerictextbox .t-icon { margin-left: -16px; }

.t-numerictextbox .t-link {
    border-style: none;
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.t-numerictextbox .t-arrow-up {
    height: 10px;
    margin-top: 1px;
    vertical-align: top;
}

.t-numerictextbox .t-arrow-down {
    height: 11px;
    margin-bottom: 1px;
    vertical-align: bottom;
}

/* ColorPicker */

.t-colorpicker {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    zoom: 1;
}

.t-colorpicker .t-tool-icon {
    display: inline-block;
    *display: inline;
    font-size: 0;
    line-height: 0;
    padding: 2px 3px;
    vertical-align: top;
    zoom: 1;
}

.t-colorpicker .t-selected-color {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    
    display: block;
    height: 16px;
    width: 16px;
}

.t-colorpicker .t-icon {
    margin-top: 2px;
    vertical-align: middle;
}

.t-colorpicker-popup {
    line-height: 0;
    width: 136px;
}

.t-colorpicker-popup .t-reset {
    display: inline-block;
    *display: inline;
    margin: 0;
    padding: .25em;
    zoom: 1;
}

.t-colorpicker-popup .t-item {
    display: block;
    float: left;
    font-size: 0;
    height: 12px;
    margin: 0 1px 1px 0;
    overflow: hidden;
    padding: 0;
    width: 12px;
}

/* Editor */

.t-editor {
    border-collapse: separate;
    border-style: solid;
    border-width: 1px;
    font-size: 100%;
    height: 250px;
    table-layout: fixed;
    vertical-align: top;
    width: 100%;
}

.t-editor .t-editor-toolbar-wrap {
    border: 0;
    padding: 0;
}

.t-editor-toolbar {
    cursor: default;
    line-height: 1.3em;
    list-style-type: none;
    margin: 0;
    padding: .1em 0;
}

.t-editor-toolbar li {
    display: inline; /* would have been inline-block, if not for IE */
    vertical-align: middle;
}

.t-editor-toolbar .t-editor-dropdown,
.t-editor-toolbar .t-editor-combobox,
.t-editor-toolbar .t-editor-selectbox,
.t-editor-toolbar .t-editor-colorpicker { margin-right: 2px; }

.t-editor-toolbar .t-separator {
    border-style: solid;
    border-width: 0 1px 0 0;
    font-size: 1.3em;
    margin: 0 .15em;
    padding: 0 0 0 1px;
    position: relative;
    top: 1px;
}

.t-editor-toolbar .t-break {
    display: block;
    font-size: 0;
    height: 1px;
    line-height: 0;
}

.t-editor-toolbar .t-dropdown,
.t-editor-toolbar .t-combobox,
.t-editor-toolbar .t-selectbox,
.t-editor-toolbar .t-colorpicker { vertical-align: middle; }

.t-editor-button .t-tool-icon {
    height: 22px;
    margin: 1px;
    vertical-align: middle;
    width: 22px;
}

.t-editor-colorpicker .t-tool-icon { padding: 17px 3px 2px; }

.t-editor-colorpicker .t-icon {
    border-color: #ccc;
    border-style: solid;
    border-width: 0 0 0 1px;
}

.t-editor-colorpicker .t-selected-color { height: 3px; }

.t-editor-combobox .t-input {
    height: 20px;
    line-height: 20px;
}

.t-editor-combobox .t-select {
    height: 22px;
    line-height: 22px;
}

.t-bold { background-position: -22px 0; }

.t-italic { background-position: -44px 0; }

.t-underline { background-position: -66px 0; }

.t-strikethrough { background-position: -88px 0; }

.t-justifyLeft { background-position: -110px 0; }

.t-justifyCenter { background-position: -132px 0; }

.t-justifyRight { background-position: -154px 0; }

.t-justifyFull { background-position: -176px 0; }

.t-insertOrderedList { background-position: -198px 0; }

.t-insertUnorderedList { background-position: -220px 0; }

.t-createLink { background-position: -242px 0; }

.t-unlink { background-position: -264px 0; }

.t-insertImage { background-position: -286px 0; }

.t-foreColor .t-tool-icon { background-position: -308px -2px; }

.t-backColor .t-tool-icon { background-position: -330px -2px; }

.t-indent { background-position: -352px 0; }

.t-outdent { background-position: -374px 0; }

/* default tool widths */

.t-fontName { width: 110px; }

.t-fontSize { width: 124px; }

.t-formatBlock { width: 147px; }

.t-editor-button .t-state-hover,
.t-editor-button .t-state-active {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-style: solid;
            
    border-width: 1px;
    margin: 0;
    vertical-align: middle;
}

.t-editor-button .t-state-disabled {
    filter: alpha(opacity=30);
    opacity: .3;
}

.t-editor .t-editable-area {
    border-style: solid;
    border-width: 1px;
    height: 100%;
    outline: none;
    width: 100%;
}

.t-editor .t-content {
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}

.t-editor .t-raw-content {
    border: 0;
    font-family: Consolas, "Courier New", monospace;
    font-size: inherit;
    margin: 0;
    padding: 0;
}

.t-editor-dialog { padding: 1em; }

.t-editor-dialog ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

.t-form-text-row,
.t-form-checkbox-row { padding-bottom: 1em; }

.t-form-text-row label {
    display: inline-block;
    *display: inline;
    padding-right: .5em;
    text-align: right;
    width: 7em;
    zoom: 1;
}

.t-form-checkbox-row input {
    font-size: inherit;
    margin-left: 7em;
    padding: 0;
}

.t-form-checkbox-row label { padding-left: .3em; }

.t-form-checkbox-row input,
.t-form-checkbox-row label,
.t-form-text-row label
.t-form-text-row input,
.t-form-text-row select { vertical-align: middle; }

.t-form-text-row input,
.t-form-text-row select { width: 20em; }

.t-editor-dialog .t-button-wrapper {
    padding-top: .5em;
    text-align: right;
}

.t-editor-dialog .t-button {
    display: inline-block;
    *display: inline;
    zoom: 1;
}

/* drag&drop module */

.t-drag-clue {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    
    border-radius: 4px;
    border-style: solid;
    
    border-width: 1px;
    cursor: default;
    font-size: .9em;
    padding: .05em .15em;
    
    position: absolute;
    white-space: nowrap;
    z-index: 10003;
}

.t-drag-status {
    margin-right: 4px;
    margin-top: -1px;
    vertical-align: top;
}

.t-reorder-cue {
    overflow: visible;
    position: absolute;
    width: 1px;
}

.t-reorder-cue .t-icon {
    height: 4px;
    left: -4px;
    position: absolute;
    width: 8px;
}

.t-reorder-cue .t-arrow-down {
    background-position: -20px -182px;
    top: -4px;
}

.t-reorder-cue .t-arrow-up {
    background-position: -20px -166px;
    bottom: -4px;
}

/* Slider */

div.t-slider {
    -khtml-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
	
    background-color: transparent;
    border-width: 0;
    position: relative;
    user-select: none;
}

.t-slider-vertical {
    height: 200px; /* default height */
    width: 22px;
}

.t-slider-horizontal {
    display: inline-block;
    height: 22px;
    width: 200px; /* default width */
}

* + html .t-slider-horizontal {
    display: inline;
    zoom: 1;
}

* html .t-slider-horizontal {
    display: inline;
    zoom: 1;
}

.t-slider-wrap {
    height: 100%;
    width: 100%;
}

.t-slider .t-button,
.t-grid .t-slider .t-button {
    height: 20px;
    margin: 0;
    min-width: 0;
    outline: none;
    padding: 0;
    position: absolute;
    top: 0;
    width: 20px;
}

.t-state-disabled .t-button,
.t-state-disabled .t-draghandle { cursor: default; }

.t-state-disabled .t-slider-track {
    filter: alpha(opacity=60);
    opacity: .6;
}

.t-slider .t-button-decrease { left: 0; }

.t-slider-vertical .t-button-decrease {
    bottom: 0;
    top: auto;
}

.t-slider .t-button-increase { right: 0; }

.t-slider .t-icon { cursor: pointer; }

.t-state-disabled .t-slider-wrap .t-icon,
.t-state-disabled .t-slider .t-icon { cursor: default; }

* + html .t-slider .t-icon { margin-top: 2px; }

* html .t-slider .t-icon { margin-top: 2px; }

.t-slider-track,
.t-slider-selection {
    margin: 0;
    padding: 0;
    position: absolute;
}

.t-slider-horizontal .t-slider-track,
.t-slider-horizontal .t-slider-selection {
    background-repeat: repeat-x;
    height: 6px;
    left: 0;
    margin-top: -3px;
    top: 50%;
}

.t-slider-horizontal .t-slider-track {
    background-position: 0 -464px;
    border-style: solid;
    border-width: 0 1px;
}

.t-slider-horizontal .t-slider-selection { background-position: 0 -470px; }

.t-slider-horizontal .t-slider-buttons .t-slider-track { left: 27px; }

.t-slider-vertical .t-slider-track,
.t-slider-vertical .t-slider-selection {
    background-repeat: repeat-y;
    bottom: 0;
    left: 50%;
    margin-left: -3px;
    width: 6px;
}

.t-slider-vertical .t-slider-track {
    background-position: 0 0;
    border-style: solid;
    border-width: 1px 0;
}

.t-slider-vertical .t-slider-selection { background-position: -6px 0; }

.t-slider-vertical .t-slider-buttons .t-slider-track { bottom: 27px; }

.t-draghandle {
    background-color: transparent;
    background-repeat: no-repeat;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-indent: -3333px;
}

.t-slider-horizontal .t-draghandle {
    height: 20px;
    top: -7px;
    width: 11px;
}

.t-slider-vertical .t-draghandle {
    height: 11px;
    left: -7px;
    width: 20px;
}

.t-slider-horizontal .t-draghandle,
.t-state-disabled.t-slider-horizontal a.t-draghandle,
.t-state-disabled .t-slider-horizontal a.t-draghandle { background-position: 0 -368px; }

.t-slider-horizontal .t-draghandle:hover,
.t-slider-horizontal .t-draghandle:focus { background-position: 0 -400px; }

.t-slider-horizontal a.t-draghandle.t-state-active { background-position: 0 -432px; }

.t-slider-vertical .t-draghandle,
.t-state-disabled.t-slider-vertical a.t-draghandle,
.t-state-disabled .t-slider-vertical a.t-draghandle { background-position: -32px -368px; }

.t-slider-vertical .t-draghandle:hover,
.t-slider-vertical .t-draghandle:focus { background-position: -32px -400px; }

.t-slider-vertical a.t-draghandle.t-state-active { background-position: -32px -432px; }

.t-slider-items {
    display: inline-block; /* float clearing */
}

.t-slider-items {
    display: block; /* float clearing */
}

.t-slider-buttons .t-slider-items { margin-left: 27px; }

.t-slider-horizontal .t-slider-items { height: 100%; }

.t-slider-vertical .t-slider-items { padding-top: 1px; }

.t-slider-vertical .t-slider-buttons .t-slider-items { padding-top: 0; }

.t-slider-vertical .t-slider-buttons .t-slider-items {
    margin: 0;
    padding-top: 28px;
}

.t-slider-items: after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}

.t-slider .t-tick {
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: default;
    margin: 0;
    padding: 0;
    position: relative;
}

.t-slider-horizontal .t-tick {
    float: left;
    height: 100%;
    text-align: center;
}

/* fixes ticks position and removes spacing between them in IE6-7 */

* + html .t-slider-vertical .t-tick {
    clear: left;
    float: left;
    width: 100%;
}

* html .t-slider-vertical .t-tick {
    clear: left;
    float: left;
    width: 100%;
}

.t-slider-horizontal .t-first { background-position: 0 center; }

.t-slider-horizontal .t-last { background-position: 100% center; }

.t-slider-vertical .t-tick { text-align: right; }

.t-slider-vertical .t-slider-topleft .t-tick { text-align: left; }

.t-slider-vertical .t-first { background-position: center 100%; }

.t-slider-vertical .t-last { background-position: center 0; }

.t-slider .t-label { position: absolute; }

.t-slider-horizontal .t-label {
    left: 0;
    width: 100%;
}

.t-slider-horizontal .t-first .t-label { left: -50%; }

.t-slider-horizontal .t-last .t-label { right: -50%; }

.t-slider-horizontal .t-label { bottom: -1.2em; }

.t-slider-horizontal .t-slider-topleft .t-label { top: -1.2em; }

.t-slider-vertical .t-label {
    display: block;
    left: 120%;
    text-align: left;
}

.t-slider-vertical .t-last .t-label { top: -0.5em; }

.t-slider-vertical .t-first .t-label { bottom: -0.5em; }

.t-slider-vertical .t-slider-topleft .t-label {
    left: auto;
    right: 120%;
}

/* Tooltip */

.t-tooltip {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-repeat: repeat-x;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
	
    min-width: 10px; /*slider tooltip only*/
    padding: 4px 5px;
    position: absolute;
	
    text-align: center; /*slider tooltip only*/
    z-index: 10002;
}

.t-callout { position: absolute; }

.t-callout-n,
.t-callout-s {
    height: 6px;
    width: 9px;
}

.t-callout-w,
.t-callout-e {
    height: 9px;
    width: 6px;
}

.t-callout-n {
    background-position: -64px -368px;
    left: 50%;
    margin-left: -4px;
    top: -6px;
}

.t-callout-w {
    background-position: -64px -384px;
    left: -6px;
    margin-top: -4px;
    top: 50%;
}

.t-callout-s {
    background-position: -64px -400px;
    left: 50%;
    margin-left: -4px;
    top: 100%;
}

.t-callout-e {
    background-position: -64px -416px;
    left: 100%;
    margin-top: -4px;
    top: 50%;
}

/* Splitter */

.t-splitter {
    height: 300px;
    position: relative;
}

.t-splitter .t-pane { overflow: hidden; }

.t-splitter .t-scrollable { overflow: auto; }

.t-splitter .t-pane-loading {
    left: 50%;
    margin: -8px 0 0 -8px;
    position: absolute;
    top: 50%;
}

.t-ghost-splitbar,
.t-splitbar {
    border-style: solid;
    font-size: 0;
    position: absolute;
}

.t-splitter .t-ghost-splitbar-horizontal,
.t-splitter .t-splitbar-horizontal {
    background-repeat: repeat-y;
    border-width: 0 1px;
    top: 0;
    width: 5px;
}

.t-ghost-splitbar-vertical,
.t-splitbar-vertical {
    background-repeat: repeat-x;
    border-width: 1px 0;
    height: 5px;
    left: 0;
}

.t-splitbar-draggable-horizontal { cursor: w-resize; }

.t-splitbar-draggable-vertical { cursor: n-resize; }

.t-splitbar .t-resize-handle { display: none; }

.t-restricted-size-horizontal,
.t-restricted-size-vertical { background-color: #f00; }

.t-splitbar-horizontal .t-icon {
    height: 21px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    width: 5px;
}

.t-collapse-prev, .t-collapse-next,
.t-expand-prev, .t-expand-next { cursor: pointer; }

.t-splitbar-horizontal .t-collapse-prev { margin-top: -31px; }

.t-splitbar-horizontal .t-collapse-next { margin-top: 11px; }

.t-splitbar-vertical .t-icon {
    height: 5px;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    width: 21px;
}

.t-splitbar-vertical .t-collapse-prev { margin-left: -31px; }

.t-splitbar-vertical .t-collapse-next { margin-left: 11px; }

.t-splitbar-draggable-vertical .t-resize-handle,
.t-splitbar-draggable-horizontal .t-resize-handle {
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.t-splitbar-horizontal { background-position: 5px 0; }

.t-splitbar-horizontal-hover { background-position: -12px 0; }

.t-splitbar-horizontal-active,
.t-ghost-splitbar-horizontal { background-position: -17px 0; }

.t-restricted-size-horizontal { background-position: -22px 0; }

.t-splitbar-horizontal .t-resize-handle { background-position: -10px -496px; }

.t-splitbar-horizontal-hover .t-resize-handle { background-position: -10px -517px; }

.t-splitbar-horizontal .t-collapse-prev,
.t-splitbar-horizontal .t-expand-next { background-position: 0 -496px; }

.t-splitbar-horizontal-hover .t-collapse-prev,
.t-splitbar-horizontal-hover .t-expand-next { background-position: 0 -517px; }

.t-splitbar-horizontal .t-collapse-next,
.t-splitbar-horizontal .t-expand-prev { background-position: -5px -496px; }

.t-splitbar-horizontal-hover .t-collapse-next,
.t-splitbar-horizontal-hover .t-expand-prev { background-position: -5px -517px; }

.t-splitbar-vertical { background-position: 0 5px; }

.t-splitbar-vertical-hover { background-position: 0 -476px; }

.t-splitbar-vertical-active,
.t-ghost-splitbar-vertical { background-position: 0 -481px; }

.t-restricted-size-vertical { background-position: 0 -486px; }

.t-splitbar-vertical .t-resize-handle { background-position: -16px -496px; }

.t-splitbar-vertical-hover .t-resize-handle { background-position: -16px -501px; }

.t-splitbar-vertical .t-collapse-prev,
.t-splitbar-vertical .t-expand-next { background-position: -16px -506px; }

.t-splitbar-vertical-hover .t-collapse-prev,
.t-splitbar-vertical-hover .t-expand-next { background-position: -16px -517px; }

.t-splitbar-vertical .t-collapse-next,
.t-splitbar-vertical .t-expand-prev { background-position: -16px -511px; }

.t-splitbar-vertical-hover .t-collapse-next,
.t-splitbar-vertical-hover .t-expand-prev { background-position: -16px -522px; }

/* Upload */

html .t-upload {
    background: none;
    border-width: 0;
    position: relative;
}

.t-dropzone,
.t-upload-files {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.t-dropzone em,
.t-upload-button { vertical-align: middle; }

* + html .t-dropzone em, * + html .t-upload-button { vertical-align: baseline; }

* html .t-dropzone em, * html .t-upload-button { vertical-align: baseline; }

.t-dropzone {
    background-color: transparent;
    border-style: solid;
    border-width: 0;
    padding: 4px;
}

.t-dropzone em {
    margin-left: .6em;
    visibility: hidden;
}

.t-dropzone-active {
    border-width: 1px;
    padding: 3px;
}

.t-dropzone-active em { visibility: visible; }

.t-upload-button {
    direction: ltr;
    overflow: hidden !important; /*!important required by IE7*/
    position: relative;
    width: 86px;
}

.t-upload-button input {
    cursor: pointer;
    filter: alpha(opacity=0);
    font: 500px monospace !important; /* The input font size and family are critical for the operation of the Upload */
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.t-state-disabled .t-upload-button input { cursor: default; }

.t-upload-files {
    border-style: solid;
    border-width: 1px;
    line-height: 1.9em;
    margin: .2em 0 0;
    padding: .3em .7em .5em;
}

.t-upload-files .t-button {
    font-size: 84%;
    margin-left: 8px;
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
    top: 1px;
}

* + html .t-upload-files .t-button { line-height: 1; }

/*IE7*/

* html .t-upload-files .t-button { line-height: 1; }

/*IE6*/

.t-upload .t-delete,
.t-upload .t-cancel,
.t-upload .t-retry {
    height: 8px;
    vertical-align: baseline;
}

.t-upload .t-delete,
.t-upload .t-cancel {
    background-position: -5px -292px;
    width: 7px;
}

.t-retry {
    background-position: -66px -228px;
    width: 11px;
}

.t-success { background-position: -64px -240px; }

.t-fail { background-position: -64px -256px; }

.t-filename {
    display: inline-block;
    min-width: 120px;
    position: relative;
    vertical-align: middle;
}

.t-progress,
.t-progress-status {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-repeat: repeat-x;
    border-radius: 2px;
    border-style: solid;
    border-width: 1px;
    bottom: -2px;
    height: 2px;
    
    left: 0;
    position: absolute;
    width: 118px;
}

.t-progress-status {
    bottom: -1px;
    left: -1px;
    width: 50%;
}

.t-upload-selected {
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
    margin: 3px 0 0;
    min-width: 86px;
}

* + html .t-upload-selected { min-width: 100px; }

/* ImageBrowser */

.t-tiles-buttons .t-dropzone em,
.t-tiles-buttons .t-upload-files { display: none; }

.t-tiles-buttons .t-dropzone {
    background-color: transparent;
    border: 0;
    padding: 0;
}

.t-search-wrap {
    float: right;
    padding: 0;
    position: relative;
    width: auto;
}

.t-search-wrap label {
    font-style: italic;
    left: 4px;
    line-height: 20px;
    position: absolute;
    top: 0;
}

.t-search-wrap input.t-input {
    padding-left: 0;
    padding-right: 0;
    width: 158px;
}

.t-search { background-position: -64px -176px; }

.t-search-wrap .t-search {
    position: absolute;
    right: 2px;
    top: 1px;
}

.t-breadcrumbs {
    float: left;
    position: relative;
    width: 560px;
}

.t-breadcrumbs-wrap {
    left: 0;
    line-height: 18px;
    padding-left: 5px;
    position: absolute;
    top: 0;
    z-index: 1;
}

html input.t-breadcrumbs-input {
    font-family: inherit;
    padding-left: 2px;
    width: 100%;
}

.t-breadcrumbs .t-link,
.t-breadcrumbs-wrap .t-icon {
    margin-top: 0;
    text-decoration: none;
    vertical-align: middle;
}

.t-breadcrumbs .t-link:hover { text-decoration: underline; }

.t-imagebrowser .t-breadcrumbs .t-first {
    cursor: default;
    text-decoration: none;
}

.t-tiles-toolbar {
    background-repeat: repeat-x;
    border-style: solid;
    border-width: 1px;
    clear: both;
    line-height: 23px;
    margin: 8px 0 0;
    padding: 2px 0 3px;
    white-space: nowrap; /*required by WebKit*/
}

.t-imagebrowser .t-upload { float: left; }

.t-imagebrowser .t-upload-button {
    vertical-align: top;
    width: auto;
}

.t-imagebrowser .t-upload .t-icon { vertical-align: bottom; }

* + html .t-imagebrowser .t-upload-button, * + html .t-imagebrowser .t-upload .t-icon {
    position: relative;
    top: 1px;
    vertical-align: baseline;
}

* html .t-imagebrowser .t-upload-button, * html .t-imagebrowser .t-upload .t-icon {
    position: relative;
    top: 1px;
    vertical-align: baseline;
}

* + html .t-imagebrowser .t-upload .t-icon { top: 2px; }

* html .t-imagebrowser .t-upload .t-icon { top: 2px; }

* + html .t-tiles-toolbar .t-button-icon { vertical-align: middle; }

* html .t-tiles-toolbar .t-button-icon { vertical-align: middle; }

.t-addfolder { background-position: -64px -192px; }

.t-goup { background-position: -64px -208px; }

.t-tiles-toolbar .t-state-disabled {
    filter: alpha(opacity=50);
    opacity: .5;
}

.t-tiles-buttons { float: left; }

.t-tiles-arrange { float: right; }

* html .t-tiles-arrange { margin: 3px 0 0; }

.t-tiles-arrange .t-arrow-down { margin: 0 2px 0 3px; }

.t-tiles-arrange a { text-decoration: none; }

.t-tiles {
    border-style: solid;
    border-top-width: 0;
    border-width: 1px;
    clear: both;
    height: 390px;
    line-height: 1.2;
    margin: 0 0 1.4em;
    overflow: auto;
    padding: 9px;
}

.t-tile {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    float: left;
    height: 88px;
    margin: 1px;

    overflow: hidden;
    padding: 0 0 4px;
    width: 223px;
}

.t-imagebrowser .t-thumb {
    -khtml-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    display: inline;
    float: left;
    
    height: 86px;
    margin: 4px 10px 0 4px;
    user-select: none;
    width: 86px;
}

.t-imagebrowser .t-image {
    -moz-box-shadow: 1px 1px 3px #aaa;

    -webkit-box-shadow: 1px 1px 3px #aaa;
    box-shadow: 1px 1px 3px #aaa;
    margin: 2px 0 0 2px;
}

.t-imagebrowser .t-folder {
    background-position: 0 -200px;
    background-repeat: no-repeat;
    height: 80px;
    width: 80px;
}

.t-goback { background-position: -64px -224px; }

.t-imagebrowser .t-loading { margin: 35px 0 0 33px; }

.t-tile strong,
.t-tile input {
    font-weight: normal;
    margin: 10px 0 4px;
}

.t-tile strong {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 120px;
}

.t-tile input { width: 100px; }

.t-tile em,
.t-tile .t-filesize {
    clear: left;
    font-style: normal;
    font-weight: normal;
}

.t-tile strong,
.t-tile input,
.t-tile em,
.t-tile .t-filesize { display: block; }

.t-imagebrowser .t-form-text-row input { width: 628px; }

/*
* html .t-imagebrowser .t-form-text-row input{width:610px;}
*+html .t-imagebrowser .t-form-text-row input{width:610px;}
*/

.t-tile-empty { margin: 160px 0 0; }

.t-tile-empty .t-dialog-upload {
    font-size: 120%;
    font-weight: bold;
}

.t-tile-empty strong {
    display: block;
    font-size: 3em;
    font-weight: normal;
    margin: 0 0 0.2em;
}

.t-tile-empty,
.t-tile-empty .t-button-wrapper { text-align: center; }

.t-touch-scrollbar {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #858585;
    border: 1px solid #8a8a8a;
    border-radius: 4px;
    display: none;
    height: 8px;
    position: absolute;
    width: 8px;
    z-index: 200000;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .t-touch-scrollbar {
        -webkit-border-radius: 7px;
        height: 12px;
        width: 12px;
    }
}