body {
margin-left: 0px;
margin-right: 0px;
margin-top: 10px;
margin-bottom: 10px;
background-color: #EAEAEA;
}

td {  
font-family: trebuchet ms, Lucida grande, Arial, georgia, sans-serif;
font-size: 12px;
line-height: 140%; 
color: #666666;
}

form {
  display: inline;
}

.form
{
width:180px; 
height:21px; 
padding:1px; 
font-family: Arial, sans-serif;
font:11px Arial, sans-serif; 
color: #666666;
border:1px solid #ABABA3;
}

.formdiary
{
height:21px; 
padding:1px; 
font-family: Arial, sans-serif;
font-size:11px; 
color: #666666;
border:1px solid #ABABA3;
}

.formbig {
  width:365px; 
  height:100px; 
  padding: 2px; 
  font-family: Arial, sans-serif;
  font:11px Arial, sans-serif; 
  color: #666666;
  border:1px solid #ABABA3;
}

.formmedium {
  width:127px; 
  height: 15px;
  padding: 2px; 
  font-family: Arial, sans-serif;
  font:11px Arial, sans-serif; 
  color: #666666;
  border:1px solid #ABABA3;
}

.selectmedium {
  padding: 2px; 
  font-family: Arial, sans-serif;
  font-size:11px; 
  color: #000000;
}

.formsmall {
  width:40px; 
  height:21px; 
  padding:1px; 
  font-family: Arial, sans-serif;
  font:11px Arial, sans-serif; 
  color: #666666;
  border:1px solid #ABABA3;
}

.formulti {
  width:180px; 
  height:80px; 
  padding:1px; 
  font-family: Arial, sans-serif;
  font:11px Arial, sans-serif; 
  color: #666666;
  border:1px solid #ABABA3;
}

.multilong {
  width:250px; 
  height:250px; 
  padding:1px; 
  font-family: Arial, sans-serif;
  font:11px Arial, sans-serif; 
  color: #666666;
  border:1px solid #ABABA3;
}

a:link {
color : #ff6600;
text-decoration: none;
}

a:visited {
color : #ff6600;
text-decoration: none;
}

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

a:active {
color : #ff6600;
text-decoration: none;
}

a.cal:link {
font-weight: bold;
color : #ffffff;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif; font-size: 10px}

a.cal:visited {
font-weight: bold;
color : #ffffff;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif; font-size: 10px}

a.cal:hover {
font-weight: bold;
color : #cccccc;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif; font-size: 10px}

a.cal:active {
font-weight: bold;
color : #ffffff;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif; font-size: 10px}

.whitetitle {  
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}

.orangetitle {  
	font-size: 14px;
	font-weight: bold;
	color: #ff6600;
}

.title {  
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}

.medium {  
	font-size: 11px;
	color: #444;
}

.activity {  
	font-size: 11px;
	font-weight: bold;
	color: #444;
}

.diary {  
	font-family: Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
}

.diary-active {  
	background-color: #ff9900; 
}


div.diary {  
	vertical-align: top;
	display: inline;
	padding: 0px;
	margin: 0px;
	top: -2px;
	position: relative;
}

.small {  
	font-size: 10px;
	color: #444;
}

.login {  
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 9px;
	color: #ffffff;
}

.whitebold {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: bold;
	line-height: 135%; 
	color: #ffffff;
}

.footer {  
	font-size: 10px;
	color: #666666;
}

.errmsg {
  font-size: 12px;
  font-weight: bold;
  color: #F5567C;
  background: #EAEAEA;
  vertical-align: top;
}

.errmsg2 {
  font-size: 12px;
  font-weight: bold;
  color: #ff6600;
  background: #EAEAEA;
  vertical-align: top;
}

.errmsghead {
  font-size: 12px;
  font-weight: bold;
  color: #666666;
  vertical-align: top;
}

#arrow-topics {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}

#arrow-topics li {
  padding-left: 16px;
  background-image: url('/images/site/arrow-activity.gif');
  background-repeat: no-repeat;
  background-position: 0 4px;
}

#arrow-topics a:hover {
  color: #000000;
}

#progress {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  color: #666666;
}

#progress li {
  padding-left: 22px;
  background-image: url('/images/site/diary-notstarted.jpg');
  background-repeat: no-repeat;
  background-position: 0 2px;
  padding-bottom: 6px;
}

#progress li.complete {
  background-image: url('/images/site/diary-complete.gif');
}

#progress li.incomplete {
  background-image: url('/images/site/diary-incomplete.gif');
}

#progress li.notstarted {
  background-image: url('/images/site/diary-notstarted.jpg');
}

#survey-list {
  font-weight: bold;
  margin-left: 0px;
  padding-left: 20px;
  list-style-type:square;
}

#survey-list li {
  color: #FF2200;
}

#survey-list a:link {
color : #ff2200;
text-decoration: none;
}

#survey-list a:visited {
color : #ff2200;
text-decoration: none;
}

#survey-list a:hover {
color : #999999;
text-decoration: none;
}

#survey-list a:active {
color : #ff2200;
text-decoration: none;
}

ul.list-def {
  margin-left: 12px;
  padding-left: 5px;
}

.login-cell {
  vertical-align: bottom;
  padding: 40px 60px;
}

.select {
  height:21px; 
  padding:1px; 
  font-family: Arial, sans-serif;
  font-size:11px; 
  font-weight: normal;
  color: #666666;
  border:1px solid #ABABA3;
}

.popuptext {
  font-weight: bold;
}