/* Main CSS Document */

/* paddding or margin order: all */
/* paddding or margin order: top-bottom, left-right */
/* paddding or margin order: top right-left bottom  */
/* paddding or margin order: top right bottom left  */

/* body { margin: 2em }             -- all margins set to 2em */
/* body { margin: 1em 2em }         -- top & bottom = 1em, right & left = 2em */
/* body { margin: 1em 2em 3em }     -- top=1em, right=2em, bottom=3em, left=2em */
/* body { margin: 1em 2em 3em 2em } -- top=1em, right=2em, bottom=3em, left=2em */


body {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	font-weight:400;
	text-align:start;
	vertical-align:baseline;
	margin:8px;
	padding:0;
	border:0;
	color: #006666;
	background-image: url(images/kp44_watermark_vpale.jpg);
	background-attachment: fixed;
	background-repeat: repeat;
}
          

.default_color {
	color: #006666;
}

.bg_white {
    background-color:white;
}

table.photo {
	border-width: 1px;
	border-spacing: 1px;
	border-style: groove;
	border-color: black;
	color: #DADADA;
	background-color: white;
	margin:0 auto;
}

table.photo th {
	border-width: 1px;
	padding: 2px;
	border-style: groove;
	border-color: #A9A9A9;
	color:#006666;
	background-color: #DADADA;
}

table.photo td {
    border-width: 1px;
    padding: 2px;
    border-style: groove;
    border-color: #A9A9A9;
    background-color: #DADADA;
    color: #006666;
}
table.photoindex {
	border-collapse:collapse
	margin:0 auto;
}

table.photoindex th {
	border-collapse:collapse;

}

table.photoindex td {
    color: #006666;
}

table.matrix {
    border-collapse:collapse;
    border-width: 1px;
    border-spacing: 1px;
    border-style: groove;
    border-color: black;
    color: #DADADA;
    background-color: white;
}

table.matrix td {
	border-width: 1px;
	padding:0 2px 0 2px;
	border-style: groove;
	border-color: #A9A9A9;
}

/*

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	border:2px blue solid;
}

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

tr.oddrow {
    background-color:#CCFFFF;
    color:black;
    padding:2px;
    font-weight: bold;
}

tr.evenrow {
    background-color:#99FFFF;
    padding:2px;
    color:black;
    font-weight: bold;
}

td.rowhdr {
    background-color: white;
    padding:2px;
    color:black;
    border-bottom: 0px;
    font-weight: normal;
    text-align: center;
}

td.rowid {
    background-color: white;
    padding:2px;
    color:grey;
    border-bottom: 0px;
    font-weight: normal;
}

tr.nullrow {
    padding:2px;
	color:grey;
    font-weight: normal;
}

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

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

.form_neutral {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

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.html);
	/*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;
	font-weight:normal;
	color: #006666;
}

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

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

.highlight {
    display:block;
    color:blue;
    font:'Arial';
    font-size:14px;
}

.lnbr {
    float:left;
    margin-left:4px;
    margin-right:8px;
    color:green;
    background-color:#F1FC70;
}

.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_highlight_bg2 {
    font-family:"Andale Mono","Courier New", Courier, monospace;
    font-size: 14px;
/*    line-height: 18px; */
    color:#6633FF;
    background-color:#F1EDCA;
    border:blue 1px solid;
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -o-pre-wrap; /* Opera */
    white-space: pre-wrap; /* Chrome */
    word-wrap: break-word; /* IE */
}

.unix_black_bg2 {
    font-family:"Andale Mono","Courier New", Courier, monospace;
    font-size: 14px;
/*    line-height: 18px; */
    color:#602D2D;
    background-color:#F1EDCA;
    border:blue 1px solid;
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -o-pre-wrap; /* Opera */
    white-space: pre-wrap; /* Chrome */
    word-wrap: break-word; /* IE */
}

.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_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%;
    overflow: auto;
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -o-pre-wrap; /* Opera */
    white-space: pre-wrap; /* Chrome */
    word-wrap: break-word; /* IE */
}

.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%;
    overflow: auto;
/*	width:95%; */
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -o-pre-wrap; /* Opera */
/*    white-space: pre-wrap; Chrome */
    word-wrap: break-word; /* IE */
}

.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%;
    overflow: auto;
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -o-pre-wrap; /* Opera */
    white-space: pre-wrap; /* Chrome */
    word-wrap: break-word; /* IE */
}

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

.wordwrap {
    white-space: pre-wrap;      /* CSS3 */
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -pre-wrap;     /* Opera <7 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    word-wrap: break-word;      /* IE */
}

.nowrap {
    white-space: nowrap;
}

.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;
    cursor:pointer;
}

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
}

img.block-center {
    display: block;
    margin-left: auto;
    margin-right: auto 
}

.formcell {
	font-family: Courier New;
    background-color: #FFFFCC;
	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:4px;
	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;
}

