/* ------ CSS Reset ------ */

html, div, span, h1, h2, h3, h4, h5, h6, p, a, em, font, img, strong, ol, ul, li, form, label, table, caption, tbody, thead, tr, th, td {
    margin: 0;
    padding: 0;
    outline: 0;
    background: transparent;
}
ol, ul {
    list-style: none;
}
table {
    border-spacing: 0;
}

/* ------ Global Styles ------ */

html, body {
    height: 100%;
}
body {
    background-color: #f7f7f7;
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    font-size: 0.75em;
    margin: 0;
}
p {
    margin-bottom: 1em;
}
.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .text-box, .text-area, .select-box {
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    font-size: 1em;
}
a, a:active, a:focus {
    color: #026890;
    cursor: pointer;
}
a:hover {
    color: #999999;
    text-decoration: underline;
}
.clear {
    clear: both;
}
h2 {
    font-size: 1.3em;
    font-weight: bold;
}
h3 {
    color: #444444;
    font-size: 1em;
    font-weight: bold;
}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}
hr.spacer {
    background: none;
    border: none;
    color: #FFFFFF;
    height: 1px;
    margin: 1em 0;
}
.list {
    list-style: disc;
}
.list li {
    margin: 0 0 5px 20px;
}
.not-selectable {
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
}

/* ------ Primary Framework Components ------ */

#wrapper {
    min-width: 960px;
}
#appHeader {
    background-image: url("./Images/header_background.png");
    background-color: #FFFFFF;
    height: 50px;
    position: relative;
}
#appHeader #siteLink a {
    display: none;
    background-color: #FFFFFF;
    font-size: 11px;
    padding: 3px 10px;
    position: absolute;
    bottom: 0;
    left: 20px;
    text-decoration: none;
}
#siteList {
    margin: 10px 10px 30px 10px;
}

/* ------ START: App Header Actions ------ */

.app-header-logo {
    display: block;
    width: 315px;
    height: 50px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url("./Images/header_logo.png") no-repeat;    
}
.app-header-actions {
    color: #ffffff;
    font-size: 0.9em;
    font-weight: bold;
    position: absolute;
    right: 15px;
    top: 5px;
}
.app-header-actions a,
.app-header-actions a:hover {
    color: #ffffff;
}
.app-header-actions a {
    text-decoration: none;
}
.app-header-actions a:hover {
    text-decoration: underline;
}
.app-header-actions a.help-global {
    border-right: 1px solid #FFFFFF;
    margin-right: 10px;
    padding-right: 10Px;
}

/* ------ END: App Header Actions ------ */

/* ------ START: Button Styles ------ */

.ui-button {
    font-weight: bold;
    margin-right: 0px;
}
.ui-button-text-only .ui-button-text, input.ui-button {
    padding: 0.4em 1em;
}
.ui-button, .global-button, a.global-button, a.global-button-disabled, a#disabledSubmitButton.global-button-disabled, .wizard-buttons .ui-state-default {
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    font-weight: bold;
}
.global-button-disabled, .global-button-disabled:hover {
    opacity: 0.2;
    filter: alpha(opacity = 20);
}
.save-disabled, .save-disabled:hover, .save-disabled:active, .save-disabled:focus,
#disabledSubmitButton.save-disabled, #disabledSubmitButton.save-disabled:hover, #disabledSubmitButton.save-disabled:active, #disabledSubmitButton.save-disabled:focus {
    background: none;
    background-color: #999999;
    border: 1px solid #999999;
    color: #ffffff;
    cursor: default;
}
.save-disabled .ui-widget-text {
    color: #999999;
}
.reset-button {
    float: left;
    white-space: nowrap;
}

/* ------ END: Button Styles ------ */

/* ------ START: Wizard & Dialog Button Panels ------ */

.ui-dialog .ui-dialog-buttonpane {
    margin: 0px;
    padding: 0px 15px 15px 15px;
    text-align: right;
    clear: both;
}
.ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-dialog-buttonpane input {
    line-height: 1.4em;
    margin: 0px 0px 0px 3px;
}
.ui-dialog .ui-dialog-buttonpane button {
    padding: 0px;
}
.wizard-buttons button, .wizard-buttons input {
    display: block;
    float: right;
    margin-left: 3px;
}
.wizard-buttons .global-disabled-button {
    display: none;
}
#wizardDialog .dialog-contents .long-string .text-box,
#wizardDialog .dialog-contents .long-string .field-validation-error,
#wizardDialog .dialog-contents .long-string .field-validation-warning { /* fix for IE in create site wizard */
    width: 389px;
}
/* ------ Generic Buttons ------ */

.button {
    padding: 5px 8px 6px 8px;
}
.button.button-disabled,
a.button.button-disabled:hover {
    background-image: none;
    background-color: #EEEEEE;
    border: 1px solid #DDDDDD;
    color: #CCCCCC;
    cursor: default;
}
.button-icon {
    padding: 5px 8px 6px 25px;
    position: relative;
}
.button-disabled .button-icon {
    opacity: 0.4;
    filter: alpha(opacity = 40);
}
input.button.ui-state-default,
input.button.ui-state-hover {
    padding: 4px 8px;
}
.button,
.button-icon,
#wizardDialog .button {
   background: #ffffff url("./Images/button_background_grey.png") repeat;
   border: 1px solid #999999;
   color: #222222;
   cursor: pointer;
   display: inline-block;
   font-size: 0.9em;
   font-weight: bold;
   text-decoration: none;
   white-space: nowrap;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
}
.button:hover,
.button-icon:hover,
#wizardDialog .button:hover {
    background: #ffffff none;
    border: 1px solid #333333;
    color: #222222;
    text-decoration: none;
}
.button-icon span {
    cursor: pointer;
    position: absolute;
    left: 5px;
    top: 4px;
}

/* ------ END: Generic Buttons ------ */

/* ------ START: Title Actions and Section Title Bar ------ */

