#map
{
    width: 100%;
    height: 450px !important;
    border: 0px solid black;
}
#paneldiv
{
    float: left;
}
#paneldiv div
{
    float: left;
    margin: 1px;
}

#histNav
{
    float: left;
}
#histNav div
{
    float: left;
    margin: 1px;
}
#dvCustomButton
{
    float: left;
}
#dvCustomButton div
{
    float: left;
    margin: 1px;
}
#dvExport
{
    float: left;
}
#dvExport div
{
    float: left;
    margin: 1px;
}

.olControlNavToolbar, .olControlEditingToolbar
{
    margin: 0 0 0 0 !important;
}

.olControlButton1ItemActive
{
    position: absolute;
    background-image: url(../Images/FullExtent.png);
    top: 0;
    right: 0;
    width: 18px;
    height: 18px;
    left: 120px;
}

hr
{
    margin-bottom: 0 !important;
}

/* Style the tab */
div.tab
{
    overflow: hidden;
    border: 1px solid #ccc;
    margin-top: 2px;
    background-color: #f1f1f1;
}
div.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
{
    padding-top:2px;
     padding-left:2px;
    padding-right: 15px;
}
#divMapViewerControl,
 #divMapViewerControl .col-md-8
 {
      padding-right: 10px !important;
 }
