/* Units */
span.units-si {
	display: inline;
}
span.units-sae {
	display: none;
}

/* Language */
span.lang-es {
	display: none;
}
span.lang-en {
	display: inline;
}

/* Events */
div#events-block {
	width: 22em;
	height: 100%;
}
table#events-layout {
	background-color: #e5e5ff;
	width: 100%;
	height: 100%;
}
td#events-header {
	font-size: 70%;
	border: 1px solid #aaa;
	padding: .3ex .3em;
	height: 0%;
}
td.events-options {
	border: 1px solid #aaa;
	padding: .3ex .3em;
	height: 0%;
}
td#events-guts {
	background-color: white;
	border: 1px solid #aaa;
	height: 100%;
}
div#events-guts-block {
	overflow: auto;
	width: 100%;
	height: 100%;
}
div#events-guts-list {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
}
th.event-cell {
	font-size: 65%;
	text-align: left;
	padding: .1ex .4em;
}
td.event-cell {
	font-size: 65%;
	padding: .1ex .4em;
}
td.event-cell .label {
	font-weight: bold;
}
td.event-cell .alert {
	color: red;
}
td.event-cell .value {
}
table.event-layout {
	border-top: 1px solid white;
	border-left: 1px solid white;
}
table.event-layout .shaded {
	background-color: #ddd;
}
table.event-layout .unshaded {
	background-color: #eee;
}
table.event-layout .last {
	border-bottom: 1px solid white;
}

/* Reports */
div#reports-guts-block {
	overflow: auto;
	width: 100%;
	height: 100%;
}
td.reports-guts {
	vertical-align: top;
	border: 1px solid #aaa;
	background-color: white;
	padding: 0;
	height: 100%;
}
td.reports-guts-list {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;	
}
div.report-block {
	padding: 1ex 1em;
}
table.report-layout {
	border: 1px solid #aaa;
	margin: 1ex 0;
	width: 95%;
}
table.report-layout .darkshaded {
	background-color: #bbb;
}
th.report-cell {
	font-size: 70%;
	vertical-align: top;
	padding: .4ex .2em;
}
td.report-cell {
	font-size: 70%;
	padding: .4ex .2em;
}
h2.report {
	font-size: 110%;
	color: black;
	border-bottom: 1px solid black;
}
td.number {
	text-align: right;
	padding-right: .5em;
}

/* Tracking */
td#ondemand-address {
	background-color: transparent;
	padding: .5ex .5em;
}
td.ondemand-option p {
	font-size: 95%;
}
div#ondemand-header-info {
	padding-left: 2em;
}
span#ondemand-header-info-unit {
	font-style: italic;
}
input.ondemand-button {
	font-size: 100%;
	width: 5.5em;
}

/* The unit list */
td#list-toggle {
	background-color: white;
	border: 1px solid #ccc;
	padding: .4ex .4em;
	height: 0%;
	text-align: right;
}
div#units-list-block {
	width: 100%;
	height: 100%;
}
div#units-list-selectall-block {
	text-align: right;
	padding: 1ex .3em 0 .3em;
}
td.units-list-spinner {
}
td.units-list-spinner img {
	background-color: #88f;
	width: 16px;
}
td.units-list-display a {
	padding: .2ex .2em;
	display: block;
	width: 100%;
}
td.units-list-display a:hover {
	background-color: #eef;
	text-decoration: none;
}
td.units-list-select {
}

/* Events */
table#events-layout {
	width: 100%;
	height: 100%;
}
div#events-guts-block {
	position: absolute;
	overflow: auto;
	left: 0;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
td#events-header {
	font-size: 70%;
	height: 0%;
}
td.events-options {
	height: 0%;
}
td#events-guts {
	height: 100%;
}

/* (Left-hand) List */
div#list-block {
	width: 270px;
	height: 100%;
}
table#list-layout {
	background-color: #fff8d8;
	width: 100%;
	height: 100%;
}
td#list-header {
	font-size: 70%;
	border: 1px solid #aaa;
	padding: .3ex .3em;
	height: 0%;
}
td#list-options {
	background-color: white;
	border: 1px solid #ccc;
	padding: .4ex .4em;
	height: 0%;
}
td#list-guts {
	font-size: 70%;
	background-color: white;
	border: 1px solid #ccc;
	padding: 0 .2em .2ex .4em;
	height: 100%;
}
td#list-guts div.icon-text-value {
	clear: both;
}
td#list-guts div.selected {
	background-color: #ccc;
	
}
td#list-guts div.icon-text-value a {
}
td#list-guts div.icon-text-value a:hover {
	background-color: #eef;
	text-decoration: none;
}
td#list-guts div.icon-text-value div.rule {
	clear: both;
	width: 100%;
	height: 1px;
}
td#list-guts div.icon-text-value div.rule img {
	background-color: transparent;
	width: 100%;
	height: 1px;
}
table#list-guts-layout {
	width: 100%;
	height: 100%;
}
div#list-guts-block {
	overflow: auto;
	width: 100%;
	height: 100%;
}
td#list-footer {
	font-family: verdana, helvetica, sans serif;
	font-size: 65%;
	text-align: center;
	color: #999;
	padding: 3px;
	background-color: white;
	border: 1px solid #ccc;
	height: 0%;
}
div#list-footer-block {
	position: relative;
	vertical-align: middle;
	height: 30px;
}
div#list-footer-block img {
	position: relative;
}

