.MoreLessButton {
   color: #CCBBFF;
   border-color: #AA99E0;
   padding: 0em 0.2em 0em 0.2em;
   margin: 0em 0.2em 0em 0.2em;
   cursor: pointer;
   text-decoration: none;
}
.MoreLessButton:hover {
   color: #fff;
   border-color: #CCBBFF;
}

.login  {
   background: #1042ad;
   color: #dddddd;
   border-bottom: dashed #5555DD 1px;
   font-size: small;
}

#logout {
   margin-right: 1em; 
   border: 1px; 
   border-style: outset; 
   border-color: #000; 
   background: #1042c4;
}

#logout a:hover {
   color: #fff;
}

div.main_navbar {
/*Colour changes will only affect top bit around logo and very bottom*/
   position: absolute;
   top: 0px;
   left: 0px;
   width: 13em;
   /*100% height bits should fix height problem in internet explorer*/
   min-height:100%;
   height: auto;
   height:100%;
   color: #000;
   background: #1042ad;
   border-style: solid;
   border-width: 2px;
   border-top: none;
   border-left: none;
   border-bottom: none;
   border-color: #1042ad;
   overflow: scroll;
}
body > div.main_navbar {
   position: fixed; /* If possible upgrade to fixed */
   height: 100%;
}

.content {
   /*margin-left: 13em;
   padding-left: 0em;*/
   margin-left: 13em;
   padding-left: 0em;
   /*float: left;*/
}

div.main_navbar ul {
/*All collapsed options*/
   color: #fff;
   padding: 0px;
   margin: 0px;
   background: #1042ad;
   width: 94%;
}
div.main_navbar ul ul {
/*Sensor and Model Tabs*/
   margin-left: 1.8em;
   border-top: solid #13357e 0.25em;
   border-left: solid #13357e 0.25em;
   border-bottom: solid #13357e 1em;
   background: #1042ad;
}
div.main_navbar ul ul ul{
/*AVHRR-MERIS tabs and Met Office MRCS*/
   background: #2c5bc6;
}

div.main_navbar li:hover{
/*All collapsed tabs and Sensor, AVHRR-MERIS and Met Office MRCS*/
   background: #5173df;
}

div.main_navbar li {
   list-style-type: none;
   font-size: 9pt;
   font-weight: bold;
   padding: 0px;
   margin: 0px;
}
#area_box{
   list-style-type: none;
   font-size: 9pt;
   font-weight: bold;
   padding: 0px;
   
   padding-bottom: 0em;
   width:2.4em; 
   height:1.3em; 
   border:1px solid #476cdf; 
   color:#fff; 
   background-color:#1042ad;
   text-align: center;
}

div.main_navbar li.navbarbottom {
/*Individual Products*/
   background: #13357e;
   height: 19px;
   border-bottom: dashed #5173df 1px;
}

div.main_navbar li a {
/*Logout, System status and User Preferences*/
   /*display: block;*/
   text-decoration: none;
   padding: 0px;
   margin: 0px;
   color: #ffeeee;
   margin-left: 0.4em;
}

div.main_navbar li.navbarbottom a {
/*Individual Products*/
   color: #fff;
   margin-left: 0px;
}

div.main_navbar a.help_link {
   display: inline;
}

div.main_navbar li.navbarbottom a:hover {
/*Individual Products*/
   display: block;
   background: #476cdf;
   color: #fff;
   text-decoration: none;
   height: 19px;
}

div.main_navbar form > ul > li > a{
/*All single links*/
   margin-left: 0.4em;
   color: #ffeeee;
}

div.main_navbar .grayout{
   background: #3333aa;
}

/* Styles for the status lights */
#status {
   background: #1042ad;
   width: 100%;
   margin: 0;
   padding: 0;
   font-size: 9pt;
   border-bottom: dashed #5555DD 1px;
}

#status_img {
   vertical-align: middle;
}

#status_text {
   background: #1042ad;
   display: inline;
   vertical-align: middle;
   margin: 0;
   padding: 0;
   font-size: 9pt;
}

#status a:hover{
   color: #fff;
}

li span a:hover{
   color: #fff;
}

li.desc {
  font-size:0.5em;
  text-align:right;
}