/*  Colorscheme   : Old darkdefault colors from Aigaion 1.x.

    #778899 : the dark background around the main frame, 
    #000022 : normal black font
    #FFFFFF : the normal color of the background of the main box
    #EEEEEE : background of main site elements
    #DDDDDD : border around messageboxes and other borders
    #E0E0E0 : background of message boxes and headers
    #EE6666 : dark red background of error messages

    #1B6896 : blueish color used for all links

    #222255 : menu text (#333366 on mouseover)
    #DDDDDD : background of menu entries (CCCCCC on mouseover)

    #0F0F10 : edit form borders and other heavy borders
    #D2DCE6 : edit form background
    #999999 : edit form elements border (444444 on focus)
    #FFFFFF : edit form elements background (EEEEFF on focus)
    
    #EEEEEE : background even publication summaries
    #E2E2Ec : background odd publication summaries
*/

/* ==== PAGE FLOW BEHAVIOUR  ==== */
/* collapse for all table and div borders / margins / paddings 
   this is default, because otherwise different browsers will show different styles.
   if you want margins and paddings you have to specify them */
div {
    border      : 0px;
    margin      : 0px;
    padding     : 0px;
    position    : relative;
}
td, table, tr, tbody {
    border          : 0px;
    border-spacing  : 0px;
    border-spacing  : 0px;
    border-collapse : collapse;
    margin          : 0px;
    padding         : 0px;
    vertical-align  : top;
}   
td {
    padding          : 1px;
}

div.clearer {
    clear       : both; 
    line-height : 0; 
    height      : 0;
}
/* ==== BASIC FONT DEFINITIONS ==== */

/* fonts */
html, body, p, td, input, textarea, select {
    font-family     : Verdana, Arial, Helvetica, Sans-serif;
    font-size       : 10px;    
	color      : #000022;
}

/* default font color for entire body */
body {
	color: #000022;
}

/* default link coloring */
a, a:link, a:visited  {
  color             : #1B6896;
  text-decoration   : none;
}
a:hover, a:active {
  color             : #1B6896;
  text-decoration   : underline;
}
/* coloring for lightlinks, not necessarily <a> elements  */
.lightlink, .lightlink:link, .lightlink:visited {
    color           : #000000;
    text-decoration : none;
}
.lightlink:hover, .lightlink:active {
    color           : #1B6896;
    text-decoration : none;
}

/* Icons */
.icon {
    width   : 1em;
    border  : 0px;
}
.large_icon {
    width   : 1.5em;
    border  : 0px;
}
.al_icon {
    border  : 0px;
    width   : 1em;
}

/* Headers */
.header {
  padding         : 0.1em 4em .1em 0.5em;
  margin          : 0 0 1em 0;
  background      : #E0E0E0;
  
  font-weight     : bold;
  font-size       : 1.1em;
}

/* optionbox: the edit links in a header, e.g. at a topic page*/
div.optionbox {
  margin-top      : 0.1em;
  padding-right   : 0.2em;
  float           : right;
  clear           : right;
  z-index         : 999;
  text-align      : right;
}

/* a simple table style */
td.tablewithborder , table.tablewithborder {
    border          : 1px solid black;
    border-spacing  : 0px;
    border-collapse : collapse;
    margin          : 1px;
    padding         : 1px;
    vertical-align  : top;
}   

/* ==== COLORS AND BASIC DEFINITIONS FOR MAIN LAYOUT ELEMENTS ====*/

/* Main layout box colors */
body {
    background-color: #778899;
}

#page_title {
  color           : #000022;
  font-size       : 3em;
  font-weight     : 400;
  font-style      : italic;
}

#main_holder {
    background-color: #FFFFFF;
    border-style    : solid;
    border-width    : 1px;
    border-color    : #0F0F10;
}

#header_holder {
  background-color: #EEEEEE;
  border-style    : solid;
  border-width    : 0px 0px 1px 0px;
  border-color    : #E0E0E0;
  decoration      : none;
  color           : #000022;
}

