.NoItems {
	background-color: #FFF;
	border: solid 1px #FFF;
	color: #666;
	font: bold 9pt Arial, Verdana;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	text-align: center;
}

.ticketpopup A IMG, .ticketpopup A:hover IMG {
	border: 0;
}

.TreeUnreadCount {
	font: 8pt arial;
	font-weight: bold;
}

.MessageTopInfo {
	margin-bottom: 6px;
}

.SubjectArea {
	font: bold 9pt arial;
	padding-bottom: 5px;
}

.CcArea {
	font: bold 9pt arial;
	padding-bottom: 5px;
}

.AttachmentsArea {
	padding-bottom: 3px;
	font: 8pt arial;
}

.AttachmentsArea A {
	text-decoration: underline;
	cursor: pointer;
}

.AttachmentsArea A:hover {
	text-decoration: underline;
	color: #000;
	cursor: pointer;
}

.disclaimernote {
	padding-left: 10px;
	font: 8pt arial;
	color: Gray;
}

.datepicker {
	font: 8pt arial;
	color: #000;
	text-align: center;
	padding-bottom: 10px;
}

td.ReportLegendLeft {
	width: 40px;
	text-align: left;
	font: 8pt Arial, Helvetica, sans-serif;
	padding: 3px 3px 3px 6px;
}
td.ReportLegendRight {
	font: 8pt Arial, Helvetica, sans-serif;
	padding: 3px;
	text-align: left;
}

.wordhilite {
	background-color: #FF0;
	color: #000;
}

.statusimage {
	width: 10px;
	padding-right: 0;
	text-align: center;
}

.eventicon {
	padding-right: 1px;
	text-align: center;
}

.ticketreplyarea {
	background-color: #DEE3E7;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
.ticketpopup {
	background-color: #EEE;
	padding-left: 11px;
	padding-right: 11px;
	padding-top: 5px;
}
.header TD {
	vertical-align: middle;
}

.ticketpopup .replyin {
	width: 100%;
	border: solid 1px #CCC;
	margin-bottom: 10px;
}
.ticketpopup .replyin .header {
	font: 10pt arial;
	font-weight: normal;
	background-color: #EEE;
	padding: 1px 4px;
}
.ticketpopup .replyin .body {
	border-top: solid 1px #CCC;
	font: 8pt arial;
	background-color: #FFF;
}
.ticketpopup .replyin td.bodyleft {
	vertical-align: top;
	font: 8pt arial;
	background-color: #FEF1B9;
	width: 90px;
	padding: 10px 6px;
	text-align: center;
	border-right: solid 1px #EEE;
}
.ticketpopup .replyin div.bodyleft {
	width: 90px;
	padding-bottom: 5px;
	overflow: hidden;
}

.avatar img {
	margin-top: 5px;
	margin-bottom: 5px;
	border: solid 1px #CCC;
	text-align: center;
	vertical-align: middle;
	background-color: #FFF;
}

.ticketpopup .replyin .bodyright {
	vertical-align: top;
	font: 8pt arial;
	background-color: #FFF;
	padding: 10px;
}
.ticketpopup .replyout {
	width: 100%;
	border: solid 1px #CCC;
	margin-bottom: 10px;
}
.ticketpopup .replyout .header {
	font: 10pt arial;
	font-weight: normal;
	background-color: #EEE;
	padding: 1px 4px;
}
.ticketpopup .replyout .body {
	border-top: solid 1px #CCC;
	font: 8pt arial;
	background-color: #FFF;
}
.ticketpopup .replyout td.bodyleft {
	vertical-align: top;
	font: 8pt arial;
	background-color: #DEF0FF;
	width: 90px;
	padding: 10px 6px;
	text-align: center;
	border-right: solid 1px #EEE;
}
.ticketpopup .replyout div.bodyleft {
	width: 90px;
	padding-bottom: 5px;
	overflow: hidden;
}
.ticketpopup .replyout .bodyright {
	vertical-align: top;
	font: 8pt arial;
	background-color: #FFF;
	padding: 10px;
}

.ticketpopup .note {
	width: 100%;
	border: solid 1px #CCC;
	margin-bottom: 10px;
}
.ticketpopup .note .header {
	font: 10pt arial;
	font-weight: normal;
	background-color: #EEE;
	padding: 4px;
	border-bottom: solid 1px #CCC;
}
.ticketpopup .resolution td.bodyleft {
	background-color: #FEF1B9 !important;
}
.ticketpopup .note .body {
	font: 8pt arial;
	background-color: #FFF;
}
.ticketpopup .note td.bodyleft {
	vertical-align: top;
	font: 8pt arial;
	background-color: #EEE;
	width: 90px;
	padding: 10px 6px;
	text-align: center;
	border-right: solid 1px #CCC;
}
.ticketpopup .note div.bodyleft {
	width: 90px;
	overflow: hidden;
	padding-bottom: 5px;
}
.ticketpopup .note .bodyright {
	vertical-align: top;
	font: 8pt arial;
	background-color: #FFF;
	padding: 10px;
}

.ticketpopup .event {
	width: 100%;
	border: solid 1px #DDD;
	margin-bottom: 10px;
}
.ticketpopup .event .header {
	font: 10pt arial;
	font-weight: normal;
	background-color: #F2F2F2;
	padding: 4px;
	color: #555;
}
.ticketpopup .event .body {
	font: 8pt arial;
	padding: 5px;
	padding-left: 10px;
	border-left: solid 6px #DDD;
	background-color: #FFF;
}
.ticketpopup .shorten {
}
.replytable {
	width: 100%;
	padding: 2px;
	margin: 0;
	border-collapse: collapse;
	border-spacing: 2px;
}
.replyframe {
	margin: 5px;
}
.replytable .header {
	font: 8pt arial;
	font-weight: normal;
	text-align: right;
	color: #555;
	width: 5%;
	padding-right: 3px;
}
.replytable .headerleft {
	font: 8pt arial;
	font-weight: bold;
	text-align: left;
	color: #FFF;
	width: 5%;
	padding-right: 3px;
}
.replytable .headerleftblack {
	font: 8pt arial;
	text-align: left;
	color: #000;
	width: 5%;
	padding-right: 3px;
}
.replytable .textbox {
	padding-right: 6px;
}
.replytable .textbox input {
	font: 8pt arial;
	width: 100%;
}
.replytable .editor {
	padding: 0;
}

.HeaderText {
	color: #497699;
	font: bold 9pt Arial,Verdana;
	padding-top: 8px;
	padding-bottom: 8px;
	vertical-align: bottom;
}
.SubheaderText {
	color: #497699;
	font: bold 8pt Arial,Verdana;
	text-decoration: underline;
}
ol.kbsidebar {
	font: 8pt Arial,Verdana;
	margin-top: 4pt;
	margin-bottom: 6pt;
}
