/* 
    Document   : FT_styles
    Created on : 28-mar-2011, 21.54.49
    Author     : Paolo Miocchi
    Description:
      WARNING: css lines with a '*' prefix are (and must be) interpreted
      only by IE7 and below!
      See: http://www.javascriptkit.com/dhtmltutors/csshacks.shtml

*/

/* 
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root {
  display: block;
}

div.FT_shownochars {
  color: gray;
  display: inline-block; zoom: 1; *display: inline; 
  text-align: right;
  font-size: 12px;
}

*.FT_hidden {
  display: none;
}

*.FT_visible {
  margin-top: 0em;
  margin-bottom: 0em;
}

/*
Default properties of the following div block.
NOTE that width: auto; automatically set the width as the sum of *.FT_tag width
plus label width (or just =*.FT_tag if the label is on the top).
*/
div.FT_element, div.FT_visible, div.FT_loading {
/*  display: block;*/
/*  position: relative;*/
  display: inline-block; zoom: 1; *display: inline;
  text-align: left;
  width: auto;
  height: auto;
/*  vertical-align: middle; */
}

/* FT_element has also a bottom margin */
div.FT_element, div.FT_loading {
  margin-top: 0em;
  margin-bottom: 1em;
}


/*
Further properties for object Loading
*/
div.FT_loading {
  font-size: small;
  color: gray;
}


/*
the divblock containing the 'help' character
*/
div.FT_tooltip_qm {
  position: relative;
  display: inline-block; zoom: 1; *display: inline; 
  margin-top: 0em;
  margin-bottom: 0em;
}
/*
the span containing just the 'help' character
*/
span.FT_tooltip_qm {
/*  background-color: infobackground;
  color: infotext;
  font-weight: bold;
  font-size: small;
  
  border-color: infotext;
  border-style: solid;
  border-width: 1pt;
*/
  background-color: silver;
  color:  white;
  font-weight: bold;
 border-style: none;
 border-color: black;
  border-width: 1pt;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  margin-left: 0.5em;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  padding-left: 0.4em;
  padding-right: 0.5em;
  *vertical-align: 50%;
}
/*
the divblock containing the 'help' message shown when the mouse is over
the help character
*/
div.FT_tooltip {
  position: absolute;
  bottom: 1.5em;
  left: 1.5em;
  background-color: infobackground;
  border-style: solid;
  border-width: thin;
  border-color: infotext;
  color: infotext;
  opacity: 0.9;
  font-size: small;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  /* Add box-shadow */
  -moz-box-shadow:4px 4px 5px #aaaaaa; /* Firefox 3.6 and earlier */
  -webkit-box-shadow:4px 4px 5px #aaaaaa; /* Safari */
  box-shadow:4px 4px 5px #aaaaaa;
}

/*
* used to mark divblock that has to include an absolute positioned
* tag (like tooltips).
*/

div.FT_relative {
  position: relative;
}
/*
* used to mark spanblock that has to include an absolute positioned
* tag (like tooltips).
*/

span.FT_relative {
  position: relative;
  display: inline-block; zoom: 1; *display: inline; 
  margin-top: 0pt;
  margin-bottom: 0pt;
  padding-bottom: 0pt;
  padding-top: 0pt;

}

div.FT_space, div.FT_space_lb {
  margin-top: 0em;
  margin-bottom: 0em;
}
div.FT_space {
  display: inline-block; zoom: 1; *display: inline; 
}
div.FT_space_lb {
  display: block;
}

div.FT_xscrolling {
  margin-bottom: 0pt;
  overflow-y: hidden;
  overflow-x: scroll;
}
/*
specific style for month and day elements of object Date
*/
div.FT_date {
  /* this is to align vertically the year, month and day tags*/
  vertical-align: top;
}
  /* this is to set auto the width of the selectbox under the year*/
div.FT_date select {
  width: auto; 
}

/*
* styles for the searchtag object within the treebox
*/
div.FT_searchtag_input, input.FT_searchtag_button {
  margin-bottom: 0pt;
  margin-top: 5pt;
  margin-bottom: 10pt;
}

div.FT_searchtag_input input {
  width: 10em;
  height: 1.5em;
  font-size: x-small;
}
div.FT_searchtag_input label {
  width: auto;
  font-size: small;
}

input.FT_searchtag_button {
  width: auto;
  height: 2em;
  font-size: x-small;
/*  font-weight: bold;
*/
}

/*
Default properties of elements' label
whatever the position
*/
label.FT_label{
  width: 10em;
}

/*
Default properties of elements' label
when it is at the left-hand side
*/
label.left {
  vertical-align: middle;
  *vertical-align: 50%;
  display: inline-block; zoom: 1; *display: inline;
  text-align: left;
}

/*
propertiy of label tag (with class "left") when it is aside a textarea (i.e.
within the divblock with class FT_textarea)
*/
div.FT_textarea label.left {
  vertical-align: top;
}

/*
Default properties of elements' label
when it is at the top of the element tag
*/
label.top {
  display: block;
}

/*
Default properties for any button
*/
*.FT_button {
  width: 9em;
  vertical-align: top;
  padding-bottom: 0.2em;
  padding-top: 0.2em;
}

input.FT_down{
  background-image: url("arrowdown.png");
  background-repeat: no-repeat;
  background-position: center;
}
input.FT_up{
  background-image: url("arrowup.png");
  background-repeat: no-repeat;
  background-position: center;
}
/*
Properties of the button aside a combobox
*/
input.FT_combobox{
  padding: 0 0 0 0;
  position: relative;
  width: 2.5em;
  /* I don't know why, but this height value must be the one of input.FT_tag plus 0.5em to
  appear as height as the input tag */
  height: 2.1em;
  left: -3pt;
}
/*
Default properties for any select box
*/
*.FT_select {
  padding-bottom: 0.2em;
  padding-top: 0.2em;
}

/*
Default properties for the select boxes into a treebox
*/
select.FT_treebox {
/*max-width:200px;
*/
}

/*
Default properties of any tag
*/
*.FT_tag {
  width: 10em;
  display: inline-block; zoom: 1; *display: inline; 
}

/*
Default properties of div tag
*/
div.FT_tag {
  width: auto;
  display: inline-block; zoom: 1; *display: inline; 
}

/*
Default properties of input tags
*/
input.FT_tag {
    height: 1.6em;
}
/*
Default properties of tag <body>
*/


body.FT_tag {
  width: auto;
}


/*
Default properties of tag <form>
*/
form.FT_tag {
  width: auto;
}

/*
Default properties of element Fieldset
*/
fieldset.FT_tag {
  width: auto;
  padding: 8pt 8pt 8pt 8pt;
}

legend {
  font-style: oblique;
}
/*
Default properties of the alert text about a required field
*/
div.FT_required {
  color: red;
  font-size: 14px;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  padding-top: 0.5em;
  padding-bottom: 0.2em;
  padding-left: 0.2em;
  padding-right: 0.2em;
  text-align: left;
}

/*
properties of the character "*" put aside a required field
*/
span.FT_required {
  color: red;
  font-size: 14px;
}