body
{
	background-image: url(FDSWebPageGradient.png);
	background-repeat: repeat-x;
    /*background-size: 100% 100%;*/
    /*background-repeat: no-repeat;*/
    
	font-size: 12px;
	font-family: 'Microsoft Sans Serif';
}
label
{
	display: inline-block;
}
label.required
{
	font-weight: bold;
}
label.report
{
	width: 120px; /*	text-align: right;	*/
}

td
{
	vertical-align: top;
}
.gradientBackground
{
	background-image: url(FDSWebPageGradient.png);
	background-repeat: repeat-x; /*height: 100%;*/ /*min-height: 100%;*/
}
.sectionTitle
{
	font-size: large;
	font-weight: bold;
}
.sectionInfo
{
	font-size: x-small;
}

/* Master Page Layout */
#master_header
{
	margin: -1px auto 0 auto;
	width: 800px;
}
#master_headertop
{
	background: url(images/headertop_img.jpg) no-repeat left top;
}
#master_headerbottom
{
	background: url(images/headerbottom_img.png) no-repeat left top;
}

/* For Account Maintenance*/
.AccountMaintenance
{
	font-weight: normal;
	font-size: 12px;
	font-family: 'Microsoft Sans Serif';
}
.AccountMaintenance2
{
	font-weight: normal;
	font-size: 12px;
	font-family: 'Microsoft Sans Serif';
	border: 1px solid Black;
}
.AccountMaintenanceSelectedRadio
{
	border-left: Solid 1px #101010;
	border-top: Solid 1px #101010;
	border-right: Solid 1px #404040;
	border-bottom-width: 0px;
	background-color: #B3D6B5;
}
.AccountMaintenanceUnSelectedRadio
{
	border-left: Groove 1px #101010;
	border-top: Groove 1px #101010;
	border-right: Groove 1px #404040;
	border-bottom: Groove 1px #404040;
	background-color: #30A395;
}
.LocationMaintenanceSelectedRadio
{
	border-left: Solid 1px #101010;
	border-top: Solid 1px #101010;
	border-right: Solid 1px #404040;
	border-bottom-width: 0px;
	background-color: #C4DDFD;
}
.LocationMaintenanceUnSelectedRadio
{
	border-left: Groove 1px #101010;
	border-top: Groove 1px #101010;
	border-right: Groove 1px #404040;
	border-bottom: Groove 1px #404040;
	background-color: #407DBB;
}
.CompanyTables
{
	border-left: medium outset #000000;
	border-right: medium inset #C0C0C0;
	border-top: medium outset #000000;
	border-bottom: medium inset #C0C0C0;
	font-weight: normal;
	font-size: small;
	font-family: 'Microsoft Sans Serif';
	font-style: normal;
	color: #000000;
	table-layout: auto;
	empty-cells: show;
	caption-side: top;
	border-spacing: (1);
	border-collapse: separate;
	background-color: #D5EAEA;
	width: 277px;
	border-color: #000000 #3A9FA5 #3A9FA5 #000000;
}

/* Content Page Layout */
.subheading
{
	padding: .8em 0 0.5em 0;
	color: #0F2543;
	font-weight: bold;
	font-family: Arial, Sans-Serif;
	font-size: 1.1em;
}

em
{
	font-style: italic;
	color: Red;
	padding-right: 3px;
}

