.OutlookDemo
{

 
  background-color:#6591CD;

  background-repeat:repeat-x;
  
  padding:1px;
}

.Splitter
{
  margin:0px;
}

.HorizontalSplitterBar
{
  background-color:transparent;
  border-left:solid 1px #6593CF;
  border-right:solid 1px #6593CF;  
  cursor:e-resize !important;
}

.CollapsedHorizontalSplitterBar
{
  background-color:#AAAAC6; 
  border:none;
}

.VerticalSplitterBar
{
  background-color:#6593CF;
  background-image:url(images/splitterbar_vertical.gif);
  background-position:center center;
  border-left:solid 1px #6593CF;
  cursor:n-resize !important; 
}

.CollapsedVerticalSplitterBar
{
  background-color:#C6C6AA; 
}

.ActiveSplitterBar
{
  background-color: #000000;  
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); 
  opacity: 0.4;
}

/*  background-color:#F3FFF3; */

.NavigationPane
{
  background-color:#F3F3FF; 
}
.FoldersPane
{
  background-color:#FFFFFF; 
}
.FolderPane
{
  background-color:#FFFFFF; 
}
.MessagePane
{
  background-color:#99C9C9; 
}

.h1
{
  color:#15428B;
  background-color:#C4DEFF;
  background-image:url(images/h1_bg.gif);
  background-position:top left;
  padding:3px;
  padding-left:6px;
  font-family: tahoma, verdana;
  font-size:14px;
  font-weight:bold;
}

.h1 IMG
{
  border:none;
  vertical-align:middle;
}

.h2
{
  color:#15428B;
  background-color:#D6E8FF;
  background-image:url(images/h2_bg.gif);
  background-position:top left;
  padding:2px;
  padding-left:6px;
  font-family: tahoma, verdana; 
  font-size: 11px; 
  font-weight: bold;
}

.h3
{
  color:#000000;
  background-color:#FFFFFF;
  padding-top:3px;
  padding-bottom:5px;
  padding-left:3px;
  padding-right:3px;
  font-family: tahoma, verdana; 
  font-size: 11px; 
  font-weight: bold;
}

.h3 IMG
{
  border:none;
  vertical-align:middle;
}

.example-panel
{
    background: #aac8e2;
    padding: 6px;
    width: 736px;
}
.example-panel ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}
.example-panel .to-subject-panel ul li
{
    padding-bottom: 4px;
    clear: both;
}
.example-panel ul label
{
    float: left;
    width: 50px;
    text-align: right;
    padding: 3px;
}
.to-subject-panel
{
    background: transparent url(images/tosubjectBg.png) no-repeat 0 0;
    height: 48px;
    padding: 8px 0 8px 25px;
}

.to-subject-panel .text
{
    display: block;
    padding: 3px 68px;
}

.to-subject-panel .recipient
{
    color: #00156e;
    text-decoration: underline;
}

.upload-panel
{
    margin-top: 6px;
    padding-bottom: 6px;
    background: transparent url(../images/uploadBg.png) no-repeat 0 bottom;
}

.upload
{
    padding: 15px;
    background: transparent url(../images/uploadTopBg.png) no-repeat 0 0;
    overflow: hidden;
}

.files
{
    padding: 9px 15px;
    background: transparent url(../images/filesBg.png) no-repeat 0 0;
}

.editor-panel
{
    margin-top: 6px;
}
.save-button
{
    display: block;
    margin-top: 6px;
    margin-left: auto;
    width: 73px;
    height: 26px;
    background: transparent url(../images/buttonBg.png) no-repeat 0 0;
    font: 12px/26px Arial;
    text-align: center;
    color: #00156e;
    text-decoration: none;
}

.uploaded-file
{
    display: block;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    background: transparent url(images/check.png) no-repeat 0 5px;
}

.uploaded-file .download-file
{
    font: 12px/20px Arial;
    color: #000;
    text-decoration: none;
    margin-left: 15px;
}

.uploaded-files
{
    padding: 10px 0 0 94px;
    overflow: auto;
}

.uploaded-file .delete-file
{
    background: transparent url(images/deleteBg.png) no-repeat 0 0;
    font: 11px/18px Arial;
    text-align: center;
    width: 44px;
    height: 18px;
    margin: 0 4px;
    display: inline-block;
    text-decoration: none;
    color: #000;
}

.attached-files
{
    background: transparent url(images/uploadTopBg.png) no-repeat 0 0;
    padding: 10px 35px;
}

.mail-body
{
    margin-top: 3px;
    background: transparent url(images/bodyTopBg.png) no-repeat 0 0;
    padding-top: 11px;
}

.mail-body-mid
{
    background: transparent url(images/bodyMidBg.png) repeat-y 0 0;
    padding: 0 25px;
}

.mail-body-bot
{
    background: transparent url(images/bodyBotBg.png) no-repeat 0 0;
    height: 11px;
}

.back-button
{
    display: block;
    margin-top: 6px;
    width: 73px;
    height: 26px;
    background: transparent url(images/buttonBg.png) no-repeat 0 0;
    font: 12px/26px Arial;
    text-align: center;
    color: #00156e;
    text-decoration: none;
}
.attachment
{
    display: inline-block;
    background: transparent url(images/attachmentBg.png) no-repeat 3px 3px;
    border: 1px solid #90b1d0;
    padding: 4px 4px 4px 20px;
    margin-bottom: 5px;
    margin: 0 2px 5px 0;
}
.attachment a
{
    color: #00156E;
    text-decoration: none;
}
.pcmCellCaption
{
    white-space: nowrap;
    padding-top: 5px;
}
.pcmCellText
{
    padding-left: 10px;
    padding-top: 2px;
}
.pcmCheckBox
{
    padding-left: 6px;
    padding-bottom: 10px;
}
.pcmCreateAccount
{
    text-align: right;
    padding-top: 8px;
    padding-bottom: 4px;
}
.pcmButton
{
    padding-top: 10px;
    padding-bottom: 0px;
}
.pcmSideSpacer
{
    width: 60px;
    height: 1px;
}