@charset "utf-8";
/*  
Theme Name: biri biri band
Description: This is the style of biribiriband.com's contact
Version: 1.0
Author: paramana.com
*/
/*the contact form*/
#contactContent {
	margin: 0 35px;
	overflow: hidden;
}
#contactContent #envelop {
	width: 200px;
	float: right;
}
#contactContent #toGuestBook a{
	background: url(../images/toGuestBook.jpg) no-repeat scroll center 0;
	width: 190px;
	float: right;
	overflow: hidden;
	display: block;
	text-indent: -400em;
	height: 40px;
}
#contactContent #toGuestBook a:hover {
	background: url(../images/toGuestBook.jpg) no-repeat scroll center -40px;
}
/*---------------    text above form    -------------*/
#contactContent #contactText {
	overflow: hidden;
	text-align: center;
	width: 200px;
	padding-left: 25px;
}
#contactContent #contactUpperText {
	overflow:hidden;
	display: block;
}
#contactContent #emailText a{
	color: #990000;
}
#contactContent #emailText a:hover {
	color: #FFFFFF;
}
#contactContent #contactLowerText {
	overflow:hidden;
	display: block;
}
/*-----------------      Contact Forma     --------------*/
#contactContent #forma {  
	margin: 0;
	padding: 12px 0 0;
	border: none;
}
#contactContent #contactForm {
	width: 250px;
	font-size: 12px;
	overflow: hidden;
}
#contactContent .inp, #contactContent .button {
	color: #333333;
	border: solid 1px #B2B0A3;
	background-color: #D9D8D1;
	width: 240px;
	padding: 4px;
	margin: 1px 0;  
	font-size: 13px;
}
#contactContent .active {
	border: 1px solid #990000;
}
#contactContent input.button {
	width: 250px;
	text-align: right; 
}
#contactContent input.button:hover {
	color:#9b403c;
}
#contactContent #forma #messageText {
	background: #D3D1BA url(../images/messageText.png) no-repeat scroll center center;
	text-indent: -400em;
	width: 47px;
	height: 13px;
	overflow:hidden;
	display: block;
	margin-top: 5px;
}
/*-----------  Contact Error Labels  ---------------*/
#contactContent label.error {
	color:#990000;
	font-size: 12px;
	font-weight: bold;
	text-align:left;
	float: left;
	display: none;
	position: absolute;
	z-index: 99999;
	width: 201px;
	height: 72px;	
}
#contactContent label#nameError {
	left: 111px;
	top:  123px;
}
#contactContent label#emailError {
	top: 150px;
	left: 95px;
}
#contactContent label#emailWrong {
	top: 150px;
	left: 135px;
}
#contactContent label#messageError {
	left: 95px;
	top: 175px;
}
#contactContent #feedback { 
	text-align: center;
}
#contactContent #feedback h3 { 
	font-size: 14px; 
	margin: 0px;
	/*text-indent: -400em;*/
	overflow:hidden;
	display: block;
}
#contactContent #feedback p { 
	font-weight: bold;
	margin: 0px; 
	overflow: hidden;
	display: block;
}
/*-----------------      Guest Forma     --------------*/

#guestForm #forma {  
	margin: 0;
	padding: 12px 0 0;
	border: none;
	padding: 40px 0 0 15px;
}
#guestForm #guestContactForm {
	width: 250px;
	font-size: 12px;
	overflow: hidden;
}
#guestForm .inp, #guestForm .button {
	/*background: transparent url(../images/formBg.jpg) no-repeat scroll;*/
	color: #333333;
	border: solid 1px #B2B0A3;
	background-color: transparent;
	width: 220px;
	padding: 4px;
	margin: 1px 0;  
	font-size: 13px;
}
#guestForm .active {
	border: 1px solid #990000;
}
#guestForm input.button {
	width: 230px;
	text-align: right; 
}
#guestForm input.button:hover {
	color: #9b403c;
}
#guestForm #forma #messageText {
	background: #D3D1BA url(../images/messageText.png) no-repeat scroll center center;
	text-indent: -400em;
	width: 47px;
	height: 13px;
	overflow:hidden;
	display: block;
	margin-top: 5px;
}
/*-----------  Guest Error Labels  ---------------*/
#guestForm label.error {
	color:#990000;
	font-size: 12px;
	font-weight: bold;
	text-align:left;
	float: right;
	display: none;
	position: absolute;
	z-index: 99999;
	height: 23px;	
}
#guestForm label#nameError {
	right: 17px;
	top: 45px;
}
#guestForm label#emailError {
	top: 75px;
	right: 20px;
}
#guestForm label#emailWrong {
	top: 75px;
	right: 20px;
}
#guestForm label#messageError {
	top: 115px;
	right: 20px;
}