body {
  font-size: 9pt;
  font-family: arial, verdana, sans-serif;
  margin-top: 0pt;
  margin-left: 0pt;
  margin-right: 0pt;
  margin-bottom: 0pt;
  color: black;
  background-color: white;
}
th, td, p {
  font-size: 9pt;
  font-family: arial, verdana, sans-serif;
}
li {
  font-size: 9pt;
  font-family: arial, verdana, sans-serif;
  padding: 2pt;
}
h1 {
	margin-top: 0px;
	
	font-size: 12pt;
	font-family: arial, verdana, sans-serif;
	font-weight: bold;
	color: #FF9900;
	background-color: transparent;
}
h2 {
  margin-top: 10px;
  border-bottom: 1px solid #cccccc;
  font-size: 9pt;
  font-family: arial, verdana, sans-serif;
  font-weight: bold;
  color: #065590;
  background-color: transparent;
}
h3 {
	margin-top: 20px;
	font-size: 14pt;
	font-family: arial, verdana, sans-serif;
	font-weight: normal;
	color: white;
	background-color: transparent;
}
a:link { 
  font-family: arial, verdana, sans-serif;
  color: #065590;
  background-color: transparent;
  text-decoration: none;
}
a:visited {
  font-family: arial, verdana, sans-serif;
  color: #065590;
  background-color: transparent;
  text-decoration: none;
}
a:hover {
	font-family: arial, verdana, sans-serif;
	color: #FF9900;
	background-color: transparent;
	text-decoration: none;
}
input {
  font-family: arial, verdana, sans-serif;
  font-size: 9pt;
}
img {
  border-width: 0;
}
hr {
  color: #DDDDDD;
  background-color: transparent;
}
pre {
  margin 0px;
  padding 0px;
}
form {
  margin: 0;
  padding: 0;
}

/* Page */
.pageframe {
  border: 1px solid #666666;
  width: 780px;
  background: transparent;
}
/* Tables */
.tablem {    /* Overall table style */
  padding: 0px; 
  font-family: arial, verdana, sans-serif;
  font-size: 9pt;
  border: 1px solid #666666;
}
.tableh {    /* Table header row */
  font-family: arial, verdana, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  color: white;
  background-color: #065590;
  text-decoration: none;
}
.tablesh {    /* Table sub-header row */
  font-family: arial, verdana, sans-serif;
  font-size: 9pt;
  font-weight: normal;
  color: #333333;
  background-color: #CCCCCC;
}
.tablealt {    /* A slightly off-white color for alternate rows */
  color: black;
  background-color: #DDDDDD;
}
.tableunderline {    /* For underlining a table cell */
  border-bottom: 1px solid #CCCCCC;
}
.highlight{  /* alt row highligh */
  font-family: arial, verdana, sans-serif, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  color: black;
  background-color: #DDDDDD;
  text-decoration: none;
}
/* ? */
.tablei {
  border-left: 1px solid #B7C147;
  border-bottom: 1px solid #B7C147;
}
.tablej {
  border-bottom: 1px solid #B7C147;
}
.tablek {
  border-left: 1px solid #B7C147;
  border-right: 1px solid #B7C147;
  border-bottom: 1px solid #B7C147;
}
.tablel {
  border-left: 1px solid #B7C147;
  border-right: 1px solid #B7C147;
}
.tablen {
  border-left: 1px solid #B7C147;
  border-right: 1px solid #B7C147;
  border-top: 1px solid #B7C147;
}

/* Button styles */
.button {
  border: 1px outset;
  font-family: geneva, arial, helvetica, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  height: 20px;
  color: black;
  background-color: #CCCCCC;
}

/* Text styles */
.alert {
  font-weight: bold;
  color: red;
  background-color: transparent;
}
.ok {
  font-weight: bold;
  color: #0F50A0;
  background-color: transparent;
}
.small {
  font-size: 8pt;
  font-family: arial, verdana, sans-serif;
}
.sitemapheader {
  font-size: 16pt;
  font-weight: bold;
  font-family: arial, verdana, sans-serif;
  border-bottom: 1px solid #CCCCCC; 
  color: #065590;
  background-color: transparent;
  margin: 10px;
}
.title {
  font-family: arial, verdana, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: white;
  background-color: #065590;
}
.subtitle {
  font-family: arial, verdana, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  color: white;
  background-color: #065590;
}
.welcome {
  font-family: arial, verdana, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  font-style: italic;
  color: #333333;
  background-color: transparent;
}
.copyright {
  font-family: arial, verdana, sans-serif;
  font-size: 8pt;
  color: #333333;
  background-color: transparent;
}
.help {
  border-left: 1px solid #CCCCCC;
  padding: 10px;
}
.borderleft {
  border-left: 1px solid #CCCCCC;
}
.headline {
  border-bottom: 1px solid #CCCCCC; 
  font-size: 9pt;
  font-family: arial, verdana, sans-serif;
  font-weight: bold;
  color: #065590;
  background-color: transparent;
}

