/* (C) COPYRIGHT HELP/SYSTEMS, L.L.C. 2011 */
g body, #outline_panel body {
  background-color: transparent !important;
}

#outline_panel {
  background-color: #FFFFFF;
  position: absolute;
  overflow: hidden;
  z-index: 10;
  width: 200px;
  height: 140px;
  right: 20px;
  top: 36px;
  border: 3px solid #000000;
}

#graph_container {
  background-color: transparent;
  height: 100%;
}

#mainGraphPanel .x-panel-bwrap .x-panel-body {
    background-color: white;
}

.job-box:hover .arrow-img {
  display: block;
}

.arrow-img {
  display: none;
  cursor: pointer !important;
}

.post-date {
    font-weight:bold;
    color:#333;
}
.author {
    color:#333;
}
.grid-icon {
    background-image:url(../../images/mxgraph/grid.gif) !important;
}
.connect-icon {
    background-image:url(../../images/mxgraph/connect.gif) !important;
}
.bold-icon {
    background-image:url(../../images/mxgraph/bold.gif) !important;
}
.italic-icon {
    background-image:url(../../images/mxgraph/italic.gif) !important;
}
.underline-icon {
    background-image:url(../../images/mxgraph/underline.gif) !important;
}
.fit-icon {
    background-image:url(../../images/mxgraph/fit.gif) !important;
}
.collapse-icon {
    background-image:url(../../images/mxgraph/collapse.gif) !important;
}
.expand-icon {
    background-image:url(../../images/mxgraph/expand.gif) !important;
}
.gear-icon {
    background-image:url(../../images/mxgraph/gear.gif) !important;
}
.tree-icon {
    background-image:url(../../images/mxgraph/tree.gif) !important;
}
.diagram-icon {
    background-image:url(../../images/mxgraph/diagram.gif) !important;
}
.left-icon {
    background-image:url(../../images/mxgraph/left.gif) !important;
}
.right-icon {
    background-image:url(../../images/mxgraph/right.gif) !important;
}
.center-icon {
    background-image:url(../../images/mxgraph/center.gif) !important;
}
.top-icon {
    background-image:url(../../images/mxgraph/top.gif) !important;
}
.bottom-icon {
    background-image:url(../../images/mxgraph/bottom.gif) !important;
}
.middle-icon {
    background-image:url(../../images/mxgraph/middle.gif) !important;
}
.fillcolor-icon {
    background-image:url(../../images/mxgraph/fillcolor.gif) !important;
}
.linecolor-icon {
    background-image:url(../../images/mxgraph/linecolor.gif) !important;
}
.fontcolor-icon {
    background-image:url(../../images/mxgraph/fontcolor.gif) !important;
}
.collapse-icon {
    background-image:url(../../images/mxgraph/collapse.gif) !important;
}
.expand-icon {
    background-image:url(../../images/mxgraph/expand.gif) !important;
}
.up-icon {
    background-image:url(../../images/mxgraph/up.gif) !important;
}
.home-icon {
    background-image:url(../../images/mxgraph/house.gif) !important;
}
.down-icon {
    background-image:url(../../images/mxgraph/down.gif) !important;
}

/* Preview classes */

.preview .x-panel-body {
    background:#fff;
    color:#222;
    font:normal 12px tahoma,verdana,arial,sans-serif;
}

.preview .x-panel-body p {
    line-height:18px;
    margin:8px 0;
}

.preview .x-panel-body ul {
    margin-left:18px;
}

.preview .x-panel-body ul li {
    display:list-item;
    list-style-image:none !important;
    list-style-position:outside !important;
    list-style-type:disc !important;
    margin-left:18px;
}

.preview .x-panel-body pre, #preview .x-panel-body code {
    background:#f1f1f1;
    display:block;
}

.preview .x-panel-body h4.post-author {
    font-weight:normal;
    color:#555;
    font-size:11px;
}
.preview .x-panel-body span.post-date {
    font-weight:normal;
    color:#555;
    float:right;
    font-size:11px;
}
.preview .x-panel-body div.post-data {
    background:#f1f2f4;
    padding:5px;
    border-bottom:1px solid #dadadb;
}
.preview .x-panel-body div.post-body {
    padding:10px;
}

