/*
 * Copyright (c) 2011. OmniPlatform Corporation
 */

/* table */
.table-main {
    clear: both;
    /*padding: 4px;*/
    font-size: 12px;
    /*position: relative;*/
}

.table-main table {
    /*width: 100%;*/
    border-collapse: collapse;
    font-size: 12px;
    background: #ffffff;
    /*border: 1px solid #d2d2d2;*/
    /*border-top: 1px solid #e7e7e7;*/
    /*border-bottom: 1px solid #efeff0;*/
    /*-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);*/
    /*-o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);*/
    /*-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);*/
    /*box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);*/
    width: 100%;
    margin: 0;
    /*table-layout: fixed;*/
}

.table-main img {
  vertical-align: middle;
}

.table-main td, .table-main th {
  line-height: 16px;
  padding: 7px;
  vertical-align: middle;
  font-size: 12px;
}

.table-main td:first-child, .table-main th:first-child {
    padding-left: 14px;
}

.table-main table th {
    text-align: left;
    /*background-color: #8DA7BB;*/
    /*color: #4F6698;*/
    /*font-weight: bold;*/
    /*padding: 6px 8px;*/
    /*border-width: 1px 0 1px 0;*/
    /*border-style: solid;*/
    /*border-color: #c8c8c8 #f4f4f4;*/
    /*background-image: url('/images/navbar_bg.png');*/

    background: #efeff0; /* url("../img/bg_table_th.png")*/
    border-bottom: 1px solid #e7e7e7;
    padding-top: 9px;
    text-shadow: 0 1px 0 #ffffff;
    text-transform: capitalize;
}

.table-main .actions {
  line-height: 13px;
  text-align: center;
}

.table-main .actions a {
  text-decoration: none;
}

.table-main .sort {
  width: 30px;
}

.table-main .sort input[type='text'] {
  text-align: center;
  width: 26px;
}

.table-filter-border-top {
    border-top: 1px solid #ffffff;
}

.table-main .odd td {
  background: #fbfbfb;
  border-top: 1px solid #f8f8f8;
  border-bottom: 1px solid #f8f8f8;
}

.th {
    text-align: left;
    /*background-color: #8DA7BB;*/
    color: #4F6698;
    /*font-weight: bold;*/
    padding: 6px 8px;
    border-width: 1px;
    border-style: solid;
    border-color: #c8c8c8 #f4f4f4;
    background-image: url('/images/navbar_bg.png'); /* navbar_bg.png */
}

.table-main th.th_select {
    width: 30px;
}

.table-main th.select {
    width: 30px;
}

.table-main th.th_short {
    width: 50px;
}

.table-main th.short {
    width: 60px;
}

.table-main th.no {
    width: 45px;
}

.table-main th.sort {
    width: 80px;
}

.table-main th.status {
    width: 90px;
}

.table-main th.qty {
    width: 80px;
}

.table-main th.name {
    width: 160px;
}

.table-main th.account {
    width: 170px;
}

.table-main th.address {
    width: 170px;
}

.table-main th.city {
    width: 150px;
}

.table-main th.email {
    width: 190px;
}

.table-main th.phone {
    width: 140px;
}

.table-main th.price {
    width: 100px;
}

.table-main table td {
    /*text-align: left;*/
    /*background-color: #ffffff;*/
    color: #555555;
    /*font-weight: normal;*/
    /*padding: 4px 8px;*/
    /*border-top: 1px solid #F4F4F4;*/
}

.item-new {
    color: #8CC63F;
    font-weight: bold;
}

.item-warning {
    color: #b25100;
}

.td {
    text-align: left;
    background-color: #ffffff;
    color: #000000;
    font-weight: normal;
    padding: 4px 8px;
    border-top: 1px solid #F4F4F4;
    border-bottom: 1px solid #F4F4F4;
}

.table-main tr:hover td {
    background-color: #DFE7F2;
}

.tr:hover td {
    background-color: #DFE7F2;
}

.table-title {
    /*position: relative;*/
    border-bottom: 2px solid #8CC63F;
    border-top: none;
    background-color: #F4F4F4;
}

.table-title-window-widget {
    background-color: #FFFFFF;
}

.table-title ul {
    list-style: none;
    /*position: relative;*/
}

