/* Default CSS Stylesheet for a new Web Application project */
BODY {
    BACKGROUND-COLOR: gray;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: .8em;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
    height: 100%;
    margin: 0;
    padding: 0
}

H1, H2, H3, H4, H5, TH, THEAD, TFOOT {
    COLOR: #003366;
}
H1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 2em;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}

H2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.75em;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}

H3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.58em;
    font-weight: 500;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}

H4 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.33em;
    font-weight: 500;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}

H5, DT {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}

H6 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: .8em;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}

TFOOT, THEAD, TH {
    font-size: 1em;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
    font-family: Arial, Helvetica, sans-serif;
}

TH {
    vertical-align: baseline;
    font-size: 1em;
    font-weight: bold;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
    font-family: Arial, Helvetica, sans-serif;
}

TH {
    background-color: #E6EEEE;
    padding: 4px;
}

tr.odd {
    background-color: #e0dfe3;
}

A:link {
    text-decoration: none;
    color: #3333cc;
}

A:visited {
    text-decoration: none;
    color: #333399;
}

A:active {
    text-decoration: none;
    color: #333399;
}

A:hover {
    text-decoration: underline;
    color: #3333cc;
}

SMALL {
    font-size: .7em;
}

BIG {
    font-size: 1.17em;
}

BLOCKQUOTE, PRE {
    font-family: Courier New, monospace;
}


IMG.gisdk_buttons, IMG.gisdk_tools, IMG.button {
    margin-top: 2px;
    margin-bottom: -3px;
    margin-left: 1px;
    margin-right: -6px;
}

#redistToolBox {
    font-size: smaller;
}

#redistToolBox .gisdk_buttons, #redistToolBox .gisdk_tools {
    vertical-align: center;
}

IMG.radio {
    margin-top: 2px;
    margin-bottom: -3px;
    margin-left: 3px;
    margin-right: -3px;
}

IMG.bookmark {
    margin-top: 2px;
    margin-bottom: -3px;
    margin-left: 1px;
    margin-right: 1px;
}

IMG.sel_button {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 1px;
    margin-right: 0px;
}


.font_resize {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #ffffff;
    cursor: nw-resize;
}

.cursor_move, .drag_handle {
    cursor: move;
}

.resize_handle {
    cursor: nw-resize;
}

.cursor_drag {
    cursor: crosshair;
}

.cursor_info {
    cursor: pointer;
}

.cursor_normal {
    cursor: auto;
}

div.trans45 {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #999999;
    filter: alpha(opacity=45);
    -moz-opacity: 0.45;
    opacity: .45;
    border: 1px solid #999999;
    cursor: wait;
}


/**************************
Text fonts
**************************/

.font_white {
    font-family: tahoma;
    font-size: 10px;
    font-weight: normal;
    color: #ffffff;
}

.font_white_bold {
    font-family: tahoma;
    font-size: 10px;
    font-weight: bold;
    color: #ffffff;
}

.font_green {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #007500;
}

.font_blue {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #0000dd;
}

.font_lightblue {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #00ffff;
}

.font_#888888 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
}

.font_#888888_big {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}


.font_#888888_bold {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
}

.font_#888888_small {
    font-family: tahoma;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
}

.font_#888888_tiny {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1px;
    font-weight: normal;
    color: #000000;
}

.font_#888888_smaller {
    font-family: tahoma;
    font-size: 9px;
    font-weight: normal;
    color: #000000;
}

.font_#888888_smallest {
    font-family: tahoma;
    font-size: 8px;
    font-weight: normal;
    color: #000000;
}

.font_#888888_small_bold {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
}

.font_#888888_small_bold_frame {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    background: #ffffff
}


.font_red {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #ff0000;
}

.font_red_dark {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #cc0066;
}

.font_red_small {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #ff0000;
}

.font_gray_bold {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #666666;
}


.font_gray_small {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
}

.font_orange_bold {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #ff5309;
}

.infoContent {
    overflow: auto;
    background-color: #ffe;
    height: 100%;
    width: 100%;
}

.infoTitle {
    background-color: #b88;
    border: 1px solid #bfbfbf;
    padding: 4px 4px 2px 4px;
    cursor: move;
    white-space: nowrap;
}

/**************************
 windows, boxes
**************************/


.tool_box1 {
    border: 1px solid #888888;
    background-color: #ffffff;
    width: 150px;
    height: 50px;
    margin: 10px;
}

.floating_window {
    border: 1px solid #888888;
    background-color: #ece9e6;
    width: 460px;
    height: auto;
    z-index: 170;
    position: absolute;
    margin: 1px;
}


.floating_toolbar {
    background-color: transparent;
    width: 180px;
    height: 50px;
    z-index: 170;
    position: absolute;
    margin: 1px;
}


.floating_window .title_bar {
    cursor: move;
    border: 1px solid #888888;
    background-image: url(graphics/tool_background.gif);
    border-color: #888888;
    height: 18px !important;
    width: 100%;
    font-family: tahoma;
    font-size: 10px;
    font-weight: bold;
    color: white;
}

