/* -----------------------------------------------
    Custom CSS
    Version: CVS $Id: custom.css,v 1.124 2010/12/02 20:31:54 stefan Exp $
    * is for IE6/7 quirks mode
    _ is for IE6 quirks mode
    Pixel / 13 = "em"
    "em" x 0.9759 = "IE em"
----------------------------------------------- */


/* -----------------------------------------------
    CUSTOM BASE HTML ELEMENTS START
----------------------------------------------- */

/* -----------------------------------------------
    font-size: 77% for setting 10px
    font-size: 85% for setting 11px
    font-size: 93% for setting 12px
    font-size: 100% for setting 13px
    font-size: 108% for setting 14px
    font-size: 116% for setting 15px
    font-size: 123.1% for setting 16px
    font-size: 131% for setting 17px
    font-size: 138.5% for setting 18px
    font-size: 146.5% for setting 19px
    font-size: 153.9% for setting 20px
    font-size: 161.6% for setting 21px
    font-size: 167% for setting 22px
    font-size: 174% for setting 23px
    font-size: 182% for setting 24px
    font-size: 189% for setting 25px
    font-size: 197% for setting 26px
----------------------------------------------- */

body,
input,
select,
textarea,
button
{
    font-family: verdana, arial, helvetica, sans-serif;
}

a,
a:visited,
a:active,
a:hover
{
    color: #14536B;
}

label,
dt,
button,
.button
{
    color: #333;
    font-weight: bold;
}

.input
{
    border: #AAA 1px solid;
    padding: 1px 0 0;
}

h1,
h2
{
    font-size: 100%;
    color: #333;
}

p,
input,
select,
h3,
h4
{
    font-size: 85%;
    color: #333;
}

h5,
h6
{
    font-size: 77%;
    color: #333;
}

/* -----------------------------------------------
    CUSTOM BASE HTML ELEMENTS STOP
----------------------------------------------- */


/* -----------------------------------------------
    CUSTOM PAGE GRIDS START
----------------------------------------------- */

#doc3
{
    margin: 0! important;
    padding: 0! important;
    overflow: hidden;
}

#yui-main
{
    background: #DDD url('../img/background.gif') repeat-x 0 0;
    position: relative;
    overflow: hidden;
}

#map
{
    width: 100%;
    height: 100%;
}

/* -----------------------------------------------
    CUSTOM PAGE GRIDS STOP
----------------------------------------------- */


/* -----------------------------------------------
    HEADER START
----------------------------------------------- */

#hd
{
    position: relative;
    overflow: hidden;
    height: 60px;
    background: #DDD url('../img/raa_x.gif') repeat-x 0 -200px;
    border: solid #FFF;
    border-width: 1px 0;
}

#hd .logotype
{
    float: left;
    background: url('../img/raa_logotype.png') top left no-repeat;
}

#hd .logotype,
#hd .logotype a
{
    width: 190px;
    height: 57px;
}

#hd .logotype a
{
    display: block;
}

#hd .logotype img
{
    display: none;
}

/* -----------------------------------------------
    HEADER STOP
----------------------------------------------- */


/* -----------------------------------------------
    NAVIGATION START
----------------------------------------------- */

#nav
{
    float: right;
    width: auto;
}

#nav ul
{
    margin: 0;
    padding: 9px 0 0;
}

#nav li
{
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}

#nav a
{
    display: block;
    background-image: url('../img/raa_nav.gif');
    background-repeat: no-repeat;
    font-size: 77%;
    color: #333;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    width: 10em;
    *width: 9.759em;
    _height: 100%;
    padding: 31px 0 0;
}

#nav a#navHelp
{
    background-position: center 0;
}

#nav a#navHelp:hover
{
    background-position: center -100px;
}

#nav a#navLogin
{
    background-position: center -200px;
}

#nav a#navLogin:hover
{
    background-position: center -300px;
}

#nav a#navLogout
{
    background-position: center -400px;
}

#nav a#navLogout:hover
{
    background-position: center -500px;
}

#nav a#navPageLinkShow
{
    background-position: center -600px;
}

#nav a#navPageLinkShow:hover
{
    background-position: center -700px;
}

#nav a#navPageLinkHide
{
    display: none;
    background-position: center -600px;
}

#nav a#navPageLinkHide:hover
{
    background-position: center -700px;
}

#nav a#navPageLinkDisabled
{
    color: #BBB !important;
    background-position: center -600px;
}

#nav a#navShowMapShow
{
    background-position: center -800px;
}

#nav a#navShowMapShow:hover
{
    background-position: center -900px;
}

#nav a#navShowMapHide
{
    display: none;
    background-position: center -800px;
}

#nav a#navShowMapHide:hover
{
    background-position: center -900px;
}

#nav a#navSearch
{
    background-position: center -1000px;
}

#nav a#navSearch:hover
{
    background-position: center -1100px;
}

#nav a#navUploadsonardata
{
    width: 13.07692em;
    *width: 12.76177em;
    background-position: center -1200px;
}

#nav a#navUploadsonardata:hover
{
    background-position: center -1300px;
}

#nav a#navDownloads
{
    background-position: center -1400px;
}

#nav a#navDownloads:hover
{
    background-position: center -1500px;
}

#nav a#navRSS
{
    background-position: center -1800px;
}

#nav a#navRSS:hover
{
    background-position: center -1900px;
}

/* -----------------------------------------------
    NAVIGATION STOP
----------------------------------------------- */


/* -----------------------------------------------
    FOOTER START
----------------------------------------------- */

#ft
{
    clear: both;
    height: 1.9231em;
    *height: 1.8767em;
    min-height: 25px;
    background: #DDD url('../img/raa_x.gif') repeat-x 0 -100px;
    border: solid #FFF;
    border-width: 1px 0 0;
}

