.formm {

	border:0px solid #dcdcdc;

	overflow:hidden;

	opacity: 0.9;

	filter:alpha(opacity=90);

	width:560px;

	height:100%;

	margin:0 auto;

	margin-right:15px;

	margin-top:10px;

	margin-left:15px;

	margin-bottom:10px;

	color: rgb(51, 51, 51);
	font-size: 15px;
	line-height: 24px;
	font-family: 'Segoe WPC', 'Segoe UI', Helvetica, Arial, Verdana, 'Arial Unicode MS', sans-serif;
	text-decoration: none;

	float:center;

	text-align:center;





}



/* the main layout */



#contentForm {

  display: block;

	margin-top:0px;

  width: 100%;

  border: 0px solid black;

}



/* and now the form formatting itself */

label {

  display: block;

  float: center;

  clear: left;

  Width: 100%;

  line-height: 0px;

  margin-bottom: 10px;

  margin: 0x 0;

}



input, select {

  margin: 0;

  padding: 2px;

  font-size: 14px;

	font-family:Arial;

  color: #f2f2f2;
	background-image: url('backk.jpg');
	background-repeat: repeat;
	background-position: top center;

  Width: 240px;
	height:20px;
  border: 1px solid #f9f9f9;

  margin: 5px 0;

	opacity: 0.8;
	transition: opacity .25s ease-in-out;
	 -moz-transition: opacity .25s ease-in-out;
	  -webkit-transition: opacity .25s ease-in-out;

}   

input:hover{
	background-image: url('backk.jpg');
	background-repeat: repeat;
	background-position: top center;
  border: 1px solid #f9f9f9;

	opacity: 1;
}


textarea{

resize:none;

  margin: 0;

  padding: 2px;

  font-size: 14px;

	font-family:Arial;

  color: #f2f2f2;

	background-image: url('backk.jpg');
	background-repeat: repeat;
	background-position: top center;

  Width: 240px;

  border: 1px solid #f9f9f9;

  margin: 5px 0;

	opacity: 0.8;
	transition: opacity .25s ease-in-out;
	 -moz-transition: opacity .25s ease-in-out;
	  -webkit-transition: opacity .25s ease-in-out;
}   

textarea:hover{
	background-image: url('backk.jpg');
	background-repeat: repeat;
	background-position: top center;
  border: 1px solid #f9f9f9;

	opacity: 1;
}

input:focus, textarea:focus, select:focus {

  border: 1px solid #DBA901;
}



input.button {
  cursor: pointer;
  width: 90px;
  height: 33px;
  margin-left: 0px;
	margin-bottom:10px;
	border:0px solid #585858;
	text-align:center;
	float:center;
	margin:0 auto;
	font-size: 15px;
	font-weight: bold;
	color: #ffffff;
	background-color : #0080FF;
line-height: 28px;
font-family: 'Segoe WPC', 'Segoe UI', Helvetica, Arial, Verdana, 'Arial Unicode MS', sans-serif;
text-decoration: none;
}



span.required{

  font-size: 13px !important;

  color: red !important;

}



.errormsg {

  display: block;

  height: 22px;

width: 100%;

  line-height: 22px;

  color: #00000;

  font-weight: none;

padding-left:3px;

  margin-bottom: 0px;

  margin-top: 1px;

  margin-right: 5px;

  border: 1px dashed  #FF0000;

}



.msgSent {

  font-size: 20px;

  text-align: center;

}





@-ms-viewport {
  width: device-width;
}

.hidden {
  display: none;
  visibility: hidden;
}

.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

.visible-desktop {
  display: inherit !important;
}

@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important ;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
}