/*
-- start comment--
@Author Michel Erb <xorinox@vtxmail.ch>

these classes should be empty and only used for declare if a field needs to be validated

example: isClassName    field will be validated and is mandatory
             ifClassName    field will only be validated if input was provided but is not mandatory
*/
.isNumber{
}
.ifNumber{
}
.isString{
}
.ifString{
}
.isEmail{
}
.ifEmail{
}
.isPhone{
}
.ifPhone{
}
.isDate{
}
.ifDate{
}
.isAhv{
}
.ifAhv{
}
/*
--end comment--
*/
.error{
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: Black;
  font-style: normal;
  background-color: #ffffff;
  border: 2px solid #ff6600;
}
/* The hint to Hide and Show */
.hint {
  display: none;
  position: absolute;
  width: 260px;
  margin-top: -4px;
  border: 1px solid #cc9933;
  padding: 2px 2px;
  /* to fix IE6, I can't just declare a background-color,
  I must do a bg image, too!  So I'm duplicating the pointer.gif
  image, and positioning it so that it doesn't show up
  within the box */
  background: #ffffcc url( "../../files/pointer.gif" ) no-repeat -10px 5px;
}
/* The pointer image is haddeled by using another span */
.hint .hint-pointer {
  font: normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  position: absolute;
  left: -10px;
  top: 1px;
  width: 10px;
  height: 19px;
  background: url( "../../files/pointer.gif") left top no-repeat;
}
input {
  width: auto;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: Black;
  background-color: White;
  border: 1px solid #ffffff;
  font-style: normal;
}
select {
  width: auto;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: Black;
  background-color: White;
  border: 1px solid #ffffff;
  font-style: normal;
}
textarea {
  width: 150px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: Black;
  background-color: White;
  border: 1px solid #ffffff;
  font-style: normal;
}
fieldset{
  border: 1px solid white;
  color: white;
  padding: 2px 2px;
}
label {
  padding: 10px;
}
#overDiv{
  position:absolute;
  visibility:hidden;
  z-index:1000;
  padding: 4px 4px;
  font: normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  background-color: #ffffcc;
  border: 1px solid #cc9933;
}