* {
  font-family: arial, helvetica, tahoma, sans-serif;
}

.x-theme-slate #demo-header {
  background: #1E4176 url(images/bg/slate-hd-bg.gif) repeat-x scroll 0pt;
}

.drag-ok {
  border: 1px solid green !important;
  background-color: #e6eae7;
}
.cursor-icon {
    background: url(images/cursor.png) no-repeat center left !important;
}

.polygon-select-icon {
    background: url(images/polygon_select.png) no-repeat center left !important;
}
.box-select-icon {
    background: url(images/box_select.png) no-repeat center left !important;
}
.export-gallery-icon {
    background: url(images/photo_album_arrow.png) no-repeat center left !important;
}
.trash-icon {
    background: url(images/delete2.png) no-repeat center left !important;
}
.rotate-icon {
    background: url(images/rotate_cw.png) no-repeat center left !important;
}
.previous-button {
    background: url(images/arrow_left.png) no-repeat center left !important;
}

.next-button {
    background: url(images/arrow_right.png) no-repeat center left !important;
}
.zoom-in-icon {
    background: url(images/zoom_in.png) no-repeat center left !important;
}
.zoom-out-icon {
    background: url(images/zoom_out.png) no-repeat center left !important;
}
.namespaces-icon {
    background: url(images/namespaces_icon.png) no-repeat center left !important;
}
.help-icon {
    background: url(images/help_icon.png) no-repeat center left !important;
}

.profile-icon {
    background: url(images/profile.png) no-repeat center left !important;
}
.logo-icon {
    background: url(images/logo_icon.png) no-repeat center left !important;
}

.folder-icon {
    background: url(images/gxt/icons/folder.gif) no-repeat center left !important;
}

.create-folder-icon {
    background: url(images/folder-add-icon.png) no-repeat center left !important;
}

.move-to-folder-icon {
    background: url(images/folder_move.png) no-repeat center left !important;
}

.edit-all-icon {
    background: url(images/icon-select-all.png) no-repeat center left !important;
}
.flickr-button-icon {
    background: url(images/flickr_button.png) no-repeat center left !important;
}
.ia-button-icon {
    background: url(images/glogo.png) no-repeat center left !important;
}
.add-url-icon {
    background: url(images/add_url.png) no-repeat center left !important;
}

.remove-btn-icon {
    background: url(images/remove.png) no-repeat center left !important;
}
.add-btn-icon {
    background: url(images/add.png) no-repeat center left !important;
}

.upload-icon {
    background: url(images/upload.png) no-repeat center left !important;
}

.multi-select-icon {
    background: url(images/multi_select.png) no-repeat center left !important;
}

.edit-icon {
    background: url(images/edit.png) no-repeat center left !important;
}

.shareBtnIcon {
    background: url(images/icons/add.gif) no-repeat center left !important;
}

.refreshBtnIcon {
    background: url(images/default/grid/refresh.gif) no-repeat center left !important;
}

.lookup-empty-btn-icon {
    background: url(images/lookup_empty.png) no-repeat center left !important;
}

.lookup-error-btn-icon {
    background: url(images/lookup_error.png) no-repeat center left !important;
}

.lookup-results-btn-icon {
    background: url(images/lookup_results.png) no-repeat center left !important;
}

.lookup-wait-btn-icon {
    background: url(images/lookup_wait.png) no-repeat center left !important;
}

.lookup-error-label {
    color: #FF0000;
}

.resourceProps {
  font: 11px Arial, Helvetica, sans-serif;
  text-align: left;
  margin-left: 4px;
  padding-top: 1px;
}

.sharingPropsB {
  font: 11px Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #555555;
  display: block;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 4px;
}

.resourcePropsB {
  font: 11px Arial, Helvetica, sans-serif;
  color: #555555;
  font-weight: bold;
  display: block;
  margin-bottom: 4px;
  margin-left: 4px;
}

/* chooser */
#img-chooser-dlg .details {
  padding: 10px;
  text-align: center;
}

#img-chooser-dlg .details-info {
  border-top: 1px solid #cccccc;
  font: 11px Arial, Helvetica, sans-serif;
  margin-top: 5px;
  padding-top: 5px;
  text-align: left;
}

#img-chooser-dlg .details-info b {
  color: #555555;
  display: block;
  margin-bottom: 4px;
}

