/** Controls the layout of labels and input boxes **/
label {
    text-align: right;
    width: 130px;
    padding-right: 20px;
    display: block;
    float: left;
    margin-bottom: 5px;
}

br {
    clear: left;
}

/** Clases for general elements **/
/** Used for input tags **/
.input {
    border-style:solid;
    border-color:black;
    border-width:thin;
}

/** Used For Form buttons **/
.button, button {
    border-style:solid;
    border-color:black;
    border-width:thin;
	background-color:#85cff2;
}

/*** for fields we want to send but don't want to have the user changing **/
.readonly {
    border-style:none;
    border-color:none;
    border-width:0;
}

/** When Some thing Has Gone Wrong **/
.error {
	color:red;
}

/** Grouping Boxes **/
legend {
	font-weight:bold;
}
fieldset {
	border-style:solid;
	border-width:1px;
	border-color:#00AEEF;
	width:75%;
}

.instruction {
	width:50%;
}

#help {
	margin:1em;
}

#null {
	border-width:1px;
	border-style:solid;
	border-color:white;
	padding:0.25em;
}

#product_id, #description, #dimension, #volume, #height, #neck_width, #neck_height,#alt_neck_width, #alt_neck_height,#material, #material_other, #quanity_carton, #submit, #delete {	
	border-width:1px;
	border-style:solid;
	border-color:black;
	padding:0.25em;
	display:none;
	text-align:center;
	width:75%;
}

.required {
	background-color:#85cff2;
}