/* CSS Document */

* {padding: 0; margin: 0;}
html, body {height: 100%;}
body {font-family: Arial, Geneva, Helvetica, sans-serif; font-size: 95%; line-height: 135%; background-color: #ffffff;}

table, th, td {font-size: 100%; text-align: left;}
td {vertical-align: top;}
table, img {border: 0; padding: 0; margin: 0;}

a:link {color: #2c68c3; text-decoration: underline;}
a:visited {color: #6b19a8;}
a:active {color: #999999;}
a:link:hover, a:visited:hover, a:active:hover {color: #d00000; cursor: pointer;} 

p, ul, ol, blockquote {line-height: 135%;}
address {font-style: normal;}

p {margin: 1.45em 0 0 0; padding: 0; text-indent: 0;}
ul {margin: 1.45em 0 0 0; padding: 0; list-style: none;}
ul ul {margin: 0;}
ol {margin: 1.45em 0 0 0; padding: 0;}
ol ol {margin: 0;}
li {margin: 0; padding: 0; }
li li {}

h1, h2, h3, h4, h5, h6 {font-family: Arial, Geneva, Helvetica, sans-serif; font-weight: bold; padding: 0; margin: 1.45em 0 0 0;}

h1 {position: relative; left: -.03em; color: #e11e1e; font-family: Segoe UI, Verdana, Arial, sans-serif; font-size: 160%; font-weight: normal; letter-spacing: -1px; line-height: 110%; margin: .75em 0 0.25em 0;} .Safari h1 {margin-bottom: .3em;}

h2 {font-size: 100%; line-height: 135%;}
h3 {font-size: 85%; margin: 1.7em 0 0 0;}
h4 {font-size: 85%; margin: 1.7em 0 0 0;}

.First {margin-top: 0 !important;}
p + ul, p + ol,
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, 
h1 + ul, h2 + ul, h3 + ul, h4 + ul, h5 + ul, h6 + ul, 
h1 + ol, h2 + ol, h3 + ol, h4 + ol, h5 + ol, h6 + ol {margin-top: .15em !important;}

blockquote {margin: 0; padding: 0; line-height: 145%;}
input {margin: 0; font-size: inherit; font-family: Tahoma, Verdana, Geneva, sans-serif; vertical-align: middle; line-height: 125%; //font-size: 95%;}
select, option {margin: 0; font-size: inherit; font-family: Tahoma, Verdana, Geneva, sans-serif; vertical-align: middle; line-height: 125%; //font-size: 95%;}
pre, tt, .Mono {font-family: Consolas, 'Lucida Console', 'Courier New', Courier, monospace; font-size: 107%; margin: .5em 0; overflow: visible;}
hr {border: none; border-bottom: 1px solid #a3a0a0; margin: 1.45em 0;}


/* Common settings */

.Png1 {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Img/One.png',sizingMethod=crop)}
.Png2 {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Img/Two.png',sizingMethod=crop)}
.Png3 {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Img/Three.png',sizingMethod=crop)}

.Print {display: none !important;}
.Explorer .OverallWrapper {//zoom: 1;}

/* underlining in Mozilla & Safari quirks mode doesn't work properly */
a img, a u {text-decoration: none !important;}

.AlignCenter, .AlignLeft, .AlignRight {width: auto; vertical-align: top; line-height: 145%;}
.AlignCenter {text-align: center;}
.AlignCenter {text-align: -moz-center;}
.AlignLeft {text-align: left;}
.AlignLeft {text-align: -moz-left;}
.AlignRight {text-align: right;}
.AlignRight {text-align: -moz-right;}

.Clearer {clear: both; height: .01em; width: .01em; line-height: 8%; //line-height: 1%; font-size: 1%; overflow: hidden; visibility: hidden; margin: 0; padding: 0; position: relative; z-index: -10;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.Brick {overflow: hidden; visibility: hidden; width: .01em; height: .01em; line-height: 8%; //line-height: 0; vertical-align: baseline; z-index: -10;}
.Line {width: 100%; height: 1px; overflow: hidden; line-height: 8%; //line-height: 0;}
.HalfLine {line-height: 50%;}
.Big, .Bigger {font-size: 115%; line-height: 135%;}
.Small, .Smaller {font-size: 85%; line-height: 150%;}
.Amp {font-family: 'Goudy Old Style', 'Palatino', 'Book Antiqua', Constantia, serif; font-style: italic; font-size: 110%;}
.Middot {white-space: pre-wrap; margin: 0; font-weight: bold;}
.Segoe {font-family: 'Segoe UI', Segoe, Arial, Geneva, Helvetica, sans-serif;}

.MEScontrolLogo {position: relative; left: 9px;}
.MEScontrolLogoStatus {color: #5e5858 !important; position: relative; left: 9px;}
	

/* Home Page */

.HomePageArrow {position: absolute; display: block; width: .5em; height: 100px; top: -48px; left: -10px; overflow: hidden; border: 0px solid red;}
.HomePageArrow em {position: absolute; display: block; width: 17px; height: 97px; right: 0; background: url("../../Img/HomePageArrow2.gif") right .67em no-repeat;}
.NewsLogo {line-height: 175%; padding: 0;}
a.Homelink {position: absolute; top: -106px; left: 22px; display: block; font-size: 85%; width: 10em; color: #b0aeae !important;}
a.Homelink:visited {color: #b0aeae !important;}
a.Homelink:focus {outline: none;}

.NewsList {}
.NewsList a { white-space: normal !important;}
.NewsList li {margin-top: 1.15em;}
.NewsList li .Date {font-size: 100%; line-height: 145%; font-family: 'Segoe UI', Segoe, Arial, Geneva, Helvetica, sans-serif; font-style: italic; color: #5e5858;}
.NewsList li a.NewsTitle {}
.NewsList li .NewsHeader {display: none;}


/* Main Menu */

.MenuHome p {line-height: 145%;}
.MenuHome a {margin: 0 .5em 0 0; white-space: nowrap;}
.MenuHome span {line-height: 125%;}
.MenuHome span.SubGray {line-height: 125%; color: #5e5858; font-style: italic; position: relative; display: inline-block; height: 1.25em; padding-left: 1px;}

.Menu {margin-top: .75em;}
.Menu ul {list-style:none;}
.Menu li {padding: .15em 30px .15em 22px; margin: 0; line-height: 120%;}
.Safari .Menu li {padding: .2em 30px .2em 22px;}
.Menu li.Empty {line-height: .7em;}
.Menu li.Gray {color: #706b6b !important;}
.Explorer .Menu li.Gray {font-size: 95%;}
.Menu li.Selected {padding: .2em 65px .4em 21px; background: #afabab url("../../Img/Pointer.gif") right center no-repeat; margin: .35em 0 .175em 0;}
.Menu li.Submenu {padding: 0 0 0 22px; margin: 0; -border-top: .01em solid #ffffff;}
.Menu a {font-weight: normal;}
.Menu .Selected a {font-weight: normal; color: #ffffff; position: relative; top: .075em; text-decoration: none; cursor: default !important;}
.Safari .LeftMenu .Menu .Selected a {top: .15em;}
.Menu .Gray span {color: #706b6b !important; font-size: 105%; position: relative; top: 1px; font-family: 'Segoe UI', Segoe, Arial, Geneva, Helvetica, sans-serif; font-style: italic;}

.Menu .Submenu li.Selected {padding: 0; margin: .45em 0 .175em 0; position: relative; left: -21px; background: none; background-color: transparent;}
.Menu .Submenu .Selected * {background: none; background-color: transparent;}
.Menu .Submenu .Selected span {color: #807c7c; font-weight: normal; text-decoration: none; display: block; position: relative; padding: .35em 30px .45em 42px;}

.Menu .Submenu .Selected .LineTop, .Menu .Selected .LineBottom, .Menu .Selected .Pointer {display: block; position: relative; font-style: normal;}
.Menu .Submenu .Selected .LineTop {background: url("../../Img/PointerLine.gif") left top repeat-x;}
.Menu .Submenu .Selected .LineBottom {background: url("../../Img/PointerLine.gif") left bottom repeat-x;}
.Menu .Submenu .Selected .Pointer {background: url("../../Img/Pointer3.gif") right center no-repeat;}

.MenuLogo {margin: 0 0 1em 22px;}

.Sitemap li {padding-left: 1px !important;}
.Sitemap li li {padding-left: 20px !important;}

.Safari .Menu .Submenu .Selected span {top: .15em;}
.Safari .Menu .Submenu .Selected .Pointer {background: url("../../Img/Pointer3Safari.gif") right center no-repeat;}
.Explorer .Menu .Submenu .Selected span {width: 100%; top: -1.2em; padding: .2em 30px .3em 43px;}
.Explorer .Menu .Submenu .Selected div {overflow: visible;}


/* Content area */
.MainLayout {position: relative; z-index: 0;}
#LeftColumn {width: 21%;}
#MiddleColumn {width: 59%;}
#RightColumn {width: 20%;}

.GrayBorder {background: url("../../Img/GrayLine.gif") repeat-y; padding-left: 10px;}
.GrayHorLine {background: url("../../Img/GrayHorLine.gif") repeat-y; padding-right: 4px; display: inline-block;}
.Padding {padding-left: 9px;}
.Left1px {position: relative; left: -1px;}

.Padding ul {list-style-type:disc; margin-left:5px;padding-left:30px;}

div.RightPic {position: relative; z-index: 1;}
div.PicWrp {position: absolute; width: 31%; right: 0; overflow: hidden;}
.BgImg {position: relative; display: block;}
.PicAlt {bottom: 0; //bottom: -1px; width: 100%; position: absolute;}
.PicAlt span {margin-right: 70px; position: relative; display: inline-block; z-index: 1; overflow: hidden; line-height: 147%; font-family: 'Segoe UI', Segoe, Arial, Geneva, Helvetica, sans-serif; font-style: italic; color: #ffffff;}
.PicAlt em {padding: .35em .65em .65em .65em; display: inline-block; position: relative; z-index: 3}
.PicAlt i {display: inline-block; padding: 11px; position: relative; top: -.075em; z-index: 4;}
.PicAlt .PicAltBg {display: block; position: absolute; z-index: 2; width: 1000px; height: 1000px; background: url("../../Img/PicAltBg.png") repeat; -background-image: none; -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Img/PicAltBg.png',sizingMethod=crop); overflow: visible !important;}

div.PicFloater {float: right; width: 21.5%;}

.PicAlt a:link {color: #8bcaff; text-decoration: underline;}
.PicAlt a:visited {color: #d8d7d7;}
.PicAlt a:active {color: #999999;}
.PicAlt a:link:hover, .PicAlt a:visited:hover, .PicAlt a:active:hover {color: #b20000; cursor: pointer !important; //cursor: hand !important;}

.List {}
.List li {margin-bottom: 1.45em;}

.BList {list-style-type: none !important; padding: 0 !important;}
.BList li {position: relative; margin: 0 1.67em;}
.BList li I.Bullet {background-color: #9e2525; position: absolute; left: -1em; top: .32em; //top: .2em; width: .315em; height: .86em; //height: .77em; overflow: hidden; display: block;}

.Content .RedList {list-style-type: none !important; padding: 0; margin-left: 0;}
.Content .RedList li {position: relative; padding: 0 1.67em !important; text-indent: 0 !important; margin-left: 0 !important;}
.Content .RedList li {background-image: url("../../Img/RedBullet.gif"); background-position: 4px .2em; background-repeat: no-repeat;}

.Content .DashList, .Content .DashedList {padding-left: 0; margin-left: 0; margin-top: 0;}
.Content .DashList li, .Content .DashedList li {padding-left: 0; margin-left: 1.67em; text-indent: -1.5em; list-style-type: none !important; list-style-image: none !important;}

.HorizontalList li {position: relative; margin: 0 .35em 0 1em; display: inline; white-space: nowrap; //white-space: normal;}
.HorizontalList li a {//white-space: nowrap;}
.HorizontalList li I.Bullet {background-color: #b1aeae; position: absolute; left: -1em; //left: 0; top: .25em; //top: .2em; width: .32em; height: .85em; //height: .77em; overflow: hidden; display: block;}

.Screenshot {margin: 1.45em 0 2em 1px;}
.Number {position: relative; z-index: 0; margin: 30px 0 0 0;}
.Number I {background-repeat: no-repeat; position: absolute; left: -5px; top: -28px; width: 100px; height: 50px; overflow: hidden; display: block;}
.N1 {background-image: url("../../Img/Numbers/1.gif");}
.N2 {background-image: url("../../Img/Numbers/2.gif");}
.N3 {background-image: url("../../Img/Numbers/3.gif");}
.N4 {background-image: url("../../Img/Numbers/4.gif");}
.N5 {background-image: url("../../Img/Numbers/5.gif");}
.N6 {background-image: url("../../Img/Numbers/6.gif");}
.N7 {background-image: url("../../Img/Numbers/7.gif");}
.N8 {background-image: url("../../Img/Numbers/8.gif");}
.N9 {background-image: url("../../Img/Numbers/9.gif");}
.N10 {background-image: url("../../Img/Numbers/10.gif");}
.N11 {background-image: url("../../Img/Numbers/11.gif");}
.N12 {background-image: url("../../Img/Numbers/12.gif");}

.ModulesList li {margin-top: 1.85em; list-style:none}
.ModulesList p {padding: 0; margin-top: .075em;}
.ModulesList p span {display: none;}
.ModulesList .MIcon {width: 62px; height: 60px; display: block; position: relative; top: 2px; background-repeat: no-repeat; z-index: 1; background-color: #efeceb; background-position: center center; margin-right: 1em;}
.ModulesList .MHeader {position: relative; z-index: 5;}

.ModulesList .Knowledge {background-image: url("../../Img/Icons/Modules/Knowledge_Icon.jpg");}
.ModulesList .KPI {background-image: url("../../Img/Icons/Modules/KPI_Icon.jpg");}
.ModulesList .Operator {background-image: url("../../Img/Icons/Modules/Operator_Icon.jpg");}
.ModulesList .Labeling {background-image: url("../../Img/Icons/Modules/Label_Icon.jpg");}
.ModulesList .Personel {background-image: url("../../Img/Icons/Modules/Personel_Icon.jpg");}
.ModulesList .Planning {background-image: url("../../Img/Icons/Modules/Planning2_Icon.jpg");}
.ModulesList .Plant {background-image: url("../../Img/Icons/Modules/Plant_Icon.jpg");}
.ModulesList .Products {background-image: url("../../Img/Icons/Modules/Products2_Icon.jpg");}
.ModulesList .Quality {background-image: url("../../Img/Icons/Modules/Quality_Icon.jpg");}
.ModulesList .Reports {background-image: url("../../Img/Icons/Modules/Reports_Icon.jpg");}
.ModulesList .Security {background-image: url("../../Img/Icons/Modules/Security_Icon.jpg");}
.ModulesList .Shipping {background-image: url("../../Img/Icons/Modules/Shipping_Icon.jpg");}
.ModulesList .Storage {background-image: url("../../Img/Icons/Modules/Storage_Icon.jpg");}
.ModulesList .StorageView {background-image: url("../../Img/Icons/Modules/StorageView_Icon.jpg");}
.ModulesList .Supply {background-image: url("../../Img/Icons/Modules/Supply_Icon.jpg");}
.ModulesList .Track {background-image: url("../../Img/Icons/Modules/Track_Icon.jpg");}


.ClientList td {padding: 15px 0;}
.Quote {font-size: 107%; font-family: 'Segoe UI', Segoe, Arial, Geneva, Helvetica, sans-serif; font-style: italic; margin: 1.45em 3em 0 0; position: relative; line-height: 140%;}
.Laquo, .Raquo {width: 30px; height: 30px; position: absolute; z-index: 1;; background-repeat: no-repeat; vertical-align: baseline;}
.Laquo {left: -20px; background-position: left 0px; background-image: url("../../Img/Laquo.png"); -background-image: none; -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Img/Laquo.png',sizingMethod=crop);}
.Raquo {background-position: left 1px; background-image: url("../../Img/Raquo.png"); -background-image: none; -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Img/Raquo.png',sizingMethod=crop);}

.Segoe {font-family: 'Segoe UI', Segoe, Arial, Geneva, Helvetica, sans-serif; line-height: 136%; margin-top: 0; margin-bottom: .1em;}

.CodeWrapper {padding: 0; width: 99%; overflow: auto; z-index: 100; //overflow: visible; //overflow-y: hidden; //overflow-x: auto;}
.CodeWrapper pre {width: 99%; padding: 0; margin: 0;}
.TmpWrapper {width: auto;}

pre.Sample {border-top: 1px dotted gray; margin: .5em 10px .5em 0; padding: .5em 0;}

.LoginForm td {padding-bottom: 11px !important;}
.LoginButtonID {padding: 0 15px; margin-bottom: 11px;}


/* Iconed links */

a.Iconed {white-space: nowrap; text-decoration: none;}
b.Iconed {color: #676767; margin: 0;}
a.Iconed span {padding-right: .2em; text-decoration: underline;}

.Iconed img {background-repeat: no-repeat; width: 16px; height: 16px; text-decoration: none; margin: -4px .1em;}
.Explorer .Iconed img {position: relative; top: 3px; margin: .1em .1em;}
.Iconed img.PdfBg {background-image: url("../../Img/Icons/PdfBg.gif");}
.Iconed img.ChmBg {background-image: url("../../Img/Icons/ChmBg.gif");}
.Iconed img.DocBg {background-image: url("../../Img/Icons/DocBg.gif");}
.Iconed img.PptBg {background-image: url("../../Img/Icons/PptBg.gif");}
.Iconed img.HxSBg {background-image: url("../../Img/Icons/HxSBg.gif");}
.Iconed img.FileBg {background-image: url("../../Img/Icons/FileBg.gif");}
.Iconed img.FolderBg {background-image: url("../../Img/Icons/FolderBg.gif");}
.Iconed img.TxtBg {background-image: url("../../Img/Icons/TxtBg.gif");}

a.Iconed img {background-position: left top;}
a.Iconed:visited img {background-position: left -48px;}
a.Iconed:active img {background-position: left -32px;}
a.Iconed:hover img, a.Iconed:visited:hover img, a.Iconed:active:hover img {background-position: left -16px;}


/* Footer */

.Footer {}
.Footer span {font-family: 'Segoe UI', Segoe, Verdana, Arial, sans-serif; font-style: italic;}


/* Home Page */

.HomePageArrow {background-image: url(../../img/homepagearrow2.gif); background-position: right center; border: 0 solid red; display: block; height: 100px; left: -10px; overflow: hidden; position: absolute; top: -42px;}


/* Fun */

.AC {text-align: center;} .AC {text-align: -moz-center;}
.AL {text-align: left;} .AL {text-align: -moz-left;}
.AR {text-align: right;} .AR {text-align: -moz-right;}
.AJ {text-align: justify;}
.B {font-weight: bold;}
.B0 {bottom: 0;}
.B1R {border: 1px solid #b20000;}
.B1DR {border: 1px dotted #b20000;}
.B1G {border: 1px solid #92b400;}
.B1DG {border: 1px dotted #92b400;}
.CL {clear: left;}
.CR {clear: right;}
.D0 {display: none;}
.D0I {display: none !important;}
.DB {display: block;}
.DI {display: inline;}
.DIB {display: inline-block;}
.F0 {float: none;}
.FL {float: left;}
.FR {float: right;}
.FS0 {font-size: .01%;}
.FS150 {font-size: 150%;}
.FS200 {font-size: 200%;}
.FS250 {font-size: 250%;}
.FS300 {font-size: 300%;}
.H100 {height: 100%;}
.I {font-style: italic;}
.L0 {left: 0;}
.L50 {left: 50%;}
.L100 {left: 100%;}
.N {font-style: normal; font-variant: normal; font-weight: normal;}
.M0 {margin: 0;}
.OA {overflow: auto;}
.OV {overflow: visible;}
.OH {overflow: hidden;}
.OS {overflow: scroll;}
.P0 {padding: 0;}
.PA {position: absolute;}
.PF {position: fixed;}
.PR {position: relative;}
.R0 {right: 0;}
.R50 {right: 50%;}
.R100 {right: 100%;}
.T0 {top: 0;}
.T50 {top: 50%;}
.TAC {text-align: center;}
.TAL {text-align: left;}
.TAR {text-align: right;}
.U {text-decoration: underline;}
.VV {visibility: visible;}
.VH {visibility: hidden;}
.VC {visibility: collapse;}
.W100 {width: 100%;}
.W50 {width: 50%;}
.W33 {width: 33%;}
.WS0 {white-space: nowrap;}
.WS1 {white-space: normal;}
.Z0 {z-index: 0;}
.Z1 {z-index: 1;}
.Z2 {z-index: 2;}
.Z3 {z-index: 3;}
.Z4 {z-index: 4;}
.Z5 {z-index: 5;}
.Z6 {z-index: 6;}

.White {color: #ffffff !important;}
.Black {color: #000000 !important;}
.Red {color: #b20000 !important;}
.Green {color: #92b400 !important;}
.Blue {color: #2c68c3 !important;}
.Gray {color: #5e5858 !important;}
.Pale {color: #b0aeae !important;}

a.Gray:link {color: #5e5858; text-decoration: underline;}
a.Gray:visited {color: #6b19a8;}
a.Gray:active {color: #999999;}
a.Gray:link:hover, a.Gray:visited:hover, a.Gray:active:hover {color: #b20000; cursor: pointer !important;} 

.demo-form em {color: red; margin: 2px;}

/* Print */

@media print{
  .Screen {display: none !important;}
  .Print {display: block !important;}
  img.Print {display: inline !important;}
  
  p {margin: 0; text-indent: 1.2em;}
  p.First {text-indent: 0;}
  .Quote {margin: 1.45em 3em 1.45em 0;}
  
  .List {}
  .List li {}
  .BList {}
  .BList li {}
  .DashList {}
  .DashList li {}
  
  .Menu {display: none;}
  .Screenshot img {width: 70%;}
  
  .MEScontrolLogo {width: 15em; position: relative; left: 1em;}
  .MEScontrolLogoStatus {width: 15em;}
  
  #LeftColumn {width: 11%;}
  #MiddleColumn {width: 79%;}
  #RightColumn {width: 10%;}
  
  .PicAlt span {color: #000000;}
  .PicAlt .PicAltBg {display: block; position: absolute; z-index: 2; width: 1000px; height: 1000px; background-color: #ffffff;}
  div.PicFloater {float: right; width: 31%;}
  
  .XtcLogo {width: 80%; display: none !important;}
  .MESwareLogo {width: 80%; display: none !important;}
  
  .Laquo, .Raquo {display: none !important;}
  .ModulesList .MIcon {display: none !important;}
  .BList li {list-style-type: square; margin-left: 1.35em;}
  
  body {font-size: 80%;}
  h1 {}
  .DIP {display: inline !important;}
}