﻿

/* Initialize HTML
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


html { overflow-y: scroll; }

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden; }
	
/*layout - start*/
body
{
	background: url(../images/bg-gradient.png) repeat-x; 
	margin: 0;
	font-family:Helvetica;
}
#layout-box {
	background: url(../images/bg-main.png) no-repeat ;
	width: 1020px;
	margin: 0 auto;	
	/*height:600px;*/
	 }
	 
#main-box {
	background: url(../images/bg-shadow.png) 0 400px no-repeat;
	width: 948px;	
	padding: 20px 36px 5px 36px; 	
	float:left;
	}	
	
#side-col
{	
	float:left;
	width:175px;
	margin-left:-20px;
}
#main-col
{
	float:left;
	width:570px;
}
#inner-main-col
{
	margin-left:12px;
	float:left;
	width:570px;
}

div#logo
{
	width: 170px;
	height: 115px; 
	background: url(../images/logo-bridgeMBC.png) no-repeat;
	float:left;
}
div#innerlogo
{
	width: 170px;
	height: 114px; 
	background: url(../images/innerlogo-bridgeMBC.png) no-repeat;
	float:left;
}
/*layout - End*/
/*Footer - start*/

div#footer-content
{
	background: url(../images/footer-bottom.png) bottom no-repeat;
	width:948px;
	margin-left:-20px;	
	float:left;	
	margin-top:20px;
}
div#footer-content p
{
	padding:0 10px 10px 15px; 
}
table.footertable
{
	background: url(../images/footer-top.png) no-repeat;	
	color:#202c5f;
	font-weight:bold;
	font-size:8pt;
	text-align:center;
	width:948px;
	height:55px;	
}
table.footertable a
{	
	text-decoration:none;		
}
table.footertable a:hover
{	
	text-decoration:underline;		
}
/*Footer - End*/

/*Side box*/
div.sidebox
{
	background:url(../images/sidebox-bottom.png) bottom no-repeat;
	width:172px;		
	margin-top:15px;
	font-size:12px;
	font-weight:bold;
	color:#202c5f;	
	line-height:15px;
	float:left;	
	display:none;
	
}
div#home-sidebox
{
	display:block;
}
div.sidebox div
{
	background:url(../images/sidebox-top.png) no-repeat;
	float:left;
}
div.sidebox p
{	
	padding:15px 15px 5px 15px;
}
p#callout-content
{
	margin-bottom:5px;
	margin-top:-27px;
	font-size:10px;
	color:#666666;
}
p#callout-header
{
	font-size:12px;
	color:#7A2953;
	padding-bottom:0px;
	font-style:italic;
}
/*Side box*/

/*Home - Start*/
div#home-header-top
{
	background:url(../images/home-content-top.png)  no-repeat;
	width:773px;
	height:76px;
	margin:0px 0 0 -6px;
	float:left;
}
div#home-header
{
	background:url(../images/bg-home-content.png) no-repeat;
	width:778px;
	height:281px;
	margin:0px 0 0 -6px;
	color:#FFFFFF;	
	padding-top:12px;
	float:left;
}

div#home-header-content
{
	padding-left:25px;
	padding-right:80px;
	width:450px;
	float:left;	
}
div#globe
{
	background:url(../images/globe.png) no-repeat;		
	width:201px;
	height:271px;
	margin:-12px 0 0 577px;		
}
span#large-text
{
	font-size:28px;
	letter-spacing:4px;
}
span#medium-text
{
	font-size:18px;	
}
p.copy
{
	font-size:12px;
	font-weight:500;
}

div.bucket
{
	font-size:11px;
	color:#666666;
	padding:10px 15px 10px 20px;
}
div.bucket a
{
	font-size:12px;
	color:#202c5f;
}
div.bucket p
{
	margin-top:40px;
}
div.awareness-bucket
{
	background:url(../images/bg-awareness-bucket-off.png) no-repeat;	
	width:220px;
	height:188px;	
	margin-top:0px;
}
div.awareness-bucket-hover
{
	background:url(../images/bg-awareness-bucket-on.png) no-repeat;	
	width:220px;
	height:188px;	
	margin-top:0px;
}

