/* Rules for Phone Sizes */

@media only screen 
  and (min-width: 1px) 
  and (max-width: 400px)  {

	html,
	body {
		width: 100% !important;
	}

	.logo {
		max-width: 100%;
	}

	#divNavToolbar {
		margin-top: .5em;
	}

	.welcome-banner {
		gap: 5px !important;
	}

	#CountyBannerFooter {
		padding: 0px;
	}

	/* Header Area */
	/*	div.header div.header-logo {
		position: absolute !important;
		top: 4px !important;
		left: 4px !important;
	}*/
	label.header-brand {
		position: static !important;
		left: inherit !important;
		float: none !important;
		width: 100% !important;
		display: none !important;
	}
	
	div.header  {
    height: inherit !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: left !important;
    width: 100% !important;
	}
	
	div.header div {
		float: none !important;
		width: 100% !important;
    position: inherit !important;
    margin-left: inherit !important;
    z-index: inherit !important;
    text-align: center !important;
	}
	
	ul.navbar-nav {
		display: block !important;
		float: none !important;
		margin: 0 !important;
	}
	
	ul.navbar-nav > li,
	ul.navbar-nav > li > span,
	ul.navbar-nav > li > a {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
		min-height: 25px !important;
		height: inherit !important;
}
	
	div#divTitle {
		text-align: center !important;
		position: absolute !important;
		top: 0 !important;
		padding: 10px 0 !important;
		font-size: 12px !important;
	}
	
	div#divTitle label {
		margin: 0 !important;
		font-size: 12px !important;
	}
	
	.header-reset-button {
    color: gold !important;
    float: none !important;
    margin-left: 0 !important;
    position: inherit !important;
    top: inherit !important;
    left: inherit !important;
    display: block !important;
    width: 100% !important;
	}
	
	.header-help-button {
    color: gold !important;
    float: none !important;
    margin-left: 0 !important;
    position: inherit !important;
    top: inherit !important;
    left: inherit !important;
    display: block !important;
    width: 100% !important;
	}
	
/* Search Fields */

	div.body-content {
		float: left;
		width: 100%;
	}
	
	div.navbar-top {
		float: left;
		width: 100%;
	}
	
	.navbar-collapse {
    border-top: inherit;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
	}
	
	#divSimpleCriteria .panel {
		border: 0 !important;
		box-shadow: inherit !important;
	}
	
	#divSimpleCriteria .form-group {
    max-width: 100% !important;
    width: 100% !important;
    margin-bottom: 10px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #2d4867 !important;
	}
	
	#divSimpleCriteria .form-group input[type="text"],
	#divSimpleCriteria .form-group input[type="password"],
	#divSimpleCriteria .form-group input[type="email"],
	#divSimpleCriteria .form-group input[type="tel"],
	#divSimpleCriteria .form-group input[type="select"],
	#divSimpleCriteria .form-group input.text-long {
		max-width: 100% !important;
		width: 100% !important;
		display: block !important;
		margin: 8px 0 !important;
	}
	
	#divSimpleCriteria .form-group select {
		margin: 8px 0 !important;
	}
	
	
	label#lblLastNameOrganization,
	label#lblFirstName1,
	label.fixed-width-label {
		width: 100% !important;
		max-width: 100% !important;
		font-weight: bold !important;
		font-size: 18px !important;
		color: gold !important;
	}
	
	#divSimpleCriteria button {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-top: 10px !important;
	}
	
	button#btnNameSearch,
	button#btnSummarySearch {
		/*display: none;*/
	}

	button#btnDetailSearch,
	button#btnClearCriteria {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		/*margin-top: 10px !important;*/
	}
	
	div#divCriteriaAccordion {
		margin-bottom: 10px !important;
	}
	
	input#rdoFirst,
	input#rdoSecond {
		margin-left: 15px;
	}
	
	ul.nav-pills {
		display: none !important;
	}
	
	div#lblDisclaimer {
		width: 100% !important;
		text-align: center !important;
		margin-top: 20px !important;
	}
	
	.footer .footer-poweredby,
	.footer .footer-dts {
		padding: 0 !important;
		margin: 0 !important;
		width: 100% !important;
		text-align: center !important;
	}
	
	
/* Detail Search Results */

	div#colSummaryDetailResults {
		padding-left: 10px;
	}

	div#colSummaryDetailResults .panel {
		border: 0 !important;
		border-radius: 0 !important;
		-webkit-box-shadow: inherit !important;
		box-shadow: inherit !important;
	}

	table#gridDetailResults {
		border: 0 !important;
		background-color: #fff !important;
	}

	table#gridDetailResults td {
		border: 0 !important;
		background-color: #fff !important;
	}
	
	table#gridDetailResults tr hr {
		margin-top: 5px !important;
		margin-bottom: 10px !important;
		border-top: 4px solid #416389 !important;
	}

	table.detail-table {
		border: 0 !important;
		background-color: #fff !important;
	}
	
	table.detail-table td {
		padding-left: 10px !important;
		display: block !important;
		width: 100% !important;
		font-size: 13px !important;
		border: 0 !important;
		background-color: #fff !important;
	}
	
	table.detail-table tbody tr:first-of-type {
		display: block !important;
		padding-top: 10px !important;
	}
	
	div#colSummaryDetailResults .navbar-inverse {
		display: none !important;
	}
	
	div#colSummaryDetailResults table.detail-table > tbody > tr > td > a {
		text-decoration: underline !important;
		color: #2e6ea6 !important;
		font-weight: bold;
	}
	
	div#colSummaryDetailResults table.detail-table > tbody > tr > td > a:hover {
		color: #fff !important;
	}
	
	label#lblSearchedFor {
		margin: 15px 0;
	}
	
	label#lblDetailsinfo {
		display: block;
		text-align: center;
		margin-bottom: 10px;
	}
	
	a#lnkDetailsPreviousPage,
	a#lnkDetailsNextPage {
		display: block;
		width: 100%;
		max-width: 100%;
		margin: 5px 0 10px;
		padding: 7px 10px;
		background-color: #c0c0c0;
		border-radius: 5px;
		color: #000 !important;
		text-align: center;
		border: 1px solid #8c8c8c;
	}
	
	a#lnkDetailsPreviousPage:hover,
	a#lnkDetailsNextPage:hover {
		text-decoration: none !important;
		color: #fff !important;
	}
	

}