/* General styles */

contentarea body,
contentarea div,
contentarea p,
contentarea td,
contentarea th,
contentarea a,
contentarea h1,
contentarea h2,
contentarea h3,
contentarea h4,
contentarea h5,
contentarea h6,
contentarea ol,
contentarea li,
contentarea ul,
contentarea dl,
contentarea dt,
contentarea caption,
address {
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
}

contentarea body,
contentarea div,
contentarea p,
contentarea td,
contentarea th,
contentarea li,
contentarea ol,
contentarea ul,
contentarea dl,
contentarea dt,
address {
	color: #000000;
	font-size: 10pt;
}

contentarea sub,
contentarea sup {
	font-size: 85%;
}

contentarea ins {
  text-decoration: none;
  font-weight: bold;
}

contentarea del {
  text-decoration: line-through;
}

/* Text align */

.clearboth{clear:both;}

contentarea caption {
	font-size: 11pt;
 	text-align:left; 
	padding-bottom:10px; 
	font-weight:bold;
}

.textleft {
	text-align: left;
}

.textcenter {
	text-align: center;
}

.textright {
	text-align: right;
}

.texttop {
	vertical-align:top;
}

.textbottom {
	vertical-align: bottom;
}

.textmiddle {
	vertical-align: middle;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.image-left {
float: left; vertical-align: text-top;
}
		
.image-right {
float: right; vertical-align: text-top;
}

.image-center {
	text-align: center;
}

img { 
border: none;
}

.image-border {
	border: 1px solid;
}
		
div.wrapContainer {
width:99.5%; float:left;
}

/* Margins */

.notopmargin {
	margin-top: 0;
}

.norightmargin {
	margin-right: 0;
}

.nobottommargin {
	margin-bottom: 0;
}

.noleftmargin {
	margin-left: 0;
}

.marginBottom{
	margin-bottom: 1em;
}

.marginTop{
	margin-top: 1em;
}

.marginRight {
	margin-right: 1em;

}
.marginLeft {
	margin-left: 1em;
}
.powderBlDark{background-color:#AABBDC;}
.powderBlLight{background-color:#CDD7EB;}



/* Behaviour */

.block {
	display: block;
}

.inline {
	display: inline;
}



/* Visual */
.hide {
	display: none;
}

.showblock {
	display: block;
}

.bold {
	font-weight: bold;
}

/* Body */
contentarea body {
	background: #FFFFFF;
}

/*  Definition List */
contentarea dt {
	color: black;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 1px;
}

contentarea dd {
  margin-left:1px
}

/* Buttons */
.formbut {  
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	color: #000000;
}

.submitbutton1 {
	background: #cccc99;
	border-color: #cccc99;
	color: black;
	font-weight: bold;
}

.submitbutton2 {
	background: #ffffcc;
	border-color: #ffffcc;
	color: black;
	font-weight: bold;
}

/* Special messages */

.bluelight {
	color: #336699;
}

.blueAlertBold {
	color:#336699;
	font-weight: bold;
}

.redalert {
	color: red;
}

.blacksabbath {
	color: black;
}

.white {
	color: white;
  font-weight: bold;
}

.redlarge {
	font-size: 13pt;
	color: #ff0000;
}

.font {
	font-family: arial, helvetica, sans-serif;
	font-style : normal;
    font-size: 10pt;
}

/* Text sizes */

.small {
	font-size: 8pt;
}

.smaller {
	font-size: 7pt;
}

.smallest {
	font-size: 6pt;
}

.punyhiddentext,
a.punyhiddentext,
a.punyhiddentext:link, 
a.punyhiddentext:active, 
a.punyhiddentext:visited, 
a.punyhiddentext:hover {
	font-size: 1pt;
	color: white;
}

/* Headlines */

contentarea h1,
contentarea h2,
contentarea h3,
contentarea h4,
contentarea h5,
contentarea h6 {
	margin-top: 0pt;
	font-weight: bold;
}

contentarea h1 {
	font-size: 14.25pt;
	color: #003366;
}

contentarea h2 {
	font-size: 13pt;
	color: #336699;
}

contentarea h3 {
	font-size: 11pt;
	color: #336699;
}

contentarea h4 {
	font-size: 10pt;
	color: #336699;
}

contentarea h5 {
	font-size: 10pt;
	color: #336699;
}

contentarea h6 {
	font-size: 10pt;
	color: #336699;
}

/* Form */

.FormCaption {
	color: black;
	font-weight: bold;
}

form .row{
  clear:both; }
	
form .col{
  float:left;
  width:15em;
  margin-right:2em; }

/* Fieldset */

contentarea fieldset {
	padding: 5px 5px 5px 5px;
}

/* General purpose */

.UnicodeFont {
	font-family: 'Arial Unicode MS', 'Lucida Sans Unicode', Verdana, Arial;
}

.ErrMsg {
	color: red;
}

.ErrMsgBold {
	color: red;
	font-weight : bold;
}

.SuccessMsg {
	color: green;
}

.SuccessMsgBold {
	color: green;
	font-weight : bold;
}

.white_bg {
	background-color:#FFFFFF;
}

.black_bg {
	background-color:#000000;
}

/************************************/
a.autosmart:link{color:#0000FF;}
a.autosmart:active{color:#0000FF;}
a.autosmart:visited{color:#993300;}
/************************************/

a.help:link,
a.help:active,
a.help:visited {	
	color: #009900;
}

a.help:hover { 
	color: #669999; 
}

/* Table attributes */

.table	{
	font-family: Arial, Verdana, sans-serif;
	font-size: 8pt;
}

/* Removes the margin on the left side of an unordered list with in a table */
table.noMarginTableUL ul {margin-left:0em;}
.noMarginTableUL li{margin-left:-2em;}

/* Declare tableBorderAllCells in the table head and it will effect the whole table */
table.tableBorderAllCells{
	border: 1px inset black;
	border-collapse: collapse;
    padding: 3px;
}

.tableBorderAllCells tr{
	border: 1px inset black;
	border-collapse: collapse;
    padding: 3px;
}

.tableBorderAllCells th{
	border: 1px inset black;
	border-collapse: collapse;
    padding: 3px;
}

.tableBorderAllCells td{
	border: 1px inset black;
	border-collapse: collapse;
    padding: 3px;
}

table.blackborder {
	border: 1px inset black;
	border-collapse: collapse;
	background-color: white;
}

.tablesubhead {  font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 10px; color: #CC3300}

th.blackborder {
	border: 1px inset black;
	background-color: white;
}
td.blackborder {
	border: 1px inset black;
}

table.whiteborder {
	border: 1px inset white;
	border-collapse: collapse;
	background-color: white;
}
th.whiteborder {
	border: 1px inset white;
	background-color: white;
}
td.whiteborder {
	border: 1px inset white;
}
td.search_crit {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #800000;
}
.searchheader	{
	font-family: Arial, Verdana, sans-serif;
	font-size: 9pt;
	font-weight : bold;
	font-style: italic;
	color: #ffffff
}
/* Horizontal rulers */

hr.SideMenu {
	margin: 1em 0 1em;
	height: 0px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
}

/* Lists */

contentarea li {
	font-size: 10pt;
}

/* Normal links */
a.SideMenu {
	text-decoration: none;
}

contentarea a:link,
contentarea a:active {	
	color: #003366;
}

contentarea a:visited {
	color: #990099;
}

contentarea a:hover { 
	color: #336699; 
}

/* External Links text */

.external_link {
	font-size: 8pt;
	font-style: italic;
}

/* Left Navigation Related - All */
p.leftnav {
	margin-top: 3px;
	margin-bottom: 3px;
}

/* Left Navigation Related - Normal */
a.normal:link,
a.normal:visited,
a.TabLinks:visited {
	color: #003366;
	text-decoration: none;
	font-weight: normal;
}

a.normal:hover,
a.normal:active {
	color: #336699;
	text-decoration: none;
	font-weight: normal;
}

td.normal {
	background-color: #CCCCCC;
	text-align: left;
}

/* Left Navigation Related - Personal Caption */
a.personalcaption:link,
a.personalcaption:visited {
	color: #003366;
	text-decoration: none;
	font-size: 9pt;
	font-weight: normal;
}

a.personalcaption:hover,
a.personalcaption:active {
	color: #336699;
	text-decoration: none;
	font-size: 9pt;
	font-weight: normal;
}

td.personalcaption {
	background-color: #FFCC33;
	text-align: left;
}

/* Left Navigation Related - Personal */
a.personal:link,
a.personal:visited {
	color: #003366;
	text-decoration: none;
	font-size: 9pt;
	font-weight: normal;
}

a.personal:hover,
a.personal:active {
	color: #336699;
	text-decoration: none;
	font-size: 9pt;
	font-weight: normal;
}

td.personal {
	background-color: #FFFF99;
	text-align: left;
}

/* Left Navigation Related - Business Caption */
a.businesscaption:link,
a.businesscaption:visited {
	color: #003366;
	text-decoration: none;
	font-size: 9pt;
	font-weight: normal;
}

a.businesscaption:hover,
a.businesscaption:active {
	color: #336699;
	text-decoration: none;
	font-size: 9pt;
	font-weight: normal;
}

td.businesscaption {
	background-color: #999966;
	text-align: left;
}

/* Left Navigation Related - Business */
a.business:link,
a.business:visited {
	color: #003366;
	text-decoration: none;
	font-size: 9pt;
	font-weight: normal;
}

a.business:hover,
a.business:active {
	color: #336699;
	text-decoration: none;
	font-size: 9pt;
	font-weight: normal;
}

td.business {
	background-color: #CCCC99;
	text-align: left;
}

/* Search */

a.search {
	font-size: 11pt;
}

.ResultURL {
	color: #006666;
	margin-bottom: 10pt;
}

/* Side Menu */

a.SideMenu {
	text-decoration: none;
}

a.SideMenu:link,
a.SideMenu:active, 
a.SideMenu:visited {	
	color: #003366; 	
}

a.SideMenu:hover { 
	color: #336699; 
}

/* Indentation */

.indent {
	margin-left: 2em;
	text-align: left;
}

.indentMore {
	margin-left: 4em;
	text-align: left;
}
.rightMenuTitle{
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

/* Marginals */

.NoTopMarginal {
	margin-top : 0px;
}

.Space {
	margin-bottom: 2px;
	margin-top: 2px;
}

/* Left-hand Search */

td.LeftHandSearch {
	color: #FFFFFF;
	font-size: 13px;
	font-weight : bold;
	text-align: left;
}

/* Left-hand navigation */

a.LeftNav:link,
a.LeftNav:visited {
	color: #003366;
	text-decoration: none;
	font-size: 9pt;
	font-weight: normal;
}

a.LeftNav:hover,
a.LeftNav:active {
	color: #336699;
	text-decoration: none;
	font-size: 9pt;
	font-weight: normal;
}

td.LeftNavSelected {
	background-color: #3366CC;
	text-align: left;
}

a.PersonalCookieTrail:link,
a.PersonalCookieTrail:visited {
	color: #003366;
	font-size: 10pt;
	font-weight: bold;
}

a.PersonalCookieTrail:hover,
a.PersonalCookieTrail:active {
	color: #663366;
	font-size: 10pt;
	font-weight: bold;
}

a.LeftNav2:link,
a.LeftNav2:visited {
	color: #003366;
	text-decoration: none;
	font-size: 9pt;
}

a.LeftNav2:hover,
a.LeftNav2:active {
	color: #6699CC;
	text-decoration: none;
	font-size: 9pt;
}

a.LeftNav2Selected:link,
a.LeftNav2Selected:active,
a.LeftNav2Selected:visited {
	color: #003366;
	font-size: 9pt;
	font-weight: bold;
}

a.LeftNav2Selected:hover {
	color: #6699CC;
	text-decoration: none;
	font-size: 9pt;
	font-weight: bold;
}

td.LeftNav2Selected {
	color: #003366;
	text-align: left;
	font-weight: bold;
}

td.LeftNav {
	background-color: #CCCCCC;
	text-align: left;
}

p.LeftNav,
p.LeftNav2 {
	margin-top: 3px;
	margin-bottom: 3px;
}

span.LeftNav {
	color: #666600;
	text-decoration: none;
	font-size: 9pt;
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 0px;
}

td.LeftNav2 {
	background-color: #FFFFFF;
	text-align: left;
}

span.LeftNav2 {
	color: #00FF00;
	text-decoration: none;
	font-size: 9pt;
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 0px;
}

/* Left-hand navigation - Selected */

a.LeftNavSelected:link,
a.LeftNavSelected:active,
a.LeftNavSelected:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 9pt;
	font-weight: bold;
}

a.LeftNavSelected:hover {
	color: #CCCCCC	;
	text-decoration: none;
	font-size: 9pt;
	font-weight: bold;
}

/* Left-hand navigation - Blue */

td.LeftNavBlue {
	background-color: #003366;
	color: white;
	text-align: left;
}

a.LeftNavBlue:link,
a.LeftNavBlue:active,
a.LeftNavBlue:visited {
	color: white;
	text-decoration: none;
	font-size: 9pt;
	font-weight: bold;
}

a.LeftNavBlue:hover {
	color: #CCCCFF;
	text-decoration: none;
	font-size: 9pt;
	font-weight: bold;
}

/* OEE Menu (2011) */

li.menucontent, div.menucontent {
	padding-left: 0;
}

div.left ul.nav li {
	margin-left: 1em;
}

div.left ul.nav li ul.submenu li a {
	padding-left: 1.25em;
}

div.left ul.nav li a {
	display: block;
	padding: 2px 3px 2px 6px;
	border-left: 5px solid #DCDCDC;
}

div.left ul.nav #oee_home_side a {
	display: block;
	padding: 2px 3px 2px 6px;
	background: #1B5790;
	color: #FFF;
	border-left: 5px solid #1B5790;
}

div.left ul.nav #oee_home_side a:hover {
	border-left: 5px solid #194D80;
}

div.left li.for_personal_use.opensubmenu a.rootmenuitem,
div.left .for_personal_use a:hover {
	border-left-color: #7AA054;
}

div.left li.for_business_use.opensubmenu a.rootmenuitem,
div.left .for_business_use a:hover {
	border-left-color: #4E4D4A;
}

div.left .our_organization a:hover {
	border-left-color: #194D80;
}

div.left ul.nav li,
div.left ul.nav li ul.submenu li {
	margin: 0 0 1px 0;
	padding: 0;
}

div.left ul.nav li ul.submenu li:first-child {
	border-top: 1px solid #5C5C5C;
}

.submenu ul li.hidemenuitems ul {
	display: none;
}

div.left ul.nav,
div.left ul.nav ul{
	background: #5C5C5C;
}

li.menucontent {
	vertical-align: baseline;
}

.left_menu_header {
	margin-bottom: 0;
	border-bottom: 1px solid #5C5C5C;
}

div.left li.menucontent {
	border-left: 0;
}

div.left ul.nav li ul.submenu li.submenu,
div.left ul.nav li.group {
	margin: 0;
}

/* Submenu General */
div.left ul.nav li ul.submenu {
	list-style: none;
	margin: 0;
	padding: 0;
}

div.left li.oee_menuitem,
div.left div.oee_menuitem,
div.left a.oee_menuitem {	
	background-color: #DCDCDC;
}

/* Group Dividers */

#oee_home_side {
	font-weight: 700;
	line-height: 1.6em;
	color: #FFF;
	background-color: #1B5790;
}

#for_personal_use {
	border-left: 5px solid #7AA054;
}

#for_personal_use h2 {
	background-color: #7AA054;
}

#for_business_use {
	border-left: 5px solid #5C5C5C;
}

#for_business_use h2 {
	background-color: #5C5C5C;
}

