html {
  margin:0;
  padding:0;
}
body {
  background-color:#21427D;
  background-image:url(../img/body_bg.png);
  background-position:top left;
  background-repeat:repeat-x;
  font-family:Verdana, Sans-Serif;
  margin:0;
  padding:0;
}
#PopExpForm {
  margin:0;
  padding:0;
}
/* -------------------------------- */ 
/* top level modal stuff
 */
html.modal,
.modal body {
  height:100%;
  overflow:hidden;
  width:100%;
}
/* modal
 * -------------------------------- */
#modal {
  display:none;
}
.modal #modal {
  display:block;
}
.hide {
display:none;
visibility:hidden;
}
.overlaydecorator {
  *display:none;
  background:#fff;
  height:100%;
  left:0;
  opacity:0.60;
  position:absolute;
  top:0;
  width:100%;
  z-index:42000;
}
.overlaywrap {
  display:block;
  height:100%;
  left:0;
  overflow:none;
  position:absolute;
  top:0;
  width:100%;
  z-index:42001;
  /* Hide the OverlayWrap 
   * -------------------------------- 
   * overflow:auto;
   * overflow-x:hidden;
   */
   *zoom:1;
   /* Note: How to calculate opacity/transpacency
    * -------------------------------- 
    * (0.60 * 255).toString(16) = 99 */
   *filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff,endColorstr=#99ffffff);
   *background:transparent url(pixel.gif);
}
.overlay {
  display:table;
  height:100%;
  margin:0 auto;
  position:relative;
  vertical-align:middle;
  width:300px;
  z-index:42999;
  *width:100%;
  *text-align:center;
  *position:static;
  *display:block;
}
/* help panel
 * -------------------------------- */
#helppanel {
  background-color:#fff;
  background-image:url(../img/help_panel_bg.png);
  background-position:top left;
  background-repeat:no-repeat;
  border:none;
  height:560px;
  margin-left:auto;
  margin-right:auto;
  margin-top:40px;
  overflow:hidden;
  padding:0px;
  position:relative;
  text-align:left;
  width:940px;
  z-index:44300;
}
#helppanelcontent {
  width:745px;
  height:576px;
  /*
  height:568px;
  height:560px;
  */
  border-top:1px solid #fff;
  border:none;
  color:#666666;
  float:right;
  font-family:Verdana, Sans-Serif;
  font-size:9pt;
  margin:0px;
  margin-top:-1px;
  overflow:scroll;
  padding-right:10px;
}
#helppanelcontent h2 {
  font-size:24pt;
  font-weight:900;
  color:#0060C2;
}
#helppanelcontent h3 {
  font-size:18pt;
  font-weight:900;
  color:#224F8B;
}
#helppanelcontent h4 {
  font-size:14pt;
  font-weight:900;
  color:#314872;
  color:#1A3362;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

#helppanelcontent h4 a {
  font-size:12pt;
  font-weight:900;
  color:#314872;
  color:#1A3362;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

#helppanelcontent a {
  text-decoration:none;
  color:#0060C2;
  /*
  background-color:#F2F7FC;
  */
  background-color:#FCFDFF;
  padding:0;
  padding-left:2px;
  padding-right:2px;
  margin:0;
}
#helppanelcontent a:hover {
  text-decoration:underline;
  color:#0060C2;
  /*
  background-color:transparent;
  */
  padding:0;
  padding-left:2px;
  padding-right:2px;
  margin:0;
}

div#help_image {
  margin-right:8px;
}
#helppanelcontent p {
  text-align:justify;
}

