/* All ASEC system colours are defined here as CSS variables */
:root { --forced: #3b3bd7; --alarm: #e00303; --simulated: #a354d1; --fault: #caca3d; --loc: #5b5a5a; --healthy: forestgreen; --warn: #f2750b; --analogue: #3a7ee8 }

/* All pages - classes */
.title { text-align: center; margin: 14px 0; display: block; font: bold 11pt Verdana; }
.subtitle { text-align: center; margin: 10px 0; display: block; font: bold 8pt Verdana; }
.tabletitle { margin: 10px 0 10px 15px; display: block; font: bold 9pt Verdana; }
.para { text-align: justify; margin: 12px 0; display: block; }
.field { clear: left; padding: 5px; }
.input { font: normal 8pt Verdana; width: 300px; margin: 2px; display: inline-block; }
	.input[type=text] { width: 296px; }
.grey { font: normal 7pt Verdana; color: #444; }
.padded { padding: 5px; }
.newPanel { clear: both; }
.clear { clear: both; }

/* Master page - general */
/*.loginPanel { position: absolute; right: 0; top: 0; width: 400px; height: 82px; background-color: #111; font: normal 8pt Verdana; text-align: center; }*/
/*.loginHeader { font: 12pt Verdana; color: #a78ec1; }*/
.subheader { top: 117px; height: 16px; }
/*.menuPanel { position: absolute; top: 135px; right: 0; width: 145px; font-size: 9pt; padding-bottom: 20px; }*/
/* Master page - Padding required to ensure bottom of menu stays above footer */
/*.menuHeader { text-align: center; font: bold 9pt Verdana; color: #66b; padding: 4px; background-color: #426; }
.menuItem { text-align: left; font: normal 9pt Verdana; display: block; padding: 2px; margin: 8px 2px 8px 8px; }
.menuSubItem { text-align: left; font: italic 9pt Verdana; display: block; padding: 2px; margin: 0 0 5px 30px; }*/

/* Index page */
.notice { text-align: center; margin: 15px; padding: 30px 15px; display: block; font: bold 12pt Verdana; background-color: #f00; color: #ff0; line-height: 25px; }
.indexbutton { font: normal 10pt Verdana; text-align: center; padding: 8px; background-color: #47d; margin: 5px 10% 5px 10px; display: block; border: solid 2px #99f; border-bottom-color: #44f; border-right-color: #44f; }

/* .chTitle { font: bold 10pt Verdana; color: #000; text-align: center; padding: 4px; background-color: #47d; margin: 5px 0px; display: block; }
.chText { font: normal 10pt Verdana; color: #fff; text-align: center; padding: 4px; background-color: #222; display: block; } */

/* Utilities pages */
.utilityPanel { overflow: auto; }
.meterTablePanel { float: right; padding-right: 50px; }
.meterCell { padding: 1px 5px; text-align: right; border: solid 1px #333; }
.calcs { border: solid 1px #555; }
.chart { padding: 0 0 0 10px; }

/* Task list pages */
.tasksItem { margin: 2px 2px 2px 15px; display: block; }
.tasksSubTask { margin: 2px 2px 2px 60px; display: block; }
.tasksPriSubItem { margin: 2px 2px 2px 195px; display: block; }
.tasksNumber { float: left; width: 30px; }
.tasksRoom { float: left; width: 170px; }
.tasksHoldRoom { width: 160px; float: left; margin-right: 10px; }
.tasksMenu { display: inline-block; margin: 2px 5px; text-align: center; padding: 2px 5px; }
.tasksHeader { display: block; padding: 10px 0 5px; }
.tasksTitle { font-weight: bold; }
.tasksAdd { width: 16px; height: 16px; margin-left: 20px; vertical-align: middle; }
.tasksTick { margin: 4px; }
.tasksHighPriority { color: #292; }
.tasksLowPriority { color: #922; }

/* To Do page */
.toDoAdd { width: 16px; height: 16px; margin: 2px; vertical-align: middle; }
.toDoItem { display: block; margin: 10px 0 10px 20px; font-size: 10pt; }
	.toDoItem a:link { text-decoration: none; }

/* Financial pages */
.accError { background-color: #d00; color: #dd0; padding: 20px 0; font-size: 1.6em; display: block; text-align: center; }
.accTable { width: 90%; margin: 0 auto; border-spacing: 0; }
.accHeaderCell { padding: 4px; text-align: center; }
.accPos { color: #060; }
.accNul { color: #666; }
.accNeg { color: #c00; }
.predicted { background-color: #e2cf0c; }
.graph { margin: 4px 0; }
.buyCombo { font: normal 8pt Verdana; background-color: #222; color: #fff; border: solid 1px #000; width: 120px; }

/* Tracker - location map page */
.map { float: right; margin: 10px 15px; }
.caption { font: bold 11pt Verdana; margin: 15px 0; display: block; color: #429; }
.data { font: normal 9pt Verdana; margin: 5px 20px; }
/* Tracker - manual set page */
.manCell { border: solid 1px #222; }

/* Entertainabase pages */
/*.smallCover { padding: 10px; }*/
.sumTable td { padding: 10px; border: none 5px; }
.entSearchPanel { float: right; width: 200px; margin: 2px; }
.entSearchBox { padding: 2px; width: 120px; }
.entSearchButton { padding: 2px 6px; float: right; }
.entSearchPresets { height: 30px; line-height: 30px; }
.entSearchText { vertical-align: middle; }
.entSearchCombo { float: right; margin: 4px 0; vertical-align: middle; padding: 2px; font-size: 9pt; }
.sumPanel { border: solid 2px #216; margin: 2px; padding-left: 5px; text-align: center; clear: both; }
.sumCover { float: left; padding-right: 5px; }
.sumTitle { text-align: left; margin: 2px; display: block; font: bold 9pt Verdana; color: #ff0; }
.sumText { text-align: left; margin: 2px; display: block; font-size: 7pt; color: #aaa; }		
.sumLink { float: right; }
.entTVPanel { float: right; width: 280px; }
/*.entTitle { margin: 10px; font-weight: bold; }*/
/*.entCombo { margin: 10px; padding: 0 2px; font-size: 8pt; }*/
.movieInfo { padding: 4px; }
.movieTitle { text-align: center; margin: 14px 0; display: block; font: bold 14pt Verdana; }
.movieLabel { text-align: left; margin-right: 5px; color: #74f; }
.movieLabelMinor { font-size: 7pt; }
.movieLabelMajor { font-size: 11pt; }
.movieData { text-align: justify; margin: 0; color: #aaa; }
.movieDataMinor { color: #555; font-size: 7pt; }
.movieDataMajor { color: #fff; font-size: 11pt; }
.movieBadData { text-align: justify; margin: 5px; background-color: #f00; }
.movieDataEdit { font: normal 8pt Verdana; margin: 0; }
.movieBadDataEdit { font: normal 8pt Verdana; margin: 0; background-color: #f00; }
.movieUnverified { font: bold 12pt Verdana; display: block; text-align: center; margin: 5px; padding: 5px; background-color: #d00; color: #ee0; }
.movieCover { float: left; padding-right: 10px; }
.movieButton { font: normal 10pt Verdana; width: 120px; float: right; }
.searchResults { padding-bottom: 20px; }
.searchResultSummary { padding: 5px 15px; margin: 2px; }
.searchResultLabel { padding: 5px 1px; }
.searchResultLink { margin: 5px 20px; display: block; }
.castList { margin: 5px 0 0 20px; }

/* Game page */
.tblGame { border-spacing: 0; border: 1px solid #333; display: inline; text-align: center; }
table.tblGame th { padding: 2px 4px; border: 1px solid #333; }
table.tblGame td { padding: 2px 4px; border: 1px solid #333; }
.slContainer { width: 100%; height: 600px; margin: 0 0 20px 0; }
.slHost { height: 100%; width: 100%; text-align: center; }

/* Messages page */
.msgSumPanel { border: solid 2px #446; background-color: #224; width: 150px; float: left; }
.msgSumTable { margin: 0 auto; }
	.msgSumTable th { font: bold 8pt Verdana; padding: 2px 6px; color: #fff; }
	.msgSumTable td { font: normal 8pt Verdana; padding: 2px 6px; }
.msgNamGood { text-align: left; color: #4f4; }
.msgNamGray { text-align: left; color: #555; }
.msgNumGood { text-align: right; color: #4f4; }
.msgNumGray { text-align: right; color: #555; }
.msgPanel { margin: 0 0 40px 160px; border: solid 2px #446; background-color: #224; }
.msgFrom { font-weight: bold; background-color: #113; padding: 8px; float: left; }
.msgSent { background-color: #113; padding: 8px; float: left; margin-left: 50px; }
.msgText { text-align: justify; margin: 12px; display: block; }
.msgTool { padding: 0 8px; }
.msgTools { text-align: right; background-color: #113; padding: 4px; }
.msgField { padding: 5px; }

/* Admin page */
.badUser { font: normal 8pt Verdana; text-align: center; padding: 20px; color: #f00; display: block; }
.admin th { border: solid 1px #447; color: #555; }
.admin td { border: solid 1px #447; color: #555; }
.yes { background-color: #0eb60e; }
.no { background-color: #d80c0c; }

/* Notes/documentation pages */
.docH1 { margin: 12pt 0 3pt; text-align: center; font: normal 16pt Verdana; text-decoration: underline; }
.docH2 { margin: 10px; font: bold 10pt Verdana; text-decoration: underline; }
.docH3 { margin: 12.0pt 0 3.0pt 0; font: normal 10pt Verdana; text-decoration: underline; display: block; }
.docContent { padding-left: 30px; margin: 10px; line-height: 18px; display: block; }
.docLogicTable { background-color: #fff; color: #000; margin: 10px; width: 320px; }
	.docLogicTable th { border: 1px solid #666; }
	.docLogicTable td { border: 1px solid #666; text-align: center; }
.docTable { background-color: #222; margin: 10px; border-collapse: collapse; }
	.docTable th { background-color: #444; border: 1px solid #888; padding: 2px 4px; }
	.docTable td { border: 1px solid #888; padding: 2px 4px; }
.bullet { list-style: square; margin: 10px; color: #bbf; }
	.bullet li { padding: 2px; }

/* ASEC live data page */
.livePanel { padding: 2px; margin-left: 20px; border-bottom: 1px solid #333; }
	.livePanel span { display: inline-block; vertical-align: top; }
.liveForced { width: 8px; color: var(--forced); }
.liveSimulated { width: 8px; color: var(--simulated); }
.liveValue { width: 20%; text-align: right; }
.liveUnits { width: 15%; }
.liveDesc { width: 25%; }
.liveHealthy { color: var(--healthy); }
.liveAlarm { color: var(--alarm); }
.liveFault { color: var(--fault); }
.liveLOC { color: var(--loc); }
.liveAnalogue { color: var(--analogue); }

/* ASEC Network History page */
.histChart { padding: 0 0 0 0; }
.histPanel { padding: 4px 4px 4px; margin-left: 20px; border-bottom: 1px solid #333; }
.histDesc { width: 100px; vertical-align: top; float: left; }
.histValue { vertical-align: top; padding: 2px; }
.histCombo { background-color: #335; color: #FFF; font: normal 8pt Verdana; border-style: inset; display: block; padding: 2px; }
.histData { float: right; padding: 5px; }

/* ASEC Lighting Controller page */
.lightButton { font: normal 11pt Verdana; text-align: center; padding: 10px; background-color: #47d; margin: 10px; width: 200px; border: solid 2px #99f; border-bottom-color: #44f; border-right-color: #44f; }
.lightStatus { margin: 10px 10px; display: block; font: 12pt Verdana; }
.lightColour { font: bold 12pt Verdana; text-align: center; padding: 10px; margin: 10px; width: 100px; border: solid 2px #99f; border-bottom-color: #44f; border-right-color: #44f; }

/* Inventory pages */
.invLocation { font: bold 9pt Verdana; color: #44f; padding: 2px; }
.invStore { font-size: 9pt; color: #77f; padding: 2px; }
.invColour { padding: 2px; margin: 1px 4px 1px 50px; width: 10px; height: 10px; float: left; vertical-align: middle; }
.invPart { padding: 2px; margin-left: 50px; display: block; text-align: justify; }
.invTree { border: 1px solid #222; width: 300px; margin: 4px; float: left; }
.invTreeSelected { padding: 0 2px; background-color: #222; }
.invInput { font: normal 8pt Verdana; width: 400px; margin: 4px; display: inline-block; }
	.invInput[type=submit] { width: 404px; }
.invTH { text-align: left; }
.invPartCell { padding: 2px 2px; }
	.invPartCell a:link { text-decoration: none; }
.invEditPanel { float: left; }
/* Farbtastic colour picker */
.farbtastic { position: relative; }
	.farbtastic * { position: absolute; cursor: crosshair; }
	.farbtastic, .farbtastic .wheel { width: 195px; height: 195px; }
		.farbtastic .color, .farbtastic .overlay { top: 47px; left: 47px; width: 101px; height: 101px; }
		.farbtastic .wheel { background: url(../pics/Farbtastic/Wheel.png) no-repeat; width: 195px; height: 195px; }
		.farbtastic .overlay { background: url(../pics/Farbtastic/Mask.png) no-repeat; }
		.farbtastic .marker { width: 17px; height: 17px; margin: -8px 0 0 -8px; overflow: hidden; background: no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAK3RFWHRDcmVhdGlvbiBUaW1lAHZyIDE0IGp1bCAyMDA2IDEzOjMxOjIzICswMTAwHvJDZwAAAAd0SU1FB9YHDgsgJYiZ4bUAAAAJcEhZcwAALiIAAC4iAari3ZIAAAAEZ0FNQQAAsY8L/GEFAAAB5ElEQVR42q2Tz0sqURTH72Qq4mASSAoSIfSDdCEI8qJFLXSjLYSQNoGLINrI8/0ZD9q0KnDlKkIMebmP9xZRCEEiLQLBiMiNJDYq/Zg573vpCkM6CdGBD3Pn3OvXe77nDGPfENKwJBHx/CxYAtNAAVfgXJKk7khVCCyCP6ALVKAJXkEdbINxw5tgM4HHPphSFEUql8usXq8zWZZZKBRiPp+PH3sBx2Br4FbiBg+aplGxWKRgMPiMH1+YTKZDq9V64na7G+l0mprNJo7RG/g94IEoQSsUCuRyue6QToIJYAJWMA/Bo2QySZ1Ohws9gZBeZI570Gq1yO/395BKGJg+ZbFYznK5HAmf9vQiKW5iqVQim832Fyn5E+83Y7EYieAdY2Nig7dRqtVqrNfr3YiWGsVltVrtr2f0IrwEZrfbGeqWhQ9GMeFwOPprRS9SAWo4HGZOp/MH1l4DAS6+HolE+u9Xek9kcK+qKqVSKUL/s0hPDhFY83g8j5VKhcQg7nxs80/w0mg0KB6Pa2az+RTpDbDA3sd/lwvk8/l+Z7iS/FHEAor8H9rtNmWzWYpGo+T1eikQCFAmkyFxAy7AJ255aMHYcIID8d1oNBi8hGuwwkYFDq0CPlG3YsTb4B/4BRwjBb4S/wGzT16tu5THiAAAAABJRU5ErkJggg==); }

/* Extension photos page */
.expTitle { font: bold 9pt Verdana; color: #3a3; display: block; padding: 4px; }
.expThumb { display: inline-block; padding: 4px; }