body {
	font-size : 90%;
	font-family : arial, helvetica, sans-serif;
}

h2#lastUpdate {
	font-size : 60%;
}

#container {
	width : 600px;
}

#contentBody, .contentBody {
	border : 0px;
}

#accessibleMenu, #utilityLinks, #mainNavigation, #backToTop, div.aroundTheCountry, div.nationalMap {
	display : none;
}

#breadcrumbs {
	margin-bottom : 25px;
}

#breadcrumbs ul {
	height : 1em;
	list-style-type : none;
	margin-left : 0px;
	padding-left : 0px;
	margin-bottom : 20px;
}

#breadcrumbs li {
	float : left;
}

div.nationalMap {
	clear : both;
	padding-top : 30px;
}

div.unitSurvivalGraph {
	position : relative;
}

div.popUpInfo {
	border : 1px solid #000;
	z-index : 5;
	padding : 2px;
	width : auto;
}

div.popUpInfo h3, div.popUpInfo h4, div.popUpInfo h5 {
	margin : 0px !important;
	padding : 0px !important;
	font-size : 100%;
}

div.graphMiddle {
	display : none;
}

p.statsInfo {
	font-size : 80%;
	margin : 0px 0px 60px 15px;
	padding : 0px 0px 0px 0px;
}

div.divPopupArrow {
	border : 1px solid #000;
}

div.unitSurvivalGraph div.divPopupArrow {
	margin-top : 16px !important;
	height : 19px !important;
}

div.nationalStatistics div.divPopupArrow {
	margin-top : 39px !important;
	height : 9px !important;
	padding : 0px !important;
	font-size : 0%;
}

div.nationalStatistics {
	margin-top : 25px;
	margin-bottom : 15px;
	position : relative;
	height : 100%;
}

div.noBorderBg {
	background : url(../Images/bgTransparent.gif) 460px 0px repeat-y transparent;	
	/* strange IE bug - the width of national statistics collapses if there is no background image at all */
}

div.nationalStatisticsFirst {
	border-top : 1px solid #666;
	width : 450px;
	height : 16em;
}

div.nationalStatisticsSecond {
	padding-top : 7px;
	width : 450px;	
	height : 16em;	
}

div.slider, div.sliderLegend {
	border : 1px solid #000;
}

div.graphRange {
	border-top : 1px solid #D1CFCF;
	border-left : 1px solid #D1CFCF;
	border-right : 1px solid #D1CFCF;
	border-bottom : 1px solid #666666;
}

div.sliderLegend {
	margin-top : 3px;
}

div.practiceProfileGraph span {
	display : block;
	height : 9px;
	width : 9px;
	font-size : 0%;
	float : left;
	margin-top : 3px;
	margin-right : 3px;
}

div.practiceProfileGraph div.graphKey {
	border : 1px solid #D1CFCF;
	width : 258px;
	padding : 2px 2px 2px 5px;
	background-color : #fff;
	margin-top : 5px;
	font-size : 80%;
}

div.practiceProfileGraph span.keyCoronary, td.surgeonPerformance div.barCoronary {
	border : 1px solid #999;
}

div.practiceProfileGraph span.keyIsolated, td.surgeonPerformance div.barIsolated {
	border : 1px solid #666;
}

div.practiceProfileGraph span.keyCombined, td.surgeonPerformance div.barCombined {
	border : 1px solid #333;
}

td, th {
	font-size : 100%;
	text-align : left;
	vertical-align : top;
}

#contentHeader h2, .contentHeader h2 {
	font-size : 145%;
	padding : 0px 0px 23px 0px;
	margin : 0px;
	border-bottom : 1px solid #666666;
}

#contentHeader div.relatedLinks, .contentHeader div.relatedLinks {
	width : 200px;
	top : 0px;
	right : 0px;
	position : absolute;
	height : 100%;
}

h3.subTitle {
	clear : both;
}

div.relatedLinks h3 {
	font-size : 100%;
}

#contentHeader div.links {
	margin-left : 15px;
	width : 100%;
}

#contentHeader div.relatedLinks ul {
	list-style-type : none;
	padding : 0px 15px 0px 0px;
	margin : 0px;
	font-size : 90%;
}

#contentHeader div.relatedLinks li {
	padding : 0px 15px 1em 0px;	
}

#contentHeader div.contentBorder {
	width : 66%;
	/*border-right : 1px dotted #666;	*/
	background : url(../Images/bgDotted.gif) top right repeat-y;
	border-top : 1px solid #fff;
	padding : 0px 15px 15px 0px;
	background-color : #fff;
}