.title-bar, .section-title-bar {
    position: relative;
}
.title-bar {
    height: 45px;
    padding: 0px 10px 0px 18px;
    position: relative;
}
.title-bar h1 {
    font-size: 1.3em;
    font-weight: normal;
    line-height: 45px;
}
.title-bar .title-actions {
    position: absolute;
    top: 8px;
    right: 10px;
}
.title-bar .title-actions a:hover,
.title-bar .title-actions .save-disabled:active,
.title-bar .title-actions .save-disabled:focus {
    color: #ffffff;
}
.title-bar .title-actions a:active,
.title-bar .title-actions a:focus {
    color: #056b93;
}
.title-bar form {
    float: left;
    padding-right: 5px;
}
.title-bar a {
    display: inline;
    display: inline-block;
}
.title-bar .icon {
    float: left;
    margin-top: 15px;
    margin-right: 5px;
}
.section-title-bar {
    height: 35px;
    position: relative;
    z-index: 2;
}
.section-title-bar h2 {
    display: inline;
    float: left;
}
.section-title-bar div {
    float: right;
}
.section-title-bar div a {
    float: left;
    margin-left: 10px;
    margin-top: 2px;
}
.section-title-bar .rest-link,
.section-title-bar .rest-link-disabled {
    float: left;
    margin-left: 5px;
    margin-top: 2px;
}
.section-title {
    font-weight: bold;
}
.section-title a,
.section-title span {
    color: #026890;
    font-weight: normal;
}
.section-title-links a.button-icon {
    border: 1px solid transparent;
    background-image: none;
}
.section-title-links a.button-icon span {
    display: block;
    width: 16px;
    height: 16px;
}
.section-title-links a:hover.button-icon {
    background-image: url("./Images/button_background_grey.png");
    border: 1px solid #999999;
}

/* ------ END: Title Actions and Section Title Bar ------ */

.main-wrapper {
    overflow: auto;
    margin-left: 10px;
    margin-right: 10px;
}
#main {
    float: right;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow: auto;
    margin-bottom: 35px;
    width: 80%;
}
.main-contents {
    margin: 15px;
    overflow: hidden;
}

/* ------ START: Sidebar Menu ------ */

