@charset "utf-8";

.contacts_info_title,
.contacts_confirm_info_title,
.contacts_end_info_title,
.contacts_error_title {
    height: 40px;
    border: 1px solid #ccc;
    clear: both;
    margin-top: 10px;
    margin-bottom: 10px;
}
.contacts_info_title {
    background: #fff url("/pic/contacts_info.jpg") no-repeat;
}
.contacts_confirm_info_title {
    background: #fff url("/pic/contacts_confirm_info.jpg") no-repeat;
}
.contacts_end_info_title {
    background: #fff url("/pic/contacts_end_info.jpg") no-repeat;
}
.contacts_error_title {
    background: #fff url("/pic/error.jpg") no-repeat;
}

.contacts_all {
    width: 99.7%;
    clear: both;
    border: 1px solid #ccc;
    margin-top:0;
}

div.contact_message {
	text-align:center;
	padding:10px;
}

ul.contact_form {
	display:table;
	width:100%;
	padding:5px;
	list-style-type:none;
}

li.contact_menu {
	background:url("/pic/asterisk_yellow.gif") no-repeat 0px 0px;
	width:35%;
	display:table-cell;
	padding-left:20px;
}
li.contact_value {
	width:65%;
	display:table-cell;
	vertical-align:top;
}
div.contact_button {
	text-align:center;
	padding:5px;
}

#msgbox {
    position:absolute;
    margin:0;
    padding:0;
    background:#cee1e2;
    border:1px solid #9cc3f7;
    width:300px;
    text-align:left;
    z-index:10;
}


div#msgbox .dialog_title {
    background: #28accd;
    color:#fff;
    height:20px;
    padding:3px 0 0 5px;
}

div#msgbox .dialog_body {
    background: #cee1e2;
    color: #2f4f4f;
}

div#msgbox .dialog_body p {
    padding: 3px 3px 3px 15px;
}

.close_button {
    border:1px solid #999;
    width:60px;
    background:#fff;
    color: #2f4f4f;
    text-align:center;
    padding:2px;
}

table.sendback {
    margin-top:10px;
    margin-bottom:10px;
}

div.contacts_att_msg,
div.contacts_result {
    border:1px solid #ccc;
    text-align:center;
    padding:10px;
    margin-bottom:10px;
}

div.contacts_att_msg p,
div.contacts_result p {
    padding:5px;
}

div.contacts_result {
    text-align:left;
}

.mail_att {
    color:#00f;
}

.contact_input {
	width:90%;
}
.contact_textarea {
	width:95%;
	height:150px;
	font-size: 100%;
}

@media (max-width: 768px) {
	#contact_col2_sep,
	#contact_sidemenu,
	#contact_att_msg_content,
	#contact_att_msg {
		display:none;
	}
}