/********** KILROY JAMES STANDARD CLASSES Oct/2006 */

/* TEXT STYLES *********/
.i			{ font-style: italic }

.plain			{ text-decoration: none }
.u			{ text-decoration:underline }

.b			{ font-weight: bold }
.nob			{ font-weight: normal }
.normal			{ font-weight: normal; font-variant:normal }
.cap			{ font-variant: small-caps }

.nowrap			{ white-space:nowrap }
.wrap			{ white-space:normal }

.clear-l		{ clear:left }
.clear-r		{ clear:right }
.clear			{ clear:both }

/*.verdana		{ font: verdana }*/
.arial			{ font-family: arial, sans-serif }


/* FONT SIZES **********/
.pc2em			{ font-size: 2em }
.pc150			{ font-size: 1.5em }
.pc140			{ font-size: 1.4em }
.pc130			{ font-size: 1.3em }
.pc120			{ font-size: 1.2em }
.pc110			{ font-size: 1.1em }
.pc100			{ font-size: 1em }
.pc90			{ font-size: .9em }
.pc85			{ font-size: .85em }
.pc80			{ font-size: .8em }
.pc70			{ font-size: .7em }
.pc60			{ font-size: .6em }
.pc0			{ font-size: 0em }
.pc1			{ font-size: 1em }


/* LINE HEIGHTS ********/
.lh20			{ line-height: 2em }
.lh17			{ line-height: 1.7em }
.lh15			{ line-height: 1.5em }
.lh14			{ line-height: 1.4em }
.lh13			{ line-height: 1.3em }
.lh12			{ line-height: 1.2em }
.lh1			{ line-height: 1em }
.lh0			{ line-height: normal }


/* DISPLAY  ************/
.inline			{ display:inline }
.block			{ display:block }
.none			{ display:none }
.no-display		{ display:none }
.visible		{ visibility:visible }
.invisible		{ visibility:hidden }


/* ALIGNMENT ***********/
.valign-t		{ vertical-align: top }
.valign-m		{ vertical-align: middle }
.valign-b		{ vertical-align: bottom }
.valign-t-t		{ vertical-align: text-top }
.valign-t-b		{ vertical-align: text-bottom }
.valign-sub		{ vertical-align: sub }
.valign-sup		{ vertical-align: super }

.align-l		{ text-align: left}
.align-c		{ text-align: center }
.align-r		{ text-align: right }

.float-r		{ float: right }
.float-l		{ float: left }

.in-5			{ text-indent: .5em }
.in-10			{ text-indent: 1em }
.in-20			{ text-indent: 2em }


/* BORDERS  ************/
.border			{ border:1px solid #ccc9d9 }
.no-border		{ border-width:0 }

.border-r		{ border-right:1px solid #ccc9d9 }
.border-l		{ border-left:1px solid #ccc9d9 }
.border-b		{ border-bottom:1px solid #ccc9d9 }
.border-t		{ border-top:1px solid #ccc9d9 }

.border-r-dash		{ border-right:1px dashed #ccc9d9 }
.border-l-dash		{ border-left:1px dashed #ccc9d9 }
.border-b-dash		{ border-bottom:1px dashed #ccc9d9 }
.border-t-dash		{ border-top:1px dashed #ccc9d9 }

.border-grey		{ border-color: #999 }
.picture-frame		{ border:1px solid #ccc9d9; padding:1em; }
.brd-col-grey		{ border-color: #ccc }

/* MARGIN & PADDING ****/

.tight			{ margin:0; padding:0 }

.nomargin		{ margin: 0 }
.mrg-2			{ margin: .2em }
.mrg-3			{ margin: .3em }
.mrg-5			{ margin: .5em }
.mrg-10			{ margin: 1em }

.mrg-t-0		{ margin-top: 0 }
.mrg-t-3		{ margin-top: .3em }
.mrg-t-5		{ margin-top: .5em }
.mrg-t-10		{ margin-top: 1em }
.mrg-t-20		{ margin-top: 2em }
.mrg-t-50		{ margin-top: 5em }
.mrg-r-10		{ margin-right: 1em }
.mrg-r-5		{ margin-right: .5em }
.mrg-r-0		{ margin-right: 0 }
.mrg-b-0		{ margin-bottom: 0 }
.mrg-b-10		{ margin-bottom: 1em }
.mrg-b-20		{ margin-bottom: 2em }
.mrg-b-50		{ margin-bottom: 5em }
.mrg-l-10		{ margin-left: 1em }
.mrg-l-20		{ margin-left: 2em }
.mrg-l-10-		{ margin-left: -1em }

.nopad			{ padding:0 }
.pad-2			{ padding:.2em }
.pad-3			{ padding:.3em }
.pad-5			{ padding:.5em }
.pad-10			{ padding:1em }

.pad-t-0		{ padding-top: 0 }
.pad-t-3		{ padding-top: .3em }
.pad-t-5		{ padding-top: .5em }
.pad-t-10		{ padding-top: 1em }
.pad-t-20		{ padding-top: 2em }
.pad-r-0		{ padding-right: 0 }
.pad-r-10		{ padding-right: 1em }
.pad-r-20		{ padding-right: 2em }
.pad-b-0		{ padding-bottom: 0 }
.pad-b-10		{ padding-bottom: 1em }
.pad-b-5		{ padding-bottom: .5em }
.pad-b-3		{ padding-bottom: .3em }
.pad-b-15		{ padding-bottom: 1.5em }
.pad-b-20		{ padding-bottom: 2em }
.pad-l-10		{ padding-left: 1em }
.pad-l-20		{ padding-left: 2em }


/* MISC **************/
.separator		{ width:100%; clear:both; font:.1em/.1em menu; border:.1em solid #fff }
.separate-all	{ width:62em; clear:both; font:.1em/.1em menu; border:0em solid #eee }

/* WIDTHS **************/
.half-width		{ width:50% }
.full-width		{ width:100% }