/************ BEGIN KIT ITEMS **********/

/** COLORS

blue - #00a1de

orange - #ff7900

dk blue - #003c69

mid blue - #003c69

gray - #555555 , #666666





**/

body{
	width: 100%;
	font: normal 100% 'lato', helvetica, arial, sans-serif;
	color: #666666;
	background-color: #f1f7fc;	
}


/** Begin Search Tip Overlay **/
#search-tip-container{
	width: 60%;
	height: auto;
	position: fixed;
	bottom: 0;
	margin: 0 20%;
	padding: 0;
	z-index: 10000;
}

.search-tip-content-area{
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	background-color: #003c69;
	border-radius: 3px 3px 0 0;
	-moz-box-shadow:    0px 0px 2px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
	box-shadow:         0px 0px 2px rgba(0, 0, 0, 0.25);	
}

.search-tip-content{
	width: 94%;
	margin: 0%;
	padding: 3%;
}


.search-tip-close{
	float: right;
	margin: 0;
	padding: 0;
	width: 35%;
	display: inline-block;
	cursor: pointer !important;
}

.close-wrap{
	float: right;
}

.tip-close{
	font-size: 18px;
	font-weight: 300;
	color: #ffffff;
	padding: 0 20px 0 0;
	margin: 0;
	float: left;
}

img.tip-close{
	width: 25px;
	height: 25px;
	float: left;
	padding: 0 0px 0 0;		
}

.search-tip-title{
	float: left;
	margin: 0;
	padding: 0;
	width: 65%;
	display: inline-block;	
}

.tip-title{
	font-size: 26px;
	font-weight: 300;	
	color: #ffffff;
	padding: 0 20px 0 0;
	margin: 0;
	float: left;
}

img.tip-icon{
	width: 30px;
	height: 30px;
	float: left;		
}

.search-tip-body{
	width: 95%;
	height: auto;
	padding: 0px;
	margin: 0;
	display: inline-block;
}

.tip-body{
	font-size: 18px;
	font-weight: 300;	
	line-height: 155%;
	color: #ffffff;
	padding: 10px 0 0 0 ;
	margin: 0;
}


@media (max-width:690px){

#search-tip-container{
	width: 85%;
	margin: 0 7.5%;
}

.search-tip-content-area{
	width: 100%;
	}	
	
	
}


@media (max-width:520px){

.search-tip-content{
	width: 88%;
	margin: 0%;
	padding: 6%;
}
	
.search-tip-close{
	width: 100%;
	font-weight: 300;	
}	
	
.search-tip-title{
	width: 100%;
	padding: 10px 0 0 0;
}	


.tip-title{
	font-size: 24px;
	font-weight: 300;
	padding: 0 10px 0 0;	
	}
	
.tip-body{
	font-size: 14px;
	font-weight: 300;	
	}	
	
}



/** End Search Tip Overlay CSS **/






::selection {
	background: #00a1de;
	color: #ffffff; /* Safari */
	}

::-moz-selection {
	background: #00a1de; /* Firefox */
	color: #ffffff; 
}




p{
	font-size: 1.125em; /* 18 / 16 */
	font-weight: 300;
	line-height: 125%;
}

b{
	font-weight: 800;
}

i{
	font-weight: 600;
}

a{
	text-decoration: none;
}

ol,li{
	list-style: none;
}


.bg-transition{
	transition: 
		background 0.5s ease, 
		color 0.25s ease, 
		border 0.25s ease,
		opacity 0.25s ease;	
}

.opacity-ellipsis{
	opacity: 0.5;
}

.opacity{
	opacity: 0.5;
}

.opacity:hover{
	opacity: 1.0;
	transition: 
		opacity 0.25s ease;	
}


.opacity-three{
	opacity: 0.8;
}

.opacity-three:hover{
	opacity: 1.0;
	transition: 
		opacity 0.25s ease;	
}

/* ORANGE BTN */

a.orange-btn{
	display: inline-block;
	text-align: center;
	background-color: #FF7900;
	border: solid 1px #d46500;
	border-radius: 3px;
	box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.15);	
	height: 45px;	
}

a.orange-btn:hover{
	background-color: #ff9600;	
}

a.orange-btn:active{
-moz-box-shadow:    inset 2px 2px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset 2px 2px 0px rgba(0, 0, 0, 0.15);
box-shadow:         inset 2px 2px 0px rgba(0, 0, 0, 0.15);

}

a.orange-btn-small{
	display: inline-block;
	text-align: center;
	background-color: #FF7900;
	border: solid 1px #d46500;
	border-radius: 3px;
	box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.15);	
	height: 30px;	
}

a.orange-btn-small:hover{
	background-color: #ff9600;	
}

a.orange-btn-small:active{
-moz-box-shadow:    inset 2px 2px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset 2px 2px 0px rgba(0, 0, 0, 0.15);
box-shadow:         inset 2px 2px 0px rgba(0, 0, 0, 0.15);

}

.btn-text{
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	color: #ffffff;
	padding: 1em 0em 1em 0em;
	border: none;	
	text-transform: uppercase;
	font-size: 0.875em; /* 14 / 16 */
	font-weight: 600;	
}

.btn-text-small{
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	color: #ffffff;
	padding: .5em 0em .5em 0em;
	border: none;	
	text-transform: uppercase;
	font-size: 0.875em; /* 14 / 16 */
	font-weight: 600;	
}

