/* wufoo */
.wufoo .info{display:none}


/* header select-form */
#header .search-form{
	float:right;
	width:205px;
}
#header .search-form .row{
	height:1%;
	overflow:hidden;
	background:url(/public/images/ui/bg-form.png) no-repeat;
	width:205px;
	margin:0 0 4px;
}
#header .search-form .text{
	float:left;
	margin:0;
	padding:4px 10px 5px;
	width:167px;
	background:none;
	border:none;
	position:relative;
}
#header .search-form .submit{
	float:left;
	background:none;
	text-indent:-9999px;
	overflow:hidden;
	border:none;
	width:13px;
	height:13px;
	padding:0;
	margin:4px 0 0;
	cursor:pointer;
	position:relative;
}
#header .search-form span{float:right;}



/* main select-form */
#main .select-form{
	width:219px;
	position:absolute;
	top:0;
	right:0;
	z-index:3;
}
#main .select-form h2{
	margin:0;
	text-transform:uppercase;
	background:#4e8fcc;
	border-bottom:2px solid #3b6d9c;
	font-size:20px;
	padding:12px 13px 8px;
}
#main .select-holder{
	background:url(/public/images/ui/bg-select-form.png) no-repeat;
	padding:15px 9px 30px 13px;
	height:1%;
	overflow:hidden;
}
#main .select-holder p{margin:0 0 19px;}
#main .select-form .title{
	font-weight:normal;
	display:block;
	font-size:12px;
	margin:0 0 4px 3px;
}
* html #main .select-form .title{margin-bottom:2px;}
#main .select-area{
	height:1%;
	overflow:hidden;
	margin:0 0 0 -3px;
	position:relative;
}
#main .select-form select{
	width:198px;
	margin:0 0 17px;
}
#main .select-form .text{
	background:url(/public/images/ui/bg-input-text1.gif) no-repeat;
	display:block;
	margin:0 0 20px;
	width:196px;
	height:25px;
}
#main .select-form .text input{
	padding:0 12px 5px;
	width:173px;
	background:none;
	border:none;
	margin:0;
}
#main .select-form .submit{
	background:url(/public/images/ui/btn-submit1.gif) no-repeat;
	width:105px;
	height:25px;
	text-transform:uppercase;
	border:none;
	display:block;
	margin:0 auto;
	font-weight:bold;
	padding:0 16px 2px 0;
	cursor:pointer;
	letter-spacing:1px;
}



/* login-form */
#twocolumns #login-form{
	width:163px;
	text-align:center;
}
#twocolumns #login-form h2{
	margin:0;
	padding:11px 7px 3px 12px;
	background:#4e8fcc;
	font-size:17px;
	border-bottom:3px solid #3b6d9c;
	text-align:left;
	color:#fff;
}
#twocolumns .login-holder{
	background:url(/public/images/ui/bg-sign-up-form.gif) repeat-x;
	padding:15px 0 75px 0;
	height:1%;
	overflow:hidden;
	width:163px;
}
#twocolumns #login-form .text{
	background:url(/public/images/ui/bg-input-text2.gif) no-repeat;
	width:128px;
	height:25px;
	margin:0 auto 9px;
	display:block;
}
#twocolumns #login-form .text input{
	border:none;
	background:none;
	padding:4px 5px 6px;
	width:118px;
	font-size:12px;
}
#twocolumns #login-form .submit{
	background:url(/public/images/ui/btn-submit2.gif) no-repeat;
	height:22px;
	display:block;
	cursor:pointer;
	border:none;
	letter-spacing:1px;
	margin:5px auto 12px;
	padding:0 0 0 4px;
	width:91px;
	font-weight:bold;
	color:#fff;
}
#twocolumns #login-form .question{
	display:block;
	text-align:left;
	font-size:12px;
	padding:0 5px 0 10px;
	color:#fff;
}
#twocolumns #login-form .question a {
	font-weight: bold;
	background:url(/public/images/ui/bullet8.gif) no-repeat 0 50%;
	padding:0 0 0 10px;
	text-decoration:none;
	color:#fff;
}



