@charset "utf-8";
/* CSS Document */
body{
}

form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
.myform h1 { 
	font-family: 'Lobster', Georgia, Times, serif; 
	  margin-bottom: 10px;
	  color:#ff6211;
		}


p.italic {
	font-style: italic;
}
div.thanks{
	float:left;
}
.thanks p { 
	font-family: 'Lobster', Georgia, Times, serif; 
	  margin-bottom: 10px;
	  color:#ff6211;
	  font-size: 16px;
	  margin-bottom: 1px
		}
		


.reveal-modal h1 { color: #FF6211; }
/** -------my form----------**/
.myform{
margin:0 auto;
width:500px;
padding:1px;
}

.myform.boxed {
    background-color: white;
    margin: 0px;
}

.myform.boxed h1 {
    color: #ff6211;
}

.form-row{
	float:left;
    clear: left;
	margin-top:3px;
}

.stylized label{
display:block;
font-weight:bold;
text-align:left;
float:left;
clear:left;
width:99px;
padding-left: 15px;
}

.stylized .hate{
display:inline-block;

}
.stylized .other{
display:inline-block;
float:center;
width:20px;

}
.stylized .other.oth{
width:30px;

}

.stylized label.check{
display:block;
font-weight:bold;
text-align:left;
float:right;
width:400px;
}
.stylized span.small1{
display:inline;
color:#ff6211;
font-size:10pt;
font-weight:normal;
text-align:left;
width:40px;
font-style:italic;
}
.stylized span.small2{
display:inline;
color:#ff6211;
font-size:12pt;
font-weight:normal;
text-align:left;
width:40px;
font-style:italic;
font:arial;
}

div.contactme{
	float:left;
	clear:both;
	margin-left: 115px;
	margin-top:9px;
}
.contactme input[type="checkbox"]{
	float: left;
	width: 14px;
	height: 14px;
	padding: 0;
	margin: 0;
	background-color:#fff;
}
.contactme p{
	float:left;
	margin-left:5px;
	line-height:14px;
	width: 330px;
}

/** ------style for required field **/
.stylized span.small{
/*display:inline;*/
display: block;
color:#ff6211;
font-size:10pt;
font-weight:normal;
text-align:left;
width:40px;
font-style: italic;

}
.stylized #contactus
{
width:80px;
}

/** ------------style for submit button **/
.button-form-row{
	float:right;
	clear:both;
	margin-right:25px;
}
.orange-bg .button-form-row{
	margin-right: 165px;
}
.stylized button{
	background: url(../img/blue-button.png) repeat-x center;
	padding:0 28px;
	color: #fff;
	border-radius: 10px;
	display: inline-block;
	text-decoration: none;
	margin-top: 6px;
	margin-bottom: 20px;
	font-family: 'Lobster', Georgia, Times, serif; 
	font-size: 20px;
	height: 41px;
	line-height: 41px;
	text-align:center;
    margin-left: 10px;
}

/** style for text to float right**/

.stylized #read {
float: left;
font-size: 11px;
padding-right: 20px;
padding-left: 20px;
margin-bottom: 10px;
}





/** for socail plugins*/
/*
#sociallinks							{ list-style:none; margin: 0 0 10px 0; padding:0; float: left; }
#sociallinks li							{ list-style:none; text-indent:-99999px; display:block; width:25px; height:25px; float:left; margin-right:10px; }
											
#sociallinks a							{ display:block; width:25px; height:25px; background: url(../img/social-media.png) 0 0 no-repeat; }
												
#sociallinks .facebook a		 		{ background-position:0 0 ;  }

#sociallinks .twitter a					{ background-position:-32px 0;}

#sociallinks .google a					{ background-position:-64px 0;}

#sociallinks .email a			    	{ background-position:-96px 0; }
*/


/** from main css getting to the form **/

