/* NPSAS, BPS, and B&B CSS*/

.clear { clear: both; }

#copy {
    width: 100% !important;
    float: unset !important;
}

#copy ol {
	margin: 0 0 0 25px;
	padding: 0;
}

#copy .indexBlock 
{
    margin: 0 0 10px 0;
}

#copy .indexBlock.half 
{
    width: 100%;
}

    #copy .indexBlock img { border-bottom: 1px solid; }
		#copy .indexBlock * * img { border: 0; }
    
		#copy .indexBlock.brown * { border-color: #623606;}
		#copy .indexBlock.brown ul {  background: #f6eadd; }
		#copy .indexBlock.brown .indexBlockTitle { background: #623606; }
    #copy .indexBlock.brown .indexBlockContent { background: #f6eadd; }
	
    #copy .indexBlock.bb * { border-color: #0055c0; }
    #copy .indexBlock.bb .indexBlockTitle { background: #0055c0; }
    #copy .indexBlock.bb .indexBlockContent { background: #eef; }
    
    #copy .indexBlock.bps * { border-color: #2b2; }
    #copy .indexBlock.bps .indexBlockTitle { background: #2b2; }
    #copy .indexBlock.bps .indexBlockContent { background: #efe; }
    
    #copy .indexBlock.npsas * { border-color: #006F71; }
    #copy .indexBlock.npsas .indexBlockTitle { background: #006F71; }
    #copy .indexBlock.npsas .indexBlockContent { background: #f6fbfc; }
		#copy .indexBlock.npsas a:hover{ color: #006F71; }
	
		#copy .indexBlock.whatsNew * { border-color: #f8702d; }
    #copy .indexBlock.whatsNew  .indexBlockTitle { background: #f8702d; }
    #copy .indexBlock.whatsNew  .indexBlockContent { background: #fff5f0; }
    
    
    
    #copy .indexBlockTitle 
    {
        margin: 0 5px;
        padding: 5px;
        color: #fff;
    }
	
	#copy .indexBlockTitle.wImage {
		padding-left: 21px;
	}
	#copy .indexBlockTitle.wImage img { 
		position: absolute; 
		margin-left: -18px;
	}

    #copy .indexBlockContent
    {  
        border: 1px solid;
        margin: 0 5px;
        padding: 0;
    }
    /*#copy .half .indexBlockContent { height: 330px; min-height: 310px; }*/
    
    #copy .indexBlockContent ul, #copy .indexBlockContent ol 
	{
        padding: 0;
        margin: 5px 0 0 20px;
		background: none;
    }
	
	#copy .indexBlockContent li {
		margin-bottom: 15px;
		padding-left: 0px;
	}
	
	#copy .half .indexBlockContent  li {
		margin-bottom: 5px;
	}
	
    #copy .indexBlockContent p
	{
        padding: 0 10px;
        font-size: .95em;
    }

.carousel-inner {
    height: 180px !important;
    background: url(../images/qna.jpg) no-repeat top;
}



.carousel-caption a, .carousel-caption span {
    color: #fff !important;
    
}

.carousel-control-next {
    right: 2%;
    bottom: 40%;
    position: absolute;
    color: #fff !important;
    font-size: 2em;
}

.carousel-control-next a {
    color: #fff !important;
}

#copy a.datalabMore 
{
    width: 76px;
    height: 18px;
    padding: 2px;
   /* position: absolute;
    margin: 202px 0 0 205px;*/
	margin-right: 20px;
	margin-top: 10px;
	float: right;
    background: url(../images/learn-more.gif) no-repeat;
    text-align: center;
    color: #eef;
    font-weight: bold;
    text-decoration: none;
}

#copy a.datalabMore:hover 
{
    color: #fff;
}

.pubRelatedStudies 
{
    margin-top: 10px;  
    border: solid #6e91af;
    border-width: 1px 0;
    background: #e7f3ff;
    padding: 0;
}

#MenuLeft .pubRelatedStudies h3 
{
    padding: 3px;
    color: #084782;
}

