/* --- Universal Styles --- */
html { overflow-y:scroll; }
body { background-color: #ffffff; margin: 0px; padding: 0px; }
table, form { padding: 0px; margin: 0px; border-collapse: collapse; }
table { empty-cells: show; }
td { padding: 0px; }
ul, ol { padding-left: 0px; padding-top: 0px; margin-top: 0px; padding-bottom: 0px; margin-bottom: 0px; }
img { border: none; }
.clear { clear:both; padding:0px; margin:0px;}
/* --- Type Styles --- */
body, td { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; line-height: 14px; color: #03121d; }
a.text_nav_item { font-size: 11px; line-height: 14px; color: #00263c; padding: 0px 5px; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: underline; }
#copyright { font-weight: bold; color: #ffffff; }
div#copyright .dark { color: #00263d; }
/* ---DIVs --- */
#outer { margin-left: auto; margin-right: auto; width: 998px; }
#border { border-left: 2px solid #00324d; border-right: 2px solid #00324d; background-color: #ffffff; }
#top { background: repeat url('/images/top_bkgd.gif'); border-bottom:#74a6c7 13px solid;}
#logo {float: right; margin-top:5px; margin-right:5px; width:212px; height:62px; background: url('/images/logo.gif') no-repeat;}
#text_nav { float: left; margin-top: 10px; padding-bottom:10px; padding-left: 3px; padding-right:20px; text-decoration: none; }
#text_nav a:hover { text-decoration: none; }
#text_nav a:active { text-decoration: none; }
#tabs { float: left; padding:0px; margin:0px; height:34px; }
/* top level */
ul.jd_menu { padding:0px; margin:0px; text-decoration: none; }
ul.jd_menu li { list-style-type: none; float: left; background: url('/images/tab_off_bkgd.gif') repeat-x; width: 122px; height: 25px; margin-left: 2px; text-align: center; padding-top: 9px; cursor: pointer; white-space: nowrap; }
ul.jd_menu li.first { background: url('/images/tab_off_first_bkgd.gif') repeat-x; }
ul.jd_menu li.selected { background: none; background-color: #74a6c7; }
ul.jd_menu li.selected a { color: #fff; }
ul.jd_menu li.first_selected { background: url('/images/tab_on_first_bkgd.gif') repeat-x; }
ul.jd_menu li.first_selected a { color: #fff; }
ul.jd_menu li a { color: #07263d; text-decoration: none; font-size: 12px; font-weight: bold;}
ul.jd_menu li a:hover { text-decoration: none; }
ul.jd_menu li a:active { text-decoration: none; }
ul.jd_menu li.jdm_hover,
ul.jd_menu li.jdm_active { }
/* -- Sub-Menus -- */
ul.jd_menu ul { height: auto; position: absolute; display: none; list-style-type: none; margin: 0px; padding: 0px; z-index: 10000; }
* html ul.jd_menu ul { width: 1%; }
ul.jd_menu ul li { text-align: left; float: none; margin: 0px; padding: 5px 5px; height: 14px; }
ul.jd_menu ul li a { color: #fff; }
ul.jd_menu li li { width: 165px; background: none; background-color: #afccdb; border-left: 1px solid #74a6c7; border-right: 1px solid #74a6c7; border-bottom: 1px solid #74a6c7; }
ul.jd_menu li ul { border-top: 1px solid #74a6c7; }
ul.jd_menu ul li.jdm_hover, ul.jd_menu ul li.jdm_active { background-color: #74a6c7; }
#breadcrumb { background-color: #e3edf2; margin:0px; padding:0px; border-bottom: #00324d 1px solid; font-weight:bold; }
#trail { margin:0px; padding: 7px; }
#alert { margin:0px; padding: 7px; display: none; }
div#alert div.messages { float: left; }
div#alert img.close { width:15px; height:15px; display:block; float: right;}
div#alert img.statusicon { width:15px; height:15px; margin-right: 5px; display:block; float: left;}
div#alert.red { background-color: #f0dbd8; }
.red { background-color: #f0dbd8; } /** For IE6 */
div#alert.red img.close { background: url('/images/close_red.gif') no-repeat; }
div#alert.red img.statusicon { background: url('/images/icons/exclamation.png') no-repeat; }
div#alert.yellow { background-color: #ffff99; }
.yellow { background-color: #ffff99; } /** For IE6 */
div#alert.yellow img.close { background: url('/images/close_yellow.gif') no-repeat; }
div#alert.yellow img.statusicon { background: url('/images/icons/error.png') no-repeat; }
div#alert.green { background-color: #cbe4c9; }
.green { background-color: #cbe4c9; } /** For IE6 */
div#alert.green img.close { background: url('/images/close_green.gif') no-repeat; }
div#alert.green img.statusicon { background: url('/images/icons/accept.png') no-repeat; }
#main_table { margin: 2px 2px 2px 2px;}
#copyright { background-color: #a3bfd2; text-align: center; padding-top: 13px;}
#bottom {height: 15px; background: url('/images/bottom.gif') no-repeat; }
/* --- Content --- */
#main_content {
width: 100%;
}
/* Hide the blue title banner immediately below the breadcrumb trail */
div.index h1, div.edit h1 { display: none; text-transform: capitalize; padding: 5px; padding-left:10px; height:20px; background: url('/images/table_corner.gif') no-repeat #bbc8dc; margin-top:4px; margin-bottom:0px; font-size: 14px; font-weight: bold; color: #00263d; }
div.context_header h2 { padding: 5px; padding-left:10px; height:20px; margin-top:4px; margin-bottom:0px; font-size: 18px; font-weight: bold; color: #00263d; }
div.index table { margin: 0px 0px 5px 0px; border: 1px solid #588BB0}
div.index thead th.enabled { text-align: center; width: 5%; }
div.index thead th.hasgeofence { text-align: center; width: 5%; }
div.index thead th.sorttable_nosort { cursor: default; }
div.index thead th.sorttable_nosort:hover { color: #fff; }
div.index thead, div.index tfoot, div.edit div.legend, div.legend { background: url('/images/col_headers_bkgd.gif') repeat-x bottom #74a6c7; }
div.index thead, div.index tfoot, div.edit div.legend_tall { background: url('/images/col_headers_bkgd.gif') repeat-x bottom #74a6c7; }
div.index thead th, div.index tfoot th { text-align:left; padding: 2px 7px; border-right: #bdd4e1 solid 1px; color: #ffffff; font-weight: bold; }
div.index thead th.last, div.index tfoot th.last { border-right: #fff none 0px; }
div.index thead th a, div.index tfoot th a { color: #ffffff; }
div.index tfoot th a:active { text-decoration: underline; }
div.index tfoot th a:hover { text-decoration: underline; }
div.index tbody td { padding-top: 1px; padding-bottom: 1px; padding-left:5px; padding-right:5px; border-top: 1px solid #BDD4E1; border-right: 1px solid #BDD4E1; }
div.index tbody tr.row_1 { background-color: #e3edf2; }
div.index tbody td.enabled { text-align: center; }
div.index tbody td.hasgeofence { text-align: center; }
div.index tfoot th span { color: #ccc; }
div.index tfoot th { text-align: center; }
/** Start Admin List */
table.adminlist thead th.actions { text-align: center; width: 8%; }
table.adminlist tbody td.actions { text-align: center; }
/** End Admin List */
div.edit div.legend, div.legend_tall { color: #fff; font-weight:bold; padding:3px; margin-bottom:5px;}
div.edit div.editformleftside { float:left; width: 50%; margin-right:5px; }
div.edit div.editformrightside { float:left; width: 48%; }
div.edit fieldset { padding-bottom:2px; margin:0px; margin-bottom:10px; }
div#list-legend { padding: 5px; padding-right: 105px; color: #333; text-align: right;}
div.contextMenu { display:none; background:#fff; border:1px solid #000; padding:3px;}
/* -- Status -- */
div.statustype-1, td.statustype_1 { background-color: #52A429; color: #fff; } /* or old was dff0de */
div.statustype-1 a, td.statustype_1 a {color:#fff;}
div.statustype-1 a:visited, td.statustype_1 a:visited {color:#fff;}
div.statustype-1 a:hover, td.statustype_1 a:hover {text-decoration:underline; color:#fff;}
div.statustype-1 a:hover{text-decoration:none;}
div.statustype-2, td.statustype_2 { background-color: #FFCC33; color: #000; }
div.statustype-2 a, td.statustype_2 a {color:#000;}
div.statustype-2 a:visited, td.statustype_2 a:visited {color:#000;}
td.statustype_2 a:hover {text-decoration:underline; color:#000;}
div.statustype-2 a:hover{text-decoration:none;}
div.statustype-3, td.statustype_3 { background-color: #CD0000; color: #fff; }
div.statustype-3 a, td.statustype_3 a {color:#fff;}
div.statustype-3 a:visited, td.statustype_3 a:visited {color:#fff;}
div.statustype-3 a:hover, td.statustype_3 a:hover {text-decoration:underline; color:#fff;}
div.statustype-3 a:hover{text-decoration:none;}
li div.statustype-1, li.statustype-1 { background-color: #FFF; color: #000;}
li div.statustype-2, li.statustype-2 { background-color: #FFFF99; color: #000;}
li div.statustype-3, li.statustype-3 { background-color: #FFB3B3; color: #000;}
/* --- Module Specific --- */
/* -- Start Map Toolbar Links -- */
div.toolbar a:link { color:#4C6298; text-decoration: none; }
div.toolbar a:visited { color:#4C6298; text-decoration: none; }
div.toolbar a:active{ color:#000; }
div.toolbar a:hover { color:#000; }
/* -- End Map Toolbar Links -- */
/* -- Start Home -- */
/* Toolbar Links */
div.right div.toolbar { width:720px; height:16px; margin-left:5px; padding: 5px; background-color: #f0f0f0; text-align: right;}
/* Right */
#homepagecontent div.right { float:right; }
#homepagecontent div.minimapwindow { float:left;width:740px; margin-bottom:5px; margin-top:5px; }
/* Status Tree */
div#lefttree ul.statusTree { list-style:none;}
div#lefttree ul.statusTree li { list-style:none;}
div#lefttree ul.statusTree li a { text-decoration: none; }
div#lefttree ul.statusTree li span.title { text-decoration: none; }
div#lefttree ul.statusTree li div.address { padding-left:35px; font-size:xx-small; }
div#lefttree ul.statusTree li.header { font-weight: bold; color:#fff; padding-left:16px; margin-bottom: 2px; background: url('/images/col_headers_bkgd.gif') repeat-x bottom #74a6c7; padding-top:2px; padding-bottom:2px;}
div#lefttree div.treelabel { font-size: 130%; font-weight:bold; padding-bottom:5px; padding-left:2px;}
.tree .tree-guardian li.header1 {
background: url('/images/col_headers_bkgd.gif') repeat-x bottom #74a6c7;
color: #fff;
font-size: 11px;
font-weight:bold;
margin-bottom:1px;
padding: 0 0 0 10px;
}
/* -- End Home -- */
/* -- Start Dynamic Map -- */
div.dynamicmap div.toolbar { height:16px; padding: 5px; background-color: #f0f0f0; text-align: right; }
/* -- End Dynamic Map -- */
/* -- Start Reports -- */
/* Audit Trail Reports */
div.index table.report { font-size: 1.0em; }
div.index table.report tbody tr.row_1 td { font-size: 1.2em; }
div.index table.report tbody tr div.report { font-size: 1.0em; margin-left: 5px; margin-right: 5px; margin-bottom: 5px; }
div.index table.report tbody tr div.report div.entry { font-size: 0.9em; padding-bottom: 1px; }
div.index table.report tbody tr div.report div.entry div.create { background-color: #F5F8FA; border-bottom: 4px double #CCC; padding-bottom: 3px; }
div.index table.report tbody tr div.report div.entry div.create div.atvalue { float: left; }
div.index table.report tbody tr div.report div.entry div.create div.bytitle { float: left; width: 20px; }
div.index table.report tbody tr div.report div.entry div.create div.byvalue { float: left; width: 175px; font-weight: bold; }
div.index table.report tbody tr div.report div.entry div.create div.title { float: left; padding-left: 50px; }
div.index table.report tbody tr div.report div.entry div.create div.parameters { margin-left: 10px; margin-top: 5px; }
div.index table.report tbody tr div.report div.entry div.create div.parameter { width: 33%; float: left; }
div.index table.report tbody tr div.report div.entry div.create div.parameter div.field { width: 45%; float: left; text-align: right; }
div.index table.report tbody tr div.report div.entry div.create div.parameter div.value { width: 55%; float: left; }
div.index table.report tbody tr div.report div.entry div.delete { }
div.index table.report tbody tr div.report div.entry div.delete div.atvalue { float: left; }
div.index table.report tbody tr div.report div.entry div.delete div.bytitle { float: left; width: 20px; }
div.index table.report tbody tr div.report div.entry div.delete div.byvalue { float: left; width: 175px; font-weight: bold; }
div.index table.report tbody tr div.report div.entry div.delete div.title { float: left; padding-left: 50px; }
div.index table.report tbody tr div.report div.entry div.delete .br { border-top: 1px solid #CCC; }
div.index table.report tbody tr div.report div.entry div.change { }
div.index table.report tbody tr div.report div.br { border-top: 1px solid #CCC; }
div.index table.report tbody tr div.report div.entry div.change div.atvalue { float: left; }
div.index table.report tbody tr div.report div.entry div.change div.bytitle { float: left; width: 20px; }
div.index table.report tbody tr div.report div.entry div.change div.byvalue { float: left; width: 175px; font-weight: bold; }
div.index table.report tbody tr div.report div.entry div.change div.title { float: left; padding-left: 50px; }
div.index table.report tbody tr div.report div.entry div.change .fieldname { font-weight: bold; }
div.index table.report tbody tr div.report div.entry div.change .tovalue { font-weight: bold; }
div.index table.report tbody tr div.report div.entry div.change .fromvalue { }
div.index table.report tbody tr div.report div.entry div.change .totitle { }
div.index table.report tbody tr div.report div.entry div.change .fromtitle { }
/* Printer Friendly Reports */
div.edit div.editprinterfriendly { display: none; }
div.editprinterfriendly { display: none; }
div.edit div.criteriaprinterfriendly { display: none; }
/* -- End Reports -- */
/* -- Start Locations/Landmarks -- */
fieldset#landmarkCoordinates { display: none; }
fieldset#landmarkAddressInformation { display: none; }
fieldset#landmarkMap { display: none; }
fieldset#landmarkGeofence { display: none; }
fieldset#geoentities a:link { text-decoration: none; color: #000; }
fieldset#geoentities a:visited { text-decoration: none; color: #000; }
fieldset#geoentities a:hover { text-decoration: none; }
fieldset#geoentities a:active { text-decoration: none; }
fieldset#alertWizard a:link { text-decoration: none; }
fieldset#alertWizard a:visited { text-decoration: none; color: #000; }
fieldset#alertWizard a:hover { text-decoration: none; }
fieldset#alertWizard a:active { text-decoration: none; }
/* -- End Locations/Landmarks -- */
/* -- Start Custom Icon List icon gallery -- */
div#icon_gallery { height: 45px; width: 684px; overflow-x: auto; overflow-y: auto; }
table#customiconlist { border-collapse: separate; }
/* -- End Custom Icon List icon gallery -- */
/* -- Start Monitoring Device Config - define table layouts -- */
div#metricsconfig th.inputname { width: 55px;}
div#metricsconfig th.enabled { width: 70px;}
div#metricsconfig th.metric { width: 235px;}
div#metricsconfig th.alarmon { width: 70px;}
div#metricsconfig th.alarmthreshold { width: 80px;}
div#metricsconfig th.alarmlow, .alarmhigh { width: 45px;}
/* -- End Monitoring Device Config -- */
/* -- Start Filter Criteria -- */
/* Reports */
#filtercriteria_device, #filtercriteria_device_or_account { width: 60%;}
div.edit div.criteria div.editformleftside { float:left; width: 50%; margin-right:5px; }
div.edit div.criteria div.column1 { float: left; width: 49%; }
div.edit div.criteria div.column2 { float: left; width: 49%; margin-left: 10px; }
div.edit div.criteria div.columnf { float: left; width: 99%; }
/* List */
/* -- End Filter Criteria -- */
/* -- Buttons Toolbar -- */
div#toolbar-container
{
border: 1px solid #f0f0f0;
padding:5px;
padding-bottom:3px;
padding-right:0px;
}
div#toolbar-container div.text
{
padding: 6px;
float:left;
}
div#toolbar-container div.text span.title
{
font-size: 16px;
font-weight: bold;
}
/* -- Site news Styles -- */
#SiteNews { margin-left:20px; text-align:left; float:left; width:45%; vertical-align:top;}
#SiteNews h2 { color:#fff; font-size:110%; font-weight:bold; margin:0 0 5px; padding:2px 5px; background: url('/images/col_headers_bkgd.gif') repeat-x bottom #74a6c7; }
#newsEntries { padding:0 5px; }
.newsEntry { margin-bottom:15px; padding-bottom:5px; }
.newsTitle { float:left; font-weight:bold; }
.newsPublishedDate { float:right; font-size:x-small; padding-bottom:2px; text-align:right; }
.newsBody { border-bottom:3px double #CCCCCC; border-top:1px solid #CCCCCC; margin-left:20px; padding-bottom:5px; padding-top:2px; }
/* -- Client Login Screen Content styles -- */
div#login.index div#ClientLoginContent
{
margin:5px;
}
div#login.index div#ClientLoginContent table { margin: 0px; border: 0px none #000}
div#login.index div#ClientLoginContent tbody td { padding:0px; border: 0px none #000; }
select#unassociated_monitoringdevicetype_metrics, select#associated_monitoringdevicetype_metrics
{
width:250px;
}
div#loadtemplate div.legend { color: #fff; font-weight:bold; padding:3px; margin-bottom:5px;}
div#savetemplate div.legend { color: #fff; font-weight:bold; padding:3px; margin-bottom:5px;}
ul.templateList li.row_1 { background-color: #e3edf2; }
ul.templateList div.templateName { font-weight: bold }
ul.templateList div.templateCreator { font-weight: bold; font-size: 10px }