/**
 * Strykerphysicans.com Layout Styles
 *
 * The following styles apply to the layout of strykerphysicians.com
 * and have been adapted from stryker.com styles.
 * At some point it may be useful to import styles, so these have been
 * all wrapped inside an "SP" div (#sp) to reduce the  chances they'll
 * be overwritten.
 *
 * The styles below are organized in the following manner:
 *  - overrides of default HTML element styles
 *  - framework styles (the basic structural layout elements of the site)
 *  - the header area (i.e. the logo, search feature, text-size tool, etc.)
 *  - the content area (i.e. middle of the page)
 *  - the footer area
 *
 * Common Colors:
 *  - Blue:   #0099CC
 *  - Blue (Dark): #1480AE
 *  - Green:  #669966
 *  - Grey #1:   #645A50    //corporate grey    dark grey
 *  - Grey #2:   #B2B2B2
 *  - Grey #3:   #999999
 *  - Grey #4:   #E5E5E5
 *  - Grey #5:   #F2F2F2
 *  - Orange:   #E46F20
 *  - Pink:   #CD5086
 *  - Teal:   #19A0DA
 */


html, body, #sp ol, #sp ul, #sp dl, #sp dt, #sp dd, #sp img, #sp h1, #sp h2, #sp h3, #sp h4, #sp h5, #sp h6, #sp p, #sp form {
	margin: 0; 
	padding: 0;
	border: 0;
}
#sp ol, #sp ul, #sp dl, #sp dd {
	position: relative;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	font-size: 12px;
	text-align: center;
	background: white;
	padding: 0;
	margin: 0;
}

textarea{
	font-family: Arial;
	font-size:12px;
}

#sp h1 {
	padding: 0 0 10px;
	font-size: 24px;
	color: #4A4740;    /* gray */
}
#sp h2 {
	font-size: 15px;
	margin: 8px 0 4px;
	color: #4A4740;    /* gray */
}
	#sp h2.header {
		font-size: 15px;
		margin: -10px -10px 10px;
		padding: 2px 14px 4px;
		color: white;
		background: #6F6964;    /* gray */
	}
#sp h3 {
	font-size: 13px;
/*	padding-top: 6px; */
	color: #4A4740;    /* gray */
}
#sp h4 {
	padding: 0;
	margin: 0;
	font-size: 12px;
	color: #4A4740;    /* gray */
}
#sp h5 {
	padding: 6px 0 0;
}
#sp h6 {
	padding: 4px 0 0;
}
#sp p {
	padding: 0 0 16px;
}

#sp dl {
	margin-bottom: 10px;
}
#sp dt {
	font-weight: bold;
}
#sp dd {
	margin: 0 0 0 20px;
	padding: 0 0 10px;
}
#sp blockquote {
	margin: 0 20px 0; 
}
#sp form {
	display: inline;
}




#sp a:link, 
#sp a:visited {
	text-decoration: none;
	color: #19A0DA;    /* teal */
}
#sp a:hover, 
#sp a:active {
	color: #E46F20;    /* orange */
}

/* ------- +++ ------- */
/* standard tags     */



#sp .note {
	font-size: 11px;
	color: #666;
}
#sp .fileDetails {
	font-size: 10px;
	color: #555;
}
#sp .hidden {
	display: none;
}
#sp .warning {
	color: red;
}

#sp .ERROR {
	color: #FF00FF;
	background: pink;
}




/* ------- +++ ------- */




#sp {
	position: relative;
	color: black;
}



#sp #pgContents {
	text-align: left;
	background: white;
}

#sp #contents {
	padding: 10px;
}


#sp #search {
	position: relative;
}



#sp form.formatted {
}
	#sp form.formatted .field {
		position: relative;
		border: 0px solid red;
	}
	#sp form.formatted .buttons {
		margin-top: 8px;
	}
	#sp form.formatted label {
		position: relative;
		display: block;
		float: left;
		clear: left;
		width: 100px;
	}
	#sp form.formatted input,
	#sp form.formatted select,
	#sp form.formatted textarea {
		width: 200px;
		margin-bottom: 15px;
	}
		#sp form.formatted input.button {
			width: 100px;
		}
		#sp form.formatted .inlineDropdown {
			width: auto;
		}
			#sp #ie6 form.formatted select.inlineDropdown {    /* hacked for ie6 */
				margin-bottom: 0px;
			}
	#sp form.formatted label.checkbox {
		float: none;
		margin-left: 85px;    /* allows space for input.checkbox */
		width: auto;
		border: 0px solid red;
	}
	#sp form.formatted input.checkbox {
		position: absolute;
		width: auto;
		top: -2px;
		left: 60px;
	}
		#sp #ie6 form.formatted input.checkbox {    /* hacked for ie 6 */
			left: -20px;
		}
	#sp form.formatted .span {
		border: 0px solid red;
	}
		#sp form.formatted .span label {
			float: none;
			width: auto;
		}
		#sp form.formatted .span input,
		#sp form.formatted .span select,
		#sp form.formatted .span textarea {
			clear: left;
			width: 260px;
		}


#sp #searchResults {
	clear: both;
	position: relative;
}
	#sp #searchResults .resultHdr {
		position: relative;
		color: black;
		font-weight: bold;
		background: #E5E5E5;    /* grey */
	}
		#sp #searchResults .resultHdr .locationDistance,
		#sp #searchResults .resultHdr .locationDetails {
			position: relative;
			padding: 2px 1% 2px;
		}
	#sp #searchResults .result {
		position: relative;
		clear: left;
		padding: 2px 0 0;
		margin: 0 0 2px;
		border-bottom: 1px solid #E5E5E5;    /* grey */
	}
		#sp #searchResults .mapIt {
			position: relative;
			float: right;
			padding: 0 0 0 4px;
		}
		#sp #searchResults .locationDistance {
			position: relative;
			float: left;
			width: 9%;
			text-align: center;
			padding: 0 1% 0;
			border: 0px dashed gray;
		}
		#sp #searchResults .locationDetails {
			position: relative;
			float: left;
			width: 42%;
			padding: 0 1% 1.5% 1%;
			border: 0px dashed red;
		}
			#sp #searchResults .locationDetails .services {
			}



#sp #footer {
	position: relative;
	clear: both;
	padding: 5px 10px;
	font-size: 11px;
	color: #999;
}
	#sp #footer .normal {
		color: black;
	}
	
#searchAddress {
	float: left;
	width: 46%;
	margin-right: 2%;
}

#searchName {
	float: left;
	width: 48%;
}


/*.fieldName{
	color: #000;
}
*/


/* ------- +++ ------- */


.autoSuggest{
	background: white;
	border: 1px solid #ccc;
	z-index: 50;
	position: absolute;
	display: none;
}