/* display */

.wrap{overflow:auto}
.floatLeft{float:left}
.floatCenter{margin:0 auto}
.floatRight{float:right}
.clear{clear:both;display:block;height:0;overflow:hidden}
.hidden{display:none!important}
.block{display:block}

/* text */

.soft{color:#999!important}
.normal{font-weight:normal!important}
.strong{font-weight:bold!important}
.small{font-size:11px!important}
.left{text-align:left}
.center{text-align:center}
.right{text-align:right}
.justify{text-align:justify}
.break{word-wrap:break-word}

/* separators */

.hrSmall,.hrLarge{border-bottom:solid 1px #999;display:block;overflow:hidden}
.hrSmall{height:10px;margin-bottom:10px}
.hrLarge{height:20px;margin-bottom:20px}
.pipe{color:#999!important;font-weight:normal!important;margin:0 7px!important}

/* colors */

.c000{color:#000!important}
.c777{color:#777!important}
.c888{color:#888!important}
.c999{color:#999!important}
.cAAA{color:#aaa!important}

/* font size */

.fs10{font-size:10px!important}
.fs11{font-size:11px!important}
.fs12{font-size:12px!important}
.fs14{font-size:14px!important}
.fs16{font-size:16px!important}
.fs18{font-size:18px!important}
.fs20{font-size:20px!important}
.fs22{font-size:22px!important}
.fs24{font-size:24px!important}
.fs32{font-size:32px!important}
.fs40{font-size:40px!important}

/* line height */

.lh13{line-height:1.3}
.lh15{line-height:1.5}

/* border radius */

.br2{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px}
.br3{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
.br4{border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}
.br6{border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px}

/* border top radius */

.brt2{border-top-left-radius:2px;border-top-right-radius:2px;-moz-border-radius-topleft:2px;-moz-border-radius-topright:2px;-webkit-border-top-left-radius:2px;-webkit-border-top-right-radius:2px}

/* border bottom radius */

.brb2{border-bottom-left-radius:2px;border-bottom-right-radius:2px;-moz-border-radius-bottomleft:2px;-moz-border-radius-bottomright:2px;-webkit-border-bottom-left-radius:2px;-webkit-border-bottom-right-radius:2px}

/* border left radius */

.brl2{border-top-left-radius:2px;border-bottom-left-radius:2px;-moz-border-radius-topleft:2px;-moz-border-radius-bottomleft:2px;-webkit-border-top-left-radius:2px;-webkit-border-bottom-left-radius:2px}

/* border right radius */

.brr2{border-top-right-radius:2px;border-bottom-right-radius:2px;-moz-border-radius-topright:2px;-moz-border-radius-bottomright:2px;-webkit-border-top-right-radius:2px;-webkit-border-bottom-right-radius:2px}

/* margin top */

.mt1{margin-top:1px}
.mt2{margin-top:2px}
.mt3{margin-top:3px}
.mt4{margin-top:4px}
.mt5{margin-top:5px}
.mt6{margin-top:6px}
.mt7{margin-top:7px}
.mt8{margin-top:8px}
.mt9{margin-top:9px}
.mt10{margin-top:10px}
.mt60{margin-top:60px}

/* margin right */

.mr1{margin-right:1px}
.mr2{margin-right:2px}
.mr3{margin-right:3px}
.mr4{margin-right:4px}
.mr5{margin-right:5px}
.mr6{margin-right:6px}
.mr7{margin-right:7px}
.mr8{margin-right:8px}
.mr9{margin-right:9px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.mr25{margin-right:25px}
.mr40{margin-right:40px}
.mr50{margin-right:50px}
.mr60{margin-right:60px}

/* margin bottom */

.mb1{margin-bottom:1px}
.mb2{margin-bottom:2px}
.mb3{margin-bottom:3px}
.mb4{margin-bottom:4px}
.mb5{margin-bottom:5px}
.mb6{margin-bottom:6px}
.mb7{margin-bottom:7px}
.mb8{margin-bottom:8px}
.mb9{margin-bottom:9px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb16{margin-bottom:16px}
.mb20{margin-bottom:20px}
.mb25{margin-bottom:25px}
.mb30{margin-bottom:30px}
.mb35{margin-bottom:35px}
.mb40{margin-bottom:40px}
.mb45{margin-bottom:45px}
.mb50{margin-bottom:50px}
.mb60{margin-bottom:60px}

/* margin left */

.ml1{margin-left:1px}
.ml2{margin-left:2px}
.ml3{margin-left:3px}
.ml4{margin-left:4px}
.ml5{margin-left:5px}
.ml7{margin-left:7px}
.ml10{margin-left:10px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}

/* padding */

.p10{padding:10px}
.p20{padding:20px}
.p30{padding:30px}
.p50{padding:50px}

/* padding top */

.pt10{padding-top:10px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pt40{padding-top:40px}

/* padding right */

.pr10{padding-right:10px}
.pr20{padding-right:20px}
.pr30{padding-right:30px}
.pr40{padding-right:40px}

/* padding bottom */

.pb10{padding-bottom:10px}
.pb20{padding-bottom:20px}
.pb30{padding-bottom:30px}
.pb40{padding-bottom:40px}

/* padding left */

.pl10{padding-left:10px}
.pl20{padding-left:20px}
.pl30{padding-left:30px}
.pl40{padding-left:40px}

/* grid width */

.w192{width:192px}
.w394{width:394px}
.w596{width:596px}
.w798{width:798px}

/* general width */

.w36{width:36px}
.w50{width:50px}
.w100{width:100px}
.w150{width:150px}
.w200{width:200px}
.w250{width:250px}
.w300{width:300px}
.w320{width:320px}
.w332{width:332px}
.w344{width:344px}
.w400{width:400px}
.w500{width:500px}
.w600{width:600px}
.w696{width:696px}
.w708{width:708px}

/* height */

.h30{height:30px}
.h50{height:50px}
.h75{height:75px}
.h100{height:100px}
.h200{height:200px}

/* developer */

.test{border:solid 1px #f00;color:#f00;font-weight:bold;padding:10px}