.showMobileI {
	display: none;
}

@media (max-width: 800px) {
  #loginform {
	border: none;
	padding: 0;
	margin: 0 auto;
	width: 98%;
}
  #loginform h3 {
	text-align: center !important;
}
  #loginform .red {
	text-align: center;
}
  #uname {
    width: 70%;
  }
  #pword {
    width: 70%;
  }
  #investigatorform #uname,
  #investigatorform #pword {
	  width:45%;
  }
#head {
		float:none;
}
#header {
	height: auto;
	padding-bottom: 2%;
}
  #head h1, h2 {
	text-align: center;
}
  #head h2 {
    padding-bottom:2%;
  }
  #navigation{
	font-size: 13px;
}
#menu li:hover > ul {display: none;}
#menu li {position: relative;}
.dropdownArrow {
     position: absolute;
     height: 15px;
     width: 15px;
     /*! top: 13px; */
     /*! right: 2px; */
     z-index: 10;
     padding: 5px;
     background: url(images/dropdown-arrow.png) no-repeat top left;
}
.page-width {
	width: 100%;
	margin: 0;
}
  .welcome-msg {
	text-align: center;
}
  #alert {
    width: 92%;
    padding: 0;
    margin: 0 4%;
    text-align: center;
}
.home-box-header {
	color: #eeeeee;
	font-size: 21px;
	font-family: Tahoma, Geneva, sans-serif;
	display: block;
	padding: 15px 15px 15px 0;
}
  .home-box {
    display: block;
    width: 92%;
    margin: 2% 4% 2% 4%;
    text-align: center;
	height: auto;
	min-height: 0;
  }
  #investigations.full {
    width: 92%;
    margin: 2% 4% 2% 4%;
  }
  #main ul.caselist {
	  padding-left: 0;
	  text-align: center;
  }
  #main ul.caselist li {
	  float: none;
	  width: 100%;
  }
  #evidencesearch {
    margin: auto;
    padding: 0;
}
 #footer .copyright {
	text-align: center;
}
  #logoutlink {
  width: 100%
}
  #logoutlink p {
	text-align: center;
	font-size: 14px;
	padding-top: 12px;
}

	.searchoptions {
		width: 96%;
		margin: 2%;
	}
	.searchoptions td {
		border-bottom: none;
	}
	.searchoptions td label {
		margin-left: 2%;
	}
  #main h3 {
	text-align: left;
	margin-left: 4%;
}
  #breadcrumbs {
	margin: 2% 4% 4% 4%;
}
  td, th {
  padding:0;
}
  fieldset {
  padding: 0;
}
  textarea {
    padding: 5px;
    width: 54%;
  }
    .detailstable td {
    padding: 2% 0;
    font-size: 12px;
    width: 5%;
}
  .detailstable td a{
    padding-right:5px;
    /*! padding-left: 5px; */
  }
  .admin-box {
	float: left;
	width: 80%;
  text-align: center;
  margin: 0 10%;
}
  .admin-box.first {
	clear: left;
	margin-right: 0;
}
 .admin li {
	padding-bottom: 20px;
}
.administration {
	text-align: center !important;
	margin: 0 !important;
}
  #headersearch {
	float: none;
	margin: auto;
	width: 318px;
}
fieldset {
    width: 90%;
    margin: 2% 4%;
}
form td, form th {
	display: inline;
}
form td label {
	float: left;
	clear: left;
	width: 30%;
  font-size: 12px;
  padding-left: 2%;
}
form td select, 
form td input[type="text"] { 
	float: left;
	max-width: 55%;
} 
   #cal1 {
	float: left;
	padding-left: 31px;
}
  #cal2 {
	float: left;
	padding-left: 31px;
}
  #cal3 {
	float: left;
}
  #cal4 {
	float: left;
	padding-left: 15px;
}
  .button.small {
	float: left;
	margin-left: 2%;
  font-size: 10px!important;
  }
  #insphone1 {
	margin-right: 5px;
	width: 10%;
}
  #insphone2 {
	margin-right: 5px;
	width: 10%;
}
  #insphone3 {
	margin-right: 5px;
  
	width: 10%;
}
  #insphone4 {
	max-width: 35%;
}
  #locstate {
    margin-left: 30%
  }
  #startdate2 {
    margin-right: 15px;
  }
  
	
	.evidenceCheckbox {
		clear: left;
		display: block;
	}
}

@media (max-width: 650px) {
	body {
		font-size: 1.2em;
	}
	#headersearch .s, #evidencesearch .s {
		font-size: 1em;
	}
	#headersearch label {
		font-size: 1em;
	}
	#navigation li {
		display: block;
		float: none;
		text-align: center;
		padding: 15px 0;
		position: relative;
		font-size: 1.4em;
	}
	#navigation .menu.level2 a {
		font-size: 0.7em;
	}
	#navigation {
		height: auto;
	}
	#navigation li {
		border-bottom: 1px solid white;
		/*! height: auto; */
	}
	#main {
		padding: 2%;
	}
	
	#loginform {
		padding: 2%;
		width: 96%;
	}
	#loginform label {
		width: 25%;
	}
	#loginform #uname,
	#loginform #pword {
		width: 65%;
	}
