body {
   background-color: #CCC;
   margin: 0;
   padding:0;
}
/* =================================================================================================
-- Header -- */
a.disabled_menu:hover span {
   background: url("../images/square-menu.gif") no-repeat left center !important;
   color:#CCCCCC !important;
}
.disabled_menu span {
   background: url("../images/square-menu.gif") no-repeat left center !important;
   color:#CCCCCC !important;
}

#header {
   background-color:white;
   width:1380px;
   min-width:1380px;
   height:83px;
   margin:0 auto;
   list-style:none;
   position:relative;
}
#location {
   background: url("../images/header.png") no-repeat top;
   width: 852px;
   height: 22px;
   float:left;
   font: 11px Arial;
   color:#666666;
   font-weight:bold;
   display:block;
}
#location span {
   margin:0;
   padding:0 40px 0 10px;
   line-height:22px;
}
#logo {
   background: url("../images/logo.png") no-repeat top;
   width: 187px;
   height: 52px;
   float:right;
}
/* =================================================================================================
   -- Navigation -- */
#menuHome ul {
	width: 1362px;
	left: 0px;
}
#nav {
   width: 83%;
   height: 18px;
   float:left;
   position: relative;
   font:14px arial;
   list-style-type: none;
   padding: 12px 0 0 6px;
   margin:  0;
}
#nav a {
   display:block;
   white-space: nowrap;
}
#nav li {
   float:left;
   margin:0;
   padding:0;
}
#nav li.parent ul {
   display:none;
}
#nav li a:link,
#nav li a:visited {
   text-decoration:none;
   color:#ccc;
}
#nav ul {
   position:absolute;
   float:left;
   /*left:6px;/**/
   list-style:none;
   margin: 0 0 0 6px;
   padding: 0 0 0 6px;
   /*width: 964px;*/
   height:22px;
   top:30px;
   background-color:#3399CC;
}
#nav ul a {
   color:white !important;
}
#nav li a span {
   float:none;
   padding-left: 18px;
   background: url("../images/square-menu.gif") no-repeat left center;
   margin-right: 23px;
}
#nav li a:hover span {
   background: url("../images/square-menu-hover.gif") no-repeat left center;
   color:#666666;
}
#nav li.over {
   background: url("../images/square-menu-hover.gif") no-repeat left center;
}
#nav li.active a span {
   background: url("../images/square-menu-active.gif") no-repeat left center;
}
#nav li.active li a span {
   background:none !important;
}

#nav ul li  span {
   font: 12px arial;
   margin-right:20px;
   padding:0;
   line-height:22px;
   background: none;
}
#nav li a:hover span {
   background: none;
}
#nav ul a:hover {
   color:#666 !important;
}
#nav li.active a {
   color: #333;
}

#nav li.active li.cur a {
   color: #333 !important;;
}



#nav li.parent.over ul.show {
   background-color:#3399CC;
   display:block;
   position: absolute;
   left:0;
   z-index:1000;
   top:30px;
}
#nav li.parent.active ul {
   display:block;
   position: absolute;
   left:0;
   top:30px;
}
/* -- End of Navigation --
 =================================================================================================
*/

#bottom-hr {
   background: #CCCCCC;
   width:99%;
   height:6px;
   padding:0;
   margin:0 auto;
   font-size:0;
}
/* -- End of Header --
 =================================================================================================
*/
#container {
	width: 1380px;
	min-width:1380px;
	/*height: 530px;/**/
	height: 680px;
	background-color: white;
	margin:0 auto;
	/*font-size:0;/**/
}
.widerer {
	width: 1380px;
	min-width:1380px;
	font-size: 0px;
	line-height:0px;
	height:0px;
}
table.container {
	height:100%;
	width:100%;
	padding:0px;
	border-spacing:0px;
	border-collapse:collapse;
	/*margin: 0px 12px 0px 12px;/**/
}
table.container td {
	vertical-align: top;
}
div.gridbox table.row20px tr td, div.gridbox_light table.row20px tr td, #JobStatusBox tr td {
	vertical-align: middle;
}
table.container td#leftmenu {
	width:175px;
}
table.container td#divider {
	width:12px;
}
table.container td#body {
	/*width:100%;/**/
}
table.content {
	width:100%;
	height:680px;/**/
	/*height:100%;/**/
	/*height:550px;/**/
	/*height:500px;/**/
}
table.content td#tabbed {
	height:27px;
}
table.content tr#tabbed-bottom {
	height:8px;
}
table.content tr#bottom {
	height:8px;
	font-size:0px;
}
table.content tr#main  {
	/*height:100%;/**/
}
table.content td#content-body  {
	vertical-align:top;
	height:637px;
}
table.content td#left {
	border-left:2px solid #CCCCCC;
	width:8px;
	font-size:0px;
	/*background-color:green;/**/
}
table.content td#right {
	border-right:2px solid #CCCCCC;
	width:8px;
	font-size:0px;
}
/*Box infoState*/
#infoState {
   background-color:white;
   width:1380px;
   min-width:1380px;
   margin:0 auto;
   height:36px;
}
#infoState td.workong-img{
  padding:0 0 0 26px;
  width:192px;
}
#infoState table {
  border-collapse:collapse;
  font:12px arial;
  margin-top:2px;
}
#infoState td.confirm-messages{
  padding:0;
  width:700px;
  line-height:23px;
  text-indent:4px;
}
#infoState td.clear-dialoque-button{
  padding:0;
  width:55px;
}
#infoState input{
   width: 51px;
   height: 20px;
   background: #CCC;
   border:1px solid #999;
   margin-top:1px;
}
#border-button{
border:1px solid #CCCCCC;
border-left:none;
height:23px;
}
#border-messages{
border:1px solid #CCCCCC;
border-right:none;
height:23px;
}
/*End of Box infoState*/
#footer {
   text-align:center;
   font-size:10px;
   font-family: arial;
   color:#666666;
   background-color:white;
   width:1380px;
   min-width:1380px;
   margin:0 auto;
   padding: 5px 0px 5px 0px;
   height:15px
}
#makeJob label {
   text-align:center;
   font-size: 11px;
}
#makeJob-enter {
   width: 144px;
   height: 15px
}
#makeJob select {
   width: 150px;
   /*height: 19px;*/
   font:12px Courier new;
}
.indent {
   padding: 7px 0 2px
}
#lhMenu {
   width:174px;
   /*height:272px;/**/
   height:272px;
   font:12px arial;
   float:left;
}
#lhMenu a{
   color: #333;
}
#overview {
   height:218px;
   border-left:2px solid #CCCCCC;
   border-right:2px solid #CCCCCC;
   font: 11px arial;
   color:#333333
}
#overview p {
   margin: 0 4px 18px
}

#makeJob {
   /*height:400px;*/
   border-left:2px solid #CCCCCC;
   border-right:2px solid #CCCCCC;
   font:11px arial
}

