#MyTicketsMain > div, .MessageListContainer, .MessageList, .MessageListScrollVisible {height:auto !important; width:auto !important;}

.LoadingBox {position:relative; margin-top:150px; margin-top:9.375rem; height:60px; text-align:center;}
	.LoadingInfo {padding:0; font-size:16px; font-size:1rem; font-weight:bold;}
	.WindowLoadingBox {min-height:60px; position:absolute; top:50%; left:0px; width:100%;}
	* html .WindowLoadingBox {height:60px;}
	.WindowLoadingBox .LoadingInfo {margin:0 auto; padding:0; text-align:center;}
	.LoadingIndicatorPopupPanel {position:absolute; left:0; margin:0 auto; width:100%; height:100%;}
	.Loading {position:relative; margin:0; width:100%; height:100%; background-color:#eee; opacity:0.6; filter:alpha(opacity = 60); zoom:1; cursor:wait;}
	.LoadingBox {background:url('img/loading.gif') #F0F0F0 no-repeat center 15px;}
		.Loading-image {background-image:url('img/loading.gif') no-repeat center 15px;}
		.LoadingInfo {color:#888; font-size:13px; font-size:0.813rem;}

.SingleContentPanel {font-size:11px; font-size:0.688rem; font-family:"Lucida grande","Lucida sans unicode", Arial, Verdana, Helvetica, Geneva, sans-serif; line-height:20px; line-height:1.25rem; min-height:330px !important; min-height:20.625rem;}

.SearchBoxViewWithButton {height:25px !important;}
.SearchOptionsDiv {padding:10px; padding:0.625rem; background:#edf7e8; border:1px solid #c0ddb2; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} 
	.SearchOption {float:left; margin:5px 40px 10px 0; margin:0.313rem 2.5rem 0.625rem 0;}
	.SearchOptionRight {float: right; margin:5px 40px 10px 40px; margin:0.313rem 2.5rem 0.625rem 2.5rem;}
		.SearchOptions .Divider {height:0; clear:both; background:none;}
		.SearchOptions .BoxDivider {height:0; margin:5px 0 5px; margin:0.313rem 0 0.313rem; border-bottom:1px solid #FFF; border-top:1px solid #B1CEA2; background:none;}
		.SearchOptionLabel {display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; margin:0 15px 0 0; margin:0 0.938rem 0 0; font-size:16px; font-size:1rem; position:relative; vertical-align:middle; float:left;}
		.OrFilterFieldWidget .OrLabel {margin:0 5px 0 0; margin:0 0.313rem 0 0; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;}
		.OrField {display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; margin-right:10px; margin-right:0.625rem;}
			.OrField .g-ListBox {margin-right:5px; margin-right:0.313rem;}
		.SearchOptionValue, .SearchOptionValue .InfoTooltip,
			.SearchOptionValue .DateRangeFilterField {display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; float:left;}
		.SearchOptionValue .TextBoxContainer,
			.SearchOptionValue .g-ListBox {display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; float:left; padding:2px !important; padding:0.125rem !important;}
		.SearchOptionValue .InfoTooltip {vertical-align:middle;}
		.DateRangeFilterField {width:auto;}
		.FilterField, .DateRangeFilterCustom .gwt-Label, .DateRangeFilterField .DateRangeFilterCustom {float:none !important; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;}
	.SearchBoxEmpty input{color:#7E7E7E !important;}
	.g-SearchButtons .ButtonLikeLink.ImLeButton-focused .buttonBgColor {background:#d3e4ca;}
	.SearchOptionButton .buttonText {background:url('img/search.png') no-repeat left center; border:3px solid transparent; padding:0 5px 0 25px; padding:0 0.313rem 0 1.563rem;}
	.GridWithSearch .g-Link {text-decoration:none;}
	.g-ShowHideSearchOptions .ButtonText {white-space:nowrap; font-weight:normal; text-decoration:underline; padding:3px 20px 2px 5px; padding:0.188rem 1.25rem 0.125rem 0.313rem; color:#686868; background:url('img/expand.png') no-repeat right 12px; display:block;}
		.g-ShowHideSearchOptions.g-HideSearchOptions .ButtonText {background-position:right -8px;}
		.g-ShowHideSearchOptions.g-HideSearchOptions {margin-top:5px; margin-top:0.313rem;}
	.g-ShowHideSearchOptions .ButtonSmall {text-decoration:none; display:block;}
	.g-ShowHideSearchOptions.LinkButton-over .ButtonText {color:#000;}
	.SearchOptionsTitleDiv {padding:0 0 10px; padding:0 0 0.625rem;}
		.g-SearchOptionsTitle {width:395px; width:24.688rem; padding-top:8px; padding-top:0.5rem;}
		
.OptionsPanel .option .optionLabel {background:url('img/checkbox.png') no-repeat -188px 3px; padding:0 5px 0 21px; padding:0 0.313rem 0 1.313rem; border:1px solid #ccc;}
	.OptionsPanel .optionOver .optionLabel {background-color:#e6e6e6;}
	.OptionsPanel .optionSelected .optionLabel {background-color:transparent; background-position:-164px -21px;}
		.OptionsPanel .optionSelected.optionOver .optionLabel {background:#e6e6e6 url('img/checkbox.png') no-repeat -164px -21px;}
	
.DraftMessagesContent {display:none;}

.MessageGroup {font-size:14px; font-size:0.875rem; border-bottom:1px #cccccc solid; background:#fff; padding:0; position:relative;}
  .MessageGroup:first-child {border-top:1px #cccccc solid;}
	.Time {float:right; margin:7px 13px 0 0; margin:0.438rem 0.813rem; color:#666; font-size:12px; font-size:0.75rem;}
	.MessageGroup a {color:#0075bf; text-decoration:none; word-wrap: break-word;}
		.MessageGroup a:hover {text-decoration:underline;}
		.MessageGroup .Avatar {padding:0 3px 3px 0; padding:0 0.188rem 0.188rem 0; margin:0 4px 4px 0; margin:0 0.25rem 0.25rem 0; width:29px; height:29px;}
		.MessageGroupContentHasAvatar .Avatar {background:#fff;}
		.MessageGroup .Avatar img {width:29px; height:29px;}
		.MessageGroup .Avatar-Empty {display:none;}
	.offlineMessagesGroupMe {background:#fafafa;}
	.MessageGroupContent {padding:0 0 8px 8px; padding:0 0 0.5rem 0.5rem;}
	.MessageGroupHeader {line-height: 30px; padding:0; position:relative; zoom:1;}
		.HeaderUserName {float:left; font-weight:bold; margin:8px 0; margin:0.5rem 0;}
		.HeaderText {float:left; margin:8px 0 0 5px; margin:0.5rem 0 0 0.313rem;}
		.HeaderIcon {float:left; width:80px; height:18px; background:url('img/header-message.png') no-repeat 7px 0px; margin:5px; margin:0.313rem;}
		.HeaderTime {margin:8px 13px 0 0; margin:0.5rem 0.813rem 0 0; color:#8a8a8a;}
	.MessageGroupChat .MessageGroupContent {padding:0;}
		.MessageGroupChat .HeaderIcon,
			.MessageGroupHeaderChatRunning .HeaderIcon {background:url('img/header-chat.png') no-repeat 7px 0px;}
				.MessageGroupHeaderChatRunning .Unread_1 .HeaderIcon {background-position:7px -18px;}
				.MessageGroupHeaderChatRunning .Unread_2 .HeaderIcon {background-position:7px -36px;}
				.MessageGroupHeaderChatRunning .Unread_3 .HeaderIcon {background-position:7px -54px;}
				.MessageGroupHeaderChatRunning .Unread_4 .HeaderIcon {background-position:7px -72px;}
				.MessageGroupHeaderChatRunning .Unread_5 .HeaderIcon {background-position:7px -90px;}
				.MessageGroupHeaderChatRunning .Unread_6 .HeaderIcon {background-position:7px -108px;}
				.MessageGroupHeaderChatRunning .Unread_7 .HeaderIcon {background-position:7px -126px;}
				.MessageGroupHeaderChatRunning .Unread_8 .HeaderIcon {background-position:7px -144px;}
				.MessageGroupHeaderChatRunning .Unread_9 .HeaderIcon {background-position:7px -162px;}
				.MessageGroupHeaderChatRunning .Unread_10 .HeaderIcon {background-position:7px -180px;}
		.MessageGroupChatRunning {padding:0;}
		.MessageGroupHeaderChatRunning {background:#D1E8F9;}
	.chatMessagesGroup {border-top:1px solid #dcdcdc; position:relative;}
		.chatMessagesGroupMe {background:url('img/noise.gif') repeat 0 0;}
		.MessageGroupContent div .chatMessagesGroup:last-child {-moz-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px}
		.chatRunning .HeaderDockPanelBottom {background:transparent;}
		.chatRunning .MessageListBottom {height:5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; border:1px #ccc solid; background:#fff; border-top:none;}
		.chatRunning .ChatBubble {margin-top:-1px; background:url('img/chat-arrow.png') no-repeat 25px 0; height:15px; width:50px; position:absolute;}
			.chatRunning .HeaderDockPanelUsed .ChatBubble {background-position:25px -15px;}
		.chatRunning .ChatBubbleBox {height:15px; position:relative;}
	.MsgGroupAction {float:left;}
	.MessageListContainer {line-height:15px; line-height:0.938rem;}
	/*.MessageListScrollVisible .MessageList {margin-right:-24px; margin-right:-1.5rem; padding-right:10px; padding-right:0.625rem;}
		.MessageListScrollVisible .MessageListContainer {padding:0 25px 0 0; padding:0 1.563rem 0 0;}
		.MessageListScrollVisible .StatusBox {padding:0 27px 0 0; padding:0 1.688rem 0 0;}
		.MessageListScrollVisible .ActionBox {padding:0 27px 10px 0; padding:0 1.688rem 0.625rem 0;}*/
	.MessageNotification {padding:0 8px 0 0; padding:0 0.5rem 0 0; margin:0 0 0 80px; margin:0 0 0 5rem;}
		.messagesPanel .MessageNotification {margin:0;}
		.MessageNotification-Unread {background:#fff6c3;}
	.ActionClose, .ActionDisconnect, .ActionTransfer {color:#898989;}
		.ActionClose .messageBody {font-size:12px; font-size:0.75rem; padding-left:20px; padding-left:1.25rem; background:url('img/system_message-close.png') no-repeat 1px 5px;}
		.ActionDisconnect .messageBody {font-size:12px; font-size:0.75rem; padding-left:20px; padding-left:1.25rem; background:url('img/system_message-close.png') no-repeat 1px 5px;}
		.ActionTransfer .messageBody {font-size:12px; font-size:0.75rem; padding-left:20px; padding-left:1.25rem; background:url('img/header-transfer.png') no-repeat 1px 5px;}
	.MessageGroupContentAvatar {position:absolute; top:4px; top:0.25rem; left:6px; left:0.375rem;}
	.MessageGroupHeaderNotification-Unread {background-color:#ffc600;}
	.messageBody {position:relative; font-size:13px; font-size:0.813rem; line-height:19px; line-height:1.188rem;}
	.messageOwnerWidget {position:relative; margin:0 0 0 36px; margin:0 0 0 2.25rem;}
	.inChatAvatarPanel {position:absolute; top:0; left:5px; left:0.313rem;}
	.AgentChatTypingWidget {background:#fff; border-top:1px dotted #DCDCDC; margin-top:-1px; margin-top:-0.063rem;}
		.AgentChatTypingWidget .messageOwnerWidget {margin-top:1px; margin-top:0.063rem;}
		.AgentChatTypingWidget .MessageNotification {border-right-color:#F8F8F8;}
		.AgentChatTypingWidget .messageOwnerWidget,
		.AgentChatTypingWidget .messagesPanel,
		.AgentChatTypingWidget .messageTime {color:#b0b0b0;}
		.AgentChatTypingWidget .Avatar img {display:none;}
			.AgentChatTypingWidget .Avatar {background:url('img/typing-chat.png') no-repeat center center; padding:0; margin:0; height:34px; width:34px;}
	.DraftMessagesContentUsed .MessageGroup {border:1px dotted #CCCCCC; background:none; color:#797979;}
		.DraftMessagesContentUsed .MessageGroupContent {font-size:19px; font-size:1.2rem; line-height:24px; line-height:1.5rem;}
		.DraftMessagesContentUsed .MessageGroupContent .gwt-HTML {margin:0 0 0 35px; margin:0 0 0 2.188rem;}
		.DraftMessagesContent .HeaderIcon {background:url('img/typing-offline.png') no-repeat 4px 2px;}
		.DraftMessagesContent .Avatar img {display:none;}
		.CustomerReply .ScrolledToBottom .DraftMessagesContent .MessageGroup {opacity:1;}
	.messageBody .disclosurePanel .label {display:inline; padding:0 15px 0 0; padding:0 0.938rem 0 0; color:#7a7a7a; font-size:14px; font-size:0.9rem; text-decoration:underline; background:transparent url('./img/expand.png') no-repeat right 7px;}
		.messageBody .disclosurePanel.opened {border:1px solid #e7e7e7; background:url('img/noise.gif') repeat; padding:10px; padding:0.625rem; -moz-border-radius:5px; border-radius:5px;}
		.messageBody .disclosurePanel.opened .label {background:transparent url('./img/expand.png') no-repeat right -14px;}
		.messageBody .disclosurePanel.opened .content {font-size:12px; font-size:0.8rem;}
	.MessageHeader {color:#8e8e8e; display:none;}
		.MessageHeader .messageBody {font-size:14px; font-size:0.9rem;}
		.MessageHeader-last .messageBody {margin:0 0 10px; margin:0 0 0.625rem; border-bottom:1px solid #e1e1e1; padding:0 0 5px; padding:0 0 0.313rem;}

.MessageGroupHeader .ExpandListboxButton .ImLeButtonMainOut {border:none; background:none;}
	.MessageGroupHeader .ExpandListboxButton .ImLeButtonMain {border:1px solid transparent; background:none; border-top:none; border-right:none; border-radius:0 4px 0 0; -moz-border-radius:0 4px 0 0; -webkit-border-radius:0 4px 0 0;}
	.MessageGroupHeader .ExpandListboxButton .ImLeButtonMainInnerBox {border-top:1px solid transparent; background:none;}
	.MessageGroupHeader .ExpandListboxButton .ImLeButtonMainContent {min-width:0; _width:auto;}
	.MessageGroupHeader .ExpandListboxButton .ImLeButtonMainShadow {display:none;}
	.MessageGroupHeader .ExpandListboxButton .ImLeButton-focused {box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; background:none;}
	.MessageGroupHeader .ExpandListboxButton .buttonText {display:block; width:23px; height:26px; padding:0; background:url("img/expand3.png") no-repeat 5px -8px;}
	.MessageGroupHeader .ExpandListboxButton .ImLeButton-expand .ImLeButtonMain {border-color:transparent transparent #e5e5e5 #e5e5e5; background:#f7f6f6;}
		.MessageGroupHeader .ExpandListboxButton .ImLeButton-expand .buttonText {background:url("img/expand3.png") no-repeat 5px 12px;}

.HeaderDockPanelUsed {background:transparent; -moz-border-radius:0; border-radius:0;}
	.HeaderDockPanelUsed .MessageGroupHeader {-moz-border-radius:5px; border-radius:5px; border:1px #ccc solid;}
	.HeaderDockPanelTop.HeaderDockPanelUsed .MessageGroupHeader {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 10px 10px #fff; -moz-box-shadow:0 10px 10px #fff; box-shadow:0 10px 10px #fff;}
	.HeaderDockPanelUsed .MessageListBottom {display:none;}
	.HeaderDockPanelBottom.HeaderDockPanelUsed { -webkit-box-shadow:0 -10px 15px #F0F0F0; -moz-box-shadow:0 -10px 15px #F0F0F0; box-shadow:0 -10px 15px #F0F0F0;} 
	.HeaderDockPanelBottom.HeaderDockPanelUsed .MessageGroupHeader {-moz-border-radius:5px; border-radius:5px;}
	.HeaderDockPanelBottom.HeaderDockPanelUsed .MessageGroupHeaderNotification-Unread {-moz-border-radius:5px; border-radius:5px;}
	.HeaderDockPanelTop.HeaderDockPanelUsed .MessageGroupHeaderNotification-Unread {-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}

.SendButton {float:left; cursor:default; list-style-image:none; list-style-position:outside; list-style-type:none; outline-style:none; outline-width:medium; text-decoration:none; vertical-align:middle; position:relative; display:inline-block; word-wrap:break-word; -moz-border-radius:5px 5px 5px 5px; border-bottom:1px solid #fff;}
.MessageFormInput {padding:5px; padding:0.313rem;}
.emptyText {color:#808080;}

.LeftButtons {float:left; font-size:12px; font-size:0.75rem;}
	.LeftButtons .ImLeButton {margin-right:5px; margin-right:0.313rem;}
.RightButtons {float:right; font-size:12px; font-size:0.75rem;}
	.RightButtons .ImLeButton {margin-left:5px; margin-left:0.313rem;}
.or_css {margin-right:5px; margin-right:0.313rem; position:relative; display:inline-block; vertical-align:middle; margin-left:0; font-size:16px; font-size:1rem; text-decoration:none; color:#626262; font-weight:normal;}

.MessageForm {background:#fff; font-size:19px; font-size:1.2rem; border:1px #b6b5b5 solid; border-bottom:0; -moz-border-radius:4px 4px 0px 0px; border-radius:4px 4px 0px 0px;}
.inputViewContainer .MessageFormFiles {float:none; min-height:17px; min-height:1.063rem; _height:17px; margin:0 0 10px; margin:0 0 0.625rem; background:#fff; border:1px solid #B6B5B5; border-top:0; -moz-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px;}
	.MessageFormFiles:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
 	.MessageFormFiles {display:inline-block;}
	html[xmlns] .MessageFormFiles {display:block;}
 	* html .MessageFormFiles {height:1%;}
	.MessageFormFiles.NoFiles {}
.MessageFormFiles .SendFile {margin:0; font-weight:normal; height:17px; background:#e6e6e6; border:1px solid #B6B5B5; border-right:none; border-radius:4px 0; -moz-border-radius:4px 0; border-bottom:none;}

.SmallButton .buttonText {font-weight:normal; font-size:16px; font-size:1rem;}

.ArticleBox.Ticket {position:relative;}
.ArticleBox.Ticket .ArticleLink {margin:0;}
.ArticleBox.Ticket .ArticlePreview {margin-top:0;}
.TicketStatus {font-size:9px; text-transform:uppercase; padding:0 10px;}
  .TicketStatusN .TicketStatus, .TicketStatusC .TicketStatus, .TicketStatusW .TicketStatus, .TicketStatusT .TicketStatus {color:#fff; background:#faa634;} /*new, open and postponed - waiting for support*/ /*chatting also*/
  .TicketStatusA .TicketStatus {color:#fff; background:#5a5a5a;} /*answered - but still not resolved*/
  .TicketStatusR .TicketStatus {color:#888; background:#eeeeee;} /*resolved*/
.TicketCode {font-style:italic; white-space:nowrap;}
.TicketStatus,
.TicketCode,
.DateChanged,
.LastUser {
  vertical-align:middle;
  line-height:14px;
  position:relative;
  float:left;
  margin-right:5px;
}
.TicketStatus, .TicketCode {
  margin-right:25px;
}

.ArticleBox.Ticket .ArticleBoxIcon {position:absolute; left:5px; left:0.312rem; top:15px; top:0.937rem; width:30px; height:30px; opacity:0.5;}  
	.TicketStatusA .ArticleBoxIcon {background:url('img/status-icons-small.png') no-repeat 0 -65px;}
	.TicketStatusN .ArticleBoxIcon {background:url('img/status-icons-small.png') no-repeat 0 -12px;}
	.TicketStatusC .ArticleBoxIcon, .TicketStatusW .ArticleBoxIcon {background:url('img/status-icons-small.png') no-repeat 0 -116px;}
	.TicketStatusR .ArticleBoxIcon {background:url('img/status-icons-small.png') no-repeat 0 -167px;}
	.TicketStatusT .ArticleBoxIcon {background:url('img/status-icons-small.png') no-repeat 0 -218px;}
	
.TicketStatusActions {text-align:right;}
  .StatusTag {float:left; font-weight:bold; line-height:19px; font-size:12px; margin:3px;}
	
.RankingBox {margin:0 5px 10px !important; margin:0 0.313rem 0.625rem !important; padding:10px 5px 5px !important; padding:0.625rem 0.313rem 0.313rem !important; background:none !important; border-radius:0 !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important; border:none !important; border-top:2px solid #898989 !important; border-bottom:2px solid #898989 !important;}
	.RankingBox .Avatar .gwt-Image {width:29px !important; height:29px !important;}
	.RatingPanel {padding-left:36px !important; padding-left:2.25rem !important;}
	.RankingBox .RatingTitle {padding:4px 10px 4px 0; padding:0.25rem 0.625rem 0.25rem 0; font-size:12px; font-size:0.75rem; float:left;}
	.RankingBox .PunishButton {float:left;}
	.RankingBox .OkButton {float:left; clear:none; margin:0 0 0 8px; margin:0 0 0 0.5rem;}
	
.StatusWidget {border:1px solid #eae6a7; background:#fffcd1; -moz-border-radius:4px; -webkit-border-radius:4px;  border-radius:4px; padding:8px 12px; padding:0.5rem 0.75rem; margin:0 0 10px; margin:0 0 0.625rem; font-size:12px; font-size:0.75rem;}
    .statushasmail .MailLabel {cursor:pointer; text-decoration:underline; font-style:italic;}
    .ud-Container {background:#f1f1f1;}
.UserDetails .g-FormField2-Label {width:auto;}
.UserDetails .TextBoxBaseWithDefault-Default .TextBox, .UserDetails .CaptionTextBoxView, .UserDetails .CaptionTextBoxOver, .UserDetails .CaptionTextBoxEdit, .UserDetails .CaptionTextBoxEmpty, .UserDetails .g-FormField2-InputPanel {width:100%;}

.ConversationCodePanel {position:relative; min-height:30px;}