/*
 * redirect_list.pt
 */

a#add-redirect-link {
	float: right;
}

div.hostnamedisplay {
	display:          none;
	position:         absolute;
	border:           1px solid darkgray;
	border-radius:    5px;
	background-color: lightgray;
	padding:          3px;
}

div.hostnamedisplay div.host {
	color:   white;
	padding: 1px 1ex;
}

div.hostnamedisplay div.host.ok {
	background-color: green;
}


div.hostnamedisplay div.host.failed {
	background-color: orange;
}

div.hostnamedisplay div.host.error {
	background-color: red;
}

td:hover div.hostnamedisplay {
	display: block;
}

div.hostnamedisplay img {
	float:       right;
	margin-left: 1em;
}

table.host-status-matrix {
	width:           20em;
	border:          1px solid darkgray;
	empty-cells:     show;
	border-spacing:  1px;
	border-collapse: separate;
	position:        relative;
}

table.host-status-matrix td {
	height: 1em;
}

table.host-status-matrix td.ok {
	background-color: green;
}

table.host-status-matrix td.failed {
	background-color: orange;
}

table.host-status-matrix td.error {
	background-color: red;
}

table.host-status-matrix td.prohibited {
	background-color: blue;
}

table.host-status-matrix td div.matrix-host {
	position:  absolute;
	padding:   2px;
	display:   none;
	left:      0;
	bottom:    1em;
	min-width: 20em;
	font-size: 80%;

}

table.host-status-matrix td:hover div.matrix-host {
	display:          block;
	border:           1px solid darkgray;
	border-radius:    5px;
	background-color: white;
	padding:          3px;
	width:            fit-content;
	z-index:          99;
}

table.host-status-matrix td div.matrix-host span {
	display: block;
}

table.host-status-matrix td div.matrix-host strike {
	color: red;
}

/*
 * Permissions_view.pt
 */

table.permissionsmatrix thead td {
	position: relative;
	height:   12em;
}

table.permissionsmatrix tbody td {
	background-color: lightgreen;
	position:         relative;
	padding:          4px;
}

table.permissionsmatrix tbody th {
	background-color: lightblue;
	position:         relative;
	width:            16em;
	padding:          4px;
}

table.permissionsmatrix thead td span {
	display:           block;
	white-space:       nowrap;
	position:          relative;
	top:               5em;
	transform:         rotate(-45deg);
	-ms-transform:     rotate(-45deg); /* IE 9 */
	-moz-transform:    rotate(-45deg); /* Firefox */
	-webkit-transform: rotate(-45deg); /* Safari and Chrome */
	-o-transform:      rotate(-45deg); /* Opera */
	width:             1.2em;
	left:              0.5ex;
}

table.permissionsmatrix tbody td.allperms {
	background-color: lightsalmon;
}

table.permissionsmatrix tbody th select {
	width: 100%;
}