/* CSS Document */

/* ======== HTML Tags */

body {
    font-family : Verdana, Arial, Verdana, sans-serif; 
    font-weight : normal; 
    background-color : #ffffff;
	margin : 10px;
	color : Black;
}

p  {
    font-size : 80%; 
    color : #000000; 
    }

/* ======== Divs only */

#toppanel {
    position : relative;
	left : -2px; /* We may need to adjust this a bit yet */
}

#mainpanel {
    position : relative;
	top : 24px; 
	left : 164px;
    margin-left : 60px;
    padding-bottom : 30px;
    width : 490px; /* was 490 and not sure if problems putting to 520 ? Yes it makes FAQ too wide !*/
    borderx : 1px solid #000000;
}

#leftpanel {
    position : absolute;
	top : 126px; /* was 109 but moved down a bit to make room for back and home buttons. Try 134 not 118 */
	left : 30px; /* was left 20 width 178 but try 30 and 168 to move things right a bit */
	width : 162px; /* 168 if border is zer0 */
    border-right : 1px dotted #bbbbbb;
}

#reporttablediv {
   border : 1px solid #ffffff; /* border for the outputted report in table format */
   position : relative;
   left : 220px; /* was 112, try 160 same as mainpanel div for now. Don't work for some reason. Go to 190 or more */
   padding-right : 200px; /* stops horizontal scrolling in Explorer stopping too abruptly */
   margin-right : 50px;
   padding-bottom : 20px; /* no idea why this has been added. In case a footer added ? */
   top : 22px; /* was 22. Try this instead */
   }

#ws1 {
   position : absolute;
   left : 700px;
   top : 24px;
   borderx : 1px solid #000;
   }

#ws2 {
   position : absolute;
   left : 700px;
   top : 52px;
   borderx : 1px solid #000;
   }

/* ==== paragraph styles */

.ps1 {
    borderx : 1px solid #00ffff;
    font-weight : bold;
    padding-topx : 0px; /* was 20px but try to add padding to the bottom only ? */
    padding-bottomx : 0px; /* was 12px but try this */
    margin : 0px 0px 10px 0px;
	padding : 4px 8px 4px 8px;
	background-color : #ccccff; /* ffcccc is a nice pale mauve */
   }

.ps2 {
    borderx : 1px solid #00ff00;
    background-colorx : #ffaa33;
    padding-leftx : 0px;
    marginx : 0px;
    margin : 0px 0px 10px 10px;
   }

/* ==== Map Labels 1na 2sa 3eu 4af 5me 6fe 7oc */

#mlna, #mlsa, #mleu, #mlaf, #mlme, #mlfe, #mloc {
   font-weight : bold;
   font-sizex : 100%;
   color : #ffffff;
   }


#mlna { position : absolute; top : 90px; left : 60px; }
#mlsa { position : absolute; top : 172px; left : 102px; }
#mleu { position : absolute; top : 84px; left : 190px; }
#mlaf { position : absolute; top : 140px; left : 202px; }
#mlme { position : absolute; top : 108px; left : 234px; }
#mlfe { position : absolute; top : 116px; left : 302px; }
#mloc { position : absolute; top : 192px; left : 344px; }

/* ==== Home Page Main Menu styles and pls3-5 for home left menu pls3l=3last */

.pls1 {
    font-weight : bold;
    padding-left : 0px;
    margin-top : 0px;
    margin-bottom : 10px;
   }

.pls2 {
    padding-left : 10px;
    margin-top : 0px;
    margin-bottom : 16px;
   }

.pls3, .pls3l {
    padding-left : 4px; /* any color is overridden by pls5 a */
    font-weight : bold;
    padding-top : 0px;
	padding-bottom : 8px;
    margin : 0px; /* this does indent the left sub panel items */
    color : #00ff00;
	background-color : #ffffff;
   }

.pls3l {
	margin-bottom : 10px;
    }

.pls4 {
    color : #888888;
    font-weight : bold;
    padding-left : 4px;
    margin-top : 0px;
    margin-bottom : 10px;    
   }

.pls5 {
    padding-left : 10px; /* any color is overridden by pls5 a */
    padding : 2px;
    margin-left : 0px;
	margin : 2px; /* this controls the spacing of the left hand items */
   }

.space1 {
   font-size : 40%;
   margin : 0px;
   padding : 0px;
}

.space2 {
   font-size : 40%;
   margin : 0px;
   padding : 10px;
}

/* ==== add a title as needed ... */

.leftsubpanel {
   margin-bottom : 20px; /* this separates the two groups of links in the left hand panel */
}

.hs1 {
    font-family : Arial, sans-serif; 
    font-size : 110%; 
    padding-top : 0px;
    padding-bottom : 0px;
    padding-left : 0px;
    color : Black; 
    }

.hs2 {
    font-family : Arial, sans-serif; 
    font-weight : bold; 
    font-size : 110%; 
    padding-top : 0px;
    padding-bottom : 0px;
    padding-left : 0px;
    text-align : left; 
    color : #666666; 
    }

.hs3 {
    font-family : Verdana, Arial, Verdana, sans-serif; 
    font-size : 80%; 
    margin-top : 0px;
    padding-top : 0px;
    padding-bottom : 0px;
    padding-left : 0px;
    }

/* ======== Tables */

