﻿
/*Core Styles*/
body				{font-family:Arial;font-size:14px;color:#000;background:url(/images/furniture/layout/bcg.gif) repeat-x #B3B3B3;}
img					{border:0px;padding:0;margin:0;}
a					{color:#C00;text-decoration:underline;}
a:hover				{color:#C00;text-decoration:underline;}
h1					{font-size:2.2em;font-weight:bold;margin:0;padding:0 0 10px 0;}
h2					{font-size:1.5em;font-weight:bold;margin:0;padding:0 0 10px 0;}
h3					{font-size:1.2em;font-weight:normal;margin:0;padding:0 0 10px 0;}
h3	a				{font-weight:bold;text-decoration:none;color:#000;}
h3	a:hover			{font-weight:bold;text-decoration:underline;color:#000;}
p					{margin:0;padding:0 0 15px 0;}
p	a				{color:#C00;text-decoration:underline;}
p	a:hover			{color:#C00;text-decoration:underline;}
form				{display:inline;}

/*Master Page*/
.header				{float:left;width:990px;height:65px;font-size:1.2em;font-weight:bold;color:#FFF;background:url(/images/furniture/layout/headerBcg.png) no-repeat;}
.header	a			{text-decoration:none;color:#FFF;}
.header	a:hover		{text-decoration:underline;color:#FFF;}
.pageContainer		{text-align:left;width:990px;margin:0px auto;}
.footerLeft			{float:left;font-size:0.8em;text-align:left;padding:10px 0 0 4px;}
.footerRight		{float:right;font-size:0.8em;text-align:right;padding:10px 0 0 4px;}
.footerLeft a		{text-decoration:none;color:#000;}
.footerLeft a:hover	{text-decoration:underline;color:#000;}

/*Layout Containers*/
.fullHeader			{float:left;width:990px;height:9px;padding:0;margin:0;background:url(/images/furniture/layout/full/bgTop.png) no-repeat;}
.fullBody			{float:left;width:950px;padding:20px;margin:0;background:url(/images/furniture/layout/full/bgMid.png) repeat-y;}
.fullFooter			{float:left;width:990px;height:8px;padding:0 0 3px 0;margin:0;background:url(/images/furniture/layout/full/bgBtm.png) no-repeat;}

.smallBox			{float:left;width:373px;}
.smallHeader		{float:left;width:373px;height:9px;padding:0;margin:0;background:url(/images/furniture/layout/small/bgTop.png) no-repeat;}
.smallBody			{float:left;width:323px;padding:10px 30px 20px 20px;margin:0;background:url(/images/furniture/layout/small/bgMid.png) repeat-y;}
.smallFooter		{float:left;width:373px;height:8px;padding:0 0 3px 0;margin:0;background:url(/images/furniture/layout/small/bgBtm.png) no-repeat;}

.largeBox			{float:left;width:617px;}
.largeHeader		{float:left;width:617px;height:9px;padding:0;margin:0;background:url(/images/furniture/layout/large/bgTop.png) no-repeat;}
.largeBody			{float:left;width:557px;padding:10px 40px 10px 20px;margin:0;background:url(/images/furniture/layout/large/bgMid.png) repeat-y;}
.largeFooter		{float:left;width:617px;height:8px;padding:0 0 3px 0;margin:0;background:url(/images/furniture/layout/large/bgBtm.png) no-repeat;}
.halfWidthColumn	{float:left;width:450px;padding-right:20px;}
.quarterWidthColumn	{float:left;width:220px;}

.ahLeft				{float:left;width:334px;margin:0 10px 0 -3px;}
.ahRight			{float:right;width:334px;margin:0 0 0 5px;}
.ahHeader			{float:left;width:334px;height:9px;padding:0;margin:0;background:url(/images/furniture/layout/article-highlight/bgTop.gif) no-repeat;}
.ahBody				{float:left;width:314px;padding:5px 10px 0 12px;background:url(/images/furniture/layout/article-highlight/bgMid.gif) repeat-y;}
.ahBody	h3			{font-weight:bold;color:#FC0;padding-bottom:5px;}
.ahBody	ul			{color:#FFF;margin:0 0 8px 15px;padding:0 0 0 0;}
.ahBody	li			{color:#FFF;margin:0 0 0 1px;list-style-type: square;}
.ahFooter			{float:left;width:334px;height:9px;padding:0;margin:0;background:url(/images/furniture/layout/article-highlight/bgBtm.gif) no-repeat;}


/* Overlay */

.shadow				{text-align:left;position:absolute;left:0;top:0;display:block;width:100%;height:400%;background:url(/images/furniture/layout/overlay/shadow.png);z-index:10;}

.largeOverlay		{margin:40px auto;width:748px;text-align:left;}
.largeOverlayHeader	{float:left;width:748px;height:9px;padding:0;margin:0;background:url(/images/furniture/layout/overlay/large/bgTop.png) no-repeat;}
.largeOverlayBody	{float:left;width:708px;padding:20px 20px 10px 20px;margin:0;background:url(/images/furniture/layout/overlay/large/bgMid.png) repeat-y;}
.largeOverlayFooter	{float:left;width:748px;height:8px;padding:0;margin:0;background:url(/images/furniture/layout/overlay/large/bgBtm.png) no-repeat;}

.mediumOverlay			{margin:40px auto;width:500px;text-align:left;}
.mediumOverlayHeader	{float:left;width:500px;height:9px;padding:0;margin:0;background:url(/images/furniture/layout/overlay/large/bgTop.png) no-repeat;}
.mediumOverlayBody		{float:left;width:460px;padding:10px 20px 10px 20px;margin:0;background:url(/images/furniture/layout/overlay/large/bgMid.png) repeat-y;}
.mediumOverlayFooter	{float:left;width:500px;height:8px;padding:0 0 3px 0;margin:0;background:url(/images/furniture/layout/overlay/large/bgBtm.png) no-repeat;}

.smallOverlay		{margin:40px auto;width:450px;text-align:left;}
.smallOverlayHeader	{float:left;width:450px;height:9px;padding:0;margin:0;background:url(/images/furniture/layout/overlay/small/bgTop.png) no-repeat;}
.smallOverlayBody	{float:left;width:410px;padding:10px 20px 10px 20px;margin:0;background:url(/images/furniture/layout/overlay/small/bgMid.png) repeat-y;}
.smallOverlayFooter	{float:left;width:450px;height:8px;padding:0 0 3px 0;margin:0;background:url(/images/furniture/layout/overlay/small/bgBtm.png) no-repeat;}


/* Direct Debit */

.ddiGuarantee		{float:left;width:700px;color:#FFF;}
.ddiGuaranteeHeader	{float:left;width:700px;height:9px;padding:0;margin:0;background:url(/images/furniture/layout/ddi/bgWideTop.png) no-repeat;}
.ddiGuaranteeBody	{float:left;width:660px;padding:10px 20px 10px 20px;margin:0;background:url(/images/furniture/layout/ddi/bgWideMid.png) repeat-y;}
.ddiGuaranteeFooter	{float:left;width:700px;height:8px;padding:0 0 3px 0;margin:0;background:url(/images/furniture/layout/ddi/bgWideBtm.png) no-repeat;}

.ddiInstruction			{float:left;width:354px;color:#FFF;}
.ddiInstructionHeader	{float:left;width:354px;height:9px;padding:0;margin:0;background:url(/images/furniture/layout/ddi/bgSmallTop.png) no-repeat;}
.ddiInstructionBody		{float:left;width:324px;padding:3px 15px 8px 15px;margin:0;background:url(/images/furniture/layout/ddi/bgSmallMid.png) repeat-y;}
.ddiInstructionFooter	{float:left;width:354px;height:8px;padding:0 0 3px 0;margin:0;background:url(/images/furniture/layout/ddi/bgSmallBtm.png) no-repeat;}

/* Mailbox */

.scanPreview		{float:left;width:580px;height:468px;padding:0;margin:0;overflow:auto;scrollbar-face-color:#FFF;scrollbar-arrow-color:#AAA;scrollbar-track-color:#EEE;scrollbar-shadow-color:#FFF;scrollbar-highlight-color:#FFF;scrollbar-3dlight-color:#AAA;scrollbar-darkshadow-Color:#AAA;}
.newMail			{float:left;width:320px;padding:7px 5px 5px 7px;margin:0 0 3px 0 ;height:39px;background:url(/images/furniture/layout/mailbox/newMail.gif) no-repeat;color:#000;cursor:pointer;text-decoration:none;}
.oldMail			{float:left;width:320px;padding:7px 5px 5px 7px;margin:0 0 3px 0 ;height:39px;background:url(/images/furniture/layout/mailbox/oldMail.gif) no-repeat;color:#FFF;cursor:pointer;text-decoration:none;}
.currentMail		{float:left;width:320px;padding:7px 5px 5px 7px;margin:0 0 3px 0 ;height:39px;background:url(/images/furniture/layout/mailbox/currentMail.gif) no-repeat;color:#FFF;cursor:pointer;text-decoration:none;}
.spacerMail			{float:left;width:320px;padding:7px 5px 5px 7px;margin:0 0 3px 0 ;height:39px;background:url(/images/furniture/layout/mailbox/spacerMail.gif) no-repeat;}
.newMailSmall		{float:left;width:320px;padding:7px 5px 2px 7px;margin:0 0 3px 0 ;height:24px;background:url(/images/furniture/layout/mailbox/newMailSmall.gif) no-repeat;color:#000;cursor:pointer;text-decoration:none;}
.oldMailSmall		{float:left;width:320px;padding:7px 5px 2px 7px;margin:0 0 3px 0 ;height:24px;background:url(/images/furniture/layout/mailbox/oldMailSmall.gif) no-repeat;color:#FFF;cursor:pointer;text-decoration:none;}
.currentMailSmall	{float:left;width:320px;padding:7px 5px 2px 7px;margin:0 0 3px 0 ;height:24px;background:url(/images/furniture/layout/mailbox/currentMailSmall.gif) no-repeat;color:#FFF;cursor:pointer;text-decoration:none;}
.spacerMailSmall	{float:left;width:320px;padding:7px 5px 2px 7px;margin:0 0 3px 0 ;height:24px;background:url(/images/furniture/layout/mailbox/spacerMailSmall.gif) no-repeat;}

.sender				{float:left;font-weight:bold;width:230px;padding-bottom:2px;text-decoration:none;}
.uploaded			{float:left;font-weight:bold;width:85px;padding-bottom:2px;text-align:right;text-decoration:none;}
.mailboxContainer	{float:left;width:353px;height:425px;overflow:scroll;overflow-x:hidden;scrollbar-face-color:#FFF;scrollbar-arrow-color:#AAA;scrollbar-track-color:#EEE;scrollbar-shadow-color:#FFF;scrollbar-highlight-color:#FFF;scrollbar-3dlight-color:#AAA;scrollbar-darkshadow-Color:#AAA;}
.mailboxNavigation	{float:left;width:353px;height:16px;padding-top:5px;}

.controlsRow			{float:left;width:340px;padding:0 0 5px 0;}

.controlsLeftCol		{float:left;width:55px;}
.sortFields				{float:left;width:285px;}
.tags					{float:left;width:285px;height:60px;overflow:auto;scrollbar-face-color:#FFF;scrollbar-arrow-color:#AAA;scrollbar-track-color:#EEE;scrollbar-shadow-color:#EEE;scrollbar-highlight-color:#FFF;scrollbar-3dlight-color:#AAA;scrollbar-darkshadow-Color:#AAA;}
.controlsUnselected		{float:left;height:18px;margin:0 6px 3px 0;}
.controlsSelected		{float:left;height:18px;margin:0 6px 3px 0;}
.controlsSelectedLeft	{float:left;width:4px;height:18px;background:url(/images/furniture/layout/mailbox/ctrlLeft.gif) no-repeat;}
.controlsSelectedBody	{float:left;height:18px;padding-top:0px;background:#FC0;font-size:0.9em}
.controlsSelectedRight	{float:left;width:4px;height:18px;background:url(/images/furniture/layout/mailbox/ctrlRight.gif) no-repeat;}
.selectedFilter			{color:#666;text-decoration:none;padding:0 3px 5px 0;}
.selectedFilter:hover	{color:#666;text-decoration:none;padding:0 3px 5px 0;}
.unselectedFilter		{color:#C00;text-decoration:underline;padding:0 3px 5px 0;}

.delete					{float:right;text-align:right;background:url(/images/furniture/layout/mailbox/delete.gif) no-repeat;padding:0 0 0 20px;margin-right:-10px;}
.mailDetail				{float:left;width:100%;margin:0 0 5px 0;}
.mdSectionTitle			{float:left;width:80px;}
.mdContent				{float:left;}

/* Miscellaneous */

.clr				{clear:both;}
.greenText			{color:#008000}
.redText			{color:#C00}
.orangeText         {color:#FFC600;}
.linkButton			{color:#C00;text-decoration:underline;}
.hiddenText label   {display:none;}

/* Forms */
.formLabel			{font-family:Arial;font-size:14px;color:#000;padding:3px 0 02px 20px;float:left;display:block;width:140px;text-align:left;}
.formDroplist		{font-family:Arial;font-size:14px;color:#000;padding-left:3px;}
.formTextBox		{font-family:Arial;font-size:14px;color:#000;padding:1px 0 1px 3px;}
.formRadio			{font-family:Arial;font-size:14px;color:#000;padding:1px 0 1px 20px;margin-top:1px;}
.errorLabel			{font-family:Arial;font-size:14px;color:#C00;float:left;display:block;text-align:left;padding:3px 0 7px 160px;}
.errorLabelFullWidth {font-family:Arial;font-size:14px;color:#C00;float:left;display:block;text-align:left;padding:3px 0 7px 20px;}
.errorDroplist		{font-family:Arial;font-size:14px;padding-left:3px;background-color:#FF9;}
.errorTextBox		{font-family:Arial;font-size:14px;padding:1px 0 1px 3px;background-color:#FF9;}
.readonlyDroplist	{font-family:Arial;font-size:14px;color:#666;padding-left:3px;}
.readonlyTextBox	{font-family:Arial;font-size:14px;color:#666;padding:1px 0 1px 3px;}
.summaryTextBox     {font-family:Arial;font-size:14px;color:#000;width:330px;float:left;margin-top:-1px;padding:2px 0 2px 0;}
.summaryErrorBox    {font-family:Arial;font-size:14px;color:#000;width:330px;float:left;margin-top:-1px;padding:2px 0 2px 0;background-color:#FF9;}

/* Billing */
.colItem			{float:left;width:160px;padding-bottom:5px;padding-left:20px;}
.colCost			{float:left;width:84px;padding-bottom:5px;}
.colQuantity		{float:left;width:102px;padding-bottom:5px;}
.colTotal			{float:left;width:84px;padding-bottom:5px;}
.colItemSub			{float:left;width:110px;padding-bottom:5px;padding-left:20px;}
.colCostSub			{float:left;width:60px;padding-bottom:5px;}
.colQuantitySub		{float:left;width:176px;padding-bottom:5px;}
.colTotalSub		{float:left;width:84px;padding-bottom:5px;}
.titleBillingLabel	{font-family:Arial;font-size:14px;color:#000;text-align:left;font-weight:bold;}
.itemBillingLabel	{font-family:Arial;font-size:14px;color:#000;text-align:left;}
.billingLabel		{font-family:Arial;font-size:14px;color:#000;width:160px;text-align:left;}
.billingDroplist	{font-family:Arial;font-size:14px;color:#000;padding-left:3px;}
.spacer				{float:left;width:346px;padding-bottom:5px;padding-left:20px;}
.spacerNarrow		{float:left;width:336px;padding-bottom:5px;padding-left:20px;padding-right:10px;}

/* spacing for <li> tags */
.list				{padding-bottom:5px;}
