/*****************************************************************
title: overall_page.css
This file contains styles defnitions for the global page elements
of the defintion of the graphical page setup. The idea of having
global style defintions, is that the style definitions depends on
the surrounding environment (like a LMS, CD-GUI, etc).
The difference between a cd-rom publication and LMS-SCO's are:
- body background image (for vertical bar on a cd-rom)
- iframe height
- scoTitleBar height
- GeneralDiv top-position
Author(s):
- Tobias Ouwejan
*****************************************************************/
/*****************************************************************
style element: body
This style contains the style defintions for the page-body.
*****************************************************************/
body {
	margin: 15px 35px 15px 35px;
	padding:0px;
	font-family: Verdana;
	font-weight: normal;
	font-size : 12px;
	line-height: 15px;
}
/*****************************************************************
style classe: bodyIndex, bodyMenu
Prevent the index page for scrolling.
*****************************************************************/
.bodyIndex, .bodyMenu {
	background-image:none;
}
/*****************************************************************
style class: mainTable
The mainTable is the overall container in the SCO-html.
*****************************************************************/
.mainTable {
	width:100%;
	height:100%;
	margin:0px;
}
/*****************************************************************
style class: mainDiv
The mainDiv is the overall container in the mainTable.
*****************************************************************/
.mainDiv {
	width:100%;
	height:100%;
	margin:0px 40px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow-x:hidden;
/* this avoids the page to get a large horizontal scrollbar when the tip or glosses are hit */	
}
/*****************************************************************
style class: GeneralDiv
The table of the mainDiv class contains the actual content. The
width of the table differs per publication (depending on
surrounded environment)
Properties:
width - 500px;
*****************************************************************/
.GeneralDiv {
	width:500px;
}
/*****************************************************************
style class: mainTab subTitle
general elements for iframe (menu) page
*****************************************************************/
.MainTab .subTitle {
	height:25px;
	color:#fff;
	font:18px Arial,Helvetica,sans-serif;
}
/*****************************************************************
style class: visualDiv
This defintion contains the style of the visual on the left.
*****************************************************************/
.visualDiv {
	position:absolute;
	width:162px;
	top:54px;
	left:0px;
	overflow:hidden;
}
/*****************************************************************
style class: visualDiv
This defintion contains the style of the visual on the left.
*****************************************************************/
.ScoTitleBar {
	margin:0px;
	height:16px;
	background-color: #87b926;
	overflow:hidden;
}
/*****************************************************************
style class: pulldownHead
The position of the pulldownHead depends on the surrounding
environment.
*****************************************************************/
.pulldownHead {
	left:180px;
	top:54px;
}
