﻿html, body {
    margin: 0;
    padding: 0;
    border: 0 none;
    overflow: hidden;
    height: 100%;
    width: 100%;
}
/*
.x-viewport body 
{
	border:0 none;
	height:100%;
	margin:0;
	overflow:hidden;
	padding:0;
    background-color:#EDEDED;
	background-image:url(../images/fundo_boticas.gif);
	background-repeat:repeat-x;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	
}
*/
.tableTop tr {
    background: url('../images/cabecalho/close_repeat.jpg') repeat-x left 50%;
    display: block;
    height: 50px;
}

.tableInTop tr {
    background: url(../images/cabecalho/banner.jpg) repeat-x scroll left;
    display: block;
}

#divCabecalho {
    /*
	background:	transparent url(../extjs/resources/images/default/layout/panel-title-bg.gif);
	*/
    font-size: 20pt;
    vertical-align: middle;
    font-weight: bold;
    padding-left: 6px;
    float: left;
    height: 100%;
    width: 100%;
}

.TopBackCadastro {
    background: url(../images/cabecalho/MAPA-GERAL-DO-CADASTRO.gif) no-repeat;
    height: 50px;
    width: 640px;
    display: block;
}

.TopBack {
    background: url(../images/cabecalho/page_title.jpg) no-repeat;
    height: 50px;
    width: 805px;
    display: block;
}

.TopBackPL {
    background: url(../images/cabecalho/emissao-plantas-localizacao.jpg) no-repeat;
    height: 50px;
    width: 805px;
    display: block;
}

.TopBackPDMSoure {
    background: transparent no-repeat;
    height: 55px;
    width: 900px;
    display: block;
}

.TopBackOeirasPL {
    background: url(../images/cabecalho/emissao-plantas-oeiras.jpg) no-repeat;
    height: 50px;
    width: 805px;
    display: block;
}

.TopBackPDM {
    background: url(../images/cabecalho/pdm_oeiras.jpg) no-repeat;
    height: 50px;
    width: 805px;
    display: block;
}

.TopBackPDMSoure {
    background: url(../images/cabecalho/pdm-soure.jpg) no-repeat;
    height: 55px;
    width: 900px;
    display: block;
}

.TopBackEPLSoure {
    background: url(../images/cabecalho/epl-soure.jpg) no-repeat;
    height: 55px;
    width: 900px;
    display: block;
}

.TopBackGeobrasSoure {
    background: url(../images/cabecalho/geobras-soure.jpg) no-repeat;
    height: 55px;
    width: 900px;
    display: block;
}

.TopBackPDMCabeceiras {
    background: url(../images/cabecalho/pdm_cabeceiras.jpg) no-repeat;
    height: 55px;
    width: 900px;
    display: block;
}

.TopBackEPLCabeceiras {
    background: url(../images/cabecalho/epl_cabeceiras.jpg) no-repeat;
    height: 55px;
    width: 900px;
    display: block;
}

.TopBackPDMPenacova {
    background: url(../images/cabecalho/pdm-penacova.jpg) no-repeat;
    height: 50px;
    width: 900px;
    display: block;
}

.TopBackEPLPenacova {
    background: url(../images/cabecalho/epl-penacova.jpg) no-repeat;
    height: 50px;
    width: 900px;
    display: block;
}

.TopBackPDMFigueiro {
    background: url(../images/cabecalho/pdm-figueiro-vinhos.jpg) no-repeat;
    height: 55px;
    width: 900px;
    display: block;
}

.TopBackPDMGois {
    background: url(../images/cabecalho/pdm-gois.jpg) no-repeat;
    height: 55px;
    width: 900px;
    display: block;
}

.TopBackPDMMCORVO {
    background: url(../images/cabecalho/pdm.jpg) no-repeat;
    height: 50px;
    width: 805px;
    display: block;
}

.TopBackPDMPGrande {
    background: url(../images/cabecalho/pdm.jpg) no-repeat;
    height: 50px;
    width: 805px;
    display: block;
}

.TopBackPDMChaves {
    background: url(../images/cabecalho/pdm-chaves.jpg) no-repeat;
    height: 50px;
    width: 900px;
    display: block;
}

.TopBackPLChaves {
    background: url(../images/cabecalho/emissao-plantas-chaves.jpg) no-repeat;
    height: 55px;
    width: 900px;
    display: block;
}

.TopBackPDMVCambra {
    background: url(../images/cabecalho/pdm_vcambra_verde.jpg) no-repeat;
    height: 55px;
    width: 900px;
    display: block;
}

.TopBackPLVCambra {
    background: url(../images/cabecalho/emissao-plantas-vcambra-verde.jpg) no-repeat;
    height: 55px;
    width: 900px;
    display: block;
}

.TopBackGEOBRASVCambra {
    background: url(../images/cabecalho/geobras_vcambra.jpg) no-repeat;
    height: 50px;
    width: 900px;
    display: block;
}

.TopBackPDMBoticas {
    background: url(../images/cabecalho/pdm-boticas.jpg) no-repeat;
    height: 50px;
    width: 900px;
    display: block;
}

.TopBackPLBoticas {
    background: url(../images/cabecalho/emissao-plantas-boticas.jpg) no-repeat;
    height: 50px;
    width: 900px;
    display: block;
}

.TopBackPDMCBranco {
    background: url(../images/cabecalho/pdm-castelo-branco.jpg) no-repeat;
    height: 55px;
    width: 900px;
    display: block;
}

.TopBackPLCBranco {
    background: url(../images/cabecalho/emissao-plantas-castelo-branco.jpg) no-repeat;
    height: 55px;
    width: 900px;
    display: block;
}

.TopBackPDMProenca {
    background: url(../images/cabecalho/pdm-proenca-nova.jpg) no-repeat;
    height: 55px;
    width: 900px;
    display: block;
}

.TopBackPLProenca {
    background: url(../images/cabecalho/emissao-plantas-proenca-nova.jpg) no-repeat;
    height: 50px;
    width: 900px;
    display: block;
}

