img
{
  image-rendering: -webkit-optimize-contrast; // Safari 6, UC Browser 9.9
  image-rendering: -webkit-crisp-edges; // Safari 7+
  image-rendering: -moz-crisp-edges; // Firefox 3.6+
  image-rendering: -o-crisp-edges; // Opera 12
}

.hcmsStartBar
{
  width: 100%;
  height: 80px;
  margin: 0 0 120px 0;
  padding: 0;
}

.hcmsStartScreen
{
  /*background-image: url('../img/backgrd_start.png');*/
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center; 
  background-color: #d2d6de;
  text-align: left;
  padding: 0;
  margin: 0;
}

.hcmsLogonScreen
{
  width: 260px;
  margin: auto;
  padding: 20px;
  font-size: 12px;
  text-align: left;
}

.hcmsWorkplaceTop
{
  background-color: #ff9f00;
  background-image: url('../img/backgrd_top.png');
  background-repeat: repeat;
}

.hcmsLogoTop
{
  height: 32px;
  padding: 0;
  margin: 0;
  border: 0;
  float: left;
}

.hcmsWorkplaceBar
{
  background-color: #eeeeee;
  border-left: 5px solid #EB6804;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 38px;
  margin: 0;
  padding: 0;
  z-index: 900;
}

.hcmsLocationBar
{
  width: 100%;
  background-color: #eee;
  margin: 0;
  padding: 0px 3px;
  border-left: 5px solid #EB6804;
  display: block;
}

.hcmsContextMenu
{
  border: 1px solid #000000;
  background-color: #FFFFFF;
  box-shadow: 3px 3px 12px #000000;
  -webkit-box-shadow: 3px 3px 12px #000000;
  -moz-box-shadow: 3px 3px 12px #000000;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000',direction='120',strength='5');
}

.hcmsChatBar
{
  border-left: 1px solid #000000;
  box-shadow: 3px 3px 12px #000000;
  -webkit-box-shadow: 3px 3px 12px #000000;
  -moz-box-shadow: 3px 3px 12px #000000;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000',direction='120',strength='5');
}

.hcmsImageItem
{
  border: 1px solid #808080;
  background-color: #FFFFFF;
  margin-bottom: 4px;
  box-shadow: 0px 3px 3px #000000;
  -webkit-box-shadow: 0px 3px 3px #000000;
  -moz-box-shadow: 0px 3px 3px #000000;
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000',direction='180',strength='4');
}

.hcmsWorkplaceControl
{
  margin: 0;
  padding: 0;
  background-color: #dedddb;
}

.hcmsWorkplaceControlWallpaper
{
  margin: 0;
  padding: 0;
  /*background-color: #5994E8;*/
  background-color: #ff9f00;
}

.hcmsToolbar
{
  width: 100%;
  height: 36px;
  padding: 1px;
  display: block;
}

.hcmsToolbarBlock
{
  float: left;
  padding-right: 3px;
  margin-right: 3px;
  border-right: 2px solid #6DA6F5; 
}

.hcmsWorkplaceExplorer
{
  margin: 0;
  padding: 0;
  background-color: #eee;
}

.hcmsWorkplaceObjectlist
{
  background-color: #ECF3F9;
}

.hcmsWorkplaceWorkflow
{
  background-color: #7BB5FF;
}

.hcmsWorkplaceGeneric
{
  background-color: #eee;
  margin: 0; 
  padding: 0;
  overflow: auto;
}

.hcmsWorkplaceFrame
{
  margin: 0;
  border: 0;
  padding: 8px;
}

.hcmsMediaRendering
{
  border: 1px solid #EB6804;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #ECF3F9;
  box-shadow: 2px 2px 3px #000000;
  -webkit-box-shadow: 2px 2px 3px #000000;
  -moz-box-shadow: 2px 2px 3px #000000;
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000',direction='120',strength='4');
}

.hcmsTemplateField
{
  border: 1px solid #000000;
  background-color: #FFFFFF;
}

.hcmsFormRowLabel
{
  font-size: 14px;
  padding: 14px 2px 6px 4px;
  display: block;
}

.hcmsFormRowContent
{
  padding: 2px 2px 2px 4px;
  display: block;
}

.hcmsRowHead1
{
  background-color: #42B551;
}

.hcmsRowHead2
{
  background-color: #94CE9C;
}

.hcmsRowData1
{
  background-color: #B7CFF4;
}

.hcmsRowData2
{
  background-color: #C7D9F5;
}

.hcmsPriorityAlarm
{
  background-color: #FC5041;
}

.hcmsPriorityHigh
{
  background-color: #FC9A45;
  color: #000000;
}

