/**********************************************************
 * CSS stylesheet for the recommender application
 **********************************************************
 * IMPORTANT
 * .recShowDate MUST be the first entry! 
 * That's cos I change it and Javascript can only COUNT
 * through CSS and not refer to it by name.  If you think
 * that's crazy then welcome to the industry of standards
 * written by highly paid monkeys.
 **********************************************************/
.recShowDate {
  display:block;
	padding: 10px;
	text-align:right;
	font-style:italic;
}
.recMainTable {
	width:100%;
}
.recMainTable.border {
	background-color:#96CDF9;
}

.recLink {
	color:#FFFFFF;
}

.recTextLink {
	color:black;
}

.recMainLeft {
	width: 150px;
	height: 150px;
	background-color:#336600;
	text-align: -moz-center;
	#text-align: center;
	text-align:center;
}
.recMainRight {
	margin:5px;
	vertical-align:top;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px;
	color: black; 
}
.recRequired {
  color: #FF0000;
  border-left-color: #A0A0A0;
  border-right-color: #C0C0C0;
  border-top-color: #A0A0A0;
  border-bottom-color: #C0C0C0;
	vertical-align:top;
	margin-left:5px;
}
.recExampleText {
	font-size:8pt;
	font-style:italic;
	height:7px;
	padding:3px;
}
#recContent {
	text-align:-moz-center;
	#text-align:center;
	vertical-align:middle;
}
#recCaption {
	font-size:8pt;
	text-align:-moz-center;
	#text-align:center;
}
#recCharCount {
	font-size:8pt;
	color:white;
}
#recMsg {
	text-align:center;
	font-size:14pt;
	color:white;
}