/* atomic classes */
.no_wrap{white-space: nowrap;}

/* horizontal alignment */
.tal_lft {text-align: left;}
.tal_ctr {text-align: center;}
.tal_rgt {text-align: right;}
.tal_jst {text-align: justify;}

/* vertical alignment */
.val_top {vertical-align: top;}
.val_mid {vertical-align: middle;}
.val_bot {vertical-align: bottom;}
.val_bas {vertical-align: baseline;}

/* text indent */
.ti_1em {text-indent: 1em;}
.ti_2em {text-indent: 2em;}
.ti_3em {text-indent: 3em;}
.ti_4em {text-indent: 4em;}
.ti_5em {text-indent: 5em;}
.ti_6em {text-indent: 6em;}
.ti_7em {text-indent: 7em;}
.ti_8em {text-indent: 8em;}

.ti_1px {text-indent: 1px;}
.ti_2px {text-indent: 2px;}
.ti_3px {text-indent: 3px;}
.ti_4px {text-indent: 4px;}
.ti_5px {text-indent: 5px;}
.ti_6px {text-indent: 6px;}
.ti_7px {text-indent: 7px;}
.ti_8px {text-indent: 8px;}
.ti_9px {text-indent: 9px;}
.ti_10px {text-indent: 10px;}
.ti_11px {text-indent: 11px;}
.ti_12px {text-indent: 12px;}

/* width */
.wdth_10pc {width: 10%;}
.wdth_15pc {width: 15%;}
.wdth_20pc {width: 20%;}
.wdth_25pc {width: 25%;}
.wdth_28pc {width: 28%;}
.wdth_30pc {width: 30%;}
.wdth_33pc {width: 33%;}
.wdth_34pc {width: 34%;}
.wdth_35pc {width: 35%;}
.wdth_40pc {width: 40%;}
.wdth_45pc {width: 45%;}
.wdth_50pc {width: 50%;}
.wdth_55pc {width: 55%;}
.wdth_60pc {width: 60%;}
.wdth_65pc {width: 65%;}
.wdth_67pc {width: 67%;}
.wdth_70pc {width: 70%;}
.wdth_72pc {width: 72%;}
.wdth_75pc {width: 75%;}
.wdth_80pc {width: 80%;}
.wdth_85pc {width: 85%;}
.wdth_90pc {width: 90%;}
.wdth_95pc {width: 95%;}
.wdth_100pc {width: 100%;}
.wdth_120pc {width: 120%;}
.wdth_125pc {width: 125%;}

/* height */
.hgt_03em {height: 0.3em;}
.hgt_04em {height: 0.4em;}
.hgt_05em {height: 0.5em;}
.hgt_06em {height: 0.6em;}
.hgt_07em {height: 0.7em;}

/* padding */
.pad_1px {padding: 1px;}
.pad_2px {padding: 2px;}
.pad_3px {padding: 3px;}
.pad_4px {padding: 4px;}
.pad_5px {padding: 5px;}
.pad_6px {padding: 6px;}
.pad_8px {padding: 8px;}
.pad_10px {padding: 10px;}
.pad_12px {padding: 12px;}

.pad_05em {padding: 0.5em;}
.pad_1em {padding: 1em;}

/* margin */
.mrgn_1px {margin: 1px;}
.mrgn_2px {margin: 2px;}
.mrgn_3px {margin: 3px;}
.mrgn_4px {margin: 4px;}
.mrgn_5px {margin: 5px;}
.mrgn_6px {margin: 6px;}
.mrgn_8px {margin: 8px;}
.mrgn_10px {margin: 10px;}
.mrgn_12px {margin: 12px;}

.mrgn_05em {margin: 0.5em;}
.mrgn_1em {margin: 1em;}
.mrgn_2em {margin: 2em;}

.mrgn_lft{margin-left: auto;}
.mrgn_rgt{margin-right: auto;}
.mrgn_cnt{
	margin-left: auto;
	margin-right: auto;
}
	
