/******************************************************************************
	proation.css
	style sheet for building automation
	Copyright (C) 2008-2014 Atlantic Database Systems, Inc. All rights reserved.
	E. W. Ziegler 2008-02-17
Modifications:
******************************************************************************/

	.clBackupHeader {
		font-family:	sans-serif;
		text-align:		center;
		font-weight:	bold;
		color:			red;
	}
		
	.clgreetname {
		font-size:		small;
	}

	.clleftmenu {
		position:		absolute;
		top:			30px;
		left:			5px;
	}

	.clPageContainer {
		clear:			both;
		position:		relative;
	}

	.clsubpage {
		clear:			both;
		padding-top:	1em;
		font-family:	sans-serif;
	}

	.clheading {
		font-family:	sans-serif;
		text-align:		center;
		font-weight:	bold;
		font-size:		18pt;
		line-height:	1.2em;
		padding-bottom:	0.5em;
	}

	.clfldlegend {
		font-family:	sans-serif;
		font-weight:	bold;
		font-size:		large;
	}

	.clinput {
		font-size:		small;
	}

	.cltabularstatus {
		display:		none;
	}

	.clstatustbl {
/*	 border="1" align="center" cellpadding="2"	*/
		border:			1px solid black;
	}

	.clstatustbltd {
		border-top:		1px solid black;
		border-left:	1px solid black;
		border-right:	1px solid gray;
		border-bottom:	1px solid gray;
	}

	.clstatussepfirst, 
	.clstatussepmid, 
	.clstatusseplast {
		border:			0;
	}

/*	Thermostat Selection Page	*/
	.clstatlabel {
		font-family:	sans-serif;
		font-size:		smaller;
	}

	.clstatedbuts {
	}

/*	Individual Thermostat Settings	*/
	.clstatsetdiv {
	}

	.clstatusgph {
		position:	relative;
	}

	.clstatschededitbkglocal {
		background-color:	#D3D3D3;
	}

	.clstatschededitbkgmstr {
		background-color:	#4169E1;
	}

	.clstatsetdiv, .cldimsetdiv {
		display:		none;
		position:		absolute;
		top:			0px;
		left:			0px;
		background-color:	#D3D3D3;
		border:			ridge #0b7ab5 10px;
		padding:		0 1em 0.5em 1em;
	}

	.clstatschedseldiv {
		display:		none;
		position:		absolute;
		top:			0px;
		left:			0px;
		background-color:	#D3D3D3;
		border:			ridge #0b7ab5 10px;
		padding:		0 1em 0.5em 1em;
	}

	.clschededitdiv {
		position:		absolute;
		top:			0px;
		left:			0px;
		background-color:	#D3D3D3;
		border:			ridge #0b7ab5 10px;
		padding:		0 1em 0.5em 1em;
		text-align:		center;
	}

	.clalertsetdiv {
		display:		none;
		position:		absolute;
		top:			0px;
		left:			0px;
		background-color:	#D3D3D3;
		border:			ridge #0b7ab5 10px;
		padding:		0 1em 0.5em 1em;
	}

	.clstatname {
		font-weight:	bold;
	}

	.clFormTitle {
		font-family:	sans-serif;
		font-size:		large;
		font-weight:	bold;
		border-bottom:	solid black 1px;
	}

	#guialertsetsubbut {
		float:			left;
		margin-left:	2em;
	}

	#guialertsetcanbut {
		float:			right;
		margin-right:	2em;
	}

	.clsssclosebut {
		margin-top:		0.5em;
	}

	#statset td, 
	#statsethum td, 
	#statschedsel td {
		font-size:		small;
	}

	.clstatsetnow, .cldimsetnow {
		font-size:		x-large;
		font-weight:	bold;
		text-align:		center;
	}

	.clstatsetscale {
		font-size:		small;
		font-weight:	normal;
	}

	.clstatsetconfig {
	}

	.clStatNoErr {
		background-color:	#D3D3D3;
	}

	.clStatErr {
		background-color:	#FF00FF;
	}

/*	Sensor Selection Page	*/
	.clsensorlabel {
		font-family:	sans-serif;
		font-size:		smaller;
	}

	.clsensoredbuts {
	}

/*	Relay Selection Page	*/
	.clrelaylabel {
		font-family:	sans-serif;
		font-size:		smaller;
	}

	.clrelayedbuts {
	}

/*	Individual relay settings	*/

	.clRelayOff {
      		background-color:	#D3D3D3;
	}

	.clRelayOn {
		background-color:	yellow;
	}

/*	Alert Selection Page	*/
	.clalertlabel {
		font-family:	sans-serif;
		font-size:		smaller;
	}

	.clalertedbuts {
	}

