/*
 * FORM
 *
 * @author Christophe Porteneuve <christophe@ciblo.net>
 * @author Julien Vignolles <julien@ciblo.net>
 * @author Thomas Lecavelier <thomas@ciblo.net>
 * @author Gregory Jaklimovitch <gregory@ciblo.net>
 * @legals © 2008-2009 Ciblo SA.
 */

/* standardForm */
.standardForm { position: relative; padding-bottom: 2em; }
.standardForm .reqIcon { font-size: 11px; color: #d90000; }
.standardForm .topTitle { margin-bottom: 1em; font-size: 11px; font-weight: bold; }
.standardForm .legend {
	position: absolute; top: 0; right: 2em; z-index: 2em; font-size: 10px; text-align: right; 
}
.standardForm .infoType { margin-bottom: 2.5em; }
.standardForm .formLign { width: 95%; margin: 0 auto 1em; font-size: 11px; color: black; }
.standardForm .formLign input, .standardForm .formLign select { padding: 1px; padding-left: 0.4em; }
.standardForm .formLign textarea { padding: 0.2em; }
.standardForm .formLign input { width: 12em; }
.standardForm .formLign select { width: 12.7em; }
.standardForm .small input, .standardForm .small select { width: 12%; }
.standardForm .smallest input, .standardForm .smallest select { width: 7%; }
div#all .standardForm .lignLeft, div#all .standardForm .lignRight { width: 45%; }
#all .standardForm .lignLeft { float: left; }
#all .standardForm .lignRight { float: right; }
.standardForm .formLign label { 
	float: left; display: inline; width: 40%; margin-right: 0.7em; font-weight: bold;
	text-align: right;
}
.standardForm .formLign .infoSup { margin-left: 0.5em; }
#all .standardForm .checkboxLign { width: 45%; position: relative; padding-left: 2em; }
#all .standardForm .checkboxLign input, #all .standardForm .checkboxLign label { 
	margin: 0; padding: 0;
}
#all .standardForm .checkboxLign input { 
	position: absolute; left: 0; top: 0.1em; z-index: 2;
	width: 1.4em; height: 1.2em; border: none; 
}
#all .standardForm .checkboxLign label { float: none; font-weight: normal; text-align: left; }
#all .standardForm .messageLign { width: 30em; }
#all .standardForm .messageLign label { width: 100%; margin-bottom: 0.5em; text-align: left; }
#all .standardForm .messageLign textarea { width: 100%; height: 9em; }

/* organisationForm */
#organisationForm { 
  position: relative; width: 90%; margin-bottom: 1em; padding: 0.7em 5% 0.7em 6%; vertical-align: middle; 
  border: 1px solid #DDDCDC; background-color: #f6f6f6; 
}
#organisationForm p { font-size: 12px; text-align: right; }
#organisationForm label, #organisationForm .field { display: inline; }
#organisationForm label { width: 8.5em; margin-left: 1em; font-weight: bold; }
#organisationForm .field { margin-left: 0.5em; padding: 1px; }
#organisationForm select.field { width: 11em; }
#organisationForm input.field { width: 13.5em; }
#organisationForm .okBtn { margin-left: 1em; height: 1.9em; line-height: 1.9em;  }
#organisationForm p { margin: 0.3em 0; }
/* filterForm */
#organisationForm .filterForm { float: left; }
/* sortForm */
#organisationForm .sortForm { float: right; }
/* searchResultsForm */
#all .searchResultsForm p { float: right; }

/* customerForm */
.customerForm { padding: 0 2em 2em; background-color: white; }
.customerTitle { 
	padding: 0.8em 0; font-size: 12px; font-weight: bold; 
	text-align: center; text-transform: uppercase; background-color: #e1dddd;
}

