body { 
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ 
	padding: 0; 
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ 
	color: #000000; 
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: 11px; 
	background-color: #FFFFFF; 
	background-repeat:repeat-y; 
	background-position:center;
	height: 100%;
} 

.background { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	background-color: #ffffff; 
	background-repeat:repeat-y; 
	background-position:center; 
	height:auto; 
} 

.textbox 
        {
         font-family: Verdana, Arial;
         font-size: 10px;
         /*color: GrayText;*/
         color: Black;
         background-color: #efefef;  
        }
        
        .button
        {
         background-color: #efefef;  
         font-family: Verdana, Arial;
         font-size: 10px; 
        }
        


a:link {
	/*color: #162579;*/
color: #0f437c;
}

a:visited {
  /*color: #162579;*/
color: #0f437c;
}

a:hover {
	text-decoration: none;
color: #0f437c;
}

.tabpage_visible {
    height: auto;
    width: 100%;
    background-color: white ;
    display: "";
    position: absolute ;
}

.tabpage_hidden {
    height: 300px;
    width: 100%;
    background-color: white ;
    display: none ;
    position: absolute ;
}

.tabheader {
    height: 40px;
    width: 99%;
    background-color: lightblue ;
    color: black ;
    position: relative ;
}

.tabbody {
    height: auto;
    width: 99%;
    background-color: red ;
}


input.groovybutton
{
   font-size:0.8em;
   font-family:Verdana,sans-serif;
   color:#284775;
   background-color:#FFFBFF;
   border-style:solid;
   border-color:#CCCCCC;
   border-width:1px;
   width:150px;
}