/***************************
     NETWORK STATUS PAGE 
****************************/

table {
	color: #404040;
	border: 1px #999999 solid;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-top: 0px;
}

table#log {
	font-size: 80%;
}

td {
       border:1px solid #000;
       color: #404040;
       border: 1px #999999 solid;
       font: 8pt 'Lucida Grande', Verdana, Geneva, Lucida, Helvetica, Arial, sans-serif;
       letter-spacing: -1px;
}

th {
	border: 1px;
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Helvetica, Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
}

pre, select, option {
       font: 8pt 'Lucida Grande', Verdana, Geneva, Lucida, Helvetica, Arial, sans-serif;
       letter-spacing: 0px;
}




.hosts {
        font: 10pt 'Lucida Grande', Verdana, Geneva, Lucida, Helvetica, Arial, sans-serif;
        font-weight: bold;
        margin: 10px 0 10px 0;
        border-bottom : 1px #eee;
}

.time {
        font: 8pt 'Lucida Grande', Verdana, Geneva, Lucida, Helvetica, Arial, sans-serif;
        letter-spacing: -1px;
}


.navigation {
        font: 8pt 'Lucida Grande', Verdana, Geneva, Lucida, Helvetica, Arial, sans-serif;
        letter-spacing: -1px;
}

.details {
        clear: both;
        margin: 15px 0 0 0;
        color: #111;
        font-size: 100%;
        font-weight : bold;
        text-align: center;
}

/* ----------------------------------------------
Legend Colour Scheme
---------------------------------------------- */
td#unchecked {
	background-color: #000033;
}

td#greenlight {
        background-color: #009900;
}

td#yellowlight {
        background-color: #FF9933;
}

td#redlight {
        background-color: red;
}

td#disabled {
        background-color: #999999;
}

.unchecked {
        color: #000033;
}

.greenlight {
        color: #009900;
}

.yellowlight {
        color: #FF9933;
}

.redlight {
        color: red;
}

.disabled {
        color: #999999;
}


/* ----------------------------------------------
Basic XHTML styling
---------------------------------------------- */

h1 {
	color: #666;
	font-size: 200%;
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Helvetica, Arial, sans-serif;
	font-weight : bold;
	text-align : left;
}

h2 {
	font-size: 130%;
	font-weight: bold;
}

h3{
	font-size: 110%;
	font-weight: bold;
}

p, .feedback {
	font: 8pt 'Lucida Grande', Verdana, Geneva, Lucida, Helvetica, Arial, sans-serif;
	letter-spacing: -1px;
}

/* ----------------------------------------------
Zebra tables
---------------------------------------------- */
#zebra {
                border: 1px solid #666666;
        }

#zebra tbody tr td {
                font-family: "lucida grande", verdana, sans-serif;
                font-size: 8pt;
                padding: 2px 6px;
	        border-collapse: collapse;
	        border-spacing: 0px;

        }

#zebra tbody tr.selected td {
                background-color: #3d80df;
                font-weight: bold;
                border-left: 1px solid #346DBE;
                border-bottom: 1px solid #7DAAEA;
        }