/* CSS Document */

/*Menu*/

table.rootMenu {
   background: url(/masba/images/464.jpg) repeat-x top left;
    border:1px solid #5a698b;
width:100%}

/* What is this? Men trenger with 100 */
table.rootMenuContainer{
    width: 100%;
}

table.rootMenu table.rootMenuContainer td.rootMenuContainerLast{
text-align: right;
vertical-align: middle;
width: auto;
background-color:#5a698b;}

table.rootMenu td.rootMenu{
    padding-left: 0px; /* left padding */
}
    
table.rootMenu,
table.rootMenu a.rootMenuItem {
  font-weight: normal;
  padding: 0px;
  margin: 0px;
}


table.rootMenu td.rootMenuItem {
    white-space: nowrap;
    width: 90px;
width:auto;
}
table.rootMenu td.rootMenuItemLast {
}

/* Main menu link */
table.rootMenu a.rootMenuItem {   
    position: relative;
    display: block;
    padding: 6px 5px 5px 6px;
	cursor:pointer;
  border-right:1px solid #5a698b;
    white-space: nowrap;
    text-decoration:none;
}

/* Main menu link text */
table.rootMenu a.rootMenuItem span.rootMenuText{
    margin: 0;
    font: 10px/14px verdana, arial, sans-serif;;
    font-weight: bold;
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-right: 0;
}


table.rootMenu td.rootMenuItemLast a.rootMenuItem{
border-right: 1px solid #5a698b;
}

/* What are thise three  ? */
table.rootMenu a.language:hover {
    text-decoration:none;
}

/* The link which has a pointer over it */
table.rootMenu a.rootMenuItemActive,
table.rootMenu a.rootMenuItem:hover{
    text-decoration: none;
color:#5a698b;
}

/* The link text which has a pointer over it */
table.rootMenu a.rootMenuItemActive span.rootMenuText,
table.rootMenu a.rootMenuItem:hover span.rootMenuText{
    text-decoration: none;
color:#5a698b;
}

table.rootMenu a.rootMenuItemSelected{
background-color:white;
}
table.rootMenu a.rootMenuItemSelected span.rootMenuText{
color:#5a698b;
}

/****************************************************************/

table.rootMenu a.rootHasNoLink{
    cursor: default;
}