/* ==========================================================================
   Grid  OLD padding-top: 40px;
   ========================================================================== */

.articleListTitle {
    color: #00AEEF;
    font-size: 20px;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
	letter-spacing: 0.025em;
}

.elimnet-grid>div {
	box-sizing:border-box;
	float:left;
	height: inherit!important;
	padding-left:15px;
	padding-right:15px;
	padding-top: 0px;
	width:33.33333333%;
    min-height: 140px!important;
    margin-bottom: 30px;
  
}



.articleListSummary {
   /* height: 90px;*/
    font-size: 15px;
    line-height: 20px;
    overflow: hidden;
}

.date {
    font-size: 14px;
}


@media only screen and (max-width: 1024px) {
.elimnet-grid>div {
	width:50%;
}
}

/* ==========================================================================
   Navigation
   ========================================================================== */

.navbar-nav > li > a {
    z-index: 0;
}

.navbar .navbar-elim img {
	-skrollr-animation-name: shrink-elimlogo;
  margin-left:10px;
}
@-skrollr-keyframes shrink-elimlogo {
	40 {
		max-height: 60px;
	}

	300 {
    padding-top: 10px;  
		max-height: 40px;
	}
}

.netnav .navbar-nav {
    padding-left: 0;
}
.navbar-collapse .navbar-elim {
    display: block;
    padding: 0;
}

/*Shrink Menu items*/
.navbar .dropdown-menu:not(.yamm-dropdown-menu) li a {
    padding: 4px 11px;
}
.hover.open a {
    color: #73879C;
}
li.menu_item.menu_item_level_2.last_item {
    margin-bottom: 0;
}
.icon-down-open:before {
    float: right;
    margin-top: 3px;
    margin-left: 3px;
}
.navbar-nav li a.menu_link {
    border: none;
    padding: 9px 13px;
}
}
  .sub_menu_level_1{
    z-index:2;
  }

@media (max-width: 1024px) {  
	.navbar-header {
		background-color: #283645 !important;
	}
	.navbar-nav > li {
		float: left!important;
		display: block;
		width: 100%;
	}
}
  
@media (min-width: 1025px) {  
  .navbar-collapse {
background-color: #283645 !important;
}
  .navbar-header{display:none;}
}
  

/* ==========================================================================
   Breadcrumbs
   ========================================================================== */

.breadcrumbNET {
    padding: 8px 15px;
    margin-bottom: 10px;
    list-style: none;
    border-radius: 4px;
}

.breadcrumbNET a:-webkit-any-link {
    text-decoration: underline;
    cursor: auto;
}  

/* ==========================================================================
   Search Bar
   ========================================================================== */

input#ctl00_ctl00_cphBody_ctl02_ctl01_searchSite {
    background-color: white;
    color: #504f4f;
}

.elimnet-search input.button {
    width: 15%;
    margin-bottom: 15px;
}


