﻿/* background color for the content part of the pages */
html { height: 100%;}
.pagemaster { width: 924px; margin:0 auto; text-align:center;}
body { 	text-align: center; background: #f3f3f3; 
		margin: 0 auto;font-family: Tahoma, Geneva, Arial, Helvetica,Verdana,  sans-serif; 
		font-size: 11px; color: #404040;/* line-height:18px;*/}

h1 {font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 18px; text-decoration: none; font-weight: normal;}
h2 {font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 14px; color: #333333; font-weight: bold; color: #555;}
h3 {font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #333333; font-weight: bold; color: #555;}

hr {height: 1px; color: #1f558b}

/* Control Panel Colors */
.controlpanel { background-color: #EAEAEA; }

.topspace {background: url(images/top.png) center no-repeat; height:26px; }
.dateholder { font-size:10px;font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; text-decoration:none; color: #ffffff; text-align:right; line-height:12px; padding-right:30px; height: 20px;}
.langholder {color: #ffffff; text-align:right; line-height:1px; padding-right:12px; height: 20px;}
.langholder img {border:none; padding:0px 0px 0px 0px;}
.langholder select { background:#1f558b; border:1px solid #003366; color:#ffffff; width:146px; font-size:10px;font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; text-decoration:none; }

/* easy classes - for light and dark backgrounds */
.darkbg { padding: 0 5px 0 5px; color: #ffffff; }
a.darkbg:link, a.darkbg:visited, a.darkbg:hover, a.darkbg:active { font-family: Tahoma, Geneva, Arial, Helvetica,Verdana,  sans-serif; font-size: 8pt; text-decoration: none; color: #ffffff; background-color: transparent; border: 0; font-weight: normal; }
a.darkbg:hover {background-color: transparent; text-decoration: none; color: #eeeeee; border: 0; font-weight: normal; }

.lightbg {color:#1f558b; font-family: Tahoma, Geneva, Arial, Helvetica,Verdana,  sans-serif; font-size: 11px; ;}
a.lightbg:link, a.lightbg:visited, a.lightbg:hover, a.lightbg:active { font-family: Tahoma, Geneva, Arial, Helvetica,Verdana,  sans-serif; font-size: 11px; text-decoration: none; color:#1f558b; background-color: transparent; border: 0; font-weight: normal; }
a.lightbg:hover { text-decoration: none; background-color: transparent; }

/* Search boxes */
.search {float:right; width:170px; vertical-align:bottom; text-align: right;  padding:0px 5px 5px 5px;line-height:20px;}
.search img {border:none; padding:0px 0px 0px 0px;}
.search input { background:#1f558b; border:1px solid #003366; color:#ffffff; width:120px; }

.userlogin01 { background: #f3f3f3; /*background: url(images/bodyrpt.png) center repeat-y;*/ text-align: right; padding:0px 20px 0px 0px; height: 25px;}
.userlogin02 { margin:0 auto 0 auto; width: 865px; padding:2px 2px 4px 2px; }

.dnn { background: #f3f3f3;}

/* --  Classes for the top of the montage & to allow everything to line up nicely when not logged in  -- */
.MenuTab  {background:url(images/menubg.png) center no-repeat; height: 45px; }
.TopPane { margin-top: 4px; margin-left: 2px; }
/* -- End Classes for Front Page - montage -- */

/* -- Start classes for Site Montage --*/ 
.SiteHeaderTab { background: url(images/header.png) top center no-repeat; height: 79px; }
.bannerright{text-align: right;height: 79px;padding-top: 5px;}
/* -- End rest of site Montage --*/ 

/* Content */
.content01 { background: url(images/bodyrpt.png) center repeat-y; text-align: center; }
.footer01 { background: url(images/footer.png) top no-repeat; height: 86px; text-align: center; }
.footer {font-size:10px; text-decoration:none; color:#f3f3f3;margin:0 auto 0 auto; width: 900px; text-align:left; font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; padding:0px 0px 0px 0px;}
.terms{float:right; text-align:right; bottom:0px; margin-top:10px; padding-right:15px; color:#FFFFFF}
.terms a:link, a:active, a:visited {text-decoration:none; color: #ffffff;}
.terms a:hover {text-decoration:none; color: #ffff00;}
.copyright {padding: 10px 0px 0 0; margin-left:15px; font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#003366 !important;}

/* Generic Spacing for all Panes */ 
.Panes { padding: 10px 10px 10px 10px; }
/* pane classes */
.contentpane { padding: 0px 10px 10px 10px; }
.leftpane { width: 160px; padding-left: 30px;}
.rightpane { width: 180px; padding-right: 10px; }
.topleftpane { width: 70%; padding-left: 10px; padding-top: 0}
.toprightpane { width: 30%; padding-right: 10px; padding-top: 0}

.Head { font-family: Tahoma, Arial, Helvetica; font-size:  12px; font-weight: bold; color: #333333;}
.Breadcrumbs { color: #000000; }
.Block { width: 13px; }
.Login { color: #333333;  font-family: Tahoma, Verdana; font-size: 9px;  font-weight: bold;  font-style: normal; height: 30px; }

#flashtable { background-color: transparent; width: 900px; background-position: center; padding:0 0 0 0; }
#flashcontent { width:520px; text-align: center;}

.Small { color: #FFFFFF;  font-family: Verdana, Tahoma, Verdana; font-size: 9px;  font-weight: normal;  font-style: normal; height: 13px; padding-left: 1px; padding-right: 1px; }
.SmallD { color: #404040;  font-family: Verdana, Tahoma, Verdana; font-size: 9px;  font-weight: normal;  font-style: normal; height: 13px; padding-left: 3px; padding-right: 3px; }

.MainMenu_MenuContainer  { background-color: transparent;; /* height: 25px;*/ padding-left: 2px; padding-right: 0px; padding-top: 0px; padding-bottom: 1px; }
.MainMenu_MenuBreak { border-bottom: #404040 0px solid;  border-left: #FF8080 0px solid;  border-top: #FF8080 0px solid; border-right: #404040 0px solid;  background-color: transparent;  color: #333333;  font-family: Tahoma, Verdana; font-size: 9pt;  font-weight: bold;  font-style: normal; }
.Normal { font-family: Tahoma, Verdana; font-size: 11px; }
.MainMenu_MenuBar  { cursor: pointer;  cursor: hand;  height:16px; }
.MainMenu_MenuItem {color: #FFFFFF;  font-family: Tahoma, Verdana; font-size: 9pt;  font-weight: bold;  padding-right: 0px; border-left: transparent 0px solid; border-right: transparent 0px solid; border-bottom: transparent 0px solid; border-top: transparent 0px solid;  font-style: normal;  color: white; background: transparent; height: 25px; padding-left: 2px; padding-right: 2px; padding-top: 2px; padding-bottom: 2px; }

/* Menu for Skin Comp */
.ActiveRootTab  { width: 120px; color: #FFFFFF; font-family: Tahoma, Verdana; font-size: 9pt;  font-weight: bold;  background-color: transparent; text-align: center; }
.RootTab  { width: 120px; height: 25px; font-family: Tahoma, Verdana; font-size: 9pt;  font-weight: bold;  color: #FFFFFF; background: transparent; text-align: center; }
.SelectedRootTab { width: 120px; color: #eaeaea; height: 25px; font-family: Tahoma, Verdana; font-size: 9pt;  font-weight: bold;  border-left: #ffffff 0px solid; border-top: #ffffff 0px solid; background-color: transparent;  text-align: center; }
.BreadcrumbRootTab  { width: 120px; font-family: Tahoma, Verdana; font-size: 9pt;  font-weight: bold;  color: #ffffff; height: 25px; text-align: center; }
.ActiveSubTab { background-color: #FEA203; color: #ffffff; border-top: 0px solid; font-family: Tahoma, Verdana; font-size: 9pt;  font-weight: bold;  padding-left: 2px; padding-right: 2px; padding-top: 2px; padding-bottom: 2px; }
.SubTab { background-color: #ffffff; color: #000000; font-family: Tahoma, Verdana; font-size: 9pt;  font-weight: bold;  padding-left: 2px; padding-right: 2px; padding-top: 2px; padding-bottom: 2px; }
.SelectedSubTab { background-color: #C14337; color: #000000; font-family: Tahoma, Verdana; font-size: 9pt;  font-weight: bold;  padding-left: 2px; padding-right: 2px; padding-top: 2px; padding-bottom: 2px; height: 25px; }
.BreadcrumbSubTab { background-color: transparent; /*#000000;*/ color: #ffffff; font-family: Tahoma, Verdana; font-size: 9pt;  font-weight: bold; border-top: 0px solid; padding-left: 2px; padding-right: 2px; padding-top: 2px; padding-bottom: 2px; }

/* this is the colour in the dropdown menu */
.MainMenu_SubMenu { z-index: 1000;  cursor: pointer;  cursor: hand;  background-color: #899BBF;  font-family: Tahoma, Verdana; font-size: 9pt;  font-weight: bold;  font-style: normal;  color: #C14337;red; height: 25px; filter:progid:DXImageTransform.Microsoft.Shadow(color='#4C648E', Direction=135, Strength=0) ;  border-left:  #FFFFFF 0px solid;  border-right: #4C648E 0px solid;  border-top: #ffffff 0px solid; border-bottom: #ffffff 0px solid; padding-left: 2px; padding-right: 2px; padding-top: 2px; padding-bottom: 2px; }
.MainMenu_MenuItemSel { color: #FEA203;  font-family: Tahoma, Verdana; font-size: 9pt;  font-weight: bold;  font-style: normal;  color: white; height: 25px; background-color: ; border-left: #ffffff 0px solid;  border-right: #ffffff 0px solid;  border-bottom: #ffffff 0px solid; border-top: #ffffff 0px solid;  padding-left: 2px; padding-right: 2px; padding-top: 2px; padding-bottom: 2px; }
.MainMenu_RootMenuArrow, .MainMenu_MenuIcon, .MainMenu_MenuArrow { display: none; }

/* hyperlink style for the DarkBackground tabs */
A:Link { color: #003366; text-decoration: none; }
A:Hover { color: #336699; text-decoration: none; }
A:Active { color: #003366; text-decoration: none; }
A:Visited{ color: #003366; text-decoration: none; }

