﻿/*==================================================
				Care+ Clinics
====================================================
	Design by: Cyrus Limited, Inc. - cyrusonline.com
	Author: Travis Repetto & Brandon Kidd
	Created on: 5-30-2008
==================================================*/

/* Global */
*{
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
html, body{
	border: 0;
	font-size: 12px;
}
body{
	background: #cbe7e5 url(Images/bg_body.jpg) repeat-x top center;
	color: #666;
}
h1, h1 *, h2, h2 *, h3, h3 *, h4, h4 *, h5, h5 *, h6, h6 *, legend{
	font-family: Times New Roman, Times, serif;
	font-weight: normal;
}
h1{
	background: transparent url(Images/h1-heart.gif) no-repeat 0 8px;
	border-bottom: 2px solid #12a89d;
	font-size: 30px;
	margin: 0 0 8px 0;
	padding-left: 32px;
}
h2{
	background: #f6f6f6;
	border-left: 15px solid #f2585b;
	color: #00a79d;
	font-size: 24px;
	padding-left: 5px;
}
h3{
	font-size: 20px;
}
h4{
	font-size: 18px;
}
h5{
	font-size: 16px;
}
h6{
	font-size: 14px;
}
p, #main_content .literalContent{
    line-height: 20px;
    text-align: justify;
    margin: 0 0 20px 0;
}
p img[align="left"], #main_content .literalContent img[align="left"]{
    margin: 0 10px 0 0;
}
p img[align="right"], #main_content .literalContent img[align="right"]{
    margin: 0 0 0 10px;
}
a{
    color: #12a89d;
    outline: none;
    text-decoration: none;
}
a:hover,
a:focus{
	color: #666;
	text-decoration: underline;
}
p a[target="_blank"]{
	padding: 0 10px 0 0;
	background: transparent url(/Resources/Common/Images/Icons/opennew.gif) no-repeat 100% 3px;
}
address{
	font-style: normal;
}
fieldset{
	border: 2px solid #eee;
	padding: 5px 10px;
}
legend{
	color: #12a89d;
	font-size: 18px;
	font-weight: bold;
}
.warning{
	color: #c66;
	font-weight: bold;
}
.viewall, .viewall span{
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
.viewall:hover span,
.viewall:focus span{
	text-decoration: underline;
}
.button, .button_disabled{
	font-size: 12px;
	font-weight: bold;
	line-height: 26px;
	padding: 2px 8px;
}
.button{
	background-color: #00a79d;
	border: 2px solid #00a79d;
	color: #fff;
}
input.button{
    height: 22px;
    margin: 0;
	padding: 0 2px;
	line-height: 12px;
}
.button:hover,
.button:focus{
	background-color: #fff;
	color: #00a79d;
	text-decoration: none;
}
.button_disabled{
    padding: 4px 8px;
    background: #fff;
    border-color: #f1f1f1;
    color: #ccc;
}
input.button_disabled{
    height: 22px;
    padding: 0 4px;
    line-height: 12px;
}
.button_disabled:hover,
.button_disabled:focus{
    text-decoration: none;
}


/* Structure */
#wrap{
	width: 980px;
	margin: 0 auto;
}
#header{
	width: 980px;
	height: 84px;
	position: relative;
	background: transparent url(Images/bg_header.gif) no-repeat center top;
}
#marquee{
	width: 980px;
	height: 266px;
	background: transparent url(Images/bg_marquee.jpg) no-repeat center top;
}
#marquee img{ display: none; }
#main_wrap{
	width: 980px;
	min-height: 200px;
	_height: 200px;
	background: transparent url(Images/bg_mainwrap.gif) repeat-y center top;
}
.root #main_wrap{ background: transparent url(Images/bg_mainwrap-home.gif) repeat-y center top; }
#main{
	width: 980px;
	background: transparent url(Images/bg_main1.jpg) no-repeat center top;
}
.root #main{ background: transparent url(Images/bg_main-home.gif) no-repeat center top; }
.physicians #main{ background-image: url(Images/bg_main2.jpg); }
.locations #main{ background-image: url(Images/bg_main3.jpg); }
.about #main{ background-image: url(Images/bg_main2.jpg); }
.contact #main{ background-image: url(Images/bg_main3.jpg); }
#footer_wrap{
	width: 980px;
	min-height: 90px;
	_height: 90px;
	position: relative;
	background: transparent url(Images/bg_footerwrap.gif) no-repeat center top;
}
.root #footer_wrap{ background: transparent url(Images/bg_footerwrap-home.gif) no-repeat center top; }
#promo_wrap{
	position: relative;
}
#promo_wrap a.cta_findcareplus,
#promo_wrap a.cta_requestappt{
	width: 210px;
	height: 40px;
	position: absolute;
	left: 33px;
	background: transparent no-repeat center top;
}
#promo_wrap a.cta_findcareplus:hover,
#promo_wrap a.cta_findcareplus:focus,
#promo_wrap a.cta_requestappt:hover,
#promo_wrap a.cta_requestappt:focus{
	background-position: center bottom;
}
#promo_wrap a.cta_findcareplus{
	top: 31px;
	background-image: url(Images/cta_findcareplus.gif);
}
#promo_wrap a.cta_requestappt{
	top: 71px;
	background-image: url(Images/cta_requestappt.gif);
}
#promo_wrap a span{ display: none; }
#main_inner{
	width: 960px;
	padding: 0 10px;
}
#main_inner #main_content{
	width: 702px;
	float: right;
	margin: 120px 0 0 0;
	padding: 0 10px;
}
#main_inner #main_sidebar{
	width: 200px;
	float: left;
	margin: 120px 0 0 18px;
	padding: 0 10px;
}


