body
{
	
/* Helvetica/Arial-based sans serif stack */
font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
background-color: #fff;
margin:0;
padding:0;
font-size: 100%;
line-height:1.5em;
}


h1 {
font-size:2.5em;
}
h2 {
font-size:1.75em;
font-weight:bold;
}
h3 {
font-size:1em;
font-weight:bold;
line-height:1em;
}
p {
font-size: 1.5em;
}


#mainWrapper {
}

.contentWrapper {
margin: 0px auto;
max-width:800px;
}

@media all and (max-width: 750px) {
.contentWrapper {
width:auto;
margin:0px;
}

h1 {
font-size:2em;
}
h2{
font-size:1.5em;
font-weight:bold;
}
h3 {
font-size:1em;
font-weight:bold;
line-height:1em;
}
p {
font-size: 1.25em;
}
}

#nodeinfo {
 width: 100%;
background-color: #33ffcc;
color: white;
padding: 20px;
}

#nodecurrent {
width: 100%;
background-color: #99ffcc;
color: white;
padding: 20px;
}

#noderecent {
width: 100%;
background-color: #ffffcc;
color: black;
padding: 20px;
}

#nodehistory {
width: 100%;
background-color: #fff;
color: black;
padding: 20px;
}



.nodecontainer
{
 width: 100%;
padding: 0 0 5% 0;
clear: both;
}

.nodeicon
{
 width: 20%;
float:left;
 }

.nodeinfo
{

 width: 90%;
margin: 0 0 0 0;
padding: 0;


 }

.nodedata
{

 width: 75%;
margin: 0 25% 0 0;
padding: 0;
 }

.nodechart
{
 width: 25%;
float: right;
margin: 0;
}