﻿@charset "UTF-8";
/* CSS Document */

/* Map Overlay
----------------------------------------- */

/* Custom Overlay Tabs */

a.tab {
	font-weight: bold;
	font-size: 1em;	
	text-decoration: none;
	color: #333 !important;
}

a.inactive {
	font-weight: bold;
	font-size: 1em;	
	text-decoration: none;
	color: #96929b !important;
	padding: 2px 20px 0 20px;
}

/* Panels */

.panel {
	width: 400px !important;
}

.panel a:link,
.panel a:visited,
.panel a:hover {
	color: #4155a3;
}
div#addressInfo, div#servicesInfo, div#offerInfo{
	min-height: 180px;
	float: left;
	width: 400px;
	clear: both;
}
*html #addressInfo, *html #servicesInfo, *html #offerInfo{
	height: 180px;
}
#addressInfo a {
    color: #c26bcd !important;
}
/* Clusterer Dialog Styles */
div#clusterWindow {
	position: relative;
	float: left;
	line-height: 16px;
	font-size: 14px;
	color: #666;
	margin-right: 15px;
}
div#clusterWindow span#header {
	display: block;
	background-color: #B2B2B2;
	font-weight: bold;
	color: #FFF;
	padding: 3px;
	height: 20px !important;
	width: 271px;
}
div#clusterWindow ul#clusterSet {
	list-style: none;
	width: 274px;
	margin: 0;
	padding: 0;
	top: 3px;
}
div#clusterWindow ul#clusterSet li {
	border: solid #8E827A;
	border-width: 0 0 1px;
	clear: both;	
	padding: 5px 0 2px 0;
	cursor: pointer;
	font-weight: bold;
}
div#clusterWindow ul#clusterSet li img {
	float: left;
	clear: left;
}
div#clusterWindow ul#clusterSet li span {
	display: block;
	float: left;
	padding: 5px 0 0 10px;
	width: 200px;
}
div#clusterWindow ul#clusterSet .last {
	border-width: 0 0 0px;
}
.clusterItemHover {
	background-color: #E1E1E1;
}
/* Address Panel 
------------------------------------------*/

div#addressPanel {
	width: 400px;
	background: #fff;
	line-height: 14px;
	font-size: 12px;
}
div#addressInfo dl dt {
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
	color: #333;
}
div#addressInfo dl {
	float: left;
	position: relative;
	width: 230px;	
}

div#addressInfo a {
	color: #BA7760;
}
div#addressPanel div#addressInfo div#addressPhoto {
	position: absolute;
	float: right;
	margin: 0;
	border: 0px solid #535353;
	padding: 0;
	line-height: 0px;
	font-size: 0px;
	right: 11px;
}
div#photoDrop {
	visibility: hidden;
	position: absolute;
	z-index: 1;
}
/* Footer Div */
div#tabFooter {
    float: left;
    clear: both;
	width: 400px;
	padding: 8px 0 0 0;
}

div#tabFooter ul {
	width: 400px;
	height: 23px;
}

div#tabFooter ul li {
	float: left;
	list-style: none;
	padding: 3px 10px 0 25px;
	margin: 0 10px 0 0;
	border: solid #ccc;
	border-width: 0 1px 0 0;
	height: 20px;
}

div#tabFooter ul li.panelBio{
	background: url('/Style%20Library/Images/icon_bio.gif') no-repeat top left;
}

div#tabFooter ul li.panelCTBC{
	background: url('/Style%20Library/Images/icon_ctbc.gif') no-repeat top left;
}
div#tabFooter ul li.panelOffer{
	background: url('/Style%20Library/Images/icon_offer.gif') no-repeat top left;
}

div#tabFooter ul li.last {
	border: none;
}

div#tabFooter a {
	color: #C26BCD;
	cursor: pointer;
}
div#tabFooter div#panel_callback {
	float: left;
	clear: both;
	width: 400px;
	height: 41px;
	border-bottom: 1px solid #CCC;
	background: url(/Style%20Library/Images/bkg_locatortab_rac.jpg) no-repeat top left;
}
div#tabFooter div#panel_callback .f_copy {
	float: left;
	display: inline;
	width: 230px;
	margin: 8px 0 0 90px;
	color: #666;
	font-size: 11px;
}
div#tabFooter div#panel_callback .f_cta {
	float: left;
	display: inline;
	margin-top: 20px;
}
label#tabFooter {
	margin: 0 0 2px 0;	
}
.tabline 
{
	float: left;
	clear: both;
	width: 100%;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	border-top: 1px solid #CCCCCC;
	margin-top: 10px;	
}
/* Driving Directions */

