/* Main CSS Document */
 
/* paddding order: all */
/* paddding order: top bottom */
/* paddding order: top vertical bottom */
/* paddding order: top right bottom left */

body {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #006666;
	background-image: url(images/kp44_watermark_vpale.jpg);
	background-attachment: fixed;
	background-repeat: repeat;
}

td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #006666;
}

tr.oddrow {
	background-color:#CCFFFF;
}

tr.evenrow {
	background-color:#99FFFF;
}

p { 
	line-height: 22px;
	margin-top: 2px; margin-bottom: 2px; 
}

form {
	background-color: #CCFFCC;
	margin: 0px;
	padding: 9px;
}

form.border {
	background-color: #CCFFCC;
	margin: 0px;
	padding: 9px;
	border: 1px solid blue;
}

form.fit {
	background-color: #CCFFCC;
	margin: 0px;
	padding: 9px;
	float:left;
}

form.border-fit {
	background-color: #CCFFCC;
	margin: 0px;
	padding: 9px;
	float:left;
	border: 1px solid blue;
}

/* Space above a list: */
div.orderedlist {
  margin-top: 1em;
}

/* Space between list items: */
div.orderedlist li {
  margin-top: 1em;
}

* html #LoadingDiv {
     position: absolute;
	/*Must Fix the position of Block Div b/c IE does not make div height 100%*/
     top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
}

#LoadingDiv{
	margin:0px 0px 0px 0px;
	position:fixed;
	height: 100%;
	z-index:9999;
	padding-top:200px;
	padding-left:50px;
	width:100%;
	clear:none;
	background:url(/img/transbg.png);
	/*background-color:#666666;
	border:1px solid #000000;*/ 
	}

.normal {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #006666;
	background-image: url(images/kp44_watermark_vpale.jpg);
	background-attachment: fixed;
	background-repeat: repeat;
}

.norm {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #006666;
}

.zeromargin {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:normal;
}

.blackwhite {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	color:#000000;
}

.unix {
	background-color: #FFFFFF;
	font-family:"Andale Mono","Courier New", Courier, monospace;
	font-size: 14px;
	line-height: 18px;
	color:blue;
}

.unix_transparent {
	font-family:"Andale Mono","Courier New", Courier, monospace;
	font-size: 14px;
	line-height: 18px;
	color:blue;
}
.unix_black {
	background-color: #FFFFFF;
	font-family:"Andale Mono","Courier New", Courier, monospace;
	font-size: 14px;
	line-height: 18px;
	color:#000000;
}

.unix_black_transparent {
	font-family:"Andale Mono","Courier New", Courier, monospace;
	font-size: 14px;
	line-height: 18px;
	color:#000000;
}

.unix_highlight_transparent {
	font-family:"Andale Mono","Courier New", Courier, monospace;
	font-size: 14px;
	line-height: 18px;
	color:#FF6600;
}

.unix_highlight_bg {
	font-family:"Andale Mono","Courier New", Courier, monospace;
	font-size: 14px;
	line-height: 18px;
	color:#6633FF;
	background-color:#CCCCCC;
}

.unix_bold {
	background-color: #FFFFFF;
	font-family:"Andale Mono","Courier New", Courier, monospace;
	font-size: 14px;
	line-height: 18px;
	color:blue;
	font-weight:bold;
}

.unix_transparent_bold {
	font-family:"Andale Mono","Courier New", Courier, monospace;
	font-size: 14px;
	line-height: 18px;
	color:blue;
	font-weight:bold;
}

.unix_highlight_bold {
	background-color: #FFFFFF;
	font-family:"Andale Mono","Courier New", Courier, monospace;
	font-size: 14px;
	line-height: 18px;
	font-weight:bold;
	color:#FF6600;
}


.unix_box {
	background-color: #FFFFFF;
	font-family:"Andale Mono","Courier New", Courier, monospace;
	font-size: 14px;
	line-height: 18px;
	color:blue;
	padding:4px 12px 4px 12px;
	border:1px blue dashed;
	float:left;
	margin-left:2%;
	margin-right:2%;
	width:95%;
}

.unix_indent {
	padding-left:24px;
}