/* sidebar select-form */
#sidebar .select-form{
	position:relative;
	width:230px;
	font-size:12px;
	border-bottom:2px solid #afc7df;
}
#sidebar .select-holder{
	background:url(/public/images/ui/bg-sidebar-select-form.png) no-repeat;
	padding:9px 9px 9px 14px;
}
#sidebar .select-form h2{padding:17px 13px 7px 14px;}
#sidebar .select-holder p{margin:0 0 15px;}
#sidebar .select-form .text{
	margin:5px 0 22px 2px;
	width:206px;
	height:26px;
	background:url(/public/images/ui/bg-input-text3.gif) no-repeat;
}
#sidebar .select-form .text input{
	width:182px;
	padding-bottom:6px;
}
#sidebar .select-form .submit-wrapper{margin-bottom:12px !important;}
#sidebar .select-form .details{
	border-bottom:1px solid #ac79a7;
	line-height:19px;
}
#sidebar .select-form .details:hover{
	border-bottom:none;
	text-decoration:none;
}

/* twocolumns sign-up-form 
 * twocolumns question-form */
#twocolumns .sign-up-form,
#twocolumns #publishForm {
	text-align:center;
	font-size:12px;
}
#twocolumns .sign-up-form {
	width:163px;
}
#twocolumns .sign-up-form h3,
.main-info .sign-up-form h3,
#twocolumns #publishForm h3{
	margin:0;
	padding:17px 7px 11px 14px;
	background:#4e8fcc;
	font-size:17px;
	border-bottom:3px solid #3b6d9c;
	text-align:left;
	text-transform:uppercase;
}
.main-info .sign-up-form h3 {
	font-size: 14px;
	color:#fff;
}
#twocolumns #publishForm h3{
	font-size:16px;
	color:#fff;
}
#twocolumns .sign-up-form span,
.main-info .sign-up-form span  {
	display:block;
	text-align:left;
	margin:0 0 18px;
}
#twocolumns .sign-up-holder,
.main-info .sign-up-holder,
#twocolumns .question-holder{
	background:url(/public/images/ui/bg-sign-up-form.gif) no-repeat;
	padding:15px 10px 38px 15px;
}
#twocolumns .sign-up-holder {
	width:140px;
}
.main-info .sign-up-holder{
	color:#fff;
}
#twocolumns .question-holder{
	background:url(/public/images/ui/bg-sign-up-form.gif) no-repeat;
	padding:11px 5px 38px;
}
#twocolumns .sign-up-form .text,
.main-info .sign-up-form .text,
#twocolumns #publishForm .text{
	background:url(/public/images/ui/bg-input-text4.gif) no-repeat;
	display:block;
	margin:0 auto 9px;
	width:142px;
	height:25px;
}
.main-info .sign-up-form .text {
	margin:5px 0px;
}
#twocolumns .sign-up-form .text input,
.main-info .sign-up-form .text input,
#twocolumns #publishForm .text input{
	width:132px;
	border:none;
	padding:4px 5px 6px;
	font-size:12px;
	background:none;
}
#twocolumns #publishForm .textarea{
	background:url(/public/images/ui/bg-textarea1.gif) no-repeat;
	width:128px;
	height:49px;
	padding:7px;
}
#twocolumns #publishForm textarea{
	margin:0;
	padding:0;
	height:49px;
	max-height:49px;
	width:128px;
	max-width:128px;
	overflow:auto;
}
#twocolumns #publishForm label{
	display:block;
	text-align:left;
	margin:4px 0 3px 8px;
	color:#fff;
}
#twocolumns .sign-up-form .submit,
.main-info .sign-up-form .submit,
#twocolumns #publishForm .submit{
	background:url(/public/images/ui/btn-submit3.gif) no-repeat;
	height:22px;
	display:block;
	cursor:pointer;
	border:none;
	letter-spacing:1px;
	margin:16px auto 0;
	padding:0 0 0 4px;
	width:91px;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
}
.main-info .sign-up-form .submit {
	color:#fff;
	padding:0 0 0 2px;
	margin:16px 0 0 0;
}
#twocolumns #publishForm .submit{margin:13px auto 0;}


