/* 
    Document   : styes.php
    Created on : Nov 17, 2009, 2:49:43 PM
    Author     : Administrator
    Description:
        Purpose of the stylesheet follows.
*/


/**
 * DEFAULT STYLES
 */

 html {
    height:100%; /* fix height to 100% for IE */
    max-height:100%; /* fix height for other browsers */
 }

body {
    height:100%;
    max-height:100%; /* fix height for other browsers */
    overflow:hidden; /*get rid of scroll bars in IE */
   padding: 0;
   margin: 0;
   font-family: Verdana, Ariel, Helvetica, sans-serif;
   font-size: 13px;
   background-color: #FFF;
   color: #000;
   line-height: 1.4em;
}

p {
   margin: 0 0 .8em 0;
   padding: 0;
   line-height: 1.4em;
}


h1, h2, h3, h4, h5, h6 {
   margin: 0 0 .4em 0;
   padding: 0;
   line-height: 1em;
}

ul {
   list-style: none;
   margin: 0 0 .4em 0;
   padding: 0;
}

ul li {
   padding: 0;
   margin: 0;
}

ol {
   margin: 0 0 .4em 0;
   padding: 0;
}

ol li {
    padding: 0;
    margin: 0 0 0 1.5em;
}

td {
   padding: 0;
   vertical-align: top;
}

a {
   color: #000;
   text-decoration: underline;
}

img {
   border: 0;
}

#rssFeed a{
    display:block;
    width:420px;
    padding:5px;
    text-decoration:none;
}
#rssFeed a:hover{
    width:420px;
    background:#DA2128;
    color:#FFFFFF;
    text-decoration:none;
}
#rssFeed .feedDate {
    font-size:10px;
}
/**
 * MAIN LAYOUT STYLES
 */

 #browneyes {
 background-image: url(images/headshot-browneyes.jpg);
 background-repeat: no-repeat;
 background-position: right top;    
 }


 #extend {
 height:500px;
 }

body {
    text-align: center;
    background-color: #E2E9E5;
    font-family: Verdana, sans-serif;
}

input.text, textarea {
    border: 1px solid #5A6971;
    font-size: 11px;
    font-family: Verdana, sans-serif;
}

textarea {
    padding: 5px;
}

input.text {
    padding: 2px;
}
input.text {
padding:2px;
}
input.text, textarea {
border:1px solid #5A6971;
font-family:Verdana,sans-serif;
font-size:11px;
}
.form_layout td {
padding:0 0 8px;
text-align:left;
vertical-align:top;
}
#layout_container {
    text-align: left;
    width: 750px;
    margin: 20px auto -10px;
}

#layout_header {
    position: relative;
    height: 60px;
}

#header_logo {
    position: absolute;
    top: 0px;
    left: 0px;
}

#header_logo img {
    display: block;
}

#header_logo p {
    margin-top: 8px;
    line-height: 1.2em;
    font-weight: bold;
    font-size: 10px;
    color: #404243;
}

#header_phone {
    text-align: right;
    position: absolute;
    top: 0px;
    right: 0px;
    font-weight: bold;
}

#header_phone img {
    display: block;
    margin-bottom: 10px;
}


#header_phone a {
    padding: 3px 1em;
    font-size: 9px;
    text-transform: uppercase;
    background-color: #FFF;
    color: #F80018;
    text-decoration: none;
    letter-spacing: 0.15em;
}

#header_phone a:hover {
    color: #FFF;
    background-color: #5A6971;
}

#layout_menu {
    width: 100%;
}

#layout_menu td {
    padding: 0 6px 0 0;
    text-align: center;
}

#layout_menu td.last {
    padding-right: 0;
}


#layout_menu a {
    color: #FFF;
}

/**
 * IE hack
 *
 * the "a:hover .menu_item_container" rule
 * doesn't get recognized unless "a:hover"
 * applies some kind of style change.
 */
#layout_menu a:hover {
    color: #FFF;
}

