@charset "UTF-8";
body {
}
/*----------------------------
	reset
------------------------------*/	
html, body{ height:100%; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-weight: 400;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}






/*----------------------------
	global
------------------------------*/


html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}



body {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	background: #0a4773;
	background-attachment: fixed;
	height: 100%;
}
html {
	height: 100%;
	-webkit-text-size-adjust: 100%;
}
#wrapper {
}
/** Clear Floats (http://www.positioniseverything.net/easyclearing.html) */
.clearfix:after, clearfix {
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html .clearfix {
	height: 1%;
}
.clear {
	clear: both;
}
img {
	max-width: 100%;
	height: auto;
}
select.searchSelect {
	padding: 5px;
	font-size: .875em;
	border: 1px solid #ccc;
	min-height: 34px;
}
strong {
	font-weight: 700;
}
i, em {
	font-style: italic;
}
/*----------------------------
	fonts and headers
------------------------------*/
a {
	color: #0e67a7;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a.resourceLink {
	font-weight: bold;
}
p, li {
	font-size: 1em;
	color: #4f4f4f;
	line-height: 1.56em;
	font-family: 'Open Sans', Tahoma, Geneva, sans-serif;
}
p.small {
	font-size: .8em;
}
p {
	margin: 0 0 1.25em 0;
}
h3, h4, h5 {
	/*color: #5d3a20;*/
	color: #4f4f4f;
	text-shadow: 0px 1px 1px #fff;
}
h1 {
	font-size: 2.2em;
	color: #fff;
	line-height: 1.0em;
	font-weight:400;
}
h2 {
	font-size: 2.5em;
	line-height: 1.1em;
	color:#0e67a7;
	margin-bottom:.5em; 
}
h3 {
	font-size: 1.8em;
	line-height: 1.1em;
	color: #0e67a7;
	margin-bottom:.4em;
}

.mainContent h3 {
	margin-top: 1.2em;
}

.mainContent ul {
	margin: 0 0 24px 20px;
}

.mainContent ol {
	margin: 0 0 24px 50px;
}

.mainContent ul ul {
	margin-bottom: 0;
}
.mainContent ul li {
	position: relative;
	list-style-type: none;
    padding-left: 1.1em;
    margin-bottom: .4em;
}

.mainContent ol li {
    position: relative;
    margin-bottom: .4em;
}

.mainContent ul li:before {
	font-family: Arial, sans-serif;
	position: absolute;
	left: 0;
	top: 0;
    content: "• ";
    color: #3882b3;
    font-size: 28px;
}

ul.twoCol {
	max-width: 600px;
	-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.calloutPhone a[href^=tel], .calloutPhone a {
	color: #fff;
	text-decoration: none;
}

.mainContent section {
	padding: 6px 0 24px;
}
.mainContent section p:last-child {
	margin-bottom: 0;
}


table {
	border-collapse: separate;
	padding: 1px;
	border: 1px solid #e6ebf0;
	margin: 12px 0 24px;
	/*width:100%;*/
}
td,
th {
	background: #e9eef2;
	border: 1px solid #fff;
	padding: 8px;
	font-size: .8em;
	line-height: 1.2em;
	text-align: center;
}
th {
	font-weight: bold;
	background: #d6e3ed;
}
th.col1 {
	background: #fff;
}
td.col1 {
	background: #dfe4e8;
	text-align: left;
}
td.indent {
	padding-left: 24px;
}
tr.empty td {
	height: 24px;
}

.chart-responsive.qualityMeasureCharts img,
.chart-responsive.qualityMeasureCharts table {
	max-width: 700px;
}

@media screen and (max-width: 650px){


	h2 {
		font-size: 1.6em;
		line-height: 1.1em;
	}
	h3 {
		font-size: 1.2em;
		line-height: 1.3em;
	}

	ul.twoCol {
		-webkit-column-count: auto;
	    -moz-column-count: auto;
		column-count: auto;
	}

	/*
		Tables, charts, graphs
		Only use .table-responsive if it's not inside .chart-responsive already.
	 */
	.table-responsive,
	.chart-responsive {
		width:100%;
		margin-bottom: 1em;
		overflow-y:hidden;
		overflow-x:scroll;
		-ms-overflow-style:-ms-autohiding-scrollbar;
		-webkit-overflow-scrolling:touch;
	}
	.table-responsive > .table {
		margin-bottom: 0;
		width:100%;
	}

	.chart-responsive {
		/*margin: 0 10px;*/
	}
	.chart-responsive .content {
		min-width: 600px; /* increase this for larger viewing area*/
	}
	.chart-responsive img.chart,
	.chart-responsive table {
		width: 100%;
	}
}



.highlightBox {
	background: #e9eef2;
	padding: 12px;
	margin: 28px 0 16px;
}
.highlightBox p:last-child {
	margin-bottom: 0;
}





/************************************************************************************
_HEADER and NAV
*************************************************************************************/
.mainHeaderWrapper {
	height: 95px;
	background: #fafbfd;
}
.mainHeader {
	position: relative;
	margin: 0 auto;
	padding: 0;
	max-width: 71.25em;
}

#logo {
	text-indent: -10000000px;
	overflow: hidden;
	background: url('../m/sih-cancer-institute.png') no-repeat;
	width: 267px;
	height: 42px;
	position: absolute;
	top: 30px;
	left: 20px
}
#logo a {
	width: 260px;
	height: 105px;
	display: block;
	cursor: pointer;
}
.annual-report-header{
	position: absolute;
	top: 37px;
	left: 300px;
	width: 50%;
	font-size: 1.2em;
	text-align: center;
}
a#menu {
	position: absolute;
	top: 10px;
	right: 20px;

	display: block;
	background: url('../m/i-menu.png') no-repeat 0 20px;
	width: 90px;
	height: 60px;
}

