@charset "UTF-8";
/* anthonymattox.com contact page css styles */

#contact{
}

#contact #contactForm input,
#contact #contactForm textarea{
	width:432px;
	margin-bottom:20px;
	padding:6px 8px 2px;
	height:15px;
}

#contact #contactForm input.default,
#contact #contactForm textarea.default{
	font-style:italic;
	color:#BBBBBB;
}

#contact #contactForm textarea{
	height:230px;
}

#contact #contactForm input[type=submit]{
	width:210px;
	height:25px;
	padding:2px 0 0;
}

#contact #contactForm input.invalid,
#contact #contactForm textarea.invalid{
	border-color:#FF3300;
}

#contact #contactForm div.invalid{
	color:#FF3300;
	border:none;
}

label.label{
	display:block;
	padding:0 0 7px;
}

#robot input,
#robot label{
	float:left;
}

#robot label{
	padding:8px 10px;
	display:block;
}

#robot label#hLabel{
	padding-right:20px;
}

#error{
	padding:10px 15px 0px;
	margin-bottom:15px;
	border:solid 2px #FF3300;
}

/* custom checkbox/radio css */
.ui-radio-state-disabled,
.ui-radio-state-checked-disabled,
.ui-radio-state-disabled-hover,
.ui-radio-state-checked-disabled-hover {
	color: #999;
}

span.ui-radio {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	background: url(../images/checkbox_human.gif) 0 0 no-repeat;
	margin-top:5px;
}

#rob span.ui-radio{
	background-image:url(../images/checkbox_robot.gif);
}

span.ui-helper-hidden {
	display: none;
}

span.ui-radio-state-hover{
	background-position: 0 -18px;
}

span.ui-radio-state-checked-disabled-hover,
span.ui-radio-state-checked-disabled,
span.ui-radio-state-checked {
	background-position: 0 -36px;
}


span.ui-radio-state-checked-hover {
	background-position: 0 -54px;
}

/*--subject button stuff --*/

#contact #contactForm input#title.js{
	width:290px;
}

#contact #subjects{
	width:140px;
	float:right;
}

#contact #subjects input{
}

#contact #subjects span.ui-radio {
	display:block;
	float:right;
	width:25px;
	height:25px;
	background:url(../images/sub_love.gif) 0 0 no-repeat;
	margin:0 0 0 10px;
}

#contact #subjects #rM span.ui-radio{
	background-image:url(../images/sub_money.gif);
}

#contact #subjects #rE span.ui-radio{
	background-image:url(../images/sub_enthus.gif);
}

#contact #subjects #rQ span.ui-radio{
	background-image:url(../images/sub_quest.gif);
}

#contact #subjects span.ui-radio-state-hover{
	background-position: 0 -30px;
}

#contact #subjects span.ui-radio-state-checked-disabled-hover,
#contact #subjects span.ui-radio-state-checked-disabled,
#contact #subjects span.ui-radio-state-checked,
#contact #subjects span.ui-radio-state-checked-hover {
	background-position: 0 -60px;
}



/*----some jquery ui tidbits----*/

.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }