/* GENERAL ELEMENTS */

div.hr {
  height: 1px;
  margin: 15px 0 15px 0;
  background-color: #CCCCCC;
  border: 0;
  overflow: hidden;
}

blockquote {
  margin: 0 0 0 30px;
}


/* LINK STYLES */

a:active { text-decoration: underline; color: #0066CC;}
a:link { text-decoration: underline; color: #0066CC;}
a:visited { text-decoration: underline; color: #0066CC;}
a:hover { text-decoration: underline; color: #0066CC;}
a { outline: none; }


/* TEXT STYLES */

.text {
  font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
  font-size: 13px;
  font-weight: normal;
  color: #333333;
  line-height: 15px;
}

.smalltext {
  font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #333333;
  line-height: 13px;
}

.tinytext {
  font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
  font-size: 9px;
  font-weight: normal;
  color: #333333;
  line-height: 11px;
}

.bigtext {
  font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
  font-size: 16px;
  font-weight: normal;
  color: #333333;
  line-height: 18px;
}

.notation {
  font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #808080;
  line-height: 13px;
}

.type {
  font-family: Courier New,Courier,sans-serif;
  font-size: 13px;
  font-weight: normal;
  color: #333333;
  line-height: 15px;
}

.quotetext {
  font-family: Courier New, Courier;
  font-size: 11px;
  font-weight: normal;
  color: #333333;
}

.whoistext {
  font-family: Courier New, Courier;
  font-size: 11px;
  font-weight: normal;
  color: #333333;
}

.headernew {
  font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
  font-size: 24px;
  font-weight: bold;
  color: #008033;
}

/*
.viewtitle {
  font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #008033;
  line-height: 22px;
}
*/


/* ELEMENT HEADER/CONTENT */

/*
.elementheader {
  width: 100%;
  background-color: #EEEEEE;
  border-top: 1px solid #CCCCCC;
  padding: 4px 0 5px 5px;
  font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
  font-size: 16px;
  color: #333333;
  font-weight: bold;
}

.elementcontent {
  padding: 0 0 0 10px;
  margin: 10px 0 20px 0;
  font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
  font-size: 13px;
  color: #666666;
}
*/

.sectiontitle {
  display: block;
  padding: 3px 0 3px 0;  /* left-padding stretches divs, use   */
  background-color: #EEEEEE;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}

.sectioncontent {
  margin: 10px 0 20px 0;
  padding: 0 5px 0 10px;
}


/* FORM ELEMENT STYLES */

form {
  margin: 0;
  padding: 0;
}

/* larger forms */
.formfield { height: 32px; font-family: Trebuchet MS,Arial,Helvetica,sans-serif; font-size: 20px; }
.formtextarea { font-family: Trebuchet MS,Arial,Helvetica,sans-serif; font-size: 20px; }
.formbutton { height: 32px; font-family: Trebuchet MS,Arial,Helvetica,sans-serif; font-size: 20px; }

input,select,textarea {
  font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
  font-size: 13px;
  color: #333333;
  padding: 0 0 0 2px; /* no effect? */ 
  margin: 0;
  height: 22px; /* overridden inline for textareas */
  resize: none;  /* for textareas */
}

select {
  padding: 0; /* to override the above for selects */
  _height: 20px; /* to override the above in IE only */
}

input.chx {
  /* used for checkboxes AND radios */
  margin: 0;
  width: 13px;  /* for IE */
  height: 13px;  /* for IE */
  overflow: hidden;  /* for IE */
}

input[disabled] {
  color: #AAAAAA;
}

label {
  cursor: pointer;
}


/* GENERAL TABLE STYLES */

table {
  font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
  font-size: 13px;
  color: #333333;
  border-collapse: collapse;
}


/* LAYOUT TABLE STYLES */

table.layout td {
  padding: 0;
}


/* FORM TABLE STYLES */

table.form td {
  padding: 2px 3px 2px 3px;
}


/* NESTED FORM TABLE STYLES (for nesting within form tables) */

table.nested td {
  padding: 0 5px 0 0;
}


/* SPECIAL STYLES */
.debug { border: 1px dotted #CC0000; }