﻿@charset "utf-8";
/* WonderWebs-2.0  - Secondary CSS - Horizontal menu template with square corners - Copyright 2009 WonderWebs.com */

/* Content areas */
.Paper{padding:0 6px 6px 6px}
.MenuBar{background:url(menu-bar-grey.gif);padding:0 6px}
.MenuPane{float:left;}
.SigninPane{float:right;line-height:38px;padding:0 6px}
.BreadCrumbPane{float:left}
.SearchPane{float:right}
.SearchBar{margin:6px 0 0 0}

/* Container margins */
.Header .Container{margin:0}
.Top .Container{margin:6px 0 0 0}
.Content .Container{margin:6px 0 0 0}
.Left .Container{margin:6px 6px 0 0}
.Right .Container{margin:6px 0 0 6px}
.Bottom .Container{margin:6px 0 0 0}
.Foot .Container{margin:6px 0 0 0}

/* Left column width */
.Left .Container,.Left .NoContainer{width:180px}

/* Right column width - Adjust SearchInput width to suit */
.Right .Container,.Right .NoContainer,.SearchPane{width:230px}
.SearchInput{width:154px}

/* Menus */
.MenuContainer, .SubMenu{}

/* Menu font */
.MenuItem, .SubMenu{font:bold 13px Arial}

/* Menu colours */
.MenuItem{color:#333333}
.MenuActive{background:#F2F2F2}
.MenuHover{background:#F2F2F2}
.SubMenu{color:#333333;background:#F2F2F2}
.SubMenuActive{background:#F2F2F2}
.SubMenuHover{background:#DBDBDB}

/* Individual menu item heights */
.MenuItem td,.MenuBar{height:38px}
.SubMenu td{height:24px}

/* Menu item borders and margins */
.Menu{}
.MenuItem{}
.SubMenu{border-bottom:1px solid #DBDBDB;border-left:1px solid #DBDBDB;border-right:1px solid #DBDBDB}
.SubMenu td {border-top:1px solid #DBDBDB}

/* Menu separators */
.MenuSeparator{}
.LeftMenuSeparator{}
.RightMenuSeparator{background:url(Separator.gif);width:2px;height:36px}

/* Misc menu tweaks */
.Signin{}
td.Signin{text-align:right}
.Menu td, .MenuHover td, .MenuActive td{padding-right:4px}
.MenuItem img,.MenuActive img,.MenuHover img{vertical-align:-3px;margin-left:2px}
.SubMenu td{padding-right:6px}
.SubMenuIcon{padding-right:0 !important;padding-left:3px}
.SubMenuArrow{display:none}
.MenuContainer, .SubMenu{cursor:pointer;z-index:1000}
.MenuArrow{display:none}

/* Paper Shadow - Options: Light, Medium, Dark */
.ShadowLeft,.ShadowRight{width:24px}
.ShadowTop,.ShadowBottom{height:24px}
.ShadowTopLeft{background:url('/Images/Shadows/Light/ShadowTopLeft.png') no-repeat scroll 0 0}
.ShadowTopMiddle{background:url('/Images/Shadows/Light/ShadowTopMiddle.png') repeat-x scroll 0 0}
.ShadowTopRight{background:url('/Images/Shadows/Light/ShadowTopRight.png') no-repeat scroll 0 0}
.ShadowLeftMiddle{background:url('/Images/Shadows/Light/ShadowLeftMiddle.png') repeat-y scroll 0 0}
.ShadowRightMiddle{background:url('/Images/Shadows/Light/ShadowRightMiddle.png') repeat-y scroll 0 0}
.ShadowBottomLeft{background:url('/Images/Shadows/Light/ShadowBottomLeft.png') no-repeat scroll 0 0}
.ShadowBottomMiddle{background:url('/Images/Shadows/Light/ShadowBottomMiddle.png') repeat-x scroll 0 0}
.ShadowBottomRight{background:url('/Images/Shadows/Light/ShadowBottomRight.png') no-repeat scroll 0 0}