.hcmsPriorityMedium
{
  background-color: #FDCE7E;
  color: #000000;
}

.hcmsPriorityLow
{
  background-color: #AECDFE;
  color: #000000;
}

.hcmsMessage
{
  vertical-align: middle;
  border: 2px solid #eee;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #eee;
  box-shadow: 3px 3px 12px #000000;
  -webkit-box-shadow: 3px 3px 12px #000000;
  -moz-box-shadow: 3px 3px 12px #000000;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000',direction='120',strength='5');
}

.hcmsHomeBox
{
  z-index: 100;
  padding: 5px;
  overflow: auto;
  filter: alpha(opacity=95); -moz-opacity: 0.95; opacity: 0.95;
  vertical-align: middle;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #FFFFFF;
  font-size: 12px;
  background-color: #39689D;
  box-shadow: 3px 3px 12px #000000;
  -webkit-box-shadow: 3px 3px 12px #000000;
  -moz-box-shadow: 3px 3px 12px #000000;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000',direction='120',strength='5');
}

.hcmsInfoBox
{
  z-index: 100;
  padding: 5px;
  overflow: auto;
  filter: alpha(opacity=95); -moz-opacity: 0.95; opacity: 0.95;
  vertical-align: middle;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #EFF6FF;
  box-shadow: 3px 3px 12px #000000;
  -webkit-box-shadow: 3px 3px 12px #000000;
  -moz-box-shadow: 3px 3px 12px #000000;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000',direction='120',strength='5');
}

.hcmsIconList
{
  width: 16px;
  height: 16px;
  border: 0;
  margin: 0px 0px 2px 2px;
  vertical-align: middle;
}

.hcmsButton
{
  cursor: pointer;
  padding: 2px;
  margin: 0;
  border: 0;
  float: left;
}