.leftPanelTabContent {
   height:100%;
   border-left:2px solid #CCCCCC;
   border-right:2px solid #CCCCCC;
   font:11px arial;
   padding:10px 5px 10px 5px;
}
.leftPanelContent {
   height:290px;
   width: 160px;
   border-left:2px solid #CCCCCC;
   border-right:2px solid #CCCCCC;
   font:11px arial;
   padding:10px 5px 10px 5px;
}
#lhMenu .button {
   height: 36px;
   text-align:center;
   font:14px arial;
   background: url(../images/lmbutton.png) no-repeat top;
}

#lhMenu .button_a {
   height: 36px;
   text-align:center;
   font:14px arial;
   background: url(../images/lmbutton_a.png) no-repeat top;
}

#lhMenu .top-button {
   height: 37px;
   text-align:center;
   font:14px arial;
   background: url(../images/ltbutton.png) no-repeat top;
}

#lhMenu .middle-button {
   height: 34px;
   text-align:center;
   font:14px arial;
   background: url(../images/lmmbutton.png) no-repeat top;
}

#lhMenu .middle-button div {
   padding:10px;
   cursor:pointer;
}

#lhMenu .top-button div {
   padding:10px;
   cursor:default;
}

#lhMenu .button div {
   padding:10px;
   cursor:pointer;
}

#lhMenu .button div.lhTitle {
   padding:10px;
   cursor:default;
}

#btnOverview {
   height: 37px !important;
   background: url(../images/ltbutton.png) no-repeat top !important;
}

/*
#viewLogs {
   display:none;
   height:218px;
   border-left:2px solid #CCCCCC;
   border-right:2px solid #CCCCCC;
   font: 11px arial;
   color:#333333
}
*/
/*System page menu point Users and Groups*/
#groupsLHTab {
   /*   display:none;*/
   height:200px;
   border-left:2px solid #CCCCCC;
   border-right:2px solid #CCCCCC;
   font: 11px arial;
   color:#333333
}
/*
#usersLHTab {
   display:none;
   height:35px;
   border-left:2px solid #CCCCCC;
   border-right:2px solid #CCCCCC;
   font: 11px arial;
   color: #333333;
   padding: 10px 0 0 5px;
}
*/

.fieldLHTab {
   width: 144px;
   height: 15px;
   font: 12px Courier new;
}
.listLHTab {
   width: 144px;
   height: 20px;
   font: 12px Courier new;
}
.infoLHTab {
   font: 9px arial;
   margin: 180px 0 0 5px;
}
.infoLHTab td{
   text-align: right;
}
/*End System page menu point Users and Groups*/


#lhm-bottom {
   background: url(../images/lbbutton.png) no-repeat top;
   height: 28px
}
/* =================================================================================================
Right Box Container
*/
#right-box-container {
   float: left;
   /*padding: 0 12px 0 12px;/**/
   width:100%;
   height:501px;
}
table.indentTable {
   margin: 0 0 0 17px;
   border:0;
}
table.indentTable1 {
   margin-left: 8px;
   border:0;
}

/* End of Right Box Container*/
/*Box Tab Menu*/
#tab-menu {
  background:url("../images/bg-tab-rt-menu.gif") repeat-x scroll center bottom;
  float:left;
  font:14px arial;
  line-height:normal;
  width:100%;
  height:27px;
}
#tab-menu ul {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0pt;
  padding:0;
}
#tab-menu li {
  display:inline;
  margin:0;
  padding:0;
}
#tab-menu a {
  background:transparent url("../images/left_27.gif") no-repeat scroll left top;
  float:left;
  margin-right:4px;
  padding:0;
  text-decoration:none;
  width:136px;
}
#tab-menu a span {
  background:transparent url("../images/right_27.gif") no-repeat scroll right top;
  color:#776655;
  display:block;
  float:left;
  padding:6px 0px 3px 0px;
  text-align:center;
}
#tab-menu a span {
  float:none;
}
#tab-menu a:hover span {
  color:#666666;
}
#tab-menu .current a {
  background-position:0pt -27px;
  border-width:0;
}
#tab-menu .current a span {
  background-position:100% -27px;
  color:#333333;
  padding-bottom:5px;
}
#tab-menu a:hover {
  background-position:0% -27px;
}
#tab-menu a:hover span {
  background-position:100% -27px;
}
/*End of Box Tab Menu*/

/*Dead Space under the Tab Menu*/
#corner-border-right {
  background:url("../images/corner.png") no-repeat top;
  width:10px;
  height:35px;
  margin:0px;
  padding:0px;
}
#straight-border-left {
  width:741px;
  height:8px;
  border-left:2px solid #CCCCCC;
  float:left
}
/*End of Dead Space under the Tab Menu*/

/*Box Form System Status*/
#box-form-status{
  clear:both;
  width:100%;
  height:100%;
  /*border-right: 2px solid #CCCCCC;
  border-left:  2px solid #CCCCCC;/**/
  font:12px arial;
  padding:0;
}

#box-form-status td.header{
  font-weight:bold;
  text-decoration:underline;
}
#box-form-status table.startbutton{
  width:100%;
  margin:50px 0 0 0;
}
#box-form-status select{
  width:50px;
}
#box-form-status table.content{
  width:400px;
  margin:20px 0 0 17px;
}
#box-form-status td.fieldname{
  width:285px;
  text-align:left;
}
#box-form-status td.fieldseparator{
  width:5px;
  text-align:center;
}
#box-form-status td.fieldvalue{
  width:110px;
  text-align:right;
}
/*End of Box Form System Status*/


/*Box Form Monitor*/
#box-form-monitor {
  width:749px;
  height:458px;
  /*border-right: 2px solid #CCCCCC;
  border-left:  2px solid #CCCCCC;/**/
  font:12px arial;
  padding:0;
  clear:both;
}
/*
#box-form-monitor table {
   padding:0;
   margin:0;
   border:0;
}
*/
#box-form-monitor td.undent {
  padding-right:20px
}

#box-form-monitor input {
  width:73px;
  height:17px;
  font:12px Courier new;
}
#box-form-monitor select {
  width:150px;
  height:21px;
  font:12px Courier new;
}
#box-form-monitor select.states {
  width:120px;
  height:21px;
  font:12px Courier new;
}
#box-form-monitor input.refresh {
  width: 75px;
  height: 25px;
  /*
  background:#CCC;
  border:1px solid #999;
  */
  font: 11px arial;
}
/*End of Box Form Monitor*/
/*
#box-form-change-password {
   width:749px;
   height:458px;
   border-right: 2px solid #CCCCCC;
   border-left:  2px solid #CCCCCC;
   font:12px arial;
   padding:0;
   clear:both;
}
*/
.tabContent {
  width:749px;
  height:458px;
  /*border-right: 2px solid #CCCCCC;
  border-left:  2px solid #CCCCCC;/**/
  font:12px arial;
  clear:both;
}
.tabContent input{
  font:12px Courier new;
}
.tabContent select{
  font:12px Courier new;
}
/*
#box-form-help {
   width:749px;
   height:458px;
   border-right: 2px solid #CCCCCC;
   border-left:  2px solid #CCCCCC;
   font:12px arial;
   padding:0;
   clear:both;
}
*/

