/* More Expander */

.toggle-wrapper { margin: 0 0 5px; }
   
.more.toggle { 
    cursor: pointer;
    display: inline;  
    font-size: 1em;
    color: #166e9b;
    line-height: 1;
    padding: 0 10px 0 37px;
    }
      
      
.toggle:hover,
.toggle.selected,
.toggle.selected:hover { color: #224b89 !important;  }   

.more.toggle:before,
.more.toggle:hover:before,
.more.toggle:active:before {
    content: 'MORE'; 
    color: #166e9b;
    font-size: 1em;
    line-height: 1;
    background: none;
    background: transparent;
    }

.more.toggle.selected:before { 
    content: 'LESS'; 
    color: #166e9b;
    }

.more.toggle:after {
    background: url('/ash/oah/images/more-toggle.png') no-repeat right 6px; 
    width: 22px;
    height: 21px;
    display: block;
    content:" "; 
    font-size: 22px;
    line-height: 19px;
    font-weight: 300;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    transition:         background-color .3s ease-in-out;    
    -webkit-transition: background-color .3s ease-in-out;  
    -moz-transition:    background-color .3s ease-in-out;  
    -o-transition:      background-color .3s ease-in-out;  
    -ms-transition:     background-color .3s ease-in-out; 
    }

.more.toggle.selected:after { background-position: right -56px !important; }

.more.toggled { padding: 0 0 2em 0; }

  

/* Program Listing */

.centered-title {
    font-size: 1.2em;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 2em;
    }

.ebp .clearfix  { margin-bottom: 1.5em; }

.ebp .col3 {
    display: block;
    width: 32%;
    margin-right: 2%;
    float: left;
    }
    
.ebp .clearfix .col3:last-child { margin-right: 0%; }

.ebp .col3 h3 {
    text-align: center;
    font-size: 1.1em;
    font-style: bold;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: .25em;
    }
    
.ebp .col3 ul {
    padding-left: 1.2em;
    font-size: .85em;
    line-height: 1.1;
    margin: 0;
    }
    
.ebp .col3 li {
    padding-bottom: .75em;
    }
    
    

/* Boxes */

.ebp .table {
    display: table;
    }

.ebp .cell {
    display: table-cell;
    background: #193661;
    padding: 1em;
    -moz-box-sizing:    border-box; 
    -webkit-box-sizing: border-box;
    box-sizing:         border-box;
    width: 32%;
    color: white;
    -moz-border-radius:     5px;
    -webkit-border-radius:  5px;
    border-radius:          5px;  
    transition:         background-color .3s ease-in-out;    
    -webkit-transition: background-color .3s ease-in-out;  
    -moz-transition:    background-color .3s ease-in-out;  
    -o-transition:      background-color .3s ease-in-out;  
    -ms-transition:     background-color .3s ease-in-out; 
    }
    
.ebp .cell:first-child  { background: #a74083; }
.ebp .cell:last-child   { background: #ee990c; }    

.ebp .cell:hover              { background: #0c2242; }
.ebp .cell:first-child:hover  { background: #7e255f; }
.ebp .cell:last-child:hover   { background: #d88803; }  
    
.ebp .cell-divider {
    display: table-cell;
    width: 2%;
    }   
    
.ebp .cell a {
    color: white;
    height: 100%;
    width: 100%;
    }

.ebp .cell p { line-height: 1.1; }

.ebp .cell p:last-child { margin: 0; }

.ebp .cell form { 
    margin-bottom: .75em; 
    width: 100%;
    }

.ebp .cell form:last-child { margin-bottom: 0; }

.ebp .cell form label { 
    font-size: .8em;
    font-weight: bold;
    }

.ebp .cell input,
.ebp .cell select {
    font-size: 1em;
    color: #5c5c5c;
    background-color: #fff;
    border-color: #949fb0;
    border-radius: 0.286em;
    border-style: solid;
    box-shadow: 1px 1px 2px 1px rgba(211, 217, 224, 0.5) inset;
    padding: .5em; 
    height: auto;
    }
    
.ebp .cell input { width: 75%; }
    
.ebp .cell select { width: 100%; }
    
.ebp .cell input,
.ebp .cell button {
    display: inline-block;
    }