/* Header */
#header #logo{
	width: 175px;
	height: 91px;
	position: absolute;
	left: 52px;
	top: 8px;
	background: transparent url(Images/logo.gif) no-repeat center top;
}
#header #logo:hover,
#header #logo:focus{
	background-position: center bottom;
}
#header #logo img{ display: none; }
#header #search{
	width: 290px;
	height: 35px;
	position: absolute;
	right: 19px;
	top: 0px;
	background: transparent url(Images/bg_search.gif) no-repeat center top;
}
#header #search label{
	position: absolute;
	left: 12px;
	top: 6px;
	color: #0b9187;
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
}
#header #search input{
	width: 181px;
	position: absolute;
	right: 41px;
	top: 5px;
	border: solid 1px #12a89d;
	color: #666;
	font-size: 11px;
	padding: 2px 4px;
}
#header #search input.watermark{
	background: #f0ffff;
	border-color: #91bfbf;
	color: #91bfbf;
}
#header #search a.searchbutton{
	width: 24px;
	height: 23px;
	position: absolute;
	right: 11px;
	top: 4px;
	background: transparent url(Images/searchbutton.gif) no-repeat center top;
}
#header #search a.searchbutton:hover,
#header #search a.searchbutton:focus{ background-position: center bottom; }
#header #search a.searchbutton span{ display: none; }

/* Main Navigation */
#nav{
	width: 700px;
	position: absolute;
	right: 10px;
	top: 35px;
}
#nav ul{
	height: 46px;
	background: transparent url(Images/bg_nav-ul.gif) repeat-x left top;
	float: right;
	list-style: none;
}
#nav ul li{
	display: inline;
}
#nav ul li a{
	background: transparent url(Images/bg_nav-li.gif) repeat-x left top;
	color: #fff;
	display: block;
	float: left;
	font-size: 16px;
	line-height: 20px;
	margin: 0 0 0 1px;
	padding: 13px 20px;
}
#nav ul li a:hover,
#nav ul li a:focus{
	background: url(Images/bg_nav-ul.gif) repeat-x left top;
	color: #fff;
	text-decoration: none;
}
#nav ul li.firstlink a{
	margin: 0;
}
.patients #nav #nav_patient_resources,
.physicians #nav #nav_physicians,
.locations #nav #nav_locations,
.services #nav #nav_services,
.about #nav #nav_about,
.contact #nav #nav_contact{
	background: transparent url(Images/nav_selected.gif) repeat-x left top;
}