.left-gradient-title{
    background: -webkit-linear-gradient(45deg, rgba(255,255,255,0), rgba(255,255,255,1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(45deg, rgba(255,255,255,0), rgba(255,255,255,1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(45deg, rgba(255,255,255,0), rgba(255,255,255,1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(45deg, rgba(255,255,255,0), rgba(255,255,255,1)); /* Standard syntax (must be last) */	 
    background-color: transparent;
    float: left;
    display: inline-block;
    height: 1em;	
    width: 50px 
	
}

.left-gradient-sponsor{
    background: -webkit-linear-gradient(45deg, rgba(255,255,255,0), rgba(255,255,255,1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(45deg, rgba(255,255,255,0), rgba(255,255,255,1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(45deg, rgba(255,255,255,0), rgba(255,255,255,1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(45deg, rgba(255,255,255,0), rgba(255,255,255,1)); /* Standard syntax (must be last) */	 
    background-color: transparent;
    float: left;
    display: inline-block;
    height: 1em;	
    width: 20px 
	
}

.left-gradient{
    background: -webkit-linear-gradient(45deg, rgba(255,255,255,0), rgba(255,255,255,1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(45deg, rgba(255,255,255,0), rgba(255,255,255,1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(45deg, rgba(255,255,255,0), rgba(255,255,255,1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(45deg, rgba(255,255,255,0), rgba(255,255,255,1)); /* Standard syntax (must be last) */	 
    background-color: transparent;
    float: left;
    display: inline-block;
    height: 1em;	
    width: 50px 
	
}

@media (max-width:640px){
.left-gradient{
    background: -webkit-linear-gradient(45deg, rgba(255,255,255,0), rgba(255,255,255,1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(45deg, rgba(255,255,255,0), rgba(255,255,255,1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(45deg, rgba(255,255,255,0), rgba(255,255,255,1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(45deg, rgba(255,255,255,0), rgba(255,255,255,1)); /* Standard syntax (must be last) */	 
    background-color: transparent;
    float: left;
    display: inline-block;
    height: 1.25em;	
    width: 50px 
	
}	
}

.ellipsis-background{
	background-color: white;
}

.ellipsis-studies {
    background: transparent; 
    bottom: 0;
    position: absolute;
    right: 0;
}

.study-title{
	right: -2px;
}

.fill-studies {
    background: #ffffff; 
    height: 100%;
    position: absolute;
    width: 100%;
}

/************ END KIT ITEMS **********/

/************ DESKTOP JUMP ************/


.header-content-area{
	width: 90%;
	margin: 0 auto;
	height: 100%
}

.logo-area{
	width: 50%;
	height: 80%;
	float: left;
	margin: 1em 0em 0em 0em;	
}

.logo{
	width: 213px;
	height: 46px;
	float: left;
	padding: 0em 1em 0em 0em;
}

.site-descriptor{
	display: inline-block;
}

li.logo-div-line{
	width: 1px;
	height: 25px;
	border-right: solid 1px rgba(0,0,0,0.2);
	float: left;
	margin: 1em 1em 0em 0em;	
}

a.study-finder-link{
	text-transform: uppercase;
	font-size: 1em; /* 18 / 18 */
	color: #00a1de;
	opacity: 0.75;
	margin: 0.85em 0em 0em 0em;	
	float: left;	
}

p.study-finder-text{
	font-weight: 500;	
}

a.study-finder-link:hover{
	opacity: 1.0;
}

/** Begin Hide Mobile Menu Items **/
nav.mobile-nav-area{
	display: none;
}
/** End Hide Mobile Menu Items **/


nav.desktop-nav-area{
float: right;
width: 50%;
height: 100%;
display: inline-block;
} 


/**/

nav.navi{
	display: none;
}

.navi-one{
	display: inline-block;
	float: left;
	width: 100%;		
}

a.nav-link{
	display: inline-block;
	float: left;
	width: 20%;
	text-align: center;	
	margin: 1.75em 0em 0em 0em;	
}

.nav-item{
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.875em; /* 14 / 16 */ 
	font-weight: 600;
	color: #636363;	
}

.nav-item:hover{
	color: #00a1de;
	padding-bottom: 5px;
	border-bottom: solid 3px #00a1de
}

.selected{
	color: #00a1de;
	padding-bottom: 5px;
	border-bottom: solid 3px #00a1de
}

a.donate-btn{
	display: inline-block;
	text-align: center;
	width: 33%;
	background-color: #FF7900;
	border: solid 1px #d46500;
	border-radius: 3px;
	box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.15);	
	height: 50%;
	margin: 15px 0% 0% 5%;	
}

a.donate-btn:hover{
	background-color: #ff9600;	
}

a.donate-btn:active{
-moz-box-shadow:    inset 2px 2px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset 2px 2px 0px rgba(0, 0, 0, 0.15);
box-shadow:         inset 2px 2px 0px rgba(0, 0, 0, 0.15);

}

.btn-item{
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	color: #ffffff;
	padding: 1em 0em 1em 0em;
	border: none;	
	text-transform: uppercase;
	font-size: 0.875em; /* 14 / 16 */
	font-weight: 600;	
}

.btn-item:hover{
	border: none;
	color: #ffffff;
}



/** Begin Hero Content Area **/
#hero-content-area-results{
	width: 100%;
	height: auto;
	overflow: auto;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
 	background: rgba(0, 161, 222, 1.0);	

}


ul.hero-content-message-results{
	width: 55%;
	height: auto;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 5%;
	overflow: auto;
	float: left;	
}

li.hero-content-title-area-results{
	padding: 0em 0em 0em 0em;
	margin: 7.35em 0em 0em 0em;
	height: 100%;
	overflow: auto;		
}



h1.hero-content-title-results{
	color: #ffffff;
	text-align: left;
	font-size: 2.25em; /* 36 / 16 */
	font-weight: 300;
	line-height: 125%;
}


li.hero-content-subtitle-area-results{
	padding: .25em 0em .25em 0em;
	margin: 0em 0em 0em 0em;
	height: 100%;
	overflow: auto;		
}

p.hero-content-subtitle-results{
	color: #ffffff;
	text-align: left;
}

.screening-cta-area-results{
	width: 33%;
	height: 100%;
	overflow: auto;
	float: right;
	padding: 9.75em 5.5% 4.25em 0;
	margin: 0em 0em 0em 0em;
	background-color: rgba(0,60,105,0.20);					
}		

.in-body-link{
	text-decoration: underline;
	color: #ffffff;
	
}

.in-body-link:hover{
	text-decoration: underline;
	color: #ffffff;
}

.btn-custom-a-results{
	width: 90%;
	float: right;
	display: inline-block;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;	
}
/** End Hero Content Area **/

/** Begin Studies Shown Message **/
.studies-shown-message-area{
	width: 100%;
	height: auto;
	overflow: auto;
	margin: 0em 0em 0em 0em;		
	padding: 3em 0em 3em 0em;	
}

.studies-shown-message{
	width: 90%;
	height: auto;
	overflow: auto;	
	margin: 0 auto;		
	padding: 0em 0em 0em 0em;	
}

.studies-shown-title-area{
	width: 100%;
	height: auto;
	overflow: auto;
	margin: 0em 0em 0em 0em;		
	padding: 0em 0em 0em 0em;	
}

h1.studies-shown-title{
	text-align: center;
	color: #555555;
	font-size: 2.25em; /* 36 / 16 */
	font-weight: 300;
	line-height: 125%;
}

b.studies-shown-emphasis{
	color: #003c69;
}
/** End Studies Shown Message **/

/** Begin Study List Area **/
#study-list-area{
	width: 100%;
	height: auto;
	overflow: auto;
	margin: 0em 0em 0em 0em;	
	padding: 0em 0em 0em 0em;	
}

.study-list-center-studies{
	width: 90%;
	height: auto;
	overflow: auto;
	margin: 0 auto;
	padding: .1em 0em 3em 0em;	
}

/** Begin Hide Accordion Title For Larger Divices **/
.accordion-search-title{
	display: none;
}

/** End Hide Accordion Title For Larger Divices **/


/** Begin Search Bar Area **/
div.study-search-area{
	width: 25.75%;
	float: left;
	height: auto;
	overflow: auto;
	padding: 0em 0em 0em 0em;	
	margin: 0em 0em 1em .1em;	
	background-color: #ffffff;
	-moz-box-shadow:    0px 0px 2px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15);
	box-shadow:         0px 0px 2px rgba(0, 0, 0, 0.15);
	display: inline-block;	
}

.conditions-search-area{
	width: 100%;
	height: auto;
	overflow: auto;
	padding: 2em 0em 2em 0em;	
	margin: 0em 0em 0em 0em;
	background-color: #003c69;	
}

.conditions-title-area{
	width: 100%;
	height: auto;
	padding: 0em 0em 1em 0em;
	margin: 0em 0em 0em 0em;	
}

p.conditions-title{
	font-size: 1em; /* 16 / 16 */
	font-weight: 700;
	letter-spacing: 0.05em;
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
}

.search-box-studies{
	float: right;
	width: 100%;	
	margin: -0.15em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
}

.condition-search-box-studies{ 
	height: 45px;
	width: 62%;
	background-color: #122841;
	color: #ffffff;
	float: left;
	border: none;
	border-radius: 100px 0 0 100px;
	padding: 0em 0em 0em 5%;
	margin: 0em 0em 0em 10%;	
	font-size: 1em;
	font-weight: 300;
	font-family: 'lato', helvetica, sans-serif;		
}

.search-submit-btn-studies{
	float: right;
	height: 45px;
	width: 18%;	
	background-color: #122841;
	border: none;
	cursor: default;
	opacity: 1;
	margin: 0px 5% 0px 0px;
	border-radius: 0 100px 100px 0;
}

.search-submit-btn-studies:hover{
	opacity: 1;
}

.search-icon-btn-studies{
	width: 18px;
	height: 18px;
}

/** Begin Study Criteria Styles **/

.criteria-area{
	width: 100%;
	height: auto;
	padding: 0em 0em 1em 0em;
	margin: 0em 0em 0em 0em;	
}

.criteria-title-area{
	width: 100%;
	height: auto;
	padding: 1em 0em 1em 0em;
	margin: 0em 0em 0em 0em;	
}

p.criteria-title{
	font-size: 1em; /* 16 / 16 */
	font-weight: 700;
	letter-spacing: 0.02em;
	color: #555555;
	text-align: center;
	text-transform: uppercase;	
	}
	
/** Begin Gender Dropdown Styles **/
.dropdown-recruitment {
	width: 90%;
	height: auto;
	margin: 0em 0em 0em 5%;
	cursor: pointer;
	font-weight: 700;
}

.dropdown-recruitment span {
	font-size: 16px;
	background-color: #ffffff;
	color: rgba(85,85,85,1.0);
	display: block;
	opacity: 0.7;
}

.dropdown-button-a{
	padding: .75em 1em .75em 1em;  
}

.dropdown-recruitment .dropdown-list-a {
	position:absolute;
	left: 0;
	width: 20.85%;
	margin: 0 0 0 6.3%;	
	display: none;
	z-index: 5;
	max-height: 300px;
	overflow-y: auto;
	border: solid 1px rgba(85,85,85,0.5);		
}

.dropdown-recruitment .dropdown-list-a li {
	padding: 1em;
	font-size: 16px;
	background-color: #f7f7f7/*rgba(85,85,85,0.05)*/;
	border-top: solid 1px rgba(85,85,85,0.15);
	color: rgba(85,85,85,0.75);
	-webkit-transition: color, background-color 0.2s ease-in-out;
	-moz-transition: color, background-color 0.2s ease-in-out;
	-o-transition: color, background-color 0.2s ease-in-out;
	-ms-transition: color, background-color 0.2s ease-in-out;
	transition: color, background-color 0.2s ease-in-out;
}

.dropdown-recruitment .dropdown-list-a li:hover {
	color: #ffffff;
	background-color: rgba(85,85,85,1.0);  
	cursor: pointer;
}
/** End Gender Dropdown Style **/		
/** Begin StudyType Dropdown Styles **/
.dropdown-study-type {
	width: 90%;
	height: auto;
	margin: 0em 0em 0em 5%;
	font-weight: 700;
}


.dropdown-study-type span {
	font-size: 16px;
	background-color: #ffffff;
	color: rgba(85,85,85,1.0);
	display: block;
	opacity: 0.7;
}

.dropdown-button-b{
	padding: .75em 1em .75em 1em;  
}

.dropdown-study-type .dropdown-list-b {
	position:absolute;
	left: 0;
	width: 20.85%;
	margin: 0 0 0 6.3%;	
	display: none;
	z-index: 5;
	max-height: 300px;
	overflow-y: auto;
	border: solid 1px rgba(85,85,85,0.5);		
}

.dropdown-study-type .dropdown-list-b li {
	padding: 1em;
	font-size: 16px;
	background-color: #f7f7f7/*rgba(85,85,85,0.05)*/;
	border-top: solid 1px rgba(85,85,85,0.15);
	color: rgba(85,85,85,0.75);
	-webkit-transition: color, background-color 0.2s ease-in-out;
	-moz-transition: color, background-color 0.2s ease-in-out;
	-o-transition: color, background-color 0.2s ease-in-out;
	-ms-transition: color, background-color 0.2s ease-in-out;
	transition: color, background-color 0.2s ease-in-out;
}

.dropdown-study-type .dropdown-list-b li:hover {
	color: #ffffff;
	background-color: rgba(85,85,85,1.0);  
	cursor: pointer;
}
/** End StudyType Dropdown Style **/	
/** Begin Phase Dropdown Styles **/
.dropdown-phase {
	width: 90%;
	height: auto;
	margin: 0em 0em 0em 5%;
	font-weight: 700;
}


.dropdown-phase span {
	font-size: 16px;
	background-color: #ffffff;
	color: rgba(85,85,85,1.0);
	display: block;
	opacity: 0.7;
}

.dropdown-button-c{
	padding: .75em 1em .75em 1em;  
}

.dropdown-phase .dropdown-list-c {
	position:absolute;
	left: 0;
	width: 20.85%;
	margin: 0 0 0 6.3%;	
	display: none;
	z-index: 5;
	max-height: 300px;
	overflow-y: auto;
	border: solid 1px rgba(85,85,85,0.5);		
}

.dropdown-phase .dropdown-list-c li {
	padding: 1em;
	font-size: 16px;
	background-color: #f7f7f7/*rgba(85,85,85,0.05)*/;
	border-top: solid 1px rgba(85,85,85,0.15);
	color: rgba(85,85,85,0.75);
	-webkit-transition: color, background-color 0.2s ease-in-out;
	-moz-transition: color, background-color 0.2s ease-in-out;
	-o-transition: color, background-color 0.2s ease-in-out;
	-ms-transition: color, background-color 0.2s ease-in-out;
	transition: color, background-color 0.2s ease-in-out;
}

.dropdown-phase .dropdown-list-c li:hover {
	color: #ffffff;
	background-color: rgba(85,85,85,1.0);  
	cursor: pointer;
}
/** End Phase Dropdown Style **/	
/** Begin Age Dropdown Styles **/
.dropdown-age-studies {
	width: 90%;
	height: auto;
	margin: 0em 0em 0em 5%;
	font-weight: 700;
}

.dropdown-age-studies span {
	font-size: 16px;
	background-color: #ffffff;
	color: rgba(85,85,85,1.0);
	display: block;
	opacity: 0.7;
}

.dropdown-button-d{
	padding: .75em 1em .75em 1em;  
}

.dropdown-age .dropdown-list-d {
	position:absolute;
	left: 0;
	width: 20.85%;
	margin: 0 0 0 6.3%;	
	display: none;
	z-index: 5;
	max-height: 300px;
	overflow-y: auto;
	border: solid 1px rgba(85,85,85,0.5);		
}

.dropdown-age .dropdown-list-d li {
	padding: 1em;
	font-size: 16px;
	background-color: #f7f7f7/*rgba(85,85,85,0.05)*/;
	border-top: solid 1px rgba(85,85,85,0.15);
	color: rgba(85,85,85,0.75);
	-webkit-transition: color, background-color 0.2s ease-in-out;
	-moz-transition: color, background-color 0.2s ease-in-out;
	-o-transition: color, background-color 0.2s ease-in-out;
	-ms-transition: color, background-color 0.2s ease-in-out;
	transition: color, background-color 0.2s ease-in-out;
}

.dropdown-age .dropdown-list-d li:hover {
	color: #ffffff;
	background-color: rgba(85,85,85,1.0);  
	cursor: pointer;
}
/** End Age Style **/	
/** Begin Gender Dropdown Styles **/
.dropdown-gender {
	width: 90%;
	height: auto;
	margin: 0em 0em 0em 5%;
	font-weight: 700;
}


.dropdown-gender span {
	font-size: 16px;
	background-color: #ffffff;
	color: rgba(85,85,85,1.0);
	display: block;
	opacity: 0.7;
}

.dropdown-button-e{
	padding: .75em 1em .75em 1em;  
}

.dropdown-gender .dropdown-list-e {
	position:absolute;
	left: 0;
	width: 20.85%;
	margin: 0 0 0 6.3%;	
	display: none;
	z-index: 5;
	max-height: 300px;
	overflow-y: auto;
	border: solid 1px rgba(85,85,85,0.5);		
}

.dropdown-gender .dropdown-list-e li {
	padding: 1em;
	font-size: 16px;
	background-color: #f7f7f7/*rgba(85,85,85,0.05)*/;
	border-top: solid 1px rgba(85,85,85,0.15);
	color: rgba(85,85,85,0.75);
	-webkit-transition: color, background-color 0.2s ease-in-out;
	-moz-transition: color, background-color 0.2s ease-in-out;
	-o-transition: color, background-color 0.2s ease-in-out;
	-ms-transition: color, background-color 0.2s ease-in-out;
	transition: color, background-color 0.2s ease-in-out;
}

.dropdown-gender .dropdown-list-e li:hover {
	color: #ffffff;
	background-color: rgba(85,85,85,1.0);  
	cursor: pointer;
}
/** End Gender Dropdown Style **/	

/** Begin Locations DIV Line **/
.criteria-div-line{
	width: 100%;
	height: 1px;
	border-top: solid 1px rgba(85,85,85,0.15);
	margin: 0.5em 0em 0.5em 0em;
}
/** End Locations DIV Line **/

.zip-search-box-area-studies{
	height: 50px;
	width: 90%;
	margin: 0em 0em 1em 5%;	
	border: solid 1px rgba(85,85,85,0.25);
	border-radius: 3px;	
}

.zip-search-box-area-studies:hover{
	border: solid 1px rgba(85,85,85,1.0);	
}

.free-text-area-studies{
	height: 50px;
	width: 100%;
	border: solid 1px rgba(85,85,85,0.25);
	border-radius: 3px;	
}

.free-text-area-studies:hover{
	border: solid 1px rgba(85,85,85,0.5);
}
.zip-search-box-studies{ 	
	margin: 0em 0em 0em 5%;	
	background-color: transparent;
	height: 95%;
	width: 90%;
	border: none;
	color: #555555;	
	font-size: 1em;
	font-weight: 700;
	font-family: 'lato', helvetica, sans-serif;	
	cursor: text;		
}

/** Begin Search BTN **/

.btn-custom-c{
	width: 90%;
	margin: .5em 0em 0em 5%;
}

.btn-custom-d-screening{
	width: 71.5%;
	margin: .5em 0em 0em 0;	
	float: right;
	cursor: pointer;	
}

a.dark-blue-btn{
	display: inline-block;
	text-align: center;
	background-color: #003c69;
	border: solid 1px #031c2f;
	border-radius: 3px;
	box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.15);	
	height: 45px;	
	cursor: pointer;
}

a.dark-blue-btn:hover{
	background-color: #00508c;	
}

a.dark-blue-btn:active{
-moz-box-shadow:    inset 2px 2px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset 2px 2px 0px rgba(0, 0, 0, 0.15);
box-shadow:         inset 2px 2px 0px rgba(0, 0, 0, 0.15);

}
/** End Search BTN **/
/** Begin Distance Dropdown Styles **/
.dropdown-distance-studies {
	width: 90%;
	height: auto;
	margin: 0em 0em 0em 5%;
	font-weight: 700;
}


.dropdown-distance-studies span {
	font-size: 16px;
	background-color: #ffffff;
	color: rgba(85,85,85,1.0);
	display: block;
	opacity: 0.7;
}

.dropdown-button-f{
	padding: .75em 1em .75em 1em;  
}

.dropdown-distance-studies .dropdown-list-f {
	position:absolute;
	left: 0;
	width: 20.85%;
	margin: 0 0 0 6.3%;	
	display: none;
	z-index: 5;
	max-height: 300px;
	overflow-y: auto;
	border: solid 1px rgba(85,85,85,0.5);		
}

.dropdown-distance-studies .dropdown-list-f li {
	padding: 1em;
	font-size: 16px;
	background-color: #f7f7f7/*rgba(85,85,85,0.05)*/;
	border-top: solid 1px rgba(85,85,85,0.15);
	color: rgba(85,85,85,0.75);
	-webkit-transition: color, background-color 0.2s ease-in-out;
	-moz-transition: color, background-color 0.2s ease-in-out;
	-o-transition: color, background-color 0.2s ease-in-out;
	-ms-transition: color, background-color 0.2s ease-in-out;
	transition: color, background-color 0.2s ease-in-out;
}

.dropdown-distance-studies .dropdown-list-f li:hover {
	color: #ffffff;
	background-color: rgba(85,85,85,1.0);  
	cursor: pointer;
}
/** End Distance Dropdown Style **/	

/** Begin Global Dropdown Style **/

/** Begin Dropdown Styles **/

/** Begin Dropdown Style CSS Control **/
.dropdown-title{
	margin: 0px 0px 5px 0px;
}

.form-width{
	width: 100%;
}

.dropdown-styles {
	width: 100%;
	height: 50px;
	margin: 0em 0em 1em 0em;
	cursor: pointer;
	font-weight: 700;
	background: url(images/dropdown-arrow.svg) no-repeat right;
	background-size: 25px 25px;	  
	background-color: transparent;
	border: solid 1px rgba(85,85,85,0.25);
	border-radius: 3px;
	cursor: pointer;
}

.dropdown-styles:hover{
	border: solid 1px rgba(85,85,85,0.5);
}



.dropdown-button-d{
	padding: .75em 1em .75em 1em;  
}

.dropdown-styles .form-width {
	position:absolute;
	left: 0;
	width: 20.85%;
	margin: 0 0 0 6.3%;	
	z-index: 5;
	max-height: 300px;
	overflow-y: auto;	
}

.dropdown-styles .form-width option {
	padding: 1em;
	font-size: 16px;
	background-color: #f7f7f7/*rgba(85,85,85,0.05)*/;
	border-top: solid 1px rgba(85,85,85,0.15);
	color: rgba(85,85,85,0.75);
	-webkit-transition: color, background-color 0.2s ease-in-out;
	-moz-transition: color, background-color 0.2s ease-in-out;
	-o-transition: color, background-color 0.2s ease-in-out;
	-ms-transition: color, background-color 0.2s ease-in-out;
	transition: color, background-color 0.2s ease-in-out;
}

.dropdown-styles .form-width option:hover {
	color: #ffffff;
	background-color: rgba(85,85,85,1.0);  
	cursor: pointer;
}
/** End Dropdown Style CSS Control **/


/** End Global Dropdown Style **/



/** Spinner Styles **/
.spinner{
	width: 100%;
	height: 100%;
	overflow: auto;
	float: right;	
	padding: 80px 0em 80px 0em;	
	margin: -482px 0em 0em -5%;
	background-color: transparent;
	-moz-box-shadow:    0px 0px 2px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15);
	box-shadow:         0px 0px 2px rgba(0, 0, 0, 0.15);	
	display: inline-block;
	background-color: #ffffff;
	position: fixed;
	z-index: 100;
	opacity: 0.95;
	display: block;
}

.loading-image{
	width: 125px;
	height: 125px;
	margin: 150px 0px 0px 44%;
}

h1.loading-title{
	text-align: center;
	color: #555555;
	font-size: 1.5em;
	font-weight: 300;
	line-height: 125%;
}

/** End Study Criteria Styles **/
/** End Search Bar Area **/
.search-title-gray{
	text-align: center;
	font-size: 18px;
	font-weight: 300;
	height: auto;
	overflow: auto;
	background-color: rgba(0,0,0,0.05);
	border-radius: 100px;
	width: 71%;
	margin: 0 0 25px 0;
	float: right;
	padding: 10px 2px 10px 3px;
	font-weight: 300;
}

.studies-title-gray-width{
	width: 90%;
	margin: 0 0 0 5%;
	font-size: 0.86em;
}

.hide-help-tip{
	display: none;
}

#no-search-result{   
    background-color: #FFFFFF;
    width: 71%;
    margin: 0 0 25px 0;
    float: right;
    padding: 10px 2px 10px 3px;
    border: solid 1px #d1e3f4;
    line-height: 155%;
	font-size: 18px;
	display: none;
}
#no-search-result-help-msg{
	
	width: 90%;
	margin: 0 0 0 4%;
}
.specific-study-area-studies{
	width: 71%;
	height: auto;
	overflow: auto;
	float: right;	
	padding: 0em 0em 0em 0em;	
	background-color: #ffffff;
	-moz-box-shadow:    0px 0px 2px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15);
	box-shadow:         0px 0px 2px rgba(0, 0, 0, 0.15);
	display: inline-block;
}

.specific-study-id-area-studies-id{
	width: 100%;
	height: auto;
	overflow: auto;	
	display: inline-block;
	padding: 0;
	margin: 0 0 5px 0;	
}

.study-id-text{
	font-size: 14px;
	font-weight: 300;
	float: left;
	margin: 2px 0 0px 0;		
}

.study-id-emphasis{
	font-weight: 700;
	text-transform: uppercase;
	font-size: 13px;
}

.study-id-badge-image{
	width: 20px;
	height: 20px;
	margin: 0 10px 0 0;
	float: left;	
}


.study-three-studies{

	margin: 0em .1em 2em .1em;				
}

.border-a-studies{
	border-top: none;
	border-left: solid 5px #003c69;
}


.specific-study-item-studies{
	width: 60%;
	height: auto;
	overflow: auto;
	float: left;
	margin: 17px 0 0 20px;	
	padding: 0em 0em 0em 0em;		
}

.specific-study-title-area-studies{	
}

p.specific-study-title-studies{
	max-height: 95px;
	font-size: 1.5em /** 24 / 16 **/;
	color: #003c69;
	font-weight: 300;
    overflow: hidden;
    text-overflow: ellipsis;	
	margin: 0em 0em .05em 0em;	
	padding: 0em 0em 0em 0em;
	position: relative;   	    
}

.specific-study-sponsor-area-studies{
	
}

p.specific-study-sponsor-studies{
	height: 18px;
	font-size: 0.875em /** 14 / 16 **/;
	color: #555555;
	font-weight: 600;	
	margin: 0em 0em .75em 0em;	
	padding: 0em 0em 0em 0em; 
    overflow: hidden;
    text-overflow: ellipsis;		
    position: relative;   	    

}

.specific-study-description-area-studies{
	
}

p.specific-study-description-studies{
	font-size: 16px /** 14 / 16 **/;
	color: #555555;
	font-weight: 300;
	line-height: 145%;
	width: 92%;
	max-height: 93px;		
    overflow: hidden;	
    display: inline-block;
	position: relative;       
}

.study-distance-area-studies{
	padding: 0.5em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
	width: 45%;
	float: left;	
}

p.study-distance-studies{
	font-size: 0.875em /** 14 / 16 **/;
	color: #aaaaaa;
	font-weight: 300;
	line-height: 125%;
	height: auto;
	margin-top: 5px;		 
}


.read-more-text-link{
	width: 100%;
	height: auto;
	overflow: auto;
	padding: 0.2em 0em 0.25em 0em;
}

.read-more-link-studies{
	color: #003c69;
	font-size: 0.875em /** 14 / 16 **/;
	font-weight: 300;
	line-height: 125%;
	cursor: pointer;
}

.read-more-link-studies:hover{
	color: #003c69;
}

.study-details-area-studies{
	height: 265px;
	width: 35%;
	background-color: #fafcfe;
	border-left: solid 1px #dfe0e1;
	border-top: none;
	margin: 0em 0em 0em 0em;
	padding: 20px 0 20px 0;
	display: inline-block;
	float: right;		
}

.study-deatails-area-title{
	text-align: center;
	margin: 0px 0 0 0;
	font-weight: 400;
	font-size: 14px;
	width: 100%;
	font-weight: 400;
}

.study-info-studies{
	width: 90%;
	height: 45px;
	margin: 0.875em auto 0 auto;
	padding: 0em 0em 0em 0em;	
	border: solid 1px #d1e3f4;
	border-radius: 3px;
}

.study-icon{
	width: 18px;
	height: 18px;
	margin: 0 0.35em 0 0em;
	padding: 0em 0em 0em 0em;
}

.study-text{
	text-align: center;
	font-size: 0.875em /** 14 / 16 **/;
	font-weight: 300;
	margin: .75em 0em 0em 0em;
	padding: 0em 0em 0em 0em;	
}

.view-site-btn-studies{
	width: 40%;
	height: 40px;
	overflow: auto;
	margin: 7px auto;
	padding: 0em 0em 0em 0em;	
	border-radius: 3px;
	cursor: pointer;
	float: left;
	border: solid 1px rgb(14, 85, 155);	
    color: rgb(14, 85, 155);    
	transition: color 0.5s ease, border 0.5s ease;		
	
}

.view-site-btn-studies:hover{
    border: solid 1px #00a1de;
    color: #00a1de;    	
}


.read-more-btn{
	width: 30%;
	height: 25px;
	overflow: auto;
	padding: 0em 0em 0em 0em;	
	color: rgba(85,85,85,0.65);	
	border: solid 1px rgba(85,85,85,0.5);
	border-radius: 3px;
	cursor: pointer;
	float:  left;
	margin: 10px 20px 0 0;
}

.read-more-btn:hover{
	border: solid 1px #00a1de;
		color: #00a1de;	
}

.read-btn-text{

	text-align: center;
	font-size: 0.75em /** 14 / 16 **/;
	font-weight: 600;
	text-transform: uppercase;
	margin: 5px 0px 0px 0px;	
}


.view-site-btn-overlay{
	width: 99%;
	height: 45px;
	overflow: auto;
	margin: .65em auto;
	padding: 0em 0em 0em 0em;	
	border: solid 1px #00a1de;
	border-radius: 3px;
	cursor: pointer;
}

/** .view-btn-text{
	color: #00a1de;
	text-align: center;
	font-size: 0.875em;
	font-weight: 600;
	text-transform: uppercase;
	margin: 11px 0em 0em 0em;	
}**/

.active-btn:active{
-moz-box-shadow:    inset 2px 2px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset 2px 2px 0px rgba(0, 0, 0, 0.15);
box-shadow:         inset 2px 2px 0px rgba(0, 0, 0, 0.15);
background-color: #f1f7fc;
}

.active-btn-read:active{
-moz-box-shadow:    inset 2px 2px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset 2px 2px 0px rgba(0, 0, 0, 0.15);
box-shadow:         inset 2px 2px 0px rgba(0, 0, 0, 0.15);
}
/** End Study List Area **/

/** Begin Pagination Area **/
.pagination-area{
	width: 71%;
	float: right;		
	padding: 0em 0em 0em 0em;
	margin: 2.5em 0em 0em 0em;	
}

#pagination {
	width: 100%;
    text-align: center;	
	margin: 0em 0em 0em 0em;
    display: inline-block;
    vertical-align: middle;
    padding: 0em 0em 0em 0em;
}
#pagination a, #pagination i {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    color: #7D7D7D;
    text-align: center;
    font-size: .875em /* 14 / 16 */;
}

#pagination a {
    border: solid 1px rgba(85,85,85,0.25);
    color: #555555;
    border-radius: 50px;    
    padding: 0.5em 0.75em 1em 0.75em;
    cursor: pointer;
    margin: 0em 1.75% 0em 0em;
    width: auto;
	height: 10px;
    opacity: 0.5;
}

#pagination a:hover{
	opacity: 1.0;
}

#pagination i {
    margin: 0em 1.75% 0em 0em;
    padding: 0em 0em 0em 0em;    
}

#pagination a.current {
    background-color: #00a1de;
    color: #ffffff;
    border-radius: 50px;
    padding: 0.5em 0.75em 1em 0.75em;
    width: auto;
	height: 10px;   
    border: solid 1px #00a1de; 
    display: inline-block;   
}
.arrow{
    font-size: 1.5em /* 14 / 16 */ !important;
    padding: .15em .7em .80em .6em !important;
    width: auto;
	height: 15px !important;   
    border: solid 1px rgba(85,85,85,0.25);
    border-radius: 3px !important;
}


.left-arrow-icon{
	width: 12px;
	height: 15px;
	display: inline-block;
}

.right-arrow-icon{
	width: 12px;
	height: 15px;
	display: inline-block;
}

/** End Pagingation Area **/

/** Begin Study Read More Overlay **/

.close-btn{
	width: 100%;
	float: right;
	display: inline-block;	
}

.close{ /** Close Overlay X BTN **/
    display:inline-block;
    position:absolute;
    top:10px;
    right:20px;
	margin: .5em 0em 0em 0em;    
    background: #00a1de;
    color:white;
    height:30px;
    width:30px;
    line-height:30px;
    font-size: 1.5em /*24 / 16 */;
    text-decoration:none;
    text-align:center;
    font-weight: 700;
    -webkit-border-radius:40px;
    -moz-border-radius:40px;
    -o-border-radius:40px;
    border-radius:30px;
}

.close-type{ /** Close Overlay X Type **/
    display:inline-block;
    position:absolute;
    top:10px;
    right:60px;
   	margin: 1em 0em 0em 0em; 
    color:#00a1de;
    line-height: 30px;
    font-size: 0.875em /*14 / 16 */;
    text-decoration:none;
    text-transform: uppercase;
    text-align:right;
    font-weight: 700;
    cursor: pointer;
}

#read-more-overlay{ 
    max-height:450px;
    overflow: auto;
    width:50%;
    margin:0 auto;
    background:#ffffff;
    color:black;
    padding:0px;
    position:absolute;
    top:10%;
    left:25%;
    z-index:1000;
    display:none;
}

#mask{
    position:fixed;
    top:0;
    left:0;
    background:rgba(0,0,0,0.6);
    z-index:500;
    width:100%;
    height:100%;
    display:none;
}

#read-more-overlay:target, #read-more-overlay:target + #mask{
	position: fixed;
    display:block;
    opacity:1;
}

/** Overlay Content **/		
		
.specific-study-item-overlay{
	width: 90%;
	height: auto;
	overflow: auto;
	margin: 0em 0em 2em 5%;	
	padding: 0em 0em 0em 0em;		
}

.specific-study-title-area-overlay{
	
}

p.specific-study-title-overlay{
	height: auto;
	overflow: auto;
	font-size: 1.5em /** 24 / 16 **/;
	color: #003c69;
	font-weight: 300;
	margin: 0em 0em .05em 0em;	
	padding: 0em 0em 0em 0em;    
}

.specific-study-sponsor-area-overlay{
	
}

p.specific-study-sponsor-overlay{
	font-size: 0.875em /** 14 / 16 **/;
	color: #555555;
	font-weight: 600;	
	margin: 0em 0em .75em 0em;	
	padding: 0em 0em 0em 0em;  	
}

.specific-study-description-area-overlay{
	
}

p.specific-study-description-overlay{
	font-size: 0.875em /** 14 / 16 **/;
	color: #555555;
	font-weight: 300;
	line-height: 125%;
	width: 92%;
	height: overlay;		
	overflow: auto;	
    display: inline-block;
	white-space: pre-line;
}


.study-details-area-overlay{
	width: 100%;
	margin: 2em 0em 0em 0em;
	padding: 0em 0em 2em 0em;		
}

.study-info-overlay{
	width: 99%;
	height: 45px;
	margin: .65em auto;
	padding: 0em 0em 0em 0em;	
	border: solid 1px #d1e3f4;
	border-radius: 3px;
}

.study-icon-overlay{
	width: 18px;
	height: 18px;
	margin: 0em .5em 0em .75em;
	padding: 0em 0em 0em 0em;
}

.study-text-overlay{
	text-align: center;
	font-size: 0.875em /** 14 / 16 **/;
	font-weight: 300;
	color: #555555;
	margin: .75em 0em 0em 0em;
	padding: 0em 0em 0em 0em;	
}

.read-more-info-left{	
	float: left; 
	width: 50%;
}

.read-more-info-right{	
	float: left; 
	width: 45%;
	margin-left: 5%;
}

.read-more-info-title{
	float: left;
	width: 100%;
	color:#003c69;
	font-size: 14px;
}

.read-more-info-desc{
	float:left; 
	width: 100%;
	font-size: 0.875em;
	color: #555555;
	font-weight: 300; 
	line-height: 125%;
}

.read-more-area-a{
	float: left;
	width: 100%;
}

.read-more-area-b{
	 float: left;
	 width: 100%;
	 margin-top: 20px;
}
/** End Study Read More Overlay **/

/** Begin Footer Area **/
/** Begin Navigation Area **/ 
#footer-area{
	width: 100%;
	height: auto;
	background-color: #0f223b;
}

.footer-center{
	width: 90%;
	margin: 0 auto;
}

.footer-navigation{
	height: 75px;
	width: 100%;
	background-color: rgba(0,60,105,0.5);
}

ul.footer-navi-items{
	width: 40%;
	height: 100%;
	overflow: hidden;
	float: left;
}

a.footer-link{
	display: inline-block;
	width: 20%;
	text-align: left;	
	margin: 2.15em 0em 0em 0em;	
	font-size: 0.875em; /* 14 / 16 */
	text-transform: uppercase;
	color: #ffffff;
}

.btn-custom-b{
	width: 35%;
	margin: 1.25em 0em 0em 0em;		
}


ul.footer-social-items{
	width: 50%;
	height: 100%;
	float: right;
	padding: 1.4em 0em 0em 0em;
}

.footer-social-position{
	float: right;
}

.connect-message{
	width: 100px;
	float: left;;
	padding: .25em 1em 0em 0em;
	display: inline-block;
}

p.connect-body{
	font-size: 0.875em; /* 14 / 16 */
	text-transform: uppercase;
	color: #ffffff;
	text-align: right;
	font-weight: 500;
	opacity: 0.5;	
}

.social-link{
	width: 25px;
	height: 25px;
	float: left;;
	margin: 0em .5em 0em 0em;
	display: inline-block;
	background-color: #00a1de;
	border-radius: 100px;
	
}

social-nav-link{
}

.social-icon{
	width: 13px;
	height: 13px;
	margin: .4em 0em 0em .4em;	
}
/** End Footer Navigation Area **/ 

/** Begin Footer Company Information Area **/
.company-information-area{
	width: 100%;
	margin: 3em 0em 3em 0em;
	display: inline-block;			
}

ul.company-information-content{
	width: 95%;
	height: auto;
	overflow: auto;
	float: left;
	margin: 0 5% 0 0;
}

.charity-logo{
	float: left;
	width: 20%;
}

.charity-image{
	width: 120px;
	height: 60px;
}

.best-logo{
	float: left;
	width: 20%;
}

.best-id-number{
	font-size: 0.75em; /* 12 / 16 */
	font-weight: 500;
	text-transform: uppercase;
	color: #ffffff;
	text-align: left;
	padding: 0em 0em 0.75em 2.2em;
}

.best-image{
	width: 75px;
	height: 124px;
	padding: 0em 0em 0em 1.25em; 	
}

ul.company-location-area{
	width: 60%;
	float: left;
}

.footer-company-name-area{
	width: 100%;
	padding: 0em 0em 0.5em 0em;	
}

.footer-company-name{
	font-size: 1.125em; /* 18 / 16 */
	letter-spacing: .05em;
	font-weight: 700;
	text-transform: uppercase;
	color: #ffffff;
	text-align: left;
}

.office-area{
	width: 50%;
	float: left;
	padding: .5em 0em 1em 0em;		
}

.office-title{
	font-size: 1em /* 16 / 16 */;
	text-align: left;
	font-weight: 600;
	text-transform: uppercase;
	color: #00a1de;
}

.office-location{
	font-size: 0.875em; /* 14 / 16 */
	font-weight: 300;
	text-align: left;
	color: #ffffff;
	line-height: 150%;	
}

.mail-link{
	color: #ffffff;
	text-decoration: none;
}

ul.footer-bottom-area{
	width: 100%;
	float: left;
	padding: 1em 0em 0em 0em;
}

.footer-bottom-content{
	
}

.footer-bottom-copy{
	font-size: 0.875em; /* 14 / 16 */
	font-weight: 300;
	text-align: left;
	color: #ffffff;
	line-height: 150%;	
}
/** End Footer Company Information Area **/
/** End Footer Area **/


/** Begin Main Message Resize 1 **/
@media (min-width: 10px) and (max-width: 1010px) {
/** Begin Hero Content Area **/

/** Spinner Styles **/
.spinner{
	width: 100%;
	height: 100%;
	overflow: auto;
	float: right;	
	padding: 80px 0em 80px 0em;	
	margin: -482px 0em 0em -5%;
	background-color: transparent;
	-moz-box-shadow:    0px 0px 2px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15);
	box-shadow:         0px 0px 2px rgba(0, 0, 0, 0.15);	
	display: inline-block;
	background-color: #ffffff;
	position: fixed;
	z-index: 100;
	opacity: 0.95;
	display: block;	
}

.loading-image{
	width: 125px;
	height: 125px;
	margin: 150px 0px 0px 42%;
}

h1.loading-title{
	text-align: center;
	color: #555555;
	font-size: 1.5em;
	font-weight: 300;
	line-height: 125%;
}


/**** END SPINNER ****/}


/** Begin Main Message Resize 1 **/
@media (min-width: 10px) and (max-width: 1000px) {
/** Begin Hero Content Area **/

h1.studies-shown-title{
	text-align: center;
	color: #555555;
	font-size: 1.85em; /* 36 / 16 */
	font-weight: 300;
	line-height: 125%;
}

.studies-shown-message-area{
	padding: 1.5em 0;
}


/** Spinner Styles **/
.spinner{
	width: 100%;
	height: 100%;
	overflow: auto;
	float: right;	
	padding: 80px 0em 80px 0em;	
	margin: -490px 0em 0em -5%;
	background-color: transparent;
	-moz-box-shadow:    0px 0px 2px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15);
	box-shadow:         0px 0px 2px rgba(0, 0, 0, 0.15);	
	display: inline-block;
	background-color: #ffffff;
	position: fixed;
	z-index: 100;
	opacity: 0.95;
	display: block;	
}

.loading-image{
	width: 125px;
	height: 125px;
	margin: 150px 0px 0px 42%;
}

h1.loading-title{
	text-align: center;
	color: #555555;
	font-size: 1.5em;
	font-weight: 300;
	line-height: 125%;
}


/**** END SPINNER ****/}




/** Begin Main Message Resize 1 **/
@media (min-width: 10px) and (max-width: 650px) {
/** Begin Hero Content Area **/

h1.studies-shown-title{
	text-align: center;
	color: #555555;
	font-size: 1.5em; /* 36 / 16 */
	font-weight: 300;
	line-height: 125%;
}

/** Spinner Styles **/
.spinner{
	width: 100%;
	height: 100%;
	overflow: auto;
	float: right;	
	padding: 80px 0em 80px 0em;	
	margin: -490px 0em 0em -5%;
	background-color: transparent;
	-moz-box-shadow:    0px 0px 2px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15);
	box-shadow:         0px 0px 2px rgba(0, 0, 0, 0.15);	
	display: inline-block;
	background-color: #ffffff;
	position: fixed;
	z-index: 100;
	opacity: 0.95;
	display: block;	
}

.loading-image{
	width: 125px;
	height: 125px;
	margin: 150px 0px 0px 38%;
}

h1.loading-title{
	text-align: center;
	color: #555555;
	font-size: 1.5em;
	font-weight: 300;
	line-height: 125%;
}


/**** END SPINNER ****/

/** Read More BTN Control **/
.read-more-btn{
	width: 45%;
	height: 25px;
	overflow: auto;
	padding: 0em 0em 0em 0em;	
	color: rgba(85,85,85,0.5);	
	border: solid 1px rgba(85,85,85,0.3);
	border-radius: 3px;
	cursor: pointer;
	float:  left;
	margin: 10px 20px 0 0;
}

.read-more-btn:hover{
	border: solid 1px #00a1de;
		color: #00a1de;	
}

.read-btn-text{

	text-align: center;
	font-size: 0.75em /** 14 / 16 **/;
	font-weight: 600;
	text-transform: uppercase;
	margin: 5px 0px 0px 0px;	
}

/** End Query **/}



/** Begin Main Message Resize 1 **/
@media (min-width: 10px) and (max-width: 500px) {
/** Begin Hero Content Area **/

/** Spinner Styles **/

.loading-image{
	width: 125px;
	height: 125px;
	margin: 150px 0px 0px 35%;
}



/**** END SPINNER ****/}





/** Begin Main Message Resize 1 **/
@media (min-width: 10px) and (max-width: 920px) {
/** Begin Hero Content Area **/







ul.hero-content-message-results{
	width: 50%;
	height: auto;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 5%;
	overflow: auto;
	float: left;	
}

li.hero-content-title-area-results{
	padding: 0em 0em 0em 0em;
	margin: 7.25em 0em 0em 0em;
	height: 100%;
	overflow: auto;		
}



h1.hero-content-title-results{
	color: #ffffff;
	text-align: left;
	font-size: 1.75em; /* 28 / 16 */
	font-weight: 300;
	line-height: 125%;
}


li.hero-content-subtitle-area-results{
	padding: .25em 0em .25em 0em;
	margin: 0em 0em 0em 0em;
	height: 100%;
	overflow: auto;		
}

p{
	font-size: 1em; /* 16 / 16 */
	font-weight: 300;
	line-height: 125%;
}

p.hero-content-subtitle{
	color: #ffffff;
	text-align: left;
}

.screening-cta-area-results{
	width: 33%;
	height: 100%;
	overflow: auto;
	float: right;
	padding: 9.5em 5.5% 4em 0;
	margin: 0em 0em 0em 0em;
	background-color: rgba(0,60,105,0.20);			
}		

.btn-custom-a-results{
	width: 90%;
	float: right;
	display: inline-block;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;	
}

/** End Main Message Resize 1 **/}


/** Begin Main Message Resize 2 **/
@media (min-width: 755px) and (max-width: 775px) {
/** Begin Hero Content Area **/
#hero-content-area-results{
	width: 100%;
	height: auto;
	overflow: auto;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
 	background: rgba(0, 161, 222, 1.0);

}


ul.hero-content-message-results{
	width: 55%;
	height: auto;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 5%;
	overflow: auto;
	float: left;	
}

li.hero-content-title-area-results{
	padding: 0em 0em 0em 0em;
	margin: 7.35em 0em 0em 0em;
	height: 100%;
	overflow: auto;		
}

h1.hero-content-title-results{
	color: #ffffff;
	text-align: left;
	font-size: 1.5em; /* 28 / 16 */
	font-weight: 300;
	line-height: 125%;
}


li.hero-content-subtitle-area-results{
	padding: .25em 0em .25em 0em;
	margin: 0em 0em 0em 0em;
	height: 100%;
	overflow: auto;		
}

p.hero-content-subtitle-results{
	color: #ffffff;
	text-align: left;
}

.screening-cta-area-results{
	width: 33%;
	height: 100%;
	overflow: auto;
	float: right;
	padding: 9.5em 5.5% 4em 0;
	margin: 0em 0em 0em 0em;
	background-color: rgba(0,60,105,0.20);				
}		

.btn-custom-a-results{
	width: 90%;
	float: right;
	display: inline-block;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;	
}
/** End Hero Content Area **/
/** End Main Message Resize 2 **/}


/** Begin Main Message Resize 3 **/
@media (min-width: 10px) and (max-width: 755px) {
/** Begin Hero Content Area **/
/** Begin Hero Content Area **/
#hero-content-area-results{
	width: 100%;
	height: auto;
	overflow: auto;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;
 	background: rgba(0, 161, 222, 1.0);
}


ul.hero-content-message-results{
	width: 90%;
	height: auto;
	padding: 0em 0em 1em 0em;
	margin: 0em 0em 0em 5%;
	overflow: auto;
	float: left;	
}

li.hero-content-title-area-results{
	padding: 0em 0em 0em 0em;
	margin: 6.5em 0em 0em 0em;
	height: 100%;
	overflow: auto;		
}

h1.hero-content-title-results{
	color: #ffffff;
	text-align: left;
	font-size: 1.75em; /* 28 / 16 */
	font-weight: 300;
	line-height: 125%;
}


li.hero-content-subtitle-area-results{
	padding: .25em 0em .25em 0em;
	margin: 0em 0em 0em 0em;
	height: 100%;
	overflow: auto;		
}

p.hero-content-subtitle-results{
	color: #ffffff;
	text-align: left;
}

.screening-cta-area-results{
	width: 100%;
	height: 100%;
	overflow: auto;
	float: right;
	padding: 1em 0em 1em 0;;
	margin: 0em 0em 0em 0em;
	background-color: rgba(0,60,105,0.20);			
}		

.btn-custom-a-results{
	width: 90%;
	float: left;
	display: inline-block;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 5%;	
}
/** End Hero Content Area **/

/** End Main Message Resize 3 **/}