.floating_window .title_bar_minimizer {
    cursor: pointer;
    border: 1px solid #000088;
    background-image: url(graphics/tool_background.gif);

    border-color: #008888;
    height: 15px !important;
    width: 15px;
    font-family: tahoma;
    font-size: 10px;
    font-weight: bold;
    color: white;
}

.floating_window .title_bar_dock {
    cursor: move;
    border: 1px solid #888888;
    background-image: url(graphics/tool_background_dock.gif);
    border-color: #888888;
    height: 15px !important;
    width: 100%;
    font-family: tahoma;
    font-size: 10px;
    font-weight: bold;
    color: white;
}

.floating_window .title_bar_minimizer_dock {
    cursor: pointer;
    border: 1px solid #000088;
    background-image: url(graphics/tool_background_dock.gif);

    border-color: #008888;
    height: 15px !important;
    width: 15px;
    font-family: tahoma;
    font-size: 10px;
    font-weight: bold;
    color: white;
}

.map_footer {
    height: 25px;
}


.info_layer {
    background-color: #ffffcc;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #773300;
}

.info_field {
    background-color: #ccffcc;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: #007700;
}

.info_value, .info_link {
    background-color: #eeffff;
    font-family: tahoma;
    font-size: 9px;
    font-weight: normal;
    color: #000000;
}

.info_value_summary {
    background-color: #ffdddd;
    font-family: tahoma;
    font-size: 9px;
    font-weight: normal;
    color: #000000;
}



.editable_field {
    background-color: #d7fded;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: #007700;
}

.editable_field_checked {
    background-color: #b4fab6;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: #007700;
}

.select_box {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: blue;
    width: 150px;
    padding: 1px 1px 1px 1px;
    overflow: visible;
}

.input_text {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: blue;
    padding: 6px 6px 6px 6px;
    width: 300;
    height: auto;

}


.table_container {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: blue;
    padding: 6px 6px 6px 6px;
}


.list_container select option {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: blue;
    padding: 10px 10px 10px 10px;
    line-height: 14px;
    padding-left: 10px;
    padding-right: 10px;
}


.list_container th {
    border: 1px solid #888888;
    background-image: url(graphics/tool_background.gif);
    border-color: #888888;
    height: 15px;
    width: 98%;
    font-family: tahoma;
    font-size: 10px;
    font-weight: bold;
    color: white;
}

.list_container td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #888888;
    padding: 6px 6px 6px 6px;
}


.list_container input {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: blue;
    padding: 6px 6px 6px 6px;
    height: auto;
}

.list_container input[type=text] {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: blue;
    padding: 6px 6px 6px 6px;
    height: auto;
}


.ui-selecting {
    background: #FECA40;
}

.ui-selected {
    background: #FFFF66;
    color: blue;
}

.caliperDBox .layoutTable {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20;
}

div.caliperDBox div.errorbox {
    display: none;
}

.caliperDBox label.error {
    display: block;
    color: red;
    font-style: italic;
    font-weight: normal;
}


.legendGridCell {
    font-size: 8pt;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    background: white;
    text-align: left;
    height: 25px;
}

.legendGridHeader {
    font-size: 8pt;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
    background: #E6EEEE;
    text-align: left;
    height: 25px;
}

.legendGridButton {
    font-size: 8pt;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
    background: white;
    text-align: left;
}

#details_container {
    width: 380px;
    min-width: 380px;
    height: 254px;
    min-height: 254px;
}

/* Skin */

.tabs-nav {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.tabs-nav:after {
    /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    list-style-type: none;
    float: left;
    margin: 10 0 0 1px;
    min-width: 54px;
    /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(tab.png) no-repeat;
}
.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #27537a;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    /* required in IE 6 */
}
.tabs-nav .tabs-selected a {
    color: #000;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0;
    /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 54px;
    /* IE 6 treats width as min-width */
    min-width: 54px;
    height: 18px;
    /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 4px;
    padding-right: 0;
}
*>.tabs-nav a span {
    /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 5px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited {
    /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    border-top: 0px solid #97a5b0;
    padding: 1em 2px;
    height: 15px;
    margin: -10 0 -15 1px;
    background: #ece9e6;
    /* declare background color for container to avoid distorted fonts in IE while fading */
}
div.tabs-hide {
    display: none;
}
.tabs-loading em {
    padding: 0 0 0 2px;
    background: url(loading.gif) no-repeat 0 50%;
}

#plan_list {
    max-height: 40% !important;
}

.default-background {
    background-color: #0077E0;
}

.branding-visible {
    visibility: visible !important;
}

.branding-invisible {
    visibility: hidden !important;
}

.background-table {
    width: 100%;
}

@media (max-width:1200px) {
    .custom-background {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 0;
        background-color: #cfcfcf !important;
    }
}

@media (min-width:1201px) and (max-width:1919px) {
    .custom-background {
        background-size: 60%;
        background-repeat: no-repeat;
        background-position: 50% 0;
        background-color: #cfcfcf !important;
    }
}

@media (min-width:1920px) {
    .custom-background {
        background-size: 60%;
        background-repeat: no-repeat;
        background-position: 50% 0;
        background-color: #cfcfcf !important;
    }
}