@charset "utf-8";
/* CSS Document */

/* CSS Document */
/* HTML, BODY ---------- */
* {margin:0; padding:0;}
body {margin:0; background: #f7e6d1; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:19px; color:#202b12;}
p, h2, h3, ul, blockquote, ol {padding-bottom:10px; padding-top:10px;}
ul, blockquote, ol {padding-left:30px; padding-right:10px; padding-top:10px;}
a {color:#202b12; }
a:hover {text-decoration:none;}
a img {border-style:none;}
#footer a {color:#FFF;}
#footer h2 a {color:#202b12;}
#address p {padding:0 0 20px 0; margin:0;}
#footer p {text-align:center;}

/* LAYOUT ---------- */
#wrap {position:relative; background:url(images/tile-body.gif) repeat-y; width:940px; margin:0 auto; }
#body {width:940px; background:url(images/bg-banner.jpg) no-repeat; }
#address {float:left; width:237px; text-align:right; padding:32px 0 0 0; color:#5c8828; font-size:11px; line-height:14px;}
#bottom {width:940px; background:url(images/bg-bottom.gif) no-repeat center bottom; min-height:570px; height:auto !important; height:570px; clear:both;}
#content {width:435px; margin-left:228px; padding:25px 0 15px 0; }
#bannerconsultation {position:absolute; z-index:50; top:411px; margin-left:720px;}
#bannerinvisalign {position:absolute; z-index:79; top:-190px; margin-left:-20px; }
#bannerdamon {position:absolute; z-index:99; top:-110px; margin-left:672px; }
#footer {width:890px; background:#a1b584; padding:25px; margin:0 auto; color:#FFF; font-size:11px; line-height:13px;  height:103px;  position:relative;}

/* HEADERS ---------- */
h1 {background-repeat: no-repeat; height: 57px; width:269px; text-indent: -999em; background-position:bottom; padding-top:30px;}
#address h2 {padding:0; margin:0; color:#d4891c; font-size:12px;}
#content h2 {color:#d4891c; font-size:12px; text-transform:uppercase}
#footer h2 {margin:0; padding:0; color:#202b12; font-size:11px; font-weight:normal; text-align:center;}

h1#logo {float:left;
margin: 0;
padding: 0 0 0 234px;
background-repeat: no-repeat; 
width: 435px;/* this width reflects the width of the logo image */
height: 182px; /* this height reflects the height of the heading image */
overflow: hidden; 
text-indent: -999em;} /* hides rich text so only background image shows */

h1#logo a {
display: block; 
height: 182px;/*same height as logo h1*/ 
width: 435px;/*same width as logo h1*/}