.TopBackPDMVPacos {
    background: url(../images/cabecalho/pdm-valpacos.jpg) no-repeat;
    height: 50px;
    width: 900px;
    display: block;
}

.TopBackPLVPacos {
    background: url(../images/cabecalho/emissao-plantas-valpacos.jpg) no-repeat;
    height: 50px;
    width: 900px;
    display: block;
}

.TopBackPLMontalegre {
    background: url(../images/cabecalho/emissao-plantas-montalegre.jpg) no-repeat;
    height: 55px;
    width: 900px;
    display: block;
}

.TopBackPDMMontalegre {
    background: url(../images/cabecalho/pdm-montalegre.jpg) no-repeat;
    height: 50px;
    width: 900px;
    display: block;
}

.TopBackPDMRPena {
    background: url(../images/cabecalho/pdm-ribeira-de-pena.jpg) no-repeat;
    height: 50px;
    width: 900px;
    display: block;
}

.TopBackPLRPena {
    background: url(../images/cabecalho/emissao-plantas-ribeira-de-pena.jpg) no-repeat;
    height: 50px;
    width: 900px;
    display: block;
}

.TopBackPDMVVRodao {
    background: url(../images/cabecalho/pdm.jpg) no-repeat;
    height: 50px;
    width: 805px;
    display: block;
}

.TopBackPDMVPAguiar {
    background: url(../images/cabecalho/pdm-vpaguiar.jpg) no-repeat;
    height: 50px;
    width: 900px;
    display: block;
}

.TopBackPLVPAguiar {
    background: url(../images/cabecalho/emissao-plantas-vpaguiar.jpg) no-repeat;
    height: 50px;
    width: 900px;
    display: block;
}

.TopBackEstatisticos {
    background: url(../images/cabecalho/estatisticos.jpg) no-repeat;
    height: 50px;
    width: 805px;
    display: block;
}

.TopBackGoProtec {
    background: url(../images/cabecalho/goprotec.jpg) no-repeat;
    height: 50px;
    width: 805px;
    display: block;
}

.TopBackRoteiroOeiras {
    background: url(../images/cabecalho/roteiro_turistico_oeiras.jpg) no-repeat;
    height: 50px;
    width: 805px;
    display: block;
}

.TopBackEquipamentosOeiras {
    background: url(../images/cabecalho/equipamentos_empresas_oeiras.jpg) no-repeat;
    height: 50px;
    width: 805px;
    display: block;
}

.TopBackFototecaAcores {
    background: url(../images/cabecalho/roteiro_turistico_oeiras.jpg) no-repeat;
    height: 50px;
    width: 805px;
    display: block;
}

.TextTop {
    height: 50px;
    padding-top: 25px;
    text-align: right;
    font-variant: small-caps;
    font-family: Verdana;
    font-weight: bold;
    font-style: normal;
    font-size: 20px;
    color: Gray;
    /*color:#738AB4;*/
}

.TextTopOeiras {
    height: 50px;
    padding-top: 25px;
    text-align: right;
    font-variant: small-caps;
    font-family: Verdana;
    font-weight: bold;
    font-style: normal;
    font-size: 20px;
    /*color:Gray;*/
    color: White;
    /*color:#738AB4;*/
}

.TextTopVCambra {
    height: 50px;
    padding-top: 25px;
    text-align: right;
    font-variant: small-caps;
    font-family: Verdana;
    font-weight: bold;
    font-style: normal;
    font-size: 20px;
    color: White;
}

.TextTopProenca {
    height: 50px;
    padding-top: 25px;
    text-align: right;
    font-variant: small-caps;
    font-family: Verdana;
    font-weight: bold;
    font-style: normal;
    font-size: 20px;
    color: #f0f0f0;
}

.regulamentosText {
    font: bold 10px arial, tahoma;
}

.printPageHeader {
    height: 20px;
    font-weight: bold;
    text-align: center;
}

.printPageContent {
    height: 140px;
    overflow: auto;
}

.pdfUrlClass {
    text-align: left;
    padding-left: 3px;
}

.txtPlantas {
    color: #606060;
    font-family: arial,verdana,tahoma,helvetica,sans-serif;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: normal;
}

#header {
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background-color: Transparent;
    bottom: 0;
    color: white; /*#323131;*/
    line-height: 17px;
    position: absolute;
    width: 100%;
    z-index: 5;
    font-family: Verdana;
}

.header_links {
    vertical-align: middle;
    text-align: right;
    font-size: 10px;
    padding-right: 5px;
}

    .header_links a {
        color: white; /*#323131;*/
        font-size: 10px;
        font-weight: lighter;
        padding: 0 5px;
        text-decoration: none;
        outline-color: -moz-use-text-color;
        outline-style: none;
        outline-width: medium;
    }


/*
 * Ext JS Library 2.2.1
 * Copyright(c) 2006-2009, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */

.ux-mselect {
    overflow: auto;
    background: none repeat scroll 0 0 transparent;
    position: relative; /* for calculating scroll offsets */
    /*zoom:1;*/
    overflow: auto;
}

.ux-mselect-item {
    font: normal 12px tahoma, arial, helvetica, sans-serif;
    padding: 2px;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer;
}

.ux-mselect-selected {
    border: 1px dotted #a3bae9 !important;
    background: #DFE8F6;
    cursor: pointer;
}

.x-view-drag-insert-above {
    border-top: 1px dotted #3366cc;
}

.x-view-drag-insert-below {
    border-bottom: 1px dotted #3366cc;
}

.textarea-readonly {
    background-color: #EEE9E9;
    color: #000000;
    cursor: default;
    border-style: none;
}

.txtvalidacaoform {
    font-weight: bold;
    color: #91A341;
    text-align: center;
}

.gx-filterbuilder .x-toolbar {
    background: transparent;
    border: none !important;
}

/*
.x-form-item label {
    clear: left;
    display: block;
    color: black;
    float: left;
    padding: 3px 3px 3px 0;
    position: relative;
    width: 100px;
    z-index: 2 !important;
}
*/
#tabs-toponimia .x-panel-mc .x-panel-body {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.toponimia-search-form .x-form-label-top .x-form-item {
    padding-bottom: 0;
}

