/*
## editorelements.css - Contains style for content in editorelement
*/

.article-content ul, ol {
x  list-style-position:inside;
  margin-bottom: 10px;
}

/**********************
## IMAGE DESCRIPTION ##
**********************/
table.image-box {
  margin-bottom: 5px!important;
}

table.image-box .image-caption {
  font-style: italic;
  width: 20px;
  padding: 3px 0; /* remember to adjust element in editorelement.xsl if this is changed */
}

table.image-box.left-floated {
  float: left;
  margin: 0 15px 10px 0;
}

table.image-box.right-floated {
  float:right;
  margin: 0 0 15px 10px;
}

table.image-box.none-floated {
  margin: 15px 0;
}

/******************************
## USER BOX DESCRIPTION ##
******************************/
div.user-box {
  background-color:#DDD;
  padding:5px;
  border:1px solid #999;
}

div.user-box.left-floated {
  float:left;
  margin:0 15px 10px 0;
}

div.user-box.right-floated {
  float:right;
  margin:0 15px 10px 0;
}

/***********************
## TABLE DESCRIPTION ##
***********************/
table.user-table {
  margin-top:10px;
  margin-bottom:10px;
  border-collapse: collapse;
}

table.user-table td {
  padding:4px;
}

table.bordered-user-table {
  margin-top:10px;
  margin-bottom:10px;
  border-collapse: collapse;
  border: 1px solid black;
}

table.bordered-user-table tr td {
  border: 1px solid black;
  padding: 4px;
}

/*******************************
## INLINE ARTICLE DESCRIPTION ##
*******************************/
.inline-article {
  border: 2px dashed black;
  padding: 3px;
}

/*********************
## FILE DESCRIPTION ##
*********************/
.inline-file-attachment {
  width: 250px;
  border: 1px solid silver;
  padding: 6px;
  margin: 5px 0;
  min-height: 35px;
}

.inline-file-attachment a {
  display: block;
}

.inline-file-attachment a img {
  float: left;
  text-decoration: none;
  margin-right: 8px;
}


/**
## FORM DESCRIPTION ##
**/
#content form {
  margin-bottom:15px;
  width: 99%;
}
#content form fieldset {
  border: none;
}
#content form p {
  margin: 5px 0 8px 0;
}
#content form legend {
  font-weight: bold;
  text-transform:uppercase;
  padding: 0 8px 0 0;
}

#content form .mandatory {
  color: #FF0000;
}

#content form input.error,
#content form select.error,
#content form textarea.error {
  background: #ffffcb;
}

#content form label.error {
  color: #f00;
}

#content label.block,
#content label .block
{
  display: block;
  margin-bottom: 2px;
  margin-right: 20px;
}

#content form input.block
{
  display: block;
  margin-bottom: 8px;
  margin-right: 20px;
}
#content form select,
#content form .default /* .default used for standard text input */
{
  width:420px;
}

#content form textarea
{
  width: 420px;
  margin-bottom: 8px;
}

#content form select {
  margin-bottom: 8px;
  font-size: 100%;
}
#content form input.file {
  margin-bottom: 8px;
}
#content form input.checkbox {}

#content form input.radiobutton {
  margin: 0 5px;
}

#content form div.submit {
  padding: 10px 0;
}

#content form input.button.submit {

}

#content form input.button.reset {

}

/* error-messages - TODO: clean up this mess */
#content h3.error-messages {
  font-size: 12px;
  color: #be0000;
}

#content ul.error-messages {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#content ul.error-messages li {
  padding: 4px 0;
  color: #be0000;
}

#content ul.error-messages li a:link,
#content ul.error-messages li a:visited {
  color: #be0000;
}

#content span.error-item {
  padding-left: 4px;
  font-weight: normal;
  color: #be0000;
}

/* SPECIAL */

#content form.special legend {
  display: none;
}

#content form.special p.form_labelfield {
  display: block;
  clear: both;
}

#content form.special label {
  font-weight: bold;
}

#content form.special .row {
  clear: both;
}

#content form.special input.block {
  margin-bottom: 4px;
}

#content form.special .fileinput {
  float: left;
  display: inline;
  width: 49%;
}

#content form.special div.textarea textarea {
  height: 140px;
}

#content form.signup div.textarea textarea {
  height: 90px;
}

#content form.special div.textarea {
  float: right;
  display: inline;
  width: 300px;
}

#content form.special div.text,
#content form.special div.select {
  float: left;
  display: inline;
  width: 140px;
  clear: left;
}

#content form.special div.file {
  clear: both;
}