body
{
	font-family:Arial,Helvetica,sans-serif;
    font-size: small;
    text-align: left;
    color:black;
}

H3, .AspNet-Login-TitlePanel
{
	color: #8b1717;
}

.AspNet-Login-TitlePanel { font-weight: bold; font-size: 18px; margin-bottom: 10px; }
.AspNet-Login-UserPanel label,
.AspNet-Login-PasswordPanel label { float: left; width: 120px; clear: both; padding-top: 4px; }
.AspNet-Login input { margin-bottom: 4px; }
.AspNet-Login-SubmitPanel { margin-top: 10px; }

H4
{
	color: #f47b12;
}

#ctl00_ContentPlaceHolderBody_CustomerTransactions_LabelBalance {
	font-size: 24px;
}

#ctl00_ContentPlaceHolderBody_CustomerTransactions_LabelBalance:before {
	content: '';
}

/* Hide the transaction details */
/*#ctl00_ContentPlaceHolderBody_CustomerTransactions_GridViewTransactions { display: none; }
form div div table { display: none; } */
#ctl00_ContentPlaceHolderBody_CustomerTransactions_GridViewSummary table,
#ctl00_ContentPlaceHolderBody_CustomerTransactions_GridViewTransactions table { display: block; border: none; }

#ctl00_ContentPlaceHolderBody_CustomerTransactions_GridViewSummary table thead th,
#ctl00_ContentPlaceHolderBody_CustomerTransactions_GridViewTransactions table thead th {
    color: #756a4a;
	background-color: transparent;
    padding: 8px 5px 4px 5px;
	border-bottom: 1px solid #e6e5e3;
	border-right: none;
}

#ctl00_ContentPlaceHolderBody_CustomerTransactions_GridViewSummary table td,
#ctl00_ContentPlaceHolderBody_CustomerTransactions_GridViewTransactions table td {
	border-right: none;
	padding: 4px 5px;
}

#ctl00_BelowMenuPlaceHolder_CustomerDetails ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}

.AspNet-GridView-Pagination {
	background-color: transparent;
}


.AspNet-FormView-SubHeading {
	display: block;
	color: #8f160e;
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 5px;
}


a {
	color: #f47b12;
}

.StandardButton
{
/*
	border: 1px solid #ccc;
	color: #8b1717;
	background-color: #fff;
	padding: 3px 15px;
	*/
}

.StandardButton:hover {
/*
	border-color: #666;
	*/
}

.ReportPanel
{
    border-color: #800000;
    background-color: #D58076;
    border: 1;
    border-style: solid;
}

.WelcomeBack
{
	color: #8b1717;
	font-size: 16px;
	margin-bottom: 15px;
}

#ctl00_LoginView1_UserNameLabel { font-weight: bold; }

.MoneyBox
{
    text-align:right;
    width:100px;
}

.Success
{
    color:Green;
}

.Failure
{
    color:Red;
}

td.Comment
{
    color: Red;
}

td.Banner
{
    background-color:#660000;
    color: #FFFF99;
 }

Banner
{
    font-size: x-small;
}

#ctl00_LoginStatus { display: none; }

/* Main Menu */

.MainMenu {
	font-family: verdana, helvetica, arial, sans-serif;
	font-weight: bold;
	display: block;
	height: 10px;
}

.MainMenu a,
.MainMenu span.AspNet-Menu-NonLink {
	color: #f47b12 !important;
	text-decoration: underline !important;
	padding: 10px 10px 5px 10px;
	border-right: 1px dashed #e4e4e4;
}

.MainMenu li ul {
	background-color: #fff;
	border: 1px dashed #e4e4e4;
	padding-bottom: 10px;
}

.MainMenu li ul a {
	border-right: none;
}

.MainMenu a[title='Home'] {
	padding-left: 0;
}

.MainMenu ul.AspNet-Menu ul {
	margin-top: -5px !important;
	background-color: #fff;
	z-index: 1500;
}

.MainMenu a.AspNet-Menu-Selected,
.MainMenu .AspNet-Menu-ChildSelected span.AspNet-Menu-NonLink {
	color: #8d1a17 !important;
	text-decoration: none !important;
	background: transparent url(images/nav-selected.gif) no-repeat center bottom;
}

.MainMenu li.AspNet-Menu-WithChildren:hover ul {
	visibility: visible;
}

.MainMenu a:hover {
	text-decoration: none !important;
}


.foo {} /* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... */

/* This style sheet is intended to contain OFTEN CHANGED rules used when the DetailsView control adapter is enabled. */
/* See FormViewExample.css for comparison of similar rules. */

#SampleDetailsView
{
    width:20em;
    position:relative;
}

/* Please refer to FormViewExample.css for comments on these rules. */
div.AspNet-FormView-Header
{
    color: #F7F6F3;
    background-color: #5D7B9D;
    padding: 4px 0 4px 4px;
    position:relative;
}

#Title  input { width: 60px; }
#Mobile input, #Fax input { width: 100px; }
#PostCode input { width: 60px; }

