body { background-image: url('../../images/wellbore/grey1.png'); background-repeat: repeat; }

h3 { background-color: #dddddd; padding: 4px; }

#mainView { width: 100%; height: 100%; background-image: url('../../images/wellbore/header.png'); background-repeat: repeat-x; margin: 0; padding: 0; z-index: 5000; }

#drawView { position: absolute; top: 69px; left: 10px; z-index: 1000; }

#overheadMap { position: absolute; float: right; top: 80px; right: 40px; background-color: #333333; padding: 10px; -moz-box-shadow: 6px 6px 8px #666; -webkit-box-shadow: 6px 6px 8px #666; box-shadow: 6px 6px 8px #666; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#666666')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#666666'); z-index: 10000; }

#colorKey { height: 169px; width: 90px; position: absolute; top: 270px; right: 40px; background-image: url(../../images/wellbore/colorkey.png); -moz-box-shadow: 6px 6px 8px #666; -webkit-box-shadow: 6px 6px 8px #666; box-shadow: 6px 6px 8px #666; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#666666')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#666666'); /*
        font-family: sans-serif;
        font-weight: bold;
        font-size: small;
        border-style: inset;
        border-color: #333333;
        border-width: 15;
        background-color: #F2F2F2;
        */ z-index: 10001; }

#infoMsg { position: absolute; background-color: #333333; color: #ffffcc; top: 80px; left: 30px; float: left; padding: 10px; display: none; -moz-box-shadow: 6px 6px 8px #666; -webkit-box-shadow: 6px 6px 8px #666; box-shadow: 6px 6px 8px #666; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#666666')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#666666'); z-index: 11000; }

.surf { list-style-type: square; color: #8B397B; }

.cond { list-style-type: square; color: #204896; }

.inter { list-style-type: square; color: #83562C; }

.liner { list-style-type: square; color: #A02737; }

.prod { list-style-type: square; color: #3B703F; }

.tube { list-style-type: square; color: #C94D00; }

#toolTipView { position: absolute; top: 80px; left: 260px; z-index: 30000; -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); }

#popoverCollectionView { position: absolute; z-index: 200001; background-color: #f5f5f5; -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); }

.tooltipStyle { font-size: 16px; font-weight: bold; width: 80px; height: 80px; position: fixed; margin: 5px; padding: 5px; background-color: #FFFFCC; -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); }

.popoverStyle { font-size: 16px; font-weight: bold; width: 80px; height: 80px; position: absolute; margin: 5px; padding: 5px; background-color: #FFFFCC; -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); }

.closeButton { float: right; }

.popoverInfo { font-size: 10px; font-weight: bold; }

.detailsStyle { background-color: #FFFFFF; color: #000000; position: relative; width: 99%; padding: 4px; border-radius: 8px; -moz-border-radius: 8px; }

#boundingTestView { position: absolute; z-index: 1; display: none; }

#jsoneditor { width: 45%; height: 400px; margin-top: 40px; margin-left: 280px; position: absolute; background-color: #ffffff; display: none; -moz-box-shadow: 3px 3px 4px #333; -webkit-box-shadow: 3px 3px 4px #333; box-shadow: 3px 3px 4px #333; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#333333'); z-index: 22000; }

#wellNumbers { display: none; }

#apiTxt { display: none; }

#fetchWellBtn { display: none; }