/*                                                    */
/*  this custom example should help for RTL           */
/*  right to left type form                           */
/*                                                    */
/*  not sure if it's 100% RTL yet, let me know if     */
/*  when find a bug!                                  */
/*                                                    */
/*  Please use with 'right2left_form_backup.txt'      */
/*  file (in /contactforms/styling/ directory)        */
/*                                                    */


/*                                                    */
/*  special:                                          */
/*                                                    */
p.infotext 	{ color:red; font-size:10px!important; text-align:right!important; 
		margin: 0!important; padding:10px 0 0 0!important; }

/*                                                    */
/*  the entire form                                   */
/*                                                    */

form.cform	{ margin:10px auto 50px auto; width: 410px; direction:rtl; text-align:right; }


/*                                                    */
/* text paragraph & message box above the form        */
/*                                                    */

p.info 		{ margin:10px 0; text-align:center; }
p.textonly	{ clear:right; text-align:center; padding:5px; margin:0; }


/*                                                    */
/* change formatting of response msgs here            */
/*                                                    */

.success 	{ color:green; }
.failure 	{ color:red; }

/*                                                    */
/* upload box styling                                 */
/*                                                    */

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


/*                                                    */
/* global definitions for field labels                */
/*                                                    */

span.cformchkboxlabel,
span.cformradiolabel,
.cform label 		{ width:90px; margin:5px 0 0 0; font:normal 11px 'Trebuchet MS',Arial;
			 display:block; float:right;  padding-left:10px; clear:right; text-align:left; }


/* just in case the label comes AFTER the field: */
label.cformlabelafter 	{ clear:none; text-align:right!important; padding:0 6px 0 0; }


/*                                                    */
/* formatting for text:  "(required)"  & other        */
/*                                                    */

span.chckboxtxt,
span.cformradiotext,
span.reqtxt,
span.emailreqtxt 	{ float:right;	margin:6px 0; padding-left:3px; font:bold 11px 'Trebuchet MS',Arial; color:red; }

span.cformradiotext 		{ margin:5px 0 0 0!important; }
* html span.cformradiotext	{ margin-top:4px!important; } /* hack: different margin for IE */


/*                                                    */
/*              FORM FIELDSETS                        */
/*                                                    */

.cformfieldsets		{ margin-top:10px; padding:8px 0 0 0; border:none; }

/* you may want to remove the below line if this causes layout issues with your WP Theme (ie6 fieldset hack) */
* html .cformfieldsets	{ position: relative; margin-top:10px; padding-top:15px; }


/*etc..add more, if you have more fieldsets*/
.cformfieldset6,
.cformfieldset5,
.cformfieldset4,
.cformfieldset3,
.cformfieldset2,
.cformfieldset1		{ background:white; }

/*etc..add more, if you have more forms using captcha*/
#cforms_captcha5,
#cforms_captcha4,
#cforms_captcha3,
#cforms_captcha2,
#cforms_captcha		{ height:15px; margin-top:0; padding:4px 4px; width:50px;  }


/*                                                    */
/*   FIELDSET legends                                 */
/*                                                    */

.cform legend		{ display:none; margin-right:10px; font:normal 20px Times; }

/* you may want to remove the below line if this causes layout issues with your WP Theme (ie6 fieldset hack) */
* html .cform legend	{ position:absolute; top: -10px; right: 10px; margin-right:0; }


/*                                                    */
/*   FORM FIELDS general formatting                   */
/*                                                    */

.cform input,
.cform textarea,
.cform select 			{ font:normal 11px 'Trebuchet MS', Arial; margin:3px 0; padding:2px 3px; 
				float: right; background: #FAF8F1; border: 1px solid #FAE3AD; }
.cform input:hover,
.cform textarea:hover,
.cform select:hover		{ background:#FAF8F1; border: 1px solid #F5C074; }

.cform input:focus,
.cform textarea:focus,
.cform select:focus		{ background:#FAF8F1; border: 1px solid #F5C074; }

.cform input 			{ width:170px; }
.cform select 			{ width:178px; }  /* attempt to have equal length */
.cform textarea			{ width:350px; margin-right:46px; padding:2px 3px;}  /*watch out for padding above!*/

.cform select.cformselectmulti	{ height:84px; }


/*                                                    */
/*   radio buttons                                    */
/*                                                    */

.cfradioblock		{ float:right; width:250px; }
.cfradioblock label	{ clear:none; text-align:left; padding-right:5px;}   /*radio button labels are special!*/
input.cformradio	{ margin:6px 0 0 0; width:16px; border:none; clear:right; }

* html input.cformradio	{ margin-top:3px; background:none; } /* hack: different margins for IE */


/*                                                    */
/*   check boxes                                      */
/*                                                    */

input.cformchkbox 		{ margin:7px 0 6px 0; width:16px; border:none; }
* html input.cformchkbox	{ margin:3px 0 4px 0; background:none; } /* hack:different margins for IE */


/*                                                    */
/*   FORM submit button                               */
/*                                                    */

.cform input.sendbutton	{ width:100px;  padding:2px; margin: 0px 310px 0 0; float:none!important;
			background:url(../images/button-bg.gif) repeat-x; border:1px solid #adadad!important;
		 	border-left-color:#ececec!important; border-top-color:#ececec!important;}


/*                                                    */
/*   formatting for ('required' & 'email'), optional  */
/*                                                    */

.fldemail	{  }
.fldrequired	{  }


/*                                                    */
/*   formatting for invalid user inputs               */
/*                                                    */

.cform .error 		{ color:red!important; border:1px solid #FF0000!important; padding:1px 3px; }
.cform .errortxt    	{ color:red!important; }



/*                                                    */
/*    chances are, you don't have to edit anything    */
/*    below these lines                               */



/*                                                    */
/* 'visitor verification' related styles              */
/*                                                    */

label.secq 	{ width:200px!important; }
input.secinput 	{ width:40px!important; }

img.captcha	{ float:right; margin-right:10px; }


/*                                                    */
/*                    PROPER BREAKS                   */
/*                                                    */
.cformfieldsets 		{ display:inline-block; }
.cformfieldsets:after 		{ content:".";	display:block;	height:0; clear:right;	visibility:hidden; }
/* Hides from IE-mac \*/
* html .cformfieldsets		{ height:1%; }
.cformfieldsets			{ display:block; }
/* End hide from IE-mac */

.cform 				{ display:inline-block; }
.cform:after 			{ content:".";	display:block;	height:0;	clear:right;	visibility:hidden; }
/* Hides from IE-mac \*/
* html .cform			{ height:1%; }
.cform				{ display:block; }
/* End hide from IE-mac */