.pubRelatedStudies a.relatedStudy
{    
    display: block;
    height: 56px;
    padding: 0 0px 0 65px;
		margin: 4px 0;
    margin-right: 0;
    font-weight: bold;
		font-size: .95em;
		line-height: 1.05em;
		text-decoration: none;
    
}

    .pubRelatedStudies a.relatedStudy img
    {
        position: absolute;
        margin-left: -60px;
        margin-top: -4px;
        border: 1px solid #084782;
    }

	/* Tables list CSS */
		
		 #container ul {
	      font-size: 1em;
	      margin: 0 0 0 0; /* Removes browser default margins applied to the lists. */
	      padding:0; /* Removes browser default padding applied to the lists. */
	    }
        
			#container ul ul {
					margin: 0;
					padding: 5px 0;
					display: none;
			}
        
	    #container ul li{
	      margin: 2px 0 2px 0px; 
	      padding: 1px 0; 
	      list-style-type:none; 
	    }

	    #container ul .symbols{ /* Various styles to position the symbols next to the items in the menu. */
	      float: left;
	      width: 20px;
	      height:15px;
	      background-position: center center;
	      background-repeat:no-repeat;
	      margin: 0;
	      padding: 0;
	    }
	    	    
	    #container ul .togglespan{
	      font-size:xx-small;
	    }

	    .mainsection {
	      padding: 2px;
	    }
		
/* CSS for QuickStats Disclaimer */
#usage_agreement {
	width:460px; 
	color:#333333; 
	background-color:#ffffff; 
	border:#2f4e8e 1px solid; 
	padding:20px; 
	position:absolute; 
	z-index:900;
	margin-top: -500px;
}

#usage_agreement a{
	text-decoration:underline;
}

#idc_grayoutcover {
	display:none;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index :500;
	background:white;
	filter:alpha(Opacity=75);
	opacity:0.5;
	-moz-opacity:0.5;
	-khtml-opacity:0.5
}

.MainContent a, .MainContent a:visited {
    text-decoration: underline;
    color: #1E7C44 !important;
}	


.carousel-caption {
    right: 10% !important;
    left: 10% !important;
    top: 30px !important;
    text-align: left !important;
}	

.MainContent .carousel-caption a, .MainContent .carousel-caption a:visited {
    color: #fff !important;
    font-size: 1.75em;
    text-decoration: none;
    font-weight: bold;
}

.carousel-caption span {
    font-size: 1.5em;
    color: #fff;
    font-weight: normal !important;
}


.MainContent a.carousel-control-next {
    right: 2%;
    bottom: 40%;
    position: absolute;
    color: #fff !important;
    font-size: 2em;
    cursor: pointer !important;
}

.MainContent a.carousel-control-prev {
    left: 2%;
    bottom: 40%;
    position: absolute;
    color: #fff !important;
    font-size: 2em;
    cursor: pointer !important;
}

.carousel-control-next a, .carousel-control-prev a {
    color: #fff !important;
}

.nav-tabs > li.active, .nav-tabs > li.active a {
        background-color: #071D49 !important;
        background: #071D49 !important;
        color: #fff !important;
        font-weight: bold !important;
        border: 1px solid transparent !important;
        font-size: 1.15em;
        text-decoration: none !important;
    }

.nav-tabs > li a {
        background-color: transparent !important;
        background: transparent !important;
        font-size: 1.35em;
        text-decoration: none !important;
        border-radius: 0;
        color: #1E7C44 !important;
    }

    .tab-content {
        margin-top: 10px;
    }

   .eventTabs div {
       margin-bottom: 8px;
       padding-bottom: 8px;
   }


.tablealign
{
	text-align: center;
}
	

.presenter
{
	color:#1E7C44;
	font-style: italic;
    font-size: 1em;
}

.line
{
	border-top: 1px dashed #aaaaaa;
}

.line2
{
	border-bottom: 1px dashed #aaaaaa;
}


.npsasHdr {
    font-size: 1.35em;
    text-transform: uppercase;
    margin-bottom: 10px;
    line-height: 16px;
}

.npsasHdr img {
        float: right;
        width: 40%;
    }

.subHdr {
    color: #40b65b !important;
    text-transform: capitalize;
    font-style: italic;
    font-size: 1.1em !important;
}


.npsasM {
	font-family: 'Montserrat', sans-serif;
}

.npsasM .navbar-nav {
	text-transform: uppercase;
    width: auto;
    padding: 0 2%;
}

.npsasM .nav > li {
        text-align: center;
        width: 100%;
        font-size: 1em !important;
    }

.npsasM .navbar-nav {
	text-transform: uppercase;
}

.npsasM .navbar-nav a, npsasM .navbar-nav a:visited {
	color: #fff !important;
    text-decoration: none !important;
}
	 
.npsasM .navbar-nav .dropdown-menu a, .npsasM .navbar-nav .dropdown-menu a:visited, .npsasM .navbar-nav .dropdown-menu a:active, .npsasM .navbar-nav .dropdown-menu a:link, .npsasM .navbar-nav .dropdown-menu a:focus {
	color: #373737 !important;
    background: #fff !important;
	text-transform: none;
    text-decoration: none !important;
}


