/* Executive Director, Inc. (EDI) Directory Map Styles Design v.1 (01/16) */

/* EDIBO specific CSS */

.ajax__tab_xp .ajax__tab_tab {
    height: 35px !important;
    padding: 5px 10px !important;
        box-sizing: border-box;
}

.ajax__tab_default .ajax__tab_tab {
    display: inline !important;
}

.FieldControl {
    margin: 8px 0 !important;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {
    width: inherit !important;
}

input#p_lt_ctl02_CSESearchBox_SearchField {
width: 100% !important;	
}

/* ==== End ==== */ 

/* Directory Styles */
/*html, body {height: 100%; margin: 0; padding: 0;} #directory div {background-color: #F1EADD}*/
	
.chkbox {width: 210px; float: left; height: auto; margin: 1px; font-size: 0.8em}
.dir_search_filter{clear:both; margin: 6px 0;}
.dir_more_filters{color:blue; cursor: pointer;}
form.search {background-color: #dae0d0; border: 1px solid #cad0c0; padding: 15px; width: 100% float: left; margin-top: 3px;}
#otherfields{display:none;}

#container {
    display: table;
    margin: 0.25em auto 0.9375em;
    width: 72.25em;
}
	
#directory {
	float: left; 
	clear: left;
	/* width: 510px; */
}		
		
#mapContainer{
	display:table; 
	width:480px;
	height:480px;
	float:right;
	margin-top:31px;	
}	
	
#quickFind{display:block; margin:0 0 10px; width: 240px;}
#quickSelect{width: 3300px;}

#map-canvas{display:block; margin-top:0px; border: 1px solid #8E8E8E; height:480px; width:100%;}

.additional {
    padding: 3px;
    color: #13608d;
	text-decoration:underline;
    cursor: pointer;
}
.providername{
	font-style: normal;
	font-weight: bold;
    font-size: larger;
}	
.address{
	width:100%;
	font-size: 1.1em;
	line-height: 1.3em;
	padding:0px;
	margin:0px;
}

fieldset{
    padding: 5px;
    border-width: 1px 0px 0px 0px;
    border-style: solid none none none;
    border-color: #cccccc;
    font-size: 1.1em;
}
legend {
    font-size: 1.2em;
    padding: 3px;
}

.miles{
	font-size: 1.1em;
}		
.directions a{
	font-size: 1.1em;
}

.providerContainer{
	margin-bottom:0.625em; /* 10px */
	border:1px solid #cad0c0;
	padding: 10px;
	width:100%;
	display:table;
    background-color: #dae0d0
}	
.providerinfo{
	background-color: #fff !important;	
	font-style: italic;	
	padding: 5px 15px;
}
.detailsContainer{
	display:block;
	border-bottom: 1px solid #cad0c0;
}
.detailsContainer:after {
    clear: both;
}
.markerContainer{
	float:left;
	display:inline-block;
    margin-top: 1px;
	padding:4px;
	width:10%; /*7.29%;*/ /*3.125em;*/ /* 50px;*/
	vertical-align:top;
}
.practiceContainer{
	float:left;
	display:inline-block;
	padding:5px;
	width:80%;  /*18.750em;*/ /* 300px; */
	vertical-align:top;
    margin-top:1px;
}
.specialtyContainer{
	float:left;
	display:inline-block;
	padding:5px;
	font-size:1em;
	font-style: italic;
	line-height: 14px;
	font-weight:normal;
	width:42.7%; /*20.813em;*/ /* 333px; */
	vertical-align:top;
}
.specialtyContainer span{
	font-size:0.750em; /* 12px; */
	font-style: normal;
	font-weight:normal;
	display: block;
	margin-top: 5px;
}
.dir_backlink {
    float: right;
}

.call{display:block}
.tel{display:none}

/* Searching/Waiting overlay */
#MainZone #dir_overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background-color: #000; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
#MainZone #dir_overlay span {padding: 10px; border-radius: 5px; font-size: 2.0em; color: #000; background-color: #fff; position:relative; top:50%; }  
.small {font-size: 0.9em}

/* LANDSCAPE FOR TABLETS, NETBOOKS AND LAPTOPS */
/*
@media (max-device-width: 1023px) { 
	#col-2{
		display: table;
		float: left;
		width: 75%!important;
		padding:0 10px;
		border:1px dotted #000000;
		background-color:#FF1212;
	}
}
*/

