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;}
/* - - - - - - - - - - BODY - - - - - - - - - - */
body {background:#a7cce8 url(images/body-bg.gif) repeat-x; margin:0px; font-weight:normal; font-size:12px; color:#435364; line-height:20px; font-style:normal; font-family:"Arial", Verdana, Helvetica, sans-serif; text-decoration:none;}
/* - - - - - - - - - - GENERAL LINKS - - - - - - - - - - */
a {color:#306289;}
a:visited {color:#306289;}
a.noVisited:visited {color:#306289;}
a:hover, a.noVisited:hover {color:#306289;}
/* - - - - - - - - - - BACKGROUND ELEMENTS - - - - - - - - - - */
#background-tile {background:url(images/back-tile.jpg) repeat-y; width:820px; margin:0px auto;}
#background-image {background:url(images/back-img.jpg) no-repeat; width:820px; margin:0px auto;}
/* - - - - - - - - - - HEADER - - - - - - - - - - */
h1.logo {margin:0px; overflow:hidden; text-indent:-999em; height:209px;}
h1.logo a {display:block; width:230px; height:95px; margin:60px 0px 0px 560px;}
#head {margin:0px auto; width:808px; height:209px; background:url(images/header.jpg) no-repeat;}
#content-tile {margin:0px auto; width:808px; background:url(images/content-tile.gif) repeat-y;}
/* - - - - - - - - - - TOP MENU - - - - - - - - - - */
#log-nav a:hover {background-position:0px -20px;}
#log-nav .active {background-position:0px -20px;}
#log-nav li:hover ul {left:auto; top:20px;}
#log-nav li.sfhover ul {left:auto; top:20px;}
#log-nav .active {cursor:default;}
#log-nav ul {padding:0px; margin:0px; list-style-type:none;}
ul#log-nav {list-style-type:none; position:absolute; top:125px; margin-left:95px;}
#log-nav a {display:block; overflow:hidden; text-indent:-999em;}
#log-nav {margin:0px; padding:0px; z-index:200;}
#log-nav li {float:left;}
/* - - - - - - - - - - TOP SUB MENU - - - - - - - - - - */
#patient-login {background-image:url(images/top-nav-patient-login.jpg); width:117px; height:20px;}
#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-nav-patient-login.jpg); background-position: bottom;}
#doctor-login {background-image:url(images/top-nav-doctor-login.jpg); width:115px; height:20px; margin-left:5px;}
#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-nav-doctor-login.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:71px; height:20px; margin-left:5px;}
#log-nav li a#home:hover, #log-nav li:hover a#home, #log-nav li.sfhover a#home {background-image:url(images/top-nav-home.jpg); background-position:bottom;}
.active #home {background-image:url(images/top-nav-home-act.jpg);}
/* - - - - - - - - - - FLASH - - - - - - - - - - */
#flash-homepage {height:280px; width:771px; margin:7px 0px 0px 18px;}
.flash-replaced .alt {display:block; width:0px; height:0px; position:absolute; overflow:hidden;}
.backflashplayer {background-color:#cbdee3; width:300px; line-height:1.5em; border:solid 1px #046784; font-family:"Arial", Verdana, Helvetica, sans-serif; font-size:11px; padding:10px 10px 0px 10px; margin:30px 0px 0px 0px; height:80px;}
.getflashplayer {float:left; margin:0px 5px 10px 5px; padding:0px 0px 10px 0px;}
#flash-office-tour {margin:25px 0px 35px 160px;}
#flash-brushing-and-flossing-ortho {width:500px; height:300px; margin:20px auto;}
#flash-patient-care {margin:0px 0px 35px 155px;}
#flash-types-of-braces {margin:17px 0px 45px 155px; height:350px;}
#flash-brace-painter {margin:0px 0px 45px 155px;}
#flash-types-of-appliances {margin:17px 0px 45px 155px; height:350px;}
#flash-palatal-expander {margin:50px 0px 130px 290px; width:200px; height:150px; border:solid 1px #137f7f;}
#flash-braces-diagram {margin:0px 0px 45px 155px;}
#flash-color-your-retainer {margin:17px 0px 45px 245px; height:350px;}
#flash-common-treatments {margin:17px 0px 45px 155px; height:350px;}
#video-invisalign {width:320px; height:239px; margin:15px 0px 15px 230px;}
#flash-emergency-care {margin:17px 0px 35px 155px;}
/* - - - - - - - - - - GENERAL MENU - - - - - - - - - - */
#cool {width:808px; overflow:visible;}
#top-nav a:hover {background-position:0px -38px;}
#top-nav .active {background-position:0px -38px;}
#top-nav li:hover ul {left:auto; top:38px;}
#top-nav li.sfhover ul {left:auto; top:38px;}
#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; left:-9999em; position:absolute; height:auto; margin:0px 0px 0px 0px;}
#top-nav ul li a {padding:3px 20px 3px 8px; font-size:11px; margin:0px; color:#ffffff; text-indent:0px; height:20px; text-decoration:none; font-family:"Arial", Verdana, Helvetica, sans-serif; font-weight:bold; background:#568bb5;}
#top-nav ul li a:hover {color:#39709c; font-weight:bold; background:#a7cce8;}
ul#top-nav {list-style-type:none; position:absolute; top:162px; margin:0px 0px 0px 7px;}
#top-nav a {display:block; overflow:hidden; text-indent:-999em;}
#top-nav {width:804px; margin:0px 0px 0px 0px; padding:0px; z-index:200;}
#top-nav li {float:left;}
.pop-up {width:170px; border:solid 1px #ffffff !Important; margin-left:-1px !Important;}
/* - - - - - - - - - - GENERAL SUB MENU - - - - - - - - - - */
#about-our-office {background:url(images/top-nav-about-our-office.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em; width:142px; height:38px;}
#top-nav li a#about-our-office:hover, #top-nav li:hover a#about-our-office, #top-nav li.sfhover a#about-our-office {background-image:url(images/top-nav-about-our-office.jpg); background-position:bottom;}
.active #about-our-office {background-image:url(images/top-nav-about-our-office-act.jpg);}
#about-orthodontics {background:url(images/top-nav-about-orthodontics.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em; width:147px; height:38px;}
#top-nav li a#about-orthodontics:hover, #top-nav li:hover a#about-orthodontics, #top-nav li.sfhover a#about-orthodontics {background-image:url(images/top-nav-about-orthodontics.jpg); background-position:bottom;}
.active #about-orthodontics {background-image:url(images/top-nav-about-orthodontics-act.jpg);}
#about-braces {background:url(images/top-nav-about-braces.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em; width:109px; height:38px;}
#top-nav li a#about-braces:hover, #top-nav li:hover a#about-braces, #top-nav li.sfhover a#about-braces {background-image:url(images/top-nav-about-braces.jpg); background-position:bottom;}
.active #about-braces {background-image:url(images/top-nav-about-braces-act.jpg);}
#treatment-options {background:url(images/top-nav-treatment-options.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em; width:145px; height:38px;}
#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;}
.active #treatment-options {background-image:url(images/top-nav-treatment-options-act.jpg);}
#faq {background:url(images/top-nav-faq.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em; width:44px; height:38px;}
#top-nav li a#faq:hover, #top-nav li:hover a#faq, #top-nav li.sfhover a#faq {background-image:url(images/top-nav-faq.jpg); background-position:bottom;}
.active #faq {background-image:url(images/top-nav-faq-act.jpg);}
#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:38px;}
#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;}
.active #emergency-care {background-image:url(images/top-nav-emergency-care-act.jpg);}
#contact-us {background:url(images/top-nav-contact-us.jpg) no-repeat 0px 0px; text-indent:-999em; line-height:0; letter-spacing:-1000em; width:74px; height:38px;}
#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;}
.active #contact-us {background-image:url(images/top-nav-contact-us-act.jpg);}
/* - - - - - - - - - - CONTENT ELEMENTS - - - - - - - - - - */
.text-top {margin-top:0px !important;}
.patient-forms-sub {padding:70px 0px 0px 0px;}
.small-tile {background:url(images/sm-tile.gif) repeat-x; width:725px; height:1px; margin-left:35px; margin-bottom:35px; margin-top:15px;}
.small-tile-sub {background:url(images/sm-tile.gif) repeat-x; width:370px; height:1px; margin-left:35px; margin-bottom:35px;}
.logo-links {height:80px; padding-top:10px;}
.logo-links-big {height:120px; padding-top:10px;}
.logo-links-left {float:left; margin-left:35px; border:solid 1px #137f7f;}
.logo-links-right {float:right; border:solid 1px #137f7f; margin-right:55px;}
.meet-team {height:350px;}
img.right {clear:right; float:right; margin:0 47px 20px 25px; border:solid 1px #137f7f;}
blockquote {margin-left:20px;}
.retainers-sub {margin:0px 30px 95px 50px !important;}
/* - - - - - - - - - - LEFT MENU - - - - - - - - - - */
#leftMenu {overflow:hidden; width:808px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:url(images/left-menu-back-bottom.gif) no-repeat bottom left;}
#left-section {float:left; width:214px; height:471px; margin:0px 0px 0px 0px; font-family:"Arial", Verdana, Helvetica, sans-serif; background:url(images/left-side-banners.gif) no-repeat;}
/* - - - - - - - - - - LEFT SIDE BANNERS - - - - - - - - - - */
#left-section p {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-align:left; margin:0px 0px 0px 0px; padding:25px 0px 0px 30px; line-height:1.6em; font-weight:bold;}
#free-orthodontic-consultation {list-style-type:none;}
#free-orthodontic-consultation a {display:block; clear:both; width:161px; height:101px; margin:20px 0px 0px 25px; text-indent:-999em;}
#invisalign-home-banner {list-style-type:none; margin:0px 0px 0px 0px;}
#invisalign-home-banner a {display:block; clear:both; width:161px; height:37px; margin:30px 0px 0px 20px; text-indent:-999em;}
/* - - - - - - - - - - RIGHT SIDE - - - - - - - - - - */
.rightSide {width:585px; margin:0px; float:right; font-size:12px;}
.rightSideSub {width:808px; margin:30px 0px 0px 0px; font-size:12px;}
#rightColumn {margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; font-size:12px; color:#000000; font-family:"Arial", Verdana, Helvetica, sans-serif;}
#rightColumn {height:auto !important;}
#rightColumn p {margin:13px 35px 15px 3px; line-height:1.5em;}
#rightColumn ul {margin:7px 30px 15px 25px; line-height:1.5em;}
#rightColumn ol {margin:7px 30px 20px 25px;}
#rightColumnSub {margin:0px 0px 25px 0px; padding:0px 0px 0px 0px; font-size:12px; color:#000000; font-family:"Arial", Verdana, Helvetica, sans-serif;}
#rightColumnSub {height:auto !important;}
#rightColumnSub p {margin:13px 35px 15px 35px; line-height:1.5em;}
#rightColumnSub ul {margin:7px 30px 15px 60px; line-height:1.5em;}
#rightColumnSub ol {margin:7px 30px 20px 50px;}
/* - - - - - - - - - - PHOTO - - - - - - - - - - */
.photo-address {float:right !important; margin:-60px 0px 30px 40px; padding:0px 45px 0px 0px;}
.photo-small {float:right !important; margin:0px 45px 30px 40px;}
.photo-address p {margin:0px 0px 0px 0px !important; padding:0px 0px 0px 0px !important; text-align:center; font-weight:bold !important;}
.family-photo {margin:15px 0px 25px 40px;}
/* - - - - - - - - - - FOOTER - - - - - - - - - - */
#footer {font-family:"Arial", Verdana, Helvetica, sans-serif; background:url(images/footer.jpg) no-repeat; width:820px; height:148px; margin:0px auto;}
#footer-menu {text-align:center; color:#ffffff; padding-top:14px; font-size:12px;}
#footer-menu a {color:#ffffff; text-decoration:underline; font-weight:bold;}
#footer-slogan {text-align:center; color:#ffffff; padding-top:0px; line-height:1.5em; font-weight:normal; font-size:12px;}
#footer-slogan p {padding:2px 15px 0px 15px;}
/* - - - - - - - - - - TITLES - - - - - - - - - - */
#title-welcome {background:url(images/title-welcome.jpg) no-repeat; width:558px; height:78px; margin:0px 0px 0px 0px;}
#title-office-policies, #title-patient-forms, #title-meet-the-orthodontist, #title-meet-the-team, #title-office-tour, #title-the-game-room, #title-for-children-and-adults, #title-two-phase-treatment, #title-ortho-dictionary, #title-life-with-braces, #title-patient-care-videos, #title-types-of-braces, #title-brace-painter, #title-types-of-appliances, #title-palatal-expander, #title-braces-diagram, #title-retainers, #title-color-your-retainer, #title-orthodontic-treatments, #title-invisalign, #title-dentofacial-orthopedics, #title-tmj-tmd, #title-surgical-orthodontics, #title-faq, #title-emergency-care, #title-location, #title-comment-form, #title-refer-a-friend, #title-appointment-request, #title-site-map, #title-404-error, #title-500-error, #title-privacy-policy {width:770px; height:67px; margin:0px 0px 0px 30px;}
#title-office-policies {background:url(images/title-office-policies.jpg) no-repeat;}
#title-patient-forms {background:url(images/title-patient-forms.jpg) no-repeat;}
#title-meet-the-orthodontist {background:url(images/title-meet-the-orthodontist.jpg) no-repeat;}
#title-meet-the-team {background:url(images/title-meet-the-team.jpg) no-repeat;}
#title-office-tour {background:url(images/title-office-tour.jpg) no-repeat;}
#title-the-game-room {background:url(images/title-the-game-room.jpg) no-repeat;}
#title-for-children-and-adults {background:url(images/title-for-children-and-adults.jpg) no-repeat;}
#title-two-phase-treatment {background:url(images/title-two-phase-treatment.jpg) no-repeat;}
#title-ortho-dictionary {background:url(images/title-ortho-dictionary.jpg) no-repeat;}
#title-life-with-braces {background:url(images/title-life-with-braces.jpg) no-repeat;}
#title-patient-care-videos {background:url(images/title-patient-care-videos.jpg) no-repeat;}
#title-types-of-braces {background:url(images/title-types-of-braces.jpg) no-repeat;}
#title-brace-painter {background:url(images/title-brace-painter.jpg) no-repeat;}
#title-types-of-appliances {background:url(images/title-types-of-appliances.jpg) no-repeat;}
#title-palatal-expander {background:url(images/title-palatal-expander.jpg) no-repeat;}
#title-braces-diagram {background:url(images/title-braces-diagram.jpg) no-repeat;}
#title-retainers {background:url(images/title-retainers.jpg) no-repeat;}
#title-color-your-retainer {background:url(images/title-color-your-retainer.jpg) no-repeat;}
#title-orthodontic-treatments {background:url(images/title-orthodontic-treatments.jpg) no-repeat;}
#title-invisalign {background:url(images/title-invisalign.jpg) no-repeat;}
#title-dentofacial-orthopedics {background:url(images/title-dentofacial-orthopedics.jpg) no-repeat;}
#title-tmj-tmd {background:url(images/title-tmj-tmd.jpg) no-repeat;}
#title-surgical-orthodontics {background:url(images/title-surgical-orthodontics.jpg) no-repeat;}
#title-faq {background:url(images/title-faq.jpg) no-repeat;}
#title-emergency-care {background:url(images/title-emergency-care.jpg) no-repeat;}
#title-location {background:url(images/title-location.jpg) no-repeat;}
#title-comment-form {background:url(images/title-comment-form.jpg) no-repeat;}
#title-refer-a-friend {background:url(images/title-refer-a-friend.jpg) no-repeat;}
#title-appointment-request {background:url(images/title-appointment-request.jpg) no-repeat;}
#title-site-map {background:url(images/title-site-map.jpg) no-repeat;}
#title-privacy-policy {background:url(images/title-privacy-policy.jpg) no-repeat;}
#title-404-error {background:url(images/title-404-error.jpg) no-repeat;}
#title-500-error {background:url(images/title-500-error.jpg) no-repeat;}
/* - - - - - - - - - - THE GAME ROOM- - - - - - - - - - */
div#sesame-game {background:#000; line-height:0; margin:0px auto 15px auto; text-align:center; width:400px;}
ul#sesame-games {list-style:none; margin:0 17px 0 0; padding:0;}
ul#sesame-games li {clear:both; display:block;}
ul#sesame-games img {border:0; float:right; margin:0 0 10px 10px;}
ul#sesame-games a.button {float:right; height:85px; width:200px;}
ul#sesame-games p {padding-bottom:1em;}
/* - - - - - - - - - - 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 25px 10px 35px; font-weight:bold; font-size:13px; font-family:"Arial", Verdana, Helvetica, sans-serif; text-decoration:none; color:#127f7f; line-height:1.6em;}
h3 {margin:0px 25px 10px 35px; font-weight:bold; font-size:13px; font-family:"Arial", Verdana, Helvetica, sans-serif; text-decoration:none; color:#4b7ea6; line-height:1.5em;}
h4 {margin:0px 20px 15px 5px; font-weight:bold; font-style:italic; font-size:12px; font-family:"Arial", Verdana, Helvetica, sans-serif; text-decoration:none; color:#5e8a13; line-height:1.5em;}
/* - - - - - - - - - - SITE MAP- - - - - - - - - - */
.site-map-genetal {float:left; width:210px;}
.site-map-genetal ul {margin:0px 0px 0px 35px !important; list-style-type:none;}
.site-map-genetal ul li a {color:#000000; text-decoration:none;}
.site-map-sub {padding:0px 0px 0px 10px;}
/* - - - - - - - - - - INVISALIGN TEEN- - - - - - - - - - */
#sidebarteen {
background: #fff;
width: 275px;
margin: 0 25px 15px 15px;
padding:0px;
border: solid 1px #000;
float: right;
clear: right;}
#sidebarteen a {
color: #036;}
#sidebarteen h3 {
background: #97AFC2;
margin: 0;
padding: 15px;
color: #fff;}
.thumb {
border: solid 1px #000;
margin: 0 10px 10px 0;
float: left;
clear: left;}
#sidebarteen p {
padding: 0 15px;
margin: 15px 0;}
#iteen {
margin-left:27px;
}
/* - - - - - - - - - - FORMS- - - - - - - - - - */
.forms {padding-top:25px; height:50px;}
.forms p {margin:0px 0px 0px 0px !important;}
.forms-sub {float:left !important; width:323px !important;}
/* Global form styles */
div.referral-form, div.appointment-form, div.comments, div.login-form {
width: 88%;
margin-top: 0px !important;
margin-left:35px!important;
border:solid 2px #64a09a;/*optional, change color to match site*/
background: #ffffff;
}
fieldset {border: 0; padding: 9px 0;color: #000000; margin: 0 18px;}
fieldset div {clear: both;}
.form-header {color: #000000; border-bottom: 1px solid #64a09a;/*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 #64a09a;/*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:#bbcfe1;/* customize me! */
border: 1px solid #64a09a;
text-align:center;
line-height:31px;
color:#000000;/* customize me! */
font-size:12px;
font-weight:bold;}
fieldset input, fieldset textarea, fieldset select {line-height: 18px; height: 18px; padding: 4px 9px 5px 9px; border: 1px solid #64a09a;}
fieldset input.radio {border: 0;}
fieldset p.verification img {border: 1px solid #002544;}
fieldset label {margin-top: 9px;}
fieldset label, label span {text-align: left; line-height: 18px; height: 18px;}
label.required {background: url(../images/required_note.gif) 100% 0 no-repeat;}
p.required-note {font-weight: bold;}
p.required-note img {display: inline;}
p.radio-float, p.radio-float input {line-height: 27px; vertical-align: middle;}
/* comment form */
div.comments {
margin: 18px 0;
padding: 10px;
}
.comments li {font-weight: bold; margin: 0;}
.comments label {/*floats labels left*/
font-size: 12px;
display:block;
font-weight:bold;
width:45%;
float:left;}
.comments label span {/*sits below labels; holds instructions*/
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
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:0 2px;
width:45%;
margin:9px 0 9px 2%;
background: #ffffff;}
.comments textarea {width: 95%;}
.comments p.verification {
clear: both;
margin: 9px 0 9px 47%;
font-size: 12px;}
.comments p.radio-float {
clear: none;
float:left;
width: 45%;
padding:0;
margin:9px 0 9px 0;
vertical-align: middle;
line-height: 18px;}
.comments p.verification {margin-top: 0;}
.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%;
}
/* JQuery */
input.error, select.error, textarea.error {border-color: #a52003; background: #fefda1; }
div.error {padding-left: 18px; background: url(../images/validate_error.jpg) 0 0 no-repeat; color: #a52003;
display: block; margin:0 0 9px 47%; font-size: 11px; font-weight: normal; line-height: 18px;}
div.success {padding-left: 18px; background: url(../images/validate_ok.jpg) 0 0 no-repeat; color: #000000;
display: block;margin:0 0 9px 47%;font-size: 11px; font-weight: normal; line-height: 18px;}
.contact-form div.error, .contact-form div.success {margin-left: 0;}
/* referral form */
div.referral-form {
margin: 18px 0;
padding: 10px;
}
.referral-form fieldset {border: 0; }
.referral-form label {/*floats labels left*/
font-size: 12px;
display:block;
font-weight:bold;
width:45%;
float:left;
line-height: 18px;}
.referral-form label span {/*sits below labels; holds instructions*/
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
width:100%;}
.referral-form input, .referral-form textarea {
float:left;
font-size:12px;
padding:0 2px;
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.radio input, .referral-form p.radio-float input {
float: none;
width: auto;
margin: 0 0 0 2%;
padding: 0 2px;
vertical-align: middle;
line-height: 18px;
height: 18px;}
/* appointment form */
.appointment-form {
margin: 18px 0;
padding: 10px;
}
.appointment-form fieldset {border: 0; }
.appointment-form label {/*floats labels left*/
font-size: 12px;
display:block;
font-weight:bold;
width:45%;
float:left;
margin-top: 9px;
line-height: 18px;
}
.appointment-form label span {/*sits below labels; holds instructions*/
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
width:100%;}
.appointment-form input, .appointment-form select, .appointment-form textarea {
float:left;
font-size:12px;
padding:0 2px;
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%;
vertical-align: middle;
line-height: 18px;}
.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.radio input, .appointment-form p.radio-float input {
float: none;
width: auto;
margin: 0 0 0 2%;
padding: 4px 2px;}