#ft dt,
#ft dd,
#ft p,
#ft .input,
#ft label
{
    float: left;
    font-size: 77%;
    color: #333;
}

#ft p.raa
{
    width: auto;
    font-weight: bold;
    margin: 0;
    padding: 6px 15px 0;
    *padding: 5px 15px 0;
}

#ft p.raa a
{
    color: #333;
    text-decoration: none;
}

#ft p.raa a:hover
{
    text-decoration: underline;
}

#ft #dataxy
{
    float: right;
    width: auto;
    height: 100%;
    padding-right: 15px;
}

#ft #measureResult,
#ft #mapdata,
#ft #scalebar
{
    float: left;
    width: auto;
    padding-left: 15px;
}

#ft #mapdata dl,
#ft #measureResult dl
{
    width: auto;
    margin: 0;
    padding: 6px 0 0;
    *padding: 5px 0 0;
}

#ft #mapdata dt,
#ft #mapdata dd,
#ft #measureResult dt,
#ft #measureResult dd
{
    list-style: none;
    margin-left: 5px;
    padding: 0;
}

/* -----------------------------------------------
    FOOTER STOP
----------------------------------------------- */


/* -----------------------------------------------
    PANEL START
----------------------------------------------- */

#panel,
#panel #panelHd,
#panel #panelBd,
#panel .panelTab,
#panel .panelTabnavset,
#panel .panelTabview,
.panel,
.panelFt,
.panel fieldset,
#showMap #showMapHd,
#showMap #showMapBd,
#xy,
#layerSwitcher br
{
    clear: both;
}

#panel
{
    position: absolute;
    top: 0;
    z-index: 10000;
    background: #FFF url('../img/raa_border_y.gif') repeat-y top right;
    width: 33.0769em;
    *width: 32.2798em;
}

#panel #panelHd,
#panel .panelTabnavset
{
    height: auto;
}

.panelContent
{
    height: 100%;
    position: relative;
    overflow: auto;
    overflow-x: hidden;
    padding: 0 15px;
}

#panel .panelTabview
{
    background: #DDD;
    border: #CCC solid;
    border-width: 0 1px 1px;
    margin: 0 0 10px;
}

.panelSearchDiv,
.panelRight #showMap,
.panelRight #pageLink
{
    padding-top: 10px;
}

.panel fieldset
{
    background: #DDD url('../img/raa_bg.gif') repeat-x top left;
    border: 1px #CCC solid;
    padding: 2px 10px 9px;
    *padding: 1px 10px 8px;
    margin: 0 0 10px;
}

#panel .panelTabview fieldset
{
    background-image: none;
    border: 0;
    margin: 0;
    padding: 0;
}

#panel .panelTabview .panel
{
    padding: 2px 10px 10px;
}

#panel .panelFieldset
{
    padding-bottom: 11px;
    margin-bottom: 1px;
    border-bottom: 1px #CCC solid;
}

.panelFt
{
    background: #CCC;
    height: 1px;
}

.panelButton
{
    text-align: right;
}

.panel fieldset .yui-g
{
    width: 100%;
}

.panel h5
{
    font-size: 85%;
    margin: 5px 0;
}

.panel li
{
    font-size: 85%;
}

.panel .labelHeader
{
    margin-bottom: 4px;
}

.panel input,
.panel select
{
    margin-bottom: 2px;
}

.panel input
{
    width: 99%;
    *width: 98.5%;
    padding: 1px 0;
}

.panel .yui-g input
{
    width: 97%;
}

.panel select
{
    width: 100%;
}

.panel label
{
    font-size: 77%;
    display: block;
}

.panel .checkbox
{
    margin: -4px 0 0 0;
}

.panel button,
.panel input.button,
.panel .checkbox input,
.panel .radio input
{
    width: auto;
    margin: 0;
    vertical-align: middle;
}

.panel .checkbox label,
.panel .radio label
{
    display: inline;
    vertical-align: middle;
    margin: 0 0 0 5px;
    *margin: 0 0 0 2px;
}

.mapstretch
{
    margin:  0;
    padding-top: 12px;
    *padding-top: 10px;
}

.panel table
{
    border-collapse: collapse;
    width: 30em;
    *width: 29.277em;
    _width: 28.52631em;
    border: 0;
    margin: 0 0 17px;
}

.panel .list table
{
    border: solid #CCC;
    border-width: 1px 1px 0 1px;
}

.panel table caption
{
    font-size: 77%;
}

.panel th,
.panel td
{
    font-size: 77%;
    border: 1px solid #CCC;
    padding: 2px 4px;
}

.panel .list th,
.panel .list td
{
    border-width: 0 0 1px;
}

.panel th,
.panel thead td
{
    color: #333;
    font-weight: bold;
}

.panel th
{
    background: #E0E0E0;
}

.panel tbody th
{
    text-align: right;
    width: 14.6154em;
    *width: 14.2632em;
}

.panel tr.rowrow th,
.panel tr.rowrow td
{
    border-width: 0;
}

.panel table tbody tr.odd
{
    background: #E0E0E0;
}

.panel table tbody tr.even
{
    background: #FFF;
}

.panel tr.rowsub th,
.panel tr.rowsub td
{
    height: 12px;
    border: 0;
}

.panel tr.rowheader th,
.panel tr.rowheader td,
.panel tr.rowsubheader th,
.panel tr.rowsubheader td
{
    font-weight: bold;
    color: #333;
    text-align: left;
    width: 100%! important;
}

.panel tr.rowheader th,
.panel tr.rowheader td
{
    background: #FFF;
    font-size: 85%;
    border: 0;
    padding: 10px 0 0;
}

.panel tr.obs th,
.panel tr.obs td
{
    border: 0;
    padding: 10px 0;
}