.table-title ul li {
    float: left;
    /*position: relative;*/
    display: block;
    border-top: 1px solid #C8C8C8;
    border-left: 1px solid #C8C8C8;
    border-right: 1px solid #C8C8C8;
    padding: 5px 24px 5px 14px;
    font-weight: bold;
    background-color: #ffffff;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #3b6e8e;
}

.table-title ul li div {
    float: right;
    width: 24px;
    height: 1px;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 3px;
    right: 0;
}

.table-results-total {
    color: #3b6e8e;
    font-weight: bold;
}

.table-action-links {
    float: left;
    /*position: relative;*/
    padding: 5px 7px;
    border-top: 1px solid #F4F4F4;
}

.table-action-links-window-widget {
    border-top: 1px solid #FFFFFF;
}

.clear-title-float {
    /*position: relative;*/
    clear: both;
    height:0;
    line-height:0;
    font-size:0;
    /*font-size: 1px;*/
    /*height: 1px;*/
    background-color: #8CC63F;
}

.table-wrapper {
    /*border-bottom: 1px solid #C8C8C8;*/
    /*border-left: 1px solid #C8C8C8;*/
    /*border-right: 1px solid #C8C8C8;*/
    /*background-color: #fafafa; *//*fbfbfb*/
    border-top: none;
    /*padding: 1px;*/
    clear: both;
}

.table-wrapper-window-widget {
    border-bottom: none;
    border-left: none;
    border-right: none;
    min-width: 0;
}

.table-header {
    clear: both;
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #ffffff;
    height: 48px;
    line-height: 48px;
    /*padding-top: 2px;*/
    /*padding-bottom: 2px;*/
    /*height: 58px;*/
    /*line-height: 58px;*/
}

.table-footer {
    border-top: 1px solid #ffffff;
    background-color: #f4f4f4;
    /*position: relative;*/
    height: 48px;
    line-height: 48px;
    padding-left: 11px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.table-action-filter {
    float: left;
    text-align: left;
    margin-left: 12px;
    /*margin-bottom: 2px;*/
    vertical-align: middle;
    height: 48px;
    line-height: 48px;
}

.table-action-filter div {
    vertical-align: middle;
    /*height: 20px;*/
    /*line-height: 20px;*/
}

.table-action-filter div a {
    /*vertical-align: middle;*/
    /*line-height: 2px;*/
}

.table-action-buttons {
    height: 25px;
    line-height: 25px;
    padding-top: 10px;
    float: left;
}

.table-action-buttons div {
    /*float: left;*/
    /*position: relative;*/
    margin-left: 4px;
    /*padding: 4px;*/
    height: 25px;
    line-height: 25px;
    display: inline;
    /*margin-top: 4px;*/
    /*margin-bottom: 4px;*/
}

.table-action-paginator {
    float: right;
    /*position: relative;*/
    /*margin-right: 4px;*/
    text-align: right;
    padding: 0 12px;
    height: 48px;
    line-height: 48px;
    font-size: 12px;
    /*padding: 0 4px;*/
    /*margin-bottom: 0;*/
}

.table-action-paginator a:link,
.table-action-paginator a:visited,
.table-action-paginator a:hover,
.table-action-paginator a:active
{
    color: #3B6E8E;
    font-size: 12px;
    text-decoration: underline;
    /*font-weight: bold;*/
    /*padding: 0 1px;*/
    margin: 0 1px;
}


a:active.columnSortNONE,
a:visited.columnSortNONE,
a:hover.columnSortNONE,
a:link.columnSortNONE{
    text-decoration: none;
    display: block;
    font-size: 12px;
}

a:active.columnSortASC,
a:visited.columnSortASC,
a:hover.columnSortASC,
a:link.columnSortASC{
    background: url("/images/sort.gif") no-repeat scroll 100% 0 transparent;
    text-decoration: none;
    display: block;
    font-size: 12px;
}

a:active.columnSortDESC,
a:visited.columnSortDESC,
a:hover.columnSortDESC,
a:link.columnSortDESC{
    background: url("/images/sort.gif") no-repeat scroll 100% -14px transparent;
    text-decoration: none;
    display: block;
    font-size: 12px;
}

.table-main-heading {
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    font-weight: bold;
    color: #757575;
    padding-left: 10px;
    padding-right: 14px;
    border-bottom: 1px solid #EFEFF0; /*efeff0*/
    border-top: 1px solid #ffffff;
    /*margin-top: 2px;*/
    /*margin-bottom: 2px;*/
    /*padding-bottom: 4px;*/
}

.table-main-heading dt {
    float: left;
    width: 48%;
    /*height: 18px;*/
    /*line-height: 18px;*/
    font-size: 14px;
    font-weight: bold;
    color: #757575;
    padding-left: 0;
}

.table-main-heading dd {
    float: right;
    width: 48%;
}

.table-main-title {
    height: 35px;
    line-height: 35px;
    float: left;
    /*width: 200px;*/
    font-size: 14px;
    font-weight: bold;
    color: #757575;
    padding-left: 0;
    width: 48%;
}

.table-main-menu {
    height: 35px;
    line-height: 35px;
    display: block;
    /*margin-bottom: 2px;*/
    /*padding-bottom: 4px;*/
    float: right;
    width: 48%;
}

table-main-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    /*position: relative;*/
    float: right;
}

