﻿/* STUDENTGENERATOR.COM STYLES: SIGN IN FORMS */
/* 

    SIGN IN FORMS


     |20|<--------------------------------------------- 860 px ----------------------------------------------------->|20|

        |               +----------------------------------------------------------------------------+               |
        |               |.box                                                                        |               |
        |         180   |10|480                                                                   |10|   180         |
        |               |                                                                            |               |
        |               |               +---------------------------------------------------------+  |               |
        |               |               |.formRow                                                 |  |               |
        |               |       100     |380                                                      |  |               |
        |               |               |+-----------------++---------------------------------+   |  |               |
        |               |               ||p.caption        ||p.data                           | * |  |               |
        |               |               ||100           |10||256                              |   |  |               |
        |               |               |+-----------------++---------------------------------+   |  |               |

                         * This space allows the p.data to expand to accommodate a 2px red border, if an error is flagged.
 

/* ---- SIGN IN FORMS ---------------------------------------------------------------------------------------------- */
#signIn .box {float: left; width: 480px; margin: 50px 180px; padding: 10px;}
#signIn div.formRow {width:380px; margin-left: 100px;}
#signIn div.formRow p.caption {width: 100px; padding-right: 10px;} 
#signIn div.formRow p.data {width: 252px;}
#signIn .box {background-image: url(../images/imgKeys.gif); background-position: left top; background-repeat: no-repeat;}
