
BODY {
    overflow:           hidden;
    margin:             0px;
    border-style:       solid;
    border-width:       0px;
    background-color:   #FFFFFF;
    padding:            0px;
    text-align:         left;
}  


#emboxBoxTourSelector {
    margin:             38px;
}

#emboxBoxTourFonts {
    margin-left:        38px;
}


/* JAVASCRIPT */

#emboxIplayerJavascript {
    visibility:         hidden;
}




/* LAYOUT */

#emboxLayout {
    z-index:            10;
    position:           absolute;
    overflow:           hidden;
    left:               0px;
    top:                0px;
    margin:             0px;
    width:              1366px;
    height:             768px;
    border-style:       solid;
    border-width:       0px;
    border-color:       #888888;
    background-image:   url('../image/rathgenopenlab/layout.png');
    background-repeat:  no-repeat;
    background-color:   #EEEEEE;
    padding:            0px;
}


#emboxIntro {
    z-index:            11;
    position:           absolute;
    visibility:         visible;
    overflow:           hidden;
    margin:             0px;
    left:               54px;
    top:                54px;
    width:              572px;
    height:             405px;
    background-color:   transparent;
    border-style:       solid;
    border-width:       0px;
    border-color:       #000088;
    padding:            0px;
    color:              #FFFFFF;
}

#emboxIntroObject {
    width:              208px;
    height:             117px;
}

#emboxIntroEmbed {
    width:              208px;
    height:             117px;
}



/* BUTTONS */


.emboxButton {
    display:            block;
    visibility:         visible;
    position:           absolute;
    width:              400px;
    height:             38px;
    margin:             0px;
    border-style:       solid;
    border-width:       0px;
    border-color:       #888888;
    background-image:   url('../image/trans.gif');
    padding:            0px;
}
A.emboxButton:link {
    text-decoration:    none;
}
A.emboxButton:active {
    text-decoration:    none;
}
A.emboxButton:visited {
    text-decoration:    none;
}
A.emboxButton:hover {
    text-decoration:    none;
}

#emboxButton1 {
    z-index:            20;
    left:               19px;
    top:                543px;
}
#emboxButton1:hover {
    background-image:   url('../image/rathgenopenlab/emboxButton1.png');
}

#emboxButton2 {
    z-index:            20;
    left:               19px;
    top:                601px;
}
#emboxButton2:hover {
    background-image:   url('../image/rathgenopenlab/emboxButton2.png');
}

#emboxButton3 {
    z-index:            20;
    left:               19px;
    top:                659px;
}
#emboxButton3:hover {
    background-image:   url('../image/rathgenopenlab/emboxButton3.png');
}

#emboxButton4 {
    z-index:            40;
    visibility:         visible;
    left:               19px;
    top:                717px;
    width:              187px;
    height:             30px;
}
#emboxButton4:hover {
    background-image:   url('../image/rathgenopenlab/emboxButton4.png');
}

#emboxButton5 {
    z-index:            40;
    visibility:         visible;
    left:               232px;
    top:                717px;
    width:              187px;
    height:             30px;
}

#emboxButton6 {
    z-index:            41;
    visibility:         hidden;
    left:               232px;
    top:                717px;
    width:              187px;
    height:             30px;
    background-image:   url('../image/rathgenopenlab/emboxButton6.png');
}

#emboxButton7 {
    z-index:            40;
    visibility:         visible;
    left:               445px;
    top:                717px;
    width:              149px;
    height:             30px;
}
#emboxButton7:hover {
    background-image:   url('../image/rathgenopenlab/emboxButton7.png');
}

#emboxButton8 {
    z-index:            40;
    visibility:         visible;
    left:               1194px;
    top:                717px;
    width:              151px;
    height:             30px;
}
#emboxButton8:hover {
    background-image:   url('../image/rathgenopenlab/emboxButton8.png');
}

#emboxButton9 {
    z-index:            40;
    visibility:         hidden;
    width:              40px;
    height:             40px;
    background-image:   url('../image/rathgenopenlab/emboxButton9.png');
    left:               1285px;
    top:                42px;
}

#emboxButton10 {
    z-index:            41;
    visibility:         hidden;
    left:               19px;
    top:                717px;
    width:              187px;
    height:             30px;
    background-image:   url('../image/rathgenopenlab/emboxButton10.png');
}


/* BUTTONS - I-FACE 6 (META-DATA VIEWER) */

#emboxButtonIface6Close {
    z-index:            22;
    visibility:         hidden;
    width:              105px;
    left:               777px;
    top:                178px;
    background-image:   url('../image/rathgenopenlab/emboxButtonIface6Close.png');
}
#emboxButtonIface6Close:hover {
    background-image:   url('../image/rathgenopenlab/emboxButtonIface6Close.over.png');
}

#emboxButtonIface6Play {
    z-index:            22;
    visibility:         hidden;
    width:              105px;
    left:               1089px;
    top:                178px;
    background-image:   url('../image/rathgenopenlab/emboxButtonIface6Play.png');
}
#emboxButtonIface6Play:hover {
    background-image:   url('../image/rathgenopenlab/emboxButtonIface6Play.over.png');
}


