/*  ---------------------- Layout ---------------------- */

.MiddleRow {background: white url(LeftNavBar.gif) repeat-y !important; height: 100%}

.OuterTable {border-right: white solid 3px; border-left: white solid 3px; border-bottom: white solid 3px; width: 782px; height: 100%; background: #FFF; align: center; }

.OuterDiv, .OuterDiv2, body, html {background: white url(HakaBg.jpg) repeat-x !important; height: 100%}

html { height: 100%; }

body, #body { margin: 0; height: 100%; width: 100%; }

.PanesTD { background: white; width: 100%; vertical-align: top; padding: 6px 6px 0 6px;}

.BottomRow { background-color:  #016742; height: 77px; padding: 0;}

.PaneTop { width: 100%; padding: 0 7px 0 7px;}

.PaneLeft { padding: 0 7px 0 7px; width: 33%; }

.PaneCenter { padding: 0 7px 0 7px; }

.PaneRight { padding: 0 7px 0 7px; width: 33%; }

.PaneBottom { width: 100%; padding: 0 7px 0 7px; }

.PaneERight { width: 230px; padding: 8px 8px 0 8px; }

.PaneHeader { width: 100%; padding: 0; margin-bottom: -2px;}

  


/*  ---------------------- Text ---------------------- */

H1  {color: #016644; font: normal 18px "trebuchet ms"}

H2  { color: #669933; font: normal 14px "trebuchet ms"}

H3  {color: #333; font: bold 12px verdana}

H4  {color: #333; font: bold 12px verdana}

UL LI {list-style-type: none !important;}

ul {list-style-type: none !important;padding: 0; margin: 0 0 20px 0!important;}

li {background: url(tick.gif) no-repeat 0 .4em; padding: 0 0 10px 35px !important; font: normal 12px verdana;} 

hr {border: none; border-top: 1px solid #E9E9E9;background-color: white; height: 0; padding-bottom: 10px; margin-top:20px} 

table, tr, td, p {font: normal 12px verdana; line-height:150%}

.ControlPanel .SubHead {font: Bold 12px "Trebuchet MS"; color:#555}




/*  ---------------------- Menu ---------------------- */


/*-- submenu container          --*/ 
.MainMenu_SubMenu, .ModuleTitle_SubMenu { z-index: 1000;  cursor: pointer;  cursor: hand; margin: 0 0 0 2px; background: #EEEEEE; padding: 0px; border: 1px solid #BBBBBB; font-weight: normal; filter: none; }

/*-- submenu items idle         --*/ 
.MainMenu_MenuItem, .ModuleTitle_MenuItem { font-family: tahoma;  color: #6A6A6A; font-size: 11px; background: #EEEEEE; font-weight: bold; font-style: normal; padding: 0px 30px 0px 16px; height: 20px; border: 0; }

/*-- submenu items hover        --*/ 
.MainMenu_MenuItemSel, .ModuleTitle_MenuItemSel { font-family: tahoma; font-size: 11px; font-weight: bold; cursor: pointer; cursor: hand; color: #222; background: #BBBBBB; padding: 0px 30px 0px 16px; height: 20px; border: 0;}

/*-- menuitems idle             --*/ 
.MainMenu_Idle TD { color: #222; background: url(nav2idle.gif) repeat-x top center transparent; font: bold 13px "trebuchet ms"; padding: 0 0 0 0; width: 225px; height: 36px; }

/*-- menuitems over             --*/ 
.MainMenu_Selected TD { color: white; background: url(nav2over.gif) repeat-x top center transparent; font: bold 13px "trebuchet ms"; padding: 0 0 0 0; width: 225px; height: 36px; }

/*-- menuitems active           --*/ 
.MainMenu_Active TD, .MainMenu_BreadcrumbActive TD {color: white; background: url(nav2active.gif) repeat-x top center transparent; font: bold 13px "trebuchet ms"; padding: 0 0 0 0; width: 225px; height: 36px; }

/*-- not needed - main menu     --*/ 
.MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon  { display: none; }

/*-- module menu continer       --*/ 
.ModuleTitle_MenuContainer { color: #2c2c2c;} 

/*-- module menu bar            --*/ 
.ModuleTitle_MenuBar { cursor: pointer; cursor: hand;}

/*-- module menu padding        --*/ 
.ModuleTitle_MenuItem, .ModuleTitle_MenuItemSel { padding: 0 5px 0 0; }

/*-- not needed - module menu   --*/ 
.MainMenuSeperator, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow, .ModuleTitle_MenuIcon { display: none; }

/*-- removing seperator borders --*/ 
.MainMenu_MenuBreak { border-top-style: none; border-right-style: none;	border-left-style: none; border-bottom-style: none; background:transparent;  vertical-align:top;}



/*  ---------------------- Footer ---------------------- */

/*-- terms and privacy                 --*/ .FOOTER_objects { color:white; font: normal 11px Verdana !important; text-align:center;border-top: solid #016742 30px;}
/*-- terms and privacy links           --*/ a.FOOTER_objects:link, a.FOOTER_objects:visited, a.FOOTER_objects:active { color: white; text-decoration:none; font: normal 11px Verdana !important; }
/*-- terms and privacy hover           --*/ a.FOOTER_objects:hover { color:#ccc; font: normal 11px Verdana !important; text-decoration:none;  }
/*-- copyright token                   --*/ .COPYRIGHT_object { color:#cfcfcf; font-size: 11px; }

/*-- most of the text on site          --*/ .normal, .Normal { font-family: verdana; font-size: 11px; color: #3e3e3e; }
/*-- most of the bold text on site     --*/ .NormalBold { font-family: verdana; font-size: 12px; font-weight: normal; color: #3e3e3e; }