.npsasM .mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 1px;
  
 
}
.npsasM .mega-dropdown-menu > li > ul > li {
  list-style: none;
 
}

.npsasM .mega-dropdown-menu .dropdown-header {
  color: #ff3546;
  padding: 5px 20px 5px 5px;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
  background-color: #000 !important;
}

.npsasM .nav > li > a:hover,
.npsasM .nav > li > a:focus,
.npsasM .nav > li.npsas-selected > a,
.npsasM .nav > li > a.npsas-selected,
.npsasM .nav > li.npsas-selected {
    background-color: #ffc500 !important;
    color: #000 !important;
    text-decoration: none !important;
}

.MainContent a.logoLink, .MainContent a.logoLink {
    font-weight: bold;
    color: #ffc500 !important;
    font-size: 1.15em;
    text-decoration: none !important;
}

a.logoLink > h3 {
    font-weight: bold;
    color: #1E7C44 !important;
    font-size: 1.15em;
    text-decoration: none !important;
}
.npsasM .mega-dropdown-menu > li ul > li > a:hover,
.npsasM .mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
}


.npsasM .navbar-collapse {
    padding: 0 !important;
}

body {
font-size: 100% !important;
}


.MainContent {
	font-family: 'Montserrat', sans-serif !important;
	width: 1001px !important;
}

body {
	font-family: 'Montserrat', sans-serif !important;
}


.bpsLink a {
    color: #00714a !important;
    margin-right: 20px;
    text-decoration: none !important;
}

.bbLink a {
    color: #071D49 !important;
    text-decoration: none !important;
}

.npsashdr .form-control {
    width: 75% !important;
    display: unset !important;
}


.npsashdr .btn {
    background: #828d8e !important;
    color: #fff !important;
    font-weight: bold;
}

.npsasM {
	font-family: 'Montserrat', sans-serif;
	background: #828d8e;
}


.npsasM .navbar-nav {
	text-transform: uppercase;
}

.npsasM .navbar-nav a, npsasM .navbar-nav a:visited {
	color: #fff !important;
    text-decoration: none !important;
}
	 
.npsasM .navbar-nav .dropdown-menu a, .npsasM .navbar-nav .dropdown-menu a:visited {
	color: #373737 !important;
    background: #fff !important;
	text-transform: none;
    text-decoration: none !important;
}
.npsasM .nav > li > a {
text-decoration: none !important;
}

.npsasM .mega-dropdown-menu {
    padding: 10px 0px;
    width: 400%;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.npsasM .mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 1px;
 
}
.npsasM .mega-dropdown-menu > li > ul > li {
  list-style: none;
 
}
.npsasM .mega-dropdown-menu > li > ul > li > a {
display: block;
 background: #fff !important;
  color: #3333FF;
  padding: 3px 5px;
  text-decoration: none !important;
}
    .npsasM .mega-dropdown-menu > li ul > li > a:hover,
    .npsasM .mega-dropdown-menu > li ul > li > a:focus {
        text-decoration: none;
    }
 
   .npsasM .navbar-nav .mega-dropdown-menu a:hover, .npsasM .navbar-nav .mega-dropdown-menu a:focus {
  background: #eee !important;
}
.npsasM .mega-dropdown-menu .dropdown-header {
  color: #ff3546;
  padding: 5px 60px 5px 5px;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
  background-color: #071D49 !important;
}


.container {
    background: #071D49;
}

.npsasM .navbar-toggle {
    margin-right: 30px !important;
}


.navbar-toggle {
    border-color: #fff !important;
}

.icon-bar {
    background: #fff !important;
}

.navbar {
    margin-bottom: 0 !important;
    min-height: 40px !important;
}

.MainContent h2 {
    color: #1E7C44;
    font-weight: bold;
    font-size: 1.75em;
}

.MainContent h3 {
    color: #071D49;
    font-weight: bold;
    font-size: 1.5em;
}

.MainContent p, .MainContent li {
    font-size: 1.1em !important;
}

.BackToTop a {
    padding-left:0;
    background: none;
    font-size: 1em;
}

#carousel-example-2 {
    
    margin-bottom: 20px !important;
}

.carousel-control.right, .carousel-control.left {
    background: none !important;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: -75px !important;
    color: #ccc;
}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    color: #ccc;
}


#carousel-example-2 .carousel-control .glyphicon-chevron-left, #carousel-example-2 .carousel-control .icon-prev {
    margin-left: -40px !important;
    color: #fff;
}

