/* this css file is for testing mobile changes to table layouts */
/* 
 * Max width before this PARTICULAR table gets nasty
 * This query will take effect for any screen smaller than 760px
 * and also iPads specifically.
 * */
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

   /* Force table to not be like tables anymore */
   table, thead, tbody, th, td, tr { 
      display: block; 
   }
   
   /* Hide table headers (but not display: none;, for accessibility) */
   thead tr { 
      position: absolute;
      top: -9999px;
      left: -9999px;
   }
   
   tr { border: 1px solid #ccc; }
   
   td { 
      /* Behave  like a "row" */
      border: none;
      border-bottom: 1px solid #eee; 
      position: relative;
      padding-left: 50%; 
   }
   
   td:before { 
      /* Now like a table header */
      position: initial;
      /* Top/left values mimic padding */
      top: 6px;
      left: 6px;
      width: 45%; 
      padding-right: 10px; 
      white-space: nowrap;
   }
   /* Label the data for the logged in account history Giving History frame */
   #donor-account-giving-history td:nth-of-type(1):before { content: "Gift Date:" }
   #donor-account-giving-history td:nth-of-type(2):before { content: "Gift Amount:" }
   #donor-account-giving-history td:nth-of-type(3):before { content: "Project:" }
   #donor-account-giving-history td:nth-of-type(4):before { content: "Give Again:" }

   /* Label the data for the logged in account history Commitmtnets/Pledges frame */
   #donor-account-commitments td:nth-of-type(1):before { content: "Gift Date:" }
   #donor-account-commitments td:nth-of-type(2):before { content: "Gift Amount:" }
   #donor-account-commitments td:nth-of-type(3):before { content: "Project:" }
   #donor-account-commitments td:nth-of-type(4):before { content: "Give Again:" }
   #donor-account-commitments td:nth-of-type(5):before { content: "Give Again:" }

   /* Label the data for the logged in account history Order History frame */
   #donor-account-order-history td:nth-of-type(1):before { content: "Order Number:" }
   #donor-account-order-history td:nth-of-type(2):before { content: "Order Date:" }
   #donor-account-order-history td:nth-of-type(3):before { content: "Order Status:" }
   #donor-account-order-history td:nth-of-type(4):before { content: "Subtotal:" }
   #donor-account-order-history td:nth-of-type(5):before { content: "Sales Tax:" }
   #donor-account-order-history td:nth-of-type(6):before { content: "Shipping:" }
   #donor-account-order-history td:nth-of-type(7):before { content: "Grand Total:" }

   /* Label the data for the logged in account history sponsorships frame */
   #donor-account-sponsor-list td:nth-of-type(1):before { content: "Amount:" } 
   #donor-account-sponsor-list td:nth-of-type(2):before { content: "Period:" }
   #donor-account-sponsor-list td:nth-of-type(3):before { content: "Image:" }
   #donor-account-sponsor-list td:nth-of-type(4):before { content: "Name:" }
   #donor-account-sponsor-list td:nth-of-type(5):before { content: "Paid Through:" }
   #donor-account-sponsor-list td:nth-of-type(6):before { content: "Make A Gift:" }
   
   /* Label the data for the logged in account Recurring CC Payment detail frame */
   #donor-account-recurring-cc-detail td:nth-of-type(1):before { content: "Amount:" } 
   #donor-account-recurring-cc-detail td:nth-of-type(2):before { content: "Payment Account:" }
   #donor-account-recurring-cc-detail td:nth-of-type(3):before { content: "Frequency:" }
   #donor-account-recurring-cc-detail td:nth-of-type(4):before { content: "Schedule:" }
   #donor-account-recurring-cc-detail td:nth-of-type(5):before { content: "Start:" }
   #donor-account-recurring-cc-detail td:nth-of-type(6):before { content: "Stop:" }
   
   /* Label the data for the logged in account Recurring CC desig splits table */
   #donor-account-recurring-cc-splits td:nth-of-type(1):before { content: "Amount:" } 
   #donor-account-recurring-cc-splits td:nth-of-type(2):before { content: "Designation:" }

   /* Label the data for the sponsor-multi frame */
   .donor-sponsor-multi-list td:nth-of-type(1):before { content: "Name:"; }
   .donor-sponsor-multi-list td:nth-of-type(2):before { content: "Amount:"; }
   .donor-sponsor-multi-list td:nth-of-type(3):before { content: "Period:"; }
   .donor-sponsor-multi-list td:nth-of-type(4):before { content: "Paid through:"; }
   .donor-sponsor-multi-list td:nth-of-type(5):before { content: none; }

   /* Label the data for the sponsor-multi frame */
   .gift-array td:nth-of-type(1):before { content: none; }
   .gift-array td:nth-of-type(2):before { content: none; }
   .gift-array td:nth-of-type(3):before { content: none; }

   /* Label the data for the Event Incomplete Registration frame */
   #donor-js-event-incomplete-reg td:nth-of-type(1):before { content: "Event Title:"; }
   #donor-js-event-incomplete-reg td:nth-of-type(2):before { content: "Primary Registrant:"; }
   #donor-js-event-incomplete-reg td:nth-of-type(3):before { content: "Registration Date:"; }
   #donor-js-event-incomplete-reg td:nth-of-type(4):before { content: "Return to Registration:"; }

   /* Label the data for the Event Complete Registration frame */
   #donor-js-event-complete-reg td:nth-of-type(1):before { content: "Event Title:"; }
   #donor-js-event-complete-reg td:nth-of-type(2):before { content: "Primary Registrant:"; }
   #donor-js-event-complete-reg td:nth-of-type(3):before { content: "Registration Date:"; }
   #donor-js-event-complete-reg td:nth-of-type(4):before { content: "Return to Registration:"; }

   /* Label the data for the Event Waiting List frame */
   #donor-js-event-waiting-list td:nth-of-type(1):before { content: "Event Title:"; }
   #donor-js-event-waiting-list td:nth-of-type(2):before { content: "Primary Registrant:"; }
   #donor-js-event-waiting-list td:nth-of-type(3):before { content: "Registration Date:"; }

   /* Label the data for the donation cart frame */
   #donor-js-donation-cart td:nth-of-type(1):before { content: "Amount:"; }
   #donor-js-donation-cart td:nth-of-type(2):before { content: "Frequency:"; }
   #donor-js-donation-cart td:nth-of-type(3):before { content: "Description:"; }

}