﻿/***** Displays *****/
table.RSTable, table.RSAdmTable {
	white-space: nowrap;
	background-color: #dddddd;
	text-align: center;
	margin-bottom: 8px;
}
table.RSTable caption, table.RSAdmTable caption {
	padding: 4px;
	text-align: left;
	font-weight: bold;
	font-style: italic;
	text-decoration: underline;
}
table.RSTable tr.Header, table.RSAdmTable tr.Header {
	font-weight: bold;
	text-decoration: underline;
	background-color: #cccccc;
}
table.RSTable tr.Excluded, table.RSAdmTable tr.Excluded {
	font-style: italic;
	text-decoration: line-through;
}
table.RSTable * td, table.RSTable * th, table.RSAdmTable * td, table.RSAdmTable * th {
	padding: 4px;
}
table.RSTable * td.CType, table.RSTable * td.CName, table.RSAdmTable * td.CType, table.RSAdmTable * td.CName {
	font-weight: bold;
}
table.RSAdmTable * th.OApprovers {
	width: 150px;
}
table.RSTable * span.Selected, table.RSAdmTable * span.Selected {
	display: block;
	font-weight: bold;
	padding: 4px;
	background-color: #bbbbdd;
}

table.RSLTable * table.SLRule, table.RSLAdmTable * table.SLRule {
	white-space: nowrap;
}
table.RSLTable, table.RSLAdmTable {
	white-space: nowrap;
	background-color: #dddddd;
	margin-bottom: 8px;
}
table.RSLTable * th, table.RSLAdmTable * th {
	width: 80px;
	background-color: #cccccc;
	text-align: left;
	font-weight: bold;
	text-decoration: underline;
}
table.RSLTable * table.SLRule * th, table.RSLAdmTable * table.SLRule * th {
	background-color: Transparent;
	font-weight: normal;
	font-style: italic;
	text-decoration: none;
	width: auto;
}
table.RSLTable tr.Selected, table.RSLAdmTable tr.Selected {
	background-color: #bbbbdd;
}
table.RSLTable tr.Selected th, table.RSLAdmTable tr.Selected th {
	background-color: #aaaacc;
}
table.RSLTable tr.Selected * table.SLRule * th, table.RSLAdmTable tr.Selected * table.SLRule * th {
	background-color: Transparent;
}

table.AccountContextGrey * span.ACItem, table.AccountContext * span.ACItem {
	display: block;
	margin-bottom: 2px;
	margin-top: 2px;
}

table.ContractPermsGrey * span.PermDisp, table.ContractPerms * span.PermDisp {
	display: block;
	margin-bottom: 2px;
	margin-top: 2px;
}


table.OrderDisp {
	margin-top: 10px;
	margin-bottom: 10px;
}

table.OrderDisp * table.OD1 {
	width: 280px;
}
table.OrderDisp * table.OD2 {
	width: 300px;
}
table.OrderDisp * table.OD3 {
	width: 280px;
}

table.OD1 th, table.OD1 td,
table.OD2 th, table.OD2 td,
table.OD3 th, table.OD3 td {
	padding: 3px;
}

table.ODTotals {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 280px;
}

table.ODApproval {
	margin-top: 10px;
	margin-bottom: 10px;
}

table.ODAwaiting {
	margin-top: 5px;
	margin-bottom: 5px;
}

table.ODTotals th, table.ODTotals td,
table.ODApproval th, table.ODApproval td {
	padding: 3px;
}

table.OrderDisp * th, table.ODTotals * th, table.ODApproval * th {
	white-space: nowrap;
	font-weight: bold;
	background-color: #cccccc;
	text-align: left;
}

table.ODAwaiting * tr.ODAHead td {
	white-space: nowrap;
	font-weight: bold;
	text-align: left;
}

table.OrderDisp * table.OD1 * th, table.ODTotals * th, table.ODApproval * th {
	width: 130px;
}

table.ODLines {
	margin-top: 10px;
	margin-bottom: 10px;
}