.reading-menu .x-menu-item-checked {
   border:1px dotted #a3bae9 !important;
    background:#DFE8F6;
	padding:0;
}

#suggested {
    border-top:0 none;
}
#suggested a {
    text-decoration:none;
    font-size:11px;
    color:#15428B;
    display:block;
    padding:3px;
    float:right;
    margin-right:4px;
}
#suggested a:hover {
    text-decoration:underline;
    color:#15428B;
}
#graph_keys_box img {
  margin-right: 10px;
  height: 16px;
  vertical-align: middle;
  background-repeat: no-repeat;
}

#graph_keys_box .section
{
    font-size: 12px;
    padding: 5px 10px 0px;
    overflow: auto;
}
#graph_keys_box .section-header
{
    border-bottom: 1px solid #235287;
    margin: 0 0 10px;
    overflow: auto;
}
#graph_keys_box .section-title
{
    color: #235287;
    float: left;
    font-family: "Lucida Sans Unicode","Lucida Grande","Lucida Sans","DejaVu Sans Condensed",Arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0 1px 10px;
}
#graph_keys_box .section-summary
{
    border: 1px solid white;
    clear: left;
    overflow: auto;
    padding: 5px 0 5px 20px;
}

#mainGraphPanel body
{
	background: none !important;
}

.one_graph_key
{
	float:left;
	width:300px;
	margin-top: 3px;
}
.object-shape-icon
{
    width:50px !important;
    height:20px !important;
    float:left;
    margin-right:10px;
    margin-bottom:3px;
}
.one_graph_desc
{
    margin-top: 3px;
}

.object-value-container {
    width: 150px;
    height: 100px;
    text-align: left;
}

.object-arrow {
    margin-left: 60px;
}

.object-value-container:hover  tr td .object-arrow {
    visibility: visible;
}

.object-value-container  tr td .object-arrow {
    visibility: hidden;
    cursor: pointer;
}

.mxClient-preview .object-value-container:hover  tr td .object-arrow {
    visibility: hidden;
    cursor: pointer;
}

.object-value-container {
  font-size: 10px;
  font-family: "Segoe UI", Arial, Helvetica, Tahoma, sans-serif;
}

.object-value-container tr .side {
	cursor: default;
	width: 18px;
}

.object-value-container tr .top,
.object-value-container tr .bottom {
	cursor: default;
	height: 18px;
}

.object-value-container tr .content {
    width: 150px;
}

.object-value-container tr .content > div {
    /*position:relative;*/
    height:75px;
    padding-left: 4px;
    padding-top: 6px;
    overflow: hidden;
    width: 140px;
}

.object-value-container .item-name {
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
}

.object-value-container .item-name > div {
    float: left;
    max-width: 130px;
    line-height: 10px;
    height: 12px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}

.object-value-container .item-description {
    font-size: 10px;
    padding-top: 1px;
}

.object-value-container .item-agent-name {
  font-size: 10px;
  padding-top: 1px;
  padding-right: 5px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}

.object-value-container .item-disabled {
	font-size: 10px;
	padding-top: 1px;
}

.object-value-container table {
	white-space: normal;
}

.object-value-container table.v2 {
	table-layout: fixed;
	width: 140px;
    height: 70px;
}

.object-value-container table .text-row {
	line-height: 10px;
}

.job-icon {
    background: url(../../images/mxgraph/obj_shapes/job_shape.png) no-repeat;
}

.job-monitor-icon {
    background: url(../../images/mxgraph/obj_shapes/job_monitor_shape.png) no-repeat;
}

.agent-event-monitor-icon {
    background: url(../../images/mxgraph/obj_shapes/agent_event_monitor_shape.png) no-repeat;
}

.snmp-trap-monitor-icon {
    background: url(../../images/mxgraph/obj_shapes/snmp_trap_monitor_shape.png) no-repeat;
}

