﻿/**
 * Custom changes to jQuery UI theme
 */

.ui-tabs .ui-tabs-nav li {
  margin-right: 10px;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  padding: 11px 15px;
}

.ui-tabs .ui-tabs-panel {
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
}

.ui-widget {
  font-family: inherit;
}

.ui-widget label {
  font-size: 0.9em;
}

.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {
  font-size: 0.9em;
  font-family: inherit;
}

.ui-widget-content {
  border-color: #dddddd;
  color: inherit;
}

.ui-widget-header .ui-state-default {
  border-color: #cadce8;
  background: #e6f5ff;
}

.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited {
  color: #555555;
}

.ui-widget-header .ui-state-active {
  background-color: #ffffff;
  background-image: none;
}

.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {
  background-image: none;
}

.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl {
  border-top-left-radius: 5px;
}

.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr {
  border-top-right-radius: 5px;
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl {
  border-bottom-left-radius: 5px;
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br {
  border-bottom-right-radius: 5px;
}

/**
 * Popup-dialog 
 */

div.popup-dialog {
  max-height: 100%;
}

@media screen and (max-width:544px) {
  div.popup-dialog {
    height: 100%;
    max-height: 100%;
  }
}

/**
 * Custom styles for jQuery UI popup box
 */

.ui-widget-overlay {
  background: #111 none;
  opacity: 0.8 !important;
}

.ui-dialog {
  border: 0px none;
  overflow: visible;
  padding: 0;
  background: #fff none;
  box-shadow: none;
  max-width: 100% !important;
  max-height: 100% !important;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0px;
  margin: 0px;
  border: 0px none;
  background: #eee none;
  border-radius: 4px 4px 0px 0px;
  border-bottom: 1px solid #ccc;
}

.ui-dialog .ui-dialog-title {
  font-family: inherit;
  font-size: 24px;
  color: #444;
  margin: 5px 10px 10px 15px;
  max-width: 85%;
  text-transform: capitalize;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  display: block;
  width: 40px;
  height: 40px;
  background: #fff url(../images/ui-dialog-close_dark.png) no-repeat 9px 9px;
  outline: none;
  border: 1px solid #ddd;
  z-index: 999999;
  right: 5px;
  top: 15px;
  border-radius: 3px;
}

.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
  display: none;
}

.ui-dialog .ui-dialog-content {
  background-color: #fff;
  -moz-border-radius: 0px 0px 3px 3px;
  -webkit-border-radius: 0px 0px 3px 3px;
  border-radius: 0px 0px 3px 3px;
  padding: 10px 10px 30px 10px;
  position: relative;
}

.ui-dialog.type-w { border: 2px solid #000; }

.ui-dialog .ui-dialog-buttonpane {
  /*section with OK button in warning popup*/
  background-color: #fff;
  margin-top: -3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.ui-dialog .blockUI span.waiting {
  position: relative;
  top: 0px;
  background-color: transparent;
}

.ui-dialog .ui-dialog-content table td { padding: 5px; }
.ui-dialog .ui-dialog-content table td.data-name { min-width: auto; }
.ui-dialog .ui-dialog-content .buttons-row { padding-bottom: 50px; }