/* OWL Style Sheet - Climate */

/* for logging page changes */

.loggingSensorBodyExtenstion
{
}

.loggingTimerangeCell
{
	padding-top: 10px;
}

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

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

.loggingLegendTable
{
    color: #000000;
    font-size: 12px;
    width: 650px;
    margin: 10px 0 0 50px;
}

.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
{
    float: left;
    padding-left: 5px;
    width: 35%;
}

.netCfgInputError
{
	float: left;
	width: 30%;
	font-weight: bold;
	color: #f00;
}

.netCfgInputLegend
{
    margin-top: 5px;
    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;
	padding-top: 7px;
	clear: left;
}

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

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

.displayAttr
{
    margin-top: 5px;
    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: #777;
	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: #000;
	text-decoration: none;
}

a:hover
{
	color: #fff;
}

div.msel a:hover, div.submsel a:hover
{
	text-decoration: none;
}

div.msel a, div.submsel a
{
    color: #fff;
}

select, input.blu
{
	color: #000;
	background: #fff;
	font-weight: bold;
}

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

.buttons input, .buttons button
{
	color: #000;
	background: #d1d3d4;
	font-weight: bold;
}


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


/* Container Divs */

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

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

#content
{
	color: #000;
	float: left;
	width: 795px;
	background-color: #fff;
	text-align: center;
	padding: 5px 0 15px 0;	
}


/* Header */

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

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

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

#unitInfo
{
	float: left;
	width: 320px;
	margin-left: 20px;
}

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

#unitType
{
	float: left;
	width: 350px;
}

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

