@media screen {
	html {
		background-color: #dddddd;
		padding: 0;
		margin: 0;
	}
	body {
		font-size: 9pt;
		/* font-family: "Lucida Grande",Verdana,Arial,sans-serif; */
		font: 12px/20px Arial, Tahoma, sans-serif;
		overflow: scroll;
		/* 	visible | hidden | scroll | auto | inherit */

		min-width: 980px;
		/* background-color: #f4f4f4; */
		background-color: white;
		/* background-color: #dddddd; */
		/* background-image: url("/cust/img/bg.png"); */
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-position: 50% 0pt;
		border: 0;
		padding: 0;
		margin: 0;
	}
	table {
		margin: 0;
	}
}

.red_node {
	color:red;
}

.green_node {
	color:green;
}

@media print {
	body {
		font-size: 11pt;
	}
}

.banner, .banner td, .banner th {
	padding: 0;
	border: 0;
}

#banner2 {
	border: black solid 1px;
	border-right: black groove 2px;
	border-bottom: black groove 2px;
}

#logo {
	margin: 1em 0 1em 10px;
}

/* A series of settings to make the banner background colour signal both
/* server mode (development/production) and database host settings. */

/* First, a red background as default.  We'll override this for known
/* combinations of server mode and database host later. */
.banner .production, .banner .test, .banner .development {
	background-color: #FFF;
}


.topmenu {
	color: white;
	background-color: #333;
	vertical-align: bottom;
	height: auto;
	margin: 0;
	padding: 0;
	border: 0;
}

.topmenu ul {
	padding: 0;
	margin: 0;
	border: 0;
}

.topmenu ul li {
	display: block;
	float: left;
	margin: 0;
	border-left : 1px solid #474747;
	border-right: 1px solid #161616;
}

.topmenu ul li:first-child {
    border-left: none; margin-left: 1.6em;
    padding-top: 0;
}
.topmenu ul li:last-child {
    border-right: none; margin-right: 1.6em;
}
.topmenu ul li:hover {
	background-color: #33c;
}

.topmenu.right ul { float: right; }

.topmenu ul li a {
	padding: 0.5em 0.8em;
	color: white;
	text-decoration: none;
	line-height: 2.2em;
}

/*  */
#banner {
	width: 960px;
	text-align: left;
}
.accountmenu {
	vertical-align: top;
	height: auto;
	margin: 0;
	padding: 0;
	border: 0;
	float: right;
}

.accountmenu ul {
	padding: 0;
	margin: 1.3em 0 0 0;
	border: 0;
}

.accountmenu ul li {
	display: block;
	padding: 0.5em 1.4em;
	float: left;
	margin: 0;
	background-color: transparent;
	background-image: url("../img/bg-top-menu.gif");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0pt 50%;
}
.accountmenu ul li:first-child {
	background-image: url("../img/ico-myaccount.gif");
	padding-left: 12px;
}

.accountmenu ul li a {
	color: black;
	text-decoration: none;
}
.accountmenu ul li a:hover {
	text-decoration: underline;
}
/*  */

.margin {
	width: 1.5em;
}

.center {
	max-width: 70em;
	margin-right: auto;
	margin-left: auto;
}

.breadcrumbs, .breadcrumbs :link, .breadcrumbs :visited {
	color: #111;
	background-color: #EEE;
	font-family: verdana, arial;
	font-size: .8em;
	border-bottom: 1px inset gray;
}

h1	{
	margin-bottom: 1em;
}

a:link, a:visited {
	color: #003a8c;
	text-decoration: none;
}

#container {
}

#content {
	margin: 0;
}

.content-pane {
	background-color: rgba(192,192,192,0.1);
	margin: 0;
	padding: 0 1em 1em 1em;
}

#item-column {
	border-right: gray solid 1px;
}

#item-list {
	padding: 1.2em 0.2em 0 0;
}

table #graphs {
	width: 100%;
}

td.graph {
	width: 25%;
}

#footer-background {
	margin: 0;
	padding-bottom: 20px;
	font-family: Arial,Tahoma,san-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;
	font-size-adjust: none;
	font-stretch: normal;
	color: #333333;
	background-color: #dddddd;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
}

/* @import url("/cust/css/footer.css"); */

/* ---------- */
/*footer*/
#footer{
	clear: inherit;
	padding: 0;
	min-width:980px;
	overflow:hidden;
	color:#666;
	/*width:100%;*/
	background:url("../img/bg-footer.gif") repeat-x 0 0; 
}

#footer div.container{
	width:960px;
	padding: 0 10px;
	margin:0 auto;
	overflow:hidden;
}
#footer a#logo{
	width:129px;
	margin:60px 0 0 10px;
	height:82px;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	background:url("../img/netnod-footer-2018.png") no-repeat 0 0; 
}
#footer div.footer-block{
	width:900px;
	float:left;
	display:inline;
	background:url("../img/bg-footer-block.gif") repeat-y 210px 0; 
	margin:26px -150px 0 10px;
}
#footer div.block{
	float:left;
	width:220px;
	padding: 0 0 0 20px;
}
#footer div#block-block-2,
#footer div.general{
	padding-right:80px;
}
#footer .block-region{
	float:none;
	clear:left;
}
#footer p{
	margin:0;
	line-height:18px;
	padding-bottom:5px;
}
#footer div.more{
	line-height:24px;
}
#footer a{
	color:#666;
	text-decoration: underline;
}
#footer p span{
	border-bottom:1px dotted #666;
}
/* ---------- */

