body
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
   font-style: normal;
   text-decoration: none;
   text-align: left;
   color: Black;
	background-color: white;
	background-image: none;
   margin: 0px;
   padding: 0px;
}

.GeneralPage
{
}

.GeneralTable
{
	width: 100%;
}

.TopBanner
{
}

.TopBannerLogo
{
   width: 240px;
}

.TopBannerTitle
{
	font-size: 24px;
	font-weight: bold;
}

.TopSubBanner
{
	font-size: 9pt;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #9A0000;
	text-align: center;
}
 
.LeftColumn
{
	color: black;
	background-color: #DDD3B6;
	width: 225px;
	padding-left: 2px;
	vertical-align: top;
}

.LeftColumn a
{
   margin-left: 10px;
   color: black;
   text-decoration: none;
}


.LeftColumn a:hover
{
   text-decoration: underline;

}

a.LinkToEditOwnCustomerRecord {
	margin: 0;
	text-decoration: underline;
}
.ManagementMenuLinks {
	padding-left: 4px;
}
.ManagementMenuLinks div {
	padding-top:2px;
}
.RightColumn
{
   width: 100%;
	vertical-align: top;
}

.Footer
{
	color: white;
	font-weight: bold;
	background-color: #9A0000;
	text-align: center;
}

.FixedWidthInput
{
   width: 175px;
}

.FixedReportWidthInput
{
   width: 115px;
}

.FullWidthInput
{
	width:95%;
}

.requiredFieldMarker
{
	color: #ff0000;
}

.ErrorMessages
{
	color: #9A0000;
	font-weight: bold;
	text-align: center;
}

.ReportErrorMessages
{
	color: #9A0000;
	font-weight: bold;
	text-align: center;
}

.Messages
{
	color: #9A0000;
	font-weight: bold;
	text-align: center;
}

.Headings
{
	color: #9A0000;
	font-size: 10pt;
	font-weight: bold;
}

.RightHeadings
{
	color: #9A0000;
	font-size: 10pt;
	font-weight: bold;
	text-align: right;
}

.Content, .TrackingTable
{
}

.RightContent
{
	text-align: right;
}

.ContentTableHeader, .TrackingTable TH
{
	font-size: 10pt;
	color: white;
	font-weight: bold;
	background-color: #9A0000;
}

.ContentTableHeader A
{
   color: white;
}

.TrackingTable TD, .TrackingTable TH, .TrackingTable
{
   border-collapse: collapse;
   border-style: solid;
   border-width: 1px;
}

.ContentTable
{
	background-color: #ACB8B8;
}

.ContentArea
{
	border-color: #ACB8B8;
	border-style: solid;
   border-width: 1px;
   margin: 5px;
}

.ProductDataTable
{
}

.ProductDataTableSelected
{
	background-color: #D9DFDF;
}

.ProductDataTableHeader
{
	font-size: 10pt;
	color: white;
	font-weight: bold;
	background-color: #ACB8B8;
	background-image: none;
	text-align: left;
}

#TreeViewScroller
{
   width: 200px;
   height: 200px;
}

.scrollContainer
{
   overflow-y: auto;
   overflow-x: hidden;
   border: 1px solid #ccc;
}
.AdminTabs {
	margin-top:4px;
}
.AdminTabs td a{
	display:block;
	height:32px;
	line-height:32px;
	font-size:larger;
	
	background-color:#e8e8e8;
	border-right:solid 1px #ACB8B8;
	border-top:solid 1px #ACB8B8;
	border-left:solid 1px #ACB8B8;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	text-decoration:none;
	color:black;
}
.AdminTabs td.activeTab {
	
}

.AdminTabs .active
{
	font-weight: bold;
	background-color:white;
}
.AdminTabs .rowEditCreditCardLink {
	display:none;
}
.searchGridTableHeader, .searchGridTablePager
{
   text-align: left;
}

/* The following styles override the default RadComboBox's WebBlue skin */
div.rcbCustomWebBlue .rcbInputCell INPUT.rcbInput
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
   font-style: normal;
	color: black;
}

/* There is a mysterious 10px left margin on the arrow cell of the RadComboBox.  We need to set this to 0px so it renders correctly */
div.rcbCustomWebBlue .rcbArrowCell A
{
   margin-left: 0px;
}