table.ODLines th, table.ODLines td {
	padding: 3px;
}

table.ODLines th {
	font-weight: bold;
	color: Black;
	vertical-align: top;
	background-color: #cccccc;
	padding-left: 10px;
	padding-right: 10px;
}

table.ODLines tr.AltItem td {
	background-color: #eeeeee;
}

table.ODLines td.PriceU, table.ODLines td.PriceL, table.ODLines td.Tax {
	text-align: right;
}

table.ODLines td.IntStatus, table.ODLines td.Qty {
	text-align: center;
}

table.RegCardList * td.RCCell, table.RegCardList * td.RCCellTop {
	border-color: Black;
	border-style: solid;
	border-width: 0px;
	border-bottom-width: 1px; 
}

table.RegCardList * td.RCCellTop {
	border-top-width: 1px; 
}

table.RegCardList * a {
	text-decoration: none;
	border-style: none;
	border-width: 0px;
}

table.RegCardList * img {
	border-style: none;
	border-width: 0px;
}


/***** Forms *****/
table.OrderDetailGrey {
	white-space: nowrap;
	background-color: #dddddd;
	width: 500px;
	margin-bottom: 8px;
}

table.OrderDetailGrey * th {
	background-color: #eeeeee;
	text-align: left;
	width: 200px;
}

table.OrderDetailGrey * th.allowwrap {
	white-space: normal;
}

table.OrderDetailGrey * span.brackets {
	font-size: 9px;
	font-weight: normal;
}

table.OrderDetailGrey * input {
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
}
table.OrderDetailGrey * select.Permissions {
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
}

table.CardDetail * th {
	text-align: left;
	vertical-align: top;
	width: 120px;
}
table.CardDetail * td {
	text-align: left;
}
table.CardDetail * select.ExpMonth {
	width: 40px;
}
table.CardDetail * select.ExpYear {
	width: 60px;
}
table.CardDetail * select.CardType, table.CardDetail * input.CardNumber, table.CardDetail * input.SecCode {
	width: 150px;
}

input.DelAddrCB {
	vertical-align: middle;
}

div.OrderApproval, div.OrderPreview {
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	margin: 10px;
}

div.OrderApproval {
	clear: both;
	width: 750px;
	height: 80px;
	border-color: #ffffff;
}

div.OrderPreview {
	padding: 10px;
}

table.OrderApproval {
	white-space: nowrap;
	width: 725px;
}
table.OrderApproval * th {
	text-align: left;
	width: 200px;
}

div.OrderApprovalGrey {
	width: 510px;
	height: 80px;
	margin-bottom: 10px;
}

div.OrderApprovalNoButtons {
	height: auto;
}

table.OrderApprovalGrey {
	white-space: nowrap;
	background-color: #dddddd;
	width: 500px;
}

table.OrderApprovalGrey * th {
	white-space: normal;
	background-color: #eeeeee;
	text-align: left;
	width: 200px;
}

table.OrderApprovalGrey * input {
	width: 290px;
}

div.OrderApproval .Accept, div.OrderApprovalGrey .Accept {
	position: absolute;
	top: 50px; left: 100px;
}
div.OrderApproval .Update, div.OrderApprovalGrey .Update {
	position: absolute;
	top: 50px; left: 300px;
}
div.OrderApproval .Decline, div.OrderApprovalGrey .Decline {
	position: absolute;
	top: 50px; left: 500px;
}

div.OrderApprUpdForm {
	margin: 10px;
}

/***** Grids *****/
div.GroupGrid table.GridTable, div.AccountGrid table.GridTable, div.SiteGrid table.GridTable,
div.UserGrid table.GridTable {
	width: 100%;
}