#helppanelsidebar {
  /* bigrotation2.gif */
  width:180px;
  margin:0px;
  margin-top:-1px;
  border-top:1px solid #fff;
  background-color:transparent;
}
#helptree {
  margin:0;
  padding:0;
}
#helptree ul {
  font-size:10pt;
  color:#7086A8;
  margin:0;
  margin-top:104px;
  padding:0;
  padding-left:9px;
  border:none;
  list-style:none;
}
#helptree ul li {
  margin:0;
  padding:0;
  list-style:none;
}
#helptree a {
  color:#A3ADC0;
  text-decoration:none;
}
#helptree a:hover {
  color:#ffffff;
  text-decoration:underline;
}
#helppanelborder {
  position:relative;
  width:940px;
  height:560px;
  margin-top:-560px;
  margin-bottom:0px;
  margin-right:auto;
  margin-left:auto;
  padding:0px;
  background-color:transparent;
  border:none;
  z-index:44250;
}
#helppanel_topborder,
#helppanel_bottomborder,
#helppanel_leftborder,
#helppanel_rightborder,
#helppanel_corner1,
#helppanel_corner2,
#helppanel_corner3,
#helppanel_corner4 {
  font-size:1px;
  background:#000;
  background:#1A3362;
  /*
  background-color:#333;
  background-color:#405B00;
  background-color:#80B700;
  */
  background-color:#1A3362;
  filter:alpha(opacity=30);
  -moz-opacity:0.30;
  opacity:0.30;
}
#helppanel_topborder {
  position:absolute;
  top:0px;
  left:0px;
  height:3px;
  width:940px;
  margin-top:-3px;
  margin-bottom:0px;
  margin-left:0px;
  margin-right:0px;
}
#helppanel_bottomborder {
  position:absolute;
  top:0px;
  left:0px;
  height:3px;
  width:940px;
  margin-top:560px;
  margin-bottom:0px;
  margin-left:0px;
  margin-right:0px;
}
#helppanel_leftborder {
  position:absolute;
  top:0px;
  left:0px;
  height:560px;
  width:3px;
  margin-top:0px;
  margin-bottom:0px;
  margin-left:-3px;
  margin-right:0px;
}
#helppanel_rightborder {
  position:absolute;
  top:0px;
  left:0px;
  height:560px;
  width:3px;
  margin-top:0px;
  margin-bottom:0px;
  margin-left:940px;
  margin-right:0px;
}
#helppanel_corner1,
#helppanel_corner2,
#helppanel_corner3,
#helppanel_corner4 {
  position:absolute;
  width:2px;
  height:2px;
  top:0px;
  left:0px;
}
#helppanel_corner1 {
  margin-top:-2px;
  margin-left:-2px;
}
#helppanel_corner2 {
  margin-top:-2px;
  margin-left:940px;
}
#helppanel_corner3 {
  margin-top:560px;
  margin-left:-2px;
}
#helppanel_corner4 {
  margin-top:560px;
  margin-left:940px;
}


