/* Getting the new tags to behave */

details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}


/**********************************************************************************************************************
/*  COMMON
/****************/

.left {
   float:left
}

.right {
   float:right
}

a {
   color:#dddddd;
   text-decoration:none;
   outline:none
}

a:hover {
   text-decoration: none
}

p {
   padding-bottom: 20px
}

/**********************************************************************************************************************
/*  PAGE
/****************/

body, html {
   height: 100%
}

body {
   border: 0;
   font: 13px Arial, Helvetica, sans-serif;
   color: #000;
   line-height: 20px
}

html,body { height: 100%; margin: 0px; padding: 0px; }

.main {
   margin: 0 auto;
   width: 720px;
   position:relative
}

.outerBody {
   min-height: 100%;
   height: auto !important;
   height: 100%;
   margin: 0 auto -99px
}

/**********************************************************************************************************************
/*  HEADERS
/****************/

.divHeaderBar {
   height: 57px;
   width:100%;
   background-color:#454b4c;
}
.headerBar {
   height:57px;
   width:100%;
   background-color:#454b4c;
}

.headerImageLeft {
   width: 152px;
   background-image:url('../images/HeaderLeft.png');
   background-position:left;
   background-repeat:no-repeat;
}

.headerImageRight {
   width: 152px;
   background-image:url('../images/HeaderRight.png');
   background-position:right;
   background-repeat:no-repeat;
}

.headerImageMiddle {
   width:auto;
   text-align:center;
}

.headerPadding {
   width:auto;
}

#frame   { background:pink }
#panel   { background:orange; width:200px; float:left }
#content { background:khaki; margin-left:200px }
#foot    { background:cornflowerblue }

.headerText {
   height: 80px;
   float:left;
   width: 540px;
   padding: 20px 20px 20px 20px;
}

h1 {
   font-size: 32px;
   float: left;
   font-weight: 400;
   color: #3a5b70;
}

h1 span {
   display: block;
   color: #548dd4;
   margin: 20px 0 0 20px;
}


/**********************************************************************************************************************
/*  CONTENT
/****************/

#content {
   width:100%;
   color:#555;
   padding:20px 0px 36px 0px
}

h2 {
   font-size: 24px;
   color:#3b5b70;
   font-weight:300;
   padding:0 0 19px 0;
   letter-spacing:-1px;
}

.reportItem {
   width:100%;
   overflow:hidden;
   padding: 0 0 30px 0;
}

.w500 {
   width:200px;
}

/**********************************************************************************************************************
/*  LEFT SIDE MENU
/****************/

.headerTable {
   width:100%;
   border:0px none white;
}

.headerRow {
   height:60px;
   border:0px none white;
}

.headerColL {
   width:15px;
   border:0px none white;
}

.headerColR {
   color: #a4b7d8;
   font-size: 16px;
   font-weight: 400;
   text-align:left;
   vertical-align:middle;
   border:0px none white;
}

.menuBody {
   background:#526172;
}

.menuTable {
   width:100%;
   border:0px none white;
}

.menuRow {
   color: #dee7f2;
   font-size: 14px;
   font-weight: 400;
   text-align:left;
   vertical-align:middle;
   height:60px;
   margin:2px;
   border-top:1px solid #607286;
   border-bottom:1px solid #4a5666;
}

.menuRow:hover {
   color: white;
   font-weight: 500;
   text-decoration:underline;
   border-bottom:1px solid #607286;
/*
   font-size: 14px;
   font-weight: 400;
   text-align:left;
   vertical-align:middle;
   height:60px;
   margin:2px;
   border-top:1px solid #ffffff;
   border-bottom:1px solid #ffffff;
*/
}

.menuColL {
   width:50px;
   background-image:url('../images/Help_sml.png');
   background-position:right;
   background-repeat:no-repeat;
  /* border:0px none white;*/
}

.menuColLi {
   width:50px;
   background-image:url('../images/Info_sml.png');
   background-position:right;
   background-repeat:no-repeat;
  /* border:0px none white;*/
}
.menuColM {
   width:12px;   
}

.menuColR {
  /* border:0px none white;*/
}

.repHdrBody {
   background:#f2f2f0;
}

.repHdrTable {
   width:100%;
   border:0px none black;
}

.repHdrRow {
   height:60px;
   border:0px none white;
}

.repHdrColL {
   width:60px;
   background-image:url('../images/HeaderLogo.png');
   background-position:center;
   background-repeat:no-repeat;
   border:0px none white;
}

.repHdrColR {
   border:0px none white;
}

.repHdrColRT {
   height:30px;
   color: #404040;
   font-size: 16px;
   font-weight: 800;
   text-align:left;
   vertical-align:middle;
   border:0px none white;
}

.repHdrColRB {
   color: #7f7f7f;
   font-size: 14px;
   font-weight:normal;
   text-align:left;
   vertical-align:middle;
   border:0px none white;
}

img.CentredImage 
{
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center; /* For some browsers */
}

p.CentredText
{
  text-align: center;
} 

body,
p
{
	font:10pt Tahoma, Helvetica, sans-serif;
	color:#333;
}

.coverPage
{
   padding: 100px 40px 0px 40px;
   overflow: auto;
}
.repHdrColBk {
   width:110px;
   text-align:center;
   vertical-align:middle;
   border:0px none white;
}

/**********************************************************************************************************************
/*  Panel Menu
/****************/
.pMenuPage
{
   padding: 100px 40px 0px 40px;
   overflow: auto;
}

.pMenuTable {
   width:100%;
   border:0px none white;
}

.pMenuRow {
   color: black;
   font-size: 14px;
   font-weight: 400;
   text-align:left;
   vertical-align:middle;
   height:60px;
   margin:2px;
   border-top:1px solid #607286;
   border-bottom:1px solid #4a5666;
}

.pMenuRow:hover {
   color: blue;
   font-weight: 500;
   text-decoration:underline;
   border-bottom:1px solid #607286;
}

a.pMenuRowLink {
   color:#333333;
   text-decoration:none;
   outline:none
}

.pMenuColL {
   width:50px;
   background-image:url('../images/Help_sml.png');
   background-position:right;
   background-repeat:no-repeat;
}

.pMenuColM {
   width:12px;   
}

.pMenuColR {
}