/* Display Control Panel */

TABLE.DisplayControlPanel TD { font-family: Georgia; font-size: 10pt; }

body {background-color: #776F65;}
A:link {font-family: Georgia; font-size:10pt; color:#FF7F00; decoration:none;}
A:active {font-family: Georgia; font-size:10pt; color:#B6BF00; decoration:underline;}
A:visited {font-family: Georgia; font-size:10pt; color:#FF7F00; decoration:none;}
A:hover {font-family: Georgia; font-size:10pt; color:#B6BF00; decoration:underline;}

TABLE.DisplayControlPanel {
   /* LIVE */
   background-color: transparent;
   border-collapse: collapse;
   padding: 0px; border-spacing: 0px; 
   
   /* DEBUG 
   border-width: 2px; border-color: black; border-style: solid;
   height: 400px; width:400px;
   padding: 5px; border-spacing: 5px; margin: 5px;
   /* DEBUG */
}
TABLE.DisplayControlPanel#CP {
   border-width: 4px; margin: 5px; border-color: #B6Bf00; border-style: solid;
   height: 480px; width: 700px;
   background-color: #EDEFBE;
}

TR.DisplayControlPanel { }
TD.DisplayControlPanel { 
   /* LIVE */
   padding: 0px; border-spacing: 0px; margin: 0px;
   font-family: Georgia; font-size: 10px; color: #666666;
   /* DEBUG 
   padding: 5px; border-spacing: 5px; margin: 5px;
   border-width: 2px; border-color: Black; border-style: solid;
   /* DEBUG */
}

/**
 * Tabs
 */
TD.DisplayControlPanel#TABS        { height: 50px; text-align: Left; font-family: Georgia; font-size: 10px; color: #666666;}
TD.DisplayControlPanel#TAB_LEFT    { width: 20px; font-family: Georgia; font-size: 10px; color: #666666; background-image: URL('../images/TAB_01.gif'); background-repeat: no-repeat; }
TD.DisplayControlPanel#TAB_CENTER  { font-family: Georgia; font-size: 10px; color: #666666; background-image: URL('../images/TAB_02.gif'); }
TD.DisplayControlPanel#TAB_RIGHT   { width: 20px; font-family: Georgia; font-size: 10px; color: #666666; background-image: URL('../images/TAB_03.gif'); background-repeat: no-repeat; }

/**
 * Labels
 */
TD.DisplayControlPanel#LABEL   { 
   height: 21px; width: 75px; background-image: URL('../images/LABEL_02.gif');
   background-repeat: no-repeat; background-position: Left;
}
TD.DisplayControlPanel#LABEL_TOP { }
TD.DisplayControlPanel#LABEL_LEFT { width: 20px; background-image: URL('../images/LABEL_01.gif'); }
TD.DisplayControlPanel#LABEL_BOTTOM { }
/**
 * ID Specific Label Properties
 */
TD.DisplayControlPanel#LABEL_1 {  }

/**
 * Main Sections of Control Panel 
 *
#SPACER  { 
   height: 5px; background-color: LightBlue; 
} */
TD.DisplayControlPanel#TOOLBAR { 
   width: 175px;  
   vertical-align: top; text-align: left;
}
TD.DisplayControlPanel#MAIN    { 
   /* LIVE */
    
   padding: 10px; vertical-align: top; 
   /* DEBUG */
   border-style: solid; border-width: 2px;
   border-color: #FF7F00; 
   background-color: #FFFFFF;
   /* DEBUG */
}



/* DB MOD */
DIV.DisplayTable_EditWindow { 
   color: black;
   background-color: white; 
   border: solid; border-color: black; border-width: 2px;padding: 5px; 
}
DIV.DisplayTable_EditWindow TD {font-family: Georgia; font-size: 12px; color: #FF7F00; }



/**
 * Shopping Cart Module
 */
TABLE.clsShoppingCart { color: Black; } /* Specify white here for Netscape. */
TABLE.clsShoppingCart TD { font-family: Georgia; font-size: 12px; color: #666666; padding: 5px; }
TR.Instruction { }

TR.Header { text-align: Left; color: Black; height: 100%; }
TD.Header { text-align: Left; background-color: #EDEFBE; font-weight: bold; }

TR.Disclaimer  { color: Red; font-size: 10px; }

TR.Break { background-color: Gray; }
TD.Break { height: 2px; }

TR.Space { }
TD.Space { height: 5px; }

TR.ShoppingCartItem { }
TD.ShoppingCartItem { }

TABLE.ShoppingCartItemQuantityChange TD { border-width: 0px; border: solid; border-color: black; padding: 0px; margin: 0px; vertical-align: top; }
TR.ShoppingCartItemQuantityChange    { }
TD.ShoppingCartItemQuantityChange    { }
INPUT.ShoppingCartItemQuantityChange { }

/**
 * Email Module
 */
DIV.clsEmail_DisplayEmailForm    {}
TABLE.clsEmail_DisplayEmailForm  { margin: 25px; }
TR.clsEmail_DisplayEmailForm     {}
TD.clsEmail_DisplayEmailForm     { color: Black; }
INPUT.clsEmail_DisplayEmailForm  {}
INPUT.REQUIRED                   { background-color: Yellow }
TEXTAREA.clsEmail_DisplayEmailForm  { width: 325px; height: 100px; }
TEXTAREA.REQUIRED                { background-color: Yellow; }