body 
{
	font-family: Verdana, Helvetica;
	font-size: 11px;
	padding: 0px;
	font-weight : bold;
	color: #555555;		
}
H1 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #555555; FONT-STYLE: normal; FONT-FAMILY: verdana; FONT-VARIANT: normal
	}
H2 {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: white; FONT-FAMILY: Arial, Helvetica, sans-serif; margin-bottom:0px; margin-top:0px;
	}

a {
	color:  #555555;
	text-decoration:none;
	}
a.blue {
	color:  #9999dd;
	text-decoration:'underline';
	}	
a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none;
    text-align :left;
    width:100px;
    }
    
    
image.infoimg{
border:none;  
	text-decoration:none;

}
a.image
{
border:none;text-decoration:none;

	
	}
    
a.info:hover{z-index:25; background:#ffffff; text-decoration:none; text-align :left;}

a.info span{text-align :left;display: none; padding:2px 3px; margin-left:8px;  font-size:x-small ;   font-weight:normal;}

a.info:hover span{ /*the span will display just on :hover state*/
  display:block;
  position:absolute; 
  background:#ffffff; 
  border:1px solid #cccccc; 
  color:#6c6c6c;
  font-weight:normal;
  text-align :left;
  }
  
 a.infoNew{
    /*position:relative; /*this is the key*/ 
    z-index:4;
    color:#000000;
    text-decoration:none;
    text-align :left;
    width:200px;
    }
  
a.infoNew:hover 
    {
    z-index:25;
    background:#ffffff; 
    text-decoration:none; 
    text-align :left;
    /* overflow: auto; */
    }

a.infoNew span{
    text-align :left; 
    display: none; 
    /*padding:2px 3px; */
    margin-left:1px; 
    font-size:x-small; 
    font-weight:normal; 
    width: auto;
    margin-top: -23px; 
    position:relative ;
    white-space :normal;
    overflow: auto;
    }

a.infoNew:hover span{ /*the span will display just on :hover state*/
  display:block;
  /*position:absolute; */
  background:#ffffff; 
  border:1px solid #cccccc; 
  color:#6c6c6c;
  font-weight:normal;
  text-align :left;
  white-space :normal;
  /*overflow: auto;*/
  margin-top: -23px; 
   z-index:25;
  }
  
a.infomeans  span{text-align :left;display: none; padding:2px 3px; margin-left:8px;   font-size:x-small ;   font-weight:normal;}
a.infomeans:hover{z-index:25; background:#ffffff; text-decoration:none; text-align :left;}
a.infomeans:hover span{ /*the span will display just on :hover state*/
  display:block;
  position:absolute; 
  background:#ffffff; 
  border:1px solid #cccccc; 
  color:#6c6c6c;
  font-weight:normal;
  text-align :left;
  }
 
a.tooltip:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;}
a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}    

a:hover
{
	color:  #9999DD;
	text-decoration:none;
}	
a_underlined {
	color: #B9B9B9;
	text-decoration:underline;
	}
.a_noColor {
	text-decoration:none;
	}
.a_ScrollingSmall {
	color:  #9999DD;
	font:italic;
	font-size: 9px;
	padding: 0px;
	font-weight:lighter;  
	}
.a_ScrollingSmall:hover
{
	color:  #9999DD;
	text-decoration:none;
	font-size: 9px;
	padding: 0px;
	font-weight:lighter; 
}	
.a_ScrollingSmaller {
	color:  #9999DD;
	font:italic;
	font-size: 9px;
	padding: 0px;
	font-weight:lighter;  
	}
.a_ScrollingSmaller:hover
{
	color:  #9999DD;
	text-decoration:none;
	font-size: 9px;
	padding: 0px;
	font-weight:lighter; 
}	

.a_Small {
	color:  #9999DD;
	font:italic;
	font-size: 11px;
	padding: 0px;
	font-weight:lighter; 
	cursor:pointer;
		}
.a_Small:hover
{
	color:  #9999DD;
	text-decoration:none;
	font-size: 11px;
	padding: 0px;
	font-weight:lighter; 
	cursor:pointer 
}	
.a_Small_underlined {
	color: #555555;
	text-decoration:underline;
	font-size: 11px;
	padding: 0px;
	font-weight:lighter; 
	}
.a_Small_blue {
	color: Blue;
	text-decoration:underline;
	font-size: 11px;
	padding: 0px;
	font-weight:lighter; 
	}
.a_MainSize_blue {
	color: Blue;
	text-decoration:underline;
	font-size: 12px;
	padding: 0px;
	font-weight:bold; 
	}


.font_main {
	font-family: Verdana, Helvetica;
	font-size: 11px;
	padding: 0px;
	font-weight : bold;
	color: #555555;		
}
	
.font_bigger {
	font-family: Verdana, Helvetica;
	font-size: 15px;
	padding: 0px;
	font-weight : bold;
	color:  #555555;		
}	