/** Begin Main Message Resize 4 **/
@media (min-width: 10px) and (max-width: 470px){
ul.hero-content-message{
	width: 90%;
	height: auto;
	padding: 0em 0em 1em 0em;
	margin: 0em 0em 0em 5%;
	overflow: auto;
	float: left;	
}

li.hero-content-title-area{
	padding: 0em 0em 0em 0em;
	margin: 6.5em 0em 0em 0em;
	height: 100%;
	width: 100%;
	overflow: auto;		
}

h1.hero-content-title{
	color: #ffffff;
	text-align: left;
	}



li.hero-content-subtitle-area{
	padding: .25em 0em .25em 0em;
	margin: 0em 0em 0em 0em;
	height: 100%;
	overflow: auto;		
}

p.hero-content-subtitle{
	color: #ffffff;
	text-align: left;
}


/** End Main Message Resize 4 **/}




/*************************** Medium Size Page ***************************/
@media (min-width: 10px) and (max-width: 845px) {

.logo-area{
	width: 30%;
	height: 80%;
	float: left;
	margin: 1em 0em 0em 0em;	
}

nav.desktop-nav-area{
float: right;
width: 60%;
height: 100%;
display: inline-block;
} 

.site-descriptor{
	display: none;
	height: 100%;
	overflow: auto;
	float: right;
	padding: 9.75em 5.5% 4.25em 0;
	margin: 0em 0em 0em 0em;
	background-color: rgba(0,60,105,0.20);					
}		

.in-body-link{
	text-decoration: underline;
	color: #ffffff;
}

.in-body-link:hover{
	text-decoration: underline;
	color: #ffffff;
}



/** Begin Footer Area **/
/** Begin Navigation Area **/ 
#footer-area{
	width: 100%;
	height: auto;
	background-color: #0f223b;
}

