a:link    {text-decoration: underline; color="#006699"}
a:visited {text-decoration: underline; color="#006699"}
a:active  {text-decoration: underline; color="#006699"}
a:hover   {text-decoration: underline; color="#FF0000"}

.Criteria {
  font-family: MS Sans Serif,Arial,Helvetica,serif;
  font-size: 8pt;
  font-weight: normal;
  text-decoration:none;
}

.CriteriaLabel {
  color: #660033;
}

.CriteriaField {
  color: #006699;
}

.CriteriaValue {
  color: black;
}


.HelpTipBorder {
  background-color:#99cccc; 
}

.HelpTipBody {
  background-color: #e0ffff;
  font-family: Verdana,Arial,Helvetica,serif;
  font-size: 8pt;
}

.HelpTipTitle {
  background-color:#80b3b3;
  color: #ffffff;
  font-family: Arial,Helvetica,serif;
  font-size: 10pt;
  font-weight: bold;
}

.BoxTipBorder {
  background-color:#99cccc;
}

.BoxTipBody {
  background-color: #fdf5e6;
  font-size: 10pt;
  z-index: 1000;
}

.BoxTipTitle {
  background-color: #660033;
  color: #fdf5e6;
  font-family: Arial,Helvetica,serif;
  font-size: 10pt;
  font-weight: bold;
}

.LookupTipBorder {
  background-color:#000000;
}

.LookupTipBody {
  background-color: #cccccc;
  font-size: 10pt;
}

.LookupTipTitle {
  background-color: #660033;
  color: #fdf5e6;
  font-family: Arial,Helvetica,serif;
  font-size: 10pt;
  font-weight: bold;
}

.ToolMenuTitle, .ToolMenuTitleHi {
  position: absolute;
  width: 100;
  border-color: #99cccc;
  border-width: 1;
  border-style: solid;
  font-family: Arial,Helvetica,serif;
  font-size: 8pt;
  font-weight: bold;
  color: #ffffff;
  background-color: #80b3b3;
  layer-background-color: #80b3b3;
  margin: -1;
  text-decoration: none;
}

.ToolMenuTitle A, .ToolMenuTitle A:visited,.ToolMenuTitle A:link  {
  color: #ffffff;
  text-decoration: none;
}

.ToolMenuTitleHi A, .ToolMenuTitleHi A:visited,.ToolMenuTitleHi A:link  {
  color: #ffffff;
  text-decoration: none;
}

.ToolMenu {
  position: absolute;
  width: 100;
  border-color: #99cccc;
  border-width: 2;
  border-style: solid;
  font-family: Arial,Helvetica,serif;
  font-size: 8pt;
  font-weight: normal;
  color: black;
  background-color: #e0ffff;
  layer-background-color: #e0ffff;
  margin: -1;
  text-decoration: none;
}

.ToolMenu A, .ToolMenu A:hover, .ToolMenu A:visited, .ToolMenu A:link {
  color: black;
  text-decoration: none;
}

.ToolMenuHi {
  position: absolute;
  width: 100;
  border-color: #99cccc;
  border-width: 2;
  border-style: solid;
  font-family: Arial,Helvetica,serif;
  font-size: 8pt;
  font-weight: normal;
  color: black;
  background-color: white;
  layer-background-color: white;
  margin: -1;
  text-decoration: none;
}

.ToolMenuHi A,.ToolMenuHi A:hover,.ToolMenuHi A:visited,.ToolMenuHi A:link  {
  color: red;
  text-decoration: none;
}


.ColumnHeader {
  background-color: #80b3b3;
  color: white;
  font-family: Arial,Helvetica,serif;
  font-size: 10pt;
  font-weight: bold;
  text-decoration:none;
}

.RowData {
  background-color: #e0ffff;
  color: black;
  font-family: Arial,Helvetica,serif;
  font-size: 8pt;
  font-weight: normal;
  
}

.RowDataAlt {
  background-color: white;
  color: black;
  font-family: Arial,Helvetica,serif;
  font-size: 8pt;
  font-weight: normal;
}

.RegisteredAssessment {
  background-color: #e0ffff;
  color: black;
  font-family: Arial,Helvetica,serif;
  font-size: 8pt;
  font-weight: bold;
  text-decoration:none;
}

.InstructionHeading {
  color: black;
  font-family: Arial,Helvetica,serif;
  font-size: 12pt;
  font-weight: bold;
}

.SectionHeading {
  color: #006699;
  font-family: Arial,Helvetica,serif;
  font-size: 12pt;
  font-weight: bold;
}

.SectionSubHeading {
  color: #006699;
  font-family: Arial,Helvetica,serif;
  font-size: 10pt;
  font-weight: bold;
}
.SectionHeadingRed {
  color: #8D5578;
  font-family: Arial,Helvetica,serif;
  font-size: 12pt;
  font-weight: bold;
}

.SectionHeadingPrint {
  color: #000000;
  font-family: Arial,Helvetica,serif;
  font-size: 12pt;
  font-weight: bold;
}
.SectionHeadingSmall {
  color: #006699;
  font-family: Arial,Helvetica,serif;
  font-size: 10pt;
  font-weight: bold;
}