.menu-container {
    float: left;
    width: 19%;
    padding-bottom: 80px;
}
.menu-container ul {
    margin: 0;
    margin-left: 0px;
    padding: 0px;
}
.menu-container li {
    position: relative;
    background-image: url("./Images/actions_panel_background.png");
    background-repeat: repeat-x;
    background-color: #CDCDCD;
    list-style: none;
    display: block;
    margin-bottom: 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    z-index: 10;
}
.menu-container li a {
    background-repeat: no-repeat;
    background-position: 7px center;
    border: 1px solid #cccccc;
    display: block;
    font-weight: normal;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 8px 5px 7px 30px;
    text-decoration: none;
    zoom: 1;
}
.menu-container li a {
    color: #000000;
}
.menu-container a:hover {
    background-color: #CCCCCC;
    color: #333333;
}
.menu-container li.selected a {
    color: #000000;
    font-weight: bold;
    opacity: 1.0;
}
/* Sub Menu */
.menu-container .menu-sub li {
    background-image: none;
    background-color: #FFFFFF;
    margin: 0;
}
.menu-container .menu-sub li a {
    color: #333333;
    border: none;
    border-bottom: 1px solid #CCCCCC;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
.menu-container ul li.menu-sub {
    background: #FFFFFF none;
    border: 1px solid #CCCCCC;
    padding: 10px 10px 20px 10px;
    margin-top: -10px;
    margin-bottom: 20px;
    -moz-border-top-right-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-top-left-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    position: relative;
    z-index: 8;
}
.menu-container ul li.menu-sub ul {
    margin: 0;
}
.menu-container ul li.menu-sub .menu-sub {
    margin-top: 0px;
    border: none;
}
.menu-container ul li.menu-sub li a:hover,
.menu-container ul li.menu-sub li.selected a {
    background-color: #E7E7E7;
}

/* ------ END: Sidebar Menu ------ */

/* ------ START: Actions Panel ------ */

.actions-panel {
    border: 1px solid #cccccc;
    background-color: #eeeeee;
    background-image: url("./Images/actions_panel_background.png");
    background-position: left bottom;
    background-repeat: repeat-x;
    border-bottom: none;
    padding: 5px;
    position: relative;
}
.actions-panel a.button-icon {
    background: transparent none;
    border: none;
    color: #026890;
    margin: 1px;
}
.actions-panel a:hover.button-icon {
    background-color: #ffffff;
    border: 1px solid #999999;
    margin: 0px;
}
.actions-panel p {
    display: inline-block;
    margin-bottom: 0px;
    padding: 6px 0 6px 6px;
    font-weight: bold;
    color: #666666;
}
.actions-panel a.disabled,
.actions-panel span.button-icon {
    opacity: 0.25;
    filter: alpha(opacity = 25);
    cursor: default;
}
.actions-panel a:hover.disabled {
    background-color: transparent;
    border-color: transparent;
}

/* ------ END: Actions Panel ------ */

/* ------ START: Activity Indicators ------ */

.activity-indicator-dialog {
    background-color: #ffffff;
    background-image: url("./Images/loader_small.gif");
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
    position: absolute;
    width: 99%;
    height: 99%;
    top: 0;
    left: 0;
    z-index: 1;
}
.activity-indicator {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 10000;
}
.activity-indicator span {
    margin-left: 24px;
}
.loader {
    background: #ffffff url("./Images/loader_small.gif") no-repeat 8px 45%; 
    border: 1px solid #0177AD;
    color: #0177AD;
    font-weight: bold;
    height: 30px;
    width: 100px;
    line-height: 29px;
    margin: -50px 0px 0px -63px;
    padding: 0px 0px 0px 26px;
    position: absolute; 
    top: 50%;
    left: 50%;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.loader-complete {
    background: #ffffff url("./Images/icons/accept.png") no-repeat 8px 45%; 
    border: 1px solid Green;
    color: Green;
    font-weight: bold;
    height: 30px;
    width: 100px;
    line-height: 29px;
    margin: -50px 0px 0px -63px;
    padding: 0px 0px 0px 26px;
    position: absolute; 
    top: 50%;
    left: 50%;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.file-browser-loader {
    background-color: #ffffff;
    background-image: url("./Images/loader_small.gif");
    background-position: center 48%;
    background-repeat: no-repeat;
    display: block;
    font-size: 1em;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
}

/* ------ END: Dialogs and Activity Indicator ------ */

/* ------ START: Data Table ------ */

.data-table {
    width: 100%;
    border: 1px solid #cccccc;
    border-collapse: collapse;
}
.data-table-scroll {  
    max-height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.data-table-scroll table {
    width: 452px;
    border: 2px solid #ffffff;
}
.data-table-scroll, .data-table th, .data-table td {
    border: 1px solid #cccccc;
    border-collapse: collapse;
}
.data-table th {
    background-color: #eeeeee;
    color: #555555;
    white-space: nowrap;
}
.data-table th {
    padding: 6px;
}
.data-table td {
    padding: 4px 6px;
}
.data-table table.long-string {
    table-layout: fixed;
    word-wrap: break-word;
}
.data-table table.long-string td {
    border: none;
    padding: 0;
}
.data-table .button-icon {
    margin: 0px;
    width: 50px;
}
.data-conditions-andor {
    width: 65px;
}
.data-conditions-col {
    width: 200px;
}
.data-conditions-operator {
    width: 65px;
}
.data-conditions-definition {
    width: 225px;
}
.data-conditions-remove {
    width: 28px;
}
.data-table .data-parameters .text-box {
    margin-right: 6px;
    width: 185px;
}
.define-conditions .dialog-scrollbox-inner {
    width: 651px;
}
.data-table-filter {
    margin-bottom: 15px;
    overflow: auto;
}
.data-table-filter a {
    float: right;
    margin-left: 5px;
    width: 45px;
    text-align: center;
}
.data-table-filter input {
    float: left;
    width: 295px;
    position: relative;
    top: 4px;
}
.data-table-pagination {
    background-color: #eeeeee;
    padding: 5px;
    border-width: 0px 1px 1px 1px;
    border-color: #cccccc;
    border-style: solid;
    overflow: auto;
}
.data-table-pagination icon
.data-table-pagination .previous {
    float: left;
}
.data-table-pagination .next {
    float: right;
}
.data-table-pagination a,
.data-table-pagination span {
    float: left;
}
.page-btn span {
    opacity: 0.25;
    filter: alpha(opacity = 25);
}
.page-btn a {
    opacity: 1;
}
.page-number {
    display: inline-block;
    width: 90px;
    text-align: center;
}
.total-records {
    display: inline-block;
    float: right;
    margin-right: 5px;
}
.row-highlight,
.map-service.row-highlight {
    background-color: #EFFAFF;
}
.row-selected,
.map-service.row-selected {
    background-color: #C2E1EF;
}
.row-selected.row-highlight,
.map-service.row-selected.row-highlight,
.row-highlight .row-selected {
    background-color: #B5D2DF;
}

.row-excluded {
    font-style: italic;
    color: #666666;
    background-color: #F7F7F7;
}

/* ------ END: Data Table ------ */

/* ------ START: Table Actions ------ */

.table-actions a {
    display: block;
    float: left;
    margin: 4px;
}
.table-actions a.disabled {
    opacity: 0.25;
    filter: alpha(opacity = 25);
}
.table-actions a.disabled {
    cursor: default;
}

/* ------ END: Table Actions ------ */

/* ------ START: Wizards ------  */

.ui-dialog {
    box-shadow: 10px 10px 5px #888;
    border: 1px outset #2191C0;
    font-size: 1em;
    padding: 0px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.ui-dialog .ui-dialog-content {
    overflow: hidden;
    padding: 0px;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    display: block;
    font-size: 1.1em;
}
.dialog-title {
    display: none;
}
.dialog-summary {
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    padding: 10px;
}
.dialog-summary table {
    margin-left: auto;
    margin-right: auto;
}
.dialog-summary table td {
    padding: 5px;
}
.dialog-summary table td.dialog-summary-description p {
    float: left;
    display: block;
    word-wrap: break-word;
}
.dialog-summary table td.dialog-summary-label p {
    text-align: right;
}
.dialog-summary label {
    text-align: right;
}

/* ------ END: Wizards ------  */

/* ------ START: Form Components ------ */

.form-table {
    border-collapse: collapse;
    clear: both;
    position: relative;
}
.form-table td {
    vertical-align: top;
    padding: 8px 2px;
}
.horiz .form-field {
    padding-right: 20px;
    width: auto;
}
.form-table label,
.form-table p {
    display: block;
    margin-bottom: 0px;
    margin-right: 5px;
    margin-top: 3px;
}
.form-table .check-box-row span {
    margin-right: 10px;
    position: relative;
    top: -2px;
    text-transform: uppercase;
}
.form-table .check-box-row span {
    top: 2px\9; /* IE8 Fix */
}
.form-table .check-box {
    width: 13px;
    height: 13px;
    margin-right: 4px;
    margin-left: 0px;
    margin-top: 4px;
}
.form-label {
    text-align: right;
    white-space: nowrap;
    width: 1%;
}
.form-label.label-long {
    white-space: normal;
}
.form-row-last td {
    padding-bottom: 0px;
}
.form-btn {
    text-align: right;
}
.form-btn input.global-button {
    font-weight: bold;
}
.form-field .text-box, .form-field .text-area, .form-field .select-box {
    width: 99%;
    position: relative;
}
.form-field .select-box {
    width: 100%;
    height: 21px;
    margin-top: 2px;
}
.form-field .select-box#Database {
    width: 350px;
}
.form-field .select-box-multi {
    height: 7em;
}
.form-field .select-box-multi-xl.select-box {
    height: 20em;
}
.form-field .text-area {
    height: 3.8em;
    overflow: auto;
}
.form-field .input-short {
    width: 60px;
}
.form-field .disabled {
    background: #EEEEEE;
    border: 1px solid #CCCCCC;
}
.form-field .radio-group {
    margin-top: 3px;
}
.form-field .radio-group input,
.form-field .radio-group label {
    float: left;
    margin: 0px;
}
.form-field .radio-group input {
    margin-right: 4px;
    margin-top: 1px;
    width: 13px;
    height: 13px;
}
.form-field .radio-group label {
    margin-right: 15px;
}
.form-group .form-table .form-field {
    width: 500px;
}
.dialog-fixed .text-box {
    width: 375px;
}
.form-group .form-table .form-label {
    width: auto;
}
.form-group h3 {
    border-bottom: 1px dotted #999999;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
.form-group .description {
    margin: 20px 0px;
}
.form-radio-group td {
    padding: 0 2px 5px 2px;
    vertical-align: top;
}
.form-radio-group input {
    position: relative;
    display: inline-block;
    height: 15px;
    margin-top: 0;
    float: left;
}
.form-radio-group label {
    white-space: nowrap;
    padding: 0 15px;
}
.form-options {
    border-top: 1px solid #c9e0ee;
    padding-top: 15px;
}
.form-item-title {
    display: block;
    margin-bottom: 3px;
}
.form-actions {
    margin-top: 5px;
}
.form-actions table td {
    padding: 0px;
    vertical-align: middle;
}
.form-icon .icon-reload {
    font-size: 0em;
    overflow: hidden;
    border: none;
    background-color: transparent;
    margin-top: 2px;
}
.form-icon {
    width: 16px;
}
.form-table .form-icon {
    padding-left: 5px;
}
.radio-group {
    margin: 15px 0px 15px 0px;
}
.tool-tip-text 
{
    font-weight: normal;
    cursor: help;
    color: #444;
}

.field-validation-valid {
    display: none;
}
.field-validation-error {
    color: #FF0000;
    word-wrap: break-word;
    display: block;
    padding-top: 4px;
}
.field-validation-warning {
    color: #DD6600;
    word-wrap: break-word;
    display: block;
    padding-top: 4px;
}
.validation-summary-errors {
    color: #FF0000;
}
.validation-summary-errors p {
    margin: 1em 0;
}
.validation-summary-errors strong {
    display: block;
    margin-bottom: 0.5em;
}
.dialog-contents .field-validation-error, .dialog-contents .field-validation-warning {    
    display: block;
    height: auto;
}
div.form-label-div {
    padding: 7px;
    text-align: right;
    float: left;
}
div.form-item-div {
    padding: 7px;
}
.form-note {
    background: #F7F7F7; 
    border: 1px solid #999999   
}
/* ------ START: Opacity Slider ------ */

.slider-control {
    float: left;
    margin-top: 7px;
    width: 400px;
}
.slider-label {
    float: left;
    margin-top: 3px;
    margin-left: 10px;
}
.ui-slider .ui-slider-handle {
    height: 16px;
}

/* ------ END: Opacity Slider ------ */

/* ------ START: Custom Properties UI ------ */

.custom-properties-list li {
    padding-top: 5px;
    padding-bottom: 5px;
}
.custom-properties-list table {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.custom-properties-list .property-label {
    width: 10%;
}
.custom-properties-list .property-value {
    padding-right: 10px;
    width: 40%;
}
.custom-properties-list .property-value input {
    width: 150px;
}
#formSide .form-field {
    width: 240px;
}
#formSide .form-field input, #formSide .form-field select {
    width: 99%;
}
#formContentsLg {
    width: 700px;
}
#formContentsXL {
    width: 800px;
}

/* ------ END: Custom Properties UI ------ */

/* ------ START: Dialog contents ------ */

.dialog-contents {
    width: 500px;
    margin-bottom: 15px;
}
.dialog-contents-lg {
    width: 700px;
    margin-bottom: 15px;
}
.dialog-contents-inner {
    margin: 15px;
}
.dialog-contents-inner h2 {
    margin-bottom: .75em;
}
.dialog-description {
    font-size: 1.1em;
    margin-bottom: 15px;
    padding: 0px 2px;
}
.dialog-description ul {
    list-style-type: square;
    margin-left: 25px;
}
.dialog-description ul li {
    word-wrap: break-word;
}
.dialog-contents .form-table {
    margin-left: auto;
    margin-right: auto;
    width: 99%;
}
.dialog-contents .form-group .form-table .form-field {
    width: 80%;
}
.dialog-contents table table {
    margin: 0;
}
.dialog-scrollbox {
    border: 1px solid #cccccc;
    overflow-y: scroll;
}
.dialog-scrollbox .no-items {
    border: none;
}
.define-conditions {
    height: 300px;
}
.dialog-contents .text-box-long-string {
    word-wrap: break-word;
    width: 365px;
}

/* ------ END: Dialog Contents ------ */

/* ------ START: Help Dialog Styles ------ */

#help #main {
    width: auto;
    margin: 10px;
    float: none;
}
#help #appHeader h2 {
    color: #FFFFFF;
    padding: 0 10px;
    text-align: right;
    line-height: 50px;
}
.help-dialog-link {
   float: right;
}
.dialog-contents-help .dialog-contents {
    width: 350px;
}
.dialog-contents-help .dialog-contents-inner {
    background-color: #ffffff;
    border: 1px solid #eeeeee;
    margin: 0px 10px 10px 10px;
    min-height: 120px;
    max-height: 200px;
    overflow: auto;
}
.dialog-contents-help,
.dialog-contents-help .ui-dialog-content,
.dialog-contents-help iframe,
.dialog-contents-help .ui-dialog-titlebar {
    background-color: #f7f7f7;
}
.dialog-contents-help .ui-dialog-titlebar {
    background-image: none;
    color: #026890;
}
.dialog-contents-help .ui-dialog-titlebar .ui-icon-closethick {
    background-image: url("./Images/ui-icons_056b93_256x240.png");
}
.dialog-contents-help iframe {
    background-color: #ffffff;
    width: 100%;
}
.dialog-contents-help .no-content {
    margin: 15px;
}

