@import url('dios_admin.css');

/****************************
 * Global Over-rides
 ****************************/
body {
	padding: 0px;
	margin: 0px;
	background: #FEFFF1;
	text-align: center;
}
/*
a:link, a:visited {
	color: #0000FF;
	text-decoration: underline;
}

a:hover, a:active {
	color: #FF0000;
	text-decoration: underline;
}
*/
form {
  padding: 0px;
  margin: 0px;
}

input {
  font-family: Verdana, Georgia, Helvetica, Sans-Serif;
  font-size: 10pt
}

/* Keyword search highlighting */
span.searchword {
	background-color: yellow;
}

/* Session status styles */

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;
}

/* First Heading within tab */
h2{
 font: bold 114% Arial,sans-serif;
 color: #006699;
 margin-top: 5px;
 margin-bottom: 5px;
 padding: 0px;
}

h3 {
	font: bold 114% Arial,sans-serif;
	color: #006699;
	margin-top: 9px;
	margin-bottom: 3px;
	padding: 0px;
}

h2.compareRowHeading {
	color: #000000;
	font-size: 1em;
	width: 100%;
	margin: 0;
	margin-top: 1em;
	padding: 0;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #d9e2e0;
}

h2.compareFieldHeading {
	width: 100%;
	margin: 0;
	margin-top: 2px;
	padding: 0;
	font-size: 1em;
	background-color: #dddddd;
}

h2.compareType {
	margin: 0;
	margin-bottom: .5em;
	padding: 0;
	color: #d9e2e0;
	background-color: #666666;
	font-size: .8em;
}

table.compare {
	padding: 1em;
}

.compareLeft {
	vertical-align: top;
	padding: 0;
	padding-bottom: 3px;
	width: 33%;
	border: 1px solid #666666;
	text-align: left;
}

.compareMiddle {
	vertical-align: top;
	padding: 0;
	padding-bottom: 3px;
	width: 33%;
	border: 1px solid #666666;
	text-align: left;
}

.compareRight {
	vertical-align: top;
	padding: 0;
	padding-bottom: 3px;
	width: 34%;
	border: 1px solid #666666;
	text-align: left;
}

.compareRight pre {
	width: 33%;
}

#inProgressItems, #completedItems, #archivedItems {
	/*display: none;*/ /* hide initially */
}

/****************************
 * DIOS Containers
 ****************************/
#diosHeader {
	padding: 0px;
	margin: 0px;
	height: 40px;
	text-align: left;
	background-color: #D9E2E0;
	background-image: url('/dios/images/dios_header_bg.gif');
	width: 100%;
}

#diosFooter {
	clear: both;
	padding-top: 5px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 70%;
	color: #AAAAAA;
}

#diosFooter A {
	color: #AAAAAA;
	font-weight: bold;
	text-decoration: none;
}

#diosFooter A:hover {
	color: #444444;
	font-weight: bold;
	text-decoration: none;
}

#diosQuickLinks {
	font-family: Arial, Verdana, Sans-Serif;
	background: #28574E;
	background-image: url(/dios/images/qlink_bg.jpg);
	background-repeat: repeat-x;
	color: #E9EEED;
	font-weight: bold;
	font-size: 8pt;
	text-align: right;
	padding-top:4px;
	padding-bottom:4px;
}

#diosQuickLinks a:link, a:visited {
	color: #E9EEED;
	text-decoration: none;
}

#diosQuickLinks a:hover, a:active {
  color: #FFB93D;
}

#diosQuickLinks .float-left {
	padding-left: .5em;
	float: left;
}

#diosTabs {
	display: table; /* so footer stays at the bottom in firefox */
  padding: 10px;
}

#diosContent {
	font-family: Verdana, Georgia, Helvetica, Sans-Serif;
	text-align: left;
	padding: 5px;
	background: #FFFFFF;
	border-top: 0px solid #FFFFFF;
	border-left: 1px solid #919b9c;
	border-right: 1px solid #919b9c;
	border-bottom: 1px solid #919b9c;
}

#diosContent a:link, #diosContent a:visited {
  color: blue;
  text-decoration: underline;
}

#diosContent a:hover, #diosContent a:active {
  color: #ee0000;
  text-decoration: none;
}

#diosAdmin {
  margin: 0px;
  padding: 0px;
}