#box-form-view-logs {
  width:749px;
  height:458px;
  border-right: 2px solid #CCCCCC;
  border-left:  2px solid #CCCCCC;
  font:12px arial;
  padding:0;
  clear:both;
}
#box-form-view-logs input {
  font:12px Courier new;
}
#box-form-view-logs input.vresults{
  font-family: Arial;
  font-size: 11px;
  color: Black;
  text-decoration: none;
  background-color: #CCC;
  border: 1px solid;
  height: 23px;
  width: 100px;
}

#box-form-make-job {
  width:749px;
  height:458px;
  border-right: 2px solid #CCCCCC;
  border-left:  2px solid #CCCCCC;
  font:12px arial;
  padding:0;
  clear:both;
}

#box-form-make-job input {
  font:12px Courier new;
}
#box-form-make-job input.mjob{
  font-family: Arial;
  font-size: 11px;
  text-decoration: none;
  height: 25px;
  width: 130px;
  /*
  color: Black;
  background-color: #CCC;
  border: 1px solid;
  */
}

/*
#box-form-audit-event {
  clear:both;
  width:749px;
  height:458px;
  border-right: 2px solid #CCCCCC;
  border-left:  2px solid #CCCCCC;
  font:12px arial;
}
*/
/*Box Form Event*/
/*
#box-form-event {
  clear:both;
  width:749px;
  height:458px;
  border-right: 2px solid #CCCCCC;
  border-left:  2px solid #CCCCCC;
  font:12px arial;
}
*/
#box-form-event label {
  text-align:center;
  padding:0 4px 0 16px;
}
#box-form-event input {
  width:73px;
  height:17px;
}
#box-form-event select {
  width:150px;
  height:21px;
}
#box-form-event input.refresh {
  width: 75px;
  height: 25px;
  /*
  background:#CCC;
  border:1px solid #999;
  */
  font:11px arial;
}
/*End of Box Form Event*/

/*Box Content Event*/
#box-content-event {
  clear:both;
  border-right: 2px solid #CCCCCC;
  border-left:  2px solid #CCCCCC;
  width:749px;
  height:421px;
  display:none;
}
/*End of Box Content Event*/

/*Box Content Monitor*/
#box-content-monitor {
  clear:both;
  border-right: 2px solid #CCCCCC;
  border-left:  2px solid #CCCCCC;
  width:749px;
  height:396px;
}
/*End of Box Content Monitor*/

/*Dead Space under the Box Content*/
#corner-band {
  background:url("../images/corner-band.png") no-repeat top;
  width:100%;
  height:8px;
  float:left;
}
.corner-band-left {
  background:url("../images/corner-band-left.gif") no-repeat;
  width:10px;
  height:8px;
}
.corner-band-bottom {
  background:url("../images/corner-band-bottom.gif") repeat-x;
  height:8px;
}
.corner-band-right {
  background:url("../images/corner-band-right.gif") no-repeat;
  width:10px;
  height:8px;
}
/*End of Dead Space under the Box Content*/

/* general styles */
.maxh {
	height:100%;
}
.maxw {
	width:100%;
}
/* general styles */

/*Login Page style*/
#container-login {
  width: 1380px;
  min-width:1380px;
  height: 536px;
  background-color: white;
  margin:0 auto;
  font-size:0;
  position:relative;
}
#container-box {
  position:relative;
  top:51px
}
#login-top-image {
  background: url("../images/cornertop.png") no-repeat center;
  width:505px;
  height:10px;
  margin:0 auto;
  font-size: 0;
}
#login-bottom-image {
  background: url("../images/cornerbottom.png") no-repeat center;
  width:505px;
  height:10px;
  margin:0 auto;
  font-size: 0;
}
#pwb-bottom-image {
  background: url("../images/HCS_PoweredBy_Small.gif") no-repeat center;
  top: 120px;
  left: 10px;
  width: 170px;
  height: 55px;
  font-size: 0;
  position:relative;
}
#login-customer-logo {
  position:absolute;
  top:45px;
  left:37%;
  width:169px;
  height:91px;
}
#login-box {
  width: 501px;
  height: 310px;
  background-color:#FFFFFF;
  font-family: Arial;
  font-size: 12px;
  border-left: 2px solid #D0D0D0;
  border-right: 2px solid #D0D0D0;
  color: #666666;
  margin:0 auto;
  position:relative;
}
#lockmsg {
  font-family:Arial;
  font-size:12px;
  color: #FF0000;
  width:100%;
  margin:0 auto;
  text-align:center;
  position:relative;
}

#login-form {
  position:absolute;
  top: 195px;
  left: 535px;
  width: 600px;
}
#login-form tr, #login-form td {
  padding:0 8px 7px 0;
}
#login-box label {
  font-family: Arial;
  font-size: 12px;
}
.login-form-enter {
  width:222px;
  height:17px;
  padding:0;
  font-family: Arial;
  font-size: 12px;
}
.login-form-button {
  /*
  height:17px;
  background-color:#CCCCCC;
  border:0;
  padding:0;
  */
  width:50px;
  font-family: Arial;
  font-size: 11px;
}
#login-box select {
  font-family: Arial;
  font-size: 13px;
  width: 226px;
  height: 22px;
  padding: 0;
}
#error-message {
  font:12px Arial;
  /*letter-spacing:-1px;*/
  color:red;
  position:absolute;
  top:287px;
  left:166px;
}
/*End of Login Page style*/
/*All-purpose Style*/

input.button-s3{
  font-family: Arial;
  font-size: 11px;
  text-decoration: none;
  height: 25px;
  width: 75px;
  /*
  color: Black;
  background-color: #CCC;
  border: 1px solid;
  */
}
input.button-s4{
  font-family: Arial;
  font-size: 11px;
  text-decoration: none;
  height: 25px;
  width: 100px;
  /*
  color: Black;
  background-color: #CCC;
  border: 1px solid;
  */
}
input.button-s5{
  font-family: Arial;
  font-size: 11px;
  text-decoration: none;
  height: 25px;
  width: 130px;
  /*
  background-color: #CCC;
  color: Black;
  border: 1px solid;
  */
}

.contentLH2Tab{
  height:390px;
  border-left:2px solid #CCCCCC;
  border-right:2px solid #CCCCCC;
  font: 11px arial;
  color: #333333;
  padding: 10px 0 0 5px;
}
.contentLH1Tab {
  height:426px;
  border-left:2px solid #CCCCCC;
  border-right:2px solid #CCCCCC;
  font: 11px arial;
  color: #333333;
  padding: 10px 0 0 5px;
}

