#Masthead {
    background-color: #666699;
    color: #FFFFFF;
    vertical-align: middle;
    font-family:  sans-serif;
    font-size: 10pt;
    padding:2pt;
    border-style: none none groove;
    border-width: 2px;
    border-color: black;
}
#Masthead a:link {
    color: #FFFFFF;
    text-decoration: none;
}
#Masthead a:visited {
    color: #FFFFFF;
    text-decoration: none;
}
#Masthead a:active {
    color: #FFFFFF;
    text-decoration: none;
}
#Masthead a:hover {
    color: #5599CC;
    text-decoration: none;
}
#PortalTitle {
    background-color: #666699;
    color: White;
    font-family:  sans-serif;
    font-size: 120%;
    font-weight: bold;
    padding: 2px;
    display: inline;
    float: left;
}
#SearchBox {
    text-align: right;
    display: inline;
    float: right;
}
#MainNav {
    display: inline;
    float: left;
    padding: 2px;
}
#PageTools {
    display: inline;
    float: right;
    padding: 2px;
}
div#UserBar {
    background-color: #ddd;
    color: #000;
    vertical-align: middle;
    font-family:  sans-serif;
    font-size: 10pt;
    padding: 2pt;
    border-bottom: 2px groove;
    height: 30px;
}
div#UserBar a {
    color: #000;
}
div#LoggedInAs {
    display: inline;
    float: left;
}
div#UserActions {
    display: inline;
    float: right;
}
div#MainContent {
    background:#fff;
    left:200px;
    overflow:hidden;
    position:relative;
    width: 636px;
}
div#MainContent table {
    font-size:1em;
}
textarea.mceEditor {
  width: 500px;
}
tr.RowEven {
    background-color: #dddddd;
}
tr.RowOdd {
    background-color: #ffffff;
}
div.SideboxTitle {
    background-color: #FFCE7B;
    color: #000000;
    text-align: left;
    vertical-align: middle;
    font-family:  sans-serif;
    font-size: 10pt;
    font-weight: bold;
    padding: 2pt;
    border-style: solid solid none;
    border-color: #666699;
    border-width: 1px;
}
div.SideboxBody {
    background-color: #ffffff;
    color: Black;
    text-align: left;
    vertical-align: top;
    font-family:  sans-serif;
    font-size: 10pt;
    padding: 2pt;
    border-style: solid;
    border-color: #666699;
    border-width: 1px;
}
td.Sidebox {
    font-family: sans-serif;
    font-size: 10pt;
}
#DesktopStatusBar {
    color: Red;
    background-color: White;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight: bold;
    margin-top: 8pt;
}
/* Legacy CMF stuff */
#DesktopTitle {
    margin-top: 8pt;
}
#DesktopDescription {
    font-style: italic;
}
#ContentByline {
    font-size: 90%;
    font-style: italic;
}
#ForematterCell {
    margin-top: 20px;
}
#DiscussionAbove {
    margin-left: 16pt;
    margin-right: 8pt;
    margin-top: 8pt;
    margin-bottom: 8pt;
    font-style: italic;
}
table.FormLayout tr {
    vertical-align: top;
}
table.FormLayout tr th.TextField {
    vertical-align: top;
    color: #000000;
}
table.FormLayout tr td.TextField {
    vertical-align: top;
    color: #000000;
}
table.FormLayout th {
    text-align: right;
    font-size: 10pt;
    font-weight: bold;
}
table.FormLayout dl.FieldHelp dd {
    font-size: 10pt;
    color: #000000;
}
table.FormLayout td.ListName {
    background-color:  #666699;
    color: #FFFFFF;
    font-weight: bold;
    vertical-align: middle;
}
table.FormLayout td.ListDefinition {
    font-style: italic;
    color: #000000;
}
table.FolderContents {
    width: auto;
}
table.ContentsList tr td {
    font-size: 100%;
}
table.ContentsList tr td img {
    border: 0;
}
table.SearchResults {
    width: auto;
}
table.SearchResults tr th {
    text-align: left;
}
table.SearchResults tr td img {
    border: 0;
}
table.Wizard {
    width: auto;
}
table.Wizard tr {
    vertical-align: top;
}
table.Wizard tr th {
    text-align: right;
}
#NewsDateline {
    font-weight: bold;
}
div.CalendarTip {
    visibility: hidden;
    background-color: #FFCE7B;
    color: #000000;
    text-align: left;
    vertical-align: middle;
    font-family:  sans-serif;
    font-size: 10pt;
    padding: 2pt;
    border-style: solid solid solid;
    border-color: #666699;
    border-width: 1px;
    position: absolute;
}
table.Calendar {
    border-style: solid;
    border-color: #666699;
    border-width: 1px;
}
table.Calendar th {
    background-color: #666699;
    color: #FFFFFF;
    vertical-align: middle;
    padding: 2px;
}
table.Calendar th input,
table.Calendar th select {
    font-weight: normal;
}
table.Calendar td.today {
    background-color: #FFCE7B;
}
table.Calendar td.current {
    background-color: #DDDDDD;
    color: #FFFFFF;
}
a.CalendarArrow:link {
    text-decoration: none;
    color: #FFFFFF;
}
a.CalendarArrow:visited {
    text-decoration: none;
    color: #FFFFFF;
}
a.CalendarArrow:active {
    color: #FFFFFF;
    text-decoration: none;
}
a.CalendarArrow:hover {
    text-decoration: none;
    color: Blue;
    background-color: #dddddd;
    text-decoration: underline;
}
a.CalendarDay {
    font-weight:  bold;
}
.TalkbackTreeItem {
    border-style: solid;
    border-width: 1px;
    border-color: black;
    border-color: #666699;
}
/* Classes set on embedded attachment images */
img.image_attachment {
    border: 1px solid #939292;
}
span.image_attachment_left {
    display:block;
    float: left;
    margin: 0.5em 1.2em 0.5em 0;
}
span.image_attachment_right {
    display:block;
    float: right;
    margin: 0.5em 0 0.5em 1.2em;
}
span.image_attachment_center {
    display:block;
    margin: auto;
}
span.image_caption {
    display:block;
    color: #939292;
    font-size: 88%;
    line-height: 1em;
    text-align: center;
    padding: 1ex;
    margin-top: 5px;
    margin-left:4px;
    border-color: #939292;
    border-style: solid;
    border-width: 1px 0;
}
/* Styles for forms (only used by surveys at the moment... but other forms should be updated. */
div.form_field {
  margin-bottom: 1em;
  zoom: 1;
}
.required  {
  color: #f00;
  font-weight: bold;
}
.form_input_horizontal,
.form_input_vertical,
.form_label_horizontal,
.form_label_vertical {
  padding-right: .5em;
  padding-left: .5em;
}
.form_label_horizontal {
  width: 32%;
  float: left;
  text-align: right;
  display: block;
}
.form_input_horizontal {
  width: 62%;
  float: left;
  display: block;
}
div.error_field {
  border:1px dotted #f00;
  padding-bottom: 0.5em;
}
div.error_message {
  padding: 0.5em;
  margin-bottom: 0.5em;
  background: #ffdfdf;
  color: #df0000;
  font-weight: bold;
  clear: both;
}
div#error_summary {
  border:1px dotted #f00;
  padding: 1em;
}
#error_summary h1.error_summary {
  color: #df0000;
  margin: 0;
  padding:0;
}
form #submit_container { text-align: center; margin-top: 1em; }
.clear {
  clear: both;
}
div.survey_image {
  float: right;
}