div.InvoiceGrid table.GridTable, div.InvoiceGrid div.Pager,
div.CCHGrid table.GridTable, div.CCHGrid div.Pager,
div.CCLGrid table.GridTable, div.CCLGrid div.Pager,
div.CCLGrid table.CustCatImages, div.CCLGrid table.TogMode,
div.ContractGrid table.GridTable, div.ContractGrid div.Pager,
div.ContractGrid table.ContractImages, div.ContractGrid table.TogMode {
	width: 700px;
}

div.OrderGrid table.GridTable, div.OrderGrid div.Pager {
	width: 1200px;
}

div.OrderSummaryGrid table.GridTable, div.OrderSummaryGrid div.Pager {
	width: 900px;
}

div.OrderSummaryGrid {
	margin-top: 10px;
	margin-bottom: 10px;
}

div.GroupGrid, div.AccountGrid, div.SiteGrid, div.UserGrid, div.CCHGrid, div.CCLGrid, div.ContractGrid,
div.SpendGrid {
	margin-top: 4px;
	margin-bottom: 4px;
}

div.AccountGrid * .Group, div.AccountGrid * .GroupLink {
	font-style: italic;
}

table.GridTable tr.Header * {
	color: Black;
	font-weight: bold;
	text-decoration: underline;
	white-space: nowrap;
	background-color: #cccccc;
}

