body
{
    background-color: #FFFFFF;
    margin: 0px;
    padding: 0px;
}

body, p, h1, h2, h3, table, td, th, ul, ol, textarea, input
{
    font-family: verdana,helvetica,arial,sans-serif;
    font-size: 100%;
    line-height: 16px;
}

p {  margin: 10px 0px 0px 0px; font-family: Verdana, Helvetica, sans-serif;  font-size : 100%;  }

.textheader { display: none;  }
.headerlogo { padding: 0px 0px 0px 0px;  }

.spacer { border: 0; margin: 0px; }
.skin { border: 0;  margin: 0px;}
.figure { border: 0; vertical-align: top ; margin-top: 10px; margin-bottom: 10px; }
/* Leave out vertical align until I figure out why IE isn't picking up the .skin/.spacer styles (JT) */
/*vertical-align: top*/

a
{
    font-size:11px;
    color: #000000;
    text-decoration: underline;
}

a.base-selected, a.not-base-selected
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}

.menu a:link { color: #000000;  font-weight: normal;}
.menu a:visited { color: #000000; font-weight: normal; }
.menu a:active { color: #000000; font-weight: normal; }
.menu a:hover { color: #000000; font-weight: normal; }

.menu { background-color: #CCCCCC;
        padding: 8px 0px 4px 0px;
        margin: 0px;
        font-size : 70%;
}

.over
{
    background-color: #990000;
    color: #FFFFFF;
    cursor: hand;
    text-align: center;
}
.out
{
    background-color: #999999;
    color: #000000;
    text-align: center;
}

.menutitle {
        cursor:pointer;
        padding: 0px 3px 5px 10px;
        background-image: url('images/chapter.gif');
        background-repeat: no-repeat;
        background-position: center left;
        font-weight : bold;}

.menu .menuitemgroup {
        margin: 0px 0px 6px 8px;
        padding: 0px;
        font-weight : bold; }

.menu .selectedmenuitemgroup{
        margin: 0px 0px 6px 8px;
        padding: 0px;
        font-weight : bold; }

.menu .menuitem {
        padding: 0px 0px 2px 10px;
        background-image: url('images/page.gif');
        background-repeat: no-repeat;
        background-position: center left;
        font-weight : normal;
}

.menu .menupage {
        padding: 4px 3px 5px 10px;
        background-image: url('images/current.gif');
        background-repeat: no-repeat;
        background-position: top left;
        font-style : normal;


}

.menu .menupagetitle {
        padding: 0px 0px 0px 6px;
        font-style : normal;
        background-color:#CFDCED;
        border-color: #FFFFFF;
        border-style: solid;
        border-width: 1px;

}

.menu .menupageitemgroup {
        padding: 3px 0px 4px 6px;
        font-style : normal;
        background-color:#FFFFFF;
        border-color: #879BB2;
        border-style: solid;
        border-width: 1px;

}

.menu .menupageitem {

        font-style : normal;
        font-weight : normal;
        border-width: 0px;
        font-size : 90%;
}


.smallerfont {
          font-size : 100%;
        padding: 0px 0px 0px 0px;
}


.biggerfont {
        font-size : 100%;
        font-weight : bold;
        padding: 0px 0px 0px 0px;
}

.resetfont {
        font-size : 100%;
        font-weight : normal;
          padding: 0px 0px 0px 0px;
}

table .title { background-color: #FFFFFF; width:100%; border: 0px; }
.dida { font-size: 80%; }

.pre { white-space: pre;}

h1 { font-size : 160%; margin: 0px 0px 0px 0px; padding: 0px; }
h2 { font-size : 140%; margin: 10px 0px 0px 0px; padding: 0px; font-weight : bold;}
h3 { font-size : 130%; margin: 18px 0px 0px 0px; padding: 0px; font-weight : bold; }
h4 { font-size : 120%; margin: 18px 0px 0px 0px; padding: 0px; font-weight : normal; text-align: left; }
h4.faq { font-size : 120%; margin: 18px 0px 0px 0px; padding: 0px; font-weight : bold; text-align: left; }
h5 { font-size : 100%; margin: 14px 0px 0px 0px; padding: 0px; font-weight : normal; text-align: left; }

.content { padding: 5px 5px 5px 10px; font : small Verdana, Helvetica, sans-serif;  font-size : 80%;  }
.content .ForrestTable {
    width: 98%;
    border-width: 1px;
    border-style: solid;
    border-spacing: 1px;
    border-collapse: collapse;
    border-color: #CCCCCC;
    }
.content .ForrestTable caption { text-align: left; color: black; font-weight: bold; }

.content .ForrestTable th {
    border-width: 1px;
    border-style: solid;
    border-color: #CCCCCC;
    background-color: #CCCCCC;
    padding: 2px;
 }
.content .ForrestTable td {
    border-width: 1px;
    border-style: solid;
    border-color: #CCCCCC;
    padding: 2px;
}


.note, .warning, .fixme {
	border-top: 3px solid #900;
	border-bottom: 3px solid #900;
	background-image: url(images/icon_error_lrg.gif);
	background-repeat: no-repeat;
	background-position: 0 1.33em;
	margin: 1.33em 0;
	padding: .33em 0 .67em 36px;
	min-height: 32px;
}


.fixme {
	background-image: url(images/icon_warning_lrg.gif);
	border-color: #c60;
}

.note {
	background-image: url(images/icon_info_lrg.gif);
	border-color: #069;
}

.label{
	font-weight: bold;
}


.code { background-color: #F7F7F7;
        border-color: #CFDCED;
        border-style: solid;
        border-width: 1px;
        font-size : 120%;
        padding: 1em 1.33em 1em 1.33em;
}

.codefrag {	font-family: "Courier New", Courier, monospace; font-size : 120%;}

.highlight { background-color: yellow; }

.minitoc { list-style-image: url('images/current.gif'); font-weight : normal;}

.search { font-size : 70%;  }
.footnote { font-size : 70%;  }
.datenote { font-size : 60%;  color: #F7F7F7;}

input { font-size : 100% }
submit { font-size : 100%  }
button { font-size : 100%  }
textarea { font-size : 100% }

.tab { font-size : 85%; border: 0 }

.trail { font-size: 70%; }

.trail a:link {  font-weight: normal;}
.trail a:visited {  font-weight: normal; }
.trail a:active {  font-weight: normal; }
.trail a:hover {  font-weight: normal; }


.dtdTag {    color: #990000; text-transform : uppercase;  font-style : normal;  font-size : 120%;  font-weight : bold; }

.top-left {
	background-color: #879BB2;
	background-image: url(images/top-left.png);
	background-repeat: no-repeat;
	background-position: top left;
	width : 5px;
	height : 5px;
}

.top-right {
	background-color: #879BB2;
	background-image: url(images/top-right.png);
	background-repeat: no-repeat;
	background-position: top right;
	width : 5px;
	height : 5px;
}

.top-left-tab  {
	background-color: #cedfef;
	background-image: url(images/top-left.png);
	background-repeat: no-repeat;
	background-position: top left;
	width : 5px;
	height : 5px;
}

.top-right-tab {
	background-color: #cedfef;
	background-image: url(images/top-right.png);
	background-repeat: no-repeat;
	background-position: top right;
	width : 5px;
	height : 5px;
}


.bottom-left {
	background-color: #879BB2;
	background-image: url(images/bottom-left.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	width : 5px;
	height : 5px;
}

.bottom-right {
	background-color: #879BB2;
	background-image: url(images/bottom-right.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	width : 5px;
	height : 5px;
}

.bottom-left-thick {
	background-color: #879BB2;
	background-image: url(images/bottom-left.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	width : 5px;
	height : 9px;
}

.bottom-right-thick {
	background-color: #879BB2;
	background-image: url(images/bottom-right.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	width : 5px;
	height : 9px;
}


@media print {
  .headerlogo { display: none;  }
  .textheader { display: block;  font-size : 70%; }
  .menu { display: none;  }
  .dida {  display: none;  }
  .minitoc { display: none;  }
  .search { display: none;  }
  .datenote { display: none;  }
  /*.footnote { display: none;  }*/
  .tab  { display: none;  }
  .trail  { display: none;  }
  .logos  { display: none;  }

  .top-left { display: none;  }
  .top-right { display: none;  }
  .top-left-tab  { display: none;  }
  .top-right-tab  { display: none;  }
  .bottom-left  { display: none;  }
  .bottom-right  { display: none;  }
  .bottom-left-thick { display: none;  }
  .bottom-right-thick  { display: none;  }

}