/*     
	A contact form style sheet for k2, samadhi, and cforms ii

	Note:  if you have multiple fieldsets, edit line 47 to read 
	"padding: 0pt;"
	Next, add a new "text-only" field before each new fieldset.
	Set the field name as follows:
	"field name:  |fieldsetclose"
*/



/*
	____________ form elements ____________
*/

.fieldsetclose {
	background: url('bg_050f00_bt.png') no-repeat bottom left;
}

.cform { 
	width: 510px; /* == horz size of bottom img  */
	padding-bottom: 28px; /* == vert size of bottom img */
	margin: 10px -12px 0pt; /* was 10px auto 0 auto, adjusted to work with samadhi for k2  */
	background: url('bg_050f00_bottom.png') no-repeat bottom left;
}

.cform fieldset	{ 
	margin: 20px 0 0; /* pos of form top */
	padding: 16px 0 0 0; /* == vert size top img  */ 
	border: none;
	background: url('bg_050f00_top.png') no-repeat top left;
	}

.cform fieldset.cf_hidden { 
	border: none !important;
	background: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.cform legend { 
	display: none;
}

/* Workaround for extra ol tag being generated before the fieldsets in v5.5:
	.cf-fs1 ol.cf-ol    */
ol.cf-ol { 
	margin: 0pt; 
	padding: 16px 0; /*	padding: 0pt;  use this if you have multiple fieldsets support  */ 
	background: url('bg_050f00_bd.png') repeat-y; 
}

ol.cf-ol li	{ 
	margin: 0 !important; /*some themes may interfere otherwise*/
	padding: 5px 0; 
	list-style: none !important; 
	text-align: left;
}


/*   ____  LJD #1: Add spacing between email and subject line   ____
      (hardcoded to #li-2-4, change ID to fit with other form layouts)  */
ol.cf-ol li#li-2-4 {
	padding-top: 20px;
}


/*    ___  just for text-only fields (no input)  ___
*/

ol.cf-ol li.textonly {
	color: white;
	padding: 5px 0; 
	text-align: center;
}



/*    
        __________ field labels ____________
*/

.cform label {
	color: white;
	width: 90px; 
	margin: 2px 10px 0 0; 
	display: -moz-inline-box;
	display: inline-block; /*  Opera & IE  */
	text-align: right;
	vertical-align: top;
}

.cform label span {
	width: 90px; /* must be the same as above  */
	display: block;
}

label.cf-before {
	margin: 0 10px 0 0; 
}

label.cf-after {
	margin: 0 0 0 6px;
	width: 200px;
	text-align: left;
}

label.cf-after span {
	width: 200px;
	display: block;
}

label.cf-group-after {
	margin: 0 0 0 2px;
	width: 60px;
	text-align: left;
}

label.cf-group-after span {
	width: 60px;
	display: block;
}



/* 
    ___________  form fields  ____________
*/

.cform input,
.cform textarea,
.cform select { 
	color: #0d0d09;
	padding: 1px;
	background: #e7dfc6; /* was #f9f9f9 */
	border: 1px solid #888888; 
	margin: 2px 0px;
}
.cform input:hover,
.cform textarea:hover,
.cform select:hover      {
	background: #d5ceaf; /* cedddf */
}

.cform input:focus,
.cform textarea:focus,
.cform select:focus      { 
	background: #e7dfc6; /* f3f8f8 */
}

.cform input {
	width: 240px; /* width of all input areas, was 150px */ 
}

.cform textarea {
	width: 350px; /* was 150px together with cform input */
}

.cform select {
	width: 158px; /* attempt to have equal length */
}  

.cform select.cfselectmulti { 
	height: 7.5em; 
}

/*
      ______  textarea field styling  _____ 
 */
 
.cform textarea {
	font-family: 'Lucida Grande', Verdana, Sans-Serif; /* was arial */
	font-size: 1em;
	color: #0d0d09;
	line-height: 1.3em;
	overflow: auto;
}

/*
     ______ "(required)"  msg  _______  
*/

span.reqtxt,
span.emailreqtxt { 
	color: #bbbbbb;
	margin: 3px 0px 0px 10px;
	font-size: 0.9em;
	display: -moz-inline-box;
	display: inline-block; /*  opera & ie  */
	vertical-align: top;
}


/*
     ______  radio button title   _______
*/

ol.cf-ol li.cf-box-title {
	color: white;
	padding-left: 100px; /* check with label 'width' incl. */
}


/*
     _______  check boxes  ________ 
*/

input.cf-box-a,
input.cf-box-b 	{ 
	margin: 2px 0 0 0; 
	width: 16px; 
	border: none; 
}