.elimnet-search .search_div input {
  background-color: #fff;}


/* ==========================================================================
   Buttons
   ========================================================================== */
.button {
    display: inline-block;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-right: 17px;
    padding-left: 17px;
    border: 3px solid #31a7de;
    border-radius: 2px;
    background-color: #31a7de;
    -webkit-transition: background-color 500ms ease, border-color 500ms ease, color 500ms ease;
    -o-transition: background-color 500ms ease, border-color 500ms ease, color 500ms ease;
    transition: background-color 500ms ease, border-color 500ms ease, color 500ms ease;
    font-family: Lato, sans-serif;
    color: white;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
  
.button:hover {
  border-color: #383f42;
  background-color: #383f42;
}
.button.outline {
  border-color: white;
  background-color: transparent;
}
.button.outline:hover {
  border-color: white;
  background-color: white;
  color: #31a7de;
}
.button.login {
  margin-top: 0px;
  border-color: rgba(255, 255, 255, 0.2);
  background-color: transparent;
}
.button.login:hover {
  border-color: #31a7de;
  background-color: #31a7de;
}
.button.logout-button-right {
  height: 35px;
  margin-top: 3px;
  margin-right: 0px;
  padding-top: 6px;
  float: right;
  border-color: rgba(86, 102, 110, 0.2);
  background-color: transparent;
  color: #56666e;
  text-transform: none;
}
.button.logout-button-right:hover {
  background-color: #56666e;
  color: white;
}
.button.submit-button {
  width: 100%;
}

/* ==========================================================================
   Latest News/Articles (Sidebar)
   ========================================================================== */

.latestNews div div{margin-bottom: 10px;} 
.latestNews div{border-top: none;} 
.latestNews a {    font-size: 16px;
    line-height: 19px;}

.latestNews .articlerow {margin-bottom: 20px;}


.latestNews td.boxout_header_left, .latestNews td.boxout_header_right {
    display: none;
}

.latestNews td.boxout_header_middle {
    color:rgb(80, 106, 133);
    display:block;
    font-family:Lato, sans-serif;
    font-size:20px;
    font-weight:700;
    height:30px;
    letter-spacing:0.5px;
    line-height:30px;
    margin-block-end:15px;
    margin-block-start:0px;
    margin-bottom:15px;
}

/* ==========================================================================
   Latest News/Articles
   ========================================================================== */
.statusbar {
    margin-top: 5px;
    margin-right: 10px;
}

.greeting_div {
    color: #2f94c6;
    float: left;
    margin-top: 2px;
    margin-right: 16px;
    font-size: 15px;
}

.statusbar a {
    font-size: 12px;
    padding: 0 10px;
    border: 2px solid #31a7de;
    border-color: rgb(0, 100, 138);
    border-radius: 2px;
    background-color: transparent;
    -webkit-transition: background-color 500ms ease,border-color 500ms ease,color 500ms ease;
    -o-transition: background-color 500ms ease,border-color 500ms ease,color 500ms ease;
    transition: background-color 500ms ease,border-color 500ms ease,color 500ms ease;
    font-family: Lato,sans-serif;
    color: #31a7de;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    float: right;
    margin-right: 10px;
}

.statusbar a:hover {
    border-color:#31a7de;
    background-color:#31a7de
}


/* ==========================================================================
   Article Content
   ========================================================================== */

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
}

h1:first-child, h2:first-child {
    margin-top: 0;
}

/* This overides all lists and causes an issue
.netcontent ul li:before, .page_content ul li:before{
    font-family: 'fontello-circle';
    content: '\e800';
    font-size: 8px;
    font-weight: normal;
    color: #3799e4;
    padding-top: 1px;
    margin-left: 0px;
    vertical-align: top;
    position: relative;
    margin-right: 10px;
}*/

.netcontent ul.arrowed li:before{
	content: '\e846';
    font-family: 'fontello';
    font-size: 75%;
}

.directory img {
    float: left;
    margin-right:30px;
    max-width:45%;
}

.directory>div {
    float: left;
    width: 100%;
}

/* ==========================================================================
   Tables & MediaList
   ========================================================================== */
@media screen and (max-width: 767px) {
    .table-responsive {
        border: none;
    }
  
}
  
 .table-responsive .MediaList>table {
    width: 100%;
    border-bottom: 1px solid darkgray;}
.table-responsive .MediaList tbody  {
    width: 100%;
    display: inline-table;}
.table-responsive .MediaList td {
    border-top: none;}

.table-responsive .media_box_cell td:first-child {
    width: 60%;}
.table-responsive .media_box_cell td {
    width: 20%;}
.table-responsive .media_box_cell td:last-child {
    width: 20%;}

.table-responsive table.media_box_cell {
    border-top: 1px solid darkgray;
    padding: 10px;
    display: block;
}

.mediaTitle{font-weight:600}
.mediaDesc{}
.mediaLink{text-align:right;}


/* ==========================================================================
   Bullet point default - blue circle. Needs articlebody to not impact the nav bar, etc
   ========================================================================== */

/*
.ArticleBody ul li:before {
    font-family: 'fontello-circle';
    content: '\e800';
    font-size: 8px;
    font-weight: normal;
    color: #00AEEF;
    padding-top: 1px;
    margin-left: -20px;
    vertical-align: top;
    position: absolute;
}



ul li, ol li {
    margin-bottom: 5px;
}*/



/* ==========================================================================
   Copied from template header...
   ========================================================================== */
 
.upcomingEvents div > div:first-child a{font-weight: bold;color: #3799e4;font-size: 16px;text-decoration: none;} 
  .upcomingEvents div > div{color: #30373a;font-size: 14px;} 
  .upcomingEvents div > div a{color: #30373a;font-size: 14px;text-decoration: none;} 
  .upcomingEvents > div + div{border-top: 1px solid #e4e4e4;} 
  td.smalltext { font-size: 15px; line-height: 22px; } 
  td.smalltext a { font-weight: bold; color: #31a7de; }

/* Popup Login Box */
#DivLoginBox {
    margin-left:-8px;
    margin-top:-50px;
    background-color:#FFF;
    position:fixed!important;
    border-style:outset!important;
    border-width:2px!important;
    border-color:rgba(69,95,107,0.2)!important;
    -webkit-box-shadow:0 0 20px 0 rgba(000,000,000,0.1);
    box-shadow:0 0 20px 0 rgba(000,000,000,0.1);
    
}

@media (min-width: 479px) {
  #DivLoginBox {
  height:270px!important
  }
}

@media only screen and (max-width: 991px) {
#DivLoginBox {
    margin-left:0;
    margin-top:0
}
}

  @media (max-width: 479px) {
    #DivLoginBox {
      top: 0px!important;
      bottom: 0px!important;
      width: 100%!important;
      left: 0px!important;
      z-index: 10000!important;
      height: 100%!important;
    }

    #DivLoginBox div {
      width: 300px;
      margin: auto;
    }
  }