/*----------------------------------------------------------------
 ----	DEFAULT-FORMULÄR	--------------------------------------
----------------------------------------------------------------*/

form {
	margin:0;
	padding:0;
}
input, select option, textarea {
	font-family:Arial, Helvetica, sans-serif;
}
fieldset {
	margin:0 0 10px 0;
	padding:10px;
	border:1px solid #999;
}
.checkbox {
	margin:0;
	width:13px;
	height:13px;
	overflow:hidden;
}
legend {
	font-size:11px;
	font-weight:bold;
	color:#333;
	padding:0 5px;
	margin-bottom:5px;
}
label {
	font-size:11px;
	font-weight:bold;
}
label.error { /* label som skapas av jQuery-valideringen vid fel */
	display:block;
	color:#c00;
	font-style:italic;
	margin-top:2px;
	font-size:1.2em;
	font-weight:bold;
}
.fieldDescr {
	display:block;
	font-size:10px;
}
input.error, textarea.error, select.error {
	border:1px solid #c00 !important;
}
label.validateCustomError { /* error-labels som läggs in manuellt */
	display:none;
	margin:5px 0;
}
input.textfield, textarea, select {
	font-size:1.1em;
	width:435px;
}
select {
	font-size:1em;
	width:254px;
}

.dateSelects .fieldWrap {
	float:left;
	padding:0;
	margin:0 5px 0 0;
}
.dateSelects .fieldWrap select {
	margin:0;
	padding:0;
}
select.dateSelectDate {
	width:50px !important;
}
select.dateSelectMonth {
	width:90px !important;
}
select.dateSelectYear {
	width:60px !important;
}

span.labelDescr {
	margin:0 0 3px 0;
	display:block;
	font-size:0.8em;
	line-height:1.1em;
	color:#666;
}
p.fieldWrap {
	margin:0 0 10px 0;
}
fieldset.checkRadio, fieldset.dateSelects {
	width:415px;
	padding:0 10px 5px 10px; /* topp-padding på fieldsets funkar inte i IE (blir topp-marginal istället) */
	margin:0;
}
input.checkbox {
	width:13px;
	height:13px;
	overflow:hidden;
	margin:0 3px 0 0;
}
fieldset.checkRadio p.fieldWrap {
	margin:0 0 5px 0;
}

div.checkRadioHorizontalWrap { /* för att fixa bottenmarginal/float-buggen i ie */ 
	margin-bottom:10px;
}
div.checkRadioHorizontalWrap p.fieldWrap {
	float:left;
	margin:0 10px 0 0;
}
div.checkRadioHorizontalWrap p.fieldWrap label {
	float:left;
}
div.checkRadioHorizontalWrap p.fieldWrap .checkbox,
div.checkRadioHorizontalWrap p.fieldWrap label {
	float:left;
}
fieldset.checkRadioHorizontal {
	padding-bottom:5px;
}


.checkboxWrap {
	width:415px;
	margin:0 0 10px 0;
	padding:10px;
	border:1px solid #999;
}
.checkboxWrap label {
	margin:0;
}
.checkboxWrap .cbDescr {
	display:block;
	width:380px;
	font-weight:normal;
}

/*----------------------------------------------------------------
 ----	FEEDBACK	----------------------------------------------
----------------------------------------------------------------*/

div.formErrorsWrap {
	padding:1px;
	border:1px solid #ccc;
	background-color:#fff;
	margin:10px 0 10px 0;
}
div.formErrors {
	padding:10px 10px 10px 36px;
	background-image:url(../grafik/form_errors.gif);
	background-repeat:no-repeat;
	background-position:10px 10px;
	background-color:#ffe9e9;
}
div.formErrors h2 {
	font-size:13px;
	margin:0;
}
div.formErrors ul {
	font-size:11px;
	margin:0 0 0 15px;
	padding:0;
}

div.formSuccessWrap {
	padding:1px;
	border:1px solid #ccc;
	background-color:#fff;
	margin:10px 0 10px 0;
}
div.formSuccess {
	padding:10px 10px 10px 36px;
	background-image:url(../grafik/form_success.gif);
	background-repeat:no-repeat;
	background-position:10px 10px;
	background-color:#d9f2cd;
}
div.formSuccess h2 {
	font-size:13px;
	margin:0;
}

/*----------------------------------------------------------------
 ----	INLOGGNINGSFORMULÄR	--------------------------------------
----------------------------------------------------------------*/

#loginForm input.textfield {
	font-size:1.1em;
	width:170px;
}
#loginForm p.fieldWrap {
	margin:0 0 5px 0;
}
#loginForm label {
	font-size:1em;
}

/*----------------------------------------------------------------
 ----	FEEDBACK (INLOGGNING)	----------------------------------
----------------------------------------------------------------*/
div.loginErrorsWrap {
	padding:1px;
	border:1px solid #ccc;
	background-color:#fff;
	margin:10px 0 10px 0;
}
div.loginErrors {
	padding:10px 10px 10px 36px;
	background-image:url(../grafik/form_errors.gif);
	background-repeat:no-repeat;
	background-position:10px 10px;
	background-color:#ffe9e9;
}
.loginErrors h2 {
	font-size:13px;
	margin:0;
}
div.loginErrors ul {
	font-size:11px;
	margin:0 0 0 15px;
	padding:0;
}
div.loginErrors ul li p {
	margin-bottom:5px;
}
div.loginErrors ul li {
	padding:0;
	margin:0;
}


.currentPass {
	width:406px;
	padding:10px;
	border:1px solid #ccc;
	background-color:#fffcd6;
}
.currentPass input {
	width:99% !important;
	margin:0;
}


#registerForm #deliveryAddress {
	display:none;
}
#registerForm .fieldWrap, #registerForm .fieldPlaceHolder {
	float:left;
	margin-right:10px;
}
#registerForm .fieldPlaceHolder {
	height:36px;
	width:210px;
	margin:0 0 10px 0;
}
#registerForm .labelDescr {
	width:200px;
}
#registerForm input.textfield, #registerForm textarea, #registerForm select {
	font-size:1.1em;
	width:205px;
}

/*----------------------------------------------------------------
 ----	ANTISPAM	----------------------------------------------
----------------------------------------------------------------*/
#formAntiSpam {
	border:1px solid #ccc;
	padding:10px;
	margin:0 0 10px 0;
}
#formAntiSpam p {
	text-align:center;
	font-weight:bold;
}
#formAntiSpam ul {
	margin:0;
	padding:0;
	list-style:none;
}
#formAntiSpam ul li {
	margin:0 35px 0 0;
	padding:0;
	width:44px;
	text-align:center;
	list-style:none;
	float:left;
	background-repeat:no-repeat;
}
#formAntiSpam ul li label img {
	cursor:pointer;
	margin:0 0 5px 0;
}
#formAntiSpam ul li input {
	padding:0;
	margin:0;
}