.popupTableRowTitle {
	text-align:right;
	vertical-align:top;
	margin-left: 8px;
	border:0px;
}


td.indentTable1 {
  width:130px;
  padding:0;
}



td.indentTable2 {
  width:160px;
  padding:0;
}
td.indentTable3 {
  width:55px;
  padding:0;
}

.popupTableRowSeparator{
  width:16px;
  text-align:center;
  vertical-align:top;
}

td.indentTable4 {
  width:16px;
  padding:0;
}
td.indentTable5 {
  width:24px;
  padding:0;
  text-align:center;
}
td.indentTable6 {
  width:80px;
  padding:0;
}
td.indentTable7 {
  width:440px;
  padding:0;
}
td.indentTable8 {
  width:230px;
  padding:0;
}
td.indentTable9 {
  width:610px;
  padding:0;
}
td.indentTable10 {
  width:90px;
  padding:0;
}

select.statesSelect1 {
  width: 110px;
  font:12px Courier new;
  background-color:#FFFFFF;
}
select.statesSelect2 {
  width: 80px;
  font:12px Courier new;
}
select.statesSelect3 {
  width: 60px;
  font:12px Courier new;
}
select.statesSelect4 {
  width: 150px;
  font:12px Courier new;
}
select.statesSelect5 {
  width: 215px;
  font:12px Courier new;
}
select.statesSelect6 {
  width: 330px;
  font:12px Courier new;
}
select.statesSelect7 {
   width: 100px;
   font:12px Courier new;
}
select.statesSelect8 {
   width: 130px;
   font:12px Courier new;
}
/*
select.statesSelect8 {
  width: 258px;
  font:12px Courier new;
}
*/
/*End All-purpose Style*/

/*Popup style*/
#workflow-component-popup{
  width:805px;
  height:560px;
  background-color:white;
  margin:0 auto;
  font:12px Arial;
  display:block;
  clear:both;
}
#jobdetail-popup{
  width:801px;
  background-color:white;
  margin:0 auto;
  font:12px Arial;
  display:block;
  clear:both;
}
#jobwdetail-popup{
  width:801px;
  height:210px;
  background-color:white;
  margin:0 auto;
  font:12px Arial;
  display:block;
}
#name-popup{
  width:600px;
  height:22px;
  background: url("../images/headerPopup.png") no-repeat top;
  float:left;
  font: 14px Arial;
  color:#666666;
  font-weight:bold;
  display:block;
}
#name-popup span{
  line-height:22px;
  padding-left:6px;
}
#info-box-table{
  /*width:673px;*/
  /*float:left;*/
  font:12px Arial;
  clear:both;
}
#info-box-table td{
  padding:0;
}
.fieldname{
  width:110px;
}
.fieldvalue{
  width:150px;
}
#change-state{
  background-color:white;
  margin:0 auto;
  font:12px Arial;
  width:801px;
  height:35px;
  clear:both;
}
  /*
  background-color:white;
  margin:0 auto;
  font:12px Arial;
  width:801px;
  height:35px;

*/


#change-state input {
  width: 75px;
  height: 21px;
  background:#C0C0C0;
  border:1px solid #333333;
  font:11px arial;
  /* font-weight: bold;*/
}
#change-state select{
  width: 110px;
  height:21px
}
#change-state a{
  font-weight: bold;
  color: #404040;
  text-decoration: none;
}
#greyline-footer-popup{
  background: #B6B6B6;
  width:797px;
  height:1px;
  padding:0;
  margin:0 auto;
  font-size:0;
  clear:both;
}
#blackline-footer-popup {
  background: black;
  width:797px;
  height:1px;
  padding:0;
  margin:0 auto;
  font-size:0;
  clear:both;
}
#footer-popup{
  text-align:center;
  font-size:10px;
  font-family: arial;
  color:#666666;
  background-color:white;
  width:801px;
  margin:0 auto;
  height:23px;
  clear:both;
}

/*End of Popup style*/


/* ModalBox popup styles reassigning*/
#MB_frame {
	background-color:white !important;
}

/* dhtmlx grid styles reassigning*/
	div.gridbox_light {
		border:none !important;
	}

	.whiteClass {
	   color:white !important;
	   background-color:white;
	}

	.gridNumber {
	   text-align:right;
	}
	/* log pages grid icons */
	.mCodeW {
	background: url(../images/icons/mCodeW.png) no-repeat center;
	font-size:0px !important;
	color:white;
	}
	.mCodeM {
	background: url(../images/icons/mCodeM.png) no-repeat center;
	font-size:0px !important;
	color:white;
	}
	.mCodeS {
	background: url(../images/icons/mCodeS.png) no-repeat center;
	font-size:0px !important;
	color:white;
	}
	.mCodeF {
	background: url(../images/icons/mCodeF.png) no-repeat center;
	font-size:0px !important;
	color:white;
	}
	.mCodeE {
	background: url(../images/icons/mCodeE.png) no-repeat center;
	font-size:0px !important;
	color:white;
	}

	/* view audit events page grid icons */
	.au_mCodeE {
	background: url(../images/icons/auditEntry.png) no-repeat center;
	font-size:0px !important;
	color:white;
	}
	.au_mCodeX {
	background: url(../images/icons/auditExit.png) no-repeat center;
	font-size:0px !important;
	color:white;
	}
	.au_mCodeN {
	background: url(../images/icons/auditNew.png) no-repeat center;
	font-size:0px !important;
	color:white;
	}
	.au_mCodeV {
	background: url(../images/icons/auditView.png) no-repeat center;
	font-size:0px !important;
	color:white;
	}
	.au_mCodeC {
	background: url(../images/icons/auditEdit.png) no-repeat center;
	font-size:0px !important;
	color:white;
	}
	.au_mCodeD {
	background: url(../images/icons/auditDelete.png) no-repeat center;
	font-size:0px !important;
	color:white;
	}
	.au_mCodeS {
	background: url(../images/icons/auditSave.png) no-repeat center;
	font-size:0px !important;
	color:white;
	}
	.au_mCodeDEF {
	background: url(../images/icons/auditDef.png) no-repeat center;
	font-size:0px !important;
	color:white;
	}


	.grid_hover {
		/* background-color: #A7DBDF; */
		background-color: orange;
	}
	div.gridbox_light table.obj tr.rowselected td {
		background-color: orange !important;
	}

 div.gridbox_light table.hdr td div {
 	padding:0px !important;
 	text-align:center !important;
}

div.gridbox_light .xhdr {
	background-image:none !important;
}
div.gridbox .xhdr {
	/*background-color:transparent !important;*/
}
input:focus, textarea:focus {
	background:#F0F9FE none repeat scroll 0%;
}
span.validationErrorMsg {
	display: block;
	padding-left: 0px;
	color: red;
}
.LHPanelLine{
	padding: 5px 5px 5px 0px;
}
.LHPanelInputCaption{
	padding: 5px 5px 0px 5px;
}
.LHPanelLineR{
	padding: 3px 5px 3px 5px;
	text-align:right;
}
.LHPanelLineRf{
	padding: 3px 0px 3px 5px;
	text-align:right;
}
.LHPanelLineL{
	padding: 3px 0px 3px 0px;
	text-align:left;
}
.panelButton{
	width:70px;
}
/* End of grid styles */