#layout_menu .menu_item_container {
    display: block;
    cursor: pointer;
    border-bottom: 6px solid #E2E9E5;
    padding: 3px 0;
}

#layout_menu img {
    display: block;
    margin: 0 auto;
}


#menu_practice .menu_item_container { background-color: #F80018; }
#menu_meet .menu_item_container { background-color: #00A2D7; }
#menu_patient .menu_item_container { background-color: #06AF3D; }
#menu_contact .menu_item_container { background-color: #FF6008; }
#menu_testimonials .menu_item_container { background-color: #FB1D76; }
#menu_franchise .menu_item_container { background-color: #5A372D; }

#menu_practice.selected a .menu_item_container { border-color: #F80018; }
#menu_meet.selected a .menu_item_container { border-color: #00A2D7; }
#menu_patient.selected a .menu_item_container { border-color: #06AF3D; }
#menu_contact.selected a .menu_item_container { border-color: #FF6008; }
#menu_testimonials.selected a .menu_item_container { border-color: #FB1D76; }
#menu_franchise.selected a .menu_item_container { border-color: #5A372D; }

#menu_practice a:hover .menu_item_container { border-color: #F80018; }
#menu_meet a:hover .menu_item_container { border-color: #00A2D7; }
#menu_patient a:hover .menu_item_container { border-color: #06AF3D; }
#menu_contact a:hover .menu_item_container { border-color: #FF6008; }
#menu_testimonials a:hover .menu_item_container { border-color: #FB1D76; }
#menu_franchise a:hover .menu_item_container { border-color: #5A372D; }
/*
*/


#layout_content_border {
    border: 6px solid #000;
    margin-bottom: 13px;
    background-color: #FFF;
    float:left;
    width:100%;
    min-height:365px;
}

#layout_content_border.home { border-color: #F80018; border-width: 9px; background-color: #FFEA81; }
#layout_content_border.practice { border-color: #F80018; }
#layout_content_border.meet { border-color: #00A2D7; }
#layout_content_border.patient { border-color: #06AF3D; }
#layout_content_border.contact { border-color: #FF6008; }
#layout_content_border.testimonials { border-color: #FB1D76; }
#layout_content_border.franchise { border-color: #5A372D; }


#layout_content {
    color: #5A6971;
    position: relative;
    float:left;
    width:100%;
}

#layout_submenu {
    position: relative;
	padding: 10px 10px 0px 10px;
}

#content_submenu {
    text-transform: uppercase;
    font-weight: bold;
    font-family: Arial;
    font-size: 10px;
    line-height: 10px;
    padding: 8px 0 18px 15px;
    color: #000;
    background-repeat: repeat-x;
    background-position: bottom left;
}

#content_submenu a {
    text-decoration: none;
    padding-right:3px;
    padding-left:3px;
}

.practice #content_submenu,     .practice #content_submenu a { color: #FFAAAA; }
.meet #content_submenu,         .meet #content_submenu a { color: #77D3F0; }
.patient #content_submenu,      .patient #content_submenu a { color: #7CD297; }
.contact #content_submenu,      .contact #content_submenu a { color: #FFAF83; }
.testimonials #content_submenu, .testimonials #content_submenu a { color: #FB92BC; }
.franchise #content_submenu,    .franchise #content_submenu a { color: #B28071; }


.practice #content_submenu { background-image: url(../images/layout/border-dotted-red.gif); }
.meet #content_submenu { background-image: url(../images/layout/border-dotted-blue.gif); }
.patient #content_submenu { background-image: url(../images/layout/border-dotted-green.gif); }
.contact #content_submenu { background-image: url(../images/layout/border-dotted-orange.gif); }
.testimonials #content_submenu { background-image: url(../images/layout/border-dotted-pink.gif); }
.franchise #content_submenu { background-image: url(../images/layout/border-dotted-brown.gif); }