/* CLASSES ---------- */
#footer .sesame {color:#FFF; font-weight:bold;}
.img {position:absolute; top:196px; z-index:40;}
.right {float:right;}
.left {float:left;}
.top  {color:#d4891d; font-size:11px; font-weight:bold;}
.hide {display:none;}
.flash { width:940px; height:187px; clear:both;}
.flashp {color:#000; background-image: url(images/1.jpg); text-align:center; padding-bottom:140px; width:940px;}
.block {display:block;}
.listnone {list-style:none;}
.center {text-align:center;}
.clear {clear:both;}
.resources {border:2px solid #1b4164;}
.orange {color:#d4891c; font-weight:bold;}
.subpadding {min-height:700px; height:auto !important; height:700px;}

/* NAVIGATION ---------- */


/* NAVIGATION MAIN ---------- */
ul#nav {list-style: none; padding: 0; margin:0 0 0 18px; width:175px; position:absolute; z-index:80; top:408px;}

/*  Sets styles for all links that are inside the ul id="nav" */
#nav a {display: block;height: 30px; overflow: hidden; text-indent:-999em; width:175px}

/* Set the image for each nav item */
#whatsetsusapart {background: url(images/nav-what-sets-us-apart.gif); }
#aboutouroffice {background: url(images/nav-about-our-office.gif); }
#fornewpatients {background: url(images/nav-for-new-patients.gif); }
#aboutorthodontics {background: url(images/nav-about-orthodontics.gif); }
#faq {background: url(images/nav-ask-the-orthodontist.gif); }
#braces101 {background: url(images/nav-braces-101.gif); }
#treatmentoptions {background: url(images/nav-treatment-options.gif); }

#invisalign {background: url(images/nav-invisalign.gif); }

#emergencycare {background: url(images/nav-emergency-care.gif); }
#contactus {background: url(images/nav-contact-us.gif); }
#home {background: url(images/nav-home.gif); }

/* Shift the image position up to show the active state */
#nav a:hover, #nav .active, #nav li:hover, #nav li.sfhover, 
#nav li:hover #whatsetsusapart, #nav li.sfhover #whatsetsusapart,
#nav li:hover #aboutouroffice, #nav li.sfhover #aboutouroffice, 
#nav li:hover #aboutorthodontics, #nav li.sfhover #aboutorthodontics, 
#nav li:hover #braces101, #nav li.sfhover #braces101, 
#nav li:hover #emergencycare, #nav li.sfhover #emergencycare, 
#nav li:hover #fornewpatients, #nav li.sfhover #fornewpatients, 
#nav li:hover #treatmentoptions, #nav li.sfhover #treatmentoptions, 
#nav li:hover #invisalign, #nav li.sfhover #invisalign, 
#nav li:hover #faq, #nav li.sfhover #faq, 
#nav li:hover #home, #nav li.sfhover #home, 
#nav li:hover #contactus, #nav li.sfhover #contactus {background-position:-175px 0pt;}

/* Set the cursor to default arrow so link does not appear clickable */
#nav .active {cursor: default}

#nav, #nav ul {list-style: none; margin: 0; }
#nav li {display: inline; }
#nav li ul {background: #779a47; left: -999em; padding: 0; position: absolute; z-index: 1;}
#nav li:hover ul, #nav li.sfhover ul {left: auto; margin: -30px 0 0 165px; color:#000;}
#nav ul li a {height:auto; margin: 0; text-decoration: none; width: 195px; text-indent:0; color:#000; font-size:14px; padding:3px 12px;}
#nav ul li a:hover {background:#d4891d;}


/* SUB MAIN ---------- */
#sub {width:212px; background:url(images/bg-more.jpg) no-repeat; min-height:228px; height:auto !important; height:228px; text-align:center; font-size:11px; color:#FFF; line-height:16px; padding:186px 0 20px 0px; position:absolute; top:231px; margin-left:720px; z-index:70;}
#sub ul, #sub ul li {margin:0; padding:0; list-style:none; list-style-type:none; background-image:none;}
#sub ul li a {color:#FFF;}
#sub ul li .active {text-decoration:none;}

#social-icons {
	position:absolute;
	left:8px;
	text-align:center;
	top:152px;
	z-index:100;
}

#social-icons img {height:28px; width:auto;}

/* LOGINS NAV ITEMS ---------- */

ul#logins {height: 93px; width:188px; list-style: none; padding:0; margin:0 0 0 1px; position:absolute; z-index:90; top:54px;}


/*  Sets styles for all links that are inside the ul id="nav" */
#logins a {display: block;height: 93px; overflow: hidden; text-indent:-999em;}

/* Set the image for each nav item */
#patientlogin {background: url(images/nav-patient-login.jpg);width:188px;}

/* Shift the image position up to show the active state */
#logins a:hover, #logins .active, #logins li:hover, #logins li.sfhover {background-position:-188px 0;}
/* Set the cursor to default arrow so link does not appear clickable */
#logins .active {cursor: default}

div#sesame-game {
background: #000;
line-height: 0;
margin: 10px auto;
text-align: center;
width: 400px}

ul#sesame-games {
list-style: none;
margin: 0;
padding: 0}

ul#sesame-games li {
clear: both;
display: block}

ul#sesame-games img {
border: 0;
margin: 0 0 10px 10px}

ul#sesame-games a.button {
float:right;
height:85px;
width:200px}

ul#sesame-games p {
padding-bottom: 1em}



#content h2.media-center {
background:#000033;
color:#FFF;
margin:0;
padding:5px; width:410px;}
#content div.media-center {
background:#336699;
color:#FFF;
display:inline-block;
margin-bottom:10px;
overflow:auto;
padding:10px; width:400px;}
#content div.media-center a {
color:#FFF;}
#content div.media-center img {
border:1px solid #FFF;}
#content div.media-center h3 {color:#FFF;}

