#topnav{
width:100%;
padding:0;
margin:0;
background-color:white;

white-space:nowrap;
}
#topnav h1{
  background:url("../img/lmpt-logo-283.jpg") no-repeat scroll 0 0 transparent;
  height:80px;
  margin:10px 10px 0;
  position:absolute;
  text-indent:-10000em;
  width:283px;
}
#topnav h1,#topnav h2, #topnav h3{
  color: #A1C037;
  display:inline;
}
#topnav div.customer-names h2{
  font-size: 130%;
  font-weight:bold;
}
#topnav div.customer-names h3{
  font-size: 130%;
  font-weight:bold;
}
#topnav ul{
  list-style:none outside none;
}
#topnav ul, #topnav li, #topnav li{
margin:0;
padding:0;
}
#topnav a{
  cursor:pointer;
  text-decoration:none;
  color:#555555;
  font-weight:bold;

}
#topnav div.strip1{
  height:75px;
}
/*
#topnav div.strip1 div{
display:inline;
position:absolute;
}*/
#topnav div.strip1 div.customer-names{
  display:block;
  margin-left:350px;
  position:absolute;
  top:10px;
}
#topnav div.strip1 div.topmenu{
  display:block;
  position:absolute;
  right:20px;
  top:10px;

}



/**
 *  First level of menu tabs
 */
 
 
 
/* Set basic layout for green bar*/ 
#topnav div.strip2{
margin: 20px 0 10px;
}
#topnav div.strip2 ul{
margin-left:330px;
padding:0;
}
#topnav div.strip2 ul, #topnav div.strip2 ul li{
display:inline;

}
#topnav div.strip2 ul li{
padding:10px 0;
margin:-1px;
white-space: nowrap;
}

  /* Hide sub lists - they get moved by js anyway*/
  #topnav div.strip2 ul li ul{
  display:none;
  }

  /* Small separator bar */
  #topnav div.strip2 ul li a{
  padding:0 20px;
  border-left:1px solid #A1C037;
  display:inline;
  }
    #topnav div.strip2 ul li.first-child a{
    border:0;
    }
  /* Selected menu items */
  #topnav div.strip2 ul li.selected{
    border-radius: 8px 8px 0 0;
    -moz-border-radius:8px 8px 0 0;  
  }
  #topnav div.strip2 ul li.selected,
  #topnav div.strip2 ul li.selected a{
    background-color:#A1C037;
    color:white;
  }


    
    
    
    



/**
 * #div.strip3 is the green bar
 * #div.strip3 .level2 is the menu
 * #div.strip3 .level3 is the first level of drop-down menus
 * #div.strip3 .level4 is the second level of drop-down menus
 */
/**
 * Settings for lists at all layers
 */


#topnav div.strip3{
 height:50px;
 background-color: #A1C037;
 color:white;
}
#topnav div.strip-shadow {
 height:10px;
 width:100%;
}

#topnav div.shadow-down{
 background: url(../img/gray-gradient.png) repeat-x ;
}




/** Level 2: the ones in the green bar */

  /* Main container position */
  #topnav div.strip3 div#submenuContainer{
    margin-left:330px;
    padding-top:15px;
    z-index:3;
  }
  
  #topnav div.strip3 div.yuimenulevel2,
  #topnav div.strip3 div.yuimenulevel2 .bd{
   border:0;
  }

 /* Lists */
  #topnav div.strip3 ul.level2{
  
    /*height:35px;*/
  }
  #topnav div.strip3 ul.level2 li{
   display:inline;
   float:none;
   padding:10px 0 19px 0;
   *padding: 0;
   margin:-1px;
   margin-right:4px; 
   border-radius: 8px 8px 0 0;
   -moz-border-radius:8px 8px 0 0;
  }

 /* Links */
  #topnav div.strip3 ul.level2 li a{
    padding:10px 20px 19px;
    border:0;
    display:inline;
    *padding-bottom: 8px;
    *line-height:35px;
  }

 /* colours */
  #topnav div.strip3 ul.level2, 
  #topnav div.strip3 ul.level2 li a{
   background-color: #A1C037;
   color:white;
  }


 /* Selections (the second one is for 'sticky' selections - once they click*/
  #topnav div.strip3 ul.level2 li.yuimenubaritem-selected a,
  #topnav div.strip3 ul.level2 li.yuimenubaritem.selected>a{
    background-color:#EBF2D0;
    color:#A1C037;
    border-radius: 8px 8px 0 0;
    -moz-border-radius:8px 8px 0 0;
  }