div.rcbCustomWebBlueFixedWidth
{
	width: 175px !important;
}

div.rcbCustomerWebBlueDropDown
{
	width: 275px !important;
}

/* The following styles are for the ProductComboBox composite control used to display drop downs displaying product data */
div.rcbCustomWebBlueProduct
{
	width: 175px !important;
}

div.rcbCustomerWebBlueProductDropDown
{
	width: 400px !important;
}

.productDropDownTable
{
	width: 355px;
}

.productDropDownTable thead 
{
	font-weight: bold;
}

.productDropDownTable .code
{
	width: 150px;
}

.productDropDownTable .name
{
	width: 200px;
}

/* The following styles override the default RadDatePicker's WebBlue skin */
div.rdpCustomWebBlue .rcInputCell INPUT.riTextBox
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
   font-style: normal;
	color: black;
}

/* The following styles override the default RadInput's WebBlue skin */
span.RadInput_WebBlue INPUT.riTextBox
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10pt;
}

/* The following stypes are for the display of inline error messages */
.inlineErrorMessageHeader
{
   width: 150px;
   font-weight: bold;
   text-align: center;
}

.inlineErrorMessageBody
{
   padding: 5px;
   color: red;
}

.inlineErrorMessageSource
{
   background-color: #FFFACD; /* equivalent to lemonchiffon */
}

a.cssButton
{
	background-color: transparent;
	background-image: url(images/css-left.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	display: inline-block;
	font-family: Trebuchet MS;
	font-weight:bold;
	font-size: 12px;
	line-height: 16px;
	height: 24px;
	padding-left: 8px;
	text-decoration: none;
}

a.cssButton:hover
{
	background-position: left bottom;
}

a.cssButton:link, 
a.cssButton:visited, 
a.cssButton:active 
{
	color: #000000;
}


a.cssButton span
{
background-color: transparent;
background-image: url(images/css-right.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: right top;
display: inline-block;
padding-top: 4px;
padding-right: 8px;
padding-bottom: 4px;
padding-left: 0pt;
text-align: center;
min-width: 100px;
}

a.cssButton:hover span 
{
	background-position: right bottom;
	color: #9A0000;
	cursor:pointer;
}

a.cssButton[disabled]
{
	color: #777777;
}

a.cssButton[disabled]:hover span 
{
	background-position: right bottom;
	color: #AAAAAA;
	cursor:wait;
	cursor:not-allowed;
}

legend
{
   margin-left:20px;
   padding-left:10px;
   padding-right:10px;
   padding-top:3px;
   padding-bottom:3px;
   border: solid 1px black;
}

/* This is used in Javascript to force maximum width and height of an image */
.forceMaxDimensions
{
	max-width: 200px; 
	max-height: 200px;
}

/* give the div the border/spacing/margin that we were getting with big table struture..*/
div.Management_BorderBox
{
	margin:8px; 
	padding: 8px 8px 8px 8px; 
	margin-top:15px; 
	border: 1px solid #ACB8B8
}
.HCentered
{
	margin-left: auto;
	margin-right: auto; 
	text-align: center;
}


/******************************************************************/
/* The following styles are used to support the "loading" message */
/******************************************************************/
.loadingMessage {
	position: absolute;
	display: none;
	border: 1px solid black;
	width: 130px;
	height: 60px;
	background-color: white;
	background-image: url(loading.gif);	
	background-repeat: no-repeat;
	z-index: 1199; /* A completely arbitrary z-index value; has to be > 1002 for jQueryUI 1.8.17, > 100 for jQueryUI 1.11.4 to show above the dialog popup. */
}

/* 
	When auto-complete is added to a dialog, the dialog gets a z-index of 101 but the drop down only has a 
	z-index of 100, which means it is displaying below dialog.  Bump it up so it shows above.
*/
.ui-autocomplete {
	z-index: 102;
}

/************************************************************************/
/* The following styles are used to support the "What Is This?" control */
/************************************************************************/
.whatIsThisContent {
	font-style: italic;
	padding-top: 5px;
	padding-bottom: 5px;
}

/*************************************************************************/
/* The following styles are used to support the "SettingsValue" controls */
/*************************************************************************/
.siteDefaultDisplayValue {
	font-style: italic;
}