/* Footer */
#footer_wrap #footer{
	width: 650px;
	position: absolute;
	left: 265px;
	top: 20px;
	color: #12a89d;
	font-size: 11px;
	line-height: 20px;
}
#footer_wrap #footer ul{
	float: left;
	list-style: none;
}
#footer_wrap #footer ul li{
	border-left: solid 1px #999;
	display: inline;
	padding: 0 0 0 7px;
}
#footer_wrap #footer ul li a{
	line-height: 11px;
	margin: 0 5px 0 0;
}
#footer_wrap #footer ul li.firstlink{
	border-left: none;
	padding: 0;
}
#footer_wrap #footer ul#legal li.firstlink{
	border-left: solid 1px #999;
	display: inline;
	margin: 0 0 0 2px;
	padding: 0 0 0 7px;
}


/* Homepage Styles */
#main_left{
	width: 200px;
	display: inline;
	float: left;
	margin: 0 0 0 28px;
	padding: 0 10px;
}
	#main_left #leftnav{
		list-style: none;
	}
		#main_left #leftnav li{
			border-bottom: solid 1px #ccc;
			padding: 10px 0;
		}
			#main_left #leftnav li a{
				border-left: solid 14px #81ccca;
				color: #000;
				padding-left: 10px;
			}
			#main_left #leftnav li a:hover,
			#main_left #leftnav li a:focus{
				border-left: solid 14px #ccc;
				color: #666;
				text-decoration: none;
			}
#main_center{
	width: 402px;
	display: inline;
	float: left;
	padding: 10px;
}
#main_right{
	width: 280px;
	display: inline;
	float: left;
	margin-right: 10px;
	padding: 10px;
}
	#main_right hr{
		border: 0;
		border-top: solid 1px #d7cfbc;
		border-bottom: solid 1px #fff;
		margin: 15px 0;
	}
	#main_right #appointmentrequest{
		color: #666;
		margin: 5px 0 0;
		padding: 0 0 5px;
	}
		#main_right #appointmentrequest h2{
			background: transparent none;
			border: 0;
			color: #333;
			font-size: 20px;
			padding: 0;
		}
		#main_right #appointmentrequest p{
			display: none;
		}
		#main_right #appointmentrequest .doctor{
			margin: 15px 0 0;
		}
		#main_right #appointmentrequest label{
			width: 60px;
			display: block;
			float: left;
			font-size: 12px;
			line-height: 20px;
			margin: 0 5px 0 0;
			text-align: right;
		}
		#main_right #appointmentrequest .button{
			margin: 0 0 0 65px;
		}
	#main_right #physicianspotlight{
		color: #666;
	    padding: 0 0 10px 0;
	}
		#main_right #physicianspotlight h2{
			background: transparent none;
			border: 0;
			color: #333;
			font-size: 20px;
			padding: 0;
		}
	    #main_right #physicianspotlight .photo{
	        display: block;
		    width: 120px;
		    height: 140px;
		    position: relative;
		    float: left;
		    margin: 10px 10px 10px 0;
		    overflow: hidden;
	    }
		    #main_right #physicianspotlight .photo .mask{
			    width: 120px;
			    height: 140px;
			    background: transparent url(Images/physpotlight_mask.gif) no-repeat top left;
			    position: absolute;
			    left: 0;
			    top: 0;
			    cursor: pointer;
		    }
		    #main_right #physicianspotlight .photo .image{
		        display: block;
			    width: 120px;
			    height: 140px;
			    background: transparent url(Images/sample_photo.jpg) no-repeat top left;
		    }
		    #main_right #physicianspotlight .photo img{
		        display: none;
		    }
	    #main_right #physicianspotlight .bio{
		    margin: 10px 0 0;
	    }
		    #main_right #physicianspotlight h3, #physicianspotlight h3 a{
		    	color: #666;
		    	font-family: Verdana, Arial, Sans-Serif;
			    font-size: 12px;
			    font-weight: bold;
		    }
		    #main_right #physicianspotlight .specialty{
		        margin: 0 0 10px 0;
			    font-size: 11px;
		    }
		    #main_right #physicianspotlight address{
		        margin: 0 0 10px 0;
			    font-size: 11px;
			    font-weight: bold;
			    font-style: italic;
		    }
		    #main_right #physicianspotlight p{
			    color: #666;
			    font-size: 11px;
			    line-height: 18px;
			    margin: 5px 0 0 0;
			    text-align: left;
		    }

