/*== Developed By: Ryan H ===========*/

/*   Globals
=====================================*/
/* browser resets */
* {font-size:1em; line-height:1; outline:none; padding:0; margin:0;}
h1, h2, h3, h4 {margin-bottom:8px;}
p, ul, ol, hr {margin-bottom:15px;}
p, li, br {line-height:1.5em;}

/*  IE uses font-size, Mozilla uses line-height  */
.sIFR-active h1 {font-size:28px; line-height:28px; visibility:hidden; width:100%;}

/* generic headers */
h2 {font-size:150%; font-weight:bold; color:#fff;}
h3 {font-size:125%; font-weight:bold; color:#fff;}
h4 {font-size:110%; font-weight:bold; color:#fff;}
h5 {font-size:100%; font-weight:bold; color:#fff;}
h6 {font-size:85%; font-weight:bold; color:#fff;}

/* generic anchors */
a:link, a:visited {color:#ffff00; text-decoration:none; font-weight:bold;}
a:hover, a:active {color:#ffffff; text-decoration:none; font-weight:bold;}

/* generic lists */
ul {margin-left:0em; padding-left:2em; width:90%;}
ol {margin-left:0em; padding-left:3em; width:90%;}
ol li, ul li {margin-bottom:0.5em; padding-left:0em;}

hr {background:#2974AE; height:1px; border:none;}


/*   Body and Wrappers
=====================================*/
#bodyWrapper {background:#0B3776 url(http://www.lach-ortho.com/Portals/_default/Skins/siteSkin/images/layout/bg.jpg) 0 0 repeat-x;}

/*  reset dnn_ContentPane and ControlPanel text  */
.Head, .SubHead, .Normal, .NormalDisabled {
	font:14px Verdana, Arial, Helvetica, sans-serif; color:#fff; text-align:left;
}
.Head, .SubHead {font-weight:bold;}

#dnn_infoPane .containertitle,
#dnn_newsPane .containertitle,
#dnn_newsPane2 .containertitle,
#dnn_homeAddress .containertitle,
#dnn_xtraBox .containertitle {display:none;}

#shell {
	background:url(images/layout/bodyBG.jpg) 0 0 repeat-y;
	margin:0px auto;
	width:900px;
}
#container {
	background:url(images/layout/headBG.jpg) 0 0 no-repeat;
	position:relative;
	overflow:hidden;
	width:100%;
}


/*   Content Styles
=====================================*/
#content {
	padding:50px 0px 25px 0px;
	margin:0px 0px 0px 40px;
	width:750px;
}
#content_2Col {
	padding:50px 0px 25px 0px;
	margin:0px 0px 0px 40px;
	width:600px;
}
#dnn_ContentPane {
	padding:0px;
	min-height:350px;
	_height:350px; /* for IE6 */
}

#rightSide {width:215px; float:right; padding:50px 25px 0px 0px;}
.top {float:left; padding:0px 8px 0px 8px; display:block; width:199px;}
.bottom {clear:left; display:block; width:100%; margin-bottom:5px;}
#infoBox .top {
	background:url(images/layout/infoBoxBG.png) 0 0 no-repeat;
	padding-top:20px;
}
#dnn_infoPane .Normal p{color:#2F619E !important; margin:0px;}
#infoBox .bottom {background:url(images/layout/infoBoxBottom.png) 0 0 no-repeat; height:19px;}
#newsBox .top {
	background:#11285D url(images/layout/newsBoxBG.png) 0 0 no-repeat;
	min-height:50px; padding-top:30px;
}
#dnn_newsPane .Normal {color:#fff !important;}
#newsBox .bottom {
	background:url(images/layout/newsBoxBottom.png) 0 0 no-repeat;
	height:23px;
}
a#patExam {display:block; padding:5px; margin-left:35px; font:bold 15px/1.3em Verdana, Arial, Helvetica, sans-serif; color:#fff;}

