/*#site-header       { height: auto !important; height: 110px; min-height:110px; }
#site-header .header-logo { margin-top: 10px; }
#site-header .header-logo,
#site-header .header-logo img       { float:left; width:180px; height:100px; border:0; }
#site-header .header-portal         { float:left; margin:12px 0 0 30px; width: 170px; }
#site-header .header-portal span	{ display: block; height: 31px; padding-right: 55px; font-size: 13px; background: url(/Resources/Content/Images/Branding/duenorth.png) no-repeat right; }
#site-header .header-portal h2		{ color: #FFF; font-size: 22px; float: left;}
#site-header .notifications    { display:block; float:right; height:30px; line-height:30px; margin:70px 10px 0 10px; padding: 5px; background: #FFF; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; }
#site-header .notifications  p { margin:0; padding:0; line-height:20px; margin-top:7px; }
#site-header .notifications  .number { 
	background: url('/Resources/Content/Images/Icons/green-circle.png') no-repeat; 
	color: #000; 
	width:20px; 
	height:20px; 
	border:0 none; 
	float:left; 
	margin-right:4px; 
	text-align: center;
	font-size: 10px;
}*/

  a img {
    border: none;
  }

#site-header {
  margin-right: auto;
  margin-left: auto;
  width: 960px;
  color: #fff;
  line-height: 20px;
  height: 110px;
}
#site-header:before,
#site-header:after {
  display: table;
  content: "";
  line-height: 0;
}
#site-header:after {
  clear: both;
}

#site-header a {
    text-decoration: none;
    outline: none;
}

#site-header a:hover,
#site-header a:focus {
    text-decoration: underline;
}
#header-message {
  float: left;
  padding-top: 5px;
  padding-left: 30px;
  font-weight: bold;
  line-height: normal;
  vertical-align: top;
}
#header-message h2 {
  font-size: 22px;
  line-height: normal;
  margin: 1.0em 0;
  margin-bottom: 1px;
}
#MenuSwitch {
  float: right;
  margin: 0 20px 0 0;
}
#MenuSwitch li {
  display: inline-block;
  margin: 50px 0 0 0;
  text-align: center;
  background: #fff;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
#MenuSwitch li a {
  font-weight: bold;
  width: 110px;
  padding: 18px 0 20px;
  display: inline-block;
}
#MenuSwitch li.active {
  background: #00b4e6;
}
#MenuSwitch li.active a {
  color: #fff;
  padding: 20px 0 20px;
  width: 110px;
  display: inline-block;
}
#notification-tab {
  float: right;
  height: 23px;
  margin: 0px 10px 0 10px;
  padding: 12px 5px 9px 5px;
  background: #FFF;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  box-sizing: content-box;
}
    #notification-tab .badge {
        background: #f07f18;
        background-image: linear-gradient(#f6a558, #f07f18 );
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        height: 20px;
        width: 20px;
        line-height: 20px;
        font-size: 10px;
        margin: 0px 4px 0 0;
        padding: 0;
        vertical-align: top;
        text-shadow: none;
        display: inline-block;
        font-weight: normal;
        white-space: nowrap;
        color: #000;
        text-align: center;
    }



#header-nav          { display:block; margin:0; color:#000; height: 40px; background: url(/Resources/Content/Images/Site/nav_bg.png) center no-repeat; }
#header-nav:after    { content:""; display:block; clear:both; width:100%; height:0; }
#header-nav  a       { color:#ffffff; }
#header-nav  .header-menu          { margin:0; padding:0; }
#header-nav  .header-menu  li      { float:left; color:#ffffff; position: relative; background: url(/Resources/Content/Images/Site/nav_seperator.png) no-repeat right center; list-style:none;}
#header-nav  .header-menu > li:first-child	{ font-weight: bold; }
#header-nav  .header-menu  li:last-child	{ background: none; }

.header-portal .header-intro-logo { color: white; position: absolute; margin-top: 49px; vertical-align: top; font-weight: bold; }

.header-portal  .header-menu  li.header-first-level:last-child ul.header-submenu 
{
    /*Changed to 400px from 500px for "Spirit Pub System" release */
	width: 400px;
}

#header-nav a  { text-decoration:none; }
#header-nav a:hover, #header-nav a:focus { text-decoration:underline; }
#header-nav  .header-menu > li > a   { line-height: 40px; float: left; padding: 0 20px;}
#header-nav  .header-menu  li.selected> a { font-weight:bold; }

#header-nav  .header-expandable > a:after  { content:""; padding-right:14px !important; background:url('/Resources/Content/Images/Icons/menu-arrow.png') no-repeat right center; }