pre, code
{
	display: block;
	margin: 15px 15px 15px 0;
	padding: 10px;
	border: 1px dashed #CCC;
	background-color: #FFF;
	color: #000;
	font-family: 'Courier New' , Monospace;
	font-size: 0.9em;
	font-style: normal; /* Added to make the PRE tag wrap. */
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

/*CollapsiblePanel*/
.collapsePanel1
{
	background-image: url('<%= ResolveUrl("~/MemberPages/Images/fading_background_20.png") %>');
	background-repeat: repeat-x;
	color: #000000;
	font-weight: normal;
	font-size: 12px;
	font-family: 'Microsoft Sans Serif';
	overflow: hidden;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
	padding-top: 3px;
}

.collapsePanel2
{
	background-image: url('<%= ResolveUrl("~/MemberPages/Images/fading_background_8.png") %>');
	background-repeat: repeat-x;
	color: #000000;
	font-weight: normal;
	font-size: 12px;
	font-family: 'Microsoft Sans Serif';
	overflow: hidden;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
}
.collapsePanel3
{
	background-image: url('<%= ResolveUrl("~/MemberPages/Images/fading_background_11.png") %>');
	background-repeat: repeat-x;
	color: #000000;
	font-weight: normal;
	font-size: 12px;
	font-family: 'Microsoft Sans Serif';
}

.collapsePanelHeader
{
	height: 20px;
	background-image: url('<%= ResolveUrl("~/MemberPages/Images/fading_background_20.png") %>');
	background-repeat: repeat-x;
	color: #000000;
	font-weight: normal;
	font-size: 12px;
	font-family: 'Microsoft Sans Serif';
}

.collapsePanelHeader2
{
	height: 20px;
	background-image: url('<%= ResolveUrl("~/MemberPages/Images/fading_background_8.png") %>');
	background-repeat: repeat-x;
	color: #000000;
	font-weight: normal;
	font-size: 12px;
	font-family: 'Microsoft Sans Serif';
}

.collapsePanelHeader3
{
	height: 20px;
	background-image: url('<%= ResolveUrl("~/MemberPages/Images/fading_background_11.png") %>');
	background-repeat: repeat-x;
	color: #000000;
	font-weight: normal;
	font-size: 12px;
	font-family: 'Microsoft Sans Serif';
}

.deliveyInquiryPanelBoxes
{
	border-color: #808080 #C0C0C0 #C0C0C0 #808080;
	border-width: 0.05px;
	border-style: inset;
	font-size: X-Small;
	height: 12px;
	background-color: #CEDFFF;
	font-family: 'Microsoft Sans Serif';
}

.deliveyInquiryPanelLabels
{
	font-size: X-Small;
	background-color: #CEDFFF;
	font-family: 'Microsoft Sans Serif';
	margin-left: 0px;
}

.creditInquiryPanelBoxes
{
	border-color: #808080 #C0C0C0 #C0C0C0 #808080;
	border-width: 0.05px;
	border-style: inset;
	font-size: X-Small;
	height: 12px;
	background-color: #E7EFDE;
	font-family: 'Microsoft Sans Serif';
}
.creditInquiryPanelLabels
{
	font-size: X-Small;
	height: 12px;
	background-color: #E7EFDE;
	font-family: 'Microsoft Sans Serif';
}

.serviceInquiryPanelBoxes
{
	border-color: #808080 #C0C0C0 #C0C0C0 #808080;
	border-width: 0.05px;
	border-style: inset;
	font-size: X-Small;
	height: 12px;
	background-color: #FFFFCC;
	font-family: 'Microsoft Sans Serif';
}
.serviceInquiryPanelLabels
{
	font-size: X-Small;
	height: 12px;
	background-color: #FFFFCC;
	font-family: 'Microsoft Sans Serif';
}
.NormalPanelBoxes
{
	border-width: 1px;
	border-style: inset;
	background-color: #FFFFCC;
	font-family: 'Microsoft Sans Serif';
}
.addressInquiryPanelBoxes
{
	border-color: #808080 #C0C0C0 #C0C0C0 #808080;
	border-width: 0.05px;
	border-style: inset;
	font-size: X-Small;
	height: 12px;
	background-color: #FFFFCC;
	font-family: 'Microsoft Sans Serif';
}
.addressInquiryPanelLabels
{
	font-size: X-Small;
	height: 12px;
	background-color: #FFFFCC;
	font-family: 'Microsoft Sans Serif';
}

/* Inq V2*/

.InqTableDataRight {
    font-size: 11px;
    text-align: right;
    background-color: white;
    border-style: ridge;
    border-width: 1px;
    height:11px;
}
.InqTableDataLeft {
    font-size: 11px;
    text-align:left;
    background-color:white;
    border-style:ridge;
    border-width:1px;
}

.InqAccountframe {
    overflow: auto;
    float: left;
    /*background-color: #BFD5D5;*/
    border-style: solid;
    border-width: 2px;
    border-color: Gray;
    font-family:sans-serif;
    line-height: normal;
    display: table;
    visibility: visible;
}

.InqDelframe {
    overflow: auto;
    float: left;
    /*background-color: #BFD5D5;*/
    border-style: solid;
    border-width: 2px;
    border-color: Gray;
    font-family:sans-serif;
    line-height: normal;
    display: table;
    visibility: visible;
}

.InqCredframe {

    overflow: auto;
    float: left;
    /*background-color: #BFD5D5;*/
    border-style: solid;
    border-width: 2px;
    border-color: Gray;
    font-family:sans-serif;
    line-height: normal;
    display: table;
    visibility: visible;
}

.InqServframe {
    overflow: auto;
    float: left;
    /*background-color: #BFD5D5;*/
    border-style: solid;
    border-width: 2px;
    border-color: Gray;
    font-family:sans-serif;
    line-height: normal;
    display: table;
    visibility: visible;
}
.InqLabelDesc
{
    /*font-size: 11px;
	text-align: left;
	padding-right: 0px;
	text-decoration:none;
	vertical-align: middle;*/
    font-size: X-Small;
    height: 12px;
    font-family: 'Microsoft Sans Serif';
	display: inline-block;
}
.InqLabelDataRight
{
    font-size: 11px;
	text-align: right;
	padding-right: 0px;
	font-weight:normal;
	text-decoration:none;
	vertical-align: middle;
}
.InqLabelDataLeft
{
    font-size: 11px;
	text-align: left;
	padding-right: 0px;
	font-weight: normal;
	text-decoration:none;
	vertical-align: middle;
}

.Expand {
    background-image: url(MemberPages/Images/expand.png);
    width:30px;
    height:30px;
}

.BoxDelBill {
    border-width:1px;
    border-style:solid;
    width: 200px;
    height: 75px;
    font-size: 12px;
}

.TrueandDuePanel {
    background-color:white;
    border-width:1px;
    border-color:lightgrey;
    border-style:solid;
}

/* End Inq V2*/

.CompanyBoxes
{
	border-width: 1px;
	border-style: inset; /*height: 18px;*/
	background-color: #D8FFD7;
}
.CompanyLabels
{
	font-size: X-Small; /*height: 12px;*/
	background-color: #D5EAEA;
	font-family: 'Microsoft Sans Serif';
}
.NoShowButtons
{
	width: 0px;
	height: 0px;
	display: none;
}
.headerDarkGreen
{
	background-color: #1C5E55;
	color: #FFFFFF;
	border-width: 1px;
	border-style: inset;
}

.headerDarkBlue
{
	background-color: #29547E;
	color: #FFFFFF;
	border-width: 1px;
	border-style: inset;
}

.headerLightBlue
{
	background-color: #3C78B5;
	color: #FFFFFF;
}

.PrintTicketInquiryPanelBoxes
{
	border-width: 1px;
	border-style: inset;
	font-size: x-small;
	background-color: #FFFFFF;
	font-family: 'Microsoft Sans Serif';
}

.ListSearchExtenderPrompt
{
	background-color: White;
}

.PanelBoxes
{
	border-width: 1px;
	border-style: inset;
	font-size: x-small;
	height: 12px;
	background-color: #FFFFCC;
	font-family: 'Microsoft Sans Serif';
}

.BottomLeft 
{
    position: fixed;
    left: 0;
    bottom: 0;
}

.PrintTicketInquiryPanelDark
{
	border-width: 1px;
	border-style: inset;
	font-size: x-small;
	background-color: #FFFFCC;
	font-family: 'Microsoft Sans Serif';
}

.PrintTicketInquiryPanelLabels
{
	font-size: x-small;
	font-family: 'Microsoft Sans Serif';
	background-color: Transparent;
}

.ShowNoInputBoxes
{
	border-color: #808080 #C0C0C0 #C0C0C0 #808080;
	border-width: 0.05px;
	border-style: inset;
	font-size: x-small;
	min-height: 12px;
	background-color: #FFFFCC;
	font-family: 'Microsoft Sans Serif';
	color: #000000;
}
.ShowNoInputBoxesSmall
{
	border-color: #808080 #C0C0C0 #C0C0C0 #808080;
	border-width: 0.05px;
	border-style: inset;
	font-size: small; /*height: 12px;*/
	background-color: #FFFFCC;
	font-family: 'Microsoft Sans Serif';
	color: #000000;
}
.ShowNoInputBoxesLarge
{
	border-color: #808080 #C0C0C0 #C0C0C0 #808080;
	border-width: 0.05px;
	border-style: inset;
	font-size: medium;
	min-height: 16px;
	background-color: #FFFFCC;
	font-family: 'Microsoft Sans Serif';
}

.ShowNoInputLabels
{
	border-color: #808080 #C0C0C0 #C0C0C0 #808080;
	border-width: 0.05px;
	border-style: inset;
	font-size: x-small;
	min-height: 12px;
	background-color: #FFFFCC;
	font-family: 'Microsoft Sans Serif';
	color: #000000;
	text-align: right;
	padding-right: 3px;
}
.ShowNoInputLabelsSmall
{
	border-color: #808080 #C0C0C0 #C0C0C0 #808080;
	border-width: 0.05px;
	border-style: inset;
	font-size: small;
	background-color: #FFFFCC;
	font-family: 'Microsoft Sans Serif';
	color: #000000;
	text-align: right;
	padding-right: 3px;
}
.ShowNoInputLabelsLarge
{
	border-color: #808080 #C0C0C0 #C0C0C0 #808080;
	border-width: 0.05px;
	border-style: inset;
	font-size: medium;
	background-color: #FFFFCC;
	font-family: 'Microsoft Sans Serif';
	color: #000000;
	text-align: right;
	padding-right: 3px;
}
.TransparentLabels
{
	font-size: x-small;
	height: 12px;
	font-family: 'Microsoft Sans Serif';
	background-color: Transparent;
}
.TransparentLabels2
{
	font-size: x-small;
	height: 22px;
	font-family: 'Microsoft Sans Serif';
	background-color: Transparent;
}

.overflowHidden
{
	overflow: hidden;
}

.overflowScroll
{
	overflow: hidden;
}

/* *****************FDS Menu Styles ****************** */
.FDSMenuDynamicHoverStyle
{
	background-color: #990000;
}

/*Modal Popup*/
.modalBackground
{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	background-color: Gray;
	filter: alpha(Opacity=50);
	opacity: 0.5;
}
.modalPopup
{
	margin: auto;
	background-color: #FFFFDD;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	width: 250px;
	display: block;
	overflow: auto;
}

.frameDate {
    overflow: auto;
    float: left;
    background-color: #BFD5D5;
    border-style: solid;
    border-width: 2px;
    border-color: Gray;
    font-family: Helvetica;
    line-height: normal;
    display: table;
    visibility: visible;
}

/************ TextBox Styles ***********************/
input:focus, textarea:focus, select:focus
{
	background-color: silver;
}

/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus
{
	background-color: silver;
	color: #000000;
}

.list fieldset {
    border: 1px solid red;
    color: black;
}

.ListSearchExtenderPrompt
{
	font-style: italic;
	color: Gray;
	background-color: white;
}

/* added by tina to see about tabbed panels within a form */
.TabPanel
{
	width: 100%;
	height: 30px;
	background-image: url('<%= ResolveUrl("~/MemberPages/Images/fading_background_3upsidedown.png") %>');
	background-repeat: repeat-x;
	color: #000000;
}

.FDSPanelBackground
{
	background-color: #FFFBD6;
}

.HideMyPanel
{
	display: none;
}

.ReportDateLabel
{
	/*background-color: #f2f2f2;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
}
.ReportDateBox
{
	border-left: 1px inset #282828;
	border-right: 1px outset #C5C5C5;
	border-top: 1px inset #282828;
	border-bottom: 1px outset #C5C5C5;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
	width: 708px;
}
.BulkCalcBox
{
	border-style: inset outset outset inset;
	border-width: 1px;
	border-color: #282828 #C5C5C5 #C5C5C5 #282828;
	background-color: #D6FCCF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: inherit;
	color: #000000;
}
.hiddenCol
{
	display: none;
}
.cellGridEditControl
{
	background-color: #C0C0FF;
	font-size: 12px;
	font-family: Tahoma, Verdana;
	text-align: right;
	border-right: #EFF5F2 1px solid;
	border-top: #EFF5F2 1px solid;
	border-left: #EFF5F2 1px solid;
	border-bottom: #EFF5F2 1px solid;
}

/* Default Styles for LocationSelector Control */
input.LocationSelector
{
	width: 25px;
}
table.LocationSelector th
{
	background-color: #990000;
	color: White;
	font-weight: bold;
}
table.LocationSelector tr
{
	background-color: #FFFBD6;
	color: #333333;
	height: 17px;
	overflow: auto;
	overflow-y: hidden !important;
}
table.LocationSelector tr.alt
{
	background-color: White;
}
table.LocationSelector tr.sel
{
	background-color: #FFCC66;
	font-weight: bold;
	color: Navy;
}
table.LocationSelector tf
{
	background-color: #990000;
	font-weight: bold;
	color: White;
}
.FormLabel
{
	text-align: right;
	width: 150px;
	padding-right: 3px;
	vertical-align: middle;
}
.SearchCriteriaPanel
{
	width: 650px;
	padding: 15px;
}
.ErrorMessage
{
	color: Red;
}
.ReportHeaderLabel
{
	font-size: 16pt;
	font-weight: bold;
	padding-bottom: 5px;
}
.SearchCriteriaPanel fieldset legend
{
	color: Black;
	font-size: 12pt;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 10px;
}
.Middle
{
	vertical-align: middle;
}
.Right
{
	text-align: right;
}
.Subtext
{
	font-size: 9pt;
	color: Gray;
}
.Loading
{
	background-color: #fff;
	height: 100%;
	width: 100%;
}
.AutoShrink
{
	width: auto !important;
}

div.AutoShrink
{
	float: left;
}

/*---- Begin CSS Utility Styles ---- */
.hide
{
	display: none;
}
.show
{
	display: block;
}
/*---- End CSS Utility Styles ---- */
.ConfirmPanel
{
	width: auto;
	padding: 15px;
}
.ConfirmPanel fieldset legend
{
	color: Black;
	font-size: 12pt;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 10px;
}
.FormLabelRequired
{
	text-align: right;
	width: 150px;
	padding-right: 3px;
	font-weight: bold;
	text-decoration: underline;
	vertical-align: middle;
}
.BoldArrow
{
	font-weight: bold;
	font-size: 12pt;
	padding-left: 3px;
	padding-right: 3px;
}
.BorderRightBold
{
	border-right: solid 3px Black !important;
}
.PageView
{
	border: 1px solid #898c95;
	margin-top: -1px;
	padding: 5px;
	height: 400px;
}
.autocomplete_completionListElement
{
	/*visibility: hidden;     margin: 0px !important;     background-color: #fff;     color: windowtext;     border: buttonshadow;     border-width: 1px;     border-style: solid;     cursor: 'default';     overflow: auto;     height: 200px;     text-align: left;     list-style-type: none;     padding: 0;*/
	z-index: 6000;
}
.DateTextBox
{
	width: 73px;
}

.ButtonGreen {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: black;
    padding: 3px 10px 3px 10px;
    background-color: #9bbb59;
    box-shadow: 5px 5px 5px #888888;
}

    .ButtonGreen:hover {
        background-color: #b1de9c;
    }
/* depress effect on click */
.ButtonGreen:active, .ButtonGreen:focus {
    margin: 3px;
    border: solid 1px;
    border-color: #039 #99f #99f #039;
    letter-spacing: normal;
}
/*Skylands Buttons*/
.ButtonGreenSKY {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: white;
    padding: 3px 10px 3px 10px;
    background-color: #009933;
    box-shadow: 5px 5px 5px #888888;
}

    .ButtonGreenSKY:hover {
        background-color: #00cc44;
    }
    /* depress effect on click */
    .ButtonGreenSKY:active, .ButtonGreen:focus {
        margin: 3px;
        border: solid 1px;
        border-color: #039 #99f #99f #039;
        letter-spacing: normal;
    }
/*County Line Fuel Buttons*/
.ButtonBlackCLF {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: white;
    padding: 3px 10px 3px 10px;
    background-color: #453A38;
    box-shadow: 5px 5px 5px #888888;
}

    .ButtonBlackCLF:hover {
        background-color: #7E716F;
    }
    /* depress effect on click */
    .ButtonBlackCLF:active, .ButtonGreen:focus {
        margin: 3px;
        border: solid 1px;
        border-color: #039 #99f #99f #039;
        letter-spacing: normal;
    }
    /*PBF Buttons*/
.ButtonBluePBF {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: white;
    padding: 3px 10px 3px 10px;
    background-color: #031b8a;
    box-shadow: 5px 5px 5px #888888;
}
    .ButtonBluePBF:hover {
        background-color: #072feb;
    }
/* depress effect on click */
.ButtonBluePBF:active, .ButtonBlue:focus {
    margin: 3px;
    border: solid 1px;
    border-color: #039 #99f #99f #039;
    letter-spacing: normal;
}

.ButtonBlue {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: white;
    padding: 3px 10px 3px 10px;
    background-color: #111b5c;
    box-shadow: 5px 5px 5px #888888;
}

    .ButtonBlue:hover {
        background-color: #2237bf;
    }
    /* depress effect on click */
    .ButtonBlue:active, .ButtonBlue:focus {
        margin: 3px;
        border: solid 1px;
        border-color: #039 #99f #99f #039;
        letter-spacing: normal;
    }

.ButtonCheckMark {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: #184504;
    padding: 3px 10px 3px 25px;
    background-image: url(MemberPages/Images/Check215x15.png);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: white;
    box-shadow: 5px 5px 5px #888888;
}
.ButtonCheckMark:hover {
background-color: #b1de9c;        
}
/* depress effect on click */
.ButtonCheckMark:active, .ButtonCheckMark:focus {   
    margin: 3px;
	border: solid 1px;
	border-color: #039 #99f #99f #039;
	letter-spacing: normal;
}
.ButtonCheckMarkInactive {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: white;
    padding: 3px 10px 3px 25px;
    background-image: url(MemberPages/Images/Check215x15.png);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: ThreeDShadow;
}

.ButtonMinus {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: #ad0e22;
    padding: 3px 10px 3px 25px;
    background-image: url(MemberPages/Images/Minus15x15.png);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: white;
    box-shadow: 5px 5px 5px #888888;
}
.ButtonMinus:hover {
background-color: #f6b5bd;        
}
/* depress effect on click */
.ButtonMinus:active, .ButtonMinus:focus {   
    margin: 3px;
	border: solid 1px;
	border-color: #039 #99f #99f #039;
	letter-spacing: normal;
}
.ButtonMinusInactive {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: white;
    padding: 3px 10px 3px 25px;
    background-image: url(MemberPages/Images/minus15x15.png);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: ThreeDShadow;
}

.ButtonX {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: #ad0e22;
    padding: 3px 10px 3px 25px;
    background-image: url(MemberPages/Images/X215x15.png);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: white;
    box-shadow: 5px 5px 5px #888888;
}
.ButtonX:hover {
background-color: #f6b5bd;        
}
/* depress effect on click */
.ButtonX:active, .ButtonX:focus {   
    margin: 3px;
	border: solid 1px;
	border-color: #039 #99f #99f #039;
	letter-spacing: normal;
}
.ButtonXInactive {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: white;
    padding: 3px 10px 3px 25px;
    background-image: url(MemberPages/Images/X215x15.png);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: ThreeDShadow;
}

.ButtonLeftArrow {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: #120bb4;
    padding: 3px 10px 3px 25px;
    background-image: url(MemberPages/Images/LeftArrow15x15.png);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: white;
    box-shadow: 5px 5px 5px #888888;
}
.ButtonLeftArrow:hover {
background-color: #cdcef5;        
}
/* depress effect on click */
.ButtonLeftArrow:active, .ButtonLeftArrow:focus {   
    margin: 3px;
	border: solid 1px;
	border-color: #039 #99f #99f #039;
	letter-spacing: normal;
}
.ButtonLeftArrowInactive {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: white;
    padding: 3px 10px 3px 25px;
    background-image: url(MemberPages/Images/LeftArrow15x15.png);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: ThreeDShadow;
}

.ButtonPlus {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: #184504;
    padding: 3px 10px 3px 25px;
    background-image: url(MemberPages/Images/Plus215x15.png);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: white;
    box-shadow: 5px 5px 5px #888888;
}
.ButtonPlus:hover {
background-color: #b1de9c;        
}
/* depress effect on click */
.ButtonPlus:active, .ButtonPlus:focus {   
    margin: 3px;
	border: solid 1px;
	border-color: #039 #99f #99f #039;
	letter-spacing: normal;
}
.ButtonPlusInactive {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: white;
    padding: 3px 10px 3px 25px;
    background-image: url(MemberPages/Images/Plus215x15.png);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: ThreeDShadow;
}

.ButtonPlusPlus {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: #184504;
    padding: 3px 10px 3px 25px;
    background-image: url(MemberPages/Images/Plus215x15.png);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: white;
    box-shadow: 5px 5px 5px #888888;
}
.ButtonPlusPlus:hover {
background-color: #b1de9c;        
}
/* depress effect on click */
.ButtonPlusPlus:active, .ButtonPlusPlus:focus {   
    margin: 3px;
	border: solid 1px;
	border-color: #039 #99f #99f #039;
	letter-spacing: normal;
}
.ButtonPlusPlusInactive {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: white;
    padding: 3px 10px 3px 25px;
    background-image: url(MemberPages/Images/Plus215x15.png);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: ThreeDShadow;
}

.ButtonSearch {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: black;
    padding: 3px 10px 3px 25px;
    background-image: url(MemberPages/Images/Search215x15.png);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: white;
    box-shadow: 5px 5px 5px #888888;
}
.ButtonSearch:hover {
background-color: #f6daa6;        
}
/* depress effect on click */
.ButtonSearch:active, .ButtonSearch:focus {   
    margin: 3px;
	border: solid 1px;
	border-color: #039 #99f #99f #039;
	letter-spacing: normal;
}
.ButtonSearchInactive {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: white;
    padding: 3px 10px 3px 25px;
    background-image: url(MemberPages/Images/Search215x15.png);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: ThreeDShadow;
}


.ButtonReport {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: black;
    padding: 3px 10px 3px 25px;
    background-image: url(MemberPages/Images/Report215x15.png);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: white;
    box-shadow: 5px 5px 5px #888888;
}
.ButtonReport:hover {
background-color: #e2e0dd;        
}
/* depress effect on click */
.ButtonReport:active, .ButtonReport:focus {   
    margin: 3px;
	border: solid 1px;
	border-color: #039 #99f #99f #039;
	letter-spacing: normal;
}
.ButtonReportInactive {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: white;
    padding: 3px 10px 3px 25px;
    background-image: url(MemberPages/Images/Report215x15.png);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: ThreeDShadow;
}

.ButtonHelp {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: #184504;
    padding: 3px 10px 3px 25px;
    background-image: url(MemberPages/Images/Help15x15.png);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: white;
    box-shadow: 5px 5px 5px #888888;
}
.ButtonHelp:hover {
background-color: #b1de9c;        
}
/* depress effect on click */
.ButtonHelp:active, .ButtonHelp:focus {   
    margin: 3px;
	border: solid 1px;
	border-color: #039 #99f #99f #039;
	letter-spacing: normal;
}
.ButtonHelpInactive {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: white;
    padding: 3px 10px 3px 25px;
    background-image: url(MemberPages/Images/Help15x15.png);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: ThreeDShadow;
}
/**/
.ButtonPlain {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: black;
    padding: 3px 10px 3px 10px;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: white;
    box-shadow: 5px 5px 5px #888888;
}
.ButtonPlain:hover {
background-color: #e2e0dd;        
}
/* depress effect on click */
.ButtonPlain:active, .ButtonPlain:focus {   
    margin: 3px;
	border: solid 1px;
	border-color: #039 #99f #99f #039;
	letter-spacing: normal;
}
.ButtonPlain:disabled {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: white;
    padding: 3px 10px 3px 25px;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: ThreeDShadow;
}
.ButtonPlainInactive {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: white;
    padding: 3px 10px 3px 25px;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: ThreeDShadow;
}
/**/
.ButtonPlainNoShadow {
    /*margin: 3px;*/
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: black;
    /*padding: 3px 10px 3px 10px;*/
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: white;
    /*box-shadow: 5px 5px 5px #888888;*/
}
.ButtonPlainNoShadow:hover {
background-color: #e2e0dd;        
}
/* depress effect on click */
.ButtonPlainNoShadow:active, .ButtonPlainNoShadow:focus {   
    margin: 3px;
	border: solid 1px;
	border-color: #039 #99f #99f #039;
	letter-spacing: normal;
}
.ButtonPlainNoShadow:disabled {
    /*margin: 3px;*/
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: black;
    /*padding: 3px 10px 3px 25px;*/
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: ThreeDShadow;
}
.ButtonPlainNoShadowInactive {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: white;
    padding: 3px 10px 3px 25px;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: ThreeDShadow;
}
/**/
.ButtonQuantities {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: black;
    padding: 3px 10px 3px 25px;
    background-image: url(MemberPages/Images/Quantities.png);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: white;
    box-shadow: 5px 5px 5px #888888;
}
.ButtonQuantities:hover {
background-color: #e2e0dd;        
}
/* depress effect on click */
.ButtonQuantities:active, .ButtonQuantities:focus {   
    margin: 3px;
	border: solid 1px;
	border-color: #039 #99f #99f #039;
	letter-spacing: normal;
}
.ButtonQuantitiesInactive {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: white;
    padding: 3px 10px 3px 25px;
    background-image: url(MemberPages/Images/Quantities.png);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: ThreeDShadow;
}
/**/

.ButtonDollarSign {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: #184504;
    padding: 3px 10px 3px 25px;
    background-image: url('MemberPages/Images/DollarSign15x15.png');
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: white;
    box-shadow: 5px 5px 5px #888888;
}
.ButtonDollarSign:hover {
    background-color: #CCCCCC;
}
/* depress effect on click */
.ButtonDollarSign:active, .ButtonDollarSign:focus {   
    margin: 3px;
	border: solid 1px;
	border-color: #039 #99f #99f #039;
	letter-spacing: normal;
}
.ButtonDollarSignInactive {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: white;
    padding: 3px 10px 3px 25px;
    background-image: url(MemberPages/Images/DollarSign15x15.png);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: ThreeDShadow;
}
/**/

.ButtonCalculator {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: #184504;
    padding: 3px 10px 3px 25px;
    background-image: url('MemberPages/Images/Calculator15x15.jpg');
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: white;
    box-shadow: 5px 5px 5px #888888;
}
.ButtonCalculator:hover {
    background-color: #CCCCCC;
}
/* depress effect on click */
.ButtonCalculator:active, .ButtonDollarCalculator:focus {   
    margin: 3px;
	border: solid 1px;
	border-color: #039 #99f #99f #039;
	letter-spacing: normal;
}
.ButtonCalculatorInactive {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: white;
    padding: 3px 10px 3px 25px;
    background-image: url(MemberPages/Images/Calculator15x15.png);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: ThreeDShadow;
}

/**************************************************/
.ButtonBudget {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: #184504;
    padding: 3px 10px 3px 25px;
    background-image: url('MemberPages/Images/Money15x15.png');
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: white;
    box-shadow: 5px 5px 5px #888888;
}
.ButtonBudget:hover {
    background-color: #CCCCCC;
}
/* depress effect on click */
.ButtonBudget:active, .ButtonBudget:focus {   
    margin: 3px;
	border: solid 1px;
	border-color: #039 #99f #99f #039;
	letter-spacing: normal;
}
.ButtonBudgetInactive {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: white;
    padding: 3px 10px 3px 25px;
    background-image: url(MemberPages/Images/Money15x15.png);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: ThreeDShadow;
}
/***********************************************/
.ButtonRefresh {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color:  #120bb4;
    padding: 3px 10px 3px 25px;
    background-image: url('MemberPages/Images/Refresh15x15.png');
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: white;
    box-shadow: 5px 5px 5px #888888;
}
.ButtonRefresh:hover {
    background-color: #CCCCCC;
}
/* depress effect on click */
.ButtonRefresh:active, .ButtonRefresh:focus {   
    margin: 3px;
	border: solid 1px;
	border-color: #039 #99f #99f #039;
	letter-spacing: normal;
}
.ButtonRefreshInactive {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: white;
    padding: 3px 10px 3px 25px;
    background-image: url(MemberPages/Images/Refresh15x15.png);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: ThreeDShadow;
}
/************************************************/
.ButtonService {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color:  #120bb4;
    padding: 3px 10px 3px 10px;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: white;
    box-shadow: 5px 5px 5px #888888;
}
.ButtonService:hover {
    background-color: #CCCCCC;
}
/* depress effect on click */
.ButtonService:active, .ButtonService:focus {   
    margin: 3px;
	border: solid 1px;
	border-color: #039 #99f #99f #039;
	letter-spacing: normal;
}
.ButtonServiceInactive {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: white;
    padding: 3px 10px 3px 10px;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: ThreeDShadow;
}
/************************************************/
.ButtonPosting {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: #184504;
    padding: 3px 10px 3px 25px;
    /*background-image: url();*/
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: white;
    box-shadow: 5px 5px 5px #888888;
}
.ButtonPosting:hover {
    background-color: #CCCCCC;
}
/* depress effect on click */
.ButtonPosting:active, .ButtonPosting:focus {   
    margin: 3px;
	border: solid 1px;
	border-color: #039 #99f #99f #039;
	letter-spacing: normal;
}
.ButtonPostingInactive {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: white;
    padding: 3px 10px 3px 25px;
    /*background-image: url();*/
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: ThreeDShadow;
}
/************************************************/
.ButtonOrangeCheckmark {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: 	#FF4500;
    padding: 3px 10px 3px 25px;
    background-image: url('MemberPages/Images/OrangeCheckmark15x15.png');
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: white;
    box-shadow: 5px 5px 5px #888888;
}
.ButtonOrangeCheckmark:hover {
    background-color: #FFCC66;
}
/* depress effect on click */
.ButtonOrangeCheckmark:active, .ButtonOrangeCheckmark:focus {   
    margin: 3px;
	border: solid 1px;
	border-color: #039 #99f #99f #039;
	letter-spacing: normal;
}
.ButtonOrangeCheckmarkInactive {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: white;
    padding: 3px 10px 3px 25px;
    background-image: url('MemberPages/Images/OrangeCheckmark15x15.png');
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: ThreeDShadow;
}
/********/
.ButtonClear {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: #004066;
    padding: 3px 10px 3px 25px;
    background-image: url('MemberPages/Images/Eraser15x15.png');
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: white;
    box-shadow: 5px 5px 5px #888888;
}
.ButtonClear:hover {
    background-color: #CCCCCC;
}
/* depress effect on click */
.ButtonClear:active, .ButtonClear:focus {   
    margin: 3px;
	border: solid 1px;
	border-color: #039 #99f #99f #039;
	letter-spacing: normal;
}
.ButtonClearInactive {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: white;
    padding: 3px 10px 3px 25px;
    background-image: url(MemberPages/Images/Eraser15x15.png);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: ThreeDShadow;
}
/***InqV2Buttons***/
.ButtonInqDel {
    width: 110px !important;
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: black;
    padding: 3px 10px 3px 10px;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: white;
    box-shadow: 5px 5px 5px #888888;
}
.ButtonInqDel:hover {
    width: 110px !important;
    background-color: #e2e0dd;        
}
/* depress effect on click */
.ButtonInqDel:active, .ButtonInqDel:focus {   
    width: 110px !important; 
    margin: 3px;
	border: solid 1px;
	border-color: #039 #99f #99f #039;
	letter-spacing: normal;
}
.ButtonInqDelInactive {
    width: 110px !important;
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: white;
    padding: 3px 10px 3px 10px;   
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: ThreeDShadow;
}

.ButtonInqCred {
    width: 150px !important;
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: black;
    padding: 3px 10px 3px 10px;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: white;
    box-shadow: 5px 5px 5px #888888;
}
.ButtonInqCred:hover {
    width: 150px !important;
    background-color: #e2e0dd;        
}
/* depress effect on click */
.ButtonInqCred:active, .ButtonInqCred:focus {   
    width: 150px !important; 
    margin: 3px;
	border: solid 1px;
	border-color: #039 #99f #99f #039;
	letter-spacing: normal;
}
.ButtonInqCredInactive {
    width: 150px !important;
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: white;
    padding: 3px 10px 3px 10px;   
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: ThreeDShadow;
}

.ButtonInqServ {
    width: 130px !important;
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: black;
    padding: 3px 10px 3px 10px;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: white;
    box-shadow: 5px 5px 5px #888888;
}
.ButtonInqServ:hover {
    width: 130px !important;
    background-color: #e2e0dd;        
}
/* depress effect on click */
.ButtonInqServ:active, .ButtonInqServ:focus {   
    width: 130px !important; 
    margin: 3px;
	border: solid 1px;
	border-color: #039 #99f #99f #039;
	letter-spacing: normal;
}
.ButtonInqServInactive {
    width: 130px !important;
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: white;
    padding: 3px 10px 3px 10px;   
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: ThreeDShadow;
}

.ButtonAccounts {
    width: 150px !important;
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: black;
    padding: 3px 10px 3px 10px;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: white;
    box-shadow: 5px 5px 5px #888888;
}

.ButtonAccounts:hover{
    background-color: #f6daa6; 
    width:150px;    
}

/* depress effect on click */
.ButtonAccounts:active, .ButtonAccounts:focus {  
    width:150px !important; 
    margin: 3px;
	border: solid 1px;
	border-color: #039 #99f #99f #039;
	letter-spacing: normal;
}
.ButtonAccountsInactive {
    width:150px !important;
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: white;
    padding: 3px 10px 3px 10px;   
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: ThreeDShadow;
}
.ButtonPay {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: black;
    padding: 3px 10px 3px 10px;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: white;
    box-shadow: 5px 5px 5px #888888;
}
.ButtonPay:hover {
    background-color: #f6daa6;        
}
/* depress effect on click */
.ButtonPay:active, .ButtonPay:focus {   
    margin: 3px;
	border: solid 1px;
	border-color: #039 #99f #99f #039;
	letter-spacing: normal;
}
.ButtonPayInactive {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: white;
    padding: 3px 10px 3px 10px;   
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: ThreeDShadow;
}

.ButtonPrinter {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: #184504;
    padding: 15px 20px 8px 20px;
    background-image: url(MemberPages/Images/printer.png);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: white;
    box-shadow: 5px 5px 5px #888888;
}
.ButtonPrinter:hover {
background-color: #e2e0dd;        
}
/* depress effect on click */
.ButtonPrinter:active, .ButtonPrinter:focus {   
    margin: 3px;
	border: solid 1px;
	border-color: #039 #99f #99f #039;
	letter-spacing: normal;
}
.ButtonPrinterInactive {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: white;
    padding: 15px 20px 8px 20px;
    background-image: url(MemberPages/Images/printer.png);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: ThreeDShadow;
}
.ButtonOpenMail {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: #184504;
    padding: 3px 10px 3px 25px;
    background-image: url(MemberPages/Images/openenvelope15x15.png);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: white;
    box-shadow: 5px 5px 5px #888888;
}
.ButtonOpenMail:hover {
background-color: #e2e0dd;        
}
/* depress effect on click */
.ButtonOpenMail:active, .ButtonOpenMail:focus {   
    margin: 3px;
	border: solid 1px;
	border-color: #039 #99f #99f #039;
	letter-spacing: normal;
}
.ButtonOpenMailInactive {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: white;
    padding: 3px 10px 3px 25px;
    background-image: url(MemberPages/Images/openenvelope15x15.png);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: ThreeDShadow;
}

.ButtonTraffic {
    width:80px;
    height:80px;
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: #184504;
    padding: 30px 20px 20px 20px;
    background-image: url(MemberPages/Images/TrafficLight.png);
    background-repeat: no-repeat;
    background-size: 70px 70px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: white;
    box-shadow: 5px 5px 5px #888888;
}
.ButtonTraffic:hover {
background-color: #e2e0dd;        
}
/* depress effect on click */
.ButtonTraffic:active, .ButtonTraffic:focus {   
    margin: 3px;
	border: solid 1px;
	border-color: #039 #99f #99f #039;
	letter-spacing: normal;
}
.ButtonTrafficInactive {
    width:80px;
    height:80px;
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: white;
    padding: 20px 20px 20px 20px;
    background-image: url(MemberPages/Images/TrafficLight.png);
    background-repeat: no-repeat;
    background-size: 90px 90px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: ThreeDShadow;
}
.ButtonMap {
    width:80px;
    height:80px;
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: #184504;
    padding: 70px 20px 10px 20px;
    background-image: url(MemberPages/Images/Map.png);
    background-repeat: no-repeat;
    background-size: 70px 50px;
    background-position-x: 5px;
    background-position-y: 15px;
    background-color: white;
    box-shadow: 5px 5px 5px #888888;
}
.ButtonMap:hover {
background-color: #e2e0dd;        
}
/* depress effect on click */
.ButtonMap:active, .ButtonMap:focus {   
    margin: 3px;
	border: solid 1px;
	border-color: #039 #99f #99f #039;
	letter-spacing: normal;
}
.ButtonMapInactive {
    width:80px;
    height:80px;
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: white;
    padding: 70px 20px 10px 20px;
    background-image: url(MemberPages/Images/Map.png);
    background-repeat: no-repeat;
    background-size: 70px 50px;
    background-position-x: 5px;
    background-position-y: 15px;
    background-color: ThreeDShadow;
}
.ButtonBinoculars {
    width:80px;
    height:80px;
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: #184504;
    padding: 70px 20px 10px 20px;
    background-image: url(MemberPages/Images/Binoculars.png);
    background-repeat: no-repeat;
    background-size: 70px 70px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: white;
    box-shadow: 5px 5px 5px #888888;
}
.ButtonBinoculars:hover {
background-color: #e2e0dd;        
}
/* depress effect on click */
.ButtonBinoculars:active, .ButtonBinoculars:focus {   
    margin: 3px;
	border: solid 1px;
	border-color: #039 #99f #99f #039;
	letter-spacing: normal;
}
.ButtonBinocularsInactive {
    width:80px;
    height:80px;
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: white;
    padding: 70px 20px 10px 20px;
    background-image: url(MemberPages/Images/Binoculars.png);
    background-repeat: no-repeat;
    background-size: 70px 70px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: ThreeDShadow;
}
.ButtonEraser {
    width:80px;
    height:80px;
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: #184504;
    padding: 70px 20px 10px 20px;
    background-image: url(MemberPages/Images/eraser.png);
    background-repeat: no-repeat;
    background-size: 70px 50px;
    background-position-x: 5px;
    background-position-y: 15px;
    background-color: white;
    box-shadow: 5px 5px 5px #888888;
}
.ButtonEraser:hover {
background-color: #e2e0dd;        
}
/* depress effect on click */
.ButtonEraser:active, .ButtonEraser:focus {   
    margin: 3px;
	border: solid 1px;
	border-color: #039 #99f #99f #039;
	letter-spacing: normal;
}
.ButtonEraserInactive {
    width:80px;
    height:80px;
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: white;
    padding: 70px 20px 10px 20px;
    background-image: url(MemberPages/Images/eraser.png);
    background-repeat: no-repeat;
    background-size: 70px 50px;
    background-position-x: 5px;
    background-position-y: 15px;
    background-color: ThreeDShadow;
}
.ButtonHandheld {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: #184504;
    padding: 15px 20px 8px 20px;
    background-image: url(MemberPages/Images/tablet.png);
    background-repeat: no-repeat;
    background-size: 32px 25px;
    background-position-x: 4px;
    background-position-y: 6px;
    background-color: white;
    box-shadow: 5px 5px 5px #888888;
}
.ButtonHandheld:hover {
background-color: #e2e0dd;        
}
/* depress effect on click */
.ButtonHandheld:active, .ButtonHandheld:focus {   
    margin: 3px;
	border: solid 1px;
	border-color: #039 #99f #99f #039;
	letter-spacing: normal;
}
.ButtonHandheldInactive {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: white;
    padding: 15px 20px 8px 20px;
    background-image: url(MemberPages/Images/tablet.png);
    background-repeat: no-repeat;
    background-size: 32px 25px;
    background-position-x: 4px;
    background-position-y: 6px;
    background-color: ThreeDShadow;
}

.ButtonWorkOrder {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: #184504;
    padding: 15px 20px 8px 20px;
    background-image: url(MemberPages/Images/WorkOrder.png);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: white;
    box-shadow: 5px 5px 5px #888888;
}
.ButtonWorkOrder:hover {
background-color: #e2e0dd;        
}

.ButtonWorkOrder:active, .ButtonWorkOrder:focus {   
    margin: 3px;
	border: solid 1px;
	border-color: #039 #99f #99f #039;
	letter-spacing: normal;
}
.ButtonWorkOrderInactive {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: white;
    padding: 15px 20px 8px 20px;
    background-image: url(MemberPages/Images/WorkOrder.png);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: ThreeDShadow;
}


.ButtonTruck {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: #184504;
    padding: 15px 20px 8px 20px;
    background-image: url(MemberPages/Images/truck.png);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: white;
    box-shadow: 5px 5px 5px #888888;
}
.ButtonTruck:hover {
background-color: #e2e0dd;        
}
/* depress effect on click */
.ButtonTruck:active, .ButtonTruck:focus {   
    margin: 3px;
	border: solid 1px;
	border-color: #039 #99f #99f #039;
	letter-spacing: normal;
}
.ButtonTruckInactive {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: white;
    padding: 15px 20px 8px 20px;
    background-image: url(MemberPages/Images/truck.png);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: ThreeDShadow;
}

.ButtonReply {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: #004066;
    padding: 3px 10px 3px 25px;
    background-image: url('MemberPages/Images/ReplyMail.png');
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: white;
    box-shadow: 5px 5px 5px #888888;
}
.ButtonReply:hover {
    background-color: #CCCCCC;
}
/* depress effect on click */
.ButtonReply:active, .ButtonReply:focus {   
    margin: 3px;
	border: solid 1px;
	border-color: #039 #99f #99f #039;
	letter-spacing: normal;
}
.ButtonReplyInactive {
    margin: 3px;
    border: 1px solid #563d7c;
    border-radius: 5px;
    color: white;
    padding: 3px 10px 3px 25px;
    background-image: url(MemberPages/Images/ReplyMail.png);
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position-x: 5px;
    background-position-y: 3px;
    background-color: ThreeDShadow;
}


/******new panel*******/
.NewPanelLook {
    background-color: #f2f2f2;
    box-shadow: 5px 5px 5px #888888;
    border-color: #1a1a1a; 
    border-radius: 5px;
    border-style: Solid;
    border-width: 1px;    
    padding-left: 2px;  
    padding-top: 2px;
    padding-bottom: 2px;
    width: 100%; 
    background-color: #f2f2f2;  
}

.RoundedCorners {
    border-radius: 10px;
    Padding:2px;
}

.PostingEntriesGridPanel {
    overflow-y: auto;
    overflow-x: auto;
}

.Gridview_FooterStyle {
    background-color: #990000;
    color: white;
    font-size: small;
}

.Gridview_RowStyle {
    background-color: #FFFBD6;
    color: #333333;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    font-size: small;
}

.Gridview_PagerStyle {
    background-color: #FFCC66;
    color: #333333;
    text-align: center;
    font-size: small;
}

.Gridview_SelectedRowStyle {
    background-color: #FFCC66;
    color: navy;
    font-size: small;
}

.Gridview_HeaderStyle {
    background-color: #990000;
    color: white;
    font-size: small;
}

.Gridview_AlternatingRowStyle {
    background-color: white;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    font-size: small;
}

.PostingEntriesGridview_FooterStyle {
    background-color: white;
    color: #333333;
}

.PostingEntriesGridview_RowStyle {
    background-color: white;
    color: #333333;
    text-align: center;
    vertical-align: middle;
    height: 20px;
}

.PostingEntriesGridview_PagerStyle {
    background-color: #336666;
    color: white;
    text-align: center;
}

.PostingEntriesGridview_SelectedRowStyle {
    background-color: #339966;
    color: white;
    font-weight: bold;
}

.PostingEntriesGridview_HeaderStyle {
    background-color: #336666;
    color: white;
    font-weight: bold;
}

.PostingEntriesGridview_AlternatingRowStyle {
    text-align: center;
    vertical-align: middle;
    height: 20px;
}

.PostingEntriesGridview_SortedAscendingCellStyle {
    background-color: #F7F7F7;
}

.PostingEntriesGridview_SortedAscendingHeaderStyle {
    background-color: #487575;
}

.PostingEntriesGridview_SortedDescendingCellStyle {
    background-color: #E5E5E5;
}

.PostingEntriesGridview_SortedDescendingCellStyle {
    background-color: #275353;
}