﻿.bodybg {
    font-family: Arial, Verdana, Tahoma;
    font-size: 9pt;
    background: url("Images/background.jpg");
    background-repeat: no-repeat;
}

.loginform {
    font-family: Arial, Verdana, Tahoma;
    font-size: medium;
}

h1 {
    font-size: 20pt;
    font-weight:bold;
    color: #000088;
}

h4 {
    font-size: 10pt;
    font-weight:bold;
    color: #000088;
}


#loginstatus {
    position: absolute;
    top: 75px;
    left: 25px;
    width: 225px;
    height: auto;
}


#menu { /*The navigation on the left side, positioned absolutely*/
    position: absolute;
    margin-top: 190px;
    left: 5px;
    width: 140px; 
    height: auto;
    line-height : 110%;/*line-height set to 110% in order to*/
}                  /*have the navigation elements better separated*/

                    
#content  { /*this is the main content area*/
    
    /*declare a color together with a contrasting background color*/
    color: #000000;/*to insure readability*/
    margin-left: 155px;
    /*to position the content area to the right of the navigation*/
    margin-right: 20px;/*breathing space for the text*/
    margin-top: 30px;
    padding: 5px;/*space to separate navigation and content*/
    font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 
    width: auto;
    height:auto;
   /*to insure that NN4.xx renders the background-color of the content area*/
}

a img {
    border-style: none;
}

#header {
    /* margin-left: 325px;
    margin-right: 20px;
    margin-top: 50px; */
    margin-left: 430px;
    margin-right: 20px;
    margin-top: 12px;
}

#taskmanager {
    margin-left: 350px;
    margin-right: 20px;
    margin-top: 15px;
}

/******************* JavaScript Check ****************************/
/* Set visibility to hidden to enable javascript check.   
   Disable to work on files */
   /* TODO */
#header, #menu, #loginstatus, #jsEnabled, #taskmanager {
    /* visibility:hidden; */
}
/******************* JavaScript Check ****************************/


        .SideMenuGroup {
            background-color: white;
            border:solid 1px gray; 
            margin-right: 5px;
        }

        .SideMenuItem {
            background-color:white; 
            font-family: Verdana; 
            font-size:11px; 
            border:solid 1px white; 
            cursor:default;
            color: #666666;
            display: block;
            padding-left: 2px;
            padding-right: 5px;
        }
        .SideMenuItem td {
            border:solid 1px white;         
            cursor: default;
        }
        
        .SideMenuItemSelected {
            /* border:solid 1px #95b5de; */
            background: white url("images/icons/bullet_go.png") no-repeat;
            color:black;
        }
        .SideMenuItemSelected a {
            background: transparent;
            margin-left: 15px;
        }
        
        .SideMenuItemHover {
            background-color: #f2f2f2; 
            color:#2a51a0; 
            font-family: Verdana; 
            font-size:11px; 
            border: solid 1px gray; 
        }
        .SideMenuItemHover a {        
            cursor:pointer;
        }
        
        .SideMenuItemHover td {
            border:solid 1px #f2f2f2; 
        }
        

        .SideMenuItemExp {
          background-color:silver; 
          color:black; 
          font-family:Arial, Verdana; 
          font-size:11px; 
          border:solid 1px white; 
          border-collapse: separate;
          cursor:pointer;
        }
        
        .SideMenuHiddenGroup {
            display: none;
        }
        
        
#MenuTabs {
    float:left;
    /* 
    width:100%; 
    font-size:93%;
   
    background: ;
    */
    line-height:normal;
	border-bottom:1px solid #24618E;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 11px;
    font-family: Arial;
}
        
        #MenuTabs h2 {
	        font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	        color: #000;
	        margin: 0px;
	        padding: 0px 0px 0px 15px;
	        
        }

        
        #MenuTabs img {
            border: none;
        }          
        
        #MenuTabs ul {
	      margin:0px;
	      padding:10px 10px 0px 50px;
	      list-style:none;

          }                     
          
        #MenuTabs li {
          display:inline;
          margin:0px;
          padding:0px;
          }
          
        #MenuTabs a {
          float:left;
          background:url("images/MenuLeft.gif") no-repeat left top;
          margin:0px;
          padding:0px 2px 0px 4px;
          text-decoration:none;
          }
        #MenuTabs a span {
          float:left;
          display:block;
          background:url("images/MenuRight.gif") no-repeat right top;
          padding:5px 15px 4px 6px;
          color:#24618E;
          }
        /* Commented Backslash Hack hides rule from IE5-Mac \*/
        #MenuTabs a span {float:none;}
        /* End IE5-Mac hack */
        #MenuTabs a:hover span {
          color:#FFF;
          }
        #MenuTabs a:hover {
          background-position:0% -42px;
          }
        #MenuTabs a:hover span {
          background-position:100% -42px;
          }