.pagination p
{
    font-size: 77%;
    font-weight: bold;
    margin: 0 0 15px;
}

.pagination p a:link,
.pagination p a:visited,
.pagination p a:hover,
.pagination p a:active,
.pagination p span
{
    background: #333 url('../img/raa_x.gif') repeat-x left -800px;
    color: #FFF;
    text-decoration: none;
    padding: 2px 5px 3px;
    border: 1px solid #CCC;
    margin-right: 1px;
}

.pagination p a:hover,
.pagination p span,
.pagination p a.active
{
    background: #EC9F0D url('../img/raa_x.gif') repeat-x left -700px;
}

.pagination p a.skipBack,
.pagination p a.stepBack,
.pagination p a.skipFwd,
.pagination p a.stepFwd
{
    padding: 2px 4px 3px;
}

.pagination p a.nobwrdfwrd
{
    color: #CCC;
    background-color: #FFF! important;
    background-image: none! important;
}

#searchCriteria
{
    clear: both;
}

#searchCriteria dl,
#searchCriteria ul
{
    float: left;
    margin: 10px 10px 0 0;
    padding: 0;
}

#searchCriteria dt,
#searchCriteria dd
{
    font-size: 77%;
    margin: 0;
}

#searchCriteria li
{
	list-style: none;
}

#objects ul
{
    margin: 0;
    padding: 10px 0 5px;
}

#objects li
{
    list-style: none;
    margin: 0 0 5px 0;
    padding: 0;
}

#objects li a
{
    margin-right: 5px;
}

#searchpages ul
{
    margin: 0;
    padding: 10px 0 0;
}

#searchpages li
{
    float: left;
    list-style: none;
    margin-right: 5px;
    padding: 0;
}

.toggle span
{
    white-space: nowrap;
}

.toggle a
{
    float: right;
    width: auto;
    font-size: 90%;
    font-weight: normal;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url('../img/raa_toggle.gif');
    margin: -3px 0 0;
    padding: 4px 31px 5px 0;
}

.toggle a.toggleHide
{
    background-position: right 0;
}

.toggle a.toggleHide:hover
{
    background-position: right -100px;
}

.toggle a.toggleShow
{
    background-position: right -200px;
}

.toggle a.toggleShow:hover
{
    background-position: right -300px;
}

/* -----------------------------------------------
    PANEL STOP
----------------------------------------------- */


/* -----------------------------------------------
    PANEL LOGIN START
----------------------------------------------- */

.login
{
    margin-bottom: 10px;
}

.login p.req
{
    margin: 5px 0 0;
}

/* -----------------------------------------------
    PANEL LOGIN STOP
----------------------------------------------- */


/* -----------------------------------------------
    PANEL RIGHT START
----------------------------------------------- */

.panelRight
{
    position: absolute;
    top: 0;
    right: -19.230769em;
    *right: -18.76731em;
    z-index: 10000;
    background: #DDD url('../img/raa_panelToolbar.gif') bottom left repeat-x;
    width: 19.230769em;
    *width: 18.76731em;
    height: auto;
}

.panelRightShadow
{
    position: absolute;
    top: 0;
    left: -11px;
    width: 10px;
    height: 0;
    background-repeat: repeat-y;
    background-position: top left;
    background-image: url('../img/raa_panelRightShadow.png');
    _background-image: none;
    border-right: 1px #FFF solid;
}

.panelRightHd
{
    display: none;
    background: url('../img/raa_x.gif') repeat-x 0 -300px;
    height: 30px;
}

.panelRightHd a
{
    width: 40px;
    height: 30px;
    overflow: hidden;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-image: url('../img/raa_y.gif');
}

.panelRightHd a.panelRightShow
{
    background-position: -100px 0;
}

.panelRightHd a.panelRightShow:hover
{
    background-position: -200px 0;
}

.panelRightHd a.panelRightHide
{
    background-position: -300px 0;
}

.panelRightHd a.panelRightHide:hover
{
    background-position: -400px 0;
}

.panelRightBd
{
    display: none;
    overflow: hidden;
    border: #CCC solid;
    border-width: 1px 0 0 1px;
    background: #FFF;
    margin-left: 10px;
}

.panelRight fieldset
{
    position: relative;
}

.panelRight .selectPlace
{
    margin-bottom: 4px;
}

#layerSwitcher
{
    position: relative! important;
    top: -5px! important;
    left: 0! important;
    font-family: verdana, arial, helvetica, sans-serif! important;
    font-size: 77%! important;
    color: #333! important;
    *color: #000! important;
    border: 0! important;
    margin: 0! important;
    padding: 0! important;
}

#layerSwitcher #layersDiv
{
    clear: both;
    opacity: 1! important;
    background: transparent! important;
    width: auto! important;
    border: 0! important;
    margin: -3px 0 -10px! important;
    padding: 0! important;
}

#layerSwitcher #layersDiv input
{
    background: #DDD;
}

#layerSwitcher div,
#layerSwitcher span
{
    background: transparent! important;
    border: 0! important;
    margin: 0! important;
    padding: 0! important;
}

#layerSwitcher #layersDiv span,
#layerSwitcher #layersDiv input
{
    display: block! important;
    float: left;
    width: auto;
    margin: 2px 0 0 5px! important;
    *margin: -3px 0 0 0! important;
    padding: 0! important;
}

#layerSwitcher #layersDiv span
{
    *margin: 0! important;
    width: 85%;
}

#layerSwitcher #layersDiv div
{
    margin: 5px 0 0! important;
}

/* -----------------------------------------------
    PANEL RIGHT STOP
----------------------------------------------- */


/* -----------------------------------------------
    PANEL TOOLS START
----------------------------------------------- */

