/* OCR (et al) Specific styling */

/* --- Put global codes back to iia.css from here below  --- */

#main-menu li{
	margin: 0 20px 0 0;
	float: left;
	padding: 0;
}
#main-menu li.last {
	margin: 0;
}
.main-section .left-nav-region {
	margin-bottom: 20px;
}

/* for the resized nav */
.navbar-fixed-top ul#main-menu li { 
	margin-bottom: 0px;
}

/* this next declaration fixes the two level nav split! */
.navbar-fixed-top #main-menu li.last {
	float:left;
}
/* end two level nav fix */




/*===============OCR NAV=============== start ===*/
#main-menu a.ocr-nav-about-us, #main-menu a.ocr-nav-civil-rights, #main-menu a.ocr-nav-filing-with-ocr, #main-menu a.ocr-nav-health-info, #main-menu a.ocr-nav-newsroom {
    float: left;
    height: 60px;
}

#main-menu a.ocr-nav-about-us { /* 1 */
	color: #fff;
	padding: 20px 25px 20px 90px;
	background:url(images/personnel-nav-icon.png) 20px #a06519 no-repeat;	
	font-weight: bold;
	width: 220px;
}
#main-menu .ocr-nav-about-us.active { /* 1 */
	color: #666;
	background:url(images/civil_rights_for_consumer_greyicon.png) 20px #e9eaeb no-repeat;
	border: solid 2px #a06519;
	padding: 18px 25px 20px 88px;
}	

#main-menu a.ocr-nav-civil-rights { /* 4 */
	color: #fff;
	padding: 20px 25px 20px 90px;
	background:url(images/civil_rights_whiteicon.png) 10px #a34869 no-repeat;	
	font-weight: bold;
	width: 220px;
}
#main-menu .ocr-nav-civil-rights.active { /* 4 */
	color: #666;
	background:url(images/civil_rights_greyicon.png) 10px #e9eaeb no-repeat;
	border: solid 2px #a34869;
	padding: 18px 25px 20px 88px;	
}

#main-menu a.ocr-nav-filing-with-ocr { /* 2 */
	color: #fff;
	padding: 10px 25px 10px 90px;
	background:url(images/filing_a_complaint_whiteicon.png) 20px #78508e no-repeat;
	font-weight: bold;
	width: 220px;	
}
#main-menu .ocr-nav-filing-with-ocr.active { /* 2 */
	color: #666;
	background:url(images/filing_a_complaint_greyicon.png) 20px #e9eaeb no-repeat;
	border: solid 2px #78508e;
	padding: 8px 25px 10px 88px;	
}

#main-menu a.ocr-nav-health-info { /* 5 */
	color: #fff;
	padding: 5px 25px 5px 90px;
	background:url(images/health_information_privacy_whiteicon.png) 20px #317686 no-repeat;
	font-weight: bold;
	width: 220px;	
	line-height: 1.2em;
}
#main-menu .ocr-nav-health-info.active { /* 5 */
	color: #666;
	background:url(images/health_information_privacy_greyicon.png) 18px #e9eaeb no-repeat;
	border: solid 2px #317686;
	padding: 3px 25px 5px 88px;
}

#main-menu a.ocr-nav-newsroom { /* 3 */
	color: #fff;
	padding: 20px 25px 20px 90px;
	background:url(images/newsroom_whiteicon.png) 20px #7d6f55 no-repeat;
	font-weight: bold;
	width: 220px;
}
#main-menu .ocr-nav-newsroom.active { /* 3 */
	color: #666;
	background:url(images/newsroom_greyicon.png) 20px #e9eaeb no-repeat;
	border: solid 2px #7d6f55;
	padding: 18px 25px 20px 88px;
}

.navbar-fixed-top #main-menu a.ocr-nav-about-us, .navbar-fixed-top #main-menu a.ocr-nav-civil-rights, .navbar-fixed-top #main-menu a.ocr-nav-filing-with-ocr, .navbar-fixed-top #main-menu a.ocr-nav-health-info, .navbar-fixed-top #main-menu a.ocr-nav-newsroom{
	background-image: none;
	padding: 10px;
	width: 235px;
	
	-webkit-transition: padding 0.3s ease; 
	-moz-transition: padding 0.3s ease; 
	-ms-transition: padding 0.3s ease; 
	-o-transition: padding 0.3s ease; 
	transition: padding 0.3s ease;
	margin-bottom:0px;
	height: 40px;
	text-align: center;
}

