@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 1px; }

h1 {
  font-size: 38px; }

h2 {
  font-size: 32px; }

h3 {
  font-size: 24px; }

h4 {
  font-size: 18px; }

h5 {
  font-size: 14px; }

h6 {
  font-size: 12px; }

.page-title {
  background: url("../images/page-title-header.png") 0px 1px no-repeat;
  color: #f86931;
  font-size: 21px;
  margin-bottom: 3px;
  padding-bottom: 0px;
  padding-left: 20px; }

.group-title {
  border-left: 4px solid #a4d100;
  color: #005533;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  margin-bottom: 15px;
  padding: 0 8px; }

.alert {
  color: #d80002 !important; }

.script, .script-small {
  color: #d80002;
  font-size: 13px; }

.script-small {
  font-size: 10px; }

.container {
  display: inline-block;
  float: left;
  margin: 7px 0 0px 0;
  width: 100%; }
  .container:before, .container:after {
    content: "";
    display: table; }
  .container:after {
    clear: both; }

.aleft {
  text-align: left !important; }

.acenter {
  text-align: center !important; }

.aright {
  text-align: right !important; }

.pos-r {
  position: relative; }

.section {
  position: relative; }

.col {
  box-sizing: border-box;
  float: left;
  padding-left: 10px;
  padding-right: 10px; }

[class*="pull-"], [class*="push-"] {
  position: relative; }

.no-gutter {
  padding-left: 0;
  padding-right: 0; }

.col-first {
  padding-left: 0; }

.col-last {
  padding-right: 0; }

.col-1 {
  width: 8.33333%;
  width: calc(100% / 12 * 1);
  width: -webkit-calc(100% / 12 * 1);
  width: -moz-calc(100% / 12 * 1); }

.col-2 {
  width: 16.66667%;
  width: calc(100% / 12 * 2);
  width: -webkit-calc(100% / 12 * 2);
  width: -moz-calc(100% / 12 * 2); }

.col-3, .col-1-4 {
  width: 25%;
  width: calc(100% / 12 * 3);
  width: -webkit-calc(100% / 12 * 3);
  width: -moz-calc(100% / 12 * 3); }

.col-4, .col-1-3 {
  width: 33.33333%;
  width: calc(100% / 12 * 4);
  width: -webkit-calc(100% / 12 * 4);
  width: -moz-calc(100% / 12 * 4);
  *width: 30%; }

.col-5 {
  width: 41.66665%;
  width: calc(100% / 12 * 5);
  width: -webkit-calc(100% / 12 * 5);
  width: -moz-calc(100% / 12 * 5); }

.col-6, .col-1-2 {
  width: 50%;
  width: calc(100% / 12 * 6);
  width: -webkit-calc(100% / 12 * 6);
  width: -moz-calc(100% / 12 * 6);
  *width: 48.6%; }

.col-7 {
  width: 58.33333%;
  width: calc(100% / 12 * 7);
  width: -webkit-calc(100% / 12 * 7);
  width: -moz-calc(100% / 12 * 7); }

.col-8 {
  width: 66.66666%;
  width: calc(100% / 12 * 8);
  width: -webkit-calc(100% / 12 * 8);
  width: -moz-calc(100% / 12 * 8); }

.col-9, .col-3-4 {
  width: 75%;
  width: calc(100% / 12 * 9);
  width: -webkit-calc(100% / 12 * 9);
  width: -moz-calc(100% / 12 * 9); }

.col-10 {
  width: 83.33333%;
  width: calc(100% / 12 * 10);
  width: -webkit-calc(100% / 12 * 10);
  width: -moz-calc(100% / 12 * 10); }

.col-11 {
  width: 91.66666%;
  width: calc(100% / 12 * 11);
  width: -webkit-calc(100% / 12 * 11);
  width: -moz-calc(100% / 12 * 11); }

.col-12 {
  width: 100%; }

.push-1 {
  left: 8.33333%;
  left: calc(100% / 12 * 1);
  left: -webkit-calc(100% / 12 * 1);
  left: -moz-calc(100% / 12 * 1); }

.pull-1 {
  left: -8.33333%;
  left: calc(-100% / 12 * 1);
  left: -webkit-calc(-100% / 12 * 1);
  left: -moz-calc(-100% / 12 * 1); }

.push-2 {
  left: 16.66667%;
  left: calc(100% / 12 * 2);
  left: -webkit-calc(100% / 12 * 2);
  left: -moz-calc(100% / 12 * 2); }

.pull-2 {
  left: -16.66667%;
  left: calc(-100% / 12 * 2);
  left: -webkit-calc(-100% / 12 * 2);
  left: -moz-calc(-100% / 12 * 2); }

.push-3, .push-1-4 {
  left: 25%;
  left: calc(100% / 12 * 3);
  left: -webkit-calc(100% / 12 * 3);
  left: -moz-calc(100% / 12 * 3); }

.pull-3, .pull-1-4 {
  left: -25%;
  left: calc(-100% / 12 * 3);
  left: -webkit-calc(-100% / 12 * 3);
  left: -moz-calc(-100% / 12 * 3); }

.push-4, .push-1-3 {
  left: 33.33333%;
  left: calc(100% / 12 * 4);
  left: -webkit-calc(100% / 12 * 4);
  left: -moz-calc(100% / 12 * 4); }

.pull-4, .pull-1-3 {
  left: -33.33333%;
  left: calc(-100% / 12 * 4);
  left: -webkit-calc(-100% / 12 * 4);
  left: -moz-calc(-100% / 12 * 4); }

.push-5 {
  left: 41.66665%;
  left: calc(100% / 12 * 5);
  left: -webkit-calc(100% / 12 * 5);
  left: -moz-calc(100% / 12 * 5); }

.pull-5 {
  left: -41.66665%;
  left: calc(-100% / 12 * 5);
  left: -webkit-calc(-100% / 12 * 5);
  left: -moz-calc(-100% / 12 * 5); }

.push-6, .push-1-2 {
  left: 50%;
  left: calc(100% / 12 * 6);
  left: -webkit-calc(100% / 12 * 6);
  left: -moz-calc(100% / 12 * 6); }

.pull-6, .pull-1-2 {
  left: -50%;
  left: calc(-100% / 12 * 6);
  left: -webkit-calc(-100% / 12 * 6);
  left: -moz-calc(-100% / 12 * 6); }

.push-7 {
  left: 58.33333%;
  left: calc(100% / 12 * 7);
  left: -webkit-calc(100% / 12 * 7);
  left: -moz-calc(100% / 12 * 7); }

.pull-7 {
  left: -58.33333%;
  left: calc(-100% / 12 * 7);
  left: -webkit-calc(-100% / 12 * 7);
  left: -moz-calc(-100% / 12 * 7); }

.push-8 {
  left: 66.66666%;
  left: calc(100% / 12 * 8);
  left: -webkit-calc(100% / 12 * 8);
  left: -moz-calc(100% / 12 * 8); }

.pull-8 {
  left: -66.66666%;
  left: calc(-100% / 12 * 8);
  left: -webkit-calc(-100% / 12 * 8);
  left: -moz-calc(-100% / 12 * 8); }

.push-9, .push-3-4 {
  left: 75%;
  left: calc(100% / 12 * 9);
  left: -webkit-calc(100% / 12 * 9);
  left: -moz-calc(100% / 12 * 9); }

.pull-9, .pull-3-4 {
  left: -75%;
  left: calc(-100% / 12 * 9);
  left: -webkit-calc(-100% / 12 * 9);
  left: -moz-calc(-100% / 12 * 9); }

.push-10 {
  left: 83.33333%;
  left: calc(100% / 12 * 10);
  left: -webkit-calc(100% / 12 * 10);
  left: -moz-calc(100% / 12 * 10); }

.pull-10 {
  left: -83.33333%;
  left: calc(-100% / 12 * 10);
  left: -webkit-calc(-100% / 12 * 10);
  left: -moz-calc(-100% / 12 * 10); }

.push-11 {
  left: 91.66666%;
  left: calc(100% / 12 * 11);
  left: -webkit-calc(100% / 12 * 11);
  left: -moz-calc(100% / 12 * 11); }

.pull-11 {
  left: -91.66666%;
  left: calc(-100% / 12 * 11);
  left: -webkit-calc(-100% / 12 * 11);
  left: -moz-calc(-100% / 12 * 11); }

.row {
  padding-bottom: 15px; }

.clear:before, .clear:after {
  content: "";
  display: table; }
.clear:after {
  clear: both; }

.no-padding {
  padding: 0; }

.w50 {
  width: 50px; }

.w100 {
  width: 100px; }

.w200 {
  width: 200px; }

.w300 {
  width: 300px; }

.w400 {
  width: 400px; }

.w500 {
  width: 500px; }

.w600 {
  width: 600px; }

.w700 {
  width: 700px; }

.w800 {
  width: 800px; }

.w900 {
  width: 900px; }

table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0; }

