.navigation ul.menu li {max-width:160px;}

div#block-block-1.block.block-block.block-block-1 {
    padding-top: 10px;}

div#block-block-2.block.block-block.block-block-2 {
    padding-top: 0;}

h2 {margin: 15px 0 10px;}

h2.subpage_title {padding-top:30px;}
h2.subpage_title2 {padding-top:15px;}

h3 {font-weight: bold;}

h3, h4 {
    color: #054785;
    font-size: 1.1em;
}

hr {border-color: #000 -moz-use-text-color -moz-use-text-color;}

.social_media ul {display:block; margin: 0 auto; width:170px; padding-left:0;}

.social_media li {
    float: left;
    margin: 8px 0.5em 0 0;
    text-align: left;
    width: 32px;
    list-style:none;
}

.region-sidebar-second > section:first-of-type {
    border-top: none !important;
}

.wanted {
    float: right; 
    width: 320px; 
    font-family: arial; 
    font-size: 18px; 
    color: black; 
    font-weight: bold; 
    padding: 15px; 
    margin: auto; 
    border: 2px solid #cccccc; 
    text-align: center;
    }
    
.connect_div {
    border-bottom: 3px solid rgb(233, 233, 233);
    padding-bottom: 30px;
}

table.station, table.station_sub, table.commission  { 
		width: 100%; 
		border-collapse: collapse; 
	}
.station_table td {
    background-color: #e9e9e9;
    border: 4px solid #fff;
    padding: 0;
    vertical-align: top;}
    
.station_table h3 {
    background-color: #4d6496;
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    padding:5px;
    margin-top:0;
}
	
/* Zebra striping */
.station tr:nth-of-type(odd), .commission tr:nth-of-type(even) { 
		background: #d0dee7; 
	}
	
.station th, .station2 th, .station_sub th, .commission th, .contactlist th, .ssmedia th { 
		background: #365188; 
		color: white; 
		font-weight: bold; 
	}
.station td, .station th, .station2 td { 
		padding: 6px; 
		border: 1px solid #ccc; 
		text-align: left; 
	}

.ssmedia td { 
		padding: 6px; 
		text-align: left; 
	}
	
.station_sub td {background:#e9e9e9;}

.station_sub td, .station_sub th { 
		padding: 6px; 
		border-right: 5px solid #fff; 
		text-align: left; 
	}
.commission td, .commission th, .contactlist th, .station2 th { 
		text-align: center; 
	}	
.commission th {border-right: #fff 2px solid; border-collapse:separete;}

table.a_zlist th {
    border-top:#4f81bd 1px solid; border-bottom:#4f81bd 1px solid;
    background:#fff; font-weight:bold; text-align:left; padding:12px;}

.contactlist th, .contactlist td, .a_zlist td {padding:10px;}

.bureau_1 {float: left; display: inline-block;}

.bureau_2 {display: inline-block; width: 59%;}


#Title_Screen_breadcrumb_breadcrumb_Screen {display: none;}

/* for mobile */
@media screen and (max-width: 991px){
    /* Hiding the slider - use the ID as the selector, if there is one, or the class
       as long as that class isn't applied to another HTML element - because
       then all those elements will be hidden */

   .container h1 {word-wrap: break-word !important;}
   
   article#node-50 { margin-left:0; width:100%;}
   
   .connect_div {clear:both; border-bottom:none;}
   
   #gsa_homepage_bottom_highlight_title {display:none;}
   
   
   #ctl00_content_Screen .span_1_of_2{
       margin-left: 0;
    }
   #ctl00_content_Screen .span_1_of_2 > h2{
       margin-top: 50px;
       padding-left: 0;
    }
   #ctl00_content_Screen > img:first-child{
       max-width: 300px;
       width: 100% !important;
       float: none !important;
       margin-left: 0px !important;
       position:relative;
       display:block;
       margin:0 auto;
        height:100% !important;
        clear:both;
    }
    [alt="sfpd-patch.gif"] {
       width: 77px !important;
       float:left;
       height:100px !important;
    }  
    
    [alt="SFPD Badge"] {
    display:block;
    margin: 0 auto;}
    
    [alt="district map 8/12/12"], [alt="San Francisco Police Commission Gavel Image sanfranciscopolice.org/commission"],
    [alt="City Wide Map"] {
       max-width: 300px;
       width: 100% !important;
       clear:both;
       height:100% !important;
    }
    
     /* Added styles for Transparency page April 2017 */
    [alt="SFPD Status Chart Recommendations by Objective"], [alt="SFPD Status Chart Recommendations by Status"], [alt="SFPD Status Chart Recommendations Use of Force"], [alt="SFPD Status Chart Recommendations Bias"], [alt="SFPD Status Chart Recommendations Community Policing"], [alt="SFPD Status Chart Recommendations Accountabilty"], [alt="SFPD Status Chart Recommendations Recruitment Hiring Personnel"]  {
       max-width: 300px;
       width: 100% !important;
       float: none !important;
       /* margin-left: 0px !important; */
       position:relative;
       display:block;
       margin:0 auto;
        height:100% !important;
        clear:both;
    }
    
    [alt="SFPD Status Chart Recommendations by Status"], [alt="SFPD Status Chart Recommendations Bias"], [alt="SFPD Status Chart Recommendations Accountabilty"] {
        padding-bottom: 8px;
    }
    
    #ctl00_content_Screen ul {clear:both;}

    .content_wrapper2 .container {
        width:auto;
    }
    #node-887 td, #node-11213 td, #node-8687 td {
        text-align: center;
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
	.station thead tr, .station_sub thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
	.station tr, .station_sub tr { border: 1px solid #ccc; }
		
	.station td, .station_sub td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 30%; 
		}
	.station_sub td { 
			padding-left: 40%; 
		}
		
	.station td:before, .station_sub td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		
		/*
		Label the data
		*/
	.station td:nth-of-type(1):before { content: "District"; }
	.station td:nth-of-type(2):before { content: "Phone"; }
	.station td:nth-of-type(3):before { content: "Address"; }
	.station td:nth-of-type(4):before { content: "Email"; }
	
	.station_sub td:nth-of-type(1):before { content: "Station Directory"; }
	.station_sub td:nth-of-type(2):before { content: "Community Meetings"; }
	.station_sub td:nth-of-type(3):before { content: "Community Updates"; }

    table.a_zlist td {width:45% !important; display:inline-block !important;}
    table.contactlist td, table.ssmedia th, .ssmedia td {width:24% !important; display:inline-block !important;}
    table.ssmedia thead  {background-color:#365188; width:100%; display:block;}

    table.contactlist tr, table.ssmedia tr {border-bottom: 1px solid #e2e3e3;}
    
   table.station2 th {width:100% !important;}
    
    .wanted {clear:both; display:block; margin:auto; float:none;}
    
    #twitter-widget-0 {
       display: none !important;
    }

}