/* comment-form */
#content .comment-form{
	height:1%;
	overflow:hidden;
	padding:9px 12px 0 0;
}
#content .comment-form .row {
	height:1%;
	margin:0 0 9px;
}
#content .comment-form .row:after{
	content:"";
	clear:both;
	display:block;
}
#content .comment-form .text{
	float:left;
	background:url(/public/images/ui/bg-input-text5.gif) no-repeat;
	width:111px;
	height:21px;
	margin:0 10px 0 0;
}
#content .comment-form .text input{
	float:left;
	background:none;
	border:none;
	padding:4px 10px 3px 15px;
	width:86px;
	margin:0;
}
#content .comment-form .submit{
	float:right;
	background:url(/public/images/ui/btn-submit4.gif) no-repeat;
	width:57px;
	height:15px;
	cursor:pointer;
	text-transform:uppercase;
	border:none;
	font-size:10px;
	font-weight:bold;
	padding:0 0 3px;
	margin:-2px 10px 0 0;
	position:relative;
}


/* -------------------------------------
comment form
-------------------------------------- */
#comment_form {
	float: left;
	width: 100%;
	padding:0;
}
#comment_form  li {
	list-style: none;
	padding: 0 0 1em 0;
}
#comment_form  label {
	line-height: 1.5em;
	display: block;
}

#comment_form  input,
#comment_form  select,
#comment_form  textarea {
	padding: 5px;
	border: 1px solid #e8e8e8;
	background: #fff;
}

#comment_form  #name,
#comment_form  #email
#comment_form  #comment,
#comment_form  textarea {
	border: 1px solid #e8e8e8;
}

#comment_form  #name,
#comment_form  #email,
#comment_form  #url {
	width: 300px;
	}

#comment_form  textarea {
	width: 95%;
	}

#comment_form  .error,
#comment_form  .error label {
	color: #900;
}
#comment_form  .error #name,
#comment_form  .error #email,
#comment_form  .error #subject,
#comment_form  .error textarea,
#comment_form  .error #challenge {
	border: 1px solid #900;
	background: #fcc;
}
#comment_form input.button {
	width: 140px;
	padding: 4px 5px 4px 5px;
  	color: #FFF;
	background-color: #9E1E62;
	border-top: 1px solid #e8e8e8;
	border-right:1px solid #505050;
	border-bottom:1px solid #505050;
	border-left:1px solid #e8e8e8;
	font-weight:bold;
}
#comment_form input.button:hover { /* If we want to have a different hover state */
	width: 140px;
	padding: 4px 5px 4px 5px;
  	color: #9E1E62;
	background-color: #F5E9EF;
	border-top: 1px solid #e8e8e8;
	border-right:1px solid #9E1E62;
	border-bottom:1px solid #9E1E62;
	border-left:1px solid #e8e8e8;
	font-weight:bold;
}


