.bigger {
	font-size: 110%;
}
.normal-line-height {
	line-height: normal;
}
.label-small {
	font-weight: normal;
}
.ct-hide {
	display: none;
}
body {
}
h1, h2, h3, h4 {
	/*font-family: "museo-slab", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
}
.margin-top {
    margin-top: 20px;
}
.no-margin-top {
    margin-top: 0;
}
.no-padding-bottom {
    padding-bottom: 0;
}
/* 1-800 number */
.number-block {
    margin-top:16px;text-align:center;
}
/* Welcome */
.info-block {
    margin: 0 auto 20px auto;
}
.circle-number {
    height:80px;
    border-radius: 40px;
    font-size:30px;
    font-weight:100;
    color:#ffffff;
    text-align: center;
    padding-top: 20px;
    background-color: #999;
}
.circle-number {
	min-width: 130px;
}
.big-text {
    padding-top: 5px;
    font-size:20px;
    line-height: 1.2;
    font-weight:100;
    margin-left: 150px;
}
.big-text-label {
    font-size:45px;
    line-height:1;
    color: #999;
}
#map {
    position: absolute;
    opacity: .5;
    margin: 0 auto;
}
#map-overlay {
    padding-top: 20px;
    position: relative;
    z-index: 9;
}
#overlay-text {
    font-size: 22px;
    color: #333;
    padding: 20px 40px;
    line-height: 1.2;
}
#overlay-text .small {
    font-size: 14px;
    font-style: italic;
}

.pager li a {
    margin: 0 3px 0 2px;
}

/* Home page */
.home-choices {
	background-color: #EEE;
	padding: 20px;
}
.home-choices .list-group-item-text {
	font-size: 16px;
	font-style: italic;
}
a.home-choices .list-group-item-heading {
	color: #337ab7;
}
.home-choices .list-group-item-heading .glyphicon {
	top: 3px;
}

/* Search */
#count {font-size: 25px; font-weight: bold; line-height: 1; z-index: 10; }
#count.affix {top: 0; width: 100px;}
#count small {font-weight: normal;}
#count .filter-counter {
    margin-bottom: 10px;
    margin-right: 20px;
    float: left;
}
#count .filter-counter span {
	display: inline-block;
	padding: 12px 15px 0 15px;
	min-width: 100px;
	height:50px;
	border-radius: 40px;
	font-size:25px;
	font-weight:100;
	color:#ffffff;
	text-align: center;
}

@media (max-width: 767px) {
    #count-container{ min-height: 100px; width: 100%;}

    #count .filter-counter { margin: 0 5px; }

    #count {font-size: 16px; padding: 5px; width: inherit; margin: auto;}
    #count .filter-counter span{ font-size: 15px; height: 40px; min-width: 85px; }
    #count small{ display: block; text-align: center; padding-top: 3px; }

    #count.affix {font-size: 16px; opacity: .6; padding: 5px; width: inherit; margin: auto;}
    #count.affix .filter-counter span{ font-size: 15px; height: 40px; min-width: 85px; }
    #count.affix small{ display: none; }
}

#guide .option-icon {
	float: left;
}
#guide .option-text {
	margin-left: 25px;
}
#guide .option-header {
	font-weight: bold;
	background-color: #ccc;
}
#phase-clear, #condition-clear, #query-clear, .clear {float: right; display: none; cursor: pointer;}
#radius-container { display: none }
#interventional-options {display: none }
#observational-options {display: none }
#guide span.glyphicon-remove {color: #666; }
#guide .checkbox-inline { margin-right: 10px; }
#guide .checkbox-inline+.checkbox-inline {margin-left: 0; }
#guide .help-tooltip {margin-left: 10px; }
#guide .tooltip-inner {
    max-width: 450px;
    white-space:pre-wrap;
    text-align: left;
}
#guide #step-2-details {color: #999}
#guide #start-over {margin-bottom: 20px;}

#filter .col-md-3 label[for="healthy"]{
    font-size: 14px;
}

/* Search results */
#refine-search input#query {
    width: 210px;
}
#refine-search {
    font-size: small;
}
#refine-search label {
    margin-right: 5px;
}

/* Trials list */
#trials-list td {
	padding: 12px 8px;
}
#trials-list th {
    font-weight: normal;
}
#trials-list div.truncated-summary, #trials-list div.full-summary {
    margin-top: 10px;
    font-size: 85%;
    line-height: 1.25;
}
#trials-list div.full-summary p {
    margin-bottom: 4px;
}
#trials-list img.priority-study {
    vertical-align: middle;
}
#trials-list .logo-link, #trials-list .logo-link:hover {
    text-decoration: none;
}
#results-metrics {
    margin-bottom: 20px;
}
#results-metrics .circle-number {
    font-size: 20px;
    height: 45px;
    padding-top: 10px;
    min-width: 90px;
}
#results-metrics .big-text-label {
    font-size: 25px;
    padding-top: 10px;
    padding-left: 5px;
    margin-right: 20px;
}

.top-link{
    min-height: 25px;
    margin-bottom: 5px;
}