.table-main-menu li {
    margin: 0;
    display: block;
    float: right;
}

.table-main-menu a:link, .table-main-menu a:visited {
    color: #3B6E8E;
    font-weight: bold;
    text-decoration: none;
    border: none;
    margin:0;
    display: block;
    padding: 0 0 10px 0;
}

.table-main-menu li.active a:link,
.table-main-menu li.active a:visited
{
    color: #8DA7BB;
    /*background-color: #8DA7BB;*/
    font-weight: bold;
    text-decoration: none;
    border: none;
    margin:0;
    display: block;
    padding: 0 0 10px 0;
    /*width: 100px;*/
    /*-moz-border-radius: 4px;*/
    /*-webkit-border-radius: 4px;*/
    /*border-radius: 4px;*/
}

.table-main-menu a:hover,
.table-main-menu li.active a:hover {
    color: #8DA7BB;
    font-weight: bold;
    /*background-color: #D4D4D4;*/
    display: block;
    margin: 0;
    padding: 0 0 10px 0;
    /*width: 100px;*/
    /*-moz-border-radius: 4px;*/
    /*-webkit-border-radius: 4px;*/
    /*border-radius: 4px;    */
}

.table-widget-title {
    float: left;
    position: relative;
    font-size: 14px;
    font-weight: bold;
    color: #757575;
    padding-left: 0;
    margin-left: 1px;
    height: 35px;
    line-height: 35px;
}

.table-widget-title span {
    /*float: left;*/
    position: relative;
    font-size: 14px;
    font-weight: bold;
    color: #757575;
    padding-left: 0;
    margin-left: 1px;
    height: 35px;
    line-height: 35px;
}

.table-widget-title a {
    /*float: left;*/
    /*position: relative;*/
    font-size: 14px;
    font-weight: bold;
    /*color: #757575;*/
    padding-left: 0;
    /*height: 20px;*/
    /*line-height: 20px;*/
}

.table-widget-loading {
    float: left;
    position: relative;
    top: 10px;
    left: 5px;
}

td.cell-input {
    /*border-bottom: 1px solid #c7c7c7 !important;*/
    /*border: 1px solid #ffffff;*/
    /*font-size: 11px;*/
    /*font-weight: normal;*/
    /*padding: 1px;*/
    /*-moz-border-radius: 4px;*/
    /*-webkit-border-radius: 4px;*/
    /*border-radius: 4px;*/
    color: #696969;
    /*padding: 1px 1px 1px 6px !important;*/
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    padding-left: 0 !important;
    margin: 0 !important;
}

td.cell-input input {
    border: 1px solid #dcdcdc;
    /*border: 1px solid #ffffff;*/
    font-size: 12px;
    font-weight: normal;
    padding: 5px;
    /*margin:  1px;*/
    margin-left: 6px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #8DA7BB;
    width: 87%;
}

/* end table */

/* new styles */

.action_button {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0 1px 0 #ffffff;
  -o-box-shadow: 0 1px 0 #ffffff;
  -webkit-box-shadow: 0 1px 0 #ffffff;
  box-shadow: 0 1px 0 #ffffff;
  color: #515151;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  margin-left: 10px;
  outline: none;
  padding: 0 12px;
  text-transform: uppercase;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;

  /*margin-top: 4px;*/
  height: 26px;
  line-height: 26px;
}

