.rotate_45 {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}


.rotate_90 {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.rotate_135 {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}

.rotate_180 {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.rotate_225 {
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
}

.rotate_270 {
    transform: rotate(90deg);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
}

.rotate_315 {
    transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -o-transform: rotate(315deg);
}




/* ----------------------------------- */


.transup_13 {
    transform: translate(0%, -13%);
}

.transdown_13 {
    transform: translate(0%, 13%);
}

.transdown_15 {
    transform: translate(0%, 15%);
}

.transdown_33 {
    transform: translate(0%, 33%);
}

.transdown_50 {
    transform: translate(0%, 50%);
}

.transup_20 {
    transform: translate(0%, -20%);
}

.transup_26 {
    transform: translate(0%, -26%);
}

.transup_50 {
    transform: translate(0%, -50%);
}


.padleft4, tr.padleft4>td {
    padding-left: 4px;
}

.padleft8, tr.padleft8>td {
    padding-left: 8px;
}

.padleft12, tr.padleft12>td {
    padding-left: 12px;
}

.padleft16, tr.padleft16>td {
    padding-left: 16px;
}

.padleft20, tr.padleft20>td {
    padding-left: 20px;
}

.padleft24, tr.padleft24>td {
    padding-left: 24px;
}

.padleft28, tr.padleft28>td {
    padding-left: 28px;
}

.padleft32, tr.padleft32>td {
    padding-left: 32px;
}

.padleft36, tr.padleft36>td {
    padding-left: 36px;
}

.padright4, tr.padright4>td {
    padding-right: 4px;
}

.padright8, tr.padright8>td {
    padding-right: 8px;
}

.padright12, tr.padright12>td {
    padding-right: 12px;
}

.padright16, tr.padright16>td {
    padding-right: 16px;
}

.padright20, tr.padright20>td {
    padding-right: 20px;
}

.padright24, tr.padright24>td {
    padding-right: 24px;
}

.padright28, tr.padright28>td {
    padding-right: 28px;
}

.padright32, tr.padright32>td {
    padding-right: 32px;
}

.padright36, tr.padright36>td {
    padding-right: 36px;
}

.padtop4, tr.padtop4>td {
    padding-top: 4px;
}

.padtop8, tr.padtop8>td {
    padding-top: 8px;
}

.padtop12, tr.padtop12>td {
    padding-top: 12px;
}

.padtop16, tr.padtop16>td {
    padding-top: 16px;
}

.padtop20, tr.padtop20>td {
    padding-top: 20px;
}

.padtop24, tr.padtop24>td {
    padding-top: 24px;
}

.padtop28, tr.padtop28>td {
    padding-top: 28px;
}

.padtop32, tr.padtop32>td {
    padding-top: 32px;
}

.padtop36, tr.padtop36>td {
    padding-top: 36px;
}

.padbottom4, tr.padbottom4>td {
    padding-bottom: 4px;
}

.padbottom8, tr.padbottom8>td {
    padding-bottom: 8px;
}

.padbottom12, tr.padbottom12>td {
    padding-bottom: 12px;
}

.padbottom16, tr.padbottom16>td {
    padding-bottom: 16px;
}

.padbottom20, tr.padbottom20>td {
    padding-bottom: 20px;
}

.padbottom24, tr.padbottom24>td {
    padding-bottom: 24px;
}

.padbottom28, tr.padbottom28>td {
    padding-bottom: 28px;
}

.padbottom32, tr.padbottom32>td {
    padding-bottom: 32px;
}

.padbottom36, tr.padbottom36>td {
    padding-bottom: 36px;
}

.margleft4, tr.margleft4>td {
    margin-left: 4px;
}

.margleft8, tr.margleft8>td {
    margin-left: 8px;
}

.margleft12, tr.margleft12>td {
    margin-left: 12px;
}

.margleft16, tr.margleft16>td {
    margin-left: 16px;
}

.margleft20, tr.margleft20>td {
    margin-left: 20px;
}

.margleft24, tr.margleft24>td {
    margin-left: 24px;
}

.margleft28, tr.margleft28>td {
    margin-left: 28px;
}

.margleft32, tr.margleft32>td {
    margin-left: 32px;
}

.margleft36, tr.margleft36>td {
    margin-left: 36px;
}

.margright4, tr.margright4>td {
    margin-right: 4px;
}

.margright8, tr.margright8>td {
    margin-right: 8px;
}

.margright12, tr.margright12>td {
    margin-right: 12px;
}

.margright16, tr.margright16>td {
    margin-right: 16px;
}

.margright20, tr.margright20>td {
    margin-right: 20px;
}

.margright24, tr.margright24>td {
    margin-right: 24px;
}

.margright28, tr.margright28>td {
    margin-right: 28px;
}

.margright32, tr.margright32>td {
    margin-right: 32px;
}

.margright36, tr.margright36>td {
    margin-right: 36px;
}

.margtop4, tr.margtop4>td {
    margin-top: 4px;
}

.margtop8, tr.margtop8>td {
    margin-top: 8px;
}

.margtop12, tr.margtop12>td {
    margin-top: 12px;
}

.margtop16, tr.margtop16>td {
    margin-top: 16px;
}

.margtop20, tr.margtop20>td {
    margin-top: 20px;
}

.margtop24, tr.margtop24>td {
    margin-top: 24px;
}

.margtop28, tr.margtop28>td {
    margin-top: 28px;
}

.margtop32, tr.margtop32>td {
    margin-top: 32px;
}

.margtop36, tr.margtop36>td {
    margin-top: 36px;
}

.margbottom4, tr.margbottom4>td {
    margin-bottom: 4px;
}

.margbottom8, tr.margbottom8>td {
    margin-bottom: 8px;
}

.margbottom12, tr.margbottom12>td {
    margin-bottom: 12px;
}

.margbottom16, tr.margbottom16>td {
    margin-bottom: 16px;
}

.margbottom20, tr.margbottom20>td {
    margin-bottom: 20px;
}

.margbottom24, tr.margbottom24>td {
    margin-bottom: 24px;
}

.margbottom28, tr.margbottom28>td {
    margin-bottom: 28px;
}

.margbottom32, tr.margbottom32>td {
    margin-bottom: 32px;
}

.margbottom36, tr.margbottom36>td {
    margin-bottom: 36px;
}



.height32 {
    height: 32px;
}

.height40 {
    height: 40px;
}

.height48 {
    height: 48px;
}

.height56 {
    height: 56px;
}

.height64 {
    height: 64px;
}

.height72 {
    height: 72px;
}

.height80 {
    height: 80px;
}

.height88 {
    height: 88px;
}

.height96 {
    height: 96px;
}





.pad4, tr.pad4>td {
    padding: 4px;
}

.pad8, tr.pad8>td {
    padding: 8px;
}

.pad12, tr.pad12>td {
    padding: 12px;
}

.pad16, tr.pad16>td {
    padding: 16px;
}

.pad20, tr.pad20>td {
    padding: 20px;
}

.pad24, tr.pad24>td {
    padding: 24px;
}

.pad28, tr.pad28>td {
    padding: 28px;
}

.pad32, tr.pad32>td {
    padding: 32px;
}

.pad36, tr.pad36>td {
    padding: 36px;
}

.pad40, tr.pad40>td {
    padding: 40px;
}

.pad44, tr.pad44>td {
    padding: 44px;
}

.pad48, tr.pad48>td {
    padding: 48px;
}

.pad52, tr.pad52>td {
    padding: 52px;
}

.pad56, tr.pad56>td {
    padding: 56px;
}

.pad60, tr.pad60>td {
    padding: 60px;
}

.pad64, tr.pad64>td {
    padding: 64px;
}

.marg4, tr.marg4>td {
    margin: 4px;
}

.marg8, tr.marg8>td {
    margin: 8px;
}

.marg12, tr.marg12>td {
    margin: 12px;
}

.marg16, tr.marg16>td {
    margin: 16px;
}

.marg20, tr.marg20>td {
    margin: 20px;
}

.marg24, tr.marg24>td {
    margin: 24px;
}

.marg28, tr.marg28>td {
    margin: 28px;
}

.marg32, tr.marg32>td {
    margin: 32px;
}

.marg36, tr.marg36>td {
    margin: 36px;
}

.marg40, tr.marg40>td {
    margin: 40px;
}

.marg44, tr.marg44>td {
    margin: 44px;
}

.marg48, tr.marg48>td {
    margin: 48px;
}

.marg52, tr.marg52>td {
    margin: 52px;
}

.marg56, tr.marg56>td {
    margin: 56px;
}

.marg60, tr.marg60>td {
    margin: 60px;
}

.marg64, tr.marg64>td {
    margin: 64px;
}



.fontsize8 {
    font-size: 8px;
}

.fontsize10 {
    font-size: 10px;
}

.fontsize12 {
    font-size: 12px;
}

.fontsize16 {
    font-size: 16px;
}

.fontsize24 {
    font-size: 24px;
}

.fontsize32 {
    font-size: 32px;
}

.fontsize36 {
    font-size: 36px;
}