.calimg{
	 padding:0px 0px 0px 5px;
}

.calInput{
width:71px;
/*padding: 0px 3px 0px 3px;*/
text-align:center;
}

/* Edit node disposition select box */
.node_disp_stand_alone{
	background:#FFFFFF url(../images/icons/STAND_ALONE.gif) no-repeat left;
	padding: 0px 0px 0px 20px;
}

.node_disp_slave{
	background:#FFFFFF url(../images/icons/SLAVE.gif) no-repeat left;
	padding: 0px 0px 0px 20px;
}

.node_disp_master{
	background: #FFFFFF url(../images/icons/MASTER.gif) no-repeat left;
	padding-left:25px;
	padding: 0px 0px 0px 20px;
}
.node_disp{
	background:#FFFFFF;
	padding: 0px 0px 0px 20px;
}
.mandatory {
	font:12px Courier new;
    color: #FF0000;
}


/* Overwrite dhtmlXGrid selection colour in Job monitor page*/
div#viewJobMonitorGridBox.gridbox tr.rowselected td {
	background: #77AAFF;
}

div#viewJobMonitorGridBox.gridbox tr td {
	vertical-align: middle;
}

/* Overwrite dhtmlXTreeGrid selection colour*/
div.gridbox_light table.obj tr.rowselected td{
   background-color:#77AAFF;
   color:black;
}
div.gridbox_light table.obj tr.rowselected td.cellselected, div.gridbox table.obj td.cellselected {
   background-color:#77AAFF;
}
div.gridbox_light table.row20px tr td {
	padding-right: 4px !important;
}

/* Job Monitor icons */
.status_waiting {
	background:#FFFFFF url(../images/icons/jobmonitor/dwm.waiting.gif) no-repeat center !important;
	padding: 0px 0px 0px 0px;
}

.grid_status_waiting {
	background: url(../images/icons/jobmonitor/dwm.waiting.gif) no-repeat left !important;
	padding-left: 13px !important;
}

.status_rewinding {
	background:#FFFFFF url(../images/icons/jobmonitor/dwm.rewinding.gif) no-repeat center !important;
	padding: 0px 0px 0px 0px;
}

.grid_status_rewinding {
	background: url(../images/icons/jobmonitor/dwm.rewinding.gif) no-repeat left !important;
	padding-left: 13px !important;
}

.status_rewind {
	background:#FFFFFF url(../images/icons/jobmonitor/dwm.rewind.gif) no-repeat center !important;
	padding: 0px 0px 0px 0px;
}

.grid_status_rewind {
	background: url(../images/icons/jobmonitor/dwm.rewind.gif) no-repeat left !important;
	padding-left: 13px !important;
}

.status_completed {
	background:#FFFFFF url(../images/icons/jobmonitor/dwm.completed.gif) no-repeat center !important;
	padding: 0px 0px 0px 0px;
}

.grid_status_completed {
	background: url(../images/icons/jobmonitor/dwm.completed.gif) no-repeat left !important;
	padding-left: 13px !important;
}

.status_error {
	background:#FFFFFF url(../images/icons/jobmonitor/dwm.error.gif) no-repeat center !important;
	padding: 0px 0px 0px 0px;
}

.grid_status_error {
	background: url(../images/icons/jobmonitor/dwm.error.gif) no-repeat left !important;
	padding-left: 13px !important;
}

.status_hold {
	background:#FFFFFF url(../images/icons/jobmonitor/dwm.hold.gif) no-repeat center !important;
	padding: 0px 0px 0px 0px;
}

.grid_status_hold {
	background: url(../images/icons/jobmonitor/dwm.hold.gif) no-repeat left !important;
	padding-left: 13px !important;
}

.status_kill {
	background:#FFFFFF url(../images/icons/jobmonitor/dwm.kill.gif) no-repeat center !important;
	padding: 0px 0px 0px 0px;
}

.grid_status_kill {
	background: url(../images/icons/jobmonitor/dwm.kill.gif) no-repeat left !important;
	padding-left: 13px !important;
}

.status_killing {
	background:#FFFFFF url(../images/icons/jobmonitor/dwm.killing.gif) no-repeat center !important;
	padding: 0px 0px 0px 0px;
}

.grid_status_killing {
	background: url(../images/icons/jobmonitor/dwm.killing.gif) no-repeat left !important;
	padding-left: 13px !important;
}

.status_killed {
	background:#FFFFFF url(../images/icons/jobmonitor/dwm.killed.gif) no-repeat center !important;
	padding: 0px 0px 0px 0px;
}

.grid_status_killed {
	background: url(../images/icons/jobmonitor/dwm.killed.gif) no-repeat left !important;
	padding-left: 13px !important;
}

.status_loading {
	background:#FFFFFF url(../images/icons/jobmonitor/dwm.loading.gif) no-repeat center !important;
	padding: 0px 0px 0px 0px;
}

.grid_status_loading {
	background: url(../images/icons/jobmonitor/dwm.loading.gif) no-repeat left !important;
	padding-left: 13px !important;
}

.status_processing {
	background:#FFFFFF url(../images/icons/jobmonitor/dwm.processing.gif) no-repeat center !important;
	padding: 0px 0px 0px 0px;
}

.grid_status_processing {
	background: url(../images/icons/jobmonitor/dwm.processing.gif) no-repeat left !important;
	padding-left: 13px !important;
}

.status_purge {
	background:#FFFFFF url(../images/icons/jobmonitor/dwm.purge.gif) no-repeat center !important;
	padding: 0px 0px 0px 0px;
}

.grid_status_purge {
	background: url(../images/icons/jobmonitor/dwm.purge.gif) no-repeat left !important;
	padding-left: 13px !important;
}

.status_restart {
	background:#FFFFFF url(../images/icons/jobmonitor/dwm.restart.gif) no-repeat center !important;
	padding: 0px 0px 0px 0px;
}

.grid_status_restart {
	background: url(../images/icons/jobmonitor/dwm.restart.gif) no-repeat left !important;
	padding-left: 13px !important;
}

.status_restarting {
	background:#FFFFFF url(../images/icons/jobmonitor/dwm.restarting.gif) no-repeat center !important;
	padding: 0px 0px 0px 0px;
}

.grid_status_restarting {
	background: url(../images/icons/jobmonitor/dwm.restarting.gif) no-repeat left !important;
	padding-left: 13px !important;
}

.status_undefined {
	background:#FFFFFF url(../images/icons/jobmonitor/dwm.undefined.gif) no-repeat center !important;
	padding: 0px 0px 0px 0px;
}

