/*                                                    */
/*  main 'top-level' form elements                    */
/*                                                    */
@import "calendar.css";

.cform {margin:10px auto 0 auto; width: 410px;}

.cform fieldset	{margin-top:10px; padding:5px 0 5px 0; border:none;}

.cform .cf_hidden {display:none; border:none!important;	background:none!important; padding:0!important; margin:0!important;}

.cform legend {margin:0; padding:0; font:bold 1.3em 'Trebuchet MS', 'Lucida Grande', Verdana, Geneva, Arial, Helvetica, sans-serif; color:#be151b;}

ol.cf-ol {margin:0!important; padding:15px 0 0 0!important; border-top:1px solid #f2f2f2;}

ol.cf-ol li	{background:none!important; margin:5px 0!important; /*some themes may interfere otherwise*/	padding:0; list-style:none!important; text-align:left; line-height:1.1em;}


/* just for text-only fields (no input)               */


ol.cf-ol li.textonly {color:#f58220; font-weight:bold; margin:12px 0pt !important; padding:0pt 0pt 0pt 100px;}

/* global definitions for field labels                */

.cform label {width:90px; margin:4px 10px 0 0; display:-moz-inline-box; /*for mozilla*/	display:inline-block; /*for Opera & IE*/ text-align:left; color: #aaa; font:0.9em Trebuchet MS,sans-serif;}

.cform #li-3-23 label,
.cform #li-3-24 label,
.cform #li-3-25 label,
.cform #li-3-26 label,
.cform #li-3-27 label  {width:340px;}

.cform #li-3-24 input,
.cform #li-3-25 input {width:30px;}

.cform #li-3-24 span {width:330px;}

.cform #li-3-25 span {width:280px;}


.cform label span {width:90px; /* must be the same as above!*/ display:block; font-weight:bold;}


label.cf-before {margin:4px 10px 0 0;}


.cform label.cf-before span {width:340px; margin:0 0 15px 0;}

.cform label.seccap span {width:350px;}

.cform label.seccap {display:block; margin:10px 0 10px 0;}


label.cf-after 	{margin:4px 2px 0pt 6px; text-align:left; width:75px;}

label.cf-after span {width:75px; display:block;}

label.cf-group-after {margin:4px 0 0 2px; width:60px; text-align:left;}

label.cf-group-after span {width:60px; display:block;}


/*   FORM FIELDS general formatting                   */


.cform input,
.cform textarea,
.cform select {padding:3px; border:1px solid #aaa; font:0.9em Trebuchet MS,sans-serif; background:#ffffff; vertical-align:top; font-weight:bold;}

.cform input:hover,
.cform textarea:hover,
.cform select:hover	{border: 1px solid #f58220; background:#ffffff;}

.cform input:focus,
.cform textarea:focus,
.cform select:focus	{color:#666; background:#ffffff;}

.cform textarea,
.cform input {width:298px;}

.cform select {width:306px; /* attempt to have equal length */}  

.cform select.cfselectmulti	{height:7.5em;}

.cform textarea {font-family: arial; font-size: 0.9em; overflow:auto;}


/* formatting for text:  "(required)"  & other        */


span.reqtxt,
span.emailreqtxt {margin:0px 5px 7px 98px; display: block; vertical-align:top; color:#be151b; font-size:0.7em; font-weight:bold; line-height:1.3em;}


/*   radio button title                               */


ol.cf-ol li.cf-box-title {color:#888888; font-size:1em; letter-spacing:2px; margin:12px 0pt 0 !important; padding:0pt 0pt 0pt 100px;}


/*   check boxes                                      */

input.cf-box-a,
input.cf-box-b {margin:1px 0 0 0; width:16px; height:22px;	border:none!important; background:none!important;}

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;} 



/*   FORM submit button                               */

p.cf-sb {margin:10px 0 0 0; padding:10px 3px 0pt 0pt !important; text-align:right;}

.cform input.sendbutton	{width:66px; padding:2px; margin:0;	border:none; background:url(http://108media.hu/wp-content/themes/108media/images/elkuldes.gif) repeat-x;}


/*   FORM FIELDS enhanced error display               */

ol.cf-ol li.cf_li_err {background:url(li-err.png) repeat!important; border-color:red; border-style:solid; border-width:1px 0pt; padding:5px 0!important; margin:5px 0!important;}

ol.cf-ol li ul.cf_li_text_err {margin:0 0 0 10px; padding:0; color:#333;}

ol.cf-ol ul.cf_li_text_err li {background:url(li-err.png) no-repeat left 1px!important; list-style:none!important; font-weight:bold; text-indent:0; margin:0 0 2px!important; padding-left:15px;}

ol.cf-ol ul.cf_li_text_err li:before {content:'';}


/* 'visitor verification' related styles              */

label.secq,
label.seccap {margin-bottom:4px;}

input.secinput {vertical-align:text-bottom;}

#cforms_captcha6,
#cforms_captcha5,
#cforms_captcha4,
#cforms_captcha3,
#cforms_captcha2,
#cforms_captcha {height:15px; width:100px; padding:4px;	margin:0;}

img.captcha	{vertical-align:text-bottom; margin:0 0 0 10px!important; padding:0!important; border:none!important; float:none!important;}

img.captcha-reset {vertical-align:text-bottom; background: url(captcha_reset_white.gif) no-repeat; margin:0 0 2px 3px; width:21px; height:21px; border:none;}

img.imgcalendar {border:none;}


/* change formatting of response msgs here            */

div.cf_info {color:#333; display:none; padding:10px 15px!important; width:380px; line-height:1.3em; margin:10px auto;  font-weight:bold;}

div.cf_info ol {margin:0; padding:5px 15px 0 30px;}

div.cf_info ol li {padding:1px 0; margin:2px 0;}

div.cf_info a	{color:red!important; text-decoration:underline!important;}

div.success {background:#be151b none repeat scroll 0%; color:#fff; display:block; border:2px solid #f58220;}

div.failure {display:block; background:url(li-err.png) repeat!important; border-color:red; border-style:solid; border-width:1px 0pt; font-weight:bold;}


/*   formatting for invalid user inputs               */

.cform .cf_error {color:red; border:1px solid #FF0000;}

div.mailerr {display:block;}

.mailerr,
.cform .cf_errortxt {color:red;}


/* change formatting of response msgs here            */

p.cf_info {margin:10px 0; text-align:center;}

p.success 	{color:green;}

p.failure 	{color:red;}


/* 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 styling                                 */

.cform input.cf_upload  {width:220px; background: #f9f9f9; border:1px solid #888888;}


/*  Other: link love                                  */

.linklove {margin:0 !important; padding:0 !important; dispaly:none !important; visibility:hidden !important;}


/*  Other: browser hacks                              */

*+html ol.cf-ol,
*+html ol.cf-ol li	{display: inline-block;  /*for ie7*/}

* html ol.cf-ol,
* html ol.cf-ol li,
* html span.reqtxt,
* html span.emailreqtxt {display: inline-block;}

* html .cform legend {position:absolute; left: -8px; top:0; margin-left:0;}

*+html .cform legend {position:absolute; left: -8px; top:0;	margin-left:0;}

* html .cform fieldset {position: relative; margin-top:15px; padding-top:25px;}

*+html .cform fieldset {position: relative; margin-top:15px; padding-top:25px;}

* html img.captcha	{margin-bottom:1px!important;}

*+html img.captcha	{margin-bottom:1px!important;}


