/* additions/changes for internet payments are at the end */
/* added submitbuttonmakepayment to you can change color of the button */
/* 05/28/09 RHB Added TextSmall */
/* 04/19/10 RHB Changed width of box and messages from 760 to 900 in order to have more space */
/* 10/07/10 RHB Added class FeeMessages */
/* 10/12/10 RHB Changed width of PageHead to 900 in order line up in Firefox, etc. */
/* 07/15/11 RHB Added class AccountOnCutoffList for account is on cutoff list message.*/
/*              I made it the same as account masseage since that is the current way.*/
/*              You can add it to the custom stylesheet to make it a different color.*/
/* 07/15/13 RHB Changed background color (removed clouds) and changed textdisabled color */
/*              Also added new classes for the new stw style sheet logo                  */
/*              Also removed the body background image and color                         */
/*              Also changed row2 color to a shade of blue instead of green               */
/* 04/11/14 RHB Added online-help class for the "how to".                                */
/* 11/11/14 jbw Changed font-size for chrome*/
/* 11/18/14 RHB Changed the help icons to position better on the screen.       */
/*  08/17/16 IZ added new styles for page reface */

A.hover
{
    TEXT-DECORATION: underline
}
BODY
{
/*    BACKGROUND-IMAGE: url(../images/backgrounds/bg_gray9.gif);	*/
    MARGIN: 0px 4px 0px 4px;
    COLOR: black;
/*    BACKGROUND-COLOR: #d8d8d6	*/
}
.Hide
{
    DISPLAY: none;
    VISIBILITY: hidden
}
.Show
{
    VISIBILITY: visible
}
.Title
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: #333399
}
.TextNormal
{
    FONT-SIZE:8.8pt;
    *FONT-SIZE: 10pt;
    VERTICAL-ALIGN: middle;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, 'MS Sans Serif';
}
.TextRight
{
    PADDING-RIGHT: 0.3cm;
    TEXT-ALIGN: right
}
.TextCenter
{
    TEXT-ALIGN: center
}
.TextLeft
{
    PADDING-LEFT: 0.3cm;
    TEXT-ALIGN: left
}
.TextBold
{
    FONT-WEIGHT: bold
}
.TextLarge
{
    FONT-SIZE: 12pt;
    COLOR: #000000
}
.TextExtraLarge
{
    FONT-SIZE: 18pt;
    COLOR: #000000
}

.TextLargeItalic
{
    FONT-STYLE: italic
}
.TextHeader
{
    FONT-SIZE: 8pt;
    COLOR: #ffffff
}
.LinkNormal
{
    CURSOR: hand
}
.ErrorTitle
{
    BORDER-RIGHT: black double;
    PADDING-RIGHT: 3px;
    BORDER-TOP: black double;
    PADDING-LEFT: 3px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    BACKGROUND-IMAGE: none;
    PADDING-BOTTOM: 3px;
    MARGIN: 5px;
    BORDER-LEFT: black double;
    WIDTH: 200px;
    COLOR: white;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: black double;
    BACKGROUND-REPEAT: repeat;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: red
}
/*
.ErrorMsg
{
    BORDER-RIGHT: black double;
    PADDING-RIGHT: 3px;
    BORDER-TOP: black double;
    PADDING-LEFT: 3px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    BACKGROUND-IMAGE: none;
    PADDING-BOTTOM: 3px;
    MARGIN: 5px;
    BORDER-LEFT: black double;
    WIDTH: 600px;
    COLOR: white;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: black double;
    BACKGROUND-REPEAT: repeat;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: red;
    TEXT-ALIGN: center
}*/
.MenuStub
{
    BORDER-RIGHT: black thin inset;
    PADDING-RIGHT: 10px;
    BORDER-TOP: black thin inset;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    BACKGROUND-IMAGE: none;
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: black thin inset;
    WIDTH: 155px;
    CURSOR: hand;
    COLOR: black;
    MARGIN-RIGHT: 5px;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: black thin inset;
    BACKGROUND-REPEAT: repeat;
    FONT-FAMILY: Verdana, Arial;
    HEIGHT: 150px;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: center
}
.ErrorText
{
    FONT-WEIGHT: bold;
    COLOR: #ff0000;
    FONT-FAMILY: 'MS Sans Serif', Arial
}
.LabelNormal
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-FAMILY: 'MS Sans Serif', Arial
}
.FieldRequired
{
    BORDER-RIGHT: solid black;
    PADDING-RIGHT: 3px;
    BORDER-TOP: solid black;
    PADDING-LEFT: 3px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 3pt;
    BORDER-LEFT: solid black;
	BORDER-BOTTOM: solid black;

}
.LabelError
{
    COLOR: #ff0000;
}
.TableHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #ffffff;
    FONT-FAMILY: 'MS Sans Serif', Arial;
    BACKGROUND-COLOR: #000000;
    TEXT-ALIGN: center
}
.Row1
{
    FONT-SIZE: 10pt;
    COLOR: #000000;
    FONT-FAMILY: 'MS Sans Serif', Arial;
    BACKGROUND-COLOR: #ffffff
}
.Row2
{
    FONT-SIZE: 10pt;
    COLOR: #000000;
    FONT-FAMILY: 'MS Sans Serif', Arial;
    BACKGROUND-COLOR: #8df5bc
}
.LinkNormal
{
    FONT-SIZE: 10pt;
    CURSOR: hand;
    COLOR: #333399;
    FONT-FAMILY: 'MS Sans Serif', Arial
}
.DataError
{
    COLOR: #ff3333;
}
.Pointer
{
    PADDING-BOTTOM: 3px;
    CURSOR: hand;
    PADDING-TOP: 3px
}
A:hover
{
    TEXT-DECORATION: underline
}
.CellBorderAll
{
    BORDER-RIGHT: red 2pt solid;
    BORDER-TOP: red 2pt solid;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 10pt;
    BORDER-LEFT: red 2pt solid;
    BORDER-BOTTOM: red 2pt solid
}
.Logo
{
    BACKGROUND-POSITION: center center;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 7pt;
    WIDTH: 200px;
    COLOR: black;
    FONT-FAMILY: Arial, 'MS Sans Serif';
    HEIGHT: 100pt;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: center
}
.Copyright
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Arial;
    TEXT-ALIGN: center
}
.PageHeadTest
{
    BORDER-RIGHT: ridge;
    PADDING-RIGHT: 4pt;
    BORDER-TOP: ridge;
    PADDING-LEFT: 4pt;
    FONT-WEIGHT: bold;
    BACKGROUND-IMAGE: url(../images/backgrounds/test_background.jpg);
    PADDING-BOTTOM: 4pt;
    BORDER-LEFT: ridge;
    WIDTH: 100%;
    COLOR: black;
    TEXT-INDENT: 4pt;
    PADDING-TOP: 4pt;
    BORDER-BOTTOM: ridge;
    BACKGROUND-COLOR: powderblue;
    TEXT-ALIGN: left
}

.PageHeadText
{
    TEXT-ALIGN: left
}
.PageHeadTextTest
{
	color:white
}

