/* Basic Colors:
BLACK ; WHITE ; #E8E8E8 - Gray ; #AAAAAA - Dark Gray
Color Scale: Lightest #D7D8ED -->  #C8C9F2 -->  #8A8CF2 --> #140AB4 --> #0A0A96 Darkest
*/

/* Main Section */
BODY  {color : BLACK; font-size : 8pt; font-family : Arial, Verdana, Helvetica; background: #ffffff fixed; top:0px; left:0px; right:0px; margin: 0px;
	scrollbar-face-color:#C8C9F2; scrollbar-arrow-color:#8A8CF2; scrollbar-track-color:#D7D8ED;
	scrollbar-shadow-color:#C8C9F2; scrollbar-highlight-color:WHITE; scrollbar-3dlight-color:#C8C9F2;
	scrollbar-darkshadow-Color:BLACK;}

P {font-family : Arial; font-style : normal; font-variant : normal; font-weight : normal; font-size : 8pt; background-color : transparent; 
	text-decoration : none; text-transform : none; list-style-image : none; color : BLACK; padding-left : 4.0pt;}
TABLE {color : BLACK; font-size : 8pt; font-family : Arial, Verdana, Helvetica; }
.tablef {color : BLACK; font-size : 8pt; font-family : Arial, Verdana, Helvetica; }

/* Banner */
#Banner {height: 97px; width:800px;}
#Banner a,a:link,a:visited,a:active {color: WHITE; background-color: transparent; text-align: center; text-decoration: none; font-weight: bold; border: solid 1px #1691CD; width: 125px; }
#Banner a:hover {color: WHITE; background-color : transparent; text-decoration: none; font-weight:bold; border: solid 1px WHITE; width: 125px; }
#Banner .tabs {background-color: #1691CD; position:absolute;top:90px;left:0px;padding-top:2px;padding-bottom:2px; width:800px; }


/* Performance Banner */
#PerformanceBanner {width:800px;border-bottom:solid 1px #0A0A96;}
#PerformanceBanner .tabs {background-color: #8A8CF2; left:0px;padding-top:2px;padding-bottom:2px; width:800px;valign=bottom; }
#PerformanceBanner a:hover {color: WHITE; background-color : transparent; text-decoration: none; font-weight:normal; border: solid 1px WHITE; width: 75px; }
#PerformanceBanner a,a:link,a:visited,a:active {color: WHITE; background-color: transparent; text-align: center; text-decoration: none; font-weight: normal; border: solid 1px #8A8CF2; width: 75px;}

/* Left Pane */
#LeftPane {position:absolute; padding: 0px; top: 110px; left: 5px; border-right:solid 1px #AAAAAA; background-color: WHITE; width: 130px;}
#LeftPane a,a:link,a:visited,a:active {color: BLACK; background-color: WHITE; text-align: left; text-decoration: none; font-weight: normal; border:solid 1px WHITE; width:125px;}
#LeftPane a:hover {color: BLACK; background-color : #E8E8E8; text-decoration: none; border:solid 1px #AAAAAA; width:125px;}
#LeftPane .line {border-bottom: solid 1px #AAAAAA; width:130px;}
#LeftPane .border {border: solid 1.0pt #140AB4;}