.footer-center{
	width: 100%;
	margin: 0 auto;
}

.footer-navigation{
	height: auto;
	overflow: auto;
	width: 100%;
	background-color: rgba(0, 60, 105, 0.5);
}

ul.footer-navi-items{
	width: 100%;
	height: 100%;
	float: left;
}

a.footer-link{
	display: inline-block;
	width: 100%;
	text-align: center;	
	margin: 0em 0em 0em 0em;	
	padding: 1.5em 0em 1.5em 0em;
	font-size: 0.875em; /* 14 / 16 */
	text-transform: uppercase;
	color: #ffffff;
	border-bottom: solid 1px rgba(250,250,250,0.15);
}

a.footer-link:hover{
	background-color: rgba(15,34,59,0.25);
}

.btn-custom-b{
	width: 90%;
	margin: 1.5em 0em 0em 5%;	
}

a.orange-btn-small{
	display: inline-block;
	text-align: center;
	background-color: #FF7900;
	border: solid 1px #d46500;
	border-radius: 3px;
	box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.15);	
	height: 45px;	
}

a.orange-btn-small:hover{
	background-color: #ff9600;	
}

a.orange-btn-small:active{
-moz-box-shadow:    inset 2px 2px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset 2px 2px 0px rgba(0, 0, 0, 0.15);
box-shadow:         inset 2px 2px 0px rgba(0, 0, 0, 0.15);

}

.btn-text-small{
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	color: #ffffff;
	padding: 1em 0em 1em 0em;
	border: none;	
	text-transform: uppercase;
	font-size: 0.875em; /* 14 / 16 */
	font-weight: 600;	
}


ul.footer-social-items{
	width: 100%;
	height: 100%;
	float: left;
	padding: 1.5em 0em 1.5em 0em;
}

.footer-social-position{
	float: none;
	width: 260px;
	margin: 0 auto;
}

.connect-message{
	width: 100px;
	float: left;;
	padding: .6em 1em 0em 0em;
	display: inline-block;
}

p.connect-body{
	font-size: 0.875em; /* 14 / 16 */
	text-transform: uppercase;
	color: #ffffff;
	text-align: right;
	font-weight: 500;
	opacity: 0.5;	
}

.social-link{
	width: 40px;
	height: 40px;
	float: left;;
	margin: 0em .5em 0em 0em;
	display: inline-block;
	background-color: #00a1de;
	border-radius: 100px;
	
}

social-nav-link{
}

.social-icon{
	width: 15px;
	height: 15px;
	margin: .75em 0em 0em .75em;	
}
/** End Footer Navigation Area **/ 

/** Begin Footer Company Information Area **/
.company-information-area{
	width: 100%;
	margin: 3em 0em 3em 0em;
	display: inline-block;			
}

ul.company-information-content{
	width: 100%;
	height: auto;
	overflow: auto;
	float: left;
	margin: 0 0 0 0;
}

.charity-logo{
	float: left;
	width: 45%;
	padding: 0 5% 0 0;
}

.charity-image{
	width: 120px;
	height: 60px;
	float: right;
}

.best-logo{
	float: left;
	width: 45%;
	padding: 0 0 0 5%;
}

.best-id-number{
	font-size: 0.75em; /* 12 / 16 */
	font-weight: 500;
	text-transform: uppercase;
	color: #ffffff;
	text-align: left;
	padding: 0em 0em 0.75em .4em;
}

.best-image{
	width: 75px;
	height: 124px;
	padding: 0em 0em 0em 0em; 	
}

ul.company-location-area{
	width: 90%;
	margin: 0em 0em 0em 5%;
	float: left;
}

.footer-company-name-area{
	width: 100%;
	padding: 0em 0em 0.5em 0em;	
}

.footer-company-name{
	font-size: 1.125em; /* 18 / 16 */
	letter-spacing: .05em;
	font-weight: 700;
	text-transform: uppercase;
	color: #ffffff;
	text-align: left;
	padding: 1em 0em 0em 0em;
}

.office-area{
	width: 45%;
	float: left;
	padding: .5em 5% 1em 0em;		
}

.office-title{
	font-size: 1em /* 16 / 16 */;
	text-align: left;
	font-weight: 600;
	text-transform: uppercase;
	color: #00a1de;
}

.office-location{
	font-size: 0.875em; /* 14 / 16 */
	font-weight: 300;
	text-align: left;
	color: #ffffff;
	line-height: 150%;	
}

.mail-link{
	color: #ffffff;
	text-decoration: none;
}

ul.footer-bottom-area{
	width: 90%;
	margin: 0em 0em 0em 5%;
	float: left;
	padding: 1em 0em 0em 0em;
}

.footer-bottom-content{
	
}

.footer-bottom-copy{
	font-size: 0.875em; /* 14 / 16 */
	font-weight: 300;
	text-align: left;
	color: #ffffff;
	line-height: 150%;	
}
/** End Footer Company Information Area **/
/** End Footer Area **/
}
/*************************** End Hide Site Descriptor ***************************/





/************ MOBILE JUMP ************/
/*************************** Begin Mobile Media Query ***************************/
@media (min-width: 10px) and (max-width: 600px) {


/** Mobile Header Styles **/

#page-header{
	width: 100%;
	background-color: #ffffff;
	height: 60px;
	box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.15);		
	
}

.header-content-area{
	width: 90%;
	margin: 0 auto;
	height: 100%
}


.logo-area{
	width: 30%;
	height: 80%;
	float: left;
	margin: .75em 0em 0em 0em;	
}

.logo{
	width: 150px;
	height: 32px;
	float: left;
	padding: 0em 1em 0em 0em;
}



/** Begin Hide Desktop Menu Items **/
nav.desktop-nav-area{
	display: none;
}
/** End Hide Desktop Menu Items **/

nav.mobile-nav-area{
float: right;
width: 20%;
height: 100%;
display: inline-block;
	
} 

