/*
	DIOS Planning Component stylesheet
	This file is included conditionally by the
	prnHeader() function in the dios class
*/

body {
}

h1, h3 {
	padding-left: .2em;
}

li {
	padding: .3em;
}

/**
 * Plan styles
 */
.plan-approved {
	/*border: 1px solid #f44e4e;*/
	background: #f5b7b7;
}

.plan-rejected {
	/*border: 1px solid #ff7e00;*/
	background: #ffb400;
}

.plan-submitted {
	/*border: 1px solid #006699;*/
	background: #b7d9f5;
}

.plan-current, .plan-archived {
	/*border: 1px solid #2b9900;*/
	background: #BBF5B7;
}

a.progress:link, a.progress:visited {
	text-decoration: none !important;
	background-color: transparent !important;
	border-style: none !important;
}

a.progress:hover, a.progress:active {
	text-decoration: underline !important;
	background-color: transparent !important;
	border-style: none !important;
}

.timestamps {
	background-color: #eeeeee;
	border: 1px solid #666666;
	padding: .5em !important;
	margin: 0;
	margin-bottom: .5em;
	font-size: .8em;
	font-family: Verdana, Georgia, Helvetica, Sans-Serif;
}

/* RPHS indicator 1 - dialogue styles */
#addServiceRPHS, #editServiceRPHS { display: none; text-align: left; }
/*, #addProviderRPHS, #editProviderRPHS, #addLocationRPHS, #editLocationRPHS*/

/**
 * Main definitions
 */

a:link, a:visited {
	color: #0000FF;
	text-decoration: underline;
}

a:hover, a:active {
	color: #FF0000;
	text-decoration: underline;
}

.edit-box {
	border: 1px solid #EEEEEE;
	padding: 3px;
}

.edit-box .textbox {
	width: 100%;
	font-family: Verdana, Georgia, Helvetica, Sans-Serif;
}

.required {
	background-color: #eaadad;
	padding: .2em;
	margin-bottom: .1em;
}

.float-right {
	float: right;
}

.float-left, .float-left-clear {
	float: left;
}

.float-left-clear {
	clear: right;
}

.inline-hilight {
	text-align: justify;
	background-color: yellow;
	font-weight: bold;
	padding: .5em;
}

.new-line {
	clear: both;
	float: none;
}

.text-small {
	text-align: center;
}

.text-selected {
	font-size: 1.4em;
	/*display: none; - handled in javascript */
}

.text-align-right {
	text-align: right;
}

h3.text-plan {
	font-size: 1.2em;
	font-weight: bold;
}

#banners {
	float: right;
	width: 70%;/* same as #plan */
}

.plan-banner {
	float: right;
	padding: 0;
	padding-top: .3em;
	padding-bottom: .3em;
	/*background-color: #fff192;*/
	background-color: red;
	/*border: 1px dashed #ffc83c;*/
	border: 1px solid #eec5c5;
	width: 100%;
	margin: 0;
	margin-top: 0;
	margin-bottom: .8em;
	text-align: center;
	font-size: .8em;
	color: #ffffff;
}

.planIconLargeText {
	/* display: none; /* hide initially  - handled in javascript */
}

/* version boxes for plan/report icon; display on hover */
.versionBox { position: absolute; padding: .3em; }

.plan-icon-container {
	/*overflow: auto;
	overflow-x: auto;
	overflow-y: auto;*/
	position: relative;
	padding: 5px;
	background-color: #dddddd;
	/*border: 1px solid #666666;*/
	width: 90%;
	cursor: pointer;
}

.plan-render-container {
	margin: 0;
	margin-bottom: 1em;
	overflow: auto;
	overflow-x: auto;
	overflow-y: auto;
	position: relative;
	padding: 5px;
	background-color: #dddddd;
	/*border: 1px solid #666666;*/
	width: 90%;
}

.plan-icon-content {
	position: relative;
	overflow: auto;
	margin: 0;
	padding: 0;
	min-height: 82px; /* for ie7, firefox, etc. - height of plan image - was 144px for large plan image */
}