/* Main Content Styles */
#main_content hr{
	height: 0;
	border: 0;
	border-bottom: 1px solid #ccc;
}
#main_content ul{
    margin: 0 0 20px 0;
}
#main_content ul li{
    list-style: none;
    background: transparent url(/Resources/Common/Images/bullet.gif) no-repeat 0 0.67em;
    margin: 0 0 5px 0;
    padding-left: 15px;
}
#main_content ol{
    margin: 0 0 20px 25px;
}
#main_content ol li{
	margin-bottom: 10px;
	line-height: 18px;
}
#main_content dl{
	margin: 0 0 20px 0;
	line-height: 20px;
}
#main_content dl dt{
	color: #555;
	font-weight: bold;
}
#main_content dl dd{
	margin: 0 0 10px 0;
}
#main_content blockquote{
	width: 660px;
	margin: 0 0 20px 0;
	padding: 0 0 0 10px;
	border-left: 3px solid #ddd;
	color: #666;
	line-height: 20px;
	text-align: justify;
	font-style: italic;
}
#main_content .menuempty{
	margin: 0 0 10px 0;
}
#main_content .photo{
	width: 132px;
	height: 152px;
	float: left;
	position: relative;
	background: url(/Resources/Common/Images/bg_photo.jpg) no-repeat;
}
	#main_content .photo img{
		position: absolute;
		left: 5px;
		top: 5px;
	}
#main_content .thumb{
	width: 72px;
	height: 82px;
	float: left;
	position: relative;
	background: url(Images/bg_photo_thumb.gif) no-repeat;
}
#main_content .thumb img{
	position: absolute;
	left: 5px;
	top: 5px;
}

/* Sidebar Styles */
#main_sidebar h2{
	background: #f1f1f1;
	border: 1px solid #ccc;
	font-size: 16px !important;
	padding: 2px 5px;
}
#main_sidebar fieldset{
    width: 190px;
    margin: 0 auto 10px auto;
}
    #main_sidebar fieldset .HealthCenter,
    #main_sidebar fieldset .Hospital{
        height: 20px;
        margin: 0 0 0 10px;
	    padding: 0 0 5px 25px;
	    background: transparent url(/Resources/Common/Images/Icons/icon_hospital.gif) no-repeat 0 0;
	    color: #666;
	    line-height: 18px;
	    font-weight: bold;
    }
    #main_sidebar fieldset .Clinic{
        height: 20px;
        margin: 0 0 0 10px;
	    padding: 0 0 5px 25px;
	    background: transparent url(/Resources/Common/Images/Icons/icon_clinic.gif) no-repeat 0 0;
	    color: #666;
	    line-height: 18px;
	    font-weight: bold;
    }
    #main_sidebar address{
        margin: 0 0 0 10px;
        line-height: 18px;
    }
    #main_sidebar #phonenumbers{
        margin: 10px 0 0 10px;
        color: #666;
        line-height: 18px;
        font-weight: bold;
    }
    #main_sidebar #map{
	    width: 192px;
	    height: 192px;
	    overflow: hidden;
	    margin: 20px 0 10px 0;
	    border: 4px solid #ddd;
    }