.toponimia-form .x-panel-header {
    font: bold 15px tahoma,arial,verdana,sans-serif;
}

.toponimia-form .x-form {
    padding: 10px;
    border: 1px solid #D3D3D3;
}

.toponimia-form .x-field-codigo {
    font: bold 14px Courier New,Lucida Console,Monaco;
    letter-spacing: 3px;
    text-decoration: underline;
}
/*.x-form-invalid, textarea.x-form-invalid {
    background: url(../images/util/invalid_line.gif) repeat-x scroll center bottom #FFFFFF !important;
    border: 1px solid #DD7870 !important;
}*/
.x-window-dlg .ext-mb-ok {
    background: transparent url(../images/util/ok1.png) no-repeat top left;
}

.ext-mb-text a {
    color: #ffffff;
}

.x-window-dlg .ext-mb-export-report,
.x-dlg-icon.ext-mb-export-report {
    background: transparent url("../images/util/excel_download.png") no-repeat top left;
    width: 32px !important;
}

.x-window-dlg .ext-mb-export-csv,
.x-dlg-icon.ext-mb-export-csv {
    background: transparent url("../images/util/excel_download.png") no-repeat top left;
    width: 32px !important;
}

.x-window-dlg .ext-mb-export-pdf,
.x-dlg-icon.ext-mb-export-pdf {
    background: transparent url("../images/util/download-pdf-icon.png") no-repeat top left;
    width: 32px !important;
}

.x-window-dlg .ext-mb-export,
.x-dlg-icon.ext-mb-export {
    background: transparent url("../images/util/file-downloads-icon.png") no-repeat top left;
    width: 32px !important;
}

.x-message-box-ok {
    background: url("../images/util/ok1.png") no-repeat scroll left top transparent;
    width: 32px !important;
}

.x-message-box.custom-center-message .x-box-inner .x-container div.x-container-default {
    left: 32px !important;
}

.x-message-box.custom-center-message .x-container.x-box-item.x-container-default table {
    margin-left: auto;
    margin-right: auto;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.fclear {
    clear: both;
}

#msg-div {
    position: absolute;
    /*left: 35%;*/
    margin-left: auto;
    margin-right: auto;
    top: 0px;
    width: 250px;
    z-index: 20000;
}
/*
.grid-npolicia .x-grid3-cell-first .x-grid3-cell-inner {
    padding-left: 16px;
}
*/
.icon-add-npolicia {
    background-image: url("../images/toolbar/add.png") !important;
    background-repeat: no-repeat;
    /*float: right;*/
    position: relative;
    right: 30px;
    line-height: 16px;
    margin: 0 4px 0 0;
    padding-left: 20px;
    text-transform: uppercase;
    vertical-align: middle;
}

    .icon-add-npolicia.hidden {
        visibility: hidden;
        display: none;
    }

