/* Table of Content
=====================================
	# 1. RESET
	# 2. BASIC DIVISION PAGES
	# 3. BASIC SETTINGS
	# 4. LINKS
	# 5. MAIN MENU
	# 6. SUBNAV
	# 7. TABLE
		- STATUS
		- CONFIG
		- READERS
		- USERS
		- SERVICES
		- FAILBAN
		- CACHEEX
		- OTHER TABLES
	# 8. TABLE TR
	# 9. TABLE TH
	# 10. TABLE TD
	# 11. DIV
	# 12. TEXTAREA,SELECT,INPUT
	# 13. IMAGE
	# 14. SPAN
	# 15. GRAPH
	# 16. SORTING IN TABLE
	# 17. POLLING
	# 18. ECM BAR HISTORY
	# 19. FILE MENU
	# 20. OTHER SETTINGS
===================================== */
/* **************** 1. RESET  */
* {margin:0;padding:0}
/* **************** 2. BASIC DIVISION PAGES */
html,body,* html #wrapper {height:100%}
#wrapper {position:relative;min-height:100%}
#content {margin-bottom:0;padding:0 8px 115px}
#footer {position:absolute;bottom:0;width:100%}

/* **************** 3. BASIC SETTINGS - BODY,P,H4,LI,B */
body {
	font-family:Arial;
	font-size:11px;
	text-align:center;
	background-color:#FFF;
	color:#000;
	text-decoration:none
}
/* pre_shutdown.html */
h4 {
	font-size:18px;
	line-height:9px;
	margin:20px 0;
	color:#F00
}
/* shutdown.html, autoconf.html */
p.text-large-red {
	font-weight:700;
	font-size:large;
	color:#F00
}
/* file.html, script.html */
#filename,#filesubmit {
	font-weight:700;
	font-size:14px
}
#filesubmit {
	height:20px
}
li {
	list-style:none
}
/* readerstats.html for P */
#text_totalecm {
	font-weight:bold;
	margin-top:5px
}
/* footer.html */
li.styleauthor:after {
	content:"Streamboard Team"
}
/* Solution for vertical align in tbody.statusecminfo */
tbody.statusecminfo tr:nth-child(5) td:last-child b {
	position:relative;
	top:1px
}
/* **************** 4. LINKS */
a {
	text-decoration:none;
}
a:link, a:visited, a:active {
	color:#000
}
a:hover {
	color:#FF9E5F
}
/* logpage_debugmenu.html */
a.debugl:link, a.sizeml:link {
	margin:0 1px
}
a.debugl:hover, a.debugs:hover, a.sizeml:hover, a.sizems:hover {
	background-color:#A00;
	color:#FFF
}
/* module-webif.c  */
a.debugls:link, a.sizemls:link {
	padding:1px 2px 2px
}
a.debugls:link, a.debugls:visited, a.sizemls:link, a.sizemls:visited {
	background-color:#A00;
	color:#FFF
}
/* cccamentitletooltip.html, foundentitlements.html, noentitlements.html and module-webif.c */
a.tooltip,
a.tooltip1 {
	position:relative;
	cursor:default
}
a.tooltip span,
a.tooltip1 span {
	display:none;
	z-index:99;
	white-space:nowrap
}
a.tooltip1 {
	color:#F00
}
a:hover span {
	display:block;
	position:absolute;
	top:1em;
	right:1em;
	padding:4px;
	font-weight:normal;
	text-align:left;
	background-color:#FFF;
	border:1px solid #000;
	color:#000
}
a img.icon {
	background-color:#A00
}
a:hover img.icon {
	background-color:#F00
}
td.statuscol14 a, td.statuscol16 a, td.subheadline a {
	text-decoration:none
}
span a {
	text-align:center
}
td.statuscol4 a,
td.statuscol9 a,
td.statuscol13 a {
	text-align:center
}
/* module-webif.c class for services.html */
div.sidlistclose a {
	padding:0 3px;
	color:#FFF
}
/* help link readers/servicesedit/useredit/config.html */
form table a {
	cursor:pointer
}
/* **************** 5. MAIN MENU */
#main {}
#mainmenu {
	height:27px;
	padding-top:6px;
	white-space:nowrap;
	display:inline-block;
	position:relative;
	background-color:#FFF
}
#mainmenu li {
	display:inline;
	margin:0 2px;
	padding:4px 3px 3px;
	font-size:18px;
	font-weight:700
}
li.menu a,li.menu a:hover,
li.menu_selected a,li.menu_selected a:hover {
	color:#000
}
li.menu:hover, li.menu_selected,
li.configmenu:hover, li.configmenu_selected {
	background-color:#e8e8e8;
}
/* **************** 6. SUBNAV */
#subnav {}
#nav {
	height:22px;
	white-space:nowrap
}
#nav li {
	display:inline-block;
	position:relative;
	margin:0 2px;
	padding:0 3px;
	font-size:14px
}
li.configmenu a, li.configmenu a:hover,
li.configmenu_selected a, li.configmenu_selected a:hover {
	color:#000
}
/* entitlements.html, readerconfig.html and user_edit.html */
li.text_entitle {
	font-weight:700
}
/* **************** 7. TABLE */
table {
	border-spacing:1px;
	border:0;
	margin:0 auto
}
/* ------- STATUS ------- */
/* status.html */
table.status {
	width:100%;
	empty-cells:show;
	background-color:#FFF
}
/* Table statusmeminfo	- in status_systeminfo.html
 * Table statususerinfo	- in status_userinfo.html
 * Table statuscacheexinfo	- in status_cacheexinfo.html
 */