/* BUTTONS - SHUTDOWN */

A#emboxButtonShutdown {
    z-index:            1000;
    visibility:         hidden;
    display:            block;
    position:           absolute;
    left:               3px;
    top:                546px;
    margin:             0px;
    width:              23px;
    height:             27px;
    border-style:       solid;
    border-width:       0px;
    border-color:       #888888;
    background-color:   #000000;
    background-image:   url('../image/rathgenopenlab/emboxButtonShutdown.png');
    padding:            0px;
}
A#emboxButtonShutdown:link {
    text-decoration:    none;
}
A#emboxButtonShutdown:active {
    text-decoration:    none;
}
A#emboxButtonShutdown:visited {
    text-decoration:    none;
}
A#emboxButtonShutdown:hover {
    text-decoration:    none;
    background-image:   url('../image/rathgenopenlab/emboxButtonShutdown.over.png');
}




/* LISTS */


.emboxList {
    position:           absolute;
    visibility:         hidden;
    overflow:           hidden;
    margin:             0px;
    background-color:   transparent;
    border-style:       solid;
    border-width:       0px;
    border-color:       #888888;
    padding:            0px 0px 0px 0px;
}

#emboxListNormal {
    visibility:         hidden;
    width:              0px;
    height:             0px;
    overflow:           hidden;
    background-color:   transparent;
}

#emboxListHilited {
    visibility:         hidden;
    width:              0px;
    height:             0px;
    overflow:           hidden;
    background-color:   #BBBBBB;
}

#emboxListItemHilited {
    visibility:         hidden;
    width:              0px;
    height:             0px;
    overflow:           hidden;
    background-color:   #444444;
    color:              #FF0000;
}

P.emboxListItem {
    margin:             0px;
    padding:            0px;
    font-family:        "verdana","arial","sans-serif";
    font-size:          20pt;
    font-weight:        bold;
}
P.emboxListItem A:link {
    color:              #3D8D54;
    text-decoration:    none;
}
P.emboxListItem A:active {
    color:              #8080FF;
    text-decoration:    none;
}
P.emboxListItem A:visited {
    color:              #3D8D54;
    text-decoration:    none;
}
P.emboxListItem A:hover {
    color:              #8080FF;
    text-decoration:    none;
}
P.emboxListItem A.emboxPlay {
    padding-left:       48px;
}


P.emboxListItemSmall {
    margin:             0px 0px 0px 0px;
    padding:            4px;
    font-family:        "verdana","arial","sans-serif";
    font-size:          15pt;
    font-weight:        bold;
    text-align:         justify;
}
P.emboxListItemSmall B {
    font-size:          16pt;
    color:              #3D8D54;
}
P.emboxListItemSmall A:link {
    color:              #3D8D54;
    text-decoration:    none;
}
P.emboxListItemSmall A:active {
    color:              #8080FF;
    text-decoration:    none;
}
P.emboxListItemsmall A:visited {
    color:              #3D8D54;
    text-decoration:    none;
}
P.emboxListItemSmall A:hover {
    color:              #8080FF;
    text-decoration:    none;
}
P.emboxListItemSmall A.emboxPlay B {
    font-size:          16pt;
    color:              #3D8D54;
}
P.emboxListItemSmall B A.emboxPlay {
    font-size:          16pt;
    color:              #3D8D54;
}

#emboxList1 {
    z-index:            20;
    left:               27px;
    top:                45px;
    background-image:   url('../image/trans.gif');
}

#emboxList2 {
    z-index:            20;
    left:               54px;
    top:                495px;
    margin:             0px;
    width:              575px;
    height:             38px;
    background-image:   url('../image/trans.gif');
    padding:            0px;
}
#emboxList2 P {
    z-index:            20;
    display:            inline-block;
    margin:             0px 2px 0px 0px;
    width:              113px;
    border-style:       solid;
    border-width:       0px;
    border-color:       #0000FF;
    padding:            0px;
    text-align:         left;
}
#emboxList2 P A {
    z-index:            20;
    display:            inline-block;
    margin:             0px;
    width:              110px;
    height:             38px;
    border-style:       solid;
    border-width:       0px;
    text-align:         left;
    padding:            10px 0px 0px 3px;
}

#emboxList3 {
    z-index:            20;
    left:               525px;
    top:                45px;
    background-image:   url('../image/trans.gif');
}

#emboxList4 {
    z-index:            20;
    visibility:         visible;
    left:               19px;
    top:                271px;
    margin:             0px;
    width:              400px;
    height:             249px;
    padding:            0px;
}
#emboxList4 A {
    z-index:            20;
    display:            inline-block;
    margin:             10px 0px 0px 10px;
    width:              120px;
    height:             90px;
    border-style:       solid;
    border-width:       0px;
    vertical-align:     middle;
    text-align:         center;
    padding:            0px;
}
#emboxList4 A IMG {
    visibility:         hidden;
    margin:             0px;
    border-style:       solid;
    border-width:       0px;
}




/* I-PLAYERS */


/* !!!! DIAGNOSTIC !!!! */
#emboxIplayerMessage {
    overflow:           visible;
    visibility:         hidden;
    width:              280px;
}