.plan-icon-rightbox {
	display: table;
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

.plan-render-img-archived, .plan-render-img-current, .plan-render-img-submitted, .plan-render-img-rejected, .plan-render-img-approved,
.plan-img-archived, .plan-img-current, .plan-img-submitted, .plan-img-rejected, .plan-img-approved {
	float: left;
	display: table;
	position: relative;
	background-image: url(/dios/images/plan_bg_small.gif);
	background-position: left center;
	/*background-position-x: left;
	background-position-y: center;*/
	background-repeat: no-repeat;
	font-size: .8em;
	width: 130px;
	height: 72px; /* height of plan image */
	margin: 0;
	padding-left: 7px;
	padding-top: 10px;
}

/* for the Plan::Render() function */
.plan-render-img-archived, .plan-render-img-current, .plan-render-img-submitted, .plan-render-img-rejected, .plan-render-img-approved {
	background-image: url(/dios/images/plan_bg.gif);
	height: 144px; /* height of plan image */
}

.plan-icon-cnr1, .plan-icon-cnr2, .plan-icon-cnr3, .plan-icon-cnr4 {
	position: absolute;
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
}

.plan-icon-cnr1 {
	background-image: url(/dios/images/plan_icon_cnr1.gif);
	left: 0px;
	top: 0px;
}

.plan-icon-cnr2 {
	background-image: url(/dios/images/plan_icon_cnr2.gif);
	right: 0px;
	top: 0px;
}

.plan-icon-cnr3 {
	background-image: url(/dios/images/plan_icon_cnr3.gif);
	left: 0px;
	bottom: 0px;
}

.plan-icon-cnr4 {
	background-image: url(/dios/images/plan_icon_cnr4.gif);
	right: 0px;
	bottom: 0px;
}

.plan-icon-divider {
	position: relative;
	clear: both;
}

.plan-img-approved h3, .plan-render-img-approved h3 {
	width: 100px;
	background-color: #f5b7b7;
	border: 1px solid #f44e4e;
	padding: 0;
	padding-left: 1px;
	margin: 0;
}

.plan-img-rejected h3, .plan-render-img-rejected h3 {
	width: 100px;
	background-color: #ffb400;
	border: 1px solid #ff7e00;
	padding: 0;
	padding-left: 1px;
	margin: 0;
}

.plan-img-submitted h3, .plan-render-img-submitted h3 {
	width: 100px;
	background-color: #b7d9f5;
	border: 1px solid #006699;
	padding: 0;
	padding-left: 1px;
	margin: 0;
}

.plan-img-current h3, .plan-render-img-current h3,
.plan-img-archived h3, .plan-render-img-archived h3 {
	width: 100px;
	background-color: #BBF5B7;
	border: 1px solid #2b9900;
	padding: 0;
	padding-left: 1px;
	margin: 0;
}

/* for Plan::Render() method */
.plan-render-img-approved h3, .plan-render-img-rejected h3,
.plan-render-img-submitted h3, .plan-render-img-current h3 {
	margin-left: 7px;
}

.plan-details-collapsed, .plan-details-collapsed-footer,
.plan-options-collapsed, .plan-options-collapsed-footer { /* container for the plan details/options when displayed in 'collapsed view' */
	border: 1px solid #666666;
	background-color: #ffffff;
	/*font-size: .8em; - disabled for themes */
	margin-bottom: 5px;
	width: 100%;
}

.plan-details-collapsed p, .plan-details-collapsed-footer p,
.plan-options-collapsed p, .plan-options-collapsed-footer p { /* container for the plan details/options when displayed in 'collapsed view' */
	/*font-size: .8em; - disabled for themes */
}

.plan-details-collapsed-tr, .plan-options-collapsed-tr { /* heading for the plan details/options when displayed in 'collapsed view' */
	color: #ffffff;
	border: 1px solid #666666;
	background-color: #666666;
	text-align: center;
	font-size: .8em;
}

.plan-details-collapsed-tr p, .plan-options-collapsed-tr p { /* heading for the plan details/options when displayed in 'collapsed view' */
	font-size: .9em;
}

.title {
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 1.2em;
	color: #006699;
	text-align: center;
	margin-top: 0;
	border: 1px outset #999999;
	background-color: #eeeeee;
	background-image: url(/dios/images/title_bg_pr.gif);
	background-repeat: repeat-x;
}

h3.bar, div h3.bar {
	background-color: #eeeeee;
}

#loading-image { /* message that displays while another page is loading */
	display: none;
}

