/* Tag Clases */
body         {background: #FFFFFF; font-family: Arial; font-size: 12px; color: #0000A0; margin: 0px; padding: 0px;}
form         {margin: 0px;}
table        {background: transparent; width: 100%; height: 100%; font-family: Arial; font-size: 12px; color: #0000A0; border: 0px; border-collapse: collapse; padding: 0px;}
tr           {height: 22px; vertical-align: middle; padding:0px}
td           {width:auto; text-align: left; padding:0px;}
select       {font-family: Arial; font-size: 12px; color: #0000A0; text-transform: uppercase; height: 20px}
div          {overflow: auto;}
iframe       {height: 100%; width: 100%; margin: 0px;}
img          {border: 0px;}
hr           {height: 1px;}

/*link*/
a:link       {color:#0000A0;}
a:visited    {color:#0000A0;}
a:hover      {color:#A00000;}
a:active     {color:#0000A0;}
a            {text-decoration: none;}

/* appearance */
.bodystyle   {background: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; scrollbar-base-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; margin: 0px;}
.bodypad     {padding-top:16px; padding-left:16px; padding-bottom:16px; margin: 0px;}
.bodyframe   {border: 2px solid #A2AAC1;}
.topbanner   {background: #000040 url('../images/topbanner.jpg') no-repeat fixed top; height: 50px;}
.topmenu     {background: #000040 url('../images/topbanner.jpg') no-repeat fixed top; height: 74px; padding-top: 50px;}
.bottombar   {background: #000080; vertical-align: middle; text-align:center; font-size: 10px; color: #FFFFFF;}
.stdfont     {font-family: Arial, Verdana; font-size: 12px; color: #0000A0;}

/* 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;}
.justify     {text-align: justify;}

/* input class */
.textbox     {background: #FFFFFF; border: 1px solid #A2AAC1; font-family: Arial, Verdana; font-size: 12px; color: #0000A0; padding-left: 5px; width: 100px; height: 20px; text-transform: uppercase;}
.textarea    {background: #FFFFFF; border: 1px solid #A2AAC1; font-family: Arial, Verdana; font-size: 12px; color: #0000A0; padding-left: 5px;}
.button      {background: #C6C7FA; border: 1px solid #004000; font-family: Arial, Verdana; font-size: 12px; color: #0000A0; width: 90px; height: 18px; text-align: center;}
.file        {background: #FFFFFF; border: 1px solid #A2AAC1; font-family: Arial, Verdana; font-size: 12px; color: #0000A0;width: 250px; height: 18px;} 
.radio       {width: 15px;}
.checkbox    {width: 15px;}

/* background */
.barbg       {background: #A2AAC1;}
.whbg        {background: #FFFFFF;}
.dbbg        {background: #0000A0;}
.ygbg        {background: #E6DE82;}

/* no properties */
.nomargin    {margin:  0px;}
.nopadding   {padding: 0px;}
.nobd        {border:  0px;}
.nobg        {background: transparent;}
.nott        {text-transform: none;}

/* borders */
.whbdO       {border:        1px solid #FFFFFF;}
.whbdL       {border-left:   1px solid #FFFFFF;}
.whbdR       {border-right:  1px solid #FFFFFF;}
.whbdT       {border-top:    1px solid #FFFFFF;}
.whbdB       {border-bottom: 1px solid #FFFFFF;}
.dbbdO       {border:        1px solid #000080;}
.dbbdL       {border-left:   1px solid #000080;}
.dbbdR       {border-right:  1px solid #000080;}
.dbbdT       {border-top:    1px solid #000080;}
.dbbdB       {border-bottom: 1px solid #000080;}


/* font color */
.red         {color: #FD040A;}
.green       {color: #004000;}
.white       {color: #FFFFFF;}
.black       {color: #000000;}

/* font size */
.s10      {font-size: 10px;}
.s11      {font-size: 11px;}
.s12      {font-size: 12px;}
.s13      {font-size: 13px;}
.s14      {font-size: 14px;}
.s15      {font-size: 15px;}

/* Font Weight and Style */
.normal   {font-weight: normal;}
.bold     {font-weight: bold;}
.italic   {font-style: italic;}

/* report font setting */
.report      {font-family: Book Antiqua; font-size: 12pt; color: black;}
.stdfont     {font-family: Arial; font-size: 12px; color: #0000A0;}
.barcode     {font-family: 3 of 9 Barcode; font-size: 20pt; color: #000000;}

/* height */
.hbar        {height: 32px; vertical-align: middle;}
.hbanner     {height: 50px; vertical-align: middle;}
.hauto       {height: auto;}
.h480        {height: 480px;}
.h40         {height: 40px;}
.h25         {height: 25px;}
.h24         {height: 24px;}
.h23         {height: 23px;}
.h22         {height: 22px;}
.h21         {height: 21px;}
.h20         {height: 20px;}
.h19         {height: 19px;}
.h18         {height: 18px;}
.h17         {height: 17px;}
.h16         {height: 16px;}
.h15         {height: 15px;}
.h10         {height: 10px;}

/* width */
.wcolon      {width: 10px; text-align: center;}

.wauto       {width:  auto;}
.w50p        {width:   50%;}
.w40p        {width:   40%;}
.w30p        {width:   30%;}
.w20p        {width:   20%;}
.w10p        {width:   10%;}
.w640        {width: 640px;}
.w300        {width: 300px;}
.w275        {width: 275px;}
.w250        {width: 250px;}
.w200        {width: 200px;}
.w175        {width: 175px;}
.w150        {width: 150px;}
.w125        {width: 125px;}
.w110        {width: 110px;}
.w100        {width: 100px;}
.w90         {width:  90px;}
.w75         {width:  75px;}
.w60         {width:  60px;}
.w50         {width:  50px;}
.w30         {width:  30px;}
.w20         {width:  20px;}
.w15         {width:  15px;}
.w0          {width:   0px;}

/* padding */
.p10         {padding:        10px;}

.p1L         {padding-left:    1px;}
.p2L         {padding-left:    2px;}
.p3L         {padding-left:    3px;}
.p5L         {padding-left:    5px;}
.p10L        {padding-left:   10px;}
.p20L        {padding-left:   20px;}
.p30L        {padding-left:   30px;}
.p3R         {padding-right:   3px;}
.p5R         {padding-right:   5px;}
.p10R        {padding-right:  10px;}
.p20R        {padding-right:  20px;}
.p30R        {padding-right:  30px;}
.p2T         {padding-top:     2px;}
.p5T         {padding-top:     5px;}
.p10T        {padding-top:    10px;}
.p20T        {padding-top:    20px;}
.p3B         {padding-bottom:  3px;}
.p4B         {padding-bottom:  4px;}
.p5B         {padding-bottom:  5px;}
.p10B        {padding-bottom: 10px;}
.p20B        {padding-bottom: 20px;}