.job-suite-shape-icon {
    background: url(../../images/mxgraph/obj_shapes/job_suite_shape.png) no-repeat;
}

.job-suite-icon {
    background: url(../../images/mxgraph/icons/job-suite-16.png) no-repeat;
}

.job-suite-monitor-shape-icon {
    background: url(../../images/mxgraph/obj_shapes/job_suite_monitor_shape.png) no-repeat;
}

.member-job-shape-icon {
    background: url(../../images/mxgraph/obj_shapes/member_job_shape.png) no-repeat;
}

.member-job-monitor-shape-icon {
    background: url(../../images/mxgraph/obj_shapes/member_job_monitor_shape.png) no-repeat;
}

.remote-event-icon {
    background: url(../../images/mxgraph/obj_shapes/remote_event_shape.png) no-repeat;
}

.remote-server-icon {
    background: url(../../images/mxgraph/obj_shapes/remote_server_shape.png) no-repeat;
}

.dep-arrow {
  background: url("../../images/mxgraph/arrow_down.png") no-repeat 0px 0px;
  width: 16px;
  height: 16px;
  overflow: hidden;
}

.prereq-arrow {
  background: url("../../images/mxgraph/arrow_down.png") no-repeat 0px 0px;
  width: 16px;
  height: 16px;
  overflow: hidden;
}

.icon-container {
	width: 130px;
	text-align: right;
	vertical-align: bottom;
	padding-bottom: 1px;
	padding-right: 5px;
}

.status-icons-container {
	width: 20px;
	vertical-align: bottom;
	padding-bottom: 1px;
}

.directory-icon {
  background: url("../../images/mxgraph/icons/directory-icon.png") no-repeat;
}

.manual-icon {
  background: url("../../images/mxgraph/icons/manual-icon.png") no-repeat;
}

.process-icon {
  background: url("../../images/mxgraph/icons/process-icon.png") no-repeat;
}

.file-icon {
  background: url("../../images/mxgraph/icons/file-icon.png") no-repeat;
}



.object-icon {
  width: 16px;
  height: 16px;
  margin-left:1px;
}

/* OS Icons */
.windows-icon {
  background-image: url(../../images/mxgraph/icons/windows-icon.png);
}

.ibmi-icon {
  background-image: url(../../images/mxgraph/icons/ibmi-icon.png);
}

.aix-icon {
  background-image: url(../../images/mxgraph/icons/aix-icon.png);
}

.hpux-icon {
  background-image: url(../../images/mxgraph/icons/hpux-icon.png);
}

.sunos-icon {
  background-image: url(../../images/mxgraph/icons/sunos-icon.png);
}

.linux-icon {
  background-image: url(../../images/mxgraph/icons/linux-icon.png);
}

.apple-icon {
  background-image: url(../../images/mxgraph/icons/apple-icon.png);
}

/* Remote Systems Icons */
.robot-schedule-icon {
     background-image: url(../../images/mxgraph/icons/robot-schedule-16.png);
 }

.automate-schedule-icon {
    background-image: url(../../images/mxgraph/icons/automate_16.png);
}


/* Object Icons */
.mixed-icon {
  background-image: url(../../images/mxgraph/icons/mixed-icon.png);
}

.utilization-icon {
  background-image: url(../../images/mxgraph/icons/agent_balanced.png);
}

.preferred-icon {
  background-image: url(../../images/mxgraph/icons/agent_priority.png);
}

.stale-icon {
  background-image: url(../../images/mxgraph/icons/stale-icon.png);
}

.hold-icon {
  background-image: url("../../images/mxgraph/icons/hold-icon.png");
}

.reactive-icon {
  background-image: url("../../images/mxgraph/icons/reactive-icon.png");
}

.monitor-icon {
  background-image: url("../../images/mxgraph/icons/monitor-icon.png");
}

/* File Menu */
.files-icon {
  background: url("../../images/silk-icons/sprites.png") no-repeat 0px -11034px;
  width: 16px;
  height: 16px;
  overflow: hidden;
}