/* ------ END: Help Dialog Styles ------ */

/* ------ START: Map Service Preview & Summary ------ */

.map-service-summary {
    max-height: 274px;
}
.map-service-summary .map-service-preview {
    margin: 4px;
}
.map-service-preview {
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    padding: 10px 0px;
}
.map-service-preview table {
    margin: 0px 10px;
}
.map-service-preview td {
    vertical-align: top;
}
.map-service-details {
    margin: 0px 10px;
}
.map-service-details table td {
    padding-bottom: 5px;
}
.map-service-details label {
    float: right;
    margin-right: 5px;
}
.map-service-preview-toggle span {
    background-repeat: no-repeat;
    display: inline-block;
    margin-bottom: 5px;
    padding-left: 18px;
}
a.map-service-preview-toggle {
    text-decoration: none;
}

/* ------ END: Map Service Preview ------ */

/* ------ START: Map & Overview Map ------- */

.float-container {
    position: relative;
    margin: 0px;
    zoom: 1;
}
.float-container .form-group-left {
    margin-right: 395Px;
}
.float-container .form-group-right {
    position: absolute;
    right: 0px;
    top: 0px;
}
.form-group-left h3,
.form-group-right h3 {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 5px;
}
.sortable-layers {
    border: 1px solid #cccccc;
    height: 320px;
    margin-bottom: 10px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.form-group-right .actions-panel {
    height: 27px;
}
.ui-dialog-titlebar {
    z-index: 1001;
}

/* ------ END: Maps ------- */

/* ------ START: Map Service and Layers ------ */

.list-sort {
    border: 1px solid #CCCCCC;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

.list-sort-handle {
    width: 16px;
    padding: 0 5px;
}

.list-sort-title {
    width: 100%;
}

.map-service-layers li,
.list-sort li {
    display: block;
    clear: both;
    overflow: auto;
    margin: 0;
    padding: 0;
}
* + HTML .map-service-layers li,
* + HTML .list-sort li { display: inline; } /* Fixes whitespace bug in IE */
.map-service-layers li ul
{
    margin-left: 37px;
}
.map-service-layers li ul li {
    overflow: auto;
}
.map-service-layers .map-service,
.map-service-layers .list-item,
.list-item,
.list-sort .list-item {
    border-bottom: 1px dotted #cccccc;
    display: block;
    padding: 5px 0px 5px 0px;
    overflow: auto;
}
.list-item.row-item {
    padding-left: 4px;
}
.sortable-layers-actions {
    text-align: right;
}
.map-service {
    background-color: #eeeeee;
    display: block;
    font-weight: bold;
    overflow: auto;
}
.map-service-actions {
    /* float: left; */
    margin-left: 5px;
}
.map-service-actions td {
    padding-right: 5px;
}
.map-service-actions input,
.list-item input {
    width: 13px;
    height: 17px;
    margin: 0px;
}
.map-service-actions .icon,
.map-service-actions .icon-disabled {
    width: 13px;
    height: 13px;
    background-position: top left;
    margin-top: 0px;
}
.map-service-actions .handle {
    cursor: move;
}
.list-item input {
    float: left;
}
.list-item span {
    display: block;
    margin-left: 18px;
    margin-right: 28px;
    overflow: hidden;
}
.list-sort .list-item span {
    margin: 0;
}
.list-item-actions {
    float: right;
}
.list-item-actions .icon {
    display: inline;
    float: left;
    padding-right: 5px;
}

.visibility-checkbox {
    vertical-align: top;
}
.layer-list-excluded 
{
    color: Gray;
    font-style: italic;
}

/* ------ END: Map Services and Layers ------*/

/* ----- START: Edit Group Layer ------ */

.sub-layers {
    border: 1px solid #999999;
    padding: 0px 5px;
}
.sub-layers h3 {
    border-bottom: none;
}
.sub-layers li ul {
    margin-left: 20px;
}

/* ----- END: Edit Group Layer ------ */

/* ------ START: Map Service Layer Picker ------ */

.layer-selector {
    clear: both;
    display: block;
    overflow: hidden;
}
.layer-selector table {
    border-collapse: collapse;
}
.layer-selector table td {
    position: relative;
    padding: 0px;
}
.layer-selector .form-btn {
    margin-top: 15px;
}
.layer-group .layers {
    border: 1px solid #cccccc;
    height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.layer-group .layers li {
    line-height: 1em;
    padding: 4px;
}
.layer-group .layers li ul {
    margin-left: 15px;
}
.layer-group .layers li ul li {
    padding: 0px;
}
.layer-group .list-item {
    border: none;
    padding: 0px;
}
/* .layer-group .list-item span {
    margin-left: 0px; */
}
.layer-group .actions-panel {
    overflow: aut;o
    position: relative;
}
.layer-group .actions-panel p {
    font-weight: bold;
    padding: 4px;
}
.layer-group .actions-panel a,
.drag-list .actions-panel a {
    position: absolute;
    right: 5px;
    top: 5px;
}
.layer-group .list-item-actions {
    display: none;
}
.layer-toggle-buttons a {
    margin: 2px 8px;
    width: 40px;
}

/* ------ END: Map Service Layer Picker ------ */

/* ------ START: Locate File ------ */

.browse {
    width: 100%;
}
.dialog-contents .browse td.browse-field {
    width: 100%;
}
.form-table .browse-field,
.form-table .browse-btn {
    padding: 0px;
    vertical-align: top;
}
.browse-field .text-box,
.browse-field .select-box {
    width: 405px;
}
.dialog-contents .browse-field .text-box,
.dialog-contents .browse-field .select-box {
    width: 280px;
}
.browse-btn {
    width: 100px;
    text-align: right;
}
.browse-btn a {
    height: 19px;
    line-height: 18px;
    margin-top: 1px;
    padding: 0px;
    float: right;
}
.dialog-contents .browse td.browse-btn {
    padding-right: 0px;
    width: auto;
}
.browse-btn a {
    width: 82px;
    text-align: center;
    white-space: nowrap;
}

/* ------ END: Locate File ------ */

/* ------ START: File Browsers ------ */

.file-browser {
    position: relative;
    overflow: hidden;
}
.file-browser table {
    margin-top: 15px;
}
.file-browser table td {
    padding: 2px;
}
.file-browser iframe {
    width: 100%;
}
.browse-location iframe {
    height: 500px;
}
.explore-sites-directory {
    margin-bottom: 15px;
    width: 800px;
}
.rpx-location {
    width: 700px;
}
.explore-sites-directory iframe,
.rpx-location iframe {
    height: 500px;
}

.file-code-viewer {
    font-family: "Courier New", Courier, monospace;
    padding: 10px;
    border: 1px solid #CCCCCC;
    background: #EEEEEE;
    width: 648Px;
    height: 465px;
    overflow: auto;
}

/* ------ END: File Browsers ------ */

/* ------ START: Properties & Extentions ------ */

.settings-bar {
    margin-top: 10px;
}
.settings-bar-border {
    border-top: 1px dotted #999999;
    margin-top: 20px;
    padding-top: 10px;
}

/* ------ END: Properties & Extensions ------ */

/* ------ START: Interactive Map ------ */

.map-preview,
.map-preview-small,
.feature-map-preview {
    border: 1px solid #cccccc;
}
.map-preview-small .dijitReset {
    display: none;
    cursor: move;
}
.map-preview-small .extent-map {
    width: 150px;
    height: 150px;
}
.extent-map {
    display: block;
    width: 380px;
    height: 320px;
    background-color: #ffffff;
}
.extent-map table td {
    padding: 0;
}
.map-preview-small table td {
    background-color: transparent;
    padding: 0px;
}
.map-preview .extent-map {
    width: 380px;
    height: 320px;
}
.edit-extent .map-preview {
    margin: 0px 2px 10px 2px;
}
.edit-extent .form-table {
    margin-left: auto;
    margin-right: auto;
    width: auto;
}
.edit-extent .text-box {
    display: block;
    width: 260px;
}
.extent-map .dijitSliderIncrementIconH, .extent-map .dijitSliderIncrementIconV {
    background-image: url("./Images/map-nav-zoomin.png");
    background-position: top left;
}
.extent-map .dijitSliderDecrementIconH, .extent-map .dijitSliderDecrementIconV {
    background-image: url("./Images/map-nav-zoomout.png");
    background-position: top left;
}
#interactiveMap_zoom_slider .dijitSlider {
    display: none;
}

/* ------ END: Interactive Map ------ */

/* ------ START: Feature Map ------ */

.feature-map-edit {
    overflow: auto;
}
.feature-map-edit .form-table {
    margin: 0px;
}
.feature-map {
    margin-top: 16px;
    overflow: auto;
    height: 200px;
}
.feature-map-preview {
    background-color:#EEEEEE;
    border:1px solid #CCCCCC;
    overflow: auto;
    margin-top: 10px;
    padding: 10px;
}
.feature-map-preview img {
    border: 1px solid #cccccc;
    float: left;
}
.feature-map-warning {
    float: right;
    margin-top: 5px;
    width: 285px;
}
.feature-map-warning-title {
    color: #ff0000;
    font-weight: bold;
}
.feature-map-form {
    overflow: auto;
}
.buffer-options td {
    padding: 0px;
}
.buffer-options input {
    float: left;
    margin-right: 2px;
}
.buffer-options .select-box {
    margin: 0px;
    width: 100px;
}

/* ------ END: Feature Map ------ */

/* ------ START: Field ------ */

.submit-field-changes {
    margin-top: 15px;
}

/* ------ END: Field ------ */

/* ------ START: Connection Settings ------ */

.authentication-settings {
    margin-top: 15px;
}
.authentication-options {
    margin-bottom: 15px;
}

/* ------ END: Connection Settings ------ */

/* ------ START: Test Connection ------ */

.test-connection-result span {
    background-position: 5px center;
    background-repeat: no-repeat;
    font-weight: bold;
    padding: 4px 8px 4px 24px;
}
.loading-animation {
    background-image: url("./Images/loader_small.gif");
}
.connection-failed {
    background-image: url("./Images/Icons/exclamation.png");
    color: Red;
}
.connection-success {
    background-image: url("./Images/Icons/accept.png");
    color: Green;
}

/* ------ END: Test Connection ------ */

/* ------ START: North Arrow ------ */

.north-arrow {
    height: 365px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    overflow-x: hidden;
}
.no-north-image, .no-north-image a {
    width: 64px;
    height: 48px;
    padding: 10px 2px;
    text-align: center;
}
#northArrowSelector {
    cursor: pointer;
    width: 68px;
    height: 68px;
}
#northArrowSelector img, #northArrowSelector .no-north-image {
    border: 1px solid #999999;
}
#northArrowDialog .north-arrow-list {
    padding: 0;
    width: 100%;
}
#northArrowDialog .north-arrow-list li {
    display: block;
    float: left;
    width: 68px;
    height: 68px;
    padding: 5px;
    margin: 5px;
}
ul.north-arrow-list {
    list-style: none;
    margin: 0;
    padding: 20px;
    width: 360px;
}
ul.north-arrow-list img {
    border: none;
}
ul.north-arrow-list li a {
    display: block;
    width: 68px;
    height: 68px; /* Set the small thumbnail size */
    -ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
    border: 1px solid #ddd;
    padding: 5px;
    background: #f0f0f0;
    left: 0;
    top: 0;
}
ul.north-arrow-list li a:hover {
    border: 1px solid #6EC2DC;
    background: #D3E8EF;
}

