﻿/* title (navigation area) styles */
.titlehome
{
    height: 174px;
    border-bottom: solid 1px #b7b1a6;
}
    #title h1
    {
        margin: 0;
        padding: 0;
        padding-top: 15px;
        padding-bottom: 10px;
        display: block;
    }
    #title img
    {
        padding-top: 10px;
    }
    .titlehome p
    {
        padding-top: 31px;
    }
        .titlehome p a
        {
            font-size: 14px;
        }
        .titlehome p a span
        {
            color: #6f6f6f;
        }
.titlecontent
{
    height: 140px;
    border-bottom: none;
    font-size: 12px;
}
.titleutility
{
    height: 115px;
    border-bottom: solid 1px #b7b1a6;
}

#titletext
{
    width: 350px;
    font-size: 12px;
    line-height: 1.4em !important;
}

p.newpatient 
{
    margin: 0; 
    padding-top: 20px;
}
    p.newpatient a
    {
        display: block;
        width: 174px;
        height: 40px;
        background: url(../images/mz_welcome_new_patient.png) no-repeat left top;
        text-indent: -10000px;
    }

/* global content link styles */
#content A:link, 
#content A:visited, 
#content A:active
{
	border-bottom: solid 1px #bcd6e5;
}

#content A:hover
{
	border-bottom: solid 1px #83bada;
}
    #content A.bigger
    {
        font-size: 11px;
    }

/* 2-column content page styles */
#leftcontent
{
    float: left;
    padding: 5px 10px 0 0;
    width: 400px;
    font-size: 11px;
    line-height: 1.6;
}
    #leftcontent h1, #leftcontent h2, #leftcontent h3, #leftcontent p, #leftcontent div
    {
        padding: 0 30px 0 5px;
    }
    #leftcontent h1
    {
        margin: 0;
        padding-top: 10px;
        padding-bottom: 5px;
        font-size: 13px;
        border-bottom: solid 1px #DCD8CF;
    }
    #leftcontent h2
    {
        margin: 0;
        margin-top: 13px;
		margin-bottom: 2px;
        font-weight: bold;
        color: #7FA21B;
        font-size: 12px;
    }
        #leftcontent h2 span
        {
            font-weight: normal;
            color: #6f6f6f;
            font-size: 12px;
        }
    #leftcontent p.noheading { padding-top: 10px; }
    #leftcontent p
    {
        margin: 0; 
        margin-bottom: 10px; 
    }
    #leftcontent div#faq
    {
        padding: 5px 0;
    }
        #leftcontent div#faq span
        {
            font-weight: bold;
            color: Blue;
            cursor: pointer;
        }
        #leftcontent div#faq p
        {
            padding-left: 0;
            font-weight: normal;
            display: none;
        }
#rightcontent 
{
    float: right;
    margin-top: 8px;
    width: 210px;
    font-size: 9px;
}
    #rightcontent DIV.section
    {
        clear: both;
        float: left;
        margin-left: 5px;
        padding: 10px 5px 10px 10px;
        width: 190px;
        border-bottom: solid 1px #dcd8cf;
    }
        #rightcontent DIV.section H3
        {
            padding: 0;
            margin: 0;
            font-weight: bold;
            color: #7FA21B;
            font-size: 9px;
        }
        #rightcontent DIV.section SPAN {
            font-weight: bold; 
            color: #6f6f6f;
			font-size: 9px;
        }
        #rightcontent DIV.section ul
        {
            margin: 0;
            margin-top: 5px;
            margin-left: 15px;
            padding: 0;
            list-style-type: square;
            list-style-position: outside;
        }
            #rightcontent DIV.section ul li
            {
                padding: 0;
            }
    #rightcontent DIV.section P 
    {
        margin: 0;
        margin-top: 9px;
		font-weight: normal; 
		font-size: 9px;
		line-height: 1.6;
    }
        #rightcontent DIV.section P.first
        {
            margin-top: 0;
        }

    #rightcontent DIV.tour
    {
	background: url(../images/mz_welcome_tour.gif) no-repeat 10px 10px;
	height: 70px;
    }
	#rightcontent DIV.tour span
	{
	    display: block;
	    margin-left: 95px;
	    margin-top: 15px;
	}
	#rightcontent DIV.tour a
	{
	    font-size: 120%;
	    margin-left: 95px;
	    padding-right: 7px;
	    background: url(../images/mz_blue_arrow.png) no-repeat right center
	}