#message {
	width: 100%;
}

/* plan sticky alert */
#sticky_plan-alert {
	position: absolute;
	right: 0;
	top: 62px;
	width: 300px;
	padding: .3em;
	text-align: center;
	border-width: 5px;
}

/* other stickies */
#formButtonControlsHover {/* hover controls for plan edit (shown when scrolling past the bottom of the page) */
	/*display: none;*/
	text-align: center;
	padding: .3em;
	z-index: 100; /* try to make sure it stays on top of everything else on the page */
	/* add drop shadow */
	box-shadow: 0 0 15px #666666;
	-moz-box-shadow: 0 0 15px #666666;
	-webkit-box-shadow: 0 0 15px #666666;
}

#formIndicatorDetailsSticky {/* 'sticky' some controls for indicator details page */
	text-align: center;
	padding: .3em;
	z-index: 100; /* try to make sure it stays on top of everything else on the page */
	/* add drop shadow */
	box-shadow: 0 0 15px #666666;
	-moz-box-shadow: 0 0 15px #666666;
	-webkit-box-shadow: 0 0 15px #666666;
}

#plan {
	width: 70%; /* this is the width of the content on the right/hand side of screen. #menu in plan_menu.css accounts for the rest of screen width */
	margin-left: 1%;
	float: right;

	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 1em;
}

#planHeader {
	margin-bottom: .5em;
}

#title-org {
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 1.2em;
	color: #006699;
	text-align: center;
	margin-top: 1em;
	border: 1px outset #999999;
	background-color: #eeeeee;
}

/*#title-submit {
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 1.2em;
	color: #006699;
	text-align: center;
	margin-top: 1em;
	border: 1px outset #999999;
	background-color: #EEEEEE;
}*/

#title-pa {
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 1.2em;
	color: #006699;
	text-align: center;
	margin-top: 1em;
	border: 1px outset #999999;
	background-color: #EEEEEE;
}

#title-dom {
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 1.2em;
	color: #006699;
	text-align: center;
	margin-top: 1em;
	border: 1px outset #999999;
	background-color: #EEEEEE;
}

#title-obj {
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 1.2em;
	color: #006699;
	text-align: center;
	margin-top: 1em;
	border: 1px outset #999999;
	background-color: #EEEEEE;
}

#title-ind {
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 1.2em;
	color: #006699;
	text-align: center;
	margin-top: 1em;
	border: 1px outset #999999;
	background-color: #EEEEEE;
}

#progress-box {
	float: right;
	position: absolute;
	display: none; /* initially set hidden */
	font-family: Arial, sans-serif;
	border: 1px solid #006699;
	background-color: #FFF192;
	text-align: left;
	width: 200px;
	right: 5%;
	top: 20%;
	width: 500px !important;
	padding: .3em;
	border: 2px solid #666666;
	overflow: auto;
	z-index: 100; /* try to make sure it stays on top of everything else on the page */

	/* add drop shadow */
	box-shadow: 0 0 15px #666666;
	-moz-box-shadow: 0 0 15px #666666;
	-webkit-box-shadow: 0 0 15px #666666;
}

#progress-box h3 {
	margin: 0;
	margin-top: .3em;
	padding: 0;
	font-size: 1em;
}

#progress-box h4 {
	margin-bottom: 0;
	margin-top: .3em;
	padding-bottom: 0;
	font-size: .9em;
}

#progress-box ul { /* progress box common unordered list formatting */
	list-style-type: disc;
	margin: 0;
}

#progress-box li { /* progress box common unordered list formatting */
	list-style-position: inside;
}

