body {
margin:0;
padding:0;
font-family: Roboto-Regular;
}

UL {
margin:0;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}


legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    font-size: 2rem;
}


a {
   text-decoration: none;
   color:#000088;
   font-weight:bold;
}

a:hover {
   text-decoration: underline;
}

.header { 
   padding:0;
   margin:0;
   width:100%;

   display:grid;
   grid-template-columns: 8rem auto 200px;
   background-color:white;
}

.header-col1 {
   grid-column:1;
   grid-row:1;
}

.header-col2 {
   grid-column:2;
   grid-row:1;
   border-bottom:1px solid #CCC;
}

.header-col3 {
   grid-column:3;
   grid-row:1;
   border-bottom:1px solid #CCC;
}

.breadcrumb {
   grid-column:2;
   grid-row:1;
   padding-top:5px;
   padding-bottom:5px;
   margin:0;
}

.breadcrumb ul {
   padding-left:20px;
}

.breadcrumb>li {
    display: inline-block;
}

.breadcrumb li a {
    color: #DB1D00;
    font-weight: bold;
}

.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}

.nav-main-wrapper { 
   width:100%;
   display:grid;
   grid-template-columns: 8rem auto;
   grid-template-rows: auto auto 1fr;
   margin:0;
   padding:0;
}

.nav-main-wrapper-menu {
    width: 100%;
    display: grid;
    grid-template-columns: 8rem auto;
    grid-template-rows: auto auto 1fr;
    margin: 0;
    padding: 0;
}

.side-menu { 
   grid-column:1;
   grid-row:1 / span 3;
   background-color:#3d3c3c;
   margin: 0;
   padding:0;
   display:block;
   overflow:visible;
}

.top-menu { 
   grid-column:2;
   grid-row:2;
 /*  background-color:white;*/
}

.main-content { 
   grid-column:2;
   grid-row:3;
   border: solid 20px #EEE;
}

main {
/*background-color:white; */
padding:15px;
}

.side-menu ul {
   list-style-type: none;
   margin-bottom:10px;
   padding: 0;
}

.side-menu li {
   text-align:center;
}

.side-menu li.selected {
   border-left: 5px solid #DDD;
}

.side-menu ul li a {
    padding:30px 10px;
    border-left: 2px solid #3d3c3c;
    border-bottom: 1px solid #4c4848;
    text-align: center;
    color: #e1e1e1;
    background: #3d3c3c;
    display:inline-block;
    font-weight:bold;
    overflow-wrap: break-word;
}

.banner_div { 
    display:block;
}

.banner_div img {
    width:100%;
}

.banner_div_medium {
    display: none;
}

.banner_div_small {
    display: none;
}

.side-menu img {
   vertical-align:middle;
   padding-bottom:10px;
}

footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1000;
    background-color: #FFFFF0;
}

.menu-button {
   float:right;
   background-color: transparent;
   border: solid 1px white;
   display:none;
   margin-right:10px;
   margin-top:8px;
   margin-bottom:5px;
}

.menu-line {
    display: block;
    width: 28px;
    height: 4px;
    border-radius: 1px;
    background-color: black;
    margin-top:5px;
    margin-bottom:5px;
}

.Title {
font-size: 2rem;
font-weight: bold;
text-align: left;
padding-left:20px;
margin-top:20px;
}

/*.img-responsive {
    display: block;
    width: 100%;
    height: auto;
} */

.bld {
   font-weight:bold;
}

input[type=radio], input[type=checkbox] {
width:1.2rem;
height:1.2rem;
padding-right:20px;
margin-right:10px;
}


input[type=text], input[type=password], select {
   height:2rem;
   width:40rem;
   margin:0 1rem 1rem 0;
   font-size:larger;
}

textarea { 
   width:40rem;
   margin:0 1rem 1rem 0;
   font-size:larger;
}

input[type=text].narrow, input[type=password].narrow, select.narrow {
   height:2rem;
   width:20rem;
   margin:0 21rem 1rem 0;
font-size:larger;
}


.offender_option{
    background: #0F67FF;
    padding: 30px 30px 30px 30px;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size:larger;
}


.offender_option .radio-inline {
    padding-right: 30px;
    width:30px;
    height:30px;
}