div#panelTools
{
    clear: both;
    position: absolute;
    top: 10px;
    left: 352px;
    width: 52px;
    height: 21px;
}

#panelTools ul,
#panelTools li
{
    margin: 0;
    padding: 0;
}

#panelTools li
{
    float: right;
    list-style: none;
    padding: 0 0 0 5px;
}

#panelTools a
{
    display: block;
    overflow: hidden;
    background-image: url('../img/raa_y.gif');
    background-repeat: no-repeat;
    text-indent: -9999px;
    width: 21px;
    height: 21px;
}

#panelTools a.buttonPanelPrint
{
    background-position: -2500px 0;
}

#panelTools a.buttonPanelHistory
{
    background-position: -3430px 0;
}

#panelTools a.buttonPanelPrint:hover
{
    background-position: -2600px 0;
}

#panelTools a.buttonPanelHistory:hover
{
	background-position: -3471px 0;
}

/* -----------------------------------------------
    PANEL TOOLS STOP
----------------------------------------------- */


/* -----------------------------------------------
    PANEL LINKS START
----------------------------------------------- */

div#panelLinks
{
    clear: both;
    margin: 10px 0;
}

#panelLinks ul,
#panelLinks li
{
    margin: 0;
    padding: 0;
}

#panelLinks li
{
    list-style: none;
}

/* -----------------------------------------------
    PANEL LINKS STOP
----------------------------------------------- */


/* -----------------------------------------------
    PANELNAV START
----------------------------------------------- */

.yui-skin-sam #panelNav .yui-navset .yui-nav
{
    background: #DDD url('../img/raa_x.gif') repeat-x 0 -300px;
    Xposition: relative;
    zoom: 1;
    border: solid #CCC;
    border-width: 0 0 1px 0;
    padding: 9px 15px 0;
    *padding: 8px 15px 0;
}

.yui-skin-sam #panelNav .yui-navset .yui-nav li
{
    margin: 0 2px 0 0;
    padding: 0;
    zoom: 1;
}

.yui-skin-sam #panelNav .yui-navset .yui-nav .selected
{
    margin: 0 2px -1px 0;
}

.yui-skin-sam #panelNav .yui-navset .yui-nav a
{
    background: #DDD url('../img/raa_x.gif') repeat-x left -600px;
    border: solid #CCC;
    border-width: 0 1px;
    color: #FFF;
    text-decoration: none;
}

.yui-skin-sam #panelNav .yui-navset .yui-nav a em
{
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    top: -1px;
    cursor: hand;
    border: solid #CCC;
    border-width: 1px 0 0;
    padding: 4px 9px 4px;
}

.yui-skin-sam #panelNav .yui-navset .yui-nav .selected a em
{
    padding: 4px 9px 5px;
}

.yui-skin-sam #panelNav .yui-navset .yui-nav .selected a,
.yui-skin-sam #panelNav .yui-navset .yui-nav .selected a:focus,
.yui-skin-sam #panelNav .yui-navset .yui-nav .selected a:hover
{
    background-color: #FFF;
    background-image: none;
    color: #333;
    text-decoration: none;
}

.yui-skin-sam #panelNav .yui-navset .yui-nav a:hover,
.yui-skin-sam #panelNav .yui-navset .yui-nav a:focus
{
    background: #EC9F0D url('../img/raa_x.gif') repeat-x left -500px;
    color: #FFF;
    text-decoration: none;
    outline: 0;
}

.yui-skin-sam #panelNav .yui-navset .yui-nav a em span,
.yui-skin-sam #panelNav .yui-navset .yui-nav .selected a em span
{
    display: block;
    font-size: 77%;
    font-weight: bold;
}

.yui-skin-sam #panelNav .yui-navset .yui-nav .selected a,
.yui-skin-sam #panelNav .yui-navset .yui-nav .selected a em
{
    border-color: #CCC;
}

/* -----------------------------------------------
    PANELNAV STOP
----------------------------------------------- */


/* -----------------------------------------------
    PANELTAB START
----------------------------------------------- */

.yui-skin-sam .panelTab .yui-navset .yui-nav,
.yui-skin-sam .panelTab .yui-navset .yui-navset-top .yui-nav
{
    Xposition: relative;
    zoom: 1;
    border: solid #CCC;
    border-width: 0 0 1px 0;
    padding: 0;
}

.yui-skin-sam .panelTab .yui-navset .yui-nav li,
.yui-skin-sam .panelTab .yui-navset .yui-navset-top .yui-nav li
{
    margin: 0 2px 0 0;
    padding: 0;
    zoom: 1;
}

.yui-skin-sam .panelTab .yui-navset .yui-nav .selected,
.yui-skin-sam .panelTab .yui-navset .yui-navset-top .yui-nav .selected
{
    margin: 0 2px -1px 0;
}

.yui-skin-sam .panelTab .yui-navset .yui-nav a,
.yui-skin-sam .panelTab .yui-navset .yui-navset-top .yui-nav a
{
    background: #EC9F0D url('../img/raa_x.gif') repeat-x left -600px;
    color: #FFF;
    text-decoration: none;
    border: solid #CCC;
    border-width: 0 1px;
}

.yui-skin-sam .panelTab .yui-navset .yui-nav a em,
.yui-skin-sam .panelTab .yui-navset .yui-navset-top .yui-nav a em
{
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    top: -1px;
    cursor: hand;
    border: solid #CCC;
    border-width: 1px 0 0;
    padding: 4px 9px 4px;
}

.yui-skin-sam .panelTab .yui-navset .yui-nav .selected a em
{
    padding: 4px 9px 5px;
}

