.bar, .bar_large, .bar_small {
   position:relative;
   z-index:10;
   overflow:hidden;
   padding:1px;
}

.bar img, .bar_large img, .bar_small img {
   position:absolute;
   left:0px;
}

.bar_small {
   width:46px;
   height:6px;
}

.bar_large {
   width:36px;
   height:15px;
}

.bar-inner {
   width:100%;
   height:100%;
   background:transparent;
   position:absolute;
   overflow:hidden;
   z-index:100;
}

.bar-overlay {
   width:100%;
   height:100%;
   background:transparent;
   position:absolute;
   z-index:1000;
   top:1px;
   left:1px;
}
.bee-news {
   position:fixed;
   top:0px;
   right:0px;
   z-index:100;
}

.bee-swoosh {
   position:fixed;
   top:0px;
   right:70px;
   z-index:1;
}

@media screen {
.bee {
   position:fixed;
   top:0;
   right:30;
   display:block;
   margin:0;
   padding:0;
   z-index:100;
}
}

.bee-search {
   position:fixed;
   top:20px;
   right:-13px;
   z-index:100;
}

.bee-search-left {
   position:fixed;
   top:20px;
   right:28px;
   z-index:100;
}

.bee-search-right {
   position:fixed;
   top:20px;
   right:-13px;
   z-index:100;
}
body {
   margin:0;
   padding-left: 13px;
   padding-right: 13px;
   padding-bottom: 13px;
   font-size:11px;
   font-family:verdana,arial,sans-serif;
   color:#58595b;
   text-align:left;
   background:#fff;
}

a {
   color:#58595b;
   text-decoration:none;
}

a img {
   border:0;
}

p {
   margin:2px;
   margin-bottom:0px;
}

.ck-form-text p {
   margin-bottom:0px !important;
}

/*********************** Box ***********************/
.border-box {
   background:transparent;
   padding:0 !important;
   margin:0 0 13px 0 !important;
}

.border-box table, .border-box td {
   padding:0px !important;
   margin:0px !important;
   border:0px !important;
}

.border-box-content {
   padding:0px !important;
   background:#ffffff;
}

.border-box-top {
   background:url(../images/bg-box-top.png) repeat-x 0 0 transparent;
   height:10px;
}

.border-box-top-left {
   background:url(../images/bg-box-tl.png) no-repeat 0 0 transparent;
   height:10px;
   width:10px;
}

.border-box-top-right {
   background:url(../images/bg-box-tr.png) no-repeat 0 0 transparent;
   height:10px;
   width:10px;
}

.border-box-left {
   background:url(../images/bg-box-left.png) repeat-y 0 0 transparent;
   height:100%;
   width:10px;
}

.border-box-right {
   background:url(../images/bg-box-right.png) repeat-y 0 0 transparent;
   height:100%;
   width:10px;
}

.border-box-bottom-left {
   background:url(../images/bg-box-bl.png) no-repeat 0 0 transparent;
   height:10px;
   width:10px;
}

.border-box-bottom-right {
   background:url(../images/bg-box-br.png) no-repeat 0 0 transparent;
   height:10px;
   width:10px;
}

.border-box-bottom {
   background:url(../images/bg-box-bottom.png) repeat-x 0 0 transparent;
   height:10px;
   width:100%;
   display:block;
}

/*********************** Plain ***********************/
.border-box-plain {
   background:transparent;
   padding:0 !important;
   margin:0 0 13px 0 !important;
}

.border-box-plain table, .border-box-plain td {
   padding:0px !important;
   margin:0px !important;
   border:0px !important;
}

.border-box-plain-content {
   padding:0px !important;
   background:#ffffff;
}

.border-box-plain-top {
   background:url(../images/bg-box-light-plain-top.png) repeat-x 0 0 transparent;
   height:10px;
}

.border-box-plain-top-left {
   background:url(../images/bg-box-plain-tl.png) no-repeat 0 0 transparent;
   height:10px;
   width:10px;
}

.border-box-plain-top-right {
   background:url(../images/bg-box-plain-tr.png) no-repeat 0 0 transparent;
   height:10px;
   width:10px;
}

.border-box-plain-left {
   background:url(../images/bg-box-plain-left.png) repeat-y 0 0 transparent;
   height:100%;
   width:10px;
}

.border-box-plain-right {
   background:url(../images/bg-box-plain-right.png) repeat-y 0 0 transparent;
   height:100%;
   width:10px;
}

.border-box-plain-bottom-left {
   background:url(../images/bg-box-plain-bl.png) no-repeat 0 0 transparent;
   height:10px;
   width:10px;
}

.border-box-plain-bottom-right {
   background:url(../images/bg-box-plain-br.png) no-repeat 0 0 transparent;
   height:10px;
   width:10px;
}

.border-box-plain-bottom {
   background:url(../images/bg-box-plain-bottom.png) repeat-x 0 0 transparent;
   height:10px;
   width:100%;
   display:block;
}

/*********************** Plain ***********************/
.border-box-light {
   background:transparent;
   padding:0 !important;
   margin:0 0 13px 0 !important;
}

.border-box-light table, .border-box-light td {
   padding:0px !important;
   margin:0px !important;
   border:0px !important;
}

.border-box-light-content {
   padding:0px !important;
   background:#ffffff;
}

.border-box-light-top {
   background:url(../images/bg-box-light-top.png) repeat-x 0 0 transparent;
   height:10px;
}

.border-box-light-top-left {
   background:url(../images/bg-box-light-tl.png) no-repeat 0 0 transparent;
   height:10px;
   width:10px;
}

.border-box-light-top-right {
   background:url(../images/bg-box-light-tr.png) no-repeat 0 0 transparent;
   height:10px;
   width:10px;
}

.border-box-light-left {
   background:url(../images/bg-box-light-left.png) repeat-y 0 0 transparent;
   height:100%;
   width:10px;
}

.border-box-light-right {
   background:url(../images/bg-box-light-right.png) repeat-y 0 0 transparent;
   height:100%;
   width:10px;
}

.border-box-light-bottom-left {
   background:url(../images/bg-box-light-bl.png) no-repeat 0 0 transparent;
   height:10px;
   width:10px;
}

.border-box-light-bottom-right {
   background:url(../images/bg-box-light-br.png) no-repeat 0 0 transparent;
   height:10px;
   width:10px;
}

.border-box-light-bottom {
   background:url(../images/bg-box-light-bottom.png) repeat-x 0 0 transparent;
   height:10px;
   width:100%;
   display:block;
}


.border {
   width:auto;
}
#errorArea {
   display:none;
}

#errorArea a:hover {
   color:yellow;
}
.button-outer {
   float:left;
   margin:0 10px 10px 0;
}

.button {
   margin:0;
   padding:0 2px;
   height:24px;
   background:url(../images/bg-button-left.png) no-repeat 0 0;
}

.button a {
   padding:6px 13px;
   background:url(../images/bg-button-tile.png) repeat-x 0 0;
   margin:0;
   height:24px;
   white-space:nowrap;
   font-weight:bold;
   float:left;
   font-size:10px;
}

.button-right {
   float:left;
   height:24px;
   width:2px;
   background:url(../images/bg-button-right.png) no-repeat 0 0;
}
.calendar {
   position: fixed !important;
   z-index:20000005;
   background:transparent;
   padding:2px 2px 0 6px !important;
}

.calendar #calCalcTime, .calendar #calYear {
   font-size:10px;
   text-align: center !important;
   margin:0 0 0 0 !important;
   padding:2px 0 4px 0 !important;
   background-color: #fff;
}

.calendar #calCalcTime:disabled, .calendar #calYear:disabled {
   background-color: #eee !important;
}

.calendar select {
   font-size:10px;
   margin:0 0 0 0 !important;
   padding:2px 2px !important;
}

.dates {
   font-size:10px;
   font-weight:bold;
   margin:0 0 0 0 !important;
   padding:15px 20px 10px 15px !important;
   background:url(../images/bg-calendar-right.png) no-repeat right top transparent;
   text-align:center;
   position:relative;
   min-width:200px;
}

.dates .spacer {
   height:3px;
   background:transparent;
}

.dates td {
   text-align:center;
   padding: 0 0;
}

.days .left {
   background:url(../images/bg-calendar-date-tl.png) no-repeat left top;
}

.days .left span {
   background:url(../images/bg-calendar-date-bl.png) no-repeat left bottom;
}

.days .right {
   background:url(../images/bg-calendar-date-tr.png) no-repeat right top;
}

.days .right span {
   background:url(../images/bg-calendar-date-br.png) no-repeat right bottom;
}

.days #base span {
   color:black !important;
   font-weight:bold;
   cursor:pointer;
   background-color: lightblue;    
   -webkit-box-shadow:inset 0px 0px 0px 3px #00f;
   -moz-box-shadow:inset 0px 0px 0px 3px #00f;
   box-shadow:inset 0px 0px 0px 3px #00f;
}

.days #lead span {
   color:black !important;
   font-weight:bold;
   cursor:pointer;
   background-color: lightgreen;    
   -webkit-box-shadow:inset 0px 0px 0px 3px #080;
   -moz-box-shadow:inset 0px 0px 0px 3px #080;
   box-shadow:inset 0px 0px 0px 3px #080;
}

.days td {
   background-color:white !important;
   padding:0 !important;
}

.dates .days {
}

.dates .days span {
   font-weight:normal;
   padding:3px 6px 3px 6px !important;
}

.dates span {
   padding:3px 6px 3px 6px !important;
   margin:0 !important;
   display:block;
}

.head span {
   color:#eac806;
   padding:6px 6px 7px 6px !important;
}

.days #weekday {
   color:black !important;
}

.days #weekday span {
   cursor:pointer;
}

.days #weekend {
   background-color:#e0e0e0 !important;
}

.days #weekend span {
   color:black !important;
   cursor:pointer;
}

.days #holiday {
   background-color:#eac806 !important;
}

.days #holiday span {
   color:black !important;
   cursor:pointer;
}

.days #today {
   background-color:#ea5522 !important;
}

.days #today span {
   color:white !important;
   font-weight:bold;
   cursor:pointer;
}

.calendar-key {
   padding:5px 0 0 0 !important;
   color:#dcdcdc;
   position:absolute;
   bottom:5px;
}

.calendar-key div {
   display:inline;
   background:url(../images/bg-calendar-icon-today.gif) no-repeat left center transparent;
   padding:0 0 0 8px !important;
   margin:0 10px 0 0 !important;
   font-weight:normal;
}

.calendar-key .key-holidays {
   background:url(../images/bg-calendar-icon-holidays.gif) no-repeat left center transparent;
}

.calendar-key .key-weekend {
   background:url(../images/bg-calendar-icon-weekend.gif) no-repeat left center transparent;
} 

.buttons {
   width:100%;
   height:20px;
   background:transparent;
}

.buttons td {
   width:20%;
   text-align:center;
   background:url(../images/bg-calendar-button.gif) repeat-x left top #b0b0b0;
   padding:0 !important;
   margin:0 !important;
}

.buttons td a {
   height:20px;
   width:100%;
   display:block;
   padding:0 !important;
}

.buttons td.divider {
   width:1px;
   display:block;
}

.buttons td.divider img {
   margin:2px 0 !important;
}

.buttons td.left {
   background:url(../images/bg-calendar-buttons-left.png) no-repeat left top transparent;
}

.buttons td.right {
   background:url(../images/bg-calendar-buttons-right.png) no-repeat right top transparent;
}