/* utility pages content styles */
#singlecolumncontent
{
    padding: 0 5px;
    width: 610px;
}
    #singlecolumncontent h2
    {
        padding: 10px 0;
        font-size: 12px;
        border-bottom: solid 1px #dcd8cf;
    }
    
    #singlecolumncontent h3
    {
        margin: 0;
        padding: 0;
        color: #d7833d;
        font-size: 12px;
    }
    #singlecolumncontent p
    {
        margin: 20px 0;
        width: 100%;
    }
        #singlecolumncontent p.first { margin-top: 0; }

    #singlecolumncontent div.form p
    {
        margin: 5px 0;
        text-align: center;
    }
    #singlecolumncontent div.form p span.label
    {
        width: 170px !important;
    }
/* override from above */
#utility2column div.form
{
    margin: 3px 0 15px 0;
    padding: 0;
    width: 410px;
}
    div.form p
    {
        float: left;
        padding-top: 10px;
    }
        div.form p.first { padding-top: 0; }
    div.form p.section
    {
        padding-top: 10px !important;
        border-top: solid 1px #dcd8cf;
    }
        div.form p span.label
        {
            float: left;
            width: 100px;
            padding-right: 5px;
            text-align: right;
        }
            div.form p em
            {
                font-size: 9px;
                font-style: normal;
            }
        div.form p span.form
        {
            float: left;
            width: 270px;
            text-align: left;
        }
            div.form p span.form span.col1
            {
                float: left;
                width: 130px;
            }
            div.form p span.form span.col2
            {
                float: left;
                width: 140px;
            }
            div.form p span.form input.textbox,
            div.form p span.form select,
            div.form p span.form textarea.textbox
            {
                width: 260px;
            }
            /* unique ids */
            span.form .phoneAreaCode {  width: 40px !important; text-align: left; }
            span.form .phoneNumber1 {   width: 40px !important; }
            span.form .phoneNumber2 {   width: 60px !important; }
            span.form .referredBy {   width: 180px !important; }
            
            span.button { text-align: center !important; }

    div.section dl
    {
        margin: 0;
        clear: both;
        float: left;
    }
        div.section dl dt
        {
            float: left;
            width: 75px;
        }
        div.section dl dd
        {
            float: left;
            width: 50px;
        }

#profilecontent 
{ 
    float: right; 
    width: 405px; 
    margin-top: 25px
}
    #profilecontent p
    {
        margin: 15px 0;
        margin-right: 20px;
    }
    #profilecontent div#profile
    {
        float: left;
        margin-bottom: 10px;
    }
        #profilecontent div#profile img
        {
            float: left;
        }
        #profilecontent div#profile p
        {
            float: left;
            margin-top: 15px;
            margin-left: 25px;
            width: 250px;
            font-size: 12px;
            color: #000000;
        }
        #profilecontent div#profile p span
        {
            display: block;
            font-size: 10px;
            color: #6f6f6f;
        }

/* forms-resources template */
#formsresourcescontent *
{
    margin: 0;
    padding: 0;
}
    #formsresourcescontent tr.header th
    {
        padding: 10px 5px;
        color: #999;
    }
    #formsresourcescontent th, #formsresourcescontent td
    {
        font-size: 11px;
        color: #7FA21B;
        border-bottom: solid 1px #dcd8cf;
        vertical-align: top;
        padding: 10px 5px;
    }
        #formsresourcescontent th span, #formsresourcescontent td li span
        {
            font-size: 10px;
            color: #6f6f6f;
        }
    #formsresourcescontent ul
    {
        list-style-type: none;
    }
    #formsresourcescontent li
    {
        padding-bottom: 5px;
    }
        #formsresourcescontent td.forms li
        {
            padding-left: 15px;
            background: url(../images/mz_pdf_icon.png) no-repeat left top;
        }

