/*=========================================================================
  DATEPICKER
  =========================================================================*/

#ui-datepicker-div {
    -webkit-box-shadow: rgba(0,0,0,.35) 0 0 8px;
    -moz-box-shadow: rgba(0,0,0,.35) 0 0 8px;
    box-shadow: rgba(0,0,0,.35) 0 0 8px;
}

.ui-datepicker-header {
    background: none;
    border: none;
}


/*=========================================================================
  DIALOG
  =========================================================================*/

.ui-dialog-titlebar {
    font-size: 18px;
}

.ui-dialog-title {
    /*height: 1em;*/
}

.ui-dialog {
    -o-box-shadow: rgba(0,0,0,.4) 0 0 8px;
    -moz-box-shadow: rgba(0,0,0,.4) 0 0 8px;
    -webkit-box-shadow: rgba(0,0,0,.4) 0 0 8px;
    box-shadow: rgba(0,0,0,.4) 0 0 8px;
}

.ui-dialog .ui-dialog-titlebar-close {
    border: none;
    background: none;
}


/*=========================================================================
  TABS
  =========================================================================*/

.ui-tabs-nav {
    border-bottom: 1px #d8d8d8 solid;
}

.ui-tabs {
    padding: 0;
    border: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
    cursor: default;
}

.ui-tabs .ui-tabs-panel {
    padding: 1em .5em;
}

.ui-tabs .ui-tabs-nav li a {
    outline: none;
}

.ui-tabs .ui-tabs-nav li {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: none;
}


/*=========================================================================
  BUTTONSET
  =========================================================================*/

.ui-buttonset {
    visibility: hidden;
    margin: 0;
    padding: 0;
    font-size: .99em;
    display: inline-block;
    width: auto;
    float: none;
    white-space: nowrap;
}


.ui-buttonset .ui-button {
    /*margin: 0;*/
    /*float: left;*/
    /*display: block;*/
    display: inline-block;
    visibility: hidden;
}

.ui-buttonset-visible .ui-button,
.ui-buttonset-visible {
    visibility: visible;
}

/*div[class^='ui-col-'] > .ui-buttonset,*/
/*div[class*=' ui-col-'] > .ui-buttonset,*/
/*.ui-dollar-percent-amount-picker > .ui-buttonset {*/
    /*width: 50%;*/
/*}*/

.ui-buttonset label.ui-state-active {
    font-weight: bold;
}

/*=========================================================================
  BUTTON
  =========================================================================*/

button {
    /*visibility: hidden;*/
}

.ui-button {
    visibility: visible;
    vertical-align: top;
}

.ui-button.ui-state-hover {
    border: 1px solid #d8d8d8;
	background: #eaeaea url(images/ui-bg_flat_0_eaeaea_40x100.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}

.ui-button.ui-state-active {
	border: 1px solid #d8d8d8;
	background: #ffffff url(images/ui-bg_flat_0_ffffff_40x100.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
    -webkit-box-shadow: none;
    box-shadow: none;
}


/*=========================================================================
  JQUERY UI CUSTOMIZATIONS
  =========================================================================*/

.ui-widget {
    font-family: 'Open Sans', Helvetica,Verdana,Arial,sans-serif
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    outline: 1px #FFEE29 solid;
}

.ui-widget-content a.ui-state-highlight {
    border: none;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #333333;
}


/*box-shadow: #FFEE29 0 0 4px;*/

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
.minicolors-focus {
    border-color: rgba(60, 131, 171, 0.8);
    *border-color: #3c83ab;
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(61, 112, 141, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(61, 112, 141, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(61, 112, 141, 0.6);
    color: #000;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	font-weight: bold;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    font-weight: 300;
}


/*=========================================================================
  TOOLTIP
  =========================================================================*/

.ui-tooltip {
    padding: 4px;
    background-color: #FFF;
    background-color: rgba(255, 255, 255, .8);
    border-color: #EEE;
    color: #222;
}