#main_sidebar ul{
	list-style: none;
}
#main_sidebar ul li{
	background: transparent url(Images/bullet.gif) no-repeat 0 3px;
	line-height: 20px;
	padding: 2px 0 2px 18px;
}
#main_sidebar ul li a{
	border-bottom: solid 1px #ccc;
	color: #666;
	font-weight: bold;
}
#main_sidebar ul li a:hover,
#main_sidebar ul li a:focus{
	border-bottom: solid 1px #00a79d;
	color: #00a79d;
	text-decoration: none;
}
#main_sidebar ul li ul{
	margin: 5px 0 0 0;
}
#main_sidebar ul li ul li{
	background: transparent url(Images/bullet-sub.gif) no-repeat 0 2px;
}
#main_sidebar ul li ul li a{
	border: none;
	color: #00a79d;
	font-weight: normal;
}
#main_sidebar #quicklinks.control_container li{
    margin: 0 0 0 5px;
	padding: 0 0 0 5px;
	background: transparent url(/Resources/Common/Images/bullet_sub.gif) no-repeat 0 8px;
    font-weight: normal;
}

/* Locations Page */
.locations #ControlPanel{
	display: none;
}
#locationList h2{
	display: none;
}

#findLocation_wrap{
    
}
    #findLocation_wrap #map{
        width: 672px;
        height: 400px;
        margin: 10px 0 0 0;
        border: solid 4px #eee;
    }
#locationList{
    
}
    #locationList ul{
        margin: 0;
        padding: 0;
    }
    #locationList h2{
        margin: 10px 0 0 0;
    }
    #locationList .HealthCenter,
    #locationList .Hospital{
        background: transparent url(/Resources/Common/Images/Icons/icon_hospital.gif) no-repeat 0 7px;
    }
    #locationList .Clinic{
        background: transparent url(/Resources/Common/Images/Icons/icon_clinic.gif) no-repeat 0 7px;
    }
    #locationList .location{
        float: left;
        display: inline;
        width: 175px;
        height: 40px;
        margin: 5px 0 0 20px;
        padding: 5px 0 0 25px;
        border-top: dashed 1px #ccc;
        font-size: 10px;
        line-height: 12px;
    }
    #locationList .location .name{
        color: #12a89d;
        font-weight: bold;
    }
    #locationList .location .address{
        color: #666;
        font-style: italic;
    }
    #locationList #pager{
        background: #eee;
        border: solid 1px #ddd;
        color: #333;
        font-size: 10px;
        margin: 10px 0 0;
        padding: 10px 0;
    }
    #locationList #pager .label{
        margin: 0 10px;
    }
#locationDetail_wrap{
    width: 680px;
}
    #locationDetail_wrap .location{
        float: left;
        width: 440px;
        font-size: 12px;
        line-height: 20px;
    }
    #locationDetail_wrap .location .citystatezip{
        margin: 0 0 10px 0;
    }
    #locationDetail_wrap .location a{}
    #locationDetail_wrap .gmap{
        border: 4px solid #ccc;
        overflow: hidden;
        float: right;
    }
    #locationDetail_wrap .gmap #map{
        width: 218px;
        height: 150px;
        background: #eee;
    }

/* Physician Detail */
#physDetail .physInfo h2{
	font-size: 24px;
}

/* Contact Page */
.contact #main_sidebar #sidemenu address{ display: none; }
.contact #main_sidebar #sidemenu #phonenumbers{ visibility: hidden; }
.contact #main_sidebar #sidemenu #phonenumbers a{ visibility: visible; }
.contact #main_sidebar #map{ display: none; }

/* Phone Directory Page */
.phonedir_default{ display: none; }

/* Partners Page */
#partnerList .partnerItem{}
	#partnerList .partnerItem .logoWrap, #partnerDetail .logoWrap{ background: #fff none; }

/* Location Page */
.locations #main_sidebar fieldset{ display: none; }

/* Our Newest Addition */
#main_left .our-newest-addition{ width: 200px; height: 93px; background: transparent url(Images/logo-madisonfmc.gif) no-repeat center top; display: inline; float: left; margin: 2px 0 0; overflow: hidden; text-indent: -999999em; }
#main_left .our-newest-addition2{ width: 200px; height: 125px; background: transparent url(Images/logo-crescent.gif) no-repeat center top; display: inline; float: left; margin: 2px 0 0; overflow: hidden; text-indent: -999999em; }

