div.cleaner{
    clear: left;
}

body, p, textarea{
    margin: 0;
    padding: 0;
}

body{
    background: black;
    background: #2d2d2d;
}

div#someBlockWrp,
div#someBlock{
    width: 446px;
}

div#someBlockWrp{
    margin-left: auto;
    margin-right: auto;
    background: red;
}

/* div#someBlock, */
div#infoBlock,
a#dropMsgDoItNow,
a#useAnEmail,
div#messageBlock,
div#messageBlock #sendButton,
div#messageBlock #loader div{
    background: url('/resources/images/mainResource.png') no-repeat;
    /* background: url(data:image/png;base64,<?php echo(base64_encode(file_get_contents("resources/images/mainResource.png")));?>); */
}

div#someBlock{
    position: absolute;
    top: 28%;
    /* height: 124px; */
}

div#infoBlock{
    height: 124px;
    background-repeat: no-repeat;
}

div#messageBlock{
    /* background: red url('/resources/images/dbg1.png'); */
    background-position: 0px -136px;
    background-repeat: no-repeat;
    height: 200px;
    margin-top: 10px;
    position: relative;
    display: none;
}

div#messageBlock textarea#messageText,
div#messageBlock #loader{
    position: absolute;
    top: 26px;
}

div#messageBlock textarea#messageText{
    padding: 5px 5px 5px 9px;
    height: 84px;
    width: 432px;
}

div#messageBlock #loader{
    height: 94px;
    width: 446px;
}

div#messageBlock #loader div{
    height: 10px;
    /* margin-top: 18px; */
    margin-top: 37px;
}

/* omitting "#loader" in selector due to ie6 "#id.class" bug */
.loading{
    background: #666666;
}

#loader.loading div#messageLabel{ /* here ie6 have no "#id.class" problem*/
    background-position: 0px -183px;
}

.success{
    background: #7e7e7e;
}

#loader.success div#messageLabel{ /* here ie6 have no "#id.class" problem*/
    background-position: 0px -193px;
}

.fail{
    background: #d43333;
}

#loader.fail div#messageLabel{ /* here ie6 have no "#id.class" problem*/
    background-position: 0px -203px;
}

.hidden{
    display: none;
}


div#messageBlock textarea#messageText{
    border: none;
    overflow: auto;
    font-family: Calibri, "Microsoft Sans Serif", "Trebuchet MS", sans-serif;
    line-height: 16px;
    color: #444;
    font-size: 12px;
    resize:none;
}

div#messageBlock #sendButton{
    position: absolute;
    top: 130px;
    left: 360px;
    width: 86px;
    height: 21px;
    background-position: 0px -162px;
}

div#messageBlock #sendButton:hover{
    background-position: -86px -162px;
}

a#dropMsgDoItNow,
a#useAnEmail{
    text-decoration: none;
    display: block;
    line-height: 1px;
    position: absolute;
    outline: none;
}

a#dropMsgDoItNow:link,
a#dropMsgDoItNow:visited,
a#dropMsgDoItNow:active{
    height: 12px;
    width: 62px;
    background-position: 0px -124px;
    left: 285px;
    top: 68px;
}

a#dropMsgDoItNow:hover{
    background-position: -62px -124px;
}

a#useAnEmail:link,
a#useAnEmail:visited,
a#useAnEmail:active{
    background-position: -124px -124px;
    left: 138px;
    top: 106px;
    width: 97px;
    height: 12px;
}

a#useAnEmail:hover{
    background-position: -221px -124px;
}