#menu_holder, #content_holder, #footer_holder, #login_holder {
  background-color: #EEEEEE;
  border-style    : solid;
  border-width    : 1px;
  border-color    : #E0E0E0;
}

/* ==== MENU COLORS AND EFFECTS ==== */
ul.mainmenu {
  list-style-type : none;
  padding         : 0em;
  margin          : 0em;
}
li.mainmenu {
  background      : #DDDDDD;
  margin          : 0em 0em 0.5em 0em;
  padding         : 0.2em;
}
li.mainmenu:hover {
  background      : #CCCCCC;
}
li.mainmenu-header {
  margin-top      : 1em;
  margin-bottom   : 0.2em;
}
li.mainmenu-spacer {
  margin          : 0em 0em 0em 0em ;
  padding         : 0em 0em 0em 0em ;
  height          : 0em;
  clear:left; /* sjeesj..... why?????? otherwise IE adds 2em of whitespace here!!! */
  float:left; /* and the same for this entry - otherwise IE adds 2em of whitespace here!!! */
  
}

/* ==== MESSAGES AND ERRORS ==== */

.message {
    font-size       : 90%;
    margin          : 1em;
    padding         : 1em;
    background-color: #E0E0E0;
    border          : solid 1px #DDDDDD;
}
.errormessage {
    font-size       : 90%;
    margin          : 1em;
    padding         : 1em;
    background-color: #EE6666;
    border          : solid 1px #DDDDDD;
}
.errortext {
	color: #ee6666;
	font-weight: bold;
}

/* ==== FORMS ==== */

/* general form element styling */

.editform {
    margin          : 1em;
    padding         : 1em;
    background-color: #D2DCE6;
    border          : solid 1px #0F0F10;
}
.confirmform {
    margin          : 1em;
    padding         : 1em;
    background-color: #EE6666;
    border          : solid 1px #0F0F10;
}

input, textarea, select {
  border-style    : solid;
  border-width    : 1px;
  border-color    : #999999;
  margin          : 0;
  padding         : 0.2em;
  font-size       : 1em;
}
input:focus, textarea:focus, select:focus {
  background-color: #EEEEFF;
  border-color    : #444444;
}
input:hover, textarea:hover, select:hover {
  background-color: #EEEEFF;
  border-color    : #444444;
}

/* special styles for publication edit forms */
input.required, textarea.required, select.required {
  border-color    : #CC0300;
  background-color: #FFEEEE;
}

input.conditional, textarea.conditional, select.conditional {
  border-color    : #493E0B;
}

tr.hidden {
 visibility       : hidden;
}

/* ==== PUBLICATION VIEWS  ==== */

div.publication_summary {
  padding         : 0.1em 0.1em 1em 0.5em;
  /*border-bottom   : 1px solid #0F0F10;*/
  /*border-left     : 1px solid #0F0F10;*/
}

div.publication_summary.odd {
  /*background      : #E0E0E0; */
  background      : #DDDDDD; 
  border-left     : none;
  /*border-right    : 1px solid #0F0F10;*/
}


span.author {
  font-style      : italic;
}
span.authorlist {
  font-style      : italic;
}
span.title {
  font-weight     : bold;
}

ul.nosymbol {
  list-style-type : none;
}

div.autocomplete {
  position        : absolute;
  width           : 250px;
  background-color: #FFFFFF;
  border          : 1px solid;
  border-color    : #DDDDDD;
  margin          : 0px;
  padding         : 0px;
  z-index         : 999;
}
div.autocomplete ul {
    list-style      : none!important;
    list-style-image: none!important;
    margin          : 0px;
    padding         : 0px;
}
div.autocomplete ul li.selected {
    background-color: #EEEEFF;
}
div.autocomplete ul li {
    font-size       : 1em;
    list-style-type : none;
    display         : block;
    margin          : 0;
    padding         : 2px;
    cursor          : pointer;
}


.loginbox {
    padding : 3px;
    border  : 1px solid #000000;
}