/* = STEPS CONTAINER
----------------------------*/
/*
.wizard-steps {
    margin: 10px 10px 20px;
    height: 25px;
    left: 12px;
    padding: 0px;
    position: relative;
    clear:both;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
}
.wizard-steps div {
    position:relative;
}
*/
/* = STEPS CONTAINER
----------------------------*/
.wizard-steps {
    margin: 10px 10px 20px;
    height: 25px;
    left: 12px;
    padding: 0px;
    position: relative;
    clear: both;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
}

    .wizard-steps .step {
        position: relative;
    }

    .wizard-steps div {
        float: left;
        margin-left: -2px;
    }

    /* = STEP NUMBERS
----------------------------*/
    .wizard-steps span {
        display: block;
        float: left;
        font-size: 10px;
        text-align: center;
        width: 15px;
        margin: 2px 5px 0px 0px;
        line-height: 15px;
        color: #ccc;
        background: #FFF;
        border: 2px solid #CCC;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }
    /* = DEFAULT STEPS
----------------------------*/
    .wizard-steps a {
        position: relative;
        display: block;
        width: auto;
        height: 24px;
        margin-right: 18px;
        padding: 0px 10px 0px 3px;
        float: left;
        font-size: 11px;
        line-height: 24px;
        color: #666;
        background: #F0EEE3;
        text-decoration: none;
        text-shadow: 1px 1px 1px rgba(255,255,255, 0.8);
    }

        .wizard-steps a:before {
            width: 0px;
            height: 0px;
            border-top: 12px solid #F0EEE3;
            border-bottom: 12px solid #F0EEE3;
            border-left: 12px solid transparent;
            position: absolute;
            content: "";
            top: 0px;
            left: -12px;
        }

        .wizard-steps a:after {
            width: 0;
            height: 0;
            border-top: 12px solid transparent;
            border-bottom: 12px solid transparent;
            border-left: 12px solid #F0EEE3;
            position: absolute;
            content: "";
            top: 0px;
            right: -12px;
        }

    /* = COMPLETED STEPS
----------------------------*/

    .wizard-steps .completed-step a {
        color: #163038;
        background: #A3C1C9;
    }

        .wizard-steps .completed-step a:before {
            border-top: 12px solid #A3C1C9;
            border-bottom: 12px solid #A3C1C9;
        }

        .wizard-steps .completed-step a:after {
            border-left: 12px solid #A3C1C9;
        }

    .wizard-steps .completed-step span {
        border: 2px solid #163038;
        color: #163038;
        text-shadow: none;
    }
    /* = ACTIVE STEPS
----------------------------*/
    .wizard-steps .active-step a {
        color: #A3C1C9;
        background: #163038;
        text-shadow: 1px 1px 1px rgba(0,0,0, 0.8);
    }

        .wizard-steps .active-step a:before {
            border-top: 12px solid #163038;
            border-bottom: 12px solid #163038;
        }

        .wizard-steps .active-step a:after {
            border-left: 12px solid #163038;
        }

    .wizard-steps .active-step span {
        color: #163038;
        -webkit-box-shadow: 0px 0px 2px rgba(0,0,0, 0.8);
        -moz-box-shadow: 0px 0px 2px rgba(0,0,0, 0.8);
        box-shadow: 0px 0px 2px rgba(0,0,0, 0.8);
        text-shadow: none;
        border: 2px solid #A3C1C9;
    }
    /* = HOVER STATES
----------------------------*/
    .wizard-steps .completed-step:hover a, .wizard-steps .active-step:hover a {
        color: #fff;
        background: #8F061E;
        text-shadow: 1px 1px 1px rgba(0,0,0, 0.8);
    }

    .wizard-steps .completed-step:hover span, .wizard-steps .active-step:hover span {
        color: #8F061E;
    }

    .wizard-steps .completed-step:hover a:before, .wizard-steps .active-step:hover a:before {
        border-top: 12px solid #8F061E;
        border-bottom: 12px solid #8F061E;
    }

    .wizard-steps .completed-step:hover a:after, .wizard-steps .active-step:hover a:after {
        border-left: 12px solid #8F061E;
    }

div.wizard-progtrckr {
    margin-bottom: 17px; /*25px;*/
}

ol.progtrckr {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    ol.progtrckr li {
        display: inline-block;
        text-align: center;
        line-height: 3em;
    }

        ol.progtrckr li > span {
            color: #656551; /*#999999;*/
            font: 110% "Trebuchet MS",Helvetica,Arial,sans-serif;
            font-variant: small-caps;
        }

    ol.progtrckr[data-progtrckr-steps="2"] li {
        width: 49%;
    }

    ol.progtrckr[data-progtrckr-steps="3"] li {
        width: 33%;
    }

    ol.progtrckr[data-progtrckr-steps="4"] li {
        width: 24%;
    }

    ol.progtrckr[data-progtrckr-steps="5"] li {
        width: 19%;
    }

    ol.progtrckr[data-progtrckr-steps="6"] li {
        width: 16%;
    }

    ol.progtrckr[data-progtrckr-steps="7"] li {
        width: 14%;
    }

    ol.progtrckr[data-progtrckr-steps="8"] li {
        width: 12%;
    }

    ol.progtrckr[data-progtrckr-steps="9"] li {
        width: 11%;
    }

    ol.progtrckr li.progtrckr-done {
        color: black;
        border-bottom: 4px solid yellowgreen;
    }

    ol.progtrckr li.progtrckr-active {
        color: black;
        border-bottom: 4px solid #FFCC00;
    }

    ol.progtrckr li.progtrckr-todo {
        color: silver;
        border-bottom: 4px solid silver;
    }

    ol.progtrckr li:after {
        content: "\00a0\00a0";
    }

    ol.progtrckr li:before {
        position: relative;
        bottom: -2.5em;
        float: left;
        left: 50%;
        line-height: 1em;
    }

    ol.progtrckr li.progtrckr-done:before {
        content: "\2713";
        color: white;
        background-color: yellowgreen;
        height: 1.2em;
        width: 1.2em;
        line-height: 1.2em;
        border: none;
        border-radius: 1.2em;
    }

    ol.progtrckr li.progtrckr-active:before {
        content: "\2713";
        color: white;
        background-color: #FFCC00;
        height: 1.2em;
        width: 1.2em;
        line-height: 1.2em;
        border: none;
        border-radius: 1.2em;
    }

    ol.progtrckr li.progtrckr-todo:before {
        content: "\039F";
        color: silver;
        background-color: white;
        font-size: 1.5em;
        bottom: -1.6em;
    }

/** WINDOW SUGESTÃO **/
.sugestao-window .x-tool .x-mask {
    background: none repeat scroll 0 0 #E8E8E8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    WIDTH: 100%;
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}

.sugestao-window div.x-tool {
}

.sugestao-window .x-tool-home-sugestao {
    background-image: url("../images/mapa/home_sug2.png") !important;
    background-position: 0 center !important;
    background-repeat: no-repeat !important;
    height: 24px !important;
    width: 24px !important;
}

.sugestao-window .x-tool-create-sugestao {
    /*background-image: url("../images/mapa/add_sug.png") !important;*/
    background-image: url("../images/mapa/adicionar_ocorrencia_v2.png") !important;
    background-position: 0 center !important;
    background-repeat: no-repeat !important;
    height: 24px !important;
    width: 24px !important;
}

.sugestao-window .x-tool-search-sugestao {
    background-image: url("../images/mapa/search_button_sug.png") !important;
    background-position: 0 center !important;
    background-repeat: no-repeat !important;
    height: 24px !important;
    width: 24px !important;
}

.sugestao-window .x-tool-search-result-sugestao {
    background-image: url("../images/mapa/list_search.png") !important;
    background-position: 0 center !important;
    background-repeat: no-repeat !important;
    height: 24px !important;
    width: 24px !important;
}

.sugestao-window .x-tool-indicators-sugestao {
    background-image: url("../images/mapa/chart_sug.png") !important;
    background-position: 0 center !important;
    background-repeat: no-repeat !important;
    height: 24px !important;
    width: 24px !important;
}

.sugestao-window .x-tool-close-sugestao {
    background-image: url("../images/mapa/close_sug.png") !important;
    background-position: 0 center !important;
    background-repeat: no-repeat !important;
    height: 24px !important;
    width: 24px !important;
}

/** MAIN SUGESTÃO PANEL */

.sugestao-txt {
    color: #666666;
    text-align: justify;
}

.sugestao-previous-btn {
    background-image: url('../images/util/new-go-previous.png');
}

.sugestao-next-btn {
    background-image: url('../images/util/new-go-next.png');
}

.sugestao-save-btn {
    background-image: url('../images/util/save_add.png');
}

.sugestao-update-btn {
    background-image: url('../images/util/save_accept.png');
}

.sugestao-print-btn {
    background-image: url('../images/util/print.png');
}


.manage-formgrid-sugestoes-panel,
.manage-formgrid-sugestoes-panel p,
.manage-formgrid-sugestoes-panel span,
.manage-formgrid-sugestoes-panel .x-form-display-field,
/*.manage-formgrid-sugestoes-panel .x-box-item,*/
.create-sugestoes-panel,
.create-sugestoes-panel p,
.create-sugestoes-panel label,
.create-sugestoes-panel span,
.sugestoes-panel,
.sugestoes-panel p,
.sugestoes-panel label,
.sugestoes-panel span {
    /*font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;*/
    font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
    color: #8C8C73; /*#3E3E3E;*/ /*#381704;*/
    text-align: justify;
    line-height: 1.6em;
}

.sugestoes-panel {
    padding: 5px;
}

    /*.sugestoes-panel label,*/
    .sugestoes-panel p {
        font-size: 1em;
        font-weight: normal;
        line-height: 2em; /*1.6em;*/
        padding: 5px;
        margin: 0 0 20px;
    }

    .create-sugestoes-panel .x-field label,
    .sugestoes-panel .x-field label {
        color: #656551;
        margin-right: 5px;
    }

    .create-sugestoes-panel .x-form-display-field,
    .create-sugestoes-panel label,
    .create-sugestoes-panel .x-box-item,
    .sugestoes-panel .x-form-display-field,
    .sugestoes-panel .x-box-item,
    .sugestoes-panel label {
        color: #656551;
    }

    .sugestoes-panel table {
        /*margin: 0 0 20px;
	text-align: center;
    width: 100%;*/
    }

.create-sugestoes-panel .x-panel .sugestoes-panel .x-panel {
    text-align: justify;
    width: 100%;
}

.sugestoes-extra-info {
    font-family: Arial,Helvetica,sans-serif !important;
    font-weight: normal;
    font-size: 8pt;
    line-height: normal !important;
    text-align: justify;
    color: #8C8C73 !important;
}

.sugestoes-panel .x-btn-default-small .x-btn-inner,
.sugestoes-panel .x-btn-default-meddium .x-btn-inner,
.sugestoes-panel .x-btn-default-large .x-btn-inner {
    color: #8C8C73;
    font-size: 11px;
    font-weight: bolder;
    /*margin-left: 15px; */
    text-transform: capitalize;
}

.sugestoes-panel .cbox {
    padding: 5px;
}

    .sugestoes-panel .cbox .x-box-item,
    .sugestoes-panel .cbox .x-form-display-field,
    .sugestoes-panel .cbox label,
    .sugestoes-panel .cbox .x-form-item {
        letter-spacing: 0.7px;
        font-size: 11px;
        color: #8C8C73 !important;
        font-weight: normal;
        line-height: 2em; /*1.6em;*/
        height: 2em;
        padding: 0px;
        /*margin: 0 0 20px;*/
    }

    .sugestoes-panel .cbox a.x-box-item {
        color: #046CE2 !important;
        text-decoration: underline;
    }
/** CREATE PANEL */
.manage-sugestoes-panel fieldset,
.manage-formgrid-sugestoes-panel fieldset,
.indicators-sugestoes-panel fieldset,
.result-search-sugestoes-panel fieldset,
.search-sugestoes-panel fieldset,
.create-sugestoes-panel fieldset {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 5px 10px;
    margin: 0;
    /*-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);*/
    position: relative;
}

.manage-sugestoes-panel fieldset,
.manage-formgrid-sugestoes-panel fieldset {
    padding: 4px 10px;
}

.indicators-sugestoes-panel fieldset {
    padding: 3px 5px;
}

.manage-sugestoes-panel legend,
.manage-formgrid-sugestoes-panel legend,
.indicators-sugestoes-panel legend,
.result-search-sugestoes-panel legend,
.search-sugestoes-panel legend,
.create-sugestoes-panel legend {
    color: #656551; /*#666666;*/
    font: bold 11px/14px 'Helvetica Neue',Arial,Helvetica,sans-serif;
    text-rendering: optimizelegibility;
    letter-spacing: 2px;
}

.xy-sugestao-btn {
    background-image: url('../images/toolbar/map_with_pin-y.png');
}

.x-btn-pressed .xy-sugestao-btn {
    background-image: url('../images/mapa/marker-blue-icon-32.png');
}

.point-sugestao-btn {
    background-image: url('../images/toolbar/i_draw_point.png');
    background-position: center center;
}

.line-sugestao-btn {
    background-image: url('../images/toolbar/i_draw_line.png');
    background-position: center center;
}

.polygon-sugestao-btn {
    background-image: url('../images/toolbar/i_draw_poly.png');
    background-position: center center;
}

/*.create-sugestoes-panel label,*/
.create-sugestoes-panel p {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.6em;
    padding: 0px;
    text-align: justify;
    margin: 0 0 20px;
}
/*
.create-sugestoes-panel label,
.create-sugestoes-panel .x-form-display-field
{
	color: #666666;
}*/

/** SEARCH SUGESTÔES **/
.indicators-accordion .x-panel-header-text,
.search-accordion .x-panel-header-text {
    color: #666666;
    font-family: tahoma,arial,verdana,sans-serif;
    font-style: italic;
    font-weight: bold;
}

.thumb-wrap {
    margin: 5px 8px 15px 5px;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

    blockquote:hover {
        /*cursor: pointer;*/
        /*background-color: #f1efe5;*/
        background-color: #c5c3b3;
    }

        blockquote:hover span.category,
        blockquote:hover span.code,
        blockquote:hover span.state {
            /*color:#000000;*/
            color: #fff;
            text-shadow: 1px 1px #9a9c8f;
        }

.reviewquote {
    padding: 10px; /*30px;*/
    background: white;
    margin-bottom: 10px; /*19px;*/
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2); /* 2px 2px 4px 3px rgba(0, 0, 0, 0.2);*/
    -moz-box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2);
}

.reviewquote-content {
    margin-bottom: 5px; /*19px;*/
    color: #777;
    text-align: left;
}

.reviewquote-stars {
    font-style: normal;
}

.reviewquote-content span {
    line-height: 1.2em;
}

    .reviewquote-content span.category {
        color: #624b4a;
        font-family: "proxima-nova-condensed", helvetica, arial, sans-serif;
        text-transform: uppercase;
        font-weight: bold;
        display: block;
        font-size: 0.9em;
    }

    .reviewquote-content span.code1 {
        font-family: georgia, times, serif;
        font-style: italic;
        color: #9e907a;
        font-size: 12px;
        display: block;
        padding: 8px 0;
        text-shadow: 1px 1px #fff;
        text-transform: none;
        font-weight: normal;
    }

    .reviewquote-content span.local {
        font-size: 12px;
        font-family: georgia, times, serif;
        font-style: italic;
        color: #616358;
        padding: 10px 0 5px 0;
        clear: both;
        text-transform: none;
        font-weight: normal;
        line-height: 18px;
    }

    .reviewquote-content span.code,
    .reviewquote-content span.date {
        font-family: georgia, times, serif;
        font-style: italic;
        color: #9e907a;
        font-size: 12px;
        display: block;
        padding: 4px 0; /*8px 0 4px 0;*/
        text-shadow: 1px 1px #fff;
        text-transform: none;
        font-weight: normal;
    }

    .reviewquote-content span.state {
        font-family: "proxima-nova-condensed", helvetica, arial, sans-serif;
        text-transform: uppercase;
        color: #c5c3b3;
        font-size: 12px;
        margin: 2px 0 0 0;
        padding: 0;
        font-weight: normal;
    }

.reviewquote div.selectitem,
.reviewquote div.viewonmap {
    color: #269dd9;
    font-style: italic;
    text-align: right;
    cursor: pointer;
    text-transform: lowercase;
}

.result-proximity-grid .reviewquote-content span.category {
    text-align: center;
}

.thumb-wrap {
    margin: 8px 8px 8px 8px;
}

/** MANAGE SUGSTOES **/
.viewonmap-sugestao-btn {
    background-image: url('../images/toolbar/map2.png');
    height: 28px !important;
    width: 48px !important;
}

.manage-formgrid-sugestoes-panel .x-column-header-inner {
    text-align: center;
}

.manage-formgrid-sugestoes-panel .norecord .x-form-display-field,
.manage-formgrid-sugestoes-panel .norecord.x-box-item {
    font-weight: bold;
    text-align: center;
    font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
    color: #8C8C73; /*#3E3E3E;*/ /*#381704;*/
    line-height: 1.6em;
}

.manage-formgrid-sugestoes-panel label,
.manage-formgrid-sugestoes-panel .textfield-noborder .x-form-field {
    color: #8C8C73 !important;
}

.manage-formgrid-sugestoes-panel label {
    line-height: 22px;
}

.rbox {
    margin: 0;
    overflow: hidden;
    width: auto;
}

    .rbox div {
        margin: 0;
        text-align: left;
    }

.rbox_tr {
    background: url("../images/util/comments/jc_rb_tr.gif") no-repeat scroll 100% 0 transparent;
    height: 10px;
    overflow: hidden;
    padding-right: 13px;
}

.rbox_tl {
    background: url("../images/util/comments/jc_rb_tl.gif") no-repeat scroll 0 0 transparent;
    padding-left: 13px;
}

.rbox_t {
    background-color: #FFFFFF;
    border-top: 1px solid #CCCCCC;
    margin: 0;
}

.rbox_br {
    background: url("../images/util/comments/jc_rb_br.gif") no-repeat scroll 100% 100% transparent;
    /*height: 13px;*/
    padding-right: 13px;
}

.rbox_bl {
    background: url("../images/util/comments/jc_rb_bl.gif") no-repeat scroll 0 100% transparent;
    padding-left: 13px;
}

.rbox_b {
    background-color: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    height: 12px;
    line-height: 12px;
    margin-top: -5px;
}

.rbox_m {
    background-color: #FFFFFF;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    line-height: 100%;
    padding: 0 8px;
    width: auto;
}

#comments {
    margin: 0;
    padding: 3px 10px 0 0;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
    text-transform: none;
    width: 100%;
}

    #comments .even, #comments .odd, #comments .comment {
        background-color: transparent;
        background-image: none;
        border: medium none;
        color: #3C452D;
        margin-bottom: 6px;
        padding: 0;
    }

        #comments .even:last-child, #comments .odd:last-child, #comments .comment:last-child {
            background-color: transparent;
            background-image: none;
            border: medium none;
            color: #3C452D;
            margin-bottom: 10px;
            padding: 0;
        }

    #comments .comments-list {
        height: 1%;
        margin-left: 10px;
    }

    #comments.clear {
        clear: both;
        height: 1px;
        overflow: hidden;
    }

    #comments .comment-indent {
        padding-left: 40px;
    }

    #comments .comment-box {
        color: #999999;
        margin: 0;
        padding: 0;
    }

    #comments .comment-anchor {
        border: medium none;
        color: #777777;
        text-decoration: none;
        margin-right: 2px;
    }

    #comments a {
        background-color: inherit;
        color: #849B9F;
        font-weight: normal;
        text-decoration: none;
    }

    #comments .comment-title {
        color: #B01625;
        font: bold 1em Verdana,Arial,Sans-Serif;
        margin: 0;
        padding: 0;
    }

    #comments .comment-author, #comments .author-homepage {
        color: #3C452D;
        font: bold 1em Verdana,Arial,Sans-Serif;
        margin: 0;
        padding: 0;
    }

    #comments .comment-date {
        background: url("../images/util/comments/jc_date.gif") no-repeat scroll left center transparent;
        color: #999999;
        font-size: 10px;
        margin: 0 0 0 5px;
        padding: 0 0 0 12px;
    }

    #comments .comment-body {
        color: #777777;
        margin: 6px 0 0;
        padding: 0 0 2px;
    }