/* customPad */
.customPad { width: 37em; margin-bottom: 3em; }
.customPad .purchaseContent { height: 14em; padding: 1em; }
.customPad .customerTitle { font-size: 14px; margin: 0 0 1em; background: none; }
.customPad .forgot { margin-top: 1.5em; text-align: center; }
.customPad .forgot a { font-size: 11px; color: #bc142b; text-decoration: underline; }
.customPad .forgot a:hover { color: #D98687; }
.customPad .accountInfo { width: 24em; margin: 0 auto; font-size: 12px; text-align: center; }
.customPad .userHelp { font-size: 12px; }
.customPad .userHelp p { margin-bottom: 1em; }
.customPad .userHelp p.btnContainer { text-align: center; }

/* customPad exceptions */
#identificationBlock { float: left; }
#identificationForm .formLign input, #identificationForm .formLign select { width: 12em; }
#registrationBlock { float: right; }
#forgetPassword { margin: 0 auto; }
#forgetPassword .accountInfo { margin-bottom: 1em; }

/* accountForm */
#accountForm { padding-top: 2em; }
#accountForm #newsletter { width: 17em; }

/* termsOfUse */
#termsOfUse a { color: #b3860d; text-decoration: underline; }
#termsOfUse a:hover { color: #e1ba53; }

/* addressesContainer */
.topInfo { font-size: 13px; margin-bottom: 1em; position: relative; }
.topInfo .topTitle { margin-bottom: 1.5em; font-weight: bold; }
.topInfo .topLink { text-decoration: underline; color: #a98011; }
.topInfo .topLink:hover { color: #775805; }
.topInfo #newAddressLink { font-size: 11px; position: absolute; top: 0; right: 0; }
/* customerAddresses */
.addressesContainer { 
	float: left; position: relative; padding: 1em 0 0 2.5em; font-size: 11px;
}
.addressesContainer .customerAddress { 
	float: left; position: relative; display: inline; width: 17.7em; 
	margin: 0 0 1em 3.5em; padding: 0 0 1em; background-color: #eee; border: 1px solid #444;
}
.addressesContainer .first { margin-left: 0; }
.addressesContainer .purchaseAddress { float: right; margin: 0; }
.addressesContainer .customerAddress .radioBox { 
	position: absolute; left: 0.4em; top: 0.4em; z-index: 3; border: none;
	background: none; height: 14px; line-height: 14px;
}
.addressesContainer .customerAddress .title {
	display: block; font-size: 12px; padding: 0.3em 0.3em 0.3em 2.5em;
	background-color: #444; color: white; font-weight: bold;
}
.addressesContainer .customerAddress .addressBlock {
	display: block; margin-top: 0.5em; padding-left: 2.5em;
}
.addressesContainer .customerAddress span { display: block; }
.addressesContainer .customerAddress span.separator {
	height: 0; padding: 0; line-height: 0; margin: 1em 2.5em 1em 0;
	border-top: 1px dotted #999;
}
.addressesContainer .customerAddress a {
	display: block;
	margin-left: 2.5em; padding: 0.4em 0 0.4em 2em; text-decoration: underline; 
	background: transparent url(../images/icon_address_edit.gif) left center no-repeat; 
}
.addressesContainer .customerAddress a, .addressesContainer .customerAddress .delete { color: #AC0305; }
.addressesContainer .customerAddress a:hover, .addressesContainer .customerAddress .delete:hover { color: #D98687; }
.addressesContainer .customerAddress .delete {
	display: block; margin-left: 2.5em; padding: 0.2em 0 0.2em 1.7em; font-size: 11px; 
	text-decoration: underline; text-align: left; border: none;
	background: transparent url(../images/icon_delete.gif) left top no-repeat;
}
.addressesContainer .customerAddress .delete:hover { cursor: pointer; }

/* contactForm */
#contactForm {
	width: 62em; border: none; background-color: #f6f5f5;
	padding: 1.5em; border: 1px solid #ccc;
}
#contactForm .legend { top: 1em; right: 1em; }
#contactForm .topTitle { margin-left: 3em; font-size: 12px; }
#contactForm .formLign { width: 44em; }
#contactForm .formLign label { width: 13em; }
#contactForm .formLign input { width: 23em; }
#contactForm .formLign select { width: 23.6em; }
#contactForm .contactMeans { width: 40em; margin: 0 auto 3em; font-size: 11px; }
#contactForm .contactMeans li { 
	display: block; margin-bottom: 0.5em; padding-left: 1.5em; font-weight: bold;
	background: transparent url(../images/icon_marker1.gif) left 0.5em no-repeat; 
}
#contactForm .schedules { margin-top: 0.3em; font-weight: normal; }