html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0; margin:0; padding:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%;font-family:"Arial", Verdana, Helvetica, sans-serif;}
/* - - - - - - - - - - GENERAL LINKS - - - - - - - - - - */
a {color:#367071;}
a:visited {color:#367071;}
a.noVisited:visited {color:#367071;}
a:hover, a.noVisited:hover {color:#367071;}
/* - - - - - - - - - - BODY - - - - - - - - - - */
body {background:#367071; margin:0px; font-weight:normal; font-size:12px; color:#000000; line-height:20px; font-style:normal; font-family:"Arial", Verdana, Helvetica, sans-serif; text-decoration:none;}
#background-tile {background:#a67c52 url(images/body-bg.jpg) repeat-x top;}
#content {background:url(images/content-tile.gif) repeat-y; width:910px;}
/* - - - - - - - - - - HEADER - - - - - - - - - - */
#header {background:url(images/sub-header.jpg) no-repeat; width:910px; height:98px;}
/* - - - - - - - - - - GENERAL MENU - - - - - - - - - - */
#TopMenu {overflow:hidden; width:910px; margin:0px 0px 0px 0px;}
#cool {width:910px; overflow:visible;}
#top-nav a:hover {background-position:0px -40px;}
#top-nav .active {background-position:0px -40px;}
#top-nav li:hover ul {left:auto; top:40px;}
#top-nav li.sfhover ul {left:auto; top:40px;}
#top-nav .active {cursor:default;}
#top-nav ul {padding:0px; margin:0px; list-style-type:none;}
#top-nav ul li {float:none;}
#top-nav li ul {padding:0px 0px 0px 0px; background:#367071; left:-9999em; position:absolute; height:auto; margin:-8px 0px 0px 0px;}
#top-nav ul li a {padding:4px 20px 3px 11px; font-size:12px; margin:0px; color:#ffffff; text-indent:0px; height:22px; text-decoration:none; font-family:"Arial", Verdana, Helvetica, sans-serif; font-weight:bold;}
#top-nav ul li a:hover {color:#367071; font-weight:bold; background:#7fc9c7;}
ul#top-nav {list-style-type:none; position:absolute; top:30px;}
#top-nav a {display:block; overflow:hidden; text-indent:-999em;}
#top-nav {width:910px; margin:0px; padding:0px; z-index:200;}
#top-nav li {float:left;}
#top-nav li.active a {background-position:bottom;}
#log-nav a:hover {background-position:0px -28px;}
#log-nav .active {background-position:0px -28px;}
#log-nav li:hover ul {left:auto; top:28px;}
#log-nav li.sfhover ul {left:auto; top:28px;}
#log-nav .active {cursor:default;}
#log-nav ul {padding:0px; margin:0px; list-style-type:none;}
#log-nav ul li {float:none;}
ul#log-nav {list-style-type:none; position:absolute; top:70px; width:243px; margin-left:662px; height:28px;}
#log-nav a {display:block; overflow:hidden; text-indent:-999em;}
#log-nav {width:910px; margin:0px; padding:0px;}
#log-nav li {float:left;}
#patient-login {background:url(images/top-log-nav-patient-login.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em; width:119px; height:28px;}
#log-nav li a#patient-login:hover, #log-nav li:hover a#patient-login, #log-nav li.sfhover a#patient-login {background-image:url(images/top-log-nav-patient-login.jpg); background-position:bottom;}
#doctor-login {background:url(images/top-log-nav-doctor-login.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em; width:124px; height:28px;}
#log-nav li a#doctor-login:hover, #log-nav li:hover a#doctor-login, #log-nav li.sfhover a#doctor-login {background-image:url(images/top-log-nav-doctor-login.jpg); background-position:bottom;}
/* - - - - - - - - - - GENERAL SUB MENU - - - - - - - - - - */
#for-new-patients {background:url(images/top-nav-for-new-patients.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em; width:158px; height:40px;}
#top-nav li a#for-new-patients:hover, #top-nav li:hover a#for-new-patients, #top-nav li.sfhover a#for-new-patients {background-image:url(images/top-nav-for-new-patients.jpg); background-position:bottom;}
#orthodontics {background:url(images/top-nav-orthodontics.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em; width:101px; height:40px;}
#top-nav li a#orthodontics:hover, #top-nav li:hover a#orthodontics, #top-nav li.sfhover a#orthodontics {background-image:url(images/top-nav-orthodontics.jpg); background-position:bottom;}
#wearing-braces {background:url(images/top-nav-wearing-braces.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em; width:128px; height:40px;}
#top-nav li a#wearing-braces:hover, #top-nav li:hover a#wearing-braces, #top-nav li.sfhover a#wearing-braces {background-image:url(images/top-nav-wearing-braces.jpg); background-position:bottom;}
#treatment-options {background:url(images/top-nav-treatment-options.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em; width:144px; height:40px;}
#top-nav li a#treatment-options:hover, #top-nav li:hover a#treatment-options, #top-nav li.sfhover a#treatment-options {background-image:url(images/top-nav-treatment-options.jpg); background-position:bottom;}
#emergency-care {background:url(images/top-nav-emergency-care.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em; width:133px; height:40px;}
#top-nav li a#emergency-care:hover, #top-nav li:hover a#emergency-care, #top-nav li.sfhover a#emergency-care {background-image:url(images/top-nav-emergency-care.jpg); background-position:bottom;}
#fun-zone {background:url(images/top-nav-fun-zone.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em; width:82px; height:40px;}
#top-nav li a#fun-zone:hover, #top-nav li:hover a#fun-zone, #top-nav li.sfhover a#fun-zone {background-image:url(images/top-nav-fun-zone.jpg); background-position:bottom;}
#contact-us {background:url(images/top-nav-contact-us.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em; width:93px; height:40px;}
#top-nav li a#contact-us:hover, #top-nav li:hover a#contact-us, #top-nav li.sfhover a#contact-us {background-image:url(images/top-nav-contact-us.jpg); background-position:bottom;}
#home {background:url(images/top-nav-home.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em; width:60px; height:40px;}
#top-nav li a#home:hover, #top-nav li:hover a#home, #top-nav li.sfhover a#home {background-image:url(images/top-nav-home.jpg); background-position:bottom;}
.pop-up-our-office {margin-left:20px !Important; width:170px;}
.pop-up {width:180px;}
#content-zone {width:910px;}
.leftSide {float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:164px; background:url(images/logo-background.jpg) no-repeat;}
.leftSide p {font-family:"Arial", Verdana, Helvetica, sans-serif; font-size:10px; color:#71452b; margin:10px 0px 0px 30px; line-height:1.6em;}
#logotype {list-style-type:none; text-indent:-999em;}
#logotype a {display:block; clear:both; width:145px; height:170px; margin:0px 0px 0px 15px;}
#left-banners {background:url(images/banners-meet-the-doctors.jpg) no-repeat; width:164px; height:111px; margin-top:18px;}
#left-banners-home {background:url(images/banners-background.jpg) no-repeat; width:164px; height:111px; margin-top:18px;}
#aao-home {list-style-type:none; text-indent:-999em;}
#aao-home a {display:block; clear:both; height:50px; margin:0px 50px 0px 25px;}
#oao {list-style-type:none; text-indent:-999em;}
#oao a {display:block; clear:both; height:46px; margin:0px 50px 0px 25px;}
#ada {list-style-type:none; text-indent:-999em; margin-top:10px;}
#ada a {display:block; clear:both; height:46px; margin:0px 40px 0px 25px;}
#inv-banner {width:900px; height:55px; margin-top:12px;}
#invisalign {width:420px; float:left; background: url(images/invisalign-banner.jpg) no-repeat;}
#banner-inv {list-style-type:none; text-indent:-999em;}
#banner-inv a {display:block; clear:both; width:400px; height:50px; margin:0px 0px 0px 0px;}
/* - - - - - - - - - - RIGHT SIDE - - - - - - - - - - */
.rightSide {width:746px; margin:0px; margin-top:0px; float:right; background:url(images/background-top.jpg) no-repeat;}
#rightColumn {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:12px; color:#5f2c0e; font-family:"Arial"; float:right; width:740px;}
#rightColumn {height:auto !important;}
#rightColumn p {margin:0px 50px 0px 10px; line-height:1.5em;}
#rightColumn ul {margin:10px 40px 0px 30px;}
#rightColumn ol {margin:7px 40px 0px 67px;}
/* - - - - - - - - - - CONTENT ELEMENTS - - - - - - - - - - */
blockquote {margin-left:20px;}
.title-site-map {font-weight:bold;}
.sub-title-site-map {margin-left:20px;}
/* - - - - - - - - - - TITLES - - - - - - - - - - */
#title-welcome {background:url(images/title-welcome.jpg) no-repeat; width:405px; height:100px; margin-top:9px; margin-left:12px; margin-bottom:5px;}
#title-meet-dr-youel {background:url(images/title-meet-dr-youel.jpg) no-repeat; width:452px; height:108px; margin-top:9px; margin-left:2px;}
#title-meet-dr-hertzberg {background:url(images/title-meet-dr-hertzberg.jpg) no-repeat; width:452px; height:108px; margin-top:9px; margin-left:2px;}
#title-our-mission {background:url(images/title-our-mission.jpg) no-repeat; width:452px; height:108px; margin-top:9px; margin-left:2px;}
#title-office-policies {background:url(images/title-office-policies.jpg) no-repeat; width:452px; height:108px; margin-top:9px; margin-left:2px;}
#title-patient-forms {background:url(images/title-patient-forms.jpg) no-repeat; width:452px; height:108px; margin-top:9px; margin-left:2px;}
#title-patient-information {background:url(images/title-patient-information.jpg) no-repeat; width:452px; height:108px; margin-top:9px; margin-left:2px;}
#title-office-tour {background:url(images/title-office-tour.jpg) no-repeat; width:452px; height:108px; margin-top:9px; margin-left:2px;}
#title-the-game-room {background:url(images/title-the-game-room.jpg) no-repeat; width:452px; height:108px; margin-top:9px; margin-left:2px;}
#title-for-children-and-adults {background:url(images/title-for-children-and-adults.jpg) no-repeat; width:452px; height:108px; margin-top:9px; margin-left:2px;}
#title-why-braces {background:url(images/title-why-braces.jpg) no-repeat; width:452px; height:108px; margin-top:9px; margin-left:2px;}
#title-two-phase-treatment {background:url(images/title-two-phase-treatment.jpg) no-repeat; width:452px; height:108px; margin-top:9px; margin-left:2px;}
#title-ortho-dictionary {background:url(images/title-ortho-dictionary.jpg) no-repeat; width:452px; height:108px; margin-top:9px; margin-left:2px;}
#title-faq {background:url(images/title-faq.jpg) no-repeat; width:452px; height:108px; margin-top:9px; margin-left:2px;}
#title-life-with-braces {background:url(images/title-life-with-braces.jpg) no-repeat; width:452px; height:108px; margin-top:9px; margin-left:2px;}
#title-types-of-braces {background:url(images/title-types-of-braces.jpg) no-repeat; width:452px; height:108px; margin-top:9px; margin-left:2px;}
#title-brace-painter {background:url(images/title-brace-painter.jpg) no-repeat; width:452px; height:108px; margin-top:9px; margin-left:2px;}
#title-types-of-appliances {background:url(images/title-types-of-appliances.jpg) no-repeat; width:452px; height:108px; margin-top:9px; margin-left:2px;}
#title-palatal-expander {background:url(images/title-palatal-expander.jpg) no-repeat; width:452px; height:108px; margin-top:9px; margin-left:2px;}
#title-braces-diagram {background:url(images/title-braces-diagram.jpg) no-repeat; width:452px; height:108px; margin-top:9px; margin-left:2px;}
#title-retainers {background:url(images/title-retainers.jpg) no-repeat; width:452px; height:108px; margin-top:9px; margin-left:2px;}
#title-color-your-retainer {background:url(images/title-color-your-retainer.jpg) no-repeat; width:452px; height:108px; margin-top:9px; margin-left:2px;}
#title-orthodontic-treatments {background:url(images/title-orthodontic-treatments.jpg) no-repeat; width:452px; height:108px; margin-top:9px; margin-left:2px;}
#title-invisalign {background:url(images/title-invisalign.jpg) no-repeat; width:452px; height:108px; margin-top:9px; margin-left:2px;}
#title-clear-correct {background:url(images/title-clear-correct.jpg) no-repeat; width:452px; height:108px; margin-top:9px; margin-left:2px;}
#title-3m-unitek {background:url(images/title-3m-unitek.jpg) no-repeat; width:452px; height:108px; margin-top:9px; margin-left:2px;}
#title-vector-tas {background:url(images/title-vector-tas.jpg) no-repeat; width:452px; height:108px; margin-top:9px; margin-left:2px;}
#title-nitrous-oxide-sedation {background:url(images/title-nitrous-oxide-sedation.jpg) no-repeat; width:452px; height:108px; margin-top:9px; margin-left:2px;}
#title-dentofacial-orthopedics {background:url(images/title-dentofacial-orthopedics.jpg) no-repeat; width:452px; height:108px; margin-top:9px; margin-left:2px;}
#title-sleep-apnea {background:url(images/title-sleep-apnea.jpg) no-repeat; width:452px; height:108px; margin-top:9px; margin-left:2px;}
#title-tmj-tmd {background:url(images/title-tmj-tmd.jpg) no-repeat; width:452px; height:108px; margin-top:9px; margin-left:2px;}
#title-surgical-orthodontics {background:url(images/title-surgical-orthodontics.jpg) no-repeat; width:452px; height:108px; margin-top:9px; margin-left:2px;}
#title-patient-smile-gallery {background:url(images/title-patient-smile-gallery.jpg) no-repeat; width:452px; height:108px; margin-top:9px; margin-left:2px;}
#title-emergency-care {background:url(images/title-emergency-care.jpg) no-repeat; width:452px; height:108px; margin-top:9px; margin-left:2px;}
#title-location {background:url(images/title-location.jpg) no-repeat; width:452px; height:108px; margin-top:9px; margin-left:2px;}
#title-comment-form {background:url(images/title-comment-form.jpg) no-repeat; width:452px; height:108px; margin-top:9px; margin-left:2px;}
#title-refer-a-friend {background:url(images/title-refer-a-friend.jpg) no-repeat; width:452px; height:108px; margin-top:9px; margin-left:2px;}
#title-appointment-request {background:url(images/title-appointment-request.jpg) no-repeat; width:452px; height:108px; margin-top:9px; margin-left:2px;}
#title-site-map {background:url(images/title-site-map.jpg) no-repeat; width:452px; height:108px; margin-top:9px; margin-left:2px;}
/* - - - - - - - - - - PHOTOS - - - - - - - - - - */
.photo {float:right; margin:8px 45px 35px 45px; clear: right;}
img.right-border {border: solid 1px #A67C52; margin: 10px 45px 10px 10px; float: right; clear: right;}
img.right {float:right; margin:10px 45px 10px 10px;}
img.left {float:left; margin:0px 10px 10px 10px;}
img.left-border {border: solid 1px #A67C52; margin: 0 10px 10px 45px; float: left; clear: left;}
/* - - - - - - - - - - VIDEO - - - - - - - - - - */
.video {width: 480px; height: 332px; margin: 10px auto; border: solid 1px #ccc;}
/* - - - - - - - - - - FLASH - - - - - - - - - - */
#flash-home {height:529px; width:283px; float:right; margin-top:-1px; padding-right:10px;}
.backflashplayer {background-color:#cac2bb; width:250px; line-height:1.5em; border:solid 1px #684c3c; font-family:"Arial", Verdana, Helvetica, sans-serif; font-size:11px; padding:0px 10px 0px 0px; margin:0px 0px 0px 0px;}
.getflashplayer {float:left; margin:0px 5px 10px 5px; padding:0px 0px 10px 0px;}
#background-flash {background:url(images/background-flash.jpg) no-repeat; width:302px; height:528px; margin-left:0px; float:right; margin-top:1px;}
#flash-brushing-and-flossing {margin-left:100px;}
#flash-patient-care {margin-left:100px;}
#flash-types-of-braces {margin-left:100px; margin-top:30px;}
#flash-brace-painter {margin-left:90px; margin-top:20px;}
#flash-types-of-appliances {margin-left:100px; margin-top:30px;}
#flash-braces-diagram {margin-left:90px; margin-top:30px;}
#color-your-retainer-flash {margin-left:180px; margin-top:30px;}
#flash-common-treatments {margin-left:100px; margin-top:30px;}
#flash-emergency-care {margin-left:100px; margin-bottom:40px;}
#flash-palatal-expander {border:solid 1px #854e2e; width:200px; height:150px; margin-top:20px; margin-left:200px;}
#flash-office-tour {margin-left:90px; margin-top:10px;}
/* - - - - - - - - - - RESOURCES LOGOS - - - - - - - - - - */
/* - - - - - - - - - - H1, H2, H3, H4 - - - - - - - - - - */
h1 {padding-right: 0px; padding-left:0px; padding-bottom:0px; padding-top:0px; margin:0px; text-indent:-999em; background-repeat:no-repeat;}
h2 {margin:0px 40px 0px 10px; font-weight:bold; font-size:14px; font-family:"Arial", Verdana, Helvetica, sans-serif; text-decoration:none; color:#458384; line-height:2em;}
h3 {margin:0px 40px 0px 10px; font-weight:bold; font-size:13px; font-family:"Arial", Verdana, Helvetica, sans-serif; text-decoration:none; color:#8c5636; line-height:2em;}
h4 {margin:0px 0px 0px 20px; font-weight:normal; font-size:12px; color:#f7941e; font-family:"Arial", Verdana, Helvetica, sans-serif; text-decoration:none;}
hr {height: 0; border: solid 1px #462712; border-width: 1px 0 0 0; margin: 10px 0; clear: both;}
/* - - - - - - - - - - FOOTER - - - - - - - - - - */
#footer {font-family:"Arial", Verdana, Helvetica, sans-serif; background:url(images/footer-bg.jpg) repeat-x;}
#footer-sub {background:url(images/footer.jpg) no-repeat; width:910px; height:166px; text-align:left; font-size:11px;}
#footer-text {padding:10px 0px 0px 30px;}
#footer p {margin:5px 0px 0px 0px; text-align:left; line-height:1.5em; font-size:11px; font-family:"Arial", Verdana, Helvetica, sans-serif; color:#f7f2ec; font-weight:normal;}
#footer p a {color:#245657; font-weight:bold; font-size:12px; text-decoration:underline;}
#footer p a:hover, #footer a:hover {color:#3d797a;}
.footer-col {color:#245657;}
#sesame-design {width:400px; float:left;}
/* - - - - - - - - - - SESAME GAME - - - - - - - - - - */
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;
margin-bottom:15px;}
ul#sesame-games img {
border: 0;
margin: 0 0 10px 10px}
ul#sesame-games a.button {
float:right;
height:85px;
width:200px;
margin-right:20px;}
ul#sesame-games p {
padding-bottom: 1em}
/* - - - - - - - - - - COMMENT FORM - - - - - - - - - - */
.comments {margin: 18px auto; margin-top:-20px;}
fieldset {border: none; padding: 9px 0;}
fieldset div {clear: both;}
.form-header {border-bottom: 1px solid #a67c52; margin-right:45px;/*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 #a67c52; margin-right:45px;/*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:#a67c52;/* customize me! */
border: 1px solid #a67c52;
text-align:center;
line-height:31px;
color:#ffffff;/* customize me! */
font-size:12px;
font-weight:bold;}
/* comment form */
.comments {
margin: 18px 0;
padding: 10px;}
.comments li {font-weight: bold;}
.comments label {/*floats labels left*/
font-size: 12px;
display:block;
font-weight:bold;
text-align:left;
width:45%;
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:left;
width:100%;}
.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 #a67c52;/* customize me! */
width:45%;
margin:9px 0 9px 2%;
background: #ffffff;}
.comments p.verification {
clear: both;
margin: 0 0 9px 47%;
font-size: 12px;}
.comments p.radio-float {
clear: none;
float:left;
width: 45%;
padding:0;
margin:9px 0 9px 0;}
.comments p.verification img {border: 1px solid #a67c52;}/* customize me! */
.comments p.radio input, .comments p.radio-float input {
float: none;
margin: 0 0 0 0;
padding: 4px 2px;
width: auto;}
.comments p.radio span {padding: 0 2% 0 0;}
.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%;}
/* - - - - - - - - - - REFER A FRIEND - - - - - - - - - - */
.referral-form {margin: 18px auto;}
fieldset {border: none; padding: 9px 0;}
fieldset div {clear: both;}
.form-header {border-bottom: 1px solid #a67c52;/*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 #a67c52;/*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:#a67c52;/* customize me! */
border: 1px solid #a67c52;
text-align:center;
line-height:31px;
color:#ffffff;/* customize me! */
font-size:12px;
font-weight:bold;}
/* referral form */
.referral-form {
margin: 18px 0;
padding: 10px;}
.referral-form fieldset {border: none; padding: 9px 0;}
.referral-form label {/*floats labels left*/
font-size: 12px;
display:block;
font-weight:bold;
text-align:left;
width:45%;
float:left;
line-height: 18px;
padding-top: 4px;}
.referral-form label span {/*sits below labels; holds instructions*/
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:left;
width:100%;}
.referral-form input, .referral-form textarea {
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #a67c52;/* customize me! */
width:45%;
margin:9px 0 9px 2%;
background: #ffffff;
position: relative;}
.referral-form p.radio, .referral-form p.verification {
clear: both;
margin: 9px 0 9px 47%;
font-size: 12px;}
.referral-form p.radio-float {
clear: none;
float:left;
width: 45%;
padding:0;
margin:9px 0 9px 2%;}
.referral-form p.verification {margin-top: 0;}
.referral-form p.verification img {border: 1px solid #a67c52;}/* customize me! */
.referral-form p.radio input, .referral-form p.radio-float input {
float: none;
width: auto;
margin: 0 0 0 2%;
padding: 4px 2px;}
/* - - - - - - - - - - APPOINTMENT REQUEST - - - - - - - - - - */
.appointment-form {margin: 18px auto;}
fieldset {border: none; padding: 9px 0;}
fieldset div {clear: both;}
.form-header {border-bottom: 1px solid #a67c52;/*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 #a67c52;/*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:#a67c52;/* customize me! */
border: 1px solid #a67c52;
text-align:center;
line-height:31px;
color:#ffffff;/* customize me! */
font-size:12px;
font-weight:bold;}
/* appointment form */
.appointment-form {
margin: 18px 0;
padding: 10px;}
.appointment-form fieldset {border: none; padding: 9px 0;}
.appointment-form label {/*floats labels left*/
font-size: 12px;
display:block;
font-weight:bold;
text-align:left;
width:45%;
float:left;
line-height: 18px;
padding-top: 4px;}
.appointment-form label span {/*sits below labels; holds instructions*/
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:left;
width:100%;}
.appointment-form input, .appointment-form select, .appointment-form textarea {
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #a67c52;/* customize me! */
width:45%;
margin:9px 0 9px 2%;
background: #ffffff;}
.appointment-form p.radio, .appointment-form p.verification {
clear: both;
margin: 9px 0 9px 47%;
font-size: 12px;}
.appointment-form p.radio-float {
clear: none;
float:left;
width: 45%;
padding:0;
margin:9px 0 9px 2%;}
.appointment-form span#found-other {width: 100%;}
.appointment-form span#found-other input {margin-left: 47%; background: #fff0b2}
.appointment-form p.verification {margin-top: 0;}
.appointment-form p.verification img {border: 1px solid #a67c52;}/* customize me! */
.appointment-form p.radio input, .appointment-form p.radio-float input {
float: none;
width: auto;
margin: 0 0 0 2%;
padding: 4px 2px;}