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

.ticketpopup A IMG
{
	border: 0px;
}

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

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

.MessageTopInfo
{
	/*background-color: #eeeeee;*/
	margin-bottom: 6px;
}

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

.CcArea
{
	/*padding: 3px;*/
	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: Black;
	cursor: pointer;
}

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

.datepicker
{
	font: 8pt arial;
	color: Black;
	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: yellow; color: black;}

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

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


.ticketreplyarea
{
	overflow: hidden;
	background-color: #DEE3E7; /*scrollbar-face-color: #b7d6ff; scrollbar-base-color: #b7d6ff; scrollbar-track-color: #f3f1eb; scrollbar-darkshadow-color: #9fb5d2; scrollbar-shadow-color: #f3f1eb; scrollbar-3dlight-color: #9fb5d2; scrollbar-highlight-color: #f3f1eb; scrollbar-arrow-color: #000; */
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}
.ticketpopup
{
	background-color: white; /*scrollbar-face-color: #b7d6ff; scrollbar-base-color: #b7d6ff; scrollbar-track-color: #f3f1eb; scrollbar-darkshadow-color: #9fb5d2; scrollbar-shadow-color: #f3f1eb; scrollbar-3dlight-color: #9fb5d2; scrollbar-highlight-color: #f3f1eb; scrollbar-arrow-color: #000; */
	height: 100%;
}
.header TD
{
	vertical-align: middle;
	font-weight: bold;
}

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

}

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

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

}
.ticketpopup .replyout .bodyright
{
	vertical-align: top;
	font: 8pt arial;
	background-color: White;
	padding: 10px 10px 10px 10px;
}

.ticketpopup .note
{
	width: 100%;
	border: solid 1px #cccccc;
	margin-bottom: 10px;
}
.ticketpopup .note .header
{
	font: 10pt arial;
	font-weight: normal;
	/*width: 100%;*/
	background-color: #eeeeee;/*#FEF1B9;*/
	padding: 4px;
	border-bottom: solid 1px #cccccc;
}
.ticketpopup .resolution td.bodyleft
{
	background-color: #FCF1C8 !important;
}
.ticketpopup .note .body
{
	font: 8pt arial;
	/*padding: 5px;
	padding-left: 10px;
	border-left: solid 6px #DEF0FF;*/
	background-color: White;
}

.ticketpopup div.commentby
{
	font-weight: bold;
	padding-bottom: 4px;
}

.ticketpopup .note td.bodyleft
{
	display: none;
	vertical-align: top;
	font: 8pt arial;
	background-color: /*#FEF1B9;*/ #eeeeee;
	width: 90px;
	padding: 10px 6px 10px 6px;
	text-align: center;
	border-right: solid 1px #cccccc;
}
.ticketpopup .note div.bodyleft
{
	width: 90px;
	overflow: hidden;

	padding-bottom: 5px;
}
.ticketpopup .note .bodyright
{
	vertical-align: top;
	font: 8pt arial;
	background-color: White;
	padding: 10px 10px 10px 10px;
}
.ticketpopup .resolution .bodyright
{
	/*background-color: #FCF1C8 !important;*/
}

/*.ticketpopup .note
{
	width: 100%;
	border: solid 1px #cccccc;
	margin-bottom: 10px;
}
.ticketpopup .note .header
{
	font: 10pt arial;
	font-weight: normal;
	width: 100%;
	background-color: #feb9bf;
	padding: 4px;
}
.ticketpopup .note .body
{
	font: 8pt arial;
	padding: 5px;
	padding-left: 10px;
	border-left: solid 6px #feb9bf;
}*/
.ticketpopup .event
{
	width: 100%;
	border: solid 1px #dddddd;
	margin-bottom: 10px;
}
.ticketpopup .event .header
{
	font: 10pt arial;
	font-weight: normal;
	/*width: 100%;*/
	background-color: #f2f2f2;
	padding: 4px;
	color: #555555;
}
.ticketpopup .event .body
{
	font: 8pt arial;
	padding: 5px;
	padding-left: 10px;
	border-left: solid 6px #dddddd;
	background-color: White;
}
.ticketpopup .shorten
{
	/*height: 200px; 	overflow: scroll;*/ /*scrollbar-face-color: #b7d6ff; 	scrollbar-base-color: #b7d6ff; 	scrollbar-track-color: #f3f1eb; 	scrollbar-darkshadow-color: #9fb5d2; 	scrollbar-shadow-color: #f3f1eb; 	scrollbar-3dlight-color: #9fb5d2; 	scrollbar-highlight-color: #f3f1eb; 	scrollbar-arrow-color: #000;*/
}
.replytable
{
	width: 100%;
	padding: 2px;
	margin: 0px;
	border-collapse: collapse;
	border-spacing: 2px;
}
.replyframe
{
	margin: 5px;
}
.replytable .header
{
	font: 8pt arial;
	font-weight: bold;
	text-align: right;
	color: #444444;

	width: 5%;
	padding-right: 3px;
}
.replytable .headerleft
{
	font: 8pt arial;
	font-weight: bold;
	text-align: left;
	color: white;

	width: 5%;
	padding-right: 3px;
}
.replytable .headerleftblack
{
	font: 8pt arial;
	
	text-align: left;
	color: black;

	width: 5%;
	padding-right: 3px;
}
.replytable .textbox
{
	padding-right: 6px;
}
.replytable .textbox input
{
	font: 8pt arial;
	width: 100%;
}
.replytable .editor
{
	padding: 0px;
}

.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;
}

/*-----------------------------------------------------
	Ticket / Chat Print Preview
-----------------------------------------------------*/
.PrintPanelHead
{
	background-color: #EEEEEE !important;
	color: #555555 !important;
	font: bold 11pt cambria,arial !important;
	padding: 10pt !important;
	border: solid 1px #999999 !important;
	margin-bottom: 10pt !important;
	margin-top: 10pt !important;
}
.PrintPanelBody
{
	/*padding: 10px;*/
}
.PrintSettingsArea
{
	padding: 10px;	
}
.PrintSettingsLabel
{
	font: bold 10pt Arial,Verdana;
	vertical-align: middle;
}
.PrintSettingsField
{
	padding: 0px 0px 0px 6px;
	font: 10pt Arial,Verdana;
	vertical-align: middle;
}