form#getDirections {
	float: left;
	clear: both;
	margin: 5px auto 0;
	width: 300px;
}

form#getDirections label {
	clear: both;
	display: block;	
}

input#gmaps_form_query {
	width: 150px;
	margin: 0 10px 0 0;
	background: #e3e3e3;
	border: 1px solid #a4a1a9;
}

input#addressSubmit {
	background: url(/Style%20Library/Images/btnGetDirections.gif);
	color: #fff;
	border: 0;
	margin: 0px;
	width: 112px;
	height: 21px;
	font-size: 1.10em;
	padding: 0 10px 0 0;
	cursor: pointer;
}

/* Services Panel 
------------------------------------------*/

div#servicesPanel {
	color: #333333;
	height: 185px;
	line-height: 14px;
	font-size: 12px;
}

div#servicesPanel dl#servicesListing dt {
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	color: #333;
}

div#servicesPanel dl#servicesListing dd {
	margin: 10px 0 0 0;
	font-size: 12px;
	line-height: 14px;
	color: #666;
}

/* Offer Panel 
------------------------------------------*/

div#offerPanel {
	color: #333333;
	line-height: 14px;
	font-size: 12px;
}
div#offerPanel div.doc_name {
	color:#333333;
	font-size:16px;
	font-weight:bold;
	line-height:18px;
	padding-bottom: 10px;
}
div#offerPanel dl#offerTab dt, div#offerPanel dl#offerTab dd {
	display: block;
	float: left;
	height: 152px;
}
div#offerPanel .nonada { background: url(/Style%20Library/Images/bkg_offertab_nonada.jpg) no-repeat 0px 30px; }
div#offerPanel dl#offerTab dt { width: 203px; }
div#offerPanel dl#offerTab dt.available { background: url(/Style%20Library/Images/bkg_offertab_cert.jpg) no-repeat top left; }
div#offerPanel dl#offerTab dt.unavailable { background: url(/Style%20Library/Images/bkg_offertab_nocert.jpg) no-repeat top left; }
div#offerPanel dl#offerTab dd {
	width: 192px;
	margin-left: 5px;
}
div#offerPanel dl#offerTab dd.available { background: url(/Style%20Library/Images/bkg_offertab_call.jpg) no-repeat top left; }
div#offerPanel dl#offerTab dd.unavailable { background: url(/Style%20Library/Images/bkg_offertab_nocall.jpg) no-repeat top left; }
div#offerPanel dl#offerTab div.p_head {
	height: 36px;
}
div#offerPanel dl#offerTab div.p_copy {
	height: 79px;
	width: 103px;
	margin-left: 10px;
}
div#offerPanel dl#offerTab dt div.p_copy { color: #FFF; }
div#offerPanel dl#offerTab dd div.p_copy { color: #666; }

div#offerPanel dl#offerTab div.p_cta, div#offerPanel dl#offerTab div.p_cta a {
	display: block;
	height: 16px;
	width: 103px;
	margin-left: 5px;
}
div#offerPanel div#offerPanelButton {
	position: relative;
	left: 98px;
	width: 254px;
}
div#offerPanel div#offerPanelButton img 
{
	float: left;	
}
div#offerPanel div#offerPanelButton input 
{
	padding: 25px 0 0 15px;
	float: left;
}
div#offerPanel div#offerPanelButton a 
{
	padding: 25px 0 0 15px;
	float: left;
}

/* Printable Voucher */

