/* OWL Style Sheet - Lite Modern*/

/* for logging page changes */

.loggingSensorBodyExtenstion
{
}

.loggingTimerangeCell
{
	padding-top: 10px;
}

.loggingGraph
{
    height: 220px;
    text-align: center;
    padding: 10px;
}

.loggingGraphBody
{
    width: 575;
    background-color: white;
    margin: 0px auto 5px auto;
    color: #111;
    font-size: 13px;
    text-align: left;
    padding-top: 10px;
}

.loggingLegendTable
{
    color: #000000;
    font-size: 12px;
    width: 565px;
    margin: 5px;
}

.loggingControlHeader
{
    padding-bottom: 2px;
}

.loggingControlCell
{
    text-align: center;
    padding-bottom: 2px;
}

.loggingPulldownCell
{
    margin: 3px;
    text-align: center;
}

.loggingPulldownCell select
{
	width: 100%;
}

.centerme
{
    text-align: center;
}

/* for network config page redesign */
.netCfgInputElement
{
	margin-top: 10px;
    float: left;
    padding-left: 5px;
    width: 35%;
}

.netCfgInputError
{
	margin-top: 10px;
	float: left;
	width: 37%;
	font-weight: bold;
	color: #f00;
}

.netCfgInputLegend
{
    margin-top: 10px;
    float: left;
}

.netCfgLegend
{
	margin-top: 5px;
	float: left; 
}

.dhcpStaticSpacer
{
    position: relative;
    clear: left;
	padding-top: 5px;
}

.netCfgHR
{
	padding-top: 5px;
	clear: left;
}

.dhcpBox
{
	margin-top: 5px;
	margin-bottom: 5px;
	clear: left;
}

.netCfgCurrBox
{
	margin-top: 5px;
	margin-bottom: 5px;
	clear: left;
}

.netCfgStatBox
{
	margin-top: 5px;
	margin-bottom: 5px;
	clear: left;
}

.displayAttr
{
    margin-top: 3px;
    float: left;
    width: 27%;
    text-align: right;
}

.displayValue
{
    margin-top: 3px;
    float: left;
    padding-left: 5px;
    width: 35%;
	font-weight: bold;
}

.dohr {
    text-align: center;
    width: 260px;
}

.radioin
{
	clear: left;
    padding-top: 2px;
    margin-left: 9%;
}

.netCfgBoldText
{
    font-weight: bold;
}

.inputSubHeading
{
	padding-top: 5px;
    text-align: center;
    font-weight: bold;
}

.inDisplay
{
    position: relative;
    clear: left;
}


/* Standardize Tags */
table, div, img, td, tr, p, th, span, br, h1, h2, h3, h4, body, a, form
{
	padding: 0;
	border-collapse: collapse;
	border: 0;
	margin: 0;
}

/* gives a more consistent checkbox, diff browsers have diff widths*/
input.cb	
{
	margin: 1px;
	width: 15px;
}


/* START OF GENERIC STYLES - used in multiple pages */

body
{
	font-family: Tahoma, Verdana, sans-serif;
	background-color: #c2dde6;
	color: #fff;
	text-align: center;
}

h1
{
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 20px;
}

h2
{
	font-weight: normal;
	font-size: 19px;
}

.email
{
	background-color:#00FFFF;
}

a:link, a:visited
{
	color: #2e3393;
	text-decoration: none;
}

a:hover
{
	color: #a8dff3;
}

div.msel a:hover, div.submsel a:hover
{
	color: #2e3393;
	text-decoration: none;
}

select, input.blu
{
	color: #2e3393;
	background: #a8dff3;
	font-weight: bold;
}

.buttons
{
	padding-top: 10px;
	padding-bottom: 10px;
	clear: both;
	width: 100%;
	text-align: center;
}

.buttons input, .buttons button
{
	color: #2e3393;
	background: #a8dff3;
	font-weight: bold;
}


/* Cures div height problems */
.clear 
{ 
	clear: both; 
	background: none;
}


/* Container Divs */

#container
{
	text-align: left;
	width: 750px;
	margin: auto;
}

#main
{
	
	background-color: #bbbdc0;
	width: 100%;
}

#content
{
	color: #FFF;
	float: left;
	width: 610px;
	background-color: #0072bc;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 15px;
}


/* Header */

#header
{
	width: 100%;
	background-color: #00adef;
	color: #fff;
	font-size: 12px;
	padding-top: 12px;
	padding-bottom: 12px;
	border-bottom: 10px solid #bbbdc0;
}