.practice #content_submenu a:hover,     .practice #content_submenu a.selected { color: #F80018; }
.meet #content_submenu a:hover,         .meet #content_submenu a.selected { color: #00A2D7; }
.patient #content_submenu a:hover,      .patient #content_submenu a.selected { color: #06AF3D; }
.contact #content_submenu a:hover,      .contact #content_submenu a.selected { color: #FF6008; }
.testimonials #content_submenu a:hover, .testimonials #content_submenu a.selected { color: #FB1D76; }
.franchise #content_submenu a:hover,    .franchise #content_submenu a.selected { color: #5A372D; }

#layout_main_content {
    float:left;
    color: #444;
    position: relative;
    width:100%;
    min-height:365px;
}

.dynamic_height #layout_main_content {
    height: auto;
    padding-bottom: 20px;
}

#layout_main_content.no_submenu{
    height: 370px;
}

#layout_content_border.home #layout_main_content.no_submenu {
    height: 430px;
}

#content_body {
    position: relative;
    padding: 15px 0 0 25px;
    font-family: Verdana;
}

#content_body h1 {
    font-family: Georgia, serif;
    font-weight: normal;
    font-size: 38px;
    line-height: 1.1em;
    padding: 0;
    text-transform:capitalize;
}

#content_body #body_title {
    display: block;
    margin-bottom: 20px;
    font-family: Arial, sans-serif;
    font-size: 42px;
    line-height: 1.1em;
}

#content_body strong {
    font-weight: normal;
    color: #F80018;
}

#content_body a.strong {
    font-weight: normal;
    color: #F80018;
}
.practice #content_body h1,     .practice #content_body a.strong,       .practice #layout_content strong { color: #F80018; }
.meet #content_body h1,         .meet #content_body a.strong,           .meet #layout_content strong { color: #00A2D7; font-weight: bold; }
.patient #content_body h1,      .patient #content_body a.strong,        .patient #layout_content strong { color: #06AF3D; }
.contact #content_body h1,      .contact #content_body a.strong,        .contact #layout_content strong { color: #FF6008; }
.testimonials #content_body h1, .testimonials #content_body a.strong,   .testimonials #layout_content strong { color: #FB1D76; }
.franchise #content_body h1,    .franchise #content_body a.strong,      .franchise #layout_content strong { color: #5A372D; }

#content_body #body_factoid {
    position: absolute;
    top: 20px;
    right: 15px;
    width: 226px;
    height: 280px;
    background-image: url(../images/layout/factoid-background.gif);
    text-align: center;
    font-family: Verdana, sans-serif;
    font-weight: bold;
    color: #9AA;
}

#content_body #body_factoid .margin {
    margin: 20px 28px;
}

#content_body #body_factoid h2 {
    line-height: 1.3em !important;
}

#content_body #body_factoid p {
    line-height: 1.6em !important;
    font-size: 11px;
}

#content_body a {
    color: #5A6971;
}


#content_body li {
    margin-bottom: 0.5em;
    margin-left: 1.5em;
    list-style: disc;
}


#content_body #body_testimonial {
    font-family: 'Times New Roman', Times, serif;
}

#content_body #body_testimonial p {
    font-size: 17px;
}

#content_body #body_testimonial h3 {
    text-align: right;
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
}

#testimonial_nav {
    position: absolute;
    top: 260px;
    left: 25px;
}

#testimonial_nav h2 {
    font-size: 10px;
    color: #FB1D76;
    font-family: Verdana, Arial, sans-serif;
    text-transform: uppercase;
    margin-bottom: 10px;
}


#layout_footer {
    width: 100%;
}

#layout_footer td {
    font-family: Verdana, Arial, sans-serif;
    padding: 0;
    text-align: center;
    color: #F80018;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    line-height: 2em;
    letter-spacing: 0.05em;
}

#layout_footer td a {
    color: #F80018;
    text-decoration: none;
}

#layout_footer td a:hover {
    text-decoration: underline;
}