.navbar-fixed-top a.ocr-nav-about-us.active, .navbar-fixed-top a.ocr-nav-civil-rights.active, .navbar-fixed-top a.ocr-nav-filing-with-ocr.active, .navbar-fixed-top a.ocr-nav-health-info.active, .navbar-fixed-top a.ocr-nav-newsroom.active  {
	padding: 8px 10px;
	margin: 0;
	height: 40px;
}
@media only screen and (max-width: 767px) {
	.navbar-fixed-top a.ocr-nav-about-us, 
	.navbar-fixed-top a.ocr-nav-civil-rights, 
	.navbar-fixed-top a.ocr-nav-filing-with-ocr, 
	.navbar-fixed-top a.ocr-nav-health-info, 
	.navbar-fixed-top a.ocr-nav-newsroom, 
	.navbar-fixed-top a.ocr-nav-about-us.active, 
	.navbar-fixed-top a.ocr-nav-civil-rights.active, 
	.navbar-fixed-top a.ocr-nav-filing-with-ocr.active, 
	.navbar-fixed-top a.ocr-nav-health-info.active, 
	.navbar-fixed-top a.ocr-nav-newsroom.active  {
	}
} 


/*===============OCR NAV=============== end ===*/
/*===============CIV RIGHTS NAV======== start ===*/ 
a.civil-rights-nav-cr-for-consumers, a.civil-rights-nav-filling-a-complaint, a.civil-rights-nav-cr-for-providers, a.civil-rights-nav-newsroom {
    float: left;
    width: 220px;
    height: 60px;
}

a.civil-rights-nav-cr-for-consumers { 
	color: #fff;
	padding: 10px 25px 30px 85px;
	background:url(images/personnel-nav-icon.png) 15px #a06519 no-repeat;	
	font-weight: bold;
	width: 220px;
}
.civil-rights-nav-cr-for-consumers.active { 
	color: #666;
	background:url(images/civil_rights_for_consumer_greyicon.png) 15px #e9eaeb no-repeat;
	border: solid 2px #a06519;
	padding: 8px 25px 30px 83px;
}

a.civil-rights-nav-filling-a-complaint { 
	color: #fff;
	padding: 10px 25px 30px 90px;
	background:url(images/filing_a_complaint_whiteicon.png) 10px #a34869 no-repeat;	
	font-weight: bold;
	width: 220px;
}
.civil-rights-nav-filling-a-complaint.active { 
	color: #666;
	background:url(images/filing_a_complaint_greyicon.png) 10px #e9eaeb no-repeat;
	border: solid 2px #a34869;
	padding: 8px 25px 30px 88px;
}

a.civil-rights-nav-cr-for-providers { 
	color: #fff;
	padding: 10px 25px 30px 90px;
	background:url(images/hipaa_for_professionals_whiteicon.png) 20px #317686 no-repeat;
	font-weight: bold;
	width: 220px;	
}
.civil-rights-nav-cr-for-providers.active {
	color: #666;
	background:url(images/hipaa_for_professionals_greyicon.png) 20px #e9eaeb no-repeat;
	border: solid 2px #317686;
	padding: 8px 25px 30px 88px;
}

a.civil-rights-nav-newsroom { 
	color: #fff;
	padding: 20px 25px 20px 90px;
	background:url(images/newsroom_whiteicon.png) 20px #7d6f55 no-repeat;
	font-weight: bold;
	width: 220px;
}
.civil-rights-nav-newsroom.active { 
	color: #666;
	background:url(images/newsroom_greyicon.png) 20px #e9eaeb no-repeat;
	border: solid 2px #7d6f55;
	padding: 18px 25px 20px 88px;
}

.navbar-fixed-top a.civil-rights-nav-cr-for-consumers, .navbar-fixed-top a.civil-rights-nav-filling-a-complaint, .navbar-fixed-top a.civil-rights-nav-cr-for-providers, .navbar-fixed-top a.civil-rights-nav-newsroom{
	background-image: none;
	padding: 10px;
	width: 235px;
	
	-webkit-transition: padding 0.3s ease; 
	-moz-transition: padding 0.3s ease; 
	-ms-transition: padding 0.3s ease; 
	-o-transition: padding 0.3s ease; 
	transition: padding 0.3s ease;
	margin-bottom:0px;
	height: 40px;
	text-align: center;
}

.navbar-fixed-top a.civil-rights-nav-cr-for-consumers.active, .navbar-fixed-top a.civil-rights-nav-filling-a-complaint.active, .navbar-fixed-top a.civil-rights-nav-cr-for-providers.active, .navbar-fixed-top a.civil-rights-nav-newsroom.active  {
	padding: 8px 10px;
	margin: 0;
	height: 40px;
} 

/*===============CIV RIGHTS NAV======== end ===*/
/*===============HIPAA NAV======== start ===*/
a.hipaa-nav-hipaa-for-consumers, a.hipaa-nav-filling-a-complaint, a.hipaa-nav-hipaa-for-professionals, a.hipaa-nav-newsroom {
    float: left;
    width: 220px;
    height: 60px;
}