/* Right Pane */
#RightPane {padding: 0px; margin-top: 0.9em; margin-left: 150px; width: 600px;}
#RightPane .ackn {color : #140AB4; font-size :  8pt; font-family : Arial, Verdana, Helvetica; padding-left : 4.0pt;}
#RightPane a,a:link,a:visited,a:active {color: BLACK; text-align: left; text-decoration: none; font-weight: bold; width:auto; background-color: transparent; border:0px;}
#RightPane a:hover {color: BLACK; width:auto; text-decoration: underline; font-weight: bold;}
#RightPane .border {border: solid 1.0pt #140AB4;}
#RightPane .borderAlt {border:solid 1.0pt #D7D8ED;}
#RightPane td.locked {background-color: red;font-weight: bold;border-right: 1px solid silver;left: expression(document.getElementById("ScrollingGrid1$divContent").scrollLeft); position: relative;z-index: 10;}
#RightPane .tableAlt {background-color : #D7D8ED;}
#RightPane .tableLine {border-bottom: solid 1px #E8E8E8; vertical-align:top;}
#RightPane .tableHead {background-color : #140AB4; color : WHITE; font-weight : bold; border-bottom: solid thin red;}
#RightPane .tableBorderTR {border-top: 1px solid #888888; border-right: 1px solid #888888;}
#RightPane .tableBorderBL {border-bottom: 1px solid #888888; border-left: 1px solid #888888;}
#RightPane table.assm {border:1px solid BLACK; border-collapse:collapse; }
#RightPane td.assm {border:1px solid lightgrey; vertical-align: top;}
#RightPane div.list a,a:link,a:visited, a:active {color: BLACK; background-color: WHITE; text-decoration: none; font-weight: normal; border: 1px solid WHITE; width:auto;}
#RightPane div.list a:hover {color: BLACK; background-color : #140AB4; text-decoration: none; font-weight: normal; border: 1px solid #E8E8E8;}
#RightPane .tabs {background-color: transparent; position:relative;top:-1.7em;left:275px;padding-top:2px;padding-bottom:2px;}
#RightPane .tabs a,a:link,a:visited,a:active {color: BLACK; background-color: transparent; text-align: center; text-decoration: none; font-weight: normal; border: solid 1px #D8D8D8; width: 75px;}
#RightPane .tabs a:hover {color: BLACK; background-color : transparent; text-decoration: none; font-weight:normal; border: solid 1px BLACK; width: 75px; }
#RightPane .tabs .selected {background-color : #D8D8D8; border: solid 1px #AAAAAA;}
#RightPane .dtree {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 11px;color: #666; font-weight:normal;}
#RightPane .dtree img {border: 0px;vertical-align: middle;font-weight:normal;}
#RightPane .dtree a {color: #000000;text-decoration: none;font-weight:normal;}
#RightPane .dtree a.node, .dtree a.nodeSel {padding: 1px 2px 1px 2px;font-weight:normal; overflow:auto; }
#RightPane .dtree a.node:hover, .dtree a.nodeSel:hover {color: #8A8CF2;text-decoration: underline;font-weight:normal;}
#RightPane .dtree a.nodeSel {background-color: #c0d2ec;font-weight:normal;}
#RightPane .dtree .clip {overflow: hidden;font-weight:normal;}
#RightPane .red  {color : RED; padding-left : 4.0pt; font-weight: bold;}

#RightPane .tableTop {border-top: solid 1px black;}

/* Filler */
#Filler {position:absolute; padding: 0px; top: 110px; left: 765px; background-color: WHITE; width: auto;}
#Filler .border {border: solid 1.0pt #140AB4;}

/* Search */
#Search {position:absolute; padding: 0px; top: 15px; left: 550px; background-color: Transparent; width: 240px;}

/* Help */
#Help {position:absolute; top:200px; left:600px; border:solid 1.0pt #140AB4; background:#E8E8E8; width:600px; height:400px; overflow:auto;}
#RightPane #Help {position:absolute; top:200px; left:600px; border:solid 1.0pt #140AB4; background:#E8E8E8; width:600px; height:400px; overflow:auto;}
#RightPane .TriggerHelp {border: 1px solid #140AB4; background-color: #C8C9F2; position:absolute; left: 400px; width: 250px; height: auto;}

/* Tool Tips */
#popHelp, #popHelp table, #popHelp table td {margin: 0px;padding: 0px;border: 0px;background-color: #FFFFDD; border-color: #828C64; width: 150px;}
div.HiddenNav {left:0px; visibility:hidden; cursor:hand; position:absolute; top:0px; background-color:transparent}

