/** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * Form Styling
 */

/* FIELDSETS
---------------------------------------- */
fieldset {
	border: 0;
	font-size: 12px;
}

/* ACTION BUTTONS
---------------------------------------- */
input.action {
	padding: 2px;
	font-size: 1em;
	font-family: Verdana, Tahoma, Sans-serif;
	margin: 20px 0 0 160px;
  }
  input.action:hover,
  input.action:focus {
    cursor: pointer;
  }

/* FIELD FORMATING
---------------------------------------- */
form ul {
	list-style: none;
	clear:both;
	display:block;	
  }
  form ul li {
    padding-left:140px;
  }

.middleColumn {
  padding: 0px;
}
	div.tab .field .middleColumn {
		clear: none !important;
 		margin: 0 !important;
		width: auto;
	}
	.middleColumn .message {
		margin: 0;
	}
	.fieldgroupField {
    margin-bottom:10px;
  }
  
/* INPUT BOXS
---------------------------------------- */
input.text, textarea, select {
	padding: 2px;
	margin: 2px;
	border: 1px dotted #aaa;
	color: #000;
	font-size: 12px;
	font-weight: normal;
	width: 450px;
}

textarea {
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 1.2em;
}
input:focus, textarea:focus {
	border: 1px solid #c32c36;
}

/* SELECT DROPDOWN
---------------------------------------- */
select {
	width: auto;
}

/* LABELS
---------------------------------------- */
.typography label, .typography label.left {
	margin:0;
	padding: 1px 10px 1px 1px;
	color: #666;
	width:150px;
	text-align:right;
	float:left;
}

.typography li label {
  display:inline;
  width:400px;
  float:none;
}

label.right {
	display:inline;
}

/* SEARCH BOX 
---------------------------------------- */
#Search {
	width: 105px;
}
	input#Search_Form_SearchForm_Search {
		width: 110px;
		padding: 3px;
		margin-left: -4px;
		font-size: 1.2em;
	}
#Sidebar input.action {
	font-size: 1.2em;
	float: right;
	padding: 1px;
	margin: -22px 10px 0 0;
}

/* eCommerce MemberForm
---------------------------------------- */
#subnavi #PastOrders {
	float: left;
	border: 1px solid #ccc;
	padding: 5px;
	margin: 9px 0 0 10px;
}
	#subnavi #PastOrders li {
		/* turn of list-styles for these list items */
		list-style: none;
		list-style-type: none;
		font-size: 0.8em;
		color: #333;
		margin-top: 10px;
	}
		/* apply correct font weight and family to these headers */
		#subnavi #PastOrders h3,
		#Account #MemberForm_MemberForm h3 {
			font-weight: normal;
			font-family: Verdana, Helvetica, sans-serif;

		}
		/* apply h3 styling to past orders div, as well as the member form */
		#subnavi #PastOrders h3,
		#Account #MemberForm_MemberForm h3 {
			color: #c32c36;
			font-size: 1.3em;
		}
		/* apply h4 styling (completed orders, incomplete orders header inside box) */
		#subnavi #PastOrders h4 {
      line-height: 1.7em;
 		}
		/* link colours for links */
		#subnavi #PastOrders a {
 			text-decoration: none;
			color: #c32c36;
		}
			#subnavi #PastOrders a:hover { 
 				text-decoration: underline;
	 		}

#Account #MemberForm_MemberForm {
	width: 680px;
}
  form#MemberForm_MemberForm {
		margin-left: 10px;
  }
  #MemberForm_MemberForm .field {
		margin-top: 10px;
  }
  #MemberForm_MemberForm .middleColumn {
		width: 150px;
  }
  #MemberForm_MemberForm #Country label.left {
		margin-top: 8px;
  }

#Account #SerienNummer input {
  width: 30px;
}
#Account #SerienNummer div {
  width: 25%;
}
#Account #SerienNummer #ShopLoginForm_ShopLoginForm_PasswortTeil5 {
  width: 60px;
}
#Checkout #OrderForm_OrderForm #LeftOrder {
  width: 690px;
}

/* Customer Form
---------------------------------------- */
#Customer #CustomerForm_CustomerForm h3 {
	color: #c32c36;
	font-size: 1.3em;
  font-weight: normal;
  font-family: Verdana, Helvetica, sans-serif;
  margin-top: 10px;
	margin-bottom: 15px;
}

  form#CustomerForm_CustomerForm {
		margin-left: 10px;
  }
  #CustomerForm_CustomerForm .field {
		margin-top: 10px;
  }
#CustomerForm_CustomerForm label.left,
#LoginForm_LoginForm label.left {
	font-weight: bold;
	width: 150px;
}