@charset "utf-8";
/*
BPG_CONTACT.CSS
Style rules for dropdown contact form
*/

#contact {
	position: absolute;
	right: 0;
	background: transparent url(/lib/img/ui/contact_panel_bottom.png) left bottom no-repeat;
	z-index: 100;
}

#contact p.trigger {
	display: block;
	height: 31px;
	text-align: right;
}

#contact.show {
	overflow: auto;
	padding-bottom: 19px;
}

#contact.hide {
	/*width: 40px;*/
	height: 31px;
	overflow: hidden;
	background-image: none;
}

#contact form {
	background: transparent url(/lib/img/ui/contact_panel.png) repeat-y;
	padding: 10px 10px 6px 22px;
}

#contact p.controls {
	text-align: center;
}

#contact a.button {
	display: -moz-inline-block;
	display: inline-block;
	text-align: center;
}

#contact a.flat {
	line-height: 26px;
	background: #cacbcc url(/lib/img/buttons/contact_message.png) no-repeat;
	color: #fff;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#contact a.flat:hover {
	background-color: #616163;
}

#contact a.message {
	width: 130px;
}

ol.forms {
	padding-bottom: 10px;
}

ol.division {
	margin-bottom: 6px;
	background: transparent url(/lib/img/ui/contact_div.png) bottom center no-repeat;
}
	
ol.forms li {
	margin: 3px 0;
}

ol.forms label {
	width: 50px;
	margin-right: 3px;
	vertical-align: middle;
	text-align: right;
}


/* buttons */
a.menu {
	display: -moz-inline-block;
	display: inline-block;
	/*height: 0;
	overflow: hidden;*/
	background-repeat: no-repeat;
	line-height: 31px;
}

a.toolbar {
	width: auto;
	color: #444;
	/*padding-top: 31px;*/
}

a.mail {
	padding-left: 11px;
	padding-right: 40px;
	background-image: url(/lib/img/ui/mail_button.gif);
	background-position: right -31px;
}

a.mail:hover, #contact.show a.mail {
	background-position: right top;
	background-color: #edeff0;
}

#contact.show a.mail:hover {
	background-position: right -62px;
	background-color: #f4f5f7;
}


/* Messages */
#contact p.report a {
	display: block;
	margin-bottom: 8px;
	padding: 5px 7px;
	border-style: solid;
	border-width: 1px;
	text-align: center;
	background-position: 10px;
	background-repeat: no-repeat;
}

#contact p.report a:hover {
	border-color: #fff;
}

#contact p.yes a {
	color: #090;
	background-color: #beefc0;
	background-image: url(/lib/img/buttons/close_green.gif);
	border-color: #8ebf90;
}

#contact p.no a {
	color: #c00;
	background-color: #edbfc0;
	background-image: url(/lib/img/buttons/close_red.gif);
	border-color: #be8f90;
}