﻿.all { FONT-FAMILY: Tahoma; FONT-STYLE: normal; FONT-SIZE: 11px; }

/*========================================= 
Clear default style & Clearfix
=========================================*/

*, html, body { MARGIN: 0; PADDING: 0; }

img { BORDER: none; }

.clearfix:after { CLEAR: both; DISPLAY: block; CONTENT: "."; HEIGHT: 0; VISIBILITY: hidden; }

* html > body .clearfix { WIDTH: 100%; DISPLAY: block; }

* html .clearfix { HEIGHT: 1%; }

/* Firefox Scrollbar Hack*/
html { MARGIN-BOTTOM: 1px; HEIGHT: 100% !important; HEIGHT: auto; }

body { FONT: 11px sans-serif; MARGIN: 0 auto; BACKGROUND: #fff; PADDING: 0; }

img { BORDER: none; }
a { TEXT-DECORATION: none; COLOR: #143ea4; }
a:hover { COLOR: #000; }


/***** FONTS *****************************************************************/
.f11 { FONT: 11px; }
.f11b { FONT: 11px bold; }
.f12 { FONT: 12px; }
.f12b { FONT-SIZE: 12; FONT-WEIGHT: bold; }
.f13 { FONT: 13px; }
.f13b { FONT: 11px bold; }
.f14 { FONT-SIZE: 14px; }
.f14b { FONT-SIZE: 14px; FONT-WEIGHT: bold; }
.f16b { FONT-SIZE: 16px; FONT-WEIGHT: bold; }
/***** LAYOUT *****************************************************************/
.fleft { FLOAT: left; }
.fright { FLOAT: right; }
.inline { DISPLAY: inline; }
.clearleft { CLEAR: left; }
.clearright { CLEAR: right; }
.clearboth { CLEAR: both; }

.relative { POSITION: relative; }
.absolute { POSITION: absolute; }

.textjustify { TEXT-ALIGN: justify; }
.textleft { TEXT-ALIGN: left; }
.textright { TEXT-ALIGN: right; }
.textcenter { TEXT-ALIGN: center; }
.textmiddle { VERTICAL-ALIGN: middle; }
.texttop { VERTICAL-ALIGN: top; }
.textbottom { VERTICAL-ALIGN: bottom; }

/***** ALIGNMENT *************************************************************/
.p1 { PADDING: 1px; }
.p2 { PADDING: 2px; }
.p3 { PADDING: 3px; }
.p4 { PADDING: 4px; }
.p6 { PADDING: 6px; }
.p8 { PADDING: 8px; }
.p10 { PADDING: 10px; }
.p12 { PADDING: 12px; }
.p14 { PADDING: 14px; }
.p18 { PADDING: 18px; }
.p20 { PADDING: 20px; }
.pdb5px { PADDING-BOTTOM: 5px; }

.ptb1 { PADDING: 1px 0; }
.ptb2 { PADDING: 2px 0; }
.ptb3 { PADDING: 3px 0; }
.ptb4 { PADDING: 4px 0; }
.ptb6 { PADDING: 6px 0; }
.ptb8 { PADDING: 8px 0; }
.ptb10 { PADDING: 10px 0; }
.ptb12 { PADDING: 12px 0; }
.ptb14 { PADDING: 14px 0; }
.ptb18 { PADDING: 18px 0; }
.ptb20 { PADDING: 20px 0; }

.plr1 { PADDING: 0 1px; }
.plr2 { PADDING: 0 2px; }
.plr3 { PADDING: 0 3px; }
.plr4 { PADDING: 0 4px; }
.plr6 { PADDING: 0 6px; }
.plr8 { PADDING: 0 8px; }
.plr10 { PADDING: 0 10px; }
.plr12 { PADDING: 0 12px; }
.plr14 { PADDING: 0 14px; }
.plr18 { PADDING: 0 18px; }
.plr20 { PADDING: 0 20px; }

.m1 { MARGIN: 1px; }
.m2 { MARGIN: 2px; }
.m3 { MARGIN: 3px; }
.m4 { MARGIN: 4px; }
.m6 { MARGIN: 6px; }
.m8 { MARGIN: 8px; }
.m10 { MARGIN: 10px; }
.m12 { MARGIN: 12px; }
.m14 { MARGIN: 14px; }
.m18 { MARGIN: 18px; }
.m20 { MARGIN: 20px; }

.mtb1 { MARGIN: 1px 0; }
.mtb2 { MARGIN: 2px 0; }
.mtb3 { MARGIN: 3px 0; }
.mtb4 { MARGIN: 4px 0; }
.mtb6 { MARGIN: 6px 0; }
.mtb8 { MARGIN: 8px 0; }
.mtb10 { MARGIN: 10px 0; }
.mtb12 { MARGIN: 12px 0; }
.mtb14 { MARGIN: 14px 0; }
.mtb18 { MARGIN: 18px 0; }
.mtb20 { MARGIN: 20px 0; }

.mlr1 { MARGIN: 0 1px; }
.mlr2 { MARGIN: 0 2px; }
.mlr3 { MARGIN: 0 3px; }
.mlr4 { MARGIN: 0 4px; }
.mlr6 { MARGIN: 0 6px; }
.mlr8 { MARGIN: 0 8px; }
.mlr10 { MARGIN: 0 10px; }
.mlr12 { MARGIN: 0 12px; }
.mlr14 { MARGIN: 0 14px; }
.mlr18 { MARGIN: 0 18px; }
.mlr20 { MARGIN: 0 20px; }

.leftcontentbox { DISPLAY: inline-block; WIDTH: 750px; }
.sepbox { DISPLAY: inline-block; WIDTH: 5px; }
.sepheightbox { DISPLAY: inline-block; HEIGHT: 5px; }
.rightcontentbox { DISPLAY: inline-block; WIDTH: 125px; BACKGROUND-COLOR: Red; }
a.appstopmenu { FONT-SIZE: 11px; TEXT-DECORATION: underline; COLOR: #143ea4; DISPLAY: inline-block; PADDING: 2px 3px 2px 3px; }
a.appstopmenu:hover { FONT-SIZE: 11px; TEXT-DECORATION: none; COLOR: silver; PADDING: 2px 3px 2px 3px; }
a.myappstools { FONT-SIZE: 12px; TEXT-DECORATION: none; COLOR: #143ea4; DISPLAY: inline-block; PADDING: 3px; FONT-WEIGHT: bold; }
a.myappstools:hover { FONT-SIZE: 12px; TEXT-DECORATION: underline; COLOR: silver; DISPLAY: inline-block; PADDING: 3px; FONT-WEIGHT: bold; }
A.menubotm, A.menubotm:hover { FONT-FAMILY: Arial; FONT-SIZE: 12px; FONT-WEIGHT: normal; COLOR: White; TEXT-DECORATION: none; }
A.menubotm:hover { TEXT-DECORATION: underline; }