#img-chooser-dlg .details-info span {
  display: block;
  margin-bottom: 5px;
  margin-left: 5px;
}

#img-chooser-view {
  background: white;
  font: 11px Arial, Helvetica, sans-serif;
}

#img-chooser-view .thumb {
  background: transparent;
  padding: 3px;
}

#img-chooser-view .thumb img {
  max-width: 128px;
  max-height: 128px;
}

#img-chooser-view .thumb-wrap {
  float: left;
  margin: 4px;
  margin-right: 0;
  padding: 5px;
}

#img-chooser-view .thumb-wrap span {
  display: block;
  overflow: hidden;
  text-align: center;
}

#img-chooser-view .x-view-over {
  border: 1px solid #dddddd;
  background: #efefef repeat-x left top;
  padding: 4px;
}

#img-chooser-view .x-view-selected {
  background: #DFEDFF;
  border: 1px solid #6593cf;
  padding: 4px;
}

#img-chooser-view .x-view-selected .thumb {
  background: transparent;
}

#img-chooser-view .x-view-selected span {
  color: #1A4D8F;
}

#img-chooser-view .loading-indicator {
  font-size: 11px;
  background-image: url('images/default/grid/loading.gif');
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 20px;
  margin: 10px;
}

/* list view */
#images-view .x-panel-body {
  background: white;
  font: 11px Arial, Helvetica, sans-serif;
}

#images-view .thumb {
  background: #dddddd;
  padding: 3px;
}

#images-view .thumb img {
  height: 60px;
  width: 80px;
}

#images-view .thumb-wrap {
  float: left;
  margin: 4px;
  margin-right: 0;
  padding: 5px;

}

#images-view .thumb-wrap span {
  display: block;
  overflow: hidden;
  text-align: center;
}

#images-view .x-view-over {
  border: 1px solid #dddddd;
  background: #efefef url(images/default/grid/row-over.gif) repeat-x left top;
  padding: 4px;
}

#images-view .x-view-selected {
  background: #eff5fb no-repeat right bottom;
  border: 1px solid #99bbe8;
  padding: 4px;
}

#images-view .x-view-selected .thumb {
  background: transparent;
}

#images-view .loading-indicator {
  font-size: 11px;
  background-image: url('resources/images/default/grid/loading.gif');
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 20px;
  margin: 10px;
}

/* totals grid */
.x-grid3-body .x-grid3-td-cost {
  background-color: #F1F2F4;
}

.x-grid3-summary-row {
  background: #F1F2F4 none repeat scroll 0% 50%;
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  color: #333333;
}

.x-grid3-summary-row .x-grid3-cell-inner {
  font-weight: bold;
  padding-bottom: 4px;
}

.x-grid3-cell-inner {
  font-family: "segoe ui", tahoma, arial, sans-serif;
}

#demo-header {
  background: #1E4176 url(images/bg/hd-bg.gif) repeat-x scroll 0pt;
  border: 0pt none;
  padding-left: 3px;
}

#demo-theme {
  float: right;
  padding-top: 5px;
  padding-right: 8px;
}

#demo-title {
  color: white;
  font-family: tahoma, arial, sans-serif;
  font-size: 16px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: normal;
  padding: 6 0 8 6px;
}

.sample-box {
  float: left;
  width: 135px;
  margin: 0 5px;
  text-align: center;
  height: 114px;
  cursor: default;
  color: #444;
  overflow: hidden;
}

.sample-over {
  background: transparent url(images/thumbs/sample-over.gif) no-repeat;
}

.sample-over div {
  color: #1860A8;
}

.sample-box img {
  width: 120px;
  height: 90px;
  margin-bottom: 2px;
  margin-top: 5px;
}

.sample-box div,#sample-box div a {
  font-size: 10px;
  line-height: 12px;
  font-family: tahoma, arial, sans-serif;
}

.sample-box dt a {
  border: 0 none !important;
}

.x-view-over {
  background: #EFEFEF url(images/default/grid/row-over.gif) repeat-x scroll left top;
  border: 1px solid #DDDDDD;
  padding: 4px;
}

.x-view-selected {
  border: 1px solid #99BBE8;
  padding: 4px;
}

.x-view-selected .thumb {
  background: transparent none repeat scroll 0%;
}

.green {
  color: green;
}

.red {
  color: red;
}

.text {
  font-size: 12px;
}

.pad-text {
  font-size: 12px;
  padding: 5px;
}