#revision {
	font-family: verdana, helvetica;
	font-size: 0.5em;
	color: #ccc;
}
#revision a:link, #revision a:visited {
	color: #88F;
}



.wiki pre {
	margin-left: 2em;
	background-color: #ddd;
	font-size: 75%;
}

th, td {
	border: 0;
}

hr {
	background-color: #888;
}

tr.submit-row td {
	text-align: right;
}

.object-actions {
	margin-bottom: 0.5em;
}

/* IX chains */

.ix-chain {
	padding: 3em;
}

.ix-chain a.chain-entry {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	color: #000;
	margin-bottom: 5em;
}

.ix-chain .chain-entry .box-symbol {
	fill: #eee;
	stroke: #999;
}

.ix-chain .chain-entry.reversed .box-symbol {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}

.ix-chain .chain-entry:hover .box-symbol {
	fill: #ccc;
}

.ix-chain .chain-entry.router:hover .box-symbol { /* easter egg */
	transition: transform 2s ease-in-out 7s;
	transform: rotate(180deg);
}

.ix-chain .chain-entry .box-symbol .arrow {
	fill: #fff;
	stroke: #aaa;
}

.ix-chain .chain-entry:hover .box-symbol .arrow {
	fill: #ddd;
	stroke: #aaa;
}

.ix-chain .chain-entry.box {
	height: 100px;
	z-index: 1; /* make sure we can overlap port lines */
}

.ix-chain .chain-entry.box .name {
	position: absolute;
	top: 100px;
	left: 50%;
	width: 14em;
	margin-left: -7em;
}

.ix-chain .chain-entry.port {
	border: 1px solid #999;
	padding: 0.1em 0.4em;
	min-width: 0.5em;
	min-height: 0.5em;
}

.ix-chain .chain-entry.port:hover, .chain-entry.cable:hover {
	color: #333;
	background-color: #ccc;
}

.ix-chain .chain-entry.port.incoming {
	border-right: none;
	padding-right: 23px; /* stick into box symbol */
	margin-right: -20px;
}

.ix-chain .chain-entry.port.outgoing {
	border-left: none;
	padding-left: 23px; /* stick into box symbol */
	margin-left: -20px;
}

.ix-chain .chain-entry.port.warning {
	border-color: #f00 !important;
	background-color: #fdd;
}

.ix-chain .chain-entry.cable {
	width: 8.7em;
	height: 0.25em;
	background-color: #999;
	border-top: 0.5em solid #fff;
	border-bottom: 0.5em solid #fff;
}

.ix-chain .chain-entry.cable:hover {
	background-color: #666;
}

.ix-chain .chain-entry.cable.down {
	background-color: transparent;
	background-image: linear-gradient(90deg, #a00 70%, transparent 70%);
	background-size: 1em 0.25em;
	background-repeat: repeat-x;
}

.ix-chain .chain-entry.cable.down:hover {
	background-color: transparent;
	background-image: linear-gradient(90deg, #944 70%, transparent 70%);
	background-size: 1em 0.25em;
}

.ix-chain .chain-entry .tags {
	position: absolute;
	display: block;
	bottom: 100%;
        font-size: smaller;
        min-width: 5em;
        max-width: 8em;
        /* white-space: nowrap; */
}

.ix-chain .chain-entry.incoming .tags {
	right: 20px;
	text-align: right;
	padding-right: 0.2em;
}

.ix-chain .chain-entry.outgoing .tags {
	left: 20px;
	text-align: left;
	padding-left: 0.2em;
}

.ix-chain .chain-entry .tags span {
	font-family: monospace;
	color: #666;
}

.ix-chain .chain-entry .length {
	display: block;
	font-size: smaller;
}

/*
 * Workflow
 */
/*
.workflow_validation ul {
    padding-left: 0;
}
.workflow_validation ul li {
    list-style-type: none;
    padding-left: 0;
}
.workflow_validation li a {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 16px;
}
.workflow_validation .errorlist > li {
    background: transparent;
    border: none;
    color: #000;
    padding: 0;
    margin-bottom: 6px;
}
.workflow_validation .errorlist li > ul.errorlist li {
    background: url(../admin/img/icon_alert.gif) 5px .3em no-repeat;
    color: #f00;
    padding: 6px 5px 6px 25px;
    margin-bottom: 0;
}
.workflow_progress {
    list-style-type: decimal;
    margin: 1.6em;
    padding-left: 0;
    margin-left: 1px;
}
.workflow_progress li {
    float: left;
    margin: 0 30px 20px 0;
    font-size: 14px;
}
.workflow_progress li:first-child {
    padding-left: 0;
    list-style-type: none;
}
.workflow_progress .active {
    font-style: italic;
}
.workflow_menu_overview {
    margin-right: 20px;
}
.workflow_actions {
    margin: 1.1em 0 0.5em 0;
}
.workflow_actions input {
    margin: 0 0.9em 0 0.1em;
}
.workflow_overview {
    margin: 1.1em 0 0 0;
    padding: 0 1.4em;
}
.workflow_meta_link {
    font-size: 0.8em;
}
.workflow_step_help_text {
    margin-left: 1px;
}
*/
.rj {
    text-align: right;
}
.ix_summary {
    font-weight: bold;
}
.workflow_new_list {
    margin: 0;
    padding: 0;
}
.workflow_new_list li {
    margin: 8px 0;
    list-style-type: none;
}
.workflow_new_list li p {
    margin: 3px 0;
}