.menu-btn-area{
	display: inline-block;
	cursor: pointer;
	width: 100%;
	height: 100%;
	background-color: #f7f7f7;
}

.menu-title-text{
	text-align: center;
	text-transform: uppercase;
	font-size: 0.875em; /* 14 / 16 */
	font-weight: 600;
	color: #636363;	
	cursor: pointer;	
	margin: 1.5em 0em 0em 0em;	
}	

	nav.mobile-nav-area ul{
		cursor: pointer;	
		display: none;
		position: absolute;
		padding: 0em 0em 35em 0em;
		left: 0%;
		border: none;
		right: 0%;	
		margin: 0em 0em 0em 0em;
		width: 100%;
		background-color: rgba(250,250,250,0.95);
		}

		nav.mobile-nav-area:hover ul {
	
			display: block;
			float: right;
	
			}
	
.navi{
-moz-box-shadow:    inset 0px 2px 2px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.15);
box-shadow:         inset 0px 2px 2px rgba(0, 0, 0, 0.15);

}


a.nav-link{
	display: inline-block;
	width: 98%;
	text-align: left;	
	padding: 0.75em 0em 0.75em 0em;	
	margin: 0em 0em 0em 0em;
	border-bottom: solid 1px rgba(0,0,0,0.10);
	border-left: solid .25em rgba(0,0,0,0.4);			
}

a.nav-link:hover{
	background-color: #f1f7fc;
}

.select{
	border-left: solid .25em #00a1de !important;	
}

.select:hover{
	background-color: #f1f7fc;
}

.nav-item{
	display: inline-block;
	text-align: left;
	text-transform: uppercase;
	font-size: 0.875em; /* 14 / 16 */
	font-weight: 600;
	color: rgba(0,0,0,0.4);	
	margin: 0% 5% 0% 5%;  		
}


.selected{
	color: #00a1de;
	padding-bottom: 5px;
	border-bottom: none;
}



a.donate-btn{
	text-align: center;
	width: 89%;
	background-color: #FF7900;
	border: solid 1px #d46500;
	border-radius: 3px;
	box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.15);	
	height: 50%;
	margin: 2% 5% 2% 5%;	
}

a.donate-btn:hover{
	background-color: #ff9600;
}

a.donate-btn:active{
-moz-box-shadow:    inset 2px 2px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset 2px 2px 0px rgba(0, 0, 0, 0.15);
box-shadow:         inset 2px 2px 0px rgba(0, 0, 0, 0.15);

}

.btn-item{
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	color: #ffffff;
	padding: 1em 0em 1em 0em;
}

.header-border-bar{
	width: 100%;
	height: 5px;
	position: fixed;
	display: inline-block;
	margin-top: 60px;		
	background-color: #006ea3;
	-moz-box-shadow:    inset 0px 2px 2px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.25);
	box-shadow:         inset 0px 2px 2px rgba(0, 0, 0, 0.25);	
}

li.hero-content-title-area{
	padding: 0em 0em 0em 0em;
	margin: 5em 0em 0em 0em;
	height: 100%;
	overflow: auto;		
}

/** End Mobile Media **/}


/** Begin Study Area Resize 1 **/
@media (min-width: 10px) and (max-width: 1000px) {
/** Begin Study List Area **/
#study-list-area{
	width: 100%;
	height: auto;
	overflow: auto;
	margin: 0em 0em 0em 0em;	
	padding: 0em 0em 0em 0em;	
}

.study-list-center-studies{
	width: 90%;
	height: auto;
	overflow: auto;
	margin: 0 auto;
	padding: .1em 0em 3em 0em;	
}



/** Begin Hide Accordion Title For Larger Divices **/
.accordion-search-title{
	display: inline-block;
	width: 99.5%;
	height: auto;
	overflow: auto;
	margin: 0em auto 2em;
	padding: 0em 0em 0em 0em;	
	border: solid 1px #00a1de;
	border-radius: 3px;
	cursor: pointer;
	opacity: 0.6;
}
/** End Hide Accordion Title For Larger Divices **/

/** Begin Accordion Item **/

.type{
	padding: 1em 0em 1em 0em;
	width: 200px;
	margin: 0 auto;
}


.accordion-search-title.open{
	opacity: 0.25;
}

.accordion-search-title.open .type{
	background: url(images/close-search-btn.svg) center no-repeat;
	background-size: 230px 20px;
	background-position: center center;
	background-repeat: no-repeat;
	width: 230px;
	height: 30px;
	opacity: 1.0;
}

.accordion-search-title.open:hover .type{
	background: url(images/close-search-btn.svg) center no-repeat;
	background-size: 230px 20px;
	background-position: center center;
	background-repeat: no-repeat;
	width: 230px;
	height: 30px;

}

.accordion-search-title.open:active .type{
	background: url(images/close-search-btn.svg) center no-repeat;
	background-size: 230px 20px;
	background-position: center center;
	background-repeat: no-repeat;
	width: 230px;
	height: 30px;
}

.accordion-search-title .type{
	background: url(images/open-search-btn.svg);
	background-size: 230px 20px;
	background-position: center center;
	background-repeat: no-repeat;
	width: 230px;
	height: 30px;
}

.accordion-search-title:hover{
	opacity: 1.0;
}

.accordion-search-title:active{
	-moz-box-shadow:    inset 2px 2px 0px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: inset 2px 2px 0px rgba(0, 0, 0, 0.15);
	box-shadow:         inset 2px 2px 0px rgba(0, 0, 0, 0.15);
	background-color: #f1f7fc;
}


/** End Accordion Item **/

/** Begin Search Bar Area **/
div.study-search-area{
	width: 99.5%;
	float: left;
	height: auto;
	overflow: auto;
	overflow-y: hidden;
	padding: 0em 0em 0em 0em;	
	margin: -2.2em 0.1em 2em 0.1em;		
	background-color: #ffffff;
	-moz-box-shadow:    0px 0px 2px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15);
	box-shadow:         0px 0px 2px rgba(0, 0, 0, 0.15);
	display: none;	
}

.conditions-search-area{
	width: 100%;
	height: auto;
	overflow: auto;
	padding: 2em 0em 2em 0em;	
	margin: 0em 0em 0em 0em;
	background-color: #003c69;	
}



.conditions-title-area{
	width: 100%;
	height: auto;
	padding: 0em 0em 1em 0em;
	margin: 0em 0em 0em 0em;	
}

p.conditions-title{
	font-size: 1em; /* 16 / 16 */
	font-weight: 700;
	letter-spacing: 0.05em;
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
}

.search-box-studies{
	float: right;
	width: 100%;	
	margin: -0.15em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
}



.condition-search-box-studies{ 
	height: 45px;
	width: 73%;
	background-color: #122841;
	color: #ffffff;
	float: left;
	border: none;
	border-radius: 100px 0 0 100px;
	padding: 0em 0em 0em 5%;
	margin: 0em 0em 0em 5%;	
	font-size: 1em;
	font-weight: 300;
	font-family: 'lato', helvetica, sans-serif;		
}

.search-submit-btn-studies{
	float: right;
	height: 45px;
	width: 12%;	
	background-color: #122841;
	border: none;
	cursor: pointer;
	opacity: 1;
	margin: 0px 5% 0px 0px;
	border-radius: 0 100px 100px 0;	
}

.search-submit-btn-studies:hover{
	opacity: 1;
}

.search-icon-btn-studies{
	width: 18px;
	height: 18px;
}

/** Begin Study Criteria Styles **/

.criteria-area{
	width: 100%;
	height: auto;
	display: inline-block;
	padding: 0em 0em 0em 0em;
	margin: 0em 0em 0em 0em;	
}

.criteria-title-area{
	width: 100%;
	height: auto;
	padding: 1em 0em 1em 0em;
	margin: 0em 0em 0em 0em;	
}

p.criteria-title{
	font-size: 1em; /* 16 / 16 */
	font-weight: 700;
	letter-spacing: 0.02em;
	color: #555555;
	text-align: center;
	text-transform: uppercase;	
	}
	
/** Begin Gender Dropdown Styles **/
.dropdown-recruitment {
	width: 90%;
	float: left;
	display: inline-block;
	height: auto;
	margin: 0em 0em 0em 5%;
	cursor: pointer;
	font-weight: 700;
}


.dropdown-recruitment span {
	font-size: 16px;
	background-color: #ffffff;
	color: rgba(85,85,85,1.0);
	display: block;
	opacity: 0.7;
}

.dropdown-button-a{
	padding: .75em 1em .75em 1em;  
}

.dropdown-recruitment .dropdown-list-a {
	position:absolute;
	left: 0;
	width: 39.85%;
	margin: 0 0 0 9.7%;	
	display: none;
	z-index: 5;
	max-height: 300px;
	overflow-y: auto;
	border: solid 1px rgba(85,85,85,0.5);		
}

.dropdown-recruitment .dropdown-list-a li {
	padding: 1em;
	font-size: 16px;
	background-color: #f7f7f7/*rgba(85,85,85,0.05)*/;
	border-top: solid 1px rgba(85,85,85,0.15);
	color: rgba(85,85,85,0.75);
	-webkit-transition: color, background-color 0.2s ease-in-out;
	-moz-transition: color, background-color 0.2s ease-in-out;
	-o-transition: color, background-color 0.2s ease-in-out;
	-ms-transition: color, background-color 0.2s ease-in-out;
	transition: color, background-color 0.2s ease-in-out;
}

.dropdown-recruitment .dropdown-list-a li:hover {
	color: #ffffff;
	background-color: rgba(85,85,85,1.0);  
	cursor: pointer;
}
/** End Gender Dropdown Style **/		
/** Begin StudyType Dropdown Styles **/
.dropdown-study-type {
	width: 44.5%;
	float: left;
	display: inline-block;	
	height: auto;
	margin: 0em 0em 0em 5%;
	font-weight: 700;
}



.dropdown-study-type span {
	font-size: 16px;
	background-color: #ffffff;
	color: rgba(85,85,85,1.0);
	display: block;
	opacity: 0.7;
}


.dropdown-button-b{
	padding: .75em 1em .75em 1em;  
}

.dropdown-study-type .dropdown-list-b {
	position:absolute;
	left: 0;
	width: 39.85%;
	margin: 0 0 0 50.7%;
	display: none;
	z-index: 5;
	max-height: 300px;
	overflow-y: auto;
	border: solid 1px rgba(85,85,85,0.5);		
}

.dropdown-study-type .dropdown-list-b li {
	padding: 1em;
	font-size: 16px;
	background-color: #f7f7f7/*rgba(85,85,85,0.05)*/;
	border-top: solid 1px rgba(85,85,85,0.15);
	color: rgba(85,85,85,0.75);
	-webkit-transition: color, background-color 0.2s ease-in-out;
	-moz-transition: color, background-color 0.2s ease-in-out;
	-o-transition: color, background-color 0.2s ease-in-out;
	-ms-transition: color, background-color 0.2s ease-in-out;
	transition: color, background-color 0.2s ease-in-out;
}

.dropdown-study-type .dropdown-list-b li:hover {
	color: #ffffff;
	background-color: rgba(85,85,85,1.0);  
	cursor: pointer;
}
/** End StudyType Dropdown Style **/	
/** Begin Phase Dropdown Styles **/
.dropdown-phase {
	width: 44.5%;
	float: left;
	display: inline-block;	
	height: auto;
	margin: 0em 0em 0em 1%;
	font-weight: 700;
}



.dropdown-phase span {
	font-size: 16px;
	background-color: #ffffff;
	color: rgba(85,85,85,1.0);
	display: block;
	opacity: 0.7;
}

.dropdown-button-c{
	padding: .75em 1em .75em 1em;  
}

.dropdown-phase .dropdown-list-c {
	position:absolute;
	left: 0;
	width: 39.85%;
	margin: 0 0 0 9.7%;
	display: none;
	z-index: 5;
	max-height: 300px;
	overflow-y: auto;
	border: solid 1px rgba(85,85,85,0.5);		
}

.dropdown-phase .dropdown-list-c li {
	padding: 1em;
	font-size: 16px;
	background-color: #f7f7f7/*rgba(85,85,85,0.05)*/;
	border-top: solid 1px rgba(85,85,85,0.15);
	color: rgba(85,85,85,0.75);
	-webkit-transition: color, background-color 0.2s ease-in-out;
	-moz-transition: color, background-color 0.2s ease-in-out;
	-o-transition: color, background-color 0.2s ease-in-out;
	-ms-transition: color, background-color 0.2s ease-in-out;
	transition: color, background-color 0.2s ease-in-out;
}

.dropdown-phase .dropdown-list-c li:hover {
	color: #ffffff;
	background-color: rgba(85,85,85,1.0);  
	cursor: pointer;
}
/** End Phase Dropdown Style **/	
/** Begin Age Dropdown Styles **/
.dropdown-age-studies {
	width: 44.5%;
	float: left;
	display: inline-block;	
	height: auto;
	margin: 0em 0em 0em 1%;
	font-weight: 700;
}

.dropdown-age-studies span {
	font-size: 16px;
	background-color: #ffffff;
	color: rgba(85,85,85,1.0);
	display: block;
	opacity: 0.7;
}

.dropdown-button-d{
	padding: .75em 1em .75em 1em;  
}

.dropdown-age-studies .dropdown-list-d {
	position:absolute;
	left: 0;
	width: 39.85%;
	margin: 0 0 0 50.7%;
	display: none;
	z-index: 5;
	max-height: 300px;
	overflow-y: auto;
	border: solid 1px rgba(85,85,85,0.5);		
}

.dropdown-age-studies .dropdown-list-d li {
	padding: 1em;
	font-size: 16px;
	background-color: #f7f7f7/*rgba(85,85,85,0.05)*/;
	border-top: solid 1px rgba(85,85,85,0.15);
	color: rgba(85,85,85,0.75);
	-webkit-transition: color, background-color 0.2s ease-in-out;
	-moz-transition: color, background-color 0.2s ease-in-out;
	-o-transition: color, background-color 0.2s ease-in-out;
	-ms-transition: color, background-color 0.2s ease-in-out;
	transition: color, background-color 0.2s ease-in-out;
}

.dropdown-age-studies .dropdown-list-d li:hover {
	color: #ffffff;
	background-color: rgba(85,85,85,1.0);  
	cursor: pointer;
}
/** End Age Style **/	
/** Begin Gender Dropdown Styles **/
.dropdown-gender {
	width: 90%;
	float: left;
	display: inline-block;
	height: auto;
	margin: 0em 0em 0em 5%;
	font-weight: 700;
}

.dropdown-gender span {
	font-size: 16px;
	background-color: #ffffff;
	color: rgba(85,85,85,1.0);
	display: block;
	opacity: 0.7;
}

.dropdown-button-e{
	padding: .75em 1em .75em 1em;  
}

.dropdown-gender .dropdown-list-e {
	position:absolute;
	left: 0;
	width: 80.6%;
	margin: 0 0 0 9.7%;
	display: none;
	z-index: 5;
	max-height: 300px;
	overflow-y: auto;
	border: solid 1px rgba(85,85,85,0.5);		
}

.dropdown-gender .dropdown-list-e li {
	padding: 1em;
	font-size: 16px;
	background-color: #f7f7f7/*rgba(85,85,85,0.05)*/;
	border-top: solid 1px rgba(85,85,85,0.15);
	color: rgba(85,85,85,0.75);
	-webkit-transition: color, background-color 0.2s ease-in-out;
	-moz-transition: color, background-color 0.2s ease-in-out;
	-o-transition: color, background-color 0.2s ease-in-out;
	-ms-transition: color, background-color 0.2s ease-in-out;
	transition: color, background-color 0.2s ease-in-out;
}

.dropdown-gender .dropdown-list-e li:hover {
	color: #ffffff;
	background-color: rgba(85,85,85,1.0);  
	cursor: pointer;
}
/** End Gender Dropdown Style **/	

