.xxxsmall { font-size: 9px; font-family: verdana, tahoma, arial, helvetica; } .xxsmall { font-size: 10px; font-family: verdana, tahoma, arial, helvetica; } .xsmall { font-size: 11px; font-family: verdana, tahoma, arial, helvetica; } .small { font-size: 12px; font-family: verdana, tahoma, arial, helvetica; } .medium { font-size: 13px; font-family: verdana, tahoma, arial, helvetica; } .large { font-size: 14px; font-family: verdana, tahoma, arial, helvetica; } .xlarge { font-size: 15px; font-family: verdana, tahoma, arial, helvetica; } .xxlarge { font-size: 16px; font-family: verdana, tahoma, arial, helvetica; } .xxxlarge { font-size: 17px; font-family: verdana, tahoma, arial, helvetica; } .xxxsmallb { font-size: 9px; font-family: verdana, tahoma, arial, helvetica; font-weight: bold; } .xxsmallb { font-size: 10px; font-family: verdana, tahoma, arial, helvetica; font-weight: bold; } .xsmallb { font-size: 11px; font-family: verdana, tahoma, arial, helvetica; font-weight: bold; } .smallb { font-size: 12px; font-family: verdana, tahoma, arial, helvetica; font-weight: bold; } .mediumb { font-size: 13px; font-family: verdana, tahoma, arial, helvetica; font-weight: bold; } .largeb { font-size: 14px; font-family: verdana, tahoma, arial, helvetica; font-weight: bold; } .xlargeb { font-size: 15px; font-family: verdana, tahoma, arial, helvetica; font-weight: bold; } .xxlargeb { font-size: 16px; font-family: verdana, tahoma, arial, helvetica; font-weight: bold; } .xxxlargeb { font-size: 17px; font-family: verdana, tahoma, arial, helvetica; font-weight: bold; } .smalltitle { font-size: 18px; font-family: verdana, tahoma, arial, helvetica; font-weight: bold; } .mediumtitle { font-size: 20px; font-family: verdana, tahoma, arial, helvetica; font-weight: bold; } .largetitle { font-size: 22px; font-family: verdana, tahoma, arial, helvetica; font-weight: bold; } a:link { color: #FFFFFF; text-decoration: none } a:visited { color: #FFFFFF; text-decoration: none } a:hover { color: #FFFFFF; text-decoration: none } .tooltip { border:1px solid #679966; font-size: 11px; font-family: verdana, tahoma, arial, helvetica; left: 0; top: 0; padding: 0; background-color: #FFFFDF; position: absolute; visibility: hidden } body { width: 100%; height: 100%; margin: 0px; padding: 0px; color: #000000; background-color: #FFFFFF; font: 400 10px verdana, tahoma, san-serif; } input.button { filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#66BBFF', gradientType='0'); font: 700 8pt verdana, tahoma, san-serif; color: #000000; border: 1px solid #000000; } input.button2 { font: 700 8pt verdana, tahoma, san-serif; color: #000000; border: 1px solid #003300; background-color: #9FCA9F; } input.button3 { font: 400 10px verdana, tahoma, san-serif; } div.totallyHidden { position: absolute; display: none; left: 0; top: 0; width: 0px; height: 0px; } div.totallyHidden2 { position: absolute; display: inline; right: 10; bottom: 25; width: 25%; height: 50px; border: 1px solid maroon; } #divDistance { background-color: #006600; overflow: visible; position: absolute; top: 0px; left: 0px; height: 15px; z-index: 25; filter: alpha(opacity=90); opacity: 0.90; -moz-opacity: 0.90; display: none; border: 1px solid #000000; color: #FFFFFF; font: 400 10px verdana, tahoma, san-serif; padding: 1px 5px; margin: 0px; } #divHoverInfo { background-color: #006600; color: #FFFFFF; overflow: visible; position: absolute; top: 0px; left: 0px; z-index: 25; filter: alpha(opacity=95); opacity: 0.95; -moz-opacity: 0.95; display: none; border: 1px solid #000000; font: 400 10px verdana, tahoma, san-serif; padding: 3px 5px; margin: 0px; } #divLatLonInfo { background-color: black; overflow: hidden; position: absolute; bottom: 0px; left: 0px; height: 24px; width: 225px; z-index: 5; filter: alpha(opacity=95); opacity: 0.95; -moz-opacity: 0.95; } #tabnav { background-color: black; overflow: hidden; position: absolute; top: 0px; left: 0px; height: 25px; width: 100%; z-index: 5; filter: alpha(opacity=60); opacity: 0.60; -moz-opacity: 0.60; } #tabnav a { color: white; } .tab { line-height: 1.3; font-weight: bold; height: 18px; position: absolute; text-align: center; border: 2px outset #eee; border-bottom: none; width: 85px; cursor: pointer; color: #FFF; } .panel { position: absolute; border: 2px outset #eee; width: 99%; height: 24px; left: 0px; top: 18px; margin: 0px; padding: 0px; background-color: #BBB; color: #000; } .pinStyle1 { position:relative; background:url('../images/pin1.gif') no-repeat 0 0; height:30px; width:25px; top:-15px; color:#fff; text-align:center; font: 700 10px verdana, tahoma, san-serif; cursor: pointer; } .pinStyle3 { position:relative; background:url('../images/pin3.gif') no-repeat 0 0; height:30px; width:25px; top:-15px; color:#000; text-align:center; font: 700 10px verdana, tahoma, san-serif; cursor: pointer; } .pinStyle6 { position:relative; background:url('../images/pin6.gif') no-repeat 0 0; height:30px; width:25px; top:-15px; color:#fff; text-align:center; font: 700 10px verdana, tahoma, san-serif; cursor: pointer; } .pinStyle8 { position:relative; background:url('../images/pin8.gif') no-repeat 0 0; height:30px; width:25px; top:-15px; color:#fff; text-align:center; font: 700 10px verdana, tahoma, san-serif; cursor: pointer; } .pinStyle9 { position:relative; background:url('../images/pin9.gif') no-repeat 0 0; height:30px; width:25px; top:-15px; color:#fff; text-align:center; font: 700 10px verdana, tahoma, san-serif; cursor: pointer; } .rwisPinText { position: relative; top: 6px; } .accidentPinText { position: relative; top: 6px; } .pinStyleTemp { position: relative; background: url('../images/marker.gif') no-repeat 0 0; height: 7px; width: 7px; top: 9px; left: 10px; color: #fff; text-align: center; cursor: pointer;} /* .pinStyleTemp { position: relative; background: url('../images/marker.gif') no-repeat 0 0; height: 7px; width: 7px; top: 7px; left: 7px; color: #fff; text-align: center; cursor: pointer;} */ #divLoading { border: 0px solid #006600; background-color: #000000; top: 0; left: 0; filter:alpha(opacity=85); opacity: 0.85; -moz-opacity: 0.85; position: absolute; } /* #divLoading .loadingBox { position: absolute; border: thick double #006600; background-color: #009900; height: 35px; top: 300px; left: 300px; padding: 10px; width: 150px; font: 700 14px verdana, tahoma, san-serif; text-transform: capitalize; color: white; } */ #divLoading .loadingBox { border: thick double #006600; background-color: #009900; height: 35px; padding: 10px; padding-top: 30px; width: 150px; font: 700 14px verdana, tahoma, san-serif; text-transform: capitalize; color: white; } .divBodyContainer { overflow: visible; } .elemMoveAnchor { text-decoration: none; color: #FFFFFF; margin-right: 2px; font: 400 10px verdana, tahoma, san-serif; } .elemCloseAnchor { text-decoration: none; color: #FFFFFF; margin-left: 2px; font: 400 12px verdana, tahoma, san-serif; } .elemContainer { height: 75px; width: 200px; text-align: center; display: block; z-index: 10; background-color: Transparent; } .elemTable { border-collapse: collapse; padding: 0px; margin: 0px; border: 0px solid #660000; width: 100%; } .elemTitleContainerCell { width: 100%; padding: 0px; margin: 0px; border: 0px solid #990000; } .elemTitleContainedTable { border-collapse: collapse; padding: 0px; margin: 0px; width: 100%; border: 0px solid #CC0000; } .elemTitleContainedLeftCell { border: 0px solid #990000; margin: 0px; padding: 0px; text-align: left; width: 22px; height: 22px; background-image: url('../images/panelsBorder001.gif'); background-repeat: no-repeat; background-attachment: scroll; background-position: top 50%; } .elemTitleContainedTitleCell { border: 0px solid #990000; margin: 0px; padding: 0px; text-align: left; height: 22px; color: #FFFFFF; background-image: url('../images/panelsBorder002.gif'); background-repeat: repeat-x; background-attachment: scroll; font: 700 11px verdana, tahoma, san-serif; background-position: top 50%; white-space:nowrap; } .elemTitleContainedCommandCell { border: 0px solid #CC0000; margin: 0px; padding: 0px; text-align: right; width: 25px; height: 22px; color: #FFFFFF; background-image: url('../images/panelsBorder002.gif'); background-repeat: repeat-x; background-attachment: scroll; font-style: normal; font-variant: normal; font-weight: 400; font-size: 11px; font-family: verdana, tahoma, san-serif; background-position: top 50%; } .elemTitleContainedRightCell { border: 0px solid #FF0000; margin: 0px; padding: 0px; text-align: right; width: 22px; height: 22px; background-image: url('../images/panelsBorder003.gif'); background-repeat: no-repeat; background-attachment: scroll; background-position: right; } .elemBodyContainerCell { border: 0px solid #FF0000; margin: 0px; padding: 0px; color: #FFFFFF; width: 100%; text-align: center; background-image: url('../images/panelsBorder005.gif'); background-repeat: repeat; background-attachment: scroll; overflow: visible; background-position: top 50%; } .elemBodyContainerCell2 { border: 0px solid #FF0000; margin: 0px; padding: 0px; color: #FFFFFF; width: 100%; text-align: center; background-image: url('../images/panelsBorder005.gif'); background-repeat: repeat; background-attachment: scroll; overflow: visible; background-position: top 50%; } .elemBodyContainerDiv { border: 0px solid #FF0000; margin: 0px; padding: 0px; color: #FFFFFF; width: 100%; text-align: center; overflow: visible; scrollbar-3dlight-color:#333333; scrollbar-arrow-color:#999999; scrollbar-base-color:#333333; scrollbar-darkshadow-color:#000000; scrollbar-face-color:#333333; scrollbar-highlight-color:#666666; scrollbar-shadow-color:#111111; } .elemFooterContainerCell { border: 0px solid #FF0000; margin: 0px; padding: 0px; text-align: center; width: 100%; } .elemFooterContainedTable { border-collapse: collapse; padding: 0px; margin: 0px; border: 0px solid #000000; width: 100%; } .elemFooterContainedLeftCell { border: 0px solid #FF0000; margin: 0px; padding: 0px; text-align: left; width: 22px; height: 22px; background-image: url('../images/panelsBorder007.gif'); background-repeat: no-repeat; background-attachment: scroll; background-position: top 50%; } .elemFooterContainedCenterCell { border: 0px solid #FF0000; margin: 0px; padding: 0px; text-align: center; height: 22px; background-image: url('../images/panelsBorder008.gif'); background-repeat: repeat-x; background-attachment: scroll; background-position: top 50%; } .elemFooterContainedRightCell { border: 0px solid #FF0000; margin: 0px; padding: 0px; text-align: right; width: 22px; height: 22px; background-image: url('../images/panelsBorder009.gif'); background-repeat: no-repeat; background-attachment: scroll; background-position: right; } /* .divBodyContainer { overflow: visible; } .elemMoveAnchor { text-decoration: none; color: #FFFFFF; margin-right: 2px; font: 400 10px verdana, tahoma, san-serif; } .elemCloseAnchor { text-decoration: none; color: #FFFFFF; margin-left: 2px; font: 400 12px verdana, tahoma, san-serif; } .elemContainer { height: 75px; width: 200px; text-align: center; display: block; filter: alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0; z-index: 10; background-color: Transparent; } .elemTable { border-collapse: collapse; padding: 0px; margin: 0px; border: 0px solid #660000; width: 100%; } .elemTitleContainerCell { width: 100%; padding: 0px; margin: 0px; border: 0px solid #990000; } .elemTitleContainedTable { border-collapse: collapse; padding: 0px; margin: 0px; width: 100%; border: 0px solid #CC0000; } .elemTitleContainedLeftCell { border: 0px solid #990000; margin: 0px; padding: 0px; text-align: left; width: 22px; height: 22px; background-image: url('../images/panelsBorder001.gif'); background-repeat: no-repeat; background-attachment: scroll; filter: alpha(opacity=95); opacity: 0.95; -moz-opacity: 0.95; background-position: top 50%; } .elemTitleContainedTitleCell { border: 0px solid #990000; margin: 0px; padding: 0px; text-align: left; height: 22px; color: #FFFFFF; background-image: url('../images/panelsBorder002.gif'); background-repeat: repeat-x; background-attachment: scroll; font: 700 11px verdana, tahoma, san-serif; filter: alpha(opacity=95); opacity: 0.95; -moz-opacity: 0.95; background-position: top 50%; white-space:nowrap; } .elemTitleContainedCommandCell { border: 0px solid #CC0000; margin: 0px; padding: 0px; text-align: right; width: 25px; height: 22px; color: #FFFFFF; background-image: url('../images/panelsBorder002.gif'); background-repeat: repeat-x; background-attachment: scroll; font-style: normal; font-variant: normal; font-weight: 400; font-size: 11px; font-family: verdana, tahoma, san-serif; filter: alpha(opacity=95); opacity: 0.95; -moz-opacity: 0.95; background-position: top 50%; } .elemTitleContainedRightCell { border: 0px solid #FF0000; margin: 0px; padding: 0px; text-align: right; width: 22px; height: 22px; background-image: url('../images/panelsBorder003.gif'); background-repeat: no-repeat; background-attachment: scroll; filter: alpha(opacity=95); opacity: 0.95; -moz-opacity: 0.95; background-position: right; } .elemBodyContainerCell { border: 0px solid #FF0000; margin: 0px; padding: 0px; color: #FFFFFF; width: 100%; text-align: center; background-image: url('../images/panelsBorder005.gif'); background-repeat: repeat; background-attachment: scroll; filter: alpha(opacity=95); opacity: 0.95; -moz-opacity: 0.95; overflow: visible; background-position: top 50%; } .elemBodyContainerCell2 { border: 0px solid #FF0000; margin: 0px; padding: 0px; color: #FFFFFF; width: 100%; text-align: center; background-image: url('../images/panelsBorder005.gif'); background-repeat: repeat; background-attachment: scroll; filter: alpha(opacity=100); opacity: 1.00; -moz-opacity: 1.00; overflow: visible; background-position: top 50%; } .elemBodyContainerDiv { border: 0px solid #FF0000; margin: 0px; padding: 0px; color: #FFFFFF; width: 100%; text-align: center; overflow: visible; scrollbar-3dlight-color:#333333; scrollbar-arrow-color:#999999; scrollbar-base-color:#333333; scrollbar-darkshadow-color:#000000; scrollbar-face-color:#333333; scrollbar-highlight-color:#666666; scrollbar-shadow-color:#111111; } .elemFooterContainerCell { border: 0px solid #FF0000; margin: 0px; padding: 0px; text-align: center; width: 100%; } .elemFooterContainedTable { border-collapse: collapse; padding: 0px; margin: 0px; border: 0px solid #000000; width: 100%; } .elemFooterContainedLeftCell { border: 0px solid #FF0000; margin: 0px; padding: 0px; text-align: left; width: 22px; height: 22px; background-image: url('../images/panelsBorder007.gif'); background-repeat: no-repeat; background-attachment: scroll; filter: alpha(opacity=95); opacity: 0.95; -moz-opacity: 0.95; background-position: top 50%; } .elemFooterContainedCenterCell { border: 0px solid #FF0000; margin: 0px; padding: 0px; text-align: center; height: 22px; background-image: url('../images/panelsBorder008.gif'); background-repeat: repeat-x; background-attachment: scroll; filter: alpha(opacity=95); opacity: 0.95; -moz-opacity: 0.95; background-position: top 50%; } .elemFooterContainedRightCell { border: 0px solid #FF0000; margin: 0px; padding: 0px; text-align: right; width: 22px; height: 22px; background-image: url('../images/panelsBorder009.gif'); background-repeat: no-repeat; background-attachment: scroll; filter: alpha(opacity=95); opacity: 0.95; -moz-opacity: 0.95; background-position: right; } */ #divToolbox { overflow: visible; width: 250px; height: 100px; padding: 2px 5px; background-color: #000000; text-align: center; } #divToolbox #tableMainContainer { width: 240px; margin: 0px; padding: 0px; border-collapse: collapse; border: 0px solid #000000; } #divToolbox #tableMainContainer .spacerRow { height: 5px; width: 100%; margin: 0px; padding: 0px; border: 0px solid #000000; } #divToolbox #tableMainContainer .spacerRow .spacerCell { height: 5px; width: 100%; margin: 0px; padding: 0px; border: 0px solid #000000; line-height: .5; } #divToolbox #tableMainContainer .mapStyleRow { height: 40px; width: 100%; margin: 0px; padding: 0px; border: 0px solid #000000; text-align: left; } #divToolbox #tableMainContainer .mapStyleContainerCell { height: 40px; width: 100%; margin: 0px; padding: 0px; border: 0px solid #000000; text-align: center; } #divToolbox #tableMainContainer .mapStyleTable { margin: 0px; padding: 0px; border-collapse: collapse; border: 0px solid #000000; text-align: center; } #divToolbox #tableMainContainer .mapStyleTable .imageCell { height: 40px; width: 30px; margin: 0px; padding: 0px; border: 0px solid #000000; font: 400 10px verdana, tahoma, san-serif; line-height: normal; } #divToolbox #tableMainContainer .mapStyleTable .textCell { height: 40px; width: 70px; margin: 0px; padding: 0px; padding-left: 5px; text-align: left; border: 0px solid #000000; font: 400 10px verdana, tahoma, san-serif; line-height: normal; } #divToolbox #tableMainContainer .compassStyleRow { height: 50px; width: 100%; margin: 0px; padding: 0px; border: 0px solid #000000; } #divToolbox #tableMainContainer .compassStyleContainerCell { height: 50px; width: 100%; margin: 0px; padding: 0px; border: 0px solid #000000; text-align: center; } #divToolbox #tableMainContainer .compassStyleTable { margin: 0px; padding: 0px; border-collapse: collapse; border: 0px solid #000000; width: 50px; } .compassCellBase { margin: 0px; padding: 0px; } .tabPanelItemDiv { padding: 0px; margin: 0px; margin-top: 3px; margin-left: 20px; border-top: 1px solid #FFF; border-left: 1px solid #FFF; border-right: 1px outset #111; border-bottom: 1px outset #111; font: 700 10px verdana, tahoma, san-serif; color: #000; cursor: pointer; float: left; position: relative; text-align: center; width: 90px; height: 18px; line-height: 1.5; vertical-align: middle; } .pinRwisPublic { position:relative; background:url('../images/iconsAndPins/purple_triangle.gif') no-repeat 0 0; height:16px; width:16px; top:-2px; left: 5px; cursor: pointer; } .pinRwisDry { position:relative; background:url('../images/iconsAndPins/green_triangle.gif') no-repeat 0 0; height:16px; width:16px; top:-2px; left: 5px; cursor: pointer; } .pinRwisWet { position:relative; background:url('../images/iconsAndPins/blue_triangle.gif') no-repeat 0 0; height:16px; width:16px; top:-2px; left: 5px; cursor: pointer; } .pinRwisSnow { position:relative; background:url('../images/iconsAndPins/yellow_triangle.gif') no-repeat 0 0; height:16px; width:16px; top:-2px; left: 5px; cursor: pointer; } .pinRwisIce { position:relative; background:url('../images/iconsAndPins/red_triangle.gif') no-repeat 0 0; height:16px; width:16px; top:-2px; left: 5px; cursor: pointer; } .pinRwisOther { position:relative; background:url('../images/iconsAndPins/white_triangle.gif') no-repeat 0 0; height:16px; width:16px; top:-2px; left: 5px; cursor: pointer; } .pinRwisError { position:relative; background:url('../images/iconsAndPins/brown_triangle.gif') no-repeat 0 0; height:16px; width:16px; top:-2px; left: 5px; cursor: pointer; } .pinRwisNoData { position:relative; background:url('../images/iconsAndPins/black_triangle.gif') no-repeat 0 0; height:16px; width:16px; top:-2px; left: 5px; cursor: pointer; } /*wind direction styles*/ .pinWindNorth {position:relative;z-index:2;top:-35px;left:20px;height:40px;width:40px;font-family:Arial;color:#05115B;font-size:12px;font-weight:bold;text-align:center; cursor: pointer;} .pinWindNortheast {position:relative;z-index:2;top:-35px;left:20px;height:40px;width:40px;font-family:Arial;color:#05115B;font-size:12px;font-weight:bold;text-align:center; cursor: pointer;} .pinWindEast {position:relative;z-index:2;top:-35px;left:20px;height:40px;width:40px;font-family:Arial;color:#05115B;font-size:12px;font-weight:bold;text-align:center; cursor: pointer; } .pinWindSoutheast {position:relative;z-index:2;top:-15px;left:20px;height:40px;width:40px;font-family:Arial;color:#05115B;font-size:12px;font-weight:bold;text-align:center; cursor: pointer; } .pinWindSouth {position:relative;z-index:2;top:-15px;left:20px;height:40px;width:40px;font-family:Arial;color:#05115B;font-size:12px;font-weight:bold;text-align:center; cursor: pointer;} .pinWindSouthWest {position:relative;z-index:2;top:-15px;left:2px;height:40px;width:40px;font-family:Arial;color:#05115B;font-size:12px;font-weight:bold;text-align:center; cursor: pointer;} .pinWindWest {position:relative;z-index:2;top:-35px;left:2px;font-family:Arial;color:#05115B;font-size:12px;font-weight:bold;text-align:center; cursor: pointer;} .pinWindNorthwest {position:relative;z-index:2;top:-35px;left:2px;height:40px;width:40px;font-family:Arial;color:#05115B;font-size:12px;font-weight:bold;text-align:center; cursor: pointer; } .pinWindNonFunctioning {position:relative;height:40px;width:40px;cursor: pointer;} .pinWebcamColumbus { position:relative; background:url('../images/iconsAndPins/redCamera.gif') no-repeat 0 0; height:16px; width:16px; top:5px; left: 7px; cursor: pointer; } .pinWebcamArtimis { position:relative; background:url('../images/iconsAndPins/blueCamera.gif') no-repeat 0 0; height:16px; width:16px; top:5px; left: 7px; cursor: pointer; } .pinWebcamElse { position:relative; background:url('../images/iconsAndPins/orangeCamera.gif') no-repeat 0 0; height:16px; width:16px; top:5px; left: 7px; cursor: pointer; } .pinInformation { position:relative; background:url('../images/iconsAndPins/blueDiamondExclamation.gif') no-repeat 0 0; height:16px; width:16px; top:5px; left: 7px; cursor: pointer; } .pinVMS { position:relative; background:url('../images/iconsAndPins/vms.gif') no-repeat 0 0; height:16px; width:16px; top:5px; left: 5px; cursor: pointer; } .pinRestArea { position:relative; background:url('../images/iconsAndPins/purpleDiamond.gif') no-repeat 0 0; height:16px; width:16px; top:3px; left: 6px; cursor: pointer; } .pinOrangeDiamondA { position:relative; background:url('../images/iconsAndPins/orangeDiamondA.gif') no-repeat 0 0; height:16px; width:16px; top:3px; left: 6px; cursor: pointer; } .pinOrangeDiamondC { position:relative; background:url('../images/iconsAndPins/orangeDiamondC.gif') no-repeat 0 0; height:16px; width:16px; top:3px; left: 6px; cursor: pointer; } .pinOrangeDiamondW { position:relative; background:url('../images/iconsAndPins/orangeDiamondW.gif') no-repeat 0 0; height:16px; width:16px; top:3px; left: 6px; cursor: pointer; } .pinOrangeDiamondF { position:relative; background:url('../images/iconsAndPins/orangeDiamondF.gif') no-repeat 0 0; height:16px; width:16px; top:3px; left: 6px; cursor: pointer; } .pinOrangeDiamondE { position:relative; background:url('../images/iconsAndPins/orangeDiamondE.gif') no-repeat 0 0; height:16px; width:16px; top:3px; left: 6px; cursor: pointer; } .pinBlueDiamondExclamation { position:relative; background:url('../images/iconsAndPins/blueDiamondExclamation.gif') no-repeat 0 0; height:16px; width:16px; top:3px; left: 6px; cursor: pointer; } .pinYellowDiamondExclamation { position:relative; background:url('../images/iconsAndPins/yellowDiamondExclamation.gif') no-repeat 0 0; height:16px; width:16px; top:3px; left: 6px; cursor: pointer; } .pinRedDiamondExclamation { position:relative; background:url('../images/iconsAndPins/redDiamondExclamation.gif') no-repeat 0 0; height:16px; width:16px; top:3px; left: 6px; cursor: pointer; } .pinAirfield { position:relative; background:url('../images/iconsAndPins/airfield.gif') no-repeat 0 0; height:16px; width:16px; top:3px; left: 6px; cursor: pointer; } .pinAccidentGreen { position:relative; background:url('../images/bigDiamonds/green_diamond_a.gif') no-repeat 0 0; height:23px; width:23px; top:0px; left: 0px; cursor: pointer; } .pinAccidentYellow { position:relative; background:url('../images/bigDiamonds/yellow_diamond_a.gif') no-repeat 0 0; height:23px; width:23px; top:-0px; left: 0px; cursor: pointer; } .pinAccidentRed { position:relative; background:url('../images/bigDiamonds/red_diamond_a.gif') no-repeat 0 0; height:23px; width:23px; top:0px; left: 0px; cursor: pointer; } .pinDebrisGreen { position:relative; background:url('../images/bigDiamonds/green_diamond_d.gif') no-repeat 0 0; height:23px; width:23px; top:0px; left: 0px; cursor: pointer; } .pinDebrisYellow { position:relative; background:url('../images/bigDiamonds/yellow_diamond_d.gif') no-repeat 0 0; height:23px; width:23px; top:0px; left: 0px; cursor: pointer; } .pinDebrisRed { position:relative; background:url('../images/bigDiamonds/red_diamond_d.gif') no-repeat 0 0; height:23px; width:23px; top:0px; left: 0px; cursor: pointer; } .pinVehicleGreen { position:relative; background:url('../images/bigDiamonds/green_diamond_v.gif') no-repeat 0 0; height:23px; width:23px; top:0px; left: 0px; cursor: pointer; } .pinVehicleYellow { position:relative; background:url('../images/bigDiamonds/yellow_diamond_v.gif') no-repeat 0 0; height:23px; width:23px; top:0px; left: 0px; cursor: pointer; } .pinVehicleRed { position:relative; background:url('../images/bigDiamonds/red_diamond_v.gif') no-repeat 0 0; height:23px; width:23px; top:0px; left: 0px; cursor: pointer; } .pinFloodingGreen { position:relative; background:url('../images/bigDiamonds/green_diamond_f.gif') no-repeat 0 0; height:23px; width:23px; top:0px; left: 0px; cursor: pointer; } .pinFloodingYellow { position:relative; background:url('../images/bigDiamonds/yellow_diamond_f.gif') no-repeat 0 0; height:23px; width:23px; top:0px; left: 0px; cursor: pointer; } .pinFloodingRed { position:relative; background:url('../images/bigDiamonds/red_diamond_f.gif') no-repeat 0 0; height:23px; width:23px; top:0px; left: 0px; cursor: pointer; } .pinRoadworkGreen { position:relative; background:url('../images/bigDiamonds/green_diamond_r.gif') no-repeat 0 0; height:23px; width:23px; top:0px; left: 0px; cursor: pointer; } .pinRoadworkYellow { position:relative; background:url('../images/bigDiamonds/yellow_diamond_r.gif') no-repeat 0 0; height:23px; width:23px; top:0px; left: 0px; cursor: pointer; } .pinRoadworkRed { position:relative; background:url('../images/bigDiamonds/red_diamond_r.gif') no-repeat 0 0; height:23px; width:23px; top:0px; left: 0px; cursor: pointer; } .pinSnowGreen { position:relative; background:url('../images/bigDiamonds/green_diamond_s.gif') no-repeat 0 0; height:23px; width:23px; top:0px; left: 0px; cursor: pointer; } .pinSnowYellow { position:relative; background:url('../images/bigDiamonds/yellow_diamond_s.gif') no-repeat 0 0; height:23px; width:23px; top:0px; left: 0px; cursor: pointer; } .pinSnowRed { position:relative; background:url('../images/bigDiamonds/red_diamond_s.gif') no-repeat 0 0; height:23px; width:23px; top:0px; left: 0px; cursor: pointer; } .pinOtherGreen { position:relative; background:url('../images/bigDiamonds/green_diamond_o.gif') no-repeat 0 0; height:23px; width:23px; top:0px; left: 0px; cursor: pointer; } .pinOtherYellow { position:relative; background:url('../images/bigDiamonds/yellow_diamond_o.gif') no-repeat 0 0; height:23px; width:23px; top:0px; left: 0px; cursor: pointer; } .pinOtherRed { position:relative; background:url('../images/bigDiamonds/red_diamond_o.gif') no-repeat 0 0; height:23px; width:23px; top:0px; left: 0px; cursor: pointer; } .pinUnusualGreen { position:relative; background:url('../images/bigDiamonds/green_diamond_x.gif') no-repeat 0 0; height:23px; width:23px; top:0px; left: 0px; cursor: pointer; } .pinUnusualYellow { position:relative; background:url('../images/bigDiamonds/yellow_diamond_x.gif') no-repeat 0 0; height:23px; width:23px; top:0px; left: 0px; cursor: pointer; } .pinUnusualRed { position:relative; background:url('../images/bigDiamonds/red_diamond_x.gif') no-repeat 0 0; height:23px; width:23px; top:0px; left: 0px; cursor: pointer; } /* .pinAccidentGreen { position:relative; background:url('../images/iconsAndPins/green_diamond_a.gif') no-repeat 0 0; height:16px; width:16px; top:-2px; left: 5px; cursor: pointer; } .pinAccidentYellow { position:relative; background:url('../images/iconsAndPins/yellow_diamond_a.gif') no-repeat 0 0; height:16px; width:16px; top:-2px; left: 5px; cursor: pointer; } .pinAccidentRed { position:relative; background:url('../images/iconsAndPins/red_diamond_a.gif') no-repeat 0 0; height:16px; width:16px; top:-2px; left: 5px; cursor: pointer; } .pinDebrisGreen { position:relative; background:url('../images/iconsAndPins/green_diamond_d.gif') no-repeat 0 0; height:16px; width:16px; top:-2px; left: 5px; cursor: pointer; } .pinDebrisYellow { position:relative; background:url('../images/iconsAndPins/yellow_diamond_d.gif') no-repeat 0 0; height:16px; width:16px; top:-2px; left: 5px; cursor: pointer; } .pinDebrisRed { position:relative; background:url('../images/iconsAndPins/red_diamond_d.gif') no-repeat 0 0; height:16px; width:16px; top:-2px; left: 5px; cursor: pointer; } .pinVehicleGreen { position:relative; background:url('../images/iconsAndPins/green_diamond_v.gif') no-repeat 0 0; height:16px; width:16px; top:-2px; left: 5px; cursor: pointer; } .pinVehicleYellow { position:relative; background:url('../images/iconsAndPins/yellow_diamond_v.gif') no-repeat 0 0; height:16px; width:16px; top:-2px; left: 5px; cursor: pointer; } .pinVehicleRed { position:relative; background:url('../images/iconsAndPins/red_diamond_v.gif') no-repeat 0 0; height:16px; width:16px; top:-2px; left: 5px; cursor: pointer; } .pinFloodingGreen { position:relative; background:url('../images/iconsAndPins/green_diamond_f.gif') no-repeat 0 0; height:16px; width:16px; top:-2px; left: 5px; cursor: pointer; } .pinFloodingYellow { position:relative; background:url('../images/iconsAndPins/yellow_diamond_f.gif') no-repeat 0 0; height:16px; width:16px; top:-2px; left: 5px; cursor: pointer; } .pinFloodingRed { position:relative; background:url('../images/iconsAndPins/red_diamond_f.gif') no-repeat 0 0; height:16px; width:16px; top:-2px; left: 5px; cursor: pointer; } .pinRoadworkGreen { position:relative; background:url('../images/iconsAndPins/green_diamond_c.gif') no-repeat 0 0; height:16px; width:16px; top:-2px; left: 5px; cursor: pointer; } .pinRoadworkYellow { position:relative; background:url('../images/iconsAndPins/yellow_diamond_c.gif') no-repeat 0 0; height:16px; width:16px; top:-2px; left: 5px; cursor: pointer; } .pinRoadworkRed { position:relative; background:url('../images/iconsAndPins/red_diamond_c.gif') no-repeat 0 0; height:16px; width:16px; top:-2px; left: 5px; cursor: pointer; } .pinSnowGreen { position:relative; background:url('../images/iconsAndPins/green_diamond_s.gif') no-repeat 0 0; height:16px; width:16px; top:-2px; left: 5px; cursor: pointer; } .pinSnowYellow { position:relative; background:url('../images/iconsAndPins/yellow_diamond_s.gif') no-repeat 0 0; height:16px; width:16px; top:-2px; left: 5px; cursor: pointer; } .pinSnowRed { position:relative; background:url('../images/iconsAndPins/red_diamond_s.gif') no-repeat 0 0; height:16px; width:16px; top:-2px; left: 5px; cursor: pointer; } .pinOtherGreen { position:relative; background:url('../images/iconsAndPins/green_diamond_o.gif') no-repeat 0 0; height:16px; width:16px; top:-2px; left: 5px; cursor: pointer; } .pinOtherYellow { position:relative; background:url('../images/iconsAndPins/yellow_diamond_o.gif') no-repeat 0 0; height:16px; width:16px; top:-2px; left: 5px; cursor: pointer; } .pinOtherRed { position:relative; background:url('../images/iconsAndPins/red_diamond_o.gif') no-repeat 0 0; height:16px; width:16px; top:-2px; left: 5px; cursor: pointer; } */ .pinWinterNone { position:relative; background:url('../images/iconsAndPins/white_circle.gif') no-repeat 0 0; height:16px; width:16px; top:0px; left: 0px; cursor: pointer; } .pinWinterDry { position:relative; background:url('../images/iconsAndPins/green_circle.gif') no-repeat 0 0; height:16px; width:16px; top:0px; left: 0px; cursor: pointer; } .pinWinterWet { position:relative; background:url('../images/iconsAndPins/blue_circle.gif') no-repeat 0 0; height:16px; width:16px; top:0px; left: 0px; cursor: pointer; } .pinWinterSnow { position:relative; background:url('../images/iconsAndPins/yellow_circle.gif') no-repeat 0 0; height:16px; width:16px; top:0px; left: 0px; cursor: pointer; } .pinWinterIce { position:relative; background:url('../images/iconsAndPins/red_circle.gif') no-repeat 0 0; height:16px; width:16px; top:0px; left: 0px; cursor: pointer; } .rwisRowHead { width: 35%; height: 15px; color: White; font: 700 10px verdana, tahoma, san-serif; text-align: right; padding: 0px 5px; margin: 0px; } .rwisRowData { width: 65%; height: 15px; color: White; font: 400 10px verdana, tahoma, san-serif; text-align: left; padding: 0px 5px; margin: 0px; } .winterCondRowHead { height: 15px; color: White; font: 700 10px verdana, tahoma, san-serif; text-align: left; padding: 0px 5px; margin: 0px; } .winterCondRowData { height: 15px; color: White; font: 400 10px verdana, tahoma, san-serif; text-align: left; padding: 0px 5px; margin: 0px; } div .navContent { width:240px; background-color:#222222; font:400 10px verdana, tahoma, san-serif; display:none; overflow:visible; border:1px solid #000000; text-align:left; padding:0px; padding-left:5px; padding-top:5px; padding-bottom:5px; margin:0px; } div .navHeader { width:250px; background-color:#006600; cursor:pointer; padding:0px; margin:0px; text-align:left; } #btWelcomeDiv { position:relative; display:block; top:0px; left:0px; padding:0px; margin:0px; width:100%; } /* hr { width:90%; color:#FFFFFF; height:2px; text-align:center; margin:2px auto 2px 0; padding:0px; } */ #content_helpFaq a { text-decoration:none; } #content_helpFaq a:link { color:#FFFFFF; } #content_helpFaq a:visited { color:#FFFFFF; } #content_helpFaq a:hover { color:#FFFF00; } #content_helpFaq a:active { color:#FFFFFF; } /* #content_helpFaq hr { width:90%; color:#FFFFFF; height:1px; text-align:left; margin: 2px auto 2px 0; } */ #content_helpFaq ul { padding:0px; margin:0px; } #content_helpFaq li { list-style-type:none; margin-bottom: 2px; } #content_travelStatus a.available { text-decoration:none; cursor:pointer; } #content_travelStatus a.available:link { color:#FFFFFF; } #content_travelStatus a.available:visited { color:#FFFFFF; } #content_travelStatus a.available:hover { color:#FFFF00; } #content_travelStatus a.available:active { color:#FFFFFF; } #content_travelStatus a.unavailable { text-decoration:none; cursor:default; font-style:italic; } #content_travelStatus a.unavailable:link { color:#999999; } #content_travelStatus a.unavailable:visited { color:#999999; } #content_travelStatus a.unavailable:hover { color:#999999; } #content_travelStatus a.unavailable:active { color:#999999; } #content_travelStatus ul { padding:0px; margin:0px; list-style-type:none; } #content_travelStatus li { padding:0px; margin:0px; } #content_travelStatus li.level1 { padding-left:0px; } #content_travelStatus li.level1Collapsed { padding-left:0px; background-image: url(images/tv-expandable.gif); } #content_travelStatus li.level1Expanded { padding-left:0px; background-image: url(images/tv-collapsable.gif); } #content_travelStatus li.level1Last { padding-left:0px; background-image: url(images/tv-item-last.gif); } #content_travelStatus li.level2 { padding-left:12px; } #content_travelStatus li.level2Collapsed { padding-left:12px; background-image: url(images/tv-expandable.gif); } #content_travelStatus li.level2Expanded { padding-left:12px; background-image: url(images/tv-collapsable.gif); } #content_travelStatus li.level2Last { padding-left:12px; background-image: url(images/tv-item-last.gif); } #content_travelStatus img { border: 0px solid #000000; } #content_travelStatus .collapsable { background-image: url(images/tv-collapsable.gif); } #content_travelStatus .expandable { background-image: url(images/tv-expandable.gif); } #content_travelStatus .last { background-image: url(images/tv-item-last.gif); } #content_travelStatus .lastCollapsable { background-image: url(images/tv-collapsable-last.gif); } #content_travelStatus .lastExpandable { background-image: url(images/tv-expandable-last.gif); } #content_options a.available { text-decoration:none; cursor:pointer; } #content_options a.available:link { color:#FFFFFF; } #content_options a.available:visited { color:#FFFFFF; } #content_options a.available:hover { color:#FFFF00; } #content_options a.available:active { color:#FFFFFF; } #content_options a.unavailable { text-decoration:none; cursor:default; font-style:italic; } #content_options a.unavailable:link { color:#999999; } #content_options a.unavailable:visited { color:#999999; } #content_options a.unavailable:hover { color:#999999; } #content_options a.unavailable:active { color:#999999; } /* #content_options hr { width:90%; color:#FFFFFF; height:1px; text-align:left; margin: 2px auto 2px 0; } */ #content_options ul { padding:0px; margin:0px; } #content_options li { list-style-type:none; margin-bottom: 2px; } #content_adminTools a.available { text-decoration:none; cursor:pointer; } #content_adminTools a.available:link { color:#FFFFFF; } #content_adminTools a.available:visited { color:#FFFFFF; } #content_adminTools a.available:hover { color:#FFFF00; } #content_adminTools a.available:active { color:#FFFFFF; } #content_adminTools a.unavailable { text-decoration:none; cursor:default; font-style:italic; } #content_adminTools a.unavailable:link { color:#999999; } #content_adminTools a.unavailable:visited { color:#999999; } #content_adminTools a.unavailable:hover { color:#999999; } #content_adminTools a.unavailable:active { color:#999999; } /* #content_adminTools hr { width:90%; color:#FFFFFF; height:1px; text-align:left; margin: 2px auto 2px 0; } */ #content_adminTools ul { padding:0px; margin:0px; } #content_adminTools li { list-style-type:none; margin-bottom: 2px; } #content_travelAdvisories a.available { text-decoration:none; cursor:pointer; } #content_travelAdvisories a.available:link { color:#FFFFFF; } #content_travelAdvisories a.available:visited { color:#FFFFFF; } #content_travelAdvisories a.available:hover { color:#FFFF00; } #content_travelAdvisories a.available:active { color:#FFFFFF; } #content_travelAdvisories a.unavailable { text-decoration:none; cursor:default; font-style:italic; } #content_travelAdvisories a.unavailable:link { color:#999999; } #content_travelAdvisories a.unavailable:visited { color:#999999; } #content_travelAdvisories a.unavailable:hover { color:#999999; } #content_travelAdvisories a.unavailable:active { color:#999999; } /* #content_travelAdvisories hr { width:90%; color:#FFFFFF; height:1px; text-align:left; margin: 2px auto 2px 0; } */ #content_travelAdvisories ul { padding:0px; margin:0px; } #content_travelAdvisories li { list-style-type:none; margin-bottom: 2px; } #content_adminTools a.selected { font-weight: bold; color: #FFFF00; } #divLatLongCoords { width:100%; background-color:transparent; border:1px solid black; text-align:center; margin:0px; padding:0px; position:absolute; bottom:28px; left:0px; z-index:2; } .checkbox { cursor:pointer; padding:0px; margin:0px; } .treeRow { height:16px; padding:0px; margin:0px; font:400 10px verdana, tahoma, san-serif; line-height:16px; vertical-align:middle; text-align:center; } #div_RwisReportResults { width:100%; border:0px solid #FFFFFF; text-align:center; } #div_RwisReportResults table { width:99%; border:1px solid #000000; border-collapse:collapse; padding:0px; margin:0px; } #div_RwisReportResults td { padding:0px 3px; margin:0px; height:13px; font:400 10px verdana, tahoma, san-serif; vertical-align:middle; line-height:normal; background-color:#FFFFCC; } #div_RwisReportResults td.siteName { text-align:left; font-weight:700; border-top:4px solid #000000; } #div_RwisReportResults td.sensorName { text-align:left; padding-left:18px; } #div_RwisReportResults td.columnHeader { text-align:center; padding:0px; font-weight:700; background-color:#DDDDDD; border-top:4px solid #000000; } #div_RwisReportResults td.statusColumnHeader { text-align:center; padding:0px; font-weight:700; background-color:#DDDDDD; border-top:4px solid #000000; } #div_RwisReportResults td.columnData { text-align:center; padding:0px; } #div_RwisReportResults td.statusColumnData { text-align:center; padding:0px; } #div_AlternateSiteSectionSelect { width:100%; border:0px solid #FFFFFF; text-align:center; } #div_AlternateSiteSectionSelect table { width:99%; border:1px solid #000000; border-collapse:collapse; padding:0px; margin:0px; } #div_AlternateSiteSectionSelect td { padding:2px 5px; margin:0px; font:400 12px verdana, tahoma, san-serif; vertical-align:middle; line-height:normal; } #div_AlternateSiteSectionSelect td.tableHeader { text-align:center; padding:0px; font:700 14px verdana, tahoma, san-serif; background-color:#006600; color:#FFFFFF; } #div_AlternateSiteSectionSelect td.columnHeader { text-align:center; padding:0px; font-weight:700; background-color:#DDDDDD; } #div_AlternateSiteSectionSelect td.columnData { text-align:left; } #div_WebCamsReportResults { width:100%; border:0px solid #FFFFFF; text-align:center; } #div_WebCamsReportResults table { width:99%; border:1px solid #000000; border-collapse:collapse; padding:0px; margin:0px; } #div_WebCamsReportResults td { padding:0px 3px; margin:0px; height:13px; font:400 10px verdana, tahoma, san-serif; vertical-align:middle; line-height:normal; background-color:#FFFFCC; } #div_WebCamsReportResults td.siteName { text-align:left; font-weight:700; border-top:4px solid #000000; } #div_WebCamsReportResults td.feedName { text-align:left; padding-left:18px; } #div_WebCamsReportResults td.columnHeader { text-align:center; padding:0px; font-weight:700; background-color:#DDDDDD; border-top:4px solid #000000; } #div_WebCamsReportResults td.columnData { text-align:center; padding:0px; } #div_WebCamsReportResults td.description { text-align:left; padding:5px; } #div_WebCamsReportResults a:link { color: #0000FF; text-decoration: none; } #div_WebCamsReportResults a:visited { color: #0000FF; text-decoration: none; } #div_WebCamsReportResults a:hover { color: #0000FF; text-decoration: underline; }