/*                                                    */
/*  main 'top-level' form elements                    */
/*                                                    */
@import "calendar.css";

.cform { 
	margin:0px auto 0 auto; 
	width: 480px; 
}

.cform fieldset	{ 
	margin-top:0px; 
	padding:0px 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-bottom:0px;
	padding-bottom:0px; 
	font:normal 18px Helvetica, Arial, sans-serif; 
	color: #000;
	letter-spacing:3px;
}

ol.cf-ol { 
	margin:0!important; 
	padding:0px 0 0 0!important; 
	border-top:0px 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:#888888;
	font-size:1em;
	letter-spacing:2px;
	margin:12px 0pt !important;
	padding:0pt 0pt 0pt 100px;
}


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

.cform label {
	width:120px; 
	margin:4px 4px 4px 0; 
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	text-align:left;
	vertical-align:top;
	color: #444;
	font:0.9em Arial, Helvetica, sans-serif;
}
.cform label span {
	width:120px; /* must be the same as above!*/
	display:block; 
}

label.cf-before {
	margin:4px 10px 0 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-left:1px solid #ccc; 
	border-top:1px solid #ccc; 
	border-bottom:1px solid #e7edeb; 
	border-right:1px solid #e7edeb; 
	font:0.9em Trebuchet MS,sans-serif;
	color:#888;
	background:#FFF url(http://outono.net/blog/wp-content/themes/outono_blanco/images/form_inf.gif) repeat-x top left;
	vertical-align:top;
}
.cform input:hover,
.cform textarea:hover,
.cform select:hover	{
	border-left:1px solid #666; 
	border-top:1px solid #666; 
	border-bottom:1px solid #ccc; 
	border-right:1px solid #ccc; 
}

.cform input:focus,
.cform textarea:focus,
.cform select:focus	{ 
	color:#666;
	background:#ffffff url(../images/field-bg-bottom.gif) repeat-x bottom left; 
}

.cform textarea,
.cform input {
	width:470px; 
}
.cform select {
	width:258px; /* 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        */