/** Begin Locations DIV Line **/
.criteria-div-line{
	width: 100%;
	height: 1px;
	border-top: solid 1px rgba(85,85,85,0.15);
	margin: 2em 0em 0.5em 0em;
	display: inline-block;
}
/** End Locations DIV Line **/

.zip-search-box-area-studies{
	height: 50px;
	width: 44.5%;
	float: left;
	display: inline-block;
	margin: 25px 0em 0em 5%;	
	border: solid 1px rgba(85,85,85,0.25);
	border-radius: 3px;	
}

.zip-search-box-area-studies:hover{
	border: solid 1px rgba(85,85,85,1.0);	
}

.free-text-area-studies{
	height: 50px;
	width: 100%;
	float: left;
	display: inline-block;
	border: solid 1px rgba(85,85,85,0.25);
	border-radius: 3px;	
}

.free-text-area-studies:hover{
	 border: solid 1px rgba(85,85,85,0.5);	
}

.zip-search-box-studies{ 	
	margin: 0em 0em 0em 5%;	
	background-color: transparent;
	height: 95%;
	width: 90%;
	border: none;
	color: #555555;	
	font-size: 1em;
	font-weight: 700;
	font-family: 'lato', helvetica, sans-serif;	
	cursor: text;		
}

/** Begin Search BTN **/

.btn-custom-c{
	width: 90%;
	margin: .5em 0em 2em 5%;
}

.btn-custom-d-screening{
	width: 99.5%;
	margin: .5em 0em 0em 0;	
	float: right;
	cursor: pointer;
}

a.dark-blue-btn{
	display: inline-block;
	text-align: center;
	background-color: #003c69;
	border: solid 1px #031c2f;
	border-radius: 3px;
	box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.15);	
	height: 45px;	
}

a.dark-blue-btn:hover{
	background-color: #00508c;	
}

a.dark-blue-btn:active{
-moz-box-shadow:    inset 2px 2px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset 2px 2px 0px rgba(0, 0, 0, 0.15);
box-shadow:         inset 2px 2px 0px rgba(0, 0, 0, 0.15);

}



/** End Search BTN **/


/** Begin Distance Dropdown Styles **/
.dropdown-distance-studies {
	width: 92%;
	float: left;
	display: inline-block;
	height: auto;
	margin: 0em 0em 0em 5%;
	font-weight: 700;
}


.dropdown-distance-studies span {
	font-size: 16px;
	background-color: #ffffff;
	color: rgba(85,85,85,1.0);
	display: block;
	opacity: 0.7;
}

.dropdown-button-f{
	padding: .75em 1em .75em 1em;  
}

.dropdown-distance-studies .dropdown-list-f {
	position:absolute;
	left: 0;
	width: 39.85%;
	margin: 0 0 0 50.7%;
	display: none;
	z-index: 5;
	max-height: 300px;
	overflow-y: auto;
	border: solid 1px rgba(85,85,85,0.5);		
}

.dropdown-distance-studies .dropdown-list-f li {
	padding: 1em;
	font-size: 16px;
	background-color: #f7f7f7/*rgba(85,85,85,0.05)*/;
	border-top: solid 1px rgba(85,85,85,0.15);
	color: rgba(85,85,85,0.75);
	-webkit-transition: color, background-color 0.2s ease-in-out;
	-moz-transition: color, background-color 0.2s ease-in-out;
	-o-transition: color, background-color 0.2s ease-in-out;
	-ms-transition: color, background-color 0.2s ease-in-out;
	transition: color, background-color 0.2s ease-in-out;
}

.dropdown-distance-studies .dropdown-list-f li:hover {
	color: #ffffff;
	background-color: rgba(85,85,85,1.0);  
	cursor: pointer;
}
/** End Distance Dropdown Style **/	


/** Begin Dropdown Style CSS Control **/
.dropdown-title{
	margin: 0px 0px 5px 0px;
}

.form-width{
	width: 100%;
}

.dropdown-styles {
	width: 100%;
	height: 50px;
	margin: 0em 0em 1em 0em;
	cursor: pointer;
	font-weight: 700;
	background: url(images/dropdown-arrow.svg) no-repeat right;
	background-size: 25px 25px;	  
	background-color: transparent;
	border: solid 1px rgba(85,85,85,0.25);
	border-radius: 3px;
	cursor: pointer;
}

.dropdown-styles:hover{
	border: solid 1px rgba(85,85,85,0.5);
}



.dropdown-button-d{
	padding: .75em 1em .75em 1em;  
}

.dropdown-styles .form-a {
	position:absolute;
	left: 0;
	width: 80.75%;
	margin: 0 0 0 9.55%;	
	z-index: 5;
	max-height: 300px;
	overflow-y: auto;	
}

.dropdown-styles .form-a .alternate-distance {
	position:absolute;
	left: 0;
	width: 80.75%;
	margin: 0 0 0 9.55%;	
	z-index: 5;
	max-height: 300px;
	overflow-y: auto;	
}


.dropdown-styles .form-a option {
	padding: 1em;
	font-size: 16px;
	background-color: #f7f7f7/*rgba(85,85,85,0.05)*/;
	border-top: solid 1px rgba(85,85,85,0.15);
	color: rgba(85,85,85,0.75);
	-webkit-transition: color, background-color 0.2s ease-in-out;
	-moz-transition: color, background-color 0.2s ease-in-out;
	-o-transition: color, background-color 0.2s ease-in-out;
	-ms-transition: color, background-color 0.2s ease-in-out;
	transition: color, background-color 0.2s ease-in-out;
}

.dropdown-styles .form-a option:hover {
	color: #ffffff;
	background-color: rgba(85,85,85,1.0);  
	cursor: pointer;
}



.dropdown-styles .form-b {
	position:absolute;
	left: 0;
	width: 39.85%;
	margin: 0 0 0 50.3%;	
	z-index: 5;
	max-height: 300px;
	overflow-y: auto;	
}

.dropdown-styles .form-b option {
	padding: 1em;
	font-size: 16px;
	background-color: #f7f7f7/*rgba(85,85,85,0.05)*/;
	border-top: solid 1px rgba(85,85,85,0.15);
	color: rgba(85,85,85,0.75);
	-webkit-transition: color, background-color 0.2s ease-in-out;
	-moz-transition: color, background-color 0.2s ease-in-out;
	-o-transition: color, background-color 0.2s ease-in-out;
	-ms-transition: color, background-color 0.2s ease-in-out;
	transition: color, background-color 0.2s ease-in-out;
}

.dropdown-styles .form-b option:hover {
	color: #ffffff;
	background-color: rgba(85,85,85,1.0);  
	cursor: pointer;
}



.dropdown-styles .form-c {
	position:absolute;
	left: 0;
	width: 40.75%;
	margin: 0 0 0 9.55%;	
	z-index: 5;
	max-height: 300px;
	overflow-y: auto;	
}

.dropdown-styles .form-c option {
	padding: 1em;
	font-size: 16px;
	background-color: #f7f7f7/*rgba(85,85,85,0.05)*/;
	border-top: solid 1px rgba(85,85,85,0.15);
	color: rgba(85,85,85,0.75);
	-webkit-transition: color, background-color 0.2s ease-in-out;
	-moz-transition: color, background-color 0.2s ease-in-out;
	-o-transition: color, background-color 0.2s ease-in-out;
	-ms-transition: color, background-color 0.2s ease-in-out;
	transition: color, background-color 0.2s ease-in-out;
}

.dropdown-styles .form-c option:hover {
	color: #ffffff;
	background-color: rgba(85,85,85,1.0);  
	cursor: pointer;
}

/** End Dropdown Style CSS Control **/



/** End Study Criteria Styles **/
/** End Search Bar Area **/

.search-title-gray{
	padding: 10px 0;
	width: 100%;
	margin: 0px 0 25px 0;
}

#no-search-result{   
    padding: 10px 0;
	width: 100%;
	margin: 0px 0 25px 0;
    line-height: 155%;
	font-size: 18px;
	display: none;
}
.specific-study-area-studies{
	width: 99%;
	height: auto;
	overflow: auto;
	float: right;	
	padding: 0em 0em 0em 0em;	
	background-color: #ffffff;
	-moz-box-shadow:    0px 0px 2px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15);
	box-shadow:         0px 0px 2px rgba(0, 0, 0, 0.15);
	display: inline-block;
}
.study-three-studies{

	margin: 0em .1em 2em .1em;				
}

.border-a-studies{
	border-top: none;
	border-left: solid 5px #003c69;
}

.specific-study-item-studies{
	width: 60%;
	height: auto;
	overflow: auto;
	float: left;
	margin: 17px 0 0 20px;
	padding: 0em 0em 0em 0em;		
}

.specific-study-title-area-studies{	
}

p.specific-study-title-studies{
	max-height: 95px;
	font-size: 1.5em /** 24 / 16 **/;
	color: #003c69;
	font-weight: 300;
    overflow: hidden;
    text-overflow: ellipsis;	
	margin: 0em 0em .05em 0em;	
	padding: 0em 0em 0em 0em;    
}

.specific-study-sponsor-area-studies{
	
}

p.specific-study-sponsor-studies{
	font-size: 0.875em /** 14 / 16 **/;
	color: #555555;
	font-weight: 600;	
	margin: 0em 0em .75em 0em;	
	padding: 0em 0em 0em 0em;  	
}

.specific-study-description-area-studies{
	
}

p.specific-study-description-studies{
	font-size: 16px;
	color: #555555;
	font-weight: 300;
	line-height: 145%;
	width: 92%;
	max-height: 93px;	
    overflow: hidden;	
    display: inline-block;
}


.read-more-text-link-studies{
	width: 100%;
	height: auto;
	overflow: auto;
	padding: 0.2em 0em 0.25em 0em;
}

.read-more-link-studies{
	color: #003c69;
	font-size: 0.875em /** 14 / 16 **/;
	font-weight: 300;
	line-height: 125%;
	cursor: pointer;	
}

.study-details-area-studies{
	width: 35%;
	background-color: #fafcfe;
	border-left: solid 1px #dfe0e1;
	border-top: none;
	margin: 0em 0em 0em 0em;
	padding: 20px 0 20px 0;
	display: inline-block;
	float: right;	
	height: 265px;	
}

.study-deatils-area-title{
	text-align: center;
	margin: 0px 0 0 0;
	font-weight: 400;
	font-size: 14px;
	width: 100%;
}

.study-info-studies{
	width: 90%;
	height: 45px;
	margin: 0.875em auto 0 auto;
	padding: 0em 0em 0em 0em;	
	border: solid 1px #d1e3f4;
	border-radius: 3px;
}

.study-icon{
	width: 18px;
	height: 18px;
	margin: 0 0.35em 0 0em;
	padding: 0em 0em 0em 0em;
}

.study-text{
	text-align: center;
	font-size: 0.875em /** 14 / 16 **/;
	font-weight: 300;
	margin: .75em 0em 0em 0em;
	padding: 0em 0em 0em 0em;	
}

.view-site-btn-studies{
	width: 50%;
	height: 40px;
	overflow: auto;
	margin: 7px auto 5px;
	padding: 0em 0em 0em 0em;	
	border-radius: 3px;
	cursor: pointer;
	border: solid 1px rgb(14, 85, 155);	
    color: rgb(14, 85, 155);    
	transition: color 0.5s ease, border 0.5s ease;		
}

.view-site-btn-overlay{
	width: 99%;
	height: 45px;
	overflow: auto;
	margin: .65em auto;
	padding: 0em 0em 0em 0em;	
	border: solid 1px #00a1de;
	border-radius: 3px;
	cursor: pointer;
}

.view-btn-text{
	/**color: #00a1de;**/
	text-align: center;
	font-size: 0.875em /** 14 / 16 **/;
	font-weight: 600;
	text-transform: uppercase;
	margin: 11px 0em 0em 0em;	
}

.active-btn:active{
-moz-box-shadow:    inset 2px 2px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset 2px 2px 0px rgba(0, 0, 0, 0.15);
box-shadow:         inset 2px 2px 0px rgba(0, 0, 0, 0.15);
background-color: #f1f7fc;
}
/** End Study List Area **/
/** Begin Pagination Area **/
.pagination-area{
	width: 99.5%;
	float: right;		
	padding: 0em 0em 0em 0em;
	margin: 2.5em 0em 0em 0em;	
}

#pagination {
	width: 100%;
    text-align: center;	
	margin: 0em 0em 0em 0em;
    display: inline-block;
    vertical-align: middle;
    padding: 0em 0em 0em 0em;
}
#pagination a, #pagination i {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    color: #7D7D7D;
    text-align: center;
    font-size: .875em /* 14 / 16 */;
}

#pagination a {
    border: solid 1px rgba(85,85,85,0.25);
    color: #555555;
    border-radius: 50px;    
    padding: 0.5em 0.75em 1em 0.75em;
    cursor: pointer;
    margin: 0em 1.75% 0em 0em;
    width: auto;
	height: 10px;
    opacity: 0.5;
}

#pagination a:hover{
	opacity: 1.0;
}

#pagination i {
    margin: 0em 1.75% 0em 0em;
    padding: 0em 0em 0em 0em;    
}

#pagination a.current {
    background-color: #00a1de;
    color: #ffffff;
    border-radius: 50px;
    padding: 0.5em 0.75em 1em 0.75em;
    width: auto;
	height: 10px;   
    border: solid 1px #00a1de; 
    display: inline-block;   
}

.arrow{
    font-size: 1.5em /* 14 / 16 */ !important;
    padding: .15em .7em .80em .6em !important;
    width: auto;
	height: 15px !important;   
    border: solid 1px rgba(85,85,85,0.25);
    border-radius: 3px !important;
}


.left-arrow-icon{
	width: 12px;
	height: 15px;
	display: inline-block;
}

.right-arrow-icon{
	width: 12px;
	height: 15px;
	display: inline-block;
}

/** End Pagination Area **/

/** Begin Study Read More Overlay **/

.close-btn{
	width: 100%;
	float: right;
	display: inline-block;	
}

.close{ /** Close Overlay X BTN **/
    display:inline-block;
    position:absolute;
    top:10px;
    right:20px;
	margin: .5em 0em 0em 0em;    
    background: #00a1de;
    color:white;
    height:30px;
    width:30px;
    line-height:30px;
    font-size: 1.5em /*24 / 16 */;
    text-decoration:none;
    text-align:center;
    font-weight: 700;
    -webkit-border-radius:40px;
    -moz-border-radius:40px;
    -o-border-radius:40px;
    border-radius:30px;
}

.close-type{ /** Close Overlay X Type **/
    display:inline-block;
    position:absolute;
    top:10px;
    right:60px;
   	margin: 1em 0em 0em 0em; 
    color:#00a1de;
    line-height: 30px;
    font-size: 0.875em /*14 / 16 */;
    text-decoration:none;
    text-transform: uppercase;
    text-align:right;
    font-weight: 700;
    cursor: pointer;    
}

#read-more-overlay{ 
    max-height:450px;
    overflow: auto;
    width:50%;
    margin:0 auto;
    background:#ffffff;
    color:black;
    padding:0px;
    position:absolute;
    top:10%;
    left:25%;
    z-index:1000;
    display:none;
}

#mask{
    position:fixed;
    top:0;
    left:0;
    background:rgba(0,0,0,0.6);
    z-index:500;
    width:100%;
    height:100%;
    display:none;
}

#read-more-overlay:target, #read-more-overlay:target + #mask{
	position: fixed;
    display:block;
    opacity:1;
}

/** Overlay Content **/		
		
.specific-study-item-overlay{
	width: 90%;
	height: auto;
	overflow: auto;
	margin: 0em 0em 2em 5%;	
	padding: 0em 0em 0em 0em;		
}