/**/
#officetour
{
    float: left;
    width: 190px;
}
    #officetour img
    {
        float: left;
        width: 84px;
        margin-right: 5px;
    }
    #officetour p
    {
        float: left;
        width: 101px;
        padding-top: 10px;
    }
    #officetour span
    {
        display: block;
        line-height: 8px;
    }
    #officetour a
    {
    }

DIV.TeamHeader
{
    clear: both;
    margin-top: 20px;
}
.TeamItem
{
    float: left;
    margin: 10px 0;
    width: 33%;
    height: 70px;
    font-size: 8pt;
}
    .TeamItem IMG
    {
        float: left;
        margin-right: 10px;
        width: 90px;        
    }
    .TeamItem H5
    {
        margin: 0;
        padding: 0;
        margin-top: 20px;
        font-size: 9px;
    }

span.pdf
{
    line-height: 15px;
    padding-left: 15px;
    background: url(../images/mz_pdf_icon.png) no-repeat left top;
    font-weight: normal !important;
}

/* page background images */

.bg
{
    height: 232px;
    margin-bottom: -10px;
    background: url(../images/splash/mz_img_welcome.jpg) no-repeat left top;
}

/* SAMPLE CSS FOR PAGE BACKGROUND-IMAGE
.bg_ { background: url(../images/splash/mz_img_.jpg) no-repeat left top; }
*/

/*
.bg_welcome { background: url(../images/splash/mz_img_welcome.jpg) no-repeat left top; }

.bg_practice_overview { background: url(../images/splash/mz_img_practice_overview.jpg) no-repeat left top; }
.bg_practice_doctors_dr.merle { background: url(../images/splash/mz_img_practice_doctors_dr.merle.jpg) no-repeat left top; }
.bg_practice_doctors_dr.zicherman { background: url(../images/splash/mz_img_practice_doctors_dr.zicherman.jpg) no-repeat left top; }
.bg_practice_doctors_dr.lago { background: url(../images/splash/mz_img_practice_doctors_dr.lago.jpg) no-repeat left top; }
.bg_practice_doctors_dr.finelli { background: url(../images/splash/mz_img_practice_doctors_dr.finelli.jpg) no-repeat left top; }
.bg_practice_doctors_dr.sudati { background: url(../images/splash/mz_img_practice_doctors_dr.sudati.jpg) no-repeat left top; }
.bg_practice_team { background: url(../images/splash/mz_img_practice_team.jpg) no-repeat left top; }
.bg_practice_careers { background: url(../images/splash/mz_img_practice_careers.jpg) no-repeat left top; }

.bg_pediatrics_overview { background: url(../images/splash/mz_img_pediatrics_overview.jpg) no-repeat left top; }
.bg_pediatrics_check-ups { background: url(../images/splash/mz_img_pediatrics_check-ups.jpg) no-repeat left top; }
.bg_pediatrics_procedures { background: url(../images/splash/mz_img_pediatrics_procedures.jpg) no-repeat left top; }
.bg_pediatrics_parents-guide { background: url(../images/splash/mz_img_pediatrics_parents-guide.jpg) no-repeat left top; }

.bg_orthodontics_overview { background: url(../images/splash/mz_img_orthodontics_overview.jpg) no-repeat left top; }
.bg_orthodontics_initial-visit { background: url(../images/splash/mz_img_orthodontics_initial-visit.jpg) no-repeat left top; }
.bg_orthodontics_procedures { background: url(../images/splash/mz_img_orthodontics_procedures.jpg) no-repeat left top; }
.bg_orthodontics_patients-guide { background: url(../images/splash/mz_img_orthodontics_patients-guide.jpg) no-repeat left top; }

.bg_adults_overview { background: url(../images/splash/mz_img_adults_overview.jpg) no-repeat left top; }
.bg_adults_check-ups { background: url(../images/splash/mz_img_adults_check-ups.jpg) no-repeat left top; }
.bg_adults_procedures { background: url(../images/splash/mz_img_adults_procedures.jpg) no-repeat left top; }
.bg_adults_patients-guide { background: url(../images/splash/mz_img_adults_patients-guide.jpg) no-repeat left top; }
*/

.bg_request-appointment,
.bg_forms-resources,
.bg_fees-payments,
.bg_contact-us,
.bg_emergencies
{ height: 165px; background: none; }

