/* Global Presentation Stylesheet */ 

body {
 background: #FFF;
 margin: 0;
 padding: 0;
}

.welcome {background: #FFF url(/7/img/index_BG.gif)}

.results, .bpp {
 background: #FFF;
 maxWidth: 1005px;
 width: 1005px;
}

div, p, span, td {
 font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
 font-size: 10px;
 color: #363636;
}

form {margin: 0}
img {border: 0}
a:link {color: #2D4C9C}
a:visited {color: #666}
a:hover {color: #CD661D}
a:active {color: #666; outline: none}
a:focus {-moz-outline-style: none}

input, select, textarea {
 font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
 font-size: 11px;
 padding: 1px;
 vertical-align: middle;
}

p {
 margin: 0;
 padding: 0 0 10px 0;
}

h1, h2, h3, h4, h5, h6, h7 {font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif}
h1 {
 color: #2D4C9C;
 font-size: 2em; /* 20px */
 line-height: 1.3em;
 margin: 0;
}
h2 {
 color: #2D4C9C;
 font-size: 1.8em; /* 18px */
 line-height: 1.1em;
 margin: 0;
}
h3 {
 color: #2D4C9C;
 font-size: 1.6em; /* 16px */
 line-height: 1.2em;
 margin: 0;
}
h4 {
 color: #2D4C9C;
 font-size: 1.4em; /* 14px */
 font-weight: normal;
 line-height: 1.2em;
 margin: 0;
 padding: 5px 0;
}
h5 {
 color: #2D4C9C;
 font-size: 1.1em; /* 11px */
 margin: 0.8em 0 0.2em 0;
}
h6 {
 font-size: 1.1em; /* 11px */
 line-height: 1.4em;
 margin: 0.3em 0;
}
h7 {
 font-size: 1.1em; /* 11px */
 font-style: italic;
 font-weight: bold;
 margin-bottom: 0.3em;
}

ul {
 margin: 1em 0;
 padding: 0 0 0 2.5em;
}
ul ul {
 margin: 0;
 padding: 0 0 0 1.25em;
}
ol {
 margin: 1em;
 padding: 0 2em;
}
ol ol {margin: 0}
li {
 margin: 0;
 padding: 0;
}

pre {
 text-align: left;
 margin: 0;
 padding: 20px 0;
}

sup {
 line-height: 7px;
 vertical-align: text-top;
}

a.close {
 font-size: 9px !important;
 color: #000;
}
a.close:hover {color: #696969}

span.onLink {color: #2D4C9C; font-weight: bold}
span.offLink {color: #666}

td.bullet {
 padding-top: 12px;
 width: 14px;
}
td.bullet div {
 background-color: #333;
 height: 4px;
 width: 4px;
}

.clear {clear: both}
.cursor {cursor: pointer}
.cursorOff {cursor: default !important}
.nowrap {white-space: nowrap}
.px3 {padding-top: 3px}
.px6 {padding-top: 6px}
.px9 {padding-top: 9px}
.px12 {padding-top: 12px}
.px15 {padding-top: 15px}
.px20 {padding-top: 20px}
.px30 {padding-top: 30px}
.px40 {padding-top: 40px}
.px50 {padding-top: 50px}
.indent {margin: 0 0 10px 15px}
.shim {margin-left: 10px}
.leftpad {padding-left: 25px}
.rightpad {padding-right: 10px}
.u {text-decoration: underline}
.center {text-align: center}
.left {text-align: left}
.right {text-align: right}
.mid {vertical-align: middle}
.Fleft {float: left; text-align: left}
.Fright {float: right; text-align: right}
.clLeft {clear: left; float: left}
.clRight {clear: right; float: right}
.dHide {display: none}
.dShow {display: inline}
.vHide {visibility: hidden}
.plain {text-decoration: none !important}
.u {text-decoration: underline !important}
.bold {cursor: default; font-weight: bold; text-decoration: none !important}
.small {font-size: 9px}
.legal {font-family: Arial}
.tiny {font: 9px Arial}
.tm {font-size: 7px !important}
.label {
 font-weight: bold;
 font-size: 11px;
 padding-top: 4px;
 text-align: right;
 vertical-align: top;
}
.counter {
 background-color: #F8F8FF;
 border: solid 1px #2D4C9C;
 color: #2D4C9C;
 cursor: help;
 font-family: Arial;
 padding-left: 2px;
 width: 20px;
}
.error {
 color: #EE2C2C;
 font-size: 9px !important;
 position: relative;
 z-index: 5000;
}
.wError {
 text-align: left;
 position: relative;
 left: 41px;
 top: 1px;
}

.blueRow {background-color: #87CEFF}
.ltblueRow {background-color: #F0F8FF}
.greyRow {background-color: #F8F8FF}
.transparent {background-color: transparent !important}

.transfer {
 background-color: #F0F8FF;
 border: dashed 2px #000;
 opacity: .4;
 filter: alpha(opacity=40);
 z-index: 9999;
}

.btn {
 background-image: url(/7/img/btnBG.gif);
 background-repeat: repeat-x;
 border: solid 1px;
 border-top-color: #69C;
 border-left-color: #69C;
 border-right-color: #666;
 border-bottom-color: #666;
 color: #2D4C9C;
 font: bold 11px Tahoma,Verdana;
 padding: 0.2em 0 0.2em 0.2em;
 cursor: pointer;
}

.gobtn {
 position: relative;
 left: -6px;
 background-image: url(/7/img/btnBG.gif);
 background-repeat: repeat-x;
 border: solid 1px;
 border-top-color: #69C;
 border-left-color: #69C;
 border-right-color: #363636;
 border-bottom-color: #363636;
 color: #2D4C9C;
 font-family: Tahoma,Verdana;
 font-weight: bold;
 padding: 0.1em 0 0.2em 0.1em;
 cursor: pointer;
}

.searchInput {
 border: solid 2px #6699CC;
 padding: 1px 0 0 2px;
 height: 15px;
 width: 170px;
}

#tooltip {
 background-color: #FFF;
 border: solid 1px #363636;
 position: absolute;
 width: 150px;
 padding: 5px;
 visibility: hidden;
 z-index: 100;
}

/* Rounded box styles */
.t {background: transparent url(/7/img/round/t.gif) repeat-x; height: 3px}
.b {background: transparent url(/7/img/round/b.gif) repeat-x; height: 3px}
.l {background: transparent url(/7/img/round/l.gif) repeat-y; width: 3px}
.r {background: transparent url(/7/img/round/r.gif) repeat-y; width: 3px}
.tl {background: transparent url(/7/img/round/tl.gif) no-repeat; height: 3px; width: 3px}
.tr {background: transparent url(/7/img/round/tr.gif) no-repeat; height: 3px; width: 3px}
.bl {background: transparent url(/7/img/round/bl.gif) no-repeat; height: 3px; width: 3px}
.br {background: transparent url(/7/img/round/br.gif) no-repeat; height: 3px; width: 3px}

/* Search layers */
.searchLayer {
 background-color: #FFF;
 border: 1px solid #666;
 padding: 15px 0 11px 0;
 text-align: center;
 position: absolute;
 top: -300px;
 left: -300px;
 height: 95px;
 width: 290px;
 display: none;
 z-index: 1002;
}

.searchLayer p {
 margin-top: 26px;
 text-align: center;
}

.searchArea {
 height: 60px;
 whitespace: nowrap;
}

.pointer {
 position: absolute;
 top: -300px;
 left: -300px;
 display: none;
 z-index: 1003;
}

/* Message layers */
#messageLayer {
 display: none;
 background-color: #FFF;
 border: 2px solid #CCC;
 position: absolute;
 top: 130px;
 left: 290px;
 z-index: 5001;
 width: auto;
 min-width: 350px;
}

#messagePage {margin: 6px 10px 10px 10px}

#messageHead {
 background-color: #CBE6F8;
 cursor: move;
 height: 13px;
 margin: 6px 0 0 10px;
 padding: 4px 5px 2px 5px;
}

.messageHead {
 background-color: #CBE6F8;
 margin: 6px 10px 0 0;
 padding: 4px 5px 2px 5px;
 text-align: right;
}

.msgHeadRight {width: 50px}
.msgCloseLink {cursor: pointer}

/* Chunk/Subcat layers */
.csDiv {
 display: none;
 background-color: #FFF;
 border: solid 1px #999;
 position: relative;
 left: -4px;
 margin-top: 2px;
 padding: 2px;
 width: 123px;
}

.csDiv div {
 cursor: pointer;
 padding: 3px 4px;
 margin-bottom: 1px;
 text-align: left;
}

a.csl {
 color: #2D4C9C;
 display: block;
 text-decoration: none;
 padding: 4px;
 text-align: left;
}

a.csl:hover {
 color: #FFF !important;
 background-color: #6CA6CD !important;
}

.csDiv a.layerAlt {background-color: #EEEEE0}

.csDiv div.layerOne {
 background-color: #6CA6CD;
 color: #FFF;
}

.csDivR {
 left: 542px;
 width: 110px;
}

.csLayers {
 position: relative;
 left: -2px;
 z-index: 500;
}

.layerTop, .layerBtm {
 position: absolute;
 top: 26px;
 z-index: 510;
}

.layerBtm {top: 48px}

/* Loading messages */
#loadMsg {
 color: #00407B !important;
 font-weight: bold !important;
 font-size: 12px;
 position: relative;
 left: -2px;
 top: 3px;
 z-index: 500;
}

#rLoadMsg {
 display: none;
 position: relative;
 top: -5px;
 z-index: 500;
}

#wLoadMsg {
 visibility: hidden;
 z-index: 500;
}

#formProcessor {
 display: none;
 font-size: 12px;
 padding: 3px;
}

#loading div {
 color: #2D4C9C;
 font: bold 15px Verdana;
}

#loading em {font-size: 11px}

#loading sup {
 font: normal 11px Verdana;
 vertical-align: top;
}

.loadtd {
 height: 46px;
 padding-left: 2px;
 vertical-align: middle;
 white-space: nowrap;
}

.load, .load1 {
 position: relative;
 color: #69C !important;
 font: normal 13px Verdana !important;
}
.load1 {left: -6px}

/* vTip styles */
p#vtip {display: none; position: absolute; padding: 10px; left: 5px; font-size: 0.8em; background-color: white; border: 1px solid #A6C9E2; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999}
p#vtip #vtipArrow {position: absolute; top: -10px; left: 5px}