/* Use the CSS styles on this page to control the
appearance of your SiteRefer recommendation form.
Be careful to change only the values for each item
- e.g. change 15px; to 16px; and not 16.

The alternatives for "font-family" styles are:
"Times New Roman, Times, serif"
"Courier New, Courier, mono"
"Georgia, Times New Roman, Times, serif"
"Verdana, Arial, Helvetica, sans-serif"
"Comic Sans MS, Arial, cursive"
"Arial, Helvetica, sans-serif"

The "font-size" value can be any whole number - the
higher the number, the larger the font (px = "pixels")

The alternatives for "font-style" are "normal" and "italic"

The alternatives for "font-weight" are "normal" and "bold"



------------------------------------------------------------------------------------------*/
a:hover {         /* The colour that links change to when the mouse pointer is held over the link */

 color: #999999;
}
/*----------------------------------------------------------------------------------------*/
body {            /* This controls the width or depth of margins around the page contents */

    background-color: #FFFFFF;
    background-image: url(images/background.jpg);
    margin-top: 20px;
    margin-right: 0px;
    margin-left: 0px
}
/*----------------------------------------------------------------------------------------*/
.title {         /* The heading text at the top of the recommendation form (includes the site name) */

    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-style: italic;
    font-weight: bold;
    color: #354173;
    height: 13px;
}
/*----------------------------------------------------------------------------------------*/
.bodyText {     /* Any text not styled by any other style */

    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    color: #122835;
}
/*----------------------------------------------------------------------------------------*/
.bodyTextBold {  /* Used for some sub-headings and the error message box heading */

    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    color: #122835;
}
/*----------------------------------------------------------------------------------------*/
.previewText {  /* The e-mail contents as shown in the preview */

    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    color: #000D67;
}
/*----------------------------------------------------------------------------------------*/
.outerBox {    /* The bounding box of all page contents */

    border: 1px solid #660000;
    background-color: #FFFFF8;
    width: 490px;
}
/*----------------------------------------------------------------------------------------*/
.formCellBox {   /* The boxes containing the form item text entry boxes */

    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    color: #371B61;
    border: 1px solid #5C6E6F;
    background-color: #E4E4EA;
    width: 50%;
}
/*----------------------------------------------------------------------------------------*/
.formCellDesc {   /* The boxes containing the form item descriptions */

    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    color: #371B61;
    border: 1px solid #FFFFF8;
    background-color: #FFFFF8;
    width: 50%;
}
/*----------------------------------------------------------------------------------------*/
.textBox {   /* The text entry boxes (except the personal message box */

    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    color: #371B61;
    border: 1px solid #5C6E6F;
    background-color: #FFFFF8;
    height: 20px;
    width: 94%;
}
/*----------------------------------------------------------------------------------------*/
.textAreaBox {   /* The personal message box */

    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    color: #371B61;
    border: 1px solid #5C6E6F;
    background-color: #FFFFF8;
    height: 60px;
    width: 94%;
}
/*----------------------------------------------------------------------------------------*/
.messageBox {   /* The error message boxes */

    border: 1px solid #660000;
    background-color: #FFFFF8;
    width: 490px;
}
/*----------------------------------------------------------------------------------------*/