/*
 * This CSS file reproduces the layout and design of the ELGA site.
 *
 * The definition of the styles is divided into two parts. The first part only
 * defines the layout (including background colors) of the page's sections. The
 * second part refines the styles of each section and defines the look-and-feel
 * of the section's content.
 *
 * History:
 *   24.01.2013 Laurent Millet, medshare GmbH
 */

#print-symbol {
	width: 100%;
	text-align: right;
	cursor: pointer;
}
#download {
	margin-top: 30px;
}
#disclaimerForm {
  width: 60%;
  margin: 30px auto 0px auto;
}
#ajax-loader {
  position: absolute;
  width: 66px;
  height: 66px;
  margin: -33px 0 0 -33px;
  top: 50%;
  left: 50%;
}
.help-icon {
  vertical-align: middle;
}
.screenshot {
	 margin-top: 50px;
	 margin-bottom: 20px;
}
.outputPanel, .inputPanel {
  background-color: #eff0f2;
  border: outset 1px #888;
  line-height: 100%;
  text-align: left;
  margin: 20px 0px;
  width: 100%;
}
.inputPanel input[type='submit'] {
  width: auto;
}
*[disabled] {
  color: #aaa;
}
.icon-column {
  width: 20px;
  vertical-align: top;
}
.exception-column {
  font-family: "Courier New", "Courier", monospace;
  padding: 5px 5px 10px 5px;
  white-space: normal;
  font-size: 85%;
}
.exception-column h4 {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0px 0px 5px 0px;
  font-size: 120%;
}

.logo {
  margin: 30px;
}

/**************************************
 * Page Layout
 **************************************/

body {
  margin: 0px;
  background-color: #eff0f2;
}
.page-section {
/*   width: 1024px; */
  width: 1280px;
  margin: 0px auto;
  background-color: white;
}
#content {
  float: left;
/*   width: 680px; */
  width: 936px;
  margin-left: -2px;
  border-left: 2px solid #eff0f2;
}
#pageHeader {
  margin-top: 15px;
}
#pageBody {
  overflow: hidden;
  margin-top: 6px;
}
#pageFooter {
  height: 25px;
  margin-top: 2px;
}
#contact {
  border-bottom: 2px solid #eff0f2;
}
#menu {
  float: left;
  width: 230px;
  border-right: 2px solid #eff0f2;
}

/**************************************
 * Generic Styles
 **************************************/

body {
  color: black;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 80%;
  line-height: 135%;
}
h1, h2 {
  margin: 0px;
  color: #ee7f00;
  line-height: 170%;
}
h1 {
  font-size: 150%;
  padding-top: 50px;
}
h2 {
  font-size: 130%;
  padding-top: 21px;
}
p {
  margin: 0px;
}
a {
  color: #004a8d;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  color: #3f3f3f;
}
table {
  border: none;
}
td {
  border: none;
  padding: 2px 3px;
}
pre {
	display: block;
	font-family: monospace;
	white-space: pre;
	margin: 1em 0px;
	line-height: 120%;
}

.properties tr:nth-child(odd) {
    background: #eff0f2;
}

/**************************************
 * Menu Section
 **************************************/

#menu {
  padding: 40px 0px 0px 10px;
}
#menu ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
#menu li {
  padding: 4px 0px 0px 20px;
}
#menu a:hover,
#menu a:focus,
#menu a:active {
  color: #ee7f00;
}

/**************************************
 * Other Sub-Sections
 **************************************/

#logo-link {
  display: block;
  height: 100%;
}
#logo-link img {
  border: none;
}
#contact {
  color: #3f3f3f;
  text-align: right;
  padding: 5px 25px 5px 0px;
}
#content {
  line-height: 170%;
  text-align: justify;
  padding: 0px 0px 50px 8px;
}