#diosAdmin table.list1 {
  border-collapse: collapse;
  border: 1px solid black;
  width: inherit;
}

a.dios-link:link, a.dios-link:visited {
  color: #E9EEED !important;
  text-decoration: none;
}

a.dios-link:hover, a.dios-link:active {
  color: #FFB93D !important;
}

a.dios-link-blue:link, a.dios-link-blue:visited {
  color: #0000ee !important;
  text-decoration: none;
}

a.dios-link-blue:hover, a.dios-link-blue:active {
  color: #ee0000 !important;
  text-decoration: underline;
}

.item_divider { line-height: 16px; }

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

#planMessage, #reportMessage {
	padding: .3em;
	margin: 0;
	margin-top: .8em;
	margin-bottom: .8em;
	background-color: #eeeeee;
	border: 1px solid #000000;
	color: red;
	font-size: 1.2em;
	font-weight: bold;
}

.homeMessage {
	color: red;
	border: 1px solid #000000;
	background-color: #eeeeee;
	text-align: center;
}

.indTimingType {
	color: #000000;
}

table.list1 th {
  font-size: 90%;
  font-weight: bold;
  background: #F7F7FA;
  padding: 2px;
  border: 1px solid #E0E0F0;
}

table.list1 td {
  font-size: 90%;
  padding: 2px;
  border: 1px solid #E0E0F0;
}

#diosAdmin table.details {
  border-collapse: collapse;
  border: none;
}

table.details th {
  font-size: 70%;
  font-weight: bold;
  padding: 0px;
  border: none;
  background: white;
}

table.details td {
  font-size: 90%;
  padding: 1px;
  border: none;
}

/* combobox styles */
.ui-button { margin-left: -1px; }
.ui-button-icon-only .ui-button-text { padding: 0.35em; }
.ui-autocomplete-input { margin: 0; padding: 0.48em 0 0.47em 0.45em; width: 80%; }
.ui-autocomplete { height: 200px; overflow-y: scroll; overflow-x: hidden; }
.ui-autocomplete { text-align: left; }

a.action:link, a.action:visited, a.action:hover, a.action:active,
#surveyNav a:link, #surveyNav a:visited, #surveyNav a:hover, #surveyNav a:active {
	text-decoration: none !important;
	color: black !important;
	font-size: 10pt !important;
	margin-left: 5px !important;
	margin-right: 5px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	background: #D4D0C8 !important;
	border-top: 1px solid #EEEEEE !important;
	border-left: 1px solid #EEEEEE !important;
	border-right: 1px solid #404040 !important;
	border-bottom: 1px solid #404040 !important;
}

a.action:hover, a.action:active,
#surveyNav a:hover, #surveyNav a:active {
	color: brown !important;
}

#menuItems a:link, #menuItems a:visited, #menuItems a:hover, #menuItems a:active {
	text-decoration: none;
	color: #000000;
}

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

#diosAdmin A.action:link, #diosAdmin A.action:visited, #diosAdmin A.action:hover, #diosAdmin A.action:active {
	text-decoration: none;
	color: black;
	font-size: 10pt;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background: #D4D0C8;
	border-top: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
	border-right: 1px solid #404040;
	border-bottom: 1px solid #404040;
}

#diosAdmin A.action:hover, #diosAdmin A.action:active {
  color: brown;
}

.dios-page-info {
	clear: both;
	padding-top:5px;
	padding-bottom:10px;
	text-align: center;
	font-size: .8em;
	color: #AAAAAA;
}

/****************************
 * Item Status Styles
 ****************************/
.statusTable {
	padding: 0;
	margin: 0;
}

/****************************
 * Common to all Components
 ****************************/

/* The main component heading at the top of the page
with 'pseudo' sub-heading <span> within it that has division name etc
<h2>[component] <span>[org name]</span></h2>
*/
h2 span.componentorg {
	font-weight: normal;
	font-size: 80%;
}

.cursor-link {
	cursor: pointer;
}

.hidden {
	display: none;
}

img.crumbs {
	vertical-align: middle;
	border-style: none;
}

a.crumbs:link, a.crumbs:visited {
	color: #0000ff;
	text-decoration: none !important;
	font-size: .8em;
	font-family: Arial;
	/*font-family: Verdana, Georgia, Helvetica, Sans-Serif;*/
}