/* advanced form */
#content .advanced-form{
	height:1%;
	background:#cbdef0 url(/public/images/ui/bg-advanced-form.gif) repeat-x;
	padding:10px 0 55px 0;
	font-size:12px;
	margin:0 0 13px;
	width:100%;
}
#content .advanced-form:after{
	content:"";
	clear:both;
	display:block;
}
#content .advanced-form h2{
	border-bottom:1px solid #3b6d9c;
	background:none;
	margin:0 43px 12px -18px;
	padding:0 0 4px 15px;
	font-size:14px;
	position:relative;
}
#content .advanced-form .columns-wrapper{
	width:100%;
	overflow:hidden;
}
#content .advanced-form .columns-holder{
	width:660px;
	overflow:hidden;
	padding-left:15px;
}
#content .advanced-form .col{
	float:left;
	width:210px;
	margin:0 67px 0 0;
}
#content .advanced-form .row{
	height:1%;
	overflow:hidden;
	margin:0 0 10px;
}
#content .advanced-form label{
	display:block;
	margin:0 0 4px 3px;
	font-weight:bold;
	color:#fff;
}
#content .advanced-form select{width:208px;}
#content .advanced-form .text{
	background:url(/public/images/ui/bg-input-text6.gif) no-repeat;
	width:207px;
	height:26px;
	display:block;
}
#content .advanced-form .text input{
	background:none;
	border:none;
	padding:5px 13px 7px;
	margin:0;
	width:181px;
}
#content .advanced-form .submit{
	background:url(/public/images/ui/btn-submit5.gif) no-repeat;
	display:block;
	text-transform:uppercase;
	cursor:pointer;
	border:none;
	width:110px;
	height:27px;
	font-weight:bold;
	letter-spacing:1px;
	margin:11px 0 0;
	padding:0 11px 2px 0;
}
/* inner3 sign-up-from */
.inner3 .sign-up-form{
	width:149px;
	overflow:hidden;
}
.inner3 #content .sign-up-form h2{
	background:#4e8fcc;
	border-bottom:2px solid #3b6d9c;
	margin:0;
	padding:9px 18px 7px 23px;
	text-align:left;
}
.inner3 #content .sign-up-form span{
	display:block;
	text-align:left;
	margin:0 0 18px 4px;
}
.inner3 #content .sign-up-form .text{
	background:url(/public/images/ui/bg-input-text7.gif) no-repeat;
	width:119px;
	height:23px;
	display:block;
	margin:0 0 9px;
	padding:0;
}
.inner3 #content .sign-up-form .text input{
	background:none;
	border:none;
	padding:5px 16px 4px;
	margin:0;
	width:87px;
	float:left;
}
.inner3 #content .sign-up-holder{
	height:1%;
	overflow:hidden;
	background:url(/public/images/ui/bg-sign-up-form2.gif) no-repeat;
	padding:12px 10px 50px 15px;
}
.inner3 #content .sign-up-holder .submit{margin:23px auto 0;}

/* contact-form */
#content .contact-form{
	width:515px;
	float:left;
	font-size:12px;
}
#content .contact-form .block{
	height:1%;
	overflow:hidden;
	background:#e3e5bb;
	padding:13px 0 10px 0;
	margin:0 0 9px;
}
#content .contact-form h2{
	background:none;
	border-bottom:1px solid #360;
	margin:0 41px 9px 0;
	padding:0 0 5px 20px;
}
#content .contact-form .columns-wrapper{
	height:1%;
	overflow:hidden;
	padding:0 0 0 20px;
}
#content .contact-form .col{
	float:left;
	width:128px;
}
#content .contact-form .sub-col{
	width:187px;
	margin:0 5px 0 0;
}
#content .contact-form .text{
	display:block;
	background:url(/public/images/ui/bg-input-text8.gif) no-repeat;
	width:111px;
	height:21px;
	padding:0 0 11px;
}
#content .contact-form .text input{
	padding:4px 14px 3px;
	margin:0;
	background:none;
	border:none;
	font-size:12px;
	line-height:13px;
	width:83px;
	float:left;
}
#content .contact-form .row{
	height:1%;
	margin:0 0 4px;
}
#content .contact-form .row:after{
	content:"";
	clear:both;
	display:block;
}
#content .contact-form .checkbox{
	float:left;
	margin:0 5px 0 0;
	padding:0;
	width:15px;
	height:15px;
}
#content .contact-form label{float:left;}
#content .contact-form .textarea{
	display:block;
	background:url(/public/images/ui/bg-textarea3.gif) no-repeat;
	width:436px;
	height:213px;
	padding:25px;
	margin:5px 0 12px -5px;
	position:relative;
}
* html #content .contact-form .textarea{margin-bottom:3px;}
#content .contact-form textarea{
	background:none;
	border:none;
	width:436px;
	height:213px;
	display:block;
	margin:0;
	overflow:auto;
}
#content .contact-form .submit{
	float:right;
	background:url(/public/images/ui/btn-submit6.gif) no-repeat;
	width:111px;
	height:27px;
	cursor:pointer;
	padding:0;
	text-transform:uppercase;
	font-weight:bold;
	border:none;
	font-size:12px;
	letter-spacing:1px;
	margin:0 3px 0 0;
	display:inline;
}

