/* People Picker */
.mtmFade { display: none; position: fixed; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.65; -moz-opacity:0.65; filter:alpha(opacity=65); z-index: 1000; }
.mtmDialog { display: none; position: fixed; top: 50%; left: 50%; width: 550px; z-index: 2000; }
.mtmDialog h3 { background: #467bb1; color: #fff; padding: 10px; margin: 0; }
.mtmDialogBody { background: #fff; padding: 20px; }
.mtmDialogFormField { width: 45%; float: left; margin: 0 5% 10px 0; }
.mtmDialogFormFieldWide { clear: both; margin: 0 0 10px 0; }
.mtmDialogFormField label, .mtmDialogFormFieldWide label { display: block; color: #333; font-size: 12px; padding: 5px; }
.mtmDialogFormField input { width: 100%; padding: 5px; border: 1px #ccc solid; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.mtmDialogFormFieldWide textarea { width: 97%; padding: 5px; border: 1px #ccc solid; color: #333; font-family: Arial, Helvetica, sans-serif; height: 150px; overflow: auto; font-size: 12px; }
.mtmDialogFormActions { text-align: right; font-size: 12px; }
.mtmDialogFormActions a { display: inline-block; padding: 7px 10px; color: #fff; background: #ea891e; margin: 0 0 0 5px; }
.mtmDialogFormActions a:hover { text-decoration: none; }
.mtmDialogFormActions a.mtmDialogButtonAlt { background: #ccc; color: #333; }
.mtmDialogLoading { text-align: center; padding: 30px 0; }

.mtmPeoplePicker { position: relative; width: 100%; border: 1px #ccc solid; padding: 3px; color: #333; overflow: hidden; font-size: 12px; }
.mtmPeoplePicker input#to { float: left; width: 200px; border-style: none; padding: 2px 0 2px 5px; }
.mtmPeoplePicker input#to:focus { outline: none; }
.mtmPeoplePickerAddButton { display: block; position: absolute; top: 3px; right: 3px; width: 18px; height: 18px; background: url('/_layouts/images/SQTComm/pickerAdd.png') center no-repeat; text-indent: -9999em; outline: none; }
.mtmPeoplePicker span.mtmPeoplePickerPerson { float: left; font-weight: bold; background: #f0f0f0 url('/_layouts/images/SQTComm/pickerX.png') no-repeat; background-position: 100% 6px; padding: 2px 16px 2px 5px; margin: 0 2px 2px 0; white-space: nowrap; cursor: pointer; }
.mtmPeoplePicker span.mtmPeoplePickerPerson:hover { background-color: #ddd; background-position: 100% -27px; }
.mtmPeoplePickerReadOnly { border: 1px #ccc solid; padding: 6px 3px; color: #333; font-size: 12px; font-weight: bold; }

.mtmAutoCompleteMenu { position: absolute; top: 0; left: 0; border: 1px #000 solid; background: #fff; z-index: 3000; }
.mtmAutoCompleteMenuItem { clear: both; padding: 5px; border-bottom: 1px #ccc solid; cursor: pointer; }
.mtmAutoCompleteMenuItem:hover { background: #ecf3ff; }
.mtmAutoCompleteMenuItem.selected { background: #ecf3ff; }
.mtmAutoCompleteMenuItemLeft { width: 18%; float: left; }
.mtmAutoCompleteMenuItemRight { width: 82%; float: left; }
.mtmAutoCompleteMenuItemLeft img { width: 30px; height: 30px; }
.mtmAutoCompleteMenuItemMyColleague { float: right; margin: 0 0 0 5px; }
.mtmAutoCompleteMenuItem h6 { font-size: 12px; color: #555; font-weight: bold; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
.mtmAutoCompleteMenuItem.selected h6 { color: #000; }
.mtmAutoCompleteMenuItem div.meta { font-size: 10px; color: #aaa; font-style: italic; }
.mtmAutoCompleteMenuItem .clear { clear: both; }
.mtmAutoCompleteMenuFooter { height: 24px; padding-top: 7px }
.mtmAutoCompleteMenuItemMore , .mtmAutoCompleteMenuItemBack {width:50%; clear: both; font-size: 11px}
.mtmAutoCompleteMenuItemMore a , .mtmAutoCompleteMenuItemBack a {padding: 5px; color: #467bb1; font-weight: bold; }
.mtmAutoCompleteMenuItemMore {text-align: right;float:right;}
.mtmAutoCompleteMenuItemBack {display:inline;text-align:left}
.mtmAutoCompleteMenuItemMore {text-align: right;float:right;}
.mtmAutoCompleteMenuItemBack {display:inline;text-align:left}

/* UserProfile Popup */
.UserProfilePopupWrapper { position: absolute; display: none; z-index: 50; width: 340px; min-height: 80px; }
.UserProfilePopup { background: url('/_layouts/images/SQTComm/profilePop.png') top no-repeat; padding: 30px 30px 0 40px; font-size: 12px; }
.UserProfileImage { float: left;  }
.UserProfileImage img { width: 60px; height: 60px; margin: 0 10px 10px 0; }
.UserProfileName { font-weight: bold; font-size: 14px; }
.UserProfileTitle { font-style: italic; float:left; width:200px; }
.UserProfileShortcuts { font-size: 10px; clear: both; color: #777; }
.UserProfileShortcuts a { }
.UserProfilePopupWrapperBottom { height: 30px; background: url('/_layouts/images/SQTComm/profilePop.png') bottom no-repeat; }
.UserProfileColleagueCount { font-size: 0.8em; color: #bbb; }
.UserProfileColleagueCount a { color: #f47d31; }