/*----------------------------------------------------------*/
/*  Default.css                                             */
/*----------------------------------------------------------*/
/*  This is a bland default stylesheet for the GUI widget   */
/*    library.  Overridden by setting the 'theme' attribute */
/*    of the GuiWidget class.                               */
/*----------------------------------------------------------*/


/*    -----------------------     */
/*       Generic Objects          */
/*    -----------------------     */

body
{
  background:    #FFFFFF;
  color:         #000000;
  margin-top:    0px;
  margin-bottom: 0px;
  margin-left:   0px;
  margin-right:  0px;
  font-family:   Helvetica, sans-serif;
  font-size:     10pt;
  overflow:      hidden;
  z-index:       0;
}

/* Most of the widgets are based on a div */
DIV
{
  position:       absolute; 
  visibility:     visible;
  text-align:     left;
  vertical-align:  top;
  color:          #000000; 
  border:         none;
  margin:         0px; 
  padding:        0px;
  overflow:       hidden;
}

TD
{
  border:        none;
}

IMG
{
  border:        none;
}

DIV.tooltip
{
  border:  1px black solid;
  background:  #eeeeee;
}

/*    ------------------------    */
/*     Button and Text Button     */
/*    ------------------------    */


DIV.button
{
  color:         black;
  background:    #CCCCCC;
  text-align:    center;
  vertical-align: middle;
  border-top:    1px gray solid;
  border-left:   1px gray solid;
  border-right:  1px black solid;
  border-bottom: 1px black solid;
}

DIV.buttonHover
{
  color:         black;
  background:    #CCCCDD;
  border-top:    1px gray solid;
  border-left:   1px gray solid;
  border-right:  1px black solid;
  border-bottom: 1px black solid;
}

DIV.buttonDown
{
  color:         white;
  background:    gray;
  border-top:    1px black solid;
  border-left:   1px black solid;
  border-right:  1px gray solid;
  border-bottom: 1px gray solid;
}

/*    -----------------------     */
/*         Image Button           */
/*    -----------------------     */

DIV.imageButton
{
  border:       none;
  padding:      0;
  cursor: pointer;
}

DIV.imageButtonHover
{
  border:       none;
  padding:      0;
  cursor: pointer;
}

DIV.imageButtonDown
{
  border:       none;
  padding:      0;
  cursor: pointer;
}

IMG.imageButtonImage
{
  position:  absolute;
  left:      0px;
  top:       0px;
  padding:   0px;
  border:    none;
  margin:    0px;
  cursor: pointer;
}

/*    -----------------------     */
/*        TAB FORMATTING          */
/*    -----------------------     */
DIV.tabPanel
{
  border:  none;
}

DIV.tabButtonRowTop
{
  background:    #B4B08B;
  border-top:  1px #C4BF9A solid;
  color:       #000000;
}


DIV.tabButtonRowLeft
{
  background:  url(images/vtabBar.png) repeat-y;
  border-top:  1px #C2CAED solid;
  padding-left: 3px;
}


DIV.tabPageRow
{
  background:  #CED3E5;
}

DIV.tabButton
{
  overflow:   hidden;
  height:     20px;
  z-Index:      0;
  cursor:     pointer;
}

DIV.vtabButtonLeftActive
{
  background:    url(images/vtabActive.png) repeat-y;
  border-left:   1px #8A90A9 solid;
  border-top:    2px #8A90A9 solid;
}

DIV.vtabButtonLeftInactive
{
  background:  url(images/vtabBar.png) repeat-y;
  border-top: 1px #8A90A9 solid;
}


td.activeTabButtonLeft
{
  width:       10px;
  background:  url(images/activeTabButtonLeft.png) no-repeat;
}

td.activeTabButtonCenter
{
  background:  #D6D9E9 url(images/activeTabButtonCenter.png) repeat-x;
  font-weight: bold;
  font-size:     10pt;
  text-align:  center;
}

td.activeTabButtonRight
{
  width:       10px;
  background:  url(images/activeTabButtonRight.png) no-repeat;
}

td.inactiveTabButtonLeft
{
  width:       10px;
  background:  url(images/inactiveTabButtonLeft.png) no-repeat;
  font-weight: bold;
}

