/*******************************/
/*** Overall homepage layout ***/
/*******************************/

html {
   height: 99%;
}

body {
   background-color: #ffffee;
   color: inherit;
   margin: 2px;
   height: 99%;
}

table.homepage_layout {
   width: 100%;
   height: 100%;
   margin: 0;
   padding: 0;
   border-collapse: collapse;
}


/*********************************/
/*** Details about the heading ***/
/*********************************/

tr.titlebar {
   background-color: #ffddcc;
   color: inherit;
   margin: 0;
   padding: 0;
   height: 10px;
}

td.name {
   background-color: #221100;
   color: white;
   border-style: solid solid solid none;
   border-color: black;
   border-width: 2px 2px 1px 0;
}

div.name {
   font-variant: small-caps;
   font-weight: bold;
   font-size: x-large;
}

td.photo {
   background-color: #221100;
   color: inherit;
   border-style: solid;
   border-width: 2px 1px 2px 2px;
   border-color: black;
   width: 140px;
   height: 180px;
   padding: 8px 8px 8px 8px;
   text-align: center;
}

td.photo #myPhoto {
   border: none;
   width: 140px;
}

td.info {
   vertical-align: top;
   padding-left: 10px;
   padding-top: 2px;
   border-style: solid solid solid solid;
   border-color: black;
   border-width: 1px 2px 2px 1px;
   font-family: sans-serif;
}

div.contacts {
   font-size: medium;
}

table.contacts {
   margin: 0 0 0 10px;
   padding: 0;
   border-collapse: collapse;
   font-size: smaller;
}

td.spacing {
   width: 10px;
}

/* Look settings for hyperlinks inside the header */

div.affiliation a:link, div.affiliation a:visited {
   text-decoration: none;
   color: black;
   background-color: inherit;
}

span.contactspec a:link, span.contactspec a:visited, span.contactspec,
span.contacttype a:link, span.contacttype a:visited, span.contacttype {
   text-decoration: none;
   color: black;
   background-color: inherit;
   font-size: x-small;
}

div.affiliation a:hover, div.affiliation a:active {
   text-decoration: underline;
   color: black;
   background-color: inherit;
}

span.contactspec a:hover, span.contactspec a:active,
span.contacttype a:hover, span.contacttype a:active {
   text-decoration: underline;
   color: black;
   background-color: inherit;
   font-size: x-small;
}

div.affiliation a:link, div.affiliation a:visited {
   font-style: italic;
}

span.contacttype a:link, span.contacttype a:visited, span.contacttype {
   font-weight: bold;
   font-size: x-small;
}


/*******************************/
/*** Navigation bar settings ***/
/*******************************/

td.navbar_container {
   border: solid;
   border-width: 1px 1px 2px 2px;
   border-color: black;
   padding: 1px 0 6px 0;
   vertical-align: top;
   color: inherit;
   height: 100%;
}

table.navbar {
   width: 100%;
   border: solid;
   border-width: 0 0 2px 0;
   border-color: black;
   border-collapse: collapse;
   background-color: #ffddcc;
}

/* Plain menu entries */

td.menuentry {
   padding: 5px 0 0 0;
   text-align: center;
}

td.highlighted_menuentry {
   padding: 5px 0 0 0;
   text-align: center;
}

div.menuentry a:link, div.menuentry a:visited,
div.menuentry {
   text-decoration: none;
   color: black;
   background-color: #ddbbaa;
   display: block;
   font-weight: bold;
   font-family: sans-serif;
   width: 100%;
}

div.menuentry a:hover, div.menuentry a:active {
   background-color: #221100;
   color: white;
   display: block;
   width: 100%;
}

div.menuentry a:link img, div.menuentry a:visited img {
   border: none;
   vertical-align: middle;
}

div.menuentry a:hover img, div.menuentry a:active img {
   background-color: #221100;
}

div.highlighted_menuentry a:link, div.highlighted_menuentry a:visited {
   text-decoration: none;
   color: white;
   background-color: #221100;
   display: block;
   font-weight: bold;
   font-family: sans-serif;
   width: 100%;
}

div.highlighted_menuentry a:hover, div.highlighted_menuentry a:active {
   background-color: #ddbbaa;
   color: black;
   display: block;
   width: 100%;
}

div.highlighted_menuentry a:link img, div.highlighted_menuentry a:visited img {
   border: none;
   vertical-align: middle;
}

div.highlighted_menuentry a:hover img, div.highlighted_menuentry a:active img {
   background-color: #221100;
}

/* Submenu entries */

td.submenuentry {
   padding: 0 0 0 1em;
   text-align: left;
}

td.highlighted_submenuentry {
   padding: 0 0 0 1em;
   text-align: left;
}

div.submenuentry a:link, div.submenuentry a:visited,
div.submenuentry {
   text-decoration: none;
   color: black;
   background-color: #ddbbaa;
   display: block;
   font-weight: normal;
   font-family: sans-serif;
   font-size: small;
   font-style: italic;
   width: 100%;
}

div.submenuentry a:hover, div.submenuentry a:active {
   background-color: #221100;
   color: white;
   display: block;
   width: 100%;
}

div.highlighted_submenuentry a:link, div.highlighted_submenuentry a:visited {
   text-decoration: none;
   color: white;
   background-color: #221100;
   display: block;
   font-weight: normal;
   font-family: sans-serif;
   font-size: small;
   font-style: italic;
   width: 100%;
}

div.highlighted_submenuentry a:hover, div.highlighted_submenuentry a:active {
   background-color: #ddbbaa;
   color: black;
   display: block;
   width: 100%;
}


/*******************/
/*** Other areas ***/
/*******************/

td.validation {
   border: solid;
   border-width: 2px 1px 2px 2px;
   border-color: black;
   vertical-align: top;
   height: auto;
}