table.GridTable tr.Header td, table.GridTable tr.Header th {
	border-top-color: #cccccc;
	border-top-style: solid;
	border-top-width: 2px;
	border-bottom-color: #cccccc;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}

table.GridTable tr.Header td.NoTitle, table.GridTable tr.Header th.NoTitle {
	text-decoration: none;
}

table.GridTable tr.Header td.Center {
	text-align: center;
}

table.GridTable tr.Item, table.GridTable tr.AltItem {
	background-color: #eeeeee;
}

table.GridTable tr.Item td, table.GridTable tr.AltItem td {
	border-top-color: white;
	border-top-style: solid;
	border-top-width: 2px;
}

table.GridTable * td {
	padding-left: 4px;
	padding-right: 4px;
}

table.GridTable * td.Detail {
	text-align: center;
}

table.GridTable * a.Link, table.GridTable * a.GroupLink {
	color: blue;
	font-weight: normal;
	text-decoration: none;
}

table.GridTable * a:hover.Link, table.GridTable * a:hover.GroupLink {
	text-decoration: underline;
}

table.GridTable * td.Price {
	font-weight: bold;
	text-align: right;
}

table.AccountGrid td.Stopped, table.AccountGrid td.PurchCard, table.AccountGrid td.VatExempt, table.AccountGrid td.Discount {
	text-align: center;
}

table.AccSiteGrid td.Site, table.AccSiteGrid td.Budget, table.AccSiteGrid td.Postcode {
	text-align: center;
}

table.UserGrid td.AdminType, table.UserGrid td.OnHold, table.UserGrid td.LoginCount, table.UserGrid td.OrderCount,
table.UserGrid td.Created, table.UserGrid td.LastAccess, table.UserGrid td.ReqBranch {
	text-align: center;
}

div.ContentGrid table.ContentGrid {
	width: 100%;
}

div.CCLGrid table.CCLGrid td.OnContract {
	text-align: center;
}


/***** Inputs *****/
input.GroupCode, input.AccountCode, input.SiteNumber {
	width: 80px;
}

input.Date {
	width: 120px;
}

select.CSetting, select.Title {
	width: 100px;
}
input.CSetting {
	width: 80px;
}
select.CSettingLarge, input.CSettingLarge {
	width: 350px;
}

input.SName, input.LName, input.Email, input.TelNum {
	width: 250px;
}
input.NewUsername, input.NewPassword, input.CurPassword {
	width: 100px;
}
input.DVeryShort {
	width: 100px;
}
input.DShort {
	width: 250px;
}
input.DMedium, input.DLong {
	width: 500px;
}

input.PostCode, select.Country {
	width: 250px;
}
textarea.StrAddr {
	height: 100px;
	width: 250px;
}
textarea.SpInstr {
	width: 250px;
}

select.OrderType, input.PONumber {
	width: 250px;
}


/***** Lists *****/
select.Permissions {
	width: 140px;
}


/***** Pager *****/
div.Pager, div.PagerWhite {
	margin-top: 8px;
	text-align: center;
}

div.Pager {
	background-color: #eeeeee;
}

div.PagerWhite {
	background-color: #ffffff;
}

div.Pager table.PagerTable, div.PagerWhite table.PagerTable {
	margin-top: 4px;
	margin-left: auto;
	margin-right: auto;
	border-width: 1px;
	border-style: solid;
}

div.Pager table.PagerTable {
		border-color: #cccccc;
}

div.PagerWhite table.PagerTable {
	border-color: #dddddd;
}

div.Pager table.PagerTable * td, div.PagerWhite table.PagerTable * td {
	width: 28px;
	text-align: center;
	font-weight: bold;
}

div.Pager table.PagerTable * a, div.PagerWhite table.PagerTable * a {
	color: #000000;
	text-decoration: none;
}

div.Pager table.PagerTable * a:hover, div.PagerWhite table.PagerTable * a:hover {
	color: #000000;
	text-decoration: underline;
}

div.Pager table.PagerTable * a:hover, div.Pager td.PagerActiveLink {
	background-color: #cccccc;
}

div.PagerWhite table.PagerTable * a:hover, div.PagerWhite td.PagerActiveLink {
	background-color: #dddddd;
}

div.Pager span.PagerMessage, div.PagerWhite span.PagerMessage {
	display: block;
	padding-top: 6px;
	padding-bottom: 2px;
}


/***** Prompts *****/
div.SSPrompt, div.SSPrompt700 {
	padding: 5px;
	background-color: #eeeeee;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	margin-bottom: 8px;
}

div.SSPrompt700 {
	width: 690px;
}

/* SSPrompt includes a second input because IE doesn't post full form details if only one input exists, but we hide it from view */
div.SSPrompt .Dummy, div.SSPrompt700 .Dummy {
	visibility: hidden;
	display: none;
}

div.PSPrompt {
	background-color: #eeeeee;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	margin-bottom: 8px;
	width: 700px;
}

div.PSPrompt * th {
	white-space: nowrap;
	text-align: left;
}


div.MYPrompt {
	background-color: #eeeeee;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	margin-bottom: 8px;
	width: 700px;
}

div.MYPrompt * th {
	white-space: nowrap;
	text-align: left;
}

div.MYPrompt .PromptButton {
	display: block;
	float: right;
	width: 140px;
	margin: 5px;
}

div.UDetailPrompt, div.UDatePrompt {
	padding: 5px;
	background-color: #eeeeee;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	margin-bottom: 8px;
	width: 700px;
}

div.UDetailPrompt {
	height: 105px;
}

div.UDatePrompt {
	height: 135px;
}

div.UDetailPrompt * div.UD1, div.UDatePrompt * div.UD1 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 290px;
}

div.UDetailPrompt * div.UD2, div.UDatePrompt * div.UD2 {
	position: absolute;
	top: 0px;
	left: 275px;
	width: 290px;
}

div.UDetailPrompt * div.UDB, div.UDatePrompt * div.UDB {
	position: absolute;
	top: 0px;
	left: 550px;
	width: 150px;
}

div.UDetailPrompt * div.UDD, div.UDatePrompt * div.UDD {
	position: absolute;
	top: 75px;
	left: 550px;
	width: 150px;
}


div.UD1 * th, div.UD2 * th {
	white-space: nowrap;
	text-align: left;
}

div.UD1 * .Username, div.UD1 * .FirstName, div.UD1 * .LastName, div.UD1 * .Email, div.UD1 * .CreatedAfter, div.UD1 * .CreatedBefore, div.UD1 * .Group, div.UD1 * .ReqBranch {
	width: 120px;
}

div.UD2 * .Group, div.UD2 * .Account, div.UD2 * .LastAccessAfter, div.UD2 * .LastAccessBefore {
	width: 120px;
}