.buttons a.lastyear {
   background:url(../images/bg-calendar-lastyear.png) no-repeat center center transparent;
}

.buttons a.lastmonth {
   background:url(../images/bg-calendar-lastmonth.png) no-repeat center center transparent;
}

.buttons a.now {
   background:url(../images/bg-calendar-now.png) no-repeat center center transparent;
}

.buttons a.nextmonth {
   background:url(../images/bg-calendar-nextmonth.png) no-repeat center center transparent;
}

.buttons a.nextyear {
   background:url(../images/bg-calendar-nextyear.png) no-repeat center center transparent;
}

.calendar h1 {
   color:#efefef;
   padding:0 !important;
   margin:0 0 -3px 0 !important;
   font-size:115px;
   line-height:100px;
   font-family:arial;
}

.calendar h2 {
   color:#eac806;
   margin:0 !important;
   font-family:trebuchet;
   font-size:24px;
   margin:0 0 -8px 0 !important;
}

.calendar h4 {
   color:#efefef;
   margin:0 !important;
   text-transform:none;
   font-size:12px;
}

.current-date-div {
   min-height:230px !important;
   padding-left: 15px;
}

.lead-date-row {
   cursor:pointer;
}

.current-date {
   text-align:center;
   white-space:nowrap;
   padding: 20px 15px 5px 5px !important;
   background:url(../images/bg-calendar-left.png) no-repeat left top transparent;
   vertical-align: middle !important;
   cursor:pointer;
}

.current-date-footer {
   height:14px;
   background:url(../images/bg-calendar-bottom-left.png) no-repeat left bottom transparent;
}

.dates-footer {
   height:14px;
   background:url(../images/bg-calendar-bottom-right.png) no-repeat right bottom transparent;
}

.calendar-options .select {
   margin:0 0 9px 0 !important;
   padding:0 !important;
   float:none;
}

.calendar-options td {
   padding:0 !important;
}

.column-divider {
   position:relative;
   width:2px;
   height:200px;
   margin:-15px 0 0 -15px !important;
   float:left;
   background:url(../images/bg-calendar-divider.png) no-repeat left top transparent;
   z-index:1000000;
}

.time {
   margin:28px 0 4px 0px !important;
   width:158px;
   height:auto;
   display: inline-grid;
}

.time-container {
   font-weight:bold;
   display:block;
   background:url(../images/bg-calendar-time.png) no-repeat left top transparent;
}

.the-time {
   width:102px; 
   padding:6px 10px 1px 10px !important;
   text-align:center;
   white-space:normal;
}

.the-comment {
   padding:6px 10px 1px 10px !important;
   text-align:center;
   white-space:normal;
   color:#eac806;
   font-weight:bold;
}

.time-footer {
   width:158px;
   height:4px;
   background:url(../images/bg-calendar-time-bottom.png) no-repeat left bottom transparent;
}

.time-zone {
   float:right;
   padding:4px 5px !important;
}
.chart_mandatory {
   color:red !important;
   font-weight:bold;
}

.chart_mandatory option {
   color:black !important;
}

.chartContainer, .chartContainerDim {
   position:relative;
   z-index:0;
   text-align: center;
   min-width:40px;
   min-height:40px;
}

.chartContainerDim {
   opacity: 0.6;
   /*background-color: #ffffff;*/
}

.chartImage {
   display:block;
   overflow:hidden;
   /*background-color: #ffffff;*/
}

.chartImage dd, .chartImage dt {
   margin:0pt;
   padding:0pt;
   position:absolute;
   z-index:10;
}

.chartImage dt:hover {
   background-color:#F4F4F4;
   border:1px solid #BCBCBC;
   opacity: 0.6;
}

.chartDetail {
   position:absolute;
   right:0px;
   z-index:2;
   cursor: pointer;
}

.chartBusyHide {
   position:absolute;
   top:50%;
   left:50%;
   margin:-10px 0px 0px -10px;
   display:none;
}

.chartBusy {
   position:absolute;
   z-index:4;
}

.chartXLS {
   position:absolute;
   left:0px;
   z-index:2;
   cursor: pointer;
}

.scheduleHeading {
   font-size: medium;
   color:#000000;
   font-weight:bold;
}

.chartHeading {
   font-size: medium;
   color:#D20106;
   font-weight:bold;
}

.chartThumbnailHolder, .chartThumbnailHolderDim {
   padding:0px;
   /*background:#ffffff;*/
   overflow-y:scroll;
   overflow-x:hidden;
   max-height:553;
   display:-moz-box;
}

.chartThumbnailHolderDim {
   opacity: 0.6;
   /*background-color: #ffffff;*/
}

.chartThumbnail {
   margin:3px;
   padding:1px;
   border:double;
}


.document-editor {
   position: relative;
   min-width: 800px;
   max-width: 800px;
   border: none;
   border-radius: var(--ck-border-radius);
   margin-bottom: 5px;
   height: 100px;
   min-height:100px;
   background: none;
   margin-right: 20px;
}

.ck-editor__editable.ck-blurred, .ck-editor__editable.ck-focused {
   resize: none;
   overflow: auto;
   border: 1px solid #ccc;
   background: white;
   height: 100px;
   min-height:100px;
   position: relative;
   z-index: 14;
}

.ck-editor__editable.ck-focused, .ck-editor__editable.height-resized {
   resize: both;
   z-index: 15 !important;
   position: relative;
}

.ck-editor__editable.ck-blurred:hover, .ck-editor__editable.ck-focused:hover{
   resize: both;
   z-index: 16 !important;
   position: relative;
}

.ck-editor__editable.ck-focused {
   height:300px;
}

.ck-editor__editable.ck-read-only {
   background: #ece9d8 !important;
   z-index: 14;
   position: relative;
}

.edit .ck-editor__editable.ck-focused {
   position: fixed;
   width: 800px;   
}
.document-editor.focused .toolbar-container {
   height: 27px;
   top: -27px;
   min-width: 800px;
   max-width: 800px;   
}

.ck.ck-toolbar > .ck-toolbar__items > * {
  margin: 1px !important;
  font-size: 0.8em !important;
}

.ck-heading_heading1 *, .ck-heading_heading1 {
  font-size: 32px !important;
  margin-top: 0em !important;
  margin-bottom: 0.45em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
  padding: 0;
  color: black;
}

.ck-heading_heading2 *, .ck-heading_heading2 {
  font-size: 24px !important;
  margin-top: 0em !important;
  margin-bottom: 0.45em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
  padding: 0;
  color: black;
}

.ck-heading_heading3 *, .ck-heading_heading3 {
  font-size: 18px !important;
  margin-top: 0em !important;
  margin-bottom: 0.45em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
  padding: 0;
  color: black;
}

figure.table table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px double #b3b3b3;
}

figure.table table td, figure.table table th {
    min-width: 2em;
    padding: .4em;
    border-color: #d9d9d9;
    border: 1px solid #d9d9d9;
    background: #ffffff;
}

figure.table table th {
   font-weight: 700;
   background: #fafafa;
}

.ck-content .table {
   margin: 10px 10px 10px 40px !important;
}

blockquote {
   overflow: hidden;
   padding-right: 1.5em;
   padding-left: 1.5em;
   margin-left: 0;
   font-style: italic;
   border-left: 5px solid #ccc;
}

figure.image > figcaption {
    color: #333;
    background-color: #f7f7f7;
    padding: .6em;
    font-size: .75em;
    outline-offset: -1px;
}

figure img {
   display: block;
   margin-left: auto;
   margin-right: auto;
   vertical-align: middle;
}

figure.image {
   margin-left: auto;
   margin-right: auto;
}

figure.image-style-align-right {
   float : right;
   position: relative;
   overflow: hidden;
   clear: both;
   text-align: center;
   transition: outline-color var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
   margin: 5px 5px 5px 5px !important;
   outline: 3px solid #dedede !important;
   max-width: 50%;
}

figure.image-style-align-left {
   float : left;
   position: relative;
   overflow: hidden;
   clear: both;
   text-align: center;
   transition: outline-color var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
   margin: 5px 5px 5px 5px !important;
   outline: 3px solid #dedede !important;
}

.text-tiny *, .text-tiny {
   font-size: 8px !important
}

.text-small *, .text-small {
   font-size: 14px !important
}

.text-big *, .text-big {
   font-size: 32px !important
}

.text-huge *, .text-huge {
   font-size: 45px !important
}

.ckeditor-word-count-controls {
   position: absolute;
   top: 60px;
   left: -65px;
}

.ck .todo-list input[type=checkbox] {
   margin: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
}

.ck li {
   padding-bottom: 8px;
}

dollartag {
   color: red !important;
   padding:1px 2px !important;
   font-weight:bold !important;
}
#clockbar {
   height: 30px;
   width: 325px;
   position: fixed;
   bottom: 0;
   right: 0;
   background-color: transparent;
   transition: 1s;
   overflow-x: hidden;
   white-space: nowrap;
   z-index: 1000;
   display: none;
}

#clockbar:hover  {
   height: calc(100% + 100px);
   background-color: #1115;
}

#clockbar .jcgmt-container .jcgmt-clockHolder {
   display: none !important;
}

#clockbar .jcgmt-container div {
   display: inline-block;
   font-size:10px;
   color: #333333;
   line-height: 22px;
   background: white;
   border: #ccc solid;
   text-align: center;
   margin: 0 auto;
   margin-bottom: 10px;
   padding: 2px !important;
}

#clockbar .jcgmt-container .jcgmt-digital {
   width: 50px !important;  
}

#clockbar .jcgmt-container .jcgmt-date {
   width: 120px !important;  
}

#timezones .jcgmt-container .utc {
   text-align: center !important;
}

.jcgmt-container .jcgmt-lbl {
   text-align: left !important;
}

#clockbar .jcgmt-container .jcgmt-lbl {
   width: 115px !important;
   margin-left: 5px;
   font-weight: bold;
   margin-bottom: 2px !important;
}

#clockbar_timezones .jcgmt-container:first-of-type {
   padding-top: 200px;
}

.flag {
   width: 30px;
   height: 22px;
   background-repeat: no-repeat;
   background-size: contain;
   border: none;
   float: left;
   margin-top: 1px;
   margin-right: 10px;
}

.ushawaii img, .uspacific img {
   background-image: url('../images/flags/4x3/um.svg');
}

.paris img {
   background-image: url('../images/flags/4x3/fr.svg');
}

.sydney img {
   background-image: url('../images/flags/4x3/au.svg');
}

.fiji img {
   background-image: url('../images/flags/4x3/fj.svg');
}

.wallis img {
   background-image: url('../images/flags/4x3/wf.svg');
}

.apia img {
   background-image: url('../images/flags/4x3/ws.svg');
}

.auckland img {
   background-image: url('../images/flags/4x3/nz.svg');
}

.tokelau img {
   background-image: url('../images/flags/4x3/tk.svg');
}

.kiritimati img {
   background-image: url('../images/flags/4x3/ki.svg');
}

.utc img {
   width:0px;
   height: 0px;
   margin-right: 0px;
}

#clockbar .utc img {
   margin-right: 40px;
}

#currenttime {
   position: fixed;
   bottom: 0;
   right: 0;
   transition: 1s;
   margin-right: 15px;
   margin-bottom: 1px !important;
}

#currenttime .jcgmt-container div {
   margin-bottom: 0px !important;
   padding: 0px !important;
}

#clockbar:hover #currenttime {
   display: none;
}

