/** frameWork? **/
html { height:100%; background: #000000; }
body { line-height:1.4em; font-size: 15px; font-family: "Times New Roman", serif;  position:relative; background: #000000; }
body, div, td, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
ul, ul li { list-style-type: none; }
img { border: 0; }
button, a { cursor: pointer; //cursor: hand; }

.cb { clear: both; }
.cl { clear: left; }

/*margins | paddings*/
.padd { padding-left: 10px; padding-right: 10px; }
.padd20 { padding-left: 20px; padding-right: 20px; }
.pleft30 { padding-left: 30px; }
.pleft20 { padding-left: 20px; }
.pleft10 { padding-left: 10px; }
.ptop20 { padding-top: 20px; }
.vpadd20 { padding-top: 20px; padding-bottom: 20px; }
.mtop5 { margin-top: 5px; }
.mtop10 { margin-top: 10px; }
.mtop20 { margin-top: 20px; }

.mbottom20 { margin-bottom: 20px; }
.mbottom10 { margin-bottom: 10px; }

.ptop10 { padding-top: 10px; }
.pbottom10 { padding-bottom: 10px; }

.mleft20 { margin-left: 20px; }
.mleft40 { margin-left: 40px; }
.mright10 { margin-right: 10px; }
.mright20 { margin-left: 20px; }
.pright30 { padding-right: 30px; }
.pright10i { padding-right: 10px !important; }
.pright30i { padding-right: 30px !important; }
.p5 { padding: 5px; }
.center { margin-left: auto; margin-right: auto; }
.mr10 { margin-right: 10px; }

/*table*/
.c2 td { width: 50%; }
.c3 td { width: 33.333%; }
.w100 { width: 100%; }
.h100 { height: 100%; }
.broken { border-collapse: collapse; }
.broken td { padding: 0; margin: 0; border-collapse: collapse; vertical-align: top; }
td.vat { vertical-align: top; }
td.vam { vertical-align: middle; }
td.vab { vertical-align: bottom; }

table.w50p td { width: 50%; }
table.c2padd10 td.a { padding-right:10px; }
table.c2padd10 td.b { padding-left:10px; }
table.c2padd5 td.a { padding-right:5px; }
table.c2padd5 td.b { padding-left:5px; }

a.dot { text-decoration: none; border-bottom: 1px dotted #139ecd; }
a.dash { text-decoration: none; border-bottom: 1px dashed #139ecd; }
a.tdn { text-decoration: none; }

/**/
.ofh { overflow: hidden; }
.ofa { overflow: auto; }

/*float*/
.fl { float: left; }
.fr { float: right; }

/*display*/
.db { display: block; }
.dbi { display: block !important; }
.di { display: inline; }
.dib { display: inline-block; }
.dn { display: none; }

/*position*/
.pr { position: relative; }
.pa { position: absolute; }
.pf { position: fixed; }
.pri { position: relative !important; }
.pai { position: absolute !important; }
.pfi { position: fixed !important; }
.ps { position: static !important; }

/*text*/
.wsnw { white-space: nowrap; }
.tal { text-align: left; }
.tar { text-align: right; }
.tac { text-align: center; }

/*font size*/
.fs11 { font-size: 11px; }
.fs12 { font-size: 12px; line-height: 1.4em; }
.fs14 { font-size: 14px; }
.fs16 { font-size: 16px; }
.fs18 { font-size: 18px; }
.fs24 { font-size: 24px; line-height: 1.4em; }

/*font */
.italic { font-style: italic; }
.scaps { font-variant: small-caps; }

/*opacity*/
.op50 { opacity:0.5; filter: alpha(opacity=50); }
.op80 { opacity:0.2; filter: alpha(opacity=80); }
.op100 { opacity:0; filter: alpha(opacity=100); }

/*width*/
.mw960 { max-width: 960px; }
.mw1400 { max-width: 1400px; }
.mw100 { max-width: 100%; }
.w960 { width: 960px; }
.w50 { width: 50%; }
.w50p { width: 50px; }
.w100p { width: 100px; }
.w150p { width: 150px; }
.w200p { width: 200px; }
.w300p { width: 300px; }
/* height */
.h250 { height: 250px; }


/* radius */
.rad3 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.rad200 { -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; }

/* colors */
.bgYellow { background: #fffea6; }
.bgLightGray { background: #fbfafa; }
.coLightBlue { color: #0164ff; }
.coLightBlue.dotted { border-bottom: 1px dotted #0164ff; }

/** z-index **/
.z1 { z-index: 1; }
.z2 { z-index: 2; }
.z3 { z-index: 3; }
.z4 { z-index: 4; }
.z5 { z-index: 5; }
.z6 { z-index: 6; }
.z7 { z-index: 7; }
.z8 { z-index: 8; }

/* cursors */
.pointer { cursor: pointer; cursor: hand; }
.allScroll { cursor: all-scroll; }

.disableTextSelection { -moz-user-select:none; -webkit-user-select:none; user-select:none; -o-user-select:none; -ms-user-select:none }