#carousel-example-2 .carousel-control .glyphicon-chevron-right, #carousel-example-2 .carousel-control .icon-next {
    color: #fff;
}

.basicTbl {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 10px;
}

.basicTbl td, .basicTbl th {
    padding: 4px;border-bottom: 1px solid #666;
}

.specialTbl {
    border-collapse: collapse;
    width: 100%;
    margin-top: 20px;
}

.specialTbl td, .specialTbl th {
    padding: 4px;
}

.specialTbl tr:nth-child(even) {
    background: #e9fff5;
}

.specialTbl td {
    vertical-align: top;
}

.specialTbl tr {
    border-bottom: 1px dashed #666;
}

.specialTbl tr:last-child {
    border-bottom: none;
}
.specialTbl td:first-child {
    white-space: nowrap;
    font-weight: bold;
    border-right: 1px dashed #666;
    padding: inherit 8px;
}

.construction {
    border: 1px solid #1E7C44;
    height: auto;
    width: 100%;
    display: table;
    margin-bottom: 20px;
}

.dig {
    background: #1E7C44;
    font-size: 4em;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    padding: 20px 0;
}

.order {
    color: #1E7C44;
    font-size: 2em;
    text-align: center;
    vertical-align: middle;
    padding: 20px 0;
}

/*.allYear {
    width: 100%;
    font-size: .6em;
    color: #000;
    border-top: 1px solid #ddd;
    padding-top: 4px;
    margin-top: 4px;
    margin-bottom: 20px;
}

.allYear ul {
    padding-inline-start: 0 !important;
}

.allYear li {
    float: left;
    list-style-type: none;
    margin-left: 4px;
    transform: rotate(-90deg);
}

.allYear li:first-child {
    margin-left: 0;
}

.surveyYear {
    font-weight: bold;
    font-size: larger;
    text-align: center;
    transform: none !important;
}*/

@media (min-width: 1200px) {
    .container {
        width: 100% !important;
    }
}

@media (min-width: 992px) {
    .container {
        width: 100% !important;
    }
}
@media (min-width: 768px) {
    .container {
        width: 100% !important;
    }
}

@media (max-width: 992px) {
    .MainContent {
        width: 100% !important;
        margin-right: 2px !important;
        margin-left: 4px !important;
    }

    .npsashdr {
    margin-top: -10px !important;
    margin-bottom: 20px !important;
    }
}

@media (max-width: 768px) {
    .MainContent {
        width: 100% !important;
        margin-right: 2px !important;
        margin-left: 4px !important;
    }


    .npsasM .nav > li {
        text-align: left !important;
        width: 100% !important;
    }

    .npsasM .navbar-nav {
            width: 100% !important;
        }

    .npsasM .mega-dropdown-menu {
        margin: -10px -16px !important;
        width: 105% !important;
    }

    .idBtn {
        margin-right: 15px;
        margin-bottom: 6px;
    }

    #carousel-example-2 .carousel-inner {
        height: 130px;
        background-image: url(../images/qna.jpg);
    }

    #carousel-example-2 .carousel-caption {
        font-size: smaller !important;
        line-height: 1.8em !important;
        padding-top: 0 !important;
    }

    #carousel-example-2 .carousel-control .glyphicon-chevron-left, #carousel-example-2 .carousel-control .icon-prev {
    margin-left: -20px !important;
    color: #fff;
    }

    .npsashdr {
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    }
}


    @media (max-width: 468px) {
        .MainContent {
            width: 100% !important;
            margin-right: 2px !important;
            margin-left: 4px !important;
        }

        .npsasM .nav > li {
            text-align: left !important;
            width: 100% !important;
        }

        .npsasM .navbar-nav {
            width: 100% !important;
        }

        .npsasM .mega-dropdown-menu {
            margin: -10px -16px !important;
            width: 105% !important;
        }

    .tablealign {
        text-align: center;
    }

    #carousel-example-2 .carousel-inner {
        height: 130px;
        background-image: url(../images/qna.jpg);
    }

    #carousel-example-2 .carousel-caption {
        font-size: smaller !important;
        line-height: 1.8em !important;
        padding-top: 0 !important;
    }

    #carousel-example-2 .carousel-control .glyphicon-chevron-left, #carousel-example-2 .carousel-control .icon-prev {
    margin-left: -20px !important;
    color: #fff;
    }

    .npsashdr {
        margin-top: 0 !important;
    margin-bottom: 20px !important;
    }
		

.tablealign
{
	text-align: center;
}
}