/* Nome Cliente Form layout  */
	/* You may adapt elements of this CSS in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the DESIGN") is copyright 2008 Nome Cliente and Qubic:net and may not be reproduced. */ 

/* div.art form.css */

* {
  margin: 0px;
  padding: 0px;
}

div.art{
	 padding: 10px 0;
  float:left;
}

div.art form {
  margin: 0px;
 padding:0;
  font-size: 100%;
width:100%;
}

div.art form fieldset {
  clear: both;
  font-size: 100%;
  border-color: #FFF;
  border-width: 1px 0px 0px 0px;
  border-style: solid none none none;
  padding: 10px;
  margin: 0px 0px 0px 0px;

}

div.art form fieldset legend {
  font-size: 150%;
  font-weight: normal;
  color: #FFF;
  margin: 0px 0px 0px 0px;
  padding: 0px 5px;
}

div.art form label {
  font-size: 100%;
}

div.art form label u {
  font-style: normal;
  text-decoration: underline;
}

div.art form input, div.art form select, div.art form textarea {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 100%;
  color: #000000;
}

div.art form textarea {
  overflow: auto;
}

div.art form div {
  clear: left;
  display: block;
  width: 99%;
  height: expression('1%');
  margin: 5px 0px 0px 0px;
  padding: 1px 3px;
}

div.art form fieldset div.notes {
  float: right;
  width: 158px;
  height: auto;
  margin: 0px 0px 10px 10px;
  padding: 5px;
  border: 1px solid #666666;
  background-color: #ffffe1;
  color: #666666;
  font-size: 88%;
}