#contentText {
	position : relative;
}

#backToTop, .backToTop {
	background : url(../Images/bgContentBottomRight.gif) no-repeat bottom right transparent;
	position : absolute;
	right : -1px;
	bottom : -1px;
	padding : 15px;
}

#backToTop a, .backToTop a {
	font-weight : bold;
	display : none;
}

.continueSurvival {
	position : absolute;
	bottom : 15px;
	left : 20px;
}

/* Break out boxes
Breakouts are comprised of four key divs: 
1) breakoutBody, 2) breakoutText, 3) breakoutFooter, 4) breakoutFooterText
Main text should set inside of breakoutText. The main reason there are four divs
here is to accomodate an resizeable box with curvey corners. It's probably better not
to use the breakoutFooter areas for text, as it may cause problems with the corners,
but at least it gives it some semantic meaning. */

div.breakoutBody {
	background : url(../Images/bgBreakoutTopLeft.gif) no-repeat top left #F9F8F3;
	width : 100%;
	height : 100%;
}

div.breakoutBody p {
	font-size : 90%;
}

.contentColumnThree {
	width : 300px;
}

.contentColumnThreeLast {
	position : absolute;
	right : 20px;
	top : 20px;
	width : 195px;
}

.clear {
	clear : both;
	display : block;
}

.center {
	text-align : center;
}

#introHomeText {
	width : 67%;
}

#introHomeText h3 {
	color : #A14F19;
	line-height : 1.2em;
	font-size : 100%;
}

#siteSponsors {
	float : right;
	width : 185px;
	font-size : 90%;
	text-align : left;
}

#siteSponsors h3 {
	color : #576220;
	font-size : 110%;
}

#siteSponsors h4 {
	background-repeat : no-repeat;
	text-indent : -1000em;
	overflow : hidden;	
}

#siteSponsors h4 a {
	width : 175px;
	height : 73px;
	display : block;
}

#sponsorHealthcare {
	background-image : url(../Images/buttonHealthcareCommission.gif);	
}

#sponsorSocietyCSGBI {
	background-image : url(../Images/buttonSocietyCSGBI.gif);
}

#accessibleMenu {
	display : none;
}

#breadcrumbs {
	padding : 0px;
}

#breadcrumbs ul {
	padding : 0px;
	margin : 0px;
	height : 1.5em;
	list-style-type : none;
	background-color : #fff;
}

#breadcrumbs ul li {
	float : left;
	margin-right : 0.4em;
}

.dotted-x {
	background : url(../Images/bgDotted.gif) top left repeat-x;
	height : 1px;
	margin-left : 15px;
	margin-right : 15px;
}

div.hr {
	background : url(../Images/bgDotted.gif) top left repeat-x;
	height : 1px;
}

div.hr hr { /* IE doesn't show background images in hr's properly */
	display : none;
}

div.dynamicLinks {
	font-size : 90%;
	line-height : 1.4em;
}

ul.unitLinks {
	padding : 0px;
	margin : 0px;
	list-style-type : none;
	font-size : 90%;
}

ul.unitLinks li {
	margin-bottom : 0.5em;
}

ul.survivalRatesListUnit {
	margin : 0px;
	padding : 0px;
	list-style-type : none;
}

ul.survivalRatesListUnit li {
	padding : 5px;
}

.even {
	background-color : #F7EDEE;
	border-bottom : 1px solid #E7DEDE;
}

.odd {
	background-color : #F9F8F3;
	border-bottom : 1px solid #F9F8F3;	
}

div.nationalStatistics {
	margin-top : 25px;
	margin-bottom : 15px;
	position : relative;
	background : url(../Images/bgDotted.gif) 460px 0px repeat-y transparent;
	height : 100%;
}

div.noBorderBg {
	background : url(../Images/bgTransparent.gif) 460px 0px repeat-y transparent;	
	/* strange IE bug - the width of national statistics collapses if there is no background image at all */
}

div.nationalStatisticsFirst {
	border-top : 1px solid #666;
	width : 450px;
	background-color : #F7EDEE;
	height : 16em;
}

div.nationalStatisticsSecond {
	padding-top : 7px;
	background : url(../Images/bgDotted.gif) top left repeat-x #F7EDEE;
	width : 450px;	
	height : 16em;	
}

div.nationalMap {
	position : absolute;
	right : 0px;
	top : 0px;
	width : 210px;
	height : 300px;
}

