/*** 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 */ /*** Universal Styles ***/ body { background: #C0DEED; color: #000; } h1, h2, h3, h4, h5, h6 { color: #000; } h5 { background: #DDEEF6;} /** 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; } /*** Structure Classes ***/ .page { background: #DDEEF6; border-color: #DFDFDF; } .header { background: #0084B4; border-color: #0084B4; } .logo h1 { color: #DFDFDF; } .logo h1 { background: url() left center no-repeat; } /** Logo url can be added in url(). Reference images directory as "/resources/customlayer/piwi/images/???.gif" **/ .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: #CCC; } .logoutmenu ul li a { color: #FFF; } .logoutmenu ul li a:visited { color: #FFF; } .logoutmenu ul li a:hover { color: #FFF; } .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: #DDEEF6; 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: #FFF; border-bottom-color: #333; border-top-color: #333; } /*** Custom Classes ***/ .error { border-color: #FF0000; } .error_symbol { border-color: #FF0000; color: #FF0000; } .error_text { color: #FF0000; } .step { background: #DDEEF6; 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: #DDEEF6; border-color: #999; } .mand { color: #FF0000; } .odd { background-color: #DDEEF6; } .hovered { background-color: #FEF5CA; } .selected { background-color: #CCCCCC; } .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 */ #home_payments_BouncedMsg { color: #FF0000; } #invoicedetails_header { background: #DDEEF6; } #paymentsBouncedMsg { color: #FF0000; } #usage_service_content h2 { background-color: #DDEEF6; } #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: #DDEEF6; border-color: #999; } #lookupresultsca_content h1 { background-color: #DDEEF6; border-color: #999; }