/* Global form styles */
fieldset {border: none; padding: 9px 0;}
fieldset div {clear: both;}
.form-header {border-bottom: 1px solid #3993b1;/*optional, change color to match site*/}
.form-header h3 {margin: 0 0 9px;}
.form-header p {margin: 0 0; padding-bottom: 18px;}
.form-footer {padding-top: 18px; text-align: center; border-top: 1px solid #3993b1;/*optional, change color to match site*/}
.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*/
	margin: 9px auto;/*do not change, controls positioning*/
	display: block;
	width:125px;
	height:31px;
	background:#0a799e;/* customize me! */
	border: 1px solid #0a799e;/* customize me! */
	text-align:center;
	line-height:31px;
	color:#ffffff;/* customize me! */
	font-size:12px;
	font-weight:bold;}
/* comment form */	
.comments {
	margin: 0 0 18px;
	width: 430px; 
	padding: 10px;
	}
.comments li {font-weight: bold;}
.comments label {/*floats labels left*/
	font-size: 12px;
	display:block;
	font-weight:bold;
	text-align:right;
	width:200px;
	float:left;
	padding-top: 4px;}
.comments label span {/*sits below labels; holds instructions*/
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:200px;}
.comments .label-block label {float: none; clear: both; width: 100%; text-align: left;}
.comments input, .comments textarea {
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #618989;/* customize me! */
	width:200px;
	margin:9px 0 9px 10px;
	background: #ffffff;}
.comments p.verification {
	clear: both;
	margin: 9px 0 9px 210px;
	font-size: 12px;}
.comments p.radio-float {
	clear: none;
	float:left;
	width: 200px;
	padding:0;
	margin:9px 0 9px 0;}
.comments p.verification {margin-top: 0;}
.comments p.verification img {border: 1px solid #618989;}/* customize me! */
.comments p.radio input, .comments p.radio-float input {
	float: none;
	margin: 0 0 0 10px;
	padding: 4px 2px;
	width: auto;}
.comments .radio {text-align: left; font-weight: normal;}
.comments .comments-box label {float: none; font-weight: normal; display: block; text-align: left;}
.comments .comments-box textarea {float: none; margin-left: 0; width:95%;}


/* Invisalign Teen */  
.left {float: left;} 
.img-left { margin: 0 20px 20px 0; float: left; clear: left; } 
.img-right { margin: 0 0 20px 20px; float: right; clear: right; } 
.border { border: solid 1px #333; /* Customize me! */ /* Add more nifty stuff in here if you like */ } 
span.indent {padding-left: 40px;} 
#invisalign-sidebar { background: #fff; /* Customize me! */ width: 275px; margin: 0 0 20px 20px; padding: 0; border: solid 1px #333; /* Customize me! */ line-height: 18px; font-size: 11px; float: right; clear: right; } 
#invisalign-sidebar a { color: #036; /* Customize me! */ } 
#invisalign-sidebar h3 { background: #d4891d; /* Customize me! */ font-size: 16px; /* Customize me! */ font-weight: bold; /* Customize me! */ margin: 0; padding: 15px; color: #fff; /* Customize me! */ } #invisalign-sidebar p { padding: 0 18px; margin: 18px 0; } 
.thumb { border: solid 1px #333; /* Customize me! */ margin: 0 10px 10px 0; float: left; clear: left; }  /* Clear Fix */ 
.clear {clear: both;} .cf:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} 
.cf {display: inline-block;} /*this trips hasLayout for ie7*/ .cf {display: block;} /*this returns it back to normal*/ 
* html .cf {height: 1px;}


/* Reset */
#pro-pack {
  position: relative;
  font-size: inherit;
  line-height: inherit;
}
#pro-pack img {display: block;}
#pro-pack a, #pro-pack img, #pro-pack object {
  border:none; 
  outline:none;
}

/* Global Styles ------------------- */
#pro-pack .border {
  border: solid 1px #333; /* Customize me!! */
}
#pro-pack .right {
  float: right;
  margin: 0 0 20px 20px;
}
#pro-pack .left {
  margin: 0 20px 20px 0;
  float: left;
}
#pro-pack .img-right {
  margin: 0 0 20px 20px;
  float: right;
  clear: right;
}
#pro-pack .img-left {
  margin: 0 20px 20px 0;	
  float: left;
  clear: left;
}
#pro-pack p.flash_notice {
  margin: 18px;
  padding: 9px;
  color: #ff0000;
  border: 1px dotted #ff0000;
  background: #ffffff;
  text-align: center;
}