div.validation {
   text-align: center;
   margin-top: 0.5em;
   font-size: smaller;
}
div.validation img {
   border: none;
}

div.validation a.link_text:link, div.validation a.link_text:visited {
   text-decoration: none;
   color: black;
   background-color: #ddbbaa;
   font-weight: bold;
   font-family: sans-serif;
}

div.validation a.link_text:hover, div.validation a.link_text:active {
   background-color: #221100;
   color: white;
}

td.contentsarea {
   border: solid;
   border-width: 2px 2px 2px 1px;
   border-color: black;
   padding: 10px;
   vertical-align: top;
}


/***********************/
/*** General purpose ***/
/***********************/

a.plain_link:hover, a.plain_link:active {
   background-color: #221100;
   color: white;
}

div.centered_div {
   /* This centers tables in IE */
   text-align: center;
}

table.body_table {
   /* The following margins enable centering in Gecko based
   browsers */
   margin-left: auto;
   margin-right: auto;
   
   border: 3px;
   border-style: inset;
   border-color: #ddbbaa;
   border-collapse: collapse;
}

table.body_table td {
   border: 1px;
   border-style: solid;
   border-color: black;
   padding: 2px 5px 2px 5px;
   vertical-align: middle;
}

table.body_table td.header {
   font-weight: bold;
   font-family: sans-serif;
   text-align: center;
}

table.body_table td.file {
   text-align: center;
}

table.body_table img {
   border: none;
}

table.body_table a.icon_link:link, table.body_table a.icon_link:visited {
   display: block;
}

table.body_table a.icon_link:hover, table.body_table a.icon_link:active {
   background-color: #ddbbaa;
   color: inherit;
   display: block;
}

/******************************/
/* Conference deadlines table */
/******************************/

div.narrow_par {
   width: 700px;
}

table.conferences_table {
   font-size: smaller;
   border-width: 1px;
   border-style: solid;
   border-color: black;
   margin: 0;
   padding: 0;
   border-collapse: collapse;
}

table.conferences_table img {
   border: none;
}

table.conferences_table tr.conferences_expired {
   background-color: #dddddd;
}

table.conferences_table a.conferences_sort:link, table.conferences_table a.conferences_sort:visited {
   display: block;
   font-family: sans-serif;
   font-weight: bold;
   text-decoration: none;
   padding: 5px;
   white-space: nowrap;
}

table.conferences_table a.conferences_sort:hover, table.conferences_table a.conferences_sort:active {
   background-color: #221100;
   color: #ffffee;
   display: block;
   font-family: sans-serif;
   font-weight: bold;
   text-decoration: none;
   padding: 5px;
   white-space: nowrap;
}

table.conferences_table a.conferences_sort_highlighted:link, table.conferences_table a.conferences_sort_highlighted:visited {
   display: block;
   font-family: sans-serif;
   font-weight: bold;
   text-decoration: none;
   background-color: #221100;
   color: #ffffee;
   padding: 5px;
   white-space: nowrap;
}

table.conferences_table a.conferences_sort_highlighted:hover, table.conferences_table a.conferences_sort_highlighted:active {
   background-color: #ddbbaa;
   color: #221100;
   display: block;
   font-family: sans-serif;
   font-weight: bold;
   text-decoration: none;
   padding: 5px;
   white-space: nowrap;
}

table.conferences_table td {
   border-width: 1px;
   border-style: solid;
   padding: 1px 2px 1px 2px;
   height: 2em;
}

table.conferences_table div {
   display: block;
}

table.conferences_table div.conferences_col_8 {
   width: 500px;
}

table.conferences_table div.conferences_col_2, table.conferences_table div.conferences_col_3, table.conferences_table div.conferences_col_4, table.conferences_table div.conferences_col_5, table.conferences_table div.conferences_col_6 {
   text-align: center;
}

/*****************************/
/* Conference schedule table */
/*****************************/

table.invisible {
   border: none;
   width: 100%;
}

table.invisible td {
   border: none;
   padding: 2px 3px 2px 3px;
}

div.conferences_schedule {
   width: 100%;
   margin: 0;
   padding: 0;
   border-width: 2px;
   border-style: solid;
   border-color: black;
}

table.conference_deadline {
   padding: 0;
   margin: 0;
   border: none;
   border-style: solid;
   border-width: 1px;
   border-color: black;
   table-layout: fixed;
   width: 100%;
   overflow: hidden;
   border-collapse: collapse;
}

div.conference_deadline {
   height: 20px;
   overflow: hidden;
}

table.conference_deadline td.empty {
   padding: 0;
   margin: 0;
   border-style: solid;
   border-width: 1px;
   border-color: black;
   height: 20px;
}

table.conference_deadline td.notification_period {
   padding: 0;
   margin: 0;
   border-style: solid;
   border-width: 1px;
   border-color: black;
   white-space: nowrap;
   background-color: #eeaa99;
   height: 20px;
}

table.conference_deadline td.date {
   padding: 0;
   margin: 0;
   border-style: solid;
   border-width: 1px;
   border-color: #221100;
   white-space: nowrap;
   font-size: x-small;
}

div.conference_link {
   border: none;
   font-size: small;
   position: relative;
   top: -20px;
   text-align: center;
   width: 100%;
}

div.conference_link a:link, div.conference_link a:visited {
   display: block;
   font-family: sans-serif;
   font-weight: bold;
   text-decoration: none;
   color: #221100;
}

div.conference_link a:hover, div.conference_link a:active {
   background: transparent;
   color: #3366dd;
   display: block;
   font-family: sans-serif;
   font-weight: bold;
   text-decoration: none;
}

.warning {
   background-color: #221100;
   color: white;
   border-style: inset;
   border-width: 3px;
   border-color: #221100;
}