/*  Copyright 2007-2011 Bicknell Information Group. All rights reserved */
/* standard.css */
  /* General */
    /*****General styles*****/  
      body { 
        font-size: 80%;
        padding: 0px;
        margin-top: 0px ;
        margin-left: 0px ;
        margin-right: 0px ;
        margin-bottom: 0px ;
	background: #006427 url('http://www.littlegreenlight.com/images/background.jpg') top center no-repeat;
      }

      body, p, ol, ul, td {
        font-family:  arial, sans-serif;
        color: black;
        /* color: #5a5467; */
      }  
      
      ul {
        margin-left: 5px;
      }
  
      ul li {
        list-style: square;
      }        
      
      table {
        width: 100%;
        border-collapse: collapse;
      }      
      
      td {
        padding: 2px;
      }
      
      /* prevent extra line spaces from showing up in the text editor */
      .mceContentBody p { 
        margin-top: 0px;
        margin-bottom: 0px;
      }
      
      textarea.Empty,
      input.Empty { }
      
      pre, 
      code {
        width: 600px;
        white-space: normal;
      }  
      
      a { 
        text-decoration: none;
        color: #0000cc;
      }      
      
      a:hover { text-decoration: underline; }    
      
      a img,
      img {
        border: none;
        padding: 0px;
        vertical-align: middle;
      }
  
      #blackout {
         position: fixed;
         z-index: 50;
         width: 100%;
         bottom: 0px;
         left: 0px;
         top: 0px;
         opacity: .8;
         background-color: #e5e5e5;
      }
      
      fieldset { 
        border: solid 2px #c8c8c8; 
        font-size: 100%; 
        margin: 5px;
        padding: 5px;
      }
      
      fieldset,
      fieldset.Box {
        border-color: #c8c8c8;
        background: white;
      }
      
      fieldset.skinny {
        border: solid 1px gray;
      }
      
      fieldset.skinny legend {
        color: #5a5467;
      }

      fieldset.Plain {
        border: solid 1px gray;
        color: #5a5467;
      }

      fieldset.Plain legend {
        color: #5a5467;
      }
      
      legend {  
        font-weight: bold; 
        font-variant: normal;
      }
      
    /**** Global styles ****/    
      div.error,
      div.notice {
        width: 95%;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 10px;
        margin-left: auto;
        margin-right: auto;
        font-size: 130%;
      }      
      
      tr.heading td,  
      td.HeadingLabel {
        font-variant: normal;
      }      
      
      div.heading {
        font-weight: bold;
        font-size: 130%;
        clear: both;
        color: #5a5467;
        font-variant: normal;
        border-bottom: 1px solid #5a5467;
        padding: 5px;
        margin-bottom: 5px;        
      }
      
      div.Item { 
        font-size: 90%;
        padding-right: 5px;
        padding-left: 10px; 
      }
      
      div.Item div.Item {
        font-size: 100%;
      }
     
      div.Spacer { margin: 5px; }
      
      div.Clear { clear: both; }      
            
      div.Description {
        text-indent: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
      }
      
      div.Buttons {
        text-align: right;
      } 
      
      span.Actions a { 
        color: #003366;
      }          
      
      div.Row {
        clear: both;
        padding-top: 10px;
      }

      div.Row div.Cell {
        float:left;
        padding-right: 10px;
      }       
     
      span.Title { font-size: 80%; }

      td.ConstituentTags div.Row,
      div.GiftHistorySummary div.Row {
        padding-top: 0px;
      }
      
      div.GiftHistorySummary { 
        padding-right: 20px;
      }
      
      div.RightLabel {
        width: 100px;
        text-align: right;
      }
      
      table.Pagination {
        width: 100%;
      }
      
      table.Pagination td.PaginationPages {
        text-align: right;
      }

      .SelectedPage {
        font-size: 120%;
        font-weight: bold;
        padding: 1px;
        padding-left: 2px;
        padding-right: 2px;
      }

      .PaginationPage {
        width: 20px;
      }
      
    /**** #page styles ****/
      #page {
        width: 95%;
        padding-right: 10px;
        margin-left: auto;
        margin-right: auto;
      }
      
      
    /**** Header & Navigation ****/
      #top { margin-bottom: 15px; }
    
    
      #top td.Left {
        vertical-align: middle; 
        font-size: 24pt;
        font-weight: bold;
        color: #5a5467;
      }
      
      div.LoginForm #top table.Top td.Left {
        font-size: 200%;
      }      
      
      #top div.SessionInfo {
        width: 95%;
        text-align: right; 
        margin: 3px;
        margin-bottom: 2px;
      }      
      #top div.SessionInfo span      { font-size: 90%; }        
      #top div.SessionInfo span.Last { border-right: none; }

      div.SessionInfo div.Item,
      div.Menu div.Item { 
        border-right: solid 2px #5a5467; 
      }      
      
      #navigation { width: 100%; }
      #navigation table { width: 100%; }
      #navigation td { 
        text-align: center;
        background: none;       
        padding-bottom: 0px;
      }
      
      #navigation td.Right { 
        width: 50%; 
        text-align: right; 
        padding-bottom: 2px;
        padding-right: 10px;
        background: none; 
      }
      
      #navigation td div {
        margin-top: 0px;
        margin-left: 2px;
        margin-right: 2px;
        margin-bottom: -4px;
        padding-top: 3px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
        font-weight: bold;
      }      
      
      #navigation td.First div {
        margin-left: 6px;
      }
      
      #navigation td.Inactive div {
        border-top: solid 2px #c8c8c8;
        border-right: solid 2px #c8c8c8;
        border-left: solid 2px #c8c8c8;
        background: #ddd;        
      }      
      
      #navigation td a {       
        font-size: 120%;
      }
      #navigation td.Active div {
        border-top: solid 2px #c8c8c8;
        border-right: solid 2px #c8c8c8;
        border-left: solid 2px #c8c8c8;        
        background: #c8c8c8;
        font-weight: bold;
      }
      #navigation td.Active a {
        color: #5a5467;
      }
      
      #navigation td.Inactive a { 
        color: #5a5467;
      }
      
      div.SubNav {
        font-size: 100%;
      }      
      
      div.SubTabNav,
      div.SubNav { 
        padding-left: 10px;
        padding-top: 2px;
      }
      
      div.SubNav { 
        background: #c8c8c8;
        height: 26px;
      }
      
      div.SubTabNav {
        margin-bottom: 5px;
      }      
      
      div.SubTabNav span.Item,
      div.SubNav span.Item {
        padding-right: 20px;
      }  
      
      div.SubTabNav a.Active,
      div.SubNav a.Active {
        text-decoration: underline;
        font-weight: bold;  
      }      
      
      div.SubNav div.MenuItems,
      div.SubNav div.NavLabel {
        float: left;
        padding-top: 3px;
      }
      
      div.SubNav div.MenuItems {
        width: auto;
        text-align: left;
      }

      div.SubNav div.NavLabel {
        width: auto;
        float: right;
        text-align: right;
        font-size: 130%;
        margin-right: 5px;        
      }      
      
      div.SubNav a { color: #003366; }
      
      div.Flags {
        margin-top: 5px;
        margin-left: 3px;
        margin-right: 3px;
        background: white;
      }
      
      div.Flagged {
        background: #c8c8c8;
        height: 25px;
        padding: 3px;
      }
      
      div.FlaggedList {
        padding-left: 5px;
        background: white;
      }
      
      div.FlaggedListItem {
        float: left;
        font-size: 80%;
        display: block;
        width: 250px;
      }
      
    /**** #main styles ****/
      #main   { min-height: 450px;  border: solid 4px #c8c8c8; }
      table.Main { width: 100%; }
      table.Main td { vertical-align: top;}
      table.Main td.Side {
        width: 25%;
        min-width: 150px;
        padding-left: 5px;
        padding-right: 15px;
        font-size: 100%;
        vertical-align: top;
      }      
      
      td.Buttons { text-align: right; }      
      
      #content div.Middle {
        margin-top: 5px;
        padding: 5px;
        width: 98%;
        min-height: 300px;
        min-width: 500px;
        margin-left: auto;
        margin-right: auto;
        vertical-align: top;
        top: 0px;        
      }
      
      div.Box { 
        margin-bottom: 10px; 
        border-bottom: none;         
      }
      
      /****  #side styles ****/
        #side { font-size: 110%; padding-top: 5px; }
        #side div.Box { 
          background-color: white; 
          margin-right: 10px; 
          padding-bottom: 10px;
        }

        #side div.Box div.heading {
          background: #c8c8c8;
          color: #5a5467;
          height: 20px;
          border-bottom: none;
        }        
        
        div.StyledBox div.heading {
          background: #c8c8c8;
          color: #5a5467;
          border-bottom: none;
        }        
        
        
        #side div.Facet {
          margin-left: 5px; 
          margin-top: 5px;
          font-weight: bold;
        }
        
        div.Facet div.Facet {
          font-size: 95%;
          margin-left: 10px;
        }
        
        
        #side div.Facet div.Item {
          font-size: 90%;
          font-variant: normal;
          font-weight: normal;
        }
        
        
        #side div.Item {
          padding-left: 10px;
        }
      
        #side div.heading span.Actions { font-size: 80%; }
      
      div.DetailsForm {
        width: 800px;
        margin-left: auto;
        margin-right: auto;
      }
      
      span.Label, div.Label {
        font-size: 100%;
        font-weight: bold;
      }
      
      span.Label {
        width: 300px;
        text-align: right;
      }
      
      span.Value {
        font-size: 100%;
      }
      
      div.Item span.Value {
        font-size: 80%;
      }
    
      span.Actions { 
        font-variant: normal; 
        font-weight: bold; 
      }
      
      span.Actions div.Item {
        margin-top: 3px;
      }
      
      table.List,  
      table.Details { 
        width: 98%; 
        margin-left: auto;
        margin-right: auto; 
      }
      
      table.Details td {
        width: auto;
      }

      div.ListName,
      div.Name { font-weight: bold; }
      div.Name {font-size: 150%;}
      div.Name div.Item { padding-top: 5px; }
      div.ListActions,
      div.Actions { float: right; font-size: 100%; }

      div.error {
        border: 3px solid red;
        text-align: left;
        background: white;
        font-weight: bold;    
      }
      
      div.notice {
        border: 3px solid #5499d2;
        color: #5499d2;
        background: white;
        font-weight: bold;
      }
      
      table.Results td {
        border: solid 1px #c8c8c8;
        padding: 5px;
      }
      
      table.Results tr.Header td {
        background: #ddd;
        border: solid 1px #c8c8c8;
        vertical-align: bottom;
      }  
      
      div.Middle {
        background: white;
      }      
      
      div.PopIn,
      div.EditTask,
      div.EditComment,
      div.EditNote,
      div.ClosingCommentForGoal,
      div.ClosingCommentForTask { 
        width: 50%;
        min-height: 150px;
        max-height: 500px;
        min-width: 400px;
        padding: 10px;
        z-index: 100;
        position: fixed;
        left: 25%;
        top: 25%;
        right: auto;
        bottom: auto;
        background-color: white;
      }         
      
      span.Count {
        font-size: 80%;
      }
      
      fieldset.Box {
        border-width: 3px;
        border: solid 3px #c8c8c8;
        margin-bottom: 10px;
      }
      
      fieldset.Box legend {
        font-size: 100%;
      }
      
      div.LastUpdated {
        margin-top: 5px;
        font-size: 80%;
      }      
      
      div.Rating {
        width: 100%;
        height: 100%;
      }
      
      form.Inline {
        display: inline;
      } 
      
      span.Active { 
        font-weight: bold;
        font-style: italic;
        text-decoration: underline;        
      }        
        
      tr.Header td {
        font-variant: normal;
        font-weight: bold;
      }
      
      div.Breadcrumb {
        height: 20px;
        padding-top: 10px;
        padding-left: 5px;
        padding-bottom: 0px;
      }
      
  
  /* Library */
    table.Library {
      width: 100%;
    }
    
    table.Library td {
      width: 50%;
      vertical-align: top;
    }
    
  /* Details */
    /*****Shared Details*****/
      td.ContactInformation { width: 25%; }
      td.GivingInformation { width: 35%; }
      div.ContactInformation,    
      div.CommentInformation,
      div.TaskInformation { 
        clear: both;
        font-size: 100%;   
      }
     
      span.ContactLabel {
        display: inline-block;
        width: 80px;
        color: #999999;
        margin-right: 10px;
        font-weight: bold;
        
        text-transform: lowercase;
        text-align: right;
      }

      div.DocumentSummary {
        font-size: 80%;
      }
      
      div.CommentInformation {
        max-width: 600px;
      }
      
      div.ContactInformation {
        margin-left: 10px;
      }
      
      table.ContactInfoForm td.Left {
        padding: 2px;
        margin-right: 3px;
        width: 400px;
      }
      
      table.ContactInfoForm td.Left textarea,
      table.ContactInfoForm td.Left input {
        width: 98%;
      }
      
      div.MorePhoneNumbers,
      div.MoreEmailAddresses,
      div.MoreStreetAddresses {
        display: none;
        padding: 0px;
        margin: 0px;
      }
      
      div.PopIn input {
        position: relative;
      }
      
      div.UploadAttachment {
        max-width: 600px;
      }
      
      div.Attachment {
        padding-top: 3px;
      }
      
      table.Attachment {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
      }
      
      div.UpdateNotice {
        font-size: 80%;
        padding-left: 10px;
      }    

    /***** Comments/Notes *****/
      div.Note,
      div.Comment {
        font-size: 100%;
        padding-top: 5px;      
        margin-top: 5px;
        border-top: solid 1px #c8c8c8;        
      }    
      table.Notes td.Last,
      table.Comments td.Last {
        border-bottom: none;
        padding: 5px;
      }
      
      table.Notes td.NoteCreated,
      table.Comments td.CommentCreated {
        width: 15%;
        min-width: 90px;
        padding-right: 20px;
      }      
      
      div.NoteInformation,
      div.CommentInformation p {
        margin-bottom: 0px;
      }
      
      table.NoteAttachments,
      table.CommentAttachments {  
      }
      
      table.NoteAttachments td.Category,
      table.CommentAttachments td.Category {
        width: 30%;
        text-align: right;
      }
      
      div.First {
        border-top: none;
      }
      
      div.Date {
        background: #efefef;
        font-variant: normal;
        text-align: center;
        width: 60px;
      }
      div.Date div.Year {
        background: gray;
        font-weight: bold;
        color: white;
      }
      div.Date span.Month { }
      div.Date span.Day { }
      
      div.NewNote,
      div.NewComment { padding-top: 5px; }
      
      fieldset.Note textarea,
      fieldset.Comment textarea { width: 98%; }
      
      div.NoteAttachments,
      div.CommentAttachments { padding: 5px }
      
      div.NoteAttribution,
      div.CommentAttribution { 
        font-weight: bold; 
        background: #efefef;
        width: 90%;
        margin-bottom: 5px;
      }
      
      div.NoteAttribution span.Date,
      div.CommentAttribution span.Date { font-style: italic; font-weight: normal; }
      
    /*****User Details*****/  
      table.UserRoles { width: auto }
      table.UserRoles td { vertical-align: middle; padding-bottom: 2px; white-space: nowrap; }
    
    /*****Constituent Details*****/
      div.ConstituentTags {
        font-size: 100%;
        padding: 5px;
      }
      
      td.ConstituentTags {
        width: 50%;
      }
      
      
      table.ConstituentInformation td.Right {
        width: 30%;
      }
      
      div.ConstituentInfo {
        background: #eee;
        border: solid 2px #c8c8c8;
        min-height: 140px;
      }

      div.ConstituentInfo div.Heading {
        background: #c8c8c8;
        padding: 3px;
        font-size: 120%;
        font-weight: bold;
      }

      div.ConstituentInfo div.Items {
        padding: 5px;
      }

      div.EmbeddedConstituentForm {
        width: 50%; 
        z-index: 100;
        position: fixed;
        left: 25%;
        top: 30%;      
        right: auto;
        bottom: auto;
        background-color: white;      
      }    
  
    /*****Tasks and Goals*****/      
      table.TaskRow {
        width: 100%;
      }
      table.TaskRow td.Task     {width: 35%;}
      table.TaskRow td.DueDate  {width: 30%;}
      table.TaskRow td.Type     {width: 15%;}
      table.TaskRow td.Owner    {width: 15%;}
      table.TaskRow td.Action   {width: 35px;}    
    
      div.Task div.Name {
        font-size: 150%;
        font-weight: bold;
      }
      
      div.GoalName {
        font-weight: bold;
        font-size: 110%;
      }
      
      ul.Goals {
        margin: 0px;
      }
      
      div.TaskForm {
      }
      
      fieldset.Tags {
        width: 200px;
      }
      
      div.TaskListItem div.Name {
        font-size: 100%;
        font-weight:normal;
      }    
      
      td.CompleteTask {
        width: 20px;
        padding-right: 10px;
      }
      
      
      div.NewTask input.Text {
      }
      
      div.AddTask {
        font-size: 80%;
        float: right;
      }
    
    /*****Gifts *****/
      div.Gifts {
        padding-top: 10px;
      }
      
      fieldset.GiftHistory {
      }    
      
      div.GiftHistorySummary span,
      div.GiftHistorySummary a {
        font-size: 90%;
      }
      div.GiftHistorySummary span.Label {
        font-size: 100%;
      }
  /* Other */
    
      div.LoginForm { border: solid 5px #c8c8c8; }

    /*****Tabs*****/    
      div.Tabs,
      div.SubTabs {
        text-align: left;  
        border-bottom: 2px solid #c8c8c8;   
      }
      
      div.Tabs { margin-top: 10px; }
      
      ul.SubTabs,
      ul.Tabs {
        padding-top: 10px;
        padding: 0px;
        padding-right: 10px;
        margin-bottom: 0px;
        margin-left: 20px;
      }
    
      ul.Subtabs a,
      ul.Tabs a {
        font-variant: normal;
        margin-right: 5px;
      }
      
      ul.Tabs img {
        vertical-align: top;
      }
      
      div.Middle ul.Tabs a.Active,
      td.Middle ul.Tabs a.Active,
      td.Middle ul.SubTabs a.Active {
        background: white; 
      }
      
      ul.Tabs li, ul.SubTabs li {
        display: inline;
        overflow: hidden;
        list-style-type: none;
        font-size: 120%;
        font-weight: bold;
      }
      
      a.Inactive, 
      a.Active {
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 2px;
        text-decoration: none; 
      }   
      
      ul.Tabs a.Active,
      ul.SubTabs a.Active {
        background: white;
        color: #5a5467;
        border: 2px solid #c8c8c8;
        border-bottom: 2px solid white;
      }         
      
      ul.Tabs a.Inactive,
      ul.SubTabs a.Inactive {
        background: #c8c8c8;
        border: 2px solid #c8c8c8;
        color: #5a5467;   
      }          
      
      div.SubTabNav {
        background: white;
        line-height: 20px;
      }            
      
      div.TabContent {
        min-height: 200px;
      }
    /*****Tags*****/
      div.AddNewTags {
        padding: 5px;
        font-size: 80%;
      }
      div.FinishEditingTags {
        width: 100%;
        text-align: right;
      }
      
      form.AddTagForm,
      form.NewTagForm {
        display: inline;
      }
      
      div.Keywords {
        margin-left: 10px;
      }
      
    /*****List styles*****/  
      table.List tr {
        
      }
      tr.Header td {
        font-weight: bold;
      }  
      
    /*****Action Icons*****/  
      div.Preferred {
        background: url('/images/preferred.png') no-repeat left;
        padding-left: 20px;      
      }
    
      .Button span span.Add,
      a.Add { 
        background: url('/images/add.png') no-repeat left;
        padding-left: 20px;
      }
      .Button span span.Edit,
      span.Edit,
      a.Edit {
        background: url('/images/edit.png') no-repeat left;
        padding-left: 20px;
      }
      
      .Button span span.Import,
      a.Import {
        background: url('/images/import.png') no-repeat left;
        padding-left: 20px; 
      }
      
      .Button span span.Info,
      span.Info,
      a.Info{
        background: url('/images/info.png') no-repeat left;
        padding-left: 20px;
      }

      .Button span span.Delete,
      a.Delete {
        background: url('/images/delete.png') no-repeat left;
        padding-left: 20px;    
      }

      .Button span span.List,
      a.List {
        background: url('/images/list.png') no-repeat left;
        padding-left: 20px;    
      }

      .Button span span.Password,
      a.Password {
        background: url('/images/lock.png') no-repeat left;
        padding-left: 20px;        
      }

      .Button span span.Share,
      a.Share {
        background: url('/images/share.png') no-repeat left;
        padding-left: 20px;        
      }
      
      .Button span span.Close,
      a.Close {
        background: url('/images/completed.png') no-repeat left; 
        padding-left: 20px;        
      }      

      .Button span span.Reopen,
      a.Reopen {
        padding-left: 20px;        
      }      

      .Button span span.Upload,
      a.Upload {
        background: url('/images/up.png') no-repeat left; 
        padding-left: 20px;        
      }      

      .Button span span.Remove,
      a.Download {
        background: url('/images/down.png') no-repeat left; 
        padding-left: 20px;        
      }      

      .Button span span.Remove,
      a.Remove {
        padding-left: 20px;        
      }
      
      a.Show {
        padding-left: 20px;        
      }      
      
      a.Small {
        font-size: 85%;
      }
      
      span.Date {
        background: url('/images/calendar.png') no-repeat right;
        cursor: pointer; 
        padding-right: 20px;
      }
      #content_for_story p,
      #content_for_story textarea p {
       height: auto;
       margin-top: 0px;
       margin-bottom: 0px;
      }
      
      div.NotifyUser {
        float: left;
        padding-right: 5px;
      }      
             
      table.Login {
        border: none;
      }     
      
      div.LoginForm {
        background-color: white; 
        width: 500px; 
        margin-left: auto; 
        margin-right: auto; 
        margin-top: 15%; 
        padding: 5px;
      }

      div.Footer {
        color: #5a5467;
        text-align: center;
        font-size: 80%;
        margin-top: 10px;
        padding: 10px;        
      }
      
      
      div.First {
        border-top: none;
      }  
    
      div.MainStatus div.heading {
        margin-top: 5px;
        margin-bottom: 5px;
        border-bottom: none;
      }
      
      div.MainStatus div.heading a {
        font-size: 90%;
      }
      
      div.Gift a.Styled,
      div.Gift div.heading a,
      div.Completed div.heading {
        color: #00612a;
      }
      
      div.Overdue a.Styled,
      div.Overdue div.heading {
        color: #ce4f3a;
      }
      
      div.Pledge a.Styled,
      div.Pledge div.heading a {
        color: #6c8f57;  
      }

      div.PendingAsk a.Styled,
      div.PendingAsk div.heading a {
        color: #6c8f57;  
      }
   
      div.Declined a.Styled { 
        color: #000000; 
      }

      div.ScheduledAsk a.Styled,
      div.ScheduledAsk div.heading a,
      div.DueThisWeek div.heading {
        color: #447cab;
      }  
      
      div.Assignments a.Styled,
      div.Assignments div.heading a,
      div.DueNextWeek div.heading,
      div.DueNextWeek div.heading a {
        color: #447cab;
      }        
      
      span.ViewAll {
        font-size: 80%;
        font-weight: normal;
      }
      
      .stricken {
        text-decoration: line-through;
      }
      
      #calendar_view {
        width: 252px;
      }

      .calendar { margin-left: auto; margin-right: auto; }
      .calendar td,
      .calendar th { 
        border: solid 1px #c8c8c8;
        font-size: 120%;
        width: 36px; 
      }

      .calendar th {
        background: #c8c8c8;
      }      
      
      .calendar td.goal {
        background: #447cab;
      }


      .calendar td.task { 
        background: #447cab;
      }
      
      .calendar td.completed,
      .calendar td.received { 
        background: #00612a;
      }      
      
      .calendar td.pending { 
        background: #6c8f57;
      }      

      .calendar td.declined { 
        background: #000000;
      }      

      .calendar td.overdue { 
        background: darkred;
      }      
      
      .calendar td.goal a,
      .calendar td.task a { color: white; }


      #calendar_view2 {
      }

      .calendar2 { margin-left: auto; margin-right: auto; }
      .calendar2 td,
      .calendar2 th { 
        border: solid 1px #c8c8c8;
        font-size: 120%;
        width: 14%;
      }

      .calendar2 th {
        background: #c8c8c8;
      }      
     
      .calendar2 td { 
        height: 60px;
        font-size: 95%;
      }

      .calendar2 td div.Item {
        font-size: 90%;
        margin-left: 0px;
        padding-left: 0px;
      }

      div.SmallHeading {
        font-size: 110%;
        font-weight: bold;
      }
     
     div.ActionBar {
      margin-bottom: 10px; 
     }