.grid_status_undefined {
	background: url(../images/icons/jobmonitor/dwm.undefined.gif) no-repeat left !important;
	padding-left: 13px !important;
}

.wkfl_comp_image {
	background:#FFFFFF url(../images/icons/jobmonitor/wkfl_comp.png) no-repeat center !important;
	padding: 0px 0px 0px 0px;
}

/* End of Job Monitor icons*/

.jd_row_height {
	height: 25px;
}

.jd_TableRowTitle {
	text-align:left;
	vertical-align:middle;
	height: 24px;
	width: 80px;
	margin-left: 8px;
	border:0px;
}

.jd_TableRowSeparator{
  width:16px;
  text-align:center;
  vertical-align: middle;
}

.wkfl_comps_details_popup {
	overflow: auto;
	display: none;
	position: fixed;
	margin: auto;
	background-color: #FFFFFF;
	z-index: 20000;
}

.disable_image {
	background-image: url(../images/icons/disable.png);
	background-repeat: no-repeat;
	background-position: center;
	padding: 0px 0px 0px 0px;
}

.disable_user_image {
	background-image: url(../images/icons/disabled_user.png);
	background-repeat: no-repeat;
	background-position: center;
	padding: 0px 0px 0px 0px;
}

.menuSystem{
	margin-left:76px;
	width:820px;
}

/***** system status (ss) ****/
.js_name {
   height: 20px;
   font: 11px Arial;
   /*color:#666666;*/
   font-weight:normal;
   padding: 0px 5px 0px 10px;
}
.js_name:hover {
	text-decoration: underline;
	cursor: pointer;
}
.js_value {
   width: 50px;
   height: 20px;
   font: 11px Arial;
   /*color:#666666;*/
   font-weight:normal;
   text-align:right;
   padding: 0px 5px 0px 5px;
}

.ssTitle{
	/* width: 150px;*/
   height: 30px;
   font: 14px Arial;
   vertical-align:center;
   /*color:#666666;*/
   font-weight:normal;
   padding: 11px 0px 0px 35px !important;
   border:0px;
}

.js_line{
	background-color:#e7f3ff !important;
}

.js_bg_COMPLETED{
	background: url("../images/icons/jobmonitor/Completed.png") no-repeat left center;
}
.js_bg_ERROR{
	background: url("../images/icons/jobmonitor/Error.png") no-repeat left center;
}
.js_bg_HOLD{
	background: url("../images/icons/jobmonitor/Hold.png") no-repeat left center;
}
.js_bg_KILL{
	background: url("../images/icons/jobmonitor/Kill.png") no-repeat left center;
}
.js_bg_KILLING{
	background: url("../images/icons/jobmonitor/Killing.png") no-repeat left center;
}
.js_bg_LOADING{
	background: url("../images/icons/jobmonitor/Loading.png") no-repeat left center;
}
.js_bg_PROCESSING{
	background: url("../images/icons/jobmonitor/Processing.png") no-repeat left center;
}
.js_bg_PURGE{
	background: url("../images/icons/jobmonitor/Purge.png") no-repeat left center;
}
.js_bg_RESTART{
	background: url("../images/icons/jobmonitor/Restart.png") no-repeat left center;
}
.js_bg_RESTARTING{
	background: url("../images/icons/jobmonitor/Restarting.png") no-repeat left center;
}
.js_bg_UNDEFINED{
	background: url("../images/icons/jobmonitor/Undefined.png") no-repeat left center;
}
.js_bg_WAITING{
	background: url("../images/icons/jobmonitor/Waiting.png") no-repeat left center;
}
.ssTitleJS{
	background: url("../images/icons/ss_summary.png") no-repeat left center;
}

.ssTitlePR{
	background: url("../images/icons/ss_process.png") no-repeat left center;
}

.ssTitleCR{
	background: url("../images/icons/ss_critical.png") no-repeat left center;
}

.hdd_space{
	background-color:#E4F2FA;
	/*width: 40%;/**/
}
.hdd_space_busy{
	background:#ce0000;
	width:1px;
	height:15px;
}
.hdd_space_noncritical{
	background:#3886D6;
	width:1px;
	height:15px;
}
.hdd_space_critical{
	background:#FB0100;
	width:1px;
	height:15px;
}
.hdd_dir_name_space{
	background: url("../images/hdd_dotted.png")  left bottom;
	background-repeat: repeat-x;
	width: 48%;
}
.hdd_dir_name{
	background:#FFFFFF;
}
.hdd_dir_name_perc{
	background:#FFFFFF;
	padding:0px 5px 0px 2px;
	text-align:right;
}

.text_num{
	text-align:right;
}

.profileTitle{
	text-align: left;
	white-space: nowrap;
	width:150px;
	height:24px;
}
.profileData{
	text-align: left;
}
.profileSemi{
	text-align: center;
	width:20px;
}

.profileAlertMsg{
	color: #FF0000;
}

#new_appl{
	height: 30px;
	cursor: pointer;
	text-decoration: underline;
	padding-top: 10px;
}
#appData td {
	height: 22px;
}

#box-form-inputs {
	height: 610px;
}

#box-form-analysis {
	height: 610px;
}

#box-form-healthcheck {
	height: 610px;
}

#box-form-transformation {
	height: 610px;
}

#box-form-workflow {
	height: 610px;
}

#box-form-outputs {
	height: 610px;
}

#box-form-metaData {
	height: 610px;
}

#box-form-jobDiary {
	height: 610px;
	text-align: center;
}

.jobPalletLH td.job_name{
	height: 25px;
}
.jobPalletLH td{
	padding-top: 2px;
	padding-bottom: 2px;
	height: 20px;/**/
}

/* PALLET*/
span.container
{
display: table-cell; /* For FireFox and Opera */
display: inline-block; /* For Opera and IE */
vertical-align: top; /* For IE */
border:0px;
}

.inputs_header_label {
	border: 1px solid #C1C1C1;
	padding: 10px;
}
.inputs_header_label_wkfl {
	border: 1px solid #C1C1C1;
	padding-left: 10px;
	padding-right: 10px;
}
.app_header_label {
	border: 1px solid #C1C1C1;
	padding: 10px;
}
.inputs_header_label_cont td{
	padding-left: 5px;
	padding-right: 5px;
}
.rowspanstyle{
	vertical-align:top;
	background: #FFFFFF;
	border-bottom: solid 1px #CCCCCC !important;
}
.rowspanstyleR{
	text-align:right !important;
	vertical-align:top;
	background:#FFFFFF;
	border-bottom: solid 1px #CCCCCC !important;
}
.palletTitle{
	font-weight:bold;
	white-space:nowrap;
	vertical-align:middle !important;
	padding:0px;
	margin:0px;
}
.yesNoCancel{
	width:562px;
	height:144px;
	background: url("../images/yesNoCancelBg.png") no-repeat left center;
	text-align:center;
	vertical-align:bottom;
	padding-top:80px;
	margin: 0 auto;
}