.ui-helper-hidden-accessible {
   display: none;
}
.dashboardGridDrag, .dashboardGridOver, .dashboardGridUsed, .dashboardGrid {
   width:100px;
   height:100px;
   text-align: center;
   font-weight:bold;
   border-style:dashed;
   border-width:1px;  
   font-size:smaller;  
   padding: 15px 10px 10px 10px;
}

.dashboardOptionUsed {
   color:white;
   background:red;
}

.dashboardGrid {
   background:rgba(204,204,204,0.6);
   z-Index:50;
}

.dashboardGridScope {
   position:absolute;
   background:rgba(211,229,205,0.8);
   z-Index:70;
}

.dashboardGridUsed {
   position:absolute;
   background:rgba(180,201,226,0.8);
   font-weight:bold;
   z-Index:100;
}

.dashboardGridOver {
   position:absolute;
   background:rgba(211,229,205,1);
   border-style:solid;
   border-width:1px;  
   border-color:#ccc;  
   z-Index:99;
}

.dashboardGridDrag {
   position:absolute;
   background:rgba(248,220,198,1);
   border-style:solid;
   border-width:1px;  
   border-color:#ccc;  
   z-Index:120;
}
.error, .warning, .progress, .info {
   margin:0 0 13px 0;
   padding:0;
}

.dialog {
   position:relative;
   width:953px;
   background:url(../images/bg-dialog-info.png) no-repeat 0 0 transparent;
   padding:14px 0 0 0;
}

.error .dialog {
   background:url(../images/bg-dialog-error.png) no-repeat 0 0 transparent;
}

.warning .dialog {
   background:url(../images/bg-dialog-warning.png) no-repeat 0 0 transparent;
}

.progress .dialog {
   background:url(../images/bg-dialog-progress.png) no-repeat 0 0 transparent;
}

.dialog-content {
   width:953px;
   background:url(../images/bg-dialog-tile.png) repeat-y 0 0 transparent;
   padding:12px 14px 0 14px; 
   vertical-align:top;
   position:relative;
   min-height:48px;
}

.error .dialog-inner, .warning .dialog-inner, .progress .dialog-inner, .info .dialog-inner {
   max-width:1000px;
   height:60px;
   overflow:auto;
}

.dialog-inner {
   vertical-align:top;
   margin:0 24px 0 70px;
   padding:0 14px 10px 0;
   position:relative;
}

.dialog-footer {
   width:953px;
   height:4px;
   background:url(../images/bg-dialog-bottom.png) no-repeat 0 0 transparent;
}

.dialog-icon {
   position:absolute;
   top:12px;
   left:14px;
}

.dialog-divider {
   position:absolute;
   padding:0;
   top:12px;
   left:67px;
   margin:0;
   z-index:10;
}

.comment-br-resize {
   background:url(../images/bg-form-field-dis-br-resize2.png) no-repeat 0 0 transparent !important;
   width:20px;
   height:20px;
   bottom:0;
   right:0;
   z-index:12;
   position:absolute;	
   margin:0 3px 1px 0;
   cursor:nw-resize !important;
}
.edit {
   position:fixed;
   display:block;
   z-index:100;
   cursor:pointer;
   display:none;
}

.edit table  {
   padding:0px;
   margin:0px;
   border:0px;
   border-collapse:collapse;
}

.edit .table-edit {
   min-width: 500px; 
}

.edit td {
   vertical-align:top;
   padding:0px 0px;
   margin:0;
}

.edit .message  {
   width:614px;
   background:url(../images/bg-edit-top.png) no-repeat 0 0 transparent;
   float:left;
}

.edit .message-content {
   background:url(../images/bg-edit-tile.gif) repeat-y 0 0 transparent;
}

.edit .message-footer {
   margin:0;
   background:url(../images/bg-edit-bottom.png) no-repeat 0 0 transparent;
   height:14px;
   padding:0;
   width:614px;
}

.edit .message-inner {
   padding:20px 25px 0 25px;
}

.edit .message-heading {
   padding-left:40px;
}

.edit .field-tl {
   background-image:url(../images/bg-edit-tl.gif);
}

.edit .field-tr {
   background-image:url(../images/bg-edit-tr.gif);
}

.edit .field-br {
   background-image:url(../images/bg-edit-br.gif);
}

.edit .field-bl {
   background-image:url(../images/bg-edit-bl.gif);
}

.table-edit-pin {
   float:right;
   padding:5 10 0 0;
}

.table-edit {
   background:transparent;
   padding:0;
   margin:0 0 5px 0;
   z-index:101;
}

.table-edit-content {
   padding:3px;
   background:#e3e3e3;
   max-height:650px;
   max-width:1200px;
   overflow: auto;
}

.table-edit-top {
   background:url(../images/bg-tableedit-top.png) repeat-x 0 0 transparent;
   height:40px;
}

.table-edit-top h4 {
   font-weight:bold;
   color:#ffffff;
   margin:8px 0 0 3px;
   padding:0;
   vertical-align:middle;
}

.table-edit-top-left {
   background:url(../images/bg-tableedit-tl.png) no-repeat 0 0 transparent;
   height:40px;
   width:36px;
   min-width:36px;
}

.table-edit-top-right {
   background:url(../images/bg-tableedit-tr.png) no-repeat 0 0 transparent;
   height:40px;
   width:36px;
   min-width:36px;
}

.table-edit-left {
   background:url(../images/bg-tableedit-left.png) repeat-y 0 0 transparent;
   height:100%;
   width:36px;
}

.table-edit-right {
   background:url(../images/bg-tableedit-right.png) repeat-y 0 0 transparent;
   height:100%;
   width:36px;
}

.table-edit-bottom-left {
   background:url(../images/bg-tableedit-bl.png) no-repeat 0 0 transparent;
   height:13px;
   width:36px;
}

.table-edit-bottom-right {
   background:url(../images/bg-tableedit-br.png) no-repeat 0 0 transparent;
   height:13px;
   width:36px;
}

.table-edit-bottom {
   background:url(../images/bg-tableedit-bottom.png) repeat-x 0 0 transparent;
   height:13px;
   width:100%;
   display:block;
}

.table-edit .defaultValueTD {
   padding: 2px;
}
.enhanced-select {
   position: relative;
   display: inline-block;
   top: -3px;
}

.enhanced-select input {
   box-sizing: border-box;
   padding: 4px 40px 4px 12px;
}

.enhanced-select .container {
   display: flex;
   flex-direction: column;
   position: absolute; 
   z-index: 90;
}

.edit .enhanced-select .container {
   position: fixed !important;
}

.enhanced-select .container:focus {
   outline: none;
}

.enhanced-select .dropdown-icon {
   position: absolute;
   right: 4px;
   top: 45%;
   transform: translateY(-50%);
   pointer-events: none;
   font-size: 18px;
   color: #777;
}

.enhanced-select .options {
   background: white;
   border: 1px solid #8d8d8d;
   max-height: 200px;
   overflow-y: auto;
   padding-top: 2px;
   margin-top: 5px;  
   margin-bottom: 5px;
   min-height: 20px;
   display: block;
   order: 1;
}

.enhanced-select .options span {
   display: block;
   padding: 6px 8px;
   cursor: pointer;
   pointer-events: auto !important;
}

.enhanced-select .options div.optgroup {
   display: block;
   padding: 6px 8px;
   pointer-events: none !important;
   user-select: none;
   font-weight: bold;
   background: #999;
   color: white;
}

.enhanced-select .filter-display {
   width: 95%;
   text-align: left;
   color: white;
   background: rgba(50, 50, 50, 0.7);
   border-radius: 6px;
   padding: 8px;
   font-style: italic;
   font-size: 12px;
   font-weight: bold;
   pointer-events: none;
   user-select: none;
   display: none;
   order: 2;
}


.enhanced-select .options span.selected, .enhanced-multiselect select .selected {
    background-color: #cce5ff;
    font-weight: bold;
}   

.enhanced-select .options span:hover {
   background-color: #eee;
}

.enhanced-select .options span.selected_hover {
   background-color: #cee !important;;
}

.enhanced-multiselect {
   position: relative;
   display: inline-block;
   padding-bottom: 18px;
   box-sizing: border-box;
   min-width: 220px;
   margin: 0px 5px;
}

.enhanced-multiselect select {
   width: 100%;
   box-sizing: border-box;
   display: block;
}

.enhanced-multiselect .filter-display {
   position: absolute;
   left: 0;
   bottom: -15;
   width: 95%;
   text-align: left;
   color: white;
   background: rgba(50, 50, 50, 0.7);
   border-radius: 6px;
   padding: 8px;
   font-style: italic;
   font-size: 12px;
   font-weight: bold;
   pointer-events: none;
   user-select: none;
   display: none;
   z-index: 91;
}

.enhanced-select .clear-button, .enhanced-multiselect .clear-button {
   cursor: pointer;
   position: absolute;
   font-size: 14px;
   color: #777;
   user-select: none;
   border-radius: 4px;
   padding: 0 4px;
   background-color: #fff;
   display: none;
}

.enhanced-select .clear-button {
   top: 45%;
   right: 18px;
   transform: translateY(-50%);
}

input[readonly] + .clear-button  {
  display: none !important;
  pointer-events: none;
}

input:hover + .clear-button, .clear-button:hover  {
  display: block;
}

input:focus + .clear-button  {
  display: block;
}

.enhanced-multiselect .clear-button {
   top: 0px;
   right: 15px;
   display: none;
   z-index: 91;
}

.enhanced-multiselect:hover .clear-button {
   display: block;
}

.enhanced-select .clear-button:hover, .enhanced-multiselect .clear-button:hover {
   color: #000;
   background-color: #eee;
}     


.enhanced-select .options:hover + .filter-display, .enhanced-multiselect:hover .filter-display {
  display: block !important;
}


.filter_dialog {
   position:fixed;
   display:none;
   z-index:1002;
   display:none;   
   border: 1px solid black;
   margin-top:-1px;
   margin-left:-3px;
   background-color:#EEEEEE;
   padding-left:12px;
   padding-top:12px;
   height:100px;    
}

.filter_header_active {
   background:url("../images/filter_button_down_arrow_select.png");
   border:1px #7A8A99 solid;
   width: 16px;
   height: 16px;
   margin: 1px 1px 1px 1px;
   float: right;
}

.filter_header_active_on {
   background:url("../images/filter_on.png");
}


.filter_header_text_on {
    background: #B8CFE5;
    color:blue;
    font-weight:bold;
}

.filter_dialog_border {
   border:1px #B8CFE5 solid;
}

.filter_dialog_header_left {
   width:20px;
   float:left;
}

.filter_dialog_header_text {
   border:none;
   float:left;
   margin-top:-7px;
   padding-left:3px;
   padding-right:3px;
   white-space: nowrap;
}

.filter_dialog_header_right {
   float:right;
   width:195px;
   margin-right:12px;
}

.filter_dialog_header_middle_left_side {
   clear:both;
   float:left;
   margin-top:-7px;
   width:1px;
   height:50px;
} 

.filter_dialog_header_middle {
   float:left;
   margin-left:6px;
   margin-top:8px;
}

.filter_dialog_header_middle_right_side {
   float:right;
   margin-top:-7px;
   margin-right:12px;
   width:1px;
   height:50px;
}

.filter_dialog_header_bottom {
   clear:both;
   width:auto;
   margin-right:12px;
}

.filter_dialog_criteria {
   float:left;
}

.filter_dialog_criteria_input {
   width:240px; 
}

.filter_dialog_criteria_input_field {
   margin-left:12px;
   width:inherit;
}

