/* CSS Document */
/******************************************************************
* Phase Software                                                  *
*                                                                 *
******************************************************************/

html                { margin:0; padding:0; border:none; }
body                { margin:0; padding:0; border:none;
                      font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8.5pt;}
body.WithMenu       { background-color: rgb(199,202,239); 
                      font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8.5pt;}
a:link              { color: rgb(0,69,156); text-decoration: underline;}
a:visited           { color: purple; text-decoration: none;}
a:hover             { color: green; text-decoration: underline;}
a:active            { color: red;   text-decoration: underline;}
a.LnkMenu           { color: black; text-decoration:none;}
a.LnkMenu:hover     { color: blue;  text-decoration:underline   ;}
h1                  { font-size:10pt; margin-bottom:0; }
h2                  { font-size:11pt; margin-top:0px; margin-bottom:5px; margin-left: 2px;}
h3                  { font-size:12pt; margin-left: 2px; }
h4                  { font-size:10pt; color:rgb(0,69,156); margin-left: 2px; margin-top:0; }
h5                  { font-size:8.5pt; color:rgb(0,69,156); margin-top:5px; margin-bottom:0px; margin-left: 2px;}
h6                  { font-size:8.5pt; color: #CC3333; margin-top:0px; margin-bottom:0px;}
p                   { margin-top:5px; margin-bottom:0px; margin-left: 2px; }
form                { margin-top: 3px; margin-bottom:3px }
.TxtLogoBlue        { color:rgb(0,69,156); }
.TxtLogoGrey        { color:rgb(181,178,181); }
.TxtHigh01          { color: #CC3333; font-size:12px}
.TxtHigh02          { color: #CC3333; font-size:8.5pt}
div.PnlPage         { width: 100%; position: relative; top: 0; left: 0; }
div.PnlMenu         { position:absolute; top: 0px; left: 0px; width:130px;
                      border-style:outset; border-width:0px; margin-bottom:0 }
                      /*For the topmost banner area of the display*/
div.PnlMenu a       { text-decoration: none; }
div.PnlMenu td      { border-style:solid; border-width:1px; border-color:rgb(102,153,255);
                      padding-bottom:3px;}
div.PnlCanvas       { background-color: rgb(199,202,239); width:100%; }
div.PnlBlank        { background-color: white; margin-left:130px;
                      height:500px; width:100%; margin-top: 0px; padding:0;}
div.PnlBanner       { height:85px; margin-left:130px;  }
div.PnlIntro        { position:relative; top:5px; width:80%;
                      margin-left: 14px; margin-right: 5px;}
div.PnlQuickQuote   { margin-left:10px; } 
div.PnlQuote        { background-color:rgb(199,220,239); margin-left:130px;
                      padding-top:3px; margin-top:0px;}
table               { border:0; padding:0; margin:0; border-collapse: collapse;}
div.PnlMenu table,
div.PnlQuickQuote table,
div.PnlQuote table  { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8.5pt; }
div.PnlBanner table { font-family:sans-serif, Verdana, Arial, Helvetica; }



td                  { border:0; padding:0; margin:0; }
table.Banner        { width: 100%; }
					/*For the left border navigation menu as a whole*/
table.Banner td     { height: 85px;}
					/*For the upper most left hand corner of window (logo area)*/
td.TblCelCorner     { background-color: rgb(199,220,239); text-align:center;
                      height:80px; width:130px;}
					/*For standard link items in left border navigation menu*/
td.TblCelMenuLogo   { background-color: rgb(199,220,239); text-align:center;
                      height:85px; width:130px;}
td.TblCelMenuOpt    { height: 12px; }
					/*For standard group headings in left border navigation menu*/
td.TblCelMenuHdr    { background-color: rgb(172,176,232); height: 15px; font-weight: bold;
                      vertical-align:bottom}
					/*For the final cell in left border navigation menu*/
td.TblCelMenuTrl    { vertical-align:top;}
					/*For the phase logo & link*/
td.TblCelMenuLin    { background-color: rgb(172,176,232); height: 1px; }
td.TblCelMenuSml    { vertical-align:top; font-size: 7pt; text-align:center; color:rgb(0,69,156); }
td.TblCelMenuPhs    { vertical-align:top; font-size: 7pt; text-align:center; color:rgb(0,69,156); }
td.WarningMsg       { color: red;}

td.Prompt           { width: 25%; }
td.Help             { width: 3%; text-align: center;}
td.info             { width: 3%; text-align: center;}
td.Asterisk         { width: 3%; text-align: center;}
td.Data             { width: 30%; }
td.Error            { width: 39%; margin-left: 4px; }
.ErrTab             { font-size:7pt; }
td.Error,
.ErrTab,
.ErrTxt             { color:red; }
.Right              { text-align:right; }

ol                  { margin-top:5px; margin-bottom:0px;}
ol.LstNumbered      { list-style-type:decimal}
ol.LstLettered      { list-style-type:lower-alpha}
ol.LstRoman         { list-style-type:lower-roman}
ul.LstBullet        { list-style-type:disc }

textarea.Address    { font-family: verdana, sans-serif; font-size: 8.5pt; width:200px;}
select.Dropdown1    { font-family: verdana, sans-serif; font-size: 8.5pt; width:100px;}
select.Dropdown2    { font-family: verdana, sans-serif; font-size: 8.5pt; width:200px;}
select.Dropdown3    { font-family: verdana, sans-serif; font-size: 8.5pt; width:270px;}
select.Dropdown4    { font-family: verdana, sans-serif; font-size: 7pt; width:35px;
                      float:left; padding:0; background-color:rgb(245,246,232);}
input.InpName       { font-family: verdana, sans-serif; font-size: 8.5pt; width:200px;}
input.InpDate       { font-family: verdana, sans-serif; font-size: 8.5pt; width:70px;}
input.InpAmount     { font-family: verdana, sans-serif; font-size: 8.5pt; width:70px; text-align:right}
input.InpDesc       { font-family: verdana, sans-serif; font-size: 8.5pt; width:280px;}
input.InpSerNo      { font-family: verdana, sans-serif; font-size: 8.5pt; width:100px;}
input.InpPostcode   { font-family: verdana, sans-serif; font-size: 8.5pt; width:60px;}	

input.RowDate       { font-family: verdana, sans-serif; font-size: 7.0pt; width:100%; }
input.RowAmount     { font-family: verdana, sans-serif; font-size: 7.0pt; width:100%; text-align:right; }
input.RowDesc       { font-family: verdana, sans-serif; font-size: 7.0pt; width:100%; }
input.RowSerNo      { font-family: verdana, sans-serif; font-size: 7.0pt; width:100%; }
input.ApplyButton   { width:100px; font-size:8.5pt; font-weight:bold; }


.InpColumn     {left: 30px}
table.InputTable01,
table.InputTable02,
table.InputTable03,
table.InputTable01 th,
table.InputTable01 td { border-width:2px; padding:0; vertical-align: top; height:22px; }
table.InputTable03 th,
table.InputTable03 td { border-width:2px; padding:0; vertical-align: top; height:30px; }
table.InputTable02 th,
table.InputTable02 td { border-width:0 4px 0 0; padding-right:10px; }


table.InputTable02    { border-style:groove; background-color:rgb(173,216,230); margin:5px; }
table.InputTable01 td { padding-top:4px; }
tr.Tab02Head1         { background-color:rgb(176,196,222); color:black; font-size:8pt;
                        font-weight:bold; border-bottom: 2px solid black; 
                        text-align:center }
tr.Tab02Head2         { background-color:rgb(219,249,219); color:black; font-size:7pt;
                        font-weight:bold }
tr.Tab02Head3         { font-size:7pt; text-align:center; }
td.Tab02Cell1         { border-bottom: 2px groove; }

table.ProductList     {vertical-align: top; font-size:9pt;
                       border:2px; padding:2px; margin:10px;
                       border-style: none }
/* Change borderstyle to, e.g., groove to reinstate borders */
table.ProductList td  {vertical-align: top;  margin:2px; padding:3px  }
table.ProductList table {border-style: none; font-size:9pt; }
td.ProdRef            { width: 3%;  }
td.ProdName           { width: 18%; }
td.ProdSubHead        { width: 12%; }
td.ProdSections       { width: 67%; }

table.Contact         {vertical-align: top; font-size:9pt;
                       border:2px; padding:2px; margin:10px; background-color:rgb(199,220,239);
                       border-style:none }
table.Contact     td  { height:25px; vertical-align: top;  margin:2px; padding:3px  }
table.ContactList     {font-size:7.5pt;
                       margin: 0 0 7px 3px;background-color:rgb(219,249,219);}
                      
table.ContactList td  {border-width:2px;border-style:inset;}
tr.HeadHoncho         {font-weight:bold;}
tr.ContactOff         {color:green; font-weight:bold;background-color:rgb(198,219,240);}
td.ContactDept        {color:green; font-weight:bold;background-color:rgb(198,219,240);}
td.ContactOff         {color:green; font-weight:bold;background-color:rgb(198,219,240);}





a.button              { display:block; background-color:rgb(244,244,240); text-decoration:none;
                        color:black; width:100px; padding:2px 2px; float:left;
                        margin-left: 5px; margin-right: 0px;
                        border-style:outset; border-width: thin; text-align: center;}
a.button:hover        { background-color:white; color:blue; }
a.DocLib              {font-size:7.5pt;font-weight:bold;text-decoration:none;margin-left:3px;}

/* a.Help                { display:block; background-color:rgb(244,244,240); text-decoration:none;
                           color:rgb(21,110,235); height:10px; width:10px; padding:0px 0px; float:left; margin-right: 5px;
                           border-style:outset; border-width: thin; text-align: center;
                           font-size: 10pt; font-weight: bold; cursor:default; }
*/
a.Help                { color:rgb(21,110,235); height:10px; width:10px; padding:0px 0px;
                        float:left; margin-right: 5px; }
                        
a.help:hover          { background-color:white; color:blue; }
img.margin            { margin: 5px; }
img.PnlRight          { float:right; margin: 5px }
img.info              { margin: 0px; }
img.PayLogo           { height: 40px; }

/******************************************************************
* Block driven pages - i.e. index.shtm & quotehome.shtm           *
******************************************************************/
div.PnlMain           { width: 750px; margin-top:10px; margin-left:15px; }
div.PnlIdxStrip       { width: 575px; height:180px; background-color:rgb(219,249,219);
                        margin:10px 0 0 0; float: left; position:relative; }
div.PnlIdxBlock       { width:360px; height:230px; background-color:rgb(219,249,219);
                        margin-left: 15px; float: left; position:relative; }
div.PnlPerBlock       { width:360px; height:170px; background-color:rgb(198,219,240);
                        margin-left: 15px; float: left; position:relative; }
div.PnlPrdBlock       { width:500px; height:220px; background-color:rgb(198,219,240);
                        margin-left: 15px; float: left; position:relative; }
div.PnlMrgBlock       { width:150px; height:220px; background-color:rgb(162,233,238);
                        margin-left: 5px; float: left; position:relative; }
div.PnlIdxStrip ul,
div.PnlIdxBlock ul,
div.PnlPerBlock ul,
div.PnlPrdBlock ul    { list-style-type:disc; font-size:7.5pt;
                        margin: 5px 5px 5px 5px; padding-left:15px}
div.PnlPrdBlock li    { margin-bottom: 3px}                        

div.PnlIdxBlock div,
div.PnlPerBlock div,
div.PnlPrdBlock div   { position: absolute; bottom:0; width:100%;}

div.PnlIdxBlock h2,
div.PnlPerBlock h2,
div.PnlPrdBlock h2    { font-size:10pt; }

/******************************************************************
* Specifically for key facts documents                            *
******************************************************************/
div.KeyFact           { }
div.KeyFact h3        {font-size: 14pt; text-decoration: underline;}
div.KeyFact h4        {font-size: 12pt; text-decoration: underline;}
div.KeyFact h5        {font-size: 10pt;  font-weight: bold;}
div.KeyFact h1,
div.KeyFact h2,
div.KeyFact h3,
div.KeyFact h4,
div.KeyFact h5,
div.KeyFact h6        {color: blue; margin-left: 4px;}
div.KeyFact h6        {font-weight: normal;}
div.KeyFact table     { font-family: verdana, sans-serif; font-size: 8.5pt;
                        border:0; padding:0; border-collapse: collapse; margin-left: 5px}
div.KeyFact p         {margin-left: 4px;}
/******************************************************************
* Specifically for policy wording documents                       *
******************************************************************/
div.PolWord           { }
div.PolWord h1        {font-size: 14pt; font-weight: bold;}
div.PolWord h2        {font-size: 12pt;}
div.PolWord h3        {font-size: 10pt;}
div.PolWord h4        {font-size: 10pt;}
div.PolWord h5        {font-size: 10pt;}
div.PolWord h6        {font-size: 8.5pt;}
div.PolWord h1,
div.PolWord h2,
div.PolWord h3,
div.PolWord h4,
div.PolWord h5,
div.PolWord h6        {color: blue; margin-top:5px; margin-bottom:3px; margin-left: 5px; }
div.PolWord h6        {font-weight: normal;}
div.PolWord table     { font-family: verdana, sans-serif; font-size: 8.5pt;
                        border:0; padding:0; border-collapse: collapse; margin-left: 5px}
div.PolWord td        {vertical-align: top}
div.PolWord p         {margin-left: 4px;}


div.PolWord img.img1  {float: right;}
div.PolWord img.img2  {position: absolute; left: 45%;}