#locationInfo  .locations {
    float:left;
    position:relative;
}
#locationInfo  .locations h3 {
    float:left;
    background:url(../images/locationBtn.png) 0px 0px;
    color:#00A3D7;
    height:33px;
    width:215px;
    line-height:30px;
    padding-left:10px;
    margin:5px;
    cursor:pointer;
}
#locationInfo  .locations h3:hover {
    background:url(../images/locationBtn.png) 0px -49px;
    color:#FFFFFF;
    height:33px;
    width:215px;
    line-height:30px;
    padding-left:10px;
    cursor:pointer;
}
#locationInfo  .locations .info {
     padding-left:10px;
   width:215px;
}
#locationInfo .info {
    color:#F80018;
    text-decoration:none;
    font-size:14px;
    font-weight:bold;
}
#locationInfo .info a {
    color:#06AE3D;
    text-decoration:none;
}
#locationInfo .info a:hover {
    text-decoration:underline;
}
.clear {
    clear:both;
}
.line {
    float:left;
    position:relative;
    background:url(../images/line.gif) no-repeat;
    width:100%;
    height:2px;
    margin-top:5px;
    margin-bottom:5px;
}
/* Bold and Red */
.boldRed {
	font-weight:bold;
	color:#F80018;
}
.boldBlue {
	font-weight:bold;
	color:#00A2D7;
}

.leftSide {
    padding-top:5px;
    float:left;
}
.leftSide h2 {
    color:#00A3D7;
    font-weight:normal;
}

.rightSide {
    float:right;
    margin-right:25px;
}
.sorryText {
    margin-right:25px;
}
.footer {
    margin:0 auto;
    width:750px;
    text-align:center;
}
.city_list {
    float:left;
    width:100%;
    text-align:center;
}
.grey a{
    margin: 2px 2px 2px 2px;
    font-size:10px;
    text-decoration:underline;
    color:#F80018;
    text-align:center;
}
.grey a:hover {
    text-decoration:none;
}

/* panel css */

#questions {
    position:absolute;
    margin:0 auto;
    width:100%;
    bottom:0px;
    z-index:5; /* allocate a suitable z-index */
}

#panel {
    margin: 0 auto;
    text-align:left;
    padding:15px;
	background: #ffffff;
	height: 470px;
        width:720px;
        overflow:auto;
	display: none;
}
.slide {
	margin: 0;
	padding: 0;
	background: url(../images/btn-slide.png) no-repeat center top;
}
.btn-slide {
	background: url(../images/white-arrow.gif) no-repeat right -40px;
	text-align: left;
	width: 740px;
	height: 27px;
	padding: 13px 10px 0 10px;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}
.active {
	background-position: right 12px;
}

#ed_content {
display:block; /* set up as a block */
height:100%; /* set height to full page */
max-height:100%;
padding-left:16px;
overflow:auto; /* add scroll bars as required */
position:relative; /* set up relative positioning so that z-index will work */
z-index:3; /* allocate a suitable z-index */
}
.pad2 {
display:block;
height:55px; /* height to miss header and footer */
}



.footer ul{
    margin:0 auto;
    list-style: none;
    margin-left:3px;
}
.footer li {
    display:block;
    float:left;
    color: #F80018;
    font-weight:bold;
    font-size:12px;
    padding-top:3px;
}

.footer li a{
    float:left;
    display: block;
    color: #F80018;
    font-size:12px;
    text-decoration:none;
    font-weight:bold;
    padding-left:4px;
    padding-right:3px;
}
.footer li a:hover {
    color: #00A3D7;
    text-align: center;
    cursor: pointer;
}

.submitBtn {
    margin:5px;
    padding-top:-3px;
border:solid 1px #5A6971;
background:#ffffff;
height:20px;
width:63px;
color:#5A6971;
font-size:10px;
font-weight:bold;
text-transform:uppercase;
}
.submitBtn:hover {
border:solid 1px #F80018;
color:#F80018;
cursor:pointer;
}
span.biggerFont
{
 font-size:16px;
}
div.emergencyNumber
{
 font-size:32px;
 color:#f80018;
 font-weight:bold;
}