/* 
 * Basic Stuff
 */
HTML, BODY {
	height: 100%
}
BODY { font-size: 75%; }
TABLE { font-size: 100%; }

BODY, TABLE {
	padding: 0;
    margin: 0;
	font-size: 9,5pt;
	font-family : Arial, Helvetica, Geneva, sans-serif;
}
DIV, P { margin-top: 0px}

IMG { border: none; }

H1 { }
H2 { margin-top: 0px; }
H3 { }
H4 { }

.break {
	clear: both;
	line-height: 0.001em;
	margin: 0px 0px -2px 0px;
	padding: 0px;
}
DIV[class="break"] {
	margin: 0px 0px 0px 0px;
}


/* 
 * Links 
 */
A
{
	color: rgb(110,110,110);
	text-decoration: none;
}
A:hover { color: red; }

A.entry
{	color: #CC0033;
	font-weight: bold;
	/* display: block; */
}

A.enabledTreeEntry { color: #992222; }
A.enabledTreeEntry:hover { color: red; }

A.disabledTreeEntry { color: gray;}

/* The path of an entry in the Contents form */
.pathLink {}
A.pathLink { color: black; font-weight: bold; }
A.pathLink:hover { color: red; }

A.small:link { color: gray; }

A.inactive, A.inactive
{
	color: silver;
}

A.arrow
{
	background-image: url(/Bitmaps/Arrow/Item.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	display: block;
}
A.arrow:hover
{
	background-image: url(/Bitmaps/Arrow/ItemX.gif);
}

A.smallArrow
{
	background-image: url(/Bitmaps/Arrow/SmallRight.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
}

A.onlineHelp
{
	background-image: url(/Bitmaps/etc/ContextHelp.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}
A.onlineHelp:hover
{
	color: red;
}
/*
 *  Font-size
 */
H1 { font-size: 177%; }
H2 { font-size: 133%; }
H3 { font-size: 111%; }
H4 { font-size: 100%; }
.topTitle, .mainLogo DIV { font-size: 150%; }

A.enabledTreeEntry, A.disabledTreeEntry, A.smallArrow { font-size: 88%; } 
A.item, A.subitem, A.systemItem,
A.itemOn, A.subitemOn, A.systemItemOn,
A.itemActive, A.subitemActive, A.systemItemActive { font-size: 111%; }
INPUT, SELECT, OPTION, TEXTAREA { font-size: 100%; }
INPUT[type="button"],INPUT[type="submit"],INPUT[type="reset"] { font-size: 100%; }

.large { font-size: 177%; font-weight: bold; }
.small { font-size: 88%; }

.title { font-size: 150%; }
.titleInfo, .footnote, #TopHeaderNavigation { font-size: 88%; }

.notifyBody { font-size: 133%; }
.objectHeader {	font-size: 200%; }
/*
 *  
 */

#Outer {
    width: auto;
    padding-right: 170px;     	/* 15.125em right column width 15.125em */
    padding-bottom: 4em;
	padding-left: 182px;        /*  16.9375em left column width16.9375 */
	height: 100%;
}

#Inner {
    width: 100%;
    margin: 0;
}

/* 
 * Used in the main navigation column
 */
.main {
	width: 182px;                   /* 16.9375eleft column width */
    margin-left: -182px;            /*-16.9375emnegative-left column width */
    float: left;
    position: static;/* position: relative causes rendering bug in IE Win */
	z-index: 10;
}
DIV [class="main"] {
    position: relative; 			/* position: fixed causes rendering bug in Opera */
	/* margin-top: -1px; */
}

.innerMain {					  /* IE Win code (does not show background-color/-image and occasionally borders without relative) */
    width: 162;                   /* left column width minus 2em */
    overflow: hidden;
	position: relative;
	margin: 0px;
	padding: 0px;
	z-index: 12;
	background-color: #999999; 
}
DIV[class="innerMain"] { margin: 0px 20px 0px 0px;  }

#MainContainer, #MenuOuterSystem { display: relative; }
#MenuOuterSystem { padding-bottom: 50px; background-color: #999999; }
#MainContainer UL, #MenuOuterSystem UL {
	position: static;
	list-style: none;
	padding: 2px 0px 1px 20px;
	margin: 0px;
	border: none;
	width: 162px;
}		
#MainContainer UL LI, #MenuOuterSystem UL LI {
    list-style-image: none;
    list-style-type: none;
	padding: 1px 0px 2px 9px;
	margin: 2px 0px 1px 0px;
	height: 1px;
	border: none;
	display: block;
	background-color: white
}	
#MainContainer UL LI UL {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 2px 0px !important;
	border: none;
	width: auto !important;
}	
#MainContainer UL LI UL LI{
    list-style-image: none;
    list-style-type: none;
	background: url(/Bitmaps/Layout/VHS/list.gif) no-repeat 0px 0.5em;
	padding-left: 10px !important;
	height: 1px;
	display: block;
}
#MainContainer UL LI UL LI A { 
	width: 122px;
}

