/* Global Header */

* {
    margin: 0px; 
    /* padding: 1;  */
    font-family:arial,verdana,helvetica,sans-serif;
    font-weight: normal; 
    }
    
    body {
    display: container; 
    font-size: 12pt; 
    color: navy; 
    padding:0px; 
    text-align: center; 
    background-color: #f4f4ff;
    background-color: white;
    background:url('Images/Spreadsheet Blue.gif');
    }
    
    /*This has been included to stop Safari enlarging fonts on mobiles*/
    @media screen and (max-device-width: 480px){
      body{
        -webkit-text-size-adjust: 100%;
      }
    }
    
    /* padding and margin
    4 values: T R B L
    3 values: T R+L B
    2 values: T+B R+L
    1 value:  ALL
    */
    
    /* Generic Selectors */
    
    
    
    #bigcontainer {
    width: 1000px; 
    /*height: 500px; */
    text-align: left; 
    margin-left: auto; 
    margin-right: auto; 
    margin-top: 0; 
    margin-bottom: 30px; 
    }
    
    p {
    width: 100%; 
    line-height: 90%; 
    font-weight: normal; 
    margin-top:12px;
    }
    
    hr {height:0; 
    padding:0; 
    margin:0; 
    background-color:#ffffff; 
    height: 2px; 
    border: none; 
    }
    
    ul {
    padding: 0 3px 0 10px; 
    line-height: 25px; 
    text-align: left; 
    }
    
    ul hr a{border:none}
    
    
    ul li {
    list-style-type: disc; 
    line-height: 100%; 
    }
    
    h1 {
    font-size:18pt; 
    font-weight:bold;
    text-align:center; 
    vertical-align:top; 
    line-height:20pt; 
    color: navy; 
    }
    
    /* h1::before {content: url('Images/Left Header Bookend.gif');padding:0 4px 0 0;}
    h1::after {content: url('Images/Right Header Bookend.gif');padding:0 0 0 3px;}
     */
    
    h2 {
    font-size:20pt; 
    text-align:left; 
    vertical-align:top; 
    line-height:20pt; 
    color: navy; 
    }
    
    h3 {
    font-size: 12pt; 
    font-weight:bold; 
    text-align:left; 
    vertical-align:top; 
    line-height:20pt; 
    color: navy; 
    margin-top:20px;
    margin-bottom:-10px;
    }
    
    h4 {
    margin-top:10px;
    font-weight:bold; 
    font-size:10pt; 
    color: navy; 
    }
    
    b {font-weight: bold;}
    
    #buttonTable{
    width: 110%; 
    }
    
    .leftCell{
    width: 40%; 
    }
    
    .middleCell{
    width: 20%; 
    }
    
    .rightCell{
    width: 40%; 
    }
    
    input.error {color:red; background-color:pink; border: solid 2px red;}
    td.error {color:red;}
    select.error {color:red; background-color:pink; border: solid 2px red;}
    select.error option{color:black; background-color:white;}
    span.error {color:red;}
    textarea.error {color:red; background-color:pink; border: solid 2px red;}
    
    .buttony{font-size:6pt;border-style:none;height:16px;}
    input[type=file].buttony   {    
        margin:0;
        padding: 0px;
        height:18px;
        font-size:8pt;
        border-width:0;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;         /* Opera/IE 8+ */
    }
    
    .fileuploader td {font-weight:normal;font-size:10pt}
    .fileuploader td span{font-weight:normal;font-size:10pt}
    .fileuploader td:first-child{font-weight:bold;min-width:250px;width:250px;}
    .fileuploader td:first-child  span{font-weight:bold;}
    .fileuploader td:nth-child(3){width:100%;}
    .fileuploader td:nth-child(5){text-align:left;}
    .fileuploader li{display:inline;list-style:none}
    .fileuploader button {width:90px;}
    
    button {
    border:double 2px white;
    padding:3px 15px;
    font-weight:bold;
    color:white;
    cursor:pointer;
    }
    
    
    /************************* ID's *************************/
    /********************************************Common Table Style********************************************/
    table {
    width: 100%; 
    padding: 0px; 
    }
    
    th, td{
    /* border-width: 0px 0px 2px 0px; 
    border-style: solid; 
    border-color:white; 
     */
     white-space:nowrap;  
    }
    
    /* tr {background-color:lavender;} */
    
    th {
    /* background-color:cornflower;  */
    color: navy; 
    text-align: left; 
    font-weight: bold; 
    }
    
    /* tr.Alt {background-color: gainsboro;} */
    /* th:hover {background-color: darkturquoise;} */
    
    tr.blank {background-color: transparent;}
    
    tr.container {background-color: transparent;}
    tr.container:hover {background-color: transparent;}
    td.container {font-size:12pt; border-style: hidden;}
    
    /**********************All Screens***********************/
    #tlc {
    position: absolute; 
    background-color:white;
    background-color:white;
    padding: 2px 0px; 
    }
    
    #headPic {
    position: absolute; 
    margin: 0px 0 0 206px; 
    padding:2px;
    background-color:white;
    }
    
    #headPic img{width: 838px; max-height: 250px;}
    #headPic img{width: 838px; max-height: 250px;}
    
    #headText {display: none; }
    
    #navigation {
    color: navy;  
    background: white;
    position: absolute; 
    width: 1048px; 
    height: 37.5px; 
    margin:250px 0 0 0px; 
    text-indent:0px; 
    font-size: 11pt; 
    padding: 5px 0px 3px 0;
     border-bottom:solid navy 3px; 
    /* border-collapse:collapse; */
    }
    
    #navigation li {display:inline; list-style-type:none; height:100%;}
    #navigation li {padding-top:13px;padding-bottom:13px;}
    #navigation li {padding-left:1px;padding-right:1px;} /*Temp*/
    
    #navigation button {color:navy; font-weight: bold; padding: 4px 10px ;border:none;/* border-left: solid 2px #f4f4ff */;
        background:transparent;cursor:pointer;height: 140%; margin: -3px 0;height:120%;}
    
    #navigation li:first-child  a{border-left: none;}
    #navigation li:first-child  button{border-left: none;}
    
    /* #navigation li:hover {border-bottom:3px solid lightcyan;padding-bottom:15px;} */
    #navigation li:hover {border-bottom:3px solid cornflowerblue;  padding-bottom:13px; }
    #navigation a:hover {color:cornflowerblue;}
    #navigation button:hover {color:cornflowerblue;}
    
    #navigation li.selected {background-color:navy;}
    #navigation li.selected a{color:white;}
    #navigation li.selected button{color:white;}
    #navigation li:hover.selected{border-color:cornflowerblue;}
    
    #navigation li.hassub {background-color:cornflowerblue;}
    #navigation li.hassub a{color:navy;}
    #navigation li.hassub a{color:white;}
    #navigation li.hassub button{color:white;}
    #navigation li:hover.hassub{border-color:navy;}
    #navigation li.hassub a:hover{ color:paleturquoise;}
    #navigation li.hassub button:hover{ color:paleturquoise;}
    
    #subnavigation {
    background-color: cornflowerblue;
    position: absolute; 
    width: 868px; 
    height:20.5px;
    margin:0px 0 0 0; 
    text-indent:0px; 
    font-size: 10pt; 
    padding: 2px 90px; 
    border:none; 
    }
    
    #subnavigation li {display:inline; list-style-type: none; background-color: inherit; height:100%;}
    #subnavigation li {padding:4px 0 2px 0;}
    
    #subnavigation a {color:navy; font-weight: bold; text-decoration: none; padding:0px 25px;border-left: solid 1px inherit; border-right: solid 1px inherit;}
    #subnavigation a {color:white;}
    #subnavigation button{padding: 0px 25px;margin: -2px 0;}
    
    #subnavigation li:first-child  a{border-left: none;}
    #subnavigation li:first-child  button{border-left: none;}
    #subnavigation li:hover {border-bottom: solid 3px navy; padding-top:4px;padding-bottom:2px; }
    #subnavigation button:hover {color:lightcyan;}
    #subnavigation li.subselected {background-color:white;border-bottom:solid 3px white;}
    #subnavigation li.subselected a{color:navy;}
    #subnavigation li.subselected button{color:navy;}
    #subnavigation li:hover.subselected a{color:slateblue;}
    #subnavigation li:hover.subselected button{color:slateblue;}
    #subnavigation li:hover.subselected {border-bottom: solid 3px navy;} 
    
    
    #dynArea { /*Was mainArea*/
    width: 816px;  
    width: 1018px;  
    height: 678px; 
    position: absolute; 
    margin: 296px 0 0 0; 
    padding: 30px 10px 1px 20px; 
    font-size: 10pt; 
    background-color:white;
    }
    
    #dynArea p {line-height: 120%;}
    
    #dynArea ol li {
    margin-left: 26px;  
    padding-left: 0px;  
    }
    
    #dynAreaLeft{width:710px;position:absolute;overflow-y:auto;overflow-x:hidden;height:660px;margin-top:-15px;}
    
    #dynAreaLeft ul {background-color:lightskyblue;width:70%;border:solid navy 2px;padding:5px;margin:10px 40px;
        border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
    
    #dynAreaLeft ul li {
    margin: 3px 15px;  
    padding:8px 10px 8px 30px;  
    list-style:none; 
    background:url('Images/Blue Tick.gif') no-repeat center left ;  
    vertical-align: middle;
    }
    
    #dynAreaLeft ul li::after {display:block;content:' ';padding:0;margin:5px 0 -10px 0;height:1px;background:navy;border-bottom:1px solid white;} 
    #dynAreaLeft ul li:last-child {border-bottom:none;box-shadow:none;}
    #dynAreaLeft ul li:last-child::after {content:none;}
    
    #dynAreaLeft ul li button {display:inline;border:none;margin-left:-20px;background:transparent;color:blue;font-weight:normal;text-decoration:underline;}
    
    /******************************************Tabular Screen Styles ******************************************/
    /*Header*/
    #tableAreaH{position:absolute; margin:0 0 0 0; margin:300px 0 0 25px; width:690px; max-height:50px;}
    #tableAreaH table{border-collapse:collapse; table-layout: fixed; overflow:hidden;}
    #tableAreaH tr{height:50px; float:top;}
    #tableAreaH th{text-align:center; font-size:18pt;vertical-align:middle;}
    /* #tableAreaH th::before {content: url('Images/Left Header Bookend.gif');padding:0 4px 0 0;}
    #tableAreaH th::after {content: url('Images/Right Header Bookend.gif');padding:0 0 0 3px;}
     */
    /**Scrollable Body*/
    #tableArea{position:absolute; margin:0 0 0 0; margin:348px 0 0 25px; width:690px; height:600px; 
        overflow-y:auto;overflow-x:hidden;font-size:10pt;}
    #tableArea table{border-collapse:collapse;table-layout: fixed;}
    #tableAreaB tr {vertical-align:top;background-color:white;color:navy;}
    /* #tableAreaB tr.Alt  {background-color:whitesmoke;} */
    #tableAreaB td {background-color:inherit;white-space:normal;}
    #tableAreaB td p.header {font-weight:bold; background-color:inherit; text-align:center;}
    #tableAreaB span{float:left;display:block;} 
    #tableAreaB a{background-color:white;color:darkslategray;}
    
    
    /*Articles*/
    #tableAreaB .title {width:74%; font-size:12pt;height:20px;font-weight:bold;margin-top:20px;border-bottom:1px dotted navy;} 
    #tableAreaB .title :first-child{margin-top:0;} 
    #tableAreaB .title input{color:navy;font-size:12pt;font-weight:bold;border:none;background:transparent;cursor:pointer;margin-left:-10px;}
    #tableAreaB .subtitle{width:25%;padding-top:3px;height:17px;font-size:8pt;font-weight:bold;text-align:right;margin-top:20px;border-bottom:1px dotted navy;} 
    #tableAreaB .subtitle :first-child{margin-top:0;} 
    #tableAreaB .abstract{width:100%;} 
    #tableAreaB .abstract input{color:blue;font-size:8pt;border:none;background:transparent;cursor:pointer;text-decoration:underline;}
    
    /*White Papers*/
    /* #tableAreaB .link {position:absolute; height:18px; margin:69px 0 2px 0; width:100%;font-size:smaller;text-decoration:none; }  */
    /* #tableAreaB input { width:100%;height:18px;margin:79px 0 2px 0; } */
    /*Try to find a def that will do for all uses WHP, OPP, SUCC...*/
    /* #tableAreaB input:nth-child(6) {margin-left:-3px;padding:0; border:none; background:transparent;cursor:pointer;} */
    
    /* 
    /*Our Team*/
    #tableAreaB tr.ourteam  td{padding-top:50px;}
    #tableAreaB tr.ourteam:first-child td{padding-top:0;}
    #tableAreaB .teamTitle {width:100%;font-size:24pt;height:20px;font-weight:bold;} 
    #tableAreaB .teamSubtitle{width:100%; padding-top:3px;height:18px;font-size:10pt;font-weight:bold;margin-top:20px;} 
    #tableAreaB .teamSubtitle :first-child{margin-top:0;} 
    #tableAreaB img.teamdesc  {margin:10px 0 0 60px;border: 2px solid navy;border-radius:15px;} 
    #tableAreaB span.teamdesc {font-size:10pt; padding:10px 0;height:140px; /* width:70%; */}   
     
    /* Success Sories */
    /* #tableAreaB span.succstory {position:absolute; width:90%; height:85px; margin:23px 0 0 0;font-size:smaller;} 
    #tableAreaB img.succstory{position:absolute; float:left;margin:23px 0 0 0;max-height:85px;} 
    #tableAreaB tr:nth-child(2n-1) span.succstory{padding-left:12%;padding-right:1%;}  
    #tableAreaB tr:nth-child(2n) img.succstory{margin-left:89%;} 
    #tableAreaB tr:nth-child(2n) span.succstory{padding-left:1%;padding-right:12%;} 
     */
    /***********************************************About Page***********************************************/
    #aboutLeft{position:absolute;margin-top:40px ;width:380px;}
    #aboutRight{position:absolute;margin:-50px 0 0 450px;border:ridge 3px navy;padding:0;height:325px;overflow:hidden;
        border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;}
        
        
    #endorsement{position:absolute;margin:10px 0 0 730px;width:250px;padding:10px;overflow:hidden; background-color: cornflowerblue; color:white; 
        border:ridge 3px navy;border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius:15px;text-align:center;}
    #endorsement::before{content:'Endorsements';color:lightcyan;font-size:20pt;}
    #endorsement p{text-align:left;}
    #endorsement p:nth-child(1){font-size:10pt;}
    #endorsement p:nth-child(1)::before{content:'"';}
    #endorsement p:nth-child(1)::after{content:'"';}
    #endorsement p:nth-child(2){font-weight:bold;font-style:italic;}
    
    #news{
    position:absolute;
    margin:225px 0 0 730px;
    width:250px;
    max-height:475px;
    padding:8px;
    overflow:hidden; 
    background-color:navy; 
    color:white;
    border:ridge 3px cornflowerblue;border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;
    text-align:center;}
    
    #news::before{content:'News';color:white;font-size:20pt;}
    #news ul li{list-style-image:url('Images/News Block White.gif');margin:5px 13px;padding:5px 0px;border:none;box-shadow:none;}
    #news ul li:hover{list-style-image:url('Images/News Block Blue.gif');color:cornflowerblue;}
    #news ul li:hover a{color:cornflowerblue;}
    #news a{color:white;font-weight:bold;}
    #news span.newsdate{display:block;font-size:8pt;margin-top:4px;}
    
    #news button {height:25px;width:8px;border:none;}
    #news li.newsPrev {display:inline-block; list-style-type:none;}
    #news li.newsPrev button{background:url('Images/Left Stripey Arrow.gif') no-repeat center top;}
    #news li.newsPrev button:hover{background-image:url('Images/Left Stripey Arrow Blue.gif');}
    #news span.pageLegend{display:inline-block;} 
    #news li.newsNext {display:inline-block; list-style-type:none;}
    #news li.newsNext button{background:url('Images/Right Stripey Arrow.gif') no-repeat center top;}
    #news li.newsNext button:hover{background-image:url('Images/Right Stripey Arrow Blue.gif');}
    
    
    /***********************************************Services Pages***********************************************/
    #services{width:710px;position:absolute;margin-top:30px;}
    
    /***********************************************Clients Page***********************************************/
    #dynClients{
    width: 700px; 
    position: absolute; 
    margin: 668px 0 0 15px; 
    padding: 5px; 
    font-size: 10pt;}
    
    #dynClients p {font-size: 10pt;line-height: 100%;} 
    #dynClients p:first-child{font-size: 12pt;font-weight:bold;} 
    #dynClients p:nth-child(2n+3)::before{content:' - ';}
    #dynClients p:nth-child(2n+3){color:blue;margin-top:2px;font-style:italic;}
    
    /***********************************************Contact Page***********************************************/
    #contactLeft{position:absolute;margin:-10px 0 0 0; width:380px;}
    #contactLeft p{margin-top:10px;font-size:11pt;}
    #contactLeft li{list-style:none;margin:2px 0 0 10px;font-size:11pt;}
    
    #contactsmallmap{width:360px;
    height:360px;
    border:solid navy 1px;
    border-width: 1px 0 0 0;
    padding-top:20px;
    margin:20px 0 0 0;}
        
    #contactRight{position:absolute;margin:10px 0 0 370px; width:320px;height:140px;padding:0 10px;background:lightskyblue;border-radius:10px;}
    #contactRight h3{margin-top:0;}
    #contactRight p{margin-top:8px;font-size:11pt; padding: 5px;}
    #contactRight h4{margin-top:34px;}
    #contactRight li{list-style:none;margin-top:2px;font-size:11pt;}
    
    div[id*='contact'] *:focus {background-color:	aliceblue;}
    div[id*='contact'] input {width:178px;border-color:navy;color:navy;box-sizing:border-box;border-radius:6px;padding:1px 5px;}
    div[id*='contact'] select {width:178px;border-color:navy;color:navy;box-sizing:border-box;border-radius:6px;padding:1px 5px;}
    div[id*='contact'] textarea {border-color:navy;box-sizing: border-box;border-radius:6px;padding:1px 5px;}
    
    #contactNametoEmail{position:absolute;margin: 440px 300px 0px 410px;}
    #contactNametoEmail .container *{font-size:10pt;vertical-align:center;}
    #contactNametoEmail td{padding:5px 7px 5px 0;}
    
    /* #contactSectorReason{position:absolute; margin:652px 20px 0px 410px; width:200px;}
    #contactSectorReason .container *{font-size:10pt; vertical-align:center;}
    #contactSectorReason td:first-child {padding:0;}*/
     
    #contactMessage{position:absolute; margin:606px 20px 0px 410px; width:303px;overflow:hidden;}
    #contactMessage .container *{font-size:10pt; vertical-align:center;}
    #contactMessage tr:nth-child(1) td{font-weight:bold;}
    #contactMessage td{max-width:100%; white-space:normal;}
    /* #contactMessage textarea{width:98%; height:55px; resize:none;border-color:navy;box-sizing: border-box;border-radius:6px;padding:0 5px;} */
    #contactMessage textarea{width:98%; height:240px; resize:none;}
    
    /* #contactULHead{position:absolute;margin: 800px 10px 0px 410px;font-size:9pt;font-weight:bold;}
    div[id*='contactUL'] file {background:green;}
    div[id*='contactUL']  {position:absolute;margin-left:410px;width:300px;}
    #contactUL1 {margin-top:818px;}
    #contactUL2 {margin-top:836px;}
    #contactUL3 {margin-top:854px;}
    #contactUL4 {margin-top:872px;} */
    /* .contact .container *{font-size:8pt;} */
    .contact td:first-child{min-width:120px;width:120px;}
    .contact td:nth-child(3){min-width:200px;width:200px;max-width:200px;overflow:hidden;text-overflow:ellipsis;}
    
    #contactOptions{position:absolute;margin:900px 0px 0px 410px;width:290px;font-size:9pt;}
    #contactOptions input{width:20px;text-align:right;}
    #contactActions{position:absolute;margin:920px 0px 0px 410px;width:300px;text-align:center;}
    #contactActions tr button{background:navy;border-radius:8px;}
    
    /***********************************************Articles Page***********************************************/
    #tableAreaB tr td input:hover{color:cornflowerblue;}
    
    #article  {margin-left:10px;}
    #article  ol li{margin:10px 0 0 -20px;}
    #article  ul {background-color:white;border:none;padding:0;margin:0;}
    #article  ul  li{list-style:disc;margin:0 0 0 -10px;}
    /***********************************************************************************************************/
    
    /* #tableAreaB tr:hover .link{text-decoration:underline;} */
    
    
    #docHolder{
    position:absolute; 
    margin:330px 10px 710px 25px; 
    width:700px; 
    height:650px; 	
    text-align:center;
    font-size:16pt}
    
    #docHolder span.title{color:slateblue;}
    #docHolder li{display:inline;list-style:none;}
    #docHolder p{font-weight:normal; padding:25%; width:500px; background:url('Images/Homer.ico') center no-repeat; 
        line-height:150%; text-align:center;font-size:14pt;color:slateblue;}
    #docHolder object{position:relative;margin-top:10px; width:100%; height: 95%;}
    #docHolder embed{position:relative;margin-top:10px; width:100%; height: 95%;}
    
    #footer {
    border-top:solid 2px navy;
    color: navy; 
    background: white; 
    width: 1048px; 
    height: 40px; 
    position: absolute; 
    padding:6px 0px 1px 0px; 
    margin: 1000px 0px 0px 0px; 
    padding-bottom: 20px;
    font-size: 10pt; 
    font-weight:normal;
    text-align: center; 
    }
    
    #statusArea {
    min-height: 20px;  
    margin-top: 254px ;
    position: absolute;
    right:85px;
    padding: 5px 10px 2px 30px; 
    text-align: left; 
    font-weight: normal; 
    background-repeat:no-repeat; 
    background-position:2px ; 
    font-size:10pt; 
    z-index:999;}
    
    #statusArea.OK{
    border: solid 1px darkgreen;
    background-color:palegreen;
    background-image: url('Images/Small Tick.gif'); 
    }
    
    #statusArea.info{
    background-image: url('Images/Small Info 2.gif'); 
    }
    
    #statusArea.query{
    color: #e66200; 
    background-image: url('Images/Small Question.gif'); 
    margin: 560px 0 0 699px; 
    width: 120px; 
    }
    
    #statusArea.error{
    border: 1px solid red;
    background-color:pink;
    color: red; 
    background-image: url('Images/Small Warning Red.gif');
    }
    #statusArea.warning{
    /* Also try tomato */
    border: 1px solid darkorange;
    background-color:moccasin;
    color: orangered; 
    background-image: url('Images/Small Warning Orange.gif');
    }
    
    
    
    /* 
    diagPanelH
    diagPanel
        diagPanelB 
    */
        
    #diagPanelH{
    width: 100%; 
    height:15px;
    font-size:8pt;
    position: absolute; 
    background-color:navy;
    margin:0;
    overflow:none;
    padding:0;
    }
    
    #diagPanelH th{background-color:navy;color:white;}
    
     #diagPanel{
    width: 100%; 
    height: 132px; 
    background-color:navy;
    overflow:scroll;
    position: absolute; 
    margin: 0; 
    margin-top:16px;
    }
    
    #diagPanelB{
    width: 100%; 
    /* height:1000%;*/
    font-size:8pt;
    overflow:hidden;
    padding:0;
    }
    
    #diagPanelB td:nth-child(1),#diagPanelH th:nth-child(1) {min-width:100px;width:100px;max-width:100px}
    #diagPanelB td:nth-child(2),#diagPanelH th:nth-child(2) {min-width:200px;width:200px;max-width:200px}
    #diagPanelB td:nth-child(3),#diagPanelH th:nth-child(3) {min-width:70px;width:70px;max-width:70px}
    #diagPanelB td:nth-child(4),#diagPanelH th:nth-child(4) {min-width:100px;width:100px;max-width:100px}
    #diagPanelB td:nth-child(5),#diagPanelH th:nth-child(5) {min-width:150px;width:150px;max-width:150px}
    #diagPanelB td:nth-child(6),#diagPanelH th:nth-child(6) {min-width:80px;width:80px;max-width:80px}
    #diagPanelB td:nth-child(7),#diagPanelH th:nth-child(7) {min-width:90px;width:90px;max-width:90px}
    #diagPanelB td:nth-child(8),#diagPanelH th:nth-child(8) {min-width:150px;width:150px;max-width:150px}
    #diagPanelB td:nth-child(9),#diagPanelH th:nth-child(9) {min-width:150px;width:150px;max-width:150px}
    #diagPanelB td:nth-child(10),#diagPanelH th:nth-child(10) {min-width:50px;width:50px;max-width:50px}
    
    /**********************Login Screen (Tpxp)***********************/
    
    #loginArea { 
    width: 305px; 
    height: 218px; 
    position: absolute; 
    margin: 498px 0 0 449px; 
    padding: 1px 10px 1px 20px; 
    line-height: 40px; 
    }
    
    #loginArea  td{font-size: 11pt;}
    #loginArea  input{font-size: 10pt;}
    
    #loginButtonArea { 
    width: 305px; 
    height: 40px; 
    position: absolute; 
    margin: 598px 0 0 449px; 
    padding: 1px 10px 1px 20px; 
    line-height: 40px; 
    text-align: center; 
    }
    
    #logoffArea { 
    width: 205px;
    height: 278px;
    position: absolute;
    margin: 448px 0 0 469px;
    padding: 1px 10px 1px 20px;
    line-height: 40px;
    }
    
    
    /* #holdingcontact{ 
    width: 400px; 
    max-height: 200px; 
    position: absolute; 
    margin: 398px 0 0 359px; 
    padding: 5px; 
    background: url('Images/smoky turq.jpg');
    font-size:16pt;}
    
    #holdingcontact tr{width:100%;background-color:navy;} 
    #holdingcontact  table {border:solid 5px #f4f4ff;border-collapse:collapse;color:white;padding-left:5px;}
    #holdingcontact  td {padding-left:10px;}
    #holdingcontact  table tr:first-child  td{font-weight:bold; color:navy;background: url('Images/smoky turq.jpg');
        border-bottom: solid 3px #f4f4ff;} 
    #holdingcontact  table tr:last-child  td{color:navy;background-color:khaki;border-top: solid 3px #f4f4ff} 
    
    #holdingsub{ 
    width: 400px; 
    position: absolute; 
    margin: 308px 0 0 359px; } */
    
    #holdingcontactelement{ 
    width: 600px; 
    position: relative; 
    margin: 58px 0 0 252px; 
    padding: 5px; 
    background: #f4f4ff;
    border: 5px solid teal;}
    
    #holdingcontactelement li{list-style-type:none;background:navy;font-size:16pt; color:white;padding:5px 10px;} 
    #holdingcontactelement li:first-child{background: url('Images/smoky turquoise.jpg');font-weight:bold;
        border-bottom:solid 2px #f4f4ff;}
    #holdingcontactelement li:last-child{background: paleturquoise; color:navy;border-top:solid 2px #f4f4ff;padding-bottom:3px;
        font-size:16pt;}
    #holdingcontactelement li:nth-last-child(2){background: mediumslateblue; color:navy;border-top:solid 2px #f4f4ff;padding-bottom:3px;
        font-size:16pt;}
    
    #holdingsubelement{width: 400px; position: relative; margin: 58px 0 0 369px; font-size:14pt;
        text-align:center;}
    
    #redanal {position:absolute;margin: 300px 100px 800px 20px;background-color:goldenrod;}