/* Global stuff */
body {
	font-family: verdana, helvetica, sans serif;
	font-size: 75%;
	margin: 0;
	padding: 0;
}
th {
	font-size: 70%;
	height: 0%;
}
td {
	font-size: 70%;
}
td.stretch-x {
	width: 100%;
}
td.spacer {
	width: 0%;
}
img {
	border: none;
}
form {
	padding: 0;
	margin: 0;
}
div.form {
	width: 90%;
	height: 100%;
}
h1 {
	font-size: 120%;
	line-height: 110%;
	padding: 0;
	margin: 0;
}
h2 {
	font-size: 100%;
	color: #036;
	padding: 0;
	margin: 0;
}
h3 {
	padding-bottom: 0;
	margin: .5ex;
}
p {
	padding: 0;
	margin: 0 0 1.5ex 0;
}
p.instructions {
	padding: 0;
	margin: .5ex 0;
	font-style: italic;
}
a {
	text-decoration: none;
}
a:link {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:visited {
}
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;
}

/* Page */
div#page-block {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	height: 100%;
}
table#page-layout {
	width: 100%;
	height: 100%;
}


/* Header stuff */
td#header {
	height: 0%;
}
div#header-block {
	font-size: 95%;
	color: #888;
	position: relative;
	left: 0;
	right: 0;
}
div#header-version {
	font-size: 90%;
	color: #888;
	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-right {
	position: absolute;
	top: 5;
	right: 20;
}
div#header-logo-left {
	position: absolute;
	bottom: 15;
	left: 20;
}
div#header-logo img.logo {
	margin-left: 1em;
}
div#header-credentials {
	position: absolute;
	bottom: 10;
	right: 120;
}

div#header-user {
	float: right;
}
span#header-loggedon {
	display: none;
}
#header-notloggedon {
	display: inline;
}
/*span#header-loggedoff {
	display: none;
}
a#header-logoff {
	position: relative;
	z-index: 1;
} */
a#header-toggle-applog {
	position: relative;
	z-index: 1;
}

/* Subheader */
td#subheader {
	vertical-align: bottom;
	padding: .5ex 0 0 0;
}
div#subheader-block {
}
table#subheader-layout {
	width: 100%;
}
table#subheader-layout td {
	font-size: 75%;
	font-weight: bold;
	vertical-align: bottom;
	padding: 1ex 2em 0 2em;
	color: #aaa;
	border-bottom: 1px solid #999;
	width: 0%;
}
table#subheader-layout td.selected {
	font-size: 75%;
}
table#subheader-layout td.stretch-x {
	border-top: none;
	border-right: none;
	padding: 0;
	width: 100%;
}
table#subheader-layout td.spacer {
	border-top: none;
	border-right: none;
	padding: 0 1em;
	width: 0%;
}

/* Menu */
td#menu {
	padding: 1ex 0 1ex .5em;
	width: 0%;
	height: 100%;
}
div#menu-block {
	width: 240;
	height: 100%;
}
table#menu-layout {
	width: 100%;
	height: 100%;
}
td#menu-units {
	height: 100%;
}
td#menu-alert {
	padding-top: .4ex;
	height: 0%;
}

/* Guts */
td#guts {
	padding: 1ex 0 1ex .5em;
	width: 100%;
	height: 100%;
}
div#guts-block {
	width: 100%;
	height: 100%;
}

/* Sidebar */
td#sidebar {
	padding: 1ex .5em 1ex .5em;
	width: 0%;
	height: 100%;
}
div#sidebar-block {
	width: 220px;
	height: 100%;
}

/* Footer */
td#footer {
	font-size: 65%;
	border-top: 1px solid #aaa;
	padding: 1.5ex 1.5em;
	height: 0%;
}
div#footer-block {
}
table#footer-layout {
	height: 2ex;
}
td.footer-bullet {
	font-size: 65%;
	padding: 0 .5em;
}
td#footer-copyright {
	font-size: 65%;
	text-align: right;
	width: 0%;
}

