﻿#mainMenu a:hover
{
	color: #F68E32;
	cursor: pointer;
}

.icon-sign, .icon-arrow {
	float: right;
	font-size: 20px;
}
.icon-arrow {
	padding-right: 15px;
}
.icon-list
{
	display: inline-block;
	width: 28px;
	height: 28px;
	line-height: 14px;
	background-image: url("//www.occ.gov/images/menu-gray.png");
	background-repeat: no-repeat;
}

.icon-search
{
	display: inline-block;
	width: 28px;
	height: 28px;
	line-height: 14px;
	background-image: url("//www.occ.gov/images/search-gray.png");
	background-repeat: no-repeat;
}

#container_content
{
	margin-top: 10px;
}

.AutoIndexSlot a {
	padding-top: 5px;
	padding-bottom: 5px;
}

#main_navigation td.topnav-color {
	background-color: #0072C6;
	padding: 5px;
}

@media screen and (max-width: 999px)
{
	body
	{
		padding: 5px !important;
		margin: 5px !important;
		-webkit-text-size-adjust: 100% !important;
		
	}
	
	div, p, td {
		font-size: 16px !important;
		word-wrap: break-word !important;
	}
	a {
		font-size: 16px !important;
	}
	h3, label, caption, input, ul {
		font-size: 16px !important;
	}
	h2 {
		font-size: 16px !important;
	}
	h1 {
		font-size: 20px !important;
	}
	li:not(.feature1, .feature2, .feature3, .feature4, .featuresPopup) {
		padding: 10px !important;
	}
	
	img {
		max-width: 100%!important;
		height: auto!important;
		margin: 0 !important;

	}
	caption.pageTitle {
		font-size: 20px !important;
	}
	
	#footer .column {
		display: none;
		float: left;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	
	#footer .seal {
		display: none;
	}
	table#container_content td#maincontent {
		max-width: 800px;
	}
	#maincontent h1.title {
		display: none;
	}
	#top tbody tr td
	{
		display: block;
		float: left;
		width: 100%;
	}
	
	#top td.header-logo
	{
		display: block;
		float: left;
		width: 25% !important;
		padding: 0;
	}
	
	#top td.header-title
	{
		width: 90% !important;
		height: auto !important;
		text-align: center;
		padding: 5px;
	}
	
		#top td.header-logo
	{
		display: block;
		float: left;
		width: 100% !important;
	}

	#main_navigation tr td.topnav-color:first-child, #main_navigation tr td.topnav-color:last-child
	{
		display: none;
	}
	
	#main_navigation tr td.topnav-color, #main_navigation tr td.topnav-color-picked
	{
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 5px;
		padding-right: 5px;
		margin-top: 2px;
		cursor: pointer;
	}
	
	#masthead TD#header-sitemap
	{
		width: 100%;
		text-align: center;
		padding: 5px;
	}
	
	#header-sitemap span, #header-sitemap img
	{
		display: none;
	}

	#masthead TD#header-sitemap br
	{
		display: none;
	}
	
	#secondary_nav_clone .navSubmenu ul {
		list-style-type: none;
	}
	
	#secondary_nav, #secondary_nav_clone
	{
		display: block;
		float: left;
		width: 100%;
	}
	
	#secondary_nav #expandable_nav
	{
		width: auto!important;
	}

	
	#secondary_nav_clone div.videoBox h2.nosubitems {
		background: url("//www.occ.gov/images/orangegraphic_minnus.gif") no-repeat scroll left top #FFFFFF;
		padding-left: 21px;
	}
	
	#related_sidebars
	{
		display: block;
		float: left;
		width: 100%;
	}
	
	#maincontent
	{
		display: block;
		float: left;
		width: 100%;
		font-size: 1em!important;
	}
	
	#slide_display
	{
		display: none;
	}
	
	#recentNews
	{
		display: block;
		float: left;
		text-align: left;
		padding: 5px;
		margin: 5px;
	}
	
	#breadcrumb_navigation
	{
		display: none;
	}
	
	.navSubmenu {
		padding: 0!important;
	}
	.navSubmenu .left-box
	{
		border: 1px solid #E5E5E5 !important;
		width: 100% !important;
	}
	
	.box
	{
		display: none;
	}

	#recentNewsClone
	{
		display: block;
	}

	#homeContent img
	{
		display: none;
	}
	
	#homeContent tr td
	{
		display: block;
		float: left;
		width: 100% !important;
		text-align: left;
		padding: 0;
	}
	
	#homeContent table
	{
		padding: 0;
		margin: 10px;
	}

	.navSubmenu .hr1
	{
		display: none !important;
	}

	DIV.home_feature
	{
		width: auto !important;
	}
	
	TABLE#container_content TD#related_sidebars, #maincontent table
	{
		width: 100% !important;
	}
	
	TABLE#container_content TD#secondary_nav, TABLE#container_content TD#secondary_nav_clone
	{
		width: 100%;
	}

	#secondary_nav_clone ul {
		padding-left: 0;
	}

	.navSubmenu .features2
	{
		display: inherit;
		border: 1px solid #E5E5E5 !important;
		padding: 10px;
	}
	
	.navSubmenu h3, .navSubmenu h3 em
	{
		background-color: #0072C6;
		padding: 15px !important;
		text-align: center;
		color: white;
		margin-top: 5px !important;
		cursor: pointer;
		font-style:inherit;
	}

	#container_content #secondary_nav H3, #container_content #secondary_nav_clone H3
	{
		padding: 5px;
	}
	
	TABLE#container_content TD#maincontent
	{
		padding-top: 10px;
		padding-right: 0;
	}
	
	TABLE#container_content TD#secondary_nav, TABLE#container_content TD#secondary_nav_clone
	{
		padding: 0;
	}
	
	TABLE#container_content TD#related_sidebars
	{
		padding: 0;
	}
	
	form#NewsCurrent, form#PublicationSearch, form#ToolsSearch, form#browseBy {
		display: none!important;
	}
	
	#maincontent #sitemap1, #maincontent #sitemap2
	{
		width: 100%;
	}
	
	.pad20, .spacer6 {
		display: none;
	}
	
	#homeOCC #maincontent {
		display: none;
	}
	
	#maincontent.nosubnav {
		padding-left: 0px !important;
	}
	
	#rxbody {
		width: auto !important;
	}
	#sliderNav a, .nivo-callout {
	font-size: 13px!important;
	}

	#container_content #secondary_nav .navSubmenu, #container_content #related_sidebars .navSubmenu {
		width: 100%!important;
		float	:left;
	}

	#feature-box, #feature-box-small, .slider-wrapper, #slider {
		height: auto !important;
		width: 100%!important;
	}

	#homeOCC .nivo-callout {
		height: auto !important;
		margin-top: 0px !important;
	}

	#homepage-tabs, #homepage-tabs .ui-tabs-panel,
	#homepage-tabs .ui-state-default, 
	#homepage-tabs .ui-tabs-active,
	#homepage-tabs .ui-tabs-nav li a,
	#homepage-tabs .ui-tabs-nav li a:focus	{
		width: auto!important;
	}
	
	#homepage-tabs .ui-tabs-nav li a,
	#homepage-tabs .ui-tabs-active a,
	#homepage-tabs .ui-tabs-nav li a:focus {
		padding: 7px!important;
	}

	#tabs.ui-tabs-vertical .ui-tabs-nav,
	#tabs.ui-tabs-vertical .ui-tabs-nav li {
		width: 100%!important;
	}
	#tabs.ui-tabs-vertical .ui-tabs-nav a {
		width: 100%!important;
		padding: 10px;
	}
	#tabs.ui-tabs-vertical .ui-tabs-panel {
    	width: auto!important;
	}



	#homepage-header {
		padding: 20px 0!important;
		margin-top: 0!important;
	}
	
	#homepage-featurebox, #homepage-widget {
		width: 100%!important;
		padding-bottom:20px!important;
	}
	#header-bottom-tabs {
		display: none!important;
	}

	#masthead {
		border-bottom: 1px solid #B4B4B4;
	}

	.side-navigation {
		background-color: #233F81;
		border: 1px solid #CCC;
		border-radius: 5px;
		box-shadow: 0 0 10px #CCC;
		max-width: 480px;
		min-height: 100%;
		padding: 0px;
		position: absolute!important;
		right: -100%;
		top: 66px;
		width: 96%;
		z-index: 1000;
		margin-right: 5px;
	}

	.mainMenuClose {
		display: none;
		float: right;
		margin: 15px;
		margin-top: 10px;
		text-align: right;
		width: 100%;
	}

		.mainMenuClose a {
			border: 1px solid;
			border-radius: 5px;
			padding: 10px 10px;
			text-decoration: none;
		}

		.icon-state {
		color: #0072c6!important;
		}
		.icon-state-expanded {
		color: #233F81!important;
		}
		
		#sitemap {
		display: block;
	}
		#sitemap a, #sitemap li{
		color: white!important;
}
		#sitemap ul, #sitemap ul li {
			border: 0!important;
			list-style: none;
			margin: 0;
		}
		#sitemap ul {
			margin-top: 5px;
			padding: 0;
		}

			#sitemap a, #sitemap .drop-column-heading {
				padding-left: 20px!important;
			line-height: 40px;
			}

			#sitemap ul.topic-level1, #sitemap ul.topic-level1 li {
				margin: 0;
			}

	.icon-state {
		background: url("//www.occ.gov/images/plus-sign.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		color: transparent!important;
		cursor: pointer;
		float: right;
		padding: 0 13px;
		margin: 10px 5px 0 5px;
	}

	.icon-state-expanded {
		background: url("//www.occ.gov/images/minus-sign.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0)!important;
	}

	#sitemap .topic-level2, #sitemap .topic-level3, #sitemap .topic-level4 {
		display: none;
	}

	#sitemap .topic-level1 li {
		border-bottom: 1px solid #7c93ba !important;
	}

	#sitemap .topic-level2 {
		background-color: #0072C6!important;
	}

		#sitemap .topic-level2 li {
			border-bottom: 1px solid #7c93ba !important;
		}

	#sitemap .topic-level3 {
		background-color: #018dec!important;
	}

		#sitemap .topic-level3 li {
			border-bottom: 1px solid #aaa !important;
			padding-left: 20px;
		}
		#sitemap .topic-level3 li a {
		padding-left: 0px!important;
		}

	#sitemap .topic-level4 {
		background-color: #7c93ba!important;
	}

		#sitemap .topic-level4 li {
			border-bottom: 1px solid #7c93ba !important;
		}

	#sitemap ul.active {
		display: block;
	}

	#sitemap .active, #sitemap .selected {
		background-image: none!important;
	}

	#sitemap li.selected > a {
		color: #328E07 !important;
	}
	
	.site-header-togglers {
		width: 33% !important;
		position: absolute;
		right: 20px!important;
		top: 25px;
		text-align: right;
	}

	.site-header-togglers i {
		padding-right: 10px;
		cursor: pointer;
	}
}