div.bridge-survey-bucket
{
	background:url(../images/bg-brdg-survey-bucket-off.png) no-repeat;	
	width:220px;
	height:188px;	
	margin-left:0px;	
}
div.bridge-survey-bucket-hover
{
	background:url(../images/bg-brdg-survey-bucket-on.png) no-repeat;
	width:220px;
	height:188px;	
	margin-left:0px;
}
div.patient-tstmonial-bucket
{
	background:url(../images/bg-patient-tstmonial-bucket-off.png) no-repeat;	
	width:225px;
	height:188px;	
	margin-top:0px;
}
div.patient-tstmonial-bucket-hover
{	
	background:url(../images/bg-patient-tstmonial-bucket-on.png) no-repeat;
	width:225px;
	height:188px;	
	margin-top:0px;
}
table#buckets
{
	margin-left:-2px;
	width:775px; 
	table-layout:fixed;
}
/* Home - End*/
/*Common - Start*/
a
{
	color:#202c5f;	
}
div#page-top
{
	background:url(../images/bg-page-top.png) no-repeat;
	width:760px;
	margin-bottom:10px;	
}
div#page-content
{
	background:url(../images/bg-page-bottom.png) bottom left no-repeat;
	width:760px;
	margin-top:5px;
	padding-bottom:20px;float:left;
}
div#page-header
{
	background:url(../images/bg-page-header.png) no-repeat;
	width:746px;	
	height:67px;
	margin:5px 0 0 7px;		
	float:left;
}

div#page-header p
{
	padding:0px 0 0 30px;
	font-size:22px;
	color:#FFFFFF;
	width:450px;	
}
/*1 line title*/
div#page-header p#shorttitle
{	
	margin-top:20px;	
}
/*2 line title*/
div#page-header p#longtitle
{
	margin-top:10px;
}

div#page-desc
{
	color:#7A2953;
	font-size:11px;
	margin:10px 0 0 36px;
	font-weight:bold;
	width:550px;
	float:left;	
}

a.share
{		
	font-size:11px;
	font-weight:bold;
	margin:0px 0 0 43px;
	text-decoration:none;
	padding:0 15px 0 0;
	background:url(../images/share-with-a-frnd.gif) right  no-repeat;
}
.small-gray-text
{
	font-size:11px;
	color:#666666;
}
hr
{
	width:700px;
	color:#666666;
	height:1px;
	margin-bottom:5px;
}
.content
{
	font-size:12px;
	color:#666666;	
}
/*Common - End*/

/*Bridge Survey - Start*/
p.footnote
{
	margin:10px 50px 5px 0px;
}

h2.subtitle
{
	font-style:italic;
	color:#fb8705;
	font-size:18px;	
}

div#subcontent1
{
	float:left;
	width:350px;
	margin:10px 0 0 30px;	
}
span.downloadpdf, span.downloadpdf a
{
	color:#202c5f;
	font-size:11px;
	font-weight:bold;
}
div#subcontent2
{
	width:350px;	
	padding-left:10px;	
}

div#footnote
{
	margin:0px 50px 5px 30px;		

}

/*Bridge Survey - End*/

/*Patient testimonial - Start*/
div.leftcontent
{
	float:left;
	margin-left:5px;
	margin-right:5px;
	padding: 13px 15px 15px 5px;
	width:110px;	
}