.job-flow-edit-icon {
  background: url("../../images/silk-icons/silk-icon-v13-sprite-2.png") no-repeat 0px -6328px;
  width: 16px;
  height: 16px;
  overflow: hidden;
}

.save-icon {
  background: url("../../images/silk-icons/silk-icon-v13-sprite-1.png") no-repeat 0px -18816px;
  width: 16px;
  height: 16px;
  overflow: hidden;
}

.print-icon {
  background: url("../../images/silk-icons/silk-icon-v13-sprite-2.png") no-repeat 0px -12768px;
  width: 16px;
  height: 16px;
  overflow: hidden;
}

.press-icon {
  background: url("../../images/silk-icons/silk-companion1-sprite.png") no-repeat 0px -18256px;
  width: 16px;
  height: 16px;
  overflow: hidden;
}

.preview-icon {
  background: url("../../images/silk-icons/silk-icon-v13-sprite-2.png") no-repeat 0px -8960px;
  width: 16px;
  height: 16px;
  overflow: hidden;
}

.job-flow-close-icon {
  background: url("../../images/silk-icons/silk-icon-v13-sprite-1.png") no-repeat 0px -18984px;
  width: 16px;
  height: 16px;
  overflow: hidden;
}

/* Edit Menu */
.undo-icon {
  background-image: url(../../images/mxgraph/undo.gif);
}

.redo-icon {
  background-image: url(../../images/mxgraph/redo.gif);
}

.delete-icon {
  background-image: url("../../images/mxgraph/icons/delete-icon.png");
}

/* Insert Menu */
.job-flow-add-jobs-icon {
  background: url("../../images/silk-icons/silk-companion1-sprite.png") no-repeat 0px -20272px;
  width: 16px;
  height: 16px;
  overflow: hidden;
}

.job-flow-add-label-icon {
  background: url("../../images/silk-icons/silk-icon-v13-sprite-2.png") no-repeat 0px -9800px;
  width: 16px;
  height: 16px;
  overflow: hidden;
}

.job-flow-add-comment-icon {
  background: url("../../images/silk-icons/silk-icon-v13-sprite-1.png") no-repeat 0px -14056px;
  width: 16px;
  height: 16px;
  overflow: hidden;
}

.job-flow-add-container-icon {
  background: url("../../images/silk-icons/silk-icon-v13-sprite-2.png") no-repeat 0px -16912px;
  width: 16px;
  height: 16px;
  overflow: hidden;
}

.skipped-icon {
  background-image: url("../../images/mxgraph/icons/skipped.png");
}

/* Help Menu */
.x-btn-text-icon .x-btn-small .x-btn-text.job-flow-group-help-icon {
  background: url("../../images/silk-icons/silk-icon-v13-sprite-1.png") no-repeat 0px -27216px;
}

/* Zoom Menu */
.x-btn-text-icon .x-btn-icon-small-left .x-btn-text.zoom-icon, .zoomactual-icon {
  background: url("../../images/silk-icons/silk-icon-v13-sprite-2.png") no-repeat 0px -27832px;
  width: 16px;
  height: 16px;
  overflow: hidden;
  width: auto;
}

.zoomout-icon {
  background: url("../../images/silk-icons/silk-icon-v13-sprite-2.png") no-repeat 0px -27944px;
  width: 16px;
  height: 16px;
  overflow: hidden;
}

.zoomin-icon {
  background: url("../../images/silk-icons/silk-icon-v13-sprite-2.png") no-repeat 0px -27888px;
  width: 16px;
  height: 16px;
  overflow: hidden;
}

/* Preferences */
.x-btn-text-icon .x-btn-icon-small-left .x-btn-text.preferences-icon {
  background: url("../../images/silk-icons/silk-icon-v13-sprite-2.png") no-repeat 0px -27440px;
  width: 16px;
  height: 16px;
  overflow: hidden;
  width: auto;
}
/* Jobs connectors */
.blue-connector {
  background-image: url(../../images/mxgraph/blue-connector.png);
}

.red-connector  {
  background-image: url(../../images/mxgraph/red-connector.png);
}

.jfd-item {
    text-overflow: ellipsis;
}