/* ------ END: North Arrow ------ */

/* ------ START: Errors ------ */

#error {
    position: relative;
    background: #FFFFFF;
    border: 1px solid #cccccc;
    padding: 60px;
    margin: 30px;
    min-width: 780px;
}
* * body #error { width: 780px; } /* IE6 min-width fix */
.error-msg hr {
    margin: 1.5em 0;
    height: 1px;
    border: none;
    color: #CCCCCC;
    background: #CCCCCC;
}
.error-msg h2, .error-msg h3 {
    font-weight: bold;
    margin-bottom: 0.5em;
}
.error-msg h3 {
    color: #666666;
    font-style: italic;
}
p.error-msg {
    color: #FF0000;
    font-weight: bold;
}
#errorDetails table,
#errorDetails th,
#errorDetails td {
    border-collapse: collapse;
    border: 1px solid #CCCCCC;
}
#errorDetails table {
    width: 100%;
}
#errorDetails label,
#errorDetails span {
    display: block;
    padding: 5px;
}
#errorDetails label {
    text-align: right;
}
#errorDetails table th, #errorDetails table td {
    vertical-align: top;
}
#errorDetails table th {
    background: #EEEEEE;
    color: #555555;
    padding-top: 5px;
    padding-bottom: 5px;
}
.error-label {
    width: 100px;
}
.error-details textarea {
    border: 1px solid #CCCCCC;
    overflow: auto;
    height: 15em;
}
.dialog-contents .error-details textarea {
    width: 343px;
}
.stacktrace {
    height: 150px;
    width: 388px;
}