.dropdownArrow {
	position: absolute;
	height: 15px;
	width: 45px;
	top: 13px;
	right: 8%;
	z-index: 10;
	/*! padding: 5px; */
	background: url(images/dropdown-arrow.png) no-repeat top left;
	background-position: center;
}
  #navigation .menu.level2 {
	position: relative;
	z-index: 500;
	background: none;
  top: 5%;
	left: 0;
	/*! margin-top: 16px; */
	padding: 15px 0 0 0;
	border: none;
	border-top: 0;
	width: 100%;
	margin: auto;
}

 #navigation .menu.level2 li {
  border: none;
	width: 100%;
	padding: 0;
  border-bottom: 0px solid white;
  border-top: 1px solid white;
}
  #navigation .menu.level2 a {
	padding: 12px 0;
	display: block;
	width: 100%;
	margin: auto;
  color: white!important;;
  
}
	.linkbutton, .linkbutton:link, .linkbutton:visited {
		float: none;
		width: 90%;
		margin: 2% 4% 5% 4%;
		padding: 2% 1%;
	}
	.searchoptions {
		width: 96%;
		margin: 0 2%;
	}
	.searchoptions td {
		padding: 2%;
	}
	.soheader {
		margin: 0 0 2% 0;
		display: block;
	}
	form .evidencesearch {
		padding-top: 3%;
	}
	
	form td label, form td select, form td input[type="text"], textarea {
		font-size: 1em;
	}
	form td label {
		display: block;
		padding: 0 2% 2% 2%;
	}
	
	fieldset {
		width: 90%;
		margin: 2% 4%;
	}
	form td select, 
	form td input[type="text"],
	form td input[type="password"] { 
		float: left;
		width: 45%;
	} 
	
	.home-box p {
		padding: 3%;
	}
	.home-box #evidencesearch {
		margin: 3% auto;
	}
	
	.evidencesearch #loccity {
		width: 35%;
	}
	.evidencesearch #locstate {
		width: 12%;
		margin-left: 1%;
	}
	
	#compname {
		width:45%!important;
	}
	#insphone4 {
		width: 8%;
	}
	input.button {
		font-size: 1.2em;
	}
	input.button.small {
		font-size: 0.8em!important;
	}
	.red {
		width: 92%;
		margin: 1% 4%;
	}
	
	
	p.full {
		width: 90%;
		margin: 2% 4%;
	}
	.showMobileI {
		display: inline;
	}
	.detailstable {
		max-width: 92%;
		margin: 2% 4%;
	}
	.detailstable tr {
		display: block;
		padding: 2%;
	}
	.detailstable tr.detailstableheader {
		display: none;
	}
	.detailstable .even td {
		background: none;
	}
	.detailstable .even {
		background: #eeeeee;
	}
	.detailstable td {
		display: block;
		font-size: 1.1rem;
		width: 100%;
		padding: 0;
		margin-bottom: 0.6rem;
		text-align: left;
	}
	.detailstable td.detailsCaseNumber {
		font-weight: bold;
		font-size: 1.3rem;
		margin-bottom: 1.1rem;
	}
	.detailstable td.detailsActions {
		display: inline;
	}
	
	.detailstable .showMobileI {
		font-weight: bold;
	}
	
	.add-box, .add-box.top {
		width: 92%;
		margin: 1% 4%;
		padding: 2% 0;
	}
	.add-box .button.small {
		float: none;
		font-size: 1.2rem!important;
		display: block;
		padding: 2%;
		margin: 2% auto;
		clear: left;
	}
	
	.add-box .boxField {
		display: block;
		clear: left;
	}
	.add-box .boxFieldName {
		display: block;
		float: left;
		width: 50%;
	}
	.add-box .boxField input[type="text"],
	.add-box .boxField input[type="password"],
	.add-box .boxField select {
		max-width: 45%;
	}
	
	#breadcrumbs {
		font-size: 1rem;
	}
	
	.detailstable .pager {
		padding-top: 3%;
		line-height: 2rem;
		text-align: center;
	}
	.detailstable .pager a, .detailstable .pager strong {
		padding: 5px 10px 5px 10px;
	}
	
	.searchoptions td.center {
		width: 96%;
		display: block;
	}
	
	.button.small.same-width {
		margin: 2% auto;
		padding: 1%;
		width: 94%;
		float: none;
		word-wrap: break-word;
	}
	
	.viewtable td {
		float: left;
		clear: left;
		width: 45%;
		display: block;
		word-wrap: break-word;
		padding: 2%;
	}
	.viewtable td.value {
		clear: none;
		width: 45%;
	}
	.viewtable .linkbutton {
		text-align: center;
	}
	.viewtable td.full {
		width: 100%;
	}
	
	#evidence #loccity {
		width: 25%;
	}
	#evidence #locstate {
		width: 10%;
		margin-left: 1%;
	}
	
	#cal1, #cal2 {
		padding-left: 1%;
	}
	
	#main h3,
	#main h4,
	#main h5 {
		margin: 3% 4% 2% 4%;
	}
	
	fieldset legend {
		padding: 2% 1% 3% 1%;
	}
	
	#alert {
		padding: 2%;
		width: 88%;
		margin: 2% 4%;
	}
	
	#footer .copyright {
		font-size: 1.1em;
		padding: 2%;
		width: 96%;
	}
	
	.hideMobile {
		display: none!important;
	}
	
}

@media (max-width: 450px) {
	form td label {
		float: left;
		clear: left;
		width: 25%;
		font-size: 0.8em;
	  
	}
	  #descr {
		width: 20%;
	}
	  #inscompany {
		width: 80%;
	}

	form td select, 
	form td input[type="text"], 
	form td input[type="password"] { 
		float: left;
		width: 45%;
	} 
	#compname {
		width: 45%!important;
	}
	#insphone4 {
		width: 8%;
	}
	em {
		font-size: 0.8em;
	}
	input.button.small {
		font-size: 0.7em!important;
	}
	#evidence #loccity {
		width: 45%;
	}
	#evidence #locstate {
		width: 15%;
	}
}