/* Legacy IMF text of different sizes, normal and bold black, white, and red fonts */
.bn6 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 6pt; font-style: normal; line-height: normal; font-weight: normal; color: #000000}
.bn7 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-style: normal; line-height: normal; font-weight: normal; color: #000000}
.bn8 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height: normal; font-weight: normal; color: #000000}
.bn9 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; color: #000000}
.bn10 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: normal; color: #000000}
.bb8 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height: normal; font-weight: bold; color: #000000}
.bb9 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: bold; color: #000000}
.bb10 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: bold; color: #000000}
.bb11 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; font-style: normal; line-height: normal; font-weight: bold; color: #000000}
.bb12 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-style: normal; line-height: normal; font-weight: bold; color: #000000}
.bb13 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13pt; font-style: normal; line-height: normal; font-weight: bold; color: #000000}
.bb14 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; font-style: normal; line-height: normal; font-weight: bold; color: #000000}
.wn8 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height: normal; font-weight: normal; color: #ffffff}
.wn9 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; color: #ffffff}
.wb8 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height: normal; font-weight: bold; color: #ffffff}
.wb9 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: bold; color: #ffffff}
.rb9 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: bold; color: #ff0000}
.rn9 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; color: #ff0000}
.rb8 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height: normal; font-weight: bold; color: #ff0000}
.rn8 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height: normal; font-weight: normal; color: #ff0000}

a {
   text-decoration: none;
   color: #0000ff;
}
a:hover {
   color: #ff0000;
}
b {
   font-weight: bold;
}

h4{
   font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    color: #000000;
}
p, font, div, td, input, select {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    color: #000000;
}

p1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    color: #000000;
}

body {
   background-color: #ffffff;
   font-family: Verdana,Tahoma,Arial,sans-serif;
   font-size: 13px;
   color: #000000;
}
body.imfDialog {
   padding: 5px 5px 5px 5px;
   font-family: Verdana,Tahoma,Arial,sans-serif;
   font-size: 13px;
   color: #000000;
}
body.imfStatus {
   background-color: #0063A7;
   padding: 3px 3px 3px 3px;
   font-family: Verdana,Tahoma,Arial,sans-serif;
   font-size: 13px;
   color: #000000;
}
body.imfTabs {
   background-color: #eeeeee;
   padding: 2px 0px 0px 0px;
   font-family: Verdana,Tahoma,Arial,sans-serif;
   font-size: 13px;
   font-style: normal;
   font-weight: bold;
   letter-spacing: 0.1em;
   color: #000000;
}
.imfSelectOptions {
   font-family: Verdana,Tahoma,Arial,sans-serif;
   font-size: 13px;
   color: #000000;
}
.imfSmallSelectOptions {
   font-family: Verdana,Tahoma,Arial,sans-serif;
   font-size: 12px;
   color: #000000;
}
.imfInputText {
   font-family: Verdana,Tahoma,Arial,sans-serif;
   font-size: 13px;
   color: #000000;
}
.imfSmallInputText {
   font-family: Verdana,Tahoma,Arial,sans-serif;
   font-size: 12px;
   color: #000000;
}
.imfTitleText {
   font-family: Verdana,Tahoma,Arial,sans-serif;
   font-size: 16px;
   font-weight: bold;
   color: #000000;
}
.imfNormalText {
   font-family: Verdana,Tahoma,Arial,sans-serif;
   font-size: 13px;
   color: #000000;
}
.imfLayerText {
   font-family: Verdana,Tahoma,Arial,sans-serif;
   font-size: 11px;
   color: #000000;
}
.imfNormalTextHighlight {
   background: #ffffcc;
   font-family: Verdana,Tahoma,Arial,sans-serif;
   font-size: 13px;
   color: #000000;
}
.imfSummaryText {
   font-family: Verdana,Tahoma,Arial,sans-serif;
   font-size: 13px;
   color: #000000;
}
.imfSummaryTextHighlight {
   background: #eeeeee;
   font-family: Verdana,Tahoma,Arial,sans-serif;
   font-size: 13px;
   color: #000000;
}
.imfWarningText {
   font-family: Verdana,Tahoma,Arial,sans-serif;
   font-size: 13px;
   color: #ff0000;
}
a.imfTabs {
   color: #000000;
   font-size: 14px;
   font-style: normal;
   font-weight: bold;
   letter-spacing: 0em;
   text-decoration: none;
}
a:hover.imfTabs { 
   color: #3399cc;
   text-decoration: none;
}
td.imfTabsTab {
   background-color: #eeeeee;
   padding-left: 3px;
   padding-right: 10px;
}
td.imfTabsSep {
   background-color: #eeeeee;
}
tr.imfStatus {
   background-color: transparent;
}
.fineprint {
   font-family: Verdana,Tahoma,Arial,sans-serif;
   font-size: 10px;
   color: #000000;
}

/* Used by imfTabsTextBar.jsp script. Over-ride these in your site's 
   style sheet for different colors or symbolization */
