/*****************************************************************************
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 {
/* Home header ------------------------------------------- */
	.sIFR-active h1.home .small {
		visibility: hidden;
		font-size: 20px;
		line-height: 1em;
		margin-top: -5px;
	}
	.sIFR-active h1.home span.big {
		visibility: hidden;
		font-size: 36px;
		line-height: 1em;
	}
/* Two color headings NOT USED anymore
	.sIFR-active h1.home strong.org {
		visibility: hidden;
		float: left;
		color: #ff6600;
		font-size: 36px;
		line-height: 1em;
	}
*/
/* 2 Tone H1 header ------------------------------------------- */

	.sIFR-active h1.grey-org {
		visibility: hidden;
		font-size: 36px;
		line-height: 1em;
		margin: 0 0 6px 0;
	}

/* Two color headings NOT USED anymore
	.sIFR-active h1.grey-org span.grey {
		visibility: hidden;
		float: left;
		font-size: 36px;
		line-height: 1em;
		margin-top: -10px;
	}
	.sIFR-active h1.grey-org strong.org {
		visibility: hidden;
		float: left;
		color: #ff6600;
		font-size: 36px;
		line-height: 1em;
		margin-top: -10px;
	}
*/

	.sIFR-active h1.grey {
		visibility: hidden;
		float: left;
		font-size: 36px;
		line-height: 1em;
		margin-top: -10px;
	}

/* 2 Tone H2 header ------------------------------------------- */
/* Two color headings NOT USED anymore
	.sIFR-active h2.grey-org span.grey {
		visibility: hidden;
		float: left;
		font-size: 20px;
		line-height: 1em;
	}
	.sIFR-active h2.grey-org strong.org {
		visibility: hidden;
		float: left;
		color: #ff6600;
		font-size: 20px;
		line-height: 1em;
	}
*/
/* H2 header ------------------------------------------- */
	.sIFR-active h2.grey-org,
	.sIFR-active h2.grey {
		visibility: hidden;
		color: #333333;
		font-size: 20px;
		line-height: 1em;
	}
	.sIFR-active h2.org {
		visibility: hidden;
		color: #ff6600;
		font-size: 20px;
		line-height: 1em;
	}

/* H2 Table header ------------------------------------------- */
	.sIFR-active h2.table-head {
		visibility: hidden;
		float: left;
		color: #ff6600;
		font-size: 20px;
		line-height: 1em;
		margin-top: -5px;
	}
	.sIFR-active h2.table-head-grey {
		visibility: hidden;
		float: left;
		color: #333333;
		font-size: 20px;
		line-height: 1em;
		margin-top: -5px;
	}

/* Promo H2 header + H2 sub content header ------------------------------------------- */
	.sIFR-active h2.grey2,
	.sIFR-active .promo-main h2,	
	.sIFR-active .promo-home-blue h2 {
		visibility: hidden;
		color: #333333;
		font-size: 18px;
		line-height: 1em;
		margin-top: -5px;
	}
	
/* Landing page Main area H2 ------------------------------------------- */
	.sIFR-active .main-landing .content h2.land {
		visibility: hidden;
		color: #ff6600;
		font-size: 32px;
		line-height: 1em;
		margin-top: -5px;
	}
	
/* 2 Tone H3 header ------------------------------------------- */
	.sIFR-active h3.grey-org {
		visibility: hidden;
		font-size: 16px;
		line-height: 1em;
		margin-top: -5px;
	}

/* Two color headings NOT USED anymore
	.sIFR-active h3.grey-org span.grey {
		visibility: hidden;
		float: left;
		font-size: 16px;
		line-height: 1em;
		margin-top: -5px;
	}
	.sIFR-active h3.grey-org strong.org {
		visibility: hidden;
		float: left;
		color: #ff6600;
		font-size: 16px;
		line-height: 1em;
		margin-top: -5px;
	}
*/

/* H3 header + Promo H3 ------------------------------------------- */
	.sIFR-active h3.org,
	.sIFR-active h3.grey,
	.sIFR-active h3.table-head,
	.sIFR-active h3.table-head-grey {
		visibility: hidden;
		font-size: 16px;
		line-height: 1em;
	}
	.sIFR-active h3.org,
	.sIFR-active h3.grey {
		margin-bottom: 5px;
	}
	.sIFR-active #promo-col h3 {
		margin-top: -5px;
	}

/* Lead P Copy ------------------------------------------- */
	.sIFR-active p.lead {
		visibility: hidden;
		color: #333333;
		font-size: 20px;
		line-height: 1em;
		padding-right: 10px;
	}
	.sIFR-active p.lead-org {
		visibility: hidden;
		color: #ff6600;
		font-size: 16px;
		line-height: 1em;
		padding-right: 10px;
	}
	.sIFR-active p.margin-std {
		margin: 0 0 5px 0 !important;
	}

/* Table Groupheader H3 header ------------------------------------------- */
	.sIFR-active th.tablehead h3,
	.sIFR-active th.grouphead h3 {
		visibility: hidden;
		color: #ff6600;
		font-size: 16px;
		line-height: 1em;
	}

	.sIFR-active th.tablehead-grey h3,
	.sIFR-active th.grouphead-grey h3 {
		visibility: hidden;
		color: #333333;
		font-size: 16px;
		line-height: 1em;
	}

/* List ------------------------------------------- */
	.sIFR-active ul.arrow-big li {
		visibility: hidden;
		color: #333333;
		font-size: 16px;
		line-height: 1em;
	}

}