.company_option, .reason_option {
    background: #0F67FF;
    padding: 10px 10px 0 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-size: larger;
    margin-bottom: 10px;
    width:40rem;
}


.larger {
font-size: larger;
}

.faq_heading {
    background: #0977D7;
    color: #fff;
    padding: 20px 10px 45px 10px;
}


.faq {
    padding-left: 0;
    margin-bottom: 0;
}

.faq_heading h2 {
   float: left;
padding: 0;
margin:0;
}

.faq_heading UL {
   float:right;
}

.faq_heading LI {
float:left;
    list-style-type: none;
}


.faq_heading li a {
    padding: 0px 10px;
    border-left: 0px;
    border-top: 0px;
    border-bottom: 0px;
    border-right: 1px solid #fff;
    border-radius: 0px;
    color: #fff;
    outline: 0;
}

.faq_heading li > a.tab-pane-active {
font-weight:bold;
text-decoration: underline;
}

.ui-accordion .ui-accordion-header {
   font-size:1.5rem;
   border:none;
   background-color:white;
   color:#000088;
   border-top:dashed 1px grey;   
   padding-top:20px;
}

.ui-accordion-header:hover {
   text-decoration:underline;
   font-weight:bold;
}

.ui-accordion-header-active {
color: black;
text-decoration:underline;
font-weight:bold;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border: none;
    overflow: auto;
}


.control-label {
    display: inline-block;
    float:left;
    padding-top:25px;
    width:250px;
}

.button-div { 
    padding-left:250px;
    padding-top:20px;
}

.control-disclaimer, .control-padded, .control-checkbox {
    float:left;
    width: 41rem;
    padding-left:250px;
}

.control-padded { 
   padding-bottom:20px;
}

.control-field {
    float:left;
    padding-top:20px;
}

.control-field-narrow { 
    float:left;
    width:25rem;
}

.control-checkbox { 
font-size:larger;
}

.control-hint { 
   float:left;
    padding-top:25px;
}


SPAN.reqd { 
    color: #DB1D00;
padding-left:10px;
font-weight:bold;
}

input.reqd, select.reqd { 
   background-color: #FFFFCC;
}

.form-group {
   clear:both;
}



.warning_div { 
   width: 40rem;
   border:dashed 1px #DDD;
   background-color: #F5F5F5;
   float:left;
   padding-right: 10px;
   margin-top:20px;
   padding-top:5px;
   padding-bottom:5px;
   margin-left:250px;
}

.warning_div img { 
  float:left;
  padding-right:10px;
}

.button_div { 
   padding-bottom:50px;
   margin-bottom:50px;
}

    

.btn-primary {
    font-size: larger;
    padding: 6px 20px;
    border-radius: 0px;
    color: #fff;
    background-color: #337ab7;
    border: solid 5px #337ab7;
}

    .btn-primary:active, .btn-primary:hover, .btn-primary:focus {
        background-color: #73baee;
        font-weight:bold;
        color:black;
        border:solid 5px black;
        cursor: pointer;
    }

    .btn-primary:disabled {
        background-color: #BBB;
        font-weight:bold;
        color:black;
        border:solid 5px #BBB;
    }


#divLoginFields { 
margin-bottom:50px;
}

.top-menu ul { 
   float:right;
   padding-bottom: 15px;
   padding-right:10px;
}

.top-menu li { 
   list-style-type: none;
   float:left;
}

.top-menu li > a {
    padding: 10px 5px 15px;
    margin-right: 0px;
    border: 0px;
    border-radius: 0px;
    text-transform: uppercase;
    color: black;
    font-weight: bold;
}

.top-menu li > a.active, .top-menu li > a:hover {
    background: none;
    background: url(/PAWeb/Content/images/topmenu_hover.png) center bottom no-repeat;
    border: 0px;
    border-radius: 0px;
    color: #fff;
}


.start-here-grid {
   padding:0;
   margin:0;
   width:100%;

   display:grid;
   grid-template-columns: 1fr 1fr;
   gap:20px;
}

.start-here-whatnext { 
   grid-row: 1;
   grid-column: 1;   
   border: solid 1px lightgrey;
}

