#FileInputArea {
    display: none;
}
#DropZone.DropTarget {
    height: 50px;
    background-color: lightgray;
    border: solid 1px black;
}
#DropZone.DropTarget.Active {
    background-color: lightBlue;
}
#DropZone.InActive {
    display: none;
}
div.Document-SearchForm {
    width: 600px;
    overflow-x: auto;
    overflow-y: auto;
}
hr.CRM-Task-Separator {
    margin: 15px 0;
    clear: both;
}
.CRM-Task-Actions {} .CRM-Task-Actions textarea {
    width: 600px;
    height: 5em;
}
.CRM-Task-Notes textarea {
    width: 250px;
    height: 8em;
}
.CRM-Task-Scroll {
    font-size: 75%;
    max-height: 300px;
    overflow-y: auto;
}
.CRM-Workgroup-User-Search .GridDataContainer {
    display: none;
}
.CRM-Workgroup-User-Search .Torch-Grid-HasData > .GridDataContainer {
    display: block;
}
.Hide {
    display: none;
}
/*     T A S K   D E T A I L / A D D   T A S K   C L A S S E S    */

.TaskDetail,
.AddTaskForm,
.AddWorkGroupForm {
    background-color: #f3f3f3 !important;
    padding: 15px;
}
/* grid menu */

li.ubc-menu-item.TaskDetail.action {
    padding: 0;
}
.TaskDetail .left:first-child {
    background: #ddd;
    margin: -15px;
    padding: 15px;
    padding-bottom: 5px;
    margin-bottom: 15px;
}
.TaskDetail span label {
    display: inline;
    font-size: 13px;
}
.TaskDetail span select,
.TaskDetail span > span,
.TaskDetail span input {
    font-size: 13px
}
.TaskDetail .form-group.TaskTypeIdentity,
.TaskDetail .form-group.AddDate,
.TaskDetail .form-group.DaysOpen,
.TaskDetail .form-group.DaysDue,
.TaskDetail .form-group.StakeHolderName,
.TaskDetail .form-group.StakeholderNameText,
.TaskDetail .form-group.ClosedDate,
.TaskDetail .form-group.TypeText {
    margin-top: -35px;
}
/*.TaskDetail .form-group.DueDate {
    margin-top: 20px;
}*/

.TaskDetail .form-group.Type-Text.required > .control-label:before {
    content: "";
}
.TaskDetail button {
    display: inline;
    width: 170px;
}
/*.TaskDetail .form-group.DueDate input.hasDatepicker + img.ui-datepicker-trigger   //// this would affect only the edit task... removed TaskDetail (below) so that Add Task calendar would also display properly */

.form-group.DueDate input.hasDatepicker + img.ui-datepicker-trigger,
.form-group.DueDate input.hasDatepicker img.ui-datepicker-trigger,
img.ui-datepicker-trigger {
    position: absolute;
    right: 5px;
    top: 22px;
}
.TaskDetail hr.CRM-Task-Separator {
    clear: both;
    border-top: 2px solid #729cd2;
    margin: 15px 0;
}
.TaskDetail button[data-ubc-form-action="AddAction"] {
    margin-left: 350px;
}
.CRM-Task-Actions span.DataElement {
    padding-bottom: 15px;
    padding-right: 30px;
}
.CRM-Task-Actions textarea,
.CRM-Task-Notes textarea {
    width: 100%;
}
.TaskDetail span.DataElement label {
    display: inline;
}
div[data-ubc-form-name="Form"].TaskDetail ul.ValidationArea li.ErrorMessage {
    margin-top: 0
}
div[data-ubc-grid-name="TaskActionList"] div.GridDataContainer {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}
.AddTaskForm .form-group.StatusSCID,
.AddTaskForm .form-group.StakeholderNameText,
.AddTaskForm .form-group.TaskTypeIdentity,
.AddTaskForm .form-group.WorkGroupIdentity,
.AddTaskForm .form-group.AssignedTo,
.AddTaskForm .form-group.DueDate,
.AddTaskForm .form-group.DirectionSCID,
.AddTaskForm .form-group.ActionTypeSCID {
    margin-top: -15px;
}
/*  =======================================       */

.RadioListBlock {
    display: block;
}
.noReset {
    margin-top: -20px;
}
.RadioListElementBlock {
    padding-left: 150px;
    text-indent: -16px;
}
.RadioListBlock .RadioListElementBlock label {
    font-size: 12px;
    margin-left: -10px;
    vertical-align: top;
    display: inline;
    width: auto;
}
.CheckListBlock {
    display: block;
    margin-top: -20px;
}
.CheckListElementBlock {
    padding-left: 100px;
    margin: 0;
    list-style: none;
}
.CheckListBlock .CheckListElementBlock label {
    font-size: 12px;
    margin-left: -10px;
    vertical-align: top;
    display: inline;
    width: auto;
}
/*  I N L I N E    E R R O R   M E S S A G E   P L A C E M E N T  */

li.ErrorMessage {
    color: #ff0000;
    margin-top: -10px;
    margin-bottom: 10px;
}
div[data-ubc-form-name="Login"] li.ErrorMessage,
.Login-Forgot-Password li.ErrorMessage,
.Login-Query-Password li.ErrorMessage {
    color: #ff0000;
    margin-top: 5px;
}
/*  D O C U M E N T   M A N A G E R  */

#DropZone.DropTarget {
    background: #efefef url('/Resources/CallCenter/Images/dragDrop.png') no-repeat;
    border: 1px solid #ddd;
    box-shadow: inset 1px 1px 1px #aaa;
    height: 100px;
    padding: 20px 10px 0 150px;
}
div.Document-SearchForm {
    width: auto;
}
/*  D O C U M E N T S   P O P - U P   W I N D O W  */

#DocumentDisplay {
    height: 400px;
    margin: 3px;
    border: 1px solid #aaa;
}
#ReassignDialog,
#DocumentTypeDiv {
    border-bottom: 2px dotted #bbb8bf;
    margin-bottom: 20px;
}
#ReassignDialog > p {
    background: #f9f3e1;
    border: 1px solid #e4d7B1;
    border-radius: 3px;
    color: #c38417;
    font-size: 18px;
    font-weight: normal !important;
    padding: 15px;
}
#ReassignDialog button + button {
    background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
    background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
    background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='false');
    background-repeat: repeat-x;
    border-color: #b92c28;
}
#ReassignDialog button + button:hover,
#ReassignDialog button + button:focus {
    background-color: #c12e2a;
    background-position: 0 -15px;
}