div.UD1 * a.SetDateLink, div.UD2 * a.SetDateLink {
	white-space: nowrap;
	text-align: center;
	text-decoration: none;
	color: Blue;
}

div.UD1 * a:hover.SetDateLink, div.UD2 * a:hover.SetDateLink {
	text-decoration: underline;
}

div.UDB .PromptButton, div.UDD .PromptButton {
	display: block;
	width: 140px;
	margin: 5px;
}


div.InvoicePrompt {
	padding: 5px;
	background-color: #eeeeee;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	margin-bottom: 8px;
	height: 115px;
	width: 690px;
}

div.InvoicePrompt div.IP1 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 290px;
}

div.InvoicePrompt div.IP2 {
	position: absolute;
	top: 0px;
	left: 200px;
	width: 290px;
}

div.InvoicePrompt div.IPB {
	position: absolute;
	top: 0px;
	left: 400px;
	width: 400px;
	height: 30px;
}

div.InvoicePrompt div.IPD {
	position: absolute;
	top: 45px;
	left: 400px;
	width: 300px;
	height: 70px;
}

div.IP1 * th, div.IP2 * th {
	white-space: nowrap;
	text-align: left;
	font-weight: bold;
}

div.IP1 * .GroupCode, div.IP1 * .AccountCode, div.IP1 * .SiteNumber, div.IP1 * .InvoiceType {
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
}
div.IP1 * .InvoiceType {
	width: 80px;
}

div.IP2 * .FromDate, div.IP2 * .ToDate, div.IP2 * .OrderNo, div.IP2 * .BranchNo, div.IP2 * .InvoiceNo {
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
}
div.IP2 * .FromDate, div.IP2 * .ToDate, div.IP2 * .OrderNo {
	width: 80px;
}
div.IP2 * .BranchNo {
	width: 20px;
}
div.IP2 * .InvoiceNo {
	width: 50px;
}
div.IP2 * .PodOnly {
	font-weight: bold;
}

div.IPB .Button, div.IPD .Button {
	display: inline;
	width: 140px;
}

div.OSearchMode {
	padding: 5px;
	background-color: #bbbbbb;
	font-weight: bold;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	border-bottom-width: 0px;
	width: 825px;
	margin-top: 8px;
}

div.OSearchMode a {
	color: #000000;
}

div.OSearchMode a.selected {
	color: #ffffff;
}

div.OGeneralPrompt, div.OSmallPrompt {
	padding: 5px;
	background-color: #eeeeee;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	margin-bottom: 8px;
	width: 825px;
}

div.OGeneralPrompt {
	height: 255px;
}

div.OSmallPrompt {
	height: 65px;
}

div.OGeneralPrompt * div.OD1 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 325px;
}

div.OSmallPrompt * div.OD1 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 600px;
}

div.OGeneralPrompt * div.OD2 {
	position: absolute;
	top: 0px;
	left: 350px;
	width: 325px;
}

div.OGeneralPrompt * div.OD3 {
	position: absolute;
	top: 140px;
	left: 0px;
	width: 815px;
}

div.OGeneralPrompt * div.ODB, div.OSmallPrompt * div.ODB {
	position: absolute;
	top: 0px;
	left: 675px;
	width: 150px;
}

div.OGeneralPrompt * div.ODD {
	position: absolute;
	top: 90px;
	left: 675px;
	width: 150px;
}

div.OSmallPrompt * div.ODD {
	position: absolute;
	top: 30px;
	left: 675px;
	width: 150px;
}


div.OD1 * th, div.OD2 * th, div.OD3 * th {
	white-space: nowrap;
	text-align: left;
	width: 145px;
}

div.OD1 * .Username, div.OD2 * .PONum, div.OD2 * .CreatedAfter, div.OD2 * .CreatedBefore {
	width: 120px;
}

div.OD1 * .EmailName, div.OD1 * .EmailDomain, div.OD1 * .Forename, div.OD1 * .Surname {
	width: 60px;
}