.filter_dialog_buttons_panel {
   float:right;
   margin-top:12px;
   margin-right:24px;   
}

.filter_dialog_button {
   float:left;
   margin-left: 12px;
}

.filter_dialog_button_text {
   font-size: 12px;
   background: #D6E3F0;
}
.blockfooter {
   text-align:center;
   font-weight:bold;
   color:#ffffff;
   font-size:11px;
}

.footer {
   background:url(../images/bg-footer-top.gif) repeat-x #b3b3b3;
   color:#ffffff;
   overflow:hidden;
   position:fixed;
   bottom:0;
   left:0;
   display:block;
   width:100%;
   margin:0;
   padding:0;
   z-index:10000000;
}

.footer-text {
   font-weight:bold;
   display:block;
   padding: 2px;
   white-space:nowrap;
   height:32px;
   margin:0;
   background:url(../images/bg-footer-bottom.gif) repeat-x left bottom transparent;
   border:1px solid #868686;
}

.footer-left {
   float:left;
   position:absolute;
   background:url(../images/bg-footer-left.png) repeat-y 0 0 transparent;
   height:40px;
   z-index:100;
   width:5px;
   top:0;
   left:0;
}

.footer-right {
   float:right;
   position:absolute; 
   height:40px;
   z-index:100;
   width:5px;
   top:0;
   right:0;
   background:url(../images/bg-footer-right.png) repeat-y right top transparent;
}
* {
   font-size:11px;
   font-family:verdana,arial,sans-serif;
}

form {
   margin-top: 100px; 
   padding-top: 9px; 
   padding-bottom: 3px;
   margin-bottom: 30px;
}

img {
   cursor:pointer;
}

a {
   color:blue;
   text-decoration:none;
   cursor:pointer;
}


error, a:hover {
   color:red;
}

.ui-tooltip {
   font-size: 10px !important;
   z-index: 9999999999999999999999 !important;
   white-space: pre-line;
}

.href {
   color:rgb(12, 22, 255);
   font-weight:bold;
   text-decoration:none;
   cursor:pointer;
   word-wrap: anywhere;
}

.href:hover, span.href:hover {
   color:red;
}

.href:link {
}

.href:active {
}

.href:visited {
}

section {
   display:block;
}

section.outer {
   background: #6d6e71;
   margin: 0px 0px 8px 0px;
   padding: 5px;
   border-radius: 10px;
}


section.inner {
   background: #efefef;
   margin: 2px 0px;
   padding: 5px;
   border-radius: 10px;
}

.table-div {
   background:#CFCFCF;
   margin-top:5px;
   padding:3px 3px;
   border-radius: 10px
}

label {
   vertical-align:top;
   display:inline;
   margin:0 6px 2px 0;
   padding:0;
   text-align:right;
}

label a {
   color:black;
   cursor:default;
}

label a:hover {
   color:black;
}

.label_mandatory a, .label_mandatory_with_tooltip a {
   color:red !important;
   font-weight:bold;
}

.label_tooltip a, .label_mandatory_with_tooltip a {
   border-bottom:1px dotted #0000FF;
   cursor:help;
}

input[type=text], input[type=number], input[type=email], input[type=url], input[type=password] {
   background:white;
   vertical-align:top;
   border:0;
   z-index:11;
   padding: 2px 10px 4px 10px;
}

input[type=button], input[type=submit], input[type=reset] {
   vertical-align:top;
   padding:4px 13px;
   background:url(../images/bg-button-tile.png) repeat-x 0 0;
   margin:0;
   height:24px;
   white-space:nowrap;
   font-weight:bold;
   color:blue;
}

input[type=button]:hover {
   background: url(../images/bg-button-tile-hover.png) repeat-x 0 0;
}


input:readonly, input:disabled {
   color:rgb(80, 80, 80);
}

/*
input[type=image]:disabled {
   opacity:0.3;
   -moz-opacity:0.3;
}
*/

.multiselect {
   white-space:normal !important;
}

select {
   vertical-align:top;
   margin:0;
   padding:2px 2px 4px 2px;
   border-style: solid;
   border-color: #cccccc;
   background:white;
   position:relative;
   top:-2px;
   z-index:11;
   max-width: 600px !important;
}

select:readonly, select:disabled {
   color:rgb(80, 80, 80);
}

textarea {
   vertical-align:top;
   margin:0;
   border:0;
   padding:6px 7px 4px 8px;
   background:white;
   position:relative;
   z-index:11;
   resize:none !important;
}

textarea:readonly, textarea:disabled {
   color:rgb(80, 80, 80);
}

.field-container {
   position:relative;	
   margin:0px 0px 3px 0px;
   float:left;
   text-align:left;
}

input[type=image] {
   border: none !important;
   border-radius: 0px !important;
}

input, textarea {
   border:1px solid #8d8d8d !important;
}

input {
   border-radius: 20px;
}

@media screen {
   input + .field-resize {
      right:-3px !important;
   }

   .field-resize {
      background:url(../images/input-resize.png) no-repeat 0 0 transparent !important;
      width:15px;
      height:15px;
      bottom:2px;
      right:0px;
      position:absolute;	
      cursor:w-resize !important;
   }

   .select-resize {
      background:url(../images/bg-form-field-dis-br-resize.png) no-repeat 0 0 transparent !important;
      width:15px;
      height:15px;
      bottom:15px;
      right:0;
      z-index:12;
      position:absolute;	
      margin: 0px;
      cursor:nw-resize !important;
   }
}

.select-container {
   position:relative;	
   margin:0px 0px 3px 0px;
   float:left;
   text-align:left;
}

select[style~="none;"] ~ div.select-resize {
   display:none;
   width:0px;
   height:0px;
}

textarea[readOnly], input[readOnly] {
   color:rgb(80,80,80);
}

.iframe_readonly ~ div.field-tl, textarea[readOnly] ~ div.field-tl, input[readOnly] ~ div.field-tl {
   background:url(../images/bg-form-field-dis-tl2.png) no-repeat 0 0 transparent;
}

input[readOnly] ~ div.field-tl {
   background:url(../images/bg-form-field-dis-tl2.png) no-repeat 0 0 transparent;
}

.iframe_readonly ~ div.field-tr, textarea[readOnly] ~ div.field-tr, input[readOnly] ~ div.field-tr {
   background:url(../images/bg-form-field-dis-tr2.png) no-repeat 0 0 transparent;
}

.iframe_readonly ~ div.field-bl, textarea[readOnly] ~ div.field-bl, input[readOnly] ~ div.field-bl {
   background:url(../images/bg-form-field-dis-bl2.png) no-repeat 0 0 transparent;
}

input[readOnly] ~ div.field-br {
   background:url(../images/bg-form-field-dis-br2.png) no-repeat 0 0 transparent;
}

input[style~="none;"] ~ div.field-tl,    input[style~="none;"] ~ div.field-tr, 
input[style~="none;"] ~ div.field-bl,    input[style~="none;"] ~ div.field-br,
textarea[style~="none;"] ~ div.field-tl, textarea[style~="none;"] ~ div.field-tr, 
textarea[style~="none;"] ~ div.field-bl, textarea[style~="none;"] ~ div.field-resize {
   display:none;
   width:0px;
   height:0px;
}

@media screen {
input[style~="none;"] ~ div.field-resize {
   display:none;
   width:0px;
   height:0px;
}

iframe ~ div.field-br, 
textarea ~ div.field-resize, textarea[readOnly] ~ div.field-br {
   background:url(../images/bg-form-field-dis-br-resize.png) no-repeat 0 0 transparent !important;
   width:10px;
   height:10px;
   cursor:nw-resize !important;
   z-index:11 !important;
}
}

@media print {
iframe ~ div.field-br, 
textarea ~ div.field-resize, textarea[readOnly] ~ div.field-br {
   background:url(../images/bg-form-field-dis-br2.png) no-repeat #efefef;
   width:10px;
   height:10px;
}
}

div.radio {
   float:left;
   margin:3px 20px 7px 0;
}

img.radio {
   float:left;
   margin:0 2px 2px 0;
}

.checkbox {
   vertical-align:top;
   float:left;
   margin:0 4px 2px 0;
}

.bold {
   font-weight:bold;
}

.clear {
   clear:both;
   padding:0;
   margin:0;
}

.dim {
   position:fixed;
   left:0;
   top:0;
   opacity:0.6;
   background-color:black;
   z-index:100;
   width:100%;
   height:100%;
}

.defaultTitle {
   text-align:left;
   color:rgb(176, 25, 6);
   text-decoration:none;
   font-weight:bold;
   font-size:110%;
}

.defaultSubTitle {
   color:green;
   font-weight:bold;
   font-size:110%;
}

.readonly {
   color:black;
   background-color:rgb(221, 221, 221);
}

.iframe_readonly {
   background-color:rgb(240,240,240) !important;
}

.watermark {
   position: fixed;
   bottom: 50px;
   right: 25px;
   font-size: 18px;
   font-weight: bold;
   color: red;
   z-index:1000000;
}

.watermark countdown {
   font-size: 16px;
   font-weight: bold;
   color: red;
}

.watermark countdown * {
   font: 16px 'Open Sans Condensed',sans-serif;
}

/**************************** Boss Browser *************************************/
html button[disabled]:active,
html button[readonly]:active,
html button[disabled],
html button[readonly],
html input[type="reset"][disabled]:active,
html input[type="reset"][readonly]:active,
html input[type="reset"][disabled],
html input[type="reset"][readonly],
html input[type="button"][disabled]:active,
html input[type="button"][readonly]:active,
html input[type="button"][disabled],
html input[type="button"][readonly],
html select[disabled] > input[type="button"],
html select[readonly] > input[type="button"],
html select[disabled] > input[type="button"]:active,
html select[readonly] > input[type="button"]:active,
html input[type="submit"][disabled]:active,
html input[type="submit"][readonly]:active,
html input[type="submit"][disabled],
html input[type="submit"][readonly] {
  -moz-user-focus: ignore;
  -moz-user-select: text;
   padding: 1px 8px 1px 8px;
   border: 1px solid #cccccc;
   color: GrayText;
   cursor: inherit; 
}

html select[size][readonly], 
html select[multiple][readonly], 
html select[size][multiple][readonly], 
html input[readonly], 
html textarea[readonly], 
html select[readonly] {
  -moz-user-focus: ignore;
  -moz-user-select: text;
   background-color: #ece9d8 !important;
}

html select[size][disabled], 
html select[size][readonly], 
html select[multiple][disabled], 
html select[multiple][readonly], 
html select[size][multiple][disabled], 
html select[size][multiple][readonly], 
html input[disabled], 
html input[readonly], 
html textarea[disabled], 
html textarea[readonly],
html select[disabled],
html select[readonly] {
  -moz-user-focus: ignore;
  -moz-user-select: text;
   background-color: #ece9d8 !important;
}



input[type=number] {-moz-appearance: textfield;}

.clipboard {
	background: transparent;
	width: 0px;
	height: 0px;
}

.quicksearch {
    width: 110px;
    box-sizing: border-box;
    border-radius: 18px;
    background-color: rgba(255,255,255,0.7) !important;
    background-image: url(../images/bee-quicksearch.png) !important;
    background-position: 3px 2px  !important; 
    background-repeat: no-repeat  !important;
    background-size: 30px !important;
    padding: 8px 15px 10px 36px !important;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out  !important;
    border:2px solid #F6B815 !important;
    position: relative;
    top: -3px;
}

