/* CSS Document */
form ul{margin:0;padding:0;list-style-type:none}
form ul li{
	border-bottom:solid 1px #EEE;
	height:35px;
}
form ul li.tt{
	
	line-height:35px;
	float:left;
	text-align:center;
}
input{color: #000}
.contact-form{margin:20px 14px 0 14px;padding:0 0 20px 0;position:relative}
.contact-form li{}
.rq, .error{color: red; line-height:30px;}
.hide {display: none}
.wrapper {
width:710px;
background-color:#FFF;
border:solid 1px #FFCCFF;
padding-bottom:50px;
float:left;
border-radius:4px;
}
.sms{
	width:650px;
	height:80px;
	float:left;
	margin:10px;
	border:solid 1px #FFCCFF;
	background-color:#EAFBEC;
	border-radius:4px;
	padding:10px;
}

.text2{
	padding:5px 10px;
	height:15px;
	line-height:15px;
	border:solid 1px #CCCCCC;
	border-radius:4px;
	color:#333;
	position:relative;
	z-index:2;
	width:78%;
}
.text2:focus{
	outline:none;
}
.text{
padding:5px 0px;
height:15px;
line-height:15px;
border:none;
color:#333;
position:relative;
z-index:2;
width:88%;
float:right;
}
.text:focus{
	outline:none;
}

.textarea{
line-height:18px;
z-index:2;
}
.select{
padding:5px 10px;
border:1px solid #ddd;
color:#333;
position:relative;
z-index:2;
font-size:11px;
}
#form .text {
width:220px;
}
.blocks1 p {
position:relative;
}
.btn1 {
display:block;
float:left;
height:29px;
padding:0px 40px 0px 40px;
line-height:28px;
padding:0 10px;
background:url(../gfx/bgbtn.jpg) repeat-x left top;
color:#565e62;
font-weight:bold;
font-size:11px;
border:1px solid #e1e0df;
outline:none;
position:relative;
border-radius:4px;
cursor:pointer;
}

.text1 {
width:142px;
float:right;
right:20px;
height:19px;
border:1px solid #ddd;
padding:5px 10px;
color:#333;
position:relative;
z-index:2;
top:105px;
margin-bottom:3px;
}
.blocks1 label {
float:left;
width:90px;
line-height:31px;
text-align:right;
margin-right:5px;
margin-bottom:3px;
font-weight:bold;
color:#a300bb;
top:105px;
position:relative;
}

.textarea {
height:150px;
width:350px;
}

.blocks label {
float:left;
width:120px;
line-height:29px;
text-align:right;
margin-right:15px;
font-weight:bold;
color:#666;
}

.blocks label.error,
.blocks label.ok {
position:absolute;
z-index:1;
top:-4px;
left:160px;
padding:5px 15px 5px 280px;
/*reset label*/
width:auto;
text-align:left;
margin:0;
background-repeat:no-repeat;
background-position:257px 12px;
}

.blocks label.ok {
background-image:url(../gfx/icook.gif);
background-color:#deefca;
color:#577530;
}

.blocks label.error {
background-image:url(../gfx/icofail.gif);

background-color:#f5d6d7;
color:#c81925;
}

.area label.ok,
.area label.error {
height:163px;
padding-left:410px;
background-position:387px 16px;
}

/* CSS3 */
.select,
.btn,
.textarea,
.blocks label.error,
.blocks label.ok { 
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:4px;
}

select {
    padding:3px;
    margin: 0;
    background: #FFFFFF;
    color:#333;
    border:none;
    outline:none;
    display: inline-block;
    cursor:pointer;
	border-radius:4px;
	max-width:160px;
}
 
/* Targetting Webkit browsers only. FF will show 
the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}