/* ------ END: Errors ------ */

#DatabaseTable {
    height: 100px;
}
.ui-autocomplete {
    overflow: auto;
}
.ui-autocomplete.ui-menu .ui-menu-item {
    display: block;
    width: 300px;
}
.no-items {
    border: 1px solid #cccccc;
    color: #888888;
    font-style: italic;
    margin-bottom: 0;
    padding: 8px;
}
.text-watermark
{
	color: #AAAAAA;
	font-style: italic;
	border-width: 1px;
}

/* ------ START: Icons ------ */

.icon,
.icon-disabled {
    background-repeat: no-repeat;
    background-position: left center;
    display: block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    text-indent: -99999px;
}
.icon {
    cursor: pointer;
}
.icon-disabled, .disabled {
    cursor: default;
    opacity: 0.5;
    filter: alpha(opacity = 50);
}
.icon-action-menu {
    background-image: url("./Images/Icons/action-menu.png");
    background-position: 0px 0px;
}
.row-highlight .icon-action-menu:hover,
.row-selected .icon-action-menu {
    background-position: 0px -16px;
}
.icon-add {
    background-image: url("./Images/Icons/add.png");
}
.icon-application {
    background-image: url("./Images/Icons/application-view.png");
}
.icon-accessibility {
    background-image: url("./Images/Icons/accessibility-view.png");
}
.icon-bin {
    background-image: url("./Images/Icons/bin_closed.png");
}
.icon-control-dropdown {
    background-image: url("./Images/Icons/control_dropdown.png");
}
.icon-context-menus {
    background-image: url("./Images/Icons/menus.png");
}
.icon-exclamation {
    background-image: url("./Images/Icons/exclamation.png");
}
.icon-filter {
    background-image: url("./Images/Icons/filter.png");
}
.icon-football {
    background-image: url("./Images/Icons/football.png");
}
.icon-help {
    background-image: url("./Images/Icons/help.png");
}
.icon-info {
    background-image: url("./Images/Icons/info.png");
}
.icon-collaboration {
    background-image: url("./Images/Icons/collaboration-24.png");
}
.icon-lock {
    background-image: url("./Images/Icons/lock.png");
}
.icon-link-go {
    background-image: url("./Images/Icons/link_go.png"); 
}
.icon-map {
    background-image: url("./Images/Icons/world.png");
}
.icon-map-go {
    background-image: url("./Images/Icons/map_go.png");
}
.icon-map-magnify {
    background-image: url("./Images/Icons/map_magnify.png");
}
.icon-measurement {
    background-image: url("./Images/Icons/measurement.png");
}
.icon-menu {
    background-image: url("./Images/Icons/menu.png");
}
.icon-menu-arrow {
    background-image: url("./Images/Icons/menu-close.png");
}
.icon-menu-arrow.close {
    background-image: url("./Images/Icons/menu-expand.png");
}
.icon-new-window {
    background-image: url("./Images/Icons/new_window.png");
}
.icon-next {
    background-image: url("./Images/Icons/resultset_next.png");
}
.icon-prev {
    background-image: url("./Images/Icons/resultset_previous.png");
}
.icon-arrow-up {
    background-image: url("./Images/Icons/arrow_up.png");
}
.icon-data {
    background-image: url("./Images/Icons/database_connect.png");
}
.icon-print {
    background-image: url("./Images/Icons/printer.png");
}
.icon-copy {
    background-image: url("./Images/Icons/copy.png");
}
.icon-advanced {
    background-image: url("./Images/Icons/advanced.png");
}
.icon-import {
    background-image: url("./Images/Icons/page_white_put.png");
}
.icon-edit {
    background-image: url("./Images/Icons/edit.png");
}
.icon-close {
    background-image: url("./Images/Icons/clear-24.png");
}
.icon-toggle {
    background-image: url("./Images/Icons/toggle_minus.png");
}
.closed {
    background-image: url("./Images/Icons/toggle_plus.png");
}
.open {
    background-image: url("./Images/Icons/toggle_minus.png");
}
.icon-tab: {
    background-image: url("./Images/Icons/tab.png");
}
.icon-export {
    background-image: url("./Images/Icons/export.png");
}
.icon-gears {
    background-image: url("./Images/Icons/gears.png");
}
.icon-lock {
    background-image: url("./Images/Icons/lock.png");
}
.icon-lock-open {
    background-image: url("./Images/Icons/lock_open.png");
}
.icon-remove {
    background-image: url("./Images/Icons/bin_closed.png");
}
.icon-button-add {
    background-image: url("./Images/Icons/button-add.png");
}
.icon-toggle-button-add {
    background-image: url("./Images/Icons/button-add.png");
}
.icon-region-add {
    background-image: url("./Images/Icons/region-add.png");
}
.icon-tool-add {
    background-image: url("./Images/Icons/tool-add.png");
}
.icon-splitter-add {
    background-image: url("./Images/Icons/splitter-add.png");
}
.default-icon {
     background-image: url("./Images/Icons/IconPlaceholder24x24.png");
}
.icon-reload {
    background-image: url("./Images/Icons/reload.png");
}
.icon-revert {
    background-image: url("./Images/Icons/revert.png");
}
.icon-shuttlecock {
    background-image: url("./Images/Icons/shuttlecock.png");
}
.icon-north {
    background-image: url("./Images/Icons/north.png");
}
.icon-overview {
    background-image: url("./Images/Icons/overview_map.png");
}
.icon-workflow {
    background-image: url("./Images/Icons/chart_organization.png");  
}
.icon-security {
    background-image: url("./Images/Icons/chart_organization.png");  
}
.icon-viewer {
    background-image: url("./Images/Icons/application-view.png");  
}
.icon-sort {
    background-image: url("./Images/Icons/sort.png");
}
.icon-toggle {
    background-image: url("./Images/Icons/toggle_minus.png");
}
.icon-toggle-unvail {
    background-image: url("./Images/Icons/toggle_unavailable.png");
}
.icon-searchable-on {
    background-image: url("./Images/Icons/searchable-on.png");
}
.icon-searchable-off {
    background-image: url("./Images/Icons/searchable-off.png");
}
.icon-visible-on {
    background-image: url("./Images/Icons/visible-on.png");
}
.icon-visible-off {
    background-image: url("./Images/Icons/visible-off.png");
}
.icon-focus-field-on {
    background-image: url("./Images/Icons/focus-field-on.png");
}
.icon-focus-field-off {
    background-image: url("./Images/Icons/focus-field-off.png");
}
.closed {
    background-image: url("./Images/Icons/toggle_plus.png");
}
.icon-tab: {
    background-image: url("./Images/Icons/tab.png");
}
/* ------ END: Icons ------ */