/* Print styles */

.page-break {
    margin-top: 20px;
    border-bottom: 3px dashed #666;
}



/* Trial view */
@media (min-width: 768px) {
	.dl-horiontal-wide dt{ width: 240px }
	.dl-horiontal-wide dd{ margin-left: 260px }
}
.location-contact {margin-left: 2em;}
.same-page>h3{margin-top: 25px; font-size: 17px; }
ol.criteria-list, ul.criteria-list { padding-left: 1.5em;}
#trial-footer {
    margin-top: 90px;
    font-size: 12px;
    color: #999;
    text-align: right;
}
/* ResearchMatch link */
/* With logo */
a#researchmatch-link {
    display: block;
    background: url('../img/rmlogo.png');
    background-size: 23px 25px;
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 1.2;
    min-height: 30px;
    float: right;
    font-size: 12px;
    max-width: 250px;
    padding: 5px 5px 5px 35px;
    text-decoration: none;
}
a#researchmatch-link:hover {
    text-decoration: none;
}
/* Without logo */
div#researchmatch-link {
    line-height: 1.2;
    font-size: 12px;
    max-width: 300px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 40px;
    margin-bottom: 20px;
    margin-top: 0px;
}
div#researchmatch-link div.image {
    float: left;
}
div#researchmatch-link div.image img {
    width: 34px;
}

div#researchmatch-link div.text {
    margin-left: 40px;
    margin-top: 2px;
}
@media (min-width: 768px) {
    div#researchmatch-link {
        float: right;
        margin-bottom: 0;
    }
}
div#researchmatch-link a, div#researchmatch-link a:hover {
    text-decoration: none;
}

/* RM call-to-action footer */
#call-to-action-footer {
    position: fixed;
    bottom: 0;
    left: 0; right: 0;
    height: 75px;
    background-color: #03917f;
    padding: 10px;
    margin: auto;
    max-width: 999px;
    box-shadow: rgba(30, 30, 30, 0.5) 0px -5px 20px;
    z-index: 999;
}

#call-to-action-footer .border{
    margin: auto;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: #f9f9f9;
    border: 1px #f9f9f9 solid;
    border-radius: 5px;
}

#call-to-action-footer:hover{
    background-color: #027868;
    cursor: pointer;
}

#call-to-action-footer a{
    color: #F57D14;
    font-size: 20px;
    text-decoration: none;
}

#call-to-action-footer:hover a{
    color: #d76909;
    text-decoration: none;
}

#call-to-action-footer em{
    font-style: normal;
    font-weight: bold;
}

#call-to-action-footer .image {
    float: left;
    text-align: right;
    width: 10%;
    height: 100%;
}

#call-to-action-footer .image img{
    height: 100%;
}

#call-to-action-footer .text{
    float: right;
    width: 90%;
}

/* Colors */
.bg-studies, .bg-institutions, .bg-conditions {
    color: white;
}
.bg-studies {
    background-color: #265a88;
}
.color-studies {
    color: #265a88;
}
.bg-institutions {
    background-color: #cd9721;
}
.color-institutions {
    color: #cd9721;
}
.bg-conditions {
    background-color: #c12e2a;
}
.color-conditions {
    color: #c12e2a;
}


/* Typeahead styles */

/*
 * Bootstrap defines this rule with .input-group-lg>.form-control
 * but Twitter Typeahead wraps the input.form-control with a span,
 * so we need to redefine this rule
*/
.input-group-lg .form-control {
	height: 46px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.33;
	border-radius: 6px;
}
#search {
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
}
.twitter-typeahead {
	display: block !important;
}

.input-group .tt-dropdown-menu {
	margin-top: 34px;
}
.input-group-lg .tt-dropdown-menu {
	margin-top: 46px;
}
.tt-hint {
	color: #999
}
.tt-menu {
	width: 100%;
	background-color: #fff;
	border: 1px solid #ccc;
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
	max-height: 300px;
	overflow-y: auto;
	text-align: left;
	font-size: 14px;
}
.tt-suggestion {
	padding: 6px 10px;
}
.tt-suggestion.tt-cursor {
    background-color: #f5f5f5;
    cursor: pointer;
}
.tt-suggestion:hover {
    cursor: pointer;
    background-color: #f5f5f5;
}
.tt-selectable {
	background-color: #fff;
	cursor: pointer;
}
/* End Typeahead styles */

.notification-banner{
    position: relative;
    height: 75px;
    color: #ffffff;
    font-size: 18px;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #F5933D;
    padding: 10px;
    margin: auto;
    max-width: 999px;
    z-index: 999;
}

.notification-banner a{
    text-decoration: underline;
    color: #ffffff;
}

.notification-banner a:hover {
    color: #dddddd;
}

.notification-banner .border{
    margin: auto;
    width: 100%;
    height: 100%;
    text-align: center;
}

.notification-banner .close{
    position: absolute;
    top: 10px;
    right: 15px;
}

@media (max-width: 767px) {
    .notification-banner{
        display: none;
    }
}