/*.TransferAction .FormSection, .ResolveAction .FormSection {background:#daf0dd; border:1px solid #acd5b2; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px 5px 5px 5px;}*/
.TransferFieldsPanel {display:table;}
	.TransferFieldsPanel .g-ListBoxInput {width:155px;}
	.TransferAction .Department {display:table-cell; padding:0 15px 0 0;}
		.TransferAction .Department .g-FormField2-Label {width:auto; text-align:left;}
	.TransferAction .Agent {display:table-cell;}
		.TransferAction .Agent .g-FormField2-Label {width:auto; text-align:left;}
	.TransferListboxAgentName {line-height:14px;}
	.TransferListboxAgentEmail {line-height:11px; font-size:0.8em; color:#c0c0c0;}
	.PostponeAction .PostponePresets {margin:0; vertical-align:top;}
	.PostponeAction .PostponeTiming {margin:0; display:inline-block;}
		.PostponeAction .PostponeTiming .g-FormField2-Label {width:auto;}
		.PostponeAction .PostponeTiming .g-FormField2-ErrorIcon {right:5px; margin:0;}
		.PostponeAction .PostponeTiming .TextBoxContainer {width:160px; height:23px;}
		.PostponePresets {margin-left:0 !important; border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0;}
			.PostponePresets .ImLeButtonMain {border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; border-left:none; border-color:#aaa;}
			.PostponePresets .buttonIcon {display:block; height:19px; width:20px; padding:0; background:url("img/expand3.png") no-repeat 5px 8px;}
			.PostponePresets .buttonText {display:none;}
			.PostponePresets .ImLeButtonMainContent {min-width:0px; _width:auto;}

	.NoteInput .g-FormField2-Label {float:none; width:auto; text-align:left;}
	.NoteInput .g-FormField2-InputContainer {float:none;}
	.NoteInput .g-FormField2-InputPanel {width:100%;} 

.PublicMessageInputBox .MessageForm, .PublicMessageInputBox .MessageFormFiles {background:#e5f7ff;}
.NoteInputBox .MessageForm, .NoteInputBox .MessageFormFiles {background:#fcfadc;}
.NoteInputBox {clear:both;}

.SwitchableEditor .cke_top {padding:4px 4px 0;}
.SwitchableEditor .cke_toolgroup {background: none; border: none; box-shadow: none; margin: 0px;}
.SwitchableEditor a.cke_button {margin-bottom:4px;}
.SwitchableEditor .cke_combo {min-height:31px;}
.SwitchableEditor .cke_combo_text {line-height: 24px;}
.SwitchableEditor .cke_toolbar_separator {margin-bottom:7px;}

.SwitchableEditor .gwt-TextArea {padding:5px 8px; border:1px solid #ccc; font-size:13px; border-bottom:none;}
	.InviteAction .gwt-TextArea {padding:5px 8px; border:1px solid #ccc; font-size:13px; height:170px; width:100%;}
.ReplyEditor {margin-top:5px; margin-left: 5px; margin-right: 5px; position: relative;}
	
.InputFileView {margin:2px 8px -1px 2px; background:#efefef; border:1px solid #B6B5B5; padding:1px 5px 0 10px; position:relative;}
	.InputFileView .FileName a {color:#000; text-decoration:none;}
	.InputFileView .FileName a:hover,
		.InputFileView .FileName a:focus {color:#c20e00;}
	.InputFileView .FileName span {color:#959595;}
	.InputFileView .DiscardButton {width:16px; height:16px; cursor:pointer; background:url("img/file_discard.png") no-repeat center center;}
.MessageFormFiles {min-height:17px; _height:17px; margin:0; background:#fff; border:1px solid #B6B5B5; border-top:0px; font-family:"Lucida grande","Lucida sans unicode", Arial;}

.HiddenButton {border-radius:0px; border:1px solid transparent;}
	.HiddenButton .ImLeButtonMain {background:none; border:none;}
	.HiddenButton .buttonBorderColor {border-color:transparent;}
	.HiddenButton .buttonBgColor {background-color:transparent;}
	.HiddenButton .buttonOverBorderColor {border-color:transparent;}
	.HiddenButton .buttonOverBgColor {background-color:transparent;} 
		.HiddenButton .ImLeButtonMainInnerBox {border:none; background:none;}
		.HiddenButton .ImLeButtonMainShadow {display:none;}
		.HiddenButton .ImLeButtonMainContent {padding:0;}
		.HiddenButton .buttonText {font-size:11px; padding:0 10px; line-height:23px;}
	.HiddenButton.ImLeButton-over {border:1px solid #ccc; background:#f5f5f5;}

.LoadOlderMessagesPanel {position:relative; padding:13px 30px 10px; text-align:left; cursor:pointer; border:1px #ccc solid; border-top:none; background: #fff; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; font-size:12px;}
	.rtl .LoadOlderMessagePanel {text-align:right;}
	.LoadOlderMessagesPanel:hover {background:#e0e0e0;}
	.LoadOlderMessagesIcon {position:absolute; left:9px; top:13px; width:16px; height:16px; background:url('img/icons16.png?t=63') no-repeat -224px -80px; opacity:0.7; filter:alpha(opacity=70);}
		.LoadOlderMessagesPanel:hover .LoadOlderMessagesIcon {opacity:0.9; filter:alpha(opacity=90);}
	
.NoteTextareaPanel {position:relative;}
	.NoteTextareaPanel .NoteBottomLeft,
	.NoteTextareaPanel .NoteBottomRight,
	.NoteTextareaPanel .NoteTopLeft,
	.NoteTextareaPanel .NoteTopRight {display:none;}
	.NoteTextareaPanel textarea {font-size:13px; margin:0; padding:8px 10px; position:relative; left:0; top:0; right:0; bottom:0; background:#fcfadc; color:#3d3a2c;}
	.NoteTextareaPanel .SwitchableEditor {position:relative; background:#fcfadc; border:1px solid #d1d0c4; border-left:none; border-right:none;}
		.NoteTextareaPanel .SwitchableEditor .gwt-TextArea {border:none; background:none;}
	.NoteTextareaPanel .InputButtonsPanel {position:absolute; margin:0 0 -35px; bottom:0; right:0;}
	.NoteTextareaPanel .InputFilesWrapper {background:#fcfadc; padding:0 5px;}
	.NoteTextareaPanel .CheckBoxContainer {position:relative; height:30px;}
		.NoteTextareaPanel .CheckBoxContainer .CheckBox {top:9px;}

.AddNotePanel {position:relative; margin:0;}
	
.PostponeNoteLabel {font-size:12px; padding:0 5px;}
.ResolveAction {padding:5px;}
	.ResolveNoteLabel {font-size:12px; margin:0 0 5px;}
.MarkAnsweredAction {padding:5px;}
	.MarkAnsweredNoteLabel {font-size:12px; margin:0 0 5px;}

.ResizeInputButtonIcon {background:url("img/icons22.png?t=63") no-repeat -176px -66px; margin:7px 8px 0; cursor:pointer;}
	.ResizeInputButtonIcon.ResizeInputButtonIconCollapse {background-position:-176px -44px;}
.ResizeInputPanel{height:10px; background:url('img/boxes_resizer.png') no-repeat center center;}
  .ReplyInputMaximized .ResizeInputPanel {display:none;}
.MessageListScrollVisible.ReplyInputMaximized .ConversationShadow {display:none;}
	.ReplyInputMaximized .MessageListContainer {display:none;}

.offlineMessagesGroupMe .MessageHeader-last .DetailMessageHasText,
	.offlineMessagesGroupAgent .MessageHeader-last .DetailMessageHasText {border-bottom:1px solid #bbb;}
	
.MessageFile-first .messageBody {margin:15px 50px 0 0; border-top:1px solid #ddd;}
	.offlineMessagesGroupMe .MessageFile-first .messageBody,
	.offlineMessagesGroupAgent .MessageFile-first .messageBody {border-top:1px solid #bbb;}

.ChatReply .EditorAttachFile {margin-top:9px;}

.SearchablePopupPanel .TextBoxBaseWithDefault {border-top: none; border-left:none; border-right:none;}
	.SearchablePopupPanel .ActionAdd {vertical-align:top;}
	.SearchablePopupName {display:inline-block; line-height:21px; font-weight:bold; margin:0 8px 0 3px;}
		.SearchablePopupName:hover {text-decoration:underline;}
	.ActionShortCut {position:absolute; right:5px; bottom:0; color:#555; line-height:21px;}
		.rtl .ActionShortCut {left:5px; right:auto;}

.KeepStateCheckBox,
.ResolveCheckBox {float:left; clear:none; margin:4px 0;}
	
/* TODO: refactor -> button.less */
.SwitchInput {border:none !important; background:none !important; margin-left:8px; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;}
	.SwitchInput .buttonBorderColor {border:none !important; background:none !important;}
		.SwitchInput .buttonBgColor {background:none !important;}
		.SwitchInput .buttonBgShadowColor {display:none !important;}
		.SwitchInput .buttonInnerBorderColor {border-color:transparent;}
		.SwitchInput .buttonText {border:2px solid transparent; font-size:1em; text-decoration:none; color:#575757 !important; font-weight:normal; padding:0 0 0 24px;}
		.SwitchInput .buttonBorderColor .buttonBorderColor {border:none !important;}
	.SwitchInput .buttonOverBorderColor {border:none !important;}
		.SwitchInput .buttonOverBorderColor .buttonOverBorderColor {border:none !important;}
		.SwitchInput .buttonOverBgColor {background:none !important;}
		.SwitchInput .buttonOverInnerBorderColor {border-color:transparent;}
		.SwitchInput .buttonOverBgShadowColor {background:transparent !important;}
		.SwitchInput .buttonOverBgColor .buttonText {color:#000 !important;}	
	.SwitchInput .ImLeButton-focused {box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;}
		.SwitchInput .ImLeButton-focused .buttonBgColor {background:none;}
		.SwitchInput .ImLeButton-focused .buttonBorderColor {border:none !important; background:none;}
		.SwitchInput .ImLeButton-focused .buttonText {color:#000;}
	.SwitchInput .ImLeButtonMainContent {min-width:0px; width:auto;}
		.SwitchInput .ImLeButtonMainOut {border:none;} 
	.SwitchInputNote .buttonText {background:url('img/conversation-icons.png') no-repeat 2px -1px;} 
		.SwitchInputNote .ImLeButton-over .buttonText {text-decoration:underline; background:url('img/conversation-icons.png') no-repeat 2px -21px;}
	.SwitchInputMessage .buttonText {background:url('img/conversation-icons.png') no-repeat 0px -42px;} 
		.SwitchInputMessage .ImLeButton-over .buttonText {text-decoration:underline; background:url('img/conversation-icons.png') no-repeat 0px -64px;}
.ButtonWithArrow .Arrow {margin-top:-1px; background:url('img/conversation-arrows.png') no-repeat -7px -137px; height:10px; width:50px; position:absolute;}
	.chatRunning .ButtonWithArrow .Arrow {margin-top:-1px; background:url('img/conversation-arrows.png') no-repeat -8px -87px;}
	.ButtonWithArrow .ArrowBox {height:10px; position:relative;}  
	.ButtonWithArrow.SwitchInputNote .Arrow,
		.ActionInputBox-advanced .ButtonWithArrow.SwitchInputNote .Arrow {margin-top:-1px; background:url('img/conversation-arrows.png') no-repeat -7px -37px; height:10px; width:50px; position:absolute;}
	.SwitchInputPublicMessage.ButtonWithArrow.SwitchInputMessage .Arrow {margin-top:-1px; background:url('img/conversation-arrows.png') no-repeat -7px -187px;}
		.ForwardActionInputBox .SwitchInputPublicMessage.ButtonWithArrow.SwitchInputMessage .Arrow {margin-top:-1px; background:url('img/conversation-arrows.png') no-repeat -7px -87px;}
.ButtonWithArrow {position:relative; padding:10px 0 0;}
	.ButtonWithArrow .ArrowBox {height: 10px; position: absolute; top: 0;}
	
.ReplyForwardPanel {font-size:1.2em; color:gray; padding:5px;}
	.ReplyForwardPanel .ActionLink {cursor:pointer; text-decoration:underline;}
		.ReplyForwardPanel .ActionLink:hover {color:#333;}

.chatRunning .LeftButtons .LeftButtonsActive {margin:7px 0 5px 0;}
	.chatRunning .InputButtons {margin:0;}
	
.cke_top {background:#f5f5f5;}