/* Header Block - Left Side */
#leftHdr{		float:				left;
				width:				65%;
}

/* Header Block - Right Side */
#rightHdr{		float:				right;
				margin-right:		10px;
				width:				210px;
				font-size:			0.85rem;
}

/* Search Input Area */
#searchArea{	float:				left;
				border:				none;
				padding-top:		10px;
				padding-bottom:		3px;
}

#btnExploreDiv{
				padding-top:		3px;
}

#sccContactDiv{
				margin-bottom:		5px;
				margin-right:		10px;
				margin-top:			10px;
				padding-left:		0px;
				width:				200px;
}

/* Results Container - Left Side */
#leftBody{		width:				40%;
				float:				left;
				border-right:		1px solid #fafafa;
}

/* Detail Container - Right Side */
#rightBody{		width:				60%;
				float:				right;
				height:				585px;
				overflow-y:			auto;
				padding:			0 0 0 10px;
}

/* Explore Results Contents - Left Side, Top */
#topLeft{		width:				100%;
				overflow-x:			hidden;
				overflow-y:			auto;
				font-size:			0.85rem;
				padding-left:		3px;
}

/* Explore Results Container - Left Side, Bottom */
#exploreResults{
				overflow-x:			hidden;
				overflow-y:			auto;
}

/* Search Results Container - Left Side, Bottom */
#searchResults{
				overflow-x:			hidden;
				overflow-y:			auto;
}

/* Explore Results Contents - Left Side */
/* Paragraphs contain Anchors which have Text */
/* Padding: top, right, bottom, left */
p.level-1{		padding:			4px 0 4px 10px;
				margin:				0;
				line-height:		1;
				text-indent:		-10px;	}
p.level-2{		padding:			4px 0 4px 30px;
				margin:				0;
				line-height:		1;
				text-indent:		-10px;	}
p.level-3{		padding:			4px 0 4px 50px;
				margin:				0;
				line-height:		1;
				text-indent:		-10px;	}
p.level-4{		padding:			4px 0 4px 70px;
				margin:				0;
				line-height:		1;
				text-indent:		-10px;	}
p.sccName{
				padding:			4px 0 4px 0;
				margin:				0;
				line-height:		1;
				word-break:			break-all;
				text-indent:		-10px;
}
a.facetName, a.sccName{
				color:				#369;
				line-height:		1;
				font-size:			12px;
				margin:				0;
				padding:			0;
				word-break:			break-all;
}

/* Search Results Contents - Left Side */
.facetName, .facetType, .facetCount{
				color:				black;
				line-height:		1;
				font-size:			12px;
				margin:				0;
				padding:			0;
}

.noUnderline{	text-decoration:	none;	}

/* Buttons */
#btnExplore, #btnDownload, #btnExport, #btnFilter, #btnReset, #selSearch, #btnSearch, #selTier1, #btnSelectSCC, #btnDownloadUpdates{
				background-color:	#426c96;
				border:				none;
				border-radius:		7px;
				color:				white;
				cursor:				pointer;
				display:			inline-block;
				font-size:			0.75rem;
				margin:				3px 1px;
				padding:			4px 8px;
				text-align:			left;
				text-decoration:	none;
}

#btnExplore:focus, #btnDownload:focus, #btnDownloadUpdates:focus, #btnExport:focus, #btnFilter:focus, #btnReset:focus, #selSearch:focus, #btnSearch:focus, #selTier1:focus {
				outline:			1px dotted #00f;
}

#btnDownload, #btnSearch {
				padding-left:		10px;
				padding-right:		10px;
}

#btnHide{		background-color:	#468446;
				color:				white;
				border:				none;
				border-radius:		0px;
				padding:			1px 5px;
				text-align:			center;
				text-decoration:	none;
				display:			table;
				font-size:			10px;
				margin:				0px;
				cursor:				pointer;
				width:				11%;
				float:				right;
}

/* Search Results Table */
#SCCSearchResults{
				width:				100%;
				margin-left:		0px;
				margin-right:		0px;
				margin-top:			5px;
				border:				none;
				padding:			0 0 0 0;
}

#SCCSearchResults tr.bottom{
				border-bottom:		1px solid #EEEAE9;
}

#SCCSearchResults td, th{
				background:			white;
				background-color:	white;
				border:				none;
				vertical-align:		top;
				padding:			5px 5px 0 0;
}

#SCCSearchResults td.sccName, th.facetName{
				text-align:			left;
				vertical-align:		middle;
				word-break:			break-all;
				width:				65%;
				padding:			5px 0 5px 0;
}

#SCCSearchResults td.facetType, th.facetType{
				text-align:			center;
				vertical-align:		middle;
				word-break:			normal;
				width:				15%;
				padding:			5px 0 5px 0;
}

#SCCSearchResults td.facetCount, th.facetCount{
				text-align:			center;
				vertical-align:		middle;
				width:				20%;
}

#SCCSearchResults td.noDataFound{
				text-align:			center;
}

mark{
				background:			yellow;
				font-weight:		bold;
}

