﻿
     
        
        #customerOrderTabBar 
        {
            margin-left:20px;
            color:White !important; 
            left: 40px; 
            position: relative;
            top: 13px;
        }
        #customerOrderTabBar DIV
        {
            min-width:0px;
            float:left !important; 
        }
        
        #divOrders .orderContainer 
        { 
            width: 100%;   
            margin-bottom:5px;
            overflow:visible;
            background-color: white;
            Xpadding-bottom: 10px;
        }
        
        #divOrders .orders
        {
             margin: auto auto auto 20px;
             padding-top:30px; 
        }
        #divOrders .divOrderContainer 
        {
            width:925px;  
            margin-bottom:5px;
            overflow:auto;
            
        }
        
        #divOrders 
        {
            overflow: visible !important;
        }
        
        #divOrders .orderTabBar 
        {
            margin-left:20px;
        }
        #divOrders .orderTabBar DIV
        {
            min-width:0px;
        }
        #divOrders .orderHeader 
        {
            background-color:White; 
            width:100%;
            clear:both;
            overflow: auto;
padding: 3px;
        }

            #divOrders .expanded .orderHeader {  background-color: rgb(241, 241, 241); }

        #divOrders .orderHeader DIV 
        {
            float:left;
            font-size:17px;
            position: relative;  
text-transform: uppercase;
letter-spacing: normal;
        }
        #divOrders .orderDate, #customerOrderTabBar .orderDate
        {
            width:100px;
        }
        #divOrders .restaurantName, #customerOrderTabBar .restaurantName
        {
            width:280px;
        }
        #divOrders .location, #customerOrderTabBar .location
        { 
clear: both;
font-size: 13px !important;
        }
        #divOrders .orderId
        {
            width:100px; 
        }
        #divOrders .orderStatus 
        {
            display:none;
        }
        
        .longExpandBar 
        {  
            height:19px; 
            width:100%; 
            position: relative; 
            cursor:pointer; 
        }  
        
        .orderDetails
        {
            display:none; 
            background-color:white; 
            position: relative;
            width: 100%;
            overflow:auto;
            padding-bottom:30px;
        }  
        .expanded .orderDetails  
        { 
            padding-top:10px;
            display:block; 
border-top: 1px solid #D6D6D6;
         } 
 

        .orderDetailsSpacer {
            margin-left: 75px;
        }

        #orderDetailTotals { 
            font-size: 16px;
            text-transform: uppercase;   
            float: left;
            padding: 10px;
            border: 1px solid silver;
            margin-top: 26px;
        }
         

        #orderDetailTotals .totalLabel { width: 170px;}
        #orderDetailTotals .totalValue { width: 50px; text-align: right;}

         .longExpandBar 
        {  
            height:29px;
            width: 50px; 
            position: relative;
            cursor:pointer;
            float: right !important;
            margin-top: 15px;
        }  
            
            .expanded .longExpandBar .expandIcon{
             background-position: -142px -148px;} 
 
         .longExpandBar .expandIcon {
             background-image: url(../Tools/Images/V2/tg2-sprite.png);
             background-position: -142px -129px;
            background-repeat: no-repeat;
            height: 20px;
            left: 9px;
            padding: 2px;
            position: relative;
            width: 25px;
        }
 
 
 
        .ItemSummary
          {
              clear:both;
              overflow:auto;
              padding-bottom: 4px;
              width: 100%;
          }
 
           .orderDetails .ItemSummary 
           {
               clear:both;
               text-align:left;
           }

          .ItemNameContainer
          {
              font-size: 14px;
              width:250px; 
            text-transform: uppercase;
          }
           
          
          .ItemSummary .ItemQuantity
          { 
              margin-left:5px;
              font-weight: bold;
                color: #B21321;
          } 

          
          
          .orderDetails .ConsumerItemGroup 
          {
              padding-left:30px;    
              clear: both;
          }
          .orderDetails .ConsumerItems 
          {
              padding-left:35px;
          }
          
          .ConsumerName
          {width: 100%;
                clear: both;
                float: none;
                text-transform: uppercase;
                border-bottom: 1px solid silver;
                padding-bottom: 5px;
                margin-bottom: 10px;
                font-size: 16px;
          }

          .ItemAttributes, .orderDetails .SpecialInstructions 
          {
              padding-left:10px; 
              clear:both;
              float:none;
              text-align:left;
              
color: #A7A7A7;
font-size: 10px;
          } 
          
            .attributeCartDescription 
            {
                padding-right:5px; 
                font-weight:bold;
            }
            .SpecialInstructions 
            {
              font-style:italic;
                clear: both;  
                padding-left: 10px;
                width:95%; 
                display:block;
                padding-top: 10px;
font-size: 10px;
            }
    
          .orderDetails .ItemAttributes DIV
          {
              clear:both;
              overflow:auto;
          } 
          
          .orderDetailItems {
              width: 475px;
          }
          .orderDetails DIV
          { 
              float:left;
          }
           
         
         .orderDetails .attributeGroupValues 
         {
             width:227px; 
            float:left !important; 
            display:block; 
            clear:none !important;
            }
         .orderDetails .attributeGroupAmountExtra 
         {
             float:left !important; 
             display:block;
             clear:none !important; 
             width:50px;
             text-align:right;
             }
             

   .ItemName, .ItemPrice
    {
        color: black;
    }
             
    .IncludedItems 
    {
        margin-top:3px;
    }
    
    .IncludedItems .itemName 
    {
        width:238px;
        text-transform: uppercase;
    }
    
    .includedItemContainer  
    {
        margin-left:15px;
        font-size:12px;
		overflow: auto;
    }   

	.ItemAttributes .includedItemContainer  
    {
        margin-left:0px;
    }   
                      
   .includedItemPrice
    { 
        float:right !important; 
        text-align: right;
        width: 36px; 
    }