/*	Individual alert settings	*/

	.clAlertOff {
      background-color:		#D3D3D3;
	}

	.clAlertOn {
		background-color:	yellow;
	}
 
	#profileEnterMsg {
		font-family:	sans-serif;
		font-weight:	bold;
		font-size:		medium;
	}

	.clhelpprompt {
		font-family:	sans-serif;
		font-weight:	bold;
		font-size:		medium;
		color:			#822222;	/* FireBrick; */
		width:			1.5em;
		border:			outset black 5px;
		cursor:			pointer;
	}

	#leftmenu button,
	#userdsp button, 
	#designdsp button,
	#flooreditdiv button, 
	#roomeditdiv button, 
	#setupeditdiv button, 
	#confnetifdiv button,
	#statsetdiv button {
		font-size:		smaller;
	}

	fieldset {			/* Fix IE, what else, bug */
		border:			1px solid;
	}

	#bldgedit td, 
	#flooredit td, 
	#useredit td, 
	#roomedit td, 
	#confnetifedit td {
		text-align:		left;
	}

	#setupedit label, 
	.clnowrap {
		white-space:	nowrap;
	}

	.clmvhook {
		position:		absolute;
		top:			0;
		left:			0;
		line-height:	1em;
		border:			outset black 2px;
		cursor:			move;
		margin-top:		0;
		padding-top:	0;
		text-align:		center;
		font-family:	sans-serif;
	}

	.clclosehook {
		position:		absolute;
		top:			0;
		right:			0;
		line-height:	1em;
		border:			outset black 2px;
		cursor:			pointer;
		margin-top:		0;
		padding-top:	0;
		text-align:		center;
		font-family:	sans-serif;
	}

	.clmspschedbut {
		margin-left:	1em;
	}

	.clCircuitMenuList,
	.clStatMenuList{
		margin:		0;
		padding:	0.2em 10px 0;
		list-style:	none;
	}

	.clCircuitMenuItem,
	.clStatMenuItem {
		float:left;
		color:			darkgreen;
		text-decoration: underline;
		cursor:			pointer;
		margin:			0 0 0 1em;
		padding:		0 9px 0 9px;
		border:			1px solid black;
	}

	.clCircuitMenuItemSelected,
	.clCircuitMenuItemUnselected:hover,
	.clStatMenuItemSelected,
	.clStatMenuItemUnselected:hover {
		background-color:	#FFFFF0;
	}

	.clCircuitMenuItemUnselected:hover,
	.clStatMenuItemUnselected:hover {
		background-color:	#EEEEE0;
	}

	.clCircuitMenuItemUnselected,
	.clStatMenuItemUnselected {
		background-color:	#CCCCC0;
	}

	.clCircuitDeviceItemUnselect,
	.clStatDeviceItemUnselect {
		background-color:	#D3D3D3;
	}

	.clCircuitDeviceItemSelect,
	.clStatDeviceItemSelect {
		background-color:	aliceblue;
	}

	#checkoutRunTestChecking,
	#checkoutRunTestFinished {
		font-weight:		bold;
		font-size:			larger;
	}

	.claddbut {
		margin-left:	2em;
	}

	.clcanbut {
/*		margin-right:	1em;	*/
	}

	.cldelbut {
		margin-left:	1em;
	}

	.clprompt {
		text-align:		center;
		font-family:	sans-serif;
	}

	.clpgfooter {
		color:			gray;
		font-size:		small;
		margin-right:	1em;
	}

	.clcentered {
		text-align:		center;
	}

	.clFieldsetAuto {
		display:		inline-block;
	}

	.cldragable {
		cursor:			move;
	}

	.clCellAlignLeft {
		text-align:		left;
	}

	.clCellAlignCenter {
		text-align:		center;
	}

	.clclickable {
		color:			darkgreen;
		text-decoration: underline;
		cursor:			pointer;
	}

	.clselectable {
		cursor:			pointer;
	}

	.clhidden {
		display:		none;
	}

/* Styles for navigation tabs */
/* See http://www.alistapart.com/articles/slidingdoors2/ */

    body {
      color:#000;
      background:		#D3D3D3;
      margin:0;
      padding:0;
      font:x-small/1.5em Georgia,Serif;
      voice-family: "\"}\""; voice-family:inherit;
      font-size:small;
      } html>body {font-size:small;}
    
    #header {
      float:left;
      width:100%;
      background:	#D3D3D3 url("/_images/bg.gif") repeat-x bottom;
      font-size:93%;
      line-height:normal;
		white-space:	nowrap;
      }
    #header ul {
      margin:0;
      padding:0.2em 10px 0;
      list-style:none;
      }
    #header li {
      float:left;
      background:url("/_images/left_both.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      border-bottom:1px solid black;
      }
    #header a {
      float:left;
      display:block;
      width:.1em;
      background:url("/_images/right_both.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:black;
      }
    #header > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #header a {float:none;}
    /* End IE5-Mac hack */
    #header a:hover {
      color:#333;
      }
    #header .cltabselect {
      background-position:0 -150px;
      border-width:0;
      }
    #header .cltabselect a {
      background-position:100% -150px;
      padding-bottom:5px;
      color:#333;
      }

    #header li:hover, #header li:hover a {
      background-position:0% -150px;
      color:#333;
      }
    #header li:hover a {
      background-position:100% -150px;
      }