/* STATIC IMAGE PLAYER */
#emboxIplayer1 {
    z-index:            20;
    position:           absolute;
    visibility:         visible;
    overflow:           hidden;
    margin:             0px;
    left:               441px;
    top:                18px;
    width:              908px;
    height:             683px;
    background-color:   transparent;
    border-style:       solid;
    border-width:       0px;
    border-color:       #000088;
    padding:            4px;
}
#emboxIplayer1 A IMG {
    position:           static;
    visibility:         visible;
    margin:             0px;
    width:              900px;
    height:             675px;
    border-style:       solid;
    border-width:       0px;
    border-color:       #008800;
}

/* DETAILS */
#emboxIplayer2 {
    z-index:            21;
    position:           absolute;
    visibility:         hidden;
    overflow:           hidden;
    margin:             0px;
    left:               445px;
    top:                22px;
    width:              868px;
    height:             643px;
    background-repeat:  no-repeat;
    -moz-opacity:       0.8;
    background-color:   #555555;
    border-style:       solid;
    border-width:       0px;
    border-color:       #888888;
    padding:            16px;
}
#emboxIplayer2 P {
    color:              #FFFFFF;
}


/* MOVING IMAGE PLAYER */
#emboxIplayer3 {
    z-index:            21;
    position:           absolute;
    visibility:         hidden;
    overflow:           hidden;
    margin:             0px;
    left:               19px;
    top:                22px;
    width:              400px;
    height:             225px;
    background-image:   url('../image/trans.gif');
    background-repeat:  no-repeat;
    background-color:   transparent;
    border-style:       solid;
    border-width:       0px;
    border-color:       #888888;
    padding:            0px;
}




/* I-PLAYER - VLC MEDIA PLAYER*/

#emboxIfaceVlcVideo {
    visibility:         visible;
    margin:             0px auto 0px auto;
    border-style:       solid;
    border-width:       0px;
    border-color:       #FF0000;
    background-color:   transparent;
    padding:            0px;
}





/* DATA BOXES */


#emboxData1 {
    z-index:            50;
    position:           absolute;
    visibility:         hidden;
    overflow:           hidden;
    margin:             0px;
    left:               0px;
    top:                0px;
    width:              0px;
    height:             0px;
    background-color:   #000000;
    border-style:       solid;
    border-width:       0px;
    border-color:       #888888;
    padding:            0px;
    color:              #FFFFFF;
}

#emboxData1 P {
    margin:             2px;
    padding:            0px;
    font-family:        "verdana","arial","sans-serif";
    font-size:          9pt;
    font-weight:        bold;
}
#emboxData1 P A:link {
    color:              #3D8D54;
    text-decoration:    none;
}
#emboxData1 P A:active {
    color:              #8080FF;
    text-decoration:    none;
}
#emboxData1 P A:visited {
    color:              #3D8D54;
    text-decoration:    none;
}
#emboxData1 P A:hover {
    color:              #8080FF;
    text-decoration:    none;
}






/* MESSAGES AND MONITORING */


#emboxMessage {
    z-index:            60;
    position:           absolute;
    visibility:         hidden;
    left:               272px;
    top:                150px;
    margin:             0px;
    width:              450px;
    border-style:       solid;
    border-width:       1px;
    border-color:       #AA0022;
    background-color:   #FFFFFF;
    padding:            15px;
}

#emboxMessage P {
    clear:              right;
}

#emboxMessageClose {
    float:              right;
}

#emboxMonitor {
    z-index:            70;
    position:           absolute;
    visibility:         hidden;
    overflow:           scroll;
    left:               470px;
    top:                50px;
    margin:             12px;
    width:              500px;
    height:             400px;
    border-style:       solid;
    border-width:       1px;
    border-color:       #AA0022;
    background-color:   #FFFFFF;
    padding:            8px;
}

#emboxMonitor A {
    margin:             0px;
    font-family:        "courier new","sans-serif";
    font-size:          13pt;
    color:              #AA0022;
    padding:            2px;
}
#emboxMonitor A:link {
    color:              #AA0022;
}
#emboxMonitor A:active {
    color:              #AA0022;
}
#emboxMonitor A:visited {
    color:              #AA0022;
}
#emboxMonitor A:hover {
    color:              #AA0022;
}

#emboxMonitor P {
    margin:             0px;
    font-family:        "courier new","sans-serif";
    font-size:          10pt;
    color:              #AA0022;
    text-decoration:    none;
    padding:            2px;
}

#emboxShutdownResponse {
    z-index:            1001;
    position:           absolute;
    visibility:         hidden;
    overflow:           visible;
    left:               0px;
    top:                0px;
    margin:             0px;
    width:              0px;
    height:             0px;
    border-style:       solid;
    border-width:       0px;
    border-color:       #AA0022;
    background-color:   #FFFFFF;
    padding:            0px;
    color:              #000000;
}

#emboxStateIS {
    visibility:         hidden;
    overflow:           hidden;
    left:               0px;
    top:                0px;
    margin:             0px;
    width:              0px;
    height:             0px;
    padding:            0px;
}