/* sidebar */
#sidebar {
  background-color:transparent;
  background-image:url(../img/sidebar_bg.png);
  background-position:bottom left;
  background-repeat:no-repeat;
  border:0;
  float:right;
  font-size:8pt;
  margin:0;
  padding:0;
  padding-bottom:0px;
  position:relative;
  width:180px;
  z-index:1000;
}
/* toolbar */
#toolbar {
  margin:0;
  margin-top:8px;
  margin-bottom:16px;
  padding:0;
  list-style:none;
  z-index:1000;
}
#toolbar li {
  margin:0;
  margin-top:4px;
  z-index:1000;
}
#toolbar li a {
  display:block;
  width:140px;
  height:24px;
  margin:0;
  margin-left:4px;
  padding:0;
  padding-left:30px;
  line-height:24px;
  text-decoration:none;
  color:#94A4BE;
  background-position:top left;
  background-repeat:no-repeat;
  z-index:1000;
}
#toolbar li a:hover {
  color:#00286B;
  background-position:bottom left;
  background-repeat:no-repeat;
  z-index:1000;
}
#toolbar_title {
  margin:0;
  padding:0;
  width:100%;
  height:24px;
  background-color:#1A3362;
  background-image:url(../img/toolbar_title_bg.png);
  background-position:top left;
  background-repeat:no-repeat;
  z-index:1000;
}
#toolbar_title span {
  display:none;
  z-index:1000;
}
/* toolbar items */
#selector {
  background-image:url(../img/selector.png);
  background-repeat:no-repeat;
  background-position:top left;
}
#draw_polygon {
  background-image:url(../img/draw_polygon.png);
  background-repeat:no-repeat;
  background-position:top left;
}
#delete_polygon {
  background-image:url(../img/delete_polygon.png);
  background-repeat:no-repeat;
  background-position:top left;
}
#analyze_polygon {
  background-image:url(../img/analyze_polygon.png);
  background-repeat:no-repeat;
  background-position:top left;
}
#buffer_point {
  background-image:url(../img/buffer_point.png);
  background-repeat:no-repeat;
  background-position:top left;
}
#buffer_shape {
  background-image:url(../img/buffer_shape.png);
  background-repeat:no-repeat;
  background-position:top left;
}
#analyze_layer {
  background-image:url(../img/analyze_layer.png);
  background-repeat:no-repeat;
  background-position:top left;
}
#print_view {
  background-image:url(../img/print_view.png);
  background-repeat:no-repeat;
  background-position:top left;
}
#publish_view {
  background-image:url(../img/publish_view.png);
  background-repeat:no-repeat;
  background-position:top left;
}
#addd_layer {
  background-image:url(../img/add_layer.png);
  background-repeat:no-repeat;
  background-position:top left;
}
#measure_distance {
  background-image:url(../img/measure_distance.png);
  background-repeat:no-repeat;
  background-position:top left;
}
#buffer_line {
  background-image:url(../img/buffer_line.png);
  background-repeat:no-repeat;
  background-position:top left;
}
#add_layer {
  background-image:url(../img/add_layer.png);
  background-repeat:no-repeat;
  background-position:top left;
}
#remove_layer {
  background-image:url(../img/remove_layer.png);
  background-repeat:no-repeat;
  background-position:top left;
}
#change_view {
  background-image:url(../img/change_view.png);
  background-repeat:no-repeat;
  background-position:top left;
}




/* header */
#header {
  width:100%;
  height:92px;
  margin:0;
  margin-top:4px;
  padding:0;
  position:relative;
  background-color:transparent;
  background-image:url(../img/header_bg.png);
  background-repeat:repeat-x;
  background-position:top left;
  border:0;
}
#combined_logo {
  display:block;
  margin:0;
  margin-bottom:6px;
  padding:0;
  width:358px;
  height:64px;
  background-image:url(../img/combined_logo.png);
  background-position:top left;
  background-repeat:no-repeat;
  z-index:38000;
}
#combined_logo span {
  display:none;
}

/*
#usaid_logo {
  display:block;
  width:390px;
  height:124px;
  background-image:url(../img/usaid_logo.png);
  background-position:top left;
  background-repeat:no-repeat;
}
#usaid_logo span {
  display:none;
}
*/