.Control {
  font-size: 10pt;
  font-weight: normal;
}

.ControlClass {
  font-family: Arial,Helvetica,serif;
  font-size: 10pt;
  font-weight: normal;
}

.Instructions {
  color: black;
  font-family: Arial,Helvetica,serif;
  font-size: 8pt;
  font-weight: normal;
}

.Label {
  color: black;
  font-family: Arial,Helvetica,serif;
  font-size: 10pt;
  font-weight: normal;
}

.LabelHelp, .LabelHelp A, .LabelHelp A:visited, .LabelHelp A:link  {
  color: black;
  font-family: Arial,Helvetica,serif;
  font-size: 10pt;
  font-weight: normal;
}

.LabelHelp A:hover {
  color: red;
}

.LabelHeading {
  color: black;
  font-family: Arial,Helvetica,serif;
  font-size: 10pt;
  font-weight: bold;
}
.LabelRequired {
  color:red;
  font-family:Verdana;
  font-size:10pt;
  font-weight: normal;
}  

.LabelSmall {
  color: black;
  font-family: Arial,Helvetica,serif;
  font-size: 8pt;
  font-weight: normal;
}

.LabelHelpSmall .LabelHelpSmall A, .LabelHelpSmall A:visited, .LabelHelpSmall A:link  {
  color: black;
  font-family: Arial,Helvetica,serif;
  font-size: 8pt;
  font-weight: normal;
}

.LabelHelpSmall A:hover {
  color: red;
}


.LabelPreview {
  color: #006699;
  font-family: MS-Sans-Serif,Arial,Helvetica,serif;
  font-size: 10pt;
  font-weight: normal;
}

.LabelPreviewSmall {
  color: #006699;
  font-family: Arial,Helvetica,serif;
  font-size: 8pt;
  font-weight: normal;
}

.DataPreview {
  color: black;
  font-family: Arial,Helvetica,serif;
  font-size: 10pt;
  font-weight: normal;

}

.DataPreviewSmall {
  color: black;
  font-family: Arial,Helvetica,serif;
  font-size: 8pt;
  font-weight: normal;
  text-decoration:none;
}

.DataPreviewSmallRed {
  color:#8D5578;
  font-family: Arial,Helvetica,serif;
  font-size: 8pt;
  font-weight: normal;
  text-decoration:none;
}

.DataPreviewRed {
  color:#8D5578;
  font-family: Arial,Helvetica,serif;
  font-size: 10pt;
  font-weight: normal;

}

.MenuL2ToDo, .MenuL2Seen, .MenuL2Done, .MenuL2Current {
  color: black;
  font-family: Arial,Helvetica,serif;
  font-size: 10pt;
  font-weight: normal;
}

.MenuL3 {
  color: black;
  font-family: Arial,Helvetica,serif;
  font-size: 8pt;
  font-weight: normal;
}

.MainMenuBg {
  background-color: #fdf5e6;
}

.SubMenuBg {
  background-color: #e0ffff;
}

.SmallLink {
  font-family: Arial,Helvetica,serif;
  font-size: 8pt;
  text-decoration: none;
}

.Warning {
  color: blue;
  font-weight: bold;
  font-family: Arial,Helvetica,serif;
  font-size: 10pt;
}

.ArialStandard {
  font-family: Arial,Helvetica,serif;
  font-size: 10pt;
  font-weight: normal;
  color: #000000;
}

.ArialStandardBold {
  font-family: Arial,Helvetica,serif;
  font-size: 10pt;
  font-weight: bold;
  color: #000000;
}

.ArialSmall {
  font-family: Arial,Helvetica,serif;
  font-size: 8pt;
  font-weight: normal;
  color: #000000;
}

.VerdanaSmall, .VerdanaSmall A {
  font-family: Verdana;
  font-size: 8pt;
  font-weight: normal;
  color: #000000;
}

.VerdanaSmallBold {
  font-family: Verdana,Helvetica,serif;
  font-size: 8pt;
  font-weight: bold;
  color: #000000;
}

.ArialSmallBold {
  font-family: Arial,Helvetica,serif;
  font-size: 8pt;
  font-weight: bold;
  color: #000000;
}

.RelatedLinks {
  font-family: Verdana,Helvetica,serif;
  font-size: 10pt;
  font-weight: bold;
  color: #800000;
}

.CellBorderNone {
  border-width: 1; border-color: #99cccc; border-style: none;
}

.CellBorderLRTB {
  border-width: 1; border-color: #99cccc; border-style: solid;
}

.CellBorderLRT {
  border-width: 1; border-color: #99cccc; border-left-style: solid; border-right-style: solid; border-top-style: solid; border-bottom-style: none;
}

.CellBorderLRB {
  border-width: 1; border-color: #99cccc; border-left-style: solid; border-right-style: solid; border-top-style: none; border-bottom-style: solid;
}

.CellBorderRTB {
  border-width: 1; border-color: #99cccc; border-left-style: none; border-right-style: solid; border-top-style: solid; border-bottom-style: solid;
}

