﻿body
{
  background-color: #111;
}

.ui-panel-header
{
  border: 1px solid #e3a1a1 !important;
  background: #e10079 url(images/ui-bg_inset-soft_40_e10079_1x100.png) 50% 50% repeat-x !important;
  border: 1px solid #a1abe3 !important;
  color: #ffffff !important;
  font-weight: bold !important;
  line-height: 2em;
  padding-left: 1em;
}

div.logo
{
  /*background-image: url(images/Logo.png);*/
}

div.superuser
{
  /*background-image: url(images/SuperUser.png) !important;*/
  background-position: right;
  width: 1000px;
}

/* Load Mask */
.loadmask
{
  background-color: #CCC;
}

.loadmask-msg
{
  border: 1px solid #df0078;
  background: #FBFBFB;
}

.loadmask-msg div
{
  background: #fbfbfb url('images/SalonLoading.gif') no-repeat 5px 5px;
  border: 1px solid #df0078;
}

/* Styled Table */
table.styled, table.ko-grid
{
  border-collapse: collapse;
  color: #363636;
  text-align: left;
  width: 100%;
}
table.styled thead, table.styled tfoot, table.ko-grid thead, table.ko-grid tfoot
{
  text-align: left;
  height: 30px;
}
table.ko-grid thead, table.ko-grid tfoot
{
  height: 36px;
}

table.styled.with-buttons thead th, 
table.styled.with-buttons tfoot th,
table.ko-grid.with-buttons thead th, 
table.ko-grid.with-buttons tfoot th
{  
    height: 24px; 
}
table.styled thead th, table.styled tfoot th,
table.ko-grid thead th, table.ko-grid tfoot th
{
  padding: 5px;
  background: #FFD8F0 url(images/ui-bg_highlight-soft_75_FFD8F0_1x100.png) 50% 50% repeat-x;
}
table.styled a,
table.ko-grid a
{
  color: #333333;
  text-decoration: none;
}
table.styled a:hover,
table.ko-grid a:hover
{
  text-decoration: underline;
}
table.styled tr.odd,
table.ko-grid tr.odd
{
  background: #fff0ff url(images/ui-bg_highlight-soft_75_fff0ff_1x100.png) 50% 50% repeat-x;
}

table.ko-grid tbody tr:nth-child(even) td, table.ko-grid tbody tr:nth-child(even) th {
  background: #fff0ff url(images/ui-bg_highlight-soft_75_fff0ff_1x100.png) 50% 50% repeat-x;
}


table.styled tbody th, table.styled tbody td,
table.ko-grid tbody th, table.ko-grid tbody td
{
  padding: 5px;
}

table.report tr.expanded, table.report tr.collapsed, tr.row-highlight
{
   background: #FFD8F0 url(images/ui-bg_highlight-soft_75_FFD8F0_1x100.png) 50% 50% repeat-x;
}

table.report tr.expanded td:first-child, table.report tr.expanded th:first-child
{
  background-image: url(images/Collapse.png);
}

table.report tr.collapsed td:first-child, table.report tr.collapsed th:first-child
{
  background-image: url(images/Expand.png);
}


/* Dialog button overrides */
.ui-dialog .ui-dialog-buttonpane button.delete-button-left
{
  position: relative;
  left: -345px;
}

.ui-dialog .ui-dialog-buttonpane button.wide-delete-button-left
{
  position: relative;
  left: -450px; 
}

.ui-dialog .ui-dialog-buttonpane button.checkout-button
{
  position: relative;
  left: -110px;
}
