.pointer{ cursor:pointer; }
.clear{ clear:both; }

/*TopFrame */
#topFrame{height:40px;position:absolute;top:0;left:0;right:0;}
#topTitleFrame{width:200px;float:left;margin:8px 0 0 10px;}
#topTitle{font-size:14pt;font-family:Arial;font-weight:900;float:left;}
#topSubtitle{font-size:8pt;font-family:Arial;font-weight:900;color:blue;float:left;margin:10px 0 0 2px;}
#topUserFrame{ width:calc(100% - 210px);float:right; text-align:right;margin-top:4px; }
.topButton{ margin:2px 10px 0 0;float:right;cursor:pointer;background-color:#dddddd;padding:5px 10px 5px 10px;font-family:Arial;font-size:10pt;font-weight:900;border-radius:6px;min-width:70px;text-align:center; }
#welcome{ margin:2px 10px 0 0;float:right;background-color:#dddddd;padding:5px 10px 5px 10px;font-family:Arial;font-size:10pt;font-weight:900;border-radius:6px; }

/* Login Panel */
.panelCloseButton{ width:40px;font-size:10pt;background-color:#aaaaaa;cursor:pointer;margin:6px 0 10px 6px;border-radius:4px;text-align:center; }
#loginPanel{ width:360px;height:250px;position:absolute;top:0;right:0;z-index:9100;background-color:#eeeeee;display:none;border-radius:0 0 0 30px;border-width:0 0 1px 1px;border-style:solid; }
.loginPanelText{ width:120px;float:left;margin:16px 0 4px 30px; }
.loginPanelInput{ width:180px;padding:5px;border-radius:6px;margin:11px 10px 0 0; }
#loginPanelForgot{ width:200px;margin:2px 0 22px 150px;cursor:pointer;color:blue;font-size:10pt; }
#loginPanelLoginButton{ width:60px;float:left;margin:4px 0 0 150px;padding:6px 0 6px 0;cursor:pointer; }
#loginPanelSignUp{ width:60px;float:left;margin:10px 30px 9px 50px;color:blue;cursor:pointer; }
#loginPanelMessage{ width:calc(100% - 60px);margin:30px 30px 0 30px;font-size:10pt;float:left;text-align:center; }

/* User Register Panel */
#userRegisterPanel{ width:360px;height:610px;position:absolute;top:0;right:0;z-index:9100;background-color:#eeeeee;display:none;border-radius:0 0 0 30px;border-width:0 0 1px 1px;border-style:solid; }
.userRegisterTitle{ width:calc(100% - 30px);margin:20px 10px 0 20px;font-weight:bold; }
.userRegisterInputTitle{ width:calc(45% - 30px);margin:13px 0 0 30px;float:left; }
.userRegisterInputLongTitle{ width:calc(100% - 30px);margin:13px 0 0 30px;float:left; }
.userRegisterInput{ width:calc(55% - 50px);margin:10px 20px 0 10px;float:left;padding:5px;border-radius:6px; }
.userRegisterTextArea{ width:calc(100% - 60px);height:140px;margin:10px 20px 0 30px;padding:5px;border-radius:6px;float:left;resize:none; }
#userRegisterButton{ width:60px;float:left;margin:10px 10px 20px 30px;padding:6px 0 6px 0;cursor:pointer; }
#userRegisterMessage{ width:230px;margin:10px 20px 20px 0;font-size:10pt;float:left; }
#userRegisterSpamKeyImg{ width:calc(45% - 30px);height:30px;margin:11px 0 0 30px;float:left;cursor:pointer; }

/* User Forgot Password Panel */
#userForgotPanel{ width:360px;height:240px;position:absolute;top:0;right:0;z-index:9100;background-color:#eeeeee;display:none;border-radius:0 0 0 30px;border-width:0 0 1px 1px;border-style:solid; }
.userForgotTitle{ width:calc(100% - 30px);margin:20px 10px 0 20px;font-weight:bold; }
.userForgotExplanation{ width:calc(100% - 40px);margin:10px 10px 0 30px;color:#808080; }
#userForgotSubmit{ width:100px;margin:10px calc(100% - 272px) 0 172px;float:left;border-radius:6px;background-color:#bbbbbb;text-align:center;padding:6px 0 6px 0;cursor:pointer; }
#userForgotMessage{ margin:10px 10px 0 30px;width:calc(100% - 40px);float:left;text-align:center;font-size:10pt; }

/*Generic Viewer Header Classes */
.header{ padding:0;width:798px;height:59px;background-color:#666666;text-align:center;margin:0 auto;border-width:0 1px 1px 1px;border-color:black;border-style:solid; }
.headerButton{ width:50px;height:50px;float:left;margin:5px 5px 5px 5px; }
.headerText{ width:678px;padding:20px 0 0 0;font-size:18px;text-align:center;float:left; }

/*Generic Viewer Classes - ex. OutcropViewer, OutcropEditor, RockEditor, etc.. */
.screen{ position:absolute;top:0;left:0;width:100%;height:100%;z-index:9002;background-color:#eeeeee88;visibility:hidden; }
.viewer{ padding:0;width:800px;height:calc(100% - 60px);margin:0 auto;position:relative;z-index:9900;background-color:#EEEEEE;overflow-y:auto; }
.viewerSection{ width:calc(100% - 60px);margin:20px 0 0 30px;background-color:#cccccc;border-radius:10px; }
.viewerSectionTitle{ width:calc(100% - 40px);padding:20px 20px 10px 20px;font-weight:bold; }
.viewerSectionText{ width:calc(100% - 40px);padding:20px 20px 20px 20px; }

/*About*/
.copyright{ font-size:10pt;text-align:center;padding:10px 0 5px 0; }

/* Map */
#mapWrapper{ position:absolute;border:1px solid black;top:40px;left:4px;right:4px;bottom:4px; }
#map{ width:100%;height:100%;background-color:#FFFFFF; }

/* Map Controls - oocMapControls.js*/
#controls{ position:absolute;top:10px;right:10px;width:180px;z-index:9000;background-color:#eeeeee55; }
.mapModeButton{ width:90px;height:20px;float:left;font-weight:bold;text-align:center;background-color:#eeeeee;cursor:pointer; }
.userModeButton{ width:100%;height:20px;font-weight:bold;text-align:center;margin:2px 0 0 0;background-color:#eeeeee;cursor:pointer; }
.userSubModeButton{ width:calc(100% - 40px);height:20px;text-align:left;background-color:#eeeeee;margin:0 0 0 40px;cursor:pointer; }
.activeButton{ background-color:#5555cc; }
.mapOpacityTitle{ margin:4px 0 0 5px;width:85px;height:22px;float:left;font-weight:bold; }
.mapOpacityRange{ margin:0 0 0 5px;width:75px;height:26px;float:left; }

/* Macrostrat query div */
#macrostrat{ position:absolute;bottom:40px;left:10px;z-index:9000;background-color:#EEEEEE88;visibility:hidden; }

/* Map Coordinate Div */
#coordinate{ position:absolute;top:10px;left:50px;width:192px;z-index:9000;font-weight:bold;background-color:#eeeeee88;cursor:pointer;border-radius:4px; }
.latlng{ width:90px;float:left;margin:0 0 0 6px; }

/* Outcrop Preview */
#previewedOutcrop{ position:absolute;top:190px;right:10px;width:180px;z-index:9000;background-color:#EEEEEE88; }
#previewOutcropID{ width:180px;;text-align:center;background-color:grey;margin:5px 0 5px 0; }
#previewImage{ width:180px;margin:auto;text-align:center; }
#previewImageImg{width:100%;height:100%;}
#previewStratUnitFrame{width:180px;margin:auto;}
.previewStratUnit{ width:180px;margin:auto;text-align:center; }
#previewRockFrame{ width:180px;margin:auto;background-color:#ffffff;margin-top:4px;font-size:10pt; }
.previewRockName{ width:170px;margin:auto;padding-left:10px;font-weight:bold;text-decoration:underline;clear:left; }
.previewFeature{ padding:0 0 0 10px;width:calc(100% - 10px);margin:2px 0 0 0;height:16px; }
.previewRockMineral{ width:140px;float:left; }
.previewRockFossil{ width:140px;float:left;cursor:pointer; }
.previewRockFeature{ width:140px;float:left; }
.previewFeatureIcon{ width:16px;height:16px;margin:0 4px 0 0;float:left; }

/* Outcrop Viewer */
#outcropImage{ margin:0 auto;max-height:450px;max-width:100%;display:block;}
#outcropImageText{ position:absolute;top:320px;margin: 0 0 0 30px;width:740px;font-weight:bold;font-size:20px;background-color:#DDDDDD99;text-align:center; }
#outcropImageControlBox{ overflow-x:auto;overflow-y:hidden; }
.outcropImageThumb{ width:80px;height:80px;float:left;text-align:center;line-height:80px; }
.outcropImageThumbImg{ max-width:70px;max-height:70px;vertical-align:middle; }
#outcropStratUnitFrame{ width:100%; }
.outcropStratUnit{text-align:center;font-weight:bold;padding:5px 0 5px 0;font-size:14pt;}
.outcropLithoTime{text-align:center;font-weight:bold;font-size:12pt;padding:0 0 5px 0; }
#outcropViewerDetailsFrame{ width:100%;height:400px; }
#outcropDetails{ margin:10px 5px 10px 10px;padding:20px 20px 20px 20px;width:340px;float:left;height:340px;background-color:#dddddd; }
.outcropDetailsTitle{ width:100px;padding:5px 0 5px 0;float:left; }
.outcropDetailsDetail{ width:200px;padding:5px 0 5px 0;margin-right:20px;text-align:right;float:left; }
#outcropDetailsDetailCenter{ cursor:pointer; }
#outcropMiniMapFrame{ width:380px;float:left;height:400px; }
#outcropMiniMap{ top:10px;left:5px;right:10px;bottom:10px;width:380px;height:380px; }
#outcropRocksList{ width:100%;margin:0;padding-bottom:20px;background-color:#cccccc; }
.outcropRocksRock{ width:calc( 100% - 50px);margin: 0 0 0 20px;padding:10px 0 10px 10px;background-color:#999999; }
.outcropRocksRockBreak{ width:100%;height:10px; }
.outcropRocksMineral{ width:calc(100% - 80px);margin-left:20px;padding-left:40px;background-color:#999999;font-size:10pt; }
.outcropRocksMineralName{ width:200px;float:left; }
.outcropRocksMineralPercent{ width:100px;float:left;text-align:right; }
.outcropRocksMineralMaxSize{ width:160px;float:left;text-align:right; }
.outcropViewerGenericFrame{ width:100%; }
.outcropFossilRow{ width:calc(100% - 80px);margin-left:20px;padding-left:40px;background-color:#999999;font-size:10pt; }
.outcropFossilName{ width:300px;float:left;cursor:default; }
.outcropFossilAbundance{ width:140px;float:left;cursor:default; }
.outcropFossilIntegrity{ width:140px;float:left;cursor:default; }
#outcropRocksRockFeatureHeader{ width:calc(100% - 80px);margin-left:20px;padding-left:40px;background-color:#999999;font-size:10pt;font-weight:bold;text-decoration:underline; }
.outcropRocksRockFeatureRow{ width:calc(100% - 80px);margin-left:20px;padding-left:40px;background-color:#999999;font-size:10pt; }
.title{ font-weight:bold;text-decoration:underline; }
.outcropDetailsLink{ width:300px;margin:5px 0 0 0; }

/* Outcrop Editor */
#outcropPreDeleteButton{ width:140px;height:40px;border-radius:6px;margin:5px 0 20px 40px;background-color:#aaaaaa;float:left;text-align:center;padding-top:25px;}
#outcropDeleteButton{ width:140px;height:40px;border-radius:6px;margin:5px 0 20px 40px;background-color:#aaaaaa;float:left;text-align:center;padding-top:25px;}
#outcropDeleteMessage{ width:calc(100% - 80px);font-size:10pt;padding:0 40px 20px 40px; }
.editorTitleFrame{ width:100%;height:26px; }
#editorBlankSpace{ height:100px;width:500px; }
#editorOutcropPublishButton{ margin:0 20px 0 20px;width:100px;height:50px;background-color:#aaaaaa;border-radius:6px;text-align:center;cursor:pointer;padding:5px 0 0 0;float:left; }
#editorOutcropPublishMessage{ width:calc(100% - 140px);padding:20px 0 0 0; }

/*Outcrop Editor Image Editor */
#editorImageSubFrame{ position:relative;width:100%;height:346px; }
#editActiveImage{ position:absolute;left:10px;top:10px;width:300px;height:300px;background-color:#999999;vertical-align:middle;text-align:center;display:table-cell; }
#editActiveImageIMG{ max-width:300px;max-height:300px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto; }
#editImageDMUploaderFrame{ position:absolute;left:10px;top:10px;width:300px;height:300px;background-color:#999999;vertical-align:middle;text-align:center;display:table-cell; }
#editImageDMUploader{ position:absolute;top:0;left:0;right:0;height:260px; }
#editImageDMUploaderText{ position:relative;margin-top:40px; }
#editImageDMUploaderMessage{ position:absolute;bottom:0;left:0;right:0;height:40px;text-align:center; }
#editImageDescHeader{ position:absolute;left:320px;top:10px;width:370px;height:30px; }
#editImageDesc{ position:absolute;left:320px;top:50px;width:360px;height:60px;resize:none; }
#editDescStatus{ position:absolute;left:320px;top:120px;width:200px;font-size:12px; }
#editImageDescButton{ position:absolute;left:540px;top:120px;width:150px; }
#delImageButton{ position:absolute;left:320px;top:250px;width:60px;height:60px; }
#editImageBar{ width:700px;height:100px;background-color:#aaaaaa;overflow-x:scroll;margin:0 0 0 12px; }
.editImageBarButton{ margin:10px 0 0 10px;float:left;width:60px;height:60px;cursor:pointer; }
.editImageBarImage{ max-width:60px;max-height:60px; }

/* Outcrop Editor Litho Unit Associator */
.editorLithoUnitItem{ width:calc(100% - 5px);padding:0 0 0 5px;cursor:pointer; }
.editorLithoUnitHeader{ width:100%;text-align:center;background-color:black;color:white; }
.editorLithoUnitList{ width:100%;height:200px;overflow-y:scroll;background-color:white; }

/* Outcrop Editor Litho Request */
.editorLithoUnitTable{ width:240px;margin:20px 0 20px 20px;float:left; }
.editorLithoUnitCenterTable{ width:120px;float:left;text-align:center;margin:90px 0 0 20px;font-size:12px; }
.editorLithoUnitRequestRow{ height:40px;width:100%;margin:0 0 20px 0; }
.editorLithoUnitRequestText{ width:160px;padding:10px 0 0 20px;float:left; }
.editorLithoUnitRequestInput{ width:180px;padding:10px;float:left; }
.editorLithoUnitRequestExplanation{ margin:0 0 20px 180px;font-size:10pt;width:calc(100% - 180px); }
#editorLithoUnitRequestType{ width:140px;padding:10px;float:left;margin:0 0 0 10px; }
#editorLithoUnitRequestButton{ width:140px;text-align:center;cursor:pointer;background-color:#aaaaaa;padding:10px 0 10px 0;border-radius:6px;float:left; }
#editorLithoUnitRequestMessage{ width:400px;float:left;font-size:10pt; }

/*Outcrop Editor Rock Adder */
#rockEditorAdder{ position:relative;margin-top:20px;width:100%; }
#editorAddRockHeaderFrame{ width:680px;height:24px;margin-top:20px;margin-left:20px; }
.editorAddRockHeader{ width:150px;float:left;background-color:#dddddd;text-align:center;border-style:solid;border-width:2px;margin-right:6px;cursor:pointer; }
#editorAddRockContentFrame{ width:680px;height:360px;margin-top:20px;margin-left:20px;padding-bottom:20px; }
.editorAddRockContent{ position:absolute; }
.editorAddRockContentColumn{ float:left;width:200px;margin-left:14px; }
.editorAddRockContentItem{ height:20px; margin-top:10px; background-color:#ffffff;cursor:pointer; }
#editorAddRockMessage{ width:620px;margin-left:40px;margin-right:40px;padding-top:10px;padding-bottom:20px;text-align:center; }
#editorAddRockButton{ width:160px;margin:0 270px 0 270px;text-align:center;cursor:pointer;background-color:#aaaaaa;padding:10px 0 10px 0;border-radius:4px; }

/*Outcrop Editor Rock Viewer */
#outcropEditorRockContentFrame{ width:680px;margin-top:20px;margin-left:20px;padding-bottom:20px; }
.outcropEditorRockContent{ width:660px;background-color:#ffffff;margin-bottom:4px;overflow:hidden;height:1%;padding-top:5px;padding-bottom:5px;cursor:pointer; }
.outcropEditorRockContentHeader{ width:660px;background-color:#bbbbbb;margin-bottom:4px;overflow:hidden;height:1%;padding-top:5px;padding-bottom:5px;font-weight:bold; }
#outcropEditorRockNameHeader{ width:160px;margin-left:10px;float:left; }
#outcropEditorRockCreatedHeader{ width:160px;margin-left:10px;float:left; }
#outcropEditorRockCreatorHeader{ width:160px;margin-left:10px;float:left; }
#outcropEditorRockStatusHeader{ width:80px;margin-left:10px;float:left; }
.outcropEditorRockName{ width:160px;margin-left:10px;float:left; }
.outcropEditorRockCreated{ width:160px;margin-left:10px;float:left; }
.outcropEditorRockCreator{ width:160px;margin-left:10px;float:left; }
.outcropEditorRockStatus{ width:80px;margin-left:10px;float:left; }

/*Rock Editor */
#rockEditorHeader{ padding:0;width:800px;height:60px;background-color:#D0D0D0;text-align:center;margin:0 auto; }
#rockEditorMapFrame{ width:100%;height:600px; }
#rockEditorMapTitle{ margin-left:50px;padding-top:20px;padding-bottom:20px;height:20px;width:700px;font-weight:bold; }
#rockEditorMapExplanation{ margin-left:80px;padding-bottom:20px;width:600px;color:#808080; }
#rockEditorMap{ margin-left:50px;width:700px;height:300px; }
#rockEditorMapForm{ margin:0 0 0 50px;width:700px;height:140px; }
#rockEditorMapFormLat{ width:200px;float:left;margin-top:20px; }
#rockEditorMapFormLng{ width:200px;float:left;margin-top:20px; }
#rockEditorMapFormSubmit{ margin:28px 0 0 20px;text-align:center;width:260px;padding:10px 0 10px 0;background-color:#aaaaaa;float:left;cursor:pointer;border-radius:6px;color:white; }
.rockEditorMapFormHeader{ margin-left:20px; }
.rockEditorMapFormInput{ margin:5px 0 0 20px;width:120px;padding:0 0 0 10px; }
#rockEditorMapMessage{ margin:0 0 0 0;padding:20px 0 10px 0;height:20px;width:100%;text-align:center;clear:both; }

/*Rock Editor - Status Frame */
#rockEditorPublishFrame{ width:720px;margin-left:40px;height:220px;background-color:#DDDDDD;margin-bottom:10px; }
#rockEditorPublishTitle{ margin-left:10px;padding-top:10px;padding-bottom:20px;width:700px;font-weight:bold; }
#rockEditorPublishStatus{ margin-left:40px;margin-right:40px;padding-top:10px;padding-bottom:10px;width:640px; }
#rockEditorPublishStatusExplanation{ margin-left:40px;margin-right:40px;padding-top:10px;padding-bottom:10px;width:640px;color:#808080; }
#rockEditorPublishButton{ margin-left:40px;margin-top:10px;padding-top:10px;padding-bottom:10px;background-color:#aaaaaa;width:100px;text-align:center;cursor:pointer; }
#rockEditorPublishMessage{ margin-left:40px;margin-right:40px;padding-top:5px;padding-bottom:5px; width:640px; }

/*Rock Editor - Rock Name Frame */
#rockEditorRockNameFrame{ width:720px;margin-left:40px;height:220px;background-color:#DDDDDD;margin-bottom:10px; }
#rockEditorRockNameTitle{ margin-left:10px;padding-top:10px;padding-bottom:20px;width:700px;font-weight:bold; }
#rockEditorRockNameExplanation{ margin-left:40px;margin-right:40px;padding-top:10px;padding-bottom:10px;width:640px;color:#808080; }
#rockEditorRockTypeName{ width:720px;margin-top:10px;margin-bottom:10px; }
#rockEditorRockTypeSpan{ margin-left:40px;margin-right:10px;width:100px; }
#rockEditorRockTypeNameSpan{ width:200px;padding-left:10px; }
#rockEditorRockName{ width:720px; }
#rockEditorRockNameSpan{ margin-left:40px;margin-right:10px;width:100px; }
#rockEditorRockNameInput{ width:300px;margin-right:10px;padding:10px 10px 10px 10px; }
#rockEditorRockNameButton{ width:100px;background-color:#aaaaaa;padding:10px 10px 10px 10px;cursor:pointer; }
#rockEditorRockNameMessage{ margin-left:140px;margin-right:40px;padding-top:10px;padding-bottom:10px;width:540px; }

/*Rock Editor - Mineral Editor */
#rockEditorMineralFrame{ width:720px;margin-left:40px;height:auto;background-color:#DDDDDD;margin-bottom:10px; }
#rockEditorMineralTitle{ margin-left:10px;padding-top:10px;padding-bottom:20px;width:700px;font-weight:bold; }
#rockEditorMineralExplanation{ margin-left:40px;margin-right:40px;padding-top:10px;padding-bottom:10px;width:640px;color:#808080; }
.rockEditorMineralAdderDiv{ width:720px;height:40px;margin-top:10px; }
#rockEditorMineralAddTitle{ width:160px;height:40px;padding-left:40px;float:left;line-height:40px; }
#rockEditorMineralAddSelect{ width:200px;height:40px;margin-right:10px;padding:10px 10px 10px 10px;float:left; }
#rockEditorMineralPercentTitle{ width:160px;padding-left:40px;float:left;line-height:40px; }
#rockEditorMineralPercentInput{ width:40px;margin-right:10px;padding: 10px 10px 10px 10px;float:left;margin-right:10px; }
#rockEditorMineralPercentUnits{ width:100px;height:40px;float:left;line-height:40px;margin-right:40px; }
#rockEditorMineralPercentTip{ width:400px;margin-left:200px;margin-right:20px;font-size:12px;color:#808080;float:left; }
#rockEditorMineralAddButton{ width:100px;background-color:#aaaaaa;padding: 10px 10px 10px 10px;cursor:pointer;float:left;text-align:center; }
#rockEditorMineralAddErrorMessage{ width:200px;font-size:12px;color:red;float:left; }
#rockEditorMineralMaxSizeTitle{ width:160px;height:40px;padding-left:40px;float:left;line-height:40px; }
#rockEditorMineralMaxSizeInput{ width:40px;margin-right:10px;padding: 10px 10px 10px 10px;float:left;margin-right:10px; }
#rockEditorMineralMaxSizeUnits{ width:100px;height:40px;float:left;line-height:40px;margin-right:40px; }
#rockEditorMineralMaxSizeTip{ width:200px;margin-left:200px;margin-right:20px;font-size:12px;color:#808080;float:left; }
.rockEditorMineralErrorDiv{ width:720px;height:30px;margin-top:4px; }
#rockEditorMineralListFrame{ width:600px;margin-top:40px;margin-left:80px;margin-bottom:6px;height:auto;overflow:hidden;; }
#rockEditorMineralList{ width:600px;margin-top:10px;margin-left:80px;height:auto; }
.rockEditorMineralListRow{ width:600px;height:auto;margin-top:6px;margin-bottom:6px; }
.rockEditorMineralListCellName{ width:150px;float:left; }
.rockEditorMineralListCellNameHeader{ width:150px;float:left;font-weight:bold;text-decoration:underline; }
.rockEditorMineralListCellPercent{ width:70px;float:left;text-align:right;margin-right:60px; }
.rockEditorMineralListCellPercentHeader{ width:70px;float:left;text-align:right;margin-right:60px;font-weight:bold;text-decoration:underline; }
.rockEditorMineralListCellMaxSize{ width:70px;float:left;text-align:right;margin-right:30px; }
.rockEditorMineralListCellMaxSizeHeader{ width:70px;float:left;text-align:right;margin-right:30px;font-weight:bold;text-decoration:underline; }
.rockEditorMineralListCellDelete{ width:80px;float:left;background-color:#aaaaaa;cursor:pointer;text-align:center;padding:2px 5px 2px 5px;margin-right:110px; }

/*Rock Editor - Color Editor */
#rockEditorRockColorFrame{ width:720px;height:240px;margin-left:40px;background-color:#DDDDDD;margin-bottom:10px; }
#rockEditorRockColorTitle{ margin-left:10px;padding-top:10px;padding-bottom:20px;width:700px;font-weight:bold; }
#rockEditorRockColorExplanation{ margin-left:40px;margin-right:40px;padding-top:10px;padding-bottom:10px;width:640px;color:#808080; }
#rockEditorRockColorFresh{ width:720px;margin-top:10px;margin-bottom:10px; }
#rockEditorRockColorFreshTitle{ width:140px;margin-left:40px;float:left;line-height:40px; }
#rockEditorRockColorFreshInput{ width:300px;margin-right:210px;padding:10px 10px 10px 10px;float:left; }
#rockEditorRockColorWeathered{ width:720px;margin-top:10px;margin-bottom:10px; }
#rockEditorRockColorWeatheredTitle{ width:140px;margin-left:40px;float:left;line-height:40px; }
#rockEditorRockColorWeatheredInput{ width:300px;padding:10px 10px 10px 10px;float:left;margin-right:20px; }
#rockEditorRockColorButton{ width:100px;background-color:#aaaaaa;padding:10px 10px 10px 10px;cursor:pointer;float:left;text-align:center;margin-right:60px; }
#rockEditorRockColorMessage{ margin-left:180px;margin-right:40px;padding-top:20px;padding-bottom:10px;width:540px;font-size:10pt; }

/*Rock Editor - Fossil Editor */
#rockEditorRockFossilFrame{ width:720px;height:auto;margin-left:40px;background-color:#DDDDDD;margin-bottom:10px; }
#rockEditorRockFossilTitle{ margin-left:10px;padding-top:10px;padding-bottom:20px;width:700px;font-weight:bold; }
#rockEditorRockFossilExplanation{ margin-left:40px;margin-right:40px;padding-top:10px;padding-bottom:10px;width:640px;color:#808080; }
#rockEditorRockFossilRow{ width:720px;height:40px;margin-top:10px; }
#rockEditorRockFossilRowTitle{ width:140px;margin-left:40px;float:left;line-height:40px; }
#rockEditorRockFossilRowInput{ width:500px;margin-left:20px;float:left; }
.rockEditorRockFossilInput{ width:200px;padding:10px 10px 10px 10px;float:left; }
#rockEditorRockFossilButton{ width:100px;background-color:#aaaaaa;padding:10px 10px 10px 10px;cursor:pointer;float:left;text-align:center;margin-left:20px; }
#rockEditorRockFossilMessage{ font-size:10pt;float:left;margin-left:20px; }
#rockEditorRockFossilPhylumSelect{ width:200px;padding:10px 10px 10px 10px;float:left; }
#rockEditorRockFossilAbundanceSelect{ width:200px;padding:10px 10px 10px 10px;float:left; }
#rockEditorRockFossilIntegritySelect{ width:200px;padding:10px 10px 10px 10px;float:left; }
#rockEditorRockFossilListHeader{ width:680px;font-size:10pt;margin-left:40px;margin-bottom:6px; }
#rockEditorRockFossilList{ width:720px;height:auto;font-size:10pt; }
.rockEditorRockFossilListRow{ width:680px;margin-left:40px;height:24px; }
.rockEditorRockFossilName{ width:72px;float:left;margin-right:6px;cursor:pointer; }
.rockEditorRockFossilNameHeader{ width:72px;float:left;margin-right:6px;font-weight:bold;text-decoration:underline; }
.rockEditorRockFossilAbundance{ width:72px;margin-right:6px;float:left;}
.rockEditorRockFossilAbundanceHeader{ width:72px;margin-right:6px;float:left;font-weight:bold;text-decoration:underline; }
.rockEditorRockFossilIntegrity{ width:72px;float:left;margin-right:6px;}
.rockEditorRockFossilIntegrityHeader{ width:72px;margin-right:6px;float:left;font-weight:bold;text-decoration:underline; }
.rockEditorRockFossilDelete{ width:48px;float:left;background-color:#aaaaaa;cursor:pointer;text-align:center;padding:2px 0 2px 0;border-radius:3px; }

/* Rock Editor - Feature Editor */
#rockEditorRockFeatureFrame{width:720px;height:400px;margin-left:40px;background-color:#DDDDDD;margin-bottom:10px;}
#rockEditorRockFeatureTitle{margin-left:10px;padding-top:10px;padding-bottom:20px;width:700px;font-weight:bold;}
#rockEditorRockFeatureExplanation{margin:10px 40px 20px 40px;width:640px;color:#808080;}
#rockEditorRockFeatureHeaderFrame{ width:660px;height:24px;margin:20px 0 0 40px;}
.rockEditorRockFeatureHeader{width:150px;float:left;background-color:#dddddd;text-align:center;border-style:solid;border-width:2px;margin:0 6px 0 0;cursor:pointer;}
#rockEditorRockFeatureContentFrame{width:660px;height:200px;margin:20px 0 0 40px;padding:0 0 20px 0;overflow-y:scroll;}
.rockEditorRockFeatureContentItem{margin: 0 0 4px 0;padding:8px 0 8px 8px;width:630px;cursor:pointer;font-size:11pt;background-color:#BBBBBB;}
#rockEditorRockFeatureMessage{width:620px;margin:10px 40px 40px 40px;text-align:center;}


/* Claim Viewer */
#claim{position:absolute;top:0;left:0;width:100%;height:100%;z-index:9001;background-color:#EEEEEE88;visibility:hidden; }
#claimViewer{ padding:0;width:800px;height:100%;margin:0 auto;position:relative;z-index:9900;background-color:#EEEEEE;overflow-y:auto;overflow-x:hidden; }
#claimHeader{ padding:0;width:100%;height:60px;background-color:#D0D0D0;text-align:center; }
#claimTitle{ height:100%;width:300px;font-size:18px;display:inline-block;padding-top:20px; }
#claimImageFrame{ width:100%;text-align:center; }
#claimImage{ margin:0;max-height:450px; }
#claimDetailsFrame{ width:100%;height:400px; }
#claimDetails{ margin:10px 10px 10px 10px;padding:10px 10px 10px 10px;width:360px;float:left;height:360px;background-color:#dddddd; }
#claimMiniMapFrame{ margin:10px 0 10px 10px;width:370px;float:left;height:370px; }
#claimMiniMap{ width:360px;height:360px; }
#claimImageImg{ max-width:800px;max-height:450px;cursor:pointer; }
#claimDetailsImg{ max-width:360px;max-height:360px;cursor:pointer; }