/*
## editorelements.css - Contains style for editorelement content
*/
.article-content {
  position: relative;
}

.underlined {
  text-decoration: underline;
}

.left-aligned {
  text-align: left;
}

.right-aligned {
  text-align: right;
}

/* Only align <p> elements this way */
p.center-aligned {
  text-align: center;
}

p.justify-aligned {
  text-align: justify;
}

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

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

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

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

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

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

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

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

/***********************
## TABLE DESCRIPTION ##
***********************/
/* common user table */
table.user-table {
  border-collapse: collapse;
}

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

table.user-table thead td {
  font-weight: bold;
}

/* bordered user table */
table.bordered-user-table {
  border-collapse: collapse;
}

table.bordered-user-table td,
table.bordered-user-table th {
  border: 1px solid #666;
  padding: 4px;
}

table.bordered-user-table thead td {
  font-weight: bold;
}

/* outlined user table */
table.outlined-user-table {
  border-collapse: collapse;
  border: 1px solid #666;
}

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

table.outlined-user-table thead td {
  font-weight: bold;
}

/* outlined horizontal bordered user table */
table.outlined-horizontal-user-table {
  border-collapse: collapse;
  border: 1px solid #666;
}

table.outlined-horizontal-user-table td,
table.outlined-horizontal-user-table th {
  padding: 4px;
  border-bottom: 1px solid #666;
}

table.outlined-horizontal-user-table thead td {
  font-weight: bold;
}

/* horizontal bordered user table */
table.horizontal-user-table {
  border-collapse: collapse;
}

table.horizontal-user-table td,
table.horizontal-user-table th {
  padding: 4px;
  border-bottom: 1px solid #666;
}

table.horizontal-user-table thead td {
  font-weight: bold;
}

/* outlined vertical bordered user table */
table.outlined-vertical-user-table {
  border-collapse: collapse;
  border: 1px solid #666;
}

table.outlined-vertical-user-table td,
table.outlined-vertical-user-table th {
  padding: 4px;
  border-right: 1px solid #666;
}

table.outlined-vertical-user-table thead td {
  font-weight: bold;
}

/* vertical bordered user table */
table.vertical-user-table {
  border-collapse: collapse;
  border-left: 1px solid #666;
}

table.vertical-user-table td,
table.vertical-user-table th {
  padding: 4px;
  border-right: 1px solid #666;
}

table.vertical-user-table thead td {
  font-weight: bold;
}

/***********
## IFRAME ##
***********/
iframe.left-floated {
  margin-right: 10px;
}

iframe.right-floated {
  margin-left: 10px;
}

/*********************
## FILE DESCRIPTION ##
*********************/
.fileObject img {
  float: left;
  margin-right: 4px;
}

.fileObject span {
  color: #999;
}

/*********************
## FORM DESCRIPTION ##
*********************/
#content form {
  width: 50%;
}

#content form fieldset {
  padding: 30px 10px 5px 10px;
  border: 1px solid #ccc;
}

#content form .formTitle {
  letter-spacing:2px;
}

#content form p {
  margin: 10px 0 15px 0;
  padding-bottom:5px;
  border-bottom:1px solid #BEC8D4;
}

#content form legend {
  font-weight: bold;
  padding: 0 5px;
}

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

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

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

#content label.block,
#content label .block {
  display: inline;
  margin-bottom: 2px;
  margin-right: 20px;
  width:80px;
  float:left;
  clear:left;
}

#content form input.block {
  display: inline-block;
  margin-bottom: 8px;
  margin-right: 20px;
  float:left;
}

#content form select,
#content form .default {
  width: 60%;
}

#content form select option {
  padding: 0 5px 0 3px;
}

#content form textarea {
  width: 60%;
  margin-bottom: 8px;
  float:left;
}

#content form select {
  margin-bottom: 8px;
}

#content form input.file {
  margin-bottom: 8px;
}

#content form input.checkbox {
  margin: 3px 8px 11px 0;
}

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

#content form div.submit {
  padding: 10px 0;
  clear:both;
  margin-left:140px;
}

#content form input.button.submit,
#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;
}