.x-grid-with-row-lines .x-grid-cell-inner,
.x-grid-cell-inner {
    line-height: normal !important;
    overflow: hidden;
    padding: 5px 6px !important;
    white-space: nowrap !important;
}

.x-grid-row .x-grid-cell-special .x-grid-cell-inner {
    padding: 4px 4px !important;
}

.x-grid-row-expander {
    background-position: 0 0;
}

.x-toolbar .x-toolbar-text {
    color: #4C4C4C;
}

.clean-btn {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    padding: 0;
}

.x-menu-item-cmp .x-field-label-cell {
    vertical-align: middle;
}

.email-items {
    white-space: normal;
    color: #555555;
    text-decoration: none;
    display: block;
    overflow: hidden;
    font-family: Times New Roman;
    text-transform: uppercase;
    padding: 3px;
}

    .email-items p {
        padding-right: 3px;
        padding-bottom: 2px;
    }

        .email-items p.dptf {
            padding-left: 6px;
            font-weight: bold;
        }

        .email-items p.divf {
            padding-left: 27px;
            font-weight: 500;
            color: #707070;
        }

            .email-items p.divf.childs {
                font-weight: 600;
            }

        .email-items p.sdivf {
            padding-left: 45px;
            font-weight: 500;
            color: #707070;
        }

    .email-items div.x-boundlist-item {
        margin: 0 !important;
        padding: 0 !important;
    }