.yui-skin-sam .panelTab .yui-navset .yui-nav .selected a,
.yui-skin-sam .panelTab .yui-navset .yui-nav .selected a:focus,
.yui-skin-sam .panelTab .yui-navset .yui-nav .selected a:hover
{
    background: #DDD url('../img/raa_x.gif') repeat-x left -400px;
    color: #333;
    text-decoration: none;
}

.yui-skin-sam .panelTab .yui-navset .yui-nav a:hover,
.yui-skin-sam .panelTab .yui-navset .yui-nav a:focus
{
    background: #EC9F0D url('../img/raa_x.gif') repeat-x left -500px;
    color: #FFF;
    text-decoration: none;
    outline: 0;
}

.yui-skin-sam .panelTab .yui-navset .yui-nav a em span,
.yui-skin-sam .panelTab .yui-navset .yui-navset-top .yui-nav a em span,
.yui-skin-sam .panelTab .yui-navset .yui-nav .selected a em span
{
    display: block;
    font-size: 77%;
    font-weight: bold;
}

.yui-skin-sam .panelTab .yui-navset .yui-nav .selected a,
.yui-skin-sam .panelTab .yui-navset .yui-nav .selected a em
{
    border-color: #CCC;
}

/* -----------------------------------------------
    PANELTAB STOP
----------------------------------------------- */


/* -----------------------------------------------
    PANELTOOLBAR START
----------------------------------------------- */

#panel #panelToolbar
{
    position: absolute;
    top: 0;
    right: -44px;
    width: 43px;
    height: 0;
    background: #DDD url('../img/raa_panelToolbar.gif') bottom left repeat-x;
    border: solid #FFF;
    border-width: 0 1px 0 0;
    overflow: visible;
}

#panel #panelShadow
{
    position: absolute;
    top: 0;
    right: -54px;
    width: 10px;
    height: 0;
    background-repeat: repeat-y
    background-position: top left;
    background-image: url('../img/raa_panelShadow.png');
    _background-image: none;
}

#panel #panelSH
{
    background: url('../img/raa_x.gif') repeat-x 0 -300px;
    height: 30px;
}

#panelSH a
{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-image: url('../img/raa_y.gif');
}

#panelSH a#panelShow
{
    background-position: -300px 0;
}

#panelSH a#panelShow:hover
{
    background-position: -400px 0;
}

#panelSH a#panelHide
{
    background-position: -100px 0;
}

#panelSH a#panelHide:hover
{
    background-position: -200px 0;
}

#panel #panelControl,
#panel #panelPanZoom
{
    position: relative;
}

#panel #panelPanZoom
{
    top: -6px! important;
    left: 6em !important;
}

#panel #panelControl
{
    top: 0;
    left: 1px;
    height: 83px;
}

#panelControl div
{
    background-repeat: no-repeat;
    background-image: url('../img/raa_y.gif');
    cursor: pointer;
    width: 21px;
    height: 21px;
    margin: 0 0 5px 0;
    padding: 0 10px;
}

#panelControl .olControlNavigationItemActive
{
    background-position: -801px 0;
}

#panelControl .olControlNavigationItemInactive
{
    background-position: -701px 0;
}

#panelControl .olControlNavigationItemInactive:hover
{
    background-position: -801px 0;
}

#panelControl .olControlZoomBoxItemActive
{
    background-position: -601px 0;
}

#panelControl .olControlZoomBoxItemInactive
{
    background-position: -501px 0;
}

#panelControl .olControlZoomBoxItemInactive:hover
{
    background-position: -601px 0;
}

#panelControl .olControlIdentifyItemActive
{
    background-position: -1001px 0;
}

#panelControl .olControlIdentifyItemInactive
{
    background-position: -901px 0;
}

#panelControl .olControlIdentifyItemInactive:hover
{
    background-position: -1001px 0;
}

#panelControl .olControlMeasureItemActive
{
    background-position: -2800px 0;
}

#panelControl .olControlMeasureItemInactive
{
    background-position: -2700px 0;
}

#panelControl .olControlMeasureItemInactive:hover
{
    background-position: -2800px 0;
}

#panelControl .olControlNavigationHistoryPreviousItemActive
{
    background-position: -3290px 0;
}

#panelControl .olControlNavigationHistoryPreviousItemInactive:hover
{
    background-position: -3369px 0;
}

#panelControl .olControlNavigationHistoryPreviousItemInactive
{
    background-position: -3290px 0;
}

#panelControl .olControlDrawFeatureItemActive
{
    background-position: -3940px 0;
}

#panelControl .olControlDrawFeatureItemInactive:hover
{
    background-position: -3940px 0;
}

#panelControl .olControlDrawFeatureItemInactive
{
    background-position: -3840px 0;
}

#panelControl .disabled_olControlDrawFeatureItemActive,
#panelControl .disabled_olControlDrawFeatureItemInactive
{
    background-position: -4040px 0;
}

#panelPanZoom #OpenLayers_Control_PanZoom_panup,
#panelPanZoom #OpenLayers_Control_PanZoom_panright,
#panelPanZoom #OpenLayers_Control_PanZoom_pandown,
#panelPanZoom #OpenLayers_Control_PanZoom_panleft,
#panelPanZoom #OpenLayers_Control_PanZoom_zoomin,
#panelPanZoom #OpenLayers_Control_PanZoom_zoomout
{
    background-repeat: no-repeat;
    background-image: url('../img/raa_y.gif');
    width: 20px! important;
    height: 20px! important;
    cursor: pointer;
}

#panelPanZoom #OpenLayers_Control_PanZoom_panup img,
#panelPanZoom #OpenLayers_Control_PanZoom_pandown img,
#panelPanZoom #OpenLayers_Control_PanZoom_panleft img,
#panelPanZoom #OpenLayers_Control_PanZoom_panright img,
#panelPanZoom #OpenLayers_Control_PanZoom_zoomin img,
#panelPanZoom #OpenLayers_Control_PanZoom_zoomout img,
#panelPanZoom #OpenLayers_Control_PanZoomBar_ZoombarOpenLayers_Map_2 img,
#panelPanZoom #OpenLayers_Control_PanZoomBar_SliderOpenLayers_Map_2 img
{
    display: none;
}

