html, body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.sw-ios iframe, .sw-ios .swdesc {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
}

.wrapper {
    height: 100%;
    position: relative;
    width: 100%;
}

.scalebar { bottom: 0px; }

a img { border: 0; }

.searchresult { line-height: 1.4; }

#searchresults {
    /*overflow-y: auto;*/
    /*height: 300px;   */
}

.loader {
    text-align: center;
    width: 100%;
}


/*#searchresults .swlist
{
   overflow-y: auto;
   max-height: 200px;   
}*/

#searchresultsmenu .ui-accordion .ui-accordion-content { padding: 0; }

#searchresults .ui-corner-all, #searchresults .ui-corner-bottom, #searchresults .ui-corner-top {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#searchresults .ui-state-active, #searchresults .ui-state-default { background-image: none; }

#searchresults .ui-state-active { background-color: #ffffff; }


.textdisabled {
    color: #aaa;
    font-style: italic;
}

#searchbox {
    background-color: transparent;
    border: 0;
    font-size: 14px;
}

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

.hidden { display: none; }

.header, .content {
    border: 0;
    padding: 0;
    width: 100%;
}

#tabselector {
    background: inherit;
    border-left: 0 none;
    border-radius: 0px !important;
    border-right: 0 none;
    border-top: 0 none;
    padding: 0 !important;
}

.swmaintabbase .ui-tabs-panel { padding: 0 !important; }

.swmaintab {
    border-radius: 0px !important;
    padding: 0 !important;
}


.swiframetab iframe {
    border: 0;
    height: 100%;
    overflow: auto;
    width: 100%;
}

#tabselector li {
    line-height: 1.0;
    width: 120px;
}



#tabselector .ui-state-default { background: #E9E9E9 none !important; }

#tabselector .ui-state-active { background: #fff none !important; }

#tabselector .ui-state-active a { color: #3C3C3C !important; }


#tabselector li:first-child { margin-left: 5px; }

#maptab { }

#topbase {
    color: #333333;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#mapheader {
    border-bottom: 1px solid #B8B8B8;
    height: 30px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.header {
    font-weight: bold;
    position: relative;
}

.content {
    bottom: 0;
    position: absolute;
}

.borderbottom { border-bottom: 1px solid #aaaaaa; }

.borderright { border-right: 1px solid #aaaaaa; }

.logoleft img { vertical-align: middle; }

.logoleft {
    float: left;
    height: 100%;
}

.logoleft div {
    display: table-cell;
    height: 50px;
    vertical-align: middle;
}

.logoright {
    position: absolute;
    right: 5px;
    top: 15px;
}

#lowertopright {
    bottom: 1px;
    font-weight: normal;
    position: absolute;
    right: 5px;
    text-align: right;
}

#lowertopright > div { display: inline-block; }

#buttongrid {
    position: absolute;
    top: 3px;
}


/*
#swmap, #swui 
{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
*/

#swmap {
    background-color: #fff;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.bottomright {
    bottom: 0;
    position: absolute;
    right: 0;
    width: 212px;
}

.topright {
    position: absolute;
    right: 0;
    top: 0;
    /*width: 212px;*/
}



.swdialogsizerw { width: 200px; }

.swdialogsizerh { height: 200px; }

.minimap {
    margin-top: 2px;
    position: relative;
    width: 200px;
}

#resslider {
    position: absolute;
    top: 15px;
}

#leftarea {
    left: 5px;
    position: absolute;
    top: 10px;
}

#searchwindow { border-top: 0px; }

#searchwindow > div {
    /*height: 35px;*/
    margin: 5px;
}

#basicsearchbox table {
    height: 100%;
    width: 100%;
}

#searchtabs table {
    /*font-size: 13px;*/
    border-collapse: collapse;
    font-weight: bold;
}

#basicsearchbox td {
    padding-left: 5px;
    padding-right: 5px;
}

.searchtab {
    border-bottom: 1px solid #B8B8B8 !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    color: #3C3C3C !important;
    cursor: pointer;
}

.searchtab-selected {
    border-bottom: none !important;
    cursor: default;
}