/* Workarea */
table#workarea-layout {
	width: 100%;
	height: 100%;
}
td#workarea-header {
	font-size: 65%;
	padding-top: 1ex;
	height: 0%;
}
td#workarea-header img {
	position: absolute;
	right: 0;
}
td#workarea-tabs {
	padding-top: 15px;
	height: 0%;
}
td#workarea-list {
	border-top: 2px solid #fec;
	padding: 1ex 0 1ex 0;
	height: 100%;
}
td#workarea-guts {
	border-top: 2px solid #fec;
	padding: 1ex 0 1ex .5em;
	width: 100%;
	height: 100%;
}
td#workarea-sidebar {
	border-top: 2px solid #fec;
	padding: 1ex 0 1ex .5em;
	width: auto;
	height: 100%;
}
td#workarea-footer {
	font-family: verdana, helvetica, sans serif;
	font-size: 65%;
	color: #999;
	border-top: 1px solid #aaa;
	padding: 1.5ex .3em;
	height: 0%;
}
/* Tabs Layout */
table#workarea-tabs-layout {
	font-family: verdana, helvetica, sans serif;
	width: 100%;
	height: 25px;
}
table#workarea-tabs-layout td {
	font-size: 65%;
	text-align: center;
	font-weight: bold;
	padding-top: .5ex;
	padding-bottom: .5ex;
}
td.workarea-tabs-unselected {
	background-color: #eee;
	border-top: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	padding-right: 1em;
	padding-left: 1em;
}
td.workarea-tabs-selected {
	background-color: #fd8;
	border-top: 1px solid #aaa;
	border-right: 1px solid #aaa;
	padding-right: 1em;
	padding-left: 1em;
}
td.workarea-tabs-selected a {
	color: black;
	display: block;
}
td.workarea-tabs-unselected a {
	color: #777;
	display: block;
}
table#workarea-tabs-layout td.stretch {
	text-align: right;
	vertical-align: top;
	border-bottom: 1px solid #aaa;
	width: 100%;
}
table#workarea-tabs-layout td.left {
	text-align: right;
	vertical-align: top;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	padding: 0 .5em;
	width: 0%;
}

table#workarea-header-layout {
	height: 30px;
}
div.workarea-guts-block {
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
}
table.workarea-guts-layout {
	background-color: #efc;
	height: 100%;
	width: 100%;
}
td.workarea-guts-header {
	font-size: 70%;
	border: 1px solid #aaa;
	padding: .3ex .3em;
	height: 0%;
}
td.workarea-guts-option {
	font-size: 70%;
	text-align: left;
	vertical-align: top;
	padding: .3ex .3em;
	border: 1px solid #aaa;
	background-color: white;
}
td.workarea-guts-option div.option-block {
	height: 15ex;
}
td.workarea-guts-body {
	vertical-align: top;
	border: 1px solid #aaa;
	background-color: white;
	height: 100%;
}

/* Header stuff */
div#header-version {
	font-size: 90%;
	color: #888;
	/*padding: 1ex 1em 0 0;*/
	position: absolute;
	left: 0;
	top: 10;
}
div#header-version a {
	padding-left: 1em;
	color: #888;
}
div#header-version a:hover {
	padding-left: 1em;
	color: #888;
	text-decoration: none;
}
div#header-logo {
	position: absolute;
	right: 0;
	top: 0;
}
div#header-logo img.logo {
	margin-left: 1em;
}
div#header-user {
	float: right;
}
span#header-loggedon {
	display: none;
}
span#header-loggedoff {
	display: none;
}
a#header-logoff {
	position: relative;
	z-index: 1;
}
a#header-toggle-applog {
	position: relative;
	z-index: 1;
}

/* Main Application Layout */
div#hash-block {
	position: absolute;
}
div#header-block {
	font-size: 95%;
	color: #888;
	position: absolute;
	left: 0;
	right: 0;
}
div#logger-block {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	display: none;
	width: 250px;
	height: 100%;	
}
div#workarea-block {
	position: absolute;
	left: 5;
	top: 0;
	right: 5;
	height: 100%;
}

/* Logon */
div#logon-block {
	padding: 1ex 1em;
	border: 1px solid #ccc;
	background-color: #f8f8f8;
	margin-left: -150px;
	position: absolute;
	top: 25%;
	left: 50%;
	width: 300px;
}