#logo
{
	float: left;
	width: 180px;
}

#logo div /* IE5 & 6 fix for box model bug */
{
	padding-left: 45px;
}

#unitInfo
{
	float: left;
	width: 320px;	
}

#unitInfo div  /* IE5 & 6 fix for box model bug */
{
	padding-left: 0px;
}

#unitType
{
	float: left;
	width: 245px;
	text-align: right;
}

#selectscroll
{
	margin-left: 5px;
	border: 1px solid #999a9d;
	width: 162px;
	height: 250px;
	overflow: auto;
}

#legendScroll
{
	margin-top: 20px;
	margin-left: 5px;
	border: 1px solid #999a9d;
	width: 565px;
	height: 150px;
	overflow: auto;
}

.legendTable
{	
	color: #000000;
	font-size: 12px;
	margin-top: 10px;
	margin-left: 5px;
	margin-bottom: 1ex;
}

.allswell_ok, .allswell_alarm
{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	float: left;
	width: 250px;
	margin-top: 5px;
	background-color: #a8dff3;
}

.allswell_ok
{
	color: #088b43;
}

.allswell_alarm
{
	color: #ff0000;	
}


/* Footer */

#footer
{
	background-color: #00adef;
	border-top: 5px solid #bbbdc0;
	color: #fff;
	font-size: 12px;
	padding-left: 350px; 
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: left;
	clear: both;
}


/* Nav Bar */

#navbar
{
	width: 140px;
	float: left;
	font-size: 12px;
	margin-top: 10px;
}

#langOverrides
{
	font-size: 12px;
	color: #999a9d;
}

#langOverrides span
{
	padding: 8px;
	font-weight: bold;
	color: #000000;
}

#langOverrides span a
{
	color: #999a9d;
}

#langOverrides span a:hover
{
	color: #ffffff;
}

#navAltFormats
{
	margin-top: 15px;
	font-weight: bold;
	text-align: center;
	color: #999a9d;
}

#navAltFormats span
{
	padding: 10px;
}

.munsel, .msel
{
	color: #2e3393;
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
}

.munsel
{
	background-color: #00adef;
	width: 90%;
}

.msel
{
	background-color: #a8dff3;
	width: 100%;
}

.submsel, .submunsel
{
	color: #2e3393;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px;
}

.submsel
{
	background-color: #a8dff3;
	/*width: 86%;*/
	border-left:20px solid #BBBDC0;
	/*border-top:10px solid #BBBDC0;*/
	/*top: 5px;*/
	position: relative;
}

.submunsel
{
	background-color: #00adef;
	/*width: 77%;*/
	border-right:13px solid #BBBDC0;
	border-left:20px solid #BBBDC0;
	/*top: 5px;*/
	position: relative;
}

.mcsel
{
	background-color: #a8dff3;
	/*background: #a8dff3 none repeat scroll 0 0;*/
	width: 100%;
	
	color: #2e3393;
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
	text-align: center;
	padding-top: 3px;
	/*padding-bottom: 3px;*/
}

.mcsel span
{
	height: 1.5em;
	display: block;
}

a:link.menu, a:visited.menu, a:active.menu
{
	color: #757677;
}

a:hover.menu
{
	color: #fff;
}


/* END OF GENERIC */


/* Sensors Page */

.camnos
{
	    color:#00adef;
}

.camnosalign
{
	    margin-top: -155px;
}

.cam
{
	width: 240px;
	margin: 0 auto 5px;
	height: 176px;
}

.cam div
{
	background-color: #999a9d;
	color: #fff;
	font-size: 11px;
	text-align: center;
	width: 220px;
	float: left;
}

.camImage
{
            width: 240px;
            height: 160px;
}

.cameraLeft
{
	float: left;
}

.cameraRight
{
	float: right;
}

#cameras
{
/*	margin-left: 15px;*/
	margin: auto;
	width:485px;
	padding-bottom: 1px;
}	


/* Sensor Type Div */

.sensorTitle
{
	background-color: #a8dff3;
	color: #000;
	font-size: 13px;
	font-weight: bold;
	height: 25px;
	width: 575px;
	margin: auto;
}

.sensorTitle .name
{
	float:left;
	width: 300px;
	padding-left: 20px;
	padding-top: 4px;
	text-align: left;
}

.sensorTitle .id
{
	float: right;
	width: 200px;
	text-align: right;
	padding-right: 20px;
	padding-top: 4px;
}

