﻿/************************* Module Layout Styles *************************/
div.OptimumBase, html.OptimumBase, html.OptimumBase td{
	font-size: 9pt;
	color: #564C4B;
	font-family: Arial, Helvetica, sans-serif
}
div.OptimumBase{
	margin-bottom: 30px
}
.OptimumBase .ModuleTitle{
	margin: 0;
	padding-left: 20px
}
.ContentPane .OptimumBase .ModuleTitle{
	padding-left: 25px
}
.RightPane .OptimumBase .ModuleTitle{
	background-color: #373737;
	padding: 7px 10px;
	height: 15px;
	color: #FFF;
	font-size: 12px;
	font-weight: bold
}
.OptimumBase h1 {
	font-size: 17px;
	height: 20px;
	color: #2A2C2B;
	font-weight: bold
}
.OptimumBase .ModuleTitle .ModuleButton {
	position: relative;
	float: right
}
.OptimumBase .ModuleContent{
	margin: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px
}
.ContentPane .OptimumBase .ModuleContent{
	padding-left: 25px;
	padding-right: 30px
}
/*====================================Module Content Text Styles====================================*/
.ViewCatalogue{
	padding-bottom: 30px
}
.ViewCatalogue img{
	display:block
}
.Highlight{
	font-weight: bold;
	color: #21787C
}
.OptimumBase .Highlight{
	font-weight: bold;
	color: #21787C
}
.OptimumBase h2{
	font-size: 1.2em;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #07052A
}
.OptimumBase h4{
	font-size: 13px
}
.OptimumBase a{
	color: #21787C;
	text-decoration: underline
}
.OptimumBase a:hover {
	color: #21787C;
	text-decoration: underline
}
.OptimumBase hr{
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	height: 1px;
	border-bottom-style: none;
	border-bottom: 2px dotted #ccc;
	background: #F0F0F0
}
.OptimumBase ul li{
	padding-left: 10px;
	margin: 0
}
.OptimumBase ol li{
	padding-left: 10px;
	margin: 0
}
.OptimumBase ul{
	margin: 0;
	padding-top: 10px;
	padding-left: 15px
}
.OptimumBase .Field{
	border: dimgray 1px solid;
	background-color: #F5F5F5;
	font-family: inherit;
	font-size: inherit
}
.OptimumBase .Button, .OptimumBase a.Button, .OptimumBase a:link.Button, .OptimumBase a:visited.Button, .OptimumBase a:hover.Button, .OptimumBase a:active.Button{
	border-right: #696969 1px solid;
	padding-right: 1em;
	border-top: silver 1px solid;
	margin-top: 0.1em;
	padding-left: 1em;
	font-weight: bolder;
	font-size: .9em;
	margin-bottom: 0.1em;
	padding-bottom: 3px;
	overflow: visible;
	border-left: silver 1px solid;
	cursor: default;
	color: white;
	line-height: 20px;
	padding-top: 3px;
	border-bottom: #696969 1px solid;
	background-repeat: repeat-x;
	font-family: Arial, helvetica, sans-serif;
	background-color: #21787C;
	text-align: center;
	text-decoration: none
}
.OptimumBase input.Button{
	font-family: Arial, helvetica, sans-serif;
	font-size: .9em;
	line-height: 12px
}
.OptimumBase .Error, .OptimumBase .Message {
	color: #07052A;
	font-style: italic
}
.OptimumBase .NormalSmall {
	font-size: .8em
}