/* DTree items */
.dtree {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 11px;color: #666; font-weight:normal;}
.dtree img {border: 0px;vertical-align: middle;font-weight:normal;}
.dtree a {color: #000000;text-decoration: none;font-weight:normal;}
.dtree a.node, .dtree a.nodeSel {padding: 1px 2px 1px 2px;font-weight:normal; overflow:auto; }
.dtree a.node:hover, .dtree a.nodeSel:hover {color: #8A8CF2;text-decoration: underline;font-weight:normal;}
.dtree a.nodeSel {background-color: #c0d2ec;font-weight:normal;}
.dtree .clip {overflow: hidden;font-weight:normal;}

/* Headings */
H1 { font-family : "Times New Roman, Lucida Sans Unicode, Arial"; font-style : normal; font-variant : normal; font-weight : bold; font-size : 16.0pt;
	text-decoration : none; text-transform : none; color : WHITE; vertical-align : Baseline; padding-left : 4.0pt; padding-right : 2.0pt; padding-top : 2.0pt; padding-bottom : 1.0pt;}
H2 { font-weight : bold; font-size : 12.0pt; padding-left : 4.0pt; padding-right : 2.0pt;}
H3 { font-weight : bold; font-size : 11.0pt; padding-left : 4.0pt;padding-bottom : 0.0pt;margin-left:0.65cm; text-indent:-0.65cm;}
H4 { font-weight : bold; font-size : 10.0pt; padding-left : 4.0pt;padding-bottom : 0.0pt;}
H5 { font-family : "Verdana, Arial"; font-style : normal; font-variant : normal; font-weight : bold; font-size : 10.0pt; text-decoration : none; text-transform : none; 
	color : WHITE; padding-left : 4.0pt; padding-right : 2.0pt; padding-top : 0.0pt; padding-bottom : 3.0pt;border-bottom : solid #8A8CF2 1.0pt; margin-top: 0.0pt; background-color:#140AB4; }
/*
H6 { font-family : "Lucida Sans Unicode, Arial"; font-style : normal; font-variant : normal; font-weight : bold; font-size : 16.0pt;
	background: WHITE; text-decoration : none; text-transform : none; color : #0A0A96;
	vertical-align : Baseline; padding-left : 4.0pt; padding-right : 2.0pt; padding-top : 6.0pt; padding-bottom : 0.0pt;}
*/
H5.alt { font-family : "Verdana, Arial"; font-style : normal; font-variant : normal; font-weight : bold; font-size : 10.0pt; text-decoration : none; text-transform : none; color : WHITE;
	padding-left : 4.0pt; padding-right : 2.0pt; padding-top : 0.0pt; padding-bottom : 3.0pt;border-bottom : solid #D7D8ED 1.0pt; margin-top: 0.0pt; background-color:#D7D8ED; }


H6 { font-family : "Verdana, Arial"; font-style : normal; font-variant : normal; font-weight : bold; font-size : 10.0pt; text-decoration : none; text-transform : none; color : WHITE;
	padding-left : 4.0pt; padding-right : 2.0pt; padding-top : 0.0pt; padding-bottom : 3.0pt;border-bottom : solid #D7D8ED 1.0pt; margin-top: 0.0pt; background-color:#D7D8ED; }
	
	
/* Forms Data Entry */
.inpt {color : #0A0A96; font-size :  8pt; font-family : Verdana, Arial, Helvetica; height: 14.0pt;}
.inptOver {color : #0A0A96; font-size : 8pt; font-family : Verdana, Arial, Helvetica; }
.inptChk {color : #0A0A96; font-size : 6pt; font-family : Verdana, Arial, Helvetica; }

/* General Items */
.head {color : #AAAAAA; font-size : 10pt; padding : 0pt; }
.red  {color : RED; font-size :  8pt; font-family : Arial, Verdana, Helvetica; padding-left : 4.0pt; font-weight: bold;}

.white {color : WHITE; }
.grey {color : #AAAAAA; }
.hilite {color: Yellow; }
.fill {background: #140AB4; }
.fillback {background: #140AB4; }
.fillgrey {background: #E8E8E8; }
.deleted {text-decoration: line-through; }
.verticaltext {font: 11px Verdana,Arial; position: absolute; right: 3px; top: 20px; width: 15px; writing-mode: tb-rl;}
.verticalCopy {font: 9px Verdana,Arial; position: absolute; left: 750px; top: 150px; width: 15px; writing-mode: tb-rl;}
.vertical {font: 9px Verdana,Arial; writing-mode: tb-rl;}
.writing {font-size: 14px; font-family: Comic Sans MS; color: #8A8CF2;}
.highlight {background: #140AB4; color: WHITE;}
.dictionary {border-bottom: dashed thin #140AB4;}
.glossary {border-bottom-width: 1px; border-bottom-color: #140AB4; border-bottom-style: dotted; font-style:italic; }
.ackn {color : #140AB4; font-size :  8pt; font-family : Arial, Verdana, Helvetica; padding-left : 4.0pt;}
.tableAlt {background-color : #49FFFF;}
.tableAlt2 {background-color : #808080;}
.tableAlt1 {background-color : #E8E8E8;}
.tableLine {border-bottom: solid 1px #E8E8E8; vertical-align:top;}
.tableHead {background-color : #140AB4; color : WHITE; font-weight : bold; border-bottom: solid thin red;}
.tableBorderTR {border-top: 1px solid #888888; border-right: 1px solid #888888;}
.tableBorderBL {border-bottom: 1px solid #888888; border-left: 1px solid #888888;}
.permUses {overflow: auto; height: 25em; background-color: #F5F5F5; border: solid 1px #DBDBDB;}
.permUses ul {margin: .5em 0px; padding: 0px;}
.permuses ul li {list-style-type: none;}
table.assm {border:1px solid BLACK; border-collapse:collapse; }
td.assm {border:1px solid #E8E8E8; border-collapse:collapse; vertical-align:top;}

/* Contents */
#TopContents {position:absolute; top: 0px; padding: 0px; left: 0px; width: 100%; }

#LeftContents {position:absolute; top: 50px; padding: 0px; left: 0px; background-color: WHITE;}
#LeftContents .dtree {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 11px;color: #000000;white-space: nowrap;font-weight:normal;}
#LeftContents .dtree img {border: 0px;vertical-align: middle;font-weight:normal;}
#LeftContents .dtree a {color: #000000;text-decoration: none;font-weight:normal; width:auto; border: 0; }
#LeftContents .dtree a.node, .dtree a.nodeSel {white-space: nowrap;padding: 1px 2px 1px 2px;font-weight:normal;}
#LeftContents .dtree a.node:hover, .dtree a.nodeSel:hover {color: #000000;text-decoration: underline;font-weight:normal;background-color:#E8E8E8;}
#LeftContents .dtree a.nodeSel {background-color: #E8E8E8;font-weight:normal;}
#LeftContents .dtree .clip {overflow: hidden;font-weight:normal;}
#LeftContents a,a:link,a:visited, a:active {color: BLACK; background-color: WHITE; text-decoration: none; font-weight: bold; border: 1px solid WHITE; width:auto;}
#LeftContents a:hover {color: BLACK; background-color : #140AB4; text-decoration: none; font-weight: bold; border: 1px solid #E8E8E8;}

#RightContents {padding: 0px; position:absolute; top:50; right:0; border-left:solid 1px #AAAAAA; z-index:1; background:WHITE; width:600px; height:100%;}
#RightContents table {color : BLACK; font-size : 8pt; font-family : Arial, Verdana, Helvetica; }
#RightContents table.assm {border:1px solid BLACK; border-collapse:collapse; }
#RightContents td {vertical-align: top;}
#RightContents td.assm {border:1px solid lightgrey; vertical-align: top;}
#RightContents h1 {font-weight : bold; font-size : 12.0pt; padding-top:10px; } 
#RightContents h2 {font-weight : bold; font-size : 11.0pt; padding-top:10px;padding-bottom:0px}
#RightContents h3 {font-weight : bold; font-size : 10.0pt; }
#RightContents h4 {font-weight : bold; font-size : 9.0pt; }
#RightContents h5 {font-weight : bold; font-size : 9.0pt; font-style: italic; color : BLACK; border-bottom : none; background-color: Transparent; }
#RightContents .border {border : solid 1pt black; background-color : silver;}
#RightContents .shade {background: silver; border : solid 1pt black;}
#RightContents .header {color:white; background:black;padding-left:3px;padding-bottom:3px;}
#RightContents td.black {background:black; border:1px solid white; color:white; text-align:center;}
#RightContents .footnote {font-size : 7.0pt;}

#RightForm {padding: 0px; position:absolute; top:50; right:0; border-left:solid 1px #AAAAAA; z-index:1; background:WHITE; width:600px; }
#RightForm table {color : BLACK; font-size : 8pt; font-family : Arial, Verdana, Helvetica; }
#RightForm table.assm {border:1px solid BLACK; border-collapse:collapse; }
#RightForm td.assm {border:1px solid lightgrey; vertical-align:top;}
#RightForm .border {border : solid 1pt black; background-color : silver;}
#RightForm .shade {background: silver; border : solid 1pt black;}
#RightForm .header {color:white; background:black;padding-left:3px;padding-bottom:3px;}

#RightControl {padding: 0px; background:WHITE; }

/* MasterPlan Matrices */
#MPMatrix  {height:600px;  width:1000px; overflow:auto; border:1px solid BLACK;}
#MPMatrix table,table.Grid {border:1px solid BLACK; background-color: white; border-collapse:collapse; Z-INDEX: 101; }                     
#MPMatrix td {margin:0px; border:1px solid BLACK;}
/* Locks table header */
#MPMatrix th {background-color:lightblue; position:relative; cursor: default; margin:0px; border:1px solid BLACK;
/*IE5+ only*/ 
top: expression(this.parentElement.parentElement.parentElement.parentElement.scrollTop -2);z-index: 10;	
}

#MPMatrix tr.GridHeader TH{text-align:center;background-color:white;}					
       						
/* Locks the left column */ 
#MPMatrix td.locked, th.locked{position:relative;background-color:white;cursor: default; 
/*IE5+ only*/	
left: expression(this.parentElement.parentElement.parentElement.parentElement.scrollLeft-2);	
} 
       					
/* Keeps the header as the top most item. Important for top left item*/ 
#MPMatrix th.locked {z-index: 99;} 

/* Highlight */
Highlight {color : black; background-color:yellow;}
/* Definitions used in the Print control to distinguish the defined terms within the text.*/
.Definitions {border-bottom-width:0.01cm; border-bottom-style:dashed;}
/* tooltip used to determine the colour and width of the help tooltip throughout the application.*/
/*.tooltip {color : blue; width: 150px; VISIBILITY:hidden;}*/


.tooltip {BORDER-RIGHT:black 1px solid; PADDING-RIGHT:2px; BORDER-TOP:black 1px solid; PADDING-LEFT:2px; Z-INDEX:100; VISIBILITY:hidden; PADDING-BOTTOM:2px; FONT:10px Verdana; BORDER-LEFT:black 1px solid; WIDTH:100px; PADDING-TOP:2px; BORDER-BOTTOM:black 1px solid; POSITION:absolute; BACKGROUND-COLOR:#ccccff;}

/* autocomplete is used to determine the front colour and background colour of all the autocomplete textboxes in the application*/
autocomplete {color : white; background-color: #C8C9F2;}
/* autocomplete Highlight is used to determine the backgorund colour changed when a user scrolls over the autocomplete textbox.*/
autocompleteHighlight {color : #AAAAAA; }

/* Round Border Boxes */
#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
#xsnazzy h1 {font-size:2.5em; color:#fff;}
#xsnazzy h2 {font-size:2em;color:#06a; border:0;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:1em;}
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#d4d4d4; border-left:1px solid #08c; border-right:1px solid #08c;}
.xb1 {margin:0 5px; background:#08c;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent {display:block; background:#d4d4d4; border:0 solid #08c; border-width:0 1px;}

#Contents1 {position:absolute; top: 50px; padding: 0px; left: 0px; border-left:solid 1px #AAAAAA; overflow: hidden; background-color: WHITE;z-index:10}
#Contents1 .dtree {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 11px;color: #000000;white-space: nowrap;font-weight:normal;}
#Contents1 .dtree img {border: 0px;vertical-align: middle;font-weight:normal;}
#Contents1 .dtree a {color: #000000;text-decoration: none;font-weight:normal; width:auto; border: 0; }
#Contents1 .dtree a.node, .dtree a.nodeSel {white-space: nowrap;padding: 1px 2px 1px 2px;font-weight:normal;}
#Contents1 .dtree a.node:hover, .dtree a.nodeSel:hover {color: #000000;text-decoration: underline;font-weight:normal;background-color:#E8E8E8;}
#Contents1 .dtree a.nodeSel {background-color: #E8E8E8;font-weight:normal;}
#Contents1 .dtree .clip {overflow: hidden;font-weight:normal;}
#Contents1 a,a:link,a:visited, a:active {color: BLACK; background-color: WHITE; text-decoration: none; font-weight: bold; border: 1px solid WHITE; width:auto;}
#Contents1 a:hover {color: BLACK; background-color : #140AB4; text-decoration: none; font-weight: bold; border: 1px solid #E8E8E8;}

#Contents2 {padding: 0px; position:absolute; top:50; right:0; border-left:solid 1px #AAAAAA; z-index:10; background:WHITE; width:600px; height:100%;overflow: auto; border: 1px solid #006699;}
#Contents2 table {color : BLACK; font-size : 8pt; font-family : Arial, Verdana, Helvetica; }
#Contents2 table.assm {border:1px solid BLACK; border-collapse:collapse; }
#Contents2 td.assm {border:1px solid lightgrey;}
#Contents2 h1 {font-weight : bold; font-size : 12.0pt; padding-top:10px; } 
#Contents2 h2 {font-weight : bold; font-size : 11.0pt; padding-top:10px;padding-bottom:0px}
#Contents2 h3 {font-weight : bold; font-size : 10.0pt; }
#Contents2 h4 {font-weight : bold; font-size : 9.0pt; }
#Contents2 h5 {font-weight : bold; font-size : 9.0pt; font-style: italic; color : BLACK; border-bottom : none; background-color: Transparent; }
#Contents2 .border {border : solid 1pt black; background-color : silver;}
#Contents2 .shade {background: silver; border : solid 1pt black;}
#Contents2 .header {color:white; background:black;padding-left:3px;padding-bottom:3px;}
#Contents2 td.black {background:black; border:1px solid white; color:white; text-align:center;}
#Contents2 .footnote {font-size : 7.0pt;}

#DragColumn_0 {position:relative;z-index:5;}
#DragColumn_1{position:absolute;cursor:e-resize;z-index:11;}
#DragColumn_2{position:absolute;cursor:e-resize;z-index:11;}

/* MasterPlan Print Control */
.SectionParagraph {margin-left:0.65cm; text-indent:0cm;}
.SectionParagraph2 {margin-left:1.3cm; text-indent:0cm;}
.SectionParagraphNumbered {margin-left:0.65cm; text-indent:-0.65cm;}
.SubSectionHead {margin-left:0.65cm; text-indent:-0.65cm;}
.SubSectionHeading {margin-left:0.65cm; text-indent:-0.65cm;font-weight:bold;}
.SubSectionHeading2 {margin-left:1.3cm; text-indent:-0.65cm;font-weight:bold;}
.SubSectionHeading3 {margin-left:1.95cm; text-indent:-0.65cm;font-weight:bold;}
.SectionPoints1 {margin-left:1.3cm; text-indent:-0.65cm;}
.SectionPoints2 {margin-left:1.95cm; text-indent:-0.65cm;}
.SectionPoints3 {margin-left:2.6cm; text-indent:-0.65cm;}
.SectionPoints4 {margin-left:1.3cm; text-indent:-0.65cm;}
.SectionPoints5 {margin-left:1.95cm; text-indent:-0.65cm;}
.SectionPoints6 {margin-left:3.25cm; text-indent:-0.65cm;}
.background {background-color: #D7D8ED; border-top:solid 1px #8A8CF2;}
.TableColumnHeadings {color:WHITE; text-align:center;}