/*  = Fix Navbar Dropdown =
    | These are the styles used to override the background color of the nav dropdown menu
    | when there are multiple dropdowns within an element.
*/
li.open .dropdown-menu .open > a:hover {
  background-color: #5F9BBC;
}

/*Add custom styles in this file, these styles will apply to all resolutions*/
/*  = For the Header =
    | These are some default overrides from the CSS generated by
    | the bootstrap less file for the header.
*/
#search input[type=submit] {
  background: transparent url("../img/mainsprite.png") no-repeat;
  position: absolute;
  top: 6px;
  right: 9%;
  display: inline-block;
  height: 16px;
  width: 12px;
  cursor: pointer;
  background-position: -251px -141px;
  border: none;
  color: transparent !important;
  z-index: 1;
  border-radius: 0;
}
.navbar-default .navbar-toggle {
  margin-right: 0px;
}

.required-asterisk {
    color: #EB0000;
    font-weight: 700;
}


.text-accessible {
    color: #737373;
}

@media (max-width: 767px) {
  #header-region #toolbar {
    height: 42px;
    top: 0px;
  }
}
#header-region .navbar-brand img {
  position: relative !important;
  width: 428px;
}
@media screen and (min-width: 992px) {
  #utility-bar-region {
    margin-top: 7px;
  }
  #toolbar {
    float: right;
    margin-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  #search input[type=search],
  #search input[type=text] {
    width: 100%;
    padding-right: 5px;
  }
  #search input[type=submit] {
    right: 5%;
  }
}
#search input[type=search],
#search input[type=text] {
  padding-right: 18%;
}
#utility-bar-region {
  position: relative;
  top: 0px;
  left: 0px;
  height: auto;
}
#toolbar {
  height: auto;
  padding-left: 0px;
  padding-right: 0px;
}
#toolbar ul {
  padding-left: 0px;
}
#utility-bar-region #toolbar {
  float: none;
}
@media screen and (min-width: 767px) {
  .no-pad-md {
    padding: 0px !important;
  }

  #header-region .navbar-brand img{
      top: 0px;
  }
}
@media screen and (max-width: 767px) {
  .no-pad-sm {
    padding: 0px !important;
  }
  #header-region #menu .navbar-nav {
    width: 98%;
  }
}
/***************/
/*  = Fix Navbar Dropdown =
    | These are the styles used to override the background color of the nav dropdown menu
    | when there are multiple dropdowns within an element.
*/
li.open .dropdown-menu .open > a:hover {
  background-color: #5F9BBC;
}
/*************/


@media screen and (max-width: 992px) {
    body {
        /* Add Margin Bottom to match Footer Height in SM */
        margin-bottom: 520px;
    }
}

@media screen and (max-width: 768px) {
    body {
        /* Add Margin Bottom to match Footer Height in XS */
        margin-bottom: 710px;
    }
}
/**************/


/*  = Styles for Validators =
    | These are the styles for the validators used in all the forms.
    | The .val class goes on a div container that the validator and label is inside.
    | The .validator class goes on the "CssClass" attribute of a ASP validator.
    | The other two classes are for formatting the validator in the right position.

    commented out the position and size changes for validators, as all that is really needed is color red
*/
.val {
    position: relative;
}

.validator {
    position: absolute;
    top: 0px;
    left: 0px;
    color: red;
    font-size: 24px;
}

.form-horizontal .validator {
    left: inherit;
    right: 0px;
}

@media screen and (max-width: 768px) {
    .form-horizontal .validator {
        right: inherit;
        left: 0px;
    }
}
/**************/


/*  = Full Width =
    | This is a style class that can make any width of an element 100%.
*/
.full-width {
    width: 100%;
}
/**************/

/*  = No Padding =
    | This is a style class that removes all padding on an element.
*/
.no-pad {
    padding: 0px;
}
/**************/

/*  = Radio Button List =
    | This is the class that controls the radio button list when CSSClass="radio".
*/
.radio{
    padding-left: 20px;
    list-style-type: none !important;
}
/* The below piece was moved to the site.master as this .css was not being published out to the internet for some reason*/
.toplist ul {
	list-style-type:none !important;
}