/* Miscellaneous Styling */
hr.full {	
				height:				1px;
				width:				100%;
				border:				0;
				margin:				0 auto;
				padding:			0; 
				color:				black;
				background-color:	black;
}

#csv-filesize { 
				font-size:          0.75rem;
}

a.level{
				font-weight:		normal;
}

a.sccName{		background:			transparent;
}

a.familyStatus{
				font-size:			.75rem;
				font-weight:		normal;
}

a.familyStatus:focus{
				background:			white;
}

#filterKeys{	padding:			1px;	}

.filterKeysRB, .searchCB{
				border:				0px;
				height:				1em;
}

ul.sccStatus, ul.sccType, ul.sccTier{
				list-style:			none;
				line-height:		100%;
				padding:			0px;
}

th.left, td.left	{
				text-align:			left;
}

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

/* General Styling */
h2{
				margin-top:			10px;
				margin-bottom:		0;
				padding-bottom:		5px;
				font-size:			1.25rem;
}

h3{
				margin-top:			10px;
				margin-bottom:		0;
				padding-bottom:		5px;
				font-size:			1rem;
}

h5{
				margin-top:			0px;
				margin-bottom:		0;
				padding-bottom:		5px;
				font-size:			.75rem;
}

#caerEmail{
				margin-left:		50px;
}

.sidebar-notes{
				margin-top:			0;
				margin-bottom:		5px;
}

select {
				height:				1.7rem;
				border-radius:		7px;
 }
 
-webkit-input-placeholder{
				color:				#999;
				font-size:			0.75rem;
				font-weight:		normal;
				vertical-align:		middle;
}

-moz-placeholder{
				color:				#999;
				font-size:			0.75rem;
				font-weight:		normal;
				vertical-align:		middle;
}

-ms-placeholder{
				color:				#999;
				font-size:			0.75rem;
				font-weight:		normal;
				vertical-align:		middle;
}

placeholder{
				color:				#999;
				font-size:			0.75rem;
				font-weight:		normal;
				vertical-align:		middle;
}

.explore-levels{
				list-style:			none;
				margin-left:		0;
				padding-left:		0px;
}

.explore-levels li{
				display:			inline-block;
}

.explore-levels li::after{
				content:			'\00B7';
				margin-left:		2px;
				margin-right:		2px;
}

.explore-levels li.explore-levels-last::after{
				content:			'';
}

label{
				font-weight:		normal;
}

#show-label, .explore-levels{
				margin-top:			0;
				margin-bottom:		0;
}

#show-label{
				text-transform:		uppercase;
				font-size:			0.65rem;
				color:				#666;
}

.scc-application fieldset label:not(.filter-label){
				display:			inline;
}

.scc-application label.filter-label{
				line-height:		1;
				padding-bottom:		0;
				margin-top:			10px;
}

.scc-application fieldset label, .scc-application fieldset input {
				padding-top:		2px;
				padding-bottom:		2px;
}

#searchArea label{
				display:			block;
				font-size:			0.85rem;
}

.scc-application fieldset{
				position:			static;
				top:				auto;
				border:				none;
				margin-top:			0;
				margin-bottom:		0;
				padding-bottom:		0;
}

.scc-application legend{
				background-color:	#fafafa;
				padding:			2px;
				position:			static;
				text-shadow:		none;
				font-family:		Tahoma, Geneva, Verdana, sans-serif;
}

#divFilterOptions{
				background-color:	#fafafa;
				padding:			5px;
}

#divSelectSCC{
				margin-top:			-10px;
				margin-bottom:		10px;
				text-align:			center;
}

#filterOptions{
				text-transform:		uppercase;
}

#filterOptions img{
				width:				22px;
				height:				22px;
				vertical-align:		middle;
}

#contains-options legend {
				top:				auto;
				display:			inline;
				border:				none;
				background-color:	transparent;
				margin-left:		0;
				padding-left:		0;
				font-weight:		normal;

}

#contains-options label{
				margin-right:		5px;
}

.accordian {
				border:				1px solid #eee;
}

.accordian legend {
				background-color:	#fafafa;
				padding:			2px 2px 2px 20px;
				font-weight:		normal;
				border:				1px solid #eee;
				top:				0;
}

.accordian fieldset ul{
				width:				90%;
				margin:				5px 0 10px 26px;
				height:				auto;
}

.accordian fieldset ul li{
				line-height:		1.5;
}

.accordian fieldset + fieldset{
				margin-top:			0;
}

/* Screen reader only */
.sr-only{
				position:			absolute;
				width:				1px;
				height:				1px;
				margin:				-1px;
				padding:			0;
				overflow:			hidden;
				clip:				rect(0, 0, 0, 0);
				border:				0;
}

input[type="radio"]+label, input[type="checkbox"]+label{
				margin-left:		2px;
}

a.level.active-level{
				font-weight:		bold;
				text-decoration:	none;
				color:				#000;
}

a.level:focus{
				color:				inherit;
				background-color:	transparent;
}