.indent {
	padding-left:24px;
}

.unix_box {
	background-color: #FFFFFF;
	font-family:"Andale Mono","Courier New", Courier, monospace;
	font-size: 14px;
	line-height: 18px;
	color:blue;
	padding:4px 12px 4px 12px;
	border:1px blue dashed;
	float:left;
	margin-left:2%;
	margin-right:2%;
	width:95%;
}

.unix_box_bg {
	background-color:#FCFECD; 
	font-family:"Andale Mono","Courier New", Courier, monospace;
	font-size: 14px;
	line-height: 18px;
	color:blue;
	padding:4px 12px 4px 12px;
	border:1px blue dashed;
	float:left;
	margin-left:2%;
	margin-right:2%;
	width:95%;
}

.unix_box_highlight {
	background-color: #FFFFFF;
	font-family:"Andale Mono","Courier New", Courier, monospace;
	font-size: 14px;
	line-height: 18px;
	color:#FF6600;
	padding:12px;
	border:1px blue dashed;
	float:left;
	margin:8px;
	width:60%;
}

.funcshow {
	color:#006666;
	border:1px blue solid;
	background-color:#FFFFFF;
	padding:0px;
	padding-left:3px;
	padding-right:3px;
	font-weight:normal;
}

.narrow { width:100px; }

.adsense {
	float:right;
}

.opacityit img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);-moz-opacity: 0.4;
}

.opacityit:hover img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1;
}

.borderit img {
	border: 1px solid #ccc;
}

.borderit:hover img{
	border: 1px solid navy;
}

.borderit:hover{
	color: red; /* irrelevant definition to overcome IE bug */
}

/* no highlighting <a> tag class, useful with image only hyperlinks
 standard <a> tag class 
*/

a {
	color: #3366CC;
	text-decoration: none;
}

a:link {
	color: #3366CC;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
	color: red;
}

a:visited {
	text-decoration: underline;
	color: #660099;
}

a:visited:hover {
	text-decoration: none;
	color: red;
}


a.imgref {
	color: #FFFFFF;
	text-decoration: none;
	border:none
}



.formcell {
	font-family: Courier New; 
	background-color: #FFFFCC;
	height:auto;
	}

.title {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
	line-height: 30px;
    background-color: #006666;
	font-weight:bold;
	color:#CCFFCC;
	padding:1px 4px 1px 4px;
	margin-bottom:6px;
	text-align:center;
}


.pagetitle {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
	line-height: 30px;
    background-color: #006666;
	font-weight:bold;
	color:#CCFFCC;
	padding:1px 4px 1px 4px;
	margin-bottom:1px;
	text-align:center;
}
	
.voyagetitle {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
	line-height: 30px;
	font-weight:bold;
	color:#006666;
	background-image:url(images/icons/island2.gif)	;
}

	
.tabletitle {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
	line-height: 30px;
	font-weight:bold;
	color:#006666;
}

.subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
    color: #006666;
}

.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	background-color: #006666;
	color: #DCDCDC;
}

.nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
    font-weight: bold;
}

.navLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;

}

.navclear {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#FFFFFF

}

.tabletxt  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:18px;
	font-weight: bold;
	color: #006666;
	background-color: #CCFFCC;	
}

.tabletxt_inv {
	line-height:18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#CCFFCC;
	background-color:#006666;
	padding:1px 3px 1px 3px;
}


.tabletxt_inv_blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:18px;
	font-weight: bold;
	color:#CCFFCC;
	background-color:#0000FF;
	padding:1px 3px 1px 3px;
}

.tabletxt_inv_red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:18px;
	font-weight: bold;
	color:#CCFFCC;
	background-color:#FF0000;
	padding:1px 3px 1px 3px;
}

.tabletxt_redyellow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:18px;
	font-weight: bold;
	color:#FFFF00;
	background-color:#FF0000;
}

.tabletxt_yellowred {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:18px;
	font-weight: bold;
	color:#FF0000;
	background-color:#FFFF00;
}

.tabletxt_lime {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:18px;
	font-weight: bold;
	color:#000000;
	background-color:#00FF00;
}

