body
{
    margin:0;
    font-family: "PT Sans Narrow","Arial Narrow",sans-serif;
}

.inputForm
{
    background: #f2f2f2;
    border:none;
    color:#262626;
    padding:15px 0;
    margin:0;
    text-indent:17px;
    font:14px "Arial", "Helvetica Neue", Helvetica, sans-serif;
    outline:none;
    width:100%;
}

.inputButton
{
    width:100%;
    background:#2a2a2a;
    color:#fff;
    border:none;
    cursor:pointer;
    margin:0;
    max-width:100%;
    padding:15px 0;
}

.inputButton:hover
{
    background:#9fc651;
}

#serialNumber
{
    text-transform:uppercase;
}

#opener
{
    cursor:pointer;
    color:#9fc651;
}
textarea
{
    background: #f2f2f2;
    border:none;
    color:#262626;
    margin:0;
    font:14px "Arial", "Helvetica Neue", Helvetica, sans-serif;
    outline:none;
    width:100%;
    resize:none;
    text-indent:17px;
    height:150px;
}

.header
{
    width:100%;
    margin:0 auto;
    background-color:#fff;
    border-bottom:1px solid #e2e0e0;
}

.pageTitle
{
    width:100%;
    margin-top:10px;
    text-align:center;
    color:#2f454d;
}

.logo
{
    width:180px;
    margin-left:8%;
}

.serialDiv
{
    width:100%;
    float:left;
    height:150px;   
}

.serialContainer
{
    margin:0 auto;
    width: 40%;
    min-width:400px;
    margin-top:1%;
}

.CodeAlert
{
    color:#d72b2b
}

.SendMailDiv
{
    width:100%;
    float:left;
    height:250px;
}

.SendMailContainer
{
    margin:0 auto;
    width: 60%;
    min-width:400px;
    margin-top:1%;
}

.inputContent
{
    width:30%;
    float:left;
}
.inputContentBig
{
    width:60%;
    margin-left:10%;
    float:left;
}

.MailOkDiv
{
    width:100%;
    float:left;
    height:150px; 
}

.MailOkContainer
{
    margin:0 auto;
    width: 60%;
    min-width:400px;
    margin-top:1%;
    text-align:center;
}