/**
 *
 * @version $Id: utils.form.class.css 1241 2009-07-01 17:24:20Z midget $
 *
 * @license http://www.midworld-networks.com/licenses/outsoursing.html
 * @author Dario Minnucci <dario.minnucci@midworld-networks.com>
 * @copyright Copyright 2008, Dario Minnucci <dario.minnucci@midworld-networks.com>
 *
 * @package midworld.net
 * @subpackage css
 * @access public
 *
 */
 
.form {
	border:2px #CCC solid;
	background-color:#FFF;
	padding: 10px;
}
.form ul {
	border: 0px #BBB solid;
	list-style: none;
	margin:0px;
	padding:5px;
}
.form li {
	margin-left:0px;
	padding-left:3px;
	font-size:1em;
}



/* SELECT */
.form .select {
	border: 1px #AAA solid;
	background-image: url('../images/icons/utils/select_arrow.gif');
	background-repeat: no-repeat;
	background-position: 99% 50%;
	background-color: #FFF;
	margin-top:0px;
	padding:2px;
	color:#444;
	font-size:1em;
	cursor: pointer;
}
.form .select_options {
	margin-left:0px;
	display: none;
	position:absolute;
	background-image: none;
	background-position: right;
	border: 1px #AAA solid;
	/* opacity: 0.5; */
	background-color: #FFF;
	cursor: pointer;
}


/* BUTTON */
.form .clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}
.form a.button {
	margin-top: 10px;
	background: transparent url('../images/icons/utils/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: bold 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}
.form a.button span {
    background: transparent url('../images/icons/utils/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}


/* TEXT */
.form .text {
	border: 1px #AAA solid;
	background-color: #FFF;
	padding:2px;
	margin-left:0px;
	/* opacity: 0.5; */
	cursor: pointer;
	color:#444;
	font-size:1em;
}

/* TEXTAREA */
.form .textarea {
	border: 1px #AAA solid;
	background-color: #FFF;
	padding:2px;
	margin-left:0px;
	cursor: pointer;
	color:#444;
	font-size:1em;
	height:100px;
}


/* CAPTCHA */
.form .captcha {
	border: 1px #4C88BE solid;
	height: 20px;
	margin: 2px;
	margin-top: 0px;
}


/* LABEL */
.form label {
	border:0px #4C88BE solid;
	color:#333;
	font-weight:bold;
	vertical-align:middle;
	cursor: pointer;
}


/* REQUIRED */
.form .required {
	color:#CC0000;
	font-weight:bold;
	vertical-align:middle;
}

/* FIELD HORIZONTAL SPACER */
.form hr {
	border: 0px;
	border-bottom:1px #AAA dotted;
	height:1px;
	margin-bottom:10px;
}

/* ERROR */
.form .field_error {
	border: 0px #4C88BE dotted;
	color:#CC0000;
	font-size:.8em;
	display:none;
}

.form .data_error {
	border: 1px #CC0000 solid;
	background-color: #FEA;
	color:#CC0000;
}

/* DEBUG */
.form .debug {
	border: 1px #4C88BE dotted;
	color:#CC0000;
	font-size:.8em;
	margin-top: 20px;
	padding:5px;
	display:none;
}