/*<% '$Id: style.css,v 1.6.2.47 2010/04/20 23:11:36 alexs Exp $  %>*/


/******* THE UNIVERSAL SELECTOR *******/

*
{
    FONT-FAMILY: verdana, arial, helvetica !important; 
    font-weight:normal;
    font-size: 12px;
}

/******* END of THE UNIVERSAL SELECTOR *******/


/******* THE HTML ELEMENT SELECTORS *******/

    body
    {    
        MARGIN: 0px 1px 0px 0px;
        COLOR: #000000;
        BACKGROUND-COLOR: #FFFFFF;
        scrollbar-face-color: #E1E1E1;
        scrollbar-shadow-color: #999999;
        scrollbar-highlight-color: #999999;
        scrollbar-3dlight-color: #FFFFFF;
        scrollbar-darkshadow-color: #FFFFFF;
        scrollbar-track-color: #FFFFFF;
        scrollbar-arrow-color: #000000;
    }

    a, a.topmenu, a.submenu
    {
        COLOR: #FFFFFF;
        TEXT-DECORATION: none;
    }

    a:hover
    {
        COLOR: #CCCCCC;
        TEXT-DECORATION: underline;
    }

    a.dark, a.darkb, a.camera, a.nolink, a.onlyunderline
    {
        COLOR: #003366;
        TEXT-DECORATION: none;
    }

    a.dark:hover
    {
        COLOR: #669999;
        TEXT-DECORATION: underline;
    }

    a.darkb
    {
        font-weight:bold;
    }

    a.darkb:hover
    {
        COLOR: #669999;
        TEXT-DECORATION: underline;
    }

    a.nolink:hover
    {
        COLOR: #003366;
        TEXT-DECORATION: none;
    }

    a.camera:hover
    {
        COLOR: #CCCCCC;
        TEXT-DECORATION: underline;
    }

    a.onlyunderline:hover
    {
        COLOR: #003366;
        TEXT-DECORATION: underline;
    }

    a.topmenu:hover
    {
        COLOR: #FFFFCC;
        TEXT-DECORATION: underline;
    }

    a.disabled
    {
        COLOR: #999999;
        TEXT-DECORATION: none;
    }
    
    a.submenu:hover
    {
        COLOR: #CCFFFF;
        TEXT-DECORATION: underline;
    }

    a.menutitle
    {
        COLOR: #FFFFFF;
        BACKGROUND-COLOR: #666666;
        TEXT-DECORATION: underline;
    }

    a.link
    {
        TEXT-DECORATION: underline;
        COLOR: #FF0000;    
    }

    a.link:hover
    {
        TEXT-DECORATION: underline;
        COLOR: #FF0000;    
    }


/******* END of THE HTML ELEMENT SELECTORS *******/