a.crumbs:hover, a.crumbs:active {
	color: #ff0000;
	text-decoration: none;
	/*border-bottom: 1px solid #ff0000;*/
	/*border-bottom: 1px dashed #ff0000;*/
	font-size: .8em;
	font-family: Arial;
	/*font-family: Verdana, Georgia, Helvetica, Sans-Serif;*/
}

/* ID's */

#sessionTimer {
	display: table;
	position: absolute;
	right: 5px;
	top: 5px;

	color: #000000;

	background-color: transparent;
	width: 200px;

	font-size: .8em;
	font-family: Verdana, Georgia, Helvetica, Sans-Serif;
}

#sessionTimer .barOutline {
	width: 200px;
	height: 10px;
	background-color: #fefff1;
	border: 1px solid #666666;
}

#barSessionProgress {
	background-color: #b9d3ff;
	height: 100%;
	width: 200px;
}

/****************************
 * Planning and Reporting
 ****************************/
#msg-loading-menu, #msg-loading-report {
	padding: 3px;
	margin-bottom: 5px;
	margin-top: 10px;

	font-family: Verdana, Arial, Sans-serif !important;
	font-size: .8em !important;

	border: 1px solid #999999;
	background-color: #eeeeee;
	color: #0000ff;
	/*width: 150px;*/

	/*position: absolute;
	right: 5;
	top: 5;*/
}

#msg-loading-menu img, #msg-loading-report img {
	border-style: none;
	vertical-align: middle;
}

.status-box-submitted, .status-box-rejected, .status-box-approved {
	float: left;
	height: 22px;
	width: 100%;
	padding: .1em;
	text-align: center;
	font-family: Arial, Verdana, sans-serif;
	font-size: .8em;
}

.status-box-submitted {
	background-color: #b7d9f5;
	border: 1px solid #006699;
}

.status-box-rejected {
	background-color: #ffb400;
	border: 1px solid #ff7e00;
}

.status-box-approved {
	background-color: #f5b7b7;
	border: 1px solid #f44e4e;
}

.button-float-right {/* used on the plan and report edit pages, button floats right on a h3 */
	float: right;
	margin: -.15em 0 0 0;/* to position it up slightly to align it just above the top of the h3 */
	padding: 0;
}

h3.has-button {/* heading for plan and report pages which has a button attached */
	margin-top: 0;
}

/****************************
 * Annual Survey
 ****************************/
#menuItems {
  font-family: Verdana, Arial, Helvetica, Sans-serif;
  font-size: 10pt;
  background: #F0F4F4;
  /*width: 150px;*/
  width: 170px;
}


#menuItems A,A:active,A:visited {
  color: #111111;
  text-decoration: none;
}

#menuItems A:hover {
  color: #006699;
}

#menuItems A.selected {
  background: white;
  font-weight: bold;
}

#menuItems span.selected {
  font-weight: bold;
}

#menuItems span.unavailable {
  color: #888888;
}

#menuItems div.menuKey {
  margin: 1px;
  padding: 2px;
  border: 1px solid #111111;
  font-family: Verdana, Arial, Helvetica, Sans-serif;
  color: #111111;
  font-size: 8pt;
}

#surveyBody a.definition:link, #surveyBody a.definition:visited,
#diosAdmin a.definition:link, #diosAdmin a.definition:visited
{
  text-decoration: none;
  border-bottom: 1px dashed;
  cursor: help;
  color: #556AA0;
}

#surveyBody a.relatedLink:link, #surveyBody a.relatedLink:visited, #surveyBody a.relatedLink:hover, #surveyBody a.relatedLink:active,
#diosAdmin a.relatedLink:link, #diosAdmin a.relatedLink:visited, #diosAdmin a.relatedLink:hover, #diosAdmin a.relatedLink:active
{
  text-decoration: underline;
  color: green;
  margin-left: 20px;
}

div.questionContainer {
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 10pt;
  background: #FFFFFF;
}

div.questionLabel {
  color: #333333;
}

div.questionText {
  background: #F7F7FA;
  font-size: 12pt;
  font-weight: bold;
  color: #28574E;
  margin-left: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}

p.questionSubQuestion {
  background: #F7F7FA;
  font-size: 12pt;
  color: #28574E;
  font-weight: bold;
  margin-left: -10px;
  margin-top: 20px;
  margin-bottom: 5px;
}


div.questionNote {
  font-size: 9pt;
  margin-left: 10px;
  font-style: italic;
}

