@charset "UTF-8";
/* CSS Document */

/*ajax-contact is the form itself*/
#ajax-contact{
	border:1px solid #EEE;
	color:#666;
	font-family:Arial, sans-serif; 
	font-size:110%;
	line-height:1.5em;
	width:450px;
	margin:0px auto;
}
#ajax-contact.has-error{
	border:1px solid rgb(224,45,45);
}
#ajax-contact h4{
	text-align:center;
	font-weight:normal;
	font-size:.9em;
}
#ajax-contact p{
	text-align:center;
}
#ajax-contact a{
	text-decoration:none;
	color:#666;
	font-weight:normal;
}
#ajax-contact ul{
	padding:0px;
}
#ajax-contact legend{
	font-size:.9em;
	color:#666;
}
/*Fieldset Styles*/
#ajax-contact fieldset{
	clear:right;
	margin:30px auto;
	padding:0px 5px 0px 5px;
	border:0px;
}
#ajax-contact fieldset fieldset{
	margin:10px auto;
}
#ajax-contact fieldset.witnessorvictim{
	margin:0px auto;
	margin-top:10px;
	padding:20px 0px 0px 0px;
}
/*Label Styles*/
#ajax-contact label{
	display:block;

}
#ajax-contact span{
	display:block;
	font-size:.8em;
	color:rgba(165,165,165,1.00);
	font-weight:normal;
}
/*Input Styles*/
#ajax-contact input, #ajax-contact textarea{
	border:0; 
	font-size:.9em;
	width:98.5%; 
	color:rgba(88,120,143,1.00);
	border:solid 1px #ccc; 
	padding:10px 0px 10px 5px;
	margin:0px auto;
	-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5); 
	-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5); 
	box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;
}
ul.tagit li{
	margin:6px auto;
}
ul.tagit li input{
	width:100% !important;
	-webkit-border-radiu1s: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;
	border:1px xolid #CCC;
}
ul.tagit li.tagit-choice-editable {
	padding:8px 18px 8px 5px;
}
#ajax-contact input[type="checkbox"]{
	box-shadow:none;
}
#ajax-contact input:focus, #ajax-contact textarea:focus { 
	border:solid 1px rgba(0,153,255,1.00);
}