.h1-Wrap {
	width: 80%;
	float: left;
	margin-bottom:15px;
}

.print {
	position: absolute;
	bottom: 10px;
	right: 155px;
	width: 150px;
	font-size: 14px;
	text-align: right;
}
.print a:after {
	display: inline-block;
	vertical-align: middle;
	content: '';
	background: url(../m/printer.png) no-repeat;
	width: 24px;
	height: 20px;
	margin-left: 10px;
}
.pager {
	position: absolute;
	width: 140px;	
	text-align:right;
}
#contentHeaderInner .pager {
	bottom: 13px;
	right: 0;	
}
#footerInner .pager {
	top: 13px;
	right: 0;
}

.left-arrow,
.right-arrow {
	vertical-align: middle;
	display: inline-block;
	cursor: pointer;
	width: 15px;
	height: 16px;
	background: url(../m/arrow-sm.png) no-repeat;
}
.left-arrow{
	-ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.page-number{
	position: relative;
	top: -2px;
	vertical-align: middle;
	display: inline-block;
	text-align: center;
	padding-top: 2px;
	margin: 0 8px;
	color: #fff;
	font-size: 14px;
}

/* Floating arrows */
.next-arrow,
.prev-arrow {
	display: inline-block;
	position: fixed;
	cursor: pointer;
	top: 50%;
	width: 42px;
	height: 42px;
	background: url(../m/arrow.png) no-repeat 9px 0px;
}

.prev-arrow {
	left: 5px;
	-ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.next-arrow {
	right: 5px;
}



@media screen and (max-width: 1200px) {
	.prev-arrow,
	.next-arrow {
		opacity: .4;
		transition: opacity .2s ease;
		background-color: #3998ce;

		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;

		background-size: 13px 23px;
		background-position: 16px 10px;
	}

	.prev-arrow:hover,
	.next-arrow:hover {
		opacity: 1;
	}

}


@media screen and (max-width: 850px) {

	.mainHeaderWrapper {
		height: 115px;
	}
	#logo {
		top: 20px;
	}
	.annual-report-header{
		top: 68px;
		left: 20px;
		width: auto;
		text-align: left;
		margin:0 0 20px 0;
	}
	a#menu {
		top: 0;
		right: 20px;
		background: url(../m/i-menu-mobile.png) no-repeat 0 20px;
		width: 50px;
		height: 70px;
	}
	h1{
		padding-left:10px;
	}

	.print {
		bottom: 45px;
		right: 0;
	}
}


@media screen and (max-width: 650px) {

	.mainHeaderWrapper {
		height: 82px;
	}
	a#menu {
		top: -4px;
		right: 12px;
	}
	#logo {