div.responseContainer {
  margin-top: 8px;
  margin-left: 20px;
  margin-bottom: 8px;
  font-size: 10pt;
}

.responseContainer td, .responseContainer th {
  font-family: Verdana,Arial,Sans-Serif;
  padding: 1px;
  margin: 1px;
  font-size: 11pt;
}

div.responseContainer input {
  font-family: Verdana,Arial,Sans-Serif;
  font-size: 10pt;
}

div.responseContainer textarea {
  font-family: Verdana,Arial,Sans-Serif;
  font-size: 10pt;
}

div.responseContainer .tbNum {
  text-align: right;
}

div.responseContainer .tbNumValid {
  text-align: right;
  background: #77EB6F;
}

div.responseContainer .tbNumInvalid {
  text-align: right;
  background: #FFE426;
}

div.responseContainer .tbNumAlert {
  text-align: right;
  background: #FFCCCC;
}

div.responseContainer .tbValid {
  background: #77EB6F;
}

div.responseContainer .tbInvalid {
  background: #FFE426;
}

div.responseContainer .tbAlert {
  background: #FFCCCC;
}

div.responseContainer .cbValid {
  color: #77EB6F;
}

div.responseContainer .cbInvalid {
  color: #FFE426;
}

div.responseContainer .cbAlert {
  color: #FFCCCC;
}

div.responseContainer .cbHidden {
  height: 0px;
  width: 0px;
  padding: 0px;
  margin: 0px;
  visibility:hidden;
}

div.responseContainer th {
  text-align: left;
  background: #DFE3ED;
  color: #556AA0;
  font-weight: bold;
}

div.responseContainer .bglight {
  background: #F9F9FB;
}

div.responseContainer .numTotal {
  background: #DFE3ED;
  color: #556AA0;
  font-weight: bold;
  border-top: 3px double #556AA0;
}

#surveyNav {
  margin-top: 10px;
  margin-bottom: 10px;
  border-top: 1px solid #28574E;
  text-align: right;
}

#surveyNav A {
  text-decoration: none;
  color: black;
  font-size: 10pt;
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 10px;
  padding-right: 10px;
  background: #D4D0C8;
  border-top: 1px solid #EEEEEE;
  border-left: 1px solid #EEEEEE;
  border-right: 1px solid #404040;
  border-bottom: 1px solid #404040;
}

p.warning {
  border: .05em solid #000000; /*#666666*/
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 2px;
  color: #000000; /*#666666*/
  font-size: 1em;
  background: #FFF192;
  font-weight:bold;
}

/* Related links navigation box styles */
.rlTitle {
	margin-top: 5px;
	margin-bottom: 10px;
	text-align:left;
	font-size: 9pt;
	font-family: Verdana,Arial,Helvetica;
	color: #596D57;
	font-weight: bold
}
.rlCell       { background: #F4D393 }
.rlCellTop    { background: #F4D393 url("/images/navbox/rlst.gif")}
.rlCellLeft   { background: #F4D393 url("/images/navbox/rlsl.gif")}
.rlCellRight  { background: #F4D393 url("/images/navbox/rlsr.gif")}
.rlCellBottom { background: #F4D393 url("/images/navbox/rlsb.gif")}
.rlLI    { margin-left: 15px; margin-top: 3px; margin-bottom: 3px; list-style-type: square; font-family: Verdana,Arial,Helvetica; font-size:8pt; color: #536651; font-weight: normal;  }
.rlLI li { margin-top: 3px; margin-bottom: 4px; }
.rlLI A         { color: #536651 }
.rlLI A:visited { color: #536651 }
.rlLI A:active  { color: #536651 }
.rlLI A:hover   { color: #7D8A9C }
.rlUL    { margin-left: 10px; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; padding:0 }
ul.nobullet .rlLI  { list-style-type: none; margin-left:0; padding-left:0; }
/* Nested items in sub menu */
.rlLI ul li {}

#faqsummary table {
	margin-top:5px;
	margin-bottom:15px;
}

#faqsummary th, #faqsummary td {
	padding:5px;
	text-align: left;
	vertical-align: top;
}
#faqsummary th {
	background-color: rgb(224, 232, 220);
	font-weight: bold;
}

/* the complete list */
#faq {

}
#faq table {
	margin-top:10px;
	margin-bottom:10px;
}
#faq th, #faq td {
	padding:5px;
}
#faq tr.question th, #faq tr.question td {
	font-weight:bold;
	padding-top:10px;
}

#faq tr.question th {
	background-color: rgb(224, 232, 220);
	font-weight: bold;
}
/*
body.dioshelp div#diosQuickLinks {
  display:none;
}
*/

#survey_finished {
	position: absolute;
	display: block;
	left: 25%;
	top: 5%;
	height: 90%;
	width: 90%;
}

#survey_submitted_text {
	display: inline;
	position:absolute;
	left: 20%;
	top: 35%;
	width: 65%;
	height: 30%;
}

