/* ##### Common Styles ##### */

body {
  color: black;
  background-color: white;
  font-family: "arial", times, roman, serif;
  font-size: 10pt;
  margin: 0;
  padding: 0;
}

acronym, .titleTip {
  font-style: italic;
  border-bottom: none;
}

acronym:after, .titleTip:after {  /* Prints titles after the acronyms/titletips. Doesn't work in MSIE */
  content: "(" attr(title) ")";
  font-size: 90%;
  font-style: normal;
  padding-left: 1ex;
}

.doNotPrint {
  display: none !important;
}


/* ##### Header ##### */

#header {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid black;
}

.superHeader {
  display: none;
}

.headerTitle {
  color: black;
  background-color: transparent;
  font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
  font-size: 200%;
  font-weight: normal;
  text-decoration: none;
  margin: 0;
  padding: 0 0 0.5ex 0;
}

.subHeader {
  display: none;
}


/* ##### Side Bar ##### */

#side-bar {
  display: none;
}


/* ##### Main Copy ##### */

#main-copy {
  text-align: justify;
  margin: 0;
  padding: 0;
}

#main-copy h1 {
  font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
  font-size: 120%;
  margin: 2ex 0 1ex 0;
  padding: 0;
}

#main-copy a {
  color: black;
  background-color: transparent;
  text-decoration: none;
}

#main-copy a:after {  /* Prints the links' URIs after the links' texts. Doesn't work in MSIE */
  content: "<" attr(href) ">";
  font-size: 90%;
  padding-left: 1ex;
}

p {
  margin: 0 0 2ex 0;
  padding: 0;
}

dl {
  margin: 0;
  padding: 0;
}

dt {
  font-weight: bold;
  margin: 0;
  padding: 0 0 1ex 0;
}

dd {
  margin: 0 0 2ex 1.5em;
  padding: 0;
}

.topOfPage {
  display: none;
}


/* ##### Footer ##### */

#footer {
  margin: 2em 0 0 0;
  padding: 1ex 0 0 0;
  border-top: 1px solid black;
}

#footer a {
  color: black;
  background-color: transparent;
  text-decoration: none;
}
.graphcolourhigh
{
	background-color : #CDE6A0;
	border : solid 1px Black;
}
.graphcolourmedium
{
	background-color : #FDCF52;
	border : solid 1px Black;
}
.graphcolourlow
{
	background-color : #ED4040;
	border : solid 1px Black;
}
.DashboardKey
{
	border-right : solid 1px Black;
}
.sce td
{
	border-left : 1px solid #CCC;
	border-right : 1px solid #CCC;
	border-top : 1px solid #CCC;
	border-bottom : 1px solid #CCC;
	border-collapse      : collapse;
}
.sce th
{
	border : none;
	border-collapse : collapse;
	text-align: left;
}
table.sce
{
	border :none;
	border-collapse : collapse;
	margin-left: 7px;
}
.sce tbody tr td, .sce tbody tr th
{
	padding               : 5px 10px;  	
}
.forcepad
{
	padding-right:10px;
}
.actioncomplete
{
	color : green;
}
.actionoutstanding
{
	color : red;
}

#q-graph {position: relative; width: 465px; height: 202px;
  margin: 1.1em 2em 3.5em 1em; padding: 0;
  background: #fff url(fade-light.png) repeat-x;
  border: 1px solid gray; list-style: none;
  font: 9px Helvetica, Geneva, sans-serif;}
#q-graph ul {margin: 0; padding: 0; list-style: none;}
#q-graph li {position: absolute; bottom: 0; width: 150px; z-index: 2;
  margin: 0; padding: 0;
  text-align: center; list-style: none;}
#q-graph li.qtr {height: 198px; padding-top: 2px;
  border-right: 1px dotted #C4C4C4; color: #AAA;}