/*		background: url(../m/sih-cancer-mobile.png) no-repeat;*/
		background-size: 180px 28px;
		z-index: 100;
	}
	#logo,
	#logo a {
		width: 220px;
		height: 30px;
	}

	.annual-report-header {
		top: 49px;
		left: 58px;
		font-size: .9em;
		line-height: 1.0em;
	}
	.annual-report-header span {
		display: none;
	}

	#contentHeaderInner .pager {
		bottom: -29px;
	}

	.prev-arrow,
	.next-arrow {
		display: none;
	}

	h1 {
		font-size: 1.4em;
	}
	.h1-Wrap {
		width: 100%;
		margin-bottom: 10px;
	}

	.print {
		display: none;
	}
}






/************************************************************************************
	_CONTENT
*************************************************************************************/


#contentWrapper {
	min-height: 354px;
	background: #0a4773 repeat-x 0 150px;
}

#content {
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
	padding-bottom: 1.25em;
}
#mainContentWrapper {
	max-width: 68.75em;
	margin: 20px auto 0;
	background: #fff;
}
.mainContent {
	padding: 50px 5%;
}

.graphic-description{
	display:block;
	border:1px solid #efefef;
	width:70%;
	padding:20px;
	margin:20px auto 20px;
	text-align:center;
	-webkit-box-shadow: 0 8px 6px -6px #8e8e8e;
	   -moz-box-shadow: 0 8px 6px -6px #8e8e8e;
	        box-shadow: 0 8px 6px -6px #8e8e8e;	
}

.contentColLeft{
	width:65%;
	float:left;
	margin-bottom:40px;
}

.contentColRight.toc{
	width:30%;
	float:left;
	background:url('../m/image-1.jpg') no-repeat;
	background-size: 100%;
    padding-top: 61.8%;
    height: 0;
	margin-left:5%;
}

.image-left-award{
	width:300px;
	float:right;
	margin-left:20px;
	margin-bottom:15px;	
	min-width:220px;
}

.image-right{
	width:440px;
	float:right;
	margin-left:20px;
	margin-bottom:15px;	
	min-width:220px;
}


/* Small desktop and up */
@media screen and (min-width: 900px) {
	#contentWrapper {
		background-image: url('../m/background-main.jpg');
	}
}

/* Small tablet and up */
@media screen and (min-width: 650px) {
	/* Keep content box at a minimum height */
	.mainContent {
		min-height: 400px;
	}
}


@media screen and (max-width:768px) {
	#mainContentWrapper {
		max-width: 68.75em;
		width: 100%;
	}
	.mainContent {
		padding: 25px 5%;
	}
	.image-right{
	    width:300px;
    }
}


@media screen and (max-width: 650px) {
	#mainContentWrapper {
		margin-top: 40px;
	}
	.graphic-description {
		width: 100%;
		padding: 15px;
	}
	.image-left-award{
		width:40%;
		float:right;
	}
	.contentColRight.toc{
		display:none;	
	}
	.contentColLeft {
		width: 100%;
		float: left;
		margin-bottom: 40px;
	}
	.image-right {
		width: 100%;
		text-align: center;
	}
}

@media screen and (max-width: 480px) {
	/* Keep content box at a minimum height */
	.image-left-award{
		width:100%;
		float:right;
		margin-left:20px;
		margin-top:5px;	
	}
}






/************************************************************************************
	_headers
*************************************************************************************/
#contentHeader {
	background: #0d70b4 url('../m/header-background2.jpg') no-repeat center top;
}

#contentHeaderInner {
	position: relative;
	max-width: 68.75em; /*1100p*/
	width: 96%;
	margin: 0 auto;
	padding: 2.1875em 0 0;
}

#contentHeaderInner a {
	color: #f2f6f9;
}
.socialPrint {
	width: 30%;
	float: right;
	position: relative;
	top: 1.475em;
}
.contentHeaderLeft {
	width: 60%;
	float: left;
}




@media screen and (max-width: 650px) {

	#contentHeaderInner {
		padding: 1.75em 0 0;
	}
}




/************************************************************************************
	_HOME PAGE
*************************************************************************************/
.home .mainContent h2,
.home .mainContent p{
	color:#fff;
}
.home .mainContent h2{
	width:50%;
	max-width:500px;
	margin-top:70px;	
}
.home .mainContent span{
	clear:both;
	font-size:1.8em;
	font-weight:100;
	display:block;
	line-height:1em;
}

