/*----      Version 1             ----------*/
/*--- 1. Structure                  -------*/
/*--- 2. Global Styles              -------*/
/*--- 3. Header & Banner            -------*/
/*--- 4. Nav                        -------*/
/*--- 5. Content                    -------*/
/*--- 6. Footer                     -------*/
/*--- 7. Plugin or specific         -------*/
/*-----------------------------------------*/

/*--- 1. Structure                  -------*/
*{
    font-family: arial;
}
body,
html {
    word-wrap: break-word!important;
    font-weight:400;
}
html{
    font-size: 62.5%;
    position: relative;
    min-height: 100%;
}
body {
    overflow-x: hidden;
    font-size:1.4rem;
}
/*--- 2. Global Styles              -------*/
h1 {
    margin: 10px 0 20px;
}
h1, h2{
    font-size: 2rem;
    Padding: 10px 0px;
    background-color: #1D4591;
    padding: 10px;
    color: #fff;
}
h2 a{
    color:#fff;
}
h3{
    font-size: 2rem;
    Padding: 10px ;
    border-bottom: #1D4591 solid 2px;
}
h4{
    font-size: 1.6rem;
    Padding: 10px 10px;
    color: #1D4591;
    font-weight: bold;
}
h5{
    font-size:1.5rem;
    Padding:10px 10px;
}
.noPad {
    padding: 0;
}
.floatLeft{
   float:left; 
}
.floatRight{
   float:right; 
}
.alignRight{
    text-align:right;
}
.alignCenter,
.align-center{
    text-align:center;
}
b, strong {
  font-weight: bold!important;
}
p {
    padding: 10px 10px;
    margin-bottom:0px;
    color:#0D223F;
}
h3.ui-accordion-header {
    font-size:1.5rem;
    padding:10px;
}
a  {
    text-decoration:underline;
    color:#0D223F;
}
a:hover{
    text-decoration:none;
    color:#0D223F; 
}
ul{
    list-style:disc;
    padding: 10px 0px 10px 15px;
    margin-left: 10px;
}
ul ul {
    list-style:circle;
}
ul ul ul {
    list-style:square;
}
ol{
    List-style: decimal;
    padding: 10px 0px 10px 15px;
}
ol ol{
    List-style: lower-alpha;
}
ol ol ol{
    List-style: decimal-leading-zero;
}
blockquote:before {
    position: absolute;
    top: 0px;
    left:1px;
    width: 17px;
    height: 17px;
    content: url('../images/IMAS_quotes-left.png');
}
blockquote:after {
    position: absolute;
    bottom: 60px;
    right: 20px;
    width: 17px;
    height: 17px;
    content: url('../images/IMAS_quotes-right.png');
}
blockquote{
    border-left: 0px;
    position: relative;
    background: #113F6C url('../images/IMAS_quotes-bottom.png') bottom no-repeat;
    margin: 10px auto ;
    /* color: #fff; */
    padding: 20px 20px 60px 20px ;
    width: 250px;
}
blockquote p{
    font-size:1.6rem;
    padding: 0px;
    margin: 0px 20px;
    font-style: italic;
    color:#fff;
}
.img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
}
.skip-link {
    left: -9999px;
    padding: 8px;
    position: absolute;
}
.skip-link:active,
.skip-link:focus {
    left: 16px;
    top: 16px;
    z-index: 99999;
}
a.skip-link:focus {
    background-color: #ffb81C;
    color: #212b32;
    outline: 4px solid transparent;
    outline-offset: 4px;
}
img{
  max-width: 100%;
    height: auto;
}
/*-----------------Tables ----------------------*/
table {
    width: 100%;
    margin-bottom: 20px;
    border: solid 2px #ccc;
}
.table-responsive {
    margin-left: -15px;
}
td{
    border-top: 1px solid #dddddd;   
}
th {
    background-color: #ccc;
    font-weight: bold;
}

