@charset "UTF-8";

/* =================================================
LOCAL STYLE SHEET
Use this to overwrite any of the global styles or add customized elements
================================================= */

/* Diagnostics File */
/*@import url("/TemplatePackage/css/B/diagnostics.css");*/

/* COLOR THEME -- ORANGE */
/*@import url("/TemplatePackage/css/B/theme-orange.css");*/

/* COLOR THEME -- PURPLE */
/*@import url("/TemplatePackage/css/B/theme-purple.css");*/

/* COLOR THEME -- ROSE */
/*@import url("/TemplatePackage/css/B/theme-rose.css");*/

/* COLOR THEME -- TAN */
/*@import url("/TemplatePackage/css/B/theme-tan.css");*/

/* COLOR THEME -- TEAL */
@import url("/TemplatePackage/css/B/theme-teal.css");

/* min-height rule for topic blocks container */
/*
.top-blocks dl{
	min-height: 50px;
}
*/

@charset "UTF-8";
body .top-blocks .c2, body .top-blocks .c1 {padding:0;}

.smallText {
	font-size: 0.9em;
}

.padText {
	margin-bottom: 20px;
}

.padImg {
	padding-right:2px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
}

.mainImg {
	float: right;
	padding-right:2px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
}

#twocolbox {
	padding: 0;
	margin: 0;
}

#twocolbox ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#twocolbox li.one {
	background-image: url('/cancer/skin/images/guide-umbrella.gif');
	background-repeat: no-repeat;
	background-position: 0 .4em;
	margin: 0; padding-left: 120px; padding-right: 0px; padding-top: 0px; padding-bottom: 15px;
}

#twocolbox li.two {
	background-image: url('/cancer/skin/images/guide-shirt.gif');
	background-repeat: no-repeat;
	background-position: 0 .4em;
	margin: 0; padding-left: 120px; padding-right:0px; padding-top: 0px; padding-bottom: 15px
}

#twocolbox li.three {
	background-image: url('/cancer/skin/images/guide-hat.gif');
	background-repeat: no-repeat;
	background-position: 0 .4em;
	margin: 0; padding-left: 120px; padding-right:0px; padding-top: 0px; padding-bottom: 15px
}

#twocolbox li.four {
	background-image: url('/cancer/skin/images/guide-glasses.gif');
	background-repeat: no-repeat;
	background-position: 0 .4em;
	margin: 0; padding-left: 120px; padding-right:0px; padding-top: 0px; padding-bottom: 15px
}

#twocolbox li.five {
	background-image: url('/cancer/skin/images/guide-sunscreen.gif');
	background-repeat: no-repeat;
	background-position: 0 .4em;
	margin: 0; padding-left: 120px; padding-right:0px; padding-top: 0px; padding-bottom: 30px
}

/* styles for USCS and SEER tables and charts */
.secHeading {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-weight: bold;
	color: #000;
	background-color: #ffecb9;
	font-size: 90%;
}

.table_line {
	background-color: #e5e5ce;
}

.centerText {
	text-align: center;
}

.charttitle {
	text-align: center;
	font-weight: bold;
}

table#uscsrate {
	text-align: center;
	border: 1px;
}

table#uscsrate th {
	white-space:nowrap;
	text-align:center;
}

table#uscsrate td {
	text-align:center;
}

table#uscsrate td.left {
	text-align:left;
}

/* styles for three-column ecard table */
table.cardPreviews, table.cardPreviews tr, table.cardPreviews td
{
	border: none;
	vertical-align: top;
	table-layout: auto;
}

.cardPreviews
{
	width: 100%;
	margin: 0px auto;
}

.cardPreviews img
{
	border: inset 2px #dfdfdf;
}

td.leftColumn
{
	text-align: left;
	width: 33%;
}

td.leftColumn div.cardPreview
{
	text-align: left;
}

td.leftColumn div.cardPreview div.cardImage
{
	text-align: left;
}

td.leftColumn div.cardPreview div.cardInfo
{
	text-align: left;
	padding-left: 0px;
}

td.centerColumn
{
	text-align: center;
	width: 33%;
}

