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

.article-content ul, ol {
  margin-bottom: 12px;
}

/**********************
## IMAGE DESCRIPTION ##
**********************/
.image-box {
  border-collapse: collapse;
  width:20px;
}

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

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

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

.image-box .image-caption {
  background:#EFEFEF;
  padding:3px 5px; 
}

.embedded-img {
  margin: 0 8px 8px 8px;
}

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

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

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

/***********************
## 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;
}

/*********************
## FILE DESCRIPTION ##
*********************/

/**
## FORM DESCRIPTION ##
**/
#content form {
  margin-bottom:15px;
  width: 99%;
}
#content form fieldset {
  padding: 30px 10px 5px 10px;
  border: 1px;
}
#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:99%;
}

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

#content form select {
  margin-bottom: 8px;
}
#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 {
  margin-right: 5px;
  padding: 4px;
}

#content form input.button.reset {
  margin-right: 5px;
  padding: 4px;
}

/* 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;
}