body { 
	background-color: white; 
        font-family: "lucida grande",verdana,arial,sans-serif;
        font-size: small;
        margin: 0; 
} 

p {  
        margin-bottom: 0; 
}

p + p {  
        margin-top: 0; 
        text-indent: 2em; 
}

h1 { font-size: large; }
h2 { font-size: medium; }
h3 { font-size: small; } 

div.normal_frame { min-width: 1003px; }  
div.large_frame { min-width: 2050px; } 

ul.tree
{               
	list-style: none;
        margin-top: 0; 
        margin-left: 0; 
        padding-left: 0;
        font-size: x-small;
}

ul.tree ul.tree_child
{ 
        padding-left: 0.8em; 
}

ul.tree a
{ 
  color: black; 
}

ul.tree_child, ul.tree_child a
{ 
        color: #404040;
        font-size: x-small; 
}

li.tree_folder_open, li.tree_folder_closed, li.tree_item 
{
        padding-top: 0.5em; 
}

li.tree_folder_open
{ 
} 

li.tree_folder_closed
{ 
} 

li.tree_folder_closed > ul.tree
{ 
        display: none;
} 

li.tree_folder_open > ul.tree
{ 
        display: block;
} 

a {
        text-decoration: none;
}

a:hover { background: #e0e0e0; }
a:active { background: #d0d0d0; }

span.tree_expander
{
        font-family: arial, sans-serif; /* Expander arrows not present on some other fonts */
        cursor: pointer;
        color: grey;
} 

span.expander 
{ 
        font-family: arial, sans-serif; /* Expander arrows not present on some other fonts */
}

/* Note: Not a child selector for IE6's sake.
   As tree_item is leaf, there are no descendants to muckup. */
li.tree_item span.tree_expander 
{ 
        cursor: none;
        visibility: hidden; 
} 

span.folder_item
{ 
        font-weight: bold;
} 

span.diagram_item 
{ 
        font-weight: normal;
} 

span.diagram_item a
{
        font-weight: normal;
}

span.selected
{ 
        background-color: #FFFFAA; 
} 

div.showhidebar
{ 	
	text-align: right; 
	font-size: x-small; 
	color: grey; 
} 

div.showhidebar span 
{ 
	cursor: pointer; 
} 


div.large_frame *#contentswrap 
{ 
        height: 1160px; /* Height of slices */
}

div.normal_frame *#contentswrap
{ 
        height: 525px; /* Height of slices */
}

div.text {
    margin: 2em 4em;
    max-width: 50em;
}

*#contentswrap
{ 
        overflow: auto; 
        padding: 5px; 

        background: #fafafa;

        border-top: 1px solid #e0e0e0;
        border-left: 1px solid #d0d0d0;
        border-right: 1px solid #d0d0d0;
        border-bottom: 1px solid #d0d0d0; 
}

*#contentswrap ul li a:hover { background: #d3d3d3; }
*#contentswrap ul li a:active { background: #f0f0f0; }

*#logoimg
{ 
        max-width: 100%;
}

*#titlebar
{
	background: white; 
	position: relative; /* Create a new containing block for child positioning */ 
} 


*#titlebar, *#titleiconswrap, *#titlewrap, *#titleswish, *#titleicons
{ 
	height: 41px;  /* Height of bg */ 
}


*#titlewrap
{ 	
	background: url('banner1.gif') repeat-x scroll right bottom; 
	margin-right: 255px; 
}

*.title
{
        margin: 0;
        padding-top: 0.6em;
        padding-left: 0.5em; 
}

*#titleiconswrap 
{
	background: url('banner3.gif') repeat-x scroll left bottom;	
        position: absolute;
	top: 0;  
	right: 0; 
	width: 255px; 
}


*#titleswish
{ 
	background: url('banner2.gif') no-repeat scroll left bottom; 	
} 

*#titleicons
{ 
	float: right;
	padding-top: 5px; 
	padding-right: 5px; 
	height: 36px; /* #titlebar:height - padding-top */
        font-size: x-small; 
} 


*#titleiconswrap ul
{
	display: inline;

	padding: 0;
        margin: 0; 
	margin-left: 15px; 

	list-style-image: none; 		
} 

*#titleiconswrap ul li 
{
    	display: inline;	
	padding-left: 2px; 
}

*#titleiconswrap ul li:hover { background: #d3d3d3; }
*#titleiconswrap ul li:active { background: #f0f0f0; }

*#titlebar h3 
{ 
	background-color: transparent; 
	margin: 0em; 
	padding: 0.7em 0.3em 0.3em 0.3em; 
} 

*#optionbar
{
        background: #fafafa; 
        position: fixed; 	
	bottom: 0; 
	left: 0; 
	width: 100%;
	border-top: 1px solid #909090;
        font-size: x-small; 
} 

*#optionbar ul
{ 
	margin: 5px; 
	padding-left: 0; 
	list-style-image: none; 		
	display: inline; 
} 

*#optionbar ul li 
{
	display: inline; 	
	padding-right: 5px; 
}

*#optionbar a 
{ 
	color: black; 
}

*#optionbarshow, *#optionbarhide 
{
	cursor: pointer;
        padding-left: 0.5em;
        color: #000099; 
        background-color: #eaeaea; 
}

*#optionbarwrap
{
        margin: 2px;
        padding: 0; 
}

div.optionbaricons {
}

div.optionbaricons table {
    width: 650px;
    float: left;
    padding-bottom: 2px; 
}

div.optionbaricons table td {
    padding-right: 1em;
}

div.optionbaricons table a {
    position: relative;
    bottom: -3px; 
}

*#optionbarshow:hover, *#optionbarhide:hover { background: #e0e0e0; }
*#optionbarshow:active, *#optionbarhide:active { background: #d0d0d0; }

*#optionbarwrap.hidingoptionbar { display: none; }
*#optionbarshow.hidingoptionbar { display: block; }
*#optionbarhide.hidingoptionbar { display: none; } 

*#optionbarwrap.showingoptionbar { display: block; } 
*#optionbarshow.showingoptionbar { display: none; } 
*#optionbarhide.showingoptionbar { display: block; } 

img { border: 0 none; } 

img.slice 
{ 
        border: 1px solid #e0e0e0;
        margin-right: 1px; 
} 

img.thumb
{ 
        padding-top: 0.25em; 
        padding-bottom: 1em; 
       	padding-left: 0em; 
} 

img.int_link_inline img.ext_link_inline 
{
        position: relative;
        bottom: -2px; 
}

span.caption
{ 
        font-weight: normal;
        display: none; 
}

@media print { 
    span.caption {
        display: inline; 
    } 
}

span.inactive
{
        color: grey; 
} 

*#left { 
	float: left; 	
	display: visible;
        overflow: hidden; 
} 

*#right { 		
	overflow: auto; 
} 


*#sliceshow, *#slicehide
{  
        cursor: pointer;
        color: #000099; 
}

*#sliceshow.hidingslicelist { display: inline; }
*#slicehide.hidingslicelist { display: none; }
*#right.hidingslicelist { display: none; } 
*#left.hidingslicelist { max-width: 100%; } 

*#sliceshow.showingslicelist { display: none; } 
*#slicehide.showingslicelist { display: inline; } 
*#right.showingslicelist { display: block; } 
*#left.showingslicelist { max-width: 80%; }