body
{
	font-family: Bitstream Vera Sans,Arial,Verdana,sans-serif; font-size:.8em; color:black;
	margin:0;
	padding:0;
}

.header
{
	width:99%; margin-left:0%; margin-right:1%; margin-top:0; margin-bottom:0;
	position:absolute; top:0; left:0;
	height:3em;
	color: #556c96;
}

.headerlogo
{
	position:absolute;
	left:0em;
	margin:.2em;
	max-width:25em;
}
.headerlogo img
{
	border:none;
	max-width:25em;
}

.headermenu  /* In order for the menu elements to display properly, this absolutely-positioned box must be quite big */
{
	position:absolute;
	left:0em;  top:3em; height:3em;
	width:16em;/* the width *must* be equal to half the width of the ul, as defined in cssmenu.css, in order to keep the right menu right-aligned. */
	background-color:#eaeaea;
	margin-left:0em; margin-right:0em;
}

.headermenubackground
{
	position:absolute; z-index:-80;
	left:0em;  top:3em; height:3.1em;
	width:22%;
	background-color:#eaeaea;
	margin-left:0em; margin-right:0em;
}

a img
{
	border:none;
}


.headertime
{
	position:fixed; left:0; bottom:3em; height:1em; width:16em; padding-bottom:.5em;
	z-index:1;
	background-color:#E0E6E0;
}

.headerlogout
{
	position:absolute; left:85%; top:0em; height:0em; width:10%;
	text-align:right;
}
.headerinfo
{
	position:fixed; left:0; bottom:0; height:3em; width:16em; z-index:1;
	background-color:#E0E6E0;
	font-weight:bold;
	color:#004000;
}
.header a
{
	color: inherit;
	text-decoration:none;
	font-weight:bold;
}
.header small
{
	font-size:60%;
}

.headeralarm
{
	text-align:center;
}

.headerviewmodes
{
	position:absolute; left:25em; right:30%; top:.2em; height:32px;
}

.camout /* Or, left part of the home screen. */
{
	float:left;
	width:30em;
}

.newbody /* should be body, but is used only (by now) in newmain. */
{
	position:absolute;
	top:3em; left:16em; bottom:0em; right:0em;
	margin-left:0em; margin-right:0em;
	z-index:1;
	background-color:white;
}

.sidebar
{
	display:block; position:absolute;
	top:7.5em; width:16em; bottom:4.5em; overflow:auto;
	margin-left:0em; margin-right:0em; padding-bottom:5em;
	background-color:#E0E6E0;
	z-index:0;
}

.tablewhite {    /* Some of the autodata tables. */
	background-color: #FFFFFF; margin:1em;
}

.tableblack {
	background-color: #000000; margin:1em;
}

.tdheader {
	background-color: #FFFFFF;
}

.tdmain {

}

.tderror {
	background-color: #FFFFFF; font-size: .8em; color: #ff0000;
}
.error {
	background-color: #FFFFFF; font-size: .8em; color: #ff0000;
}

.tdlist1 {
	background-color: #E8F0E8  /*#CEE1D5*/; font-size: .8em; color: #000000;
}

.tdlist2 {
	background-color: #E0E6E0; font-size: .8em; color: #000000;
}

.small {
	COLOR: #FFFFFF; FONT-FAMILY: Arial,Helvetica,sans-serif; FONT-SIZE: 10px; font-weight: bold; text-decoration: none
}

.blue_norm {
    font-family: arial, helvetica, sans-serif;
    color:#55966c;
    font-size: 12px;
    font-weight : bolder;
}

a.blue_normb { /* Titles on the autodata tables */
	/*COLOR: #55966c;*/ color:#407050 ; font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold; text-decoration: none
}

a.blue_normb:hover {
	color: #0a0a60;
}

a.blue_normb:visited {
	color: #556c96;
}

.black_norm {
    font-family: arial, helvetica, sans-serif;
    color:#000000;
    font-size: 14px;
    font-weight : bolder;
}

.gray_norm {
    font-family: arial, helvetica, sans-serif;
    color:#dcdcdc;
    font-size: 14px;
    font-weight : bolder;
}

.blue_text {
    font-family: arial, helvetica, sans-serif;
    color:#556c96;
    font-size: 11px;
    font-weight : bolder;
}

.black_text {
    font-family: arial, helvetica, sans-serif;
    color:#000000;
    font-size: 11px;
    font-weight : bolder;
}

.green_big {
    font-family: arial, helvetica, sans-serif;
    color:#6bb402;
    font-size: 16px;
    font-weight : bolder;
}

.black_small {
    font-family: arial, helvetica, sans-serif;
    color:#000000;
    font-size: 10px;
}

.black_big {
    font-family: arial, helvetica, sans-serif;
    color:#000000;
    font-size: 16px;
    font-weight : bolder;
}



input.style {
	color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 11px; border-style: solid; border-color:#BBEEBB; border-width: 1px
}

input.nostyle {
}

select {
	color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 11px; border-style: solid; border-color:#BBEEBB; border-width: thin
}

