.grayborder{
margin: 0px 0;
padding: 0;
text-align:left;
border: 1px solid #CCCCCC;
border-bottom-width: 1;
}

.searchmainmenu{
margin: 0px 0;
padding: 0;
text-align:left;
width: 240px; /*width of menu*/
border: 1px solid #78866B;
     height:35px; 



}
 

#search-text-input{

    border-top:0;
    border-right:0;
    border-bottom:0;
    border-left:1;
    float:left;
   font: 16px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
   color: black;
    width:203px; 
    height:33px; 
}
  
 
 
.glossymainmenu{
margin: 0px 0;
padding: 5;
text-align:left;
width: 240px; /*width of menu*/
border: 1px solid #CCCCCC;
border-bottom-width: 1;

height: 541px;
}

.glossymainmenu a.mainmenuitem{
font: bold 16px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 0px;
text-decoration: none;
}

 

.glossymenu{
text-align:left;
margin: 0px 0;
padding: 0;
width: 240px; /*width of menu*/
border: 0px solid #9A9A9A;
border-bottom-width: 0;
border-top:0;
position: absolute;
height: 540px;
overflow-y: scroll;
  scrollbar-color:  #78866B #EEEEEE;
 
-ms-scrollbar-face-color:  #78866B;
-ms-scrollbar-arrow-color:  #78866B;
-ms-scrollbar-base-color:  grey;

}




    .force-overflow {
         min-height: 540px;
    }
 
 
.glossymenu::-webkit-scrollbar {

width: 15px;
            scrollbar-3dlight-color: #4FBDDD;
            scrollbar-arrow-color: #EEE1AE;
            scrollbar-darkshadow-color: #000000;
            scrollbar-face-color: #A0CCE0;
            scrollbar-highlight-color: #F8F2DC;
            scrollbar-shadow-color: #176F99;
            scrollbar-track-color: #E7F2FA;
            border: 1px solid #cccccc;
}

/* Track */
.glossymenu::-webkit-scrollbar-track {

-webkit-box-shadow: inset 0 0 6px grey;

-webkit-border-radius: 0px;

background:#EEEEEE;

border-radius: 0px;

}
 
/* Handle */
.glossymenu::-webkit-scrollbar-thumb {
   background: #78866B; 
   border-radius: 0px;

 

}

/* Handle on hover */
.glossymenu::-webkit-scrollbar-thumb:hover {
  background: #78866B; 
}

.glossymenu::-webkit-scrollbar-thumb:window-inactive {

background: #78866B; 

}


/* Buttons */
.glossymenu::-webkit-scrollbar-button:single-button {
  background-color: #bbbbbb;
  display: block;
  border-style: solid;
  height: 13px;
  width: 16px;
}
/* Up */
.glossymenu::-webkit-scrollbar-button:single-button:vertical:decrement {
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #78866B transparent;
}

.glossymenu::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
  border-color: transparent transparent #78866B transparent;
}
/* Down */
.glossymenu::-webkit-scrollbar-button:single-button:vertical:increment {
  border-width: 8px 8px 0 8px;
  border-color: #78866B transparent transparent transparent;
}

.glossymenu::-webkit-scrollbar-button:vertical:single-button:increment:hover {
  border-color: #78866B transparent transparent transparent;
}


.glossymenu a.menuitem{
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;


}

.glossymenu a.menuitem2{
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: 800000;/*#222915;*/
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
/*background-color: #F4F6F6;  */

}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: black;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{

}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #EEEEEE;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 20px;
}

.glossymenu div.submenu ul li a:hover{
background: #EEEEEE;
colorz: white;
}