/* Styles for main items, all pages and style sheets should also derive from this style sheet */

html
{
	text-align: left;
	font-family: Tahoma, 'Microsoft Sans Serif';
	font-size: 10pt;
}

/* title of a section on the page, contained in div::content  
NB remove this; all DIV should refer by 'class=xxx' instead of 'id=uniquename' 
(except content div since that is used for resize) */
div#screentitle
{
	padding-left: 7px;
	margin-bottom: 20px;
	color: White;
	background-color: #503c57;
	font-size: large;
	font-weight: bold;
	background-image: url("../images/TitleBlueBar.gif");
	background-repeat: repeat-y;
}

.screentitle
{
	padding-left: 7px;
	margin-bottom: 20px;
	color: White;
	background-color: #887c74;
	font-size: large;
	font-weight: bold;
	background-image: url("../images/TitleBlueBar.gif");
	background-repeat: repeat-y;
}

div#subscreentitle
{
	color: #887c74;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 10px;
	border-bottom: solid #0092c0 1px;
	padding-left: 5px;
}

.subscreentitle
{
	color: #503c57;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
	border-bottom: solid #0092c0 1px;
	text-indent: 5px;
}

.tabView
{
	top: 0px;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: auto;
	border-color: #E0E0E0;
	border-style: solid;
	border-width: 2px;
	min-height:500px;
}

/* FORWARD and BACK buttons */
div#topSubMenuLeft
{
	position: absolute;
	top: 30px;
	left: 5px;
}
div#topSubMenuRight
{
	position: absolute;
	top: 30px;
	right: 5%;
}