.popup_buttons {
	display:inline;
}
.popup_buttons  #spray-back{
	background:url(../img/blue_antihateheros.png);
	background-repeat:no-repeat;
	width:inherit;
	height:50px;
	text-align:center;
}
/** for blue buttons to display ***/
.cols3 {
	float: left;
	width:33%;
}

	.cols3 .cols_content{
		padding-right:20px;
	}
	
	/** blue buttons **/
	a.blue-button {
	background: url(../img/blue-button.png) repeat-x center;
	padding:0 28px;
	color: #fff;
	border-radius: 10px;
	display: inline-block;
	text-decoration: none;
	margin-bottom: 10px;
	font-family: 'Lobster', Georgia, Times, serif; 
	font-size: 20px;
	height: 41px;
	line-height: 41px;
	text-align:center;
}




/** for form thanks *****/




.thanks a.blue-button {
background: url(../img/blue-button.png) repeat-x center;
padding: 0 28px;
color: white;
border-radius: 10px;
display: inline-block;
text-decoration: none;
margin-bottom: 10px;
font-family: 'Lobster', Georgia, Times, serif;
font-size: 20px;
height: 41px;
line-height: 41px;
text-align: center;
float: left;
margin-left: 20px;
}




/**-----form input boxes **/
.inputuser {
float:left;
width: 350px;
margin:inherit;
margin-top: 0;
border:1px solid #ccc;
padding:5px 10px;
border-top:2px solid #ccc;
border-bottom:2px solid #ccc;
}
.inputpostcode{
width: 85px;
margin:inherit;
border:1px solid #ccc;
padding:5px 10px;
border-top:2px solid #ccc;
border-bottom:2px solid #ccc;
}


textarea.inputuser {
	width:337px;
	height: 250px;
	resize:none;
}

/** form for input for type and other text fields **/
input[type="file"]{
float:left;	
}
.input{
width:200px;
padding:0 30px;
margin: inherit;
border :2px solid;
border-top-color:#cccccc;
border-bottom-color:#ffffff;
border-radius:10px;
border-bottom:inset;
border-left:thick;
border-right:thick;
padding:5px 10px;
}

.inputuser p{
font-size: 15px;
font-family: 'arial'; color:black;font-size:12pt; line-height: 100px;
}
.stylized.checktest #check {
float:right;
}
.stylized .checktest #newcontact{
font-family:arial;
font-size: 12px;
color:#000000;
font-weight:bold;
}

.stylized.hate{
display:inline;
}

.stylized .hate .other{
width:50px;
float :right;
}

.stylized  td select #type-hate{
width:10px;
}

/**===== for comments ==== **/
.comments {
	/*float:left;*/
	padding-left: 20px;

}

	.comments h5 {
		border-bottom: 1px solid #ff9c65;
		padding-bottom:10px;
	}

	.comments .comment {
		border-bottom: 1px solid #e5702b;
		margin-bottom: 10px;
	}


.myform table {
	float:left;

}

.smallcan img {
	padding-bottom: 10px;
}
/** for request a kit to display images **/
.requestkit {
	float:right;
	padding-top:64px;
	width: 14px;
	/*padding-right:28px;*/
	z-index: 20;
	padding-right: 125px;
}

.requestkit .image1 {
display: inline-block;
position: absolute;
z-index: 10;
width: 125px;
top: 5px;
margin-left: -4px;
}
.requestkit .image2 {
display: inline-block;
position: absolute;
z-index: 10;
top: 71px;
margin-left: 14px;
}

select.select-inline {
	float: left;
}

.other-field {
	float: right;
}

	.stylized .other-field label{
		width: auto;
		margin-left:20px;
		margin-right: 10px;
	}

	.other-field input.input{
		width:150px;
	}


/** error messages **/
.errorlist li {
    list-style: none;
    color: red;
    font-weight: 500;
}

.orange-bg .errorlist li {
    color: yellow;
}

.close-reveal-modal {
    background: url(/static/img/close.png) no-repeat;
    width: 40px;
    height: 40px;
    margin-top: -30px;
    margin-right: -30px;
}

.orange-bg span.small { color: white; font-weight: normal; }

footer .row.topline {
    border-top: 1px solid #FF8F45;
    margin-left: 0px;
    margin-top: 4px;
    padding: 5px;
}

div.form-row.submit {
    clear: left;
    margin-left: 114px;
}