@media(max-width:767px){
	.toplist ul li{
		list-style-type:none !important;
	}
}
@media(min-width:768px){
	.toplist ul li{
		list-style-type:none !important;
	}
}
@media(min-width:992px){
	.toplist ul li{
		list-style-type:none !important;
		display:inline;
        padding-left:10px;
	}
}
@media(min-width:1200px){
	.toplist ul li{
		list-style-type:none !important;
		display:inline;
        padding-left:10px;
	}
}

.pt-0{
    padding-top: 0px;
}

.pt-1{
    padding-top: 4px;
}

.pt-2{
    padding-top: 6px;
}

.pt-3{
    padding-top: 8px;
}

.pt-4{
    padding-top: 10px;
}

.pt-5{
    padding-top: 12px;
}

.pl-0{
    padding-left: 0px;
}

.pl-1{
    padding-left: 4px;
}

.pl-2{
    padding-left: 6px;
}

.pl-3{
    padding-left: 8px;
}

.pl-4{
    padding-left: 10px;
}

.pl-5{
    padding-left: 12px;
}

.pr-0{
    padding-right: 0px;
}

.pr-1{
    padding-right: 4px;
}

.pr-2{
    padding-right: 6px;
}

.pr-3{
    padding-right: 8px;
}

.pr-4{
    padding-right: 10px;
}

.pr-5{
    padding-right: 12px;
}

/* Move down content because we have a fixed navbar that is 50px tall */
/*body {
    padding-top: 50px;
    padding-bottom: 20px;
}*/

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
/*.body-content {
    padding-left: 15px;
    padding-right: 15px;
}*/

/* Set widths on the form inputs since otherwise they're 100% wide */
/*input,
select,
textarea {
    max-width: 280px;
}*/

/* Responsive: Portrait tablets and up */
/*@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}*/
/*Copied from former addchngform.css file*/
/*#content .clear { clear: both; }
#content .noBorder { border: none; }*/
#content .important { color: #903; background-color: transparent; font-weight: bold; font-size: 150%; vertical-align: text-top; margin-right: 2px;}
#content .error { background: #fcc; }

/*#content input.sizeXS, #content select.sizeXS { width: 30px; }
#content  input.sizeS, #content select.sizeS { width: 50px;}
#content  input.sizeM, #content select.sizeM { width: 130px;}
#content input.sizeL, #content select.sizeL { width: 210px;}
#content input.sizeXL, #content select.sizeXL { width: 450px;}
#content textarea { width: 450px;}*/

/*#error { background-color: #fcc; color: #900; border: 2px solid #f00; padding: 2px; margin: 2px 2px 20px 2px; width: 760px;}
#error p { 	font-weight: bold; padding: 0; margin-bottom: 10px; }
#error p img{  vertical-align: middle; 	margin-right: 5px; }
#error ul { padding: 0; margin: 0 0 10px 75px; list-style-type: square; }
#error li { line-height: 15px; }*/

/*#personal fieldset, #old fieldset, #new fieldset, #records fieldset { border: 1px solid #C5E6F9; margin-bottom: 20px; margin: 0 0 10px 0;  }

#personal fieldset, #old fieldset, #new fieldset, #records fieldset  { background-color: #E6F6FF;}

#new fieldset, #old fieldset { height: 375px; }

#new fieldset { margin-left: 10px;}

#personal legend, #old legend, #new legend, #records legend { padding: 5px; margin: 0 0 20px -1px; background: #fff; border: 1px solid #C5E6F9; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px;  }

#personal fieldset p, #old fieldset p, #new fieldset p { margin: 5px 0 10px 5px; float: left; clear: left; line-height: 1em; width: 100% }

#personal fieldset label, #old fieldset label, #new fieldset label {  display: block; float: left;  width: 12em;  margin-right: 1em;  	text-align: left; }

#old fieldset label, #new fieldset label { width: 8em;}

#records fieldset ol, #records fieldset ol li { height: 96%; }
#records fieldset ol li { float: left; clear: left; width: 96%; list-style-type: none; padding: 5px 4px; margin: 0;}
#records fieldset ol li label { float: left;  width: 240px; text-align: left;}
#records fieldset fieldset { border: none; margin: 0 5px; width: 96%; padding: 0; }
#records fieldset fieldset legend { border: 0; background: transparent; margin: 5px 0; padding: 0; }

#records h3 { margin:0; padding: 0; }
#records p { margin: 0 0 0 20px;}
#records p a { font-size: 1.2em; margin-left: 20px; background: transparent;}
#records p a:hover, #records p a:active, #records p a:visited { background: transparent; }*/