/* Main styles not provided by ThreeSpot */

#displaylist table.list {
    width: 100%;
}

#displaylist th.header {
    background: #000;
    color: #fff;
    padding: 5px;
    font-size: 0.9em;
}

#displaylist th.header a {
    background: #000;
    color: #fff;
}
/*
.kajeet {
    color: black;
 }
*/
#displaylist td.column {
    font-size: 0.8em;
    padding: 1px 5px 1px 5px;
    color: #005295;
}

#displaylist tr.oddRow {
    background: #fff;
}

#displaylist tr.evenRow {
    background: #FFF7D0;
}

textarea.text {
    border: 1px solid #7F9DB9;
}

td.formError {
    padding: 0px 0px 0px 0px;
	text-align: bottom;
}

td.formError span {
    font-size: 0.8em;
    color: #d40909;
}

div.button {
    width: 100px;
}

/* default footer images */
#footer2 {
    background: url(../images/footer-background.gif) no-repeat right bottom;
}

#back-to-top a {
    background: url(../images/footer-back-to-top.gif) no-repeat;
}

/*
  Top separator copied from page-title, and used in place of it, when no
  page-title exists.  Basically, it separates the logo and topnav from the
  content.  But, more importantly, it prevents a skinny left pane (menu) from
  being sucked up into the available space between the logo and right-floating
  topnav.
*/
#top-separator {
    clear: both;
    margin: 0 0 5px 20px;
    height: 1px;
}

.formError {
    font-weight: bold;
    color: #d40909;
}

#bottom-nav a.importantLink {
	font-weight: bold;
	color: #FFFF00;
}