.searchtab-rightborder { border-right: 1px solid #B8B8B8 !important; }

#advsearchuiterms {
    margin-bottom: 5px;
    max-height: 400px;
    overflow-y: auto;
}
 

/*#leftmenu
{    
    width: 200px;        
    padding: 5px;    
}


#leftmenu td
{    
   padding: 3px;
}*/

.swdialog .ui-widget-header {
    background: #3c3c3c;
    clear: both;
    color: #ffffff;
    line-height: 1.8em;
    text-align: center;
}

.swdialog .ui-widget-header .ui-icon {
    margin-top: 3px;
    width: 16px;
}

.swdialog .ui-widget-header div { display: inline-block; }

.fleft { float: left; }

.fright { float: right; }

.swbutton {
    height: 22px;
    width: 22px;
}

.ui-slider-vertical {
    margin-left: -4px;
    width: 4px;
}

.ui-slider-horizontal {
    margin-top: -4px;
    height: 4px;
}


.swdropdown {
    cursor: default;
    font-weight: bold;
    padding: 2px;
}

.swdropdown > div { margin: 1px; }

.hiddenbutton a {
    color: #333333;
    text-decoration: none;
}

.hiddenbutton { color: #333333; }

#tabs.ui-tabs { padding: 0; }

#tabs .ui-state-default {
    background-color: #e9e9e9;
    background-image: none;
    font-size: 11px;
    line-height: 1.0;
}

#tabs .ui-state-active {
    background-color: #fff;
    background-image: none;
    border-bottom: 0 !important;
    font-size: 11px;
    line-height: 1.0;
}

.ui-state-default { font-weight: normal; }

.ui-state-active { font-weight: bold; }

#tabs .ui-tabs-nav { border-bottom: 1px solid #B8B8B8; }

#sliderright {
    position: absolute;
    top: 15px;
}

.ui-button .ui-button-text {
    font-weight: normal;
    line-height: 1.0;
}

/* HACK */

#mapchange.ui-buttonset .ui-button { margin-right: -0.4em; }

.ui-state-light { background-color: #E9E9E9; }

.swlist { width: 100%; }

.swlist ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.swlist img { margin-right: 4px; }

.swlist div {
    display: inline-block;
    vertical-align: middle;
    /*margin-right: 4px;*/
}

.swlist .ui-selecting { background: #FECA40; }

.swlist .ui-selected {
    background: #F39814;
    color: white;
}

#leftarea .ui-button-text-icon-secondary .ui-button-text { padding: 0.2em 1.2em 0.2em 0.2em; }

#leftarea .ui-button-text-icon-secondary .ui-button-icon-secondary { right: 0; }

.fancytree-container {
    border: 0;
    font-family: inherit;
    font-size: inherit;   
    line-height: 1;
}

span.fancytree-title {
    white-space: normal;
}

.fancytree-node table {
    border-collapse: collapse;
}

.fancytree-ext-table td {
    padding: 0;
}

.fancytree-node td:first-child {
    vertical-align: top;
    white-space: nowrap;
}

span.fancytree-node {
    width: auto;
    margin: 0;
}

table.fancytree-ext-table tbody tr.fancytree-selected {
    background-color: white;
}


table.fancytree-ext-table tbody tr.fancytree-active {
    background-color: #ccc;
}

.alignRight {
    text-align: right;
}

.alignTop {
    vertical-align: top;
}

.fancytree-expander {
    position:relative;
}

.fancytree-menuhighlight-open {
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 3px;
    left: 3px;
    position: absolute;
    top: 5px;
    width: 5px;
}

.fancytree-menuhighlight-closed {
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 5px;
    left: 3px;
    position: absolute;
    top: 5px;
    width: 3px;
}

.fancytree-has-children {
    color: #000;
    font-weight: bold;
}

.ui-autocomplete-category {
    font-weight: bold; 
    line-height: 1.2;
    padding: .2em .4em;
    vertical-align: middle;
}

.swlist .ui-state-hover {
    background-color: White;
    background-image: none;
    border: 0;
    color: #EF8C08;	   
}

.swlist .alternate {
    background-color: #f5f5f5 !important;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

/*#searchresults 
	{
	    padding: 0 10px 10px 10px;
	    clear: both;
	}*/

.swdropdown .ui-button { text-align: left; }
	
	
button.ui-button-icon-only {
    height: 24px;
    width: 24px;
}

#fbuttons, #nbuttons, #toolbar {
    display: inline-block;
    margin-right: 3px;
}

.swpager {
    font-size: 10px;
    text-align: center;
}

.swpager div {
    color: #EF8C08;
    cursor: pointer;
    display: inline-block;
    height: 12px;
    margin: 2px;
    width: 12px;
}

.swpager .current {
    color: #3C3C3C;
    cursor: default;
    font-weight: bold;
}

.swpager .disabled {
    color: #ccc;
    cursor: default;
}

#searchresultsmenu { padding: 2px; }

.smallertext { font-size: 11px; }

.noresults {
    font-weight: bold;
    padding: 10px;
}

.variableheight { overflow-y: auto; }

.swdatagrid { border-collapse: collapse; }

.swdatagrid thead { background-color: #eee; }

.swdatagrid th, .swdatagrid td {
    border: 1px solid #B8B8B8;
    padding: 3px;
    white-space: nowrap;
}

.swdatagrid .aright { text-align: right; }

.swdatagrid .alternate { background-color: #f5f5f5 !important; }

.swdatagriddiv {
    /*width: 100%;*/
    /*max-height: 390px;*/
    max-height: 90%;
    max-width: 100%;
    overflow: auto;
}

#rightmenu {
    border-bottom: 0;
    border-right: 0;
    border-top: 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

#rightmenuhandle {
    border-right: 0;
    cursor: pointer;
    height: 40px;
    margin-right: 0;
    position: absolute;
    right: 0;
    top: 15px;
    width: 20px;
}

#mapbottom {
    bottom: 0;
    left: 0;
    position: absolute;
    top: 31px;
    width: 100%;
}

#bottombase {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
}

#rightmenuclose {
    border: 1px solid white;
    height: 15px;
    position: absolute;
    right: 0;
    top: 0;
    width: 12px;
}

