/**
 * @title          contact
 * @description    specific template for contact page
 * @media          screen
 * @required       global-*.css
 */


/**
 * @section        main
 * @tree           #main < #core < #page < #wrapper < body
 */
#contact .leftSide, .rightSide {
    float:left;
}
#contact .leftSide {
    width:310px;
    margin-right:39px;
}
#contact .rightSide {
    width:417px;
}
#contact .leftSide p {
    margin:56px 0 0 0;
}
#contact .text, #contact .select {
    clear:both;
    margin-bottom:4px;
    text-align:right;
}
#contact .text label, #contact .select label {
    position:relative;
    float:left;
    margin-top:1px;
}
#contact .text input, #contact .select select {
    width:156px;
    border:solid 1px #7f9db9;
}
#contact .select select {
    width:158px;
}
#contact .rightSide .select select, #contact .rightSide .text textarea {
    width:275px;
}

#contact .rightSide .text input{
	width:273px;
}

#contact .rightSide .text textarea {
    width:273px;
    height:103px;
    overflow-y:scroll;
    border:solid 1px #7f9db9;
}

#contact p.help_reference {
	margin:11px 0 2px 0;
}

#contact .captcha {
    width:276px;
    float:right;
    margin-top:20px;
}
#contact .captcha a {
    display:block;
    margin:5px 0;
}
#contact .captcha .text {
    margin-bottom:20px;
    text-align:left;
}
#contact .actions {
    clear:both;
    float:right;
}
#contact .actions input {
    border:solid 1px #936a08;
    background:#936A08 url(/templates/versailles/images/common/bg/bg-submit-btn.png) repeat-x; color:#fff;
}
#contact .error img {
    position:absolute;
    left:-12px;
    top:0.4em;
}
#contact .error {
    color:#BB0000;
}
#main .body {
    overflow:visible;
}
div#errorTooltip {
    position:absolute;
    left:0;
    top:0;
    z-index:102;
}
#errorTooltip div {
    float:left;
    background:#ffffff;
    border:1px solid #bb0000;
    color:#bb0000;
    padding:0.2em 5px;
    position:relative;
}
.body b ul {
    margin:0;
}
/**
 * @section        clearing
 */
body:after {
    display:block; clear:both;
    visibility:hidden;
    height:0;
    content:".";
}

#js .uploadFile1, #js .uploadFile2, #js .uploadFile3{
	position:absolute;
	left:-10000px;
}