img.inactiveTabButtonLeft
{
  width:       10px;
}

td.inactiveTabButtonCenter
{
  background:  url(images/inactiveTabButtonCenter.png) repeat-x;
  text-align:  center;
  color:       #D8CE77;
  font-size:     10pt;
  font-weight: bold;
}

td.inactiveTabButtonRight
{
  width:       10px;
  background:  url(images/inactiveTabButtonRight.png) no-repeat;
}

img.inactiveTabButtonRight
{
  width:       10px;
}


DIV.tabButtonEventReciever
{
  border:        none;
  background:    url(images/blank.gif);
  z-Index:        1;
  cursor: pointer;
}


DIV.tabPageHeader
{
  border-top:    2px #D6DAEB solid;
  border-left:   2px #D6DAEB solid;
  border-right:  2px #8A90A9 solid;
  border-bottom:  2px #8A90A9 solid;
  text-align:    left;
  font-weight:   bold;
}

DIV.tabPage
{
  background:    #CED3E5;
  border-right:  2px #D6DAEB solid;
  border-bottom:  2px #D6DAEB solid;
  overflow:      hidden;
}

DIV.tabPageScroll
{
  background:    #CED3E5;
  border-left:   2px #D6DAEB solid;
  border-right:  2px #8A90A9 solid;
  border-bottom:  2px #8A90A9 solid;
  overflow:      auto;
}


/*    ----------------------     */
/*          MAP PANEL            */
/*    ----------------------     */


DIV.mapPanel
{
  background:    #FFFFFF;
  border:        none;
}

DIV.mapToolbar
{
  width:         100%;
  background:    #E4E5F0;
}

DIV.mapCopyright
{
  width:         100%;
  background:    #E4E5F0;
  font-size:     8pt;
  font-weight:   bold;
  text-align:    left;
}

DIV.mapUL
{
  width:         25px;
  background:    url(images/mapUL.png) no-repeat;
}

DIV.mapUC
{
  background:    url(images/mapUC.png) repeat-x;
}

DIV.mapUR
{
  width:         25px;
  background:    url(images/mapUR.png) no-repeat;
}

DIV.mapCL
{
  background:    url(images/mapCL.png) repeat-y;
}

IMG.map
{
  cursor:         crosshair; 
}

IMG.mapZoom
{
  cursor: url("magnify.cur"), crosshair;
}

IMG.mapPan
{
  cursor: url("cross_I.cur"), crosshair;
}

IMG.mapIdent
{
  cursor: help;
}

DIV.map
{
  background:     #000000;
  text-align:     center;
  vertical-align: top;
}

DIV.mapWindow
{
  background:     #FFFFFF;
  border:         none;
}

DIV.mapCR
{
  background:    url(images/mapCR.png) repeat-y;
}

DIV.mapBL
{
  background:    url(images/mapBL.png) no-repeat;
}

DIV.mapBC
{
  background:    url(images/mapBC.png) repeat-x;
}

DIV.mapBR
{
  background:    url(images/mapBR.png) no-repeat;
}

div.mapToolbar
{
  background:  #E4E5F0;
  border-bottom:      1px black solid;
}
div.mapToolbarHandle
{
  background:  #c2c3d0;
  border:      1px black solid;
}

div.mapStatusbar
{
  background:  #E4E5F0;
  border-top:  1px black solid;
  font-size:   8pt;
  text-align:     center;
}

div.zoomBox
{
  background:  none;
  border:      2px red solid;
}

table.zoomBar
{
  border:     none;
}

.blackborderpointer
{
  border: 1px solid black;
  cursor: pointer;
}

.blackborderpointer:hover
{
  border: 1px solid #CCFFFF;
  cursor: pointer;
}

div.vmapPanel
{
  background:  #C4BF9A;
  border-top:  1px #D5D0AB solid;
}

div.vmap
{
  border: 1px black solid;
  cursor: crosshair;
}

div.vmapPanelToggle
{
  
}

div.pageHeader
{
  background:  #113871 url(images/headerBackground.jpg) no-repeat;
}

div.pageContentRow
{
  background:  #B4B08B;
}
div.pageSearchResults
{
  background:  #F2F2F2;  
  border:      none;
}