ul.progress-n { /* progress box national components */
	padding-top: .3em;
	padding-left: .5em;
	padding-right: .5em;
	padding-bottom: .3em;
	margin-top: 5px;
	background-color: #fff0d1;
	border: 1px dashed #666666;
}

ul.progress-c { /* progress box common pool components */
	padding-top: .3em;
	padding-left: .5em;
	padding-right: .5em;
	padding-bottom: .3em;
	margin-top: 5px;
	background-color: #ddddff;
	border: 1px dashed #666666;
}

ul.progress-l { /* progress box local components */
	padding-top: .3em;
	padding-left: .5em;
	padding-right: .5em;
	padding-bottom: .3em;
	margin-top: 5px;
	background-color: #b9d3ff;
	border: 1px dashed #666666;
}

.progress-asd { /* progress box asd component */
	padding-top: .3em;
	padding-left: .5em;
	padding-right: .5em;
	padding-bottom: .3em;
	margin-top: 5px;
	background-color: #00e7ac;
	border: 1px dashed #666666;
}

ul.progress-p { /* progress box programs */
	padding-top: .3em;
	padding-left: .5em;
	padding-right: .5em;
	padding-bottom: .3em;
	margin-top: 5px;
	background-color: #ffffff;
	border: 1px dashed #666666;
}

ul.progress-t { /* progress box totals */
	padding-top: .3em;
	padding-left: .5em;
	padding-right: .5em;
	padding-bottom: .3em;
	margin-top: 5px;
	background-color: #eeeeee;
	border: 1px dashed #666666;
}

.comments-panel {
	display: none; /* set hidden initially */
	padding: .3em;
	background-color: #EEEEEE;
	border: 2px solid #666666;
	color: #000000;
	z-index: 100; /* try to make sure it stays on top of everything else on the page */
}

.comments-panel-h3 {
	display: none; /* set hidden initially */
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #006699;
	text-align: center;
	border: 1px outset #999999;
	background-color: #EEEEEE;
	background-image: url(/dios/images/icon_move.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.comments-panel-close {
	display: none; /* set hidden initially */
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #ff3333;
	text-align: center;
	border: 1px outset #999999;
	background-color: #EEEEEE;
	cursor: pointer;
}

.comments-panel-roll {
	display: none; /* set hidden initially */
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #3333ff;
	text-align: center;
	border: 1px outset #999999;
	background-color: #EEEEEE;
	cursor: pointer;
}

/* the comments iframe */
#comments-frame {
	margin-top: 25px;
	background-color: #ffffff;
	width: 100%;
	height: 90%;
	color: #000000;
}

/* compare plans iframe */
#compareFrame {
	background-color: #ffffff;
	border-style: none;
	border-width: 0px;
	width: 90%;
	height: 600px;
	overflow: auto; /* show scroll bars if we need them */
}

.statistics {
	clear: both;
	width: 50%;
	margin-top: 1em;
	padding: .5em;
	border: 1px solid #666666;
	background-color: #EEEEEE;
}

.statistics p {
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 1.2em;
	color: #006699;
}

a.progress:link, a.progress:visited {
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 1em;
	color: #006699;
	text-align: center;
	border: 1px outset #999999;
	background-color: #EEEEEE;
	text-align: center;
}

/* image/file attachment containers */
#org-chart-container, #accred-cert-container {
	width: 100%;
	overflow: auto;
}

#income-statement-container, .income-statement-container {
	overflow: auto;
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 1em;
}

#org-chart, #accred-cert, #income-statement {
	border: 1px solid #666666;
}

/* attached file image is within this container */
.attached-file-container {
	width: 100%;
	overflow: auto;
}

.attached-file {
	border: 1px solid #666666;
}

#plan form {
	font-size: 0.9em;
}

#planSelectButton {
	cursor: pointer;
}

/**
 * Progress bar
 */
#progress-container {
	float: right;
	text-align: right;
	padding: .3em;
	padding-bottom: 0;
	margin: 0;
}

#progress-bar {
	font-family: Verdana, Arial, Sans-serif;
	font-size: 8pt;
	vertical-align: middle;
	text-align: right;
	background: #BBF5B7;
	height: 12px;
}

