html { 
       height: 100%;            /* fix height to 100% for IE */
       max-height: 100%;        /* fix height for other browsers */
       padding: 0;              /* removing padding */
       margin: 0;               /* remove margins */
       border: 0;               /* remove borders */
       font-size: 80%;          /* set default font size */
       font-family: "trebuchet ms", tahoma, arial, helvetica, sans-serif;
       /* 
          We hide the overflow:hidden command from IE5/Mac.
          This is some trick with the commenting that I've never seen.
       */
       /* \*/
       overflow:hidden; /* get rid of scroll bars in IE */
       /* */
}

body {
       height: 100%;            /* fix height to 100% in IE */
       max-height: 100%;        /* fix height for other browsers */
       overflow: auto;        /* get rid of scroll bars in IE */
       padding: 0;              /* removing padding */
       margin: 0;               /* remove margins */
       border: 0;               /* remove borders */
       color: #000000;
       background-color: #ffffff; 
}

.form {
       height: 100%;            /* fix height to 100% for IE */
       /*max-height: 100%;        /* fix height for other browsers 
       padding: 0;              /* removing padding 
       margin: 0;               /* remove margins 
       border: 0;               /* remove borders 
       overflow:hidden; /* get rid of scroll bars in IE */
}

#content {
           display:block;         /* set up as a block */
           height:100%;           /* fix height to full page in IE */
           max-height:100%;       /* fix height for other browsers */
           overflow:scroll;         /* add full height scroll bars as needed */
           padding-left:10px;    /* spacing */
           padding-right:200px;   /* spacing */ 
           position:relative;     /* set up relative positioning so that z-index will work */
           z-index:3;             /* allocate a suitable z-index */
           word-wrap:break-word; 
}

.pad1 {display:block; width:18px; height:50px; float:left;}
.pad2 {display:block; height:200px;}

#head {
        position:absolute; 
        margin:0; 
        top:0; 
        right:0px;        /* leave room for scroll bars */
        display:block; 
        width:100%; 
        height:205px; 
        background:#fff;
        /* font-size:4em;  */  /* has affect in 1.5Win but not in 1.5Linux */
        z-index:999; 
        color: #000000;
        background-color: #ffffff;
        border-bottom:1px solid #000;
}

#foot {
        position:absolute; 
        margin:0; 
        bottom:0; 
        right:0px;         /* leave room for scroll bars */
        display:block; 
        width:100%; 
        height:30px; 
        background:#fff; 
        color:#000; 
        text-align:left; 
        z-index:4; 
        color: #000000;
        background-color: #ffffff;
       border-top:1px solid #000;
}

/* 
   This should be placed right before and right after the text in the container class.
   We do this to make room for the header and footer. 
*/

#blanket {
	background-color:#111;
	opacity: 0.65;
	filter:alpha(opacity=65);
	position:absolute;
	z-index: 9001;
	top:0px;
	left:0px;
	width:100%;
}
.popUpDiv {
	position:absolute;
	background-color:#eeeeee;
	width:450px;
	height:450px;
	z-index: 9002;
}

.item {
	text-align: center;
	FONT-FAMILY: verdana,helvetica,arial;
	font-size:small;
	BACKGROUND-COLOR: #FFFFFF;
	FONT-WEIGHT: bold;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr= '#FFFFFF' , EndColorStr= '#CCCCCC' );
}
.bground {
	FONT-FAMILY: verdana,helvetica,arial;
	font-size: smaller;
	BACKGROUND-COLOR: #EEEEEE;
}
.title {
	text-align: center;
	FONT-FAMILY: verdana,helvetica,arial;
	font-size: small;
	BACKGROUND-COLOR: #DDDDDD;
	FONT-WEIGHT: bold;
	color: white;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr= '#DDDDDD' , EndColorStr= '#000000' );
}
.rangeheader {
	text-align: center;
	VERTICAL-ALIGN: middle;
	FONT-FAMILY: verdana,helvetica,arial;
	font-size: small;
	BACKGROUND-COLOR: #EEEEEE;
    /*border-bottom:1px solid #EEEEEE;
    border-right:1px solid #EEEEEE;
    border-top:1px solid #EEEEEE;
    border-left:1px solid #EEEEEE;*/
}
.handleText
{
	width:16px;
	height:16px;
	background-image:url(images/HandleGrip.png);
	overflow:hidden;
	cursor:se-resize;
}
.resizingText
{
	padding:0px;
	border-style:solid;
	border-width:2px;
	border-color:#7391BA;
}

.frameText
{
	width:100px;
	height:100px;
	overflow:auto;
	float:left;
	background-color:#ffffff;
	border-style:solid;
	border-width:2px;
	border-color:Gray;
	font-family:Helvetica;
	line-height:normal;
}