#survey_finished_text {
	display: none;
	position:absolute;
	left: 25%;
	top: 35%;
	width: 60%;
	height: 30%;
}

/* A bit of a float hack */
.clearboth {
	clear:both;
	height:0px;
	font-size:0px;
}

.dataGrid {
	width: 100%;
}

p.alert {
  border: 1px solid #666666;
  padding: 2px;
  color: #666666;
  font-size: 9pt;
  background: #FFCCCC;
}

#relatedQuestionComment {
  font-size: 10pt;
  text-align: left;
}

/**
 * QCodo definitions
 */
.paginator_inactive_step { font-weight: bold; color: #aaaaaa; }
.paginator_active_step { font-weight: bold; color: #000000; text-decoration: none; }
.paginator_page { text-decoration: none; color: #000000; padding: 0px 4px 0px 4px; }
.paginator_selected_page { font-weight: bold; background-color: #ddccff; padding: 0px 4px 0px 4px; border: 1px; border-style: solid; }

.paginator_inactive_step, .paginator_active_step, .paginator_page, .paginator_selected_page {
	font-size: 1.2em;
}

table.datagrid td {
	vertical-align: top;
}

/**
 * Instructions
 * There are also instruction with edit class that are hidden when editing.
 */

.instruction,	/* Simon invented, maybe should be replaced by Qcodo class */
.instructions { /* QCodo class */
	font-size: .8em;
	font-style: italic;
	text-align: justify;
	padding: 0;
	margin: 0;
	display: block;
}

.instruction.tip, .tip {
	margin: 15px 2px 2px 2px;
	border: green 1px dashed;
	padding: 3px;
}

/* Instruction Special , usually in a P tag */

.instructionsspecial {
	margin: 0.5em 0em 0.5em 0em;
	padding: 0.5em;
	border:1px solid black;
	background-color: #ffcc99;
}

.instructionsspecialheading {
	font-weight:bold;
	font-size:1em;
}

.instructionsspecialbody {
	font-weight: bold;
	font-size: 0.8em;
	font-style: italic;
}

/* hilight a particular part of the instruction body text*/
.instructionsspecialhilight {
	font-weight:bold;
	color:red;
}

/* Text displayed when a message is displayed at top - something about maintenance etc */
.maintenance-text {
	color: #ffffff;
	padding: 2px 0px 2px 0px;
	margin: 0;
	font-family: Verdana, Georgia, Helvetica, Sans-Serif;
 	font-size: 9pt;
	background: #ff0000;
}

.info-text {
	color: #000000;
	padding: 2px 0px 2px 0px;
	margin: 0;
	font-family: Verdana, Georgia, Helvetica, Sans-Serif;
 	font-size: 9pt;
	background-color: #00ff00;
}

.info-text2 {
	border: 1px solid #666666;
	color: #000000;
	padding: .5em;
	margin: 0;
	font-family: Verdana, Georgia, Helvetica, Sans-Serif;
 	font-size: 1em;
	background-color: #ffcc99;
}

table.startlist {
  border-collapse: collapse;
  border: 1px solid #E0E0F0;
}

table.startlist th {
  font-size: 90%;
  background: #F7F7FA;
  padding: 2px;
  border: 1px solid #E0E0F0;
}

table.startlist td {
  font-size: 90%;
  padding: 2px;
  border: 1px solid #E0E0F0;
}

table.view-char {
	border-width: 1px;
	/*border-spacing: ;*/
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
	width: 100%;
}

table.view-char th {
	background-color: #9CB2AD;
	font-size: .8em;
	text-align: left;
	vertical-align: middle;
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: black;
}

table.view-char td {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: black;
	vertical-align: top;
	font-size: .8em;
	padding-right: 8pt;
}