/* Style the buttons inside the tab */
div.tab button
{
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 10px 12px;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
div.tab button:hover
{
    background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab button.active
{
    background-color: #b3cee4;
}

/* Style the tab content */
.tabcontent
{
    display: none;
    border: 1px solid #ccc;
    border-top: none;
   /* height: 468px;*/
   margin-bottom:2px;
}

.tabcontent button
{
    font-size: 14px;
}

/* Table holding pupose data */
.table > tbody > tr > td
{
    padding: 4px !important;
}
.panel-body
{
    padding: 1px;
}
#wrapper
{
    height: 185px;
    border: 1px solid #ccc;
    overflow-y: scroll;
    overflow-x: hidden;
}
#wrapper p
{
    padding-left: 7px;
    font-size: 15px;
    font-weight: bold;
    color:#116ee2;
}
#wrapper ul
{
    list-style-type: none;
    white-space: nowrap !important;
    padding-left: 20px !important;
    padding-right: 5px !important;
    font-size: 12px;
    font-weight:bold;
    cursor: pointer;
    color: #113fbf;
}
#wrapper ul span
{
    float:left;
}

#wrapper ul ul
{
    margin-left: 10px;
    padding: 2px;
}
#wrapper ul li
{
    margin: 0;
    padding: 0 7px;
    line-height: 20px;
    color: #5f9933;
    font-weight: normal;
    font-size: 11px;
    border-left: 1px solid rgb(100,100,100);
}
#wrapper ul li:last-child
{
    border-left: none;
}
#wrapper ul li:before
{
    position: relative;
    top: -0.3em;
    height: 1em;
    width: 12px;
    color: white;
    border-bottom: 1px solid rgb(100,100,100);
    content: "";
    display: inline-block;
    left: -7px;
}
#wrapper ul li:last-child:before
{
    border-left: 1px solid rgb(100,100,100);
}


#tbPurpose td
{
    font-size: 12px;
    border: 0px;
    vertical-align: baseline;
}

.PrintItemInactive
{
    position: absolute;
    background-image: url(../../Images/print.png)  !important;
    top: 4px;
    right: 0;
    left: 134px;
}
.glyphicon.glyphicon-one-fine-dot:before
{
    content: "\25cf";
    font-size: 20px;
}
.tabcontent .btn 
{
    font-size: 12px;
    height: 29px;
}
.tabcontent .input-sm
{
    font-size: 12px;
    height: 26px;
}
.tabcontent label 
{
    font-weight:normal;
}
.tabcontent .col-md-12, .col-md-9 , .col-md-3
{
    padding:1px;
}


.x-grid3-row-alt{ background-color:#cec; }

.x-grid3-row-selected {
	background-color: #fdddaa !important;
	background-image: none;
	border-color:#ffb500;
}

.x-tree-node .x-tree-node-over { background-color: #cec; }
.x-tree-node .x-tree-selected {	background-color: #fdddaa; }

/*
 * The text on the bottom toolbars was black, which blended with the black background.
 */
.x-toolbar { color: #eeeef0; }

/*
 * The portlet forms have a white background. The labels were also white.
 */
.x-form { background-color: #fff; }
.x-form-text, textarea.x-form-field
{
    border:1px solid #82cc00;
    background:none;
}
/*
 * White text on button mouseovers was hard to read as background was a light blue.
 */
.x-toolbar .x-btn-over button { color: #000; }

/**
 * On Ext.menu.Menu(), the mouse-over image and border don't look good.
 */
.x-menu-item-active {
    background-image: none;
    background-color: #3f3f3f;
}
.x-menu-item-active a.x-menu-item {
    border-style: none;
    border-width: 0;
}
ul.x-tab-strip-top {
    background-color: #ffffff;
    background-image: none;
     border:none;
}
.x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner
{
    background-image:none;
    background-color: #ffffff;
    border:none;
}
.x-tab-strip-active, .x-tab-strip-active a.x-tab-right
{
     border:none;
     background-color: #82cc00;
     
}

.x-tab-strip span.x-tab-strip-text {
       color: #999999;
}
.x-tab-strip-active span.x-tab-strip-text {
    
    background-color: #82cc00;
     border:none;
    font-weight: bold;
    color: #ffffff;
}
.x-tab-panel-header, .x-tab-panel-footer,.x-tab-panel-body
{
    border:none;
    background-color:#fff;
}
.x-window-bc 
{
    background-image:none;
    background-color:#82bc00;
}
.x-btn button
{
    font-size:14px;
    color:#000;
}
.x-btn-tl, .x-btn-tr, .x-btn-tc, .x-btn-ml, .x-btn-mr, .x-btn-mc, .x-btn-bl, .x-btn-br, .x-btn-bc 
{
    background-image:none;
}

.x-resizable-over .x-resizable-handle-north, .x-resizable-pinned ,.x-resizable-handle-north,.x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east, .x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west
,.x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast,
.x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north 
{
    background-image:none;
     background-color: #ffffff;
      border:none;
}
.x-window-tl, .x-window-tr
{
     background-image:none;
      background-color: #4883f9;
      border:none;
}
.x-window-tc,  .x-window-ml, .x-window-bl, .x-window-bc,
.x-window-mr ,.x-window-mc,.x-panel  
{
    background-image:none;
      background-color: #ffffff;
      border:none;
}
.x-window-br 
{
    background-image:none;
      background-color: #ffffff;
      color:#000000;
       border:none;
}
.x-panel-body
{
    height:370px;
    border:none;
}
.x-panel-noborder .x-panel-body-noborder {
    border-width: 0;
    overflow-y: auto;
}
.x-window-tl .x-window-header 
{
    color:#fff;
    font:inherit;
    font-size:14px;
     background-color: #4883f9;
     border:none;
}

.x-window .form-control
{
    background-color:#fff;
    width:98% !important;
}
.x-shadow .xsml, .x-shadow .xsmr,.x-shadow .xstl, .x-shadow .xstc, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbc, .x-shadow .xsbr
{
    background:none;
}
.x-form-label-left label.x-form-item-label 
{
    color: #666666;
    font-size: 14px;
    font-family :Arial; 
    vertical-align :middle;
    font-weight:normal;
    line-height:15px;
}
.x-tab-scroller-right,.x-tab-scroller-right-over {
    background: url(../../images/default/tabs/scroll-right-24.png) no-repeat 0 0;
    border-bottom-color: #8db2e3;
    border: none;
    background-color: #fff;
    height:24px;
  right:22px !important;
    width:24px;
}

.x-tab-scroller-left,.x-tab-scroller-left-over {
    background: url(../../images/default/tabs/scroll-left-24.png) no-repeat 0 0;
    border-bottom-color: #8db2e3;
    border: none;
    background-color: #fff;
    height:24px ;
  
    width:24px;
   
}
/*.x-tab-strip-wrap
{
    height:28px;
}*/
.x-tab-tabmenu-right,.x-tab-tabmenu-over
{
     background: url(../../images/default/tabs/scroll-left-24.png) no-repeat 0 0;
    border-bottom-color: #8db2e3;
    border: none;
    background-color: #fff;
    height:24px !important;
   z-index:10000;
    width:24px;
      -ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
    transform: rotate(270deg);
}
.x-menu-list, .x-menu-list-item
{
    background-color:#ffffff;
}
.x-menu-item-active, .x-menu-item-active .x-menu-item-text
{
     background-color:#ffffff;
     color:#82cc00;
}
.maplatlongpanel
{
    background-color:#4883f9;
    color:#fff;
}
.maplatlongpanel input
{
    color:#000;
}
.maplatlong
{
    float:right;
    right:10px;
    font-size:10px;
    z-index:1000000;
    bottom:0px;
    height:20px;
}