a {
	text-decoration: underline;
	color: #0000FF;
}
a:hover {
	text-decoration: none;
	color: #4C93AE;
}
a.leftnavlinks {
	text-decoration: none;
	color: white;
}
a:hover.leftnavlinks {
	text-decoration: none;
	color: #1C3A4A;
}
a.bottomnav {
	font-family: Arial;
	font-size: 8pt;
	text-decoration: none;
	color: black;
}
a:hover.bottomnav {
	text-decoration: underline;
	color: #4C93AE;
}
/*a.inlinelinks {
	text-decoration: underline;
}
a:hover.inlinelinks {
	text-decoration: none;
}*/

a.clicknav {
	font-family: Arial;
	font-size: 12pt;
	text-decoration: none;
	color: black;
}
a:hover.clicknav {
	text-decoration: underline;
	color: #4C93AE;
}

.q
{
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: white;
  font-weight: bold;
  font-size: 120%;
}

.grey
{
  display: block;
  background-color: #cccccc;
  padding-top: 5px;
  padding-bottom: 5px;
}

.white
{
  display: block;
  background-color: white;
  padding-top: 5px;
  padding-bottom: 5px;
}

.login
{
  text-align: center;
  width: 100%;
}

.surveyprogress
{
  color: #4c92ae;
  margin-left: -9px;
  font-size: 120%;
  font-weight: bold;
}

.prevnext
{
  text-align: center;
}

.pn
{
  margin-top: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 130%;
  text-decoration: none; 
}

input 
{
  background-color: #D7E5F2;
  color: #102132;
  border: 1px solid #284279;
} 

select
{
  background-color: #D7E5F2;
  color: #102132;
  border: 1px solid #284279;
} 

textarea
{
  background-color: #D7E5F2;
  color: #102132;
  border: 1px solid #284279;
} 

.login input 
{
  width: 200px;
  background-color: #D7E5F2;
  color: #102132;
  border: 1px solid #284279;
  margin-right: 0px;
} 

.bottomnavtext
{
	font-family: Arial;
	font-size: 8pt;	
	color: black;
}

.bodytext
{
	font-family: Arial;
	font-size: 10pt;
}

.btntext
{
	font-family: Arial;
	font-size: 14pt;
}

.leftnav
{
	font-family: Arial;
	font-size: 10pt;
	color: black;
}

.footer
{
	font-family: Arial;
	font-size: 8pt;
	color: black;
}

/* the default rating is placed as a background image in the ul */
/* use the background position according to the table above to display the required images*/
.rating{
  width:80px;
  height:16px;
  margin:0 0 20px 0;
  padding:0;
  list-style:none;
  clear:both;
  position:relative;
  background: url(/img/star-matrix.gif) no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
ul.rating li {
  cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
  float:left;
  /* end hide*/
  text-indent:-999em;
}
ul.rating li a {
  position:absolute;
  left:0;
  top:0;
  width:16px;
  height:16px;
  text-decoration:none;
  z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover {
  z-index:2;
  width:80px;
  height:16px;
  overflow:hidden;
  left:0; 
  background: url(/img/star-matrix.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}
/* end rating code */
h3{margin:0 0 2px 0;font-size:110%}