/* 
    Document   : directcontact
    Created on : Apr 27, 2010, 3:26:34 PM
    Author     : didierpeereboomvoller
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.directcontact {
    /*position:relative;*/
}
.directcontact .directcontactText {
    float:right;
    color:#fffef3;
    font-size:0.95em;
    height:24px;
}
.directcontact .directcontactIcon {
    background-image:url('../images/dc_sprite.png');
    width:25px;
    height:22px;
    display:block;
    float:right;
    text-decoration:none;
}
.directcontact .directcontactSeperator {
    margin-right:5px;
    margin-left:5px;
    border-right:1px solid #fffef3;
    float:right;
    display:block;
    height:22px;
    width:1px;

}
.directcontact .directcontactIcon.chat{
    background-position:0px -0px;
}
.directcontact .directcontactIcon.mail{
    background-position:-25px -0px;
}
.directcontact .directcontactIcon.tel{
    background-position:-50px -0px;
}
.directcontact .directcontactIcon.chat:hover{
    background-position:0px -22px;
}
.directcontact .directcontactIcon.mail:hover{
    background-position:-25px -22px;
}
.directcontact .directcontactIcon.tel:hover{
    background-position:-50px -22px;
}
.directcontactPopupContainer {
    position:relative;
    width:0px;
    height:0px;
    top:30px;
    left:10px;
}
.directcontactPopupContainer .directcontactBox {
    position:absolute;
    background-color:white;
    border:1px solid black;
    padding:10px;
    text-align:left;
}
.directcontactBox form h2 {
    white-space:nowrap;
    color:white;
}
.directcontactError {
    float:right;
    color:white;
    border:1px solid red;
    background-color:red;
    font-size:75%;
}
.directcontactBox {
    position:relative;
    height:100%;
}
.directcontactBox form {
    text-align:left;
    padding:0 10px 10px 10px;
    display:block;
}

.directcontactBox form label {
    padding-top:5px;
    float:left;
    display:block;
    color:white;
}
.directcontactBox form label span {
	border:1px solid transparent;
}
.directcontactBox form ul {
    padding-top:5px;
}
.directcontactBox form input, .directcontactBox form select, .directcontactBox form textarea, .directcontactBox form button {
    width:215px;
    display:block;
}
.directcontactBox form ul li {
    clear:both;
    padding-top:5px;
}
.directcontactBox form ul li label input {
    width:auto;
    display:inline;
}
.directcontactBox form ul li input {
    width:100px;
    display:inline;
}
.directcontactBox form ul li .dcInput {
	float:right;
}
.btn-remove {
    width:13px;
    height:13px;
    display:block;
    background:url('../images/button_unactive.png');
}
.btn-remove:hover {
    background:url('../images/button_over.png');
}
#directcontactTelSpinner, #directcontactMailSpinner, #directcontactChatSpinner {
    position:absolute;
    display:none;
    width:100%;
    height:100%;
    background-color:#607A09;
    color:white;
    background-image:url('../images/big-ajax-loader.gif');
    background-position:center;
    background-repeat:no-repeat;

}
#directcontactTelResult, #directcontactMailResult {
    position:absolute;
    display:none;
    width:100%;
    height:100%;
    background-color:#607A09;
    color:white;
}
#directcontactTelSubmit,#directcontactMailSubmit,#directcontactChatSubmit {
	width:auto;
}
.e .content { padding:0; border:0; }