table.infotable {
	width:60%;
	white-space:nowrap
}
/* ------- CONFIG ------- */
/* for all part in CONFIGURATION item */
/* include readerconfig.html & user_edit.html */
table.config, table.configreader,table.configuser {
	width:80%;
	margin-bottom:-1px;
	max-width:610px;
	white-space:nowrap
}
/* ------- READERS ------- */
/* readers.html */
table.readers {
	width:100%
}
#newinsert table.readers, #searchTable table.readers {
	border-spacing:1px 0px;
	margin-top:1px
}
/* entitlements_bit.html, entitlements_cccambit.html */
table.stats {}
/* emm.html */
table.writeemm {
	width:750px
}
/* emm_running.html */
table.emmrunning {
	width:750px
}
/* readerstats.html */
table.statsbalance td:last-child {
	line-height:20px;
	width:125px
}
table.statsbalance td:last-child a {
	float:right;
	margin-left:10px
}
/* scanusb.html */
table.scanusb {}
/* On/Off button for readers and users in readers.html and userconfig.html*/
td.readercol0 a img.icon,
td.usercol0 a img.icon {
	background-color:#0A0
}
td.readercol0 a:hover img.icon,
td.usercol0 a:hover img.icon {
	background-color:#F00
}

/* ------- USERS ------- */
/* userconfig.html */
table.users {
	width:100%
}
#newinsert table.users, #searchTable table.users {
	border-spacing:1px 0px;
	margin-top:1px
}
/* ------- SERVICES ------- */
/* services.html */
#addnewservice,#servicesedit,table.configservices {
	width:40%;
	max-width:510px;
	text-align:center
}
#addnewservice {
	border-spacing:1px 0px;
	margin-top:1px
}
/* services_edit.html */
table.configservices {
	margin-bottom:-1px;
	text-align:left
}
/* ------- FAILBAN ------- */
/* failban.html */
table.failban {}