#our_organization {
	border-left: 5px solid #1B5790;
}

#our_organization h2 {
	background-color: #1B5790;
}



a.Portal:link,
a.Portal:active, 
a.Portal:visited {
	color: #003366; 
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
}

a.Portal:hover {
	color: #336699;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
}

/* Portal list */

ul.portal_personal {
	list-style-image:url(http://oee.nrcan.gc.ca/images2/bullet_portal_personal.gif);
}

ul.portal_business {
	list-style-image:url(http://oee.nrcan.gc.ca/images2/bullet_portal_business.gif);
}

ul.portal_none {
	list-style-image:url(http://oee.nrcan.gc.ca/images2/bullet_portal_none.gif);
}

/* The Canada Mark that's shown in the text view  */

td.CanadaMark {
	font-size:18pt;
	font-weight: bold;
}

/* Top-navigation Common Menu Bar */

td.CommonMenuBar,
a.CommonMenuBar {
	background-color: black;
	color: white;
	font-size: 8pt;
	font-weight : bold;
	text-decoration : none;
	margin: 2px;
}

a.CommonMenuBar:link, 
a.CommonMenuBar:active, 
a.CommonMenuBar:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
}

a.CommonMenuBar:hover {
	color: #CCCCCC;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
}

/* Top-navigation Institutional Menu Bar */

td.InstMenuBar, 
a.InstMenuBar {
	background-color: #336699;
	color: white;
	font-size: 8pt;
	font-weight : bold;
	text-decoration : none;
	margin: 2px;
}

a.InstMenuBar:link, 
a.InstMenuBar:active, 
a.InstMenuBar:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
}

a.InstMenuBar:hover {
	color: #CCCCCC;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
}

/* Footer */

td.Footer {
	color: #FFFFFF;
	background-color: #336699;
	margin: 4px;
	text-decoration: none;
	font-size: 9pt;
	font-weight: bold;
}

/* Blue Text Boxes*/

td.Bluebox14 {
	color: #FFFFFF;
	background-color: #336699;
	margin: 4px;
	text-decoration: none;
	font-size: 14pt;
	font-weight: bold;
}

td.Bluebox12 {
	color: #FFFFFF;
	background-color: #336699;
	margin: 4px;
	text-decoration: none;
	font-size: 12pt;
	font-weight: bold;
}

td.Bluebox10 {
	color: #FFFFFF;
	background-color: #336699;
	margin: 4px;
	text-decoration: none;
	font-size: 10pt;
	font-weight: bold;
}

a.Footer:link, 
a.Footer:active, 
a.Footer:visited {
	color: #FFFFFF;
	background-color: #336699;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
}

a.Footer:hover {
	color: #CCCCCC;
	background-color: #336699;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
}

/*CSS boxes*/
 
 div.formbox {width:99.5%; float:left; vertical-align: text-top; padding: .2em;}
 
.box { background: #cccccc; border: 2px solid; margin: 3px; padding: 5px; overflow: auto; width: 96%;}
.boxBrown { background: #cccc99; border: 2px solid; margin: 3px; padding: 5px; overflow: auto; width: 97%;}
.bluebox { background: #ffffff; border: 2px solid; border-color: #00f; margin: 3px; padding: 5px; overflow: auto; width: 77%;}
.boxGreen { background: #cccc99; border: 2px solid; margin: 3px; padding: 5px; overflow: auto; width: 97%;}
.boxblueborder { background: #ffffff; border: 1px solid; border-color:#369; margin-top:5px; margin-bottom:5px; padding: 5px; overflow: auto; font-size: 85%; }
.boxblackborder { background: #ffffff; border: 3px solid; border-color:#000; margin-top:5px; margin-bottom:5px; padding: 2px; overflow: auto; width:130px;}
.boxsmall { background: #006633; border: 1px solid; margin: 3px; width: 33%;}

.boxmedium { background: #cccccc; border: 2px solid; padding: 2px; margin: 3px;  width: 60%;}

.boxlarge { background: #cccccc; border: 2px solid; padding: 2px; margin: 3px;  width: 95%;}

.boxclear { border: 2px solid; padding: 2px; margin: 3px;}
.boxclearthnbd { border: 1px solid; padding: 2px; margin: 3px;}
.boxclearsmall { border: 2px solid; padding: 2px; margin: 3px; width: 33%;}
div.boxclear97 { border: 2px solid #000000; width: 97%; float:none; clear:right;}
div.boxclear63 { border: 2px solid #000000; width: 63%;}

.boxclearsmall { border: 2px solid; margin: 3px; width: 33%;}

.boxclearnb { padding: 2px; margin: 3px; width: 50%;}

.boxclearmedium { border: 2px solid; padding: 2px; margin: 3px;  width: 60%;}
.boxclearmediumYellow { background:#ffffcc; border: 2px solid; padding: 2px; margin: 3px;  width: 60%;}
.boxYellownb { background: #ffffcc;  margin: 3px; padding: 5px; overflow: auto; width: 97%;}

.boxclearlarge { border: 2px solid; padding: 2px; margin: 3px; overflow: auto; width: 99%;}

.boxblue { border: 1px solid; border-color: #9AC; margin: 0px; padding: 5px;}

div.center div.highpointoee { border: 1px #003377 solid; width: 388px; margin-top: 5px; margin-bottom: 5px; margin-left: 2px; margin-right: 2px; padding: 5px 5px 10px 5px;}

/*CSS Tables*/

div.tablecell-border { border-left: solid 2px; border-top: solid 2px; padding: 2px; margin: 0px; float:left; }

div.tablecell-border-right { border-right: solid 2px; border-left: solid 2px; border-top: solid 2px; padding: 2px; margin: 0px; float:left; }

div.tablecell-border-right-bottom { border-bottom: 2px solid; border-left: solid 2px; border-top: solid 2px; border-right: 2px solid; padding: 2px; margin: 0px; float:left; }

div.tablecell-border-left-bottom { border-bottom: 2px solid; border-left: 2px solid; border-top: solid 2px; padding: 2px; margin: 0px; float:left; }

div.tablecell-noborder { padding: 2px; margin: 0px; float:left; }

div.space-line { clear: both; margin: 0; padding: 0; width: auto; }

div.clear-line { clear: right;  margin: 0; padding: 0; width: auto; } /* Workaround for FF clear:both bug, where FF would float content down a full initial screen. */

.narrowcell { padding : 1px 1px 1px 1px ; font-size: 7pt; border: 1px inset black; border-collapse: collapse; }

.extranarrowcell { padding : 1px ; font-size: 6pt; border: 1px inset black; border-collapse: collapse; }

table.center {margin-left:auto; margin-right:auto;}


/* Portal boxes */

.PortalBoxBorder {
	border-color : #003366;
}

.PortalBoxRightText {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
	line-height: 14pt;
	text-align: left;
	text-indent: 1em;
	margin-bottom: 0px;
	white-space : normal;
}

.BorderNone {
  border-width: 0;
}

.PortalBoxRightBlueBG {
  background-color: #6699CC;
}


.PortalBoxRightBlueBorder {
  border-color: #6699CC;
  border-style : solid;
}

.PortalBoxRightBlueBorderBG {
	border-color: #6699CC #6699CC #6699CC #6699CC;
	background-color: #6699CC;
	border-style : solid;
}

.PortalBoxRightDarkBlueBG {
  background-color: #003366;
}

.PortalBoxRightDarkBlueBorder {
    border-color: #003366;
	border-style : solid;
}

.PortalBoxRightDarkBlueBorderNoBorderLeftSide {
	border-color: #003366;
	border-style : solid;
	border-left-width : 0px;
}

.PortalBoxRightDarkBlueBorderBG {
	border-color: #003366 #003366 #003366 #003366;
	background-color: #003366;
	border-style : solid;
}

.PortalBoxRightGreyBG {
  background-color: #999999;
}

.PortalBoxRightGreyBorder {
    border-color: #999999;
	border-style : solid;
}

.PortalBoxRightGreyBorderBG {
    border-color: #999999 #999999 #999999 #999999;
    background-color: #999999;
	border-style : solid;
}

/* Tabs */

.TabsFirst,
.TabsNotFirst
{
  font-size: 9pt;
  border: 1px solid Black;
  color: white;
  float:left;
  margin-bottom: 3px;
  padding: 2px 2px 2px 2px;
}

.TabsNotFirst
{
  margin-left: 5px;
}

.TabSelected
{
  background-color: white;
  border-bottom: 1px solid white;;
}

.TabNotSelected
{
  background-color: Silver;
}

.TabDisabled
{
  background-color: Gray;
  color: Silver;
}

.TabLinks
{
  color: #0000FF;
  text-decoration: none;
  font-weight: bold;
  font-size: 9pt;
}

a.TabLinks:hover
{
  color: #666666;
}

a.TabLinks:visited
{
  font-weight: bold;
}

/* Generic Question box */

.QuestionBox
{
    padding-top: 4px;
	vertical-align: bottom;
	clear: both;
}

/* Accessibility */
 
contentarea abbr,
contentarea acronym {
 	speak: spell-out;
	cursor: help;
}

/* Media specific - Printing */

@media print {

 page { margin: 10%; }

 contentarea h1, 
 contentarea h2, 
 contentarea h3 { page-break-after: avoid; page-break-inside: avoid; }

 contentarea blockquote, 
 contentarea ul, 
 contentarea ol, 
 contentarea dl { page-break-before: avoid; }

}


/* Media specific - Voice */

@media aural {
 h1, h2, h3, h4, h5, h6 { voice-family: paul, male; stress: 20; richness: 90; }

 h2 { pitch: x-low; pitch-range: 80; }

 h3 { pitch: low; pitch-range: 70; }

 h4 { pitch: medium; pitch-range: 60; }

 h5 { pitch: medium; pitch-range: 50; }

 h6 { pitch: medium; pitch-range: 40; }

 li, dt, dd { pitch: medium; richness: 60; }

 dt { stress: 80; }

 b, strong { pitch: medium; pitch-range: 60; stress: 90; richness: 90; }

 i { pitch: medium; pitch-range: 60; stress: 60; richness: 50; }

 u { richness: 0; }

 a:link { voice-family: harry, male; }

 a:visited { voice-family: betty, female; }

 a:active { voice-family: betty, female; pitch-range: 80; pitch: x-high; }
 }