body {
   font-family: "Times New Roman", serif;
}

.screen, .layout {
    display: none;
}

.highlight {
   color: black;
   font-weight: bold;
   font-size: 120%;
}

.slide {
    page-break-after: always;
    size: landscape;
}


h1#th { 
   text-align: center;
   margin-top: 200pt;
   padding-bottom: 40pt;
   font-size: 44pt;
}

h3 {  
   text-align: center;
   font-size: 28pt;
}

.slide h1 { 
   text-align: center;
   font-size: 44pt;
}

.slide ul, .slide ol {
   font-size: 32pt;
}

.slide ul ul, .slide ol ul, .slide ul ol {
   font-size: 28pt;
}

.slide ul ul ul, .slide ul ul ol, .slide ul ol ul, .slide ul ol ol, .slide ol ul ul, .slide ol ul ol, .slide ol ol ul, .slide ol ol ol {
   font-size: 24pt;
}

.slide ul li, .slide ol li {
   margin-bottom: 30pt;
}

.slide ul li ul li, .slide ol li ul li, .slide ul li ol li {
   margin-bottom: 8pt;
}

.slide ul li ul li ul li, .slide ul li ul li ol li, .slide ul li ol li ul li, .slide ul li ol li ol li, .slide ol li ul li ul li, .slide ol li ul li ol li, .slide ol li ol li ul li, .slide ol li ol li ol li {
   margin-bottom: 0pt;
}
 
a:link {
   color: #545454;
   text-decoration: underline;
}

abbr {
   text-decoration: none;
}

ol.code-snippet {
   letter-spacing: 1px;
   list-style: none;
   line-height: 0;
   margin-left: 30pt;
}

ol.code-snippet li {
   font-size: 16pt;
   color: black;
}

ol.code-snippet li {
   white-space: pre;
}

ol.code-snippet, li {
   page-break-inside: avoid;
}

#validation {
    margin:auto;
    background: transparent url(../images/validation.gif) no-repeat top left;
    width: 532pt;
    height: 228pt;
}

#validation span {
    display: none;
}

#phased-validation-Topologi {
    margin:auto;
    background: transparent url(../images/phases-topologi.gif) no-repeat top left;
    width: 762pt;
    height: 368pt;
}

#phased-validation-Topologi span {
    display: none;
}

#phased-validation-Oxygen {
    margin:auto;
    background: transparent url(../images/phases-oxygen.gif) no-repeat top left;
    width: 643pt;
    height: 380pt;
}

#phased-validation-Oxygen span {
    display: none;
}

#oxygen-validation {
    margin:auto;
    background: transparent url(../images/oxygen-validation.gif) no-repeat top left;
    width: 515pt;
    height: 366pt;
}

#oxygen-validation span {
    display: none;
}

#topologi-validation {
    margin:auto;
    background: transparent url(../images/topologi-validation.gif) no-repeat top left;
    width: 589pt;
    height: 394pt;
}

#topologi-validation span {
    display: none;
}

#production {
    margin:auto;
    background: transparent url(../images/production.gif) no-repeat top left;
    width: 473pt;
    height: 326pt;
}

#production span {
    display: none;
}

#step1 {
    margin:auto;
    background: transparent url(../images/step1.gif) no-repeat top left;
    width: 645pt;
    height: 192pt;
}

#step1 span {
    display: none;
}

#step2 {
    margin:auto;
    background: transparent url(../images/step2.gif) no-repeat top left;
    width: 645pt;
    height: 192pt;
}

#step2 span {
    display: none;
}

#summary {
    margin:auto;
    background: transparent url(../images/summary.gif) no-repeat top left;
    width: 831pt;
    height: 334pt;
}

#summary span {
    display: none;
}