.reporttable {
    font-family : Arial, Verdana, sans-serif; 
    font-size : 70%;
    border : 1px;
    padding : 6px; 
  }

.reporttabletitle {
   color : #ffffff;
   background-color : #000000;
   font-weight : bold;
   }

.reporttabledata {
   color : #000000;
   background-color : #e3e3e3; /*  nice pale grey */
   }

.inputtableupper {
    width : 480px;
	margin-bottom : 6px;
    color : #000000;
    }

.inputtablelower {
    width : 320px;
	margin-bottom : 26px;
    color : #000000;
    }

.col1 {
    span : 1;
    width : 0px;
   }

.col2 {
    span : 3;
    width : 160px;
   }

.col3 {
    span : 2;
    width : 160px;
   }

.inputtitle {
    font-family : Arial, sans-serif; 
    font-size : 80%; 
   }

.userinput {
    font-family : Arial, sans-serif; 
    font-size : 80%; 
    padding-left : 4px;
    border : 1px solid #000000;
    color : #000000;
    background-color : #eeeeff;
   }

.pagetitle {
    font-family : Arial, Verdana, sans-serif; 
    font-size : 80%; 
    color : #000000; 
    }

.copyright {
    margin-top : 2px;
    font-size : 70%; 
    color : #666666; 
    }

.copyrighthr {
    width : 740px;
    }

.devcomm {
    margin-top : 2px;
    margin-bottom : 8px;
    font-size : 70%; 
    line-height : 160%;
	width : 600px;
	margin-left : 10px;
    color : #333333; 
   }

/* ======== Login Screen ======== */

#login {
    position : static;
    font-family : Arial, Verdana, sans-serif; 
    margin-left : 30px;
    margin-top : 30px;
    margin-bottom : 0px;
    padding : 12px;
    padding-left : 20px;
    top : 140px;
    left : 40px;
    width : 260px;
    border : 1px solid #fff;
   }

#loginerror {
   position : absolute;
   top : 140px;
   left : 350px;
   color : #0000ff;
   font-weight : bold;
  }

.loginsubmitimage {
   margin-top : 10px;
   margin-left : 120px;
   margin-bottom : 0px;
   border : 1px solid #000;
   }

.submit {
    position : relative;
    top : 10px;
    left : 20px;
    width : 100px;
    border : 1px solid #000000;
    color : #000000;
    background-color : #ddd;
}

.loginuserinput {
    margin-top : 4px;
    width : 140px;
    border : 1px solid #000000;
    color : #000000;
    background-color : #eeeeee;
}

/* ======== Links ======== */

#mainpanel a{
    color : #000000; /* was #105bac for some reason */
    text-decoration : none; 
}

#mainpanel a:hover{
    border-bottom : 2px solid #06D3FF; /* this is a nice blue */
    border-bottom : 2px solid #aaaaaa;
}

#leftpanel a{
    color : #666666; /* this was #105bac */
    text-decoration : none; 
}

#leftpanel a:hover{
    border-bottom : 2px solid #aaaaaa;
}

.backhomepanelitem a{
    color : #0066ff;
    text-decoration : none; 
    }

.backhomepanelitem a:hover{
    color : #06D3FF;
    background-imagex : url(..\images\bluehome1_50_23.gif);
    border-bottom : 2px solid #06D3ff;
}

/* ======== Radio Buttons ======== */

.rbpara {
    list-style-position : outside;
    margin : 6px;
}

.rb {
    list-style-position : outside;
    padding : 8px;
    margin-left : 0px;
    background-color : #eeeeff;
}

/* ======== Unsorted ======== */

.backhomepanelitem {
	font-weight : bold;
	font-size : 70%;
	margin-bottom : 0px;
    padding : 0px;
    padding-bottom : 5px;
	padding-left : 10px;
    padding-right : 10px;
	borderx : 1px solid #000000;	/* border for each item in backhome panel */
    }

/* redefined */
.backhomepanelitem {
	font-weight : bold;
	font-size : 70%;
	margin-bottomx : 0px;
    padding : 0px;
    padding-bottomx : 5px;
	padding-leftx : 10px;
    padding-rightx : 10px;
	borderx : 1px solid #000000;	/* border for each item in backhome panel */
    }

.reportrequestimage {
   margin-top : 10px;
   margin-left : 34px;
   margin-bottom : 0px;
   border : 1px solid #000;
   }

.mainmapbottomitemviewall {
   position : relative;
   top : -20px;
   left : 8px;
}

.menumap1 {
   position : relative;
   left : 10px;
}

div#bottomnav {
   position : relative;
   width : 430px;
   margin : 0 0 0 0;
   padding : 0 0 0 0;
   left : -40px;
   background-colorx : #ff0000;
   font-size : 70%;
   text-align : center; 
   borderx : 1px solid #0000ff;
   line-height : 170%;
}

div#bottomnav ul {
   list-style-type : none;

}

div#bottomnav ul li {
   display : inline;  
   color : #0000ff;
} 

div#bottomnav2 {
   position : relative;
   margin : 0 0 0 0;
   padding : 0 0 0 0;
   left : 0px;
   background-colorx : #ff0000;
   font-size : 70%;
}

div#bottomnav2 ul {
   list-style-type : none;
}

div#bottomnav2 ul li {
   display : inline;  
   color : #0000ff;
}