/*
===============================
	NLIS - STYLE SHEET
===============================
*/

body, td, p, input, select, textarea {
	margin: 0;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
}
p {
	padding: 5px 10px 5px 10px;
}
h1 {
	margin: 0;
	padding: 5px 10px 5px 10px;
	font-size: 14px;
	font-weight: bold;
	color: #003878;
}
h2 {
	margin: 0;
	padding: 5px 10px 5px 10px;
	font-size: 11px;
	font-weight: bold;
	color: #003878;
}
ul {margin-top: 0; margin-bottom: 0; padding-bottom: 5;}
ol {margin-top: 0; margin-bottom: 0;}
ol li {padding-bottom: 5;}
dl {margin: 0; padding: 5 10 5 10;}
dt {font-weight: bold;}
dd {padding-bottom: 5;}

body a:link {font-style: normal; font-weight: normal; text-decoration: none; color: #000000;}
body a:visited {font-style: normal; font-weight: normal; text-decoration: none; color: #000000;}
body a:active {font-style: normal; font-weight: normal; text-decoration: none; color: #000000;}
body a:hover {font-style: normal; font-weight: normal; text-decoration: none; color: #000000;}

.documentlink a:link {font-style: normal; font-weight: normal; text-decoration: underline; color: #003878;}
.documentlink a:visited {font-style: normal; font-weight: normal; text-decoration: underline; color: #003878;}
.documentlink a:active {font-style: normal; font-weight: normal; text-decoration: underline; color: #003878;}
.documentlink a:hover {font-style: normal; font-weight: normal; text-decoration: underline; color: #003878;}

.emailLink { cursor: pointer; cursor: hand; text-decoration: underline; color: #003878;}
.emailLink:hover { cursor: pointer; cursor: hand; text-decoration: underline; color: #003878;}

/*
===============================
	TEXT
===============================
*/
.error {font-style: normal; font-weight: normal; text-decoration: none; color: #FF0000;}
.warning {font-size: 17px; font-style: normal; font-weight: bold; text-decoration: none; color: #FF0000;}
.prompt {font-weight: bold;}
.completed {color: #FFFF00;}
.current {font-weight: bold; color: #FFFFFF;}
.upcoming {color: #CEE9F6;}
.groupname {background-color: #cee9f6; color: black;}
.item {background-color: white; color: black;}
.smalltext {font-size: 9px;}

.nlisTDH2 { /* TODO */
	font-weight: bold;
	color: #ffffff;
	background-color: #003878;
}

/*
===============================
	SECTION MARGINS
===============================
*/
.nlisSectionCentreW50pct {
	margin: 0 25% 0 25%;
}
.nlisSectionCentreW60pct {
	margin: 0 20% 0 20%;
}
.nlisSectionCentreW65pct {
	margin: 0 17.5% 0 17.5%;
}
.nlisSectionCentreW70pct {
	margin: 0 15% 0 15%;
}
.nlisSectionCentreW75pct {
	margin: 0 12.5% 0 12.5%;
}
.nlisSectionCentreW80pct {
	margin: 0 10% 0 10%;
}

/*
===============================
	SECTIONS
===============================
*/
.nlisSectionTopBottomBorder {
	border-style: solid;
	border-width: 1px 0 1px 0;
	border-color: #003878;
}
.nlisSectionDarkBlueBg {
	color: #ffffff;
 	background-color: #003878;
}
.nlisSectionLightBlueBg {
	border-style: solid;
	border-width: 1px 0 1px 0;
	border-color: #003878;
 	background-color: #cee9f6;
}
.nlisSectionLightBlueBgDarkTop {
	border-style: solid;
	border-width: 1px 0 0 0;
	border-color: #003878;
	background-color: #cee9f6;
}
.nlisSectionLightBlueBgDarkBottom {
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color: #003878;
	background-color: #cee9f6;
}
.nlisSectionLightBlueBgWhiteTop {
	border-style: solid;
	border-width: 1px 0 0 0;
	border-color: #ffffff;
	background-color: #cee9f6;
}
.nlisSectionLightBlueBgWhiteTopDarkBottom {
	border-style: solid;
	border-width: 1px 0 1px 0;
	border-top-color: #ffffff;
	border-bottom-color: #003878;
	background-color: #cee9f6;
}
.nlisSectionLightBlueBgTopBottomBorder {
	border-style: solid;
	border-width: 1px 0 1px 0;
	border-top-color: #003878;
	border-bottom-color: #003878;
	background-color: #cee9f6;
}
.nlisSectionLightBlueBgOnly {
	background-color: #cee9f6;
}
.nlisSectionTopBorder {
	border-style: solid;
	border-width: 1px 0 0 0;
	border-color: #003878;
}
.nlisSectionBottomBorder {
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color: #003878;
}

/*
===============================
	BUTTON
===============================
*/
.nlisButton0 {
	cursor: hand;
	font-size: 11px;
}
.nlisButton1 {
	cursor: hand;
	font-size: 11px;
}
.nlisButton0 .left {
	width: 12px;
	height: 17px;
	background-image: url(../Images/btnL0.gif);
	padding: 1 12 3 0;
}
.nlisButton0 .label {
	height: 17px;
	border-color: #0081C4;
	border-style: solid;
	border-width: 1px 0 1px 0;
	background-color: #F5FFA2;
	padding: 0 1 2 0;
}
.nlisButton0 .right {
	width: 5px;
	height: 17px;
	background-image: url(../Images/btnR0.gif);
	padding: 1 5 3 0;
}
.nlisButton1 .left {
	width: 12px;
	height: 17px;
	background-image: url(../Images/btnL1.gif);
	padding: 1 12 3 0;
}
.nlisButton1 .label {
	height: 17px;
	border-color: #0081C4;
	border-style: solid;
	border-width: 1px 0 1px 0;
	background-color: #FFFFFF;
	padding: 0 1 2 0;
}
.nlisButton1 .right {
	width: 5px;
	height: 17px;
	background-image: url(../Images/btnR1.gif);
	padding: 1 5 3 0;
}

/*
===============================
	BUTTON ON DARK
===============================
*/
.nlisButtonOnDark0 {
	cursor: hand;
	font-size: 11px;
}
.nlisButtonOnDark0 .left {
	width: 12px;
	height: 17px;
	background-image: url(../Images/btnDarkL0.gif);
	padding: 1 12 3 0;
}
.nlisButtonOnDark0 .label {
	height: 17px;
	border-color: #0081C4;
	border-style: solid;
	border-width: 1px 0 1px 0;
	background-color: #F5FFA2;
	color: #000000;
	font-weight: normal;
	padding: 0 1 2 0;
}
.nlisButtonOnDark0 .right {
	width: 5px;
	height: 17px;
	background-image: url(../Images/btnDarkR0.gif);
	padding: 1 5 3 0;
}
.nlisButtonOnDark1 {
	cursor: hand;
	font-size: 11px;
}
.nlisButtonOnDark1 .left {
	width: 12px;
	height: 17px;
	background-image: url(../Images/btnDarkL1.gif);
	padding: 1 12 3 0;
}
.nlisButtonOnDark1 .label {
	height: 17px;
	border-color: #0081C4;
	border-style: solid;
	border-width: 1px 0 1px 0;
	background-color: #FFFFFF;
	color: #000000;
	font-weight: normal;
	padding: 0 1 2 0;
}
.nlisButtonOnDark1 .right {
	width: 5px;
	height: 17px;
	background-image: url(../Images/btnDarkR1.gif);
	padding: 1 5 3 0;
}

/*
===============================
	BUTTON ON DARK BACK
===============================
*/
.nlisButtonOnDarkBack0 {
	cursor: hand;
	font-size: 11px;
}
.nlisButtonOnDarkBack0 .left {
	width: 12px;
	height: 17px;
	background-image: url(../Images/btnDarkBackL0.gif);
	padding: 1 12 3 0;
}
.nlisButtonOnDarkBack0 .label {
	height: 17px;
	border-color: #0081C4;
	border-style: solid;
	border-width: 1px 0 1px 0;
	background-color: #F5FFA2;
	color: #000000;
	font-weight: normal;
	padding: 0 1 2 0;
}
.nlisButtonOnDarkBack0 .right {
	width: 5px;
	height: 17px;
	background-image: url(../Images/btnDarkR0.gif);
	padding: 1 5 3 0;
}
.nlisButtonOnDarkBack1 {
	cursor: hand;
	font-size: 11px;
}
.nlisButtonOnDarkBack1 .left {
	width: 12px;
	height: 17px;
	background-image: url(../Images/btnDarkBackL1.gif);
	padding: 1 12 3 0;
}
.nlisButtonOnDarkBack1 .label {
	height: 17px;
	border-color: #0081C4;
	border-style: solid;
	border-width: 1px 0 1px 0;
	background-color: #FFFFFF;
	color: #000000;
	font-weight: normal;
	padding: 0 1 2 0;
}
.nlisButtonOnDarkBack1 .right {
	width: 5px;
	height: 17px;
	background-image: url(../Images/btnDarkR1.gif);
	padding: 1 5 3 0;
}

/*
===============================
	BIG BUTTON
===============================
*/
.nlisBigButton0 {
	cursor: hand;
	font-size: 11px;
}
.nlisBigButton0 .left {
	width: 13px;
	height: 21px;
	background-image: url(../Images/btnBigL0.gif);
	padding: 3 13 5 0;
}
.nlisBigButton0 .label {
	height: 21px;
	border-color: #0081C4;
	border-style: solid;
	border-width: 1px 0 1px 0;
	background-color: #F5FFA2;
	padding: 2 1 4 0;
}
.nlisBigButton0 .right {
	width: 7px;
	height: 21px;
	background-image: url(../Images/btnBigR0.gif);
	padding: 3 7 5 0;
}
.nlisBigButton1 {
	cursor: hand;
	font-size: 11px;
}
.nlisBigButton1 .left {
	width: 13px;
	height: 21px;
	background-image: url(../Images/btnBigL1.gif);
	padding: 3 13 5 0;
}
.nlisBigButton1 .label {
	height: 21px;
	border-color: #0081C4;
	border-style: solid;
	border-width: 1px 0 1px 0;
	background-color: #FFFFFF;
	padding: 2 1 4 0;
}
.nlisBigButton1 .right {
	width: 7px;
	height: 21px;
	background-image: url(../Images/btnBigR1.gif);
	padding: 3 7 5 0;
}

/*
===============================
	BIG BUTTON BACK
===============================
*/
.nlisBigButtonBack0 {
	cursor: hand;
	font-size: 11px;
}
.nlisBigButtonBack0 .left {
	width: 13px;
	height: 21px;
	background-image: url(../Images/btnBigBackL0.gif);
	padding: 3 13 5 0;
}
.nlisBigButtonBack0 .label {
	height: 21px;
	border-color: #0081C4;
	border-style: solid;
	border-width: 1px 0 1px 0;
	background-color: #F5FFA2;
	padding: 2 1 4 0;
}
.nlisBigButtonBack0 .right {
	width: 7px;
	height: 21px;
	background-image: url(../Images/btnBigR0.gif);
	padding: 3 7 5 0;
}
.nlisBigButtonBack1 {
	cursor: hand;
	font-size: 11px;
}
.nlisBigButtonBack1 .left {
	width: 13px;
	height: 21px;
	background-image: url(../Images/btnBigBackL1.gif);
	padding: 3 13 5 0;
}
.nlisBigButtonBack1 .label {
	height: 21px;
	border-color: #0081C4;
	border-style: solid;
	border-width: 1px 0 1px 0;
	background-color: #FFFFFF;
	padding: 2 1 4 0;
}
.nlisBigButtonBack1 .right {
	width: 7px;
	height: 21px;
	background-image: url(../Images/btnBigR1.gif);
	padding: 3 7 5 0;
}

/*
===============================
	TABLE ELEMENTS
===============================
*/
.nlisTableHeader {
	padding: 5px 5px 5px 5px;
	color: #000000;
	background-color: #003878;
}
.nlisTableHeader a:link {font-style: normal; font-weight: normal; text-decoration: none; color: #000000;}
.nlisTableHeader a:visited {font-style: normal; font-weight: normal; text-decoration: none; color: #000000;}
.nlisTableHeader a:active {font-style: normal; font-weight: normal; text-decoration: none; color: #000000;}
.nlisTableHeader a:hover {font-style: normal; font-weight: normal; text-decoration: none; color: #000000;}
.nlisTableFooter {
	font-weight: normal;
	color: #FFFFFF;
	background-color: #003878;
	height: 24px;
	vertical-align: middle;
}
.nlisTableFooter a:link {font-style: normal; font-weight: normal; text-decoration: none; color: #CEE9F6;}
.nlisTableFooter a:visited {font-style: normal; font-weight: normal; text-decoration: none; color: #CEE9F6;}
.nlisTableFooter a:active {font-style: normal; font-weight: normal; text-decoration: none; color: #CEE9F6;}
.nlisTableFooter a:hover {font-style: normal; font-weight: normal; text-decoration: none; color: #FFFFFF;}
.nlisTableFooter span {font-weight: bold;}
.nlisRow1 {
	padding: 2.5px 5px 2.5px 5px;
	background-color: #CEE9F6;
}
.nlisRow1 td {
	padding: 2.5px 5px 2.5px 5px;
}
.nlisRow1 a:link {font-style: normal; font-weight: normal; text-decoration: underline; color: #003878;}
.nlisRow1 a:visited {font-style: normal; font-weight: normal; text-decoration: underline; color: #003878;}
.nlisRow1 a:active {font-style: normal; font-weight: normal; text-decoration: underline; color: #003878;}
.nlisRow1 a:hover {font-style: normal; font-weight: normal; text-decoration: underline; color: #003878;}
.nlisRow2 {
	padding: 2.5px 5px 2.5px 5px;
	background-color: #E4F7FF;
}
.nlisRow2 td {
	padding: 2.5px 5px 2.5px 5px;
}
.nlisRow2 a:link {font-style: normal; font-weight: normal; text-decoration: underline; color: #003878;}
.nlisRow2 a:visited {font-style: normal; font-weight: normal; text-decoration: underline; color: #003878;}
.nlisRow2 a:active {font-style: normal; font-weight: normal; text-decoration: underline; color: #003878;}
.nlisRow2 a:hover {font-style: normal; font-weight: normal; text-decoration: underline; color: #003878;}
.nlisColumnHeadingCell {
	background-image: url(../Images/columnH.gif);
	background-repeat: repeat-x;
	height: 21px;
}
.nlisColumn0 {
	cursor: hand;
	font-size: 11px;
}
.nlisColumn0 .left {
	width: 10px;
	height: 21px;
	background-image: url(../Images/columnL0.gif);
	padding: 1 10 6 0;
	position: relative;
	bottom: 0;
}
.nlisColumn0 .label {
	height: 21px;
	color: #000000;
	font-weight: normal;
	background-image: url(../Images/columnM0.gif);
	padding: 1 2 5 1;
	position: relative;
	bottom: 0;
}
.nlisColumn0 .right {
	width: 10px;
	height: 21px;
	background-image: url(../Images/columnR0.gif);
	padding: 1 10 6 0;
	position: relative;
	bottom: 0;
}
.nlisColumn0 .sortedUp {
	width: 19px;
	height: 21px;
	background-image: url(../Images/columnR0Up.gif);
	padding: 1 19 6 0;
	position: relative;
	bottom: 0;
}
.nlisColumn0 .sortedDown {
	width: 19px;
	height: 21px;
	background-image: url(../Images/columnR0Down.gif);
	padding: 1 19 6 0;
	position: relative;
	bottom: 0;
}
.nlisColumn1 {
	cursor: hand;
	font-size: 11px;
}
.nlisColumn1 .left {
	width: 10px;
	height: 21px;
	background-image: url(../Images/columnL1.gif);
	padding: 1 10 6 0;
	position: relative;
	bottom: 0;
}
.nlisColumn1 .label {
	height: 21px;
	color: #000000;
	font-weight: normal;
	background-image: url(../Images/columnM1.gif);
	padding: 1 2 5 1;
	position: relative;
	bottom: 0;
}
.nlisColumn1 .right {
	width: 10px;
	height: 21px;
	background-image: url(../Images/columnR1.gif);
	padding: 1 10 6 0;
	position: relative;
	bottom: 0;
}
.nlisColumn1 .sortedUp {
	width: 19px;
	height: 21px;
	background-image: url(../Images/columnR1Up.gif);
	padding: 1 19 6 0;
	position: relative;
	bottom: 0;
}
.nlisColumn1 .sortedDown {
	width: 19px;
	height: 21px;
	background-image: url(../Images/columnR1Down.gif);
	padding: 1 19 6 0;
	position: relative;
	bottom: 0;
}

/*
===============================
	HEADER
===============================
*/
.header
{
	background-image: url(../Images/headerBg.gif);
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.header .fieldname {font-style: normal; font-weight: bold; color: #FFFF00;}
.header .fieldvalue {font-style: normal; font-weight: bold; color: #FFFFFF;}
.headerButtons {position: relative; bottom: 18;}
.nlisHeaderButton0 {cursor: hand; font-size: 11px;}
.nlisHeaderButton0 .left {width: 12px; height: 17px; background-image: url(../Images/btnHeaderL0.gif); padding: 1 0 3 12;}
.nlisHeaderButton0 .right {width: 5px; height: 17px; background-image: url(../Images/btnHeaderR0.gif); padding: 1 0 3 5;}
.nlisHeaderButton0 .label
{
	height: 17px;
	border-color: #0081C4;
	border-style: solid;
	border-width: 1px 0 1px 0;
	background-color: #F5FFA2;
	padding: 0 1 2 0;
}
.nlisHeaderButton1 {cursor: hand; font-size: 11px;}
.nlisHeaderButton1 .left {width: 12px; height: 17px; background-image: url(../Images/btnHeaderL1.gif);  padding: 1 0 3 12;}
.nlisHeaderButton1 .right {width: 5px; height: 17px; background-image: url(../Images/btnHeaderR1.gif);  padding: 1 0 3 5;}
.nlisHeaderButton1 .label
{
	height: 17px;
	border-color: #0081C4;
	border-style: solid;
	border-width: 1px 0 1px 0;
	background-color: #FFFFFF;
	padding: 0 1 2 0;
}

/*
===============================
	FOOTER
===============================
*/
.footer
{
	background-image: url(../Images/footerBg.gif);
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.footer .text
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 9px;
	color: #FFFFFF;
}

/*
===============================
	OTHER
===============================
*/
.nlisDocumentTable {
	background-color: #FFFFFF;
	margin: 5 10 0 10;
	border-top: solid 1 #003878;
	border-left: solid 1 #003878;
}
.nlisDocumentTable td {
	vertical-align: top;
	padding: 2 2 2 2;
	border-bottom: solid 1 #003878;
	border-right: solid 1 #003878;
}
.extra {background-color: #cee9f6; margin: 5 10 5 10;}
.hidden {display: none;}
.displayed {display: block;}
.check {padding: 2 0 2 0;}
.check label {padding-left: 6;}
.toppaddedlabel {padding-top: 2;}
.internaltable {
	background-color: #FFFFFF;
	padding: 4 4 4 4;
	border-style: solid;
	border-width: 1;
	border-color: #0081C4;
}
.leftindent {margin-left: 20;}
.checks {line-height: 2;}
.checkscell {padding-left: 20;}
.checkscell label {padding-left: 5;}
.padded_section {
	padding: 5px 10px 5px 10px;
}

/*
===============================
	COLUMN DISPLAY
===============================
*/
.nlisColumnDisplayRow {
	height: 24px;
	padding-left: 5;
	vertical-align: middle;
	background-color: #CEE9F6;
}
.nlisColumnDisplaySelector0 {
	display: none;
	position: relative;
	top: -100;
}
.nlisColumnDisplaySelector1 {
	display: block;
	position: relative;
	top: -100;
}
.nlisMenuTable {
	background-color: #FBFFDC;
	border: 1px solid #359CC8;
	padding: 5 10 5 10;
	line-height: 2;
	position: absolute;
}
.nlisMenuTable label {
	padding-left: 5;
}

/*
===============================
	HINT POPUP
===============================
*/
.nlisTextHint {
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	background-color: #F2FFFF;
	padding-bottom: 5;
}
.nlisTextHintTitle {
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	font-weight: bold;
	color: #ffffff;
	background-color: #003878;
}

/*
===============================
	HIDDEN SECTION
===============================
*/
.SectionOff {
	display: none;
	position: relative;
}
.SectionOn {
	display: block;
	position: relative;
}

/*
===============================
	DATAGRID
===============================
*/
.DataGridHeader {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: White;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: White;
}
.DataGridConsole {
	height: 24px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: White;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: White;
	padding-left: 4px;
	padding-right: 4px;
	vertical-align: middle;
	background-color: #CEE9F6;
}
.DataGridMenuTable {
	background-color: #FBFFDC;
	border: 1px solid #359CC8;
	padding: 0 10 0 10;
	position: absolute;
	padding-bottom: 4;
}
.DataGridMenuTable label {
	padding-left: 3;
	padding-right: 3;
	line-height: 2;
}

/*
===============================
	MESSAGING
===============================
*/
#notification
{
	z-index: 999;
	position: absolute;
	width: 200px;
	border-style: solid;
	border-width: 1px;
	border-color: #003878;
	background-color: #CEE9F6;
}
.notif {font-style: normal; font-weight: bold; text-decoration: none; color: #FF0000;}
.background1 {background-color: #CEE9F6;}
.background2 {background-color: #E4F7FF;}

/*
===============================
	CALENDAR
===============================
*/
.myCalendar {
    background-color: White;
    width: 200px;
    color: Black;
}

.myCalendar a {
    text-decoration: none;
}

.myCalendar .myCalendarTitle {
    font-weight: bold;
    font-size : 9pt;
    font-weight : bold;
    background-color: #003878;
    color : White;
}

.myCalendar td.myCalendarDay {
    border: solid 2px #fff;
    border-left: 0;
    border-top: 0;
}

.myCalendar .myCalendarNextPrev {
    text-align: center;
}

.myCalendar td.myCalendarSelector {
    background-color: White;
}

.myCalendar .myCalendarDay a, 
.myCalendar .myCalendarSelector a,
.myCalendar .myCalendarNextPrev a {
    display: block;
    line-height: 18px;
}

.myCalendar .myCalendarDay a:hover, 
.myCalendar .myCalendarSelector a:hover {
    background-color: #cee9f6;
}

.myCalendar .myCalendarNextPrev a:hover {
    background-color: #003878;
}