/* Events */
div#events-block {
	width: 100%;
	height: 100%;
}
table#events-layout {
	background-color: #e5e5ff;
	width: 100%;
	height: 100%;
}
table#events-layout td.last {
	background-color: white;
	padding: 0px;
}
td#events-header {
	font-size: 70%;
	border: 1px solid #aaa;
	padding: .3ex .3em;
	height: 0%;
}
td#events-tabs {
	height: 0%;
}
div#events-options-block {
	position: relative;
}
td#events-guts {
	background-color: white;
	border: 1px solid #aaa;
	height: 100%;
	padding: 3px;
}
div#events-guts-block {
	left: 0;
	top: 0;
	right: 0;
	position: relative;
	overflow: auto;
	width: 95%;
	height: 100%;
	height: 20em;
}
div#events-guts-list {
	position: relative;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	overflow: auto;
}
th.event-cell {
	font-size: 65%;
	text-align: left;
	padding: 2px;
}
td.event-cell {
	font-size: 65%;
	padding: 2px;
}
td.event-cell .label {
	font-weight: bold;
}
td.event-cell .alert {
	color: red;
}
td.event-cell .value {
}
td.events-options {
	border: 1px solid #aaa;
	padding: 3px;
	height: 0%;
}
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;
}

/* Map */
div#map-block {
	background-color: white;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	height: 100%;
}
div#map-canvas-block {
	width: 100%;
	height: 100%;
}
div#map-address-block {
	height: 6ex;
}


/* 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;
}

/* unit-locate-block */
div#unit-locate-block {
	margin-bottom: 1.5ex;
}

/* The Unit Profile */
td#list-toggle {
	background-color: white;
	border: 1px solid #ccc;
	padding: .4ex .4em;
	height: 0%;
	text-align: right;
}
div#units-block {
	border: 1px solid #aaa;
	background-color: white;
	height: 98%;
	width: 100%;
}
div#units-block div.icon {
	padding: 2 3 2 0;
}
div#units-block div.text {
	top: 3;
}
div#menu-units-block {
	width: 100%;
	height: 100%;
}
div#units-selectall-block {
	text-align: right;
	padding: 1ex .3em 0 .3em;
}

/* Units List */
div#units-list {
	overflow: auto;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	width: 99%;
	height: 98%;
}
div#units-list div.selected {
	background-color: #aaa;
}
div#units-list div.text {
	padding-top: 1px;
	left: 3px;
}
div#units-list div.icon {
	left: 3px;
}
div#units-list div.value {
	padding-top: 2px;
}
div#units-list div.value img {
	background-color: #99e;
	width: 16px;
	height: 16px;
	margin: 1 3;
}
div#units-list div.rule {
	clear: both;
	width: 100%;
}
div#units-list div.rule img {
	width: 100%;
	height: 1px;
}
div#units-toggle-block {
	text-align: right;
	padding-right: .5em;
}

/* Unit Profile */
div#unit-profile-block {
	height: 100%;
}
table#unit-profile-layout {
	width: 100%;
	height: 100%;
}
table#unit-profile-layout td.icon {
	vertical-align: top;
	padding: 0 .4em 1.5ex 0;
}
table#unit-profile-layout td.title {
	font-family: verdana;
	font-size: 70%;
	color: #075888;
	vertical-align: top;
	padding-top: .2ex;
	width: 100%;
}
table#unit-profile-layout div.button {
	text-align: right;
	padding: 1ex 0 0 0;
}
table#unit-profile-layout input.button {
	width: 7em;
}
table#unit-profile-layout td.form {
	font-size: 70%;
	text-align: left;
	padding: 0 0 3 0;
}

/* (Left-hand) List */
div#list-block {
	width: 270px;
	height: 100%;
}
td#list-header {
	font-size: 70%;
	border: 1px solid #aaa;
	padding: .3ex .3em;
	height: 0%;
}