/* navigation_tab */
a.navigation_tab {
  display:block;
  width:142px;
  height:22px;
  float:left;
  margin:0;
  padding:0;
  border:0;
  clear:none;
  background-image:url(../img/navigation_tab.png);
  background-repeat:no-repeat;
  background-position:top left;
  text-align:left;
  font-size:9pt;
  color:#6F6F6F;
  line-height:22px;
  text-decoration:none;
  z-index:24000;
}
a.navigation_tab:hover,
li:hover a.navigation_tab {
  margin:0;
  padding:0;
  background-position:bottom left;
  /*
  color:#0072DF;
  */
  color:#00286B;
  z-index:24000;
}
a.navigation_tab span {
  padding-left:8px;
}
/* navigation */
#navigation {
  background-color:transparent;
  border:none;
  float:left;
  height:22px;
  list-style:none;
  margin:0;
  padding:0;
  width:900px;
  z-index:24000;
}
#navigation table {
  border-collapse:collapse;
  height:0;
  width:0;
  margin:0 -4px -1px 0;
  z-index:24000;
}
#navigation li {
  float:left;
  margin-top:9;
  margin-bottom:0;
  margin-right:0;
  margin-left:6px;
  list-style:none;
  display:inline;
  z-index:24000;
}
#navigation li a {
  display:block;
  padding:0;
  border:0;
  float:left;
  background-color:transparent;
  z-index:24000;
}
#navigation li:hover {
  position:relative;
  z-index:28000;
}
#navigation li a:hover {
  padding:0;
  border:0;
  position:relative;
  z-index:28000;
}
#navigation li:hover > a {
  display:block;
  padding:0;
  border:0;
  /*
  color:#0072DF;
  */
  color:#00286B;
  z-index:24000;
}
#navigation ul {
  /*
  width:130px;
  */
  width:142px;
  width:222px;
  position:absolute;
  margin:0;
  padding:0;
  border:0;
  top:22px;
  left:-9999px;
  list-style:none;
  background-color:transparent;
  z-index:24000;
}
#navigation ul li {
  margin:0;
  padding:0;
  border:0;
  z-index:24000;
}
#navigation ul li a {
  /*
  width:130px;
  width:142px;
  */
  width:214px;
  height:22px;
  display:block;
  float:left;
  margin:0;
  margin-left:80px;
  padding:0;
  padding-left:8px;
  border:0;
  font-size:10pt;
  /*
  background-color:#0A1427;
  background-color:#E6E6E6;
  */
  background-color:#FFFFFF;
  background-image:url(../img/navigation_bg.png);
  background-position:top left;
  background-repeat:repeat-y;
  line-height:22px;
  /*
  color:#CCCCCC;
  color:#6C727D;
  */
  color:#6F6F6F;
  text-decoration:none;
  text-align:left;
  z-index:24000;
}
#navigation ul li a:hover {
  /*
  width:130px;
  width:142px;
  */
  width:214px;
  margin:0;
  margin-left:80px;
  padding:0;
  padding-left:8px;
  /*
  background-color:#D9DFE9;
  */
  background-color:#F0F2F6;
  /*
  color:#333333;
  */
  color:#0060C2;
  /*
  background-color:#A0AEC5;
  color:#243F6C;
  */
  text-decoration:underline;
  z-index:24000;
}
#navigation ul li a.navigation_last,
#navigation ul li a.navigation_last:hover {
  border:none;
  border-bottom:2px solid #8E8F91;
}
#navigation ul li:hover > a {
  z-index:24000;
}
#navigation ul ul {
  position:absolute;
  margin:0;
  margin-left:100%;
  padding:0;
  border:0;
  top:0;
  list-style:none;
  z-index:24000;
}
#navigation :hover ul {
  right:0;
  left:auto;
  z-index:24000;
}
#navigation :hover ul ul {
  left:-9999px;
  width:130px;
  width:142px;
  width:222px;
  padding:0;
  background:url(../img/trans.gif);
  z-index:24000;
}
/* panel */
#panel {
  position:absolute;
  width:400px;
  height:48px;
  top:0;
  right:0;
  margin:0;
  background-color:transparent;
  background-position:top right;
  background-repeat:no-repeat;
  background-image:url(../img/panel_bg.png);
  border:none;
  font-size:8pt;
  color:#fff;
}
#panel span {
  display:none;
}
#login {
  width:320px;
  /*
  height:32px;
  */
  height:48px;
  float:right;
  background-color:transparent;
  font-size:9pt;
}
#login input {
  margin:0;
  margin-top:6px;
  margin-left:3px;
  margin-right:4px;
  padding:0;
  height:18px;
  width:115px;
  border:none;
  background-color:#f6f6f6;
  float:left;
  font-size:8pt;
  line-height:18px;
}
#login input.image_button {
  float:left;
  margin:0;
  margin-top:4px;
  margin-left:2px;
  padding:0;
  width:72px;
  height:22px;
  background-color:transparent;
  background-position:top left;
  background-repeat:no-repeat;
}
#login input.input_button:hover {
  background-position:bottom left;
}
#login table,
#login table tr,
#login table td {
  margin:0;
  padding:0
}
#login table {
  border:none;
  width:320px;
  float:right;
}
#register,
#forgot {
  display:block;
  float:right;
  margin:0;
  margin-right:8px;
  padding:0;
  border:none;
  font-size:8pt;
  color:#1A3362;
  color:#f6f6f6;
  text-decoration:none;
}
#register:hover,
#forgot:hover {
  color:#CADDFB;
  text-decoration:underline;
}

