/* jailOverview */ table.overview { overflow:hidden; border:2px solid #d3d3d3; width:100%; margin:0% auto 0; -moz-border-radius:9px; /* FF1+ */ -webkit-border-radius:5px; /* Saf3-4 */ border-radius:9px; -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); } tr.overview:nth-child(even) {background: #CCC} th.overview { text-align: left; } /* jailDetails */ table.details { overflow:hidden; border:1px solid #d3d3d3; width:25%; margin:2% 0; -moz-border-radius:9px; /* FF1+ */ -webkit-border-radius:5px; /* Saf3-4 */ border-radius:9px; -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); } table.state { display: block; text-align: left; overflow:hidden; border:2px solid #d3d3d3; width:15%; margin-left: 50px; -moz-border-radius:9px; /* FF1+ */ -webkit-border-radius:5px; /* Saf3-4 */ border-radius:9px; -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); } table.not-running { background: red; } table.running { background: green; } table.details tr:hover {background-color: #f5f5f5} table.details th { text-align: left; } .status-light { height: 20px; width: 20px; margin-right: 10px; border-radius: 50%; margin-left: 10px; } .status-light.up { background-color: #0b0; } .status-light.down { background-color: #b00; }