div.searchResultsTrim
{
  background:    #EEEEEE url(images/searchBorder.png) repeat-x;
  height:        10px;
  cursor:        pointer;
}

div.searchResultsContent
{
  overflow:     auto;
}

div.utilityPanelTrim
{
  background:    #EEEEEE;
}

div.verticalTrimBar
{
  border-top:    2px #D6DAEB solid;
  cursor:        pointer;
  border-bottom:  2px #8A90A9 solid;
  background:    #EEEEEE url(images/verticalTrimBar.png) repeat-y;
}

.layerpanel
{
  /*border: 1px solid green;*/
}

div.themeGroupPanel
{
  border-top:    2px #D6DAEB solid;
  border-left:   2px #D6DAEB solid;
  border-right:  2px #8A90A9 solid;
  border-bottom:  2px #8A90A9 solid;
}

div.themeGroupHeader
{
  border-top:    2px #D6DAEB solid;
  border-left:   2px #D6DAEB solid;
  border-right:  2px #8A90A9 solid;
  border-bottom:  2px #8A90A9 solid;
  text-align:    left;
  font-weight:   bold;
}

div.themeGroupLayer
{
  border-top:     none;
  border-bottom:  none;
  border-right:   1px black solid;
  border-left:    1px black solid;
  padding-left:   5px;
  color:           #0000FF;
  background:     #F2F2F2;  
  text-align:     left;
  cursor:         pointer;
}

div.themeGroupLayerNonSelectable
{
  border-top:  none;
  border-bottom:  none;
  border-right:   1px black solid;
  border-left:    1px black solid;
  padding-left:   5px;
  background:  #F2F2F2;  
  text-align:  left;
}

div.themeGroupLayerActive
{
  border-top:  none;
  border-bottom:  none;
  border-right:   1px black solid;
  border-left:    1px black solid;
  padding-left:   5px;
  color:       #0000ff;
  font-weight: bold;
  background:  #F2F2F2;  
  text-align:  left;
  cursor: pointer;
}

span.pseudolink
{
  cursor: pointer;
  color: blue;
}

span.kill
{
cursor: pointer;
color: red;
text-align: right;
}

table.bookmarkList
{
  border-top:     none;
  border-bottom:  2px #8A90A9 solid;
  border-right:   1px black solid;
  border-left:    1px black solid;
  margin-left:    1px;
  background:     #F2F2F2;  
  text-align:     left;
  padding-left:   2px;
}

td.bookmarkTitle
{
  text-align:  left;
  border-top:  1px black solid;
  padding-left:  5px;
  overflow:    hidden;
}

td.bookmarkKillButton
{
  text-align:  left;
  vertical-align: top;
  border-top:  1px black solid;
  padding-left:  5px;
  width:  25px;
}

table.labelList
{
  margin-left:    5px;
  background:     #F2F2F2;  
  text-align:     left;
  border-top:     none;
  border-bottom:  2px #8A90A9 solid;
  border-right:   none;
  border-left:    1px black solid;
  margin-left:    1px;
}

td.labelListThemeHeader
{
  border-bottom:  1px black solid;
  background:     #b0c4de;
  font-weight:    bold;
}

td.labelListLeftCell
{
  border-bottom:  1px gray solid;
  padding-left:   5px;
}

div.queryObjectPanel
{
  border-top:    2px #D6DAEB solid;
  border-left:   2px #D6DAEB solid;
  border-right:  2px #8A90A9 solid;
  border-bottom:  2px #8A90A9 solid;
}

div.queryObjectHeader
{
  border-top:    2px #D6DAEB solid;
  border-left:   2px #D6DAEB solid;
  border-right:  2px #8A90A9 solid;
  border-bottom:  2px #8A90A9 solid;
  text-align:    left;
  font-weight:   bold;
}


div.queryObjectForm
{
  margin-left:    10px;
  background:     #F2F2F2;  
  text-align:     left;
  padding-left:   0px;
}

div.loginPanelForm
{
  border-right:   1px black solid;
  border-left:    1px black solid;
  margin-left:    1px;
  background:     #F2F2F2;  
  text-align:     left;
  padding-left:   8px;
}