.action_button:hover {
  text-decoration: none;
}

.action_button:first-child {
  margin-left: 0;
}

.action_button.green {
  background: #8dc63f;
  border: 1px solid #80b636;
  color: #ffffff;
  text-shadow: 0 1px 0 #80b636;
}

.action_button.green.loading {
    background: #a2d956 url('/images/button_saving.gif') 7px center no-repeat;
    border-bottom: 1px solid #88bf3d;
    padding-left: 27px;
}

.action_button_small.green.loading {
    background: #a2d956 url('/images/button_saving.gif') 7px center no-repeat;
    border-bottom: 1px solid #88bf3d;
    padding-left: 27px;
}


.action_button.grey {
  background: #efeff0 url("../img/bg_table_th.png") top center repeat-x;
  border: 1px solid #c8c8c8;
  font-weight: bold;
  text-shadow: 0 1px 0 #ffffff;
  color: #3B6E8E;
}

.action_button_small {
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0 1px 0 #ffffff;
  -o-box-shadow: 0 1px 0 #ffffff;
  -webkit-box-shadow: 0 1px 0 #ffffff;
  box-shadow: 0 1px 0 #ffffff;
  color: #515151;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  margin-left: 9px;
  outline: none;
  padding: 0 12px;
  text-transform: uppercase;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;

  height: 25px;
  line-height: 25px;
  /*margin-top: 10px;*/
}

.action_button_small:hover {
  text-decoration: none;
}

.action_button_small:first-child {
  margin-left: 0;
}

.action_button_small.green {
  background: #8dc63f;
  border: 1px solid #80b636;
  color: #ffffff;
  text-shadow: 0 1px 0 #80b636;
}

.action_button_small.grey {
    background: #efeff0 url("../img/bg_table_th.png") top center repeat-x;
    border: 1px solid #c8c8c8;
    /*font-weight: bold;*/
    font-size: 11px;
    color: #515151;
    text-shadow: 0 1px 0 #ffffff;
}

.action_button_small.warn {
  background: #efeff0 url("../img/bg_table_th.png") top center repeat-x;
  color: #515151;
  /*font-weight: bold;*/
  font-size: 11px;
  border: 1px solid #c8c8c8;
  text-shadow: 0 1px 0 #ffffff;
}

.action_button_small.icon {
    padding-left: 7px;
}

.button_icon_remove {
    background: url("/images/cross.png") no-repeat 0 49%;
    padding-left: 18px;
    font-size: 11px;
    height: 25px;
    line-height: 25px;
    display: inline-block;
}

.button_icon_add {
    background: url("/images/add_16.png") no-repeat 0 49%;
    padding-left: 18px;
    font-size: 11px;
    height: 25px;
    line-height: 25px;
    display: inline-block;
}

.button_icon_pdf {
    background: url("/images/icons/page_white_acrobat.png") no-repeat 0 50%;
    padding-left: 22px;
    font-size: 11px;
    height: 25px;
    line-height: 25px;
    display: inline-block;
}

.button_icon_download {
    background: url("/images/down_16.png") no-repeat 0 49%;
    padding-left: 22px;
    font-size: 11px;
    height: 25px;
    line-height: 25px;
    display: inline-block;
}

.button_icon_print {
    background: url("/images/icons/printer.png") no-repeat 0 50%;
    padding-left: 22px;
    font-size: 11px;
    height: 25px;
    line-height: 25px;
    display: inline-block;
}

.button_icon_search {
    background: url("/images/icons/magnifier.png") no-repeat 0 50%;
    padding-left: 18px;
    font-size: 11px;
    height: 25px;
    line-height: 25px;
    display: inline-block;
}

.button_icon_search_clear {
    background: url("/images/icons/magnifier_zoom_out.png") no-repeat 0 50%;
    padding-left: 18px;
    font-size: 11px;
    height: 25px;
    line-height: 25px;
    display: inline-block;
}

.button_icon_custom {
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding-left: 18px;
    font-size: 11px;
    height: 25px;
    line-height: 25px;
    display: inline-block;
}

/* end new styles */