/* Application */
table#logger-layout {
	height: 100%;
}
td#logger-textarea {
	font-size: 70%;
	width: 0%;
	height: 100%;
}
td.logger-panel {
	font-size: 70%;
	text-align: left;
	padding: 2px;
	height: 0%;
}
td#logger-panel input.button {
}
textarea#logger-expression-input {
	display: block;
	font-family: "lucida console", "andale mono";
	font-size: 90%;
	background-color: white;
	border-top: 1px solid #aaa;
	border-right: 1px solid #f0f0f0;
	border-top: 1px solid #aaa;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 8ex;
}
textarea#logger-out {
	display: block;
	font-family: "lucida console", "andale mono";
	font-size: 80%;
	background-color: #f0f0e8;
	border-top: 1px solid #aaa;
	border-right: 1px solid #f0f0f0;
	border-top: 1px solid #aaa;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
}
td#logger-postback {
	height: 0%;
	text-align: center;
	padding: 1px;
}
iframe.postback {
	border: 1px solid #aaa;
	width: 45%;
	height: 60;
}

/* List stuff */
div.icon-text-value {
	width: 99%;
}
div.icon-text-value div.icon {
	margin-right: 2px;
	float: left;
}
div.icon-text-value div.text {
}
div.icon-text-value div.value {
	float: right;
	z-index: 10;
}

/* Form Elements */
div.prompt-bottom {
	font-family: verdana, helvetica, sans serif;
	font-size: 90%;
}
select {
	font-size: 100%;
	margin-top: 1px;
	width: 100%;
}
div.input {
	margin-bottom: 1ex;
}
td.input {
	vertical-align: top;
	padding: 0 .3em .7ex 0;
}
div.prompt {
	font-size: 90%;
	color: #226;
}
div.output {
	font-family: arial, geneva, "sans serif";
	font-size: 105%;
	color: #666;
	background-color: #eee;
	border: 1px solid #aaa;
	padding: 0;
	height: 2.6ex;
}
input.text {
	font-family: arial, geneva, "sans serif";
	font-size: 110%;
	border: 1px solid #aaa;
	width: 100%;
	color: black;
}
input.number {
	font-size: 115%;
	text-align: right;
	border: 1px solid #aaa;
}
input.password {
	font-family: arial, geneva, "sans serif";
	width: 15em;
	font-size: 110%;
	border: 1px solid #aaa;
}
input.button {
	font-size: 100%;
	width: 8em;
}

/* Global stuff */
body {
	font-family: verdana, helvetica, sans serif;
	font-size: 75%;
	margin: 0;
	padding: 0;
}
th {
	font-family: verdana, helvetica, sans serif;
	font-size: 75%;
	height: 0%;
}
td {
	font-family: verdana, helvetica, sans serif;
	font-size: 70%;
}
form {
	padding: 0;
	margin: 0;
}
div.form {
	width: 80%;
	height: 100%;
}
.darkshaded {
	color: white;
	background-color: #444;
}
.shaded {
	background-color: #e0e0e0;
}
.unshaded {
	background-color: #f8f8f8;
}
h1 {
	font-size: 110%;
	padding: 0;
	margin: 0;
}
h2 {
	font-size: 100%;
	color: #036;
	padding: 0;
	margin: 0;
}
p {
	padding: 0;
	margin: 0 0 1.5ex 0;
}
p.instructions {
	padding: 0;
	margin: .5ex 0;
	font-style: italic;
}
a {
	color: #036;
	text-decoration: none;
}
a:link {
	color: #036;
	text-decoration: none;
}
a:hover {
	color: #036;
	text-decoration: underline;
}
a:visited {
	color: #036;
}
table.form {
	width: 100%;
}
h1.form {
	margin-bottom: 1ex;
}
h2.form {
	padding: .5ex 0 .5ex 0;
}
div {
	position: relative;
}
div.fullsize {
	width: 100%;
	height: 100%;
}
div.scrolling {
	overflow: auto;
}
div.bottom-left {
	position: absolute;
	bottom: 0;
	left: 0;
}
div.bottom-right {
	position: absolute;
	bottom: 0;
	right: 0;
}
div.bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
div.fill {
	width: 100%;
	height: 100%;
}
ul {
	padding: 0;
	margin: 0 0 0 1.6em;
}
li {
	margin-left: .5em;
}
.emphasis {
	font-weight: bold;
}
textarea#notes {
	width: 99%;
}
div.form-title {
	border-bottom: 1px solid #aaa;
	margin-bottom: 1em;
}
td.small {
	font-size: 70%;
	vertical-align: top;
}

/* Core JS libraries */
div#es-net-urlcontainer-block {
	background-color: white;
	display: none;
	position: absolute;
	bottom: 0;
	right: 0;
	height: 70px;
}
div#es-net-urlcontainer-block iframe {
	border: 1px inset;
	width: 200px;
	height: 68px;
}

/* Error classes for forms */
input.invalid {
	background-color: #f8f0a0;
}
span.invalid {
	font-weight: bold;
}
p.invalid {
	font-weight: bold;
	color: red;
}
div.required {
	color: #b03010;
}
.error {
	color: #c33;
	font-weight: bold;
}

/* submit-indicator */
div.submit-indicator {
	margin-left:1em;
	float:left;
	color:#A62A2A;
}