div.composer
{
  position: absolute;
  overflow:hidden;
}

.compose-header
{
  z-index:10;
  /*background-color:#fff;*/
    
}

div.composer div.compose-header
{
  position: absolute;
  left: 0px;
  width: 100%;
  padding: 0px;
  white-space: nowrap;
  /*z-index:200;*/
}
div.composer table.compose-header
{
  width:100%;
  margin: 0;
  border-collapse: collapse;
  table-layout:fixed;
}

div.composer table.compose-header td
{
  padding: 0; /*   border-bottom-width: 1px;   border-bottom-style: solid;   border-bottom-color: #ffffff; */
  height: 22px;
  vertical-align:middle;
  /*white-space: nowrap;*/
  overflow:hidden;
  
}
div.composer table.compose-header td.lft
{
  width: 80px;
  text-align: right;
  padding-right: 4px;
}
div.composer table.compose-header td.mid
{
  border: 1px solid #ccc;
  background-color:#f4f4f4;
}
div.composer table.compose-header td.rgt
{
  width: 100px;
  text-align: right;
}

div.composer table.compose-header input[type=text], 
div.composer table.compose-header select
{
  /*height: 20px;*/
  /*border: none;*/
  /*
  font-size: 11px;
  font-weight: normal;
*/
}
div.composer table.compose-header input[type=text]
{
  width:99%;
  border: none;
  /*height:20px;*/
  margin: 0;
  padding:0;
  padding-left:8px;
  
}
div.composer table.compose-header select
{
  margin:0;
  width:100%;
  padding:2px;
  height:20px;
}
div.composer table.compose-header select option
{
  line-height:22px;
  vertical-align:middle;
}

div.composer table.compose-header textarea
{
  width: 100%;
  margin: 0px;
  padding: 0px; /*padding-right:-4px;*/
  height: 16px;
  border: none;
  font-weight: normal;
}

div.composer span.attachments
{
  padding:2px 0;
  white-space:normal;
  
  /*background-color:#fff;*/
}

div.composer div.composer-switch-off,
div.composer div.composer-switch-on,
div.composer div.composer-attach-off,
div.composer div.composer-attach-on
{
  width: 40px;
  height: auto;
  padding: 0;
  margin: 0;
  margin-left: auto;
  background-repeat: no-repeat;
  background-position: right;
  text-align: right;
  padding-right: 20px;
  color: #666666;
  font-size: 11px;
  cursor: pointer;
}
div.composer div.composer-switch-on
{
  background-image: url(images/controls/minus.gif);
}
div.composer div.composer-switch-off
{
  background-image: url(images/controls/plus.gif);
}
div.composer div.composer-attach-on
{
  background-image: url(images/controls/attach.gif);
}
div.composer div.composer-attach-off
{
  background-image: url(images/controls/attach.gif);
}


/* uploader */
div.upload
{
  position:absolute;
  left:100px;
  top:18px;
  width:400px;
  height:48px;
  padding:10px;
  border-width:2px;
  border-style:outset;
  border-color:#000;
  overflow:hidden;
  display:none;
  z-index:150;
}
div.upload iframe
{
  position:absolute;
  left:10px;
  top:10px;
  width:400px;
  height:48px;
}

/* within uploader iframe */
div.upload-inner
{
  display:inline;
  overflow:hidden;
}
div.upload-inner input[type=file]
{
  width:300px;  
}

div.upload-inner div.buttons
{
  margin:4px 0;    
}

div.upload,
body.uploader,
div.upload-inner,
div.upload-inner div.buttons
{
    background-color:#f0f0f0;
}


/* body */
div.compose-body
{
  z-index:9;
}
div.compose-body .editor
{
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  right:20px;
  top:2px;
  bottom:20px;
  
  border-left:2px solid #ccc;
  border-right:2px solid #ccc;
}

/* div.compose-body div.editor.html  */

/*
div.compose-body div.editor.html 
{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;  
}
*/


/*
div.compose-body iframe.editor, 
div.compose-body textarea.editor
{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  border:1px inset #c0c0c0;
  background-color:#fff;
}
*/

div.compose-body textarea.editor.plain
{
  padding:0;
  font-size:12px;
  line-height:18px;
  font-family:Courier New,Monospace;
  white-space:pre;
  
  border:1px inset #c0c0c0;
  background-color:#fff;
}

div.compose-body .editor.html
{
  background-color:#f4f4f4
}





/* within composer iframe */
textarea.tinymce
{
  margin:0;
  padding:0;
  border:none;
  background-color:#fff;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  white-space:pre;
}


/* footer */
/*
div.composer div.footer
{
  position: absolute;
  width: 100%;
  height: 24px;
  white-space: nowrap;
  
}
*/

div.composer div.footer table
{
  width: 100%;
  border-collapse: collapse;
}
div.composer div.footer table td.footer-left
{
  text-align: left;
  white-space: nowrap;
}
div.composer div.footer table td.footer-right
{
  width:200px;
  white-space: nowrap;
  text-align: right;
  vertical-align: bottom;
}



/* completionlist */
.completionlist
{
  padding:0;
  border:1px solid #000;
  overflow:auto;
  visibility:hidden;
  z-index:12;
  background-color:#fff;
}
.completionlist-item
{
  margin:0;
  padding:4px;
  font-size:11px;
}