/* Global Reset for Cross-browsers */
html, body, div, span, table, tr, th, td, p, ul, li, form { margin:0; padding:0; border:0; outline:0; font-size:100%; }
html { min-height:100%; overflow-y:scroll; position:relative; } 
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; border:0; }
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
body { color:black; background:white; }
:focus { outline:0; }




.quicklinks ul { list-style: none; margin: 0; padding: 0; *height: 0; }
.quicklinks li { display: inline; margin: 0; padding: 0; }
.quicklinks a {background-color: #000; color:#FFF;height:1px;left:-1000px;overflow:hidden;position:absolute;text-align:left;top:-100px;width:1px}
.quicklinks a:active, .quicklinks a:focus {background-color:#008ECE;height:auto;left:0;overflow:auto;padding:.5em 1em;text-decoration:none;top:0;width:100%;z-index:2;}
.table-fixedScroll { overflow-x:auto; width:688px; }







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

/*modernizer fix:*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

/*pop up modal: */


/*push it further down:*/
.modal-dialog {
	top:20%;
}

.modal-backdrop {
  opacity:0.8!important; 
  filter: alpha(opacity=80)!important; /*ie8, ie9*/
}

/*
input[type="text"] {
	padding:0!important;
	height:24px!important;
	font-size:1em;
}*/

/*left nav*/
.section-menu {
	font-size:0.75em;
}

#section-menu {
	font-size:0.75em;
	margin-left:-15px; /*compensate for 15px of padding applied to all divs*/
}

/*bottom nav:*/
.bottomNav {
	padding-bottom:40px;/*add padding below nav to push white background to the bottom of the page*/
}



/*tool tips:*/

/* .tooltip * {width:200px!important;}*/
/*increase width of tooltips inside elements with the class="tooltipWidth200" etc */
.tooltipWidth100 .tooltip-inner  {width:100px;}
.tooltipWidth150 .tooltip-inner  {width:150px;}
.tooltipWidth200 .tooltip-inner  {width:200px;}


/*popover*/

/*popovers for history tables:*/
.history .popover {
	width:450px; 	

	}
.history .popover-content {
	width:280px;
	height:auto;
}

/*table-condensed styles are not applying in all popovers, this forces it to apply:*/
.popover-content .table-condensed thead>tr>th, .popover-content .table-condensed tbody>tr>th, .popover-content .table-condensed tfoot>tr>th, .popover-content .table-condensed thead>tr>td, .popover-content .table-condensed tbody>tr>td, .popover-content .table-condensed tfoot>tr>td{padding:5px; font-size:10px}


/*datepicker:*/

/*increase width of date boxes for IE11:*/

.datepicker-days {width:260px!important;}

.datepicker td, .datepicker th {
    width: 36px; /*original width specified in datepicker.css is 20px;*/
}


div.searchFormCol {
	padding-bottom: 2em;
}

#inspDateEndFrom, #inspDateEndTo {
	width: 115px;
}

.moreInfoCol {
	padding-bottom: 1em;
}

