.smalltext {
	font-weight: bold; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

BODY {
	background-attachment: fixed;
	margin: 0px;
}

A:hover {
        COLOR: #cc0000
}

.topnav {
	font-weight: bold; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

.topnav A {
	color: #666666; text-decoration: none;
}

.topnav A:hover {
	text-decoration: underline;
        COLOR: #cc0000
}

.navigation {
	border-right: #949494 1px solid; padding-right: 5px; padding-left: 8px; font-size: 10px; border-left: #949494 1px solid;
  text-align: left;
}

.navigation DIV {
	padding-bottom: 3px; margin: 0px; padding-top: 3px;
}

BODY,P,TD {
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

.frontcolumn {
	padding: 0px 6px 0px 0px;
}

.frontcolumnsep {
	border-left: 1px dashed #D6E6F7;
}

.frontcolumn P {
	margin-top: 5px;
	font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;	
}


.content {
  padding: 0px 10px 8px 10px;
  width: 558px;
  /* Add scrollbars if content is too wide. We can't just do overflow-x because Firefox doesn't support that. */
  /* Commented out because Firefox doesn't expand content to height in some situations (two panels side by side!) */
  /*overflow: auto;*/
  /*overflow-y: visible;*/
  /* Padding to make sure the added scrollbar doesn't obscure the bottom of the content (IE bug) */
  /*padding-bottom: 20px;*/
}

H1 {
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
	color: #10198C;
	margin-top: 0px;
	margin-bottom: 4px;
}

H2 {
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #999999;
	margin-top: 10px;
	margin-bottom: 10px;
}

H3 {
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #10198C;
	margin-bottom: 3px;
}

H3 A {
    text-decoration: none;
}

.frontsubhead {
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #10198C;
	margin-bottom: 3px;
}

.listtable TD {
	background-color: #ddd;
	padding: 1px;
}

.listtable TH {
	border-top: 5px solid white;
	background-color: #aaa;
}


.insetbox {
	border: 2px solid #ddd; background-color: #f7ffff;
	padding: 4px;
	vertical-align: top;
}

.insetbox H2 {
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #10198C;
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: center;
}

.insetbox P {
	margin-top: 0px;
}

/* The following are for webwork UI tags - TODO check if they are still the same in struts */

.wwFormTable {}
.label {font-style:italic; }
.errorLabel {font-style:italic; color:red; }
.errorMessage {font-weight:bold; text-align: center; color:red; }
.checkboxLabel {}
.checkboxErrorLabel {color:red; }
.required {color:red;}

/* End webwork UI section */

.pageErrors {
  border: 2px solid #d00;
  background-color: #f8f8f8;
  padding: 5px;
  margin: 5px 0px 15px 0px;
}

.pageErrors IMG {
  /*margin: 2px 10px 2px 2px;*/
  padding: 2px;
}

.pageErrors TD.message {
  margin: 0px;
  font-size: 13px;
  color: #800;
  padding: 4px;
}

.systemMessage {
  border: 1px solid black;
  background-color: #ffffdd;
  padding: 5px;
  margin: 5px 0px 15px 0px;
}

.systemMessage IMG {
  /*margin: 2px 10px 2px 2px;*/
  padding: 2px;
}

.systemMessage TD.message {
  margin: 0px;
  font-size: 13px;
  padding: 4px;
}

.goButton {
    margin-top: 5px;
    padding-right: 5px;
    text-align: right;
}

TABLE.comparisonChart {
}

.comparisonChart THEAD TH {
    background-color: #ddd;
    text-align: center;
    color: black;
}

.comparisonChart TBODY TH {
    background-color: #ddd;
    text-align: right;
    color: black;
}

.comparisonChart TBODY TD {
    background-color: #eef;
    text-align: center;
}

.comparisonChart TD,TH {
    padding: 5px;
    vertical-align: top;
}

.comparisonChart TD.subheading {
    text-align: center;
    background-color: #ddf;
    font-weight: bold;
}

.comparisonChart TD.blank {
    background-color: #fff;
}

FORM {
	margin: 0px;
}


.domainsearchbox INPUT,SELECT {
    font-size: 8pt;
    font-family: Arial, Helvetica, sans-serif;
}

.domainsearchbox INPUT#domainName {
    width: 114px;
}

/*INPUT {
	background-color: #ddddff;
}*/

TABLE.stripey TBODY TR.odd TD {
    background-color: #eee;
}

TABLE.stripey TBODY TR.even TD {
    background-color: #ccc;
}

TABLE.stripey TBODY TR.hover TD {
    background-color: #ffc;
}

TABLE.entities {
    border-collapse: collapse;
    margin: 7px 0px 10px 0px;
}

TABLE.entities TBODY TD {
    border: 1px solid black;
    padding: 1px 5px 1px 3px;
}

TABLE.entities THEAD TH {
    border: 1px solid black;
    padding: 1px 3px 1px 3px;
    font-weight: bold;
    text-align: center;
    background-color: #280CB4;
    color: white;
}

TABLE.entities THEAD A {
    color: white;
    text-decoration: none;
}

TABLE.entities THEAD A:hover {
    color: white;
    text-decoration: underline;
}

TABLE.entities TFOOT TABLE TD {
    border: none;
    padding: 10px 4px 0px 4px;
}

TABLE.entities TFOOT TABLE TD.arrows {
    font-family: Arial, Helvetica, sans-serif; /*	padding: 0px 4px 0px 4px; */
}

TABLE.entities TFOOT TABLE TD.arrows.disabled {
    color: #87C;
}

TABLE.entities TFOOT A {
    color: black;
    text-decoration: none;
}

TABLE.entities TFOOT A:hover {
    color: black;
    text-decoration: underline;
}

.siteChooser {
    position: absolute;
    border: 1px solid black;
    background-color: white;
    padding: 10px 20px;
    top: 19px;
}

.siteChooser .siteList {
    margin-top: 10px;
    margin-bottom: 10px;
}

.siteChooser BUTTON {
    border: 1px solid blue;
    background-color: lightblue;
    font-size: smaller;
}