
/*SPECIALTY DIV CLASSES */

/*FLOATERS */
.floatright { float: right; text-align: right;}
.floatleft { float: left;}
.floatbottom { bottom:0px;}

/*ALIGNERS */
.aligncenter { text-align:center;}
.alignright { text-align: right;}
.alignleft { text-align: left;}

/*COLORIFIERS*/
.white { color: white; }
.black { color: black; }
.yellow { color: #fdfd65;}
.bgwhite { background-color: #fff;}
.bgblack { background-color: #000;}
.bgyellow { background-color: #fdfd65;}
.bggrey { background-color: #111;}
.bgmedgrey { background-color: #222;}
.bgpurple {background-color: #663399;}
.borderwhite { border: 1px solid white; margin: -1px;}
.borderyellow { border: 1px solid #fdfd65; margin: -1px;}
.bordergrey { border: 1px solid #111; margin: -1px;}
.borderpurple { border: 1px solid #663399; margin: -1px;}
.borderdotted { border: 1px dotted #663399; margin: -1px;}

/* MARGIN */
.marginsmall { margin-right: 10px; margin-bottom: 20px;  margin-left: 10px; }

/*TEXT STYLERS */
.italic {font-style: italic;}

/* INPUT */
input.error { border: 1px solid white;}
label.error { color: red; font-family: Calibri; font-size: .9em; }
input:focus, textarea:focus { background-color: #fff;}
input, textarea {font-family: Calibri; }
input.small { width: 50px;}
input.med { width: 75px;}

/* CLEARS */
div.clear.big { height: 100px; }
div.clear.med { height: 50px; }
div.clear.small { height: 25px; }
div.clear.tiny { height: 10px; }
div.clear.pico { height: 5px; }

/* FORMS */
.form-100 input { width: 200px; float: left; clear: both;}