/*------------------social pop outs---------------- */
.tabArea{
    position: fixed;
    left: 0px;
    z-index: 999;
    width: 50px;
    height: 40px;
    -webkit-transition: ease 0.4s; 
    -moz-transition: ease 0.4s; 
    transition: ease 0.4s;
}
#tabArea1{
    top: 40px;
    background-color: rgb(29, 161, 242);
}
#tabArea2{
    top: 80px;
    background-color: rgb(132, 132, 132);
}
#tabArea3{
    top: 120px;
    background-color: #0E213F;
}
#tabArea4{
    top: 160px;
    background-color: #F19B23;
}
.tabArea:hover{
    width: 70px;
}
img.tabIcon {
    margin: 5px auto;
    width:30px;
    height: auto;
    display:block;
}
@media (max-width:767px){
    .tabArea{
        top: unset!important;
        bottom:0px;
        width:25%;
    }
    #tabArea1{
        left: 0%;
    }
    #tabArea2{
        left: 25%;
    }
    #tabArea3{
        left: 50%;
    }
    #tabArea4{
        left: 75%;
    }
    .tabArea:hover{
        width: 25%;
    }
}
/*------------------Full Layout---------------- */
#wrap {
    margin: 0 auto -60px;
    padding: 0 0 60px;
}
.fullPageBar{
    background:#ccc;
}
.newsText p{
    padding: 10px 0px;
}
.left6 .table-responsive {
  margin-left: -15px;
  margin-right: -10px;
}
.right6 .table-responsive {
  margin-left: -10px;
  margin-right: -10px;
}
.table {
  margin-bottom: 10px;
}
/*------------------Header Area---------------- */
#siteBanner{
    Padding:0px!important; 
    width:100%;
    min-height: 220px;
    background: #005eb8 url('../images/IMAS_banner_new.png') no-repeat;
}
#siteBannerText{
    text-align: right;
    font-size: 2.6rem;
    margin-top: 20px;
}
#siteBannerText p{
    color:#fff;
    background-color: transparent!important;
}
#logo img {
    padding: 15px 20px;
}
@media (min-width:992px) and (max-width:1199px){
    #siteBannerText p {
        line-height: 25px;
        position: absolute;
        right: 10px;
        font-size: 2.5rem;
        padding: 0 30px;
    }
}
@media (max-width:991px){
    .logoBanner{
        display:none;
    }
}
/*------------------Navbar---------------- */
.navbar-dark .navbar-toggler {
    color: #fff;
    border-color: #fff;
}
.navBarRow {
    background-color: #0D223F;/* fallback color if gradients are not supported */
    background-image: -webkit-linear-gradient( #263953, #0D223F); /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
    background-image: -moz-linear-gradient( #263953, #0D223F); /* For Firefox (3.6 to 15) */
    background-image: -o-linear-gradient( #263953, #0D223F); /* For old Opera (11.1 to 12.0) */ 
    background-image: linear-gradient( #263953, #0D223F); /* Standard syntax; must be last */
    margin-bottom: 10px;
    width: 100%;
}
ul.navbar-nav{
    Padding:0px!important;
    margin-left: 0px;
}
ul.navbar-nav li a {
    color: #fff!important;
}
ul.navbar-nav li a:hover,
ul.navbar-nav li a.active,
ul.navbar-nav li a:focus{
    background-color:#0E213F;
}
@media (max-width:991px) {
    .logoBanner {
      margin-bottom: 0px;
    }
}
@media (min-width: 992px){
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}
/*------------Body stylying------------------ */
#twitter-widget-0{
	height:500px!important;
}
/*--------Frames-------- */
.right3 {
    padding-left: 5px;
}
.left6 {
    padding-right: 2.5px;
}
.right6 {
    padding-left: 2.5px;
}
@media (max-width:991px){
    .right3,.right6 {
        padding-left: 15px;
    }
    .left6 {
        padding-right: 15px;
    }
}
.lightBlueGrad h3,
.col-md-6 .midBlueGrad p,
.col-md-6 .midBlueGrad a {
    color:#fff;
}
.lightBlueGrad .ui-accordion-content p{
  color: #0D223F!important;
}
.deepBlueGrad .tx-felogin-pi1 h3{
    display:none;
}
.deepBlueGrad #c782 h2 {
    background-image: url('../images/IMAS_NHS_LOGO.png');
    background-position: 100% 0%;
    background-repeat: no-repeat;
    font-size: 2rem;
    background-color: transparent!important;
    padding: 40px 0px 20px 0px;
}
.lightBlueGrad h2,
.deepBlueGrad h2,
.midBlueGrad h2{
    background-color: transparent!important;
    font-weight:bold;
    font-size:2.5rem;
    padding: 0 0 10px;
}
.right3 .lightBlueGrad.top,
.left6 .lightBlueGrad.top,
.left6 .lightBlueGrad,
.left6 .deepBlueGrad,
.right6 .lightBlueGrad,
.right6 .deepBlueGrad,
.right3 .lightBlueGrad,
.right3 .deepBlueGrad{
    padding:15px;
    margin: 0 0 10px;
}
.deepBlueGrad{
    background-color: #0D223F;/* fallback color if gradients are not supported */
    color:#fff;
}
.deepBlueGrad a,
.lightBlueGrad a{
    color:#fff;
    text-decoration:underline;
}
.deepBlueGrad a:hover,
.lightBlueGrad a:hover{
    color:#fff;
    text-decoration:none;
}
.deepBlueGrad input[type="submit"] {
    background-color:#005EB8;
    color:#fff;
    border:0px;
    width:100%;
    margin: 10px 0px;
}
.lightBlueGrad{
    background-color: #005EB8;
}
.lightBlueGrad p,
.deepBlueGrad p{
    color:#fff!important;
    padding: 10px 0px!important;
}
.col-md-12 .lightBlueGrad {
    margin: 0px -10px 0px -15px;
    padding:10px;
}
.col-md-12 .lightBlueGrad.cogs {
    margin: 0px -10px 10px -15px;
    padding:10px;
}
.cogs{
    background: #005EB8 url(../images/IMAS_OVERLAY_COGS.png) no-repeat bottom right;
}
.jigsaw{ 
    background:#005EB8 url("../images/IMAS_OVERLAY_JIGSAW.png") no-repeat bottom right;
}
.lightBlueGrad h2{
    padding:0px;
    color:#fff;
}
.midBlueGrad{
    background-color: #1D4591;/* fallback color if gradients are not supported */
    background-image: -webkit-linear-gradient( #32579B, #1D4591); /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
    background-image:    -moz-linear-gradient( #32579B, #1D4591); /* For Firefox (3.6 to 15) */
    background-image:      -o-linear-gradient( #32579B, #1D4591); /* For old Opera (11.1 to 12.0) */ 
    background-image:         linear-gradient( #32579B, #1D4591); /* Standard syntax; must be last */
    color:#fff;
    padding:15px;
    margin: 10px 0;
}
.col-md-6 .midBlueGrad p,
.col-md-6 .midBlueGrad a {
    color:#fff;
}
/*highlights inside typo3*/
p.csc-frame-frame2,
table.csc-frame-frame2 {
    background-color: #ffeb3b;
    padding: 10px;
    border: 1px solid #ffeb3b;
    color: #212b32;
    font-size: 1.8rem;
}
p.csc-frame-frame2 a,
table.csc-frame-frame2 a {
    color:#005eb8;
}
p.csc-frame-frame2 a:hover,
table.csc-frame-frame2 a:hover{
    background-color: #005eb8;
    box-shadow: 0 0 0 4px #005eb8;
    color: #fff;
}
p.csc-frame-frame1,
table.csc-frame-frame1 {
    background-color: #f0f4f5;
    padding: 10px;
    border: 1px solid #f0f4f5;
    color: #212b32;
    font-size: 1.6rem;
}
p.csc-frame-frame1 a,
table.csc-frame-frame1 a {
    color:#005eb8;
}
p.csc-frame-frame1 a:hover,
table.csc-frame-frame1 a:hover{
    background-color: #005eb8;
    box-shadow: 0 0 0 4px #005eb8;
    color: #fff;
}
/*-----------------footer styling------------------*/
#footer{
    background-color:#425563;
    height: auto;
    color:#fff;
}
#footerContainer{
    height:auto!important;
    }
#footer a,
#footer a:hover,
#footer p{
    color:#fff;
    text-decoration: none;
}
#leftF,#rightF{
    padding-top:10px;
}
@media (max-width: 991px){
    #footer {
       height: auto;
    }
    #wrap {
       margin: 0 auto -80px;
       padding: 0 0 80px;
    }
}
@media (max-width: 767px){
    #footer {
       height: auto;
    }
    #wrap {
       margin: 0 auto -80px;
       padding: 0 0 80px;
    }
}
@media (max-width: 767px){
    #footer {
       height: auto;
    }
    #footer p{
       text-align:center!important;
    }
    #wrap {
       margin: 0 auto -165px;
       padding: 0 0 165px;
    }
}
@media (max-width: 390px){
    #footer {
       height: auto;
    }
    #wrap {
       margin: 0 auto -185px;
       padding: 0 0 185px;
    }
}
/* ---------------------------------------------------------------------
 Stylesheet for specific areas there after
 -----------------------------------------------------------------------*/