.table {
  width: 100%;
  margin-bottom: 10px; }
  .table th, .table td {
    padding: 3px 5px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #dddddd;
    font-size: 13px; }
  .table td.single-row-head {
    vertical-align: middle;
  }
  .table th {
    font-weight: bold; }
  .table td {
    color: #333; }
  .table thead th {
    vertical-align: bottom; }
  .table thead th.single-row-head {
    vertical-align: middle;
  }
  .table tbody + tbody {
    border-top: 2px solid #dddddd; }

.table-condensed th, .table-condensed td {
  padding: 4px 5px; }

.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9; }
.table-striped tbody .oddRow {
  background-color: #f9f9f9; }

.table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th {
  background-color: #ffffe0; }

.form-table {
  border-top: 2px solid #11a847; }
.form-table tr.lastrow td {
  border-bottom: 1px solid #ccc; }
.form-table td.form-table-label {
  background-color: lightyellow;
  border-right: 1px solid #ddd;
  color: #333;
  font-weight: bold;
  text-align: right;
  width:15%;
  min-width:100px;
  white-space:nowrap;    
    }
.form-table .form-table-btnrow {
  padding: 10px;
  height: 50px; }
.form-table .form-table-btnrow td {
  border-right: none; }
      
.form-table1 {
  width: 90%;
  border-top: 2px solid #11a847; 
  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa; }
.form-table1 td.form-table-label {
  background-color: lightyellow;
  border-right: 1px solid #aaa;
  color: #333;
  font-weight: bold; }

.result-table {
  border-top: 2px solid #11a847;
  border-bottom: 1px solid #aaa;
  -webkit-box-shadow: 0 0 5px #cccccc;
  -moz-box-shadow: 0 0 5px #cccccc;
  box-shadow: 0 0 5px #cccccc; }
  .result-table th, .result-table td {
    border-right: 1px solid #ddd; }
    .result-table th:last-child, .result-table th.last-cell, .result-table td:last-child, .result-table td.last-cell {
      border-right: none; }
  .result-table th {
    background: #eeffee; }
  .result-table tr.sum-row td {
    background-color: lightyellow !important;
    color: #f86931;
    font-weight: bold; }  

.table-pagination {
  display: inline-block;
  font-size: 13px;
  float: right; }
  .table-pagination .table-pagination-count {
    display: inline;
    float: none; }
    .table-pagination .table-pagination-count span {
      float: left; }
  .table-pagination .table-pagination-btn-wrap {
    display: inline;
    float: none;
    margin-left: 10px; }

.search-time {
  border-bottom: 1px solid #ccc;
  color: #111;
  font-size: 13px;
  padding: 5px 6px; }
  .search-time span {
    color: #666; }

/*--- Form Elements ---*/
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
  background: #eee;
  *background: #fff;
  border: 1px solid #aaa;
  font-size: 13px; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="date"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="time"]:focus,
  input[type="url"]:focus,
  textarea:focus {
    background: #fff;
    border: 1px solid #666;
    -webkit-box-shadow: 0 0 5px #999999;
    -moz-box-shadow: 0 0 5px #999999;
    box-shadow: 0 0 5px #999999; }

input[type='text'] {
  padding: 3px 6px;
  margin-right: 5px; }

input[type='radio'],
input[type='checkbox'] {
  margin-right: 5px; }

textarea {
  padding: 3px 6px;
  width: 100%; }

select {
  border: 1px solid #aaa;
  background: #eee;
  padding: 2px 12px 1px 3px;
  margin-right: 10px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  border-radius: 1px; }
  select option {
    padding: 0; }

label {
  margin-right: 15px; }

.form-group {
  margin-bottom: 0; }
  .form-group span {
    margin-right: 10px; }
  .form-group select {
    float: left; }

.input-group input {
  float: left; }
.input-group a {
  float: left;
  margin-right: 10px; }

/*--- jqueryUI customize ---*/
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  border-radius: 1px; }

#ui-datepicker-div {
  font-size: 13px;
  font-family: Arial;
  -webkit-box-shadow: 0 0 3px #333333;
  -moz-box-shadow: 0 0 3px #333333;
  box-shadow: 0 0 3px #333333; }
  #ui-datepicker-div .ui-datepicker-calendar .ui-state-highlight, #ui-datepicker-div .ui-datepicker-calendar .ui-widget-content .ui-state-highlight, #ui-datepicker-div .ui-datepicker-calendar .ui-widget-header .ui-state-highlight {
    background: #008852;
    border: 1px solid #005533;
    color: white;
    font-weight: bold; }
  #ui-datepicker-div .ui-datepicker-calendar .ui-state-active, #ui-datepicker-div .ui-datepicker-calendar .ui-widget-content .ui-state-active, #ui-datepicker-div .ui-datepicker-calendar .ui-widget-header .ui-state-active {
    background: #f86931;
    border: 1px solid #f86931;
    color: white;
    font-weight: bold; }

#tabs {
  background: #fff;
  border: none;
  font-size: 14px;
  line-height: 21px; }
  #tabs .ui-tabs-nav {
    background: none;
    border: none;
    padding-left: 0;
    margin-left: -1px; }
    #tabs .ui-tabs-nav .ui-tabs-anchor {
      color: #555;
      font-size: 15px;
      padding: 5px 20px;
      outline: 0; }
    #tabs .ui-tabs-nav .ui-state-default {
      background: #ddd;
      border-color: #ccc;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      border-radius: 0; }
      #tabs .ui-tabs-nav .ui-state-default:hover {
        background-color: #ccc; }
    #tabs .ui-tabs-nav .ui-state-active {
      padding-bottom: 0; }
      #tabs .ui-tabs-nav .ui-state-active a:link, #tabs .ui-tabs-nav .ui-state-active a:visited {
        background: url("../images/jqueryui/ui-bg_highlight-hard_15_459e00_1x100.png") repeat-x scroll 50% 50% #459e00;
        border-color: #008852;
        border-bottom: 0;
        color: #fff; }
  #tabs .ui-tabs-panel {
    background: #fff;
    border: none;
    border-top: 2px solid #11a847;
    border-bottom: 1px solid #aaa;
    *border-left: 1px solid #ddd;
    *border-right: 1px solid #ccc;
    -webkit-box-shadow: 0px 0px 5px #cccccc;
    -moz-box-shadow: 0px 0px 5px #cccccc;
    box-shadow: 0px 0px 5px #cccccc; }

.btn {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  *margin-left: .3em;
  margin-right: 6px;
  font-size: 15px;
  line-height: 25px;
  color: #333333;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-repeat: repeat-x;
  border: 0;
  border: 1px solid #ccc \9;
  *zoom: 1;
  background-color: #dddddd;
  /* Fallback Color */
  /* Saf4+, Chrome */
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  /* FF3.6 */
  /* IE10 */
  /* Opera 11.10+ */
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 2px #555555;
    -moz-box-shadow: 0px 0px 2px #555555;
    box-shadow: 0px 0px 2px #555555;
    background-image: linear-gradient(top, #eeeeee, #dddddd);
}
  .btn:hover, .btn:focus, .btn.disabled {
    color: #333333;
    background-color: #e6e6e6;
    *background-color: #d9d9d9;
    text-decoration: none;
    background-color: #eeeeee;
    /* Fallback Color */
    background-image: linear-gradient(top, white, #eeeeee);
    /* Saf4+, Chrome */
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    /* FF3.6 */
    /* IE10 */
    /* Opera 11.10+ */
    }
  .btn:active, .btn.active {
    background-color: #bbb;
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0px 0px 1px #666666;
    -moz-box-shadow: inset 0px 0px 1px #666666;
    box-shadow: inset 0px 0px 1px #666666; }
  .btn.disabled {
    cursor: default;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent; }

.btn-cub {
  border: 1px solid #008852;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.45);
  background-color: #a4d100;
  /* Fallback Color */
  background-image: linear-gradient(top, #11a847, #a4d100);
  /* Saf4+, Chrome */
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  /* FF3.6 */
  /* IE10 */
  /* Opera 11.10+ */
  }
  .btn-cub:hover, .btn-cub:focus, .btn-cub:active, .btn-cub.active, .btn-cub.disabled {
    color: #ffffff;
    background-color: #008852;
    /* Fallback Color */
    /* Saf4+, Chrome */
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    /* FF3.6 */
    /* IE10 */
    /* Opera 11.10+ */
    background-color: #11a847;
    background-image: linear-gradient(top, #11a847, #008852);
}

.btn-primary {
  border: 1px solid #0a632a;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.45);
  background-color: #0c7a33;
  /* Fallback Color */
  background-image: linear-gradient(top, #11a847, #0c7a33);
  /* Saf4+, Chrome */
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  /* FF3.6 */
  /* IE10 */
  /* Opera 11.10+ */
  }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled {
    color: #ffffff;
    background-color: #11a847;
    /* Fallback Color */
    /* Saf4+, Chrome */
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    /* FF3.6 */
    /* IE10 */
    /* Opera 11.10+ */
    background-color: #11a847;
    background-image: linear-gradient(top, #11a847, #11a847);
}

.btn-primary-dark {
  border: 1px solid #003c24;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.45);
  background-color: #005533;
  /* Fallback Color */
  background-image: linear-gradient(top, #008852, #005533);
  /* Saf4+, Chrome */
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  /* FF3.6 */
  /* IE10 */
  /* Opera 11.10+ */
  }
  .btn-primary-dark:hover, .btn-primary-dark:focus, .btn-primary-dark:active, .btn-primary-dark.active, .btn-primary-dark.disabled {
    color: #ffffff;
    background-color: #008852;
    /* Fallback Color */
    /* Saf4+, Chrome */
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    /* FF3.6 */
    /* IE10 */
    /* Opera 11.10+ */
    background-color: #008852;
    background-image: linear-gradient(top, #008852, #008852);
}

.btn-primary-darker {
  border: 1px solid #000805;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.45);
  background-color: #002214;
  /* Fallback Color */
  background-image: linear-gradient(top, #005533, #002214);
  /* Saf4+, Chrome */
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  /* FF3.6 */
  /* IE10 */
  /* Opera 11.10+ */
  }
  .btn-primary-darker:hover, .btn-primary-darker:focus, .btn-primary-darker:active, .btn-primary-darker.active, .btn-primary-darker.disabled {
    color: #ffffff;
    background-color: #005533;
    /* Fallback Color */
    /* Saf4+, Chrome */
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    /* FF3.6 */
    /* IE10 */
    /* Opera 11.10+ */
    background-color: #005533;
    background-image: linear-gradient(top, #005533, #005533);
}

.btn-gray {
  border: 1px solid #777;
  color: #555;
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.45);
  background-color: #cccccc;
  /* Fallback Color */
  background-image: linear-gradient(top, #efefef, #cccccc);
  /* Saf4+, Chrome */
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  /* FF3.6 */
  /* IE10 */
  /* Opera 11.10+ */
  }
  .btn-gray:hover, .btn-gray:focus, .btn-gray:active, .btn-gray.active, .btn-gray.disabled {
    color: #333;
    background-color: #cccccc;
    /* Fallback Color */
    /* Saf4+, Chrome */
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    /* FF3.6 */
    /* IE10 */
    /* Opera 11.10+ */
    background-color: #ccc;
    background-image: linear-gradient(top, #dddddd, #cccccc);
}

.btn-gray-dark {
  border: 1px solid #333;
  color: #eee;
  text-shadow: 0 -1px 0 rgba(50, 50, 50, 0.45);
  background-color: #333333;
  /* Fallback Color */
  background-image: linear-gradient(top, #555555, #333333);
  /* Saf4+, Chrome */
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  /* FF3.6 */
  /* IE10 */
  /* Opera 11.10+ */
  }
  .btn-gray-dark:hover, .btn-gray-dark:focus, .btn-gray-dark:active, .btn-gray-dark.active, .btn-gray-dark.disabled {
    color: #fff;
    background-color: #444444;
    /* Fallback Color */
    /* Saf4+, Chrome */
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    /* FF3.6 */
    /* IE10 */
    /* Opera 11.10+ */
    background-color: #ccc;
    background-image: linear-gradient(top, #666666, #444444);
}

.btn-info {
  border: 1px solid #136f8c;
  color: #eee;
  text-shadow: 0 -1px 0 rgba(50, 50, 50, 0.45);
  background-color: #1680a2;
  /* Fallback Color */
  background-image: linear-gradient(top, #1ca4cf, #1680a2);
  /* Saf4+, Chrome */
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  /* FF3.6 */
  /* IE10 */
  /* Opera 11.10+ */
  }
  .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled {
    color: #fff;
    background-color: #1ca4cf;
    /* Fallback Color */
    /* Saf4+, Chrome */
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    /* FF3.6 */
    /* IE10 */
    /* Opera 11.10+ */
    background-color: #1ca4cf;
    background-image: linear-gradient(top, #1ca4cf, #1ca4cf);
}

.btn-alert {
  border: 1px solid #8b0001;
  color: #eee;
  text-shadow: 0 -1px 0 rgba(50, 50, 50, 0.45);
  background-color: #a50002;
  /* Fallback Color */
  background-image: linear-gradient(top, #d80002, #a50002);
  /* Saf4+, Chrome */
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  /* FF3.6 */
  /* IE10 */
  /* Opera 11.10+ */
  }
  .btn-alert:hover, .btn-alert:focus, .btn-alert:active, .btn-alert.active, .btn-alert.disabled {
    color: #fff;
    background-color: #d80002;
    /* Fallback Color */
    /* Saf4+, Chrome */
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    /* FF3.6 */
    /* IE10 */
    /* Opera 11.10+ */
    background-color: #d80002;
    background-image: linear-gradient(top, #d80002, #d80002);
}

.btn-warning {
  border: 1px solid #957000;
  color: #333;
  text-shadow: 0 1px 0 rgba(225, 225, 225, 0.45);
  background-color: #e2a900;
  /* Fallback Color */
  background-image: linear-gradient(top, #fbbc00, #e2a900);
  /* Saf4+, Chrome */
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  /* FF3.6 */
  /* IE10 */
  /* Opera 11.10+ */
  }
  .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled {
    color: #222;
    background-color: #fbbc00;
    /* Fallback Color */
    /* Saf4+, Chrome */
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    /* FF3.6 */
    /* IE10 */
    /* Opera 11.10+ */
    background-color: #fbbc00;
    background-image: linear-gradient(top, #fbbc00, #fbbc00);
}

.btn-small {
  font-size: 12px;
  padding: 0 6px; }

.btn-mid {
  padding: 0px 10px; }

.btn-large {
  padding: 5px 20px; }

.btn-logout {
  font-size: 13px;
  line-height: 21px;
  margin-top: 7px;
  margin-left: 10px;
  padding: 0 7px;
  *height: 26px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px; }

.btn-call {
  border: 1px solid #eee;
  font-size: 13px;
  padding: 0px 12px; }

.label-more-btn {
  display: inline-block;
  font-size: 9px;
  padding: 0px 3px 2px;
  margin-top: -2px;
  height: 12px;
  line-height: 16px; }
  .label-more-btn:hover {
    color: #005533; }

.icon-btn {
  display: block;
  float: left;
  margin-top: -1px;
  *margin-top: 0;
  width: 23px;
  height: 23px; }
  .icon-btn.keypad {
    background: url("../images/btn-keypad.png"); }
  .icon-btn.search {
    background: url("../images/icon-btn-search.png"); }

.icon-btn15 {
  display: inline-block;
  float: right;
  margin-top: 2px;
  margin-left: 5px;
  width: 15px;
  height: 15px; }
  .icon-btn15.dropdown {
    background: url("../images/icon-btn-dropdown.png"); }

.panel {
  border: 1px solid #bbb;
  margin-bottom: 2px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 1px 3px #cccccc;
  -moz-box-shadow: 0px 1px 3px #cccccc;
  box-shadow: 0px 1px 3px #cccccc;
  background-color: #fffdd4; }
  .panel:before, .panel:after {
    content: "";
    display: table; }
  .panel:after {
    clear: both; }
  .panel .panel-title {
    color: white;
    font-size: 16px;
    line-height: 14px;
    padding: 8px 10px 16px;
    margin: 0px;
    background-color: #005533;
    /* Fallback Color */
    /* Saf4+, Chrome */
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    /* FF3.6 */
    /* IE10 */
    /* Opera 11.10+ */
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    background-image: linear-gradient(top, #11a847, #005533);
}
  .panel .panel-content {
    font-size: 15px;
    line-height: 25px;
    margin-top: -10px;
    padding-top: 10px;
    *min-height: 120px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    background-color: white;
    /* Fallback Color */
    background-image: linear-gradient(top, #fffdd4, white);
    /* Saf4+, Chrome */
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    /* FF3.6 */
    /* IE10 */
    /* Opera 11.10+ */
    }
    .panel .panel-content p {
      color: #008852;
      font-weight: bold; }
    .panel .panel-content span {
      color: #333;
      font-weight: normal;
      margin-left: 5px; }

#showKeyPad {
  margin-right: 10px; }

#keypad {
  background-position: 0% 0%;
    display: none;
    border: 1px solid #666;
    padding: 5px;
    position: absolute;
    top: 100px;
    left: 230px;
  width: 160px;
  *width: 180px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 3px #555555;
    -moz-box-shadow: 0px 0px 3px #555555;
    box-shadow: 0px 0px 3px #555555;
    background-color: #cccccc;
  /* Fallback Color */
  background-image: linear-gradient(top, #eeeeee, #cccccc);
  /* Saf4+, Chrome */
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  /* FF3.6 */
  /* IE10 */
  /* Opera 11.10+ */
    background-repeat: repeat;
    background-attachment: scroll;
}
  #keypad .keypad-header {
    position: relative; }
    #keypad .keypad-header h4 {
      color: #333;
      font-size: 15px;
      font-weight: bold;
      text-align: center;
      padding-top: 3px; }
    #keypad .keypad-header a.keypad-close {
      background-color: #999;
      color: #ccc;
      text-decoration: none;
      padding: 2px 4px;
      position: absolute;
      right: 0;
      top: 0;
      -webkit-border-radius: 1px;
      -moz-border-radius: 1px;
      -ms-border-radius: 1px;
      border-radius: 1px; }
      #keypad .keypad-header a.keypad-close:hover {
        background-color: #555;
        color: #eee; }
  #keypad .keypad-wrap {
    *margin-left: -5px;
    *margin-right: 5px; }
    #keypad .keypad-wrap .keypad-btn {
      padding: 3px 3px; }
      #keypad .keypad-wrap .keypad-btn a {
        border: 1px solid #fff;
        width: 100%; }
        #keypad .keypad-wrap .keypad-btn a.keypad-btn-clear {
          *width: 112px; }

body.cub_style1 {
  font-family: Arial, "Microsoft JhengHei", sans-serif;
  font-size: 15px;
  min-height: 100%;
  position: relative;
  width: 100%;
  min-width: 990px;
  /*background: url(../images/bkg-menubar-big.jpg) repeat-x, url(../images/bkg-footer.jpg) center bottom repeat-x;
  *background: url(../images/bkg-menubar-big.jpg) repeat-x;*/ }
  
body.cub_style2 {
  font-family: Arial, "Microsoft JhengHei", sans-serif;
  font-size: 15px;
  min-height: 100%;
  position: relative;
  width: 100%;
  min-width: 100%;}

a {
  text-decoration: underline;
  color: #008852; }
  a:hover {
    color: #005533;
    text-decoration: none; }

.required-mark {
  color: #d31900;
  /*float: left;*/
  font-size: 18px;
  font-family: Arial, sans-serif;
  font-weight: normal;
  padding: 3px 3px 0 0; }

/*-- global styles end --*/
#header {
  width: 100%; }
  #header:before, #header:after {
    content: "";
    display: table; }
  #header:after {
    clear: both; }
  #header .site-menu {
    height: 64px; }
    #header .site-menu:before, #header .site-menu:after {
      content: "";
      display: table; }
    #header .site-menu:after {
      clear: both; }
    #header .site-menu .cub-logo {
      padding-left: 10px; }
      #header .site-menu .cub-logo img {
        float: left;
        padding-top: 15px;
        padding-right: 20px; }
    #header .site-menu .service-list {
      background-position: 0% 0%;
    float: right;
      padding: 3px 10px;
      -webkit-border-radius: 0 0 3px 3px;
      -moz-border-radius: 0 0 3px 3px;
      -ms-border-radius: 0 0 3px 3px;
      border-radius: 0 0 3px 3px;
      background-color: white;
      /* Fallback Color */
      background-image: linear-gradient(top, #ededed, white);
      /* Saf4+, Chrome */
      /* Chrome 10+, Saf5.1+, iOS 5+ */
      /* FF3.6 */
      /* IE10 */
      /* Opera 11.10+ */
      background-repeat: repeat;
    background-attachment: scroll;
}
      #header .site-menu .service-list li {
        float: left; }
        #header .site-menu .service-list li a {
          color: #1c91da;
          display: block;
          padding: 12px 15px;
          font-size: 13px; }
          #header .site-menu .service-list li a:hover {
            text-decoration: none; }

/*-- #header end --*/
#main-menu {
  background: #4fb929;
  border-top: 5px solid #4fb929;
  display: block;
  min-height: 32px;
  min-width: 990px; }
  #main-menu:before, #main-menu:after {
    content: "";
    display: table; }
  #main-menu:after {
    clear: both; }
  #main-menu ul {
    display: block;
    margin-left: 3px;
    white-space: nowrap; }
    #main-menu ul li {
      display: inline-block;
      float: left; }
      #main-menu ul li a {
        color: white;
        display: block;
        font-weight: bold;
        height: 28px;
        line-height: 27px;
        margin: 0 3px 3px;
        padding: 0 12px;
        text-decoration: none;
        -webkit-text-shadow: 0 0 1px #333333;
        -moz-text-shadow: 0 0 1px #333333;
        text-shadow: 0 0 1px #333333;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px; }
        #main-menu ul li a:hover {
          background-position: 0% 0%;
    background-color: #008852;
          /* Fallback Color */
          background-image: linear-gradient(top, #005533, #008852);
          /* Saf4+, Chrome */
          /* Chrome 10+, Saf5.1+, iOS 5+ */
          /* FF3.6 */
          /* IE10 */
          /* Opera 11.10+ */
          background-repeat: repeat;
    background-attachment: scroll;
}
        #main-menu ul li a.active {
          background: white;
          color: #f86931;
          -webkit-text-shadow: 0 0 0px white;
          -moz-text-shadow: 0 0 0px white;
          text-shadow: 0 0 0px white;
          -webkit-box-shadow: 0 0 3px #333333;
          -moz-box-shadow: 0 0 3px #333333;
          box-shadow: 0 0 3px #333333; }
          #main-menu ul li a.active:hover {
            background-color: white;
            /* Fallback Color */
            background-image: linear-gradient(top, #eeeeee, white);
            /* Saf4+, Chrome */
            /* Chrome 10+, Saf5.1+, iOS 5+ */
            /* FF3.6 */
            /* IE10 */
            /* Opera 11.10+ */
            }

/*-- #main-menu end --*/
#main-wrap {
  background: white;
  /*border-bottom: 3px solid #888;*/
  /*border-bottom: none;*/
  min-height: 500px;
  padding-bottom: 25px;
  min-width: 990px;
  position: relative; }
  #main-wrap a.sub-menu-toggle {
    background: #333;
    background-image: url("../images/submenu-toggle-btn-bkg.jpg");
    color: white;
    display: block;
    width: 24px;
    height: 32px;
    line-height: 28px;
    margin-left: -24px;
    position: absolute;
    left: 0;
    text-align: center;
    text-decoration: none; }
    #main-wrap a.sub-menu-toggle.submenu-open {
      background-position: 0 32px; }
  #main-wrap #sub-menu {
    background: #ccc;
    float: left;
    padding: 10px 2px;
    width: 178px;
    -webkit-transition: all, 0.5s, linear;
    -moz-transition: all, 0.5s, linear;
    -ms-transition: all, 0.5s, linear;
    -o-transition: all, 0.5s, linear;
    transition: all, 0.5s, linear;
    -webkit-box-shadow: 0px 0px 1px #aaaaaa;
    -moz-box-shadow: 0px 0px 1px #aaaaaa;
    box-shadow: 0px 0px 1px #aaaaaa; }
    #main-wrap #sub-menu.close {
      border-right: 5px solid #a4d100;
      display: none; }
    #main-wrap #sub-menu li {
      margin: 0;
      padding: 0; }
    #main-wrap #sub-menu .toggler {
      background: #fff;
      background-image: url("../images/submenu-toggler-close-bkg.jpg");
      background-size:100% 100%;
      border-bottom: 1px solid #ccc;
      color: #333;
      cursor: pointer;
      display: block;
      font-size: 15px;
      font-weight: bold;
      padding: 8px 15px;
      position: relative; 
      filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/submenu-toggler-close-bkg.jpg",sizingMethod='scale');
      -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/submenu-toggler-close-bkg.jpg",sizingMethod='scale')";}
      #main-wrap #sub-menu .toggler:hover {
        color: #444; }
      #main-wrap #sub-menu .toggler.active {
        background-image: url("../images/submenu-toggler-open-bkg.jpg");
        color: #555; 
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/submenu-toggler-open-bkg.jpg",sizingMethod='scale');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/submenu-toggler-open-bkg.jpg",sizingMethod='scale')";}
    #main-wrap #sub-menu .toggler-single {
      background: #fff;
      background-image: url("../images/submenu-toggler-close-bkg.jpg");
      background-size:100% 100%;
      border-bottom: 1px solid #ccc;
      color: #333;
      cursor: pointer;
      display: block;
      font-size: 15px;
      font-weight: bold;
      padding: 8px 15px;
      position: relative; 
      filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/submenu-toggler-close-bkg.jpg",sizingMethod='scale');
      -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/submenu-toggler-close-bkg.jpg",sizingMethod='scale')";}
      #main-wrap #sub-menu .toggler-single a {
        color: #333;
        text-decoration: none; }
      #main-wrap #sub-menu .toggler-single a.active {
        color: #f86931; }
    #main-wrap #sub-menu .submenu-container {
      background: #ddd;
      margin-top: 1px;
      margin-bottom: 1px; }
      #main-wrap #sub-menu .submenu-container li {
        border-bottom: 1px solid #ccc; }
      #main-wrap #sub-menu .submenu-container a {
        color: #555;
        display: block;
        font-size: 13px;
        padding: 7px 4px 7px 25px;
        margin-bottom: 1px;
        position: relative;
        text-decoration: none; }
        #main-wrap #sub-menu .submenu-container a:hover {
          background: #333;
          color: white;
          border-left: 5px solid #aaa; }
        #main-wrap #sub-menu .submenu-container a.active {
          background: #fff0e0;
          color: #f86931;
          border-left: 5px solid #f86931;
          font-weight: bold; }

