/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
    .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
    }

    .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
    }

    .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
    }

    .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
    }
}

@media print {
    .sIFR-flash {
    display: none !important;
    height: 0;
    width: 0;
    position: absolute;
    overflow: hidden;
    }

    .sIFR-alternate {
    visibility: visible !important;
    display: block !important;
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: auto !important;
    height: auto !important;
    }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/

@media screen {
    .sIFR-active object {
    display: block;
    }

    .sIFR-active div.teaser h4 {
    font-family: Arial, Verdana, sans-serif;
    visibility: hidden;
    font-size:1.5em;
    color:#ffffff;
    }
    
    .sIFR-active div.generalModule h4
    {
        visibility: visible !important;    
    }

    .sIFR-active div.teaser.recipe h4,
    .sIFR-active div.teaser.shop h4,
    .sIFR-active div.teaser.cooperative h4,
    .sIFR-active div.teaser.medMera h4,
    .sIFR-active div.teaser.myPages h4,
    .sIFR-active div.ecoInfo h4,
    .sIFR-active div.footer div.contact h4,
    .sIFR-active .searchResultRecipeBubble h4,
    .sIFR-active div.pale.myRecipe h4,
    .sIFR-active div.pale.myList h4,
    .sIFR-active div.pale.myOffers h4,
    .sIFR-active div.pale.myPren h4,
    .sIFR-active bubble.bubblerecipe h4,
    .sIFR-active bubble.bubblemedMera h4,
    .sIFR-active bubble.bubbleshop h4,
    .sIFR-active bubble.bubblecooperative h4 {
    font-family: Arial, Verdana, sans-serif;
    visibility: hidden;
    font-size: 1.5em;
    text-transform: uppercase;
    }
    
    .sIFR-active div.teaser.loginModule h4{
    font-size: 2.2em;
    }

    .sIFR-active .bubble.bubbleshop h4,
    .sIFR-active .bubble.bubblemedMera h4, 
    .sIFR-active .bubble.bubblerecipe h4,
    .sIFR-active fieldset.contactUs h4,
    .sIFR-active div.bubble.kravRecipe h4,
    .sIFR-active div.bubble.kravShop h4,
    .sIFR-active div.bubble.bubblecooperative h4 {
    font-size: 1.8em;
    }
        
    .sIFR-active div.footer div.contact h4 { font-size: 1.2em; }
    .sIFR-active .searchResultRecipeBubble h4 { font-size: 16px; }

    div.teaser.recipe.pale h4, 
    div.pale.myRecipe h4 {
    color: #dc7900; 
    }

    .sIFR-active div.teaser.shop h4 { color: #61a100; }
    
    .sIFR-active div.teaser.myPages h4 { color: #e46b89; }

    .sIFR-active div.teaser.cooperative h4 { color: #1a9bd7; }

    .sIFR-active div.mmOption h4 {
    font-size: 1.4em;
    }

    .sIFR-active div.mmOption h4,
    .sIFR-active div.teaser.medMera h4,
    .sIFR-active div.pale.myOffers h4,
    .sIFR-active div.generalModule h4 {
    color: #a581d7;
    }

    .sIFR-activediv.pale.myPren h4 { color: #e46b89; }

    .sIFR-active div.ecoInfo h4,
    .sIFR-active div.footer div.contact h4,
    .sIFR-active fieldset.contactUs h4,
    .sIFR-active bubble.bubblerecipe h4,
    .sIFR-active bubble.bubblemedMera h4,
    .sIFR-active bubble.bubbleshop h4,
    .sIFR-active bubble.bubblecooperative h4,
    .sIFR-active .searchResultRecipeBubble h4,
    .sIFR-active div.generalModule.medMera h4 {
    color: #ffffff;
    }

    .sIFR-active div.pale.myRecipe h4,
    .sIFR-active div.pale.myList h4,
    .sIFR-active div.pale.myOffers h4,
    .sIFR-active div.pale.myPren h4 {      
    float: left;
    }
}