@charset "UTF-8";
/**
 * Bürkle GmbH
 * 2009
 *
 * form elements
 *
 */

@media all
{
	
	#content{
		padding: 0;
		margin: 10px 20px 15px 0
	}
  /*------------------------------------ category image --------------------------------------------*/
    #header_category_image{ 
        background:url(images/layout/header_category_image_shop.jpg) top right no-repeat
    }
    
	/* ----------------------------------- directorder - specific ------------------------------------- */
	
	.field .dijitTextBox, /* input field */
	.field .dijitComboBox, 
	.field .dijitSpinner, 
	.field .dijitTextArea, 
	.field .dijitInlineEditor input {
		background:none !important;
		border: 1px solid #cbc9c9 !important;
		line-height: normal !important;
		width: 60px !important;
		height:30px;
		color: #8e8d8f !important;
	}
	.field .dijitTextBoxFocused, /* input field -> active style */
	.field .dijitComboBoxFocused, 
	.field .dijitSpinnerFocused, 
	.field .dijitSpinnerUpArrowActive, 
	.field .dijitSpinnerDownArrowActive, 
	.field .dijitTextAreaFocused {
		border: 1px solid #807e7e !important;
        background: #fafafa !important;
        color:#4f4f50 !important;
	}

		#directorder .head {
			margin: 0 30px 0 30px
		}
			#directorder .head h1{
				color:#bec0c9;
				margin: 0 0 15px 0;
			}
			#directorder .head p {
				margin: 0 0 20px 0;
			}
		#directorder #order{
			background:#f3f3f3;
			margin: 10px 0 0 0;
        	padding:20px;
		}
			#directorder #order .inner{
				background:#fff;
				padding:50px 0 40px 115px;
				overflow:hidden;
				position:relative;
				zoom:1;
				
			}
				#directorder #order .inner ol{
					color:#7d7b7e;
					font-weight:bold;
					overflow:hidden;
					margin:0;
					zoom:1;
					
					
				}
					#directorder #order .inner ol li{
						list-style: decimal inside;
						display: list-item;
						float:left;
						width: 235px;
						margin:0;
					}
			
				#directorder #order .inner #fields{
					margin: 25px 0 0 0;
					overflow:hidden;
					position:relative;
					zoom:1;
				}
					#directorder #order .inner #fields .field{
						margin-bottom: 20px;
						overflow:hidden;
						position:relative;
						zoom:1;
					}
						#directorder #order .inner #fields .first{
							margin: 0 10px 0 0;
						}
						#directorder #order .inner #fields .second{
							margin: 0 30px 0 10px;
						}
						#directorder #order .inner #fields .x{
							font-weight:bold
						}
						#directorder #order .inner #fields .quantity{
							margin: 0 15px 0 30px;
						}
						#directorder #order .inner #fields .trash{
							height: 30px;
							width: 30px;
							background: url(images/icons/icon_trash.jpg) bottom left no-repeat;
							border:none;
							margin-right:5px;
						}
						#directorder #order .inner #fields .indicator{
							display:inline;
							font-size:12px;
							height:30px;
							padding: 6px 0 6px 30px;
						}
						#directorder #order .inner #fields .valid{
							background:url(images/icons/icon_check.png) 0px 4px no-repeat;
							color: #009111;
						}
						#directorder #order .inner #fields .error{
							background:url(images/icons/icon_exclamation_mark.png) 6px 2px no-repeat;
							color: #d42424;
						}
						*html #directorder #order .inner #fields .valid{
							background:url(images/icons/icon_check_gif.gif) top left no-repeat;
							color: #009111;
						}
						#directorder #order .inner #fields .check{
							background:url(images/dojo/refresher.gif) 4px 5px no-repeat;
						}
				#directorder #order .inner .add_field{
					background:url(../static/styles/images/shop/directorder_addfield_bg.jpg) repeat-x;
					width:358px;
					overflow: hidden;
				}
					#directorder #order .inner .add_field input{
						background:url(images/icons/icon_add.png) top right no-repeat;
						border:none;
						float: right;
						margin:0;
						height:30px;
						width:100%;
						padding-right:33px;
						text-align:left;
						color:#4f4f50;
						font-style:italic;
					}
				#directorder #order .inner .add_basket{
					margin-top: 30px;
					width:380px;
					overflow: hidden;
				}
}