/* Name: style.css
 * Purpose: Our style sheet
 * Written By: Shaddi Hasan, Will Vogler; some code taken from online
 * Last Modified: April 15, 2008
 * 
 * (c) 2008 Orange Networking.
 *  
 * This file is part of OrangeMesh.
 *
 * OrangeMesh is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version. This license is similar to the GNU
 * General Public license, but also requires that if you extend this code and
 * use it on a publicly accessible server, you must make available the 
 * complete source source code, including your extensions.
 * 
 * OrangeMesh is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with OrangeMesh.  If not, see <http://www.gnu.org/licenses/>.
 */
html,body{margin:0;padding:0}
body{font-family: "Trebuchet MS", Verdana,Arial,sans-serif; font-size: 0.8em;height:100%;
    text-align: center;padding-bottom:0px}
p{margin-top:0}
h1,h2,h3{font: normal normal 200% "Trebuchet MS",Arial,sans-serif; border-bottom: 1px dotted #bbbbbb; color: 1300C6;}
h2{font-size:160%}
h3{font-size:120%}

div#overview{background: #FFF;padding-left:30px}

div#header{background-image: url(WrapperBg.jpg);background-repeat: no-repeat;width:800px;margin: 0 auto;overflow:hidden}
div#header h1{width:800px;margin:10 auto;text-align:left;background-color:transparent}
div#header h1{padding: 2px 0 2px;color: #FFF}

div#menu
{
font-size: 1.2em;
margin:10 auto;
background-color: transparent;
}

div#menu ul
{
padding: .2em 0;
margin: 0;
list-style-type: none;
background-color: 1300C6;
color: #FFF;
width: 100%;
font: normal 90% arial, helvetica, sans-serif;
text-align: center;
}

div#menu li
{
display: inline;
}

div#menu li#left
{
padding: .2em 0;
border-left: 1px solid #fff;
}

div#menu li a
{
text-decoration: none;
background-color: 1300C6;
color: #FFF;
padding: .2em 1em;
border-right: 1px solid #fff;
}

div#menu li a:hover
{
text-decoration: underline;
}

/* ruckman's table settings! */

table {
        border-color: #000;
        border-width: 0 0 0px 0px;
        border-style: solid;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
}
table#edit_net {
		padding-left: 10%;
		padding-right: 10%;
}

td
{
		font-family: Verdana, Arial, sans-serif;
        font-size: 0.8em;
        border-width: 0px 0px 0px 0px;
        border-style: solid;
        margin: 0;
        padding: 4px;
        background-color: #FFF;
        border-color: #000;
}
div.comment {
		background-color: #FFCC80;
		margin-bottom: 10px;
		padding: 10px;
		font-size: 90%;
}
div.note {
		background-color: #FFCC80;
		margin-bottom: 10px;
		padding: 10px;
	    margin-left: auto;
        margin-right: auto;
        width: 50%;
}

/* update text (ex, updated network settings) */
div.success {
		color: #00CC00;
		font-weight: bold;
}

/* error text (ex, no nodes associated with network)*/
div.error {
		color: #FF0000;
		font-weight: bold;
}
div.error a:link{color: #FF0000;}
div.error a:visited{color: #FF0000;}
div.error a:active{color: #FF0000;}

/*generic table rows */
tr {
		margin: 10px;
}

/* field names in the status table */
tr.fields td {
		border-width: 0px 0px 2px 0px;
    	border-style: solid;
		border-color: #000;
}

/* data rows in status table for down nodes */
tr.down td {
		color: #FF0000
}

/* make visited links be blue, not purple */
a:visited{color: blue;}