/* SAS.css
 * Seattle Animal Shelter site only
 * ===================================
 * =================================== */

/* COMMON CSS FOR ALL LAYOUTS */

.even {
    background-color: #EEE;
}

/* Hide Mailing Address and footer links in Footer */
#deptFooterContact #addressMailing {
	display:none;
}
#deptFooterLinks {
	display:none;	
}

/*Accordion Styling*/
.accordion-list-link {
	padding:15px 0px 10px;
}

#button a {
	display: block;
	width:160px; 
	height:70px; 
	text-align:center; 
	margin-left:25px;
	background: url(/assets/Images/AnimalShelter/button.gif) no-repeat;  
	padding:20px 0px 0px;
	text-decoration:none;
	font-size:24px;
	color:#FFF;
	margin-top:0;
	font-family: 'LeagueGothicRegular';
}
#button a:hover {
	background: url(/assets/Images/AnimalShelter/button-over.gif) no-repeat;  
	color:#418a28;
}

a.logo, button.logo  {
	font-family: "LeagueGothicRegular",Arial,sans-serif;
	font-size: 180%;
	font-weight:normal;
	line-height:1;
}

input.cmdContinue {
    background-color: #418A28;
    height: 40px;
    width: 95px;
    color: #fff;
    font-weight: bold;
    margin-top: 10px;
    font-size: 14px;
}
input.cmdContinue:hover {
    background-color: #96D876;
}
/* Header Customizations */	

#deptTopNav ul li.deptTopNavItem8 {
	width: 12%;
	text-align: center;
}
#deptTopNav ul li.deptTopNavItem8:last-child {
	width:16%;
}	
	
/* Footer Customizations */	

#deptFooter {
	background-color: #006fb5;
	color:#fff;  
	
}
#deptFooterTitle {
    padding-left: 0px;
}
#deptFooterLogo {
	float:none;
	padding:0;
	margin:0;
	padding-top:3px;
	padding-bottom:6px;
	padding-left: 3px;
}
.h3deptFooterTitle {
    height: 0;
    visibility: hidden;
}
#deptFooterTitle #addressStreet {
	font-weight:bold;
	padding-left: 3px;
}
#deptFooterTitle #deptPhoneNumbers {
	font-weight:bold;
	padding-left: 3px;
}
 #deptFooter a, #deptFooter a:visited, #deptFooter a:hover, #deptFooter a:active {
	color: #fff;
} 
#deptFooterText {
	background-color: #006fb5;
} 


/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
/* Phone only */
@media (max-width: 767px) {
	/* Button styling */

}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	/*    #deptTopNav ul li a, #deptTopNav ul li a:visited {
        padding: 6px 8px 0px;
    }
*/		
	/* Button styling */

    #button a {
        margin-left: 0px;
    }
    #deptInfo .tagline, #deptInfo .director {
      font-size: 1em;
    }

}

/* Medium devices (tablet, 768px to 992px) */
@media (min-width: 768px) and (max-width: 991px) {

	/* Button styling */
	
	#deptTopNav {
		height:50px;
	}
	
	#deptTopNav ul li.deptTopNavItem8 a, #deptTopNav ul li.deptTopNavItem8 a:visited {
		height: 49px;	
		padding: 6px 8px 15px;
	}

}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* Large devices (desktops, 992px to 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}


/* Print only */
@media print {
}

/* makes center column expand full width*/

  #mainColMain.col-md-8 table, #mainColMain.col-md-8 .MapComponent, #mainColMain.col-md-8 .form-group, #mainColMain .col-md-8 div.well, #mainColMain .col-md-8 table, #mainColMain .col-md-8 hr, .ui-accordion-content, .feedContainer, #mainColMain h1, #mainColMain h2, #mainColMain h3, #mainColMain h4, #mainColMain hr, #mainColMain a, #mainColMain span, #mainColMain p, #mainColMain ul, #mainColMain ol, #mainColMain dl, #mainColMain dt, #mainColMain dd, #mainColMain .jumbotron, #mainColMain .panel, #mainColMain .lead {
    max-width: 100%;
}

/* Make ul bullets show in tabs */
#mainColMain .padTop.MainColumnTabListComponent .ui-tabs-panel.ui-widget-content ul li { list-style: square !important;
}

#x1916 button {
    text-align: left;
    max-width: 90%;
}
#x1548 button {
    text-align: left;
    max-width: 90%;
}
#x1583 button {
    text-align: left;
    max-width: 90%;
}