.myPrompt{
	width:562px;
	height:144px;
	background: url("../images/yesNoCancelBg.png") no-repeat left center;
	text-align:center;
	vertical-align:bottom;
	padding-top:80px;
	margin: 0 auto;
}
.yesNoCancelLayer{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:100001;
	display:none;
	padding-top:200px;
	background:  transparent;
}
.myPromptLayer{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:100001;
	display:none;
	padding-top:200px;
	background:  transparent;
}

.yesNoCancelButton{
	width:80px;
}

.inp_file_not_found {
	color: red;
}

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

.an_grid_name{
	text-align:center !important;
	background-color:#99CCFF;
}
.an_grid_data_r{
	text-align:right !important;
}

.an_grid_input_slider{
	width:100%;
	text-align:right;
	border:0px;
	background:transparent;
}

.an_grid_title{
	text-align:center !important;
	background-color:#99CCFF !important;
}

.an_grid_row_title{
	text-align:left !important;
	padding:0px 3px 0px 3px !important;
	text-transform: capitalize;
}

.an_grid_length{
	text-align:right !important;
	padding:0px 3px 0px 3px !important;
}

.an_grid_length_l{
	text-align:center !important;
	padding:0px 3px 0px 3px !important;
}


.an_grid_position{
	text-align:left;
	/*font-family: 'Courier New',sans-serif !important;*/
}
.an_grid_data{
	text-align:left;
	/*font-family: 'Courier New', sans-serif !important;*/
}

.an_grid_{
	text-align:left;
	/*font-family: 'Courier New', sans-serif !important;*/
}
.an_grid_length_inp{
    width:95%;
    text-align:right;
}
.treeview td{
    vertical-align: middle !important;
}
.dhtmlxInfoBarLabel {
    color: #000000 !important;
    font: 12px Arial !important;
    font-weight: bold !important;
}
#wkfl_props_grid.gridbox_light table.obj {
	border-bottom: 1px solid #3C3C3C;
	border-top: 1px solid #3C3C3C;
	border-collapse: collapse;
}
#wkfl_props_grid.gridbox_light .odd_light {
	background-color: #FFFFFF;
}
#wkfl_props_grid.gridbox_light table.row20px tr td {
	border-top: 1px solid #3C3C3C;
	border-top: 1px solid #3C3C3C;
	border-left: 1px solid #3C3C3C;
	border-right: 1px solid #3C3C3C;
}
.grid_cell_vmiddle {
	/*vertical-align:middle !important;/**/
}
.outputs_layout_body {
	padding: 10px !important;
	overflow: auto;
	height:492px;
	overflow-x: hidden;
	overflow-y: auto;
}
.outputs_link {
	color: #333333;
}
.outputs_block_table_main {
	margin-bottom:0px;
}
.outputs_block_table_main tr.caption td {
	vertical-align:middle;
	padding-bottom: 3px;
}
.outputs_block_table_emails {
	border: 1px solid #888;
	/*width: 300px;/**/
	border-collapse: collapse;
}
.outputs_block_table_emails td {
	border: 1px solid #888;
	padding: 0px 3px 0px 3px;
	height: 16px;
}
.outputs_block_table_emails .vmiddle {
	vertical-align: middle;
}
.outputs_block_table_emails input {
	/*margin: 0px;
	padding: 0px;/**/
}
.outputs_block_chbox {
	border: 1px solid gray;
}
.outputs_block_table_emails td {
	vertical-align:middle;
}
.outputs_edit {
	border: 0px none #fff;
	width:100%;
}
.noVpad{
	margin:0px 5px 0px 5px;
	padding:0px 0px 0px 0px;

}
#wkfl_attrs_grid table.row20px tr td {
	height:18px;
	white-space:nowrap;
}
#wkfl_attrs_grid tr.odd_light {
	background-color:#FFFFFF;
}
.chbox-control {
	margin: 0px 5px 0px 5px;
	padding: 0px 0px 0px 0px;
}
.yesNoCancelMsg{
	width:400px;
	margin:0px 81px 0px 81px;
	border:1px #ff0000;
}
.hidden {
	display:none;
}

.monospaced {
	font-family: "Courier New",monospace;
}
.btn_simple {
    font-family:Arial !important;
}
.verticalGap10 {
	padding-top: 10px;
}
.verticalGap6 {
	padding-top: 6px;
	height: 23px;
}
.editAppConeiner td{
	vertical-align: middle !important;
}
#paletteConfirm td{
	font: 15px Arial;
    color:#000000;
}

#MB_content form{
	padding:0px;
	margin:0px;
}
.containerTableStyle{
	cursor: pointer;
}
.selectionBox {
	background-color:#FFFFFF !important;
}
#wkfl_props_grid.gridbox_light table.row20px tr td {
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
#wkfl_props_grid.gridbox_light table.obj {
	border-bottom: 0px solid #CCCCCC;
	border-collapse: collapse;
	border-top: 0px solid #CCCCCC;
}
.small_text {
	font-family: Arial;
	font-size: 13px;
	color: Black;
	text-decoration: none;
}
.control_bar td{
	padding-left: 0px;
	padding-right: 0px;
}
.pwkfl_cb_img_button:hover {
	border-right: 1px solid #9F9F9F;
	border-bottom: 1px solid #9F9F9F;
	border-left: 1px solid #DFDFDF;
	border-top: 1px solid #DFDFDF;
	cursor: pointer;
	width: 24px;
	height: 24px;
	padding: 2px;
}
.pwkfl_cb_img_button_disabled:hover {
	border: 1px solid #FFFFFF;
	cursor: pointer;
	width: 24px;
	height: 24px;
	padding: 2px;
}
.pwkfl_cb_img_button {
	border-right: 0px solid #FFFFFF;
	border-bottom: 0px solid #FFFFFF;
	width: 24px;
	height: 24px;
	padding: 2px;
}
#cb_sj_state_text {
	padding-left: 7px;
	font-weight:bold;
	text-transform: uppercase;
}
#cp_save_job_state td {
	vertical-align: middle;
}
#cp_save_to_app td {
	vertical-align: middle;
}
.watch_window_controls td{
	font-family: Arial;
	font-size: 13px;
	color: Black;
}
div.dhxcont_global_layout_area {
	position:relative !important;
}
.dhx_combo_list {
	z-index: 20001 !important;
}