#q-graph li.bar {width: 60px; border: 1px solid; border-bottom: none; color: #000;}
#q-graph li.bar p {margin: 5px 0 0; padding: 0;}

#q-graph li.a {left: 13px; repeat-x; border-color: #EDC #BA9 #000 #EDC;}
#q-graph li.b {left: 88px; repeat-x; border-color: #CDC #9B9 #000 #BFB;}
#q-graph li.c {left: 163px; repeat-x; border-color: #CDC #9B9 #000 #BFB;}
#q-graph li.d {left: 237px; repeat-x; border-color: #CDC #9B9 #000 #BFB;}
#q-graph li.e {left: 312px; repeat-x; border-color: #CDC #9B9 #000 #BFB;}
#q-graph li.f {left: 388px; repeat-x; border-color: #CDC #9B9 #000 #BFB;}

#q-graph #q1 {left: 0;}
#q-graph #q2 {left: 150px;}
#q-graph #q3 {left: 300px;}
#q-graph #q4 {left: 450px; border-right: none;}

#q-graph #ticks {width: 465px; height: 203px; z-index: 1;}
#q-graph #ticks .tick {position: relative; border-bottom: 1px solid #BBB; width: 465px;}
#q-graph #ticks .tick p {position: absolute; left: 100%; top: -0.67em; margin: 0 0 0 0.5em;}

#key { margin-left: 15px; }



#i-graph {position: relative; width: 630px; height: 202px;
  margin: 1.1em 2em 3.5em 1em; padding: 0;
  background: #fff url(fade-light.png) repeat-x;
  border: 1px solid gray; list-style: none;
  font: 9px Helvetica, Geneva, sans-serif;}
#i-graph ul {margin: 0; padding: 0; list-style: none;}
#i-graph li {position: absolute; bottom: 0; width: 100px; z-index: 2;
  margin: 0; padding: 0;
  text-align: center; list-style: none;}
#i-graph li.qtr {height: 198px; padding-top: 2px;
  border-right: 1px dotted #C4C4C4; color: #AAA;}
#i-graph li.bar {width: 50px; border: 1px solid; border-bottom: none; color: #000;}
#i-graph li.bar p {margin: 5px 0 0; padding: 0;}

#i-graph li.a {left: 13px; repeat-x; border-color: #EDC #BA9 #000 #EDC;}
#i-graph li.b {left: 69px; repeat-x; border-color: #CDC #9B9 #000 #BFB;}
#i-graph li.c {left: 124px; repeat-x; border-color: #CDC #9B9 #000 #BFB;}
#i-graph li.d {left: 179px; repeat-x; border-color: #CDC #9B9 #000 #BFB;}
#i-graph li.e {left: 234px; repeat-x; border-color: #CDC #9B9 #000 #BFB;}
#i-graph li.f {left: 289px; repeat-x; border-color: #CDC #9B9 #000 #BFB;}
#i-graph li.g {left: 344px; repeat-x; border-color: #CDC #9B9 #000 #BFB;}
#i-graph li.h {left: 399px; repeat-x; border-color: #CDC #9B9 #000 #BFB;} 
#i-graph li.i {left: 454px; repeat-x; border-color: #CDC #9B9 #000 #BFB;} 
#i-graph li.j {left: 509px; repeat-x; border-color: #CDC #9B9 #000 #BFB;} 
#i-graph li.k {left: 564px; repeat-x; border-color: #CDC #9B9 #000 #BFB;} 

#i-graph #q1 {left: 0;}
#i-graph #q2 {left: 150px;}
#i-graph #q3 {left: 300px;}
#i-graph #q4 {left: 450px; border-right: none;}

#i-graph #ticks {width: 630px; height: 204px; z-index: 1;}
#i-graph #ticks .tick {position: relative; border-bottom: 1px solid #BBB; width: 630px;}
#i-graph #ticks .tick p {position: absolute; left: 100%; top: -0.37em; margin: 0 0 0 0.5em;}