div#voucher {
	display: none; 
}
/* Map Overlay Styles (Bio, Voucher, Etc.)
------------------------------------------*/
/* Loading Screen Map Overlay */
div#loadingScreen {
	display: none;
	position: absolute;
	width: 509px;
	height: 522px;
	left: 477px;
	top: 7px;
	background: #CCC url('/Style%20Library/Images/rel_interstitial_loading.gif') center center no-repeat;
	z-index: 99998;
}
/* Global Map Overlay Styles */
div#mapOverlay {
	display: none;
	position: absolute;
	width: 509px;
	height: 522px;
	left: 477px;
	top: 7px;
	/* opacity:.75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75; */
	z-index: 99998;
}
div#mapOverlayTop {
	position: absolute;	
	width: 509px;
	height: 54px;	
}
div#mapOverlayTop div#moTopBkgDrop {
	background: url(/Style%20Library/Images/map_overlay_top.png) no-repeat;
	position: absolute;	
	width: 509px;
	height: 54px;	
}
div#mapOverlayTop div#moHeadlineDrop {
    position: absolute;
    top: 16px;
    left: 29px;
}
div#mapOverlayTop div#mapOverlayClose a {
    display: block;
	position: absolute;	
	width: 53px;
	height: 16px;
	top: 23px;
	left: 421px;
}
div#mapOverlayBottom {
	background: url(/Style%20Library/Images/map_overlay_btm.png) no-repeat;
	position: absolute;	
	width: 509px;
	height: 21px;
	top: 501px;	
}
div#mapOverlayLeft {
	background: url(/Style%20Library/Images/map_overlay_left.png) no-repeat;
	position: absolute;	
	width: 17px;
	height: 447px;
	top: 54px;	
}
div#mapOverlayRight {
	background: url(/Style%20Library/Images/map_overlay_right.png) no-repeat;
	position: absolute;	
	width: 17px;
	height: 447px;
	top: 54px;
	left: 492px;	
}

div#mapOverlayContent {
	position: absolute;	
	width: 475px;
	height: 447px;
	background: #fff;
	top: 54px;
	left: 17px;	
}

div#mapOverlayContentArea {
	position: relative;
	float: left;
	width: 472px;
	height: 447px;
	color: #707070;
	overflow: auto;
	background: #fff url(/Style%20Library/Images/overlay_content_bkg.jpg) repeat-x top left;
	left: 3px;
}

/* Overlay Content: BIO */
div#clinicBio {
	position: relative;
	float: left;
	width: 450px; /* outer container width - max scrollbar width (pc bigger than mac @ 15px) */
	overflow: hidden;
}
div#clinicBio h1 {
	line-height: 26px;
	font-size: 24px;
	color: #707070;
	font-weight: bold;
	margin: 0 0 0 34px;
	padding: 0;
}
div#clinicBio span#bioHeadlineCopy {
	display: block;
	line-height: 14px;
	font-size: 12px;
	color: #707070;
	margin: 15px 34px;
}
div#clinicBio div#generalInfo, div#treatments,
div#services, div#products,
div#locations, div#clinicBio div#clinicInfo {
	position: relative;
	float: left;
	width: 434px; /*mst be same as outer container*/
	left: 11px;
	font-size: 12px;
	line-height: 18px;
	color: #707070;
}
/* Uncomment this class to alternate background colors between sections
div#clinicBio .hasBackground {
	background: url('../../images/bio_area_bkg.jpg') top left repeat-y;
} */
div#clinicBio div#clinicInfo div#ciTop {
    position: relative;
	float: left;
	width: 434px;
	height: 7px;
	background: url(/Style%20Library/Images/bio_ci_top_bkg.gif) no-repeat top left;
	font-size: 0px;
	line-height: 0px;
}
div#clinicBio div#clinicInfo div#ciContent {
    position: relative;
	float: left;
	width: 434px;
	background: url(/Style%20Library/Images/bio_ci_mid_bkg.gif) repeat-y top left;
}
div#clinicBio div#clinicInfo dl {
	position: relative;
	float: left;
	width: 270px;
	margin: 0 10px 0 0;
	left: 23px;
}
div#clinicBio div#clinicInfo dl dt{
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 12px;
}
div#clinicBio div#clinicInfo div#clinicPhoto {
	position: relative;
	float: right;
	left: -11px;
	padding: 0;
	line-height: 0px;
	font-size: 0px;
}
div#clinicBio div#clinicInfo div#ciBtm {
    position: relative;
	float: left;
	width: 434px;
	height: 7px;
	background: url(/Style%20Library/Images/bio_ci_btm_bkg.gif) no-repeat top left;
}
div#clinicBio div#generalInfo span#specialties {
	position: relative;
	float: left;
	display: block;
	width: 411px;
	margin: 15px 10px 0 0;
	left: 23px;
}
div#clinicBio div#generalInfo div#miscInfo {
	position: relative;
	float: left;
	width: 411px;
	margin: 15px 10px 0 0;
	left: 23px;
}
div#clinicBio div#generalInfo div#miscInfo div.infoPair {
	position: relative;
	float: left;
	clear: both;
	width: 378px;
}
div#clinicBio div#generalInfo div#miscInfo div.infoPair div.infoLabel {
	position: relative;
	float: left;
	width: 150px;
	font-weight: bold;
}
div#clinicBio div#generalInfo div#miscInfo div.infoPair div.info {
	position: relative;
	float: left;
	width: 228px;
}
div#clinicBio div#hours {
    position: relative;
	float: left;
	width: 422px; 
	left: 34px;
	margin-top: 15px;
	font-size: 12px;
	line-height: 18px;
	color: #707070;
}
div#clinicBio div#hours span#hoursHeadline {
	font-weight: bold;
	display: block;
	float: left;
	clear: both;
	position: relative;
	width: 422px;
}
div#clinicBio div#hours div#hourData {
	float: left;
	width: 410px;
	clear: both;
	position: relative;
	margin: 7px 0 0 0;
}
div#clinicBio div#hours .hourColumn {
	float: left;
	border-right: 1px solid #E4E0DC;
	width: 14%;
	text-align: center;
}
div#clinicBio div#hours .hourTop {
	float: left;
	clear: both;
	width: 100%;
	height: 23px;
	border-bottom: 1px solid #E4E0DC;
}
div#clinicBio div#hours .hourBtm {
	float: left;
	clear: both;
	height: 32px;
	width: 100%;
	font-size: 11px;
	padding: 8px 0 0 0;
}
div#clinicBio div#hours .last {
	border-width: 0 0 0 0;
}
div#clinicBio .columnOne {
	position: relative;
	float: left;
	width: 123px;
	margin: 15px 0 0 0;
	font-weight: bold;
	left: 23px;
}
div#clinicBio .columnTwo {
	position: relative;
	float: left;
	width: 280px;
	margin: 15px 0 0 0;
	left: 23px;
}
div#clinicBio #lnkCloseBio 
{
	display: block;
	float: right;
	clear: both;
	font-size: 14px;
	text-decoration: none;
	color: #C26BCD;
	text-align: right;	
}
div#clinicBio #lnkCloseBio:hover
{
	color: #602E70;	
}
/* Overlay Content: REQUEST A CALLBACK */
div#requestCall {
	position: relative;
	float: left;
	width: 450px; 
	overflow: hidden; 
}
div#requestCall h1 {
	line-height: 26px;
	font-size: 24px;
	color: #958074;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