#vidMap {
	background:url(images/layout/vidCallOuts.jpg) 0 0 no-repeat;
	margin:0 0 5px 10px; float:right; position:relative;
	height:308px; width:311px; display:block;
}
.vidMapA {display:block; position:absolute; background:url(images/blank.gif); text-indent:-9999px;}
.map1, .map2 {height:20px; width:90px;}
.map3 {height:35px; width:95px;}
.map1 { top:40px; left:110px;}
.map2 { top:185px; left:90px;}
.map3 { top:263px; left:207px;}


/*   Menu Styles
=====================================*/
#menu {	position:absolute; top:275px; z-index:5;
	padding:0px; height:47px !important; display:block;
}
#nav {background:url(images/layout/navBG.png) 0 0 no-repeat; height:47px; float:left; display:block; padding:0 0 0 20px; margin:0px;}
#navEnd {background:url(images/layout/navCap.png) 0 0 no-repeat; height:47px; width:20px; display:block; float:left;}
#nav ul {padding:0px; margin:0px; display:block;}
#nav ul li {
	position:relative;
	text-align:center;
	list-style:none;
	cursor:pointer;
	float:left;
	margin:0px;
}
#nav ul li a {
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase; color:#fff; border-right:1px solid #fff;
	line-height:47px; padding:0px 11px; display:block;
}
#nav ul li a:hover {color:#C8E6FF;}

#nav ul li ul.Level1 {
	position:absolute; left:50%; margin-left:-80px; top:100%;
	padding:0px; width:160px; display:none; z-index:10;
}
#nav ul li ul li a {
	background: #1F3469 url(images/layout/navSubBG.jpg) 0 0 repeat-x;
	text-decoration:none; text-transform:none;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	line-height:26px; color:#fff; border:none;
	padding:0px; width:185px;
}
#nav ul li ul li a:hover {
	background:#1F3469 url(images/layout/navSubBG.jpg) 0 -2px repeat-x;
	color:#C8E6FF;
}

/* The want a RED "Emergencies" link */
#nav73 a{color:#f00 !important; font-weight: bold !important;}



/*   Footer Styles
=====================================*/
#footer {
	background:#0B3776 url(images/layout/footBG.jpg) 0 0 no-repeat;
	font:normal 11px/1.3em Verdana, Arial, Helvetica, sans-serif;
	margin:0px auto; clear:both;
	width:100%; padding-bottom:10px;
}
#footSpace{height:50px;}
#foot_info {color:#fff; margin:0px auto; text-align:center;}
#foot_info a {color:#fff; font-weight:normal;}
#foot_info a:hover {color:#D4E0EC;}