/* Main Invisalign page ----------------- */
#pro-pack #video-invisalign {
  width: 360px; 
  height: 266px;
  display: block;
}

/* Invisalign Testimonials ------------------ */
#pro-pack ul#testimonials {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none;
}
#pro-pack .invisalign-block {
  width: 245px; 
  float: left;
  margin-top:-12px;
}

/* Invisalign Teen ------------------ */
#pro-pack span.indent {padding-left: 40px;}
#pro-pack #invisalign-sidebar {
  background: #fff;
  width: 275px;
  margin: 0 0 20px 20px;
  padding: 0;
  border: solid 1px #333; /* Customize me! */
  line-height: 18px;
  font-size: 11px;
  float: right;
  clear: right;
}
#pro-pack #invisalign-sidebar a {
  color: #036; /* Customize me!! */
}
#pro-pack #invisalign-sidebar h3 {
  background: #d4891d; /* Customize me!! */
  margin: 0;
  padding: 20px;
  font-size: 16px; /* Customize me!! */
  font-weight: bold; /* Customize me!! */
  color: #fff; /* Customize me!! */
}
#pro-pack #invisalign-sidebar p {
  padding: 0 15px;
  margin: 15px 0;
  font-size: 11px;
  line-height: 16px;
}
#pro-pack .thumb {
  border: solid 1px #333; /* Customize me!! */
  margin: 0 10px 15px 0;
  float: left;
  clear: left;
}

/* Invisalign Videos ------------------- */
#pro-pack div.invisalign-flash {
  background: url(/sesame_media/images/invisalign-pro-package/invisalign-video-bg.jpg) no-repeat;
  width: 450px;
  height: 250px;
  border: solid 1px #333; /* Customize me!! */
  margin-bottom: 20px;
}
#pro-pack div.invisalign-flash img {
  margin: 30px 50px 0;
  float: right;
}
#pro-pack .bump-right {
  margin-right: 5px;
}
#pro-pack #video-invisalign-best-friends, #pro-pack #video-invisalign-news-travels-fast {
  width: 320px;
  height: 206px;
  display: block;
}
#pro-pack #video-invisalign-lobby {
  width: 320px; 
  height: 266px;
  display: block;
}

/* Invisalign Before and After --------------- */
#pro-pack #invisalign-before-after {
  width: 440px;
  min-height: 315px;
  line-height: 18px;
  margin: 0 0 20px 0;
  padding: 10px 0 10px 10px;
  background-color: #d4891d; /* Customize me */
  border: solid 1px #333; /* Customize me */
  border-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
  -moz-border-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
  -webkit-border-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
}
#pro-pack #invisalign-before-after ul.slideshow {
  list-style: none; 
  margin: 0; 
  padding: 0;
  width: 440px;
  height: 240px;
  overflow: hidden;
}
#pro-pack ul#before-after-cycle li img {
  width: 205px;
  height: 234px;
  float: left;
  margin-right: 10px;
  border: solid 1px #333; /* Customize me */
}


#pro-pack #invisalign-before-after p {
  float: left;
  width: 50%;
  margin: 0 0 10px 0;
}
#pro-pack #invisalign-before-after div.cycle-detail {
  _width: 430px;
  min-height: 55px;
  _height: 75px;
  line-height: 18px;
  clear: both;
  background-color: #fff; /* Customize me */
  color: #333; /* Customize me */
  padding: 10px;
  margin: 0 10px 0 0;
  border: solid 1px #333; /* Customize me */
  border-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
  -moz-border-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
  -webkit-border-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
}
#pro-pack #invisalign-before-after div.before-after-nav {
  background: #fff; /* Customize me */
  _width: 430px;
  margin: 0 10px 10px 0;
  padding: 5px 3px;
  border: solid 1px #333; /* Customize me */
  border-radius: 5px 5px 0 0; /* Optional - you may customize or remove - Does not work in IE */
  -moz-border-radius: 5px 5px 0 0; /* Optional - you may customize or remove - Does not work in IE */
  -webkit-border-top-left-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
  -webkit-border-top-right-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
}
#pro-pack #invisalign-before-after .before-after-nav a {
  text-decoration: none; 
  font-size: 12px; 
  padding: 5px; 
  margin: 0 3px;
  outline: none;
  color: #333; /* Customize me */
}
#pro-pack #invisalign-before-after .before-after-nav a.activeSlide, #pro-pack #invisalign-before-after .before-after-nav a:hover {color: #d4891d;} /* Customize me */

