div.popupContainer {
    position: absolute;
    left: 0px;
    top: 0px;
}

div.ulc {
    position: absolute;
    left: 0px;
    top: 0px;
    background-image: url('../../OnlineDocRuntime/images/model/border.png');
    width: 15px;
    height: 15px;
    background-position: 0px 0px;
}

div.ub {
    position: absolute;
    left: 15px;
    top: 0px;
    background-image: url('../../OnlineDocRuntime/images/model/borderhori.png');
    background-repeat: repeat-x;
    height: 15px;
    background-position: 0px 0px;
}

div.urc {
    position: absolute;
    right: 0px;
    top: 0px;
    background-image: url('../../OnlineDocRuntime/images/model/border.png');
    width: 15px;
    height: 15px;
    background-position: -15px 0px;
}

div.lb {
    position: absolute;
    left: 0px;
    top: 15px;
    background-image: url('../../OnlineDocRuntime/images/model/bordervert.png');
    background-repeat: repeat-y;
    width: 15px;
    background-position: 0px 0px;
}

div.popup {
    position: absolute;
    left: 15px;
    top: 15px;
    background-color: #FFFFFF;
}

div.rb {
    position: absolute;
    right: 0px;
    top: 15px;
    background-image: url('../../OnlineDocRuntime/images/model/bordervert.png');
    background-repeat: repeat-y;
    width: 15px;
    background-position: -15px 0px;
}

div.llc {
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-image: url('../../OnlineDocRuntime/images/model/border.png');
    width: 15px;
    height: 15px;
    background-position: 0px -15px;
}

div.lob {
    position: absolute;
    left: 15px;
    bottom: 0px;
    background-image: url('../../OnlineDocRuntime/images/model/borderhori.png');
    background-repeat: repeat-x;
    height: 15px;
    background-position: 0px -15px;
}

div.lrc {
    position: absolute;
    right: 0px;
    bottom: 0px;
    background-image: url('../../OnlineDocRuntime/images/model/border.png');
    width: 15px;
    height: 15px;
    background-position: -15px -15px;
}

div.popup div.header {
    font-family: Verdana;
    font-weight: bold;
    font-size: 8pt;
    margin-bottom: 5px;
    color: #333333;
}

div.popup div.text {
    font-family: Verdana;
    font-size: 8pt;
    font-style: italic;
    color: #333333;
    margin-top: 5px;
}

div.popup a {
    font-family: Verdana;
    font-size: 8pt;
    color: #360065;
    text-decoration: none;
    display: block;
}

div.popup a:hover {
    color: #b973a6;
}

div.link {
    position: absolute;
    width: 25px;
    height: 25px;
    z-index: 999999;
}

/* div.app {
    background-image: url("../../OnlineDocRuntime/images/model/model.png");
    background-position: -36px 0px;
}

div.app:hover {
    background-position: -36px -18px;
} */

div.app {
    background-image: url("../../OnlineDocRuntime/images/model/selectW.svg");
    background-repeat: no-repeat;
    transform: scale(0.9, 0.9);
    background-size: 16px, 16px;
    background-position: center;    
    margin-right: 3px;
    width: 20px; 
    height: 20px; 
    border: 1px solid #4e4e4e; 
    border-radius: 50%;
    background-color: rgb(136 136 136);
}

div.app:hover {
    /* background-image: url("../../OnlineDocRuntime/images/model/selectW.svg"); */
    background-color: rgb(91, 91, 91); 
}

/* div.doc {
    background-image: url("../../OnlineDocRuntime/images/model/model.png");
    background-position: -54px 0px;
}

div.doc:hover {
    background-position: -54px -18px;
}
 */

 div.doc {
    background-image: url("../../OnlineDocRuntime/images/model/page.svg");
    background-repeat: no-repeat;
    transform: scale(0.9, 0.9);
    background-size: 17px, 17px;
    background-position: center;    
    margin-left: 3px;
    width: 20px; 
    height: 20px; 
    border: 1px solid #4e4e4e; 
    border-radius: 50%;
    background-color: rgb(136 136 136); 
}

div.doc:hover {
    /* background-image: url("../../OnlineDocRuntime/images/model/documentOver.svg"); */
    background-color: rgb(91, 91, 91); 
}


/* div.break {
    background-image: url("../../OnlineDocRuntime/images/model/model.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

div.break:hover {
    background-position: 0px -18px;
} */

div.break {
    background-image: url("../../OnlineDocRuntime/images/model/arrowDown6.svg");
    background-repeat: no-repeat;
    transform: scale(0.9, 0.9);
    background-position: center;    
    background-size: 20px, 20px;
    margin-left: 3px;
    width: 20px; 
    height: 20px; 
    border: 1px solid #4e4e4e; 
    border-radius: 50%;
    background-color: rgb(136 136 136);
}

div.break:hover {
    /* background-image: url("../../OnlineDocRuntime/images/model/arrowDown6Over.svg"); */
    background-color: rgb(91, 91, 91); 
}

/* div.part {
    background-image: url("../../OnlineDocRuntime/images/model/model.png");
    background-repeat: no-repeat;
    background-position: -18px 0px;
}

div.part:hover {
    background-position: -18px -18px;
} */

div.part {
    background-image: url("../../OnlineDocRuntime/images/model/manufacturing.svg");
    background-repeat: no-repeat;
    transform: scale(0.9, 0.9);
    background-size: 16px, 16px;
    background-position: center;    
    margin-left: 8px;
    width: 20px; 
    height: 20px; 
    border: 1px solid #4e4e4e; 
    border-radius: 50%;
    background-color: rgb(136 136 136); 
}

div.part:hover {
    background-image: url("../../OnlineDocRuntime/images/model/manufacturing.svg");
    background-color: rgb(91, 91, 91); 
}



body {
    margin: 0px;
}

img#theModelImage {
    margin: 0px;
}

div.clickdiv {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    z-index: -1000;
}

div.clickable {
    position: absolute;
    background-image: url('../images/model/transparent1x1.gif');
}

@media print {
    img#theModelImage {
        width: 100%;
    }

    div {
        display: none;
    }

    #ifscopyright {
        display: block;
    }
}