.quicksearch:focus {
    width: 300px;
    padding: 12px 15px 12px 45px;
}

.word-count-controls {
   display: flex;
   flex-direction: row;
   align-items: center;   
}

.text-word-count-controls {
   position: absolute;
   top: 18px;
   left: -65px;
}

.word-count-chart {
   margin-right: 1em;
}

.word-count-circle {
   transform: rotate(-90deg);
   transform-origin: center;   
}

.word-count-chars {
   font-size: 13px;
   font-weight: bold;   
}

.word-count-close .word-count-circle {
   stroke: hsl( 30, 100%, 52% );
}

.word-count-close .word-count-chars {
   fill: hsl( 30, 100%, 52% );
}

.word-count-exceeded .word-count-circle {
   stroke: hsl( 0, 100%, 52% );
}

.word-count-exceeded .word-count-chars {
   fill: hsl( 0, 100%, 52% );
}

@keyframes blink-animation {
   to {
      visibility: hidden;
   }
}

@-webkit-keyframes blink-animation {
   to {
      visibility: hidden;
   }
}

h2 {
   margin:0;
   color:#ffffff;
   padding:6px 6px 6px 15px;
}

h4 {
   margin:0 0 1em 0;
}

h2.viewheading {
   background:url(../images/icon-folder-open.png) no-repeat 4px 5px transparent;
   padding:6px 6px 6px 23px;
}

thead {
   border-right:1px solid #474747;
}

th {
   background:url(../images/bg-tablehead.gif) repeat-x left top #565656;
   border:solid #474747;
   border-width:1px 0 1px 1px;
   margin:0;
   padding:0;
}

th a {
   color:#ffffff;
   width:auto;
   display:block;
   padding:6px 10px 6px 6px;
}

h3 {
   margin:0;
   padding:4px 0px 2px 24px;
   color:#ffffff;
   text-transform:none;
   position:relative;
   z-index:10;
}

h3 a {
   color:#ffffff;
}
.top-icons {
   padding:0 0 2px;
   margin:0;
}

.top-icons a {
   display:inline;
   padding:0;
   margin:0 1px 0 0;
}

.top-icons img {
   padding:0;
   margin:0;
}
.index-list li {
   font-size:11px;
   padding-bottom:.5em;
}

.index-list li a:visited {
   color:#000;
}

.spacer {
   width:2px;
}

.list {
   width:30%;
   padding:0 3px 0 0;
}

.view {
   width:70%;
}

.folder-list {
   margin:0;
   padding:0;
   width:100%;
}

tbody.scroller {
   height:330px;
   overflow:scroll;
   border-bottom:1px solid #555555;
   background:#f0f0f0;
   margin:0;
}

.folder-list td {
   background:#f0f0f0;
}

.folder-list .row td {
   background:#e6e6e6;
}

.folder-list td a {
   display:block;
   background:url(../images/icon-arrow-folder.png) no-repeat 8px 5px transparent;
   padding:7px 5px 6px 46px;
}

.folder-list td td a {
   background:url(../images/icon-arrow-folder.png) no-repeat 32px 5px transparent;
   padding:7px 5px 6px 70px;
}

.folder-list td td td a {
   background:url(../images/icon-arrow-folder.png) no-repeat 56px 5px transparent;
   padding:7px 5px 6px 94px;
}

.folder-list td a.down {
   background-image:url(../images/icon-arrow-folder-down.png);
}

.folder-list td a.excel {
   background:url(../images/icon-msexcel.png) no-repeat 6px 5px transparent;
   padding:7px 5px 6px 28px;
}

.folder-list td a.pdf {
   background:url(../images/icon-pdf.png) no-repeat 6px 5px transparent;
   padding:7px 5px 6px 28px;
}

.folder-list td a.word {
   background:url(../images/icon-msword.png) no-repeat 6px 5px transparent;
   padding:7px 5px 6px 28px;
}

.list .folder-list td a:hover {
   background-color:#f8df78;
}

.note-table {
   padding:0;
}

.note-table td {
   border-left:1px solid #6d6e71;
}

.note-table tr {
}

.note-table td a {
   display:block;
   background:0;
   padding:7px 5px 6px 6px;
}

.note-table td.number {
   border:0;
}

.note-table td.number a {
   padding:7px 5px 6px 0;
}

.note-table td a:hover {
   /* background-color:#f8df78; */
}

th.icon {
   width:19px;
}

td.notepad {
   width:20px;
   border:0;
}

th.icon a {
   background:url(../images/icon-cog.png) no-repeat 4px 8px transparent;
   width:19px;
   display:block;
   padding:6px 0 6px 0;
   margin:0;
}

td.icon a.notepad {
   background:url(../images/icon-notepad.png) no-repeat 3px 6px transparent;
   width:20px;
   display:block;
   padding:6px 0 6px 0;
   margin:0;
}

th a.folder {
   background:url(../images/icon-folder-open.png) no-repeat 5px 5px transparent;
   padding:6px 6px 6px 24px;
}

a.one {
   background:url(../images/icon-1.png) no-repeat right center transparent;
}

a.one-up {
   background:url(../images/icon-1-up.png) no-repeat right center transparent;
}

a.two {
   background:url(../images/icon-2.png) no-repeat right center transparent;
}

a.two-up {
   background:url(../images/icon-2-up.png) no-repeat right center transparent;
}

a.three {
   background:url(../images/icon-3.png) no-repeat right center transparent;
}

a.three-up {
   background:url(../images/icon-3-up.png) no-repeat right center transparent;
}

.plus {
   padding:0 15px 0 0;
   background:url(../images/icon-plus.png) no-repeat right center transparent;
}
.nolock {
   display: none;
}

.lock, .unlock {
   float:left;
   position:relative;
   height:20px;
   margin:4px 0 0 20px;
   padding:0 0 0 26px;
   background:url(../images/bg-lock-left.png) no-repeat 0 0;
   color:#ffffff;
   font-weight:bold;
   z-index:9;
   cursor:pointer;
}

.lock-tile {
   white-space:nowrap;
   padding:3px 4px;
   height:20px;
   float:left;
   background:url(../images/bg-lock-tile.png) repeat-x 0 0;
}

.lock-title-right {
   float:left;
   width:10px;
   height:20px;
   background:url(../images/bg-lock-right.png) no-repeat 0 0;
}

.lock-time, .lock-time-warning {
   float:left;
   visibility:hidden;
   height:20px;
   margin:0;
   color:#0077c1;
   padding:3px 9px 3px 5px;
   background:url(../images/bg-unlock-time.png) no-repeat right 0;
}

.lock-time-warning {
   color: red;
   text-decoration: blink;
}

.unlock {
   background:url(../images/bg-unlock-left.png) no-repeat 0 0;
}

.unlock .lock-tile {
   background:url(../images/bg-unlock-tile.png) repeat-x 0 0;
}

.unlock .lock-title-right {
   background:url(../images/bg-unlock-right.png) no-repeat 0 0;
}

.unlock .lock-time, .unlock .lock-time-warning {
   visibility:visible;
}

.lock-right {
   float:right;
   margin-right:160px;
}
.login {
   position:absolute;
   left:50%;
   background:yellow;
   width:620px;
   min-height:0;
   padding:0;
   margin:80px 0 0 -281px;
   background:url(../images/bg-login.gif) repeat-x 0 0 #fcd700;
   color:#fff;
   border-radius: 20px;
}

.big-bee {
   position:absolute;
   z-index:100;
   margin:-27px 0 20px -70px;
}

.bossportal {
   position:absolute;
   z-index:10;
   top:-106px;
   left:10px;
}

.bosssystem {
   position:absolute;
   z-index:10;
   bottom:-20px;
   left:5px;
   font-weight:bold;
   font-style:italic; 
   font-size:13px;
   color:black;
}

.login-form {
   float:right;
   position:relative;
   z-index:1;
   margin:19px;
   text-align:right;
}

.login .field-container {
   position:relative;
   z-index:1;
   float:right;
   clear:right;
}

.login h1 {
   margin:0 0 5px 0;
}

.login p {
   font-weight:bold;
}

.login .button-outer {
   float:right;
   clear:right;
   margin:10px 0 0 0;
}

#bossid .field-tl,#bossid .field-tr {
   background-color:#F7BF06;
}

#bossid .field-bl,#bossid .field-br {
   background-color:#F8C205;
}

#password .field-tl,#password .field-tr {
   background-color:#F8C504;
}

#password .field-bl,#password .field-br {
   background-color:#F9C803;
}
.message  {
   position:fixed;
   width:388px;
   height:auto;
   z-index:20000001;
   background:url(../images/bg-message-top.png) no-repeat 0 0 transparent;
   color:white;
   display:none;
   margin:0pt 0pt 0px 0px;
   cursor:pointer;
   font-weight:bold;
}

.message-heading {
   height:37px;
   padding:0 0 0 14px;
   display:block;
   margin:0;
   vertical-align:middle;
}

.message-heading h4 {
   position:relative;
   color:white;
   top:30%;
   margin:0;
   padding:0;
   vertical-align:middle;
   width:260px;
}

.message-inner h4 {
   margin:0;
}

.message-content {
   margin:0;
   background:url(../images/bg-message-tile.gif) repeat-y 0 0 transparent;
   height:auto;
}

.message-inner {
   padding:7px 12px 9px;
   color:#565656;
   text-align:center;
}

.message-close {
   position:absolute;
   right:2px;
   top:2px;
   width:32px;
   height:32px;
}

.bee-animation {
   width:370px;
   overflow:hidden;
}

.message-footer {
   margin:0;
   background:url(../images/bg-message-bottom.png) no-repeat 0 0 transparent;
   height:14px;
   padding:0;
   width:388px;
}

.message-bee {
   padding:10px 0 10px 4px;
}

.message-box-animation {
   background:url(../images/bg-box-animation.gif) no-repeat 50% 50% transparent;
}

.message-box-footer {
   width:342px;
   background:url(../images/bg-box-bottom.png) repeat-x 0 0 transparent;
   height:10px;
}
.meter-container {
   position:fixed;
   top:15px;
   right:150px;
   margin:20px 10px 0 10px;
   padding:0;
   float:right;
   clear:both;
   z-index:10000000;
}

#title-meter {
   margin:3px 140px 0 0;
   padding:0;
   float:right;
}

.meters {
   background:url(../images/bg-progress-left.png) no-repeat 0 0 transparent;
   padding:0 0 0 12px;
   height:95px;
   position:relative;
}

.meter-block {
   background:url(../images/bg-progress-tile.png) repeat-x 0 0 transparent;
   padding:8px 10px 0 5px;
   margin:0;
   float:left;
   white-space:nowrap;
   height:95px;
}

.meter-block table {
   padding:0 10px 0 0;
   background:url(../images/bg-progress-divider.png) no-repeat right 3px transparent;
}

.meter-block span {
   white-space:nowrap;
   color:#ffffff;
   font-size:10px;
   padding:0;
}

.meter-time {
   position:absolute; 
   font-size:8px;
   right:10px;
}
.nav {
   z-index:100;
   position:relative;
   padding:0;
   margin:0;
}

#nav {
   width:100%;
   padding:0;
   margin:0;
   z-index:100;
   top:0;
}

#nav ul {
   list-style:none;
   margin:0;
   padding:0;
   float:left;
   white-space:nowrap;
   font-weight:bold;
   z-index:10;
   min-height:17px;
}

#nav li {
   padding:0 0 7px 0;
   min-height:17px;
}

