/* 
 =======================================================
 * OVERLAY SETTINGS
 =======================================================
 */

    #TB_overlay 
    {
	    position    : fixed;
	    top         : 0px;
	    left        : 0px;
	    height      : 100%;
	    width       : 100%;
	    
	    z-index     : 100;
        }

        .TB_overlayMacFFBGHack 
        {
            background: url(/assets/web/images/overlayWindow/macFFBgHack.png) repeat; /* Path to transparent ping : should match settings in 'TB_overlayBG' */
            }

        .TB_overlayBG 
        {
	        background-color    : #000000;
	        filter              : alpha(opacity=65);
	        -moz-opacity        : 0.65;
	        opacity             : 0.65;
            }

    * html #TB_overlay 
    { 
        /* ie6 hack 
         * 
         * NB: paths defined as [ * html ...xxxx... ] are ie6 specific 
         */
        position    : absolute;
        height      : expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
        }



/* 
 =======================================================
 * OVERLAYED WINDOW
 =======================================================
 */

    #TB_window 
    {
	    /*
         * DO NOT : Set a background colour, image or border settings - MUST BE TRANSPARENT
         */
	    display     : none;
	    position    : fixed;
	    top         : 50%;
	    left        : 50%;
        
	    z-index     : 1002;
    	
	    color       : #000000;
    	
	    font-family : Arial, Helvetica, Tahoma, Sans-Serif;
	    text-align  : left;
	    
	    /* DEV TEMP 
	    background-color : #CCCCCC;
	    border           : 3px solid #ff0000;
        */
	    }

    * html #TB_window 
    { 
        /* ie6 hack */
        position    : absolute;
        margin-top  : expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
        }

          
        /* 
        =======================================================
        * CLOSE BUTTON
        =======================================================
        */
                
        #TB_window #TB_closeWindow
        {
            position : absolute;
            top      : 12px;
            right    : 14px;
            
            z-index  : 10;
            }
            
            
            /* [ #TB_closeWindowButton ] */
            #TB_window #TB_closeWindow a 
            {
                display : block;
                padding-top         : 4px;
                padding-right       : 25px;
                padding-bottom      : 4px;
                padding-left        : 0px;
                
                background-color : #ffffff;
                
                background-image    : url('/assets/web/images/buttonIcons/buttonIcon_closeWindow_up.jpg');
                background-position : top right;
                background-repeat   : no-repeat;
                
                color               : #000000;
                font-size           : 10px;
                font-weight         : bold;
                text-decoration     : none;
                }
                
            #TB_window #TB_closeWindow a:link,
            #TB_window #TB_closeWindow a:visited
            {
                }
            
            #TB_window #TB_closeWindow a:hover
            {
                background-image : url('/assets/web/images/buttonIcons/buttonIcon_closeWindow_over.jpg');
                }
        
        
        /* 
        =======================================================
        * MAIN WINDOW CONTENT : Frame & contents
        =======================================================
        */
        
            /*
            *************************
            *  SOLID WHITE OVERLAY WINDOW
            *************************
            */
                
                #TB_window div.innerWindow
                {
                    position         : absolute;
                    
                    top              : 20px;
                    left             : 20px;
                    
                    background-color : #ff0000;
                    
                    z-index  : 0;
                    }
                    
                    #TB_window div.innerWindow #TB_actualContent
                    {
                        position    : relative;
                        top         : 0px;
                        left        : 0px;
                        
                        padding     : 15px 0px 5px 0px; /* padding-top pushes content below close button */
                        
                        overflow    : hidden;
                        }
                        
                        #TB_window div.innerWindow #TB_actualContent.TB_actualContent_iFrame
                        {
                            padding-top     : 20px;
                            padding-left    : 5px;
                            padding-right   : 0px;
                            }
                     
                    
                    #TB_window div.innerWindow #TB_actualContent iframe
                    {
                        margin           : 0px;
                        padding          : 0px;
                        background-color : Transparent;
                        }
                        
                      
                        /*
                         *************************
                         *  V.V.V IMPORTANT : 
                         *  
                         *  DO NOT : use margins on p tags within window - disrupts glow edges
                         *      
                         *************************
                         */
                        #TB_window div.innerWindow #TB_actualContent p
                        {
                            display     : block;
                            font-family : Arial, Helvetica, Tahoma, Sans-Serif;
                            font-size   : 10px;
                            
                            margin      : 0px !important;
                            padding     : 0px;
                            }
                    
                
                    #TB_window div.innerWindow div.TL,
                    #TB_window div.innerWindow div.TR,
                    #TB_window div.innerWindow div.BL, 
                    #TB_window div.innerWindow div.BR
                    {
                        position    : absolute;
                        width       : 20px;
                        height      : 20px;
                        
                        background-position : 0px 0px;
                        background-repeat   : no-repeat;
                        }
                    
                    #TB_window div.innerWindow div.T,
                    #TB_window div.innerWindow div.R,
                    #TB_window div.innerWindow div.B, 
                    #TB_window div.innerWindow div.L
                    {
                        position    : absolute;
                        
                        background-position : 0px 0px;
                        }
                    
                    #TB_window div.innerWindow div.T,
                    #TB_window div.innerWindow div.B
                    {
                        background-repeat   : repeat-x;
                        }
                    
                    #TB_window div.innerWindow div.L,
                    #TB_window div.innerWindow div.R
                    {
                        background-repeat   : repeat-y;
                        }
                    
                    #TB_window div.innerWindow div.TL
                    {
                        top      : -20px;
                        left     : -20px;
                        background-image : url('/assets/web/images/overlayWindow/TL.png');
                        }
                    
                    #TB_window div.innerWindow div.TR
                    {
                        top   : -20px;
                        right : -20px;
                        background-image : url('/assets/web/images/overlayWindow/TR.png');
                        }
                    
                    #TB_window div.innerWindow div.BL 
                    {
                        bottom : -20px;
                        left   : -20px;
                        background-image : url('/assets/web/images/overlayWindow/BL.png');
                        }
                    
                    #TB_window div.innerWindow div.BR 
                    {
                        bottom : -20px;
                        right  : -20px;
                        background-image : url('/assets/web/images/overlayWindow/BR.png');
                        }
                    
                    #TB_window div.innerWindow div.T 
                    {
                        top  : -20px;
                        left : 0px;
                        
                        width   : 100%;
                        height  : 20px;
                        
                        background-image : url('/assets/web/images/overlayWindow/T.png');
                        }
                    
                    #TB_window div.innerWindow div.L 
                    {
                        top  : 0px;
                        left : -20px;
                        
                        width   : 20px;
                        height  : 100%;
                        
                        background-image : url('/assets/web/images/overlayWindow/L.png');
                        }
                    
                    #TB_window div.innerWindow div.B 
                    {
                        bottom : -20px;
                        left   : 0px;
                        
                        width   : 100%;
                        height  : 20px;
                        
                        background-image : url('/assets/web/images/overlayWindow/B.png');
                        }
                    
                    #TB_window div.innerWindow div.R
                    {
                        top   : 0px;
                        right : -20px;
                        
                        width   : 20px;
                        height  : 100%;
                        
                        background-image : url('/assets/web/images/overlayWindow/R.png');
                        }
                
                
                
            /*
             *************************
             *  GRADIENT OVERLAY WINDOW [override styles]
             *************************
             */
                
                #TB_window div.innerWindowGradient
                {
                    min-height       : 290px;
                    
                    background-color : #EBEBEB;
                    
                    background-image    : url('/assets/web/images/overlayWindow/body_grad.jpg');
                    background-position : 0px 0px;
                    background-repeat   : repeat-x;
                    }
                    
                    #TB_window div.innerWindowGradient div.L,
                    #TB_window div.innerWindowGradient div.R
                    {
                        background-repeat   : no-repeat;
                        }
                    
                    #TB_window div.innerWindowGradient div.TL
                    {
                        background-image : url('/assets/web/images/overlayWindow/TL_bGrad.png');
                        }
                    
                    #TB_window div.innerWindowGradient div.TR
                    {
                        background-image : url('/assets/web/images/overlayWindow/TR_bGrad.png');
                        }
                    
                    #TB_window div.innerWindowGradient div.BL 
                    {
                        background-image : url('/assets/web/images/overlayWindow/BL_bGrad.png');
                        }
                    
                    #TB_window div.innerWindowGradient div.BR 
                    {
                        background-image : url('/assets/web/images/overlayWindow/BR_bGrad.png');
                        }
                    
                    #TB_window div.innerWindowGradient div.T 
                    {
                        background-image : url('/assets/web/images/overlayWindow/T_bGrad.png');
                        }
                    
                    #TB_window div.innerWindowGradient div.L 
                    {
                        background-image : url('/assets/web/images/overlayWindow/L_bGrad.png');
                        }
                    
                    #TB_window div.innerWindowGradient div.B 
                    {
                        background-image : url('/assets/web/images/overlayWindow/B_bGrad.png');
                        }
                    
                    #TB_window div.innerWindowGradient div.R
                    {
                        background-image : url('/assets/web/images/overlayWindow/R_bGrad.png');
                        }
            
            
            
        
        
        
        
        
        
            
        
        
/* 
 =======================================================
 * LOAD ICON
 =======================================================
 */

    #TB_load
    {
	    position    : fixed;
	    display     : none;
	    height      : 13px;
	    width       : 208px;
	    z-index     : 103;
	    top         : 50%;
	    left        : 50%;
	    margin      : -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
        }


    * html #TB_load 
    { 
        /* ie6 hack */
        position    : absolute;
        margin-top  : expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
        }


/* 
 =======================================================
 * IE.6 FORM CONTROL DISABLING WINDOW
 =======================================================
 */

    #TB_HideSelect
    {
	    /*
         * An iFrame that is added to sit between overlay window & page to disable form controls
         */
	    position        : fixed;
	    top             : 0;
	    left            : 0;
	    height          : 100%;
	    width           : 100%;
	    z-index         : 99;
    	
	    background-color: #ffffff;
	    border          : none;
    	
	    filter          : alpha(opacity=0);
	    -moz-opacity    : 0;
	    opacity         : 0;
        }


    * html #TB_HideSelect 
    { 
        /* ie6 hack */
        position    : absolute;
        height      : expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
        }