#header-nav  .header-expandable:hover a            { background-color:#c1e5f1; }
#header-nav  .header-expandable:hover > a {
	color: #333;
}

#header-nav  .header-expandable:hover > .header-submenu  { display:block; background-color:#c1e5f1; }
#header-nav  .header-expandable:hover > .header-submenu a  { color:#000000; }
#header-nav  .header-submenu        { 
	position:absolute; 
	top: 40px; 
	display:none; 
	margin:0; 
	padding:15px 0; 
	white-space:nowrap; 
	list-style:none; 
	background-color:#333333; 
	font-size:12px; 
	z-index:10000;
	border-radius: 0 0 10px 10px; 
	-moz-border-radius: 0 0 10px 10px; 
	-webkit-border-radius: 0 0 10px 10px; 
	width: auto;
	left: 0; 
}
#header-nav  .header-submenu li     { display: block; float:none !important; margin: 0 !important; background: none; color: #000; width: auto; }
#header-nav  .header-submenu li a   { padding: 8px 20px; display: block; width: auto !important; }
#header-nav  .header-submenu  .header-submenu          { left:100%; top: 0; }

#header-nav  .header-submenu  ul.header-submenu         { 
	background: #7ed3eb;
	border-radius: 0 10px 10px 10px; 
	-moz-border-radius: 0 10px 10px 10px; 
	-webkit-border-radius: 0 10px 10px 10px;
	left:100%; 
	top: 0; 
}
#header-nav  .header-submenu  .header-submenu  li      { float:left; width:100%; clear:right; }
#header-nav  .header-submenu  a:hover           { text-decoration: underline; }
#header-nav  .header-submenu li.header-expandable:hover a {
	background: #7ed3eb;
}

#header-nav  .header-submenu li.header-expandable:hover {
	border-radius: 0 10px 10px 10px; 
	-moz-border-radius: 0 10px 10px 10px; 
	-webkit-border-radius: 0 10px 10px 10px;
}

#header-nav .header-submenu li.header-expandable:hover ul li:first-child a {
	border-radius: 0 10px 0 0; 
	-moz-border-radius: 0 10px 0 0; 
	-webkit-border-radius: 0 10px 0 0;
}

#header-nav .header-submenu li.header-expandable:hover ul li:last-child a {
	border-radius: 0 0 10px 10px; 
	-moz-border-radius: 0 0 10px 10px; 
	-webkit-border-radius: 0 0 10px 10px;
}

#header-nav  .header-submenu  ul  { float:left; list-style:none; padding:0; margin-right: 20px;  }
#header-nav  .header-submenu  ul .header-heading span { margin-bottom: 7px; padding: 0 20px; font-weight:bold; color: #006666; font-size: 14px; }

#header-nav .header-menu li.header-first-level:last-child ul.header-submenu {
width: 590px;
}
#header-nav  .header-extra      { float:right; height: 40px; margin:0; padding:0; }
#header-nav  .header-extra ul,
#header-nav  .header-extra li {margin: 0; list-style: outside none; padding: 0; display: inline; }
#header-nav  .header-extra li	{ background: url(/Resources/Content/Images/Site/nav_seperator.png) no-repeat right center; padding: 0 7px; }
#header-nav  .header-extra li:first-child { background: none; }
#header-nav  .header-extra li:last-child  { background: none; }
#header-nav  .header-extra li a {line-height: 40px;}

#header-nav  .header-extra #user-name { padding: 0 7px; }

#site-footer { margin-top:10px; padding:10px 0 20px; background-color:#e4e4e4; font-size:12px; background: url(/Resources/Content/Images/Site/footer_bg.png) repeat-x; height: 46px;bottom: 0;position: relative;width: 100%; box-sizing:content-box;}
#site-footer:after { content:""; display:block; width:100%; height:0; clear:both; }
#site-footer .logo,
#site-footer .logo img { display:block; float:right; width:125px; border:0; }
#site-footer .logo .letter {
    fill: #ffffff;
}
#site-footer .links li {float:left; margin: 0; list-style: outside none; padding: 0; color: #FFF; font-size: 14px; height: 24px; line-height: 19px; padding-right: 2px; }
#site-footer .links li img {border: 0 none;}
#site-footer .links li#secure { clear:both; background: url(/Resources/Content/Images/Icons/icon-secure.png) no-repeat; padding-left: 25px; color: #999999; }
#site-footer .links { display:inline-block; float:left; margin: 0; padding: 0; }
#site-footer .links li a { color: #FFF; }
#site-footer .links li.version { font-size:0.7rem; }