.start-here-summary { 
   grid-row: 1;
   grid-column: 2;   
   border: solid 1px lightgrey;
}

.start-here-infoview { 
   grid-row: 2;
   grid-column: 1;   
   border: solid 1px lightgrey;
}

.start-here-email { 
   grid-row: 2;
   grid-column: 2;   
   border: solid 1px lightgrey;
}

.start-here-checklist { 
   grid-row: 3;
   grid-column: 1;   
   border: solid 1px lightgrey;
}


.start-here-whatnext H2 { 
background-color: #5176A9;
color:white;
margin-top:0;
padding: 10px 10px 10px 25px;
}

.start-here-summary H2 { 
background-color: #E31616;
color:white;
margin-top:0;
padding: 10px 10px 10px 25px;
}

.start-here-infoview H2 { 
background-color: #6767C5;
color: white;
margin-top:0;
padding: 10px 10px 10px 25px;
}


.start-here-email H2 { 
background-color: #328175;
color: white;
margin-top:0;
padding: 10px 10px 10px 25px;
}


.start-here-checklist H2 { 
background-color: #328175;
color: white;
margin-top:0;
padding: 10px 10px 10px 25px;
}

.start-here-content {
  padding:0 15px 15px 15px;
}

.what-to-do-row {
  padding-bottom:5px;
}


.what-to-do-img {
   width:2rem; 
   display:inline-block;
}

span.activity_None { 
    padding-top:10px;
    font-weight: bold;
}

.pad10 { 
padding-bottom:10px;
}

.summary-table > DIV {
   clear:both;
}

.summary-label { 
   font-weight: bold;
   width:10rem;
   float:left;
padding-bottom:10px;
}

.clear {
   clear:both;
}

.summary-value { 
   float:left;
   padding-bottom:10px;
}

.summary-label-wide { 
   font-weight: bold;
   width:20rem;
   float:left;
   padding-bottom:10px;
}



.indent { 
   padding-left:3rem;
}

.site-frame IFRAME {
    width: 100%;
    min-height: 500px;
    border: none;
}

.correspond { 
padding-bottom:50px;
}


.photo-grid { 
   padding:0;
   margin:0;
   width:100%;
   display:grid;
   grid-template-columns: 50% 50%;
   background-color:white;
   gap:20px;
}

.photo-grid-header {
   grid-column:1 span 2;
   grid-row:1;
}

.photo-grid-image { 
   grid-column: 1;
   grid-row:2;
   background-color:#EEE;
}

.photo-grid-text { 
   grid-column: 2;
   grid-row: 2;
   background-color:#CCCCFF;
   padding:10px;
}

.nomination-footer, .admission-footer { 
   padding-top:20px;
}

.pad-left { 
    padding-left:10px;
}

.pad-right { 
    padding-right:10px;
}

.no-pad-top { 
padding-top:0;
}

.pad-top-20 {
padding-top:20px;
}

.bold {
font-weight:bold;
}

#popUp, #popUpComplete, #popupMenu {
    position: absolute;
    background-color: white;
    border: solid 5px black;
    border-radius: 20px;
    width: 60%;
    top: 150px;
    left: 20%;
    padding: 25px;
    z-index: 99999;
    opacity: 1.0;
    font-size: larger;
}

#popUpOk, #popUpOkComplete, #popupMenu > div > input {
    padding: 5px 20px 5px 20px;
    font-weight: bold;
}

.popUpImportant {
    font-weight: bold;
    color: #B60000;
}

.dimmed {
    opacity: 0.25;
    background-color: #888;
}

.ui-accordion-header-icon {
    width: 0
}
.top-menu-selected 
{
    display:none;
    margin-right:20px;
}

#validationSummary {
    display: none;
    padding: 25px 0px 10px 20px;
}

    #validationSummary ul {
        margin: 0px 0px 0px 10px !important;
        padding: 4px !important;
    }

        #validationSummary ul li {
            color: #DB1D00;
            font-weight: bold;
            margin: 0px 0px 0px 10px !important;
            padding: 4px !important;
        }

span.validation-summary-errors {
    color: #DB1D00;
    font-weight: bold;
    margin: 0px 0px 0px 10px !important;
    padding: 4px !important;
}