/* 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%;
}

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: red;
	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%;
}

/* Alerts */
div#alerts-block {
	position: static;		/* Explorer!!!! */
	width: 100%;
}
table#alerts-layout {
	width: 100%;
}
table#alerts-layout th {
	color: #333;
	border-bottom: 1px solid #444;
}
table#alerts-layout td.icon {
	text-align: center;
	padding: 3 1 0 1;
}
table#alerts-layout td.caption {
	font-family: arial, geneva, sans serif;
	font-size: 60%;
	text-align: center;
}



/* Main Application Layout */
div#hash-block {
	position: absolute;
}

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 {
	background-color: #FAFCFF;
	border: 1px solid #aaa;
	visibility: hidden;
	position: absolute;
	margin-left: -180;
	padding: 3ex 2em 3ex 2em;
	left: 50%;
	top: 30%;
	width: 320px;
}

/* 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 {
}
td#logger-expression {
	font-size: 65%;
}
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%;
}
textarea#logger-in {
	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: 10ex;
}
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 */
select {
	font-size: 110%;
	margin-top: 1px;
	width: 100%;
}
td.input {
	vertical-align: top;
	padding: 0 .3em .7ex 0;
	font-size: 75%;
}
div.input {
	margin-bottom: 1ex;
	padding-bottom: .8ex;
	position: static;
}
div.input-submit {
	text-align: right;
}
div.prompt {
	font-family: verdana, helvetica, sans serif;
	font-size: 85%;
	color: #226;
	position: static;
}
div.prompt-inline {
	font-family: verdana, helvetica, sans serif;
	color: #226;
}
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;
}
div.input-button {
	padding-top: 3ex;
	position: static;
	height: 100%;
}
textarea {
	font-family: "lucida console", "andale mono";
	font-size: 110%;
}
div.display-group div.prompt-value {
	padding: 0 0 .3ex 1em;
}
div.display-group div.prompt-value div.value {
	color: #037;
	float: right;
	width: 60%;
}
div.display-group div.prompt-value span.value {
	color: #037;
}
div.input div.prompt-value {
	padding: 0 0 .3ex 1em;
}
div.input div.prompt-value div.value {
	color: #037;
	float: right;
	width: 60%;
}
div.input div.prompt-value span.value {
	color: #037;
}

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

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

table.console-tabs-layout {
	width: 100%;
}
table.console-tabs-layout td.selected {
	background-color: white;
	border-top: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid transparent;
}
td.console-tabs-tableft {
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	width: 0%;
}
td.console-tabs-tab {
	background-color: #ccc;
	border-top: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	padding: 2 6;
	width: 0%;
}
td.console-tabs-tabright {
	border-bottom: 1px solid #aaa;
	width: 100%;
}
div.console-form-block {
	background-color: white;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #aaa;
	padding: 3;
}

