/* Page layout CSS for the MBLogic help system. 
	This contains the CSS which controls the overall page layout
	and appearance, as well as the display of the navigation menu.
*/

/* This controls the appearance of the area outside of the defined screens. */
body,
html {
	margin:0px;
	padding:0px;
	background:white;
	color:black;
	}
/* This provides the background image. */
body {
	min-width:1000px;
	min-height:800px;
	background-image:url('systembackground.png')
	}

/* This provides a filler strip between the nav menu and the main display area. */
#filler {
	background:whitesmoke;
	margin:0px auto;
	width:1000px;
	}

/* This is the "header" area at the top. */
#header {
	background:cornflowerblue;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	}
.headlogo {
	padding-top:15px;
	padding-bottom:5px;
	padding-left:15px;
	padding-right:5px;
}
.headtitle1 {
	font-size: 300%;
	font-family: Verdana, sans-serif;
	font-weight:900;
	}
.headtitle2 {
	font-size: 150%;
	font-family: Verdana, sans-serif;
	font-weight:500;
	font-style:italic;
	}

/* This handles the navigation (menu) bar. */
#nav {
	background:aqua;
	font-size: 115%;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:5px;
	font-family: Verdana, sans-serif;
	}
#nav ul{
	padding-top:2px;
	padding-bottom:15px;
	list-style:none;
	}
#nav li{
	display:inline;
	}

#nav a {
	float:left;
	text-decoration:underline;
	color:black;
	background-color:cadetblue;
	border-right:3px solid aqua;
	border-top:3px solid aqua;
	border-left:3px solid aqua;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	padding-right:15px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	}

#nav a:hover {
	background-color:darkcyan;
	}


/* These set up the pages in columns. */
#helpnav {
	float:left;
	width:200px;
	margin:0;
	background:whitesmoke;
	}

#datadisplay {
	float:right;
	padding:5px;
	width:790px;
	margin:0;
	background:whitesmoke;
	}

#datadisplay h2, #datadisplay h3, #datadisplay p {
	padding:0px 10px;
	}


/* These set up the pages in columns. */
#lcolumn {
	float:left;
	width:250px;
	margin:0;
	background:whitesmoke;
	}

#rcolumn {
	float:right;
	width:750px;
	margin:0;
	background:whitesmoke;
	}


/* This is used to provide a full width display for ladder samples. */
#ladsampledisplay {
	clear:both;
	padding:5px;
	width:1000px;
	margin:0;
	background:whitesmoke;
	}

/* This provides a filler strip at the bottom of the main display area. */
#footer {
	background:wheat;
	clear:both;
	}
#footer p {
	padding:5px;
	margin:0px;
	}


/* This controls the appearance of examples. */
.examples {
	background-color:#CCCCCC
	}


/* This controls the appearance of tables in the help pages. */
.helptable {
	border-collapse: separate;
	border-spacing: 5px 5px
	}
/* This controls the cell padding. */
.helptable td {
	padding: 5px
	}
/* This controls the padding for table headings. */
.helptable th {
	padding: 5px
	}