div.OD1 * .Group, div.OD1 * .Account {
	width: 80px;
}

div.OD1 * .Site {
	width: 40px;
}

div.OD1 * .OrderId {
	width: 120px;
}

div.OD1 * .Reference {
	width: 120px;
}

div.OD1 * a.SetDateLink, div.OD2 * a.SetDateLink {
	white-space: nowrap;
	text-align: center;
	text-decoration: none;
	color: Blue;
}

div.OD1 * a:hover.SetDateLink, div.OD2 * a:hover.SetDateLink {
	text-decoration: underline;
}

div.ODB .PromptButton, div.ODD .PromptButton {
	display: block;
	width: 140px;
	margin: 5px;
}


/***** Searches *****/
span.PagerToggle {
	display: inline-block;
	margin-top: 4px;
	margin-bottom: 4px;
}


/***** Selectors *****/
table.AccountContext, table.ContractPerms {
	white-space: nowrap;
}
table.AccountContextGrey, table.ContractPermsGrey {
	white-space: nowrap;
	background-color: #dddddd;
	width: 750px;
	margin-bottom: 8px;
}

table.AccountContext * th, table.ContractPerms * th {
	text-align: left;
	width: 120px;
}
table.AccountContextGrey * th, table.ContractPermsGrey * th {
	background-color: #eeeeee;
	text-align: left;
	width: 150px;
}

table.ContractPerms * table.AccountContext * th, table.ContractPermsGrey * table.AccountContext * th {
	text-align: left;
	width: 50px;
	font-weight: normal;
	background-color: Transparent;
}

table.AccountContextGrey * input, table.ContractPermsGrey * table.AccountContext * input {
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
}
table.ContractPermsGrey * select.Permissions {
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
}


div.CPDiv {
	position: relative;
	left: 0px;
	top: 0px;
	width: 590px;
	height: 145px;
}	
div.CPDiv select.Permissions {
	position: absolute;
	top: 5px;
	left: 0px;
}
div.CPDiv .PermsError {
	position: absolute;
	top: 8px;
	left: 140px;
	color: Red;
}
div.CPDiv div.UcccDiv {
	position: absolute;
	top: 120px;
	left: 0px;
}
div.CPDiv div.UcccDiv span.UserCCC label {
	position: relative;
	top: -2px;
	margin-left: 5px;
}
div.CPDiv table.AccountContext {
	position: absolute;
	top: 19px;
	left: 290px;
}
div.CPDiv input.AddBut, div.CPDiv input.RemoveBut {
	display: block;
	position: absolute;
	left: 155px;
	width: 120px;
}
div.CPDiv input.AddBut {
	top: 30px;
}
div.CPDiv input.RemoveBut {
	top: 60px;
}

div.MassOp {
	margin-top: 8px;
	margin-bottom: 8px;
	white-space: nowrap;
}


/***** Sorter *****/
tr.Header td.SortAsc a, tr.Header td.SortDesc a, th.SortAsc a, th.SortDesc a {
	padding-right: 10px;
	background-position: right 1px;
	background-repeat: no-repeat;
}

tr.Header td.SortAsc a, th.SortAsc a {
	background-image: url(../../images/sortasc.gif);
}

tr.Header td.SortDesc a, th.SortDesc a {
	background-image: url(../../images/sortdesc.gif);
}


/***** Views *****/
span.DatePeriod input.DPCount {
	width: 20px;
}

span.DatePeriod select.DPUnit {
	width: 85px;
}

table.SLRule, table.SLRules, table.SpendLimit, table.CSettings, table.Person, table.WebUser,
table.Address, table.CCHeader, table.HideCat
table.SpendLimitGrey * table.SLRule,
table.ContentColl, table.CatLinkCollection, table.CatLinkCollectionGrey * table.CatItemLink,
table.CImgCollection, table.CImgCollectionGrey * table.ContentImage,
table.CParaCollection, table.CParaCollectionGrey * table.ContentParagraph {
	white-space: nowrap;
}

