/* insetframe.css */

/* can be customized by ID using #myid .whateverclass */

.insetFrameWrapper {
    padding: 0px;
    overflow: hidden;
    position: absolute;
}

.insetBodyContent {
    z-index: 100;
    overflow-y: auto;
    overflow-x: hidden;
    font: 11px helvetica;
    background-color: rgb(74,74,74);
    position: absolute;
    left: 0px;
}

.frameTabBorder {
    background-image: url("/assets/images/insetframe/headertopshadowmid.png");
    height: 5px;
    position: absolute;
    bottom: 31px;
    z-index: 111;
}

.frameTab {
    z-index: 110;
    width: 204px;
    height: 18px;
    position: absolute;
    bottom: 16px;
    background-color:  #4C4C4C;
    cursor: pointer;
    border: 1px solid #4C4C4C;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
}

.selectedFrameTab {
    z-index: 112;
    height: 20px;
}

.tabUnderneath {
    background-color: #000;
    opacity: 0.2;
    width: 625px;
    height: 20px;
    position: absolute;
    bottom: 16px;
    left: 0px;
    z-index: 110;
}

.selectedFrameTab .tabBetween {
    height: 20px;
    top: 2px;
    opacity: 0.0;
}

.selectedTabRightShadow {
    position: absolute;
    left: 205px;
    opacity: .5;
    top: 1px;
    height: 19px;
    width: 5px;
    background-image: url('/assets/images/insetframe/headerleftshadow.png');
    background-repeat: repeat-y;
}
.selectedTabLeftShadow {
    position: absolute;
    left: -6px;
    opacity: .5;
    top: 2px;
    height: 18px;
    width: 5px;
    background-image: url('/assets/images/insetframe/headerrightshadow.png');
    background-repeat: repeat-y;
}

.frameTabContent {
    position: absolute;
    bottom: 36px;
    padding: 3px;
    left: 0px;
    background-color: #4C4C4C;
}
.frameTabInnerWrap {
    position: absolute;
    bottom: 0px;
}

.bodyShadowLeft,
.bodyShadowRight {
    background-repeat: repeat-y;
    z-index: 101;
    position: absolute;
}

.bodyShadowLeft {
    background-image: url("/assets/images/insetframe/frameshadowleft.png");
    width: 7px;
    left: 0px;
}

.bodyShadowRight {
    background-image: url("/assets/images/insetframe/frameshadowright.png");
    width: 5px;
    right: 0px;
}

.headerPanelShadow {
    z-index: 110;
    height: 6px;
    position: absolute;
}

.headerPanelShadowLeft,
.headerPanelShadowMiddle,
.headerPanelShadowRight {
    z-index: 110;
    height: 6px;
    position: absolute;
    top: 0px;
}

.headerPanelShadowLeft {
    background-image: url("/assets/images/insetframe/headerbottomshadowleft.png");
    left: 0px;
    width: 5px;
}

.headerPanelShadowMiddle {
    background-image: url("/assets/images/insetframe/headerbottomshadowmid.png");
    left: 5px;
    top: 0px;
}

.headerPanelShadowRight {
    background-image: url("/assets/images/insetframe/headerbottomshadowright.png");
    width: 5px;
    right: 0px;
}


.headerPanelContent {
    z-index: 110;
    background-color: rgb(76,76,76);
    position: absolute;
    top: 0px;
    left: 0px;
    overflow-y: auto;
    overflow-x: hidden;
}

.headerShadowLeft,
.headerShadowRight {
    position: absolute; 
    background-repeat: repeat-y;
    z-index: 111;
    width: 5px;
}

.headerShadowLeft {
    background-image: url("/assets/images/insetframe/headerleftshadow.png");
    left: 0px;
}

.headerShadowRight  {
    background-image: url("/assets/images/insetframe/headerrightshadow.png");
    right: 0px;
}

.headerShadowTop,
.headerShadowTopLeft,
.headerShadowTopMid,
.headerShadowTopRight
 {
    z-index: 111;
    position: absolute;
    height: 5px;
    top: 0px;
}
.headerShadowTopLeft {
    background-image: url("/assets/images/insetframe/headertopshadowleft.png");
    width: 5px;
    left: 0px;
}
.headerShadowTopMid {
    background-image: url("/assets/images/insetframe/headertopshadowmid.png");
    left: 5px;
    background-repeat: repeat-x;
}
.headerShadowTopRight {
    width: 5px;
    right: 0px;
    background-image: url("/assets/images/insetframe/headertopshadowright.png");
}


.footerPanelShadow,
.footerPanelShadowLeft,
.footerPanelShadowMiddle,
.footerPanelShadowRight {
    z-index: 110;
    height: 5px;
    position: absolute;
}

.footerPanelShadowLeft {
    background-image: url('/assets/images/insetframe/footertopshadowleft.png');
    width: 5px;
    left: 0px;
}

.footerPanelShadowMiddle {
    background-image: url('/assets/images/insetframe/footertopshadowmid.png');
    background-repeat: repeat-x;
    left: 5px;
}

.footerPanelShadowRight {
    background-image: url('/assets/images/insetframe/footertopshadowright.png');
    width: 5px;
    right: 0px;
}

.footerContent {
    z-index: 110;
    background-color: rgb(74,74,74);
    position: absolute;
    left: 0px;
    bottom: 0px;
    
    overflow-y: scroll;
    overflow-x: hidden;
}
    
.footerShadowLeft,
.footerShadowRight {
    z-index: 111;
    background-repeat: repeat-y;
    width: 5px;
    bottom: 4px;
    position: absolute;
}
.footerShadowLeft {
    background-image: url("/assets/images/insetframe/footerleftshadow.png");
    left: 0px;
}
.footerShadowRight {
    background-image: url("/assets/images/insetframe/footerrightshadow.png");
    right: 0px;
}



.footerShadowBottom,
.footerShadowBottomLeft,
.footerShadowBottomMid,
.footerShadowBottomRight {
    z-index: 111;
    height: 4px;
    position: absolute;
}  

.footerShadowBottom {
    bottom: 0px;
}

.footerShadowBottomLeft {
    width: 5px;
    left: 0px;
    background-image: url('/assets/images/insetframe/footerbottomshadowleft.png');
}
.footerShadowBottomMid {
    background-image: url('/assets/images/insetframe/footerbottomshadowmid.png');
    background-repeat: repeat-x;
    left: 5px;
}
.footerShadowBottomRight {
    width: 5px;
    right: 0px;
    background-image: url('/assets/images/insetframe/footerbottomshadowright.png');
}

.verticalScrollTrack {
    z-index: 115;
    position: absolute;
}

.verticalScrollTrackTop,
.verticalScrollTrackMid,
.verticalScrollTrackBottom {
    position: absolute;
    width: 8px;
}   

.verticalScrollTrackTop {
    height: 1px;
    background-image: url('/assets/images/insetframe/scrollboxtop.png');
}

.verticalScrollTrackMid {
    background-image: url('/assets/images/insetframe/scrollboxmid.png');
    background-repeat: repeat-y;
}

.verticalScrollTrackBottom {
    height: 2px;
    background-image: url('/assets/images/insetframe/scrollboxbtm.png');
}

.verticalScrollBar {
    z-index: 120;
    width: 8px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-repeat: repeat-y;
    background-image: url("/assets/images/insetframe/scrollbar.png");
    cursor: ns-resize;
}   




#EHScene {
    top: 0px;
    left: 0px;
}