.specific-study-title-area-overlay{
	
}

p.specific-study-title-overlay{
	height: auto;
	overflow: auto;
	font-size: 1.5em /** 24 / 16 **/;
	color: #003c69;
	font-weight: 300;
	margin: 0em 0em .05em 0em;	
	padding: 0em 0em 0em 0em;    
}

.specific-study-sponsor-area-overlay{
	
}

p.specific-study-sponsor-overlay{
	font-size: 0.875em /** 14 / 16 **/;
	color: #555555;
	font-weight: 600;	
	margin: 0em 0em .75em 0em;	
	padding: 0em 0em 0em 0em;  	
}

.specific-study-description-area-overlay{
	
}



.study-details-area-overlay{
	width: 100%;
	margin: 2em 0em 0em 0em;
	padding: 0em 0em 2em 0em;		
}

.study-info-overlay{
	width: 99%;
	height: 45px;
	margin: .65em auto;
	padding: 0em 0em 0em 0em;	
	border: solid 1px #d1e3f4;
	border-radius: 3px;
}

.study-icon-overlay{
	width: 18px;
	height: 18px;
	margin: 0em .5em 0em .75em;
	padding: 0em 0em 0em 0em;
}

.study-text-overlay{
	text-align: center;
	font-size: 0.875em /** 14 / 16 **/;
	font-weight: 300;
	color: #555555;
	margin: .75em 0em 0em 0em;
	padding: 0em 0em 0em 0em;	
}


/** End Study Read More Overlay **/
/** End Study Area Resize 1 **/}

@media (min-width: 10px) and (max-width: 595px) {
/** Begin Page Navigation Mobile **/

/** Begin Pagination Area **/
.pagination-area{
	width: 99.5%;
	float: right;		
	padding: 0em 0em 0em 0em;
	margin: 2.5em 0em 0em 0em;	
}

#pagination {
	width: 100%;
    text-align: center;	
	margin: 0em 0em 0em 0em;
    display: inline-block;
    vertical-align: middle;
    padding: 0em 0em 0em 0em;
}
#pagination a, #pagination i {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    color: #7D7D7D;
    text-align: center;
    font-size: .75em /* 14 / 16 */;
}

#pagination a {
    border: solid 1px rgba(85,85,85,0.25);
    color: #555555;
    border-radius: 50px;    
    padding: 0.25em 0.35em .75em 0.35em;
    cursor: pointer;
    margin: 0em 1.5% 0em 0em;
    width: auto;
	height: 10px;
    opacity: 0.5;
}

#pagination a:hover{
	opacity: 1.0;
}

#pagination i {
    margin: 0em 1.5% 0em 0em;
    padding: 0em 0em 0em 0em;    
}

#pagination a.current {
    background-color: #00a1de;
    color: #ffffff;
    border-radius: 50px;
    padding: 0.25em 0.35em .75em 0.35em;
    width: auto;
	height: 10px;   
    border: solid 1px #00a1de; 
    display: inline-block;   
}

.arrow{
    font-size: 1.5em /* 14 / 16 */ !important;
    padding: .25em .7em .80em .6em !important;
    width: auto;
	height: 20px !important;   
    border: solid 1px rgba(85,85,85,0.25);
    border-radius: 3px !important;    
}


.left-arrow-icon{
	width: 15px;
	height: 15px;
	display: inline-block;
}

.right-arrow-icon{
	width: 15px;
	height: 15px;
	display: inline-block;
}

/** End Pagination Area **/
/** End Page Navigation Mobile **/}

/** Begin Study Area Resize 2 - Mobile Small **/
@media (min-width: 10px) and (max-width: 500px) {

h1{
	font-size: 1.375em;
}

.studies-shown-message-area{
	padding: 1.5em 0em 1.5em 0em;
}

/** Begin Study List Area **/
#study-list-area{
	width: 100%;
	height: auto;
	overflow: auto;
	margin: 0em 0em 0em 0em;	
	padding: 0em 0em 0em 0em;	
}

.study-list-center{
	width: 90%;
	height: auto;
	overflow: auto;
	margin: 0 auto;
	padding: .1em 0em 3em 0em;	
}

/** Begin Hide Accordion Title For Larger Divices **/
.accordion-search-title{
	display: inline-block;
	width: 99%;
	height: auto;
	overflow: auto;
	margin: 0em auto 1.3em;
	padding: 0em 0em 0em 0em;	
	border: solid 1px #00a1de;
	border-radius: 3px;
	cursor: pointer;
	opacity: 0.6;
}
/** End Hide Accordion Title For Larger Divices **/

/** Begin Accordion Item **/

.type{
	padding: 1em 0em 1em 0em;
	width: 200px;
	margin: 0 auto;
}


.accordion-search-title.open{
	opacity: 0.25;
}

.accordion-search-title.open .type{
	background: url(images/close-search-btn.svg) center no-repeat;
	background-size: 230px 20px;
	background-position: center center;
	background-repeat: no-repeat;
	width: 230px;
	height: 30px;
	opacity: 1.0;
}

.accordion-search-title.open:hover .type{
	background: url(images/close-search-btn.svg) center no-repeat;
	background-size: 230px 20px;
	background-position: center center;
	background-repeat: no-repeat;
	width: 230px;
	height: 30px;

}

.accordion-search-title.open:active .type{
	background: url(images/close-search-btn.svg) center no-repeat;
	background-size: 230px 20px;
	background-position: center center;
	background-repeat: no-repeat;
	width: 230px;
	height: 30px;
}

.accordion-search-title .type{
	background: url(images/open-search-btn.svg);
	background-size: 230px 20px;
	background-position: center center;
	background-repeat: no-repeat;
	width: 230px;
	height: 30px;
}

.accordion-search-title:hover{
	opacity: 1.0;
}

.accordion-search-title:active{
	-moz-box-shadow:    inset 2px 2px 0px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: inset 2px 2px 0px rgba(0, 0, 0, 0.15);
	box-shadow:         inset 2px 2px 0px rgba(0, 0, 0, 0.15);
	background-color: #f1f7fc;
}


/** End Accordion Item **/



/** Begin Search Bar Area **/
div.study-search-area{
	width: 99.15%;
	float: left;
	height: auto;
	overflow: auto;
	padding: 0em 0em 0em 0em;	
	margin: -1.5em 0em 1.3em .1em;	
	background-color: #ffffff;
	-moz-box-shadow:    0px 0px 2px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15);
	box-shadow:         0px 0px 2px rgba(0, 0, 0, 0.15);
	display: none;
}

.conditions-search-area{
	width: 100%;
	height: auto;
	overflow: auto;
	padding: 2em 0em 2em 0em;	
	margin: 0em 0em 0em 0em;
	background-color: #003c69;	
}

.conditions-title-area{
	width: 100%;
	height: auto;
	padding: 0em 0em 1em 0em;
	margin: 0em 0em 0em 0em;	
}

p.conditions-title{
	font-size: 1em; /* 16 / 16 */
	font-weight: 700;
	letter-spacing: 0.05em;
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
}

.search-box-studies{
	float: right;
	width: 100%;	
	margin: -0.15em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
}

.condition-search-box-studies{ 
	height: 45px;
	width: 67%;
	background-color: #122841;
	color: #ffffff;
	float: left;
	border: none;
	border-radius: 100px 0 0 100px;
	padding: 0em 0em 0em 5%;
	margin: 0em 0em 0em 5%;	
	font-size: 1em;
	font-weight: 300;
	font-family: 'lato', helvetica, sans-serif;		
}

.search-submit-btn-studies{
	float: right;
	height: 45px;
	width: 18%;	
	background-color: #122841;
	border: none;
	cursor: pointer;
	opacity: 1;
	margin: 0px 5% 0px 0px;
	border-radius: 0 100px 100px 0;	
}

.search-submit-btn-studies:hover{
	opacity: 1;
}

.search-icon-btn-studies{
	width: 18px;
	height: 18px;
}

/** Begin Study Criteria Styles **/

.criteria-area{
	width: 100%;
	height: auto;
	padding: 0em 0em 1em 0em;
	margin: 0em 0em 0em 0em;	
}

.criteria-title-area{
	width: 100%;
	height: auto;
	padding: 1em 0em 1em 0em;
	margin: 0em 0em 0em 0em;	
}

p.criteria-title{
	font-size: 1em; /* 16 / 16 */
	font-weight: 700;
	letter-spacing: 0.02em;
	color: #555555;
	text-align: center;
	text-transform: uppercase;	
	}
	
/** Begin Gender Dropdown Styles **/
.dropdown-recruitment {
	width: 90%;
	height: auto;
	margin: 0em 0em 0em 5%;
	font-weight: 700;
}


.dropdown-recruitment span {
	font-size: 16px;
	background-color: #ffffff;
	color: rgba(85,85,85,1.0);
	display: block;
	opacity: 0.7;
}


.dropdown-button-a{
	padding: .75em 1em .75em 1em;  
}

.dropdown-recruitment .dropdown-list-a {
	position:absolute;
	left: 0;
	width: 80.7%;
	margin: 0 0 0 9.8%;	
	display: none;
	z-index: 5;
	max-height: 300px;
	overflow-y: auto;
	border: solid 1px rgba(85,85,85,0.5);		
}

.dropdown-recruitment .dropdown-list-a li {
	padding: 1em;
	font-size: 16px;
	background-color: #f7f7f7/*rgba(85,85,85,0.05)*/;
	border-top: solid 1px rgba(85,85,85,0.15);
	color: rgba(85,85,85,0.75);
	-webkit-transition: color, background-color 0.2s ease-in-out;
	-moz-transition: color, background-color 0.2s ease-in-out;
	-o-transition: color, background-color 0.2s ease-in-out;
	-ms-transition: color, background-color 0.2s ease-in-out;
	transition: color, background-color 0.2s ease-in-out;
}

.dropdown-recruitment .dropdown-list-a li:hover {
	color: #ffffff;
	background-color: rgba(85,85,85,1.0);  
	cursor: pointer;
}
/** End Gender Dropdown Style **/		
/** Begin StudyType Dropdown Styles **/
.dropdown-study-type {
	width: 90%;
	height: auto;
	margin: 0em 0em 0em 5%;
	font-weight: 700;
}

.dropdown-study-type span {
	font-size: 16px;
	background-color: #ffffff;
	color: rgba(85,85,85,1.0);
	display: block;
	opacity: 0.7;
}

.dropdown-button-b{
	padding: .75em 1em .75em 1em;  
}

.dropdown-study-type .dropdown-list-b {
	position:absolute;
	left: 0;
	width: 80.7%;
	margin: 0 0 0 9.8%;
	display: none;
	z-index: 5;
	max-height: 300px;
	overflow-y: auto;
	border: solid 1px rgba(85,85,85,0.5);		
}

.dropdown-study-type .dropdown-list-b li {
	padding: 1em;
	font-size: 16px;
	background-color: #f7f7f7/*rgba(85,85,85,0.05)*/;
	border-top: solid 1px rgba(85,85,85,0.15);
	color: rgba(85,85,85,0.75);
	-webkit-transition: color, background-color 0.2s ease-in-out;
	-moz-transition: color, background-color 0.2s ease-in-out;
	-o-transition: color, background-color 0.2s ease-in-out;
	-ms-transition: color, background-color 0.2s ease-in-out;
	transition: color, background-color 0.2s ease-in-out;
}

.dropdown-study-type .dropdown-list-b li:hover {
	color: #ffffff;
	background-color: rgba(85,85,85,1.0);  
	cursor: pointer;
}
/** End StudyType Dropdown Style **/	
/** Begin Phase Dropdown Styles **/
.dropdown-phase {
	width: 90%;
	height: auto;
	margin: 0em 0em 0em 5%;
	font-weight: 700;
}

.dropdown-phase span {
	font-size: 16px;
	background-color: #ffffff;
	color: rgba(85,85,85,1.0);
	display: block;
	opacity: 0.7;
}

.dropdown-button-c{
	padding: .75em 1em .75em 1em;  
}

.dropdown-phase .dropdown-list-c {
	position:absolute;
	left: 0;
	width: 80.7%;
	margin: 0 0 0 9.8%;	
	display: none;
	z-index: 5;
	max-height: 300px;
	overflow-y: auto;
	border: solid 1px rgba(85,85,85,0.5);		
}

.dropdown-phase .dropdown-list-c li {
	padding: 1em;
	font-size: 16px;
	background-color: #f7f7f7/*rgba(85,85,85,0.05)*/;
	border-top: solid 1px rgba(85,85,85,0.15);
	color: rgba(85,85,85,0.75);
	-webkit-transition: color, background-color 0.2s ease-in-out;
	-moz-transition: color, background-color 0.2s ease-in-out;
	-o-transition: color, background-color 0.2s ease-in-out;
	-ms-transition: color, background-color 0.2s ease-in-out;
	transition: color, background-color 0.2s ease-in-out;
}

.dropdown-phase .dropdown-list-c li:hover {
	color: #ffffff;
	background-color: rgba(85,85,85,1.0);  
	cursor: pointer;
}
/** End Phase Dropdown Style **/	
/** Begin Age Dropdown Styles **/
.dropdown-age-studies {
	width: 90%;
	height: auto;
	margin: 0em 0em 0em 5%;
	font-weight: 700;
}


.dropdown-age-studies span {
	font-size: 16px;
	background-color: #ffffff;
	color: rgba(85,85,85,1.0);
	display: block;
	opacity: 0.7;
}

.dropdown-button-d{
	padding: .75em 1em .75em 1em;  
}

.dropdown-age-studies .dropdown-list-d {
	position:absolute;
	left: 0;
	width: 80.7%;
	margin: 0 0 0 9.8%;
	display: none;
	z-index: 5;
	max-height: 300px;
	overflow-y: auto;
	border: solid 1px rgba(85,85,85,0.5);		
}

.dropdown-age-studies .dropdown-list-d li {
	padding: 1em;
	font-size: 16px;
	background-color: #f7f7f7/*rgba(85,85,85,0.05)*/;
	border-top: solid 1px rgba(85,85,85,0.15);
	color: rgba(85,85,85,0.75);
	-webkit-transition: color, background-color 0.2s ease-in-out;
	-moz-transition: color, background-color 0.2s ease-in-out;
	-o-transition: color, background-color 0.2s ease-in-out;
	-ms-transition: color, background-color 0.2s ease-in-out;
	transition: color, background-color 0.2s ease-in-out;
}

.dropdown-age-studies .dropdown-list-d li:hover {
	color: #ffffff;
	background-color: rgba(85,85,85,1.0);  
	cursor: pointer;
}
/** End Age Style **/	
/** Begin Gender Dropdown Styles **/
.dropdown-gender {
	width: 90%;
	height: auto;
	margin: 0em 0em 0em 5%;
	font-weight: 700;
}


.dropdown-gender span {
	font-size: 16px;
	background-color: #ffffff;
	color: rgba(85,85,85,1.0);
	display: block;
	opacity: 0.7;
}

.dropdown-button-e{
	padding: .75em 1em .75em 1em;  
}

.dropdown-gender .dropdown-list-e {
	position:absolute;
	left: 0;
	width: 80.7%;
	margin: 0 0 0 9.8%;
	display: none;
	z-index: 5;
	max-height: 300px;
	overflow-y: auto;
	border: solid 1px rgba(85,85,85,0.5);		
}

.dropdown-gender .dropdown-list-e li {
	padding: 1em;
	font-size: 16px;
	background-color: #f7f7f7/*rgba(85,85,85,0.05)*/;
	border-top: solid 1px rgba(85,85,85,0.15);
	color: rgba(85,85,85,0.75);
	-webkit-transition: color, background-color 0.2s ease-in-out;
	-moz-transition: color, background-color 0.2s ease-in-out;
	-o-transition: color, background-color 0.2s ease-in-out;
	-ms-transition: color, background-color 0.2s ease-in-out;
	transition: color, background-color 0.2s ease-in-out;
}

