﻿body
{
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-color: #CCCCCC;
}

.box h3{
text-align:center;
position:relative;
top:80px;
}
.box
{
    width: 300px;
    height: 444px;
    background: #FFF;
}
/*==================================================
* Effect 5
* ===============================================*/
.effect5
{
    position: relative;
    top: 0px;
    left: -6px;
}
.effect5:before, .effect5:after
{
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 25px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width:300px;
    background: #777;
    -webkit-box-shadow: 0 35px 20px #777;
    -moz-box-shadow: 0 35px 20px #777;
    box-shadow: 0 35px 20px #777;
    -webkit-transform: rotate(-8deg);
    -moz-transform: rotate(-8deg);
    -o-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    transform: rotate(-8deg);

}
.effect5:after
{
    -webkit-transform: rotate(8deg);
    -moz-transform: rotate(8deg);
    -o-transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    transform: rotate(8deg);
    right: 10px;
    left: auto;
}

.textbox
{
    border: 1px solid #CCCCCC;
    font-family: tahoma;
    font-size: small;
    color: #808080;
   padding:5px 15px;
   float: left;
}

.button
{
    font-family: Tahoma;
    font-size: medium;
    
    color: #FFFFFF;
    background-color: #0066FF;
    border: 1px solid #0000FF;
    
}

.close
{
    color: #FFFFFF;
    cursor:pointer;
}

.close:hover
{
    color: #666666;
    font-size: small;
    font-family: arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: underline;
}