.tabletxt_fuscia {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:18px;
	font-weight: bold;
	color:#000000;
	background-color:#FF00FF;
}

.tabletxt_lt  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:18px;
	font-weight: normal;
	color: #006666;
	background-color: #CCFFCC;	
}

.tabletxt_legal  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height:12px;
	font-weight: normal;

	color: #006666;
	background-color: #CCFFCC;
}

.tree_inv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #006666;
	color:#CCFFCC;
	padding:1px 3px 1px 3px;
}

.tree  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #006666;
}

.sidebar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	padding: 3px;
	background-color: #FFFFFF;
}

.sidebarHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #FFFFFF;
	background-color: #339999;
}

.sidebarFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background-color: #CCCCCC;
}

.footer {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	color: #333333;
	background-color: #CCCCCC;
}

.legal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	line-height:14px;
	font-weight: normal;
}

.comic {
	font-family:"Comic Sans MS";
	font-size: 14px;
	line-height: 22px;
}

.footnote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #006666;
	font-weight: normal;
}

/* Deprecated: use clockface instead */
.clockstyle { 
	text-align:center; 
	width:500px; 
	cursor: pointer; /* cursor:hand n/w in Moz */
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:24px;
	color:RED;
}

.clockface {
	text-align:center;
	cursor: pointer; /* cursor:hand n/w in Moz */
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
}

.box1 {
	border-color: #CCCCCC #333333 #333333 #CCCCCC;
	border-width: medium;
	border-style: ridge;
	width: 40em;
	margin: 0px;
	padding: 8px;
	background-color: #CCFFCC;
}


.box2 {
	background-color: #F4ECEA;
	border: thin dotted #666666;
	width: 40em;
	margin: 0px;
	padding: 8px;
}

.promo {
	font-family: "Times New Roman", Times, serif;
	color: #000033;
}

.titlebar {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: #FFFFFF;
    background-color: #336699;
}

.dingbat {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #99CC99;
    color: #006666; 
	font-weight: bolder;
	font-size: medium;
}


input.big {
	width: 100px;
}

input.small {
	width: 50px;
}

.x-small {
	font-size: x-small;
	font-weight: normal;
}

.small {
	font-weight: normal;
	font-size: small;
}

.redfont {
	color: #FF0000;
	height: auto;
}

.redbold {
	color: #FF0000;
	font-weight:bold;
}


.bluebold {
	color:#0000FF;
	font-weight:bold;
}

.boldred {
	background-color: #FF0000;
	color:#FFFF00;
	font-weight:bold;
}


.boldblue {
	background-color:#0000FF;
	font-weight:bold;
	color:#000000;
}