/* Landscape phones and down */
@media screen and (max-width: 480px)
{

.articleContactInfo, .articleDateline {
    margin-bottom: 10px;
    text-align: left !important;
    width: 100% !important;
}
	
	#main_navigation .topnav-blue-header {
		display: none;
	}

	
	#masthead #top {
		width: 100% !important;
		padding-bottom: 10px!important;
	}

	#main_navigation tr td
	{
		display: block;
		float: left;
		width: 100% !important;
	}

	#main_navigation tr td.topnav-color, #main_navigation tr td.topnav-color-picked
	{
		text-align: left;
	}
	#main_navigation tr td.topnav-color, #main_navigation tr td.topnav-color-picked
	{
		padding-right: 0;
		margin-top: 2px;
	}
	#homeContent tr td
	{
		padding: 0;
	}

	#recentNewsClone
	{
		display: block;
	}
	#container_content tbody tr td#secondary_nav, #container_content tbody tr td#secondary_nav_clone
	{
		display: block;
		float: left;
	}
	#container_content tbody tr td#maincontent
	{
		display: block;
		float: left;
	}
	#container_content tbody tr td#related_sidebars
	{
		display: block;
		float: left;
	}
	#secondary_nav h1.hnav, #secondary_nav_clone h1.hnav
	{
		background-color: #0072C6;
		padding: 15px !important;
		margin: 0;
		text-align: center;
		color: white;
	}
	#secondary_nav H1 A, #secondary_nav_clone H1 A
	{
		color: white !important;
	}
	#secondary_nav #expandable_nav H1 A, #secondary_nav_clone #expandable_nav H1 A
	{
		color: black !important;
	}

	#maincontent #sitemap1, #maincontent #sitemap2
	{
		width: 100%;
	}
	#maincontent .image_right {
		float: none;
		padding: 20px 25px 20px 25px;
		width: auto !important;
		max-width: 220px!important;
	}
	#maincontent .image_right  + strong:before {
		content:  '\a' ;
		white-space: pre ;
	}
	
	#maincontent ol, #maincontent ol li {
		padding: 0!important;
	}

	.autoList td
	{
		border-top: 1px solid #E5E5E5 !important;
		max-width: none !important;
		min-width: none !important;
		width: auto !important;
		white-space: normal !important;
		word-wrap: break-word;
	}

	table.autoList tbody tr td.tdate, table.autoList tbody tr td.tidentifier
	{
		display: block;
		float: left;
		white-space: nowrap !important;
	}
	.pad20 {
		display: none;
	}

	#footer, #footer p {
		color: white!important;
	}
	
	#footer a {
		display: block;
		padding: 3px;
		text-align: left;
	}
	
	.rightFloat {
		width: auto !important;
		margin-top: 5px !important;
	}
	.image_right {
		margin-right: 40px;
	}
	
	table.table_brdr th, table.table_brdr td,
	table.table_grey_brdr th, table.table_grey_brdr td {
		word-wrap: break-word !important;
	}
	
	.blue, .lightblue {
		width: auto !important;
	}
	#maincontent table td {
		padding: 0!important;
	}
	
	.table_nobrdr tbody tr td {
		display: block;
		float: left;
		width: auto !important;
	}
	.table_nobrdr img {
		padding-top: 10px;
	}
	
	img.usemap {
		width: 100%;
		height: auto!important;
		margin: 0 !important;
	}
	
	div.feature {
		margin: 0;
		padding: 0;
	}
	
	div.footnote {
		width: 280px;
	}
	div#divCaptions, div.video {
		margin-bottom: 50px !important;
	}
	
	#Issuance blockquote, #newsRelease blockquote {
		margin: 0;
	}
	
	input#q  {
		width: 160px!important;
		font-size: 16px !important;
	}

	input[type="text"]:focus  {
		font-size: 16px !important;
	}
	
	#homeOCC #maincontent {
		display: none !important;
	}
	

	#bottom-navigation {
		display: none;
	}
	
	div#clustering {
		width: 100% !important;
		padding-bottom: 20px;
		border: none!important;
		margin: 0;		
	}
	div#clustering ul {
		margin: 0;
		padding: 0;
	}

	div#clustering li {
		margin: 0;
		padding: 0!important;
		text-indent: 0;
	}
	
	#search-results, #bottom-search-box table {
		width: 100% !important;
	}

	#search-results tr td, #top-navigation table tr {
		display: block!important;
		text-align: center!important;
		float: left!important;
		width: 100%!important;
	}
	
	#bottom-search-box tr td {
		display: block!important;
		text-align: center!important;
		width: 100%!important;
	}
	
	#masthead .header-color {
		display: none;
	}
	
	#search-results {
		display: none;
	}
	
	#homeOCC .homeTitle {
		display: block !important;
		padding-top: 10px;
	}
	#homepage-header {
		padding: 0!important;
		display: none;
	}
	
	#homepage-widget{
		display: none!important;
	}

	#homepage-widget-mobile {
		display: block!important;
	}

	#feature-box {
		display : none!important;
	}
	
	#footer .bottom-links p {
	padding: 10px;
	color: transparent!important;
	}
}
