body {
	background-color:#242424;
	color:#ffffff;
}

.checkbox, .radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url('checkbox.png') no-repeat;
	clear: left;
	float: left;
	display:block;
}
.radio {
	background: url('RadioButtons/radio.png') no-repeat;
}
.select {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	font: 12px/21px arial,sans-serif;
	background: url(select.png) no-repeat;
	overflow: hidden;
	
	display:none;
	opacity:.5;
}

input.yourclass	{	
	border: none /* no border */;
	/* creates rounded edges in some browsers */;
 /* background color of the field */;
	color: #ffffff; /* font color */; /* creates a space between text and left border */;
	border:none;
	width:275px;
	background:none;
	font-family: 'RobotoLight';
	font-size:14px;
}

input:focus {
	outline:none;
}

div.yourclass	{
	background: url('../UIImages/Input.png') no-repeat;
	width:300px;
	height:30px;
	padding:0;
	margin:0;
	white-space: nowrap;
	display: inline-block;
	/*padding: 10px 5px 5px 5px*/ /* change to make everything fit */;
}
input.yourclass	{
	border:none;
}

textarea, select, input {
	color: #667; /* text color */
	padding: 3px; 
}
 


div.MessageField {
	background:url('../UIImages/MessageField.png') no-repeat;
	width:634px;
	height:345px;
}

textarea.MessageField {
	border: none /* no border */;
	/* creates rounded edges in some browsers */;
 /* background color of the field */;
	color: #ffffff; /* font color */; /* creates a space between text and left border */;
	border:none;
	width:623px;
	height:333px;
	background:none;
	font-family: 'RobotoLight';
	font-size:14px;
}

textarea.MessageField:focus {
	outline:none;
}

.SubmitButton {
	border:none;
	background-color:#ffffff;
	width:80px;
	height:34px;
	background: url('../UIImages/send.png');
}
.SubmitButton:active {
	background: url('../UIImages/sendPush.png');
}

.OverlayInput .yourclass {
	color:#000000;
}