.validation-summary-valid {
    color: #DB1D00;
    font-weight: bold;
}

input.input-validation-error, select.input-validation-error, textarea.input-validation-error {
    border: 2px solid #DB1D00 !important;
    background-color: #FFCCCC !important;
}

div.input-validation-error {
    color: #DB1D00;
    font-weight: bold;
    margin-left: 12em;
    padding: 1px;
    width: 12.7em;
}
 
div.radio-option { 
    padding-bottom:15px;
}

.link_block {
    display: inline-block;
    vertical-align: top;
    height: 25rem;
    background-color: #FFF;
    border: 1px solid black;
    padding: 10px;
    margin: 10px;
    width: 25rem;
}

.photo-grid-display {
   padding:0;
   margin:0;
   width:100%;

   display:grid;
   grid-template-columns: 3rem auto 3rem;
   background-color:#EEE;
   height:100%;
   place-items:center;
}

.photo-grid-previous { 
   grid-column:1;
}

.photo-grid-previous IMG, .photo-grid-next IMG { 
   width:100%;
}

.photo-grid-previous IMG:hover, .photo-grid-next IMG:hover { 
   background-color: #FFF;
            cursor: pointer;
}

.photo-grid-current {
   grid-column:2;
   width:100%;
}

.photo-grid-next { 
   grid-column:3;
}

.image IMG { 
   width:100%;
}

.info_banner_outer, .warning {
    background: #FF6;
    border: 1px solid #F93;
    margin-bottom: 20px;
    padding: 15px 20px;
    font-weight: bold;
}

.info_banner_outer SPAN, .warning SPAN {
    background: url(../images/warning.png) no-repeat center left;
    display: block;
    padding: 10px 0 10px 40px;
}


.information {
    background: #B1D5FF;
    border: 1px solid #548DF8;
    margin-bottom:20px;
    padding: 15px 20px;
    font-weight: bold;
}

.information SPAN
{
background: url(../images/information.png) no-repeat center left;
    display: block;
    padding: 10px 0 10px 40px;
}

.red { 
    color: #DB1D00;
}

.red-large { 
    color: #DB1D00;
    font-size: larger;
    font-weight: bold;
}



.pdf_item {
    background: url(/PAWeb/Content/images/pdf_icn.png) no-repeat left top;
}

.jpg_item {
    background: url(/PAWeb/Content/images/jpg_icn.png) no-repeat left top;
}

.pdf_item, .jpg_item { 
    padding-bottom: 20px;
     list-style-type:none;
}

.pdf_item A, .jpg_item A { 
   padding-left:50px;
   padding-top:10px;
   font-weight: bold;
   color: #DB1D00;
}

.link_block img.top {
    margin-left: auto;
    margin-right: auto;
    height: 80px;
    display: block;
    padding-bottom: 10px;
}

.link_block img.left {
    width: 100px;
    padding-right: 20px;
    padding-bottom: 10px;
    vertical-align:middle;
}

.Timeout {
    text-align: center;
    padding-bottom: 20px;
    font-size: xx-large;
    color: #DB1D00;
    font-weight:bold;
}

#popupMenu,
.page-title-seo,
#cookieBannerId,
#divLoginFields,
#ForenameSpan,
.hide {
    display:none;
}

.centre { 
   text-align:center;
}

BODY.cookie-page {
   padding: 20px;
   font-family:sans-serif;
}

.cookie-page TABLE {
border: 1px solid black;
margin: 0px;
padding:0px;
border-collapse:collapse;
}

.cookie-page TD { 
border:1px solid black;
margin:0px;
padding:10px;
}

.cookie-page TH {
border-left:1px solid black;
border-bottom:1px solid black;
margin:0px;
padding: 10px;
background-color:#AAA;
}

.question-block { 
    clear:both;
}

.question-block img { 
    height:100px;
}

.question-block span { 
    font-size:larger;
    font-weight: bold;
}

.question-block select,
.roadsign-answer {
    margin-top:30px;
}

.roadsign-answer { 
    float:left;
}

.roadsign-grid { 
    height:120px;
}

.question-block-clear {
    clear:both;
}

.roadsign { 
    width:200px;
    float:left;
}