DIV[id="MainContainer"] UL, DIV[id="MenuOuterSystem"] UL { width: 142px !important; }
DIV[id="MainContainer"] UL LI, DIV[id="MenuOuterSystem"] UL LI {
	height: auto !important;
}

.toContent { display: none; }

.mainLogo {	height: 80px; }
.mainLogo IMG {	display: none; }
.mainLogo DIV { display: none; }

A.item, A.subitem, A.systemItem { 
	color: black; 
	width: 100%; 
	display: block
}

A.subitem {
	font-weight: bold;
	padding-left: 34px;
	line-height: 22px;
}

A.itemOn, A.subitemOn, A.systemItemOn,
A.itemActive, A.subitemActive, A.systemItemActive {
	color: grey;
	width: 100%; 
	display: block
}

.outerSystemItem, .VHSbutton {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 20px;
	line-heigt: 19px;
}
.outerSystemItem img, .VHSbutton img { 
	margin: 0px; 
	padding: 0px 3px 0px 0px;
}
.outerSystemItem A.item { color: white }

.VHSbutton { padding-bottom: 50px; }
A.item:hover, A.subitem:hover, A.systemItem:hover 
A.itemOn:hover, A.subitemOn:hover, A.systemItemOn:hover,
A.itemActive:hover, A.subitemActive:hover, A.systemItemActive:hover
{	color: red; }

HR.itemDivider
{
	width: 162px;
	text-align: left;
	margin-left: 0px;
	margin-top:18px;
	margin-bottom:18px;
	height: 1px;
	/* This is for opera */
	border-bottom: none;
	border-right: none;
	border-left: none;
}

#SearchField { width: 140px; }

/* 
 * Forms
 */
 
FORM { margin-top: 0px; }

LABEL, INPUT, TEXTAREA, SELECT, OPTION
{
	font-family : Arial, Helvetica, Geneva, sans-serif;
	color: #000000;
}

LABEL
{
	font-weight: bold;
	cursor: pointer;
	cursor: hand;
}

INPUT, SELECT, OPTION, TEXTAREA
{
	background-color: #ffffee;
}
INPUT:focus, SELECT:focus, TEXTAREA:focus
{
	border: 2px solid #FF0000;
} 
INPUT[type="button"],INPUT[type="submit"],INPUT[type="reset"]
{
	background-color: #DDDDDD;
}

FIELDSET
{
	font-weight: bold;
}

.defaultButton
{
	font-weight: bold;
}

/* 
 * Specifics of the default layout
 */
#TopPlaceHolder { padding-bottom: 101px }
.topHeader {	
	position: absolute;
	top: 0px;
	margin: 0px 0px 0px 162px;
	height: 101px;
	background: url(/Bitmaps/Layout/VHS/bg_topHeader.gif) repeat-x 0px 0px;
	width: 640;
}
DIV[class="topHeader"] { width: 640; }
.topTitle {
	width: 640px;
	padding: 0px;
	margin: 0px;
	text-align: right;
	font-weight: bold;
}
.mainLogoTop { float: right; margin-top: 19px;}
.topMiddleImage { float: left; }
.topTitle DIV { padding-top: 20px; }
#TopHeaderNavigation {
	position: absolute; 
	top: 117px; 
	right: 0px; 
	clear: both;
	width: 170px;
	display: inline;
	font-style: italic;
}
.navigationBar {
	margin: 2px 0px 0px 0px;
}

.navigationRight {	
	width: 170px;
	float: right;
	padding-right: 30px;
	z-index: 10;
}
.navigationRight { display: none }

.titleBar
{	width: 100%;
	margin: 26px 0px 0px 0px;
	position: relative;
	z-index: 12;
}/*
.titleBar {	
    
    float: left;

} */
.title
{
	font-weight: bold;
	padding:  0px 20px 13px 0px;
	margin: 0px 0px 0px 0px;
}

