/*----------------Responsive Design ------------------*/

@media only screen and (max-width: 678px) {
    body {width: 100%
    }
	#PageContainer {
    height: auto;
    width: 100% !important;
	}
	div.ScreenerForm {
    width: 100%;
    height: auto;
	}
	label {
	}	
	#PageContainer label {
		width: 100%;
		font-size: 1.2em;
	}
	#PageContainer label span {
		width: 100%;
		font-size: 14px;
	}
	#PageContainer input {
    float: unset;
    margin: 8px 10px 22px 0px;
	/*width: 60%;
	height: 30px*/
	}
	input {
	width: 80%;
	margin-bottom: 10px;
	}
	.GroupContainer {
     width: 95%; 
	}
	#sectionDiv_2197 {
	width: 100%;
	}
	div.ScreenerForm {
    width: 100%;
	}
}

/*----------------------form styles-------------------------*/
	body { width: 100% }

	#PageContainer { height:auto; background-color: #fff; border:none; font-weight:bold; border:none; margin: 0 10%;}
/*#PageContainer h4{font-size:18px; width:700px; background-color:#f26722; font-family: eurostile LT Std Medium !important;color:#fff; padding: 5px 0px 5px 10px; border-bottom: 2px solid #ccc}   ------------------- change, see below. - cmh --------------------*/
/*#PageContainer label{ width:350px; float:left; margin-bottom:10px; font-size:12px; color:#58595B}*/
/*#PageContainer input{ float:left; background:#fdfdfd url(../MyClinicalTrial.com_files/images/input-bg.gif); border:1px solid #ccc; margin: 0px 0px 0px 0px;}*/
/*#PageContainer textarea{width:220px;  background:#fdfdfd url(../MyClinicalTrial.com_files/images/input-bg.gif) repeat-x; border:1px solid #ccc; text-align:left; vertical-align:top;}*/
		
	#PageContainer .PostHeader{ height:auto;}
		