/* ------- CACHEEX ------- */
/* cacheex.html */
table.cacheex, table#dataTable.stats {
	width:80%
}
table#cachexstats {
	width:50%;
	max-width:1300px;
	white-space:nowrap;
	margin:20px auto 0
}
/* ------- OTHER TABLES ------- */
.invisible table {
	border-spacing:0;
	margin-left:0
}
td.subservice {}
table.subservicetable {
	width:100%;
	background-color:#FFF
}
.invisible table tr,
.invisible table td {
	background-color: transparent;
}
table.configreader > tbody > tr:not(.subservicetable):hover > td,
table.configuser > tbody > tr:not(.subservicetable):hover > td {
	background-color: #DDD;
	color: #000;
}
table.subservicetable tr:hover td {
	background-color: #DDD;
	color: #000
}
tr.online:hover td,
tr.offline:hover td,
tr.disabled:hover td,
tr.connected:hover td,
tr.expired:hover td,
tr.statuscacheex:hover td,
tr.disabledreader:hover td,
tr.enabledreader:hover td,
tr.r_undefined:hover td,
tr.r_connected:hover td,
tr.a:hover td,
tr.c:hover td,
tr.h:hover td,
tr.s:hover td,
tr.n:hover td,
#servicesedit tr:hover td,
table.statususericon tr:hover td,
table.failban tr:hover td,
table.statsbalance tr:hover td,
table.stats tr:hover td,
table.config tr:hover td,
#statuscacheex tr:hover td,
table.scanusb tr.scanusbsubhead:hover td {
	filter: brightness(95%);
	color: #000
}
table.scanusb tr:hover td {
	filter: brightness(95%);
	color: #000;
}
.scanusb td b {
	color: red;
}
tr.r:hover td {
	background-color:#faecdb;
	color: #000
}
tr.p:hover td {
	background-color:#f4f2de;
	color: #000
}
/* **************** 8. TABLE TR */
/* for entitlement of readers */
tr.e_valid td, tr.e_expired td, tr.e_header td {
	font-family:"Courier New", monospace
}
/* hiding formatline for width of firstrow in config, readers and users / width in info */
tr.configfirstrow, tr.configfirstrow td,
tr.infocolswidth, tr.infocolswidth td, tr.infocolswidth th {
	border:0;
	height:0;
	padding:0
}
/* rowcolors for cacheex rows in cachex depend on status */
tr.e_valid td {background-color:#E6FEBF}
tr.e_expired td {background-color:#FFF3E7}
/* rowcolors for users rows in unserconfig.html depend on status */
tr.online td.usercol6 {background-color:#BFA}
tr.online td {background-color:#BFA}
tr.offline td {}
tr.expired td {background-color:#FBA}
tr.connected td {background-color:#FFA}
tr.r_undefined td {background-color:#FFA}
tr.r_connected td {background-color:#BFA}
/* color of button for readers and user row in readers.html and userconfig.html*/
tr.disabled td {}
tr.disabled td:first-child img.icon,
tr.disabledreader td:first-child img.icon {background-color:#B0B0B0}
tr.disabled td:first-child a:hover img.icon,
tr.disabledreader td:first-child a:hover img.icon {background-color:#CECECE}
/* colors for status rows in status.html depend on status */
tr.a td {background-color:#3F0}
tr.c td {background-color:#F1F5E6}
tr.s td, tr.l td,
tr.n td,tr.h td {background-color:#E1E1EF}
tr.r td {background-color:#FFF3E7}
tr.p td {background-color:#FDFBE1}
tr.scanusbsubhead td {background-color:#EEE}
/* scanusb.html */
tr.scanusbsubhead {}
table.scanusb th {
	background-color: #DDD;
	color: #000;
	text-align: left;
	border-spacing:1px;
}
/* **************** 9. TABLE TH */
th {
	height:10px;
	padding:5px;
	background-color:#CCC
}
th.right {
	text-align:right
}
/* status_cacheexinfo.html, status_systeminfo.html, status_userinfo.html */
th.nameinfo {
	text-transform:uppercase;
	text-align:left;
	background-color:#AAA
}
th .nameinfo_second {
	text-transform:none;
	font-weight:normal
}
table.infotable th:first-child {
	width:100px
}
/* status.html */
th.statuscol0 {
	width:0
}
/* readerconfig.html */
th.withservices, th.notservices, th.lbservices {}
/* **************** 10. TABLE TD */
td {
	height:10px;
	text-align:left;
	padding:5px;
	background-color:#EEE
}
/* width of firstrow in config, readers and users */
.configfirstrow td:first-child {
	width:140px
}
/* height config, readers and users */
.config td, .configreader td, .configuser td {
	height:22px
}
/* for inline table in config, user_edit.html, readerconfig.html */
td.subservice, td.invisible {
	padding:0px
}
/* services.html */
#servicesedit td {
	text-align:center
}
/* readerstatsnotfound.html, readerstatstimeoutbit.html
 * status_*headline.html */
td.subheadline {
	height:10px;
	padding:5px;
	background-color:#CCC;
	text-align:center
}
td.subheadline p {
	float:left;
	text-align:left;
	font-weight:bold;
	margin-top:4px
}
/* default alignment for all rows status.html/userconfig.html/readers.html */
td.centered,
td[class*="statuscol"],		/* shorthand notation td[class*='statuscol'] for  td.statuscol0 -  td.statuscol16 */
td[class*="usercol"],		/* shorthand notation td[class*='usercol'] for  td.usercol0 -  td.usercol25 */
td[class*="readercol"] {	/* shorthand notation td[class*='readercol'] for  td.readercol0 -  td.readercol18 */
	text-align:center
}
td.statuscol0 {
	width:10px
}
td.statuscol1 {
	width:0
}
.usercol1 img{
	vertical-align:middle
}
/* readerconfig_sidokbit.html */
td.servicescol1, td.servicescol2, td.servicescol3 {
	width:30%
}
/* Actionbutton readers.html */
td.readercol14,td.readercol15,
td.readercol16 {
	min-width:22px
}
/* cols width info status and users.html */
.infocolswidth td {
	width:7.5%
}
/* **************** 11. DIV */
/* Log status.html, livelog.html, file.html */
div.log, div#livelog, textarea.editor, div.sidlist {
	font-family:"Courier New", monospace;
	text-align:left;
	border:1px dotted #AAA;
	background-color:#FAFAFA;
	color:#666
}
div.log {
	margin:4px 0 0;
	padding:4px;
	max-height:300px;
	overflow:scroll;
}
/* module-webif.c class for services.html */
div.sidlist {
	padding:2px;
	background-color:#FFF;
}
div.sidlistclose {
	float:right;
	background-color:#F00;
	color:#FFF
}
/* message.html */
div.message {
	font-size:12px;
	font-weight:700;
	margin:5px 0
}
/* file.html */
div.filterform {
	margin:5px 0
}
/* pre_autoconf.html, pre_shutdown.html */
div.warning {
	margin:42px 0 14px
}
/* logobit.html - Logo for Oscam */
div.logo {
	position:absolute;
	top:6px;
	left:9px;
	z-index:0
}
/* READERS and USERS items */
div.groups {
	cursor:default;
	overflow:hidden;
	margin:0 auto;
	text-align:center;
	word-wrap:normal;
	width:40px
}
/* footer.html */
div.footer {
	background-color:#EEE;
	border-top:3px solid #CCC
}
div.footer .top_link {
	position:absolute;
	bottom:5px;
	right:10px;
	font-weight:bold
}
div.footer .top_link a:after {
	content:" \25B2"
}
DIV.bottom_link {
	position:absolute;
	top:6px;
	right:10px;
	font-weight:bold
}
DIV.bottom_link a:after {
	content:" \25BC"
}
div.footer li {
	margin:5px
}
/* status.html, main DIV for statistics info */
div.info {
	max-width:1300px;
	white-space:nowrap;
	margin:14px auto 0
}
/* debugmenu	- status_sdebug.html
 * logmenu		- file.html
*/
div.debugmenu, div.logmenu, div.logsizemenu {
	font-size:12px;
	line-height:16px;
	margin-top:10px
}
#regexdatainput {
	margin-top:10px
}
/* entitlements_cccambit.html */
div.cccamentitlementtotals,
div.cccamentitlementcontrols {
	font-weight:bold;
	margin-top:5px
}
/* definition only for show or hide columns or DIV
 * #newinsert		- in userconfig.html, readers.html
 * #exp, #cwc, #acasc - only in module-webif.c for show/hide columns in userconfig.html
 */
#newinsert,
.exp, .cwc, .acas, .grp, .hidden {
	display:none
}
/* **************** 12. TEXTAREA,SELECT,INPUT */
/* texteditor on file.html */
textarea.editor {
	font-size:11px;
	width:100%;
	max-width:1500px;
	height:556px;
	margin:0 auto 10px;
	padding:4px
}
/* textarea for config */
textarea.bt {
	width:380px;
	font-size:12px
}
/* textarea for emm.html */
table.writeemm textarea {
	width:597px
}
/* generaly settings for all select */
select {
	padding:2px
}
/* settings for select in script.html */
#scriptselect {
	height: 22px
}
/* generaly settings for all input */
input,textarea {
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
/* generaly settings for all checkbox input */
input[type=checkbox] {
	cursor:pointer
}
/* generaly settings for all text input */
input[type=text] {
	padding:2px;
	width:380px
}
input.short[type=text] {
	width:52px
}
input.colorinput[type=text] {
	width:60px
}
input.medium[type=text] {
	width:125px
}
input.longer[type=text] {
	width:250px
}
.readers input[type=text],
#addnewservice input[type=text],
.users input[type=text],
.cacheex input[type=text] {
	text-align:center;
	background-color:#F8F8F8;
	width:180px
}
/* all config input they are with units e.g. sec or min in config.html */
input.withunit {
	text-align:left
}
/* solution for align vertical checkbox with text */
input[type=checkbox] {
	vertical-align:text-bottom;
	_vertical-align:middle;
	margin-right:5px
}
/* generaly settings for all buttons/submits */
input[type=button], input[type=submit] {
	-webkit-appearance:none;
	border-radius:3px;
	border:1px solid #AAA;
	cursor:pointer;
	text-align:center;
	padding:0 2px;
	margin:0 3px;
	display:inline-block;
	width:70px;
	height:20px;
	color:#333;
	background-color:#F8F8F8
}
/* generaly hover settings for all buttons/submits */
input[type=button]:hover, input[type=submit]:hover {
	background-color:#F2F2F2;
	box-shadow:inset 1px 1px #555;
	padding:0px 1px 0px 3px
}
/* only for statusheadline button in status.html */
td.subheadline input[type=button] {
	float:right;
	margin:0 0 0 2px;
	width:95px;
	font-weight:normal
}
/* only for save button lb/cccam control in config.html */
.configcontrol input[type=submit] {
	width:115px
}
/* only for button in readers.html/userconfig.html/services.html for addnew */
.users input[type=submit], .readers input[type=submit], #addnewservice input[type=submit] {
	margin-left:10px
}
/* only for diasabled button in file.html*/
#filesubmit input[type=submit]:disabled {
	display:none
}
/* only save button in config.html/readerconfig.html/services.html */
td.configcolsave {
	text-align:center
}
/* settings for first option in select
 * otherdropdown	- in script.html, menu.html
 */
#otherdropdown {
	margin:5px
}
#otherdropdown option:first-child {
	display:none
}
/* for extract in script.html and emm.html */
div.extract {
	width:750px;
	margin:10px auto;
	text-align:left
}
div.extract p {
	font-weight:700;
	margin:10px 6px 0 6px
}
div.extract p.emmhead {
	font-size:13px;
	text-align:center
}
div.extract p .emminfo {
	font-weight:normal
}
div.extract pre {
	overflow:auto;
	margin:5px 0;
	padding:5px;
	font-family:courier,monospace;
	border:1px dotted #AAA;
	white-space:pre
}
div.extract pre.script {
	min-height: 100px
}
/* **************** 13. IMAGE */
/* generaly settings for images */
img {
	border:0 solid
}
/* for icons with following Action */
img.icon {
	border-radius:4px;
	width:22px;
	height:22px;
	max-height:22px;
	background-color:#A00
}
/* statususericon	- in STATUS item
 * protoicon		- in STATUS, READERS item
 * usericon			- in USERS item
 * readericon		- in READERS item
 */
img.statususericon, img.protoicon,
img.usericon, img.readericon {
	min-height:15px;
	height:auto;
	max-height:22px;
	max-width:150px
}
/* ECM Restarticon */
.statusecminfo img {
	vertical-align:middle
}
/* logo IC_LOGO.tpL */
div.logo img {
	max-height:44px
}
div.logo svg.OSCam_logo {
	fill:#111111
}
td#out.centered img,
td#in.centered img {
	margin:0 10px -2px
}
/* **************** 14. SPAN */
/* module-webif.c and userconfig_notify.html */
span.span_notifier {
	margin-left:2px;
	padding:1px 3px;
	color:#FFF;
	background-color:#F00
}
/* module-webif.c value for STATUS item ( more info in Changeset 6668 by alno )
 * Class for formating values in statusview column "Idle"
 * In new WebIf column Idle is not used. Info about Idle is in title */
span.idlesec_normal, span.idlesec_alert {
	font-size:9px;
	color:#F00
}
/* readerconfig_cccambit.html, user_edit_anticasc.html and user_edit_cccam.html */
span.global_conf {
	font-size:12px;
	cursor:default;
	padding:4px;
	color:blue
}
/* cachex status */
span.e_expired {background-color:#FFF3E7}
.span, span {
	text-align:center
}
/* **************** 15. GRAPH */
svg.graph {background-color:#F0F0F0;font-family:Arial;font-size:9px}
rect.graph_bg {fill:white}
rect.graph_button {fill:#A9D0F5}
text.graph_error {text-anchor:middle;fill:#F00}
text.graph_top_txt {text-anchor:end}
text.graph_grid_txt {text-anchor:end;fill:gray}
path.graph_grid {stroke-opacity:0.5;stroke-width:0.7px;stroke:gray}
path.graph_curve {stroke-opacity:0.8;stroke-width:0.7px;fill:none}
/* **************** 16. SORTING IN TABLE */
.users th {
	font-size:11px
}
.sortable {
	background-image: url(data:image/gif;base64,R0lGODlhBQAIAJEAAAAAAP///yMtMP///yH5BAEAAAMALAAAAAAFAAgAAAIL3GQnuJ2f2lLI1AIAOw==);
	background-repeat:no-repeat;
	background-position:4px center;
	cursor:pointer;
	padding-left:12px;
	padding-right:8px
}
.sorting-desc {
	background-image: url(data:image/gif;base64,R0lGODlhBQADAJEAAAAAAP///yMtMP///yH5BAEAAAMALAAAAAAFAAMAAAIFlD03K1sAOw==);
	background-repeat:no-repeat;
	background-position:4px center;
	cursor:pointer;
	padding-left:10px;
	padding-right:8px
}
.sorting-asc {
	background-image: url(data:image/gif;base64,R0lGODlhBQADAJEAAAAAAP///yMtMP///yH5BAEAAAMALAAAAAAFAAMAAAIF3GQnuF0AOw==);
	background-repeat:no-repeat;
	background-position:4px center;
	cursor:pointer;
	padding-left:10px;
	padding-right:8px
}
.sorting-asc, .sorting-desc {background-color:#AAA}
.readers .td-sorting,
.readers tr.r_undefined .td-sorting {background-color: #EAEA95}
.readers tr.r_connected .td-sorting {background-color: #A6EA95}
.readers tr.enabledreader .td-sorting {background-color: #D9D9D9}
.readers tr.disabledreader .td-sorting {background-color: #D9D9D9}
.users tr.offline .td-sorting,
.users tr.disabled .td-sorting,
.statsbalance .td-sorting {background-color: #D9D9D9}
.users tr.connected .td-sorting {background-color: #EAEA95}
.users tr.online .td-sorting {background-color: #BFA}
.users tr.expired .td-sorting {background-color: #EAA69F}
/* **************** 17. POLLING */
/*  for UL in logpoll.html */
#livelog {
	resize:vertical;
	height:574px;
	max-width:1500px;
	overflow-y:auto;
	margin:1px auto 15px;
	padding:0px 4px
}
#livelogdata {
	white-space:pre
}
li.regex, li.regexdata_nav, li.regexdata_save{
	white-space:nowrap
}
input.regexinput {
	cursor:text;
	padding:2px;
	margin:3px 15px 1px 3px;
	width:400px
}
.regexdata_nav input {
	width:100px
}
.regexdata_save input {
	width:90px;
	margin-top:10px
}
.colorPicker_def_color {
	color:#DDD
}
.colorPicker_def_fcolor {
	color:#00F
}
div.colorPicker-picker {
	height:16px;
	width:16px;
	display:inline;
	margin:3px;
	padding:4px 8px;
	border:1px solid #CCC;
	cursor:pointer;
	line-height:16px;
	font-size:0.75em;
	font-weight:bold;
	text-align:center
}
div.colorPicker-palette {
	width:110px;
	position:absolute;
	border:1px solid #598FEF;
	background-color:#EFEFEF;
	padding:2px;
	z-index:9999
}
div.colorPicker_hexWrap {width:100%;float:left}
div.colorPicker_hexWrap label {font-size:95%;color:#2F2F2F;margin:5px 2px;width:25%}
div.colorPicker_hexWrap input {margin:5px 2px;padding:0;font-size:95%;border:1px solid #000;width:65%}
div.colorPicker-swatch {
	height:12px;
	width:12px;
	border:1px solid #000;
	margin:2px;
	float:left;
	cursor:pointer;
	line-height:12px
}
/* User-Page polling */
#inc,#polling,#dec,.regexbutton {
	margin:-3px 2px;
	border:none;
	color:#FFF;
	cursor:pointer;
	border-radius:4px;
	font-size:14px;
	font-weight:700;
	width:22px;
	height:22px;
	line-height:0px
}
#inc,#dec,.regexbutton {
	background-color:#A00
}
#inc:hover,#dec:hover,.regexbutton:hover {
	background-color:#F00
}
#inc[disabled],
#dec[disabled] {
	color: #6D6C6D;
	cursor: inherit;
	background-color: #DDD;
}
.pollingenabled {
	background-image:url(image?i=ICSTOP);
	background-repeat:no-repeat;
	background-position:center;
	background-color:#A00
}
.pollingdisabled {
	background-image:url(image?i=ICSTART);
	background-repeat:no-repeat;
	background-position:center;
	background-color:#A00
}
.pollingenabled:hover {
	background-color:#F00
}
.pollingdisabled:hover {
	background-color:#F00
}
#poll button {
	margin-bottom:1px;
	vertical-align:middle
}
#nav li.pollselect {
	position:absolute;
	right:10px
}
input.pintervall {
	font-size:14px;
	font-weight:500;
	width:18px;
	height:18px;
	color:#000;
	background-color:transparent;
	border:none;
	border-radius:4px;
	text-align:center;
	margin:0 4px;
	padding:0
}
/* polling heartbeat */
#picolor {
	background-color:#A00
}
/* **************** 18. ECM BAR HISTORY */
#chart {
	position:absolute;
	width: 150px;
	height: 90px;
	border: 1px dotted #F00;
	background-color: #EAEAEA;
	padding:3px;
	z-index:1000
}
#charthead {
	background-color:transparent;
	width:100%;
	height:5px
}
#graph {
	width:98%;
	bottom:0;
	position:absolute
}
.disabledtable {
	opacity:0.5
}
/* Statuspage Functions: Generate a Bar for Barchart */
div.bar {
	width:5px;
	margin:2px;
	display:inline-block;
	position:relative;
	background-color:green;
	vertical-align:baseline
}
/* **************** 19. FILE MENU */
/* For filemenu - change dropdown menu */
.drop .subcaret {
	margin-top:7px;
	margin-left:7px
}
.subcaret {
	display:inline-block;
	width:0;
	height:0;
	vertical-align:top;
	border-top:4px solid #606060;
	border-right:4px solid transparent;
	border-left:4px solid transparent;
	content:"";
	opacity:1;
	filter:alpha(opacity=100)
}
#nav ul.dropdown_nav li {
	margin:0;
	padding:1px 0;
	width:100%
}
#nav li ul.dropdown_nav li a {
	color:#000;
	padding:0 5px;
	display:block
}
#nav li ul.dropdown_nav {
	display:none;
	white-space:normal;
	position:absolute;
	text-align:left;
	top:16px;
	right:0;
	width:auto;
	background-color:#FFF;
	border:1px solid #DDD
}
#nav li:hover ul.dropdown_nav {
	display:block
}
a[title*="expdate"] {
	color: red;
}
/* **************** 20. OTHER SETTINGS */
/* iPhone */
@media
only screen and (min-device-width : 320px) and (max-device-width : 480px),
only screen and (min-device-width : 320px) and (max-device-width : 568px){
	div.footer {
		height:92px
	}
}
/* iPhone Landscape */
@media
only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape),
only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
	#livelog {
		height:382px
	}
	textarea.editor {
		height:400px
	}
}
/* iPad Landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	#livelog {
		height:494px
	}
	textarea.editor {
		height:508px
	}
}
/* **************** WIKI HELP POPUP */
#wikiPopup {
	display:none;
	position:absolute;
	z-index:10;
	width:400px;
	background-color:#FFF;
	border:2px solid #AAA;
	border-radius:5px;
	box-shadow:0 4px 12px rgba(0,0,0,0.3);
	font-size:12px;
	resize:both;
	overflow:auto;
	min-width:250px;
	min-height:150px
}
.wiki-popup-header {
	background-color:#CCC;
	color:#000;
	padding:8px 12px;
	font-weight:bold;
	font-size:13px;
	border-radius:3px 3px 0 0;
	display:flex;
	justify-content:space-between;
	align-items:center
}
.wiki-popup-title {
	font-family:Arial;
	color:#000;
	text-decoration:none;
	cursor:pointer
}
.wiki-popup-title:hover {
	color:#FF9E5F;
	text-decoration:underline
}
.wiki-popup-close {
	cursor:pointer;
	font-size:18px;
	font-weight:bold;
	line-height:1;
	padding:0 4px
}
.wiki-popup-close:hover {
	color:#FF9E5F
}
.wiki-popup-reset {
	cursor:pointer;
	font-size:16px;
	line-height:1;
	padding:0 4px;
	margin-left:auto
}
.wiki-popup-reset:hover {
	color:#FF9E5F
}
.wiki-popup-content {
	padding:12px;
	overflow-y:auto;
	line-height:1.5;
	color:#333
}
.wiki-popup-content h3,
.wiki-popup-content h4 {
	margin:10px 0 5px 0;
	color:#000
}
.wiki-popup-content h3 {
	font-size:14px
}
.wiki-popup-content h4 {
	font-size:12px
}
.wiki-popup-content pre.wiki-code {
	background-color:#f4f4f4;
	border:1px solid #ddd;
	border-radius:3px;
	padding:8px;
	margin:8px 0;
	overflow-x:auto;
	font-family:'Courier New',monospace;
	font-size:11px;
	white-space:pre;
	line-height:1.4
}
.wiki-popup-content code {
	background-color:#f4f4f4;
	padding:1px 4px;
	border-radius:2px;
	font-family:'Courier New',monospace;
	font-size:11px
}
.wiki-popup-content strong {
	color:#000
}
.wiki-text {
	word-wrap:break-word
}
.wiki-loading {
	text-align:center;
	padding:20px;
	color:#666;
	font-style:italic
}
.wiki-nohelp,
.wiki-error {
	text-align:center;
	padding:20px;
	color:#666
}
.wiki-nohelp a,
.wiki-error a {
	color:#000;
	text-decoration:underline
}
.wiki-nohelp a:hover,
.wiki-error a:hover {
	color:#FF9E5F
}
/* Wiki status icons - keep inline on hover */
.wiki-status-icon {
	margin-right:2px;
	display:none !important
}
.wiki-status-icon.visible {
	display:inline !important
}
a:hover .wiki-status-icon {
	position:static !important;
	top:auto !important;
	right:auto !important;
	padding:0 !important;
	background-color:transparent !important;
	border:none !important
}
/* Wiki active link highlight */
a.wiki-active {
	background-color:#ffffcc !important;
	outline:2px solid #ffcc00;
	position:relative;
	z-index:2
}