#progress-text {
	float: right;
	text-align: left;
	font-family: Verdana, Arial, Sans-serif;
	font-size: .8em;
	padding-right: .5em;
}

table.progress {
	width: 100%;
	padding: 0;
	border-style: none;
}

td.progress-l {
	width: 50%;
	text-align: left;
}

td.progress-r {
	width: 50%;
	text-align: right;
}

td.progress-asd {
	width: 50%;
	text-align: left;
}

table.fte-totals {
	width: 100%;
}

td.fte-totals {
	width: 30%;
	border: 1px solid #000000;
}

table.details {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
}

td.details {
	border: 1px solid #666666 !important;
}

td.details-heading {
	background-color: #eeeeee;
	border: 1px solid #666666 !important;
}

/**
 * Plan NQPS components
 */

.focusAreaTable, .focusAreaTableUI {
	border: 1px solid #000000;
	padding: .5em;
	margin-bottom: 1em;
}

.focusAreaTable {
	background-color: #eeeeee;
}

/*
When displaying a table of indicators within a objective, or objectives within a domain etc
They get displayed in a table-children
*/
table.table-children, iframe table.table-children {
	width: inherit;
	font-size: 10pt;

	font-family: Verdana, Arial, Sans-Serif;
	padding: 1px;
	margin: 1px;
	font-size: 11pt;
}

table.table-children th, iframe table.table-children th {
	border: 1px solid black;
	font-size: 10pt;
	text-align: left;
	vertical-align: top;

	font-family: Verdana,Arial,Sans-Serif;
	padding: 1px;
	margin: 1px;
	font-size: 11pt;
}

table.table-children td, iframe table.table-children td {
	border: 1px solid black;
	vertical-align: top;
	padding: 5px;

	font-family: Verdana,Arial,Sans-Serif;
	padding: 1px;
	margin: 1px;
	font-size: 11pt;
}

/* row has cells of ind-level, ind-text, ind-info, ind-options-status */

tr.notincluded td.ind-level,
tr.notincluded td.ind-text,
tr.notincluded td.ind-info
{
	background-color: #CCCCCC;
	border-color: #BBBBBB;
}

tr.included td.ind-options-status ,
tr.notincluded td.ind-options-status
{
	background-color: #CCFFCC;
}

tr.notset td.ind-options-status ,
tr.notset td.ind-options-status
{
	border-color: orange;
	border-width: 2px;
	border-style: dashed;
}



/*
Control how DOI content gets displayed, expecially the HTML content
Contain it in a div
*/

/* A div that contains what you want to scroll if overflow occurs */
div.scrolloverflow {
	overflow: auto;
	width: 98%; /* need actual width here for the scroll to work (inherit not good) */
}

.obj-table {
	width: 100%;
}

.obj-text {
	/* try to fix overflow at low res */
	overflow: auto;
	width: 98%; /* need actual width here for the scroll to work (inherit not good) */
	/*font-size: .8em;*/
}

.obj-rationale {
	overflow: auto;
	width: 95%;
	/*font-size: .9em;*/
}

/* div to contain previous context table for 0910 Characteristics (hidden by default) */
.previousContextTable {
	background-color: #eeeeee;
	border: 1px solid #666666;
	margin-bottom: 2em;
	padding: .5em;
}

/* div to contain previous characteristic field for 0910 Characteristics (hidden by default) */
.previousChar {
	background-color: #eeeeee;
	border: 1px solid #666666;
	margin-bottom: 2em;
	padding: .5em;
}

.program12MonthOnly {
	border: 2px solid #77EB6F;
	padding: 5px;
	background-color: #FFA500;
}

/**
 * Qcodo
 */
.warning {
	color: red;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 1em;
	font-weight: bold;
}

.item_label {
	padding-left: 3px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 1em;
	font-weight: normal;
	display: block;
	background-color: #eeeeee;
	margin-bottom: 5px;
}

.item_br {
	display: none; /* No need to use the br as the label is display:block */
}