/* Banner and Footer */
.footer {
  border-top: 1px solid #DDDDDD; 
  color: black; 
  background-color: transparent;
}
.banner {
  background: transparent url(/images/background.png) no-repeat;
  color: black;
  height: 95px;
}
.bannerpcn {
  background: transparent url(/images/background_pcn.png) no-repeat;
  color: black;
  height: 95px;
}
.bannerright {
  background: transparent url(/images/background_right.png) repeat-x;
  color: black;
  height: 95px;
}
.bannerpcnright {
  color: #DDDDDD;
  height: 95px;
}
.bannerpadding {
  font-size: 1pt;
  background: transparent url(/images/banner_padding.png) repeat-x;
  background-repeat: repeat-x;
  height: 6px;
}
.bannermenupadding {
  font-size: 1pt;
  background: transparent url(/images/banner_menupadding.png) repeat-x;
  background-repeat: repeat-x;
  height: 6px;
}

/* News-like items */
.newstitle {
  font-family: arial, verdana, sans-serif;
  font-size: 8pt;
  padding: 2px;
  color: black;
  margin: 5px;
  background-color: transparent;
}
.newsitem {
  font-family: arial, verdana, sans-serif;
  font-size: 8pt;
  padding: 2px;
  color: black;
  margin: 5px;
  background-color: transparent;
}
.newsdate, .mytitle {
  font-family: arial, verdana, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  padding: 2px;
  color: black;
  margin: 5px;
  background-color: transparent;
  border-bottom: 1px solid black;
}

