@charset "utf-8";
/* CSS Document */

/* BOX
------------------------------------------------- */
.inline { display: inline; }
.inlineB { display: inline-block; }
.block { display: block; }
.leftBox { float: left; }
.centerBox { margin-left: auto; margin-right: auto; }
.rightBox { float: right; }


/* TEXT
------------------------------------------------- */
.leftText { text-align: left; }
.rightText { text-align: right; }
.centerText { text-align: center; }

.middle * {
	vertical-align: middle;
	}

.wordBreak { word-wrap: break-word; }

.normal { font-weight: normal; }
.bold { font-weight: bold; }
.readonly { background: #CCCCCC; }

.error { color: #FF0000; }
.required { color: #FF0000; }
.link { color: #0033CC; }

/* BLOCK
------------------------------------------------- */
.none { display: none; }
.boxWrap { overflow: hidden; zoom: 1;}

.hidden { visibility:hidden; display: none; }

/* FONT
------------------------------------------------- */
.f10px { font-size: 10px; }
.f11px { font-size: 11px; }
.f12px { font-size: 12px; }
.f13px { font-size: 13px; }
.f14px { font-size: 14px; }
.f15px { font-size: 15px; }
.f16px { font-size: 16px; }
.f18px { font-size: 18px; }

/* WIDTH
------------------------------------------------- */

.wauto { width: auto; }
.w100per { width: 100%; }

.w30px { width: 30px; }
.w40px { width: 40px; }

.w70px { width: 70px; }
.w80px { width: 80px; }

.w120px { width: 120px; }
.w150px { width: 150px; }

.w200px { width: 200px; }
.w220px { width: 220px; }

.w230px { width: 230px; }

.w290px { width: 290px; }

.w300px { width: 300px; }

.w310px { width: 310px; }
.w311px { width: 311px; }

.w320px { width: 320px; }
.w340px { width: 340px; }

.w351px { width: 351px; }

.w370px { width: 370px; }

.w400px { width: 400px; }
.w403px { width: 403px; }

.w410px { width: 410px; }


.w430px { width: 430px; }
.w450px { width: 450px; }

.w480px { width: 480px; }

.w510px { width: 510px; }

.w645px { width: 645px; }

/* HEIGHT
------------------------------------------------- */

.h110px { height: 110px; }

/* MARGIN
------------------------------------------------- */

.mT5 { margin-top: 5px; }
.mT10 { margin-top: 10px; }
.mT15 { margin-top: 15px; }
.mT20 { margin-top: 20px; }
.mT25 { margin-top: 25px; }
.mT30 { margin-top: 30px; }
.mT40 { margin-top: 40px; }
.mT50 { margin-top: 50px; }


.mB5 { margin-bottom: 5px; }
.mB10 { margin-bottom: 10px; }
.mB15 { margin-bottom: 15px; }
.mB20 { margin-bottom: 20px; }
.mB25 { margin-bottom: 25px; }
.mB30 { margin-bottom: 30px; }
.mB40 { margin-bottom: 40px; }
.mB50 { margin-bottom: 50px; }

.mR0 { margin-right: 0px; }
.mR5 { margin-right: 5px; }
.mR10 { margin-right: 10px; }
.mR15 { margin-right: 15px; }
.mR20 { margin-right: 20px; }
.mR25 { margin-right: 25px; }
.mR30 { margin-right: 30px; }


.mL5 { margin-left: 5px; }
.mL10 { margin-left: 10px; }
.mL15 { margin-left: 15px; }
.mL20 { margin-left: 20px; }
.mL25 { margin-left: 25px; }
.mL30 { margin-left: 30px; }

/* PADDING
------------------------------------------------- */

.p5 { padding: 5px; }
.p10 { padding: 10px; }
.p20 { padding: 20px; }

.pT5 { padding-top: 5px; }


.vT {vertical-align:top; }

/* clearfix
------------------------------------------------------------------- */
.clear{clear:both;}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-table;
min-height: 1%;
}
/* Hides from -mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from -mac */