div#requestCallIntro {
	position: relative;
	float: left;
	left: 23px;
	width: 401px;
}
div#requestCallIntro h1 {
	line-height: 18px;
	font-size: 16px;
	color: #666;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
div#requestCallIntro p {
	line-height: 14px;
	font-size: 12px;
	color: #333;
	margin: 10px 0 0;
	padding: 0;
}
div#requestCall div#clinicInfo {
    position: relative;
	float: left;
	width: 434px;
	left: 11px;
	margin-top: 20px;
}
div#requestCall div#clinicInfo div#ciTop {
    position: relative;
	float: left;
	width: 434px;
	height: 7px;
	background: url(/Style%20Library/Images/bio_ci_top_bkg.gif) no-repeat top left;
	font-size: 0px;
	line-height: 0px;
}
div#requestCall div#clinicInfo div#ciContent {
    position: relative;
	float: left;
	width: 434px;
	background: url(/Style%20Library/Images/bio_ci_mid_bkg.gif) repeat-y top left;
}
div#requestCall div#clinicInfo div#ciBtm {
    position: relative;
	float: left;
	width: 434px;
	height: 7px;
	background: url(/Style%20Library/Images/bio_ci_btm_bkg.gif) no-repeat top left;
}

div#requestCall span.formNote {
	float: left;
	clear: both;
	position: relative;
	width: 273px;
	font-size: 13px;
	color: #666;
	font-weight: bold;
	margin: 0;
	margin-top: 8px;
	padding: 0 0 0 34px;
}
div#requestCall span#formError {
	float: left;
	clear: both;
	width: 400px;
	height: 0px;
	font-size: 13px;
	line-height: 16px;
	color: #FF0000;
	font-weight: bold;
	display: block;
	overflow: hidden;
	padding-left: 25px;
}
form#requestCallForm {
	float: left;
	position: relative;
	clear: both;
	width: 434px;
	left: 16px;
}
form#requestCallForm div.fieldPair {
	float: left;
	position: relative;
	width: 217px;
	margin-bottom: 5px;
}
form#requestCallForm div.fieldLabel {
	float: left;
	width: 217px;
	font-size: 13px;
	line-height: 15px;
	padding-top: 5px;
}
form#requestCallForm div.field {
	float: left;
	width: 217px;
}
form#requestCallForm div.fieldBackground {
	float: left;
	width: 203px;
	height: 19px;
	background: url('/Style%20Library/Images/ctbc_field_bkg.gif') no-repeat;
	padding: 1px 5px 0px 0px;
	font-size: 13px;
	line-height: normal;
}
form#requestCallForm .hasBackground {
	border: none !important;
	width: 191px;
	height: 14px;
	font-size: 11px;
	background: none !important;
	margin-top: 1px;
	margin-left: 12px;
}
form#requestCallForm div.field input {
	width: 180px;
}
form#requestCallForm div#surveyQuestions
{
	float: left;
	clear: both;
	width: 440px;
}
div#label_survey
{
	float: left;
	clear: both;
	width: 440px;
	font-size: 12px;
	line-height: 14px;
	padding: 15px 0 5px 0;	
}
form#requestCallForm div.surveyArea {
	float: left;
	width: 215px;
}
form#requestCallForm div.surveyArea span.surveyHeader {
	float: left;
	position: relative;
	font-size: 14px;
	line-height: 16px;
	color: #333;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