.main-content-wrap {
  background-color: #fff;
  padding-left: 183px; }
  .main-content-wrap:before, .main-content-wrap:after {
    content: "";
    display: table; }
  .main-content-wrap:after {
    clear: both; }
  .main-content-wrap.full-width {
    padding-left: 0; }
    .main-content-wrap.full-width .main-content {
      padding: 15px 10px; }
  .main-content-wrap .page-info-wrap {
    background: #efefef;
    font-size: 0.8em;
    font-size: 12px;
    padding: 10px;
    height: 12px; }
    .main-content-wrap .page-info-wrap:before, .main-content-wrap .page-info-wrap:after {
      content: "";
      display: table; }
    .main-content-wrap .page-info-wrap:after {
      clear: both; }
    .main-content-wrap .page-info-wrap .breadcrumb {
      float: left; }
    .main-content-wrap .page-info-wrap .welcome-msg {
      float: right; }
      .main-content-wrap .page-info-wrap .welcome-msg span {
        color: #666;
        margin: 0 5px; }
  .main-content-wrap .main-content {
    padding: 10px 15px; }
  .main-content1 {
    padding: 0px 0px 0px 0px; }

/*-- #main-wrap end --*/
/*-- Dashboard --*/
.user-info, .user-log {
  padding-left: 12px; }

