body { 
background: #fde1fc url(images/wifelovers-invbgnd.jpg) fixed middle;
background-attachment: fixed; 
scrollbar-arrow-color: #ff0099;
scrollbar-base-color: #00357A;
font-family : "Bookman Old Style", "Times New Roman", "serif";
}
p,div,span {
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
.question {
	color:black;
}
.questionnumber {
	color:red;
	font-size:14px
}
.questionanalysis {
	color:blue;
	font-size:14px;
	font-weight:bold;
}
.analysis
{
color:green;
font-weight:bold;
font-size:14px;

}
.answer {
	color:black;
}
.answeranalysis {
	color:maroon;
	font-weight:bold;
}
.quiztitle {
	color:red;
	font-size:26px;
	font-weight: bold;
	font-family:Arial;
}
.quizdescription {
	color:black;
}
.quizmotto
{
	color:Grey;
	font-size:16px;
	font-style:italic;
	font-weight: bold;
}

#progressdone
{
	background-color:red;
}
#progressdiv
{
}
#analysis
{
	background-color:black;
}
table.surveyborder {
border:solid 1px red;
padding:5px;
}

#summarydiv
{
padding:5px;
}
TD {
	color: #330099;
}
a:link {
text-decoration: none;
color: #cc0099;
}
A:hover {
COLOR: #ff0099; 
text-decoration: line;
background: url(images/female2male.jpg)
}
#containerul, #containerul ul{
  text-align:left;
  margin:0;				/* Removes browser default margins applied to the lists. */
  padding:0;				/* Removes browser default padding applied to the lists. */
}

#containerul li{
  margin:0 0 0 30px;			/* A left margin to indent the list items and give the Iron Chefsu a sense of structure. */
  padding:0;				/* Removes browser default padding applied to the list items. */
  list-style-type:none;			/* Removes the bullet point that usually goes next to each item in a list. */
}

#containerul .symbols{			/* Various styles to position the symbols next to the items in the Iron Chefsu. */
  float:left;
  width:12px;
  height:1em;
  background-position:0 50%;
  background-repeat:no-repeat;
}
#userpic{
	filter:alpha(opacity=80); 
	-moz-opacity: 0.8; 
	opacity: 0.8; 
}
#userpic:hover{
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;