div.nationalMapAroundTheCountry {
	position : absolute;
	right : -235px;
	top : -1.3em;
	width : 210px;
	height : 300px;
}

div.aroundTheCountry {
	position : relative;
	padding-left : 15px;
}

div.aroundTheCountry h3, div.nationalMapAroundTheCountry h3 {
	font-size : 115%;
	color : #A14F19;
	margin-bottom : 30px;
}

div.otherSources {
	border-top: 1px solid #666;
	margin-top : 15px;
	padding-left : 15px;
}

div.otherSources h4 {
	font-size : 105%;
	padding-bottom : 18px;
	background : url(../Images/bgDotted.gif) bottom left repeat-x transparent;
}

div.nationalStatistics h3 {
	margin-bottom : 25px;
}

div.nationalStatistics h5 {
	font-size : 90% !important;
	margin-top : 5px;
	padding : 0px;
}

div.practiceProfileGraph td, div.practiceProfileGraph th {
	background : url(../Images/bgDotted.gif) top right repeat-y transparent;	
	padding : 5px;
}

tr.even td {
	background-color : #F7EDEE;
	border-bottom : 1px solid #E7DEDE;
}

tr.odd td {
	background-color : #F9F8F3;
	border-bottom : 1px solid #F9F8F3;		
}


div.surgeonProfile {
	padding-left : 15px;
	margin-top : 0px;
	padding-top : 0px;
	background : url(../Images/bgBreakoutTopLeft.gif) 0px -10px no-repeat;	
}

div.unitProfile table {
	width : 100%;
}

div.surgeonProfile table {
	width : 37.5em;
}

div.practiceProfileGraph th {
	font-size : 90%;
	font-weight : normal;
	padding-right : 10px;
}

div.practiceProfileGraph td {
	vertical-align : middle;
	font-size : 90%;
}

div.practiceProfileGraph span {
	display : block;
	height : 9px;
	width : 9px;
	font-size : 0%;
	float : left;
	margin-top : 3px;
	margin-right : 3px;
}

div.practiceProfileGraph div.graphKey {
	border : 1px solid #D1CFCF;
	width : 258px;
	padding : 2px 2px 2px 5px;
	background-color : #fff;
	margin-top : 5px;
}

div.practiceProfileGraph span.keyCoronary {
	background-color : #999;	
}

div.practiceProfileGraph span.keyIsolated {
	background-color : #666;
}

div.practiceProfileGraph span.keyCombined {
	background-color : #333;
}

div.surgeonProfile table th.surgeonName {
	visibility : hidden; 
}

div.practiceProfileGraph table th.surgeonName {
	width : 15em !important;
}

div.practiceProfileGraph table.surgeonProfile td.surgeonName, div.practiceProfileGraph table.surgeonProfile th.surgeonName {
	display : none;
}

div.practiceProfileGraphContent {
	background : url(../Images/bgBreakoutBottomRight.gif) top right no-repeat;
	width : 100%;
	float : right;
}

div.unitProfile .surgeonPerformance {
	background-image : none !important;
}

form {
	 margin : 0px;
	 padding : 0px;
}

div.lessThanThreeYears  {
	padding-left : 7px;
	margin-top : 6px;
}

div.lessThanThreeYears p {
	font-size : 90%;
	padding-left : 1em;
}

span.note {
	font-size : 150% !important;
	font-weight : bold;
	color : #558877;
	line-height : 1em;
	overflow : hidden;
	vertical-align : middle;
}

div.lessThanThreeYears span.note {
	float : left;
}

span.exampleKey {
	border : 1px solid #585858;
	font-weight : bold;
	font-size : 90%;
	color : #000;
	padding : 1px 3px 1px 3px;
	margin-right : 2px;
	margin-left : 2px;
	background-color : #FFCFAA;
}

img#imgUnit {
	border : 1px solid #ccc !important;
}

div.SurgeonProfileListDiv01 {
	white-space : nowrap !important;
	width : 265px !important;
}

div.SurgeonProfileListDiv02 {
	border : 1px solid #999;
	float : left;
}

div.SurgeonProfileListDiv03 {
	border : 1px solid #666;
	float : left;
}

div.SurgeonProfileListDiv04 {
	border : 1px solid #333;
	float : left;
}

div.breakoutBodyText {
	border : 1px solid #eee;
	padding-left : 15px;
	padding-right : 15px;
	font-size : 90%;
	margin-top : 10px;
	margin-bottom : 10px;
}