.item_text {
	overflow: auto;
	display: block;
	border: 1px solid black;
	padding-left: .5em;
	padding-right: .5em;
}

.item_label_incomplete, .item_label_incomplete p {
	background-color: #ffffbb;
}


/*
The following 2 textbox classes are the same, except for width = 100% for P tags
With padding P tags blew out to greater than 100% width in Firefox.
*/

textarea.textbox {
	padding: 5px;
	width:100%;
	border: 1px solid #666666;
	border-color: #666666;
	/* background-color: #FFFFEE; */
}

p.textbox {
	padding: 5px;
	/* width:100%; REMOVED, see comment above */
	border: 1px solid #666666;
	border-color: #666666;
	/* background-color: #FFFFEE; */
}

.textbox2, .textbox3 {
	padding: .5em;
	border: 1px solid #666666;
	background-color: #cccccc;
}

.textbox3 {
	border: 1px dashed #cccccc;
	background-color: #eeeeee;
}

.red {
	color: #ff3333;
}

.green {
	color: #098a00;
}

.comments-title {
	/*float: left;*/
	padding-bottom: 3px;
	/*border: 1px dashed #666666;
	padding: 3px;*/
}

p.legend1, p.legend2, p.legend3 {
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: .8em;
}

.legend1 span, .legend2 span, .legend3 span {
	border: 1px solid #666666;
}

p.legend1 span {
	background-color: #eeffee;
}

p.legend2 span {
	background-color: #eeeeff;
}

p.legend3 span {
	background-color: #ffeeee;
}

/*********************************************************************
 * Result Tables
 */

/* Result Tables with Baseline table */

table.ind-result th.textarea { text-align: left; }

/* can do it this way but but dreamweaver doesnt like this way of doing it
where the 2 classes are referred to
table.ind-result.baseline {
	background-color:pink;
}
*/

/* instead we first do the common formatting */

table.ind-result {
	border:1px solid black;
}

table.ind-result td {
	text-align:right; /* To match the input boxes (.textbox-result-table) */
}

table.ind-result caption {
	font-size:1.2em;
	font-weight:bold;
}

/* Now add individual formatting for baseline and currentreport tables */
table.baseline {
	background-color:#FFFBF0;
}

/*table.ind-result , table.ind-result th, table.ind-result td {
	border: 1px solid #000000;
	border-collapse: collapse;
}*/

table.ind-result th {
	background-color: transparent !important;
	/*background-color: grey;*/
	text-align: center;
}

/*table.ind-result .shadedcell {
	background-color:grey
}*/

/**********************************************************/

table.acgppi {
	border: 1px solid #000000;
	border-collapse: collapse;
}

table.acgppi td, table.acgppi th {
	border: 1px solid #000000;
	padding: 3px;
}

table.acgppi th {
	background-color: #eeeeee;
}

.result-table-overflow {
	/* try to fix overflow at low res */
	overflow: auto;
	width: 98%; /* need actual width here for the scroll to work (inherit not good) */
	/*font-size: .8em;*/
}

/* Result Tables with Baseline table */

table.ind-result th.textarea { text-align: left; }

/* can do it this way but but dreamweaver doesnt like this way of doing it
where the 2 classes are referred to
table.ind-result.baseline {
	background-color:pink;
}
*/

/* instead we first do the common formatting */

table.ind-result {
	border:1px solid black;
}

table.ind-result td {
	text-align:right; /* To match the input boxes (.textbox-result-table) */
}

table.ind-result tr, table.ind-result td, table.ind-result th {
	background-color: #eeeeee;
}
table.ind-result tr, table.ind-result td {
	border: 1px solid #999999;
}

table.ind-result th {
	border: 1px solid #000000;
}

table.ind-result caption {
	font-size:1.2em;
	font-weight:bold;
}

/* Now add individual formatting for baseline and currentreport tables */
table.baseline {
	background-color:#FFFBF0;
}

/*table.ind-result , table.ind-result th, table.ind-result td {
	border: 1px solid #000000;
	border-collapse: collapse;
}*/

