*
{
    padding: 10;
    margin: 0;
}

/* +++++ General Styles +++++ */

.bar
{
    height: 2px;
    background: #808080;
    font-size: 2px;
    line-height: 2px;
    color: #808080;
    background-image: url('../graphics/green_rule_600x2.gif');
}

.paybar
{
    height: 2px;
    background: #FF0066;
    font-size: 2px;
    line-height: 2px;
    color: #FF0066;
}

.clear { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height: 10px;
    font-size: 1px;
    line-height: 0px;
}

.body { 
    background-color: #E7E8DD;
    background-image: url('../graphics/barbkgde.gif');
    background-repeat: repeat;
}

.body_a { 
    background-color: #E7E8DD;
    background-image: none;
    background-repeat: repeat;
}

.body_m { 
    background-color: #FFFFFF;
    background-image: none;
    background-repeat: repeat;
}

#container { 
	text-align: left; /* this overrides the text-align: center on the body element. */
    width: 1000px;
}

span.bold {
	color: #3a5d74;
	font-weight: bold;
}

/* +++++ Header +++++ */

#header { 
    margin: 10px 0; 
	height: 75px;
	text-align: left; 
}

img.logo {
	float: left;
	margin-left: 10px;
	padding-right: 62px;
}

/* +++++ Footer +++++ */

#footer { 
	line-height: 16px;
	overflow: hidden;
    margin: 10px 0; 
	height:auto !important; /* real browsers */
	height:50px; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */ 
} 

.footerLeft {
	float: left;
	text-align: left;
	width: 465px;
	padding: 10px 0 0 10px;
}

.footerRight {
	float: right;
	text-align: right;
	width: 465px;
	padding: 10px 10px 0 0;
}

/* +++++ Login Page +++++ */

div.accountInfo
{
    width: 300;
}

fieldset
{
    margin: 0;
    padding: 5px;
    border: 1px solid #808080;
    width: 300px;
}

fieldset p 
{
    margin: 10px 0px 0px 1px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-weight: 500;
    padding: 2px 4px 8px 4px;
}

input.textEntry
{
    border: 2px solid #808080;
    background-color: #FFFFFF;
    background-image: none;
}

input.passwordEntry 
{
    border: 2px solid #808080;
    background-color: #FFFFFF;
    background-image: none;
}

.failureNotification
{
    color: Red;
}

/* +++++ Main page body +++++ */

#mainContent
{
    padding: 0px;
    margin: 10px 5px 10px 5px;
}

.maincontentHead
{
    padding: 0px;
    margin: 0px;
    border-style: none;
    border-color: transparent;
    color: #7A7A52;
    font-size: x-large;
    background-color: transparent;
    height: 30px;
    font-weight: bold;
    vertical-align: middle;
    line-height: 30px;
    text-indent: 0px;
}

.maincontentHead_p
{
    padding: 0px;
    margin: 0px;
    border-style: none;
    border-color: transparent;
    color: #000080;
    font-size: x-large;
    background-color: transparent;
    height: 30px;
    font-weight: bold;
    vertical-align: middle;
    line-height: 30px;
    text-indent: 0px;
}

.agentline
{
    border-style: none;
    color: #7A7A52;
    font-size: medium;
    height: 30px;
}

.menuline
{
    background-color: transparent;
    border-style: none;
    color: #7A7A52;
    font-size: medium;
    height: 22px;
    vertical-align: baseline;
    text-align: left;
    line-height: normal;
}

.menuline_a
{
    background-color: #FFFFFF;
    border-style: none;
    color: #7A7A52;
    font-size: medium;
    height: 22px;
    vertical-align: baseline;
    text-align: left;
    line-height: normal;
}

.menuline_m
{
    background-color: #E7E8DD;
    border-style: none;
    color: #7A7A52;
    font-size: medium;
    height: 22px;
    vertical-align: baseline;
    text-align: left;
    line-height: normal;
}

.menuline_p
{
    border-style: none;
    color: #000080;
    font-size: medium;
    height: 22px;
    vertical-align: baseline;
    text-align: left;
    line-height: normal;
}

.menulink
{
    color: #7A7A52;
    background-color: transparent;
    text-decoration: none;
}

.menulink:Disabled
{
    color: #C9C9AD;
    background-color: transparent;
    text-decoration: none;
}

.menulink:Hover
{
    color: #000000;
    background-color: transparent;
    text-decoration: underline;
}

.menuhere
{
    color: #9B4E00;
    background-color: transparent;
    text-decoration: none;
}

.hrefbuttonstyle
{
    width: 100px;
    height: 26px;
    border-style: solid;
    border-width: medium;
    border-color: #999999 #666666 #666666 #999999;
    background-color: #CCCCCC;
    background-image: none;
    text-decoration: none;
    color: #000000;
    vertical-align: middle;
    text-align: center;
}

.sideContent
{
    border-style: solid;
    border-width: 10px;
    border-color: transparent;
    margin: 0px;
    color: #FFFFFF;
    font-size: 14px;
    background-color: #999966;
    background-image: none;
    height: inherit;
    width: auto;
    vertical-align: top;
    text-align: left;
}

.sidehere
{
    color: #CDCDB4;
    background-color: #999966;
    background-image: none;
    text-decoration: none;
}