/* Invisalign Footer -------------------- */	
#pro-pack #invisalign-footer {
  background: #fff;
  width: 99%;
  margin: 30px 0;
  padding: 0;
  border: solid 1px #333; /* Customize me!! */
  font-size: 11px;
  border-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
  -moz-border-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
  -webkit-border-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
  clear: both;
}
#pro-pack #invisalign-footer h3 {
  background: #d4891d; /* Customize me!! */
  margin: 0;
  padding: 10px 20px;
  color: #fff; /* Customize me!! */
  font-size: 14px;
  border-radius: 5px 5px 0 0; /* Optional - you may customize or remove - Does not work in IE */
  -moz-border-radius: 5px 5px 0 0; /* Optional - you may customize or remove - Does not work in IE */
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
}
#pro-pack #invisalign-footer ul li img {
  margin: 0 10px 0 20px;
  float: left;
}
#pro-pack #invisalign-footer p {
  padding: 0 20px;
  margin: 30px 0 20px 0;
}
#pro-pack #invisalign-footer ul {
  margin: 15px; 
  padding: 0 0 15px 0;
  list-style: none;
  border: solid 1px #333; /* Customize me!! */
  border-width: 0 0 1px 0;
}
#pro-pack #invisalign-footer li {
  width: 33%;
  float: left;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
}
#pro-pack #invisalign-footer li a {float: left;}	
#pro-pack .invisalign-footer-logo {
  margin: 0 30px 0 15px;
  float: left;
}

/* Pro Pack Callouts --------------- */
#pro-pack-callout-sm {
  width: 123px;
  height: 63px;
  background: #eee /* Customize this color!! */ url(/sesame_media/images/invisalign-pro-package/callout-sm.png) no-repeat;
  border: solid 1px #000; /* Customize me!! */
  border-radius: 3px; /* Optional - you may customize or remove - Not supported in IE*/
  -moz-border-radius: 3px; /* Optional - you may customize or remove - Not supported in IE*/
  -webkit-border-radius: 3px; /* Optional - you may customize or remove - Does not work in IE */
  margin: 0 0 18px; /* Customize me!! */
  padding: 0;
  display: block;
  text-indent: -9999px;
  /* Uncomment the following lines if using absolute positioning */
  /* top: 390px; Customize me!! */
  /* left: 350px; Customize me!! */
  /* position: absolute; */
  /* z-index: 2; Adjust this number if needed */
}
#pro-pack-callout-sm a {
  width: 123px;
  height: 63px;
  display: block;
}
#pro-pack-callout-lg {
  width: 223px;
  height: 128px;
  background: #eee /* Customize this color!! */ url(/sesame_media/images/invisalign-pro-package/callout-lg.png) no-repeat;
  border: solid 1px #000; /* Customize me!! */
  border-radius: 3px; /* Optional - you may customize or remove - Not supported in IE*/
  -moz-border-radius: 3px; /* Optional - you may customize or remove - Does not work in IE */
  -webkit-border-radius: 3px; /* Optional - you may customize or remove - Does not work in IE */
  margin: 0 0 18px;
  padding: 0;
  display: block;
  text-indent: -9999px;
  /* Uncomment the following lines if using absolute positioning */
  /* top: 470px; Customize me!! */
  /* left: 350px; Customize me!! */
  /* position: absolute; */
  /* z-index: 2; Adjust this number if needed */
}
#pro-pack-callout-lg a {
  width: 223px;
  height: 128px;
  display: block;
}

/* Clear Fix --------------------- */
.clear {clear: both;}
.cf:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.cf {display: inline-block;} /*this trips hasLayout for ie7*/
.cf {display: block;} /*this returns it back to normal*/
* html .cf {height: 1px;}




/*-----------------------------------------------
	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: 80%; 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;}

.zocdoc{ position:absolute; left:15px; top:15px;}
.zocdoc img{ width:140px;}