.SideLeft
{
    CLEAR: right;
    LEFT: 3pt;
    FLOAT: left;
    WIDTH: 40pt;
    PADDING-TOP: 0in;
    POSITION: absolute;
    TOP: 70pt;
    HEIGHT: 450px;
    BACKGROUND-COLOR: cornflowerblue
}
A.Tab
{
    BORDER-RIGHT: solid;
    PADDING-RIGHT: 6px;
    BORDER-TOP: ridge;
    PADDING-LEFT: 6px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 1pt;
    BORDER-LEFT: thin ridge;
    WIDTH: 1in;
    CURSOR: hand;
    COLOR: #000000;
    PADDING-TOP: 1pt;
    BORDER-BOTTOM: ridge;
    FONT-FAMILY: Verdana, 'MS Sans Serif', Arial;
    BACKGROUND-COLOR: #d8d8d6;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
A.TabHilight
{
    BORDER-RIGHT: solid;
    PADDING-RIGHT: 6px;
    BORDER-TOP: ridge;
    PADDING-LEFT: 6px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 1pt;
    BORDER-LEFT: thin ridge;
    WIDTH: 1in;
    CURSOR: hand;
    COLOR: #000000;
    PADDING-TOP: 1pt;
    BORDER-BOTTOM: ridge;
    FONT-FAMILY: Verdana, 'MS Sans Serif', Arial;
    BACKGROUND-COLOR: red;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
A.TabWide
{
    BORDER-RIGHT: solid;
    PADDING-RIGHT: 6px;
    BORDER-TOP: ridge;
    PADDING-LEFT: 6px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 1pt;
    BORDER-LEFT: thin ridge;
    WIDTH: 1.48in;
    CURSOR: hand;
    COLOR: #000000;
    PADDING-TOP: 1pt;
    BORDER-BOTTOM: ridge;
    FONT-FAMILY: Verdana, 'MS Sans Serif', Arial;
    BACKGROUND-COLOR: #d8d8d6;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
A.TabWideHilight
{
    BORDER-RIGHT: solid;
    PADDING-RIGHT: 6px;
    BORDER-TOP: ridge;
    PADDING-LEFT: 6px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 1pt;
    BORDER-LEFT: thin ridge;
    WIDTH: 1.48in;
    CURSOR: hand;
    COLOR: #000000;
    PADDING-TOP: 1pt;
    BORDER-BOTTOM: ridge;
    FONT-FAMILY: Verdana, 'MS Sans Serif', Arial;
    BACKGROUND-COLOR: red;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
A.TabMedium
{
    BORDER-RIGHT: solid;
    PADDING-RIGHT: 6px;
    BORDER-TOP: ridge;
    PADDING-LEFT: 6px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 1pt;
    BORDER-LEFT: thin ridge;
    WIDTH: 1.285in;
    CURSOR: hand;
    COLOR: #000000;
    PADDING-TOP: 1pt;
    BORDER-BOTTOM: ridge;
    FONT-FAMILY: Verdana, 'MS Sans Serif', Arial;
    BACKGROUND-COLOR: #d8d8d6;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
A.TabMediumHilight
{
    BORDER-RIGHT: solid;
    PADDING-RIGHT: 6px;
    BORDER-TOP: ridge;
    PADDING-LEFT: 6px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 1pt;
    BORDER-LEFT: thin ridge;
    WIDTH: 1.285in;
    CURSOR: hand;
    COLOR: #000000;
    PADDING-TOP: 1pt;
    BORDER-BOTTOM: ridge;
    FONT-FAMILY: Verdana, 'MS Sans Serif', Arial;
    BACKGROUND-COLOR: red;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
A.TabDouble
{
    BORDER-RIGHT: solid;
    PADDING-RIGHT: 6px;
    BORDER-TOP: ridge;
    PADDING-LEFT: 6px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 1pt;
    BORDER-LEFT: thin ridge;
    WIDTH: 2in;
    CURSOR: hand;
    COLOR: #000000;
    PADDING-TOP: 1pt;
    BORDER-BOTTOM: ridge;
    FONT-FAMILY: Verdana, 'MS Sans Serif', Arial;
    BACKGROUND-COLOR: #d8d8d6;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
A.TabDoubleHilight
{
    BORDER-RIGHT: solid;
    PADDING-RIGHT: 6px;
    BORDER-TOP: ridge;
    PADDING-LEFT: 6px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 1pt;
    BORDER-LEFT: thin ridge;
    WIDTH: 2in;
    CURSOR: hand;
    COLOR: #000000;
    PADDING-TOP: 1pt;
    BORDER-BOTTOM: ridge;
    FONT-FAMILY: Verdana, 'MS Sans Serif', Arial;
    BACKGROUND-COLOR: red;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
.TabOver
{
    BORDER-RIGHT: solid;
    PADDING-RIGHT: 6px;
    BORDER-TOP: ridge;
    PADDING-LEFT: 6px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 1pt;
    BORDER-LEFT: thin ridge;
    WIDTH: 1in;
    CURSOR: hand;
    COLOR: #000000;
    PADDING-TOP: 1pt;
    BORDER-BOTTOM: ridge;
    FONT-FAMILY: Verdana, 'MS Sans Serif', Arial;
    BACKGROUND-COLOR: #f7aa00;
    TEXT-ALIGN: center
}
A.Tab:hover
{
    BACKGROUND-COLOR: #f7aa00;
    TEXT-DECORATION: none
}
A.TabWide:hover
{
    BACKGROUND-COLOR: #f7aa00;
    TEXT-DECORATION: none
}
A.TabMedium:hover
{
    BACKGROUND-COLOR: #f7aa00;
    TEXT-DECORATION: none
}
A.TabDouble:hover
{
    BACKGROUND-COLOR: #f7aa00;
    TEXT-DECORATION: none
}
.Button
{
    BORDER-RIGHT: outset;
    PADDING-RIGHT: 6px;
    BORDER-TOP: outset;
    PADDING-LEFT: 6px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 2pt;
    BORDER-LEFT: outset;
    WIDTH: 1in;
    CURSOR: hand;
    COLOR: black;
    PADDING-TOP: 1pt;
    BORDER-BOTTOM: outset;
    FONT-FAMILY: Verdana, 'MS Sans Serif', Arial;
    BACKGROUND-COLOR: lightskyblue;
    TEXT-ALIGN: center
}
.Button2
{
    BORDER-RIGHT: outset;
    PADDING-RIGHT: 6px;
    BORDER-TOP: outset;
    PADDING-LEFT: 6px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 1pt;
    OVERFLOW: hidden;
    BORDER-LEFT: outset;
    WIDTH: 1.25in;
    CURSOR: hand;
    COLOR: #000000;
    TEXT-INDENT: 2pt;
    PADDING-TOP: 1pt;
    BORDER-BOTTOM: outset;
    FONT-FAMILY: Verdana, 'MS Sans Serif', Arial;
    BACKGROUND-COLOR: lightskyblue;
    TEXT-ALIGN: left
}
.PageButton
{
    BORDER-RIGHT: outset;
    PADDING-RIGHT: 6px;
    BORDER-TOP: outset;
    PADDING-LEFT: 6px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 2pt;
    BORDER-LEFT: outset;
    WIDTH: 1in;
    CURSOR: hand;
    COLOR: white;
    PADDING-TOP: 1pt;
    BORDER-BOTTOM: outset;
    FONT-FAMILY: Verdana, 'MS Sans Serif', Arial;
    BACKGROUND-COLOR: #003399;
    TEXT-ALIGN: center
}
.SelectedPageButton
{
    BORDER-RIGHT: outset;
    PADDING-RIGHT: 6px;
    BORDER-TOP: outset;
    PADDING-LEFT: 6px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 2pt;
    BORDER-LEFT: outset;
    WIDTH: 1in;
    CURSOR: hand;
    COLOR: black;
    PADDING-TOP: 1pt;
    BORDER-BOTTOM: outset;
    FONT-FAMILY: Verdana, 'MS Sans Serif', Arial;
    BACKGROUND-COLOR: #ff9900;
    TEXT-ALIGN: center
}
#men
{
    BORDER-RIGHT: 2px outset;
    BORDER-TOP: 2px outset;
    Z-INDEX: 1;
    LEFT: 0px;
    VISIBILITY: hidden;
    BORDER-LEFT: 2px outset;
    BORDER-BOTTOM: 2px outset;
    POSITION: absolute;
    TOP: 0px
}
#men A
{
    PADDING-RIGHT: 1px;
    PADDING-LEFT: 1px;
    PADDING-BOTTOM: 4px;
    MARGIN: 1px 1px 1px 16px;
    FONT: 12px sans-serif;
    WIDTH: 100%;
    PADDING-TOP: 3px;
    HEIGHT: 100%;
    TEXT-DECORATION: none
}
.ico
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    FLOAT: left;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none
}
.ToolbarHolder
{
    CLEAR: both;
    BORDER-RIGHT: #434d52 2px solid;
    PADDING-RIGHT: 1px;
    BORDER-TOP: #cfeeef 2px solid;
    PADDING-LEFT: 2px;
    RIGHT: 8px;
    PADDING-BOTTOM: 1px;
    VERTICAL-ALIGN: bottom;
    BORDER-LEFT: #cfeeff 2px solid;
    WIDTH: 300px;
    BOTTOM: 5px;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #434d52 2px solid;
    POSITION: absolute;
    HEIGHT: 22px;
    BACKGROUND-COLOR: #d3d3d3
}
A.Toolbar
{
    BORDER-RIGHT: #d3d3d3 1px solid;
    PADDING-RIGHT: 6px;
    BORDER-TOP: #d3d3d3 1px solid;
    DISPLAY: block;
    PADDING-LEFT: 6px;
    FONT-WEIGHT: 700;
    FONT-SIZE: 10pt;
    FLOAT: left;
    PADDING-BOTTOM: 2px;
    MARGIN: 1px;
    BORDER-LEFT: #d3d3d3 1px solid;
    COLOR: #003;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #d3d3d3 1px solid;
    FONT-FAMILY: Arial, Skia;
    BACKGROUND-COLOR: #d3d3d3;
    TEXT-DECORATION: none
}
A.Toolbar:hover
{
    BORDER-LEFT-COLOR: #cfeeff;
    BORDER-BOTTOM-COLOR: #434d52;
    BORDER-TOP-COLOR: #cfeeef;
    BORDER-RIGHT-COLOR: #434d52
}
A.ToolbarRight
{
    BORDER-RIGHT: #d3d3d3 1px solid;
    PADDING-RIGHT: 6px;
    BORDER-TOP: #d3d3d3 1px solid;
    DISPLAY: block;
    PADDING-LEFT: 6px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    FLOAT: right;
    PADDING-BOTTOM: 2px;
    MARGIN: 1px;
    BORDER-LEFT: #d3d3d3 1px solid;
    COLOR: #000033;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #d3d3d3 1px solid;
    FONT-FAMILY: Arial, Skia;
    POSITION: relative;
    BACKGROUND-COLOR: #d3d3d3;
    TEXT-ALIGN: right;
    TEXT-DECORATION: none
}
A.ToolbarRight:hover
{
    BORDER-LEFT-COLOR: #cfeeff;
    BORDER-BOTTOM-COLOR: #434d52;
    BORDER-TOP-COLOR: #cfeeef;
    BORDER-RIGHT-COLOR: #434d52
}
.TBiconOver
{
    BORDER-RIGHT: black 1px ridge;
    BORDER-TOP: black 1px ridge;
    MARGIN-BOTTOM: 0px;
    BORDER-LEFT: black 1px ridge;
    CURSOR: hand;
    BORDER-BOTTOM: black 1px ridge;
    BACKGROUND-COLOR: #d3d3d3
}
.TBicon
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 10px;
    CURSOR: hand;
    PADDING-TOP: 10px;
    BACKGROUND-COLOR: #d3d3d3
}
.ButtonPrompt
{
    BORDER-RIGHT: thin;
    PADDING-RIGHT: 6px;
    BORDER-TOP: thin;
    PADDING-LEFT: 6px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    FLOAT: none;
    BACKGROUND-IMAGE: url(../images/magnifying_glass.gif);
    PADDING-BOTTOM: 2pt;
    BORDER-LEFT: thin;
    WIDTH: 0.3in;
    CURSOR: hand;
    COLOR: black;
    PADDING-TOP: 1pt;
    BORDER-BOTTOM: thin;
    FONT-FAMILY: Verdana, 'MS Sans Serif', Arial;
    HEIGHT: 25px;
    BACKGROUND-COLOR: lightskyblue;
    TEXT-ALIGN: center
}
.ButtonAdd
{
    BORDER-RIGHT: outset;
    PADDING-RIGHT: 6px;
    BORDER-TOP: outset;
    PADDING-LEFT: 6px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    BACKGROUND-IMAGE: url(../images/23push.gif);
    PADDING-BOTTOM: 2pt;
    BORDER-LEFT: outset;
    WIDTH: 1in;
    CURSOR: hand;
    COLOR: black;
    PADDING-TOP: 1pt;
    BORDER-BOTTOM: outset;
    FONT-FAMILY: Verdana, 'MS Sans Serif', Arial;
    BACKGROUND-COLOR: lightskyblue;
    TEXT-ALIGN: center
}
.ButtonAdd
{
    BORDER-RIGHT: outset;
    PADDING-RIGHT: 6px;
    BACKGROUND-POSITION: 90% 1px;
    BORDER-TOP: outset;
    PADDING-LEFT: 6px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    BACKGROUND-IMAGE: url(../images/23push.gif);
    PADDING-BOTTOM: 2pt;
    BORDER-LEFT: outset;
    WIDTH: 1in;
    CURSOR: hand;
    COLOR: black;
    PADDING-TOP: 3pt;
    BORDER-BOTTOM: outset;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Verdana, 'MS Sans Serif', Arial;
    HEIGHT: 30px;
    BACKGROUND-COLOR: lightskyblue;
    TEXT-ALIGN: left
}
.ButtonCancel
{
    BORDER-RIGHT: outset;
    PADDING-RIGHT: 6px;
    BACKGROUND-POSITION: 90% 1px;
    BORDER-TOP: outset;
    PADDING-LEFT: 6px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    BACKGROUND-IMAGE: url(../images/cancel3.gif);
    PADDING-BOTTOM: 2pt;
    BORDER-LEFT: outset;
    WIDTH: 1in;
    CURSOR: hand;
    COLOR: black;
    PADDING-TOP: 3pt;
    BORDER-BOTTOM: outset;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Verdana, 'MS Sans Serif', Arial;
    HEIGHT: 30px;
    BACKGROUND-COLOR: lightskyblue;
    TEXT-ALIGN: left
}
.ButtonPos
{
    BORDER-RIGHT: outset;
    PADDING-RIGHT: 6px;
    BACKGROUND-POSITION: 90% 1px;
    BORDER-TOP: outset;
    MARGIN-TOP: 3px;
    PADDING-LEFT: 6px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    BACKGROUND-IMAGE: url(../images/pos3.gif);
    MARGIN-BOTTOM: 0px;
    PADDING-BOTTOM: 0pt;
    BORDER-LEFT: outset;
    WIDTH: 1in;
    CURSOR: hand;
    COLOR: black;
    PADDING-TOP: 3pt;
    BORDER-BOTTOM: outset;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Verdana, 'MS Sans Serif', Arial;
    HEIGHT: 30px;
    BACKGROUND-COLOR: lightskyblue;
    TEXT-ALIGN: left
}
.ButtonOK
{
    BORDER-RIGHT: outset;
    PADDING-RIGHT: 6px;
    BACKGROUND-POSITION: 90% 1px;
    BORDER-TOP: outset;
    PADDING-LEFT: 6px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    BACKGROUND-IMAGE: url(../images/Ok2.gif);
    PADDING-BOTTOM: 2pt;
    BORDER-LEFT: outset;
    WIDTH: 1in;
    CURSOR: hand;
    COLOR: black;
    PADDING-TOP: 3pt;
    BORDER-BOTTOM: outset;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Verdana, 'MS Sans Serif', Arial;
    HEIGHT: 30px;
    BACKGROUND-COLOR: lightskyblue;
    TEXT-ALIGN: left
}
.ButtonNew
{
    BORDER-RIGHT: outset;
    PADDING-RIGHT: 6px;
    BACKGROUND-POSITION: 90% 5px;
    BORDER-TOP: outset;
    PADDING-LEFT: 6px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    BACKGROUND-IMAGE: url(../images/New9.gif);
    PADDING-BOTTOM: 2pt;
    BORDER-LEFT: outset;
    WIDTH: 1in;
    CURSOR: hand;
    COLOR: black;
    PADDING-TOP: 3pt;
    BORDER-BOTTOM: outset;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Verdana, 'MS Sans Serif', Arial;
    HEIGHT: 30px;
    BACKGROUND-COLOR: lightskyblue;
    TEXT-ALIGN: left
}
.TableMargin
{
    MARGIN-LEFT: 250px
}
.TableMarginSmall
{
    MARGIN-LEFT: 150px
}
.CityLogo
{
    LEFT: 8px;
    BOTTOM: 5px;
    POSITION: absolute
}
.TabTable
{
    WIDTH: 100%;
    TEXT-INDENT: 0pt;
    BACKGROUND-COLOR: #333333;
	BORDER-LEFT:white 2px solid;
    TEXT-ALIGN: center
}
.clock
{
    CLEAR: both;
    BORDER-RIGHT: #434d52 2px solid;
    PADDING-RIGHT: 1px;
    BORDER-TOP: #cfeeef 2px solid;
    PADDING-LEFT: 2px;
    LEFT: 312px;
    PADDING-BOTTOM: 1px;
    VERTICAL-ALIGN: bottom;
    BORDER-LEFT: #cfeeff 2px solid;
    WIDTH: 70px;
    BOTTOM: 5px;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #434d52 2px solid;
    POSITION: absolute;
    HEIGHT: 37px;
    BACKGROUND-COLOR: #d3d3d3
}
.Prompt
{
    MARGIN-BOTTOM: 0px;
    WIDTH: 22px
}
.Totals
{
    COLOR: white;
    BACKGROUND-COLOR: green
}
.Msg
{
    BORDER-RIGHT: black double;
    PADDING-RIGHT: 3px;
    BORDER-TOP: black double;
    PADDING-LEFT: 3px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    BACKGROUND-IMAGE: none;
    PADDING-BOTTOM: 3px;
    MARGIN: 5px;
    BORDER-LEFT: black double;
    WIDTH: 600px;
    COLOR: white;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: black double;
    BACKGROUND-REPEAT: repeat;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: blue;
    TEXT-ALIGN: center;
    POSITION: absolute;
	BOTTOM: 40px;
	Left: 150px;
	
}
.DeleteItem
{
    BORDER-RIGHT: black thin ridge;
    BORDER-TOP: black thin ridge;
    BORDER-LEFT: black thin ridge;
    BORDER-BOTTOM: black thin ridge;
    BACKGROUND-COLOR: #ffffff
}
.MenuImage
{
    WIDTH: 100px;
    HEIGHT: 100px
}
.MenuAnimation
{
	POSITION: absolute;
	TOP: 120;
	LEFT: 20
}


DIV.header
{
    FONT-SIZE: 10pt;
    FONT-FAMILY: 'MS Sans Serif', Arial
}
SPAN.TableHeader
{
    BORDER-RIGHT: #99ccff 1px solid;
    BORDER-TOP: #99ccff 1px solid;
    PADDING-LEFT: 6px;
    BORDER-LEFT: #99ccff 1px solid;
    COLOR: white;
    BORDER-BOTTOM: #99ccff 1px solid;
    BACKGROUND-COLOR: #000000;
    TEXT-ALIGN: center
}
SPAN.LabelHeader
{
    BORDER-RIGHT: #99ccff 1px solid;
    BORDER-TOP: #99ccff 1px solid;
    PADDING-LEFT: 6px;
    BORDER-LEFT: #99ccff 1px solid;
    COLOR: white;
    BORDER-BOTTOM: #99ccff 1px solid;
    BACKGROUND-COLOR: #000000;
    FONT-WEIGHT: bold;
    TEXT-ALIGN: center
}
SPAN.cell_left_row1
{
    BORDER-RIGHT: #99ccff 1px solid;
    BORDER-TOP: #99ccff 1px solid;
    PADDING-LEFT: 6px;
    OVERFLOW: hidden;
    BORDER-LEFT: #99ccff 1px solid;
    CURSOR: hand;
    COLOR: black;
    BORDER-BOTTOM: #99ccff 1px solid;
    WHITE-SPACE: nowrap;
    TEXT-OVERFLOW: ellipsis;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: left
}
SPAN.cell_left_row2
{
    BORDER-RIGHT: #99ccff 1px solid;
    BORDER-TOP: #99ccff 1px solid;
    PADDING-LEFT: 6px;
    OVERFLOW: hidden;
    BORDER-LEFT: #99ccff 1px solid;
    CURSOR: hand;
    COLOR: black;
    BORDER-BOTTOM: #99ccff 1px solid;
    WHITE-SPACE: nowrap;
    TEXT-OVERFLOW: ellipsis;
/*    BACKGROUND-COLOR: #8df5bc;	*/
    BACKGROUND-COLOR: #33ffff;
    TEXT-ALIGN: left
}
SPAN.cell_right_row1
{
    BORDER-RIGHT: #99ccff 1px solid;
    PADDING-RIGHT: 6px;
    BORDER-TOP: #99ccff 1px solid;
    OVERFLOW: hidden;
    BORDER-LEFT: #99ccff 1px solid;
    WIDTH: 100px;
    CURSOR: hand;
    COLOR: black;
    BORDER-BOTTOM: #99ccff 1px solid;
    WHITE-SPACE: nowrap;
    TEXT-OVERFLOW: ellipsis;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: right
}
SPAN.cell_right_row2
{
    BORDER-RIGHT: #99ccff 1px solid;
    PADDING-RIGHT: 6px;
    BORDER-TOP: #99ccff 1px solid;
    OVERFLOW: hidden;
    BORDER-LEFT: #99ccff 1px solid;
    WIDTH: 100px;
    CURSOR: hand;
    COLOR: black;
    BORDER-BOTTOM: #99ccff 1px solid;
    WHITE-SPACE: nowrap;
    TEXT-OVERFLOW: ellipsis;
    BACKGROUND-COLOR: #33ffff;
    TEXT-ALIGN: right
}
SPAN.cell_center_row1
{
    BORDER-RIGHT: #99ccff 1px solid;
    BORDER-TOP: #99ccff 1px solid;
    PADDING-LEFT: 6px;
    OVERFLOW: hidden;
    BORDER-LEFT: #99ccff 1px solid;
    CURSOR: hand;
    COLOR: black;
    BORDER-BOTTOM: #99ccff 1px solid;
    WHITE-SPACE: nowrap;
    TEXT-OVERFLOW: ellipsis;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: center
}
SPAN.cell_center_row2
{
    BORDER-RIGHT: #99ccff 1px solid;
    BORDER-TOP: #99ccff 1px solid;
    PADDING-LEFT: 6px;
    OVERFLOW: hidden;
    BORDER-LEFT: #99ccff 1px solid;
    CURSOR: hand;
    COLOR: black;
    BORDER-BOTTOM: #99ccff 1px solid;
    WHITE-SPACE: nowrap;
    TEXT-OVERFLOW: ellipsis;
    BACKGROUND-COLOR: #33ffff;
    TEXT-ALIGN: center
}

.SpanLabel
{
    BACKGROUND-COLOR: white;

    PADDING-RIGHT: 1px;
    PADDING-LEFT: 1px;
    PADDING-TOP: 2px;
    PADDING-BOTTOM: 2px;

    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial, 'MS Sans Serif';

    MARGIN-RIGHT: 2px;
	MARGIN-TOP: 2px;
}

.SpanField
{
    BORDER-RIGHT: white 1px inset;
    BORDER-LEFT: black 1px inset;
    BORDER-BOTTOM: white 1px inset;
    BORDER-TOP: black 1px inset;

    PADDING-RIGHT: 5px;
    PADDING-LEFT: 1px;
    PADDING-BOTTOM: 1px;
    PADDING-TOP: 1px;

    WHITE-SPACE: nowrap;

    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    FONT-FAMILY: Verdana, Arial;
    COLOR: black;

    MARGIN-RIGHT: 5px;
	MARGIN-TOP: 2px;
	overflow:hidden;
	text-overflow:ellipsis;
}

DIV.row
{
    FONT-SIZE: 10pt;
    FONT-FAMILY: 'MS Sans Serif', Arial
}
DIV.menu
{
    BORDER-RIGHT: black 2px solid;
    BORDER-TOP: #cccccc 2px solid;
    BACKGROUND: #666666;
    LEFT: 0px;
    BORDER-LEFT: #cccccc 2px solid;
    WIDTH: 207px;
    BORDER-BOTTOM: black 2px solid;
    POSITION: relative;
    TOP: 0px;
    HEIGHT: 70px
}
A.Row
{
    TEXT-DECORATION: none
}
A.Row:link
{
    TEXT-DECORATION: none
}
A.Row:visited
{
    TEXT-DECORATION: none
}
A.Row:hover
{
    DISPLAY: block;
    FONT-WEIGHT: bold;
    CURSOR: hand;
    TEXT-DECORATION: none
}
A.Row:active
{
    DISPLAY: block;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
A.Row:unknown
{
    COLOR: green;
    BACKGROUND-COLOR: green;
    TEXT-DECORATION: none
}
.hide
{
    DISPLAY: none
}
SPAN.Totals
{
    BORDER-RIGHT: #99ccff 1px solid;
    BORDER-TOP: #99ccff 1px solid;
    BORDER-LEFT: #99ccff 1px solid;
    COLOR: white;
    BORDER-BOTTOM: #99ccff 1px solid;
    TEXT-ALIGN: right
}
SPAN.cell_right
{
    PADDING-RIGHT: 0.1cm;
    WIDTH: 100px;
    TEXT-ALIGN: right
}
SPAN.cell_center
{
    WIDTH: 100px;
    TEXT-ALIGN: center
}

.WaitMessage
{
    BORDER-RIGHT: black double;
    PADDING-RIGHT: 3px;
    BORDER-TOP: black double;
    PADDING-LEFT: 3px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    Z-INDEX: 7;
    LEFT: 300px;
    BACKGROUND-IMAGE: none;
    PADDING-BOTTOM: 3px;
    MARGIN: 5px;
    BORDER-LEFT: black double;
    WIDTH: 450px;
    COLOR: white;
    PADDING-TOP: 3px;
    BORDER-BOTTOM: black double;
    BACKGROUND-REPEAT: repeat;
    FONT-FAMILY: Arial;
    POSITION: absolute;
    TOP: 300px;
    HEIGHT: 150px;
    BACKGROUND-COLOR: green;
    TEXT-ALIGN: center
}
.InfoMessage
{
    BORDER-RIGHT: black double;
    PADDING-RIGHT: 10px;
    BORDER-TOP: black double;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    Z-INDEX: 1;
    LEFT: 200px;
    BACKGROUND-IMAGE: none;
    PADDING-BOTTOM: 10px;
    MARGIN: 5px;
    BORDER-LEFT: black double;
    WIDTH: 600px;
    COLOR: white;
    LINE-HEIGHT: 25px;
    PADDING-TOP: 10px;
    BORDER-BOTTOM: black double;
    BACKGROUND-REPEAT: repeat;
    FONT-FAMILY: Arial;
    POSITION: absolute;
    TOP: 115px;
    HEIGHT: 50px;
    BACKGROUND-COLOR: darkblue;
    TEXT-ALIGN: justify
}
/*
.InfoMessage2
{
    BORDER-RIGHT: black double;
    PADDING-RIGHT: 10px;
    BORDER-TOP: black double;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    Z-INDEX: 1;
    LEFT: 200px;
    BACKGROUND-IMAGE: none;
    PADDING-BOTTOM: 10px;
    MARGIN: 5px;
    BORDER-LEFT: black double;
    COLOR: white;
    LINE-HEIGHT: 20px;
    PADDING-TOP: 10px;
    BORDER-BOTTOM: black double;
    BACKGROUND-REPEAT: repeat;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: darkblue;
    TEXT-ALIGN: justify;
    OVERFLOW: auto

}
*/
.InfoMessage3
{
    BORDER-RIGHT: black double;
    PADDING-RIGHT: 10px;
    BORDER-TOP: black double;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    Z-INDEX: 1;
    LEFT: 200px;
    BACKGROUND-IMAGE: none;
    PADDING-BOTTOM: 10px;
    MARGIN: 5px;
    BORDER-LEFT: black double;
    WIDTH: 600px;
    COLOR: white;
    LINE-HEIGHT: 30px;
    PADDING-TOP: 10px;
    BORDER-BOTTOM: black double;
    BACKGROUND-REPEAT: repeat;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: darkblue;
    TEXT-ALIGN: justify
}

A.Continue
{
    BORDER-RIGHT: solid;
    PADDING-RIGHT: 6px;
    BORDER-TOP: ridge;
    PADDING-LEFT: 6px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    Z-INDEX: 2;
    LEFT: 350pt;
    FLOAT: none;
    PADDING-BOTTOM: 1pt;
    BORDER-LEFT: thin ridge;
    WIDTH: 1in;
    CURSOR: hand;
    COLOR: #000000;
    PADDING-TOP: 1pt;
    BORDER-BOTTOM: ridge;
    FONT-FAMILY: Verdana, 'MS Sans Serif', Arial;
    POSITION: absolute;
    TOP: 350pt;
    BACKGROUND-COLOR: #d8d8d6;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
.HelpMessage
{
    BORDER-RIGHT: black double;
    PADDING-RIGHT: 10px;
    BORDER-TOP: black double;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    Z-INDEX: 1;
    LEFT: 200px;
    BACKGROUND-IMAGE: none;
    PADDING-BOTTOM: 10px;
    MARGIN: 5px;
    BORDER-LEFT: black double;
    WIDTH: 600px;
    COLOR: black;
    LINE-HEIGHT: 30px;
    PADDING-TOP: 10px;
    BORDER-BOTTOM: black double;
    BACKGROUND-REPEAT: repeat;
    FONT-FAMILY: Arial;
    POSITION: absolute;
    TOP: 60px;
    HEIGHT: 450px;
    BACKGROUND-COLOR: #3399ff;
    TEXT-ALIGN: justify
}


A.Menu
{
    TEXT-DECORATION: none
}
A.Menu:link
{
    TEXT-DECORATION: none
}
A.Menu:visited
{
    TEXT-DECORATION: none
}
A.Menu:hover
{
    FONT-WEIGHT: bold;
	BACKGROUND-COLOR:blue;
    CURSOR: hand;
    TEXT-DECORATION: none
}
A.Menu:active
{
    FONT-WEIGHT: bold;
	BACKGROUND-COLOR:blue;
    TEXT-DECORATION: none
}
A.Menu:unknown
{
    COLOR: green;
    BACKGROUND-COLOR: green;
    TEXT-DECORATION: none
}

.DetailBox
{
    BORDER-RIGHT: ridge;
    PADDING-RIGHT: 3pt;
    BORDER-TOP: ridge;
    PADDING-LEFT: 3pt;
    PADDING-BOTTOM: 3pt;
    BORDER-LEFT: ridge;
    PADDING-TOP: 3pt;
    BORDER-BOTTOM: ridge;
    BACKGROUND-COLOR: #ccffff
}

.FilterBox
{
    BORDER-RIGHT: black thin solid;
    PADDING-RIGHT: 3pt;
    BORDER-TOP: black thin solid;
    PADDING-LEFT: 3pt;
    PADDING-BOTTOM: 3pt;
    BORDER-LEFT: black thin solid;
    WIDTH: 100%;
    PADDING-TOP: 3pt;
    BORDER-BOTTOM: black thin solid;
    BACKGROUND-COLOR: #ccffff;
    TEXT-ALIGN: center
}

<!-- show the legend at the bottom of the screen -->
SPAN.legend
{
    BORDER-RIGHT: black thin inset;
    PADDING-RIGHT: 10px;
    BORDER-TOP: black thin inset;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    BACKGROUND-IMAGE: none;
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: black thin inset;
    WIDTH: 100px;
    MARGIN-RIGHT: 5px;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: black thin inset;
    BACKGROUND-REPEAT: repeat;
    FONT-FAMILY: Verdana, Arial;
    HEIGHT: 30px;
    TEXT-ALIGN: center
}

.MenuButton
{
    BORDER-RIGHT: outset;
    PADDING-RIGHT: 6px;
    BORDER-TOP: outset;
    PADDING-LEFT: 6px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    PADDING-BOTTOM: 2pt;
    BORDER-LEFT: outset;
    WIDTH: 2.25in;
    CURSOR: hand;
    COLOR: black;
    PADDING-TOP: 1pt;
    BORDER-BOTTOM: outset;
    FONT-FAMILY: Verdana, 'MS Sans Serif', Arial;
    BACKGROUND-COLOR: #FFCC33;
    TEXT-ALIGN: left
}

/* The following have been change or added for internet payments */
.submitButton /* added */
{
    COLOR: black;
    BACKGROUND-COLOR: #d3d3d3;
    WIDTH: 1.2in;
    TEXT-ALIGN: center
}

.submitButtonmakepayment /* added */
{
    COLOR: black;
    BACKGROUND-COLOR: #d3d3d3;
    WIDTH: 1.2in;
    TEXT-ALIGN: center
}

.submitButtonBold /* added */
{
    COLOR: black;
    FONT-WEIGHT: bold;
    BACKGROUND-COLOR: #d3d3d3;
    WIDTH: 1.4in;
    TEXT-ALIGN: center
}

.TextDisabled
{
    FONT-SIZE: 10pt;  /* added fone size */
    FONT-WEIGHT: bold;
    FONT-FAMILY: Verdana, Arial, 'MS Sans Serif';
/*    BACKGROUND-COLOR: #b6b66d;	*/
    BACKGROUND-COLOR: #d1d1d1;
}
.PageHead
{
    BORDER-RIGHT: ridge;
    PADDING-RIGHT: 4pt;
    BORDER-TOP: ridge;
    PADDING-LEFT: 4pt;
    FONT-WEIGHT: bold;
/*    BACKGROUND-IMAGE: url(../images/backgrounds/bg_blue1.jpg);	*/
    PADDING-BOTTOM: 4pt;
    BORDER-LEFT: ridge;
    WIDTH: 900px;  /* was 100% */
    COLOR: black;
    TEXT-INDENT: 4pt;
    PADDING-TOP: 4pt;
    BORDER-BOTTOM: ridge;
/*    BACKGROUND-COLOR: powderblue;	*/
    BACKGROUND-COLOR: f3f3f3;
    TEXT-ALIGN: left
}
.Box
{
    BORDER-RIGHT: ridge;
    PADDING-RIGHT: 4pt;  /* was 4 */
    BORDER-TOP: ridge;
    PADDING-LEFT: 4pt;  /* was 4 */
    PADDING-BOTTOM: 3pt;
    BORDER-LEFT: ridge;
    PADDING-TOP: 3pt;
    BORDER-BOTTOM: ridge;
    HEIGHT: 450px;
    WIDTH: 900px; /* added */
    BACKGROUND-COLOR: #99ccff;
    WHITE-SPACE: nowrap
	
}

.BoxSmall
{
    BORDER-RIGHT: ridge;
    PADDING-RIGHT:4pt;  /* was 4 */
    BORDER-TOP: ridge;
    PADDING-LEFT: 4pt;  /* was 4 */
    PADDING-BOTTOM: 3pt;
    BORDER-LEFT: ridge;
    PADDING-TOP: 3pt;
    BORDER-BOTTOM: ridge;
    HEIGHT: 300px;
    WIDTH: 900px; /* added */
    BACKGROUND-COLOR: #99ccff;
    WHITE-SPACE: nowrap
}
.BoxMedium
{
    BORDER-RIGHT: ridge;
    PADDING-RIGHT: 4pt;  /* was 4 */
    BORDER-TOP: ridge;
    PADDING-LEFT: 4pt;  /* was 4 */
    PADDING-BOTTOM: 3pt;
    BORDER-LEFT: ridge;
    PADDING-TOP: 3pt;
    BORDER-BOTTOM: ridge;
    HEIGHT: 425px;
    WIDTH: 900px; /* added */
    BACKGROUND-COLOR: #99ccff;
    WHITE-SPACE: nowrap	
}
.RowBorder
{
    BORDER-RIGHT: black thin solid;
    PADDING-RIGHT: 3pt;
    BORDER-TOP: black thin solid;
    PADDING-LEFT: 3pt;
    PADDING-BOTTOM: 3pt;
    BORDER-LEFT: black thin solid;
    WIDTH: 753px; /* was 100% */
    PADDING-TOP: 3pt;
    BORDER-BOTTOM: black thin solid;
    BACKGROUND-COLOR: navajowhite;
    TEXT-ALIGN: center
}
.cell_left_row1
{
    BORDER-RIGHT: #99ccff 1px solid;
    BORDER-TOP: #99ccff 1px solid;
    PADDING-LEFT: 6px;
    BORDER-LEFT: #99ccff 1px solid;
/*    CURSOR: hand;  removed */
    COLOR: black;
    BORDER-BOTTOM: #99ccff 1px solid;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: left;
	overflow:auto
}
.cell_left_row2
{
    BORDER-RIGHT: #99ccff 1px solid;
    BORDER-TOP: #99ccff 1px solid;
    PADDING-LEFT: 6px;
    BORDER-LEFT: #99ccff 1px solid;
/*    CURSOR: hand;  removed */
    COLOR: black;
    BORDER-BOTTOM: #99ccff 1px solid;
    BACKGROUND-COLOR: #33ffff;
    TEXT-ALIGN: left;
	overflow:auto
}
.cell_center_row1  /* added */
{
    BORDER-RIGHT: #99ccff 1px solid;
    BORDER-TOP: #99ccff 1px solid;
    PADDING-LEFT: 6px;
    BORDER-LEFT: #99ccff 1px solid;
    COLOR: black;
    BORDER-BOTTOM: #99ccff 1px solid;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: center;
	overflow:auto
}
.cell_center_row2  /* added */
{
    BORDER-RIGHT: #99ccff 1px solid;
    BORDER-TOP: #99ccff 1px solid;
    PADDING-LEFT: 6px;
    BORDER-LEFT: #99ccff 1px solid;
    COLOR: black;
    BORDER-BOTTOM: #99ccff 1px solid;
    BACKGROUND-COLOR: #33ffff;
    TEXT-ALIGN: center;
	overflow:auto
}
.cell_right_row1  /* added */
{
    BORDER-RIGHT: #99ccff 1px solid;
    BORDER-TOP: #99ccff 1px solid;
    PADDING-LEFT: 6px;
    BORDER-LEFT: #99ccff 1px solid;
    COLOR: black;
    BORDER-BOTTOM: #99ccff 1px solid;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: right;
	overflow:auto
}
.cell_right_row2  /* added */
{
    BORDER-RIGHT: #99ccff 1px solid;
    BORDER-TOP: #99ccff 1px solid;
    PADDING-LEFT: 6px;
    BORDER-LEFT: #99ccff 1px solid;
    COLOR: black;
    BORDER-BOTTOM: #99ccff 1px solid;
    BACKGROUND-COLOR: #33ffff;
    TEXT-ALIGN: right;
	overflow:auto
}
/*
.AccountMessages /* added */
{
    BORDER-RIGHT: ridge;
    PADDING-RIGHT: 4pt;  /* was 4 */
    BORDER-TOP: ridge;
    PADDING-LEFT: 4pt;  /* was 4 */
    PADDING-BOTTOM: 3pt;
    BORDER-LEFT: ridge;
    PADDING-TOP: 3pt;
    BORDER-BOTTOM: ridge;
    WIDTH: 900px; /* added */
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #ffffff;
    FONT-FAMILY: 'MS Sans Serif', Arial;
    BACKGROUND-COLOR: #000000;
    TEXT-ALIGN: center
}
*/
{
    BORDER-RIGHT: ridge;
    PADDING-RIGHT: 4pt;  /* was 4 */
    BORDER-TOP: ridge;
    PADDING-LEFT: 4pt;  /* was 4 */
    PADDING-BOTTOM: 3pt;
    BORDER-LEFT: ridge;
    PADDING-TOP: 3pt;
    BORDER-BOTTOM: ridge;
    WIDTH: 900px; /* added */
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #ffffff;
    FONT-FAMILY: 'MS Sans Serif', Arial;
    BACKGROUND-COLOR: #000000;
    TEXT-ALIGN: center
}
.WelcomeMessages /* added */
{
    BORDER-RIGHT: ridge;
    PADDING-RIGHT: 4pt;  /* was 4 */
    BORDER-TOP: ridge;
    PADDING-LEFT: 4pt;  /* was 4 */
    PADDING-BOTTOM: 3pt;
    BORDER-LEFT: ridge;
    PADDING-TOP: 3pt;
    BORDER-BOTTOM: ridge;
    WIDTH: 900px; /* added */
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #ffffff;
    FONT-FAMILY: 'MS Sans Serif', Arial;
    BACKGROUND-COLOR: #000000;
    TEXT-ALIGN: center
}
.TextSmall
{
    FONT-SIZE: 8pt;
    BACKGROUND-COLOR: #b6b66d;
}
/*
.FeeMessages /* added 100710*/
{
    BORDER-RIGHT: ridge;
    PADDING-RIGHT: 4pt;  /* was 4 */
    BORDER-TOP: ridge;
    PADDING-LEFT: 4pt;  /* was 4 */
    PADDING-BOTTOM: 3pt;
    BORDER-LEFT: ridge;
    PADDING-TOP: 3pt;
    BORDER-BOTTOM: ridge;
    WIDTH: 900px; /* added */
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #ff3333;
    FONT-FAMILY: 'MS Sans Serif', Arial;
    BACKGROUND-COLOR: #000000;
    TEXT-ALIGN: center;
    border-radius:10px;

}*/
/*
.AccountOnCutoffList /* added 071511*/
{
    BORDER-RIGHT: ridge;
    PADDING-RIGHT: 4pt;  /* was 4 */
    BORDER-TOP: ridge;
    PADDING-LEFT: 4pt;  /* was 4 */
    PADDING-BOTTOM: 3pt;
    BORDER-LEFT: ridge;
    PADDING-TOP: 3pt;
    BORDER-BOTTOM: ridge;
    WIDTH: 900px; /* added */
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #ffffff;
    FONT-FAMILY: 'MS Sans Serif', Arial;
    BACKGROUND-COLOR: #000000;
    TEXT-ALIGN: center
}*/

/* beg chg 071513 */
span.stw_header_right_stw
{
  color:#0000CC;
  font-family:Times;
  font-style:normal;
  font-weight:bold;

  margin: 0;
  padding: 0;
  vertical-align:bottom;
}
span.stw_header_right_inc
{
  color:#0000CC;
  font-family:lucida sans unicode, lucida grande, sans-serif;
  font-style:normal;
  font-weight:bolder;
  vertical-align:bottom;
}
.stw_copyright2
{
  color:#0000CC;
  FONT-WEIGHT:bold;
  /*FONT-SIZE:8pt;*/
  FONT-SIZE:0.7em;
  FONT-FAMILY:Arial, sans-serif;
}
/* end chg 071513 */

/* added 041114 */
/*.online-help-ubtipver
{
  background: url("../images/online_help3.jpg") no-repeat;
  height:50px;
  width:50px;
  text-indent:-500px;
  display:block;
  position:relative;
  top:-50px;
  left:-400px;
  overflow:hidden;
}
*/

.online-help-ubtipact
{
  background: url("../images/online_help3.jpg") no-repeat;
  height:50px;
  width:50px;
  text-indent:-500px;
  display:block;
  position:relative;
  top:-90px;
  left:-400px;
  overflow:hidden;
}

/*  08/17/16 IZ added new styles for page reface.*/


.InfoMessage2
{
  BACKGROUND-COLOR: #265a88;
  BORDER: black double;
  COLOR: white;
  FONT-FAMILY:Arial, sans-serif;
  FONT-WEIGHT:bold;
  FONT-SIZE:12pt;
  MARGIN: 5px;
  LINE-HEIGHT: 20px;
  PADDING: 10px;
  TEXT-ALIGN: justify;
}

.blue_box 	/* IZ-8/16/2016 currently unused */
{
	BORDER-RIGHT: ridge;
    PADDING-RIGHT: 4pt;
    BORDER-TOP: ridge;
    PADDING-LEFT: 4pt;
    PADDING-BOTTOM: 3pt;
    BORDER-LEFT: ridge;
    PADDING-TOP: 3pt;
    BORDER-BOTTOM: ridge;
    FONT-WEIGHT: bold;
    FONT-SIZE: 20px;
    COLOR: #555;
    FONT-FAMILY: 'MS Sans Serif', Arial;
    BACKGROUND-COLOR: #e3f7fc;
    TEXT-ALIGN: center;
	MARGIN-TOP: 4PX;
    border-radius:10px;
	
}

.AccountMessages
{
    BORDER-RIGHT: ridge;
    PADDING-RIGHT: 4pt;  /* was 4 */
    BORDER-TOP: ridge;
    PADDING-LEFT: 4pt;  /* was 4 */
    PADDING-BOTTOM: 3pt;
    BORDER-LEFT: ridge;
    PADDING-TOP: 3pt;
    BORDER-BOTTOM: ridge;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
   /* COLOR: #fff8c4;*/
    COLOR: white;
    FONT-FAMILY: 'MS Sans Serif', Arial;
    BACKGROUND-COLOR: #000000;
    TEXT-ALIGN: center;
	border-radius: 10px; 
    margin-top: .5%;
    font-size: 20px;

}

.ErrorMsg
{
 
	BORDER-RIGHT: ridge;
    PADDING-RIGHT: 4pt;
    BORDER-TOP: ridge;
    PADDING-LEFT: 4pt;
    PADDING-BOTTOM: 3pt;
    BORDER-LEFT: ridge;
    PADDING-TOP: 3pt;
    BORDER-BOTTOM: ridge;
    FONT-WEIGHT: bold;
    FONT-SIZE: 20px;
    COLOR: #555;
    FONT-FAMILY: 'MS Sans Serif', Arial;
    BACKGROUND-COLOR: #ffecec ;
    TEXT-ALIGN: center;
	MARGIN-TOP: 4PX;
    border-radius:10px;
}
.online-help-ubtipver
{
  background: url("../images/online_help3.jpg") no-repeat;
  height:50px;
  width:50px;
  text-indent:-500px;
  display:block;
  overflow:hidden;
}

.Libre{
	font-family:  'Libre Baskerville', serif;
	}

.header-bar{
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
	background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);
	background-image:      -o-linear-gradient(top, #337ab7 0%, #265a88 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
	background-image:         linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	background-repeat: repeat-x;
	background-color: #337ab7;
	border-color: #245580;
	color:#FFFFFF;

	padding: 4px 15px;
}
.modern-blue {
  text-align: center;  
  color: white;  
  background-color: #337ab7;
  border-radius: 4px;
  margin: 0px auto;
  padding: 10px 14px;  
  margin-top: 4px;   
  cursor: pointer;
  font-weight:bold;
  font-family:   Arial, sans-serif;
  font-size: 15px;
  line-height: 14px;
}
.GrayBorder{
	background:#e6e6e6; 
	border-style:solid; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	text-align:center;
	
	
}

.RowBorderGray
{
    PADDING-RIGHT: 3pt;
    PADDING-LEFT: 3pt;
    PADDING-BOTTOM: 3pt;
    /*WIDTH: 900px; /* was 100% */
    PADDING-TOP: 3pt;
    TEXT-ALIGN: center
	
}
html{
  height: 100%;
}
body{overflow-x: hidden;  min-height: 100%;
}

nav ul li {float:left; display:inline; position:relative;}
nav ul li ul {width:350px;background:#FFF; }
nav ul li ul li {width:350px; text-align:left; border-radius: 7px 7px 0 0; padding: 7px; }
nav ul li ul.fallback {opacity:0; display: none; }
nav ul li:hover ul.fallback {display: block; transition: all 0.2s ease-in; opacity:1; }
nav ul li.nohover:hover ul.fallback {opacity:0; display: none;}

 
nav ul li ul li {border-bottom: 1px solid #e6e8ea;}

nav ul li ul{ 
			background-color: #f3f8f8;
			border-radius: 7px;
			border: 1px solid rgba(0,0,0,0.15);
			box-shadow: 0 1px 1px rgba(50,50,50,0.1);
			}
nav ul {z-index:50; padding-left:0px;}
nav li ul {position: absolute;}

.dt-right{	text-align: right;	}
div.dataTables_paginate {text-align: center} 


.yellow{ background-color:yellow;}/*testing purposes */

.FeeMessages 
{
    BORDER-RIGHT: ridge;
    PADDING-RIGHT: 4pt;  /* was 4 */
    BORDER-TOP: ridge;
    PADDING-LEFT: 4pt;  /* was 4 */
    PADDING-BOTTOM: 3pt;
    BORDER-LEFT: ridge;
    PADDING-TOP: 3pt;
    BORDER-BOTTOM: ridge;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #ff3333;
    BORDER-COLOR: #ff3333;
    FONT-FAMILY: 'MS Sans Serif', Arial;
    BACKGROUND-COLOR: #000000;
    TEXT-ALIGN: center;
    border-radius:10px;

}
.PaymentError 
{
    BORDER-RIGHT: ridge;
    PADDING-RIGHT: 4pt;  /* was 4 */
    BORDER-TOP: ridge;
    PADDING-LEFT: 4pt;  /* was 4 */
    PADDING-BOTTOM: 3pt;
    BORDER-LEFT: ridge;
    PADDING-TOP: 3pt;
    BORDER-BOTTOM: ridge;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #ff3333;
    BORDER-COLOR: #ff3333;
    FONT-FAMILY: 'MS Sans Serif', Arial;
    BACKGROUND-COLOR: #000000;
    TEXT-ALIGN: center;
    border-radius:10px;

}

.AccountOnCutoffList 
{
    BORDER-RIGHT: ridge;
    PADDING-RIGHT: 4pt;  /* was 4 */
    BORDER-TOP: ridge;
    PADDING-LEFT: 4pt;  /* was 4 */
    PADDING-BOTTOM: 3pt;
    BORDER-LEFT: ridge;
    PADDING-TOP: 3pt;
    BORDER-BOTTOM: ridge;
    /*WIDTH: 900px; /* added */
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #ffffff;
    FONT-FAMILY: 'MS Sans Serif', Arial;
    BACKGROUND-COLOR: #000000;
    TEXT-ALIGN: center;
    border-radius:10px;


}

/*loading screen: */
.cancel { display:block; position:absolute; top:3px; right:2px; background:rgb(0,0,0,0.6); color:black; height:30px; width:35px; font-size:30px; text-decoration:none; text-align:center; font-weight:bold; }
#cover{ position:fixed; top:0; left:0; display:none; background:rgba(0,0,0,0.6); z-index:100; width:100%; height:100%;  }
#loading_gif { height:250px; width:250px; display:none;  position:fixed; top:50%; left:50%; margin-top: -125px; margin-left: -125px; z-index:101;   border:5px solid #cccccc; border-radius:10px; } /* background: url("/stw_php/images/circle-loading-animation.gif") no-repeat; */
 /*#loading_gif:target, #loading_gif:target + #cover{ display:block; opacity:2; } */

 /*  08/17/16 IZ end of new styles. */