.sidelink
{
    color: #FFFFFF;
    background-color: #999966;
    background-image: none;
    text-decoration: none;
}

.sidelink:Hover
{
    color: #000000;
    background-color: #999966;
    background-image: none;
    text-decoration: none;
}

.sidelink:Visited
{
    color: #C9C9AD;
    background-color: #999966;
    background-image: none;
    text-decoration: none;
}

.tablehead
{
    border-style: none;
    color: #FFFFFF;
    font-size: large;
    background-color: #7A7A52;
    background-image: none;
    vertical-align: middle;
    text-align: left;
}

.footline
{
    border-style: none;
    color: #7A7A52;
    font-size: smaller
}

.footline_p
{
    border-style: none;
    color: #000080;
    font-size: smaller;
}

.footlink
{
    color: #7A7A52;
    background-color: transparent;
    text-decoration: none;
}

.footlink:Disabled
{
    color: #C9C9AD;
    background-color: transparent;
    text-decoration: none;
}

.footlink:Hover
{
    color: #000000;
    background-color: transparent;
    text-decoration: underline;
}

.foothere
{
    color: #9B4E00;
    background-color: transparent;
    text-decoration: none;
}

.textboxstyle
{
    border: 2px solid #7A7A52;
    color: #000000;
    background-color: #FFFFFF;
    background-image: none;
    padding: 5px;
}

.comboboxstyle
{
    border: 2px solid #7A7A52;
    color: #000000;
    background-color: #FFFFFF;
    background-image: none;
    padding: 0px;
    margin: 0px;
}

.textboxstyle_p
{
    border: 2px solid #000080;
    color: #000000;
    background-color: #FFFFFF;
    background-image: none;
    padding: 5px;
}

.comboboxstyle_p
{
    border: 2px solid #000080;
    color: #000000;
    background-color: #FFFFFF;
    background-image: none;
}

.buttonstyle
{
    background-color: #CCCCCC;
    background-image: none;
}

.paginglink
{
    width: 40px;
    height: 40px;
    vertical-align: middle;
    text-align: center;
    color: #000000;
    background-color: transparent;
    text-decoration: none;
}

.paginglink:Hover
{
    width: 40px;
    height: 40px;
    vertical-align: middle;
    text-align: center;
    color: #000000;
    background-color: transparent;
    text-decoration: none;
}

.pagingnot
{
    width: 40px;
    height: 40px;
    vertical-align: middle;
    text-align: center;
    color: #666666;
    background-color: transparent;
    text-decoration: none;
}

.gridheader
{
    text-decoration: none;
    color: #FFFFFF !;
    background-color: #333300;
    border: 2px solid #333300;
    padding: 5px 10px 5px 10px;
    vertical-align: top;
    text-align: center;
    white-space: nowrap;
}

.gridheaderlink
{
    text-decoration: underline;
    color: #FFFFFF;
    background-color: #333300;
    border: 2px solid #333300;
    padding: 5px 10px 5px 10px;
    vertical-align: top;
    text-align: center;
    white-space: nowrap;
}

.griditem
{
    color: #000000;
    background-color: #FFFFFF;
    border: 2px solid #333300;
    padding: 5px 10px 5px 10px;
    vertical-align: top;
    white-space: nowrap;
}

.gridaltitem
{
    color: #000000;
    background-color: #999966;
    border: 2px solid #999966;
    padding: 5px 10px 5px 10px;
    vertical-align: top;
    white-space: nowrap;
}

.gridselecteditem
{
    color: #000000;
    background-color: #999966;
    border: 2px solid #999966;
    padding: 5px 10px 5px 10px;
    vertical-align: top;
    white-space: nowrap;
}

.gridlink
{
    color: #000000;
    background-color: transparent;
    text-decoration: none;
    font-weight: bold;
    vertical-align: top;
    white-space: nowrap;
}

.gridlink:Disabled
{
    color: #666666;
    background-color: transparent;
    text-decoration: none;
    font-weight: bold;
    vertical-align: top;
    white-space: nowrap;
}

.gridlink:Hover
{
    color: #000000;
    background-color: transparent;
    text-decoration: underline;
    font-weight: bold;
    vertical-align: top;
    white-space: nowrap;
}

.gridreqheader
{
    text-decoration: none;
    color: #FFFFFF;
    background-color: #663300;
    border: 2px solid #663300;
    padding: 5px 10px 5px 10px;
    vertical-align: top;
    text-align: center;
    white-space: nowrap;
}

.gridreqitem
{
    color: #000000;
    background-color: #FFFFFF;
    border: 2px solid #663300;
    padding: 5px 10px 5px 10px;
    vertical-align: top;
    white-space: nowrap;
}

.gridreqaltitem
{
    color: #000000;
    background-color: #996633;
    border: 2px solid #996633;
    padding: 5px 10px 5px 10px;
    vertical-align: top;
    white-space: nowrap;
}

.gridreqselecteditem
{
    color: #FFFFFF;
    background-color: #996633;
    border: 2px solid #996633;
    padding: 5px 10px 5px 10px;
    vertical-align: top;
    white-space: nowrap;
}

/* +++++ Miscellaneous classes for reuse +++++ */

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:10px;
    font-size: 1px;
    line-height: 0px;
}