.allswell_ok { color: #088b43; }

.allswell_alarm { color: #ff0000; }

.allswell_ok br, .allswell_alarm br { display: none; }

#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;
}

/* Footer */

#footer
{
	background-color: #3c3c3e;
	color: #fff;
	font-size: 12px;
	padding-left: 450px; 
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: left;
	clear: both;
}

#footer a
{
    color: #fff;
    font-weight: bold;
}

#footer a:hover
{
    text-decoration: underline;
}


/* Nav Bar */

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

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

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

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

#langOverrides span a:hover { color: #3c3c3e; }

#navAltFormats
{
	margin-top: 15px;
	width: 180px;
	text-align: center;
	color: #999a9d;
	line-height: 16px;
	font-size: 16px;
}

#navAltFormats span
{
	font-size: 11px;
	font-weight: bold;
	padding-right: 4px;
}

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

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

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

.submsel, .submunsel
{
	color: #2e3393;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	margin-top: 5px;
	line-height: 25px;
	height: 25px;
	position: relative;
}

.submsel
{
	background-color: #9a5aa4;
	border-left:15px solid #fff;
	padding-right: 10px;
}

.submunsel
{
	background-color: #d1d3d4;
	border-right: 10px solid #fff;
	border-left: 15px solid #fff;
}

.mcsel
{
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
	text-align: center;
}

.mcsel span
{
	height: 25px;
	line-height: 25px;
	display: block;
	background-color: #9a5aa4;
}

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

a:hover.menu { color: #3c3c3e; }


/* END OF GENERIC */


/* Sensors Page */

.camnos { color:#00adef; }

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

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

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

.cameraLeft { float: left; }

.cameraRight { float: right; }

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

#cameras
{
	margin: auto;
	text-align: center;
	width: 525px;
	padding-bottom: 1px;
}	


/* Sensor Type Div */

.sensorTitle
{
	background-color: #9a5aa4;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	width: 750px;
	margin: 0 23px 0 22px;
}

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

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

.sensorBody
{
	width: 750px;
	background-color: #f3f3f3;
	margin: 0px 23px 25px 22px;
	color: #111;
	font-size: 13px;
	padding-top: 10px;
	text-align: left;
}

.sensorTitle, .sensorBody
{
    border: 1px solid #9a5aa4;
}

.sensorTable
{
	border-collapse: separate;
	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;
	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; 
	padding: 30px 0;	
}

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


/* Alarms Page */
.alarmActionsSelect
{
	color: #000;
	background: #fff;
	width: 190px;
	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;
	padding-left: 5px;
}

.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: 10px;
	right: 20px;
	height: 18px;
	width: 125px;
	text-align: center;
}

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

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

.alarmActions
{
	position: absolute;
	top: 19px;
	right: 10px;
	width: 200px;
	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: 10px;
	width: 200px;
	text-align: right;
	font-size: 12px;
	color: #111;
}

.alarmLabel { width: 115px; }
.alarmInput { width: 80px; }

.alarmDel
{
	position: absolute;
	left: 235px;
	top: 20px;	
	padding: 0px 0px;
	width: 275px;
	text-align: center;
}

.alarmBarV_L, .alarmBarV_R
{
	position:absolute;
	height:105px;
	border-left:1px solid #c0c0c0;
	top: 10px;
}

.alarmBarV_L { left: 220px }
.alarmBarV_R { right: 225px }

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

.alarmNote { font-size: 10px; }

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

.divcolor1 { background-color: #fff; }
.divcolor2 { background-color: #ddd; }

.syslog
{
	width: 100%;
}

/* 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: #fff;
	background: #3c3c3e;
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;
}

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

#log_cbs .inputElement { width: 60% }

.logTable
{
	border-collapse: collapse;
	color: #111;
	font-size: 12px;
	width: 675px;
	margin-left: 35px;
}

.logTable td { text-align: center; }

.logdiv1 th, .logdiv2 th
{
	text-align: right;
	padding-right: 50px; 
	vertical-align: middle;
	font-style: italic;
}

.logdiv1 th { background: #fff; }
.logdiv2 th { background: #ddd; }

.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: 65px; 
}

.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;
}

#csvCell a:hover
{
    color: #999a9d;
}

/* Display Page */

.displayTable
{
	color: #111;
	font-size: 12px;
	margin-left: 20px;
	width: 90%;
}

.displayTable th { text-align: left; }
.displayTable td { padding: 5px 0px 0px 0px; }
.displayTable .error { width: 75px; }

.displayFriendly { width: 30%; }
.displayEntry { width: 13%; }

.devicesUnique { width: 25%; }
.devicesClass { width: 25%; }

.sensorsLabel { width: 17%; }
.sensorsDevice { width: 149px; }

.disclaimerBox 
{
	border: 1px solid #999a9d;
	margin: 10px auto 15px 100px;
	width: 550px;
}

.disclaimerBox div 
{ 
	padding: 10px;
	height: 200px;
	overflow: scroll;
	background: #fff;
}

.disclaimerBox div p { margin-bottom: 10px }

.disclaimerState 
{
	margin: 10px auto 10px 300px;
	text-align: center;
	width: 150px;
	height: 20px;
	line-height: 20px;
}

.disclaimerNote
{
	margin: 10px 30px;
	text-align: left;
	font-size: 10px;
}


/* Config Page */

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

.rtc_in_grp { clear: left; margin-left: 140px; position: relative; }

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

.progress
{
	margin: 10px;
	text-align: center;
	color: #088b43;
	font-weight: bold;
	display: none;
}

.progressNS
{
	margin: 10px;
	text-align: center;
	color: #088b43;
	font-weight: bold;
}

.workhrsTableSelect
{
	float:left;
	width: 10%;
	font-size: 10px;
	text-align:center;	
}

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

/* Config Type Inputs */

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

.inputText2
{
	margin: 5px 0 0 10px;
	float: left; 
	width: 35%;
	text-align: right;
}

.inputText3
{
	float: left; 
	width: 25%;
	text-align: right;
}

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


.inputElement
{
	float: left;
	padding-left: 5px;
	width: 44%;
}

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

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

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


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

.inputError2
{
	margin-top: 5px;
	margin-left: 2px;
	float: left;
	width: 30%;
	font-weight: bold;
	color: #f00;
}

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

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


.inputRight, .inputRight2
{
	margin-top: 8px;
	float: left;
	text-align: left;
	font-size: 10px;
}

.inputRadioin
{
	float: left;
	padding-top: 0px;
	margin-left: 2%;
}

.inputRight { margin-left: 5px; width: 30%; }
.inputRight2 { width: 10%; }

.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;
}

.in { clear: left; display: inline-block; padding-top: 10px; width: 100%; }

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


/* Control Page */

.controlnote
{
	padding: 0px 10px 0px 10px;
}

.controlTable
{
	border-collapse: collapse;
	color: #111;
	font-size: 12px;
	margin: 10px 0 0 5px;
	width: 98%;
}

.controlTable td { padding: 2px 0; text-align: center; }

.controlTable2
{	
	border: 1px solid #999a9d;
	color: #000000;
	font-size: 12px;
	text-align: center;
	width: 600px;
	margin: 10px 0 5px 70px;
}

.controlTable2 th { font-weight: bold; padding: 5px 0; }
.controlTable2 td { padding: 2px 0; }

.controlTable2 select { width: 150px; }

.controlTable2 p { line-height: 20px; padding: 2px; }

.controlBarH { border-top: 1px solid #999a9d; margin: 5px 50px; }


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


.adminNote { font-size: 10px; }




.controlLabel
{
    padding-bottom: 3px;
}

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

#rPad2
{
    padding-right: 2px;
}

#tPad2
{
    padding-top: 2px;
}

#cError
{
    padding-bottom: 4px;
}

#upload
{
	width: 440px;
	text-align: center;
}

#upload a:hover { color: #d1d3d4; }

/* Help Page */

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

.helpButton, .helpButton:link, .helpButton:visited { color: #9a5aa4; }
.helpButton:hover { color: #000; }
h1 .helpButton { font-size: 10pt; }
h1 .helpButton, h1 .helpButton:link, h1 .helpButton:visited { color: #9a5aa4; }
h1 .helpButton:hover { color: #d1d3d4; }

#help
{
	color: #FFF;
	background-color: #3c3c3e;
	width: 380px;
	height: 290px;	
	margin: 5px auto auto auto;	
	text-align: left;	
}

#helpTable 
{
	width: 100%;	
	text-align: center;	
}

#help #messageTitle 
{ 
	height: 55px;
	font-weight: bold;
	font-size: 18px;
}

#help .messageGap 
{ 
	height: 10px;
	background-color: #fff;
	font-size: 1px;
}


#help .message
{
	background-color: #ffffff;
	color: #000000;
	height: 168px;
	overflow: auto;
	vertical-align: top;
	font-size: 15px;
	text-align: left;
	padding-left: 10px;
}

#help #messageFoot { height: 48px; }

#messageFoot #langOverrides { width: 380px; }

#messageFoot span { color: #d1d3d4; }
#messageFoot span a { color: #fff; }
#messageFoot span a:hover { color: #999a9d; }

/* For username password entries on config page */

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


.namepass
{
	padding-top: 5px;
	padding-bottom: 10px;
	position: relative;
	clear: left;
}

/* 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
{
	position: relative;
	padding-left: 18px;
	padding-bottom: 10px;
}

.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;
}

.box-checker
{
    color: #9a5aa4;
    cursor: pointer;
}