/* Level 3: overwrite level 2 ones where necessary */



  /* Submenu container*/
  #topnav div.strip3 ul.level2 div.yuimenu{
   border:1px solid #EBF2D0;
   background-color:#EBF2D0;
   padding:1px;
   min-width:150px;
   z-index:4!important;
   border-radius: 0 4px 4px 4px;
   -moz-border-radius:0 4px 4px 4px;
   -moz-box-shadow:3px 3px 5px #CCCCCC;
   -webkit-box-shadow:3px 3px 5px #CCCCCC;
   box-shadow:3px 3px 5px #CCCCCC;
  }


  /* Lists */

  #topnav div.strip3 ul.level3,
  #topnav div.strip3 ul.level3 li,
  #topnav div.strip3 ul.level3 li.yuimenuitem a{
    background-color:#EBF2D0;
    color:#A1C037;
    -moz-border-radius:0;
    border-radius: 0;
    padding:0;
    margin:0;
    display:block;
  }

  #topnav div.strip3 ul.level3 li/*,
  #topnav div.strip3 ul.level4 li*/{
    padding: 5px 25px 5px 20px;
    *line-height:18px;
  }
  #topnav div.strip3 ul.level3 li a{
    *padding-bottom: 5px;
    *line-height:18px;
  }
  /* submenu indicator */
  #topnav div.strip3 ul.level3 li.yuimenuitem-hassubmenu{
  background-image:url("../img/yui/menuitem_submenuindicator.png");
  background-position:right center;
  background-repeat:no-repeat;
  }
  
  #topnav div.strip3 ul.level3 li a{
  padding: 0 10px;
  }


  /* Colours */
  #topnav div.strip3 ul.level3 a{
   color:#A1C037;
   background-color:#EBF2D0;
  }


  /* Selection */
  #topnav div.strip3 ul.level3 li.yuimenuitem-selected ,
  #topnav div.strip3 ul.level3 li.yuimenuitem-selected a,
  #topnav div.strip3 ul.level4 li.yuimenuitem-selected ,
  #topnav div.strip3 ul.level3 li.yuimenuitem-selected ul.level4 li.yuimenuitem-selected a,
  #topnav div.strip3 ul.level2 li.yuimenubaritem.selected ul.level4 li.yuimenuitem-selected a{
    background-color:white;
    color:#A1C037;
  }
  #topnav div.strip3 ul.level3 li.yuimenuitem-selected ,
  #topnav div.strip3 ul.level4 li.yuimenuitem-selected {
    border-radius: 4px;
    -moz-border-radius:4px;  
  }
  
  #topnav div.strip3 ul.level3 li.yuimenuitem-hassubmenu.yuimenuitem-selected{
    border-radius: 4px 0px 0px 4px;
    -moz-border-radius: 4px 0px 0px 4px;
  }

  /* scroll bars if there's not enough screen room*/
   .yui-skin-sam #topnav .yuimenu .topscrollbar, 
   .yui-skin-sam #topnav .yuimenu .bottomscrollbar{
    border-color:white;
  }
   .yui-skin-sam #topnav .yuimenu .topscrollbar{
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
  }
  .yui-skin-sam #topnav .yuimenu .bottomscrollbar{
    border-radius:0 0 4px 4px;
    -moz-border-radius:0 0 4px 4px;
  }



/** Level 4: submenus of drop-downs */

 #topnav div.strip3 ul.level4{
 
 }
 
 /**
  * If parent is selected, don't want child ones unless they are actually selected
  */
  #topnav div.strip3 ul.level3 li.yuimenuitem-selected ul.level4 li a,
  #topnav div.strip3 ul.level4 li{
    background-color:#EBF2D0;
    color:#A1C037;
  }  











#topnav form{
  display:inline;
  margin-right:20px;
}
#topnav form input{
  border:0;
  background:none;
  color:#5C5C5C;
}
#topnav form input#q{
  background-color:#eee;
  padding:3px;
  position:inherit;
  width:auto;
}
#topnav form input.submit{
  color:white;
  background-color:#A1C037;
  padding:2px;
}
/* autocomplete box*/
#topnav div.strip1 div.yui-ac{
  display:block;
  position:relative;
  width:100%;
}
#topnav div.strip1 div.yui-ac-container {
  left:0;
  position:absolute;
  top:0;
}
#topnav div.strip1 div.yui-ac-container .yui-ac-content{
  border-color:#eee;
  color:#5C5C5C;
  border-top:0;
}
#topnav div.strip1 div.yui-ac-container li{
padding: 4px ;
}

#topnav div.strip1 div.yui-ac-container li.yui-ac-highlight{
  background-color:#EBF2D0;
  color:black;

}
#topnav a.logout{
position:absolute;
right:0;
top:0;
}






.hidden{
  display:none;
  visibility:hidden;
}