.border {padding:2px; }
.border-bottom { border-bottom: 1px solid #0099FF; padding:4px; }
.border-left { border-left: 1px solid #0099FF;padding:4px;  }
.border-left-bottom { border-left: 1px solid #0099FF; border-bottom: 1px solid #0099FF; padding:4px; }
.border-left-top { border-left: 1px solid #0099FF; border-top: 1px solid #0099FF; padding:4px; }
.border-right { border-right: 1px solid #0099FF;padding:4px;  }
.border-right-bottom { border-right: 1px solid #0099FF; border-bottom: 1px solid #0099FF; padding:4px; }
.border-right-top { border-right: 1px solid #0099FF; border-top: 1px solid #0099FF; padding:4px; }
.border-top { border-top: 1px solid #0099FF; padding:4px; }
.border-top-bottom { border-top: 1px solid #0099FF; border-bottom: 1px solid #0099FF; padding:4px; }
.border-left-right { border-left: 1px solid #0099FF; border-right: 1px solid #0099FF;padding:4px;  }
.border-u { border-bottom: 1px solid #0099FF; border-left: 1px solid #0099FF; border-right: 1px solid #0099FF; padding:4px; }
.border-n { border-top: 1px solid #0099FF; border-left: 1px solid #0099FF; border-right: 1px solid #0099FF;padding:4px;  }
.border-angle { border-bottom: 1px solid #0099FF; border-left: 1px solid #0099FF; padding:4px; }
.border-box { border: 1px solid #0099FF; padding:4px; }
 
.border-bottom-nopad { border-bottom: 1px solid #0099FF; padding:0px; }
.border-left-nopad { border-left: 1px solid #0099FF;padding:0px;  }
.border-left-bottom-nopad { border-left: 1px solid #0099FF; border-bottom: 1px solid #0099FF; padding:0px; }
.border-left-top-nopad { border-left: 1px solid #0099FF; border-top: 1px solid #0099FF; padding:0px; }
.border-right-nopad { border-right: 1px solid #0099FF;padding:0px;  }
.border-right-bottom-nopad { border-right: 1px solid #0099FF; border-bottom: 1px solid #0099FF; padding:0px; }
.border-right-top-nopad { border-right: 1px solid #0099FF; border-top: 1px solid #0099FF; padding:0px; }
.border-top-nopad { border-top: 1px solid #0099FF; padding:0px; }
.border-top-bottom-nopad { border-top: 1px solid #0099FF; border-bottom: 1px solid #0099FF; padding:0px; }
.border-left-right-nopad { border-left: 1px solid #0099FF; border-right: 1px solid #0099FF;padding:0px;  }
.border-u-nopad { border-bottom: 1px solid #0099FF; border-left: 1px solid #0099FF; border-right: 1px solid #0099FF; padding:0px; }
.border-n-nopad { border-top: 1px solid #0099FF; border-left: 1px solid #0099FF; border-right: 1px solid #0099FF;padding:0px;  }
.border-angle-nopad { border-bottom: 1px solid #0099FF; border-left: 1px solid #0099FF; padding:0px; }
.border-box-nopad { border: 1px solid #0099FF; padding:0px; }
 

#red     { border: 2px solid red; }
#blue    { border: 2px solid blue; }
#green   { border: 2px solid green; }
#black   { border: 2px solid black; }
#yellow  { border: 2px solid yellow; }
#aqua    { border: 2px solid aqua; }
#lime    { border: 2px solid lime; }
#fuschia { border: 2px solid #FF00FF; }

.tabletxt_n {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:18px;
	font-weight: normal;
	color: #006666;
	background-color: #CCFFCC;
}
.tabletxt_inv_n {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:18px;
	font-weight: normal;
	color:#CCFFCC;
	background-color:#006666;
}

input.redbg {background-color:#CC3366; color:#FFFF00; width:3em}
input.greenbg {background-color:#00FF00; color:#000000; width:3em}
input.greybg {background-color:#CCCCCC; color:#000000; width:3em}

button.mapbutton {
	float:left;
	font-size:small;
	display:block;
	color:#006666;
}

.dt_appbutton {
	width:50px;
	font-size: x-small;
	font-weight: normal;
}

.dt_button {
	font-size: x-small;
	font-weight: normal;
}

.warning {
	 text-decoration:blink; font-weight:bold; font-size:120%; color:red;
}

.slide {
	border: 1px solid #000000;
}

.usagebox {
	font-family: "Andale Mono","Courier New", Courier, mono;
	font-size: 8pt;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	background-color: #F7F7F7;
	border: 1px solid #000000;
	margin: 2px;
	padding: 3px;
}



.txtscroll_color {
	font-family: "Andale Mono","Courier New", Courier, mono;
	font-size: medium;
	line-height: normal;
	font-weight: normal;
	color: #A35252;
	background-color: #F1EDCA;
	border: 1px solid #0099FF; 
	padding:4px;
}


.txtscroll {
	font-family: "Andale Mono","Courier New", Courier, mono;
	font-size: medium;
	line-height: normal;
	font-weight: normal;
	color: #A35252;
	background-color: #F1EDCA;
	border: 1px solid #000000;
	overflow:auto;
	height: 35em;
	width: 1200px;
}

.txtscroll1200 {
	font-family: "Andale Mono","Courier New", Courier, mono;
	font-size: medium;
	line-height: normal;
	font-weight: normal;
	color: #A35252;
	background-color: #F1EDCA;
	border: 1px solid #000000;
	overflow:auto;
	height: 35em;
}

.txtscroll800 {
	font-family: "Andale Mono","Courier New", Courier, mono;
	font-size: medium;
	line-height: normal;
	font-weight: normal;
	color: #A35252;
	border: 1px solid #000000;
	overflow:auto;
	height: 35em;
	width: 800px;
	background-color: #F1EDCA;
}

.txtscroll1000 {

	font-family: "Andale Mono","Courier New", Courier, mono;
	font-size: medium;
	line-height: normal;
	font-weight: normal;
	color: #A35252;
	background-color: #F1EDCA;
	border: 1px solid #000000;
	overflow:auto;
	height: 35em;
	width: 1000px;
}

.w800 {
	width: 800px;
}
.w700 {
	width: 800px;
}
.w1000 {
	width: 1000px;
}
.w1100 {
	width: 1000px;
}
.w1200 {
	width: 1200px;
}
.w1300 {
	width: 1200px;
}

.disclaimer {
	width:800px; 
	color:red;
	background-color:aliceblue;
	border-color:red; 
	border-width:thin; 
	border-style:double; 
	border-width:3px; 
	text-align:center; 
	padding:4px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; line-height:18px;
}


.datascrollbox600 {
	border: 1px solid #0099FF; 
	z-index:1; 
	background:#FFCCFF;
	background-color:#FFCCFF; 
	padding:10px;
	padding-right:30px; 
	overflow:auto;
	font-family: "Andale Mono","Courier New", Courier, mono;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	color: #A35252;
}

.databox1 {
	border: 3px solid #0099FF; 
	position:absolute; 
	top:100px; 
	z-index:1; 
	background:#FFCCFF;
	background-color:#FFCCFF; 
	padding:10px;
	padding-right:30px; 
	display:none;
	overflow:auto;
	font-family: "Andale Mono","Courier New", Courier, mono;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	color: #A35252;
}

.poem {
	font-family:"Sylfaen";
	color:maroon;
	font-weight:normal;
	font-size:18px;
	margin-left:100px;
}

.poemtitle {
	font-family:Arial, Helvetica, sans-serif;
	color:maroon;
	font-weight:bold;
	font-size:18px;
	margin-left:100px;
}

.poemlabel {
	font-family:Arial, Helvetica, sans-serif;
	color:black;
	font-weight:normal;
	font-size:10px;
	margin-left:100px;
	line-height:12px;
}

#clear {
	clear:both;
}

div.clear {
	clear:both;
}

div.left {
	float:left;
}


div.right {
	float:right;
}

div.spacer {
  clear: both;
}

.tab_outer700 {
	padding:0;
	border:2px solid #006666;
	background-color: #CCFFCC;
	width:700px;
}

.tab_outer800 {
	padding:0;
	border:2px solid #006666;
	background-color: #CCFFCC;
	width:900px;	
}

.tab_outer900 {
	padding:0;
	border:2px solid #006666;
	background-color: #CCFFCC;
	width:900px;	
}

.tab_outer1000 {
	padding:0;
	border:2px solid #006666;
	background-color: #CCFFCC;
	width:1100px;	
}
.tab_outer1100 {
	padding:0;
	border:2px solid #006666;
	background-color: #CCFFCC;
	width:1100px;	
}
.tab_outer1200 {
	padding:0;
	border:2px solid #006666;
	background-color: #CCFFCC;
	width:1200px;	
}

.tab_outer {
	padding:0;
	border:2px solid #006666;
	background-color: #CCFFCC;
	width:1000px;	
}

.tab_outer1300 {
	padding:0;
	border:2px solid #006666;
	background-color: #CCFFCC;
	width:1300px;	
}
.tab_outer1400 {
	padding:0;
	border:2px solid #006666;
	background-color: #CCFFCC;
	width:1500px;	
}
.tab_outer1500 {
	padding:0;
	border:2px solid #006666;
	background-color: #CCFFCC;
	width:1500px;	
}

.tab_inner {
	margin:2px;
	padding:4px;
	border:1px solid #006666;
	border-color:#0000FF;
	background-color: #CCFFCC;	
}

.tab {
	padding:0;
	border:0px dashed red;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:18px;
	font-weight: bold;
	color: #006666;
	background-color: #CCFFCC;	
}
div.textleft {
	text-align:left;
}

.tprint_bstyle {
	font-size:x-small;
	width:200px;
}