.CellBorderLRB {
  border-width: 1; border-color: #99cccc; border-left-style: solid; border-right-style: solid; border-top-style: none; border-bottom-style: solid;
}

.CellBorderRB {
  border-width: 1; border-color: #99cccc; border-left-style: none; border-right-style: solid; border-top-style: none; border-bottom-style: solid;
}
/*--------- Base Styles used for HTML ---------*/

.n8 {
  font-family: Arial,Helvetica,serif;
  font-size: 8pt;
  font-weight: normal;
  color: #000000;
}

.b8 {
  font-family: Arial,Helvetica,serif;
  font-size: 8pt;
  font-weight: bold;
  color: #000000;
}

.n10  {
  font-family: Arial,Helvetica,serif;
  font-size: 10pt;
  font-weight: normal;
  color: #000000;
}

.b10, th {
  font-family: Arial,Helvetica,serif;
  font-size: 10pt;
  font-weight: bold;
  color: #000000;
}

.n12 {
  font-family: Arial,Helvetica,serif;
  font-size: 12pt;
  font-weight: normal;
  color: #000000;
}

.b12 {
  font-family: Arial,Helvetica,serif;
  font-size: 12pt;
  font-weight: bold;
  color: #000000;
}

.red8 {
  font-family: Arial,Helvetica,serif;
  font-size: 8pt;
  font-weight: normal;
  color: #990000;
}

.redb8 {
  font-family: Arial,Helvetica,serif;
  font-size: 8pt;
  font-weight: bold;
  color: #CC0000;
}

.redb10 {
  font-family: Arial,Helvetica,serif;
  font-size: 10pt;
  font-weight: bold;
  color: #CC0000;
}

.redb12 {
  font-family: Arial,Helvetica,serif;
  font-size: 12pt;
  font-weight: bold;
  color: #CC0000;
}

.l8 {
  font-family: Arial,Helvetica,serif;
  font-size: 8pt;
  font-weight: normal;
  color: #666666;
}

.l10 {
  font-family: Arial,Helvetica,serif;
  font-size: 10pt;
  font-weight: normal;
  color: #666666;
}

.sp10b {
  font-family: Verdana,Arial,Helvetica,serif;
  font-size: 10pt;
  font-weight: bold;
  color: #333399;
}

.navlink {
  text-decoration: none;
}

.navbar:a:link {
  text-decoration: none;
}

.navsection {
  font-family: Verdana,Arial,Helvetica,serif;
  font-size: 8pt;
  font-weight: bold;
  color: #333399;
}

.navheader, .navfooter {
  font-family: Verdana,Arial,Helvetica,serif;
  font-size: 8pt;
  color: #666666;
}

.title {
  font-family: Verdana,Arial,Helvetica,serif;
  font-size: 10pt;
  font-weight: bold;
  color: #333399;
}

.titlebig {
  font-family: Verdana,Arial,Helvetica,serif;
  font-size: 12pt;
  font-weight: bold;
  color: #333399;
}

.titlebighr {
 font-family:Arial, Helvetica, sans-serif;
 font-size:18px;
 color: #333399;
 font-weight:bold;
 border-bottom: 1px solid ##333399;
}


/* Tabber Styles */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

/*--------------------------------------------------
  .popupimagemap = the tooltip on any image
   Example HTML
  	<style type="text/css">
			.popupimagemap li a span { display:none; }     // Temporarily remove this line to see active areas
			.popupimagemap li a:hover span {width:300px;}  // To change popup width, default is 200
		</style>
	
  	<ul class="popupimagemap" style="width:711px;height:432px;background:url(image.jpg) top left no-repeat #fff;">
  		<li><a style="<active area relative to the top-left of the pic>" href="javascript:void()"><span><b>Toottip1</b><br>
			Text for tooltip 1.</span></a></li>
  		<li><a style="top:80px;left:30px;width:80px;height:90px" href="#"><span><b>Toottip2</b><br>
			Text for tooltip 2.</span></a></li>
  	</ul>

  --------------------------------------------------*/
.popupimagemap {
	margin:0;
	padding:0;
	font-family:arial, helvetica, sans-serif;
	font-size:8pt;
	position:relative;
}

.popupimagemap li {
	margin:0;
	padding:0;
	list-style:none;
}

.popupimagemap li a {
	position:absolute;
	display:block;
	/*
		 Specifying a background image
		 (a 1px by 1px transparent gif)
		 fixes a bug in older versions of
		 IE that causeses the block to not
		 render at its full dimensions.
	*/
		background:url(/dzapps/docs/images/pixel.gif);
		text-decoration:none;
		color:#000;
}


.popupimagemap li a:hover {
	 color:#000;
	 text-decoration:none;
	}

.popupimagemap li a:hover span {
	position:relative;
	display:block;
	width:200px;
	left:20px;
	top:20px;
	border:1px solid #000;
	background:#fff;
	padding:5px;
	filter:alpha(opacity=80);
	opacity:0.8;
	}

.popupimagemap1 li a span { display:none; }