/* -------------------------------------
member registration forms & stuff
-------------------------------------- */
.memberRegistration {
	float: left;
	width: 450px;
	padding:0;
	font-family: Helvetica, Arial, sans-serif !important;
}
.memberRegistration fieldset {
border:none;
padding-bottom: 20px;
}
.memberRegistration label {
	line-height: 1.5em;
	color: #666;
	display: block;
	margin-top: 10px;
}
.memberRegistration input,
.memberRegistration select,
.memberRegistration textarea {
	padding: 5px;
	border: 1px solid #e8e8e8;
	background: #e8e8e8;
}
.memberRegistration #name,
.memberRegistration #email,
.memberRegistration textarea {
	border: 1px solid #e8e8e8;
}
.memberRegistration #name,
.memberRegistration #email {
	width: 300px;
}
.memberRegistration textarea {
	width: 400px;
	font-family: Helvetica, Arial, sans-serif !important;
	font-size: .9em;
}
.memberRegistration input.button {
	width: 140px;
	padding: 4px 5px 4px 5px;
  	color: #FFF;
	background-color: #9E1E62;
	border-top: 1px solid #e8e8e8;
	border-right:1px solid #505050;
	border-bottom:1px solid #505050;
	border-left:1px solid #e8e8e8;
	font-weight:bold;
}
.memberRegistration input.button:hover { /* If we want to have a different hover state */
	width: 140px;
	padding: 4px 5px 4px 5px;
  	color: #9E1E62;
	background-color: #F5E9EF;
	border-top: 1px solid #e8e8e8;
	border-right:1px solid #9E1E62;
	border-bottom:1px solid #9E1E62;
	border-left:1px solid #e8e8e8;
	font-weight:bold;
}

/* -------------------------------------
member registration forms & stuff
-------------------------------------- */
.main-info form{
	float: left;
	width: 200px;
	padding:0;
	font-family: Helvetica, Arial, sans-serif !important;
}
.main-info fieldset {
border:none;
padding-bottom: 20px;
}
.main-info label {
	line-height: 1.5em;
	color: #666;
	display: block;
	margin-top: 10px;
}
.main-info input,
.main-info select,
.main-info textarea {
	padding: 5px;
	border: 1px solid #e8e8e8;
	background: #e8e8e8;
}
.main-info #name,
.main-info #email,
.main-info textarea {
	border: 1px solid #e8e8e8;
}
.main-info #name,
.main-info #email,
.main-info #kksjy-kksjy {
	width: 300px;
}
.main-info textarea {
	width: 400px;
	font-family: Helvetica, Arial, sans-serif !important;
	font-size: .9em;
}
.main-info input.button {
	width: 140px;
	padding: 4px 5px 4px 5px;
  	color: #FFF;
	background-color: #9E1E62;
	border-top: 1px solid #e8e8e8;
	border-right:1px solid #505050;
	border-bottom:1px solid #505050;
	border-left:1px solid #e8e8e8;
	font-weight:bold;
}
.main-info input.button:hover { /* If we want to have a different hover state */
	width: 140px;
	padding: 4px 5px 4px 5px;
  	color: #9E1E62;
	background-color: #F5E9EF;
	border-top: 1px solid #e8e8e8;
	border-right:1px solid #9E1E62;
	border-bottom:1px solid #9E1E62;
	border-left:1px solid #e8e8e8;
	font-weight:bold;
}