#imfTabsTextBar body {
   background-color: #ffffff;
}
#imfTabsTextBar div {
   color: #006f02;
   background-color: #336699;
}
#imfTabsTextBar table {
   width: 100%;
   padding: 0px;
}
#imfTabsTextBar td {
   vertical-align: middle;
   padding: 3px 3px 3px 3px;
}
#imfTabsTextBar a {
   font: bold 11px "Verdana, Arial, Helvetica", sans-serif;
   color: #ffffff;
   text-decoration: none;
   margin: 3px 3px 3px 0px;
   padding: 2px 5px 2px 5px;
   border: solid;
   border-width: 0px 1px 0px 0px;
   border-color: #cccccc;
}
#imfTabsTextBar a:hover { 
   color: #336699;
   background-color: #ffffff;
}
button {
    background-color: rgb(0, 110, 184);
    font-weight: bold;
    border: solid 1px rgb(0, 110, 184);
    color: rgb(255, 255, 255);
    padding: 0px 5px 0px 5px;
}
button:hover {
   color: rgb(255, 255, 255);
   border: solid 1px rgb(50, 150, 204);
}
@media screen {
   body, form {
	  font-family: Arial, Helvetica, sans-serif;
   }
   #mainpage {
	  width: 800px; 
	  padding: 0px; 
	  margin: 0px;
   }
   #menucolleft {
	  float: left; 
	  width: 154px;
	  margin: 0px;
   }
   #menucolright {
	  float: right; 
	  width: 154px;
	  margin: 0px;
	  overflow: hidden;
   }
   #maincol {
	  float: left; 
	  width: 490px; 
	  margin: 0px;
   }
}
@media print {
   body, form {
	  font-family: Garamond, Times New Roman, serif;
   }
   #mainpage {
	  width: 100%; 
	  padding: 0px; 
	  margin: 0px;
   }
   #menucolleft {
	  display: none;
   }
   #menucolright {
	  float: left;
	  width: 18%;
	  margin: 0px;
   }
   #maincol {
	  float: left;
	  width: 78%; 
	  margin: 0px;
   }
}
#mapholder {
   margin: 0px; 
   padding: 5px 5px 10px 5px;
   background-color: rgb(0, 110, 184);
   color: #ffffff;
   border: solid 1px #cccccc;
}
#mapholder img {
   border: solid 1px #666666; 
}
.pad5 {
   padding: 5px 5px 5px 5px;
}
.cb {
   clear: both;
}
div.selected {
   width: 100%;
   border: solid 1px #cfcfcf;
   background-color: #f9f9f9;
   margin-bottom: 4px;
}
div.unselected {
   width: 100%;
   border: none;
   background-color: #ffffff;
}
div.selected p, div.selected p {
   margin-top: 0px;
   margin-bottom: 0px;
}
div.radioholder {
   float: left;
   width: 22px;
   padding: 0px;
   margin: 0px;
}
div.resultholder {
   width: 435px;
   padding: 0px;
   margin: 0px;
}
form {
   margin-top: 0px;
   margin-bottom: 0px;
}
div.even, div.odd {
   width: 100%;
   background-color: #f9f9f9;
   margin-bottom: 5px;
}
body {
   background-color: #ffffff;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
}
iframe {
   width: 100%;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
}
div {
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
}
/* Change these settings to move components around on-screen */
#mapPage, #mainpage {
   width: 800px;
   margin-left: 0px;
   margin-right: auto;
}
#mapPage {
   background-color: #FFFFFF;
}
#dataHolder {
   margin-top: 10px;
   margin-left: 2px;
   width: 240px;
   height: 420px;
   float: left;
   padding: 5px 5px 5px 5px;
}
#dataFrame {
   border-left: solid 2px #1178BD;
   height: 412px;
}
#mapHolder {
   margin-top: 10px;
   width: 530px;
   height: 410px;
   float: right;
   padding: 5px 5px 5px 5px;
}
#toolFrame {
   border-left: solid 2px #cccccc;
   border-right: solid 2px #cccccc;
   border-top: solid 2px #cccccc;
   width: 520px;
}
#mapNW, #mapN, #mapNE, #mapSW, #mapS, #mapSE {
   height: 8px;
   margin: 0px;
}
#mapW, #mapE, #mapNE, #mapNW, #mapSE, #mapSW {
   width: 8px;
}
#mapFrame, #mapN, #mapS {
   width: 510px;
}
#mapFrame, #mapW, #mapE {
   height: 360px;
}
#statusHolder {
   margin-top: 10px;
   margin-left: 2px;
   padding: 5px 5px 5px 5px;
   background-color: #0063A7;
}
#statusFrame {
   width: 780px;
}
#nextSet {
   width: 100px; 
   float: right; 
   text-align: left;
}
#previousSet {
   width: 100px; 
   float: left; 
   text-align: right;
}
#externalNavigation {
   text-align: right; 
   font-variant: normal;
   font-size: 9px; 
   padding-right: 8px;
   color: #1178BD;
}
#externalNavigation a {
   text-decoration: none;
   letter-spacing: 1px;
   color: #1178BD;
   padding: 0px 2px 0px 2px;
}
#externalNavigation a:hover {
   text-decoration: none;
   letter-spacing: 1px;
   background-color: #0063A7;
   color: #FFFFFF;
   padding: 0px 2px 0px 2px;
}
.cb {
   clear: both;
}