/*sorry about all the extra css, this is my stylesheet for sevreal projects and I havn't cleaned it up for a while*/

html {
height:100%;
width:100%;
}
body { 
height:100%;
}
p {
color:black;
font-size:18px;
font-family:Arial,Helvetica,sans-serif;
}
p.bodytext  {
color:black;
margin:20px;
font-size:18px;
font-family:Arial,Helvetica,sans-serif;
}
p.bodytext_white {
color:white;
margin-left:20px;
font-size:16px;
font-family:Arial,Helvetica,sans-serif;
}
ol.bodytext_white{
margin-left:20px;
color:white;
font-size:16px;
font-family:Arial,Helvetica,sans-serif;
}
p.version{
color:black;
margin:10px;
font-size:10px;
font-family:Arial,Helvetica,sans-serif;
}
p.version_white{
color:white;
margin:10px;
font-size:10px;
font-family:Arial,Helvetica,sans-serif;
}
hr.top {
border-color:red;
}
div.navdiv {
float:left; 
width:205px;
height:100%;
position:relative;
border-right-style:solid;
border-right-width:3px;
color:black;
}
div.navdiv_white {
float:left;
width:200px;
height:100%;
position:fixed;
border-right-style:solid;
border-right-width:3px;
color:white;
}
div.control_panel{
width:600px;
display:block;
margin:0 auto;
}
div.content {
/*overflow:hidden;*/
max-width:1500px;
min-height:100%;
}
div.panel{
width:150px;
}
div.panel_wide{
width:80%;
margin-left:auto;
margin-right:auto;
}
ul.navigation {
color:black;
margin:10px;
font-size:20px;
font-family:Arial,Helvetica,sans-serif;
}
ul.navigation_white {
color:white;
margin:10px;
font-size:20px;
font-family:Arial,Helvetica,sans-serif;
}
body{
background-color: #F8F8FF;
}
body.panel_control {
background-color: black;
}
h1.black {
margin-top:5px;
color:black;
height:25px;
font-family:Arial,Helvetica,sans-serif;
}
h1.white {
margin-top:5px;
color:white;
height:25px;
font-family:Arial,Helvetica,sans-serif;
}

img.stream {
margin-top:30px;
height:400px;
margin-bottom:30px;
display:block;
}

img.mini_left {
height:250px;
margin-top:15px;
display:inline-block;
}
img.mini_right {
height:250px;
padding-left:15px;
margin-top:15px;
display:inline-block;
}

iframe{
margin:auto;
display:block;
}
html.control_panel{
height:100%;
}
body.control_panel{
margin:0px;
border:0px;
padding:0px;
height:100%;
}
iframe.control_panel{
margin:0px;
border:0px;
padding:0px;
width:200px;
height:100%;
display:inline
}
iframe.content_panel{
margin:0px;
border:0px;
padding:0px;
display:inline;
width:float;
height:100%;
}
a.default{
font-family:Arial,Helvetica,sans-serif;
}
a:link{
color:blue;
}
a:visited{
color:red;
}
form.panel{
margin:0;
padding:0;
}
input.panel{
display:inline;
width:50px;
padding:5px;
}
button.panel{
width:80px;
padding:5px;
}