div.queryObjectBottom
{
  border-top:     none;
  border-bottom:  2px #8A90A9 solid;
  border-right:   1px black solid;
  border-left:    1px black solid;
  margin-left:    1px;
  background:     #F2F2F2;  
  text-align:     left;
  padding-left:   8px;
}

div.loginError
{
  border-top:     none;
  border-bottom:  2px #8A90A9 solid;
  border-right:   1px black solid;
  border-left:    1px black solid;
  margin-left:    1px;
  background:     #F2F2F2;
  color:          #FF0000;
  font-style:  italic;
  font-weight:    bold;
  text-align:     left;
  padding-left:   8px;
  overflow:       auto;
}



td.bookmarkAddTitle
{
  border-top:    2px #D6DAEB solid;
  border-left:   2px #D6DAEB solid;
  border-right:  2px #8A90A9 solid;
  border-bottom:  2px #8A90A9 solid;
  text-align:    left;
  font-weight:   bold;
}

div.scrollDiv
{
  overflow:      auto;
}

.pointerCursor
{
 cursor:  pointer; 
}

.layerButtonRedraw
{
  border-bottom:  1px #666633 solid; 
}


.testWidget
{
  border-left:  1px gray solid;
  border-top:   1px gray solid;
  border-right: 1px black solid;
  border-bottom: 1px black solid;
  background:    #DFE4F6;
}

.testWidget2
{
  border-right:  2px gray solid;
  border-bottom:   2px gray solid;
  border-left: 2px black solid;
  border-top: 2px black solid;
  background:    #5E3DEC;
}

.testPanel
{
  background:    #E4E5F0;
  border:  1px black solid;
}

div.loadNotice
{
  position:  relative;
  visibility: visible;
  text-align:  center;
  vertical-align:  middle;
  margin-left: 200px;
  margin-top:  150px;
  margin-right:  200px;
  background:  none;
  color:   #000000;
  border:  none;
  z-index: 255;
}  

span.loadNoticeMessage
{
  background:  #FFFFFF;
}

div.hiddenNotice
{
  position:  absolute;
  visibility: hidden;
  height:     2px;
  width:      2px;
  left:       0px;
  z-index:    0;
}  

div.selectionIndex
{
  visibility:  visible;
}

div.selectionIndexPanel
{
  position:  absolute;
  visibility:  visible;
  z-index:   0;
  color:     #000000;
  background:  #F2F2F2;
  overflow:  auto;
}

div.coordConvCoordinate
{
  font-weight: bold;
}

div.MeasureDistanceLength
{
  font-weight: bold;
}

div.emailHeader
{
  border-top:    2px #D6DAEB solid;
  border-left:   2px #D6DAEB solid;
  border-right:  2px #8A90A9 solid;
  border-bottom:  2px #8A90A9 solid;
  text-align:    left;
  font-weight:   bold;
}
div.emailForm
{
  border-left:    1px black solid;
  border-right:   1px black solid;
  border-top:    1px black solid;
  border-bottom:    1px black solid;
  margin-left:    1px;
  background:     #F2F2F2;
  text-align:     left;
  padding-left:   3px;
}
div.emailFormScroll
{
  border-left:    1px black solid;
  border-right:   1px black solid;
  border-top:    1px black solid;
  border-bottom:    1px black solid;
  margin-left:    1px;
  background:     #F2F2F2;
  text-align:     left;
  padding-left:   3px;
  overflow: scroll;
}
div.emailHeaderLabel
{
  padding-top: 3px;
  font-weight: bold;
}
textarea.emailTextArea
{
  background-color: #fff; 
  border: 1px solid #00f;
  width: 100%;
  height: 100%;
}

div.AltLegendsForm
{
  border-left:      1px black solid;
  border-right:    1px black solid;
  border-top:      1px black solid;
  border-bottom:  1px black solid;
  margin-left:    1px;
  background:     #F2F2F2;
  text-align:     left;
  padding-left:   3px;
}
div.AltLegendsHeader
{
  border-top:    1px #D6DAEB solid;
  border-left:   none;
  border-right:  2px #8A90A9 solid;
  border-bottom:  2px #8A90A9 solid;
  text-align:    center;
  font-weight: bold;
}