/*.email-items p.x-boundlist-item
{
	cursor: pointer;
}*/

.x-field.x-form-item.x-box-item.x-field-default.x-hbox-form-item.x-form-readonly .x-form-item-body .x-form-display-field {
    line-height: 100%;
    height: 22px;
    vertical-align: middle;
}

/**** FIM SUGESTÕES ****/

.search-item {
    padding: 3px; /*3px 10px;*/
    white-space: normal;
    color: #555;
    text-decoration: none;
    display: block;
    overflow: hidden;
}

    .search-item span {
        font-weight: normal;
        margin: 0 0 3px 3px;
        /*width: 100px;*/
        white-space: nowrap;
        width: 100%;
        clear: none;
    }


.x-form-display-field {
    text-align: justify;
}


/** BANNER **/

.banner {
    background-color: Transparent;
    /*background-image: url("../images/cabecalho/banner.png");*/
    /*background-repeat: no-repeat;*/
    background-size: 100% 70px;
    color: #666666;
    display: block;
    font-family: Verdana,Sans-Serif,Arial;
    font-size: small;
    font-weight: bold;
    position: relative;
    text-align: right;
}

.banner-separator {
    background-image: url("../images/cabecalho/banner-separator.gif");
    background-repeat: no-repeat;
}

.banner-combined {
    float: right;
    text-align: right;
}