/******* THE CLASS SELECTORS *******/

    .outline
    { 
        border: 1px solid #999; 
        background-color: #FFFFFF;
        font-weight:bold; 
    }

    .alert
    {
        COLOR: #000000;
        BACKGROUND-COLOR: #CCCCCC;
    }

    .lightback
    {
        COLOR: #FFFFFF;
        BACKGROUND-COLOR: #669999;
    }

    .darkback
    {
        COLOR: #FFFFFF;
        BACKGROUND-COLOR: #666666;
    }

    .required
    {
        COLOR: #CC3333; /* RED */
    }

    .menutitle, .menuback
    {
        COLOR: #FFFFFF;
        BACKGROUND-COLOR: #666666; 
        font-weight:bold;    
    }

    .submenuback
    {
        COLOR: #FFFFFF;
        BACKGROUND-COLOR: #33637B;
    }

    .navmenuback
    {
        COLOR: #000000;
        BACKGROUND-COLOR: #99cccc;
    }

    .textarea
    {
        COLOR: #000000;
        BACKGROUND-COLOR: #FFFFFF;
    }

    .popback
    {
        COLOR: #000000;
        BACKGROUND-COLOR: #E6E6E6;
    }

    .pop_info
    {
        Z-INDEX: 5;
        VISIBILITY: hidden;
        POSITION: absolute;
        HEIGHT: 1px;
    }

    .pop_help
    {
        Z-INDEX: 6;
        VISIBILITY: hidden;
        POSITION: absolute;
        HEIGHT: 1px;
    }

    /* Official Required Field Notation
     * 
     * -- INSERT AFTER THE INPUT ELEMENT --
     *  
     *    <em class="required">*</em> 
     */
    em.required
    {   
        padding-left:0.5em;
        position:absolute;
        color:Red;
    }

    .cell
    {
        COLOR: #000000;
        BACKGROUND-COLOR: #CCCCCC;
    }
    
    .cellb
    {
        COLOR: #000000;
        BACKGROUND-COLOR: #CCCCCC;
        font-weight:bold;
    }

    .cell1, .cell1b
    {
        COLOR: #FFFFFF;
        BACKGROUND-COLOR: #33637B;
    }

    .cell1b
    {
        font-weight:bold;    
    }

    .cell2, .cell2b
    {
        COLOR: #000000;
        BACKGROUND-COLOR: #E6E6E6
    }

    .cell2b
    {
        font-weight:bold;
    }

    .fontlarge
    {
        FONT-SIZE: 14px;
    }

    .roomtitle
    {
        FONT-SIZE: 11px;
        COLOR: #CCFFFF;
        LINE-HEIGHT: 1.25;
    }

    .input
    {
        BORDER-RIGHT: silver thin outset;
        BORDER-TOP: silver thin outset;
        BORDER-LEFT: silver thin outset;
        BORDER-BOTTOM: silver thin outset;
        COLOR: #003366;
        BACKGROUND-COLOR: #FFFFFF;
    }

    .inputhigh
    {
        BORDER-RIGHT: silver thin outset;
        BORDER-TOP: silver thin outset;
        BORDER-LEFT: silver thin outset;
        BORDER-BOTTOM: silver thin outset;
        COLOR: #003366;
        BACKGROUND-COLOR: #FFFFFF;
    }

    .displaybox
    {
        border-width: 0px;
        background-color: #E6E6E6;
        color: #000000;
        margin: 2px;
        font-size:8pt; 
    }

    .inputgreyed
    {
        BORDER-RIGHT: silver thin outset;
        BORDER-TOP: silver thin outset;
        BORDER-LEFT: silver thin outset;
        BORDER-BOTTOM: silver thin outset;
        COLOR: #003366;
        BACKGROUND-COLOR: #999999;
    }

    .smButton
    {
        border-style:outset;    
        border-top-color: #FFFFFF;
        border-right-color: Silver;
        border-bottom-color: #CCCCCC;    
        BACKGROUND-COLOR: #CCFFFF;
        position: relative;
    }

    .smbutton
    {
        border-style:outset;    
        border-top-color: #FFFFFF;
        border-right-color: Silver;
        border-bottom-color: #CCCCCC;    
        BACKGROUND-COLOR: #CCFFFF;
        position: relative;  
    }

    .smButtonGreyed
    {
        BORDER-RIGHT: silver thin outset;
        BORDER-TOP: #FFFFFF thin outset;
        BORDER-LEFT: thin outset;
        BORDER-BOTTOM: #CCCCCC thin outset;
        COLOR: #000000;
        BACKGROUND-COLOR: #CCCCCC;
        position: relative;
    }

    .smButton3
    {
        BORDER-RIGHT: silver thin outset;
        BORDER-TOP: #FFFFFF thin outset;
        BORDER-LEFT: thin outset;
        BORDER-BOTTOM: #CCCCCC thin outset;
        COLOR: #FF0000;
        BACKGROUND-COLOR: #FFFFFF;
        TEXT-DECORATION: underline;
        position: relative;
    }

    .highlight
    {
        background-color: #ffffcc;
        color: #000000;
    }       
    
    .hoverBox, .ASShadowDIV 
    {
        position: relative;
        bottom: 4px;
        right: 4px;
    }

    .ASShadowDIV { background-color: #ccc; }

    .hoverBox
    {        
        background-color: #ffc;
        color: #000;
        border: 1px solid #000;
        padding: 0.5em;
        text-align:left;
    } 
    
    /* This makes a div into a standard Arrowsight "warning bar" */
    .goldBar
    {
        height:20px;
        width:98%;
        background-color:#ffffcc;
        color: #000000;
        line-height:1.5;
        border: 1px solid #666666;
        font-weight: bold; 
        margin-bottom: 10px;
        padding: 1px 1px 1px 1px;     
     }

    .bold
    {    
        font-weight: bold;
    }
    
    .dotted
    {
        border:dotted 1px #33637B; 
        height:1px;
    }

    .highlight2 /* to be renamed: blueHilite */
    {
        background-color: #C3E1ED;
    }

    .smalltextlink
    {
        COLOR: #003366;
        BACKGROUND-COLOR: #E6E6E6;
    }

    .smalltextlinkover
    {
        COLOR: #669999;
        BACKGROUND-COLOR: #E6E6E6;
        CURSOR: pointer;
        TEXT-DECORATION: underline;
    }

    .smalltextdark
    {
        COLOR: #003366;
    }

    .strokeTable
    {
        background-color: #FFFFFF;
        border: 1px solid #666666;
        padding: 1px;                           
    }

    /*  This class is used for style of specific values 
        (e.g. ClientName which was just created/update) 
    */
    .specifier
    {
        font-weight: bold;
    }

/******* END of THE CLASS SELECTORS *******/


/******* THE ID SELECTORS *******/

    #SharpnessValueStyle 
    {
        visibility: visible;
    }

    #frame
    {
        background-color: #999;
        padding: 1px;
        width: 98%;
    }

    #ObjectTagStyle 
    {
        visibility: visible;
        background-color: white;
        border-color:black;
    }

    #DrillStyle 
    {
        visibility: visible;
        background-color: white;
    }

    #DisplayDateStyle 
    {
        visibility: visible;
        background-color: white;
    }

    #GreyLineStyle 
    {
        visibility: visible;
        background-color: white;
    }

    #LeftHandMenuUpdateButtonStyle 
    {
        visibility: hidden;
        background-color: white;
    }

    #LeftHandControlsStyle 
    {
        visibility: hidden;
        background-color: white;
    }
            
    #divStatusHolder
    {
        background-color: #FFFFFF;
        width: 400px;
        height: 5px;
        border-color: #999999;
        border-style: solid;
        border-width: 1px;
    }

    #divStatus
    {
        background-color: #CCCCCC;
        width: 50px;
        height: 5px;
        border-color: #CCCCCC;
        border-style: solid;
        border-width: 1px;
    }

/******* END of THE ID SELECTORS *******/



/******* TO BE DEPRECATED ********/

    a.light
    {
        COLOR: #CCFFFF;
        TEXT-DECORATION: underline;
    }

    a.light:hover
    {
        COLOR: #FFFFFF;
        TEXT-DECORATION: underline;
    }
    
    .boldText
    {    
        font-weight: bold;
    }
    
    .font1
    {
        COLOR: #FFFFFF;
    }
    
    .font1dark
    {
        COLOR: #000000;
    }
        
    .font2
    {   
        COLOR: #000000;
        LINE-HEIGHT: 1.25;
    }
    
    .input2
    {
        COLOR: #003366;
    }


/******* END TO BE DEPRECATED ********/