/*   Individual Pages
=====================================*/
ol#subNav {width:auto;}
ol#subNav a {font-size:11px; color:#C8E6FF;} ol#subNav, ol#subNav a:hover {color:#fff;}
.faqItem {padding:8px 0px; margin:0px;} .faqItem h4 {cursor:pointer; line-height:1.5em; padding-bottom:5px;}
.faqHover {background:#2974AE; border:1px solid #C3D6EE; padding:8px 15px;}
.faqItem a {margin-bottom:10px;}
.appleMov {width:432px; height:250px;}
.faqHover a.quickLink {color:#C3D6EE;} a.quickLink:hover {color:#11285D;}
.topSide {font-weight:bold; cursor:pointer;}
.faqVid {
	height:240px; width:320px; margin:5px 0px 5px 15px; padding:0px; border:1px solid #C3D6EE;
	position:relative; color:#fff; float:right; display:none;
}
.faqHover .faqVid {display:block;}

.tourTable {margin:0 auto;}
.tourTable .applet {padding:2px; background:#fff; width:320px; height:240px;}
iframe {overflow:hidden; display:block; border:0; outline:0; position:relative; z-index:1;}

.newsTable {margin-bottom:0px;} .newsTable td {padding:2px;}
.newsTable .linkText a {font:normal 12px/1.3em Verdana, Arial, Helvetica, sans-serif; color:#fff;}
.newsTable .linkText a:hover {color:#A9E0FF;}

table.beforeafter {width:650px; margin-bottom:25px;}
.beforeafter td {text-align:center;}
.beforeafter td img {border:1px solid #C3D6EE;}
tr.title td {
	height:40px;
	line-height:25px;
	font-weight:normal;
	padding:2px 15px;
	vertical-align:bottom;
}
.baTitle {font-style:italic; font-size:120%; font-weight:bold; text-transform:uppercase;}



/*   Forms Styles
=====================================*/
table {border-collapse:collapse; border-spacing:0;}
input, label, select, textarea {margin:3px 5px;}
.submitButton {border:1px solid #000; background:#fff; padding:5px; color:#000;}
span.errMsg {color:#f00; padding:3px 5px;}

form#askDoc {height:auto;}
#askADoc {
	text-align:left; padding:5px; width:235px; background:#133A7B; border:1px dashed #4D6FC0;height:auto;
}
#askADoc h4{font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#fff; text-align:left; margin-bottom:5px;}
#askADoc span{font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#fff; text-align:left;}
#iDoctor iframe {width:245px; margin-left:10px; float:right; border:none; _height:220px;}
#askADoc textarea, #askADoc input.text {
	font:normal 13px/1.3em "Courier New", Courier, monospace !important;
	width:225px; margin-bottom:10px;
}

#divSurvey {height:auto;}
#iSurvey {width:100%; height:auto;}
#form1 {font:14px Verdana, Arial, Helvetica, sans-serif; color:#fff; text-align:left;}
#form1 textarea, #form1 input.text {
	font:normal 13px/1.3em "Courier New", Courier, monospace !important;
	width:225px; margin-bottom:10px;
}

td.ratings table {text-align:center; font-weight:bold; font-size:110%; font-style:italic; margin:0px auto;}
td.ratings, td.surveyComment {margin:0px auto; padding-bottom:15px;}
td.iPodFriends {margin:0px auto; padding-bottom:0px;}
td.surveyComment textarea {width:270px; border:1px solid #0B3776;}
td.leftSurvey input, td.iPodFriends input {width:125px; border:1px solid #0B3776;}
td.iPodFriends input.friendAddress {width:270px; border:1px solid #0B3776;}
td.iPodFriends table {
	border-top:2px solid #2974AE; border-bottom:2px solid #2974AE;
	background:#2974AE; margin:3px; padding:3px 0px;
}
td.leftSurvey {padding-right:20px;} td.iPod p {margin:0px;}  td.iPod {vertical-align:bottom;}
td.leftSurvey input, td.iPodFriends input, td.surveyComment textarea {
	font:normal 12px/1em "Courier New", Courier, monospace;
	color:#aaa; text-align:left; padding:2px 4px;
}
td#formBtns {background:#2974AE; height:50px; padding-left:10px; margin:0px; vertical-align:middle;}


/*   Standard Image/Feature Styles
=====================================*/
#feature, #feature2 {margin:30px auto 20px auto;}
.caption {font-style:italic; color:#666;}
.right {margin:0px 0px 8px 9px; float:right;}
.left {margin:0px 9px 8px 0px; float:left;}
.photoright {padding:1px; border:1px solid #777; float:right; margin:1px 0px 8px 9px;}
.photoleft {padding:1px; border:1px solid #777; float:left; margin:1px 9px 8px 0px;}
.photo {padding:1px; border:1px solid #777;}
.featureRight {border:3px solid #074d97; padding:2px; float:right; margin:0 0 8px 8px;}
.featureCenter {border:3px solid #074d97; padding:2px; margin:7px auto; }
#altmenu {text-align:center;} #altmenu a {font-size:11px; padding:0px 10px;}



/*   Misc
====================*/
.call_us { position:absolute; top:0; left:20px; background:url(images/layout/call_us.jpg) 0 0 no-repeat; 
height:31px; width:302px; color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:18px; font-weight:bold; padding:5px 0 0 140px }
.patient_login { position:absolute; top:0; left:603px; height:31px; width:129px; }
.patient_referral{ position:absolute; top:0; left:731px; height:31px; width:151px; }


/*   sIFR3 Styles
=====================================*/
.sIFR-flash {
	visibility:visible !important;
	margin:0;
	padding:0;
}
.sIFR-unloading .sIFR-flash {
	visibility:hidden !important;
}
.sIFR-replaced, .sIFR-ignore {
	visibility:visible !important;
	margin:0; /* may not be needed */
	padding:0; /* may not be needed */
}
.sIFR-alternate {
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:0;
	display:block;
	overflow:hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
	margin:0pt; 
	padding:0pt; 
	overflow:auto; 
	letter-spacing:0px; 
	float:none;
}
.sIFR-dummy { 
	width:0px;
	height:0px;
	margin-left:42px;
	z-index:0;
}



/*   DNN Style Overrides
=====================================*/
/*  reset dnn ControlPanel  */
.ControlPanel, .PagingTable {background:#11285D; border:5px solid #11285D;}
.ControlPanel td, .ControlPanel label {padding:0px 5px;}
.ControlPanel .SubHead {color:#fff; font-size:11px;}

/*  reset dnn Links  */
a.CommandButton, a.CommandButton:link, a.CommandButton:visited {color:#fff; text-decoration:none;}
a.CommandButton:hover, a.CommandButton:focus {color:#C8E6FF; text-decoration:none;}

/*  reset dnn Module Menu  */
.ModuleTitle_MenuBar {position:relative; margin: 0px 10px 0px 0px;}
.ModuleTitle_SubMenu {left:0px !important; top:15px !important; width:150px; border: 2px solid #000;}
.ModuleTitle_MenuItem td span {padding:0px 10px;}
.ModuleTitle_MenuItem .ModuleTitle_MenuIcon span {padding:0px;}
.ModuleTitle_MenuItemSel {background:#c1d2ee;}
.ModuleTitle_MenuBreak {display:none;}

/*  reset dnn Login Button  */
#dnn_dnnLOGIN_cmdLogin, #dnn_dnnLOGIN_cmdLogin a {
font-size:11px!important; color:#D4E0EC!important; font-weight:bold!important; text-decoration:none!important;
} #dnn_dnnLOGIN_cmdLogin:hover, #dnn_dnnLOGIN_cmdLogin a:hover {color:#fff!important;}

.Normalradio {color:#fff !important;}
.DataGrid_Header {color:#000;}
.DataGrid_Item {color:#000;}
tr.DataGrid_Item {color:#fff !important;}
.eipbackimg {display:none;}
.eipbuttonbackimg {}
#optionsarea {background:#000!important;}

a img {border:none !important; outline:none !important;}

img, div {behavior:url(iepngfix.htc)}

/*-----------------------------------------------
	Forms 
	*/
	/* Global form styles */
	div.referral-form, div.appointment-form, div.comments {
		width: 100%;
		margin-top: 18px;	
		letter-spacing: normal;
	}
	
	fieldset {border: 0; padding: 9px 0;margin: 0 18px;}
		fieldset h2 {margin: 0 0 9px;}
		fieldset p {margin: 0 0 18px;}
		fieldset p.disclaimer {font-size: 90%; font-style: italic; margin: 0;}
		fieldset dl {}
			fieldset dl dt {font-size: 16px; clear: both; margin: 9px 0 0;}
				fieldset dd ul {margin: 9px 0;}
					fieldset dd ul li, fieldset dd ol li {list-style: none;}
					fieldset dd li {
						clear: both; 
						margin: 3px 0; 
						padding: 5px 0 4px 10%;  
						overflow: auto; 
						height: auto;
						position: relative;
						}
					fieldset dd li:hover {background: #d5e0eb;/* customize me - this is the hover color change of li */}
					fieldset dd li input:hover, fieldset dd li input:focus,
					 fieldset dd li select:hover, fieldset dd li select:focus, 
					 fieldset dd li textarea:hover, fieldset dd li textarea:focus {
					 	background: #f1f1f1;/* customize me - this is the hover color change of form fields*/
					 	outline-color: #537197;/* customize me */
					 	}
						fieldset li h3 {font-size: 12px; line-height: 18px; margin: 0;}
						fieldset li div {float: left; display: inline-block; width: 40%; position: relative; padding-right: 5%;}
						fieldset li div.input-street {width: 85%;}
						fieldset li div.input-city {width: 60%;}
						fieldset li div.input-full-name {width: 85%;}
						fieldset li div.input-phone-full {width: 85%;}
						fieldset li div.input-email {width: 85%;}
						fieldset li div.input-zip {width: 20%;}
						fieldset li div.content-switch, fieldset li div.radio, fieldset li div.checkbox {width: 85%;}
							fieldset li div.radio input {border: none;}
							fieldset li div.radio label {padding-right: 9px; font-size: 90%;}
						/*fieldset li div.hidden-content, fieldset li.hidden-content {display: none;}*/
						fieldset li div.input-select-full {width: 85%;}
						fieldset li div.input-comments {width: 85%;}
							li div.input-comments textarea {height: 63px; overflow: auto;}
						fieldset li div.input-captcha {width: 50%;}
						fieldset li div.verification {width: 35%;}
							li div.verification img {
								border: 1px solid; 
								margin-top: 9px;
								-moz-border-radius: 4px; /*for Moz, optional*/
								-webkit-border-radius: 4px; /*for Webkit Browsers, optional*/
								}
							fieldset li div label {
								line-height: 18px; 
								font-weight: bold; 
								margin-bottom: 9px;
								font-size: 80%; 
								color: #537197;/*override to match site*/
								}
							fieldset li div input, fieldset li div textarea, fieldset li div select {
								display: block; 
								line-height: 18px; 
								width: 100%;
								border: 1px solid;
								padding: 4px 0 3px;
								text-indent: 4px;
								margin-top: 9px;
								-moz-border-radius: 4px; /*for Moz, optional*/
								-webkit-border-radius: 4px; /*for Webkit Browsers, optional*/
								}
							fieldset li div select {height: 25px;}	
							fieldset li div.radio input {display: inline; width: auto; margin-right: 4px;}
							fieldset li div div {width: 100%;}
						fieldset dl dd.form-footer button {/*these styles control the look of the button, change as necessary*/
							clear:both;/*do not change, forces button to sit below floated elements*/
							display: block;
							width: 125px;
							height: 34px;
							text-align: center;
							margin: 0;
							background:#cfdae4;/* customize me! */
							border: 1px solid #537197;
							line-height: 34px;
							color:#537197;/* customize me! */
							font-size:12px;
							font-weight:bold;
							-moz-border-radius: 4px; /*for Moz, optional*/
							-webkit-border-radius: 4px; /*for Webkit Browsers, optional*/
							}
							
	
	/* appointment form 
	* Styles only for the appointment request form
	*/	

	
	/* comment form 
	* Styles only for the comments form
	*/
	/*numbering added by jQuery*/
	fieldset ol li span.comment-number {
		font-size: 150%;
		color: #537197;/* customize me*/
		position: absolute;
		left: 9px;
		top: 9px;
	}
		
	
	/* referral form 
	* Styles only for the referral form
	*/	
	.referral-form fieldset li div.radio {width: 40%;}
	
	/* JQuery */
	input.error, select.error, textarea.error {border-color: #a52003; background: #fefda1;}
	div.error {
		background: url(../images/validate_error.gif) 0 0 no-repeat; 
		color: #a52003; 
		width: 18px; 
		height: 18px; 
		position: absolute; 
		top: 0; 
		right: 0; 
		overflow: hidden; 
		display: block; 
		margin: 12px -2% 0 0; 
		text-indent: -999em;}
	div.success {
		background: url(../images/validate_ok.gif) 0 0 no-repeat; 
		width: 18px; 
		height: 18px; 
		position: absolute; 
		top: 0; 
		right: 0; 
		overflow: hidden; 
		display: block; 
		margin: 12px -2% 0 0; 
		text-indent: -999em;}

	.contact-form div.error, .contact-form div.success {margin-left: 0;}