@charset 'UTF-8';

/**
 * CitusCMS Open-Source Content-Management-System
 * Copyright (C) 2009-2018 Bastian Raschke, Thomas Seibold
 *
 * This program is distributed under the Modified BSD License,
 * see license.txt or <http://creativecommons.org/licenses/BSD/>.
 * Additionally see <https://www.citus-cms.org/lizenz.html>.
 *
 *
 * @author Bastian Raschke <bastian.raschke@posteo.de>
 * @copyright 2009-2018, Bastian Raschke, Thomas Seibold
 * @license Modified BSD License
 * @link https://www.citus-cms.org
 * @package Framework
 *
 */


/* General form elements */

input.text {

  width: 180px;

}

input.checkbox {

  margin: 0 2px 0 0;

}

select {

  width: 190px;

}

input.text:focus, select:focus, textarea:focus {

  background-color: #F0FAFF;
  box-shadow: 0 0 2px #CCCCCC;

}

input.submit {

  background-color: #657B97;
  border: 1px solid #3E546F;
  border-radius: 3px;
  color: #FFFFFF;
  padding: 2px;
  min-width: 160px;

}

input.submit:hover {

  border: 1px solid #628BAF;

}

input.cancel {

  background-color: #DF6245;
  border: 1px solid #C63717;
  border-radius: 3px;
  color: #FFFFFF;
  padding: 2px;
  min-width: 160px;

}

input.cancel:hover {

  border: 1px solid #DF7961;

}

/* General headlines */

h1 {

  font-size: 24px;

}

h2 {

  font-size: 22px;

}

h3 {

  font-size: 20px;

}

h4 {

  font-size: 18px;

}

h5 {

  font-size: 16px;

}

h6 {

  font-size: 14px;

}

/* Blank table to format information */

table.default {

  width: 100%;

}

table.default th {

  padding: 6px 8px 6px 8px;

}

table.default td {

  padding: 6px 8px 6px 8px;

}

/* Table to present information */

table.datalist {

  padding-left: 10px;
  width: 100%;

}

table.datalist th {

  background-color: #F8F7F5;
  border-top: 1px #CACACA solid;
  border-bottom: 2px #006EA5 solid;
  color: #545248;
  padding: 8px;

}

table.datalist td {

  background-color: #F9F9F9;
  border-bottom: 1px #DDDDDD solid;
  color: #545248;
  padding: 3px 8px 3px 8px;

}

/* Administration panel elements */

div.be_titlebox {

  background-color: #F8F7F5;
  border-top: 1px #CACACA solid;
  border-bottom: 2px #CACACA solid;
  color: #004887;
  height: 48px;
  margin-bottom: 10px;
  padding: 5px;

}

div.be_titlebox > div {

  background-position: left center;
  background-repeat: no-repeat;
  font-size: 14px;
  height: 32px;
  padding: 16px 0 0 55px;

}

div.be_titlebox_small {

  background: #F8F7F5 url('../images/bg_headline.png') no-repeat 4px center;
  border-top: 1px #CACACA solid;
  border-bottom: 2px #CACACA solid;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 5px 5px 5px 24px;

}

/* General message boxes */

p.formfield_error {

  background: #EF9A86 url('../images/icon_warning.png') no-repeat 4px center;
  border-top: 1px solid #C63717;
  border-bottom: 2px solid #C63717;
  color: #FFFFFF;
  margin: 0 0 8px 0;
  padding: 4px 4px 4px 24px; /* small icon, only 24px left */

}

p.notice_success {

  background: #D8EFB3 url('../images/icon_success.png') no-repeat 4px center;
  border: 1px solid #7FCF00;
  border-radius: 3px;
  color: #545248;
  margin: 0;
  padding: 6px 6px 6px 28px;

}

p.notice_error {

  background: #EF9A86 url('../images/icon_warning.png') no-repeat 4px center;
  border: 1px solid #C63717;
  border-radius: 3px;
  color: #FFFFFF;
  margin: 0;
  padding: 6px 6px 6px 24px; /* small icon, only 24px left */

}

p.notice_info {

  background: #B8E7FF url('../images/icon_info.png') no-repeat 4px center;
  border: 1px solid #0098E7;
  border-radius: 3px;
  color: #545248;
  margin-bottom: 10px;
  padding: 6px 6px 6px 28px;

}

/* Other elements */

a.add {

  background: transparent url('../images/icon_add.png') no-repeat left center;
  padding: 5px 0 5px 24px;

}