/* View table of contents */
.viewTOC {
	margin: 0;
}
.viewTOC a {
	display: inline-block;
	color: #fff;
}
.viewTOC a:after {
	display: inline-block;
	vertical-align: middle;
	content: '';
	background: url(../m/arrow-circle.png) no-repeat;
	width: 32px;
	height: 32px;
	margin-left: 15px;
}





/* Tablet and up */
@media screen and (min-width: 961px) {
	.home #mainContentWrapper {
		background: url(../m/home-main1.jpg) no-repeat right top;
	}
	.home .mainContent {
		background: url(../m/background-home.png) no-repeat 30% top;
		min-height:536px;
	}
}
@media screen and (min-width: 769px) and (max-width: 960px) {
	.home #mainContentWrapper {
		background: #000 url(../m/home-main1-mobile.jpg) no-repeat 145% top;
	}
	.home .mainContent {
		background: url(../m/background-home-mobile.png) no-repeat 80% top;
		min-height:418px;
	}
	.home .mainContent h2 {
		width: 50%;
		max-width: 500px;
		margin-top: 30px;
		font-size: 2.1em;
	}
	
}


@media screen and (max-width: 850px) {	
	.home #mainContentWrapper {
		background: #000 url(../m/home-main1-mobile.jpg) no-repeat 175% top;
	}
	.home .mainContent {
		background: url(../m/background-home-mobile.png) no-repeat 63% top;
		min-height:418px;
	}
	.home .mainContent h2 {
		width: 50%;
		max-width: 500px;
		margin-top: 30px;
		font-size: 2.1em;
	}
	
}



/* Tablet and down */
@media screen and (max-width: 800px) {
	.home #mainContentWrapper {
		background: #1c619a;
	}
	.home .mainContent {
		padding-bottom: 60%;
		background: url(../m/home-radiation2-sm.jpg) no-repeat bottom left;
		background-size: contain;
	}
	.home .mainContent h2{
		width: auto;
		max-width: none;
		margin-top: 25px;
		font-size: 2.1em;
	}
}









/************************************************************************************
	_FOOTER
*************************************************************************************/

#footer {
	position: relative;
	max-width: 1100px;
	width: 96%;
	margin: 0 auto;
	padding: 2.25em 0;
	font-size: .875em;
	margin-top: 1.25em;
	color:#fff;
}
#footer p{
	color:#fff;	
}
#footer a {
	color: #67bdf4;
	text-shadow: none;
	text-decoration: underline;
}
#footer a:hover {
	text-decoration: none;
}
#footer-Col1 {
	width: 50%;
	float: left;
	margin-bottom: 20px;
}
#footer-Col1 a{
	display:block;
	margin-bottom:15px;
}

@media screen and (max-width: 650px) {
	#footer {
		width: auto;
		margin: 10px 20px 0;
	}
	#footer-Col1 {
		width: 100%;
		float: none;
	}
}






/************************************************************************************
Menu (side)
*************************************************************************************/
.sidrContainer {
	display: none;
}
.sidr {
	background: #5b6665;
}
.sidr ul {
	list-style: none;
}
.sidr ul li {
	display: block;
	border-bottom: 1px solid #757e7d;

	font-size: 16px;
	line-height: 1.3em;
	background:#596261;
	box-shadow: 7px 0px 9px -1px #47504F inset;
}
.sidr ul li ul li {
	font-size: 14px;
	line-height: 1.4em;	
	background:#667271;
}
.sidr ul li span {
	display: inline;
	padding: 0;
}
.sidr ul li a {
	padding: .625em 15px .625em 20px;
	display: block;
	border-bottom: 1px solid #232625;
	color: #f2f0f0;
	font-weight: 400;
}
.sidr ul li ul li a {
	padding: .625em 15px .625em 40px;
}
.sidr a:hover {
	background: #464f4e;
	text-decoration: none;
}

.sidr .close {
	text-transform: uppercase;
	font-size: 13px;
}
.sidr .close:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	background: url(../m/ico-x.png) no-repeat top left;
	width: 10px;
	height: 10px;
	margin-right: 10px;
}


@media only screen and (max-width: 380px) {
	#mobile-header {
		text-align: left;
	}
}