/* Color text that represents a bad status */
.comtomStatusBad
{
  color: #ED1C24;
}

/* Color text that represents a medium status */
.comtomStatusMed
{
  color: #FF6600;
}

/* Menu items, mainly for the toolbar */
.comtomIcon
{
  background-image: url('icons.png');
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}

/* Icons that are right-aligned on the toolbar */
.comtomIconRightAlign
{
  float: right;
  margin-right: 5px;
}

.comtomIconDiscard
{
  background-position: -24px 0;
}

.comtomIconLoad
{
  background-position: -48px 0;
}

.comtomIconSave
{
  background-position: -72px 0;
}

.comtomIconStart
{
  background-position: -96px 0;
}

.comtomIconStop
{
  background-position: -120px 0;
}

.comtomIconUnit
{
  background-position: -144px 0;
}

.comtomIconIo
{
  background-position: -168px 0px;
}

.comtomIconPortalIo
{
  background-position: -192px 0;
}

.comtomIconConst
{
  background-position: -216px 0;
}

.comtomIconLiveView
{
  background-position: -240px 0;
}

.comtomIconStopLiveView
{
  background-position: -264px 0;
}

.comtomIconSettings
{
  background-position: -288px 0;
}

.comtomIconBack
{
  background-position: -312px 0;
}

.comtomIconHelp
{
  background-position: -336px 0;
}

.comtomIconEditor
{
  background-position: -360px 0;
}

.comtomIconHome
{
  background-position: -384px 0;
}

.comtomIconReboot
{
  background-position: -408px 0;
}

.comtomIconDelete
{
  background-position: -432px 0;
}

.comtomIconDeleteDisabled
{
  background-position: -456px 0;
}

.comtomIconProgramSettings
{
  background-position: -480px 0;
}

.comtomIconExport
{
  background-position: -504px 0;
}

.comtomIconAdd
{
  background-position: -528px 0;
}

.comtomIconEdit
{
  background-position: -552px 0;
}

.comtomIconEditDisabled
{
  background-position: -576px 0;
}

.comtomIconDiag
{
  background-position: -600px 0;
}

.comtomIconVar
{
  background-position: -624px 0px;
}

.comtomIconShowProcessingOrder
{
  background-position: -648px 0;
}

.comtomIconHideProcessingOrder
{
  background-position: -672px 0;

}
.comtomIconVisu
{
  background-position: -768px 0;
}

.comtomIconSgimVisu
{
  background-position: -720px 0;
}

.comtomIconUpdate
{
  background-position: -744px 0;
}

.comtomIconVisuEdit
{
  background-position: -792px 0;
}

[class*='comtomIcon comtomIconStopLiveView'],
[class*='comtomIcon comtomIconStopProcessing']
{
  background-color: #a1a1a1;
  opacity: 0.5;
}


/* Help topics */
.comtomHelpCode
{
  margin: 10px;
  padding: 3px;
  background-color: #F7F7F7;
  border-width: 1px;
  border-style: solid;
}

.comtomHelpCodeHeading
{
  margin-top: 4px;
  margin-bottom: 4px;
  font-weight: bold;
}

/* RSSI icons for StatusList */
.comtomStatusListRssiIcon
{
  background-image: url('rssiIcons.png');
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  float: left;
}

.comtomStatusListRssiIconBad
{
  background-position: 0 0;
}

.comtomStatusListRssiIconWeak
{
  background-position: -16px 0;
}

.comtomStatusListRssiIconMedium
{
  background-position: -32px 0;
}

.comtomStatusListRssiIconGood
{
  background-position: -48px 0;
}

.comtomStatusListRssiIconExcellent
{
  background-position: -64px 0;
}

.comtomStatusListRssiIconDisconnected
{
  background-position: -80px 0;
}


/* Editor status bar */
.comtomWebplcStatusBar
{
  height: 16px;
}

.comtomWebplcStatusBar > div
{
  float: left;
  margin-right: 10px;
}

.comtomWebplcStatusBarIcon
{
  background-image: url('../webplc/templates/statusBarIcons.png');
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}

.comtomWebplcStatusBarIconHidden
{
  width: 0; !important;
  height: 0; !important;
}

.comtomWebplcStatusBarIconStoplightOff
{
  background-position: 0 0;
}

.comtomWebplcStatusBarIconStoplightRed
{
  background-position: -16px 0;
}

.comtomWebplcStatusBarIconStoplightAmber
{
  background-position: -32px 0;
}

.comtomWebplcStatusBarIconStoplightGreen
{
  background-position: -48px 0;
}

.comtomWebplcStatusBarIconConnectionLoss
{
  background-position: -64px 0;
}

.editorStateIndication
{
  float: left;
}

#processingOrder
{
  border-radius:  5px;
  border: 2px solid black;
  height: 15px;
}