﻿/* Overrides to control the shadow on the home page ------------------------------*/
.s4-ca #PlaceHolderMainContainingDiv { background-image: none!important; }
.contentWrapper { background-image: none!important; }
.s4-ca{ background-image: none!important;  }
/* end shadow control */

#FAHomePageContent{padding:0px;min-width:996px; background:url(../../images/design/bg/bg-containerShadow.png) no-repeat center 454px transparent!important; }
#CallToActionsZone{position:relative;}
#ConciergeZone{clear:both;}
#CenterWebPartZones{ margin:0 auto;width:996px;padding:30px 0 0px 0; overflow:hidden;}


/* 1.2 BEGIN tabsHolder Concierge------------------------------*/

.tabsHolder {
	width: 934px;
	position: absolute;
	z-index: 2;
}

.tabsHolder .tabsContainer {
	background: #fff;
	width: 1020px;
	height: 89px;
	position: relative;
	z-index: 1;
	z-index: 0;
	margin: -170px 0 0 -5px;
}

.tabsHolder h5.tabsHolderName {
	background: url(../../images/design/bg/bg-head-tabsContainer.png) no-repeat left top;
	width: 300px;
	height: 37px;
	position: relative;
	left: 0px;
	top: 8px;
	z-index: 1;
	color: #fff;
	font-size: 18px;
	line-height: 27px;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	padding: 23px 21px;
}

.tabsHolder ul.mainTabs {
	padding: 0px;
	margin: 0px;
	position: absolute;
	right: 0px;
	top: 8px;
	z-index: 2;
}

.tabsHolder ul.mainTabs li, .tabsHolder ul.mainTabs li a, .mainPaneHover {
	display: block;
	color: #6c5b36;
	font-size: 19px;
	line-height: 22px;
	font-style: italic;
	text-align: center;
}

