/* TOP LEVEL DESIGN */

.page-header {
    margin: 20px 0px 20px;
}

.breadcrumb {
    background-color: #952747;
}

.breadcrumb > li > a {
    color: #fff;
}

div.not_production {
  padding: 5pt;
  margin-right: 5pt;
  margin-top: 1pt;
  font-size: 70%;
  border: black solid thin;
}

div.menusubtitle {
  padding-top: 6pt;
  font-weight: bold;
}
div.menualternative {
  padding-left: 1em;
}

div.menufooter {
  padding-top: 6pt;
  font-size: 8pt;
}

#menudiv {
  padding-top: 0.8em;
  padding-bottom: 1em;
}

body.portal #menudiv {
  background: #f8f8f8;
}

body.admin #menudiv {
  background: #f0f0f0;
}

body.instancewarning {
  background: #ff8080;
}

#contenttitle {
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 1pt;
  border-bottom: black solid thin;
  margin-bottom: 8pt;
}

/*
 * GENERAL LOOKS
 */

h1 { font-size: 26px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }

body {
    font-size: 14px;
    margin-bottom: 40pt;
}
table { font-size: 14px; }

/*
 * MODIFIER CLASSES
 */

.nowrap     { white-space: nowrap; }
.right      { text-align: right; }
.monospace  { font-family: monospace;}

/*
 * Text is hard to read if the column is too wide.
 * At the same time, we do not want to prohibit wide tables.
 * Instead of using <br> to introduce arbitrary line breaks,
 * place text in a div with a fixed max width.
 */

div.narrow_text {
  max-width: 50em;
}

/*
 * SHOWING DATA AS "Field name:     Value"
 */

table.showtable { border-spacing: 0pt; }
table.showtable td { vertical-align: top; padding-right: 12pt; }
table.showtable p { margin-bottom: 0pt; }
td.showlabel { font-weight: bold; width: 17em; }
td.showvalue { }

table.showtable .oddrow { background: #f8f8f8; }
table.showtable .evenrow { background: #ffffff; }

.warningrow td.showvalue  { background: #fcf8e3; }

/*
 * TABLES LISTING RELATIONS
 */


/* Bootstrap table class always fills to 100% width per default */

table.listingtable { width: auto; }

table.listingtable td {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

tr.fieldname { font-weight: bold;}
tr.fieldname td { border-bottom: #808080 solid thin; }

tr.headingrow td {
   padding-top: 12pt;
   padding-bottom: 6pt;
   font-size: 120%;
   font-weight: bold;
}

span.account_status_warning {
    background: #ffffa0 !important;
    color: #952747;
    font-weight: bold; }

.projectapplicationcomment td {
   padding-left: 12pt;
   padding-top: 6pt;
   padding-bottom: 12pt;
}
td.showvalue { padding-left: 3pt; }
table.listingtable tr.spacer td {padding-bottom: 12pt; }

/*
 * EDIT FORMS
 */

td.editlabel {
  font-weight: bold;
  width: 17em;
}

td.editvalue {
  font-size: 14px;
}

td.editvalue input[type=text], td.editvalue input[type=email], td.editvalue input[type=password] {
  width: 35em;
}
body.portal td.editvalue input[type=text], body.portal td.editvalue input[type=email], body.portal td.editvalue input[type=password] {
  width: 25em;
}

td.editvalue textarea {
  width: 35em;
  height: 6em;
}
body.portal td.editvalue textarea {
  width: 25em;
  height: 6em;
}

td.editsubmit {
  padding-top: 1em;
}

td.edittext {
  padding-top: 16pt;
  padding-bottom: 6pt;
}

td.edittextbigger {
  padding-top: 16pt;
  padding-bottom: 6pt;
  font-size: 120%;
}

div.errorlist {
  background: #ffffb0;
  color: black;
  font-weight: bold;
  padding: 0em 1em;
}

span.reqfield {
  color: #952747;
  font-size: 80%;
}

/*
 * ADD/REMOVE BUTTONS
 */

input[type=submit] {
  font-size: 10pt;
}

/*
 * REMOVE EXTRA SPACE AROUND FORMS
 */

form {
  margin: 0pt;
}

/*
 * FORMS AROUND BUTTONS SHOW LINE UP HORISONTALLY
 */

div.buttonline form {
  display: inline;
}

/*
 *  LOGIN
 */

div.loginerror {
  background: #ff8040;
  color: black;
  font-weight: bold;
  padding: 1em;
}

/*
 * HELP TEXT
 */

div.modelhelp {
  border-top: black solid thin;
  max-width: 50em;
}

div.modelhelp dt {
  font-weight: bold;
}

/*
 * Portal specific
 */

body.portal table.portal_projectapplication_create_edit_table td.editvalue textarea {
  width: 50em;
  height: 12em;
}

body.portal table.portal_feedback_table td.editvalue textarea {
  width: 50em;
  height: 12em;
}

table.portal_contact_information td.showlabel { width: 10em; }
table.portal_project_information td.showlabel { width: 15em; }

table.portal_contact_create_edit_table td.editlabel   { padding-top: 6pt; }
table.portal_contact_create_edit_table td.editvalue   {  }
table.portal_contact_create_edit_table td.editerror   {  }
table.portal_contact_create_edit_table td.editcomment { padding-left: 12pt; }