/*** Color Guide ***/
/*

000     - Black                - Used in borders
333,666 - Shades of Dark Gray  - Used in borders
999,CCC - Shades of Light Gray - Used in borders 
FFF     - White                - Used in borders and as Content background

C0DEED  - Light Blue           - Used as BODY background
DDEEF6  - Pale Blue            - Used as PAGE background, SidebarSection background, Various background colors such as H5, Error class, Textmsg, TABLE Odd row class, etc.
0084B4  - Dark Blue            - Used as Header background and extensively as text and link color
5A8595 -  Blue/Gray            - Used as Fieldset Legend color
DFDFDF  - Gray                 - Used as Header text color and in borders 
FEF5CA  - Pale Yellow          - Used as Hovered color on clickable table rows
0077CC  - Blue                 - Used as standard color for all links

FF0000  - Red                  - Error class border and text color
FFCC00  - Yellow               - Error symbol background

*/



/*** Customize for StoreID ***/

/*
 *  to replace color set - replace the background color for the body - and all other occurnaces on this page with the new color
 */

body                                             { background: #CCCCCC; color: #000;}  
.page                                            { background: #FFF; border-color: #DFDFDF; }
.header                                          {  background: #FFF; border-bottom: solid #003399 30px; margin: 0 auto; padding: 0; width: 1000px; height:75px}
.logo h1                                         { background:url("/resources/customlayer/piwi/images/logo1.gif") left center no-repeat; color: #663300; height:65px;}  
#login_content                                   { margin: 50px 0 50px 278px; }



/*** End **/

/*** Universal Styles ***/


h1, h2, h3, h4, h5, h6                           { color: #000; }
  h5                                             { background: #D8CE9F;} /** Ticket Block Headings **/

table.data th, table.data td                     { border-color: #0084B4; }

tr.rowlink                                       { color: #0077CC; }

fieldset                                         { border-color: #999; }
legend                                           { color: #5A8595; }  
  legend span                                    { color: #5A8595; }

a                                                { color: #0077CC; }


.navmenu                                         { background: #333; border-color: #333; }
  .navmenu ul li a                               { color: #999; }
  .navmenu ul li a:visited                       { color: #999; }
  .navmenu ul li a:hover                         { color: #FFF; }


.logoutmenu ul                                   { color: #D8CE9F; }
.logoutmenu ul li a                              { color: #D8CE9F; }
.logoutmenu ul li a:visited                      { color: #D8CE9F; }
.logoutmenu ul li a:hover                        { color: #D8CE9F; }


.sidebar                                         { background: #FFF; border-color: #999; }
  .sidebar ul li                                 { border-top-color: #CCC; }
  .sidebar ul li ul li                           { border-top-color: #CCC; }
  .sidebar a:hover                               { background: #0084B4; color: #FFF; }

.sidebarsection                                  { background: #D8CE9F; border-color: #999; }

.content                                         { background-color: #FFF; border-color: #999; }
  .content a.action_link:link                    { color: #0077CC; }
  
.footermenu ul li a:visited                      { color: #666; }
.footermenu ul li a:hover                        { color: #000; }

.footer                                          { background: #CCCCCC; border-bottom-color: #CCCCCC; border-top-color: #CCCCCC; }

/*** Custom Classes ***/

.error                                           { border-color: #FF0000; }
.error_symbol                                    { border-color: #FF0000; color: #FF0000; }
.error_text                                      { color: #FF0000; }

.step                                            { background: #D8CE9F; border-color: #999; }           /* Step Display on Make Payment page */
  .step_future                                   { color: #999; }
  .step_future_num                               { color: #999; }
  .step_future_label                             { color: #999; }
  .step_previous                                 { color: #0084B4; }
  .step_previous_num                             { color: #0084B4; }
  .step_previous_label                           { color: #999; }
  .current_step                                  { color: #0084B4; }

.textmsg                                         { background: #D8CE9F; border-color: #999; }

.mand                                            { color: #FF0000; }

.odd                                             { background-color: #D8CE9F; }

.hovered                                         { background-color: #FEF5CA; }

.attachment_delete_link                          { background: transparent url(/resources/defaultlayer/piwi/images/cross-16.png) no-repeat center right; }
.attachment_download_link                        { background: transparent url(/resources/defaultlayer/piwi/images/arrow-right-16.png) no-repeat center right; }
.continue_link                                   { background: transparent url(/resources/defaultlayer/piwi/images/mail_write_48.png) no-repeat center right; }
.delete_link                                     { background: transparent url(/resources/defaultlayer/piwi/images/cross-16.png) no-repeat center right; }
.forward_link                                    { background: transparent url(/resources/defaultlayer/piwi/images/mail_forward_48.png) no-repeat center right; }
.mail_delete_link                                { background: transparent url(/resources/defaultlayer/piwi/images/mail_delete_48.png) no-repeat center right; }
.reply_link                                      { background: transparent url(/resources/defaultlayer/piwi/images/mail_reply_48.png) no-repeat center right; }
.resend_link                                     { background: transparent url(/resources/defaultlayer/piwi/images/mail_add_48.png) no-repeat center right; }
.print_link                                      { background: transparent url(/resources/defaultlayer/piwi/images/printer_48.png) no-repeat center right; }

.readonly                                        { background: #CCC; }

.listbox                                         { border-color: #000; }

.node span                                       { background-color: transparent; }

.nodebold span                                   { background-color : transparent; }

.pageFader                                       { background-color: rgb(255, 255, 255); color: #000000; }

/*** Class ID Structure Overrides ***/

        /* PIWI */
#invoicedetails_header                           { background: #D8CE9F; }

#usage_service_content h2                        { background-color: #D8CE9F; }

#ticketHeaderChange                              { border-left-color: #000; }

#generalCustTicketInfo                           { border-bottom-color: #000; }

#generalTicketInfo                               { border-left-color: #000; }

#generalTicketHistory td                         { border-color: #FFF; }

#problemAttachmentList                           { border-top-color: #000; }
#problemAttachmentList td                        { border-color: #FFF; }

#messagelist td                                  { border-color: #FFF; }
#messageEmailBody                                { border-top-color: #000; }
#messageEmailAttachments                         { border-top-color: #000; }

#callsTable td                                   { border-color: #FFF; }
#existingcall                                    { border-top-color: #000; }

#notesTable td                                   { border-color: #FFF; }
#existingnote                                    { border-top-color: #000; }

#login_content                                   { border-color: #666; }

        /* Modules */
#domain_steps a                                  { background-color: #FFF; }

#lookupresults_content h1                        { background-color: #D8CE9F; border-color: #999; }

#lookupresultsca_content h1                      { background-color: #D8CE9F; border-color: #999; }