#welcome,
#signout {
  float:right;
  clear:both;
  margin:0;
  margin-right:8px;
  margin-top:2px;
  padding:0;
  font-size:8pt;
  color:#1A3362;
  color:#f6f6f6;
  text-decoration:none;
}
#welcome {
  color:#A9B9D6;
}
#signout a {
  text-decoration:none;
  color:#A9B9D6;
}
#signout a:hover {
  text-decoration:underline;
  color:#ffffff;
}
/* wrapper, container */
#wrapper {
  margin:0;
  margin-bottom:-1px;
  padding:0;
  background-color:transparent;
  border:0;
  border-bottom:1px solid #0A1427;
}
#container {
  width:100%;
  margin:0;
  margin-right:-180px;
  padding:0;
  float:left;
  border:0;
  border-top:1px solid #0A1427;
  background-color:transparent;
}
/* content */
#content {
  position:relative;
  margin:0;
  margin-right:180px;
  padding:0;
  height:400px;
  border:0;
  border-top:1px solid #0A1427;
  border-bottom:1px solid #21427D;
  background-color:transparent;
}
#content h1 {
  margin:0;
}
p.last {
  margin-bottom:0;
}
#map {
  top:0;
  left:0;
  margin:0;
  margin-top:-30px;
  margin-top:-16px;
  border:0;
  background-color:transparent;
  position:absolute;
}
/* clear */
.clear {
  margin:0;
  padding:0;
  height:10px;
  font-size:1px;
  clear:both;
  background-color:transparent;
  background-color:red;
  border:0;
}
/*  */
/* footer */
#footer {
  margin:0;
  padding:0;
  height:45px; 
  clear:both;
  font-size:8pt;
  background-color:#1A3362;
  background-image:url(../img/footer_bg.png);
  background-position:top left;
  background-repeat:repeat-x;
  /*color:#6B7A96;*/
  color:#112140;
}
#copyright {
  color:#6B7A96;
  float:left;
  margin:0;
  /*
  margin-top:12px;
  margin-top:21px;
  */
  margin-top:22px;
  margin-left:8px;
  padding:0
}
#copyright span {
  color:#112140;
}
a#disclaimer,
a#privacy {
  color:#6B7A96;
  text-decoration:none;
}
a#disclaimer:hover,
a#privacy:hover {
  color:#548EE7;
  text-decoration:underline;
}
#usaid {
  color:#2887F8;
  text-decoration:none;
  padding-left:1px;
}
#usaid:hover {
  color:#67B9FC;
  text-decoration:underline;
}
#powered_by {
  width:172px;
  height:25px;
  float:right;
  margin:0;
  margin-top:10px;
  margin-right:8px;
  padding:0;
  background-image:url(../img/powered_by.png);
  background-position:top left;
  background-repeat:no-repeat;
}
#powered_by a {
  display:block;
  width:172px;
  height:25px;
}
#powered_by span {
  display:none;
}
#kimetrica {
  font-weight:900;
}
/* Link to hide help panel and overlay
 * -------------------------------- */
#hidehelp {
  display:block;
  width:16px;
  height:16px;
  float:right;
  margin-top:6px;
  margin-right:12px;
  font-size:1px;
  background-color:transparent;
  background-image:url(../img/close_help.png);
  background-position:top left;
  background-repeat:no-repeat;
}
#hidehelp span {
  color:#fff;
  display:none;
}
div.help_image {
padding:12px;
border:1px solid #efefef;
float:left;
}
div.help_image img {
border:1px solid #cccccc;
}
div.help_image p {
text-align:center;
font-size:7pt;
font-style:italic;
}