.section-wrap {
  margin-bottom: 25px; }
  .section-wrap:before, .section-wrap:after {
    content: "";
    display: table; }
  .section-wrap:after {
    clear: both; }
  .section-wrap .section-title {
    background: #8cc63f;
    height: 28px; }
    .section-wrap .section-title:before, .section-wrap .section-title:after {
      content: "";
      display: table; }
    .section-wrap .section-title:after {
      clear: both; }
    .section-wrap .section-title h2 {
      background-color: #fff;
      color: #005533;
      height: 28px;
      line-height: 28px;
      margin: 0;
      margin-bottom: 15px;
      padding: 0 12px 0 32px;
      float: left;
      font-size: 18px;
      font-weight: bold; }
      .section-wrap .section-title h2.title-msg {
        background: url(../images/icon-msg.png) 0 1px white no-repeat; }
      .section-wrap .section-title h2.title-bbs {
        background: url(../images/icon-bbs.png) 0 1px white no-repeat; }
      .section-wrap .section-title h2.title-news {
        background: url(../images/icon-news.png) 0 1px white no-repeat; }
    .section-wrap .section-title a {
      background: #7bb034;
      border-left: 1px solid #a4d100;
      color: #eee;
      display: block;
      float: right;
      font-size: 13px;
      height: 28px;
      text-decoration: none;
      padding: 0 10px;
      line-height: 28px; }
      .section-wrap .section-title a:hover {
        background: #008852;
        color: white; }
  .section-wrap .section-content {
    padding: 15px 0px; }
    .section-wrap .section-content:before, .section-wrap .section-content:after {
      content: "";
      display: table; }
    .section-wrap .section-content:after {
      clear: both; }
    .section-wrap .section-content .ad-wrap {
      text-align: center; }
    .section-wrap .section-content ul.news-list {
      font-size: 13px;
      margin-left: 15px; }
      .section-wrap .section-content ul.news-list li {
        background: url(../images/news-list-header.png) no-repeat;
        margin: 12px 0;
        padding-left: 20px;
        padding: 0px 0 2px 20px; }

