.mainIndividualInfo { margin-bottom:30px; }
.individual-major-info { font-size:18px; line-height:26px; border-bottom:1px dotted #ccc; padding-left:10px; }
    .individual-major-info div { display:inline-block; width:300px; }
        .individual-major-info div.minor { font-size:14px; }
.individualName { font-size:32px; margin-top:0px; padding:6px 20px; background-color:#eee; line-height:40px; margin-bottom:5px; }
.individual-action-bar { padding:10px;}
.individual-free-text { margin-bottom: 30px; }
.individual-subheading { font-size:14px; border:1px solid #CCC; text-align:center; font-weight:bold; color:#666; max-height: 20px; overflow: hidden;}

.story { min-height:120px; border:1px solid #ccc; padding:10px 20px; font-family:Georgia; color:#333; position:relative; max-height:120px;overflow:auto; margin-bottom:20px}
    .story.highlight { background-color: #49afcd; color:white; }
    .story:hover .edit { opacity:1; }
    .ui-widget-overlay { display:none; }
    
     

.outcomeStory { font-family:Georgia; color:black; color:#333; position:relative; font-size:15px;padding:10px;word-wrap: normal;}
.outcomeStory-subheading { font-size:14px; text-align:left; font-weight:bold; color:#666; }


#hiddenDialog { display:none; width:500px; height:350px; padding:20px; }
    #hiddenDialog a.btn-primary { color: white; }
    #hiddenDialog label { font-weight:bold; color:#555; }
    #hiddenDialog textarea { height:150px; width:97%; }

.edit { position:absolute; bottom:5px; right:5px; z-index:1; opacity:.80; }
    .edit:hover { opacity:1; }  

.individual-contact-info { padding:0px; margin:0px; }
    .individual-contact-info h4 { line-height:30px; padding-left:20px; }
.individual-phone { height:25px; margin-bottom:5px; border-bottom:1px dotted #ccc; }


#tblIndividualDetails.display-label { font-weight: bold; }
#tblIndividualDetails.display-field { margin-bottom:10px; min-height:40px; }

/* Contacts */
.membershipInfo { cursor:help; }

/* Multimedia Holders */
.multimedia { }
    .multimedia .holder { margin-bottom:10px; min-height:100px; width:100%; height:290px; display:inline-block; text-align:center; position:relative; background-color:black; box-shadow: 3px 3px 3px #888;}
        .multimedia .holder.empty { background-color:white; border-left: 1px solid #e0e0e0; }
    .multimedia .holder .status { border:1px solid #a9a900; text-align:center; position:absolute; bottom:80px; left:50%; margin-left:-70px; width:140px; font-size:13px; font-weight:bold; line-height:24px; background-color: rgba(255, 255, 0, .9); border-radius:6px; color:black;}
    .multimedia .holder .toolbar { margin-top:3px; display:block; height:21px; width:100%; background-color: black; text-align:center; color:white; border-bottom:1px solid #fff; margin-bottom:2px; }
        .multimedia .holder .toolbar .edit { position:absolute; right:auto; left:5px; top:3px; color:white; opacity:1; height:20px;}
        .multimedia .holder .toolbar .delete { position:absolute; right:5px; top:3px; color:white;}
    .multimedia .holder .caption { padding:5px; border-top:1px solid white; height:50px; overflow:hidden; line-height:16px; font-size:13px; background-color:#eee; color:#555; border:1px dotted #ccc; border-top:0px;}
    .multimedia .add-media { height:100%;width:100%;text-align:center;display:block;  }
    .multimedia .add-media img { position: absolute; top: 50%; margin-top: -15px; left: 50%; margin-left: -25px;  }

    /* Edit Pictures - Overrides */
    .multimedia .holder .image { height:205px; width:100%; overflow:hidden;}
    .multimedia .holder .toolbar .profile { position:absolute; left:50%; margin-left:-5px; top:3px; color:white; text-decoration:none; }
            .multimedia .holder .toolbar .profile.on {   }
            .multimedia .holder .toolbar .profile.off { }

    /* Edit Audio - Overrides */
    .multimedia.audio .holder { height:160px; }
    .multimedia.audio .title {  height:20px; overflow:hidden; line-height:20px; text-align:center; font-size:14px; font-weight:bold; padding:5px; position:relative; border-bottom:1px solid #ddd; background-color:#eee;}
    .multimedia.audio .caption {  height:50px;}
    .multimedia.audio .play { line-height:30px; height:32px; background-color:#ccc; color:#333; text-align:center; font-size:24px; font-weight:bold; padding:5px; position:relative; }
        .multimedia.audio .play .runtime { right:5px; margin-right:15px; }
        .multimedia.audio .play .filetype { left:5px; margin-left:15px; }
        .multimedia.audio .play .metadata { position:absolute;  top:50%; margin-top:-7px; line-height:14px; font-size:12px; color:#888; }

         /* Edit Video - Overrides */
    .multimedia.video .holder { height:160px; }
    .multimedia.video .title {  height:20px; overflow:hidden; line-height:20px; text-align:center; font-size:14px; font-weight:bold; padding:5px; position:relative; border-bottom:1px solid #ddd; background-color:#eee;}
    .multimedia.video .caption {  height:50px;}
    .multimedia.video .play { line-height:30px; height:32px; background-color:#ccc; color:#333; text-align:center; font-size:24px; font-weight:bold; padding:5px; position:relative; }
        .multimedia.video .play .runtime { right:5px; margin-right:15px; }
        .multimedia.video .play .filetype { left:5px; margin-left:15px; }
        .multimedia.video .play .metadata { position:absolute;  top:50%; margin-top:-7px; line-height:14px; font-size:12px; color:#888; }



#UploadAudio, #UpdateAudio, #UpdateVideo, #UploadVideo { display: none; }
form.audiovideo .control-label { width: 100px; }
form.audiovideo .controls { margin-left: 110px; }

    /* Edit Documents */
    .multimedia .docholder { margin-bottom:10px; min-height:100px; width:100%; height:100px; display:inline-block; text-align:center; position:relative; background-color:#ccc;}
    .multimedia .docholder .caption { padding:5px; border-top:1px solid white; height:50px; overflow:hidden; line-height:16px; font-size:13px; color:black;}
      /* Action Step */ 
      .actionStep-label {font-family: Georgia; color: #333;position: relative;font-weight:bold; }
      .actionStep-text {font-family: Georgia; color: #333;position: relative; }
.textarea-style { margin: 0px 0px 10px; width: 581px;height: 80px;}

/*Individual Detail*/
.story-ActionPlanDetail { min-height:40px; border:1px solid #ccc; padding:10px 20px; font-family:Georgia; color:#333; position:relative; }
.ActionPlanDetail-subheading { font-size:14px; border:1px solid #CCC; text-align:Left; font-weight:bold; color:#666; }
.actionplan-label {font-family: Georgia; color: #333;position: relative;font-weight:bold; display:inline-block}
.actionplan-text {font-family: Georgia; color: #333;position: relative; display:inline-block}
.actionplan-number {font-family:'Times New Roman'; color: #333;position: relative; display:inline-block}
.actionstep-submit {margin-left: 30px;}
.hide{visibility: hidden}
.Indwell-large{padding:5px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;width:200px;height:200px;}
.facilityAddress-text {margin-left: 15px;font-family: Georgia; color: #333;position: relative; display:inline-block}
 .shadow {
   -moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
}
/*Action Plan*/

.actionPlan-subheading { font-size:14px; border:1px solid #CCC; text-align:left; font-weight:bold; color:#666; }
.actionPlan-story { height:65px; border:1px solid #ccc; padding:10px 20px; font-family:Georgia; color:#333; position:relative; overflow-y:auto}
    .actionPlan-story.highlight { background-color: #49afcd; color:white; }
    .actionPlan-story:hover .edit { opacity:1; }
/*Action Plan Support Consideration*/

/* ISP & Agreements */
#agreementTrackingPeopleTable tr.agreed { font-weight:bold;}
    #agreementTrackingPeopleTable tr.agreed td { }
/* Feedback Description */
    .field-validation-error {
       border: 2px solid #f00;
}
    .validFB{
    border: 2px solid #9CEAF5;
}
     .LOCBadge {
        
            padding:9px;
            display: inline-block;
            font-size: 13px;
           
            line-height: 14px;
            color:black;
            white-space: nowrap;
            vertical-align: baseline;
            border-left:solid 5px rgb(93, 154, 213);
            min-width:85px;

        }
        .LOCBadge .header{
            font-size:15px;
             font-weight: bold;
        }
            .LOCBadge:hover {
                
                background:rgb(93, 154, 213);
                color:white;
                
            }