BODY		  { margin:0;
				font:9pt Lucida Sans unicode, Lucida Sans, sans-serif;
				background-color:#363636;
				background:url(body-bg.png);
			}
/**** HIDE FROM IE6 ****/
BODY[ID] 	  { background:url(body-bg.png); }

H2			  { margin:6px 0 6px 0px;
				font: 10pt Lucida Sans unicode, Lucida Sans, sans-serif;
				color: #ced; }

H1			  { position:relative;
				margin:6px 0 6px 2px;
				font: 18pt Lucida Sans unicode, Lucida Sans, sans-serif;
				color: black; }
				
H1 .OVER 	  { position:absolute;
				top:-1px; left:-3px;
				color: white; }
				
A			  { border-width: 0 0 1px 0;
				border-style: none none dotted none;
				text-decoration: none;
				color: white; }

#IDScreen	  { position:absolute; left:0px; top:0px; width:100%; height:56px;
				background: url('sky.jpg') bottom left; }

#IDHeader	  {	position:relative; z-index:3;
				width: 100%; height: 118px;
				background: url('header-bg.png') repeat-x bottom left; }

#IDHeaderLogo { background: url('logo-right.png') no-repeat;
				display: none; position: absolute;
				top: 8px; left: 15px; width:380px; height:53px;
				z-index:2; }
				
#IDMenubar	  { position: relative; background-color:#355078; height:28px;
				width:446px; top:56px; padding-left:12px; margin: 0 0 0 auto; }

/***** Title/Footer (document) *****/

.DESCBOX.DYN_SB_ON {
				margin-left:316px;}
.DESCBOX.DYN_SB_OFF {
				margin-left:40px;}

#IDSidebar	  { position: relative;
				top:4px; left:24px; float:left; width:272px; }

#IDSBPatch 				{}
#IDSBPatch.DYN_SB_ON 	{}
#IDSBPatch.DYN_SB_OFF 	{}

#IDContent	  { position:relative;
				margin:0px 24px 0px 18px; 
				color: black; }
				
#IDContent.DYN_SB_ON	  { margin-left:290px; }

#IDContent.DYN_SB_OFF {}

#IDContent H2			  { font:14pt Lucida Sans Unicode, sans-serif; color: #363; letter-spacing:-0.1em; font-weight:700; margin:38px 0 0px 12px;}

#IDContent H3			  { font:11pt Lucida Sans Unicode, sans-serif; color: #363; letter-spacing:-0.05em; font-weight:700; margin:38px 0 0px 12px;}

#IDContent .H2O			  { font-size:12px; color: #363; margin-right:12px; }

#IDContent P			  { margin: 0; border:white solid; border-width:16px 12px 0 28px; padding: 0px 24px 0 12px; text-align:justify; }

#IDContent B			  { color: #585; }

#IDContent EM			  { color: #585; }

#IDContent .ABSTRACT	  { font-size: 9.5pt; background-color:#ff8; }

#IDContent .CODE		  { font-family:monospace; font-weight:700;
							color:#3c5a7b;
			   				margin: 24px 24px 0 40px;
							padding: 12px 22px 22px 58px;
							border-width: 0 0 0 2px;
							border-color: gray;
							border-style: dotted;
							overflow-x: auto;
							overflow-y: hidden; }

#IDContent .INLINECODE	  { font-family:monospace; font-weight:700;
							color:#3c5a7b; }

#IDContent .BULLET		  { position:relative; left:-8px; top:4px; float:left; width: 16px; height: 9px; background:url('bullet.png') no-repeat; }

#IDContent .BULLETNEW	  { position:relative; left:-8px; top:3px; float:left; width: 25px; height: 11px; background:url('bullet-new.png') no-repeat; }

#IDContent .WIDESCREEN	  { text-align: center;
							margin: 0px auto 0px auto;
							overflow-x: auto;
							overflow-y: hidden; }





/******************************************************************************************
** TREE
*/
.TREE { /* whole tree */
	position:relative; top:-4px;
	padding-bottom:4px; }
.TREE .R { /* root level nodes */
	position: relative;
	padding-top:4px; }
.TREE .VL { /* vertical line */
	position: relative;
    background:url(treeI.png) repeat-y;
    padding-left:10px; }
.TREE .IVL { /* invisible vertical line */
	position: relative; }
.TREE .VLX { /* vertical line - last segment */
	position: relative;
    padding-left:10px; }
.TREE .B { /* branch */
	position: relative;
    background:url(treeI-.png) no-repeat;
    padding-left:10px; }
.TREE .BX { /* end branch */
	position: relative;
    background:url(treeL.png) no-repeat;
    padding-left:10px; }
.TREE .SYM_PLUS {
	position: relative;
    background:url(tree+.png) no-repeat;
    padding-left:10px;
    height:16px; }
.TREE .SYM_MINUS {
	position: relative;
    background:url(tree-.png) no-repeat;
    padding-left:10px;
    height:16px; }
.TREE .SYM_WAIT {
	position: relative;
    background:url(wait.gif) no-repeat;
    padding-left:10px;
    height:16px; }