.x-grid3-row-body p {
  margin: 5px 5px 10px 5px !important;
}

.icon-app-side {
  background: url(images/icons/application_side_list.png) no-repeat center left !important;
}

.icon-calendar {
  background: url(images/icons/calendar.gif) no-repeat center left !important;
}

.icon-list-items {
  background: url(images/icons/list-items.gif) no-repeat center left !important;
}

.icon-menu-show {
  background: url(images/icons/menu-show.gif) no-repeat center left !important;
}

.icon-user-add {
  background: url(images/icons/fam/user_add.gif) no-repeat center left !important;
}

.icon-user-delete {
  background: url(images/icons/fam/user_delete.gif) no-repeat center left !important;
}

.icon-connect {
  background: url(images/icons/fam/connect.gif) no-repeat center left !important;
}

.icon-accordion {
  background: url(images/icons/accordion.gif) no-repeat center left !important;
}

.user {
  background: url(images/icons/fam/user.gif) no-repeat center left !important;
}

.user-add {
  background: url(images/icons/fam/user_add.gif) no-repeat center left !important;
}

.user-delete {
  background: url(images/icons/fam/user_delete.gif) no-repeat center left !important;
}

.connect {
  background: url(images/icons/fam/connect.gif) no-repeat center left !important;
}

.user-girl {
  background: url(images/icons/fam/user_female.gif) no-repeat center left !important;
}

.user-kid {
  background: url(images/icons/fam/user_green.gif) no-repeat center left !important;
}

.user-suit {
  background: url(images/icons/fam/user_suit.gif) no-repeat center left !important;
}

.icon-filter {
  background: url(images/icons/funnel.png) no-repeat center left !important;
}

.icon-form {
  background: url(images/icons/application_form.png) no-repeat center left !important;
}

.icon-add {
  background: url(images/icons/add.gif) no-repeat center left !important;
}

.icon-plugin {
  background: url(images/icons/plugin.png) no-repeat center left !important;
}

.icon-table {
  background: url(images/icons/table.png) no-repeat center left !important;
}

.icon-delete {
  background: url(images/icons/delete.gif) no-repeat center left !important;
}

.icon-email {
  background: url(images/icons/email.png) no-repeat center left !important;
}

.icon-email-add {
  background: url(images/icons/email_add.png) no-repeat center left !important;
}

.icon-email-reply {
  background: url(images/icons/email_go.png) no-repeat center left !important;
}

.icon-date-add {
  background: url(images/icons/date-add.png) no-repeat center left !important;
}

.icon-contact {
  background: url(images/icons/vcard.png) no-repeat center left !important;
}

.icon-contact-add {
  background: url(images/icons/vcard_add.png) no-repeat center left !important;
}

.icon-shell {
  background: url(images/icons/shell.gif) no-repeat center left !important;
}

.icon-page {
  background: url(images/icons/document.gif) no-repeat center left !important;
}

.icon-page-java {
  background: url(images/icons/page_white_cup.png) no-repeat center left !important;
}

.icon-page-html {
  background: url(images/icons/page_white_code.png) no-repeat center left !important;
}

.icon-album {
  background: url(images/icons/album.gif) no-repeat center left !important;
}
.icon-text {
  background: url(images/icons/text.gif) no-repeat center left !important;
}

.icon-add-disabled {
  background: url(images/icons/add.gif) no-repeat center left !important;
}

.icon-chart {
  background: url(images/icons/chart.png) no-repeat center left !important;
}

.icon-list {
  background: url(images/icons/list.gif) no-repeat center left !important;
}

.icon-feed {
  background: url(images/icons/feed.gif) no-repeat center left !important;
}

.icon-info {
  background: url(images/icons/information.png) no-repeat center left !important;
}

.icon-info-white {
  background: url(images/icons/information-white.gif) no-repeat center left !important;
}

.icon-music {
  background: url(images/icons/music.png) no-repeat center left !important;
}

.icon-printer {
  background: url(images/icons/printer.png) no-repeat center left !important;
}

.icon-page-code {
  background: url(images/icons/page.png) no-repeat 0 50% !important;
}

.icon-tabs {
  background: url(images/icons/tabs.gif) no-repeat center left !important;
}

.x-grid3-cell-inner, .x-grid3-hd-inner { white-space:normal !important; }

.tagsAreaHuman > textarea { border: none }