/* Menu System */
.maxheight {
  height: 100%;
}
.menubar {
  color: black;
  background: #EEEEEE url(/images/menubar.png) no-repeat;
  height: 10px;
}
.menufooter {
  color: black;
  background: #EEEEEE;
}
.menupad {
  border-left: thin dotted #DDDDDD; 
  color: black; 
  background-color: transparent;
}
.menu {
  font-family: arial, verdana, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  padding: 8px; 
  color: black;
  margin: 0px;
  background-color: transparent;
}
.menu a { 
  font-family: arial, verdana, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  color: #333333;
  display: block; 
  border: 1px solid #EEEEEE;
  margin: 1px; 
  padding: 3px;
  padding-left: 12px;
}
.menu a:link    { text-decoration: none; color: #333333; background-color: transparent; }
.menu a:visited { text-decoration: none; color: #333333; background-color: transparent; }
.menu a:hover   { text-decoration: none; color: white; background-color: #AAAAAA; border: 1px solid #666666; }

/* Navbar */
/* ------ */
.navbar {
  color: white;
  background: #065590;
  height: 15px;
  margin: 0;
  padding-top: 3px;
  font-size: 1pt;
  border-top: 1px solid #333333;
  border-bottom: 1px solid #333333;
}
.navbar-on, .navbar-on a, .navbar-on a:link, .navbar-on a:visited {
  font-size: 8pt;
  font-weight: bold;
  font-family: arial, verdana, sans-serif;
  text-decoration: none;
  color: #CCCCCC;
  background: #397399;
  height: 16px;
  padding: 0px;
  margin: 0px;
}
.navbar-on a:hover { color: #DDDDDD; background: #397399; }
.navbar-off {
	font-size: 8pt;
	font-weight: bold;
	font-family: arial, verdana, sans-serif;
	color: #EEEEEE;
	background: #065590;
	padding: 0px;
	margin: 1px;
	border-right: 1px solid #065590;
}
.navbar-off a, .navbar-off a:link, .navbar-off a:visited {
	text-decoration: none;
	height: 16px;
	color: #EEEEEE;
	background: #065590;
}
.navbar-off a:hover {
	color: Gray;
	background: #065590;
}
.navbar-hide {
  font-size: 8pt;
  font-weight: bold;
  font-family: arial, verdana, sans-serif;
  color: black;
  background: #CCCCCC;
  padding: 0px;
  margin: 1px;
}
.navbar-hide a, .navbar-hide a:link, .navbar-hide a:visited {
  text-decoration: none;
  height: 16px;
  color: #666666;
  background: #CCCCCC;
}
.navbar-hide a:hover { color: #065990; background: #CCCCCC; }

/* SearchBar */
/* ------ */
.searchbar {
	color: white;
	background: #065590;
	padding-right: 5px;
	font-family: arial, verdana;
	font-size: 8pt;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
}
table.searchbar {
	width: 100%;
	height:	30px;
}
input.searchbar {
	color: white;
	background-color: #749aba;
	border: 0px;
	vertical-align: middle;
}
input.searchbar#button {
	border: 1px solid #FFFFFF;
	padding: 0px;
}
input.searchbar#text {
	border: 1px solid #FFFFFF;
	width: 110px;
	padding: 1px;
}
select.selectsearchbar {
	color: #749aba;
	padding: 0px;
	height:	16px;
	font-size: 8pt;
	width: 110px;
	vertical-align: middle;
}
option.searchbar {
	font-family: arial, verdana;
	font-size: 8pt;
	border: none;
	border-top: none;
	border-bottom: none;
	background-color: #749aba;
	padding: 0px;
}

/* Dialog Boxes */
/* ------------ */

.dialogsource { background: #CCCCCC; color: black; }
.dialogsource th { border-bottom: 1px solid #666666; padding-top: 5px; padding-bottom: 2px; }

.dialoginfo { background: #CCCCCC; color: black; }
.dialoginfo th { border-bottom: 1px solid #666666; padding-top: 5px; padding-bottom: 2px; }

.dialogwarning { background: #E2D0D0; color: black; }
.dialogwarning th { border-bottom: 1px solid #666666; padding-top: 5px; }

.dialog {
  font-size: 8pt;
  font-weight: bold;
  font-family: arial, verdana, sans-serif;
  text-decoration: none;
  color: #EEEEEE;
  background: #065590;
  padding: 0px;
  margin: 0px;
  height: 16px;
}
.dialog-top {
  background: #CCCCCC url(images\dialog_top.png) repeat-x right; 
  height: 7px;
}
.dialog-title {
  color: #444444;
  font-weight: bold;
  height: 18px;
}
.dialog-subtitle {
  
  color: #444444;
  font-weight: bold;
  border-bottom: 1px solid #CCCCCC; 
}
.dialog-body {
  border-right: 1px solid #999999; 
  border-left: 1px solid #999999; 
  border-top: 1px solid #999999; 
  padding: 3px;
  padding-top: 10px;
}
.dialog-body-menubar {
  border: 1px solid #999999; 
  padding: 3px;
  background: #EEEEEE;
  color: black;
}
.dialog-bottom {
  background: #cccccc url(images\dialog_bottom.png) repeat-x right; 
}

/* Docbook */
.emphasis {
  font-weight: bold;
  font-style: normal;
}
.warning table {
  font-family: arial, verdana;
  font-size: 9pt;
  border: 1px solid #999999;
  background-color: #FFFFCC;
}
.warning td {
  border: 0;
  text-align: center;
}
.calstable {
  font-family: arial, verdana;
  font-size: 9pt;
  border: 1px solid #666666;
}
.calstable th {
  background-color: #CCCCCC;
  border: 0;
}
.calstable td {
  border: 0;
}

/* Wizard style... */
.screenshot {
  border: 2px solid #CCCCCC;
}
.wizard {
  border: 2px solid #CCCCCC;
  border-width: 0 2px 0 2px;
  padding: 5px;
}
.wizard p, .wizard li {
  text-align: justify;
}
.wizard a:link, .wizard a:visited { 
  color: black;
  background-color: transparent;
}
.wizard a:hover {
  color: red;
  text-decoration: none;
  background-color: transparent;
}
.wizard h4 {
  margin:0 0 2px;
  font-size: 9pt;
  font-weight:normal;
  border-bottom: 1px solid #cccccc;
  color: #555555;
}
.wizard h4 strong {
  color: #444444;
}
.wizard h3 {
  margin:0 0 15px;
  font-size: 12pt;
  line-height:1.2em;
  font-weight:normal;
  color: #555555;
}
.wizard h3 strong {
  color: #444444;
}
.wizardicon {
  font-size: 10pt;
  font-family: "Trebuchet MS", arial, verdana, sans-serif;
  font-weight: normal;
  color: #444444;
  padding-top: 15px;
}
.wizardicon a:link, .wizardicon a:visited { 
  color: black;
  text-decoration: none;
  background-color: transparent;
}
.wizardicon a:hover {
  color: red;
  text-decoration: none;
  background-color: transparent;
}
.wizardtop {
  background: transparent url("images/box_top.gif") no-repeat left top;
  padding-top: 15px;
  width: 100%;
}
.wizardtopwide {
  background: transparent url("http://www.clarkconnect.com/images/box_top_wide.gif") no-repeat left top;
  padding-top: 15px;
  width: 580px;
}
.wizardbottom {
  background: transparent url("images\box_bottom.gif") no-repeat left bottom;
  padding-bottom: 15px;
  width: 100%;
}
.wizardbottomwide {
  background: transparent url("images\box_bottom_wide.gif") no-repeat left bottom;
  padding-bottom: 15px;
  width: 580px;
}