.sensorBody
{
	width: 575px;
	background-color: white;
	margin: 0px auto 25px auto;
	color: #111;
	font-size: 13px;
	padding-top: 10px;
	text-align: left;	
}

.sensorTable
{
	border-collapse: separate;
	background-color: #fff;
	color: #111;
	font-size: 12px;
	margin-left: 20px;
}

.sensorTable td
{
	padding: 3px 0px;
	width: 150px;
}

.dmTable
{	
	border-collapse: collapse;
	background-color: #fff;
	color: #111;
	font-size: 12px;
	margin: 0px;
	width: 100%;
}

.dmTable td
{
	padding: 1px 0px;
	width: 150px;
	text-align: center;
}

.sensordata_ok
{
	color: #000000;
	font-weight: bold;
}

.error, .sensordata_alarm
{
	color: #ff0000;
	font-weight: bold;
}

.sensorcolor
{
	width: 5%;
	margin-right: 5px;
	border: 1px solid black;
}

.dm_sensorcolor
{
	border: 1px solid black;
	margin: 0px;
	width: 96%;
	height: 2em;
}

.graphContainer
{
	text-align:center; 
	margin-top: 20px;
	margin-bottom: 20px;
}

.graphImage
{
	position: relative;
	left: -10px;
}

/* Alarms Page */
.alarmActionsSelect
{
	color: #2e3393;
	background: #a8dff3;
	width: 148px;
	height:74px;
	overflow:auto;
	border:1px inset black;
	font-weight: bold;
	display: inline-block;
}

.alarmActionsSelect div
{
	font-style: italic;
}

.alarmActionsSelect hr
{
	border-bottom: 1px solid black;
	border-width: 0 0 1px;
	margin: 2px 8%;
}

.alarmActionsSelect label, .alarmActionsSelect div
{
	display: block;
	overflow: hidden;
	white-space: nowrap;
}

.alarmActionsSelect label.checked
{
	color: #ffffff;
	background: #00adef;
}

.lcolor1 input, .lcolor2 input
{
	margin: 0px;
	width: 15px;
	height: 15px;
	padding: 0;
	border-collapse: collapse;

}

.alarmEmail span, .alarmTrap span, .alarmBuzzer span, .alarmRelay span
{
	width: 15px;

}

.alarmName
{
	position: absolute;
	bottom: 2px;
	right: 2px;
	height: 18px;
	width: 100px;
	text-align: center;
}

.alarmdata_ok
{
	color: #088b43;
	font-weight: bold;
	border: 1px solid;
	height: 100%;
	width: 100%;
	/* padding: 2px 5px */
}

.alarmdata_alarm
{
	color: #FF0000;
	font-weight: bold;
	border: 1px solid;
	height: 100%;
	width: 100%;
	/* padding: 2px 5px */
}

.alarmActions
{
	position: absolute;
	top: 19px;
	left: 412px;
	width: 160px;
	padding: 0px;
}

.alarmActionsTitle
{
	float: left;
	width: 45px;
	padding: 0px;
}

.alarmActionsBoxes
{
	width: 100%;
	text-align: right;
	padding: 0px;
}

.alarmActionsRow
{
	float: left;
	width: 100%;
	padding: 0px;
}

.alarmEmail, .alarmTrap, .alarmBuzzer, .alarmRelay
{
	margin-right: 5px;
}

.alarmSensor
{
	position: absolute;
	top: 24px;
	left: 14px;
	width: 160px;
	/* padding: 14px 4px 15px; */
	text-align: right;
}

.alarmDel
{
	position: absolute;
	left: 195px;
	top: 20px;
	/* border-left: 1px solid #000; */
	/* border-right: 1px solid #000; */
	padding: 0px 0px;
	width: 195px;
}

.alarmBarV
{
	position:absolute;
	height:100px;
	border-left:1px solid black;
}

.alarmBarH
{
	margin: 8px 0px; 
	border-top:1px solid black;
}

.divcolor1, .divcolor2
{
	position: relative;
	height: 117px;
}

.divcolor1
{
	background-color: #fff;
}

.divcolor2
{
	background-color: #ddd;
}

/* End alarm page */

/* Logging Page */

.measTable
{	
	border: 1px solid #999a9d;
	color: #000000;
	font-size: 12px;
	margin-top: 10px;
	margin-left: 5px;
	margin-bottom: 1ex;
}

