/* ----------- STANDARD HTML TAGS -------------- */

img {
	border:0px;
}


/* ----------- HELPER STYLES -------------- */

.clear  /* to clear floats */
{
clear:both;
height:1px;
width:1px;
overflow:hidden;
}

/* where x is the name of the parent div */

/* x */ .inLine
{

} 

/* x */ .inLine:hover
{

} 

/* x */ a
{

} 

/* x */ a:hover
{

} 


/* ----------------  TABLE STYLES -------------- */

/* for the div wrapping a table in the admin section of a website */
.adminTable
{

}


/* name the table in case we want to build inline scrolling */
.dataTable
{

}

.dataTable th, td
{

}

.dataTable th
{

}

.dataTable td
{

}

/* Again, add a thead and tbody and name for inline scrolling */
.dataHead
{

}

.dataBody
{

}

/* ------------------- FORM STYLES ------------- */

/* each form field and label is wrapped in a formObject, making it available to the DOM as a whole */
.formObject
{
float:left;
margin:0px 0px 10px 10px;
}

.formObject input
{

}

.formObject select
{

}

.formObject textarea
{
	width:500px;
	height:200px;
}

.formObject label
{

}

.formLabel /* the form's label */
{

}


.formField /* the form input field */
{

}

.formField input
{

}

.formField select
{

}

.formField textarea
{

}

.radioObject /* wraps around all .formRadio divs, probably won't need styling */
{

}

.formRadio /* to wrap around radio button inputs */
{
float:left;
white-space:nowrap;
margin-right:10px;
}

.formRadio input
{
width:auto;
background:transparent;
border:0px;
margin-right:5px;
}


.formCheckbox /* to wrap around checkbox input, text, price if any */
{
float:left;
margin-right:10px;
margin-bottom:10px;
}

.formCheckbox .checkboxInput /* wraps around input itself */
{
float:left;
padding-top:3px;
}

.formCheckbox .checkboxInput input
{
background:transparent;
border:0px;
width:auto;
margin-right:5px;
}

.formCheckbox .checkboxText /* text for a checkbox field */
{

}

.formCheckbox .checkboxPrice /* to add price to a checkbox, if necessary */
{

}


.formFieldError /* to change the background of the field itself */
{
background-color:red;
color:#fff;
}

.formError /* div to display error */
{
padding:2px;
background:red;
font-size:.8em;
line-height:.9em;
color:#fff;
}

.submitError /* for a whole-form general error on submit */
{
padding:2px;	
margin-bottom:5px;
font-size:1.2em;	
}