/*
    print.css: PRINT stylesheet
    ------------
    Job:               Electricity Northwest
    Produced by:       Colin Newall
    Start date:        24/07/2008
    ------------
    COLOUR SPEC:
	
	Red:			   #dd262c
	Red 2:			   #de2f35
	Dark Grey:		   #473c3c
	Blue:			   #024488
    
    ------------
    TOC:
    1.	type selectors
    2.	structural
    3.	navigation
    4.	forms
    5.  tables
    6.	specific templates
    7.	forums (remove if not required)
    8.	hacks
*/
/* =1. type selectors */
* 
{
margin:0;
padding:0;
border:none;
font-size:1em;
}
html
{
height:100%;
}
body
{
font-size:71%;
color:#473c3c;
background:#fff url(/_common/img/bg-greygradient.gif) top repeat-x;
font-family:Tahoma, Arial, Helvetica, sans-serif;
line-height:1.5;
display:block;
height:100%;
}
a
{
text-decoration:none;
color:#dd262c;
background:transparent url(/_common/img/bg-underline.gif) bottom repeat-x;
}
a:hover
{
color:#dd262c;
background:transparent url(/_common/img/bg-underline-b.gif) bottom repeat-x;
}
ul
{
list-style:none;
}
li
{
padding:0 0 0.7em 0;
}
li.pdf
{
color:inherit;
background:transparent url(/_common/img/icon-pdf.gif) left top no-repeat !important;
padding:0 0 0.9em 2em !important;
}
p
{
padding:0 0 1.3em 0;
}
h1
{
color:#dd262c;
background:transparent;
font-style:italic;
font-weight:bold;
font-size:1.7em;
padding:0 0 0.8em 0;
}
h1.home
{
color:#473c3c;
background:transparent;
font-style:italic;
font-weight:100;
font-size:1.5em;
margin:2.2em 0 0 3em;
padding:0;
float:left;
}
p.strap
{
font-style:italic;
font-weight:100;
font-size:1.5em;
margin:2.2em 0 0 3em;
padding:0;
float:left;
}
h2
{
color:#dd262c;
background:transparent;
font-style:italic;
font-weight:bold;
font-size:1.3em;
padding:0 0 0.8em 0;
}

/* =2. structural */

div.wrapper
{
min-height:100%;
}
div.wrap
{
position:relative;
min-height:100%;
}
div.main
{
padding:0 0 100px 0;
}
.set
{
margin:0 auto;
}
div.hdr
{
padding:1em 0 0 0;
}
p.logo
{
float:left;
}
p.logo a
{
color:inherit;
background:none;
}
div.bar
{
color:#fff;
background:#de2f35 url(/_common/img/bg-redgradient.gif) top repeat-x;
margin:1em 0 0 0;
}
div.cont
{
padding:1.5em 0 0 0;
}
div.banner
{
color:#fff;
background:#024488;
position:relative;
}
div.banner span.corner
{
position:absolute;
width:11px;
height:10px;
font-size:1px;
line-height:1px;
}
div.banner span.a
{
background:transparent url(/_common/img/corner-blue-a.gif) left top no-repeat;
left:0;
top:0;
}
div.banner span.b
{
background:transparent url(/_common/img/corner-blue-b.gif) left top no-repeat;
left:0;
bottom:0;
}
div.banner div.cola
{
padding:2em 1em 1em 1em;
}
div.banner h2
{
color:#fff;
background:inherit;
text-transform:uppercase;
line-height:1.1;
font-style:normal;
font-size:1.2em;
}
div.banner h2 span
{
font-weight:100;
font-style:italic;
}
div.banner p.title
{
color:#fff;
background:inherit;
text-transform:uppercase;
line-height:1.1;
font-style:normal;
font-size:1.2em;
font-weight:bold;
padding:0 0 0.8em 0;
}
div.banner p.title span
{
font-weight:100;
font-style:italic;
}
div.content
{
color:inherit;
background:#fff url(/_common/img/bg-shadow.gif) top center no-repeat;
margin:0.7em 0 0 0;
padding:2em 0 0 0;
}
div.content ul
{
padding:0 0 0.8em 0;
}
div.content li
{
color:inherit;
background:transparent url(/_common/img/icon-bullet.gif) no-repeat;
background-position:0 0.5em;
padding:0 0 0.7em 1.5em;
}
div.contentwrap
{
background:#fff url(/_common/img/bg-divider-grey.gif) repeat-y;
background-position:20.5em 0;
}
div.cola
{
padding:0 2em 0 2em;
}
div.cola p
{
clear:both;
}
div.colb
{
padding:0 2em 0 2em;
}
div.colc
{
padding:0 2em 0 2em;
}
p.tellmemore
{
color:#fff;
background:transparent url(/_common/img/button-tellmemore.png) top left no-repeat;
padding:0;
}
p.tellmemore a
{
width:109px;
height:33px;
display:block;
background:none;
}
p.tellmemore a:hover
{
background:none;
}
p.viewreports
{
color:#fff;
background:transparent url(/_common/img/button-viewreports.png) top left no-repeat;
}
p.viewreports a
{
width:109px;
height:33px;
display:block;
background:none;
}
p.viewreports a:hover
{
background:none;
}
div.footer
{
position:relative;
padding:20px 0 10px 0;
height:20px;
margin:-70px auto 0 auto;
border-top:1px solid #dd262c;
}
div.footer p
{
float:left;
}
div.footer ul
{
float:left;
padding:0 0 0 1em;
}
div.footer li
{
float:left;
padding:0 0.5em 0 0.5em;
}

.fl
{
float:left;
}
.fr
{
float:right;
}


/* =3. navigation */

ul.skip 
{
position:absolute;
left:-5000px;
}
ul.nav
{
display:none;
}
ul.nav li
{
float:left;
margin:0.4em 0 0.7em 1.5em;
padding:0 1.5em 0 0;
color:#fff;
background:transparent url(/_common/img/bg-divider-white.gif) right repeat-y;
}
ul.nav li.selected
{
color:#de2f35;
background:#fff;
padding:0.4em 2.5em 0.7em 2.5em;
margin:0 0 0 -0.2em;
position:relative;
}
ul.nav span.corner
{
position:absolute;
width:9px;
height:9px;
font-size:1px;
line-height:1px;
}
ul.nav span.a
{
background:transparent url(/_common/img/corner-white-a.gif) left top no-repeat;
left:0;
top:0;
}
ul.nav span.b
{
background:transparent url(/_common/img/corner-white-b.gif) left top no-repeat;
right:0;
top:0;
}
ul.nav a
{
color:#fff;
background:transparent;
font-weight:bold;
font-size:1.1em;
}
ul.nav li.selected a
{
color:#de2f35;
background:transparent;
}
ul.nav a:hover
{
color:#fff;
background:transparent;
text-decoration:underline;
}

/* =4. forms */



/* =5. tables */

/* =6. specific templates */

/* =7. forums */

/* =8. hacks */

.cf:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.sIFR-flash, .sIFR-flash object, .sIFR-flash embed 
{
display: none !important;
height: 0;
width: 0;
position: absolute;
overflow: hidden;
}

span.sIFR-alternate 
{
visibility: visible !important;
display: block !important;
position: static !important;
left: auto !important;
top: auto !important;
}