table.CatLinkCollectionGrey * table.CatItemLink td.CatLevSel {
	white-space: normal;
}

table.SLRuleGrey, table.SpendLimitGrey, table.CSettingsGrey, table.PersonGrey, table.WebUserGrey,
table.AddressGrey, table.AddressGrey,
table.ContentCollGrey, table.CatLinkCollectionGrey, table.CImgCollectionGrey, table.CParaCollectionGrey {
	white-space: nowrap;
	background-color: #dddddd;
	width: 750px;
	margin-top: 4px;
	margin-bottom: 8px;
}
table.CCHeaderGrey {
	white-space: nowrap;
	background-color: #dddddd;
	width: 700px;
	margin-top: 4px;
	margin-bottom: 8px;
}

table.Person * th, table.WebUser * th, table.Address * th {
	text-align: left;
	vertical-align: top;
	width: 120px;
}
table.SLRule * th, table.SpendLimit * th, table.CSettings * th, table.CCHeader * th, table.HideCat * th,
table.ContentColl * th, table.CatLinkCollection * th, table.CImgCollection * th, table.CParaCollection * th {
	text-align: left;
	vertical-align: middle;
	width: 120px;
}
table.SLRuleGrey * th, table.SpendLimitGrey * th, table.CSettingsGrey * th, table.PersonGrey * th, table.WebUserGrey * th,
table.AddressGrey * th, table.CCHeaderGrey * th, table.HideCatGrey * th {
	background-color: #eeeeee;
	text-align: left;
	width: 150px;
}
table.CSettings * th.SectionTitle {
	background-color: #ffffff;
	text-decoration: underline;
	font-style: italic;
}
table.CSettingsGrey * th.SectionTitle {
	background-color: #dddddd;
	text-decoration: underline;
	font-style: italic;
}
table.ContentCollGrey * th, table.CatLinkCollectionGrey * th, table.CImgCollectionGrey * th, table.CParaCollectionGrey * th {
	background-color: #eeeeee;
	text-align: left;
	width: 120px;
}
table.SpendLimit * table.SLRules * th, table.SpendLimitGrey * table.SLRules * th {
	background-color: Transparent;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
	width: 30px;
}
table.CatLinkCollection * table.CatLinks * th, table.CatLinkCollectionGrey * table.CatLinks * th,
table.CImgCollection * table.ContentImages * th, table.CImgCollectionGrey * table.ContentImages * th,
table.CParaCollection * table.ContentParagraphs * th, table.CParaCollectionGrey * table.ContentParagraphs * th {
	background-color: Transparent;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
	width: 15px;
}
table.SpendLimit * table.SLRule * th, table.SpendLimitGrey * table.SLRule * th,
table.CatLinkCollection * table.CatItemLink * th, table.CatLinkCollectionGrey * table.CatItemLink * th,
table.CImgCollection * table.ContentImage * th, table.CImgCollectionGrey * table.ContentImage * th,
table.CParaCollection * table.ContentParagraph * th, table.CParaCollectionGrey * table.ContentParagraph * th {
	background-color: Transparent;
	font-weight: normal;
	font-style: italic;
	text-decoration: none;
	width: auto;
}

table.CatLinkCollection table.CatLinks table.CatItemLink, table.CatLinkCollectionGrey table.CatLinks table.CatItemLink,
table.CImgCollection table.ContentImages table.ContentImage, table.CImgCollectionGrey table.ContentImages table.ContentImage,
table.CParaCollection table.ContentParagraphs table.ContentParagraph, table.CParaCollectionGrey table.ContentParagraphs table.ContentParagraph {
	margin-bottom: 5px;
}

table.CSettings * td.nopad {
	padding: 0px;
}