/*pagination*/
.paginationPrevious, .paginationNext {
	color:#036;
	font-size:0.75em;
	text-decoration:none;
	padding:10px 15px;
	border:1px solid #ccc;
	/*curved edges/border radius*/
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.paginationPrevious {
	float:left;
	margin-right:20px;
	margin-top:20px;
	/*display:inline-block;
	margin-right:20px;*/
}

.paginationNext {
	float:right;
	margin-right:30px;
	margin-top:20px;
	/*display:inline-block;
	margin-left:-20px;*/
	
}

.paginationPreviousFloated {
	float:left;
	margin-right:20px;
	margin-top:20px;
}

.paginationNextFloated {
	float:right;
	margin-right:30px;
	margin-top:20px;
	
}

/* container for the pagination, contains the floated "previous" and "next" buttons */
.containerPagination {
	margin-left:auto;
	margin-right:auto;
	width:650px;
}


/*remove margin on li in the ul.pagination*/
ul.pagination li {
	margin-left:0;
}

/*push this list item further from the rest*/
.offsetPrevious, ul.pagination li.offsetPrevious {
	margin-right:20px;
}



.step1, .stepsOther {
	width:137px;
}

.lastStep { width:139px;}

.stepsOther, .lastStep {
	margin-left:4px;
}

.step1, .stepsOther, .lastStep {
	padding-top:3px;
	padding-bottom:3px;
	}




/* upcoming steps / steps that have not been visited yet*/
.progress-bar-info {
	background-color:#eee!important; /*was: #4b9fb8;*/
	color:#333;
}

/*new progress bar colors. classes are .completedStep, .currentStep, .futureStep */
.completedStep {
	background-color:#fff!important;	
	color:#1E5F89!important;
	border:2px solid #1E5F89!important;
}	
	/*add checkmark to visited steps*/
.completedStep:before{
	font-family: "Glyphicons Halflings";
	content:"\e013";
	color:#1E5F89!important;
}

.currentStep {
	background-color: #1E5F89; /*this is the same as .progress-bar */
	padding-top:6px;
}

.futureStep {
	background-color: #eee; /*this is the same as .progress-bar-info*/
	padding-top:6px;
}



/* general styles */

.borderTopGrey {border-top:1px solid #e6e6e6;}
.borderBottomGrey {border-bottom:1px solid #e6e6e6;}
.borderLeftGrey {border-left:1px solid #e6e6e6;}
.borderRightGrey {border-right:1px solid #e6e6e6;}

.center {text-align:center;}
.centeredMargins {margin-left:auto; margin-right:auto;}
.alignRight {text-align:right;}
.alignLeft {text-align:left;}
.justify {text-align:justify;}
.positionCenter {margin-left:auto; margin-right:auto;}
.modalColumnContainer {
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	width:80%;
}

/*general positioning classes*/
.bumpDown10 {margin-top:10px!important;}
.bumpDown15 {margin-top:15px!important;}
.bumpDown20 {margin-top:20px!important;}
.bumpDown30 {margin-top:30px!important;}
.bumpDown40 {margin-top:40px!important;}
.bumpUp2 {margin-top:2px!important;}/*this one has a + positive 2px top margin*/
.bumpUp5 {margin-top:-5px!important;}
.bumpUp10 {margin-top:-10px!important;}
.bumpUp20 {margin-top:-20px!important;}
.bumpUp30 {margin-top:-30px!important;}
.bumpUp40 {margin-top:-40px!important;}
.bumpUp50 {margin-top:-50px!important;}
.bumpUp60 {margin-top:-60px!important;}
.pushDown5 {margin-bottom:5px!important;}
.pushDown10 {margin-bottom:10px!important;}
.pushDown20 {margin-bottom:20px!important;}
.pushDown30 {margin-bottom:30px!important;}
.pushLeft15 {-margin-left:15px!important;}
.pushLeft20 {margin-left:20px!important;}
.pushLeft100 {-margin-left:100px!important;}
.pushRight15 {margin-left:15px!important;}
.pushRight35 {margin-left:35px!important;}
.padBottom10 {padding-bottom:10px!important;}
.padBottom20 {padding-bottom:20px!important;}
.padTop10 {padding-top:10px!important;}
.padTop20 {padding-top:20px!important;}
.padRightNone {padding-right:0!important;}
.padNone {padding:0!important;}
.pad4 {padding:4px!important;}
.width200 {width:200px;/*use this for inline form elements*/}
.fontNormal {font-weight:normal;}
.fontBold {font-weight:bold;}  
.removePaddingRight {padding-right:0!important;}
.padding10{padding:10px;}
.padding15{padding:15px;}
.padding20{padding:20px;}
.padding30{padding:30px;}
.padding40{padding:40px;}
.displayNone{display: none;}

.floatLeft{float:left;}
.floatRight{float:right;}

.width100 {width:100px;}
.width150 {width:150px;}
.width200 {width:200px;}
.width250 {width:250px;}
.width300 {width:300px;}
.width350 {width:350px;}
.width400 {width:400px;}
.width450 {width:450px;}
.width500 {width:500px;}
.width550 {width:550px;}

/*only apply this style to Firefox: */
@-moz-document url-prefix() {
    .moz-pushRight35 {
	margin-left:35px;
	}
}

.buttonGreyGradient {
	text-shadow: 0px 1px 0px #FFF;
	background-image: linear-gradient(to bottom, #FFF 0px, #E0E0E0 100%);
	background-repeat: repeat-x;
	border-color: #CCC;
	box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 1px rgba(0, 0, 0, 0.075);
}

/* font and glyph colors */

.modalWarning {
	color:#ac002b;
	font-size:0.75em;
	line-height:1.3em;
}
.red {color:#f00;}
.green {color:#006620;}
.grey {color:#666;}
.greenNormal {
	font-weight:normal;
	color:#006620;
}
.textImportant {color:#006620; font-size:13px; font-weight:bold;}
.blue {color:#1E5F89; }/*standard icon blue*/
.step1Blue {color:#428BCA;} /*darker blue in the progress bar */
em.greyTextNormal {text-decoration:none; color:#666;}

.iconHelp {
	color:#428BCA;
	font-size:1.3em;
	vertical-align:middle;
	background-position:4px 0;
}

.pencilYellow, .glyphicon-pencil {
	color:#e17624;/* was: #e19526;*/
	font-size:1.1em;
	margin:0;
	padding:2px 4px;
}

.glyphicon-pencil-white {
	color:#fff!important;
	font-size:1.1em;
	margin:0;
	padding:2px 4px;
}

/*turn glyphs on buttons white*/
.buttonGlyphWhite {
	color:#fff;
}

.glyphicon-hand-up {
	font-size:1.2em;
}

.deleteX, .glyphicon-remove {
	color:#bc2025;
	font-size:1.1em;
	margin:0;
	padding:2px 4px;
}

.glyphicon-remove-black {color:#333;}
.colorBlack {color:#333!important;}

/*blue calendar, not in a box:*/
.glyphicon-calendar{
	color:#1e5f89;
}



/*sort arrows in table headings*/
.minWidth100 {
	min-width:100px; 
	width: auto !important; 
	width: 100px; 
	white-space: nowrap;
}

.minWidth50 {
	width: 60px;
	white-space: pre-wrap;
	padding-right: 10px;
}


.sortArrowLeft {
	display:inline-block;
}

.sortArrowFloatLeft {
	float:left;
	height:100%;
	margin-top:20%;
}

.sortArrowRight {
display:inline-block;
}

.sortArrowFloatRight {
	float:right;
	height:100%;
	margin-top:-50%;
	margin-left:6px;
}

/*table heading text that goes in between the sort arrows:*/
.thBtwnSortArrows {
	display:inline-block;
	margin:0 auto;
	text-align:center;
}

.narrowColumnBtwnSortArrows {
	width:50px;
	white-space:pre-wrap;
}

 table.headerInlineBlock thead th a {
	/*display:inline-block;*/
}

/*div holding calendar icon next to an input field:*/
.calendarHolder {
	padding:10px 0 3px 0!important;
	text-align:left;
	height:50px;
	margin-top: 10px;
}

.calendarHolder .glyphicon-calendar {
	font-size:1.3em;
}

/* this set of styles only apply to the .glyphicon-calendar when it is a direct child of calendarHolder (so not when it's in a paragraph with the class, "calendarIconBg), or when it's in an anchor (a href) */
.calendarHolder > .glyphicon-calendar, .calendarHolder > a > .glyphicon-calendar {
	margin-left:5px;
	/*margin-top:9px;*/ /* Removing the margin to ensure placement of the icon next to the text box */	
}

.calendarIconBg {
	background-color:#1E5F89;
	/*height:30px;
	width:30px;*/
	width: 36px;
	height:auto;
}

.calendarIconBg .glyphicon-calendar {
	color:#fff;
	font-weight:normal;
	padding:6px;
}


/*welcome page:*/
.greyBox {
	background-color:#f6f6f6;
	border:1px solid #d5d5d5;
	width:100%;
}

/*override original styles*/
h3 {/*
	font-size:32px;
	margin-top:1px;
	line-height: 1.2em;*/
	
	font-size: 22px;
	line-height: 1.1em;
}

.modal-footer {
	text-align:left;
}

ul > li {
	margin-left:4px;
    /* original is  on css_responsive_stylesheet: margin-left: 1.25em; */
}

.progress-bar-info {
	background-color:#4b9fb8;
}

.statusDateCell {
    width: 200px;
}


/* Welcome Page */
.welcomeBox {
	background-color:#F6F6F6;
	border:1px solid #ccc;
	 font-size:0.75em;
	margin-bottom:40px;
	padding:15px;
	width:100%;
}

.welcomeBox p {
	margin-bottom:6px;
}


/* TABLES */

/*force cells to break words that are too long*/
.breakWords {
	word-break: break-all;
	word-wrap:break-word;
	font-weight:normal;
}

.breakWordsWhole {
	word-wrap:break-word;
	font-weight:normal;
}

/*limit width of column*/
.addressCell {
    width: 300px;
}


/* TABLES */

table th {
	font-weight:bold;
}
table tbody td {
	font-weight:normal;
}

/*these cells will NOT wrap:*/
.tableCellNumber {
	width:100px; 
	overflow:auto;
}

table tbody td.dontWrap, table tbody th.dontWrap, .dontWrap  {
  word-break:normal;
} 

/*hide long file names in Firefox in file upload/browse field:*/
input[type="file"] {
	width:99%;
	text-overflow:ellipsis;
}



table.centered th, table.centered td {
	text-align:center;
}

/*change thead th bg from dark grey to white*/
.table-striped thead > th, .table thead th,  .table-striped tr > th {
    background: none repeat scroll 0% 0% rgb(255, 255, 255)!important;
	border-top:1px solid #DDD!important;
	color:rgb(51,51,51);
	font-weight:bold;
}

.table-striped tbody tr th {
	font-weight:normal;
}

.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{
	background-color:#f9f9f9!important; /*this needs to come after  .table-striped tr>th to turn odd stripes grey (since both have !important) */
	}


.tableHolderAuto {
	width:100%;
	padding:0;
}


.tableHolder {
	width:100%;
	padding:0;
	height:180px;
	overflow-y:scroll;
}

.tableHolderShow1Row {
	width:100%;
	height:50px;
	padding:0;
	overflow-y:scroll;
}

.tableHolderShow1Row table, .tableHolder table, .tableHolderShow2Rows table, .tableHolderShow3Rows table, .tableHolderShow4Rows table, .tableHolderShow5Rows table, .tableHolderShow10Rows table  {margin:0;}

.tableHolderShow2Rows {
	width:100%;
	padding:0;
	height:100px;
	overflow-y:scroll;
}

.tableHolderShow3Rows {
	width:100%;
	padding:0;
	height:120px;
	overflow-y:scroll;
}

.tableHolderShow4Rows {
	width:100%;
	padding:0;
	height:140px;
	overflow-y:scroll;
}

.tableHolderShow5Rows {
	width:100%;
	padding:0;
	height:160px;
	overflow-y:scroll;
}

.tableHolderShow10Rows {
	width:100%;
	padding:0;
	height:400px;
	overflow-y:scroll;
}

.tableHolderDropDown {
	width:100%;
	padding:0;
	height:250px;
	overflow-y:scroll;
}


/*use the class "bordered" on tables to give the cells a border */
table.bordered th, table.bordered td {
	border:1px solid #ccc;
}


/* form inputs & labels */

/*labels*/

/*questions in the form (eg. Question 1)*/
.formQuestion {
	font-size:0.75em;
	font-weight:normal;
	margin-top:1.25em;
	margin-bottom:0.8em;
}

.formQuestionSecondParagraph {
	font-size:0.75em;
	font-weight:normal;
	margin-top:-10px;
}

.labelSmallNormal label {
	clear:left; /*the checkboxes are floated left, this clears it for the next label*/
	display:block; /*gives each label its own line*/
	font-size:0.75em;
	font-weight:normal;
	margin-bottom:0.8em;
	margin-left:1px;
	width:85%;
}

/*for Phone Number and other text that appears above form inputs: */
.labelPhoneNumber {
	display:block;
/*	font-size:0.75em;*/
	font-size:12px;
	font-weight:bold;
	margin-bottom:2px;
	margin-top:6px;
}

table label { /*only applies to labels in table cells*/
	font-weight:normal; /*unbold labels when they are inside a table*/
	font-size:1em; /*keep font sizes at 1em (same size as the other text) when they are used in a table */
}

/* these styles only apply to labels that are first descendents of the class form-group or if they're inside a div with the class "smallLabels" inside */
.form-group > label, .smallLabels label, .datepicker label {
	font-size:12px;
	font-weight:600;
	margin-bottom: 2px; /*reduce bottom margin applied in other stylesheet*/
}

.labelSmallNormalFont label {
	font-size:0.75em;
	font-weight:normal;
	margin-right:15px;
}

/*add this to the fieldset, div, or container when you want labels in a normal weight font and the text in input fields to be bold*/
.labelNormalInputBold label {
	font-weight:normal;
	font-size:14px;
}


/*add this to the fieldset, div, or container when you want labels in a normal weight font and the text in input fields to be bold*/
.labelNormalInputBold input {
	color:#333;
	font-weight:bold;
	font-size:14px;
}

/*select labels that come directly after the class yesNoSameLine*/
.yesNoSameLine+label, .yesNoSameLine+label+label {
	width:60px; 
	overflow:visible; 
	text-align:left;
	clear: none; /*this is cancelling out a previous style with clear:left*/
	display: inline;/*this is cancelling out a previous style with display:block*/
	float:left;
}

/*inputs:*/

/* reduce width of select drop down menu to 50%: */
.selectNarrow50 {width:50%;}

/*add this class to the fieldset*/
/*When class="spaceBelowInputs" is added to the fieldset, a bottom margin of 15px is added to each input  */
.spaceBelowInputs input[type="text"], .spaceBelowInputs input[type="password"], .spaceBelowInputs [type="email"], .spaceBelowInputs [type="number"], .spaceBelowInputs select, .spaceBelowInputs textarea {
	margin-bottom:15px; /*15px matches the bottom margin on each "form-group" div*/
}

/* When this class is in the fieldset normally a bottom margin is added to each fieldset. When a paragraph exists below each input, then the paragraph gets a small top margin and 15px bottom margin  */
.spaceBelowInputs input[type="text"] + p, .spaceBelowInputs input[type="password"] + p, .spaceBelowInputs [type="email"] + p, .spaceBelowInputs [type="number"] + p, .spaceBelowInputs select + p, .spaceBelowInputs textarea + p, .spaceBelowInputs input + .msgError, .spaceBelowInputs select + .msgError, .spaceBelowInputs textarea + .msgError, .bumpUpError  
{
	margin-bottom:15px; /*15px matches the bottom margin on each "form-group" div*/
	margin-top:-15px;

}

input.msgError {
	margin-top:0!important;
	}
	
input[type="radio"].msgError, input[type="checkbox"].msgError {
	width:auto;
}	

/*also apply to fieldsets with class labelSmallNormal (used in section 2)*/
label + .msgError {
}

/* this class is for error messages that show a user that they need to enter more info */
.msgError {
	background-color: #F2DEDE;
    border-color: #EED3D7;
    color: #5F2625;
    font-size: 12px; /*was 14px; */
    line-height: 1.4;
    width: 100%;
    font-weight:bold;
}

.labelSmallNormal .msgError {font-weight:bold;}

/* style checkboxes and radio buttons that are inside labels (direct descendents only)*/
label > input[type="radio"], label > input[type="checkbox"] {
    line-height: normal;
	vertical-align: middle;
	margin: 0px;
	float: left;
	margin-right: 4px;
	/*margin-bottom: 2em;*/
}

/*align checkboxes vertically at the top*/
.alignTop {
	vertical-align: top;
	margin-top: 2px;
}

/*Section 1a, Section 1b, etc*/
legend, h4.legend, caption.legend {
	border:none; /*remove border applied in other stylesheets*/
	font-size:18px;
	margin-bottom:2px;
	margin-top:10px;
}

h4.legendNormal, caption.legendNormal {
	font-size:18px;
	font-weight:normal;
	margin-bottom:20px;
}


table caption {
	background:none;
	background-color:#fff;
	border:none;
	text-align:left;
	color:#333;
}

/*shorter input fields with an icon next to them:*/
.inputShorterIcon {
	width:270px!important; 
	margin-right:4px;
}


/*phone number inputs:*/
.areaCode {
	width:50px!important;
	margin-right:5px;
	text-align:center;
}
	/*decrease font of placeholder*/
.areaCode::-webkit-input-placeholder { /* WebKit browsers */
   font-size:9px;
  padding:0!important;

}

.areaCode:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	font-size:9px;
  padding:0!important;

  
   
}
.areaCode::-moz-placeholder { /* Mozilla Firefox 19+ */
	font-size:9px;
  padding:0!important;

   
}
.areaCode:-ms-input-placeholder { /* Internet Explorer 10+ */
	font-size:9px;
  padding:0!important;
 
}

/*make placeholder text for telephone small too to be consistent:*/

.phoneNumber::-webkit-input-placeholder { /* WebKit browsers */
   font-size:9px;
  padding:0!important;

}

.phoneNumber:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	font-size:9px;
  padding:0!important;

  
   
}
.phoneNumber::-moz-placeholder { /* Mozilla Firefox 19+ */
	font-size:9px;
  padding:0!important;

   
}
.phoneNumber:-ms-input-placeholder { /* Internet Explorer 10+ */
	font-size:9px;
  padding:0!important;
 
}


.phoneNumber {
	width:110px!important;
	margin-left: -4px;
	margin-right:5px;
	text-align:center;
}


/*forces inputs inside a "form-inline" div to stay on one line, even when window shrinks*/
.form-inline input {
	display:inline!important;
}

.description {
	font-size:14px;
}

/*ol with letters:*/
ol.la {margin-top:2px;}

ol.la li {
	line-height:1.4em;
	list-style-type:lower-alpha;
}

/*  Typography  */

h2, h3, h4, p, dt, dd, ul, li {
	color:#333;
}

ol.fontSmall65 > li {
	font-size:0.7em;
	line-height:1.3em;
	margin-bottom:1em;
}

/* apply font sizes to first level list items only */
dl > dt, dl > dd, ol > li, .dlFont {
	/*font-size:14px;*/
}

dd dt, dd dd { font-size:1em;}

/* prevent text from overrunning container */
dt, dd, p {word-wrap:break-word;}

dl.notBold > dt, ol.notBold > li {
	font-weight:normal;
}

dl.ddBold > dt {
	font-weight:normal;
}

dl.ddBold > dd {
	font-weight:bold; /*make the first level dd bold under dl with this class*/
}

/* for nested lists, when ul.notBold is inside a bolded dl, make the ul li font-weight:normal */
dl.ddBold > dd ul.notBold > li {
	font-weight:normal; 
}

dl.dlBorderUnderEach  > dt {
	font-weight:normal;
}

/*add a thin grey line under each list item in lists iwth these classes: */
dl.dlBorderUnderEach > dd, ol.borderUnderEach > li, ul.orderUnderEach > li, .borderUnderneath {
	margin-top:5px;
	padding-bottom:10px;
	border-bottom:1px solid #e6e6e6;
}

/*add space below the dd after a dt */
dt + dd {margin-bottom:16px; }



.keepTextOnRight {
    position: relative;
    right: 0px;
    left: 150px;
}

.ie8 .keepTextOnRight {
    left: 160px;
}

.textBelowButton {
    font-size: 12px;
    margin-top: 0px;
    width: 170px;
	color:#333;
}


.textBelowlabel {
	font-size: 12px;
    margin-top: 0px;
	color:#333;
}


.buttonWithText button {
	width:170px;
}

/*override Bootstrap CSS with our styles*/

body, .scroller-container, .scroller, .container-non-responsive, .turnOffResponsiveDesign, .scroller-inner {
	overflow:visible!important; /*remove scroll bars from IE*/
	height: auto!important;/* auto lets the page scroll if content continues below the fold */
}

.scroller {
	width:100%;
	overflow-y:visible; /*remove scroll bars from IE*/
	overflow-x:hidden; /*remove scroll bars from IE*/

}


a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
	color: #FFF;
	background-color: #1E5F89;
	border-color: #1E5F89;
	z-index: 2;
}

.container-non-responsive {
  /* Margin/padding copied from Bootstrap */
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;

  /* Set width to your desired site width */
  width: 1170px;
}

/*font awesome*/
.arrowUp:before {
	font-family: "FontAwesome";
	content: "\f176";
	*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
}

/* FDA Logo
--------------------------------------------- */
.gov-webicon { display: inline-block; background-size: contain !important; background-repeat:no-repeat !important; background-position:center !important; width: 64px; height: 64px; text-indent: -999em; text-align: left; overflow:auto; }
.logo_ndi { display: inline-block; background-size: contain !important; background-repeat:no-repeat !important; background-position:center !important; width: 625px; height: 120px; text-indent: -999em; text-align: left; overflow:auto; }
.no-svg .fda-masthead-left {margin-top:-10px;}
.svg .gov-webicon.hhs.white, .logo_hhs { color: #fff; background: url("../images/gov_hhs_white.png"); }
.no-svg .logo_hhs { color: #fff; background: url("../images/gov_hhs_white.png"); background-position: 10px 10px;}
.svg .gov-webicon.fda.white { color: #fff; background: url("../images/gov-fda-white-svg.svg"); }
.ndi { color: #fff; background: url("../images/sfc-ndi_logo.svg"); background-position: -50px 0; }
.no-svg .ndi { color: #fff; background: url("../images/sfc-ndi_logo.png"); }
/*.no-svg .logo-ndi { color: #fff; background: url("../images/sfc-ndi_logo.png"); }*/
.sfc { color: #fff; background: url("../images/sfc-logo.png"); background-position: -50px 0; }
.no-svg .sfc { color: #fff; background: url("../images/sfc-logo.png"); }
.logo_sfc { display: inline-block; background-size: contain !important; background-repeat:no-repeat !important; background-position:center !important; width: 625px; height: 120px; text-indent: -999em; text-align: left; overflow:auto; }


/* ****************turn off responsiveness:************************** */

/*nina:*/
.turnOffResponsiveDesign {
	width:1200px;
	margin:0 auto;
	
}

	


/*fda:*/
/* css_bootstrap_stylesheet.css */
.visible-xs.visible-md{display:block !important}
tr.visible-xs.visible-md{display:table-row !important} 
th.visible-xs.visible-md,td.visible-xs.visible-md{display:table-cell !important}
.visible-xs.visible-lg{display:block !important}
tr.visible-xs.visible-lg{display:table-row !important} 
th.visible-xs.visible-lg,td.visible-xs.visible-lg{display:table-cell !important}
.visible-sm{display:none !important}
tr.visible-sm{display:none !important}
th.visible-sm,td.visible-sm{display:none !important}
 
.visible-sm.visible-lg{display:block !important}
tr.visible-sm.visible-lg{display:table-row !important} 
th.visible-sm.visible-lg,td.visible-sm.visible-lg{display:table-cell !important}
.visible-md{display:none !important}
tr.visible-md{display:none !important}
th.visible-md,td.visible-md{display:none !important}
 
.visible-md{display:block !important}
tr.visible-md{display:table-row !important}
th.visible-md,td.visible-md{display:table-cell
!important}
.visible-md.visible-lg{display:block !important}
tr.visible-md.visible-lg{display:table-row
!important} 
th.visible-md.visible-lg,td.visible-md.visible-lg{display:table-cell !important}
.visible-lg{display:none !important}
tr.visible-lg{display:none !important}
th.visible-lg,td.visible-lg{display:none !important}
 
.visible-lg.visible-md{display:block !important}
tr.visible-lg.visible-md{display:table-row !important} 
th.visible-lg.visible-md,td.visible-lg.visible-md{display:table-cell !important}
.visible-lg{display:block !important}
tr.visible-lg{display:table-row !important} 
th.visible-lg,td.visible-lg{display:table-cell
!important}
tr.hidden-xs{display:table-row !important}
th.hidden-xs,td.hidden-xs{display:table-cell !important}
 
.hidden-xs.hidden-md{display:none !important}
tr.hidden-xs.hidden-md{display:none !important} 
th.hidden-xs.hidden-md,td.hidden-xs.hidden-md{display:none !important}
.hidden-xs.hidden-lg{display:none !important}
tr.hidden-xs.hidden-lg{display:none !important} 
th.hidden-xs.hidden-lg,td.hidden-xs.hidden-lg{display:none !important}
.hidden-sm{display:block !important}
tr.hidden-sm{display:table-row !important}
th.hidden-sm,td.hidden-sm{display:table-cell !important}
 
.hidden-sm.hidden-lg{display:none !important}
tr.hidden-sm.hidden-lg{display:none !important} th.hidden-sm.hidden-lg,td.hidden-sm.hidden-lg{display:none !important}
.hidden-md{display:block !important}
tr.hidden-md{display:table-row !important}
th.hidden-md,td.hidden-md{display:table-cell !important}
 
.hidden-md{display:none !important}
tr.hidden-md{display:none !important} th.hidden-md,td.hidden-md{display:none !important}
.hidden-md.hidden-lg{display:none !important}
tr.hidden-md.hidden-lg{display:none !important} th.hidden-md.hidden-lg,td.hidden-md.hidden-lg{display:none !important}
.hidden-lg{display:block !important}
tr.hidden-lg{display:table-row !important}
th.hidden-lg,td.hidden-lg{display:table-cell !important}
 
.hidden-lg.hidden-md{display:none !important}
tr.hidden-lg.hidden-md{display:none !important} th.hidden-lg.hidden-md,td.hidden-lg.hidden-md{display:none !important}
.hidden-lg{display:none !important}
tr.hidden-lg{display:none !important} th.hidden-lg,td.hidden-lg{display:none !important}
.visible-print{display:none !important}
tr.visible-print{display:none !important}
th.visible-print,td.visible-print{display:none !important}
 
/* css_responsive_stylesheet.css */
.filter-recalls .form-group {	width: 40%; margin-right: 2%; }
 
.container { width: 1002px; background: #fff; border-left: 1px solid #a2a2a2; border-right: 1px solid #a2a2a2; 	box-shadow:
0 0 20px rgba(0, 0, 0, 0.5); }
 
.hhs-masthead .gov-webicon.hhs.white { float: left; width: 25px; height: 32px; margin-right: 1em; }
.hhs-masthead {	padding: .125em 0 .25em 0;font-size: .625em; }
 
.hhs-masthead span { display: block; padding-top: 1em; }
 
.fda-masthead .gov-webicon.fda.white { width: 108px; height: 46px; margin: 0 0 0 0; }
.fda-masthead-left { margin-top: 2px;/*was: 10px*/ }
.fda-logo { left: 0; }
.fda-name { padding-left: 1.4375em; }
.fda-name h1 { margin: 0 0 0 0; font-size: 1.25em; }
.fda-tagline { margin-top: .3125em; }
.fda-masthead-right { margin-top: .6875em; }
.fda-masthead-links { font-size: .9em; }
.fda-masthead-links .nav-pills { margin: 0 0 0 -1em; }
.fda-masthead-links .nav-pills > li { margin: 0; border-right: 1px solid #fff; }
.fda-masthead-links .nav-pills > li.last { border-right: 0; }
.fda-masthead-links .nav-pills > li > a { padding: 0 1em; }
.fda-masthead-links .nav a:hover, .fda-masthead-links .nav a:focus { background-color: transparent; text-decoration: underline;}
.fda-masthead-search { margin: .625em -15px !important; }
.input-group { margin-right:.5em; margin-bottom:8px; }
.form-control {height: 30px; padding: 5px 7px; font-size:12px; /*was.75em;*/ line-height: 1.5; border-radius: 4px;}
.form-control .form-control, select.form-control option, select option, .form-control option { font-size:12px; }
.placeholderLarger option {font-size:12px;}
.placeholderLarger::-webkit-input-placeholder {
  font-size:12px;
}
.placeholderLarger:-moz-placeholder { /* Firefox 18- */
   font-size:12px;  
}
.placeholderLarger::-moz-placeholder {  /* Firefox 19+ */
   font-size:12px; 
}
.placeholderLarger:-ms-input-placeholder {  
  font-size:12px; 
}

.btn {padding: 5px 10px; font-size: 12px;	line-height: 1.5;border-radius: 4px;}
 
nav.fda-topmenu { width: 1000px; position: relative; top: 0; left: 0; padding: 0; background: transparent; }
.nav-tabs { margin: 0 auto; }
.nav-tabs > li { margin: 0 0 0 .0625em; }
.nav-tabs > li > a { padding: .5em .75em;		background: #deedf9;background: -moz-linear-gradient(bottom, #C2DDF4 25%, #fff
75%);background: -webkit-gradient( linear,	left bottom, left top, color-stop(0.25, #C2DDF4), color-stop(0.75, #fff));background:
-webkit-linear-gradient(bottom, #C2DDF4 25%, #fff 75%);background: -o-linear-gradient(bottom, #C2DDF4 25%, #fff 75%);	background:
-ms-linear-gradient(bottom, #C2DDF4 25%, #fff 75%);background: linear-gradient(bottom, #C2DDF4 25%, #fff 75%);border-radius:
4px 4px 0 0;	border-color: #fff; border-bottom: 1px; font-size: .75em;color: #000;}
.nav-tabs li > a:hover,  .nav-tabs li > a:focus { background: #fff; }
	
.main { padding: 0 .3125em; }
.homepage .alert-dismissable { margin: 0; }
.homepage .tabs-container { margin-bottom: 2em; }
.homepage .regulatory-follow .box { margin-top: 1.5em; }
.homepage .follow-fda a:hover { text-decoration: none; }
.homepage .initiatives-about .box { margin-top: 1.75em; }
.section-title { padding: .5em 0 .125em 0; font-size: 1.25em; }
.section-title h2 { 
/* original:margin: 0; padding: .125em 0; font-size: 1em; font-weight: bold; line-height: 1.35; 
*/
/*new:*/
	padding: 0.125em 0px;
	font-size: 22px;
	font-weight: normal;
	line-height: 1.35;
	margin: 0 0 6px 0;
}
.page-options .nav { float: right; margin-top: 0; }
.page-options li { margin-top: 0; }
.page-options li + li { margin-left: 0; }
.page-options .nav > li > a { padding: .125em .375em; font-size: .875em; }
.crumbs-container { padding: 0 1em; }
.breadcrumb { margin-bottom: 1.75em; padding: .75em 1.25em; border-radius: 4px; }
.left-column { font-size: .75em; }
.section-menu { margin-bottom: 0; }
.box li { font-size: 1.125em; }
.box.resources-for-you { margin-top: 1.75em; }
.right-column { font-size: .75em; }
.contact-us { font-size: 1em; }
.right-column .box { margin: 0; }
.right-column .box + .box { margin-top: 1.75em; }
.div-info { margin-top: 1.25em; }
.middle-column { font-size: .875em; }
.sub-content { margin-top: 2em; }
.left_subtopic, .right_subtopic { font-size: 1em; }
.sub-content .panel-body { font-size: .875em; }	
.sub-content .well { margin: 2em 0; padding: .75em; background: #eee; }
.sub-left-column .box { margin-top: 2em; }
.sub-right-column .box { margin: 0; }
.sub-right-column .box + .box, .middle-column .box + .box { margin-top: 1.5em; }
.sub-left-column .panel-title, .sub-right-column .panel-title { font-size: .875em; }
.panel-title a { text-decoration:none !important; }
.aside-cu { width: 320px; }
.well-section-search .nav-justified > li > a { font-size: .875em; }
.pagetools-bottom { margin: 2em 0 1em 0; }
 
.footer-heading { padding: .75em .125em; background: #10334a; }
.footer-heading .nav > li > a { padding: .75em 1.125em; }
.footer-content { padding: .625em .25em 2.4375em .25em; }
.footer-content address { margin: .875em 0 0 0; padding: 0; }	
.social-links { margin: 1.375em 0 0 0; font-size: 1em; text-align: left; }
.social-links a { padding: 0 .25em; color: #1e5f89; }
.footer-links { margin: 0; padding: 0 .75em; background: transparent; }
.footer-links .nav a { color: #1e5f89; }
.footer-links .nav a:hover, .footer-links .nav a:focus { text-decoration: none; background: #eee; }
 
/* IE 8 Support */
.lt-ie9	.filter-recalls .form-group {	width: 38%; margin-right: 2%; }
.lt-ie9 .clear-filter { margin-top: 1.4375em; }
.lt-ie9 .container { max-width: 970px !important; }
 
.lt-ie9 .hhs-masthead { padding: 0; }
	
.lt-ie9 .fda-masthead { min-height: 110px; margin-bottom: -29px; }
.lt-ie9	.fda-name { margin-top: .1875em; }
.lt-ie9 .fda-tagline { margin-top: .125em; }
.lt-ie9 .fda-masthead-links .nav a:hover, .fda-masthead-links .nav a:focus { background-color: transparent; }
	
.lt-ie9 .fda-topmenu { top: -1px !important; left: 7px; }
.lt-ie9  .nav-tabs { margin-left: 12px; }
.lt-ie9	 .nav-tabs > li > a { background: #deedf9; padding: 7px; font-weight: bold; }
.lt-ie9  .nav a:hover,  .nav a:focus { background: #fff; }
.lt-ie9 .hamburger { display: none; }
.lt-ie10 .hamburger { display: none; }
	
.lt-ie9 .homepage .alert { min-height: inherit; padding-bottom: 15px; }
.lt-ie9 .homepage .alert-dismissable .close { top: -2px; }
.lt-ie9	.well-section-search .nav-justified > li > a { font-size: 11px; }
	
.lt-ie9 .footer-heading .nav a:hover, .lt-ie9 .footer-heading .nav a:focus { background: transparent; text-decoration: underline;}
.lt-ie9 .footer-content .nav a:hover, .lt-ie9 .footer-content .nav a:focus { background: #eee; }
.lt-ie9 .footer-links .nav li { font-size: 11px; }
 
 
/* search.css */
h2.collapse-toggle { font-size: 1em; }
h2.collapse-toggle:after, h3.collapse-toggle:after { content:none !important;}
 
#filters h3 { font-size: .8125em; }
#filters .panel-body { padding: 5px 0 15px 0; }
.well-search, .well-archive { display: block !important; }
.lt-ie8 #refine .btn { width: 185px !important; }
.lt-ie8 .well-search .form-control, .lt-ie8 .well-archive .form-control { float: left; width: 620px !important; }	
.lt-ie8 .well-search .input-group-btn, .lt-ie8 .well-archive .input-group-btn { float: left; }
.lt-ie8 .well-search .btn, .lt-ie8 .well-archive .btn { height: auto !important; }
 
 
 
/* IE fix styles */
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11
{ float: left;}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11,
.col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10,
.col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9,
.col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8,
.col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {min-height: 1px;    padding-left: 15px;padding-right: 15px;position: relative;}
.lt-ie9 .container { width: 1002px !important }
.lt-ie8 .container { width: 972px !important }
.lt-ie8 .left-column { float: left;margin: 0 auto;width: 22%; }
.lt-ie9 .middle-column, .right-column {float: left;margin: 0 auto;width: 75%;}
.lt-ie8 .middle-column, .right-column {float: left;margin: 0 auto;width: 70%;}
.well-search { width:98% }
.breadcrumb li.secondLast, .breadcrumb li {display:inline block !important;}
 
.lt-ie9 .breadcrumb li:after { font-family: "FontAwesome"; content: '\f138'; *zoom:expression( this.runtimeStyle['zoom'] =
'1', this.innerHTML = '?'); position: relative; top: .05em; padding: 0 .25em 0 .5em; color: #999; }
.lt-ie9 .breadcrumb li.last:before, .breadcrumb li.last:after { content:none !important; }
 
 
.lt-ie8 .fda-masthead { padding-top:0.87em; height:125px !important; min-height:125px }
.lt-ie9 .fda-masthead { padding-top:0.87em; height:125px !important; min-height:125px }
.panel-collapse, .collapse { display:block; }
.col-md-10 { width: 70%; }
.col-md-8 { width:60%; clear:none; float:left }
.fda-masthead .nav a {background:none!important;}
.fda-masthead-right { float:right;width: 33.3333%}
.fda-masthead-links .nav-pills { margin: 0 0 0 0.5em; }
.fda-masthead-search { margin: 0.12em 0 !important; background-color:transparent !important; padding:0}
.fda-masthead-search .form-control { float:left; width:260px;}
.lt-ie8 .form-control { height:20px !important }
.col-sm-12 { width: 100%; }
.col-md-3 { width: 25%; float:left }
.breadcrumb {background: none repeat scroll 0 0 #EEEEEE;  float:left; width:100%;}
.lt-ie9 .breadcrumb { width: 99% }
.lt-ie8 .breadcrumb { width: 97% }
.breadcrumb li, .breadcrumb li.last { display:inline-block; float:left; margin-right:1em !important}
.col-md-2 { width: 16.666%;float:left }
.lt-ie9 .footer-heading .col-md-10 {width: 83.33%;float:left}
.lt-ie8 .footer-heading .col-md-10 {width: 75%;float:right;}
footer { text-align: left; font-size:0.75em }
.footer-heading {width: inherit; padding: 1em 0.125em !important; }
.footer-heading .gov-webicon.fda.white {display: block;height: 32px; margin-top: 3px;width: 75px;background:url(http://www.accessdata.fda.gov/scripts/includes/responsive/img/gov-fda-white-footer.png)
no-repeat);} 
.footer-heading ul {float:right; margin:0}
.footer-heading .nav-pills li { float: left; width:auto; margin-left:0; font-size:1em}
.footer-heading .nav-pills li a { display: block; padding: 10px 15px; position: relative;padding: .75em 1.125em; }


.headerTwoPart {
	position:relative; 
	margin-bottom:30px;
}

.headerLeftPart {
display:inline-block width:90px; 
overflow:visible
}


.headerRightPart {
display:inline-block; 
position:absolute; 
left:0; 
margin-left:110px;
}
 
/*hide footer:
footer {
		padding: 0 !important;
	margin: -1px !important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
}*/
 
.nav-tabs li a  { color: #000; }
.social-links { margin: 1.375em 0 0 0; font-size: 1em; text-align: left; background:none; padding-top:0}
.social-links a { padding: 0 .25em; color: #1e5f89; }
.lt-ie8 footer .col-md-3 { width:22% }
.footer-links li { margin-left:0 }
.footer-links ul { margin:0 }
 
 
.no-svg .fda-logo .white.fda.gov-webicon { background: url(http://www.accessdata.fda.gov/scripts/includes/responsive/img/gov-fda-white-header-medium.png)
no-repeat !important; }


/*print css*/
@media print {
	
.hhs-masthead {display:none;}
.fda-masthead {display:none;}	
#myScrollspy {display:none;}	
button {display:none;}
	
.tableHolder, .tableHolderShow2Rows, .tableHolderShow3Rows, .tableHolderShow4Rows, .tableHolderShow5Rows, .tableHolderShow10Rows, .tableHolderDropDown  { height:auto; overflow-y:visible;}

	
} /*close print css*/


/* FIX to display the checkbox and radio buttons in chrome */

input[type="checkbox"]{
-webkit-appearance: checkbox;
}

input[type="radio"]{
-webkit-appearance: radio;
}

input {
-webkit-appearance: inline;
}





/* Below CSS classes are the classes to make the application responsive */

/* Initial Setup */
/* Adjust margin bottom in BODY for sticky footer */
body { background:#fff; color:#333; font-family:'Open Sans', sans-serif; font-size:1em; margin:0 0 100px 0; overflow-x:hidden; width:100%; }
h1 { font-size:22px; }

/* Global Classes */
#drlm { margin:0 auto; } /* Adjust at media query below */
#drlm .btn-group-xs > .btn, .btn-xs { padding:1px 5px; }
.clear { clear:both; }

/* Bootstrap Override */
.container-fluid { padding-left:0; padding-right:0; }
.form-control { height:auto; }
.panel-body input, .panel-body textarea { font-size:11px; }
.input-group-btn button { font-size:11px; }
.checkbox-inline, .radio-inline { font-size:11px; }

/* hhs-masthead Classes*/
.hhs-masthead { background:#323232; color:#fff; font-size:11px; padding:0 5px; width:100%; }
.hhs-masthead a { display:inline-block; color:#fff; padding:5px 0; }
.hhs-masthead ol, .hhs-masthead ul { margin-bottom:0; padding:0; }
.hhs-masthead li { color:#fff; margin:0; padding:0; }
.hhs-masthead .hhs-icon { padding:0; }
.hhs-masthead .hhs-account { padding:0; }
.hhs-masthead .hhs-icon a { background:none; padding-left:0; }
.hhs-masthead .hhs-account li { display:inline-block; }
.hhs-masthead .hhs-account li:first-child { border-right:1px solid #999; margin-right:6px; padding-right:10px; }

/* fda-masthead Classes*/
.container .jumbotron, .container-fluid .jumbotron { border-radius:0; margin:0; padding:20px 0; }
.jumbotron { background:transparent; }
.fda-masthead { background:#10334A; }
.fda-masthead h1, .fda-masthead h2 { color:#fff; cursor:default; margin:0; padding:0; }
.fda-masthead a { color:#fff; text-decoration:none; }
.hhs-masthead li { color:#fff; }
.hhs-masthead-container { margin:5px 0; }
.fda-masthead-logo { border-right:1px solid #fff; float:left; margin:0 0 0 15px; padding:10px 15px 10px 0; text-align:center; }
.fda-masthead-program { float:left; margin:5px 0 0 10px; padding:0; width:70%; }
.fda-masthead-program h1 { font-size:32px; font-weight:bold; 0; padding:0; text-transform:uppercase; }
.fda-masthead-program h2 { font-size:24px; margin:0; padding:0; }

/* fda-masthead Classes*/
.section-title { font-size:16px; margin:15px 0; padding:0; }
.section-title button { margin:0; padding:0; }
.section-title .pull-right { word-spacing:-1ch; }
.section-title .print { display:inline-block; }
.section-title .visible-xs { margin-left:6px; }
.section-title .help { display:inline-block; }

/* Breadcrumb Classes */
.breadcrumb { background:#eee; border-radius:4px; display:table; font-size:11px; margin-bottom:25px; padding:8px 15px; position:relative; width:100%; }
.breadcrumb ol { margin:4px 0 0 10px !important; }
.breadcrumb a { text-decoration:none !important; }
.breadcrumb a:hover { text-decoration:underline !important; }
.breadcrumb > li.active, .breadcrumb > li.active a { color:#333; }
.breadcrumb > li + li::before { color:#999; content:"\f054"; font-family:"FontAwesome", sans-serif; font-size:10px; }

/* Content Classes */
.content { float:left; font-size:12px; padding:0 20px 0 250px; min-height:500px; top:0; width:100%; } /* Adjust min-height for left-nav */
.content a { text-decoration:underline; }
.content a.btn { text-decoration:none; }
.content a.btn-link { text-decoration:underline; }
.content ul { margin:0 0 10px 25px; }
.content p { color:#333; }
.content .text-danger { color:#A94442 }
.content h1 { font-size:20px; font-weight:bold; margin:0 0 15px 0; }
.content h1 a { color:#10334A !important; }
.content h2 { font-size:18px; margin:5px 0 10px 0; }
.content h3 { margin:5px 0 10px 0; }
.content h4 { font-size:20px; font-weight:bold; margin:0 0 15px 0; }
.content h4 a { color:#10334A !important; }
.content .alert-danger { font-size:11px; }

/* Sticky Footer */
.footer { background:#10334a; bottom:0; color:#fff; height:auto; font-size:11px; padding:15px 0; position:absolute; vertical-align:middle; width:100%; } /* Adjust height for sticky footer */
.footer { width:100%\9; }
.footer a { color:#fff; }
.footer ul { margin:0 10px; }
.footer li { display:inline-block; margin-left:0; }
.footer li a { color:#fff; display:block; padding:2px 10px; }

/* Affix Navigation */
.myScrollspy { float:left; margin:0 0 0 15px; position:absolute; width:220px; }
ul.nav-tabs.affix {	top:20px; } /* Set the top position of pinned element */
ul.nav-tabs { border:1px solid #e5e5e5; font-size:12px; width:220px; }
ul.nav-tabs li { border-top:1px solid #e5e5e5; margin:0; }
ul.nav-tabs span.heading { background:#f5f5f5; color:#555; display:inline-block; font-weight:bold; margin:0; padding:8px 5px 8px 15px; width:100%; }
ul.nav-tabs > li > a { border:none; border-radius:0; font-size:12px; }
ul.nav-tabs > li > a:hover { background:#e5e5e5; border:none; text-decoration:underline; }
ul.nav-tabs > li > a:active, ul.nav-tabs > li > a:focus { background:#e5e5e5; }
ul.nav-tabs li:first-child { border-top:none; }
ul.nav-tabs li:last-child { border-bottom:none; }
ul.nav-tabs li a { background:#f5f5f5; color:#555; display:block; margin:0; padding:8px 16px; }
ul.nav-tabs li.active > a, ul.nav-tabs li.active > a:visited { background:#1E5F89; border:none; color:#fff; }
ul.nav-tabs li.active > a:active, ul.nav-tabs li.active > a:hover { border:none; color:#fff; cursor:pointer; text-decoration:none; }
ul.nav-tabs ul { list-style:none; font-size:90%; }
ul.nav-tabs ul li { border:none; }
ul.nav-tabs ul li a { padding:4px 16px 4px 25px; }
ul.nav-tabs ul li:last-child > a { padding:4px 16px 8px 25px; }
ul.nav-tabs ul li a:hover { background:#e5e5e5; text-decoration:underline; }
ul.nav-tabs .subnav { display:none; }
ul.nav-tabs > .active > ul { display:block; }
ul.nav-tabs ul li.active > a, ul.nav-tabs ul li.active > a:visited { background:#1E5F89; color:#fff; text-decoration:none; }
ul.nav-tabs > li:last-child > a { border-radius:0; }

div.nav-tabs { border-bottom:none; position:relative; }
div.nav-tabs > div { position:absolute; top:30px; right:0; }
div.nav-tabs > div a:hover { text-decoration:underline; }
div.nav-tabs a, div.nav-tabs a:active { border:none; border-radius:0; display:block; text-decoration:none; }
div.nav-tabs a:visited, div.nav-tabs a:hover { border:none; color:#337ab7; text-decoration:none;  }
div.nav-tabs a.disabled, div.nav-tabs a.disabled:active { color:#e5e5e5 !important; cursor:not-allowed; text-decoration:none; }
div.nav-tabs a.disabled:visited, div.nav-tabs a.disabled:hover { cursor:not-allowed; text-decoration:none; }
div.nav-tabs li { display:inline-block; float:none; list-style:none; margin-bottom:0; }

/* Bootstrap Override */
.container { background:#fff; color:#333; padding:0; }
.row { margin-right:0; margin-left: 0; }
.btn-group-xs > .btn, .btn-xs { font-size:11px; }
.alert .col-sm-12 { padding-left:0; padding-right:0; }
.list-group-item:first-child { border-top-left-radius:0; border-top-right-radius:0; }

.bg-warning { margin-bottom:30px; padding:10px 10px 5px 10px; }
.panel { margin:15px 0; }
.panel-heading { font-size:14px; }
.panel-heading h2 { margin:0; font-size:14px; font-weight:bold; }
.panel-body { overflow:auto; overflow-x:hidden; }
.panel-body h3 { font-size:14px; margin:0; }
.panel-body ul { margin:0 0 10px 15px; }
.panel-body textarea { resize:vertical; }
.panel-body .inputDisclaimer { color:#999; font-size:11px; }
.panel-body .row { margin-right:-15px; margin-left:-15px; }
.panel .col-sm-3, .panel .col-sm-9, { padding-left:0; }
.modal-title { color:#333; font-size:20px; font-weight:bold; }
.modal-content { word-wrap:break-word; }
.alert { padding:5px 15px; }
.btn-instruction { float:right; text-align:right; }
.btn-instruction a.btn { font-size:12px; }
.alert-info { font-size:12px; margin-top:10px; }
.checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline { float:none; margin-left:0; vertical-align:top; }
.panel-body .checkbox-inline + .checkbox-inline, .panel-body .radio-inline + .radio-inline { margin-left:10px; }
.table > thead > tr > th { vertical-align:top; }
.testSummary th { background:#f5f5f5; font-weight:bold; text-align:center; vertical-align:top; }
.testSummary td.actions { text-align:center; }

.appNav a { margin-right:5px; }
.appNav a:last-child { margin-right:0; }
a.label { font-size:11px; text-decoration:none; padding:6px 10px; }
span.fa { font-size:11px;  }
span.fa-16px { font-size:16px !important; }
span.fa-print, span.fa-question-circle { font-size:16px; }
span.fa-pencil-square-o { font-size:12px; margin:0 5px 0 0; }
span.fa-pencil { font-size:16px; }
span.fa-check { margin:0 3px 0 0; }
span.fap2 { margin:0 0 0 5px; }
span.fa-chevron-left { margin:0 5px 0 0; }
span.fa-chevron-circle-right { font-size:14px; }
span.fa-chevron-right, span.fa-chevron-circle-right { margin:0 0 0 5px; }
span.fa-plus-circle { font-size:14px; margin:0 5px 0 0; }
span.fa-times { font-size:12px; margin:0 5px 0 0; }
span.fa-times-circle { font-size:14px; margin:0 5px 0 0; }
span.fa-angle-double-right { font-size:16px; font-weight:bold; margin:0 0 0 5px; }
.createBtnGroup { margin:0 0 20px 0; }
.createBtnGroup button { border-radius:0; font-size:11px; margin-right:5px; padding:2px 20px; }
.testTips { font-size:11px; display:block; color:#666; font-style:italic; margin-bottom:10px; }

/* Back to top sticky classes */
.back-to-top { background: url('../img/controls/btt.png') no-repeat; bottom:15px; display:none; height:32px; position:fixed; right:10px; width:32px; z-index:99; }
.back-to-top:hover { background: url('../img/controls/btt-hover.png') no-repeat; }

/* Font-Awesome classes */
.fa-2 { font-size:14px !important; font-weight:bold; margin-top:1px; }

p { padding: 0px 0px 10px }
.panel-collapse, .collapse { display:none; }
.accordion-inner a, .accordion-inner a:hover { text-decoration:underline !important; }

.drlm_registerSteps { margin-bottom:20px; }
.drlm_registerSteps div:first-child { padding:0 5px 0 0; }
.drlm_registerSteps div:last-child { padding:0 0 0 5px; }
.drlm_registerSteps span.label { font-size:10px; padding:5px 0; }
span.label a { color:#fff; text-decoration:none; }
.bs-callout { padding:10px; margin:10px 0; border:solid #e5e5e5; border-width:1px 1px 1px 5px; border-radius:3px; }
.bs-callout p { padding:0; }
.bs-callout-info { border-left-color:#1B809E; }
.bs-callout .header { font-size:14px; font-weight:bold; }
.form-group p { padding:0; }
.claimsDelete a:hover { background:#D9534F; color:#fff; }
.deviceSelectAll a:hover { background:#5CB85C; color:#fff; }
.bg-info { padding:10px 15px 5px 15px; margin-bottom:20px; }
.bg-info { font-size:14px; font-weight:bold; border-radius:4px; padding:10px 15px; margin-bottom:20px; }





/* Media */
@media(max-width:600px) {
	#drlm, .footer { margin:0 auto; width:100%; }
	.fda-masthead-logo { width:60px; }
	.fda-masthead-program { margin:7px 0 0 15px; width:70%; }
	.fda-masthead-program h1 { font-size:19px; }
	.fda-masthead-program h2 { font-size:14px; }
	.jumbotron { padding-top:10px; padding-bottom:10px; }
	.myScrollspy { float:left; margin:0 0 20px 0; padding:0 10px; position:relative; width:100%; }
	.content { padding:0 10px; }
	.btn-instruction { width:100%; margin-bottom:10px; }
	.btn-instruction a.btn { width:100%; }
	span.fa-print, span.fa-question-circle { font-size:14px; }
	ul.nav-tabs.affix { position:relative; top:auto; margin:0; }
	ul.nav-tabs { border:1px solid #e5e5e5; font-size:80%; width:100%; }
}
@media(max-width:768px) {
	#drlm, .footer { margin:0 auto; width:100%; }
	#drlm .hidden-xs { display:none !important; }
	.hhs-masthead .hhs-icon a { font-weight:bold; }
	.section-title h1 { margin-top:15px; }
	.section-title a.btn { border:1px solid #ccc; padding:4px 20px; }
	.section-title a.btn:hover { background:#e5e5e5; }
	.section-title .pull-right { word-spacing:normal; }
	.section-title .text-right, .section-title .pull-right { float:left; text-align:left; }
	.section-title .visible-xs { display:inline-block !important; }
	.btn-group-xs > .btn, .btn-xs { font-size:12px; }
	.print .visible-xs, .help .visible-xs { font-size:12px; font-weight:bold; }
	.drlm_registerSteps div:first-child, .drlm_registerSteps div:last-child { margin-bottom:5px; padding:0; }
	.bs-callout .row { margin-bottom:8px; }
	.panel-body .radio-inline + .radio-inline  { margin-left:0; }
		.content ul.pagination { float:left; margin:20px 0; }
}
@media(min-width:768px) {
	#drlm, .footer { margin:0 auto; width:100%; }
	.container { width:100%; }
	.col-sm-9 { padding:0 20px 0 0; }
	.hhs-masthead .hhs-icon a { background:url('../img/gov_hhs_white.png') no-repeat; padding-left:35px; }
	.hhs-masthead .hhs-account { text-align:right; }
	.form-horizontal .control-label { text-align:left; }
}
@media(min-width:992px) {
	#drlm, .footer { margin:0 auto; width:100%; }
	.container { width:100%; }
	.col-md-9 { padding:0 20px 0 0; }
}
@media (min-width:1200px) {
	#drlm, .footer { margin:0 auto; width:100% }
	.container { width:100%; }
	.highlightContain { width:100%; }
	div.nav-tabs { width:100%; }
}













@media(max-width:768px) {

/*Responsive Table*/
table { 
  width: 100%; 
  border-collapse: collapse; 
}
/* Zebra striping */
tr:nth-of-type(odd) { 
  background: #eee; 
}
}

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50% !important; 
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 8px;
		left: 8px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}

}
.openSearchInput{
	height: 30px;padding: 5px 7px; font-size: 12px;line-height: 1.5; border-radius: 4px;
	width: 500px;
}