#panelPanZoom #OpenLayers_Control_PanZoom_zoomin
{
    top: 73px! important;
    left: 9px! important;
    background-image: url('../img/zoomin.png')
}

#panelPanZoom #OpenLayers_Control_PanZoom_zoomin:hover
{
    top: 73px! important;
    left: 9px! important;
    background-image: url('../img/zoominactive.png')
}

#panelPanZoom #OpenLayers_Control_PanZoom_zoomout
{
    top: 289px! important;
    left: 9px! important;
    background-image: url('../img/zoomout.png');
}

#panelPanZoom #OpenLayers_Control_PanZoom_zoomout:hover
{
    top: 289px! important;
    left: 9px! important;
    background-image: url('../img/zoomoutactive.png');
}

#panelPanZoom .olControlPanZoomBar
{
    top: 93px! important;
    left: 9px! important;
    background: url('../img/panelPanZoom.png') no-repeat 0 0! important;
    width: 24px! important;
    height: 280px! important;
}

#panelPanZoom .olControlPanZoomBarSlider
{
    left: 9px! important;
    z-index: 99! important;
    background-repeat: no-repeat;
    background-image: url('../img/panelPanZoom_slider.png');
/*    background-position: -3600px 0;*/
    width: 20px! important;
    height: 21px! important;
    margin-top: 13px;
}

#panelPanZoom .olControlPanZoomBarSlider:hover
{
    background-image: url('../img/panelPanZoom_slider_active.png');
}

#panelPanZoom #OpenLayers_Control_PanZoom_panup
{
    z-index: 110;
    top: 5px! important;
    left: 9px! important;
    background-image: url('../img/panup.png')! important;
}

#panelPanZoom #OpenLayers_Control_PanZoom_panup:hover
{
    z-index: 110;
    top: 5px! important;
    left: 9px! important;
    background-image: url('../img/panupactive.png')! important;
}

#panelPanZoom #OpenLayers_Control_PanZoom_pandown
{
    z-index: 110;
    top: 44px! important;
    left: 9px! important;
    background-image: url('../img/pandown.png')! important;
}

#panelPanZoom #OpenLayers_Control_PanZoom_pandown:hover
{
     z-index: 110;
    top: 44px! important;
    left: 9px! important;
    background-image: url('../img/pandownactive.png')! important;
}

#panelPanZoom #OpenLayers_Control_PanZoom_panleft
{
    z-index: 100;
    top: 25px! important;
    left: -7px! important;
    background-image: url('../img/panleft.png')! important;
}

#panelPanZoom #OpenLayers_Control_PanZoom_panleft:hover
{
    z-index: 100;
    top: 25px! important;
    left: -7px! important;
    background-image: url('../img/panleftactive.png')! important;
}

#panelPanZoom #OpenLayers_Control_PanZoom_panright
{
    z-index: 100;
    top: 25px! important;
    left: 26px! important;
    background-image: url('../img/panright.png')! important;
}

#panelPanZoom #OpenLayers_Control_PanZoom_panright:hover
{
    z-index: 100;
    top: 25px! important;
    left: 26px! important;
    background-image: url('../img/panrightactive.png')! important;
}

#panelFunk
{
    position: absolute;
    top: 185px;
    left: 11px;
    width: 21px;
    height: 21px;
}

#panelFunk a
{
    display: block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url('../img/raa_y.gif');
    text-indent: -9999px;
    width: 21px;
    height: 21px;
}

#panelFunk a#printMapButton
{
    background-position: -2500px 0;
}

#panelFunk a#printMapButton:hover
{
    background-position: -2600px 0;
}

/* -----------------------------------------------
    PANELTOOLBAR STOP
----------------------------------------------- */


/* -----------------------------------------------
    SCALEBAR START
----------------------------------------------- */

.olControlScaleBar
{
    bottom: 10px;
    right: 255px;
    color: #000;
}

.olControlScaleBarBar
{
    height: 10px;
    top: 12px;
    background-image: url('../img/scalebar-bar.png');
    background-position: 0 0;
    background-repeat: repeat-x;
}

.olControlScaleBarBarAlt
{
    top: 12px;
    background-image: url('../img/scalebar-bar.png');
    background-position: 0 0;
    background-repeat: repeat-x;
    height: 10px;
}

