/*
 * amcworld-4.0.css
 * AMC World Technologies general stylesheet version 4.0
 *
 * $Id: amcworld-v2.css,v 1.1 2006/02/07 13:49:47 danny Exp $
 *
 * Copyright (c) 1998-2009, AMC World Technologies GmbH
 * Fischerinsel 1, D-10179 Berlin, Deutschland
 * All Rights Reserved.
 *
 * This software is the confidential and proprietary information of AMC World
 * Technologies GmbH ("Confidential Information"). You shall not disclose such
 * Confidential Information and shall use it only in accordance with the terms
 * of the license agreement you entered into with AMC World Technologies GmbH.
 */


/*-----------------------------------
 *
 * Reset browser styles (from YUI)
 *
 *---------------------------------*/

html {
  color: black;
  background: white;
}
blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3,
  h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul
{
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset, iframe, img, table {
  border: none;
}
address, caption, cite, code, dfn, em, optgroup, strong, th, var {
  font-style: inherit;
  font-weight: inherit;
}
del, ins {
  text-decoration: none;
}
li {
  list-style: none;
}
caption, th {
  text-align: left;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
q:after, q:before {
  content: "";
}
abbr, acronym {
  border: none;
  font-variant: normal;
}
sup {
  vertical-align: baseline;
}
sub {
  vertical-align: baseline;
}
legend {
  color: black;   /* because legend doesn't inherit in IE */
}
button, input, optgroup, option, select, textarea {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}


/*-----------------------------------
 *
 * Font settings (from YUI)
 *
 *---------------------------------*/

body {
  font: 14px/1.231 "DejaVu Sans", "Bitstream Vera Sans", Arial, Helvetica,
    Clean, sans-serif;
  /*font-size: 81.25%;*/
}
button, input, select, textarea {
  font: 99% "DejaVu Sans", "Bitstream Vera Sans", Arial, Helvetica, Clean,
    sans-serif;
}
code, kbd, pre, samp, textarea, tt, xmp {
  font-family: "Bitstream Vera Sans Mono", "Lucida Console", "Courier New",
    Courier, monospace;
  line-height: 100%;
}
table {
  font-size: inherit;
}


/*-----------------------------------
 *
 * General settings
 *
 *---------------------------------*/

/* general appearance (inherited) */
body {
  color: #5F6A72;
}

/* default links */
a {
  color: #3399FF;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  color: #D0541A;
  text-decoration: none;
}

/* general body settings */
body {
  background-color: white;
}

/* default definition term */
dt {
  font-weight: bold;
}

/* default headers */
h1, h2, h3, h4 {
  font-family: Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  color: #626F7A;
}
h1 {
  color: #3399FF;
  font-size: 123.1%;
  font-weight: bold;
  margin: 2.5em 0 1.5em;
}
h2 {
  font-size: 108%;
  font-weight: bold;
  margin: 2.5em 0 1.5em;
}
h3 {
  font-size: 100%;
  font-weight: bold;
  margin: 2em 0 1.2em;
}
h4 {
  font-size: 100%;
  margin: 1.5em 0 1em;
}
h5 {
  font-size: 85%;
  font-weight: bold;
  margin: 1.5em 0 1em;
}
h6 {
  font-size: 85%;
  margin: 1.2em 0 1em;
}

/* default rulers */
hr {
  background: #3399FF;
  border-style: solid;
  border-width: 0;
  color: #3399FF;
  height: 1px;
}

/* images as symbols */
img.symbol {
  vertical-align: middle;
}

/* default block elements */
fieldset, p, pre, table {
  margin-bottom: 1em;
}

/* default paragraphs */
p {
  font-size: 85%;
  line-height: 150%;
}

/* default lists */
dd, dt, li {
  font-size: 85%;
  line-height: 150%;
  margin-bottom: 1em;
}
dd dd, dd dt, dd li, li dd, li dt, li li {
  font-size: 100%;
}
blockquote, dl, ol, ul {
  margin: 1em;
}
dl, ol, ul {
  margin-left: 2em;
}
ol li {
  list-style: decimal outside;
}
ul li {
  list-style: disc outside;
}
dl {
  margin-left: 0;
}
dl dd {
  margin-left: 1em;
}

/* default inline stuff */
abbr, acronym {
  border-bottom: 1px dotted #3399FF;
  cursor: help;
}
strong {
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
em {
  font-style: italic;
}
sub {
  vertical-align: sub;
}
sup {
  vertical-align: super;
}

/* default table stuff */
caption {
  caption-side: bottom;
  font-size: 77%;
  margin-bottom: .5em;
  margin-top: 1em;
  text-align: center;
}
td, th {
  padding: .5em;
}
th {
  font-size: 85%;
  font-weight: bold;
  text-align: center;
}


/*-----------------------------------
 *
 * Alignments, spacers and borders
 *
 *---------------------------------*/

/* alignments */
.align-left {
  text-align: left;
}
.align-center {
  text-align: center;
}
.align-right {
  text-align: right;
}

/* border pieces */
.border-b {
  border-bottom: 1px solid #5F6A72;
}
.border-l {
  border-left: 1px solid #5F6A72;
}
.border-r {
  border-right: 1px solid #5F6A72;
}
.border-t {
  border-top: 1px solid #5F6A72;
}

/* margins of various sizes */
.margin-b {
  margin-bottom: 1em;
}
.margin-2b {
  margin-bottom: 1.5em;
}
.margin-3b {
  margin-bottom: 2em;
}
.margin-t {
  margin-top: 1em;
}
.margin-2t {
  margin-top: 1.5em;
}
.margin-3t {
  margin-top: 2em;
}

/* paddings of various sizes */
.padd-b {
  padding-bottom: 1em;
}
.padd-2b {
  padding-bottom: 1.5em;
}
.padd-3b {
  padding-bottom: 2em;
}
.padd-t {
  padding-top: 1em;
}
.padd-2t {
  padding-top: 1.5em;
}
.padd-3t {
  padding-top: 2em;
}

/* clearance of floats */
.clear {
  content: ".";
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
}


/*-----------------------------------
 *
 * Forms
 *
 *---------------------------------*/

/* default form elements */
button, .flat, .button, select, textarea, input[type=submit],
  input[type=reset], input[type=button], input[type=file]
{
  border: 1px solid #5F6A72;
  color: #5F6A72;
  font-size: 85%;
}
.flat, input.error, select, textarea {
  background-color: white;
}
optgroup {
  background-color: #C9E4FF;
  font-style: normal;
}
option {
  background-color: white;
}
button, .button {
  background-color: white;
  color: #3399FF;
  font-weight: bold;
  padding-left: 1em;
  padding-right: 1em;
}
button:hover, .button:hover {
  background-color: #EEEEEE;
  color: #D0541A;
}
.disabled {
  background-color: #DDDDDD;
  color: #808080;
}
button[disabled], input[type=button][disabled], input[type=submit][disabled] {
  background-color: #DDDDDD;
  color: #5F6A72;
}
input.error, select.error, textarea.error {
  border: 1px solid #D04040;
}
fieldset {
  border: 1px solid #3399FF;
  margin-top: 1.5em;
  padding: 1em;
}
legend {
  color: #3399FF;
  font-size: 85%;
  font-weight: bold;
}
label {
  color: #3399FF;
  font-size: 85%;
  line-height: 140%;
}
div.field-value, div.text {
  font-size: 85%;
  line-height: 140%;
}

/* form structure */
.form {
  width: 100%;
}
.form:after {
  content: ".";
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
}
.form .row {
  clear: left;
  margin-bottom: .4em;
  width: 100%;
}
.form .row:after {
  content: ".";
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
}
.form .spacer {
  height: 1.2em;
}
.form label {
  float: left;
  margin-top: .2em;
  text-align: left;
  width: 150px;
}
.form.size-x-small label {
  width: 100px;
}
.form.size-small label {
  width: 125px;
}
.form.size-large label {
  width: 175px;
}
.form.size-x-large label {
  width: 200px;
}
.form button, .form input, .form select, .form textarea, .form .ctrl-panel,
  .form .check-radio-list, .form .field-value, .form .text
{
  float: left;
}
.form .field-value, .form .text {
  margin-top: .2em;
}
.form span.required {
  color: #3399FF;
  float: left;
  font-size: 85%;
  font-weight: bold;
  margin-left: 1em;
}
.ctrl-panel button, .ctrl-panel input, .ctrl-panel label, .ctrl-panel select,
  .ctrl-panel textarea, .ctrl-panel .field-value, .ctrl-panel .text
{
  float: none;
}
.ctrl-panel .field-value, .ctrl-panel .text {
  display: inline;
}
.check-radio-list {
  margin-top: .2em;
}
.check-radio-list input, .check-radio-list label {
  margin: auto 0;
}
.check-radio-list label {
  line-height: 1;
  padding-left: .8em;
  width: auto;
}
.check-radio-list .ctrl-panel {
  padding-left: .8em;
}
.check-radio-list.list-horizontal:after {
  content: ".";
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
}
.check-radio-list.list-horizontal span {
  float: left;
  margin-left: 1em;
}
.check-radio-list.list-horizontal span.first-child {
  margin-left: 0;
}
.check-radio-list.list-vertical span {
  display: block;
  margin-bottom: .5em;
}
.check-radio-list.list-vertical span:after {
  content: ".";
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
}
.check-radio-list.list-vertical input, .check-radio-list.list-vertical label {
  float: left;
}
.check-radio-list.list-vertical .ctrl-panel input,
  .check-radio-list.list-vertical .ctrl-panel label
{
  float: none;
  padding-left: 0;
}
.button-area {
  border-top: 1px solid #DEDADE;
  margin-top: 1.2em;
  padding-top: 1.2em;
  text-align: center;
}
.button-area button, .button-area input {
  float: none;
  margin-right: 1em;
  padding-left: 1.5em;
  padding-right: 1.5em;
}

/* error lists */
ul.error-list {
  background-color: #FFF0F0;
  border-bottom: 1px solid #D04040;
  border-top: 1px solid #D04040;
  margin: 0 0 1.5em 0;
  padding: 1em;
}
ul.error-list li {
  color: #D04040;
  margin: .5em 1.5em;
}