/************************************************************************
 * FILE:   emailForm.css                                                *
 * AUTHOR: Justin Spargur                                               *
 * DATE:   05/04/07                                                     *
 *                                                                      *
 * DESCRIPTION:                                                         *
 * This file contains styles used to format the WYSIWYG email form.     *
 *                                                                      *
 * INCLUDED STYLE SHEETS:                                               *
 *    - None                                                            *
 *                                                                      *
 * KNOWN BUGS:                                                          *
 *    - None                                                            *
 *                                                                      *
 * ADDITIONAL NOTES:                                                    *
 *    - None                                                            *
 *                                                                      *
 ************************************************************************/

/*****************************
 * Format for the WYSYWIG    *
 * email form itself.        *
 *****************************/ 
#emailForm table {
    width:100%;
}
#emailForm th {
   width:20%;
   text-align:right;
}

#emailForm input {
   width:50%;
}

#emailForm textarea,iframe {
   width:70%;
   height:200px;
}

#emailForm #submitMe {
   width:auto;
}

#emailForm #goBackButton {
   width:auto;
}


/********************************
 * Format for the bold, italic, *
 * etc.buttons used on the      *
 * WYSIWYG email form.          *
 ********************************/
a.formButton img{
   background-color:#D4D0C8;
   border:1px solid #D4D0C8;
}

a.formButton:hover img{
   border-top:1px solid #FFFFFF;
   border-right:1px solid #404040;
   border-bottom:1px solid #404040;
   border-left:1px solid #FFFFFF;
}

/*****************************
 * Format for the copy of a  *
 * message after it has been *
 * successfully sent.        *
 *****************************/
div.emailCopy {
   margin:5% 10%;
   background-color:#ddd;
   color:black;
   padding:10px;
   border:3px solid gray;
}

.errorMessage {
   border:1px solid red;
   background-color:#fee;
   color:#c00;
   padding:1%;
   margin:1%;
   text-align:center;
   font-weight:bold;}
   
.successMessage {
   border:1px solid green;
   background-color:#efe;
   color:green;
   padding:1%;
   margin:1%;
   text-align:center;
   font-weight:bold;}