/**
 * @copyright : lesTanukis
 * @project : Arrow ECS Education
 * @date : 10-2010
 */

/* -------------------- GENERAL STYLES ! no position, no size !!!!-------------------- */

/*form{display: block; padding: 0; margin: 0; clear: both; display:inline;}*/
INPUT,SELECT,input[type=textarea]{font-family:"Verdana",  sans-serif;  font-weight: bold;color:#666666;}

.errorStyle {color:red;margin-top:5px;display:block;width:400px;position:relative;top:0px;left:235px;}
.errorStyle2 {color:red;margin-top:5px;display:block; }
.error{ color:red;margin-top:5px;display:block;}

input.error{ display:inline!important; }

.standardForm p.errorForWindow{border:0px;margin:0px;font-weight:bolder;padding:5px 0px 0px 2px;}

.missingInfos {
  color: #3473D8;
  display: block;
  font: bold 12px/16px Arial,sans-serif;
  padding: 20px;
}

.missingInfosStar{
  color:#3473d8;
  font: 12px Georgia, sans-serif;
  padding: 0 0 0 4px;
}

.commonFormStyles{
  background-color:#ebeced;
  margin-bottom: 20px;
  overflow:hidden;

}
.commonFormStyles p select{border:1px solid #CCC;}
.commonFormStyles p textarea{border:1px solid #CCC;padding:5px;font-family:"Verdana",  sans-serif;  font-weight: bold;}

.commonFormStyles p.submitLine{
  background: url("images/share/layout/background.png") repeat-x scroll 0 -1010px transparent;
  border-bottom: none;
  border-top: solid 1px #9db6c9;
  margin:10px 0 0;
  width:100%;
  height: 65px;
  padding:15px 0px;
}

.commonFormStyles p.submitLine a input.positiveActionBtn{
  background: url("images/share/button/positiveActionBtn.png") no-repeat 0 0 transparent;
  border: none;
  color: #f2f2f2;
  cursor:pointer;
  display:block !important;
  font: bold 12px/30px Arial, sans-serif;
  float:right;
  height:30px;
  padding: 0;
  margin: 0 20px 0 10px;
  text-align: center;
  text-shadow: 0 1px 0 #000000;
  width:140px;
}

.commonFormStyles p.submitLine a:hover input.positiveActionBtn {
  background-position: 0 -120px;
  text-decoration: none;
}

.commonFormStyles p.submitLine a:active input.positiveActionBtn,
.commonFormStyles p.submitLine a:focus input.positiveActionBtn {
  background-position: 0 -60px;
  text-decoration: none;
}

.commonFormStyles p.submitLine a input.negativeActionBtn{
  background: url("images/share/button/negativeActionBtn.png") no-repeat 0 0 transparent;
  border: none;
  color: #f2f2f2;
  cursor:pointer;
  display:block !important;
  font: bold 12px/30px Arial, sans-serif;
  float:right;
  height:30px;
  padding: 0;
  margin: 0;
  text-align: center;
  text-shadow: 0 1px 0 #666666;
  width:140px;
}

.commonFormStyles p.submitLine a:hover input.negativeActionBtn {
  background-position: 0 -120px;
  text-decoration: none;
}

.commonFormStyles p.submitLine a:active input.negativeActionBtn,
.commonFormStyles p.submitLine a:focus input.negativeActionBtn {
  background-position: 0 -60px;
  text-decoration: none;
}


input.positiveActionBtn{
  background: url("images/share/button/positiveActionBtn.png") no-repeat scroll 0 0 transparent;
  border: medium none;
  color: #F2F2F2;
  cursor: pointer;
  display: block !important;
  float: right;
  font: bold 12px/30px Arial,sans-serif;
  height: 30px;
  margin: 0 20px 0 10px;
  padding: 0;
  text-align: center;
  text-shadow: 0 1px 0 #000000;
  width: 140px;
}

input.negativeActionBtn{
  background: url("images/share/button/negativeActionBtn.png") no-repeat scroll 0 0 transparent;
  border: medium none;
  color: #F2F2F2;
  cursor: pointer;
  display: block !important;
  float: right;
  font: bold 12px/30px Arial,sans-serif;
  height: 30px;
  margin: 0;
  padding: 0;
  text-align: center;
  text-shadow: 0 1px 0 #666666;
  width: 140px;
}

a:hover input.positiveActionBtn {
  background-position: 0 -120px;
  text-decoration: none;
}

a:active input.positiveActionBtn {
  background-position: 0 -60px;
  text-decoration: none;
}

a:hover input.negativeActionBtn {
  background-position: 0 -120px;
  text-decoration: none;
}

a:active input.negativeActionBtn {
  background-position: 0 -60px;
  text-decoration: none;
}


/*  -------------------- CART INFORMATIONS FORM  --------------------*/
.bgContainer{display:block;background-color: #ffffff;overflow:hidden;}
.cartInfoForm{display:block;margin:5px 0px;width:700px;min-height:300px;}

.cartInfoForm p label{
  color: #293D6B;
  display: block;
  float: left;
  font: bold 12px/22px Arial,sans-serif;
  margin: 4px 0 2px;
  /* margin: 0 40px 0 20px; */
  text-align: left;
  width: 110px;
}

.cartInfoForm p select{width:149px;margin-right:7px}

.cartInfoForm p textarea {
  background: url("images/share/layout/textarea-bg.png") repeat-x scroll 0 0 #fff;
  border: 1px solid #CCCCCC;
  color: #404040;
  font: bold 12px Arial,sans-serif;
  height: 60px;
  padding: 4px;
  width:253px;
}

.cartInfoForm p textarea:active,
.cartInfoForm p textarea:focus {
  border-color: #3473D8;
  color: #3473D8;
}

.cartInfoForm p input[type="text"],
.cartInfoForm p input[type="email"],
.cartInfoForm p input[type="password"] {
  width:143px;margin-right:7px;font-size:1em;
  background: url("images/share/layout/form.png") repeat-x scroll 0 -150px #fff;
  border: 1px solid #CCCCCC;
  color: #404040;
  font: bold 12px/22px Arial,sans-serif;
  height: 22px;
  padding: 0 4px;
}

.cartInfoForm p input[type="text"]:active,
.cartInfoForm p input[type="text"]:focus,
.cartInfoForm p input[type="password"]:active,
.cartInfoForm p input[type="password"]:focus {
  border-color: #3473D8;
  color: #3473D8;
}

.cartInfoForm p input.exception{margin:5px 0px 0px 162px;}
.cartInfoForm p{
  border-top: 1px dotted #CCCCCC;
  margin: 0 10px;
  overflow: hidden;
  padding: 10px 0;
}

.cartInfoForm p span{font-size:0.85em;}

/* --------------------CALENDAR--------------------
.calendarForm p.special{position:relative;overflow:hidden;}
.calendarForm p select{margin-left:5px;width:300px;}
.calendarForm p{margin:0px;padding:10px 10px 10px 0px;position:relative;overflow:hidden;}
.calendarForm p.special{border:none;}
.calendarForm p label{background: url("/Views/skins/front/default/Images/share/icon/arrowLabel.png")center left no-repeat;
text-indent:10px;display: block; float: left; margin: 4px 0 2px;width:360px;margin-left:10px;/}

*/

/* --------------------STANDARD -> NEWSLETTER/ CATALOG-------------------- */

.standardForm p {
  border-top: 1px dotted #CCCCCC;
  margin: 0 10px;
  overflow: hidden;
  padding: 10px 0;
}

.standardForm .missingInfos + p {
    border: medium none;
    color:#666666;font-size:0.8em;height:30px; display:block;font-weight:bolder;display:block;height:30px;margin:10px 20px 0px 25px;
}

.standardForm p label{
  color: #293D6B;
  display: block;
  float: left;
  font: bold 12px/22px Arial,sans-serif;
  width: 180px;
  /*background: url("/Views/skins/front/default/Images/share/icon/arrowLabel.png")center left no-repeat;*/
  text-indent:10px;

}

.standardForm p select{
  border: 1px solid #CCCCCC;
  color: #404040;
  font: bold 12px/22px Arial,sans-serif;
  height: 22px;
  outline: medium none !important;
  overflow: hidden;
  width: 250px;
}

.standardForm p.phone select{margin-left:5px;width:70px;}
.standardForm p.phone input{margin-left:5px;width:170px;}

.standardForm p input[type="text"]{
  background: url("images/share/layout/form.png") repeat-x scroll 0 -150px #fff;
  border: 1px solid #CCCCCC;
  color: #404040;
  font: bold 12px/22px Arial,sans-serif;
  height: 22px;
  padding: 0 4px;
  width: 242px;
}

.standardForm p input.more{margin-left:235px;width:250px;margin-top:10px;}

/*.standardForm h4{background: url("/Views/skins/front/default/Images/share/sidebar/searchTrainingBkg.jpg") center repeat-x #002f4c;padding:5px;margin-bottom:3px;}*/

/*.standardForm h4.secondBox{background: url("/Views/skins/front/default/Images/share/sidebar/neutralType2Bkg.jpg") center repeat-x #002f4c;padding:5px;margin-bottom:3px;}*/

.shortInput{ width: 180px;}

/* --------------------STANDARD -> CUSTOM-------------------- */

.standardForm2 p{padding:5px 20px;border-bottom:1px dotted #c9caca;margin:0px 10px;}
/*.standardForm2 p label{background: url("/Views/skins/front/default/Images/share/icon/arrowLabel3.png")center left no-repeat;text-indent:10px;display: block; float: left; margin: 4px 0 2px;width:230px;}*/
.standardForm2 p select{margin-left:5px;width:250px;}
.standardForm2 p.phone select{margin-left:5px;width:70px;}
.standardForm2 p.phone input{margin-left:5px;width:170px;}
.standardForm2 p input{margin-left:5px;width:250px;}
.standardForm2 p input.more{margin-left:235px;width:250px;margin-top:10px;}
/*.standardForm2 h4{background: url("/Views/skins/front/default/Images/share/sidebar/neutralType2Bkg.jpg") center repeat-x #002f4c;padding:5px;margin-bottom:3px;}*/

/* --------------------CONTACT-------------------- */

.contactForm p {
  border-top:1px dotted #cccccc;
  margin:0px 10px;
  overflow:hidden;
  padding: 10px 0;
}

.contactForm .missingInfos + p {
  border: none;
}

.contactForm p label{
  color: #293d6b;
  display: block;
  float: left;
  font: bold 12px/22px Arial, sans-serif;
  margin: 0 40px 0 20px;
  text-align: right;
  width: 180px;
}
.contactForm p label.error{background: none;color:red;font-weight:bolder;font-size:0.8em;clear:left;overflow:hidden;width:180px;margin:-10px 0px  0px  0px;padding-bottom:5px;text-indent:0px;}

.contactForm p.phone select{margin-left:5px;width:250px;}
.contactForm p.phone input{position:relative;top:5px;left:230px;margin-bottom:5px;}

.contactForm p select {
  border: solid 1px #cccccc;
  color: #404040;
  font: bold 12px/22px Arial, sans-serif;
  height: 22px;
  overflow:hidden;
  outline: none !important;
  width:250px;
}

.contactForm p select:active,
.contactForm p select:focus {
  border-color: #3473d8;
}

.contactForm p textarea{
  background: url("images/share/layout/textarea-bg.png") repeat-x scroll 0 0 #fff;
  border: solid 1px #cccccc;
  color: #404040;
  font: bold 12px Arial, sans-serif;
  height: 100px;
  padding: 4px;
  width: 242px;
}

.contactForm p textarea:active,
.contactForm p textarea:focus {
  border-color: #3473d8;
  color: #3473d8;
}

.contactForm p input[type="text"],
.contactForm p input[type="email"]{
  background: url("images/share/layout/form.png") repeat-x scroll 0 -150px #fff;
  border: solid 1px #cccccc;
  color: #404040;
  font: bold 12px/22px Arial, sans-serif;
  height: 22px;
  padding: 0 4px;
  width: 242px;
}

.contactForm p input[type="text"]:active,
.contactForm p input[type="text"]:focus {
  border-color: #3473d8;
  color: #3473d8;
}

.contactForm h4{
  background: url("images/share/layout/background.png") repeat-x scroll 0 -960px transparent;
  color: #ffffff;
  font: bold 14px/30px Arial, sans-serif;
  padding: 0 10px;
  height: 30px;
}

label ~ textarea {
    white-space: nowrap !important;
}

.checkbox topic-option {

}

input[readonly]  {
    background-color: lightgrey !important;
}