/*------------------Accordions ---------------- */
.card-header{
    border: 1px solid #0071B9;
    background: #0071B9;
    font-weight: normal;
    color: #fff;
    padding:0px;
    margin: 5px;
}
.card-header h3{
    padding:0px;
    margin:0px;
    border-bottom:0px;
}
.card-header h3 button {
    color: #fff;
    display: block;
    padding:10px;
    width: 100%;
    text-align: left;
    font-size: 1.6rem;
}
.card-header h3 button:hover {
    text-decoration: none;
    color: #fff;
    background: #0F2440;
}
.card-body header h2{
  display:none;
}
/*------------------Login ---------------- */
.tx-felogin-pi1 legend {
  color:#fff;
}
/*------------------ttnews Fix ---------------- */
.news .article {
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.whiteBack{
    background-color: #fff;
}
.greyBack{
    background-color: #E0E0E0;
}
.news-single .article .news-img-wrap img {
    display: block;
    max-width: 100%;
}
/*--------News-------- */
.news-latest-container{
    background-color: #fff;
}
.news-latest-item span{
        color:#0D223F;
}
.news-latest-item{
    padding:10px;
    margin-right: 0px;
    margin-left: 0px;
}

.news-latest-container h2 {
    display:none;
}
.news-latest-gotoarchive{
 display:none;
}
.newsText a{
    text-decoration:none;
}

.midBlueGrad .newsText{
    text-align:left!important;
}
.browseLinksWrap a {
    background-color: #0071B9;
    padding: 10px;
    text-decoration: none;
    color:#fff;
}
.browseLinksWrap span {
    background-color: #ccc;
    padding: 10px;
    text-decoration: none;
}
.news-list-browse {
    margin: 20px 0px 30px 0px;
}
.browseLinksWrap a:first-child,
.browseLinksWrap a:last-child,
.browseLinksWrap span:first-child,
.browseLinksWrap span:last-child{
    display:none;
}
.newsText h3 {
    padding: 0px;
}
.newsImage.col-sm-3 img {
    margin: 5px auto;
    display: block;
    max-width: 100%;
    width:100%!important;
    height:auto!important;
    float:none!important;
}

/*------------------Search---------------- */
legend {
    display: none;
}
.tx-kesearch-pi1 {
    width: 300px;
    float: right;
    margin-top: 25px;
}
.resetbutt,.submitbutt{
    display:none;
}
.result-list-item a{
    font-size: 2rem;
}
.tx-kesearch-pi1 #kesearch_results .result-list-item .hit{
    color:#19316f!important;
}
/* ----------------------- Powermail -----------------*/
input, select, textarea {
    width:100%;
}
input[type="checkbox"],
input[type="radio"]{
    width: 10%;
}
.powermail_legend {
    font-weight: 700;
    color: #000;
    float: left;
}
.powermail_label {
    color: #000;
    font-size: 1.8rem;
    font-weight: bold;
}
.powermail_fieldset,
.powermail_confirmation,
.powermail_create {
    padding: 10px;
}
div.powermail_fieldwrap {
    margin: 0 0 1.5em 0;
}
.powermail_confirmation h4{
    font-size:2rem;
    margin-bottom: 5px;
}
.powermail_submit {
    color: #ffffff;
    background-color: #003087;
    border-color:#003087;
}
/*------------------file uploads link with image fix ---------------- */
ul.csc-uploads img {
    height: auto;
  max-width: 100px;
}
