/* ------------------- S T A N D A R D ----------------------*/ html {min-width: 735px;} body {color: #333; font: 100%/1.3em Arial, Helvetica, sans-serif; background-color: #efefef;} h1, h2, h3, h4, h5, h6 {margin-bottom: 1em; color: #000; font-family: Georgia, Times New Roman, Times New Roman, Serif;} h1 {font-size: 1.5em;} h2 {font-size: 1.35em;} h3 {font-size: 1.25em;} h4 {font-size: 1.125em;} h5 {font-size: 1em;} p {margin-top: .33em; margin-bottom: 1em;} a {color: #406ca1; text-decoration: none;} sup {font-size: 45%; position: relative; top: -3px; vertical-align: top;} .left {float: left;} .right {float: right;} .clear {clear: both;} .hide {display: none;} .center {text-align: center;} .largeSarif {font-size: 1.75em; font-family: Georgia, Times New Roman, Times New Roman, Serif;} .lowerCase {text-transform: lowercase;} .fixed {position: fixed !important; top: 44px !important;} .field-validation-error {display: block; color: #8b0000; font-style: italic; font-size: .9em;} /* Start of "Micro clearfix" - http://nicolasgallagher.com/micro-clearfix-hack/ */ .cf {zoom: 1;} .cf:before, .cf:after {content: ""; display: table;} .cf:after {clear: both;} /* --jQuery UI CSS resets---- */ .ui-widget {font: 1em Arial, Helvetica, sans-serif !important;} table {margin: 25px auto 15px auto; font-size: .9em; width: 86%; border-collapse: separate;} th, td {padding: .55em; text-align: center;} th {font-weight: bold; background-color: #dce6f2; color: #436998; cursor: pointer; border-top: 1px solid #5d88c3; border-bottom: 1px solid #5d88c3;} th:first-child {border-left: 1px solid #5d88c3;} th:last-child {border-right: 1px solid #5d88c3;} th.headerSortUp {background: #dce6f2 url(../images/tableSortDownIcon.png) no-repeat center top;} th.headerSortDown {background: #dce6f2 url(../images/tableSortUpIcon.png) no-repeat center bottom;} tbody {border-left: 1px solid #bbb; border-right: 1px solid #bbb;} #tblUsers td { border: 1px solid #bbb; background: #fff; border-radius: 0px; } td {border-bottom: 1px solid #bbb; background: #fff;} td:first-child {border-left: 1px solid #bbb;} td:last-child {border-right: 1px solid #bbb;} tr:hover td, tr.active td {background-color: #eee !important;} fieldset {clear: both; color: #ddd;} legend {padding: 2px 4% 2px 4%; width: 92%; text-transform: uppercase; font-size: .85em; background-color: #333; cursor: pointer; border: 1px solid #191919; border-left: none; border-right: none;} legend:hover {background-color: #292929;} input[type="button"], input[type="submit"], button, .button {font-size: .8em; color: #fff; background: #3c6597 url(../images/ui-btnBG.png) repeat-x left bottom; cursor: pointer; border-radius: 6px; outline: none; border: 1px solid #acacac;} input[type="button"][disabled="disabled"], input[type="submit"][disabled="disabled"], button[disabled="disabled"] {border: none; background-image: none; background-color: #888; cursor: not-allowed; color: #aaa; text-shadow: none; box-shadow: none;} .layoutHeader {position: fixed; top: 0; left: 0; z-index: 100; padding-bottom: 0; width: 100%; background: #666 url(../images/ui-headerBG.gif) repeat-x left bottom; box-shadow: 0 1px 8px 2px rgba(0, 0, 0, .5);} .layoutHeader h1 {float: left; margin: 7px 0 7px 15px; padding-right: 10px; background: transparent url(../images/railAdviseDesign.png) no-repeat left top;} .layoutHeader h1 a {text-indent: -9999em; display: block; width: 60px; height: 30px;} .headPartials {float: left;} #headMap, #headList, #headAssetDetails, #headAdmin, #userNavContent {display: none;} .userNavUL {float: right !important; margin-right: 10px;} #userNavBtn a {text-transform: none;} #userNavContent {position: fixed; right: 5px; top: 40px; z-index: 80; margin: 0 auto 0 auto; width: 250px; font-size: .9em; border: 1px solid #999; border-radius: 6px; background-color: #fff; box-shadow: 0 1px 8px 2px rgba(0, 0, 0, .5);} .userNavMainList {margin: 25px;} .userNavMainList li {margin-bottom: .5em;} .userNavMainList li a {color: #333;} .userNavSubList {padding: 20px; border-top: 1px solid #bbb; border-radius: 0 0 6px 6px; background-color: #eaeaea;} .userNavSubList li {float: right;} .userNavSubList li:first-child {float: left;} .userNavSubList li a {padding: 6px 10px; color: #333; border: 1px solid #bbb; border-radius: 6px; background-color: #fff;} /*.mapListToggleBtns {float: left; position: relative; margin: 7px 0 0 0; padding: 0 6px 0 10px; height: 30px; border-right: 1px solid #777;} .mapListToggleBtns button {margin: 0; padding: 6px; color: #999; background-color: #eee; background-image: none; font-size: .75em; border: none;} #mapViewButton {border-bottom-right-radius: 0; border-top-right-radius: 0;} #listViewButton {padding-right: 10px; position: relative; left: -4px; border-bottom-left-radius: 0; border-top-left-radius: 0;} .filterMapBtn {padding: 0 12px 0 12px; background-image: url(../images/ui-filterMapBtnOff.png);} .filterListBtn {padding: 0 6px 0 12px; background-image: url(../images/ui-filterListBtnOff.png);} .mapListToggleBtns button.active {color: #fff; background-color: #4d74ac; background-image: none; box-shadow: inset 0 2px 2px 1px rgba(50, 50, 50, .5);} .mapListToggleBtns button.active .filterMapBtn {background-image: url(../images/ui-filterMapBtnOn.png);} .mapListToggleBtns button.active .filterListBtn {background-image: url(../images/ui-filterListBtnOn.png);} .mapListToggleBtns button span {background-color: transparent; background-repeat: no-repeat; background-position: 2px center;}*/ .headerActionList {float: left;} .headerActionList li {float: left; margin: 7px 0 0 15px; border: 4px solid rgba(35, 35, 35, 0.75); border-radius: 6px;} .headerActionList a {padding: 4px 6px 4px 10px; text-decoration: none; font-weight: normal; color: #efefef; font-size: .75em; letter-spacing: 1px; text-transform: uppercase; border-top: 1px solid #999; border-radius: 2px; background-image: linear-gradient(bottom, #333 -20%, #444 60%, #666 100%); background-image: -webkit-linear-gradient(bottom, #333 -20%, #444 60%, #666 100%);} .headerActionList a:hover, .headerActionList .active a {padding-top: 5px; border-bottom: 1px solid #777; border-top-color: #222; background-image: linear-gradient(top, #333 -20%, #444 60%, #555 100%); background-image: -webkit-linear-gradient(top, #333 -20%, #444 60%, #555 100%);} .spanRightArrow {display: inline-block; width: 15px; height: 9px; background: transparent url(../images/ui-halArrow.png) no-repeat right center;} .spanLeftValue {display: inline-block; padding: 0 3px 0 3px; margin-right: 8px; color: #f4b40c; background-color: #111; border-radius: 6px;} .spanMapIcon {display: inline-block; position: relative; top: 3px; left: -3px; width: 12px; height: 17px; background: transparent url(../images/ui-halMapListIcons.png) no-repeat 0 -18px;} .spanListIcon {display: inline-block; position: relative; top: 4px; left: -3px; width: 12px; height: 17px; background: transparent url(../images/ui-halMapListIcons.png) no-repeat -12px -18px;} .headerActionList .active .spanMapIcon {background-position: 0 0;} .headerActionList .active .spanListIcon {background-position: -12px 0;} .mapListToggleBtns {margin-left: 50px;} .mapListToggleBtns li {margin-left: 0;} .mapViewButton {border-right: 1px solid #111 !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important;} .mapViewButton a {border-top-right-radius: 0; border-bottom-right-radius: 0;} .listViewButton {border-left: 1px solid #666 !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important;} .listViewButton a {border-top-left-radius: 0; border-bottom-left-radius: 0;} .middleViewButton {border-radius: 0px !important;} .middleViewButton a {} .centerFormBox {margin: 0px auto 20px auto; padding: 150px 30px 30px 30px; width: 660px;} .centerFormBox .logo {float: left; width: 300px; min-height: 70px; background: transparent url(../images/railAdviseLogo.png) no-repeat center center;} .centerFormBox form {float: left; width: 300px;} .centerFormBox label {float: left; margin-top: 4px; width: 95px; font-weight: bold;} .centerFormBox input[type="text"], .centerFormBox input[type="password"] {margin: 0 0 1em 0; padding: .25em; font-size: 1em; border-radius: 6px;} .centerFormBox input[type="submit"], .centerFormBox input[type="button"] {margin-top: 10px; padding: 10px 25px 10px 25px; width: 100%; font-size: 1em;} .flyoutPanel {display: none; margin: -6px 2% 0 2%; /*padding: 25px 2% 10px 1% !important;*/ position: fixed !important; top: 40px; left: 0; z-index: 50; /*width: 93%; height: 290px;*/ border: 1px solid #999; border-radius: 6px; background: transparent url(../images/ui-whiteOpacity.png) repeat !important; box-shadow: 0 1px 8px 2px rgba(0, 0, 0, .5);} /*.flyoutPanel .ui-widget-content {border: none; background: none;} .flyoutPanel .ui-widget-header {font-size: 1em !important; font-weight: normal; border: none !important; background-image: none !important; background-color: transparent;} .flyoutPanel .ui-state-active, .flyoutPanel .ui-widget-content .ui-state-active, .flyoutPanel .ui-widget-header .ui-state-active, .flyoutPanel .ui-state-default, .flyoutPanel .ui-widget-content .ui-state-default, .flyoutPanel .ui-widget-header .ui-state-default {border: none !important; background: none !important;} .flyoutPanel .ui-tabs .ui-tabs-nav li, .flyoutPanel .ui-tabs .ui-tabs-nav li a {float: none; margin: 0; padding: 0;}*/ .assetFilters {float: left; padding-top: 25px;/*margin: 0 60px 15px 0;*/} .drainFilterList li a {padding: 3px 20px 3px 20px; display: block; position: relative; outline: none; color: #333; font-size: .95em;} .drainFilterList li.ui-state-active a span, .drainFilterList li.ui-state-hover a span {display: block; position: absolute; top: 0; right: -11px; width: 11px; height: 24px; background: transparent url(../images/ui-filterListItemArrow.png) no-repeat left top;} .drainFilterList li.ui-state-active, .drainFilterList li.ui-state-hover, .drainFilterList li.ui-state-focus {border: none; background: #2b496b url(../images/ui-filterListItemBG.png) repeat-x left top;} .drainFilterList li.ui-state-active a, .drainFilterList li.ui-state-hover a, .drainFilterList li.ui-state-focus a {color: #fff; text-shadow: 0px -1px 2px #222;} .towerFilterList li a {padding: 3px 20px 3px 20px; display: block; position: relative; outline: none; color: #333; font-size: .95em;} .towerFilterList li.ui-state-active a span, .towerFilterList li.ui-state-hover a span {display: block; position: absolute; top: 0; right: -11px; width: 11px; height: 24px; background: transparent url(../images/ui-filterListItemArrow.png) no-repeat left top;} .towerFilterList li.ui-state-active, .towerFilterList li.ui-state-hover, .towerFilterList li.ui-state-focus {border: none; background: #2b496b url(../images/ui-filterListItemBG.png) repeat-x left top;} .towerFilterList li.ui-state-active a, .towerFilterList li.ui-state-hover a, .towerFilterList li.ui-state-focus a {color: #fff; text-shadow: 0px -1px 2px #222;} .stationFilterList li a {padding: 3px 20px 3px 20px; display: block; position: relative; outline: none; color: #333; font-size: .95em;} .stationFilterList li.ui-state-active a span, .stationFilterList li.ui-state-hover a span {display: block; position: absolute; top: 0; right: -11px; width: 11px; height: 24px; background: transparent url(../images/ui-filterListItemArrow.png) no-repeat left top;} .stationFilterList li.ui-state-active, .stationFilterList li.ui-state-hover, .stationFilterList li.ui-state-focus {border: none; background: #2b496b url(../images/ui-filterListItemBG.png) repeat-x left top;} .stationFilterList li.ui-state-active a, .stationFilterList li.ui-state-hover a, .stationFilterList li.ui-state-focus a {color: #fff; text-shadow: 0px -1px 2px #222;} .wallFilterList li a {padding: 3px 20px 3px 20px; display: block; position: relative; outline: none; color: #333; font-size: .95em;} .wallFilterList li.ui-state-active a span, .wallFilterList li.ui-state-hover a span {display: block; position: absolute; top: 0; right: -11px; width: 11px; height: 24px; background: transparent url(../images/ui-filterListItemArrow.png) no-repeat left top;} .wallFilterList li.ui-state-active, .wallFilterList li.ui-state-hover, .wallFilterList li.ui-state-focus {border: none; background: #2b496b url(../images/ui-filterListItemBG.png) repeat-x left top;} .wallFilterList li.ui-state-active a, .wallFilterList li.ui-state-hover a, .wallFilterList li.ui-state-focus a {color: #fff; text-shadow: 0px -1px 2px #222;} .flagFilterList li a {padding: 3px 20px 3px 20px; display: block; position: relative; outline: none; color: #333; font-size: .95em;} .flagFilterList li.ui-state-active a span, .flagFilterList li.ui-state-hover a span {display: block; position: absolute; top: 0; right: -11px; width: 11px; height: 24px; background: transparent url(../images/ui-filterListItemArrow.png) no-repeat left top;} .flagFilterList li.ui-state-active, .flagFilterList li.ui-state-hover, .flagFilterList li.ui-state-focus {border: none; background: #2b496b url(../images/ui-filterListItemBG.png) repeat-x left top;} .flagFilterList li.ui-state-active a, .flagFilterList li.ui-state-hover a, .flagFilterList li.ui-state-focus a {color: #fff; text-shadow: 0px -1px 2px #222;} .bridgeFilterList li a {padding: 3px 20px 3px 20px; display: block; position: relative; outline: none; color: #333; font-size: .95em;} .bridgeFilterList li.ui-state-active a span, .bridgeFilterList li.ui-state-hover a span {display: block; position: absolute; top: 0; right: -11px; width: 11px; height: 24px; background: transparent url(../images/ui-filterListItemArrow.png) no-repeat left top;} .bridgeFilterList li.ui-state-active, .bridgeFilterList li.ui-state-hover, .bridgeFilterList li.ui-state-focus {border: none; background: #2b496b url(../images/ui-filterListItemBG.png) repeat-x left top;} .bridgeFilterList li.ui-state-active a, .bridgeFilterList li.ui-state-hover a, .bridgeFilterList li.ui-state-focus a {color: #fff; text-shadow: 0px -1px 2px #222;} #colorStatusLegend {margin-top: 20px; padding: 20px; border-top: 1px solid #ccc;} #colorStatusLegend li {margin-bottom: 5px; padding: 4px 12px 4px 34px; cursor: pointer; border-radius: 6px; font-size: .95em; white-space: nowrap; background: #fff url(../images/level1grey.png) no-repeat 6px 2px;} #colorStatusLegend li.active {color: #fff;} #colorStatusLegend li.active.lowIcon {background: #666 url(../images/level1green.png) no-repeat 6px 2px;} #colorStatusLegend li.active.mediumIcon {background: #666 url(../images/level1yellow.png) no-repeat 6px 2px;} #colorStatusLegend li.active.highIcon {background: #666 url(../images/level1red.png) no-repeat 6px 2px;} #colorStatusLegend li.active.naIcon {background: #666 url(../images/level1grey.png) no-repeat 6px 2px;} #colorStatusLegend span {font-size: 90%;} /*#colorStatusLegend .bridgeColorStatus {float: left; display: block; margin-right: 5px; width: 25px; height: 26px; background-color: transparent; background-repeat: no-repeat; background-position: center center;} #colorStatusLegend .lowIcon {background-image: url(../images/level1green.png);} #colorStatusLegend .mediumIcon {background-image: url(../images/level1yellow.png);} #colorStatusLegend .highIcon {background-image: url(../images/level1red.png);} #colorStatusLegend .naIcon {background-image: url(../images/level1grey.png);}*/ .assetFilterItems {float: left; padding: 40px 50px 30px 50px; width: 240px; min-height: 260px; background-color: #efefef; box-shadow: inset 6px 0px 15px -4px rgba(12, 12, 12, .5);} #bridgeAssetFilterTab li.ui-tabs-selected {background: transparent url(../images/bcSelectedItemIcon.png) no-repeat right center;} #bridgeAssetFilterTab li.ui-tabs-selected a {color: #3a6393;} #flagAssetFilterTab li.ui-tabs-selected {background: transparent url(../images/bcSelectedItemIcon.png) no-repeat right center;} #flagAssetFilterTab li.ui-tabs-selected a {color: #3a6393;} #drainAssetFilterTab li.ui-tabs-selected {background: transparent url(../images/bcSelectedItemIcon.png) no-repeat right center;} #drainAssetFilterTab li.ui-tabs-selected a {color: #3a6393;} #towerAssetFilterTab li.ui-tabs-selected {background: transparent url(../images/bcSelectedItemIcon.png) no-repeat right center;} #towerAssetFilterTab li.ui-tabs-selected a {color: #3a6393;} #stationAssetFilterTab li.ui-tabs-selected {background: transparent url(../images/bcSelectedItemIcon.png) no-repeat right center;} #stationAssetFilterTab li.ui-tabs-selected a {color: #3a6393;} #wallAssetFilterTab li.ui-tabs-selected {background: transparent url(../images/bcSelectedItemIcon.png) no-repeat right center;} #wallAssetFilterTab li.ui-tabs-selected a {color: #3a6393;} .categorySlider {margin-top: 65px; background-color: transparent !important;} .categorySlider .layout-slider {float: left; margin: 30px 0 0 0; width: 100%;} .categorySlider .jslider-value {padding: 8px 10px 6px 10px !important; font-size: 1em !important; font-weight: bold; color: #666; top: -35px !important; background-color: transparent !important;} .categorySlider .jslider-value span:after {content: " ft";} .categorySlider .jslider-bg i {background-image: none; background-color: #fff; border-radius: 6px; box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .4);} .categorySlider .jslider-bg i.l {width: 100%} .categorySlider .jslider-bg i.r {display: none;} .categorySlider .jslider-bg i.v {background-color: #4a80bf; background-image: none; box-shadow: none;} .categorySlider .jslider-pointer {border: 1px solid #999; border-radius: 6px; background-color: #fff !important; box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .4);} .categorySlider .jslider-bg {width: 100%;} .categorySlider table {margin: 0;} .categorySlider table div {margin: 0; padding: 0; width: auto;} .categoryInput {margin-top: 15px; background-color: transparent !important;} .categoryInput input {padding: 4px; width: 98%;} .categoryInput table {margin: 0;} .categoryInput table div {margin: 0; padding: 0; width: auto;} .categoryInput ul {margin: 8px 0;} .categoryInput li {margin-bottom: 4px;} .categoryInput li a {float: left; margin-right: 6px; display: block; width: 18px; height: 19px; text-indent: -9999em; background: transparent url(../images/ui-deleteIcon.png) no-repeat center center;} .categoryValue {overflow-y: auto; height: 88%;} .categoryValue li {margin-bottom: 5px; border-radius: 6px;} .categoryValue li.assetValue {padding: 4px 12px; cursor: pointer;} .categoryValue li.active {padding-left: 34px; color: #fff; background: #666 url(../images/ui-checkmark.png) no-repeat 15px center;} .categoryShape {display: none;} .filterMiniForm {margin-top: 15px;} .filterMiniForm input[type="text"] {margin-bottom: 8px; padding: 4px; display: block; width: 98%;} .clear_buffer_button, #goToButton {padding: 6px 12px 6px 12px;} #goToVal {padding: 4px; vertical-align: baseline;} /*#layerFlyout ul {margin: 20px;} #layerFlyout li {display: inline-block; margin: 0 5px; padding-top: 20px; width: 80px; cursor: pointer; border: 1px solid #bbb; border-radius: 6px; background-color: #fff;} #layerFlyout li:hover {background-color: #dce6f2;} #layerFlyout li span {text-align: center; font-size: 1.6em; display: block;} #layerFlyout li p {text-align: center;}*/ /*#filterParentSet.ui-widget-header, .filterSubsets .ui-widget-header {background-color: transparent;} #filterParentSet a.linesLI {background: transparent url(../images/ui-assetIconLines.png) no-repeat left center;} #filterParentSet a.switchesLI {background: transparent url(../images/ui-assetIconSwitch.png) no-repeat left center;} #filterParentSet a.atgradeLI {background: transparent url(../images/ui-assetIconAtGrade.png) no-repeat left center;} #filterParentSet a.catenaryLI {background: transparent url(../images/ui-assetIconCatenary.png) no-repeat left center;} #filterParentSet a.bridgesLI {background: transparent url(../images/ui-assetIconBridge.png) no-repeat left center;}*/ /* #filterParentSet li {width: 100%; font-size: .9em;} #filterParentSet li input {float: left; margin: 14px 10px 0 0;} #filterParentSet li a {float: left; padding: 10px 0 10px 40px;} .flyoutPanel.ui-widget-content, .filterSubsets.ui-widget-content, .categoryValue.ui-widget-content, #structureLength.ui-widget-content {background-color: transparent;} .filterSubsets {float: left; height: 94%;} .filterSubsets > ul {float: left; padding: 30px 20px 10px 20px; width: 210px; height: 92%; border-right: 1px solid #ccc;} .filterSubsets div {float: left; padding: 26px 20px 10px 20px; width: 300px;} */ .filterItemTools {margin-bottom: 15px; padding: 5px 15px;} .filterItemTools li, .assetPanelFooter li {display: inline-block;} .filterItemTools li a, .assetPanelFooter li a {margin-right: 10px; padding: 6px 10px; border: 1px solid #aaa; border-radius: 6px; font-size: .9em; color: #444;} .filterItemTools li a:hover, .assetPanelFooter li a:hover {background-color: #ddd;} .assetPanelFooter {padding: 15px; border-top: 1px solid #bbb;} /*.assetPanelFooter li {display: inline-block;} .assetPanelFooter li a {margin-right: 10px; padding: 4px 8px; border: 1px solid #aaa; border-radius: 6px; font-size: .9em; color: #444;} .assetPanelFooter li a:hover {background-color: #dce6F2;}*/ .dapMainList {padding: 20px;} .dapMainList li {display: inline-block; margin-bottom: 1em; margin-left: .75em; font-size: 1.1em;} .dapMainList a {padding-left: 32px; display: block; min-height: 23px; color: #333; background: transparent url(../images/ui-headerDetailIcons.png) no-repeat;} .dapMainList a.dapGenInfo {background-position: 0 0;} .dapMainList a.dapSegments {background-position: 0 -23px;} .dapMainList a.dapInspInfo {background-position: 0 -46px;} .dapMainList a.dapDocLib {background-position: 0 -69px;} .dapMainList a.dapCapPlan {background-position: 0 -92px;} .dapMainList a.dapPhotos {background-position: 0 -115px;} #refDocsFlyout, #aboutModal, #archiveModal, #lidarFlyout {display: none;} #refDocsFlyout {left: 340px; padding: 15px 5px 5px 15px;} .docsFlyWrapper {max-height: 250px; overflow-y: auto;} #refDocsFlyout ul {padding: 20px 10px;} #refDocsFlyout li {margin-bottom: .5em;} #refDocsFlyout a {padding: 6px 10px 6px 30px; display: block; outline: none; max-width: 300px; border-radius: 6px; background: transparent url(../images/ui-documentIcon.png) no-repeat 5px 8px;} #refDocsFlyout a:hover {background-color: #dce6f2;} #aboutModal p {font-size: .9em;} #aboutModal .HNTBLogo {display: block; width: 71px; height: 20px; border: none; outline: none; text-indent: -9999em; background: transparent url(../images/hntbLogo.gif) no-repeat left top;} #lidarFlyout {display: none;} #lidarFlyout {left: 500px; padding: 15px 5px 5px 0px;} .lidarFlyWrapper {max-height: 250px; overflow-y: auto;} #lidarFlyout ul {padding: 20px 10px;} #lidarFlyout li {margin-bottom: .5em;} #lidarFlyout a {padding: 6px 10px 6px 10px; display: block; outline: none; max-width: 300px; border-radius: 6px;} #lidarFlyout a:hover {background-color: #dce6f2;} #lidarFlyout a.active {padding-left: 34px;color: #fff;background: #a2bcdd url(../images/ui-checkmark.png) no-repeat 15px center;} /* -------------------------- M A P / L I S T P A G E -----------------------------*/ #mapPanel {margin-top: 43px;} #mapdiv {height: 600px; width: 100%;} .mapInfoBox {padding: 5px; width: 460px;} .mapInfoBox p {margin-top: 0; font-size: 1em; font-weight: bold;} .mapInfoBox img {float: left; margin: 0 20px 0 0; width: 145px; height: 160px; border: 1px solid #5c6f7c; outline: none;} .mapInfoBox img.pdf {float: left; margin: 0 120px 0 0; width: 40px; height: 40px; border: 1px solid #5c6f7c; outline: none;} .mapInfoBox ul {float: left; margin: 0 0 10px 0; width: 280px; font-size: .8em;} .mapInfoBox li {padding: 3px 0 3px 0; border-bottom: 1px solid #ddd;} .mapInfoBox li span {display: inline-block; width: 49%; vertical-align: top; font-weight: bold;} .mapInfoBox li span + span {display: inline-block; width: 49%; color: #666; font-weight: normal; font-style: italic;} .mapInfoBox .link {/*clear: left;*/ margin-bottom: 0; font-size: .9em; font-style: italic;} .flagInfoBox {padding: 5px;} .flagInfoBox p {margin-top: 0; font-size: 1em; font-weight: bold;} .flagInfoBox img {float: left; margin: 0 20px 15px 0; width: 50px; height: 50px; border: 1px solid #5c6f7c; outline: none;} .flagInfoBox ul {float: left; margin: 0 0 10px 0; width: 280px; font-size: .8em;} .flagInfoBox li {border-bottom: 1px solid #ddd;} .flagInfoBox li span {display: inline-block; width: 49%; vertical-align: top; font-weight: bold;} .flagInfoBox li span + span {display: inline-block; width: 49%; color: #666; font-weight: normal; font-style: italic;} .flagInfoBox .link {/*clear: left;*/ margin-bottom: 0; font-size: .9em; font-style: italic;} .flagInfoDetail {height: 222px;} .lnkShowFlagInfoDetail {font-weight:bold; } #sliderPanel {position: absolute; bottom: 30px; margin-left: 30px; width: 96%;} #sliderPanel .layout-slider {float: left; margin: 30px 0 0 0; width: 99%;} #sliderPanel .lsContent {margin-right: 40%;} /* true margin-right is set by javascript */ #lineSlider {box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .4);} a.ui-slider-handle.ui-state-default {border: 2px solid #fff; cursor: move; background: #3c6597 url(../images/ui-btnBG.png) repeat-x left bottom; box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .4);} #sliderDisplay {display: none; padding: 8px 10px 6px 10px; text-align: center; position: absolute; top: -20px !important; left: 45%; cursor: pointer; border: 1px solid #999; border-radius: 6px; background-color: #fff; box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .4);} .sliderPanelToolbar {float: left; margin-top: 20px; width: auto;} .sliderPanelToolbar button {padding: 8px 10px 8px 10px; color: #333; border-color: #999; background-color: #fff; background-image: none; box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .4);} .sliderPanelToolbar button[disabled="disabled"] {border-color: #999; color: #bbb; opacity: .5; cursor: not-allowed;} #sliderLineNameList {display: none; position: absolute; right: 0; bottom: 50px; width: 225px;} #sliderLineNameList ul {margin: 5px 10px 0 0; padding: 0; font-size: .9em; z-index: 1000; background-color: #fff; border: 1px solid #999; border-top: none; border-radius: 6px; box-shadow: 0 0 10px 1px rgba(0, 0, 0, .4);} #sliderLineNameList ul a:hover {background-color: #eee;} #sliderLineNameList li {margin: 0; padding: 0;} #sliderLineNameList li:first-child a {border-radius: 6px 6px 0 0;} #sliderLineNameList li:last-child a {border-radius: 0 0 6px 6px;} #sliderLineNameList li a {padding: 10px 20px 10px 20px; display: block; text-decoration: none; color: inherit; border-bottom: 1px solid #ccc; border-radius: 0;} #sliderLineNameList2 {display: none; position: absolute; right: 215px; bottom: 195px; width: 175px;} #sliderLineNameList2 ul {margin: 5px 10px 0 0; padding: 0; font-size: .9em; z-index: 1000; background-color: #fff; border: 1px solid #999; border-top: none; border-radius: 6px; box-shadow: 0 0 10px 1px rgba(0, 0, 0, .4);} #sliderLineNameList2 ul li a:hover {background-color: #eee;} #sliderLineNameList2 ul li.checked a:hover {background: #eee url(../images/ui-checkmarkDark.png) no-repeat 10px center;} #sliderLineNameList2 li {margin: 0; padding: 0;} #sliderLineNameList2 li:first-child a {border-radius: 6px 6px 0 0;} #sliderLineNameList2 li:last-child a {border-radius: 0 0 6px 6px;} #sliderLineNameList2 li a {padding: 10px 20px 10px 20px; display: block; text-decoration: none; color: inherit; border-bottom: 1px solid #ccc; border-radius: 0;} #sliderLineNameList2 li.checked{background: url(../images/ui-checkmarkDark.png) no-repeat 10px center;} .goToMPdiv {padding: 20px !important;} #lidarPanel {display: none; margin-top: 63px; } .iframeWrapper {position: absolute;width:100%;height:100%} #listPanel {display: none; margin-top: 63px; padding-bottom: 15px;} .chartWrapper {position: relative; min-height: 45px;} #chartHideBtnContainer {position: absolute; top: 1px; right: 7%; z-index: 40;} #chartHideBtn {padding: 4px 10px; font-size: .8em;} #chartHideBtn:before {content: "Hide";} #chartHideBtn.active:before {content: "Show";} .listChart {height: 200px; margin: 0 auto 0 auto; padding-bottom: 20px; width: 86%; border: 1px solid #999; border-radius: 6px 6px 0 0; background-color: #fff; /*box-shadow: 0 0 10px 1px rgba(0, 0, 0, .3);*/} .listChart svg {border-radius: 6px;} #tblBridges {margin-top: 0; position: relative;} /*#secondTable {margin-top: 0; margin-bottom: 0; position: absolute; left: 7%; min-width: 632px; z-index: 10;}*/ #tblBridges a {padding: 4px 8px; border-radius: 6px;} #tblBridges a:hover {background-color: #406ca1; color: #fff;} #tblBridges .risk0 {text-indent: -9999em; background: #fff url(../images/alertIconGrey.png) no-repeat center center;} #tblBridges .risk1 {text-indent: -9999em; background: #fff url(../images/alertIconRed.png) no-repeat center center;} #tblBridges .risk2 {text-indent: -9999em; background: #fff url(../images/alertIconYellow.png) no-repeat center center;} #tblBridges .risk3 {text-indent: -9999em; background: #fff url(../images/alertIconGreen.png) no-repeat center center;} #flagPanel {display: none; margin-top: 63px; padding-bottom: 15px;} #listFlagTable {margin-top: 0; position: relative;} /*#secondTable {margin-top: 0; margin-bottom: 0; position: absolute; left: 7%; min-width: 632px; z-index: 10;}*/ #listFlagTable a {padding: 4px 8px; border-radius: 6px;} #listFlagTable a:hover {background-color: #406ca1; color: #fff;} #listFlagTable .risk0 {text-indent: -9999em; background: #fff url(../images/alertIconRed.png) no-repeat center center;} #listFlagTable .risk1 {text-indent: -9999em; background: #fff url(../images/alertIconRed.png) no-repeat center center;} #listFlagTable .risk2 {text-indent: -9999em; background: #fff url(../images/alertIconYellow.png) no-repeat center center;} #listFlagTable .risk3 {text-indent: -9999em; background: #fff url(../images/alertIconGreen.png) no-repeat center center;} #drainPanel {display: none; margin-top: 63px; padding-bottom: 15px;} #listDrainTable {margin-top: 0; position: relative;} #listDrainTable a {padding: 4px 8px; border-radius: 6px;} #listDrainTable a:hover {background-color: #406ca1; color: #fff;} #listDrainTable .risk0 {text-indent: -9999em; background: #fff url(../images/alertIconRed.png) no-repeat center center;} #listDrainTable .risk1 {text-indent: -9999em; background: #fff url(../images/alertIconRed.png) no-repeat center center;} #listDrainTable .risk2 {text-indent: -9999em; background: #fff url(../images/alertIconYellow.png) no-repeat center center;} #listDrainTable .risk3 {text-indent: -9999em; background: #fff url(../images/alertIconGreen.png) no-repeat center center;} #towerPanel {display: none; margin-top: 63px; padding-bottom: 15px;} #listTowerTable {margin-top: 0; position: relative;} #listTowerTable a {padding: 4px 8px; border-radius: 6px;} #listTowerTable a:hover {background-color: #406ca1; color: #fff;} #listTowerTable .risk0 {text-indent: -9999em; background: #fff url(../images/alertIconRed.png) no-repeat center center;} #listTowerTable .risk1 {text-indent: -9999em; background: #fff url(../images/alertIconRed.png) no-repeat center center;} #listTowerTable .risk2 {text-indent: -9999em; background: #fff url(../images/alertIconYellow.png) no-repeat center center;} #listTowerTable .risk3 {text-indent: -9999em; background: #fff url(../images/alertIconGreen.png) no-repeat center center;} #stationPanel {display: none; margin-top: 63px; padding-bottom: 15px;} #listStationTable {margin-top: 0; position: relative;} #listStationTable a {padding: 4px 8px; border-radius: 6px;} #listStationTable a:hover {background-color: #406ca1; color: #fff;} #listStationTable .risk0 {text-indent: -9999em; background: #fff url(../images/alertIconRed.png) no-repeat center center;} #listStationTable .risk1 {text-indent: -9999em; background: #fff url(../images/alertIconRed.png) no-repeat center center;} #listStationTable .risk2 {text-indent: -9999em; background: #fff url(../images/alertIconYellow.png) no-repeat center center;} #listStationTable .risk3 {text-indent: -9999em; background: #fff url(../images/alertIconGreen.png) no-repeat center center;} #wallPanel {display: none; margin-top: 63px; padding-bottom: 15px;} #listWallTable {margin-top: 0; position: relative;} #listWallTable a {padding: 4px 8px; border-radius: 6px;} #listWallTable a:hover {background-color: #406ca1; color: #fff;} #listWallTable .risk0 {text-indent: -9999em; background: #fff url(../images/alertIconRed.png) no-repeat center center;} #listWallTable .risk1 {text-indent: -9999em; background: #fff url(../images/alertIconRed.png) no-repeat center center;} #listWallTable .risk2 {text-indent: -9999em; background: #fff url(../images/alertIconYellow.png) no-repeat center center;} #listWallTable .risk3 {text-indent: -9999em; background: #fff url(../images/alertIconGreen.png) no-repeat center center;} .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { z-index: 2; color: #23527c; background-color: #eee; border-color: #ddd; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 3; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } /* -------------------------- D E T A I L S P A G E -----------------------------*/ #assetDetailContainer {margin-top: 44px;} #bridgeDetailContainer {margin-top: 44px;} #drainDetailContainer {margin-top: 44px;} #towerDetailContainer {margin-top: 44px;} #stationDetailContainer {margin-top: 44px;} #wallDetailContainer {margin-top: 44px;} #detailLoading {margin: 125px auto 0 auto; width: 90px; height: 30px; background: transparent url(../images/loading.gif) no-repeat center center;} #detailPanel {display: none;} .detailContentBlock {padding: 20px; position: relative; display: none;} .assetHeader {display: block; position: relative; min-height: 290px;} .assetHeader h1 {position: absolute; top: 0; right: 0; padding: 20px 24px 28px 40px; min-width: 250px; max-width: 500px; font-size: 1.5em; line-height: normal; z-index: 5; background: transparent url(../images/roundedLeftBottomBG.png) no-repeat left bottom;} .assetHeaderMap {position: absolute; top: 150px; left: 25px; width: 220px; height: 220px; border-style: ridge; border: 2px ridge #ccc; box-shadow: 0 0 10px 2px rgba(0, 0, 0, .5); z-index: 5;} /*.assetHeader a.goHomeBtn {position: absolute; top: 0; left: 48px; padding-top: 5px; width: 158px; height: 34px; font-size: 1em; text-align: center; outline: none; border: none; color: #fff; background: transparent url(../images/btn_158pxBG.png) no-repeat center bottom;} .assetHeader a.goHomeBtn:hover {opacity: .9;}*/ .assetHeader p {margin: 0; position: absolute; top: 235px; left: 275px; font-size: 1.15em; font-family: Georgia, Times New Roman, Times New Roman, Serif;} .assetHeader p span {color: #999; font-style: italic; font-family: Arial, Helvetica, sans-serif;} .assetHeader p span:first-child {margin-right: 15px;} #photoGalleryBtn {position: absolute; top: 158px; right: 0; width: 85px; height: 60px; z-index: 5; cursor: pointer; text-indent: -9999em; border: 1px solid #acacac; border-right: none; border-bottom: none; border-radius: 6px 0 0 0; background: #efefef url(../images/ui_photoGalleryIcon.png) no-repeat center center;} .assetHeaderImgContainer {position: relative; height: 217px; overflow: hidden; background: #333 no-repeat center center scroll; background-size: 100%; border-bottom: 1px solid #acacac;} .ahPhotoGalleryContainer {position: absolute; bottom: -300px; right: 0; width: 100%; height: 150px; border-top: 2px solid #bbb; background: transparent url(../images/ui-blackOpacity.png) repeat left top;} .ahPhotoGallery {padding: 17px 65px 0 20px;} .ahPhotoGallery img {margin-right: 12px; height: 110px; border: 3px solid #fff;} .ahPhotoGallery a:hover img {border-color: #666;} .ahPhotoGallery .prev-navigation {left: 0; padding: 16px 18px 20px 15px; border-radius: 0 10px 10px 0;} .ahPhotoGallery .next-navigation {right: 0; padding: 16px 15px 20px 18px; border-radius: 10px 0 0 10px;} .ahPhotoGallery .photoGalScrollBtns {position: absolute; top: 50px; font-size: 2em; color: #fff; opacity: .5; background-color: #666;} .ahPhotoGallery .photoGalScrollBtns:hover {opacity: .75; background-color: #999;} .jcarousel {margin: 0 5px 0 50px; position: relative; overflow: hidden; height: 120px;} .jcarousel ul {margin: 0; width: 20000em; position: absolute;} .jcarousel li {float: left;} /* .jcarousel ul {width: 20000em; position: absolute; list-style: none; margin: 0; padding: 0;} .jcarousel li {}*/ .archiveloading {position: absolute; z-index: 1; top:30%; left: 30%; text-align: center;} #photoGalleryDialog {position:relative; text-align:center; float:left;} #photoGalleryDialogDrain {position:relative; text-align:center; float:left;} #photoGalleryImage {max-height: 560px; } .photoGalleryDialogPreNext {height: 50px; width: 60px; top: 45%; display: block; text-indent: -9999em; border-radius: 6px; outline: none;} .photoGalleryDialogButton {height: 40px; top: 85%; display: block; border-radius: 6px; outline: none; margin: 0 auto;} .photoGalleryTitle { left: 0; position: absolute; top: 3%; width:100%; } /*.photoGalleryCaption { left: 0; position: absolute; top: 85%; width:100%; }*/ .photoGalleryCaption { max-width:740px; } .photoGalleryInnerText {background:rgba(255, 255, 255, 0.75); padding:2px; font: 16px Sans-Serif; -webkit-box-decoration-break: clone; box-decoration-break: clone;} .photoGalleryPrevious {position: absolute; left: 10px; background: transparent url(../images/ui-photoGalleryPrevious.png) no-repeat center center;} .photoGalleryNext {position: absolute; right: 10px; background: transparent url(../images/ui-photoGalleryNext.png) no-repeat center center;} .photoGalleryWaiting {background: url(../images/ui-loading-circle-ball.gif) no-repeat center center;} .assetDetailPreNext {height: 50px; width: 60px; top: 30%; display: block; text-indent: -9999em; border-radius: 6px; outline: none;} #assetDetailPrevious {position: absolute; left: 25px; background: transparent url(../images/ui-photoGalleryPrevious.png) no-repeat center center;} #assetDetailNext { position: absolute; right: 10px; background: transparent url(../images/ui-photoGalleryNext.png) no-repeat center center;} #assetDetailPreviousDrain {position: absolute; left: 25px; background: transparent url(../images/ui-photoGalleryPrevious.png) no-repeat center center;} #assetDetailNextDrain { position: absolute; right: 10px; background: transparent url(../images/ui-photoGalleryNext.png) no-repeat center center;} .genInfoScores {margin: 0 auto 20px auto; max-width: 650px; height: 180px; position: relative;} .scoreBadges {position: absolute; text-align: center;} .scoreBadges.one {top: 28px; left: 0; z-index: 5; background-color: #930; width: 130px; height: 101px; background: transparent url(../images/ui-scoreBadge_sm.png) no-repeat;} .scoreBadges.two {top: 15px; left: 27%; margin-left: -82px; z-index: 10; width: 164px; height: 127px; background: transparent url(../images/ui-scoreBadge_med.png) no-repeat;} .scoreBadges.three {top: 0; left: 50%; margin-left: -102px; z-index: 15; width: 204px; height: 160px; background: transparent url(../images/ui-scoreBadge_lrg.png) no-repeat;} .scoreBadges.four {top: 15px; right: 27%; margin-right: -82px; z-index: 10; width: 164px; height: 127px; background: transparent url(../images/ui-scoreBadge_med.png) no-repeat;} .scoreBadges.five {top: 28px; right: 0; z-index: 5; background-color: #060; width: 130px; height: 101px; background: transparent url(../images/ui-scoreBadge_sm.png) no-repeat;} .scoreBadges p {margin: 0; padding: 0; font-family: Georgia, Times New Roman, Times New Roman, Serif;} .scoreBadges p:first-child {border-bottom: 1px solid #bbb; display: inline-block; color: #666; text-shadow: 0 -1px 1px #333;} .scoreBadges p + p {color: #888;} .scoreBadges.one p:first-child, .scoreBadges.five p:first-child {margin-top: 11px; padding-bottom: 8px; font-size: 2em;} .scoreBadges.one p + p, .scoreBadges.five p + p {font-size: 1.1em;} .scoreBadges.two p:first-child, .scoreBadges.four p:first-child {margin-top: 25px; padding-bottom: 11px; font-size: 2.5em;} .scoreBadges.two p + p, .scoreBadges.four p + p {font-size: 1.4em;} .scoreBadges.three p:first-child {margin-top: 40px; padding-bottom: 20px; font-size: 3.75em;} .scoreBadges.three p + p {font-size: 1.6em;} .scoreBadges span {position: absolute; left: 0; color: #fff; font-weight: bold; text-transform: uppercase; letter-spacing: .1em; text-shadow: 1px 1px 3px #333;} .scoreBadges.one span, .scoreBadges.five span {width: 130px; bottom: 7px; font-size: .8em;} .scoreBadges.two span, .scoreBadges.four span {width: 164px; bottom: 10px; font-size: .9em;} .scoreBadges.three span {width: 204px; bottom: 12px; font-size: 1em;} .scoreBadges.one.risk1, .scoreBadges.five.risk1 {background-position: left -202px;} .scoreBadges.one.risk2, .scoreBadges.five.risk2 {background-position: left -101px;} .scoreBadges.one.risk3, .scoreBadges.five.risk3 {background-position: left 0;} .scoreBadges.two.risk1, .scoreBadges.four.risk1 {background-position: left -254px;} .scoreBadges.two.risk2, .scoreBadges.four.risk2 {background-position: left -127px;} .scoreBadges.two.risk3, .scoreBadges.four.risk3 {background-position: left 0;} .scoreBadges.three.risk1 {background-position: left -320px;} .scoreBadges.three.risk2 {background-position: left -160px;} .scoreBadges.three.risk3 {background-position: left 0;} .scoreBadges.three.tower {left:48% !important} .scoreBadges.three.station {left:48% !important} .scoreBadges.three.wall {left:48% !important} /*railway station by Bernar Novalyi from Noun Project (CC BY 3.0) */ .genInfoGraphicContainer {border: 1px solid #bbb; border-radius: 6px; background-color: #fff; box-shadow: 0 0 10px 1px rgba(0, 0, 0, .2);} .genInfoGraphic {position: relative; margin: 0 auto 0 auto; min-height: 690px; width: 818px;} .genInfoGraphic.arch {background: #fff url(../images/ui-detailGenInfoGraphicArch.png) no-repeat center 50px;} .genInfoGraphic.box {background: #fff url(../images/ui-detailGenInfoGraphicBox.png) no-repeat center 50px;} .genInfoGraphic.encased {background: #fff url(../images/ui-detailGenInfoGraphicEncased.png) no-repeat center 50px;} .genInfoGraphic.girder {background: #fff url(../images/ui-detailGenInfoGraphicGirder.png) no-repeat center 50px;} .genInfoGraphic.pipe {background: #fff url(../images/ui-detailGenInfoGraphicPipe.png) no-repeat center 50px;} .genInfoGraphic.slab {background: #fff url(../images/ui-detailGenInfoGraphicSlab.png) no-repeat center 50px;} .genInfoGraphic.truss {background: #fff url(../images/ui-detailGenInfoGraphicTruss.png) no-repeat center 50px;} .genInfoGraphic.suspension {background: #fff url(../images/ui-detailGenInfoGraphicSuspension.png) no-repeat center 50px;} .genInfoGraphic.unknown {background: #fff url(../images/ui-detailGenInfoGraphic.png) no-repeat center 50px;} .genInfoGraphic.tunnel {background: #fff url(../images/ui-detailGenInfoGraphicTunnel.png) no-repeat center 50px;} .genInfoGraphic.drain {background: #fff url(../images/ui-detailGenInfoGraphicDrain.png) no-repeat center 50px;} .genInfoGraphic.tower {background: #fff url(../images/ui-detailGenInfoGraphicTower5.png) no-repeat center 200px; padding-bottom:50px;} .genInfoGraphic.station {background: #fff url(../images/ui-detailGenInfoGraphicStation.png) no-repeat center 200px; padding-bottom:50px;} .genInfoGraphic.wall {background: #fff url(../images/ui-detailGenInfoGraphicWall.png) no-repeat center 200px; padding-bottom:50px;} .lastInspected {position: absolute; top: 66px; left: 133px; width: 70px; font-size: 1.1em; font-weight: bold; text-align: center; color: #4d74ac;} .lastInspected span {display: block;} .lastInspectedTower {position: absolute; top: 235px; left: 133px; width: 70px; font-size: 1.1em; font-weight: bold; text-align: center; color: #4d74ac;} .lastInspectedTower span {display: block;} .lastInspectedStation {position: absolute; top: 215px; left: 133px; width: 70px; font-size: 1.1em; font-weight: bold; text-align: center; color: #4d74ac;} .lastInspectedStation span {display: block;} .lastInspectedWall {position: absolute; top: 235px; left: 133px; width: 70px; font-size: 1.1em; font-weight: bold; text-align: center; color: #4d74ac;} .lastInspectedWall span {display: block;} .assetSize {position: absolute; top: 290px; right: 0px; width: 93px; font-size: 1.1em; font-weight: bold; text-align: center; color: #4d74ac;} .assetSize span {display: block; font-size: .9em; font-weight: normal; color: #888;} .assetSizeDrain {position: absolute; top: 295px; left: 345px; width: 93px; font-size: 1.1em; font-weight: bold; text-align: center; color: #4d74ac;} .assetSizeDrain span {display: block; font-size: .9em; font-weight: normal; color: #888;} .assetSizeTower {position: absolute; top: 290px; right: 150px; width: 93px; font-size: 1.1em; font-weight: bold; text-align: center; color: #4d74ac;} .assetSizeTower span {display: block; font-size: .9em; font-weight: normal; color: #888;} .assetSizeStation {position: absolute; top: 290px; right: 150px; width: 93px; font-size: 1.1em; font-weight: bold; text-align: center; color: #4d74ac;} .assetSizeStation span {display: block; font-size: .9em; font-weight: normal; color: #888;} .assetSizeWall {position: absolute; top: 280px; right: 150px; width: 93px; font-size: 1.0em; font-weight: bold; text-align: center; color: #4d74ac;} .assetSizeWall span {display: block; font-size: .8em; font-weight: normal; color: #888; margin-top: -3px;} .assetWide {position: absolute; top: 57px; right: 143px; width: 93px; font-size: 1.1em; font-weight: bold; text-align: center; color: #4d74ac;} .assetWide span {display: block; font-size: .9em; font-weight: normal; color: #888;} .assetLong {position: absolute; top: 294px; right: 383px; width: 93px; font-size: 1.1em; font-weight: bold; text-align: center; color: #4d74ac;} .assetLong span {display: block; font-size: .9em; font-weight: normal; color: #888;} .assetLongTower {position: absolute; top: 294px; right: 383px; width: 93px; font-size: 1.1em; font-weight: bold; text-align: center; color: #4d74ac;} .assetLongTower span {display: block; font-size: .9em; font-weight: normal; color: #888;} .assetLongStation {position: absolute; top: 294px; right: 383px; width: 93px; font-size: 1.1em; font-weight: bold; text-align: center; color: #4d74ac;} .assetLongStation span {display: block; font-size: .9em; font-weight: normal; color: #888;} .assetLongWall {position: absolute; top: 294px; right: 383px; width: 93px; font-size: 1.1em; font-weight: bold; text-align: center; color: #4d74ac;} .assetLongWall span {display: block; font-size: .9em; font-weight: normal; color: #888;} .builtYear {position: absolute; top: 407px; left: 102px; width: 93px; font-size: 1em; font-weight: normal; color: #888;} .builtYear span {display: block; margin-top: 4px; font-size: 1.1em; font-weight: bold; color: #4d74ac;} .builtYearTower {position: absolute; top: 407px; left: 102px; width: 93px; font-size: 1em; font-weight: normal; color: #888;} .builtYearTower span {display: block; margin-top: 4px; font-size: 1.1em; font-weight: bold; color: #4d74ac;} .builtYearStation {position: absolute; top: 550px; left: 102px; width: 93px; font-size: 1em; font-weight: normal; color: #888;} .builtYearStation span {display: block; margin-top: 4px; font-size: 1.1em; font-weight: bold; color: #4d74ac;} .builtYearWall {position: absolute; top: 407px; left: 102px; width: 93px; font-size: 1em; font-weight: normal; color: #888;} .builtYearWall span {display: block; margin-top: 4px; font-size: 1.1em; font-weight: bold; color: #4d74ac;} /*.drainElevation {position: absolute; top: 478px; left: 306px; font-size: 1.1em; font-weight: bold; text-align: center; color: #4d74ac; }*/ .drainElevation {position: absolute; top: 356px; right: 0;font-size: 1.1em; font-weight: bold; text-align: center; color: #4d74ac; padding: 15px 20px 10px 20px; width: 176px; border: 1px solid #bbb; border-radius: 6px; } .towerOffset {position: absolute; top: 412px; left: 0px; font-size: 1.1em; font-weight: bold; text-align: center; color: #4d74ac; width:300px; } .towerOffset span {display: block; font-size: .9em; font-weight: normal; color: #888; padding-bottom: 15px;} .stationOffset {position: absolute; top: 412px; left: 0px; font-size: 1.1em; font-weight: bold; text-align: center; color: #4d74ac; width:300px; } .stationOffset span {display: block; font-size: .9em; font-weight: normal; color: #888; padding-bottom: 15px;} .wallOffset {position: absolute; top: 412px; left: 0px; font-size: 1.1em; font-weight: bold; text-align: center; color: #4d74ac; width:270px; } .wallOffset span {display: block; font-size: .9em; font-weight: normal; color: #888; padding-bottom: 15px;} .wallLength {position: absolute; top: 412px; left: 260px; font-size: 1.1em; font-weight: bold; text-align: center; color: #4d74ac; width:270px; } .wallLength span {display: block; font-size: .9em; font-weight: normal; color: #888; padding-bottom: 15px;} .condCodeTower {position: absolute; top: 60px; left: 420px; font-size: 1.1em; font-weight: bold; text-align: center; color: #4d74ac; } .condCodeTower span {display: block; font-size: .9em; font-weight: normal; color: #888; padding-top: 20px;} .condCodeTower hr { margin: .5em; } .condCodeStation {position: absolute; top: 60px; left: 420px; font-size: 1.1em; font-weight: bold; text-align: center; color: #4d74ac; } .condCodeStation span {display: block; font-size: .9em; font-weight: normal; color: #888; padding-top: 20px;} .condCodeStation hr { margin: .5em; } .condCodeWall {position: absolute; top: 60px; left: 420px; font-size: 1.1em; font-weight: bold; text-align: center; color: #4d74ac; } .condCodeWall span {display: block; font-size: .9em; font-weight: normal; color: #888; padding-top: 20px;} .condCodeWall hr { margin: .5em; } .numTracks {position: absolute; top: 478px; left: 306px; width: 66px; font-size: 1.9em; font-weight: bold; text-align: center; color: #fff; text-shadow: 0 0 6px #333;} .numTracks span {display: block; margin-top: 30px; font-size: .55em; font-weight: normal; color: #888; text-shadow: none;} .numStationTracks {position: absolute; top: 660px; left: 306px; width: 66px; font-size: 1.9em; font-weight: bold; text-align: center; color: #fff; text-shadow: 0 0 6px #333;} .numStationTracks span {display: block; margin-top: 30px; font-size: .55em; font-weight: normal; color: #888; text-shadow: none;} .numSegments {position: absolute; top: 478px; left: 404px; width: 66px; font-size: 1.9em; font-weight: bold; text-align: center; color: #fff; text-shadow: 0 0 6px #333;} .numSegments span {display: block; margin-top: 30px; font-size: .55em; font-weight: normal; color: #888; text-shadow: none;} .numPlatforms {position: absolute; top: 660px; left: 404px; width: 66px; font-size: 1.9em; font-weight: bold; text-align: center; color: #fff; text-shadow: 0 0 6px #333;} .numPlatforms span {display: block; margin-top: 30px; font-size: .55em; font-weight: normal; color: #888; text-shadow: none;} /*.towerType {position: absolute; top: 356px; right: 0; padding: 15px 20px 10px 20px; width: 176px; border: 1px solid #bbb; border-radius: 6px;}*/ .towerType {position: absolute; top: 625px; left: 240px; width: 300px; text-align:center; font-size: 1.1em; font-weight: bold; color: #4d74ac;} .stationType {position: absolute; top: 600px; left: 240px; width: 300px; text-align:center; font-size: 1.1em; font-weight: bold; color: #4d74ac;} .wallType {position: absolute; top: 625px; left: 240px; width: 300px; text-align:center; font-size: 1.1em; font-weight: bold; color: #4d74ac;} /*.drainStructureType {position: absolute; top: 356px; right: 0; padding: 15px 20px 10px 20px; width: 176px; border: 1px solid #bbb; border-radius: 6px;}*/ .drainStructureType {position: absolute; top: 478px; left: 306px; font-size: 1.1em; font-weight: bold; text-align: center; color: #4d74ac;} .drainStructureType p {text-align: center; color: #4d74ac; font-size: 1em; font-weight:bold} .featIntContainer {position: absolute; top: 356px; right: 0; padding: 15px 20px 10px 20px; width: 176px; border: 1px solid #bbb; border-radius: 6px;} .featIntContainer .intersectsIcons {/*display: inline-block;*/ float: left; margin: 10px; width: 66px; height: 65px; text-indent: -9999em; background: transparent url(../images/ui-intersectsIcons.png) no-repeat;} .featIntContainer .intersectsIcons.road {background-position: left 0;} .featIntContainer .intersectsIcons.river {background-position: left -65px;} .featIntContainer .intersectsIcons.railroad {background-position: left -130px;} .featIntContainer .intersectsIcons.other {background-position: left -195px;} .featIntContainer .intersectsIcons.signal {background-position: left -260px;} .featIntContainer .intersectsIcons.walk {background-position: left -325px;} .featIntContainer .intersectsIcons.unpaved {background-position: left -390px;} .featIntContainer .intersectsIcons.none {background-position: left -455px;} .featIntContainer p {text-align: center; color: #888; font-size: 1em;} .cloverleafContainer {position: relative; margin: -50px auto 0 auto; padding: 10px; width: 220px; height: 220px; /*background: transparent url(../images/cloverleaf.png) no-repeat left top;*/} /*.cloverleafContainer span {margin: 0 5px 8px 0; padding: 10px; display: inline-block; background-color: #a2ca96; border-radius: 6px; box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .4);}*/ .cloverleafContainer a {position: absolute; bottom: 0; right: 0; display: block; padding: 0 5% 8% 5%; width: 90%; line-height: 180%; text-align: right; text-decoration: none; font-style: italic; color: #333; font-size: .7em;} .cloverleafContainer a span {display: block; font-style: normal; color: #fff; font-size: 2.25em; font-weight: bold; text-shadow: 0 -1px 0 #333;} .cloverleafContainer .leaf {position: absolute; border: 1px solid #aaa; border-radius: 6px; background-color: #9BCB8F;} /* ----- Don't change the 50% values below!!!! ----- */ .cloverleafContainer .tl {top: 28%; left: 10%; right: 50%; bottom: 50%; margin: 0 2px 2px 0;} .cloverleafContainer .tr {top: 20%; left: 50%; right: 0; bottom: 50%; margin: 0 0 2px 2px;} .cloverleafContainer .bl {top: 50%; left: 0; right: 50%; bottom: 20%; margin: 2px 2px 0 0;} .cloverleafContainer .br {top: 50%; left: 50%; right: -20%; bottom: 0; margin: 2px 0 0 2px;} /* --- Document List ---------- */ #filebreadcrumb {margin: 0 25px 25px 25px; padding: 8px; background-color: #fff; border: 1px solid #bbb; box-shadow: 0 0 6px 0 rgba(0, 0, 0, .3);} #filebreadcrumb li {float: left; margin-right: .5em;} #filebreadcrumb li:after {content: "\00a0 \00a0 \203A";} #filebreadcrumb li:last-child:after {content: "";} #filebreadcrumb a {font-weight: bold; padding: 4px 8px; border: 1px solid #fff;} #filebreadcrumb a:hover {border: 1px solid #5D88C3; background-color: #dce6f2;} #filebreadcrumbDrain {margin: 0 25px 25px 25px; padding: 8px; background-color: #fff; border: 1px solid #bbb; box-shadow: 0 0 6px 0 rgba(0, 0, 0, .3);} #filebreadcrumbDrain li {float: left; margin-right: .5em;} #filebreadcrumbDrain li:after {content: "\00a0 \00a0 \203A";} #filebreadcrumbDrain li:last-child:after {content: "";} #filebreadcrumbDrain a {font-weight: bold; padding: 4px 8px; border: 1px solid #fff;} #filebreadcrumbDrain a:hover {border: 1px solid #5D88C3; background-color: #dce6f2;} #archivebreadcrumbInternal {margin: 0 25px 25px 25px; padding: 8px; background-color: #fff; border: 1px solid #bbb; box-shadow: 0 0 6px 0 rgba(0, 0, 0, .3);} #archivebreadcrumbInternal li {float: left; margin-right: .5em;} #archivebreadcrumbInternal li:after {content: "\00a0 \00a0 \203A";} #archivebreadcrumbInternal li:last-child:after {content: "";} #archivebreadcrumbInternal a {font-weight: bold; padding: 4px 8px; border: 1px solid #fff;} #archivebreadcrumbInternal a:hover {border: 1px solid #5D88C3; background-color: #dce6f2;} #archivebreadcrumbExternal {margin: 0 25px 25px 25px; padding: 8px; background-color: #fff; border: 1px solid #bbb; box-shadow: 0 0 6px 0 rgba(0, 0, 0, .3);} #archivebreadcrumbExternal li {float: left; margin-right: .5em;} #archivebreadcrumbExternal li:after {content: "\00a0 \00a0 \203A";} #archivebreadcrumbExternal li:last-child:after {content: "";} #archivebreadcrumbExternal a {font-weight: bold; padding: 4px 8px; border: 1px solid #fff;} #archivebreadcrumbExternal a:hover {border: 1px solid #5D88C3; background-color: #dce6f2;} .docFolderList li {float: left; position: relative; margin: 25px;} .docFolderList li a {padding: 20px 4px 30px 4px; display: block; text-align: center; width: 150px; height: 50px; color: #333; border: 1px solid #bbb; border-radius: 6px; background: #fff url(../images/ui-folderIcon.png) no-repeat right bottom; box-shadow: 0 0 6px 0 rgba(0, 0, 0, .3);} .docFolderList li img {position: absolute; top: 70px; right: 10px; cursor: pointer; } .docFolderList li a:hover {background-color: #dce6f2;} .docFolderList li span {position: absolute; top: -14px; right: -15px; padding: 2px 8px; color: #fff; font-size: .8em; text-align: center; border: 2px solid #fff; border-radius: 999em; background-color: #32547d; box-shadow: 0 0 3px 1px rgba(0, 0, 0, .4);} .assetDiagram { margin: 0 auto; max-width: 800px; /*width:800px;*/ overflow-x: auto; } .assetDetailContainer h2 {display: none;} .assetDetailContainer h3 {padding: 3% 3% 1% 3%; font-size: 1.3em; color: #365c89;} .assetDetailContainer h4 {padding: 0 3% 0 3%; font-size: 1em; color: #666; cursor: pointer;} .assetDetailContainer {padding-bottom: 80px;} .assetDetailContainer .wrapper {margin: 10px auto 0 auto; display: none; max-width: 880px;} .detailTabs {width: 100%;} .detailTabs.ui-widget-content, .ulDetailTabsItems.ui-widget-header {border: none !important; background: none;} .detailTabs.ui-widget-header {font-size: 1em !important; font-weight: normal; border: none !important; background-image: none !important; background-color: transparent;} .detailTabs.ui-state-active, .detailTabs.ui-widget-content .ui-state-active, .detailTabs.ui-widget-header .ui-state-active {background-image: none !important;} .detailTabs.ui-state-default, .detailTabs.ui-widget-content .ui-state-default, .detailTabs.ui-widget-header .ui-state-default {background-image: none !important; background-color: transparent;} .detailTabs.ui-tabs .ui-tabs-nav li, .detailTabs.ui-tabs .ui-tabs-nav li a {float: none; margin-right: 0; padding: 0;} .ulDetailTabsItems {float: left; margin: 0 -50px 0 30px !important; padding: 0 !important; width: 50px;} .ulDetailTabsItems li {text-indent: -9999em; border: 1px solid #aaa; background-color: #efefef; opacity: .75;} .ulDetailTabsItems li a {width: 50px; height: 50px; display: block; outline: 0; background: transparent url(../images/ui-detailTabIcons.png) no-repeat;} .ulDetailTabsItems li a.tabConfig {background-position: 0 -150px;} .ulDetailTabsItems li a.tabSuper {background-position: 0 0;} .ulDetailTabsItems li a.tabSub {background-position: -50px 0;} .ulDetailTabsItems li a.tabCondition {background-position: -100px 0;} .ulDetailTabsItems li a.tabOwner {background-position: 0 -50px;} .ulDetailTabsItems li a.tabClearance {background-position: -50px -50px;} .ulDetailTabsItems li a.tabLoadRating {background-position: -100px -50px;} .ulDetailTabsItems li a.tabRiskFactors {background-position: 0 -100px;} .ulDetailTabsItems li a.tabFlagging {background-position: -50px -100px;} .ulDetailTabsItems li a.tabPrioritization {background-position: -100px -100px;} .ulDetailTabsItems li a.tabSpecialAccess {background-position: -50px -150px;} .ulDetailTabsItems li.ui-tabs-active, .ulDetailTabsItems li.ui-state-active, .ulDetailTabsItems li a:hover {border-right: 0; border-left: 2px solid #406da3 !important; opacity: 1; border-top-right-radius: 0; background-color: #fff !important;} .segmentDetail {margin: 0 2% 2% 0; padding-bottom: 1%; width: 100%; min-height: 500px;} .segmentDetail ul {margin-bottom: 20px;} .segmentDetail li {padding: 4px 0 4px 0; border-bottom: 1px solid #ddd;} .segmentDetail li:last-child {border-bottom: none;} .segmentDetail label {float: none; display: inline-block; margin: 0 1% 0 3%; width: 180px; font-size: .9em; font-weight: bold; vertical-align: top;} .segmentDetail label.attr {float: none; display: inline-block; margin: 0 1% 0 3%; font-size: .9em; font-weight: bold; vertical-align: middle;} .segmentDetail label.attr-desc {width: 30px; } .segmentDetail label.attr-feat-int-desc {width: 5%; } .segmentDetail label.attr-spec-acc-desc {width: 5%; } .segmentDetail label.attr-num {width: 60px;} .segmentDetail input[type="text"] {float: none; display: inline-block; margin: 0 0 0 1%; width: 65%; color: #555; font-size: .9em; font-weight: normal; font-style: italic; border: none; background-color: transparent;} .segmentDetail input[type="text"].attr {float: none; display: inline-block; margin: 0 0 0 1%; height: 10px; color: #555; font-size: .9em; font-weight: normal; font-style: italic; border: none; background-color: transparent;} .segmentDetail input[type="text"].attr-num {width: 10%;} .segmentDetail input[type="text"].attr-desc {width: 30%;} .segmentDetail input[type="text"].active {padding: 5px 0 5px 5px; font-style: normal; border: 1px solid #bbb;} .segmentDetail textarea.attr {float: none; display: inline-block; margin: 0 0 0 1%; font-size: .9em; font-weight: normal; color: #555; background-color: transparent;} .segmentDetail textarea.attr-maint-resp {width:65%;margin: 0;border:none;resize:none;} .segmentDetail textarea.attr-desc {vertical-align: middle; width: 60%;} .segmentDetail textarea.attr-spec-acc-desc {vertical-align: middle; width: 30%;} .segmentDetail a.attr {float: right; margin-right: 10px; display: inline;} .segmentDetail button.attr {float: right; margin-right: 10px;} .segmentDetail button.attr-btn {display: none;} .segmentDetail select {margin-left: 10px;} .segmentContentToggleTag {display: inline;} .bridgeDetail {margin: 0 2% 2% 0; padding-bottom: 1%; width: 100%; min-height: 500px;} .bridgeDetail ul {margin-bottom: 20px;} .bridgeDetail li {padding: 4px 0 4px 0; border-bottom: 1px solid #ddd;} .bridgeDetail li:last-child {border-bottom: none;} .bridgeDetail label {float: none; display: inline-block; margin: 0 1% 0 3%; width: 180px; font-size: .9em; font-weight: bold; vertical-align: top;} .bridgeDetail label.attr {float: none; display: inline-block; margin: 0 1% 0 3%; font-size: .9em; font-weight: bold; vertical-align: middle;} .bridgeDetail label.attr-desc {width: 30px; } .bridgeDetail label.attr-feat-int-desc {width: 5%; } .bridgeDetail label.attr-spec-acc-desc {width: 5%; } .bridgeDetail label.attr-num {width: 60px;} .bridgeDetail input[type="text"] {float: none; display: inline-block; margin: 0 0 0 1%; width: 65%; color: #555; font-size: .9em; font-weight: normal; font-style: italic; border: none; background-color: transparent;} .bridgeDetail input[type="text"].attr {float: none; display: inline-block; margin: 0 0 0 1%; height: 10px; color: #555; font-size: .9em; font-weight: normal; font-style: italic; border: none; background-color: transparent;} .bridgeDetail input[type="number"] {float: none; display: inline-block; margin: 0 0 0 1%; width: 65%; color: #555; font-size: .9em; font-weight: normal; font-style: italic; border: none; background-color: transparent;} .bridgeDetail input[type="number"].attr {float: none; display: inline-block; margin: 0 0 0 1%; height: 10px; color: #555; font-size: .9em; font-weight: normal; font-style: italic; border: none; background-color: transparent;} .bridgeDetail input[type="text"].attr-num {width: 10%;} .bridgeDetail input[type="text"].attr-desc {width: 30%;} .bridgeDetail input[type="text"].active {padding: 5px 0 5px 5px; font-style: normal; border: 1px solid #bbb;} .bridgeDetail input[type="number"].active {padding: 5px 0 5px 5px; font-style: normal; border: 1px solid #bbb;} .bridgeDetail textarea.attr {float: none; display: inline-block; margin: 0 0 0 1%; font-size: .9em; font-weight: normal; color: #555; background-color: transparent;} .bridgeDetail textarea.attr-maint-resp {width:65%;margin: 0;border:none;resize:none;} .bridgeDetail textarea.attr-desc {vertical-align: middle; width: 60%;} .bridgeDetail textarea.attr-spec-acc-desc {vertical-align: middle; width: 30%;} .bridgeDetail a.attr {float: right; margin-right: 10px; display: inline;} .bridgeDetail button.attr {float: right; margin-right: 10px;} .bridgeDetail button.attr-btn {display: none;} .bridgeDetail select {margin-left: 10px;} .bridgeContentToggleTag {display: inline;} .assetContentContainer {float: left; position: relative; margin-left: 50px; padding-left: 30px; width: 84%; border-top: 1px solid #aaa; background-color: #fff;} .assetContentContainer div.ui-tabs-panel {padding: 0;} .assetDetail {margin: 0 2% 2% 0; padding-bottom: 1%; width: 100%; min-height: 500px;} .assetDetail ul {margin-bottom: 20px;} .assetDetail li {padding: 4px 0 4px 0; border-bottom: 1px solid #ddd;} .assetDetail li:last-child {border-bottom: none;} .assetDetail label {float: none; display: inline-block; margin: 0 1% 0 3%; width: 180px; font-size: .9em; font-weight: bold; vertical-align: top;} .assetDetail label.attr {float: none; display: inline-block; margin: 0 1% 0 3%; font-size: .9em; font-weight: bold; vertical-align: middle;} .assetDetail label.attr-desc {width: 30px; } .assetDetail label.attr-feat-int-desc {width: 5%; } .assetDetail label.attr-spec-acc-desc {width: 5%; } .assetDetail label.attr-num {width: 60px;} .assetDetail input[type="text"] {float: none; display: inline-block; margin: 0 0 0 1%; width: 65%; color: #555; font-size: .9em; font-weight: normal; font-style: italic; border: none; background-color: transparent;} .assetDetail input[type="text"].attr {float: none; display: inline-block; margin: 0 0 0 1%; height: 10px; color: #555; font-size: .9em; font-weight: normal; font-style: italic; border: none; background-color: transparent;} .assetDetail input[type="text"].attr-num {width: 10%;} .assetDetail input[type="text"].attr-desc {width: 30%;} .assetDetail input[type="text"].active {padding: 5px 0 5px 5px; font-style: normal; border: 1px solid #bbb;} .assetDetail textarea.attr {float: none; display: inline-block; margin: 0 0 0 1%; font-size: .9em; font-weight: normal; color: #555; background-color: transparent;} .assetDetail textarea.attr-maint-resp {width:65%;margin: 0;border:none;resize:none;} .assetDetail textarea.attr-desc {vertical-align: middle; width: 60%;} .assetDetail textarea.attr-spec-acc-desc {vertical-align: middle; width: 30%;} .assetDetail a.attr {float: right; margin-right: 10px; display: inline;} .assetDetail button.attr {float: right; margin-right: 10px;} .assetDetail button.attr-btn {display: none;} .assetDetail select {margin-left: 10px;} .assetContentToggleTag {display: inline;} .ui-accordion .ui-accordion-content { height: auto !important; } .loadRatingList .ui-accordion-header-active { background: #007fff !important; } /*.flaggingDetail {margin: 0 0 0 0; padding-bottom: 1%; width: 100%;}*/ .flaggingDetail ul {margin-bottom: 0px;} .flaggingDetail li {padding: 0 0 4px 0; border-bottom: 0px solid #ddd;} .flaggingDetail li:last-child {border-bottom: none;} /*.flaggingDetail label {float: none; display: inline-block; margin: 0 1% 0 3%; width: 180px; font-size: .9em; font-weight: bold; vertical-align: top;}*/ .flaggingDetail label {padding:5px; border-radius:5px; background-color: #eee; display: inline-block; margin: 0 1% 0 0; width: 15%; font-size: .9em; font-weight: bold; vertical-align: middle;} .flaggingDetail label.attr {float: none; display: inline-block; margin: 0 1% 0 3%; font-size: .9em; font-weight: bold; vertical-align: middle;} .flaggingDetail label.attr-desc {width: 30px; } .flaggingDetail label.attr-feat-int-desc {width: 5%; } .flaggingDetail label.attr-num {width: 60px;} .flaggingDetail input[type="text"] {float: none; display: inline-block; width:70%; color: #555; font-size: .9em; font-weight: normal; font-style: italic; border: none; background-color: transparent;border-bottom: 1px solid #ddd; vertical-align: bottom;} .flaggingDetail input[type="text"].attr {float: none; display: inline-block; margin: 0 0 0 1%; height: 10px; color: #555; font-size: .9em; font-weight: normal; font-style: italic; border: none; background-color: transparent;} .flaggingDetail input[type="text"].attr-num {width: 10%;} .flaggingDetail input[type="text"].attr-desc {width: 30%;} .flaggingDetail input[type="text"].active {padding: 5px 0 5px 5px; font-style: normal; border: 1px solid #bbb;} .flaggingDetail textarea.attr {float: none; display: inline-block; margin: 0 0 0 0; width: 70%; font-size: .9em; font-weight: normal; color: #555; background-color: transparent; vertical-align: bottom;} .flaggingDetail input[type="file"] {float: none; display: inline-block; width:30%; color: #555; font-size: .9em; font-weight: normal; font-style: italic; border: none; background-color: transparent;border-bottom: 1px solid #ddd; vertical-align: bottom;} .flaggingDetail form {float: none; display: inline-block; width:70%; color: #555; font-size: .9em; font-weight: normal; font-style: italic; border: none; background-color: transparent;border-bottom: 1px solid #ddd; vertical-align: bottom;} .flaggingDetail button.attr {float: right; margin-right: 10px;} .flaggingDetail button.flagging-btn {display: none;} #tabFlagging button.flagging-btn {display: none;} .flaggingDetail select {margin-left: 0px;} /* css for timepicker */ .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; } .ui-timepicker-div dl dd { margin: 0 10px 10px 45%; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .ui-timepicker-rtl { direction: rtl; } .ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; } .ui-timepicker-rtl dl dt { float: right; clear: right; } .ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; } .assetContentEditBtn {position: absolute; top: 15px; right: 15px; display: block; width: 27px; height: 27px; cursor: pointer; background: transparent url(../images/ui-editIconBtn.png) no-repeat 0 0;} .assetContentSavePanel {position: fixed; top: 45%; right: -150px; padding: 20px 50px 20px 20px; border: 1px solid #999; border-radius: 6px; background-color: #ccc; box-shadow: 0 0 10px 1px rgba(0, 0, 0, .4);} .assetContentSavePanelBtns {padding: 8px 12px; display: block;} .assetContentSavePanelBtns:first-child {margin-bottom: 15px;} /* ---------------------- A D M I N P A G E -------------------------*/ #adminContent {margin-top: 80px; padding: 0 25px 15px 25px; min-height: 1000px;} .adminContentWrapper {margin: 15px 0; padding: 15px; border: 1px solid #bbb; border-radius: 6px; background-color: #fff;} #adminMapInfoBox, #adminFlagMapInfoBox,#adminDrainMapInfoBox, #adminListSettings, #adminFlagListSettings,#adminDrainListSettings, #adminAssetFilters, #adminFlagFilters,#adminDrainFilters, #adminInsDeckItems, #adminInsSuperItems, #adminInsSubItems, #adminInsWaterItems, #adminLookupTables {display: none;} #adminContent label {margin: 0 10px 5px 10px; display: block;} #adminContent select {margin-bottom: 15px; padding: 4px; display: block; border: 1px solid #999; border-radius: 6px; width: 175px;} #adminContent table {margin: 25px 10px 15px 10px; width: auto;} #adminContent input[type="button"], #adminContent input[type="submit"], #adminContent button, .button {margin: 1em 1em 1em 0; padding: 6px 12px; display: inline-block; font-size: .8em; color: #fff !important;} .flyoutTitle {margin: 1.5em 20px 1em 20px; font-size: 1.33em; font-weight: bold;} .adminNavList {margin: 20px;} .adminNavList li {display: inline-block; margin: 0 5px; padding: 15px; cursor: pointer; border: 1px solid #bbb; border-radius: 6px; background-color: #fff; background-image: linear-gradient(bottom, #ddd 0%, #fff 100%); background-image: -webkit-linear-gradient(bottom, #ddd 0%, #fff 100%);} .adminNavList li:hover {background-color: #dce6f2; background-image: none;} .adminNavList li p {margin: 0; text-align: center;} .adminUserContent label {display: inline !important;} .adminUserContent li {margin-bottom: 10px; padding: 6px;} .adminUserContent li:hover {background-color: #dce6f2;} .adminUserContent li form {display: inline;} .adminUserContent .ui-tabs .ui-tabs-panel { padding: 10px 10px 100px 10px; } .userAdminLink {color: #333;} .userAdminLink:hover {font-weight: bold;} .emailLink {float: right; margin: 3px 0 0 10px; width: 20px; height: 14px; text-indent: -9999em; background: transparent url(../images/emailIcon.png) no-repeat 0 0;} .userAdminActive {float: right; margin: 3px 0 0 10px;} .userAdminInactive {float: right; margin: 3px 0 0 10px;} .adminUserContent .editor-label, .adminUserContent .editor-field {display: inline;} /* --------------------------- A P P R O V A L P A G E ------------------------------*/ html.approveInspPage {overflow-y: scroll;} .inspectionWrapper {margin: 0 auto 0 auto; padding: 20px; width: 80%; max-width: 900px; border: 1px solid #bbb; border-radius: 6px; background-color: #fff; box-shadow: 0 0 10px 1px rgba(0, 0, 0, .2);} .inspectionWrapper h4, .inspectionContentWrapper h5 {padding: 6px; cursor: pointer; border-radius: 6px;} .inspectionWrapper h4:hover, .inspectionContentWrapper h5:hover {background-color: #dce6F2;} .inspectionWrapper h4:before, .inspectionContentWrapper h5:before, .inspectionContentWrapper li a:before {content: "\00bb \00a0 ";} .inspectionWrapper h4 + div {display: none; width: 99%; overflow: auto; border: 1px solid #bbb; border-radius: 6px;} .inspRatingItem {margin: 0; padding-top: 10px; position: relative; display: inline-block; width: 110px; height: 75px; text-align: center; vertical-align: top; font-size: .9em; line-height: 120%; border: 1px solid #bbb; border-radius: 6px; background-color: #fff; background-image: linear-gradient(bottom, #ddd 0%, #fff 100%); background-image: -webkit-linear-gradient(bottom, #ddd 0%, #fff 100%);} .inspRatingItem span {width: 100%; font-size: 2em; position: absolute; left: 0; bottom: 15px;} .approverComments {padding: 1%; width: 97.5%; height: 4em; font: 95%/1.3em Arial, Helvetica, sans-serif; color: #333; border: #aaa solid 2px; border-radius: 6px; outline: none; background-color: #fff;} .inspComments {padding: 15px; border-radius: 6px 6px 0 0; background-color: #444;} .inspComments h5 {color: #ddd;} .inspectionTabs {margin-bottom: 15px;} .InspTypeTabs {float: left; margin: 15px -131px 15px 0 !important; background-color: #fff !important;} .InspTypeTabs li a {padding: 4px 20px 4px 20px; display: block; position: relative; outline: none; color: #333; font-size: .95em;} .InspTypeTabs li.ui-state-active a span, .InspTypeTabs li.ui-state-hover a span {display: block; position: absolute; top: 0; right: -10px; width: 11px; height: 24px; background: transparent url(../images/ui-filterListItemArrow.png) no-repeat left top;} .InspTypeTabs li.ui-state-active, .InspTypeTabs li.ui-state-hover, .InspTypeTabs li.ui-state-focus {border: none; background: #2b496b url(../images/ui-filterListItemBG.png) repeat-x left top;} .InspTypeTabs li.ui-state-active a, .InspTypeTabs li.ui-state-hover a, .InspTypeTabs li.ui-state-focus a {color: #fff; text-shadow: 0px -1px 2px #222;} .inspectionContentWrapper {/*float: left;*/ margin: 0 30px auto 140px !important; padding: 20px 50px; min-height: 274px; background-color: #efefef;} .inspectionContentWrapper li a {margin-bottom: 1em; padding: 6px; display: block; border-radius: 6px; font-family: Georgia, Times New Roman, Times New Roman, Serif;} .inspectionContentWrapper li a:hover {background-color: #dce6F2;} .inspectPhotos li {float: left; margin-right: 12px;} .inspectPhotos li a:before {content: none;} .inspectPhotos li a {height: 110px; border: 3px solid #bbb;} .inspectPhotos img {height: 110px;} .inspContentItems {margin-bottom: 20px; padding: 0 20px 20px 20px; display: none; overflow: auto; border-bottom: 1px solid #999;} /* -------------- @ M E D I A -----------------*/ @media screen and (max-width: /*752px*/ 1008px) { }