.font_smaller {
	font-family: Verdana, Helvetica;
	font-size: 11px;
	padding: 0px;
	font-weight:lighter; 
	color:   #555555;		
}	
.font_smallest {
	font-family: Verdana, Helvetica;
	font-size: 9px;
	padding: 0px;
	font-weight:lighter; 
	color:   #555555;		
}	
.font_smallest_Red {
	font-family: Verdana, Helvetica;
	font-size: 9px;
	padding: 0px;
	font-weight:lighter; 
	color:   red;		
}	

.UpperLogo {
	font-family: century gothic;
	font-size: 23px;
	font-style:italic;
	padding: 0px;
	color: white;		
}	

.validatorSmall
{
	font-family: Verdana, Helvetica;
	font-size: 9px;
	padding: 0px;
	font-weight:lighter; 
	color:   red;		
}

.font_problem {
	font-family: Verdana, Helvetica;
	font-size: 11px;
	padding: 0px;
	color:  red;		
}	
.font_Header {
	font-family: Verdana, Helvetica;
	font-size: 14px;
	padding: 0px;
	font-weight : bold;
	color: #7E7E8B  ;		
}	
.survey_header {
	font-family: Verdana, Helvetica;
	font-size: 14px;
	padding: 0px;
	font-weight : bold;
	color: #7889a4  ;	
	background-color:#dce3f3;	
	/*background-image:url(images/surveyheaderbg.jpg);
	background-repeat:repeat-x ;*/
}	
.survey_header a{
	font-family: Verdana, Helvetica;
	font-size: 15px;
	padding: 0px;
	font-weight : bold;
	color: #7889a4;	
	background-color:#dce3f3;
	text-decoration:underline;	
	/*background-image:url(images/surveyheaderbg.jpg);
	background-repeat:repeat-x ;*/
}	



.wizardheader {
	font-family: Verdana, Helvetica;
	font-size: 18px;
	padding: 0px;
	font-weight : bold;
	color:  white;	
		
}	
.wizardfooter {
	font-family: Verdana, Helvetica;
	font-size: 11px;
	font-weight : lighter;
	padding: 0px;
	color:  Gray;	
		
}
.font_buttons {
	font-family: Verdana, Helvetica;
	font-size: 11px;
	padding: 0px;
}	

.grayButton
{
   font-size:11px;
   font-family:Verdana,sans-serif;
   font-weight:bold;
   color:#888888;
   height:23px;
   background-color:#EEEEEE;
   border-style:solid;
   border-color:#BBBBBB;
   border-width:1px;
}
.grayButtonoBorder{
   font-size:10px;
   font-family:Verdana,sans-serif;
   text-decoration: underline;
   font-weight:bold;
   color:Gray ;
   height:25px;
   background-color:#eeeeee;
}
.grayButtonoBorder:hover{
   font-size:10px;
   font-family:Verdana,sans-serif;
   text-decoration: underline;
   font-weight:bold;
   color:Gray ;
   height:25px;
   background-color:#eeeeee;
   color:#9999dd;
}


select{
	font-family: Verdana, Helvetica;
	font-size: 11px;
	padding: 0px;
	font-weight : bold;
	color: #555555;		
}
select:hover{
	font-family: Verdana, Helvetica;
	font-size: 11px;
	padding: 0px;
	font-weight : bold;
	color: #333399;		
}

input
{
	font-family: Verdana, Helvetica;
	font-size: 11px;
	padding: 0px;
	font-weight : bold;
	color: #555555;		
}
.dgrid
{
	font-family: Verdana, Helvetica;
	font-size: 12px;
	padding: 0px;
	font-weight : normal;
	color: blue;		
}
.dgrid:hover
{
	font-family: Verdana, Helvetica;
	font-size: 12px;
	padding: 0px;
	font-weight : normal;
	color: Gray;		
}

input:hover
{
	font-family: Verdana, Helvetica;
	font-size: 11px;
	padding: 0px;
	font-weight : bold;
	color: Gray;		
}
.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(images/formbg.gif) repeat-x left top;
}
/* Information image*/
.info 
{
display:inline-block;
width: 12px;	
height: 35px;	
background-image: url(images/info.png);
cursor:pointer;
    position:relative; /*this is the key*/
    text-decoration:none;
    text-align :left;
  
}
.info  span
{
	text-align :left;
	display: none; 
	padding:2px 3px; 
	margin-left:10px;  
	font-size:10px;   
	font-weight:normal;
	width:400px;
	line-height:16px;
	}
.info:hover span{ /*the span will display just on :hover state*/
  display:block;
  position:absolute; 
  background:#ffffff; 
  border:1px solid #cccccc; 
  color:#6c6c6c;
  font-weight:normal;
  text-align :left;
  }