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

/* Language default=en */
span.lang-en {
}
span.lang-es {
	display: none;
}
span.lang-pt {
	display: none;
}

/* Events */
div#events-block {
	width: 20em;
	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;	
}

/* 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-block {
	width: 100%;
	height: 100%;
}
div#units-block div.icon {
	padding: 2 3 2 0;
}
div#units-block div.text {
	top: 3;
}
div#units-selectall-block {
	text-align: right;
	padding: 1ex .3em 0 .3em;
}

/* 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: .2ex .4em 0 .4em;
	height: 0%;
}
td#list-options h2 {
	font-size: 100%;
	color: black;
	padding: 0 0 .3ex 0;
	margin: 0;
}
div#list-options-block {
	position: static;
	width: 100%;
}

/* ======== deprecated ======== */
table#list-guts-layout {
	width: 100%;
	height: 100%;
}
div#list-guts-loading {
	background-image: url(/theme/_img/spinner_md.gif);
	background-repeat: no-repeat;
	background-position: center center;
	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;
}
/* ======== deprecated ======== */

/* list-options */
td#list-options {
}
table.list-options-layout td.input {
	font-size: 70%;
}
table.list-options-layout td.input div.prompt {
	font-weight: bold;
}

/* list-guts */
td#list-guts {
	background-color: white;
	border: 1px solid #ccc;
	padding: 0;
	height: 100%;
}
table.list-guts-layout {
	border-bottom: 1px solid #eee;
}
table.list-guts-layout td, th {
}
table.list-guts-layout td.error, th.error {
	background-color: transparent;
	background-image: url(/theme/_img/unit/error-hash_xs.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
table.list-guts-layout td.warning, th.warning {
	background-color: transparent;
	background-image: url(/theme/_img/unit/warning-hash_xs.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
table.list-guts-layout div {
	position: static;
}
div#list-guts-block {
	position: static;
	width: 100%;
	height: 100%;
}
th.list-guts-openclose {
	vertical-align: top;
	border-top: 1px solid #eee;
	padding: 4 .3em 0 .3em;
	width: 0%;
}
th.list-guts-checkbox {
	vertical-align: top;
	border-top: 1px solid #eee;
	width: 0%;
}
th.list-guts-checkbox a.checkbox {
	display: block;
}
th.list-guts-checkbox div {
	padding: 4 5 1 3;
}
th.list-guts-value {
	font-family: arial, geneva, sans serif;
	font-size: 70%;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	border-top: 1px solid #eee;
	padding: 4 0 2 .2em;
	width: 100%;
}
th.list-guts-value a {
	font-weight: bold;
	display: block;
	width: 95%;
}
th.list-guts-value a:hover {
	background-color: #dddde8;
	text-decoration: none;
}
th.list-guts-value div.icons {
	float: right;
	padding-left: 3;
	margin-right: 2;
	margin-top: -2;
}
/* list-guts/waiting */
th.list-guts-openclose div.waiting a {
	visibility: hidden;
}
th.list-guts-checkbox div.waiting {
	background-image: url(/theme/_img/spinner_xs.gif);
	background-repeat: no-repeat;
	background-position: 1 3;
}
th.list-guts-checkbox div.waiting a.checkbox {
	visibility: hidden;
}
th.list-guts-value div.waiting a {
	color: #aaa;
}

/* list-guts/timedout */
th.list-guts-checkbox div.timedout {
}
th.list-guts-checkbox div.timedout img.checkbox {
	border: 1px solid #c33;
}
th.list-guts-value div.timedout a {
	color: #c33;
	font-style: italic;
}

/* list-guts/success */
th.list-guts-checkbox div.success {
}
th.list-guts-checkbox div.success img.checkbox {
	border: 1px solid #0b0;
}
th.list-guts-value div.success a {
	color: #0b0;
}

/* focus */
tr.focus th { 
	background-color: #eef;
}
tr.focus td { 
	background-color: #eef;
}

td.list-guts-value {
	font-family: arial, geneva, sans serif;
	font-size: 70%;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding: 0 0 0 .3em;
	width: 100%;
}
div.list-guts-value-block {
	padding: 1 .3em 1 0;
	clear: both;
}
td.list-guts-value div.icon {
	font-size: 0%;
	padding-right: 3;
	float: left;
	display: block;
}
td.list-guts-value div.label {
	font-weight: 700;
	color: #555;
	margin: 0 .7em 0 .3em;
	float: left;
	display: block;
	width: 4.5em;
}
td.list-guts-footer {
	font-size: 0%;
}
div.list-guts-unit-starter-disable {
	color: #c22;
	font-weight: bold;
}

/* list-summary */
td#list-summary {
	background-color: #ddd;
	border-top: 1px solid #777;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #777;
	padding: 0 .4em .4ex .4em;
}
div#list-summary-block {
	position: static;
	height: 100%;
}
table.list-summary-layout {
	width: 100%;
}
table.list-summary-layout th, td {
	font-family: arial, geneva, "sans serif";
}
th.list-summary {
	font-weight: bold;
	border-bottom: 1px solid #aaa;
	padding: .5ex 0 0 0;
}
td.list-summary-icon {
	font-size: 0%;
	vertical-align: middle;
	padding: 2 4;
	width: 0%;
}
td.list-summary-label {
	font-family: arial, geneva, "sans serif";
	font-weight: 600;
	text-align: left;
	vertical-align: middle;
	padding: 2 0 2 .5em;
	width: 50%;
}
td.list-summary-value {
	vertical-align: middle;
	padding: 2 .5em;
	width: 0%;
}
td.list-summary-value div.number {
	text-align: right;
}

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;
}
img.checkbox {
	border: 1px solid #229;
}

/* 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: #039;
	text-decoration: none;
}
a:link {
	color: #039;
	text-decoration: none;
}
a:hover {
	color: #039;
	text-decoration: underline;
}
a:visited {
	color: #039;
}
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.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;
}
div.scrolling {
	overflow: auto;
}
div.scrolling-container {
	position: relative;
	height: 100%;
	width: 100%;
}
div.scrolling-container div.scrolling {
	overflow: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
img {
	border: none;
}

/* 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;
}
.required {
	color: #b03010;
}
.error {
	color: #c33;
	font-weight: bold;
}

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