/* Pad Table */
table.pad-layout {
	width: 100%;
	height: 100%;
}
td.pad-top {
	background-image: url(/_img/balloon/pad-topbottom.gif);
	background-position: top;
	background-repeat: repeat-x;
	height: 0%;
}
td.pad-top img {
	width: 4px;
}
td.pad-top-left {
	background-image: url(/_img/balloon/pad-corners.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 0%;
}
td.pad-top-right {
	background-image: url(/_img/balloon/pad-corners.gif);
	background-position: right top;
	background-repeat: no-repeat;
	height: 0%;
}
td.pad-top-pointer {
	width: 0%;
}
td.pad-top-open {
}
td.pad-title {
	font-size: 70%;
	padding: .3ex .3em;
	width: 100%;
	height: 0%;
}
td.pad-title p {
	padding: 0 0 1ex 0;
	margin: 0;
}
td.pad-guts {
	font-size: 70%;
	vertical-align: top;
	padding: 0 .3em;
	width: 100%;
	height: 100%;
}
td.pad-title h1 {
	font-size: 110%;
	font-weight: bold;
	color: black;
	margin: 0 0 .3ex 0;
	padding: 0;
}
td.pad-guts h1 {
	font-family: verdana;
	font-size: 110%;
	font-weight: bold;
	color: #0060a0;
	padding: 0;
	margin: 0;
}
td.pad-title h2 {
	font-family: verdana;
	font-size: 100%;
	font-weight: bold;
	color: #036;
	border-bottom: 1px solid #336;
	padding: 0;
	margin: 0 0 .5ex 0;
}
td.pad-guts h2 {
	font-family: verdana;
	font-size: 100%;
	font-weight: bold;
	color: black;
	padding: 0;
	margin: 1ex 0 .5ex 0
}
td.pad-left {
	background-image: url(/_img/balloon/pad-sides.gif);
	background-position: left;
	background-repeat: repeat-y;
}
td.pad-left img {
	width: 6px;
}
td.pad-right {
	background-image: url(/_img/balloon/pad-sides.gif);
	background-position: right;
	background-repeat: repeat-y;
}
td.pad-right img {
	width: 7px;
}
td.pad-right-open {
	height: 0%;
}
td.pad-footer {
	font-size: 70%;
	padding: .3ex .3em;
	width: 100%;
	height: 0%;
	margin-bottom: .5em;
}
td.pad-bottom {
	background-image: url(/_img/balloon/pad-topbottom.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	height: 0%;
}
td.pad-bottom img {
	width: 7px;
}
td.pad-bottom-left {
	background-image: url(/_img/balloon/pad-corners.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	height: 0%;
}
td.pad-bottom-right {
	background-image: url(/_img/balloon/pad-corners.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	height: 0%;
}

/* Output */
div.output {
	font-family: arial, geneva, "sans serif";
	font-size: 105%;
	color: #666;
	padding: 0 0 .5ex 0;
	height: 2.6ex;
}
div.output div.label {
	font-size: 95%;
	color: #226;
}
div.output div.icon {
	float: left;
}
div.output div.value {
	font-family: arial, geneva, sans serif;
	float: right;
}

/* Activation */
div.activation {
	display: none;
}
div.activation h1.activation {
	font-size: 140%;
	font-weight: bold;
	border-bottom: 1px solid #369;
	margin-top: .5ex;
	margin-bottom: .5ex;
	width: 99%;
}
div.activation-help-step {
	display: none;
}
div.activation-help-step ul {
	margin-left: 1.5em;
}
div.activation-help-step ul li {
	margin-bottom: .5ex;
}
div.titleicon {
	border-bottom: 1px solid #aaa;
	padding: 0 0 2ex 0;
	position: relative;
	width: 100%;
}
div.titleicon img.icon {
	padding-right: 1em;
	float: left;
}
div.titleicon h1 {
	padding-top: .5em;
}
div.listbody div.icon-title-description {
	padding: 1 1em .5ex 0;
	clear: both;
	position: relative;
}
div.icon-title-description img.icon {
	position: absolute;
	top: 0;
	left: 5;
}
div.icon-title-description div.title {
	font-weight: bold;
	position: relative;
	left: 25;
	width: 180px;
}
div.icon-title-description div.description {
	position: relative;
	margin: 0ex 0 0 25;
}
div.listbody-closed {
	margin-top: 1em;
}
input.button-continue {
	float: right;
	color: black;
	font-size: 100%;
}
#step3-info-loggedon {
	padding: 1em;
	color: red;
}

/* Admin */
div#admin-block {
}
table#admin-layout {
	width: 100%;
}
table#admin-layout th {
	color: #333;
	border-bottom: 1px solid #444;
}
table#admin-layout td.icon {
	text-align: center;
	padding: 3 1 0 1;
}
table#admin-layout td.caption {
	font-family: arial, geneva, sans serif;
	font-size: 60%;
	text-align: center;
}

/* 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;
}