table.ind-result th {
	background-color: transparent !important;
	/*background-color: grey;*/
	text-align: center;
}

/*table.ind-result .shadedcell {
	background-color:grey
}*/

/*********************************************************************/

/**
 * Data Repeater control
 */
.dtr-comment {
	border: 1px solid #8990ff;
	padding: 3px;
	margin: 0;
	margin-bottom: .8em; /* to give space between comment boxes */
	background-color: #eeefff;
}

.dtr-comment .comment-title {
	margin: 0;
	padding: 0;
	padding-left: 3px;
	margin-left: -3px; /* to balance out the padding of the comment box */
	margin-right: -3px; /* to balance out the padding of the comment box */
	margin-top: -4px; /* to balance out the padding of the comment box */
	border-bottom: 1px solid #8990ff;
	border-top: 1px solid #8990ff;
	background-color: #ddddff;
	/* background image */
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 1em;
}

.dtr-comment .text {
	padding: 3px;
	padding-bottom: 5px;
	margin: 0;
	margin-left: -3px;
	margin-right: -3px;
	border-bottom: 1px dashed #666666;
	/* background image */
	background-image: url(/dios/images/notes_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

.dtr-comment .float-left {
	float: left;
	margin: 0;
	padding: 0;
}

.dtr-comment .float-right {
	float: right;
	margin: 0;
	padding: 0;
}

.float-footer {
	clear: both;
	margin: 0;
	padding: 0;
}

/**
 * NAV Hyperlinks - also for New,Del,Save,etc..
 */

 /* disabled - jquery buttons being used instead, assigned to .nav and .action classes */

/*
a.nav:link, a.nav:visited {
	text-decoration: underline;
	/*border: solid #787878 2px;* /
	/*padding: 0px 4px 0px 4px;* /
	color: #0000FF;
	/*background: #787878;* /
	/*font-weight: normal;* /
}

a.nav:hover, a.nav:active {
	color: #FF0000;
	/*border: outset #ccc 2px;* /
	/*background: green;* /
}

.nav:link, .nav:visited, .new:link, .new:visited,
.edit:link, .edit:visited, .save:link, .save:visited,
.edit:link, .edit:visited, .info:link, .info:visited {
	text-decoration: underline;
	color: #0000FF;
}



.nav:hover, .nav:active, .new:hover, .new:active,
.edit:hover, .edit:active, .save:hover, .save:active,
.edit:hover, .edit:active, .info:hover, .info:active {
	text-decoration: none !important;
	color: #FF0000 !important;
}*/

.context {
	float: right;
}

.nomcddom {
	padding-left: 1.2em;
	background-color: green;
	float: right;
	width: 100%;
	color: #FF0000;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: .8em;
}

.nomcddom-container {
	width: 100%;
}

.red-border { border-color: red; }

/*
a.nav:link, a.nav:visited {
	text-decoration: none;
	border: solid #787878 2px;
	padding: 0px 4px 0px 4px;
	color: #EAEAEA;
	background: #787878;
	font-weight: normal;
}

a.nav:hover, a.nav:active {
	color: #FFFFFF;
	border: outset #ccc 2px;
	background: green;
}


.nav new edit save edit info {
}*/

/* Characteristics validation */

.context-validation-fatal-header {
	border: 1px solid #666666;
	background-color: #ffdcdc;
	padding: .5em;
	margin-bottom: 0px;
}

.context-validation-fatal-body {
	border: 1px solid #666666;
	background-color: #fff5f5;
	padding: .5em;
	margin-top: 0px;
}

.context-validation-warning-header {
	border: 1px solid #666666;
	background-color: #ffc75c;
	padding: .5em;
	margin-bottom: 0px;
}

.context-validation-warning-body {
	border: 1px solid #666666;
	background-color: #f7dda7;
	padding: .5em;
	margin-top: 0px;
}

/* display instructions for download template (local indicator)*/
.download-template-instruction {
	margin-left: 15px;
	margin-top: 15px;
	margin-right: 20px;
	padding: 3px;
	background-color: #FFEBEB;
	border: solid 1px #FFCECE;
}