/*  Copyright 2007-08 Bicknell Information Group. All rights reserved */
/* standard.css */
  /* General */
    /*****General styles*****/  
      body { 
        font-size: 80%;  
        background: #e5e5e5;
      }
      body, p, ol, ul, td {
        font-family: arial, sans-serif;
        color: black;
      }  
      
      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;
      }
     
      :focus { -moz-outline-style: none; }

      div.even { 
        background: #e5e5e5;
      }

      tr.even td { 
        background: #e5e5e5;
      }

      table.Results .even td { 
        background: none;
      }
      
      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;
        position: relative;
      }
      a img { margin-top: -3px; }
  
      #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 #c8c8c8;
      }
      
      fieldset.skinny legend {
        color: #5a5467;
      }

      fieldset.wrapper {
        border: solid 1px #c8c8c8;
      }
      fieldset.none { 
        border: none;
      }

      fieldset.wrapper 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 {
        width: 95%;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 10px;
        margin-left: auto;
        margin-right: auto;
      }      
      
      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.solid-heading {
        font-weight: bold;
        font-size: 120%;
        clear: both;
        background: #c8c8c8;
        font-variant: normal;
        padding: 5px;
      }

      div.solid-heading span.name { 
        font-weight: normal;
        font-style: italic;
      }

      div.simple-heading {
        font-weight: bold;
        font-size: 120%;
        clear: both;
        border-bottom: solid 3px #c8c8c8;
        font-variant: normal;
        padding: 2px;
      }

      div.solid-box { 
        border: solid 2px #c8c8c8;
        padding: 5px;
      }

      div.accordion-heading { 
        font-weight: bold;
        font-size: 120%;
        clear: both;
        background: #c8c8c8;
        border-top: solid 1px #ffffff;
        font-variant: normal;
        padding: 5px;
      }
      div.accordion-box { 
        border: solid 2px #c8c8c8;
        border-bottom: solid 1px #999999;
        padding: 5px;
      }

      div.accordion-closed-heading { 
        border-bottom: solid 1px #999999;
      }
      
      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;
      }       

      div.SearchQualifier { width: 50px; text-align: right; }

      div.tiny { font-size: 80%; margin-left: 3px; }

      div.RowHeader { 
        padding-top: 2px;
        border-bottom: solid 2px;
      }
     
      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;
        width: 25%;
      }

      table.Pagination td.PaginationMessage {
        width: 25%;
      }

      table.Pagination td.PaginationMiddle {
        text-align: center;
        width: 50%;
      }

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

      .Selected { font-style: italic }

      .PaginationPage {
        width: 20px;
      }
      
    /**** #page styles ****/
      #page {
        width: 95%;
        min-width: 1024px;
        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: 256px;
        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: 1000px;
        margin-left: auto;
        margin-right: auto;
      }

      #MB_content div.DetailsForm { 
        width: 800px;
      }

      td.GiftFormBody { 
        width: 550px;
      }
      
      span.Label, div.Label {
        font-size: 100%;
        font-weight: bold;
      }
      
      span.Label {
        width: 300px;
        text-align: right;
      }

      td.Label { 
        font-weight: bold; 
        width: 150px; 
        text-align: right; 
        padding-right: 15px; }
      
      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 { margin-left: 5px; float: right; font-size: 100%; }

      div.error {
        border: 2px solid red;
        text-align: left;
        background: white;
        font-weight: bold;    
      }
      
      div.notice {
        margin-left: auto; 
        margin-right: auto; 
        width: 60%;
        text-align: center;
        padding: 5px 10px; background: #f3f3f3; border: 2px solid #c8c8c8;
      }

      div.notice h3 {
        font-weight: bold;
      }

      div.notice p {
        margin: 5px 0 0 0;
      }
      
      table.Results td {
        border: solid 1px #c8c8c8;
        padding: 5px;
      }
      
      table.Results tr.Header td {
        background: #ddd;
        border: solid 1px #c8c8c8;
        vertical-align: bottom;
      }  

      table.NoBorder td {
        border: none;
        padding: 0px;
      }

      
      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.GroupingBox,
      div.ConstituentClassificationBox {
        clear: both;
        border-width: 3px;
        border: solid 3px #c8c8c8;
        margin-top: 5px;
        margin-bottom: 5px;
        padding: 5px;
      }
      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-bottom: 0px;
      }

      div.ListBar { 
        background: #c8c8c8;
        margin-top: 5px;
        padding: 5px;
      }
      
  
  /* 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 {
        color: #999999;
        margin-right: 10px;
        font-weight: bold;
        text-transform: lowercase;
      }

      span.ShortContactLabel {
        color: #999999;
        text-align: right;
        width: 15px;
        margin-right: 3px;
        font-weight: bold;
        text-transform: lowercase;
        display: inline-block;
      }

      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: 300px;
      }
      
      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;      
      }    

    textarea.Required, 
    input.Required { 
      font-style: italic;
      font-weight: bold;
      color: gray;
      border: solid 2px gray; padding: 3px; }

    textarea.ActiveEmpty,
    input.ActiveEmpty {
      font-style: italic;
      color: gray;
    }

    /*****Tasks and Goals*****/      
      table.TaskRow {
        width: 100%;
      }
      table.TaskRow td.Task     {width: 200px;}
      table.TaskRow td.DueDate  {width: 150px;}
      table.TaskRow td.Type     {width: 100px;}
      table.TaskRow td.Owner    {width: 150px;}
      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*****/  
      .Button span span.Add,
      a.Add { 
        background: url('/images/add.png') no-repeat left;
        padding-left: 20px;
      }
      .Button span span.Menu,
      a.Menu { 
        background: url('/images/small_down.gif') no-repeat right;
        padding-right: 20px;
      }

      .Button span span.NextMonth,
      a.NextMonth { 
        background: url('/images/next.png') no-repeat right;
        padding-right: 20px;
      }

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



      a.Info { 
        background: url('/images/info.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;
      }

      a.Favorite {
        background: url('/images/favorite.png') no-repeat left;
        padding-left: 16px;
      }
      
      a.NotFavorite{
        background: url('/images/favorite_gray.png') no-repeat left;
        padding-left: 16px;
      }
      
      a.Preferred {
        background: url('/images/preferred.png') no-repeat left;
        padding-left: 16px;
      }

      a.NotPreferred {
        background: url('/images/not_preferred.png') no-repeat left;
        padding-left: 16px;
      }

      .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.Mail,
      a.Mail{ 
        background: url('/images/mail_add.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.Download,
      a.Download {
        background: url('/images/document.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.InKind a.Styled,
      div.InKind div.heading a,
      div.Completed div.heading {
        color: #00612a;
      }
      
      div.Overdue a.Styled,
      div.Overdue div.heading {
        color: #ce4f3a;
      }
      
      div.Installment a.Styled,
      div.Installment div.heading,
      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: 30px;
        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 {
      background: #fff;
      width: 200px;
      z-index: 100;
    }
    div.auto_complete ul {
      border:1px solid #888;
      background: #fff;
      width: 200px;
      margin:0;
      padding:0;
      list-style-type:none;
    }
    div.auto_complete ul li {
      margin:0;
      font-size: 90%;
      padding:3px;
      width: 200px;
      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; }

  .TypeView {
    display:inline-block;
    z-index: 30;
    background:none;
    margin:0;
    padding:1px 0;
    border-width:0;
    overflow:visible;
    text-decoration:none;
    color:#333;
  }
  * html a.TypeView {
    padding-bottom: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;
    z-index: 30;
    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.OverdueTaskType {
    border-left:1px solid #881C00;
    border-right:1px solid #881C00;
  }
  div.OverdueTaskTypeItem, 
  span.OverdueTaskType span {
    background-color: #881C00;
    color: white;
    border-top:1px solid #881C00;
    border-bottom:1px solid #881C00;
  }

  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.AppealType,
  span.AppealRequestType,
  span.EventType,
  span.InvitationType,
  span.GoalType {
    border-left:1px solid #6c8f57;
    border-right:1px solid #6c8f57;
  }

  div.AppealRequestTypeItem,
  span.AppealRequestType span,
  div.AppealTypeItem,
  span.AppealType span,
  div.EventTypeItem,
  span.EventType span,
  div.InvitationTypeItem,
  span.InvitationType span,
  div.GoalTypeItem,
  span.GoalType span {
    background-color: #6c8f57;
    color: white;
    border-top:1px solid #6c8f57;
    border-bottom:1px solid #6c8f57;
  }

  span.MailingType {
    border-left:1px solid #0A083E;
    border-right:1px solid #0A083E;
  }
  div.MailingTypeItem,
  span.MailingType span {
    background-color: #0A083E;
    color: white;
    border-top:1px solid #0A083E;
    border-bottom:1px solid #0A083E;
  }


  span.VolunteerTimeType,
  span.VolunteerCommitmentType {
    border-left:1px solid #571994;
    border-right:1px solid #571994;
  }
  div.VolunteerTimeTypeItem,
  span.VolunteerTimeType span, 
  div.VolunteerCommitmentTypeItem,
  span.VolunteerCommitmentType span {
    background-color: #571994;
    color: white;
    border-top:1px solid #571994;
    border-bottom:1px solid #571994;
  }

  span.PledgeType {
    border-left:1px solid #6c8f57;
    border-right:1px solid #6c8f57;
  }
  div.PledgeTypeItem,
  span.PledgeType span {
    background-color: #6c8f57;
    color: white;
    border-top:1px solid #6c8f57;
    border-bottom:1px solid #6c8f57;
  }
  span.InstallmentType {
    border-left:1px solid #6c8f57;
    border-right:1px solid #6c8f57;
  }
  div.InstallmentTypeItem,
  span.InstallmentType span {
    background-color: #6c8f57;
    color: white;
    border-top:1px solid #6c8f57;
    border-bottom:1px solid #6c8f57;
  }

  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.InKindType {
    border-left:1px solid #00612a;
    border-right:1px solid #00612a;
  }
  div.InKindTypeItem,
  span.InKindType 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;
  }

  div.Insert {
    background: url('/images/bullet_go.png') no-repeat left;
  }

  #show_more_filters { 
    margin-right: 5px;
  }
  #show_more_filters a { 
    font-size: 80%;
  }

.drop {	margin: 0; padding: 0; }
.drop li {	
	list-style: none;
	float: left; 
}
.drop li span.block {
	display: block;
  width: 100%;
	padding-top: 4px;
	padding-bottom: 4px;
  text-align: left;
}
.drop span.block,
.drop span.block a { 
	padding-left: 3px;
	padding-top: 1px;
  font-size: 95%;
  font-weight: normal;
}
span.block a { display: block; width: 100%; }

.drop li span.block:hover,
.drop li span.block:hover a {	background: #666666; color: white; }

.drop div {
	position: absolute;
	margin: 0px;
	padding: 0px;
	z-index: 1000; 
	background: #ddd;
	border: 1px solid #c5c5c5;
}

.drop div a {	
  position: relative;
  margin: 0px;
  width: auto;
  white-space: nowrap;
  text-align: left;
  text-decoration: none;
  background: #ddd;
}

.drop div a:hover {	
  background: #666666;
  color: #ffffff;
}
.drop div span.Active, 
.drop div span.Active a {	
  background: #c5c5c5;
  color: black;
  font-style: italic;
}

.drop button a { background: none; color: black; }
.drop button a:hover { background: none; color: black; }

tr.Related td { background: #ffffe0; }
tr.Favorited td { background: #ffffe0; }

table.ResultActions td { padding: 3px; } 
table.ResultActions tr:hover { background: #e5e5e5; }
table.ActionTable { width: auto; }
table.ActionTable td { padding: 0px; }
a.ActionLink { color: #333; font-weight: bold; font-size: 90%; }
div.MBox { 
  position: absolute;
  width: 250px;
  z-index: 100;
  background: #e5e5e5;
  border: solid 2px #c8c8c8;
	padding-bottom: 4px;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	-webkit-box-shadow: 0 0 34px #000; 
	-moz-box-shadow: #000 0 0 34px; 
}

div.MBoxHeader {
	font: bold 100% "Lucida Grande", Arial, sans-serif;
	text-shadow: #FFF 0 1px 0;
  z-index: 100;
	background-color: #c8c8c8;
	border-bottom: 1px solid #CCC;
  height: 20px;
  padding-left: 3px;
}
div.MBoxForm { 
  background-color: white; 
  z-index: 100;
  padding: 3px;
}
div.MBoxScroll { 
  overflow-y: scroll; 
  padding-top: 3px;
  padding-bottom: 3px;
  border-bottom: solid 2px #c8c8c8;
  z-index: 100;
}

div.scrollBarContent {  
    overflow-y: scroll;  
    width: 250px;  
    height: 100px;  
    border: solid 1px gray;
    padding: 5px;
}  

form.inplaceeditor-form a { /* The cancel link */
  margin-left: 5px;
}
form.inplaceeditor-form { /* The cancel link */
  position: absolute;
  background: #e5e5e5;
  border: solid gray 2px;
  padding: 5px;
  z-index: 1000;
}

tr.BarHeader td { 
  border-bottom: solid 2px black;
}

tr.StatsRow { padding-top: 0px; }
tr.StatsRow td { font-size: 85%; font-weight: bold; }