/*
 * Urban locker - 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: 0;
	font-size: 10px; text-align: right; 
}
.standardForm .infosType { margin-bottom: 2.5em; }
.standardForm .formLign { width: 85%; 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: 40%; 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 { width: 96%; margin-bottom: 1em; padding: 0.5em 2%; background-color: #e3dfdf; }
#organisationForm p { margin: 1em 0; font-size: 12px; text-align: right; }
#organisationForm label { margin-left: 1em; font-weight: bold; }
#organisationForm .imgBtn { margin-left: 0.5em; }
#organisationForm .field { height: 1.6em; }
#organisationForm input.field { height: 1.2em; padding: 2px; }
#organisationForm select.field { height: 1.55em; padding: 1px; }
/* filterForm */
#organisationForm .filterForm .field { width: 12.7em; }
/* sortForm */
#organisationForm .sortForm .field { width: 12.7em; }

#organisationForm label.rightMost { display: inline-block; width: 7em; }

/* 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: #a98011; text-decoration: underline; }
.customPad .forgot a:hover { color: #775805; }
.customPad .accountInfos { 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.submitContainer { text-align: center; }
.customPad .userHelp a { color: #a98011; font-weight: bold; text-decoration: underline; }
.customPad .userHelp a:hover { color: #775805; }

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

/* accountForm */
#accountForm #newsletter { width: 17em; }

/* subscriptionForm */
#subscriptionForm { height: auto; }
#subscriptionForm p.bottomInfos { font-size: 11px; margin-top: 1em; }
#subscriptionForm p.bottomInfos a { text-decoration: underline; }
#subscriptionForm p.bottomInfos a:hover { color: #a98011; }

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

/* addressesContainer */
.topInfos { font-size: 14px; margin-bottom: 1em; position: relative; }
.topInfos .topTitle { margin-bottom: 1.5em; font-weight: bold; }
.topInfos .topLink { text-decoration: underline; color: #a98011; }
.topInfos .topLink:hover { color: #775805; }
.topInfos #newAddressLink { font-size: 11px; position: absolute; top: 0; right: 0; }
/* customerAddresses */
.addressesContainer { 
	float: left; position: relative; padding: 1em 0 1em 3.3em; font-size: 11px;
}
.addressesContainer .customerAddress { 
	float: left; position: relative; display: inline; width: 17.7em; 
	margin-right: 3.5em; 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; padding-left: 2.5em;
}
.addressesContainer .customerAddress span { display: block; }
.addressesContainer .customerAddress span.separator {
	height: 0; padding: 0; line-height: 0; margin: 0.2em 2.5em 0.2em 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; color: #a98011;
	background: transparent url(../images/icon_edit.gif) left center no-repeat; 
}
.addressesContainer .customerAddress a:hover { color: #775805; }
.addressesContainer .customerAddress .delete {
	display: block; margin-left: 2.5em; padding: 0.2em 0 0.2em 1.8em; font-size: 11px; 
	text-decoration: underline; text-align: left; border: none;
	color: #a98011; background: transparent url(../images/icon_cancel.gif) left top no-repeat;
}
.addressesContainer .customerAddress .delete:hover { cursor: pointer; color: #775805; }


/* Simple search form */

#simpleSearchForm {
	padding: 1.5em; margin-bottom: 1em;
	background: #ded9d9 url(../images/search_simple_bg.png) left bottom repeat-x;
}
#simpleSearchForm label { font-size: 12px; font-weight: bold; }
#simpleSearchForm .filter { float: left; display: inline; margin-left: 2em; }
#simpleSearchForm .first { margin-left: 0; }
#simpleSearchForm .sort { float: right; }

/* Advanced search form */

#advancedSearchForm { margin-bottom: 1em; background-color: #eee; }
#advancedSearchForm .filter {
	float: left; display: inline; border-left: 1px solid white; position: relative; z-index: 10;
}
#advancedSearchForm .filter .title {
	font-size: 12px; font-weight: bold; text-align: center;
	width: 8em; height; 25px; line-height: 25px; cursor: pointer;
	border: 1px solid #dcd7d7; border-bottom: none;
	background: #dcd7d7 url(../images/search_advanced_filter_bg.png) left bottom repeat-x;
}
#advancedSearchForm .filter:hover .title, #advancedSearchForm .hover .title {
	background: #fff; border-color: #ccc;
}
#advancedSearchForm .first .title, #advancedSearchForm .first:hover .title {
	font-size: 12px; font-weight: bold; width: 6em;
	background: white; text-align: left; border-color: white;
}
#advancedSearchForm .filter .title span {
	padding-left: 1em;
	background: transparent url(../images/search_advanced_filter_arrow.gif) left center no-repeat;
}
#advancedSearchForm .active .title span {
	color: #947b1e;
	background-image: url(../images/search_advanced_filter_arrow_active.gif);
}
#advancedSearchForm .filter ol { float: left; }
#advancedSearchForm .filter li { width: 10em; }
#advancedSearchForm .filter input.field { border: none; }
#advancedSearchForm .filter label { font-size: 11px; line-height: 20px; cursor: pointer; }
#advancedSearchForm .filter label:hover { color: #947b1e; }
#advancedSearchForm .filter .filterContainer {
	display: none; border: 1px solid #cecece; border-top: none;
	position: absolute; top: 26px; left: 0; z-index: 10; padding: 2em; width: 10em;
	background: white url(../images/search_advanced_filter_container_bg.png) left top no-repeat;
}
#advancedSearchForm .filter .on2Columns { width: 20em; }
#advancedSearchForm .filter .on3Columns { width: 30em; }
#advancedSearchForm .filter:hover .filterContainer { display: block; }
#advancedSearchForm .info { font-size: 10px; text-align: center; clear: both; padding-top: 1em; }
#advancedSearchForm .submission { text-align: center; clear: both; padding-top: 1em; }
.filterSubmit { 
	font-weight: bold; color: white; cursor: pointer; width: 95px; height: 25px; border: none;
	background: transparent url(../images/search_advanced_submit_bg.png) left top no-repeat;
}
.filterSubmit:hover { background-position: 0 -25px; }
#advancedSearchForm .sort { float: right; border-left: none; }
#advancedSearchForm .sort .title {
	background: #b4b3b3 url(../images/search_advanced_sort_bg.png) left bottom repeat-x;
	border-color: #b4b3b3;
}
#advancedSearchForm .sort .filterContainer {
	left: auto; right: 0; width: 15em; background-image: none;
	background: white url(../images/search_advanced_sort_container_bg.png) right top no-repeat;
}

/* Special cases for menus */
#advancedSearchForm .brands li { width: 14.5em; }
#advancedSearchForm .brands .on1Columns { width: 14.5em; }
#advancedSearchForm .brands .on2Columns { width: 29em; }
#advancedSearchForm .brands .on3Columns { width: 43.5em; }
#advancedSearchForm .sizes li { width: 5.5em; padding-left: 1.5em; }
#advancedSearchForm .sizes .on2Columns { width: 14em; }
#advancedSearchForm .sizes .on3Columns { width: 21em; }
#advancedSearchForm .colours li { width: 4.7em; padding-left: 0.8em; line-height: 24px; }
#advancedSearchForm .colours .filterContainer { width: 11em; }
#advancedSearchForm .colours img.colour { border: 1px solid #666; }
#advancedSearchForm .colours img.colour:hover { border-color: black; }