#nav a, #nav h2 {
   font:bold arial, sans-serif;
   display:block;
   margin:0;
   padding:2px 15px;
   background:url(../images/bg-nav-bar-anchor-top.png) repeat-x left top transparent;
   cursor:pointer;
}

#nav h2 {
   color:#fff;
   border-right:1px solid #000;
}

#nav h2:hover {
   background:#2e2c2d;
}

#nav a {
   color:#fff;
   background:transparent;
   text-decoration: none;
}

#nav a:hover {
   background:#2e2c2d;
}

#nav a:hover ul {
   position:relative;
   z-index:10;
}

#nav a.sub {
   background:url(../images/bg-nav-arrow.gif) no-repeat right center #2e2c2d;
}

#nav ul ul {
   position:absolute;
   z-index:1000 !important;
   border:solid #fff;
   border-width:0 1px 1px 1px;
   padding:8px 0;
   margin:0 0 0 -1px;
   background:url(../images/bg-nav-dropdown.gif) repeat-x #2e2c2d;
}

#nav ul ul a {
   padding:2px 25px 2px 15px;
   background:transparent;
}

#nav li li,#nav li li li {
   background:transparent;
   position:relative;
   padding:0;
}

#nav ul ul ul {
   top:0;
   left:100%;
   border:1px solid #fff;
   margin:0;
}

div#nav ul ul,
div#nav ul li:hover ul ul,
div#nav ul ul li:hover ul ul
{display: none;}

/* div#nav ul li:hover ul, */
div#nav ul ul li:hover ul,
div#nav ul ul ul li:hover ul
{display: block;}


#nav a:hover {
   color:#231f20;
   background:url(../images/bg-nav-arrow2.gif) no-repeat left center transparent;
}

#nav .navItemActive {
   color:#231f20;
   background:url(../images/bg-nav-arrow2.gif) no-repeat left center transparent;
}

#nav a.sub:hover {
   background:url(../images/bg-nav-arrow2.gif) no-repeat right center transparent;
}

#nav .navItemSubActive {
   background:url(../images/bg-nav-arrow2.gif) no-repeat right center transparent;
}

#nav .user {
   padding-left:10px;
}

#nav .user h2 {
   color:#fff;
   border-right:none;
}

#nav .bgbar {
   float:none;
}

#nav .bgbar h2  {
   display:block;
   padding:2px 15px;
   font:bold 11px/16px arial, sans-serif;
   float:none;
   border:none;
   background:transparent url(../images/bg-nav-bar-anchor-top.png) repeat-x scroll left top;		
}

#nav .user h2:hover {
   background:transparent url(../images/bg-nav-bar-anchor-top.png) repeat-x scroll left top;		
}


.top-left {
   width:12px;
   height:10px;
   position:absolute;
   background:url(../images/bg-nav-bar-top-left.png) no-repeat left top transparent;
   top:0;
   left:0;
}

.left li h2:hover .top-left {
   background:url(../images/bg-nav-bar-top-left-hover.png) no-repeat left top transparent;
}

.bottom-left {
   width:12px;
   height:10px;
   background:url(../images/bg-nav-bar-bottom-left.png) no-repeat right bottom transparent;
   position:absolute;
   bottom:1;
   left:0;
}

.left li h2:hover .bottom-left {
   background:url(../images/bg-nav-bar-bottom-left-hover.png) no-repeat left bottom transparent;
}

.bottom-right {
   width:12px;
   height:100%;
   background:url(../images/bg-nav-bar-bottom-right.png) no-repeat right bottom transparent;
   position:absolute;
   bottom:0;
   right:0;
}

.user-icon {
   display:block;
   background:url(../images/icon-user.png) no-repeat left center transparent;
   padding-left:15px;
   margin-bottom:1px;
}

#nav .bgbar li {
   background:url(../images/bg-nav-bar-bottom.png) repeat-x left bottom transparent;
}

#nav .left h2 {
   cursor:pointer; 
}

#nav .left h2:hover {
   background:#2e2c2d;
}

#nav .left ul {
   margin:0 0 0 5px;
}

#nav .left ul ul {
   margin:0;
}

.nav-bar-right {
   width:15px;
   padding:0;
   background:url(../images/bg-nav-bar-bottom-right.png) no-repeat right bottom transparent;
}

.navhead {
   position:relative;
   z-index:1;
   color:#fff;
   padding:0 0 8px 20px;
   margin:0;
   float:left;
}

.navhead h2 {
   margin:0;
   padding:0;
   font:bold 20px arial;
}

.navhead h3, .partialsearch {
   margin:0;
   padding:0;
   text-transform:none;
   font:bold 17px arial;
   color: white;
   padding: 5 0 0 0;
}

.partialsearch {
   color: red !important;
}

.navbg_alert, .navbg {
   z-index:90;
   background:url(../images/nav.gif) repeat-x 0 0 #fad806;
   margin:0;
   padding:0;
   border-radius: 10px;
}

.navbg_alert {
   background:url(../images/nav_alert.gif) repeat-x 0 0 #fad806 !important;
}

.nav-position {
   position:fixed;
   top:0;
   left:0;
   width:100%;
   padding:0 0 7px 0;
   margin:0;
   background:url(../images/bg-header-bottom.png) repeat-x left bottom transparent;
   z-index: 100;
}

.nav-position-inner {
   background:#ffffff;
   padding:7px 10px 0 10px;
   margin:0;
}

.quit a {
   color: yellow !important;
   display: inline !important;
   background:none !important;
   font-weight:bold !important;
   font-size:100% !important;
   font-family: Verdana, Arial, Helvetica, sans-serif !important;
}

.quit a:hover {
   color: red !important;
   background:none !important;
}

.navAccessKey {
   color:yellow;
   text-decoration:underline;
   border:0;
   padding:0 0 0 0px;
   margin:0 0 0 0px;
   display: inline;
}

.navRemoveImage {
   position:relative; 
   top: 3px;   
}
.note {
   width:228px;
   height:285px;
   position:relative;
   z-index:1000;
   padding:0;
   float:left;
   margin:0;
   background:url(../images/bg-note-big.png) no-repeat 0 0 transparent;
}

.note-content {
   position:absolute;
   top:23px;
   left:27px;
   width:179px;
   height:235px;
   overflow:hidden;
}

.addnote {
   position:absolute;
   bottom:15px;
   z-index:1001;
}

.note-inner textarea {
   width:161px;
   height:165px;
}

.note-inner .button-outer {
   margin:5px 0 0 0;
}
.notification {
   position:absolute;
   bottom:0;
   right:50px;
   width:319px;
   height:auto;
   z-index:1000;
   background:url(../images/bg-notification-top.png) no-repeat 0 0 transparent;
   color:#fff;
   overflow:hidden;
}

.notification-heading {
   height:33px;
   padding:0 0 0 47px;
   display:block;
   margin:0;
   vertical-align:middle;
   position:relative;
}

.notification-heading h4 {
   position:absolute;
   top:30%;
   margin:0;
   padding:0;
   vertical-align:middle;
   width:260px;
}

.notification-inner h4 {
   font-weight:bold;
   margin:0;
}

.notification-content {
   margin:0;
   background:url(../images/tooltip-tile.png) repeat-y 0 0 transparent;
   height:auto;
}

.notification-inner {
   padding:7px 12px 9px 12px;
}

.notification-close {
   position:absolute;
   right:2px;
   top:2px;
   width:32px;
   height:32px;
}

.objectfieldsearch,
.objectsearch {
   white-space:nowrap;
}

.objectfieldsearch .objectfield-container,
.objectsearch .objectfield-container {
   border:solid #c1c7cb;
   border-width:1px 0 1px 1px;
   background:#e6e7e8;
   margin:0 0 5px 0;
}

.objectsearch .objectfield-container {
   float:left;
}

.objectfieldsearch .objectfield-container {
   float:right;
   position: relative;
   left:15px;
}

.objectfieldsearch .objectfield-tl,
.objectsearch .objectfield-tl {
   background:url(../images/bg-object-tl.png) no-repeat #efefef;
}

.objectfieldsearch .objectfield-bl,
.objectsearch .objectfield-bl {
   background:url(../images/bg-object-bl.png) no-repeat #efefef;
}

.objectfieldsearch .objectfield-tr,
.objectsearch .objectfield-tr {
   background:url(../images/bg-object-tr.png) no-repeat #efefef;
}

.objectfieldsearch .objectfield-br,
.objectsearch .objectfield-br {
   background:url(../images/bg-object-br.png) no-repeat #efefef;
}

.objectfieldsearch .content {
   margin:0;
   border:0;
   padding:4px 12px 4px 9px;
}

.objectsearch-info .content {
   margin:0 0 0 -1px;
   border:0;
   padding:3px 5px 3px 5px;
}

.objectsearch-info {
   margin:0;
   left:-1px;
}

.objectsearch-info .objectfield-container {
   border:solid #c1c7cb;
   border-width:1px;
}

.search-container input ~ div.field-tl, .objectsearch-info input ~ div.field-tl {
   background:url(../images/bg-objectsearch-field-tl.png) no-repeat left top transparent;
}

.search-container input ~ div.field-bl, .objectsearch-info input ~ div.field-bl {
   background:url(../images/bg-objectsearch-field-bl.png) no-repeat left top transparent;
}

.search-container input ~ div.field-br, .objectsearch-info input ~ div.field-br {
   background:url(../images/bg-objectsearch-field-br.png) no-repeat left top transparent;
}

.search-container input ~ div.field-tr, .objectsearch-info input ~ div.field-tr {
   background:url(../images/bg-objectsearch-field-tr.png) no-repeat left top transparent;
}

.search-container {
   border:solid #c1c7cb;
   border-width:1px;
   margin:0 0 5px 0;
   background:#e6e7e8;
}

.formFieldDebug {
   color:red;
 }

.debugStyle1 {
   background:yellow;
   opacity:0.75;
 }

.debugStyle2 {
   background:red;
   opacity:0.75;
 }

.dialogClose {
   position:absolute;
   top:2;
   right:0;
   font-weight:bold;
}

.dialogMessage, .dialogInfo, .dialogError, dialogPlease_wait  {
   text-align:left;
   background-color:rgb(220, 220, 220);
   font-weight:bold;
   color:black;
   text-decoration:none;
   font-weight:bold;
}


.dialogError {
   background-color:red;
}

.dialogInfo {
   background-color:yellow;
}

.dialogPlease_wait {
   background-color:white;
}

.dialogButtonPanel {
   background-color:blue;
}

.dialogTitle {
   text-align:center;
   background-color:blue;
   font-weight:bold;
   color:yellow;
   text-decoration:none;
}


table {
   vertical-align:top;
   padding:0;
   margin:0;
   border:0;
}

tr {
   vertical-align:top;
   padding:0;
   margin:0;
}


td {
   vertical-align:top;
   padding:0px 1px;
   margin:0;
}

td img {
   vertical-align:middle;
}

.defaultEmbeddedForm td {
   padding:0 0;
}

.defaultTable {
   padding: 0;
   margin: 0;
}

.defaultList {
   padding: 0;
   margin: 0;
   border-collapse:collapse;
}

.defaultList td {
   vertical-align:top;
   padding:2px;
   margin:0;
}

.clearForm {
   vertical-align:top;
   padding:0;
   margin:0;
   border:0;
   position:relative;
   top:-4px;
}

.defaultEmbeddedForm {
   position:relative;
   background-color:rgb(225, 235, 225);
   position:relative;
   top:-2px;
}

.internalButtons {
   color:black;
   text-align:center;
}

