﻿/* add force style customisation in here */

a, 
.ui-widget-content a {
    color: #1E77AE;
}

.offender_option, 
.company_option,
.reason_option,
.start-here-whatnext H2,
.start-here-checklist H2,
.start-here-summary H2,
.start-here-email H2,
.btn-primary { 
    background-color:#1E77AE;
}

body { 
    line-height: 1.42857143;
}


.blue
{
color: #000088;
}

.start-here-checklist {
    grid-row: 2;
    grid-column: 2;
}

.header-col1 { 
   text-align:center;
}

.force_image { 
   height: 102px;
   width: 102px;
}

.pad-bottom { 
   padding-bottom:20px;
}

.footer-icons { 
   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: #1E77AE;
   color:white;
}

.photo-grid-text { 
   background-color: #DBE5F1;
}

main { 
padding-bottom:100px;
}

.Title {
   margin-top: 0;
   font-weight: 500;
}

.top-menu UL {
   padding:0;
   background: #3d3c3c;
}

.top-menu li {
    border-right:solid 2px #888888;
    list-style-type:none;
    padding:5px 5px 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;
}

.img-ssrp { max-width:200px; width:100%; }
.img-police { max-width:550px; width:100%; }
.img-bh { width: 100%; max-width:250px; padding-right:20px; padding-bottom:20px; }
.img-nh { width: 100%; max-width:250px; padding-right:20px; padding-bottom:20px; }


  P.sa, P.co { font-size:larger; padding:10px 10px;}
  TABLE.co { border:solid 1px black;}
  TD.co { border-left:solid 1px black; border-top:solid 1px black; text-align:center; padding:5px;}
  H2.sa, H2.co { text-align:center; padding:25px 0; } 
  .bannerBg { background-color:#DDD; text-align:center; padding: 5px;}
  .bannerText {padding:2px 10px; color:#EE0; font-weight:bold; text-align:center; background-color:black; font-size:x-large; }
  .box { border:solid 1px black; margin-bottom:20px; }
  .centreBold { font-weight:bold; text-align:center;}
  .spacer { padding:20px;}
  .outer { background-image: url('/Content/example.png'); background-repeat: repeat; background-blend-mode: lighten; }
  ul.co { font-size:larger; padding: 10px 100px;}
  .bannerBg-co { background-color:#000; text-align:center; padding: 5px;}
  .bannerText-co {padding:2px 10px; color:#FFF; text-align:center; font-weight:bold; text-align:center; background-color:black; font-size:x-large; }
  .innerBox {border:solid 1px black; padding-left:20px;}
  .titleCentreUnder { font-size:x-large; text-decoration:underline; text-align:center;font-weight:bold;}
  .titleCentre { font-size:x-large; text-align:center;font-weight:bold;}
  .redlabel { color:red; max-width:300px; min-width:300px; font-size:x-large; float:left;}
  .blacklabel { color:black; max-width:350px; font-size:x-large; min-width:300px; float:left; padding-left:10px;}
  .fieldLabel { font-size:larger; min-width:350px;max-width:450px;float:left; vertical-align:middle;}
  .fieldBox { height:60px; border:solid 1px black; min-width:300px; float:left; padding-left:20px;}
  .fieldOuter { width:100%;padding-top:20px;}
  .noticeDetails { padding-left:20px; display:inline-block;}
  HR { border-bottom:solid 1px; black; width:100%; padding-left:0; padding-right:0;}
  .pad { padding:20px;}
  .splitBox { border-left:solid 1px black; border-right:solid 1px black;}
.clear-both { clear:both;}
.height-150 { height:150px; }