/* MY MEDIA QUERIES AND STANDARD LIST OF BREAKPOINTS */
/* LANDSCAPE FOR TABLETS, NETBOOKS AND LAPTOPS */
/* @media screen and (max-width: 1024px), and (max-width: 769px), (max-device-width: 1024px) { 

@media screen and (min-width: 1024px), screen and (min-device-width: 1024px) { */
@media (max-width: 1024px), (max-width: 769px) { 

	#container {
		display: table;
		width: 100%;
		margin: .25em 0 .9375em 0;
		padding:0;
	}
	
	/* Directory/Map styles */
	#directory{
		width: 48%!important;
	}	
	form.search {
		width: 100%!important;
	}
	
	#mapContainer{
		margin-top:63px;
        width: 48%!important;        
	}	
	
	.providerinfo{
		background-color: #EEEEF2;		
		font-style: italic;
		padding:5px;
	}
	.markerContainer{
		float:left;
		display:inline-block;
		padding:5px;
		width:38px; /*7.29%;*/ /*3.125em;*/ /* 50px;*/
		vertical-align:top;
	}
	.markerContainer img {
		width: 100%;
		display: block;
	}
	.practiceContainer{
		width:auto; /*28.750em;*/ /* 90%;*/ /* 635px */
	}
	.specialtyContainer{
		float:left;
		display:block;
		padding:5px;
		font-size:1em;
		font-style: italic;
		padding:5px 0 5px 2.688em; /*38px!important;*/
		line-height: 0.875em; /* 14px; */
		font-weight:normal;
		width:100%;
		border-top: 1px dotted #AFAFAF;
		background-color:#EEEEF2!important;
	}
	.specialtyContainer span{
		font-size:0.750em; /* 12px;*/
		font-style: normal;
		font-weight:normal;
		display: block;
		margin-top: 5px;
	}	

}


/* PORTRAITS FOR TABLETS, NETBOOKS AND LAPTOPS */
/*@media only screen and (max-width: 768px) and (min-device-width: 768px) {*/
@media only screen and (max-width: 768px), only screen and (max-device-width: 767px) {


	/* Directory/Map styles */
	#directory{
		width:100%!important;
	}	
	form.search {
		width: 100%!important;
	}
	#mapContainer{
		/* display:none!important; */
		width:100%!important;
		height:15.000em; /* 240px; */
		margin:0.625em 0; /* 10px 0;*/
	}
	#map-canvas{
		width:100%;
		height:15.000em; /*240px;*/
	}
	.providerinfo{
		background-color: #EEEEF2;		
		font-style: italic;
		padding:5px;
	}
	.markerContainer{
		float:left;
		display:inline-block;
		padding:5px;
		width:38px; /*7.29%;*/ /*3.125em;*/ /* 50px;*/
		vertical-align:top;
	}
	.markerContainer img {
		width: 100%;
		display: block;
	}
	.practiceContainer{
		width:auto; /*28.750em;*/ /* 90%;*/ /* 635px */
	}
	.specialtyContainer{
		float:left;
		display:block;
		padding:5px;
		font-size:1em;
		font-style: italic;
		padding:5px 0 5px 2.688em; /*38px!important;*/
		line-height: 0.875em; /* 14px; */
		font-weight:normal;
		width:100%;
		/* width:auto!important;  */
		border-top: 1px dotted #AFAFAF;
		background-color:#EEEEF2!important;
	}
	.specialtyContainer span{
		font-size:0.750em; /* 12px;*/
		font-style: normal;
		font-weight:normal;
		display: block;
		margin-top: 5px;
	}	
}


/* MOBILE LANDSCAPES */
@media only screen and (max-width: 480px), only screen and (max-width: 320px), only screen and (max-device-width: 480px), only screen and (max-device-width: 320px) {
	
	/* Directory/Map styles */
	#directory{
		display:table!important;
		width:100%!important;
	}	
	form.search {
		width: 100%!important;
	}
	.markerContainer{
		float:left;
		display:inline-block;
		padding:5px;
		width:38px; /*3.125em;*/ /* 50px;*/
		vertical-align:top;
	}	
	.practiceContainer{
		width:auto; /*auto;*/ /*28.750em;*/ /* 90%;*/ /* 635px */
	}	
    
    .call{display:none}
    .tel{display:block}
}


/* 320 break separation added for directory 320 view */
/* MOBILE PORTRAIT */
@media only screen and (max-width: 320px), only screen and (max-device-width: 320px) {


}