.banner-combined-body {
    background-color: Transparent;
}

    .banner-combined-body a {
        padding: 0 4px;
        color: #4C798E;
        font-size: 8pt;
        text-decoration: none;
        white-space: nowrap;
        /*text-shadow: 0.1em 0.1em 0.2em black;*/
        text-transform: capitalize;
    }

        .banner-combined-body a:hover {
            color: #000000;
            text-shadow: 0.1em 0.1em 0.2em white;
        }

    .banner-combined-body span {
        color: #4C798E;
    }

.banner-combined .x-panel-bwrap .banner-combined-body {
    position: absolute;
    bottom: 1px;
    right: 0;
    height: auto !important;
    width: auto !important;
    border: medium none;
}

.banner-title {
    color: #fff;
    font-family: Verdana;
    position: absolute;
    right: 0;
    /* Theoretically for IE 8 & 9 (more valid) */
    /* ...but not required as filter works too */
    /* should come BEFORE filter */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    /* This works in IE 8 & 9 too */
    /* ... but also 5, 6, 7 */
    filter: alpha(opacity=80);
    /* Older than Firefox 0.9 */
    -moz-opacity: 0.8;
    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.8;
    /* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
    opacity: 0.8;
    font-size: 13pt;
    font-weight: bold;
    padding: 0 5px 0 0;
    white-space: nowrap;
    text-shadow: 2px 8px 6px rgba(0, 0, 0, 0.2), 0 -5px 35px rgba(255, 255, 255, 0.3); /*2px 2px 3px rgba(0, 0, 0, 0.6); 0.1em 0.1em 0.2em black;*/
    text-transform: capitalize;
}

.textfield-noborder,
.textfield-noborder input {
    border: medium none;
    background: none no-repeat scroll 0 0 Transparent;
}

.x-btn-icon.x-tbar-export-report {
    background-image: url(../images/toolbar/chart_bar.png) !important;
}

.x-btn-icon.x-tbar-export-csv {
    background-image: url(../images/toolbar/excel_icon.png) !important;
}

.x-btn-icon.x-tbar-export-pdf {
    background-image: url(../images/toolbar/pdf_icon.png) !important;
}

.x-btn-icon.x-tbar-export-print {
    background-image: url(../images/toolbar/print_icon.png) !important;
}

.x-btn-icon.x-tbar-filter-map-by-polygon {
    background-image: url(../images/toolbar/mapsearchpolygon.png) !important;
}

.x-btn-icon.x-tbar-reset-filters, .x-btn-text.x-tbar-reset-filters {
    background-image: url(../images/toolbar/filter-delete.png) !important;
}

.x-btn-icon.x-tbar-print {
    background-image: url(../images/toolbar/print.png) !important;
}
/** POPUP MENSAGEM **/
#msg-div {
    position: absolute;
    left: 50%;
    right: 50%;
    margin-left: auto;
    margin-right: auto;
    top: 0px;
    width: 250px;
    z-index: 20000;
}

    #msg-div h3 {
        margin-bottom: 6px;
    }

    #msg-div h3, #msg-div p {
        text-align: center;
    }

/** Image View **/

