a.label { text-decoration:none; text-weight:bold; color: #333; background: eeee; border:1px solid #aaa; display:inline-block; padding:2px }
ul.tabs { margin: 0px;padding:0px; font-size:13px; }
ul.tabs li {margin:0px; padding:1px; padding-bottom:0px; padding-left:5px; padding-right:5px; display:inline;background:#eee;border-top:1px solid #777; border-left:1px solid #777; border-right:1px solid #777 ;color:#444}
ul.tabs li.selected {margin:0px; padding:1px;padding-left:5px; padding-right:5px;  display:inline;background:#fff;border-top:1px solid #666; border-left:1px solid #666; border-right:1px solid #666;color:#000 }
a:hover { text-decoration:none}

h1 {font-size:25px; display:block; }
h2 {font-size:13px; display:block;}
input.admlink { background:none;border:none;color:blue;margin:0px;padding:0px;display:inline;cursor:pointer}
a.admlink {text-decoration:none;color:blue}
a:link {color:blue}
a:visited {color:blue}
a:hover {color:#111166}
form.sorter { margin-bottom:10px }
table.tbwithpg th {background:#666;color:white;}
table.tbwithpg {background:#eee}
input.button_right_align { float:right }


div.body ul { margin-top:0 ; margin-bottom: 0}
div.email div.body, div.note div.body {
	background:white;
	font-size:12px;
	padding:5px;
	padding-bottom:20px;
	color:black;
}



input[type=text], textarea, input[type=password],select {
	padding:5px;
	background:#efefef;
	border:1px solid #888888;
}
input[type=text]:focus, textarea:focus, input[type=password]:focus {
	background:#ffffee;
}

div.peraddress {width:200px;height:300px;float:left;border:1px solid #ddd; margin:1px;padding:3px }
div.peraddress h3 {border-bottom:1px solid #ddd;margin:0px}
div.peraddress em {font-size:10px}
div.peraddresshistorical {width:200px;height:300px;float:left;background:#eee;border:1px solid #ddd; margin:1px;padding:3px}
div.peraddresshistorical h3 {border-bottom:1px solid #ddd;margin:0px}
div.peraddresshistorical em {font-size:10px}


div#wrapqustionother ul,div#wrapquestion ul,div#schedulequestionother ul,div#schedulequestion ul,div#lasthourquestion ul,div#lasthourquestionother ul,div#screenquestionother ul, div#screenquestion ul {

	float:left;
	width:200px;
	height:400px;
	overflow:auto;
	border:1px solid #ddd;
	background:#eee;
	padding:0px;
	padding:0px;
	margin-left:5px;
}
div#wrapqustionother ul li,div#wrapquestion ul li,div#schedulequestionother ul li ,div#schedulequestion ul li,div#lasthourquestion ul li,div#lasthourquestionother ul li,div#screenquestionother ul li, div#screenquestion ul li {
	display:block;
	width:99%;
	list-style-type:none;
	border-bottom:1px solid #ddd;
	padding-top:3px;
	padding-bottom:3px;
	cursor:pointer;
}
table.screen {background: black}
table.screen td {background:white}
table.screen th {background:white}
.quote {display:block; font-style:Italic;padding:5px; background: rgb(255,255,200); border:1px solid rgb(155,155,100); }
.box {display:block; border:1px solid black; padding:5px;}
table#timetable {background: #eee;}
table#timetable td {background:white}
table#timetable th {background:#666;color:white}
table#timetable .selected {background:black; color:white}
p.question em {display:block; border:1px solid #ddd; background:#eee;padding:4px; margin:4px;font-weight:normal}
p.question { font-weight:bold;}
table.queuelist {
	margin-bottom:20px !important;
}
table.queuelist tr td a {
	text-decoration:none;
}
table.queuelist tr td span.onhold {
 float:right;
 color:red;
}

.center { text-align:center }
table.ticketlist {
	margin-bottom:20px !important;
}
table.ticketlist tr td a {
	text-decoration:none;
}
table.ticketlist tr td span.onhold {
 float:right;
 color:red;
}
div.issuelist {
 margin-bottom:30px;
}
#reply div.messages { margin-top:4px; margin-right:0px; max-height:300px;overflow:auto; padding:5px;border:1px solid #aaaaaa;background:#eeeeee}

div.email, div.note {
	margin:0px 0px 10px 0px;
}
div.email div.subject, div.note div.subject{
	background:rgb(232, 238, 249);
	border-bottom:1px solid rgb(202, 204, 251);
	padding:8px;
	color:rgb(50,50,100);
	margin-bottom:1px;
}
div.email div.subject span, div.note div.subject span {
	font-size:10px;
	color:black;
}
div.email div.subject span.headers{
	color:blue;
	cursor:pointer;
}
div.email div.subject span.headers:hover {
	text-decoration:underline;
}

div.note div.subject {
	background:rgb(225,235,255);

}

div.note div.current, div.email div.current {
	background:oklch(96.7% 0.067 122.328);
}
ul.attachments {
	margin:0px;
	padding:0px;
	float:left;
	list-style-type:none;
	padding-top:10px;
	border-top:1px solid #ddd;
	width:100%;
	background:rgb(245,245,245);
}
ul.atttachments li {
	display:block;
	float:left;
	width:135px;
}
ul.attachments li a:link {
	display:block;
	float:left;
	width:135px;
	height:155px;
	padding:4px;
	margin:1px;
	border:1px solid #ddd;
	text-decoration:none;
	text-align:center;
	background:white;
}
ul.attachments li a img {
	max-height:136px;
}
ul.attachments li a:visited {
	display:block;
	float:left;
	width:135px;
	height:155px;
	padding:4px;
	margin:1px;
	border:1px solid #ddd;
	text-decoration:none;
	text-align:center;
	background:white;
}
ul.attachments li a:hover {
	display:block;
	float:left;
	width:135px;
	height:155px;
	padding:4px;
	margin:1px;
	border:1px solid #ccc;
	background:#eee;
	text-decoration:none;
	text-align:center;
}
div.attachments {
	margin-top:30px;
	background:rgb(235,235,235);
	border-top:1px solid #ddd;
	padding-top:4px;
	padding-bottom:4px;

}
span.headers:onhover {
	text-decoration:underline;
}
div.headers {
	border-bottom:1px solid rgb(100,100,100);
	background:rgb(245,245,245);
}
table.queuelist tr td.Critical, span.Critical {
	background:#b12a00;
	color:white;
}

table.ticketlist tr td.Critical, span.Critical {
	background:#b12a00;
	color:white;
}
h1.Critical {
	border-bottom: 2px solid #b12a00;
}

table.queuelist tr td.High, span.High {
	background:#ff784e;
	color:white;
}

table.ticketlist tr td.High, span.High {
	background:#ff784e;
	color:white;
}
h1.High {
	border-bottom: 2px solid #ff784e;
}
table.queuelist tr td.Medium, span.Medium {
	background:#ffd161;
}
table.ticketlist tr td.Medium, span.Medium {
	background:#ffd161;
}
h1.Medium{
	border-bottom: 2px solid #ffd161;
}

table.queuelist tr td.Low, span.Low {
	background:#8bd964;
}

table.ticketlist tr td.Low, span.Low {
	background:#8bd964;
}
h1.Low {
	border-bottom: 2px solid #8bd964;
}
span.Low, span.Medium, span.High, span.Critical {
padding:3px;
}
table.queuelist tr td span {
	font-size:10px;
	text-shadow:#ddd 1px 1px 2px;
	color:#A0A;
}

table.ticketlist tr td span {
	font-size:10px;
	text-shadow:#ddd 1px 1px 2px;
	color:#A0A;
}
#help dl { width:600px }
#help dt { margin-top:20px;}
#help dd { margin-top:10px;}
div.manage {
	padding:10px;border:1px solid #888888; background:#eeeeee;
}
div.manage table {
	margin-top:10px;
	margin-bottom:10px;
}
td.odd, tr.odd td { background:#eeeeee}
td.even, tr.even td {background:white}
table.std th { background:rgb(85,85,85); color:white}
.sidebar a{ text-decoration:none }
.sidebar ul { padding: 0 0 0 20px; list-style:none}
p.worked { background: #ff9f9f;  padding:5px; text-shadow:#ddd 1px 1px 1px}
a.queuename strong { text-decoration:none; color:black }
#frmFixed { background:#fff; padding:3px; border-radius:5px }
#frmFixed_ok { padding:4px; border:1px solid #333; border-radius:3px; background:#efefef; }

.ace-edit { width: 100%;
	min-height:260px;
	min-width:700px;
    max-height:75vh;
    overflow:auto;
	border:1px solid #666;
	margin: 0 0 10px 0;
}
.ace_editor { font-size:15px !important}



span.syspager {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  margin:20px auto 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  text-align:center;
}
.syspager>span {
  display: inline;
}
.syspager a {
  float: left;
  padding: 0 8px;
  line-height: 34px;
  text-decoration: none;
  border: 1px solid #ddd;
  border-left-width: 0;
  color: #666;
}
.syspager a:hover, .syspager a.active  {
  background-color: #666;
  color:white; font-weight:bold;
}
.syspager a .active {
  color: #999999;
  cursor: default;
}
.syspager .disabled a, .syspager .disabled a:hover {
  color: #999999;
  background-color: transparent;
  cursor: default;
}
.syspager a.pagerfirst {
  border-left-width: 1px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.syspager a.pagerlast {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.syspager-centered {
  text-align: center;
}
.syspager-right {
  text-align: right;
}
div.diaryhead {
	max-width:800px;
	border: 3px solid #eee;
	background: #eee;
	padding: 3px 0px;
	color:#333;
	font-weight:bold;
	font-size: 160%;

}
div.diaryhead a {
font-size: 12px;
}
div.diary h1, h2, h3 {
font-size: 120%;
border:none;
text-decoration:underline;

}

div.diary {
	max-width:800px;
	border: 3px solid #eee;
	padding: 0px;
}
div.diary .ace-edit{
	width:800px;
	height:100px;
}
div.controller {
	background: #eee ;
	border:1px solid #ddd;
	border-radius: 3px;
	padding:3px;
	margin:0 0 10px 0;
}
div.controller form {

	vertical-align:middle;
display:inline-block; background: white; padding:3px; border-radius:5px; }
div.controller form button { padding:5px }
.subject img { vertical-align: middle }


.markdown-body li { font-size:inherit }
p {margin: 4px 0}

.no-wrap { white-space: nowrap}

tr.current-sibling td {
    border-top:2px solid black;
    border-bottom:2px solid black;
}
.border-left {
    border-left: 2px solid black;
}