.TREE .SYM_EMPTY {
	position: relative;
	background:url(icon-blank.png) no-repeat;
    padding-left:10px;
    height:16px; }
.TREE .SYM_CAM {
	position: relative;
	background:url(icon-cam.png) no-repeat;
    padding-left:14px;
    height:16px; }
.TREE .SYM_DL {
	position: relative;
	background:url(icon-dl.png) no-repeat;
    padding-left:10px;
    height:16px; }
.TREE .DESC {
	position: relative; left:1px; top:-1px;
	color: #162e48;
	font: italic 7.5pt sans-serif;
	padding: 4px 0px 4px 4px;
}
.TREE A {
	position: relative; left: 5px; top: 4px;
	color: #162e48;
	font: bold 8pt sans-serif;
	border-width: 0 0 2px 0;
	border-style: none;
	background:url('bg-dotted.png') repeat-x bottom left;
	text-decoration: none;
}
.TREE .TITLE {
	position: relative; left: 3px; top: 4px;
	color: #162e48;
	font: bold 8pt sans-serif;
}






/******************************************************************************************
** MENU
*/
.MENU {
	position:relative;
	width: 250px;
	background: url('transparent.png') no-repeat;
	white-space: normal;
	display: block;
	cursor: default;
	color: #162e48;
	font: 700 8pt sans-serif; }
.POPUP {
	position: absolute; left: -25px; top: 23px; }
.ISDOCKED {
 	position: relative; left: 0px; top: 0px; }
.MENU .DOCKUP {
	position:absolute; z-index:2;
	top: -15px; left: 8px; width: 14px; height: 14px;
	background: url('dynmenu-defaultbutton.png'); }
.MENU .DOCKDOWN {
    position:absolute; z-index:2;
    top: -15px; left: 8px; width: 14px; height: 14px;
	background: url('dynmenu-pin.png'); }
.MENU .HL {
	position:absolute; z-index:2;
	top: -25px; left: 0px; width: 29px; height: 29px; white-space:normal;
    background:url(dynmenu-header.png); }
.MENU .HR {
	position: absolute; z-index:2;
	top: -25px; left: 29px; height: 29px; white-space: normal; padding-top:4px;
	background:url(dynmenu-header.png) no-repeat top right; }
.MENU .TOP {
	position:relative; height:12px;
	margin:0px;
    background:url(dynmenu.png); }
.MENU .MIDDLE {
	position:relative;
	background:url(dynmenu-bg.png); }
.MENU .BOTTOM {
	position:relative; height:24px;
    background:url(dynmenu.png) bottom left; }
.MENU .CONTENT {
	position:relative;
	margin:0 18px 0 12px; }
.MENU .CAPTION { /* FONT == BTN */
	position: relative; top: 6px; left:-4px; margin-right:12px; /* Padding for dynmenu-header (R) */
	color:#ABC;
	font: bold 12px sans-serif; }
.MENU .PADDOCKED {
    position:relative; height: 24px; }
.MENU .PADUNDOCKED {
	position:relative; height: 0px; }

.BTN {
	position:relative; top:8px; margin-right:20px;
	color:#ABC; background-color:#355078;
	font: bold 12px sans-serif; }
.BTNGREY {
	position:relative; top:8px; margin-right:20px;
	color:#457;
	font: bold 12px sans-serif; }
.BTNLITE {
	position: relative; top:8px; margin-right:20px;
	color: #345;
	font: bold 12px sans-serif;
	background:#ABC;
}

.MENU .LOC { color:#ABC; }
.MENU .HIC { color:#162e48; }



/******************************************************************************************
** TOOLTIP
*/
.tooltip {
	color: #FFF;
	width: 172px;
	z-index: 10;
}
.tooltip h4 {
	font-weight: bold;
	font-size: 11px;
	color: #000;
	margin:0;
	padding: 5px 8px 5px;
	background:url(bubble.png) top left;
}
.tooltip p {
	font-size: 11px;
	color: #000;
	position:relative;
	top:-1px;
	margin:0;
	padding: 5px 8px 8px;
	background:url(bubble.png) bottom right;
}





/*********************************************************************************
** ROUNDED CORNERS
**/
.Canvas { position:relative; min-width: 34px; min-height:35px; }
.Canvas .tl { position:relative; background:url(canvas-tl.png) top left no-repeat; }
.Canvas .tr { position:relative; background:url(canvas-tr.png) top right no-repeat; }
.Canvas .bl { position:relative; background:url(canvas-bl.png) bottom left no-repeat; }
.Canvas .br { position:relative; background:url(canvas-br.png) bottom right no-repeat; }
.Canvas .te { position:relative; background:url(canvas-te.png) top repeat-x; margin:0px 19px 0px 15px; }
.Canvas .be { position:relative; background:url(canvas-be.png) bottom repeat-x; padding: 15px 0px 20px 0px; }
.Canvas .le { position:relative; background:url(canvas-le.png) left repeat-y; margin: 0px -19px 0px -15px; }
.Canvas .re { position:relative; background:url(canvas-re.png) right repeat-y; padding: 0px 19px 0px 15px; }
.Canvas .cn { position:relative; background:white; }