/*Select dropdown styles, Intertwined with select.js*/
.dropcontainer {
	position: relative;
}
.trigger {
	padding: 10px;
	background: #fff url(../images/select-arrow-open.png) 98% center no-repeat;
	display: block;
	border: 1px solid #EEE;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.trigger:hover {
	background: #f5f5f5 url(../images/select-arrow-open.png) 98% center no-repeat;
}
.activetrigger {
	padding: 10px;
	background: #f5f5f5 url(../images/select-arrow-close.png) 98% center no-repeat;
	display: block;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.activetrigger:hover {
	background: #f5f5f5 url(../images/select-arrow-close.png) 98% center no-repeat;
}
.activetrigger:active {
	background: #f5f5f5 url(../images/select-arrow-close.png) 98% center no-repeat;
}
.dropcontainer ul {
	border: 1px solid #EEE;
	border-top: none;
	background: #333;
	list-style-type: none;
	margin: 0;
	z-index: 100;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.dropcontainer ul li {
	padding:5px 0px 5px 5px;
	color:#EEE;
}
.dropcontainer ul li a{
	color:#EEE !important;
}
.dropcontainer ul li:hover {
	background: rgba(85,130,174,1.00) !important;
	outline: none;
	cursor:pointer;
}
.dropcontainer ul li:first-child {
	display: none;
}
.dropcontainer ul li:last-child {
	border-bottom: none;
}
.dropdownhidden {
	display: none;
}
.dropdownvisible {
	height: auto;
}

/*Checkbox*/
.human-proof{
  margin: 20px auto;
}
.human-proof, .check{
  width: 28px;
  height: 28px;
  position: relative;
  background: #fcfff4;
  background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
}
.check{
 	float:right;
	margin-right:20px;
}
.check legend{
 	float:left;
}
.human-proof label, .check label{
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  left: 4px;
  top: 4px;
  background: -webkit-linear-gradient(top, #222222 0%, #45484d 100%);
  background: linear-gradient(to bottom, #222222 0%, #45484d 100%);
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
}
.human-proof label:after, .check label:after {
  content: '';
  width: 9px;
  height: 5px;
  position: absolute;
  top: 4px;
  left: 4px;
  border: 3px solid #fcfff4;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.human-proof label:hover::after, .check label:hover::after {
  opacity: 0.3;
}
.human-proof input[type=checkbox], .check input[type=checkbox] {
  visibility: hidden;
	-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5); 
	-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5); 
	box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;  
}
.human-proof input[type=checkbox]:checked + label:after, .check input[type=checkbox]:checked + label:after {
  opacity: 1;
}
/* End Checkboxes */

/*Radio Button Styles*/
/*Have to fix some marginal issues*/
#ajax-contact fieldset.radio .split{
	margin:20px auto;
}

#ajax-contact fieldset .split input[type=radio]{
   opacity: 0;
   -moz-opacity: 0;
   -webkit-opacity: 0;
   -o-opacity: 0;
   position:absolute;
}
#ajax-contact fieldset .split input[type=radio] + label{
	position:relative;
	font-size:.9em;
	color:#666;
	padding-left:10px;
}
#ajax-contact fieldset .split input[type=radio]:hover + label:before{
	cursor:pointer;
	background:rgba(35,137,208,.15);
}
#ajax-contact fieldset .split input[type=radio] + label:before{
	content:"";
   display:block;
   position:absolute;
   top:4px;
   right:20px;
    width: 20px;
  	height: 20px;
   background: white;
  	z-index:2;
   background: -webkit-linear-gradient(top, #222222 0%, #45484d 100%);
 	background: linear-gradient(to bottom, #222222 0%, #45484d 100%);
  	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
 
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   -o-border-radius: 8px;
}
#ajax-contact fieldset .split input[type=radio]:checked + label:before{
	 background:rgba(35,137,208,1.00);
}
#ajax-contact fieldset .split input[type=radio] + label:after{
	content:"";
	display:block;
	position:absolute;
	height:28px;
	width:28px;
	top:0px;
	right:16px;
	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  	background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
	position:absolute
}
/*Splittng items in Divs into Columns*/
#ajax-contact fieldset .split{
	width:48.85%;
	/*width:calc(100% / 2);*/
	float:left;
	padding:0px 5px 0px 0px;
	position:relative;
}
#ajax-contact fieldset .split legend{
	float:left;
}
#ajax-contact fieldset .split:last-child{
	padding-right:0px;
	padding-left:5px;
}
#ajax-contact fieldset.split{
	padding-bottom:5px;
	border-bottom:1px solid #EEE;
}
#ajax-contact fieldset.split:last-child{
	padding-left:0px;
		
}
#ajax-contact fieldset .split input{
	width:97%;
	margin:0px auto;
}
/*Error Reporting*/
.has-error input, .has-error textarea{
	border:1px solid rgb(224,45,45);
}
.has-error .error-message{
	font-size:.8em;
	margin:0px auto;
	background:rgb(224,45,45);
	color:rgb(255,255,255);
	border:solid 1px #ccc; 
	-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5); 
	-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5); 
	box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;
	clear:both;
}
.has-error .error-message p{
	padding:5px;
	color:#FFF;
}
.error{
	color:rgb(224,45,45);
}
.shrink{
	font-size:.8em;
}
/*Success Reporting*/
.submit-success{
	background:rgba(3,160,12,1.00);
	color:#FFF;
	clear:both;
	border:solid 1px #ccc; 
	-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5); 
	-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5); 
	box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;
	position:fixed;
	z-index:10;
	bottom:100px;
	left:0px;
	width:100%;
}
.submit-success p{
	padding:50px;
	font-size:.9em;
	color:#FFF;
	text-align:center
}
#success-link{
	color:#000 !important;
	text-decoration:underline !important;
}
#success-link:hover{
	color:#FFF !important;
	text-decoration:none;
}
/*Submission Styles*/
#ajax-contact button{
	border:solid 1px #ccc; 
	padding:15px 30px;
	text-transform:uppercase;
	background:#EEE;
	font-weight:bold;
	color:#333;
	cursor:pointer;
	margin:0px auto;
	display:block;
	text-shadow: 0px -1px 1px rgb(255, 255, 255);
	text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.8);
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;
}
#ajax-contact button:hover, #ajax-contact button:active, #ajax-contact button:focus{
	background:rgba(3,160,12,1.00);
	color:#FFF;
	text-shadow:none;
}

/*Tag It Stles*/
/* CSS Document */
ul.tagit {
	padding: 1px 0px;
	overflow: auto;
	margin-left: inherit; /* usually we don't want the regular ul margins. */
	margin-right: inherit;
	margin:5px auto;
}

ul.tagit li.tagit-choice {
	position: relative;
	line-height: inherit;
}
input.tagit-hidden-field {
	display: none;
}
ul.tagit li.tagit-choice-read-only {
	padding: .2em .5em .2em .5em;
}
ul.tagit li.tagit-choice a.tagit-label {
	cursor: pointer;
	text-decoration: none;
}
ul.tagit li.tagit-choice .tagit-close {
	cursor: pointer;
	position: absolute;
	right: .1em;
	top: 50%;
	margin-top: -8px;
	line-height: 17px;
}
/* used for some custom themes that don't need image icons */
ul.tagit li.tagit-choice .tagit-close .text-icon {
	display: none !important;
}
ul.tagit li.tagit-choice input {
	display: block;
	float: left;
	margin: 2px 5px 2px 0;
}
ul.tagit input[type="text"] {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	margin: 0;
	padding: 0;
	width: inherit;
	background-color: inherit;
	outline: none;
}
ul.ui-widget-content{
	border:0px !important;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 320px) 
and (max-width : 860px) {
	/* Styles */
	#ajax-contact{
		width:95%;
	}
	/*Splittng items in Divs into Columns*/
	#ajax-contact fieldset .split{
		width:100%;
		/*width:calc(100% / 2);*/
		float:none;
		margin:10px auto;
	}
	#ajax-contact fieldset .split:last-child{
		padding-left:0px;
		padding-right:5px;
	}
	#ajax-contact input, #ajax-contact textarea{
		width:97%;
		padding: 18px 0px 18px 5px;
		font-size:1em;
	}
	/*Submission Styles*/
	#ajax-contact button{
		padding:25px 65px;
	}
}