/*.GroupContainer{width:300px; float:left; margin:0; line-height:2em; font-size: 12px; color:#58595B; display:block;}
.GroupContainer p{font-size: 12px;}*/
	.GroupContainer input{width:20px;  float:left; background-color:#f1f1f1; border:1px solid #ccc}
	div.GroupContainer textarea { clear:both;}
	
	#PageContainer .SkipLogicMessage { color:#F00; }
	#PageContainer {width:auto; margin:5px 0px 0px 0px}
	.QuestionDiv {
	width:auto; 
	margin: 12px 0px 6px 0px;
	}
	
	.PostHeader span.action a{font-size:18px; background-color:#58595B ; color:#fff ; padding:5px 10px 5px 10px; border-bottom: 2px solid #ccc ; text-decoration:none}
	.next_question{ margin-top: 40px !important;}
/*----------------------End form styles-------------------------*/

/*#PageContainer a.action span {float:left; background:#fdfdfd url(../MyClinicalTrial.com_files/images/input-bg.gif); border:1px solid #ccc; margin: 0px 0px 10px 0px 10px; padding:2px 10px 0px 10px;}*/
a.action span { margin:0px 0px 0px 30px}
.form{ margin:0px; padding:0px;}

div.ScreenerForm{
float:left;
margin:0px;
padding:0px;
/*width:670px;*/
height:auto;
border:none !important;
overflow:hidden;
} 

div.ScreenerForm div.GroupContainer radio{
	display:block;
	float:left;
	line-height:inherit;
	vertical-align: middle;
}



/*----------------------------------------------------------------------------New form styles-------------------------------------------------------------------------------*/

/*input{background:#fdfdfd url(../MyClinicalTrial.com_files/images/input-bg.gif); border:1px solid #ccc}*/
/*label{margin-bottom:10px; font-size:12px; font-weight:bold; color:#58595B; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important}*/

#SiteInformation h2{ color:#777; margin-left: 8px;}
#SiteInformation a.action span {background: url(../MyClinicalTrial.com_files/images/input-bg.gif) !important; background-color:#FFF; border:1px solid #ccc; margin:10px 0px 0px 0px;}
#Save_Click a.action { margin:10px;}
#SiteInformation  h3{font-size:18px; width:620px; background-color:#f26722; font-family: eurostile LT Std Medium !important;color:#fff; padding: 5px 0px 5px 10px; border-bottom: 2px solid #ccc}
#InterestPanel h3{font-size:18px; width:620px; background-color:#f26722; font-family: eurostile LT Std Medium !important;color:#fff; padding: 5px 0px 5px 10px; border-bottom: 2px solid #ccc}

#ResearchInterests td{ width: 300px !important}

div.form_left form h3{font-size:18px; width:620px; background-color:#f26722; font-family: eurostile LT Std Medium !important;color:#fff; padding: 5px 0px 5px 10px; border-bottom: 2px solid #ccc}
div.form_left form span.ReqOrgName{font-weight: bold}

/*#form1{ font-weight:bold; font-size: 12px !important; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; margin-bottom:5px !important;}*/

/* ---------------------------------------------------------------------- New Form Styles changed - cmh 9-28-2017  ------------------------------------------------------------------*/

@font-face {
	font-family: 'Eurostile';
	src: url(/fonts/eurostile-1361505690.ttf)format('truetype');
	src: url(/fonts/EurostileLTStd.otf)format('openface');
}

#PageContainer h4{
    font-size: 1.75rem;
    width: 700px;
    background-color: #0973b9;
    font-family: Eurostile, lato,"Helvetica Neue", Helvetica, Arial, "sans-serif" !important;
    color: #fff;
    padding: 5px 0px 5px 10px;
    border-bottom: 2px solid #ccc;
	font-weight: 400;
}

label{margin-bottom:10px; font-size: 1.5rem; font-weight:500; color:#58595B; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important}

#form1 { font-weight:bold; font-size: 14px !important; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; /*margin-bottom:5px !important; */ width: 80%; margin: 0 10% 5px 10%; }


label  {
    width:220px;
    /*color:#58595B;
	font-weight: 500;
    font-size: 1.5rem;*/
    padding-bottom: 4px;
    display:inline-block!important;
}

#PageContainer a.action span {
    float: left;
    border: 1px solid #3b779e;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 12px 30% 12px 34%;
    font-size: 16px;
	font-family: arial, helvetica, sans-serif;
	font-weight: 500;
	text-decoration: none;
	padding: 7px 14px;
    color: #ffffff;
    background-color: #0973B9;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.19);
    background-image: linear-gradient(to bottom, #3b779e, #0973B9);
}
#PageContainer label{ /*width:33%;*/ float:left; margin-bottom:10px; margin-right: 20px; font-size:14px; font-weight: 500; color:#58595B}
#PageContainer input{ float:left; background:#fdfdfd url(../MyClinicalTrial.com_files/images/input-bg.gif); border:1px solid #ccc; padding: 4px; margin: 6px 0px 0px 8px;}
#PageContainer textarea{width:220px;  background:#fdfdfd url(../MyClinicalTrial.com_files/images/input-bg.gif) repeat-x; border:1px solid #ccc; text-align:left; margin: 4px 8px; vertical-align:top;}
input{background:#fdfdfd url(../MyClinicalTrial.com_files/images/input-bg.gif); width: 33%; border:1px solid #ccc}
.GroupContainer{width:300px; float:left; margin:0; line-height:2em; font-size: 14px; font-weight: 500; color:#58595B; display:block;}
.GroupContainer p{font-size: 14px; font-weight: 500;}
#PageContainer a.action span a:focus a:hover {
	color: #23527c;
}
a.action span {
	max-width: 200px;
	vertical-align:middle;
	background:url(../Images/Admin/action_btn.png) no-repeat right top;
	/*height:18px;*/
	padding: 0px 8px 3px 5px;
	_padding: 0px 9px 3px 0px;
	margin-left: 4px;
	cursor:pointer;
	line-height: 13px;
	_line-height: 16px;
	color:#222
}