/*
## 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;
}

/* bordered user table */
table.bordered-user-table {
  border-collapse: collapse;
}

table.bordered-user-table td,
table.bordered-user-table th {
  border: 1px solid #dfdfdf;
  padding: 4px;
}

/* outlined user table */
table.outlined-user-table {
  border-collapse: collapse;
  border: 1px solid #dfdfdf;
}

table.outlined-user-table td,
table.outlined-user-table th {
  padding: 4px;
}

/* outlined horizontal bordered user table */
table.outlined-horizontal-user-table {
  border-collapse: collapse;
  border: 1px solid #dfdfdf;
}

table.outlined-horizontal-user-table td,
table.outlined-horizontal-user-table th {
  padding: 4px;
  border-bottom: 1px solid #dfdfdf;
}

/* 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 #dfdfdf;
}

/* outlined vertical bordered user table */
table.outlined-vertical-user-table {
  border-collapse: collapse;
  border: 1px solid #dfdfdf;
}

table.outlined-vertical-user-table td,
table.outlined-vertical-user-table th {
  padding: 4px;
  border-right: 1px solid #dfdfdf;
}

table.vertical-user-table {
  border-collapse: collapse;
  border-left: 1px solid #dfdfdf;
}

table.vertical-user-table td,
table.vertical-user-table th {
  padding: 4px;
  border-right: 1px solid #dfdfdf;
}

/*********************
## FILE DESCRIPTION ##
*********************/
.fileObject {
  height: 35px;
  padding-left: 39px;
}

.fileObject dd {
  color: #999;
}

.fileObject.msword {
  background: url(../Diverse/msword.png) 0 50% no-repeat;
}

.fileObject.mswordx {
  background: url(../Diverse/mswordx.png) 0 50% no-repeat;
}

.fileObject.msexcel {
  background: url(../Diverse/msexcel.png) 0 50% no-repeat;
}

.fileObject.msexcelx {
  background: url(../Diverse/msexcelx.png) 0 50% no-repeat;
}

.fileObject.mspowerpoint {
  background: url(../Diverse/mspowerpoint.png) 0 50% no-repeat;
}

.fileObject.mspowerpointx {
  background: url(../Diverse/mspowerpointx.png) 0 50% no-repeat;
}

.fileObject.zip {
  background: url(../Diverse/zip.png) 0 50% no-repeat;
}

.fileObject.txt {
  background: url(../Diverse/txt.png) 0 50% no-repeat;
}

.fileObject.pdf {
  background: url(../Diverse/pdf.png) 0 50% no-repeat;
}

.fileObject.html {
  background: url(../Diverse/html.png) 0 50% no-repeat;
}

.fileObject.xml {
  background: url(../Diverse/xml.png) 0 50% no-repeat;
}

.fileObject.generic {
  background: url(../Diverse/generic.png) 0 50% no-repeat;
}

/**
## FORM DESCRIPTION ##
**/
#content form {
  /*width: 99%;*/
}
#content form fieldset {
  padding: 10px 10px 5px 10px;
  border: 1px solid #dfdfdf;
  margin-top:10px;
}

#content .seminarArticleImage form fieldset {
  padding: 15px 0px 5px;
  border: none;
  /*width: 200px;*/
}

#content form p {
  margin: 5px 0 8px 0;
}
#content form legend {
  font-weight: bold;
/*  text-transform:uppercase; */
  padding: 0 5px;
}

#content .seminarArticleImage form legend {
  display: none;
}


#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;
  border:1px solid #CECECE;
  height:18px;
}

#content form input.radiobutton {
  display: block;
  margin-top: 10px;
}

#content form select,
#content form .default /* .default used for standard text input */
{
  /*width:99%;*/
}

#content form textarea
{
  /*width:99%;*/
  margin-bottom: 8px;
  border:1px solid #CECECE;
  font:105% Verdana,Tahoma,Arial,Helvetica,sans-serif;
}

#content form select {
  margin-bottom: 8px;
}
#content form input.file {
  margin-bottom: 8px;
}
#content form input.checkbox {
  margin-right:5px;
}

#content form div.submit {
  padding: 10px 0;
}

#content .seminarArticleImage form div.submit {
  padding: 10px 0;
  text-align: right;
}

#content form input.button.submit {
  margin-right: 5px;
  padding: 0px;
}

#content form input.button.reset {
  margin-right: 5px;
  padding: 0px;
}

/* 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;
}

#content .seminarArticleImage form fieldset input.block{
   /*width:110%;*/
}