/* 
    Document   : appixformstyle.css
    Created on : 27-ott-2008, 16.21.42
    Author     : astorino marco
    Description:
        Purpose of the stylesheet follows.
*/


@media Print, Tv, Embossed, Handheld, Tty
{

}

@media Screen
{
  FORM{
  }

  FIELDSET {
    padding-top: 10px;
  }

	LEGEND {
  	padding: 0.2em 0.5em;
  	border:1px dotted #666;
  	color:#666;
  	font-size:90%;
  	text-align:left;
  	/*text-align:right;*/
		/*text-transform: capitalize;*/
		font-style: italic;
  }

  FIELDSET.form-fieldset {
    border:0;
    /*width: 100%;*/
    width: auto;
  }

  FIELDSET.form-subfieldset {
    border-width:0 1px;
		border-style: none dotted;
		border-color: #666666;
    width: 85%;
		margin-left: 10%;
  }

  FIELDSET.bordered {
    margin-top: 10px;
		border-top: 1px dotted #666 !important;
  }

  FIELDSET.confirm {
    padding-left: 21%;
  }

  FIELDSET.form-fieldset-buttons {
    border:0;
    /*width: 100%;*/
    width: auto;
    padding-left: 30%;
    padding-top: 10px;
  }
  
  LABEL.form-field-label {
    top:0;
    position:relative;
    float:left;
    text-align:right;
    padding:2px;
    text-transform: lowercase;
    width: 30%;
    display: block;
    clear: left;
		white-space:normal !important; /*overrite click control*/
  }
  
  LABEL.form-field-label-mandatory {
    top:0;
    position:relative;
    float:left;
    width:20px;
    padding:2px;

    text-decoration: none;
    color: red;
    /* cursor: help; */
    display: block;
  }

  .form-field {
    top:0;
    position:relative;
    margin-bottom:10px;
  }

  .form-error {
    color: #920305 !important;
    font-weight:bold;

    border:0;
    width: 100%;

    padding-left: 25%;
    display: block;
}

  p.form-text {
    top:0;
    position:relative;
    margin-bottom:10px;
    color: #3399cc !important;
    font-weight:bold !important;
  }

	p.error {
    color: #920305 !important;
    font-weight:bold !important;
	}

  .checkList {
    clear: left;
    padding-left: 25%;
  }

  DIV.checkList {
    border:0;

    padding-left: 30%;
    padding-top: 10px;
  }

	DIV.multiline {
		padding-left: 30%;
	}
  
  checkbox {
    background-color: #eeeeee;
    background: #eeeeee;
    color: #3399cc;
    font-family: arial;
    font-weight: bold;
    border-color: #ff9933;
  }
  
  .comboAppix {
    background-color: #eeeeee;
    color: #3399cc;
    font-family: arial;
    font-weight: bold;
    border: 1px solid #ff9933;

    max-width: 100%;
  }

	/*
	FORM INPUT, FORM TEXTAREA {
    width:auto;
  }
	*/
  
  input.form-field {
    background-color: #eeeeee;
    color: #3399cc;
    font-family: arial;
    font-weight: bold;
    border: 1px solid #ff9933;
    padding-left: 4px;
    padding-right: 4px;
    margin-right: 10px;
  }

  input.error {
    background-color: #FFFF80;
  }

  input.form-field[readonly="readonly"] {
    border: 1px solid transparent;
    padding-left: 4px;
    padding-right: 4px;
    font-family: arial;
    font-weight: bold;
    background-color: transparent;
    color: #3399cc;
    margin-right: 10px;
  }

	.form-combo {
    background-color:#eeeeee;
    color:#3399cc;
    font-family:arial;
    font-weight:bold;
    border:1px solid #ff9933;

    max-width:100%;
  }
  
  textarea.form-field {
    background-color: #eeeeee;
    color: #3399cc;
    font-family: arial;
    font-weight: bold;
    border: 1px solid #ff9933;
    padding-left: 4px;
    padding-right: 4px;
    font-size: 9pt;
    margin-right: 10px;
  }

  textarea.error {
    background-color: #FFFF80;
  }

	/*
  textarea.error {
    background-color: #eeeeee;
    color: #920305 !important;
    font-family: arial;
    font-weight: bold;
    border: 1px solid #ff9933;
    padding-left: 4px;
    padding-right: 4px;
    font-size: 9pt;
    margin-right: 10px;
  }
 */
  
  textarea.form-field[readonly="readonly"] {
    border: 1px solid transparent;
    padding-left: 4px;
    padding-right: 4px;
    font-family: arial;
    font-weight: bold;
    background-color: transparent;
    color: #3399cc;
    font-size: 9pt;
    margin-right: 10px;
  }

  textarea.form-field[id="registerForm_Informativa_Privacy"] {
    border: 1px solid #ff9933;
    padding-left: 4px;
    padding-right: 0px;
    font-family: arial;
    font-size: 7pt;
    font-weight: bold;
    background-color: transparent;
    color: #3399cc;
    margin-right: 10px;
  }

  textarea.error[readonly="readonly"] {
    color: #920305 !important;
  }

  input.radio {
    background-color: #eeeeee;
    background: #eeeeee;
    color: #3399cc;
    font-family: arial;
    font-weight: bold;
    border-color: #ff9933;

    border: 1px solid #ff9933;
    padding-left: 4px;
    padding-right: 4px;
    margin-right: 10px;

    vertical-align: middle !important;
  }

  DIV.radioGroup {
    border:0;

    padding-left: 30%;
  }

  input.form-table-field {
    background-color: #eeeeee;
    color: #3399cc;
    font-family: arial;
    font-weight: bold;
    border: 1px solid #ff9933;
    padding-left: 4px;
    padding-right: 4px;
  }

  input.form-table-field[readonly="readonly"] {
    border: 1px solid transparent;
    padding-left: 4px;
    padding-right: 4px;
    font-family: arial;
    font-weight: bold;
    background-color: transparent;
    color: #3399cc;
  }

  input.submitButton {
    height: auto;
    width:70px;
    color: #ffffff;
    vertical-align: middle;
    margin-top: 1px;
    margin-bottom: 1px;
    border: 1px solid #eeeeee;
    background-color: #3399cc;
    cursor:pointer;
    padding:0px 0px 0px 0px;
    font-weight: bold;
    text-align: center;
    font-family:Tahoma, Arial, "Lucida Sans Unicode";
    font-size:1em !important;
    text-transform:capitalize;
  }

  input.doubleWidthButton {
    width:150px !important;
  }

  input.freeWidthButton {
    width:auto !important;
  }

	*.middle{
		vertical-align: middle;
	}

  *.rightFloat {
    float:right !important;
  }

	*.monospace {
		font-family:monospace !important;
	}
  
  input.submitButton:hover {
    background-color: #eeeeee;
    color: #ff9933;

    font-weight: bold;
    text-transform:capitalize;
    text-align: center;
    font-family:Tahoma, Arial, "Lucida Sans Unicode";
    font-size:1em !important;
  }
  
  input.submitButton[readonly="readonly"], input.submitButton[disabled="disabled"]{
    height: auto;
    width:60px;
    font-family:Tahoma, Arial, "Lucida Sans Unicode";
    color: #ababab;
    text-align: center;
    vertical-align: middle;
    margin-top: 1px;
    margin-bottom: 1px;
    border: 1px solid #eeeeee;
    background-color: #eeeeee;
    cursor: default;
    padding:0px 0px 0px 0px;
    font-weight: bold;
    text-transform:capitalize;
    font-size:1em !important;
  }
  
  /*
  img[alt="Calendario" title="Calendario"] {
    vertical-align: middle !important;
  }
  */

}