.hidden {
   display:none;
}

.internalImage {
}

.comment, .columnLabel  {
   font-weight:bold;
}

.columnLabel  {
   position:relative;
   padding: 5px 50px 2px 66px;
   margin: 0px 0px 5px 0px;
   background: #ccccff ;
   display: block;
   color: #009;
   border-top: 1px solid #009;
   border-bottom: 1px solid #009;
   font-weight: bold;
}


* {
   font-size:12px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

.header {
   top:0px;
   left:0px;
   width:100%;
   z-index:2000;
}

.content_header_pad {
}

.content {
   z-index:300;
   top:10px;
}

.footer {
   display: none;
   left:0;
   width:100%;
   z-index:500;
}

.buttonPanel {
}

.defaultButtonsTable {
   margin-left:50pt;
}

.defaultButtons {
   color:black;
   text-align:center;
}



.header {
   position:fixed;
}

.footer {
   position:fixed;
   bottom:0px;
}

.content_footer_pad {
   height:0px;
}

.bdot_logo_div {
   z-index:100000;
   position:absolute;
   top:0px;
   left:0px;
}

.bdot_logo {
}   

.bdot {
   z-index:100001;
   position:absolute;
   top:25px;
   left:10px;
   color:rgb(176, 25, 6);
   font-size:200%;
   font-weight:bold;
   font-style: italic;
}

.product_logo_div {
   z-index:100000;
   position:absolute;
   top:0px;
   right:-1px;
}

.product_logo {
}   

.product {
   z-index:100001;
   position:absolute;
   top:25px;
   right:5px;
   color:rgb(176, 25, 6);
   font-size:200%;
   font-weight:bold;
}

.defaultTabBar {
   position:relative;
   background:url("../images/tb_bg.jpg") repeat-x left bottom;
   width:100%;
   font-size:110%;
   z-index:900;
}

.defaultTabBar td {
   white-space:nowrap;
   padding:5px 0px 0px 0px;
}

.defaultSearchStatus {
   white-space:nowrap;
   z-index:1000;
   float:left;
   margin:0;
   padding:5px 5px 4px 2px;
   text-decoration:none;
   font-weight:bold;
   color:red;
}

.defaultFormLock {
   white-space:nowrap;
   z-index:1000;
   float:left;
}

.defaultFormTitle {
   white-space:nowrap;
   z-index:1000;
   float:left;
   margin:0;
   padding:0 5px 5px 2px;
   text-decoration:none;
   font-weight:bold;
   color:brown;
}

.defaultInnerFormTitle {
   z-index:1000;
   float:left;
   background:url("../images/tb_right.gif") no-repeat right top;
   padding:5px 15px 9px 6px;
   text-decoration:none;
   font-weight:bold;
}

.defaultInactiveFormTab {
   z-index:1000;
   float:left;
   background:url("../images/tb_left.gif") no-repeat left top;
   margin:0;
   padding:0 0 0 9px;
   cursor:pointer; 
}

.defaultInactiveInnerFormTab {
   z-index:1000;
   float:left;
   background:url("../images/tb_right.gif") no-repeat right top;
   padding:5px 15px 5px 6px;
   text-decoration:none;
   font-weight:bold;
}

.defaultInactiveFormTab span:hover {
   color:red;
}

.defaultActiveFormTab {
   z-index:1000;
   float:left;
   background:url("../images/tb_left_on.gif") no-repeat left top;
   margin:0;
   padding:0 0 0 9px;
   cursor:pointer; 
}

.defaultActiveInnerFormTab {
   z-index:1000;
   float:left;
   background:url("../images/tb_right_on.gif") no-repeat right top;
   padding:5px 15px 5px 6px;
   text-decoration:none;
   font-weight:bold;
}
.treeNodeSelected {
   background:#0000FF;
   color:#FFFFFF;
   cursor:pointer;
}

.treeNodeUnselected {
   cursor:pointer;
}
.popup {
   position:fixed;
   background:#FFFFFF;
   color:black;
   z-index:1002;
   border:1px solid black;
   padding:8 2 8 2;
   display:none;   
}

.popupSeparator {
   color:#EEEEEE;
}

.popupItem {
   display:block;
   color:black;
   font-size:120%;
   line-height:25px;
}

.popupItem:hover {
   background-color:blue;
   color:white;
 }
@media print {
form {
   padding:0px 0px 0px 0px !important;
}
   
body {
   margin:0;
   padding-top: 0 !important;
}


* {
   font-size:10px !important;
   font-family:verdana,arial,sans-serif;
}

input[type=button], input[type=image], input[type=submit], input[type=reset], .tooltip, 
.noprint, #form-toolbar, #tabs, #LOCK, #footer, #nav ul, .bottom-right, .bee-swoosh, .navhead, .nav-position {
   display:none !important;
}

#nav .user h2  {
   background:transparent !important;
   border:none;
   background-color:white;
}

select {
   background:transparent !important;
   border:1px solid #BCBCBC !important;
}

.bee {
   position:fixed;
   bottom:-10px !important;
   right:0px;
   width:40px;
   opacity: 0.25;
}

.label_tooltip a, .label_mandatory_with_tooltip a,
.label_mandatory a, .label_mandatory_with_tooltip a {
   color:black !important;
   font-weight:normal;
   border-bottom: none;
}

.href {
   color:black;
   font-weight:normal;
   text-decoration:none;
}


h3.open, span.open {
   background:url(../images/icon-close-small.png) no-repeat -2px -1px transparent !important;
   padding:1px 0 1px 20px !important;
}

h3.closed, span.closed {
   background:url(../images/icon-expand-small.png) no-repeat -2px -2px transparent !important;
   padding:1px 0 1px 20px !important;
}

}
.progress-right {
   right:-40px;
   position:absolute;
   width:40px;
   height:95px;
   background:url(../images/bg-progress-tile.png) repeat-x 0 0 transparent;
}

.progress-brand-background {
   position:absolute;
   top:-20px;
   left:-7px;
   width:126px;
   height:131px;
   background:url(../images/bg-progress-brand.png);
}

.progress-brand {
   display: table-cell;
   vertical-align:middle;
   height:131px;
   width:126px;
}

.progress-brand img {
   display:block;
   background-color:transparent;
   margin-left:auto;
   margin-right:auto;
   max-height:80px;
   max-width:80px;
}
.scroll-container {
   width:800px;
   height:400px;
   position:relative;
   border-bottom:1px solid #555555;
   border-right:1px solid #555555;
}

.scroll-bottom {
   height:15px;
   position:absolute;
   bottom:0;
   left:0;
   width:100%;
   background:url(../images/scrollbar/track-horizontal.png) repeat-x 0 0 transparent;
   width:786px;
}

.left-arrow {
   position:absolute;
   top:0;
   left:0;
}

.right-arrow {
   position:absolute;
   top:0;
   right:0;
}

.horizontal-scrollbar {
   position:absolute;
   height:15px;
   width:300px;
   top:1px;
   left:100px;
   background:url(../images/scrollbar/thumb-startcap.png) repeat-x 0 0 transparent;
}

.horizontal-scrollbar-end {
   position:absolute;
   height:15px;
   width:16px;
   top:0;
   right:-16px;
}




.scroll-side {
   width:15px;
   position:absolute;
   top:0;
   right:0;
   height:100%;
   background:url(../images/scrollbar/track-vertical.png) repeat-y 0 0 transparent;
   margin:0 0 0 0;
}

.top-arrow {
   position:absolute;
   top:0;
   right:0;
}

.bottom-arrow {
   position:absolute;
   bottom:0;
   right:0;
   border-bottom:14px solid #bdbebe;
}

.vertical-scrollbar {
   position:absolute;
   height:200px;
   width:16px;
   top:50px;
   left:1px;
   background:url(../images/scrollbar/thumb-topcap.png) no-repeat 0 0 transparent;
}

.vertical-scrollbar-end {
   position:absolute;
   height:16px;
   width:15px;
   left:0;
   bottom:-16px;
}

.corner {
   position:absolute;
   bottom:0;
   right:0;
   z-index:2;
}
.top-heading {
   padding:0 8px 2px 8px;
   margin:0;
   color:#fff;
   text-transform:none;
   font-weight:bold;
   background:url(../images/icon-close.png) no-repeat -2px -2px transparent;
}

.top-heading h4 {
   padding:2px 0 0 45px;
   margin:0;
}

.mini-divider {
   float:left;
   margin:0 0 0 16px;
}


h4.inbox {
   background:url(../images/icon-inbox.gif) no-repeat 25px center transparent;
}

h4.outbox {
   background:url(../images/icon-outbox.gif) no-repeat 25px center transparent;
}

h3.alway_open, span.alway_open {
   padding:0px 10px;
}

h3.open, span.open {
   background:url(../images/icon-close.png) no-repeat -2px -1px transparent;
   padding:1px 0 1px 24px;
}

h3.closed, span.closed {
   background:url(../images/icon-expand.png) no-repeat -2px -2px transparent;
   padding:1px 0 1px 24px;
}
.sidebar {
   background:url(../images/bg-sidebar-top.png) no-repeat right top transparent;
   position:absolute; 
   left:0px;
   z-index:1000000;
   padding:2px 2px 0 6px;
   min-height:167px;
}

#shut {
   width:30px;
}

#shut .sidebar-form {
   display:none;
}

.sidebar-footer {
   background:url(../images/bg-sidebar-bottom.png) no-repeat right bottom transparent;
   position:absolute;
   bottom:-14px;
   right:0px;
   height:14px;
   width:100%;
}

.sidebar-buttons {
   position:absolute;
   right:8px;
   top:2px;
   width:26px;

}

.sidebar-form {
   text-align:center;
   margin:0 30px 0 0;
   padding:12px 7px 12px 5px;
}

.sidebar-form .field-tl,.sidebar-form .field-tr,.sidebar-form .field-bl,.sidebar-form .field-br {
   background-color:#2f3031;
}

.sidebar-form .field-container {
   margin:4px 0;
}


.sidebar-form .button-outer {
   margin:4px 0 0 0;
}

.horizontal_slider_container {
   z-index:10;
}

.horizontal_slider {
   position:absolute;
   background: url(../images/slider.png) repeat-x scroll top left;
   z-index:11;
}

.horizontal_slider_button {
   background: url(../images/slider_control.png) no-repeat scroll center 0%;
   position:absolute;
   width:13px;
   top:-8px;
   height:26px;
   z-index:12;
}

.card-container {
   display: flex;
   flex-direction: row;
}

.card-slider {
   min-width: 250px;
   max-width: 250px;
   background: #fafafa;
   margin:10px;
   padding:10px;
   border-radius: 15px;
   box-shadow: 0 5px 16px 0 rgba(8, 15, 52, 0.07) !important;
   transition: all 300ms ease, transform 300ms ease, -webkit-transform 300ms ease;
   border: 1px solid #eff0f6;
}
.tabTitle {
   position:relative;
   top:5px;
   font-size:14px;
}

.subChartTableTab, .subChartTab, .subChildTab, .subTab {
   position:relative;
   top:3px;
   left:0px;
}

.tabCountError {
   text-decoration:blink;
   font-weight:bold;
   color:red;
}

.tabCountOk {
   font-weight:bold;
   color:#40DD40;
}

.subChartTab {
   margin:0 14px -3px;
}

.subChartTableTab {
   margin:0px 6px -2px;
}

.subChildTab {
   margin:0px 6px -2px;
}

.subTab, .left-tabs, .right-tabs {
   margin:0px 13px -3px;
}

