﻿/* add force style customisation in here */

.header-col1 { 
   text-align:center;
}


.footer-icons { 
   text-align:center;
   padding-top:10px;
}

.footer-icons A {
   padding-right:12px;
}

.footer-icons IMG { 
   height:72px;
   padding-bottom:10px;
}

.faqtable { 
   border: solid 1px black;
   border-collapse: collapse;
}

.faqtable THEAD {
    background-color: #E9E9E9;
}

.faqtable TH, .faqtable TD {
    padding: 2px 10px;
    border: 1px solid black;
}

.faq_heading { 
   background-color:white;
   color:black;
}

.photo-grid-text { 
   background-color: #DBE5F1;
}

main { 
padding-bottom:50px;
}

.Title {
   font-size: 1.8rem;
   padding-top:10px;
}

.faq_tabs {
    background: #3d3c3c;
    color: #FFF;
    padding: 10px 10px;
    border-bottom: solid black 1px;
}

.faq_heading ul { 
    margin-top:20px;
}

.faq_heading ul li {
    float: left;
    list-style-type: none;
    width: 145px;
    border-right: solid 1px #888888;
    border-radius: 0px;
    text-align:center;
    height:4.2rem;
}

.faq_heading ul li a {
   text-align:center;
   border-right:0px;
   padding:0;
   font-weight:normal;
}

.faq_heading ul li > a.tab-pane-active {
   font-weight: bold;
}

.start-here-whatnext h2 {
   background-color: #6060C3;
}

.start-here-summary h2 { 
   background-color: #E91C1C;
}

.panel_heading {
    background: #B51212;
    color: #fff;
    padding: 12px 15px;
    font-family: Roboto-Thin;
}

.panel_content {
    min-height: 145px;
    
}



.process-grid { 
    display:grid;
    grid-template-columns:24% 24% 24% 24%;
    gap:10px;
}

.process-grid-warning {
    grid-row:1;
    grid-column: 1 / span 4;
}

.process-grid-driver { 
   grid-row: 2;
   grid-column: 1;
   min-height:15rem;
}

.process-grid-not { 
   grid-row: 2;
   grid-column:2;
   min-height:15rem;
}

.process-grid-never { 
   grid-row: 2;
   grid-column: 3;
   min-height:15rem;
}

.process-grid-noresp { 
   grid-row: 2;
   grid-column: 4;
   min-height:15rem;
}

.process-grid-footer { 
   grid-row: 3;
   grid-column: 1 / span 4;
}

.process-panel-header { 
    background: #B51212;
    color: #fff;
    padding: 12px 15px;
}

.process-panel-content UL { 
    list-style-image: url(/PAWeb/Content/images/bullet1.png);
    padding: 5px 0 0 20px;
}

.process-panel-content { 
   padding:0;
   margin:0;
}

.process-grid-warning { 
    background-color:#F8F8F8;
    padding: 10px;
    border: 1px dashed #E0E0E0;
    margin-bottom:30px;
}

.process-grid-warning IMG { 
    vertical-align:middle;
}

.process-info { 
    font-size:2rem;
    padding-bottom:30px;
}

.top-menu UL {
   padding:0;
   background: #3d3c3c;
}

.top-menu li {
    border-right:solid 2px #888888;
    list-style-type:none;
    padding: 20px 5px;
}

.top-menu li > a { 
   color: white;
   text-transform:none;
   font-weight:normal;
}

.top-menu li > a.active, 
.top-menu li > a:hover  { 
   background:none;
   border-bottom: solid 10px white;
   font-weight:bold;
}

.pad-bottom-20 { 
   padding-bottom:20px;
}

.pad-box { 
   padding: 10px;
   border: solid 2px black;
}

.sqp { background-color:#FF6160; color:white; vertical-align:top; font-size:1.0em; padding: 10px 5px 10px 5px; }
.sqb { background-color:#556A85; color:white; vertical-align:top; font-size:1.0em; padding: 10px 5px 10px 5px; }
.ad { height:60px; background-image: url('/PAWeb/Content/images/arrow-down.jpg'); background-position:center; background-repeat: no-repeat; } 
.al { height:60px; background-image: url('/PAWeb/Content/images/arrow-left.jpg'); background-position:right; background-repeat: no-repeat;} 
.ar { height:60px; background-image: url('/PAWeb/Content/images/arrow-right.jpg'); background-position:left; background-repeat: no-repeat;} 
.als { height:60px; background-image: url('/PAWeb/Content/images/arrow-lefts.jpg'); background-position:left; background-repeat: no-repeat;} 
.ars { height:60px; background-image: url('/PAWeb/Content/images/arrow-rights.jpg'); background-position:left; background-repeat: no-repeat;} 
.aur { height:60px; background-image: url('/PAWeb/Content/images/arrow-rightup.jpg'); background-position:right; background-repeat: no-repeat;} 
.whatnext-table { border-spacing: 10px 10px; border-collapse:separate; text-align:center; }
.left { float:left; }

.spacer-right {
 padding-right: 10px;
}

.spacer-left {
   padding-left: 10px;
}


.photo-grid-header P { 
   font-size: larger;
   color: #DB1D00;
font-weight:bold;
letter-spacing: 0.08rem;

}