.tabsHolder ul.mainTabs li, .tabsHolder ul.mainTabs li a { color: #6c5b36; }

.mainPaneHover { color: #fff; }

.tabsHolder ul.mainTabs li { float: left; }

.tabsHolder ul.mainTabs li.tabsItem1 a {
	background: url(../../images/design/bg/bg-tabsItem1.png) no-repeat left top;
	width: 160px;
	height: 27px;
	padding: 23px 35px 25px 43px;
}

.mainPaneHover.tabsItem1 {
	width: 138px;
	height: 27px;
	padding: 38px 47px 29px 35px;
}

.tabsHolder ul.mainTabs li.tabsItem2 a {
	background: url(../../images/design/bg/bg-tabsItem2.png) no-repeat left top;
	width: 150px;
	height: 47px;
	padding: 13px 35px;
}

.mainPaneHover.tabsItem2 {
	width: 151px;
	height: 47px;
	padding: 28px 37px 19px 32px;
}

.tabsHolder ul.mainTabs li.tabsItem3 a {
	background: url(../../images/design/bg/bg-tabsItem3.png) no-repeat left top;
	width: 147px;
	height: 47px;
	padding: 13px 50px 13px 35px;
}

.mainPaneHover.tabsItem3 {
	width: 145px;
	height: 47px;
	padding: 28px 40px 19px 35px;
}

.tabsHolder ul.mainTabs li a { text-decoration: none; }

.tabsHolder ul.mainTabs li a:hover { color: #574319; }

.tabsHolder .mainPanes {
	position: relative;
	z-index: 999;
}

.tabsHolder .mainPane {
	background: url(../../images/design/bg/bg-mainPanes.png) no-repeat left top;
	padding: 0px 28px 70px 26px;
	width: 545px;
	height: 301px;
	position: relative;
	display: none;
	top:-505px;
}

.tabsHolder .mainPane1 {
	position: absolute;
	left: 298px;
	bottom: -18px;
	z-index: 1;
}

.tabsHolder .mainPane2 {
	position: absolute;
	left: 334px;
	bottom: -18px;
	z-index: 1;
}

.tabsHolder .mainPane3 {
	position: absolute;
	right: -41px;
	bottom: -18px;
	z-index: 1;
}

.tabsHolder .mainPaneHover {
	position: absolute;
	/*bottom: -85px;*/
	cursor: pointer;
	z-index: 999;
	margin-left:35px;
}

.tabsHolder .mainPane1 .mainPaneHover {
	background: url(../../images/design/bg/bg-tabsItemHover1.png) no-repeat center top;
	left: 7px;
}

.tabsHolder .mainPane2 .mainPaneHover {
	background: url(../../images/design/bg/bg-tabsItemHover2.png) no-repeat center top;
	left: 192px;
	bottom: -78px;
}

.tabsHolder .mainPane3 .mainPaneHover {
	background: url(../../images/design/bg/bg-tabsItemHover3.png) no-repeat center top;
	left: 370px;
}

.tabsHolder .mainPane h3 {
	color: #5091cd;
	font-size: 20px;
	line-height: 16px;
	padding: 10px 0 0;
	font-style: italic;
}
.spanClose{
	right:15px;
	top:7px;
	position:absolute;
	height:15px;
	overflow:hidden;
	width:16px;
	font-size:16px;
}
a.close-tab-button {
	background: url(../../images/design/elem/close.png) no-repeat left top;
	width: 16px;
	height: 15px;
	}
	
a.close-tab-button:hover {
	background-position: left -15px;
	}


.tabsHolder .mainPaneHolder {
	background: url(../../images/design/bg/bg-mainPaneHolder.png) no-repeat left top;
	width: 496px;
	height: 265px;
	overflow: hidden;
	padding: 24px 22px 0;
}

.tabsHolder .mainPaneCol {
	width: 225px;
	float: left;
}

.tabsHolder .mainPaneColLast {
	background: url(../../images/design/bg/bg-mainPaneBord.png) repeat-y left top;
	width: 248px;
	padding: 0 0 0 23px;
}
.tabsHolder .mainPaneCol h4 {
	color: #574319;
	font-size: 13px;
	line-height: 16px;
	padding: 0 0 14px;
}

.tabsHolder .mainPaneBox {
	width: 209px;
	padding: 0 0 4px;
	border-bottom: 1px solid #ddd9d1;
	margin: 0 0 25px;
}

.tabsHolder .mainPaneRow {
	width: 209px;
	padding: 0 0 5px;
}

.mainPaneRow label { padding: 0 0 5px; }

.tabsHolder .mainPaneRow input.mainPaneInp {
	background: none;
	color: #87795b;
	font-style: italic;
	font-size: 13px;
	line-height: 21px;
	height: 21px;
	display: block;
}

.tabsHolder .mainPaneRow input.codeInp, .tabsHolder .mainPaneRow input.keywordInp, .tabsHolder .mainPaneRow input.firstName, .tabsHolder .mainPaneRow input.lastName { width: 181px; }

.tabsHolder .mainPaneRow input.cityInp {
	width: 105px;
	float: left;
	margin: 0 5px 0 0;
}

.tabsHolder .selBox {
	position: relative;
	float: left;
}

.tabsHolder .mainPaneRow .selBox .newListSelected {
	background: url(../../images/design/bg/bg-sel-77.png) no-repeat left top;
	width: 77px;
}

.tabsHolder .mainPaneRow .selBox select {
	width: 77px!important;
	color: #87795b;
	font-size: 11px;
	height: 29px;
	line-height: 15px;
}

.submitBox a.paneBoxLink {
	display: block;
	color: #646464;
	font-size: 11px;
	line-height: 18px;
	text-transform: uppercase;
	float: left;
	margin: 7px 0 0 10px;
	text-decoration: none;
}

.submitBox {padding-top:0px !important;}

.radioHolder { padding: 3px 0 0; }

.radioRow { padding: 0px 0 0; }

.radioHolder, .radioRow { overflow: hidden; }

.radioCol {
	width: 124px;
	float: left;
}

.radioRow input, .radioRow label { float: left; }

.radioRow label {
	color: #574319;
	font-size: 12px;
	padding: 0 0 0 2px;
	display: block;
}
.tabsHolder fieldset, .tabsHolder img{
	border:0;
	margin-left:-10px;
}
/*END tabsHolder Concierge------------------------------*/


/*******************************
Webpart Zone Styles - this section contains globally reusable styles for webpart zones
*******************************/
.vertical-touts-wp-zone{width:315px;float:right;margin:35px 0 0 0;}
/*End Webpart Zone Styles*/

/*Override Jcarousel styles for Doctors Carousel to fit inside the MicroTab width*/
.jcarousel-skin-franciscanalliance .jcarousel-container-horizontal {width:630px;}
.jcarousel-skin-franciscanalliance .jcarousel-clip-horizontal {width:600px;}
.jcarousel-skin-franciscanalliance  .jcarousel-content-top{width:460px;}
/*End Override Jcarousel styles for Doctors Carousel*/

/* Find A Doctor Styling */
.tabsHolder #concierge-1 .mainPaneHolder { padding:0px 0px 24px; width:540px;}
.concierge-find-a-doctor-search-area { padding:0px; margin:7px 0px 0px 0px; }
.concierge-find-a-doctor-search-area .mainPaneCol {	width: 274px; padding:0px; margin:0px 0px 0px 22px;  }
.concierge-find-a-doctor-search-area .mainPaneColLast { width: 191px !important; padding-left:23px; margin:0px 0px 0px 0px;background-image: none; }
.tabsHolder .mainPaneCol h4.h4-find-a-doctor { margin:0px; padding:0px 0px 6px 0px!important; color:#005695!important; font-weight:normal; font-size:15px; font-style:italic; }
.concierge-find-a-doctor-search-area .radioHolder{ width:274px; padding-left: 0px; margin:0px;}
.concierge-find-a-doctor-search-area .radioCol{ width:137px; margin-bottom:10px;}
.concierge-find-a-doctor-search-area .radioCol .radioRow { white-space:nowrap; margin-bottom:0px; padding-bottom:0px;}
.concierge-find-a-doctor-search-area .searchOptions{ padding-left:10px; padding-top:10px; width:150px; }

.concierge-find-a-doctor-search-area .mainPaneRow.lastName { border-top: 1px dotted #b7b9b1; margin-top:10px; padding-top:15px; }
.concierge-find-a-doctor-search-area .mainPaneRow.radiusBox { border-bottom: 1px dotted #b7b9b1; margin-bottom:15px; padding-bottom:15px; }

.concierge-find-a-doctor-search-area .mainPaneRow label{ font-size:10px;}
.concierge-find-a-doctor-search-area .radioRow label{padding-top:2px; }

.concierge-find-a-doctor-search-area span.inp.physician-zip { float:left; width:78px; border-right:1px solid #b6b6b8;}
.concierge-find-a-doctor-search-area .inp.radius { float:left; width:78px!important; margin-left:9px; }
.concierge-find-a-doctor-search-area .mainPaneRow .inp.radius select { width:78px; }

/* Add by Austin for font Left column checkbox font styling*/
.concierge-find-a-doctor-search-area .New-Patients {margin-top:6px; font-size:11px; color:#574319;}
.concierge-find-a-doctor-search-area .New-Patients input { margin:1px 3px 0px 0px; padding: 0px; float:left;}
.concierge-find-a-doctor-search-area .New-Patients label { margin:0px 8px 0px 0px;font-weight:normal !important;width:200px;}
.concierge-find-a-doctor-search-area .check_box_newpatients{float:left;}
.concierge-find-a-doctor-search-area .check_box_newpatients label{font-size:12px;font-weight:normal;}

.concierge-find-a-doctor-search-area .FPN-Only {margin-bottom:3px; font-size:11px; color:#574319;}
.concierge-find-a-doctor-search-area .FPN-Only input { margin:1px 3px 0px 0px; padding: 0px; float:left;}
.concierge-find-a-doctor-search-area .FPN-Only label { margin:0px 8px 0px 0px;font-weight:normal !important;width:200px; }
.concierge-find-a-doctor-search-area .check_box_fpnOnly {float:left; }
.concierge-find-a-doctor-search-area .check_box_fpnOnly label {font-size:12px;font-weight:normal;}


A.btnBlue SPAN EM{font-size:12px;}



/* End Find A Doctor Styling */

/* Research a health condition styling */
.paneContent {
	overflow: hidden;
	}

.paneContentLeft {
	width: 220px;
	float: left;
	}

.browseBox {
	background: url(../../images/design/elem/line-horizontal.png) repeat-x left top;	
	margin: 45px 0 0;
	}	

.browseBox .browseText {
	color: #847350;		
	padding: 15px 0 5px;
	font:italic 13px Trebuchet MS;
	}
	
.browseBox .alphabet {
	overflow: hidden;
	padding-top:0px;
	margin-top:0px;
	}
	
.browseBox .alphabet a {
	float: left;
	color: #646464;
	font-size: 11px;
	line-height: 18px;
	margin: 0 10px 0 0;
	text-transform: uppercase;
	text-decoration: none;
	}
	
.browseBox .alphabet a:hover {
	text-decoration: underline;
	}
	
.paneContentRight {
	width: 318px;
	float: right;
	}

.paneContBoxBot {
	background: url(../../images/design/bg/bg-paneContBoxBot.png) no-repeat left bottom;
	padding: 0 0 10px;
	}

.paneContBoxTop {
	background: url(../../images/design/bg/bg-paneContBoxTop.png) no-repeat left top;
	padding: 10px 0 0;
	}

.paneContBox {
	background: url(../../images/design/bg/bg-paneContBox.png) no-repeat left top;
	min-height: 231px;
	position: relative;
	padding: 0px 15px 0px 0;
	overflow: hidden;
	}
	
.paneContBox img.people {
	position: absolute;
	left: 3px;
	top: 8px;
	z-index: 1;
	}
	
.paneContBoxIns {
	width: 176px;
	float: right;
	}
	
.paneContBoxIns .paneContBoxHeading	{
	font:italic 15px Trebuchet MS;
	color: #005191;	
	line-height: 16px;	
	padding: 0 0 0;
	}
	
.paneContBoxIns {
	overflow: hidden;
	position: relative;
	z-index: 2;
	}
	
.paneContBoxIns, .paneContBoxIns p {
	color: #6e6d6d;
	font-size: 12px;
	line-height: 15px;
	text-align: center;
	}
.paneContBoxIns p{
	padding-bottom:0px;
}
	
.listLinksTop {
	background: url(../../images/design/bg/bg-listLinksTop.png) no-repeat left top;
	padding: 5px 0 11px;
	}

.listLinksBot {
	background: url(../../images/design/bg/bg-listLinksBot.png) no-repeat left bottom;
	padding: 0 0 5px;
	}


ul.listLinks {
	background: url(../../images/design/bg/bg-listLinks.png) no-repeat left top;
	text-align: left;
	padding: 0px;
	margin: 0px;
	}

ul.listLinks li, ul.listLinks li a {
	display: block;
	color: #646464;
	line-height: 14px;
	text-decoration: none;
	text-transform: uppercase;
	font:bold 11px Trebuchet MS;
	}

ul.listLinks li {
	border-bottom: 1px solid #e8ddbb;
	}

ul.listLinks li.listLinksLast {
	border: none;
	}

ul.listLinks li a {
	padding: 4px 13px 4px;
	}
	
ul.listLinks li.listLinksLast a {
	padding: 4px 13px 2px;
	}
	
ul.listLinks li a:link {
	color: #646464;
	}	
	

ul.listLinks li a:hover {
	background: #f3e4b4;
	text-decoration: none;
	}	
	
a.yellowBtn, a.yellowBtn span {
	display: block;
	text-align: center;
	color: #574319;	
	line-height: 17px;
	text-decoration: none;
	text-transform: uppercase;
	font:bold 11px Trebuchet MS;
	}
	
a.yellowBtn {
	background: url(../../images/design/btn/yellowBtnRight.png) no-repeat right top;
	padding: 0 6px 0 0;
	float: left;
	}

a.yellowBtn:hover {
	background-position: right -27px;
	text-decoration: none;
	}

a.yellowBtn span {
	background: url(../../images/design/btn/yellowBtnLeft.png) no-repeat left top;
	padding: 5px 22px 5px 30px;
	}

a.yellowBtn:hover span {
	background-position: left -27px;
	}

.searchbutton{
	padding-top:5px;
}
/* End Research a health condition styling */
/*.radioBlock{width:250px;}*/
/*.tabsHolder .mainPaneRow label{display:inline;}*/
span.Choices-Title {color:#005191; font-size: 15px; font-family:Trebuchet; line-height: 16px; font-style: italic; padding: 0 0 3px; font-weight:bold;}
.radioBlock {
	padding: 0 0 0 0;
	}

.radioBlock h6 {
	color: #979797;
	font-size: 10px;
	line-height: 16px;
	text-transform: uppercase;
	padding: 0 0 0;
	}
	
.radioBlockRow {
	overflow: hidden;
	padding: 0 0 10px;
	}
	
.radioBlockCol {
	float: left;
	padding: 0 12px 0 0;
	}
	
.radioBlockCol input, .radioBlockCol label {
	display: block;
	float: left;
	}
	
.concierge-find-a-class-or-event .radioBlockCol label {
	padding: 2px 0 0 2px;
	color: #574319;
	font-size: 11px !important;
	/*line-height: 12px;*/
	}
.ui-datepicker{
	width:20em;
}

.concierge-find-a-class-or-event .mainPaneRow label{ font-size:10px;}
/* Find a class or event styling */
/* End Find a class or event styling */


/**** CLASSES & EVENTS MICROTAB ****/
.EventsULDiv{ float:left; max-width:360px; max-height:380px; overflow:hidden; }
#EventsCarousel{list-style:none; list-style-image:none; list-style-type:none !important;}
.EventsItem{ list-style-type:none !important; }
.eventList { padding:8px; }
.eventList:hover{ background-color: #fbf6e7; cursor:pointer;  border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }

.event-title-link, .EventTitleLink, .EventTitleLink:visited {color:#005695; font-size: 13px; font-weight:bold; margin-top:-16px; margin-left:80px; float:left; }
.event-start-date-tab{color:#5091cd; font-size: 11px; text-transform:uppercase; width:72px; text-align:right; display:block; }
.event-hospital-tab{color:#808080; font-size:13px; line-height:14px !important; margin: 6px 0px 3px 80px; display:block;  }
.event-location-tab{color:#979797; font-size:11px; text-transform:uppercase; margin-left:80px; display:block;}

.viewAll{ font-size:11px; clear:both; margin-left:10px; padding-top: 20px; display:block;}
.viewAll img { border:0px; }

#EventInfo{float:right;}

	/* Event Snippet/Preview box on right*/
	.grey-box { float:left; width:216px; }
	
	/* To hide the image on this, needs 2 changes. 
	1) Activate display none in the img.imagepreview
	2) Comment out the margin top in the subscription-block */
	img.imagepreview { 
	 max-width:216px; margin:-15px 0px 0px -19px; border-bottom:1px solid #e4e5e6;
	 margin-bottom:10px; /*display:none;*/ 
	}
	 
	.subscription-block { line-height:17px;}
	.subscription-box { padding-top:0px !important; margin-left:20px; }
	.subscription-box .subscription-box-inner { border-top-left-radius:6px; -moz-border-radius-topleft:6px; -webkit-border-top-left-radius: 6px; 
	 border-top-right-radius:6px; -moz-border-radius-topright:6px; -webkit-border-top-right-radius:6px; border-top:1px solid #dee0e2; }
	.subscription-box .subscription-box-inner p { margin-bottom:0px !important; }
	.orangeBtnHolder { margin: 8px auto; }
	a.orangeBtn { font-size:13px !important; padding-right:16px !important;}
	a.orangeBtn span { padding-left:16px !important; width:184px;}
	.subscription-block a.more { font-size:11px; color:#5a5a5a !important; } a.more img { border:0px;	}
	.subscription-block a.more:hover { text-decoration:underline !important; }

/* IMPORTANT VALUE HERE. The max-height below is controlling the jump with the microtabs, adjust as needed */
#microtabs { max-height:495px!important; overflow:hidden; }
