/*General styles not really related to the forms*/

/** {

	margin:0;

	padding:0;

}*/

/*body {

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#404040;

	background:#FFF;

}*/

img {

	border:0;

}

/*#container {

	padding:20px;

}*/



/*Forms defaults*/

/*input, textarea {

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#404040;

}

label {

	color:#999;

	cursor:pointer;

	padding-left:2px;

	line-height:15px;

	vertical-align:sub;

}

label.chosen {

	color:#333;

}*/



/*Transparent items*/

.transparent {

	filter:alpha(opacity=0);

	-moz-opacity:0;

	opacity: 0;

	border:0px solid #FFF;

	background:#FFF;

	z-index:10;

	cursor:pointer;

}

.transparentFake {

	background:none;

	border:none;

}

.transparent2 {

	z-index:10;

}



/*Radio buttons*/

.radioAreaUnchecked, .radioAreaChecked {

	z-index:5;

	position:absolute;

	width:15px;

	height:15px;

	cursor:pointer;

}

.radioAreaUnchecked {

	background:url(images/radio.gif) no-repeat left top;

}

.radioAreaChecked {

	background:url(images/radio.gif) no-repeat left bottom;

}



/*Checkboxes*/

.checkboxAreaUnchecked, .checkboxAreaChecked {

	z-index:5;

	position:absolute;

	width:14px;

	height:14px;

	cursor:pointer;

}

.checkboxAreaUnchecked {

	background:url(images/checkbox.gif) no-repeat left top;

}

.checkboxAreaChecked {

	background:url(images/checkbox.gif) no-repeat left bottom;

}



/*Text inputs*/

.textinput, .textinputHovered {

	width:220px;
	height:21px;
	font-size:11px;
	background:url(img/form/input_bg.png) no-repeat left top;
	color:#666666;
	border:none;
	margin-top:5px;
	padding:3px 0px 0px 8px;

}

.textinputHovered {

	background-position:left top;

}



/*Text areas*/

.textarea, .textareaHovered {

	width:336px;

	height:125px;

	background:url(images/textarea.gif) no-repeat left top;

	border:none;

	padding:4px 8px;

}

.textareaHovered {

	background-position:left bottom;

}



/*Selects*/

.selectArea {
	width:200px;
	height:21px;
	background:url(img/form/select_bg.gif) repeat-x left top;
	margin-left:16px;
	margin-top:5px;
	
}

.selectArea .left {

	width:8px;

	height:21px;

	float:left;

	background:url(img/form/select_left.gif) no-repeat left top;

}

.selectArea .right {

	width:21px;

	height:21px;

	float:right;

	background:url(img/form/select_right.gif) no-repeat left top;

}

.selectArea .right a {

	display:block;

	width:21px;

	height:21px;

}

.selectArea .right i {

	display:none;

}

.selectArea .center {

	width:160px;

	margin-left:10px;

	margin-right:20px;

	color:#666666;

	padding-top:3px;
	font-size:11px;

}



/*Selects drop-down*/

.optionsDivInvisible, .optionsDivVisible {

	position:absolute;

	margin-top:-1px;

	margin-left:3px;

	width:172px;

	background:#ffffff;

	padding:2px;

	font-size:11px;

	z-index:20;

}

.optionsDivInvisible {

	display:none;

}

.optionsDivVisible {

	display:block;

}

.optionsDivVisible p {

	margin:0;

	padding:0;

}

.optionsDivVisible a {

	color:#666666;

	text-decoration:none;

	display:block;

	padding:4px;

	border-top:1px dashed #e3e3e3;
	font-weight:normal;

}

.optionsDivVisible a:hover {

	color:#0a5d7d;

	background:#e6eef2;

}



/*Button*/

.buttonSubmit, .buttonSubmitHovered {

	width:83px;

	height:30px;

	padding:2px 5px;

	background:url(img/btn_cerca.png) no-repeat left top;

	cursor:pointer;

	border:none;

}

.buttonSubmitHovered {

	background-position:left bottom;

}



/*Test div - testing if stylesheets are enabled*/

#stylesheetTest {

	position:absolute;

	left:-999px;

	width:10px;

	height:10px;

}
input {
      display: block;
      margin: 0 0 10px;
      border: 1px solid #666;
      color: #999;
    }
    legend {
      font-size: 1.2em;
      font-weight: bold;
    }
    label {
      display: block;
      font-weight: bold;
      color: #666;
    }
    select {
      display: block;
      width: 150px;
    }
    select.replaced {
      display: none;
    }
    ul.selectReplacement {
      background: url(top.jpg) top left no-repeat;
      margin: 0;
      padding: 0;
      height: 1.65em;
      width: 150px;
    }
    ul.selectReplacement li {
      background: #cf5a5a;
      color: #fff;
      cursor: pointer;
      display: none;
      font-size: 11px;
      line-height: 1.7em;
      list-style: none;
      margin: 0;
      padding: 1px 12px;
      width: 146px;
    }
    ul.selectOpen li {
      display: block;
    }
    ul.selectReplacement li.selected {
      background: url(bottom.gif) bottom left no-repeat;
      color: #fff;
      display: block;
    }
    ul.selectOpen li.selected {
      background: #9e0000;
      display: block;
    }
    ul.selectOpen li:hover,
    ul.selectOpen li.hover,
    ul.selectOpen li.selected:hover {
      background: #9e0000;
      color: #fff;
    }