/* ---------------------------------- */
body#tableList {
	background-color: #C5CCD3;
	margin: 0px 10px 0px 10px;
	padding: 0;
	-webkit-text-size-adjust: none;		/* turn off font resizing */
}
body#tableList h1 {
	margin: 0;
	padding: 10px;

	font-size: 17px;
	font-family: Helvetica;
	font-weight: bold;
	color: #4C566C;
}
body#tableList h1 a {
	text-decoration: underline;
	font-size: 17px;
	font-family: Helvetica;
	font-weight: bold;
	color: #4C566C;
}

/* ---------------------------------- */
a, a:visited {
	color: #111111;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a img {
	border: 0;
}

/* ---------------------------------- */
ul {
	background-color: #FFFFFF;
	margin: 0px 0px 10px 00px;
	padding: 0;

	border-width: 1px;				/* draw a rectangle around each list */
	border-style: solid;
	border-color: #808080;

	font-family: Helvetica;

	-moz-border-radius: 8px;		/* round each corner of the created rectangle */
	-webkit-border-radius: 8px;		/* round each corner of the created rectangle */
}

li {
	list-style-type: none;
	clear: left;

	border-top-width: 1px;			/* create lines between (above) cells */
	border-top-style:solid;
	border-top-color: #D9D9D9;

	font-family: Helvetica;
}

/* ---------------------------------- */
li span.titleOnly {
	display: block;
	width: 100%;
	margin: 1.2em 1em 1.0em 1em;

	font-weight: bold;
}
li span.titleOnly.disabled {
	color: #AAAAAA;
}
li span.pairTitle {
	display: block;
	float: left;
	margin: 1.2em 1em 1.0em 0em;

	font-weight: bold;
}
li span.pairTitle.sub {
	margin-top: .4em;
	margin-bottom: .4em;
	margin-left: 0.0em;

	width: 10.8em;
	font-weight: normal;
	font-style: italic;
	text-align: right;
}
li span.pairTitle.noImage {
	margin-left: 1em;
}
li span.pairTitle a {
	font-weight: bold;
}
li span.pairTitle.disabled {
	color: #AAAAAA;
}
li span.pairDesc {
	display: block;
	margin: .4em 1em .4em 12em;
	min-height: 2.2em;

	color: #404040;
}
li span.pairDesc.sub {
	min-height: 0em;

	font-style: italic;
}
li span.pairDesc a {
	font-weight: bold;
}
li span.pairDesc.disabled {
	color: #AAAAAA;
}

/* ---------------------------------- */
li span.controlImage {
	display: block;
	float: left;
	margin: 0em .4em 0em .6em;
	min-height: 50px;
	min-width: 40px;
/*	background-color: #F63;		*/
}
li span.controlImage.empty {
	min-width: 0px;
}
li span.controlImage.main img {
	position: relative;
	top: 4px;
	left: 0px;
}
li span.controlImage.folder img {
	position: relative;
	top: 10px;
	left: 5px;
}
li span.controlImage.dimmable img {
	position: relative;
	top: 5px;
	left: 7px;
}
li span.controlImage.onOff img {
	position: relative;
	top: 10px;
	left: 5px;
}
li span.controlImage.sprinkler img {
	position: relative;
	top: 4px;
	left: 2px;
}
li span.controlTitle {
	display: block;
	margin: .4em 1em .4em 1em;

	font-weight: bold;
/*	background-color: #163;		*/
}
li span.controlTitle.middle {
	margin-top: 1.2em;
	margin-bottom: 1.0em;
}
li span.controlTitle a {
	font-weight: bold;
}
li span.controlValue {
	display: block;
	float: left;
	min-width: 3em;
	max-width: 95%;
	margin-left: 0em;
	margin-right: 1em;
	padding: 0;

	color: #444444;
/*	background-color: #A04;		*/
}
li span.controlValue.wide {
	min-width: 6em;
}
li span.controlValue.superWide {
	min-width: 10em;
}
li span.controlValue a {
	color: #0000EE;
}
li span.controlValue input {
	min-width: 10em;
    padding: 2px;
    margin: 2px;
    border: 1px solid #999999;

	font-size: 14px;
}
li span.controlActions {
	display: block;
	margin: .4em 1em .4em 1em;
	padding: 0;
/*	background-color: #DAD;		*/
}
li span.controlActions a {
	color: #0000EE;
}
li span.controlActions input {
    padding: 2px 10px 2px 10px;
    margin: 2px;
    border: 1px solid #000000;

	color: #0000EE;
	background-color:#EEEEEE;
	font-size: 14px;
	font-weight: bold;
}
li span.controlActions.under {
	display: block;
	clear: left;
	margin: .4em 1em .4em 3.5em;
	min-height: 2.6em;
}

span.monoLabel {
	font-size: 17px;
	font-family: monospace;
	font-weight: bold;
	color: #000000;
}

/* ---------------------------------- */
.disabled {
	color: #AAAAAA;
}
 
/* ---------------------------------- */
tr.header {
	text-align: center;
	background-color: #330099;
	font: 14px bold;
	color: #FFFFFF;
}
tr.tablename {
	text-align: center;
	font: 18px bold;
	color: #330099;
}

table#actionGroupTable {
	border: 0;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
}
table#deviceTable {
	border: 0;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
}
table#variableTable {
	border: 0;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
}

td.actionGroupName {
	text-align: left;
	font-size: 14px;
}
td.actionGroupControl {
	text-align: center;
	font-size: 14px;
}

td.deviceName {
	text-align: left;
	font-size: 14px;
}
td.deviceStateOn {
	text-align: center;
	font-size: 14px;
	color: #FF6600;
}
td.deviceStateOff {
	text-align: center;
	font-size: 14px;
}
td.deviceControl {
	text-align: left;
	font-size: 14px;
	white-space: nowrap;
}
td.deviceLastChanged {
	text-align: left;
	font-size: 14px;
}

td.variableName {
	text-align: left;
	font-size: 14px;
}
td.variableValueFalse {
	text-align: center;
	font-size: 14px;
}
td.variableValueNotFalse {
	text-align: center;
	font-size: 14px;
	color: #FF6600;
}

.darkRowBg {
	background-color: #E0E8FF;
}
.lightRowBg {
	background-color: #FFFFFF;
}

/* ---------------------------------- */
.footerWarning {
	margin:5pt 10pt 5pt 10px;
	padding:0pt;

	font-size: 14px;
	font-style: oblique;
	text-align: center;
	color: #800517;
}
.footerWarning a:link {
	text-decoration: underline;
	font-style: oblique;
	color: #600500;
}
.footerWarning a:visited {
	text-decoration: underline;
	font-style: oblique;
	color: #600500;
}

/* ---------------------------------- */
span.footerNav {
	margin-left: 20px;
	text-align: left;
}