.subChartTableTab, .subChartTab, .subChildTab, .subTab, .left-tabs, .right-tabs {
   padding:0;
   clear:both;
   list-style:none;
   white-space:nowrap;
   font-weight:bold;
   z-index:10;
   height:27px;
}

.subChartTableTab, .subChartTab, .subChildTab, .subTab, .left-tabs {
   float:left;
}

.right-tabs {
   float:right;
}


.subChartTableTab li, .subChartTab li, .subChildTab li, .subTab li, .left-tabs li, .right-tabs li {
   display:inline;
   list-style-type:none;
   font-weight:bold;
   z-index:10;
   float:left;
   background:url(../images/bg-tab-right.png) no-repeat right top transparent;
   margin:0 0 0 -10px;
   padding:0;
   position:relative;
   cursor:pointer;
}

.subChartTableTab li span, .subChartTab li span, .subChildTab li span, .subTab li span, .left-tabs li span, .right-tabs li span {
   font-weight:normal;
   display:block;
   padding:7px 0 7px 20px;
   margin:0 20px 0 0;
   background:url(../images/bg-tab-left.png) no-repeat left top transparent;
}

.left-tabs li.Active, .right-tabs li.Active, .left-tabs li.Inactive, .right-tabs li.Inactive {
   pointer-events: all !important;
}

.subChartTableTab li.Active, .subChartTab li.Active, .subChildTab li.Active, .subTab li.Active, .left-tabs li.Active, .right-tabs li.Active {
   background:url(../images/bg-tab-right2.png) no-repeat right top transparent;
   z-index:11;
}

.subChartTableTab li.Active span, .subChartTab li.Active span, .subChildTab li.Active span, .subTab li.Active span, .left-tabs li.Active span, .right-tabs li.Active span {
   font-weight:bold;
   background:url(../images/bg-tab-left2.png) no-repeat left top transparent;
}
.tableMagicClipBoard {
   font-size:8pt;
   font-family: Arial;
 }

.tableMagicClipBoard td {
   vertical-align:top;
   white-space:normal;
   border-width:.5pt;
   border-style:solid;
 }

.tableMagic, .tableMagicNowrap, .cellTableHighlight {
   padding:2px;
   margin:0px;
   border:0px;
}

.tableMagic td, tableMagicNowrap td, .cellTableHighlight td {
   white-space:normal;
   padding:2px;
   overflow:hidden;
}

.tableMagicNowrap td {
   white-space:nowrap;
   padding:2px;
   overflow:hidden;
}

.nowrap {
   white-space:nowrap;
}

.defaultNameTD {
   color:black;
   text-align:right;
}

.defaultRowEven, .tableRowDeleteEven, .tableRowInsertEven, .tableRowUpdateEven {
   background:#e6e6e6;
}

.defaultRowOdd, .tableRowDeleteOdd, .tableRowInsertOdd, .tableRowUpdateOdd {
   background:#f0f0f0;
}

.tableRowMouseOverOdd, .tableRowMouseOverEven, .tableRowDeleteMouseOverOdd, .tableRowDeleteMouseOverEven, .tableRowInsertMouseOverOdd, .tableRowInsertMouseOverEven, .tableRowUpdateMouseOverOdd, .tableRowUpdateMouseOverEven {
   background:#f8df78;
}

.internalTable {
   border-collapse:collapse;
}

.internalRow {
   white-space:nowrap;   
}

.defaultHeading {
   background:url(../images/bg-tablehead.gif) repeat-x left top #565656;
   text-align:center;
   font-weight:bold;
   color:white;
   text-decoration:none;
}

.defaultHeading td {
   white-space:nowrap !important;
   overflow:hidden;
}

.tableRowDeleteOdd, .tableRowDeleteEven, .tableRowDeleteMouseOverOdd, .tableRowDeleteMouseOverEven {
   color:#FF0000;
   font-weight:bold
}

.tableRowInsertOdd, .tableRowInsertEven, .tableRowInsertMouseOverOdd, .tableRowInsertMouseOverEven {
   color:#2a52bd;
   font-weight:bold
}

.tableRowUpdateOdd, .tableRowUpdateEven, .tableRowUpdateMouseOverOdd, .tableRowUpdateMouseOverEven {
   color:#2a52bd;
   font-weight:bold
}

.tableGroupBy {
   background: #ACACAC url(../images/bg-group.png) repeat-x scroll left top;
   color:black;
   font-weight:bold;
}

.cellHighlight {
   background:rgb(255, 192, 111);
}

.cellTableHighlight {
   table-layout:fixed;
   background:rgb(255, 192, 111);
}

input[type=image].cellTableHighlight {
   max-width:25px !important;
   min-width:25px !important;
   width:25px !important;
}

.results, .partialresults {
   background-color: #6d6e71;
   color:#ffffff;
   font-weight:bold;
   text-align:center;
   margin:0px;
   padding:1px 0;
   border-radius: 0px 0px 10px 10px;
}

.partialresults {
   color:yellow;
}

.table_label_tooltip {
   border-bottom:1px dotted #FFFFFF;
   cursor:help;
}
.businessrule {
   position:fixed;
   max-height:900px;
   max-width:1000px;
   background:transparent;
   padding:0;
   z-index:20000010;
   display:none;
   overflow:none;
}

.businessrule-content {
   background:url(../images/businessrule-tile.png) repeat 0 0 transparent;
   position:relative;
   width:100%;
   padding:5px 0 5px 4px;
   color:white;
   font-weight:bold;
   left:-3px;
   white-space:pre-wrap;
}

.businessrule-top {
   background:url(../images/businessrule-top.png) repeat-x 0 0 transparent;
}

.businessrule-top-left {
   background:url(../images/businessrule-tl.png) no-repeat 0 0 transparent;
   height:14px;
   width:15px;
}

.businessrule-top-right {
   background:url(../images/businessrule-tr.png) no-repeat 0 0 transparent;
   height:14px;
   width:10px;
}

.businessrule-left {
   background:url(../images/businessrule-left.png) repeat-y 0 0 transparent;
   height:100%;
}

.businessrule-right {
   background:url(../images/businessrule-right.png) repeat-y 0 0 transparent;
   height:100%;
   width:10px;
}

.businessrule-bottom-left {
   background:url(../images/businessrule-bl.png) no-repeat 0 0 transparent;
   height:14px;
}

.businessrule-bottom-right {
   background:url(../images/businessrule-br.png) no-repeat 0 0 transparent;
   height:14px;
   width:10px;
}

.businessrule-bottom {
   background:url(../images/businessrule-bottom.png) repeat-x 0 0 transparent;
   height:14px;
}

.popupmessage {
   position:fixed;
   max-height:900px;
   max-width:1000px;
   background:transparent;
   padding:0;
   z-index:20000010;
   display:none;
   overflow:none;
}

.popupmessage-content {
   background:url(../images/businessrule-tile.png) repeat 0 0 transparent;
   position:relative;
   width:100%;
   padding:5px 0 5px 4px;
   color:white;
   font-weight:bold;
   left:-3px;
   white-space:pre-wrap;
}

.popupmessage-top {
   background:url(../images/businessrule-top.png) repeat-x 0 0 transparent;
}

.popupmessage-top-left {
   background:url(../images/businessrule-tl.png) no-repeat 0 0 transparent;
   height:14px;
   width:15px;
}

.popupmessage-top-right {
   background:url(../images/businessrule-tr.png) no-repeat 0 0 transparent;
   height:14px;
   width:10px;
}

.popupmessage-left {
   background:url(../images/businessrule-left.png) repeat-y 0 0 transparent;
   height:100%;
}

.popupmessage-right {
   background:url(../images/businessrule-right.png) repeat-y 0 0 transparent;
   height:100%;
   width:10px;
}

.popupmessage-bottom-left {
   background:url(../images/businessrule-bl.png) no-repeat 0 0 transparent;
   height:14px;
}

.popupmessage-bottom-right {
   background:url(../images/businessrule-br.png) no-repeat 0 0 transparent;
   height:14px;
   width:10px;
}

.popupmessage-bottom {
   background:url(../images/businessrule-bottom.png) repeat-x 0 0 transparent;
   height:14px;
}


.tooltip {
   position:fixed;
   max-height:900px;
   max-width:1000px;
   background:transparent;
   padding:0;
   z-index:20000010;
   display:none;
   overflow:auto;
}

.tooltip-content {
   background:url(../images/tooltip-tile.png) repeat 0 0 transparent;
   position:relative;
   width:100%;
   padding:5px 0 5px 4px;
   color:white;
   font-weight:bold;
   left:-3px;
   white-space:pre-wrap;
}

.tooltip-top {
   background:url(../images/tooltip-top.png) repeat-x 0 0 transparent;
}

.tooltip-top-left {
   background:url(../images/tooltip-tl.png) no-repeat 0 0 transparent;
   height:14px;
   width:40px;
}

.tooltip-top-right {
   background:url(../images/tooltip-tr.png) no-repeat 0 0 transparent;
   height:14px;
   width:10px;
}

.tooltip-left {
   background:url(../images/tooltip-left.png) repeat-y 0 0 transparent;
   height:100%;
   width:10px;
}

.tooltip-right {
   background:url(../images/tooltip-right.png) repeat-y 0 0 transparent;
   height:100%;
   width:10px;
}

.tooltip-bottom-left {
   background:url(../images/tooltip-bl.png) no-repeat 0 0 transparent;
   height:14px;
   width:10px;
}

.tooltip-bottom-right {
   background:url(../images/tooltip-br.png) no-repeat 0 0 transparent;
   height:14px;
   width:10px;
}

.tooltip-bottom {
   background:url(../images/tooltip-bottom.png) repeat-x 0 0 transparent;
   height:14px;
}
.validationError{
    border:2px solid red !important;
}
.warning-popup  {
   font-weight:bold;
   position:fixed;
   width:550px;
   height:auto;
   z-index:30000000;
   background:url(../images/bg-warning-top.png) no-repeat 0 0 transparent;
   color:white;
   display:none;
   margin:0pt 0pt 0px 0px;
   cursor:pointer;
   top:50%;
}

.warning-popup-heading {
   height:37px;
   padding:0 0 0 14px;
   display:block;
   margin:0;
   vertical-align:middle;
   position:relative;
}

.warning-popup-heading h4 {
   position:absolute;
   top:30%;
   margin:0;
   padding:0;
   vertical-align:middle;
   width:260px;
}

.warning-popup-inner h4 {
   margin:0 0 10px 0;
   color:#ecc204;
   text-transform:none;
   font-size:large;
}

.warning-popup-content {
   margin:0;
   padding:10px 0 7px 0;
   background:url(../images/bg-warning-tile.gif) repeat-y 0 0 transparent;
   height:auto;
   text-align:center;
}

.warning-popup-inner {
   padding:7px 12px 0 100px;
   color:#565656;
   background:url(../images/icon-warning.png) no-repeat 30px center transparent;
   text-align:left;
}

.warning-popup-footer {
   margin:0;
   background:url(../images/bg-warning-bottom.png) no-repeat 0 0 transparent;
   height:14px;
   padding:0;
   width:550px;
}

.warning-popup-inner ul {
   margin:0 0 14px 0;
   padding:0;
}

.warning-popup-inner ul li {
   margin:0;
   background:url(../images/bullet-warning.gif) no-repeat left center transparent;
   padding:0 0 0 12px;
   list-style-type:none;
}

.warning-popup .button-outer {
   float:none;
}