/* Classes used by the application go here */

/* Fix for PIO search form in IE having too much space */
#pageLeft form {
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
}

/* Feed icon with highlights/headlines */
#highlights IMG,
#headlines IMG {
  margin-bottom: 3px;
  border-width: 0;
  vertical-align: middle;
}

#highlights H3,
#headlines H3 {
  /* Make the headings always uppercase no matter what the user uses */
  text-transform: uppercase;
}


/* Override styles for the sitename on the left nav */
H4#sitename {
  font-weight: bold;
}

/* Styles for the "Give To..." image */
div#give {
  text-align: center;
}
#give IMG {
  border: 0;
}

/* Photo captions */
p.photo_caption {
  text-align: center;
  font-size: 110%; 
  line-height: 1.3em;
  color: #666;
}


/* For images attached to news stories */
.newsimage_right,
.newsimage_left,
.newsimage_center {
	border: 1px #a2a2a2 solid;
	padding: 1px;
	vertical-align: middle;
}
.newsimage_right {
  float: right;
  margin-left: 10px;
}
.newsimage_left {
  float: left;
  margin-right: 10px;
}
.newsimage_center {
  /* No border in the center */
	border: 0px;
  clear: both;
}


/* For the image in the directory detailed view */
.person_image
{
  /* If you want all people images to have a certain style, put it here */
}

/* The information heading in the detailed people view */
.people_tab
{
  padding-right: 4pt;
  padding-left: 4pt;
  padding-top: 2pt;
  padding-bottom: 2pt;
  border: solid #C3D4E9;
  border-width: 1px 1px 0px 1px;
  background: #EEF5FB;
  font-weight: bold;
}

/* The information in the detailed people view */
.people_info
{
  padding: 4pt;
  border: solid #C3D4E9;
  border-width: 1px;
  border-color: #C3D4E9;
}

/* This is needed to align the CV image to the center of the text */
/* in the detailed people view */
.people_info IMG
{
  vertical-align: middle;
  border: none;
}

/* Used to make the breadcrumb link styles different */
.breadcrumbs a:visited,
.breadcrumbs a:active,
.breadcrumbs a:link 
{
  text-decoration: none;
}

/* Used to highlight search text in the course search */
.highlight
{
  background: #FFDF82;
}

/* Used to make images centered in a line of text (error messages, etc) */
.inline IMG,
.cv IMG
{
  vertical-align: middle;
  border: none;
  padding: .1em;
}

/* Stylize images embedded in the content of the page*/
.right-image,
.left-image
{
  border: solid #000000;
  border-width: 1px;
  vertical-align: top;
  margin-bottom: 10px;
}

/* Align images right and space out the text */
.right-image
{
  float: right;
  margin-left: 10px;
}

/* Align images left and space out the text */
.left-image
{
  float: left;
  margin-right: 10px;
}

/* For data tables */
TABLE.datatable
{
  border: solid #EEF5FB;
  border-width: 1px;
}

/* For data table column labels (the top row) */
TR.collabels,
TD.collabels
{
  background-color: #C3D4E9;
}

/* Even row in tables */
TR.even
{
  /* Placeholder (clear) */
}

/* Odd row in tables */
*.odd
{
  background-color: #EEF5FB;
}

/* For error reporting */
.error
{
  font-weight: bold;
}

/* For error reporting */
.error IMG
{
  vertical-align: middle;
  border: none;
}

/* For admin headings */
P.heading
{
  font-weight: bold;
  font-size: 15pt;
}

/* For admin headings */
P.heading IMG
{
  vertical-align: middle;
  border: none;
}

/* To make the sitemap pretty */
.sitemap IMG
{
  vertical-align: middle;
  border: none;
}

/* ########################### NOT USED ANYMORE ########################### */
/* (may need to be saved for backward compatibility) */

/* For nested table information */
TABLE.grid TR TD
{
  border: solid #AAAAAA;
  border-width: 1px;
}

/* For color TD's on the left */
TD.key
{
  background-color: #EEEEEE;
  font-weight: bold;
}