/*
//
//  Nagios Core Config Manager
//  Copyright (c) 2010-2014 Nagios Enterpries, LLC
//
//  File: style.css
//  Desc: Defines all the various styles for the CCM. This stylesheet is for Naigos XI integrated
//        CCM only whereas the style_core.css is for the standalone CCM.
//
*/

.monospace-textarea { font-family: Consolas, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Ciurier New, monospace; font-size: 12px; line-height: 14px; padding: 6px; }
.clear { clear: both; }
body.child { padding: 5px 15px 15px 15px; margin: 5px; }
body div#contentWrapper { font-size: 8pt; font-family: verdana, arial; }
div#contentWrapper a { text-decoration: none; color: #4D89F9; }
div#contentWrapper a img { border: none; }
div#contentWrapper h1 { font-size: 16pt; font-weight: bold; margin: 5px 0; }
div#contentWrapper h2 { font-size: 13pt; font-weight: bold; margin: 5px 0; }
div#contentWrapper p { margin: 5px 0; }
div#contentWrapper label { color: #666; }
div#contentWrapper .even { background: #EAEAEA; }
div#contentWrapper .odd { background: #DEDEDE; }
div#contentWrapper .success { background-color: #CFEBF7; border: 1px solid #2580B2; padding: 1em;}
div#contentWrapper .error { background-color: #FF9999; border: 1px solid #CC6699; padding: 1em;}
div#contentWrapper .invisible { display:none; }
div#contentWrapper a.unfinished:link, a.unfinished:visited { color:#666; }
div#contentWrapper input.ccmbutton, .ccmButton, .linkBox, .wideLinkBox { padding: 5px 10px; height: auto; font-size: 11px; display: inline-block; font-family: verdana, arial; line-height: inherit; background-color: #F5F5F5; color: #4D89F9; border-radius: 5px 5px 5px 5px; border: 1px solid #AAA; box-shadow: 1px 1px 2px #CCC; }
div#contentWrapper .linkBox, .wideLinkBox { display: block; text-align: center; width: 150px; }
div#contentWrapper .wideLinkBox, .wideCcmButton { width: 200px; }
div#contentWrapper .ccmButton:hover, .ccmbutton:hover { cursor: pointer; }
div#contentWrapper input[type="button"], div#contentWrapper input[type="submit"], div#contentWrapper a.ccmButton { padding: 5px 10px; height: auto; font-size: 11px; display: inline-block; font-family: verdana, arial; line-height: inherit; }
div#contentWrapper input[type="button"]:hover, div#contentWrapper input[type="submit"]:hover, div#contentWrapper a.ccmButton:hover { background-color: #EEE; }
div#contentWrapper input[type="text"] { padding: 2px; }
div#contentWrapper select { padding: 3px; height: auto; display: inline-block; vertical-align: top; }

div#ccmtablewrapper img { vertical-align: text-bottom; padding-bottom: 2px; }
div#ccmtablewrapper input, label { vertical-align: middle; }

#formContainer h3 { margin-top: 0; }
#formContainer .linkBox, #formContainer .wideLinkBox { padding: 4px 8px; display: inline-block; line-height: 14px; }
#formContainer .linkBox:hover, #formContainer .wideLinkBox:hover { background-color: #EEE; text-decoration: none; }
#mainCcmForm { margin: 10px; }

#returnContent.hidden { display: none; }