.measTitle
{
	color: #000000;
	background: #a8dff3;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;
	border-left: 1px solid #a8dff3;
}

.ledNote
{
	margin-top: 3px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 3px;
	text-align: center;
	clear: left;
	font-size: 9px;
}

.logTable
{
	border-collapse: collapse;
	color: #111;
	font-size: 12px;
}

.logdiv1 th, .logdiv2 th
{
	text-align: right;
	padding-right: 15px; 
	vertical-align: middle;
}

.logdiv1 th
{
	background: #fff;
}

.logdiv2 th
{
	background: #ddd;
}

.logTable td
{
	text-align: center;
}

.logdiv1 td
{
	background: #fff;
	padding: 5px 0px 5px 0px;
}

.logdiv2 td
{
	background: #ddd;
	padding: 5px 0px 5px 0px;
}

.sevcolor1, .sevcolor2, .sevcolor3, .sevcolor4, .sevcolor5, .sevcolor6, .sevcolor7,  .sevcolor8 
{
	width: 60px;
}

.sevcolor1
{
	background: #f44;
}

.sevcolor2
{
	background: #f66;
}

.sevcolor3
{
	background: #f77;
}

.sevcolor4
{
	background: #f99;
}

.sevcolor5
{
	background: #fbb;
}

.sevcolor6 
{
	background: #fcc;
}

.sevcolor7
{
	background: #fdd;
}

.sevcolor8
{
	background: #fff;
}

#resetCell
{
	text-align: center;
	padding-top: 20px
}

#resetBox
{
	position: relative;
	top: 2px;
}

#csvCell
{
	text-align: center;
	padding-bottom: 10px;
}

/* Display Page */

.displayTable
{
	background-color: #fff;
	color: #111;
	font-size: 12px;
	margin-left: 20px;
	
}

.displayTable th
{
	text-align: left;
	padding-top: 10px;
}

.displayTable td
{
	padding: 5px 0px 0px 0px;		
}

.displayTable .error
{
	width: 53px;
}

.displayFriendly
{
	width: 185px;
}

.devicesUnique
{
	width: 132px;
}

.devicesClass
{
	width: 106px;
}

.sensorsLabel
{
	width: 89px;
}

.sensorsDevice
{
	width: 149px;
}

.syslog
{
	width: 100%;
}

/* Config Page */

.datetime
{
	width: 16%;
	float: left;
	text-align: center;
	margin-top: 10px;
}

.cfg
{
	width: 30%;
	text-align: right;
}

.workhrsTableSelect
{
	float:left;
	width:50px;
	text-align:center;
	margin-top:10px;	
}

.workhrsTableDays
{
	float:left;
	width:35px;
	text-align:center;
}

/* Config Type Inputs */

.inputText
{
	margin-top: 10px;
	float: left; 
	width: 27%;
	text-align: right;
}

.inputElement
{
	margin-top: 10px;
	float: left;
	padding-left: 5px;
	width: 53%;
}

.inputError
{
	margin-top: 10px;
	float: left;
	width: 18%;
	font-weight: bold;
	color: #f00;
}

.in
{
	position: relative;
	clear: left;
}

/* Control Page */

.controlnote
{
	padding: 5px;
}

.controlTable
{
	border-collapse: collapse;
	color: #111;
	font-size: 12px;
	margin-left: 5px;
	margin-bottom: 10px;
}

.controlTable td
{
	text-align: center;
}

.controlTable2
{	
	border: 1px solid #999a9d;
	color: #000000;
	font-size: 12px;
	margin-top: 10px;
	margin-left: 5px;
	margin-bottom: 1ex;
}

.inputText3
{
	margin-top: 10px;
	float: left; 
	width: 25%;
	text-align: right;
}

.inputElement3
{
	margin-top: 10px;
	float: left;
	margin-left: 5px;
	width: 25%;
}

.inputError3
{
	margin-top: 10px;
	float: left;
	width: 48%;
	font-weight: bold;
	color: #f00;
}

.inputText4
{	
	float: left; 
	width: 35%;
	text-align: right;
}

.inputElement4
{
	float: left;
	margin-left: 5px;
	width: 10%;
}

.inputError4
{
	float: left;
	width: 50%;
	font-weight: bold;
	color: #f00;
	text-align: left;
}

.delayerror
{
	width: 100px;
	color: #ff0000;
	font-weight: bold;
	padding-top: 4px;
}

.controlLabel
{
    padding-bottom: 3px;
}

