/* common style */

html, body {height: 100%; padding: 0; margin: 0; font: 12px Arial, Helvetica, sans-serif; color: #f3f3f3;}

body {line-height: 18px;}

table td {line-height: 18px;}



h1, h2, h3, h4, h5, h6, p, ul, form, input, select, textarea {padding: 0; margin: 0;}



input, textarea {font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #000}



a {text-decoration: none; color: #fff;}

a.undrl {text-decoration: underline !important;}

a.c-blue {text-decoration: underline !important}

a img {border: none;}



.fLeft {float: left}

.fRight {float: right}

.fClear {clear: both; font-size: 0; overflow: hidden;}



.fArl {font-family: Arial !important}

.fThm {font-family: Tahoma !important}

.fVrd {font-family: Verdana !important}

.f10 {font-size: 10px !important}

.f11 {font-size: 11px !important}

.f12 {font-size: 12px !important}

.f13 {font-size: 13px !important}

.f14 {font-size: 14px !important}

.f15 {font-size: 15px !important}

.f16 {font-size: 16px !important}

.f17 {font-size: 17px !important}

.f18 {font-size: 18px !important}

.f19 {font-size: 19px !important}

.f20 {font-size: 20px !important}



.fBold {font-weight: bold;}



.c-blue {color: #75b5d5 !important;}

.c-white {color: #fff !important}



.m0 {margin: 0 !important}

.mAuto {margin: auto !important}



.mt5 {margin-top: 5px !important}

.mt10 {margin-top: 10px !important}

.mt15 {margin-top: 15px !important}

.mt20 {margin-top: 20px !important}

.mt30 {margin-top: 30px !important}

.mt40 {margin-top: 40px !important}

.mt50 {margin-top: 50px !important}



.mr5 {margin-right: 5px !important}

.mr10 {margin-right: 10px !important}

.mr15 {margin-right: 15px !important}

.mr20 {margin-right: 20px !important}

.mr30 {margin-right: 30px !important}

.mr40 {margin-right: 40px !important}

.mr50 {margin-right: 50px !important}



.mb5 {margin-bottom: 5px !important}

.mb10 {margin-bottom: 10px !important}

.mb15 {margin-bottom: 15px !important}

.mb20 {margin-bottom: 20px !important}

.mb30 {margin-bottom: 30px !important}

.mb40 {margin-bottom: 40px !important}

.mb50 {margin-bottom: 50px !important}



.ml5 {margin-left: 5px !important}

.ml10 {margin-left: 10px !important}

.ml15 {margin-left: 15px !important}

.ml20 {margin-left: 20px !important}

.ml30 {margin-left: 30px !important}

.ml40 {margin-left: 40px !important}

.ml50 {margin-left: 30px !important}



.p0 {padding: 0 !important}



.pt5 {padding-top: 5px !important}

.pt10 {padding-top: 10px !important}

.pt15 {padding-top: 15px !important}

.pt20 {padding-top: 20px !important}

.pt30 {padding-top: 30px !important}

.pt40 {padding-top: 40px !important}

.pt50 {padding-top: 50px !important}



.pr5 {padding-right: 5px !important}

.pr10 {padding-right: 10px !important}

.pr15 {padding-right: 15px !important}

.pr20 {padding-right: 20px !important}

.pr30 {padding-right: 30px !important}

.pr40 {padding-right: 40px !important}

.pr50 {padding-right: 50px !important}



.pb5 {padding-bottom: 5px !important}

.pb10 {padding-bottom: 10px !important}

.pb15 {padding-bottom: 15px !important}

.pb20 {padding-bottom: 20px !important}

.pb30 {padding-bottom: 30px !important}

.pb40 {padding-bottom: 40px !important}

.pb50 {padding-bottom: 50px !important}



.pl2 {padding-left: 2px !important}

.pl5 {padding-left: 5px !important}

.pl10 {padding-left: 10px !important}

.pl15 {padding-left: 15px !important}

.pl20 {padding-left: 20px !important}

.pl30 {padding-left: 30px !important}

.pl40 {padding-left: 40px !important}

.pl50 {padding-left: 50px !important}