table.CSettings * span.CSDisp, table.CSettingsGrey * span.CSDisp,
table.Person * span.PDisp, table.PersonGrey * span.PDisp,
table.WebUserGrey * span.WUDisp, table.WebUser * span.WUDisp,
table.AddressGrey * span.ADisp, table.Address * span.ADisp,
table.CCHeader * span.CCDisp, table.CCHeaderGrey * span.CCDisp {
	display: block;
	margin-bottom: 2px;
	margin-top: 2px;
	white-space: nowrap;
}

table.SLRules * td.Command {
	padding: 4px;
	white-space: normal;
	width: 45px;
}
table.CatLinks * td.Command,
table.ContentImages * td.Command, table.ContentParagraphs * td.Command {
	padding: 4px;
	white-space: normal;
	width: 80px;
}

select.SLType {
	width: 109px;
}
input.SLAmount {
	width: 55px;
}
input.SLStart {
	width: 70px;
}
select.SLApply {
	width: 175px;
}
select.SLFixed {
	width: 70px;
}
input.SLMessage {
	width: 440px;
}
table.SLRule * span.DatePeriod, table.SLRule * select.SLType, table.SLRule * select.SLApply, table.SLRule * select.SLFixed,
table.SLRuleGrey * span.DatePeriod, table.SLRuleGrey * select.SLType, table.SLRuleGrey * select.SLApply, table.SLRuleGrey * select.SLFixed  {
	margin-right: 6px;
}


table.SLRuleGrey * input, table.SpendLimitGrey * input, table.CSettingsGrey * input, table.PersonGrey * input,
table.WebUserGrey * input, table.AddressGrey * input,
table.CatLinkCollectionGrey * input, table.CImgCollectionGrey * input, table.CParaCollectionGrey * input {
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
	margin-bottom: 1px;
}
table.SLRuleGrey * select, table.SpendLimitGrey * select, table.CSettingsGrey * select, table.PersonGrey * select,
table.WebUserGrey * select, table.AddressGrey * select,
table.CatLinkCollectionGrey * select, table.CImgCollectionGrey * select, table.CParaCollectionGrey * select {
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
}

table.WebUserGrey * span.OnHold input {
	border-width: 0px;
}

table.HideCat * input, table.HideCatGrey * input {
	border-width: 0px;
}

table.CatItemLink input.CILTitle {
	width: 425px;
}
table.CatItemLink input.Filename {
	width: 120px;
}
table.CatItemLink input.Filetype {
	width: 30px;
}

table.ContentImage input.ImgText,
table.ContentImage input.ImgLink,
table.ContentParagraph input.PTitle,
table.ContentParagraph textarea.PText,
table.ContentParagraph input.ParaLink {
	width: 425px;
	margin-right: 15px;
}
table.ContentParagraph textarea.PText {
	height: 110px;
}
table.ContentImage input.Filename, table.ContentParagraph input.Filename {
	width: 120px;
}
table.ContentImage input.Filetype, table.ContentParagraph input.Filetype {
	width: 30px;
}


table.BasketView {
	background-color: #dddddd;
	width: 725px;
	margin: 10px;
}

table.BasketView * a {
	color: #000099;
	text-decoration: none;
}

table.BasketView * a:hover {
	color: #0000ff;
	text-decoration: underline;
}

table.BasketView tr.Item td {
	background-color: #ffffff;
	text-align: left;
}

table.BasketView tr.Item td.Desc {
	font-weight: bold;
}

table.BasketView tr.Item td.Money {
	width: 50px;
	text-align: right;
}

table.BasketView tr.Item td.Unit {
	width: 50px;
	text-align: center;
}

table.BasketView tr.Item td.Qty {
	width: 50px;
	text-align: right;
}

table.BasketView tr.Item td.Qty input {
	width: 40px;
	text-align: right;
}

table.BasketView tr.Postage, table.BasketView tr.Vat {
	background-color: #eeeeee;
}

table.BasketView tr.SubTotal, table.BasketView tr.Total {
	background-color: #dddddd;
	font-weight: bold;
}