.footer {
	background-color: #92DC92; COLOR: #096109; FONT-FAMILY: Arial,Helvetica,sans-serif; FONT-SIZE: 11px;
}

a.smalldarkgreen {
	COLOR: #096109; FONT-FAMILY: Arial,Helvetica,sans-serif; FONT-SIZE: 11px; text-decoration: none
}

a.smalldarkgreen:hover {
	COLOR: #096109; FONT-FAMILY: Arial,Helvetica,sans-serif; FONT-SIZE: 11px; text-decoration: underline
}

a.smalldarkgreen:visited {
	COLOR: #096109; FONT-FAMILY: Arial,Helvetica,sans-serif; FONT-SIZE: 11px; text-decoration: none
}

.tdwelcome {
	COLOR: #096109; FONT-FAMILY: Arial,Helvetica,sans-serif; FONT-SIZE: 20px; text-decoration: none
}


.tdmenu {
	background-color: #DDEEDD; font-family: Arial,Helvetica,sans-serif; font-size: 11px; color: #096109; font-weight: bold
}

.tdmenulight {
	background-color: #EEFFEE; font-family: Arial,Helvetica,sans-serif; font-size: 11px; color: #096109; font-weight: bold
}

.tdmenudark {
	background-color: #92DC92; font-family: Arial,Helvetica,sans-serif; font-size: 11px; color: #096109; font-weight: bold
}

.tablemenu {
	background-color: #66CC66
}




a.darkgreen {
	COLOR: #096109; FONT-FAMILY: Arial,Helvetica,sans-serif; FONT-SIZE: 11px; text-decoration: none
}

a.darkgreen:hover {
	COLOR: #096109; FONT-FAMILY: Arial,Helvetica,sans-serif; FONT-SIZE: 11px; text-decoration: none
}

a.darkgreen:visited {
	COLOR: #096109; FONT-FAMILY: Arial,Helvetica,sans-serif; FONT-SIZE: 11px; text-decoration: none
}

a.darkgreenu {
	COLOR: #096109; FONT-FAMILY: Arial,Helvetica,sans-serif; FONT-SIZE: 11px; text-decoration: none
}

a.darkgreenu:hover {
        COLOR: #096109; FONT-FAMILY: Arial,Helvetica,sans-serif; FONT-SIZE: 11px; text-decoration: underline
}

a.darkgreenu:visited {
	COLOR: #096109; FONT-FAMILY: Arial,Helvetica,sans-serif; FONT-SIZE: 11px; text-decoration: none
}

.tdlistheader {
	background-color: #92DC92; font-family: Arial,Helvetica,sans-serif; font-size: 11px; color: #096109; font-weight: bold
}



.tddisable {
	background-color: #EEFFEE; font-family: Arial,Helvetica,sans-serif; font-size: 11px; color: #BBCCBB; font-weight: bold
}


table.calendar
{
	width:10em;
}

table.calendar tr td
{
	text-align:center;
/* 	width:1em; */
	border:2px solid #c5c5c5;
}

table.calendar tr td .ir .if
{
	margin:0;
}
table.calendar
{
	border-collapse: collapse;
}


/* Styles for the one-month calendar */
table.moviecalendar
{
	border: solid 3px #c5c5c5;
	width:100%;
	background-color:white;
}

table.moviecalendar tr td
{
	text-align:center;
}

table.moviecalendar tr td a, table.moviecalendar tr td a:link, table.moviecalendar tr td a:active, table.moviecalendar tr td a:visited, table.moviecalendar tr td a:hover
{
	text-decoration:none; font-weight:bold; color:#096109;
}

table.moviecalendar tr td.month
{
	text-align:center; font-weight:bold; color:#556c96;
}

table.moviecalendar tr td.protected
{
	text-align:center; background-color:lightgrey;
}
table.moviecalendar tr td.record
{
	text-align:center; background-color:transparent;
}
table.moviecalendar tr td.norecord
{
	text-align:center; background-color:transparent; font-weight:normal; color: #BBCCBB;
}

table.moviecalendar tr td.today
{
	text-align:center; border:dotted 1px #004000;
}
table.moviecalendar tr td.current
{
	text-align:center; border:solid 3px #008000;
}

form.moviecalendar input
{
	width:100%;
}

form.moviecalendar select
{
	width:100%;
}

form.moviecalendar select option.protected
{
	background-color:lightgrey;
}

table.movieview
{
	width:100%;
}

table.movieview tr td.movieview_left
{
	width:25%;
	font-size: 100%;
}
table.movieview tr td.movieview_right
{
	width:75%;
	vertical-align:top;
	font-size: 70%;
}

div.rvpcontainer
{
	text-align:center;
}
div.rvpcontrols
{

}
div.rvpbuttonsie
{
	text-align:center;
	width:50%;            /* IE */
	display:inline;
}div.rvpbuttons
{
	text-align:center;
	width:50%;            /* IE */
	margin-left:25%;      /* Gecko */
	display:inline;
}
div.rvpinfo
{
	vertical-align:middle;
	text-align:center;
	width:25%;
	display:inline;
}
div.rvpinfopad
{
	vertical-align:middle;
	text-align:center;
	width:25%;
	display:inline;
}