.titleInfo
{
	float: right;
	width: 170px;
	font-style: italic;
	text-align: left;
	vertical-align : top;
	padding-right: 30px;
	z-index: 10;
}
.titleInfo { display: none }

.content {
		
}
		
.contentColContainer {
    width: 100%;
    float: left;
    position: relative;
	z-index: 12;
}	

.contentCol {
    padding-right: 20px;
}
 /*
.contentCol {
    border-top: 1px solid transperent;        
}*/

.abstract
{	
	padding-bottom: 14px;
}

.subentries { 	
	clear: both;
	padding: 5px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	position: relative;
}

.subentry {
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

.subentryIcon
{	clear: left;
	float: left;
	padding-left: 4px;
	padding-right: 6px;
	padding-top: 2px;
}

.subentryTitle
{
	margin-left: 24px;
	padding-top: 3px;
}

.subentryPath
{
 	padding-left: 24px; /*margin-left */
}

.subentryComment
{	margin-top: 4px; 
	margin-left: 24px; 
}

.infoCol {
    width: 170px;                    /* right column width */
    margin-right: -170px;            /* negative-right column width */
    float: left;
    position: relative;
    overflow: hidden;
	z-index: 11;
	
	
}

.innerInfoCol { 

}

.image
{
	margin-bottom: 14px;
}


.uploadsHeader 
{
	font-weight: bold;
	margin-bottom: 7px;
}

.uploadsIcon
{
	float: left;
	padding-right: 3px;
	padding-bottom: 14px;
}

.uploadsContent
{
	margin-bottom: 6px;
}

.uploadsBottom
{
	margin-top: 7px;
}

.footerBar
{	width:100%;
	clear: both;
	line-height: 65px; /* 40 */
	white-space: nowrap;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 20px 0px;
}

.footnote
{	line-height: 1em;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	float: right;
	width: 170px;
}
.footnote A { color: #CC0033 !important; font-weight: normal !important;}
.footnote A:hover { color: black !important;}

/* Mozilla & Opera code */
#Outer > #Inner[id] {
    border: 1px solid transparent;
    border-width: 0 0 1px 1px; }

DIV[class="footerBar"] {border-left: 1px solid #FEFECC}
	
DIV[class="main"] {
    margin-right: 2px;
}

DIV[class="contentColContainer"] {
    margin: 0 -2px 0 -2px;			/* three Column fix */
}
DIV[class="infoCol"] {
    padding-left: 1px; /*three Column fix */
}

DIV[class="innerInfoCol"] {
    width:  180px;			/* three Column fix */
    overflow: hidden;
}
/*
.main,
.contentCol {
    border-top: 1px solid #FFF;         fix Win IE bug 
}*/
/* Mozilla & Opera code */

/* TOOL-ELEMENTS*/
.clearall, .break {
    height: 0;
    width: auto !important;
    overflow: hidden;
    float: none !important;
    clear: both;
	height: auto;
}
/*
 * Miscellaneous
 */

/* A table used in various places */
.tableHeader 
{
	font-weight: bold;
	background-color: #D8E0F2;
}

.tableCell
{
	background-color: #EEEEFF;
}

.brighterTableCell
{
	background-color: #E9E9F6;
}

/* Answers for a thread in a forum*/
.answers
{
	background-color: #F6F6F6;
}

.brighterAnswers
{
	background-color: #FBFBFB;
}

.presentInput { 
 	width: 500px;
	border-spacing: 0px;
	border-collapse: collapse;
	empty-cells: hide;
	}
	
.presentInput TD,  .presentInput TH { 
	border: 1px solid #999999; 
	padding: 3px; 
	vertical-align: top;}

/* The notification dialog */
.notifyHeader  
{
	font-weight: bold;
	color: white;
	background-color: navy;
	padding: 7px;
	margin-top: 100px;
	margin-bottom: 0px;
	text-align: center;
}

.notifyBody
{
	font-weight: bold;
	color: Navy;
	background-color: PeachPuff;
	float: center;
	padding: 14px;
	min-height: 100px;
}

/* eg Address display */
.objectHeader
{
	font-weight: bold;
	color: white;
	background-color: navy;
	padding: 7px;
	text-align: center;
}

.objectBody
{
	color: Navy;
	background-color: PeachPuff;
	margin: 0px;
}

/* The descriptors list of the thesaurus */
.thesaurusDescriptorsList 
{
	font-style: italic; 
}