table.ccmtable { width: 100%; box-shadow: 1px 1px 2px #CCC; }
.ccmtable th, .ccmtable td { text-align: center; }
.sortname, .sortdesc, .sortactive, .sortsync, .sortid { cursor: pointer; }
table.ccmtable .tbl-checkbox { width: 24px; }
table.ccmtable .tbl-id { width: 60px; }
table.ccmtable .tbl-sync { width: 110px; }
table.ccmtable .tbl-checkbox input[type="checkbox"] { margin: 0; }
table.ccmtable .tbl-active { width: 60px; }
table.ccmtable .tbl-time { width: 140px; }
table.ccmtable .tbl-ip { width: 100px; }
table.ccmtable tr:nth-child(odd):hover, table.ccmtable tr:nth-child(even):hover { background-color: #E8E8E8; }
table.ccmtable tr:nth-child(odd) { background-color: #FFF; }
table.ccmtable tr:nth-child(even) { background-color: #F3F3F3; }
table.ccmtable .tbl-actions { width: 120px; }
table.ccmtable .tbl-actions .action { margin: 0 2px; cursor: pointer; }
table.ccmtable td.not-active { background-color: #EF8383; }
table.ccmtable td.not-active a { color: #FFF !important; }

#mainNavMenu { width: 120px; float: left; margin-top: 10px; }
a.navMenuItemCore { border: 1px solid #999; background: #EFEFEF; width: 130px; display: block; margin: 1px 1px 2px 1px; padding: 1px 1px 1px 5px; }
a.navMenuItemCore:link, a.navMenuItemCore:visited { }
a.navMenuItemCore:hover, a.navMenuItemCore:active { color: #666; }

#ccmtablewrapper { clear: both; }
div#contentWrapper h1#objectHeader { margin-bottom: 10px; } 

.floatLeft {float: left; }
.addpadding { padding: 3px; } 

#returnContent { width: 500px; margin-left: auto; margin-right: auto; clear: right; text-align: center; margin-bottom: 10px; }

.h3_dbRelations { margin: 2px; padding: 1px; }
.dependent { color: red; font-weight: bold; }
#closeReturn { text-align: right;}
#closeReturnLink{ font-weight: bold; color: #4D89F9; }

/* ccm_table top elements, search bar, check all, config filter */ 
#tableTopper { height: 27px; margin-bottom: 12px; vertical-align: bottom; }
div#searchBox { float: left; margin-right: 50px; }
#config_filter_box { float: left; line-height: 24px; margin: 0px; }
#singleSyncDiv { float: right; line-height: 26px; font-size: 12px; }

/* ccm_table bottom elements */ 
#tableControlsBottom { height: 27px; margin: 15px 0 0 0; }
#addApplyButtons { float: left; margin-right: 50px; }
#addApplyButtons input { height: 25px; margin: 0; padding: 2px; }
#withCheckedDiv { float: left; margin-right: 50px; }
#pageLimitDiv { float: right; line-height: 24px; margin-left: 25px; }
#resultCounter { float: left; line-height: 26px; margin-right: 50px; }
#innerPageJumpDiv { float: right; line-height: 24px; margin-left: 25px; }

/* page numbers */ 
#pagenumbersDiv { float: right; width: 500px; margin-bottom: 5px; }
#innerPageNumbersDiv { float: right; margin-left: 25px; }
.pagenumbers, div#contentWrapper div.pagenumbers { display: inline-block; border: 1px solid #CACACA; padding: 4px 6px; margin: 0px 2px; text-align: center; }
.pagenumbers_title { display: inline-block; color: #666; }
.pagenav-ends { margin: 3px 6px; font-size: 12px; }

/* login info */ 
#loginDiv { clear: both; margin: 100px auto; width: 250px; }
#loginMsgDiv { padding-right: 10px; float: right; text-align: right; }

.deselect, .note { color: #AAA; cursor: default; }
#writeConfigDiv { width: 140px; margin-right: 30px; }
#applyConfigOutput { max-width: 600px; }
.ac_button { width: 100px; margin-bottom: 5px; }
.urgent, a.urgent:link, a.urgent:visited { color: red; }

/* ******************FORM STYLES ****************************** */

#mainWrapper { margin: 0px auto; width: 800px; }
#tab1, #tab2, #tab3, #tab4 { display: none; padding: 10px; }
#formContainer { border: 1px solid #AAA; border-radius: 5px; margin: 0px; box-shadow: 1px 1px 2px #CCC; }
#helpOptions { float: right; padding: 0; }
#returnUrlDiv { width: 400px; }

/* Main form layout divs */
.leftBox { float: left; width: 380px; }
.rightBox { float: left; width: 370px; }

/* Output for selected items */ 
table.outputTable { min-width: 400px; }
div.outputTableData { width: 325px; overflow: hidden; text-align: center; letter-spacing: -1px; word-wrap: break-word; }
div.remove { width: 75px; }
div.bottomButtons {padding: 10px; }
table.outputTable { margin: 3px; border: 1px dotted #DEDEDE; width: 200px; }
table.outputTable th { background: #EDEDED; }
table.outputTable tr,table.outputTable td { margin: 0px; padding: 0px; text-align: center; } 
.ccm-label { margin: 0; padding: 0; font-size: 8pt; color: #666; font-style: italic; }
tr.trOption td{ padding: 1px; border: 1px dotted #EAEAEA; }

/* HIDDEN OVERLAYS */ 
div.overlay { visibility: hidden; top: 15%; margin-left: auto; margin-right: auto; width: 725px; height: 0px; overflow: auto; }
#tblVariables { width: 95%; }

/* Divs for overlay boxes */ 
.left { float: left; width: 300px; }
.right { float: left; width: 300px; }
.closeOverlay { clear: both; width: 50px; }
div.thMember { width: 325px; }
div.thRemove { width: 75px; }
div.bottomBox, div.tplOptions { margin: 10px 0; clear: both; }
select.lists { height: 185px; margin-bottom: 5px; }
div.listDiv { width: 275px; overflow: auto; }
div.listDiv select { min-width: 250px; max-width: 275px; }
select.lists option { font-size: 8pt; font-family: verdana, arial; letter-spacing: -1px; }
.padd { height: .4em; }
.navDiv { height:32px; }
.navList { clear: right; margin-left: 10px; }

/* Tabular display */
.navListItem { float: left; display: block; margin: 1px 3px 0px 1px; border: 1px solid #AAA; padding: 5px 10px; background: #EDEDED; border-top-right-radius: 5px; border-top-left-radius: 5px; }
.selectedTab { border-bottom: #FFF; background: #FFF; padding-bottom: 6px; z-index: 1000;  }
.hiddenDependency:before { content: "=> "; }

#timeperiod-box { padding: 20px 40px; }
#timeperiod-box table { width: 100%; }

/* Text fields */
.tf_wide { width: 250px; }
#command_output { overflow:auto; }
#command_test_box { margin-top: 10px; }
a.inactive:link, a.inactive:visited, .disabled { color: #666; }

.xBox { margin-top: 2px; width: 16px; height: 16px; display: inline-block; background: url('../images/cross.png') center center no-repeat; }

/* Bulk modification tool styles */
#saveButton { display: none; }
.bulk_wizard { height: 180px; width: 250px; float: left; }
#bulk_stage1 input { margin-bottom: 3px; }

/* ***************** standardtable classes from Nagios XI ********** */

table.standardtable { font-family: arial; background-color: #BFBFBF; border-spacing: 1px; font-size: 9pt; text-align: left; }
table.standardtable thead tr th, table.standardtable tfoot tr th { background-color: #D3D3D3; font-size: 10pt; padding: 2px 4px; }
table.standardtable tbody td { color: #3D3D3D; padding: 2px 4px; }
table.standardtable tbody td { background-color: transparent; }

/* Hovered table header */
table.standardtable thead th a { text-decoration: none; color: #000; }

/* Alert table row */
table.standardtable tbody tr.alert td { background-color: #EF8383; color: #FFF; text-shadow: none; }

p { margin: 10px 0; }
select option:disabled { color: #BBB; }

/* Re-order button styles */
.order-buttons { display: inline-block; margin: 3px 10px 0 0; width: 32px; vertical-align: middle; }
.order-buttons .move { width: 16px; height: 16px; cursor: pointer; display: inline-block; }
.order-buttons .move.up { background: url('../images/move_up.png') center center no-repeat; }
.order-buttons .move.down { background: url('../images/move_down.png') center center no-repeat; }

div.remove { display: inline-block; width: auto; vertical-align: middle; }
td.name_left_align, th.name_left_align { text-align: left; }
.content-row { margin-bottom: 5px; }
.action-icons img { cursor: pointer; }

.save-required-text { padding-top: 10px; }
span.req { color: #F00000; }

.ccm-row { padding-bottom: 5px; }
.ccm-row > label { display: block; }
.ccm-row pre { margin: 0 0 5px 0; }
.ccm-row.spacer { margin-bottom: 20px; }
.ccm-row.oneline { line-height: 20px; }
.ccm-row.oneline label, .ccm-row div label { display: inline-block; padding-right: 5px; vertical-align: middle; }
.ccm-row.oneline input[type="checkbox"], .ccm-row.oneline input[type="radio"], .ccm-row div input[type="checkbox"], .ccm-row div input[type="radio"] { vertical-align: middle; }
.ccm-row .subtext { margin-top: 3px; margin-bottom: 5px; color: #888; }

.tooltip-info { font-size: 14px; vertical-align: middle; cursor: help; color: #555; }
.ccm-tooltip { max-width: 400px; box-shadow: none; background: #000; opacity: 0.80; color: #FFF; padding: 8px 10px; }
#pluginhelp { margin-top: 5px; }