a.hipaa-nav-hipaa-for-consumers { 
	color: #fff;
	padding: 10px 25px 30px 90px;
	background:url(images/personnel-nav-icon.png) 20px #a06519 no-repeat;	
	font-weight: bold;
	width: 220px;
}
.hipaa-nav-hipaa-for-consumers.active { 
	color: #666;
	background:url(images/civil_rights_for_consumer_greyicon.png) 20px #e9eaeb no-repeat;
	border: solid 2px #a06519;
	padding: 8px 25px 30px 88px;
}

a.hipaa-nav-filling-a-complaint { 
	color: #fff;
	padding: 10px 25px 30px 90px;
	background:url(images/filing_a_complaint_whiteicon.png) 10px #a34869 no-repeat;	
	font-weight: bold;
	width: 220px;
}
.hipaa-nav-filling-a-complaint.active { 
	color: #666;
	background:url(images/filing_a_complaint_greyicon.png) 10px #e9eaeb no-repeat;
	border: solid 2px #a34869;
	padding: 8px 25px 30px 88px;
}

a.hipaa-nav-hipaa-for-professionals { 
	color: #fff;
	padding: 10px 25px 30px 90px;
	background:url(images/hipaa_for_professionals_whiteicon.png) 20px #317686 no-repeat;
	font-weight: bold;
	width: 220px;	
}
.hipaa-nav-hipaa-for-professionals.active {
	color: #666;
	background:url(images/hipaa_for_professionals_greyicon.png) 20px #e9eaeb no-repeat;
	border: solid 2px #317686;
	padding: 8px 25px 30px 88px;
}

a.hipaa-nav-newsroom { 
	color: #fff;
	padding: 20px 25px 20px 90px;
	background:url(images/newsroom_whiteicon.png) 20px #7d6f55 no-repeat;
	font-weight: bold;
	width: 220px;
}
.hipaa-nav-newsroom.active { 
	color: #666;
	background:url(images/newsroom_greyicon.png) 20px #e9eaeb no-repeat;
	border: solid 2px #7d6f55;
	padding: 18px 25px 20px 88px;
}

.navbar-fixed-top a.hipaa-nav-hipaa-for-consumers, .navbar-fixed-top a.hipaa-nav-filling-a-complaint, .navbar-fixed-top a.hipaa-nav-hipaa-for-professionals, .navbar-fixed-top a.hipaa-nav-newsroom{
	background-image: none;
	padding: 10px;
	width: 235px;
	
	-webkit-transition: padding 0.3s ease; 
	-moz-transition: padding 0.3s ease; 
	-ms-transition: padding 0.3s ease; 
	-o-transition: padding 0.3s ease; 
	transition: padding 0.3s ease;
	margin-bottom:0px;
	height: 40px;
	text-align: center;
}

.navbar-fixed-top a.hipaa-nav-hipaa-for-consumers.active, .navbar-fixed-top a.hipaa-nav-filling-a-complaint.active, .navbar-fixed-top a.hipaa-nav-hipaa-for-professionals.active, .navbar-fixed-top a.hipaa-nav-newsroom.active  {
	padding: 8px 10px;
	margin: 0;
	height: 40px;
}

/*===============HIPAA NAV======== end ===*/

/*===============LEFT NAV======= start ===*/
/* takes the left nav and makes it look like a compressed nav - avoids the accordion */
.block-menu-menu-ocr-left-nav ul li , .block-menu-menu-civil-rights-left-nav ul li, .block-menu-menu-hipaa-left-nav ul li {
    background: #f7f7f7 none repeat scroll 0 0;
    border: 1px solid #ccc;
    font-weight: bold;
    margin: 0px;
}
/*===============LEFT NAV========= end ===*/


/* --- This next line shoehorns the menu into place --- */

#main-menu li:nth-child(4) {
margin: 0 0 10px 0;
}
/* next declaration isn't doing what I want it to do */
#main-menu li.active:nth-child(4) {
margin: 0 0 0 0;
}
/* --- shoehorn --- */

