*      { font-family:sans-serif; }
input  { border:1px solid #d3d3d3!important; box-shadow:none!important; }
button { background-color:#ffffff; background:none; }

.compass { bottom:20px; left:20px; width:50px; }

.topMenuButton::after { content:" " attr(title); }

.topMenu            { width:100%; line-height:55px; padding:2px; background-color:#ffffff; filter:alpha(opacity=88); opacity:0.88; }
.topMenuLogo        { width:50px; height:50px; vertical-align:middle; margin:2px; border-radius:5px; }
.topMenuButtonImage { width:24px; height:24px; vertical-align:middle; }
.topMenuButton      { width:50px; height:50px; vertical-align:middle; margin:2px; border-width:0px;  background-color:#ffffff; font-size:10px; white-space:normal; }
.topMenuSearchBox   { width:120px; height:30px;  font-size:100%; vertical-align:middle; margin:0px; padding:4px;  border:1px solid #d3d3d3; }

.sideMenu               { font-size:12px; border:1px solid #d3d3d3; background-color:#ffffff; opacity:0.86; }
.sideMenuButton         { width:98%; height:24px;  border:1px solid #d3d3d3; }
.sideMenuButtonSelected { width:98%; height:24px;  border:1px solid #d3d3d3; font-weight:bold; }
.sideMenuButtonTop      { width:98%; height:24px;  border:1px solid #2270c9; font-weight:bold; }
.sideMenuButtonBottom   { width:98%; height:24px;  border:1px solid #2270c9; }

.popMenu               { font-size:12px; background-color:#ffffff;  border:1px solid #d3d3d3; }
.popMenuButtonTop      { width:100%; height:24px; border:1px solid #2270c9; text-align:center; font-weight:bold; }
.popMenuButtonBottom   { width:100%; height:24px; border:1px solid #2270c9; text-align:center; font-weight:normal!important; }
.popMenuButton         { width:100%; height:24px; border:1px solid #d3d3d3; padding-left:25px; text-align:left; background-color:#ffffff; }
.popMenuButtonSelected { width:100%; height:24px; border:1px solid #d3d3d3; padding-left:25px; text-align:left; background-color:#ffffff; }

.popMenuButtonMenu,
.popMenuButtonEdit,
.popMenuButtonFeedback,
.popMenuButtonPrintBottom,
.popMenuButtonSearchResults,
.popMenuButtonSearch,
.popMenuButtonPointItem,
.popMenuButtonAreaItem,
.popMenuButtonWayRoute,
.popMenuButtonOccupantGroup,
.popMenuButtonViewpoints             { text-align:center; padding-left:0px; background:none; border:1px solid #d3d3d3; }

.popMenuButtonEditSelected           { text-align:center; padding-left:0px; background:none; }

.popMenuButtonZoneLocation           { padding-left:5px;}

.popMenuButtonZoneLocationSelected   { padding-left:5px; font-weight:bold; }

.popMenuButtonDraw,
.popMenuButtonColours,
.popMenuButton3D,
.popMenuButtonPlans,
.popMenuButtonReport,
.popMenuButtonSearchOption           { background:url("radioOff.gif") no-repeat; background-position:5px; }

.popMenuButtonDrawSelected,
.popMenuButtonColoursSelected,
.popMenuButtonColours[disabled],
.popMenuButton3D[disabled],
.popMenuButtonPlans[disabled],
.popMenuButtonSearchOption[disabled] { background:url("radioOn.gif") no-repeat; background-position:5px; }

.popMenuButtonFootprint,
.popMenuButtonLabels,
.popMenuButtonMultiPlan,
.popMenuButtonFeatures               { background:url("checkOn.gif") no-repeat; background-position:5px; }

.popMenuButtonFootprintSelected,
.popMenuButtonLabelsSelected,
.popMenuButtonMultiPlanSelected,
.popMenuButtonFeaturesSelected       { background:url("checkOff.gif") no-repeat; background-position:5px; }

.featuresMenuButton1             { text-align:left; padding-left:20px; width:100%; height:24px;  border:1px solid #d3d3d3; background:url("checkOn.gif") no-repeat; background-position:5px; }
.featuresMenuButton1Selected     { text-align:left; padding-left:20px; width:100%; height:24px;  border:1px solid #d3d3d3; background:url("checkOff.gif") no-repeat; background-position:5px; }
.featuresMenuButton1Radio        { text-align:left; padding-left:20px; width:100%; height:24px;  border:1px solid #d3d3d3; background:url("radioOn.gif") no-repeat; background-position:5px; }
.featuresMenuButton1RadioSelected{ text-align:left; padding-left:20px; width:100%; height:24px;  border:1px solid #d3d3d3; background:url("radioOff.gif") no-repeat; background-position:5px; }
.featuresMenuButton1FolderClosed { text-align:left; padding-left: 5px; width:100%; height:24px;  border:1px solid #d3d3d3; }
.featuresMenuButton1FolderOpen   { text-align:left; padding-left: 5px; width:100%; height:24px;  border:1px solid #d3d3d3; }

.featuresMenuButton2             { text-align:left; padding-left:44px; width:100%; height:24px;  border:1px solid #d3d3d3; background:url("checkOn.gif") no-repeat; background-position:25px; }
.featuresMenuButton2Selected     { text-align:left; padding-left:44px; width:100%; height:24px;  border:1px solid #d3d3d3; background:url("checkOff.gif") no-repeat; background-position:25px; }
.featuresMenuButton2Radio        { text-align:left; padding-left:44px; width:100%; height:24px;  border:1px solid #d3d3d3; background:url("radioOn.gif") no-repeat; background-position:25px; }
.featuresMenuButton2RadioSelected{ text-align:left; padding-left:44px; width:100%; height:24px;  border:1px solid #d3d3d3; background:url("radioOff.gif") no-repeat; background-position:25px; }
.featuresMenuButton2FolderClosed { text-align:left; padding-left:39px; width:100%; height:24px;  border:1px solid #d3d3d3; }
.featuresMenuButton2FolderOpen   { text-align:left; padding-left:39px; width:100%; height:24px;  border:1px solid #d3d3d3; }

.featuresMenuButton3             { text-align:left; padding-left:68px; width:100%; height:24px;  border:1px solid #d3d3d3; background:url("checkOn.gif") no-repeat; background-position:48px; }
.featuresMenuButton3Selected     { text-align:left; padding-left:68px; width:100%; height:24px;  border:1px solid #d3d3d3; background:url("checkOff.gif") no-repeat; background-position:48px; }
.featuresMenuButton2Radio        { text-align:left; padding-left:44px; width:100%; height:24px;  border:1px solid #d3d3d3; background:url("radioOn.gif") no-repeat; background-position:25px; }
.featuresMenuButton2RadioSelected{ text-align:left; padding-left:44px; width:100%; height:24px;  border:1px solid #d3d3d3; background:url("radioOff.gif") no-repeat; background-position:25px; }
.featuresMenuButton3FolderClosed { text-align:left; padding-left:63px; width:100%; height:24px;  border:1px solid #d3d3d3; }
.featuresMenuButton3FolderOpen   { text-align:left; padding-left:63px; width:100%; height:24px;  border:1px solid #d3d3d3; }

.featuresMenuButtonImage { margin-right:8px; display:inline; }

.featuresMenuBIMStructureListRoot     { margin-left:10px; padding-left:20px; }
.featuresMenuBIMStructureList         { margin-left:0px; padding-left:10px; }
.featuresMenuBIMStructureItem         { list-style-image:url(feature.gif); }
.featuresMenuBIMStructureFolderOpen   { list-style-image:url(featureFolderOpen.gif); }
.featuresMenuBIMStructureFolderClosed { list-style-image:url(featureFolderClosed.gif); }

.planTitle {font-size:32px; border:3px solid black; padding:3px; margin-top:15px; white-space:nowrap; background-color:#ffffff; display:none; }

#btnDrawUndo,
#btnDrawDelete,
#btnDrawClear,
#btnDrawSave,
#btnDrawRecall,
#btnDrawItemLink,
#btnDrawMultiEdit,
#btnFootprintFloorPlan,
#btnMultiPlanDisplay,
#btnPlanDashboard,
#btnPlanHelp,
#btnPlanExit,
#btnPlanSite,
#btnRouteSteps,
#btnColoursAdvanced,
#btnZoneLocationValidate { text-align:center; padding-left:0px; background:none; }

.btnWayStepNext   { height:60px; width:60px; border-radius:30px; border:none; font-weight:bold; font-size:14px; color:white; background-color:green; }
.btnWayStepBack   { height:60px; width:60px; border-radius:30px; border:none; font-weight:bold; font-size:14px; color:white; background-color:red; }
.btnWayStepAll    { height:60px; width:60px; border-radius:30px; border:none; font-weight:bold; font-size:14px; color:white; background-color:blue; }
.btnWayStepCancel { height:60px; width:60px; border-radius:30px; border:none; font-weight:bold; font-size:14px; color:white; background-color:grey; }