.x-image-view {
    color: #8C8C73 !important;
}

    .x-image-view .thumb {
        padding: 3px;
    }

        .x-image-view .thumb > img {
            width: 126px;
            cursor: pointer;
        }

    .x-image-view .thumb-wrap {
        float: left;
        margin: 4px;
        margin-right: 0;
        padding: 5px;
    }

        .x-image-view .thumb-wrap span {
            display: block;
            overflow: hidden;
            text-align: center;
            width: 76px; /* for ie to ensure that the text is centered */
        }

    .x-image-view .x-item-selected .thumb {
        background: #8db2e3;
    }

    .x-image-view .loading-indicator {
        font-size: 8pt;
        background-image: url(../../resources/images/default/grid/loading.gif);
        background-repeat: no-repeat;
        background-position: left;
        padding-left: 20px;
        margin: 10px;
    }

    .x-image-view .thumbnail {
        background: none repeat scroll 0 0 #E6E6E0;
        border: 1px solid #DDDDDD; /*1px solid #D6D6D0;*/
        -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6);
        -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6);
        box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6);
        float: left;
        margin-bottom: 10px;
        margin-right: 8px;
        margin-left: 8px;
        padding: 4px;
    }

.x-btn-left-text-icon {
    width: 90px !important;
}

    .x-btn-left-text-icon .x-btn-center {
        text-align: left;
    }

        .x-btn-left-text-icon .x-btn-center .x-btn-text {
            padding: 3px 0 2px 50px;
        }

body .x-grid3 .x-grid3-row-selected {
    color: #FFFFFF;
}

/** PSP **/
.form-psp .x-item-disabled {
    cursor: default;
    cursor: default;
    opacity: .9;
    -moz-opacity: .9;
    filter: alpha(opacity=90);
    -khtml-opacity: 0.9;
}

/** TOPONIMIA **/
.toponimia-form .x-item-disabled {
    cursor: default;
    cursor: default;
    opacity: .9;
    -moz-opacity: .9;
    filter: alpha(opacity=90);
    -khtml-opacity: 0.9;
}


.olControlMainSuggestion {
    background-image: url("../images/util/system-file-manager.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 24px;
}

.icon-panel-remove-row {
    background-image: url(../images/toolbar/delete.png) !important;
}

.icon-panel-add-row {
    background-image: url( '../images/toolbar/add.png' ) !important;
}

.x-form-type-checkboxgroup {
    background-color: #FFFFFF;
    background-image: url("images/grid/invalid_line.gif");
    background-position: center bottom;
    background-repeat: repeat-x;
    border-color: #CC3300;
}

.x-grid-row-over .x-grid-td {
    cursor: pointer;
}

.x-grid-cell-inner.status-blocked {
    background-image: url("../images/util/block.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.x-action-col-icon.icon-zoom-grid {
    background-image: url("../images/toolbar/magnifier.png");
    height: 16px;
    width: auto;
}

.snc-formpanel .x-splitter-vertical {
    visibility: hidden !important;
}

.x-message-box-pdf {
    background-image: url(../images/util/transferir_pdf.png);
    background-repeat: no-repeat;
}

#img-chooser-dlg .details {
    text-align: center;
}

#img-chooser-dlg .details-info {
    font: 11px Arial, Helvetica, sans-serif;
    margin-top: 5px;
    padding-top: 5px;
    text-align: left;
    min-height: 100px;
}

    #img-chooser-dlg .details-info b {
        color: #555555;
        display: block;
        margin-bottom: 4px;
        margin-left: 5px;
    }

    #img-chooser-dlg .details-info span {
        display: block;
        margin-bottom: 5px;
        margin-left: 10px;
    }

#img-chooser-view {
    background: white;
    font: 11px Arial, Helvetica, sans-serif;
}

    #img-chooser-view .thumb {
        padding: 3px;
    }

    #img-chooser-view .thumb-wrap {
        float: left;
        margin: 4px;
        margin-right: 0;
        padding: 5px;
    }

        #img-chooser-view .thumb-wrap span {
            display: block;
            overflow: hidden;
            text-align: center;
        }

    #img-chooser-view .x-view-over {
        border: 1px solid #dddddd;
        background-color: #efefef;
        padding: 4px;
    }

    #img-chooser-view .x-item-selected {
        background: #DFEDFF;
        border: 1px solid #6593cf;
        padding: 4px;
    }

        #img-chooser-view .x-item-selected .thumb {
            background: transparent;
        }

        #img-chooser-view .x-item-selected span {
            color: #1A4D8F;
        }

    #img-chooser-view .loading-indicator {
        font-size: 11px;
        background-image: url('../../resources/images/grid/loading.gif');
        background-repeat: no-repeat;
        background-position: left;
        padding-left: 20px;
        margin: 10px;
    }

#images img {
    margin: 20px;
}

#img-chooser-view .thumb img {
    height: 72px;
    width: 72px;
}

.details img {
    height: 50px;
    width: 50px;
}

#img-detail-panel .x-toolbar-default {
    border: none !important;
    background: transparent !important;
}


.banner {
    background-color: Transparent;
    /*background-image: url("../images/cabecalho/banner.png");*/
    /*background-repeat: no-repeat;*/
    background-size: 420px 50px;
    color: #666666;
    border: none;
    display: block;
    font-family: Verdana,Sans-Serif,Arial;
    font-size: small;
    font-weight: bold;
    position: relative;
    text-align: left;
}

#phones {
    background-color: #fff;
    text-shadow: #fff 0 1px 0;
    position: relative;
    display: block;
    height: auto;
}

#phones div.phone img {
    margin-bottom: 1px;
}

#phones div.phone {
    float: left;
    padding: 8px 17px;
    margin: 5px;
/*    margin: 10px 0 0 25px;*/
    text-align: center;
    line-height: 14px;
    color: #333;
    font-size: 12px;
    font-family: "Helvetica Neue",sans-serif;
    height: 150px;
    width: 150px;
    overflow: hidden;
    border-top: 1px solid transparent;
    
}

.x-ie6 #phones div.phone,
.x-ie7 #phones div.phone,
.x-ie8 #phones div.phone {
    border-top: none;
    padding: 3px 2px;
    margin: 2px;
}


#phones div.phone strong {
        padding-top: 5px;
    color: #000;
    display: block;
}

#phones div.phone span {
    color: #000;
}