/*-- Dashboard end --*/
#footer {
  /*background: url(../images/bkg-footer.jpg) repeat-x;*/
  font-size: 13px;
  padding: 25px 0 45px;
  min-width: 990px; }
  #footer .contact-legal {
    float: left;
    padding-left: 20px;
    width: 600px; }
    #footer .contact-legal hr {
      background: #bbb;
      border: none;
      height: 2px; }
    #footer .contact-legal .contact-info {
      color: #008852;
      font-weight: bold; }
      #footer .contact-legal .contact-info a {
        color: #008852;
        margin: 0 6px; }
        #footer .contact-legal .contact-info a:hover {
          color: #005533;
          text-decoration: none; }
    #footer .contact-legal .legal-info {
      color: #555;
      line-height: 21px; }
      #footer .contact-legal .legal-info a {
        color: #333; }
        #footer .contact-legal .legal-info a:hover {
          text-decoration: none; }
  #footer .globaltrust {
    float: right;
    margin-right: 20px;
    margin-top: -8px; }

/*-- #footer end --*/
a.gotop {
  background-position: 0% 0%;
    color: white;
    font-size: 13px;
    text-decoration: none;
    padding: 5px 15px;
    position: fixed;
    right: 35px;
    bottom: 0px;
    outline: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    background-color: #888888;
  /* Fallback Color */
  background-image: linear-gradient(top, #777777, #888888);
  /* Saf4+, Chrome */
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  /* FF3.6 */
  /* IE10 */
  /* Opera 11.10+ */
  }
  a.gotop:hover {
    background: #666; }

.wrapper {
  min-width: 963px;
  margin: 0 0 0 27px;
  position: relative; }
  .wrapper:before, .wrapper:after {
    content: "";
    display: table; }
  .wrapper:after {
    clear: both; }

/*-- .wrapper end --*/
.iframe-test {
  width: 100% !important;
  height: 640px !important; }

/*.ResultHeadSort,.data-row {cursor:pointer;}*/
.ResultHeadSort,.data-row {cursor:default;}
.ContextMenu {border-style: ridge; border-width: thin; position: absolute; top: 0px; left: 0px; background-color:#FFFFFF;} 

/*.DataLoad {display:none;position:fixed;z-index:100000;top:0;left:0;height:100%;width:100%;background:rgba( 255, 255, 255, 0 );cursor:wait;}*/
.DataLoad {display:none;position:fixed;z-index:100000;top:0;left:0;height:100%;width:100%;background-color:#000000;opacity:0;cursor:wait;}
.DialogLoad {display:none;position:fixed;z-index:100000;top:0;left:0;height:100%;width:100%;background-color:#000000;opacity:0;cursor:auto;}
.BtnSpan {display:inline-block;border:1px solid #005533;color:#ffffff;background-color:#008852;margin:0px 0px 0px 0px; padding:0px 3px 0px 3px;white-space:nowrap;cursor:pointer;}

/* 俊龍要求 安控授權btn要求要統一格式 20141007 */
.mgbtn {}


/* 頁籤 CSS Start */
ul.ulTabs {
	width: 100%;
	height: 32px;
	/*border-bottom: 1px solid #999;
	border-left: 1px solid #999;*/
}

ul.ulTabs li {
	float: left;
	height: 31px;
	line-height: 31px;
	overflow: hidden;
	position: relative;
	margin-right: 1px;
	margin-bottom: 1px;	
	border: 1px solid #ccc;
	/*border-left: none;*/
	background-color: #f5f5f5;
}

ul.ulTabs li a {
	display: block;
	padding: 0px 10px;
	color: #333333;
	text-decoration: none;
}

ul.ulTabs li a:hover {
	background-color: #fff;
	cursor:pointer;
}

ul.ulTabs li.active a {
	color: #fff;
}

ul.ulTabs li.active {
	background-color: #0c7a33;
	border: 1px solid #0a632a;
}

ul.ulTabs li.active a:hover {
	background-color: #0c7a33;
}

div.tabContainer {
	clear: left;
	/*border: 1px solid #999;*/
	/*border-top: none;*/
	background: #fff;
	color: #000;
	/*overflow: auto;*/
}

div.tabContainer .tabContent {
	padding: 0px 0px 0px 0px;
}

div.tabContainer .tabContent h2 {
	margin: 0px 0px 20px 0px;
}
/* 頁籤 CSS End */

/* Font resize */
.fontResize { width: 100px; position: absolute; right: -10px; top: 38px; z-index: 99;}
.fontsizeM, .fontsizeD, .fontsizeP{ margin: 0; padding:0; width: 26px; height: 20px; float:left; text-indent: -9999px; overflow: hidden; opacity:0.6;}
.fontsizeM:hover, .fontsizeD:hover, .fontsizeP:hover {opacity: 1.0;}
.fontsizeM { background: url(../images/font-resize.png) no-repeat 3px -40px;}
.fontsizeD { background: url(../images/font-resize.png) no-repeat 3px -20px;}
.fontsizeP { background: url(../images/font-resize.png) no-repeat 3px 0px;}

/* 交易遮罩 Max add */
.ProcessingBox{ display: none; margin-left: -150px; width: 300px; position: fixed; top: 40%;left: 50%; color:#333; background:#fff; border:2px solid #ccc;}
.ProcessingBoxHead{ width: 100%; border-bottom: 1px solid #ccc; position:absolute;}
.ProcessingBoxHead h6{ float: left; display: block; padding: 7px 14px 6px 14px; font-size: 15px; font-weight: bold;}
.ProcessingBoxContainer{ padding: 18px; margin-top: 30px; }
.ProcessingBoxTextCenter { text-align: center; }


.BtnSpanWhite {background-color:#FFFFFF;color:#000000;display:inline-block;border:1px solid #AAAAAA;margin:0px -1px 3px -2px; padding:4px 5px 1px 5px;height:15px;vertical-align:middle;line-height:1em;cursor:pointer;}
.BtnSpanGreen {background-color:#EEFFFF;color:#000000;display:inline-block;border:1px solid #AAAAAA;margin:0px -1px 3px -2px; padding:4px 5px 1px 5px;height:15px;vertical-align:middle;line-height:1em;cursor:pointer;}

.BtnSearch {width:24px; height:24px; vertical-align:bottom !important; cursor:pointer;}