/*
--
--        File: main.css
--        Name: Web Kiosk Main Frame Cascading Style Sheet
--
--
-- revision = '12.1.apap' 
--
-- Portability: Portable.
-- Server and Client copies: N0
--
--    Purpose:
--        This style sheet defines formatting used for the Web Kiosk main content frame.
--        
--
--    Modification History
--
--
--    Rev    Date        Author         PAR#   Details                                     
--    ----   ---------   ------------   ----   -------------------------------------------------
--    12.1   12-FEB-2010 I.SIngh	CUST	to move the person name and position# to right	
--    12.0   06-Oct-09   G.Schneider WO 6996   Modified for V12 colour scheme for blending with JSF
--    10.0   28-Mar-06   G.Schneider WO 2757   Made theme-specific and amalgamated wk0002.css with
--                                             the previous main.css file to create this version
--
------------------------------------------------------------------------------------------------   
--
*/

    /* Default Page body properties */
    body {
        font-family:Tahoma; 
        font-size: 11px; 
        color: #000000;
        background: #FFFFFF;
    }

    /* Heading 1 */
    H1
    {
        color: #003366;
        font-family:Tahoma; 
        font-size: 12px; 
        font-weight: bold;
        text-align: Left;
    }

    /* Heading 2 */
    H2
    {
        color: #000000;
        font-family:Tahoma; 
        font-size: 11px; 
        text-align: Left;
    }

    /* Heading 3 */
    H3
    {
        color: #000000;
        font-family:Tahoma; 
        font-size: 11px; 
        font-weight: bold;
        text-align: Left;
    }

    /* Heading 4 */
    H4
    {
        color: #000000;
        font-family:Tahoma; 
        font-size: 11px; 
        text-align: Left;
    }

    /* Heading 5 */
    H5
    {
        color: #CC0033;
        font-family:Tahoma; 
        font-size: 10px; 
        font-weight: bold;
        text-align: Left;
    }    

    /* Heading 6 */
    H6
    {
        color: #000000;
        font-family:Tahoma; 
        font-size: 9px; 
        font-weight: bold;
        text-align: Left;
    }    
    
    /* Information message text */
    .infoText
    {
        color: #000000;
        font-family:Tahoma; 
        font-size: 11px; 
    }

    /* Success label */
    .success
    {
        color: #999900;
        font-weight: bolder;
        font-family:Tahoma; 
        font-size: 11px; 
    }

    /* Success message text */
    .successText
    {
        color: #000000;
        font-family:Tahoma; 
        font-size: 11px; 
    }

    /* Warning label */
    .warning
    {
        color: #FF9900;
        font-weight: bolder;
        font-family:Tahoma; 
        font-size: 11px; 
    }

    /* Error message text */
    .warningText
    {
        color: #000000;
        font-family:Tahoma; 
        font-size: 11px; 
    }

    /* Error label */
    .error
    {
        color: #CC0033;
        font-weight: bolder;
        font-family:Tahoma; 
        font-size: 11px; 
    }

    /* Error message text */
    .errorText
    {
        color: #000000;
        font-family:Tahoma; 
        font-size: 11px; 
    }

    /* Style for Context Header */
    .contextHdr
    {
        color: #0000CC;
        font-weight: bold;
    }

    /* Style for Person Header */
    .personHdr
    {
        font-family:Tahoma; 
        font-size: 11px; 
        color: #000000;
    }

    /* Style for Occupancy/Position Header */
    .occupHdr
    {
        font-family:Tahoma; 
        font-size: 11px; 
        color: #000000;
    }

    /* HTML Table */
    .noborder
    {
        Padding-Top: 1;
        Padding-Bottom: 1;
        Padding-Right: 3;
        Padding-Left: 3;
        color: #000000;
        background-color: #FFFFFF;
        border-collapse: separate;
        border-spacing: 1pt;
        border-style: hidden;
        border-width: 0pt;
        empty-cells: show;
        cell-spacing: 0pt;
    }

    /* HTML Table */
    table
    {
        Padding-Top: 1;
        Padding-Bottom: 1;
        Padding-Right: 3;
        Padding-Left: 3;
        background-color: #FFFFFF;
        border-collapse: separate;
        border-spacing: 1pt;
        border-style: hidden;
        border-width: 0pt;
        empty-cells: show;
    }

    /* Table Heading */
    th
    {
        Padding-Top: 1;
        Padding-Bottom: 1;
        Padding-Right: 3;
        Padding-Left: 3;
	  color:#FFFFFF;
	  background-color:#8D8D8D;
        font-family:Tahoma; 
        font-size: 11px; 
        border-style: hidden;
        border-width: 0pt;
    }

    th :link {
	  color:#FFFFFF;
    }

    th :visited {
	  color:#FFFFFF;
    }

    th :active {
	  color:#FFFFFF;
    }


    /* Table Data */
    td
    {
        Padding-Top: 1;
        Padding-Bottom: 1;
        Padding-Right: 3;
        Padding-Left: 3;
	  color:#000000;
	  background-color:#ebebeb;
        font-family:Tahoma; 
        font-size: 11px; 
        border-style: hidden;
        border-width: 0pt;
    }

    /* Table Heading */
    th.highlight
    {
        Padding-Top: 1;
        Padding-Bottom: 1;
        Padding-Right: 3;
        Padding-Left: 3;
	  color:#FFFFFF;
	  background-color:#8D8D8D;
        font-family:Tahoma; 
        font-size: 11px; 
        font-weight: bold;
        border-style: hidden;
        border-width: 0pt;
    }

    /* Table Data */
    td.highlight
    {
        Padding-Top: 1;
        Padding-Bottom: 1;
        Padding-Right: 3;
        Padding-Left: 3;
	  color:#000000;
	  background-color:#ebebeb;
        font-family:Tahoma; 
        font-size: 11px; 
        border-style: hidden;
        border-width: 0pt;
    }

    /* Table Cells used for headers */
    .header
    {
	  color:#000000;
	  background-color:#FFFFFF;
        border-width: 0px;
        border-collapse: collapse;
       text-align: right;   
    }

    /* Table Cells used for footers */
    .footer
    {
	  color:#000000;
	  background-color:#FFFFFF;
        border-width: 0px;
        border-collapse: collapse;
    }

    /* Text Area */
    textarea
    {
        font-family:Tahoma; 
        font-size: 11px; 
    }

    /* Emphasized */
    em
    {
        font-family:Tahoma; 
        font-size: 11px; 
        text-align: right;
    }

    select
    {
        font-family:Tahoma; 
        font-size: 11px; 
    }

    input
    {
        font-family:Tahoma; 
        font-size: 11px; 
    }

    /* big */
    big
    {
        font-family:Tahoma; 
        font-size: 11px; 
        text-align: Left;
    }    

    big :link {
        font-weight: bold; 
    }

    big :visited {
        font-weight: bold; 
    }

    big :active {
        font-weight: bold; 
    }

    big :hover {
        font-weight: bold; 
    }


    /* small */
    small
    {
        font-family:Tahoma; 
        font-size: 10px; 
        text-align: Left;
    }    

    /* For styling general links */
    :link {
        font-family:Tahoma; 
        font-size: 11px; 
        text-align: Left;
        color: #000000;
    }

    :visited {
        font-family:Tahoma; 
        font-size: 11px; 
        text-align: Left;
        color: #000000;
    }

    :active {
        font-family:Tahoma; 
        font-size: 11px; 
        text-align: Left;
        color: #000000;
    }


    /* The .headerLink class controls the appearance of the links which can appear as part of the header */
    a.headerLink:link {
        font-family:Tahoma; 
        font-size: 11px; 
        text-align: Left;
        color: #000000;
    }

    a.headerLink:visited {
        font-family:Tahoma; 
        font-size: 11px; 
        text-align: Left;
        color: #000000;
    }

    a.headerLink:active {
        font-family:Tahoma; 
        font-size: 11px; 
        text-align: Left;
        color: #000000;
    }

    a.headerLink:hover {
        font-family:Tahoma; 
        font-size: 11px; 
        text-align: Left;
        color: #000000;
    }

    /* The .footerLink class controls the appearance of the links which can appear as part of the footer */
    a.footerLink:link {
        font-family:Tahoma; 
        font-size: 11px; 
        text-align: center;
        color: #000000;
    }

    a.footerLink:visited {
        font-family:Tahoma; 
        font-size: 11px; 
        text-align: center;
        color: #000000;
    }

    a.footerLink:active {
        font-family:Tahoma; 
        font-size: 11px; 
        text-align: center;
        color: #000000;
    }

    a.footerLink:hover {
        font-family:Tahoma; 
        font-size: 11px; 
        text-align: center;
        color: #000000;
    }

    a.docLink {
        color: #003366;
        font-family:Tahoma; 
        font-size: 11px; 
        font-weight: bold;
        text-align: center;
    }

    a.docLink:hover {
        color: #CC0033;
        font-family:Tahoma; 
        font-size: 11px; 
        font-weight: bold;
        text-align: center;
    }

    a.applyLink:visited {
        color: #CC0033;
        font-family:Tahoma; 
        font-size: 11px; 
        font-weight: bold;
        text-align: center;
    }

    a.applyLink {
        color: #CC0033;
        font-family:Tahoma; 
        font-size: 11px; 
        font-weight: bold;
        text-align: center;
    }

    a.applyLink:hover {
        color: #003366;
        font-family:Tahoma; 
        font-size: 11px; 
        font-weight: bold;
        text-align: center;
}