div.art form fieldset div.notes h4 {
  background-image: url(../images/icon_info.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0px 3px 27px;
  width:85%;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  font-size: 110%;
}

div.art form fieldset div.notes p {
  margin: 0em 0em 1.2em 0em;
  color: #666666;
}

div.art form fieldset div.notes p.last {
  margin: 0em;
}

div.art form div fieldset {
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #FFFFF;
  margin: 0px 0px 0px 142px;
  padding: 0px 5px 5px 5px;
  width: 433px;
}


div.art form div fieldset legend {
  font-size: 100%;
  padding: 0px 3px 0px 9px;
}

div.art form div.required fieldset legend {
  font-weight: bold;
}

div.art form div label {
  display: block;
  float: left;
  width: 130px;
  padding: 3px 5px;
  margin: 0px 0px 5px 0px;
  text-align: right;
}

div.art form div.optional label, label.optional {
  font-weight: normal;
}

div.art form div.required label, label.required {
  font-weight: bold;
}

div.art form div label.labelCheckbox, div.art form div label.labelRadio {
  float: none;
  display: block;
	width: 200px;
  height: expression('1%');
  padding: 0px;
  margin: 0px 0px 5px 142px;
  text-align: left;
}

div.art form div.required label.labelCheckbox{
	width:400px;
}

div.art form div fieldset label.labelCheckbox, div.art form div fieldset label.labelRadio {
  margin: 0px 0px 5px 0px;
  width: 170px;
}

div.art form div img {
  border: 1px solid #000000;
}

p.error {
  background-color: #C00;
  background-image: url(../images/icon_error.gif);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #ffffff;
  padding: 3px 3px 5px 27px;
  border: 1px solid #000000;
  margin: 10px 0;
  float:left;
  width:94%;
}

div.art form div.error {
  background-color: #ffffe1;
  background-image: url(../images/required_bg.gif);
  background-repeat: no-repeat;
  background-position: top left;
  color: #666666;
  border: 1px solid #CC0000;
}

div.art form div.error p.error {
  background-image: url(../images/icon_error.gif);
  background-position: top left;
  background-color: transparent;
  border-style: none;
  font-size: 88%;
  font-weight: bold;
  margin: 0px 0px 0px 118px;
  width: 200px;
  color: #C00;
}

div.art form div input, div.art form div select, div.art form div textarea {
  width: 440px;
  padding: 1px 3px;
  border:solid 1px #666;
  margin: 0px;
}

div.art form div textarea{
	overflow-x: hidden;
}

div.art form div input.inputFile {
  width: 211px;
}

div.art form div select.selectOne, div.art form div select.selectMultiple {
  width: 211px;
  padding: 1px 3px;
}

div.art form div input.inputCheckbox, div.art form div input.inputRadio, input.inputCheckbox, input.inputRadio {
  display: inline;
  height: 14px;
  width: 14px;
  background-color: transparent;
  border-width: 0px;
  padding: 0px;
  margin: 0px 0px 0px 140px;
}

div.art form div.submit {
 /* width: 214px;*/
  padding: 0px 0px 0px 100px;
  width:490px;
}

div.art form div.submit div {
  display: inline;
  float: left;
  text-align: left;
  width: auto;
  padding: 0px;
  margin: 0px;
}


div.art form div input.inputSubmit, div.art form div input.inputButton, input.inputSubmit, input.inputButton {
  background-color: #cccccc;
  color: #000000;
  width: auto;
  padding: 0px 6px;
  margin: 0px;
}

div.art form div.submit div input.inputSubmit, div.art form div.submit div input.inputButton {
  float: right;
  margin: 0px 0px 0px 5px;
}

div.art form div small {
  display: block;
  margin: 0px 0px 5px 142px;
  padding: 1px 3px;
  font-size: 88%;
  height: expression('1%');
}
/* div.art form.import.css */

label img {
  behavior: url(/behaviors/label_img.htc);
}

div.art form fieldset legend {
  line-height: 150%;
}

div.art form input, div.art form select, div.art form textarea {
  background-color: #ffffff;
}

div.art form textarea.expanding {
  overflow: auto;
  overflow-x: auto;
  overflow-y: visible;
}

div.optional label:before {
  content: '';
}

div.required label:before {
  content: '';
}
  
div.art form div label.labelCheckbox, div.art form div label.labelRadio, label.labelCheckbox, label.labelRadio {
  display: block;
  width: 190px;
  height: expression('1%');
  padding: 4px 0px 0px 18px;
  text-indent: -18px;
  line-height: 120%;
}

div.art form div label.labelCheckbox input.inputCheckbox, div.art form div label.labelRadio input.inputRadio, label.labelCheckbox input.inputCheckbox, label.labelRadio input.inputRadio {
  margin: 0px 0px 0px 0px;
}

div.art form div fieldset input.inputText, div.art form div fieldset input.inputPassword, div.art form div fieldset input.inputFile, div.art form div fieldset textarea.inputTextarea {
  width: 160px;
  margin: 0px 0px 0px 18px;
  margin: expression('0px 0px 0px -124px');
}

div.art form div label.compact {
  display: inline;
  width: auto;
  padding: 4px 10px 0px 0px;
  text-indent: 0px;
  margin: 0px 0px 0px 0px;
}

div.art form div.wide label {
  float: none;
  display: block;
}

div.art form div label.wide {
  width: 348px;
}

div.art form div.wide input.inputText, div.art form div.wide input.inputPassword, div.art form div.wide input.inputFile, div.art form div.wide select, div.art form div.wide textarea {
  width: 344px;
  margin: 0px;
}

div.art form div.notes p, div.art form div small {
  line-height: 125%;
}

div.art form div.wide small {
  margin: 0px 0px 5px 0px;
}

/* Table */

div#form .optional table{
	float:left;
	margin:0 0 20px 0;
	text-align:center;
	width:590px;
}

div#form .optional table th{
	font-size:14px;
	border-bottom:solid 1px #666;
	padding:5px;
	margin-bottom:5px;
}

div#form .optional table td{
	padding:5px 0;
}

div#form .optional table .inputCheckbox{
	margin:0;
	padding:0;
}

div#form .optional table td.marchio{
	text-align:left;
	font-weight:bold;
	padding:5px;
	color:#333;
}

div#form .optional table tr.evenzebra td.marchio{
	color:#CCC;
}

div#form .optional table tr.oddzebra{
	background:#cc3467;
}

/* Button */

div.button{
	width:100%;
}

div.button a, div.button a:visited {
  float: left;
  text-decoration:none; 
  text-align:center; 
  background-color:#cc3467; 
  color:#fff; 
  border:2px solid #fff;
  border-color:#fad8e3 #5c192f #5c192f #fad8e3;
  padding:5px;
  margin:5px 20px 5px 35px;
  width:100px;
  }

div.button a:hover {
  top:2px;
  left:2px;
  color:#fff;
  border-color:#5c192f #fad8e3 #fad8e3 #5c192f
  }