.previewWarning  {
    padding: 5px;
    background-color:#666;
    color: #f8f8f8;
    font-family: sans-serif;
    font-size: 1.2em;
    font-weight: strong;
    text-align: center;
}



/* Template details (on form preview page) */
#templateDetails { font-family: 'Lucida Grande',Verdana,Arial,Sans-Serif !important; padding-top:10px;  }
#templateDetails .toolBarGroup  { float: right; text-align: right;  }
#templateDetails .toolBarGroup {
    margin:  0 7px 0 0;
    padding: 0 6px 0 2px;
    width: auto !important; /* prevents user css to overwrite this.*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
    background-color: #FF7211;
    white-space: nowrap !important;
    display: block;
    line-height: 26px;

}
#templateDetails .left .toolBarGroup {
    float: left;
}
#templateDetails .right .toolBarGroup {
    float: right;
}
#templateDetails .toolBarGroup .separator {
    border-left: 1px dotted #ccc;
    padding-right: 4px;
}
#templateDetails .toolBarButton {
    font-family: 'Lucida Grande',Verdana,Arial,Sans-Serif !important;
    text-decoration: none;
    color: #FFf1f1;
    font-weight: bold;
    border: none  !important;
    font-size: 12px;
}
#templateDetails .toolBarButton:hover {
    text-decoration: underline !important;
    cursor: pointer;
}
#templateDetails .toolBarButton img {
    margin: 0 0 -3px 3px;
    border: none;
}
#templateDetails p { margin: 0 260px 10px 10px; padding: 10px; font-size: 0.8em; color: #FF7200;
                     background-color: #f7f7fa; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; }
#templateDetails .quiet { color:#AAA }
#templateDetails .templateDescription {color: #666 }

/* Form preview in moderation page */

.moderationToolbar                          { position: fixed; top:0; left:0; width:100%; background-color: #96BC92; color:#FFF; line-height: 200%; 
                                              font-family: 'Lucida Grande',Verdana,Arial,Sans-Serif !important; padding: 5px 10px;  z-index: 1;}

.moderationToolbar h2                       { font-size: 16px; margin:0;  font-variant:small-caps; }

.moderationToolbar .status                  { float: right; font-size: 14px; font-variant:small-caps; margin-right: 20px;  }
.moderationToolbar .status strong           { background-color: #FFC; color:#444;  padding: 2px;}
.moderationToolbar .moderationAction        { background-color: #628784; color: #FFF; text-decoration: none; padding: 4px 4px 5px 4px; -moz-border-radius: 5px;
                                              -webkit-border-radius: 5px;   border-radius:5px; font-size: 12px;}
.moderationToolbar .moderationAction:hover  { background-color: #FFC; color:#333; }

.moderationToolbar .moderationAction .hint  { display: none; }

.moderationToolbar .moderationAction:hover .hint { display: block; position: absolute; background-color: #FFC; border-bottom: 1px solid #D8D800; color:#000; width:100%; left: 0; line-height: 200%; }
.moderationToolbar .moderationAction:hover .hint span { padding: 0 15px; } 
.moderationToolbar .moderationLink          { background-color: #7AA37A; color: #FFF; text-decoration: none; padding: 4px 4px 5px 4px; -moz-border-radius: 5px;
                                              -webkit-border-radius: 5px;   border-radius:5px; font-size: 12px; }
.moderationToolbar .moderationLink:hover    { background-color: #FFC; color:#333; }                                         

.moderationToolbar a img                    { border: none; vertical-align: middle; }

.moderationAction:visited{ color:yellow; }