/*
	This css stylesheet contains all necesary style specifications to 
	get the publication to work and look correctly.
*/

/***************************
	general
***************************/
html, body, div
{
	/* no margins for all browsers */
	margin: 0px;
}

html, body
{
	/* Prevent some weird missing content problem in IE compatability mode */
	height: 100%;
	width: 100%;

	/* remove scrollbar in IE compatibility mode */
	overflow: auto; 
}
/***************************
	index.htm 
***************************/
#center
{
	position: absolute;
	height: 100%;
	width: 100%;	
	text-align: center; /* center website in case #main gets a fixed width */
}

#main
{
	position: relative;
	height: 100%;
	
	/* center website in case #main gets a fixed width */
	margin-left: auto;
	margin-right: auto;

	text-align: left; /* prevent inheritance of text-align in #center */
}

#header
{
	position:absolute;    	    	
	width:100%;  	
}

#options
{
	position:absolute;
	width: 100%;
	z-index: 2;
}

#footer
{
	position:absolute;
	width: 100%;
	bottom: 0px;
}

#filter
{
	position: absolute;
	overflow: auto;
	z-index: 1;
}

#search
{
	position: absolute;
	overflow: auto;
	z-index: 1;
}

.options_button
{
	cursor: pointer;
}

/***************************
	Header
***************************/
.path_button
{
	
	cursor: pointer;
}

#home_button
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	cursor: pointer;
	z-index: 1;
}

#title
{
	display: inline-block;
	z-index: 0;
}

#path
{
	position: absolute;
	display: inline-block;
	z-index: 2;
	bottom: 0px;
}

/***************************
	navigation
***************************/
.content
{
	position:absolute;
	width: 100%;
}

.projector
{
	position: absolute;
}

.projector_frame
{
	position: absolute;
	width: 100%;
	height: 100%;
}

.tabMenu
{
	position: absolute;
}

.rightMenu
{
	position: absolute;
}

.mainMenu
{
	position: absolute;
	overflow: auto;
}

.pageMenu
{
	position: absolute;
}

.dropdownMenu
{
	position: absolute;
}

/***************************
	treeMenu
***************************/
.treeMenu
{
	overflow: auto;
}

.tree_toggle
{
	display:inline-block;
	cursor: pointer;
}

.tree_menuitem .tree_node
{
	white-space: nowrap;
}

.tree_link
{
	cursor: pointer;
}

/***************************
	mainMenu
***************************/
.main_toggle
{
	padding-right: 19px;
	cursor: pointer;
}

.main_menuitem
{
	white-space: nowrap;
}

.main_link
{
	cursor: pointer;
}

.main_toggle_opened
{
	background-image: url('../images/main_toggle_opened.gif');
}

.main_toggle_closed
{
	background-image: url('../images/main_toggle_closed.gif');
}

/***************************
	Tab Menu
***************************/
.tab
{
	display: inline-block; /* needs to be a block for a certain tabset feature */
	white-space: nowrap; /* don't want a tab to go split onto another line */

	margin: 2px 2px 1px 0px;
	padding: 2px 10px 1px 10px;
}

.tab_link
{
	cursor: pointer;
}

.tab_link_active
{
	/* button shape */
	padding: 4px 10px 2px 10px;
	margin: 0px 2px 0px 0px;
}

/***************************
	Button Menu
***************************/
.button
{
	display: block;
	white-space: nowrap;
}

/***************************
	Page Menu
***************************/
.page_previous_container
{
	display: inline-block;
}

.page_select_container
{
	display: inline-block;
}

.page_next_container
{
	display: inline-block;
}

.page_link
{
	cursor: pointer;
}

/***************************
	Dropdown menu
***************************/

.dropdown_submenu
{
	position: fixed;
	z-index: 1;
}

.dropdown_node
{
	display: inline;
	vertical-align: top;

	/* 
		inline blocks for IE7 

		zoom: 1 makes sure IE7 uses layout mode
	*/
	zoom: 1;
}

.dropdown_main_node
{
	/* center the expander image in IE7 */
	*text-align: center;
}

.dropdown_submenu_node
{
	display: block;
}

.dropdown_link, .dropdown_parent
{
	cursor: pointer;
}

/***************************
	excursion.htm
***************************/
#excursion_header
{
	position: absolute;
	width: 100%;
}

#excursion_content
{
	position: absolute;
	width: 100%;
}

#excursion_frame
{
	width: 100%;
	height: 100%;
}

/***************************
	general buttons
***************************/
.close_button
{
	display: inline-block;
	cursor: pointer;
}


/***************************
	search
***************************/
.search_results_table td
{
	white-space: nowrap;
}

.search_results_link 
{
	cursor: pointer;
}

/***************************
	Marking menu
***************************/
.mark_option
{
	display: block;
	cursor: pointer;
}

/***************************
	document.htm
***************************/
#document_body
{
	padding: 10px;
	margin-left: 40px;
	
	width: auto;
	height: auto;	
}

.excursion
{
	cursor: pointer;
	position: absolute;
	left: 10px;
}

.embed_toggle
{
	cursor: pointer;
	position: absolute;
	left: 10px;
	
	margin-top: -18px;
}
/***************************
	interactions
***************************/
.interaction_root
{
	position: relative;
}

.interaction_state
{
	position: relative;
}
/***************************
	sco.htm
***************************/
#sco_main
{
	position: absolute;
	width: 100%;
	height: 100%;
}

#sco_header
{
	position: absolute;
}

#sco_options
{
	position: absolute;
}

#sco_content
{
	position: absolute;
	bottom: 0px;
	right: 0px;
	left: 0px;
}

.sco_state_item
{
	display: inline;
}

/***************************
	logger
***************************/
#logger
{
	position: absolute;
	right: 0px;
	border: solid 1px gray;
	z-index: 10;
	background-color: White;
	padding: 10px;
}

.log_toggle
{
	cursor:pointer;
}