table.schedule_calendar
{
	border-collapse:collapse;
}
table.schedule_calendar tr td
{
	border: 1px #c5c5c5 solid;
	height: 20px;
	padding-left: 2.2em;
	padding-right: 2.2em;
}
table.schedule_calendar tr th
{
	border: 2px #c5c5c5 solid;
	font-size:80%;
	margin-left: 1em;
	margin-right: 1em;
}
table.schedule_calendar tr th.rowheader
{
	border: 2px #c5c5c5 solid;
	font-size:80%;
	padding-left: .5em;
	padding-right: .5em;
}
table.schedule_calendar tr td.on
{
	background-color:#5aaa38; /*#0b610a;*/
}
table.schedule_calendar tr td.off
{
	background-color:transparent;
}


strong
{
	font-weight:bold;color:#556C96;
}

.bar
{
	border: solid 1px black;
	height: 1.2em;
	width:100%;
	margin:0;
	padding:0;
	font-size:1em;
}




.bar_used
{
	background-color:#ca0606;
	height: 1.2em;
	text-align:center;
	display:block;
	white-space:nowrap;
	margin:0;
	padding:0;
	float:left;
	font-weight:bold;
	color:white;
	overflow:hidden;
}
.bar_free
{
	background-color:#096109;;
	height: 1.2em;
	text-align:center;
	display:block;
	white-space:nowrap;
	margin:0;
	padding:0;
	float:right;
	font-weight:bold;
	color:white;
	overflow:hidden;
}

.viewportgroup
{
	position:relative;
	height:100%;
	width:100%;
	bottom:0;
/*	height:95%;
	width:95%;*/
/* 	border:3px solid red; */
}

.viewport
{
	position:relative;
	text-align:left;
	vertical-align:top;
	background:#c0c0c0;
	/*background:black;*/
	/*background:#ff00ff;*/
	display:block;

	overflow:hidden;

/* 	border: 2px solid orange; */
}

.viewportdestretcher
{
/* 	border: 2px red dotted; */
}

.viewportbar
{
	position:absolute;
	text-align:left;
	overflow:visible;

	white-space: nowrap;

/* 	border: 2px dotted blue; */
	background: #D0D0D0;

}

.viewportbaraudioinfo
{
	background-color:white;
}

.viewport_loading
{
/* 	border: 2px solid orange; */
	background: #E0E0E0;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	cursor:wait;
}

.viewportplayer
{
}

.viewportpanbar a img
{
	border:none;
}

.newsbox img
{
	float:left;
	vertical-align:top;
}

.newsbox a
{
	text-decoration: none;
	color:inherit;
}

.camerainfobox .camerainfoname
{
	position:absolute;
	left:6em;
	top:0em;
}

.camerainfobox img.model
{
	height:4em;
	margin:0.5em;
	float:left;
}

.camerainfobuttons
{
	text-align:right;
	position:absolute;
	top:2.5em;
	height:1.5em;
	bottom:0px;
	right:0px;
}

.camerainfobox .malfunction img
{
	position:absolute;
	left:3em;
}

.camconfig fieldset
{
	clear:both;
}

.camconfig fieldset legend
{
	font-weight:bold;
	font-size:90%;
}

.row-odd, .row-odd td
{
	background-color:#e8f0e8;
}

.row-even, .row-even td
{
	background-color:#ffffff;
}

.row1, .row1 td
{
	background-color:#e8f0e8;
}

.row2, .row2 td
{
	background-color:#ffffff;
}

.fullscreen_link
{
	margin:.5em; min-height:32px;
}

.fullscreen_link img
{
	vertical-align:middle;
}

.savedvpgs
{
	max-width:20em;
	margin:.5em;
	text-decoration:none;
}

.savedvpgs a
{
	text-decoration:none;
	color:#004000;
}

.savedvpgs .savedvpg
{
	margin:.2em .5em .2em .5em;
	text-decoration:none;
}

.savedvpgs .savedvpgloaded
{
	margin:.2em .5em .2em .5em;
	font-weight:bold;

	background:#80B080;
}

.savedvpgs .savedvpgloaded .a
{
	color:#80B080;
}

.savedvpgs .savedvpg img
{
	vertical-align:middle;
}

.savedvpgs .savedvpgloaded img
{
	vertical-align:middle;
}


/* VPG config screen */

.vpg_form
{
	position:relative; border:none;
	margin-top: 2em; margin-bottom:2em;
	margin-left:1em; margin-right: 1em;
}

.vpg_form_vp
{
	position:absolute; border:2px solid #202020;
	overflow:hidden;
}

.vpg_form_bg, .vpg_form_disabled_bg
{
	z-index:-10;
	position:absolute;
	line-height:100%;
	bottom:0%;
	text-align:center; width:100%;
}

.vpg_form_bg
{
	color: #C0C0C0;
}

.vpg_form_disabled_bg
{
	color: #E0E0E0;
}



.utilities
{
	margin:1em;
}

.utilities h1
{
	font-size:150%; font-weight:bold; margin-top:2em;
}