/* 
	Common Styles
	Windows Me Update CD Documentation 2.3
	Copyright (c) 2024 Michael Brice
*/

body {
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 8pt;
	margin: 0;
}


a:link, a:visited {
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
}


p {
	margin-top: 10px;
	margin-bottom: 10px;
}

p.indent {
	padding-left: 40px;
}


ul, ol {
	margin-top: 15px;
	margin-bottom: 15px;
}

ul li {
	margin-top: 10px;
	margin-bottom: 10px;
}


table {
	font-size: 8pt;
	border-collapse: collapse;
}

table th, td {
	text-align: left;
}


/* Navigation Bar */

.nav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.nav li {
	margin: 0;
	display: inline;
}

.nav li a {
	display: inline-block;
	text-align: center;
	padding: 10px 15px;
	font-weight: bold;
	text-decoration: none;
}

.nav li a:link, .nav li a:visited {
	text-decoration: none;
}

.nav li a:hover, .nav li a:active {
	text-decoration: underline;
}


/* Column Layout */

.columnLayout {
	width: 100%;
	border: none;
	border-collapse: collapse;
	margin-top: 25px;
}

.columnLayout th, td {
	text-align: left;
}

.columnLayout .columnLeft {
	vertical-align: top;
	padding: 0;
	width: 145px;
}

.columnLayout .columnRight {
	vertical-align: top;
	padding: 0;
}


/* Sidebar */

.sidebar {
	padding: 20px 25px;
}

.sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.sidebar li {
	margin: 0 0 10px 0;
}


/* Content */

.content {
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-left: 1px solid;
	padding: 20px 25px;
}

.content .topImage {
	float: right;
	margin-top: -20px;
	margin-bottom: 10px;
}


/* Content Elements */

.content .sectionBlock {
	margin-bottom: 25px;
}

.content .pageTitle {
	font-weight: bold;
	font-size: 10pt;
}

.content .sectionTitle {
	font-weight: bold;
	font-size: 10pt;
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid;
}

.content .subTitle {
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: bold;
}

.content .lineTitle {
	font-weight: bold;
}


/* Content Tables */

.content .tableWrapper {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.content .tableWrapper table {
	width: 100%;
}

.content .tableWrapper td, .content .tableWrapper th {
	border: 1px solid;
	padding: 5px;
}

.content .tableWrapper p {
	margin: 10px 0;
}

.content .tableWrapper td.note {
	padding: 5px 25px;
}

.content .tableWrapper td.info {
	text-align: center;
	font-weight: bold;
}


/* Footer */

.footer {
	padding: 15px 25px 15px 0;
}


/*
	Page Colour
*/

body {
    background-color: #6699CC;
	background-image: url("../images/BG.gif");
    background-repeat: no-repeat;   
	background-position: bottom left;
	background-attachment: fixed;
}

a:link, a:visited, a:hover, a:active {
	color: #336699;
}


/* Navigation Bar */

.nav {
	background-color: #336699;
}

.nav li a:link, .nav li a:visited, .nav li a:hover, .nav li a:active {
	color: #FFFFFF;
}

.nav li a.active:link, .nav li a.active:visited, .nav li a.active:hover, .nav li a.active:active {
	background-color: #6699CC;
}


/* Sidebar */

.sidebar li a:link, .sidebar li a:visited, .sidebar li a:hover, .sidebar li a:active {
	color: #FFFFFF;
}


/* Content */

.content {
	background-color: #FFFFFF;
	border-color: #336699;
}


/* Content Elements */

.content .pageTitle, .content .sectionTitle, .content .subTitle, .content .lineTitle {
	color: #336699;
}

.content .sectionTitle {
	border-color: #336699;
}


/* Content Tables */

.content .tableWrapper td, .content .tableWrapper th {
	border-color: #6699CC;
}

.content .tableWrapper th {
	background-color: #6699CC;
	color: #FFFFFF;
}

.content .tableWrapper td.note {
	background-color: #FFFADB;
}

.content .tableWrapper td.info {
	background-color: #D9E6F2;
	color: #336699;
}


/* Footer */

.footer {
	color: #FFFFFF;
}