@media print {
	body {-webkit-print-color-adjust: exact;}
}

html, body
{
	height:100%;
	overflow:hidden;
}


#contentcontainer
{
	position:absolute;
	top:20px;
	
	width:100%;
	height:100%;
	overflow:auto;
}

#overlay
{
	
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:white;
	opacity:.90;
	display:none;
	z-index:500;
	
}

.headermetrictext-right
{
	margin-left:1em;
	margin-right:1em;
	float: right;
}

.headermetrictext-left
{
	font-weight:bold;
	color: #777777;
}

.planItem
{

	background-size:100% 100%;background-repeat:no-repeat;
	position:absolute;
	font-family: Arial;
	font-size:14px; /* Must also be changed in app.AddPlanItemToDOM() if this value is changed  */
	text-align: center;
	word-wrap: break-word;
}

#printFooterDIV  .ribbon-section
{
	float:left;
	font-size:12pt;
	font-family:Arial;
	
	
}

#printFooterDIV
{

	width:98%;
	overflow:hidden;
	border: solid 1px #cccccc;
	padding:10px;
	margin-top:20px;
}

#printDIV
{

	border:solid 1px black;
	
}


.docSelectIcons
{

	display:inline;
	float:left;
	width:75px;
	height:90px;
	background-color:gray;
	margin:20px; 
	background-image: url("../img/icons/doc_icon.png");
	font: 12px Arial;
	margin:20px;
	text-decoration:none;
	color:black;
}

.docSelectIcons div
{
	position:relative;
	top:87px;
	text-align:center;
	
}