/* Auto complete styles */
    div.auto_complete {
      width: 350px;
      background: #fff;
    }
    div.auto_complete ul {
      border:1px solid #888;
      margin:0;
      padding:0;
      width:100%;
      list-style-type:none;
    }
    div.auto_complete ul li {
      margin:0;
      padding:3px;
      list-style-type:none;
    }
    div.auto_complete ul li.selected {
      background-color: #ffb;
    }
    div.auto_complete ul strong.highlight {
      color: #800; 
      margin:0;
      padding:0;
    }

  /* Button styles */
  .Button {
    display:inline-block;
    background:none;
    margin:0;
    padding:3px 0;
    border-width:0;
    overflow:visible;
    text-decoration:none;
    color:#333;
  }
  * html a.Button {
    padding-bottom:1px;
  }

  html:not([lang*=""]) button.Button {
    margin:0 -3px;
  }

  .Button span {
    background:#ddd url(/images/button.gif) repeat-x 0 0;
    margin:0;
    padding:3px 0;
    border-left:1px solid #bbb;
    border-right:1px solid #aaa;
  }
  * html .Button span {
    padding-top:0;
  }
  .Button span span {
    position:relative;
    padding:3px .4em;
    border-width:0;
    border-top:1px solid #bbb;
    border-bottom:1px solid #aaa;
  }
    
  .LeftButton span {
    border-right-width:0;
  }
  .LeftButton span span {
    border-right:1px solid #bbb;
  }
  .MiddleButton span {
    border-right-style:none;
    border-left-color:#fff;
  }
  .MiddleButton span span {
    border-right:1px solid #bbb;
  }
  .RightButton span {
    border-left-color:#fff;
  }

  .Button :hover span, .Button:hover span span, .Button:focus span, .Button:focus span span {
    cursor:pointer; /* important for any clickable/pressable element */
    border-color:#9cf !important;
    color:#000;
  }
  
  .ButtonImage {
    margin-right: 3px;
    margin-bottom: 2px;
  }

  div.Shade { background: #e5e5e5; }

  /*
  span.ActivityType { 
    display: inline-block;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    font-weight: bold;
    color: white;
  }
  span.TaskType { background: #447cab; border: solid 2px #447cab; }
  span.GoalType { background: #447cab; border: solid 2px #447cab; }
  span.GiftType { background: #00612a; border: solid 2px #00612a; }
  span.ContactReportType { background: maroon; border: solid 2px maroon; }
  span.CommentType { background: darkblue; border: solid 2px darkblue; }
  span.NoteType { background: darkorange; border: solid 2px darkorange; }
  */


  .TypeView {
    display:inline-block;
    background:none;
    margin:0;
    padding:1px 0;
    border-width:0;
    overflow:visible;
    text-decoration:none;
    color:#333;
  }
  * html a.TypeView {
    padding-bottom:1px;
  }

  html:not([lang*=""]) button.Button {
    margin:0 -1px;
  }

  .TypeView span {
    margin:0;
    padding:1px 0;
  }
  * html .TypeView span {
    padding-top:0;
  }
  .TypeView span span {
    position:relative;
    font-weight: bold;
    padding:1px .3em;
    border-width:0;
  }

  .SmallTypeView {
    display:inline-block;
    background:none;
    margin:0;
    font-size: 90%;
    font-weight: bold;
    padding:1px 0;
    border-width:0;
    overflow:visible;
    text-decoration:none;
    color:#333;
  }
  * html a.SmallTypeView {
    padding-bottom:1px;
  }

  .SmallTypeView span {
    margin:0;
    padding:1px 0;
  }

  .SmallTypeView span span {
    position:relative;
    padding:1px .3em;
    border-width:0;
  }

  div.CalendarItem {
    width: 100%;
  }
  div.CalendarItem a {
    color: white;
    padding: 2px;
  }

  span.TaskType {
    border-left:1px solid #447cab;
    border-right:1px solid #447cab;
  }
  div.TaskTypeItem, 
  span.TaskType span {
    background-color: #447cab;
    color: white;
    border-top:1px solid #447cab;
    border-bottom:1px solid #447cab;
  }
  span.WorkType {
    border-left:1px solid #447cab;
    border-right:1px solid #447cab;
  }
  div.WorkTypeItem,
  span.WorkType span {
    background-color: #447cab;
    color: white;
    border-top:1px solid #447cab;
    border-bottom:1px solid #447cab;
  }

  span.GoalType {
    border-left:1px solid #6c8f57;
    border-right:1px solid #6c8f57;
  }
  div.GoalTypeItem,
  span.GoalType span {
    background-color: #6c8f57;
    color: white;
    border-top:1px solid #6c8f57;
    border-bottom:1px solid #6c8f57;
  }

  span.PledgeType {
    border-left:1px solid #00612a;
    border-right:1px solid #00612a;
  }
  div.PledgeTypeItem,
  span.PledgeType span {
    background-color: #00612a;
    color: white;
    border-top:1px solid #00612a;
    border-bottom:1px solid #00612a;
  }

  span.GiftType {
    border-left:1px solid #00612a;
    border-right:1px solid #00612a;
  }
  div.GiftTypeItem,
  span.GiftType span {
    background-color: #00612a;
    color: white;
    border-top:1px solid #00612a;
    border-bottom:1px solid #00612a;
  }

  span.ContactReportType {
    border-left:1px solid #0B615E;
    border-right:1px solid #0B615E;
  }
  div.ContactReportTypeItem,
  span.ContactReportType span {
    background-color: #0B615E;
    color: white;
    border-top:1px solid #0B615E;
    border-bottom:1px solid #0B615E;
  }

  span.DeclinedType {
    border-left:1px solid #000000;
    border-right:1px solid #000000;
  }
  div.DeclinedTypeItem,
  span.DeclinedType span {
    background-color: #000000;
    color: white;
    border-top:1px solid #000000;
    border-bottom:1px solid #000000;
  }

  span.CommentType {
    border-left:1px solid #0174DF;
    border-right:1px solid #0174DF;
  }
  div.CommentTypeItem,
  span.CommentType span {
    background-color: #0174DF;
    color: white;
    border-top:1px solid #0174DF;
    border-bottom:1px solid #0174DF;
  }

  span.NoteType {
    border-left:1px solid #8A084B;
    border-right:1px solid #8A084B;
  }
  div.NoteTypeItem,
  span.NoteType span {
    background-color: #8A084B;
    color: white;
    border-top:1px solid #8A084B;
    border-bottom:1px solid #8A084B;
  }

  span.StoryType,
  span.AttachmentType,
  span.DocumentType {
    border-left:1px solid #DF7401;
    border-right:1px solid #DF7401;
  }

  div.StoryTypeItem,
  span.StoryType span,
  div.AttachmentTypeItem,
  span.AttachmentType span,
  div.DocumentTypeItem,
  span.DocumentType span {
    background-color: #DF7401;
    color: white;
    border-top:1px solid #DF7401;
    border-bottom:1px solid #DF7401;
  }

  div.ActivityName {
    font-size: 110%;
    margin-bottom: 0px;
  }

  div.ActivityDescription,
  div.ActivityDescription p {
    margin: 0px;
    margin-left: 0px;
  }

table.ManualTable td { 
vertical-align: top;
border: solid 1px black;
}

div.rounded-grey-box { 
  background: #e5e5e5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
}

div.rounded-blue-box { 
  background: #lightblue;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
}
div.light-green-bar { 
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #51AB3E;
  font-family: "myriad-pro-condensed-1","myriad-pro-condensed-2", Verdana, sans-serif; 
  font-weight: 300;
  font-style: normal;  
}

div.white-bold-pad { 
  padding: 10px;  
  font-size: 170%; 
  color: white;
}

      .mp { 
        font-family: "myriad-pro-condensed-1","myriad-pro-condensed-2", Verdana, sans-serif; 
        font-weight: 300;
        font-style: normal;
      }