.panelInput{border:1px solid #A4BED4; width:90%; background:transparent; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#000000;}
.calendar_input{
	border: 1px solid #AAAAAA;
	cursor: pointer;
	width: 120px;
	padding: 2px;
	font-family: Arial, verdana, sans-serif;
	font-size: 13px;
	color: #000000;
	background: url('../images/cal.gif') right center no-repeat;
}

.login-bg-image {
	height: 900px;
	width: 100%;
	position: fixed; 
	left: 0;
	top: 0;
	overflow: visible;
	background: url('../images/dwm-login-repeat.png');
	background-size: 88px calc(100% - 45px);
}

.login-bg-image img {
	padding: 0;
	margin: 0;
	height: 100%;
	position: absolute;
	left: 0px;
}

.login-screen {
	width: 100%;
	height: 100%;
	position: absolute; 
	left: 0;
	top: 0;
	overflow: visible;
	
	--background: url('../images/dwm-login-repeat.png');
	--background-size: cover;
	--background-size: 100%;
    --background-color: #1e9cd7;
	
	background: #1e5799; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU5JSIgc3RvcC1jb2xvcj0iIzZmYWJjNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc5JSIgc3RvcC1jb2xvcj0iI2EzZDRlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #1e5799 0%, #6fabc4 59%, #a3d4e2 79%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(59%,#6fabc4), color-stop(79%,#a3d4e2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1e5799 0%,#6fabc4 59%,#a3d4e2 79%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1e5799 0%,#6fabc4 59%,#a3d4e2 79%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #1e5799 0%,#6fabc4 59%,#a3d4e2 79%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #1e5799 0%,#6fabc4 59%,#a3d4e2 79%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

.ie .login-screen {
	position: static;
}

.login-screen table td {
	text-shadow: 0 1px 1px rgba(16, 62, 36, 0.14);
}

.dwm-login-logo {
	height: 117px;
	margin-left: 60px;
	margin-top: 20px;
}

.dwm-login-image {
	margin-left: 0px;
	height: 415px;
	z-index: 10;
	position: absolute;
	top: 185px;
	left: 0px;
}

.dwm-login-image img {
	--z-index: 10;
}

.login-table td {
	font-family: Arial;
}

.login-screen #capsLock {
	font: 11px Arial;
	color: red;
}

#login-form {
	z-index: 10;
}

#login-form .form-field-submit {
	text-align: left;
}

#login-form .form-title {
	font: 16px Arial;
	font-weight: bold;
	color: #252525;
}

#login-form .form-field, #login-form .field-name {
	width: 295px;
}

#login-form .form-field input.login-form-enter {
	width: 290px;
	height: 27px;
	font-size: 14px;
	color: #252525;
	padding-left: 4px;
	padding-right: 4px;
	line-height: 27px;
}

#login-form .form-field {
	color: #FFFFFF;
	font-weight: normal;
}

#login-form .field-name {
	color: #FFFFFF;
	font-weight: bold;
}

#login-form .form-field-submit .login-form-button:active, #login-form .form-field-submit .login-form-button:focus {
	background: #1e9bd6;
	color: #FEFEFE;
}

#login-form .form-field-submit .login-form-button:focus {
	border: 2px solid #FEFEFE;
}

.box-shadow {
	-moz-box-shadow: 1px 0px 5px 0px rgba(98, 98, 98, 0.3);
	-webkit-box-shadow: 1px 0px 5px 0px rgba(98, 98, 98, 0.3);
	box-shadow: 1px 0px 5px 0px rgba(98, 98, 98, 0.3);
}

input.flat, input.flat:focus, input.flat:active {
	border-style: solid;
}

input.flat:focus, input.flat:active {
	border: 2px solid #DFDFDF;
}

#login-form .form-field-submit .login-form-button {
	font: 500 14px Sans-Serif;
	text-transform: uppercase;
	background: #1e9bd6;
	border: 1px solid #FEFEFE;
	width: 80px;
	height: 30px;
	color: #FEFEFE;
}

#login-form .form-text-small, #login-form .form-text, #login-form .form-text-big {
	color: #FEFEFE;
	padding-top: 10px;
}

#login-form .form-text-small {
	font: 10px Arial;
}

#login-form .form-text {
	font: 13px Arial;
}

#login-form .form-text-big {
	font: 14px Arial;
	font-weight: bold;
}

.justify {
	text-align: justify;
}

#login-form .login-table {
	width: 400px;
}

.login-cubes {
	width: 100%;
	height: 300px;
	position: absolute;
	bottom: 5%;
	left: 0px;
	background: url('../images/dwm-login-cubes.png');
	z-index: 1;
	opacity: 0.5;
}

.login-copyright-block {
	width: 100%;
	height: 5%;
	position: absolute;
	bottom: 0px;
	--background: #FFFFFF;
	text-align: center;
}

.login-copyright-text {
	height: 30px;
	font: 12px Arial;
	color: #1e9cd7;
}

.cubes-block {
	display: inline;
	overflow: hidden;
	width: 100%;
	height: 220px;
}

.pointer {
	cursor: pointer;
}

#pp_div .content{
	padding: 4px;
	font: 13px Arial Tahoma Serif;
}

#pp_div {
	overflow: auto;
	width: 100%;
	height: 100%;
}

.dhtmlx_window_active {
	-moz-box-shadow: 1px 0px 5px 0px rgba(98, 98, 98, 0.3);
	-webkit-box-shadow: 1px 0px 5px 0px rgba(98, 98, 98, 0.3);
	box-shadow: 1px 0px 5px 0px rgba(98, 98, 98, 0.3);
}

.permission-denied-message, .permission-denied-message a {
	color: #FFFFFF;
    font: 14px Tahoma Serif;
}

.permission-denied-message {
	margin-top: 60px;
}

#firstAttempt{ 
	color: #252525;
	text-transform: uppercase;
}

#nextAttempt {
	color: #B22222;
}

.text-shadow {
	text-shadow: 0 1px 1px rgba(16, 62, 36, 0.14);
}

#general-lock-info {
	color: #FFFFFF;
	font-weight: normal;
}
div.gridbox table.row20px tr td {
	height: 18px;
	vertical-align: middle;
}

#YesNoCancel_btnNo, YesNoCancel_btnYes, YesNoCancel_btnCancel {
	width: 80px;
}

div.gridbox table.row20px tr td {
	height: 18px;
}

.jm-input {
	width: 70px;
	font: normal 12px Arial;
}

.calimg a img {
	margin-top: 2px;
}

.treegrid_cell img {
    height: 18px;
}

span.disabled {
    color: #CCCCCC;
}

/* Error page styles */
.flex-container {
    height: 100%;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.flex-container hr{
    width: 782px;
    height: 1px;
    background-color: #3d3d3d;
    margin-top: 30px;
    border:0;
}

.row {
    display: flex;
    width: auto;
}
.error-page-title{
    background: #3d3d3d;
    color: #FFF;
    font-size: 20px;
    font-weight: 500;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    line-height: 80px;
    height: 80px;
}

.error-page-description{
    color: #3d3d3d;
    font-size: 0.75em;
    font-weight: 400;
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 20px;
    max-width: 350px;
}

.error-page-description p{
    margin: 30px 0;
}

.error-page-copyright{
    color: #3d3d3d;
    font-size: 0.75em;
    font-weight: 400;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 34px;
}

.error-page-copyright div{
    margin: 0 20px;
}