@charset "UTF-8";
/* CSS Document */
/* prefix for local class names "hp-" */

/* Overrides for base.css specifications */
h1 {
    padding: 0;
    padding-right: 25%;
    line-height: 1.5;
    margin: 0;
}

h2 {
    padding-top: 0px;
  	padding-left: 0px;
  	color: #333333;
    background-color: transparent;
    font-weight: bold;
    font-size: 14px;
}

h2 + p {
    margin-top: 0px;
}

/* ----------------------------------------------
 * From 18F prototype
 * From uswds.css
 */
/* h1, */
h2,
h3,
h4,
h5,
h6 
{
  clear: both;
  margin-bottom: .5em;
  margin-top: 1.5em;
}

html {
    font-size: 10px;
}

/* ----------------------------------------------
 *
 */
#main-content {
    clear: both;
    padding: 0;
	  margin-bottom:2px;
}

#trial-count {
    margin-top: 1.5ex;
}

#trial-count h2 {
    font-size: large;
    font-weight: 700;
}

#tools-data {
    padding: 18px 10px 0;
}
    
#about-trials {
    margin-top: 6px;
    margin-bottom: 6px;
    padding-left: 4px;
}

#about-trials h2.hp-h2 {
  	margin-bottom: 3px;
}

/* ----------------------------------------------
 * Local classes 
 */
.hp-welcome {
    background: #205493;     
    color: white;
  	padding: 0.25in;
  	font-size: x-large;
  	margin: 0.125in 0;
}

.hp-banner {
		padding: 0 25% 0 0;
		line-height: 1.5;
		margin: 0;
}

.hp-trial-info {
    max-width: 338px;
    font-size: 1.7rem;
}

.hp-constituent {
		font-size: large;
}

.hp-constituent > div {
		margin-top: 6px;
}

/* ----------------------------------------------
 * For the Search recruiting studies button
 * Adds some css to bass.css searchButton spec
 */
input.hp-searchButton {
		margin-right: 2em;
		margin-bottom: 8px;
}

/* ----------------------------------------------
 * jquery-ui overrides
 */
.ui-button {
	color: #000000;
	background: #ffffff;
	text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active {
		border: 1px solid dimgrey;
		color: black;
		font-weight: normal;
}

.ui-button.ui-state-active:hover {
		border: 1px solid dimgrey;
		background: #ededed;
		font-weight: normal;
		color: black;
}

.ui-checkboxradio-radio-label .ui-icon-background {
		border: 2px solid dimgrey;
		box-shadow: inherit;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-color: #205493;
    width: 16px;
    height: 16px;
    border-width: 0;
}

.ui-icon-background, .ui-state-active .ui-icon-background {
	border: dimgrey;
}