/* ------ START: jQuery Overrides ------ */

.ui-tabs .ui-tabs-nav LI {
    margin-bottom: 0px;
}
.ui-dialog .ui-dialog-titlebar {
    border: none;
    padding-bottom: 0.6em;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}
/* .ui-dialog-titlebar {
    z-index: 2;
} */
.ui-tabs .ui-tabs-panel {
    border: 1px solid #CCCCCC;
    padding: 15px;
    position: relative;
}
.ui-tabs-panel .section-title-links {
    position: absolute;
    top: 26px;
    right: 30px;
    z-index: 2;
}
.ui-tabs-hide {
    display: none;
}
/* ------ END: jQuery Overrides ------ */

/* ------ START: Horizontal Tab Interface ------ */

.ui-tabs {
    border: none;
    padding: 0;
}
.ui-tabs ul.ui-widget-header {
    background-image: none;
    background-color: Transparent;
    border: none;
    margin-left: 5px;
    position: relative;
    z-index: 3;
}
.ui-tabs ul.ui-widget-header li.ui-tabs-selected {
    background-image: none;
    background-color: #FFFFFF;
    border-color: #CCCCCC;
}
.ui-tabs ul.ui-widget-header .ui-state-default {
    background-image: url("./Images/button_background_grey.png");
    background-position: left bottom;
    background-color: #ffffff;
    border-color: #999999;
}
.ui-tabs ul.ui-widget-header .ui-state-default a, .ui-tabs ul.ui-widget-header .ui-state-default a:hover {
    font-size: 1em;
    color: #777777;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    font-size: 1em;
    color: #333333;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    font-weight: bold;
}

/* ------ END: Horizontal Tab Interface ------ */

/* ------ START: Sticky Footer ------ */