#rightmenubody {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 18px;
}

#rightmenubody > div { overflow: auto; }

.ui-accordion .ui-accordion-header .accordian-icon {
    display: inline-block;
    left: auto;
    margin-left: 5px;
    margin-top: auto;
    position: static;
    top: auto;
}

.ui-button-icon-inline {
    display: inline-block;
    height: 14px;
    left: auto;
    margin-top: auto;
    position: relative;
    right: auto;
    width: 12px;
}

#searchselect {
    margin-bottom: 2px;
    margin-left: 5px;
    margin-top: 2px;
    width: 95%;
}

#mymapslistdialog {
    left: 0px;
    position: absolute;
    top: 0px;
    width: 200px;
    z-index: 9999;
}

#mymapslistdialog a {
    text-decoration: none;
}

#toomanyfeaturesdialog {
    bottom: 20px;
    left: 50%;
    margin-left: -150px;
    position: absolute;
    width: 300px;
    z-index: 9900;
}

/* Yellow warning for unavailable layers. Is there a more elegant way to do this? */

li.searchresult div.ui-state-disabled {
    background-color: #ffff00;
    filter: alpha(opacity=100);
    opacity: 1;
}

li.searchresult div.ui-state-disabled .ui-icon-alert { display: inline-block !important; }

#changepasswddialog > div { margin: 5px; }

#changepasswddialog > div > div, #changepasswddialog span { height: 30px; }

#changepasswddialog span {
    display: inline-block;
    position: relative;
    top: 6px;
}

#changepasswddialog input {
    float: right;
    margin: 3px;
}

.ui-accordion-header-active, .ui-accordion-header-active a { cursor: default !important; }

.ui-accordion-hide-arrow .ui-accordion-icons { padding-left: 0.3em; }

.ui-accordion-hide-arrow .ui-accordion-header-icon { display: none; }

#embeddialog tr { vertical-align: top; }

.bdiv {
    text-align: right;
    width: 40px;
}

.ui-menu .ui-menu-item { list-style-image: none; }

#linktext {
    width: 100%;
}