.hcmsButton:hover, .hcmsButtonActive
{
  padding: 1px;
  margin: 0;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FFC477), color-stop(1, #FB940C) );
	background: -moz-linear-gradient( center top, #FFC477 5%, #FB9E25 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFC477', endColorstr='#FB9E25');
	background-color: #FFC477;
  border: 1px solid #FF8411;
}

.hcmsButtonBlank
{
  cursor: pointer;
  padding: 2px;
  margin: 0;
  border: 0;
  float: left;
}

.hcmsButtonOff
{
  padding: 2px;
  margin: 0;
  border: 0;
  filter: gray() alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3;
  float: left;
  z-index: 0;
}

.hcmsButtonTiny
{
  cursor: pointer;
  padding: 0;
  margin: 0;
  border: 0;
}

.hcmsButtonTiny:hover
{
  padding: 0;
  margin: 0;
  border: 0;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FFC477), color-stop(1, #FB940C) );
	background: -moz-linear-gradient( center top, #FFC477 5%, #FB9E25 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFC477', endColorstr='#FB9E25');
	background-color: #FFC477;
}

.hcmsButtonTinyBlank
{
  cursor: pointer;
  padding: 0;
  margin: 0;
  border: 0;
}

.hcmsButtonTinyOff
{
  padding: 0;
  margin: 0;
  border: 0;
  filter: gray() alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3;
}

.hcmsButtonClose
{
  cursor: pointer;
  background-image: url(../img/button_close.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  margin: 0;
  border: 0;
  float: left;
}

.hcmsButtonClose:hover
{
  background-image: url(../img/button_close_over.png);
}

.hcmsButtonSizeSquare
{
  width: 25px;
  height: 25px;
}

.hcmsButtonSizeNarrow
{
  width: 16px;
  height: 32px;
}

.hcmsButtonSizeWide
{
  width: 50px;
  height: 32px;
}

.hcmsButtonSizeHeight
{
  height: 32px;
}

.hcmsButtonMenu
{
  height: 32px;
  line-height: 32px;
  border-right: 1px solid #7F9ECA;
  float: left;
  padding: 0px 6px;
  margin: 0;
  text-decoration: none;
  cursor: pointer;
}

.hcmsButtonMenu:hover
{
  background-color: #EB6804;
}

.hcmsButtonMenu:active
{
  position: relative;
  top: 1px;
}

.hcmsButtonMenuActive
{
  background-color: #EB6804;
  position: relative;
  top: 1px;
}

.hcmsButtonBlue
{
  background-color: #65B1FC;
  border: 1px solid #469df5;
  display: inline-block;
  padding: 2px 10px;
  text-decoration: none;
  cursor: pointer;
}

.hcmsButtonBlue:hover
{
  background-color: #7EBDFD;
}

.hcmsButtonBlue:active
{
  position: relative;
  top: 1px;
}

.hcmsButtonGreen
{
  background-color: #233265;
   border: 0px solid #268a16; 
color:#fff;
  display: inline-block;
  padding: 2px 10px;
  text-decoration: none;
  cursor: pointer;
}

.hcmsButtonGreen:hover
{
  background-color: #283974;
}

.hcmsButtonGreen:active
{
  position:relative;
  top:1px;
}

.hcmsButtonOrange
{
  background-color: #FB9004;
  border: 1px solid #C28B2C;
  display: inline-block;
  padding: 2px 10px;
  text-decoration: none;
  cursor: pointer;
}

.hcmsButtonOrange:hover
{
  background-color: #FFC477;
}

.hcmsButtonOrange:active
{
  position: relative;
  top: 1px;
}

.hcmsMore
{
  border-top: 1px solid #C0C0C0;
  background-color: #E2ECF5;
  cursor: pointer; 
}

.hcmsMore:hover
{
  background-color: #C7DBED;
}

.hcmsSelector
{
  margin: 0;
  padding: 1px;
	background-color: #FCB335;
  border: 1px solid #FF8411;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 3px 3px 12px #000000;
  -webkit-box-shadow: 3px 3px 12px #000000;
  -moz-box-shadow: 3px 3px 12px #000000;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000',direction='120',strength='5');
}

.hcmsSelectorItem
{
  font-size: 12px;
  cursor: pointer;
  margin: 0;
  padding: 0 20px 0 0;
  background-color: #FCB335;
  border: 0;
}

.hcmsSelectorItem:hover
{
  background-color: #FF9000;
}

.hcmsHeadline 
{  
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  font-weight: bold; 
  text-decoration: none;
  padding: 3px 0px;
}

.hcmsHeadlineTiny 
{  
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  font-weight: normal; 
  color: #000080; 
  text-decoration: none;
}

.hcmsTextSmall 
{  
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 9px; 
  font-weight: normal; 
  color: #000000; 
  text-decoration: none;
}

.hcmsTabContainer
{
  width: 100%;
  min-width: 500px;
  height: 22px;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #000000;
  display: block;
}

.hcmsTabActive
{
  float: left;
  background-color: #CEDEFF;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  border-left: 1px solid #000000;
  border-bottom: 2px solid #CEDEFF;
  width: 116px;
  height: 17px;
  padding: 2px;
  margin: 0px 0px -2px 3px;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
}

.hcmsTabPassive
{
  float: left;
  background-color: #eeeeee;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  border-left: 1px solid #000000;
  border-bottom: 0;
  width: 116px;
  height: 17px;
  padding: 2px;
  margin: 0px 0px -2px 3px;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
}

.hcmsLoadScreen
{
	z-index: 9000;
	display: none;
	width: 100%;
	height: 100%;
	background: url("../img/loading.gif") no-repeat center center #C8DCFF;
	position: fixed;
	opacity: 0.7;
}

.hcmsTextGreen
{
  color: #5AAD5A; 
}

.hcmsTextOrange
{
  color: #F78C31; 
}

.hcmsTextWhite
{
  color: #FFFFFF; 
}

.hcmsTextShadow
{
  text-shadow: 0px 0px 2px #000000;
}

.hcmsRequiredInput
{
  border: 1px solid red;
  color: red;
}

.hcmsFace
{
  position: absolute;
  z-index: 100;
  border: 2px solid #FFFFFF;
  filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;
  cursor: pointer;
  box-shadow: 2px 2px 10px #000000;
  -webkit-box-shadow: 2px 2px 10px #000000;
  -moz-box-shadow: 2px 2px 10px #000000;
}

input, select, textarea, button
{
  font-family: inherit;
  font-size: inherit; 
  font-weight: normal;
  color: #000000;
  text-decoration: none;
  vertical-align: middle;
  border: 1px solid #808080;
  background-color: #FFFFFF;
  margin: 0;
  padding: 5px;
}

a 
{
  font-family: inherit;
  font-size: inherit;
  font-weight: bold;
  text-decoration: none;
  color: #000000;
  outline: none;
}

a:link
{
  color: #000000;
}

a:hover 
{
  color: #004ACE;
}

a:visited 
{
  color: #000000;
}

a:active 
{
  color: #000000;
}

html, body
{
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  font-weight: normal; 
  color: #000000; 
  text-decoration: none;
}

ul.hcmsStructuredList
{
  list-style-type: none;
  padding: 2px;
  margin: 2px;
}

ul.hcmsStructuredList li
{
  padding-left: 14px;
}

ins
{
  color: green;
}

del
{
  color: red;
}

hr
{
  height: 1px;
  border-width :0;
  color: #0ACA03;
  background-color: #8EA9EC;
}