#tPad2Left
{
    text-align: left;
    padding-top: 2px;
}

#rPad2
{
    padding-right: 2px;
}

#tPad2
{
    padding-top: 2px;
}

#cError
{
    padding-bottom: 4px;
}

/* Help Page */

.helpButton
{
	font-size: 7pt;
	vertical-align: top;
	cursor: help;
}

.helpButton, .helpButton:link, .helpButton:visited
{
	color: #0072BC;
}

.helpButton:hover
{
	color: #2E3393;
}

h1 .helpButton
{
	font-size: 10pt;
}

h1 .helpButton, h1 .helpButton:link, h1 .helpButton:visited
{
	color: #2E3393;
}

h1 .helpButton:hover
{
	color: #A8DFF3;
}

#help
{
	color: #FFF;
	height: 250px;
	margin-top: 25px;
	margin-left: 7%;
	margin-right: 7%;
	text-align: left;
	background-color: #0072BC;
}

#help h1
{
	padding-top: 2px;
	text-align: center;
	font-size: 22px;
	margin-bottom: 18px;
}

#help .message
{
	background-color: #ffffff;
	color: #000000;
	height: 151px;
	margin-bottom: 22px;
	overflow: auto;
	margin-left: 17px;
	margin-right: 17px;
}

#help #messageFoot
{
	text-align: center;
}

/* For username password entries on config page */
.in2
{
	position: relative;
	clear: left;
}

.inputWarn
{
	margin-top: 5px;
	margin-left: 161px;
	margin-bottom: 3px;
	text-align: left;
	clear: left;
	font-size: 9px;
}

.inputWarn2
{
	margin-top: 5px;
	margin-left: 28%;
	margin-bottom: 3px;
	text-align: left;
	clear: left;
	font-size: 9px;
}

.note
{
	margin-top: 3px;
	margin-left: 10px;
	margin-bottom: 3px;
	text-align: left;
	clear: left;
	font-size: 10px;
}

.inputRight
{
	margin-top: 8px;
	float: left;
	width: 32%;
	text-align: left;
	font-size: 10px;
}

.namepass
{
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
	clear: left;
}
.inputText2
{
	margin-top: 5px;
	float: left; 
	width: 35%;
	text-align: right;
}

.inputElement2
{
	margin-top: 2px;
	float: left;
	margin-left: 5px;
	width: 32%;
}

.inputError2
{
	margin-top: 5px;
	margin-left: 2px;
	float: left;
	width: 30%;
	font-weight: bold;
	color: #f00;
}
/* end of stuff for username password entries on config page */

.pic_fwerr
{
	color: red;
	font-size: medium;
	font-weight: bold;
	text-align: center;
}

.pic_fwbusy
{
	color: black;
	font-size: medium;
	font-weight: bold;
	text-align: center;
}

.devrptclr1, .devrptclr2
{
	height:		90px;
	position: relative;
	padding-left: 18px;
}

.devrptclr1
{
	background-color: #fff;
}

.devrptclr2
{
	background-color: #ddd;
}

.devrptdatetime
{
	float: left;
	text-align:	center;
	width:		12%;
}

.devrpttimetitle
{
	float: left;
	margin-top: 10px;
	padding-top:	8px;
	text-align:		right;
	width:			15%;
}

.devrptperiodtitle
{
	float:			left;
	margin-top:		10px;
	padding-top:	8px;
	text-align:		right;
	width:			18%;
}

.devrptperiodinput
{
	float:			left;
	margin-top:		10px;
	padding-left:	5px;
	padding-top:	7px;
	text-align:		left;
	width:			35%;
}

.devrptdesttitle
{
	float:		left;
	margin-top:	5px;
	text-align:	right;
	width:		22%;
}

.devrptdestcb
{
	float:		left;
	margin-top:	5px;
	width:		30%;
}

.devrptdeltitle
{
	float:		left;
	margin-top:	5px;
	text-align:	right;
	width:		31%;
}

.devrptdelinput
{
	float: left;
	margin-top:	5px;
}

.devrptinputError {
	color:		#FF0000;
	font-weight:	bold;
}

.logSelectOut
{
	margin: 5px;
	width: 45%;
	float: left;
	height: 150px;
}

.logSelectIn
{
	border: 1px solid #999a9d;
	width: 100%;
	overflow: auto;
}

.logTable
{	
	color: #000000;
	font-size: 12px;
	width: 100%;
}