span.AspNet-FormView-Data { float:left; width:120px; color: #ac8f6d; }
#UpdatePasswordDetails { margin-left: 40px; }
div.AspNet-FormView ul li { list-style-type:none; height: 25px; }

/* Each field defined for the DetailsView generates an individual list item (li) in the rendered HTML. */
/* Each li effectively is a row in a table (though no table tag is generated by the adapter). */
div.AspNet-FormView-Data li
{
    padding: 3px 0 2px 0px;
    color: #333333;
    vertical-align: middle;
    min-height:1.4em; /* ADDED for Firefox */
}

/* Every other field is marked as being "Alternate." */
/* This allows you to define an "alternating row" style (though the adapter doesn't actually generate an HTML table). */
div.AspNet-FormView-Data li.AspNet-FormView-Alternate
{
}

/* This corresponds to the HeaderText attribute of an <asp:BoundField>. */
span.AspNet-FormView-Name
{
	width: 10em;
	display: block;
	float: left;
	clear: left;
	color: #a98f6e;
	font-weight: bold;
	line-height: 1.5;
}

.AspNet-DetailsView-RowCommand {
	clear: both;
}

.AspNet-DetailsView-RowCommand a {
	color: #;
}

/* This corresponds to the DataField attribute of an <asp:BoundField>. */
span.AspNet-DetailsView-Value
{
	float: left;
	margin-bottom: 5px;
	line-height: 1.5;
}

/* --------------------------------------------------------------------------------------------------- */
/* Please refer to FormViewExample.css for comments on these rules. */
.AspNet-DetailsView-Pagination
{
    background-color: #284775;
    text-align:center;
    padding: 4px 0 4px 0;
    position:relative;
}

.AspNet-DetailsView-ActivePage
{
    color: White;
    margin-left: 4px;
}

.AspNet-DetailsView-OtherPage
{
    color: #00FFFF;
    text-decoration:none;
    margin-left: 4px;
}

/* Individual "items" in the DataList. */
.AspNet-DataList table tbody tr td
{
    padding:5px;         
    vertical-align: top; 
}

/* Header of the DataList. */
.AspNet-DataList table thead tr th,
.AspNet-DataList table caption
{
    border-top: solid 20px #9C0001;
    text-align:right;
    height: 90px;
    font-family: Arial;
    font-weight: bold;
    font-size: x-large;
    color: white;
    background-color:#D3C9C7;
    vertical-align: bottom;
    padding: 0 8px 8px 0;
}

/* Footer. */
.AspNet-DataList table tfoot tr td
{
    border-top: solid 20px #9C0001;
}

/* ------------------------------------------------------------------- */
/* Specific to this sample web site. */
/* These rules are probably not useful in your site. */

#SampleDataList .Sample-Contact
{
    border: solid 2px #648ABD;
    padding: 4px;
    background:#B9D3EE;
    color:Maroon;
    font-size:small; 
}

#SampleDataList .Sample-Name
{    
}

#SampleDataList .Sample-Address
{
    color: Black;
}

#SampleDataList .Sample-Phone
{
    color: #333333;
    text-align:right;
    white-space:nowrap; 
}


/* --------------------------------------------------------------------------------------------------- */
/* Used when the DataList adapter is NOT used. */
/* These styles are used by the DataList's skin, found in this theme's skin file. */
#SampleDataList .DataList-Skin-Header
{
    border-top: solid 20px #9C0001;
    padding: 0 8px 8px 0;
}

#SampleDataList .DataList-Skin-Footer
{
    border-top: solid 20px #9C0001;
}

.AspNet-GridView
{
    width: 100%;
}

.AspNet-GridView table
{
    border: solid 1px #CCCCCC;
    width: 100%;
}

.AspNet-GridView table thead tr th
{
    color: #F7F6F3;
    background: #9b302c;
    font-weight: bold;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    padding: 2px;
}

.AspNet-GridView table thead tr th a
{
    color: #F7F6F3;
}

.AspNet-GridView table tbody tr td
{
    color: #333333;
    background: White;
    padding: 2px 20px 2px 2px;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
}

.AspNet-GridView table tbody tr.AspNet-GridView-Alternate td
{
    background: #F7F6F3;
}

.AspNet-GridView table tbody tr.AspNet-GridView-Selected td
{
}

.AspNet-GridView table tfoot tr td
{
}

.SearchGrid
{
    width:100%;
}

.EditGrid
{
}

#HelloUserName { display: block; color: #8d1612; font-weight: bold; font-size: 2em; margin-bottom: 0px; }
#MemberWelcome, #MemberWelcomeBottom { background-color: #f3f2ee; padding: 20px; margin-bottom: 10px; }
#MemberWelcome h4, #MemberWelcomeBottom h4 { color: #4c332e; padding: 0; margin: 0; margin-bottom: 10px; font-size: 1.4em; }

#CurrentBalance { color: #8d1612; font-weight: bold; font-size: 1.2em;}
#ctl00_BelowMenuPlaceHolder_LabelBalance,
#ctl00_ContentPlaceHolderBody_CustomerTransactions_LabelBalance { color: #333; font-size: 3em; display: block; }
#ctl00_BelowMenuPlaceHolder_LabelBalance:before { content: ""; }
#ctl00_BelowMenuPlaceHolder_FormViewPassword { position:absolute; top : 68px; left: 320px; }
#CustomerName span { font-size: 2em; font-weight: bold; color: #8d1612; }

span.AspNet-FormView-SubHeading { float:none; width:auto; font-weight:bold;}

#ctl00_ContentPlaceHolderBody_CustomerTransactions_GridViewTransactions { margin-top: 10px; }
#ctl00_ContentPlaceHolderBody_CustomerTransactions_GridViewTransactions table { margin-bottom: 10px; }

#ctl00_ContentPlaceHolderBody_EditCustomerDetails_DetailsView1 li { clear: both; margin-bottom: 2px; }
#ctl00_ContentPlaceHolderBody_EditCustomerDetails_DetailsView1 span { padding-right: 20px; }
#ctl00_ContentPlaceHolderBody_EditCustomerDetails_DetailsView1 .AspNet-DetailsView-Value { float: none; }
#ctl00_ContentPlaceHolderBody_EditCustomerDetails_DetailsView1 .AspNet-DetailsView-Name { width: 120px; float: left; clear: both; }
#ctl00_ContentPlaceHolderBody_EditCustomerDetails_DetailsView1 .AspNet-DetailsView-Value textarea { width: 300px; }