/*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*
	If Changing default esuite colors
   Replace #00 00 99  Title Bar, Starting Gradient Color, Link Bar and border
   With    #
   Replace #33 99 FF  Ending gradient color
   With    #
   Replace #BC D0 F3  Starting gradient (Light), Grid title bars and footings
   With    #
*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*/
/*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*
	This section controls the Title Bars
*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*/
.psBodyTiny     { background-color: Transparent; color: #000000; font-size: 10px;  font-family: verdana,arial,helvetica,sans-serif; }
.psBodyTiner     { background-color: Transparent; color: #000000; font-size: 9px;  font-family: verdana,arial,helvetica,sans-serif; }
.psBodyTinest     { background-color: Transparent; color: #000000; font-size: 8px;  font-family: verdana,arial,helvetica,sans-serif; }
.psBodyTinyBold     { background-color: Transparent; color: #000000; font-size: 11px;  font-family: verdana,arial,helvetica,sans-serif;font-weight: bold; }
.psBodyTinyBold2     { background-color: Transparent; color: #000000; font-size: 12px;  font-family: verdana,arial,helvetica,sans-serif;font-weight: bold; }
.psButton    { background-color: #F87217; color: #FF0000; font-size: 12px; font-family: 
               verdana, arial, helvetica, sans-serif }
.TitleBar    { font-weight: bold; font-size: 12px; color: #000000; filter: 
               'progid DXImageTransform.Microsoft.Gradient(startColorStr= #00000099', 'endColorStr= #FF3399FF', 'gradientType= 1'; 
               background-color: #979AA8; border-style: none; border-color: 
               #D11717 }
.TitleBarRight
{
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= '#FF3399FF' , endColorStr= '#00000099' , gradientType= '1' );
	background-color: #000099;
}
.TitleBarMid
{
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= '#00336699' , endColorStr= '#FF3399FF' , gradientType= '1' );
	background-color: #000099;
}
.TitleBarRoll
{
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= '#00000099' , endColorStr= '#FF3399FF' , gradientType= '0' );
	background-color: #000099;
}
td.TitleBarRollDown
{
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= '#FF3399FF' , endColorStr= '#00000099' , gradientType= '0' );
	background-color: #000099;
}
IMG.TitleBarSize
{
	width: 25px;
	height: 25px;
}
/*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*
	This section controls the Message bars
*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*/
.MessageBar
{
	font-size: 14px;
	color: white;
	font-family: verdana,arial,helvetica,sans-serif;
	background-color: transparent;
}
A.MessageBar:link
{
	font-weight: bold;
	font-size: 14px;
	color: white;
	text-decoration: none;
}
A.MessageBar:visited
{
	font-weight: bold;
	font-size: 14px;
	color: white;
	text-decoration: none;
}
A.MessageBar:hover
{
	font-weight: bold;
	font-size: 14px;
	color: #f00000;
	text-decoration: none;
}
/*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*
	This section controls the Links on bars
*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*/
.LinkBarWhite
{
	font-size: 14px;
	color: white;
	font-family: verdana,arial,helvetica,sans-serif;
	background-color: transparent;
	text-decoration: underline;
}
A.LinkBarWhite:link
{
	font-weight: bold;
	font-size: 14px;
	color: white;
	text-decoration: none;
	text-decoration: underline;
}
A.LinkBarWhite:visited
{
	font-weight: bold;
	font-size: 14px;
	color: white;
	text-decoration: none;
	text-decoration: underline;
}
A.LinkBarWhite:hover
{
	font-weight: bold;
	font-size: 14px;
	color: #f00000;
	text-decoration: none;
}
.LinkBarBlue { font-size: 11px; color: #22016D; font-family: 
               verdana, arial, helvetica, sans-serif }
a.LinkBarBlue:link { font-size: 11px; color: #22016D; font-weight: bold }
a.LinkBarBlue:visited { font-size: 11px; color: #22016D; font-weight: bold }
a.LinkBarBlue:hover { font-size: 11px; color: #F00000; text-decoration: none; font-weight: bold }
/*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*
	This section controls the Style of the Grids and Tables
*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*/
.GridHeader  { font-size: 12px; background-color: #FFFFFF; font-weight: bold }
.GridPager
{
	font-weight: bold;
	font-size: 10px;
	background-color: #E6ECFF;
	text-decoration: underline;
	color: #22016D;
}
 

.GridPager a:link { font-size: 10px; color: #22016D; font-weight: bold; }

.GridPager a:visited { font-size: 10px; color: #22016D; font-weight: bold }
.GridPager a:hover { font-size: 10px; color: #F00000;  font-weight: bold }
.GridFooter
{
    
	font-size: 11px;
	font-weight: bold;
	background-color: #E6ECFF;
	color: #22016D;
}
.GridStyle   { font-size: 11px; color: #000000; font-family: 
               verdana, arial, helvetica, sans-serif; background-color: 
               #FFFFFF }
.GridStyleTransparent
{
	font-size: 12px;
	color: #000000;
	font-family: verdana,arial,helvetica,sans-serif;
	background-color: Transparent;
}
.Grid2Header  { font-size: 13px; background-color: #FFFFFF; font-weight: bold }
.Grid2Pager
{
	font-weight: bold;
	font-size: 11px;
	background-color: #bcd0f3;
	text-decoration: underline;
	color: #22016D;
}
 

.Grid2Pager a:link { font-size: 11px; color: #22016D; font-weight: bold; }

.Grid2Pager a:visited { font-size: 11px; color: #22016D; font-weight: bold }
.Grid2Pager a:hover { font-size: 11px; color: #F00000;  font-weight: bold }
.Grid2Footer
{
    
	font-size: 12px;
	font-weight: bold;
	background-color: #BCD0F3;
	color: #22016D;
}
.Grid2Style   { font-size: 12px; color: #000000; font-family: 
               verdana, arial, helvetica, sans-serif; background-color: 
               #FFFFFF }
.Grid2StyleTransparent
{
	font-size: 13px;
	color: #000000;
	font-family: verdana,arial,helvetica,sans-serif;
	background-color: Transparent;
}

/*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*
	This section sets up the borders around a control or section
*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*/
IMG.BoxSize
{
	width: 9px;
	height: 9px;
}
td.BoxTopRight { background-image: url('../eAmerex/img/thinbox_top_right.gif'); 
               background-repeat: no-repeat; background-color: transparent }
td.BoxTopTile { background-image: url('../eAmerex/img/thinbox_top_tile.gif'); 
               background-repeat: repeat-x; background-color: transparent }
td.BoxTopLeft { background-image: url('../eAmerex/img/thinbox_top_left.gif'); 
               background-repeat: no-repeat; background-color: transparent }
td.BoxBottomRight { background-image: url('../eAmerex/img/thinbox_bottom_right.gif'); 
               background-repeat: no-repeat; background-color: transparent }
td.BoxBottomTile { background-image: url('../eAmerex/img/thinbox_bottom_tile.gif'); 
               background-repeat: repeat-x; background-color: transparent }
td.BoxBottomLeft { background-image: url('../eAmerex/img/thinbox_bottom_left.gif'); 
               background-repeat: no-repeat; background-color: transparent }
td.BoxLeftTile { background-image: url('../eAmerex/img/thinbox_left_tile.gif'); 
               background-repeat: repeat-y; background-color: transparent }
td.BoxRightTile { background-image: url('../eAmerex/img/thinbox_right_tile.gif'); 
               background-repeat: repeat-y; background-color: transparent }
/*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*
	This section controls the backgrounds of entry sections
*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*/
.EntryBoxLight
{
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= '#00BCD0F3' , endColorStr= '#FFFFFFFF' , gradientType= '1' );
	background-color: #BCD0F3;
}

/*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*
	This section is used for the tabs
*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*/
.TabBg
{
	background-color: #000099;
}
.TabBgWhite
{
	font-weight: bold;
	font-size: 12px;
	color: #333366;
	background-color: #FFFFFF;
}
.TabBgWhiteBorder
{
	font-weight: bold;
	font-size: 12px;
	color: #333366;
	border-right: #000099 1px solid;
	border-top: #000099 1px solid;
	border-left: #000099 1px solid;
	background-color: #ffffff;
}
IMG.TabBorderSize
{
	width: 8px;
	height: 9px;
}
td.TabTopRight { background-image: url('../eAmerex/img/tab_top_right_advblue.jpg'); 
               background-repeat: no-repeat; background-color: transparent }
td.TabTopTile { background-image: url('../eAmerex/img/tab_top_advblue.jpg'); 
               background-repeat: repeat-x; background-color: transparent }
td.TabTopLeft { background-image: url('../eAmerex/img/tab_top_left_advblue.jpg'); 
               background-repeat: no-repeat; background-color: transparent }
td.TabLeftTile { background-image: url('../eAmerex/img/tab_left_advblue.gif'); 
               background-repeat: repeat-y; background-color: transparent }
td.TabRightTile { background-image: url('../eAmerex/img/tab_right_advblue.gif'); 
               background-repeat: repeat-y; background-color: transparent }
/*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*/
/* background/border colors for the tabs                         */
/* hyperlink styles of the tabs                                  */
/*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*/
A.InactiveTabs:link
{
	font-weight: bold;
	font-size: 12px;
	color: #000099;
	text-decoration: none;
}

A.InactiveTabs:visited
{
	font-weight: bold;
	font-size: 12px;
	color: #000099;
	text-decoration: none;
}

A.InactiveTabs:active
{
	font-weight: bold;
	font-size: 12px;
	color: #000099;
	text-decoration: none;
}

A.InactiveTabs:hover
{
	font-weight: bold;
	font-size: 12px;
	color: #f00000;
	text-decoration: none;
}
.InactiveTabs
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: darkblue;
	text-decoration: none;
	font-weight: bold;
	background-color: #BCD0F3;
}
.InactiveTabsBg
{
	background-color: #CCCCCC;
}
.SelectedTab
{
	font-weight: bold;
	font-size: 13px;
	color: white;
	border-bottom: 1px solid;
	border-top: 0px solid;
	border-left: 0px solid;
	border-right: 0px solid;
	font-family: Verdana, Helvetica, sans-serif;
	border-left-style: none;
	background-color: #000099;
}
.SelectedTabWhite
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: White;
	font-weight: bold;
}
.SelectedTabRed
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: Red;
	font-weight: bold;
}
.TabSeperator
{
	border-bottom: gainsboro 0px solid; /*	background-color: #d6d6b5; */
	background-color: #ffffff;
}
/*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*/
/* Generic Style Setups											 */
/*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*&*/
A:link
{
	color: #000099;
	text-decoration: none;
}
A:visited
{
	color: #000099;
	text-decoration: none;
}
A:hover
{
	color: #f00000;
	text-decoration: none;
}
A.grid:link
{
	font-weight: bold;
	font-size: 13px;
	color: #000099;
	text-decoration: none;
}
A.grid:visited
{
	font-weight: bold;
	font-size: 13px;
	color: #000099;
	text-decoration: none;
}
A.grid:hover
{
	font-weight: bold;
	font-size: 13px;
	color: #f00000;
	text-decoration: none;
}
A.grid2:link
{
	font-weight: bold;
	font-size: 14px;
	color: #000099;
	text-decoration: none;
}
A.grid2:visited
{
	font-weight: bold;
	font-size: 14px;
	color: #000099;
	text-decoration: none;
}
A.grid2:hover
{
	font-weight: bold;
	font-size: 14px;
	color: #f00000;
	text-decoration: none;
}
A.header:link
{
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
A.header:visited
{
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
A.header:hover
{
	font-weight: bold;
	color: #f00000;
	text-decoration: none;
}
A.infobar:link
{
	font-weight: bold;
	font-size: 10px;
	color: #000099;
	text-decoration: none;
}
A.infobar:visited
{
	font-weight: bold;
	font-size: 10px;
	color: #000099;
	text-decoration: none;
}
A.infobar:hover
{
	font-weight: bold;
	font-size: 10px;
	color: #f00000;
	text-decoration: none;
}
.infobar
{
	background-color: #CCCCCC;
}
.linkbutton  { font-weight: bold; background-image: url('../eAmerex/img/thbg.gif'); 
               background-repeat: repeat-x }
body         { font-size: 12px; color: #000000; font-family: 
               verdana, arial, helvetica, sans-serif; margin: ) }
H1
{
	margin-top: 18px;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 16px;
	color: #000000;
}
H1.homepage
{
	font-weight: bold;
	font-size: 24px;
	color: #cc0000;
}
H2
{
	margin-top: 12px;
	font-size: 14px;
	margin-bottom: 10px;
	color: #5d5e59;
}
H3
{
	margin-top: 12px;
	font-size: 14px;
	margin-bottom: 10px;
	color: #e00000;
}
H4
{
	margin-top: 12px;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 6px;
	color: #e00000;
}
H5
{
	margin-top: 10px;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 8px;
	color: #000000;
}
H6
{
	margin-top: 10px;
	font-weight: bold;
	font-size: 11px;
	margin-bottom: 8px;
	color: #000000;
}
input
{
	font-size: 11px;
	font-family: verdana,arial,helvetica,sans-serif;
}
select
{
	font-size: 11px;
	font-family: verdana,arial,helvetica,sans-serif;
}
th           { font-size: 12px; color: #000000; background-color: #979AA8 }
.bullet
{
	color: #e00000;
}
.error
{
	color: #ff0000;
}
.highlight
{
	font-weight: bold;
	color: #e00000;
	font-style: italic;
}

/* text style used for most text rendered by modules */
.Normal      { font-family: Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: 
               normal; line-height: 12px; background-color: #FFFFFF; 
               border: 1 solid #D11717 }
/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

.NormalRed
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: red;
}

.NormalBold
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}