.div-panel {
    border: 2px solid #8eb1bf;
    background-color: #003b64;
    margin-top: 1em;
    margin-bottom:1em;
    margin-right:1em;

}
.div-panel h4 {
    color: #8eb1bf;
    margin-left: 12px;
}
.div-panel a {
	color:white;
}
.div-panel a:after {
    font-family: 'FontAwesome';
    content: '\f18e';
    color: #8eb1bf;
    position: absolute;
    right: 12px;
}
.div-panel li {
    border-bottom: 1px solid #8eb1bf;
    margin-left:0px;
}
.div-panel ul {
	padding-left:10px;
}
.panel.callout.course-search-widget {
    margin-top: 1em;
    background: #d1d1d1;
    border: 0;
    border: 1px solid #cdc8c0;
    min-height: 175px;
}

@media  (max-width: 900px) {
   .panel.callout.course-search-widget {    
    padding: 15px;
   min-height:auto !important;
  }
}
@media  (max-width: 1600px) {
  .divTableCell a picture img {
   max-width:70px;   
  }

}

@media  (max-width: 960px) {
  .divTableCell a picture img {
   max-width:70px;   
  }
}


/* T4 updates 14/08/2018 */

@media only screen and (min-width: 960px) {
  .contain-to-grid .top-bar {    
    max-width: 62.5rem;    
    margin-left: 10%;
  }
}

@media only screen and (min-width: 960px) and (max-width: 1150px) {
  ul.joe li.has-form {    
    width: 13.5%;      
    padding-left: 0px;    
    padding-right: 0px;
  }
}
@media (min-width: 985px){
    .has-form {
        margin-top: 0.5rem !important;
    }
}
@media only screen and (min-width: 1246px) and (max-width: 1284px) {
  .top-bar-section .has-form {    
    padding: 20px;
  }
}

/* end T4 updates 14/08/2018 */