/*link*/
a:link    {color:#2020A1;}
a:visited {color:#2020A1;}
a:hover   {color:#FF0000;}
a:active  {color:#2020A1;}
a         {text-decoration: none;}

/* Tag class */
body      {background: url(../images/bg01.jpg); font-size: 11px; font-family: Verdana, Arial; color: #000080; margin: 0px; text-align: center}
table     {background: transparent; width: 100%; height: 100%; font-size: 11px; font-family: Verdana, Arial; color: #000080; border-collapse: collapse; border: 0px;}
tr        {height: 25px; vertical-align: top}
td        {padding: 0px; text-align: left;}
select    {background: #FFFFFF; font-size: 11px; font-family: Verdana, Arial; color: #000080; text-transform: uppercase; height: 18px}
form      {margin: 0px;}
div       {overflow: auto;}

/* input class */
.textbox  {background: #FFFFFF; font-size: 11px; font-family: Verdana, Arial; color: #000080; border: 1px solid #A2AAC1; width: 100px; height: 18px; text-transform: uppercase; padding-left: 5px; vertical-align: middle}
.button   {background: #C6C7FA; border: 1px solid #2020A1; width: 75px; height: 18px; font-family: Verdana, Arial; font-size: 10px; vertical-align: middle}
.radio    {width: 15px; vertical-align: middle}
.checkbox {width: 15px; vertical-align: middle}
.file     {background: #FFFFFF; width: 350px; border: 1px solid #2020A1; font-size: 10px; vertical-align: middle}

/* Borders */
.noborder     {border: 0px;}
.whiteborder  {border: 1px solid #FFFFFF;}
.blackborder  {border: 1px solid #000000;}
.blueborder   {border: 1px solid #000080;}
.redborder    {border: 1px solid #800000;}
.lblueborder  {border: solid 1px #F2F4FC}
.mblueborder  {border: solid 1px #E0E0FF}
.alertborder  {border: solid 1px #EE0000}
.lborderonly  {border-width: 0px 0px 0px 1px}
.rborderonly  {border-width: 0px 1px 0px 0px}
.tborderonly  {border-width: 1px 0px 0px 0px}
.bborderonly  {border-width: 0px 0px 1px 0px}
.leftborder   {border-left: 1px}
.rightborder  {border-right: 1px}
.topborder    {border-top: 1px}
.bottomborder {border-bottom: 1px}

/* text formatting */ 
.uppercase    {text-transform: uppercase;}
.lowercase    {text-transform: lowercase;}
.capitalize   {text-transform: capitalize;}
.nocase       {text-transform: none;}

/* background */
.nobg         {background: transparent;}
.whitebg      {background: #FFFFFF;}
.blackbg      {background: #000000;}
.bluebg       {background: #000080;}
.lightbluebg  {background: #F2F4FC;}
.darkbluebg   {background: #10356C;}
.mediumbluebg {background: #DFEFFB}
.softbg       {background: #FAFAD4}
.dottedbg     {background: #none url('../images/dot1.gif') repeat}
.bannerbg     {background: #F2F4FC url('../images/topbanner.jpg') no-repeat;}
.menubg      {background: url(../images/bg02.jpg);}
.swspacebg   {background: #D6E9EA;}
.smspacebg   {background: #FFFFEA;}
.stsbarbg    {background: #A2AAC1;}

/* Dimension */
.autowidth   {width: auto;}
.autoheight  {height: auto;}

/* Alignment */
.top      {vertical-align: top;}
.middle   {vertical-align: middle;}
.bottom   {vertical-align: bottom;}
.left     {text-align: left;}
.center   {text-align: center;}
.right    {text-align: right;}

/* Font Color */
.white    {color: #FFFFFF;}
.black    {color: #000000;}
.red      {color: #FF0000;}
.blue     {color: #000080;}
.green    {color: #004000;}

/* Font Weight and Style */
.normal   {font-weight: normal;}
.bold     {font-weight: bold;}
.italic   {font-style: italic;}
.underline {font-style: underline;}

/* font family */
.arial     {font-family: Arial, Verdana;}
.edwardian {font-family: Edwardian Script ITC, Monotype Corsiva;}
.verdana   {font-family: Verdana, Helvetica;}
.corsiva   {font-family: Monotype Corsiva, Edwardian Script ITC;}

/* preset font size */
.s8        {font-size: 8px;}
.s9        {font-size: 9px;}
.s10       {font-size: 10px;}
.s11       {font-size: 11px;}
.s12       {font-size: 12px;}
.s13       {font-size: 13px;}
.s14       {font-size: 14px;}
.s15       {font-size: 15px;}
.s18       {font-size: 18px;}
.s20       {font-size: 20px;}
.s22       {font-size: 22px;}
.s24       {font-size: 24px;}
.s26       {font-size: 26px;}
.s30       {font-size: 30px;}
.s48       {font-size: 48px;}

/* preset left padding */
.p1L       {padding-left: 1px;} 
.p2L       {padding-left: 2px;} 
.p3L       {padding-left: 3px;} 
.p4L       {padding-left: 4px;} 
.p5L       {padding-left: 5px;} 
.p10L      {padding-left: 10px;} 
.p15L      {padding-left: 15px;} 
.p20L      {padding-left: 20px;} 

/* preset right padding */
.p1R       {padding-right: 1px;} 
.p2R       {padding-right: 2px;} 
.p3R       {padding-right: 3px;} 
.p4R       {padding-right: 4px;} 
.p5R       {padding-right: 5px;} 
.p10R      {padding-right: 10px;} 
.p15R      {padding-right: 15px;} 
.p20R      {padding-right: 20px;} 

/* preset width padding */
.w1        {width: 1px;} 
.w10       {width: 10px;} 
.w16       {width: 16px;} 
.w20       {width: 20px;} 
.w24       {width: 24px;} 
.w25       {width: 25px;} 
.w29       {width: 29px;} 
.w30       {width: 30px;} 
.w40       {width: 40px;} 
.w41       {width: 41px;} 
.w50       {width: 50px;} 
.w54       {width: 54px;} 
.w55       {width: 55px;} 
.w56       {width: 56px;} 
.w70       {width: 70px;} 
.w75       {width: 75px;} 
.w79       {width: 79px;} 
.w80       {width: 80px;} 
.w90       {width: 90px;} 
.w94       {width: 94px;} 
.w95       {width: 95px;} 
.w96       {width: 96px;} 
.w97       {width: 97px;} 
.w99       {width: 99px;} 
.w100      {width: 100px;} 
.w120      {width: 120px;} 
.w150      {width: 150px;} 
.w154      {width: 154px;} 
.w175      {width: 175px;} 
.w179      {width: 179px;} 
.w180      {width: 180px;} 
.w184      {width: 184px;} 
.w185      {width: 185px;} 
.w200      {width: 200px;} 
.w215      {width: 215px;} 
.w250      {width: 250px;} 
.w275      {width: 275px;} 
.w300      {width: 300px;} 
.w400      {width: 400px;} 
.w500      {width: 500px;} 
.w50pc     {width: 50%;} 
.w60pc     {width: 60%;} 
.w100pc    {width: 100%;} 

/* preset height padding */
.h1        {height: 1px;} 
.h12       {height: 12px;} 
.h14       {height: 14px;} 
.h15       {height: 15px;} 
.h18       {height: 18px;} 
.h19       {height: 19px;} 
.h20       {height: 20px;} 
.h21       {height: 21px;} 
.h22       {height: 22px;} 
.h23       {height: 23px;} 
.h24       {height: 24px;} 
.h25       {height: 25px;} 
.h26       {height: 26px;} 
.h30       {height: 30px;} 
.h50       {height: 50px;} 
.h75       {height: 75px;} 
.h80       {height: 80px;} 
.h110      {height: 110px;} 
.h150      {height: 150px;} 
.h200      {height: 200px;} 
.h250      {height: 250px;} 
.h300      {height: 300px;} 