td.centerColumn div.cardPreview
{
	text-align: center;
	margin: 0 auto;
}

td.centerColumn div.cardPreview div.cardImage
{
	text-align: center;
	margin: 0 auto;
}

td.centerColumn div.cardPreview div.cardInfo
{
	text-align: left;
	padding-left: 20px;
}

td.rightColumn
{
	text-align: right;
	width: 33%;
}

td.rightColumn div.cardPreview
{
	text-align: right;
}

td.rightColumn div.cardPreview div.cardImage
{
	text-align: right;			
}

td.rightColumn div.cardPreview div.cardInfo
{
	text-align: left;
	padding-left: 42px;
}

.hideDesktop{
	display:none;
}

.cdc-socialMedia .feed-item {
	border-bottom: 1px dotted gray;
	padding-bottom: 3px;
}

.cdc-socialMedia .feed-item.lastChild {
	border-bottom: none;
	padding-bottom: 0px;
}

/*#content #content-main .main-inner ul li .glossary, #content #content-main .main-inner p .glossary {
	border-bottom:1px dotted; text-decoration:none; color:#084239; font-weight:bold;
}

.popUpBlock {
	border:none; margin:0; border-spacing:1;
}

.hiddenalttext {
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}*/

#content #content-main .main-inner a.tooltip:link {text-decoration:none; border-bottom:1px dotted; color:#084239; font-weight:bold; background-color:#deeee9;}

#content #content-main .main-inner a.tooltip:visited {text-decoration:none; border-bottom:1px dotted; color:#084239; font-weight:bold; background-color:#deeee9;}

#content #content-main .main-inner a.tooltip span {display:none; padding:2px 3px; margin-left:0px; margin-top:10px; width:250px; text-decoration:none; z-index:2;}

#content #content-main .main-inner a.tooltip:hover span, #content #content-main .main-inner a.tooltip:focus span {display:inline; position:absolute; background: #deeee9; border:2px solid #084239; color:#000000; font-size:11px; font-weight:normal;}

/*a.tooltip1:link {text-decoration:none; border-bottom:1px dotted; background-color:#deeee9;}

a.tooltip1:visited {text-decoration:none; border-bottom:1px dotted; background-color:#deeee9;}

a.tooltip1 span {display:none; padding:2px 3px; margin-left:0px; margin-top:10px; width:125px; text-decoration:none; z-index:2;}

a.tooltip1:hover span {display:inline; position:absolute; background: #deeee9; border:2px solid #CCCCCC; color:#000000; font-size:11px;}


a.tooltip2:link {text-decoration:none; border-bottom:1px dotted; background-color:#deeee9;}

a.tooltip2:visited {text-decoration:none; border-bottom:1px dotted; background-color:#deeee9;}

a.tooltip2 span {display:none; padding:2px 3px; margin-left:0px; margin-top:10px; width:175px; text-decoration:none; z-index:2;}

a.tooltip2:hover span {display:inline; position:absolute; background: #deeee9; border:2px solid #CCCCCC; color:#000000; font-size:11px;}

a.tooltip3:link {text-decoration:none; border-bottom:1px dotted; background-color:#deeee9;}

a.tooltip3:visited {text-decoration:none; border-bottom:1px dotted; background-color:#deeee9;}

a.tooltip3 span {display:none; padding:2px 3px; margin-left:0px; margin-top:10px; width:330px; text-decoration:none; z-index:2;}

a.tooltip3:hover span {display:inline; position:absolute; background: #deeee9; border:2px solid #CCCCCC; color:#000000; font-size:11px;}


a.tooltip4:link {text-decoration:none; border-bottom:1px dotted; background-color:#deeee9;}

a.tooltip4:visited {text-decoration:none; border-bottom:1px dotted; background-color:#deeee9;}

a.tooltip4 span {display:none; padding:2px 3px; margin-left:0px; margin-top:10px; width:100px; text-decoration:none; z-index:2;}

a.tooltip4:hover span {display:inline; position:absolute; background: #deeee9; border:2px solid #CCCCCC; color:#000000; font-size:11px;}*/