.dropdown-gender .dropdown-list-e li:hover {
	color: #ffffff;
	background-color: rgba(85,85,85,1.0);  
	cursor: pointer;
}
/** End Gender Dropdown Style **/	

/** Begin Locations DIV Line **/
.criteria-div-line{
	width: 100%;
	height: 1px;
	border-top: solid 1px rgba(85,85,85,0.15);
	margin: 0.5em 0em 0.5em 0em;
}
/** End Locations DIV Line **/

.zip-search-box-area-studies{
	height: 50px;
	width: 90%;
	margin: 0em 0em 10px 5%;	
	border: solid 1px rgba(85,85,85,0.25);
	border-radius: 3px;	
}

.zip-search-box-area-studies:hover{
	border: solid 1px rgba(85,85,85,1.0);	
}

.free-text-area-studies{
	height: 50px;
	width: 100%;
	border: solid 1px rgba(85,85,85,0.25);
	border-radius: 3px;	
}

.free-text-area-studies:hover{
	border: solid 1px rgba(85,85,85,0.5);	
}

.zip-search-box-studies{ 	
	margin: 0em 0em 0em 5%;	
	background-color: transparent;
	height: 95%;
	width: 90%;
	border: none;
	color: #555555;	
	font-size: 1em;
	font-weight: 700;
	font-family: 'lato', helvetica, sans-serif;	
	cursor: text;		
}

/** Begin Search BTN **/

.btn-custom-c{
	width: 90%;
	margin: .5em 0em 0em 5%;
}

.btn-custom-d-screening{
	width: 99.5%;
	margin: .5em 0em 0em 0;	
	float: right;
	cursor: pointer;	
}


a.dark-blue-btn{
	display: inline-block;
	text-align: center;
	background-color: #003c69;
	border: solid 1px #031c2f;
	border-radius: 3px;
	box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.15);	
	height: 45px;	
}

a.dark-blue-btn:hover{
	background-color: #00508c;	
}

a.dark-blue-btn:active{
-moz-box-shadow:    inset 2px 2px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset 2px 2px 0px rgba(0, 0, 0, 0.15);
box-shadow:         inset 2px 2px 0px rgba(0, 0, 0, 0.15);

}



/** End Search BTN **/


/** Begin Distance Dropdown Styles **/
.dropdown-distance-studies {
	width: 90%;
	height: auto;
	margin: 0em 0em 0em 5%;
	font-weight: 700;
}


.dropdown-distance-studies span {
	font-size: 16px;
	background-color: #ffffff;
	color: rgba(85,85,85,1.0);
	display: block;
	opacity: 0.7;
}

.dropdown-button-f{
	padding: .75em 1em .75em 1em;  
}

.dropdown-distance-studies .dropdown-list-f {
	position:absolute;
	left: 0;
	width: 80.7%;
	margin: 0 0 0 9.8%;
	display: none;
	z-index: 5;
	max-height: 300px;
	overflow-y: auto;
	border: solid 1px rgba(85,85,85,0.5);		
}

.dropdown-distance-studies .dropdown-list-f li {
	padding: 1em;
	font-size: 16px;
	background-color: #f7f7f7/*rgba(85,85,85,0.05)*/;
	border-top: solid 1px rgba(85,85,85,0.15);
	color: rgba(85,85,85,0.75);
	-webkit-transition: color, background-color 0.2s ease-in-out;
	-moz-transition: color, background-color 0.2s ease-in-out;
	-o-transition: color, background-color 0.2s ease-in-out;
	-ms-transition: color, background-color 0.2s ease-in-out;
	transition: color, background-color 0.2s ease-in-out;
}

.dropdown-distance-studies .dropdown-list-f li:hover {
	color: #ffffff;
	background-color: rgba(85,85,85,1.0);  
	cursor: pointer;
}
/** End Distance Dropdown Style **/	



/** Begin Dropdown Style CSS Control **/
.dropdown-title{
	margin: 0px 0px 5px 0px;
}

.form-width{
	width: 100%;
}

.dropdown-styles {
	width: 100%;
	height: 50px;
	margin: 0em 0em 1em 0em;
	cursor: pointer;
	font-weight: 700;
	background: url(images/dropdown-arrow.svg) no-repeat right;
	background-size: 25px 25px;	  
	background-color: transparent;
	border: solid 1px rgba(85,85,85,0.25);
	border-radius: 3px;
	cursor: pointer;
}

.dropdown-styles:hover{
	border: solid 1px rgba(85,85,85,0.5);
}



.dropdown-button-d{
	padding: .75em 1em .75em 1em;  
}

.dropdown-styles .form-a {
	position:absolute;
	left: 0;
	width: 80.85%;
	margin: 0 0 0 9.55%;	
	z-index: 5;
	max-height: 300px;
	overflow-y: auto;	
}

.dropdown-styles .form-a option {
	padding: 1em;
	font-size: 14px;
	background-color: #f7f7f7/*rgba(85,85,85,0.05)*/;
	border-top: solid 1px rgba(85,85,85,0.15);
	color: rgba(85,85,85,0.75);
	-webkit-transition: color, background-color 0.2s ease-in-out;
	-moz-transition: color, background-color 0.2s ease-in-out;
	-o-transition: color, background-color 0.2s ease-in-out;
	-ms-transition: color, background-color 0.2s ease-in-out;
	transition: color, background-color 0.2s ease-in-out;
}

.dropdown-styles .form-a option:hover {
	color: #ffffff;
	background-color: rgba(85,85,85,1.0);  
	cursor: pointer;
}



.dropdown-styles .form-b {
	position:absolute;
	left: 0;
	width: 80.85%;
	margin: 0 0 0 9.55%;	
	z-index: 5;
	max-height: 300px;
	overflow-y: auto;	
}

.dropdown-styles .form-b option {
	padding: 1em;
	font-size: 16px;
	background-color: #f7f7f7/*rgba(85,85,85,0.05)*/;
	border-top: solid 1px rgba(85,85,85,0.15);
	color: rgba(85,85,85,0.75);
	-webkit-transition: color, background-color 0.2s ease-in-out;
	-moz-transition: color, background-color 0.2s ease-in-out;
	-o-transition: color, background-color 0.2s ease-in-out;
	-ms-transition: color, background-color 0.2s ease-in-out;
	transition: color, background-color 0.2s ease-in-out;
}

.dropdown-styles .form-b option:hover {
	color: #ffffff;
	background-color: rgba(85,85,85,1.0);  
	cursor: pointer;
}



.dropdown-styles .form-c {
	position:absolute;
	left: 0;
	width: 80.85%;
	margin: 0 0 0 9.55%;	
	z-index: 5;
	max-height: 300px;
	overflow-y: auto;		
}

.dropdown-styles .form-c option {
	padding: 1em;
	font-size: 16px;
	background-color: #f7f7f7/*rgba(85,85,85,0.05)*/;
	border-top: solid 1px rgba(85,85,85,0.15);
	color: rgba(85,85,85,0.75);
	-webkit-transition: color, background-color 0.2s ease-in-out;
	-moz-transition: color, background-color 0.2s ease-in-out;
	-o-transition: color, background-color 0.2s ease-in-out;
	-ms-transition: color, background-color 0.2s ease-in-out;
	transition: color, background-color 0.2s ease-in-out;
}

.dropdown-styles .form-c option:hover {
	color: #ffffff;
	background-color: rgba(85,85,85,1.0);  
	cursor: pointer;
}

/** End Dropdown Style CSS Control **/





/** End Mobile Search **/
/** End Study Area Resize 2 **/}

/** Begin Study Area Resize 2 - Mobile Small **/
@media (min-width: 10px) and (max-width: 650px) {
/** Begin Mobile Studies Single Column **/
.specific-study-area-studies{
	width: 99%;
	height: auto;
	overflow: auto;	
	padding: 0em 0em 0em 0em;	
	background-color: #ffffff;
	-moz-box-shadow:    0px 0px 2px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15);
	box-shadow:         0px 0px 2px rgba(0, 0, 0, 0.15);
	display: inline-block;
}


.study-three-studies{
	float: left;
	margin: 0em .1em 2em .1em;		
}

.border-a-studies{
	border-top: solid 5px #003c69;
	border-left: none;
}

.specific-study-item-studies{
	width: 90%;
	height: auto;
	overflow: auto;
	margin: 20px 0em 0em 20px;	
	padding: 0em 0em 0em 0em;		
}

.specific-study-title-area-studies{
	
}

p.specific-study-title-studies{
	max-height: 150px;
	font-size: 1.5em /** 24 / 16 **/;
	color: #003c69;
	font-weight: 300;
    overflow: hidden;
    text-overflow: ellipsis;	
	margin: 0em 0em .05em 0em;	
	padding: 0em 0em 0em 0em;    
}

.specific-study-sponsor-area-studies{
	
}

p.specific-study-sponsor-studies{
	font-size: 0.875em /** 14 / 16 **/;
	color: #555555;
	font-weight: 600;	
	margin: 0em 0em .75em 0em;	
	padding: 0em 0em 0em 0em;  	
}

.specific-study-description-area-studies{
	
}

p.specific-study-description-studies{
	font-size: 16px;
	color: #555555;
	font-weight: 300;
	line-height: 145%;
	width: 100%;
	max-height: 140px;		
    overflow: hidden;	
    display: inline-block;
}

.read-more-text-link-studies{
	width: 100%;
	height: auto;
	overflow: auto;
	padding: 0.2em 0em 0.25em 0em;
}

.read-more-link-studies{
	color: #003c69;
	font-size: 0.875em /** 14 / 16 **/;
	font-weight: 300;
	line-height: 125%;
	cursor: pointer;	
}

.study-details-area-studies{
	width: 100%;
	background-color: #fafcfe;
	border-top: solid 1px #dfe0e1;
	border-left: none;	
	margin: 2em 0em 0em 0em;
	padding: 1em 0em 0em 0em;	
	height: 280px;	
}

.study-info-studies{
	width: 90%;
	height: 45px;
	margin: .75em auto;
	padding: 0em 0em 0em 0em;	
	border: solid 1px #d1e3f4;
	border-radius: 3px;
}

.study-icon{
	width: 18px;
	height: 18px;
	margin: 0 0.35em 0 0em;
	padding: 0em 0em 0em 0em;
}

.study-text{
	text-align: center;
	font-size: 0.875em /** 14 / 16 **/;
	font-weight: 300;
	margin: .75em 0em 0em 0em;
	padding: 0em 0em 0em 0em;	
}

.view-site-btn-studies{
	width: 65%;
	height: 45px;
	overflow: auto;
	margin: 10px auto 0px;
	padding: 0em 0em 0em 0em;	
	border-radius: 3px;
	cursor: pointer;
	border: solid 1px rgb(14, 85, 155);	
    color: rgb(14, 85, 155);    
	transition: color 0.5s ease, border 0.5s ease;		
	
}

.view-site-btn-overlay{
	width: 99%;
	height: 45px;
	overflow: auto;
	margin: .65em auto;
	padding: 0em 0em 0em 0em;	
	border: solid 1px #00a1de;
	border-radius: 3px;
	cursor: pointer;
}

.view-btn-text{
	/**color: #00a1de;**/
	text-align: center;
	font-size: 0.875em /** 14 / 16 **/;
	font-weight: 600;
	text-transform: uppercase;
	margin: .95em 0em 0em 0em;	
}

.active-btn:active{
-moz-box-shadow:    inset 2px 2px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset 2px 2px 0px rgba(0, 0, 0, 0.15);
box-shadow:         inset 2px 2px 0px rgba(0, 0, 0, 0.15);
background-color: #f1f7fc;
}
/** End Study List Area **/


/** Begin Study Read More Overlay **/

.close-btn{
	width: 100%;
	float: right;
	display: inline-block;	
}

.close{ /** Close Overlay X BTN **/
    display:inline-block;
    position:absolute;
    top:10px;
    right:20px;
	margin: .5em 0em 0em 0em;    
    background: #00a1de;
    color:white;
    height:30px;
    width:30px;
    line-height:30px;
    font-size: 1.5em /*24 / 16 */;
    text-decoration:none;
    text-align:center;
    font-weight: 700;
    -webkit-border-radius:40px;
    -moz-border-radius:40px;
    -o-border-radius:40px;
    border-radius:30px;
}

.close-type{ /** Close Overlay X Type **/
    display:inline-block;
    position:absolute;
    top:10px;
    right:60px;
   	margin: 1em 0em 0em 0em; 
    color:#00a1de;
    line-height: 30px;
    font-size: 0.875em /*14 / 16 */;
    text-decoration:none;
    text-transform: uppercase;
    text-align:right;
    font-weight: 700;
    cursor: pointer;    
}

#read-more-overlay{ 
    max-height:450px;
    overflow: auto;
    width: 90%;
    margin:0 auto;
    background:#ffffff;
    color:black;
    padding:0px;
    position:absolute;
    top:10%;
    left:5%;
    z-index:1000;
    display:none;
}

#mask{
    position:fixed;
    top:0;
    left:0;
    background:rgba(0,0,0,0.6);
    z-index:500;
    width:100%;
    height:100%;
    display:none;
}

#read-more-overlay:target, #read-more-overlay:target + #mask{
    display:block;
    opacity:1;
}

/** Overlay Content **/		
		
.specific-study-item-overlay{
	width: 90%;
	height: auto;
	overflow: auto;
	margin: 0em 0em 2em 5%;	
	padding: 0em 0em 0em 0em;		
}

.specific-study-title-area-overlay{
	
}

p.specific-study-title-overlay{
	height: auto;
	overflow: auto;
	font-size: 1.5em /** 24 / 16 **/;
	color: #003c69;
	font-weight: 300;
	margin: 0em 0em .05em 0em;	
	padding: 0em 0em 0em 0em;    
}

.specific-study-sponsor-area-overlay{
	
}

p.specific-study-sponsor-overlay{
	font-size: 0.875em /** 14 / 16 **/;
	color: #555555;
	font-weight: 600;	
	margin: 0em 0em .75em 0em;	
	padding: 0em 0em 0em 0em;  	
}

.specific-study-description-area-overlay{
	
}

/** End Study Read More Overlay **/


/** End Study Area Resize 3 **/}


/**Begin resize data paragraph overlay styling **/
@media (min-width: 10px) and (max-width: 768px){
p.specific-study-description-overlay{
	font-size: 0.875em /** 14 / 16 **/;
	color: #555555;
	font-weight: 300;
	line-height: 125%;
	width: 85%;
	height: overlay;		
	overflow: auto;	
    display: inline-block;
	white-space: pre-line;
}	
	
.read-more-info-left{	
	float: left; 
	width: 100%;
}

.read-more-info-right{	
	float: left; 
	width: 100%;
	margin-top: 20px;
	margin-left: 0px;
}
/**End resize data paragraph overlay styling **/}

@media (max-width: 525px){
	
.search-title-gray{
	text-align: center;
	font-size: 16px;
	font-weight: 300;
	height: auto;
	overflow: auto;
	background-color: rgba(0,0,0,0.05);
	border-radius: 100px;
	width: 100%;
	margin: 5px 0 25px 0;
	float: right;
	padding: 10px 0px 10px 0px;
	font-weight: 300;
}	

#no-search-result{   
    background-color: #FFFFFF;
    width: 100%;
    margin:5px 0 25px 0;
    float: right;
    padding: 10px 0px 10px 0px;
    border: solid 1px #d1e3f4;
    line-height: 155%;
	font-size: 16px;
	display: none;
}

	
}