/*Icons*/
div.topnavigation .icon                         { background-image: url("../Images/BrabantWater.LoginNavigation/Icons.png?rev=1.0"); background-repeat: no-repeat; display: block; width: 25px; height: 25px; position: relative;  line-height: 21px; text-align: right; float:left; }

div.topnavigation .icon.small                   { width: 11px; height: 12px; }
div.topnavigation .icon.middle                  { width: 19px; height: 19px; }
div.topnavigation .icon.home                    { background-position: 0px 0px; }
div.topnavigation .icon.graph                   { background-position: -25px 0px; }
div.topnavigation .icon.right                   { background-position: -50px 0px; }
div.topnavigation .icon.right.orange            { background-position: -76px -27px; }
div.topnavigation .icon.number                  { background-position: -75px 0px; }
div.topnavigation .icon.calc                    { background-position: 0px -25px; }
div.topnavigation .icon.person                  { background-position: -25px -25px; }
div.topnavigation .icon.person.orange           { background-position: -77px -25px; }
div.topnavigation .icon.faq                     { background-position: -50px -25px; }
div.topnavigation .icon.email                   { background-position: 0px -50px; }
div.topnavigation .icon.mobile                  { background-position: -12px -50px; }
div.topnavigation .icon.phone                   { background-position: -24px -50px; }
div.topnavigation .icon.down                    { background-position: -48px -50px; }
div.topnavigation .icon.power                   { background-position: 0px -63px; }
div.topnavigation .icon.unlock                  { background-position: -38px -63px; }
div.topnavigation .icon.lock                    { background-position: -57px -82px; }
div.topnavigation .icon.lock.orange             { background-position: -38px -82px; }
div.topnavigation .icon.valid                   { background-position: 0px -82px; }
div.topnavigation .icon.invalid                 { background-position: -16px -82px; }
div.topnavigation .icon.small.person            { background-position: -36px -50px; }
div.topnavigation .icon.small.lock              { background-position: -60px -50px; }
div.topnavigation .icon.middle.lock             { background-position: -72px -87px; top: 3px; }
div.topnavigation .icon.middle.person           { background-position: -77px -28px; }
#validation.icon                                { display: none; width: 16px; height: 16px; }

/*Top Navigation*/

div.topnavigation .icon.user                    { width: 215px; position: static; font-weight: normal; }
div.topNav                                      { width: 800px; }
div.topNav div.topnavigation                    { position: absolute; right: 0px; width: 215px;  display: block;  z-index: 1000; }
div.topNav ul.topMenu                           { position: absolute; right: 240px; }
div.topNav ul.userMenu,
div.topNav a.user                               { color: #f07632; z-index: 1000; }
div.topNav a.user                               { padding-left: 10px; }
div.topNav ul.topMenu li                        { white-space: nowrap;}
div.topNav ul.userMenu                          { list-style: none; margin-top: -8px; width: 225px; overflow: hidden; display: block; right: 0px; }
div.topNav ul.userMenu:hover                    { background-color: #f4f0ef; cursor: pointer; }
div.topNav ul.userMenu li                       { display: none; border-bottom: 1px solid white; line-height: 40px; height: 40px; }
div.topNav ul.userMenu li .icon                 { margin-top: 10px; }
div.topNav ul.userMenu li.active                { display: block; }
div.topNav ul.userMenu:hover li                 { display: block; line-height: 40px; height: 40px; }
div.topNav ul.userMenu li span                  { margin-right: 25px; display: block; }
div.topNav ul.userMenu li a                     { color: #f07632; height: 40px; overflow: hidden; text-decoration: none;  }

div.topNav ul.userMenu li:hover                 { background-color: #f17632; }
div.topNav ul.userMenu li:hover a               { color: white;}
div.topNav li:hover .icon.power                 { background-position: -19px -63px; }
div.topNav li:hover .icon.unlock                { background-position: -57px -63px; }
div.topNav li.active:hover .icon.person         { background-position: -27px -28px; }

div.topNav a                                    { font-size: 14px; }
div.containerHeader div.searchContainer         { position: absolute; top: 30px; float: none; z-index: 100; right: 0px; }	

.iconMargin {
    margin-left: 7px;
}

.navigationLink {
    float: left; 
	padding-left: 10px;
	white-space: nowrap;
	overflow: hidden;
    max-width: 344px;
    height: 40px;
}