input.cf-box-a 	{ 
	margin-left: 100px; /* check with label 'width' incl. */
} 


/*
    ______ check box groups  ______
*/

ol.cf-ol li.cf-box-group {
	padding: 0 0 5px 100px; 
} 



/*
    ______  submit button  ______
*/

p.cf-sb {
	color: #050f00;
	background: url('bg_050f00_processing.png') no-repeat;
	margin: 0;  /*  orig line  */
}

.cform input.sendbutton	{ 
	font-size: 0.8em;
	color: #050f00;
	border: none!important;
	background: url('bg_050f00_send2.png') no-repeat;
	width: 510px; 
	height: 22px; 
	padding: 0 0 2px 0px; 
	margin: 0;
}



/*
     _______  formatting for invalid user inputs _________
*/

.cform .error {
/* 	color: red !important;   */
	border: 1px solid #ff0000 !important;
	padding: 1px 3px;
}

.cform .errortxt,
.mailerr	    	 {
	color: #711323 !important;
}


/*
      ______ are you human?  _______
*/

label.seccap {
	margin-top: 6px;
}

label.secq,
label.secq span {
	display: inline;
	width: auto;
}

label.secq {
	margin-left: 10px;
	vertical-align: middle;
}

input.secinput {
	width: 45px;
	margin: 3px 0 0 10px;
	vertical-align: middle;
}

#cforms_captcha5,
#cforms_captcha4,
#cforms_captcha3,
#cforms_captcha2,
#cforms_captcha {
/*	height: 15px;  */
	width: 130px; /*  was 50px, sizing the input field more generously */
	padding: 3px 3px; /* was 4px 4px; */
	margin: 0;
	vertical-align: top;
}

.cform img.captcha	{
	margin: 0 0 4px 10px !important;
	padding: 0 !important;
	border: none !important;
	float: none !important;
}

.cform img.captcha-reset {
	background:	url('captcha.png') no-repeat;
	margin: 1px 0 0 5px;
	width: 16px;
	height: 16px;
	border: none;
	padding: 0pt;
	vertical-align: top;
}


/*
     ________ response messages  _______
*/

p.info 		{
	margin: 10px 0;
	text-align: center;
}

p.success 	{
	color: #738a51;
}

p.failure 	{
	color: #711323;
}

/*
   ______ disabled fields  ______
     [disabled] does not work on IE
*/

[disabled] {
	color: #dddddd;
	border-color: #dddddd !important;
	background: none !important;
}

.disabled {
	border-color: #dddddd !important;
}

/*
   _____ upload box  _______
   */

.cform input.cf_upload  {
	background: #f9f9f9;
	border: 1px solid #888888;
}

/*
  ________ link love ________
*/
  
.linklove {
	margin: 0 0 10px 0 !important;
	padding: 0 !important;	
	text-align: center !important;
	display: none; /* :P */
}

.linklove a,
.linklove a:visited {
	font-family: Tahoma,Sans-Serif;
	font-size: 0.8em;
	color: #aaaaaa;
}


/*
    _____ Miscellaneous Quirks _______
*/

* html .cform label,
* html span.reqtxt,
* html span.emailreqtxt {
	padding: 2px 0 0; /*  ie6  */
}

*+html .cform label,
*+html span.reqtxt,
*+html span.emailreqtxt {
	display: inline-block;  /* for ie7 */
}

* html .cform fieldset.cf_hidden { 
	border: none !important;
	background: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

* html .cform legend { 
	position: absolute; 
	top: -10px; 
	left: 10px; 
	margin-left: 0;
}

* html .fieldsetclose {
	background: url('bg_050f00_bt.gif') no-repeat bottom left;
}

* html .cform  {
	background: url('bg_050f00_bottom.gif') no-repeat bottom left;
}

* html .cform fieldset {
	background: url('bg_050f00_top.gif') no-repeat top left;
}

* html ol.cf-ol {
	background: url('bg_050f00_bd.gif') repeat-y;
}

* html p.cf-sb {
	background: url('bg_050f00_processing.gif') no-repeat;
}

* html .cform input.sendbutton {
	background: url('bg_050f00_send2.gif') no-repeat;
}

* html img.captcha {
	margin-top: 1px !important;
}

* html img.captcha-reset {
	background: url('captcha.gif') no-repeat;
}

*+html input.cf-box-a,
*+html input.cf-box-b { 
	background: none;
	margin-top: 0;
}

* html input.cf-box-a,
* html input.cf-box-b { 
	background: none;
	margin-top: 0;
}

/* samadhi-form.css ends  */