/* resize for mobile section */
@media only screen and (max-width: 767px) {

a.nav-hhs-home {
display:block;
}
.slicknav_nav a.ocr-nav-about-us, 
.slicknav_nav a.ocr-nav-civil-rights, 
.slicknav_nav a.ocr-nav-filing-with-ocr, 
.slicknav_nav a.ocr-nav-health-info, 
.slicknav_nav a.ocr-nav-newsroom, 
.slicknav_nav a.ocr-nav-about-us.active, 
.slicknav_nav a.ocr-nav-civil-rights.active, 
.slicknav_nav a.ocr-nav-filing-with-ocr.active, 
.slicknav_nav a.ocr-nav-health-info.active, 
.slicknav_nav a.ocr-nav-newsroom.active,

.slicknav_nav a.civil-rights-nav-cr-for-consumers, 
.slicknav_nav a.civil-rights-nav-filling-a-complaint, 
.slicknav_nav a.civil-rights-nav-cr-for-providers, 
.slicknav_nav a.civil-rights-nav-newsroom,
.slicknav_nav a.civil-rights-nav-cr-for-consumers.active, 
.slicknav_nav a.civil-rights-nav-filling-a-complaint.active, 
.slicknav_nav a.civil-rights-nav-cr-for-providers.active, 
.slicknav_nav a.civil-rights-nav-newsroom.active,

.slicknav_nav a.hipaa-nav-hipaa-for-consumers, 
.slicknav_nav a.hipaa-nav-filling-a-complaint, 
.slicknav_nav a.hipaa-nav-hipaa-for-professionals, 
.slicknav_nav a.hipaa-nav-newsroom,
.slicknav_nav a.hipaa-nav-hipaa-for-consumers.active, 
.slicknav_nav a.hipaa-nav-filling-a-complaint.active, 
.slicknav_nav a.hipaa-nav-hipaa-for-professionals.active, 
.slicknav_nav a.hipaa-nav-newsroom.active
 {
	font-size: 20px;
	color: #FFF;
	width: 100%;
	font-weight: normal;
	border: none;
	margin: 0; 
	background-image: none;
	background-color: #185394;
	padding: 10px 0;
	border-bottom: solid thin #4b73a3;
	display: inline-block;
	text-align: center;
	}

.navbar-fixed-top a.ocr-nav-about-us, 
.navbar-fixed-top a.ocr-nav-about-us.active, 
.navbar-fixed-top a.ocr-nav-civil-rights, 
.navbar-fixed-top a.ocr-nav-civil-rights.active, 
.navbar-fixed-top a.ocr-nav-filing-with-ocr, 
.navbar-fixed-top a.ocr-nav-filing-with-ocr.active, 
.navbar-fixed-top a.ocr-nav-health-info, 
.navbar-fixed-top a.ocr-nav-health-info.active, 
.navbar-fixed-top a.ocr-nav-newsroom, 
.navbar-fixed-top a.ocr-nav-newsroom.active{
	width: 100%;
	}

	
.site-title {
	color:#f8b204;
	font-size:26px;
	margin: 0;
	margin-top:-30px;
	padding-left:40px;
	padding-right:30px;
	width:100%;
	clear:both;
	line-height:1.2em;
	text-align:center;
}

.hhs-blue-header-remove {
    background: #185394 none repeat scroll 0 0;
    height: 120px !important;
    padding: 0 10px 20px;
}

.hhs-blue-header .site-name {
    margin: 20px 0 0 !important; 
}

} /* end mobile resize section - return back to normal layout */

@media only screen and (max-width: 767px) {
/* .panels-flexible-row-l3_layout-4-inside = .panels-flexible-row-l2_and_l3_layout-4-inside */
	.panels-flexible-row-l3_layout .panels-flexible-row .panels-flexible-region-last {
		float: right;
	}


.view-iia-billboard .carousel {
	height: inherit;
}
.panels-flexible-independent_ia .panels-flexible-row .panels-flexible-region-last {
	float: left;
}
div.view-content div.carousel.slide {
	margin-left: 0px;
}
.carousel .carousel-inner {
	background-color: #666666;
}
.panels-flexible-region-independent_ia-left_region {
	width: 100%;	/* this works at the moment but I'm not sure it will for long. */
}
.panels-flexible-row.panels-flexible-row-first + div > div > div.panels-flexible-region-first { /* this appears to target only the "I would like to.." box. Good. */
	width: 100%;
}
.panels-flexible-row.panels-flexible-row-first + div > div > div.panels-flexible-region-first + div { /* targets the billboard container. */
	width: 100%;
}
div.view-content div.carousel.slide { /* centers the billboard for mobile */
	margin-left: auto;
	margin-right: auto;
}

.view-iia-billboard .carousel { /* possible resize of billboard in mobile - might have to worry about hardcoded image sizes */
	width: 100%; 
}



.panels-flexible-row-l3_layout .panels-flexible-row .panels-flexible-region-last {
		float: right;
	}


.view-iia-billboard .carousel {
	height: inherit;
}
.panels-flexible-independent_ia .panels-flexible-row .panels-flexible-region-last {
	float: left;
}
div.view-content div.carousel.slide {
	margin-left: 0px;
}
.carousel .carousel-inner {
	background-color: #666666;
}
.panels-flexible-region-independent_ia-left_region {
	width: 100%;	/* this works at the moment but I'm not sure it will for long. */
}

}