div.leftcontent p.name-age
{
	font-style:italic;
	font-size:12px;
	margin:3px 0 0 10px;
	color:#fb8705;
	font-weight:bold;
}
div.leftcontent p.info
{
	font-style:italic;
	margin:0px 0 0 10px;
	color:#7A2953;
	font-size:11px;
}
div.rightcontent
{
	border:solid 1px black;
	line-height:16px;	
	padding-right:20px;
}
ul.nav {	
	margin:-3px 0 0 2px;
	width:800px;
	padding: 0;
	list-style: none; }	
	
	ul.nav li {
		float: left;
		margin-left: 22px; }
		
		ul.nav li a {
			float: left;
			display: block;
			font-size: 13px;
			font-style:italic;
			font-weight:bold;	
			text-decoration:none;		
			white-space:nowrap;
			color: #7A2953;
			background: url(../images/bg-patient-tab.png) no-repeat; 
			padding: 13px 0 0 15px;
			height: 25px ;
			width:86px;
			}			
					
		.nav.patient1 #nav-patient1 a,.nav.patient2 #nav-patient2 a, .nav.patient3 #nav-patient3 a,
		.nav.patient4 #nav-patient4 a, .nav.patient5 #nav-patient5 a,.nav.patient6 #nav-patient6 a,
		ul.nav li a:hover { background: url(../images/bg-patient-tab-on.png) no-repeat; 
		cursor:pointer;
		color:#fb8705;
		font-size: 16px;
		}
		
div.default-patient
{	
	display:block;
	padding:0px 10px 5px 35px;	
	margin-right:5px;
}
div.patient
{
	display:none;		
	padding:0px 10px 5px 37px;
	margin-right:5px;	
}
div.patient b
{
	color:Black;
}
			
/*Patient testimonial - End*/

/*MBC Awareness-start*/
div#awareness-content
{
	padding:10px 15px 0 35px;
	width:700px;
	float:left;
}

/*MBC Awareness-end*/


/*left navigation -start*/
	
ul#leftnav {
margin: 0 0 0px 0px; 
padding: 0;
list-style: none;
width: 170px; 
float: left;
}
ul#leftnav li {
	float: left;
	margin: 0; 
	padding: 0;	
}
ul#leftnav a {
	float: left;
	display: block;
	height: 30px;
	width: 172px;
	text-indent: 13px;
	padding: 7px 0 0 0px;
	font-size:12px;
	white-space:nowrap;
	color: #FFFFFF;
	font-weight:bold;
	font-family:Verdana;	
	text-decoration:none;	
	background-position: left bottom ;
}
ul#leftnav a:hover 
{
	color:#7a2953;
}
#home li.home a,
#aboutmbc li.aboutmbc a,
#mbcawarenessday li.mbcawarenessday a,
#bridgesurvey li.bridgesurvey a,
#patienttestimonials li.patienttestimonials a,
#pfizerscommitment li.pfizerscommitment a {
	background-position: left top;
	color:#7a2953;
}
ul#leftnav li.home a {
	background-image: url(../images/nav1.png);		
}
ul#leftnav li.aboutmbc a {
	background-image: url(../images/nav2.png);	
}
ul#leftnav li.mbcawarenessday a {
	background-image: url(../images/nav3.png);	
}
ul#leftnav li.bridgesurvey a {
	background-image: url(../images/nav4.png);	
}
ul#leftnav li.patienttestimonials a {
	background-image:url(../images/nav4.png);	
}
ul#leftnav li.pfizerscommitment a {
	background-image: url(../images/nav4.png);	
}
ul#leftnav li.blank a {
	background-image: url(../images/nav_off_blank.png);	
}

div#blankmenu
{
	background: url(../images/nav_off_blank.png) no-repeat;	
	float:left;
	width:170px;
	height:32px;	
}
/*left navigation -end*/

/*About MBC - start*/
div#aboutmbc-content
{
	padding:0px 25px 0 35px;
}
div#references a
{	
	text-decoration:none;	
}
div#references a:hover
{
	text-decoration:underline;
}

/*About MBC - end*/

/*Pfizer commitment- start*/
div#pfizercommitment-content
{
	padding:0px 25px 1px 34px;
}
/*Pfizer commitment- End*/