.constant_man {
    color:#990099;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
/*    font-family:"Andale Mono","Courier New", Courier, monospace; */
}

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

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

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

}

.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_inv_orange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
/*    line-height: 18px; */
	font-weight: bold;
	color:#CCFFCC;
	background-color:orange;
	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:lime;
	background-color:#00FF00;
}

.tabletxt_fuchsia {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
/*    line-height: 18px; */
	font-weight: bold;
	color:fuchsia;
	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;
}

.table_normal {
    border-collapse:collapse;
    border:1px solid black;
    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: 18px; */
	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;
}

.margin1 {
    margin: 1px;
}

.margin2 {
    margin: 2px;
}

.margin4 {
    margin: 4px;
}


.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;
}


.blackfont {
    color: #000000;
    height: auto;
}


.greenfont {
    color: #006666;
    height: auto;
}


.bluefont {
    color: #0000FF;
    height: auto;
}

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

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


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

.boldblue {
	background-color:#0000FF;
	font-weight:bold;
	color:#FFFFFF;
}
.fuchsiabold {
	color:fuchsia;
	font-weight:bold;
}

.boldfuchsia {
    background-color:#0000FF;
    font-weight:bold;
    color:fuchsia;
}

.greenbold {
	color:#006666;
	font-weight:bold;
}

.boldgreen {
	background-color:#006666;
	font-weight:bold;
	color:#CCFFCC;
    padding-top:3px;
    padding-bottom: 3px;
}

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

.fuchsia_bg {
    font-weight:bold;
    background-color:fuchsia;
    color:#FFFFFF;
}

.alice_bg  {
    font-weight:bold;
    background-color:#F0F8FF;
}

.lightgrey_bg  {
    font-weight:bold;
    background-color:lightgrey;
}

.blue_bg  {
    background-color:#0000FF;
    font-weight:bold;
    color:#FFFFFF;
}
.yellow_bg  {
    background-color:yellow;
    font-weight:bold;
    color:red;
}

.green_bg {
    background-color:#006666;
    font-weight:bold;
    color:#CCFFCC;
}

.pale_blue_bg {
    background-color:#CCFFFF
}

.pale_green_bg {
    background-color:#D4FFD4
}

.pale_yellow_bg {
    background-color:#FFFEE6
}

.bold {
    font-weight:bold;
}

.italic {
    font-style: italic;
}

.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; }

.dbugbox-red     { border: 2px dashed red; }
.dbugbox-blue    { border: 2px dashed blue; }
.dbugbox-green   { border: 2px dashed green; }
.dbugbox-black   { border: 2px dashed black; }
.dbugbox-yellow  { border: 2px dashed yellow; }
.dbugbox-aqua    { border: 2px dashed aqua; }
.dbugbox-lime    { border: 2px dashed lime; }
.dbugbox-fuschia { border: 2px dashed #FF00FF; }

#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;
}

div.fixed-top-left {
    /* Place div before closing body tag */
    display:block;
    position: fixed;
    top:4px;
    left:4px;    
    padding: 0;
    margin:3px;
    display: block;
}

div.fixed-top-right {
    /* Place div before closing body tag */
    display:block;
    position: fixed;
    top:4px;
    right:4px;    
    padding: 0;
    margin:3px;
    display: block;
}

.gobutton {
    font-size:16px;
    font-weight:bold;
    color:green;
}

.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;
}

.scroll_ht400 {
    overflow: auto;
    height:400px;
}
.scroll_ht800 {
    overflow: auto;
    height:800px;
}

.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;
    overflow: auto;
}


.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;
	width:1200;
	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;
}

.w700 {
	width: 700px;
}
.w800 {
	width: 800px;
}
.w900 {
	width: 900px;
}
.w1000 {
	width: 1000px;
}
.w1100 {
	width: 1100px;
}
.w1200 {
	width: 1200px;
}
.w1300 {
	width: 1300px;
}
.w1400 {
	width: 1400px;
}
.w1500 {
    width: 1500px;
}.w1600 {
    width: 1600px;
}.w1700 {
	width: 1700px;
}

.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;
	margin:0 auto;
}


.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;
}

.displayNone {
    display: none;
}

.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;
}

.clear {
    clear:both;
	height:0;
}

.left {
    float:left;
}


.right {
    float:right;
}

.spacer {
  clear: both;
}

.center {
  display: block;
  margin-left:auto;
  margin-right:auto;
  padding:2px 3px;
  text-align: center;
}

.outer {
    display: block;
    margin-left:0 auto;
    margin-right:0 auto;
    padding:2px 3px;
    text-align: center;   
}

div[class^='tab_outer'] {
	padding:0;
	border:2px solid #006666;
	background-color: #CCFFCC;
    margin:0 auto;
}


.tab_outer {
	width:1100px;
}

.tab_outer700 {
	width:700px;
}

