body {  
  margin: 0;
  padding: 0;
  font-family: verdana, geneva, sans-serif;
  font-size: 76%;
  color: #000;
  background: #E1E7EB;
}  

table, td, th {
  font-size: 100%;
}

ul {
  padding-left: 0.7em;
  margin-left: 0.7em;
  list-style: square outside; 
}

legend, input, textarea {
  font-family: verdana, geneva, sans-serif;
  font-size: 1.1em;
	color: #000;
}

fieldset {
  padding: 5px;
}

a:link { color: #274E75; text-decoration: underline;}
a:visited { color: #274E75; text-decoration: underline;}
a:hover { color: #2F5F8F; text-decoration: none;}
a:active { color: #2F5F8F; text-decoration: none;}

.tab {
  font-size: 0.8em;
  font-weight: bold;
  white-space: nowrap;
}
.tab a:link { padding: 3px; color: #000; text-decoration: none;}
.tab a:visited { padding: 3px; color: #000; text-decoration: none;}
.tab a:hover { padding: 3px; color: #FFF; text-decoration: none;}
.tab a:active { padding: 3px; color: #FFF; text-decoration: none;}

.login {
  font-size: 0.8em;
  font-weight: bold;
  color: #FFF;
}

.login a:link { color: #FFF; text-decoration: none;}
.login a:visited { color: #FFF; text-decoration: none;}
.login a:hover { color: #EEE; text-decoration: none;}
.login a:active { color: #EEE; text-decoration: none;}

.logout {
  font-size: 0.8em;
  text-align: right; 
}

.logout a:link { color: #274E75; text-decoration: none;}
.logout a:visited { color: #274E75; text-decoration: none;}
.logout a:hover { color: #2F5F8F; text-decoration: none;}
.logout a:active { color: #2F5F8F; text-decoration: none;}

h1,h2 {
	font-family: trebuchet ms, helvetica, sans-serif;
	font-weight: bold;
	color: #333;
}

h1 a:link { text-decoration: none; color: #333; }
h1 a:hover { border-bottom: 1px dotted #666; color: #000; }

h1 {
  font-size: 1.35em;
}

h2 {
	font-size: 1.15em;
}

h3 {
  font-size: 1em;
}

#main {
	
	clear: both;
	/* width: 50em;  optional width to set a size to main body text area */
}

.borderless{
	border: 0px;
}

#contents {
	background: #F8FAF9;
	/*min-height: 300px;*/
	border: 1px solid #326497;
	border-top: 0;
	border-bottom: 0;
}

.copletOptions a { color: #FFF; text-decoration: underline; }
.copletOptions a:hover { color: #FFF; text-decoration: none; }

.copletHead {
	font-family: verdana, geneva, sans-serif;
	font-weight: bold;
	color: #0A295C;
	background: #F2F2F2;
}

.copletBody {
	background: #FFF;
	padding: 5px;
	border: 1px solid #DBDADA;
	border-top: 0;
	border-bottom: 0;
}

.alert {
	font-weight: bold;
	color: #F00;
}

/* cforms */

.forms-tab {
    background-color: white;
    border: 1px solid #A5ACB2;
    border-bottom-width: 0px;
    padding: 2px 0.5em 2px 0.5em;
    top: -1px;
    margin-right: 5px;
    position: relative;
    cursor: pointer;
    z-index: 1;
}

.forms-tab a:link { color: #000; text-decoration: none;}
.forms-tab a:visited { color: #000; text-decoration: none;}
.forms-tab a:hover { color: #000; text-decoration: none;}
.forms-tab a:active { color: #000; text-decoration: none;}

.forms-tab.forms-activeTab {
    font-weight: bold;
    cursor: default;
    z-index: 3;
}

.forms-tabContent {
    background-color: white;
    border: 1px solid #A5ACB2;
    padding: 1em;
    position: relative;
    z-index: 2;
}

.forms-validation-message, a.forms-validation-message:link {
    color: red;
    font-weight: bold;
    text-decoration: none;
}

.forms-validation-errors {
}

.forms-validation-error {
}

.forms-field-required {
	color: #00847F;
  font-weight: bold;
}

.forms-help {
    border-style: dotted;
    border-width: 1px;
    padding: 5px;
    background-color: #E1E7EB;
    width: 300px; /* otherwise IE does a weird layout */
    z-index:1000; /* must be higher than forms-tabContent */
}

.forms-doubleList select {
    width: 150px;
}

.forms-doubleList input {
    width: 40px;
}

/* end of cforms */

#chatDisplay {
    text-align: left;
    margin: 2px; 
    padding: 0px;
}

#chatDisplay p {
    text-align: left;
    font-size: 0.8em; 
    font-stretch: narrower; 
    margin-top: 0px; 
    margin-bottom: 2px;
}

.repository {
    font-style: italic;
}

.even {
    background-color: rgb(248, 250, 249);
}

.odd {
    background-color: rgb(228, 230, 229);
}

.top {
    border-top: 1px solid black;
}

/* .smallCopletElement * 3 <= .defaultCopletElement */
.defaultCopletElement {
    width: 250px;
    max-width: 250px;
}

/*  */
.smallCopletElement {
    /* width: 75px;
    max-width: 75px; */
}

.highlighted {
    background-color: yellow;
}

.news-editor {
    font-style: italic;
}

.news-owner {
    font-style: italic;
    font-weight: bolder;
}

optgroup {
    font-family: verdana, geneva, sans-serif;
}

select {
    font-family: verdana, geneva, sans-serif;
}

/* Styles for controls in TAPoR Texts and TAPoR Tools
   These controls show up at the top of the box for each text/tool
 */
.text-header-controls {
    font-family: arial, 'sans serif';
    text-transform: uppercase;
    font-weight: bolder;
    font-size: smaller;
    margin: 0;
    padding: 0;
    display: inline;
}

/* header control (view, analyze, etc.) or text types (html, xml, tei, etc.) */
.text-header-control a:link, .text-header-control a:active, .text-header-control a:visited, .text-header-control a:hover {
    text-decoration: none;
    color: #A5ACB2;
    margin: 0;
    padding: 0;
}

.text-header-control {
    font-size: x-small;
    padding: 0;
    margin: 0 2px;
    display: inline;
    border: 1px solid #A5ACB2;
    background-color: #FFFFFF;
    color: #A5ACB2;
}

button, .button {
    background-color: #FFFFFF;
    color: #274E75;
    border: 1px solid #A5ACB2;
}

button {
    padding: 1px 3px;
    white-space: nowrap;
    text-align: center;
}
/* End of styles for controls in TAPoR Texts and TAPoR Tools */

.bibliographicReference {
    color: #003300;
}