form#requestCallForm div.surveyArea span.surveyQuestion {
	float: left;
	position: relative;
	font-size: 12px;
	line-height: 14px;
	width: 180px;
	margin: 0;
	padding: 0;
	display: inline;
}
form#requestCallForm div.surveyArea span.surveyQuestion input {
	float: left;
	margin-right: 10px;
	width: auto;
	line-height: 14px;
}
form#requestCallForm div.surveyArea span.surveyQuestion label {
	float: left;
	font-size: 12px;
	line-height: 18px; /* required to line up with checkbox to left of label */
	width: 140px;
}
form#requestCallForm input#racSubmit {
	border-style: none;
border-color: inherit;
border-width: medium;
width: 103px;
	height: 31px;
	background: url(/Style%20Library/Images/btn_submit_form.gif) no-repeat top left;
	cursor: pointer;
	left: 313px;
}
div#racResponse {
	position: relative;
	float: left;
	width: 403px; /* 626 - L&R Margin (48*2 or 96) */ 
	left: 34px;
	top: 15px;
}
div#racResponse h1 {
	line-height: 22px;
	font-size: 20px;
	color: #333;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
div#racResponse h2 {
	line-height: 18px;
	font-size: 16px;
	color: #333;
	font-weight: bold;
	margin: 0;
	padding: 7px 0 15px 0;
}
div#racResponse span {
	display: block;
	width: 403px;
	line-height: 14px;
	font-size: 12px;
	color: #333;
	margin: 0;
	padding: 0 0 8px 0;
}
div#racResponse a {
	line-height: 14px;
	font-size: 12px;
	color: #C26BCD;
	margin: 0;
	padding: 0;
}
/* Overlay Content: VOUCHER */
div#offerVoucher {
	position: relative;
	float: left;
	width: 475px;
	left: 75px;
}
div#offerVoucher div#voucherArea {
	position: relative;
	float: left;
	width: 475px;
	height: 372px;
	background: url('/Style%20Library/Images/voucher_bkg.jpg') no-repeat top left;
}
div#offerVoucher div#voucherArea dl {
	position: relative;
	float: left;
	left: 89px;
	top: 196px;
	font-size: 12px;
	line-height: 15px;
	color: #818181;
}
div#offerVoucher div#voucherArea dt {
	font-size: 18px;
	font-weight: bold;
	padding: 0 0 10px 0;
}
div#offerVoucher input#voucherPrint {
	position: relative;
	float: left;
	left: 201px;
	width: 74px;
	height: 21px;
}
/* Misc */
.spacer1 {
	float: left;
	clear: both;
	width: 100%;
	height: 28px;
	font-size: 0px;
	line-height: 0px;	
}
.fieldError{
	color: #FF0000;
	font-weight: bold;
}
#voucherBkg {
	display: none;
}