/* background */
.bgc_000000 {background-color: #000000;}
.bgc_0000FF {background-color: #0000FF;}
.bgc_008800 {background-color: #008800;}
.bgc_00FF00 {background-color: #00FF00;}
.bgc_336699 {background-color: #336699;}
.bgc_666666 {background-color: #666666;}
.bgc_7F7F7F {background-color: #7F7F7F;}
.bgc_800000 {background-color: #800000;}
.bgc_999999 {background-color: #999999;}
.bgc_EEEEEE {background-color: #EEEEEE;}
.bgc_FF0000 {background-color: #FF0000;}
.bgc_FFFFFF {background-color: #FFFFFF;}

/* border */
.brd_000000 {border: 1px solid #000000;}
.brd_0000FF {border: 1px solid #0000FF;}
.brd_00FF00 {border: 1px solid #00FF00;}
.brd_008800 {border: 1px solid #008800;}
.brd_333333 {border: 1px solid #333333;}
.brd_336699 {border: 1px solid #336699;}
.brd_444444 {border: 1px solid #444444;}
.brd_666666 {border: 1px solid #666666;}
.brd_7F7F7F {border: 1px solid #7F7F7F;}
.brd_800000 {border: 1px solid #800000;}
.brd_999999 {border: 1px solid #999999;}
.brd_EEEEEE {border: 1px solid #EEEEEE;}
.brd_FF0000 {border: 1px solid #FF0000;}
.brd_FFFFFF {border: 1px solid #FFFFFF;}

/* font color */
.fcl_000000 {color: #000000;}
.fcl_0000FF {color: #0000FF;}
.fcl_00FF00 {color: #00FF00;}
.fcl_008800 {color: #008800;}
.fcl_333333 {color: #333333;}
.fcl_336699 {color: #336699;}
.fcl_444444 {color: #444444;}
.fcl_666666 {color: #666666;}
.fcl_7F7F7F {color: #7F7F7F;}
.fcl_800000 {color: #800000;}
.fcl_999999 {color: #999999;}
.fcl_BBBBBB {color: #BBBBBB;}
.fcl_EEEEEE {color: #EEEEEE;}
.fcl_FF0000 {color: #FF0000;}
.fcl_FFFF00 {color: #FFFF00;}
.fcl_FFFFFF {color: #FFFFFF;}

.fcl_black   {color: black;}
.fcl_brown   {color: brown;}
.fcl_red       {color: red;}
.fcl_orange {color: orange;}
.fcl_yellow {color: yellow;}
.fcl_green   {color: green;}
.fcl_blue     {color: blue;}
.fcl_violet {color: violet;}
.fcl_gray     {color: gray;}
.fcl_white   {color: white;}

.fcl_TLred   {color: #FB122F;}
.fcl_TLyellow   {color: #FAD201;}
.fcl_TLgreen   {color: #27E833;}

/* font size */
.fsz_50   {font-size: 0.50em;}
.fsz_55   {font-size: 0.55em;}
.fsz_60   {font-size: 0.60em;}
.fsz_65   {font-size: 0.65em;}
.fsz_70   {font-size: 0.70em;}
.fsz_75   {font-size: 0.75em;}
.fsz_80   {font-size: 0.80em;}
.fsz_85   {font-size: 0.85em;}
.fsz_90   {font-size: 0.90em;}
.fsz_95   {font-size: 0.95em;}
.fsz_100 {font-size: 1.00em;}
.fsz_105 {font-size: 1.05em;}
.fsz_110 {font-size: 1.10em;}
.fsz_115 {font-size: 1.15em;}
.fsz_120 {font-size: 1.20em;}
.fsz_125 {font-size: 1.25em;}
.fsz_130 {font-size: 1.30em;}
.fsz_135 {font-size: 1.35em;}
.fsz_140 {font-size: 1.40em;}
.fsz_145 {font-size: 1.45em;}
.fsz_150 {font-size: 1.50em;}
.fsz_155 {font-size: 1.55em;}
.fsz_175 {font-size: 1.75em;}
.fsz_200 {font-size: 2.00em;}

/* font decoration */
.fst_ital {font-style: italic;}
.fst_oblq {font-style: oblique;}
.fst_norm {font-style: normal;}

.fwt_litr {font-weight: lighter;}
.fwt_bold {font-weight: bold;}
.fwt_bldr {font-weight: bolder;}

.fvar_sc {font-variant: small-caps;}

.tdc_unl {text-decoration: underline;}
.tdc_ovl {text-decoration: overline;}
.tdc_lth {text-decoration: line-through;}

.ttr_uc {text-transform: uppercase;}
.ttr_lc {text-transform: lowercase;}
.ttr_cp {text-transform: capitalize;}
.ttr_no {text-transform: none;}

/* display */
.dsp_none {display: none;}
.dsp_inline {display: inline;}
.dsp_block {display: block;}
.dsp_in_block {display: inline-block;}
.dsp_table {display: table;}
.dsp_list_item {display: list-item;}

/* visibility */
.vis_visible {visibility: visible;}
.vis_hidden {visibility: hidden;}