#appFooter {
    background: #F7F7F7 url("./Images/footerBackground.png") repeat-x;
    border-top: 1px solid #FFFFFF;
    color: #999999;
    display: block;
    font-size: 1em;
    padding: 8px 0px;
    position: fixed;
    bottom: 0px;
    right: 0px;
    text-align: right;
    width: 100%;
    z-index: 999;
}
#appFooter p {
    margin: 0px 10px;
    font-size: 0.9em;
}
#appFooter p,
#appFooter a {
    color: #999999;
}
#appFooter a:hover {
    color: #666666;
}

/* ------ END: Sticky Footer ------ */

/* ------ START: Log On Form ------ */

#logOn {
    position: relative;
    width: 500px;
    margin: 5em auto;
}

/* ------ END: Log On Form ------ */

/* ------ START: Empty Classes ------ */

/* Used by JavaScript to reference elements which apply these classes.  They
have been added to the CSS to stop Visual Studio from bringing up warnings about missing class
references */
.inner-dialog-wrap {
}
.confirm-dialog-link, .view-dialog-link, .view-ajax-dialog-link, .wizard-dailog-link {
}

/* ------ END: Empty Classes ------ */

/* ------ START: Error Detected Dialog ----- */

.error {
    color: #FF0000; 
}
.error-list {
    color: #FF0000;
    list-style-type: disc;
    margin-left: 20px;
}
.error-list li {
    margin-bottom: 1em;
}

/* ------ END: Error Detected Dialog ------ */

/* ------ START: Resolutions ------ */

.maximum-resolutions .form-table .form-field {
    width: 500px;
}

/* ------ END: Resolutions ------ */

/* Trick to hide the flash of unstyled content when pages load. See App.Master script which uses this. */

.hide-flash .modal-dialog {
    display: none;
}

/* ------ START: Color Picker ------ */

.color-picker {
    position: relative;
}

.color-picker .text-box {
    float: left;
    width: 60px;
}
.color-picker .ColorPickerDivSample {
    top: 3px;
    position: relative;
}

.color-picker .ColorPickerDivSample.ColorPickerOpacity {
    top: 0px\9; /* IE8 Fix */
}
* * body .color-picker .ColorPickerDivSample.ColorPickerOpacity { top: 0px; } /* IE6 Fix */
* + HTML .color-picker .ColorPickerDivSample.ColorPickerOpacity { top: 0px; } /* IE7 Fix */

/* ------ END: Color Picker ------ */

/* ------ BEGIN: Key Input ------ */

.user-key .text-box {
    width: 420px;
}

/* ------ END: Key Input ------ */

div.attention {
    background-image: url("./Images/Icons/alert.png");
    background-repeat: no-repeat;
    overflow: auto;
    padding-left: 25px; 
}
div.attention p {
    margin: 0px;
}
.ui-autocomplete {
    height: auto;
    overflow: hidden;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    padding: 0px 4px 0px 0px;
    max-height: 300px; 
    overflow-y: auto !important;
}
.ui-autocomplete li.ui-menu-item a {
    padding: 4px 6px;
    width: 500px;
}
.ui-autocomplete .ui-corner-all {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}
.security-dialog-overlay {
    opacity: 0;
}
.security-dialog {
    background-color: #0000ff;
}
/* ------ END: Key Input ------ */

/* ------ START: Alerts ------ */

.alert-box {
    background-image: url(./Images/icons/alert-24x24.png);
    background-repeat: no-repeat;
    background-position: 8px 48%;
    border: 1px solid #cccccc;
    border-radius: 5px;
    font-weight: bold;
    -moz-border-radius: 5px;
    -website-border-radius: 5px;
    margin-bottom: 15px;
    padding: 15px 15px 15px 38px;
}

.message-box {
    border: 1px solid #cccccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -website-border-radius: 5px;
    margin-bottom: 15px;
    padding: 15px 15px 15px 15px;
}

/* ------ END: Alerts ------- */

/* ------ START: Menus ------ */


.menuContainer{
/*overflow:hidden;*/
  position:absolute;
  background-color: #F8F8F8;
  padding:0;
  border: 1px solid #CCCCCC;
  -moz-box-shadow: 2px 2px 5px #666666;
  -webkit-box-shadow: 2px 2px 5px #666666;
  box-shadow: 2px 2px 5px #666666;
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.menuContainer.submenuContainer{
  border-top:none!important;
}

.menuContainer.disabled{
  background-color: #CCCCCC;
}
.menuContainer .line{
  background-color:transparent;
  width:100%;
}
.menuContainer .line.title {
  background-color:black;
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
/*border-bottom:1px solid black;*/
}
.menuContainer.disabled .line.title {
  background-color:#999;
}
.menuContainer .line.title a{
  font-size:14px;
  color:#ccc;
}
.menuContainer td a{
  text-decoration:none;
}
.menuContainer td.voice{
  padding: 5px;
  border-left: 1px solid #FFFFFF;
}
.menuContainer .selected td.voice{
  border-left: 1px solid #EFFAFF;
}
.menuContainer .separator{
  background-color: #DDDDDD;
  border-bottom: 1px solid #FFFFFF;
  height: 1px;
  padding: 0;
  margin: 0;
}
.menuContainer td.img{
  text-align:center;
  background-color:transparent;
  width: 16px;
  padding: 0 5px;
  border-right: 1px solid #DDDDDD;
}
.menuContainer .selected td{
  background-color: #EFFAFF;
}
.menuContainer .selected td a{
  color:#000;
  display:block;
}
.menuContainer .disabled td, .menuContainer .disabled td a {
  color:#555;
}
.rootVoices {
  vertical-align:middle;
  cursor: pointer;
}
.menuInvoker {
    float: left;
}
/* ------ END: Menus ------ */

/* ------ START: Map Preview Tabs ------ */
#previewTabs.ui-widget-content {
    background: none;
    position: relative;
}
#previewTabs 
{
    margin-top: -32px;
}
#previewTabs .ui-tabs-nav {
    display: inline-block;
}
* * body #previewTabs .ui-tabs-nav { display: inline; } /* IE 6 */
* + html #previewTabs .ui-tabs-nav { display: inline; } /* IE 7 */
#previewTabs .ui-tabs-nav { display: inline\9; } /* IE 8 */

* * body #previewTabs { display: inline; } /* IE 6 */
* + html #previewTabs { display: inline; } /* IE 7 */
#previewTabs { display: inline\9; } /* IE 8 */

#mapPreview.ui-tabs-panel,
#layerListPreview.ui-tabs-panel {
    padding: 0;
    width: 380px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
#mapPreview .actions-panel {
    width: 370px;
}
#previewTabs .map-preview {
    border: none;
}
#previewTabs .actions-panel {
    border: none;
}
/* ------ END: Map Preview Tabs ------ */