/* CSS Document */ /****************************************************************** * Phase Software * * * ******************************************************************/ html { margin:0; padding:0; border:none;background-color: rgb(228,207,9); } body { margin:0; padding:0; border:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8.5pt;} body.WithMenu { background-color: rgb(228,207,9); 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;} h1 { font-size:10pt } 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:2px;} 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; } /*For the topmost banner area of the display*/ div.PnlMenu a { text-decoration: none; } div.PnlCanvas { background-color: rgb(228,207,9); width:100%;} div.PnlBlank { background-color: white; margin-left:130px; height:500px; width:100%; } div.PnlBanner { height:100px; margin-left:140px; border-style:outset; border-width: 0px;} 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; } 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 { font-size:36px; width: 100%; } /*For the left border navigation menu as a whole*/ table.Banner td { height: 100px;} /*For the upper most left hand corner of window (logo area)*/ td.TblCelCorner { background-color: rgb(0,42,0); text-align:center; height:100px; width:130px;} /*For standard link items in left border navigation menu*/ td.TblCelMenuLogo { background-color: rgb(0,42,0); text-align:center; height:100px; width:130px;} td.TblCelMenuOpt { background-color: rgb(228,207,9);height: 12px; } /*For standard group headings in left border navigation menu*/ td.TblCelMenuHdr { color: rgb(228,207,9); background-color: rgb(0,42,0); 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.TblCelMenuGap { height: 5px; } 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; } td.Error, .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;} 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: 8.5pt; width:100%; } input.RowAmount { font-family: verdana, sans-serif; font-size: 8.5pt; width:100%; text-align:right; } input.RowDesc { font-family: verdana, sans-serif; font-size: 8.5pt; width:100%; } input.RowSerNo { font-family: verdana, sans-serif; font-size: 8.5pt; width:100%; } .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:40px; } table.InputTable02 th, table.InputTable02 td { border-width:0px; border-right-width:4px; padding-right:10px; } table.ProductList {vertical-align: top; font-size:9pt; border:2px; padding:2px; margin:10px; background-color:rgb(199,220,239); border-style:groove } /* 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.ProdSections { width: 60%; } 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.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.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.PnlIdxBlock ul, div.PnlPerBlock ul { list-style-type:disc; margin-left:20px; margin-top:0px; margin-bottom:0px; } div.PnlIdxBlock div, div.PnlPerBlock div { position: absolute; bottom:0; width:100%;} /****************************************************************** * Phase Software * * BRFC starts here * ******************************************************************/ div.PnlBlank { background-color: white; margin-left:130px; height:500px; width:100%; } div.PnlBanner { height:85px; margin-left:130px; color:rgb(228,207,9); background-color: rgb(0,42,0); border-style:outset; border-width: 0px; padding-bottom:0px; } div.PnlMenu { position:absolute; top: 0px; left: 0px; width:130px; border-style:outset; border-width:0px; } div.PnlMnuTopLeft { text-align:center; background-color: rgb(0,42,0); height:85px; } div.PnlMnuDivider { color: rgb(228,207,9); background-color: rgb(0,42,0); font-weight:bold; text-align:center; height:12px; padding-top:5px;} div.PnlMnuPhase { text-align:center;} div.PnlHmeTopLft { width:310px; height:300px; overflow:hidden; position:relative; margin:10px 0 0 5px; float:left;} div.PnlHmeBotLft { width:310px; height:220px; position:relative; margin:10px 0 0 5px; overflow:hidden; float:left;} div.PnlHmeTopRgt { width:310px; height:300px; overflow:scroll; position:relative; margin:10px 0 0 5px; float:left; } div.PnlHmeBotRgt { width:310px; height:220px; position:relative; margin:10px 0 0 5px; overflow:hidden; float:left;} div.PnlHmeTrl { width:530px; height:50px; position:relative; margin-left:5px; margin-top: 10px; margin-bottom:10px; float:left;} div.PnlHmeTopLft, div.PnlHmeTopRgt, div.PnlHmeBotLft, div.PnlHmeBotRgt, div.PnlHmeTrl {background-color:rgb(211,255,211); border-width:1px; border-style:solid; border-color: rgb(0,42,0);} /*background-color:rgb(251,243,156);*/ a.LnkMnu { display:block; text-decoration:none; color:black; padding:1px 1px; border-style:outset; border-width: 1px; text-align: center; background-color: rgb(228,207,9);height:12px; border-color:black; font-size:7pt;} a.LnkMnu:hover { background-color:rgb(255,255,144); color:blue; } a.LnkMnu:active { background-color:green; color:blue; } div.PnlLft01 { background-color:rgb(211,255,211); width:60%; height:auto; position:relative; margin-left:5px; margin-top: 10px; margin-bottom:10px; float:left;} div.PnlRgt01 { width:20%; height:510px; position:relative; margin-left:10px; margin-top: 10px; margin-bottom:10px; margin-right:10px; float:left;} div.PnlLft01 p { margin-bottom:10px;} div.PnlLine { width:100%; height:5px; background-color:lightgreen; font-size:0 } div.PnlTeamHdr { width:650px; margin-left:10px; margin-top:10px; text-align:center; height: 50px; background-color:rgb(211,255,211)} /* background-color:rgb(251,243,156);} */ div.PnlTeamHdr h1 { font-weight:bold; font-size:12pt; margin-bottom:4px;} a.LnkTeam { display:block; text-decoration:none; margin-left:5px; color:black; padding:1px 1px; border-style:outset; border-width: 1px; text-align: center; background-color: rgb(228,207,9);height:15px; width:100px; border-color:black; font-size:10pt; font-weight:bold; float:left;} a.LnkTeam:hover { background-color:rgb(255,255,144); color:blue; } a.LnkTeam:active { background-color:green; color:blue; } div.PnlFixtures { width:650px; margin-left:10px; margin-top:10px; text-align:center; background-color:rgb(211,255,211);} /* background-color:rgb(251,243,156);}*/ table.Fixtures { vertical-align: top; font-size:8pt; border:2px; padding:2px; margin:10px; border-style:groove } table.Fixtures a:hover { dispay:block;background-color:yellow; color:green; width:100%; } table.Fixtures td { border:2px; border-style:groove; padding:2px; text-align:center;} table.WhosWho { vertical-align: top; font-size:8pt; border:0; padding:2px; margin:10px; border-style:groove } table.WhosWho td { border:0; padding:5px;} table.Contact { vertical-align: top; font-size:7pt; border:2px; padding:2px; margin:10px; border-style:groove; text-align:left; } table.Contact td { border:2px; border-style:groove; padding:2px;} table.Contact td.Header { background-color:green; color:white; font-weight:bold; } table.Contact td.Name { width:80px; } table.Contact td.Job { width:40px; } table.Contact td.Phone { width:85px; } table.Contact td.Email { width:90px; } tr.FixHeader { color:white; font-weight:bold; background-color:darkgreen} table.Fixtures td.Opposition { text-align:left; } table.Fixtures td.Event { width:300px; text-align:left; } table.Fixtures td.Comment { width:180px; text-align:left; } div.PnlPhotoCaption { height:15px; color:white; background-color:green; font-weight:bold; position:relative; bottom:0;} img.Landscape { height:210px; width:300px} img.Portrait { height:300px; width:210px}