/* 
    Document   : news
    Created on : 30 mai 2011, 11:08:00
    Author     : Laurent
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


/*** Pages laser spéciaux ***/

.laser-speciaux {
  position: relative;
  width : 688px;
}



.ce_text {
  line-height : 16px;
}









/*** fin pages laser spéciaux ***/

/*** Formulaire ***/


#form_customer_support {
  color : #454545;
}


#form_customer_support .headline {
  color : #2f8bc1;
  font-size : 12px;
}


#form_customer_support label {
  display: inline-block;
}


#form_customer_support label.fixed_width {
  width : 70px;
}


#form_customer_support .radio_container {
  display: inline-block;
  margin-bottom : 10px;
}


#form_customer_support input[type="text"] {
  border : 1px solid #e2e2e2;
  -webkit-border-radius : 5px;
  -moz-border-radius : 5px;
  border-radius : 5px;
  /*  width : 387px;*/
  line-height : 26px;
  height: 26px;
  margin-bottom: 10px;
}


#form_customer_support input.fixed_width {
  width : 387px;
}


#form_customer_support select[name="country_name"]{
  width : 335px;
  line-height: 26px;
  height: 26px;
  margin : 0 0 10px 12px;
}


#form_customer_support label[for="tel_nbr"]{
  margin-right : 3px;
}


#form_customer_support label[for="fax_nbr"]{
  margin-right : 10px;
}


#form_customer_support input[name="tel_nbr"],

#form_customer_support input[name="fax_nbr"] {
  width : 171px;
  margin-right: 9px;
}


#form_customer_support select[name="laser_model"]{
  width : 335px;
  height: 26px;
  margin : 0 0 10px 12px;
}

#form_customer_support input[name="address_ext"]{
  width : 335px;
}

#form_customer_support input.serial_fld {
  border : 1px solid #e2e2e2;
  -webkit-border-radius : 5px;
  -moz-border-radius : 5px;
  border-radius : 5px;
  width : 90px;
  line-height : 26px;
  height: 26px;
  float : none;
  margin : 0 5px 10px 6px;
}


#form_customer_support input[name="serial[0]"]{
  margin-left: 0;
}


#form_customer_support a.explanation {
  line-height: 26px;
  position: relative;
  top : 4px;
}


#form_customer_support select {
  border : 1px solid #e2e2e2;
  -webkit-border-radius : 5px;
  -moz-border-radius : 5px;
  border-radius : 5px;
}


#form_customer_support span.mandatory {
  color : #b11116;
  margin-left: 2px;
}

#country_name_select,
#laser_model_select {
  display: inline-block;
/*  width : 337px;*/
}

#laser_model_select {
  margin : 0 9px 0 40px;
}

#country_name_select .selectedOption,
#laser_model_select .selectedOption {
  position : relative;
  background-image: url(../img/form_contact_select_btn.png);
  background-repeat: no-repeat;
  background-position: right center;
  border : 1px solid #e2e2e2;
  -webkit-border-radius : 5px;
  -moz-border-radius : 5px;
  border-radius : 5px;
  height : 26px;
  line-height: 26px;
  padding : 2px 6px;
  margin : 0 0 10px 10px;
  width : 323px;
  z-index: 1999;
}

#country_name_select .optionsContainer,
#laser_model_select .optionsContainer {
  display : none;
  position: absolute;
  padding : 13px 6px 2px 6px;
  margin : -13px 0 0 10px;
  border : 1px solid #e2e2e2;
  border-top : none;
  background-color: #fafafa;
  width : 323px;
  z-index : 20000;
  max-height: 300px;
  overflow: scroll;
}

#laser_model_select .selectedOption,
#laser_model_select .optionsContainer {
  width : 306px;
}

#country_name_select .optionsContainer .option,
#laser_model_select .optionsContainer .option {
  padding : 3px 4px;
}

#country_name_select .optionsContainer .option:before,
#laser_model_select .optionsContainer .option:before{
  content : url(../img/fleche-bleue.png);
  margin-right : 4px;
  padding-left: 4px;
}

#country_name_select .optionsContainer .selected,
#laser_model_select .optionsContainer .selected {
  background-color: #3e3e3e;
  color : #fff;
}

#form_customer_support label#label_for_message {
  display: block;
  margin-bottom: 10px;
}

#form_customer_support textarea {
  border : 1px solid #e2e2e2;
  -moz-border-radius : 5px;
  -webkit-border-radius : 5px;
  border-radius : 5px;
  vertical-align: top;
  float: none;
  width : 462px;
  margin-bottom : 10px;
}

#form_customer_support .submit {
  background-image: url(../img/btn-plus-infos.png);
  background-repeat: no-repeat;
  color : #fff;
  border : none;
  height : 23px;
  line-height: 23px;
  width : 75px;
  font-size: 9pt;
  margin-left: 390px;
}

#form_customer_support .submit:hover {
  background-image: url(../img/btn-plus-infos-hover.png);
}

/*** fin formulaire ***/