.tab_outer800 {
	width:800px;
}

.tab_outer900 {
	width:900px;
}
    
.tab_outer1000 {
	width:1000px;
}

.tab_outer1100 {
	width:1100px;
}

.tab_outer1200 {
	width:1200px;
}

.tab_outer1300 {
	width:1300px;
}

.tab_outer1400 {
	width:1400px;
}

.tab_outer1500 {
    width:1500px;
}

.tab_outer1600 {
    width:1600px;
}

.tab_outer1700 {
    width:1700px;
}

.tab_outer1800 {
	width:1800px;
}

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

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

.tab_inner_text {
    padding:10px 10px;
    text-align: left;
}

.tab_inner_text_w {
    padding:10px 10px;
    border:none;
    text-align: left;
    background-color:#F5FFF5;
}



/* Declaration "!important" resolves conflict with previously applied declaration */
/* See: http://css.maxdesign.com.au/selectutorial/advanced_conflict.htm */

.bg_std   { background-color: #CCFFCC     !important; }
.bg_tpx   { background-color: transparent !important; }
.bg_wht   { background-color: #FFFFFF     !important; }
.bg_reg   { background-color: #F5FFF5     !important; }
.bg_yel   { background-color: yellow      !important; }
.bg_enter { background-color: lightyellow !important; }
.bg_alice { background-color: aliceblue   !important; }
.bg_yel_blue_bold { background-color: yellow; color:blue; font-weight: bolder; padding:4px;      !important; }


table.tab {
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
/*    line-height: 18px; */
	font-weight: bold;
	color: #006666;
	background-color: #CCFFCC;
}

ol.number, li.number {
    list-style-type: decimal;;
    list-style-image:none
}


ol.roman_upper, li.roman_upper {
    list-style-type: upper-roman;
    list-style-image:none
}

ol.roman_lower, li.roman_lower {
    list-style-type: lower-roman;
    list-style-image:none
}

ol.lower, li.lower {
    list-style-type: lower-alpha;;
    list-style-image:none
}

ol.upper, li.upper {
    list-style-type: upper-alpha;;
    list-style-image:none
}

ul.bullet, li.bullet {
	list-style-type: circle;
	list-style-image:url("images/icons/bullet9x9.html");
}

ul.greenball, li.greenball {
    list-style-type: circle;
    list-style-image:url("images/icons/greenball.gif")
}

.textleft {
    text-align:left;
}

.textright {    
    text-align:right;
}

.textcenter {
    text-align:center;
}

.valign-top {
    vertical-align:top;
}

.valign-bottom {
    vertical-align:bottom;
}

.valign-middle {
    vertical-align:middle;
}

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

.tprint_bstyle_inline {
	font-size:x-small;
	width:200px;
    display:inline-block;
}

.vertical_text {
/*
http://www.thecssninja.com/css/real-text-rotation-with-css
http://snook.ca/archives/html_and_css/css-text-rotation
lr-tb – This is the default value, left to right, top to bottom
rl-tb – This flows the text from right to left, top to bottom
tb-rl – Flows the text vertically from top to bottom, right to left
bt-rl – bottom to top, right to left
tb-lr – This and the followings value are only available in IE8+ using -ms-writing-mode. Text flows top to bottom, left to right
bt-lr – Bottom to top, left to right
lr-bt – Left to right, bottom to top
rl-bt – Right to left, bottom to top
*/
    text-align: center;
    -webkit-transform: rotate(270deg) ;
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    writing-mode: lr-tb;
}

.vertical { 
    -webkit-writing-mode:vertical-rl; 
    -ms-writing-mode:tb-rl; 
    writing-mode:vertical-rl; 
 }

.ajxr {
    background-color:white;
    padding:10px;
    margin:10px;
    border:1px solid blue;
}

.constant {
    color:#990099;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    /*line-height: 14px;*/
    font-weight: bold;
}

.constant_bool {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    /*line-height: 14px;*/
    font-weight: bold;
}

.constant_bold {
    color:#990099;
    font-weight:bold;
}

.constant_color {
	color:#990099;
}

.fixed_head {
    padding: 0px;
    text-align: center;
    width: 100%;
    margin-left: 0 auto;
    margin-right: 0 auto;
    position: fixed;
}

div#qTip { 
	padding: 3px;
	border: 1px solid #666;
	border-right-width: 2px;
	border-bottom-width: 2px;
	display: none;
	background: #999;
	color: #FFF;
	font: bold 9px Verdana, Arial, sans-serif;
	text-align: left;
	position: absolute;
	z-index: 1000;
} 

.inline_block {
    display:inline-block;
}

.block {
    display:block;
}

.none {
    display:none;
}


/* Cearfix allows container to stretch in height */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
        display: inline-block;}
        /* Hides from IE-mac \*/
        * html .clearfix {height: 1%;
}

.clearfix {
    display: block;
}
 /* End hide from IE-mac */