.olControlScaleBarMarkerMajor
{
    z-index: 5000;
    top: 12px;
    background-image: url('../img/scalebar-marker.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
}

.olControlScaleBarMarkerMinor
{
    width: 10px;
    height: 10px;
    top: 12px;
    background-image: url('../img/scalebar-marker.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    z-index: 5000;
}

.olControlScaleBarNumbersBox
{
    width: 40px;
    height: 13px;
    top: 24px;
    font-size: 77%;
    font-weight: bold;
}

.olControlScaleBarLabelBox
{
    height: 15px;
    top: -2px;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0.1em;
}

.olControlScaleBarLabelBoxSingleLine
{
    top: 0px;
    left: 10px;
    width: 35px;
    height: 15px;
    font-size: 77%;
}

/* -----------------------------------------------
    SCALEBAR STOP
----------------------------------------------- */


/* -----------------------------------------------
    MAP VIEWPOR START
----------------------------------------------- */
#map_OpenLayers_ViewPort
{
    cursor: move;
}
/* -----------------------------------------------
    MAP VIEWPOR STOP
----------------------------------------------- */


/* -----------------------------------------------
    MAP CONTROL OVERVIEW PANEL START
----------------------------------------------- */

#OpenLayers_Control_MaximizeDiv,
#OpenLayers_Control_MinimizeDiv,
.olControlOverviewMapMaximizeButton,
.olControlOverviewMapMinimizeButton,
#OpenLayers_Control_MaximizeDiv img,
#OpenLayers_Control_MinimizeDiv img,
.olControlOverviewMapMaximizeButton img,
.olControlOverviewMapMinimizeButton img
{
    width: 21px! important;
    height: 21px! important;
}

#OpenLayers_Control_MaximizeDiv,
#OpenLayers_Control_MinimizeDiv
{
    display: none! important;
}

.olControlOverviewMapMaximizeButton,
.olControlOverviewMapMinimizeButton
{
    right: 15px! important;
    bottom: 15px! important;
    z-index: 999;
}

.olControlOverviewMapElement
{
    position: absolute! important;
    bottom: 0! important;
    right: 0! important;
    _bottom: -1px! important;
    _right: -1px! important;
    background: #DDD url('../img/raa_bg.gif') repeat-x 0 0! important;
    width: 260px! important;
    height: 180px! important;
    -moz-border-radius: 0! important;
    border: solid #FFF;
    border-width: 1px 0 0 1px;
    margin: 0! important;
    padding: 0! important;
}

.olControlOverviewMapMap
{
    width: 258px! important;
    height: 178px! important;
    border: 1px solid #333;
}

.olControlOverviewMapExtentRectangle
{
    /*width: 120px! important;
    height: 70px! important;*/
    border: 1px solid #333! important;
    margin: 0! important;
    padding: 0! important;
}

/* -----------------------------------------------
    MAP CONTROL OVERVIEW PANEL STOP
----------------------------------------------- */


/* -----------------------------------------------
    BUTTON START
----------------------------------------------- */

.yui-skin-sam .yui-button
{
    border-width: 1px 0;
    border-style: solid;
    border-color: #CCC;
    background: url('../img/raa_x.gif') repeat-x left -600px;
    margin: auto 2px;
}

.yui-skin-sam .yui-button .first-child
{
    border-width: 0 1px;
    border-style: solid;
    border-color: #CCC;
    margin: 0 -1px;
    *position: relative;
    *left: -1px;
}

.yui-skin-sam .yui-button button,
.yui-skin-sam .yui-button a
{
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 77%;
    font-weight: bold;
    text-decoration: none;
    color: #FFF;
    line-height: 2.1;
    *line-height: 1.7; /* IE */
    min-height: 22px; /* Gecko */
    *min-height: auto; /* IE */
    padding: 0 9px 2px;
    *padding: 1px 9px;
}

.yui-skin-sam .yui-button a
{
    padding: 0 9px;
    *line-height: 1.8;
    *padding: 1px 9px 3px;
}

/* Focus state */

.yui-skin-sam .yui-button-focus
{
    border-color: #CCC;
    background-position: 0 -500px;
}

.yui-skin-sam .yui-button-focus .first-child
{
    border-color: #CCC;
}

.yui-skin-sam .yui-button-focus button,
.yui-skin-sam .yui-button-focus a
{
    color: #FFF;
    text-decoration: none;
}

/* Hover state */

.yui-skin-sam .yui-button-hover
{
    border-color: #CCC;
    background-position: 0 -500px;
}

.yui-skin-sam .yui-button-hover .first-child
{
    border-color: #CCC;
}

.yui-skin-sam .yui-button-hover button,
.yui-skin-sam .yui-button-hover a
{
    color: #FFF;
    text-decoration: none;
}

/* Active state */

.yui-skin-sam .yui-button-active
{
    border-color: #CCC;
    background-position: 0 -500px;
}

.yui-skin-sam .yui-button-active .first-child
{
    border-color: #CCC;
}

.yui-skin-sam .yui-button-active button,
.yui-skin-sam .yui-button-active a
{
    color: #FFF;
}

/* Disabled state */

.yui-skin-sam .yui-button-disabled
{
    border-color: #CCC;
    background-image: 0 -400px;
}

.yui-skin-sam .yui-button-disabled .first-child
{
    border-color: #CCC;
}

.yui-skin-sam .yui-button-disabled button,
.yui-skin-sam .yui-button-disabled a
{
    color: #CCC;
    cursor: default;
}

/* -----------------------------------------------
    BUTTON STOP
----------------------------------------------- */


/* -----------------------------------------------
    CUSTOM UTIL START
----------------------------------------------- */

.fmisImg img
{
    border: #CCC 1px solid;
}

.error
{
    color: #990000;
}

/* -----------------------------------------------
    CUSTOM UTIL STOP
----------------------------------------------- */


/* -----------------------------------------------
    WORK NOTICE START
----------------------------------------------- */

div#work-notice
{
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99999;
    width: 260px;
    height: 120px;
    text-align: center;
    background: #DDD url('../img/raa_bg.gif') repeat-x top left;
    border: 1px #FFF solid;
    margin: -60px 0 0 -130px;
}

#work-notice div
{
    background: url('../img/indicator.gif') no-repeat top left;
    width: 16px;
    height: 16px;
    margin: 30px auto 15px;
}

#work-notice p
{
    font-size: 77%;
    color: #333;
    font-weight: bold;
}

/* -----------------------------------------------
    WORK NOTICE STOP
----------------------------------------------- */


/* -----------------------------------------------
    POPMAP START
----------------------------------------------- */

div.popmap
{
	_width: 250px;
	height: auto;
	overflow: visible;
	padding: 5px;
}

.popmap h4,
.popmap p
{
	font-size: 77%;
}

.popmap p
{
	margin: 0 0 5px;
}

.popmap .popImg
{
	margin: 0 0 5px;
}

.popmap .popclose,
.popmap .popshow
{
	position: relative;
    height: 15px;
	margin: 0;
}

.popmap .popclose a,
.popmap .popshow a
{
	position: absolute;
	top: 0;
	display: block;
    overflow: hidden;
    text-decoration: none;
    font-weight: bold;
    color: #333;
    background-image: url('../img/raa_y.gif');
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
}

.popmap .popclose a
{
    background-position: -2900px 0;
	right: 0;
    text-indent: -9999px;
    margin: -5px 0 0 0;
}

.popmap .popclose a:hover
{
    background-position: -3000px 0;
}

.popmap .popshow a
{
    background-position: -910px 0;
    width: auto;
	left: 0;
    margin: 0;
    padding: 4px 0 0 26px;
}

.popmap .popshow a:hover
{
    background-position: -1010px 0;
}

/* -----------------------------------------------
    POPMAP STOP
----------------------------------------------- */


/* -----------------------------------------------
    PRINT START
----------------------------------------------- */

.printDoc
{
    text-align: left;
}

.printDoc .pagination
{
    display: none;
}

.printDoc #nav a.buttonPrint
{
    background-position: center -1600px;
}

.printDoc #nav a.buttonPrint:hover
{
    background-position: center -1700px;
}

.printDoc .panel
{
    height: 100%;
    padding: 0 15px;
}

.printDoc #yui-main
{
    overflow: auto;
}

.printDoc .panel table
{
    width: 100%;
}

.printDoc #maritim
{
    display: table-row-group! important;
    _display: block! important;
}

.printDoc #printData dl
{
    float: left;
    width: auto;
}

.printDoc #printData dl
{
    font-size: 77%;
    color: #333;
    margin: 0;
    padding: 5px 0 0 10px;
    *padding: 4px 0 0 10px;
}

.printDoc #printData dt,
.printDoc #printData dd
{
    list-style: none;
    margin: 0;
    padding: 0;
}

/* -----------------------------------------------
    PRINT STOP
----------------------------------------------- */

.panel tbody.historydiff tr th,
.panel tbody.historydiff tr td,
.historydiff
{
    color: red! important;
}

#histDateInput
{
	width: 125px;
	vertical-align: middle;
}

#histDateBlock
{
	margin-top: 10px;
	width: 70%;
}

#buttonEnterHistDate
{
	vertical-align: middle;
}

.invalidHistDate
{
	background-color: red;
}

.hasImage
{
    display: block;
    overflow: hidden;
    background-image: url('../img/raa_y.gif');
    background-repeat: no-repeat;
    text-indent: -9999px;
    width: 21px;
    height: 21px;
    margin: 0px;
    padding: 0px;
    background-position: -3099px 0;
}

.hasImage:hover
{
	background-position: -3199px 0;
}

.panel tr.rowrow td.hasImageCol
{
	border-width: 1px 0px 1px 1px;
	align: center;
	vertical-align: middle;
	width: 21px;
	padding: 0px;
}

#typeinfopanel .bd,
#typeinfopanel .hd
{
	font-size: 77%;
}

#ddcl-municipality-ddw
{
	overflow: visible;
	z-index: 60001;
}

#municipalityContainer,#parishContainer
{
	z-index: 60001;
	overflow: visible;
}

#panel1,#panel2
{
	z-index: 60001;
	overflow: visible;	
}



#ddcl-parish-ddw
{
	overflow: visible;
	z-index: 60002;	
}

#searchTabForm
{
	z-index: 60001;	
}

#stackparent
{
	z-index: 60001;	
}

#field1
{
	overflow: visible;
	z-index: 60001;	
}

#panelTabOne
{
	z-index: 60001;	
}

#panelTabTwo
{
	z-index: 1;	
}

.ui-dropdownchecklist-selector
{
	width: 167px !important;
	height: 13px !important;
	margin-top: 1px !important;
	font-size: 75% !important;
}

.ui-dropdownchecklist-item
{
	height: 19px;
}



.ui-dropdownchecklist-text {
	float:left;
	display:block;
	font-weight:normal !important;
	line-height:14px !important;
	margin-top:-1px;
}


.ui-dropdownchecklist-dropcontainer
{
	position: relative;
	z-index: 60001;
	overflow: visible;
	border-right: solid 1px! important;
	border-bottom: solid 1px! important;
	border-left: solid 1px #999999! important
}

.ui-dropdownchecklist-item
{
	position: relative;
	z-index: 60001;
	overflow: visible;
	margin-top: 2px;
	*margin-top: 0px;
	margin-bottom: -2px;
	*margin-bottom: 0px;
	padding-top: 2px;
	*padding-top: 0px;
	*padding-bottom: 2px;
}

.ui-dropdownchecklist-item input {
	float:left;
	display:block;
	width:30px! important;
	z-index:60001;
}


.ui-state-default
{
	border:none! important;	
}

div.ui-state-hover
{
	background-color: #0099FF! important;
}

label.ui-dropdownchecklist-text {
	margin-top: 0! important;	
	*padding-top: 3px! important;
}

#addthis_toolbox_object
{
	position: relative;
	margin-right: -8px;
	float: right;
	padding-bottom: 5px;
}

#ddcl-monumentType > span
{
	width: 98.7%! important;
}

#ddcl-monumentType .ui-dropdownchecklist-text
{
	width: 360px! important;
}

.ui-dropdownchecklist .ui-widget-content, .ui-dropdownchecklist .ui-widget-header {
	border:1px solid #999999;
}

/*
#rss
{
    float: right;
    width: auto;
}


#rss a
{
    display: block;
    margin-top: 44px;
    text-decoration: none;
}

#rss img
{
	padding: 0px;
	margin: 0px;
}
*/