body {
    margin: 0px;
    padding: 0px;
}

div.invitationWidget {
    width: 328px;
    height: 388px;
    position: relative; 
    background-image: url("./signup_background.png");
}

div#partner {
    position: absolute;
    left: 25px;
    right: 25px;
    top: 65px;
    height: 75px;
    color: #ffffff;
    font-family:"trebuchet ms",verdana,arial,sans-serif;
    font-weight:bold;
}

p {
    position: absolute;
    left: 25px;
    right: 25px;
    top: 115px;
    margin: 0px;
    padding: 0px;
    
    color:#444444;
    font-family:"trebuchet ms",verdana,arial,sans-serif;
    font-size: 0.8em;
    
}

span.label {
    position: absolute;
    left: 25px;
    top: 254px;

    font-family: "Lucida Grande","Verdana","Sans-Serif";
    font-size: 0.8em;
    color:#555555;
    font-weight: bold;
}

span#message {
    position: absolute;
    left: 25px;
    top: 305px;

    font-family: "Lucida Grande","Verdana","Sans-Serif";
    font-size: 0.8em;
}

span.error {
    color: red;
}

span.success {
    color: green;
}

input#email {
    font-size:1.2em;
    height:30px;
    left:25px;
    position:absolute;
    top:275px;
    width:240px;
}

div#send {
    position: absolute;
    left: 25px;
    top: 324px;
}

div#send span {
    font-family:"trebuchet ms",verdana,arial,sans-serif;
}


/*-------------------- Buttons --------------------*/
.button{
    display : inline;
}

.button, .button span{
    text-align: center;
    position  : relative;
    cursor    : pointer;
}

.button div{
    position: absolute;
    top     : 0px;
    z-index : 0;
}

.button span{
    z-index : 1;
}

.button div.limg{ left: 0px; }
.button div.rimg{ left : auto; right: 0px; }
.button div.cimg{ width: auto; }

.button       { color: #076599; } /* yellow */
.button.blue  { color: #FFC00B; }
.button.green { color: #FFF;    }
.button.gray  { color: #FFF;    }

/*-------------------- Large Buttons --------------------*/
.button.large{
    height     : 39px;
    font-size  : 1.2em;
    line-height: 36px;
    padding    : 2px 32px;
}

div.button.large div{
    background-image: url(./lg_buttons.png);
    width           : 60px;
    height          : 39px;
}

div.button.large.disabled div {
    background-image:url(./lg_buttons_gray.png);
}

.button.large .cimg{
    left  : 60px;
    right : 60px;
    width : auto;
}

.button.large .limg{ background-position: 0px    0px; }
.button.large .rimg{ background-position: 0px  -39px; }
.button.large .cimg{ background-position: 0px  -78px; }